Premium Addons for Elementor - Version 4.7.8

Version Description

  • Tweak: Quick View button position improved for Skin 3 in WooCommerce Products Listing widget.
  • Fixed: Product stars rating color overridden by theme style in WooCommerce Products Listing widget.
  • Fixed: Content Alignment option not applied on product stars rating in WooCommerce Products Listing widget.
  • Fixed: Reverse Buttons option not working for Style 3 in WooCommerce Products Listing widget.
  • Fixed: PHP warning when Evergreen option is enabled in Countdown widget.
Download this release

Release Info

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

Code changes from version 4.7.7 to 4.7.8

admin/includes/admin-notices.php CHANGED
@@ -177,7 +177,7 @@ class Admin_Notices {
177
  '<p>' . __( 'Can we take only 2 minutes of your time? We would be really grateful it if you give ', 'premium-addons-for-elementor' ) .
178
  '<b>' . __( 'Premium Addons for Elementor', 'premium-addons-for-elementor' ) . '</b> a 5 Stars Rating on WordPress.org. By speading the love, we can create even greater free stuff in the future!</p>
179
  <div>
180
- <a class="button button-primary" href="%s" target="_blank"><span>' . __( 'Leave a Review', 'premium-addons-for-elementor' ) . '</span></a>
181
  <a class="button" href="%2$s"><span>' . __( 'I Already Did', 'premium-addons-for-elementor' ) . '</span></a>
182
  <a class="button button-secondary pa-notice-reset"><span>' . __( 'Maybe Later', 'premium-addons-for-elementor' ) . '</span></a>
183
  </div>',
177
  '<p>' . __( 'Can we take only 2 minutes of your time? We would be really grateful it if you give ', 'premium-addons-for-elementor' ) .
178
  '<b>' . __( 'Premium Addons for Elementor', 'premium-addons-for-elementor' ) . '</b> a 5 Stars Rating on WordPress.org. By speading the love, we can create even greater free stuff in the future!</p>
179
  <div>
180
+ <a class="button button-primary" href="%s" target="_blank"><span>' . __( 'Sure, leave a Review', 'premium-addons-for-elementor' ) . '</span></a>
181
  <a class="button" href="%2$s"><span>' . __( 'I Already Did', 'premium-addons-for-elementor' ) . '</span></a>
182
  <a class="button button-secondary pa-notice-reset"><span>' . __( 'Maybe Later', 'premium-addons-for-elementor' ) . '</span></a>
183
  </div>',
assets/frontend/css/premium-addons-rtl.css CHANGED
@@ -1,9356 +1,9316 @@
1
- @font-face {
2
- font-family: "pa-elements";
3
- src: url("../../editor/fonts/pa-elements.eot?9e1efm");
4
- src: url("../../editor/fonts/pa-elements.eot?9e1efm#iefix") format("embedded-opentype"),
5
- url("../../editor/fonts/pa-elements.ttf?9e1efm") format("truetype"),
6
- url("../../editor/fonts/pa-elements.woff?9e1efm") format("woff"),
7
- url("../../editor/fonts/pa-elements.svg?9e1efm#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
- .premium-carousel-wrapper a.carousel-arrow svg,
1783
- .premium-carousel-wrapper a.ver-carousel-arrow svg {
1784
- -webkit-transition: all 0.3s ease-in-out;
1785
- transition: all 0.3s ease-in-out;
1786
- }
1787
-
1788
- div[class^="premium-"] .slick-arrow i {
1789
- display: block;
1790
- }
1791
-
1792
- .ver-carousel-arrow.carousel-next i {
1793
- margin-bottom: -3px;
1794
- }
1795
-
1796
- .premium-carousel-wrapper a.slick-arrow:hover {
1797
- -webkit-box-shadow: none !important;
1798
- box-shadow: none !important;
1799
- }
1800
-
1801
- .premium-carousel-wrapper .premium-carousel-content-hidden {
1802
- visibility: hidden;
1803
- }
1804
-
1805
- .premium-carousel-wrapper a.carousel-arrow,
1806
- .premium-fb-rev-container a.carousel-arrow,
1807
- .premium-tabs-nav-list a.carousel-arrow,
1808
- .premium-blog-wrap a.carousel-arrow,
1809
- .premium-hscroll-wrap a.carousel-arrow,
1810
- .premium-twitter-feed-wrapper a.carousel-arrow,
1811
- .premium-facebook-feed-wrapper a.carousel-arrow,
1812
- .premium-instafeed-container a.carousel-arrow,
1813
- .premium-persons-container a.carousel-arrow {
1814
- top: 50%;
1815
- -webkit-transform: translateY(-50%);
1816
- -ms-transform: translateY(-50%);
1817
- transform: translateY(-50%);
1818
- }
1819
-
1820
- .premium-carousel-wrapper a.ver-carousel-arrow {
1821
- right: 50%;
1822
- -webkit-transform: translateX(50%);
1823
- -ms-transform: translateX(50%);
1824
- transform: translateX(50%);
1825
- }
1826
-
1827
- a.carousel-arrow.carousel-next {
1828
- right: -20px;
1829
- left: auto;
1830
- }
1831
-
1832
- a.carousel-arrow.carousel-prev {
1833
- left: -20px;
1834
- right: auto;
1835
- }
1836
-
1837
- a.ver-carousel-arrow.carousel-next {
1838
- bottom: -56px;
1839
- }
1840
-
1841
- a.ver-carousel-arrow.carousel-prev {
1842
- top: -45px;
1843
- }
1844
-
1845
- a.circle-bg {
1846
- -webkit-border-radius: 100%;
1847
- border-radius: 100%;
1848
- }
1849
-
1850
- a.circle-border {
1851
- -webkit-border-radius: 100%;
1852
- border-radius: 100%;
1853
- border: solid black;
1854
- }
1855
-
1856
- a.square-border {
1857
- border: solid black;
1858
- }
1859
-
1860
- .premium-carousel-dots-below,
1861
- .premium-blog-wrap ul.slick-dots,
1862
- .premium-fb-rev-reviews ul.slick-dots {
1863
- position: relative;
1864
- bottom: 0;
1865
- list-style: none;
1866
- text-align: center;
1867
- margin: 0;
1868
- padding: 0;
1869
- }
1870
-
1871
- .premium-carousel-dots-above ul.slick-dots {
1872
- position: absolute;
1873
- display: -ms-flexbox;
1874
- display: -webkit-flex;
1875
- display: -moz-flex;
1876
- display: -ms-flex;
1877
- -js-display: flex;
1878
- display: -webkit-box;
1879
- display: -moz-box;
1880
- display: flex;
1881
- top: 50%;
1882
- -webkit-transform: translateY(-50%);
1883
- -ms-transform: translateY(-50%);
1884
- transform: translateY(-50%);
1885
- -webkit-flex-direction: column;
1886
- -webkit-box-orient: vertical;
1887
- -webkit-box-direction: normal;
1888
- -moz-box-orient: vertical;
1889
- -moz-box-direction: normal;
1890
- -ms-flex-direction: column;
1891
- flex-direction: column;
1892
- }
1893
-
1894
- ul.slick-dots li {
1895
- font-size: 10px;
1896
- display: -webkit-inline-box;
1897
- display: -webkit-inline-flex;
1898
- display: -ms-inline-flexbox;
1899
- -js-display: inline-flex;
1900
- display: -moz-inline-box;
1901
- display: inline-flex;
1902
- -webkit-box-pack: center;
1903
- -webkit-justify-content: center;
1904
- -moz-box-pack: center;
1905
- -ms-flex-pack: center;
1906
- justify-content: center;
1907
- -webkit-box-align: center;
1908
- -webkit-align-items: center;
1909
- -moz-box-align: center;
1910
- -ms-flex-align: center;
1911
- align-items: center;
1912
- margin: 5px;
1913
- width: 20px;
1914
- height: 20px;
1915
- cursor: pointer;
1916
- }
1917
-
1918
- /*
1919
- * Custom Navigation Dot
1920
- */
1921
- .premium-carousel-wrapper .premium-carousel-nav-dot,
1922
- .premium-carousel-wrapper .premium-carousel-nav-arrow-prev,
1923
- .premium-carousel-wrapper .premium-carousel-nav-arrow-next {
1924
- display: none;
1925
- }
1926
-
1927
- .premium-carousel-wrapper ul.slick-dots svg {
1928
- width: 20px;
1929
- height: 20px;
1930
- outline: none !important;
1931
- }
1932
-
1933
- /* Ripple Out */
1934
- @-webkit-keyframes hvr-ripple-out {
1935
- 0% {
1936
- -webkit-transform: scale(1);
1937
- transform: scale(1);
1938
- opacity: 1;
1939
- }
1940
-
1941
- 100% {
1942
- -webkit-transform: scale(1.5);
1943
- transform: scale(1.5);
1944
- opacity: 0;
1945
- }
1946
- }
1947
-
1948
- @keyframes hvr-ripple-out {
1949
- 0% {
1950
- -webkit-transform: scale(1);
1951
- transform: scale(1);
1952
- opacity: 1;
1953
- }
1954
-
1955
- 100% {
1956
- -webkit-transform: scale(1.5);
1957
- transform: scale(1.5);
1958
- opacity: 0;
1959
- }
1960
- }
1961
-
1962
- .premium-carousel-ripple-yes .premium-carousel-wrapper {
1963
- padding-bottom: 1px;
1964
- }
1965
-
1966
- .premium-carousel-ripple-yes ul.slick-dots li,
1967
- .premium-carousel-ripple-yes ul.slick-dots li i {
1968
- position: relative;
1969
- }
1970
-
1971
- .premium-carousel-ripple-yes ul.slick-dots li i {
1972
- z-index: 1;
1973
- }
1974
-
1975
- .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
1976
- content: "";
1977
- position: absolute;
1978
- -webkit-transform: scale(1);
1979
- -ms-transform: scale(1);
1980
- transform: scale(1);
1981
- top: 0;
1982
- left: 0;
1983
- bottom: 0;
1984
- right: 0;
1985
- -webkit-border-radius: 50%;
1986
- border-radius: 50%;
1987
- pointer-events: none;
1988
- background-color: rgba(0, 0, 0, 0.15);
1989
- }
1990
-
1991
- .premium-carousel-ripple-yes ul.slick-dots li.slick-active:hover:before {
1992
- background-color: rgba(0, 0, 0, 0.3);
1993
- }
1994
-
1995
- .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
1996
- -webkit-animation: hvr-ripple-out 1.3s infinite;
1997
- animation: hvr-ripple-out 1.3s infinite;
1998
- }
1999
-
2000
- .premium-carousel-wrapper.premium-carousel-scale .slick-slide {
2001
- -webkit-transform: scale(1.25, 1.25);
2002
- -ms-transform: scale(1.25, 1.25);
2003
- transform: scale(1.25, 1.25);
2004
- -webkit-transition: all 0.3s ease-in-out !important;
2005
- transition: all 0.3s ease-in-out !important;
2006
- }
2007
-
2008
- .premium-carousel-wrapper.premium-carousel-scale div.slick-active {
2009
- -webkit-transform: scale(1, 1);
2010
- -ms-transform: scale(1, 1);
2011
- transform: scale(1, 1);
2012
- }
2013
-
2014
- [dir="rtl"] .premium-carousel-inner .slick-slide {
2015
- float: right;
2016
- }
2017
-
2018
- /**************** Premium Counter ***************/
2019
- /************************************************/
2020
- .premium-counter-area {
2021
- padding: 10px 0;
2022
- -js-display: flex;
2023
- display: -webkit-box;
2024
- display: -webkit-flex;
2025
- display: -moz-box;
2026
- display: -ms-flexbox;
2027
- display: flex;
2028
- -webkit-box-pack: center;
2029
- -webkit-justify-content: center;
2030
- -moz-box-pack: center;
2031
- -ms-flex-pack: center;
2032
- justify-content: center;
2033
- -webkit-box-align: center;
2034
- -webkit-align-items: center;
2035
- -moz-box-align: center;
2036
- -ms-flex-align: center;
2037
- align-items: center;
2038
- }
2039
-
2040
- .premium-counter-area.top {
2041
- -webkit-box-orient: vertical;
2042
- -webkit-box-direction: normal;
2043
- -webkit-flex-direction: column;
2044
- -moz-box-orient: vertical;
2045
- -moz-box-direction: normal;
2046
- -ms-flex-direction: column;
2047
- flex-direction: column;
2048
- }
2049
-
2050
- .premium-counter-area.right {
2051
- -webkit-box-orient: horizontal;
2052
- -webkit-box-direction: reverse;
2053
- -webkit-flex-direction: row-reverse;
2054
- -moz-box-orient: horizontal;
2055
- -moz-box-direction: reverse;
2056
- -ms-flex-direction: row-reverse;
2057
- flex-direction: row-reverse;
2058
- }
2059
-
2060
- .premium-counter-area.right .premium-counter-icon {
2061
- padding-right: 20px;
2062
- }
2063
-
2064
- .premium-counter-area.left .premium-counter-icon {
2065
- padding-left: 20px;
2066
- }
2067
-
2068
- .premium-counter-area .premium-counter-icon .icon i.fa:before {
2069
- vertical-align: text-top;
2070
- }
2071
-
2072
- .premium-counter-area .premium-counter-icon span.icon {
2073
- text-align: center;
2074
- display: inline-block;
2075
- vertical-align: middle;
2076
- }
2077
-
2078
- .premium-counter-area .premium-counter-icon .circle {
2079
- -webkit-border-radius: 100%;
2080
- border-radius: 100%;
2081
- }
2082
-
2083
- .premium-counter-area .premium-counter-icon img,
2084
- .premium-counter-area .premium-counter-icon svg {
2085
- width: 80px;
2086
- }
2087
-
2088
- .premium-counter-area .premium-counter-icon .premium-counter-animation svg {
2089
- height: 80px;
2090
- }
2091
-
2092
- .premium-counter-area .premium-counter-title {
2093
- padding: 0;
2094
- margin: 0;
2095
- }
2096
-
2097
- .premium-counter-area .premium-counter-value-wrap {
2098
- -js-display: flex;
2099
- display: -webkit-box;
2100
- display: -webkit-flex;
2101
- display: -moz-box;
2102
- display: -ms-flexbox;
2103
- display: flex;
2104
- -webkit-box-align: center;
2105
- -webkit-align-items: center;
2106
- -moz-box-align: center;
2107
- -ms-flex-align: center;
2108
- align-items: center;
2109
- }
2110
-
2111
- .premium-init-wrapper.right {
2112
- text-align: left;
2113
- }
2114
-
2115
- /* * Custom image and simple styles image fix */
2116
- span.icon.flex-width {
2117
- width: auto !important;
2118
- height: auto !important;
2119
- }
2120
-
2121
- .premium-counter-area .premium-counter-init {
2122
- font-size: 35px;
2123
- }
2124
-
2125
- /**************** Premium Image Separator ****************/
2126
- /*********************************************************/
2127
- /*Image Separator Container Style*/
2128
- .premium-image-separator-container {
2129
- position: absolute;
2130
- width: 100%;
2131
- z-index: 2;
2132
- top: auto;
2133
- }
2134
-
2135
- .premium-image-separator-container img {
2136
- display: inline-block !important;
2137
- -webkit-mask-repeat: no-repeat;
2138
- mask-repeat: no-repeat;
2139
- -webkit-mask-position: center;
2140
- mask-position: center;
2141
- }
2142
-
2143
- /*Link on Image Style*/
2144
- .premium-image-separator-link {
2145
- position: absolute;
2146
- z-index: 9999;
2147
- top: 0;
2148
- right: 0;
2149
- width: 100%;
2150
- height: 100%;
2151
- text-decoration: none;
2152
- }
2153
-
2154
- /*Important to override Theme options*/
2155
- a.premium-image-separator-link:hover,
2156
- a.premium-image-separator-link:visited,
2157
- a.premium-image-separator-link:focus,
2158
- a.premium-image-separator-link:active {
2159
- -webkit-box-shadow: none !important;
2160
- box-shadow: none !important;
2161
- outline: none !important;
2162
- border: none !important;
2163
- text-decoration: none !important;
2164
- }
2165
-
2166
- .premium-image-separator-container .img-responsive {
2167
- display: inline-block;
2168
- }
2169
-
2170
- .premium-image-separator-container i,
2171
- .premium-image-separator-container>svg {
2172
- padding: 20px;
2173
- -webkit-transition: all 0.3s ease-in-out;
2174
- transition: all 0.3s ease-in-out;
2175
- }
2176
-
2177
- /**************** Premium Modal Box ****************/
2178
- /***************************************************/
2179
- .premium-modal-trigger-btn,
2180
- .premium-modal-box-modal-lower-close {
2181
- display: inline-block;
2182
- padding: 6px 12px;
2183
- margin-bottom: 0;
2184
- font-size: 14px;
2185
- font-weight: normal;
2186
- line-height: 1.42857143;
2187
- text-align: center;
2188
- white-space: nowrap;
2189
- vertical-align: middle;
2190
- -ms-touch-action: manipulation;
2191
- touch-action: manipulation;
2192
- cursor: pointer;
2193
- -webkit-user-select: none;
2194
- -moz-user-select: none;
2195
- -ms-user-select: none;
2196
- user-select: none;
2197
- background-image: none;
2198
- border: 1px solid transparent;
2199
- }
2200
-
2201
- .premium-modal-trigger-btn>svg,
2202
- .premium-modal-trigger-btn .premium-modal-box-icon {
2203
- -webkit-transition: all 0.3s ease-in-out;
2204
- transition: all 0.3s ease-in-out;
2205
- }
2206
-
2207
- .premium-modal-trigger-btn>svg {
2208
- width: 30px;
2209
- height: 30px;
2210
- }
2211
-
2212
- .premium-modal-box-modal-close {
2213
- float: left;
2214
- font-size: 21px;
2215
- font-weight: bold;
2216
- line-height: 1;
2217
- color: #000;
2218
- }
2219
-
2220
- .premium-modal-box-modal-close:hover,
2221
- .premium-modal-box-modal-close:focus {
2222
- color: #000;
2223
- text-decoration: none;
2224
- cursor: pointer;
2225
- }
2226
-
2227
- button.premium-modal-box-modal-close {
2228
- -webkit-appearance: none;
2229
- padding: 0;
2230
- cursor: pointer;
2231
- background: transparent;
2232
- border: 0;
2233
- }
2234
-
2235
- .premium-modal-box-modal {
2236
- position: fixed;
2237
- top: 0;
2238
- left: 0;
2239
- bottom: 0;
2240
- right: 0;
2241
- z-index: 1050;
2242
- display: none;
2243
- -webkit-overflow-scrolling: touch;
2244
- outline: 0;
2245
- padding: 0 !important;
2246
- background: rgba(0, 0, 0, 0.5);
2247
- -webkit-box-align: center;
2248
- -webkit-align-items: center;
2249
- -moz-box-align: center;
2250
- -ms-flex-align: center;
2251
- align-items: center;
2252
- -webkit-box-pack: center;
2253
- -webkit-justify-content: center;
2254
- -moz-box-pack: center;
2255
- -ms-flex-pack: center;
2256
- justify-content: center;
2257
- }
2258
-
2259
- .premium-modal-box-modal .premium-modal-box-modal-dialog {
2260
- position: absolute;
2261
- max-height: -webkit-calc(100vh - 150px);
2262
- max-height: calc(100vh - 150px);
2263
- -js-display: flex;
2264
- display: -webkit-box;
2265
- display: -webkit-flex;
2266
- display: -moz-box;
2267
- display: -ms-flexbox;
2268
- display: flex;
2269
- -webkit-box-orient: vertical;
2270
- -webkit-box-direction: normal;
2271
- -webkit-flex-direction: column;
2272
- -moz-box-orient: vertical;
2273
- -moz-box-direction: normal;
2274
- -ms-flex-direction: column;
2275
- flex-direction: column;
2276
- opacity: 0;
2277
- }
2278
-
2279
- .premium-modal-box-modal-content {
2280
- background-color: #fff;
2281
- -webkit-background-clip: padding-box;
2282
- background-clip: padding-box;
2283
- border: 1px solid rgba(0, 0, 0, 0.2);
2284
- -webkit-border-radius: 6px;
2285
- border-radius: 6px;
2286
- outline: 0;
2287
- overflow-x: hidden;
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
- -js-display: inline-flex;
2405
- display: -webkit-inline-box;
2406
- display: -webkit-inline-flex;
2407
- display: -moz-inline-box;
2408
- display: -ms-inline-flexbox;
2409
- display: inline-flex;
2410
- -webkit-box-align: center;
2411
- -webkit-align-items: center;
2412
- -moz-box-align: center;
2413
- -ms-flex-align: center;
2414
- align-items: center;
2415
- border: none;
2416
- -webkit-transition: all 0.3s ease-in-out;
2417
- transition: all 0.3s ease-in-out;
2418
- }
2419
-
2420
- .premium-modal-trigger-container .premium-modal-trigger-btn.premium-btn-block {
2421
- -webkit-box-pack: center;
2422
- -webkit-justify-content: center;
2423
- -moz-box-pack: center;
2424
- -ms-flex-pack: center;
2425
- justify-content: center;
2426
- }
2427
-
2428
- .premium-modal-trigger-container .premium-modal-trigger-img,
2429
- .premium-modal-trigger-container .premium-modal-trigger-text,
2430
- .premium-modal-trigger-container .premium-modal-trigger-animation {
2431
- cursor: pointer;
2432
- }
2433
-
2434
- .premium-modal-trigger-container .premium-modal-trigger-animation {
2435
- display: inline-block;
2436
- width: 200px;
2437
- height: 200px;
2438
- -webkit-transition: all 0.3s ease-in-out;
2439
- transition: all 0.3s ease-in-out;
2440
- }
2441
-
2442
- /*Image on Modal Header Style*/
2443
- .premium-modal-box-modal-header img {
2444
- width: 48px;
2445
- padding-left: 5px;
2446
- }
2447
-
2448
- .premium-modal-box-modal-header i,
2449
- .premium-modal-box-modal-header svg {
2450
- padding-left: 6px;
2451
- }
2452
-
2453
- .premium-modal-box-modal-close {
2454
- position: relative;
2455
- z-index: 99;
2456
- }
2457
-
2458
- .premium-modal-trigger-img,
2459
- .premium-modal-trigger-text,
2460
- .premium-modal-box-close-button-container,
2461
- .premium-modal-box-modal-close,
2462
- .premium-modal-box-modal-lower-close {
2463
- -webkit-transition: all 0.3s ease-in-out;
2464
- transition: all 0.3s ease-in-out;
2465
- }
2466
-
2467
- @media (min-width: 768px) {
2468
- .premium-modal-box-modal-dialog {
2469
- width: 700px;
2470
- max-height: 600px;
2471
- overflow: auto;
2472
- }
2473
- }
2474
-
2475
- @media (max-width: 767px) {
2476
- .premium-modal-box-modal-dialog {
2477
- width: 100%;
2478
- max-height: 500px;
2479
- overflow: auto;
2480
- }
2481
- }
2482
-
2483
- .premium-modal-box-container[data-modal-animation*="animated-"] {
2484
- opacity: 0;
2485
- }
2486
-
2487
- /**************** Premium Progress Bar ****************/
2488
- /******************************************************/
2489
- .premium-progressbar-container {
2490
- position: relative;
2491
- }
2492
-
2493
- .premium-progressbar-bar-wrap {
2494
- position: relative;
2495
- text-align: right;
2496
- overflow: hidden;
2497
- height: 25px;
2498
- margin-bottom: 50px;
2499
- background-color: #f5f5f5;
2500
- -webkit-border-radius: 4px;
2501
- border-radius: 4px;
2502
- -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
2503
- box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
2504
- }
2505
-
2506
- .premium-progressbar-bar-wrap.premium-progressbar-dots {
2507
- background-color: transparent;
2508
- width: 100%;
2509
- -js-display: flex;
2510
- display: -webkit-box;
2511
- display: -webkit-flex;
2512
- display: -moz-box;
2513
- display: -ms-flexbox;
2514
- display: flex;
2515
- height: auto;
2516
- -webkit-box-shadow: none;
2517
- box-shadow: none;
2518
- }
2519
-
2520
- .premium-progressbar-bar-wrap .progress-segment {
2521
- position: relative;
2522
- width: 25px;
2523
- height: 25px;
2524
- -webkit-border-radius: 50%;
2525
- border-radius: 50%;
2526
- overflow: hidden;
2527
- background-color: #f5f5f5;
2528
- }
2529
-
2530
- .premium-progressbar-bar-wrap .progress-segment.filled {
2531
- background: #6ec1e4;
2532
- }
2533
-
2534
- .premium-progressbar-bar-wrap .progress-segment:not(:first-child):not(:last-child) {
2535
- margin: 0 4px;
2536
- }
2537
-
2538
- .premium-progressbar-bar-wrap .progress-segment:first-child {
2539
- margin-left: 4px;
2540
- }
2541
-
2542
- .premium-progressbar-bar-wrap .progress-segment:last-child {
2543
- margin-right: 4px;
2544
- }
2545
-
2546
- .premium-progressbar-bar-wrap .progress-segment .segment-inner {
2547
- position: absolute;
2548
- top: 0;
2549
- right: 0;
2550
- height: 100%;
2551
- background-color: #6ec1e4;
2552
- }
2553
-
2554
- .premium-progressbar-bar {
2555
- float: right;
2556
- width: 0%;
2557
- height: 100%;
2558
- font-size: 12px;
2559
- line-height: 20px;
2560
- background: #6ec1e4;
2561
- text-align: center;
2562
- -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2563
- box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2564
- }
2565
-
2566
- .premium-progressbar-striped .premium-progressbar-bar {
2567
- background-image: -webkit-linear-gradient(-135deg,
2568
- rgba(255, 255, 255, 0.15) 25%,
2569
- transparent 25%,
2570
- transparent 50%,
2571
- rgba(255, 255, 255, 0.15) 50%,
2572
- rgba(255, 255, 255, 0.15) 75%,
2573
- transparent 75%,
2574
- transparent);
2575
- background-image: -webkit-linear-gradient(45deg,
2576
- rgba(255, 255, 255, 0.15) 25%,
2577
- transparent 25%,
2578
- transparent 50%,
2579
- rgba(255, 255, 255, 0.15) 50%,
2580
- rgba(255, 255, 255, 0.15) 75%,
2581
- transparent 75%,
2582
- transparent);
2583
- background-image: linear-gradient(45deg,
2584
- rgba(255, 255, 255, 0.15) 25%,
2585
- transparent 25%,
2586
- transparent 50%,
2587
- rgba(255, 255, 255, 0.15) 50%,
2588
- rgba(255, 255, 255, 0.15) 75%,
2589
- transparent 75%,
2590
- transparent);
2591
- -webkit-background-size: 40px 40px;
2592
- background-size: 40px 40px;
2593
- }
2594
-
2595
- .premium-progressbar-active .premium-progressbar-bar {
2596
- -webkit-animation: progress-bar-stripes 2s linear infinite;
2597
- animation: progress-bar-stripes 2s linear infinite;
2598
- }
2599
-
2600
- .premium-progressbar-gradient .premium-progressbar-bar {
2601
- -webkit-background-size: 400% 400% !important;
2602
- background-size: 400% 400% !important;
2603
- -webkit-animation: progress-bar-gradient 10s ease-in-out infinite;
2604
- animation: progress-bar-gradient 10s ease-in-out infinite;
2605
- }
2606
-
2607
- .premium-progressbar-bar {
2608
- position: absolute;
2609
- overflow: hidden;
2610
- line-height: 20px;
2611
- }
2612
-
2613
- .premium-progressbar-container .clearfix {
2614
- clear: both;
2615
- }
2616
-
2617
- .premium-progressbar-bar {
2618
- -webkit-transition: width 0s ease-in-out !important;
2619
- transition: width 0s ease-in-out !important;
2620
- }
2621
-
2622
- .premium-progressbar-container p:first-of-type {
2623
- margin: 0;
2624
- float: right;
2625
- }
2626
-
2627
- .premium-progressbar-container p:nth-of-type(2) {
2628
- margin: 0;
2629
- float: left;
2630
- }
2631
-
2632
- .premium-progressbar-name {
2633
- right: 50%;
2634
- top: 0;
2635
- left: 0;
2636
- -webkit-transform: translateX(12.5px);
2637
- -ms-transform: translateX(12.5px);
2638
- transform: translateX(12.5px);
2639
- z-index: 1;
2640
- }
2641
-
2642
- .premium-progressbar-multiple-label {
2643
- position: relative;
2644
- float: right;
2645
- width: 0;
2646
- right: 50%;
2647
- }
2648
-
2649
- .premium-progressbar-center-label {
2650
- position: relative;
2651
- white-space: nowrap;
2652
- }
2653
-
2654
- .premium-progressbar-arrow {
2655
- height: 15px;
2656
- right: 50%;
2657
- display: inline-block;
2658
- border-right: 7px solid transparent;
2659
- border-left: 7px solid transparent;
2660
- border-top: 11px solid;
2661
- -webkit-transform: translateX(50%);
2662
- -ms-transform: translateX(50%);
2663
- transform: translateX(50%);
2664
- }
2665
-
2666
- .premium-progressbar-pin {
2667
- border-right: 1px solid;
2668
- height: 12px;
2669
- right: 50%;
2670
- display: inline-block;
2671
- }
2672
-
2673
- /**
2674
- * Circle Progress Bar
2675
- */
2676
- .premium-progressbar-circle-wrap {
2677
- width: 200px;
2678
- height: 200px;
2679
- position: relative;
2680
- margin: 0 auto;
2681
- }
2682
-
2683
- .premium-progressbar-circle-wrap .premium-progressbar-circle {
2684
- position: absolute;
2685
- top: 0;
2686
- right: 0;
2687
- width: 100%;
2688
- height: 100%;
2689
- -webkit-clip-path: inset(0 0 0 50%);
2690
- clip-path: inset(0 0 0 50%);
2691
- }
2692
-
2693
- .premium-progressbar-circle-wrap .premium-progressbar-circle div {
2694
- position: absolute;
2695
- right: 0;
2696
- top: 0;
2697
- height: 100%;
2698
- width: 100%;
2699
- border-width: 6px;
2700
- border-style: solid;
2701
- border-color: #54595f;
2702
- -webkit-border-radius: 50%;
2703
- border-radius: 50%;
2704
- -webkit-clip-path: inset(0 50% 0 0);
2705
- clip-path: inset(0 50% 0 0);
2706
- }
2707
-
2708
- .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-left {
2709
- -webkit-transform: rotate(0);
2710
- -ms-transform: rotate(0);
2711
- transform: rotate(0);
2712
- }
2713
-
2714
- .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-right {
2715
- -webkit-transform: rotate(-180deg);
2716
- -ms-transform: rotate(-180deg);
2717
- transform: rotate(-180deg);
2718
- visibility: hidden;
2719
- }
2720
-
2721
- .premium-progressbar-circle-wrap .premium-progressbar-circle-base {
2722
- width: 100%;
2723
- height: 100%;
2724
- border: 6px solid #eee;
2725
- -webkit-border-radius: 50%;
2726
- border-radius: 50%;
2727
- }
2728
-
2729
- .premium-progressbar-circle-wrap .premium-progressbar-circle-content {
2730
- position: absolute;
2731
- top: 0;
2732
- right: 0;
2733
- width: 100%;
2734
- height: 100%;
2735
- -js-display: flex;
2736
- display: -webkit-box;
2737
- display: -webkit-flex;
2738
- display: -moz-box;
2739
- display: -ms-flexbox;
2740
- display: flex;
2741
- -webkit-box-orient: vertical;
2742
- -webkit-box-direction: normal;
2743
- -webkit-flex-direction: column;
2744
- -moz-box-orient: vertical;
2745
- -moz-box-direction: normal;
2746
- -ms-flex-direction: column;
2747
- flex-direction: column;
2748
- -webkit-box-pack: center;
2749
- -webkit-justify-content: center;
2750
- -moz-box-pack: center;
2751
- -ms-flex-pack: center;
2752
- justify-content: center;
2753
- -webkit-box-align: center;
2754
- -webkit-align-items: center;
2755
- -moz-box-align: center;
2756
- -ms-flex-align: center;
2757
- align-items: center;
2758
- }
2759
-
2760
- .premium-progressbar-circle-wrap .premium-lottie-animation {
2761
- line-height: 1;
2762
- }
2763
-
2764
- @-webkit-keyframes progress-bar-stripes {
2765
- from {
2766
- background-position: 100% 0;
2767
- }
2768
-
2769
- to {
2770
- background-position: 40px 0;
2771
- }
2772
- }
2773
-
2774
- @keyframes progress-bar-stripes {
2775
- from {
2776
- background-position: 100% 0;
2777
- }
2778
-
2779
- to {
2780
- background-position: 40px 0;
2781
- }
2782
- }
2783
-
2784
- @-webkit-keyframes progress-bar-gradient {
2785
- 0% {
2786
- background-position: 100% 50%;
2787
- }
2788
-
2789
- 50% {
2790
- background-position: 0% 50%;
2791
- }
2792
-
2793
- 100% {
2794
- background-position: 100% 50%;
2795
- }
2796
- }
2797
-
2798
- @keyframes progress-bar-gradient {
2799
- 0% {
2800
- background-position: 100% 50%;
2801
- }
2802
-
2803
- 50% {
2804
- background-position: 0% 50%;
2805
- }
2806
-
2807
- 100% {
2808
- background-position: 100% 50%;
2809
- }
2810
- }
2811
-
2812
- /**************** Premium Testimonials ****************/
2813
- /******************************************************/
2814
- .premium-testimonial-box {
2815
- width: 100%;
2816
- background: transparent;
2817
- -webkit-transition: all 0.3s ease-in-out;
2818
- transition: all 0.3s ease-in-out;
2819
- }
2820
-
2821
- .premium-testimonial-box .premium-testimonial-author-info {
2822
- -js-display: flex;
2823
- display: -webkit-box;
2824
- display: -webkit-flex;
2825
- display: -moz-box;
2826
- display: -ms-flexbox;
2827
- display: flex;
2828
- -webkit-box-pack: center;
2829
- -webkit-justify-content: center;
2830
- -moz-box-pack: center;
2831
- -ms-flex-pack: center;
2832
- justify-content: center;
2833
- -webkit-box-align: center;
2834
- -webkit-align-items: center;
2835
- -moz-box-align: center;
2836
- -ms-flex-align: center;
2837
- align-items: center;
2838
- }
2839
-
2840
- .premium-testimonial-box .premium-testimonial-person-name,
2841
- .premium-testimonial-box .premium-testimonial-company-name {
2842
- font-weight: 600;
2843
- margin: 0;
2844
- }
2845
-
2846
- .premium-testimonial-container {
2847
- position: relative;
2848
- }
2849
-
2850
- .premium-testimonial-img-wrapper {
2851
- margin-right: auto;
2852
- margin-left: auto;
2853
- overflow: hidden;
2854
- border-style: solid !important;
2855
- }
2856
-
2857
- .premium-testimonial-img-wrapper.circle {
2858
- -webkit-border-radius: 50%;
2859
- border-radius: 50%;
2860
- }
2861
-
2862
- .premium-testimonial-img-wrapper.rounded {
2863
- -webkit-border-radius: 15px;
2864
- border-radius: 15px;
2865
- }
2866
-
2867
- .premium-testimonial-img-wrapper img {
2868
- -o-object-fit: cover;
2869
- object-fit: cover;
2870
- width: 100%;
2871
- height: 100% !important;
2872
- }
2873
-
2874
- .premium-testimonial-content-wrapper {
2875
- position: relative;
2876
- display: -ms-flexbox;
2877
- display: -webkit-flex;
2878
- display: -moz-flex;
2879
- display: -ms-flex;
2880
- -js-display: flex;
2881
- display: -webkit-box;
2882
- display: -moz-box;
2883
- display: flex;
2884
- -webkit-box-orient: vertical;
2885
- -webkit-box-direction: normal;
2886
- -webkit-flex-direction: column;
2887
- -moz-box-orient: vertical;
2888
- -moz-box-direction: normal;
2889
- -ms-flex-direction: column;
2890
- flex-direction: column;
2891
- z-index: 2;
2892
- width: 100%;
2893
- padding: 20px;
2894
- text-align: center;
2895
- }
2896
-
2897
- .premium-testimonial-clear-float {
2898
- clear: both;
2899
- }
2900
-
2901
- .premium-testimonial-upper-quote,
2902
- .premium-testimonial-lower-quote {
2903
- position: absolute;
2904
- z-index: 1;
2905
- }
2906
-
2907
- /**************** Premium Dual Heading *****************/
2908
- /*******************************************************/
2909
- .premium-dual-header-container .premium-dual-header-first-header,
2910
- .premium-dual-header-container .premium-dual-header-second-header {
2911
- position: relative;
2912
- padding: 0;
2913
- margin: 0;
2914
- display: inline-block;
2915
- -webkit-transform: translate(0, 0);
2916
- -ms-transform: translate(0, 0);
2917
- transform: translate(0, 0);
2918
- }
2919
-
2920
- .premium-dual-header-first-clip .premium-dual-header-first-span,
2921
- .premium-dual-header-second-clip {
2922
- -webkit-text-fill-color: transparent;
2923
- -webkit-background-clip: text;
2924
- }
2925
-
2926
- .premium-dual-header-first-clip.stroke .premium-dual-header-first-span,
2927
- .premium-dual-header-second-clip.stroke {
2928
- -webkit-text-stroke-color: transparent;
2929
- -webkit-text-fill-color: #fafafa;
2930
- -webkit-text-stroke-width: 2px;
2931
- }
2932
-
2933
- @media (max-width: 500px) {
2934
-
2935
- .premium-dual-header-container .premium-dual-header-first-header,
2936
- .premium-dual-header-container .premium-dual-header-second-header {
2937
- word-wrap: break-word;
2938
- }
2939
-
2940
- .premium-dual-header-first-container,
2941
- .premium-dual-header-second-container {
2942
- margin: 0;
2943
- }
2944
- }
2945
-
2946
- @media (min-width: 501px) {
2947
- .premium-dual-header-first-container {
2948
- margin-left: 5px;
2949
- }
2950
- }
2951
-
2952
- .premium-dual-header-first-header.gradient .premium-dual-header-first-span,
2953
- .premium-dual-header-second-header.gradient {
2954
- -webkit-background-size: 300% 300% !important;
2955
- background-size: 300% 300% !important;
2956
- -webkit-animation: Gradient 10s ease-in-out infinite;
2957
- animation: Gradient 10s ease-in-out infinite;
2958
- }
2959
-
2960
- @-webkit-keyframes Gradient {
2961
- 0% {
2962
- background-position: 100% 50%;
2963
- }
2964
-
2965
- 50% {
2966
- background-position: 0% 50%;
2967
- }
2968
-
2969
- 100% {
2970
- background-position: 100% 50%;
2971
- }
2972
- }
2973
-
2974
- @keyframes Gradient {
2975
- 0% {
2976
- background-position: 100% 50%;
2977
- }
2978
-
2979
- 50% {
2980
- background-position: 0% 50%;
2981
- }
2982
-
2983
- 100% {
2984
- background-position: 100% 50%;
2985
- }
2986
- }
2987
-
2988
- /**************** Premium Title ****************/
2989
- /***********************************************/
2990
- .premium-title-container {
2991
- position: relative;
2992
- width: 100%;
2993
- clear: both;
2994
- overflow: hidden;
2995
- }
2996
-
2997
- .premium-title-container .premium-title-header {
2998
- position: relative;
2999
- margin: 0;
3000
- padding: 10px;
3001
- }
3002
-
3003
- .premium-title-container .premium-title-header:not(.premium-title-style7) {
3004
- -webkit-box-align: center;
3005
- -webkit-align-items: center;
3006
- -moz-box-align: center;
3007
- -ms-flex-align: center;
3008
- align-items: center;
3009
- }
3010
-
3011
- .premium-title-container .premium-title-header svg {
3012
- width: 40px;
3013
- height: 40px;
3014
- }
3015
-
3016
- .premium-title-container .premium-title-header img {
3017
- width: 40px;
3018
- height: 40px;
3019
- -o-object-fit: cover;
3020
- object-fit: cover;
3021
- }
3022
-
3023
- .premium-title-container .premium-title-header a {
3024
- position: absolute;
3025
- top: 0;
3026
- right: 0;
3027
- width: 100%;
3028
- height: 100%;
3029
- }
3030
-
3031
- .premium-title-container .premium-lottie-animation {
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-icon-row .premium-title-icon {
3041
- margin-left: 10px;
3042
- }
3043
-
3044
- .premium-title-icon-row-reverse .premium-title-icon {
3045
- margin-right: 10px;
3046
- }
3047
-
3048
- .premium-title-style3,
3049
- .premium-title-style4 {
3050
- -js-display: flex;
3051
- display: -webkit-box;
3052
- display: -webkit-flex;
3053
- display: -moz-box;
3054
- display: -ms-flexbox;
3055
- display: flex;
3056
- }
3057
-
3058
- .premium-title-style1,
3059
- .premium-title-style2,
3060
- .premium-title-style5,
3061
- .premium-title-style6,
3062
- .premium-title-style8,
3063
- .premium-title-style9 {
3064
- -js-display: inline-flex;
3065
- display: -webkit-inline-box;
3066
- display: -webkit-inline-flex;
3067
- display: -moz-inline-box;
3068
- display: -ms-inline-flexbox;
3069
- display: inline-flex;
3070
- }
3071
-
3072
- .premium-title-style7 {
3073
- -js-display: inline-flex;
3074
- display: -webkit-inline-box;
3075
- display: -webkit-inline-flex;
3076
- display: -moz-inline-box;
3077
- display: -ms-inline-flexbox;
3078
- display: inline-flex;
3079
- -webkit-box-orient: vertical;
3080
- -webkit-box-direction: normal;
3081
- -webkit-flex-direction: column;
3082
- -moz-box-orient: vertical;
3083
- -moz-box-direction: normal;
3084
- -ms-flex-direction: column;
3085
- flex-direction: column;
3086
- }
3087
-
3088
- .premium-title-style7 .premium-title-style7-inner {
3089
- -js-display: flex;
3090
- display: -webkit-box;
3091
- display: -webkit-flex;
3092
- display: -moz-box;
3093
- display: -ms-flexbox;
3094
- display: flex;
3095
- -webkit-box-align: center;
3096
- -webkit-align-items: center;
3097
- -moz-box-align: center;
3098
- -ms-flex-align: center;
3099
- align-items: center;
3100
- }
3101
-
3102
- .premium-title-style1 {
3103
- border-width: 0;
3104
- border-right: 3px solid #6ec1e4;
3105
- }
3106
-
3107
- .premium-title-container.style2,
3108
- .premium-title-container.style4,
3109
- .premium-title-container.style5,
3110
- .premium-title-container.style6 {
3111
- border-bottom: 3px solid #6ec1e4;
3112
- }
3113
-
3114
- /*Style 6 Header*/
3115
- .premium-title-style6:before {
3116
- position: absolute;
3117
- right: 50%;
3118
- bottom: 0;
3119
- margin-right: -2px;
3120
- content: "";
3121
- border: 3px solid transparent;
3122
- }
3123
-
3124
- /*Style 6 Trinagle*/
3125
- .premium-title-style7-stripe-wrap {
3126
- -js-display: flex;
3127
- display: -webkit-box;
3128
- display: -webkit-flex;
3129
- display: -moz-box;
3130
- display: -ms-flexbox;
3131
- display: flex;
3132
- }
3133
-
3134
- .premium-title-style7:before {
3135
- display: none;
3136
- }
3137
-
3138
- .premium-title-style8 .premium-title-text[data-animation="shiny"] {
3139
- -webkit-background-size: 125px 125px !important;
3140
- background-size: 125px !important;
3141
- color: rgba(255, 255, 255, 0);
3142
- -webkit-background-clip: text !important;
3143
- background-clip: text !important;
3144
- -webkit-animation-name: pa-shinny-text !important;
3145
- animation-name: pa-shinny-text !important;
3146
- -webkit-animation-duration: var(--animation-speed) !important;
3147
- animation-duration: var(--animation-speed) !important;
3148
- -webkit-animation-iteration-count: infinite !important;
3149
- animation-iteration-count: infinite !important;
3150
- background: var(--base-color) -webkit-gradient(linear,
3151
- left top,
3152
- right top,
3153
- from(var(--base-color)),
3154
- to(var(--base-color)),
3155
- color-stop(0.5, var(--shiny-color))) 0 0 no-repeat;
3156
- }
3157
-
3158
- .premium-title-style9[data-animation-blur="process"] .premium-title-style9-letter {
3159
- -webkit-animation: pa-blur-shadow 2s 1 alternate;
3160
- animation: pa-blur-shadow 2s 1 alternate;
3161
- }
3162
-
3163
- .premium-title-gradient-yes .premium-title-text,
3164
- .premium-title-gradient-yes .premium-title-icon {
3165
- -webkit-background-clip: text;
3166
- -webkit-text-fill-color: transparent;
3167
- background-image: -webkit-gradient(linear, left top, right top, from(#ffa648), color-stop(#f17cc1), to(#4da9fd));
3168
- background-image: -webkit-linear-gradient(left, #ffa648, #f17cc1, #4da9fd);
3169
- background-image: linear-gradient(to right, #ffa648, #f17cc1, #4da9fd);
3170
- -webkit-animation: pa-text-gradient 8s infinite;
3171
- animation: pa-text-gradient 8s infinite;
3172
- }
3173
-
3174
- .premium-title-clipped .premium-title-header {
3175
- -webkit-text-fill-color: transparent;
3176
- -webkit-background-clip: text;
3177
- background-clip: text;
3178
- }
3179
-
3180
- @-webkit-keyframes pa-shinny-text {
3181
- 0% {
3182
- background-position: 100%;
3183
- }
3184
-
3185
- 100% {
3186
- background-position: -100%;
3187
- }
3188
- }
3189
-
3190
- @keyframes pa-shinny-text {
3191
- 0% {
3192
- background-position: 100%;
3193
- }
3194
-
3195
- 100% {
3196
- background-position: -100%;
3197
- }
3198
- }
3199
-
3200
- @-webkit-keyframes pa-blur-shadow {
3201
- from {
3202
- text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
3203
- color: transparent;
3204
- }
3205
-
3206
- to {
3207
- text-shadow: 0;
3208
- }
3209
- }
3210
-
3211
- @keyframes pa-blur-shadow {
3212
- from {
3213
- text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
3214
- color: transparent;
3215
- }
3216
-
3217
- to {
3218
- text-shadow: 0;
3219
- }
3220
- }
3221
-
3222
- @-webkit-keyframes pa-text-gradient {
3223
-
3224
- 0%,
3225
- 100% {
3226
- -webkit-filter: hue-rotate(0deg);
3227
- filter: hue-rotate(0deg);
3228
- }
3229
-
3230
- 50% {
3231
- -webkit-filter: hue-rotate(360deg);
3232
- filter: hue-rotate(360deg);
3233
- }
3234
- }
3235
-
3236
- @keyframes pa-text-gradient {
3237
-
3238
- 0%,
3239
- 100% {
3240
- -webkit-filter: hue-rotate(0deg);
3241
- filter: hue-rotate(0deg);
3242
- }
3243
-
3244
- 50% {
3245
- -webkit-filter: hue-rotate(360deg);
3246
- filter: hue-rotate(360deg);
3247
- }
3248
- }
3249
-
3250
- /*
3251
- * Common Title/Dual Heading
3252
- */
3253
- .premium-title-bg-text:before {
3254
- position: absolute;
3255
- content: attr(data-background);
3256
- top: 0;
3257
- left: 0;
3258
- text-align: left;
3259
- }
3260
-
3261
- .premium-mask-yes .premium-dual-header-first-clip .premium-dual-header-first-span .premium-mask-span,
3262
- .premium-mask-yes .premium-dual-header-second-clip .premium-mask-span {
3263
- background: inherit;
3264
- }
3265
-
3266
- .premium-mask-yes .premium-mask-span {
3267
- position: relative;
3268
- overflow: hidden;
3269
- -js-display: inline-flex !important;
3270
- display: -webkit-inline-box !important;
3271
- display: -webkit-inline-flex !important;
3272
- display: -moz-inline-box !important;
3273
- display: -ms-inline-flexbox !important;
3274
- display: inline-flex !important;
3275
- }
3276
-
3277
- .premium-mask-yes .premium-mask-span::after {
3278
- content: "";
3279
- position: absolute;
3280
- top: 0;
3281
- right: 0px;
3282
- width: 100%;
3283
- height: 100%;
3284
- background-color: currentColor;
3285
- -webkit-backface-visibility: visible;
3286
- backface-visibility: visible;
3287
- }
3288
-
3289
- .premium-mask-active.premium-mask-tr .premium-mask-span::after {
3290
- -webkit-animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3291
- animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3292
- -webkit-transform: translateX(-103%);
3293
- -ms-transform: translateX(-103%);
3294
- transform: translateX(-103%);
3295
- }
3296
-
3297
- .premium-mask-active.premium-mask-tl .premium-mask-span::after {
3298
- -webkit-animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3299
- animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3300
- -webkit-transform: translateX(103%);
3301
- -ms-transform: translateX(103%);
3302
- transform: translateX(103%);
3303
- }
3304
-
3305
- .premium-mask-active.premium-mask-tb .premium-mask-span::after {
3306
- -webkit-animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3307
- animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3308
- -webkit-transform: translateY(-103%);
3309
- -ms-transform: translateY(-103%);
3310
- transform: translateY(-103%);
3311
- }
3312
-
3313
- .premium-mask-active.premium-mask-tt .premium-mask-span::after {
3314
- -webkit-animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3315
- animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3316
- -webkit-transform: translateY(103%);
3317
- -ms-transform: translateY(103%);
3318
- transform: translateY(103%);
3319
- }
3320
-
3321
- @-webkit-keyframes pa-mask-tr {
3322
- 0% {
3323
- -webkit-transform: translateX(0%);
3324
- transform: translateX(0%);
3325
- }
3326
-
3327
- 100% {
3328
- -webkit-transform: translateX(103%);
3329
- transform: translateX(103%);
3330
- }
3331
- }
3332
-
3333
- @keyframes pa-mask-tr {
3334
- 0% {
3335
- -webkit-transform: translateX(0%);
3336
- transform: translateX(0%);
3337
- }
3338
-
3339
- 100% {
3340
- -webkit-transform: translateX(103%);
3341
- transform: translateX(103%);
3342
- }
3343
- }
3344
-
3345
- @-webkit-keyframes pa-mask-tl {
3346
- 0% {
3347
- -webkit-transform: translateX(0%);
3348
- transform: translateX(0%);
3349
- }
3350
-
3351
- 100% {
3352
- -webkit-transform: translateX(-103%);
3353
- transform: translateX(-103%);
3354
- }
3355
- }
3356
-
3357
- @keyframes pa-mask-tl {
3358
- 0% {
3359
- -webkit-transform: translateX(0%);
3360
- transform: translateX(0%);
3361
- }
3362
-
3363
- 100% {
3364
- -webkit-transform: translateX(-103%);
3365
- transform: translateX(-103%);
3366
- }
3367
- }
3368
-
3369
- @-webkit-keyframes pa-mask-tb {
3370
- 0% {
3371
- -webkit-transform: translateY(0%);
3372
- transform: translateY(0%);
3373
- }
3374
-
3375
- 100% {
3376
- -webkit-transform: translateY(103%);
3377
- transform: translateY(103%);
3378
- }
3379
- }
3380
-
3381
- @keyframes pa-mask-tb {
3382
- 0% {
3383
- -webkit-transform: translateY(0%);
3384
- transform: translateY(0%);
3385
- }
3386
-
3387
- 100% {
3388
- -webkit-transform: translateY(103%);
3389
- transform: translateY(103%);
3390
- }
3391
- }
3392
-
3393
- @-webkit-keyframes pa-mask-tt {
3394
- 0% {
3395
- -webkit-transform: translateY(0%);
3396
- transform: translateY(0%);
3397
- }
3398
-
3399
- 100% {
3400
- -webkit-transform: translateY(-103%);
3401
- transform: translateY(-103%);
3402
- }
3403
- }
3404
-
3405
- @keyframes pa-mask-tt {
3406
- 0% {
3407
- -webkit-transform: translateY(0%);
3408
- transform: translateY(0%);
3409
- }
3410
-
3411
- 100% {
3412
- -webkit-transform: translateY(-103%);
3413
- transform: translateY(-103%);
3414
- }
3415
- }
3416
-
3417
- /**************** Premium Video Box ************/
3418
- /***********************************************/
3419
- .premium-video-box-transform {
3420
- -webkit-transform: none !important;
3421
- -ms-transform: none !important;
3422
- transform: none !important;
3423
- }
3424
-
3425
- .premium-video-box-container {
3426
- -js-display: flex;
3427
- display: -webkit-box;
3428
- display: -webkit-flex;
3429
- display: -moz-box;
3430
- display: -ms-flexbox;
3431
- display: flex;
3432
- -webkit-box-orient: vertical;
3433
- -webkit-box-direction: normal;
3434
- -webkit-flex-direction: column;
3435
- -moz-box-orient: vertical;
3436
- -moz-box-direction: normal;
3437
- -ms-flex-direction: column;
3438
- flex-direction: column;
3439
- }
3440
-
3441
- .premium-video-box-container>div {
3442
- position: relative;
3443
- overflow: hidden;
3444
- }
3445
-
3446
- .pa-aspect-ratio-11 .premium-video-box-container>div {
3447
- padding-bottom: 100%;
3448
- }
3449
-
3450
- .pa-aspect-ratio-169 .premium-video-box-container>div {
3451
- padding-bottom: 56.25%;
3452
- }
3453
-
3454
- .pa-aspect-ratio-43 .premium-video-box-container>div {
3455
- padding-bottom: 75%;
3456
- }
3457
-
3458
- .pa-aspect-ratio-32 .premium-video-box-container>div {
3459
- padding-bottom: 66.6666%;
3460
- }
3461
-
3462
- .pa-aspect-ratio-219 .premium-video-box-container>div {
3463
- padding-bottom: 42.8571%;
3464
- }
3465
-
3466
- .pa-aspect-ratio-916 .premium-video-box-container>div {
3467
- padding-bottom: 177.8%;
3468
- }
3469
-
3470
- .premium-video-box-image-container {
3471
- position: absolute;
3472
- top: 0;
3473
- right: 0;
3474
- bottom: 0;
3475
- left: 0;
3476
- width: 100%;
3477
- height: 100%;
3478
- -webkit-background-size: cover;
3479
- background-size: cover;
3480
- background-position: 50%;
3481
- cursor: pointer;
3482
- margin: auto;
3483
- -webkit-transition: 0.2s all;
3484
- transition: 0.2s all;
3485
- }
3486
-
3487
- .premium-video-box-play-icon-container {
3488
- position: absolute;
3489
- z-index: 2;
3490
- cursor: pointer;
3491
- -webkit-transform: translate(50%, -50%);
3492
- -ms-transform: translate(50%, -50%);
3493
- transform: translate(50%, -50%);
3494
- background: rgba(252, 252, 252, 0.35);
3495
- }
3496
-
3497
- .premium-video-box-description-container {
3498
- position: absolute;
3499
- z-index: 2;
3500
- padding: 5px;
3501
- text-align: center;
3502
- cursor: pointer;
3503
- -webkit-transform: translate(50%, -50%);
3504
- -ms-transform: translate(50%, -50%);
3505
- transform: translate(50%, -50%);
3506
- }
3507
-
3508
- .premium-video-box-text {
3509
- margin-bottom: 0 !important;
3510
- -webkit-transition: all 0.3s ease-in-out;
3511
- transition: all 0.3s ease-in-out;
3512
- }
3513
-
3514
- .premium-video-box-play-icon {
3515
- padding: 15px;
3516
- -webkit-transform: translateX(-4%);
3517
- -ms-transform: translateX(-4%);
3518
- transform: translateX(-4%);
3519
- -webkit-transition: all 0.3s ease-in-out;
3520
- transition: all 0.3s ease-in-out;
3521
- }
3522
-
3523
- .premium-video-box-video-container {
3524
- position: absolute;
3525
- top: 0;
3526
- right: 0;
3527
- z-index: 2;
3528
- width: 100%;
3529
- height: 100%;
3530
- -webkit-transition: opacity 0.8s ease-in-out;
3531
- transition: opacity 0.8s ease-in-out;
3532
- overflow: hidden;
3533
- cursor: pointer;
3534
- }
3535
-
3536
- .premium-video-box-container[data-overlay="true"][data-type="self"] .premium-video-box-video-container {
3537
- opacity: 0;
3538
- visibility: hidden;
3539
- }
3540
-
3541
- .premium-video-box-video-container iframe {
3542
- max-width: 100%;
3543
- width: 100%;
3544
- height: 100%;
3545
- margin: 0;
3546
- line-height: 1;
3547
- border: none;
3548
- }
3549
-
3550
- .premium-video-box-video-container video {
3551
- max-width: 100%;
3552
- width: 100%;
3553
- height: 100%;
3554
- margin: 0;
3555
- line-height: 1;
3556
- border: none;
3557
- background-color: #000;
3558
- -o-object-fit: contain;
3559
- object-fit: contain;
3560
- }
3561
-
3562
- .premium-video-box-container .premium-video-box-vimeo-wrap {
3563
- -js-display: flex;
3564
- display: -webkit-box;
3565
- display: -webkit-flex;
3566
- display: -moz-box;
3567
- display: -ms-flexbox;
3568
- display: flex;
3569
- position: absolute;
3570
- top: 0;
3571
- right: 0;
3572
- z-index: 3;
3573
- margin: 10px;
3574
- margin-left: 10px;
3575
- -webkit-transition: opacity 0.2s ease-out;
3576
- transition: opacity 0.2s ease-out;
3577
- margin-left: 4.6em;
3578
- }
3579
-
3580
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-portrait {
3581
- width: 60px;
3582
- height: 60px;
3583
- background: rgba(23, 35, 34, 0.75);
3584
- margin-left: 1px;
3585
- -webkit-box-flex: 1;
3586
- -webkit-flex: 1 0 auto;
3587
- -moz-box-flex: 1;
3588
- -ms-flex: 1 0 auto;
3589
- flex: 1 0 auto;
3590
- padding: 0;
3591
- }
3592
-
3593
- .premium-video-box-vimeo-portrait img {
3594
- width: 50px;
3595
- height: 50px;
3596
- margin: 5px;
3597
- padding: 0;
3598
- border: 0;
3599
- -webkit-border-radius: 50%;
3600
- border-radius: 50%;
3601
- }
3602
-
3603
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-headers {
3604
- font-size: 10px;
3605
- }
3606
-
3607
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-title {
3608
- max-width: 100%;
3609
- font-size: 2em !important;
3610
- font-weight: 700;
3611
- margin: 0;
3612
- padding: 0.1em 0.2em;
3613
- background: rgba(23, 35, 34, 0.75);
3614
- display: inline-block;
3615
- text-transform: none;
3616
- line-height: normal;
3617
- letter-spacing: normal;
3618
- }
3619
-
3620
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-byline {
3621
- font-size: 1.2em !important;
3622
- font-weight: 400;
3623
- color: #fff;
3624
- margin-top: 0.1em;
3625
- padding: 0.2em 0.5em;
3626
- background: rgba(23, 35, 34, 0.75);
3627
- text-transform: none;
3628
- line-height: normal;
3629
- letter-spacing: normal;
3630
- }
3631
-
3632
- .premium-video-box-playlist-container {
3633
- -js-display: flex;
3634
- display: -webkit-box;
3635
- display: -webkit-flex;
3636
- display: -moz-box;
3637
- display: -ms-flexbox;
3638
- display: flex;
3639
- -webkit-flex-wrap: wrap;
3640
- -ms-flex-wrap: wrap;
3641
- flex-wrap: wrap;
3642
- }
3643
-
3644
- .premium-video-box-playlist-container .premium-video-box-container {
3645
- height: 100%;
3646
- overflow: hidden;
3647
- }
3648
-
3649
- .premium-video-box-container:hover .premium-video-box-image-container.zoomin {
3650
- -webkit-transform: scale(1.1);
3651
- -ms-transform: scale(1.1);
3652
- transform: scale(1.1);
3653
- }
3654
-
3655
- .premium-video-box-container:hover .premium-video-box-image-container.zoomout {
3656
- -webkit-transform: scale(1);
3657
- -ms-transform: scale(1);
3658
- transform: scale(1);
3659
- }
3660
-
3661
- .premium-video-box-container:hover .premium-video-box-image-container.scale {
3662
- -webkit-transform: scale(1.3) rotate(-5deg);
3663
- -ms-transform: scale(1.3) rotate(-5deg);
3664
- transform: scale(1.3) rotate(-5deg);
3665
- }
3666
-
3667
- .premium-video-box-container:hover .premium-video-box-image-container.gray {
3668
- -webkit-filter: grayscale(0%);
3669
- filter: grayscale(0%);
3670
- }
3671
-
3672
- .premium-video-box-container:hover .premium-video-box-image-container.blur {
3673
- -webkit-filter: blur(3px);
3674
- filter: blur(3px);
3675
- }
3676
-
3677
- .premium-video-box-container:hover .premium-video-box-image-container.sepia {
3678
- -webkit-filter: sepia(0%);
3679
- filter: sepia(0%);
3680
- }
3681
-
3682
- .premium-video-box-container:hover .premium-video-box-image-container.trans {
3683
- -webkit-transform: translateX(0px) scale(1.1);
3684
- -ms-transform: translateX(0px) scale(1.1);
3685
- transform: translateX(0px) scale(1.1);
3686
- }
3687
-
3688
- .premium-video-box-container:hover .premium-video-box-image-container.bright {
3689
- -webkit-filter: brightness(1.2);
3690
- filter: brightness(1.2);
3691
- }
3692
-
3693
- .premium-video-box-image-container.gray {
3694
- -webkit-filter: grayscale(100%);
3695
- filter: grayscale(100%);
3696
- }
3697
-
3698
- .premium-video-box-image-container.zoomout,
3699
- .premium-video-box-image-container.scale {
3700
- -webkit-transform: scale(1.2);
3701
- -ms-transform: scale(1.2);
3702
- transform: scale(1.2);
3703
- }
3704
-
3705
- .premium-video-box-image-container.sepia {
3706
- -webkit-filter: sepia(30%);
3707
- filter: sepia(30%);
3708
- }
3709
-
3710
- .premium-video-box-image-container.bright {
3711
- -webkit-filter: brightness(1);
3712
- filter: brightness(1);
3713
- }
3714
-
3715
- .premium-video-box-image-container.trans {
3716
- -webkit-transform: translateX(15px) scale(1.1);
3717
- -ms-transform: translateX(15px) scale(1.1);
3718
- transform: translateX(15px) scale(1.1);
3719
- }
3720
-
3721
- .premium-video-box-mask-media {
3722
- -webkit-mask-repeat: no-repeat;
3723
- mask-repeat: no-repeat;
3724
- }
3725
-
3726
- /* Sticky Video Option */
3727
- .premium-video-box-container.premium-video-box-sticky-apply {
3728
- z-index: 99;
3729
- overflow: unset;
3730
- }
3731
-
3732
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3733
- position: fixed !important;
3734
- z-index: 99999;
3735
- height: 225px;
3736
- width: 400px;
3737
- background: #fff;
3738
- }
3739
-
3740
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-vimeo-wrap,
3741
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-container:before {
3742
- visibility: hidden;
3743
- }
3744
-
3745
- .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 {
3746
- -webkit-box-shadow: unset;
3747
- box-shadow: unset;
3748
- }
3749
-
3750
- .premium-video-box-sticky-close,
3751
- .premium-video-box-sticky-infobar {
3752
- display: none;
3753
- }
3754
-
3755
- .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3756
- position: absolute;
3757
- padding: 5px;
3758
- cursor: pointer;
3759
- z-index: 99999;
3760
- height: 14px;
3761
- width: 14px;
3762
- -webkit-box-sizing: content-box;
3763
- -moz-box-sizing: content-box;
3764
- box-sizing: content-box;
3765
- -webkit-border-radius: 100%;
3766
- border-radius: 100%;
3767
- -js-display: flex;
3768
- display: -webkit-box;
3769
- display: -webkit-flex;
3770
- display: -moz-box;
3771
- display: -ms-flexbox;
3772
- display: flex;
3773
- -webkit-box-pack: center;
3774
- -webkit-justify-content: center;
3775
- -moz-box-pack: center;
3776
- -ms-flex-pack: center;
3777
- justify-content: center;
3778
- -webkit-box-align: center;
3779
- -webkit-align-items: center;
3780
- -moz-box-align: center;
3781
- -ms-flex-align: center;
3782
- align-items: center;
3783
- }
3784
-
3785
- .premium-video-box-sticky-apply .premium-video-box-play-icon-container {
3786
- -js-display: flex;
3787
- display: -webkit-box;
3788
- display: -webkit-flex;
3789
- display: -moz-box;
3790
- display: -ms-flexbox;
3791
- display: flex;
3792
- }
3793
-
3794
- .premium-video-box-sticky-apply .premium-video-box-play-icon {
3795
- -webkit-transition: none;
3796
- transition: none;
3797
- }
3798
-
3799
- .premium-video-box-sticky-apply .premium-video-box-sticky-infobar {
3800
- display: block;
3801
- position: relative;
3802
- top: 100%;
3803
- width: 100%;
3804
- padding: 5px;
3805
- text-align: center;
3806
- z-index: 9999;
3807
- margin-top: -1px;
3808
- }
3809
-
3810
- .premium-video-box-sticky-apply .premium-video-box-inner-wrap.ui-draggable {
3811
- cursor: move;
3812
- }
3813
-
3814
- .premium-video-sticky-top-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3815
- left: auto;
3816
- right: 20px;
3817
- top: 20px;
3818
- }
3819
-
3820
- .premium-video-sticky-bottom-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3821
- left: auto;
3822
- right: 20px;
3823
- bottom: 20px;
3824
- }
3825
-
3826
- .premium-video-sticky-top-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3827
- right: auto;
3828
- left: 20px;
3829
- top: 20px;
3830
- }
3831
-
3832
- .premium-video-sticky-bottom-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3833
- right: auto;
3834
- left: 20px;
3835
- bottom: 20px;
3836
- }
3837
-
3838
- .premium-video-sticky-center-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3839
- left: auto;
3840
- right: 20px;
3841
- top: 50%;
3842
- -webkit-transform: translateY(-50%);
3843
- -ms-transform: translateY(-50%);
3844
- transform: translateY(-50%);
3845
- }
3846
-
3847
- .premium-video-sticky-center-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3848
- right: auto;
3849
- left: 20px;
3850
- top: 50%;
3851
- -webkit-transform: translateY(-50%);
3852
- -ms-transform: translateY(-50%);
3853
- transform: translateY(-50%);
3854
- }
3855
-
3856
- .premium-video-sticky-bottom-right .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap,
3857
- .premium-video-sticky-bottom-left .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3858
- bottom: 55px;
3859
- }
3860
-
3861
- .premium-video-sticky-top-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3862
- .premium-video-sticky-bottom-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3863
- .premium-video-sticky-center-left .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3864
- top: -10px;
3865
- left: -10px;
3866
- }
3867
-
3868
- .premium-video-sticky-top-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3869
- .premium-video-sticky-bottom-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3870
- .premium-video-sticky-center-right .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3871
- top: -10px;
3872
- right: -10px;
3873
- }
3874
-
3875
- .premium-video-box-filter-sticky {
3876
- -webkit-filter: none !important;
3877
- filter: none !important;
3878
- }
3879
-
3880
- /**************** Premium Blog *****************/
3881
- /***********************************************/
3882
- .premium-blog-thumb-effect-wrapper {
3883
- position: relative;
3884
- overflow: hidden;
3885
- }
3886
-
3887
- .premium-blog-effect-container:not(.premium-blog-bordered-effect) .premium-blog-post-link {
3888
- position: absolute;
3889
- top: 0;
3890
- right: 0;
3891
- width: 100%;
3892
- height: 100%;
3893
- z-index: 2;
3894
- padding: 20px;
3895
- }
3896
-
3897
- .premium-blog-bordered-effect .premium-blog-post-link {
3898
- display: block;
3899
- height: 100%;
3900
- position: relative;
3901
- }
3902
-
3903
- /*Thumbnail Img*/
3904
- .premium-blog-thumbnail-container {
3905
- overflow: hidden;
3906
- }
3907
-
3908
- .premium-blog-thumbnail-container img,
3909
- .premium-blog-thumbnail-container .below-entry-meta {
3910
- width: 100%;
3911
- height: 100%;
3912
- margin: 0 !important;
3913
- -webkit-transition: all 0.4s ease-in-out;
3914
- transition: all 0.4s ease-in-out;
3915
- }
3916
-
3917
- .premium-blog-thumb-effect-wrapper .premium-blog-zoomout-effect img,
3918
- .premium-blog-thumb-effect-wrapper .premium-blog-scale-effect img {
3919
- -webkit-transform: scale(1.2);
3920
- -ms-transform: scale(1.2);
3921
- transform: scale(1.2);
3922
- }
3923
-
3924
- .premium-blog-thumb-effect-wrapper .premium-blog-sepia-effect img {
3925
- -webkit-filter: sepia(30%);
3926
- filter: sepia(30%);
3927
- }
3928
-
3929
- .premium-blog-thumb-effect-wrapper .premium-blog-bright-effect img {
3930
- -webkit-filter: brightness(1);
3931
- filter: brightness(1);
3932
- }
3933
-
3934
- .premium-blog-thumb-effect-wrapper .premium-blog-trans-effect img {
3935
- -webkit-transform: translateX(15px) scale(1.1);
3936
- -ms-transform: translateX(15px) scale(1.1);
3937
- transform: translateX(15px) scale(1.1);
3938
- }
3939
-
3940
- .premium-blog-post-outer-container:hover .premium-blog-zoomin-effect img {
3941
- -webkit-transform: scale(1.2);
3942
- -ms-transform: scale(1.2);
3943
- transform: scale(1.2);
3944
- }
3945
-
3946
- .premium-blog-post-outer-container:hover .premium-blog-zoomout-effect img {
3947
- -webkit-transform: scale(1.1);
3948
- -ms-transform: scale(1.1);
3949
- transform: scale(1.1);
3950
- }
3951
-
3952
- .premium-blog-post-outer-container:hover .premium-blog-scale-effect img {
3953
- -webkit-transform: scale(1.3) rotate(-5deg);
3954
- -ms-transform: scale(1.3) rotate(-5deg);
3955
- transform: scale(1.3) rotate(-5deg);
3956
- }
3957
-
3958
- .premium-blog-post-outer-container:hover .premium-blog-gray-effect img {
3959
- -webkit-filter: grayscale(100%);
3960
- filter: grayscale(100%);
3961
- }
3962
-
3963
- .premium-blog-post-outer-container:hover .premium-blog-blur-effect img {
3964
- -webkit-filter: blur(3px);
3965
- filter: blur(3px);
3966
- }
3967
-
3968
- .premium-blog-post-outer-container:hover .premium-blog-sepia-effect img {
3969
- -webkit-filter: sepia(0%);
3970
- filter: sepia(0%);
3971
- }
3972
-
3973
- .premium-blog-post-outer-container:hover .premium-blog-bright-effect img {
3974
- -webkit-filter: brightness(1.2);
3975
- filter: brightness(1.2);
3976
- }
3977
-
3978
- .premium-blog-post-outer-container:hover .premium-blog-trans-effect img {
3979
- -webkit-transform: translateX(0px) scale(1.1);
3980
- -ms-transform: translateX(0px) scale(1.1);
3981
- transform: translateX(0px) scale(1.1);
3982
- }
3983
-
3984
- .premium-blog-post-container {
3985
- overflow: hidden;
3986
- }
3987
-
3988
- .premium-blog-post-container .premium-blog-inner-container {
3989
- -js-display: flex;
3990
- display: -webkit-box;
3991
- display: -webkit-flex;
3992
- display: -moz-box;
3993
- display: -ms-flexbox;
3994
- display: flex;
3995
- direction: rtl;
3996
- }
3997
-
3998
- .premium-blog-post-container .premium-blog-post-content {
3999
- line-height: 1.5em;
4000
- color: #777;
4001
- font-size: 14px;
4002
- margin-bottom: 10px;
4003
- }
4004
-
4005
- .premium-blog-post-container ul.post-categories a:hover,
4006
- .premium-blog-post-container ul.post-categories a:focus,
4007
- .premium-blog-post-container .premium-blog-post-link:hover,
4008
- .premium-blog-post-container .premium-blog-post-link:focus {
4009
- -webkit-box-shadow: none !important;
4010
- box-shadow: none !important;
4011
- outline: none !important;
4012
- }
4013
-
4014
- .premium-blog-post-container .premium-blog-entry-title {
4015
- font-size: 18px;
4016
- margin-bottom: 5px;
4017
- }
4018
-
4019
- .premium-blog-post-container.premium-blog-skin-modern .premium-blog-content-wrapper {
4020
- position: relative;
4021
- z-index: 3;
4022
- top: -50px;
4023
- }
4024
-
4025
- .premium-blog-post-container .premium-blog-content-wrapper {
4026
- background-color: #f5f5f5;
4027
- padding: 30px;
4028
- }
4029
-
4030
- .premium-blog-post-container .premium-blog-content-wrapper.empty-thumb {
4031
- top: 0;
4032
- }
4033
-
4034
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before,
4035
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:after {
4036
- position: absolute;
4037
- content: "";
4038
- z-index: 1;
4039
- top: 50%;
4040
- right: 50%;
4041
- opacity: 0;
4042
- -webkit-transform: translate(50%, -50%);
4043
- -ms-transform: translate(50%, -50%);
4044
- transform: translate(50%, -50%);
4045
- -webkit-transition: all 0.4s linear 0s;
4046
- transition: all 0.4s linear 0s;
4047
- height: 1px;
4048
- width: 100%;
4049
- background-color: #fff;
4050
- }
4051
-
4052
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before {
4053
- width: 1px;
4054
- height: 100%;
4055
- }
4056
-
4057
- .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 {
4058
- width: 20px;
4059
- opacity: 1;
4060
- }
4061
-
4062
- .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 {
4063
- height: 20px;
4064
- opacity: 1;
4065
- }
4066
-
4067
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-content-wrapper {
4068
- margin: 0px 10px 20px;
4069
- clear: both;
4070
- }
4071
-
4072
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay,
4073
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay,
4074
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay {
4075
- position: absolute;
4076
- top: 0;
4077
- right: 0;
4078
- width: 100%;
4079
- height: 100%;
4080
- -webkit-transition: all 0.3s ease-in-out;
4081
- transition: all 0.3s ease-in-out;
4082
- opacity: 0;
4083
- }
4084
-
4085
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay a,
4086
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay a,
4087
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay a {
4088
- -js-display: flex;
4089
- display: -webkit-box;
4090
- display: -webkit-flex;
4091
- display: -moz-box;
4092
- display: -ms-flexbox;
4093
- display: flex;
4094
- -webkit-box-pack: center;
4095
- -webkit-justify-content: center;
4096
- -moz-box-pack: center;
4097
- -ms-flex-pack: center;
4098
- justify-content: center;
4099
- -webkit-box-align: center;
4100
- -webkit-align-items: center;
4101
- -moz-box-align: center;
4102
- -ms-flex-align: center;
4103
- align-items: center;
4104
- width: 100%;
4105
- height: 100%;
4106
- }
4107
-
4108
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay span,
4109
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay i,
4110
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay span,
4111
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay i,
4112
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay span,
4113
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay i {
4114
- -webkit-transition: all 0.3s ease-in-out;
4115
- transition: all 0.3s ease-in-out;
4116
- }
4117
-
4118
- .premium-blog-post-container.premium-blog-skin-side {
4119
- -js-display: flex;
4120
- display: -webkit-box;
4121
- display: -webkit-flex;
4122
- display: -moz-box;
4123
- display: -ms-flexbox;
4124
- display: flex;
4125
- }
4126
-
4127
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-container {
4128
- height: 100%;
4129
- }
4130
-
4131
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-content-wrapper {
4132
- -webkit-box-flex: 1;
4133
- -webkit-flex: 1;
4134
- -moz-box-flex: 1;
4135
- -ms-flex: 1;
4136
- flex: 1;
4137
- }
4138
-
4139
- .premium-blog-post-container.premium-blog-skin-banner {
4140
- position: relative;
4141
- }
4142
-
4143
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper {
4144
- position: absolute;
4145
- width: 100%;
4146
- bottom: 0;
4147
- -js-display: flex;
4148
- display: -webkit-box;
4149
- display: -webkit-flex;
4150
- display: -moz-box;
4151
- display: -ms-flexbox;
4152
- display: flex;
4153
- -webkit-box-orient: vertical;
4154
- -webkit-box-direction: normal;
4155
- -webkit-flex-direction: column;
4156
- -moz-box-orient: vertical;
4157
- -moz-box-direction: normal;
4158
- -ms-flex-direction: column;
4159
- flex-direction: column;
4160
- background-color: transparent;
4161
- z-index: 3;
4162
- }
4163
-
4164
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper-inner {
4165
- -webkit-transition: -webkit-transform 0.3s ease-in-out;
4166
- transition: -webkit-transform 0.3s ease-in-out;
4167
- transition: transform 0.3s ease-in-out;
4168
- transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
4169
- }
4170
-
4171
- .premium-blog-post-container.premium-blog-skin-banner:hover .premium-blog-content-wrapper-inner {
4172
- -webkit-transform: translateY(-5px);
4173
- -ms-transform: translateY(-5px);
4174
- transform: translateY(-5px);
4175
- }
4176
-
4177
- .premium-blog-post-container .premium-blog-cats-container ul.post-categories {
4178
- margin: 0;
4179
- padding: 0;
4180
- list-style: none;
4181
- -js-display: flex;
4182
- display: -webkit-box;
4183
- display: -webkit-flex;
4184
- display: -moz-box;
4185
- display: -ms-flexbox;
4186
- display: flex;
4187
- }
4188
-
4189
- .premium-blog-post-container .premium-blog-cats-container a {
4190
- display: block;
4191
- font-size: 12px;
4192
- color: #fff;
4193
- background-color: #777;
4194
- margin: 0 0 10px 3px;
4195
- padding: 5px;
4196
- -webkit-transition: all 0.3s ease-in-out;
4197
- transition: all 0.3s ease-in-out;
4198
- }
4199
-
4200
- /*
4201
- * Diagonal Effect
4202
- */
4203
- .premium-blog-diagonal-container {
4204
- position: absolute;
4205
- top: 0;
4206
- right: 0;
4207
- width: 100%;
4208
- height: 100%;
4209
- }
4210
-
4211
- .premium-blog-diagonal-effect:before {
4212
- position: absolute;
4213
- top: 0px;
4214
- right: 0px;
4215
- width: 100%;
4216
- height: 100%;
4217
- content: " ";
4218
- z-index: 1;
4219
- background: rgba(255, 255, 255, 0.2);
4220
- -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
4221
- transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
4222
- -webkit-transition: all 0.3s linear 0s;
4223
- transition: all 0.3s linear 0s;
4224
- }
4225
-
4226
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-diagonal-effect:before {
4227
- -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
4228
- transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
4229
- }
4230
-
4231
- /*
4232
- * Framed Effect
4233
- */
4234
- .premium-blog-framed-effect {
4235
- position: absolute;
4236
- width: -webkit-calc(100% - 30px);
4237
- width: calc(100% - 30px);
4238
- height: -webkit-calc(100% - 30px);
4239
- height: calc(100% - 30px);
4240
- top: 15px;
4241
- right: 15px;
4242
- opacity: 0;
4243
- -webkit-transform: scale(0.3);
4244
- -ms-transform: scale(0.3);
4245
- transform: scale(0.3);
4246
- -webkit-transition: all 0.3s linear 0s;
4247
- transition: all 0.3s linear 0s;
4248
- }
4249
-
4250
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-framed-effect {
4251
- opacity: 0.99;
4252
- -webkit-transform: scale(1);
4253
- -ms-transform: scale(1);
4254
- transform: scale(1);
4255
- }
4256
-
4257
- /*
4258
- * Bordered Effect
4259
- */
4260
- .premium-blog-bordered-effect {
4261
- position: absolute;
4262
- top: 0;
4263
- right: 0;
4264
- width: 100%;
4265
- height: 100%;
4266
- opacity: 0;
4267
- padding: 15px;
4268
- -webkit-transition: all 0.3s linear 0s;
4269
- transition: all 0.3s linear 0s;
4270
- }
4271
-
4272
- .premium-blog-bordered-effect .premium-blog-post-link:before,
4273
- .premium-blog-bordered-effect .premium-blog-post-link:after {
4274
- content: "";
4275
- display: block;
4276
- position: absolute;
4277
- top: 0;
4278
- right: 0;
4279
- width: 100%;
4280
- height: 100%;
4281
- -webkit-transition: all 0.5s linear 0s;
4282
- transition: all 0.5s linear 0s;
4283
- -webkit-transition-delay: 0s;
4284
- transition-delay: 0s;
4285
- border-color: rgba(255, 255, 255, 0.45);
4286
- }
4287
-
4288
- .premium-blog-bordered-effect .premium-blog-post-link:before {
4289
- border-left: 2px solid;
4290
- border-right: 2px solid;
4291
- -webkit-transform: scale(1, 0);
4292
- -ms-transform: scale(1, 0);
4293
- transform: scale(1, 0);
4294
- -webkit-transform-origin: 0% 0;
4295
- -ms-transform-origin: 0% 0;
4296
- transform-origin: 0% 0;
4297
- }
4298
-
4299
- .premium-blog-bordered-effect .premium-blog-post-link:after {
4300
- border-top: 2px solid;
4301
- border-bottom: 2px solid;
4302
- -webkit-transform: scale(0, 1);
4303
- -ms-transform: scale(0, 1);
4304
- transform: scale(0, 1);
4305
- -webkit-transform-origin: 100% 0;
4306
- -ms-transform-origin: 100% 0;
4307
- transform-origin: 100% 0;
4308
- }
4309
-
4310
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect {
4311
- opacity: 0.99;
4312
- }
4313
-
4314
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect .premium-blog-post-link:before,
4315
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect .premium-blog-post-link:after {
4316
- -webkit-transition-delay: 0.15s;
4317
- transition-delay: 0.15s;
4318
- opacity: 1;
4319
- -webkit-transform: scale(1);
4320
- -ms-transform: scale(1);
4321
- transform: scale(1);
4322
- }
4323
-
4324
- /*
4325
- * Squares Effect
4326
- */
4327
- .premium-blog-squares-effect,
4328
- .premium-blog-squares-square-container {
4329
- position: absolute;
4330
- top: 0;
4331
- right: 0;
4332
- width: 100%;
4333
- height: 100%;
4334
- }
4335
-
4336
- .premium-blog-squares-effect:before,
4337
- .premium-blog-squares-effect:after {
4338
- position: absolute;
4339
- content: "";
4340
- top: 0;
4341
- right: 0;
4342
- width: 50%;
4343
- height: 50%;
4344
- -webkit-transform: translate(100%, -100%);
4345
- -ms-transform: translate(100%, -100%);
4346
- transform: translate(100%, -100%);
4347
- opacity: 0.7;
4348
- -webkit-transition: all 0.3s linear 0s;
4349
- transition: all 0.3s linear 0s;
4350
- }
4351
-
4352
- .premium-blog-squares-square-container:before,
4353
- .premium-blog-squares-square-container:after {
4354
- position: absolute;
4355
- content: "";
4356
- top: 0;
4357
- right: 0;
4358
- width: 50%;
4359
- height: 50%;
4360
- -webkit-transform: translate(100%, -100%);
4361
- -ms-transform: translate(100%, -100%);
4362
- transform: translate(100%, -100%);
4363
- opacity: 0.7;
4364
- -webkit-transition: all 0.3s linear 0s;
4365
- transition: all 0.3s linear 0s;
4366
- }
4367
-
4368
- .premium-blog-squares-square-container:before,
4369
- .premium-blog-squares-square-container:after {
4370
- opacity: 0.8;
4371
- }
4372
-
4373
- .premium-blog-squares-effect:after {
4374
- -webkit-transform: translate(-200%, 200%);
4375
- -ms-transform: translate(-200%, 200%);
4376
- transform: translate(-200%, 200%);
4377
- }
4378
-
4379
- .premium-blog-squares-square-container:before {
4380
- -webkit-transform: translate(100%, 200%);
4381
- -ms-transform: translate(100%, 200%);
4382
- transform: translate(100%, 200%);
4383
- }
4384
-
4385
- .premium-blog-squares-square-container:after {
4386
- -webkit-transform: translate(-200%, -100%);
4387
- -ms-transform: translate(-200%, -100%);
4388
- transform: translate(-200%, -100%);
4389
- }
4390
-
4391
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:before {
4392
- -webkit-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
4393
- -ms-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
4394
- transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
4395
- }
4396
-
4397
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:after {
4398
- -webkit-transform: translate(-100%, 100%) scaleY(1.003) scaleX(1.003);
4399
- -ms-transform: translate(-100%, 100%) scaleY(1.003) scaleX(1.003);
4400
- transform: translate(-100%, 100%) scaleY(1.003) scaleX(1.003);
4401
- }
4402
-
4403
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:before {
4404
- -webkit-transform: translate(0, 100%);
4405
- -ms-transform: translate(0, 100%);
4406
- transform: translate(0, 100%);
4407
- }
4408
-
4409
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:after {
4410
- -webkit-transform: translate(-100%, 0%);
4411
- -ms-transform: translate(-100%, 0%);
4412
- transform: translate(-100%, 0%);
4413
- }
4414
-
4415
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay {
4416
- opacity: 1;
4417
- }
4418
-
4419
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay a {
4420
- opacity: 1;
4421
- -webkit-transform: scale(1);
4422
- -ms-transform: scale(1);
4423
- transform: scale(1);
4424
- }
4425
-
4426
- .premium-blog-clear-fix {
4427
- clear: both;
4428
- }
4429
-
4430
- .premium-blog-masked .premium-blog-thumbnail-container {
4431
- position: relative;
4432
- overflow: visible;
4433
- }
4434
-
4435
- .premium-blog-masked .premium-blog-thumbnail-container svg {
4436
- position: absolute;
4437
- height: 100px;
4438
- width: 100%;
4439
- bottom: -5px;
4440
- right: 0;
4441
- fill: #f5f5f5;
4442
- z-index: 99;
4443
- }
4444
-
4445
- .premium-blog-masked .premium-blog-thumbnail-container svg.premium-blog-shape-divider-svg {
4446
- -webkit-transform: rotate(180deg);
4447
- -ms-transform: rotate(180deg);
4448
- transform: rotate(180deg);
4449
- }
4450
-
4451
- .premium-blog-masked .premium-blog-author-thumbnail,
4452
- .premium-blog-masked .premium-blog-skin-banner .premium-blog-content-wrapper {
4453
- z-index: 999 !important;
4454
- }
4455
-
4456
- /*Post Format Container*/
4457
- .premium-blog-format-link {
4458
- padding: 5px;
4459
- line-height: 0;
4460
- }
4461
-
4462
- /*Post Format Icon*/
4463
- /*Post Format Content Margin */
4464
- .premium-blog-entry-meta {
4465
- line-height: 1.3em;
4466
- font-size: 12px;
4467
- margin-bottom: 13px;
4468
- color: #adadad;
4469
- }
4470
-
4471
- .premium-blog-entry-meta i {
4472
- margin-left: 3px;
4473
- -webkit-transition: all 0.3s ease-in-out;
4474
- transition: all 0.3s ease-in-out;
4475
- }
4476
-
4477
- .premium-blog-meta-data {
4478
- display: inline-block;
4479
- }
4480
-
4481
- .premium-blog-meta-data .premium-blog-meta-separator {
4482
- margin: 0 5px;
4483
- }
4484
-
4485
- .premium-blog-meta-data a,
4486
- .premium-blog-meta-data span {
4487
- color: inherit;
4488
- -webkit-transition: all 0.3s ease-in-out;
4489
- transition: all 0.3s ease-in-out;
4490
- }
4491
-
4492
- .premium-blog-author-thumbnail {
4493
- position: relative;
4494
- padding: 0 30px;
4495
- width: 100%;
4496
- top: -10px;
4497
- height: 0;
4498
- pointer-events: none;
4499
- }
4500
-
4501
- .premium-blog-author-thumbnail img {
4502
- -webkit-border-radius: 50%;
4503
- border-radius: 50%;
4504
- width: 60px;
4505
- pointer-events: all;
4506
- -webkit-transform: translateY(-50%);
4507
- -ms-transform: translateY(-50%);
4508
- transform: translateY(-50%);
4509
- }
4510
-
4511
- .premium-blog-entry-title a,
4512
- .premium-blog-post-tags-container a,
4513
- .premium-blog-post-content .premium-blog-excerpt-link {
4514
- -webkit-transition: all 0.3s ease-in-out;
4515
- transition: all 0.3s ease-in-out;
4516
- }
4517
-
4518
- .premium-blog-excerpt-link-wrap a.premium-blog-excerpt-link {
4519
- background-color: transparent;
4520
- color: #54595f;
4521
- padding: 0;
4522
- }
4523
-
4524
- .premium-blog-cta-full-yes .premium-blog-excerpt-link {
4525
- width: 100%;
4526
- }
4527
-
4528
- .premium-blog-post-tags-container {
4529
- margin-top: 8px;
4530
- -js-display: flex;
4531
- display: -webkit-box;
4532
- display: -webkit-flex;
4533
- display: -moz-box;
4534
- display: -ms-flexbox;
4535
- display: flex;
4536
- -webkit-box-align: center;
4537
- -webkit-align-items: center;
4538
- -moz-box-align: center;
4539
- -ms-flex-align: center;
4540
- align-items: center;
4541
- -webkit-flex-wrap: wrap;
4542
- -ms-flex-wrap: wrap;
4543
- flex-wrap: wrap;
4544
- }
4545
-
4546
- .premium-blog-post-tags-container a {
4547
- color: inherit;
4548
- margin-right: 5px;
4549
- }
4550
-
4551
- .premium-blog-align-center .post-categories,
4552
- .premium-blog-align-center .premium-blog-inner-container,
4553
- .premium-blog-align-center .premium-blog-post-tags-container {
4554
- -webkit-box-pack: center;
4555
- -webkit-justify-content: center;
4556
- -moz-box-pack: center;
4557
- -ms-flex-pack: center;
4558
- justify-content: center;
4559
- }
4560
-
4561
- .premium-blog-align-left .premium-blog-post-container .post-categories,
4562
- .premium-blog-align-left .premium-blog-post-container .premium-blog-inner-container,
4563
- .premium-blog-align-left .premium-blog-post-container .premium-blog-post-tags-container {
4564
- -webkit-box-pack: end;
4565
- -webkit-justify-content: flex-end;
4566
- -moz-box-pack: end;
4567
- -ms-flex-pack: end;
4568
- justify-content: flex-end;
4569
- }
4570
-
4571
- /* .premium-blog-align-left .premium-blog-post-container.premium-blog-skin-cards .post-categories,
4572
- .premium-blog-align-left .premium-blog-post-container.premium-blog-skin-cards .premium-blog-inner-container,
4573
- .premium-blog-align-left .premium-blog-post-container.premium-blog-skin-cards .premium-blog-post-tags-container {
4574
- -webkit-box-pack: start;
4575
- -webkit-justify-content: flex-start;
4576
- -moz-box-pack: start;
4577
- -ms-flex-pack: start;
4578
- justify-content: flex-start;
4579
- } */
4580
-
4581
- .premium-blog-align-right .premium-blog-post-container .post-categories,
4582
- .premium-blog-align-right .premium-blog-post-container .premium-blog-inner-container,
4583
- .premium-blog-align-right .premium-blog-post-container .premium-blog-post-tags-container {
4584
- -webkit-box-pack: start;
4585
- -webkit-justify-content: flex-start;
4586
- -moz-box-pack: start;
4587
- -ms-flex-pack: start;
4588
- justify-content: flex-start;
4589
- }
4590
-
4591
- /* .premium-blog-align-right .premium-blog-post-container.premium-blog-skin-cards .post-categories,
4592
- .premium-blog-align-right .premium-blog-post-container.premium-blog-skin-cards .premium-blog-inner-container,
4593
- .premium-blog-align-right .premium-blog-post-container.premium-blog-skin-cards .premium-blog-post-tags-container {
4594
- -webkit-box-pack: end;
4595
- -webkit-justify-content: flex-end;
4596
- -moz-box-pack: end;
4597
- -ms-flex-pack: end;
4598
- justify-content: flex-end;
4599
- } */
4600
-
4601
- /* Pagination */
4602
- .premium-blog-pagination-container {
4603
- text-align: left;
4604
- }
4605
-
4606
- .premium-blog-pagination-container span {
4607
- cursor: default;
4608
- }
4609
-
4610
- .premium-blog-pagination-container .page-numbers {
4611
- display: inline-block;
4612
- color: #000;
4613
- line-height: 1;
4614
- font-size: 1em;
4615
- font-weight: 400;
4616
- text-decoration: none;
4617
- padding: 0.75em;
4618
- margin: 0 0 0.4em 0.4em;
4619
- -webkit-transition: all 0.2s ease-in-out;
4620
- transition: all 0.2s ease-in-out;
4621
- }
4622
-
4623
- .premium-blog-wrap .premium-loading-feed {
4624
- display: block;
4625
- position: absolute;
4626
- width: 100%;
4627
- height: 100%;
4628
- top: 0px;
4629
- right: 0px;
4630
- bottom: 0px;
4631
- left: 0px;
4632
- background: rgba(255, 255, 255, 0.2);
4633
- -js-display: flex;
4634
- display: -webkit-box;
4635
- display: -webkit-flex;
4636
- display: -moz-box;
4637
- display: -ms-flexbox;
4638
- display: flex;
4639
- -webkit-box-align: center;
4640
- -webkit-align-items: center;
4641
- -moz-box-align: center;
4642
- -ms-flex-align: center;
4643
- align-items: center;
4644
- z-index: 99;
4645
- }
4646
-
4647
- .premium-blog-wrap {
4648
- -js-display: flex;
4649
- display: -webkit-box;
4650
- display: -webkit-flex;
4651
- display: -moz-box;
4652
- display: -ms-flexbox;
4653
- display: flex;
4654
- -webkit-flex-wrap: wrap;
4655
- -ms-flex-wrap: wrap;
4656
- flex-wrap: wrap;
4657
- }
4658
-
4659
- .premium-blog-wrap ul.slick-dots {
4660
- width: 100%;
4661
- }
4662
-
4663
- /**
4664
- * Even Layout
4665
- */
4666
- .premium-blog-even .premium-blog-post-container {
4667
- height: 100%;
4668
- }
4669
-
4670
- .premium-blog-even .slick-track {
4671
- -js-display: flex;
4672
- display: -webkit-box;
4673
- display: -webkit-flex;
4674
- display: -moz-box;
4675
- display: -ms-flexbox;
4676
- display: flex;
4677
- }
4678
-
4679
- .premium-blog-even .slick-slide {
4680
- height: inherit !important;
4681
- }
4682
-
4683
- /**
4684
- * Responsive Style
4685
- */
4686
- @media (max-width: 768px) {
4687
- .premium-blog-content-wrapper {
4688
- top: 0;
4689
- margin: 0;
4690
- padding: 15px;
4691
- }
4692
-
4693
- .premium-blog-thumb-effect-wrapper {
4694
- margin-bottom: 15px;
4695
- }
4696
- }
4697
-
4698
- [dir="rtl"] .premium-blog-wrap.slick-slider .slick-list,
4699
- [dir="rtl"] .premium-blog-wrap.slick-slider .slick-track {
4700
- direction: ltr;
4701
- }
4702
-
4703
- /************ Premium Team Members ************/
4704
- /*********************************************/
4705
- .premium-person-container {
4706
- position: relative;
4707
- }
4708
-
4709
- .premium-person-image-container {
4710
- position: relative;
4711
- text-align: center;
4712
- overflow: hidden;
4713
- }
4714
-
4715
- .premium-person-image-container .premium-person-image-wrap {
4716
- overflow: hidden;
4717
- }
4718
-
4719
- .premium-person-zoomout-effect .premium-person-image-container img,
4720
- .premium-person-scale-effect .premium-person-image-container img {
4721
- -webkit-transform: scale(1.2);
4722
- -ms-transform: scale(1.2);
4723
- transform: scale(1.2);
4724
- }
4725
-
4726
- .premium-person-sepia-effect .premium-person-image-container img {
4727
- -webkit-filter: sepia(30%);
4728
- filter: sepia(30%);
4729
- }
4730
-
4731
- .premium-person-bright-effect .premium-person-image-container img {
4732
- -webkit-filter: brightness(1);
4733
- filter: brightness(1);
4734
- }
4735
-
4736
- .premium-person-trans-effect .premium-person-image-container img {
4737
- -webkit-transform: translateX(15px) scale(1.1);
4738
- -ms-transform: translateX(15px) scale(1.1);
4739
- transform: translateX(15px) scale(1.1);
4740
- }
4741
-
4742
- .premium-person-zoomin-effect:hover .premium-person-image-container img {
4743
- -webkit-transform: scale(1.2);
4744
- -ms-transform: scale(1.2);
4745
- transform: scale(1.2);
4746
- }
4747
-
4748
- .premium-person-zoomout-effect:hover .premium-person-image-container img {
4749
- -webkit-transform: scale(1.1);
4750
- -ms-transform: scale(1.1);
4751
- transform: scale(1.1);
4752
- }
4753
-
4754
- .premium-person-scale-effect:hover .premium-person-image-container img {
4755
- -webkit-transform: scale(1.3) rotate(-5deg);
4756
- -ms-transform: scale(1.3) rotate(-5deg);
4757
- transform: scale(1.3) rotate(-5deg);
4758
- }
4759
-
4760
- .premium-person-grayscale-effect:hover .premium-person-image-container img {
4761
- -webkit-filter: grayscale(100%);
4762
- filter: grayscale(100%);
4763
- }
4764
-
4765
- .premium-person-blur-effect:hover .premium-person-image-container img {
4766
- -webkit-filter: blur(3px);
4767
- filter: blur(3px);
4768
- }
4769
-
4770
- .premium-person-sepia-effect:hover .premium-person-image-container img {
4771
- -webkit-filter: sepia(0%);
4772
- filter: sepia(0%);
4773
- }
4774
-
4775
- .premium-person-bright-effect:hover .premium-person-image-container img {
4776
- -webkit-filter: brightness(1.2);
4777
- filter: brightness(1.2);
4778
- }
4779
-
4780
- .premium-person-trans-effect:hover .premium-person-image-container img {
4781
- -webkit-transform: translateX(0px) scale(1.1);
4782
- -ms-transform: translateX(0px) scale(1.1);
4783
- transform: translateX(0px) scale(1.1);
4784
- }
4785
-
4786
- .premium-person-container .premium-person-image-container img {
4787
- width: 100%;
4788
- height: 100%;
4789
- -o-object-fit: cover;
4790
- object-fit: cover;
4791
- -webkit-transition: all 0.5s ease-in-out;
4792
- transition: all 0.5s ease-in-out;
4793
- }
4794
-
4795
- .premium-person-style2 .premium-person-social {
4796
- position: absolute;
4797
- top: 0;
4798
- right: 0;
4799
- width: 100%;
4800
- height: 100%;
4801
- z-index: 2;
4802
- -js-display: flex;
4803
- display: -webkit-box;
4804
- display: -webkit-flex;
4805
- display: -moz-box;
4806
- display: -ms-flexbox;
4807
- display: flex;
4808
- -webkit-box-pack: center;
4809
- -webkit-justify-content: center;
4810
- -moz-box-pack: center;
4811
- -ms-flex-pack: center;
4812
- justify-content: center;
4813
- -webkit-box-align: center;
4814
- -webkit-align-items: center;
4815
- -moz-box-align: center;
4816
- -ms-flex-align: center;
4817
- align-items: center;
4818
- -webkit-box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
4819
- box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
4820
- -webkit-transition: all 0.5s linear 0s;
4821
- transition: all 0.5s linear 0s;
4822
- opacity: 0;
4823
- }
4824
-
4825
- .premium-person-style2 .premium-person-image-container:hover .premium-person-social {
4826
- opacity: 1;
4827
- }
4828
-
4829
- .premium-person-list-item a {
4830
- display: inline-block;
4831
- }
4832
-
4833
- .premium-person-style2 .premium-person-list-item a {
4834
- opacity: 0;
4835
- -webkit-transform: scale(0);
4836
- -ms-transform: scale(0);
4837
- transform: scale(0);
4838
- -webkit-transition: all 0.5s ease-in-out 0s;
4839
- transition: all 0.5s ease-in-out 0s;
4840
- }
4841
-
4842
- .premium-person-style2 .premium-person-image-container:hover .premium-person-list-item a {
4843
- opacity: 1;
4844
- -webkit-transform: scale(1);
4845
- -ms-transform: scale(1);
4846
- transform: scale(1);
4847
- }
4848
-
4849
- .premium-person-info-container {
4850
- padding: 30px 15px;
4851
- }
4852
-
4853
- .premium-person-name {
4854
- margin: 0 0 5px;
4855
- font-weight: 700;
4856
- }
4857
-
4858
- .premium-person-title {
4859
- margin: 0 0 20px;
4860
- padding: 0;
4861
- }
4862
-
4863
- .premium-person-content {
4864
- margin: 0 0 30px;
4865
- }
4866
-
4867
- /*Override Theme List Margin*/
4868
- ul.premium-person-social-list {
4869
- margin: 0px !important;
4870
- padding: 0;
4871
- }
4872
-
4873
- .premium-person-social-list .premium-person-list-item {
4874
- display: inline;
4875
- list-style: none;
4876
- }
4877
-
4878
- .premium-person-social-list li {
4879
- position: relative;
4880
- bottom: 0px;
4881
- -webkit-transition: all 0.2s ease-in-out;
4882
- transition: all 0.2s ease-in-out;
4883
- }
4884
-
4885
- .premium-person-social-list li i {
4886
- position: relative;
4887
- bottom: 0px;
4888
- -webkit-transition: all 0.2s ease-in-out;
4889
- transition: all 0.2s ease-in-out;
4890
- }
4891
-
4892
- .premium-person-defaults-yes li.premium-person-facebook:hover a {
4893
- background-color: #3b5998 !important;
4894
- }
4895
-
4896
- .premium-person-defaults-yes li.premium-person-twitter:hover a {
4897
- background-color: #55acee !important;
4898
- }
4899
-
4900
- .premium-person-defaults-yes li.premium-person-linkedin:hover a {
4901
- background-color: #0077b5 !important;
4902
- }
4903
-
4904
- .premium-person-defaults-yes li.premium-person-google:hover a {
4905
- background-color: #dc4e41 !important;
4906
- }
4907
-
4908
- .premium-person-defaults-yes li.premium-person-youtube:hover a {
4909
- background-color: #b31217 !important;
4910
- }
4911
-
4912
- .premium-person-defaults-yes li.premium-person-instagram:hover a {
4913
- background-color: #e4405f !important;
4914
- }
4915
-
4916
- .premium-person-defaults-yes li.premium-person-skype:hover a {
4917
- background-color: #00aff0 !important;
4918
- }
4919
-
4920
- .premium-person-defaults-yes li.premium-person-pinterest:hover a {
4921
- background-color: #bd081c !important;
4922
- }
4923
-
4924
- .premium-person-defaults-yes li.premium-person-dribbble:hover a {
4925
- background-color: #ea4c89 !important;
4926
- }
4927
-
4928
- .premium-person-defaults-yes li.premium-person-mail:hover a {
4929
- background-color: #b23121 !important;
4930
- }
4931
-
4932
- .premium-person-defaults-yes li.premium-person-behance:hover a {
4933
- background-color: #1769ff !important;
4934
- }
4935
-
4936
- .premium-person-defaults-yes li.premium-person-whatsapp:hover a {
4937
- background-color: #25d366 !important;
4938
- }
4939
-
4940
- .premium-person-defaults-yes li.premium-person-telegram:hover a {
4941
- background-color: #0088cc !important;
4942
- }
4943
-
4944
- .premium-person-defaults-yes li.premium-person-site:hover a {
4945
- background-color: #0055a5 !important;
4946
- }
4947
-
4948
- .premium-person-social-list li:hover a {
4949
- -webkit-box-shadow: none;
4950
- box-shadow: none;
4951
- }
4952
-
4953
- .premium-person-social-list li a:focus {
4954
- -webkit-box-shadow: none;
4955
- box-shadow: none;
4956
- outline: none;
4957
- }
4958
-
4959
- .premium-person-social-list li i {
4960
- font-size: 18px;
4961
- }
4962
-
4963
- .elementor-widget-premium-addon-person .elementor-widget-container {
4964
- -js-display: flex;
4965
- display: -webkit-box;
4966
- display: -webkit-flex;
4967
- display: -moz-box;
4968
- display: -ms-flexbox;
4969
- display: flex;
4970
- -webkit-box-pack: center;
4971
- -webkit-justify-content: center;
4972
- -moz-box-pack: center;
4973
- -ms-flex-pack: center;
4974
- justify-content: center;
4975
- }
4976
-
4977
- .premium-persons-container.multiple-persons {
4978
- -js-display: flex;
4979
- display: -webkit-box;
4980
- display: -webkit-flex;
4981
- display: -moz-box;
4982
- display: -ms-flexbox;
4983
- display: flex;
4984
- -webkit-flex-wrap: wrap;
4985
- -ms-flex-wrap: wrap;
4986
- flex-wrap: wrap;
4987
- width: 100%;
4988
- }
4989
-
4990
- .premium-person-style1 .premium-person-container {
4991
- overflow: hidden;
4992
- }
4993
-
4994
- .premium-person-style1 .premium-person-container .premium-person-info {
4995
- position: absolute;
4996
- top: auto;
4997
- left: 0;
4998
- right: 0;
4999
- -webkit-transition: all 500ms ease 0s;
5000
- transition: all 500ms ease 0s;
5001
- -webkit-transform: translate3d(0, 100%, 0);
5002
- transform: translate3d(0, 100%, 0);
5003
- }
5004
-
5005
- .premium-person-style1 .premium-person-container:hover .premium-person-info {
5006
- -webkit-transform: translate3d(0, 0, 0);
5007
- transform: translate3d(0, 0, 0);
5008
- bottom: -1px !important;
5009
- }
5010
-
5011
- .premium-person-style1 .premium-person-social-list li:hover {
5012
- bottom: 5px;
5013
- }
5014
-
5015
- .premium-person-style1.multiple-persons:not([data-persons-equal="yes"]) {
5016
- -webkit-box-align: start;
5017
- -webkit-align-items: flex-start;
5018
- -moz-box-align: start;
5019
- -ms-flex-align: start;
5020
- align-items: flex-start;
5021
- }
5022
-
5023
- .premium-person-style1 .slick-track {
5024
- -js-display: flex;
5025
- display: -webkit-box;
5026
- display: -webkit-flex;
5027
- display: -moz-box;
5028
- display: -ms-flexbox;
5029
- display: flex;
5030
- }
5031
-
5032
- .premium-person-style1 .slick-slide {
5033
- height: inherit !important;
5034
- }
5035
-
5036
- .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-container,
5037
- .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-wrap {
5038
- height: 100%;
5039
- }
5040
-
5041
- .premium-person-style3 .premium-person-info-container {
5042
- position: absolute;
5043
- top: 0;
5044
- right: 0;
5045
- width: 100%;
5046
- height: 100%;
5047
- -js-display: flex;
5048
- display: -webkit-box;
5049
- display: -webkit-flex;
5050
- display: -moz-box;
5051
- display: -ms-flexbox;
5052
- display: flex;
5053
- -webkit-box-orient: vertical;
5054
- -webkit-box-direction: normal;
5055
- -webkit-flex-direction: column;
5056
- -moz-box-orient: vertical;
5057
- -moz-box-direction: normal;
5058
- -ms-flex-direction: column;
5059
- flex-direction: column;
5060
- -webkit-box-pack: justify;
5061
- -webkit-justify-content: space-between;
5062
- -moz-box-pack: justify;
5063
- -ms-flex-pack: justify;
5064
- justify-content: space-between;
5065
- }
5066
-
5067
- .premium-person-style3 .premium-person-title-desc-wrap {
5068
- -js-display: flex;
5069
- display: -webkit-box;
5070
- display: -webkit-flex;
5071
- display: -moz-box;
5072
- display: -ms-flexbox;
5073
- display: flex;
5074
- -webkit-box-orient: horizontal;
5075
- -webkit-box-direction: reverse;
5076
- -webkit-flex-direction: row-reverse;
5077
- -moz-box-orient: horizontal;
5078
- -moz-box-direction: reverse;
5079
- -ms-flex-direction: row-reverse;
5080
- flex-direction: row-reverse;
5081
- -webkit-box-pack: justify;
5082
- -webkit-justify-content: space-between;
5083
- -moz-box-pack: justify;
5084
- -ms-flex-pack: justify;
5085
- justify-content: space-between;
5086
- -webkit-box-align: start;
5087
- -webkit-align-items: flex-start;
5088
- -moz-box-align: start;
5089
- -ms-flex-align: start;
5090
- align-items: flex-start;
5091
- }
5092
-
5093
- .premium-person-style3 .premium-person-name-icons-wrap {
5094
- -js-display: flex;
5095
- display: -webkit-box;
5096
- display: -webkit-flex;
5097
- display: -moz-box;
5098
- display: -ms-flexbox;
5099
- display: flex;
5100
- -webkit-box-pack: justify;
5101
- -webkit-justify-content: space-between;
5102
- -moz-box-pack: justify;
5103
- -ms-flex-pack: justify;
5104
- justify-content: space-between;
5105
- -webkit-box-align: end;
5106
- -webkit-align-items: flex-end;
5107
- -moz-box-align: end;
5108
- -ms-flex-align: end;
5109
- align-items: flex-end;
5110
- }
5111
-
5112
- .premium-person-style3 .premium-person-title {
5113
- opacity: 0;
5114
- -webkit-transition: all 0.3s ease;
5115
- transition: all 0.3s ease;
5116
- width: 0;
5117
- }
5118
-
5119
- .premium-person-style3 .premium-person-title span {
5120
- display: inline-block;
5121
- }
5122
-
5123
- .premium-person-style3 .premium-person-name {
5124
- padding-right: 10px;
5125
- }
5126
-
5127
- .premium-person-style3 .premium-person-social-list {
5128
- -js-display: flex;
5129
- display: -webkit-box;
5130
- display: -webkit-flex;
5131
- display: -moz-box;
5132
- display: -ms-flexbox;
5133
- display: flex;
5134
- -webkit-box-orient: vertical;
5135
- -webkit-box-direction: normal;
5136
- -webkit-flex-direction: column;
5137
- -moz-box-orient: vertical;
5138
- -moz-box-direction: normal;
5139
- -ms-flex-direction: column;
5140
- flex-direction: column;
5141
- -webkit-transform: translateY(20px);
5142
- -ms-transform: translateY(20px);
5143
- transform: translateY(20px);
5144
- opacity: 0;
5145
- -webkit-transition: all 0.3s ease;
5146
- transition: all 0.3s ease;
5147
- }
5148
-
5149
- .premium-person-style3 .premium-person-list-item {
5150
- line-height: 0;
5151
- }
5152
-
5153
- .premium-person-style3 .premium-person-list-item a {
5154
- padding: 5px 0 0 10px;
5155
- margin: 5px 0;
5156
- }
5157
-
5158
- .premium-person-style3 .premium-person-container:hover .premium-person-title {
5159
- opacity: 1;
5160
- }
5161
-
5162
- .premium-person-style3 .premium-person-container:hover .premium-person-social-list {
5163
- opacity: 1;
5164
- -webkit-transform: translateY(0);
5165
- -ms-transform: translateY(0);
5166
- transform: translateY(0);
5167
- }
5168
-
5169
- .premium-persons-title-cw .premium-person-title {
5170
- -webkit-transform: translateX(-15px) rotate(-90deg);
5171
- -ms-transform: translateX(-15px) rotate(-90deg);
5172
- transform: translateX(-15px) rotate(-90deg);
5173
- -webkit-transform-origin: top;
5174
- -ms-transform-origin: top;
5175
- transform-origin: top;
5176
- }
5177
-
5178
- .premium-persons-title-cw .premium-person-container:hover .premium-person-title {
5179
- -webkit-transform: translateX(0) rotate(-90deg);
5180
- -ms-transform: translateX(0) rotate(-90deg);
5181
- transform: translateX(0) rotate(-90deg);
5182
- }
5183
-
5184
- .premium-persons-title-ccw .premium-person-title {
5185
- width: auto;
5186
- margin-left: 20px;
5187
- -webkit-transform: translateX(-15px) rotate(90deg);
5188
- -ms-transform: translateX(-15px) rotate(90deg);
5189
- transform: translateX(-15px) rotate(90deg);
5190
- -webkit-transform-origin: center left;
5191
- -ms-transform-origin: center left;
5192
- transform-origin: center left;
5193
- }
5194
-
5195
- .premium-persons-title-ccw .premium-person-container:hover .premium-person-title {
5196
- -webkit-transform: translateX(0) rotate(90deg);
5197
- -ms-transform: translateX(0) rotate(90deg);
5198
- transform: translateX(0) rotate(90deg);
5199
- }
5200
-
5201
- /**************** Premium Fancy Text *******************/
5202
- /*******************************************************/
5203
- .premium-suffix-text,
5204
- .premium-fancy-text,
5205
- .premium-prefix-text {
5206
- font-size: 40px;
5207
- }
5208
-
5209
- .premium-fancy-text-wrapper:not(.typing) .premium-fancy-text,
5210
- .premium-fancy-item-hidden {
5211
- opacity: 0;
5212
- }
5213
-
5214
- .premium-fancy-text-wrapper .premium-fancy-list-items {
5215
- list-style: none;
5216
- }
5217
-
5218
- .premium-fancy-text-wrapper .premium-fancy-text-span-align {
5219
- vertical-align: top;
5220
- }
5221
-
5222
- .premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-text-items-wrapper {
5223
- margin: 0;
5224
- padding: 0;
5225
- border: none;
5226
- position: relative;
5227
- }
5228
-
5229
- .premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-list-items {
5230
- position: absolute;
5231
- top: 0;
5232
- left: 0;
5233
- display: inline-block;
5234
- }
5235
-
5236
- .premium-fancy-text-wrapper.zoomout .premium-fancy-item-hidden {
5237
- -webkit-animation: pa-zoom-out 0.8s;
5238
- animation: pa-zoom-out 0.8s;
5239
- }
5240
-
5241
- .premium-fancy-text-wrapper.zoomout .premium-fancy-item-visible {
5242
- position: relative !important;
5243
- -webkit-animation: pa-zoom-in 0.8s;
5244
- animation: pa-zoom-in 0.8s;
5245
- }
5246
-
5247
- .premium-fancy-text-wrapper.zoomout .premium-fancy-text-items-wrapper {
5248
- -webkit-perspective: 300px;
5249
- perspective: 300px;
5250
- }
5251
-
5252
- .premium-fancy-text-wrapper.rotate .premium-fancy-list-items {
5253
- -webkit-transform-origin: 50% 100%;
5254
- -ms-transform-origin: 50% 100%;
5255
- transform-origin: 50% 100%;
5256
- }
5257
-
5258
- .premium-fancy-text-wrapper.rotate .premium-fancy-item-hidden {
5259
- -webkit-transform: rotateX(180deg);
5260
- transform: rotateX(180deg);
5261
- -webkit-animation: pa-rotate-out 1.2s;
5262
- animation: pa-rotate-out 1.2s;
5263
- }
5264
-
5265
- .premium-fancy-text-wrapper.rotate .premium-fancy-item-visible {
5266
- position: relative !important;
5267
- -webkit-transform: rotateX(0deg);
5268
- transform: rotateX(0deg);
5269
- -webkit-animation: pa-rotate-in 1.2s;
5270
- animation: pa-rotate-in 1.2s;
5271
- }
5272
-
5273
- .premium-fancy-text-wrapper.custom .premium-fancy-item-visible {
5274
- position: relative !important;
5275
- }
5276
-
5277
- .premium-fancy-text-wrapper.auto-fade .premium-fancy-text {
5278
- display: inline-block;
5279
- width: 200px;
5280
- font-weight: 400;
5281
- }
5282
-
5283
- .premium-fancy-text-wrapper.auto-fade .premium-fancy-svg-text {
5284
- position: relative;
5285
- vertical-align: sub;
5286
- }
5287
-
5288
- .premium-fancy-text-wrapper.auto-fade g>text {
5289
- text-anchor: start;
5290
- shape-rendering: crispEdges;
5291
- opacity: 0;
5292
- font-size: 300px;
5293
- -webkit-animation-name: pa-auto-fade;
5294
- animation-name: pa-auto-fade;
5295
- -moz-animation-name: pa-auto-fade;
5296
- -webkit-animation-duration: 9s;
5297
- animation-duration: 9s;
5298
- -webkit-animation-timing-function: linear;
5299
- animation-timing-function: linear;
5300
- -webkit-animation-iteration-count: infinite;
5301
- animation-iteration-count: infinite;
5302
- }
5303
-
5304
- .premium-fancy-text-wrapper.auto-fade g>text:nth-child(1) {
5305
- -webkit-animation-delay: 0s;
5306
- animation-delay: 0s;
5307
- }
5308
-
5309
- .premium-fancy-text-wrapper.auto-fade g>text:nth-child(2) {
5310
- -webkit-animation-delay: 3s;
5311
- animation-delay: 3s;
5312
- }
5313
-
5314
- .premium-fancy-text-wrapper.auto-fade g>text:nth-child(3) {
5315
- -webkit-animation-delay: 6s;
5316
- animation-delay: 6s;
5317
- }
5318
-
5319
- .premium-fancy-text-wrapper.loading .premium-fancy-text {
5320
- position: relative;
5321
- }
5322
-
5323
- .premium-fancy-text-wrapper.loading .premium-fancy-text .premium-loading-bar {
5324
- position: absolute;
5325
- width: 100%;
5326
- height: 3px;
5327
- bottom: 0;
5328
- left: 0;
5329
- animation: pa-loading-bar 2.5s ease-out infinite;
5330
- -webkit-animation: pa-loading-bar 2.5s ease-out infinite;
5331
- }
5332
-
5333
- .premium-fancy-text-wrapper.loading.pause .premium-fancy-text:hover .premium-loading-bar {
5334
- -webkit-animation-play-state: paused;
5335
- animation-play-state: paused;
5336
- }
5337
-
5338
- @-webkit-keyframes pa-auto-fade {
5339
- 0% {
5340
- opacity: 0;
5341
- }
5342
-
5343
- 20% {
5344
- opacity: 1;
5345
- }
5346
-
5347
- 35% {
5348
- opacity: 0;
5349
- }
5350
-
5351
- 100% {
5352
- opacity: 0;
5353
- }
5354
- }
5355
-
5356
- @keyframes pa-auto-fade {
5357
- 0% {
5358
- opacity: 0;
5359
- }
5360
-
5361
- 20% {
5362
- opacity: 1;
5363
- }
5364
-
5365
- 35% {
5366
- opacity: 0;
5367
- }
5368
-
5369
- 100% {
5370
- opacity: 0;
5371
- }
5372
- }
5373
-
5374
- @-webkit-keyframes pa-loading-bar {
5375
- 0% {
5376
- width: 0;
5377
- }
5378
-
5379
- 100% {
5380
- width: 100;
5381
- }
5382
- }
5383
-
5384
- @keyframes pa-loading-bar {
5385
- 0% {
5386
- width: 0;
5387
- }
5388
-
5389
- 100% {
5390
- width: 100;
5391
- }
5392
- }
5393
-
5394
- @-webkit-keyframes pa-zoom-in {
5395
- 0% {
5396
- opacity: 0;
5397
- -webkit-transform: translateZ(100px);
5398
- transform: translateZ(100px);
5399
- }
5400
-
5401
- 100% {
5402
- opacity: 1;
5403
- -webkit-transform: translateZ(0);
5404
- transform: translateZ(0);
5405
- }
5406
- }
5407
-
5408
- @keyframes pa-zoom-in {
5409
- 0% {
5410
- opacity: 0;
5411
- -webkit-transform: translateZ(100px);
5412
- transform: translateZ(100px);
5413
- }
5414
-
5415
- 100% {
5416
- opacity: 1;
5417
- -webkit-transform: translateZ(0);
5418
- transform: translateZ(0);
5419
- }
5420
- }
5421
-
5422
- @-webkit-keyframes pa-zoom-out {
5423
- 0% {
5424
- opacity: 1;
5425
- -webkit-transform: translateZ(0);
5426
- transform: translateZ(0);
5427
- }
5428
-
5429
- 100% {
5430
- opacity: 0;
5431
- -webkit-transform: translateZ(-100px);
5432
- transform: translateZ(-100px);
5433
- }
5434
- }
5435
-
5436
- @keyframes pa-zoom-out {
5437
- 0% {
5438
- opacity: 1;
5439
- -webkit-transform: translateZ(0);
5440
- transform: translateZ(0);
5441
- }
5442
-
5443
- 100% {
5444
- opacity: 0;
5445
- -webkit-transform: translateZ(-100px);
5446
- transform: translateZ(-100px);
5447
- }
5448
- }
5449
-
5450
- @-webkit-keyframes pa-rotate-in {
5451
- 0% {
5452
- opacity: 0;
5453
- -webkit-transform: rotateX(180deg);
5454
- transform: rotateX(180deg);
5455
- }
5456
-
5457
- 35% {
5458
- opacity: 0;
5459
- -webkit-transform: rotateX(120deg);
5460
- transform: rotateX(120deg);
5461
- }
5462
-
5463
- 65% {
5464
- opacity: 0;
5465
- }
5466
-
5467
- 100% {
5468
- opacity: 1;
5469
- -webkit-transform: rotateX(360deg);
5470
- transform: rotateX(360deg);
5471
- }
5472
- }
5473
-
5474
- @keyframes pa-rotate-in {
5475
- 0% {
5476
- opacity: 0;
5477
- -webkit-transform: rotateX(180deg);
5478
- transform: rotateX(180deg);
5479
- }
5480
-
5481
- 35% {
5482
- opacity: 0;
5483
- -webkit-transform: rotateX(120deg);
5484
- transform: rotateX(120deg);
5485
- }
5486
-
5487
- 65% {
5488
- opacity: 0;
5489
- }
5490
-
5491
- 100% {
5492
- opacity: 1;
5493
- -webkit-transform: rotateX(360deg);
5494
- transform: rotateX(360deg);
5495
- }
5496
- }
5497
-
5498
- @-webkit-keyframes pa-rotate-out {
5499
- 0% {
5500
- opacity: 1;
5501
- -webkit-transform: rotateX(0deg);
5502
- transform: rotateX(0deg);
5503
- }
5504
-
5505
- 35% {
5506
- opacity: 1;
5507
- -webkit-transform: rotateX(-40deg);
5508
- transform: rotateX(-40deg);
5509
- }
5510
-
5511
- 65% {
5512
- opacity: 0;
5513
- }
5514
-
5515
- 100% {
5516
- opacity: 0;
5517
- -webkit-transform: rotateX(180deg);
5518
- transform: rotateX(180deg);
5519
- }
5520
- }
5521
-
5522
- @keyframes pa-rotate-out {
5523
- 0% {
5524
- opacity: 1;
5525
- -webkit-transform: rotateX(0deg);
5526
- transform: rotateX(0deg);
5527
- }
5528
-
5529
- 35% {
5530
- opacity: 1;
5531
- -webkit-transform: rotateX(-40deg);
5532
- transform: rotateX(-40deg);
5533
- }
5534
-
5535
- 65% {
5536
- opacity: 0;
5537
- }
5538
-
5539
- 100% {
5540
- opacity: 0;
5541
- -webkit-transform: rotateX(180deg);
5542
- transform: rotateX(180deg);
5543
- }
5544
- }
5545
-
5546
- /**************** Premium Pricing Table ****************/
5547
- /*******************************************************/
5548
- .premium-pricing-table-container {
5549
- position: relative;
5550
- overflow: hidden;
5551
- text-align: center;
5552
- -webkit-transition: all 0.3s ease-in-out;
5553
- transition: all 0.3s ease-in-out;
5554
- }
5555
-
5556
- .premium-pricing-icon-container {
5557
- -js-display: flex;
5558
- display: -webkit-box;
5559
- display: -webkit-flex;
5560
- display: -moz-box;
5561
- display: -ms-flexbox;
5562
- display: flex;
5563
- -webkit-box-pack: center;
5564
- -webkit-justify-content: center;
5565
- -moz-box-pack: center;
5566
- -ms-flex-pack: center;
5567
- justify-content: center;
5568
- line-height: 0;
5569
- }
5570
-
5571
- .premium-pricing-icon-container .premium-pricing-icon {
5572
- display: inline-block;
5573
- }
5574
-
5575
- .premium-pricing-icon-container .premium-pricing-image {
5576
- overflow: hidden;
5577
- }
5578
-
5579
- .premium-pricing-icon-container .premium-pricing-image img {
5580
- width: 25px;
5581
- height: 25px;
5582
- -o-object-fit: cover;
5583
- object-fit: cover;
5584
- }
5585
-
5586
- .premium-badge-left {
5587
- position: absolute;
5588
- top: 0;
5589
- }
5590
-
5591
- .premium-badge-right {
5592
- position: absolute;
5593
- top: 0;
5594
- right: 0;
5595
- }
5596
-
5597
- .premium-badge-left {
5598
- left: 0;
5599
- }
5600
-
5601
- .premium-badge-triangle.premium-badge-left .corner {
5602
- width: 0;
5603
- height: 0;
5604
- border-top: 150px solid;
5605
- border-bottom: 150px solid transparent;
5606
- border-right: 150px solid transparent;
5607
- }
5608
-
5609
- .premium-badge-triangle.premium-badge-right .corner {
5610
- width: 0;
5611
- height: 0;
5612
- border-bottom: 150px solid transparent;
5613
- border-right: 150px solid;
5614
- border-left: 150px solid transparent;
5615
- }
5616
-
5617
- .premium-badge-triangle span {
5618
- position: absolute;
5619
- top: 35px;
5620
- width: 100px;
5621
- text-align: center;
5622
- -webkit-transform: rotate(-45deg);
5623
- -ms-transform: rotate(-45deg);
5624
- transform: rotate(-45deg);
5625
- display: block;
5626
- text-transform: uppercase;
5627
- }
5628
-
5629
- .premium-badge-triangle.premium-badge-right span {
5630
- -webkit-transform: rotate(45deg);
5631
- -ms-transform: rotate(45deg);
5632
- transform: rotate(45deg);
5633
- right: 0;
5634
- }
5635
-
5636
- .premium-badge-circle {
5637
- min-width: 4em;
5638
- min-height: 4em;
5639
- line-height: 4em;
5640
- text-align: center;
5641
- -webkit-border-radius: 100%;
5642
- border-radius: 100%;
5643
- position: absolute;
5644
- z-index: 1;
5645
- }
5646
-
5647
- .premium-badge-stripe {
5648
- position: absolute;
5649
- -webkit-transform: rotate(90deg);
5650
- -ms-transform: rotate(90deg);
5651
- transform: rotate(90deg);
5652
- width: 15em;
5653
- overflow: hidden;
5654
- height: 15em;
5655
- }
5656
-
5657
- .premium-badge-stripe.premium-badge-left {
5658
- -webkit-transform: rotate(0);
5659
- -ms-transform: rotate(0);
5660
- transform: rotate(0);
5661
- }
5662
-
5663
- .premium-badge-stripe .corner {
5664
- text-align: center;
5665
- left: 0;
5666
- width: 150%;
5667
- -webkit-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
5668
- -ms-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
5669
- transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
5670
- margin-top: 35px;
5671
- font-size: 13px;
5672
- line-height: 2;
5673
- font-weight: 800;
5674
- text-transform: uppercase;
5675
- }
5676
-
5677
- .premium-badge-flag .corner {
5678
- text-align: center;
5679
- -webkit-border-radius: 4px 4px 0 4px;
5680
- border-radius: 4px 4px 0 4px;
5681
- padding: 3px 15px;
5682
- position: absolute;
5683
- top: 10%;
5684
- right: -8px;
5685
- }
5686
-
5687
- .premium-badge-flag .corner::before,
5688
- .premium-badge-flag .corner::after {
5689
- content: "";
5690
- display: block;
5691
- position: absolute;
5692
- width: 0;
5693
- height: 0;
5694
- top: 100%;
5695
- right: 0;
5696
- border-bottom: 8px solid transparent;
5697
- }
5698
-
5699
- .elementor-widget-premium-addon-pricing-table .elementor-widget-container {
5700
- overflow: visible !important;
5701
- }
5702
-
5703
- .premium-badge-flag .corner::after {
5704
- border-left: 8px solid rgba(0, 0, 0, 0.2);
5705
- }
5706
-
5707
- .premium-pricing-price-currency {
5708
- position: relative;
5709
- }
5710
-
5711
- .premium-pricing-button-container {
5712
- display: block;
5713
- }
5714
-
5715
- .premium-pricing-list {
5716
- -js-display: flex;
5717
- display: -webkit-box;
5718
- display: -webkit-flex;
5719
- display: -moz-box;
5720
- display: -ms-flexbox;
5721
- display: flex;
5722
- -webkit-box-orient: vertical;
5723
- -webkit-box-direction: normal;
5724
- -webkit-flex-direction: column;
5725
- -moz-box-orient: vertical;
5726
- -moz-box-direction: normal;
5727
- -ms-flex-direction: column;
5728
- flex-direction: column;
5729
- list-style-type: none;
5730
- margin: 0;
5731
- }
5732
-
5733
- .premium-pricing-list .premium-pricing-list-item {
5734
- -js-display: flex;
5735
- display: -webkit-box;
5736
- display: -webkit-flex;
5737
- display: -moz-box;
5738
- display: -ms-flexbox;
5739
- display: flex;
5740
- -webkit-box-align: center;
5741
- -webkit-align-items: center;
5742
- -moz-box-align: center;
5743
- -ms-flex-align: center;
5744
- align-items: center;
5745
- }
5746
-
5747
- .premium-pricing-list .premium-pricing-list-item svg {
5748
- width: 50px;
5749
- height: 50px;
5750
- }
5751
-
5752
- .premium-pricing-list .premium-pricing-list-item img {
5753
- width: 30px;
5754
- height: 30px;
5755
- -o-object-fit: cover;
5756
- object-fit: cover;
5757
- }
5758
-
5759
- .premium-pricing-list .premium-pricing-list-span {
5760
- position: relative;
5761
- }
5762
-
5763
- .premium-pricing-list .list-item-tooltip {
5764
- border-bottom: 1px dotted;
5765
- }
5766
-
5767
- .premium-pricing-list .premium-pricing-list-tooltip {
5768
- position: absolute;
5769
- top: -webkit-calc(100% + 1px);
5770
- top: calc(100% + 1px);
5771
- right: 0;
5772
- visibility: hidden;
5773
- padding: 15px 20px;
5774
- -webkit-border-radius: 5px;
5775
- border-radius: 5px;
5776
- min-width: 200px;
5777
- overflow: hidden;
5778
- text-align: right;
5779
- font-size: 0.8rem;
5780
- color: #fff;
5781
- background-color: #aaa;
5782
- }
5783
-
5784
- .premium-pricing-features-left .premium-pricing-list-span {
5785
- text-align: right;
5786
- }
5787
-
5788
- .premium-pricing-features-center .premium-pricing-list-span {
5789
- text-align: center;
5790
- }
5791
-
5792
- .premium-pricing-features-right .premium-pricing-list-span {
5793
- text-align: left;
5794
- }
5795
-
5796
- .premium-pricing-list-span:hover .premium-pricing-list-tooltip {
5797
- z-index: 99;
5798
- visibility: visible;
5799
- opacity: 1;
5800
- }
5801
-
5802
- .premium-pricing-slashed-price-value {
5803
- display: inline-block;
5804
- font-size: 20px;
5805
- font-weight: 400;
5806
- margin-left: 5px;
5807
- }
5808
-
5809
- .premium-pricing-price-value {
5810
- font-size: 70px;
5811
- }
5812
-
5813
- .premium-pricing-description-container li {
5814
- list-style-position: inside;
5815
- text-indent: -40px;
5816
- }
5817
-
5818
- @-moz-document url-prefix() {
5819
- .premium-pricing-description-container li {
5820
- text-indent: 0px;
5821
- }
5822
- }
5823
-
5824
- .premium-pricing-price-button {
5825
- display: block;
5826
- padding: 6px 12px;
5827
- line-height: 1.42857143;
5828
- text-align: center;
5829
- color: #fff;
5830
- background: #6ec1e4;
5831
- margin-bottom: 0;
5832
- -webkit-transition: all 0.3s ease-in-out;
5833
- transition: all 0.3s ease-in-out;
5834
- }
5835
-
5836
- /**************** Premium Google Maps ******************/
5837
- /*******************************************************/
5838
- .premium-maps-info-container {
5839
- margin-top: 10px;
5840
- margin-bottom: 10px;
5841
- }
5842
-
5843
- .premium-maps-info-title,
5844
- .premium-maps-info-desc {
5845
- margin: 0;
5846
- padding: 0;
5847
- }
5848
-
5849
- .premium-maps-container .gm-style-iw {
5850
- text-align: center;
5851
- direction: ltr;
5852
- }
5853
-
5854
- .premium-maps-container .gm-style img {
5855
- max-width: none !important;
5856
- }
5857
-
5858
- /**************** Premium Button ***********************/
5859
- /*******************************************************/
5860
- .premium-button {
5861
- -js-display: inline-flex;
5862
- display: -webkit-inline-box;
5863
- display: -webkit-inline-flex;
5864
- display: -moz-inline-box;
5865
- display: -ms-inline-flexbox;
5866
- display: inline-flex;
5867
- position: relative;
5868
- overflow: hidden;
5869
- -webkit-backface-visibility: hidden;
5870
- backface-visibility: hidden;
5871
- -webkit-transform: translate3d(0, 0, 0);
5872
- transform: translate3d(0, 0, 0);
5873
- cursor: pointer;
5874
- -webkit-transition: all 0.2s ease-in-out !important;
5875
- transition: all 0.2s ease-in-out !important;
5876
- }
5877
-
5878
- .premium-button .premium-lottie-animation,
5879
- .premium-image-button .premium-lottie-animation {
5880
- -js-display: flex;
5881
- display: -webkit-box;
5882
- display: -webkit-flex;
5883
- display: -moz-box;
5884
- display: -ms-flexbox;
5885
- display: flex;
5886
- }
5887
-
5888
- .premium-button svg,
5889
- .premium-image-button svg {
5890
- width: 30px;
5891
- height: 30px;
5892
- }
5893
-
5894
- .premium-btn-sm,
5895
- .premium-btn-md,
5896
- .premium-btn-lg,
5897
- .premium-btn-block {
5898
- background-color: #eee;
5899
- color: #042551;
5900
- margin: 0px;
5901
- text-decoration: none;
5902
- }
5903
-
5904
- .premium-btn-sm:hover,
5905
- .premium-btn-md:hover,
5906
- .premium-btn-lg:hover,
5907
- .premium-btn-block:hover {
5908
- background-color: #54595f;
5909
- color: #eee;
5910
- }
5911
-
5912
- .premium-btn-sm {
5913
- padding: 12px 24px;
5914
- font-size: 14px;
5915
- line-height: 1;
5916
- }
5917
-
5918
- .premium-btn-md {
5919
- padding: 14px 26px;
5920
- font-size: 16px;
5921
- line-height: 1.2;
5922
- }
5923
-
5924
- .premium-btn-lg {
5925
- padding: 16px 28px;
5926
- font-size: 18px;
5927
- line-height: 1.3333;
5928
- }
5929
-
5930
- .premium-btn-block {
5931
- font-size: 18px;
5932
- line-height: 1;
5933
- padding: 20px 0px;
5934
- width: 100%;
5935
- text-align: center;
5936
- }
5937
-
5938
- .premium-button-text {
5939
- display: inline-block;
5940
- width: 100%;
5941
- }
5942
-
5943
- .premium-button-style1,
5944
- .premium-button-style2,
5945
- .premium-button-style5,
5946
- .premium-button-style7 {
5947
- display: inline-block;
5948
- vertical-align: middle;
5949
- -webkit-transform: perspective(1px) translateZ(0);
5950
- transform: perspective(1px) translateZ(0);
5951
- -webkit-box-shadow: 0 0 1px transparent;
5952
- box-shadow: 0 0 1px transparent;
5953
- position: relative;
5954
- -webkit-transition-property: color;
5955
- transition-property: color;
5956
- -webkit-transition-duration: 0.15s;
5957
- transition-duration: 0.15s;
5958
- }
5959
-
5960
- .premium-button-style1:before,
5961
- .premium-button-style2:before,
5962
- .premium-button-style5:before {
5963
- content: "";
5964
- position: absolute;
5965
- z-index: -1;
5966
- top: 0;
5967
- right: 0;
5968
- left: 0;
5969
- bottom: 0;
5970
- -webkit-transform: scaleY(0);
5971
- -ms-transform: scaleY(0);
5972
- transform: scaleY(0);
5973
- -webkit-transform-origin: 50% 0;
5974
- -ms-transform-origin: 50% 0;
5975
- transform-origin: 50% 0;
5976
- -webkit-transition-property: -webkit-transform;
5977
- transition-property: -webkit-transform;
5978
- transition-property: transform;
5979
- transition-property: transform, -webkit-transform;
5980
- -webkit-transition-duration: 0.15s;
5981
- transition-duration: 0.15s;
5982
- -webkit-transition-timing-function: ease-out;
5983
- transition-timing-function: ease-out;
5984
- }
5985
-
5986
- .premium-button-style5-radialin:before,
5987
- .premium-button-style5-radialout:before {
5988
- -webkit-transform-origin: 50%;
5989
- -ms-transform-origin: 50%;
5990
- transform-origin: 50%;
5991
- -webkit-border-radius: 100%;
5992
- border-radius: 100%;
5993
- -webkit-transform: scale(0);
5994
- -ms-transform: scale(0);
5995
- transform: scale(0);
5996
- }
5997
-
5998
- .premium-button-style5-radialin:before {
5999
- -webkit-transform: scale(2);
6000
- -ms-transform: scale(2);
6001
- transform: scale(2);
6002
- }
6003
-
6004
- .premium-button-style5-rectin:before {
6005
- -webkit-transform-origin: 50%;
6006
- -ms-transform-origin: 50%;
6007
- transform-origin: 50%;
6008
- -webkit-transform: scale(1);
6009
- -ms-transform: scale(1);
6010
- transform: scale(1);
6011
- }
6012
-
6013
- .premium-button-style5-rectout:before {
6014
- -webkit-transform-origin: 50%;
6015
- -ms-transform-origin: 50%;
6016
- transform-origin: 50%;
6017
- -webkit-transform: scale(0);
6018
- -ms-transform: scale(0);
6019
- transform: scale(0);
6020
- }
6021
-
6022
- .premium-button-style5-rectout:hover:before {
6023
- -webkit-transform: scale(1);
6024
- -ms-transform: scale(1);
6025
- transform: scale(1);
6026
- }
6027
-
6028
- .premium-button-style5-rectin:hover:before {
6029
- -webkit-transform: scale(0);
6030
- -ms-transform: scale(0);
6031
- transform: scale(0);
6032
- }
6033
-
6034
- .premium-button-style5-radialout:hover:before {
6035
- -webkit-transform: scale(2);
6036
- -ms-transform: scale(2);
6037
- transform: scale(2);
6038
- }
6039
-
6040
- .premium-button-style5-radialin:hover:before {
6041
- -webkit-transform: scale(0);
6042
- -ms-transform: scale(0);
6043
- transform: scale(0);
6044
- }
6045
-
6046
- .premium-button-style1-top:before {
6047
- -webkit-transform-origin: 50% 100%;
6048
- -ms-transform-origin: 50% 100%;
6049
- transform-origin: 50% 100%;
6050
- }
6051
-
6052
- .premium-button-style1-right:before {
6053
- -webkit-transform: scaleX(0);
6054
- -ms-transform: scaleX(0);
6055
- transform: scaleX(0);
6056
- -webkit-transform-origin: 100% 50%;
6057
- -ms-transform-origin: 100% 50%;
6058
- transform-origin: 100% 50%;
6059
- }
6060
-
6061
- .premium-button-style1-left:before {
6062
- -webkit-transform: scaleX(0);
6063
- -ms-transform: scaleX(0);
6064
- transform: scaleX(0);
6065
- -webkit-transform-origin: 0% 50%;
6066
- -ms-transform-origin: 0% 50%;
6067
- transform-origin: 0% 50%;
6068
- }
6069
-
6070
- .premium-button-style2-shutouthor:before,
6071
- .premium-button-style2-scshutoutver:before {
6072
- -webkit-transform: scaleY(0);
6073
- -ms-transform: scaleY(0);
6074
- transform: scaleY(0);
6075
- -webkit-transform-origin: 0% 50%;
6076
- -ms-transform-origin: 0% 50%;
6077
- transform-origin: 0% 50%;
6078
- }
6079
-
6080
- .premium-button-style2-shutoutver:before,
6081
- .premium-button-style2-scshutouthor:before {
6082
- -webkit-transform: scaleX(0);
6083
- -ms-transform: scaleX(0);
6084
- transform: scaleX(0);
6085
- -webkit-transform-origin: 50% 50%;
6086
- -ms-transform-origin: 50% 50%;
6087
- transform-origin: 50% 50%;
6088
- }
6089
-
6090
- .premium-button-style2-shutinhor:before {
6091
- -webkit-transform: scaleX(1);
6092
- -ms-transform: scaleX(1);
6093
- transform: scaleX(1);
6094
- -webkit-transform-origin: 50%;
6095
- -ms-transform-origin: 50%;
6096
- transform-origin: 50%;
6097
- }
6098
-
6099
- .premium-button-style2-shutinver:before {
6100
- -webkit-transform: scaleY(1);
6101
- -ms-transform: scaleY(1);
6102
- transform: scaleY(1);
6103
- -webkit-transform-origin: 50%;
6104
- -ms-transform-origin: 50%;
6105
- transform-origin: 50%;
6106
- }
6107
-
6108
- .premium-button-style1-bottom:hover:before,
6109
- .premium-button-style1-top:hover:before {
6110
- -webkit-transform: scaleY(1);
6111
- -ms-transform: scaleY(1);
6112
- transform: scaleY(1);
6113
- }
6114
-
6115
- .premium-button-style1-left:hover:before,
6116
- .premium-button-style1-right:hover:before,
6117
- .premium-button-style2-shutouthor:hover:before,
6118
- .premium-button-style2-shutoutver:hover:before {
6119
- -webkit-transform: scaleX(1);
6120
- -ms-transform: scaleX(1);
6121
- transform: scaleX(1);
6122
- }
6123
-
6124
- .premium-button-style2-shutinhor:hover:before {
6125
- -webkit-transform: scaleX(0);
6126
- -ms-transform: scaleX(0);
6127
- transform: scaleX(0);
6128
- }
6129
-
6130
- .premium-button-style2-shutinver:hover:before {
6131
- -webkit-transform: scaleY(0);
6132
- -ms-transform: scaleY(0);
6133
- transform: scaleY(0);
6134
- }
6135
-
6136
- .premium-button-style2-scshutouthor:hover:before {
6137
- -webkit-transform: scaleX(0.9);
6138
- -ms-transform: scaleX(0.9);
6139
- transform: scaleX(0.9);
6140
- }
6141
-
6142
- .premium-button-style2-scshutoutver:hover:before {
6143
- -webkit-transform: scaleY(0.8);
6144
- -ms-transform: scaleY(0.8);
6145
- transform: scaleY(0.8);
6146
- }
6147
-
6148
- /*Diagonal*/
6149
- .premium-button-style2-dshutinhor:before {
6150
- top: 50%;
6151
- right: 50%;
6152
- width: 120%;
6153
- height: 0%;
6154
- -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
6155
- -ms-transform: translateX(50%) translateY(-50%) rotate(45deg);
6156
- transform: translateX(50%) translateY(-50%) rotate(45deg);
6157
- -webkit-transform-origin: 50%;
6158
- -ms-transform-origin: 50%;
6159
- transform-origin: 50%;
6160
- -webkit-transition-property: all;
6161
- transition-property: all;
6162
- }
6163
-
6164
- .premium-button-style2-dshutinver:before {
6165
- top: 50%;
6166
- right: 50%;
6167
- width: 120%;
6168
- height: 0%;
6169
- -webkit-transform-origin: 50%;
6170
- -ms-transform-origin: 50%;
6171
- transform-origin: 50%;
6172
- -webkit-transition-property: all;
6173
- transition-property: all;
6174
- -webkit-transform: translateX(50%) translateY(-50%) rotate(-45deg);
6175
- -ms-transform: translateX(50%) translateY(-50%) rotate(-45deg);
6176
- transform: translateX(50%) translateY(-50%) rotate(-45deg);
6177
- }
6178
-
6179
- .premium-button-style2-dshutinhor:hover:before,
6180
- .premium-button-style2-dshutinver:hover:before {
6181
- height: 220%;
6182
- }
6183
-
6184
- .premium-button-style3-before i,
6185
- .premium-button-style3-before svg {
6186
- opacity: 0;
6187
- -webkit-transform: translateX(5px);
6188
- -ms-transform: translateX(5px);
6189
- transform: translateX(5px);
6190
- -webkit-transition: all 0.5s ease-in-out;
6191
- transition: all 0.5s ease-in-out;
6192
- }
6193
-
6194
- .premium-button-style3-after i,
6195
- .premium-button-style3-after svg {
6196
- opacity: 0;
6197
- -webkit-transform: translateX(5px);
6198
- -ms-transform: translateX(5px);
6199
- transform: translateX(5px);
6200
- -webkit-transition: all 0.5s ease-in-out;
6201
- transition: all 0.5s ease-in-out;
6202
- -webkit-transform: translateX(-5px);
6203
- -ms-transform: translateX(-5px);
6204
- transform: translateX(-5px);
6205
- }
6206
-
6207
- .premium-button-style3-after:hover i,
6208
- .premium-button-style3-after:hover svg {
6209
- opacity: 1;
6210
- }
6211
-
6212
- .premium-button-style3-before:hover i,
6213
- .premium-button-style3-before:hover svg {
6214
- opacity: 1;
6215
- }
6216
-
6217
- .premium-button-text-icon-wrapper {
6218
- width: 100%;
6219
- -js-display: flex;
6220
- display: -webkit-box;
6221
- display: -webkit-flex;
6222
- display: -moz-box;
6223
- display: -ms-flexbox;
6224
- display: flex;
6225
- -webkit-box-pack: center;
6226
- -webkit-justify-content: center;
6227
- -moz-box-pack: center;
6228
- -ms-flex-pack: center;
6229
- justify-content: center;
6230
- -webkit-box-align: center;
6231
- -webkit-align-items: center;
6232
- -moz-box-align: center;
6233
- -ms-flex-align: center;
6234
- align-items: center;
6235
- -webkit-transition: all 0.2s ease-in-out;
6236
- transition: all 0.2s ease-in-out;
6237
- }
6238
-
6239
- .premium-button-text-icon-wrapper span,
6240
- .premium-button-text-icon-wrapper i,
6241
- .premium-button-text-icon-wrapper svg {
6242
- -webkit-transition: all 0.2s ease-in-out;
6243
- transition: all 0.2s ease-in-out;
6244
- }
6245
-
6246
- .premium-button-style4-icon-wrapper {
6247
- position: absolute;
6248
- z-index: 2;
6249
- width: 100%;
6250
- text-align: center;
6251
- -js-display: flex;
6252
- display: -webkit-box;
6253
- display: -webkit-flex;
6254
- display: -moz-box;
6255
- display: -ms-flexbox;
6256
- display: flex;
6257
- -webkit-box-align: center;
6258
- -webkit-align-items: center;
6259
- -moz-box-align: center;
6260
- -ms-flex-align: center;
6261
- align-items: center;
6262
- -webkit-box-pack: center;
6263
- -webkit-justify-content: center;
6264
- -moz-box-pack: center;
6265
- -ms-flex-pack: center;
6266
- justify-content: center;
6267
- height: 100%;
6268
- opacity: 0;
6269
- -webkit-transition: all 0.3s ease-in-out;
6270
- transition: all 0.3s ease-in-out;
6271
- }
6272
-
6273
- .premium-button-style4-icon-wrapper.top {
6274
- bottom: -100%;
6275
- right: 0;
6276
- }
6277
-
6278
- .premium-button-style4-icon-wrapper.bottom {
6279
- top: -100%;
6280
- right: 0;
6281
- }
6282
-
6283
- .premium-button-style4-icon-wrapper.left {
6284
- top: 0;
6285
- right: -100%;
6286
- }
6287
-
6288
- .premium-button-style4-icon-wrapper.right {
6289
- top: 0;
6290
- left: -100%;
6291
- }
6292
-
6293
- .premium-button-style4-bottom:hover .premium-button-style4-icon-wrapper {
6294
- top: 0;
6295
- opacity: 1;
6296
- }
6297
-
6298
- .premium-button-style4-top:hover .premium-button-style4-icon-wrapper {
6299
- bottom: 0;
6300
- opacity: 1;
6301
- }
6302
-
6303
- .premium-button-style4-left:hover .premium-button-style4-icon-wrapper {
6304
- right: 0;
6305
- opacity: 1;
6306
- }
6307
-
6308
- .premium-button-style4-right:hover .premium-button-style4-icon-wrapper {
6309
- left: 0;
6310
- opacity: 1;
6311
- }
6312
-
6313
- .premium-button-style4-bottom:hover .premium-button-text-icon-wrapper {
6314
- -webkit-transform: translateY(100%);
6315
- -ms-transform: translateY(100%);
6316
- transform: translateY(100%);
6317
- opacity: 0;
6318
- }
6319
-
6320
- .premium-button-style4-top:hover .premium-button-text-icon-wrapper {
6321
- -webkit-transform: translateY(-100%);
6322
- -ms-transform: translateY(-100%);
6323
- transform: translateY(-100%);
6324
- opacity: 0;
6325
- }
6326
-
6327
- .premium-button-style4-left:hover .premium-button-text-icon-wrapper {
6328
- -webkit-transform: translateX(-100%);
6329
- -ms-transform: translateX(-100%);
6330
- transform: translateX(-100%);
6331
- opacity: 0;
6332
- }
6333
-
6334
- .premium-button-style4-right:hover .premium-button-text-icon-wrapper {
6335
- -webkit-transform: translateX(100%);
6336
- -ms-transform: translateX(100%);
6337
- transform: translateX(100%);
6338
- opacity: 0;
6339
- }
6340
-
6341
- .premium-button-style6:before {
6342
- content: "";
6343
- position: absolute;
6344
- right: 50%;
6345
- top: 50%;
6346
- width: 100px;
6347
- height: 100px;
6348
- -webkit-border-radius: 100%;
6349
- border-radius: 100%;
6350
- -webkit-transform: translate(50%, -50%) scale(0);
6351
- -ms-transform: translate(50%, -50%) scale(0);
6352
- transform: translate(50%, -50%) scale(0);
6353
- -webkit-transition: all 0.3s ease-in-out;
6354
- transition: all 0.3s ease-in-out;
6355
- }
6356
-
6357
- .premium-button-style6:hover:before {
6358
- -webkit-transform: translate(50%, -50%) scale(3);
6359
- -ms-transform: translate(50%, -50%) scale(3);
6360
- transform: translate(50%, -50%) scale(3);
6361
- }
6362
-
6363
- .premium-button-style6 .premium-button-text-icon-wrapper {
6364
- position: relative;
6365
- z-index: 1;
6366
- }
6367
-
6368
- .premium-mouse-detect-yes .premium-button-style6 .premium-button-style6-bg {
6369
- position: absolute;
6370
- z-index: 0;
6371
- top: 0;
6372
- right: 0;
6373
- width: 0px;
6374
- height: 0px;
6375
- -webkit-border-radius: 50%;
6376
- border-radius: 50%;
6377
- display: block;
6378
- -webkit-transform: translate(50%, -50%);
6379
- -ms-transform: translate(50%, -50%);
6380
- transform: translate(50%, -50%);
6381
- -webkit-transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
6382
- transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
6383
- }
6384
-
6385
- .premium-mouse-detect-yes .premium-button-style6:hover .premium-button-style6-bg {
6386
- width: 225%;
6387
- height: 560px;
6388
- }
6389
-
6390
- .premium-mouse-detect-yes .premium-button-style6:before {
6391
- width: 0;
6392
- height: 0;
6393
- }
6394
-
6395
- .premium-button-style7-right .premium-button-text-icon-wrapper:before,
6396
- .premium-button-style7-left .premium-button-text-icon-wrapper:before {
6397
- -webkit-transition: width 0.3s ease-out 0.15s;
6398
- transition: width 0.3s ease-out 0.15s;
6399
- }
6400
-
6401
- .premium-button-style7-right .premium-button-text-icon-wrapper:after,
6402
- .premium-button-style7-left .premium-button-text-icon-wrapper:after {
6403
- -webkit-transition: width 0.3s ease-out 0s;
6404
- transition: width 0.3s ease-out 0s;
6405
- }
6406
-
6407
- .premium-button-style7-bottom .premium-button-text-icon-wrapper:before,
6408
- .premium-button-style7-top .premium-button-text-icon-wrapper:before {
6409
- -webkit-transition: height 0.3s ease-out 0.15s;
6410
- transition: height 0.3s ease-out 0.15s;
6411
- }
6412
-
6413
- .premium-button-style7-bottom .premium-button-text-icon-wrapper:after,
6414
- .premium-button-style7-top .premium-button-text-icon-wrapper:after {
6415
- -webkit-transition: height 0.3s ease-out 0s;
6416
- transition: height 0.3s ease-out 0s;
6417
- }
6418
-
6419
- .premium-button[class*="style7"]:hover .premium-button-text-icon-wrapper:before {
6420
- -webkit-transition-delay: 0s;
6421
- transition-delay: 0s;
6422
- }
6423
-
6424
- .premium-button[class*="style7"]:hover .premium-button-text-icon-wrapper:after {
6425
- -webkit-transition-delay: 0.15s;
6426
- transition-delay: 0.15s;
6427
- }
6428
-
6429
- .premium-button-style7-bottom .premium-button-text-icon-wrapper:before,
6430
- .premium-button-style7-bottom .premium-button-text-icon-wrapper:after {
6431
- content: "";
6432
- position: absolute;
6433
- left: 0;
6434
- top: 0;
6435
- right: 0;
6436
- height: 0;
6437
- z-index: -1;
6438
- }
6439
-
6440
- .premium-button-style7-top .premium-button-text-icon-wrapper:after,
6441
- .premium-button-style7-top .premium-button-text-icon-wrapper:before {
6442
- content: "";
6443
- position: absolute;
6444
- left: 0;
6445
- bottom: 0;
6446
- right: 0;
6447
- height: 0;
6448
- z-index: -1;
6449
- }
6450
-
6451
- .premium-button-style7-right .premium-button-text-icon-wrapper:after,
6452
- .premium-button-style7-right .premium-button-text-icon-wrapper:before {
6453
- content: "";
6454
- position: absolute;
6455
- right: 0;
6456
- top: 0;
6457
- bottom: 0;
6458
- width: 0;
6459
- z-index: -1;
6460
- }
6461
-
6462
- .premium-button-style7-left .premium-button-text-icon-wrapper:after,
6463
- .premium-button-style7-left .premium-button-text-icon-wrapper:before {
6464
- content: "";
6465
- position: absolute;
6466
- left: 0;
6467
- top: 0;
6468
- bottom: 0;
6469
- width: 0;
6470
- z-index: -1;
6471
- }
6472
-
6473
- .premium-button-style7-bottom:hover .premium-button-text-icon-wrapper:after,
6474
- .premium-button-style7-bottom:hover .premium-button-text-icon-wrapper:before {
6475
- height: 100%;
6476
- top: 0;
6477
- }
6478
-
6479
- .premium-button-style7-top:hover .premium-button-text-icon-wrapper:after,
6480
- .premium-button-style7-top:hover .premium-button-text-icon-wrapper:before {
6481
- height: 100%;
6482
- bottom: 0;
6483
- }
6484
-
6485
- .premium-button-style7-left:hover .premium-button-text-icon-wrapper:after,
6486
- .premium-button-style7-left:hover .premium-button-text-icon-wrapper:before {
6487
- width: 100%;
6488
- left: 0;
6489
- }
6490
-
6491
- .premium-button-style7-right:hover .premium-button-text-icon-wrapper:after,
6492
- .premium-button-style7-right:hover .premium-button-text-icon-wrapper:before {
6493
- width: 100%;
6494
- right: 0;
6495
- }
6496
-
6497
- /**************** Premium Contact Form7 **********/
6498
- /*************************************************/
6499
- .premium-contact-form-anim-yes .wpcf7-span::after {
6500
- display: block;
6501
- height: 2px;
6502
- content: "";
6503
- top: -2px;
6504
- position: relative;
6505
- width: 0px;
6506
- -webkit-transition: all ease-in-out 0.3s;
6507
- transition: all ease-in-out 0.3s;
6508
- }
6509
-
6510
- .premium-contact-form-anim-yes .wpcf7-span.is-focused::after {
6511
- width: 100%;
6512
- }
6513
-
6514
- .premium-cf7-container input.wpcf7-submit {
6515
- -webkit-transition: all 0.3s ease-in-out;
6516
- transition: all 0.3s ease-in-out;
6517
- }
6518
-
6519
- /**************** Premium Image Button ***********/
6520
- /*************************************************/
6521
- .premium-image-button {
6522
- -js-display: inline-flex;
6523
- display: -webkit-inline-box;
6524
- display: -webkit-inline-flex;
6525
- display: -moz-inline-box;
6526
- display: -ms-inline-flexbox;
6527
- display: inline-flex;
6528
- position: relative;
6529
- overflow: hidden;
6530
- background-color: #eee;
6531
- cursor: pointer;
6532
- -webkit-transition: all 0.2s ease-in-out !important;
6533
- transition: all 0.2s ease-in-out !important;
6534
- }
6535
-
6536
- .premium-image-button .premium-button-style6-bg,
6537
- .premium-image-button.premium-button-style6:before,
6538
- .premium-image-button:not(.premium-image-button-style6):hover {
6539
- background-color: #54595f;
6540
- }
6541
-
6542
- /*Default background for slide styles*/
6543
- .premium-image-button:hover,
6544
- .premium-image-button-style4-icon-wrapper,
6545
- .premium-image-button-style1-top:before,
6546
- .premium-image-button-style1-bottom:before,
6547
- .premium-image-button-style1-left:before,
6548
- .premium-image-button-style1-right:before {
6549
- background-color: #54595f;
6550
- }
6551
-
6552
- .premium-image-button-text-icon-wrapper {
6553
- width: 100%;
6554
- -js-display: flex;
6555
- display: -webkit-box;
6556
- display: -webkit-flex;
6557
- display: -moz-box;
6558
- display: -ms-flexbox;
6559
- display: flex;
6560
- -webkit-box-pack: center;
6561
- -webkit-justify-content: center;
6562
- -moz-box-pack: center;
6563
- -ms-flex-pack: center;
6564
- justify-content: center;
6565
- -webkit-box-align: center;
6566
- -webkit-align-items: center;
6567
- -moz-box-align: center;
6568
- -ms-flex-align: center;
6569
- align-items: center;
6570
- position: relative;
6571
- z-index: 3;
6572
- -webkit-transition: all 0.2s ease-in-out;
6573
- transition: all 0.2s ease-in-out;
6574
- }
6575
-
6576
- .premium-image-button-text-icon-wrapper span,
6577
- .premium-image-button-text-icon-wrapper,
6578
- .premium-image-button-text-icon-wrapper i,
6579
- .premium-image-button-text-icon-wrapper svg {
6580
- -webkit-transition: all 0.2s ease-in-out;
6581
- transition: all 0.2s ease-in-out;
6582
- }
6583
-
6584
- .premium-image-button-style1-bottom:before,
6585
- .premium-image-button-style1-top:before,
6586
- .premium-image-button-style1-left:before,
6587
- .premium-image-button-style1-right:before {
6588
- -webkit-transition: all 0.2s ease-in-out;
6589
- transition: all 0.2s ease-in-out;
6590
- }
6591
-
6592
- .premium-image-button-style1-bottom:before {
6593
- content: "";
6594
- position: absolute;
6595
- width: 100%;
6596
- height: 0;
6597
- top: 0;
6598
- right: 0;
6599
- }
6600
-
6601
- .premium-image-button-style1-top:before {
6602
- content: "";
6603
- position: absolute;
6604
- width: 100%;
6605
- height: 0;
6606
- bottom: 0;
6607
- right: 0;
6608
- }
6609
-
6610
- .premium-image-button-style1-right:before {
6611
- content: "";
6612
- position: absolute;
6613
- width: 0;
6614
- height: 100%;
6615
- bottom: 0;
6616
- right: 0;
6617
- }
6618
-
6619
- .premium-image-button-style1-left:before {
6620
- content: "";
6621
- position: absolute;
6622
- width: 0;
6623
- height: 100%;
6624
- top: 0;
6625
- left: 0;
6626
- }
6627
-
6628
- .premium-image-button-style1-bottom:hover:before {
6629
- height: 100%;
6630
- }
6631
-
6632
- .premium-image-button-style1-top:hover:before {
6633
- height: 100%;
6634
- }
6635
-
6636
- .premium-image-button-style1-right:hover:before {
6637
- width: 100%;
6638
- }
6639
-
6640
- .premium-image-button-style1-left:hover:before {
6641
- width: 100%;
6642
- }
6643
-
6644
- .premium-image-button-diagonal-top,
6645
- .premium-image-button-diagonal-bottom,
6646
- .premium-image-button-diagonal-left,
6647
- .premium-image-button-diagonal-right {
6648
- z-index: 10;
6649
- }
6650
-
6651
- .premium-image-button-diagonal-top:before,
6652
- .premium-image-button-diagonal-bottom:before,
6653
- .premium-image-button-diagonal-left:before,
6654
- .premium-image-button-diagonal-right:before {
6655
- position: absolute;
6656
- top: 0px;
6657
- right: 0px;
6658
- width: 100%;
6659
- height: 100%;
6660
- content: "";
6661
- z-index: 1;
6662
- background: rgba(255, 255, 255, 0.2);
6663
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6664
- -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6665
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6666
- -webkit-transition: all 0.8s ease-out;
6667
- transition: all 0.8s ease-out;
6668
- }
6669
-
6670
- .premium-image-button-diagonal-right:hover:before,
6671
- .premium-image-button-diagonal-left:before {
6672
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
6673
- -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
6674
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
6675
- }
6676
-
6677
- .premium-image-button-diagonal-left:hover:before,
6678
- .premium-image-button-diagonal-right:before {
6679
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
6680
- -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
6681
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
6682
- }
6683
-
6684
- .premium-image-button-diagonal-top:hover:before,
6685
- .premium-image-button-diagonal-bottom:before {
6686
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6687
- -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6688
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6689
- }
6690
-
6691
- .premium-image-button-diagonal-bottom:hover:before,
6692
- .premium-image-button-diagonal-top:before {
6693
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
6694
- -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
6695
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
6696
- }
6697
-
6698
- .premium-image-button-style4-icon-wrapper {
6699
- position: absolute;
6700
- z-index: 2;
6701
- width: 100%;
6702
- text-align: center;
6703
- display: -webkit-box;
6704
- display: -webkit-flex;
6705
- display: -ms-flexbox;
6706
- -js-display: flex;
6707
- display: -moz-box;
6708
- display: flex;
6709
- -webkit-box-align: center;
6710
- -webkit-align-items: center;
6711
- -moz-box-align: center;
6712
- -ms-flex-align: center;
6713
- align-items: center;
6714
- -webkit-box-pack: center;
6715
- -webkit-justify-content: center;
6716
- -moz-box-pack: center;
6717
- -ms-flex-pack: center;
6718
- justify-content: center;
6719
- height: 100%;
6720
- opacity: 0;
6721
- -webkit-transition: all 0.3s ease-in-out;
6722
- transition: all 0.3s ease-in-out;
6723
- }
6724
-
6725
- .premium-image-button-style4-icon-wrapper.top {
6726
- bottom: -100%;
6727
- right: 0;
6728
- }
6729
-
6730
- .premium-image-button-style4-icon-wrapper.bottom {
6731
- top: -100%;
6732
- right: 0;
6733
- }
6734
-
6735
- .premium-image-button-style4-icon-wrapper.left {
6736
- top: 0;
6737
- right: -100%;
6738
- }
6739
-
6740
- .premium-image-button-style4-icon-wrapper.right {
6741
- top: 0;
6742
- left: -100%;
6743
- }
6744
-
6745
- .premium-image-button-style4-bottom:hover .premium-image-button-style4-icon-wrapper {
6746
- top: 0;
6747
- opacity: 1;
6748
- }
6749
-
6750
- .premium-image-button-style4-top:hover .premium-image-button-style4-icon-wrapper {
6751
- bottom: 0;
6752
- opacity: 1;
6753
- }
6754
-
6755
- .premium-image-button-style4-left:hover .premium-image-button-style4-icon-wrapper {
6756
- right: 0;
6757
- opacity: 1;
6758
- }
6759
-
6760
- .premium-image-button-style4-right:hover .premium-image-button-style4-icon-wrapper {
6761
- left: 0;
6762
- opacity: 1;
6763
- }
6764
-
6765
- .premium-image-button-style4-bottom:hover .premium-image-button-text-icon-wrapper {
6766
- -webkit-transform: translateY(100%);
6767
- -ms-transform: translateY(100%);
6768
- transform: translateY(100%);
6769
- opacity: 0;
6770
- }
6771
-
6772
- .premium-image-button-style4-top:hover .premium-image-button-text-icon-wrapper {
6773
- -webkit-transform: translateY(-100%);
6774
- -ms-transform: translateY(-100%);
6775
- transform: translateY(-100%);
6776
- opacity: 0;
6777
- }
6778
-
6779
- .premium-image-button-style4-left:hover .premium-image-button-text-icon-wrapper {
6780
- -webkit-transform: translateX(-100%);
6781
- -ms-transform: translateX(-100%);
6782
- transform: translateX(-100%);
6783
- opacity: 0;
6784
- }
6785
-
6786
- .premium-image-button-style4-right:hover .premium-image-button-text-icon-wrapper {
6787
- -webkit-transform: translateX(100%);
6788
- -ms-transform: translateX(100%);
6789
- transform: translateX(100%);
6790
- opacity: 0;
6791
- }
6792
-
6793
- .premium-image-button-overlap-effect-horizontal:before,
6794
- .premium-image-button-overlap-effect-vertical:before {
6795
- position: absolute;
6796
- content: "";
6797
- top: 0;
6798
- right: 0;
6799
- width: 100%;
6800
- height: 100%;
6801
- opacity: 0;
6802
- -webkit-transition: all 1s ease-in-out;
6803
- transition: all 1s ease-in-out;
6804
- background: rgba(255, 255, 255, 0.2);
6805
- -webkit-animation-name: premium-overlap-effect-done;
6806
- animation-name: premium-overlap-effect-done;
6807
- -webkit-animation-duration: 1s;
6808
- animation-duration: 1s;
6809
- }
6810
-
6811
- .premium-image-button-overlap-effect-vertical:before {
6812
- -webkit-animation-name: premium-overlap-ver-effect-done;
6813
- animation-name: premium-overlap-ver-effect-done;
6814
- -webkit-animation-duration: 1s;
6815
- animation-duration: 1s;
6816
- }
6817
-
6818
- .premium-image-button-overlap-effect-horizontal:hover:before {
6819
- -webkit-animation-name: premium-overlap-effect;
6820
- animation-name: premium-overlap-effect;
6821
- -webkit-animation-duration: 1s;
6822
- animation-duration: 1s;
6823
- }
6824
-
6825
- .premium-image-button-overlap-effect-vertical:hover:before {
6826
- -webkit-animation-name: premium-overlap-ver-effect;
6827
- animation-name: premium-overlap-ver-effect;
6828
- -webkit-animation-duration: 1s;
6829
- animation-duration: 1s;
6830
- }
6831
-
6832
- @-webkit-keyframes premium-overlap-effect {
6833
- 0% {
6834
- opacity: 0;
6835
- -webkit-transform: rotateY(0deg);
6836
- transform: rotateY(0deg);
6837
- }
6838
-
6839
- 50% {
6840
- opacity: 1;
6841
- -webkit-transform: rotateY(180deg);
6842
- transform: rotateY(180deg);
6843
- }
6844
-
6845
- 100% {
6846
- opacity: 0;
6847
- -webkit-transform: rotateY(360deg);
6848
- transform: rotateY(360deg);
6849
- }
6850
- }
6851
-
6852
- @keyframes premium-overlap-effect {
6853
- 0% {
6854
- opacity: 0;
6855
- -webkit-transform: rotateY(0deg);
6856
- transform: rotateY(0deg);
6857
- }
6858
-
6859
- 50% {
6860
- opacity: 1;
6861
- -webkit-transform: rotateY(180deg);
6862
- transform: rotateY(180deg);
6863
- }
6864
-
6865
- 100% {
6866
- opacity: 0;
6867
- -webkit-transform: rotateY(360deg);
6868
- transform: rotateY(360deg);
6869
- }
6870
- }
6871
-
6872
- @-webkit-keyframes premium-overlap-effect-done {
6873
- 0% {
6874
- opacity: 0;
6875
- -webkit-transform: rotateY(0deg);
6876
- transform: rotateY(0deg);
6877
- }
6878
-
6879
- 50% {
6880
- opacity: 1;
6881
- -webkit-transform: rotateY(180deg);
6882
- transform: rotateY(180deg);
6883
- }
6884
-
6885
- 100% {
6886
- opacity: 0;
6887
- -webkit-transform: rotateY(360deg);
6888
- transform: rotateY(360deg);
6889
- }
6890
- }
6891
-
6892
- @keyframes premium-overlap-effect-done {
6893
- 0% {
6894
- opacity: 0;
6895
- -webkit-transform: rotateY(0deg);
6896
- transform: rotateY(0deg);
6897
- }
6898
-
6899
- 50% {
6900
- opacity: 1;
6901
- -webkit-transform: rotateY(180deg);
6902
- transform: rotateY(180deg);
6903
- }
6904
-
6905
- 100% {
6906
- opacity: 0;
6907
- -webkit-transform: rotateY(360deg);
6908
- transform: rotateY(360deg);
6909
- }
6910
- }
6911
-
6912
- @-webkit-keyframes premium-overlap-ver-effect {
6913
- 0% {
6914
- opacity: 0;
6915
- -webkit-transform: rotateX(0deg);
6916
- transform: rotateX(0deg);
6917
- }
6918
-
6919
- 50% {
6920
- opacity: 1;
6921
- -webkit-transform: rotateX(180deg);
6922
- transform: rotateX(180deg);
6923
- }
6924
-
6925
- 100% {
6926
- opacity: 0;
6927
- -webkit-transform: rotateX(360deg);
6928
- transform: rotateX(360deg);
6929
- }
6930
- }
6931
-
6932
- @keyframes premium-overlap-ver-effect {
6933
- 0% {
6934
- opacity: 0;
6935
- -webkit-transform: rotateX(0deg);
6936
- transform: rotateX(0deg);
6937
- }
6938
-
6939
- 50% {
6940
- opacity: 1;
6941
- -webkit-transform: rotateX(180deg);
6942
- transform: rotateX(180deg);
6943
- }
6944
-
6945
- 100% {
6946
- opacity: 0;
6947
- -webkit-transform: rotateX(360deg);
6948
- transform: rotateX(360deg);
6949
- }
6950
- }
6951
-
6952
- @-webkit-keyframes premium-overlap-ver-effect-done {
6953
- 0% {
6954
- opacity: 0;
6955
- -webkit-transform: rotateX(0deg);
6956
- transform: rotateX(0deg);
6957
- }
6958
-
6959
- 50% {
6960
- opacity: 1;
6961
- -webkit-transform: rotateX(180deg);
6962
- transform: rotateX(180deg);
6963
- }
6964
-
6965
- 100% {
6966
- opacity: 0;
6967
- -webkit-transform: rotateX(360deg);
6968
- transform: rotateX(360deg);
6969
- }
6970
- }
6971
-
6972
- @keyframes premium-overlap-ver-effect-done {
6973
- 0% {
6974
- opacity: 0;
6975
- -webkit-transform: rotateX(0deg);
6976
- transform: rotateX(0deg);
6977
- }
6978
-
6979
- 50% {
6980
- opacity: 1;
6981
- -webkit-transform: rotateX(180deg);
6982
- transform: rotateX(180deg);
6983
- }
6984
-
6985
- 100% {
6986
- opacity: 0;
6987
- -webkit-transform: rotateX(360deg);
6988
- transform: rotateX(360deg);
6989
- }
6990
- }
6991
-
6992
- /******** Premium Media Grid ********/
6993
- /************************************/
6994
- .premium-img-gallery-filter,
6995
- .premium-blog-filter {
6996
- display: -webkit-box;
6997
- display: -webkit-flex;
6998
- display: -ms-flexbox;
6999
- -js-display: flex;
7000
- display: -moz-box;
7001
- display: flex;
7002
- -webkit-box-align: center;
7003
- -webkit-align-items: center;
7004
- -moz-box-align: center;
7005
- -ms-flex-align: center;
7006
- align-items: center;
7007
- -webkit-box-pack: center;
7008
- -webkit-justify-content: center;
7009
- -moz-box-pack: center;
7010
- -ms-flex-pack: center;
7011
- justify-content: center;
7012
- }
7013
-
7014
- .premium-img-gallery {
7015
- clear: both;
7016
- overflow: hidden;
7017
- }
7018
-
7019
- .premium-gallery-container .premium-gallery-item {
7020
- padding: 10px;
7021
- float: right;
7022
- /* Google Chrome isotope issue */
7023
- }
7024
-
7025
- .premium-gallery-container .grid-sizer {
7026
- width: 33.33%;
7027
- }
7028
-
7029
- .premium-img-gallery-filter .premium-gallery-cats-container li a.category,
7030
- .premium-blog-filter .premium-blog-filters-container li a.category {
7031
- outline: none;
7032
- text-decoration: none;
7033
- -webkit-border-radius: 75px;
7034
- border-radius: 75px;
7035
- margin: 15px 5px 20px;
7036
- padding: 7px 20px;
7037
- -webkit-transition: all 0.3s ease-in-out;
7038
- transition: all 0.3s ease-in-out;
7039
- }
7040
-
7041
- .premium-img-gallery-filter .premium-gallery-cats-container li a.category span {
7042
- -webkit-transition: all 0.3s ease-in-out;
7043
- transition: all 0.3s ease-in-out;
7044
- }
7045
-
7046
- .pa-gallery-img {
7047
- position: relative;
7048
- }
7049
-
7050
- .pa-gallery-img .pa-gallery-whole-link {
7051
- position: absolute;
7052
- top: 0;
7053
- right: 0;
7054
- width: 100%;
7055
- height: 100%;
7056
- }
7057
-
7058
- .pa-gallery-img.style2 .pa-gallery-whole-link {
7059
- z-index: 99;
7060
- }
7061
-
7062
- .pa-gallery-img-container {
7063
- overflow: hidden;
7064
- -webkit-backface-visibility: hidden;
7065
- -moz-backface-visibility: hidden;
7066
- -webkit-transform: translate3d(0, 0, 0);
7067
- transform: translate3d(0, 0, 0);
7068
- }
7069
-
7070
- .pa-gallery-img-container img {
7071
- display: block;
7072
- width: 100%;
7073
- -webkit-transition: all 0.3s ease-in-out;
7074
- transition: all 0.3s ease-in-out;
7075
- }
7076
-
7077
- .premium-img-gallery.gray img {
7078
- -webkit-filter: grayscale(100%);
7079
- filter: grayscale(100%);
7080
- }
7081
-
7082
- .premium-img-gallery.zoomout img,
7083
- .premium-img-gallery.scale img {
7084
- -webkit-transform: scale(1.2);
7085
- -ms-transform: scale(1.2);
7086
- transform: scale(1.2);
7087
- }
7088
-
7089
- .premium-img-gallery.sepia img {
7090
- -webkit-filter: sepia(30%);
7091
- filter: sepia(30%);
7092
- }
7093
-
7094
- .premium-img-gallery.bright img {
7095
- -webkit-filter: brightness(1);
7096
- filter: brightness(1);
7097
- }
7098
-
7099
- .premium-img-gallery.trans img {
7100
- -webkit-transform: translateX(15px) scale(1.1);
7101
- -ms-transform: translateX(15px) scale(1.1);
7102
- transform: translateX(15px) scale(1.1);
7103
- }
7104
-
7105
- .pa-gallery-img .pa-gallery-magnific-image,
7106
- .pa-gallery-img .pa-gallery-img-link {
7107
- outline: none;
7108
- }
7109
-
7110
- .pa-gallery-img .pa-gallery-magnific-image i,
7111
- .pa-gallery-img .pa-gallery-magnific-image svg,
7112
- .pa-gallery-img .pa-gallery-img-link i,
7113
- .pa-gallery-img .pa-gallery-img-link svg {
7114
- -webkit-transition: all 0.3s ease-in-out;
7115
- transition: all 0.3s ease-in-out;
7116
- }
7117
-
7118
- .pa-gallery-img .pa-gallery-magnific-image span,
7119
- .pa-gallery-img .pa-gallery-img-link span {
7120
- line-height: 1;
7121
- display: inline-block;
7122
- opacity: 0;
7123
- margin: 0 5px;
7124
- padding: 15px;
7125
- -webkit-border-radius: 50%;
7126
- border-radius: 50%;
7127
- }
7128
-
7129
- .pa-gallery-img.style2 .pa-gallery-magnific-image span,
7130
- .pa-gallery-img.style2 .pa-gallery-img-link span {
7131
- margin: 0 5px 20px;
7132
- }
7133
-
7134
- .pa-gallery-img:hover .pa-gallery-magnific-image span {
7135
- -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
7136
- transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
7137
- }
7138
-
7139
- .pa-gallery-img:hover .pa-gallery-img-link span {
7140
- -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
7141
- transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
7142
- }
7143
-
7144
- .pa-gallery-img:hover .pa-gallery-magnific-image span,
7145
- .pa-gallery-img:hover .pa-gallery-img-link span,
7146
- .premium-gallery-icon-show a.pa-gallery-video-icon span {
7147
- opacity: 1;
7148
- }
7149
-
7150
- .premium-img-gallery-filter ul.premium-gallery-cats-container,
7151
- .premium-blog-filter ul.premium-blog-filters-container {
7152
- text-align: center;
7153
- margin: 0;
7154
- padding: 0;
7155
- }
7156
-
7157
- .premium-img-gallery-filter .premium-gallery-cats-container li,
7158
- .premium-blog-filter .premium-blog-filters-container li {
7159
- list-style: none;
7160
- display: -webkit-inline-box;
7161
- display: -webkit-inline-flex;
7162
- display: -ms-inline-flexbox;
7163
- -js-display: inline-flex;
7164
- display: -moz-inline-box;
7165
- display: inline-flex;
7166
- }
7167
-
7168
- .premium-img-gallery.zoomin .pa-gallery-img:hover img {
7169
- -webkit-transform: scale(1.1);
7170
- -ms-transform: scale(1.1);
7171
- transform: scale(1.1);
7172
- }
7173
-
7174
- .premium-img-gallery.zoomout .pa-gallery-img:hover img {
7175
- -webkit-transform: scale(1);
7176
- -ms-transform: scale(1);
7177
- transform: scale(1);
7178
- }
7179
-
7180
- .premium-img-gallery.scale .pa-gallery-img:hover img {
7181
- -webkit-transform: scale(1.3) rotate(-5deg);
7182
- -ms-transform: scale(1.3) rotate(-5deg);
7183
- transform: scale(1.3) rotate(-5deg);
7184
- }
7185
-
7186
- .premium-img-gallery.gray .pa-gallery-img:hover img {
7187
- -webkit-filter: grayscale(0%);
7188
- filter: grayscale(0%);
7189
- }
7190
-
7191
- .premium-img-gallery.blur .pa-gallery-img:hover img {
7192
- -webkit-filter: blur(3px);
7193
- filter: blur(3px);
7194
- }
7195
-
7196
- .premium-img-gallery.sepia .pa-gallery-img:hover img {
7197
- -webkit-filter: sepia(0%);
7198
- filter: sepia(0%);
7199
- }
7200
-
7201
- .premium-img-gallery.trans .pa-gallery-img:hover img {
7202
- -webkit-transform: translateX(0px) scale(1.1);
7203
- -ms-transform: translateX(0px) scale(1.1);
7204
- transform: translateX(0px) scale(1.1);
7205
- }
7206
-
7207
- .premium-img-gallery.bright .pa-gallery-img:hover img {
7208
- -webkit-filter: brightness(1.2);
7209
- filter: brightness(1.2);
7210
- }
7211
-
7212
- .pa-gallery-img .premium-gallery-caption {
7213
- padding: 10px;
7214
- }
7215
-
7216
- .pa-gallery-img .premium-gallery-caption .premium-gallery-img-name {
7217
- margin-bottom: 0;
7218
- }
7219
-
7220
- .pa-gallery-img.style1 {
7221
- overflow: hidden;
7222
- }
7223
-
7224
- .pa-gallery-img:not(.style2) .pa-gallery-icons-wrapper {
7225
- position: absolute;
7226
- top: 0;
7227
- right: 0;
7228
- width: 100%;
7229
- height: 100%;
7230
- -webkit-transition: all 0.3s ease-in-out;
7231
- transition: all 0.3s ease-in-out;
7232
- }
7233
-
7234
- .pa-gallery-img:not(.style2) .pa-gallery-icons-inner-container {
7235
- position: absolute;
7236
- top: 33.33%;
7237
- width: 100%;
7238
- text-align: center;
7239
- -webkit-transform: translateY(-50%);
7240
- -ms-transform: translateY(-50%);
7241
- transform: translateY(-50%);
7242
- z-index: 999;
7243
- }
7244
-
7245
- .premium-blog-post-container .premium-blog-entry-container {
7246
- margin: 0 !important;
7247
- }
7248
-
7249
- .pa-gallery-img.style1 .premium-gallery-caption {
7250
- position: absolute;
7251
- top: auto;
7252
- left: 0;
7253
- right: 0;
7254
- width: 100%;
7255
- -webkit-transition: all 500ms ease 0s;
7256
- transition: all 500ms ease 0s;
7257
- -webkit-transform: translate3d(0, 100%, 0);
7258
- -ms-transform: translate3d(0, 100%, 0);
7259
- transform: translate3d(0, 100%, 0);
7260
- }
7261
-
7262
- .pa-gallery-img.default .premium-gallery-caption {
7263
- position: absolute;
7264
- top: auto;
7265
- left: 0;
7266
- right: 0;
7267
- width: 100%;
7268
- bottom: 0;
7269
- }
7270
-
7271
- .pa-gallery-img.style1:hover .premium-gallery-caption {
7272
- -webkit-transform: translate3d(0, 0, 0);
7273
- -ms-transform: translate3d(0, 0, 0);
7274
- transform: translate3d(0, 0, 0);
7275
- bottom: -1px !important;
7276
- }
7277
-
7278
- .pa-gallery-img.style2 .pa-gallery-icons-caption-container {
7279
- position: absolute;
7280
- top: 0;
7281
- right: 0;
7282
- width: 100%;
7283
- height: 100%;
7284
- opacity: 0;
7285
- -webkit-backface-visibility: hidden;
7286
- backface-visibility: hidden;
7287
- -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
7288
- -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
7289
- transition: opacity 0.3s, -webkit-transform 0.3s;
7290
- transition: transform 0.3s, opacity 0.3s;
7291
- transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
7292
- z-index: 1;
7293
- background-color: rgba(108, 191, 226, 0.68);
7294
- display: -webkit-box;
7295
- display: -webkit-flex;
7296
- display: -ms-flexbox;
7297
- -js-display: flex;
7298
- display: -moz-box;
7299
- display: flex;
7300
- text-align: center;
7301
- -webkit-box-align: center;
7302
- -webkit-align-items: center;
7303
- -moz-box-align: center;
7304
- -ms-flex-align: center;
7305
- align-items: center;
7306
- }
7307
-
7308
- .pa-gallery-img.style2 .pa-gallery-icons-caption-cell {
7309
- width: 100%;
7310
- }
7311
-
7312
- .pa-gallery-img.style2:hover .pa-gallery-icons-caption-container {
7313
- opacity: 1;
7314
- -webkit-transform: translate(-15px, 15px);
7315
- -ms-transform: translate(-15px, 15px);
7316
- transform: translate(-15px, 15px);
7317
- }
7318
-
7319
- .premium-clearfix {
7320
- clear: both;
7321
- }
7322
-
7323
- .premium-gallery-container .pa-gallery-item {
7324
- padding: 10px;
7325
- }
7326
-
7327
- /**
7328
- * Metro Layout
7329
- */
7330
- .premium-img-gallery-metro .premium-gallery-item {
7331
- overflow: hidden;
7332
- }
7333
-
7334
- .premium-img-gallery-metro .pa-gallery-img {
7335
- height: 100%;
7336
- }
7337
-
7338
- .premium-img-gallery-metro .pa-gallery-img-container {
7339
- height: 100%;
7340
- }
7341
-
7342
- .premium-img-gallery-metro .pa-gallery-img-container img {
7343
- min-height: 100%;
7344
- width: 100%;
7345
- -o-object-fit: fill;
7346
- object-fit: fill;
7347
- }
7348
-
7349
- .premium-img-gallery .premium-gallery-item-hidden {
7350
- visibility: hidden;
7351
- width: 0 !important;
7352
- height: 0 !important;
7353
- margin: 0 !important;
7354
- padding: 0 !important;
7355
- }
7356
-
7357
- .premium-gallery-load-more .premium-gallery-load-more-btn {
7358
- -webkit-box-shadow: none;
7359
- box-shadow: none;
7360
- text-shadow: none;
7361
- border: none;
7362
- outline: none;
7363
- -webkit-box-align: center;
7364
- -ms-flex-align: center;
7365
- -webkit-align-items: center;
7366
- -moz-box-align: center;
7367
- align-items: center;
7368
- vertical-align: bottom;
7369
- cursor: pointer;
7370
- line-height: 1;
7371
- font-style: normal;
7372
- font-weight: normal;
7373
- background-image: none;
7374
- color: #fff;
7375
- -webkit-transition: all 0.3s ease-in-out;
7376
- transition: all 0.3s ease-in-out;
7377
- }
7378
-
7379
- .premium-gallery-load-more-btn {
7380
- display: -webkit-inline-box;
7381
- display: -webkit-inline-flex;
7382
- display: -ms-inline-flexbox;
7383
- -js-display: inline-flex;
7384
- display: -moz-inline-box;
7385
- display: inline-flex;
7386
- -webkit-box-align: center;
7387
- -webkit-align-items: center;
7388
- -moz-box-align: center;
7389
- -ms-flex-align: center;
7390
- align-items: center;
7391
- }
7392
-
7393
- .premium-loader {
7394
- border: 3px solid #f3f3f3;
7395
- border-top-width: 3px;
7396
- border-top-style: solid;
7397
- border-top-color: rgb(243, 243, 243);
7398
- -webkit-border-radius: 50%;
7399
- border-radius: 50%;
7400
- border-top: 3px solid;
7401
- border-top-color: #bbb;
7402
- width: 30px;
7403
- height: 30px;
7404
- -webkit-animation: spin 2s linear infinite;
7405
- animation: spin 2s linear infinite;
7406
- margin: 0 auto;
7407
- }
7408
-
7409
- .premium-gallery-load-more-btn div {
7410
- margin-right: 3px;
7411
- }
7412
-
7413
- .premium-gallery-load-more-btn .premium-loader {
7414
- display: inline-block;
7415
- width: 20px;
7416
- height: 20px;
7417
- }
7418
-
7419
- /** * Video */
7420
- .pa-gallery-img .pa-gallery-lightbox-wrap {
7421
- display: inline-block;
7422
- }
7423
-
7424
- .premium-img-gallery-no-lightbox .premium-gallery-video-item .pa-gallery-img,
7425
- .pa-gallery-img .pa-gallery-video-icon {
7426
- cursor: pointer;
7427
- }
7428
-
7429
- .pa-gallery-img-container iframe,
7430
- .pa-gallery-img-container video {
7431
- position: absolute;
7432
- visibility: hidden;
7433
- top: 0;
7434
- right: 0;
7435
- max-width: 100%;
7436
- width: 100%;
7437
- height: 100%;
7438
- margin: 0;
7439
- line-height: 1;
7440
- border: none;
7441
- }
7442
-
7443
- .pa-gallery-img-container video {
7444
- -o-object-fit: contain;
7445
- object-fit: contain;
7446
- }
7447
-
7448
- .pa-gallery-icons-inner-container svg,
7449
- .pa-gallery-icons-caption-cell svg {
7450
- width: 14px;
7451
- height: 14px;
7452
- }
7453
-
7454
- .premium-gallery-gradient-layer {
7455
- position: absolute;
7456
- bottom: 40px;
7457
- width: 100%;
7458
- height: 20px;
7459
- background: -webkit-gradient(linear, left bottom, left top, from(#17181f), to(rgba(255, 255, 255, 0)));
7460
- background: -webkit-linear-gradient(bottom, #17181f 0%, rgba(255, 255, 255, 0) 100%);
7461
- background: linear-gradient(to top, #17181f 0%, rgba(255, 255, 255, 0) 100%);
7462
- }
7463
-
7464
- @-webkit-keyframes spin {
7465
- 0% {
7466
- -webkit-transform: rotate(0deg);
7467
- }
7468
-
7469
- 100% {
7470
- -webkit-transform: rotate(-360deg);
7471
- }
7472
- }
7473
-
7474
- @keyframes spin {
7475
- 0% {
7476
- -webkit-transform: rotate(0deg);
7477
- transform: rotate(0deg);
7478
- }
7479
-
7480
- 100% {
7481
- -webkit-transform: rotate(-360deg);
7482
- transform: rotate(-360deg);
7483
- }
7484
- }
7485
-
7486
- /************ Premium Vertical Scroll ************/
7487
- /*************************************************/
7488
- .premium-vscroll-inner {
7489
- position: relative;
7490
- /* overflow: hidden;
7491
- */
7492
- min-height: 100%;
7493
- }
7494
-
7495
- .premium-vscroll-inner .premium-vscroll-dots {
7496
- position: fixed;
7497
- z-index: 100;
7498
- opacity: 1;
7499
- margin-top: -32px;
7500
- -webkit-transition: all 0.3s ease-in-out;
7501
- transition: all 0.3s ease-in-out;
7502
- }
7503
-
7504
- .premium-vscroll-wrap .premium-vscroll-nav-menu {
7505
- opacity: 1;
7506
- -webkit-transition: all 0.3s ease-in-out;
7507
- transition: all 0.3s ease-in-out;
7508
- }
7509
-
7510
- .premium-vscroll-inner .premium-vscroll-dots,
7511
- .premium-vscroll-wrap .premium-vscroll-dots-hide {
7512
- opacity: 0;
7513
- visibility: hidden;
7514
- }
7515
-
7516
- .premium-vscroll-nav-dots-yes .premium-vscroll-inner .premium-vscroll-dots {
7517
- opacity: 1;
7518
- visibility: visible;
7519
- }
7520
-
7521
- .premium-vscroll-dots.middle {
7522
- top: 50%;
7523
- }
7524
-
7525
- .premium-vscroll-dots.top {
7526
- top: 40px;
7527
- }
7528
-
7529
- .premium-vscroll-dots.bottom {
7530
- bottom: 30px;
7531
- }
7532
-
7533
- .premium-vscroll-dots.right {
7534
- left: 17px;
7535
- }
7536
-
7537
- .premium-vscroll-dots.left {
7538
- right: 17px;
7539
- }
7540
-
7541
- .premium-vscroll-inner ul.premium-vscroll-dots-list,
7542
- .premium-vscroll-wrap .premium-vscroll-nav-menu {
7543
- margin: 0 !important;
7544
- padding: 0;
7545
- }
7546
-
7547
- .premium-vscroll-inner ul.premium-vscroll-dots-list li {
7548
- width: 14px;
7549
- height: 13px;
7550
- margin: 7px;
7551
- position: relative;
7552
- display: -webkit-box;
7553
- display: -webkit-flex;
7554
- display: -ms-flexbox;
7555
- -js-display: flex;
7556
- display: -moz-box;
7557
- display: flex;
7558
- -webkit-box-pack: center;
7559
- -ms-flex-pack: center;
7560
- -webkit-justify-content: center;
7561
- -moz-box-pack: center;
7562
- justify-content: center;
7563
- -webkit-box-align: center;
7564
- -ms-flex-align: center;
7565
- -webkit-align-items: center;
7566
- -moz-box-align: center;
7567
- align-items: center;
7568
- overflow: visible;
7569
- }
7570
-
7571
- .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link {
7572
- display: block;
7573
- position: relative;
7574
- z-index: 1;
7575
- width: 100%;
7576
- height: 100%;
7577
- cursor: pointer;
7578
- text-decoration: none;
7579
- }
7580
-
7581
- .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link span {
7582
- top: 2px;
7583
- right: 2.5px;
7584
- width: 8px;
7585
- height: 8px;
7586
- border: 1px solid #000;
7587
- -webkit-border-radius: 50%;
7588
- border-radius: 50%;
7589
- position: absolute;
7590
- z-index: 1;
7591
- -webkit-transition: all 0.3s ease-in-out;
7592
- transition: all 0.3s ease-in-out;
7593
- }
7594
-
7595
- .premium-vscroll-inner .premium-vscroll-dot-item.active .premium-vscroll-nav-link span {
7596
- -webkit-transform: scale(1.6);
7597
- -ms-transform: scale(1.6);
7598
- transform: scale(1.6);
7599
- }
7600
-
7601
- .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-tooltip {
7602
- position: absolute;
7603
- color: #fff;
7604
- font-size: 14px;
7605
- font-family: arial, helvetica, sans-serif;
7606
- white-space: nowrap;
7607
- max-width: 220px;
7608
- padding-right: 0.4em;
7609
- padding-left: 0.4em;
7610
- }
7611
-
7612
- .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip {
7613
- left: 27px;
7614
- }
7615
-
7616
- /* * Lines */
7617
- .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item {
7618
- width: 4px;
7619
- height: 30px;
7620
- }
7621
-
7622
- .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item span {
7623
- width: 100%;
7624
- height: 100%;
7625
- -webkit-border-radius: 0;
7626
- border-radius: 0;
7627
- }
7628
-
7629
- .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item.active span {
7630
- -webkit-transform: scale(1);
7631
- -ms-transform: scale(1);
7632
- transform: scale(1);
7633
- }
7634
-
7635
- @media (max-width: 768px) {
7636
- .premium-vscroll-dots.right {
7637
- left: 7px;
7638
- }
7639
-
7640
- .premium-vscroll-dots.left {
7641
- right: 7px;
7642
- }
7643
- }
7644
-
7645
- .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip::after {
7646
- position: absolute;
7647
- top: 50%;
7648
- content: "";
7649
- right: -webkit-calc(100% - 1px);
7650
- right: calc(100% - 1px);
7651
- width: 10px;
7652
- height: 0;
7653
- border-top: 6px solid transparent;
7654
- border-bottom: 6px solid transparent;
7655
- border-right: 6px solid;
7656
- -webkit-transform: translateY(-50%);
7657
- -ms-transform: translateY(-50%);
7658
- transform: translateY(-50%);
7659
- }
7660
-
7661
- .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip::after {
7662
- position: absolute;
7663
- top: 50%;
7664
- content: "";
7665
- left: -webkit-calc(100% - 1px);
7666
- left: calc(100% - 1px);
7667
- width: 10px;
7668
- height: 0;
7669
- border-top: 6px solid transparent;
7670
- border-bottom: 6px solid transparent;
7671
- border-left: 6px solid;
7672
- -webkit-transform: translateY(-50%);
7673
- -ms-transform: translateY(-50%);
7674
- transform: translateY(-50%);
7675
- }
7676
-
7677
- .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip {
7678
- right: 27px;
7679
- }
7680
-
7681
- .premium-vscroll-nav-menu {
7682
- position: fixed;
7683
- top: 20px;
7684
- height: 40px;
7685
- z-index: 100;
7686
- padding: 0;
7687
- margin: 0;
7688
- }
7689
-
7690
- .premium-vscroll-nav-menu.left {
7691
- right: 0;
7692
- }
7693
-
7694
- .premium-vscroll-nav-menu.right {
7695
- left: 0;
7696
- }
7697
-
7698
- .premium-vscroll-nav-menu .premium-vscroll-nav-item {
7699
- display: inline-block;
7700
- margin: 10px;
7701
- color: #000;
7702
- background: #fff;
7703
- background: rgba(255, 255, 255, 0.3);
7704
- }
7705
-
7706
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link {
7707
- padding: 9px 18px;
7708
- display: block;
7709
- cursor: pointer;
7710
- }
7711
-
7712
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link,
7713
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:hover {
7714
- color: #000;
7715
- }
7716
-
7717
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:focus,
7718
- .multiscroll-nav li a:focus {
7719
- outline: none;
7720
- }
7721
-
7722
- .premium-vscroll-temp .slimScrollBar {
7723
- visibility: hidden;
7724
- }
7725
-
7726
- /************ Premium Image Scroll ***************/
7727
- /*************************************************/
7728
- .premium-image-scroll-section,
7729
- .premium-image-scroll-container {
7730
- -webkit-transition: all 0.3s ease-in-out;
7731
- transition: all 0.3s ease-in-out;
7732
- }
7733
-
7734
- .premium-image-scroll-section {
7735
- position: relative;
7736
- overflow: hidden;
7737
- width: 100%;
7738
- -webkit-mask-image: -webkit-radial-gradient(white, black);
7739
- }
7740
-
7741
- .premium-image-scroll-container {
7742
- width: 100%;
7743
- }
7744
-
7745
- .premium-image-scroll-container .premium-image-scroll-mask-media {
7746
- -webkit-mask-repeat: no-repeat;
7747
- mask-repeat: no-repeat;
7748
- -webkit-mask-position: center;
7749
- mask-position: center;
7750
- }
7751
-
7752
- .premium-container-scroll {
7753
- overflow: auto;
7754
- }
7755
-
7756
- .premium-image-scroll-container .premium-image-scroll-horizontal {
7757
- position: relative;
7758
- width: 100%;
7759
- height: 100%;
7760
- }
7761
-
7762
- .premium-image-scroll-container .premium-image-scroll-horizontal img {
7763
- max-width: none;
7764
- height: 100%;
7765
- }
7766
-
7767
- .premium-image-scroll-container .premium-image-scroll-vertical img {
7768
- width: 100%;
7769
- max-width: 100%;
7770
- height: auto;
7771
- }
7772
-
7773
- .premium-image-scroll-ver {
7774
- position: relative;
7775
- }
7776
-
7777
- .premium-image-scroll-container .premium-image-scroll-overlay {
7778
- background: rgba(2, 2, 2, 0.3);
7779
- }
7780
-
7781
- .premium-image-scroll-container .premium-image-scroll-link,
7782
- .premium-image-scroll-container .premium-image-scroll-overlay {
7783
- position: absolute;
7784
- top: 0;
7785
- bottom: 0;
7786
- right: 0;
7787
- left: 0;
7788
- z-index: 4;
7789
- }
7790
-
7791
- .premium-image-scroll-content {
7792
- display: inline-block;
7793
- position: absolute;
7794
- height: auto;
7795
- top: 50%;
7796
- right: 50%;
7797
- text-align: center;
7798
- z-index: 5;
7799
- -webkit-transform: translate(50%, -50%);
7800
- -ms-transform: translate(50%, -50%);
7801
- transform: translate(50%, -50%);
7802
- }
7803
-
7804
- .premium-container-scroll-instant .premium-image-scroll-image {
7805
- -webkit-transition: all 0s ease-in-out !important;
7806
- transition: all 0s ease-in-out !important;
7807
- }
7808
-
7809
- .premium-image-scroll-container img {
7810
- -webkit-transition: -webkit-transform 3s ease-in-out;
7811
- transition: -webkit-transform 3s ease-in-out;
7812
- transition: transform 3s ease-in-out;
7813
- transition: transform 3s ease-in-out, -webkit-transform 3s ease-in-out;
7814
- }
7815
-
7816
- .premium-image-scroll-container .premium-image-scroll-overlay,
7817
- .premium-image-scroll-container .premium-image-scroll-content {
7818
- -webkit-transition: all 0.3s ease-in-out;
7819
- transition: all 0.3s ease-in-out;
7820
- opacity: 1;
7821
- }
7822
-
7823
- .premium-image-scroll-container:hover .premium-image-scroll-overlay {
7824
- opacity: 0;
7825
- }
7826
-
7827
- .premium-image-scroll-container:hover .premium-image-scroll-content {
7828
- opacity: 0;
7829
- visibility: hidden;
7830
- }
7831
-
7832
- .premium-image-scroll-content .premium-image-scroll-icon {
7833
- display: inline-block;
7834
- font-family: "pa-elements" !important;
7835
- speak: none;
7836
- font-style: normal;
7837
- font-weight: normal;
7838
- font-variant: normal;
7839
- text-transform: none;
7840
- line-height: 1;
7841
- -webkit-font-smoothing: antialiased;
7842
- -moz-osx-font-smoothing: grayscale;
7843
- -webkit-animation-duration: 0.5s;
7844
- animation-duration: 0.5s;
7845
- -webkit-animation-iteration-count: infinite;
7846
- animation-iteration-count: infinite;
7847
- -webkit-animation-direction: alternate;
7848
- animation-direction: alternate;
7849
- -webkit-animation-timing-function: ease-in-out;
7850
- animation-timing-function: ease-in-out;
7851
- }
7852
-
7853
- .pa-horizontal-mouse-scroll:before {
7854
- content: "\e917";
7855
- }
7856
-
7857
- .pa-vertical-mouse-scroll:before {
7858
- content: "\e918";
7859
- }
7860
-
7861
- .pa-horizontal-mouse-scroll {
7862
- -webkit-animation-name: pa-scroll-horizontal;
7863
- animation-name: pa-scroll-horizontal;
7864
- }
7865
-
7866
- .pa-vertical-mouse-scroll {
7867
- -webkit-animation-name: pa-scroll-vertical;
7868
- animation-name: pa-scroll-vertical;
7869
- }
7870
-
7871
- @-webkit-keyframes pa-scroll-vertical {
7872
- 0% {
7873
- -webkit-transform: translateY(0px);
7874
- transform: translateY(0px);
7875
- }
7876
-
7877
- 100% {
7878
- -webkit-transform: translateY(5px);
7879
- transform: translateY(5px);
7880
- }
7881
- }
7882
-
7883
- @keyframes pa-scroll-vertical {
7884
- 0% {
7885
- -webkit-transform: translateY(0px);
7886
- transform: translateY(0px);
7887
- }
7888
-
7889
- 100% {
7890
- -webkit-transform: translateY(5px);
7891
- transform: translateY(5px);
7892
- }
7893
- }
7894
-
7895
- @-webkit-keyframes pa-scroll-horizontal {
7896
- 0% {
7897
- -webkit-transform: translateX(0px);
7898
- transform: translateX(0px);
7899
- }
7900
-
7901
- 100% {
7902
- -webkit-transform: translateX(-5px);
7903
- transform: translateX(-5px);
7904
- }
7905
- }
7906
-
7907
- @keyframes pa-scroll-horizontal {
7908
- 0% {
7909
- -webkit-transform: translateX(0px);
7910
- transform: translateX(0px);
7911
- }
7912
-
7913
- 100% {
7914
- -webkit-transform: translateX(-5px);
7915
- transform: translateX(-5px);
7916
- }
7917
- }
7918
-
7919
- /********* Premium Lottie Animations **********/
7920
- /**********************************************/
7921
- .premium-lottie-wrap .premium-lottie-animation {
7922
- position: relative;
7923
- -js-display: inline-flex;
7924
- display: -webkit-inline-box;
7925
- display: -webkit-inline-flex;
7926
- display: -moz-inline-box;
7927
- display: -ms-inline-flexbox;
7928
- display: inline-flex;
7929
- -webkit-transition: all 0.3s ease-in-out;
7930
- transition: all 0.3s ease-in-out;
7931
- }
7932
-
7933
- .premium-lottie-wrap .premium-lottie-animation a {
7934
- position: absolute;
7935
- left: 0;
7936
- top: 0;
7937
- width: 100%;
7938
- height: 100%;
7939
- z-index: 2;
7940
- }
7941
-
7942
- /**************** Premium Bullet List *****************/
7943
- /******************************************************/
7944
- .premium-bullet-list-box {
7945
- -js-display: flex;
7946
- display: -webkit-box;
7947
- display: -webkit-flex;
7948
- display: -moz-box;
7949
- display: -ms-flexbox;
7950
- display: flex;
7951
- -webkit-flex-wrap: wrap;
7952
- -ms-flex-wrap: wrap;
7953
- flex-wrap: wrap;
7954
- -webkit-box-orient: vertical;
7955
- -webkit-box-direction: normal;
7956
- -webkit-flex-direction: column;
7957
- -moz-box-orient: vertical;
7958
- -moz-box-direction: normal;
7959
- -ms-flex-direction: column;
7960
- flex-direction: column;
7961
- }
7962
-
7963
- .premium-bullet-list-box .premium-bullet-list-content-grow-lc {
7964
- -webkit-transform-origin: right center;
7965
- -ms-transform-origin: right center;
7966
- transform-origin: right center;
7967
- }
7968
-
7969
- .premium-bullet-list-box .premium-bullet-list-content-grow-rc {
7970
- -webkit-transform-origin: left center;
7971
- -ms-transform-origin: left center;
7972
- transform-origin: left center;
7973
- }
7974
-
7975
- .premium-bullet-list-box .premium-bullet-list-content-grow-cc {
7976
- -webkit-transform-origin: center center;
7977
- -ms-transform-origin: center center;
7978
- transform-origin: center center;
7979
- }
7980
-
7981
- .premium-bullet-list-content {
7982
- -js-display: flex;
7983
- display: -webkit-box;
7984
- display: -webkit-flex;
7985
- display: -moz-box;
7986
- display: -ms-flexbox;
7987
- display: flex;
7988
- -webkit-transition: all 0.3s ease-in-out;
7989
- transition: all 0.3s ease-in-out;
7990
- width: auto;
7991
- position: relative;
7992
- }
7993
-
7994
- .premium-bullet-list-content .premium-bullet-list-text span,
7995
- .premium-bullet-list-content .premium-bullet-list-wrapper {
7996
- display: inline-block;
7997
- -webkit-align-self: center;
7998
- -ms-flex-item-align: center;
7999
- align-self: center;
8000
- -webkit-transition: all 0.3s ease-in-out;
8001
- transition: all 0.3s ease-in-out;
8002
- }
8003
-
8004
- .premium-bullet-list-content .premium-bullet-list-text span {
8005
- margin: 0 5px;
8006
- }
8007
-
8008
- .premium-bullet-list-content .premium-bullet-list-icon-text p {
8009
- font-size: 18px;
8010
- background-color: #eee;
8011
- padding: 1px 5px;
8012
- -webkit-border-radius: 2px;
8013
- border-radius: 2px;
8014
- }
8015
-
8016
- .premium-bullet-list-content .premium-bullet-list-text span,
8017
- .premium-bullet-list-content .premium-bullet-list-icon-text p,
8018
- .premium-bullet-list-content .premium-bullet-list-wrapper img,
8019
- .premium-bullet-list-content .premium-bullet-list-wrapper svg,
8020
- .premium-bullet-list-content .premium-bullet-list-wrapper i {
8021
- -webkit-transition: all 0.3s ease-in-out;
8022
- transition: all 0.3s ease-in-out;
8023
- }
8024
-
8025
- .premium-bullet-list-content .premium-bullet-list-wrapper {
8026
- position: relative;
8027
- line-height: 0;
8028
- }
8029
-
8030
- .premium-bullet-list-content .premium-bullet-list-wrapper img,
8031
- .premium-bullet-list-content .premium-bullet-list-wrapper svg {
8032
- width: 30px !important;
8033
- height: 30px !important;
8034
- position: relative;
8035
- z-index: 500;
8036
- }
8037
-
8038
- .premium-bullet-list-content .premium-bullet-list-wrapper i {
8039
- width: 1.25em;
8040
- }
8041
-
8042
- .premium-bullet-list-content .premium-bullet-list-wrapper i,
8043
- .premium-bullet-list-content .premium-bullet-list-wrapper .premium-bullet-list-icon-text {
8044
- position: relative;
8045
- z-index: 500;
8046
- }
8047
-
8048
- .premium-bullet-list-content .premium-bullet-list-link {
8049
- position: absolute;
8050
- top: 0;
8051
- right: 0;
8052
- width: 100%;
8053
- height: 100%;
8054
- z-index: 1000;
8055
- }
8056
-
8057
- .premium-bullet-list-content:not(:last-of-type) .premium-bullet-list-connector {
8058
- width: 100%;
8059
- height: 100%;
8060
- position: absolute;
8061
- top: 0.5em;
8062
- z-index: 100;
8063
- -js-display: flex;
8064
- display: -webkit-box;
8065
- display: -webkit-flex;
8066
- display: -moz-box;
8067
- display: -ms-flexbox;
8068
- display: flex;
8069
- -webkit-box-pack: center;
8070
- -webkit-justify-content: center;
8071
- -moz-box-pack: center;
8072
- -ms-flex-pack: center;
8073
- justify-content: center;
8074
- }
8075
-
8076
- .premium-bullet-list-content:not(:last-of-type) .premium-bullet-list-connector .premium-icon-connector-content:after {
8077
- content: "";
8078
- border-left-width: 1px;
8079
- border-left-style: solid;
8080
- border-color: #333333;
8081
- display: block;
8082
- height: 100%;
8083
- }
8084
-
8085
- li.premium-bullet-list-content.premium-bullet-list-content-inline {
8086
- -webkit-align-self: center;
8087
- -ms-flex-item-align: center;
8088
- align-self: center;
8089
- z-index: 2;
8090
- }
8091
-
8092
- li.premium-bullet-list-content.premium-bullet-list-content-inline:not(:first-child) {
8093
- margin: 0 3px;
8094
- }
8095
-
8096
- li.premium-bullet-list-content.premium-bullet-list-content-inline:first-child {
8097
- margin: 0 0 0 3px;
8098
- }
8099
-
8100
- .premium-bullet-list-divider:not(:last-child) {
8101
- width: 100%;
8102
- -webkit-box-flex: 0;
8103
- -webkit-flex: 0 0 100%;
8104
- -moz-box-flex: 0;
8105
- -ms-flex: 0 0 100%;
8106
- flex: 0 0 100%;
8107
- overflow: hidden;
8108
- }
8109
-
8110
- .premium-bullet-list-divider:not(:last-child):after {
8111
- content: "";
8112
- display: block;
8113
- border-top-style: solid;
8114
- border-top-width: 1px;
8115
- }
8116
-
8117
- .premium-bullet-list-divider-inline:not(:last-child) {
8118
- float: left;
8119
- display: inline-block;
8120
- position: relative;
8121
- height: 100%;
8122
- overflow: hidden;
8123
- -webkit-align-self: center;
8124
- -ms-flex-item-align: center;
8125
- align-self: center;
8126
- margin: 0 3px;
8127
- }
8128
-
8129
- .premium-bullet-list-divider-inline:not(:last-child):after {
8130
- content: "";
8131
- display: block;
8132
- border-right-width: 1px;
8133
- height: 33px;
8134
- border-right-style: solid;
8135
- }
8136
-
8137
- .premium-bullet-list-icon-text {
8138
- line-height: 1.5;
8139
- }
8140
-
8141
- .premium-bullet-list-icon-text p,
8142
- ul.premium-bullet-list-box,
8143
- li.premium-bullet-list-content {
8144
- margin: 0;
8145
- }
8146
-
8147
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper i,
8148
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-text span,
8149
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-icon-text p {
8150
- color: transparent !important;
8151
- text-shadow: 0 0 3px #aaa;
8152
- }
8153
-
8154
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-icon-connector-content,
8155
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper .premium-lottie-animation svg,
8156
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper img,
8157
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-badge {
8158
- -webkit-filter: blur(3px);
8159
- filter: blur(3px);
8160
- }
8161
-
8162
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper i,
8163
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-text span,
8164
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-icon-text p {
8165
- color: #aaa !important;
8166
- text-shadow: 0 0px 0 transparent;
8167
- }
8168
-
8169
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-icon-connector-content,
8170
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper .premium-lottie-animation svg,
8171
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper img,
8172
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-badge {
8173
- -webkit-filter: none;
8174
- filter: none;
8175
- }
8176
-
8177
- .premium-bullet-list-content .premium-bullet-list-badge {
8178
- font-size: 11px;
8179
- top: auto;
8180
- min-width: -webkit-max-content;
8181
- min-width: -moz-max-content;
8182
- min-width: max-content;
8183
- height: -webkit-fit-content;
8184
- height: -moz-fit-content;
8185
- height: fit-content;
8186
- }
8187
-
8188
- .premium-bullet-list-content .premium-bullet-list-icon-text p {
8189
- font-size: 13px;
8190
- }
8191
-
8192
- .premium-bullet-list-gradient-effect[data-text] {
8193
- display: inline-block;
8194
- position: relative;
8195
- text-decoration: none;
8196
- }
8197
-
8198
- .premium-bullet-list-gradient-effect[data-text]::before {
8199
- content: attr(data-text);
8200
- position: absolute;
8201
- z-index: 1;
8202
- overflow: hidden;
8203
- -webkit-clip-path: polygon(100% 100%, 100% 100%, 50% 50%);
8204
- clip-path: polygon(100% 100%, 100% 100%, 50% 50%);
8205
- -webkit-background-clip: text;
8206
- background-clip: text;
8207
- -webkit-text-fill-color: transparent;
8208
- -webkit-transition: all 0.4s ease;
8209
- transition: all 0.4s ease;
8210
- }
8211
-
8212
- .premium-bullet-list-content:hover .premium-bullet-list-gradient-effect[data-text]::before,
8213
- .premium-bullet-list-content:focus .premium-bullet-list-gradient-effect[data-text]::before {
8214
- -webkit-animation: rtlgradient 1s forwards;
8215
- animation: rtlgradient 1s forwards;
8216
- }
8217
-
8218
- @-webkit-keyframes rtlgradient {
8219
- 0% {
8220
- -webkit-clip-path: circle(0% at 150% 50%);
8221
- clip-path: circle(0% at 150% 50%);
8222
- }
8223
-
8224
- 100% {
8225
- -webkit-clip-path: circle(100% at 50% 50%);
8226
- clip-path: circle(100% at 50% 50%);
8227
- }
8228
- }
8229
-
8230
- @keyframes rtlgradient {
8231
- 0% {
8232
- -webkit-clip-path: circle(0% at 150% 50%);
8233
- clip-path: circle(0% at 150% 50%);
8234
- }
8235
-
8236
- 100% {
8237
- -webkit-clip-path: circle(100% at 50% 50%);
8238
- clip-path: circle(100% at 50% 50%);
8239
- }
8240
- }
8241
-
8242
- ul[data-list-animation*="animated-"] .premium-bullet-list-divider,
8243
- ul[data-list-animation*="animated-"] .premium-bullet-list-content,
8244
- ul[data-list-animation*="animated-"] .premium-bullet-list-divider-inline {
8245
- opacity: 0;
8246
- }
8247
-
8248
- .premium-bullet-list-content-grow-effect:hover {
8249
- -webkit-transform: scale(1.07);
8250
- -ms-transform: scale(1.07);
8251
- transform: scale(1.07);
8252
- }
8253
-
8254
- @keyframes spin {
8255
- 100% {
8256
- -webkit-transform: rotate(360deg);
8257
- transform: rotate(360deg);
8258
- }
8259
- }
8260
-
8261
- /********** Premium Woo Products **********/
8262
- /******************************************/
8263
- .premium-woocommerce .premium-woo-products-inner ul.products {
8264
- -js-display: flex;
8265
- display: -webkit-box;
8266
- display: -webkit-flex;
8267
- display: -moz-box;
8268
- display: -ms-flexbox;
8269
- display: flex;
8270
- margin: 0;
8271
- padding: 0;
8272
- -webkit-flex-wrap: wrap;
8273
- -ms-flex-wrap: wrap;
8274
- flex-wrap: wrap;
8275
- list-style: none outside;
8276
- -webkit-column-gap: 0;
8277
- -moz-column-gap: 0;
8278
- column-gap: 0;
8279
- }
8280
-
8281
- .premium-woocommerce .premium-woo-products-inner ul.products li.product {
8282
- margin: 0 0 10px;
8283
- padding: 0 10px;
8284
- }
8285
-
8286
- .premium-woocommerce.premium-woo-products-inner ul.products li.product .premium-woo-product-wrapper {
8287
- overflow: hidden;
8288
- -webkit-transition: all 0.3s ease-in-out;
8289
- transition: all 0.3s ease-in-out;
8290
- }
8291
-
8292
- .premium-woocommerce.premium-woo-products-inner ul.products li.product .premium-woo-product-category {
8293
- display: block;
8294
- font-size: 0.85em;
8295
- margin-bottom: 0.5em;
8296
- line-height: 1.3;
8297
- }
8298
-
8299
- .premium-woocommerce .premium-woo-products-inner ul.products li.product .woocommerce-loop-product__title {
8300
- margin-bottom: 0.5em;
8301
- font-size: 1em;
8302
- -webkit-transition: all 0.3s ease-in-out;
8303
- transition: all 0.3s ease-in-out;
8304
- }
8305
-
8306
- .premium-woocommerce .woocommerce-loop-product__link {
8307
- position: relative;
8308
- display: block;
8309
- overflow: hidden;
8310
- -webkit-transition: all 0.3s ease-in-out;
8311
- transition: all 0.3s ease-in-out;
8312
- }
8313
-
8314
- .premium-woocommerce .premium-woo-ribbon-container {
8315
- position: absolute;
8316
- top: 0;
8317
- right: 0;
8318
- z-index: 9;
8319
- }
8320
-
8321
- .premium-woocommerce .premium-woo-products-inner ul.products li.product .star-rating {
8322
- display: block;
8323
- float: none;
8324
- margin: 0 auto 0.5em;
8325
- -webkit-backface-visibility: hidden;
8326
- backface-visibility: hidden;
8327
- overflow: hidden;
8328
- position: relative;
8329
- height: 1em;
8330
- line-height: 1;
8331
- font-size: 0.857em;
8332
- width: 5.4em;
8333
- font-family: star;
8334
- }
8335
-
8336
- .premium-woocommerce .premium-woo-products-inner ul.products li.product .star-rating::before {
8337
- content: "\73\73\73\73\73";
8338
- color: #54595f;
8339
- float: right;
8340
- top: 0;
8341
- right: 0;
8342
- position: absolute;
8343
- }
8344
-
8345
- .premium-woocommerce .premium-woo-products-inner ul.products li.product .star-rating span {
8346
- overflow: hidden;
8347
- float: right;
8348
- top: 0;
8349
- right: 0;
8350
- position: absolute;
8351
- padding-top: 1.5em;
8352
- }
8353
-
8354
- .premium-woocommerce .premium-woo-products-inner ul.products li.product .star-rating span::before {
8355
- content: "\53\53\53\53\53";
8356
- top: 0;
8357
- position: absolute;
8358
- right: 0;
8359
- }
8360
-
8361
- .premium-woo-product-thumbnail {
8362
- position: relative;
8363
- overflow: hidden;
8364
- }
8365
-
8366
- .premium-woo-product-thumbnail .woocommerce-loop-product__link img {
8367
- margin: 0;
8368
- width: 100%;
8369
- }
8370
-
8371
- .premium-woo-product-sale-wrap,
8372
- .premium-woo-product-featured-wrap {
8373
- margin: 0;
8374
- }
8375
-
8376
- .premium-woo-product-sale-wrap .premium-woo-product-onsale,
8377
- .premium-woo-product-featured-wrap .premium-woo-product-featured {
8378
- display: block;
8379
- text-align: center;
8380
- color: #fff;
8381
- min-width: 2em;
8382
- min-height: 2em;
8383
- line-height: 2em;
8384
- padding: 0.3em 0.6em;
8385
- margin: 0.5em 0.6em;
8386
- }
8387
-
8388
- .premium-woocommerce .premium-woo-products-details-wrap {
8389
- padding: 1em 1.2em;
8390
- }
8391
-
8392
- .premium-woocommerce .premium-woo-products-details-wrap .button {
8393
- display: inline-block;
8394
- background-color: #6ec1e4;
8395
- color: #fff;
8396
- margin: 0.5em 0;
8397
- line-height: 1.3;
8398
- padding: 10px 40px;
8399
- font-size: 100%;
8400
- cursor: pointer;
8401
- text-decoration: none;
8402
- overflow: visible;
8403
- font-weight: 700;
8404
- background-image: none;
8405
- border: none;
8406
- -webkit-border-radius: 0px;
8407
- border-radius: 0px;
8408
- -webkit-box-shadow: none;
8409
- box-shadow: none;
8410
- text-shadow: none;
8411
- -webkit-transition: all 0.3s ease-in-out;
8412
- transition: all 0.3s ease-in-out;
8413
- }
8414
-
8415
- .premium-woocommerce li.product .price {
8416
- display: block;
8417
- line-height: 1.3;
8418
- font-weight: 700;
8419
- margin-bottom: 0.5em;
8420
- font-size: 0.9em;
8421
- }
8422
-
8423
- .premium-woocommerce li.product .price del {
8424
- display: inline-block;
8425
- font-weight: 400;
8426
- background: transparent;
8427
- }
8428
-
8429
- .premium-woocommerce li.product .price ins {
8430
- display: inline-block;
8431
- background: transparent;
8432
- text-decoration: none;
8433
- font-weight: 700;
8434
- }
8435
-
8436
- .premium-woocommerce li.product .price .amount {
8437
- color: inherit !important;
8438
- }
8439
-
8440
- .premium-woocommerce li.product .premium-woo-product-desc p {
8441
- margin: 0;
8442
- }
8443
-
8444
- .premium-woo-product-align-center .premium-woocommerce li.product .star-rating {
8445
- margin-right: auto;
8446
- margin-left: auto;
8447
- }
8448
-
8449
- .premium-woo-product-align-right .premium-woocommerce li.product .star-rating {
8450
- margin-right: auto;
8451
- margin-left: 0;
8452
- }
8453
-
8454
- .premium-woo-products-pagination ul.page-numbers {
8455
- -js-display: flex;
8456
- display: -webkit-box;
8457
- display: -webkit-flex;
8458
- display: -moz-box;
8459
- display: -ms-flexbox;
8460
- display: flex;
8461
- list-style-type: none;
8462
- margin: 0;
8463
- margin-top: 10px;
8464
- padding: 0;
8465
- border: none;
8466
- -webkit-box-pack: center;
8467
- -webkit-justify-content: center;
8468
- -moz-box-pack: center;
8469
- -ms-flex-pack: center;
8470
- justify-content: center;
8471
- }
8472
-
8473
- .premium-woo-products-pagination ul.page-numbers li {
8474
- margin: 0 0 0.4em 0.4em;
8475
- padding: 0;
8476
- text-align: center;
8477
- }
8478
-
8479
- .premium-woo-products-pagination ul.page-numbers li .page-numbers {
8480
- margin: 0;
8481
- text-decoration: none;
8482
- color: #000;
8483
- border: 1px solid #54595f;
8484
- padding: 0;
8485
- line-height: 1;
8486
- font-size: 1em;
8487
- font-weight: 400;
8488
- padding: 0.75em;
8489
- display: block;
8490
- min-width: 2.5em;
8491
- -webkit-transition: all 0.3s ease-in-out;
8492
- transition: all 0.3s ease-in-out;
8493
- }
8494
-
8495
- .premium-woo-products-pagination ul.page-numbers li .page-numbers:hover,
8496
- .premium-woo-products-pagination ul.page-numbers li .page-numbers.current {
8497
- background-color: #54595f;
8498
- color: #fff;
8499
- outline: none;
8500
- }
8501
-
8502
- .premium-woocommerce .premium-loading-feed,
8503
- .premium-woo-quick-view-loader .premium-loading-feed {
8504
- display: block;
8505
- position: absolute;
8506
- width: 100%;
8507
- height: 100%;
8508
- top: 0px;
8509
- right: 0px;
8510
- bottom: 0px;
8511
- left: 0px;
8512
- background: rgba(255, 255, 255, 0.2);
8513
- -js-display: flex;
8514
- display: -webkit-box;
8515
- display: -webkit-flex;
8516
- display: -moz-box;
8517
- display: -ms-flexbox;
8518
- display: flex;
8519
- -webkit-box-align: center;
8520
- -webkit-align-items: center;
8521
- -moz-box-align: center;
8522
- -ms-flex-align: center;
8523
- align-items: center;
8524
- }
8525
-
8526
- /**
8527
- * Image Hover Effects
8528
- */
8529
- .premium-woocommerce .woocommerce-loop-product__link img {
8530
- -webkit-transition: all 0.3s ease-in-out;
8531
- transition: all 0.3s ease-in-out;
8532
- }
8533
-
8534
- .premium-woo-product__hover-zoomout .woocommerce-loop-product__link img {
8535
- -webkit-transform: scale(1.2);
8536
- -ms-transform: scale(1.2);
8537
- transform: scale(1.2);
8538
- }
8539
-
8540
- .premium-woo-product__hover-zoomout li.product:hover .woocommerce-loop-product__link img {
8541
- -webkit-transform: none;
8542
- -ms-transform: none;
8543
- transform: none;
8544
- }
8545
-
8546
- .premium-woo-product__hover-zoomin .woocommerce-loop-product__link img {
8547
- -webkit-transform: none;
8548
- -ms-transform: none;
8549
- transform: none;
8550
- }
8551
-
8552
- .premium-woo-product__hover-zoomin li.product:hover .woocommerce-loop-product__link img {
8553
- -webkit-transform: scale(1.2);
8554
- -ms-transform: scale(1.2);
8555
- transform: scale(1.2);
8556
- }
8557
-
8558
- .premium-woo-product__hover-gray .woocommerce-loop-product__link img {
8559
- -webkit-filter: grayscale(100%);
8560
- filter: grayscale(100%);
8561
- }
8562
-
8563
- .premium-woo-product__hover-gray li.product:hover .woocommerce-loop-product__link img {
8564
- -webkit-filter: grayscale(0%);
8565
- filter: grayscale(0%);
8566
- }
8567
-
8568
- .premium-woo-product__hover-sepia .woocommerce-loop-product__link img {
8569
- -webkit-filter: sepia(30%);
8570
- filter: sepia(30%);
8571
- }
8572
-
8573
- .premium-woo-product__hover-sepia li.product:hover .woocommerce-loop-product__link img {
8574
- -webkit-filter: sepia(0%);
8575
- filter: sepia(0%);
8576
- }
8577
-
8578
- .premium-woo-product__hover-bright .woocommerce-loop-product__link img {
8579
- -webkit-filter: brightness(1);
8580
- filter: brightness(1);
8581
- }
8582
-
8583
- .premium-woo-product__hover-bright li.product:hover .woocommerce-loop-product__link img {
8584
- -webkit-filter: brightness(1.2);
8585
- filter: brightness(1.2);
8586
- }
8587
-
8588
- .premium-woo-product__hover-trans .woocommerce-loop-product__link img {
8589
- -webkit-transform: translateX(15px) scale(1.1);
8590
- -ms-transform: translateX(15px) scale(1.1);
8591
- transform: translateX(15px) scale(1.1);
8592
- }
8593
-
8594
- .premium-woo-product__hover-trans li.product:hover .woocommerce-loop-product__link img {
8595
- -webkit-transform: translateX(0px) scale(1.1);
8596
- -ms-transform: translateX(0px) scale(1.1);
8597
- transform: translateX(0px) scale(1.1);
8598
- }
8599
-
8600
- .premium-woo-product__hover-scale li.product:hover .woocommerce-loop-product__link img {
8601
- -webkit-transform: scaleX(1.3) scaleY(1.3) rotate(-5deg);
8602
- -ms-transform: scaleX(1.3) scaleY(1.3) rotate(-5deg);
8603
- transform: scaleX(1.3) scaleY(1.3) rotate(-5deg);
8604
- }
8605
-
8606
- .premium-woocommerce .premium-woo-product__on_hover {
8607
- position: absolute;
8608
- top: 0;
8609
- left: 0;
8610
- bottom: 0;
8611
- right: 0;
8612
- height: 100%;
8613
- opacity: 0;
8614
- }
8615
-
8616
- .premium-woo-product__hover-swap li.product:hover .premium-woo-product__on_hover {
8617
- opacity: 1;
8618
- }
8619
-
8620
- .premium-woo-skin-grid-1 .premium-woo-qv-btn,
8621
- .premium-woo-skin-grid-4 .premium-woo-qv-btn {
8622
- position: absolute;
8623
- bottom: 0;
8624
- right: 0;
8625
- width: 100%;
8626
- text-align: center;
8627
- padding: 5px;
8628
- background: rgba(2, 2, 2, 0.5);
8629
- color: #fff;
8630
- -webkit-transition: all 0.3s ease-in-out;
8631
- transition: all 0.3s ease-in-out;
8632
- cursor: pointer;
8633
- z-index: 2;
8634
- -webkit-transform: translateY(100%);
8635
- -ms-transform: translateY(100%);
8636
- transform: translateY(100%);
8637
- }
8638
-
8639
- .premium-woo-skin-grid-4 .premium-woo-qv-btn {
8640
- -webkit-transition-delay: 0.1s;
8641
- transition-delay: 0.1s;
8642
- }
8643
-
8644
- .premium-woo-skin-grid-1 .premium-woo-qv-icon,
8645
- .premium-woo-skin-grid-4 .premium-woo-qv-icon,
8646
- .premium-woo-skin-grid-6 .premium-woo-qv-icon {
8647
- margin-right: 0.5em;
8648
- }
8649
-
8650
- .premium-woo-product-thumbnail:hover .premium-woo-qv-btn-translate {
8651
- -webkit-transform: translateY(0);
8652
- -ms-transform: translateY(0);
8653
- transform: translateY(0);
8654
- }
8655
-
8656
- .premium-woo-product-wrapper .premium-woo-qv-data {
8657
- position: absolute;
8658
- top: 0;
8659
- right: 0;
8660
- width: 100%;
8661
- height: 100%;
8662
- z-index: 1;
8663
- overflow: hidden;
8664
- cursor: pointer;
8665
- }
8666
-
8667
- /**
8668
- * Skin 1,4
8669
- */
8670
- .premium-woo-skin-grid-1 .premium-woo-product-actions-wrapper,
8671
- .premium-woo-skin-grid-4 .premium-woo-product-actions-wrapper {
8672
- position: absolute;
8673
- top: 0.7em;
8674
- left: 1em;
8675
- -webkit-transform: translate3d(-15px, 0, 0);
8676
- transform: translate3d(-15px, 0, 0);
8677
- -webkit-transition: all 0.3s ease-in-out;
8678
- transition: all 0.3s ease-in-out;
8679
- opacity: 0;
8680
- z-index: 9;
8681
- }
8682
-
8683
- .premium-woocommerce .premium-woo-product-actions-wrapper .premium-woo-cart-btn {
8684
- position: relative;
8685
- display: block;
8686
- margin: 0 0 3px;
8687
- background: #fff;
8688
- text-align: center;
8689
- outline: 0;
8690
- -webkit-transition: all 0.3s ease-in-out;
8691
- transition: all 0.3s ease-in-out;
8692
- }
8693
-
8694
- .premium-woocommerce .premium-woo-product-actions-wrapper .premium-woo-add-cart-icon {
8695
- display: block;
8696
- color: #54595f;
8697
- width: 30px;
8698
- line-height: 30px;
8699
- height: 30px;
8700
- cursor: pointer;
8701
- -webkit-transition: all 0.3s ease-in-out;
8702
- transition: all 0.3s ease-in-out;
8703
- }
8704
-
8705
- .premium-woo-skin-grid-1 li.product:hover .premium-woo-product-actions-wrapper,
8706
- .premium-woo-skin-grid-4 li.product:hover .premium-woo-product-actions-wrapper {
8707
- -webkit-transform: translate3d(-5px, 0, 0);
8708
- transform: translate3d(-5px, 0, 0);
8709
- opacity: 1;
8710
- }
8711
-
8712
- .premium-woocommerce .premium-woo-cart-btn.adding .premium-woo-add-cart-icon {
8713
- -webkit-animation: spin 2s linear infinite;
8714
- animation: spin 2s linear infinite;
8715
- }
8716
-
8717
- .premium-woocommerce .premium-woo-cart-btn.adding .premium-woo-add-cart-icon::before {
8718
- content: "\f013";
8719
- }
8720
-
8721
- .premium-woocommerce .premium-woo-cart-btn.added .premium-woo-add-cart-icon::before {
8722
- content: "\f00c";
8723
- }
8724
-
8725
- /**
8726
- * Skin 2
8727
- */
8728
- /*.premium-woo-skin-grid-2 .premium-woo-product-actions-wrapper {
8729
- position: relative;
8730
- display: inline-block;
8731
- }
8732
- .premium-woo-skin-grid-2 .premium-woo-products-details-wrap .premium-woo-qv-btn {
8733
- position: absolute;
8734
- top: 0;
8735
- right: 0;
8736
- opacity: 0;
8737
- visibility: hidden;
8738
- z-index: 2;
8739
- -webkit-transition: all 0.25s ease 0s;
8740
- -moz-transition: all 0.25s ease 0s;
8741
- -ms-transition: all 0.25s ease 0s;
8742
- transition: all 0.25s ease 0s;
8743
- }
8744
- .premium-woo-skin-grid-2 li.product:hover .premium-woo-qv-btn {
8745
- right: -40px;
8746
- opacity: 1;
8747
- visibility: visible;
8748
- }
8749
- .premium-woo-skin-grid-2 li.product .premium-woo-qv-btn::before {
8750
- position: absolute;
8751
- left: 0;
8752
- right: 0;
8753
- top: 0;
8754
- text-indent: 0;
8755
- font-family: 'Font Awesome 5 Free';
8756
- font-size: 1.1em;
8757
- content: "";
8758
- font-weight: 900;
8759
- }*/
8760
- .premium-woo-skin-grid-2 li.product .premium-woo-products-details-wrap {
8761
- position: absolute;
8762
- background: #fff;
8763
- bottom: 0;
8764
- right: 0;
8765
- width: 100%;
8766
- z-index: 2;
8767
- padding: 0;
8768
- opacity: 0;
8769
- -webkit-transition: opacity 0.2s, -webkit-transform 0.4s;
8770
- transition: opacity 0.2s, -webkit-transform 0.4s;
8771
- transition: transform 0.4s, opacity 0.2s;
8772
- transition: transform 0.4s, opacity 0.2s, -webkit-transform 0.4s;
8773
- -webkit-transform: translateZ(0) translateY(5px);
8774
- transform: translateZ(0) translateY(5px);
8775
- }
8776
-
8777
- .premium-woo-skin-grid-2 .premium-woo-product-details {
8778
- padding: 15px 0;
8779
- }
8780
-
8781
- .premium-woo-skin-grid-2 li.product:hover .premium-woo-products-details-wrap {
8782
- opacity: 1;
8783
- -webkit-transform: translateZ(0) translateY(0);
8784
- transform: translateZ(0) translateY(0);
8785
- }
8786
-
8787
- .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper {
8788
- position: static;
8789
- -js-display: flex;
8790
- display: -webkit-box;
8791
- display: -webkit-flex;
8792
- display: -moz-box;
8793
- display: -ms-flexbox;
8794
- display: flex;
8795
- -webkit-box-orient: horizontal;
8796
- -webkit-box-direction: reverse;
8797
- -webkit-flex-direction: row-reverse;
8798
- -moz-box-orient: horizontal;
8799
- -moz-box-direction: reverse;
8800
- -ms-flex-direction: row-reverse;
8801
- flex-direction: row-reverse;
8802
- }
8803
-
8804
- .premium-woo-skin-grid-2 .premium-woo-product-actions-wrapper>* {
8805
- -webkit-box-flex: 1;
8806
- -webkit-flex: 1;
8807
- -moz-box-flex: 1;
8808
- -ms-flex: 1;
8809
- flex: 1;
8810
- min-width: 50%;
8811
- }
8812
-
8813
- .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper .button {
8814
- -js-display: flex;
8815
- display: -webkit-box;
8816
- display: -webkit-flex;
8817
- display: -moz-box;
8818
- display: -ms-flexbox;
8819
- display: flex;
8820
- margin: 0;
8821
- text-align: center;
8822
- -webkit-box-pack: center;
8823
- -webkit-justify-content: center;
8824
- -moz-box-pack: center;
8825
- -ms-flex-pack: center;
8826
- justify-content: center;
8827
- -webkit-box-align: center;
8828
- -webkit-align-items: center;
8829
- -moz-box-align: center;
8830
- -ms-flex-align: center;
8831
- align-items: center;
8832
- }
8833
-
8834
- .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper .premium-woo-qv-btn {
8835
- background-color: #54595f;
8836
- }
8837
-
8838
- /**
8839
- * Skin 3
8840
- */
8841
- .premium-woo-skin-grid-3 li.product .premium-woo-product-actions-wrapper,
8842
- .premium-woo-skin-grid-5 li.product .premium-woo-product-actions-wrapper {
8843
- -js-display: flex;
8844
- display: -webkit-box;
8845
- display: -webkit-flex;
8846
- display: -moz-box;
8847
- display: -ms-flexbox;
8848
- display: flex;
8849
- }
8850
-
8851
- .premium-woo-skin-grid-3 li.product .premium-woo-product-actions-wrapper .premium-woo-qv-btn,
8852
- .premium-woo-skin-grid-5 li.product .premium-woo-product-actions-wrapper .premium-woo-qv-btn {
8853
- -js-display: flex;
8854
- display: -webkit-box;
8855
- display: -webkit-flex;
8856
- display: -moz-box;
8857
- display: -ms-flexbox;
8858
- display: flex;
8859
- -webkit-box-align: center;
8860
- -webkit-align-items: center;
8861
- -moz-box-align: center;
8862
- -ms-flex-align: center;
8863
- align-items: center;
8864
- background-color: #54595f;
8865
- padding: 10px;
8866
- -webkit-transition: all 0.25s ease 0s;
8867
- transition: all 0.25s ease 0s;
8868
- }
8869
-
8870
- /*.premium-woo-skin-grid-3 li.product .premium-woo-product-actions-wrapper .premium-woo-qv-btn {
8871
- opacity: 0;
8872
- visibility: hidden;
8873
- }*/
8874
- .premium-woo-skin-grid-3 li.product .premium-woo-qv-btn {
8875
- opacity: 1;
8876
- visibility: visible;
8877
- }
8878
-
8879
- .premium-woo-product-align-right .premium-woo-skin-grid-3 .premium-woo-product-actions-wrapper,
8880
- .premium-woo-product-align-right .premium-woo-skin-grid-5 .premium-woo-product-actions-wrapper {
8881
- -webkit-box-pack: end;
8882
- -webkit-justify-content: flex-end;
8883
- -moz-box-pack: end;
8884
- -ms-flex-pack: end;
8885
- justify-content: flex-end;
8886
- }
8887
-
8888
- .premium-woo-product-align-center .premium-woo-skin-grid-3 .premium-woo-product-actions-wrapper,
8889
- .premium-woo-product-align-center .premium-woo-skin-grid-5 .premium-woo-product-actions-wrapper {
8890
- -webkit-box-pack: center;
8891
- -webkit-justify-content: center;
8892
- -moz-box-pack: center;
8893
- -ms-flex-pack: center;
8894
- justify-content: center;
8895
- }
8896
-
8897
- /**
8898
- * Skin 4
8899
- */
8900
- .premium-woo-skin-grid-4 li.product .premium-woo-products-details-wrap {
8901
- position: absolute;
8902
- right: 0;
8903
- left: 0;
8904
- top: 50%;
8905
- -webkit-transform: scale(0.9) translateZ(0) translateY(-50%);
8906
- transform: scale(0.9) translateZ(0) translateY(-50%);
8907
- text-align: center;
8908
- z-index: 2;
8909
- opacity: 0;
8910
- -webkit-transition: opacity 0.5s, -webkit-transform 0.3s;
8911
- transition: opacity 0.5s, -webkit-transform 0.3s;
8912
- transition: opacity 0.5s, transform 0.3s;
8913
- transition: opacity 0.5s, transform 0.3s, -webkit-transform 0.3s;
8914
- }
8915
-
8916
- .premium-woo-skin-grid-4 li.product .premium-woo-product-overlay {
8917
- position: absolute;
8918
- top: 0;
8919
- right: 0;
8920
- width: 100%;
8921
- height: 100%;
8922
- opacity: 0;
8923
- visibility: hidden;
8924
- background-color: rgba(27, 27, 23, 0.3);
8925
- -webkit-transition: all 0.25s ease-in-out;
8926
- transition: all 0.25s ease-in-out;
8927
- }
8928
-
8929
- .premium-woo-skin-grid-4 li.product:hover .premium-woo-product-overlay {
8930
- opacity: 1;
8931
- visibility: visible;
8932
- z-index: 1;
8933
- }
8934
-
8935
- .premium-woo-skin-grid-4 li.product:hover .premium-woo-products-details-wrap {
8936
- -webkit-transform: scale(1) translateZ(0) translateY(-50%);
8937
- transform: scale(1) translateZ(0) translateY(-50%);
8938
- opacity: 1;
8939
- }
8940
-
8941
- /**
8942
- * Skin 5
8943
- */
8944
- .premium-woo-skin-grid-5 .premium-woo-product-wrapper {
8945
- -js-display: flex;
8946
- display: -webkit-box;
8947
- display: -webkit-flex;
8948
- display: -moz-box;
8949
- display: -ms-flexbox;
8950
- display: flex;
8951
- -webkit-box-align: center;
8952
- -webkit-align-items: center;
8953
- -moz-box-align: center;
8954
- -ms-flex-align: center;
8955
- align-items: center;
8956
- }
8957
-
8958
- .premium-woo-skin-grid-5 li.product .premium-woo-products-details-wrap {
8959
- width: 75%;
8960
- }
8961
-
8962
- /**
8963
- * Skin 6
8964
- */
8965
- .premium-woo-skin-grid-6 .premium-woo-qv-btn {
8966
- position: absolute;
8967
- top: 50%;
8968
- right: 50%;
8969
- min-width: 40%;
8970
- text-align: center;
8971
- padding: 5px;
8972
- background: rgba(2, 2, 2, 0.5);
8973
- color: #fff;
8974
- -webkit-transform: translate(50%, -50%);
8975
- -ms-transform: translate(50%, -50%);
8976
- transform: translate(50%, -50%);
8977
- opacity: 0;
8978
- visibility: hidden;
8979
- -webkit-transition: all 0.3s ease-in-out;
8980
- transition: all 0.3s ease-in-out;
8981
- cursor: pointer;
8982
- z-index: 2;
8983
- }
8984
-
8985
- .premium-woo-skin-grid-6 li.product:hover .premium-woo-qv-btn {
8986
- opacity: 1;
8987
- visibility: visible;
8988
- }
8989
-
8990
- .premium-woo-product-align-right li.product .premium-woo-product-info .star-rating,
8991
- .premium-woo-product-align-left li.product .premium-woo-product-info .star-rating {
8992
- margin: 0;
8993
- }
8994
-
8995
- .premium-woo-skin-grid-6 li.product .premium-woo-product-info {
8996
- -js-display: flex;
8997
- display: -webkit-box;
8998
- display: -webkit-flex;
8999
- display: -moz-box;
9000
- display: -ms-flexbox;
9001
- display: flex;
9002
- -webkit-box-pack: justify;
9003
- -webkit-justify-content: space-between;
9004
- -moz-box-pack: justify;
9005
- -ms-flex-pack: justify;
9006
- justify-content: space-between;
9007
- }
9008
-
9009
- .premium-woo-product-align-center .premium-woocommerce li.product .premium-woo-product-info {
9010
- -webkit-box-orient: vertical;
9011
- -webkit-box-direction: normal;
9012
- -webkit-flex-direction: column;
9013
- -moz-box-orient: vertical;
9014
- -moz-box-direction: normal;
9015
- -ms-flex-direction: column;
9016
- flex-direction: column;
9017
- }
9018
-
9019
- .premium-woo-product-align-right .premium-woocommerce li.product .premium-woo-product-info {
9020
- -webkit-box-orient: horizontal;
9021
- -webkit-box-direction: reverse;
9022
- -webkit-flex-direction: row-reverse;
9023
- -moz-box-orient: horizontal;
9024
- -moz-box-direction: reverse;
9025
- -ms-flex-direction: row-reverse;
9026
- flex-direction: row-reverse;
9027
- }
9028
-
9029
- .premium-woo-skin-grid-6 li.product .premium-woo-product-gallery-images {
9030
- -js-display: flex;
9031
- display: -webkit-box;
9032
- display: -webkit-flex;
9033
- display: -moz-box;
9034
- display: -ms-flexbox;
9035
- display: flex;
9036
- position: absolute;
9037
- bottom: 10px;
9038
- width: 100%;
9039
- -webkit-box-pack: center;
9040
- -webkit-justify-content: center;
9041
- -moz-box-pack: center;
9042
- -ms-flex-pack: center;
9043
- justify-content: center;
9044
- }
9045
-
9046
- .premium-woo-product-gallery-images .premium-woo-product__gallery_image {
9047
- width: 20%;
9048
- margin: 0 0.2em;
9049
- border: 2px solid #aaa;
9050
- cursor: pointer;
9051
- }
9052
-
9053
- /**
9054
- * Metro
9055
- */
9056
- /*.premium-woo-grid-style1 ul.products li.product {
9057
- width: 25%;
9058
- }*/
9059
- .premium-woo-products-metro li.product .premium-woo-product-thumbnail img,
9060
- .premium-woo-products-metro li.product .premium-woo-product-wrapper,
9061
- .premium-woo-products-metro li.product .premium-woo-product-thumbnail,
9062
- .premium-woo-products-metro li.product .woocommerce-LoopProduct-link {
9063
- height: 100%;
9064
- }
9065
-
9066
- .premium-woo-products-metro ul.products li.product {
9067
- margin-bottom: 0;
9068
- }
9069
-
9070
- .premium-woo-products-metro li.product .premium-woo-product-thumbnail img {
9071
- -o-object-fit: cover;
9072
- object-fit: cover;
9073
- }
9074
-
9075
- /*
9076
- * Carousel
9077
- */
9078
- .premium-woocommerce .slick-arrow {
9079
- -webkit-border-radius: 50%;
9080
- border-radius: 50%;
9081
- }
9082
-
9083
- .premium-woocommerce ul.slick-dots {
9084
- width: 100%;
9085
- }
9086
-
9087
- /*
9088
- * Quick View Html/body
9089
- */
9090
- html.premium-woo-qv-opened,
9091
- html.premium-woo-qv-opened body {
9092
- overflow: hidden;
9093
- }
9094
-
9095
- /**
9096
- * Quick View Modal
9097
- */
9098
- .premium-woo-quick-view-back {
9099
- position: fixed;
9100
- visibility: hidden;
9101
- overflow: hidden;
9102
- background: rgba(2, 2, 2, 0.5);
9103
- opacity: 0;
9104
- -webkit-transition: opacity 0.25s;
9105
- transition: opacity 0.25s;
9106
- z-index: 999;
9107
- }
9108
-
9109
- .premium-woo-quick-view-active {
9110
- top: 0;
9111
- right: 0;
9112
- width: 100%;
9113
- height: 100%;
9114
- opacity: 1;
9115
- visibility: visible;
9116
- }
9117
-
9118
- #premium-woo-quick-view-modal {
9119
- position: fixed;
9120
- visibility: hidden;
9121
- opacity: 0;
9122
- top: 0;
9123
- right: 0;
9124
- width: 100%;
9125
- height: 100%;
9126
- z-index: 1400;
9127
- text-align: center;
9128
- -webkit-transition: all 0.3s;
9129
- transition: all 0.3s;
9130
- overflow-x: hidden;
9131
- overflow-y: auto;
9132
- }
9133
-
9134
- #premium-woo-quick-view-modal.active {
9135
- visibility: visible;
9136
- opacity: 1;
9137
- }
9138
-
9139
- #premium-woo-quick-view-modal.active .premium-woo-content-main {
9140
- -webkit-transform: translateY(0);
9141
- -ms-transform: translateY(0);
9142
- transform: translateY(0);
9143
- opacity: 1;
9144
- width: 100%;
9145
- }
9146
-
9147
- #premium-woo-quick-view-modal .premium-woo-content-main-wrapper {
9148
- position: absolute;
9149
- width: 100%;
9150
- height: 100%;
9151
- top: 0;
9152
- right: 0;
9153
- text-align: center;
9154
- padding: 30px;
9155
- -js-display: flex;
9156
- display: -webkit-box;
9157
- display: -webkit-flex;
9158
- display: -moz-box;
9159
- display: -ms-flexbox;
9160
- display: flex;
9161
- -webkit-box-align: center;
9162
- -webkit-align-items: center;
9163
- -moz-box-align: center;
9164
- -ms-flex-align: center;
9165
- align-items: center;
9166
- }
9167
-
9168
- #premium-woo-quick-view-modal .premium-woo-content-main {
9169
- position: relative;
9170
- pointer-events: none;
9171
- max-width: 100%;
9172
- text-align: right;
9173
- z-index: 1045;
9174
- -webkit-transform: translateY(-30px);
9175
- -ms-transform: translateY(-30px);
9176
- transform: translateY(-30px);
9177
- opacity: 0;
9178
- -webkit-transition: opacity 0.3s, -webkit-transform 0.5s;
9179
- transition: opacity 0.3s, -webkit-transform 0.5s;
9180
- transition: transform 0.5s, opacity 0.3s;
9181
- transition: transform 0.5s, opacity 0.3s, -webkit-transform 0.5s;
9182
- margin: 0 auto;
9183
- }
9184
-
9185
- #premium-woo-quick-view-modal .premium-woo-lightbox-content {
9186
- position: relative;
9187
- display: table;
9188
- pointer-events: auto;
9189
- background-color: #fff;
9190
- max-width: 975px;
9191
- margin: 20px auto;
9192
- -webkit-transform: translateZ(0);
9193
- transform: translateZ(0);
9194
- -webkit-box-shadow: -3px 3px 20px 0 rgba(0, 0, 0, 0.15);
9195
- box-shadow: -3px 3px 20px 0 rgba(0, 0, 0, 0.15);
9196
- overflow: hidden;
9197
- }
9198
-
9199
- #premium-woo-quick-view-modal .summary {
9200
- width: 50%;
9201
- margin: 0;
9202
- padding: 30px;
9203
- float: right;
9204
- -webkit-box-sizing: border-box;
9205
- -moz-box-sizing: border-box;
9206
- box-sizing: border-box;
9207
- }
9208
-
9209
- #premium-woo-quick-view-modal .summary .quantity {
9210
- min-width: auto;
9211
- }
9212
-
9213
- #premium-woo-quick-view-modal .summary .quantity input.qty {
9214
- width: 54px;
9215
- -webkit-appearance: button;
9216
- -moz-appearance: button;
9217
- appearance: button;
9218
- }
9219
-
9220
- #premium-woo-quick-view-modal .woocommerce-product-details__short-description p {
9221
- margin: 0;
9222
- }
9223
-
9224
- #premium-woo-quick-view-close {
9225
- position: absolute;
9226
- font-size: 22px;
9227
- top: 10px;
9228
- left: 10px;
9229
- width: 22px;
9230
- height: 22px;
9231
- line-height: 22px;
9232
- opacity: 0.7;
9233
- text-align: center;
9234
- z-index: 2;
9235
- color: #000;
9236
- }
9237
-
9238
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider {
9239
- position: relative;
9240
- }
9241
-
9242
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider li {
9243
- list-style: none;
9244
- }
9245
-
9246
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav {
9247
- margin: 0;
9248
- padding: 0;
9249
- width: 100%;
9250
- position: absolute;
9251
- bottom: 10px;
9252
- text-align: center;
9253
- }
9254
-
9255
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li {
9256
- margin: 0 6px;
9257
- display: inline-block;
9258
- vertical-align: middle;
9259
- }
9260
-
9261
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a {
9262
- width: 11px;
9263
- height: 11px;
9264
- display: block;
9265
- background: #666;
9266
- background: rgba(0, 0, 0, 0.5);
9267
- cursor: pointer;
9268
- text-indent: -9999px;
9269
- -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
9270
- box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
9271
- -webkit-border-radius: 20px;
9272
- border-radius: 20px;
9273
- }
9274
-
9275
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a.flex-active {
9276
- background: rgba(0, 0, 0, 0.9);
9277
- cursor: default;
9278
- }
9279
-
9280
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a:focus {
9281
- outline: none;
9282
- }
9283
-
9284
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider img {
9285
- -o-object-fit: cover;
9286
- object-fit: cover;
9287
- }
9288
-
9289
- #premium-woo-quick-view-content div.images {
9290
- width: 50%;
9291
- float: right;
9292
- opacity: 1 !important;
9293
- margin: 0;
9294
- }
9295
-
9296
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav {
9297
- margin: 0;
9298
- padding: 0;
9299
- list-style: none;
9300
- }
9301
-
9302
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav a {
9303
- text-decoration: none;
9304
- display: block;
9305
- width: 14px;
9306
- height: 32px;
9307
- font-size: 32px;
9308
- line-height: 32px;
9309
- margin: -20px 0 0;
9310
- position: absolute;
9311
- top: 50%;
9312
- z-index: 10;
9313
- overflow: hidden;
9314
- cursor: pointer;
9315
- color: rgba(0, 0, 0, 0.8);
9316
- text-shadow: -1px 1px 0 rgba(255, 255, 255, 0.3);
9317
- -webkit-transition: all 0.3s ease-in-out;
9318
- transition: all 0.3s ease-in-out;
9319
- }
9320
-
9321
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next,
9322
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev {
9323
- display: inline-block;
9324
- font-family: "Font Awesome 5 Free";
9325
- font-weight: 900;
9326
- text-rendering: auto;
9327
- -webkit-font-smoothing: antialiased;
9328
- -moz-osx-font-smoothing: grayscale;
9329
- }
9330
-
9331
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev {
9332
- right: 10px;
9333
- }
9334
-
9335
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next {
9336
- left: 10px;
9337
- }
9338
-
9339
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev::before {
9340
- content: "\f104";
9341
- }
9342
-
9343
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next::before {
9344
- content: "\f105";
9345
- }
9346
-
9347
- .premium-woocommerce li.product .added_to_cart.wc-forward {
9348
- display: none;
9349
- }
9350
-
9351
- .premium-woo-atc-button .add_to_cart_button span {
9352
- -webkit-animation: spin 2s linear infinite;
9353
- animation: spin 2s linear infinite;
9354
- margin-right: 5px;
9355
- vertical-align: baseline;
9356
  }
1
+ @font-face {
2
+ font-family: "pa-elements";
3
+ src: url("../../editor/fonts/pa-elements.eot?9e1efm");
4
+ src: url("../../editor/fonts/pa-elements.eot?9e1efm#iefix") format("embedded-opentype"),
5
+ url("../../editor/fonts/pa-elements.ttf?9e1efm") format("truetype"),
6
+ url("../../editor/fonts/pa-elements.woff?9e1efm") format("woff"),
7
+ url("../../editor/fonts/pa-elements.svg?9e1efm#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
+ .premium-carousel-wrapper a.carousel-arrow svg,
1783
+ .premium-carousel-wrapper a.ver-carousel-arrow svg {
1784
+ -webkit-transition: all 0.3s ease-in-out;
1785
+ transition: all 0.3s ease-in-out;
1786
+ }
1787
+
1788
+ div[class^="premium-"] .slick-arrow i {
1789
+ display: block;
1790
+ }
1791
+
1792
+ .ver-carousel-arrow.carousel-next i {
1793
+ margin-bottom: -3px;
1794
+ }
1795
+
1796
+ .premium-carousel-wrapper a.slick-arrow:hover {
1797
+ -webkit-box-shadow: none !important;
1798
+ box-shadow: none !important;
1799
+ }
1800
+
1801
+ .premium-carousel-wrapper .premium-carousel-content-hidden {
1802
+ visibility: hidden;
1803
+ }
1804
+
1805
+ .premium-carousel-wrapper a.carousel-arrow,
1806
+ .premium-fb-rev-container a.carousel-arrow,
1807
+ .premium-tabs-nav-list a.carousel-arrow,
1808
+ .premium-blog-wrap a.carousel-arrow,
1809
+ .premium-hscroll-wrap a.carousel-arrow,
1810
+ .premium-twitter-feed-wrapper a.carousel-arrow,
1811
+ .premium-facebook-feed-wrapper a.carousel-arrow,
1812
+ .premium-instafeed-container a.carousel-arrow,
1813
+ .premium-persons-container a.carousel-arrow {
1814
+ top: 50%;
1815
+ -webkit-transform: translateY(-50%);
1816
+ -ms-transform: translateY(-50%);
1817
+ transform: translateY(-50%);
1818
+ }
1819
+
1820
+ .premium-carousel-wrapper a.ver-carousel-arrow {
1821
+ right: 50%;
1822
+ -webkit-transform: translateX(50%);
1823
+ -ms-transform: translateX(50%);
1824
+ transform: translateX(50%);
1825
+ }
1826
+
1827
+ a.carousel-arrow.carousel-next {
1828
+ right: -20px;
1829
+ left: auto;
1830
+ }
1831
+
1832
+ a.carousel-arrow.carousel-prev {
1833
+ left: -20px;
1834
+ right: auto;
1835
+ }
1836
+
1837
+ a.ver-carousel-arrow.carousel-next {
1838
+ bottom: -56px;
1839
+ }
1840
+
1841
+ a.ver-carousel-arrow.carousel-prev {
1842
+ top: -45px;
1843
+ }
1844
+
1845
+ a.circle-bg {
1846
+ -webkit-border-radius: 100%;
1847
+ border-radius: 100%;
1848
+ }
1849
+
1850
+ a.circle-border {
1851
+ -webkit-border-radius: 100%;
1852
+ border-radius: 100%;
1853
+ border: solid black;
1854
+ }
1855
+
1856
+ a.square-border {
1857
+ border: solid black;
1858
+ }
1859
+
1860
+ .premium-carousel-dots-below,
1861
+ .premium-blog-wrap ul.slick-dots,
1862
+ .premium-fb-rev-reviews ul.slick-dots {
1863
+ position: relative;
1864
+ bottom: 0;
1865
+ list-style: none;
1866
+ text-align: center;
1867
+ margin: 0;
1868
+ padding: 0;
1869
+ }
1870
+
1871
+ .premium-carousel-dots-above ul.slick-dots {
1872
+ position: absolute;
1873
+ display: -ms-flexbox;
1874
+ display: -webkit-flex;
1875
+ display: -moz-flex;
1876
+ display: -ms-flex;
1877
+ -js-display: flex;
1878
+ display: -webkit-box;
1879
+ display: -moz-box;
1880
+ display: flex;
1881
+ top: 50%;
1882
+ -webkit-transform: translateY(-50%);
1883
+ -ms-transform: translateY(-50%);
1884
+ transform: translateY(-50%);
1885
+ -webkit-flex-direction: column;
1886
+ -webkit-box-orient: vertical;
1887
+ -webkit-box-direction: normal;
1888
+ -moz-box-orient: vertical;
1889
+ -moz-box-direction: normal;
1890
+ -ms-flex-direction: column;
1891
+ flex-direction: column;
1892
+ }
1893
+
1894
+ ul.slick-dots li {
1895
+ font-size: 10px;
1896
+ display: -webkit-inline-box;
1897
+ display: -webkit-inline-flex;
1898
+ display: -ms-inline-flexbox;
1899
+ -js-display: inline-flex;
1900
+ display: -moz-inline-box;
1901
+ display: inline-flex;
1902
+ -webkit-box-pack: center;
1903
+ -webkit-justify-content: center;
1904
+ -moz-box-pack: center;
1905
+ -ms-flex-pack: center;
1906
+ justify-content: center;
1907
+ -webkit-box-align: center;
1908
+ -webkit-align-items: center;
1909
+ -moz-box-align: center;
1910
+ -ms-flex-align: center;
1911
+ align-items: center;
1912
+ margin: 5px;
1913
+ width: 20px;
1914
+ height: 20px;
1915
+ cursor: pointer;
1916
+ }
1917
+
1918
+ /*
1919
+ * Custom Navigation Dot
1920
+ */
1921
+ .premium-carousel-wrapper .premium-carousel-nav-dot,
1922
+ .premium-carousel-wrapper .premium-carousel-nav-arrow-prev,
1923
+ .premium-carousel-wrapper .premium-carousel-nav-arrow-next {
1924
+ display: none;
1925
+ }
1926
+
1927
+ .premium-carousel-wrapper ul.slick-dots svg {
1928
+ width: 20px;
1929
+ height: 20px;
1930
+ outline: none !important;
1931
+ }
1932
+
1933
+ /* Ripple Out */
1934
+ @-webkit-keyframes hvr-ripple-out {
1935
+ 0% {
1936
+ -webkit-transform: scale(1);
1937
+ transform: scale(1);
1938
+ opacity: 1;
1939
+ }
1940
+
1941
+ 100% {
1942
+ -webkit-transform: scale(1.5);
1943
+ transform: scale(1.5);
1944
+ opacity: 0;
1945
+ }
1946
+ }
1947
+
1948
+ @keyframes hvr-ripple-out {
1949
+ 0% {
1950
+ -webkit-transform: scale(1);
1951
+ transform: scale(1);
1952
+ opacity: 1;
1953
+ }
1954
+
1955
+ 100% {
1956
+ -webkit-transform: scale(1.5);
1957
+ transform: scale(1.5);
1958
+ opacity: 0;
1959
+ }
1960
+ }
1961
+
1962
+ .premium-carousel-ripple-yes .premium-carousel-wrapper {
1963
+ padding-bottom: 1px;
1964
+ }
1965
+
1966
+ .premium-carousel-ripple-yes ul.slick-dots li,
1967
+ .premium-carousel-ripple-yes ul.slick-dots li i {
1968
+ position: relative;
1969
+ }
1970
+
1971
+ .premium-carousel-ripple-yes ul.slick-dots li i {
1972
+ z-index: 1;
1973
+ }
1974
+
1975
+ .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
1976
+ content: "";
1977
+ position: absolute;
1978
+ -webkit-transform: scale(1);
1979
+ -ms-transform: scale(1);
1980
+ transform: scale(1);
1981
+ top: 0;
1982
+ left: 0;
1983
+ bottom: 0;
1984
+ right: 0;
1985
+ -webkit-border-radius: 50%;
1986
+ border-radius: 50%;
1987
+ pointer-events: none;
1988
+ background-color: rgba(0, 0, 0, 0.15);
1989
+ }
1990
+
1991
+ .premium-carousel-ripple-yes ul.slick-dots li.slick-active:hover:before {
1992
+ background-color: rgba(0, 0, 0, 0.3);
1993
+ }
1994
+
1995
+ .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
1996
+ -webkit-animation: hvr-ripple-out 1.3s infinite;
1997
+ animation: hvr-ripple-out 1.3s infinite;
1998
+ }
1999
+
2000
+ .premium-carousel-wrapper.premium-carousel-scale .slick-slide {
2001
+ -webkit-transform: scale(1.25, 1.25);
2002
+ -ms-transform: scale(1.25, 1.25);
2003
+ transform: scale(1.25, 1.25);
2004
+ -webkit-transition: all 0.3s ease-in-out !important;
2005
+ transition: all 0.3s ease-in-out !important;
2006
+ }
2007
+
2008
+ .premium-carousel-wrapper.premium-carousel-scale div.slick-active {
2009
+ -webkit-transform: scale(1, 1);
2010
+ -ms-transform: scale(1, 1);
2011
+ transform: scale(1, 1);
2012
+ }
2013
+
2014
+ [dir="rtl"] .premium-carousel-inner .slick-slide {
2015
+ float: right;
2016
+ }
2017
+
2018
+ /**************** Premium Counter ***************/
2019
+ /************************************************/
2020
+ .premium-counter-area {
2021
+ padding: 10px 0;
2022
+ -js-display: flex;
2023
+ display: -webkit-box;
2024
+ display: -webkit-flex;
2025
+ display: -moz-box;
2026
+ display: -ms-flexbox;
2027
+ display: flex;
2028
+ -webkit-box-pack: center;
2029
+ -webkit-justify-content: center;
2030
+ -moz-box-pack: center;
2031
+ -ms-flex-pack: center;
2032
+ justify-content: center;
2033
+ -webkit-box-align: center;
2034
+ -webkit-align-items: center;
2035
+ -moz-box-align: center;
2036
+ -ms-flex-align: center;
2037
+ align-items: center;
2038
+ }
2039
+
2040
+ .premium-counter-area.top {
2041
+ -webkit-box-orient: vertical;
2042
+ -webkit-box-direction: normal;
2043
+ -webkit-flex-direction: column;
2044
+ -moz-box-orient: vertical;
2045
+ -moz-box-direction: normal;
2046
+ -ms-flex-direction: column;
2047
+ flex-direction: column;
2048
+ }
2049
+
2050
+ .premium-counter-area.right {
2051
+ -webkit-box-orient: horizontal;
2052
+ -webkit-box-direction: reverse;
2053
+ -webkit-flex-direction: row-reverse;
2054
+ -moz-box-orient: horizontal;
2055
+ -moz-box-direction: reverse;
2056
+ -ms-flex-direction: row-reverse;
2057
+ flex-direction: row-reverse;
2058
+ }
2059
+
2060
+ .premium-counter-area.right .premium-counter-icon {
2061
+ padding-right: 20px;
2062
+ }
2063
+
2064
+ .premium-counter-area.left .premium-counter-icon {
2065
+ padding-left: 20px;
2066
+ }
2067
+
2068
+ .premium-counter-area .premium-counter-icon .icon i.fa:before {
2069
+ vertical-align: text-top;
2070
+ }
2071
+
2072
+ .premium-counter-area .premium-counter-icon span.icon {
2073
+ text-align: center;
2074
+ display: inline-block;
2075
+ vertical-align: middle;
2076
+ }
2077
+
2078
+ .premium-counter-area .premium-counter-icon .circle {
2079
+ -webkit-border-radius: 100%;
2080
+ border-radius: 100%;
2081
+ }
2082
+
2083
+ .premium-counter-area .premium-counter-icon img,
2084
+ .premium-counter-area .premium-counter-icon svg {
2085
+ width: 80px;
2086
+ }
2087
+
2088
+ .premium-counter-area .premium-counter-icon .premium-counter-animation svg {
2089
+ height: 80px;
2090
+ }
2091
+
2092
+ .premium-counter-area .premium-counter-title {
2093
+ padding: 0;
2094
+ margin: 0;
2095
+ }
2096
+
2097
+ .premium-counter-area .premium-counter-value-wrap {
2098
+ -js-display: flex;
2099
+ display: -webkit-box;
2100
+ display: -webkit-flex;
2101
+ display: -moz-box;
2102
+ display: -ms-flexbox;
2103
+ display: flex;
2104
+ -webkit-box-align: center;
2105
+ -webkit-align-items: center;
2106
+ -moz-box-align: center;
2107
+ -ms-flex-align: center;
2108
+ align-items: center;
2109
+ }
2110
+
2111
+ .premium-init-wrapper.right {
2112
+ text-align: left;
2113
+ }
2114
+
2115
+ /* * Custom image and simple styles image fix */
2116
+ span.icon.flex-width {
2117
+ width: auto !important;
2118
+ height: auto !important;
2119
+ }
2120
+
2121
+ .premium-counter-area .premium-counter-init {
2122
+ font-size: 35px;
2123
+ }
2124
+
2125
+ /**************** Premium Image Separator ****************/
2126
+ /*********************************************************/
2127
+ /*Image Separator Container Style*/
2128
+ .premium-image-separator-container {
2129
+ position: absolute;
2130
+ width: 100%;
2131
+ z-index: 2;
2132
+ top: auto;
2133
+ }
2134
+
2135
+ .premium-image-separator-container img {
2136
+ display: inline-block !important;
2137
+ -webkit-mask-repeat: no-repeat;
2138
+ mask-repeat: no-repeat;
2139
+ -webkit-mask-position: center;
2140
+ mask-position: center;
2141
+ }
2142
+
2143
+ /*Link on Image Style*/
2144
+ .premium-image-separator-link {
2145
+ position: absolute;
2146
+ z-index: 9999;
2147
+ top: 0;
2148
+ right: 0;
2149
+ width: 100%;
2150
+ height: 100%;
2151
+ text-decoration: none;
2152
+ }
2153
+
2154
+ /*Important to override Theme options*/
2155
+ a.premium-image-separator-link:hover,
2156
+ a.premium-image-separator-link:visited,
2157
+ a.premium-image-separator-link:focus,
2158
+ a.premium-image-separator-link:active {
2159
+ -webkit-box-shadow: none !important;
2160
+ box-shadow: none !important;
2161
+ outline: none !important;
2162
+ border: none !important;
2163
+ text-decoration: none !important;
2164
+ }
2165
+
2166
+ .premium-image-separator-container .img-responsive {
2167
+ display: inline-block;
2168
+ }
2169
+
2170
+ .premium-image-separator-container i,
2171
+ .premium-image-separator-container>svg {
2172
+ padding: 20px;
2173
+ -webkit-transition: all 0.3s ease-in-out;
2174
+ transition: all 0.3s ease-in-out;
2175
+ }
2176
+
2177
+ /**************** Premium Modal Box ****************/
2178
+ /***************************************************/
2179
+ .premium-modal-trigger-btn,
2180
+ .premium-modal-box-modal-lower-close {
2181
+ display: inline-block;
2182
+ padding: 6px 12px;
2183
+ margin-bottom: 0;
2184
+ font-size: 14px;
2185
+ font-weight: normal;
2186
+ line-height: 1.42857143;
2187
+ text-align: center;
2188
+ white-space: nowrap;
2189
+ vertical-align: middle;
2190
+ -ms-touch-action: manipulation;
2191
+ touch-action: manipulation;
2192
+ cursor: pointer;
2193
+ -webkit-user-select: none;
2194
+ -moz-user-select: none;
2195
+ -ms-user-select: none;
2196
+ user-select: none;
2197
+ background-image: none;
2198
+ border: 1px solid transparent;
2199
+ }
2200
+
2201
+ .premium-modal-trigger-btn>svg,
2202
+ .premium-modal-trigger-btn .premium-modal-box-icon {
2203
+ -webkit-transition: all 0.3s ease-in-out;
2204
+ transition: all 0.3s ease-in-out;
2205
+ }
2206
+
2207
+ .premium-modal-trigger-btn>svg {
2208
+ width: 30px;
2209
+ height: 30px;
2210
+ }
2211
+
2212
+ .premium-modal-box-modal-close {
2213
+ float: left;
2214
+ font-size: 21px;
2215
+ font-weight: bold;
2216
+ line-height: 1;
2217
+ color: #000;
2218
+ }
2219
+
2220
+ .premium-modal-box-modal-close:hover,
2221
+ .premium-modal-box-modal-close:focus {
2222
+ color: #000;
2223
+ text-decoration: none;
2224
+ cursor: pointer;
2225
+ }
2226
+
2227
+ button.premium-modal-box-modal-close {
2228
+ -webkit-appearance: none;
2229
+ padding: 0;
2230
+ cursor: pointer;
2231
+ background: transparent;
2232
+ border: 0;
2233
+ }
2234
+
2235
+ .premium-modal-box-modal {
2236
+ position: fixed;
2237
+ top: 0;
2238
+ left: 0;
2239
+ bottom: 0;
2240
+ right: 0;
2241
+ z-index: 1050;
2242
+ display: none;
2243
+ -webkit-overflow-scrolling: touch;
2244
+ outline: 0;
2245
+ padding: 0 !important;
2246
+ background: rgba(0, 0, 0, 0.5);
2247
+ -webkit-box-align: center;
2248
+ -webkit-align-items: center;
2249
+ -moz-box-align: center;
2250
+ -ms-flex-align: center;
2251
+ align-items: center;
2252
+ -webkit-box-pack: center;
2253
+ -webkit-justify-content: center;
2254
+ -moz-box-pack: center;
2255
+ -ms-flex-pack: center;
2256
+ justify-content: center;
2257
+ }
2258
+
2259
+ .premium-modal-box-modal .premium-modal-box-modal-dialog {
2260
+ position: absolute;
2261
+ max-height: -webkit-calc(100vh - 150px);
2262
+ max-height: calc(100vh - 150px);
2263
+ -js-display: flex;
2264
+ display: -webkit-box;
2265
+ display: -webkit-flex;
2266
+ display: -moz-box;
2267
+ display: -ms-flexbox;
2268
+ display: flex;
2269
+ -webkit-box-orient: vertical;
2270
+ -webkit-box-direction: normal;
2271
+ -webkit-flex-direction: column;
2272
+ -moz-box-orient: vertical;
2273
+ -moz-box-direction: normal;
2274
+ -ms-flex-direction: column;
2275
+ flex-direction: column;
2276
+ opacity: 0;
2277
+ }
2278
+
2279
+ .premium-modal-box-modal-content {
2280
+ background-color: #fff;
2281
+ -webkit-background-clip: padding-box;
2282
+ background-clip: padding-box;
2283
+ border: 1px solid rgba(0, 0, 0, 0.2);
2284
+ -webkit-border-radius: 6px;
2285
+ border-radius: 6px;
2286
+ outline: 0;
2287
+ overflow-x: hidden;
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
+ -js-display: inline-flex;
2405
+ display: -webkit-inline-box;
2406
+ display: -webkit-inline-flex;
2407
+ display: -moz-inline-box;
2408
+ display: -ms-inline-flexbox;
2409
+ display: inline-flex;
2410
+ -webkit-box-align: center;
2411
+ -webkit-align-items: center;
2412
+ -moz-box-align: center;
2413
+ -ms-flex-align: center;
2414
+ align-items: center;
2415
+ border: none;
2416
+ -webkit-transition: all 0.3s ease-in-out;
2417
+ transition: all 0.3s ease-in-out;
2418
+ }
2419
+
2420
+ .premium-modal-trigger-container .premium-modal-trigger-btn.premium-btn-block {
2421
+ -webkit-box-pack: center;
2422
+ -webkit-justify-content: center;
2423
+ -moz-box-pack: center;
2424
+ -ms-flex-pack: center;
2425
+ justify-content: center;
2426
+ }
2427
+
2428
+ .premium-modal-trigger-container .premium-modal-trigger-img,
2429
+ .premium-modal-trigger-container .premium-modal-trigger-text,
2430
+ .premium-modal-trigger-container .premium-modal-trigger-animation {
2431
+ cursor: pointer;
2432
+ }
2433
+
2434
+ .premium-modal-trigger-container .premium-modal-trigger-animation {
2435
+ display: inline-block;
2436
+ width: 200px;
2437
+ height: 200px;
2438
+ -webkit-transition: all 0.3s ease-in-out;
2439
+ transition: all 0.3s ease-in-out;
2440
+ }
2441
+
2442
+ /*Image on Modal Header Style*/
2443
+ .premium-modal-box-modal-header img {
2444
+ width: 48px;
2445
+ padding-left: 5px;
2446
+ }
2447
+
2448
+ .premium-modal-box-modal-header i,
2449
+ .premium-modal-box-modal-header svg {
2450
+ padding-left: 6px;
2451
+ }
2452
+
2453
+ .premium-modal-box-modal-close {
2454
+ position: relative;
2455
+ z-index: 99;
2456
+ }
2457
+
2458
+ .premium-modal-trigger-img,
2459
+ .premium-modal-trigger-text,
2460
+ .premium-modal-box-close-button-container,
2461
+ .premium-modal-box-modal-close,
2462
+ .premium-modal-box-modal-lower-close {
2463
+ -webkit-transition: all 0.3s ease-in-out;
2464
+ transition: all 0.3s ease-in-out;
2465
+ }
2466
+
2467
+ @media (min-width: 768px) {
2468
+ .premium-modal-box-modal-dialog {
2469
+ width: 700px;
2470
+ max-height: 600px;
2471
+ overflow: auto;
2472
+ }
2473
+ }
2474
+
2475
+ @media (max-width: 767px) {
2476
+ .premium-modal-box-modal-dialog {
2477
+ width: 100%;
2478
+ max-height: 500px;
2479
+ overflow: auto;
2480
+ }
2481
+ }
2482
+
2483
+ .premium-modal-box-container[data-modal-animation*="animated-"] {
2484
+ opacity: 0;
2485
+ }
2486
+
2487
+ /**************** Premium Progress Bar ****************/
2488
+ /******************************************************/
2489
+ .premium-progressbar-container {
2490
+ position: relative;
2491
+ }
2492
+
2493
+ .premium-progressbar-bar-wrap {
2494
+ position: relative;
2495
+ text-align: right;
2496
+ overflow: hidden;
2497
+ height: 25px;
2498
+ margin-bottom: 50px;
2499
+ background-color: #f5f5f5;
2500
+ -webkit-border-radius: 4px;
2501
+ border-radius: 4px;
2502
+ -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
2503
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
2504
+ }
2505
+
2506
+ .premium-progressbar-bar-wrap.premium-progressbar-dots {
2507
+ background-color: transparent;
2508
+ width: 100%;
2509
+ -js-display: flex;
2510
+ display: -webkit-box;
2511
+ display: -webkit-flex;
2512
+ display: -moz-box;
2513
+ display: -ms-flexbox;
2514
+ display: flex;
2515
+ height: auto;
2516
+ -webkit-box-shadow: none;
2517
+ box-shadow: none;
2518
+ }
2519
+
2520
+ .premium-progressbar-bar-wrap .progress-segment {
2521
+ position: relative;
2522
+ width: 25px;
2523
+ height: 25px;
2524
+ -webkit-border-radius: 50%;
2525
+ border-radius: 50%;
2526
+ overflow: hidden;
2527
+ background-color: #f5f5f5;
2528
+ }
2529
+
2530
+ .premium-progressbar-bar-wrap .progress-segment.filled {
2531
+ background: #6ec1e4;
2532
+ }
2533
+
2534
+ .premium-progressbar-bar-wrap .progress-segment:not(:first-child):not(:last-child) {
2535
+ margin: 0 4px;
2536
+ }
2537
+
2538
+ .premium-progressbar-bar-wrap .progress-segment:first-child {
2539
+ margin-left: 4px;
2540
+ }
2541
+
2542
+ .premium-progressbar-bar-wrap .progress-segment:last-child {
2543
+ margin-right: 4px;
2544
+ }
2545
+
2546
+ .premium-progressbar-bar-wrap .progress-segment .segment-inner {
2547
+ position: absolute;
2548
+ top: 0;
2549
+ right: 0;
2550
+ height: 100%;
2551
+ background-color: #6ec1e4;
2552
+ }
2553
+
2554
+ .premium-progressbar-bar {
2555
+ float: right;
2556
+ width: 0%;
2557
+ height: 100%;
2558
+ font-size: 12px;
2559
+ line-height: 20px;
2560
+ background: #6ec1e4;
2561
+ text-align: center;
2562
+ -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2563
+ box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2564
+ }
2565
+
2566
+ .premium-progressbar-striped .premium-progressbar-bar {
2567
+ background-image: -webkit-linear-gradient(-135deg,
2568
+ rgba(255, 255, 255, 0.15) 25%,
2569
+ transparent 25%,
2570
+ transparent 50%,
2571
+ rgba(255, 255, 255, 0.15) 50%,
2572
+ rgba(255, 255, 255, 0.15) 75%,
2573
+ transparent 75%,
2574
+ transparent);
2575
+ background-image: -webkit-linear-gradient(45deg,
2576
+ rgba(255, 255, 255, 0.15) 25%,
2577
+ transparent 25%,
2578
+ transparent 50%,
2579
+ rgba(255, 255, 255, 0.15) 50%,
2580
+ rgba(255, 255, 255, 0.15) 75%,
2581
+ transparent 75%,
2582
+ transparent);
2583
+ background-image: linear-gradient(45deg,
2584
+ rgba(255, 255, 255, 0.15) 25%,
2585
+ transparent 25%,
2586
+ transparent 50%,
2587
+ rgba(255, 255, 255, 0.15) 50%,
2588
+ rgba(255, 255, 255, 0.15) 75%,
2589
+ transparent 75%,
2590
+ transparent);
2591
+ -webkit-background-size: 40px 40px;
2592
+ background-size: 40px 40px;
2593
+ }
2594
+
2595
+ .premium-progressbar-active .premium-progressbar-bar {
2596
+ -webkit-animation: progress-bar-stripes 2s linear infinite;
2597
+ animation: progress-bar-stripes 2s linear infinite;
2598
+ }
2599
+
2600
+ .premium-progressbar-gradient .premium-progressbar-bar {
2601
+ -webkit-background-size: 400% 400% !important;
2602
+ background-size: 400% 400% !important;
2603
+ -webkit-animation: progress-bar-gradient 10s ease-in-out infinite;
2604
+ animation: progress-bar-gradient 10s ease-in-out infinite;
2605
+ }
2606
+
2607
+ .premium-progressbar-bar {
2608
+ position: absolute;
2609
+ overflow: hidden;
2610
+ line-height: 20px;
2611
+ }
2612
+
2613
+ .premium-progressbar-container .clearfix {
2614
+ clear: both;
2615
+ }
2616
+
2617
+ .premium-progressbar-bar {
2618
+ -webkit-transition: width 0s ease-in-out !important;
2619
+ transition: width 0s ease-in-out !important;
2620
+ }
2621
+
2622
+ .premium-progressbar-container p:first-of-type {
2623
+ margin: 0;
2624
+ float: right;
2625
+ }
2626
+
2627
+ .premium-progressbar-container p:nth-of-type(2) {
2628
+ margin: 0;
2629
+ float: left;
2630
+ }
2631
+
2632
+ .premium-progressbar-name {
2633
+ right: 50%;
2634
+ top: 0;
2635
+ left: 0;
2636
+ -webkit-transform: translateX(12.5px);
2637
+ -ms-transform: translateX(12.5px);
2638
+ transform: translateX(12.5px);
2639
+ z-index: 1;
2640
+ }
2641
+
2642
+ .premium-progressbar-multiple-label {
2643
+ position: relative;
2644
+ float: right;
2645
+ width: 0;
2646
+ right: 50%;
2647
+ }
2648
+
2649
+ .premium-progressbar-center-label {
2650
+ position: relative;
2651
+ white-space: nowrap;
2652
+ }
2653
+
2654
+ .premium-progressbar-arrow {
2655
+ height: 15px;
2656
+ right: 50%;
2657
+ display: inline-block;
2658
+ border-right: 7px solid transparent;
2659
+ border-left: 7px solid transparent;
2660
+ border-top: 11px solid;
2661
+ -webkit-transform: translateX(50%);
2662
+ -ms-transform: translateX(50%);
2663
+ transform: translateX(50%);
2664
+ }
2665
+
2666
+ .premium-progressbar-pin {
2667
+ border-right: 1px solid;
2668
+ height: 12px;
2669
+ right: 50%;
2670
+ display: inline-block;
2671
+ }
2672
+
2673
+ /**
2674
+ * Circle Progress Bar
2675
+ */
2676
+ .premium-progressbar-circle-wrap {
2677
+ width: 200px;
2678
+ height: 200px;
2679
+ position: relative;
2680
+ margin: 0 auto;
2681
+ }
2682
+
2683
+ .premium-progressbar-circle-wrap .premium-progressbar-circle {
2684
+ position: absolute;
2685
+ top: 0;
2686
+ right: 0;
2687
+ width: 100%;
2688
+ height: 100%;
2689
+ -webkit-clip-path: inset(0 0 0 50%);
2690
+ clip-path: inset(0 0 0 50%);
2691
+ }
2692
+
2693
+ .premium-progressbar-circle-wrap .premium-progressbar-circle div {
2694
+ position: absolute;
2695
+ right: 0;
2696
+ top: 0;
2697
+ height: 100%;
2698
+ width: 100%;
2699
+ border-width: 6px;
2700
+ border-style: solid;
2701
+ border-color: #54595f;
2702
+ -webkit-border-radius: 50%;
2703
+ border-radius: 50%;
2704
+ -webkit-clip-path: inset(0 50% 0 0);
2705
+ clip-path: inset(0 50% 0 0);
2706
+ }
2707
+
2708
+ .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-left {
2709
+ -webkit-transform: rotate(0);
2710
+ -ms-transform: rotate(0);
2711
+ transform: rotate(0);
2712
+ }
2713
+
2714
+ .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-right {
2715
+ -webkit-transform: rotate(-180deg);
2716
+ -ms-transform: rotate(-180deg);
2717
+ transform: rotate(-180deg);
2718
+ visibility: hidden;
2719
+ }
2720
+
2721
+ .premium-progressbar-circle-wrap .premium-progressbar-circle-base {
2722
+ width: 100%;
2723
+ height: 100%;
2724
+ border: 6px solid #eee;
2725
+ -webkit-border-radius: 50%;
2726
+ border-radius: 50%;
2727
+ }
2728
+
2729
+ .premium-progressbar-circle-wrap .premium-progressbar-circle-content {
2730
+ position: absolute;
2731
+ top: 0;
2732
+ right: 0;
2733
+ width: 100%;
2734
+ height: 100%;
2735
+ -js-display: flex;
2736
+ display: -webkit-box;
2737
+ display: -webkit-flex;
2738
+ display: -moz-box;
2739
+ display: -ms-flexbox;
2740
+ display: flex;
2741
+ -webkit-box-orient: vertical;
2742
+ -webkit-box-direction: normal;
2743
+ -webkit-flex-direction: column;
2744
+ -moz-box-orient: vertical;
2745
+ -moz-box-direction: normal;
2746
+ -ms-flex-direction: column;
2747
+ flex-direction: column;
2748
+ -webkit-box-pack: center;
2749
+ -webkit-justify-content: center;
2750
+ -moz-box-pack: center;
2751
+ -ms-flex-pack: center;
2752
+ justify-content: center;
2753
+ -webkit-box-align: center;
2754
+ -webkit-align-items: center;
2755
+ -moz-box-align: center;
2756
+ -ms-flex-align: center;
2757
+ align-items: center;
2758
+ }
2759
+
2760
+ .premium-progressbar-circle-wrap .premium-lottie-animation {
2761
+ line-height: 1;
2762
+ }
2763
+
2764
+ @-webkit-keyframes progress-bar-stripes {
2765
+ from {
2766
+ background-position: 100% 0;
2767
+ }
2768
+
2769
+ to {
2770
+ background-position: 40px 0;
2771
+ }
2772
+ }
2773
+
2774
+ @keyframes progress-bar-stripes {
2775
+ from {
2776
+ background-position: 100% 0;
2777
+ }
2778
+
2779
+ to {
2780
+ background-position: 40px 0;
2781
+ }
2782
+ }
2783
+
2784
+ @-webkit-keyframes progress-bar-gradient {
2785
+ 0% {
2786
+ background-position: 100% 50%;
2787
+ }
2788
+
2789
+ 50% {
2790
+ background-position: 0% 50%;
2791
+ }
2792
+
2793
+ 100% {
2794
+ background-position: 100% 50%;
2795
+ }
2796
+ }
2797
+
2798
+ @keyframes progress-bar-gradient {
2799
+ 0% {
2800
+ background-position: 100% 50%;
2801
+ }
2802
+
2803
+ 50% {
2804
+ background-position: 0% 50%;
2805
+ }
2806
+
2807
+ 100% {
2808
+ background-position: 100% 50%;
2809
+ }
2810
+ }
2811
+
2812
+ /**************** Premium Testimonials ****************/
2813
+ /******************************************************/
2814
+ .premium-testimonial-box {
2815
+ width: 100%;
2816
+ background: transparent;
2817
+ -webkit-transition: all 0.3s ease-in-out;
2818
+ transition: all 0.3s ease-in-out;
2819
+ }
2820
+
2821
+ .premium-testimonial-box .premium-testimonial-author-info {
2822
+ -js-display: flex;
2823
+ display: -webkit-box;
2824
+ display: -webkit-flex;
2825
+ display: -moz-box;
2826
+ display: -ms-flexbox;
2827
+ display: flex;
2828
+ -webkit-box-pack: center;
2829
+ -webkit-justify-content: center;
2830
+ -moz-box-pack: center;
2831
+ -ms-flex-pack: center;
2832
+ justify-content: center;
2833
+ -webkit-box-align: center;
2834
+ -webkit-align-items: center;
2835
+ -moz-box-align: center;
2836
+ -ms-flex-align: center;
2837
+ align-items: center;
2838
+ }
2839
+
2840
+ .premium-testimonial-box .premium-testimonial-person-name,
2841
+ .premium-testimonial-box .premium-testimonial-company-name {
2842
+ font-weight: 600;
2843
+ margin: 0;
2844
+ }
2845
+
2846
+ .premium-testimonial-container {
2847
+ position: relative;
2848
+ }
2849
+
2850
+ .premium-testimonial-img-wrapper {
2851
+ margin-right: auto;
2852
+ margin-left: auto;
2853
+ overflow: hidden;
2854
+ border-style: solid !important;
2855
+ }
2856
+
2857
+ .premium-testimonial-img-wrapper.circle {
2858
+ -webkit-border-radius: 50%;
2859
+ border-radius: 50%;
2860
+ }
2861
+
2862
+ .premium-testimonial-img-wrapper.rounded {
2863
+ -webkit-border-radius: 15px;
2864
+ border-radius: 15px;
2865
+ }
2866
+
2867
+ .premium-testimonial-img-wrapper img {
2868
+ -o-object-fit: cover;
2869
+ object-fit: cover;
2870
+ width: 100%;
2871
+ height: 100% !important;
2872
+ }
2873
+
2874
+ .premium-testimonial-content-wrapper {
2875
+ position: relative;
2876
+ display: -ms-flexbox;
2877
+ display: -webkit-flex;
2878
+ display: -moz-flex;
2879
+ display: -ms-flex;
2880
+ -js-display: flex;
2881
+ display: -webkit-box;
2882
+ display: -moz-box;
2883
+ display: flex;
2884
+ -webkit-box-orient: vertical;
2885
+ -webkit-box-direction: normal;
2886
+ -webkit-flex-direction: column;
2887
+ -moz-box-orient: vertical;
2888
+ -moz-box-direction: normal;
2889
+ -ms-flex-direction: column;
2890
+ flex-direction: column;
2891
+ z-index: 2;
2892
+ width: 100%;
2893
+ padding: 20px;
2894
+ text-align: center;
2895
+ }
2896
+
2897
+ .premium-testimonial-clear-float {
2898
+ clear: both;
2899
+ }
2900
+
2901
+ .premium-testimonial-upper-quote,
2902
+ .premium-testimonial-lower-quote {
2903
+ position: absolute;
2904
+ z-index: 1;
2905
+ }
2906
+
2907
+ /**************** Premium Dual Heading *****************/
2908
+ /*******************************************************/
2909
+ .premium-dual-header-container .premium-dual-header-first-header,
2910
+ .premium-dual-header-container .premium-dual-header-second-header {
2911
+ position: relative;
2912
+ padding: 0;
2913
+ margin: 0;
2914
+ display: inline-block;
2915
+ -webkit-transform: translate(0, 0);
2916
+ -ms-transform: translate(0, 0);
2917
+ transform: translate(0, 0);
2918
+ }
2919
+
2920
+ .premium-dual-header-first-clip .premium-dual-header-first-span,
2921
+ .premium-dual-header-second-clip {
2922
+ -webkit-text-fill-color: transparent;
2923
+ -webkit-background-clip: text;
2924
+ }
2925
+
2926
+ .premium-dual-header-first-clip.stroke .premium-dual-header-first-span,
2927
+ .premium-dual-header-second-clip.stroke {
2928
+ -webkit-text-stroke-color: transparent;
2929
+ -webkit-text-fill-color: #fafafa;
2930
+ -webkit-text-stroke-width: 2px;
2931
+ }
2932
+
2933
+ @media (max-width: 500px) {
2934
+
2935
+ .premium-dual-header-container .premium-dual-header-first-header,
2936
+ .premium-dual-header-container .premium-dual-header-second-header {
2937
+ word-wrap: break-word;
2938
+ }
2939
+
2940
+ .premium-dual-header-first-container,
2941
+ .premium-dual-header-second-container {
2942
+ margin: 0;
2943
+ }
2944
+ }
2945
+
2946
+ @media (min-width: 501px) {
2947
+ .premium-dual-header-first-container {
2948
+ margin-left: 5px;
2949
+ }
2950
+ }
2951
+
2952
+ .premium-dual-header-first-header.gradient .premium-dual-header-first-span,
2953
+ .premium-dual-header-second-header.gradient {
2954
+ -webkit-background-size: 300% 300% !important;
2955
+ background-size: 300% 300% !important;
2956
+ -webkit-animation: Gradient 10s ease-in-out infinite;
2957
+ animation: Gradient 10s ease-in-out infinite;
2958
+ }
2959
+
2960
+ @-webkit-keyframes Gradient {
2961
+ 0% {
2962
+ background-position: 100% 50%;
2963
+ }
2964
+
2965
+ 50% {
2966
+ background-position: 0% 50%;
2967
+ }
2968
+
2969
+ 100% {
2970
+ background-position: 100% 50%;
2971
+ }
2972
+ }
2973
+
2974
+ @keyframes Gradient {
2975
+ 0% {
2976
+ background-position: 100% 50%;
2977
+ }
2978
+
2979
+ 50% {
2980
+ background-position: 0% 50%;
2981
+ }
2982
+
2983
+ 100% {
2984
+ background-position: 100% 50%;
2985
+ }
2986
+ }
2987
+
2988
+ /**************** Premium Title ****************/
2989
+ /***********************************************/
2990
+ .premium-title-container {
2991
+ position: relative;
2992
+ width: 100%;
2993
+ clear: both;
2994
+ overflow: hidden;
2995
+ }
2996
+
2997
+ .premium-title-container .premium-title-header {
2998
+ position: relative;
2999
+ margin: 0;
3000
+ padding: 10px;
3001
+ }
3002
+
3003
+ .premium-title-container .premium-title-header:not(.premium-title-style7) {
3004
+ -webkit-box-align: center;
3005
+ -webkit-align-items: center;
3006
+ -moz-box-align: center;
3007
+ -ms-flex-align: center;
3008
+ align-items: center;
3009
+ }
3010
+
3011
+ .premium-title-container .premium-title-header svg {
3012
+ width: 40px;
3013
+ height: 40px;
3014
+ }
3015
+
3016
+ .premium-title-container .premium-title-header img {
3017
+ width: 40px;
3018
+ height: 40px;
3019
+ -o-object-fit: cover;
3020
+ object-fit: cover;
3021
+ }
3022
+
3023
+ .premium-title-container .premium-title-header a {
3024
+ position: absolute;
3025
+ top: 0;
3026
+ right: 0;
3027
+ width: 100%;
3028
+ height: 100%;
3029
+ }
3030
+
3031
+ .premium-title-container .premium-lottie-animation {
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-icon-row .premium-title-icon {
3041
+ margin-left: 10px;
3042
+ }
3043
+
3044
+ .premium-title-icon-row-reverse .premium-title-icon {
3045
+ margin-right: 10px;
3046
+ }
3047
+
3048
+ .premium-title-style3,
3049
+ .premium-title-style4 {
3050
+ -js-display: flex;
3051
+ display: -webkit-box;
3052
+ display: -webkit-flex;
3053
+ display: -moz-box;
3054
+ display: -ms-flexbox;
3055
+ display: flex;
3056
+ }
3057
+
3058
+ .premium-title-style1,
3059
+ .premium-title-style2,
3060
+ .premium-title-style5,
3061
+ .premium-title-style6,
3062
+ .premium-title-style8,
3063
+ .premium-title-style9 {
3064
+ -js-display: inline-flex;
3065
+ display: -webkit-inline-box;
3066
+ display: -webkit-inline-flex;
3067
+ display: -moz-inline-box;
3068
+ display: -ms-inline-flexbox;
3069
+ display: inline-flex;
3070
+ }
3071
+
3072
+ .premium-title-style7 {
3073
+ -js-display: inline-flex;
3074
+ display: -webkit-inline-box;
3075
+ display: -webkit-inline-flex;
3076
+ display: -moz-inline-box;
3077
+ display: -ms-inline-flexbox;
3078
+ display: inline-flex;
3079
+ -webkit-box-orient: vertical;
3080
+ -webkit-box-direction: normal;
3081
+ -webkit-flex-direction: column;
3082
+ -moz-box-orient: vertical;
3083
+ -moz-box-direction: normal;
3084
+ -ms-flex-direction: column;
3085
+ flex-direction: column;
3086
+ }
3087
+
3088
+ .premium-title-style7 .premium-title-style7-inner {
3089
+ -js-display: flex;
3090
+ display: -webkit-box;
3091
+ display: -webkit-flex;
3092
+ display: -moz-box;
3093
+ display: -ms-flexbox;
3094
+ display: flex;
3095
+ -webkit-box-align: center;
3096
+ -webkit-align-items: center;
3097
+ -moz-box-align: center;
3098
+ -ms-flex-align: center;
3099
+ align-items: center;
3100
+ }
3101
+
3102
+ .premium-title-style1 {
3103
+ border-width: 0;
3104
+ border-right: 3px solid #6ec1e4;
3105
+ }
3106
+
3107
+ .premium-title-container.style2,
3108
+ .premium-title-container.style4,
3109
+ .premium-title-container.style5,
3110
+ .premium-title-container.style6 {
3111
+ border-bottom: 3px solid #6ec1e4;
3112
+ }
3113
+
3114
+ /*Style 6 Header*/
3115
+ .premium-title-style6:before {
3116
+ position: absolute;
3117
+ right: 50%;
3118
+ bottom: 0;
3119
+ margin-right: -2px;
3120
+ content: "";
3121
+ border: 3px solid transparent;
3122
+ }
3123
+
3124
+ /*Style 6 Trinagle*/
3125
+ .premium-title-style7-stripe-wrap {
3126
+ -js-display: flex;
3127
+ display: -webkit-box;
3128
+ display: -webkit-flex;
3129
+ display: -moz-box;
3130
+ display: -ms-flexbox;
3131
+ display: flex;
3132
+ }
3133
+
3134
+ .premium-title-style7:before {
3135
+ display: none;
3136
+ }
3137
+
3138
+ .premium-title-style8 .premium-title-text[data-animation="shiny"] {
3139
+ -webkit-background-size: 125px 125px !important;
3140
+ background-size: 125px !important;
3141
+ color: rgba(255, 255, 255, 0);
3142
+ -webkit-background-clip: text !important;
3143
+ background-clip: text !important;
3144
+ -webkit-animation-name: pa-shinny-text !important;
3145
+ animation-name: pa-shinny-text !important;
3146
+ -webkit-animation-duration: var(--animation-speed) !important;
3147
+ animation-duration: var(--animation-speed) !important;
3148
+ -webkit-animation-iteration-count: infinite !important;
3149
+ animation-iteration-count: infinite !important;
3150
+ background: var(--base-color) -webkit-gradient(linear,
3151
+ left top,
3152
+ right top,
3153
+ from(var(--base-color)),
3154
+ to(var(--base-color)),
3155
+ color-stop(0.5, var(--shiny-color))) 0 0 no-repeat;
3156
+ }
3157
+
3158
+ .premium-title-style9[data-animation-blur="process"] .premium-title-style9-letter {
3159
+ -webkit-animation: pa-blur-shadow 2s 1 alternate;
3160
+ animation: pa-blur-shadow 2s 1 alternate;
3161
+ }
3162
+
3163
+ .premium-title-gradient-yes .premium-title-text,
3164
+ .premium-title-gradient-yes .premium-title-icon {
3165
+ -webkit-background-clip: text;
3166
+ -webkit-text-fill-color: transparent;
3167
+ background-image: -webkit-gradient(linear, left top, right top, from(#ffa648), color-stop(#f17cc1), to(#4da9fd));
3168
+ background-image: -webkit-linear-gradient(left, #ffa648, #f17cc1, #4da9fd);
3169
+ background-image: linear-gradient(to right, #ffa648, #f17cc1, #4da9fd);
3170
+ -webkit-animation: pa-text-gradient 8s infinite;
3171
+ animation: pa-text-gradient 8s infinite;
3172
+ }
3173
+
3174
+ .premium-title-clipped .premium-title-header {
3175
+ -webkit-text-fill-color: transparent;
3176
+ -webkit-background-clip: text;
3177
+ background-clip: text;
3178
+ }
3179
+
3180
+ @-webkit-keyframes pa-shinny-text {
3181
+ 0% {
3182
+ background-position: 100%;
3183
+ }
3184
+
3185
+ 100% {
3186
+ background-position: -100%;
3187
+ }
3188
+ }
3189
+
3190
+ @keyframes pa-shinny-text {
3191
+ 0% {
3192
+ background-position: 100%;
3193
+ }
3194
+
3195
+ 100% {
3196
+ background-position: -100%;
3197
+ }
3198
+ }
3199
+
3200
+ @-webkit-keyframes pa-blur-shadow {
3201
+ from {
3202
+ text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
3203
+ color: transparent;
3204
+ }
3205
+
3206
+ to {
3207
+ text-shadow: 0;
3208
+ }
3209
+ }
3210
+
3211
+ @keyframes pa-blur-shadow {
3212
+ from {
3213
+ text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
3214
+ color: transparent;
3215
+ }
3216
+
3217
+ to {
3218
+ text-shadow: 0;
3219
+ }
3220
+ }
3221
+
3222
+ @-webkit-keyframes pa-text-gradient {
3223
+
3224
+ 0%,
3225
+ 100% {
3226
+ -webkit-filter: hue-rotate(0deg);
3227
+ filter: hue-rotate(0deg);
3228
+ }
3229
+
3230
+ 50% {
3231
+ -webkit-filter: hue-rotate(360deg);
3232
+ filter: hue-rotate(360deg);
3233
+ }
3234
+ }
3235
+
3236
+ @keyframes pa-text-gradient {
3237
+
3238
+ 0%,
3239
+ 100% {
3240
+ -webkit-filter: hue-rotate(0deg);
3241
+ filter: hue-rotate(0deg);
3242
+ }
3243
+
3244
+ 50% {
3245
+ -webkit-filter: hue-rotate(360deg);
3246
+ filter: hue-rotate(360deg);
3247
+ }
3248
+ }
3249
+
3250
+ /*
3251
+ * Common Title/Dual Heading
3252
+ */
3253
+ .premium-title-bg-text:before {
3254
+ position: absolute;
3255
+ content: attr(data-background);
3256
+ top: 0;
3257
+ left: 0;
3258
+ text-align: left;
3259
+ }
3260
+
3261
+ .premium-mask-yes .premium-dual-header-first-clip .premium-dual-header-first-span .premium-mask-span,
3262
+ .premium-mask-yes .premium-dual-header-second-clip .premium-mask-span {
3263
+ background: inherit;
3264
+ }
3265
+
3266
+ .premium-mask-yes .premium-mask-span {
3267
+ position: relative;
3268
+ overflow: hidden;
3269
+ -js-display: inline-flex !important;
3270
+ display: -webkit-inline-box !important;
3271
+ display: -webkit-inline-flex !important;
3272
+ display: -moz-inline-box !important;
3273
+ display: -ms-inline-flexbox !important;
3274
+ display: inline-flex !important;
3275
+ }
3276
+
3277
+ .premium-mask-yes .premium-mask-span::after {
3278
+ content: "";
3279
+ position: absolute;
3280
+ top: 0;
3281
+ right: 0px;
3282
+ width: 100%;
3283
+ height: 100%;
3284
+ background-color: currentColor;
3285
+ -webkit-backface-visibility: visible;
3286
+ backface-visibility: visible;
3287
+ }
3288
+
3289
+ .premium-mask-active.premium-mask-tr .premium-mask-span::after {
3290
+ -webkit-animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3291
+ animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3292
+ -webkit-transform: translateX(-103%);
3293
+ -ms-transform: translateX(-103%);
3294
+ transform: translateX(-103%);
3295
+ }
3296
+
3297
+ .premium-mask-active.premium-mask-tl .premium-mask-span::after {
3298
+ -webkit-animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3299
+ animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3300
+ -webkit-transform: translateX(103%);
3301
+ -ms-transform: translateX(103%);
3302
+ transform: translateX(103%);
3303
+ }
3304
+
3305
+ .premium-mask-active.premium-mask-tb .premium-mask-span::after {
3306
+ -webkit-animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3307
+ animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3308
+ -webkit-transform: translateY(-103%);
3309
+ -ms-transform: translateY(-103%);
3310
+ transform: translateY(-103%);
3311
+ }
3312
+
3313
+ .premium-mask-active.premium-mask-tt .premium-mask-span::after {
3314
+ -webkit-animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3315
+ animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3316
+ -webkit-transform: translateY(103%);
3317
+ -ms-transform: translateY(103%);
3318
+ transform: translateY(103%);
3319
+ }
3320
+
3321
+ @-webkit-keyframes pa-mask-tr {
3322
+ 0% {
3323
+ -webkit-transform: translateX(0%);
3324
+ transform: translateX(0%);
3325
+ }
3326
+
3327
+ 100% {
3328
+ -webkit-transform: translateX(103%);
3329
+ transform: translateX(103%);
3330
+ }
3331
+ }
3332
+
3333
+ @keyframes pa-mask-tr {
3334
+ 0% {
3335
+ -webkit-transform: translateX(0%);
3336
+ transform: translateX(0%);
3337
+ }
3338
+
3339
+ 100% {
3340
+ -webkit-transform: translateX(103%);
3341
+ transform: translateX(103%);
3342
+ }
3343
+ }
3344
+
3345
+ @-webkit-keyframes pa-mask-tl {
3346
+ 0% {
3347
+ -webkit-transform: translateX(0%);
3348
+ transform: translateX(0%);
3349
+ }
3350
+
3351
+ 100% {
3352
+ -webkit-transform: translateX(-103%);
3353
+ transform: translateX(-103%);
3354
+ }
3355
+ }
3356
+
3357
+ @keyframes pa-mask-tl {
3358
+ 0% {
3359
+ -webkit-transform: translateX(0%);
3360
+ transform: translateX(0%);
3361
+ }
3362
+
3363
+ 100% {
3364
+ -webkit-transform: translateX(-103%);
3365
+ transform: translateX(-103%);
3366
+ }
3367
+ }
3368
+
3369
+ @-webkit-keyframes pa-mask-tb {
3370
+ 0% {
3371
+ -webkit-transform: translateY(0%);
3372
+ transform: translateY(0%);
3373
+ }
3374
+
3375
+ 100% {
3376
+ -webkit-transform: translateY(103%);
3377
+ transform: translateY(103%);
3378
+ }
3379
+ }
3380
+
3381
+ @keyframes pa-mask-tb {
3382
+ 0% {
3383
+ -webkit-transform: translateY(0%);
3384
+ transform: translateY(0%);
3385
+ }
3386
+
3387
+ 100% {
3388
+ -webkit-transform: translateY(103%);
3389
+ transform: translateY(103%);
3390
+ }
3391
+ }
3392
+
3393
+ @-webkit-keyframes pa-mask-tt {
3394
+ 0% {
3395
+ -webkit-transform: translateY(0%);
3396
+ transform: translateY(0%);
3397
+ }
3398
+
3399
+ 100% {
3400
+ -webkit-transform: translateY(-103%);
3401
+ transform: translateY(-103%);
3402
+ }
3403
+ }
3404
+
3405
+ @keyframes pa-mask-tt {
3406
+ 0% {
3407
+ -webkit-transform: translateY(0%);
3408
+ transform: translateY(0%);
3409
+ }
3410
+
3411
+ 100% {
3412
+ -webkit-transform: translateY(-103%);
3413
+ transform: translateY(-103%);
3414
+ }
3415
+ }
3416
+
3417
+ /**************** Premium Video Box ************/
3418
+ /***********************************************/
3419
+ .premium-video-box-transform {
3420
+ -webkit-transform: none !important;
3421
+ -ms-transform: none !important;
3422
+ transform: none !important;
3423
+ }
3424
+
3425
+ .premium-video-box-container {
3426
+ -js-display: flex;
3427
+ display: -webkit-box;
3428
+ display: -webkit-flex;
3429
+ display: -moz-box;
3430
+ display: -ms-flexbox;
3431
+ display: flex;
3432
+ -webkit-box-orient: vertical;
3433
+ -webkit-box-direction: normal;
3434
+ -webkit-flex-direction: column;
3435
+ -moz-box-orient: vertical;
3436
+ -moz-box-direction: normal;
3437
+ -ms-flex-direction: column;
3438
+ flex-direction: column;
3439
+ }
3440
+
3441
+ .premium-video-box-container>div {
3442
+ position: relative;
3443
+ overflow: hidden;
3444
+ }
3445
+
3446
+ .pa-aspect-ratio-11 .premium-video-box-container>div {
3447
+ padding-bottom: 100%;
3448
+ }
3449
+
3450
+ .pa-aspect-ratio-169 .premium-video-box-container>div {
3451
+ padding-bottom: 56.25%;
3452
+ }
3453
+
3454
+ .pa-aspect-ratio-43 .premium-video-box-container>div {
3455
+ padding-bottom: 75%;
3456
+ }
3457
+
3458
+ .pa-aspect-ratio-32 .premium-video-box-container>div {
3459
+ padding-bottom: 66.6666%;
3460
+ }
3461
+
3462
+ .pa-aspect-ratio-219 .premium-video-box-container>div {
3463
+ padding-bottom: 42.8571%;
3464
+ }
3465
+
3466
+ .pa-aspect-ratio-916 .premium-video-box-container>div {
3467
+ padding-bottom: 177.8%;
3468
+ }
3469
+
3470
+ .premium-video-box-image-container {
3471
+ position: absolute;
3472
+ top: 0;
3473
+ right: 0;
3474
+ bottom: 0;
3475
+ left: 0;
3476
+ width: 100%;
3477
+ height: 100%;
3478
+ -webkit-background-size: cover;
3479
+ background-size: cover;
3480
+ background-position: 50%;
3481
+ cursor: pointer;
3482
+ margin: auto;
3483
+ -webkit-transition: 0.2s all;
3484
+ transition: 0.2s all;
3485
+ }
3486
+
3487
+ .premium-video-box-play-icon-container {
3488
+ position: absolute;
3489
+ z-index: 2;
3490
+ cursor: pointer;
3491
+ -webkit-transform: translate(50%, -50%);
3492
+ -ms-transform: translate(50%, -50%);
3493
+ transform: translate(50%, -50%);
3494
+ background: rgba(252, 252, 252, 0.35);
3495
+ }
3496
+
3497
+ .premium-video-box-description-container {
3498
+ position: absolute;
3499
+ z-index: 2;
3500
+ padding: 5px;
3501
+ text-align: center;
3502
+ cursor: pointer;
3503
+ -webkit-transform: translate(50%, -50%);
3504
+ -ms-transform: translate(50%, -50%);
3505
+ transform: translate(50%, -50%);
3506
+ }
3507
+
3508
+ .premium-video-box-text {
3509
+ margin-bottom: 0 !important;
3510
+ -webkit-transition: all 0.3s ease-in-out;
3511
+ transition: all 0.3s ease-in-out;
3512
+ }
3513
+
3514
+ .premium-video-box-play-icon {
3515
+ padding: 15px;
3516
+ -webkit-transform: translateX(-4%);
3517
+ -ms-transform: translateX(-4%);
3518
+ transform: translateX(-4%);
3519
+ -webkit-transition: all 0.3s ease-in-out;
3520
+ transition: all 0.3s ease-in-out;
3521
+ }
3522
+
3523
+ .premium-video-box-video-container {
3524
+ position: absolute;
3525
+ top: 0;
3526
+ right: 0;
3527
+ z-index: 2;
3528
+ width: 100%;
3529
+ height: 100%;
3530
+ -webkit-transition: opacity 0.8s ease-in-out;
3531
+ transition: opacity 0.8s ease-in-out;
3532
+ overflow: hidden;
3533
+ cursor: pointer;
3534
+ }
3535
+
3536
+ .premium-video-box-container[data-overlay="true"][data-type="self"] .premium-video-box-video-container {
3537
+ opacity: 0;
3538
+ visibility: hidden;
3539
+ }
3540
+
3541
+ .premium-video-box-video-container iframe {
3542
+ max-width: 100%;
3543
+ width: 100%;
3544
+ height: 100%;
3545
+ margin: 0;
3546
+ line-height: 1;
3547
+ border: none;
3548
+ }
3549
+
3550
+ .premium-video-box-video-container video {
3551
+ max-width: 100%;
3552
+ width: 100%;
3553
+ height: 100%;
3554
+ margin: 0;
3555
+ line-height: 1;
3556
+ border: none;
3557
+ background-color: #000;
3558
+ -o-object-fit: contain;
3559
+ object-fit: contain;
3560
+ }
3561
+
3562
+ .premium-video-box-container .premium-video-box-vimeo-wrap {
3563
+ -js-display: flex;
3564
+ display: -webkit-box;
3565
+ display: -webkit-flex;
3566
+ display: -moz-box;
3567
+ display: -ms-flexbox;
3568
+ display: flex;
3569
+ position: absolute;
3570
+ top: 0;
3571
+ right: 0;
3572
+ z-index: 3;
3573
+ margin: 10px;
3574
+ margin-left: 10px;
3575
+ -webkit-transition: opacity 0.2s ease-out;
3576
+ transition: opacity 0.2s ease-out;
3577
+ margin-left: 4.6em;
3578
+ }
3579
+
3580
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-portrait {
3581
+ width: 60px;
3582
+ height: 60px;
3583
+ background: rgba(23, 35, 34, 0.75);
3584
+ margin-left: 1px;
3585
+ -webkit-box-flex: 1;
3586
+ -webkit-flex: 1 0 auto;
3587
+ -moz-box-flex: 1;
3588
+ -ms-flex: 1 0 auto;
3589
+ flex: 1 0 auto;
3590
+ padding: 0;
3591
+ }
3592
+
3593
+ .premium-video-box-vimeo-portrait img {
3594
+ width: 50px;
3595
+ height: 50px;
3596
+ margin: 5px;
3597
+ padding: 0;
3598
+ border: 0;
3599
+ -webkit-border-radius: 50%;
3600
+ border-radius: 50%;
3601
+ }
3602
+
3603
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-headers {
3604
+ font-size: 10px;
3605
+ }
3606
+
3607
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-title {
3608
+ max-width: 100%;
3609
+ font-size: 2em !important;
3610
+ font-weight: 700;
3611
+ margin: 0;
3612
+ padding: 0.1em 0.2em;
3613
+ background: rgba(23, 35, 34, 0.75);
3614
+ display: inline-block;
3615
+ text-transform: none;
3616
+ line-height: normal;
3617
+ letter-spacing: normal;
3618
+ }
3619
+
3620
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-byline {
3621
+ font-size: 1.2em !important;
3622
+ font-weight: 400;
3623
+ color: #fff;
3624
+ margin-top: 0.1em;
3625
+ padding: 0.2em 0.5em;
3626
+ background: rgba(23, 35, 34, 0.75);
3627
+ text-transform: none;
3628
+ line-height: normal;
3629
+ letter-spacing: normal;
3630
+ }
3631
+
3632
+ .premium-video-box-playlist-container {
3633
+ -js-display: flex;
3634
+ display: -webkit-box;
3635
+ display: -webkit-flex;
3636
+ display: -moz-box;
3637
+ display: -ms-flexbox;
3638
+ display: flex;
3639
+ -webkit-flex-wrap: wrap;
3640
+ -ms-flex-wrap: wrap;
3641
+ flex-wrap: wrap;
3642
+ }
3643
+
3644
+ .premium-video-box-playlist-container .premium-video-box-container {
3645
+ height: 100%;
3646
+ overflow: hidden;
3647
+ }
3648
+
3649
+ .premium-video-box-container:hover .premium-video-box-image-container.zoomin {
3650
+ -webkit-transform: scale(1.1);
3651
+ -ms-transform: scale(1.1);
3652
+ transform: scale(1.1);
3653
+ }
3654
+
3655
+ .premium-video-box-container:hover .premium-video-box-image-container.zoomout {
3656
+ -webkit-transform: scale(1);
3657
+ -ms-transform: scale(1);
3658
+ transform: scale(1);
3659
+ }
3660
+
3661
+ .premium-video-box-container:hover .premium-video-box-image-container.scale {
3662
+ -webkit-transform: scale(1.3) rotate(-5deg);
3663
+ -ms-transform: scale(1.3) rotate(-5deg);
3664
+ transform: scale(1.3) rotate(-5deg);
3665
+ }
3666
+
3667
+ .premium-video-box-container:hover .premium-video-box-image-container.gray {
3668
+ -webkit-filter: grayscale(0%);
3669
+ filter: grayscale(0%);
3670
+ }
3671
+
3672
+ .premium-video-box-container:hover .premium-video-box-image-container.blur {
3673
+ -webkit-filter: blur(3px);
3674
+ filter: blur(3px);
3675
+ }
3676
+
3677
+ .premium-video-box-container:hover .premium-video-box-image-container.sepia {
3678
+ -webkit-filter: sepia(0%);
3679
+ filter: sepia(0%);
3680
+ }
3681
+
3682
+ .premium-video-box-container:hover .premium-video-box-image-container.trans {
3683
+ -webkit-transform: translateX(0px) scale(1.1);
3684
+ -ms-transform: translateX(0px) scale(1.1);
3685
+ transform: translateX(0px) scale(1.1);
3686
+ }
3687
+
3688
+ .premium-video-box-container:hover .premium-video-box-image-container.bright {
3689
+ -webkit-filter: brightness(1.2);
3690
+ filter: brightness(1.2);
3691
+ }
3692
+
3693
+ .premium-video-box-image-container.gray {
3694
+ -webkit-filter: grayscale(100%);
3695
+ filter: grayscale(100%);
3696
+ }
3697
+
3698
+ .premium-video-box-image-container.zoomout,
3699
+ .premium-video-box-image-container.scale {
3700
+ -webkit-transform: scale(1.2);
3701
+ -ms-transform: scale(1.2);
3702
+ transform: scale(1.2);
3703
+ }
3704
+
3705
+ .premium-video-box-image-container.sepia {
3706
+ -webkit-filter: sepia(30%);
3707
+ filter: sepia(30%);
3708
+ }
3709
+
3710
+ .premium-video-box-image-container.bright {
3711
+ -webkit-filter: brightness(1);
3712
+ filter: brightness(1);
3713
+ }
3714
+
3715
+ .premium-video-box-image-container.trans {
3716
+ -webkit-transform: translateX(15px) scale(1.1);
3717
+ -ms-transform: translateX(15px) scale(1.1);
3718
+ transform: translateX(15px) scale(1.1);
3719
+ }
3720
+
3721
+ .premium-video-box-mask-media {
3722
+ -webkit-mask-repeat: no-repeat;
3723
+ mask-repeat: no-repeat;
3724
+ }
3725
+
3726
+ /* Sticky Video Option */
3727
+ .premium-video-box-container.premium-video-box-sticky-apply {
3728
+ z-index: 99;
3729
+ overflow: unset;
3730
+ }
3731
+
3732
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3733
+ position: fixed !important;
3734
+ z-index: 99999;
3735
+ height: 225px;
3736
+ width: 400px;
3737
+ background: #fff;
3738
+ }
3739
+
3740
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-vimeo-wrap,
3741
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-container:before {
3742
+ visibility: hidden;
3743
+ }
3744
+
3745
+ .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 {
3746
+ -webkit-box-shadow: unset;
3747
+ box-shadow: unset;
3748
+ }
3749
+
3750
+ .premium-video-box-sticky-close,
3751
+ .premium-video-box-sticky-infobar {
3752
+ display: none;
3753
+ }
3754
+
3755
+ .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3756
+ position: absolute;
3757
+ padding: 5px;
3758
+ cursor: pointer;
3759
+ z-index: 99999;
3760
+ height: 14px;
3761
+ width: 14px;
3762
+ -webkit-box-sizing: content-box;
3763
+ -moz-box-sizing: content-box;
3764
+ box-sizing: content-box;
3765
+ -webkit-border-radius: 100%;
3766
+ border-radius: 100%;
3767
+ -js-display: flex;
3768
+ display: -webkit-box;
3769
+ display: -webkit-flex;
3770
+ display: -moz-box;
3771
+ display: -ms-flexbox;
3772
+ display: flex;
3773
+ -webkit-box-pack: center;
3774
+ -webkit-justify-content: center;
3775
+ -moz-box-pack: center;
3776
+ -ms-flex-pack: center;
3777
+ justify-content: center;
3778
+ -webkit-box-align: center;
3779
+ -webkit-align-items: center;
3780
+ -moz-box-align: center;
3781
+ -ms-flex-align: center;
3782
+ align-items: center;
3783
+ }
3784
+
3785
+ .premium-video-box-sticky-apply .premium-video-box-play-icon-container {
3786
+ -js-display: flex;
3787
+ display: -webkit-box;
3788
+ display: -webkit-flex;
3789
+ display: -moz-box;
3790
+ display: -ms-flexbox;
3791
+ display: flex;
3792
+ }
3793
+
3794
+ .premium-video-box-sticky-apply .premium-video-box-play-icon {
3795
+ -webkit-transition: none;
3796
+ transition: none;
3797
+ }
3798
+
3799
+ .premium-video-box-sticky-apply .premium-video-box-sticky-infobar {
3800
+ display: block;
3801
+ position: relative;
3802
+ top: 100%;
3803
+ width: 100%;
3804
+ padding: 5px;
3805
+ text-align: center;
3806
+ z-index: 9999;
3807
+ margin-top: -1px;
3808
+ }
3809
+
3810
+ .premium-video-box-sticky-apply .premium-video-box-inner-wrap.ui-draggable {
3811
+ cursor: move;
3812
+ }
3813
+
3814
+ .premium-video-sticky-top-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3815
+ left: auto;
3816
+ right: 20px;
3817
+ top: 20px;
3818
+ }
3819
+
3820
+ .premium-video-sticky-bottom-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3821
+ left: auto;
3822
+ right: 20px;
3823
+ bottom: 20px;
3824
+ }
3825
+
3826
+ .premium-video-sticky-top-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3827
+ right: auto;
3828
+ left: 20px;
3829
+ top: 20px;
3830
+ }
3831
+
3832
+ .premium-video-sticky-bottom-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3833
+ right: auto;
3834
+ left: 20px;
3835
+ bottom: 20px;
3836
+ }
3837
+
3838
+ .premium-video-sticky-center-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3839
+ left: auto;
3840
+ right: 20px;
3841
+ top: 50%;
3842
+ -webkit-transform: translateY(-50%);
3843
+ -ms-transform: translateY(-50%);
3844
+ transform: translateY(-50%);
3845
+ }
3846
+
3847
+ .premium-video-sticky-center-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3848
+ right: auto;
3849
+ left: 20px;
3850
+ top: 50%;
3851
+ -webkit-transform: translateY(-50%);
3852
+ -ms-transform: translateY(-50%);
3853
+ transform: translateY(-50%);
3854
+ }
3855
+
3856
+ .premium-video-sticky-bottom-right .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap,
3857
+ .premium-video-sticky-bottom-left .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3858
+ bottom: 55px;
3859
+ }
3860
+
3861
+ .premium-video-sticky-top-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3862
+ .premium-video-sticky-bottom-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3863
+ .premium-video-sticky-center-left .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3864
+ top: -10px;
3865
+ left: -10px;
3866
+ }
3867
+
3868
+ .premium-video-sticky-top-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3869
+ .premium-video-sticky-bottom-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3870
+ .premium-video-sticky-center-right .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3871
+ top: -10px;
3872
+ right: -10px;
3873
+ }
3874
+
3875
+ .premium-video-box-filter-sticky {
3876
+ -webkit-filter: none !important;
3877
+ filter: none !important;
3878
+ }
3879
+
3880
+ /**************** Premium Blog *****************/
3881
+ /***********************************************/
3882
+ .premium-blog-thumb-effect-wrapper {
3883
+ position: relative;
3884
+ overflow: hidden;
3885
+ }
3886
+
3887
+ .premium-blog-effect-container:not(.premium-blog-bordered-effect) .premium-blog-post-link {
3888
+ position: absolute;
3889
+ top: 0;
3890
+ right: 0;
3891
+ width: 100%;
3892
+ height: 100%;
3893
+ z-index: 2;
3894
+ padding: 20px;
3895
+ }
3896
+
3897
+ .premium-blog-bordered-effect .premium-blog-post-link {
3898
+ display: block;
3899
+ height: 100%;
3900
+ position: relative;
3901
+ }
3902
+
3903
+ /*Thumbnail Img*/
3904
+ .premium-blog-thumbnail-container {
3905
+ overflow: hidden;
3906
+ }
3907
+
3908
+ .premium-blog-thumbnail-container img,
3909
+ .premium-blog-thumbnail-container .below-entry-meta {
3910
+ width: 100%;
3911
+ height: 100%;
3912
+ margin: 0 !important;
3913
+ -webkit-transition: all 0.4s ease-in-out;
3914
+ transition: all 0.4s ease-in-out;
3915
+ }
3916
+
3917
+ .premium-blog-thumb-effect-wrapper .premium-blog-zoomout-effect img,
3918
+ .premium-blog-thumb-effect-wrapper .premium-blog-scale-effect img {
3919
+ -webkit-transform: scale(1.2);
3920
+ -ms-transform: scale(1.2);
3921
+ transform: scale(1.2);
3922
+ }
3923
+
3924
+ .premium-blog-thumb-effect-wrapper .premium-blog-sepia-effect img {
3925
+ -webkit-filter: sepia(30%);
3926
+ filter: sepia(30%);
3927
+ }
3928
+
3929
+ .premium-blog-thumb-effect-wrapper .premium-blog-bright-effect img {
3930
+ -webkit-filter: brightness(1);
3931
+ filter: brightness(1);
3932
+ }
3933
+
3934
+ .premium-blog-thumb-effect-wrapper .premium-blog-trans-effect img {
3935
+ -webkit-transform: translateX(15px) scale(1.1);
3936
+ -ms-transform: translateX(15px) scale(1.1);
3937
+ transform: translateX(15px) scale(1.1);
3938
+ }
3939
+
3940
+ .premium-blog-post-outer-container:hover .premium-blog-zoomin-effect img {
3941
+ -webkit-transform: scale(1.2);
3942
+ -ms-transform: scale(1.2);
3943
+ transform: scale(1.2);
3944
+ }
3945
+
3946
+ .premium-blog-post-outer-container:hover .premium-blog-zoomout-effect img {
3947
+ -webkit-transform: scale(1.1);
3948
+ -ms-transform: scale(1.1);
3949
+ transform: scale(1.1);
3950
+ }
3951
+
3952
+ .premium-blog-post-outer-container:hover .premium-blog-scale-effect img {
3953
+ -webkit-transform: scale(1.3) rotate(-5deg);
3954
+ -ms-transform: scale(1.3) rotate(-5deg);
3955
+ transform: scale(1.3) rotate(-5deg);
3956
+ }
3957
+
3958
+ .premium-blog-post-outer-container:hover .premium-blog-gray-effect img {
3959
+ -webkit-filter: grayscale(100%);
3960
+ filter: grayscale(100%);
3961
+ }
3962
+
3963
+ .premium-blog-post-outer-container:hover .premium-blog-blur-effect img {
3964
+ -webkit-filter: blur(3px);
3965
+ filter: blur(3px);
3966
+ }
3967
+
3968
+ .premium-blog-post-outer-container:hover .premium-blog-sepia-effect img {
3969
+ -webkit-filter: sepia(0%);
3970
+ filter: sepia(0%);
3971
+ }
3972
+
3973
+ .premium-blog-post-outer-container:hover .premium-blog-bright-effect img {
3974
+ -webkit-filter: brightness(1.2);
3975
+ filter: brightness(1.2);
3976
+ }
3977
+
3978
+ .premium-blog-post-outer-container:hover .premium-blog-trans-effect img {
3979
+ -webkit-transform: translateX(0px) scale(1.1);
3980
+ -ms-transform: translateX(0px) scale(1.1);
3981
+ transform: translateX(0px) scale(1.1);
3982
+ }
3983
+
3984
+ .premium-blog-post-container {
3985
+ overflow: hidden;
3986
+ }
3987
+
3988
+ .premium-blog-post-container .premium-blog-inner-container {
3989
+ -js-display: flex;
3990
+ display: -webkit-box;
3991
+ display: -webkit-flex;
3992
+ display: -moz-box;
3993
+ display: -ms-flexbox;
3994
+ display: flex;
3995
+ direction: rtl;
3996
+ }
3997
+
3998
+ .premium-blog-post-container .premium-blog-post-content {
3999
+ line-height: 1.5em;
4000
+ color: #777;
4001
+ font-size: 14px;
4002
+ margin-bottom: 10px;
4003
+ }
4004
+
4005
+ .premium-blog-post-container ul.post-categories a:hover,
4006
+ .premium-blog-post-container ul.post-categories a:focus,
4007
+ .premium-blog-post-container .premium-blog-post-link:hover,
4008
+ .premium-blog-post-container .premium-blog-post-link:focus {
4009
+ -webkit-box-shadow: none !important;
4010
+ box-shadow: none !important;
4011
+ outline: none !important;
4012
+ }
4013
+
4014
+ .premium-blog-post-container .premium-blog-entry-title {
4015
+ font-size: 18px;
4016
+ margin-bottom: 5px;
4017
+ }
4018
+
4019
+ .premium-blog-post-container.premium-blog-skin-modern .premium-blog-content-wrapper {
4020
+ position: relative;
4021
+ z-index: 3;
4022
+ top: -50px;
4023
+ }
4024
+
4025
+ .premium-blog-post-container .premium-blog-content-wrapper {
4026
+ background-color: #f5f5f5;
4027
+ padding: 30px;
4028
+ }
4029
+
4030
+ .premium-blog-post-container .premium-blog-content-wrapper.empty-thumb {
4031
+ top: 0;
4032
+ }
4033
+
4034
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before,
4035
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:after {
4036
+ position: absolute;
4037
+ content: "";
4038
+ z-index: 1;
4039
+ top: 50%;
4040
+ right: 50%;
4041
+ opacity: 0;
4042
+ -webkit-transform: translate(50%, -50%);
4043
+ -ms-transform: translate(50%, -50%);
4044
+ transform: translate(50%, -50%);
4045
+ -webkit-transition: all 0.4s linear 0s;
4046
+ transition: all 0.4s linear 0s;
4047
+ height: 1px;
4048
+ width: 100%;
4049
+ background-color: #fff;
4050
+ }
4051
+
4052
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before {
4053
+ width: 1px;
4054
+ height: 100%;
4055
+ }
4056
+
4057
+ .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 {
4058
+ width: 20px;
4059
+ opacity: 1;
4060
+ }
4061
+
4062
+ .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 {
4063
+ height: 20px;
4064
+ opacity: 1;
4065
+ }
4066
+
4067
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-content-wrapper {
4068
+ margin: 0px 10px 20px;
4069
+ clear: both;
4070
+ }
4071
+
4072
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay,
4073
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay,
4074
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay {
4075
+ position: absolute;
4076
+ top: 0;
4077
+ right: 0;
4078
+ width: 100%;
4079
+ height: 100%;
4080
+ -webkit-transition: all 0.3s ease-in-out;
4081
+ transition: all 0.3s ease-in-out;
4082
+ opacity: 0;
4083
+ }
4084
+
4085
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay a,
4086
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay a,
4087
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay a {
4088
+ -js-display: flex;
4089
+ display: -webkit-box;
4090
+ display: -webkit-flex;
4091
+ display: -moz-box;
4092
+ display: -ms-flexbox;
4093
+ display: flex;
4094
+ -webkit-box-pack: center;
4095
+ -webkit-justify-content: center;
4096
+ -moz-box-pack: center;
4097
+ -ms-flex-pack: center;
4098
+ justify-content: center;
4099
+ -webkit-box-align: center;
4100
+ -webkit-align-items: center;
4101
+ -moz-box-align: center;
4102
+ -ms-flex-align: center;
4103
+ align-items: center;
4104
+ width: 100%;
4105
+ height: 100%;
4106
+ }
4107
+
4108
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay span,
4109
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay i,
4110
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay span,
4111
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay i,
4112
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay span,
4113
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay i {
4114
+ -webkit-transition: all 0.3s ease-in-out;
4115
+ transition: all 0.3s ease-in-out;
4116
+ }
4117
+
4118
+ .premium-blog-post-container.premium-blog-skin-side {
4119
+ -js-display: flex;
4120
+ display: -webkit-box;
4121
+ display: -webkit-flex;
4122
+ display: -moz-box;
4123
+ display: -ms-flexbox;
4124
+ display: flex;
4125
+ }
4126
+
4127
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-container {
4128
+ height: 100%;
4129
+ }
4130
+
4131
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-content-wrapper {
4132
+ -webkit-box-flex: 1;
4133
+ -webkit-flex: 1;
4134
+ -moz-box-flex: 1;
4135
+ -ms-flex: 1;
4136
+ flex: 1;
4137
+ }
4138
+
4139
+ .premium-blog-post-container.premium-blog-skin-banner {
4140
+ position: relative;
4141
+ }
4142
+
4143
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper {
4144
+ position: absolute;
4145
+ width: 100%;
4146
+ bottom: 0;
4147
+ -js-display: flex;
4148
+ display: -webkit-box;
4149
+ display: -webkit-flex;
4150
+ display: -moz-box;
4151
+ display: -ms-flexbox;
4152
+ display: flex;
4153
+ -webkit-box-orient: vertical;
4154
+ -webkit-box-direction: normal;
4155
+ -webkit-flex-direction: column;
4156
+ -moz-box-orient: vertical;
4157
+ -moz-box-direction: normal;
4158
+ -ms-flex-direction: column;
4159
+ flex-direction: column;
4160
+ background-color: transparent;
4161
+ z-index: 3;
4162
+ }
4163
+
4164
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper-inner {
4165
+ -webkit-transition: -webkit-transform 0.3s ease-in-out;
4166
+ transition: -webkit-transform 0.3s ease-in-out;
4167
+ transition: transform 0.3s ease-in-out;
4168
+ transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
4169
+ }
4170
+
4171
+ .premium-blog-post-container.premium-blog-skin-banner:hover .premium-blog-content-wrapper-inner {
4172
+ -webkit-transform: translateY(-5px);
4173
+ -ms-transform: translateY(-5px);
4174
+ transform: translateY(-5px);
4175
+ }
4176
+
4177
+ .premium-blog-post-container .premium-blog-cats-container ul.post-categories {
4178
+ margin: 0;
4179
+ padding: 0;
4180
+ list-style: none;
4181
+ -js-display: flex;
4182
+ display: -webkit-box;
4183
+ display: -webkit-flex;
4184
+ display: -moz-box;
4185
+ display: -ms-flexbox;
4186
+ display: flex;
4187
+ }
4188
+
4189
+ .premium-blog-post-container .premium-blog-cats-container a {
4190
+ display: block;
4191
+ font-size: 12px;
4192
+ color: #fff;
4193
+ background-color: #777;
4194
+ margin: 0 0 10px 3px;
4195
+ padding: 5px;
4196
+ -webkit-transition: all 0.3s ease-in-out;
4197
+ transition: all 0.3s ease-in-out;
4198
+ }
4199
+
4200
+ /*
4201
+ * Diagonal Effect
4202
+ */
4203
+ .premium-blog-diagonal-container {
4204
+ position: absolute;
4205
+ top: 0;
4206
+ right: 0;
4207
+ width: 100%;
4208
+ height: 100%;
4209
+ }
4210
+
4211
+ .premium-blog-diagonal-effect:before {
4212
+ position: absolute;
4213
+ top: 0px;
4214
+ right: 0px;
4215
+ width: 100%;
4216
+ height: 100%;
4217
+ content: " ";
4218
+ z-index: 1;
4219
+ background: rgba(255, 255, 255, 0.2);
4220
+ -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
4221
+ transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
4222
+ -webkit-transition: all 0.3s linear 0s;
4223
+ transition: all 0.3s linear 0s;
4224
+ }
4225
+
4226
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-diagonal-effect:before {
4227
+ -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
4228
+ transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
4229
+ }
4230
+
4231
+ /*
4232
+ * Framed Effect
4233
+ */
4234
+ .premium-blog-framed-effect {
4235
+ position: absolute;
4236
+ width: -webkit-calc(100% - 30px);
4237
+ width: calc(100% - 30px);
4238
+ height: -webkit-calc(100% - 30px);
4239
+ height: calc(100% - 30px);
4240
+ top: 15px;
4241
+ right: 15px;
4242
+ opacity: 0;
4243
+ -webkit-transform: scale(0.3);
4244
+ -ms-transform: scale(0.3);
4245
+ transform: scale(0.3);
4246
+ -webkit-transition: all 0.3s linear 0s;
4247
+ transition: all 0.3s linear 0s;
4248
+ }
4249
+
4250
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-framed-effect {
4251
+ opacity: 0.99;
4252
+ -webkit-transform: scale(1);
4253
+ -ms-transform: scale(1);
4254
+ transform: scale(1);
4255
+ }
4256
+
4257
+ /*
4258
+ * Bordered Effect
4259
+ */
4260
+ .premium-blog-bordered-effect {
4261
+ position: absolute;
4262
+ top: 0;
4263
+ right: 0;
4264
+ width: 100%;
4265
+ height: 100%;
4266
+ opacity: 0;
4267
+ padding: 15px;
4268
+ -webkit-transition: all 0.3s linear 0s;
4269
+ transition: all 0.3s linear 0s;
4270
+ }
4271
+
4272
+ .premium-blog-bordered-effect .premium-blog-post-link:before,
4273
+ .premium-blog-bordered-effect .premium-blog-post-link:after {
4274
+ content: "";
4275
+ display: block;
4276
+ position: absolute;
4277
+ top: 0;
4278
+ right: 0;
4279
+ width: 100%;
4280
+ height: 100%;
4281
+ -webkit-transition: all 0.5s linear 0s;
4282
+ transition: all 0.5s linear 0s;
4283
+ -webkit-transition-delay: 0s;
4284
+ transition-delay: 0s;
4285
+ border-color: rgba(255, 255, 255, 0.45);
4286
+ }
4287
+
4288
+ .premium-blog-bordered-effect .premium-blog-post-link:before {
4289
+ border-left: 2px solid;
4290
+ border-right: 2px solid;
4291
+ -webkit-transform: scale(1, 0);
4292
+ -ms-transform: scale(1, 0);
4293
+ transform: scale(1, 0);
4294
+ -webkit-transform-origin: 0% 0;
4295
+ -ms-transform-origin: 0% 0;
4296
+ transform-origin: 0% 0;
4297
+ }
4298
+
4299
+ .premium-blog-bordered-effect .premium-blog-post-link:after {
4300
+ border-top: 2px solid;
4301
+ border-bottom: 2px solid;
4302
+ -webkit-transform: scale(0, 1);
4303
+ -ms-transform: scale(0, 1);
4304
+ transform: scale(0, 1);
4305
+ -webkit-transform-origin: 100% 0;
4306
+ -ms-transform-origin: 100% 0;
4307
+ transform-origin: 100% 0;
4308
+ }
4309
+
4310
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect {
4311
+ opacity: 0.99;
4312
+ }
4313
+
4314
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect .premium-blog-post-link:before,
4315
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect .premium-blog-post-link:after {
4316
+ -webkit-transition-delay: 0.15s;
4317
+ transition-delay: 0.15s;
4318
+ opacity: 1;
4319
+ -webkit-transform: scale(1);
4320
+ -ms-transform: scale(1);
4321
+ transform: scale(1);
4322
+ }
4323
+
4324
+ /*
4325
+ * Squares Effect
4326
+ */
4327
+ .premium-blog-squares-effect,
4328
+ .premium-blog-squares-square-container {
4329
+ position: absolute;
4330
+ top: 0;
4331
+ right: 0;
4332
+ width: 100%;
4333
+ height: 100%;
4334
+ }
4335
+
4336
+ .premium-blog-squares-effect:before,
4337
+ .premium-blog-squares-effect:after {
4338
+ position: absolute;
4339
+ content: "";
4340
+ top: 0;
4341
+ right: 0;
4342
+ width: 50%;
4343
+ height: 50%;
4344
+ -webkit-transform: translate(100%, -100%);
4345
+ -ms-transform: translate(100%, -100%);
4346
+ transform: translate(100%, -100%);
4347
+ opacity: 0.7;
4348
+ -webkit-transition: all 0.3s linear 0s;
4349
+ transition: all 0.3s linear 0s;
4350
+ }
4351
+
4352
+ .premium-blog-squares-square-container:before,
4353
+ .premium-blog-squares-square-container:after {
4354
+ position: absolute;
4355
+ content: "";
4356
+ top: 0;
4357
+ right: 0;
4358
+ width: 50%;
4359
+ height: 50%;
4360
+ -webkit-transform: translate(100%, -100%);
4361
+ -ms-transform: translate(100%, -100%);
4362
+ transform: translate(100%, -100%);
4363
+ opacity: 0.7;
4364
+ -webkit-transition: all 0.3s linear 0s;
4365
+ transition: all 0.3s linear 0s;
4366
+ }
4367
+
4368
+ .premium-blog-squares-square-container:before,
4369
+ .premium-blog-squares-square-container:after {
4370
+ opacity: 0.8;
4371
+ }
4372
+
4373
+ .premium-blog-squares-effect:after {
4374
+ -webkit-transform: translate(-200%, 200%);
4375
+ -ms-transform: translate(-200%, 200%);
4376
+ transform: translate(-200%, 200%);
4377
+ }
4378
+
4379
+ .premium-blog-squares-square-container:before {
4380
+ -webkit-transform: translate(100%, 200%);
4381
+ -ms-transform: translate(100%, 200%);
4382
+ transform: translate(100%, 200%);
4383
+ }
4384
+
4385
+ .premium-blog-squares-square-container:after {
4386
+ -webkit-transform: translate(-200%, -100%);
4387
+ -ms-transform: translate(-200%, -100%);
4388
+ transform: translate(-200%, -100%);
4389
+ }
4390
+
4391
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:before {
4392
+ -webkit-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
4393
+ -ms-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
4394
+ transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
4395
+ }
4396
+
4397
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:after {
4398
+ -webkit-transform: translate(-100%, 100%) scaleY(1.003) scaleX(1.003);
4399
+ -ms-transform: translate(-100%, 100%) scaleY(1.003) scaleX(1.003);
4400
+ transform: translate(-100%, 100%) scaleY(1.003) scaleX(1.003);
4401
+ }
4402
+
4403
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:before {
4404
+ -webkit-transform: translate(0, 100%);
4405
+ -ms-transform: translate(0, 100%);
4406
+ transform: translate(0, 100%);
4407
+ }
4408
+
4409
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:after {
4410
+ -webkit-transform: translate(-100%, 0%);
4411
+ -ms-transform: translate(-100%, 0%);
4412
+ transform: translate(-100%, 0%);
4413
+ }
4414
+
4415
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay {
4416
+ opacity: 1;
4417
+ }
4418
+
4419
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay a {
4420
+ opacity: 1;
4421
+ -webkit-transform: scale(1);
4422
+ -ms-transform: scale(1);
4423
+ transform: scale(1);
4424
+ }
4425
+
4426
+ .premium-blog-clear-fix {
4427
+ clear: both;
4428
+ }
4429
+
4430
+ .premium-blog-masked .premium-blog-thumbnail-container {
4431
+ position: relative;
4432
+ overflow: visible;
4433
+ }
4434
+
4435
+ .premium-blog-masked .premium-blog-thumbnail-container svg {
4436
+ position: absolute;
4437
+ height: 100px;
4438
+ width: 100%;
4439
+ bottom: -5px;
4440
+ right: 0;
4441
+ fill: #f5f5f5;
4442
+ z-index: 99;
4443
+ }
4444
+
4445
+ .premium-blog-masked .premium-blog-thumbnail-container svg.premium-blog-shape-divider-svg {
4446
+ -webkit-transform: rotate(180deg);
4447
+ -ms-transform: rotate(180deg);
4448
+ transform: rotate(180deg);
4449
+ }
4450
+
4451
+ .premium-blog-masked .premium-blog-author-thumbnail,
4452
+ .premium-blog-masked .premium-blog-skin-banner .premium-blog-content-wrapper {
4453
+ z-index: 999 !important;
4454
+ }
4455
+
4456
+ /*Post Format Container*/
4457
+ .premium-blog-format-link {
4458
+ padding: 5px;
4459
+ line-height: 0;
4460
+ }
4461
+
4462
+ /*Post Format Icon*/
4463
+ /*Post Format Content Margin */
4464
+ .premium-blog-entry-meta {
4465
+ line-height: 1.3em;
4466
+ font-size: 12px;
4467
+ margin-bottom: 13px;
4468
+ color: #adadad;
4469
+ }
4470
+
4471
+ .premium-blog-entry-meta i {
4472
+ margin-left: 3px;
4473
+ -webkit-transition: all 0.3s ease-in-out;
4474
+ transition: all 0.3s ease-in-out;
4475
+ }
4476
+
4477
+ .premium-blog-meta-data {
4478
+ display: inline-block;
4479
+ }
4480
+
4481
+ .premium-blog-meta-data .premium-blog-meta-separator {
4482
+ margin: 0 5px;
4483
+ }
4484
+
4485
+ .premium-blog-meta-data a,
4486
+ .premium-blog-meta-data span {
4487
+ color: inherit;
4488
+ -webkit-transition: all 0.3s ease-in-out;
4489
+ transition: all 0.3s ease-in-out;
4490
+ }
4491
+
4492
+ .premium-blog-author-thumbnail {
4493
+ position: relative;
4494
+ padding: 0 30px;
4495
+ width: 100%;
4496
+ top: -10px;
4497
+ height: 0;
4498
+ pointer-events: none;
4499
+ }
4500
+
4501
+ .premium-blog-author-thumbnail img {
4502
+ -webkit-border-radius: 50%;
4503
+ border-radius: 50%;
4504
+ width: 60px;
4505
+ pointer-events: all;
4506
+ -webkit-transform: translateY(-50%);
4507
+ -ms-transform: translateY(-50%);
4508
+ transform: translateY(-50%);
4509
+ }
4510
+
4511
+ .premium-blog-entry-title a,
4512
+ .premium-blog-post-tags-container a,
4513
+ .premium-blog-post-content .premium-blog-excerpt-link {
4514
+ -webkit-transition: all 0.3s ease-in-out;
4515
+ transition: all 0.3s ease-in-out;
4516
+ }
4517
+
4518
+ .premium-blog-excerpt-link-wrap a.premium-blog-excerpt-link {
4519
+ background-color: transparent;
4520
+ color: #54595f;
4521
+ padding: 0;
4522
+ }
4523
+
4524
+ .premium-blog-cta-full-yes .premium-blog-excerpt-link {
4525
+ width: 100%;
4526
+ }
4527
+
4528
+ .premium-blog-post-tags-container {
4529
+ margin-top: 8px;
4530
+ -js-display: flex;
4531
+ display: -webkit-box;
4532
+ display: -webkit-flex;
4533
+ display: -moz-box;
4534
+ display: -ms-flexbox;
4535
+ display: flex;
4536
+ -webkit-box-align: center;
4537
+ -webkit-align-items: center;
4538
+ -moz-box-align: center;
4539
+ -ms-flex-align: center;
4540
+ align-items: center;
4541
+ -webkit-flex-wrap: wrap;
4542
+ -ms-flex-wrap: wrap;
4543
+ flex-wrap: wrap;
4544
+ }
4545
+
4546
+ .premium-blog-post-tags-container a {
4547
+ color: inherit;
4548
+ margin-right: 5px;
4549
+ }
4550
+
4551
+ .premium-blog-align-center .post-categories,
4552
+ .premium-blog-align-center .premium-blog-inner-container,
4553
+ .premium-blog-align-center .premium-blog-post-tags-container {
4554
+ -webkit-box-pack: center;
4555
+ -webkit-justify-content: center;
4556
+ -moz-box-pack: center;
4557
+ -ms-flex-pack: center;
4558
+ justify-content: center;
4559
+ }
4560
+
4561
+ .premium-blog-align-left .premium-blog-post-container .post-categories,
4562
+ .premium-blog-align-left .premium-blog-post-container .premium-blog-inner-container,
4563
+ .premium-blog-align-left .premium-blog-post-container .premium-blog-post-tags-container {
4564
+ -webkit-box-pack: end;
4565
+ -webkit-justify-content: flex-end;
4566
+ -moz-box-pack: end;
4567
+ -ms-flex-pack: end;
4568
+ justify-content: flex-end;
4569
+ }
4570
+
4571
+ /* .premium-blog-align-left .premium-blog-post-container.premium-blog-skin-cards .post-categories,
4572
+ .premium-blog-align-left .premium-blog-post-container.premium-blog-skin-cards .premium-blog-inner-container,
4573
+ .premium-blog-align-left .premium-blog-post-container.premium-blog-skin-cards .premium-blog-post-tags-container {
4574
+ -webkit-box-pack: start;
4575
+ -webkit-justify-content: flex-start;
4576
+ -moz-box-pack: start;
4577
+ -ms-flex-pack: start;
4578
+ justify-content: flex-start;
4579
+ } */
4580
+
4581
+ .premium-blog-align-right .premium-blog-post-container .post-categories,
4582
+ .premium-blog-align-right .premium-blog-post-container .premium-blog-inner-container,
4583
+ .premium-blog-align-right .premium-blog-post-container .premium-blog-post-tags-container {
4584
+ -webkit-box-pack: start;
4585
+ -webkit-justify-content: flex-start;
4586
+ -moz-box-pack: start;
4587
+ -ms-flex-pack: start;
4588
+ justify-content: flex-start;
4589
+ }
4590
+
4591
+ /* .premium-blog-align-right .premium-blog-post-container.premium-blog-skin-cards .post-categories,
4592
+ .premium-blog-align-right .premium-blog-post-container.premium-blog-skin-cards .premium-blog-inner-container,
4593
+ .premium-blog-align-right .premium-blog-post-container.premium-blog-skin-cards .premium-blog-post-tags-container {
4594
+ -webkit-box-pack: end;
4595
+ -webkit-justify-content: flex-end;
4596
+ -moz-box-pack: end;
4597
+ -ms-flex-pack: end;
4598
+ justify-content: flex-end;
4599
+ } */
4600
+
4601
+ /* Pagination */
4602
+ .premium-blog-pagination-container {
4603
+ text-align: left;
4604
+ }
4605
+
4606
+ .premium-blog-pagination-container span {
4607
+ cursor: default;
4608
+ }
4609
+
4610
+ .premium-blog-pagination-container .page-numbers {
4611
+ display: inline-block;
4612
+ color: #000;
4613
+ line-height: 1;
4614
+ font-size: 1em;
4615
+ font-weight: 400;
4616
+ text-decoration: none;
4617
+ padding: 0.75em;
4618
+ margin: 0 0 0.4em 0.4em;
4619
+ -webkit-transition: all 0.2s ease-in-out;
4620
+ transition: all 0.2s ease-in-out;
4621
+ }
4622
+
4623
+ .premium-blog-wrap .premium-loading-feed {
4624
+ display: block;
4625
+ position: absolute;
4626
+ width: 100%;
4627
+ height: 100%;
4628
+ top: 0px;
4629
+ right: 0px;
4630
+ bottom: 0px;
4631
+ left: 0px;
4632
+ background: rgba(255, 255, 255, 0.2);
4633
+ -js-display: flex;
4634
+ display: -webkit-box;
4635
+ display: -webkit-flex;
4636
+ display: -moz-box;
4637
+ display: -ms-flexbox;
4638
+ display: flex;
4639
+ -webkit-box-align: center;
4640
+ -webkit-align-items: center;
4641
+ -moz-box-align: center;
4642
+ -ms-flex-align: center;
4643
+ align-items: center;
4644
+ z-index: 99;
4645
+ }
4646
+
4647
+ .premium-blog-wrap {
4648
+ -js-display: flex;
4649
+ display: -webkit-box;
4650
+ display: -webkit-flex;
4651
+ display: -moz-box;
4652
+ display: -ms-flexbox;
4653
+ display: flex;
4654
+ -webkit-flex-wrap: wrap;
4655
+ -ms-flex-wrap: wrap;
4656
+ flex-wrap: wrap;
4657
+ }
4658
+
4659
+ .premium-blog-wrap ul.slick-dots {
4660
+ width: 100%;
4661
+ }
4662
+
4663
+ /**
4664
+ * Even Layout
4665
+ */
4666
+ .premium-blog-even .premium-blog-post-container {
4667
+ height: 100%;
4668
+ }
4669
+
4670
+ .premium-blog-even .slick-track {
4671
+ -js-display: flex;
4672
+ display: -webkit-box;
4673
+ display: -webkit-flex;
4674
+ display: -moz-box;
4675
+ display: -ms-flexbox;
4676
+ display: flex;
4677
+ }
4678
+
4679
+ .premium-blog-even .slick-slide {
4680
+ height: inherit !important;
4681
+ }
4682
+
4683
+ /**
4684
+ * Responsive Style
4685
+ */
4686
+ @media (max-width: 768px) {
4687
+ .premium-blog-content-wrapper {
4688
+ top: 0;
4689
+ margin: 0;
4690
+ padding: 15px;
4691
+ }
4692
+
4693
+ .premium-blog-thumb-effect-wrapper {
4694
+ margin-bottom: 15px;
4695
+ }
4696
+ }
4697
+
4698
+ [dir="rtl"] .premium-blog-wrap.slick-slider .slick-list,
4699
+ [dir="rtl"] .premium-blog-wrap.slick-slider .slick-track {
4700
+ direction: ltr;
4701
+ }
4702
+
4703
+ /************ Premium Team Members ************/
4704
+ /*********************************************/
4705
+ .premium-person-container {
4706
+ position: relative;
4707
+ }
4708
+
4709
+ .premium-person-image-container {
4710
+ position: relative;
4711
+ text-align: center;
4712
+ overflow: hidden;
4713
+ }
4714
+
4715
+ .premium-person-image-container .premium-person-image-wrap {
4716
+ overflow: hidden;
4717
+ }
4718
+
4719
+ .premium-person-zoomout-effect .premium-person-image-container img,
4720
+ .premium-person-scale-effect .premium-person-image-container img {
4721
+ -webkit-transform: scale(1.2);
4722
+ -ms-transform: scale(1.2);
4723
+ transform: scale(1.2);
4724
+ }
4725
+
4726
+ .premium-person-sepia-effect .premium-person-image-container img {
4727
+ -webkit-filter: sepia(30%);
4728
+ filter: sepia(30%);
4729
+ }
4730
+
4731
+ .premium-person-bright-effect .premium-person-image-container img {
4732
+ -webkit-filter: brightness(1);
4733
+ filter: brightness(1);
4734
+ }
4735
+
4736
+ .premium-person-trans-effect .premium-person-image-container img {
4737
+ -webkit-transform: translateX(15px) scale(1.1);
4738
+ -ms-transform: translateX(15px) scale(1.1);
4739
+ transform: translateX(15px) scale(1.1);
4740
+ }
4741
+
4742
+ .premium-person-zoomin-effect:hover .premium-person-image-container img {
4743
+ -webkit-transform: scale(1.2);
4744
+ -ms-transform: scale(1.2);
4745
+ transform: scale(1.2);
4746
+ }
4747
+
4748
+ .premium-person-zoomout-effect:hover .premium-person-image-container img {
4749
+ -webkit-transform: scale(1.1);
4750
+ -ms-transform: scale(1.1);
4751
+ transform: scale(1.1);
4752
+ }
4753
+
4754
+ .premium-person-scale-effect:hover .premium-person-image-container img {
4755
+ -webkit-transform: scale(1.3) rotate(-5deg);
4756
+ -ms-transform: scale(1.3) rotate(-5deg);
4757
+ transform: scale(1.3) rotate(-5deg);
4758
+ }
4759
+
4760
+ .premium-person-grayscale-effect:hover .premium-person-image-container img {
4761
+ -webkit-filter: grayscale(100%);
4762
+ filter: grayscale(100%);
4763
+ }
4764
+
4765
+ .premium-person-blur-effect:hover .premium-person-image-container img {
4766
+ -webkit-filter: blur(3px);
4767
+ filter: blur(3px);
4768
+ }
4769
+
4770
+ .premium-person-sepia-effect:hover .premium-person-image-container img {
4771
+ -webkit-filter: sepia(0%);
4772
+ filter: sepia(0%);
4773
+ }
4774
+
4775
+ .premium-person-bright-effect:hover .premium-person-image-container img {
4776
+ -webkit-filter: brightness(1.2);
4777
+ filter: brightness(1.2);
4778
+ }
4779
+
4780
+ .premium-person-trans-effect:hover .premium-person-image-container img {
4781
+ -webkit-transform: translateX(0px) scale(1.1);
4782
+ -ms-transform: translateX(0px) scale(1.1);
4783
+ transform: translateX(0px) scale(1.1);
4784
+ }
4785
+
4786
+ .premium-person-container .premium-person-image-container img {
4787
+ width: 100%;
4788
+ height: 100%;
4789
+ -o-object-fit: cover;
4790
+ object-fit: cover;
4791
+ -webkit-transition: all 0.5s ease-in-out;
4792
+ transition: all 0.5s ease-in-out;
4793
+ }
4794
+
4795
+ .premium-person-style2 .premium-person-social {
4796
+ position: absolute;
4797
+ top: 0;
4798
+ right: 0;
4799
+ width: 100%;
4800
+ height: 100%;
4801
+ z-index: 2;
4802
+ -js-display: flex;
4803
+ display: -webkit-box;
4804
+ display: -webkit-flex;
4805
+ display: -moz-box;
4806
+ display: -ms-flexbox;
4807
+ display: flex;
4808
+ -webkit-box-pack: center;
4809
+ -webkit-justify-content: center;
4810
+ -moz-box-pack: center;
4811
+ -ms-flex-pack: center;
4812
+ justify-content: center;
4813
+ -webkit-box-align: center;
4814
+ -webkit-align-items: center;
4815
+ -moz-box-align: center;
4816
+ -ms-flex-align: center;
4817
+ align-items: center;
4818
+ -webkit-box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
4819
+ box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
4820
+ -webkit-transition: all 0.5s linear 0s;
4821
+ transition: all 0.5s linear 0s;
4822
+ opacity: 0;
4823
+ }
4824
+
4825
+ .premium-person-style2 .premium-person-image-container:hover .premium-person-social {
4826
+ opacity: 1;
4827
+ }
4828
+
4829
+ .premium-person-list-item a {
4830
+ display: inline-block;
4831
+ }
4832
+
4833
+ .premium-person-style2 .premium-person-list-item a {
4834
+ opacity: 0;
4835
+ -webkit-transform: scale(0);
4836
+ -ms-transform: scale(0);
4837
+ transform: scale(0);
4838
+ -webkit-transition: all 0.5s ease-in-out 0s;
4839
+ transition: all 0.5s ease-in-out 0s;
4840
+ }
4841
+
4842
+ .premium-person-style2 .premium-person-image-container:hover .premium-person-list-item a {
4843
+ opacity: 1;
4844
+ -webkit-transform: scale(1);
4845
+ -ms-transform: scale(1);
4846
+ transform: scale(1);
4847
+ }
4848
+
4849
+ .premium-person-info-container {
4850
+ padding: 30px 15px;
4851
+ }
4852
+
4853
+ .premium-person-name {
4854
+ margin: 0 0 5px;
4855
+ font-weight: 700;
4856
+ }
4857
+
4858
+ .premium-person-title {
4859
+ margin: 0 0 20px;
4860
+ padding: 0;
4861
+ }
4862
+
4863
+ .premium-person-content {
4864
+ margin: 0 0 30px;
4865
+ }
4866
+
4867
+ /*Override Theme List Margin*/
4868
+ ul.premium-person-social-list {
4869
+ margin: 0px !important;
4870
+ padding: 0;
4871
+ }
4872
+
4873
+ .premium-person-social-list .premium-person-list-item {
4874
+ display: inline;
4875
+ list-style: none;
4876
+ }
4877
+
4878
+ .premium-person-social-list li {
4879
+ position: relative;
4880
+ bottom: 0px;
4881
+ -webkit-transition: all 0.2s ease-in-out;
4882
+ transition: all 0.2s ease-in-out;
4883
+ }
4884
+
4885
+ .premium-person-social-list li i {
4886
+ position: relative;
4887
+ bottom: 0px;
4888
+ -webkit-transition: all 0.2s ease-in-out;
4889
+ transition: all 0.2s ease-in-out;
4890
+ }
4891
+
4892
+ .premium-person-defaults-yes li.premium-person-facebook:hover a {
4893
+ background-color: #3b5998 !important;
4894
+ }
4895
+
4896
+ .premium-person-defaults-yes li.premium-person-twitter:hover a {
4897
+ background-color: #55acee !important;
4898
+ }
4899
+
4900
+ .premium-person-defaults-yes li.premium-person-linkedin:hover a {
4901
+ background-color: #0077b5 !important;
4902
+ }
4903
+
4904
+ .premium-person-defaults-yes li.premium-person-google:hover a {
4905
+ background-color: #dc4e41 !important;
4906
+ }
4907
+
4908
+ .premium-person-defaults-yes li.premium-person-youtube:hover a {
4909
+ background-color: #b31217 !important;
4910
+ }
4911
+
4912
+ .premium-person-defaults-yes li.premium-person-instagram:hover a {
4913
+ background-color: #e4405f !important;
4914
+ }
4915
+
4916
+ .premium-person-defaults-yes li.premium-person-skype:hover a {
4917
+ background-color: #00aff0 !important;
4918
+ }
4919
+
4920
+ .premium-person-defaults-yes li.premium-person-pinterest:hover a {
4921
+ background-color: #bd081c !important;
4922
+ }
4923
+
4924
+ .premium-person-defaults-yes li.premium-person-dribbble:hover a {
4925
+ background-color: #ea4c89 !important;
4926
+ }
4927
+
4928
+ .premium-person-defaults-yes li.premium-person-mail:hover a {
4929
+ background-color: #b23121 !important;
4930
+ }
4931
+
4932
+ .premium-person-defaults-yes li.premium-person-behance:hover a {
4933
+ background-color: #1769ff !important;
4934
+ }
4935
+
4936
+ .premium-person-defaults-yes li.premium-person-whatsapp:hover a {
4937
+ background-color: #25d366 !important;
4938
+ }
4939
+
4940
+ .premium-person-defaults-yes li.premium-person-telegram:hover a {
4941
+ background-color: #0088cc !important;
4942
+ }
4943
+
4944
+ .premium-person-defaults-yes li.premium-person-site:hover a {
4945
+ background-color: #0055a5 !important;
4946
+ }
4947
+
4948
+ .premium-person-social-list li:hover a {
4949
+ -webkit-box-shadow: none;
4950
+ box-shadow: none;
4951
+ }
4952
+
4953
+ .premium-person-social-list li a:focus {
4954
+ -webkit-box-shadow: none;
4955
+ box-shadow: none;
4956
+ outline: none;
4957
+ }
4958
+
4959
+ .premium-person-social-list li i {
4960
+ font-size: 18px;
4961
+ }
4962
+
4963
+ .elementor-widget-premium-addon-person .elementor-widget-container {
4964
+ -js-display: flex;
4965
+ display: -webkit-box;
4966
+ display: -webkit-flex;
4967
+ display: -moz-box;
4968
+ display: -ms-flexbox;
4969
+ display: flex;
4970
+ -webkit-box-pack: center;
4971
+ -webkit-justify-content: center;
4972
+ -moz-box-pack: center;
4973
+ -ms-flex-pack: center;
4974
+ justify-content: center;
4975
+ }
4976
+
4977
+ .premium-persons-container.multiple-persons {
4978
+ -js-display: flex;
4979
+ display: -webkit-box;
4980
+ display: -webkit-flex;
4981
+ display: -moz-box;
4982
+ display: -ms-flexbox;
4983
+ display: flex;
4984
+ -webkit-flex-wrap: wrap;
4985
+ -ms-flex-wrap: wrap;
4986
+ flex-wrap: wrap;
4987
+ width: 100%;
4988
+ }
4989
+
4990
+ .premium-person-style1 .premium-person-container {
4991
+ overflow: hidden;
4992
+ }
4993
+
4994
+ .premium-person-style1 .premium-person-container .premium-person-info {
4995
+ position: absolute;
4996
+ top: auto;
4997
+ left: 0;
4998
+ right: 0;
4999
+ -webkit-transition: all 500ms ease 0s;
5000
+ transition: all 500ms ease 0s;
5001
+ -webkit-transform: translate3d(0, 100%, 0);
5002
+ transform: translate3d(0, 100%, 0);
5003
+ }
5004
+
5005
+ .premium-person-style1 .premium-person-container:hover .premium-person-info {
5006
+ -webkit-transform: translate3d(0, 0, 0);
5007
+ transform: translate3d(0, 0, 0);
5008
+ bottom: -1px !important;
5009
+ }
5010
+
5011
+ .premium-person-style1 .premium-person-social-list li:hover {
5012
+ bottom: 5px;
5013
+ }
5014
+
5015
+ .premium-person-style1.multiple-persons:not([data-persons-equal="yes"]) {
5016
+ -webkit-box-align: start;
5017
+ -webkit-align-items: flex-start;
5018
+ -moz-box-align: start;
5019
+ -ms-flex-align: start;
5020
+ align-items: flex-start;
5021
+ }
5022
+
5023
+ .premium-person-style1 .slick-track {
5024
+ -js-display: flex;
5025
+ display: -webkit-box;
5026
+ display: -webkit-flex;
5027
+ display: -moz-box;
5028
+ display: -ms-flexbox;
5029
+ display: flex;
5030
+ }
5031
+
5032
+ .premium-person-style1 .slick-slide {
5033
+ height: inherit !important;
5034
+ }
5035
+
5036
+ .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-container,
5037
+ .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-wrap {
5038
+ height: 100%;
5039
+ }
5040
+
5041
+ .premium-person-style3 .premium-person-info-container {
5042
+ position: absolute;
5043
+ top: 0;
5044
+ right: 0;
5045
+ width: 100%;
5046
+ height: 100%;
5047
+ -js-display: flex;
5048
+ display: -webkit-box;
5049
+ display: -webkit-flex;
5050
+ display: -moz-box;
5051
+ display: -ms-flexbox;
5052
+ display: flex;
5053
+ -webkit-box-orient: vertical;
5054
+ -webkit-box-direction: normal;
5055
+ -webkit-flex-direction: column;
5056
+ -moz-box-orient: vertical;
5057
+ -moz-box-direction: normal;
5058
+ -ms-flex-direction: column;
5059
+ flex-direction: column;
5060
+ -webkit-box-pack: justify;
5061
+ -webkit-justify-content: space-between;
5062
+ -moz-box-pack: justify;
5063
+ -ms-flex-pack: justify;
5064
+ justify-content: space-between;
5065
+ }
5066
+
5067
+ .premium-person-style3 .premium-person-title-desc-wrap {
5068
+ -js-display: flex;
5069
+ display: -webkit-box;
5070
+ display: -webkit-flex;
5071
+ display: -moz-box;
5072
+ display: -ms-flexbox;
5073
+ display: flex;
5074
+ -webkit-box-orient: horizontal;
5075
+ -webkit-box-direction: reverse;
5076
+ -webkit-flex-direction: row-reverse;
5077
+ -moz-box-orient: horizontal;
5078
+ -moz-box-direction: reverse;
5079
+ -ms-flex-direction: row-reverse;
5080
+ flex-direction: row-reverse;
5081
+ -webkit-box-pack: justify;
5082
+ -webkit-justify-content: space-between;
5083
+ -moz-box-pack: justify;
5084
+ -ms-flex-pack: justify;
5085
+ justify-content: space-between;
5086
+ -webkit-box-align: start;
5087
+ -webkit-align-items: flex-start;
5088
+ -moz-box-align: start;
5089
+ -ms-flex-align: start;
5090
+ align-items: flex-start;
5091
+ }
5092
+
5093
+ .premium-person-style3 .premium-person-name-icons-wrap {
5094
+ -js-display: flex;
5095
+ display: -webkit-box;
5096
+ display: -webkit-flex;
5097
+ display: -moz-box;
5098
+ display: -ms-flexbox;
5099
+ display: flex;
5100
+ -webkit-box-pack: justify;
5101
+ -webkit-justify-content: space-between;
5102
+ -moz-box-pack: justify;
5103
+ -ms-flex-pack: justify;
5104
+ justify-content: space-between;
5105
+ -webkit-box-align: end;
5106
+ -webkit-align-items: flex-end;
5107
+ -moz-box-align: end;
5108
+ -ms-flex-align: end;
5109
+ align-items: flex-end;
5110
+ }
5111
+
5112
+ .premium-person-style3 .premium-person-title {
5113
+ opacity: 0;
5114
+ -webkit-transition: all 0.3s ease;
5115
+ transition: all 0.3s ease;
5116
+ width: 0;
5117
+ }
5118
+
5119
+ .premium-person-style3 .premium-person-title span {
5120
+ display: inline-block;
5121
+ }
5122
+
5123
+ .premium-person-style3 .premium-person-name {
5124
+ padding-right: 10px;
5125
+ }
5126
+
5127
+ .premium-person-style3 .premium-person-social-list {
5128
+ -js-display: flex;
5129
+ display: -webkit-box;
5130
+ display: -webkit-flex;
5131
+ display: -moz-box;
5132
+ display: -ms-flexbox;
5133
+ display: flex;
5134
+ -webkit-box-orient: vertical;
5135
+ -webkit-box-direction: normal;
5136
+ -webkit-flex-direction: column;
5137
+ -moz-box-orient: vertical;
5138
+ -moz-box-direction: normal;
5139
+ -ms-flex-direction: column;
5140
+ flex-direction: column;
5141
+ -webkit-transform: translateY(20px);
5142
+ -ms-transform: translateY(20px);
5143
+ transform: translateY(20px);
5144
+ opacity: 0;
5145
+ -webkit-transition: all 0.3s ease;
5146
+ transition: all 0.3s ease;
5147
+ }
5148
+
5149
+ .premium-person-style3 .premium-person-list-item {
5150
+ line-height: 0;
5151
+ }
5152
+
5153
+ .premium-person-style3 .premium-person-list-item a {
5154
+ padding: 5px 0 0 10px;
5155
+ margin: 5px 0;
5156
+ }
5157
+
5158
+ .premium-person-style3 .premium-person-container:hover .premium-person-title {
5159
+ opacity: 1;
5160
+ }
5161
+
5162
+ .premium-person-style3 .premium-person-container:hover .premium-person-social-list {
5163
+ opacity: 1;
5164
+ -webkit-transform: translateY(0);
5165
+ -ms-transform: translateY(0);
5166
+ transform: translateY(0);
5167
+ }
5168
+
5169
+ .premium-persons-title-cw .premium-person-title {
5170
+ -webkit-transform: translateX(-15px) rotate(-90deg);
5171
+ -ms-transform: translateX(-15px) rotate(-90deg);
5172
+ transform: translateX(-15px) rotate(-90deg);
5173
+ -webkit-transform-origin: top;
5174
+ -ms-transform-origin: top;
5175
+ transform-origin: top;
5176
+ }
5177
+
5178
+ .premium-persons-title-cw .premium-person-container:hover .premium-person-title {
5179
+ -webkit-transform: translateX(0) rotate(-90deg);
5180
+ -ms-transform: translateX(0) rotate(-90deg);
5181
+ transform: translateX(0) rotate(-90deg);
5182
+ }
5183
+
5184
+ .premium-persons-title-ccw .premium-person-title {
5185
+ width: auto;
5186
+ margin-left: 20px;
5187
+ -webkit-transform: translateX(-15px) rotate(90deg);
5188
+ -ms-transform: translateX(-15px) rotate(90deg);
5189
+ transform: translateX(-15px) rotate(90deg);
5190
+ -webkit-transform-origin: center left;
5191
+ -ms-transform-origin: center left;
5192
+ transform-origin: center left;
5193
+ }
5194
+
5195
+ .premium-persons-title-ccw .premium-person-container:hover .premium-person-title {
5196
+ -webkit-transform: translateX(0) rotate(90deg);
5197
+ -ms-transform: translateX(0) rotate(90deg);
5198
+ transform: translateX(0) rotate(90deg);
5199
+ }
5200
+
5201
+ /**************** Premium Fancy Text *******************/
5202
+ /*******************************************************/
5203
+ .premium-suffix-text,
5204
+ .premium-fancy-text,
5205
+ .premium-prefix-text {
5206
+ font-size: 40px;
5207
+ }
5208
+
5209
+ .premium-fancy-text-wrapper:not(.typing) .premium-fancy-text,
5210
+ .premium-fancy-item-hidden {
5211
+ opacity: 0;
5212
+ }
5213
+
5214
+ .premium-fancy-text-wrapper .premium-fancy-list-items {
5215
+ list-style: none;
5216
+ }
5217
+
5218
+ .premium-fancy-text-wrapper .premium-fancy-text-span-align {
5219
+ vertical-align: top;
5220
+ }
5221
+
5222
+ .premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-text-items-wrapper {
5223
+ margin: 0;
5224
+ padding: 0;
5225
+ border: none;
5226
+ position: relative;
5227
+ }
5228
+
5229
+ .premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-list-items {
5230
+ position: absolute;
5231
+ top: 0;
5232
+ left: 0;
5233
+ display: inline-block;
5234
+ }
5235
+
5236
+ .premium-fancy-text-wrapper.zoomout .premium-fancy-item-hidden {
5237
+ -webkit-animation: pa-zoom-out 0.8s;
5238
+ animation: pa-zoom-out 0.8s;
5239
+ }
5240
+
5241
+ .premium-fancy-text-wrapper.zoomout .premium-fancy-item-visible {
5242
+ position: relative !important;
5243
+ -webkit-animation: pa-zoom-in 0.8s;
5244
+ animation: pa-zoom-in 0.8s;
5245
+ }
5246
+
5247
+ .premium-fancy-text-wrapper.zoomout .premium-fancy-text-items-wrapper {
5248
+ -webkit-perspective: 300px;
5249
+ perspective: 300px;
5250
+ }
5251
+
5252
+ .premium-fancy-text-wrapper.rotate .premium-fancy-list-items {
5253
+ -webkit-transform-origin: 50% 100%;
5254
+ -ms-transform-origin: 50% 100%;
5255
+ transform-origin: 50% 100%;
5256
+ }
5257
+
5258
+ .premium-fancy-text-wrapper.rotate .premium-fancy-item-hidden {
5259
+ -webkit-transform: rotateX(180deg);
5260
+ transform: rotateX(180deg);
5261
+ -webkit-animation: pa-rotate-out 1.2s;
5262
+ animation: pa-rotate-out 1.2s;
5263
+ }
5264
+
5265
+ .premium-fancy-text-wrapper.rotate .premium-fancy-item-visible {
5266
+ position: relative !important;
5267
+ -webkit-transform: rotateX(0deg);
5268
+ transform: rotateX(0deg);
5269
+ -webkit-animation: pa-rotate-in 1.2s;
5270
+ animation: pa-rotate-in 1.2s;
5271
+ }
5272
+
5273
+ .premium-fancy-text-wrapper.custom .premium-fancy-item-visible {
5274
+ position: relative !important;
5275
+ }
5276
+
5277
+ .premium-fancy-text-wrapper.auto-fade .premium-fancy-text {
5278
+ display: inline-block;
5279
+ width: 200px;
5280
+ font-weight: 400;
5281
+ }
5282
+
5283
+ .premium-fancy-text-wrapper.auto-fade .premium-fancy-svg-text {
5284
+ position: relative;
5285
+ vertical-align: sub;
5286
+ }
5287
+
5288
+ .premium-fancy-text-wrapper.auto-fade g>text {
5289
+ text-anchor: start;
5290
+ shape-rendering: crispEdges;
5291
+ opacity: 0;
5292
+ font-size: 300px;
5293
+ -webkit-animation-name: pa-auto-fade;
5294
+ animation-name: pa-auto-fade;
5295
+ -moz-animation-name: pa-auto-fade;
5296
+ -webkit-animation-duration: 9s;
5297
+ animation-duration: 9s;
5298
+ -webkit-animation-timing-function: linear;
5299
+ animation-timing-function: linear;
5300
+ -webkit-animation-iteration-count: infinite;
5301
+ animation-iteration-count: infinite;
5302
+ }
5303
+
5304
+ .premium-fancy-text-wrapper.auto-fade g>text:nth-child(1) {
5305
+ -webkit-animation-delay: 0s;
5306
+ animation-delay: 0s;
5307
+ }
5308
+
5309
+ .premium-fancy-text-wrapper.auto-fade g>text:nth-child(2) {
5310
+ -webkit-animation-delay: 3s;
5311
+ animation-delay: 3s;
5312
+ }
5313
+
5314
+ .premium-fancy-text-wrapper.auto-fade g>text:nth-child(3) {
5315
+ -webkit-animation-delay: 6s;
5316
+ animation-delay: 6s;
5317
+ }
5318
+
5319
+ .premium-fancy-text-wrapper.loading .premium-fancy-text {
5320
+ position: relative;
5321
+ }
5322
+
5323
+ .premium-fancy-text-wrapper.loading .premium-fancy-text .premium-loading-bar {
5324
+ position: absolute;
5325
+ width: 100%;
5326
+ height: 3px;
5327
+ bottom: 0;
5328
+ left: 0;
5329
+ animation: pa-loading-bar 2.5s ease-out infinite;
5330
+ -webkit-animation: pa-loading-bar 2.5s ease-out infinite;
5331
+ }
5332
+
5333
+ .premium-fancy-text-wrapper.loading.pause .premium-fancy-text:hover .premium-loading-bar {
5334
+ -webkit-animation-play-state: paused;
5335
+ animation-play-state: paused;
5336
+ }
5337
+
5338
+ @-webkit-keyframes pa-auto-fade {
5339
+ 0% {
5340
+ opacity: 0;
5341
+ }
5342
+
5343
+ 20% {
5344
+ opacity: 1;
5345
+ }
5346
+
5347
+ 35% {
5348
+ opacity: 0;
5349
+ }
5350
+
5351
+ 100% {
5352
+ opacity: 0;
5353
+ }
5354
+ }
5355
+
5356
+ @keyframes pa-auto-fade {
5357
+ 0% {
5358
+ opacity: 0;
5359
+ }
5360
+
5361
+ 20% {
5362
+ opacity: 1;
5363
+ }
5364
+
5365
+ 35% {
5366
+ opacity: 0;
5367
+ }
5368
+
5369
+ 100% {
5370
+ opacity: 0;
5371
+ }
5372
+ }
5373
+
5374
+ @-webkit-keyframes pa-loading-bar {
5375
+ 0% {
5376
+ width: 0;
5377
+ }
5378
+
5379
+ 100% {
5380
+ width: 100;
5381
+ }
5382
+ }
5383
+
5384
+ @keyframes pa-loading-bar {
5385
+ 0% {
5386
+ width: 0;
5387
+ }
5388
+
5389
+ 100% {
5390
+ width: 100;
5391
+ }
5392
+ }
5393
+
5394
+ @-webkit-keyframes pa-zoom-in {
5395
+ 0% {
5396
+ opacity: 0;
5397
+ -webkit-transform: translateZ(100px);
5398
+ transform: translateZ(100px);
5399
+ }
5400
+
5401
+ 100% {
5402
+ opacity: 1;
5403
+ -webkit-transform: translateZ(0);
5404
+ transform: translateZ(0);
5405
+ }
5406
+ }
5407
+
5408
+ @keyframes pa-zoom-in {
5409
+ 0% {
5410
+ opacity: 0;
5411
+ -webkit-transform: translateZ(100px);
5412
+ transform: translateZ(100px);
5413
+ }
5414
+
5415
+ 100% {
5416
+ opacity: 1;
5417
+ -webkit-transform: translateZ(0);
5418
+ transform: translateZ(0);
5419
+ }
5420
+ }
5421
+
5422
+ @-webkit-keyframes pa-zoom-out {
5423
+ 0% {
5424
+ opacity: 1;
5425
+ -webkit-transform: translateZ(0);
5426
+ transform: translateZ(0);
5427
+ }
5428
+
5429
+ 100% {
5430
+ opacity: 0;
5431
+ -webkit-transform: translateZ(-100px);
5432
+ transform: translateZ(-100px);
5433
+ }
5434
+ }
5435
+
5436
+ @keyframes pa-zoom-out {
5437
+ 0% {
5438
+ opacity: 1;
5439
+ -webkit-transform: translateZ(0);
5440
+ transform: translateZ(0);
5441
+ }
5442
+
5443
+ 100% {
5444
+ opacity: 0;
5445
+ -webkit-transform: translateZ(-100px);
5446
+ transform: translateZ(-100px);
5447
+ }
5448
+ }
5449
+
5450
+ @-webkit-keyframes pa-rotate-in {
5451
+ 0% {
5452
+ opacity: 0;
5453
+ -webkit-transform: rotateX(180deg);
5454
+ transform: rotateX(180deg);
5455
+ }
5456
+
5457
+ 35% {
5458
+ opacity: 0;
5459
+ -webkit-transform: rotateX(120deg);
5460
+ transform: rotateX(120deg);
5461
+ }
5462
+
5463
+ 65% {
5464
+ opacity: 0;
5465
+ }
5466
+
5467
+ 100% {
5468
+ opacity: 1;
5469
+ -webkit-transform: rotateX(360deg);
5470
+ transform: rotateX(360deg);
5471
+ }
5472
+ }
5473
+
5474
+ @keyframes pa-rotate-in {
5475
+ 0% {
5476
+ opacity: 0;
5477
+ -webkit-transform: rotateX(180deg);
5478
+ transform: rotateX(180deg);
5479
+ }
5480
+
5481
+ 35% {
5482
+ opacity: 0;
5483
+ -webkit-transform: rotateX(120deg);
5484
+ transform: rotateX(120deg);
5485
+ }
5486
+
5487
+ 65% {
5488
+ opacity: 0;
5489
+ }
5490
+
5491
+ 100% {
5492
+ opacity: 1;
5493
+ -webkit-transform: rotateX(360deg);
5494
+ transform: rotateX(360deg);
5495
+ }
5496
+ }
5497
+
5498
+ @-webkit-keyframes pa-rotate-out {
5499
+ 0% {
5500
+ opacity: 1;
5501
+ -webkit-transform: rotateX(0deg);
5502
+ transform: rotateX(0deg);
5503
+ }
5504
+
5505
+ 35% {
5506
+ opacity: 1;
5507
+ -webkit-transform: rotateX(-40deg);
5508
+ transform: rotateX(-40deg);
5509
+ }
5510
+
5511
+ 65% {
5512
+ opacity: 0;
5513
+ }
5514
+
5515
+ 100% {
5516
+ opacity: 0;
5517
+ -webkit-transform: rotateX(180deg);
5518
+ transform: rotateX(180deg);
5519
+ }
5520
+ }
5521
+
5522
+ @keyframes pa-rotate-out {
5523
+ 0% {
5524
+ opacity: 1;
5525
+ -webkit-transform: rotateX(0deg);
5526
+ transform: rotateX(0deg);
5527
+ }
5528
+
5529
+ 35% {
5530
+ opacity: 1;
5531
+ -webkit-transform: rotateX(-40deg);
5532
+ transform: rotateX(-40deg);
5533
+ }
5534
+
5535
+ 65% {
5536
+ opacity: 0;
5537
+ }
5538
+
5539
+ 100% {
5540
+ opacity: 0;
5541
+ -webkit-transform: rotateX(180deg);
5542
+ transform: rotateX(180deg);
5543
+ }
5544
+ }
5545
+
5546
+ /**************** Premium Pricing Table ****************/
5547
+ /*******************************************************/
5548
+ .premium-pricing-table-container {
5549
+ position: relative;
5550
+ overflow: hidden;
5551
+ text-align: center;
5552
+ -webkit-transition: all 0.3s ease-in-out;
5553
+ transition: all 0.3s ease-in-out;
5554
+ }
5555
+
5556
+ .premium-pricing-icon-container {
5557
+ -js-display: flex;
5558
+ display: -webkit-box;
5559
+ display: -webkit-flex;
5560
+ display: -moz-box;
5561
+ display: -ms-flexbox;
5562
+ display: flex;
5563
+ -webkit-box-pack: center;
5564
+ -webkit-justify-content: center;
5565
+ -moz-box-pack: center;
5566
+ -ms-flex-pack: center;
5567
+ justify-content: center;
5568
+ line-height: 0;
5569
+ }
5570
+
5571
+ .premium-pricing-icon-container .premium-pricing-icon {
5572
+ display: inline-block;
5573
+ }
5574
+
5575
+ .premium-pricing-icon-container .premium-pricing-image {
5576
+ overflow: hidden;
5577
+ }
5578
+
5579
+ .premium-pricing-icon-container .premium-pricing-image img {
5580
+ width: 25px;
5581
+ height: 25px;
5582
+ -o-object-fit: cover;
5583
+ object-fit: cover;
5584
+ }
5585
+
5586
+ .premium-badge-left {
5587
+ position: absolute;
5588
+ top: 0;
5589
+ }
5590
+
5591
+ .premium-badge-right {
5592
+ position: absolute;
5593
+ top: 0;
5594
+ right: 0;
5595
+ }
5596
+
5597
+ .premium-badge-left {
5598
+ left: 0;
5599
+ }
5600
+
5601
+ .premium-badge-triangle.premium-badge-left .corner {
5602
+ width: 0;
5603
+ height: 0;
5604
+ border-top: 150px solid;
5605
+ border-bottom: 150px solid transparent;
5606
+ border-right: 150px solid transparent;
5607
+ }
5608
+
5609
+ .premium-badge-triangle.premium-badge-right .corner {
5610
+ width: 0;
5611
+ height: 0;
5612
+ border-bottom: 150px solid transparent;
5613
+ border-right: 150px solid;
5614
+ border-left: 150px solid transparent;
5615
+ }
5616
+
5617
+ .premium-badge-triangle span {
5618
+ position: absolute;
5619
+ top: 35px;
5620
+ width: 100px;
5621
+ text-align: center;
5622
+ -webkit-transform: rotate(-45deg);
5623
+ -ms-transform: rotate(-45deg);
5624
+ transform: rotate(-45deg);
5625
+ display: block;
5626
+ text-transform: uppercase;
5627
+ }
5628
+
5629
+ .premium-badge-triangle.premium-badge-right span {
5630
+ -webkit-transform: rotate(45deg);
5631
+ -ms-transform: rotate(45deg);
5632
+ transform: rotate(45deg);
5633
+ right: 0;
5634
+ }
5635
+
5636
+ .premium-badge-circle {
5637
+ min-width: 4em;
5638
+ min-height: 4em;
5639
+ line-height: 4em;
5640
+ text-align: center;
5641
+ -webkit-border-radius: 100%;
5642
+ border-radius: 100%;
5643
+ position: absolute;
5644
+ z-index: 1;
5645
+ }
5646
+
5647
+ .premium-badge-stripe {
5648
+ position: absolute;
5649
+ -webkit-transform: rotate(90deg);
5650
+ -ms-transform: rotate(90deg);
5651
+ transform: rotate(90deg);
5652
+ width: 15em;
5653
+ overflow: hidden;
5654
+ height: 15em;
5655
+ }
5656
+
5657
+ .premium-badge-stripe.premium-badge-left {
5658
+ -webkit-transform: rotate(0);
5659
+ -ms-transform: rotate(0);
5660
+ transform: rotate(0);
5661
+ }
5662
+
5663
+ .premium-badge-stripe .corner {
5664
+ text-align: center;
5665
+ left: 0;
5666
+ width: 150%;
5667
+ -webkit-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
5668
+ -ms-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
5669
+ transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
5670
+ margin-top: 35px;
5671
+ font-size: 13px;
5672
+ line-height: 2;
5673
+ font-weight: 800;
5674
+ text-transform: uppercase;
5675
+ }
5676
+
5677
+ .premium-badge-flag .corner {
5678
+ text-align: center;
5679
+ -webkit-border-radius: 4px 4px 0 4px;
5680
+ border-radius: 4px 4px 0 4px;
5681
+ padding: 3px 15px;
5682
+ position: absolute;
5683
+ top: 10%;
5684
+ right: -8px;
5685
+ }
5686
+
5687
+ .premium-badge-flag .corner::before,
5688
+ .premium-badge-flag .corner::after {
5689
+ content: "";
5690
+ display: block;
5691
+ position: absolute;
5692
+ width: 0;
5693
+ height: 0;
5694
+ top: 100%;
5695
+ right: 0;
5696
+ border-bottom: 8px solid transparent;
5697
+ }
5698
+
5699
+ .elementor-widget-premium-addon-pricing-table .elementor-widget-container {
5700
+ overflow: visible !important;
5701
+ }
5702
+
5703
+ .premium-badge-flag .corner::after {
5704
+ border-left: 8px solid rgba(0, 0, 0, 0.2);
5705
+ }
5706
+
5707
+ .premium-pricing-price-currency {
5708
+ position: relative;
5709
+ }
5710
+
5711
+ .premium-pricing-button-container {
5712
+ display: block;
5713
+ }
5714
+
5715
+ .premium-pricing-list {
5716
+ -js-display: flex;
5717
+ display: -webkit-box;
5718
+ display: -webkit-flex;
5719
+ display: -moz-box;
5720
+ display: -ms-flexbox;
5721
+ display: flex;
5722
+ -webkit-box-orient: vertical;
5723
+ -webkit-box-direction: normal;
5724
+ -webkit-flex-direction: column;
5725
+ -moz-box-orient: vertical;
5726
+ -moz-box-direction: normal;
5727
+ -ms-flex-direction: column;
5728
+ flex-direction: column;
5729
+ list-style-type: none;
5730
+ margin: 0;
5731
+ }
5732
+
5733
+ .premium-pricing-list .premium-pricing-list-item {
5734
+ -js-display: flex;
5735
+ display: -webkit-box;
5736
+ display: -webkit-flex;
5737
+ display: -moz-box;
5738
+ display: -ms-flexbox;
5739
+ display: flex;
5740
+ -webkit-box-align: center;
5741
+ -webkit-align-items: center;
5742
+ -moz-box-align: center;
5743
+ -ms-flex-align: center;
5744
+ align-items: center;
5745
+ }
5746
+
5747
+ .premium-pricing-list .premium-pricing-list-item svg {
5748
+ width: 50px;
5749
+ height: 50px;
5750
+ }
5751
+
5752
+ .premium-pricing-list .premium-pricing-list-item img {
5753
+ width: 30px;
5754
+ height: 30px;
5755
+ -o-object-fit: cover;
5756
+ object-fit: cover;
5757
+ }
5758
+
5759
+ .premium-pricing-list .premium-pricing-list-span {
5760
+ position: relative;
5761
+ }
5762
+
5763
+ .premium-pricing-list .list-item-tooltip {
5764
+ border-bottom: 1px dotted;
5765
+ }
5766
+
5767
+ .premium-pricing-list .premium-pricing-list-tooltip {
5768
+ position: absolute;
5769
+ top: -webkit-calc(100% + 1px);
5770
+ top: calc(100% + 1px);
5771
+ right: 0;
5772
+ visibility: hidden;
5773
+ padding: 15px 20px;
5774
+ -webkit-border-radius: 5px;
5775
+ border-radius: 5px;
5776
+ min-width: 200px;
5777
+ overflow: hidden;
5778
+ text-align: right;
5779
+ font-size: 0.8rem;
5780
+ color: #fff;
5781
+ background-color: #aaa;
5782
+ }
5783
+
5784
+ .premium-pricing-features-left .premium-pricing-list-span {
5785
+ text-align: right;
5786
+ }
5787
+
5788
+ .premium-pricing-features-center .premium-pricing-list-span {
5789
+ text-align: center;
5790
+ }
5791
+
5792
+ .premium-pricing-features-right .premium-pricing-list-span {
5793
+ text-align: left;
5794
+ }
5795
+
5796
+ .premium-pricing-list-span:hover .premium-pricing-list-tooltip {
5797
+ z-index: 99;
5798
+ visibility: visible;
5799
+ opacity: 1;
5800
+ }
5801
+
5802
+ .premium-pricing-slashed-price-value {
5803
+ display: inline-block;
5804
+ font-size: 20px;
5805
+ font-weight: 400;
5806
+ margin-left: 5px;
5807
+ }
5808
+
5809
+ .premium-pricing-price-value {
5810
+ font-size: 70px;
5811
+ }
5812
+
5813
+ .premium-pricing-description-container li {
5814
+ list-style-position: inside;
5815
+ text-indent: -40px;
5816
+ }
5817
+
5818
+ @-moz-document url-prefix() {
5819
+ .premium-pricing-description-container li {
5820
+ text-indent: 0px;
5821
+ }
5822
+ }
5823
+
5824
+ .premium-pricing-price-button {
5825
+ display: block;
5826
+ padding: 6px 12px;
5827
+ line-height: 1.42857143;
5828
+ text-align: center;
5829
+ color: #fff;
5830
+ background: #6ec1e4;
5831
+ margin-bottom: 0;
5832
+ -webkit-transition: all 0.3s ease-in-out;
5833
+ transition: all 0.3s ease-in-out;
5834
+ }
5835
+
5836
+ /**************** Premium Google Maps ******************/
5837
+ /*******************************************************/
5838
+ .premium-maps-info-container {
5839
+ margin-top: 10px;
5840
+ margin-bottom: 10px;
5841
+ }
5842
+
5843
+ .premium-maps-info-title,
5844
+ .premium-maps-info-desc {
5845
+ margin: 0;
5846
+ padding: 0;
5847
+ }
5848
+
5849
+ .premium-maps-container .gm-style-iw {
5850
+ text-align: center;
5851
+ direction: ltr;
5852
+ }
5853
+
5854
+ .premium-maps-container .gm-style img {
5855
+ max-width: none !important;
5856
+ }
5857
+
5858
+ /**************** Premium Button ***********************/
5859
+ /*******************************************************/
5860
+ .premium-button {
5861
+ -js-display: inline-flex;
5862
+ display: -webkit-inline-box;
5863
+ display: -webkit-inline-flex;
5864
+ display: -moz-inline-box;
5865
+ display: -ms-inline-flexbox;
5866
+ display: inline-flex;
5867
+ position: relative;
5868
+ overflow: hidden;
5869
+ -webkit-backface-visibility: hidden;
5870
+ backface-visibility: hidden;
5871
+ -webkit-transform: translate3d(0, 0, 0);
5872
+ transform: translate3d(0, 0, 0);
5873
+ cursor: pointer;
5874
+ -webkit-transition: all 0.2s ease-in-out !important;
5875
+ transition: all 0.2s ease-in-out !important;
5876
+ }
5877
+
5878
+ .premium-button .premium-lottie-animation,
5879
+ .premium-image-button .premium-lottie-animation {
5880
+ -js-display: flex;
5881
+ display: -webkit-box;
5882
+ display: -webkit-flex;
5883
+ display: -moz-box;
5884
+ display: -ms-flexbox;
5885
+ display: flex;
5886
+ }
5887
+
5888
+ .premium-button svg,
5889
+ .premium-image-button svg {
5890
+ width: 30px;
5891
+ height: 30px;
5892
+ }
5893
+
5894
+ .premium-btn-sm,
5895
+ .premium-btn-md,
5896
+ .premium-btn-lg,
5897
+ .premium-btn-block {
5898
+ background-color: #eee;
5899
+ color: #042551;
5900
+ margin: 0px;
5901
+ text-decoration: none;
5902
+ }
5903
+
5904
+ .premium-btn-sm:hover,
5905
+ .premium-btn-md:hover,
5906
+ .premium-btn-lg:hover,
5907
+ .premium-btn-block:hover {
5908
+ background-color: #54595f;
5909
+ color: #eee;
5910
+ }
5911
+
5912
+ .premium-btn-sm {
5913
+ padding: 12px 24px;
5914
+ font-size: 14px;
5915
+ line-height: 1;
5916
+ }
5917
+
5918
+ .premium-btn-md {
5919
+ padding: 14px 26px;
5920
+ font-size: 16px;
5921
+ line-height: 1.2;
5922
+ }
5923
+
5924
+ .premium-btn-lg {
5925
+ padding: 16px 28px;
5926
+ font-size: 18px;
5927
+ line-height: 1.3333;
5928
+ }
5929
+
5930
+ .premium-btn-block {
5931
+ font-size: 18px;
5932
+ line-height: 1;
5933
+ padding: 20px 0px;
5934
+ width: 100%;
5935
+ text-align: center;
5936
+ }
5937
+
5938
+ .premium-button-text {
5939
+ display: inline-block;
5940
+ width: 100%;
5941
+ }
5942
+
5943
+ .premium-button-style1,
5944
+ .premium-button-style2,
5945
+ .premium-button-style5,
5946
+ .premium-button-style7 {
5947
+ display: inline-block;
5948
+ vertical-align: middle;
5949
+ -webkit-transform: perspective(1px) translateZ(0);
5950
+ transform: perspective(1px) translateZ(0);
5951
+ -webkit-box-shadow: 0 0 1px transparent;
5952
+ box-shadow: 0 0 1px transparent;
5953
+ position: relative;
5954
+ -webkit-transition-property: color;
5955
+ transition-property: color;
5956
+ -webkit-transition-duration: 0.15s;
5957
+ transition-duration: 0.15s;
5958
+ }
5959
+
5960
+ .premium-button-style1:before,
5961
+ .premium-button-style2:before,
5962
+ .premium-button-style5:before {
5963
+ content: "";
5964
+ position: absolute;
5965
+ z-index: -1;
5966
+ top: 0;
5967
+ right: 0;
5968
+ left: 0;
5969
+ bottom: 0;
5970
+ -webkit-transform: scaleY(0);
5971
+ -ms-transform: scaleY(0);
5972
+ transform: scaleY(0);
5973
+ -webkit-transform-origin: 50% 0;
5974
+ -ms-transform-origin: 50% 0;
5975
+ transform-origin: 50% 0;
5976
+ -webkit-transition-property: -webkit-transform;
5977
+ transition-property: -webkit-transform;
5978
+ transition-property: transform;
5979
+ transition-property: transform, -webkit-transform;
5980
+ -webkit-transition-duration: 0.15s;
5981
+ transition-duration: 0.15s;
5982
+ -webkit-transition-timing-function: ease-out;
5983
+ transition-timing-function: ease-out;
5984
+ }
5985
+
5986
+ .premium-button-style5-radialin:before,
5987
+ .premium-button-style5-radialout:before {
5988
+ -webkit-transform-origin: 50%;
5989
+ -ms-transform-origin: 50%;
5990
+ transform-origin: 50%;
5991
+ -webkit-border-radius: 100%;
5992
+ border-radius: 100%;
5993
+ -webkit-transform: scale(0);
5994
+ -ms-transform: scale(0);
5995
+ transform: scale(0);
5996
+ }
5997
+
5998
+ .premium-button-style5-radialin:before {
5999
+ -webkit-transform: scale(2);
6000
+ -ms-transform: scale(2);
6001
+ transform: scale(2);
6002
+ }
6003
+
6004
+ .premium-button-style5-rectin:before {
6005
+ -webkit-transform-origin: 50%;
6006
+ -ms-transform-origin: 50%;
6007
+ transform-origin: 50%;
6008
+ -webkit-transform: scale(1);
6009
+ -ms-transform: scale(1);
6010
+ transform: scale(1);
6011
+ }
6012
+
6013
+ .premium-button-style5-rectout:before {
6014
+ -webkit-transform-origin: 50%;
6015
+ -ms-transform-origin: 50%;
6016
+ transform-origin: 50%;
6017
+ -webkit-transform: scale(0);
6018
+ -ms-transform: scale(0);
6019
+ transform: scale(0);
6020
+ }
6021
+
6022
+ .premium-button-style5-rectout:hover:before {
6023
+ -webkit-transform: scale(1);
6024
+ -ms-transform: scale(1);
6025
+ transform: scale(1);
6026
+ }
6027
+
6028
+ .premium-button-style5-rectin:hover:before {
6029
+ -webkit-transform: scale(0);
6030
+ -ms-transform: scale(0);
6031
+ transform: scale(0);
6032
+ }
6033
+
6034
+ .premium-button-style5-radialout:hover:before {
6035
+ -webkit-transform: scale(2);
6036
+ -ms-transform: scale(2);
6037
+ transform: scale(2);
6038
+ }
6039
+
6040
+ .premium-button-style5-radialin:hover:before {
6041
+ -webkit-transform: scale(0);
6042
+ -ms-transform: scale(0);
6043
+ transform: scale(0);
6044
+ }
6045
+
6046
+ .premium-button-style1-top:before {
6047
+ -webkit-transform-origin: 50% 100%;
6048
+ -ms-transform-origin: 50% 100%;
6049
+ transform-origin: 50% 100%;
6050
+ }
6051
+
6052
+ .premium-button-style1-right:before {
6053
+ -webkit-transform: scaleX(0);
6054
+ -ms-transform: scaleX(0);
6055
+ transform: scaleX(0);
6056
+ -webkit-transform-origin: 100% 50%;
6057
+ -ms-transform-origin: 100% 50%;
6058
+ transform-origin: 100% 50%;
6059
+ }
6060
+
6061
+ .premium-button-style1-left:before {
6062
+ -webkit-transform: scaleX(0);
6063
+ -ms-transform: scaleX(0);
6064
+ transform: scaleX(0);
6065
+ -webkit-transform-origin: 0% 50%;
6066
+ -ms-transform-origin: 0% 50%;
6067
+ transform-origin: 0% 50%;
6068
+ }
6069
+
6070
+ .premium-button-style2-shutouthor:before,
6071
+ .premium-button-style2-scshutoutver:before {
6072
+ -webkit-transform: scaleY(0);
6073
+ -ms-transform: scaleY(0);
6074
+ transform: scaleY(0);
6075
+ -webkit-transform-origin: 0% 50%;
6076
+ -ms-transform-origin: 0% 50%;
6077
+ transform-origin: 0% 50%;
6078
+ }
6079
+
6080
+ .premium-button-style2-shutoutver:before,
6081
+ .premium-button-style2-scshutouthor:before {
6082
+ -webkit-transform: scaleX(0);
6083
+ -ms-transform: scaleX(0);
6084
+ transform: scaleX(0);
6085
+ -webkit-transform-origin: 50% 50%;
6086
+ -ms-transform-origin: 50% 50%;
6087
+ transform-origin: 50% 50%;
6088
+ }
6089
+
6090
+ .premium-button-style2-shutinhor:before {
6091
+ -webkit-transform: scaleX(1);
6092
+ -ms-transform: scaleX(1);
6093
+ transform: scaleX(1);
6094
+ -webkit-transform-origin: 50%;
6095
+ -ms-transform-origin: 50%;
6096
+ transform-origin: 50%;
6097
+ }
6098
+
6099
+ .premium-button-style2-shutinver:before {
6100
+ -webkit-transform: scaleY(1);
6101
+ -ms-transform: scaleY(1);
6102
+ transform: scaleY(1);
6103
+ -webkit-transform-origin: 50%;
6104
+ -ms-transform-origin: 50%;
6105
+ transform-origin: 50%;
6106
+ }
6107
+
6108
+ .premium-button-style1-bottom:hover:before,
6109
+ .premium-button-style1-top:hover:before {
6110
+ -webkit-transform: scaleY(1);
6111
+ -ms-transform: scaleY(1);
6112
+ transform: scaleY(1);
6113
+ }
6114
+
6115
+ .premium-button-style1-left:hover:before,
6116
+ .premium-button-style1-right:hover:before,
6117
+ .premium-button-style2-shutouthor:hover:before,
6118
+ .premium-button-style2-shutoutver:hover:before {
6119
+ -webkit-transform: scaleX(1);
6120
+ -ms-transform: scaleX(1);
6121
+ transform: scaleX(1);
6122
+ }
6123
+
6124
+ .premium-button-style2-shutinhor:hover:before {
6125
+ -webkit-transform: scaleX(0);
6126
+ -ms-transform: scaleX(0);
6127
+ transform: scaleX(0);
6128
+ }
6129
+
6130
+ .premium-button-style2-shutinver:hover:before {
6131
+ -webkit-transform: scaleY(0);
6132
+ -ms-transform: scaleY(0);
6133
+ transform: scaleY(0);
6134
+ }
6135
+
6136
+ .premium-button-style2-scshutouthor:hover:before {
6137
+ -webkit-transform: scaleX(0.9);
6138
+ -ms-transform: scaleX(0.9);
6139
+ transform: scaleX(0.9);
6140
+ }
6141
+
6142
+ .premium-button-style2-scshutoutver:hover:before {
6143
+ -webkit-transform: scaleY(0.8);
6144
+ -ms-transform: scaleY(0.8);
6145
+ transform: scaleY(0.8);
6146
+ }
6147
+
6148
+ /*Diagonal*/
6149
+ .premium-button-style2-dshutinhor:before {
6150
+ top: 50%;
6151
+ right: 50%;
6152
+ width: 120%;
6153
+ height: 0%;
6154
+ -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
6155
+ -ms-transform: translateX(50%) translateY(-50%) rotate(45deg);
6156
+ transform: translateX(50%) translateY(-50%) rotate(45deg);
6157
+ -webkit-transform-origin: 50%;
6158
+ -ms-transform-origin: 50%;
6159
+ transform-origin: 50%;
6160
+ -webkit-transition-property: all;
6161
+ transition-property: all;
6162
+ }
6163
+
6164
+ .premium-button-style2-dshutinver:before {
6165
+ top: 50%;
6166
+ right: 50%;
6167
+ width: 120%;
6168
+ height: 0%;
6169
+ -webkit-transform-origin: 50%;
6170
+ -ms-transform-origin: 50%;
6171
+ transform-origin: 50%;
6172
+ -webkit-transition-property: all;
6173
+ transition-property: all;
6174
+ -webkit-transform: translateX(50%) translateY(-50%) rotate(-45deg);
6175
+ -ms-transform: translateX(50%) translateY(-50%) rotate(-45deg);
6176
+ transform: translateX(50%) translateY(-50%) rotate(-45deg);
6177
+ }
6178
+
6179
+ .premium-button-style2-dshutinhor:hover:before,
6180
+ .premium-button-style2-dshutinver:hover:before {
6181
+ height: 220%;
6182
+ }
6183
+
6184
+ .premium-button-style3-before i,
6185
+ .premium-button-style3-before svg {
6186
+ opacity: 0;
6187
+ -webkit-transform: translateX(5px);
6188
+ -ms-transform: translateX(5px);
6189
+ transform: translateX(5px);
6190
+ -webkit-transition: all 0.5s ease-in-out;
6191
+ transition: all 0.5s ease-in-out;
6192
+ }
6193
+
6194
+ .premium-button-style3-after i,
6195
+ .premium-button-style3-after svg {
6196
+ opacity: 0;
6197
+ -webkit-transform: translateX(5px);
6198
+ -ms-transform: translateX(5px);
6199
+ transform: translateX(5px);
6200
+ -webkit-transition: all 0.5s ease-in-out;
6201
+ transition: all 0.5s ease-in-out;
6202
+ -webkit-transform: translateX(-5px);
6203
+ -ms-transform: translateX(-5px);
6204
+ transform: translateX(-5px);
6205
+ }
6206
+
6207
+ .premium-button-style3-after:hover i,
6208
+ .premium-button-style3-after:hover svg {
6209
+ opacity: 1;
6210
+ }
6211
+
6212
+ .premium-button-style3-before:hover i,
6213
+ .premium-button-style3-before:hover svg {
6214
+ opacity: 1;
6215
+ }
6216
+
6217
+ .premium-button-text-icon-wrapper {
6218
+ width: 100%;
6219
+ -js-display: flex;
6220
+ display: -webkit-box;
6221
+ display: -webkit-flex;
6222
+ display: -moz-box;
6223
+ display: -ms-flexbox;
6224
+ display: flex;
6225
+ -webkit-box-pack: center;
6226
+ -webkit-justify-content: center;
6227
+ -moz-box-pack: center;
6228
+ -ms-flex-pack: center;
6229
+ justify-content: center;
6230
+ -webkit-box-align: center;
6231
+ -webkit-align-items: center;
6232
+ -moz-box-align: center;
6233
+ -ms-flex-align: center;
6234
+ align-items: center;
6235
+ -webkit-transition: all 0.2s ease-in-out;
6236
+ transition: all 0.2s ease-in-out;
6237
+ }
6238
+
6239
+ .premium-button-text-icon-wrapper span,
6240
+ .premium-button-text-icon-wrapper i,
6241
+ .premium-button-text-icon-wrapper svg {
6242
+ -webkit-transition: all 0.2s ease-in-out;
6243
+ transition: all 0.2s ease-in-out;
6244
+ }
6245
+
6246
+ .premium-button-style4-icon-wrapper {
6247
+ position: absolute;
6248
+ z-index: 2;
6249
+ width: 100%;
6250
+ text-align: center;
6251
+ -js-display: flex;
6252
+ display: -webkit-box;
6253
+ display: -webkit-flex;
6254
+ display: -moz-box;
6255
+ display: -ms-flexbox;
6256
+ display: flex;
6257
+ -webkit-box-align: center;
6258
+ -webkit-align-items: center;
6259
+ -moz-box-align: center;
6260
+ -ms-flex-align: center;
6261
+ align-items: center;
6262
+ -webkit-box-pack: center;
6263
+ -webkit-justify-content: center;
6264
+ -moz-box-pack: center;
6265
+ -ms-flex-pack: center;
6266
+ justify-content: center;
6267
+ height: 100%;
6268
+ opacity: 0;
6269
+ -webkit-transition: all 0.3s ease-in-out;
6270
+ transition: all 0.3s ease-in-out;
6271
+ }
6272
+
6273
+ .premium-button-style4-icon-wrapper.top {
6274
+ bottom: -100%;
6275
+ right: 0;
6276
+ }
6277
+
6278
+ .premium-button-style4-icon-wrapper.bottom {
6279
+ top: -100%;
6280
+ right: 0;
6281
+ }
6282
+
6283
+ .premium-button-style4-icon-wrapper.left {
6284
+ top: 0;
6285
+ right: -100%;
6286
+ }
6287
+
6288
+ .premium-button-style4-icon-wrapper.right {
6289
+ top: 0;
6290
+ left: -100%;
6291
+ }
6292
+
6293
+ .premium-button-style4-bottom:hover .premium-button-style4-icon-wrapper {
6294
+ top: 0;
6295
+ opacity: 1;
6296
+ }
6297
+
6298
+ .premium-button-style4-top:hover .premium-button-style4-icon-wrapper {
6299
+ bottom: 0;
6300
+ opacity: 1;
6301
+ }
6302
+
6303
+ .premium-button-style4-left:hover .premium-button-style4-icon-wrapper {
6304
+ right: 0;
6305
+ opacity: 1;
6306
+ }
6307
+
6308
+ .premium-button-style4-right:hover .premium-button-style4-icon-wrapper {
6309
+ left: 0;
6310
+ opacity: 1;
6311
+ }
6312
+
6313
+ .premium-button-style4-bottom:hover .premium-button-text-icon-wrapper {
6314
+ -webkit-transform: translateY(100%);
6315
+ -ms-transform: translateY(100%);
6316
+ transform: translateY(100%);
6317
+ opacity: 0;
6318
+ }
6319
+
6320
+ .premium-button-style4-top:hover .premium-button-text-icon-wrapper {
6321
+ -webkit-transform: translateY(-100%);
6322
+ -ms-transform: translateY(-100%);
6323
+ transform: translateY(-100%);
6324
+ opacity: 0;
6325
+ }
6326
+
6327
+ .premium-button-style4-left:hover .premium-button-text-icon-wrapper {
6328
+ -webkit-transform: translateX(-100%);
6329
+ -ms-transform: translateX(-100%);
6330
+ transform: translateX(-100%);
6331
+ opacity: 0;
6332
+ }
6333
+
6334
+ .premium-button-style4-right:hover .premium-button-text-icon-wrapper {
6335
+ -webkit-transform: translateX(100%);
6336
+ -ms-transform: translateX(100%);
6337
+ transform: translateX(100%);
6338
+ opacity: 0;
6339
+ }
6340
+
6341
+ .premium-button-style6:before {
6342
+ content: "";
6343
+ position: absolute;
6344
+ right: 50%;
6345
+ top: 50%;
6346
+ width: 100px;
6347
+ height: 100px;
6348
+ -webkit-border-radius: 100%;
6349
+ border-radius: 100%;
6350
+ -webkit-transform: translate(50%, -50%) scale(0);
6351
+ -ms-transform: translate(50%, -50%) scale(0);
6352
+ transform: translate(50%, -50%) scale(0);
6353
+ -webkit-transition: all 0.3s ease-in-out;
6354
+ transition: all 0.3s ease-in-out;
6355
+ }
6356
+
6357
+ .premium-button-style6:hover:before {
6358
+ -webkit-transform: translate(50%, -50%) scale(3);
6359
+ -ms-transform: translate(50%, -50%) scale(3);
6360
+ transform: translate(50%, -50%) scale(3);
6361
+ }
6362
+
6363
+ .premium-button-style6 .premium-button-text-icon-wrapper {
6364
+ position: relative;
6365
+ z-index: 1;
6366
+ }
6367
+
6368
+ .premium-mouse-detect-yes .premium-button-style6 .premium-button-style6-bg {
6369
+ position: absolute;
6370
+ z-index: 0;
6371
+ top: 0;
6372
+ right: 0;
6373
+ width: 0px;
6374
+ height: 0px;
6375
+ -webkit-border-radius: 50%;
6376
+ border-radius: 50%;
6377
+ display: block;
6378
+ -webkit-transform: translate(50%, -50%);
6379
+ -ms-transform: translate(50%, -50%);
6380
+ transform: translate(50%, -50%);
6381
+ -webkit-transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
6382
+ transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
6383
+ }
6384
+
6385
+ .premium-mouse-detect-yes .premium-button-style6:hover .premium-button-style6-bg {
6386
+ width: 225%;
6387
+ height: 560px;
6388
+ }
6389
+
6390
+ .premium-mouse-detect-yes .premium-button-style6:before {
6391
+ width: 0;
6392
+ height: 0;
6393
+ }
6394
+
6395
+ .premium-button-style7-right .premium-button-text-icon-wrapper:before,
6396
+ .premium-button-style7-left .premium-button-text-icon-wrapper:before {
6397
+ -webkit-transition: width 0.3s ease-out 0.15s;
6398
+ transition: width 0.3s ease-out 0.15s;
6399
+ }
6400
+
6401
+ .premium-button-style7-right .premium-button-text-icon-wrapper:after,
6402
+ .premium-button-style7-left .premium-button-text-icon-wrapper:after {
6403
+ -webkit-transition: width 0.3s ease-out 0s;
6404
+ transition: width 0.3s ease-out 0s;
6405
+ }
6406
+
6407
+ .premium-button-style7-bottom .premium-button-text-icon-wrapper:before,
6408
+ .premium-button-style7-top .premium-button-text-icon-wrapper:before {
6409
+ -webkit-transition: height 0.3s ease-out 0.15s;
6410
+ transition: height 0.3s ease-out 0.15s;
6411
+ }
6412
+
6413
+ .premium-button-style7-bottom .premium-button-text-icon-wrapper:after,
6414
+ .premium-button-style7-top .premium-button-text-icon-wrapper:after {
6415
+ -webkit-transition: height 0.3s ease-out 0s;
6416
+ transition: height 0.3s ease-out 0s;
6417
+ }
6418
+
6419
+ .premium-button[class*="style7"]:hover .premium-button-text-icon-wrapper:before {
6420
+ -webkit-transition-delay: 0s;
6421
+ transition-delay: 0s;
6422
+ }
6423
+
6424
+ .premium-button[class*="style7"]:hover .premium-button-text-icon-wrapper:after {
6425
+ -webkit-transition-delay: 0.15s;
6426
+ transition-delay: 0.15s;
6427
+ }
6428
+
6429
+ .premium-button-style7-bottom .premium-button-text-icon-wrapper:before,
6430
+ .premium-button-style7-bottom .premium-button-text-icon-wrapper:after {
6431
+ content: "";
6432
+ position: absolute;
6433
+ left: 0;
6434
+ top: 0;
6435
+ right: 0;
6436
+ height: 0;
6437
+ z-index: -1;
6438
+ }
6439
+
6440
+ .premium-button-style7-top .premium-button-text-icon-wrapper:after,
6441
+ .premium-button-style7-top .premium-button-text-icon-wrapper:before {
6442
+ content: "";
6443
+ position: absolute;
6444
+ left: 0;
6445
+ bottom: 0;
6446
+ right: 0;
6447
+ height: 0;
6448
+ z-index: -1;
6449
+ }
6450
+
6451
+ .premium-button-style7-right .premium-button-text-icon-wrapper:after,
6452
+ .premium-button-style7-right .premium-button-text-icon-wrapper:before {
6453
+ content: "";
6454
+ position: absolute;
6455
+ right: 0;
6456
+ top: 0;
6457
+ bottom: 0;
6458
+ width: 0;
6459
+ z-index: -1;
6460
+ }
6461
+
6462
+ .premium-button-style7-left .premium-button-text-icon-wrapper:after,
6463
+ .premium-button-style7-left .premium-button-text-icon-wrapper:before {
6464
+ content: "";
6465
+ position: absolute;
6466
+ left: 0;
6467
+ top: 0;
6468
+ bottom: 0;
6469
+ width: 0;
6470
+ z-index: -1;
6471
+ }
6472
+
6473
+ .premium-button-style7-bottom:hover .premium-button-text-icon-wrapper:after,
6474
+ .premium-button-style7-bottom:hover .premium-button-text-icon-wrapper:before {
6475
+ height: 100%;
6476
+ top: 0;
6477
+ }
6478
+
6479
+ .premium-button-style7-top:hover .premium-button-text-icon-wrapper:after,
6480
+ .premium-button-style7-top:hover .premium-button-text-icon-wrapper:before {
6481
+ height: 100%;
6482
+ bottom: 0;
6483
+ }
6484
+
6485
+ .premium-button-style7-left:hover .premium-button-text-icon-wrapper:after,
6486
+ .premium-button-style7-left:hover .premium-button-text-icon-wrapper:before {
6487
+ width: 100%;
6488
+ left: 0;
6489
+ }
6490
+
6491
+ .premium-button-style7-right:hover .premium-button-text-icon-wrapper:after,
6492
+ .premium-button-style7-right:hover .premium-button-text-icon-wrapper:before {
6493
+ width: 100%;
6494
+ right: 0;
6495
+ }
6496
+
6497
+ /**************** Premium Contact Form7 **********/
6498
+ /*************************************************/
6499
+ .premium-contact-form-anim-yes .wpcf7-span::after {
6500
+ display: block;
6501
+ height: 2px;
6502
+ content: "";
6503
+ top: -2px;
6504
+ position: relative;
6505
+ width: 0px;
6506
+ -webkit-transition: all ease-in-out 0.3s;
6507
+ transition: all ease-in-out 0.3s;
6508
+ }
6509
+
6510
+ .premium-contact-form-anim-yes .wpcf7-span.is-focused::after {
6511
+ width: 100%;
6512
+ }
6513
+
6514
+ .premium-cf7-container input.wpcf7-submit {
6515
+ -webkit-transition: all 0.3s ease-in-out;
6516
+ transition: all 0.3s ease-in-out;
6517
+ }
6518
+
6519
+ /**************** Premium Image Button ***********/
6520
+ /*************************************************/
6521
+ .premium-image-button {
6522
+ -js-display: inline-flex;
6523
+ display: -webkit-inline-box;
6524
+ display: -webkit-inline-flex;
6525
+ display: -moz-inline-box;
6526
+ display: -ms-inline-flexbox;
6527
+ display: inline-flex;
6528
+ position: relative;
6529
+ overflow: hidden;
6530
+ background-color: #eee;
6531
+ cursor: pointer;
6532
+ -webkit-transition: all 0.2s ease-in-out !important;
6533
+ transition: all 0.2s ease-in-out !important;
6534
+ }
6535
+
6536
+ .premium-image-button .premium-button-style6-bg,
6537
+ .premium-image-button.premium-button-style6:before,
6538
+ .premium-image-button:not(.premium-image-button-style6):hover {
6539
+ background-color: #54595f;
6540
+ }
6541
+
6542
+ /*Default background for slide styles*/
6543
+ .premium-image-button:hover,
6544
+ .premium-image-button-style4-icon-wrapper,
6545
+ .premium-image-button-style1-top:before,
6546
+ .premium-image-button-style1-bottom:before,
6547
+ .premium-image-button-style1-left:before,
6548
+ .premium-image-button-style1-right:before {
6549
+ background-color: #54595f;
6550
+ }
6551
+
6552
+ .premium-image-button-text-icon-wrapper {
6553
+ width: 100%;
6554
+ -js-display: flex;
6555
+ display: -webkit-box;
6556
+ display: -webkit-flex;
6557
+ display: -moz-box;
6558
+ display: -ms-flexbox;
6559
+ display: flex;
6560
+ -webkit-box-pack: center;
6561
+ -webkit-justify-content: center;
6562
+ -moz-box-pack: center;
6563
+ -ms-flex-pack: center;
6564
+ justify-content: center;
6565
+ -webkit-box-align: center;
6566
+ -webkit-align-items: center;
6567
+ -moz-box-align: center;
6568
+ -ms-flex-align: center;
6569
+ align-items: center;
6570
+ position: relative;
6571
+ z-index: 3;
6572
+ -webkit-transition: all 0.2s ease-in-out;
6573
+ transition: all 0.2s ease-in-out;
6574
+ }
6575
+
6576
+ .premium-image-button-text-icon-wrapper span,
6577
+ .premium-image-button-text-icon-wrapper,
6578
+ .premium-image-button-text-icon-wrapper i,
6579
+ .premium-image-button-text-icon-wrapper svg {
6580
+ -webkit-transition: all 0.2s ease-in-out;
6581
+ transition: all 0.2s ease-in-out;
6582
+ }
6583
+
6584
+ .premium-image-button-style1-bottom:before,
6585
+ .premium-image-button-style1-top:before,
6586
+ .premium-image-button-style1-left:before,
6587
+ .premium-image-button-style1-right:before {
6588
+ -webkit-transition: all 0.2s ease-in-out;
6589
+ transition: all 0.2s ease-in-out;
6590
+ }
6591
+
6592
+ .premium-image-button-style1-bottom:before {
6593
+ content: "";
6594
+ position: absolute;
6595
+ width: 100%;
6596
+ height: 0;
6597
+ top: 0;
6598
+ right: 0;
6599
+ }
6600
+
6601
+ .premium-image-button-style1-top:before {
6602
+ content: "";
6603
+ position: absolute;
6604
+ width: 100%;
6605
+ height: 0;
6606
+ bottom: 0;
6607
+ right: 0;
6608
+ }
6609
+
6610
+ .premium-image-button-style1-right:before {
6611
+ content: "";
6612
+ position: absolute;
6613
+ width: 0;
6614
+ height: 100%;
6615
+ bottom: 0;
6616
+ right: 0;
6617
+ }
6618
+
6619
+ .premium-image-button-style1-left:before {
6620
+ content: "";
6621
+ position: absolute;
6622
+ width: 0;
6623
+ height: 100%;
6624
+ top: 0;
6625
+ left: 0;
6626
+ }
6627
+
6628
+ .premium-image-button-style1-bottom:hover:before {
6629
+ height: 100%;
6630
+ }
6631
+
6632
+ .premium-image-button-style1-top:hover:before {
6633
+ height: 100%;
6634
+ }
6635
+
6636
+ .premium-image-button-style1-right:hover:before {
6637
+ width: 100%;
6638
+ }
6639
+
6640
+ .premium-image-button-style1-left:hover:before {
6641
+ width: 100%;
6642
+ }
6643
+
6644
+ .premium-image-button-diagonal-top,
6645
+ .premium-image-button-diagonal-bottom,
6646
+ .premium-image-button-diagonal-left,
6647
+ .premium-image-button-diagonal-right {
6648
+ z-index: 10;
6649
+ }
6650
+
6651
+ .premium-image-button-diagonal-top:before,
6652
+ .premium-image-button-diagonal-bottom:before,
6653
+ .premium-image-button-diagonal-left:before,
6654
+ .premium-image-button-diagonal-right:before {
6655
+ position: absolute;
6656
+ top: 0px;
6657
+ right: 0px;
6658
+ width: 100%;
6659
+ height: 100%;
6660
+ content: "";
6661
+ z-index: 1;
6662
+ background: rgba(255, 255, 255, 0.2);
6663
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6664
+ -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6665
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6666
+ -webkit-transition: all 0.8s ease-out;
6667
+ transition: all 0.8s ease-out;
6668
+ }
6669
+
6670
+ .premium-image-button-diagonal-right:hover:before,
6671
+ .premium-image-button-diagonal-left:before {
6672
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
6673
+ -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
6674
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
6675
+ }
6676
+
6677
+ .premium-image-button-diagonal-left:hover:before,
6678
+ .premium-image-button-diagonal-right:before {
6679
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
6680
+ -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
6681
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
6682
+ }
6683
+
6684
+ .premium-image-button-diagonal-top:hover:before,
6685
+ .premium-image-button-diagonal-bottom:before {
6686
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6687
+ -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6688
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6689
+ }
6690
+
6691
+ .premium-image-button-diagonal-bottom:hover:before,
6692
+ .premium-image-button-diagonal-top:before {
6693
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
6694
+ -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
6695
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
6696
+ }
6697
+
6698
+ .premium-image-button-style4-icon-wrapper {
6699
+ position: absolute;
6700
+ z-index: 2;
6701
+ width: 100%;
6702
+ text-align: center;
6703
+ display: -webkit-box;
6704
+ display: -webkit-flex;
6705
+ display: -ms-flexbox;
6706
+ -js-display: flex;
6707
+ display: -moz-box;
6708
+ display: flex;
6709
+ -webkit-box-align: center;
6710
+ -webkit-align-items: center;
6711
+ -moz-box-align: center;
6712
+ -ms-flex-align: center;
6713
+ align-items: center;
6714
+ -webkit-box-pack: center;
6715
+ -webkit-justify-content: center;
6716
+ -moz-box-pack: center;
6717
+ -ms-flex-pack: center;
6718
+ justify-content: center;
6719
+ height: 100%;
6720
+ opacity: 0;
6721
+ -webkit-transition: all 0.3s ease-in-out;
6722
+ transition: all 0.3s ease-in-out;
6723
+ }
6724
+
6725
+ .premium-image-button-style4-icon-wrapper.top {
6726
+ bottom: -100%;
6727
+ right: 0;
6728
+ }
6729
+
6730
+ .premium-image-button-style4-icon-wrapper.bottom {
6731
+ top: -100%;
6732
+ right: 0;
6733
+ }
6734
+
6735
+ .premium-image-button-style4-icon-wrapper.left {
6736
+ top: 0;
6737
+ right: -100%;
6738
+ }
6739
+
6740
+ .premium-image-button-style4-icon-wrapper.right {
6741
+ top: 0;
6742
+ left: -100%;
6743
+ }
6744
+
6745
+ .premium-image-button-style4-bottom:hover .premium-image-button-style4-icon-wrapper {
6746
+ top: 0;
6747
+ opacity: 1;
6748
+ }
6749
+
6750
+ .premium-image-button-style4-top:hover .premium-image-button-style4-icon-wrapper {
6751
+ bottom: 0;
6752
+ opacity: 1;
6753
+ }
6754
+
6755
+ .premium-image-button-style4-left:hover .premium-image-button-style4-icon-wrapper {
6756
+ right: 0;
6757
+ opacity: 1;
6758
+ }
6759
+
6760
+ .premium-image-button-style4-right:hover .premium-image-button-style4-icon-wrapper {
6761
+ left: 0;
6762
+ opacity: 1;
6763
+ }
6764
+
6765
+ .premium-image-button-style4-bottom:hover .premium-image-button-text-icon-wrapper {
6766
+ -webkit-transform: translateY(100%);
6767
+ -ms-transform: translateY(100%);
6768
+ transform: translateY(100%);
6769
+ opacity: 0;
6770
+ }
6771
+
6772
+ .premium-image-button-style4-top:hover .premium-image-button-text-icon-wrapper {
6773
+ -webkit-transform: translateY(-100%);
6774
+ -ms-transform: translateY(-100%);
6775
+ transform: translateY(-100%);
6776
+ opacity: 0;
6777
+ }
6778
+
6779
+ .premium-image-button-style4-left:hover .premium-image-button-text-icon-wrapper {
6780
+ -webkit-transform: translateX(-100%);
6781
+ -ms-transform: translateX(-100%);
6782
+ transform: translateX(-100%);
6783
+ opacity: 0;
6784
+ }
6785
+
6786
+ .premium-image-button-style4-right:hover .premium-image-button-text-icon-wrapper {
6787
+ -webkit-transform: translateX(100%);
6788
+ -ms-transform: translateX(100%);
6789
+ transform: translateX(100%);
6790
+ opacity: 0;
6791
+ }
6792
+
6793
+ .premium-image-button-overlap-effect-horizontal:before,
6794
+ .premium-image-button-overlap-effect-vertical:before {
6795
+ position: absolute;
6796
+ content: "";
6797
+ top: 0;
6798
+ right: 0;
6799
+ width: 100%;
6800
+ height: 100%;
6801
+ opacity: 0;
6802
+ -webkit-transition: all 1s ease-in-out;
6803
+ transition: all 1s ease-in-out;
6804
+ background: rgba(255, 255, 255, 0.2);
6805
+ -webkit-animation-name: premium-overlap-effect-done;
6806
+ animation-name: premium-overlap-effect-done;
6807
+ -webkit-animation-duration: 1s;
6808
+ animation-duration: 1s;
6809
+ }
6810
+
6811
+ .premium-image-button-overlap-effect-vertical:before {
6812
+ -webkit-animation-name: premium-overlap-ver-effect-done;
6813
+ animation-name: premium-overlap-ver-effect-done;
6814
+ -webkit-animation-duration: 1s;
6815
+ animation-duration: 1s;
6816
+ }
6817
+
6818
+ .premium-image-button-overlap-effect-horizontal:hover:before {
6819
+ -webkit-animation-name: premium-overlap-effect;
6820
+ animation-name: premium-overlap-effect;
6821
+ -webkit-animation-duration: 1s;
6822
+ animation-duration: 1s;
6823
+ }
6824
+
6825
+ .premium-image-button-overlap-effect-vertical:hover:before {
6826
+ -webkit-animation-name: premium-overlap-ver-effect;
6827
+ animation-name: premium-overlap-ver-effect;
6828
+ -webkit-animation-duration: 1s;
6829
+ animation-duration: 1s;
6830
+ }
6831
+
6832
+ @-webkit-keyframes premium-overlap-effect {
6833
+ 0% {
6834
+ opacity: 0;
6835
+ -webkit-transform: rotateY(0deg);
6836
+ transform: rotateY(0deg);
6837
+ }
6838
+
6839
+ 50% {
6840
+ opacity: 1;
6841
+ -webkit-transform: rotateY(180deg);
6842
+ transform: rotateY(180deg);
6843
+ }
6844
+
6845
+ 100% {
6846
+ opacity: 0;
6847
+ -webkit-transform: rotateY(360deg);
6848
+ transform: rotateY(360deg);
6849
+ }
6850
+ }
6851
+
6852
+ @keyframes premium-overlap-effect {
6853
+ 0% {
6854
+ opacity: 0;
6855
+ -webkit-transform: rotateY(0deg);
6856
+ transform: rotateY(0deg);
6857
+ }
6858
+
6859
+ 50% {
6860
+ opacity: 1;
6861
+ -webkit-transform: rotateY(180deg);
6862
+ transform: rotateY(180deg);
6863
+ }
6864
+
6865
+ 100% {
6866
+ opacity: 0;
6867
+ -webkit-transform: rotateY(360deg);
6868
+ transform: rotateY(360deg);
6869
+ }
6870
+ }
6871
+
6872
+ @-webkit-keyframes premium-overlap-effect-done {
6873
+ 0% {
6874
+ opacity: 0;
6875
+ -webkit-transform: rotateY(0deg);
6876
+ transform: rotateY(0deg);
6877
+ }
6878
+
6879
+ 50% {
6880
+ opacity: 1;
6881
+ -webkit-transform: rotateY(180deg);
6882
+ transform: rotateY(180deg);
6883
+ }
6884
+
6885
+ 100% {
6886
+ opacity: 0;
6887
+ -webkit-transform: rotateY(360deg);
6888
+ transform: rotateY(360deg);
6889
+ }
6890
+ }
6891
+
6892
+ @keyframes premium-overlap-effect-done {
6893
+ 0% {
6894
+ opacity: 0;
6895
+ -webkit-transform: rotateY(0deg);
6896
+ transform: rotateY(0deg);
6897
+ }
6898
+
6899
+ 50% {
6900
+ opacity: 1;
6901
+ -webkit-transform: rotateY(180deg);
6902
+ transform: rotateY(180deg);
6903
+ }
6904
+
6905
+ 100% {
6906
+ opacity: 0;
6907
+ -webkit-transform: rotateY(360deg);
6908
+ transform: rotateY(360deg);
6909
+ }
6910
+ }
6911
+
6912
+ @-webkit-keyframes premium-overlap-ver-effect {
6913
+ 0% {
6914
+ opacity: 0;
6915
+ -webkit-transform: rotateX(0deg);
6916
+ transform: rotateX(0deg);
6917
+ }
6918
+
6919
+ 50% {
6920
+ opacity: 1;
6921
+ -webkit-transform: rotateX(180deg);
6922
+ transform: rotateX(180deg);
6923
+ }
6924
+
6925
+ 100% {
6926
+ opacity: 0;
6927
+ -webkit-transform: rotateX(360deg);
6928
+ transform: rotateX(360deg);
6929
+ }
6930
+ }
6931
+
6932
+ @keyframes premium-overlap-ver-effect {
6933
+ 0% {
6934
+ opacity: 0;
6935
+ -webkit-transform: rotateX(0deg);
6936
+ transform: rotateX(0deg);
6937
+ }
6938
+
6939
+ 50% {
6940
+ opacity: 1;
6941
+ -webkit-transform: rotateX(180deg);
6942
+ transform: rotateX(180deg);
6943
+ }
6944
+
6945
+ 100% {
6946
+ opacity: 0;
6947
+ -webkit-transform: rotateX(360deg);
6948
+ transform: rotateX(360deg);
6949
+ }
6950
+ }
6951
+
6952
+ @-webkit-keyframes premium-overlap-ver-effect-done {
6953
+ 0% {
6954
+ opacity: 0;
6955
+ -webkit-transform: rotateX(0deg);
6956
+ transform: rotateX(0deg);
6957
+ }
6958
+
6959
+ 50% {
6960
+ opacity: 1;
6961
+ -webkit-transform: rotateX(180deg);
6962
+ transform: rotateX(180deg);
6963
+ }
6964
+
6965
+ 100% {
6966
+ opacity: 0;
6967
+ -webkit-transform: rotateX(360deg);
6968
+ transform: rotateX(360deg);
6969
+ }
6970
+ }
6971
+
6972
+ @keyframes premium-overlap-ver-effect-done {
6973
+ 0% {
6974
+ opacity: 0;
6975
+ -webkit-transform: rotateX(0deg);
6976
+ transform: rotateX(0deg);
6977
+ }
6978
+
6979
+ 50% {
6980
+ opacity: 1;
6981
+ -webkit-transform: rotateX(180deg);
6982
+ transform: rotateX(180deg);
6983
+ }
6984
+
6985
+ 100% {
6986
+ opacity: 0;
6987
+ -webkit-transform: rotateX(360deg);
6988
+ transform: rotateX(360deg);
6989
+ }
6990
+ }
6991
+
6992
+ /******** Premium Media Grid ********/
6993
+ /************************************/
6994
+ .premium-img-gallery-filter,
6995
+ .premium-blog-filter {
6996
+ display: -webkit-box;
6997
+ display: -webkit-flex;
6998
+ display: -ms-flexbox;
6999
+ -js-display: flex;
7000
+ display: -moz-box;
7001
+ display: flex;
7002
+ -webkit-box-align: center;
7003
+ -webkit-align-items: center;
7004
+ -moz-box-align: center;
7005
+ -ms-flex-align: center;
7006
+ align-items: center;
7007
+ -webkit-box-pack: center;
7008
+ -webkit-justify-content: center;
7009
+ -moz-box-pack: center;
7010
+ -ms-flex-pack: center;
7011
+ justify-content: center;
7012
+ }
7013
+
7014
+ .premium-img-gallery {
7015
+ clear: both;
7016
+ overflow: hidden;
7017
+ }
7018
+
7019
+ .premium-gallery-container .premium-gallery-item {
7020
+ padding: 10px;
7021
+ float: right;
7022
+ /* Google Chrome isotope issue */
7023
+ }
7024
+
7025
+ .premium-gallery-container .grid-sizer {
7026
+ width: 33.33%;
7027
+ }
7028
+
7029
+ .premium-img-gallery-filter .premium-gallery-cats-container li a.category,
7030
+ .premium-blog-filter .premium-blog-filters-container li a.category {
7031
+ outline: none;
7032
+ text-decoration: none;
7033
+ -webkit-border-radius: 75px;
7034
+ border-radius: 75px;
7035
+ margin: 15px 5px 20px;
7036
+ padding: 7px 20px;
7037
+ -webkit-transition: all 0.3s ease-in-out;
7038
+ transition: all 0.3s ease-in-out;
7039
+ }
7040
+
7041
+ .premium-img-gallery-filter .premium-gallery-cats-container li a.category span {
7042
+ -webkit-transition: all 0.3s ease-in-out;
7043
+ transition: all 0.3s ease-in-out;
7044
+ }
7045
+
7046
+ .pa-gallery-img {
7047
+ position: relative;
7048
+ }
7049
+
7050
+ .pa-gallery-img .pa-gallery-whole-link {
7051
+ position: absolute;
7052
+ top: 0;
7053
+ right: 0;
7054
+ width: 100%;
7055
+ height: 100%;
7056
+ }
7057
+
7058
+ .pa-gallery-img.style2 .pa-gallery-whole-link {
7059
+ z-index: 99;
7060
+ }
7061
+
7062
+ .pa-gallery-img-container {
7063
+ overflow: hidden;
7064
+ -webkit-backface-visibility: hidden;
7065
+ -moz-backface-visibility: hidden;
7066
+ -webkit-transform: translate3d(0, 0, 0);
7067
+ transform: translate3d(0, 0, 0);
7068
+ }
7069
+
7070
+ .pa-gallery-img-container img {
7071
+ display: block;
7072
+ width: 100%;
7073
+ -webkit-transition: all 0.3s ease-in-out;
7074
+ transition: all 0.3s ease-in-out;
7075
+ }
7076
+
7077
+ .premium-img-gallery.gray img {
7078
+ -webkit-filter: grayscale(100%);
7079
+ filter: grayscale(100%);
7080
+ }
7081
+
7082
+ .premium-img-gallery.zoomout img,
7083
+ .premium-img-gallery.scale img {
7084
+ -webkit-transform: scale(1.2);
7085
+ -ms-transform: scale(1.2);
7086
+ transform: scale(1.2);
7087
+ }
7088
+
7089
+ .premium-img-gallery.sepia img {
7090
+ -webkit-filter: sepia(30%);
7091
+ filter: sepia(30%);
7092
+ }
7093
+
7094
+ .premium-img-gallery.bright img {
7095
+ -webkit-filter: brightness(1);
7096
+ filter: brightness(1);
7097
+ }
7098
+
7099
+ .premium-img-gallery.trans img {
7100
+ -webkit-transform: translateX(15px) scale(1.1);
7101
+ -ms-transform: translateX(15px) scale(1.1);
7102
+ transform: translateX(15px) scale(1.1);
7103
+ }
7104
+
7105
+ .pa-gallery-img .pa-gallery-magnific-image,
7106
+ .pa-gallery-img .pa-gallery-img-link {
7107
+ outline: none;
7108
+ }
7109
+
7110
+ .pa-gallery-img .pa-gallery-magnific-image i,
7111
+ .pa-gallery-img .pa-gallery-magnific-image svg,
7112
+ .pa-gallery-img .pa-gallery-img-link i,
7113
+ .pa-gallery-img .pa-gallery-img-link svg {
7114
+ -webkit-transition: all 0.3s ease-in-out;
7115
+ transition: all 0.3s ease-in-out;
7116
+ }
7117
+
7118
+ .pa-gallery-img .pa-gallery-magnific-image span,
7119
+ .pa-gallery-img .pa-gallery-img-link span {
7120
+ line-height: 1;
7121
+ display: inline-block;
7122
+ opacity: 0;
7123
+ margin: 0 5px;
7124
+ padding: 15px;
7125
+ -webkit-border-radius: 50%;
7126
+ border-radius: 50%;
7127
+ }
7128
+
7129
+ .pa-gallery-img.style2 .pa-gallery-magnific-image span,
7130
+ .pa-gallery-img.style2 .pa-gallery-img-link span {
7131
+ margin: 0 5px 20px;
7132
+ }
7133
+
7134
+ .pa-gallery-img:hover .pa-gallery-magnific-image span {
7135
+ -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
7136
+ transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
7137
+ }
7138
+
7139
+ .pa-gallery-img:hover .pa-gallery-img-link span {
7140
+ -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
7141
+ transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
7142
+ }
7143
+
7144
+ .pa-gallery-img:hover .pa-gallery-magnific-image span,
7145
+ .pa-gallery-img:hover .pa-gallery-img-link span,
7146
+ .premium-gallery-icon-show a.pa-gallery-video-icon span {
7147
+ opacity: 1;
7148
+ }
7149
+
7150
+ .premium-img-gallery-filter ul.premium-gallery-cats-container,
7151
+ .premium-blog-filter ul.premium-blog-filters-container {
7152
+ text-align: center;
7153
+ margin: 0;
7154
+ padding: 0;
7155
+ }
7156
+
7157
+ .premium-img-gallery-filter .premium-gallery-cats-container li,
7158
+ .premium-blog-filter .premium-blog-filters-container li {
7159
+ list-style: none;
7160
+ display: -webkit-inline-box;
7161
+ display: -webkit-inline-flex;
7162
+ display: -ms-inline-flexbox;
7163
+ -js-display: inline-flex;
7164
+ display: -moz-inline-box;
7165
+ display: inline-flex;
7166
+ }
7167
+
7168
+ .premium-img-gallery.zoomin .pa-gallery-img:hover img {
7169
+ -webkit-transform: scale(1.1);
7170
+ -ms-transform: scale(1.1);
7171
+ transform: scale(1.1);
7172
+ }
7173
+
7174
+ .premium-img-gallery.zoomout .pa-gallery-img:hover img {
7175
+ -webkit-transform: scale(1);
7176
+ -ms-transform: scale(1);
7177
+ transform: scale(1);
7178
+ }
7179
+
7180
+ .premium-img-gallery.scale .pa-gallery-img:hover img {
7181
+ -webkit-transform: scale(1.3) rotate(-5deg);
7182
+ -ms-transform: scale(1.3) rotate(-5deg);
7183
+ transform: scale(1.3) rotate(-5deg);
7184
+ }
7185
+
7186
+ .premium-img-gallery.gray .pa-gallery-img:hover img {
7187
+ -webkit-filter: grayscale(0%);
7188
+ filter: grayscale(0%);
7189
+ }
7190
+
7191
+ .premium-img-gallery.blur .pa-gallery-img:hover img {
7192
+ -webkit-filter: blur(3px);
7193
+ filter: blur(3px);
7194
+ }
7195
+
7196
+ .premium-img-gallery.sepia .pa-gallery-img:hover img {
7197
+ -webkit-filter: sepia(0%);
7198
+ filter: sepia(0%);
7199
+ }
7200
+
7201
+ .premium-img-gallery.trans .pa-gallery-img:hover img {
7202
+ -webkit-transform: translateX(0px) scale(1.1);
7203
+ -ms-transform: translateX(0px) scale(1.1);
7204
+ transform: translateX(0px) scale(1.1);
7205
+ }
7206
+
7207
+ .premium-img-gallery.bright .pa-gallery-img:hover img {
7208
+ -webkit-filter: brightness(1.2);
7209
+ filter: brightness(1.2);
7210
+ }
7211
+
7212
+ .pa-gallery-img .premium-gallery-caption {
7213
+ padding: 10px;
7214
+ }
7215
+
7216
+ .pa-gallery-img .premium-gallery-caption .premium-gallery-img-name {
7217
+ margin-bottom: 0;
7218
+ }
7219
+
7220
+ .pa-gallery-img.style1 {
7221
+ overflow: hidden;
7222
+ }
7223
+
7224
+ .pa-gallery-img:not(.style2) .pa-gallery-icons-wrapper {
7225
+ position: absolute;
7226
+ top: 0;
7227
+ right: 0;
7228
+ width: 100%;
7229
+ height: 100%;
7230
+ -webkit-transition: all 0.3s ease-in-out;
7231
+ transition: all 0.3s ease-in-out;
7232
+ }
7233
+
7234
+ .pa-gallery-img:not(.style2) .pa-gallery-icons-inner-container {
7235
+ position: absolute;
7236
+ top: 33.33%;
7237
+ width: 100%;
7238
+ text-align: center;
7239
+ -webkit-transform: translateY(-50%);
7240
+ -ms-transform: translateY(-50%);
7241
+ transform: translateY(-50%);
7242
+ z-index: 999;
7243
+ }
7244
+
7245
+ .premium-blog-post-container .premium-blog-entry-container {
7246
+ margin: 0 !important;
7247
+ }
7248
+
7249
+ .pa-gallery-img.style1 .premium-gallery-caption {
7250
+ position: absolute;
7251
+ top: auto;
7252
+ left: 0;
7253
+ right: 0;
7254
+ width: 100%;
7255
+ -webkit-transition: all 500ms ease 0s;
7256
+ transition: all 500ms ease 0s;
7257
+ -webkit-transform: translate3d(0, 100%, 0);
7258
+ -ms-transform: translate3d(0, 100%, 0);
7259
+ transform: translate3d(0, 100%, 0);
7260
+ }
7261
+
7262
+ .pa-gallery-img.default .premium-gallery-caption {
7263
+ position: absolute;
7264
+ top: auto;
7265
+ left: 0;
7266
+ right: 0;
7267
+ width: 100%;
7268
+ bottom: 0;
7269
+ }
7270
+
7271
+ .pa-gallery-img.style1:hover .premium-gallery-caption {
7272
+ -webkit-transform: translate3d(0, 0, 0);
7273
+ -ms-transform: translate3d(0, 0, 0);
7274
+ transform: translate3d(0, 0, 0);
7275
+ bottom: -1px !important;
7276
+ }
7277
+
7278
+ .pa-gallery-img.style2 .pa-gallery-icons-caption-container {
7279
+ position: absolute;
7280
+ top: 0;
7281
+ right: 0;
7282
+ width: 100%;
7283
+ height: 100%;
7284
+ opacity: 0;
7285
+ -webkit-backface-visibility: hidden;
7286
+ backface-visibility: hidden;
7287
+ -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
7288
+ -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
7289
+ transition: opacity 0.3s, -webkit-transform 0.3s;
7290
+ transition: transform 0.3s, opacity 0.3s;
7291
+ transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
7292
+ z-index: 1;
7293
+ background-color: rgba(108, 191, 226, 0.68);
7294
+ display: -webkit-box;
7295
+ display: -webkit-flex;
7296
+ display: -ms-flexbox;
7297
+ -js-display: flex;
7298
+ display: -moz-box;
7299
+ display: flex;
7300
+ text-align: center;
7301
+ -webkit-box-align: center;
7302
+ -webkit-align-items: center;
7303
+ -moz-box-align: center;
7304
+ -ms-flex-align: center;
7305
+ align-items: center;
7306
+ }
7307
+
7308
+ .pa-gallery-img.style2 .pa-gallery-icons-caption-cell {
7309
+ width: 100%;
7310
+ }
7311
+
7312
+ .pa-gallery-img.style2:hover .pa-gallery-icons-caption-container {
7313
+ opacity: 1;
7314
+ -webkit-transform: translate(-15px, 15px);
7315
+ -ms-transform: translate(-15px, 15px);
7316
+ transform: translate(-15px, 15px);
7317
+ }
7318
+
7319
+ .premium-clearfix {
7320
+ clear: both;
7321
+ }
7322
+
7323
+ .premium-gallery-container .pa-gallery-item {
7324
+ padding: 10px;
7325
+ }
7326
+
7327
+ /**
7328
+ * Metro Layout
7329
+ */
7330
+ .premium-img-gallery-metro .premium-gallery-item {
7331
+ overflow: hidden;
7332
+ }
7333
+
7334
+ .premium-img-gallery-metro .pa-gallery-img {
7335
+ height: 100%;
7336
+ }
7337
+
7338
+ .premium-img-gallery-metro .pa-gallery-img-container {
7339
+ height: 100%;
7340
+ }
7341
+
7342
+ .premium-img-gallery-metro .pa-gallery-img-container img {
7343
+ min-height: 100%;
7344
+ width: 100%;
7345
+ -o-object-fit: fill;
7346
+ object-fit: fill;
7347
+ }
7348
+
7349
+ .premium-img-gallery .premium-gallery-item-hidden {
7350
+ visibility: hidden;
7351
+ width: 0 !important;
7352
+ height: 0 !important;
7353
+ margin: 0 !important;
7354
+ padding: 0 !important;
7355
+ }
7356
+
7357
+ .premium-gallery-load-more .premium-gallery-load-more-btn {
7358
+ -webkit-box-shadow: none;
7359
+ box-shadow: none;
7360
+ text-shadow: none;
7361
+ border: none;
7362
+ outline: none;
7363
+ -webkit-box-align: center;
7364
+ -ms-flex-align: center;
7365
+ -webkit-align-items: center;
7366
+ -moz-box-align: center;
7367
+ align-items: center;
7368
+ vertical-align: bottom;
7369
+ cursor: pointer;
7370
+ line-height: 1;
7371
+ font-style: normal;
7372
+ font-weight: normal;
7373
+ background-image: none;
7374
+ color: #fff;
7375
+ -webkit-transition: all 0.3s ease-in-out;
7376
+ transition: all 0.3s ease-in-out;
7377
+ }
7378
+
7379
+ .premium-gallery-load-more-btn {
7380
+ display: -webkit-inline-box;
7381
+ display: -webkit-inline-flex;
7382
+ display: -ms-inline-flexbox;
7383
+ -js-display: inline-flex;
7384
+ display: -moz-inline-box;
7385
+ display: inline-flex;
7386
+ -webkit-box-align: center;
7387
+ -webkit-align-items: center;
7388
+ -moz-box-align: center;
7389
+ -ms-flex-align: center;
7390
+ align-items: center;
7391
+ }
7392
+
7393
+ .premium-loader {
7394
+ border: 3px solid #f3f3f3;
7395
+ border-top-width: 3px;
7396
+ border-top-style: solid;
7397
+ border-top-color: rgb(243, 243, 243);
7398
+ -webkit-border-radius: 50%;
7399
+ border-radius: 50%;
7400
+ border-top: 3px solid;
7401
+ border-top-color: #bbb;
7402
+ width: 30px;
7403
+ height: 30px;
7404
+ -webkit-animation: spin 2s linear infinite;
7405
+ animation: spin 2s linear infinite;
7406
+ margin: 0 auto;
7407
+ }
7408
+
7409
+ .premium-gallery-load-more-btn div {
7410
+ margin-right: 3px;
7411
+ }
7412
+
7413
+ .premium-gallery-load-more-btn .premium-loader {
7414
+ display: inline-block;
7415
+ width: 20px;
7416
+ height: 20px;
7417
+ }
7418
+
7419
+ /** * Video */
7420
+ .pa-gallery-img .pa-gallery-lightbox-wrap {
7421
+ display: inline-block;
7422
+ }
7423
+
7424
+ .premium-img-gallery-no-lightbox .premium-gallery-video-item .pa-gallery-img,
7425
+ .pa-gallery-img .pa-gallery-video-icon {
7426
+ cursor: pointer;
7427
+ }
7428
+
7429
+ .pa-gallery-img-container iframe,
7430
+ .pa-gallery-img-container video {
7431
+ position: absolute;
7432
+ visibility: hidden;
7433
+ top: 0;
7434
+ right: 0;
7435
+ max-width: 100%;
7436
+ width: 100%;
7437
+ height: 100%;
7438
+ margin: 0;
7439
+ line-height: 1;
7440
+ border: none;
7441
+ }
7442
+
7443
+ .pa-gallery-img-container video {
7444
+ -o-object-fit: contain;
7445
+ object-fit: contain;
7446
+ }
7447
+
7448
+ .pa-gallery-icons-inner-container svg,
7449
+ .pa-gallery-icons-caption-cell svg {
7450
+ width: 14px;
7451
+ height: 14px;
7452
+ }
7453
+
7454
+ .premium-gallery-gradient-layer {
7455
+ position: absolute;
7456
+ bottom: 40px;
7457
+ width: 100%;
7458
+ height: 20px;
7459
+ background: -webkit-gradient(linear, left bottom, left top, from(#17181f), to(rgba(255, 255, 255, 0)));
7460
+ background: -webkit-linear-gradient(bottom, #17181f 0%, rgba(255, 255, 255, 0) 100%);
7461
+ background: linear-gradient(to top, #17181f 0%, rgba(255, 255, 255, 0) 100%);
7462
+ }
7463
+
7464
+ @-webkit-keyframes spin {
7465
+ 0% {
7466
+ -webkit-transform: rotate(0deg);
7467
+ }
7468
+
7469
+ 100% {
7470
+ -webkit-transform: rotate(-360deg);
7471
+ }
7472
+ }
7473
+
7474
+ @keyframes spin {
7475
+ 0% {
7476
+ -webkit-transform: rotate(0deg);
7477
+ transform: rotate(0deg);
7478
+ }
7479
+
7480
+ 100% {
7481
+ -webkit-transform: rotate(-360deg);
7482
+ transform: rotate(-360deg);
7483
+ }
7484
+ }
7485
+
7486
+ /************ Premium Vertical Scroll ************/
7487
+ /*************************************************/
7488
+ .premium-vscroll-inner {
7489
+ position: relative;
7490
+ /* overflow: hidden;
7491
+ */
7492
+ min-height: 100%;
7493
+ }
7494
+
7495
+ .premium-vscroll-inner .premium-vscroll-dots {
7496
+ position: fixed;
7497
+ z-index: 100;
7498
+ opacity: 1;
7499
+ margin-top: -32px;
7500
+ -webkit-transition: all 0.3s ease-in-out;
7501
+ transition: all 0.3s ease-in-out;
7502
+ }
7503
+
7504
+ .premium-vscroll-wrap .premium-vscroll-nav-menu {
7505
+ opacity: 1;
7506
+ -webkit-transition: all 0.3s ease-in-out;
7507
+ transition: all 0.3s ease-in-out;
7508
+ }
7509
+
7510
+ .premium-vscroll-inner .premium-vscroll-dots,
7511
+ .premium-vscroll-wrap .premium-vscroll-dots-hide {
7512
+ opacity: 0;
7513
+ visibility: hidden;
7514
+ }
7515
+
7516
+ .premium-vscroll-nav-dots-yes .premium-vscroll-inner .premium-vscroll-dots {
7517
+ opacity: 1;
7518
+ visibility: visible;
7519
+ }
7520
+
7521
+ .premium-vscroll-dots.middle {
7522
+ top: 50%;
7523
+ }
7524
+
7525
+ .premium-vscroll-dots.top {
7526
+ top: 40px;
7527
+ }
7528
+
7529
+ .premium-vscroll-dots.bottom {
7530
+ bottom: 30px;
7531
+ }
7532
+
7533
+ .premium-vscroll-dots.right {
7534
+ left: 17px;
7535
+ }
7536
+
7537
+ .premium-vscroll-dots.left {
7538
+ right: 17px;
7539
+ }
7540
+
7541
+ .premium-vscroll-inner ul.premium-vscroll-dots-list,
7542
+ .premium-vscroll-wrap .premium-vscroll-nav-menu {
7543
+ margin: 0 !important;
7544
+ padding: 0;
7545
+ }
7546
+
7547
+ .premium-vscroll-inner ul.premium-vscroll-dots-list li {
7548
+ width: 14px;
7549
+ height: 13px;
7550
+ margin: 7px;
7551
+ position: relative;
7552
+ display: -webkit-box;
7553
+ display: -webkit-flex;
7554
+ display: -ms-flexbox;
7555
+ -js-display: flex;
7556
+ display: -moz-box;
7557
+ display: flex;
7558
+ -webkit-box-pack: center;
7559
+ -ms-flex-pack: center;
7560
+ -webkit-justify-content: center;
7561
+ -moz-box-pack: center;
7562
+ justify-content: center;
7563
+ -webkit-box-align: center;
7564
+ -ms-flex-align: center;
7565
+ -webkit-align-items: center;
7566
+ -moz-box-align: center;
7567
+ align-items: center;
7568
+ overflow: visible;
7569
+ }
7570
+
7571
+ .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link {
7572
+ display: block;
7573
+ position: relative;
7574
+ z-index: 1;
7575
+ width: 100%;
7576
+ height: 100%;
7577
+ cursor: pointer;
7578
+ text-decoration: none;
7579
+ }
7580
+
7581
+ .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link span {
7582
+ top: 2px;
7583
+ right: 2.5px;
7584
+ width: 8px;
7585
+ height: 8px;
7586
+ border: 1px solid #000;
7587
+ -webkit-border-radius: 50%;
7588
+ border-radius: 50%;
7589
+ position: absolute;
7590
+ z-index: 1;
7591
+ -webkit-transition: all 0.3s ease-in-out;
7592
+ transition: all 0.3s ease-in-out;
7593
+ }
7594
+
7595
+ .premium-vscroll-inner .premium-vscroll-dot-item.active .premium-vscroll-nav-link span {
7596
+ -webkit-transform: scale(1.6);
7597
+ -ms-transform: scale(1.6);
7598
+ transform: scale(1.6);
7599
+ }
7600
+
7601
+ .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-tooltip {
7602
+ position: absolute;
7603
+ color: #fff;
7604
+ font-size: 14px;
7605
+ font-family: arial, helvetica, sans-serif;
7606
+ white-space: nowrap;
7607
+ max-width: 220px;
7608
+ padding-right: 0.4em;
7609
+ padding-left: 0.4em;
7610
+ }
7611
+
7612
+ .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip {
7613
+ left: 27px;
7614
+ }
7615
+
7616
+ /* * Lines */
7617
+ .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item {
7618
+ width: 4px;
7619
+ height: 30px;
7620
+ }
7621
+
7622
+ .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item span {
7623
+ width: 100%;
7624
+ height: 100%;
7625
+ -webkit-border-radius: 0;
7626
+ border-radius: 0;
7627
+ }
7628
+
7629
+ .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item.active span {
7630
+ -webkit-transform: scale(1);
7631
+ -ms-transform: scale(1);
7632
+ transform: scale(1);
7633
+ }
7634
+
7635
+ @media (max-width: 768px) {
7636
+ .premium-vscroll-dots.right {
7637
+ left: 7px;
7638
+ }
7639
+
7640
+ .premium-vscroll-dots.left {
7641
+ right: 7px;
7642
+ }
7643
+ }
7644
+
7645
+ .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip::after {
7646
+ position: absolute;
7647
+ top: 50%;
7648
+ content: "";
7649
+ right: -webkit-calc(100% - 1px);
7650
+ right: calc(100% - 1px);
7651
+ width: 10px;
7652
+ height: 0;
7653
+ border-top: 6px solid transparent;
7654
+ border-bottom: 6px solid transparent;
7655
+ border-right: 6px solid;
7656
+ -webkit-transform: translateY(-50%);
7657
+ -ms-transform: translateY(-50%);
7658
+ transform: translateY(-50%);
7659
+ }
7660
+
7661
+ .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip::after {
7662
+ position: absolute;
7663
+ top: 50%;
7664
+ content: "";
7665
+ left: -webkit-calc(100% - 1px);
7666
+ left: calc(100% - 1px);
7667
+ width: 10px;
7668
+ height: 0;
7669
+ border-top: 6px solid transparent;
7670
+ border-bottom: 6px solid transparent;
7671
+ border-left: 6px solid;
7672
+ -webkit-transform: translateY(-50%);
7673
+ -ms-transform: translateY(-50%);
7674
+ transform: translateY(-50%);
7675
+ }
7676
+
7677
+ .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip {
7678
+ right: 27px;
7679
+ }
7680
+
7681
+ .premium-vscroll-nav-menu {
7682
+ position: fixed;
7683
+ top: 20px;
7684
+ height: 40px;
7685
+ z-index: 100;
7686
+ padding: 0;
7687
+ margin: 0;
7688
+ }
7689
+
7690
+ .premium-vscroll-nav-menu.left {
7691
+ right: 0;
7692
+ }
7693
+
7694
+ .premium-vscroll-nav-menu.right {
7695
+ left: 0;
7696
+ }
7697
+
7698
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item {
7699
+ display: inline-block;
7700
+ margin: 10px;
7701
+ color: #000;
7702
+ background: #fff;
7703
+ background: rgba(255, 255, 255, 0.3);
7704
+ }
7705
+
7706
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link {
7707
+ padding: 9px 18px;
7708
+ display: block;
7709
+ cursor: pointer;
7710
+ }
7711
+
7712
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link,
7713
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:hover {
7714
+ color: #000;
7715
+ }
7716
+
7717
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:focus,
7718
+ .multiscroll-nav li a:focus {
7719
+ outline: none;
7720
+ }
7721
+
7722
+ .premium-vscroll-temp .slimScrollBar {
7723
+ visibility: hidden;
7724
+ }
7725
+
7726
+ /************ Premium Image Scroll ***************/
7727
+ /*************************************************/
7728
+ .premium-image-scroll-section,
7729
+ .premium-image-scroll-container {
7730
+ -webkit-transition: all 0.3s ease-in-out;
7731
+ transition: all 0.3s ease-in-out;
7732
+ }
7733
+
7734
+ .premium-image-scroll-section {
7735
+ position: relative;
7736
+ overflow: hidden;
7737
+ width: 100%;
7738
+ -webkit-mask-image: -webkit-radial-gradient(white, black);
7739
+ }
7740
+
7741
+ .premium-image-scroll-container {
7742
+ width: 100%;
7743
+ }
7744
+
7745
+ .premium-image-scroll-container .premium-image-scroll-mask-media {
7746
+ -webkit-mask-repeat: no-repeat;
7747
+ mask-repeat: no-repeat;
7748
+ -webkit-mask-position: center;
7749
+ mask-position: center;
7750
+ }
7751
+
7752
+ .premium-container-scroll {
7753
+ overflow: auto;
7754
+ }
7755
+
7756
+ .premium-image-scroll-container .premium-image-scroll-horizontal {
7757
+ position: relative;
7758
+ width: 100%;
7759
+ height: 100%;
7760
+ }
7761
+
7762
+ .premium-image-scroll-container .premium-image-scroll-horizontal img {
7763
+ max-width: none;
7764
+ height: 100%;
7765
+ }
7766
+
7767
+ .premium-image-scroll-container .premium-image-scroll-vertical img {
7768
+ width: 100%;
7769
+ max-width: 100%;
7770
+ height: auto;
7771
+ }
7772
+
7773
+ .premium-image-scroll-ver {
7774
+ position: relative;
7775
+ }
7776
+
7777
+ .premium-image-scroll-container .premium-image-scroll-overlay {
7778
+ background: rgba(2, 2, 2, 0.3);
7779
+ }
7780
+
7781
+ .premium-image-scroll-container .premium-image-scroll-link,
7782
+ .premium-image-scroll-container .premium-image-scroll-overlay {
7783
+ position: absolute;
7784
+ top: 0;
7785
+ bottom: 0;
7786
+ right: 0;
7787
+ left: 0;
7788
+ z-index: 4;
7789
+ }
7790
+
7791
+ .premium-image-scroll-content {
7792
+ display: inline-block;
7793
+ position: absolute;
7794
+ height: auto;
7795
+ top: 50%;
7796
+ right: 50%;
7797
+ text-align: center;
7798
+ z-index: 5;
7799
+ -webkit-transform: translate(50%, -50%);
7800
+ -ms-transform: translate(50%, -50%);
7801
+ transform: translate(50%, -50%);
7802
+ }
7803
+
7804
+ .premium-container-scroll-instant .premium-image-scroll-image {
7805
+ -webkit-transition: all 0s ease-in-out !important;
7806
+ transition: all 0s ease-in-out !important;
7807
+ }
7808
+
7809
+ .premium-image-scroll-container img {
7810
+ -webkit-transition: -webkit-transform 3s ease-in-out;
7811
+ transition: -webkit-transform 3s ease-in-out;
7812
+ transition: transform 3s ease-in-out;
7813
+ transition: transform 3s ease-in-out, -webkit-transform 3s ease-in-out;
7814
+ }
7815
+
7816
+ .premium-image-scroll-container .premium-image-scroll-overlay,
7817
+ .premium-image-scroll-container .premium-image-scroll-content {
7818
+ -webkit-transition: all 0.3s ease-in-out;
7819
+ transition: all 0.3s ease-in-out;
7820
+ opacity: 1;
7821
+ }
7822
+
7823
+ .premium-image-scroll-container:hover .premium-image-scroll-overlay {
7824
+ opacity: 0;
7825
+ }
7826
+
7827
+ .premium-image-scroll-container:hover .premium-image-scroll-content {
7828
+ opacity: 0;
7829
+ visibility: hidden;
7830
+ }
7831
+
7832
+ .premium-image-scroll-content .premium-image-scroll-icon {
7833
+ display: inline-block;
7834
+ font-family: "pa-elements" !important;
7835
+ speak: none;
7836
+ font-style: normal;
7837
+ font-weight: normal;
7838
+ font-variant: normal;
7839
+ text-transform: none;
7840
+ line-height: 1;
7841
+ -webkit-font-smoothing: antialiased;
7842
+ -moz-osx-font-smoothing: grayscale;
7843
+ -webkit-animation-duration: 0.5s;
7844
+ animation-duration: 0.5s;
7845
+ -webkit-animation-iteration-count: infinite;
7846
+ animation-iteration-count: infinite;
7847
+ -webkit-animation-direction: alternate;
7848
+ animation-direction: alternate;
7849
+ -webkit-animation-timing-function: ease-in-out;
7850
+ animation-timing-function: ease-in-out;
7851
+ }
7852
+
7853
+ .pa-horizontal-mouse-scroll:before {
7854
+ content: "\e917";
7855
+ }
7856
+
7857
+ .pa-vertical-mouse-scroll:before {
7858
+ content: "\e918";
7859
+ }
7860
+
7861
+ .pa-horizontal-mouse-scroll {
7862
+ -webkit-animation-name: pa-scroll-horizontal;
7863
+ animation-name: pa-scroll-horizontal;
7864
+ }
7865
+
7866
+ .pa-vertical-mouse-scroll {
7867
+ -webkit-animation-name: pa-scroll-vertical;
7868
+ animation-name: pa-scroll-vertical;
7869
+ }
7870
+
7871
+ @-webkit-keyframes pa-scroll-vertical {
7872
+ 0% {
7873
+ -webkit-transform: translateY(0px);
7874
+ transform: translateY(0px);
7875
+ }
7876
+
7877
+ 100% {
7878
+ -webkit-transform: translateY(5px);
7879
+ transform: translateY(5px);
7880
+ }
7881
+ }
7882
+
7883
+ @keyframes pa-scroll-vertical {
7884
+ 0% {
7885
+ -webkit-transform: translateY(0px);
7886
+ transform: translateY(0px);
7887
+ }
7888
+
7889
+ 100% {
7890
+ -webkit-transform: translateY(5px);
7891
+ transform: translateY(5px);
7892
+ }
7893
+ }
7894
+
7895
+ @-webkit-keyframes pa-scroll-horizontal {
7896
+ 0% {
7897
+ -webkit-transform: translateX(0px);
7898
+ transform: translateX(0px);
7899
+ }
7900
+
7901
+ 100% {
7902
+ -webkit-transform: translateX(-5px);
7903
+ transform: translateX(-5px);
7904
+ }
7905
+ }
7906
+
7907
+ @keyframes pa-scroll-horizontal {
7908
+ 0% {
7909
+ -webkit-transform: translateX(0px);
7910
+ transform: translateX(0px);
7911
+ }
7912
+
7913
+ 100% {
7914
+ -webkit-transform: translateX(-5px);
7915
+ transform: translateX(-5px);
7916
+ }
7917
+ }
7918
+
7919
+ /********* Premium Lottie Animations **********/
7920
+ /**********************************************/
7921
+ .premium-lottie-wrap .premium-lottie-animation {
7922
+ position: relative;
7923
+ -js-display: inline-flex;
7924
+ display: -webkit-inline-box;
7925
+ display: -webkit-inline-flex;
7926
+ display: -moz-inline-box;
7927
+ display: -ms-inline-flexbox;
7928
+ display: inline-flex;
7929
+ -webkit-transition: all 0.3s ease-in-out;
7930
+ transition: all 0.3s ease-in-out;
7931
+ }
7932
+
7933
+ .premium-lottie-wrap .premium-lottie-animation a {
7934
+ position: absolute;
7935
+ left: 0;
7936
+ top: 0;
7937
+ width: 100%;
7938
+ height: 100%;
7939
+ z-index: 2;
7940
+ }
7941
+
7942
+ /**************** Premium Bullet List *****************/
7943
+ /******************************************************/
7944
+ .premium-bullet-list-box {
7945
+ -js-display: flex;
7946
+ display: -webkit-box;
7947
+ display: -webkit-flex;
7948
+ display: -moz-box;
7949
+ display: -ms-flexbox;
7950
+ display: flex;
7951
+ -webkit-flex-wrap: wrap;
7952
+ -ms-flex-wrap: wrap;
7953
+ flex-wrap: wrap;
7954
+ -webkit-box-orient: vertical;
7955
+ -webkit-box-direction: normal;
7956
+ -webkit-flex-direction: column;
7957
+ -moz-box-orient: vertical;
7958
+ -moz-box-direction: normal;
7959
+ -ms-flex-direction: column;
7960
+ flex-direction: column;
7961
+ }
7962
+
7963
+ .premium-bullet-list-box .premium-bullet-list-content-grow-lc {
7964
+ -webkit-transform-origin: right center;
7965
+ -ms-transform-origin: right center;
7966
+ transform-origin: right center;
7967
+ }
7968
+
7969
+ .premium-bullet-list-box .premium-bullet-list-content-grow-rc {
7970
+ -webkit-transform-origin: left center;
7971
+ -ms-transform-origin: left center;
7972
+ transform-origin: left center;
7973
+ }
7974
+
7975
+ .premium-bullet-list-box .premium-bullet-list-content-grow-cc {
7976
+ -webkit-transform-origin: center center;
7977
+ -ms-transform-origin: center center;
7978
+ transform-origin: center center;
7979
+ }
7980
+
7981
+ .premium-bullet-list-content {
7982
+ -js-display: flex;
7983
+ display: -webkit-box;
7984
+ display: -webkit-flex;
7985
+ display: -moz-box;
7986
+ display: -ms-flexbox;
7987
+ display: flex;
7988
+ -webkit-transition: all 0.3s ease-in-out;
7989
+ transition: all 0.3s ease-in-out;
7990
+ width: auto;
7991
+ position: relative;
7992
+ }
7993
+
7994
+ .premium-bullet-list-content .premium-bullet-list-text span,
7995
+ .premium-bullet-list-content .premium-bullet-list-wrapper {
7996
+ display: inline-block;
7997
+ -webkit-align-self: center;
7998
+ -ms-flex-item-align: center;
7999
+ align-self: center;
8000
+ -webkit-transition: all 0.3s ease-in-out;
8001
+ transition: all 0.3s ease-in-out;
8002
+ }
8003
+
8004
+ .premium-bullet-list-content .premium-bullet-list-text span {
8005
+ margin: 0 5px;
8006
+ }
8007
+
8008
+ .premium-bullet-list-content .premium-bullet-list-icon-text p {
8009
+ font-size: 18px;
8010
+ background-color: #eee;
8011
+ padding: 1px 5px;
8012
+ -webkit-border-radius: 2px;
8013
+ border-radius: 2px;
8014
+ }
8015
+
8016
+ .premium-bullet-list-content .premium-bullet-list-text span,
8017
+ .premium-bullet-list-content .premium-bullet-list-icon-text p,
8018
+ .premium-bullet-list-content .premium-bullet-list-wrapper img,
8019
+ .premium-bullet-list-content .premium-bullet-list-wrapper svg,
8020
+ .premium-bullet-list-content .premium-bullet-list-wrapper i {
8021
+ -webkit-transition: all 0.3s ease-in-out;
8022
+ transition: all 0.3s ease-in-out;
8023
+ }
8024
+
8025
+ .premium-bullet-list-content .premium-bullet-list-wrapper {
8026
+ position: relative;
8027
+ line-height: 0;
8028
+ }
8029
+
8030
+ .premium-bullet-list-content .premium-bullet-list-wrapper img,
8031
+ .premium-bullet-list-content .premium-bullet-list-wrapper svg {
8032
+ width: 30px !important;
8033
+ height: 30px !important;
8034
+ position: relative;
8035
+ z-index: 500;
8036
+ }
8037
+
8038
+ .premium-bullet-list-content .premium-bullet-list-wrapper i {
8039
+ width: 1.25em;
8040
+ }
8041
+
8042
+ .premium-bullet-list-content .premium-bullet-list-wrapper i,
8043
+ .premium-bullet-list-content .premium-bullet-list-wrapper .premium-bullet-list-icon-text {
8044
+ position: relative;
8045
+ z-index: 500;
8046
+ }
8047
+
8048
+ .premium-bullet-list-content .premium-bullet-list-link {
8049
+ position: absolute;
8050
+ top: 0;
8051
+ right: 0;
8052
+ width: 100%;
8053
+ height: 100%;
8054
+ z-index: 1000;
8055
+ }
8056
+
8057
+ .premium-bullet-list-content:not(:last-of-type) .premium-bullet-list-connector {
8058
+ width: 100%;
8059
+ height: 100%;
8060
+ position: absolute;
8061
+ top: 0.5em;
8062
+ z-index: 100;
8063
+ -js-display: flex;
8064
+ display: -webkit-box;
8065
+ display: -webkit-flex;
8066
+ display: -moz-box;
8067
+ display: -ms-flexbox;
8068
+ display: flex;
8069
+ -webkit-box-pack: center;
8070
+ -webkit-justify-content: center;
8071
+ -moz-box-pack: center;
8072
+ -ms-flex-pack: center;
8073
+ justify-content: center;
8074
+ }
8075
+
8076
+ .premium-bullet-list-content:not(:last-of-type) .premium-bullet-list-connector .premium-icon-connector-content:after {
8077
+ content: "";
8078
+ border-left-width: 1px;
8079
+ border-left-style: solid;
8080
+ border-color: #333333;
8081
+ display: block;
8082
+ height: 100%;
8083
+ }
8084
+
8085
+ li.premium-bullet-list-content.premium-bullet-list-content-inline {
8086
+ -webkit-align-self: center;
8087
+ -ms-flex-item-align: center;
8088
+ align-self: center;
8089
+ z-index: 2;
8090
+ }
8091
+
8092
+ li.premium-bullet-list-content.premium-bullet-list-content-inline:not(:first-child) {
8093
+ margin: 0 3px;
8094
+ }
8095
+
8096
+ li.premium-bullet-list-content.premium-bullet-list-content-inline:first-child {
8097
+ margin: 0 0 0 3px;
8098
+ }
8099
+
8100
+ .premium-bullet-list-divider:not(:last-child) {
8101
+ width: 100%;
8102
+ -webkit-box-flex: 0;
8103
+ -webkit-flex: 0 0 100%;
8104
+ -moz-box-flex: 0;
8105
+ -ms-flex: 0 0 100%;
8106
+ flex: 0 0 100%;
8107
+ overflow: hidden;
8108
+ }
8109
+
8110
+ .premium-bullet-list-divider:not(:last-child):after {
8111
+ content: "";
8112
+ display: block;
8113
+ border-top-style: solid;
8114
+ border-top-width: 1px;
8115
+ }
8116
+
8117
+ .premium-bullet-list-divider-inline:not(:last-child) {
8118
+ float: left;
8119
+ display: inline-block;
8120
+ position: relative;
8121
+ height: 100%;
8122
+ overflow: hidden;
8123
+ -webkit-align-self: center;
8124
+ -ms-flex-item-align: center;
8125
+ align-self: center;
8126
+ margin: 0 3px;
8127
+ }
8128
+
8129
+ .premium-bullet-list-divider-inline:not(:last-child):after {
8130
+ content: "";
8131
+ display: block;
8132
+ border-right-width: 1px;
8133
+ height: 33px;
8134
+ border-right-style: solid;
8135
+ }
8136
+
8137
+ .premium-bullet-list-icon-text {
8138
+ line-height: 1.5;
8139
+ }
8140
+
8141
+ .premium-bullet-list-icon-text p,
8142
+ ul.premium-bullet-list-box,
8143
+ li.premium-bullet-list-content {
8144
+ margin: 0;
8145
+ }
8146
+
8147
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper i,
8148
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-text span,
8149
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-icon-text p {
8150
+ color: transparent !important;
8151
+ text-shadow: 0 0 3px #aaa;
8152
+ }
8153
+
8154
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-icon-connector-content,
8155
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper .premium-lottie-animation svg,
8156
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper img,
8157
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-badge {
8158
+ -webkit-filter: blur(3px);
8159
+ filter: blur(3px);
8160
+ }
8161
+
8162
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper i,
8163
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-text span,
8164
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-icon-text p {
8165
+ color: #aaa !important;
8166
+ text-shadow: 0 0px 0 transparent;
8167
+ }
8168
+
8169
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-icon-connector-content,
8170
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper .premium-lottie-animation svg,
8171
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper img,
8172
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-badge {
8173
+ -webkit-filter: none;
8174
+ filter: none;
8175
+ }
8176
+
8177
+ .premium-bullet-list-content .premium-bullet-list-badge {
8178
+ font-size: 11px;
8179
+ top: auto;
8180
+ min-width: -webkit-max-content;
8181
+ min-width: -moz-max-content;
8182
+ min-width: max-content;
8183
+ height: -webkit-fit-content;
8184
+ height: -moz-fit-content;
8185
+ height: fit-content;
8186
+ }
8187
+
8188
+ .premium-bullet-list-content .premium-bullet-list-icon-text p {
8189
+ font-size: 13px;
8190
+ }
8191
+
8192
+ .premium-bullet-list-gradient-effect[data-text] {
8193
+ display: inline-block;
8194
+ position: relative;
8195
+ text-decoration: none;
8196
+ }
8197
+
8198
+ .premium-bullet-list-gradient-effect[data-text]::before {
8199
+ content: attr(data-text);
8200
+ position: absolute;
8201
+ z-index: 1;
8202
+ overflow: hidden;
8203
+ -webkit-clip-path: polygon(100% 100%, 100% 100%, 50% 50%);
8204
+ clip-path: polygon(100% 100%, 100% 100%, 50% 50%);
8205
+ -webkit-background-clip: text;
8206
+ background-clip: text;
8207
+ -webkit-text-fill-color: transparent;
8208
+ -webkit-transition: all 0.4s ease;
8209
+ transition: all 0.4s ease;
8210
+ }
8211
+
8212
+ .premium-bullet-list-content:hover .premium-bullet-list-gradient-effect[data-text]::before,
8213
+ .premium-bullet-list-content:focus .premium-bullet-list-gradient-effect[data-text]::before {
8214
+ -webkit-animation: rtlgradient 1s forwards;
8215
+ animation: rtlgradient 1s forwards;
8216
+ }
8217
+
8218
+ @-webkit-keyframes rtlgradient {
8219
+ 0% {
8220
+ -webkit-clip-path: circle(0% at 150% 50%);
8221
+ clip-path: circle(0% at 150% 50%);
8222
+ }
8223
+
8224
+ 100% {
8225
+ -webkit-clip-path: circle(100% at 50% 50%);
8226
+ clip-path: circle(100% at 50% 50%);
8227
+ }
8228
+ }
8229
+
8230
+ @keyframes rtlgradient {
8231
+ 0% {
8232
+ -webkit-clip-path: circle(0% at 150% 50%);
8233
+ clip-path: circle(0% at 150% 50%);
8234
+ }
8235
+
8236
+ 100% {
8237
+ -webkit-clip-path: circle(100% at 50% 50%);
8238
+ clip-path: circle(100% at 50% 50%);
8239
+ }
8240
+ }
8241
+
8242
+ ul[data-list-animation*="animated-"] .premium-bullet-list-divider,
8243
+ ul[data-list-animation*="animated-"] .premium-bullet-list-content,
8244
+ ul[data-list-animation*="animated-"] .premium-bullet-list-divider-inline {
8245
+ opacity: 0;
8246
+ }
8247
+
8248
+ .premium-bullet-list-content-grow-effect:hover {
8249
+ -webkit-transform: scale(1.07);
8250
+ -ms-transform: scale(1.07);
8251
+ transform: scale(1.07);
8252
+ }
8253
+
8254
+ @keyframes spin {
8255
+ 100% {
8256
+ -webkit-transform: rotate(360deg);
8257
+ transform: rotate(360deg);
8258
+ }
8259
+ }
8260
+
8261
+ /********** Premium Woo Products **********/
8262
+ /******************************************/
8263
+ .premium-woocommerce .premium-woo-products-inner ul.products {
8264
+ -js-display: flex;
8265
+ display: -webkit-box;
8266
+ display: -webkit-flex;
8267
+ display: -moz-box;
8268
+ display: -ms-flexbox;
8269
+ display: flex;
8270
+ margin: 0;
8271
+ padding: 0;
8272
+ -webkit-flex-wrap: wrap;
8273
+ -ms-flex-wrap: wrap;
8274
+ flex-wrap: wrap;
8275
+ list-style: none outside;
8276
+ -webkit-column-gap: 0;
8277
+ -moz-column-gap: 0;
8278
+ column-gap: 0;
8279
+ }
8280
+
8281
+ .premium-woocommerce .premium-woo-products-inner ul.products li.product {
8282
+ margin: 0 0 10px;
8283
+ padding: 0 10px;
8284
+ }
8285
+
8286
+ .premium-woocommerce.premium-woo-products-inner ul.products li.product .premium-woo-product-wrapper {
8287
+ overflow: hidden;
8288
+ -webkit-transition: all 0.3s ease-in-out;
8289
+ transition: all 0.3s ease-in-out;
8290
+ }
8291
+
8292
+ .premium-woocommerce.premium-woo-products-inner ul.products li.product .premium-woo-product-category {
8293
+ display: block;
8294
+ font-size: 0.85em;
8295
+ margin-bottom: 0.5em;
8296
+ line-height: 1.3;
8297
+ }
8298
+
8299
+ .premium-woocommerce .premium-woo-products-inner ul.products li.product .woocommerce-loop-product__title {
8300
+ margin-bottom: 0.5em;
8301
+ font-size: 1em;
8302
+ -webkit-transition: all 0.3s ease-in-out;
8303
+ transition: all 0.3s ease-in-out;
8304
+ }
8305
+
8306
+ .premium-woocommerce .woocommerce-loop-product__link {
8307
+ position: relative;
8308
+ display: block;
8309
+ overflow: hidden;
8310
+ -webkit-transition: all 0.3s ease-in-out;
8311
+ transition: all 0.3s ease-in-out;
8312
+ }
8313
+
8314
+ .premium-woocommerce .premium-woo-ribbon-container {
8315
+ position: absolute;
8316
+ top: 0;
8317
+ right: 0;
8318
+ z-index: 9;
8319
+ }
8320
+
8321
+ .premium-woocommerce .premium-woo-products-inner ul.products .star-rating {
8322
+ display: block;
8323
+ float: none;
8324
+ margin: 0 auto 0.5em;
8325
+ -webkit-backface-visibility: hidden;
8326
+ backface-visibility: hidden;
8327
+ overflow: hidden;
8328
+ position: relative;
8329
+ height: 1em;
8330
+ line-height: 1;
8331
+ font-size: 0.857em;
8332
+ width: 5.4em;
8333
+ font-family: star;
8334
+ }
8335
+
8336
+ .premium-woocommerce .premium-woo-products-inner ul.products .star-rating::before {
8337
+ content: "\73\73\73\73\73";
8338
+ color: #54595f;
8339
+ float: right;
8340
+ top: 0;
8341
+ right: 0;
8342
+ position: absolute;
8343
+ }
8344
+
8345
+ .premium-woocommerce .premium-woo-products-inner ul.products .star-rating span {
8346
+ overflow: hidden;
8347
+ float: right;
8348
+ top: 0;
8349
+ right: 0;
8350
+ position: absolute;
8351
+ padding-top: 1.5em;
8352
+ }
8353
+
8354
+ .premium-woocommerce .premium-woo-products-inner ul.products .star-rating span::before {
8355
+ content: "\53\53\53\53\53";
8356
+ color: inherit;
8357
+ top: 0;
8358
+ position: absolute;
8359
+ right: 0;
8360
+ }
8361
+
8362
+ .premium-woo-product-thumbnail {
8363
+ position: relative;
8364
+ overflow: hidden;
8365
+ }
8366
+
8367
+ .premium-woo-product-thumbnail .woocommerce-loop-product__link img {
8368
+ margin: 0;
8369
+ width: 100%;
8370
+ }
8371
+
8372
+ .premium-woo-product-sale-wrap,
8373
+ .premium-woo-product-featured-wrap {
8374
+ margin: 0;
8375
+ }
8376
+
8377
+ .premium-woo-product-sale-wrap .premium-woo-product-onsale,
8378
+ .premium-woo-product-featured-wrap .premium-woo-product-featured {
8379
+ display: block;
8380
+ text-align: center;
8381
+ color: #fff;
8382
+ min-width: 2em;
8383
+ min-height: 2em;
8384
+ line-height: 2em;
8385
+ padding: 0.3em 0.6em;
8386
+ margin: 0.5em 0.6em;
8387
+ }
8388
+
8389
+ .premium-woocommerce .premium-woo-products-details-wrap {
8390
+ padding: 1em 1.2em;
8391
+ }
8392
+
8393
+ .premium-woocommerce .premium-woo-products-details-wrap .button {
8394
+ display: inline-block;
8395
+ background-color: #6ec1e4;
8396
+ color: #fff;
8397
+ margin: 0.5em 0;
8398
+ line-height: 1.3;
8399
+ padding: 10px 40px;
8400
+ font-size: 100%;
8401
+ cursor: pointer;
8402
+ text-decoration: none;
8403
+ overflow: visible;
8404
+ font-weight: 700;
8405
+ background-image: none;
8406
+ border: none;
8407
+ -webkit-border-radius: 0px;
8408
+ border-radius: 0px;
8409
+ -webkit-box-shadow: none;
8410
+ box-shadow: none;
8411
+ text-shadow: none;
8412
+ -webkit-transition: all 0.3s ease-in-out;
8413
+ transition: all 0.3s ease-in-out;
8414
+ }
8415
+
8416
+ .premium-woocommerce li.product .price {
8417
+ display: block;
8418
+ line-height: 1.3;
8419
+ font-weight: 700;
8420
+ margin-bottom: 0.5em;
8421
+ font-size: 0.9em;
8422
+ }
8423
+
8424
+ .premium-woocommerce li.product .price del {
8425
+ display: inline-block;
8426
+ font-weight: 400;
8427
+ background: transparent;
8428
+ }
8429
+
8430
+ .premium-woocommerce li.product .price ins {
8431
+ display: inline-block;
8432
+ background: transparent;
8433
+ text-decoration: none;
8434
+ font-weight: inherit;
8435
+ }
8436
+
8437
+ .premium-woocommerce li.product .price .amount {
8438
+ color: inherit !important;
8439
+ }
8440
+
8441
+ .premium-woocommerce li.product .premium-woo-product-desc p {
8442
+ margin: 0;
8443
+ }
8444
+
8445
+ .premium-woo-product-align-left .premium-woocommerce li.product .star-rating {
8446
+ margin-right: auto;
8447
+ margin-left: 0;
8448
+ }
8449
+
8450
+ .premium-woo-product-align-center .premium-woocommerce li.product .star-rating {
8451
+ margin-right: auto;
8452
+ margin-left: auto;
8453
+ }
8454
+
8455
+ .premium-woo-product-align-right .premium-woocommerce li.product .star-rating {
8456
+ margin-right: 0;
8457
+ margin-left: auto;
8458
+ }
8459
+
8460
+ .premium-woo-products-pagination ul.page-numbers {
8461
+ -js-display: flex;
8462
+ display: -webkit-box;
8463
+ display: -webkit-flex;
8464
+ display: -moz-box;
8465
+ display: -ms-flexbox;
8466
+ display: flex;
8467
+ list-style-type: none;
8468
+ margin: 0;
8469
+ margin-top: 10px;
8470
+ padding: 0;
8471
+ border: none;
8472
+ -webkit-box-pack: center;
8473
+ -webkit-justify-content: center;
8474
+ -moz-box-pack: center;
8475
+ -ms-flex-pack: center;
8476
+ justify-content: center;
8477
+ }
8478
+
8479
+ .premium-woo-products-pagination ul.page-numbers li {
8480
+ margin: 0 0 0.4em 0.4em;
8481
+ padding: 0;
8482
+ text-align: center;
8483
+ }
8484
+
8485
+ .premium-woo-products-pagination ul.page-numbers li .page-numbers {
8486
+ margin: 0;
8487
+ text-decoration: none;
8488
+ color: #000;
8489
+ border: 1px solid #54595f;
8490
+ padding: 0;
8491
+ line-height: 1;
8492
+ font-size: 1em;
8493
+ font-weight: 400;
8494
+ padding: 0.75em;
8495
+ display: block;
8496
+ min-width: 2.5em;
8497
+ -webkit-transition: all 0.3s ease-in-out;
8498
+ transition: all 0.3s ease-in-out;
8499
+ }
8500
+
8501
+ .premium-woo-products-pagination ul.page-numbers li .page-numbers:hover,
8502
+ .premium-woo-products-pagination ul.page-numbers li .page-numbers.current {
8503
+ background-color: #54595f;
8504
+ color: #fff;
8505
+ outline: none;
8506
+ }
8507
+
8508
+ .premium-woocommerce .premium-loading-feed,
8509
+ .premium-woo-quick-view-loader .premium-loading-feed {
8510
+ display: block;
8511
+ position: absolute;
8512
+ width: 100%;
8513
+ height: 100%;
8514
+ top: 0px;
8515
+ right: 0px;
8516
+ bottom: 0px;
8517
+ left: 0px;
8518
+ background: rgba(255, 255, 255, 0.2);
8519
+ -js-display: flex;
8520
+ display: -webkit-box;
8521
+ display: -webkit-flex;
8522
+ display: -moz-box;
8523
+ display: -ms-flexbox;
8524
+ display: flex;
8525
+ -webkit-box-align: center;
8526
+ -webkit-align-items: center;
8527
+ -moz-box-align: center;
8528
+ -ms-flex-align: center;
8529
+ align-items: center;
8530
+ }
8531
+
8532
+ /**
8533
+ * Image Hover Effects
8534
+ */
8535
+ .premium-woocommerce .woocommerce-loop-product__link img {
8536
+ -webkit-transition: all 0.3s ease-in-out;
8537
+ transition: all 0.3s ease-in-out;
8538
+ }
8539
+
8540
+ .premium-woo-product__hover-zoomout .woocommerce-loop-product__link img {
8541
+ -webkit-transform: scale(1.2);
8542
+ -ms-transform: scale(1.2);
8543
+ transform: scale(1.2);
8544
+ }
8545
+
8546
+ .premium-woo-product__hover-zoomout li.product:hover .woocommerce-loop-product__link img {
8547
+ -webkit-transform: none;
8548
+ -ms-transform: none;
8549
+ transform: none;
8550
+ }
8551
+
8552
+ .premium-woo-product__hover-zoomin .woocommerce-loop-product__link img {
8553
+ -webkit-transform: none;
8554
+ -ms-transform: none;
8555
+ transform: none;
8556
+ }
8557
+
8558
+ .premium-woo-product__hover-zoomin li.product:hover .woocommerce-loop-product__link img {
8559
+ -webkit-transform: scale(1.2);
8560
+ -ms-transform: scale(1.2);
8561
+ transform: scale(1.2);
8562
+ }
8563
+
8564
+ .premium-woo-product__hover-gray .woocommerce-loop-product__link img {
8565
+ -webkit-filter: grayscale(100%);
8566
+ filter: grayscale(100%);
8567
+ }
8568
+
8569
+ .premium-woo-product__hover-gray li.product:hover .woocommerce-loop-product__link img {
8570
+ -webkit-filter: grayscale(0%);
8571
+ filter: grayscale(0%);
8572
+ }
8573
+
8574
+ .premium-woo-product__hover-sepia .woocommerce-loop-product__link img {
8575
+ -webkit-filter: sepia(30%);
8576
+ filter: sepia(30%);
8577
+ }
8578
+
8579
+ .premium-woo-product__hover-sepia li.product:hover .woocommerce-loop-product__link img {
8580
+ -webkit-filter: sepia(0%);
8581
+ filter: sepia(0%);
8582
+ }
8583
+
8584
+ .premium-woo-product__hover-bright .woocommerce-loop-product__link img {
8585
+ -webkit-filter: brightness(1);
8586
+ filter: brightness(1);
8587
+ }
8588
+
8589
+ .premium-woo-product__hover-bright li.product:hover .woocommerce-loop-product__link img {
8590
+ -webkit-filter: brightness(1.2);
8591
+ filter: brightness(1.2);
8592
+ }
8593
+
8594
+ .premium-woo-product__hover-trans .woocommerce-loop-product__link img {
8595
+ -webkit-transform: translateX(15px) scale(1.1);
8596
+ -ms-transform: translateX(15px) scale(1.1);
8597
+ transform: translateX(15px) scale(1.1);
8598
+ }
8599
+
8600
+ .premium-woo-product__hover-trans li.product:hover .woocommerce-loop-product__link img {
8601
+ -webkit-transform: translateX(0px) scale(1.1);
8602
+ -ms-transform: translateX(0px) scale(1.1);
8603
+ transform: translateX(0px) scale(1.1);
8604
+ }
8605
+
8606
+ .premium-woo-product__hover-scale li.product:hover .woocommerce-loop-product__link img {
8607
+ -webkit-transform: scaleX(1.3) scaleY(1.3) rotate(-5deg);
8608
+ -ms-transform: scaleX(1.3) scaleY(1.3) rotate(-5deg);
8609
+ transform: scaleX(1.3) scaleY(1.3) rotate(-5deg);
8610
+ }
8611
+
8612
+ .premium-woocommerce .premium-woo-product__on_hover {
8613
+ position: absolute;
8614
+ top: 0;
8615
+ left: 0;
8616
+ bottom: 0;
8617
+ right: 0;
8618
+ height: 100%;
8619
+ opacity: 0;
8620
+ }
8621
+
8622
+ .premium-woo-product__hover-swap li.product:hover .premium-woo-product__on_hover {
8623
+ opacity: 1;
8624
+ }
8625
+
8626
+ .premium-woo-skin-grid-1 .premium-woo-qv-btn,
8627
+ .premium-woo-skin-grid-3 .premium-woo-qv-btn,
8628
+ .premium-woo-skin-grid-4 .premium-woo-qv-btn {
8629
+ position: absolute;
8630
+ bottom: 0;
8631
+ right: 0;
8632
+ width: 100%;
8633
+ text-align: center;
8634
+ padding: 5px;
8635
+ background: rgba(2, 2, 2, 0.5);
8636
+ color: #fff;
8637
+ -webkit-transition: all 0.3s ease-in-out;
8638
+ transition: all 0.3s ease-in-out;
8639
+ cursor: pointer;
8640
+ z-index: 2;
8641
+ -webkit-transform: translateY(100%);
8642
+ -ms-transform: translateY(100%);
8643
+ transform: translateY(100%);
8644
+ }
8645
+
8646
+ .premium-woo-skin-grid-4 .premium-woo-qv-btn {
8647
+ -webkit-transition-delay: 0.1s;
8648
+ transition-delay: 0.1s;
8649
+ }
8650
+
8651
+ .premium-woo-skin-grid-1 .premium-woo-qv-icon,
8652
+ .premium-woo-skin-grid-3 .premium-woo-qv-icon,
8653
+ .premium-woo-skin-grid-4 .premium-woo-qv-icon,
8654
+ .premium-woo-skin-grid-6 .premium-woo-qv-icon {
8655
+ margin-right: 0.5em;
8656
+ }
8657
+
8658
+ .premium-woo-product-thumbnail:hover .premium-woo-qv-btn-translate {
8659
+ -webkit-transform: translateY(0);
8660
+ -ms-transform: translateY(0);
8661
+ transform: translateY(0);
8662
+ }
8663
+
8664
+ .premium-woo-product-wrapper .premium-woo-qv-data {
8665
+ position: absolute;
8666
+ top: 0;
8667
+ right: 0;
8668
+ width: 100%;
8669
+ height: 100%;
8670
+ z-index: 1;
8671
+ overflow: hidden;
8672
+ cursor: pointer;
8673
+ }
8674
+
8675
+ /**
8676
+ * Skin 1,4
8677
+ */
8678
+ .premium-woo-skin-grid-1 .premium-woo-product-actions-wrapper,
8679
+ .premium-woo-skin-grid-4 .premium-woo-product-actions-wrapper {
8680
+ position: absolute;
8681
+ top: 0.7em;
8682
+ left: 1em;
8683
+ -webkit-transform: translate3d(-15px, 0, 0);
8684
+ transform: translate3d(-15px, 0, 0);
8685
+ -webkit-transition: all 0.3s ease-in-out;
8686
+ transition: all 0.3s ease-in-out;
8687
+ opacity: 0;
8688
+ z-index: 9;
8689
+ }
8690
+
8691
+ .premium-woocommerce .premium-woo-product-actions-wrapper .premium-woo-cart-btn {
8692
+ position: relative;
8693
+ display: block;
8694
+ margin: 0 0 3px;
8695
+ background: #fff;
8696
+ text-align: center;
8697
+ outline: 0;
8698
+ -webkit-transition: all 0.3s ease-in-out;
8699
+ transition: all 0.3s ease-in-out;
8700
+ }
8701
+
8702
+ .premium-woocommerce .premium-woo-product-actions-wrapper .premium-woo-add-cart-icon {
8703
+ display: block;
8704
+ color: #54595f;
8705
+ width: 30px;
8706
+ line-height: 30px;
8707
+ height: 30px;
8708
+ cursor: pointer;
8709
+ -webkit-transition: all 0.3s ease-in-out;
8710
+ transition: all 0.3s ease-in-out;
8711
+ }
8712
+
8713
+ .premium-woo-skin-grid-1 li.product:hover .premium-woo-product-actions-wrapper,
8714
+ .premium-woo-skin-grid-4 li.product:hover .premium-woo-product-actions-wrapper {
8715
+ -webkit-transform: translate3d(-5px, 0, 0);
8716
+ transform: translate3d(-5px, 0, 0);
8717
+ opacity: 1;
8718
+ }
8719
+
8720
+ .premium-woocommerce .premium-woo-cart-btn.adding .premium-woo-add-cart-icon {
8721
+ -webkit-animation: spin 2s linear infinite;
8722
+ animation: spin 2s linear infinite;
8723
+ }
8724
+
8725
+ .premium-woocommerce .premium-woo-cart-btn.adding .premium-woo-add-cart-icon::before {
8726
+ content: "\f013";
8727
+ }
8728
+
8729
+ .premium-woocommerce .premium-woo-cart-btn.added .premium-woo-add-cart-icon::before {
8730
+ content: "\f00c";
8731
+ }
8732
+
8733
+ /**
8734
+ * Skin 2
8735
+ */
8736
+ .premium-woo-skin-grid-2 li.product .premium-woo-products-details-wrap {
8737
+ position: absolute;
8738
+ background: #fff;
8739
+ bottom: 0;
8740
+ right: 0;
8741
+ width: 100%;
8742
+ z-index: 2;
8743
+ padding: 0;
8744
+ opacity: 0;
8745
+ -webkit-transition: opacity 0.2s, -webkit-transform 0.4s;
8746
+ transition: opacity 0.2s, -webkit-transform 0.4s;
8747
+ transition: transform 0.4s, opacity 0.2s;
8748
+ transition: transform 0.4s, opacity 0.2s, -webkit-transform 0.4s;
8749
+ -webkit-transform: translateZ(0) translateY(5px);
8750
+ transform: translateZ(0) translateY(5px);
8751
+ }
8752
+
8753
+ .premium-woo-skin-grid-2 .premium-woo-product-details {
8754
+ padding: 15px 0;
8755
+ }
8756
+
8757
+ .premium-woo-skin-grid-2 li.product:hover .premium-woo-products-details-wrap {
8758
+ opacity: 1;
8759
+ -webkit-transform: translateZ(0) translateY(0);
8760
+ transform: translateZ(0) translateY(0);
8761
+ }
8762
+
8763
+ .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper {
8764
+ position: static;
8765
+ -js-display: flex;
8766
+ display: -webkit-box;
8767
+ display: -webkit-flex;
8768
+ display: -moz-box;
8769
+ display: -ms-flexbox;
8770
+ display: flex;
8771
+ -webkit-box-orient: horizontal;
8772
+ -webkit-box-direction: reverse;
8773
+ -webkit-flex-direction: row-reverse;
8774
+ -moz-box-orient: horizontal;
8775
+ -moz-box-direction: reverse;
8776
+ -ms-flex-direction: row-reverse;
8777
+ flex-direction: row-reverse;
8778
+ }
8779
+
8780
+ .premium-woo-skin-grid-2 .premium-woo-product-actions-wrapper>* {
8781
+ -webkit-box-flex: 1;
8782
+ -webkit-flex: 1;
8783
+ -moz-box-flex: 1;
8784
+ -ms-flex: 1;
8785
+ flex: 1;
8786
+ min-width: 50%;
8787
+ }
8788
+
8789
+ .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper .button {
8790
+ -js-display: flex;
8791
+ display: -webkit-box;
8792
+ display: -webkit-flex;
8793
+ display: -moz-box;
8794
+ display: -ms-flexbox;
8795
+ display: flex;
8796
+ margin: 0;
8797
+ text-align: center;
8798
+ -webkit-box-pack: center;
8799
+ -webkit-justify-content: center;
8800
+ -moz-box-pack: center;
8801
+ -ms-flex-pack: center;
8802
+ justify-content: center;
8803
+ -webkit-box-align: center;
8804
+ -webkit-align-items: center;
8805
+ -moz-box-align: center;
8806
+ -ms-flex-align: center;
8807
+ align-items: center;
8808
+ }
8809
+
8810
+ .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper .premium-woo-qv-btn {
8811
+ background-color: #54595f;
8812
+ }
8813
+
8814
+ /**
8815
+ * Skin 4
8816
+ */
8817
+ .premium-woo-skin-grid-4 li.product .premium-woo-products-details-wrap {
8818
+ position: absolute;
8819
+ right: 0;
8820
+ left: 0;
8821
+ top: 50%;
8822
+ -webkit-transform: scale(0.9) translateZ(0) translateY(-50%);
8823
+ transform: scale(0.9) translateZ(0) translateY(-50%);
8824
+ text-align: center;
8825
+ z-index: 2;
8826
+ opacity: 0;
8827
+ -webkit-transition: opacity 0.5s, -webkit-transform 0.3s;
8828
+ transition: opacity 0.5s, -webkit-transform 0.3s;
8829
+ transition: opacity 0.5s, transform 0.3s;
8830
+ transition: opacity 0.5s, transform 0.3s, -webkit-transform 0.3s;
8831
+ }
8832
+
8833
+ .premium-woo-skin-grid-4 li.product .premium-woo-product-overlay {
8834
+ position: absolute;
8835
+ top: 0;
8836
+ right: 0;
8837
+ width: 100%;
8838
+ height: 100%;
8839
+ opacity: 0;
8840
+ visibility: hidden;
8841
+ background-color: rgba(27, 27, 23, 0.3);
8842
+ -webkit-transition: all 0.25s ease-in-out;
8843
+ transition: all 0.25s ease-in-out;
8844
+ }
8845
+
8846
+ .premium-woo-skin-grid-4 li.product:hover .premium-woo-product-overlay {
8847
+ opacity: 1;
8848
+ visibility: visible;
8849
+ z-index: 1;
8850
+ }
8851
+
8852
+ .premium-woo-skin-grid-4 li.product:hover .premium-woo-products-details-wrap {
8853
+ -webkit-transform: scale(1) translateZ(0) translateY(-50%);
8854
+ transform: scale(1) translateZ(0) translateY(-50%);
8855
+ opacity: 1;
8856
+ }
8857
+
8858
+ /**
8859
+ * Skin 5
8860
+ */
8861
+ .premium-woo-skin-grid-5 li.product .premium-woo-product-actions-wrapper {
8862
+ -js-display: flex;
8863
+ display: -webkit-box;
8864
+ display: -webkit-flex;
8865
+ display: -moz-box;
8866
+ display: -ms-flexbox;
8867
+ display: flex;
8868
+ }
8869
+
8870
+ .premium-woo-skin-grid-5 li.product .premium-woo-product-actions-wrapper .premium-woo-qv-btn {
8871
+ -js-display: flex;
8872
+ display: -webkit-box;
8873
+ display: -webkit-flex;
8874
+ display: -moz-box;
8875
+ display: -ms-flexbox;
8876
+ display: flex;
8877
+ -webkit-box-align: center;
8878
+ -webkit-align-items: center;
8879
+ -moz-box-align: center;
8880
+ -ms-flex-align: center;
8881
+ align-items: center;
8882
+ background-color: #54595f;
8883
+ padding: 10px;
8884
+ -webkit-transition: all 0.25s ease 0s;
8885
+ transition: all 0.25s ease 0s;
8886
+ }
8887
+
8888
+ .premium-woo-skin-grid-5 li.product .premium-woo-products-details-wrap {
8889
+ width: 75%;
8890
+ }
8891
+
8892
+ .premium-woo-skin-grid-5 .premium-woo-product-wrapper {
8893
+ -js-display: flex;
8894
+ display: -webkit-box;
8895
+ display: -webkit-flex;
8896
+ display: -moz-box;
8897
+ display: -ms-flexbox;
8898
+ display: flex;
8899
+ -webkit-box-align: center;
8900
+ -webkit-align-items: center;
8901
+ -moz-box-align: center;
8902
+ -ms-flex-align: center;
8903
+ align-items: center;
8904
+ }
8905
+
8906
+ .premium-woo-product-align-right .premium-woo-skin-grid-5 .premium-woo-product-actions-wrapper {
8907
+ -webkit-box-pack: end;
8908
+ -webkit-justify-content: flex-end;
8909
+ -moz-box-pack: end;
8910
+ -ms-flex-pack: end;
8911
+ justify-content: flex-end;
8912
+ }
8913
+
8914
+ .premium-woo-product-align-center .premium-woo-skin-grid-5 .premium-woo-product-actions-wrapper {
8915
+ -webkit-box-pack: center;
8916
+ -webkit-justify-content: center;
8917
+ -moz-box-pack: center;
8918
+ -ms-flex-pack: center;
8919
+ justify-content: center;
8920
+ }
8921
+
8922
+ /**
8923
+ * Skin 6
8924
+ */
8925
+ .premium-woo-skin-grid-6 .premium-woo-qv-btn {
8926
+ position: absolute;
8927
+ top: 50%;
8928
+ right: 50%;
8929
+ min-width: 40%;
8930
+ text-align: center;
8931
+ padding: 5px;
8932
+ background: rgba(2, 2, 2, 0.5);
8933
+ color: #fff;
8934
+ -webkit-transform: translate(50%, -50%);
8935
+ -ms-transform: translate(50%, -50%);
8936
+ transform: translate(50%, -50%);
8937
+ opacity: 0;
8938
+ visibility: hidden;
8939
+ -webkit-transition: all 0.3s ease-in-out;
8940
+ transition: all 0.3s ease-in-out;
8941
+ cursor: pointer;
8942
+ z-index: 2;
8943
+ }
8944
+
8945
+ .premium-woo-skin-grid-6 li.product:hover .premium-woo-qv-btn {
8946
+ opacity: 1;
8947
+ visibility: visible;
8948
+ }
8949
+
8950
+ .premium-woo-product-align-right li.product .premium-woo-product-info .star-rating,
8951
+ .premium-woo-product-align-left li.product .premium-woo-product-info .star-rating {
8952
+ margin: 0;
8953
+ }
8954
+
8955
+ .premium-woo-skin-grid-6 li.product .premium-woo-product-info {
8956
+ -js-display: flex;
8957
+ display: -webkit-box;
8958
+ display: -webkit-flex;
8959
+ display: -moz-box;
8960
+ display: -ms-flexbox;
8961
+ display: flex;
8962
+ -webkit-box-pack: justify;
8963
+ -webkit-justify-content: space-between;
8964
+ -moz-box-pack: justify;
8965
+ -ms-flex-pack: justify;
8966
+ justify-content: space-between;
8967
+ }
8968
+
8969
+ .premium-woo-product-align-center .premium-woocommerce li.product .premium-woo-product-info {
8970
+ -webkit-box-orient: vertical;
8971
+ -webkit-box-direction: normal;
8972
+ -webkit-flex-direction: column;
8973
+ -moz-box-orient: vertical;
8974
+ -moz-box-direction: normal;
8975
+ -ms-flex-direction: column;
8976
+ flex-direction: column;
8977
+ }
8978
+
8979
+ .premium-woo-product-align-right .premium-woocommerce li.product .premium-woo-product-info {
8980
+ -webkit-box-orient: horizontal;
8981
+ -webkit-box-direction: reverse;
8982
+ -webkit-flex-direction: row-reverse;
8983
+ -moz-box-orient: horizontal;
8984
+ -moz-box-direction: reverse;
8985
+ -ms-flex-direction: row-reverse;
8986
+ flex-direction: row-reverse;
8987
+ }
8988
+
8989
+ .premium-woo-skin-grid-6 li.product .premium-woo-product-gallery-images {
8990
+ -js-display: flex;
8991
+ display: -webkit-box;
8992
+ display: -webkit-flex;
8993
+ display: -moz-box;
8994
+ display: -ms-flexbox;
8995
+ display: flex;
8996
+ position: absolute;
8997
+ bottom: 10px;
8998
+ width: 100%;
8999
+ -webkit-box-pack: center;
9000
+ -webkit-justify-content: center;
9001
+ -moz-box-pack: center;
9002
+ -ms-flex-pack: center;
9003
+ justify-content: center;
9004
+ }
9005
+
9006
+ .premium-woo-product-gallery-images .premium-woo-product__gallery_image {
9007
+ width: 20%;
9008
+ margin: 0 0.2em;
9009
+ border: 2px solid #aaa;
9010
+ cursor: pointer;
9011
+ }
9012
+
9013
+ /**
9014
+ * Metro
9015
+ */
9016
+ /*.premium-woo-grid-style1 ul.products li.product {
9017
+ width: 25%;
9018
+ }*/
9019
+ .premium-woo-products-metro li.product .premium-woo-product-thumbnail img,
9020
+ .premium-woo-products-metro li.product .premium-woo-product-wrapper,
9021
+ .premium-woo-products-metro li.product .premium-woo-product-thumbnail,
9022
+ .premium-woo-products-metro li.product .woocommerce-LoopProduct-link {
9023
+ height: 100%;
9024
+ }
9025
+
9026
+ .premium-woo-products-metro ul.products li.product {
9027
+ margin-bottom: 0;
9028
+ }
9029
+
9030
+ .premium-woo-products-metro li.product .premium-woo-product-thumbnail img {
9031
+ -o-object-fit: cover;
9032
+ object-fit: cover;
9033
+ }
9034
+
9035
+ /*
9036
+ * Carousel
9037
+ */
9038
+ .premium-woocommerce .slick-arrow {
9039
+ -webkit-border-radius: 50%;
9040
+ border-radius: 50%;
9041
+ }
9042
+
9043
+ .premium-woocommerce ul.slick-dots {
9044
+ width: 100%;
9045
+ }
9046
+
9047
+ /*
9048
+ * Quick View Html/body
9049
+ */
9050
+ html.premium-woo-qv-opened,
9051
+ html.premium-woo-qv-opened body {
9052
+ overflow: hidden;
9053
+ }
9054
+
9055
+ /**
9056
+ * Quick View Modal
9057
+ */
9058
+ .premium-woo-quick-view-back {
9059
+ position: fixed;
9060
+ visibility: hidden;
9061
+ overflow: hidden;
9062
+ background: rgba(2, 2, 2, 0.5);
9063
+ opacity: 0;
9064
+ -webkit-transition: opacity 0.25s;
9065
+ transition: opacity 0.25s;
9066
+ z-index: 999;
9067
+ }
9068
+
9069
+ .premium-woo-quick-view-active {
9070
+ top: 0;
9071
+ right: 0;
9072
+ width: 100%;
9073
+ height: 100%;
9074
+ opacity: 1;
9075
+ visibility: visible;
9076
+ }
9077
+
9078
+ #premium-woo-quick-view-modal {
9079
+ position: fixed;
9080
+ visibility: hidden;
9081
+ opacity: 0;
9082
+ top: 0;
9083
+ right: 0;
9084
+ width: 100%;
9085
+ height: 100%;
9086
+ z-index: 1400;
9087
+ text-align: center;
9088
+ -webkit-transition: all 0.3s;
9089
+ transition: all 0.3s;
9090
+ overflow-x: hidden;
9091
+ overflow-y: auto;
9092
+ }
9093
+
9094
+ #premium-woo-quick-view-modal.active {
9095
+ visibility: visible;
9096
+ opacity: 1;
9097
+ }
9098
+
9099
+ #premium-woo-quick-view-modal.active .premium-woo-content-main {
9100
+ -webkit-transform: translateY(0);
9101
+ -ms-transform: translateY(0);
9102
+ transform: translateY(0);
9103
+ opacity: 1;
9104
+ width: 100%;
9105
+ }
9106
+
9107
+ #premium-woo-quick-view-modal .premium-woo-content-main-wrapper {
9108
+ position: absolute;
9109
+ width: 100%;
9110
+ height: 100%;
9111
+ top: 0;
9112
+ right: 0;
9113
+ text-align: center;
9114
+ padding: 30px;
9115
+ -js-display: flex;
9116
+ display: -webkit-box;
9117
+ display: -webkit-flex;
9118
+ display: -moz-box;
9119
+ display: -ms-flexbox;
9120
+ display: flex;
9121
+ -webkit-box-align: center;
9122
+ -webkit-align-items: center;
9123
+ -moz-box-align: center;
9124
+ -ms-flex-align: center;
9125
+ align-items: center;
9126
+ }
9127
+
9128
+ #premium-woo-quick-view-modal .premium-woo-content-main {
9129
+ position: relative;
9130
+ pointer-events: none;
9131
+ max-width: 100%;
9132
+ text-align: right;
9133
+ z-index: 1045;
9134
+ -webkit-transform: translateY(-30px);
9135
+ -ms-transform: translateY(-30px);
9136
+ transform: translateY(-30px);
9137
+ opacity: 0;
9138
+ -webkit-transition: opacity 0.3s, -webkit-transform 0.5s;
9139
+ transition: opacity 0.3s, -webkit-transform 0.5s;
9140
+ transition: transform 0.5s, opacity 0.3s;
9141
+ transition: transform 0.5s, opacity 0.3s, -webkit-transform 0.5s;
9142
+ margin: 0 auto;
9143
+ }
9144
+
9145
+ #premium-woo-quick-view-modal .premium-woo-lightbox-content {
9146
+ position: relative;
9147
+ display: table;
9148
+ pointer-events: auto;
9149
+ background-color: #fff;
9150
+ max-width: 975px;
9151
+ margin: 20px auto;
9152
+ -webkit-transform: translateZ(0);
9153
+ transform: translateZ(0);
9154
+ -webkit-box-shadow: -3px 3px 20px 0 rgba(0, 0, 0, 0.15);
9155
+ box-shadow: -3px 3px 20px 0 rgba(0, 0, 0, 0.15);
9156
+ overflow: hidden;
9157
+ }
9158
+
9159
+ #premium-woo-quick-view-modal .summary {
9160
+ width: 50%;
9161
+ margin: 0;
9162
+ padding: 30px;
9163
+ float: right;
9164
+ -webkit-box-sizing: border-box;
9165
+ -moz-box-sizing: border-box;
9166
+ box-sizing: border-box;
9167
+ }
9168
+
9169
+ #premium-woo-quick-view-modal .summary .quantity {
9170
+ min-width: auto;
9171
+ }
9172
+
9173
+ #premium-woo-quick-view-modal .summary .quantity input.qty {
9174
+ width: 54px;
9175
+ -webkit-appearance: button;
9176
+ -moz-appearance: button;
9177
+ appearance: button;
9178
+ }
9179
+
9180
+ #premium-woo-quick-view-modal .woocommerce-product-details__short-description p {
9181
+ margin: 0;
9182
+ }
9183
+
9184
+ #premium-woo-quick-view-close {
9185
+ position: absolute;
9186
+ font-size: 22px;
9187
+ top: 10px;
9188
+ left: 10px;
9189
+ width: 22px;
9190
+ height: 22px;
9191
+ line-height: 22px;
9192
+ opacity: 0.7;
9193
+ text-align: center;
9194
+ z-index: 2;
9195
+ color: #000;
9196
+ }
9197
+
9198
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider {
9199
+ position: relative;
9200
+ }
9201
+
9202
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider li {
9203
+ list-style: none;
9204
+ }
9205
+
9206
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav {
9207
+ margin: 0;
9208
+ padding: 0;
9209
+ width: 100%;
9210
+ position: absolute;
9211
+ bottom: 10px;
9212
+ text-align: center;
9213
+ }
9214
+
9215
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li {
9216
+ margin: 0 6px;
9217
+ display: inline-block;
9218
+ vertical-align: middle;
9219
+ }
9220
+
9221
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a {
9222
+ width: 11px;
9223
+ height: 11px;
9224
+ display: block;
9225
+ background: #666;
9226
+ background: rgba(0, 0, 0, 0.5);
9227
+ cursor: pointer;
9228
+ text-indent: -9999px;
9229
+ -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
9230
+ box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
9231
+ -webkit-border-radius: 20px;
9232
+ border-radius: 20px;
9233
+ }
9234
+
9235
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a.flex-active {
9236
+ background: rgba(0, 0, 0, 0.9);
9237
+ cursor: default;
9238
+ }
9239
+
9240
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a:focus {
9241
+ outline: none;
9242
+ }
9243
+
9244
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider img {
9245
+ -o-object-fit: cover;
9246
+ object-fit: cover;
9247
+ }
9248
+
9249
+ #premium-woo-quick-view-content div.images {
9250
+ width: 50%;
9251
+ float: right;
9252
+ opacity: 1 !important;
9253
+ margin: 0;
9254
+ }
9255
+
9256
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav {
9257
+ margin: 0;
9258
+ padding: 0;
9259
+ list-style: none;
9260
+ }
9261
+
9262
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav a {
9263
+ text-decoration: none;
9264
+ display: block;
9265
+ width: 14px;
9266
+ height: 32px;
9267
+ font-size: 32px;
9268
+ line-height: 32px;
9269
+ margin: -20px 0 0;
9270
+ position: absolute;
9271
+ top: 50%;
9272
+ z-index: 10;
9273
+ overflow: hidden;
9274
+ cursor: pointer;
9275
+ color: rgba(0, 0, 0, 0.8);
9276
+ text-shadow: -1px 1px 0 rgba(255, 255, 255, 0.3);
9277
+ -webkit-transition: all 0.3s ease-in-out;
9278
+ transition: all 0.3s ease-in-out;
9279
+ }
9280
+
9281
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next,
9282
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev {
9283
+ display: inline-block;
9284
+ font-family: "Font Awesome 5 Free";
9285
+ font-weight: 900;
9286
+ text-rendering: auto;
9287
+ -webkit-font-smoothing: antialiased;
9288
+ -moz-osx-font-smoothing: grayscale;
9289
+ }
9290
+
9291
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev {
9292
+ right: 10px;
9293
+ }
9294
+
9295
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next {
9296
+ left: 10px;
9297
+ }
9298
+
9299
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev::before {
9300
+ content: "\f104";
9301
+ }
9302
+
9303
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next::before {
9304
+ content: "\f105";
9305
+ }
9306
+
9307
+ .premium-woocommerce li.product .added_to_cart.wc-forward {
9308
+ display: none;
9309
+ }
9310
+
9311
+ .premium-woo-atc-button .add_to_cart_button span {
9312
+ -webkit-animation: spin 2s linear infinite;
9313
+ animation: spin 2s linear infinite;
9314
+ margin-right: 5px;
9315
+ vertical-align: baseline;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
9316
  }
assets/frontend/css/premium-addons.css CHANGED
@@ -1,7716 +1,7674 @@
1
- @charset "UTF-8";
2
- @font-face {
3
- font-family: "pa-elements";
4
- src: url("../../editor/fonts/pa-elements.eot?9e1efm");
5
- src: url("../../editor/fonts/pa-elements.eot?9e1efm#iefix") format("embedded-opentype"), url("../../editor/fonts/pa-elements.ttf?9e1efm") format("truetype"), url("../../editor/fonts/pa-elements.woff?9e1efm") format("woff"), url("../../editor/fonts/pa-elements.svg?9e1efm#pa-elements") format("svg");
6
- font-weight: normal;
7
- font-style: normal; }
8
-
9
- /**************** Premium Banner ****************/
10
- /************************************************/
11
- .premium-banner {
12
- overflow: hidden; }
13
-
14
- .premium-banner-ib {
15
- display: block;
16
- position: relative;
17
- z-index: 1;
18
- overflow: hidden;
19
- margin: 0;
20
- text-align: center;
21
- -webkit-box-sizing: border-box;
22
- -moz-box-sizing: border-box;
23
- box-sizing: border-box; }
24
- .premium-banner-ib img {
25
- display: block;
26
- position: relative; }
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
- .premium-banner-img-wrap .premium-banner-ib-img {
37
- -webkit-flex-shrink: 0;
38
- -ms-flex-negative: 0;
39
- flex-shrink: 0; }
40
-
41
- .premium-banner-ib-desc .premium-banner-read-more {
42
- z-index: 100; }
43
-
44
- .elementor-widget-premium-addon-banner .premium-banner-ib-title {
45
- background: transparent; }
46
-
47
- .premium-banner-ib *,
48
- .premium-banner-ib .premium-banner-ib-desc {
49
- -webkit-box-sizing: border-box;
50
- -moz-box-sizing: border-box;
51
- box-sizing: border-box; }
52
-
53
- .premium-banner-ib img {
54
- min-width: 100%;
55
- max-width: 100%;
56
- -webkit-transition: opacity 0.35s;
57
- transition: opacity 0.35s; }
58
-
59
- .premium-banner-ib .premium-banner-ib-desc {
60
- padding: 15px;
61
- -webkit-backface-visibility: hidden;
62
- backface-visibility: hidden;
63
- -webkit-box-sizing: border-box;
64
- -moz-box-sizing: border-box;
65
- box-sizing: border-box;
66
- position: absolute;
67
- top: 0;
68
- left: 0;
69
- width: 100%;
70
- height: 100%; }
71
-
72
- .premium-banner-ib .premium-banner-ib-link {
73
- position: absolute;
74
- top: 0;
75
- left: 0;
76
- width: 100%;
77
- height: 100%;
78
- z-index: 1000;
79
- text-indent: 200%;
80
- white-space: nowrap;
81
- font-size: 0;
82
- opacity: 0; }
83
-
84
- .premium-banner-ib a.premium-banner-ib-link {
85
- display: block;
86
- background: 0 0; }
87
-
88
- .premium-banner-animation1 img {
89
- width: -webkit-calc(100% + 50px) !important;
90
- width: calc(100% + 50px) !important;
91
- max-width: -webkit-calc(100% + 50px) !important;
92
- max-width: calc(100% + 50px) !important;
93
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
94
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
95
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
96
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
97
- -webkit-transform: translate3d(-40px, 0, 0);
98
- transform: translate3d(-40px, 0, 0); }
99
-
100
- .premium-banner-animation2 .premium-banner-ib-title {
101
- padding: 15px; }
102
-
103
- .premium-banner-animation1 .premium-banner-ib-desc {
104
- top: auto;
105
- bottom: 0;
106
- min-height: 25%;
107
- height: auto;
108
- max-height: 100%;
109
- text-align: left; }
110
-
111
- .premium-banner-animation1 .premium-banner-ib-content,
112
- .premium-banner-animation1 .premium-banner-ib-title,
113
- .premium-banner-animation1 .premium-banner-read-more {
114
- -webkit-transform: translate3d(0, 40px, 0);
115
- transform: translate3d(0, 40px, 0);
116
- -webkit-transition-delay: 0.05s;
117
- transition-delay: 0.05s;
118
- -webkit-transition-duration: 0.35s;
119
- transition-duration: 0.35s; }
120
-
121
- .premium-banner-animation1 .premium-banner-ib-title {
122
- -webkit-transition: -webkit-transform 0.35s;
123
- transition: -webkit-transform 0.35s;
124
- transition: transform 0.35s;
125
- transition: transform 0.35s, -webkit-transform 0.35s; }
126
-
127
- .premium-banner-animation1 .premium-banner-ib-content,
128
- .premium-banner-animation1 .premium-banner-read-more {
129
- margin-top: 10px;
130
- opacity: 0;
131
- -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
132
- transition: opacity 0.2s, -webkit-transform 0.35s;
133
- transition: opacity 0.2s, transform 0.35s;
134
- transition: opacity 0.2s, transform 0.35s, -webkit-transform 0.35s; }
135
-
136
- .premium-banner-animation1:hover .premium-banner-ib-content,
137
- .premium-banner-animation1.active .premium-banner-ib-content,
138
- .premium-banner-animation1:hover .premium-banner-read-more,
139
- .premium-banner-animation1.active .premium-banner-read-more {
140
- opacity: 1;
141
- -webkit-transition-delay: 0.05s;
142
- transition-delay: 0.05s;
143
- -webkit-transition-duration: 0.35s;
144
- transition-duration: 0.35s; }
145
-
146
- .premium-banner-animation1:hover .premium-banner-ib-content,
147
- .premium-banner-animation1.active .premium-banner-ib-content,
148
- .premium-banner-animation1:hover .premium-banner-read-more,
149
- .premium-banner-animation1.active .premium-banner-read-more,
150
- .premium-banner-animation1:hover .premium-banner-ib-title,
151
- .premium-banner-animation1.active .premium-banner-ib-title,
152
- .premium-banner-animation1:hover img,
153
- .premium-banner-animation1.active img {
154
- -webkit-transform: translate3d(0, 0, 0);
155
- transform: translate3d(0, 0, 0);
156
- -webkit-transition-delay: 0.05s;
157
- transition-delay: 0.05s;
158
- -webkit-transition-duration: 0.35s;
159
- transition-duration: 0.35s; }
160
-
161
- .premium-banner-animation1.zoomout img,
162
- .premium-banner-animation1.scale img {
163
- -webkit-transform: translate3d(-40px, 0, 0) scale(1.1);
164
- transform: translate3d(-40px, 0, 0) scale(1.1); }
165
-
166
- .premium-banner-ib.sepia img {
167
- -webkit-filter: sepia(30%);
168
- filter: sepia(30%); }
169
-
170
- .premium-banner-ib.bright img {
171
- -webkit-filter: brightness(1);
172
- filter: brightness(1); }
173
-
174
- .premium-banner-ib.sepia:hover img {
175
- -webkit-filter: sepia(0%);
176
- filter: sepia(0%); }
177
-
178
- .premium-banner-ib.bright:hover img {
179
- -webkit-filter: brightness(1.2);
180
- filter: brightness(1.2); }
181
-
182
- .premium-banner-animation1.premium-banner-min-height img,
183
- .premium-banner-animation2.premium-banner-min-height img,
184
- .premium-banner-animation4.premium-banner-min-height img,
185
- .premium-banner-animation5.premium-banner-min-height img,
186
- .premium-banner-animation6.premium-banner-min-height img,
187
- .premium-banner-animation13.premium-banner-min-height img {
188
- height: auto; }
189
-
190
- .premium-banner-animation2 img {
191
- width: 100%; }
192
-
193
- .premium-banner-animation2 .premium-banner-ib-desc::before {
194
- position: absolute;
195
- content: "";
196
- top: 0;
197
- left: 0;
198
- width: 100%;
199
- height: 100%;
200
- opacity: 0;
201
- -webkit-transform: translate3d(0, 50%, 0);
202
- transform: translate3d(0, 50%, 0); }
203
-
204
- .premium-banner-animation2 .premium-banner-ib-title {
205
- position: absolute;
206
- top: 50%;
207
- left: 0;
208
- width: 100%;
209
- -webkit-transition: color 0.35s, -webkit-transform 0.35s;
210
- transition: color 0.35s, -webkit-transform 0.35s;
211
- transition: transform 0.35s, color 0.35s;
212
- transition: transform 0.35s, color 0.35s, -webkit-transform 0.35s;
213
- -webkit-transform: translate3d(0, -50%, 0);
214
- transform: translate3d(0, -50%, 0); }
215
-
216
- .premium-banner-animation2 .premium-banner-ib-content,
217
- .premium-banner-animation2 .premium-banner-read-more,
218
- .premium-banner-animation2 .premium-banner-ib-desc::before {
219
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
220
- transition: opacity 0.35s, -webkit-transform 0.35s;
221
- transition: opacity 0.35s, transform 0.35s;
222
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
223
-
224
- .premium-banner-animation2 .premium-banner-ib-content,
225
- .premium-banner-animation2 .premium-banner-read-more {
226
- position: absolute;
227
- bottom: 0;
228
- left: 0;
229
- padding: 15px;
230
- width: 100%;
231
- max-height: 50%;
232
- opacity: 0;
233
- -webkit-transform: translate3d(0, 10px, 0);
234
- transform: translate3d(0, 10px, 0); }
235
-
236
- .premium-banner-animation2:hover .premium-banner-ib-title,
237
- .premium-banner-animation2.active .premium-banner-ib-title {
238
- -webkit-transform: translate3d(0, -40px, 0);
239
- transform: translate3d(0, -40px, 0); }
240
-
241
- .premium-banner-animation2:hover .premium-banner-read-more,
242
- .premium-banner-animation2.active .premium-banner-read-more,
243
- .premium-banner-animation2:hover .premium-banner-ib-desc::before,
244
- .premium-banner-animation2.active .premium-banner-ib-desc::before {
245
- opacity: 1;
246
- -webkit-transform: translate3d(0, 0, 0);
247
- transform: translate3d(0, 0, 0); }
248
-
249
- .premium-banner-animation2:hover .premium-banner-ib-content,
250
- .premium-banner-animation2.active .premium-banner-ib-content {
251
- opacity: 1;
252
- -webkit-transform: translate3d(0, -30px, 0);
253
- transform: translate3d(0, -30px, 0); }
254
-
255
- .premium-banner-animation3 .premium-banner-ib-title {
256
- position: absolute;
257
- bottom: 0;
258
- left: 0;
259
- padding: 15px;
260
- width: 100%;
261
- text-align: left;
262
- -webkit-transform: translate3d(0, -30px, 0);
263
- transform: translate3d(0, -30px, 0); }
264
-
265
- .premium-banner-animation3 .premium-banner-ib-desc::before,
266
- .premium-banner-animation3 .premium-banner-ib-title {
267
- -webkit-transition: -webkit-transform 0.35s;
268
- transition: -webkit-transform 0.35s;
269
- transition: transform 0.35s;
270
- transition: transform 0.35s, -webkit-transform 0.35s; }
271
-
272
- .premium-banner-animation3:hover .premium-banner-ib-desc::before,
273
- .premium-banner-animation3.active .premium-banner-ib-desc::before,
274
- .premium-banner-animation3:hover .premium-banner-ib-title,
275
- .premium-banner-animation3.active .premium-banner-ib-title {
276
- opacity: 1;
277
- -webkit-transform: translate3d(0, 0, 0);
278
- transform: translate3d(0, 0, 0); }
279
-
280
- .premium-banner-animation3 .premium-banner-ib-content {
281
- max-height: -webkit-calc(100% - 60px - 1.5em);
282
- max-height: calc(100% - 60px - 1.5em);
283
- overflow: hidden; }
284
-
285
- .premium-banner-animation4 img {
286
- width: -webkit-calc(100% + 40px) !important;
287
- width: calc(100% + 40px) !important;
288
- max-width: -webkit-calc(100% + 40px) !important;
289
- max-width: calc(100% + 40px) !important; }
290
-
291
- .premium-banner-animation4 .premium-banner-ib-desc {
292
- padding: 30px; }
293
- .premium-banner-animation4 .premium-banner-ib-desc::after {
294
- position: absolute;
295
- content: "";
296
- opacity: 0; }
297
- .premium-banner-animation4 .premium-banner-ib-desc::before {
298
- position: absolute;
299
- content: "";
300
- opacity: 0;
301
- top: 50px;
302
- right: 30px;
303
- bottom: 50px;
304
- left: 30px;
305
- border-top: 1px solid #fff;
306
- border-bottom: 1px solid #fff;
307
- -webkit-transform: scale(0, 1);
308
- -ms-transform: scale(0, 1);
309
- transform: scale(0, 1);
310
- -webkit-transform-origin: 0 0;
311
- -ms-transform-origin: 0 0;
312
- transform-origin: 0 0; }
313
- .premium-banner-animation4 .premium-banner-ib-desc::after {
314
- top: 30px;
315
- right: 50px;
316
- bottom: 30px;
317
- left: 50px;
318
- border-right: 1px solid #fff;
319
- border-left: 1px solid #fff;
320
- -webkit-transform: scale(1, 0);
321
- -ms-transform: scale(1, 0);
322
- transform: scale(1, 0);
323
- -webkit-transform-origin: 100% 0;
324
- -ms-transform-origin: 100% 0;
325
- transform-origin: 100% 0; }
326
-
327
- .premium-banner-animation4 .premium-banner-ib-title {
328
- padding: 50px 30px 0 30px;
329
- -webkit-transition: -webkit-transform 0.35s;
330
- transition: -webkit-transform 0.35s;
331
- transition: transform 0.35s;
332
- transition: transform 0.35s, -webkit-transform 0.35s; }
333
-
334
- .premium-banner-animation4 .premium-banner-ib-content,
335
- .premium-banner-animation4 .premium-banner-read-more {
336
- padding: 10px 30px;
337
- opacity: 0;
338
- overflow: hidden;
339
- -webkit-transform: translate3d(0, -10px, 0);
340
- transform: translate3d(0, -10px, 0); }
341
-
342
- .premium-banner-animation4 .premium-banner-ib-title,
343
- .premium-banner-animation4 img {
344
- -webkit-transform: translate3d(-30px, 0, 0);
345
- transform: translate3d(-30px, 0, 0); }
346
-
347
- .premium-banner-animation4.zoomout img,
348
- .premium-banner-animation4.scale img {
349
- -webkit-transform: translate3d(-30px, 0, 0) scale(1.1);
350
- transform: translate3d(-30px, 0, 0) scale(1.1); }
351
-
352
- .premium-banner-animation4 .premium-banner-ib-content,
353
- .premium-banner-animation4 .premium-banner-read-more {
354
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
355
- transition: opacity 0.35s, -webkit-transform 0.35s;
356
- transition: opacity 0.35s, transform 0.35s;
357
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
358
-
359
- .premium-banner-animation4 .premium-banner-ib-desc::after, .premium-banner-animation4 .premium-banner-ib-desc::before {
360
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
361
- transition: opacity 0.35s, -webkit-transform 0.35s;
362
- transition: opacity 0.35s, transform 0.35s;
363
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
364
-
365
- .premium-banner-animation4 img {
366
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
367
- transition: opacity 0.35s, -webkit-transform 0.35s;
368
- transition: opacity 0.35s, transform 0.35s;
369
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
370
-
371
- .premium-banner-animation4:hover .premium-banner-ib-desc::after,
372
- .premium-banner-animation4.active .premium-banner-ib-desc::after,
373
- .premium-banner-animation4:hover .premium-banner-ib-desc::before,
374
- .premium-banner-animation4.active .premium-banner-ib-desc::before {
375
- opacity: 1;
376
- -webkit-transform: scale(1);
377
- -ms-transform: scale(1);
378
- transform: scale(1); }
379
-
380
- .premium-banner-animation4:hover .premium-banner-ib-content,
381
- .premium-banner-animation4.active .premium-banner-ib-content,
382
- .premium-banner-animation4:hover .premium-banner-read-more,
383
- .premium-banner-animation4.active .premium-banner-read-more,
384
- .premium-banner-animation4:hover .premium-banner-ib-title,
385
- .premium-banner-animation4.active .premium-banner-ib-title {
386
- opacity: 1;
387
- -webkit-transform: translate3d(0, 0, 0);
388
- transform: translate3d(0, 0, 0); }
389
-
390
- .premium-banner-animation4:hover .premium-banner-ib-content,
391
- .premium-banner-animation4:hover .premium-banner-ib-desc::after,
392
- .premium-banner-animation4:hover .premium-banner-ib-title,
393
- .premium-banner-animation4:hover img {
394
- -webkit-transition-delay: 0.15s;
395
- transition-delay: 0.15s; }
396
-
397
- .premium-banner-animation5 .premium-banner-ib-desc {
398
- top: auto;
399
- bottom: 0;
400
- padding: 15px;
401
- height: auto;
402
- background: #f2f2f2;
403
- color: #3c4a50;
404
- -webkit-transition: -webkit-transform 0.35s;
405
- transition: -webkit-transform 0.35s;
406
- transition: transform 0.35s;
407
- transition: transform 0.35s, -webkit-transform 0.35s;
408
- -webkit-transform: translate3d(0, 100%, 0);
409
- transform: translate3d(0, 100%, 0); }
410
-
411
- .premium-banner-animation5 .premium-banner-ib-content {
412
- position: absolute;
413
- top: auto;
414
- bottom: 100%;
415
- left: 0;
416
- width: 100%;
417
- padding: 15px;
418
- opacity: 0;
419
- -webkit-transition: opacity 0.35s;
420
- transition: opacity 0.35s; }
421
-
422
- .premium-banner-animation5 .premium-banner-ib-title,
423
- .premium-banner-animation5 .premium-banner-read-more {
424
- -webkit-transition: -webkit-transform 0.35s;
425
- transition: -webkit-transform 0.35s;
426
- transition: transform 0.35s;
427
- transition: transform 0.35s, -webkit-transform 0.35s;
428
- -webkit-transform: translate3d(0, 200%, 0);
429
- transform: translate3d(0, 200%, 0);
430
- text-align: center; }
431
-
432
- .premium-banner-animation5 .premium-banner-ib-title {
433
- margin: 10px 0; }
434
-
435
- .premium-banner-animation5:hover .premium-banner-ib-content,
436
- .premium-banner-animation5.active .premium-banner-ib-content,
437
- .premium-banner-animation5:hover .premium-banner-ib-content *,
438
- .premium-banner-animation5.active .premium-banner-ib-content * {
439
- opacity: 1 !important;
440
- z-index: 99 !important;
441
- -webkit-backface-visibility: hidden !important;
442
- backface-visibility: hidden !important; }
443
-
444
- .premium-banner-animation5:hover .premium-banner-ib-desc,
445
- .premium-banner-animation5.active .premium-banner-ib-desc,
446
- .premium-banner-animation5:hover .premium-banner-ib-title,
447
- .premium-banner-animation5.active .premium-banner-ib-title,
448
- .premium-banner-animation5:hover .premium-banner-read-more,
449
- .premium-banner-animation5.active .premium-banner-read-more {
450
- -webkit-transform: translateY(0);
451
- -ms-transform: translateY(0);
452
- transform: translateY(0); }
453
-
454
- .premium-banner-animation5:hover .premium-banner-ib-title {
455
- -webkit-transition-delay: 0.05s;
456
- transition-delay: 0.05s; }
457
-
458
- .premium-banner-animation5 img {
459
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
460
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
461
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
462
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; }
463
-
464
- .premium-banner-animation2 img,
465
- .premium-banner-animation4 img,
466
- .premium-banner-animation6 img {
467
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
468
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
469
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
470
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; }
471
-
472
- .premium-banner-animation5.zoomout img,
473
- .premium-banner-animation5.scale img {
474
- -webkit-transform: scale(1.1);
475
- -ms-transform: scale(1.1);
476
- transform: scale(1.1); }
477
-
478
- .premium-banner-animation2.zoomout img,
479
- .premium-banner-animation2.scale img {
480
- -webkit-transform: scale(1.1);
481
- -ms-transform: scale(1.1);
482
- transform: scale(1.1); }
483
-
484
- .premium-banner-animation6.zoomout img,
485
- .premium-banner-animation6.scale img {
486
- -webkit-transform: scale(1.1);
487
- -ms-transform: scale(1.1);
488
- transform: scale(1.1); }
489
-
490
- .premium-banner-animation5.zoomin:hover img,
491
- .premium-banner-animation2.zoomin:hover img,
492
- .premium-banner-animation6.zoomin:hover img {
493
- -webkit-transform: scale(1.1);
494
- -ms-transform: scale(1.1);
495
- transform: scale(1.1); }
496
-
497
- .premium-banner-animation5.zoomout:hover img,
498
- .premium-banner-animation2.zoomout:hover img,
499
- .premium-banner-animation6.zoomout:hover img {
500
- -webkit-transform: scale(1);
501
- -ms-transform: scale(1);
502
- transform: scale(1); }
503
-
504
- .premium-banner-animation5.scale:hover img,
505
- .premium-banner-animation2.scale:hover img,
506
- .premium-banner-animation6.scale:hover img {
507
- -webkit-transform: scale(1.2) rotate(5deg);
508
- -ms-transform: scale(1.2) rotate(5deg);
509
- transform: scale(1.2) rotate(5deg); }
510
-
511
- .premium-banner-animation5.grayscale:hover img,
512
- .premium-banner-animation2.grayscale:hover img,
513
- .premium-banner-animation6.grayscale:hover img {
514
- -webkit-filter: grayscale(100%);
515
- filter: grayscale(100%); }
516
-
517
- .premium-banner-animation5.blur:hover img,
518
- .premium-banner-animation2.blur:hover img {
519
- -webkit-filter: blur(3px);
520
- filter: blur(3px); }
521
-
522
- .premium-banner-animation6.blur:hover img {
523
- -webkit-filter: blur(3px);
524
- filter: blur(3px); }
525
-
526
- .premium-banner-animation6 .premium-banner-ib-desc {
527
- padding: 45px; }
528
- .premium-banner-animation6 .premium-banner-ib-desc::before {
529
- position: absolute;
530
- content: "";
531
- top: 30px;
532
- right: 30px;
533
- bottom: 30px;
534
- left: 30px;
535
- border: 1px solid #fff; }
536
-
537
- .premium-banner-animation6 .premium-banner-ib-title {
538
- margin: 20px 0 10px;
539
- -webkit-transition: -webkit-transform 0.35s;
540
- transition: -webkit-transform 0.35s;
541
- transition: transform 0.35s;
542
- transition: transform 0.35s, -webkit-transform 0.35s;
543
- -webkit-transform: translate3d(0, 100%, 0);
544
- transform: translate3d(0, 100%, 0); }
545
-
546
- .premium-banner-animation6 .premium-banner-ib-content,
547
- .premium-banner-animation6 .premium-banner-read-more,
548
- .premium-banner-animation6 .premium-banner-ib-desc::before {
549
- opacity: 0;
550
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
551
- transition: opacity 0.35s, -webkit-transform 0.35s;
552
- transition: opacity 0.35s, transform 0.35s;
553
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
554
- -webkit-transform: scale(0);
555
- -ms-transform: scale(0);
556
- transform: scale(0); }
557
-
558
- .premium-banner-animation6 .premium-banner-read-more {
559
- margin-top: 10px; }
560
-
561
- .premium-banner-animation6:hover .premium-banner-ib-title,
562
- .premium-banner-animation6.active .premium-banner-ib-title {
563
- -webkit-transform: translate3d(0, 0, 0);
564
- transform: translate3d(0, 0, 0); }
565
-
566
- .premium-banner-animation6:hover .premium-banner-ib-content,
567
- .premium-banner-animation6.active .premium-banner-ib-content,
568
- .premium-banner-animation6:hover .premium-banner-read-more,
569
- .premium-banner-animation6.active .premium-banner-read-more,
570
- .premium-banner-animation6:hover .premium-banner-ib-desc::before,
571
- .premium-banner-animation6.active .premium-banner-ib-desc::before {
572
- opacity: 1;
573
- -webkit-transform: scale(1);
574
- -ms-transform: scale(1);
575
- transform: scale(1); }
576
-
577
- .premium-banner-animation12 .premium-banner-ib-desc::after {
578
- position: absolute;
579
- content: "";
580
- right: 30px;
581
- bottom: 30px;
582
- left: 30px;
583
- height: -webkit-calc(50% - 30px);
584
- height: calc(50% - 30px);
585
- border: 7px solid #fff;
586
- -webkit-transition: -webkit-transform 0.35s;
587
- transition: -webkit-transform 0.35s;
588
- transition: transform 0.35s;
589
- transition: transform 0.35s, -webkit-transform 0.35s;
590
- -webkit-transform: translate3d(0, -100%, 0);
591
- transform: translate3d(0, -100%, 0); }
592
-
593
- .premium-banner-animation12:hover .premium-banner-ib-desc::after,
594
- .premium-banner-animation12.active .premium-banner-ib-desc::after {
595
- -webkit-transform: translate3d(0, 0, 0);
596
- transform: translate3d(0, 0, 0); }
597
-
598
- .premium-banner-animation12 .premium-banner-ib-desc {
599
- padding: 45px;
600
- text-align: left; }
601
-
602
- .premium-banner-animation12 .premium-banner-ib-content {
603
- position: absolute;
604
- right: 60px;
605
- bottom: 60px;
606
- left: 60px;
607
- opacity: 0;
608
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
609
- transition: opacity 0.35s, -webkit-transform 0.35s;
610
- transition: opacity 0.35s, transform 0.35s;
611
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
612
- -webkit-transform: translate3d(0, -100px, 0);
613
- transform: translate3d(0, -100px, 0); }
614
-
615
- .premium-banner-animation12:hover .premium-banner-ib-content,
616
- .premium-banner-animation12.active .premium-banner-ib-content {
617
- opacity: 1;
618
- -webkit-transform: translate3d(0, 0, 0);
619
- transform: translate3d(0, 0, 0); }
620
-
621
- .premium-banner-animation13 img {
622
- width: -webkit-calc(100% + 20px) !important;
623
- width: calc(100% + 20px) !important;
624
- max-width: -webkit-calc(100% + 20px) !important;
625
- max-width: calc(100% + 20px) !important;
626
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
627
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
628
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
629
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
630
- -webkit-transform: translate3d(-10px, 0, 0);
631
- transform: translate3d(-10px, 0, 0);
632
- -webkit-backface-visibility: hidden;
633
- backface-visibility: hidden; }
634
-
635
- .premium-banner-animation13.zoomout img,
636
- .premium-banner-animation13.scale img {
637
- -webkit-transform: translate3d(-10px, 0, 0) scale(1.1);
638
- transform: translate3d(-10px, 0, 0) scale(1.1); }
639
-
640
- .premium-banner-animation13.none:hover img {
641
- -webkit-transform: translate3d(0, 0, 0);
642
- transform: translate3d(0, 0, 0); }
643
-
644
- .premium-banner-animation1.none:hover img,
645
- .premium-banner-animation4.none:hover img {
646
- -webkit-transform: translate3d(0, 0, 0);
647
- transform: translate3d(0, 0, 0); }
648
-
649
- .premium-banner-animation13.zoomin:hover img,
650
- .premium-banner-animation1.zoomin:hover img,
651
- .premium-banner-animation4.zoomin:hover img,
652
- .premium-banner-animation8.zoomin:hover img,
653
- .premium-banner-animation7.zoomin:hover img,
654
- .premium-banner-animation9.zoomin:hover img,
655
- .premium-banner-animation10.zoomin:hover img,
656
- .premium-banner-animation11.zoomin:hover img {
657
- -webkit-transform: translate3d(0, 0, 0) scale(1.1);
658
- transform: translate3d(0, 0, 0) scale(1.1); }
659
-
660
- .premium-banner-animation13.zoomout:hover img,
661
- .premium-banner-animation1.zoomout:hover img,
662
- .premium-banner-animation4.zoomout:hover img,
663
- .premium-banner-animation8.zoomout:hover img,
664
- .premium-banner-animation7.zoomout:hover img,
665
- .premium-banner-animation9.zoomout:hover img,
666
- .premium-banner-animation10.zoomout:hover img,
667
- .premium-banner-animation11.zoomout:hover img {
668
- -webkit-transform: translate3d(0, 0, 0) scale(1);
669
- transform: translate3d(0, 0, 0) scale(1); }
670
-
671
- .premium-banner-animation13.scale:hover img,
672
- .premium-banner-animation1.scale:hover img,
673
- .premium-banner-animation4.scale:hover img,
674
- .premium-banner-animation8.scale:hover img,
675
- .premium-banner-animation7.scale:hover img,
676
- .premium-banner-animation9.scale:hover img,
677
- .premium-banner-animation10.scale:hover img,
678
- .premium-banner-animation11.scale:hover img {
679
- -webkit-transform: translate3d(0, 0, 0) scale(1.2) rotate(5deg);
680
- transform: translate3d(0, 0, 0) scale(1.2) rotate(5deg); }
681
-
682
- .premium-banner-animation13.grayscale:hover img,
683
- .premium-banner-animation1.grayscale:hover img,
684
- .premium-banner-animation4.grayscale:hover img,
685
- .premium-banner-animation8.grayscale:hover img,
686
- .premium-banner-animation7.grayscale:hover img,
687
- .premium-banner-animation9.grayscale:hover img,
688
- .premium-banner-animation10.grayscale:hover img,
689
- .premium-banner-animation11.grayscale:hover img {
690
- -webkit-transform: translate3d(0, 0, 0);
691
- transform: translate3d(0, 0, 0);
692
- -webkit-filter: grayscale(100%);
693
- filter: grayscale(100%); }
694
-
695
- .premium-banner-animation13.blur:hover img,
696
- .premium-banner-animation1.blur:hover img,
697
- .premium-banner-animation4.blur:hover,
698
- .premium-banner-animation8.blur:hover img,
699
- .premium-banner-animation7.blur:hover img,
700
- .premium-banner-animation9.blur:hover img,
701
- .premium-banner-animation10.blur:hover img,
702
- .premium-banner-animation11.blur:hover img {
703
- -webkit-transform: translate3d(0, 0, 0);
704
- transform: translate3d(0, 0, 0);
705
- -webkit-filter: blur(3px);
706
- filter: blur(3px); }
707
-
708
- .premium-banner-animation13 .premium-banner-ib-desc {
709
- text-align: left; }
710
-
711
- .premium-banner-animation13 .premium-banner-ib-title {
712
- position: relative;
713
- overflow: hidden;
714
- padding: 5px 0 10px; }
715
- .premium-banner-animation13 .premium-banner-ib-title::after {
716
- position: absolute;
717
- content: "";
718
- bottom: 0;
719
- left: 0;
720
- width: 100%;
721
- height: 2px;
722
- background: #fff;
723
- -webkit-transition: -webkit-transform 0.35s;
724
- transition: -webkit-transform 0.35s;
725
- transition: transform 0.35s;
726
- transition: transform 0.35s, -webkit-transform 0.35s;
727
- -webkit-transform: translate3d(-101%, 0, 0);
728
- transform: translate3d(-101%, 0, 0); }
729
-
730
- .premium-banner-animation13:hover .premium-banner-ib-title::after,
731
- .premium-banner-animation13.active .premium-banner-ib-title::after {
732
- -webkit-transform: translate3d(0, 0, 0);
733
- transform: translate3d(0, 0, 0); }
734
-
735
- .premium-banner-animation13 .premium-banner-ib-content,
736
- .premium-banner-animation13 .premium-banner-read-more {
737
- padding: 15px 0;
738
- opacity: 0;
739
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
740
- transition: opacity 0.35s, -webkit-transform 0.35s;
741
- transition: opacity 0.35s, transform 0.35s;
742
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
743
- -webkit-transform: translate3d(100%, 0, 0);
744
- transform: translate3d(100%, 0, 0); }
745
-
746
- .premium-banner-animation13:hover .premium-banner-ib-content,
747
- .premium-banner-animation13.active .premium-banner-ib-content,
748
- .premium-banner-animation13:hover .premium-banner-read-more,
749
- .premium-banner-animation13.active .premium-banner-read-more {
750
- opacity: 1;
751
- -webkit-transform: translate3d(0, 0, 0);
752
- transform: translate3d(0, 0, 0); }
753
-
754
- .premium-banner-ib.premium-banner-animation5 .premium-banner-toggle-size {
755
- left: 50%;
756
- width: auto !important;
757
- height: 100%;
758
- max-width: none;
759
- -webkit-transform: translateX(-50%);
760
- -ms-transform: translateX(-50%);
761
- transform: translateX(-50%); }
762
-
763
- .premium-banner-ib img {
764
- border: none;
765
- padding: 0;
766
- margin: 0; }
767
-
768
- .premium-banner-animation7 img {
769
- width: -webkit-calc(100% + 40px) !important;
770
- width: calc(100% + 40px) !important;
771
- max-width: -webkit-calc(100% + 40px) !important;
772
- max-width: calc(100% + 40px) !important;
773
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
774
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
775
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
776
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; }
777
-
778
- .premium-banner-animation7 .premium-banner-brlr {
779
- width: 7px; }
780
-
781
- .premium-banner-animation7 .premium-banner-brtb {
782
- height: 7px; }
783
-
784
- .premium-banner-animation7 .premium-banner-br {
785
- position: absolute;
786
- z-index: 1;
787
- background-color: white;
788
- -webkit-transition: all 0.3s ease-in-out;
789
- transition: all 0.3s ease-in-out;
790
- -webkit-transition-delay: 0.2s;
791
- transition-delay: 0.2s; }
792
-
793
- .premium-banner-animation7 .premium-banner-bleft {
794
- left: 30px;
795
- top: -webkit-calc(100% - 150px);
796
- top: calc(100% - 150px);
797
- height: 0; }
798
-
799
- .premium-banner-animation7 .premium-banner-bright {
800
- right: 30px;
801
- bottom: -webkit-calc(100% - 150px);
802
- bottom: calc(100% - 150px);
803
- height: 0; }
804
-
805
- .premium-banner-animation7 .premium-banner-bottom {
806
- right: -webkit-calc(100% - 150px);
807
- right: calc(100% - 150px);
808
- bottom: 30px;
809
- width: 0; }
810
-
811
- .premium-banner-animation7 .premium-banner-btop {
812
- left: -webkit-calc(100% - 150px);
813
- left: calc(100% - 150px);
814
- top: 30px;
815
- width: 0; }
816
-
817
- .premium-banner-animation7 .premium-banner-ib-desc {
818
- padding: 70px;
819
- display: table; }
820
- .premium-banner-animation7 .premium-banner-ib-desc .premium-banner-desc-centered {
821
- display: table-cell;
822
- vertical-align: middle; }
823
-
824
- .premium-banner-animation7 .premium-banner-ib-title {
825
- margin-top: 0; }
826
-
827
- .premium-banner-animation7 .premium-banner-ib-title,
828
- .premium-banner-animation7 img {
829
- -webkit-transform: translate3d(-30px, 0, 0);
830
- transform: translate3d(-30px, 0, 0); }
831
-
832
- .premium-banner-animation7.zoomout img,
833
- .premium-banner-animation7.scale img {
834
- -webkit-transform: translate3d(-30px, 0, 0) scale(1.1);
835
- transform: translate3d(-30px, 0, 0) scale(1.1); }
836
-
837
- .premium-banner-animation7 .premium-banner-ib-content,
838
- .premium-banner-animation7 .premium-banner-read-more {
839
- margin-top: 10px; }
840
-
841
- .premium-banner-animation7 .premium-banner-ib-desc::after, .premium-banner-animation7 .premium-banner-ib-desc::before {
842
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
843
- transition: opacity 0.35s, -webkit-transform 0.35s;
844
- transition: opacity 0.35s, transform 0.35s;
845
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
846
-
847
- .premium-banner-animation7 .premium-banner-ib-title,
848
- .premium-banner-animation7 .premium-banner-ib-content,
849
- .premium-banner-animation7 .premium-banner-read-more {
850
- opacity: 0;
851
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
852
- transition: opacity 0.35s, -webkit-transform 0.35s;
853
- transition: opacity 0.35s, transform 0.35s;
854
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
855
-
856
- .premium-banner-animation7:hover .premium-banner-ib-content,
857
- .premium-banner-animation7.active .premium-banner-ib-content,
858
- .premium-banner-animation7:hover .premium-banner-read-more,
859
- .premium-banner-animation7.active .premium-banner-read-more,
860
- .premium-banner-animation7:hover .premium-banner-ib-title,
861
- .premium-banner-animation7.active .premium-banner-ib-title {
862
- opacity: 1;
863
- -webkit-transform: translate3d(0, 0, 0);
864
- transform: translate3d(0, 0, 0); }
865
-
866
- .premium-banner-animation7:hover .premium-banner-bleft, .premium-banner-animation7.active .premium-banner-bleft {
867
- top: 30px;
868
- height: 70px; }
869
-
870
- .premium-banner-animation7:hover .premium-banner-bright, .premium-banner-animation7.active .premium-banner-bright {
871
- bottom: 30px;
872
- height: 70px; }
873
-
874
- .premium-banner-animation7:hover .premium-banner-bottom, .premium-banner-animation7.active .premium-banner-bottom {
875
- right: 30px;
876
- width: 70px; }
877
-
878
- .premium-banner-animation7:hover .premium-banner-btop, .premium-banner-animation7.active .premium-banner-btop {
879
- left: 30px;
880
- width: 70px; }
881
-
882
- .premium-banner-animation7:hover .premium-banner-ib-content,
883
- .premium-banner-animation7:hover .premium-banner-read-more,
884
- .premium-banner-animation7:hover .premium-banner-ib-title,
885
- .premium-banner-animation7:hover img {
886
- -webkit-transition-delay: 0.15s;
887
- transition-delay: 0.15s; }
888
-
889
- .premium-banner-animation8 img {
890
- width: -webkit-calc(100% + 40px) !important;
891
- width: calc(100% + 40px) !important;
892
- max-width: -webkit-calc(100% + 40px) !important;
893
- max-width: calc(100% + 40px) !important;
894
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
895
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
896
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
897
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; }
898
-
899
- .premium-banner-animation8 .premium-banner-brlr {
900
- width: 7px; }
901
-
902
- .premium-banner-animation8 .premium-banner-brtb {
903
- height: 7px; }
904
-
905
- .premium-banner-animation8 .premium-banner-br {
906
- position: absolute;
907
- z-index: 1;
908
- background-color: white;
909
- -webkit-transition: all 0.3s ease-in-out;
910
- transition: all 0.3s ease-in-out;
911
- -webkit-transition-delay: 0.2s;
912
- transition-delay: 0.2s; }
913
-
914
- .premium-banner-animation8 .premium-banner-bleft {
915
- left: 30px;
916
- top: 50%;
917
- -webkit-transform: translateY(-50%);
918
- -ms-transform: translateY(-50%);
919
- transform: translateY(-50%);
920
- height: 0; }
921
-
922
- .premium-banner-animation8 .premium-banner-bright {
923
- right: 30px;
924
- top: 50%;
925
- -webkit-transform: translateY(-50%);
926
- -ms-transform: translateY(-50%);
927
- transform: translateY(-50%);
928
- height: 0; }
929
-
930
- .premium-banner-animation8 .premium-banner-bottom {
931
- left: 50%;
932
- -webkit-transform: translateX(-50%);
933
- -ms-transform: translateX(-50%);
934
- transform: translateX(-50%);
935
- bottom: 30px;
936
- width: 0; }
937
-
938
- .premium-banner-animation8 .premium-banner-btop {
939
- left: 50%;
940
- -webkit-transform: translateX(-50%);
941
- -ms-transform: translateX(-50%);
942
- transform: translateX(-50%);
943
- top: 30px;
944
- width: 0; }
945
-
946
- .premium-banner-animation8 .premium-banner-ib-desc {
947
- padding: 70px;
948
- display: table; }
949
- .premium-banner-animation8 .premium-banner-ib-desc .premium-banner-desc-centered {
950
- display: table-cell;
951
- vertical-align: middle; }
952
-
953
- .premium-banner-animation8 .premium-banner-ib-title {
954
- margin-top: 0; }
955
-
956
- .premium-banner-animation8 .premium-banner-ib-title,
957
- .premium-banner-animation8 img {
958
- -webkit-transform: translate3d(-30px, 0, 0);
959
- transform: translate3d(-30px, 0, 0); }
960
-
961
- .premium-banner-animation8.zoomout img,
962
- .premium-banner-animation8.scale img {
963
- -webkit-transform: translate3d(-30px, 0, 0) scale(1.1);
964
- transform: translate3d(-30px, 0, 0) scale(1.1); }
965
-
966
- .premium-banner-animation8 .premium-banner-ib-content,
967
- .premium-banner-animation8 .premium-banner-read-more {
968
- margin-top: 10px; }
969
-
970
- .premium-banner-animation8 .premium-banner-ib-desc::after, .premium-banner-animation8 .premium-banner-ib-desc::before {
971
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
972
- transition: opacity 0.35s, -webkit-transform 0.35s;
973
- transition: opacity 0.35s, transform 0.35s;
974
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
975
-
976
- .premium-banner-animation8 .premium-banner-ib-title,
977
- .premium-banner-animation8 .premium-banner-ib-content,
978
- .premium-banner-animation8 .premium-banner-read-more {
979
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
980
- transition: opacity 0.35s, -webkit-transform 0.35s;
981
- transition: opacity 0.35s, transform 0.35s;
982
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
983
- opacity: 0; }
984
-
985
- .premium-banner-animation8:hover .premium-banner-ib-content,
986
- .premium-banner-animation8.active .premium-banner-ib-content,
987
- .premium-banner-animation8:hover .premium-banner-read-more,
988
- .premium-banner-animation8.active .premium-banner-read-more,
989
- .premium-banner-animation8:hover .premium-banner-ib-title,
990
- .premium-banner-animation8.active .premium-banner-ib-title {
991
- opacity: 1;
992
- -webkit-transform: translate3d(0, 0, 0);
993
- transform: translate3d(0, 0, 0); }
994
-
995
- .premium-banner-animation8:hover .premium-banner-bleft, .premium-banner-animation8.active .premium-banner-bleft {
996
- height: -webkit-calc(100% - 61px);
997
- height: calc(100% - 61px); }
998
-
999
- .premium-banner-animation8:hover .premium-banner-bright, .premium-banner-animation8.active .premium-banner-bright {
1000
- height: -webkit-calc(100% - 61px);
1001
- height: calc(100% - 61px); }
1002
-
1003
- .premium-banner-animation8:hover .premium-banner-bottom, .premium-banner-animation8.active .premium-banner-bottom {
1004
- width: -webkit-calc(100% - 61px);
1005
- width: calc(100% - 61px); }
1006
-
1007
- .premium-banner-animation8:hover .premium-banner-btop, .premium-banner-animation8.active .premium-banner-btop {
1008
- width: -webkit-calc(100% - 61px);
1009
- width: calc(100% - 61px); }
1010
-
1011
- .premium-banner-animation8:hover .premium-banner-ib-content,
1012
- .premium-banner-animation8:hover .premium-banner-ib-title,
1013
- .premium-banner-animation8:hover .premium-banner-read-more,
1014
- .premium-banner-animation8:hover img {
1015
- -webkit-transition-delay: 0.15s;
1016
- transition-delay: 0.15s; }
1017
-
1018
- .premium-banner-animation9 img {
1019
- width: -webkit-calc(100% + 20px) !important;
1020
- width: calc(100% + 20px) !important;
1021
- max-width: -webkit-calc(100% + 20px) !important;
1022
- max-width: calc(100% + 20px) !important;
1023
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1024
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1025
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
1026
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1027
- -webkit-transform: scale(1.2);
1028
- -ms-transform: scale(1.2);
1029
- transform: scale(1.2); }
1030
-
1031
- .premium-banner-animation9 .premium-banner-ib-desc {
1032
- width: 100%;
1033
- height: 100%; }
1034
- .premium-banner-animation9 .premium-banner-ib-desc::before {
1035
- position: absolute;
1036
- top: 50%;
1037
- left: 50%;
1038
- width: 80%;
1039
- height: 1px;
1040
- background: #fff;
1041
- content: "";
1042
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1043
- transition: opacity 0.35s, -webkit-transform 0.35s;
1044
- transition: opacity 0.35s, transform 0.35s;
1045
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1046
- -webkit-transform: translate3d(-50%, -50%, 0);
1047
- transform: translate3d(-50%, -50%, 0); }
1048
- .premium-banner-animation9 .premium-banner-ib-desc::after {
1049
- position: absolute;
1050
- top: 50%;
1051
- left: 50%;
1052
- width: 80%;
1053
- height: 1px;
1054
- background: #fff;
1055
- content: "";
1056
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1057
- transition: opacity 0.35s, -webkit-transform 0.35s;
1058
- transition: opacity 0.35s, transform 0.35s;
1059
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1060
- -webkit-transform: translate3d(-50%, -50%, 0);
1061
- transform: translate3d(-50%, -50%, 0); }
1062
-
1063
- .premium-banner-animation9 .premium-banner-ib-title {
1064
- position: absolute;
1065
- top: 50%;
1066
- left: 0;
1067
- width: 100%;
1068
- -webkit-transition: -webkit-transform 0.35s;
1069
- transition: -webkit-transform 0.35s;
1070
- transition: transform 0.35s;
1071
- transition: transform 0.35s, -webkit-transform 0.35s;
1072
- -webkit-transform: translate3d(0, -70px, 0);
1073
- transform: translate3d(0, -70px, 0);
1074
- margin-top: 0;
1075
- padding: 0 10%; }
1076
-
1077
- .premium-banner-animation9:hover .premium-banner-ib-title,
1078
- .premium-banner-animation9.active .premium-banner-ib-title {
1079
- -webkit-transform: translate3d(0, -80px, 0);
1080
- transform: translate3d(0, -80px, 0); }
1081
-
1082
- .premium-banner-animation9 .premium-banner-ib-content,
1083
- .premium-banner-animation9 .premium-banner-read-more {
1084
- position: absolute;
1085
- top: 50%;
1086
- left: 0;
1087
- width: 100%;
1088
- -webkit-transition: -webkit-transform 0.35s;
1089
- transition: -webkit-transform 0.35s;
1090
- transition: transform 0.35s;
1091
- transition: transform 0.35s, -webkit-transform 0.35s;
1092
- padding: 0 10%;
1093
- -webkit-transform: translate3d(0, 35px, 0);
1094
- transform: translate3d(0, 35px, 0); }
1095
-
1096
- .premium-banner-animation9 .premium-banner-read-more {
1097
- top: 75%; }
1098
-
1099
- .premium-banner-animation9:hover .premium-banner-ib-content,
1100
- .premium-banner-animation9.active .premium-banner-ib-content,
1101
- .premium-banner-animation9:hover .premium-banner-read-more,
1102
- .premium-banner-animation9.active .premium-banner-read-more {
1103
- -webkit-transform: translate3d(0, 45px, 0);
1104
- transform: translate3d(0, 45px, 0); }
1105
-
1106
- .premium-banner-animation9:hover .premium-banner-ib-desc::before,
1107
- .premium-banner-animation9.active .premium-banner-ib-desc::before {
1108
- opacity: 0.5;
1109
- -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
1110
- transform: translate3d(-50%, -50%, 0) rotate(45deg); }
1111
-
1112
- .premium-banner-animation9:hover .premium-banner-ib-desc::after,
1113
- .premium-banner-animation9.active .premium-banner-ib-desc::after {
1114
- opacity: 0.5;
1115
- -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
1116
- transform: translate3d(-50%, -50%, 0) rotate(-45deg); }
1117
-
1118
- .premium-banner-animation9:hover img {
1119
- -webkit-transform: scale(1);
1120
- -ms-transform: scale(1);
1121
- transform: scale(1); }
1122
-
1123
- .premium-banner-animation10 img {
1124
- width: -webkit-calc(100% + 20px) !important;
1125
- width: calc(100% + 20px) !important;
1126
- max-width: -webkit-calc(100% + 20px) !important;
1127
- max-width: calc(100% + 20px) !important;
1128
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1129
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1130
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
1131
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; }
1132
-
1133
- .premium-banner-animation10 .premium-banner-ib-title {
1134
- position: relative;
1135
- overflow: hidden;
1136
- padding: 5px 0 15px;
1137
- -webkit-transition: -webkit-transform 0.35s;
1138
- transition: -webkit-transform 0.35s;
1139
- transition: transform 0.35s;
1140
- transition: transform 0.35s, -webkit-transform 0.35s;
1141
- -webkit-transform: translate3d(0, 20px, 0);
1142
- transform: translate3d(0, 20px, 0);
1143
- margin-bottom: 0; }
1144
- .premium-banner-animation10 .premium-banner-ib-title::after {
1145
- position: absolute;
1146
- content: "";
1147
- bottom: 0;
1148
- left: 0;
1149
- width: 100%;
1150
- height: 3px;
1151
- background: #fff;
1152
- opacity: 0;
1153
- -webkit-transform: translate3d(0, 100%, 0);
1154
- transform: translate3d(0, 100%, 0);
1155
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1156
- transition: opacity 0.35s, -webkit-transform 0.35s;
1157
- transition: opacity 0.35s, transform 0.35s;
1158
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
1159
-
1160
- .premium-banner-animation10:hover .premium-banner-ib-title,
1161
- .premium-banner-animation10.active .premium-banner-ib-title {
1162
- -webkit-transform: translate3d(0, 0, 0);
1163
- transform: translate3d(0, 0, 0); }
1164
-
1165
- .premium-banner-animation10:hover .premium-banner-ib-title::after,
1166
- .premium-banner-animation10.active .premium-banner-ib-title::after {
1167
- opacity: 1;
1168
- -webkit-transform: translate3d(0, 0, 0);
1169
- transform: translate3d(0, 0, 0); }
1170
-
1171
- .premium-banner-animation10.zoomout img,
1172
- .premium-banner-animation10.scale img {
1173
- -webkit-transform: translate3d(-10px, 0, 0) scale(1.1);
1174
- transform: translate3d(-10px, 0, 0) scale(1.1); }
1175
-
1176
- .premium-banner-animation10 .premium-banner-ib-content,
1177
- .premium-banner-animation10 .premium-banner-read-more {
1178
- padding-top: 15px;
1179
- opacity: 0;
1180
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1181
- transition: opacity 0.35s, -webkit-transform 0.35s;
1182
- transition: opacity 0.35s, transform 0.35s;
1183
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1184
- -webkit-transform: translate3d(0, 100%, 0);
1185
- transform: translate3d(0, 100%, 0); }
1186
-
1187
- .premium-banner-animation10 .premium-banner-read-more {
1188
- padding: 0; }
1189
-
1190
- .premium-banner-animation10:hover .premium-banner-ib-content,
1191
- .premium-banner-animation10.active .premium-banner-ib-content,
1192
- .premium-banner-animation10:hover .premium-banner-read-more,
1193
- .premium-banner-animation10.active .premium-banner-read-more {
1194
- opacity: 1;
1195
- -webkit-transform: translate3d(0, 0, 0);
1196
- transform: translate3d(0, 0, 0); }
1197
-
1198
- .premium-banner-animation11 {
1199
- -webkit-transition: -webkit-transform 1s ease-out;
1200
- transition: -webkit-transform 1s ease-out;
1201
- transition: transform 1s ease-out;
1202
- transition: transform 1s ease-out, -webkit-transform 1s ease-out;
1203
- -webkit-transition-delay: 0.125s;
1204
- transition-delay: 0.125s; }
1205
- .premium-banner-animation11 .premium-banner-ib-desc {
1206
- position: absolute;
1207
- z-index: 5;
1208
- -webkit-transform: translate3d(-30px, 0, 0);
1209
- transform: translate3d(-30px, 0, 0);
1210
- opacity: 0;
1211
- top: auto;
1212
- bottom: 0;
1213
- min-height: 25%;
1214
- height: auto;
1215
- max-height: 100%;
1216
- text-align: left;
1217
- padding: 30px;
1218
- -webkit-transition: all 0.6s ease-out;
1219
- transition: all 0.6s ease-out; }
1220
- .premium-banner-animation11 img {
1221
- width: 100%;
1222
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1223
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1224
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
1225
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; }
1226
- .premium-banner-animation11 .premium-banner-ib-title {
1227
- margin-bottom: 10px; }
1228
- .premium-banner-animation11 .premium-banner-gradient {
1229
- position: absolute;
1230
- left: 0;
1231
- top: 0;
1232
- right: 0;
1233
- bottom: 0; }
1234
- .premium-banner-animation11 .premium-banner-gradient:after,
1235
- .premium-banner-animation11 .premium-banner-gradient:before {
1236
- position: absolute;
1237
- content: "";
1238
- left: 0;
1239
- top: 0;
1240
- right: 0;
1241
- bottom: 0;
1242
- -webkit-transform: translate3d(-100%, 0, 0);
1243
- transform: translate3d(-100%, 0, 0);
1244
- background-image: -webkit-linear-gradient(40deg, rgba(84, 89, 95, 0.5) 27.89%, #6ec1e4 72.11%);
1245
- background-image: linear-gradient(50deg, rgba(84, 89, 95, 0.5) 27.89%, #6ec1e4 72.11%);
1246
- z-index: 2; }
1247
- .premium-banner-animation11 .premium-banner-gradient:before {
1248
- mix-blend-mode: color; }
1249
- .premium-banner-animation11 .premium-banner-gradient:after {
1250
- mix-blend-mode: multiply; }
1251
- .premium-banner-animation11:hover .premium-banner-ib-desc,
1252
- .premium-banner-animation11.active .premium-banner-ib-desc {
1253
- opacity: 1;
1254
- -webkit-transform: translate3d(0, 0, 0);
1255
- transform: translate3d(0, 0, 0); }
1256
- .premium-banner-animation11:hover .premium-banner-gradient:after,
1257
- .premium-banner-animation11:hover .premium-banner-gradient:before,
1258
- .premium-banner-animation11.active .premium-banner-gradient:after,
1259
- .premium-banner-animation11.active .premium-banner-gradient:before {
1260
- -webkit-transform: translate3d(0, 0, 0);
1261
- transform: translate3d(0, 0, 0); }
1262
- .premium-banner-animation11.zoomout img,
1263
- .premium-banner-animation11.scale img {
1264
- -webkit-transform: translate3d(-10px, 0, 0) scale(1.1);
1265
- transform: translate3d(-10px, 0, 0) scale(1.1); }
1266
-
1267
- /**************** Premium CountDown *************/
1268
- /************************************************/
1269
- .premium-countdown {
1270
- -js-display: flex;
1271
- display: -webkit-box;
1272
- display: -webkit-flex;
1273
- display: -moz-box;
1274
- display: -ms-flexbox;
1275
- display: flex;
1276
- text-align: center; }
1277
-
1278
- .countdown-row {
1279
- display: block;
1280
- text-align: center; }
1281
-
1282
- .countdown .countdown-section {
1283
- display: inline-block;
1284
- max-width: 100%;
1285
- margin-bottom: 15px;
1286
- -js-display: inline-flex;
1287
- display: -webkit-inline-box;
1288
- display: -webkit-inline-flex;
1289
- display: -moz-inline-box;
1290
- display: -ms-inline-flexbox;
1291
- display: inline-flex;
1292
- -webkit-box-align: center;
1293
- -webkit-align-items: center;
1294
- -moz-box-align: center;
1295
- -ms-flex-align: center;
1296
- align-items: center; }
1297
- .countdown .countdown-section:last-child {
1298
- margin-right: 0; }
1299
-
1300
- .countdown span.countdown-amount {
1301
- font-size: 70px;
1302
- line-height: 1;
1303
- padding: 40px; }
1304
-
1305
- .countdown .pre_time-mid {
1306
- display: block; }
1307
-
1308
- .premium-countdown-separator-yes .countdown_separator {
1309
- display: block;
1310
- margin: 0 50px;
1311
- font-size: 30px; }
1312
-
1313
- .premium-countdown-separator-yes .countdown-row .countdown-section:last-child .countdown_separator,
1314
- .premium-countdown-separator-yes .premium-countdown-block:last-child .countdown_separator {
1315
- display: none; }
1316
-
1317
- /**
1318
- * Digit and unit styles
1319
- */
1320
- .side .countdown-section .countdown-period {
1321
- vertical-align: bottom; }
1322
-
1323
- .countdown .countdown-section .countdown-period {
1324
- font-size: 17px;
1325
- line-height: 3em; }
1326
-
1327
- .side .countdown-section .countdown-amount,
1328
- .side .countdown-section .countdown-period {
1329
- display: inline-block; }
1330
-
1331
- .side .countdown-section .countdown-amount {
1332
- margin-right: 5px; }
1333
-
1334
- .down .countdown-section .countdown-amount,
1335
- .down .countdown-section .countdown-period {
1336
- display: block; }
1337
-
1338
- /**
1339
- * Flip Layout
1340
- */
1341
- .premium-countdown-flip .premium-countdown-block {
1342
- text-align: center;
1343
- -js-display: inline-flex;
1344
- display: -webkit-inline-box;
1345
- display: -webkit-inline-flex;
1346
- display: -moz-inline-box;
1347
- display: -ms-inline-flexbox;
1348
- display: inline-flex;
1349
- -webkit-box-align: center;
1350
- -webkit-align-items: center;
1351
- -moz-box-align: center;
1352
- -ms-flex-align: center;
1353
- align-items: center; }
1354
- .premium-countdown-flip .premium-countdown-block:last-child {
1355
- margin-right: 0; }
1356
-
1357
- .premium-countdown-flip .premium-countdown-label {
1358
- overflow: hidden;
1359
- color: #1a1a1a;
1360
- text-transform: uppercase; }
1361
-
1362
- .premium-countdown-flip .premium-countdown-figure {
1363
- position: relative;
1364
- height: 110px;
1365
- width: 100px;
1366
- line-height: 107px;
1367
- background-color: #fff;
1368
- -webkit-border-radius: 10px;
1369
- border-radius: 10px;
1370
- -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset 2px 4px 0 0 rgba(255, 255, 255, 0.08);
1371
- box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset 2px 4px 0 0 rgba(255, 255, 255, 0.08); }
1372
- .premium-countdown-flip .premium-countdown-figure:last-child {
1373
- margin-right: 0; }
1374
- .premium-countdown-flip .premium-countdown-figure > span {
1375
- position: absolute;
1376
- left: 0;
1377
- right: 0;
1378
- margin: auto;
1379
- font-weight: 700; }
1380
- .premium-countdown-flip .premium-countdown-figure .top {
1381
- z-index: 3;
1382
- -webkit-transform-origin: 50% 100%;
1383
- -ms-transform-origin: 50% 100%;
1384
- transform-origin: 50% 100%;
1385
- -webkit-transform: perspective(200px);
1386
- transform: perspective(200px);
1387
- -webkit-backface-visibility: hidden;
1388
- backface-visibility: hidden; }
1389
- .premium-countdown-flip .premium-countdown-figure .bottom {
1390
- z-index: 1; }
1391
- .premium-countdown-flip .premium-countdown-figure .bottom::before {
1392
- content: "";
1393
- position: absolute;
1394
- display: block;
1395
- top: 0;
1396
- left: 0;
1397
- width: 100%;
1398
- height: 50%;
1399
- background-color: rgba(0, 0, 0, 0.02); }
1400
- .premium-countdown-flip .premium-countdown-figure .top-back {
1401
- -webkit-backface-visibility: hidden;
1402
- backface-visibility: hidden;
1403
- z-index: 4;
1404
- bottom: 0;
1405
- -webkit-transform-origin: 50% 0;
1406
- -ms-transform-origin: 50% 0;
1407
- transform-origin: 50% 0;
1408
- -webkit-transform: perspective(200px) rotateX(180deg);
1409
- transform: perspective(200px) rotateX(180deg); }
1410
- .premium-countdown-flip .premium-countdown-figure .top-back span {
1411
- position: absolute;
1412
- top: -100%;
1413
- left: 0;
1414
- right: 0;
1415
- margin: auto; }
1416
- .premium-countdown-flip .premium-countdown-figure .bottom-back {
1417
- z-index: 2;
1418
- top: 0; }
1419
- .premium-countdown-flip .premium-countdown-figure .bottom-back span {
1420
- position: absolute;
1421
- top: 0;
1422
- left: 0;
1423
- right: 0;
1424
- margin: auto; }
1425
- .premium-countdown-flip .premium-countdown-figure .top,
1426
- .premium-countdown-flip .premium-countdown-figure .bottom-back,
1427
- .premium-countdown-flip .premium-countdown-figure .top-back {
1428
- height: 50%;
1429
- overflow: hidden;
1430
- background-color: #f7f7f7;
1431
- -webkit-border-top-left-radius: 10px;
1432
- border-top-left-radius: 10px;
1433
- -webkit-border-top-right-radius: 10px;
1434
- border-top-right-radius: 10px; }
1435
- .premium-countdown-flip .premium-countdown-figure .top-back {
1436
- -webkit-border-bottom-left-radius: 10px;
1437
- border-bottom-left-radius: 10px;
1438
- -webkit-border-bottom-right-radius: 10px;
1439
- border-bottom-right-radius: 10px; }
1440
- .premium-countdown-flip .premium-countdown-figure .top::after,
1441
- .premium-countdown-flip .premium-countdown-figure .bottom-back::after {
1442
- content: "";
1443
- position: absolute;
1444
- z-index: -1;
1445
- left: 0;
1446
- bottom: 0;
1447
- width: 100%;
1448
- height: 100%;
1449
- border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
1450
-
1451
- .side .premium-countdown-figure,
1452
- .side .premium-countdown-label {
1453
- display: inline-block; }
1454
-
1455
- .side .premium-countdown-figure {
1456
- margin-right: 5px; }
1457
-
1458
- .down .premium-countdown-figure,
1459
- .down .premium-countdown-label {
1460
- display: block; }
1461
-
1462
- .down .premium-countdown-label {
1463
- width: 100%; }
1464
-
1465
- /**************** Premium Carousel ****************/
1466
- /**************************************************/
1467
- .premium-carousel-wrapper a.carousel-arrow, .premium-carousel-wrapper a.ver-carousel-arrow {
1468
- -js-display: flex;
1469
- display: -webkit-box;
1470
- display: -webkit-flex;
1471
- display: -moz-box;
1472
- display: -ms-flexbox;
1473
- display: flex;
1474
- -webkit-box-align: center;
1475
- -webkit-align-items: center;
1476
- -moz-box-align: center;
1477
- -ms-flex-align: center;
1478
- align-items: center;
1479
- -webkit-box-pack: center;
1480
- -webkit-justify-content: center;
1481
- -moz-box-pack: center;
1482
- -ms-flex-pack: center;
1483
- justify-content: center;
1484
- width: 2em;
1485
- height: 2em;
1486
- line-height: 0;
1487
- text-align: center;
1488
- position: absolute;
1489
- z-index: 99;
1490
- cursor: pointer;
1491
- -webkit-transition: all 0.3s ease-in-out;
1492
- transition: all 0.3s ease-in-out;
1493
- -webkit-appearance: inherit;
1494
- border: none;
1495
- -webkit-box-shadow: none;
1496
- box-shadow: none; }
1497
- .premium-carousel-wrapper a.carousel-arrow svg, .premium-carousel-wrapper a.ver-carousel-arrow svg {
1498
- -webkit-transition: all 0.3s ease-in-out;
1499
- transition: all 0.3s ease-in-out; }
1500
-
1501
- .premium-tabs-nav-list a.carousel-arrow,
1502
- .premium-fb-rev-container a.carousel-arrow,
1503
- .premium-blog-wrap a.carousel-arrow,
1504
- .premium-hscroll-wrap a.carousel-arrow,
1505
- .premium-twitter-feed-wrapper a.carousel-arrow,
1506
- .premium-facebook-feed-wrapper a.carousel-arrow,
1507
- .premium-instafeed-container a.carousel-arrow,
1508
- .premium-persons-container a.carousel-arrow,
1509
- .premium-woocommerce a.carousel-arrow {
1510
- -js-display: flex;
1511
- display: -webkit-box;
1512
- display: -webkit-flex;
1513
- display: -moz-box;
1514
- display: -ms-flexbox;
1515
- display: flex;
1516
- -webkit-box-align: center;
1517
- -webkit-align-items: center;
1518
- -moz-box-align: center;
1519
- -ms-flex-align: center;
1520
- align-items: center;
1521
- -webkit-box-pack: center;
1522
- -webkit-justify-content: center;
1523
- -moz-box-pack: center;
1524
- -ms-flex-pack: center;
1525
- justify-content: center;
1526
- width: 2em;
1527
- height: 2em;
1528
- line-height: 0;
1529
- text-align: center;
1530
- position: absolute;
1531
- z-index: 99;
1532
- cursor: pointer;
1533
- -webkit-transition: all 0.3s ease-in-out;
1534
- transition: all 0.3s ease-in-out;
1535
- -webkit-appearance: inherit;
1536
- border: none;
1537
- -webkit-box-shadow: none;
1538
- box-shadow: none; }
1539
-
1540
- div[class^="premium-"] .slick-arrow i {
1541
- display: block; }
1542
-
1543
- .ver-carousel-arrow.carousel-next i {
1544
- margin-bottom: -3px; }
1545
-
1546
- .premium-carousel-wrapper a.slick-arrow:hover {
1547
- -webkit-box-shadow: none !important;
1548
- box-shadow: none !important; }
1549
-
1550
- .premium-carousel-wrapper .premium-carousel-content-hidden {
1551
- visibility: hidden; }
1552
-
1553
- .premium-carousel-wrapper a.carousel-arrow {
1554
- top: 50%; }
1555
-
1556
- .premium-tabs-nav-list a.carousel-arrow,
1557
- .premium-fb-rev-container a.carousel-arrow,
1558
- .premium-blog-wrap a.carousel-arrow,
1559
- .premium-hscroll-wrap a.carousel-arrow,
1560
- .premium-twitter-feed-wrapper a.carousel-arrow,
1561
- .premium-facebook-feed-wrapper a.carousel-arrow,
1562
- .premium-instafeed-container a.carousel-arrow,
1563
- .premium-persons-container a.carousel-arrow,
1564
- .premium-woocommerce a.carousel-arrow {
1565
- top: 50%;
1566
- -webkit-transform: translateY(-50%);
1567
- -ms-transform: translateY(-50%);
1568
- transform: translateY(-50%); }
1569
-
1570
- .premium-carousel-wrapper a.ver-carousel-arrow {
1571
- left: 50%;
1572
- -webkit-transform: translateX(-50%);
1573
- -ms-transform: translateX(-50%);
1574
- transform: translateX(-50%); }
1575
-
1576
- a.carousel-arrow.carousel-next {
1577
- left: auto;
1578
- right: -20px; }
1579
-
1580
- a.carousel-arrow.carousel-prev {
1581
- left: -20px;
1582
- right: auto; }
1583
-
1584
- a.ver-carousel-arrow.carousel-next {
1585
- bottom: -56px; }
1586
-
1587
- a.ver-carousel-arrow.carousel-prev {
1588
- top: -45px; }
1589
-
1590
- a.circle-bg {
1591
- -webkit-border-radius: 100%;
1592
- border-radius: 100%; }
1593
-
1594
- a.circle-border {
1595
- -webkit-border-radius: 100%;
1596
- border-radius: 100%;
1597
- border: solid black; }
1598
-
1599
- a.square-border {
1600
- border: solid black; }
1601
-
1602
- .premium-woocommerce ul.slick-dots,
1603
- .premium-carousel-dots-below ul.slick-dots,
1604
- .premium-blog-wrap ul.slick-dots,
1605
- .premium-fb-rev-reviews ul.slick-dots {
1606
- position: relative;
1607
- bottom: 0;
1608
- list-style: none;
1609
- text-align: center;
1610
- margin: 0;
1611
- padding: 0; }
1612
-
1613
- .premium-carousel-dots-above ul.slick-dots {
1614
- position: absolute;
1615
- -js-display: flex;
1616
- display: -webkit-box;
1617
- display: -webkit-flex;
1618
- display: -moz-box;
1619
- display: -ms-flexbox;
1620
- display: flex;
1621
- width: auto;
1622
- top: 50%;
1623
- bottom: auto;
1624
- -webkit-transform: translateY(-50%);
1625
- -ms-transform: translateY(-50%);
1626
- transform: translateY(-50%);
1627
- -webkit-box-orient: vertical;
1628
- -webkit-box-direction: normal;
1629
- -webkit-flex-direction: column;
1630
- -moz-box-orient: vertical;
1631
- -moz-box-direction: normal;
1632
- -ms-flex-direction: column;
1633
- flex-direction: column; }
1634
-
1635
- ul.slick-dots li {
1636
- font-size: 10px;
1637
- -js-display: inline-flex;
1638
- display: -webkit-inline-box;
1639
- display: -webkit-inline-flex;
1640
- display: -moz-inline-box;
1641
- display: -ms-inline-flexbox;
1642
- display: inline-flex;
1643
- -webkit-box-pack: center;
1644
- -webkit-justify-content: center;
1645
- -moz-box-pack: center;
1646
- -ms-flex-pack: center;
1647
- justify-content: center;
1648
- -webkit-box-align: center;
1649
- -webkit-align-items: center;
1650
- -moz-box-align: center;
1651
- -ms-flex-align: center;
1652
- align-items: center;
1653
- margin: 5px;
1654
- width: 20px;
1655
- height: 20px;
1656
- cursor: pointer; }
1657
-
1658
- /*
1659
- * Custom Navigation Dot
1660
- */
1661
- .premium-carousel-wrapper .premium-carousel-nav-dot,
1662
- .premium-carousel-wrapper .premium-carousel-nav-arrow-prev,
1663
- .premium-carousel-wrapper .premium-carousel-nav-arrow-next {
1664
- display: none; }
1665
-
1666
- .premium-carousel-wrapper ul.slick-dots svg {
1667
- width: 20px;
1668
- height: 20px;
1669
- outline: none !important; }
1670
-
1671
- /* Ripple Out */
1672
- @-webkit-keyframes hvr-ripple-out {
1673
- 0% {
1674
- -webkit-transform: scale(1);
1675
- transform: scale(1);
1676
- opacity: 1; }
1677
- 100% {
1678
- -webkit-transform: scale(1.5);
1679
- transform: scale(1.5);
1680
- opacity: 0; } }
1681
- @keyframes hvr-ripple-out {
1682
- 0% {
1683
- -webkit-transform: scale(1);
1684
- transform: scale(1);
1685
- opacity: 1; }
1686
- 100% {
1687
- -webkit-transform: scale(1.5);
1688
- transform: scale(1.5);
1689
- opacity: 0; } }
1690
-
1691
- .premium-carousel-ripple-yes .premium-carousel-wrapper {
1692
- padding-bottom: 1px; }
1693
-
1694
- .premium-carousel-ripple-yes ul.slick-dots li {
1695
- position: relative; }
1696
- .premium-carousel-ripple-yes ul.slick-dots li i {
1697
- position: relative;
1698
- z-index: 1; }
1699
- .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
1700
- content: "";
1701
- position: absolute;
1702
- -webkit-transform: scale(1);
1703
- -ms-transform: scale(1);
1704
- transform: scale(1);
1705
- top: 0;
1706
- right: 0;
1707
- bottom: 0;
1708
- left: 0;
1709
- -webkit-border-radius: 50%;
1710
- border-radius: 50%;
1711
- pointer-events: none;
1712
- background-color: rgba(0, 0, 0, 0.15); }
1713
- .premium-carousel-ripple-yes ul.slick-dots li.slick-active:hover:before {
1714
- background-color: rgba(0, 0, 0, 0.3); }
1715
- .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
1716
- -webkit-animation: hvr-ripple-out 1.3s infinite;
1717
- animation: hvr-ripple-out 1.3s infinite; }
1718
-
1719
- .premium-carousel-wrapper.premium-carousel-scale .slick-slide {
1720
- -webkit-transform: scale(1.25, 1.25);
1721
- -ms-transform: scale(1.25, 1.25);
1722
- transform: scale(1.25, 1.25);
1723
- -webkit-transition: all 0.3s ease-in-out !important;
1724
- transition: all 0.3s ease-in-out !important; }
1725
-
1726
- .premium-carousel-wrapper.premium-carousel-scale div.slick-active {
1727
- -webkit-transform: scale(1, 1);
1728
- -ms-transform: scale(1, 1);
1729
- transform: scale(1, 1); }
1730
-
1731
- [dir="rtl"] .premium-carousel-inner .slick-slide {
1732
- float: right; }
1733
-
1734
- /**************** Premium Counter ***************/
1735
- /************************************************/
1736
- .premium-counter-area {
1737
- padding: 10px 0;
1738
- -js-display: flex;
1739
- display: -webkit-box;
1740
- display: -webkit-flex;
1741
- display: -moz-box;
1742
- display: -ms-flexbox;
1743
- display: flex;
1744
- -webkit-box-pack: center;
1745
- -webkit-justify-content: center;
1746
- -moz-box-pack: center;
1747
- -ms-flex-pack: center;
1748
- justify-content: center;
1749
- -webkit-box-align: center;
1750
- -webkit-align-items: center;
1751
- -moz-box-align: center;
1752
- -ms-flex-align: center;
1753
- align-items: center; }
1754
- .premium-counter-area.top {
1755
- -webkit-box-orient: vertical;
1756
- -webkit-box-direction: normal;
1757
- -webkit-flex-direction: column;
1758
- -moz-box-orient: vertical;
1759
- -moz-box-direction: normal;
1760
- -ms-flex-direction: column;
1761
- flex-direction: column; }
1762
- .premium-counter-area.right {
1763
- -webkit-box-orient: horizontal;
1764
- -webkit-box-direction: reverse;
1765
- -webkit-flex-direction: row-reverse;
1766
- -moz-box-orient: horizontal;
1767
- -moz-box-direction: reverse;
1768
- -ms-flex-direction: row-reverse;
1769
- flex-direction: row-reverse; }
1770
- .premium-counter-area.right .premium-counter-icon {
1771
- padding-left: 20px; }
1772
- .premium-counter-area.left .premium-counter-icon {
1773
- padding-right: 20px; }
1774
- .premium-counter-area .premium-counter-icon .icon i.fa:before {
1775
- vertical-align: text-top; }
1776
- .premium-counter-area .premium-counter-icon span.icon {
1777
- text-align: center;
1778
- display: inline-block;
1779
- vertical-align: middle; }
1780
- .premium-counter-area .premium-counter-icon .circle {
1781
- -webkit-border-radius: 100%;
1782
- border-radius: 100%; }
1783
- .premium-counter-area .premium-counter-icon img,
1784
- .premium-counter-area .premium-counter-icon svg {
1785
- width: 80px; }
1786
- .premium-counter-area .premium-counter-icon .premium-counter-animation svg {
1787
- height: 80px; }
1788
- .premium-counter-area .premium-counter-title {
1789
- padding: 0;
1790
- margin: 0; }
1791
- .premium-counter-area .premium-counter-value-wrap {
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-align: center;
1799
- -webkit-align-items: center;
1800
- -moz-box-align: center;
1801
- -ms-flex-align: center;
1802
- align-items: center; }
1803
-
1804
- .premium-init-wrapper.right {
1805
- text-align: right; }
1806
-
1807
- span.icon.flex-width {
1808
- width: auto !important;
1809
- height: auto !important; }
1810
-
1811
- .premium-counter-area .premium-counter-init {
1812
- font-size: 35px; }
1813
-
1814
- /**************** Premium Image Separator ****************/
1815
- /*********************************************************/
1816
- .premium-image-separator-container {
1817
- position: absolute;
1818
- width: 100%;
1819
- z-index: 2;
1820
- top: auto;
1821
- -webkit-transition: all 0.3s ease-in-out;
1822
- transition: all 0.3s ease-in-out; }
1823
- .premium-image-separator-container svg,
1824
- .premium-image-separator-container img {
1825
- display: inline-block !important;
1826
- -webkit-mask-repeat: no-repeat;
1827
- mask-repeat: no-repeat;
1828
- -webkit-mask-position: center;
1829
- mask-position: center; }
1830
- .premium-image-separator-container .premium-image-separator-link {
1831
- position: absolute;
1832
- z-index: 9999;
1833
- top: 0;
1834
- left: 0;
1835
- width: 100%;
1836
- height: 100%;
1837
- text-decoration: none; }
1838
- .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 {
1839
- -webkit-box-shadow: none !important;
1840
- box-shadow: none !important;
1841
- outline: none !important;
1842
- border: none !important;
1843
- text-decoration: none !important; }
1844
- .premium-image-separator-container i,
1845
- .premium-image-separator-container > svg {
1846
- padding: 20px;
1847
- -webkit-transition: all 0.3s ease-in-out;
1848
- transition: all 0.3s ease-in-out; }
1849
-
1850
- /**************** Premium Modal Box ****************/
1851
- /***************************************************/
1852
- .premium-modal-trigger-btn,
1853
- .premium-modal-box-modal-lower-close {
1854
- display: inline-block;
1855
- padding: 6px 12px;
1856
- margin-bottom: 0;
1857
- font-size: 14px;
1858
- font-weight: normal;
1859
- line-height: 1.42857143;
1860
- text-align: center;
1861
- white-space: nowrap;
1862
- vertical-align: middle;
1863
- -ms-touch-action: manipulation;
1864
- touch-action: manipulation;
1865
- cursor: pointer;
1866
- -webkit-user-select: none;
1867
- -moz-user-select: none;
1868
- -ms-user-select: none;
1869
- user-select: none;
1870
- background-image: none;
1871
- border: 1px solid transparent; }
1872
-
1873
- .premium-modal-trigger-btn > svg,
1874
- .premium-modal-trigger-btn .premium-modal-box-icon {
1875
- -webkit-transition: all 0.3s ease-in-out;
1876
- transition: all 0.3s ease-in-out; }
1877
-
1878
- .premium-modal-trigger-btn > svg {
1879
- width: 30px;
1880
- height: 30px; }
1881
-
1882
- .premium-modal-box-modal-close {
1883
- float: right;
1884
- font-size: 21px;
1885
- font-weight: bold;
1886
- line-height: 1;
1887
- color: #000; }
1888
- .premium-modal-box-modal-close:hover, .premium-modal-box-modal-close:focus {
1889
- color: #000;
1890
- text-decoration: none;
1891
- cursor: pointer; }
1892
-
1893
- button.premium-modal-box-modal-close {
1894
- -webkit-appearance: none;
1895
- padding: 0;
1896
- cursor: pointer;
1897
- background: transparent;
1898
- border: 0; }
1899
-
1900
- .premium-modal-box-modal {
1901
- position: fixed;
1902
- top: 0;
1903
- right: 0;
1904
- bottom: 0;
1905
- left: 0;
1906
- z-index: 1050;
1907
- display: none;
1908
- -webkit-overflow-scrolling: touch;
1909
- outline: 0;
1910
- padding: 0 !important;
1911
- background: rgba(0, 0, 0, 0.5);
1912
- -webkit-box-align: center;
1913
- -webkit-align-items: center;
1914
- -moz-box-align: center;
1915
- -ms-flex-align: center;
1916
- align-items: center;
1917
- -webkit-box-pack: center;
1918
- -webkit-justify-content: center;
1919
- -moz-box-pack: center;
1920
- -ms-flex-pack: center;
1921
- justify-content: center; }
1922
- .premium-modal-box-modal .premium-modal-box-modal-dialog {
1923
- position: absolute;
1924
- max-height: -webkit-calc(100vh - 150px);
1925
- max-height: calc(100vh - 150px);
1926
- -js-display: flex;
1927
- display: -webkit-box;
1928
- display: -webkit-flex;
1929
- display: -moz-box;
1930
- display: -ms-flexbox;
1931
- display: flex;
1932
- -webkit-box-orient: vertical;
1933
- -webkit-box-direction: normal;
1934
- -webkit-flex-direction: column;
1935
- -moz-box-orient: vertical;
1936
- -moz-box-direction: normal;
1937
- -ms-flex-direction: column;
1938
- flex-direction: column;
1939
- opacity: 0; }
1940
-
1941
- .premium-modal-box-modal-content {
1942
- background-color: #fff;
1943
- background-clip: padding-box;
1944
- border: 1px solid rgba(0, 0, 0, 0.2);
1945
- -webkit-border-radius: 6px;
1946
- border-radius: 6px;
1947
- outline: 0;
1948
- overflow-x: hidden; }
1949
-
1950
- .premium-modal-backdrop.premium-in {
1951
- filter: alpha(opacity=50);
1952
- opacity: 0.5 !important; }
1953
-
1954
- .premium-in {
1955
- opacity: 1; }
1956
-
1957
- .premium-modal-backdrop {
1958
- position: fixed;
1959
- top: 0;
1960
- right: 0;
1961
- bottom: 0;
1962
- left: 0;
1963
- z-index: 1040;
1964
- background-color: #000; }
1965
-
1966
- .premium-in {
1967
- -js-display: flex !important;
1968
- display: -webkit-box !important;
1969
- display: -webkit-flex !important;
1970
- display: -moz-box !important;
1971
- display: -ms-flexbox !important;
1972
- display: flex !important; }
1973
-
1974
- .premium-modal-box-modal-header {
1975
- -js-display: flex;
1976
- display: -webkit-box;
1977
- display: -webkit-flex;
1978
- display: -moz-box;
1979
- display: -ms-flexbox;
1980
- display: flex;
1981
- -webkit-box-pack: justify;
1982
- -webkit-justify-content: space-between;
1983
- -moz-box-pack: justify;
1984
- -ms-flex-pack: justify;
1985
- justify-content: space-between;
1986
- -webkit-box-align: center;
1987
- -webkit-align-items: center;
1988
- -moz-box-align: center;
1989
- -ms-flex-align: center;
1990
- align-items: center;
1991
- padding: 5px 15px;
1992
- border-bottom: 1px solid #e5e5e5; }
1993
- .premium-modal-box-modal-header .premium-modal-box-modal-close {
1994
- margin-top: -2px; }
1995
- .premium-modal-box-modal-header .premium-modal-box-modal-title {
1996
- -js-display: flex;
1997
- display: -webkit-box;
1998
- display: -webkit-flex;
1999
- display: -moz-box;
2000
- display: -ms-flexbox;
2001
- display: flex;
2002
- -webkit-box-align: center;
2003
- -webkit-align-items: center;
2004
- -moz-box-align: center;
2005
- -ms-flex-align: center;
2006
- align-items: center;
2007
- margin: 0;
2008
- padding: 0; }
2009
- .premium-modal-box-modal-header .premium-modal-box-modal-title svg {
2010
- width: 50px;
2011
- height: 60px; }
2012
-
2013
- .premium-modal-box-modal-body {
2014
- position: relative;
2015
- padding: 15px;
2016
- overflow: hidden; }
2017
-
2018
- .premium-modal-box-modal-footer {
2019
- padding: 15px;
2020
- text-align: right;
2021
- border-top: 1px solid #e5e5e5; }
2022
-
2023
- .premium-modal-scrollbar-measure {
2024
- position: absolute;
2025
- top: -9999px;
2026
- width: 50px;
2027
- height: 50px;
2028
- overflow: scroll; }
2029
-
2030
- .premium-modal-trigger-text {
2031
- background: none !important;
2032
- display: inline-block; }
2033
-
2034
- .premium-modal-box-container {
2035
- width: 100% !important; }
2036
-
2037
- /*Open Modal Button Style*/
2038
- .premium-modal-trigger-container .premium-modal-trigger-btn {
2039
- -js-display: inline-flex;
2040
- display: -webkit-inline-box;
2041
- display: -webkit-inline-flex;
2042
- display: -moz-inline-box;
2043
- display: -ms-inline-flexbox;
2044
- display: inline-flex;
2045
- -webkit-box-align: center;
2046
- -webkit-align-items: center;
2047
- -moz-box-align: center;
2048
- -ms-flex-align: center;
2049
- align-items: center;
2050
- border: none;
2051
- -webkit-transition: all 0.3s ease-in-out;
2052
- transition: all 0.3s ease-in-out; }
2053
- .premium-modal-trigger-container .premium-modal-trigger-btn.premium-btn-block {
2054
- -webkit-box-pack: center;
2055
- -webkit-justify-content: center;
2056
- -moz-box-pack: center;
2057
- -ms-flex-pack: center;
2058
- justify-content: center; }
2059
-
2060
- .premium-modal-trigger-container .premium-modal-trigger-img,
2061
- .premium-modal-trigger-container .premium-modal-trigger-text,
2062
- .premium-modal-trigger-container .premium-modal-trigger-animation {
2063
- cursor: pointer; }
2064
-
2065
- .premium-modal-trigger-container .premium-modal-trigger-animation {
2066
- display: inline-block;
2067
- width: 200px;
2068
- height: 200px;
2069
- -webkit-transition: all 0.3s ease-in-out;
2070
- transition: all 0.3s ease-in-out; }
2071
-
2072
- /*Image on Modal Header Style*/
2073
- .premium-modal-box-modal-header img {
2074
- width: 48px;
2075
- padding-right: 5px; }
2076
-
2077
- .premium-modal-box-modal-header i,
2078
- .premium-modal-box-modal-header svg {
2079
- padding-right: 6px; }
2080
-
2081
- .premium-modal-box-modal-close {
2082
- position: relative;
2083
- z-index: 99; }
2084
-
2085
- .premium-modal-trigger-img,
2086
- .premium-modal-trigger-text,
2087
- .premium-modal-box-close-button-container,
2088
- .premium-modal-box-modal-close,
2089
- .premium-modal-box-modal-lower-close {
2090
- -webkit-transition: all 0.3s ease-in-out;
2091
- transition: all 0.3s ease-in-out; }
2092
-
2093
- @media (min-width: 768px) {
2094
- .premium-modal-box-modal-dialog {
2095
- width: 700px;
2096
- max-height: 600px;
2097
- overflow: auto; } }
2098
-
2099
- @media (max-width: 767px) {
2100
- .premium-modal-box-modal-dialog {
2101
- width: 100%;
2102
- max-height: 500px;
2103
- overflow: auto; } }
2104
-
2105
- .premium-modal-box-container[data-modal-animation*="animated-"] {
2106
- opacity: 0; }
2107
-
2108
- /**************** Premium Progress Bar ****************/
2109
- /******************************************************/
2110
- .premium-progressbar-container {
2111
- position: relative; }
2112
-
2113
- .premium-progressbar-bar-wrap {
2114
- position: relative;
2115
- text-align: left;
2116
- overflow: hidden;
2117
- height: 25px;
2118
- margin-bottom: 50px;
2119
- background-color: #f5f5f5;
2120
- -webkit-border-radius: 4px;
2121
- border-radius: 4px;
2122
- -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
2123
- box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }
2124
- .premium-progressbar-bar-wrap.premium-progressbar-dots {
2125
- background-color: transparent;
2126
- width: 100%;
2127
- -js-display: flex;
2128
- display: -webkit-box;
2129
- display: -webkit-flex;
2130
- display: -moz-box;
2131
- display: -ms-flexbox;
2132
- display: flex;
2133
- height: auto;
2134
- -webkit-box-shadow: none;
2135
- box-shadow: none; }
2136
- .premium-progressbar-bar-wrap .progress-segment {
2137
- position: relative;
2138
- width: 25px;
2139
- height: 25px;
2140
- -webkit-border-radius: 50%;
2141
- border-radius: 50%;
2142
- overflow: hidden;
2143
- background-color: #f5f5f5; }
2144
- .premium-progressbar-bar-wrap .progress-segment.filled {
2145
- background: #6ec1e4; }
2146
- .premium-progressbar-bar-wrap .progress-segment:not(:first-child):not(:last-child) {
2147
- margin: 0 4px; }
2148
- .premium-progressbar-bar-wrap .progress-segment:first-child {
2149
- margin-right: 4px; }
2150
- .premium-progressbar-bar-wrap .progress-segment:last-child {
2151
- margin-left: 4px; }
2152
- .premium-progressbar-bar-wrap .progress-segment .segment-inner {
2153
- position: absolute;
2154
- top: 0;
2155
- left: 0;
2156
- height: 100%;
2157
- background-color: #6ec1e4; }
2158
-
2159
- .premium-progressbar-bar {
2160
- float: left;
2161
- width: 0%;
2162
- height: 100%;
2163
- font-size: 12px;
2164
- line-height: 20px;
2165
- background: #6ec1e4;
2166
- text-align: center;
2167
- -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2168
- box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); }
2169
-
2170
- .premium-progressbar-striped .premium-progressbar-bar {
2171
- 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);
2172
- 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);
2173
- -webkit-background-size: 40px 40px;
2174
- background-size: 40px 40px; }
2175
-
2176
- .premium-progressbar-active .premium-progressbar-bar {
2177
- -webkit-animation: progress-bar-stripes 2s linear infinite;
2178
- animation: progress-bar-stripes 2s linear infinite; }
2179
-
2180
- .premium-progressbar-gradient .premium-progressbar-bar {
2181
- -webkit-background-size: 400% 400% !important;
2182
- background-size: 400% 400% !important;
2183
- -webkit-animation: progress-bar-gradient 10s ease-in-out infinite;
2184
- animation: progress-bar-gradient 10s ease-in-out infinite; }
2185
-
2186
- .premium-progressbar-bar {
2187
- position: absolute;
2188
- overflow: hidden;
2189
- line-height: 20px; }
2190
-
2191
- .premium-progressbar-container .clearfix {
2192
- clear: both; }
2193
-
2194
- .premium-progressbar-bar {
2195
- -webkit-transition: width 0s ease-in-out !important;
2196
- transition: width 0s ease-in-out !important; }
2197
-
2198
- .premium-progressbar-container p:first-of-type {
2199
- margin: 0;
2200
- float: left; }
2201
-
2202
- .premium-progressbar-container p:nth-of-type(2) {
2203
- margin: 0;
2204
- float: right; }
2205
-
2206
- .premium-progressbar-name {
2207
- left: 50%;
2208
- top: 0;
2209
- right: 0;
2210
- -webkit-transform: translateX(-12.5px);
2211
- -ms-transform: translateX(-12.5px);
2212
- transform: translateX(-12.5px);
2213
- z-index: 1; }
2214
-
2215
- .premium-progressbar-multiple-label {
2216
- position: relative;
2217
- float: left;
2218
- width: 0;
2219
- left: 50%; }
2220
-
2221
- .premium-progressbar-center-label {
2222
- position: relative;
2223
- white-space: nowrap; }
2224
-
2225
- .premium-progressbar-arrow {
2226
- height: 15px;
2227
- left: 50%;
2228
- display: inline-block;
2229
- border-left: 7px solid transparent;
2230
- border-right: 7px solid transparent;
2231
- border-top: 11px solid;
2232
- -webkit-transform: translateX(-50%);
2233
- -ms-transform: translateX(-50%);
2234
- transform: translateX(-50%); }
2235
-
2236
- .premium-progressbar-pin {
2237
- border-left: 1px solid;
2238
- height: 12px;
2239
- left: 50%;
2240
- display: inline-block; }
2241
-
2242
- /**
2243
- * Circle Progress Bar
2244
- */
2245
- .premium-progressbar-circle-wrap {
2246
- width: 200px;
2247
- height: 200px;
2248
- position: relative;
2249
- margin: 0 auto; }
2250
- .premium-progressbar-circle-wrap .premium-progressbar-circle {
2251
- position: absolute;
2252
- top: 0;
2253
- left: 0;
2254
- width: 100%;
2255
- height: 100%;
2256
- -webkit-clip-path: inset(0 0 0 50%);
2257
- clip-path: inset(0 0 0 50%); }
2258
- .premium-progressbar-circle-wrap .premium-progressbar-circle div {
2259
- position: absolute;
2260
- left: 0;
2261
- top: 0;
2262
- height: 100%;
2263
- width: 100%;
2264
- border-width: 6px;
2265
- border-style: solid;
2266
- border-color: #54595f;
2267
- -webkit-border-radius: 50%;
2268
- border-radius: 50%;
2269
- -webkit-clip-path: inset(0 50% 0 0);
2270
- clip-path: inset(0 50% 0 0); }
2271
- .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-left {
2272
- -webkit-transform: rotate(0);
2273
- -ms-transform: rotate(0);
2274
- transform: rotate(0); }
2275
- .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-right {
2276
- -webkit-transform: rotate(180deg);
2277
- -ms-transform: rotate(180deg);
2278
- transform: rotate(180deg);
2279
- visibility: hidden; }
2280
- .premium-progressbar-circle-wrap .premium-progressbar-circle-base {
2281
- width: 100%;
2282
- height: 100%;
2283
- border: 6px solid #eee;
2284
- -webkit-border-radius: 50%;
2285
- border-radius: 50%; }
2286
- .premium-progressbar-circle-wrap .premium-progressbar-circle-content {
2287
- position: absolute;
2288
- top: 0;
2289
- left: 0;
2290
- width: 100%;
2291
- height: 100%;
2292
- -js-display: flex;
2293
- display: -webkit-box;
2294
- display: -webkit-flex;
2295
- display: -moz-box;
2296
- display: -ms-flexbox;
2297
- display: flex;
2298
- -webkit-box-orient: vertical;
2299
- -webkit-box-direction: normal;
2300
- -webkit-flex-direction: column;
2301
- -moz-box-orient: vertical;
2302
- -moz-box-direction: normal;
2303
- -ms-flex-direction: column;
2304
- flex-direction: column;
2305
- -webkit-box-pack: center;
2306
- -webkit-justify-content: center;
2307
- -moz-box-pack: center;
2308
- -ms-flex-pack: center;
2309
- justify-content: center;
2310
- -webkit-box-align: center;
2311
- -webkit-align-items: center;
2312
- -moz-box-align: center;
2313
- -ms-flex-align: center;
2314
- align-items: center; }
2315
- .premium-progressbar-circle-wrap .premium-lottie-animation {
2316
- line-height: 1; }
2317
-
2318
- @-webkit-keyframes progress-bar-stripes {
2319
- from {
2320
- background-position: 0 0; }
2321
- to {
2322
- background-position: 40px 0; } }
2323
-
2324
- @keyframes progress-bar-stripes {
2325
- from {
2326
- background-position: 0 0; }
2327
- to {
2328
- background-position: 40px 0; } }
2329
-
2330
- @-webkit-keyframes progress-bar-gradient {
2331
- 0% {
2332
- background-position: 0% 50%; }
2333
- 50% {
2334
- background-position: 100% 50%; }
2335
- 100% {
2336
- background-position: 0% 50%; } }
2337
-
2338
- @keyframes progress-bar-gradient {
2339
- 0% {
2340
- background-position: 0% 50%; }
2341
- 50% {
2342
- background-position: 100% 50%; }
2343
- 100% {
2344
- background-position: 0% 50%; } }
2345
-
2346
- /**************** Premium Testimonials ****************/
2347
- /******************************************************/
2348
- .premium-testimonial-box {
2349
- width: 100%;
2350
- background: transparent;
2351
- -webkit-transition: all 0.3s ease-in-out;
2352
- transition: all 0.3s ease-in-out; }
2353
- .premium-testimonial-box .premium-testimonial-author-info {
2354
- -js-display: flex;
2355
- display: -webkit-box;
2356
- display: -webkit-flex;
2357
- display: -moz-box;
2358
- display: -ms-flexbox;
2359
- display: flex;
2360
- -webkit-box-pack: center;
2361
- -webkit-justify-content: center;
2362
- -moz-box-pack: center;
2363
- -ms-flex-pack: center;
2364
- justify-content: center;
2365
- -webkit-box-align: center;
2366
- -webkit-align-items: center;
2367
- -moz-box-align: center;
2368
- -ms-flex-align: center;
2369
- align-items: center; }
2370
- .premium-testimonial-box .premium-testimonial-person-name,
2371
- .premium-testimonial-box .premium-testimonial-company-name {
2372
- font-weight: 600;
2373
- margin: 0; }
2374
-
2375
- .premium-testimonial-container {
2376
- position: relative; }
2377
-
2378
- .premium-testimonial-img-wrapper {
2379
- margin-left: auto;
2380
- margin-right: auto;
2381
- overflow: hidden;
2382
- border-style: solid !important; }
2383
- .premium-testimonial-img-wrapper.circle {
2384
- -webkit-border-radius: 50%;
2385
- border-radius: 50%; }
2386
- .premium-testimonial-img-wrapper.rounded {
2387
- -webkit-border-radius: 15px;
2388
- border-radius: 15px; }
2389
- .premium-testimonial-img-wrapper img {
2390
- -o-object-fit: cover;
2391
- object-fit: cover;
2392
- width: 100%;
2393
- height: 100% !important; }
2394
-
2395
- .premium-testimonial-content-wrapper {
2396
- position: relative;
2397
- -js-display: flex;
2398
- display: -webkit-box;
2399
- display: -webkit-flex;
2400
- display: -moz-box;
2401
- display: -ms-flexbox;
2402
- display: flex;
2403
- -webkit-box-orient: vertical;
2404
- -webkit-box-direction: normal;
2405
- -webkit-flex-direction: column;
2406
- -moz-box-orient: vertical;
2407
- -moz-box-direction: normal;
2408
- -ms-flex-direction: column;
2409
- flex-direction: column;
2410
- z-index: 2;
2411
- width: 100%;
2412
- padding: 20px;
2413
- text-align: center; }
2414
-
2415
- .premium-testimonial-clear-float {
2416
- clear: both; }
2417
-
2418
- .premium-testimonial-upper-quote,
2419
- .premium-testimonial-lower-quote {
2420
- position: absolute;
2421
- z-index: 1; }
2422
-
2423
- /**************** Premium Dual Heading *****************/
2424
- /*******************************************************/
2425
- .premium-dual-header-container .premium-dual-header-first-header,
2426
- .premium-dual-header-container .premium-dual-header-second-header {
2427
- position: relative;
2428
- padding: 0;
2429
- margin: 0;
2430
- display: inline-block;
2431
- -webkit-transform: translate(0, 0);
2432
- -ms-transform: translate(0, 0);
2433
- transform: translate(0, 0); }
2434
-
2435
- .premium-dual-header-first-clip .premium-dual-header-first-span,
2436
- .premium-dual-header-second-clip {
2437
- -webkit-text-fill-color: transparent;
2438
- -webkit-background-clip: text;
2439
- background-clip: text; }
2440
-
2441
- .premium-dual-header-first-clip.stroke .premium-dual-header-first-span,
2442
- .premium-dual-header-second-clip.stroke {
2443
- -webkit-text-stroke-color: transparent;
2444
- -webkit-text-fill-color: #fafafa;
2445
- -webkit-text-stroke-width: 2px; }
2446
-
2447
- @media (max-width: 500px) {
2448
- .premium-dual-header-container .premium-dual-header-first-header,
2449
- .premium-dual-header-container .premium-dual-header-second-header {
2450
- word-wrap: break-word; }
2451
- .premium-dual-header-first-container,
2452
- .premium-dual-header-second-container {
2453
- margin: 0; } }
2454
-
2455
- @media (min-width: 501px) {
2456
- .premium-dual-header-first-container {
2457
- margin-right: 5px; } }
2458
-
2459
- .premium-dual-header-first-header.gradient .premium-dual-header-first-span,
2460
- .premium-dual-header-second-header.gradient {
2461
- -webkit-background-size: 300% 300% !important;
2462
- background-size: 300% 300% !important;
2463
- -webkit-animation: Gradient 10s ease-in-out infinite;
2464
- animation: Gradient 10s ease-in-out infinite; }
2465
-
2466
- @-webkit-keyframes Gradient {
2467
- 0% {
2468
- background-position: 0% 50%; }
2469
- 50% {
2470
- background-position: 100% 50%; }
2471
- 100% {
2472
- background-position: 0% 50%; } }
2473
-
2474
- @keyframes Gradient {
2475
- 0% {
2476
- background-position: 0% 50%; }
2477
- 50% {
2478
- background-position: 100% 50%; }
2479
- 100% {
2480
- background-position: 0% 50%; } }
2481
-
2482
- .premium-mask-yes.premium-header-inline .premium-dual-header-first-span,
2483
- .premium-mask-yes.premium-header-inline .premium-dual-header-first-span {
2484
- display: inline-block !important; }
2485
-
2486
- /**************** Premium Title ****************/
2487
- /***********************************************/
2488
- .premium-title-container {
2489
- position: relative;
2490
- width: 100%;
2491
- clear: both; }
2492
- .premium-title-container .premium-title-header {
2493
- position: relative;
2494
- margin: 0;
2495
- padding: 10px; }
2496
- .premium-title-container .premium-title-header:not(.premium-title-style7) {
2497
- -webkit-box-align: center;
2498
- -webkit-align-items: center;
2499
- -moz-box-align: center;
2500
- -ms-flex-align: center;
2501
- align-items: center; }
2502
- .premium-title-container .premium-title-header svg {
2503
- width: 40px;
2504
- height: 40px; }
2505
- .premium-title-container .premium-title-header img {
2506
- width: 40px;
2507
- height: 40px;
2508
- -o-object-fit: cover;
2509
- object-fit: cover; }
2510
- .premium-title-container .premium-title-header a {
2511
- position: absolute;
2512
- top: 0;
2513
- left: 0;
2514
- width: 100%;
2515
- height: 100%; }
2516
- .premium-title-container .premium-lottie-animation {
2517
- -js-display: flex;
2518
- display: -webkit-box;
2519
- display: -webkit-flex;
2520
- display: -moz-box;
2521
- display: -ms-flexbox;
2522
- display: flex; }
2523
-
2524
- .premium-title-icon-row .premium-title-icon {
2525
- margin-right: 10px; }
2526
-
2527
- .premium-title-icon-row-reverse .premium-title-icon {
2528
- margin-left: 10px; }
2529
-
2530
- .premium-title-style3,
2531
- .premium-title-style4 {
2532
- -js-display: flex;
2533
- display: -webkit-box;
2534
- display: -webkit-flex;
2535
- display: -moz-box;
2536
- display: -ms-flexbox;
2537
- display: flex; }
2538
-
2539
- .premium-title-style1,
2540
- .premium-title-style2,
2541
- .premium-title-style5,
2542
- .premium-title-style6,
2543
- .premium-title-style8,
2544
- .premium-title-style9 {
2545
- -js-display: inline-flex;
2546
- display: -webkit-inline-box;
2547
- display: -webkit-inline-flex;
2548
- display: -moz-inline-box;
2549
- display: -ms-inline-flexbox;
2550
- display: inline-flex; }
2551
-
2552
- .premium-title-style7 {
2553
- -js-display: inline-flex;
2554
- display: -webkit-inline-box;
2555
- display: -webkit-inline-flex;
2556
- display: -moz-inline-box;
2557
- display: -ms-inline-flexbox;
2558
- display: inline-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
- .premium-title-style7 .premium-title-style7-inner {
2567
- -js-display: flex;
2568
- display: -webkit-box;
2569
- display: -webkit-flex;
2570
- display: -moz-box;
2571
- display: -ms-flexbox;
2572
- display: flex;
2573
- -webkit-box-align: center;
2574
- -webkit-align-items: center;
2575
- -moz-box-align: center;
2576
- -ms-flex-align: center;
2577
- align-items: center; }
2578
-
2579
- .premium-title-style1 {
2580
- border-width: 0;
2581
- border-left: 3px solid #6ec1e4; }
2582
-
2583
- .premium-title-container.style2, .premium-title-container.style4, .premium-title-container.style5, .premium-title-container.style6 {
2584
- border-bottom: 3px solid #6ec1e4; }
2585
-
2586
- /*Style 6 Header*/
2587
- .premium-title-style6:before {
2588
- position: absolute;
2589
- left: 50%;
2590
- bottom: 0;
2591
- margin-left: -2px;
2592
- content: "";
2593
- border: 3px solid transparent; }
2594
-
2595
- /*Style 6 Trinagle*/
2596
- .premium-title-style7-stripe-wrap {
2597
- -js-display: flex;
2598
- display: -webkit-box;
2599
- display: -webkit-flex;
2600
- display: -moz-box;
2601
- display: -ms-flexbox;
2602
- display: flex; }
2603
-
2604
- .premium-title-style7:before {
2605
- display: none; }
2606
-
2607
- .premium-title-style8 .premium-title-text[data-animation="shiny"] {
2608
- -webkit-background-size: 125px 125px !important;
2609
- background-size: 125px !important;
2610
- color: rgba(255, 255, 255, 0);
2611
- -webkit-background-clip: text !important;
2612
- background-clip: text !important;
2613
- -webkit-animation-name: pa-shinny-text !important;
2614
- animation-name: pa-shinny-text !important;
2615
- -webkit-animation-duration: var(--animation-speed) !important;
2616
- animation-duration: var(--animation-speed) !important;
2617
- -webkit-animation-iteration-count: infinite !important;
2618
- animation-iteration-count: infinite !important;
2619
- 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; }
2620
-
2621
- @-webkit-keyframes pa-shinny-text {
2622
- 0% {
2623
- background-position: 0%; }
2624
- 100% {
2625
- background-position: 200%; } }
2626
-
2627
- @keyframes pa-shinny-text {
2628
- 0% {
2629
- background-position: 0%; }
2630
- 100% {
2631
- background-position: 200%; } }
2632
-
2633
- .premium-title-style9[data-animation-blur="process"] .premium-title-style9-letter {
2634
- -webkit-animation: pa-blur-shadow 2s 1 alternate;
2635
- animation: pa-blur-shadow 2s 1 alternate; }
2636
-
2637
- @-webkit-keyframes pa-blur-shadow {
2638
- from {
2639
- text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
2640
- color: transparent; }
2641
- to {
2642
- text-shadow: 0; } }
2643
-
2644
- @keyframes pa-blur-shadow {
2645
- from {
2646
- text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
2647
- color: transparent; }
2648
- to {
2649
- text-shadow: 0; } }
2650
-
2651
- .premium-title-gradient-yes .premium-title-text,
2652
- .premium-title-gradient-yes .premium-title-icon {
2653
- -webkit-background-clip: text;
2654
- -webkit-text-fill-color: transparent;
2655
- background-image: -webkit-gradient(linear, left top, right top, from(#ffa648), color-stop(#f17cc1), to(#4da9fd));
2656
- background-image: -webkit-linear-gradient(left, #ffa648, #f17cc1, #4da9fd);
2657
- background-image: linear-gradient(to right, #ffa648, #f17cc1, #4da9fd);
2658
- -webkit-animation: pa-text-gradient 8s infinite;
2659
- animation: pa-text-gradient 8s infinite; }
2660
-
2661
- .premium-title-clipped .premium-title-header {
2662
- -webkit-text-fill-color: transparent;
2663
- -webkit-background-clip: text;
2664
- background-clip: text; }
2665
-
2666
- @-webkit-keyframes pa-text-gradient {
2667
- 0%,
2668
- 100% {
2669
- -webkit-filter: hue-rotate(0deg);
2670
- filter: hue-rotate(0deg); }
2671
- 50% {
2672
- -webkit-filter: hue-rotate(360deg);
2673
- filter: hue-rotate(360deg); } }
2674
-
2675
- @keyframes pa-text-gradient {
2676
- 0%,
2677
- 100% {
2678
- -webkit-filter: hue-rotate(0deg);
2679
- filter: hue-rotate(0deg); }
2680
- 50% {
2681
- -webkit-filter: hue-rotate(360deg);
2682
- filter: hue-rotate(360deg); } }
2683
-
2684
- /*
2685
- * Common Title/Dual Heading
2686
- */
2687
- .premium-title-bg-text:before {
2688
- position: absolute;
2689
- content: attr(data-background);
2690
- top: 0;
2691
- left: 0;
2692
- text-align: left; }
2693
-
2694
- .premium-mask-yes .premium-dual-header-first-clip .premium-dual-header-first-span .premium-mask-span,
2695
- .premium-mask-yes .premium-dual-header-second-clip .premium-mask-span {
2696
- background: inherit; }
2697
-
2698
- .premium-mask-yes .premium-mask-span {
2699
- position: relative;
2700
- overflow: hidden;
2701
- -js-display: inline-flex !important;
2702
- display: -webkit-inline-box !important;
2703
- display: -webkit-inline-flex !important;
2704
- display: -moz-inline-box !important;
2705
- display: -ms-inline-flexbox !important;
2706
- display: inline-flex !important; }
2707
- .premium-mask-yes .premium-mask-span::after {
2708
- content: "";
2709
- position: absolute;
2710
- top: 0;
2711
- right: 0px;
2712
- width: 100%;
2713
- height: 100%;
2714
- background-color: currentColor;
2715
- -webkit-backface-visibility: visible;
2716
- backface-visibility: visible; }
2717
-
2718
- .premium-mask-active.premium-mask-tr .premium-mask-span::after {
2719
- -webkit-animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2720
- animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2721
- -webkit-transform: translateX(-103%);
2722
- -ms-transform: translateX(-103%);
2723
- transform: translateX(-103%); }
2724
-
2725
- .premium-mask-active.premium-mask-tl .premium-mask-span::after {
2726
- -webkit-animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2727
- animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2728
- -webkit-transform: translateX(103%);
2729
- -ms-transform: translateX(103%);
2730
- transform: translateX(103%); }
2731
-
2732
- .premium-mask-active.premium-mask-tb .premium-mask-span::after {
2733
- -webkit-animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2734
- animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2735
- -webkit-transform: translateY(-103%);
2736
- -ms-transform: translateY(-103%);
2737
- transform: translateY(-103%); }
2738
-
2739
- .premium-mask-active.premium-mask-tt .premium-mask-span::after {
2740
- -webkit-animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2741
- animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2742
- -webkit-transform: translateY(103%);
2743
- -ms-transform: translateY(103%);
2744
- transform: translateY(103%); }
2745
-
2746
- @-webkit-keyframes pa-mask-tr {
2747
- 0% {
2748
- -webkit-transform: translateX(0%);
2749
- transform: translateX(0%); }
2750
- 100% {
2751
- -webkit-transform: translateX(103%);
2752
- transform: translateX(103%); } }
2753
-
2754
- @keyframes pa-mask-tr {
2755
- 0% {
2756
- -webkit-transform: translateX(0%);
2757
- transform: translateX(0%); }
2758
- 100% {
2759
- -webkit-transform: translateX(103%);
2760
- transform: translateX(103%); } }
2761
-
2762
- @-webkit-keyframes pa-mask-tl {
2763
- 0% {
2764
- -webkit-transform: translateX(0%);
2765
- transform: translateX(0%); }
2766
- 100% {
2767
- -webkit-transform: translateX(-103%);
2768
- transform: translateX(-103%); } }
2769
-
2770
- @keyframes pa-mask-tl {
2771
- 0% {
2772
- -webkit-transform: translateX(0%);
2773
- transform: translateX(0%); }
2774
- 100% {
2775
- -webkit-transform: translateX(-103%);
2776
- transform: translateX(-103%); } }
2777
-
2778
- @-webkit-keyframes pa-mask-tb {
2779
- 0% {
2780
- -webkit-transform: translateY(0%);
2781
- transform: translateY(0%); }
2782
- 100% {
2783
- -webkit-transform: translateY(103%);
2784
- transform: translateY(103%); } }
2785
-
2786
- @keyframes pa-mask-tb {
2787
- 0% {
2788
- -webkit-transform: translateY(0%);
2789
- transform: translateY(0%); }
2790
- 100% {
2791
- -webkit-transform: translateY(103%);
2792
- transform: translateY(103%); } }
2793
-
2794
- @-webkit-keyframes pa-mask-tt {
2795
- 0% {
2796
- -webkit-transform: translateY(0%);
2797
- transform: translateY(0%); }
2798
- 100% {
2799
- -webkit-transform: translateY(-103%);
2800
- transform: translateY(-103%); } }
2801
-
2802
- @keyframes pa-mask-tt {
2803
- 0% {
2804
- -webkit-transform: translateY(0%);
2805
- transform: translateY(0%); }
2806
- 100% {
2807
- -webkit-transform: translateY(-103%);
2808
- transform: translateY(-103%); } }
2809
-
2810
- /**************** Premium Video Box ************/
2811
- /***********************************************/
2812
- .premium-video-box-transform {
2813
- -webkit-transform: none !important;
2814
- -ms-transform: none !important;
2815
- transform: none !important; }
2816
-
2817
- .premium-video-box-container {
2818
- -js-display: flex;
2819
- display: -webkit-box;
2820
- display: -webkit-flex;
2821
- display: -moz-box;
2822
- display: -ms-flexbox;
2823
- display: flex;
2824
- -webkit-box-orient: vertical;
2825
- -webkit-box-direction: normal;
2826
- -webkit-flex-direction: column;
2827
- -moz-box-orient: vertical;
2828
- -moz-box-direction: normal;
2829
- -ms-flex-direction: column;
2830
- flex-direction: column; }
2831
-
2832
- .premium-video-box-container > div {
2833
- position: relative;
2834
- overflow: hidden; }
2835
-
2836
- .pa-aspect-ratio-11 .premium-video-box-container > div {
2837
- padding-bottom: 100%; }
2838
-
2839
- .pa-aspect-ratio-169 .premium-video-box-container > div {
2840
- padding-bottom: 56.25%; }
2841
-
2842
- .pa-aspect-ratio-43 .premium-video-box-container > div {
2843
- padding-bottom: 75%; }
2844
-
2845
- .pa-aspect-ratio-32 .premium-video-box-container > div {
2846
- padding-bottom: 66.6666%; }
2847
-
2848
- .pa-aspect-ratio-219 .premium-video-box-container > div {
2849
- padding-bottom: 42.8571%; }
2850
-
2851
- .pa-aspect-ratio-916 .premium-video-box-container > div {
2852
- padding-bottom: 177.8%; }
2853
-
2854
- .premium-video-box-image-container {
2855
- position: absolute;
2856
- top: 0;
2857
- left: 0;
2858
- bottom: 0;
2859
- right: 0;
2860
- width: 100%;
2861
- height: 100%;
2862
- -webkit-background-size: cover;
2863
- background-size: cover;
2864
- background-position: 50%;
2865
- cursor: pointer;
2866
- margin: auto;
2867
- -webkit-transition: 0.2s all;
2868
- transition: 0.2s all; }
2869
-
2870
- .premium-video-box-play-icon-container {
2871
- position: absolute;
2872
- z-index: 2;
2873
- cursor: pointer;
2874
- -webkit-transform: translate(-50%, -50%);
2875
- -ms-transform: translate(-50%, -50%);
2876
- transform: translate(-50%, -50%);
2877
- background: rgba(252, 252, 252, 0.35); }
2878
-
2879
- .premium-video-box-description-container {
2880
- position: absolute;
2881
- z-index: 2;
2882
- padding: 5px;
2883
- text-align: center;
2884
- cursor: pointer;
2885
- -webkit-transform: translate(-50%, -50%);
2886
- -ms-transform: translate(-50%, -50%);
2887
- transform: translate(-50%, -50%); }
2888
-
2889
- .premium-video-box-text {
2890
- margin-bottom: 0 !important;
2891
- -webkit-transition: all 0.3s ease-in-out;
2892
- transition: all 0.3s ease-in-out; }
2893
-
2894
- .premium-video-box-play-icon {
2895
- padding: 15px;
2896
- -webkit-transform: translateX(4%);
2897
- -ms-transform: translateX(4%);
2898
- transform: translateX(4%);
2899
- -webkit-transition: all 0.3s ease-in-out;
2900
- transition: all 0.3s ease-in-out; }
2901
-
2902
- .premium-video-box-video-container {
2903
- position: absolute;
2904
- top: 0;
2905
- left: 0;
2906
- z-index: 2;
2907
- width: 100%;
2908
- height: 100%;
2909
- -webkit-transition: opacity 0.8s ease-in-out;
2910
- transition: opacity 0.8s ease-in-out;
2911
- overflow: hidden;
2912
- cursor: pointer; }
2913
-
2914
- .premium-video-box-container[data-overlay="true"][data-type="self"] .premium-video-box-video-container {
2915
- opacity: 0;
2916
- visibility: hidden; }
2917
-
2918
- .premium-video-box-video-container iframe {
2919
- max-width: 100%;
2920
- width: 100%;
2921
- height: 100%;
2922
- margin: 0;
2923
- line-height: 1;
2924
- border: none; }
2925
-
2926
- .premium-video-box-video-container video {
2927
- max-width: 100%;
2928
- width: 100%;
2929
- height: 100%;
2930
- margin: 0;
2931
- line-height: 1;
2932
- border: none;
2933
- background-color: #000;
2934
- -o-object-fit: contain;
2935
- object-fit: contain; }
2936
-
2937
- .premium-video-box-container .premium-video-box-vimeo-wrap {
2938
- -js-display: flex;
2939
- display: -webkit-box;
2940
- display: -webkit-flex;
2941
- display: -moz-box;
2942
- display: -ms-flexbox;
2943
- display: flex;
2944
- position: absolute;
2945
- top: 0;
2946
- left: 0;
2947
- z-index: 3;
2948
- margin: 10px;
2949
- margin-right: 10px;
2950
- -webkit-transition: opacity 0.2s ease-out;
2951
- transition: opacity 0.2s ease-out;
2952
- margin-right: 4.6em; }
2953
-
2954
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-portrait {
2955
- width: 60px;
2956
- height: 60px;
2957
- background: rgba(23, 35, 34, 0.75);
2958
- margin-right: 1px;
2959
- -webkit-box-flex: 1;
2960
- -webkit-flex: 1 0 auto;
2961
- -moz-box-flex: 1;
2962
- -ms-flex: 1 0 auto;
2963
- flex: 1 0 auto;
2964
- padding: 0; }
2965
-
2966
- .premium-video-box-vimeo-portrait img {
2967
- width: 50px;
2968
- height: 50px;
2969
- margin: 5px;
2970
- padding: 0;
2971
- border: 0;
2972
- -webkit-border-radius: 50%;
2973
- border-radius: 50%; }
2974
-
2975
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-headers {
2976
- font-size: 10px; }
2977
-
2978
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-title {
2979
- max-width: 100%;
2980
- font-size: 2em !important;
2981
- font-weight: 700;
2982
- margin: 0;
2983
- padding: 0.1em 0.2em;
2984
- background: rgba(23, 35, 34, 0.75);
2985
- display: inline-block;
2986
- text-transform: none;
2987
- line-height: normal;
2988
- letter-spacing: normal; }
2989
-
2990
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-byline {
2991
- font-size: 1.2em !important;
2992
- font-weight: 400;
2993
- color: #fff;
2994
- margin-top: 0.1em;
2995
- padding: 0.2em 0.5em;
2996
- background: rgba(23, 35, 34, 0.75);
2997
- text-transform: none;
2998
- line-height: normal;
2999
- letter-spacing: normal; }
3000
-
3001
- .premium-video-box-playlist-container {
3002
- -js-display: flex;
3003
- display: -webkit-box;
3004
- display: -webkit-flex;
3005
- display: -moz-box;
3006
- display: -ms-flexbox;
3007
- display: flex;
3008
- -webkit-flex-wrap: wrap;
3009
- -ms-flex-wrap: wrap;
3010
- flex-wrap: wrap; }
3011
- .premium-video-box-playlist-container .premium-video-box-container {
3012
- height: 100%;
3013
- overflow: hidden; }
3014
-
3015
- .premium-video-box-container:hover .premium-video-box-image-container.zoomin {
3016
- -webkit-transform: scale(1.1);
3017
- -ms-transform: scale(1.1);
3018
- transform: scale(1.1); }
3019
-
3020
- .premium-video-box-container:hover .premium-video-box-image-container.zoomout {
3021
- -webkit-transform: scale(1);
3022
- -ms-transform: scale(1);
3023
- transform: scale(1); }
3024
-
3025
- .premium-video-box-container:hover .premium-video-box-image-container.scale {
3026
- -webkit-transform: scale(1.3) rotate(5deg);
3027
- -ms-transform: scale(1.3) rotate(5deg);
3028
- transform: scale(1.3) rotate(5deg); }
3029
-
3030
- .premium-video-box-container:hover .premium-video-box-image-container.gray {
3031
- -webkit-filter: grayscale(0%);
3032
- filter: grayscale(0%); }
3033
-
3034
- .premium-video-box-container:hover .premium-video-box-image-container.blur {
3035
- -webkit-filter: blur(3px);
3036
- filter: blur(3px); }
3037
-
3038
- .premium-video-box-container:hover .premium-video-box-image-container.sepia {
3039
- -webkit-filter: sepia(0%);
3040
- filter: sepia(0%); }
3041
-
3042
- .premium-video-box-container:hover .premium-video-box-image-container.trans {
3043
- -webkit-transform: translateX(0px) scale(1.1);
3044
- -ms-transform: translateX(0px) scale(1.1);
3045
- transform: translateX(0px) scale(1.1); }
3046
-
3047
- .premium-video-box-container:hover .premium-video-box-image-container.bright {
3048
- -webkit-filter: brightness(1.2);
3049
- filter: brightness(1.2); }
3050
-
3051
- .premium-video-box-image-container.gray {
3052
- -webkit-filter: grayscale(100%);
3053
- filter: grayscale(100%); }
3054
-
3055
- .premium-video-box-image-container.zoomout, .premium-video-box-image-container.scale {
3056
- -webkit-transform: scale(1.2);
3057
- -ms-transform: scale(1.2);
3058
- transform: scale(1.2); }
3059
-
3060
- .premium-video-box-image-container.sepia {
3061
- -webkit-filter: sepia(30%);
3062
- filter: sepia(30%); }
3063
-
3064
- .premium-video-box-image-container.bright {
3065
- -webkit-filter: brightness(1);
3066
- filter: brightness(1); }
3067
-
3068
- .premium-video-box-image-container.trans {
3069
- -webkit-transform: translateX(-15px) scale(1.1);
3070
- -ms-transform: translateX(-15px) scale(1.1);
3071
- transform: translateX(-15px) scale(1.1); }
3072
-
3073
- .premium-video-box-mask-media {
3074
- -webkit-mask-repeat: no-repeat;
3075
- mask-repeat: no-repeat; }
3076
-
3077
- /* Sticky Video Option */
3078
- .premium-video-box-container.premium-video-box-sticky-apply {
3079
- z-index: 99;
3080
- overflow: unset; }
3081
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3082
- position: fixed !important;
3083
- z-index: 99999;
3084
- height: 225px;
3085
- width: 400px;
3086
- background: #fff; }
3087
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-vimeo-wrap,
3088
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-container:before {
3089
- visibility: hidden; }
3090
- .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 {
3091
- -webkit-box-shadow: unset;
3092
- box-shadow: unset; }
3093
-
3094
- .premium-video-box-sticky-close,
3095
- .premium-video-box-sticky-infobar {
3096
- display: none; }
3097
-
3098
- .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3099
- position: absolute;
3100
- padding: 5px;
3101
- cursor: pointer;
3102
- z-index: 99999;
3103
- height: 14px;
3104
- width: 14px;
3105
- -webkit-box-sizing: content-box;
3106
- -moz-box-sizing: content-box;
3107
- box-sizing: content-box;
3108
- -webkit-border-radius: 100%;
3109
- border-radius: 100%;
3110
- -js-display: flex;
3111
- display: -webkit-box;
3112
- display: -webkit-flex;
3113
- display: -moz-box;
3114
- display: -ms-flexbox;
3115
- display: flex;
3116
- -webkit-box-pack: center;
3117
- -webkit-justify-content: center;
3118
- -moz-box-pack: center;
3119
- -ms-flex-pack: center;
3120
- justify-content: center;
3121
- -webkit-box-align: center;
3122
- -webkit-align-items: center;
3123
- -moz-box-align: center;
3124
- -ms-flex-align: center;
3125
- align-items: center; }
3126
-
3127
- .premium-video-box-sticky-apply .premium-video-box-play-icon-container {
3128
- -js-display: flex;
3129
- display: -webkit-box;
3130
- display: -webkit-flex;
3131
- display: -moz-box;
3132
- display: -ms-flexbox;
3133
- display: flex; }
3134
-
3135
- .premium-video-box-sticky-apply .premium-video-box-play-icon {
3136
- -webkit-transition: none;
3137
- transition: none; }
3138
-
3139
- .premium-video-box-sticky-apply .premium-video-box-sticky-infobar {
3140
- display: block;
3141
- position: relative;
3142
- top: 100%;
3143
- width: 100%;
3144
- padding: 5px;
3145
- text-align: center;
3146
- z-index: 9999;
3147
- margin-top: -1px; }
3148
-
3149
- .premium-video-box-sticky-apply .premium-video-box-inner-wrap.ui-draggable {
3150
- cursor: move; }
3151
-
3152
- .premium-video-sticky-top-left
3153
- .premium-video-box-container.premium-video-box-sticky-apply
3154
- .premium-video-box-inner-wrap {
3155
- right: auto;
3156
- left: 20px;
3157
- top: 20px; }
3158
-
3159
- .premium-video-sticky-bottom-left
3160
- .premium-video-box-container.premium-video-box-sticky-apply
3161
- .premium-video-box-inner-wrap {
3162
- right: auto;
3163
- left: 20px;
3164
- bottom: 20px; }
3165
-
3166
- .premium-video-sticky-top-right
3167
- .premium-video-box-container.premium-video-box-sticky-apply
3168
- .premium-video-box-inner-wrap {
3169
- left: auto;
3170
- right: 20px;
3171
- top: 20px; }
3172
-
3173
- .premium-video-sticky-bottom-right
3174
- .premium-video-box-container.premium-video-box-sticky-apply
3175
- .premium-video-box-inner-wrap {
3176
- left: auto;
3177
- right: 20px;
3178
- bottom: 20px; }
3179
-
3180
- .premium-video-sticky-center-left
3181
- .premium-video-box-container.premium-video-box-sticky-apply
3182
- .premium-video-box-inner-wrap {
3183
- right: auto;
3184
- left: 20px;
3185
- top: 50%;
3186
- -webkit-transform: translateY(-50%);
3187
- -ms-transform: translateY(-50%);
3188
- transform: translateY(-50%); }
3189
-
3190
- .premium-video-sticky-center-right
3191
- .premium-video-box-container.premium-video-box-sticky-apply
3192
- .premium-video-box-inner-wrap {
3193
- left: auto;
3194
- right: 20px;
3195
- top: 50%;
3196
- -webkit-transform: translateY(-50%);
3197
- -ms-transform: translateY(-50%);
3198
- transform: translateY(-50%); }
3199
-
3200
- .premium-video-sticky-bottom-right
3201
- .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply
3202
- .premium-video-box-inner-wrap,
3203
- .premium-video-sticky-bottom-left
3204
- .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply
3205
- .premium-video-box-inner-wrap {
3206
- bottom: 55px; }
3207
-
3208
- .premium-video-sticky-top-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3209
- .premium-video-sticky-bottom-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3210
- .premium-video-sticky-center-left .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3211
- top: -10px;
3212
- right: -10px; }
3213
-
3214
- .premium-video-sticky-top-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3215
- .premium-video-sticky-bottom-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3216
- .premium-video-sticky-center-right .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3217
- top: -10px;
3218
- left: -10px; }
3219
-
3220
- .premium-video-box-filter-sticky {
3221
- -webkit-filter: none !important;
3222
- filter: none !important; }
3223
-
3224
- /**************** Premium Blog *****************/
3225
- /***********************************************/
3226
- .premium-blog-thumb-effect-wrapper {
3227
- position: relative;
3228
- overflow: hidden; }
3229
-
3230
- .premium-blog-effect-container:not(.premium-blog-bordered-effect) .premium-blog-post-link {
3231
- position: absolute;
3232
- top: 0;
3233
- left: 0;
3234
- width: 100%;
3235
- height: 100%;
3236
- z-index: 2;
3237
- padding: 20px; }
3238
-
3239
- .premium-blog-bordered-effect .premium-blog-post-link {
3240
- display: block;
3241
- height: 100%;
3242
- position: relative; }
3243
-
3244
- /*Thumbnail Img*/
3245
- .premium-blog-thumbnail-container {
3246
- overflow: hidden; }
3247
- .premium-blog-thumbnail-container img,
3248
- .premium-blog-thumbnail-container .below-entry-meta {
3249
- width: 100%;
3250
- height: 100%;
3251
- margin: 0 !important;
3252
- -webkit-transition: all 0.4s ease-in-out;
3253
- transition: all 0.4s ease-in-out; }
3254
-
3255
- .premium-blog-thumb-effect-wrapper .premium-blog-zoomout-effect img,
3256
- .premium-blog-thumb-effect-wrapper .premium-blog-scale-effect img {
3257
- -webkit-transform: scale(1.2);
3258
- -ms-transform: scale(1.2);
3259
- transform: scale(1.2); }
3260
-
3261
- .premium-blog-thumb-effect-wrapper .premium-blog-sepia-effect img {
3262
- -webkit-filter: sepia(30%);
3263
- filter: sepia(30%); }
3264
-
3265
- .premium-blog-thumb-effect-wrapper .premium-blog-bright-effect img {
3266
- -webkit-filter: brightness(1);
3267
- filter: brightness(1); }
3268
-
3269
- .premium-blog-thumb-effect-wrapper .premium-blog-trans-effect img {
3270
- -webkit-transform: translateX(-15px) scale(1.1);
3271
- -ms-transform: translateX(-15px) scale(1.1);
3272
- transform: translateX(-15px) scale(1.1); }
3273
-
3274
- .premium-blog-post-outer-container:hover .premium-blog-zoomin-effect img {
3275
- -webkit-transform: scale(1.2);
3276
- -ms-transform: scale(1.2);
3277
- transform: scale(1.2); }
3278
-
3279
- .premium-blog-post-outer-container:hover .premium-blog-zoomout-effect img {
3280
- -webkit-transform: scale(1.1);
3281
- -ms-transform: scale(1.1);
3282
- transform: scale(1.1); }
3283
-
3284
- .premium-blog-post-outer-container:hover .premium-blog-scale-effect img {
3285
- -webkit-transform: scale(1.3) rotate(5deg);
3286
- -ms-transform: scale(1.3) rotate(5deg);
3287
- transform: scale(1.3) rotate(5deg); }
3288
-
3289
- .premium-blog-post-outer-container:hover .premium-blog-gray-effect img {
3290
- -webkit-filter: grayscale(100%);
3291
- filter: grayscale(100%); }
3292
-
3293
- .premium-blog-post-outer-container:hover .premium-blog-blur-effect img {
3294
- -webkit-filter: blur(3px);
3295
- filter: blur(3px); }
3296
-
3297
- .premium-blog-post-outer-container:hover .premium-blog-sepia-effect img {
3298
- -webkit-filter: sepia(0%);
3299
- filter: sepia(0%); }
3300
-
3301
- .premium-blog-post-outer-container:hover .premium-blog-bright-effect img {
3302
- -webkit-filter: brightness(1.2);
3303
- filter: brightness(1.2); }
3304
-
3305
- .premium-blog-post-outer-container:hover .premium-blog-trans-effect img {
3306
- -webkit-transform: translateX(0px) scale(1.1);
3307
- -ms-transform: translateX(0px) scale(1.1);
3308
- transform: translateX(0px) scale(1.1); }
3309
-
3310
- .premium-blog-post-container {
3311
- overflow: hidden; }
3312
- .premium-blog-post-container .premium-blog-inner-container {
3313
- -js-display: flex;
3314
- display: -webkit-box;
3315
- display: -webkit-flex;
3316
- display: -moz-box;
3317
- display: -ms-flexbox;
3318
- display: flex; }
3319
- .premium-blog-post-container .premium-blog-entry-container {
3320
- margin: 0 !important; }
3321
- .premium-blog-post-container .premium-blog-post-content {
3322
- line-height: 1.5em;
3323
- color: #777;
3324
- font-size: 14px;
3325
- margin-bottom: 10px; }
3326
- .premium-blog-post-container ul.post-categories a:hover, .premium-blog-post-container ul.post-categories a:focus,
3327
- .premium-blog-post-container .premium-blog-post-link:hover,
3328
- .premium-blog-post-container .premium-blog-post-link:focus {
3329
- -webkit-box-shadow: none !important;
3330
- box-shadow: none !important;
3331
- outline: none !important; }
3332
- .premium-blog-post-container .premium-blog-entry-title {
3333
- font-size: 18px;
3334
- margin-bottom: 5px; }
3335
- .premium-blog-post-container.premium-blog-skin-modern .premium-blog-content-wrapper {
3336
- position: relative;
3337
- z-index: 3;
3338
- top: -50px; }
3339
- .premium-blog-post-container .premium-blog-content-wrapper {
3340
- background-color: #f5f5f5;
3341
- padding: 30px; }
3342
- .premium-blog-post-container .premium-blog-content-wrapper.empty-thumb {
3343
- top: 0; }
3344
- .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 {
3345
- position: absolute;
3346
- content: "";
3347
- z-index: 1;
3348
- top: 50%;
3349
- left: 50%;
3350
- opacity: 0;
3351
- -webkit-transform: translate(-50%, -50%);
3352
- -ms-transform: translate(-50%, -50%);
3353
- transform: translate(-50%, -50%);
3354
- -webkit-transition: all 0.4s linear 0s;
3355
- transition: all 0.4s linear 0s;
3356
- height: 1px;
3357
- width: 100%;
3358
- background-color: #fff; }
3359
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before {
3360
- width: 1px;
3361
- height: 100%; }
3362
- .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 {
3363
- width: 20px;
3364
- opacity: 1; }
3365
- .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 {
3366
- height: 20px;
3367
- opacity: 1; }
3368
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-content-wrapper {
3369
- margin: 0px 10px 20px;
3370
- clear: both; }
3371
- .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 {
3372
- position: absolute;
3373
- top: 0;
3374
- left: 0;
3375
- width: 100%;
3376
- height: 100%;
3377
- -webkit-transition: all 0.3s ease-in-out;
3378
- transition: all 0.3s ease-in-out;
3379
- opacity: 0; }
3380
- .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 {
3381
- -js-display: flex;
3382
- display: -webkit-box;
3383
- display: -webkit-flex;
3384
- display: -moz-box;
3385
- display: -ms-flexbox;
3386
- display: flex;
3387
- -webkit-box-pack: center;
3388
- -webkit-justify-content: center;
3389
- -moz-box-pack: center;
3390
- -ms-flex-pack: center;
3391
- justify-content: center;
3392
- -webkit-box-align: center;
3393
- -webkit-align-items: center;
3394
- -moz-box-align: center;
3395
- -ms-flex-align: center;
3396
- align-items: center;
3397
- width: 100%;
3398
- height: 100%; }
3399
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay span,
3400
- .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,
3401
- .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,
3402
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay i {
3403
- -webkit-transition: all 0.3s ease-in-out;
3404
- transition: all 0.3s ease-in-out; }
3405
- .premium-blog-post-container.premium-blog-skin-side {
3406
- -js-display: flex;
3407
- display: -webkit-box;
3408
- display: -webkit-flex;
3409
- display: -moz-box;
3410
- display: -ms-flexbox;
3411
- display: flex; }
3412
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-container {
3413
- height: 100%; }
3414
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-content-wrapper {
3415
- -webkit-box-flex: 1;
3416
- -webkit-flex: 1;
3417
- -moz-box-flex: 1;
3418
- -ms-flex: 1;
3419
- flex: 1; }
3420
- .premium-blog-post-container.premium-blog-skin-banner {
3421
- position: relative; }
3422
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper {
3423
- position: absolute;
3424
- width: 100%;
3425
- bottom: 0;
3426
- -js-display: flex;
3427
- display: -webkit-box;
3428
- display: -webkit-flex;
3429
- display: -moz-box;
3430
- display: -ms-flexbox;
3431
- display: flex;
3432
- -webkit-box-orient: vertical;
3433
- -webkit-box-direction: normal;
3434
- -webkit-flex-direction: column;
3435
- -moz-box-orient: vertical;
3436
- -moz-box-direction: normal;
3437
- -ms-flex-direction: column;
3438
- flex-direction: column;
3439
- background-color: transparent;
3440
- z-index: 3; }
3441
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper-inner {
3442
- -webkit-transition: -webkit-transform 0.3s ease-in-out;
3443
- transition: -webkit-transform 0.3s ease-in-out;
3444
- transition: transform 0.3s ease-in-out;
3445
- transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; }
3446
- .premium-blog-post-container.premium-blog-skin-banner:hover .premium-blog-content-wrapper-inner {
3447
- -webkit-transform: translateY(-5px);
3448
- -ms-transform: translateY(-5px);
3449
- transform: translateY(-5px); }
3450
- .premium-blog-post-container .premium-blog-cats-container ul.post-categories {
3451
- margin: 0;
3452
- padding: 0;
3453
- list-style: none;
3454
- -js-display: flex;
3455
- display: -webkit-box;
3456
- display: -webkit-flex;
3457
- display: -moz-box;
3458
- display: -ms-flexbox;
3459
- display: flex; }
3460
- .premium-blog-post-container .premium-blog-cats-container a {
3461
- display: block;
3462
- font-size: 12px;
3463
- color: #fff;
3464
- background-color: #777;
3465
- margin: 0 3px 10px 0;
3466
- padding: 5px;
3467
- -webkit-transition: all 0.3s ease-in-out;
3468
- transition: all 0.3s ease-in-out; }
3469
-
3470
- /*
3471
- * Diagonal Effect
3472
- */
3473
- .premium-blog-diagonal-container {
3474
- position: absolute;
3475
- top: 0;
3476
- left: 0;
3477
- width: 100%;
3478
- height: 100%; }
3479
-
3480
- .premium-blog-diagonal-effect:before {
3481
- position: absolute;
3482
- top: 0px;
3483
- left: 0px;
3484
- width: 100%;
3485
- height: 100%;
3486
- content: " ";
3487
- z-index: 1;
3488
- background: rgba(255, 255, 255, 0.2);
3489
- -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
3490
- transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
3491
- -webkit-transition: all 0.3s linear 0s;
3492
- transition: all 0.3s linear 0s; }
3493
-
3494
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-diagonal-effect:before {
3495
- -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
3496
- transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); }
3497
-
3498
- /*
3499
- * Framed Effect
3500
- */
3501
- .premium-blog-framed-effect {
3502
- position: absolute;
3503
- width: -webkit-calc(100% - 30px);
3504
- width: calc(100% - 30px);
3505
- height: -webkit-calc(100% - 30px);
3506
- height: calc(100% - 30px);
3507
- top: 15px;
3508
- left: 15px;
3509
- opacity: 0;
3510
- -webkit-transform: scale(0.3);
3511
- -ms-transform: scale(0.3);
3512
- transform: scale(0.3);
3513
- -webkit-transition: all 0.3s linear 0s;
3514
- transition: all 0.3s linear 0s; }
3515
-
3516
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-framed-effect {
3517
- opacity: 0.99;
3518
- -webkit-transform: scale(1);
3519
- -ms-transform: scale(1);
3520
- transform: scale(1); }
3521
-
3522
- /*
3523
- * Bordered Effect
3524
- */
3525
- .premium-blog-bordered-effect {
3526
- position: absolute;
3527
- top: 0;
3528
- left: 0;
3529
- width: 100%;
3530
- height: 100%;
3531
- opacity: 0;
3532
- padding: 15px;
3533
- -webkit-transition: all 0.3s linear 0s;
3534
- transition: all 0.3s linear 0s; }
3535
- .premium-blog-bordered-effect .premium-blog-post-link:before, .premium-blog-bordered-effect .premium-blog-post-link:after {
3536
- content: "";
3537
- display: block;
3538
- position: absolute;
3539
- top: 0;
3540
- left: 0;
3541
- width: 100%;
3542
- height: 100%;
3543
- -webkit-transition: all 0.5s linear 0s;
3544
- transition: all 0.5s linear 0s;
3545
- -webkit-transition-delay: 0s;
3546
- transition-delay: 0s;
3547
- border-color: rgba(255, 255, 255, 0.45); }
3548
- .premium-blog-bordered-effect .premium-blog-post-link:before {
3549
- border-right: 2px solid;
3550
- border-left: 2px solid;
3551
- -webkit-transform: scale(1, 0);
3552
- -ms-transform: scale(1, 0);
3553
- transform: scale(1, 0);
3554
- -webkit-transform-origin: 100% 0;
3555
- -ms-transform-origin: 100% 0;
3556
- transform-origin: 100% 0; }
3557
- .premium-blog-bordered-effect .premium-blog-post-link:after {
3558
- border-top: 2px solid;
3559
- border-bottom: 2px solid;
3560
- -webkit-transform: scale(0, 1);
3561
- -ms-transform: scale(0, 1);
3562
- transform: scale(0, 1);
3563
- -webkit-transform-origin: 0 0;
3564
- -ms-transform-origin: 0 0;
3565
- transform-origin: 0 0; }
3566
-
3567
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect {
3568
- opacity: 0.99; }
3569
- .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 {
3570
- -webkit-transition-delay: 0.15s;
3571
- transition-delay: 0.15s;
3572
- opacity: 1;
3573
- -webkit-transform: scale(1);
3574
- -ms-transform: scale(1);
3575
- transform: scale(1); }
3576
-
3577
- /*
3578
- * Squares Effect
3579
- */
3580
- .premium-blog-squares-effect,
3581
- .premium-blog-squares-square-container {
3582
- position: absolute;
3583
- top: 0;
3584
- left: 0;
3585
- width: 100%;
3586
- height: 100%; }
3587
-
3588
- .premium-blog-squares-effect:before, .premium-blog-squares-effect:after {
3589
- position: absolute;
3590
- content: "";
3591
- top: 0;
3592
- left: 0;
3593
- width: 50%;
3594
- height: 50%;
3595
- -webkit-transform: translate(-100%, -100%);
3596
- -ms-transform: translate(-100%, -100%);
3597
- transform: translate(-100%, -100%);
3598
- opacity: 0.7;
3599
- -webkit-transition: all 0.3s linear 0s;
3600
- transition: all 0.3s linear 0s; }
3601
-
3602
- .premium-blog-squares-square-container:before, .premium-blog-squares-square-container:after {
3603
- position: absolute;
3604
- content: "";
3605
- top: 0;
3606
- left: 0;
3607
- width: 50%;
3608
- height: 50%;
3609
- -webkit-transform: translate(-100%, -100%);
3610
- -ms-transform: translate(-100%, -100%);
3611
- transform: translate(-100%, -100%);
3612
- opacity: 0.7;
3613
- -webkit-transition: all 0.3s linear 0s;
3614
- transition: all 0.3s linear 0s; }
3615
-
3616
- .premium-blog-squares-square-container:before, .premium-blog-squares-square-container:after {
3617
- opacity: 0.8; }
3618
-
3619
- .premium-blog-squares-effect:after {
3620
- -webkit-transform: translate(200%, 200%);
3621
- -ms-transform: translate(200%, 200%);
3622
- transform: translate(200%, 200%); }
3623
-
3624
- .premium-blog-squares-square-container:before {
3625
- -webkit-transform: translate(-100%, 200%);
3626
- -ms-transform: translate(-100%, 200%);
3627
- transform: translate(-100%, 200%); }
3628
-
3629
- .premium-blog-squares-square-container:after {
3630
- -webkit-transform: translate(200%, -100%);
3631
- -ms-transform: translate(200%, -100%);
3632
- transform: translate(200%, -100%); }
3633
-
3634
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:before {
3635
- -webkit-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
3636
- -ms-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
3637
- transform: translate(0, 0%) scaleY(1.003) scaleX(1.003); }
3638
-
3639
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:after {
3640
- -webkit-transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003);
3641
- -ms-transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003);
3642
- transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003); }
3643
-
3644
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:before {
3645
- -webkit-transform: translate(0, 100%);
3646
- -ms-transform: translate(0, 100%);
3647
- transform: translate(0, 100%); }
3648
-
3649
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:after {
3650
- -webkit-transform: translate(100%, 0%);
3651
- -ms-transform: translate(100%, 0%);
3652
- transform: translate(100%, 0%); }
3653
-
3654
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay {
3655
- opacity: 1; }
3656
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay a {
3657
- opacity: 1;
3658
- -webkit-transform: scale(1);
3659
- -ms-transform: scale(1);
3660
- transform: scale(1); }
3661
-
3662
- .premium-blog-clear-fix {
3663
- clear: both; }
3664
-
3665
- .premium-blog-masked .premium-blog-thumbnail-container {
3666
- position: relative;
3667
- overflow: visible; }
3668
- .premium-blog-masked .premium-blog-thumbnail-container svg {
3669
- position: absolute;
3670
- height: 100px;
3671
- width: 100%;
3672
- bottom: -5px;
3673
- left: 0;
3674
- fill: #f5f5f5;
3675
- z-index: 99; }
3676
- .premium-blog-masked .premium-blog-thumbnail-container svg.premium-blog-shape-divider-svg {
3677
- -webkit-transform: rotate(180deg);
3678
- -ms-transform: rotate(180deg);
3679
- transform: rotate(180deg); }
3680
-
3681
- .premium-blog-masked .premium-blog-author-thumbnail,
3682
- .premium-blog-masked .premium-blog-skin-banner .premium-blog-content-wrapper {
3683
- z-index: 999 !important; }
3684
-
3685
- .premium-blog-format-link {
3686
- padding: 5px;
3687
- line-height: 0; }
3688
-
3689
- .premium-blog-entry-meta {
3690
- line-height: 1.3em;
3691
- font-size: 12px;
3692
- margin-bottom: 13px;
3693
- color: #adadad; }
3694
- .premium-blog-entry-meta i {
3695
- margin-right: 3px;
3696
- -webkit-transition: all 0.3s ease-in-out;
3697
- transition: all 0.3s ease-in-out; }
3698
-
3699
- .premium-blog-meta-data {
3700
- display: inline-block; }
3701
- .premium-blog-meta-data .premium-blog-meta-separator {
3702
- margin: 0 5px; }
3703
- .premium-blog-meta-data a,
3704
- .premium-blog-meta-data span {
3705
- color: inherit;
3706
- -webkit-transition: all 0.3s ease-in-out;
3707
- transition: all 0.3s ease-in-out; }
3708
-
3709
- .premium-blog-author-thumbnail {
3710
- position: relative;
3711
- padding: 0 30px;
3712
- width: 100%;
3713
- top: -10px;
3714
- height: 0;
3715
- pointer-events: none; }
3716
- .premium-blog-author-thumbnail img {
3717
- -webkit-border-radius: 50%;
3718
- border-radius: 50%;
3719
- width: 60px;
3720
- pointer-events: all;
3721
- -webkit-transform: translateY(-50%);
3722
- -ms-transform: translateY(-50%);
3723
- transform: translateY(-50%); }
3724
-
3725
- .premium-blog-entry-title a,
3726
- .premium-blog-post-tags-container a,
3727
- .premium-blog-post-content .premium-blog-excerpt-link {
3728
- -webkit-transition: all 0.3s ease-in-out;
3729
- transition: all 0.3s ease-in-out; }
3730
-
3731
- .premium-blog-excerpt-link-wrap a.premium-blog-excerpt-link {
3732
- background-color: transparent;
3733
- color: #54595f;
3734
- padding: 0; }
3735
-
3736
- .premium-blog-cta-full-yes .premium-blog-excerpt-link {
3737
- width: 100%; }
3738
-
3739
- .premium-blog-post-tags-container {
3740
- margin-top: 8px;
3741
- -js-display: flex;
3742
- display: -webkit-box;
3743
- display: -webkit-flex;
3744
- display: -moz-box;
3745
- display: -ms-flexbox;
3746
- display: flex;
3747
- -webkit-box-align: center;
3748
- -webkit-align-items: center;
3749
- -moz-box-align: center;
3750
- -ms-flex-align: center;
3751
- align-items: center;
3752
- -webkit-flex-wrap: wrap;
3753
- -ms-flex-wrap: wrap;
3754
- flex-wrap: wrap; }
3755
- .premium-blog-post-tags-container a {
3756
- color: inherit;
3757
- margin-left: 5px; }
3758
-
3759
- /*Tags align*/
3760
- .premium-blog-align-left .post-categories,
3761
- .premium-blog-align-left .premium-blog-inner-container,
3762
- .premium-blog-align-left .premium-blog-post-tags-container {
3763
- -webkit-box-pack: start;
3764
- -webkit-justify-content: flex-start;
3765
- -moz-box-pack: start;
3766
- -ms-flex-pack: start;
3767
- justify-content: flex-start; }
3768
-
3769
- .premium-blog-align-center .post-categories,
3770
- .premium-blog-align-center .premium-blog-inner-container,
3771
- .premium-blog-align-center .premium-blog-post-tags-container {
3772
- -webkit-box-pack: center;
3773
- -webkit-justify-content: center;
3774
- -moz-box-pack: center;
3775
- -ms-flex-pack: center;
3776
- justify-content: center; }
3777
-
3778
- .premium-blog-align-right .post-categories,
3779
- .premium-blog-align-right .premium-blog-inner-container,
3780
- .premium-blog-align-right .premium-blog-post-tags-container {
3781
- -webkit-box-pack: end;
3782
- -webkit-justify-content: flex-end;
3783
- -moz-box-pack: end;
3784
- -ms-flex-pack: end;
3785
- justify-content: flex-end; }
3786
-
3787
- /* Pagination */
3788
- .premium-blog-pagination-container {
3789
- text-align: right; }
3790
- .premium-blog-pagination-container span {
3791
- cursor: default; }
3792
- .premium-blog-pagination-container .page-numbers {
3793
- display: inline-block;
3794
- color: #000;
3795
- line-height: 1;
3796
- font-size: 1em;
3797
- font-weight: 400;
3798
- text-decoration: none;
3799
- padding: 0.75em;
3800
- margin: 0 0.4em 0.4em 0;
3801
- -webkit-transition: all 0.3s ease-in-out;
3802
- transition: all 0.3s ease-in-out; }
3803
-
3804
- .premium-blog-wrap .premium-loading-feed {
3805
- display: block;
3806
- position: absolute;
3807
- width: 100%;
3808
- height: 100%;
3809
- top: 0px;
3810
- left: 0px;
3811
- bottom: 0px;
3812
- right: 0px;
3813
- background: rgba(255, 255, 255, 0.2);
3814
- -js-display: flex;
3815
- display: -webkit-box;
3816
- display: -webkit-flex;
3817
- display: -moz-box;
3818
- display: -ms-flexbox;
3819
- display: flex;
3820
- -webkit-box-align: center;
3821
- -webkit-align-items: center;
3822
- -moz-box-align: center;
3823
- -ms-flex-align: center;
3824
- align-items: center;
3825
- z-index: 99; }
3826
-
3827
- .premium-blog-wrap {
3828
- -js-display: flex;
3829
- display: -webkit-box;
3830
- display: -webkit-flex;
3831
- display: -moz-box;
3832
- display: -ms-flexbox;
3833
- display: flex;
3834
- -webkit-flex-wrap: wrap;
3835
- -ms-flex-wrap: wrap;
3836
- flex-wrap: wrap; }
3837
- .premium-blog-wrap ul.slick-dots {
3838
- width: 100%; }
3839
-
3840
- /*
3841
- * List Layout
3842
- */
3843
- .premium-blog-list .premium-blog-post-outer-container {
3844
- width: 100%; }
3845
-
3846
- /**
3847
- * Even Layout
3848
- */
3849
- .premium-blog-even .premium-blog-post-container {
3850
- height: 100%; }
3851
-
3852
- .premium-blog-even .slick-track {
3853
- -js-display: flex;
3854
- display: -webkit-box;
3855
- display: -webkit-flex;
3856
- display: -moz-box;
3857
- display: -ms-flexbox;
3858
- display: flex; }
3859
-
3860
- .premium-blog-even .slick-slide {
3861
- height: inherit !important; }
3862
-
3863
- /**
3864
- * Responsive Style
3865
- */
3866
- @media (max-width: 768px) {
3867
- .premium-blog-content-wrapper {
3868
- top: 0;
3869
- margin: 0;
3870
- padding: 15px; }
3871
- .premium-blog-skin-side {
3872
- -webkit-box-orient: vertical;
3873
- -webkit-box-direction: normal;
3874
- -webkit-flex-direction: column;
3875
- -moz-box-orient: vertical;
3876
- -moz-box-direction: normal;
3877
- -ms-flex-direction: column;
3878
- flex-direction: column; } }
3879
-
3880
- /************ Premium Team Members ************/
3881
- /**********************************************/
3882
- .premium-person-container {
3883
- position: relative; }
3884
-
3885
- .premium-person-image-container {
3886
- position: relative;
3887
- text-align: center;
3888
- overflow: hidden; }
3889
- .premium-person-image-container .premium-person-image-wrap {
3890
- overflow: hidden; }
3891
-
3892
- .premium-person-zoomout-effect .premium-person-image-container img,
3893
- .premium-person-scale-effect .premium-person-image-container img {
3894
- -webkit-transform: scale(1.2);
3895
- -ms-transform: scale(1.2);
3896
- transform: scale(1.2); }
3897
-
3898
- .premium-person-sepia-effect .premium-person-image-container img {
3899
- -webkit-filter: sepia(30%);
3900
- filter: sepia(30%); }
3901
-
3902
- .premium-person-bright-effect .premium-person-image-container img {
3903
- -webkit-filter: brightness(1);
3904
- filter: brightness(1); }
3905
-
3906
- .premium-person-trans-effect .premium-person-image-container img {
3907
- -webkit-transform: translateX(-15px) scale(1.1);
3908
- -ms-transform: translateX(-15px) scale(1.1);
3909
- transform: translateX(-15px) scale(1.1); }
3910
-
3911
- .premium-person-zoomin-effect:hover .premium-person-image-container img {
3912
- -webkit-transform: scale(1.2);
3913
- -ms-transform: scale(1.2);
3914
- transform: scale(1.2); }
3915
-
3916
- .premium-person-zoomout-effect:hover .premium-person-image-container img {
3917
- -webkit-transform: scale(1.1);
3918
- -ms-transform: scale(1.1);
3919
- transform: scale(1.1); }
3920
-
3921
- .premium-person-scale-effect:hover .premium-person-image-container img {
3922
- -webkit-transform: scale(1.3) rotate(5deg);
3923
- -ms-transform: scale(1.3) rotate(5deg);
3924
- transform: scale(1.3) rotate(5deg); }
3925
-
3926
- .premium-person-grayscale-effect:hover .premium-person-image-container img {
3927
- -webkit-filter: grayscale(100%);
3928
- filter: grayscale(100%); }
3929
-
3930
- .premium-person-blur-effect:hover .premium-person-image-container img {
3931
- -webkit-filter: blur(3px);
3932
- filter: blur(3px); }
3933
-
3934
- .premium-person-sepia-effect:hover .premium-person-image-container img {
3935
- -webkit-filter: sepia(0%);
3936
- filter: sepia(0%); }
3937
-
3938
- .premium-person-bright-effect:hover .premium-person-image-container img {
3939
- -webkit-filter: brightness(1.2);
3940
- filter: brightness(1.2); }
3941
-
3942
- .premium-person-trans-effect:hover .premium-person-image-container img {
3943
- -webkit-transform: translateX(0px) scale(1.1);
3944
- -ms-transform: translateX(0px) scale(1.1);
3945
- transform: translateX(0px) scale(1.1); }
3946
-
3947
- .premium-person-container .premium-person-image-container img {
3948
- width: 100%;
3949
- height: 100%;
3950
- -o-object-fit: cover;
3951
- object-fit: cover;
3952
- -webkit-transition: all 0.5s ease-in-out;
3953
- transition: all 0.5s ease-in-out; }
3954
-
3955
- .premium-person-style2 .premium-person-social {
3956
- position: absolute;
3957
- top: 0;
3958
- left: 0;
3959
- width: 100%;
3960
- height: 100%;
3961
- z-index: 2;
3962
- -js-display: flex;
3963
- display: -webkit-box;
3964
- display: -webkit-flex;
3965
- display: -moz-box;
3966
- display: -ms-flexbox;
3967
- display: flex;
3968
- -webkit-box-pack: center;
3969
- -webkit-justify-content: center;
3970
- -moz-box-pack: center;
3971
- -ms-flex-pack: center;
3972
- justify-content: center;
3973
- -webkit-box-align: center;
3974
- -webkit-align-items: center;
3975
- -moz-box-align: center;
3976
- -ms-flex-align: center;
3977
- align-items: center;
3978
- -webkit-box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
3979
- box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
3980
- -webkit-transition: all 0.5s linear 0s;
3981
- transition: all 0.5s linear 0s;
3982
- opacity: 0; }
3983
-
3984
- .premium-person-style2 .premium-person-image-container:hover .premium-person-social {
3985
- opacity: 1; }
3986
-
3987
- .premium-person-list-item a {
3988
- display: inline-block; }
3989
-
3990
- .premium-person-style2 .premium-person-list-item a {
3991
- opacity: 0;
3992
- -webkit-transform: scale(0);
3993
- -ms-transform: scale(0);
3994
- transform: scale(0);
3995
- -webkit-transition: all 0.5s ease-in-out 0s;
3996
- transition: all 0.5s ease-in-out 0s; }
3997
-
3998
- .premium-person-style2 .premium-person-image-container:hover .premium-person-list-item a {
3999
- opacity: 1;
4000
- -webkit-transform: scale(1);
4001
- -ms-transform: scale(1);
4002
- transform: scale(1); }
4003
-
4004
- .premium-person-info-container {
4005
- padding: 30px 15px; }
4006
-
4007
- .premium-person-name {
4008
- margin: 0 0 5px;
4009
- font-weight: 700; }
4010
-
4011
- .premium-person-title {
4012
- margin: 0 0 20px;
4013
- padding: 0; }
4014
-
4015
- .premium-person-content {
4016
- margin: 0 0 30px; }
4017
-
4018
- /*Override Theme List Margin*/
4019
- ul.premium-person-social-list {
4020
- margin: 0px !important;
4021
- padding: 0; }
4022
-
4023
- .premium-person-social-list .premium-person-list-item {
4024
- display: inline;
4025
- list-style: none; }
4026
-
4027
- .premium-person-social-list li {
4028
- position: relative;
4029
- bottom: 0px;
4030
- -webkit-transition: all 0.2s ease-in-out;
4031
- transition: all 0.2s ease-in-out; }
4032
- .premium-person-social-list li i {
4033
- position: relative;
4034
- bottom: 0px;
4035
- -webkit-transition: all 0.2s ease-in-out;
4036
- transition: all 0.2s ease-in-out; }
4037
-
4038
- .premium-person-defaults-yes li.premium-person-facebook:hover a {
4039
- background-color: #3b5998 !important; }
4040
-
4041
- .premium-person-defaults-yes li.premium-person-twitter:hover a {
4042
- background-color: #55acee !important; }
4043
-
4044
- .premium-person-defaults-yes li.premium-person-linkedin:hover a {
4045
- background-color: #0077b5 !important; }
4046
-
4047
- .premium-person-defaults-yes li.premium-person-google:hover a {
4048
- background-color: #dc4e41 !important; }
4049
-
4050
- .premium-person-defaults-yes li.premium-person-youtube:hover a {
4051
- background-color: #b31217 !important; }
4052
-
4053
- .premium-person-defaults-yes li.premium-person-instagram:hover a {
4054
- background-color: #e4405f !important; }
4055
-
4056
- .premium-person-defaults-yes li.premium-person-skype:hover a {
4057
- background-color: #00aff0 !important; }
4058
-
4059
- .premium-person-defaults-yes li.premium-person-pinterest:hover a {
4060
- background-color: #bd081c !important; }
4061
-
4062
- .premium-person-defaults-yes li.premium-person-dribbble:hover a {
4063
- background-color: #ea4c89 !important; }
4064
-
4065
- .premium-person-defaults-yes li.premium-person-mail:hover a {
4066
- background-color: #b23121 !important; }
4067
-
4068
- .premium-person-defaults-yes li.premium-person-behance:hover a {
4069
- background-color: #1769ff !important; }
4070
-
4071
- .premium-person-defaults-yes li.premium-person-whatsapp:hover a {
4072
- background-color: #25d366 !important; }
4073
-
4074
- .premium-person-defaults-yes li.premium-person-telegram:hover a {
4075
- background-color: #0088cc !important; }
4076
-
4077
- .premium-person-defaults-yes li.premium-person-site:hover a {
4078
- background-color: #0055a5 !important; }
4079
-
4080
- .premium-person-social-list li:hover a {
4081
- -webkit-box-shadow: none;
4082
- box-shadow: none; }
4083
-
4084
- .premium-person-social-list li a:focus {
4085
- -webkit-box-shadow: none;
4086
- box-shadow: none;
4087
- outline: none; }
4088
-
4089
- .premium-person-social-list li i {
4090
- font-size: 18px; }
4091
-
4092
- .elementor-widget-premium-addon-person .elementor-widget-container {
4093
- -js-display: flex;
4094
- display: -webkit-box;
4095
- display: -webkit-flex;
4096
- display: -moz-box;
4097
- display: -ms-flexbox;
4098
- display: flex;
4099
- -webkit-box-pack: center;
4100
- -webkit-justify-content: center;
4101
- -moz-box-pack: center;
4102
- -ms-flex-pack: center;
4103
- justify-content: center; }
4104
-
4105
- .premium-persons-container.multiple-persons {
4106
- -js-display: flex;
4107
- display: -webkit-box;
4108
- display: -webkit-flex;
4109
- display: -moz-box;
4110
- display: -ms-flexbox;
4111
- display: flex;
4112
- -webkit-flex-wrap: wrap;
4113
- -ms-flex-wrap: wrap;
4114
- flex-wrap: wrap;
4115
- width: 100%; }
4116
-
4117
- .premium-person-style1 .premium-person-container {
4118
- overflow: hidden; }
4119
- .premium-person-style1 .premium-person-container .premium-person-info {
4120
- position: absolute;
4121
- top: auto;
4122
- right: 0;
4123
- left: 0;
4124
- -webkit-transition: all 500ms ease 0s;
4125
- transition: all 500ms ease 0s;
4126
- -webkit-transform: translate3d(0, 100%, 0);
4127
- transform: translate3d(0, 100%, 0); }
4128
- .premium-person-style1 .premium-person-container:hover .premium-person-info {
4129
- -webkit-transform: translate3d(0, 0, 0);
4130
- transform: translate3d(0, 0, 0);
4131
- bottom: -1px !important; }
4132
-
4133
- .premium-person-style1 .premium-person-social-list li:hover {
4134
- bottom: 5px; }
4135
-
4136
- .premium-person-style1.multiple-persons:not([data-persons-equal="yes"]) {
4137
- -webkit-box-align: start;
4138
- -webkit-align-items: flex-start;
4139
- -moz-box-align: start;
4140
- -ms-flex-align: start;
4141
- align-items: flex-start; }
4142
-
4143
- .premium-person-style1 .slick-track {
4144
- -js-display: flex;
4145
- display: -webkit-box;
4146
- display: -webkit-flex;
4147
- display: -moz-box;
4148
- display: -ms-flexbox;
4149
- display: flex; }
4150
-
4151
- .premium-person-style1 .slick-slide {
4152
- height: inherit !important; }
4153
-
4154
- .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-container,
4155
- .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-wrap {
4156
- height: 100%; }
4157
-
4158
- .premium-person-style3 .premium-person-info-container {
4159
- position: absolute;
4160
- top: 0;
4161
- left: 0;
4162
- width: 100%;
4163
- height: 100%;
4164
- -js-display: flex;
4165
- display: -webkit-box;
4166
- display: -webkit-flex;
4167
- display: -moz-box;
4168
- display: -ms-flexbox;
4169
- display: flex;
4170
- -webkit-box-orient: vertical;
4171
- -webkit-box-direction: normal;
4172
- -webkit-flex-direction: column;
4173
- -moz-box-orient: vertical;
4174
- -moz-box-direction: normal;
4175
- -ms-flex-direction: column;
4176
- flex-direction: column;
4177
- -webkit-box-pack: justify;
4178
- -webkit-justify-content: space-between;
4179
- -moz-box-pack: justify;
4180
- -ms-flex-pack: justify;
4181
- justify-content: space-between; }
4182
-
4183
- .premium-person-style3 .premium-person-title-desc-wrap {
4184
- -js-display: flex;
4185
- display: -webkit-box;
4186
- display: -webkit-flex;
4187
- display: -moz-box;
4188
- display: -ms-flexbox;
4189
- display: flex;
4190
- -webkit-box-orient: horizontal;
4191
- -webkit-box-direction: reverse;
4192
- -webkit-flex-direction: row-reverse;
4193
- -moz-box-orient: horizontal;
4194
- -moz-box-direction: reverse;
4195
- -ms-flex-direction: row-reverse;
4196
- flex-direction: row-reverse;
4197
- -webkit-box-pack: justify;
4198
- -webkit-justify-content: space-between;
4199
- -moz-box-pack: justify;
4200
- -ms-flex-pack: justify;
4201
- justify-content: space-between;
4202
- -webkit-box-align: start;
4203
- -webkit-align-items: flex-start;
4204
- -moz-box-align: start;
4205
- -ms-flex-align: start;
4206
- align-items: flex-start; }
4207
-
4208
- .premium-person-style3 .premium-person-name-icons-wrap {
4209
- -js-display: flex;
4210
- display: -webkit-box;
4211
- display: -webkit-flex;
4212
- display: -moz-box;
4213
- display: -ms-flexbox;
4214
- display: flex;
4215
- -webkit-box-pack: justify;
4216
- -webkit-justify-content: space-between;
4217
- -moz-box-pack: justify;
4218
- -ms-flex-pack: justify;
4219
- justify-content: space-between;
4220
- -webkit-box-align: end;
4221
- -webkit-align-items: flex-end;
4222
- -moz-box-align: end;
4223
- -ms-flex-align: end;
4224
- align-items: flex-end; }
4225
-
4226
- .premium-person-style3 .premium-person-title {
4227
- opacity: 0;
4228
- -webkit-transition: all 0.3s ease;
4229
- transition: all 0.3s ease;
4230
- width: 0; }
4231
- .premium-person-style3 .premium-person-title span {
4232
- display: inline-block; }
4233
-
4234
- .premium-person-style3 .premium-person-name {
4235
- padding-left: 10px; }
4236
-
4237
- .premium-person-style3 .premium-person-social-list {
4238
- -js-display: flex;
4239
- display: -webkit-box;
4240
- display: -webkit-flex;
4241
- display: -moz-box;
4242
- display: -ms-flexbox;
4243
- display: flex;
4244
- -webkit-box-orient: vertical;
4245
- -webkit-box-direction: normal;
4246
- -webkit-flex-direction: column;
4247
- -moz-box-orient: vertical;
4248
- -moz-box-direction: normal;
4249
- -ms-flex-direction: column;
4250
- flex-direction: column;
4251
- -webkit-transform: translateY(20px);
4252
- -ms-transform: translateY(20px);
4253
- transform: translateY(20px);
4254
- opacity: 0;
4255
- -webkit-transition: all 0.3s ease;
4256
- transition: all 0.3s ease; }
4257
-
4258
- .premium-person-style3 .premium-person-list-item {
4259
- line-height: 0; }
4260
- .premium-person-style3 .premium-person-list-item a {
4261
- padding: 5px 10px 0 0;
4262
- margin: 5px 0; }
4263
-
4264
- .premium-person-style3 .premium-person-container:hover .premium-person-title {
4265
- opacity: 1; }
4266
-
4267
- .premium-person-style3 .premium-person-container:hover .premium-person-social-list {
4268
- opacity: 1;
4269
- -webkit-transform: translateY(0);
4270
- -ms-transform: translateY(0);
4271
- transform: translateY(0); }
4272
-
4273
- .premium-persons-title-cw .premium-person-title {
4274
- -webkit-transform: translateX(15px) rotate(90deg);
4275
- -ms-transform: translateX(15px) rotate(90deg);
4276
- transform: translateX(15px) rotate(90deg);
4277
- -webkit-transform-origin: top;
4278
- -ms-transform-origin: top;
4279
- transform-origin: top; }
4280
-
4281
- .premium-persons-title-cw .premium-person-container:hover .premium-person-title {
4282
- -webkit-transform: translateX(0) rotate(90deg);
4283
- -ms-transform: translateX(0) rotate(90deg);
4284
- transform: translateX(0) rotate(90deg); }
4285
-
4286
- .premium-persons-title-ccw .premium-person-title {
4287
- width: auto;
4288
- margin-right: 20px;
4289
- -webkit-transform: translateX(15px) rotate(-90deg);
4290
- -ms-transform: translateX(15px) rotate(-90deg);
4291
- transform: translateX(15px) rotate(-90deg);
4292
- -webkit-transform-origin: center right;
4293
- -ms-transform-origin: center right;
4294
- transform-origin: center right; }
4295
-
4296
- .premium-persons-title-ccw .premium-person-container:hover .premium-person-title {
4297
- -webkit-transform: translateX(0) rotate(-90deg);
4298
- -ms-transform: translateX(0) rotate(-90deg);
4299
- transform: translateX(0) rotate(-90deg); }
4300
-
4301
- /**************** Premium Fancy Text *******************/
4302
- /*******************************************************/
4303
- .premium-suffix-text,
4304
- .premium-fancy-text,
4305
- .premium-prefix-text {
4306
- font-size: 40px; }
4307
-
4308
- .premium-fancy-text-wrapper:not(.typing) .premium-fancy-text,
4309
- .premium-fancy-item-hidden {
4310
- opacity: 0; }
4311
-
4312
- .premium-fancy-text-wrapper .premium-fancy-list-items {
4313
- list-style: none; }
4314
-
4315
- .premium-fancy-text-wrapper .premium-fancy-text-span-align {
4316
- vertical-align: top; }
4317
-
4318
- .premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-text-items-wrapper {
4319
- margin: 0;
4320
- padding: 0;
4321
- border: none;
4322
- position: relative; }
4323
-
4324
- .premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-list-items {
4325
- position: absolute;
4326
- top: 0;
4327
- left: 0;
4328
- display: inline-block; }
4329
-
4330
- .premium-fancy-text-wrapper.zoomout .premium-fancy-item-hidden {
4331
- -webkit-animation: pa-zoom-out 0.8s;
4332
- animation: pa-zoom-out 0.8s; }
4333
-
4334
- .premium-fancy-text-wrapper.zoomout .premium-fancy-item-visible {
4335
- position: relative !important;
4336
- -webkit-animation: pa-zoom-in 0.8s;
4337
- animation: pa-zoom-in 0.8s; }
4338
-
4339
- .premium-fancy-text-wrapper.zoomout .premium-fancy-text-items-wrapper {
4340
- -webkit-perspective: 300px;
4341
- perspective: 300px; }
4342
-
4343
- .premium-fancy-text-wrapper.rotate .premium-fancy-list-items {
4344
- -webkit-transform-origin: 50% 100%;
4345
- -ms-transform-origin: 50% 100%;
4346
- transform-origin: 50% 100%; }
4347
-
4348
- .premium-fancy-text-wrapper.rotate .premium-fancy-item-hidden {
4349
- -webkit-transform: rotateX(180deg);
4350
- transform: rotateX(180deg);
4351
- -webkit-animation: pa-rotate-out 1.2s;
4352
- animation: pa-rotate-out 1.2s; }
4353
-
4354
- .premium-fancy-text-wrapper.rotate .premium-fancy-item-visible {
4355
- position: relative !important;
4356
- -webkit-transform: rotateX(0deg);
4357
- transform: rotateX(0deg);
4358
- -webkit-animation: pa-rotate-in 1.2s;
4359
- animation: pa-rotate-in 1.2s; }
4360
-
4361
- .premium-fancy-text-wrapper.custom .premium-fancy-item-visible {
4362
- position: relative !important; }
4363
-
4364
- .premium-fancy-text-wrapper.auto-fade .premium-fancy-text {
4365
- display: inline-block;
4366
- width: 200px;
4367
- font-weight: 400; }
4368
-
4369
- .premium-fancy-text-wrapper.auto-fade .premium-fancy-svg-text {
4370
- position: relative;
4371
- vertical-align: sub; }
4372
-
4373
- .premium-fancy-text-wrapper.auto-fade g > text {
4374
- text-anchor: start;
4375
- shape-rendering: crispEdges;
4376
- opacity: 0;
4377
- font-size: 300px;
4378
- -webkit-animation-name: pa-auto-fade;
4379
- animation-name: pa-auto-fade;
4380
- -moz-animation-name: pa-auto-fade;
4381
- -webkit-animation-duration: 9s;
4382
- animation-duration: 9s;
4383
- -webkit-animation-timing-function: linear;
4384
- animation-timing-function: linear;
4385
- -webkit-animation-iteration-count: infinite;
4386
- animation-iteration-count: infinite; }
4387
-
4388
- .premium-fancy-text-wrapper.auto-fade g > text:nth-child(1) {
4389
- -webkit-animation-delay: 0s;
4390
- animation-delay: 0s; }
4391
-
4392
- .premium-fancy-text-wrapper.auto-fade g > text:nth-child(2) {
4393
- -webkit-animation-delay: 3s;
4394
- animation-delay: 3s; }
4395
-
4396
- .premium-fancy-text-wrapper.auto-fade g > text:nth-child(3) {
4397
- -webkit-animation-delay: 6s;
4398
- animation-delay: 6s; }
4399
-
4400
- .premium-fancy-text-wrapper.loading .premium-fancy-text {
4401
- position: relative; }
4402
- .premium-fancy-text-wrapper.loading .premium-fancy-text .premium-loading-bar {
4403
- position: absolute;
4404
- width: 100%;
4405
- height: 3px;
4406
- bottom: 0;
4407
- left: 0;
4408
- animation: pa-loading-bar 2.5s ease-out infinite;
4409
- -webkit-animation: pa-loading-bar 2.5s ease-out infinite; }
4410
-
4411
- .premium-fancy-text-wrapper.loading.pause .premium-fancy-text:hover .premium-loading-bar {
4412
- -webkit-animation-play-state: paused;
4413
- animation-play-state: paused; }
4414
-
4415
- @-webkit-keyframes pa-auto-fade {
4416
- 0% {
4417
- opacity: 0; }
4418
- 20% {
4419
- opacity: 1; }
4420
- 35% {
4421
- opacity: 0; }
4422
- 100% {
4423
- opacity: 0; } }
4424
-
4425
- @keyframes pa-auto-fade {
4426
- 0% {
4427
- opacity: 0; }
4428
- 20% {
4429
- opacity: 1; }
4430
- 35% {
4431
- opacity: 0; }
4432
- 100% {
4433
- opacity: 0; } }
4434
-
4435
- @-webkit-keyframes pa-loading-bar {
4436
- 0% {
4437
- width: 0; }
4438
- 100% {
4439
- width: 100; } }
4440
-
4441
- @keyframes pa-loading-bar {
4442
- 0% {
4443
- width: 0; }
4444
- 100% {
4445
- width: 100; } }
4446
-
4447
- @-webkit-keyframes pa-zoom-in {
4448
- 0% {
4449
- opacity: 0;
4450
- -webkit-transform: translateZ(100px);
4451
- transform: translateZ(100px); }
4452
- 100% {
4453
- opacity: 1;
4454
- -webkit-transform: translateZ(0);
4455
- transform: translateZ(0); } }
4456
-
4457
- @keyframes pa-zoom-in {
4458
- 0% {
4459
- opacity: 0;
4460
- -webkit-transform: translateZ(100px);
4461
- transform: translateZ(100px); }
4462
- 100% {
4463
- opacity: 1;
4464
- -webkit-transform: translateZ(0);
4465
- transform: translateZ(0); } }
4466
-
4467
- @-webkit-keyframes pa-zoom-out {
4468
- 0% {
4469
- opacity: 1;
4470
- -webkit-transform: translateZ(0);
4471
- transform: translateZ(0); }
4472
- 100% {
4473
- opacity: 0;
4474
- -webkit-transform: translateZ(-100px);
4475
- transform: translateZ(-100px); } }
4476
-
4477
- @keyframes pa-zoom-out {
4478
- 0% {
4479
- opacity: 1;
4480
- -webkit-transform: translateZ(0);
4481
- transform: translateZ(0); }
4482
- 100% {
4483
- opacity: 0;
4484
- -webkit-transform: translateZ(-100px);
4485
- transform: translateZ(-100px); } }
4486
-
4487
- @-webkit-keyframes pa-rotate-in {
4488
- 0% {
4489
- opacity: 0;
4490
- -webkit-transform: rotateX(180deg);
4491
- transform: rotateX(180deg); }
4492
- 35% {
4493
- opacity: 0;
4494
- -webkit-transform: rotateX(120deg);
4495
- transform: rotateX(120deg); }
4496
- 65% {
4497
- opacity: 0; }
4498
- 100% {
4499
- opacity: 1;
4500
- -webkit-transform: rotateX(360deg);
4501
- transform: rotateX(360deg); } }
4502
-
4503
- @keyframes pa-rotate-in {
4504
- 0% {
4505
- opacity: 0;
4506
- -webkit-transform: rotateX(180deg);
4507
- transform: rotateX(180deg); }
4508
- 35% {
4509
- opacity: 0;
4510
- -webkit-transform: rotateX(120deg);
4511
- transform: rotateX(120deg); }
4512
- 65% {
4513
- opacity: 0; }
4514
- 100% {
4515
- opacity: 1;
4516
- -webkit-transform: rotateX(360deg);
4517
- transform: rotateX(360deg); } }
4518
-
4519
- @-webkit-keyframes pa-rotate-out {
4520
- 0% {
4521
- opacity: 1;
4522
- -webkit-transform: rotateX(0deg);
4523
- transform: rotateX(0deg); }
4524
- 35% {
4525
- opacity: 1;
4526
- -webkit-transform: rotateX(-40deg);
4527
- transform: rotateX(-40deg); }
4528
- 65% {
4529
- opacity: 0; }
4530
- 100% {
4531
- opacity: 0;
4532
- -webkit-transform: rotateX(180deg);
4533
- transform: rotateX(180deg); } }
4534
-
4535
- @keyframes pa-rotate-out {
4536
- 0% {
4537
- opacity: 1;
4538
- -webkit-transform: rotateX(0deg);
4539
- transform: rotateX(0deg); }
4540
- 35% {
4541
- opacity: 1;
4542
- -webkit-transform: rotateX(-40deg);
4543
- transform: rotateX(-40deg); }
4544
- 65% {
4545
- opacity: 0; }
4546
- 100% {
4547
- opacity: 0;
4548
- -webkit-transform: rotateX(180deg);
4549
- transform: rotateX(180deg); } }
4550
-
4551
- /**************** Premium Pricing Table ****************/
4552
- /*******************************************************/
4553
- .premium-pricing-table-container {
4554
- position: relative;
4555
- overflow: hidden;
4556
- text-align: center;
4557
- -webkit-transition: all 0.3s ease-in-out;
4558
- transition: all 0.3s ease-in-out; }
4559
-
4560
- .premium-pricing-icon-container {
4561
- -js-display: flex;
4562
- display: -webkit-box;
4563
- display: -webkit-flex;
4564
- display: -moz-box;
4565
- display: -ms-flexbox;
4566
- display: flex;
4567
- -webkit-box-pack: center;
4568
- -webkit-justify-content: center;
4569
- -moz-box-pack: center;
4570
- -ms-flex-pack: center;
4571
- justify-content: center;
4572
- line-height: 0; }
4573
- .premium-pricing-icon-container .premium-pricing-icon {
4574
- display: inline-block; }
4575
- .premium-pricing-icon-container .premium-pricing-image {
4576
- overflow: hidden; }
4577
- .premium-pricing-icon-container .premium-pricing-image img {
4578
- width: 25px;
4579
- height: 25px;
4580
- -o-object-fit: cover;
4581
- object-fit: cover; }
4582
-
4583
- .premium-badge-left {
4584
- position: absolute;
4585
- top: 0; }
4586
-
4587
- .premium-badge-right {
4588
- position: absolute;
4589
- top: 0;
4590
- right: 0; }
4591
-
4592
- .premium-badge-left {
4593
- left: 0; }
4594
-
4595
- .premium-badge-triangle.premium-badge-left .corner {
4596
- width: 0;
4597
- height: 0;
4598
- border-top: 150px solid;
4599
- border-bottom: 150px solid transparent;
4600
- border-right: 150px solid transparent; }
4601
-
4602
- .premium-badge-triangle.premium-badge-right .corner {
4603
- width: 0;
4604
- height: 0;
4605
- border-bottom: 150px solid transparent;
4606
- border-right: 150px solid;
4607
- border-left: 150px solid transparent; }
4608
-
4609
- .premium-badge-triangle span {
4610
- position: absolute;
4611
- top: 35px;
4612
- width: 100px;
4613
- text-align: center;
4614
- -webkit-transform: rotate(-45deg);
4615
- -ms-transform: rotate(-45deg);
4616
- transform: rotate(-45deg);
4617
- display: block;
4618
- text-transform: uppercase; }
4619
-
4620
- .premium-badge-triangle.premium-badge-right span {
4621
- -webkit-transform: rotate(45deg);
4622
- -ms-transform: rotate(45deg);
4623
- transform: rotate(45deg);
4624
- right: 0; }
4625
-
4626
- .premium-badge-circle {
4627
- min-width: 4em;
4628
- min-height: 4em;
4629
- line-height: 4em;
4630
- text-align: center;
4631
- -webkit-border-radius: 100%;
4632
- border-radius: 100%;
4633
- position: absolute;
4634
- z-index: 1; }
4635
-
4636
- .premium-badge-stripe {
4637
- position: absolute;
4638
- -webkit-transform: rotate(90deg);
4639
- -ms-transform: rotate(90deg);
4640
- transform: rotate(90deg);
4641
- width: 15em;
4642
- overflow: hidden;
4643
- height: 15em; }
4644
- .premium-badge-stripe.premium-badge-left {
4645
- -webkit-transform: rotate(0);
4646
- -ms-transform: rotate(0);
4647
- transform: rotate(0); }
4648
- .premium-badge-stripe .corner {
4649
- text-align: center;
4650
- left: 0;
4651
- width: 150%;
4652
- -webkit-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
4653
- -ms-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
4654
- transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
4655
- margin-top: 35px;
4656
- font-size: 13px;
4657
- line-height: 2;
4658
- font-weight: 800;
4659
- text-transform: uppercase; }
4660
-
4661
- .premium-badge-flag .corner {
4662
- text-align: center;
4663
- -webkit-border-radius: 4px 4px 0 4px;
4664
- border-radius: 4px 4px 0 4px;
4665
- padding: 3px 15px;
4666
- position: absolute;
4667
- top: 10%;
4668
- right: -8px; }
4669
- .premium-badge-flag .corner::before, .premium-badge-flag .corner::after {
4670
- content: "";
4671
- display: block;
4672
- position: absolute;
4673
- width: 0;
4674
- height: 0;
4675
- top: 100%;
4676
- right: 0;
4677
- border-bottom: 8px solid transparent; }
4678
-
4679
- .elementor-widget-premium-addon-pricing-table .elementor-widget-container {
4680
- overflow: visible !important; }
4681
-
4682
- .premium-badge-flag .corner::after {
4683
- border-left: 8px solid rgba(0, 0, 0, 0.2); }
4684
-
4685
- .premium-pricing-price-currency {
4686
- position: relative; }
4687
-
4688
- .premium-pricing-button-container {
4689
- display: block; }
4690
-
4691
- .premium-pricing-list {
4692
- -js-display: flex;
4693
- display: -webkit-box;
4694
- display: -webkit-flex;
4695
- display: -moz-box;
4696
- display: -ms-flexbox;
4697
- display: flex;
4698
- -webkit-box-orient: vertical;
4699
- -webkit-box-direction: normal;
4700
- -webkit-flex-direction: column;
4701
- -moz-box-orient: vertical;
4702
- -moz-box-direction: normal;
4703
- -ms-flex-direction: column;
4704
- flex-direction: column;
4705
- list-style-type: none;
4706
- margin: 0; }
4707
- .premium-pricing-list .premium-pricing-list-item {
4708
- -js-display: flex;
4709
- display: -webkit-box;
4710
- display: -webkit-flex;
4711
- display: -moz-box;
4712
- display: -ms-flexbox;
4713
- display: flex;
4714
- -webkit-box-align: center;
4715
- -webkit-align-items: center;
4716
- -moz-box-align: center;
4717
- -ms-flex-align: center;
4718
- align-items: center; }
4719
- .premium-pricing-list .premium-pricing-list-item svg {
4720
- width: 50px;
4721
- height: 50px; }
4722
- .premium-pricing-list .premium-pricing-list-item img {
4723
- width: 30px;
4724
- height: 30px;
4725
- -o-object-fit: cover;
4726
- object-fit: cover; }
4727
- .premium-pricing-list .premium-pricing-list-span {
4728
- position: relative; }
4729
- .premium-pricing-list .list-item-tooltip {
4730
- border-bottom: 1px dotted; }
4731
- .premium-pricing-list .premium-pricing-list-tooltip {
4732
- position: absolute;
4733
- top: -webkit-calc(100% + 1px);
4734
- top: calc(100% + 1px);
4735
- left: 0;
4736
- visibility: hidden;
4737
- padding: 15px 20px;
4738
- -webkit-border-radius: 5px;
4739
- border-radius: 5px;
4740
- min-width: 200px;
4741
- overflow: hidden;
4742
- text-align: left;
4743
- font-size: 0.8rem;
4744
- color: #fff;
4745
- background-color: #aaa; }
4746
-
4747
- .premium-pricing-features-left .premium-pricing-list-span {
4748
- text-align: left; }
4749
-
4750
- .premium-pricing-features-center .premium-pricing-list-span {
4751
- text-align: center; }
4752
-
4753
- .premium-pricing-features-right .premium-pricing-list-span {
4754
- text-align: right; }
4755
-
4756
- .premium-pricing-list-span:hover .premium-pricing-list-tooltip {
4757
- z-index: 99;
4758
- visibility: visible;
4759
- opacity: 1; }
4760
-
4761
- .premium-pricing-slashed-price-value {
4762
- display: inline-block;
4763
- font-size: 20px;
4764
- font-weight: 400;
4765
- margin-right: 5px; }
4766
-
4767
- .premium-pricing-price-value {
4768
- font-size: 70px; }
4769
-
4770
- .premium-pricing-description-container li {
4771
- list-style-position: inside;
4772
- text-indent: -40px; }
4773
-
4774
- @-moz-document url-prefix() {
4775
- .premium-pricing-description-container li {
4776
- text-indent: 0px; } }
4777
-
4778
- .premium-pricing-price-button {
4779
- display: block;
4780
- padding: 6px 12px;
4781
- line-height: 1.42857143;
4782
- text-align: center;
4783
- color: #fff;
4784
- background: #6ec1e4;
4785
- margin-bottom: 0;
4786
- -webkit-transition: all 0.3s ease-in-out;
4787
- transition: all 0.3s ease-in-out; }
4788
-
4789
- /**************** Premium Google Maps ******************/
4790
- /*******************************************************/
4791
- .premium-maps-info-container {
4792
- margin-top: 10px;
4793
- margin-bottom: 10px; }
4794
-
4795
- .premium-maps-info-title,
4796
- .premium-maps-info-desc {
4797
- margin: 0;
4798
- padding: 0; }
4799
-
4800
- .premium-maps-container .gm-style-iw {
4801
- text-align: center; }
4802
-
4803
- .premium-maps-container .gm-style img {
4804
- max-width: none !important; }
4805
-
4806
- /**************** Premium Button ***********************/
4807
- /*******************************************************/
4808
- .premium-button {
4809
- -js-display: inline-flex;
4810
- display: -webkit-inline-box;
4811
- display: -webkit-inline-flex;
4812
- display: -moz-inline-box;
4813
- display: -ms-inline-flexbox;
4814
- display: inline-flex;
4815
- position: relative;
4816
- overflow: hidden;
4817
- -webkit-backface-visibility: hidden;
4818
- backface-visibility: hidden;
4819
- -webkit-transform: translate3d(0, 0, 0);
4820
- transform: translate3d(0, 0, 0);
4821
- cursor: pointer;
4822
- -webkit-transition: all 0.2s ease-in-out !important;
4823
- transition: all 0.2s ease-in-out !important; }
4824
-
4825
- .premium-button .premium-lottie-animation,
4826
- .premium-image-button .premium-lottie-animation {
4827
- -js-display: flex;
4828
- display: -webkit-box;
4829
- display: -webkit-flex;
4830
- display: -moz-box;
4831
- display: -ms-flexbox;
4832
- display: flex; }
4833
-
4834
- .premium-button svg,
4835
- .premium-image-button svg {
4836
- width: 30px;
4837
- height: 30px; }
4838
-
4839
- .premium-btn-sm,
4840
- .premium-btn-md,
4841
- .premium-btn-lg,
4842
- .premium-btn-block {
4843
- background-color: #eee;
4844
- color: #042551;
4845
- margin: 0px;
4846
- text-decoration: none; }
4847
- .premium-btn-sm:hover,
4848
- .premium-btn-md:hover,
4849
- .premium-btn-lg:hover,
4850
- .premium-btn-block:hover {
4851
- background-color: #54595f;
4852
- color: #eee; }
4853
-
4854
- .premium-btn-sm {
4855
- padding: 12px 24px;
4856
- font-size: 14px;
4857
- line-height: 1; }
4858
-
4859
- .premium-btn-md {
4860
- padding: 14px 26px;
4861
- font-size: 16px;
4862
- line-height: 1.2; }
4863
-
4864
- .premium-btn-lg {
4865
- padding: 16px 28px;
4866
- font-size: 18px;
4867
- line-height: 1.3333; }
4868
-
4869
- .premium-btn-block {
4870
- font-size: 18px;
4871
- line-height: 1;
4872
- padding: 20px 0px;
4873
- width: 100%;
4874
- text-align: center; }
4875
-
4876
- .premium-button-text {
4877
- display: inline-block;
4878
- width: 100%; }
4879
-
4880
- .premium-button-style1,
4881
- .premium-button-style2,
4882
- .premium-button-style5,
4883
- .premium-button-style7 {
4884
- display: inline-block;
4885
- vertical-align: middle;
4886
- -webkit-transform: perspective(1px) translateZ(0);
4887
- transform: perspective(1px) translateZ(0);
4888
- -webkit-box-shadow: 0 0 1px transparent;
4889
- box-shadow: 0 0 1px transparent;
4890
- position: relative;
4891
- -webkit-transition-property: color;
4892
- transition-property: color;
4893
- -webkit-transition-duration: 0.15s;
4894
- transition-duration: 0.15s; }
4895
-
4896
- .premium-button-style1:before,
4897
- .premium-button-style2:before,
4898
- .premium-button-style5:before {
4899
- content: "";
4900
- position: absolute;
4901
- z-index: -1;
4902
- top: 0;
4903
- left: 0;
4904
- right: 0;
4905
- bottom: 0;
4906
- -webkit-transform: scaleY(0);
4907
- -ms-transform: scaleY(0);
4908
- transform: scaleY(0);
4909
- -webkit-transform-origin: 50% 0;
4910
- -ms-transform-origin: 50% 0;
4911
- transform-origin: 50% 0;
4912
- -webkit-transition-property: -webkit-transform;
4913
- transition-property: -webkit-transform;
4914
- transition-property: transform;
4915
- transition-property: transform, -webkit-transform;
4916
- -webkit-transition-duration: 0.15s;
4917
- transition-duration: 0.15s;
4918
- -webkit-transition-timing-function: ease-out;
4919
- transition-timing-function: ease-out; }
4920
-
4921
- .premium-button-style5-radialin:before,
4922
- .premium-button-style5-radialout:before {
4923
- -webkit-transform-origin: 50%;
4924
- -ms-transform-origin: 50%;
4925
- transform-origin: 50%;
4926
- -webkit-border-radius: 100%;
4927
- border-radius: 100%;
4928
- -webkit-transform: scale(0);
4929
- -ms-transform: scale(0);
4930
- transform: scale(0); }
4931
-
4932
- .premium-button-style5-radialin:before {
4933
- -webkit-transform: scale(2);
4934
- -ms-transform: scale(2);
4935
- transform: scale(2); }
4936
-
4937
- .premium-button-style5-rectin:before {
4938
- -webkit-transform-origin: 50%;
4939
- -ms-transform-origin: 50%;
4940
- transform-origin: 50%;
4941
- -webkit-transform: scale(1);
4942
- -ms-transform: scale(1);
4943
- transform: scale(1); }
4944
-
4945
- .premium-button-style5-rectout:before {
4946
- -webkit-transform-origin: 50%;
4947
- -ms-transform-origin: 50%;
4948
- transform-origin: 50%;
4949
- -webkit-transform: scale(0);
4950
- -ms-transform: scale(0);
4951
- transform: scale(0); }
4952
-
4953
- .premium-button-style5-rectout:hover:before {
4954
- -webkit-transform: scale(1);
4955
- -ms-transform: scale(1);
4956
- transform: scale(1); }
4957
-
4958
- .premium-button-style5-rectin:hover:before {
4959
- -webkit-transform: scale(0);
4960
- -ms-transform: scale(0);
4961
- transform: scale(0); }
4962
-
4963
- .premium-button-style5-radialout:hover:before {
4964
- -webkit-transform: scale(2);
4965
- -ms-transform: scale(2);
4966
- transform: scale(2); }
4967
-
4968
- .premium-button-style5-radialin:hover:before {
4969
- -webkit-transform: scale(0);
4970
- -ms-transform: scale(0);
4971
- transform: scale(0); }
4972
-
4973
- .premium-button-style1-top:before {
4974
- -webkit-transform-origin: 50% 100%;
4975
- -ms-transform-origin: 50% 100%;
4976
- transform-origin: 50% 100%; }
4977
-
4978
- .premium-button-style1-right:before {
4979
- -webkit-transform: scaleX(0);
4980
- -ms-transform: scaleX(0);
4981
- transform: scaleX(0);
4982
- -webkit-transform-origin: 0% 50%;
4983
- -ms-transform-origin: 0% 50%;
4984
- transform-origin: 0% 50%; }
4985
-
4986
- .premium-button-style1-left:before {
4987
- -webkit-transform: scaleX(0);
4988
- -ms-transform: scaleX(0);
4989
- transform: scaleX(0);
4990
- -webkit-transform-origin: 100% 50%;
4991
- -ms-transform-origin: 100% 50%;
4992
- transform-origin: 100% 50%; }
4993
-
4994
- .premium-button-style2-shutouthor:before,
4995
- .premium-button-style2-scshutoutver:before {
4996
- -webkit-transform: scaleY(0);
4997
- -ms-transform: scaleY(0);
4998
- transform: scaleY(0);
4999
- -webkit-transform-origin: 100% 50%;
5000
- -ms-transform-origin: 100% 50%;
5001
- transform-origin: 100% 50%; }
5002
-
5003
- .premium-button-style2-shutoutver:before,
5004
- .premium-button-style2-scshutouthor:before {
5005
- -webkit-transform: scaleX(0);
5006
- -ms-transform: scaleX(0);
5007
- transform: scaleX(0);
5008
- -webkit-transform-origin: 50% 50%;
5009
- -ms-transform-origin: 50% 50%;
5010
- transform-origin: 50% 50%; }
5011
-
5012
- .premium-button-style2-shutinhor:before {
5013
- -webkit-transform: scaleX(1);
5014
- -ms-transform: scaleX(1);
5015
- transform: scaleX(1);
5016
- -webkit-transform-origin: 50%;
5017
- -ms-transform-origin: 50%;
5018
- transform-origin: 50%; }
5019
-
5020
- .premium-button-style2-shutinver:before {
5021
- -webkit-transform: scaleY(1);
5022
- -ms-transform: scaleY(1);
5023
- transform: scaleY(1);
5024
- -webkit-transform-origin: 50%;
5025
- -ms-transform-origin: 50%;
5026
- transform-origin: 50%; }
5027
-
5028
- .premium-button-style1-bottom:hover:before,
5029
- .premium-button-style1-top:hover:before {
5030
- -webkit-transform: scaleY(1);
5031
- -ms-transform: scaleY(1);
5032
- transform: scaleY(1); }
5033
-
5034
- .premium-button-style1-left:hover:before,
5035
- .premium-button-style1-right:hover:before,
5036
- .premium-button-style2-shutouthor:hover:before,
5037
- .premium-button-style2-shutoutver:hover:before {
5038
- -webkit-transform: scaleX(1);
5039
- -ms-transform: scaleX(1);
5040
- transform: scaleX(1); }
5041
-
5042
- .premium-button-style2-shutinhor:hover:before {
5043
- -webkit-transform: scaleX(0);
5044
- -ms-transform: scaleX(0);
5045
- transform: scaleX(0); }
5046
-
5047
- .premium-button-style2-shutinver:hover:before {
5048
- -webkit-transform: scaleY(0);
5049
- -ms-transform: scaleY(0);
5050
- transform: scaleY(0); }
5051
-
5052
- .premium-button-style2-scshutouthor:hover:before {
5053
- -webkit-transform: scaleX(0.9);
5054
- -ms-transform: scaleX(0.9);
5055
- transform: scaleX(0.9); }
5056
-
5057
- .premium-button-style2-scshutoutver:hover:before {
5058
- -webkit-transform: scaleY(0.8);
5059
- -ms-transform: scaleY(0.8);
5060
- transform: scaleY(0.8); }
5061
-
5062
- /*Diagonal*/
5063
- .premium-button-style2-dshutinhor:before {
5064
- top: 50%;
5065
- left: 50%;
5066
- width: 120%;
5067
- height: 0%;
5068
- -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
5069
- -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
5070
- transform: translateX(-50%) translateY(-50%) rotate(-45deg);
5071
- -webkit-transform-origin: 50%;
5072
- -ms-transform-origin: 50%;
5073
- transform-origin: 50%;
5074
- -webkit-transition-property: all;
5075
- transition-property: all; }
5076
-
5077
- .premium-button-style2-dshutinver:before {
5078
- top: 50%;
5079
- left: 50%;
5080
- width: 120%;
5081
- height: 0%;
5082
- -webkit-transform-origin: 50%;
5083
- -ms-transform-origin: 50%;
5084
- transform-origin: 50%;
5085
- -webkit-transition-property: all;
5086
- transition-property: all;
5087
- -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
5088
- -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
5089
- transform: translateX(-50%) translateY(-50%) rotate(45deg); }
5090
-
5091
- .premium-button-style2-dshutinhor:hover:before,
5092
- .premium-button-style2-dshutinver:hover:before {
5093
- height: 220%; }
5094
-
5095
- .premium-button-style3-before i,
5096
- .premium-button-style3-before svg {
5097
- opacity: 0;
5098
- -webkit-transform: translateX(-5px);
5099
- -ms-transform: translateX(-5px);
5100
- transform: translateX(-5px);
5101
- -webkit-transition: all 0.5s ease-in-out;
5102
- transition: all 0.5s ease-in-out; }
5103
-
5104
- .premium-button-style3-after i,
5105
- .premium-button-style3-after svg {
5106
- opacity: 0;
5107
- -webkit-transform: translateX(-5px);
5108
- -ms-transform: translateX(-5px);
5109
- transform: translateX(-5px);
5110
- -webkit-transition: all 0.5s ease-in-out;
5111
- transition: all 0.5s ease-in-out;
5112
- -webkit-transform: translateX(5px);
5113
- -ms-transform: translateX(5px);
5114
- transform: translateX(5px); }
5115
-
5116
- .premium-button-style3-after:hover i,
5117
- .premium-button-style3-after:hover svg {
5118
- opacity: 1; }
5119
-
5120
- .premium-button-style3-before:hover i,
5121
- .premium-button-style3-before:hover svg {
5122
- opacity: 1; }
5123
-
5124
- .premium-button-text-icon-wrapper {
5125
- width: 100%;
5126
- -js-display: flex;
5127
- display: -webkit-box;
5128
- display: -webkit-flex;
5129
- display: -moz-box;
5130
- display: -ms-flexbox;
5131
- display: flex;
5132
- -webkit-box-pack: center;
5133
- -webkit-justify-content: center;
5134
- -moz-box-pack: center;
5135
- -ms-flex-pack: center;
5136
- justify-content: center;
5137
- -webkit-box-align: center;
5138
- -webkit-align-items: center;
5139
- -moz-box-align: center;
5140
- -ms-flex-align: center;
5141
- align-items: center;
5142
- -webkit-transition: all 0.2s ease-in-out;
5143
- transition: all 0.2s ease-in-out; }
5144
- .premium-button-text-icon-wrapper span,
5145
- .premium-button-text-icon-wrapper i,
5146
- .premium-button-text-icon-wrapper svg {
5147
- -webkit-transition: all 0.2s ease-in-out;
5148
- transition: all 0.2s ease-in-out; }
5149
-
5150
- .premium-button-style4-icon-wrapper {
5151
- position: absolute;
5152
- z-index: 2;
5153
- width: 100%;
5154
- text-align: center;
5155
- -js-display: flex;
5156
- display: -webkit-box;
5157
- display: -webkit-flex;
5158
- display: -moz-box;
5159
- display: -ms-flexbox;
5160
- display: flex;
5161
- -webkit-box-align: center;
5162
- -webkit-align-items: center;
5163
- -moz-box-align: center;
5164
- -ms-flex-align: center;
5165
- align-items: center;
5166
- -webkit-box-pack: center;
5167
- -webkit-justify-content: center;
5168
- -moz-box-pack: center;
5169
- -ms-flex-pack: center;
5170
- justify-content: center;
5171
- height: 100%;
5172
- opacity: 0;
5173
- -webkit-transition: all 0.3s ease-in-out;
5174
- transition: all 0.3s ease-in-out; }
5175
- .premium-button-style4-icon-wrapper.top {
5176
- bottom: -100%;
5177
- left: 0; }
5178
- .premium-button-style4-icon-wrapper.bottom {
5179
- top: -100%;
5180
- left: 0; }
5181
- .premium-button-style4-icon-wrapper.left {
5182
- top: 0;
5183
- left: -100%; }
5184
- .premium-button-style4-icon-wrapper.right {
5185
- top: 0;
5186
- right: -100%; }
5187
-
5188
- .premium-button-style4-bottom:hover .premium-button-style4-icon-wrapper {
5189
- top: 0;
5190
- opacity: 1; }
5191
-
5192
- .premium-button-style4-top:hover .premium-button-style4-icon-wrapper {
5193
- bottom: 0;
5194
- opacity: 1; }
5195
-
5196
- .premium-button-style4-left:hover .premium-button-style4-icon-wrapper {
5197
- left: 0;
5198
- opacity: 1; }
5199
-
5200
- .premium-button-style4-right:hover .premium-button-style4-icon-wrapper {
5201
- right: 0;
5202
- opacity: 1; }
5203
-
5204
- .premium-button-style4-bottom:hover .premium-button-text-icon-wrapper {
5205
- -webkit-transform: translateY(100%);
5206
- -ms-transform: translateY(100%);
5207
- transform: translateY(100%);
5208
- opacity: 0; }
5209
-
5210
- .premium-button-style4-top:hover .premium-button-text-icon-wrapper {
5211
- -webkit-transform: translateY(-100%);
5212
- -ms-transform: translateY(-100%);
5213
- transform: translateY(-100%);
5214
- opacity: 0; }
5215
-
5216
- .premium-button-style4-left:hover .premium-button-text-icon-wrapper {
5217
- -webkit-transform: translateX(100%);
5218
- -ms-transform: translateX(100%);
5219
- transform: translateX(100%);
5220
- opacity: 0; }
5221
-
5222
- .premium-button-style4-right:hover .premium-button-text-icon-wrapper {
5223
- -webkit-transform: translateX(-100%);
5224
- -ms-transform: translateX(-100%);
5225
- transform: translateX(-100%);
5226
- opacity: 0; }
5227
-
5228
- .premium-button-style6:before {
5229
- content: "";
5230
- position: absolute;
5231
- left: 50%;
5232
- top: 50%;
5233
- width: 100px;
5234
- height: 100px;
5235
- -webkit-border-radius: 100%;
5236
- border-radius: 100%;
5237
- -webkit-transform: translate(-50%, -50%) scale(0);
5238
- -ms-transform: translate(-50%, -50%) scale(0);
5239
- transform: translate(-50%, -50%) scale(0);
5240
- -webkit-transition: all 0.3s ease-in-out;
5241
- transition: all 0.3s ease-in-out; }
5242
-
5243
- .premium-button-style6:hover:before {
5244
- -webkit-transform: translate(-50%, -50%) scale(3);
5245
- -ms-transform: translate(-50%, -50%) scale(3);
5246
- transform: translate(-50%, -50%) scale(3); }
5247
-
5248
- .premium-button-style6 .premium-button-text-icon-wrapper {
5249
- position: relative;
5250
- z-index: 1; }
5251
-
5252
- .premium-mouse-detect-yes .premium-button-style6 .premium-button-style6-bg {
5253
- position: absolute;
5254
- z-index: 0;
5255
- top: 0;
5256
- left: 0;
5257
- width: 0px;
5258
- height: 0px;
5259
- -webkit-border-radius: 50%;
5260
- border-radius: 50%;
5261
- display: block;
5262
- -webkit-transform: translate(-50%, -50%);
5263
- -ms-transform: translate(-50%, -50%);
5264
- transform: translate(-50%, -50%);
5265
- -webkit-transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
5266
- transition: width 0.4s ease-in-out, height 0.4s ease-in-out; }
5267
-
5268
- .premium-mouse-detect-yes .premium-button-style6:hover .premium-button-style6-bg {
5269
- width: 225%;
5270
- height: 560px; }
5271
-
5272
- .premium-mouse-detect-yes .premium-button-style6:before {
5273
- width: 0;
5274
- height: 0; }
5275
-
5276
- .premium-button-style7-right .premium-button-text-icon-wrapper:before,
5277
- .premium-button-style7-left .premium-button-text-icon-wrapper:before {
5278
- -webkit-transition: width 0.3s ease-out 0.15s;
5279
- transition: width 0.3s ease-out 0.15s; }
5280
-
5281
- .premium-button-style7-right .premium-button-text-icon-wrapper:after,
5282
- .premium-button-style7-left .premium-button-text-icon-wrapper:after {
5283
- -webkit-transition: width 0.3s ease-out 0s;
5284
- transition: width 0.3s ease-out 0s; }
5285
-
5286
- .premium-button-style7-bottom .premium-button-text-icon-wrapper:before,
5287
- .premium-button-style7-top .premium-button-text-icon-wrapper:before {
5288
- -webkit-transition: height 0.3s ease-out 0.15s;
5289
- transition: height 0.3s ease-out 0.15s; }
5290
-
5291
- .premium-button-style7-bottom .premium-button-text-icon-wrapper:after,
5292
- .premium-button-style7-top .premium-button-text-icon-wrapper:after {
5293
- -webkit-transition: height 0.3s ease-out 0s;
5294
- transition: height 0.3s ease-out 0s; }
5295
-
5296
- .premium-button-style7:hover .premium-button-text-icon-wrapper:before {
5297
- -webkit-transition-delay: 0s;
5298
- transition-delay: 0s; }
5299
-
5300
- .premium-button-style7:hover .premium-button-text-icon-wrapper:after {
5301
- -webkit-transition-delay: 0.15s;
5302
- transition-delay: 0.15s; }
5303
-
5304
- .premium-button-style7-bottom .premium-button-text-icon-wrapper:before,
5305
- .premium-button-style7-bottom .premium-button-text-icon-wrapper:after {
5306
- content: "";
5307
- position: absolute;
5308
- right: 0;
5309
- top: 0;
5310
- left: 0;
5311
- height: 0;
5312
- z-index: -1; }
5313
-
5314
- .premium-button-style7-top .premium-button-text-icon-wrapper:after,
5315
- .premium-button-style7-top .premium-button-text-icon-wrapper:before {
5316
- content: "";
5317
- position: absolute;
5318
- right: 0;
5319
- bottom: 0;
5320
- left: 0;
5321
- height: 0;
5322
- z-index: -1; }
5323
-
5324
- .premium-button-style7-right .premium-button-text-icon-wrapper:after,
5325
- .premium-button-style7-right .premium-button-text-icon-wrapper:before {
5326
- content: "";
5327
- position: absolute;
5328
- right: 0;
5329
- top: 0;
5330
- bottom: 0;
5331
- width: 0;
5332
- z-index: -1; }
5333
-
5334
- .premium-button-style7-left .premium-button-text-icon-wrapper:after,
5335
- .premium-button-style7-left .premium-button-text-icon-wrapper:before {
5336
- content: "";
5337
- position: absolute;
5338
- left: 0;
5339
- top: 0;
5340
- bottom: 0;
5341
- width: 0;
5342
- z-index: -1; }
5343
-
5344
- .premium-button-style7-bottom:hover .premium-button-text-icon-wrapper:after,
5345
- .premium-button-style7-bottom:hover .premium-button-text-icon-wrapper:before {
5346
- height: 100%;
5347
- top: 0; }
5348
-
5349
- .premium-button-style7-top:hover .premium-button-text-icon-wrapper:after,
5350
- .premium-button-style7-top:hover .premium-button-text-icon-wrapper:before {
5351
- height: 100%;
5352
- bottom: 0; }
5353
-
5354
- .premium-button-style7-left:hover .premium-button-text-icon-wrapper:after,
5355
- .premium-button-style7-left:hover .premium-button-text-icon-wrapper:before {
5356
- width: 100%;
5357
- left: 0; }
5358
-
5359
- .premium-button-style7-right:hover .premium-button-text-icon-wrapper:after,
5360
- .premium-button-style7-right:hover .premium-button-text-icon-wrapper:before {
5361
- width: 100%;
5362
- right: 0; }
5363
-
5364
- /**************** Premium Contact Form7 **********/
5365
- /*************************************************/
5366
- .premium-contact-form-anim-yes .wpcf7-span::after {
5367
- display: block;
5368
- height: 2px;
5369
- content: "";
5370
- top: -2px;
5371
- position: relative;
5372
- width: 0px;
5373
- -webkit-transition: all ease-in-out 0.3s;
5374
- transition: all ease-in-out 0.3s; }
5375
-
5376
- .premium-contact-form-anim-yes .wpcf7-span.is-focused::after {
5377
- width: 100%; }
5378
-
5379
- .premium-cf7-container input.wpcf7-submit {
5380
- -webkit-transition: all 0.3s ease-in-out;
5381
- transition: all 0.3s ease-in-out; }
5382
-
5383
- /**************** Premium Image Button ***********/
5384
- /*************************************************/
5385
- .premium-image-button {
5386
- -js-display: inline-flex;
5387
- display: -webkit-inline-box;
5388
- display: -webkit-inline-flex;
5389
- display: -moz-inline-box;
5390
- display: -ms-inline-flexbox;
5391
- display: inline-flex;
5392
- position: relative;
5393
- overflow: hidden;
5394
- background-color: #eee;
5395
- cursor: pointer;
5396
- -webkit-transition: all 0.2s ease-in-out !important;
5397
- transition: all 0.2s ease-in-out !important; }
5398
- .premium-image-button .premium-button-style6-bg, .premium-image-button.premium-button-style6:before, .premium-image-button:not(.premium-image-button-style6):hover {
5399
- background-color: #54595f; }
5400
-
5401
- /*Default background for slide styles*/
5402
- .premium-image-button-style4-icon-wrapper,
5403
- .premium-image-button-style1:before {
5404
- background-color: #54595f; }
5405
-
5406
- .premium-image-button-text-icon-wrapper {
5407
- width: 100%;
5408
- -js-display: flex;
5409
- display: -webkit-box;
5410
- display: -webkit-flex;
5411
- display: -moz-box;
5412
- display: -ms-flexbox;
5413
- display: flex;
5414
- -webkit-box-pack: center;
5415
- -webkit-justify-content: center;
5416
- -moz-box-pack: center;
5417
- -ms-flex-pack: center;
5418
- justify-content: center;
5419
- -webkit-box-align: center;
5420
- -webkit-align-items: center;
5421
- -moz-box-align: center;
5422
- -ms-flex-align: center;
5423
- align-items: center;
5424
- position: relative;
5425
- z-index: 3;
5426
- -webkit-transition: all 0.2s ease-in-out;
5427
- transition: all 0.2s ease-in-out; }
5428
- .premium-image-button-text-icon-wrapper span,
5429
- .premium-image-button-text-icon-wrapper i,
5430
- .premium-image-button-text-icon-wrapper svg {
5431
- -webkit-transition: all 0.2s ease-in-out;
5432
- transition: all 0.2s ease-in-out; }
5433
-
5434
- .premium-image-button-style1:before {
5435
- position: absolute;
5436
- content: "";
5437
- -webkit-transition: all 0.2s ease-in-out;
5438
- transition: all 0.2s ease-in-out; }
5439
-
5440
- .premium-image-button-style1-bottom:before {
5441
- width: 100%;
5442
- height: 0;
5443
- top: 0;
5444
- left: 0; }
5445
-
5446
- .premium-image-button-style1-top:before {
5447
- width: 100%;
5448
- height: 0;
5449
- bottom: 0;
5450
- left: 0; }
5451
-
5452
- .premium-image-button-style1-right:before {
5453
- width: 0;
5454
- height: 100%;
5455
- bottom: 0;
5456
- left: 0; }
5457
-
5458
- .premium-image-button-style1-left:before {
5459
- width: 0;
5460
- height: 100%;
5461
- top: 0;
5462
- right: 0; }
5463
-
5464
- .premium-image-button-style1-bottom:hover:before,
5465
- .premium-image-button-style1-top:hover:before {
5466
- height: 100%; }
5467
-
5468
- .premium-image-button-style1-right:hover:before,
5469
- .premium-image-button-style1-left:hover:before {
5470
- width: 100%; }
5471
-
5472
- .premium-image-button-style3 {
5473
- z-index: 10; }
5474
- .premium-image-button-style3:before {
5475
- position: absolute;
5476
- top: 0px;
5477
- left: 0px;
5478
- width: 100%;
5479
- height: 100%;
5480
- content: "";
5481
- z-index: 1;
5482
- background: rgba(255, 255, 255, 0.2);
5483
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
5484
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
5485
- -webkit-transition: all 0.8s ease-out;
5486
- transition: all 0.8s ease-out; }
5487
-
5488
- .premium-image-button-diagonal-right:before {
5489
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
5490
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0); }
5491
-
5492
- .premium-image-button-diagonal-right:hover:before {
5493
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
5494
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0); }
5495
-
5496
- .premium-image-button-diagonal-left:before {
5497
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
5498
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0); }
5499
-
5500
- .premium-image-button-diagonal-left:hover:before {
5501
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
5502
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0); }
5503
-
5504
- .premium-image-button-diagonal-bottom:before {
5505
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
5506
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0); }
5507
-
5508
- .premium-image-button-diagonal-bottom:hover:before {
5509
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
5510
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); }
5511
-
5512
- .premium-image-button-diagonal-top:before {
5513
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
5514
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); }
5515
-
5516
- .premium-image-button-diagonal-top:hover:before {
5517
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
5518
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0); }
5519
-
5520
- .premium-image-button-style4-icon-wrapper {
5521
- position: absolute;
5522
- z-index: 2;
5523
- width: 100%;
5524
- text-align: center;
5525
- -js-display: flex;
5526
- display: -webkit-box;
5527
- display: -webkit-flex;
5528
- display: -moz-box;
5529
- display: -ms-flexbox;
5530
- display: flex;
5531
- -webkit-box-align: center;
5532
- -webkit-align-items: center;
5533
- -moz-box-align: center;
5534
- -ms-flex-align: center;
5535
- align-items: center;
5536
- -webkit-box-pack: center;
5537
- -webkit-justify-content: center;
5538
- -moz-box-pack: center;
5539
- -ms-flex-pack: center;
5540
- justify-content: center;
5541
- height: 100%;
5542
- opacity: 0;
5543
- -webkit-transition: all 0.3s ease-in-out;
5544
- transition: all 0.3s ease-in-out; }
5545
- .premium-image-button-style4-icon-wrapper.top {
5546
- bottom: -100%;
5547
- left: 0; }
5548
- .premium-image-button-style4-icon-wrapper.bottom {
5549
- top: -100%;
5550
- left: 0; }
5551
- .premium-image-button-style4-icon-wrapper.left {
5552
- top: 0;
5553
- left: -100%; }
5554
- .premium-image-button-style4-icon-wrapper.right {
5555
- top: 0;
5556
- right: -100%; }
5557
-
5558
- .premium-image-button-style4-bottom:hover .premium-image-button-style4-icon-wrapper {
5559
- top: 0;
5560
- opacity: 1; }
5561
-
5562
- .premium-image-button-style4-bottom:hover .premium-image-button-text-icon-wrapper {
5563
- -webkit-transform: translateY(100%);
5564
- -ms-transform: translateY(100%);
5565
- transform: translateY(100%);
5566
- opacity: 0; }
5567
-
5568
- .premium-image-button-style4-top:hover .premium-image-button-style4-icon-wrapper {
5569
- bottom: 0;
5570
- opacity: 1; }
5571
-
5572
- .premium-image-button-style4-top:hover .premium-image-button-text-icon-wrapper {
5573
- -webkit-transform: translateY(-100%);
5574
- -ms-transform: translateY(-100%);
5575
- transform: translateY(-100%);
5576
- opacity: 0; }
5577
-
5578
- .premium-image-button-style4-left:hover .premium-image-button-style4-icon-wrapper {
5579
- left: 0;
5580
- opacity: 1; }
5581
-
5582
- .premium-image-button-style4-left:hover .premium-image-button-text-icon-wrapper {
5583
- -webkit-transform: translateX(100%);
5584
- -ms-transform: translateX(100%);
5585
- transform: translateX(100%);
5586
- opacity: 0; }
5587
-
5588
- .premium-image-button-style4-right:hover .premium-image-button-style4-icon-wrapper {
5589
- right: 0;
5590
- opacity: 1; }
5591
-
5592
- .premium-image-button-style4-right:hover .premium-image-button-text-icon-wrapper {
5593
- -webkit-transform: translateX(-100%);
5594
- -ms-transform: translateX(-100%);
5595
- transform: translateX(-100%);
5596
- opacity: 0; }
5597
-
5598
- .premium-image-button-style5:before {
5599
- position: absolute;
5600
- content: "";
5601
- top: 0;
5602
- left: 0;
5603
- width: 100%;
5604
- height: 100%;
5605
- opacity: 0;
5606
- -webkit-transition: all 1s ease-in-out;
5607
- transition: all 1s ease-in-out;
5608
- background: rgba(255, 255, 255, 0.2);
5609
- -webkit-animation-name: premium-overlap-effect-done;
5610
- animation-name: premium-overlap-effect-done;
5611
- -webkit-animation-duration: 1s;
5612
- animation-duration: 1s; }
5613
-
5614
- .premium-image-button-overlap-effect-vertical:before {
5615
- -webkit-animation-name: premium-overlap-ver-effect-done;
5616
- animation-name: premium-overlap-ver-effect-done; }
5617
-
5618
- .premium-image-button-overlap-effect-horizontal:hover:before {
5619
- -webkit-animation-name: premium-overlap-effect;
5620
- animation-name: premium-overlap-effect; }
5621
-
5622
- .premium-image-button-overlap-effect-vertical:hover:before {
5623
- -webkit-animation-name: premium-overlap-ver-effect;
5624
- animation-name: premium-overlap-ver-effect; }
5625
-
5626
- @-webkit-keyframes premium-overlap-effect {
5627
- 0% {
5628
- opacity: 0;
5629
- -webkit-transform: rotateY(0deg);
5630
- transform: rotateY(0deg); }
5631
- 50% {
5632
- opacity: 1;
5633
- -webkit-transform: rotateY(180deg);
5634
- transform: rotateY(180deg); }
5635
- 100% {
5636
- opacity: 0;
5637
- -webkit-transform: rotateY(360deg);
5638
- transform: rotateY(360deg); } }
5639
-
5640
- @keyframes premium-overlap-effect {
5641
- 0% {
5642
- opacity: 0;
5643
- -webkit-transform: rotateY(0deg);
5644
- transform: rotateY(0deg); }
5645
- 50% {
5646
- opacity: 1;
5647
- -webkit-transform: rotateY(180deg);
5648
- transform: rotateY(180deg); }
5649
- 100% {
5650
- opacity: 0;
5651
- -webkit-transform: rotateY(360deg);
5652
- transform: rotateY(360deg); } }
5653
-
5654
- @-webkit-keyframes premium-overlap-effect-done {
5655
- 0% {
5656
- opacity: 0;
5657
- -webkit-transform: rotateY(0deg);
5658
- transform: rotateY(0deg); }
5659
- 50% {
5660
- opacity: 1;
5661
- -webkit-transform: rotateY(180deg);
5662
- transform: rotateY(180deg); }
5663
- 100% {
5664
- opacity: 0;
5665
- -webkit-transform: rotateY(360deg);
5666
- transform: rotateY(360deg); } }
5667
-
5668
- @keyframes premium-overlap-effect-done {
5669
- 0% {
5670
- opacity: 0;
5671
- -webkit-transform: rotateY(0deg);
5672
- transform: rotateY(0deg); }
5673
- 50% {
5674
- opacity: 1;
5675
- -webkit-transform: rotateY(180deg);
5676
- transform: rotateY(180deg); }
5677
- 100% {
5678
- opacity: 0;
5679
- -webkit-transform: rotateY(360deg);
5680
- transform: rotateY(360deg); } }
5681
-
5682
- @-webkit-keyframes premium-overlap-ver-effect {
5683
- 0% {
5684
- opacity: 0;
5685
- -webkit-transform: rotateX(0deg);
5686
- transform: rotateX(0deg); }
5687
- 50% {
5688
- opacity: 1;
5689
- -webkit-transform: rotateX(180deg);
5690
- transform: rotateX(180deg); }
5691
- 100% {
5692
- opacity: 0;
5693
- -webkit-transform: rotateX(360deg);
5694
- transform: rotateX(360deg); } }
5695
-
5696
- @keyframes premium-overlap-ver-effect {
5697
- 0% {
5698
- opacity: 0;
5699
- -webkit-transform: rotateX(0deg);
5700
- transform: rotateX(0deg); }
5701
- 50% {
5702
- opacity: 1;
5703
- -webkit-transform: rotateX(180deg);
5704
- transform: rotateX(180deg); }
5705
- 100% {
5706
- opacity: 0;
5707
- -webkit-transform: rotateX(360deg);
5708
- transform: rotateX(360deg); } }
5709
-
5710
- @-webkit-keyframes premium-overlap-ver-effect-done {
5711
- 0% {
5712
- opacity: 0;
5713
- -webkit-transform: rotateX(0deg);
5714
- transform: rotateX(0deg); }
5715
- 50% {
5716
- opacity: 1;
5717
- -webkit-transform: rotateX(180deg);
5718
- transform: rotateX(180deg); }
5719
- 100% {
5720
- opacity: 0;
5721
- -webkit-transform: rotateX(360deg);
5722
- transform: rotateX(360deg); } }
5723
-
5724
- @keyframes premium-overlap-ver-effect-done {
5725
- 0% {
5726
- opacity: 0;
5727
- -webkit-transform: rotateX(0deg);
5728
- transform: rotateX(0deg); }
5729
- 50% {
5730
- opacity: 1;
5731
- -webkit-transform: rotateX(180deg);
5732
- transform: rotateX(180deg); }
5733
- 100% {
5734
- opacity: 0;
5735
- -webkit-transform: rotateX(360deg);
5736
- transform: rotateX(360deg); } }
5737
-
5738
- /******** Premium Media Grid ********/
5739
- /************************************/
5740
- .premium-img-gallery-filter,
5741
- .premium-blog-filter {
5742
- -js-display: flex;
5743
- display: -webkit-box;
5744
- display: -webkit-flex;
5745
- display: -moz-box;
5746
- display: -ms-flexbox;
5747
- display: flex;
5748
- -webkit-box-align: center;
5749
- -webkit-align-items: center;
5750
- -moz-box-align: center;
5751
- -ms-flex-align: center;
5752
- align-items: center;
5753
- -webkit-box-pack: center;
5754
- -webkit-justify-content: center;
5755
- -moz-box-pack: center;
5756
- -ms-flex-pack: center;
5757
- justify-content: center; }
5758
-
5759
- .premium-img-gallery {
5760
- clear: both;
5761
- overflow: hidden; }
5762
-
5763
- .premium-gallery-container .premium-gallery-item {
5764
- padding: 10px;
5765
- float: left; }
5766
-
5767
- .premium-gallery-container .grid-sizer {
5768
- width: 33.33%; }
5769
-
5770
- .premium-gallery-container .pa-gallery-item {
5771
- padding: 10px; }
5772
-
5773
- .premium-img-gallery-filter .premium-gallery-cats-container li a.category,
5774
- .premium-blog-filter .premium-blog-filters-container li a.category {
5775
- outline: none;
5776
- text-decoration: none;
5777
- -webkit-border-radius: 75px;
5778
- border-radius: 75px;
5779
- margin: 15px 5px 20px;
5780
- padding: 7px 20px;
5781
- -webkit-transition: all 0.3s ease-in-out;
5782
- transition: all 0.3s ease-in-out; }
5783
-
5784
- .premium-img-gallery-filter .premium-gallery-cats-container li a.category span {
5785
- -webkit-transition: all 0.3s ease-in-out;
5786
- transition: all 0.3s ease-in-out; }
5787
-
5788
- .pa-gallery-img {
5789
- position: relative; }
5790
- .pa-gallery-img .pa-gallery-whole-link {
5791
- position: absolute;
5792
- top: 0;
5793
- left: 0;
5794
- width: 100%;
5795
- height: 100%; }
5796
- .pa-gallery-img.style2 .pa-gallery-whole-link {
5797
- z-index: 99; }
5798
-
5799
- .pa-gallery-img-container {
5800
- overflow: hidden;
5801
- -webkit-backface-visibility: hidden;
5802
- backface-visibility: hidden;
5803
- -webkit-transform: translate3d(0, 0, 0);
5804
- transform: translate3d(0, 0, 0); }
5805
- .pa-gallery-img-container img {
5806
- display: block;
5807
- width: 100%;
5808
- -webkit-transition: all 0.3s ease-in-out;
5809
- transition: all 0.3s ease-in-out; }
5810
-
5811
- .premium-img-gallery.gray img {
5812
- -webkit-filter: grayscale(100%);
5813
- filter: grayscale(100%); }
5814
-
5815
- .premium-img-gallery.zoomout img,
5816
- .premium-img-gallery.scale img {
5817
- -webkit-transform: scale(1.2);
5818
- -ms-transform: scale(1.2);
5819
- transform: scale(1.2); }
5820
-
5821
- .premium-img-gallery.sepia img {
5822
- -webkit-filter: sepia(30%);
5823
- filter: sepia(30%); }
5824
-
5825
- .premium-img-gallery.bright img {
5826
- -webkit-filter: brightness(1);
5827
- filter: brightness(1); }
5828
-
5829
- .premium-img-gallery.trans img {
5830
- -webkit-transform: translateX(-15px) scale(1.1);
5831
- -ms-transform: translateX(-15px) scale(1.1);
5832
- transform: translateX(-15px) scale(1.1); }
5833
-
5834
- .pa-gallery-img .pa-gallery-magnific-image,
5835
- .pa-gallery-img .pa-gallery-img-link {
5836
- outline: none; }
5837
- .pa-gallery-img .pa-gallery-magnific-image i,
5838
- .pa-gallery-img .pa-gallery-magnific-image svg,
5839
- .pa-gallery-img .pa-gallery-img-link i,
5840
- .pa-gallery-img .pa-gallery-img-link svg {
5841
- -webkit-transition: all 0.3s ease-in-out;
5842
- transition: all 0.3s ease-in-out; }
5843
-
5844
- .pa-gallery-img .pa-gallery-magnific-image span,
5845
- .pa-gallery-img .pa-gallery-img-link span {
5846
- line-height: 1;
5847
- display: inline-block;
5848
- opacity: 0;
5849
- margin: 0 5px;
5850
- padding: 15px;
5851
- -webkit-border-radius: 50%;
5852
- border-radius: 50%; }
5853
-
5854
- .pa-gallery-img.style2 .pa-gallery-magnific-image span,
5855
- .pa-gallery-img.style2 .pa-gallery-img-link span {
5856
- margin: 0 5px 20px; }
5857
-
5858
- .pa-gallery-img:hover .pa-gallery-magnific-image span {
5859
- -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
5860
- transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s; }
5861
-
5862
- .pa-gallery-img:hover .pa-gallery-img-link span {
5863
- -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
5864
- transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s; }
5865
-
5866
- .pa-gallery-img:hover .pa-gallery-magnific-image span,
5867
- .pa-gallery-img:hover .pa-gallery-img-link span {
5868
- opacity: 1; }
5869
-
5870
- .premium-gallery-icon-show a.pa-gallery-video-icon span {
5871
- opacity: 1; }
5872
-
5873
- .premium-img-gallery-filter ul.premium-gallery-cats-container,
5874
- .premium-blog-filter ul.premium-blog-filters-container {
5875
- text-align: center;
5876
- margin: 0;
5877
- padding: 0; }
5878
-
5879
- .premium-img-gallery-filter .premium-gallery-cats-container li,
5880
- .premium-blog-filter .premium-blog-filters-container li {
5881
- list-style: none;
5882
- -js-display: inline-flex;
5883
- display: -webkit-inline-box;
5884
- display: -webkit-inline-flex;
5885
- display: -moz-inline-box;
5886
- display: -ms-inline-flexbox;
5887
- display: inline-flex; }
5888
-
5889
- .premium-img-gallery.zoomin .pa-gallery-img:hover img {
5890
- -webkit-transform: scale(1.1);
5891
- -ms-transform: scale(1.1);
5892
- transform: scale(1.1); }
5893
-
5894
- .premium-img-gallery.zoomout .pa-gallery-img:hover img {
5895
- -webkit-transform: scale(1);
5896
- -ms-transform: scale(1);
5897
- transform: scale(1); }
5898
-
5899
- .premium-img-gallery.scale .pa-gallery-img:hover img {
5900
- -webkit-transform: scale(1.3) rotate(5deg);
5901
- -ms-transform: scale(1.3) rotate(5deg);
5902
- transform: scale(1.3) rotate(5deg); }
5903
-
5904
- .premium-img-gallery.gray .pa-gallery-img:hover img {
5905
- -webkit-filter: grayscale(0%);
5906
- filter: grayscale(0%); }
5907
-
5908
- .premium-img-gallery.blur .pa-gallery-img:hover img {
5909
- -webkit-filter: blur(3px);
5910
- filter: blur(3px); }
5911
-
5912
- .premium-img-gallery.sepia .pa-gallery-img:hover img {
5913
- -webkit-filter: sepia(0%);
5914
- filter: sepia(0%); }
5915
-
5916
- .premium-img-gallery.trans .pa-gallery-img:hover img {
5917
- -webkit-transform: translateX(0px) scale(1.1);
5918
- -ms-transform: translateX(0px) scale(1.1);
5919
- transform: translateX(0px) scale(1.1); }
5920
-
5921
- .premium-img-gallery.bright .pa-gallery-img:hover img {
5922
- -webkit-filter: brightness(1.2);
5923
- filter: brightness(1.2); }
5924
-
5925
- .pa-gallery-img .premium-gallery-caption {
5926
- padding: 10px; }
5927
- .pa-gallery-img .premium-gallery-caption .premium-gallery-img-name {
5928
- margin-bottom: 0; }
5929
-
5930
- .pa-gallery-img.style1 {
5931
- overflow: hidden; }
5932
-
5933
- .pa-gallery-img:not(.style2) .pa-gallery-icons-wrapper {
5934
- position: absolute;
5935
- top: 0;
5936
- left: 0;
5937
- width: 100%;
5938
- height: 100%;
5939
- -webkit-transition: all 0.3s ease-in-out;
5940
- transition: all 0.3s ease-in-out; }
5941
-
5942
- .pa-gallery-img:not(.style2) .pa-gallery-icons-inner-container {
5943
- position: absolute;
5944
- top: 33.33%;
5945
- width: 100%;
5946
- text-align: center;
5947
- -webkit-transform: translateY(-50%);
5948
- -ms-transform: translateY(-50%);
5949
- transform: translateY(-50%);
5950
- z-index: 999; }
5951
-
5952
- .pa-gallery-img.style1 .premium-gallery-caption {
5953
- position: absolute;
5954
- top: auto;
5955
- right: 0;
5956
- bottom: -1px;
5957
- left: 0;
5958
- width: 100%;
5959
- -webkit-transition: all 500ms ease 0s;
5960
- transition: all 500ms ease 0s;
5961
- -webkit-transform: translate3d(0, 100%, 0);
5962
- transform: translate3d(0, 100%, 0); }
5963
-
5964
- .pa-gallery-img.style1:hover .premium-gallery-caption {
5965
- -webkit-transform: translate3d(0, 0, 0);
5966
- transform: translate3d(0, 0, 0);
5967
- bottom: -1px !important; }
5968
-
5969
- .pa-gallery-img.default .premium-gallery-caption {
5970
- position: absolute;
5971
- top: auto;
5972
- right: 0;
5973
- left: 0;
5974
- width: 100%;
5975
- bottom: 0; }
5976
-
5977
- .pa-gallery-img.style2 .pa-gallery-icons-caption-container {
5978
- position: absolute;
5979
- top: 0;
5980
- left: 0;
5981
- width: 100%;
5982
- height: 100%;
5983
- opacity: 0;
5984
- -webkit-backface-visibility: hidden;
5985
- backface-visibility: hidden;
5986
- -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
5987
- transition: opacity 0.3s, -webkit-transform 0.3s;
5988
- transition: transform 0.3s, opacity 0.3s;
5989
- transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
5990
- z-index: 1;
5991
- background-color: rgba(108, 191, 226, 0.68);
5992
- -js-display: flex;
5993
- display: -webkit-box;
5994
- display: -webkit-flex;
5995
- display: -moz-box;
5996
- display: -ms-flexbox;
5997
- display: flex;
5998
- text-align: center;
5999
- -webkit-box-align: center;
6000
- -webkit-align-items: center;
6001
- -moz-box-align: center;
6002
- -ms-flex-align: center;
6003
- align-items: center; }
6004
-
6005
- .pa-gallery-img.style2 .pa-gallery-icons-caption-cell {
6006
- width: 100%; }
6007
-
6008
- .pa-gallery-img.style2:hover .pa-gallery-icons-caption-container {
6009
- opacity: 1;
6010
- -webkit-transform: translate(15px, 15px);
6011
- -ms-transform: translate(15px, 15px);
6012
- transform: translate(15px, 15px); }
6013
-
6014
- .premium-clearfix {
6015
- clear: both; }
6016
-
6017
- /**
6018
- * Metro Layout
6019
- */
6020
- .premium-img-gallery-metro .premium-gallery-item {
6021
- overflow: hidden; }
6022
-
6023
- .premium-img-gallery-metro .pa-gallery-img {
6024
- height: 100%; }
6025
-
6026
- .premium-img-gallery-metro .pa-gallery-img-container {
6027
- height: 100%; }
6028
- .premium-img-gallery-metro .pa-gallery-img-container img {
6029
- min-height: 100%;
6030
- width: 100%;
6031
- -o-object-fit: fill;
6032
- object-fit: fill; }
6033
-
6034
- .premium-img-gallery .premium-gallery-item-hidden {
6035
- visibility: hidden;
6036
- width: 0 !important;
6037
- height: 0 !important;
6038
- margin: 0 !important;
6039
- padding: 0 !important; }
6040
-
6041
- .premium-gallery-load-more {
6042
- position: relative; }
6043
- .premium-gallery-load-more .premium-gallery-load-more-btn {
6044
- -webkit-box-shadow: none;
6045
- box-shadow: none;
6046
- text-shadow: none;
6047
- border: none;
6048
- outline: none;
6049
- -webkit-box-align: center;
6050
- -webkit-align-items: center;
6051
- -moz-box-align: center;
6052
- -ms-flex-align: center;
6053
- align-items: center;
6054
- vertical-align: bottom;
6055
- cursor: pointer;
6056
- line-height: 1;
6057
- font-style: normal;
6058
- font-weight: normal;
6059
- background-image: none;
6060
- color: #fff;
6061
- -webkit-transition: all 0.3s ease-in-out;
6062
- transition: all 0.3s ease-in-out; }
6063
-
6064
- .premium-gallery-load-more-btn {
6065
- -js-display: inline-flex;
6066
- display: -webkit-inline-box;
6067
- display: -webkit-inline-flex;
6068
- display: -moz-inline-box;
6069
- display: -ms-inline-flexbox;
6070
- display: inline-flex;
6071
- -webkit-box-align: center;
6072
- -webkit-align-items: center;
6073
- -moz-box-align: center;
6074
- -ms-flex-align: center;
6075
- align-items: center; }
6076
-
6077
- .premium-loader {
6078
- border: 3px solid #f3f3f3;
6079
- border-top-width: 3px;
6080
- border-top-style: solid;
6081
- border-top-color: #f3f3f3;
6082
- -webkit-border-radius: 50%;
6083
- border-radius: 50%;
6084
- border-top: 3px solid;
6085
- border-top-color: #bbb;
6086
- width: 30px;
6087
- height: 30px;
6088
- -webkit-animation: spin 2s linear infinite;
6089
- animation: spin 2s linear infinite;
6090
- margin: 0 auto; }
6091
-
6092
- .premium-gallery-load-more-btn div {
6093
- margin-left: 3px; }
6094
-
6095
- .premium-gallery-load-more-btn .premium-loader {
6096
- display: inline-block;
6097
- width: 20px;
6098
- height: 20px; }
6099
-
6100
- .pa-gallery-img .pa-gallery-lightbox-wrap {
6101
- display: inline-block; }
6102
-
6103
- .premium-img-gallery-no-lightbox .premium-gallery-video-item .pa-gallery-img,
6104
- .pa-gallery-img .pa-gallery-video-icon {
6105
- cursor: pointer; }
6106
-
6107
- .pa-gallery-img-container iframe {
6108
- position: absolute;
6109
- visibility: hidden;
6110
- top: 0;
6111
- left: 0;
6112
- max-width: 100%;
6113
- width: 100%;
6114
- height: 100%;
6115
- margin: 0;
6116
- line-height: 1;
6117
- border: none; }
6118
-
6119
- .pa-gallery-img-container video {
6120
- position: absolute;
6121
- visibility: hidden;
6122
- top: 0;
6123
- left: 0;
6124
- max-width: 100%;
6125
- width: 100%;
6126
- height: 100%;
6127
- margin: 0;
6128
- line-height: 1;
6129
- border: none;
6130
- -o-object-fit: contain;
6131
- object-fit: contain; }
6132
-
6133
- .pa-gallery-icons-inner-container svg,
6134
- .pa-gallery-icons-caption-cell svg {
6135
- width: 14px;
6136
- height: 14px; }
6137
-
6138
- .premium-gallery-gradient-layer {
6139
- position: absolute;
6140
- bottom: 40px;
6141
- width: 100%;
6142
- height: 20px;
6143
- background: -webkit-gradient(linear, left bottom, left top, from(#17181f), to(rgba(255, 255, 255, 0)));
6144
- background: -webkit-linear-gradient(bottom, #17181f 0%, rgba(255, 255, 255, 0) 100%);
6145
- background: linear-gradient(to top, #17181f 0%, rgba(255, 255, 255, 0) 100%); }
6146
-
6147
- @-webkit-keyframes spin {
6148
- 0% {
6149
- -webkit-transform: rotate(0deg);
6150
- transform: rotate(0deg); }
6151
- 100% {
6152
- -webkit-transform: rotate(360deg);
6153
- transform: rotate(360deg); } }
6154
-
6155
- @keyframes spin {
6156
- 0% {
6157
- -webkit-transform: rotate(0deg);
6158
- transform: rotate(0deg); }
6159
- 100% {
6160
- -webkit-transform: rotate(360deg);
6161
- transform: rotate(360deg); } }
6162
-
6163
- /************ Premium Vertical Scroll ************/
6164
- /*************************************************/
6165
- .premium-vscroll-inner {
6166
- position: relative;
6167
- min-height: 100%; }
6168
- .premium-vscroll-inner .premium-vscroll-dots {
6169
- position: fixed;
6170
- z-index: 100;
6171
- opacity: 1;
6172
- margin-top: -32px;
6173
- -webkit-transition: all 0.3s ease-in-out;
6174
- transition: all 0.3s ease-in-out; }
6175
-
6176
- .premium-vscroll-wrap .premium-vscroll-nav-menu {
6177
- opacity: 1;
6178
- -webkit-transition: all 0.3s ease-in-out;
6179
- transition: all 0.3s ease-in-out; }
6180
-
6181
- .premium-vscroll-inner .premium-vscroll-dots,
6182
- .premium-vscroll-wrap .premium-vscroll-dots-hide {
6183
- opacity: 0;
6184
- visibility: hidden; }
6185
-
6186
- .premium-vscroll-nav-dots-yes .premium-vscroll-inner .premium-vscroll-dots:not(.premium-vscroll-dots-hide) {
6187
- opacity: 1;
6188
- visibility: visible; }
6189
-
6190
- .premium-vscroll-dots.middle {
6191
- top: 50%; }
6192
-
6193
- .premium-vscroll-dots.top {
6194
- top: 40px; }
6195
-
6196
- .premium-vscroll-dots.bottom {
6197
- bottom: 30px; }
6198
-
6199
- .premium-vscroll-dots.right {
6200
- right: 17px; }
6201
-
6202
- .premium-vscroll-dots.left {
6203
- left: 17px; }
6204
-
6205
- .premium-vscroll-inner ul.premium-vscroll-dots-list,
6206
- .premium-vscroll-wrap .premium-vscroll-nav-menu {
6207
- margin: 0 !important;
6208
- padding: 0; }
6209
-
6210
- .premium-vscroll-inner ul.premium-vscroll-dots-list li {
6211
- width: 14px;
6212
- height: 13px;
6213
- margin: 7px;
6214
- position: relative;
6215
- -js-display: flex;
6216
- display: -webkit-box;
6217
- display: -webkit-flex;
6218
- display: -moz-box;
6219
- display: -ms-flexbox;
6220
- display: flex;
6221
- -webkit-box-pack: center;
6222
- -webkit-justify-content: center;
6223
- -moz-box-pack: center;
6224
- -ms-flex-pack: center;
6225
- justify-content: center;
6226
- -webkit-box-align: center;
6227
- -webkit-align-items: center;
6228
- -moz-box-align: center;
6229
- -ms-flex-align: center;
6230
- align-items: center;
6231
- overflow: visible; }
6232
-
6233
- .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link {
6234
- display: block;
6235
- position: relative;
6236
- z-index: 1;
6237
- width: 100%;
6238
- height: 100%;
6239
- cursor: pointer;
6240
- text-decoration: none; }
6241
- .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link span {
6242
- top: 2px;
6243
- left: 2.5px;
6244
- width: 8px;
6245
- height: 8px;
6246
- border: 1px solid #000;
6247
- -webkit-border-radius: 50%;
6248
- border-radius: 50%;
6249
- position: absolute;
6250
- z-index: 1;
6251
- -webkit-transition: all 0.3s ease-in-out;
6252
- transition: all 0.3s ease-in-out; }
6253
-
6254
- .premium-vscroll-inner .premium-vscroll-dot-item.active .premium-vscroll-nav-link span {
6255
- -webkit-transform: scale(1.6);
6256
- -ms-transform: scale(1.6);
6257
- transform: scale(1.6); }
6258
-
6259
- .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-tooltip {
6260
- position: absolute;
6261
- color: #fff;
6262
- font-size: 14px;
6263
- font-family: arial, helvetica, sans-serif;
6264
- white-space: nowrap;
6265
- max-width: 220px;
6266
- padding-left: 0.4em;
6267
- padding-right: 0.4em; }
6268
-
6269
- .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip {
6270
- right: 27px; }
6271
-
6272
- .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item {
6273
- width: 4px;
6274
- height: 30px; }
6275
- .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item span {
6276
- width: 100%;
6277
- height: 100%;
6278
- -webkit-border-radius: 0;
6279
- border-radius: 0; }
6280
- .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item.active span {
6281
- -webkit-transform: scale(1);
6282
- -ms-transform: scale(1);
6283
- transform: scale(1); }
6284
-
6285
- .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip::after {
6286
- position: absolute;
6287
- top: 50%;
6288
- content: "";
6289
- left: -webkit-calc(100% - 1px);
6290
- left: calc(100% - 1px);
6291
- width: 10px;
6292
- height: 0;
6293
- border-top: 6px solid transparent;
6294
- border-bottom: 6px solid transparent;
6295
- border-left: 6px solid;
6296
- -webkit-transform: translateY(-50%);
6297
- -ms-transform: translateY(-50%);
6298
- transform: translateY(-50%); }
6299
-
6300
- .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip {
6301
- left: 27px; }
6302
- .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip::after {
6303
- position: absolute;
6304
- top: 50%;
6305
- content: "";
6306
- right: -webkit-calc(100% - 1px);
6307
- right: calc(100% - 1px);
6308
- width: 10px;
6309
- height: 0;
6310
- border-top: 6px solid transparent;
6311
- border-bottom: 6px solid transparent;
6312
- border-right: 6px solid;
6313
- -webkit-transform: translateY(-50%);
6314
- -ms-transform: translateY(-50%);
6315
- transform: translateY(-50%); }
6316
-
6317
- /* * Lines */
6318
- @media (max-width: 768px) {
6319
- .premium-vscroll-dots.right {
6320
- right: 7px; }
6321
- .premium-vscroll-dots.left {
6322
- left: 7px; } }
6323
-
6324
- .premium-vscroll-nav-menu {
6325
- position: fixed;
6326
- top: 20px;
6327
- height: 40px;
6328
- z-index: 100;
6329
- padding: 0;
6330
- margin: 0; }
6331
- .premium-vscroll-nav-menu.left {
6332
- left: 0; }
6333
- .premium-vscroll-nav-menu.right {
6334
- right: 0; }
6335
- .premium-vscroll-nav-menu .premium-vscroll-nav-item {
6336
- display: inline-block;
6337
- margin: 10px;
6338
- color: #000;
6339
- background: #fff;
6340
- background: rgba(255, 255, 255, 0.3); }
6341
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link {
6342
- padding: 9px 18px;
6343
- display: block;
6344
- cursor: pointer;
6345
- color: #000; }
6346
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:hover {
6347
- color: #000; }
6348
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:focus {
6349
- outline: none; }
6350
-
6351
- .multiscroll-nav li a:focus {
6352
- outline: none; }
6353
-
6354
- .premium-vscroll-temp .slimScrollBar {
6355
- visibility: hidden; }
6356
-
6357
- /************ Premium Image Scroll ************/
6358
- /**********************************************/
6359
- .premium-image-scroll-section,
6360
- .premium-image-scroll-container {
6361
- -webkit-transition: all 0.3s ease-in-out;
6362
- transition: all 0.3s ease-in-out; }
6363
-
6364
- .premium-image-scroll-section {
6365
- position: relative;
6366
- overflow: hidden;
6367
- width: 100%;
6368
- -webkit-mask-image: -webkit-radial-gradient(white, black); }
6369
-
6370
- .premium-image-scroll-container {
6371
- width: 100%; }
6372
- .premium-image-scroll-container .premium-image-scroll-mask-media {
6373
- -webkit-mask-repeat: no-repeat;
6374
- mask-repeat: no-repeat;
6375
- -webkit-mask-position: center;
6376
- mask-position: center; }
6377
-
6378
- .premium-container-scroll {
6379
- overflow: auto; }
6380
-
6381
- .premium-image-scroll-container .premium-image-scroll-horizontal {
6382
- position: relative;
6383
- width: 100%;
6384
- height: 100%; }
6385
- .premium-image-scroll-container .premium-image-scroll-horizontal img {
6386
- max-width: none;
6387
- height: 100%; }
6388
-
6389
- .premium-image-scroll-container .premium-image-scroll-vertical img {
6390
- width: 100%;
6391
- max-width: 100%;
6392
- height: auto; }
6393
-
6394
- .premium-image-scroll-ver {
6395
- position: relative; }
6396
-
6397
- .premium-image-scroll-container .premium-image-scroll-overlay {
6398
- background: rgba(2, 2, 2, 0.3); }
6399
-
6400
- .premium-image-scroll-container .premium-image-scroll-link,
6401
- .premium-image-scroll-container .premium-image-scroll-overlay {
6402
- position: absolute;
6403
- top: 0;
6404
- bottom: 0;
6405
- left: 0;
6406
- right: 0;
6407
- z-index: 4; }
6408
-
6409
- .premium-image-scroll-content {
6410
- display: inline-block;
6411
- position: absolute;
6412
- height: auto;
6413
- top: 50%;
6414
- left: 50%;
6415
- text-align: center;
6416
- z-index: 5;
6417
- -webkit-transform: translate(-50%, -50%);
6418
- -ms-transform: translate(-50%, -50%);
6419
- transform: translate(-50%, -50%); }
6420
-
6421
- .premium-container-scroll-instant .premium-image-scroll-image {
6422
- -webkit-transition: all 0s ease-in-out !important;
6423
- transition: all 0s ease-in-out !important; }
6424
-
6425
- .premium-image-scroll-container img {
6426
- -webkit-transition: -webkit-transform 3s ease-in-out;
6427
- transition: -webkit-transform 3s ease-in-out;
6428
- transition: transform 3s ease-in-out;
6429
- transition: transform 3s ease-in-out, -webkit-transform 3s ease-in-out; }
6430
-
6431
- .premium-image-scroll-container .premium-image-scroll-overlay,
6432
- .premium-image-scroll-container .premium-image-scroll-content {
6433
- -webkit-transition: all 0.3s ease-in-out;
6434
- transition: all 0.3s ease-in-out;
6435
- opacity: 1; }
6436
-
6437
- .premium-image-scroll-container:hover .premium-image-scroll-overlay {
6438
- opacity: 0; }
6439
-
6440
- .premium-image-scroll-container:hover .premium-image-scroll-content {
6441
- opacity: 0;
6442
- visibility: hidden; }
6443
-
6444
- .premium-image-scroll-content .premium-image-scroll-icon {
6445
- display: inline-block;
6446
- font-family: "pa-elements" !important;
6447
- speak: none;
6448
- font-style: normal;
6449
- font-weight: normal;
6450
- font-variant: normal;
6451
- text-transform: none;
6452
- line-height: 1;
6453
- -webkit-font-smoothing: antialiased;
6454
- -moz-osx-font-smoothing: grayscale;
6455
- -webkit-animation-duration: 0.5s;
6456
- animation-duration: 0.5s;
6457
- -webkit-animation-iteration-count: infinite;
6458
- animation-iteration-count: infinite;
6459
- -webkit-animation-direction: alternate;
6460
- animation-direction: alternate;
6461
- -webkit-animation-timing-function: ease-in-out;
6462
- animation-timing-function: ease-in-out; }
6463
-
6464
- .pa-horizontal-mouse-scroll:before {
6465
- content: "\e921"; }
6466
-
6467
- .pa-vertical-mouse-scroll:before {
6468
- content: "\e922"; }
6469
-
6470
- .pa-horizontal-mouse-scroll {
6471
- -webkit-animation-name: pa-scroll-horizontal;
6472
- animation-name: pa-scroll-horizontal; }
6473
-
6474
- .pa-vertical-mouse-scroll {
6475
- -webkit-animation-name: pa-scroll-vertical;
6476
- animation-name: pa-scroll-vertical; }
6477
-
6478
- @-webkit-keyframes pa-scroll-vertical {
6479
- 0% {
6480
- -webkit-transform: translateY(0px);
6481
- transform: translateY(0px); }
6482
- 100% {
6483
- -webkit-transform: translateY(5px);
6484
- transform: translateY(5px); } }
6485
-
6486
- @keyframes pa-scroll-vertical {
6487
- 0% {
6488
- -webkit-transform: translateY(0px);
6489
- transform: translateY(0px); }
6490
- 100% {
6491
- -webkit-transform: translateY(5px);
6492
- transform: translateY(5px); } }
6493
-
6494
- @-webkit-keyframes pa-scroll-horizontal {
6495
- 0% {
6496
- -webkit-transform: translateX(0px);
6497
- transform: translateX(0px); }
6498
- 100% {
6499
- -webkit-transform: translateX(5px);
6500
- transform: translateX(5px); } }
6501
-
6502
- @keyframes pa-scroll-horizontal {
6503
- 0% {
6504
- -webkit-transform: translateX(0px);
6505
- transform: translateX(0px); }
6506
- 100% {
6507
- -webkit-transform: translateX(5px);
6508
- transform: translateX(5px); } }
6509
-
6510
- /********* Premium Lottie Animations *********/
6511
- /*********************************************/
6512
- .premium-lottie-wrap .premium-lottie-animation {
6513
- position: relative;
6514
- -js-display: inline-flex;
6515
- display: -webkit-inline-box;
6516
- display: -webkit-inline-flex;
6517
- display: -moz-inline-box;
6518
- display: -ms-inline-flexbox;
6519
- display: inline-flex;
6520
- -webkit-transition: all 0.3s ease-in-out;
6521
- transition: all 0.3s ease-in-out; }
6522
- .premium-lottie-wrap .premium-lottie-animation a {
6523
- position: absolute;
6524
- left: 0;
6525
- top: 0;
6526
- width: 100%;
6527
- height: 100%;
6528
- z-index: 2; }
6529
-
6530
- /**************** Premium Bullet List ****************/
6531
- /*****************************************************/
6532
- .premium-bullet-list-box {
6533
- -js-display: flex;
6534
- display: -webkit-box;
6535
- display: -webkit-flex;
6536
- display: -moz-box;
6537
- display: -ms-flexbox;
6538
- display: flex;
6539
- -webkit-flex-wrap: wrap;
6540
- -ms-flex-wrap: wrap;
6541
- flex-wrap: wrap;
6542
- -webkit-box-orient: vertical;
6543
- -webkit-box-direction: normal;
6544
- -webkit-flex-direction: column;
6545
- -moz-box-orient: vertical;
6546
- -moz-box-direction: normal;
6547
- -ms-flex-direction: column;
6548
- flex-direction: column; }
6549
- .premium-bullet-list-box .premium-bullet-list-content-grow-lc {
6550
- -webkit-transform-origin: left center;
6551
- -ms-transform-origin: left center;
6552
- transform-origin: left center; }
6553
- .premium-bullet-list-box .premium-bullet-list-content-grow-rc {
6554
- -webkit-transform-origin: right center;
6555
- -ms-transform-origin: right center;
6556
- transform-origin: right center; }
6557
- .premium-bullet-list-box .premium-bullet-list-content-grow-cc {
6558
- -webkit-transform-origin: center center;
6559
- -ms-transform-origin: center center;
6560
- transform-origin: center center; }
6561
-
6562
- .premium-bullet-list-content {
6563
- -js-display: flex;
6564
- display: -webkit-box;
6565
- display: -webkit-flex;
6566
- display: -moz-box;
6567
- display: -ms-flexbox;
6568
- display: flex;
6569
- -webkit-transition: all 0.3s ease-in-out;
6570
- transition: all 0.3s ease-in-out;
6571
- width: auto;
6572
- position: relative; }
6573
- .premium-bullet-list-content .premium-bullet-list-text span,
6574
- .premium-bullet-list-content .premium-bullet-list-wrapper {
6575
- display: inline-block;
6576
- -webkit-align-self: center;
6577
- -ms-flex-item-align: center;
6578
- align-self: center;
6579
- -webkit-transition: all 0.3s ease-in-out;
6580
- transition: all 0.3s ease-in-out; }
6581
- .premium-bullet-list-content .premium-bullet-list-text span {
6582
- margin: 0 5px; }
6583
- .premium-bullet-list-content .premium-bullet-list-icon-text p {
6584
- font-size: 18px;
6585
- background-color: #eee;
6586
- padding: 1px 5px;
6587
- -webkit-border-radius: 2px;
6588
- border-radius: 2px; }
6589
- .premium-bullet-list-content .premium-bullet-list-text span,
6590
- .premium-bullet-list-content .premium-bullet-list-icon-text p,
6591
- .premium-bullet-list-content .premium-bullet-list-wrapper img,
6592
- .premium-bullet-list-content .premium-bullet-list-wrapper svg,
6593
- .premium-bullet-list-content .premium-bullet-list-wrapper i {
6594
- -webkit-transition: all 0.3s ease-in-out;
6595
- transition: all 0.3s ease-in-out; }
6596
- .premium-bullet-list-content .premium-bullet-list-wrapper {
6597
- position: relative;
6598
- line-height: 0; }
6599
- .premium-bullet-list-content .premium-bullet-list-wrapper img,
6600
- .premium-bullet-list-content .premium-bullet-list-wrapper svg {
6601
- width: 30px !important;
6602
- height: 30px !important;
6603
- position: relative;
6604
- z-index: 500; }
6605
- .premium-bullet-list-content .premium-bullet-list-wrapper i,
6606
- .premium-bullet-list-content .premium-bullet-list-wrapper .premium-bullet-list-icon-text {
6607
- position: relative;
6608
- z-index: 500; }
6609
- .premium-bullet-list-content .premium-bullet-list-wrapper i {
6610
- width: 1.25em; }
6611
- .premium-bullet-list-content .premium-bullet-list-link {
6612
- position: absolute;
6613
- top: 0;
6614
- left: 0;
6615
- width: 100%;
6616
- height: 100%;
6617
- z-index: 1000; }
6618
-
6619
- .premium-bullet-list-content:not(:last-of-type) .premium-bullet-list-connector {
6620
- width: 100%;
6621
- height: 100%;
6622
- position: absolute;
6623
- top: 0.5em;
6624
- z-index: 100;
6625
- -js-display: flex;
6626
- display: -webkit-box;
6627
- display: -webkit-flex;
6628
- display: -moz-box;
6629
- display: -ms-flexbox;
6630
- display: flex;
6631
- -webkit-box-pack: center;
6632
- -webkit-justify-content: center;
6633
- -moz-box-pack: center;
6634
- -ms-flex-pack: center;
6635
- justify-content: center; }
6636
- .premium-bullet-list-content:not(:last-of-type) .premium-bullet-list-connector .premium-icon-connector-content:after {
6637
- content: "";
6638
- border-right-width: 1px;
6639
- border-right-style: solid;
6640
- border-color: #333333;
6641
- display: block;
6642
- height: 100%; }
6643
-
6644
- li.premium-bullet-list-content.premium-bullet-list-content-inline {
6645
- -webkit-align-self: center;
6646
- -ms-flex-item-align: center;
6647
- align-self: center;
6648
- z-index: 2; }
6649
-
6650
- li.premium-bullet-list-content.premium-bullet-list-content-inline:not(:first-child) {
6651
- margin: 0 3px; }
6652
-
6653
- li.premium-bullet-list-content.premium-bullet-list-content-inline:first-child {
6654
- margin: 0 3px 0 0; }
6655
-
6656
- .premium-bullet-list-divider:not(:last-child) {
6657
- width: 100%;
6658
- -webkit-box-flex: 0;
6659
- -webkit-flex: 0 0 100%;
6660
- -moz-box-flex: 0;
6661
- -ms-flex: 0 0 100%;
6662
- flex: 0 0 100%;
6663
- overflow: hidden; }
6664
-
6665
- .premium-bullet-list-divider:not(:last-child):after {
6666
- content: "";
6667
- display: block;
6668
- border-top-style: solid;
6669
- border-top-width: 1px; }
6670
-
6671
- .premium-bullet-list-divider-inline:not(:last-child) {
6672
- float: right;
6673
- display: inline-block;
6674
- position: relative;
6675
- height: 100%;
6676
- overflow: hidden;
6677
- -webkit-align-self: center;
6678
- -ms-flex-item-align: center;
6679
- align-self: center;
6680
- margin: 0 3px; }
6681
-
6682
- .premium-bullet-list-divider-inline:not(:last-child):after {
6683
- content: "";
6684
- display: block;
6685
- border-left-width: 1px;
6686
- height: 33px;
6687
- border-left-style: solid; }
6688
-
6689
- .premium-bullet-list-icon-text {
6690
- line-height: 1.5; }
6691
-
6692
- .premium-bullet-list-icon-text p,
6693
- ul.premium-bullet-list-box,
6694
- li.premium-bullet-list-content {
6695
- margin: 0; }
6696
-
6697
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper i,
6698
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-text span,
6699
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-icon-text p {
6700
- color: transparent !important;
6701
- text-shadow: 0 0 3px #aaa; }
6702
-
6703
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-icon-connector-content,
6704
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper .premium-lottie-animation svg,
6705
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper img,
6706
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-badge {
6707
- -webkit-filter: blur(3px);
6708
- filter: blur(3px); }
6709
-
6710
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper i,
6711
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-text span,
6712
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-icon-text p {
6713
- color: #aaa !important;
6714
- text-shadow: 0 0px 0 transparent; }
6715
-
6716
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-icon-connector-content,
6717
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper .premium-lottie-animation svg,
6718
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper img,
6719
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-badge {
6720
- -webkit-filter: none;
6721
- filter: none; }
6722
-
6723
- .premium-bullet-list-content .premium-bullet-list-badge {
6724
- font-size: 11px;
6725
- top: auto;
6726
- min-width: -webkit-max-content;
6727
- min-width: -moz-max-content;
6728
- min-width: max-content;
6729
- height: -webkit-fit-content;
6730
- height: -moz-fit-content;
6731
- height: fit-content; }
6732
-
6733
- .premium-bullet-list-content .premium-bullet-list-icon-text p {
6734
- font-size: 13px; }
6735
-
6736
- .premium-bullet-list-gradient-effect[data-text] {
6737
- display: inline-block;
6738
- position: relative;
6739
- text-decoration: none; }
6740
-
6741
- .premium-bullet-list-gradient-effect[data-text]::before {
6742
- content: attr(data-text);
6743
- position: absolute;
6744
- z-index: 1;
6745
- overflow: hidden;
6746
- -webkit-clip-path: polygon(0 0, 1px 0, 1px 100%, 0 100%);
6747
- clip-path: polygon(0 0, 1px 0, 1px 100%, 0 100%);
6748
- -webkit-background-clip: text;
6749
- background-clip: text;
6750
- -webkit-text-fill-color: transparent;
6751
- -webkit-transition: all 0.4s ease;
6752
- transition: all 0.4s ease; }
6753
-
6754
- .premium-bullet-list-content:hover .premium-bullet-list-gradient-effect[data-text]::before,
6755
- .premium-bullet-list-content:focus .premium-bullet-list-gradient-effect[data-text]::before {
6756
- -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
6757
- clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
6758
-
6759
- ul[data-list-animation*="animated-"] .premium-bullet-list-divider,
6760
- ul[data-list-animation*="animated-"] .premium-bullet-list-content,
6761
- ul[data-list-animation*="animated-"] .premium-bullet-list-divider-inline {
6762
- opacity: 0; }
6763
-
6764
- .premium-bullet-list-content-grow-effect:hover {
6765
- -webkit-transform: scale(1.07);
6766
- -ms-transform: scale(1.07);
6767
- transform: scale(1.07); }
6768
-
6769
- @keyframes spin {
6770
- 100% {
6771
- -webkit-transform: rotate(360deg);
6772
- transform: rotate(360deg); } }
6773
-
6774
- /********** Premium Woo Products **********/
6775
- /******************************************/
6776
- .premium-woocommerce .premium-woo-products-inner ul.products {
6777
- -js-display: flex;
6778
- display: -webkit-box;
6779
- display: -webkit-flex;
6780
- display: -moz-box;
6781
- display: -ms-flexbox;
6782
- display: flex;
6783
- margin: 0;
6784
- padding: 0;
6785
- -webkit-flex-wrap: wrap;
6786
- -ms-flex-wrap: wrap;
6787
- flex-wrap: wrap;
6788
- list-style: none outside;
6789
- -webkit-column-gap: 0;
6790
- -moz-column-gap: 0;
6791
- column-gap: 0; }
6792
- .premium-woocommerce .premium-woo-products-inner ul.products li.product {
6793
- margin: 0 0 10px;
6794
- padding: 0 10px; }
6795
- .premium-woocommerce .premium-woo-products-inner ul.products li.product .premium-woo-product-wrapper {
6796
- overflow: hidden;
6797
- -webkit-transition: all 0.3s ease-in-out;
6798
- transition: all 0.3s ease-in-out; }
6799
- .premium-woocommerce .premium-woo-products-inner ul.products li.product .premium-woo-product-category {
6800
- display: block;
6801
- font-size: 0.85em;
6802
- margin-bottom: 0.5em;
6803
- line-height: 1.3; }
6804
- .premium-woocommerce .premium-woo-products-inner ul.products li.product .woocommerce-loop-product__title {
6805
- margin-bottom: 0.5em;
6806
- font-size: 1em;
6807
- -webkit-transition: all 0.3s ease-in-out;
6808
- transition: all 0.3s ease-in-out; }
6809
- .premium-woocommerce .premium-woo-products-inner ul.products li.product .star-rating {
6810
- display: block;
6811
- float: none;
6812
- margin: 0 auto 0.5em;
6813
- -webkit-backface-visibility: hidden;
6814
- backface-visibility: hidden;
6815
- overflow: hidden;
6816
- position: relative;
6817
- height: 1em;
6818
- line-height: 1;
6819
- font-size: 0.857em;
6820
- width: 5.4em;
6821
- font-family: star; }
6822
- .premium-woocommerce .premium-woo-products-inner ul.products li.product .star-rating::before {
6823
- content: "\73\73\73\73\73";
6824
- color: #54595f;
6825
- float: left;
6826
- top: 0;
6827
- left: 0;
6828
- position: absolute; }
6829
- .premium-woocommerce .premium-woo-products-inner ul.products li.product .star-rating span {
6830
- overflow: hidden;
6831
- float: left;
6832
- top: 0;
6833
- left: 0;
6834
- position: absolute;
6835
- padding-top: 1.5em; }
6836
- .premium-woocommerce .premium-woo-products-inner ul.products li.product .star-rating span::before {
6837
- content: "\53\53\53\53\53";
6838
- top: 0;
6839
- position: absolute;
6840
- left: 0; }
6841
-
6842
- .premium-woocommerce .woocommerce-loop-product__link {
6843
- position: relative;
6844
- display: block;
6845
- overflow: hidden;
6846
- -webkit-transition: all 0.3s ease-in-out;
6847
- transition: all 0.3s ease-in-out; }
6848
-
6849
- .premium-woocommerce .premium-woo-ribbon-container {
6850
- position: absolute;
6851
- top: 0;
6852
- left: 0;
6853
- z-index: 9; }
6854
-
6855
- .premium-woo-product-thumbnail {
6856
- position: relative;
6857
- overflow: hidden; }
6858
- .premium-woo-product-thumbnail .woocommerce-loop-product__link img {
6859
- margin: 0;
6860
- width: 100%; }
6861
-
6862
- .premium-woo-product-sale-wrap,
6863
- .premium-woo-product-featured-wrap {
6864
- margin: 0; }
6865
-
6866
- .premium-woo-product-sale-wrap .premium-woo-product-onsale,
6867
- .premium-woo-product-featured-wrap .premium-woo-product-featured {
6868
- display: block;
6869
- text-align: center;
6870
- color: #fff;
6871
- min-width: 2em;
6872
- min-height: 2em;
6873
- line-height: 2em;
6874
- padding: 0.3em 0.6em;
6875
- margin: 0.5em 0.6em; }
6876
-
6877
- .premium-woocommerce .premium-woo-products-details-wrap {
6878
- padding: 1em 1.2em; }
6879
- .premium-woocommerce .premium-woo-products-details-wrap .button {
6880
- display: inline-block;
6881
- background-color: #6ec1e4;
6882
- color: #fff;
6883
- margin: 0.5em 0;
6884
- line-height: 1.3;
6885
- padding: 10px 40px;
6886
- font-size: 100%;
6887
- cursor: pointer;
6888
- text-decoration: none;
6889
- overflow: visible;
6890
- font-weight: 700;
6891
- background-image: none;
6892
- border: none;
6893
- -webkit-border-radius: 0px;
6894
- border-radius: 0px;
6895
- -webkit-box-shadow: none;
6896
- box-shadow: none;
6897
- text-shadow: none;
6898
- -webkit-transition: all 0.3s ease-in-out;
6899
- transition: all 0.3s ease-in-out; }
6900
-
6901
- .premium-woocommerce li.product .price {
6902
- display: block;
6903
- line-height: 1.3;
6904
- font-weight: 700;
6905
- margin-bottom: 0.5em;
6906
- font-size: 0.9em; }
6907
- .premium-woocommerce li.product .price del {
6908
- display: inline-block;
6909
- font-weight: 400;
6910
- background: transparent; }
6911
- .premium-woocommerce li.product .price ins {
6912
- display: inline-block;
6913
- background: transparent;
6914
- text-decoration: none;
6915
- font-weight: 700; }
6916
- .premium-woocommerce li.product .price .amount {
6917
- color: inherit !important; }
6918
-
6919
- .premium-woocommerce li.product .premium-woo-product-desc p {
6920
- margin: 0; }
6921
-
6922
- .premium-woo-product-align-center .premium-woocommerce li.product .star-rating {
6923
- margin-left: auto;
6924
- margin-right: auto; }
6925
-
6926
- .premium-woo-product-align-right .premium-woocommerce li.product .star-rating {
6927
- margin-left: auto;
6928
- margin-right: 0; }
6929
-
6930
- .premium-woo-products-pagination ul.page-numbers {
6931
- -js-display: flex;
6932
- display: -webkit-box;
6933
- display: -webkit-flex;
6934
- display: -moz-box;
6935
- display: -ms-flexbox;
6936
- display: flex;
6937
- list-style-type: none;
6938
- margin: 0;
6939
- margin-top: 10px;
6940
- padding: 0;
6941
- border: none;
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
- .premium-woo-products-pagination ul.page-numbers li {
6948
- margin: 0 0.4em 0.4em 0;
6949
- padding: 0;
6950
- text-align: center; }
6951
- .premium-woo-products-pagination ul.page-numbers li .page-numbers {
6952
- margin: 0;
6953
- text-decoration: none;
6954
- color: #000;
6955
- border: 1px solid #54595f;
6956
- padding: 0;
6957
- line-height: 1;
6958
- font-size: 1em;
6959
- font-weight: 400;
6960
- padding: 0.75em;
6961
- display: block;
6962
- min-width: 2.5em;
6963
- -webkit-transition: all 0.3s ease-in-out;
6964
- transition: all 0.3s ease-in-out; }
6965
- .premium-woo-products-pagination ul.page-numbers li .page-numbers:hover, .premium-woo-products-pagination ul.page-numbers li .page-numbers.current {
6966
- background-color: #54595f;
6967
- color: #fff;
6968
- outline: none; }
6969
-
6970
- .premium-woocommerce .premium-loading-feed,
6971
- .premium-woo-quick-view-loader .premium-loading-feed {
6972
- display: block;
6973
- position: absolute;
6974
- width: 100%;
6975
- height: 100%;
6976
- top: 0px;
6977
- left: 0px;
6978
- bottom: 0px;
6979
- right: 0px;
6980
- background: rgba(255, 255, 255, 0.2);
6981
- -js-display: flex;
6982
- display: -webkit-box;
6983
- display: -webkit-flex;
6984
- display: -moz-box;
6985
- display: -ms-flexbox;
6986
- display: flex;
6987
- -webkit-box-align: center;
6988
- -webkit-align-items: center;
6989
- -moz-box-align: center;
6990
- -ms-flex-align: center;
6991
- align-items: center; }
6992
-
6993
- /**
6994
- * Image Hover Effects
6995
- */
6996
- .premium-woocommerce .woocommerce-loop-product__link img {
6997
- -webkit-transition: all 0.3s ease-in-out;
6998
- transition: all 0.3s ease-in-out; }
6999
-
7000
- .premium-woo-product__hover-zoomout .woocommerce-loop-product__link img {
7001
- -webkit-transform: scale(1.2);
7002
- -ms-transform: scale(1.2);
7003
- transform: scale(1.2); }
7004
-
7005
- .premium-woo-product__hover-zoomout li.product:hover .woocommerce-loop-product__link img {
7006
- -webkit-transform: none;
7007
- -ms-transform: none;
7008
- transform: none; }
7009
-
7010
- .premium-woo-product__hover-zoomin .woocommerce-loop-product__link img {
7011
- -webkit-transform: none;
7012
- -ms-transform: none;
7013
- transform: none; }
7014
-
7015
- .premium-woo-product__hover-zoomin li.product:hover .woocommerce-loop-product__link img {
7016
- -webkit-transform: scale(1.2);
7017
- -ms-transform: scale(1.2);
7018
- transform: scale(1.2); }
7019
-
7020
- .premium-woo-product__hover-gray .woocommerce-loop-product__link img {
7021
- -webkit-filter: grayscale(100%);
7022
- filter: grayscale(100%); }
7023
-
7024
- .premium-woo-product__hover-gray li.product:hover .woocommerce-loop-product__link img {
7025
- -webkit-filter: grayscale(0%);
7026
- filter: grayscale(0%); }
7027
-
7028
- .premium-woo-product__hover-sepia .woocommerce-loop-product__link img {
7029
- -webkit-filter: sepia(30%);
7030
- filter: sepia(30%); }
7031
-
7032
- .premium-woo-product__hover-sepia li.product:hover .woocommerce-loop-product__link img {
7033
- -webkit-filter: sepia(0%);
7034
- filter: sepia(0%); }
7035
-
7036
- .premium-woo-product__hover-bright .woocommerce-loop-product__link img {
7037
- -webkit-filter: brightness(1);
7038
- filter: brightness(1); }
7039
-
7040
- .premium-woo-product__hover-bright li.product:hover .woocommerce-loop-product__link img {
7041
- -webkit-filter: brightness(1.2);
7042
- filter: brightness(1.2); }
7043
-
7044
- .premium-woo-product__hover-trans .woocommerce-loop-product__link img {
7045
- -webkit-transform: translateX(-15px) scale(1.1);
7046
- -ms-transform: translateX(-15px) scale(1.1);
7047
- transform: translateX(-15px) scale(1.1); }
7048
-
7049
- .premium-woo-product__hover-trans li.product:hover .woocommerce-loop-product__link img {
7050
- -webkit-transform: translateX(0px) scale(1.1);
7051
- -ms-transform: translateX(0px) scale(1.1);
7052
- transform: translateX(0px) scale(1.1); }
7053
-
7054
- .premium-woo-product__hover-scale li.product:hover .woocommerce-loop-product__link img {
7055
- -webkit-transform: scaleX(1.3) scaleY(1.3) rotate(5deg);
7056
- -ms-transform: scaleX(1.3) scaleY(1.3) rotate(5deg);
7057
- transform: scaleX(1.3) scaleY(1.3) rotate(5deg); }
7058
-
7059
- .premium-woocommerce .premium-woo-product__on_hover {
7060
- position: absolute;
7061
- top: 0;
7062
- right: 0;
7063
- bottom: 0;
7064
- left: 0;
7065
- height: 100%;
7066
- opacity: 0; }
7067
-
7068
- .premium-woo-product__hover-swap li.product:hover .premium-woo-product__on_hover {
7069
- opacity: 1; }
7070
-
7071
- .premium-woo-skin-grid-1 .premium-woo-qv-btn,
7072
- .premium-woo-skin-grid-4 .premium-woo-qv-btn {
7073
- position: absolute;
7074
- bottom: 0;
7075
- left: 0;
7076
- width: 100%;
7077
- text-align: center;
7078
- padding: 5px;
7079
- background: rgba(2, 2, 2, 0.5);
7080
- color: #fff;
7081
- -webkit-transition: all 0.3s ease-in-out;
7082
- transition: all 0.3s ease-in-out;
7083
- cursor: pointer;
7084
- z-index: 2;
7085
- -webkit-transform: translateY(100%);
7086
- -ms-transform: translateY(100%);
7087
- transform: translateY(100%); }
7088
-
7089
- .premium-woo-skin-grid-4 .premium-woo-qv-btn {
7090
- -webkit-transition-delay: 0.1s;
7091
- transition-delay: 0.1s; }
7092
-
7093
- .premium-woo-skin-grid-1 .premium-woo-qv-icon,
7094
- .premium-woo-skin-grid-4 .premium-woo-qv-icon,
7095
- .premium-woo-skin-grid-6 .premium-woo-qv-icon {
7096
- margin-left: 0.5em; }
7097
-
7098
- .premium-woo-product-thumbnail:hover .premium-woo-qv-btn-translate {
7099
- -webkit-transform: translateY(0);
7100
- -ms-transform: translateY(0);
7101
- transform: translateY(0); }
7102
-
7103
- .premium-woo-product-wrapper .premium-woo-qv-data {
7104
- position: absolute;
7105
- top: 0;
7106
- left: 0;
7107
- width: 100%;
7108
- height: 100%;
7109
- z-index: 1;
7110
- overflow: hidden;
7111
- cursor: pointer; }
7112
-
7113
- /**
7114
- * Skin 1,4
7115
- */
7116
- .premium-woo-skin-grid-1 .premium-woo-product-actions-wrapper,
7117
- .premium-woo-skin-grid-4 .premium-woo-product-actions-wrapper {
7118
- position: absolute;
7119
- top: 0.7em;
7120
- right: 1em;
7121
- -webkit-transform: translate3d(15px, 0, 0);
7122
- transform: translate3d(15px, 0, 0);
7123
- -webkit-transition: all 0.3s ease-in-out;
7124
- transition: all 0.3s ease-in-out;
7125
- opacity: 0;
7126
- z-index: 9; }
7127
-
7128
- .premium-woocommerce .premium-woo-product-actions-wrapper .premium-woo-cart-btn {
7129
- position: relative;
7130
- display: block;
7131
- margin: 0 0 3px;
7132
- background: #fff;
7133
- text-align: center;
7134
- outline: 0;
7135
- -webkit-transition: all 0.3s ease-in-out;
7136
- transition: all 0.3s ease-in-out; }
7137
-
7138
- .premium-woocommerce .premium-woo-product-actions-wrapper .premium-woo-add-cart-icon {
7139
- display: block;
7140
- color: #54595f;
7141
- width: 30px;
7142
- line-height: 30px;
7143
- height: 30px;
7144
- cursor: pointer;
7145
- -webkit-transition: all 0.3s ease-in-out;
7146
- transition: all 0.3s ease-in-out; }
7147
-
7148
- .premium-woo-skin-grid-1 li.product:hover .premium-woo-product-actions-wrapper,
7149
- .premium-woo-skin-grid-4 li.product:hover .premium-woo-product-actions-wrapper {
7150
- -webkit-transform: translate3d(5px, 0, 0);
7151
- transform: translate3d(5px, 0, 0);
7152
- opacity: 1; }
7153
-
7154
- .premium-woocommerce .premium-woo-cart-btn.adding .premium-woo-add-cart-icon {
7155
- -webkit-animation: spin 2s linear infinite;
7156
- animation: spin 2s linear infinite; }
7157
-
7158
- .premium-woocommerce .premium-woo-cart-btn.adding .premium-woo-add-cart-icon::before {
7159
- content: "\f013"; }
7160
-
7161
- .premium-woocommerce .premium-woo-cart-btn.added .premium-woo-add-cart-icon::before {
7162
- content: "\f00c"; }
7163
-
7164
- /**
7165
- * Skin 2
7166
- */
7167
- /*.premium-woo-skin-grid-2 .premium-woo-product-actions-wrapper {
7168
- position: relative;
7169
- display: inline-block;
7170
- }
7171
- .premium-woo-skin-grid-2 .premium-woo-products-details-wrap .premium-woo-qv-btn {
7172
- position: absolute;
7173
- top: 0;
7174
- right: 0;
7175
- opacity: 0;
7176
- visibility: hidden;
7177
- z-index: 2;
7178
- -webkit-transition: all 0.25s ease 0s;
7179
- -moz-transition: all 0.25s ease 0s;
7180
- -ms-transition: all 0.25s ease 0s;
7181
- transition: all 0.25s ease 0s;
7182
- }
7183
- .premium-woo-skin-grid-2 li.product:hover .premium-woo-qv-btn {
7184
- right: -40px;
7185
- opacity: 1;
7186
- visibility: visible;
7187
- }
7188
- .premium-woo-skin-grid-2 li.product .premium-woo-qv-btn::before {
7189
- position: absolute;
7190
- left: 0;
7191
- right: 0;
7192
- top: 0;
7193
- text-indent: 0;
7194
- font-family: 'Font Awesome 5 Free';
7195
- font-size: 1.1em;
7196
- content: "";
7197
- font-weight: 900;
7198
- }*/
7199
- .premium-woo-skin-grid-2 li.product .premium-woo-products-details-wrap {
7200
- position: absolute;
7201
- background: #fff;
7202
- bottom: 0;
7203
- left: 0;
7204
- width: 100%;
7205
- z-index: 2;
7206
- padding: 0;
7207
- opacity: 0;
7208
- -webkit-transition: opacity 0.2s, -webkit-transform 0.4s;
7209
- transition: opacity 0.2s, -webkit-transform 0.4s;
7210
- transition: transform 0.4s, opacity 0.2s;
7211
- transition: transform 0.4s, opacity 0.2s, -webkit-transform 0.4s;
7212
- -webkit-transform: translateZ(0) translateY(5px);
7213
- transform: translateZ(0) translateY(5px); }
7214
-
7215
- .premium-woo-skin-grid-2 .premium-woo-product-details {
7216
- padding: 15px 0; }
7217
-
7218
- .premium-woo-skin-grid-2 li.product:hover .premium-woo-products-details-wrap {
7219
- opacity: 1;
7220
- -webkit-transform: translateZ(0) translateY(0);
7221
- transform: translateZ(0) translateY(0); }
7222
-
7223
- .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper {
7224
- position: static;
7225
- -js-display: flex;
7226
- display: -webkit-box;
7227
- display: -webkit-flex;
7228
- display: -moz-box;
7229
- display: -ms-flexbox;
7230
- display: flex;
7231
- -webkit-box-orient: horizontal;
7232
- -webkit-box-direction: reverse;
7233
- -webkit-flex-direction: row-reverse;
7234
- -moz-box-orient: horizontal;
7235
- -moz-box-direction: reverse;
7236
- -ms-flex-direction: row-reverse;
7237
- flex-direction: row-reverse; }
7238
-
7239
- .premium-woo-skin-grid-2 .premium-woo-product-actions-wrapper > * {
7240
- -webkit-box-flex: 1;
7241
- -webkit-flex: 1;
7242
- -moz-box-flex: 1;
7243
- -ms-flex: 1;
7244
- flex: 1;
7245
- min-width: 50%; }
7246
-
7247
- .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper .button {
7248
- -js-display: flex;
7249
- display: -webkit-box;
7250
- display: -webkit-flex;
7251
- display: -moz-box;
7252
- display: -ms-flexbox;
7253
- display: flex;
7254
- margin: 0;
7255
- text-align: center;
7256
- -webkit-box-pack: center;
7257
- -webkit-justify-content: center;
7258
- -moz-box-pack: center;
7259
- -ms-flex-pack: center;
7260
- justify-content: center;
7261
- -webkit-box-align: center;
7262
- -webkit-align-items: center;
7263
- -moz-box-align: center;
7264
- -ms-flex-align: center;
7265
- align-items: center; }
7266
-
7267
- .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper .premium-woo-qv-btn {
7268
- background-color: #54595f; }
7269
-
7270
- /**
7271
- * Skin 3
7272
- */
7273
- .premium-woo-skin-grid-3 li.product .premium-woo-product-actions-wrapper,
7274
- .premium-woo-skin-grid-5 li.product .premium-woo-product-actions-wrapper {
7275
- -js-display: flex;
7276
- display: -webkit-box;
7277
- display: -webkit-flex;
7278
- display: -moz-box;
7279
- display: -ms-flexbox;
7280
- display: flex; }
7281
-
7282
- .premium-woo-skin-grid-3 li.product .premium-woo-product-actions-wrapper .premium-woo-qv-btn,
7283
- .premium-woo-skin-grid-5 li.product .premium-woo-product-actions-wrapper .premium-woo-qv-btn {
7284
- -js-display: flex;
7285
- display: -webkit-box;
7286
- display: -webkit-flex;
7287
- display: -moz-box;
7288
- display: -ms-flexbox;
7289
- display: flex;
7290
- -webkit-box-align: center;
7291
- -webkit-align-items: center;
7292
- -moz-box-align: center;
7293
- -ms-flex-align: center;
7294
- align-items: center;
7295
- background-color: #54595f;
7296
- padding: 10px;
7297
- -webkit-transition: all 0.25s ease 0s;
7298
- transition: all 0.25s ease 0s; }
7299
-
7300
- /*.premium-woo-skin-grid-3 li.product .premium-woo-product-actions-wrapper .premium-woo-qv-btn {
7301
- opacity: 0;
7302
- visibility: hidden;
7303
- }*/
7304
- .premium-woo-skin-grid-3 li.product .premium-woo-qv-btn {
7305
- opacity: 1;
7306
- visibility: visible; }
7307
-
7308
- .premium-woo-product-align-right .premium-woo-skin-grid-3 .premium-woo-product-actions-wrapper,
7309
- .premium-woo-product-align-right .premium-woo-skin-grid-5 .premium-woo-product-actions-wrapper {
7310
- -webkit-box-pack: end;
7311
- -webkit-justify-content: flex-end;
7312
- -moz-box-pack: end;
7313
- -ms-flex-pack: end;
7314
- justify-content: flex-end; }
7315
-
7316
- .premium-woo-product-align-center .premium-woo-skin-grid-3 .premium-woo-product-actions-wrapper,
7317
- .premium-woo-product-align-center .premium-woo-skin-grid-5 .premium-woo-product-actions-wrapper {
7318
- -webkit-box-pack: center;
7319
- -webkit-justify-content: center;
7320
- -moz-box-pack: center;
7321
- -ms-flex-pack: center;
7322
- justify-content: center; }
7323
-
7324
- /**
7325
- * Skin 4
7326
- */
7327
- .premium-woo-skin-grid-4 li.product .premium-woo-products-details-wrap {
7328
- position: absolute;
7329
- left: 0;
7330
- right: 0;
7331
- top: 50%;
7332
- -webkit-transform: scale(0.9) translateZ(0) translateY(-50%);
7333
- transform: scale(0.9) translateZ(0) translateY(-50%);
7334
- text-align: center;
7335
- z-index: 2;
7336
- opacity: 0;
7337
- -webkit-transition: opacity 0.5s, -webkit-transform 0.3s;
7338
- transition: opacity 0.5s, -webkit-transform 0.3s;
7339
- transition: opacity 0.5s, transform 0.3s;
7340
- transition: opacity 0.5s, transform 0.3s, -webkit-transform 0.3s; }
7341
-
7342
- .premium-woo-skin-grid-4 li.product .premium-woo-product-overlay {
7343
- position: absolute;
7344
- top: 0;
7345
- left: 0;
7346
- width: 100%;
7347
- height: 100%;
7348
- opacity: 0;
7349
- visibility: hidden;
7350
- background-color: rgba(27, 27, 23, 0.3);
7351
- -webkit-transition: all 0.25s ease-in-out;
7352
- transition: all 0.25s ease-in-out; }
7353
-
7354
- .premium-woo-skin-grid-4 li.product:hover .premium-woo-product-overlay {
7355
- opacity: 1;
7356
- visibility: visible;
7357
- z-index: 1; }
7358
-
7359
- .premium-woo-skin-grid-4 li.product:hover .premium-woo-products-details-wrap {
7360
- -webkit-transform: scale(1) translateZ(0) translateY(-50%);
7361
- transform: scale(1) translateZ(0) translateY(-50%);
7362
- opacity: 1; }
7363
-
7364
- /**
7365
- * Skin 5
7366
- */
7367
- .premium-woo-skin-grid-5 .premium-woo-product-wrapper {
7368
- -js-display: flex;
7369
- display: -webkit-box;
7370
- display: -webkit-flex;
7371
- display: -moz-box;
7372
- display: -ms-flexbox;
7373
- display: flex;
7374
- -webkit-box-align: center;
7375
- -webkit-align-items: center;
7376
- -moz-box-align: center;
7377
- -ms-flex-align: center;
7378
- align-items: center; }
7379
-
7380
- .premium-woo-skin-grid-5 li.product .premium-woo-products-details-wrap {
7381
- width: 75%; }
7382
-
7383
- /**
7384
- * Skin 6
7385
- */
7386
- .premium-woo-skin-grid-6 .premium-woo-qv-btn {
7387
- position: absolute;
7388
- top: 50%;
7389
- left: 50%;
7390
- min-width: 40%;
7391
- text-align: center;
7392
- padding: 5px;
7393
- background: rgba(2, 2, 2, 0.5);
7394
- color: #fff;
7395
- -webkit-transform: translate(-50%, -50%);
7396
- -ms-transform: translate(-50%, -50%);
7397
- transform: translate(-50%, -50%);
7398
- opacity: 0;
7399
- visibility: hidden;
7400
- -webkit-transition: all 0.3s ease-in-out;
7401
- transition: all 0.3s ease-in-out;
7402
- cursor: pointer;
7403
- z-index: 2; }
7404
-
7405
- .premium-woo-skin-grid-6 li.product:hover .premium-woo-qv-btn {
7406
- opacity: 1;
7407
- visibility: visible; }
7408
-
7409
- .premium-woo-product-align-right li.product .premium-woo-product-info .star-rating,
7410
- .premium-woo-product-align-left li.product .premium-woo-product-info .star-rating {
7411
- margin: 0; }
7412
-
7413
- .premium-woo-skin-grid-6 li.product .premium-woo-product-info {
7414
- -js-display: flex;
7415
- display: -webkit-box;
7416
- display: -webkit-flex;
7417
- display: -moz-box;
7418
- display: -ms-flexbox;
7419
- display: flex;
7420
- -webkit-box-pack: justify;
7421
- -webkit-justify-content: space-between;
7422
- -moz-box-pack: justify;
7423
- -ms-flex-pack: justify;
7424
- justify-content: space-between; }
7425
-
7426
- .premium-woo-product-align-center .premium-woocommerce li.product .premium-woo-product-info {
7427
- -webkit-box-orient: vertical;
7428
- -webkit-box-direction: normal;
7429
- -webkit-flex-direction: column;
7430
- -moz-box-orient: vertical;
7431
- -moz-box-direction: normal;
7432
- -ms-flex-direction: column;
7433
- flex-direction: column; }
7434
-
7435
- .premium-woo-product-align-right .premium-woocommerce li.product .premium-woo-product-info {
7436
- -webkit-box-orient: horizontal;
7437
- -webkit-box-direction: reverse;
7438
- -webkit-flex-direction: row-reverse;
7439
- -moz-box-orient: horizontal;
7440
- -moz-box-direction: reverse;
7441
- -ms-flex-direction: row-reverse;
7442
- flex-direction: row-reverse; }
7443
-
7444
- .premium-woo-skin-grid-6 li.product .premium-woo-product-gallery-images {
7445
- -js-display: flex;
7446
- display: -webkit-box;
7447
- display: -webkit-flex;
7448
- display: -moz-box;
7449
- display: -ms-flexbox;
7450
- display: flex;
7451
- position: absolute;
7452
- bottom: 10px;
7453
- width: 100%;
7454
- -webkit-box-pack: center;
7455
- -webkit-justify-content: center;
7456
- -moz-box-pack: center;
7457
- -ms-flex-pack: center;
7458
- justify-content: center; }
7459
-
7460
- .premium-woo-product-gallery-images .premium-woo-product__gallery_image {
7461
- width: 20%;
7462
- margin: 0 0.2em;
7463
- border: 2px solid #aaa;
7464
- cursor: pointer; }
7465
-
7466
- /**
7467
- * Metro
7468
- */
7469
- /*.premium-woo-grid-style1 ul.products li.product {
7470
- width: 25%;
7471
- }*/
7472
- .premium-woo-products-metro li.product .premium-woo-product-thumbnail img,
7473
- .premium-woo-products-metro li.product .premium-woo-product-wrapper,
7474
- .premium-woo-products-metro li.product .premium-woo-product-thumbnail,
7475
- .premium-woo-products-metro li.product .woocommerce-LoopProduct-link {
7476
- height: 100%; }
7477
-
7478
- .premium-woo-products-metro ul.products li.product {
7479
- margin-bottom: 0; }
7480
-
7481
- .premium-woo-products-metro li.product .premium-woo-product-thumbnail img {
7482
- -o-object-fit: cover;
7483
- object-fit: cover; }
7484
-
7485
- /*
7486
- * Carousel
7487
- */
7488
- .premium-woocommerce .slick-arrow {
7489
- -webkit-border-radius: 50%;
7490
- border-radius: 50%; }
7491
-
7492
- .premium-woocommerce ul.slick-dots {
7493
- width: 100%; }
7494
-
7495
- /*
7496
- * Quick View Html/body
7497
- */
7498
- html.premium-woo-qv-opened,
7499
- html.premium-woo-qv-opened body {
7500
- overflow: hidden; }
7501
-
7502
- /**
7503
- * Quick View Modal
7504
- */
7505
- .premium-woo-quick-view-back {
7506
- position: fixed;
7507
- visibility: hidden;
7508
- overflow: hidden;
7509
- background: rgba(2, 2, 2, 0.5);
7510
- opacity: 0;
7511
- -webkit-transition: opacity 0.25s;
7512
- transition: opacity 0.25s;
7513
- z-index: 999; }
7514
-
7515
- .premium-woo-quick-view-active {
7516
- top: 0;
7517
- left: 0;
7518
- width: 100%;
7519
- height: 100%;
7520
- opacity: 1;
7521
- visibility: visible; }
7522
-
7523
- #premium-woo-quick-view-modal {
7524
- position: fixed;
7525
- visibility: hidden;
7526
- opacity: 0;
7527
- top: 0;
7528
- left: 0;
7529
- width: 100%;
7530
- height: 100%;
7531
- z-index: 1400;
7532
- text-align: center;
7533
- -webkit-transition: all 0.3s;
7534
- transition: all 0.3s;
7535
- overflow-x: hidden;
7536
- overflow-y: auto; }
7537
- #premium-woo-quick-view-modal.active {
7538
- visibility: visible;
7539
- opacity: 1; }
7540
- #premium-woo-quick-view-modal.active .premium-woo-content-main {
7541
- -webkit-transform: translateY(0);
7542
- -ms-transform: translateY(0);
7543
- transform: translateY(0);
7544
- opacity: 1;
7545
- width: 100%; }
7546
- #premium-woo-quick-view-modal .premium-woo-content-main-wrapper {
7547
- position: absolute;
7548
- width: 100%;
7549
- height: 100%;
7550
- top: 0;
7551
- left: 0;
7552
- text-align: center;
7553
- padding: 30px;
7554
- -js-display: flex;
7555
- display: -webkit-box;
7556
- display: -webkit-flex;
7557
- display: -moz-box;
7558
- display: -ms-flexbox;
7559
- display: flex;
7560
- -webkit-box-align: center;
7561
- -webkit-align-items: center;
7562
- -moz-box-align: center;
7563
- -ms-flex-align: center;
7564
- align-items: center; }
7565
- #premium-woo-quick-view-modal .premium-woo-content-main {
7566
- position: relative;
7567
- pointer-events: none;
7568
- max-width: 100%;
7569
- text-align: left;
7570
- z-index: 1045;
7571
- -webkit-transform: translateY(-30px);
7572
- -ms-transform: translateY(-30px);
7573
- transform: translateY(-30px);
7574
- opacity: 0;
7575
- -webkit-transition: opacity 0.3s, -webkit-transform 0.5s;
7576
- transition: opacity 0.3s, -webkit-transform 0.5s;
7577
- transition: transform 0.5s, opacity 0.3s;
7578
- transition: transform 0.5s, opacity 0.3s, -webkit-transform 0.5s;
7579
- margin: 0 auto; }
7580
- #premium-woo-quick-view-modal .premium-woo-lightbox-content {
7581
- position: relative;
7582
- display: table;
7583
- pointer-events: auto;
7584
- background-color: #fff;
7585
- max-width: 975px;
7586
- margin: 20px auto;
7587
- -webkit-transform: translateZ(0);
7588
- transform: translateZ(0);
7589
- -webkit-box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, 0.15);
7590
- box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, 0.15);
7591
- overflow: hidden; }
7592
- #premium-woo-quick-view-modal .summary {
7593
- width: 50%;
7594
- margin: 0;
7595
- padding: 30px;
7596
- float: left;
7597
- -webkit-box-sizing: border-box;
7598
- -moz-box-sizing: border-box;
7599
- box-sizing: border-box; }
7600
- #premium-woo-quick-view-modal .summary .quantity {
7601
- min-width: auto; }
7602
- #premium-woo-quick-view-modal .summary .quantity input.qty {
7603
- width: 54px;
7604
- -webkit-appearance: button;
7605
- -moz-appearance: button;
7606
- appearance: button; }
7607
- #premium-woo-quick-view-modal .woocommerce-product-details__short-description p {
7608
- margin: 0; }
7609
-
7610
- #premium-woo-quick-view-close {
7611
- position: absolute;
7612
- font-size: 22px;
7613
- top: 10px;
7614
- right: 10px;
7615
- width: 22px;
7616
- height: 22px;
7617
- line-height: 22px;
7618
- opacity: 0.7;
7619
- text-align: center;
7620
- z-index: 2;
7621
- color: #000; }
7622
-
7623
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider {
7624
- position: relative; }
7625
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider li {
7626
- list-style: none; }
7627
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav {
7628
- margin: 0;
7629
- padding: 0;
7630
- width: 100%;
7631
- position: absolute;
7632
- bottom: 10px;
7633
- text-align: center; }
7634
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li {
7635
- margin: 0 6px;
7636
- display: inline-block;
7637
- vertical-align: middle; }
7638
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a {
7639
- width: 11px;
7640
- height: 11px;
7641
- display: block;
7642
- background: #666;
7643
- background: rgba(0, 0, 0, 0.5);
7644
- cursor: pointer;
7645
- text-indent: -9999px;
7646
- -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
7647
- box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
7648
- -webkit-border-radius: 20px;
7649
- border-radius: 20px; }
7650
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a.flex-active {
7651
- background: rgba(0, 0, 0, 0.9);
7652
- cursor: default; }
7653
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a:focus {
7654
- outline: none; }
7655
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider img {
7656
- -o-object-fit: cover;
7657
- object-fit: cover; }
7658
-
7659
- #premium-woo-quick-view-content div.images {
7660
- width: 50%;
7661
- float: left;
7662
- opacity: 1 !important;
7663
- margin: 0; }
7664
-
7665
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav {
7666
- margin: 0;
7667
- padding: 0;
7668
- list-style: none; }
7669
-
7670
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav a {
7671
- text-decoration: none;
7672
- display: block;
7673
- width: 14px;
7674
- height: 32px;
7675
- font-size: 32px;
7676
- line-height: 32px;
7677
- margin: -20px 0 0;
7678
- position: absolute;
7679
- top: 50%;
7680
- z-index: 10;
7681
- overflow: hidden;
7682
- cursor: pointer;
7683
- color: rgba(0, 0, 0, 0.8);
7684
- text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
7685
- -webkit-transition: all 0.3s ease-in-out;
7686
- transition: all 0.3s ease-in-out; }
7687
-
7688
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next,
7689
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev {
7690
- display: inline-block;
7691
- font-family: "Font Awesome 5 Free";
7692
- font-weight: 900;
7693
- text-rendering: auto;
7694
- -webkit-font-smoothing: antialiased;
7695
- -moz-osx-font-smoothing: grayscale; }
7696
-
7697
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev {
7698
- left: 10px; }
7699
-
7700
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next {
7701
- right: 10px; }
7702
-
7703
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev::before {
7704
- content: "\f104"; }
7705
-
7706
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next::before {
7707
- content: "\f105"; }
7708
-
7709
- .premium-woocommerce li.product .added_to_cart.wc-forward {
7710
- display: none; }
7711
-
7712
- .premium-woo-atc-button .add_to_cart_button span {
7713
- -webkit-animation: spin 2s linear infinite;
7714
- animation: spin 2s linear infinite;
7715
- margin-left: 5px;
7716
- vertical-align: baseline; }
1
+ @font-face {
2
+ font-family: "pa-elements";
3
+ src: url("../../editor/fonts/pa-elements.eot?9e1efm");
4
+ src: url("../../editor/fonts/pa-elements.eot?9e1efm#iefix") format("embedded-opentype"), url("../../editor/fonts/pa-elements.ttf?9e1efm") format("truetype"), url("../../editor/fonts/pa-elements.woff?9e1efm") format("woff"), url("../../editor/fonts/pa-elements.svg?9e1efm#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
+ .premium-carousel-wrapper a.carousel-arrow svg, .premium-carousel-wrapper a.ver-carousel-arrow svg {
1497
+ -webkit-transition: all 0.3s ease-in-out;
1498
+ transition: all 0.3s ease-in-out; }
1499
+
1500
+ .premium-tabs-nav-list a.carousel-arrow,
1501
+ .premium-fb-rev-container a.carousel-arrow,
1502
+ .premium-blog-wrap a.carousel-arrow,
1503
+ .premium-hscroll-wrap a.carousel-arrow,
1504
+ .premium-twitter-feed-wrapper a.carousel-arrow,
1505
+ .premium-facebook-feed-wrapper a.carousel-arrow,
1506
+ .premium-instafeed-container a.carousel-arrow,
1507
+ .premium-persons-container a.carousel-arrow,
1508
+ .premium-woocommerce a.carousel-arrow {
1509
+ -js-display: flex;
1510
+ display: -webkit-box;
1511
+ display: -webkit-flex;
1512
+ display: -moz-box;
1513
+ display: -ms-flexbox;
1514
+ display: flex;
1515
+ -webkit-box-align: center;
1516
+ -webkit-align-items: center;
1517
+ -moz-box-align: center;
1518
+ -ms-flex-align: center;
1519
+ align-items: center;
1520
+ -webkit-box-pack: center;
1521
+ -webkit-justify-content: center;
1522
+ -moz-box-pack: center;
1523
+ -ms-flex-pack: center;
1524
+ justify-content: center;
1525
+ width: 2em;
1526
+ height: 2em;
1527
+ line-height: 0;
1528
+ text-align: center;
1529
+ position: absolute;
1530
+ z-index: 99;
1531
+ cursor: pointer;
1532
+ -webkit-transition: all 0.3s ease-in-out;
1533
+ transition: all 0.3s ease-in-out;
1534
+ -webkit-appearance: inherit;
1535
+ border: none;
1536
+ -webkit-box-shadow: none;
1537
+ box-shadow: none; }
1538
+
1539
+ div[class^="premium-"] .slick-arrow i {
1540
+ display: block; }
1541
+
1542
+ .ver-carousel-arrow.carousel-next i {
1543
+ margin-bottom: -3px; }
1544
+
1545
+ .premium-carousel-wrapper a.slick-arrow:hover {
1546
+ -webkit-box-shadow: none !important;
1547
+ box-shadow: none !important; }
1548
+
1549
+ .premium-carousel-wrapper .premium-carousel-content-hidden {
1550
+ visibility: hidden; }
1551
+
1552
+ .premium-carousel-wrapper a.carousel-arrow {
1553
+ top: 50%; }
1554
+
1555
+ .premium-tabs-nav-list a.carousel-arrow,
1556
+ .premium-fb-rev-container a.carousel-arrow,
1557
+ .premium-blog-wrap a.carousel-arrow,
1558
+ .premium-hscroll-wrap a.carousel-arrow,
1559
+ .premium-twitter-feed-wrapper a.carousel-arrow,
1560
+ .premium-facebook-feed-wrapper a.carousel-arrow,
1561
+ .premium-instafeed-container a.carousel-arrow,
1562
+ .premium-persons-container a.carousel-arrow,
1563
+ .premium-woocommerce a.carousel-arrow {
1564
+ top: 50%;
1565
+ -webkit-transform: translateY(-50%);
1566
+ -ms-transform: translateY(-50%);
1567
+ transform: translateY(-50%); }
1568
+
1569
+ .premium-carousel-wrapper a.ver-carousel-arrow {
1570
+ left: 50%;
1571
+ -webkit-transform: translateX(-50%);
1572
+ -ms-transform: translateX(-50%);
1573
+ transform: translateX(-50%); }
1574
+
1575
+ a.carousel-arrow.carousel-next {
1576
+ left: auto;
1577
+ right: -20px; }
1578
+
1579
+ a.carousel-arrow.carousel-prev {
1580
+ left: -20px;
1581
+ right: auto; }
1582
+
1583
+ a.ver-carousel-arrow.carousel-next {
1584
+ bottom: -56px; }
1585
+
1586
+ a.ver-carousel-arrow.carousel-prev {
1587
+ top: -45px; }
1588
+
1589
+ a.circle-bg {
1590
+ -webkit-border-radius: 100%;
1591
+ border-radius: 100%; }
1592
+
1593
+ a.circle-border {
1594
+ -webkit-border-radius: 100%;
1595
+ border-radius: 100%;
1596
+ border: solid black; }
1597
+
1598
+ a.square-border {
1599
+ border: solid black; }
1600
+
1601
+ .premium-woocommerce ul.slick-dots,
1602
+ .premium-carousel-dots-below ul.slick-dots,
1603
+ .premium-blog-wrap ul.slick-dots,
1604
+ .premium-fb-rev-reviews ul.slick-dots {
1605
+ position: relative;
1606
+ bottom: 0;
1607
+ list-style: none;
1608
+ text-align: center;
1609
+ margin: 0;
1610
+ padding: 0; }
1611
+
1612
+ .premium-carousel-dots-above ul.slick-dots {
1613
+ position: absolute;
1614
+ -js-display: flex;
1615
+ display: -webkit-box;
1616
+ display: -webkit-flex;
1617
+ display: -moz-box;
1618
+ display: -ms-flexbox;
1619
+ display: flex;
1620
+ width: auto;
1621
+ top: 50%;
1622
+ bottom: auto;
1623
+ -webkit-transform: translateY(-50%);
1624
+ -ms-transform: translateY(-50%);
1625
+ transform: translateY(-50%);
1626
+ -webkit-box-orient: vertical;
1627
+ -webkit-box-direction: normal;
1628
+ -webkit-flex-direction: column;
1629
+ -moz-box-orient: vertical;
1630
+ -moz-box-direction: normal;
1631
+ -ms-flex-direction: column;
1632
+ flex-direction: column; }
1633
+
1634
+ ul.slick-dots li {
1635
+ font-size: 10px;
1636
+ -js-display: inline-flex;
1637
+ display: -webkit-inline-box;
1638
+ display: -webkit-inline-flex;
1639
+ display: -moz-inline-box;
1640
+ display: -ms-inline-flexbox;
1641
+ display: inline-flex;
1642
+ -webkit-box-pack: center;
1643
+ -webkit-justify-content: center;
1644
+ -moz-box-pack: center;
1645
+ -ms-flex-pack: center;
1646
+ justify-content: center;
1647
+ -webkit-box-align: center;
1648
+ -webkit-align-items: center;
1649
+ -moz-box-align: center;
1650
+ -ms-flex-align: center;
1651
+ align-items: center;
1652
+ margin: 5px;
1653
+ width: 20px;
1654
+ height: 20px;
1655
+ cursor: pointer; }
1656
+
1657
+ /*
1658
+ * Custom Navigation Dot
1659
+ */
1660
+ .premium-carousel-wrapper .premium-carousel-nav-dot,
1661
+ .premium-carousel-wrapper .premium-carousel-nav-arrow-prev,
1662
+ .premium-carousel-wrapper .premium-carousel-nav-arrow-next {
1663
+ display: none; }
1664
+
1665
+ .premium-carousel-wrapper ul.slick-dots svg {
1666
+ width: 20px;
1667
+ height: 20px;
1668
+ outline: none !important; }
1669
+
1670
+ /* Ripple Out */
1671
+ @-webkit-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
+ @keyframes hvr-ripple-out {
1681
+ 0% {
1682
+ -webkit-transform: scale(1);
1683
+ transform: scale(1);
1684
+ opacity: 1; }
1685
+ 100% {
1686
+ -webkit-transform: scale(1.5);
1687
+ transform: scale(1.5);
1688
+ opacity: 0; } }
1689
+
1690
+ .premium-carousel-ripple-yes .premium-carousel-wrapper {
1691
+ padding-bottom: 1px; }
1692
+
1693
+ .premium-carousel-ripple-yes ul.slick-dots li {
1694
+ position: relative; }
1695
+ .premium-carousel-ripple-yes ul.slick-dots li i {
1696
+ position: relative;
1697
+ z-index: 1; }
1698
+ .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
1699
+ content: "";
1700
+ position: absolute;
1701
+ -webkit-transform: scale(1);
1702
+ -ms-transform: scale(1);
1703
+ transform: scale(1);
1704
+ top: 0;
1705
+ right: 0;
1706
+ bottom: 0;
1707
+ left: 0;
1708
+ -webkit-border-radius: 50%;
1709
+ border-radius: 50%;
1710
+ pointer-events: none;
1711
+ background-color: rgba(0, 0, 0, 0.15); }
1712
+ .premium-carousel-ripple-yes ul.slick-dots li.slick-active:hover:before {
1713
+ background-color: rgba(0, 0, 0, 0.3); }
1714
+ .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
1715
+ -webkit-animation: hvr-ripple-out 1.3s infinite;
1716
+ animation: hvr-ripple-out 1.3s infinite; }
1717
+
1718
+ .premium-carousel-wrapper.premium-carousel-scale .slick-slide {
1719
+ -webkit-transform: scale(1.25, 1.25);
1720
+ -ms-transform: scale(1.25, 1.25);
1721
+ transform: scale(1.25, 1.25);
1722
+ -webkit-transition: all 0.3s ease-in-out !important;
1723
+ transition: all 0.3s ease-in-out !important; }
1724
+
1725
+ .premium-carousel-wrapper.premium-carousel-scale div.slick-active {
1726
+ -webkit-transform: scale(1, 1);
1727
+ -ms-transform: scale(1, 1);
1728
+ transform: scale(1, 1); }
1729
+
1730
+ [dir="rtl"] .premium-carousel-inner .slick-slide {
1731
+ float: right; }
1732
+
1733
+ /**************** Premium Counter ***************/
1734
+ /************************************************/
1735
+ .premium-counter-area {
1736
+ padding: 10px 0;
1737
+ -js-display: flex;
1738
+ display: -webkit-box;
1739
+ display: -webkit-flex;
1740
+ display: -moz-box;
1741
+ display: -ms-flexbox;
1742
+ display: flex;
1743
+ -webkit-box-pack: center;
1744
+ -webkit-justify-content: center;
1745
+ -moz-box-pack: center;
1746
+ -ms-flex-pack: center;
1747
+ justify-content: center;
1748
+ -webkit-box-align: center;
1749
+ -webkit-align-items: center;
1750
+ -moz-box-align: center;
1751
+ -ms-flex-align: center;
1752
+ align-items: center; }
1753
+ .premium-counter-area.top {
1754
+ -webkit-box-orient: vertical;
1755
+ -webkit-box-direction: normal;
1756
+ -webkit-flex-direction: column;
1757
+ -moz-box-orient: vertical;
1758
+ -moz-box-direction: normal;
1759
+ -ms-flex-direction: column;
1760
+ flex-direction: column; }
1761
+ .premium-counter-area.right {
1762
+ -webkit-box-orient: horizontal;
1763
+ -webkit-box-direction: reverse;
1764
+ -webkit-flex-direction: row-reverse;
1765
+ -moz-box-orient: horizontal;
1766
+ -moz-box-direction: reverse;
1767
+ -ms-flex-direction: row-reverse;
1768
+ flex-direction: row-reverse; }
1769
+ .premium-counter-area.right .premium-counter-icon {
1770
+ padding-left: 20px; }
1771
+ .premium-counter-area.left .premium-counter-icon {
1772
+ padding-right: 20px; }
1773
+ .premium-counter-area .premium-counter-icon .icon i.fa:before {
1774
+ vertical-align: text-top; }
1775
+ .premium-counter-area .premium-counter-icon span.icon {
1776
+ text-align: center;
1777
+ display: inline-block;
1778
+ vertical-align: middle; }
1779
+ .premium-counter-area .premium-counter-icon .circle {
1780
+ -webkit-border-radius: 100%;
1781
+ border-radius: 100%; }
1782
+ .premium-counter-area .premium-counter-icon img,
1783
+ .premium-counter-area .premium-counter-icon svg {
1784
+ width: 80px; }
1785
+ .premium-counter-area .premium-counter-icon .premium-counter-animation svg {
1786
+ height: 80px; }
1787
+ .premium-counter-area .premium-counter-title {
1788
+ padding: 0;
1789
+ margin: 0; }
1790
+ .premium-counter-area .premium-counter-value-wrap {
1791
+ -js-display: flex;
1792
+ display: -webkit-box;
1793
+ display: -webkit-flex;
1794
+ display: -moz-box;
1795
+ display: -ms-flexbox;
1796
+ display: flex;
1797
+ -webkit-box-align: center;
1798
+ -webkit-align-items: center;
1799
+ -moz-box-align: center;
1800
+ -ms-flex-align: center;
1801
+ align-items: center; }
1802
+
1803
+ .premium-init-wrapper.right {
1804
+ text-align: right; }
1805
+
1806
+ span.icon.flex-width {
1807
+ width: auto !important;
1808
+ height: auto !important; }
1809
+
1810
+ .premium-counter-area .premium-counter-init {
1811
+ font-size: 35px; }
1812
+
1813
+ /**************** Premium Image Separator ****************/
1814
+ /*********************************************************/
1815
+ .premium-image-separator-container {
1816
+ position: absolute;
1817
+ width: 100%;
1818
+ z-index: 2;
1819
+ top: auto;
1820
+ -webkit-transition: all 0.3s ease-in-out;
1821
+ transition: all 0.3s ease-in-out; }
1822
+ .premium-image-separator-container svg,
1823
+ .premium-image-separator-container img {
1824
+ display: inline-block !important;
1825
+ -webkit-mask-repeat: no-repeat;
1826
+ mask-repeat: no-repeat;
1827
+ -webkit-mask-position: center;
1828
+ mask-position: center; }
1829
+ .premium-image-separator-container .premium-image-separator-link {
1830
+ position: absolute;
1831
+ z-index: 9999;
1832
+ top: 0;
1833
+ left: 0;
1834
+ width: 100%;
1835
+ height: 100%;
1836
+ text-decoration: none; }
1837
+ .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 {
1838
+ -webkit-box-shadow: none !important;
1839
+ box-shadow: none !important;
1840
+ outline: none !important;
1841
+ border: none !important;
1842
+ text-decoration: none !important; }
1843
+ .premium-image-separator-container i,
1844
+ .premium-image-separator-container > svg {
1845
+ padding: 20px;
1846
+ -webkit-transition: all 0.3s ease-in-out;
1847
+ transition: all 0.3s ease-in-out; }
1848
+
1849
+ /**************** Premium Modal Box ****************/
1850
+ /***************************************************/
1851
+ .premium-modal-trigger-btn,
1852
+ .premium-modal-box-modal-lower-close {
1853
+ display: inline-block;
1854
+ padding: 6px 12px;
1855
+ margin-bottom: 0;
1856
+ font-size: 14px;
1857
+ font-weight: normal;
1858
+ line-height: 1.42857143;
1859
+ text-align: center;
1860
+ white-space: nowrap;
1861
+ vertical-align: middle;
1862
+ -ms-touch-action: manipulation;
1863
+ touch-action: manipulation;
1864
+ cursor: pointer;
1865
+ -webkit-user-select: none;
1866
+ -moz-user-select: none;
1867
+ -ms-user-select: none;
1868
+ user-select: none;
1869
+ background-image: none;
1870
+ border: 1px solid transparent; }
1871
+
1872
+ .premium-modal-trigger-btn > svg,
1873
+ .premium-modal-trigger-btn .premium-modal-box-icon {
1874
+ -webkit-transition: all 0.3s ease-in-out;
1875
+ transition: all 0.3s ease-in-out; }
1876
+
1877
+ .premium-modal-trigger-btn > svg {
1878
+ width: 30px;
1879
+ height: 30px; }
1880
+
1881
+ .premium-modal-box-modal-close {
1882
+ float: right;
1883
+ font-size: 21px;
1884
+ font-weight: bold;
1885
+ line-height: 1;
1886
+ color: #000; }
1887
+ .premium-modal-box-modal-close:hover, .premium-modal-box-modal-close:focus {
1888
+ color: #000;
1889
+ text-decoration: none;
1890
+ cursor: pointer; }
1891
+
1892
+ button.premium-modal-box-modal-close {
1893
+ -webkit-appearance: none;
1894
+ padding: 0;
1895
+ cursor: pointer;
1896
+ background: transparent;
1897
+ border: 0; }
1898
+
1899
+ .premium-modal-box-modal {
1900
+ position: fixed;
1901
+ top: 0;
1902
+ right: 0;
1903
+ bottom: 0;
1904
+ left: 0;
1905
+ z-index: 1050;
1906
+ display: none;
1907
+ -webkit-overflow-scrolling: touch;
1908
+ outline: 0;
1909
+ padding: 0 !important;
1910
+ background: rgba(0, 0, 0, 0.5);
1911
+ -webkit-box-align: center;
1912
+ -webkit-align-items: center;
1913
+ -moz-box-align: center;
1914
+ -ms-flex-align: center;
1915
+ align-items: center;
1916
+ -webkit-box-pack: center;
1917
+ -webkit-justify-content: center;
1918
+ -moz-box-pack: center;
1919
+ -ms-flex-pack: center;
1920
+ justify-content: center; }
1921
+ .premium-modal-box-modal .premium-modal-box-modal-dialog {
1922
+ position: absolute;
1923
+ max-height: -webkit-calc(100vh - 150px);
1924
+ max-height: calc(100vh - 150px);
1925
+ -js-display: flex;
1926
+ display: -webkit-box;
1927
+ display: -webkit-flex;
1928
+ display: -moz-box;
1929
+ display: -ms-flexbox;
1930
+ display: flex;
1931
+ -webkit-box-orient: vertical;
1932
+ -webkit-box-direction: normal;
1933
+ -webkit-flex-direction: column;
1934
+ -moz-box-orient: vertical;
1935
+ -moz-box-direction: normal;
1936
+ -ms-flex-direction: column;
1937
+ flex-direction: column;
1938
+ opacity: 0; }
1939
+
1940
+ .premium-modal-box-modal-content {
1941
+ background-color: #fff;
1942
+ background-clip: padding-box;
1943
+ border: 1px solid rgba(0, 0, 0, 0.2);
1944
+ -webkit-border-radius: 6px;
1945
+ border-radius: 6px;
1946
+ outline: 0;
1947
+ overflow-x: hidden; }
1948
+
1949
+ .premium-modal-backdrop.premium-in {
1950
+ filter: alpha(opacity=50);
1951
+ opacity: 0.5 !important; }
1952
+
1953
+ .premium-in {
1954
+ opacity: 1; }
1955
+
1956
+ .premium-modal-backdrop {
1957
+ position: fixed;
1958
+ top: 0;
1959
+ right: 0;
1960
+ bottom: 0;
1961
+ left: 0;
1962
+ z-index: 1040;
1963
+ background-color: #000; }
1964
+
1965
+ .premium-in {
1966
+ -js-display: flex !important;
1967
+ display: -webkit-box !important;
1968
+ display: -webkit-flex !important;
1969
+ display: -moz-box !important;
1970
+ display: -ms-flexbox !important;
1971
+ display: flex !important; }
1972
+
1973
+ .premium-modal-box-modal-header {
1974
+ -js-display: flex;
1975
+ display: -webkit-box;
1976
+ display: -webkit-flex;
1977
+ display: -moz-box;
1978
+ display: -ms-flexbox;
1979
+ display: flex;
1980
+ -webkit-box-pack: justify;
1981
+ -webkit-justify-content: space-between;
1982
+ -moz-box-pack: justify;
1983
+ -ms-flex-pack: justify;
1984
+ justify-content: space-between;
1985
+ -webkit-box-align: center;
1986
+ -webkit-align-items: center;
1987
+ -moz-box-align: center;
1988
+ -ms-flex-align: center;
1989
+ align-items: center;
1990
+ padding: 5px 15px;
1991
+ border-bottom: 1px solid #e5e5e5; }
1992
+ .premium-modal-box-modal-header .premium-modal-box-modal-close {
1993
+ margin-top: -2px; }
1994
+ .premium-modal-box-modal-header .premium-modal-box-modal-title {
1995
+ -js-display: flex;
1996
+ display: -webkit-box;
1997
+ display: -webkit-flex;
1998
+ display: -moz-box;
1999
+ display: -ms-flexbox;
2000
+ display: flex;
2001
+ -webkit-box-align: center;
2002
+ -webkit-align-items: center;
2003
+ -moz-box-align: center;
2004
+ -ms-flex-align: center;
2005
+ align-items: center;
2006
+ margin: 0;
2007
+ padding: 0; }
2008
+ .premium-modal-box-modal-header .premium-modal-box-modal-title svg {
2009
+ width: 50px;
2010
+ height: 60px; }
2011
+
2012
+ .premium-modal-box-modal-body {
2013
+ position: relative;
2014
+ padding: 15px;
2015
+ overflow: hidden; }
2016
+
2017
+ .premium-modal-box-modal-footer {
2018
+ padding: 15px;
2019
+ text-align: right;
2020
+ border-top: 1px solid #e5e5e5; }
2021
+
2022
+ .premium-modal-scrollbar-measure {
2023
+ position: absolute;
2024
+ top: -9999px;
2025
+ width: 50px;
2026
+ height: 50px;
2027
+ overflow: scroll; }
2028
+
2029
+ .premium-modal-trigger-text {
2030
+ background: none !important;
2031
+ display: inline-block; }
2032
+
2033
+ .premium-modal-box-container {
2034
+ width: 100% !important; }
2035
+
2036
+ /*Open Modal Button Style*/
2037
+ .premium-modal-trigger-container .premium-modal-trigger-btn {
2038
+ -js-display: inline-flex;
2039
+ display: -webkit-inline-box;
2040
+ display: -webkit-inline-flex;
2041
+ display: -moz-inline-box;
2042
+ display: -ms-inline-flexbox;
2043
+ display: inline-flex;
2044
+ -webkit-box-align: center;
2045
+ -webkit-align-items: center;
2046
+ -moz-box-align: center;
2047
+ -ms-flex-align: center;
2048
+ align-items: center;
2049
+ border: none;
2050
+ -webkit-transition: all 0.3s ease-in-out;
2051
+ transition: all 0.3s ease-in-out; }
2052
+ .premium-modal-trigger-container .premium-modal-trigger-btn.premium-btn-block {
2053
+ -webkit-box-pack: center;
2054
+ -webkit-justify-content: center;
2055
+ -moz-box-pack: center;
2056
+ -ms-flex-pack: center;
2057
+ justify-content: center; }
2058
+
2059
+ .premium-modal-trigger-container .premium-modal-trigger-img,
2060
+ .premium-modal-trigger-container .premium-modal-trigger-text,
2061
+ .premium-modal-trigger-container .premium-modal-trigger-animation {
2062
+ cursor: pointer; }
2063
+
2064
+ .premium-modal-trigger-container .premium-modal-trigger-animation {
2065
+ display: inline-block;
2066
+ width: 200px;
2067
+ height: 200px;
2068
+ -webkit-transition: all 0.3s ease-in-out;
2069
+ transition: all 0.3s ease-in-out; }
2070
+
2071
+ /*Image on Modal Header Style*/
2072
+ .premium-modal-box-modal-header img {
2073
+ width: 48px;
2074
+ padding-right: 5px; }
2075
+
2076
+ .premium-modal-box-modal-header i,
2077
+ .premium-modal-box-modal-header svg {
2078
+ padding-right: 6px; }
2079
+
2080
+ .premium-modal-box-modal-close {
2081
+ position: relative;
2082
+ z-index: 99; }
2083
+
2084
+ .premium-modal-trigger-img,
2085
+ .premium-modal-trigger-text,
2086
+ .premium-modal-box-close-button-container,
2087
+ .premium-modal-box-modal-close,
2088
+ .premium-modal-box-modal-lower-close {
2089
+ -webkit-transition: all 0.3s ease-in-out;
2090
+ transition: all 0.3s ease-in-out; }
2091
+
2092
+ @media (min-width: 768px) {
2093
+ .premium-modal-box-modal-dialog {
2094
+ width: 700px;
2095
+ max-height: 600px;
2096
+ overflow: auto; } }
2097
+
2098
+ @media (max-width: 767px) {
2099
+ .premium-modal-box-modal-dialog {
2100
+ width: 100%;
2101
+ max-height: 500px;
2102
+ overflow: auto; } }
2103
+
2104
+ .premium-modal-box-container[data-modal-animation*="animated-"] {
2105
+ opacity: 0; }
2106
+
2107
+ /**************** Premium Progress Bar ****************/
2108
+ /******************************************************/
2109
+ .premium-progressbar-container {
2110
+ position: relative; }
2111
+
2112
+ .premium-progressbar-bar-wrap {
2113
+ position: relative;
2114
+ text-align: left;
2115
+ overflow: hidden;
2116
+ height: 25px;
2117
+ margin-bottom: 50px;
2118
+ background-color: #f5f5f5;
2119
+ -webkit-border-radius: 4px;
2120
+ border-radius: 4px;
2121
+ -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
2122
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }
2123
+ .premium-progressbar-bar-wrap.premium-progressbar-dots {
2124
+ background-color: transparent;
2125
+ width: 100%;
2126
+ -js-display: flex;
2127
+ display: -webkit-box;
2128
+ display: -webkit-flex;
2129
+ display: -moz-box;
2130
+ display: -ms-flexbox;
2131
+ display: flex;
2132
+ height: auto;
2133
+ -webkit-box-shadow: none;
2134
+ box-shadow: none; }
2135
+ .premium-progressbar-bar-wrap .progress-segment {
2136
+ position: relative;
2137
+ width: 25px;
2138
+ height: 25px;
2139
+ -webkit-border-radius: 50%;
2140
+ border-radius: 50%;
2141
+ overflow: hidden;
2142
+ background-color: #f5f5f5; }
2143
+ .premium-progressbar-bar-wrap .progress-segment.filled {
2144
+ background: #6ec1e4; }
2145
+ .premium-progressbar-bar-wrap .progress-segment:not(:first-child):not(:last-child) {
2146
+ margin: 0 4px; }
2147
+ .premium-progressbar-bar-wrap .progress-segment:first-child {
2148
+ margin-right: 4px; }
2149
+ .premium-progressbar-bar-wrap .progress-segment:last-child {
2150
+ margin-left: 4px; }
2151
+ .premium-progressbar-bar-wrap .progress-segment .segment-inner {
2152
+ position: absolute;
2153
+ top: 0;
2154
+ left: 0;
2155
+ height: 100%;
2156
+ background-color: #6ec1e4; }
2157
+
2158
+ .premium-progressbar-bar {
2159
+ float: left;
2160
+ width: 0%;
2161
+ height: 100%;
2162
+ font-size: 12px;
2163
+ line-height: 20px;
2164
+ background: #6ec1e4;
2165
+ text-align: center;
2166
+ -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2167
+ box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); }
2168
+
2169
+ .premium-progressbar-striped .premium-progressbar-bar {
2170
+ 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);
2171
+ 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);
2172
+ -webkit-background-size: 40px 40px;
2173
+ background-size: 40px 40px; }
2174
+
2175
+ .premium-progressbar-active .premium-progressbar-bar {
2176
+ -webkit-animation: progress-bar-stripes 2s linear infinite;
2177
+ animation: progress-bar-stripes 2s linear infinite; }
2178
+
2179
+ .premium-progressbar-gradient .premium-progressbar-bar {
2180
+ -webkit-background-size: 400% 400% !important;
2181
+ background-size: 400% 400% !important;
2182
+ -webkit-animation: progress-bar-gradient 10s ease-in-out infinite;
2183
+ animation: progress-bar-gradient 10s ease-in-out infinite; }
2184
+
2185
+ .premium-progressbar-bar {
2186
+ position: absolute;
2187
+ overflow: hidden;
2188
+ line-height: 20px; }
2189
+
2190
+ .premium-progressbar-container .clearfix {
2191
+ clear: both; }
2192
+
2193
+ .premium-progressbar-bar {
2194
+ -webkit-transition: width 0s ease-in-out !important;
2195
+ transition: width 0s ease-in-out !important; }
2196
+
2197
+ .premium-progressbar-container p:first-of-type {
2198
+ margin: 0;
2199
+ float: left; }
2200
+
2201
+ .premium-progressbar-container p:nth-of-type(2) {
2202
+ margin: 0;
2203
+ float: right; }
2204
+
2205
+ .premium-progressbar-name {
2206
+ left: 50%;
2207
+ top: 0;
2208
+ right: 0;
2209
+ -webkit-transform: translateX(-12.5px);
2210
+ -ms-transform: translateX(-12.5px);
2211
+ transform: translateX(-12.5px);
2212
+ z-index: 1; }
2213
+
2214
+ .premium-progressbar-multiple-label {
2215
+ position: relative;
2216
+ float: left;
2217
+ width: 0;
2218
+ left: 50%; }
2219
+
2220
+ .premium-progressbar-center-label {
2221
+ position: relative;
2222
+ white-space: nowrap; }
2223
+
2224
+ .premium-progressbar-arrow {
2225
+ height: 15px;
2226
+ left: 50%;
2227
+ display: inline-block;
2228
+ border-left: 7px solid transparent;
2229
+ border-right: 7px solid transparent;
2230
+ border-top: 11px solid;
2231
+ -webkit-transform: translateX(-50%);
2232
+ -ms-transform: translateX(-50%);
2233
+ transform: translateX(-50%); }
2234
+
2235
+ .premium-progressbar-pin {
2236
+ border-left: 1px solid;
2237
+ height: 12px;
2238
+ left: 50%;
2239
+ display: inline-block; }
2240
+
2241
+ /**
2242
+ * Circle Progress Bar
2243
+ */
2244
+ .premium-progressbar-circle-wrap {
2245
+ width: 200px;
2246
+ height: 200px;
2247
+ position: relative;
2248
+ margin: 0 auto; }
2249
+ .premium-progressbar-circle-wrap .premium-progressbar-circle {
2250
+ position: absolute;
2251
+ top: 0;
2252
+ left: 0;
2253
+ width: 100%;
2254
+ height: 100%;
2255
+ -webkit-clip-path: inset(0 0 0 50%);
2256
+ clip-path: inset(0 0 0 50%); }
2257
+ .premium-progressbar-circle-wrap .premium-progressbar-circle div {
2258
+ position: absolute;
2259
+ left: 0;
2260
+ top: 0;
2261
+ height: 100%;
2262
+ width: 100%;
2263
+ border-width: 6px;
2264
+ border-style: solid;
2265
+ border-color: #54595f;
2266
+ -webkit-border-radius: 50%;
2267
+ border-radius: 50%;
2268
+ -webkit-clip-path: inset(0 50% 0 0);
2269
+ clip-path: inset(0 50% 0 0); }
2270
+ .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-left {
2271
+ -webkit-transform: rotate(0);
2272
+ -ms-transform: rotate(0);
2273
+ transform: rotate(0); }
2274
+ .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-right {
2275
+ -webkit-transform: rotate(180deg);
2276
+ -ms-transform: rotate(180deg);
2277
+ transform: rotate(180deg);
2278
+ visibility: hidden; }
2279
+ .premium-progressbar-circle-wrap .premium-progressbar-circle-base {
2280
+ width: 100%;
2281
+ height: 100%;
2282
+ border: 6px solid #eee;
2283
+ -webkit-border-radius: 50%;
2284
+ border-radius: 50%; }
2285
+ .premium-progressbar-circle-wrap .premium-progressbar-circle-content {
2286
+ position: absolute;
2287
+ top: 0;
2288
+ left: 0;
2289
+ width: 100%;
2290
+ height: 100%;
2291
+ -js-display: flex;
2292
+ display: -webkit-box;
2293
+ display: -webkit-flex;
2294
+ display: -moz-box;
2295
+ display: -ms-flexbox;
2296
+ display: flex;
2297
+ -webkit-box-orient: vertical;
2298
+ -webkit-box-direction: normal;
2299
+ -webkit-flex-direction: column;
2300
+ -moz-box-orient: vertical;
2301
+ -moz-box-direction: normal;
2302
+ -ms-flex-direction: column;
2303
+ flex-direction: column;
2304
+ -webkit-box-pack: center;
2305
+ -webkit-justify-content: center;
2306
+ -moz-box-pack: center;
2307
+ -ms-flex-pack: center;
2308
+ justify-content: center;
2309
+ -webkit-box-align: center;
2310
+ -webkit-align-items: center;
2311
+ -moz-box-align: center;
2312
+ -ms-flex-align: center;
2313
+ align-items: center; }
2314
+ .premium-progressbar-circle-wrap .premium-lottie-animation {
2315
+ line-height: 1; }
2316
+
2317
+ @-webkit-keyframes progress-bar-stripes {
2318
+ from {
2319
+ background-position: 0 0; }
2320
+ to {
2321
+ background-position: 40px 0; } }
2322
+
2323
+ @keyframes progress-bar-stripes {
2324
+ from {
2325
+ background-position: 0 0; }
2326
+ to {
2327
+ background-position: 40px 0; } }
2328
+
2329
+ @-webkit-keyframes progress-bar-gradient {
2330
+ 0% {
2331
+ background-position: 0% 50%; }
2332
+ 50% {
2333
+ background-position: 100% 50%; }
2334
+ 100% {
2335
+ background-position: 0% 50%; } }
2336
+
2337
+ @keyframes progress-bar-gradient {
2338
+ 0% {
2339
+ background-position: 0% 50%; }
2340
+ 50% {
2341
+ background-position: 100% 50%; }
2342
+ 100% {
2343
+ background-position: 0% 50%; } }
2344
+
2345
+ /**************** Premium Testimonials ****************/
2346
+ /******************************************************/
2347
+ .premium-testimonial-box {
2348
+ width: 100%;
2349
+ background: transparent;
2350
+ -webkit-transition: all 0.3s ease-in-out;
2351
+ transition: all 0.3s ease-in-out; }
2352
+ .premium-testimonial-box .premium-testimonial-author-info {
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-pack: center;
2360
+ -webkit-justify-content: center;
2361
+ -moz-box-pack: center;
2362
+ -ms-flex-pack: center;
2363
+ justify-content: center;
2364
+ -webkit-box-align: center;
2365
+ -webkit-align-items: center;
2366
+ -moz-box-align: center;
2367
+ -ms-flex-align: center;
2368
+ align-items: center; }
2369
+ .premium-testimonial-box .premium-testimonial-person-name,
2370
+ .premium-testimonial-box .premium-testimonial-company-name {
2371
+ font-weight: 600;
2372
+ margin: 0; }
2373
+
2374
+ .premium-testimonial-container {
2375
+ position: relative; }
2376
+
2377
+ .premium-testimonial-img-wrapper {
2378
+ margin-left: auto;
2379
+ margin-right: auto;
2380
+ overflow: hidden;
2381
+ border-style: solid !important; }
2382
+ .premium-testimonial-img-wrapper.circle {
2383
+ -webkit-border-radius: 50%;
2384
+ border-radius: 50%; }
2385
+ .premium-testimonial-img-wrapper.rounded {
2386
+ -webkit-border-radius: 15px;
2387
+ border-radius: 15px; }
2388
+ .premium-testimonial-img-wrapper img {
2389
+ -o-object-fit: cover;
2390
+ object-fit: cover;
2391
+ width: 100%;
2392
+ height: 100% !important; }
2393
+
2394
+ .premium-testimonial-content-wrapper {
2395
+ position: relative;
2396
+ -js-display: flex;
2397
+ display: -webkit-box;
2398
+ display: -webkit-flex;
2399
+ display: -moz-box;
2400
+ display: -ms-flexbox;
2401
+ display: flex;
2402
+ -webkit-box-orient: vertical;
2403
+ -webkit-box-direction: normal;
2404
+ -webkit-flex-direction: column;
2405
+ -moz-box-orient: vertical;
2406
+ -moz-box-direction: normal;
2407
+ -ms-flex-direction: column;
2408
+ flex-direction: column;
2409
+ z-index: 2;
2410
+ width: 100%;
2411
+ padding: 20px;
2412
+ text-align: center; }
2413
+
2414
+ .premium-testimonial-clear-float {
2415
+ clear: both; }
2416
+
2417
+ .premium-testimonial-upper-quote,
2418
+ .premium-testimonial-lower-quote {
2419
+ position: absolute;
2420
+ z-index: 1; }
2421
+
2422
+ /**************** Premium Dual Heading *****************/
2423
+ /*******************************************************/
2424
+ .premium-dual-header-container .premium-dual-header-first-header,
2425
+ .premium-dual-header-container .premium-dual-header-second-header {
2426
+ position: relative;
2427
+ padding: 0;
2428
+ margin: 0;
2429
+ display: inline-block;
2430
+ -webkit-transform: translate(0, 0);
2431
+ -ms-transform: translate(0, 0);
2432
+ transform: translate(0, 0); }
2433
+
2434
+ .premium-dual-header-first-clip .premium-dual-header-first-span,
2435
+ .premium-dual-header-second-clip {
2436
+ -webkit-text-fill-color: transparent;
2437
+ -webkit-background-clip: text;
2438
+ background-clip: text; }
2439
+
2440
+ .premium-dual-header-first-clip.stroke .premium-dual-header-first-span,
2441
+ .premium-dual-header-second-clip.stroke {
2442
+ -webkit-text-stroke-color: transparent;
2443
+ -webkit-text-fill-color: #fafafa;
2444
+ -webkit-text-stroke-width: 2px; }
2445
+
2446
+ @media (max-width: 500px) {
2447
+ .premium-dual-header-container .premium-dual-header-first-header,
2448
+ .premium-dual-header-container .premium-dual-header-second-header {
2449
+ word-wrap: break-word; }
2450
+ .premium-dual-header-first-container,
2451
+ .premium-dual-header-second-container {
2452
+ margin: 0; } }
2453
+
2454
+ @media (min-width: 501px) {
2455
+ .premium-dual-header-first-container {
2456
+ margin-right: 5px; } }
2457
+
2458
+ .premium-dual-header-first-header.gradient .premium-dual-header-first-span,
2459
+ .premium-dual-header-second-header.gradient {
2460
+ -webkit-background-size: 300% 300% !important;
2461
+ background-size: 300% 300% !important;
2462
+ -webkit-animation: Gradient 10s ease-in-out infinite;
2463
+ animation: Gradient 10s ease-in-out infinite; }
2464
+
2465
+ @-webkit-keyframes Gradient {
2466
+ 0% {
2467
+ background-position: 0% 50%; }
2468
+ 50% {
2469
+ background-position: 100% 50%; }
2470
+ 100% {
2471
+ background-position: 0% 50%; } }
2472
+
2473
+ @keyframes Gradient {
2474
+ 0% {
2475
+ background-position: 0% 50%; }
2476
+ 50% {
2477
+ background-position: 100% 50%; }
2478
+ 100% {
2479
+ background-position: 0% 50%; } }
2480
+
2481
+ .premium-mask-yes.premium-header-inline .premium-dual-header-first-span,
2482
+ .premium-mask-yes.premium-header-inline .premium-dual-header-first-span {
2483
+ display: inline-block !important; }
2484
+
2485
+ /**************** Premium Title ****************/
2486
+ /***********************************************/
2487
+ .premium-title-container {
2488
+ position: relative;
2489
+ width: 100%;
2490
+ clear: both; }
2491
+ .premium-title-container .premium-title-header {
2492
+ position: relative;
2493
+ margin: 0;
2494
+ padding: 10px; }
2495
+ .premium-title-container .premium-title-header:not(.premium-title-style7) {
2496
+ -webkit-box-align: center;
2497
+ -webkit-align-items: center;
2498
+ -moz-box-align: center;
2499
+ -ms-flex-align: center;
2500
+ align-items: center; }
2501
+ .premium-title-container .premium-title-header svg {
2502
+ width: 40px;
2503
+ height: 40px; }
2504
+ .premium-title-container .premium-title-header img {
2505
+ width: 40px;
2506
+ height: 40px;
2507
+ -o-object-fit: cover;
2508
+ object-fit: cover; }
2509
+ .premium-title-container .premium-title-header a {
2510
+ position: absolute;
2511
+ top: 0;
2512
+ left: 0;
2513
+ width: 100%;
2514
+ height: 100%; }
2515
+ .premium-title-container .premium-lottie-animation {
2516
+ -js-display: flex;
2517
+ display: -webkit-box;
2518
+ display: -webkit-flex;
2519
+ display: -moz-box;
2520
+ display: -ms-flexbox;
2521
+ display: flex; }
2522
+
2523
+ .premium-title-icon-row .premium-title-icon {
2524
+ margin-right: 10px; }
2525
+
2526
+ .premium-title-icon-row-reverse .premium-title-icon {
2527
+ margin-left: 10px; }
2528
+
2529
+ .premium-title-style3,
2530
+ .premium-title-style4 {
2531
+ -js-display: flex;
2532
+ display: -webkit-box;
2533
+ display: -webkit-flex;
2534
+ display: -moz-box;
2535
+ display: -ms-flexbox;
2536
+ display: flex; }
2537
+
2538
+ .premium-title-style1,
2539
+ .premium-title-style2,
2540
+ .premium-title-style5,
2541
+ .premium-title-style6,
2542
+ .premium-title-style8,
2543
+ .premium-title-style9 {
2544
+ -js-display: inline-flex;
2545
+ display: -webkit-inline-box;
2546
+ display: -webkit-inline-flex;
2547
+ display: -moz-inline-box;
2548
+ display: -ms-inline-flexbox;
2549
+ display: inline-flex; }
2550
+
2551
+ .premium-title-style7 {
2552
+ -js-display: inline-flex;
2553
+ display: -webkit-inline-box;
2554
+ display: -webkit-inline-flex;
2555
+ display: -moz-inline-box;
2556
+ display: -ms-inline-flexbox;
2557
+ display: inline-flex;
2558
+ -webkit-box-orient: vertical;
2559
+ -webkit-box-direction: normal;
2560
+ -webkit-flex-direction: column;
2561
+ -moz-box-orient: vertical;
2562
+ -moz-box-direction: normal;
2563
+ -ms-flex-direction: column;
2564
+ flex-direction: column; }
2565
+ .premium-title-style7 .premium-title-style7-inner {
2566
+ -js-display: flex;
2567
+ display: -webkit-box;
2568
+ display: -webkit-flex;
2569
+ display: -moz-box;
2570
+ display: -ms-flexbox;
2571
+ display: flex;
2572
+ -webkit-box-align: center;
2573
+ -webkit-align-items: center;
2574
+ -moz-box-align: center;
2575
+ -ms-flex-align: center;
2576
+ align-items: center; }
2577
+
2578
+ .premium-title-style1 {
2579
+ border-width: 0;
2580
+ border-left: 3px solid #6ec1e4; }
2581
+
2582
+ .premium-title-container.style2, .premium-title-container.style4, .premium-title-container.style5, .premium-title-container.style6 {
2583
+ border-bottom: 3px solid #6ec1e4; }
2584
+
2585
+ /*Style 6 Header*/
2586
+ .premium-title-style6:before {
2587
+ position: absolute;
2588
+ left: 50%;
2589
+ bottom: 0;
2590
+ margin-left: -2px;
2591
+ content: "";
2592
+ border: 3px solid transparent; }
2593
+
2594
+ /*Style 6 Trinagle*/
2595
+ .premium-title-style7-stripe-wrap {
2596
+ -js-display: flex;
2597
+ display: -webkit-box;
2598
+ display: -webkit-flex;
2599
+ display: -moz-box;
2600
+ display: -ms-flexbox;
2601
+ display: flex; }
2602
+
2603
+ .premium-title-style7:before {
2604
+ display: none; }
2605
+
2606
+ .premium-title-style8 .premium-title-text[data-animation="shiny"] {
2607
+ -webkit-background-size: 125px 125px !important;
2608
+ background-size: 125px !important;
2609
+ color: rgba(255, 255, 255, 0);
2610
+ -webkit-background-clip: text !important;
2611
+ background-clip: text !important;
2612
+ -webkit-animation-name: pa-shinny-text !important;
2613
+ animation-name: pa-shinny-text !important;
2614
+ -webkit-animation-duration: var(--animation-speed) !important;
2615
+ animation-duration: var(--animation-speed) !important;
2616
+ -webkit-animation-iteration-count: infinite !important;
2617
+ animation-iteration-count: infinite !important;
2618
+ 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; }
2619
+
2620
+ @-webkit-keyframes pa-shinny-text {
2621
+ 0% {
2622
+ background-position: 0%; }
2623
+ 100% {
2624
+ background-position: 200%; } }
2625
+
2626
+ @keyframes pa-shinny-text {
2627
+ 0% {
2628
+ background-position: 0%; }
2629
+ 100% {
2630
+ background-position: 200%; } }
2631
+
2632
+ .premium-title-style9[data-animation-blur="process"] .premium-title-style9-letter {
2633
+ -webkit-animation: pa-blur-shadow 2s 1 alternate;
2634
+ animation: pa-blur-shadow 2s 1 alternate; }
2635
+
2636
+ @-webkit-keyframes pa-blur-shadow {
2637
+ from {
2638
+ text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
2639
+ color: transparent; }
2640
+ to {
2641
+ text-shadow: 0; } }
2642
+
2643
+ @keyframes pa-blur-shadow {
2644
+ from {
2645
+ text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
2646
+ color: transparent; }
2647
+ to {
2648
+ text-shadow: 0; } }
2649
+
2650
+ .premium-title-gradient-yes .premium-title-text,
2651
+ .premium-title-gradient-yes .premium-title-icon {
2652
+ -webkit-background-clip: text;
2653
+ -webkit-text-fill-color: transparent;
2654
+ background-image: -webkit-gradient(linear, left top, right top, from(#ffa648), color-stop(#f17cc1), to(#4da9fd));
2655
+ background-image: -webkit-linear-gradient(left, #ffa648, #f17cc1, #4da9fd);
2656
+ background-image: linear-gradient(to right, #ffa648, #f17cc1, #4da9fd);
2657
+ -webkit-animation: pa-text-gradient 8s infinite;
2658
+ animation: pa-text-gradient 8s infinite; }
2659
+
2660
+ .premium-title-clipped .premium-title-header {
2661
+ -webkit-text-fill-color: transparent;
2662
+ -webkit-background-clip: text;
2663
+ background-clip: text; }
2664
+
2665
+ @-webkit-keyframes pa-text-gradient {
2666
+ 0%,
2667
+ 100% {
2668
+ -webkit-filter: hue-rotate(0deg);
2669
+ filter: hue-rotate(0deg); }
2670
+ 50% {
2671
+ -webkit-filter: hue-rotate(360deg);
2672
+ filter: hue-rotate(360deg); } }
2673
+
2674
+ @keyframes pa-text-gradient {
2675
+ 0%,
2676
+ 100% {
2677
+ -webkit-filter: hue-rotate(0deg);
2678
+ filter: hue-rotate(0deg); }
2679
+ 50% {
2680
+ -webkit-filter: hue-rotate(360deg);
2681
+ filter: hue-rotate(360deg); } }
2682
+
2683
+ /*
2684
+ * Common Title/Dual Heading
2685
+ */
2686
+ .premium-title-bg-text:before {
2687
+ position: absolute;
2688
+ content: attr(data-background);
2689
+ top: 0;
2690
+ left: 0;
2691
+ text-align: left; }
2692
+
2693
+ .premium-mask-yes .premium-dual-header-first-clip .premium-dual-header-first-span .premium-mask-span,
2694
+ .premium-mask-yes .premium-dual-header-second-clip .premium-mask-span {
2695
+ background: inherit; }
2696
+
2697
+ .premium-mask-yes .premium-mask-span {
2698
+ position: relative;
2699
+ overflow: hidden;
2700
+ -js-display: inline-flex !important;
2701
+ display: -webkit-inline-box !important;
2702
+ display: -webkit-inline-flex !important;
2703
+ display: -moz-inline-box !important;
2704
+ display: -ms-inline-flexbox !important;
2705
+ display: inline-flex !important; }
2706
+ .premium-mask-yes .premium-mask-span::after {
2707
+ content: "";
2708
+ position: absolute;
2709
+ top: 0;
2710
+ right: 0px;
2711
+ width: 100%;
2712
+ height: 100%;
2713
+ background-color: currentColor;
2714
+ -webkit-backface-visibility: visible;
2715
+ backface-visibility: visible; }
2716
+
2717
+ .premium-mask-active.premium-mask-tr .premium-mask-span::after {
2718
+ -webkit-animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2719
+ animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2720
+ -webkit-transform: translateX(-103%);
2721
+ -ms-transform: translateX(-103%);
2722
+ transform: translateX(-103%); }
2723
+
2724
+ .premium-mask-active.premium-mask-tl .premium-mask-span::after {
2725
+ -webkit-animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2726
+ animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2727
+ -webkit-transform: translateX(103%);
2728
+ -ms-transform: translateX(103%);
2729
+ transform: translateX(103%); }
2730
+
2731
+ .premium-mask-active.premium-mask-tb .premium-mask-span::after {
2732
+ -webkit-animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2733
+ animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2734
+ -webkit-transform: translateY(-103%);
2735
+ -ms-transform: translateY(-103%);
2736
+ transform: translateY(-103%); }
2737
+
2738
+ .premium-mask-active.premium-mask-tt .premium-mask-span::after {
2739
+ -webkit-animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2740
+ animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2741
+ -webkit-transform: translateY(103%);
2742
+ -ms-transform: translateY(103%);
2743
+ transform: translateY(103%); }
2744
+
2745
+ @-webkit-keyframes pa-mask-tr {
2746
+ 0% {
2747
+ -webkit-transform: translateX(0%);
2748
+ transform: translateX(0%); }
2749
+ 100% {
2750
+ -webkit-transform: translateX(103%);
2751
+ transform: translateX(103%); } }
2752
+
2753
+ @keyframes pa-mask-tr {
2754
+ 0% {
2755
+ -webkit-transform: translateX(0%);
2756
+ transform: translateX(0%); }
2757
+ 100% {
2758
+ -webkit-transform: translateX(103%);
2759
+ transform: translateX(103%); } }
2760
+
2761
+ @-webkit-keyframes pa-mask-tl {
2762
+ 0% {
2763
+ -webkit-transform: translateX(0%);
2764
+ transform: translateX(0%); }
2765
+ 100% {
2766
+ -webkit-transform: translateX(-103%);
2767
+ transform: translateX(-103%); } }
2768
+
2769
+ @keyframes pa-mask-tl {
2770
+ 0% {
2771
+ -webkit-transform: translateX(0%);
2772
+ transform: translateX(0%); }
2773
+ 100% {
2774
+ -webkit-transform: translateX(-103%);
2775
+ transform: translateX(-103%); } }
2776
+
2777
+ @-webkit-keyframes pa-mask-tb {
2778
+ 0% {
2779
+ -webkit-transform: translateY(0%);
2780
+ transform: translateY(0%); }
2781
+ 100% {
2782
+ -webkit-transform: translateY(103%);
2783
+ transform: translateY(103%); } }
2784
+
2785
+ @keyframes pa-mask-tb {
2786
+ 0% {
2787
+ -webkit-transform: translateY(0%);
2788
+ transform: translateY(0%); }
2789
+ 100% {
2790
+ -webkit-transform: translateY(103%);
2791
+ transform: translateY(103%); } }
2792
+
2793
+ @-webkit-keyframes pa-mask-tt {
2794
+ 0% {
2795
+ -webkit-transform: translateY(0%);
2796
+ transform: translateY(0%); }
2797
+ 100% {
2798
+ -webkit-transform: translateY(-103%);
2799
+ transform: translateY(-103%); } }
2800
+
2801
+ @keyframes pa-mask-tt {
2802
+ 0% {
2803
+ -webkit-transform: translateY(0%);
2804
+ transform: translateY(0%); }
2805
+ 100% {
2806
+ -webkit-transform: translateY(-103%);
2807
+ transform: translateY(-103%); } }
2808
+
2809
+ /**************** Premium Video Box ************/
2810
+ /***********************************************/
2811
+ .premium-video-box-transform {
2812
+ -webkit-transform: none !important;
2813
+ -ms-transform: none !important;
2814
+ transform: none !important; }
2815
+
2816
+ .premium-video-box-container {
2817
+ -js-display: flex;
2818
+ display: -webkit-box;
2819
+ display: -webkit-flex;
2820
+ display: -moz-box;
2821
+ display: -ms-flexbox;
2822
+ display: flex;
2823
+ -webkit-box-orient: vertical;
2824
+ -webkit-box-direction: normal;
2825
+ -webkit-flex-direction: column;
2826
+ -moz-box-orient: vertical;
2827
+ -moz-box-direction: normal;
2828
+ -ms-flex-direction: column;
2829
+ flex-direction: column; }
2830
+
2831
+ .premium-video-box-container > div {
2832
+ position: relative;
2833
+ overflow: hidden; }
2834
+
2835
+ .pa-aspect-ratio-11 .premium-video-box-container > div {
2836
+ padding-bottom: 100%; }
2837
+
2838
+ .pa-aspect-ratio-169 .premium-video-box-container > div {
2839
+ padding-bottom: 56.25%; }
2840
+
2841
+ .pa-aspect-ratio-43 .premium-video-box-container > div {
2842
+ padding-bottom: 75%; }
2843
+
2844
+ .pa-aspect-ratio-32 .premium-video-box-container > div {
2845
+ padding-bottom: 66.6666%; }
2846
+
2847
+ .pa-aspect-ratio-219 .premium-video-box-container > div {
2848
+ padding-bottom: 42.8571%; }
2849
+
2850
+ .pa-aspect-ratio-916 .premium-video-box-container > div {
2851
+ padding-bottom: 177.8%; }
2852
+
2853
+ .premium-video-box-image-container {
2854
+ position: absolute;
2855
+ top: 0;
2856
+ left: 0;
2857
+ bottom: 0;
2858
+ right: 0;
2859
+ width: 100%;
2860
+ height: 100%;
2861
+ -webkit-background-size: cover;
2862
+ background-size: cover;
2863
+ background-position: 50%;
2864
+ cursor: pointer;
2865
+ margin: auto;
2866
+ -webkit-transition: 0.2s all;
2867
+ transition: 0.2s all; }
2868
+
2869
+ .premium-video-box-play-icon-container {
2870
+ position: absolute;
2871
+ z-index: 2;
2872
+ cursor: pointer;
2873
+ -webkit-transform: translate(-50%, -50%);
2874
+ -ms-transform: translate(-50%, -50%);
2875
+ transform: translate(-50%, -50%);
2876
+ background: rgba(252, 252, 252, 0.35); }
2877
+
2878
+ .premium-video-box-description-container {
2879
+ position: absolute;
2880
+ z-index: 2;
2881
+ padding: 5px;
2882
+ text-align: center;
2883
+ cursor: pointer;
2884
+ -webkit-transform: translate(-50%, -50%);
2885
+ -ms-transform: translate(-50%, -50%);
2886
+ transform: translate(-50%, -50%); }
2887
+
2888
+ .premium-video-box-text {
2889
+ margin-bottom: 0 !important;
2890
+ -webkit-transition: all 0.3s ease-in-out;
2891
+ transition: all 0.3s ease-in-out; }
2892
+
2893
+ .premium-video-box-play-icon {
2894
+ padding: 15px;
2895
+ -webkit-transform: translateX(4%);
2896
+ -ms-transform: translateX(4%);
2897
+ transform: translateX(4%);
2898
+ -webkit-transition: all 0.3s ease-in-out;
2899
+ transition: all 0.3s ease-in-out; }
2900
+
2901
+ .premium-video-box-video-container {
2902
+ position: absolute;
2903
+ top: 0;
2904
+ left: 0;
2905
+ z-index: 2;
2906
+ width: 100%;
2907
+ height: 100%;
2908
+ -webkit-transition: opacity 0.8s ease-in-out;
2909
+ transition: opacity 0.8s ease-in-out;
2910
+ overflow: hidden;
2911
+ cursor: pointer; }
2912
+
2913
+ .premium-video-box-container[data-overlay="true"][data-type="self"] .premium-video-box-video-container {
2914
+ opacity: 0;
2915
+ visibility: hidden; }
2916
+
2917
+ .premium-video-box-video-container iframe {
2918
+ max-width: 100%;
2919
+ width: 100%;
2920
+ height: 100%;
2921
+ margin: 0;
2922
+ line-height: 1;
2923
+ border: none; }
2924
+
2925
+ .premium-video-box-video-container video {
2926
+ max-width: 100%;
2927
+ width: 100%;
2928
+ height: 100%;
2929
+ margin: 0;
2930
+ line-height: 1;
2931
+ border: none;
2932
+ background-color: #000;
2933
+ -o-object-fit: contain;
2934
+ object-fit: contain; }
2935
+
2936
+ .premium-video-box-container .premium-video-box-vimeo-wrap {
2937
+ -js-display: flex;
2938
+ display: -webkit-box;
2939
+ display: -webkit-flex;
2940
+ display: -moz-box;
2941
+ display: -ms-flexbox;
2942
+ display: flex;
2943
+ position: absolute;
2944
+ top: 0;
2945
+ left: 0;
2946
+ z-index: 3;
2947
+ margin: 10px;
2948
+ margin-right: 10px;
2949
+ -webkit-transition: opacity 0.2s ease-out;
2950
+ transition: opacity 0.2s ease-out;
2951
+ margin-right: 4.6em; }
2952
+
2953
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-portrait {
2954
+ width: 60px;
2955
+ height: 60px;
2956
+ background: rgba(23, 35, 34, 0.75);
2957
+ margin-right: 1px;
2958
+ -webkit-box-flex: 1;
2959
+ -webkit-flex: 1 0 auto;
2960
+ -moz-box-flex: 1;
2961
+ -ms-flex: 1 0 auto;
2962
+ flex: 1 0 auto;
2963
+ padding: 0; }
2964
+
2965
+ .premium-video-box-vimeo-portrait img {
2966
+ width: 50px;
2967
+ height: 50px;
2968
+ margin: 5px;
2969
+ padding: 0;
2970
+ border: 0;
2971
+ -webkit-border-radius: 50%;
2972
+ border-radius: 50%; }
2973
+
2974
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-headers {
2975
+ font-size: 10px; }
2976
+
2977
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-title {
2978
+ max-width: 100%;
2979
+ font-size: 2em !important;
2980
+ font-weight: 700;
2981
+ margin: 0;
2982
+ padding: 0.1em 0.2em;
2983
+ background: rgba(23, 35, 34, 0.75);
2984
+ display: inline-block;
2985
+ text-transform: none;
2986
+ line-height: normal;
2987
+ letter-spacing: normal; }
2988
+
2989
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-byline {
2990
+ font-size: 1.2em !important;
2991
+ font-weight: 400;
2992
+ color: #fff;
2993
+ margin-top: 0.1em;
2994
+ padding: 0.2em 0.5em;
2995
+ background: rgba(23, 35, 34, 0.75);
2996
+ text-transform: none;
2997
+ line-height: normal;
2998
+ letter-spacing: normal; }
2999
+
3000
+ .premium-video-box-playlist-container {
3001
+ -js-display: flex;
3002
+ display: -webkit-box;
3003
+ display: -webkit-flex;
3004
+ display: -moz-box;
3005
+ display: -ms-flexbox;
3006
+ display: flex;
3007
+ -webkit-flex-wrap: wrap;
3008
+ -ms-flex-wrap: wrap;
3009
+ flex-wrap: wrap; }
3010
+ .premium-video-box-playlist-container .premium-video-box-container {
3011
+ height: 100%;
3012
+ overflow: hidden; }
3013
+
3014
+ .premium-video-box-container:hover .premium-video-box-image-container.zoomin {
3015
+ -webkit-transform: scale(1.1);
3016
+ -ms-transform: scale(1.1);
3017
+ transform: scale(1.1); }
3018
+
3019
+ .premium-video-box-container:hover .premium-video-box-image-container.zoomout {
3020
+ -webkit-transform: scale(1);
3021
+ -ms-transform: scale(1);
3022
+ transform: scale(1); }
3023
+
3024
+ .premium-video-box-container:hover .premium-video-box-image-container.scale {
3025
+ -webkit-transform: scale(1.3) rotate(5deg);
3026
+ -ms-transform: scale(1.3) rotate(5deg);
3027
+ transform: scale(1.3) rotate(5deg); }
3028
+
3029
+ .premium-video-box-container:hover .premium-video-box-image-container.gray {
3030
+ -webkit-filter: grayscale(0%);
3031
+ filter: grayscale(0%); }
3032
+
3033
+ .premium-video-box-container:hover .premium-video-box-image-container.blur {
3034
+ -webkit-filter: blur(3px);
3035
+ filter: blur(3px); }
3036
+
3037
+ .premium-video-box-container:hover .premium-video-box-image-container.sepia {
3038
+ -webkit-filter: sepia(0%);
3039
+ filter: sepia(0%); }
3040
+
3041
+ .premium-video-box-container:hover .premium-video-box-image-container.trans {
3042
+ -webkit-transform: translateX(0px) scale(1.1);
3043
+ -ms-transform: translateX(0px) scale(1.1);
3044
+ transform: translateX(0px) scale(1.1); }
3045
+
3046
+ .premium-video-box-container:hover .premium-video-box-image-container.bright {
3047
+ -webkit-filter: brightness(1.2);
3048
+ filter: brightness(1.2); }
3049
+
3050
+ .premium-video-box-image-container.gray {
3051
+ -webkit-filter: grayscale(100%);
3052
+ filter: grayscale(100%); }
3053
+
3054
+ .premium-video-box-image-container.zoomout, .premium-video-box-image-container.scale {
3055
+ -webkit-transform: scale(1.2);
3056
+ -ms-transform: scale(1.2);
3057
+ transform: scale(1.2); }
3058
+
3059
+ .premium-video-box-image-container.sepia {
3060
+ -webkit-filter: sepia(30%);
3061
+ filter: sepia(30%); }
3062
+
3063
+ .premium-video-box-image-container.bright {
3064
+ -webkit-filter: brightness(1);
3065
+ filter: brightness(1); }
3066
+
3067
+ .premium-video-box-image-container.trans {
3068
+ -webkit-transform: translateX(-15px) scale(1.1);
3069
+ -ms-transform: translateX(-15px) scale(1.1);
3070
+ transform: translateX(-15px) scale(1.1); }
3071
+
3072
+ .premium-video-box-mask-media {
3073
+ -webkit-mask-repeat: no-repeat;
3074
+ mask-repeat: no-repeat; }
3075
+
3076
+ /* Sticky Video Option */
3077
+ .premium-video-box-container.premium-video-box-sticky-apply {
3078
+ z-index: 99;
3079
+ overflow: unset; }
3080
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3081
+ position: fixed !important;
3082
+ z-index: 99999;
3083
+ height: 225px;
3084
+ width: 400px;
3085
+ background: #fff; }
3086
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-vimeo-wrap,
3087
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-container:before {
3088
+ visibility: hidden; }
3089
+ .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 {
3090
+ -webkit-box-shadow: unset;
3091
+ box-shadow: unset; }
3092
+
3093
+ .premium-video-box-sticky-close,
3094
+ .premium-video-box-sticky-infobar {
3095
+ display: none; }
3096
+
3097
+ .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3098
+ position: absolute;
3099
+ padding: 5px;
3100
+ cursor: pointer;
3101
+ z-index: 99999;
3102
+ height: 14px;
3103
+ width: 14px;
3104
+ -webkit-box-sizing: content-box;
3105
+ -moz-box-sizing: content-box;
3106
+ box-sizing: content-box;
3107
+ -webkit-border-radius: 100%;
3108
+ border-radius: 100%;
3109
+ -js-display: flex;
3110
+ display: -webkit-box;
3111
+ display: -webkit-flex;
3112
+ display: -moz-box;
3113
+ display: -ms-flexbox;
3114
+ display: flex;
3115
+ -webkit-box-pack: center;
3116
+ -webkit-justify-content: center;
3117
+ -moz-box-pack: center;
3118
+ -ms-flex-pack: center;
3119
+ justify-content: center;
3120
+ -webkit-box-align: center;
3121
+ -webkit-align-items: center;
3122
+ -moz-box-align: center;
3123
+ -ms-flex-align: center;
3124
+ align-items: center; }
3125
+
3126
+ .premium-video-box-sticky-apply .premium-video-box-play-icon-container {
3127
+ -js-display: flex;
3128
+ display: -webkit-box;
3129
+ display: -webkit-flex;
3130
+ display: -moz-box;
3131
+ display: -ms-flexbox;
3132
+ display: flex; }
3133
+
3134
+ .premium-video-box-sticky-apply .premium-video-box-play-icon {
3135
+ -webkit-transition: none;
3136
+ transition: none; }
3137
+
3138
+ .premium-video-box-sticky-apply .premium-video-box-sticky-infobar {
3139
+ display: block;
3140
+ position: relative;
3141
+ top: 100%;
3142
+ width: 100%;
3143
+ padding: 5px;
3144
+ text-align: center;
3145
+ z-index: 9999;
3146
+ margin-top: -1px; }
3147
+
3148
+ .premium-video-box-sticky-apply .premium-video-box-inner-wrap.ui-draggable {
3149
+ cursor: move; }
3150
+
3151
+ .premium-video-sticky-top-left
3152
+ .premium-video-box-container.premium-video-box-sticky-apply
3153
+ .premium-video-box-inner-wrap {
3154
+ right: auto;
3155
+ left: 20px;
3156
+ top: 20px; }
3157
+
3158
+ .premium-video-sticky-bottom-left
3159
+ .premium-video-box-container.premium-video-box-sticky-apply
3160
+ .premium-video-box-inner-wrap {
3161
+ right: auto;
3162
+ left: 20px;
3163
+ bottom: 20px; }
3164
+
3165
+ .premium-video-sticky-top-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: 20px; }
3171
+
3172
+ .premium-video-sticky-bottom-right
3173
+ .premium-video-box-container.premium-video-box-sticky-apply
3174
+ .premium-video-box-inner-wrap {
3175
+ left: auto;
3176
+ right: 20px;
3177
+ bottom: 20px; }
3178
+
3179
+ .premium-video-sticky-center-left
3180
+ .premium-video-box-container.premium-video-box-sticky-apply
3181
+ .premium-video-box-inner-wrap {
3182
+ right: auto;
3183
+ left: 20px;
3184
+ top: 50%;
3185
+ -webkit-transform: translateY(-50%);
3186
+ -ms-transform: translateY(-50%);
3187
+ transform: translateY(-50%); }
3188
+
3189
+ .premium-video-sticky-center-right
3190
+ .premium-video-box-container.premium-video-box-sticky-apply
3191
+ .premium-video-box-inner-wrap {
3192
+ left: auto;
3193
+ right: 20px;
3194
+ top: 50%;
3195
+ -webkit-transform: translateY(-50%);
3196
+ -ms-transform: translateY(-50%);
3197
+ transform: translateY(-50%); }
3198
+
3199
+ .premium-video-sticky-bottom-right
3200
+ .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply
3201
+ .premium-video-box-inner-wrap,
3202
+ .premium-video-sticky-bottom-left
3203
+ .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply
3204
+ .premium-video-box-inner-wrap {
3205
+ bottom: 55px; }
3206
+
3207
+ .premium-video-sticky-top-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3208
+ .premium-video-sticky-bottom-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3209
+ .premium-video-sticky-center-left .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3210
+ top: -10px;
3211
+ right: -10px; }
3212
+
3213
+ .premium-video-sticky-top-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3214
+ .premium-video-sticky-bottom-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3215
+ .premium-video-sticky-center-right .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3216
+ top: -10px;
3217
+ left: -10px; }
3218
+
3219
+ .premium-video-box-filter-sticky {
3220
+ -webkit-filter: none !important;
3221
+ filter: none !important; }
3222
+
3223
+ /**************** Premium Blog *****************/
3224
+ /***********************************************/
3225
+ .premium-blog-thumb-effect-wrapper {
3226
+ position: relative;
3227
+ overflow: hidden; }
3228
+
3229
+ .premium-blog-effect-container:not(.premium-blog-bordered-effect) .premium-blog-post-link {
3230
+ position: absolute;
3231
+ top: 0;
3232
+ left: 0;
3233
+ width: 100%;
3234
+ height: 100%;
3235
+ z-index: 2;
3236
+ padding: 20px; }
3237
+
3238
+ .premium-blog-bordered-effect .premium-blog-post-link {
3239
+ display: block;
3240
+ height: 100%;
3241
+ position: relative; }
3242
+
3243
+ /*Thumbnail Img*/
3244
+ .premium-blog-thumbnail-container {
3245
+ overflow: hidden; }
3246
+ .premium-blog-thumbnail-container img,
3247
+ .premium-blog-thumbnail-container .below-entry-meta {
3248
+ width: 100%;
3249
+ height: 100%;
3250
+ margin: 0 !important;
3251
+ -webkit-transition: all 0.4s ease-in-out;
3252
+ transition: all 0.4s ease-in-out; }
3253
+
3254
+ .premium-blog-thumb-effect-wrapper .premium-blog-zoomout-effect img,
3255
+ .premium-blog-thumb-effect-wrapper .premium-blog-scale-effect img {
3256
+ -webkit-transform: scale(1.2);
3257
+ -ms-transform: scale(1.2);
3258
+ transform: scale(1.2); }
3259
+
3260
+ .premium-blog-thumb-effect-wrapper .premium-blog-sepia-effect img {
3261
+ -webkit-filter: sepia(30%);
3262
+ filter: sepia(30%); }
3263
+
3264
+ .premium-blog-thumb-effect-wrapper .premium-blog-bright-effect img {
3265
+ -webkit-filter: brightness(1);
3266
+ filter: brightness(1); }
3267
+
3268
+ .premium-blog-thumb-effect-wrapper .premium-blog-trans-effect img {
3269
+ -webkit-transform: translateX(-15px) scale(1.1);
3270
+ -ms-transform: translateX(-15px) scale(1.1);
3271
+ transform: translateX(-15px) scale(1.1); }
3272
+
3273
+ .premium-blog-post-outer-container:hover .premium-blog-zoomin-effect img {
3274
+ -webkit-transform: scale(1.2);
3275
+ -ms-transform: scale(1.2);
3276
+ transform: scale(1.2); }
3277
+
3278
+ .premium-blog-post-outer-container:hover .premium-blog-zoomout-effect img {
3279
+ -webkit-transform: scale(1.1);
3280
+ -ms-transform: scale(1.1);
3281
+ transform: scale(1.1); }
3282
+
3283
+ .premium-blog-post-outer-container:hover .premium-blog-scale-effect img {
3284
+ -webkit-transform: scale(1.3) rotate(5deg);
3285
+ -ms-transform: scale(1.3) rotate(5deg);
3286
+ transform: scale(1.3) rotate(5deg); }
3287
+
3288
+ .premium-blog-post-outer-container:hover .premium-blog-gray-effect img {
3289
+ -webkit-filter: grayscale(100%);
3290
+ filter: grayscale(100%); }
3291
+
3292
+ .premium-blog-post-outer-container:hover .premium-blog-blur-effect img {
3293
+ -webkit-filter: blur(3px);
3294
+ filter: blur(3px); }
3295
+
3296
+ .premium-blog-post-outer-container:hover .premium-blog-sepia-effect img {
3297
+ -webkit-filter: sepia(0%);
3298
+ filter: sepia(0%); }
3299
+
3300
+ .premium-blog-post-outer-container:hover .premium-blog-bright-effect img {
3301
+ -webkit-filter: brightness(1.2);
3302
+ filter: brightness(1.2); }
3303
+
3304
+ .premium-blog-post-outer-container:hover .premium-blog-trans-effect img {
3305
+ -webkit-transform: translateX(0px) scale(1.1);
3306
+ -ms-transform: translateX(0px) scale(1.1);
3307
+ transform: translateX(0px) scale(1.1); }
3308
+
3309
+ .premium-blog-post-container {
3310
+ overflow: hidden; }
3311
+ .premium-blog-post-container .premium-blog-inner-container {
3312
+ -js-display: flex;
3313
+ display: -webkit-box;
3314
+ display: -webkit-flex;
3315
+ display: -moz-box;
3316
+ display: -ms-flexbox;
3317
+ display: flex; }
3318
+ .premium-blog-post-container .premium-blog-entry-container {
3319
+ margin: 0 !important; }
3320
+ .premium-blog-post-container .premium-blog-post-content {
3321
+ line-height: 1.5em;
3322
+ color: #777;
3323
+ font-size: 14px;
3324
+ margin-bottom: 10px; }
3325
+ .premium-blog-post-container ul.post-categories a:hover, .premium-blog-post-container ul.post-categories a:focus,
3326
+ .premium-blog-post-container .premium-blog-post-link:hover,
3327
+ .premium-blog-post-container .premium-blog-post-link:focus {
3328
+ -webkit-box-shadow: none !important;
3329
+ box-shadow: none !important;
3330
+ outline: none !important; }
3331
+ .premium-blog-post-container .premium-blog-entry-title {
3332
+ font-size: 18px;
3333
+ margin-bottom: 5px; }
3334
+ .premium-blog-post-container.premium-blog-skin-modern .premium-blog-content-wrapper {
3335
+ position: relative;
3336
+ z-index: 3;
3337
+ top: -50px; }
3338
+ .premium-blog-post-container .premium-blog-content-wrapper {
3339
+ background-color: #f5f5f5;
3340
+ padding: 30px; }
3341
+ .premium-blog-post-container .premium-blog-content-wrapper.empty-thumb {
3342
+ top: 0; }
3343
+ .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 {
3344
+ position: absolute;
3345
+ content: "";
3346
+ z-index: 1;
3347
+ top: 50%;
3348
+ left: 50%;
3349
+ opacity: 0;
3350
+ -webkit-transform: translate(-50%, -50%);
3351
+ -ms-transform: translate(-50%, -50%);
3352
+ transform: translate(-50%, -50%);
3353
+ -webkit-transition: all 0.4s linear 0s;
3354
+ transition: all 0.4s linear 0s;
3355
+ height: 1px;
3356
+ width: 100%;
3357
+ background-color: #fff; }
3358
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before {
3359
+ width: 1px;
3360
+ height: 100%; }
3361
+ .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 {
3362
+ width: 20px;
3363
+ opacity: 1; }
3364
+ .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 {
3365
+ height: 20px;
3366
+ opacity: 1; }
3367
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-content-wrapper {
3368
+ margin: 0px 10px 20px;
3369
+ clear: both; }
3370
+ .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 {
3371
+ position: absolute;
3372
+ top: 0;
3373
+ left: 0;
3374
+ width: 100%;
3375
+ height: 100%;
3376
+ -webkit-transition: all 0.3s ease-in-out;
3377
+ transition: all 0.3s ease-in-out;
3378
+ opacity: 0; }
3379
+ .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 {
3380
+ -js-display: flex;
3381
+ display: -webkit-box;
3382
+ display: -webkit-flex;
3383
+ display: -moz-box;
3384
+ display: -ms-flexbox;
3385
+ display: flex;
3386
+ -webkit-box-pack: center;
3387
+ -webkit-justify-content: center;
3388
+ -moz-box-pack: center;
3389
+ -ms-flex-pack: center;
3390
+ justify-content: center;
3391
+ -webkit-box-align: center;
3392
+ -webkit-align-items: center;
3393
+ -moz-box-align: center;
3394
+ -ms-flex-align: center;
3395
+ align-items: center;
3396
+ width: 100%;
3397
+ height: 100%; }
3398
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay span,
3399
+ .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,
3400
+ .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,
3401
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay i {
3402
+ -webkit-transition: all 0.3s ease-in-out;
3403
+ transition: all 0.3s ease-in-out; }
3404
+ .premium-blog-post-container.premium-blog-skin-side {
3405
+ -js-display: flex;
3406
+ display: -webkit-box;
3407
+ display: -webkit-flex;
3408
+ display: -moz-box;
3409
+ display: -ms-flexbox;
3410
+ display: flex; }
3411
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-container {
3412
+ height: 100%; }
3413
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-content-wrapper {
3414
+ -webkit-box-flex: 1;
3415
+ -webkit-flex: 1;
3416
+ -moz-box-flex: 1;
3417
+ -ms-flex: 1;
3418
+ flex: 1; }
3419
+ .premium-blog-post-container.premium-blog-skin-banner {
3420
+ position: relative; }
3421
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper {
3422
+ position: absolute;
3423
+ width: 100%;
3424
+ bottom: 0;
3425
+ -js-display: flex;
3426
+ display: -webkit-box;
3427
+ display: -webkit-flex;
3428
+ display: -moz-box;
3429
+ display: -ms-flexbox;
3430
+ display: flex;
3431
+ -webkit-box-orient: vertical;
3432
+ -webkit-box-direction: normal;
3433
+ -webkit-flex-direction: column;
3434
+ -moz-box-orient: vertical;
3435
+ -moz-box-direction: normal;
3436
+ -ms-flex-direction: column;
3437
+ flex-direction: column;
3438
+ background-color: transparent;
3439
+ z-index: 3; }
3440
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper-inner {
3441
+ -webkit-transition: -webkit-transform 0.3s ease-in-out;
3442
+ transition: -webkit-transform 0.3s ease-in-out;
3443
+ transition: transform 0.3s ease-in-out;
3444
+ transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; }
3445
+ .premium-blog-post-container.premium-blog-skin-banner:hover .premium-blog-content-wrapper-inner {
3446
+ -webkit-transform: translateY(-5px);
3447
+ -ms-transform: translateY(-5px);
3448
+ transform: translateY(-5px); }
3449
+ .premium-blog-post-container .premium-blog-cats-container ul.post-categories {
3450
+ margin: 0;
3451
+ padding: 0;
3452
+ list-style: none;
3453
+ -js-display: flex;
3454
+ display: -webkit-box;
3455
+ display: -webkit-flex;
3456
+ display: -moz-box;
3457
+ display: -ms-flexbox;
3458
+ display: flex; }
3459
+ .premium-blog-post-container .premium-blog-cats-container a {
3460
+ display: block;
3461
+ font-size: 12px;
3462
+ color: #fff;
3463
+ background-color: #777;
3464
+ margin: 0 3px 10px 0;
3465
+ padding: 5px;
3466
+ -webkit-transition: all 0.3s ease-in-out;
3467
+ transition: all 0.3s ease-in-out; }
3468
+
3469
+ /*
3470
+ * Diagonal Effect
3471
+ */
3472
+ .premium-blog-diagonal-container {
3473
+ position: absolute;
3474
+ top: 0;
3475
+ left: 0;
3476
+ width: 100%;
3477
+ height: 100%; }
3478
+
3479
+ .premium-blog-diagonal-effect:before {
3480
+ position: absolute;
3481
+ top: 0px;
3482
+ left: 0px;
3483
+ width: 100%;
3484
+ height: 100%;
3485
+ content: " ";
3486
+ z-index: 1;
3487
+ background: rgba(255, 255, 255, 0.2);
3488
+ -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
3489
+ transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
3490
+ -webkit-transition: all 0.3s linear 0s;
3491
+ transition: all 0.3s linear 0s; }
3492
+
3493
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-diagonal-effect:before {
3494
+ -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
3495
+ transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); }
3496
+
3497
+ /*
3498
+ * Framed Effect
3499
+ */
3500
+ .premium-blog-framed-effect {
3501
+ position: absolute;
3502
+ width: -webkit-calc(100% - 30px);
3503
+ width: calc(100% - 30px);
3504
+ height: -webkit-calc(100% - 30px);
3505
+ height: calc(100% - 30px);
3506
+ top: 15px;
3507
+ left: 15px;
3508
+ opacity: 0;
3509
+ -webkit-transform: scale(0.3);
3510
+ -ms-transform: scale(0.3);
3511
+ transform: scale(0.3);
3512
+ -webkit-transition: all 0.3s linear 0s;
3513
+ transition: all 0.3s linear 0s; }
3514
+
3515
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-framed-effect {
3516
+ opacity: 0.99;
3517
+ -webkit-transform: scale(1);
3518
+ -ms-transform: scale(1);
3519
+ transform: scale(1); }
3520
+
3521
+ /*
3522
+ * Bordered Effect
3523
+ */
3524
+ .premium-blog-bordered-effect {
3525
+ position: absolute;
3526
+ top: 0;
3527
+ left: 0;
3528
+ width: 100%;
3529
+ height: 100%;
3530
+ opacity: 0;
3531
+ padding: 15px;
3532
+ -webkit-transition: all 0.3s linear 0s;
3533
+ transition: all 0.3s linear 0s; }
3534
+ .premium-blog-bordered-effect .premium-blog-post-link:before, .premium-blog-bordered-effect .premium-blog-post-link:after {
3535
+ content: "";
3536
+ display: block;
3537
+ position: absolute;
3538
+ top: 0;
3539
+ left: 0;
3540
+ width: 100%;
3541
+ height: 100%;
3542
+ -webkit-transition: all 0.5s linear 0s;
3543
+ transition: all 0.5s linear 0s;
3544
+ -webkit-transition-delay: 0s;
3545
+ transition-delay: 0s;
3546
+ border-color: rgba(255, 255, 255, 0.45); }
3547
+ .premium-blog-bordered-effect .premium-blog-post-link:before {
3548
+ border-right: 2px solid;
3549
+ border-left: 2px solid;
3550
+ -webkit-transform: scale(1, 0);
3551
+ -ms-transform: scale(1, 0);
3552
+ transform: scale(1, 0);
3553
+ -webkit-transform-origin: 100% 0;
3554
+ -ms-transform-origin: 100% 0;
3555
+ transform-origin: 100% 0; }
3556
+ .premium-blog-bordered-effect .premium-blog-post-link:after {
3557
+ border-top: 2px solid;
3558
+ border-bottom: 2px solid;
3559
+ -webkit-transform: scale(0, 1);
3560
+ -ms-transform: scale(0, 1);
3561
+ transform: scale(0, 1);
3562
+ -webkit-transform-origin: 0 0;
3563
+ -ms-transform-origin: 0 0;
3564
+ transform-origin: 0 0; }
3565
+
3566
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect {
3567
+ opacity: 0.99; }
3568
+ .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 {
3569
+ -webkit-transition-delay: 0.15s;
3570
+ transition-delay: 0.15s;
3571
+ opacity: 1;
3572
+ -webkit-transform: scale(1);
3573
+ -ms-transform: scale(1);
3574
+ transform: scale(1); }
3575
+
3576
+ /*
3577
+ * Squares Effect
3578
+ */
3579
+ .premium-blog-squares-effect,
3580
+ .premium-blog-squares-square-container {
3581
+ position: absolute;
3582
+ top: 0;
3583
+ left: 0;
3584
+ width: 100%;
3585
+ height: 100%; }
3586
+
3587
+ .premium-blog-squares-effect:before, .premium-blog-squares-effect:after {
3588
+ position: absolute;
3589
+ content: "";
3590
+ top: 0;
3591
+ left: 0;
3592
+ width: 50%;
3593
+ height: 50%;
3594
+ -webkit-transform: translate(-100%, -100%);
3595
+ -ms-transform: translate(-100%, -100%);
3596
+ transform: translate(-100%, -100%);
3597
+ opacity: 0.7;
3598
+ -webkit-transition: all 0.3s linear 0s;
3599
+ transition: all 0.3s linear 0s; }
3600
+
3601
+ .premium-blog-squares-square-container:before, .premium-blog-squares-square-container:after {
3602
+ position: absolute;
3603
+ content: "";
3604
+ top: 0;
3605
+ left: 0;
3606
+ width: 50%;
3607
+ height: 50%;
3608
+ -webkit-transform: translate(-100%, -100%);
3609
+ -ms-transform: translate(-100%, -100%);
3610
+ transform: translate(-100%, -100%);
3611
+ opacity: 0.7;
3612
+ -webkit-transition: all 0.3s linear 0s;
3613
+ transition: all 0.3s linear 0s; }
3614
+
3615
+ .premium-blog-squares-square-container:before, .premium-blog-squares-square-container:after {
3616
+ opacity: 0.8; }
3617
+
3618
+ .premium-blog-squares-effect:after {
3619
+ -webkit-transform: translate(200%, 200%);
3620
+ -ms-transform: translate(200%, 200%);
3621
+ transform: translate(200%, 200%); }
3622
+
3623
+ .premium-blog-squares-square-container:before {
3624
+ -webkit-transform: translate(-100%, 200%);
3625
+ -ms-transform: translate(-100%, 200%);
3626
+ transform: translate(-100%, 200%); }
3627
+
3628
+ .premium-blog-squares-square-container:after {
3629
+ -webkit-transform: translate(200%, -100%);
3630
+ -ms-transform: translate(200%, -100%);
3631
+ transform: translate(200%, -100%); }
3632
+
3633
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:before {
3634
+ -webkit-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
3635
+ -ms-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
3636
+ transform: translate(0, 0%) scaleY(1.003) scaleX(1.003); }
3637
+
3638
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:after {
3639
+ -webkit-transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003);
3640
+ -ms-transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003);
3641
+ transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003); }
3642
+
3643
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:before {
3644
+ -webkit-transform: translate(0, 100%);
3645
+ -ms-transform: translate(0, 100%);
3646
+ transform: translate(0, 100%); }
3647
+
3648
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:after {
3649
+ -webkit-transform: translate(100%, 0%);
3650
+ -ms-transform: translate(100%, 0%);
3651
+ transform: translate(100%, 0%); }
3652
+
3653
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay {
3654
+ opacity: 1; }
3655
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay a {
3656
+ opacity: 1;
3657
+ -webkit-transform: scale(1);
3658
+ -ms-transform: scale(1);
3659
+ transform: scale(1); }
3660
+
3661
+ .premium-blog-clear-fix {
3662
+ clear: both; }
3663
+
3664
+ .premium-blog-masked .premium-blog-thumbnail-container {
3665
+ position: relative;
3666
+ overflow: visible; }
3667
+ .premium-blog-masked .premium-blog-thumbnail-container svg {
3668
+ position: absolute;
3669
+ height: 100px;
3670
+ width: 100%;
3671
+ bottom: -5px;
3672
+ left: 0;
3673
+ fill: #f5f5f5;
3674
+ z-index: 99; }
3675
+ .premium-blog-masked .premium-blog-thumbnail-container svg.premium-blog-shape-divider-svg {
3676
+ -webkit-transform: rotate(180deg);
3677
+ -ms-transform: rotate(180deg);
3678
+ transform: rotate(180deg); }
3679
+
3680
+ .premium-blog-masked .premium-blog-author-thumbnail,
3681
+ .premium-blog-masked .premium-blog-skin-banner .premium-blog-content-wrapper {
3682
+ z-index: 999 !important; }
3683
+
3684
+ .premium-blog-format-link {
3685
+ padding: 5px;
3686
+ line-height: 0; }
3687
+
3688
+ .premium-blog-entry-meta {
3689
+ line-height: 1.3em;
3690
+ font-size: 12px;
3691
+ margin-bottom: 13px;
3692
+ color: #adadad; }
3693
+ .premium-blog-entry-meta i {
3694
+ margin-right: 3px;
3695
+ -webkit-transition: all 0.3s ease-in-out;
3696
+ transition: all 0.3s ease-in-out; }
3697
+
3698
+ .premium-blog-meta-data {
3699
+ display: inline-block; }
3700
+ .premium-blog-meta-data .premium-blog-meta-separator {
3701
+ margin: 0 5px; }
3702
+ .premium-blog-meta-data a,
3703
+ .premium-blog-meta-data span {
3704
+ color: inherit;
3705
+ -webkit-transition: all 0.3s ease-in-out;
3706
+ transition: all 0.3s ease-in-out; }
3707
+
3708
+ .premium-blog-author-thumbnail {
3709
+ position: relative;
3710
+ padding: 0 30px;
3711
+ width: 100%;
3712
+ top: -10px;
3713
+ height: 0;
3714
+ pointer-events: none; }
3715
+ .premium-blog-author-thumbnail img {
3716
+ -webkit-border-radius: 50%;
3717
+ border-radius: 50%;
3718
+ width: 60px;
3719
+ pointer-events: all;
3720
+ -webkit-transform: translateY(-50%);
3721
+ -ms-transform: translateY(-50%);
3722
+ transform: translateY(-50%); }
3723
+
3724
+ .premium-blog-entry-title a,
3725
+ .premium-blog-post-tags-container a,
3726
+ .premium-blog-post-content .premium-blog-excerpt-link {
3727
+ -webkit-transition: all 0.3s ease-in-out;
3728
+ transition: all 0.3s ease-in-out; }
3729
+
3730
+ .premium-blog-excerpt-link-wrap a.premium-blog-excerpt-link {
3731
+ background-color: transparent;
3732
+ color: #54595f;
3733
+ padding: 0; }
3734
+
3735
+ .premium-blog-cta-full-yes .premium-blog-excerpt-link {
3736
+ width: 100%; }
3737
+
3738
+ .premium-blog-post-tags-container {
3739
+ margin-top: 8px;
3740
+ -js-display: flex;
3741
+ display: -webkit-box;
3742
+ display: -webkit-flex;
3743
+ display: -moz-box;
3744
+ display: -ms-flexbox;
3745
+ display: flex;
3746
+ -webkit-box-align: center;
3747
+ -webkit-align-items: center;
3748
+ -moz-box-align: center;
3749
+ -ms-flex-align: center;
3750
+ align-items: center;
3751
+ -webkit-flex-wrap: wrap;
3752
+ -ms-flex-wrap: wrap;
3753
+ flex-wrap: wrap; }
3754
+ .premium-blog-post-tags-container a {
3755
+ color: inherit;
3756
+ margin-left: 5px; }
3757
+
3758
+ /*Tags align*/
3759
+ .premium-blog-align-left .post-categories,
3760
+ .premium-blog-align-left .premium-blog-inner-container,
3761
+ .premium-blog-align-left .premium-blog-post-tags-container {
3762
+ -webkit-box-pack: start;
3763
+ -webkit-justify-content: flex-start;
3764
+ -moz-box-pack: start;
3765
+ -ms-flex-pack: start;
3766
+ justify-content: flex-start; }
3767
+
3768
+ .premium-blog-align-center .post-categories,
3769
+ .premium-blog-align-center .premium-blog-inner-container,
3770
+ .premium-blog-align-center .premium-blog-post-tags-container {
3771
+ -webkit-box-pack: center;
3772
+ -webkit-justify-content: center;
3773
+ -moz-box-pack: center;
3774
+ -ms-flex-pack: center;
3775
+ justify-content: center; }
3776
+
3777
+ .premium-blog-align-right .post-categories,
3778
+ .premium-blog-align-right .premium-blog-inner-container,
3779
+ .premium-blog-align-right .premium-blog-post-tags-container {
3780
+ -webkit-box-pack: end;
3781
+ -webkit-justify-content: flex-end;
3782
+ -moz-box-pack: end;
3783
+ -ms-flex-pack: end;
3784
+ justify-content: flex-end; }
3785
+
3786
+ /* Pagination */
3787
+ .premium-blog-pagination-container {
3788
+ text-align: right; }
3789
+ .premium-blog-pagination-container span {
3790
+ cursor: default; }
3791
+ .premium-blog-pagination-container .page-numbers {
3792
+ display: inline-block;
3793
+ color: #000;
3794
+ line-height: 1;
3795
+ font-size: 1em;
3796
+ font-weight: 400;
3797
+ text-decoration: none;
3798
+ padding: 0.75em;
3799
+ margin: 0 0.4em 0.4em 0;
3800
+ -webkit-transition: all 0.3s ease-in-out;
3801
+ transition: all 0.3s ease-in-out; }
3802
+
3803
+ .premium-blog-wrap .premium-loading-feed {
3804
+ display: block;
3805
+ position: absolute;
3806
+ width: 100%;
3807
+ height: 100%;
3808
+ top: 0px;
3809
+ left: 0px;
3810
+ bottom: 0px;
3811
+ right: 0px;
3812
+ background: rgba(255, 255, 255, 0.2);
3813
+ -js-display: flex;
3814
+ display: -webkit-box;
3815
+ display: -webkit-flex;
3816
+ display: -moz-box;
3817
+ display: -ms-flexbox;
3818
+ display: flex;
3819
+ -webkit-box-align: center;
3820
+ -webkit-align-items: center;
3821
+ -moz-box-align: center;
3822
+ -ms-flex-align: center;
3823
+ align-items: center;
3824
+ z-index: 99; }
3825
+
3826
+ .premium-blog-wrap {
3827
+ -js-display: flex;
3828
+ display: -webkit-box;
3829
+ display: -webkit-flex;
3830
+ display: -moz-box;
3831
+ display: -ms-flexbox;
3832
+ display: flex;
3833
+ -webkit-flex-wrap: wrap;
3834
+ -ms-flex-wrap: wrap;
3835
+ flex-wrap: wrap; }
3836
+ .premium-blog-wrap ul.slick-dots {
3837
+ width: 100%; }
3838
+
3839
+ /*
3840
+ * List Layout
3841
+ */
3842
+ .premium-blog-list .premium-blog-post-outer-container {
3843
+ width: 100%; }
3844
+
3845
+ /**
3846
+ * Even Layout
3847
+ */
3848
+ .premium-blog-even .premium-blog-post-container {
3849
+ height: 100%; }
3850
+
3851
+ .premium-blog-even .slick-track {
3852
+ -js-display: flex;
3853
+ display: -webkit-box;
3854
+ display: -webkit-flex;
3855
+ display: -moz-box;
3856
+ display: -ms-flexbox;
3857
+ display: flex; }
3858
+
3859
+ .premium-blog-even .slick-slide {
3860
+ height: inherit !important; }
3861
+
3862
+ /**
3863
+ * Responsive Style
3864
+ */
3865
+ @media (max-width: 768px) {
3866
+ .premium-blog-content-wrapper {
3867
+ top: 0;
3868
+ margin: 0;
3869
+ padding: 15px; }
3870
+ .premium-blog-skin-side {
3871
+ -webkit-box-orient: vertical;
3872
+ -webkit-box-direction: normal;
3873
+ -webkit-flex-direction: column;
3874
+ -moz-box-orient: vertical;
3875
+ -moz-box-direction: normal;
3876
+ -ms-flex-direction: column;
3877
+ flex-direction: column; } }
3878
+
3879
+ /************ Premium Team Members ************/
3880
+ /**********************************************/
3881
+ .premium-person-container {
3882
+ position: relative; }
3883
+
3884
+ .premium-person-image-container {
3885
+ position: relative;
3886
+ text-align: center;
3887
+ overflow: hidden; }
3888
+ .premium-person-image-container .premium-person-image-wrap {
3889
+ overflow: hidden; }
3890
+
3891
+ .premium-person-zoomout-effect .premium-person-image-container img,
3892
+ .premium-person-scale-effect .premium-person-image-container img {
3893
+ -webkit-transform: scale(1.2);
3894
+ -ms-transform: scale(1.2);
3895
+ transform: scale(1.2); }
3896
+
3897
+ .premium-person-sepia-effect .premium-person-image-container img {
3898
+ -webkit-filter: sepia(30%);
3899
+ filter: sepia(30%); }
3900
+
3901
+ .premium-person-bright-effect .premium-person-image-container img {
3902
+ -webkit-filter: brightness(1);
3903
+ filter: brightness(1); }
3904
+
3905
+ .premium-person-trans-effect .premium-person-image-container img {
3906
+ -webkit-transform: translateX(-15px) scale(1.1);
3907
+ -ms-transform: translateX(-15px) scale(1.1);
3908
+ transform: translateX(-15px) scale(1.1); }
3909
+
3910
+ .premium-person-zoomin-effect:hover .premium-person-image-container img {
3911
+ -webkit-transform: scale(1.2);
3912
+ -ms-transform: scale(1.2);
3913
+ transform: scale(1.2); }
3914
+
3915
+ .premium-person-zoomout-effect:hover .premium-person-image-container img {
3916
+ -webkit-transform: scale(1.1);
3917
+ -ms-transform: scale(1.1);
3918
+ transform: scale(1.1); }
3919
+
3920
+ .premium-person-scale-effect:hover .premium-person-image-container img {
3921
+ -webkit-transform: scale(1.3) rotate(5deg);
3922
+ -ms-transform: scale(1.3) rotate(5deg);
3923
+ transform: scale(1.3) rotate(5deg); }
3924
+
3925
+ .premium-person-grayscale-effect:hover .premium-person-image-container img {
3926
+ -webkit-filter: grayscale(100%);
3927
+ filter: grayscale(100%); }
3928
+
3929
+ .premium-person-blur-effect:hover .premium-person-image-container img {
3930
+ -webkit-filter: blur(3px);
3931
+ filter: blur(3px); }
3932
+
3933
+ .premium-person-sepia-effect:hover .premium-person-image-container img {
3934
+ -webkit-filter: sepia(0%);
3935
+ filter: sepia(0%); }
3936
+
3937
+ .premium-person-bright-effect:hover .premium-person-image-container img {
3938
+ -webkit-filter: brightness(1.2);
3939
+ filter: brightness(1.2); }
3940
+
3941
+ .premium-person-trans-effect:hover .premium-person-image-container img {
3942
+ -webkit-transform: translateX(0px) scale(1.1);
3943
+ -ms-transform: translateX(0px) scale(1.1);
3944
+ transform: translateX(0px) scale(1.1); }
3945
+
3946
+ .premium-person-container .premium-person-image-container img {
3947
+ width: 100%;
3948
+ height: 100%;
3949
+ -o-object-fit: cover;
3950
+ object-fit: cover;
3951
+ -webkit-transition: all 0.5s ease-in-out;
3952
+ transition: all 0.5s ease-in-out; }
3953
+
3954
+ .premium-person-style2 .premium-person-social {
3955
+ position: absolute;
3956
+ top: 0;
3957
+ left: 0;
3958
+ width: 100%;
3959
+ height: 100%;
3960
+ z-index: 2;
3961
+ -js-display: flex;
3962
+ display: -webkit-box;
3963
+ display: -webkit-flex;
3964
+ display: -moz-box;
3965
+ display: -ms-flexbox;
3966
+ display: flex;
3967
+ -webkit-box-pack: center;
3968
+ -webkit-justify-content: center;
3969
+ -moz-box-pack: center;
3970
+ -ms-flex-pack: center;
3971
+ justify-content: center;
3972
+ -webkit-box-align: center;
3973
+ -webkit-align-items: center;
3974
+ -moz-box-align: center;
3975
+ -ms-flex-align: center;
3976
+ align-items: center;
3977
+ -webkit-box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
3978
+ box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
3979
+ -webkit-transition: all 0.5s linear 0s;
3980
+ transition: all 0.5s linear 0s;
3981
+ opacity: 0; }
3982
+
3983
+ .premium-person-style2 .premium-person-image-container:hover .premium-person-social {
3984
+ opacity: 1; }
3985
+
3986
+ .premium-person-list-item a {
3987
+ display: inline-block; }
3988
+
3989
+ .premium-person-style2 .premium-person-list-item a {
3990
+ opacity: 0;
3991
+ -webkit-transform: scale(0);
3992
+ -ms-transform: scale(0);
3993
+ transform: scale(0);
3994
+ -webkit-transition: all 0.5s ease-in-out 0s;
3995
+ transition: all 0.5s ease-in-out 0s; }
3996
+
3997
+ .premium-person-style2 .premium-person-image-container:hover .premium-person-list-item a {
3998
+ opacity: 1;
3999
+ -webkit-transform: scale(1);
4000
+ -ms-transform: scale(1);
4001
+ transform: scale(1); }
4002
+
4003
+ .premium-person-info-container {
4004
+ padding: 30px 15px; }
4005
+
4006
+ .premium-person-name {
4007
+ margin: 0 0 5px;
4008
+ font-weight: 700; }
4009
+
4010
+ .premium-person-title {
4011
+ margin: 0 0 20px;
4012
+ padding: 0; }
4013
+
4014
+ .premium-person-content {
4015
+ margin: 0 0 30px; }
4016
+
4017
+ /*Override Theme List Margin*/
4018
+ ul.premium-person-social-list {
4019
+ margin: 0px !important;
4020
+ padding: 0; }
4021
+
4022
+ .premium-person-social-list .premium-person-list-item {
4023
+ display: inline;
4024
+ list-style: none; }
4025
+
4026
+ .premium-person-social-list li {
4027
+ position: relative;
4028
+ bottom: 0px;
4029
+ -webkit-transition: all 0.2s ease-in-out;
4030
+ transition: all 0.2s ease-in-out; }
4031
+ .premium-person-social-list li i {
4032
+ position: relative;
4033
+ bottom: 0px;
4034
+ -webkit-transition: all 0.2s ease-in-out;
4035
+ transition: all 0.2s ease-in-out; }
4036
+
4037
+ .premium-person-defaults-yes li.premium-person-facebook:hover a {
4038
+ background-color: #3b5998 !important; }
4039
+
4040
+ .premium-person-defaults-yes li.premium-person-twitter:hover a {
4041
+ background-color: #55acee !important; }
4042
+
4043
+ .premium-person-defaults-yes li.premium-person-linkedin:hover a {
4044
+ background-color: #0077b5 !important; }
4045
+
4046
+ .premium-person-defaults-yes li.premium-person-google:hover a {
4047
+ background-color: #dc4e41 !important; }
4048
+
4049
+ .premium-person-defaults-yes li.premium-person-youtube:hover a {
4050
+ background-color: #b31217 !important; }
4051
+
4052
+ .premium-person-defaults-yes li.premium-person-instagram:hover a {
4053
+ background-color: #e4405f !important; }
4054
+
4055
+ .premium-person-defaults-yes li.premium-person-skype:hover a {
4056
+ background-color: #00aff0 !important; }
4057
+
4058
+ .premium-person-defaults-yes li.premium-person-pinterest:hover a {
4059
+ background-color: #bd081c !important; }
4060
+
4061
+ .premium-person-defaults-yes li.premium-person-dribbble:hover a {
4062
+ background-color: #ea4c89 !important; }
4063
+
4064
+ .premium-person-defaults-yes li.premium-person-mail:hover a {
4065
+ background-color: #b23121 !important; }
4066
+
4067
+ .premium-person-defaults-yes li.premium-person-behance:hover a {
4068
+ background-color: #1769ff !important; }
4069
+
4070
+ .premium-person-defaults-yes li.premium-person-whatsapp:hover a {
4071
+ background-color: #25d366 !important; }
4072
+
4073
+ .premium-person-defaults-yes li.premium-person-telegram:hover a {
4074
+ background-color: #0088cc !important; }
4075
+
4076
+ .premium-person-defaults-yes li.premium-person-site:hover a {
4077
+ background-color: #0055a5 !important; }
4078
+
4079
+ .premium-person-social-list li:hover a {
4080
+ -webkit-box-shadow: none;
4081
+ box-shadow: none; }
4082
+
4083
+ .premium-person-social-list li a:focus {
4084
+ -webkit-box-shadow: none;
4085
+ box-shadow: none;
4086
+ outline: none; }
4087
+
4088
+ .premium-person-social-list li i {
4089
+ font-size: 18px; }
4090
+
4091
+ .elementor-widget-premium-addon-person .elementor-widget-container {
4092
+ -js-display: flex;
4093
+ display: -webkit-box;
4094
+ display: -webkit-flex;
4095
+ display: -moz-box;
4096
+ display: -ms-flexbox;
4097
+ display: flex;
4098
+ -webkit-box-pack: center;
4099
+ -webkit-justify-content: center;
4100
+ -moz-box-pack: center;
4101
+ -ms-flex-pack: center;
4102
+ justify-content: center; }
4103
+
4104
+ .premium-persons-container.multiple-persons {
4105
+ -js-display: flex;
4106
+ display: -webkit-box;
4107
+ display: -webkit-flex;
4108
+ display: -moz-box;
4109
+ display: -ms-flexbox;
4110
+ display: flex;
4111
+ -webkit-flex-wrap: wrap;
4112
+ -ms-flex-wrap: wrap;
4113
+ flex-wrap: wrap;
4114
+ width: 100%; }
4115
+
4116
+ .premium-person-style1 .premium-person-container {
4117
+ overflow: hidden; }
4118
+ .premium-person-style1 .premium-person-container .premium-person-info {
4119
+ position: absolute;
4120
+ top: auto;
4121
+ right: 0;
4122
+ left: 0;
4123
+ -webkit-transition: all 500ms ease 0s;
4124
+ transition: all 500ms ease 0s;
4125
+ -webkit-transform: translate3d(0, 100%, 0);
4126
+ transform: translate3d(0, 100%, 0); }
4127
+ .premium-person-style1 .premium-person-container:hover .premium-person-info {
4128
+ -webkit-transform: translate3d(0, 0, 0);
4129
+ transform: translate3d(0, 0, 0);
4130
+ bottom: -1px !important; }
4131
+
4132
+ .premium-person-style1 .premium-person-social-list li:hover {
4133
+ bottom: 5px; }
4134
+
4135
+ .premium-person-style1.multiple-persons:not([data-persons-equal="yes"]) {
4136
+ -webkit-box-align: start;
4137
+ -webkit-align-items: flex-start;
4138
+ -moz-box-align: start;
4139
+ -ms-flex-align: start;
4140
+ align-items: flex-start; }
4141
+
4142
+ .premium-person-style1 .slick-track {
4143
+ -js-display: flex;
4144
+ display: -webkit-box;
4145
+ display: -webkit-flex;
4146
+ display: -moz-box;
4147
+ display: -ms-flexbox;
4148
+ display: flex; }
4149
+
4150
+ .premium-person-style1 .slick-slide {
4151
+ height: inherit !important; }
4152
+
4153
+ .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-container,
4154
+ .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-wrap {
4155
+ height: 100%; }
4156
+
4157
+ .premium-person-style3 .premium-person-info-container {
4158
+ position: absolute;
4159
+ top: 0;
4160
+ left: 0;
4161
+ width: 100%;
4162
+ height: 100%;
4163
+ -js-display: flex;
4164
+ display: -webkit-box;
4165
+ display: -webkit-flex;
4166
+ display: -moz-box;
4167
+ display: -ms-flexbox;
4168
+ display: flex;
4169
+ -webkit-box-orient: vertical;
4170
+ -webkit-box-direction: normal;
4171
+ -webkit-flex-direction: column;
4172
+ -moz-box-orient: vertical;
4173
+ -moz-box-direction: normal;
4174
+ -ms-flex-direction: column;
4175
+ flex-direction: column;
4176
+ -webkit-box-pack: justify;
4177
+ -webkit-justify-content: space-between;
4178
+ -moz-box-pack: justify;
4179
+ -ms-flex-pack: justify;
4180
+ justify-content: space-between; }
4181
+
4182
+ .premium-person-style3 .premium-person-title-desc-wrap {
4183
+ -js-display: flex;
4184
+ display: -webkit-box;
4185
+ display: -webkit-flex;
4186
+ display: -moz-box;
4187
+ display: -ms-flexbox;
4188
+ display: flex;
4189
+ -webkit-box-orient: horizontal;
4190
+ -webkit-box-direction: reverse;
4191
+ -webkit-flex-direction: row-reverse;
4192
+ -moz-box-orient: horizontal;
4193
+ -moz-box-direction: reverse;
4194
+ -ms-flex-direction: row-reverse;
4195
+ flex-direction: row-reverse;
4196
+ -webkit-box-pack: justify;
4197
+ -webkit-justify-content: space-between;
4198
+ -moz-box-pack: justify;
4199
+ -ms-flex-pack: justify;
4200
+ justify-content: space-between;
4201
+ -webkit-box-align: start;
4202
+ -webkit-align-items: flex-start;
4203
+ -moz-box-align: start;
4204
+ -ms-flex-align: start;
4205
+ align-items: flex-start; }
4206
+
4207
+ .premium-person-style3 .premium-person-name-icons-wrap {
4208
+ -js-display: flex;
4209
+ display: -webkit-box;
4210
+ display: -webkit-flex;
4211
+ display: -moz-box;
4212
+ display: -ms-flexbox;
4213
+ display: flex;
4214
+ -webkit-box-pack: justify;
4215
+ -webkit-justify-content: space-between;
4216
+ -moz-box-pack: justify;
4217
+ -ms-flex-pack: justify;
4218
+ justify-content: space-between;
4219
+ -webkit-box-align: end;
4220
+ -webkit-align-items: flex-end;
4221
+ -moz-box-align: end;
4222
+ -ms-flex-align: end;
4223
+ align-items: flex-end; }
4224
+
4225
+ .premium-person-style3 .premium-person-title {
4226
+ opacity: 0;
4227
+ -webkit-transition: all 0.3s ease;
4228
+ transition: all 0.3s ease;
4229
+ width: 0; }
4230
+ .premium-person-style3 .premium-person-title span {
4231
+ display: inline-block; }
4232
+
4233
+ .premium-person-style3 .premium-person-name {
4234
+ padding-left: 10px; }
4235
+
4236
+ .premium-person-style3 .premium-person-social-list {
4237
+ -js-display: flex;
4238
+ display: -webkit-box;
4239
+ display: -webkit-flex;
4240
+ display: -moz-box;
4241
+ display: -ms-flexbox;
4242
+ display: flex;
4243
+ -webkit-box-orient: vertical;
4244
+ -webkit-box-direction: normal;
4245
+ -webkit-flex-direction: column;
4246
+ -moz-box-orient: vertical;
4247
+ -moz-box-direction: normal;
4248
+ -ms-flex-direction: column;
4249
+ flex-direction: column;
4250
+ -webkit-transform: translateY(20px);
4251
+ -ms-transform: translateY(20px);
4252
+ transform: translateY(20px);
4253
+ opacity: 0;
4254
+ -webkit-transition: all 0.3s ease;
4255
+ transition: all 0.3s ease; }
4256
+
4257
+ .premium-person-style3 .premium-person-list-item {
4258
+ line-height: 0; }
4259
+ .premium-person-style3 .premium-person-list-item a {
4260
+ padding: 5px 10px 0 0;
4261
+ margin: 5px 0; }
4262
+
4263
+ .premium-person-style3 .premium-person-container:hover .premium-person-title {
4264
+ opacity: 1; }
4265
+
4266
+ .premium-person-style3 .premium-person-container:hover .premium-person-social-list {
4267
+ opacity: 1;
4268
+ -webkit-transform: translateY(0);
4269
+ -ms-transform: translateY(0);
4270
+ transform: translateY(0); }
4271
+
4272
+ .premium-persons-title-cw .premium-person-title {
4273
+ -webkit-transform: translateX(15px) rotate(90deg);
4274
+ -ms-transform: translateX(15px) rotate(90deg);
4275
+ transform: translateX(15px) rotate(90deg);
4276
+ -webkit-transform-origin: top;
4277
+ -ms-transform-origin: top;
4278
+ transform-origin: top; }
4279
+
4280
+ .premium-persons-title-cw .premium-person-container:hover .premium-person-title {
4281
+ -webkit-transform: translateX(0) rotate(90deg);
4282
+ -ms-transform: translateX(0) rotate(90deg);
4283
+ transform: translateX(0) rotate(90deg); }
4284
+
4285
+ .premium-persons-title-ccw .premium-person-title {
4286
+ width: auto;
4287
+ margin-right: 20px;
4288
+ -webkit-transform: translateX(15px) rotate(-90deg);
4289
+ -ms-transform: translateX(15px) rotate(-90deg);
4290
+ transform: translateX(15px) rotate(-90deg);
4291
+ -webkit-transform-origin: center right;
4292
+ -ms-transform-origin: center right;
4293
+ transform-origin: center right; }
4294
+
4295
+ .premium-persons-title-ccw .premium-person-container:hover .premium-person-title {
4296
+ -webkit-transform: translateX(0) rotate(-90deg);
4297
+ -ms-transform: translateX(0) rotate(-90deg);
4298
+ transform: translateX(0) rotate(-90deg); }
4299
+
4300
+ /**************** Premium Fancy Text *******************/
4301
+ /*******************************************************/
4302
+ .premium-suffix-text,
4303
+ .premium-fancy-text,
4304
+ .premium-prefix-text {
4305
+ font-size: 40px; }
4306
+
4307
+ .premium-fancy-text-wrapper:not(.typing) .premium-fancy-text,
4308
+ .premium-fancy-item-hidden {
4309
+ opacity: 0; }
4310
+
4311
+ .premium-fancy-text-wrapper .premium-fancy-list-items {
4312
+ list-style: none; }
4313
+
4314
+ .premium-fancy-text-wrapper .premium-fancy-text-span-align {
4315
+ vertical-align: top; }
4316
+
4317
+ .premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-text-items-wrapper {
4318
+ margin: 0;
4319
+ padding: 0;
4320
+ border: none;
4321
+ position: relative; }
4322
+
4323
+ .premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-list-items {
4324
+ position: absolute;
4325
+ top: 0;
4326
+ left: 0;
4327
+ display: inline-block; }
4328
+
4329
+ .premium-fancy-text-wrapper.zoomout .premium-fancy-item-hidden {
4330
+ -webkit-animation: pa-zoom-out 0.8s;
4331
+ animation: pa-zoom-out 0.8s; }
4332
+
4333
+ .premium-fancy-text-wrapper.zoomout .premium-fancy-item-visible {
4334
+ position: relative !important;
4335
+ -webkit-animation: pa-zoom-in 0.8s;
4336
+ animation: pa-zoom-in 0.8s; }
4337
+
4338
+ .premium-fancy-text-wrapper.zoomout .premium-fancy-text-items-wrapper {
4339
+ -webkit-perspective: 300px;
4340
+ perspective: 300px; }
4341
+
4342
+ .premium-fancy-text-wrapper.rotate .premium-fancy-list-items {
4343
+ -webkit-transform-origin: 50% 100%;
4344
+ -ms-transform-origin: 50% 100%;
4345
+ transform-origin: 50% 100%; }
4346
+
4347
+ .premium-fancy-text-wrapper.rotate .premium-fancy-item-hidden {
4348
+ -webkit-transform: rotateX(180deg);
4349
+ transform: rotateX(180deg);
4350
+ -webkit-animation: pa-rotate-out 1.2s;
4351
+ animation: pa-rotate-out 1.2s; }
4352
+
4353
+ .premium-fancy-text-wrapper.rotate .premium-fancy-item-visible {
4354
+ position: relative !important;
4355
+ -webkit-transform: rotateX(0deg);
4356
+ transform: rotateX(0deg);
4357
+ -webkit-animation: pa-rotate-in 1.2s;
4358
+ animation: pa-rotate-in 1.2s; }
4359
+
4360
+ .premium-fancy-text-wrapper.custom .premium-fancy-item-visible {
4361
+ position: relative !important; }
4362
+
4363
+ .premium-fancy-text-wrapper.auto-fade .premium-fancy-text {
4364
+ display: inline-block;
4365
+ width: 200px;
4366
+ font-weight: 400; }
4367
+
4368
+ .premium-fancy-text-wrapper.auto-fade .premium-fancy-svg-text {
4369
+ position: relative;
4370
+ vertical-align: sub; }
4371
+
4372
+ .premium-fancy-text-wrapper.auto-fade g > text {
4373
+ text-anchor: start;
4374
+ shape-rendering: crispEdges;
4375
+ opacity: 0;
4376
+ font-size: 300px;
4377
+ -webkit-animation-name: pa-auto-fade;
4378
+ animation-name: pa-auto-fade;
4379
+ -moz-animation-name: pa-auto-fade;
4380
+ -webkit-animation-duration: 9s;
4381
+ animation-duration: 9s;
4382
+ -webkit-animation-timing-function: linear;
4383
+ animation-timing-function: linear;
4384
+ -webkit-animation-iteration-count: infinite;
4385
+ animation-iteration-count: infinite; }
4386
+
4387
+ .premium-fancy-text-wrapper.auto-fade g > text:nth-child(1) {
4388
+ -webkit-animation-delay: 0s;
4389
+ animation-delay: 0s; }
4390
+
4391
+ .premium-fancy-text-wrapper.auto-fade g > text:nth-child(2) {
4392
+ -webkit-animation-delay: 3s;
4393
+ animation-delay: 3s; }
4394
+
4395
+ .premium-fancy-text-wrapper.auto-fade g > text:nth-child(3) {
4396
+ -webkit-animation-delay: 6s;
4397
+ animation-delay: 6s; }
4398
+
4399
+ .premium-fancy-text-wrapper.loading .premium-fancy-text {
4400
+ position: relative; }
4401
+ .premium-fancy-text-wrapper.loading .premium-fancy-text .premium-loading-bar {
4402
+ position: absolute;
4403
+ width: 100%;
4404
+ height: 3px;
4405
+ bottom: 0;
4406
+ left: 0;
4407
+ animation: pa-loading-bar 2.5s ease-out infinite;
4408
+ -webkit-animation: pa-loading-bar 2.5s ease-out infinite; }
4409
+
4410
+ .premium-fancy-text-wrapper.loading.pause .premium-fancy-text:hover .premium-loading-bar {
4411
+ -webkit-animation-play-state: paused;
4412
+ animation-play-state: paused; }
4413
+
4414
+ @-webkit-keyframes pa-auto-fade {
4415
+ 0% {
4416
+ opacity: 0; }
4417
+ 20% {
4418
+ opacity: 1; }
4419
+ 35% {
4420
+ opacity: 0; }
4421
+ 100% {
4422
+ opacity: 0; } }
4423
+
4424
+ @keyframes pa-auto-fade {
4425
+ 0% {
4426
+ opacity: 0; }
4427
+ 20% {
4428
+ opacity: 1; }
4429
+ 35% {
4430
+ opacity: 0; }
4431
+ 100% {
4432
+ opacity: 0; } }
4433
+
4434
+ @-webkit-keyframes pa-loading-bar {
4435
+ 0% {
4436
+ width: 0; }
4437
+ 100% {
4438
+ width: 100; } }
4439
+
4440
+ @keyframes pa-loading-bar {
4441
+ 0% {
4442
+ width: 0; }
4443
+ 100% {
4444
+ width: 100; } }
4445
+
4446
+ @-webkit-keyframes pa-zoom-in {
4447
+ 0% {
4448
+ opacity: 0;
4449
+ -webkit-transform: translateZ(100px);
4450
+ transform: translateZ(100px); }
4451
+ 100% {
4452
+ opacity: 1;
4453
+ -webkit-transform: translateZ(0);
4454
+ transform: translateZ(0); } }
4455
+
4456
+ @keyframes pa-zoom-in {
4457
+ 0% {
4458
+ opacity: 0;
4459
+ -webkit-transform: translateZ(100px);
4460
+ transform: translateZ(100px); }
4461
+ 100% {
4462
+ opacity: 1;
4463
+ -webkit-transform: translateZ(0);
4464
+ transform: translateZ(0); } }
4465
+
4466
+ @-webkit-keyframes pa-zoom-out {
4467
+ 0% {
4468
+ opacity: 1;
4469
+ -webkit-transform: translateZ(0);
4470
+ transform: translateZ(0); }
4471
+ 100% {
4472
+ opacity: 0;
4473
+ -webkit-transform: translateZ(-100px);
4474
+ transform: translateZ(-100px); } }
4475
+
4476
+ @keyframes pa-zoom-out {
4477
+ 0% {
4478
+ opacity: 1;
4479
+ -webkit-transform: translateZ(0);
4480
+ transform: translateZ(0); }
4481
+ 100% {
4482
+ opacity: 0;
4483
+ -webkit-transform: translateZ(-100px);
4484
+ transform: translateZ(-100px); } }
4485
+
4486
+ @-webkit-keyframes pa-rotate-in {
4487
+ 0% {
4488
+ opacity: 0;
4489
+ -webkit-transform: rotateX(180deg);
4490
+ transform: rotateX(180deg); }
4491
+ 35% {
4492
+ opacity: 0;
4493
+ -webkit-transform: rotateX(120deg);
4494
+ transform: rotateX(120deg); }
4495
+ 65% {
4496
+ opacity: 0; }
4497
+ 100% {
4498
+ opacity: 1;
4499
+ -webkit-transform: rotateX(360deg);
4500
+ transform: rotateX(360deg); } }
4501
+
4502
+ @keyframes pa-rotate-in {
4503
+ 0% {
4504
+ opacity: 0;
4505
+ -webkit-transform: rotateX(180deg);
4506
+ transform: rotateX(180deg); }
4507
+ 35% {
4508
+ opacity: 0;
4509
+ -webkit-transform: rotateX(120deg);
4510
+ transform: rotateX(120deg); }
4511
+ 65% {
4512
+ opacity: 0; }
4513
+ 100% {
4514
+ opacity: 1;
4515
+ -webkit-transform: rotateX(360deg);
4516
+ transform: rotateX(360deg); } }
4517
+
4518
+ @-webkit-keyframes pa-rotate-out {
4519
+ 0% {
4520
+ opacity: 1;
4521
+ -webkit-transform: rotateX(0deg);
4522
+ transform: rotateX(0deg); }
4523
+ 35% {
4524
+ opacity: 1;
4525
+ -webkit-transform: rotateX(-40deg);
4526
+ transform: rotateX(-40deg); }
4527
+ 65% {
4528
+ opacity: 0; }
4529
+ 100% {
4530
+ opacity: 0;
4531
+ -webkit-transform: rotateX(180deg);
4532
+ transform: rotateX(180deg); } }
4533
+
4534
+ @keyframes pa-rotate-out {
4535
+ 0% {
4536
+ opacity: 1;
4537
+ -webkit-transform: rotateX(0deg);
4538
+ transform: rotateX(0deg); }
4539
+ 35% {
4540
+ opacity: 1;
4541
+ -webkit-transform: rotateX(-40deg);
4542
+ transform: rotateX(-40deg); }
4543
+ 65% {
4544
+ opacity: 0; }
4545
+ 100% {
4546
+ opacity: 0;
4547
+ -webkit-transform: rotateX(180deg);
4548
+ transform: rotateX(180deg); } }
4549
+
4550
+ /**************** Premium Pricing Table ****************/
4551
+ /*******************************************************/
4552
+ .premium-pricing-table-container {
4553
+ position: relative;
4554
+ overflow: hidden;
4555
+ text-align: center;
4556
+ -webkit-transition: all 0.3s ease-in-out;
4557
+ transition: all 0.3s ease-in-out; }
4558
+
4559
+ .premium-pricing-icon-container {
4560
+ -js-display: flex;
4561
+ display: -webkit-box;
4562
+ display: -webkit-flex;
4563
+ display: -moz-box;
4564
+ display: -ms-flexbox;
4565
+ display: flex;
4566
+ -webkit-box-pack: center;
4567
+ -webkit-justify-content: center;
4568
+ -moz-box-pack: center;
4569
+ -ms-flex-pack: center;
4570
+ justify-content: center;
4571
+ line-height: 0; }
4572
+ .premium-pricing-icon-container .premium-pricing-icon {
4573
+ display: inline-block; }
4574
+ .premium-pricing-icon-container .premium-pricing-image {
4575
+ overflow: hidden; }
4576
+ .premium-pricing-icon-container .premium-pricing-image img {
4577
+ width: 25px;
4578
+ height: 25px;
4579
+ -o-object-fit: cover;
4580
+ object-fit: cover; }
4581
+
4582
+ .premium-badge-left {
4583
+ position: absolute;
4584
+ top: 0; }
4585
+
4586
+ .premium-badge-right {
4587
+ position: absolute;
4588
+ top: 0;
4589
+ right: 0; }
4590
+
4591
+ .premium-badge-left {
4592
+ left: 0; }
4593
+
4594
+ .premium-badge-triangle.premium-badge-left .corner {
4595
+ width: 0;
4596
+ height: 0;
4597
+ border-top: 150px solid;
4598
+ border-bottom: 150px solid transparent;
4599
+ border-right: 150px solid transparent; }
4600
+
4601
+ .premium-badge-triangle.premium-badge-right .corner {
4602
+ width: 0;
4603
+ height: 0;
4604
+ border-bottom: 150px solid transparent;
4605
+ border-right: 150px solid;
4606
+ border-left: 150px solid transparent; }
4607
+
4608
+ .premium-badge-triangle span {
4609
+ position: absolute;
4610
+ top: 35px;
4611
+ width: 100px;
4612
+ text-align: center;
4613
+ -webkit-transform: rotate(-45deg);
4614
+ -ms-transform: rotate(-45deg);
4615
+ transform: rotate(-45deg);
4616
+ display: block;
4617
+ text-transform: uppercase; }
4618
+
4619
+ .premium-badge-triangle.premium-badge-right span {
4620
+ -webkit-transform: rotate(45deg);
4621
+ -ms-transform: rotate(45deg);
4622
+ transform: rotate(45deg);
4623
+ right: 0; }
4624
+
4625
+ .premium-badge-circle {
4626
+ min-width: 4em;
4627
+ min-height: 4em;
4628
+ line-height: 4em;
4629
+ text-align: center;
4630
+ -webkit-border-radius: 100%;
4631
+ border-radius: 100%;
4632
+ position: absolute;
4633
+ z-index: 1; }
4634
+
4635
+ .premium-badge-stripe {
4636
+ position: absolute;
4637
+ -webkit-transform: rotate(90deg);
4638
+ -ms-transform: rotate(90deg);
4639
+ transform: rotate(90deg);
4640
+ width: 15em;
4641
+ overflow: hidden;
4642
+ height: 15em; }
4643
+ .premium-badge-stripe.premium-badge-left {
4644
+ -webkit-transform: rotate(0);
4645
+ -ms-transform: rotate(0);
4646
+ transform: rotate(0); }
4647
+ .premium-badge-stripe .corner {
4648
+ text-align: center;
4649
+ left: 0;
4650
+ width: 150%;
4651
+ -webkit-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
4652
+ -ms-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
4653
+ transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
4654
+ margin-top: 35px;
4655
+ font-size: 13px;
4656
+ line-height: 2;
4657
+ font-weight: 800;
4658
+ text-transform: uppercase; }
4659
+
4660
+ .premium-badge-flag .corner {
4661
+ text-align: center;
4662
+ -webkit-border-radius: 4px 4px 0 4px;
4663
+ border-radius: 4px 4px 0 4px;
4664
+ padding: 3px 15px;
4665
+ position: absolute;
4666
+ top: 10%;
4667
+ right: -8px; }
4668
+ .premium-badge-flag .corner::before, .premium-badge-flag .corner::after {
4669
+ content: "";
4670
+ display: block;
4671
+ position: absolute;
4672
+ width: 0;
4673
+ height: 0;
4674
+ top: 100%;
4675
+ right: 0;
4676
+ border-bottom: 8px solid transparent; }
4677
+
4678
+ .elementor-widget-premium-addon-pricing-table .elementor-widget-container {
4679
+ overflow: visible !important; }
4680
+
4681
+ .premium-badge-flag .corner::after {
4682
+ border-left: 8px solid rgba(0, 0, 0, 0.2); }
4683
+
4684
+ .premium-pricing-price-currency {
4685
+ position: relative; }
4686
+
4687
+ .premium-pricing-button-container {
4688
+ display: block; }
4689
+
4690
+ .premium-pricing-list {
4691
+ -js-display: flex;
4692
+ display: -webkit-box;
4693
+ display: -webkit-flex;
4694
+ display: -moz-box;
4695
+ display: -ms-flexbox;
4696
+ display: flex;
4697
+ -webkit-box-orient: vertical;
4698
+ -webkit-box-direction: normal;
4699
+ -webkit-flex-direction: column;
4700
+ -moz-box-orient: vertical;
4701
+ -moz-box-direction: normal;
4702
+ -ms-flex-direction: column;
4703
+ flex-direction: column;
4704
+ list-style-type: none;
4705
+ margin: 0; }
4706
+ .premium-pricing-list .premium-pricing-list-item {
4707
+ -js-display: flex;
4708
+ display: -webkit-box;
4709
+ display: -webkit-flex;
4710
+ display: -moz-box;
4711
+ display: -ms-flexbox;
4712
+ display: flex;
4713
+ -webkit-box-align: center;
4714
+ -webkit-align-items: center;
4715
+ -moz-box-align: center;
4716
+ -ms-flex-align: center;
4717
+ align-items: center; }
4718
+ .premium-pricing-list .premium-pricing-list-item svg {
4719
+ width: 50px;
4720
+ height: 50px; }
4721
+ .premium-pricing-list .premium-pricing-list-item img {
4722
+ width: 30px;
4723
+ height: 30px;
4724
+ -o-object-fit: cover;
4725
+ object-fit: cover; }
4726
+ .premium-pricing-list .premium-pricing-list-span {
4727
+ position: relative; }
4728
+ .premium-pricing-list .list-item-tooltip {
4729
+ border-bottom: 1px dotted; }
4730
+ .premium-pricing-list .premium-pricing-list-tooltip {
4731
+ position: absolute;
4732
+ top: -webkit-calc(100% + 1px);
4733
+ top: calc(100% + 1px);
4734
+ left: 0;
4735
+ visibility: hidden;
4736
+ padding: 15px 20px;
4737
+ -webkit-border-radius: 5px;
4738
+ border-radius: 5px;
4739
+ min-width: 200px;
4740
+ overflow: hidden;
4741
+ text-align: left;
4742
+ font-size: 0.8rem;
4743
+ color: #fff;
4744
+ background-color: #aaa; }
4745
+
4746
+ .premium-pricing-features-left .premium-pricing-list-span {
4747
+ text-align: left; }
4748
+
4749
+ .premium-pricing-features-center .premium-pricing-list-span {
4750
+ text-align: center; }
4751
+
4752
+ .premium-pricing-features-right .premium-pricing-list-span {
4753
+ text-align: right; }
4754
+
4755
+ .premium-pricing-list-span:hover .premium-pricing-list-tooltip {
4756
+ z-index: 99;
4757
+ visibility: visible;
4758
+ opacity: 1; }
4759
+
4760
+ .premium-pricing-slashed-price-value {
4761
+ display: inline-block;
4762
+ font-size: 20px;
4763
+ font-weight: 400;
4764
+ margin-right: 5px; }
4765
+
4766
+ .premium-pricing-price-value {
4767
+ font-size: 70px; }
4768
+
4769
+ .premium-pricing-description-container li {
4770
+ list-style-position: inside;
4771
+ text-indent: -40px; }
4772
+
4773
+ @-moz-document url-prefix() {
4774
+ .premium-pricing-description-container li {
4775
+ text-indent: 0px; } }
4776
+
4777
+ .premium-pricing-price-button {
4778
+ display: block;
4779
+ padding: 6px 12px;
4780
+ line-height: 1.42857143;
4781
+ text-align: center;
4782
+ color: #fff;
4783
+ background: #6ec1e4;
4784
+ margin-bottom: 0;
4785
+ -webkit-transition: all 0.3s ease-in-out;
4786
+ transition: all 0.3s ease-in-out; }
4787
+
4788
+ /**************** Premium Google Maps ******************/
4789
+ /*******************************************************/
4790
+ .premium-maps-info-container {
4791
+ margin-top: 10px;
4792
+ margin-bottom: 10px; }
4793
+
4794
+ .premium-maps-info-title,
4795
+ .premium-maps-info-desc {
4796
+ margin: 0;
4797
+ padding: 0; }
4798
+
4799
+ .premium-maps-container .gm-style-iw {
4800
+ text-align: center; }
4801
+
4802
+ .premium-maps-container .gm-style img {
4803
+ max-width: none !important; }
4804
+
4805
+ /**************** Premium Button ***********************/
4806
+ /*******************************************************/
4807
+ .premium-button {
4808
+ -js-display: inline-flex;
4809
+ display: -webkit-inline-box;
4810
+ display: -webkit-inline-flex;
4811
+ display: -moz-inline-box;
4812
+ display: -ms-inline-flexbox;
4813
+ display: inline-flex;
4814
+ position: relative;
4815
+ overflow: hidden;
4816
+ -webkit-backface-visibility: hidden;
4817
+ backface-visibility: hidden;
4818
+ -webkit-transform: translate3d(0, 0, 0);
4819
+ transform: translate3d(0, 0, 0);
4820
+ cursor: pointer;
4821
+ -webkit-transition: all 0.2s ease-in-out !important;
4822
+ transition: all 0.2s ease-in-out !important; }
4823
+
4824
+ .premium-button .premium-lottie-animation,
4825
+ .premium-image-button .premium-lottie-animation {
4826
+ -js-display: flex;
4827
+ display: -webkit-box;
4828
+ display: -webkit-flex;
4829
+ display: -moz-box;
4830
+ display: -ms-flexbox;
4831
+ display: flex; }
4832
+
4833
+ .premium-button svg,
4834
+ .premium-image-button svg {
4835
+ width: 30px;
4836
+ height: 30px; }
4837
+
4838
+ .premium-btn-sm,
4839
+ .premium-btn-md,
4840
+ .premium-btn-lg,
4841
+ .premium-btn-block {
4842
+ background-color: #eee;
4843
+ color: #042551;
4844
+ margin: 0px;
4845
+ text-decoration: none; }
4846
+ .premium-btn-sm:hover,
4847
+ .premium-btn-md:hover,
4848
+ .premium-btn-lg:hover,
4849
+ .premium-btn-block:hover {
4850
+ background-color: #54595f;
4851
+ color: #eee; }
4852
+
4853
+ .premium-btn-sm {
4854
+ padding: 12px 24px;
4855
+ font-size: 14px;
4856
+ line-height: 1; }
4857
+
4858
+ .premium-btn-md {
4859
+ padding: 14px 26px;
4860
+ font-size: 16px;
4861
+ line-height: 1.2; }
4862
+
4863
+ .premium-btn-lg {
4864
+ padding: 16px 28px;
4865
+ font-size: 18px;
4866
+ line-height: 1.3333; }
4867
+
4868
+ .premium-btn-block {
4869
+ font-size: 18px;
4870
+ line-height: 1;
4871
+ padding: 20px 0px;
4872
+ width: 100%;
4873
+ text-align: center; }
4874
+
4875
+ .premium-button-text {
4876
+ display: inline-block;
4877
+ width: 100%; }
4878
+
4879
+ .premium-button-style1,
4880
+ .premium-button-style2,
4881
+ .premium-button-style5,
4882
+ .premium-button-style7 {
4883
+ display: inline-block;
4884
+ vertical-align: middle;
4885
+ -webkit-transform: perspective(1px) translateZ(0);
4886
+ transform: perspective(1px) translateZ(0);
4887
+ -webkit-box-shadow: 0 0 1px transparent;
4888
+ box-shadow: 0 0 1px transparent;
4889
+ position: relative;
4890
+ -webkit-transition-property: color;
4891
+ transition-property: color;
4892
+ -webkit-transition-duration: 0.15s;
4893
+ transition-duration: 0.15s; }
4894
+
4895
+ .premium-button-style1:before,
4896
+ .premium-button-style2:before,
4897
+ .premium-button-style5:before {
4898
+ content: "";
4899
+ position: absolute;
4900
+ z-index: -1;
4901
+ top: 0;
4902
+ left: 0;
4903
+ right: 0;
4904
+ bottom: 0;
4905
+ -webkit-transform: scaleY(0);
4906
+ -ms-transform: scaleY(0);
4907
+ transform: scaleY(0);
4908
+ -webkit-transform-origin: 50% 0;
4909
+ -ms-transform-origin: 50% 0;
4910
+ transform-origin: 50% 0;
4911
+ -webkit-transition-property: -webkit-transform;
4912
+ transition-property: -webkit-transform;
4913
+ transition-property: transform;
4914
+ transition-property: transform, -webkit-transform;
4915
+ -webkit-transition-duration: 0.15s;
4916
+ transition-duration: 0.15s;
4917
+ -webkit-transition-timing-function: ease-out;
4918
+ transition-timing-function: ease-out; }
4919
+
4920
+ .premium-button-style5-radialin:before,
4921
+ .premium-button-style5-radialout:before {
4922
+ -webkit-transform-origin: 50%;
4923
+ -ms-transform-origin: 50%;
4924
+ transform-origin: 50%;
4925
+ -webkit-border-radius: 100%;
4926
+ border-radius: 100%;
4927
+ -webkit-transform: scale(0);
4928
+ -ms-transform: scale(0);
4929
+ transform: scale(0); }
4930
+
4931
+ .premium-button-style5-radialin:before {
4932
+ -webkit-transform: scale(2);
4933
+ -ms-transform: scale(2);
4934
+ transform: scale(2); }
4935
+
4936
+ .premium-button-style5-rectin:before {
4937
+ -webkit-transform-origin: 50%;
4938
+ -ms-transform-origin: 50%;
4939
+ transform-origin: 50%;
4940
+ -webkit-transform: scale(1);
4941
+ -ms-transform: scale(1);
4942
+ transform: scale(1); }
4943
+
4944
+ .premium-button-style5-rectout:before {
4945
+ -webkit-transform-origin: 50%;
4946
+ -ms-transform-origin: 50%;
4947
+ transform-origin: 50%;
4948
+ -webkit-transform: scale(0);
4949
+ -ms-transform: scale(0);
4950
+ transform: scale(0); }
4951
+
4952
+ .premium-button-style5-rectout:hover:before {
4953
+ -webkit-transform: scale(1);
4954
+ -ms-transform: scale(1);
4955
+ transform: scale(1); }
4956
+
4957
+ .premium-button-style5-rectin:hover:before {
4958
+ -webkit-transform: scale(0);
4959
+ -ms-transform: scale(0);
4960
+ transform: scale(0); }
4961
+
4962
+ .premium-button-style5-radialout:hover:before {
4963
+ -webkit-transform: scale(2);
4964
+ -ms-transform: scale(2);
4965
+ transform: scale(2); }
4966
+
4967
+ .premium-button-style5-radialin:hover:before {
4968
+ -webkit-transform: scale(0);
4969
+ -ms-transform: scale(0);
4970
+ transform: scale(0); }
4971
+
4972
+ .premium-button-style1-top:before {
4973
+ -webkit-transform-origin: 50% 100%;
4974
+ -ms-transform-origin: 50% 100%;
4975
+ transform-origin: 50% 100%; }
4976
+
4977
+ .premium-button-style1-right:before {
4978
+ -webkit-transform: scaleX(0);
4979
+ -ms-transform: scaleX(0);
4980
+ transform: scaleX(0);
4981
+ -webkit-transform-origin: 0% 50%;
4982
+ -ms-transform-origin: 0% 50%;
4983
+ transform-origin: 0% 50%; }
4984
+
4985
+ .premium-button-style1-left:before {
4986
+ -webkit-transform: scaleX(0);
4987
+ -ms-transform: scaleX(0);
4988
+ transform: scaleX(0);
4989
+ -webkit-transform-origin: 100% 50%;
4990
+ -ms-transform-origin: 100% 50%;
4991
+ transform-origin: 100% 50%; }
4992
+
4993
+ .premium-button-style2-shutouthor:before,
4994
+ .premium-button-style2-scshutoutver:before {
4995
+ -webkit-transform: scaleY(0);
4996
+ -ms-transform: scaleY(0);
4997
+ transform: scaleY(0);
4998
+ -webkit-transform-origin: 100% 50%;
4999
+ -ms-transform-origin: 100% 50%;
5000
+ transform-origin: 100% 50%; }
5001
+
5002
+ .premium-button-style2-shutoutver:before,
5003
+ .premium-button-style2-scshutouthor:before {
5004
+ -webkit-transform: scaleX(0);
5005
+ -ms-transform: scaleX(0);
5006
+ transform: scaleX(0);
5007
+ -webkit-transform-origin: 50% 50%;
5008
+ -ms-transform-origin: 50% 50%;
5009
+ transform-origin: 50% 50%; }
5010
+
5011
+ .premium-button-style2-shutinhor:before {
5012
+ -webkit-transform: scaleX(1);
5013
+ -ms-transform: scaleX(1);
5014
+ transform: scaleX(1);
5015
+ -webkit-transform-origin: 50%;
5016
+ -ms-transform-origin: 50%;
5017
+ transform-origin: 50%; }
5018
+
5019
+ .premium-button-style2-shutinver:before {
5020
+ -webkit-transform: scaleY(1);
5021
+ -ms-transform: scaleY(1);
5022
+ transform: scaleY(1);
5023
+ -webkit-transform-origin: 50%;
5024
+ -ms-transform-origin: 50%;
5025
+ transform-origin: 50%; }
5026
+
5027
+ .premium-button-style1-bottom:hover:before,
5028
+ .premium-button-style1-top:hover:before {
5029
+ -webkit-transform: scaleY(1);
5030
+ -ms-transform: scaleY(1);
5031
+ transform: scaleY(1); }
5032
+
5033
+ .premium-button-style1-left:hover:before,
5034
+ .premium-button-style1-right:hover:before,
5035
+ .premium-button-style2-shutouthor:hover:before,
5036
+ .premium-button-style2-shutoutver:hover:before {
5037
+ -webkit-transform: scaleX(1);
5038
+ -ms-transform: scaleX(1);
5039
+ transform: scaleX(1); }
5040
+
5041
+ .premium-button-style2-shutinhor:hover:before {
5042
+ -webkit-transform: scaleX(0);
5043
+ -ms-transform: scaleX(0);
5044
+ transform: scaleX(0); }
5045
+
5046
+ .premium-button-style2-shutinver:hover:before {
5047
+ -webkit-transform: scaleY(0);
5048
+ -ms-transform: scaleY(0);
5049
+ transform: scaleY(0); }
5050
+
5051
+ .premium-button-style2-scshutouthor:hover:before {
5052
+ -webkit-transform: scaleX(0.9);
5053
+ -ms-transform: scaleX(0.9);
5054
+ transform: scaleX(0.9); }
5055
+
5056
+ .premium-button-style2-scshutoutver:hover:before {
5057
+ -webkit-transform: scaleY(0.8);
5058
+ -ms-transform: scaleY(0.8);
5059
+ transform: scaleY(0.8); }
5060
+
5061
+ /*Diagonal*/
5062
+ .premium-button-style2-dshutinhor:before {
5063
+ top: 50%;
5064
+ left: 50%;
5065
+ width: 120%;
5066
+ height: 0%;
5067
+ -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
5068
+ -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
5069
+ transform: translateX(-50%) translateY(-50%) rotate(-45deg);
5070
+ -webkit-transform-origin: 50%;
5071
+ -ms-transform-origin: 50%;
5072
+ transform-origin: 50%;
5073
+ -webkit-transition-property: all;
5074
+ transition-property: all; }
5075
+
5076
+ .premium-button-style2-dshutinver:before {
5077
+ top: 50%;
5078
+ left: 50%;
5079
+ width: 120%;
5080
+ height: 0%;
5081
+ -webkit-transform-origin: 50%;
5082
+ -ms-transform-origin: 50%;
5083
+ transform-origin: 50%;
5084
+ -webkit-transition-property: all;
5085
+ transition-property: all;
5086
+ -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
5087
+ -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
5088
+ transform: translateX(-50%) translateY(-50%) rotate(45deg); }
5089
+
5090
+ .premium-button-style2-dshutinhor:hover:before,
5091
+ .premium-button-style2-dshutinver:hover:before {
5092
+ height: 220%; }
5093
+
5094
+ .premium-button-style3-before i,
5095
+ .premium-button-style3-before svg {
5096
+ opacity: 0;
5097
+ -webkit-transform: translateX(-5px);
5098
+ -ms-transform: translateX(-5px);
5099
+ transform: translateX(-5px);
5100
+ -webkit-transition: all 0.5s ease-in-out;
5101
+ transition: all 0.5s ease-in-out; }
5102
+
5103
+ .premium-button-style3-after i,
5104
+ .premium-button-style3-after svg {
5105
+ opacity: 0;
5106
+ -webkit-transform: translateX(-5px);
5107
+ -ms-transform: translateX(-5px);
5108
+ transform: translateX(-5px);
5109
+ -webkit-transition: all 0.5s ease-in-out;
5110
+ transition: all 0.5s ease-in-out;
5111
+ -webkit-transform: translateX(5px);
5112
+ -ms-transform: translateX(5px);
5113
+ transform: translateX(5px); }
5114
+
5115
+ .premium-button-style3-after:hover i,
5116
+ .premium-button-style3-after:hover svg {
5117
+ opacity: 1; }
5118
+
5119
+ .premium-button-style3-before:hover i,
5120
+ .premium-button-style3-before:hover svg {
5121
+ opacity: 1; }
5122
+
5123
+ .premium-button-text-icon-wrapper {
5124
+ width: 100%;
5125
+ -js-display: flex;
5126
+ display: -webkit-box;
5127
+ display: -webkit-flex;
5128
+ display: -moz-box;
5129
+ display: -ms-flexbox;
5130
+ display: flex;
5131
+ -webkit-box-pack: center;
5132
+ -webkit-justify-content: center;
5133
+ -moz-box-pack: center;
5134
+ -ms-flex-pack: center;
5135
+ justify-content: center;
5136
+ -webkit-box-align: center;
5137
+ -webkit-align-items: center;
5138
+ -moz-box-align: center;
5139
+ -ms-flex-align: center;
5140
+ align-items: center;
5141
+ -webkit-transition: all 0.2s ease-in-out;
5142
+ transition: all 0.2s ease-in-out; }
5143
+ .premium-button-text-icon-wrapper span,
5144
+ .premium-button-text-icon-wrapper i,
5145
+ .premium-button-text-icon-wrapper svg {
5146
+ -webkit-transition: all 0.2s ease-in-out;
5147
+ transition: all 0.2s ease-in-out; }
5148
+
5149
+ .premium-button-style4-icon-wrapper {
5150
+ position: absolute;
5151
+ z-index: 2;
5152
+ width: 100%;
5153
+ text-align: center;
5154
+ -js-display: flex;
5155
+ display: -webkit-box;
5156
+ display: -webkit-flex;
5157
+ display: -moz-box;
5158
+ display: -ms-flexbox;
5159
+ display: flex;
5160
+ -webkit-box-align: center;
5161
+ -webkit-align-items: center;
5162
+ -moz-box-align: center;
5163
+ -ms-flex-align: center;
5164
+ align-items: center;
5165
+ -webkit-box-pack: center;
5166
+ -webkit-justify-content: center;
5167
+ -moz-box-pack: center;
5168
+ -ms-flex-pack: center;
5169
+ justify-content: center;
5170
+ height: 100%;
5171
+ opacity: 0;
5172
+ -webkit-transition: all 0.3s ease-in-out;
5173
+ transition: all 0.3s ease-in-out; }
5174
+ .premium-button-style4-icon-wrapper.top {
5175
+ bottom: -100%;
5176
+ left: 0; }
5177
+ .premium-button-style4-icon-wrapper.bottom {
5178
+ top: -100%;
5179
+ left: 0; }
5180
+ .premium-button-style4-icon-wrapper.left {
5181
+ top: 0;
5182
+ left: -100%; }
5183
+ .premium-button-style4-icon-wrapper.right {
5184
+ top: 0;
5185
+ right: -100%; }
5186
+
5187
+ .premium-button-style4-bottom:hover .premium-button-style4-icon-wrapper {
5188
+ top: 0;
5189
+ opacity: 1; }
5190
+
5191
+ .premium-button-style4-top:hover .premium-button-style4-icon-wrapper {
5192
+ bottom: 0;
5193
+ opacity: 1; }
5194
+
5195
+ .premium-button-style4-left:hover .premium-button-style4-icon-wrapper {
5196
+ left: 0;
5197
+ opacity: 1; }
5198
+
5199
+ .premium-button-style4-right:hover .premium-button-style4-icon-wrapper {
5200
+ right: 0;
5201
+ opacity: 1; }
5202
+
5203
+ .premium-button-style4-bottom:hover .premium-button-text-icon-wrapper {
5204
+ -webkit-transform: translateY(100%);
5205
+ -ms-transform: translateY(100%);
5206
+ transform: translateY(100%);
5207
+ opacity: 0; }
5208
+
5209
+ .premium-button-style4-top:hover .premium-button-text-icon-wrapper {
5210
+ -webkit-transform: translateY(-100%);
5211
+ -ms-transform: translateY(-100%);
5212
+ transform: translateY(-100%);
5213
+ opacity: 0; }
5214
+
5215
+ .premium-button-style4-left:hover .premium-button-text-icon-wrapper {
5216
+ -webkit-transform: translateX(100%);
5217
+ -ms-transform: translateX(100%);
5218
+ transform: translateX(100%);
5219
+ opacity: 0; }
5220
+
5221
+ .premium-button-style4-right:hover .premium-button-text-icon-wrapper {
5222
+ -webkit-transform: translateX(-100%);
5223
+ -ms-transform: translateX(-100%);
5224
+ transform: translateX(-100%);
5225
+ opacity: 0; }
5226
+
5227
+ .premium-button-style6:before {
5228
+ content: "";
5229
+ position: absolute;
5230
+ left: 50%;
5231
+ top: 50%;
5232
+ width: 100px;
5233
+ height: 100px;
5234
+ -webkit-border-radius: 100%;
5235
+ border-radius: 100%;
5236
+ -webkit-transform: translate(-50%, -50%) scale(0);
5237
+ -ms-transform: translate(-50%, -50%) scale(0);
5238
+ transform: translate(-50%, -50%) scale(0);
5239
+ -webkit-transition: all 0.3s ease-in-out;
5240
+ transition: all 0.3s ease-in-out; }
5241
+
5242
+ .premium-button-style6:hover:before {
5243
+ -webkit-transform: translate(-50%, -50%) scale(3);
5244
+ -ms-transform: translate(-50%, -50%) scale(3);
5245
+ transform: translate(-50%, -50%) scale(3); }
5246
+
5247
+ .premium-button-style6 .premium-button-text-icon-wrapper {
5248
+ position: relative;
5249
+ z-index: 1; }
5250
+
5251
+ .premium-mouse-detect-yes .premium-button-style6 .premium-button-style6-bg {
5252
+ position: absolute;
5253
+ z-index: 0;
5254
+ top: 0;
5255
+ left: 0;
5256
+ width: 0px;
5257
+ height: 0px;
5258
+ -webkit-border-radius: 50%;
5259
+ border-radius: 50%;
5260
+ display: block;
5261
+ -webkit-transform: translate(-50%, -50%);
5262
+ -ms-transform: translate(-50%, -50%);
5263
+ transform: translate(-50%, -50%);
5264
+ -webkit-transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
5265
+ transition: width 0.4s ease-in-out, height 0.4s ease-in-out; }
5266
+
5267
+ .premium-mouse-detect-yes .premium-button-style6:hover .premium-button-style6-bg {
5268
+ width: 225%;
5269
+ height: 560px; }
5270
+
5271
+ .premium-mouse-detect-yes .premium-button-style6:before {
5272
+ width: 0;
5273
+ height: 0; }
5274
+
5275
+ .premium-button-style7-right .premium-button-text-icon-wrapper:before,
5276
+ .premium-button-style7-left .premium-button-text-icon-wrapper:before {
5277
+ -webkit-transition: width 0.3s ease-out 0.15s;
5278
+ transition: width 0.3s ease-out 0.15s; }
5279
+
5280
+ .premium-button-style7-right .premium-button-text-icon-wrapper:after,
5281
+ .premium-button-style7-left .premium-button-text-icon-wrapper:after {
5282
+ -webkit-transition: width 0.3s ease-out 0s;
5283
+ transition: width 0.3s ease-out 0s; }
5284
+
5285
+ .premium-button-style7-bottom .premium-button-text-icon-wrapper:before,
5286
+ .premium-button-style7-top .premium-button-text-icon-wrapper:before {
5287
+ -webkit-transition: height 0.3s ease-out 0.15s;
5288
+ transition: height 0.3s ease-out 0.15s; }
5289
+
5290
+ .premium-button-style7-bottom .premium-button-text-icon-wrapper:after,
5291
+ .premium-button-style7-top .premium-button-text-icon-wrapper:after {
5292
+ -webkit-transition: height 0.3s ease-out 0s;
5293
+ transition: height 0.3s ease-out 0s; }
5294
+
5295
+ .premium-button-style7:hover .premium-button-text-icon-wrapper:before {
5296
+ -webkit-transition-delay: 0s;
5297
+ transition-delay: 0s; }
5298
+
5299
+ .premium-button-style7:hover .premium-button-text-icon-wrapper:after {
5300
+ -webkit-transition-delay: 0.15s;
5301
+ transition-delay: 0.15s; }
5302
+
5303
+ .premium-button-style7-bottom .premium-button-text-icon-wrapper:before,
5304
+ .premium-button-style7-bottom .premium-button-text-icon-wrapper:after {
5305
+ content: "";
5306
+ position: absolute;
5307
+ right: 0;
5308
+ top: 0;
5309
+ left: 0;
5310
+ height: 0;
5311
+ z-index: -1; }
5312
+
5313
+ .premium-button-style7-top .premium-button-text-icon-wrapper:after,
5314
+ .premium-button-style7-top .premium-button-text-icon-wrapper:before {
5315
+ content: "";
5316
+ position: absolute;
5317
+ right: 0;
5318
+ bottom: 0;
5319
+ left: 0;
5320
+ height: 0;
5321
+ z-index: -1; }
5322
+
5323
+ .premium-button-style7-right .premium-button-text-icon-wrapper:after,
5324
+ .premium-button-style7-right .premium-button-text-icon-wrapper:before {
5325
+ content: "";
5326
+ position: absolute;
5327
+ right: 0;
5328
+ top: 0;
5329
+ bottom: 0;
5330
+ width: 0;
5331
+ z-index: -1; }
5332
+
5333
+ .premium-button-style7-left .premium-button-text-icon-wrapper:after,
5334
+ .premium-button-style7-left .premium-button-text-icon-wrapper:before {
5335
+ content: "";
5336
+ position: absolute;
5337
+ left: 0;
5338
+ top: 0;
5339
+ bottom: 0;
5340
+ width: 0;
5341
+ z-index: -1; }
5342
+
5343
+ .premium-button-style7-bottom:hover .premium-button-text-icon-wrapper:after,
5344
+ .premium-button-style7-bottom:hover .premium-button-text-icon-wrapper:before {
5345
+ height: 100%;
5346
+ top: 0; }
5347
+
5348
+ .premium-button-style7-top:hover .premium-button-text-icon-wrapper:after,
5349
+ .premium-button-style7-top:hover .premium-button-text-icon-wrapper:before {
5350
+ height: 100%;
5351
+ bottom: 0; }
5352
+
5353
+ .premium-button-style7-left:hover .premium-button-text-icon-wrapper:after,
5354
+ .premium-button-style7-left:hover .premium-button-text-icon-wrapper:before {
5355
+ width: 100%;
5356
+ left: 0; }
5357
+
5358
+ .premium-button-style7-right:hover .premium-button-text-icon-wrapper:after,
5359
+ .premium-button-style7-right:hover .premium-button-text-icon-wrapper:before {
5360
+ width: 100%;
5361
+ right: 0; }
5362
+
5363
+ /**************** Premium Contact Form7 **********/
5364
+ /*************************************************/
5365
+ .premium-contact-form-anim-yes .wpcf7-span::after {
5366
+ display: block;
5367
+ height: 2px;
5368
+ content: "";
5369
+ top: -2px;
5370
+ position: relative;
5371
+ width: 0px;
5372
+ -webkit-transition: all ease-in-out 0.3s;
5373
+ transition: all ease-in-out 0.3s; }
5374
+
5375
+ .premium-contact-form-anim-yes .wpcf7-span.is-focused::after {
5376
+ width: 100%; }
5377
+
5378
+ .premium-cf7-container input.wpcf7-submit {
5379
+ -webkit-transition: all 0.3s ease-in-out;
5380
+ transition: all 0.3s ease-in-out; }
5381
+
5382
+ /**************** Premium Image Button ***********/
5383
+ /*************************************************/
5384
+ .premium-image-button {
5385
+ -js-display: inline-flex;
5386
+ display: -webkit-inline-box;
5387
+ display: -webkit-inline-flex;
5388
+ display: -moz-inline-box;
5389
+ display: -ms-inline-flexbox;
5390
+ display: inline-flex;
5391
+ position: relative;
5392
+ overflow: hidden;
5393
+ background-color: #eee;
5394
+ cursor: pointer;
5395
+ -webkit-transition: all 0.2s ease-in-out !important;
5396
+ transition: all 0.2s ease-in-out !important; }
5397
+ .premium-image-button .premium-button-style6-bg, .premium-image-button.premium-button-style6:before, .premium-image-button:not(.premium-image-button-style6):hover {
5398
+ background-color: #54595f; }
5399
+
5400
+ /*Default background for slide styles*/
5401
+ .premium-image-button-style4-icon-wrapper,
5402
+ .premium-image-button-style1:before {
5403
+ background-color: #54595f; }
5404
+
5405
+ .premium-image-button-text-icon-wrapper {
5406
+ width: 100%;
5407
+ -js-display: flex;
5408
+ display: -webkit-box;
5409
+ display: -webkit-flex;
5410
+ display: -moz-box;
5411
+ display: -ms-flexbox;
5412
+ display: flex;
5413
+ -webkit-box-pack: center;
5414
+ -webkit-justify-content: center;
5415
+ -moz-box-pack: center;
5416
+ -ms-flex-pack: center;
5417
+ justify-content: center;
5418
+ -webkit-box-align: center;
5419
+ -webkit-align-items: center;
5420
+ -moz-box-align: center;
5421
+ -ms-flex-align: center;
5422
+ align-items: center;
5423
+ position: relative;
5424
+ z-index: 3;
5425
+ -webkit-transition: all 0.2s ease-in-out;
5426
+ transition: all 0.2s ease-in-out; }
5427
+ .premium-image-button-text-icon-wrapper span,
5428
+ .premium-image-button-text-icon-wrapper i,
5429
+ .premium-image-button-text-icon-wrapper svg {
5430
+ -webkit-transition: all 0.2s ease-in-out;
5431
+ transition: all 0.2s ease-in-out; }
5432
+
5433
+ .premium-image-button-style1:before {
5434
+ position: absolute;
5435
+ content: "";
5436
+ -webkit-transition: all 0.2s ease-in-out;
5437
+ transition: all 0.2s ease-in-out; }
5438
+
5439
+ .premium-image-button-style1-bottom:before {
5440
+ width: 100%;
5441
+ height: 0;
5442
+ top: 0;
5443
+ left: 0; }
5444
+
5445
+ .premium-image-button-style1-top:before {
5446
+ width: 100%;
5447
+ height: 0;
5448
+ bottom: 0;
5449
+ left: 0; }
5450
+
5451
+ .premium-image-button-style1-right:before {
5452
+ width: 0;
5453
+ height: 100%;
5454
+ bottom: 0;
5455
+ left: 0; }
5456
+
5457
+ .premium-image-button-style1-left:before {
5458
+ width: 0;
5459
+ height: 100%;
5460
+ top: 0;
5461
+ right: 0; }
5462
+
5463
+ .premium-image-button-style1-bottom:hover:before,
5464
+ .premium-image-button-style1-top:hover:before {
5465
+ height: 100%; }
5466
+
5467
+ .premium-image-button-style1-right:hover:before,
5468
+ .premium-image-button-style1-left:hover:before {
5469
+ width: 100%; }
5470
+
5471
+ .premium-image-button-style3 {
5472
+ z-index: 10; }
5473
+ .premium-image-button-style3:before {
5474
+ position: absolute;
5475
+ top: 0px;
5476
+ left: 0px;
5477
+ width: 100%;
5478
+ height: 100%;
5479
+ content: "";
5480
+ z-index: 1;
5481
+ background: rgba(255, 255, 255, 0.2);
5482
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
5483
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
5484
+ -webkit-transition: all 0.8s ease-out;
5485
+ transition: all 0.8s ease-out; }
5486
+
5487
+ .premium-image-button-diagonal-right:before {
5488
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
5489
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0); }
5490
+
5491
+ .premium-image-button-diagonal-right:hover:before {
5492
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
5493
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0); }
5494
+
5495
+ .premium-image-button-diagonal-left:before {
5496
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
5497
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0); }
5498
+
5499
+ .premium-image-button-diagonal-left:hover:before {
5500
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
5501
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0); }
5502
+
5503
+ .premium-image-button-diagonal-bottom:before {
5504
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
5505
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0); }
5506
+
5507
+ .premium-image-button-diagonal-bottom:hover:before {
5508
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
5509
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); }
5510
+
5511
+ .premium-image-button-diagonal-top:before {
5512
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
5513
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); }
5514
+
5515
+ .premium-image-button-diagonal-top:hover:before {
5516
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
5517
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0); }
5518
+
5519
+ .premium-image-button-style4-icon-wrapper {
5520
+ position: absolute;
5521
+ z-index: 2;
5522
+ width: 100%;
5523
+ text-align: center;
5524
+ -js-display: flex;
5525
+ display: -webkit-box;
5526
+ display: -webkit-flex;
5527
+ display: -moz-box;
5528
+ display: -ms-flexbox;
5529
+ display: flex;
5530
+ -webkit-box-align: center;
5531
+ -webkit-align-items: center;
5532
+ -moz-box-align: center;
5533
+ -ms-flex-align: center;
5534
+ align-items: center;
5535
+ -webkit-box-pack: center;
5536
+ -webkit-justify-content: center;
5537
+ -moz-box-pack: center;
5538
+ -ms-flex-pack: center;
5539
+ justify-content: center;
5540
+ height: 100%;
5541
+ opacity: 0;
5542
+ -webkit-transition: all 0.3s ease-in-out;
5543
+ transition: all 0.3s ease-in-out; }
5544
+ .premium-image-button-style4-icon-wrapper.top {
5545
+ bottom: -100%;
5546
+ left: 0; }
5547
+ .premium-image-button-style4-icon-wrapper.bottom {
5548
+ top: -100%;
5549
+ left: 0; }
5550
+ .premium-image-button-style4-icon-wrapper.left {
5551
+ top: 0;
5552
+ left: -100%; }
5553
+ .premium-image-button-style4-icon-wrapper.right {
5554
+ top: 0;
5555
+ right: -100%; }
5556
+
5557
+ .premium-image-button-style4-bottom:hover .premium-image-button-style4-icon-wrapper {
5558
+ top: 0;
5559
+ opacity: 1; }
5560
+
5561
+ .premium-image-button-style4-bottom:hover .premium-image-button-text-icon-wrapper {
5562
+ -webkit-transform: translateY(100%);
5563
+ -ms-transform: translateY(100%);
5564
+ transform: translateY(100%);
5565
+ opacity: 0; }
5566
+
5567
+ .premium-image-button-style4-top:hover .premium-image-button-style4-icon-wrapper {
5568
+ bottom: 0;
5569
+ opacity: 1; }
5570
+
5571
+ .premium-image-button-style4-top:hover .premium-image-button-text-icon-wrapper {
5572
+ -webkit-transform: translateY(-100%);
5573
+ -ms-transform: translateY(-100%);
5574
+ transform: translateY(-100%);
5575
+ opacity: 0; }
5576
+
5577
+ .premium-image-button-style4-left:hover .premium-image-button-style4-icon-wrapper {
5578
+ left: 0;
5579
+ opacity: 1; }
5580
+
5581
+ .premium-image-button-style4-left:hover .premium-image-button-text-icon-wrapper {
5582
+ -webkit-transform: translateX(100%);
5583
+ -ms-transform: translateX(100%);
5584
+ transform: translateX(100%);
5585
+ opacity: 0; }
5586
+
5587
+ .premium-image-button-style4-right:hover .premium-image-button-style4-icon-wrapper {
5588
+ right: 0;
5589
+ opacity: 1; }
5590
+
5591
+ .premium-image-button-style4-right:hover .premium-image-button-text-icon-wrapper {
5592
+ -webkit-transform: translateX(-100%);
5593
+ -ms-transform: translateX(-100%);
5594
+ transform: translateX(-100%);
5595
+ opacity: 0; }
5596
+
5597
+ .premium-image-button-style5:before {
5598
+ position: absolute;
5599
+ content: "";
5600
+ top: 0;
5601
+ left: 0;
5602
+ width: 100%;
5603
+ height: 100%;
5604
+ opacity: 0;
5605
+ -webkit-transition: all 1s ease-in-out;
5606
+ transition: all 1s ease-in-out;
5607
+ background: rgba(255, 255, 255, 0.2);
5608
+ -webkit-animation-name: premium-overlap-effect-done;
5609
+ animation-name: premium-overlap-effect-done;
5610
+ -webkit-animation-duration: 1s;
5611
+ animation-duration: 1s; }
5612
+
5613
+ .premium-image-button-overlap-effect-vertical:before {
5614
+ -webkit-animation-name: premium-overlap-ver-effect-done;
5615
+ animation-name: premium-overlap-ver-effect-done; }
5616
+
5617
+ .premium-image-button-overlap-effect-horizontal:hover:before {
5618
+ -webkit-animation-name: premium-overlap-effect;
5619
+ animation-name: premium-overlap-effect; }
5620
+
5621
+ .premium-image-button-overlap-effect-vertical:hover:before {
5622
+ -webkit-animation-name: premium-overlap-ver-effect;
5623
+ animation-name: premium-overlap-ver-effect; }
5624
+
5625
+ @-webkit-keyframes premium-overlap-effect {
5626
+ 0% {
5627
+ opacity: 0;
5628
+ -webkit-transform: rotateY(0deg);
5629
+ transform: rotateY(0deg); }
5630
+ 50% {
5631
+ opacity: 1;
5632
+ -webkit-transform: rotateY(180deg);
5633
+ transform: rotateY(180deg); }
5634
+ 100% {
5635
+ opacity: 0;
5636
+ -webkit-transform: rotateY(360deg);
5637
+ transform: rotateY(360deg); } }
5638
+
5639
+ @keyframes premium-overlap-effect {
5640
+ 0% {
5641
+ opacity: 0;
5642
+ -webkit-transform: rotateY(0deg);
5643
+ transform: rotateY(0deg); }
5644
+ 50% {
5645
+ opacity: 1;
5646
+ -webkit-transform: rotateY(180deg);
5647
+ transform: rotateY(180deg); }
5648
+ 100% {
5649
+ opacity: 0;
5650
+ -webkit-transform: rotateY(360deg);
5651
+ transform: rotateY(360deg); } }
5652
+
5653
+ @-webkit-keyframes premium-overlap-effect-done {
5654
+ 0% {
5655
+ opacity: 0;
5656
+ -webkit-transform: rotateY(0deg);
5657
+ transform: rotateY(0deg); }
5658
+ 50% {
5659
+ opacity: 1;
5660
+ -webkit-transform: rotateY(180deg);
5661
+ transform: rotateY(180deg); }
5662
+ 100% {
5663
+ opacity: 0;
5664
+ -webkit-transform: rotateY(360deg);
5665
+ transform: rotateY(360deg); } }
5666
+
5667
+ @keyframes premium-overlap-effect-done {
5668
+ 0% {
5669
+ opacity: 0;
5670
+ -webkit-transform: rotateY(0deg);
5671
+ transform: rotateY(0deg); }
5672
+ 50% {
5673
+ opacity: 1;
5674
+ -webkit-transform: rotateY(180deg);
5675
+ transform: rotateY(180deg); }
5676
+ 100% {
5677
+ opacity: 0;
5678
+ -webkit-transform: rotateY(360deg);
5679
+ transform: rotateY(360deg); } }
5680
+
5681
+ @-webkit-keyframes premium-overlap-ver-effect {
5682
+ 0% {
5683
+ opacity: 0;
5684
+ -webkit-transform: rotateX(0deg);
5685
+ transform: rotateX(0deg); }
5686
+ 50% {
5687
+ opacity: 1;
5688
+ -webkit-transform: rotateX(180deg);
5689
+ transform: rotateX(180deg); }
5690
+ 100% {
5691
+ opacity: 0;
5692
+ -webkit-transform: rotateX(360deg);
5693
+ transform: rotateX(360deg); } }
5694
+
5695
+ @keyframes premium-overlap-ver-effect {
5696
+ 0% {
5697
+ opacity: 0;
5698
+ -webkit-transform: rotateX(0deg);
5699
+ transform: rotateX(0deg); }
5700
+ 50% {
5701
+ opacity: 1;
5702
+ -webkit-transform: rotateX(180deg);
5703
+ transform: rotateX(180deg); }
5704
+ 100% {
5705
+ opacity: 0;
5706
+ -webkit-transform: rotateX(360deg);
5707
+ transform: rotateX(360deg); } }
5708
+
5709
+ @-webkit-keyframes premium-overlap-ver-effect-done {
5710
+ 0% {
5711
+ opacity: 0;
5712
+ -webkit-transform: rotateX(0deg);
5713
+ transform: rotateX(0deg); }
5714
+ 50% {
5715
+ opacity: 1;
5716
+ -webkit-transform: rotateX(180deg);
5717
+ transform: rotateX(180deg); }
5718
+ 100% {
5719
+ opacity: 0;
5720
+ -webkit-transform: rotateX(360deg);
5721
+ transform: rotateX(360deg); } }
5722
+
5723
+ @keyframes premium-overlap-ver-effect-done {
5724
+ 0% {
5725
+ opacity: 0;
5726
+ -webkit-transform: rotateX(0deg);
5727
+ transform: rotateX(0deg); }
5728
+ 50% {
5729
+ opacity: 1;
5730
+ -webkit-transform: rotateX(180deg);
5731
+ transform: rotateX(180deg); }
5732
+ 100% {
5733
+ opacity: 0;
5734
+ -webkit-transform: rotateX(360deg);
5735
+ transform: rotateX(360deg); } }
5736
+
5737
+ /******** Premium Media Grid ********/
5738
+ /************************************/
5739
+ .premium-img-gallery-filter,
5740
+ .premium-blog-filter {
5741
+ -js-display: flex;
5742
+ display: -webkit-box;
5743
+ display: -webkit-flex;
5744
+ display: -moz-box;
5745
+ display: -ms-flexbox;
5746
+ display: flex;
5747
+ -webkit-box-align: center;
5748
+ -webkit-align-items: center;
5749
+ -moz-box-align: center;
5750
+ -ms-flex-align: center;
5751
+ align-items: center;
5752
+ -webkit-box-pack: center;
5753
+ -webkit-justify-content: center;
5754
+ -moz-box-pack: center;
5755
+ -ms-flex-pack: center;
5756
+ justify-content: center; }
5757
+
5758
+ .premium-img-gallery {
5759
+ clear: both;
5760
+ overflow: hidden; }
5761
+
5762
+ .premium-gallery-container .premium-gallery-item {
5763
+ padding: 10px;
5764
+ float: left; }
5765
+
5766
+ .premium-gallery-container .grid-sizer {
5767
+ width: 33.33%; }
5768
+
5769
+ .premium-gallery-container .pa-gallery-item {
5770
+ padding: 10px; }
5771
+
5772
+ .premium-img-gallery-filter .premium-gallery-cats-container li a.category,
5773
+ .premium-blog-filter .premium-blog-filters-container li a.category {
5774
+ outline: none;
5775
+ text-decoration: none;
5776
+ -webkit-border-radius: 75px;
5777
+ border-radius: 75px;
5778
+ margin: 15px 5px 20px;
5779
+ padding: 7px 20px;
5780
+ -webkit-transition: all 0.3s ease-in-out;
5781
+ transition: all 0.3s ease-in-out; }
5782
+
5783
+ .premium-img-gallery-filter .premium-gallery-cats-container li a.category span {
5784
+ -webkit-transition: all 0.3s ease-in-out;
5785
+ transition: all 0.3s ease-in-out; }
5786
+
5787
+ .pa-gallery-img {
5788
+ position: relative; }
5789
+ .pa-gallery-img .pa-gallery-whole-link {
5790
+ position: absolute;
5791
+ top: 0;
5792
+ left: 0;
5793
+ width: 100%;
5794
+ height: 100%; }
5795
+ .pa-gallery-img.style2 .pa-gallery-whole-link {
5796
+ z-index: 99; }
5797
+
5798
+ .pa-gallery-img-container {
5799
+ overflow: hidden;
5800
+ -webkit-backface-visibility: hidden;
5801
+ backface-visibility: hidden;
5802
+ -webkit-transform: translate3d(0, 0, 0);
5803
+ transform: translate3d(0, 0, 0); }
5804
+ .pa-gallery-img-container img {
5805
+ display: block;
5806
+ width: 100%;
5807
+ -webkit-transition: all 0.3s ease-in-out;
5808
+ transition: all 0.3s ease-in-out; }
5809
+
5810
+ .premium-img-gallery.gray img {
5811
+ -webkit-filter: grayscale(100%);
5812
+ filter: grayscale(100%); }
5813
+
5814
+ .premium-img-gallery.zoomout img,
5815
+ .premium-img-gallery.scale img {
5816
+ -webkit-transform: scale(1.2);
5817
+ -ms-transform: scale(1.2);
5818
+ transform: scale(1.2); }
5819
+
5820
+ .premium-img-gallery.sepia img {
5821
+ -webkit-filter: sepia(30%);
5822
+ filter: sepia(30%); }
5823
+
5824
+ .premium-img-gallery.bright img {
5825
+ -webkit-filter: brightness(1);
5826
+ filter: brightness(1); }
5827
+
5828
+ .premium-img-gallery.trans img {
5829
+ -webkit-transform: translateX(-15px) scale(1.1);
5830
+ -ms-transform: translateX(-15px) scale(1.1);
5831
+ transform: translateX(-15px) scale(1.1); }
5832
+
5833
+ .pa-gallery-img .pa-gallery-magnific-image,
5834
+ .pa-gallery-img .pa-gallery-img-link {
5835
+ outline: none; }
5836
+ .pa-gallery-img .pa-gallery-magnific-image i,
5837
+ .pa-gallery-img .pa-gallery-magnific-image svg,
5838
+ .pa-gallery-img .pa-gallery-img-link i,
5839
+ .pa-gallery-img .pa-gallery-img-link svg {
5840
+ -webkit-transition: all 0.3s ease-in-out;
5841
+ transition: all 0.3s ease-in-out; }
5842
+
5843
+ .pa-gallery-img .pa-gallery-magnific-image span,
5844
+ .pa-gallery-img .pa-gallery-img-link span {
5845
+ line-height: 1;
5846
+ display: inline-block;
5847
+ opacity: 0;
5848
+ margin: 0 5px;
5849
+ padding: 15px;
5850
+ -webkit-border-radius: 50%;
5851
+ border-radius: 50%; }
5852
+
5853
+ .pa-gallery-img.style2 .pa-gallery-magnific-image span,
5854
+ .pa-gallery-img.style2 .pa-gallery-img-link span {
5855
+ margin: 0 5px 20px; }
5856
+
5857
+ .pa-gallery-img:hover .pa-gallery-magnific-image span {
5858
+ -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
5859
+ transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s; }
5860
+
5861
+ .pa-gallery-img:hover .pa-gallery-img-link span {
5862
+ -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
5863
+ transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s; }
5864
+
5865
+ .pa-gallery-img:hover .pa-gallery-magnific-image span,
5866
+ .pa-gallery-img:hover .pa-gallery-img-link span {
5867
+ opacity: 1; }
5868
+
5869
+ .premium-gallery-icon-show a.pa-gallery-video-icon span {
5870
+ opacity: 1; }
5871
+
5872
+ .premium-img-gallery-filter ul.premium-gallery-cats-container,
5873
+ .premium-blog-filter ul.premium-blog-filters-container {
5874
+ text-align: center;
5875
+ margin: 0;
5876
+ padding: 0; }
5877
+
5878
+ .premium-img-gallery-filter .premium-gallery-cats-container li,
5879
+ .premium-blog-filter .premium-blog-filters-container li {
5880
+ list-style: none;
5881
+ -js-display: inline-flex;
5882
+ display: -webkit-inline-box;
5883
+ display: -webkit-inline-flex;
5884
+ display: -moz-inline-box;
5885
+ display: -ms-inline-flexbox;
5886
+ display: inline-flex; }
5887
+
5888
+ .premium-img-gallery.zoomin .pa-gallery-img:hover img {
5889
+ -webkit-transform: scale(1.1);
5890
+ -ms-transform: scale(1.1);
5891
+ transform: scale(1.1); }
5892
+
5893
+ .premium-img-gallery.zoomout .pa-gallery-img:hover img {
5894
+ -webkit-transform: scale(1);
5895
+ -ms-transform: scale(1);
5896
+ transform: scale(1); }
5897
+
5898
+ .premium-img-gallery.scale .pa-gallery-img:hover img {
5899
+ -webkit-transform: scale(1.3) rotate(5deg);
5900
+ -ms-transform: scale(1.3) rotate(5deg);
5901
+ transform: scale(1.3) rotate(5deg); }
5902
+
5903
+ .premium-img-gallery.gray .pa-gallery-img:hover img {
5904
+ -webkit-filter: grayscale(0%);
5905
+ filter: grayscale(0%); }
5906
+
5907
+ .premium-img-gallery.blur .pa-gallery-img:hover img {
5908
+ -webkit-filter: blur(3px);
5909
+ filter: blur(3px); }
5910
+
5911
+ .premium-img-gallery.sepia .pa-gallery-img:hover img {
5912
+ -webkit-filter: sepia(0%);
5913
+ filter: sepia(0%); }
5914
+
5915
+ .premium-img-gallery.trans .pa-gallery-img:hover img {
5916
+ -webkit-transform: translateX(0px) scale(1.1);
5917
+ -ms-transform: translateX(0px) scale(1.1);
5918
+ transform: translateX(0px) scale(1.1); }
5919
+
5920
+ .premium-img-gallery.bright .pa-gallery-img:hover img {
5921
+ -webkit-filter: brightness(1.2);
5922
+ filter: brightness(1.2); }
5923
+
5924
+ .pa-gallery-img .premium-gallery-caption {
5925
+ padding: 10px; }
5926
+ .pa-gallery-img .premium-gallery-caption .premium-gallery-img-name {
5927
+ margin-bottom: 0; }
5928
+
5929
+ .pa-gallery-img.style1 {
5930
+ overflow: hidden; }
5931
+
5932
+ .pa-gallery-img:not(.style2) .pa-gallery-icons-wrapper {
5933
+ position: absolute;
5934
+ top: 0;
5935
+ left: 0;
5936
+ width: 100%;
5937
+ height: 100%;
5938
+ -webkit-transition: all 0.3s ease-in-out;
5939
+ transition: all 0.3s ease-in-out; }
5940
+
5941
+ .pa-gallery-img:not(.style2) .pa-gallery-icons-inner-container {
5942
+ position: absolute;
5943
+ top: 33.33%;
5944
+ width: 100%;
5945
+ text-align: center;
5946
+ -webkit-transform: translateY(-50%);
5947
+ -ms-transform: translateY(-50%);
5948
+ transform: translateY(-50%);
5949
+ z-index: 999; }
5950
+
5951
+ .pa-gallery-img.style1 .premium-gallery-caption {
5952
+ position: absolute;
5953
+ top: auto;
5954
+ right: 0;
5955
+ bottom: -1px;
5956
+ left: 0;
5957
+ width: 100%;
5958
+ -webkit-transition: all 500ms ease 0s;
5959
+ transition: all 500ms ease 0s;
5960
+ -webkit-transform: translate3d(0, 100%, 0);
5961
+ transform: translate3d(0, 100%, 0); }
5962
+
5963
+ .pa-gallery-img.style1:hover .premium-gallery-caption {
5964
+ -webkit-transform: translate3d(0, 0, 0);
5965
+ transform: translate3d(0, 0, 0);
5966
+ bottom: -1px !important; }
5967
+
5968
+ .pa-gallery-img.default .premium-gallery-caption {
5969
+ position: absolute;
5970
+ top: auto;
5971
+ right: 0;
5972
+ left: 0;
5973
+ width: 100%;
5974
+ bottom: 0; }
5975
+
5976
+ .pa-gallery-img.style2 .pa-gallery-icons-caption-container {
5977
+ position: absolute;
5978
+ top: 0;
5979
+ left: 0;
5980
+ width: 100%;
5981
+ height: 100%;
5982
+ opacity: 0;
5983
+ -webkit-backface-visibility: hidden;
5984
+ backface-visibility: hidden;
5985
+ -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
5986
+ transition: opacity 0.3s, -webkit-transform 0.3s;
5987
+ transition: transform 0.3s, opacity 0.3s;
5988
+ transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
5989
+ z-index: 1;
5990
+ background-color: rgba(108, 191, 226, 0.68);
5991
+ -js-display: flex;
5992
+ display: -webkit-box;
5993
+ display: -webkit-flex;
5994
+ display: -moz-box;
5995
+ display: -ms-flexbox;
5996
+ display: flex;
5997
+ text-align: center;
5998
+ -webkit-box-align: center;
5999
+ -webkit-align-items: center;
6000
+ -moz-box-align: center;
6001
+ -ms-flex-align: center;
6002
+ align-items: center; }
6003
+
6004
+ .pa-gallery-img.style2 .pa-gallery-icons-caption-cell {
6005
+ width: 100%; }
6006
+
6007
+ .pa-gallery-img.style2:hover .pa-gallery-icons-caption-container {
6008
+ opacity: 1;
6009
+ -webkit-transform: translate(15px, 15px);
6010
+ -ms-transform: translate(15px, 15px);
6011
+ transform: translate(15px, 15px); }
6012
+
6013
+ .premium-clearfix {
6014
+ clear: both; }
6015
+
6016
+ /**
6017
+ * Metro Layout
6018
+ */
6019
+ .premium-img-gallery-metro .premium-gallery-item {
6020
+ overflow: hidden; }
6021
+
6022
+ .premium-img-gallery-metro .pa-gallery-img {
6023
+ height: 100%; }
6024
+
6025
+ .premium-img-gallery-metro .pa-gallery-img-container {
6026
+ height: 100%; }
6027
+ .premium-img-gallery-metro .pa-gallery-img-container img {
6028
+ min-height: 100%;
6029
+ width: 100%;
6030
+ -o-object-fit: fill;
6031
+ object-fit: fill; }
6032
+
6033
+ .premium-img-gallery .premium-gallery-item-hidden {
6034
+ visibility: hidden;
6035
+ width: 0 !important;
6036
+ height: 0 !important;
6037
+ margin: 0 !important;
6038
+ padding: 0 !important; }
6039
+
6040
+ .premium-gallery-load-more {
6041
+ position: relative; }
6042
+ .premium-gallery-load-more .premium-gallery-load-more-btn {
6043
+ -webkit-box-shadow: none;
6044
+ box-shadow: none;
6045
+ text-shadow: none;
6046
+ border: none;
6047
+ outline: none;
6048
+ -webkit-box-align: center;
6049
+ -webkit-align-items: center;
6050
+ -moz-box-align: center;
6051
+ -ms-flex-align: center;
6052
+ align-items: center;
6053
+ vertical-align: bottom;
6054
+ cursor: pointer;
6055
+ line-height: 1;
6056
+ font-style: normal;
6057
+ font-weight: normal;
6058
+ background-image: none;
6059
+ color: #fff;
6060
+ -webkit-transition: all 0.3s ease-in-out;
6061
+ transition: all 0.3s ease-in-out; }
6062
+
6063
+ .premium-gallery-load-more-btn {
6064
+ -js-display: inline-flex;
6065
+ display: -webkit-inline-box;
6066
+ display: -webkit-inline-flex;
6067
+ display: -moz-inline-box;
6068
+ display: -ms-inline-flexbox;
6069
+ display: inline-flex;
6070
+ -webkit-box-align: center;
6071
+ -webkit-align-items: center;
6072
+ -moz-box-align: center;
6073
+ -ms-flex-align: center;
6074
+ align-items: center; }
6075
+
6076
+ .premium-loader {
6077
+ border: 3px solid #f3f3f3;
6078
+ border-top-width: 3px;
6079
+ border-top-style: solid;
6080
+ border-top-color: #f3f3f3;
6081
+ -webkit-border-radius: 50%;
6082
+ border-radius: 50%;
6083
+ border-top: 3px solid;
6084
+ border-top-color: #bbb;
6085
+ width: 30px;
6086
+ height: 30px;
6087
+ -webkit-animation: spin 2s linear infinite;
6088
+ animation: spin 2s linear infinite;
6089
+ margin: 0 auto; }
6090
+
6091
+ .premium-gallery-load-more-btn div {
6092
+ margin-left: 3px; }
6093
+
6094
+ .premium-gallery-load-more-btn .premium-loader {
6095
+ display: inline-block;
6096
+ width: 20px;
6097
+ height: 20px; }
6098
+
6099
+ .pa-gallery-img .pa-gallery-lightbox-wrap {
6100
+ display: inline-block; }
6101
+
6102
+ .premium-img-gallery-no-lightbox .premium-gallery-video-item .pa-gallery-img,
6103
+ .pa-gallery-img .pa-gallery-video-icon {
6104
+ cursor: pointer; }
6105
+
6106
+ .pa-gallery-img-container iframe {
6107
+ position: absolute;
6108
+ visibility: hidden;
6109
+ top: 0;
6110
+ left: 0;
6111
+ max-width: 100%;
6112
+ width: 100%;
6113
+ height: 100%;
6114
+ margin: 0;
6115
+ line-height: 1;
6116
+ border: none; }
6117
+
6118
+ .pa-gallery-img-container video {
6119
+ position: absolute;
6120
+ visibility: hidden;
6121
+ top: 0;
6122
+ left: 0;
6123
+ max-width: 100%;
6124
+ width: 100%;
6125
+ height: 100%;
6126
+ margin: 0;
6127
+ line-height: 1;
6128
+ border: none;
6129
+ -o-object-fit: contain;
6130
+ object-fit: contain; }
6131
+
6132
+ .pa-gallery-icons-inner-container svg,
6133
+ .pa-gallery-icons-caption-cell svg {
6134
+ width: 14px;
6135
+ height: 14px; }
6136
+
6137
+ .premium-gallery-gradient-layer {
6138
+ position: absolute;
6139
+ bottom: 40px;
6140
+ width: 100%;
6141
+ height: 20px;
6142
+ background: -webkit-gradient(linear, left bottom, left top, from(#17181f), to(rgba(255, 255, 255, 0)));
6143
+ background: -webkit-linear-gradient(bottom, #17181f 0%, rgba(255, 255, 255, 0) 100%);
6144
+ background: linear-gradient(to top, #17181f 0%, rgba(255, 255, 255, 0) 100%); }
6145
+
6146
+ @-webkit-keyframes spin {
6147
+ 0% {
6148
+ -webkit-transform: rotate(0deg);
6149
+ transform: rotate(0deg); }
6150
+ 100% {
6151
+ -webkit-transform: rotate(360deg);
6152
+ transform: rotate(360deg); } }
6153
+
6154
+ @keyframes spin {
6155
+ 0% {
6156
+ -webkit-transform: rotate(0deg);
6157
+ transform: rotate(0deg); }
6158
+ 100% {
6159
+ -webkit-transform: rotate(360deg);
6160
+ transform: rotate(360deg); } }
6161
+
6162
+ /************ Premium Vertical Scroll ************/
6163
+ /*************************************************/
6164
+ .premium-vscroll-inner {
6165
+ position: relative;
6166
+ min-height: 100%; }
6167
+ .premium-vscroll-inner .premium-vscroll-dots {
6168
+ position: fixed;
6169
+ z-index: 100;
6170
+ opacity: 1;
6171
+ margin-top: -32px;
6172
+ -webkit-transition: all 0.3s ease-in-out;
6173
+ transition: all 0.3s ease-in-out; }
6174
+
6175
+ .premium-vscroll-wrap .premium-vscroll-nav-menu {
6176
+ opacity: 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-dots,
6181
+ .premium-vscroll-wrap .premium-vscroll-dots-hide {
6182
+ opacity: 0;
6183
+ visibility: hidden; }
6184
+
6185
+ .premium-vscroll-nav-dots-yes .premium-vscroll-inner .premium-vscroll-dots:not(.premium-vscroll-dots-hide) {
6186
+ opacity: 1;
6187
+ visibility: visible; }
6188
+
6189
+ .premium-vscroll-dots.middle {
6190
+ top: 50%; }
6191
+
6192
+ .premium-vscroll-dots.top {
6193
+ top: 40px; }
6194
+
6195
+ .premium-vscroll-dots.bottom {
6196
+ bottom: 30px; }
6197
+
6198
+ .premium-vscroll-dots.right {
6199
+ right: 17px; }
6200
+
6201
+ .premium-vscroll-dots.left {
6202
+ left: 17px; }
6203
+
6204
+ .premium-vscroll-inner ul.premium-vscroll-dots-list,
6205
+ .premium-vscroll-wrap .premium-vscroll-nav-menu {
6206
+ margin: 0 !important;
6207
+ padding: 0; }
6208
+
6209
+ .premium-vscroll-inner ul.premium-vscroll-dots-list li {
6210
+ width: 14px;
6211
+ height: 13px;
6212
+ margin: 7px;
6213
+ position: relative;
6214
+ -js-display: flex;
6215
+ display: -webkit-box;
6216
+ display: -webkit-flex;
6217
+ display: -moz-box;
6218
+ display: -ms-flexbox;
6219
+ display: flex;
6220
+ -webkit-box-pack: center;
6221
+ -webkit-justify-content: center;
6222
+ -moz-box-pack: center;
6223
+ -ms-flex-pack: center;
6224
+ justify-content: center;
6225
+ -webkit-box-align: center;
6226
+ -webkit-align-items: center;
6227
+ -moz-box-align: center;
6228
+ -ms-flex-align: center;
6229
+ align-items: center;
6230
+ overflow: visible; }
6231
+
6232
+ .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link {
6233
+ display: block;
6234
+ position: relative;
6235
+ z-index: 1;
6236
+ width: 100%;
6237
+ height: 100%;
6238
+ cursor: pointer;
6239
+ text-decoration: none; }
6240
+ .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link span {
6241
+ top: 2px;
6242
+ left: 2.5px;
6243
+ width: 8px;
6244
+ height: 8px;
6245
+ border: 1px solid #000;
6246
+ -webkit-border-radius: 50%;
6247
+ border-radius: 50%;
6248
+ position: absolute;
6249
+ z-index: 1;
6250
+ -webkit-transition: all 0.3s ease-in-out;
6251
+ transition: all 0.3s ease-in-out; }
6252
+
6253
+ .premium-vscroll-inner .premium-vscroll-dot-item.active .premium-vscroll-nav-link span {
6254
+ -webkit-transform: scale(1.6);
6255
+ -ms-transform: scale(1.6);
6256
+ transform: scale(1.6); }
6257
+
6258
+ .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-tooltip {
6259
+ position: absolute;
6260
+ color: #fff;
6261
+ font-size: 14px;
6262
+ font-family: arial, helvetica, sans-serif;
6263
+ white-space: nowrap;
6264
+ max-width: 220px;
6265
+ padding-left: 0.4em;
6266
+ padding-right: 0.4em; }
6267
+
6268
+ .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip {
6269
+ right: 27px; }
6270
+
6271
+ .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item {
6272
+ width: 4px;
6273
+ height: 30px; }
6274
+ .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item span {
6275
+ width: 100%;
6276
+ height: 100%;
6277
+ -webkit-border-radius: 0;
6278
+ border-radius: 0; }
6279
+ .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item.active span {
6280
+ -webkit-transform: scale(1);
6281
+ -ms-transform: scale(1);
6282
+ transform: scale(1); }
6283
+
6284
+ .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip::after {
6285
+ position: absolute;
6286
+ top: 50%;
6287
+ content: "";
6288
+ left: -webkit-calc(100% - 1px);
6289
+ left: calc(100% - 1px);
6290
+ width: 10px;
6291
+ height: 0;
6292
+ border-top: 6px solid transparent;
6293
+ border-bottom: 6px solid transparent;
6294
+ border-left: 6px solid;
6295
+ -webkit-transform: translateY(-50%);
6296
+ -ms-transform: translateY(-50%);
6297
+ transform: translateY(-50%); }
6298
+
6299
+ .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip {
6300
+ left: 27px; }
6301
+ .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip::after {
6302
+ position: absolute;
6303
+ top: 50%;
6304
+ content: "";
6305
+ right: -webkit-calc(100% - 1px);
6306
+ right: calc(100% - 1px);
6307
+ width: 10px;
6308
+ height: 0;
6309
+ border-top: 6px solid transparent;
6310
+ border-bottom: 6px solid transparent;
6311
+ border-right: 6px solid;
6312
+ -webkit-transform: translateY(-50%);
6313
+ -ms-transform: translateY(-50%);
6314
+ transform: translateY(-50%); }
6315
+
6316
+ /* * Lines */
6317
+ @media (max-width: 768px) {
6318
+ .premium-vscroll-dots.right {
6319
+ right: 7px; }
6320
+ .premium-vscroll-dots.left {
6321
+ left: 7px; } }
6322
+
6323
+ .premium-vscroll-nav-menu {
6324
+ position: fixed;
6325
+ top: 20px;
6326
+ height: 40px;
6327
+ z-index: 100;
6328
+ padding: 0;
6329
+ margin: 0; }
6330
+ .premium-vscroll-nav-menu.left {
6331
+ left: 0; }
6332
+ .premium-vscroll-nav-menu.right {
6333
+ right: 0; }
6334
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item {
6335
+ display: inline-block;
6336
+ margin: 10px;
6337
+ color: #000;
6338
+ background: #fff;
6339
+ background: rgba(255, 255, 255, 0.3); }
6340
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link {
6341
+ padding: 9px 18px;
6342
+ display: block;
6343
+ cursor: pointer;
6344
+ color: #000; }
6345
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:hover {
6346
+ color: #000; }
6347
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:focus {
6348
+ outline: none; }
6349
+
6350
+ .multiscroll-nav li a:focus {
6351
+ outline: none; }
6352
+
6353
+ .premium-vscroll-temp .slimScrollBar {
6354
+ visibility: hidden; }
6355
+
6356
+ /************ Premium Image Scroll ************/
6357
+ /**********************************************/
6358
+ .premium-image-scroll-section,
6359
+ .premium-image-scroll-container {
6360
+ -webkit-transition: all 0.3s ease-in-out;
6361
+ transition: all 0.3s ease-in-out; }
6362
+
6363
+ .premium-image-scroll-section {
6364
+ position: relative;
6365
+ overflow: hidden;
6366
+ width: 100%;
6367
+ -webkit-mask-image: -webkit-radial-gradient(white, black); }
6368
+
6369
+ .premium-image-scroll-container {
6370
+ width: 100%; }
6371
+ .premium-image-scroll-container .premium-image-scroll-mask-media {
6372
+ -webkit-mask-repeat: no-repeat;
6373
+ mask-repeat: no-repeat;
6374
+ -webkit-mask-position: center;
6375
+ mask-position: center; }
6376
+
6377
+ .premium-container-scroll {
6378
+ overflow: auto; }
6379
+
6380
+ .premium-image-scroll-container .premium-image-scroll-horizontal {
6381
+ position: relative;
6382
+ width: 100%;
6383
+ height: 100%; }
6384
+ .premium-image-scroll-container .premium-image-scroll-horizontal img {
6385
+ max-width: none;
6386
+ height: 100%; }
6387
+
6388
+ .premium-image-scroll-container .premium-image-scroll-vertical img {
6389
+ width: 100%;
6390
+ max-width: 100%;
6391
+ height: auto; }
6392
+
6393
+ .premium-image-scroll-ver {
6394
+ position: relative; }
6395
+
6396
+ .premium-image-scroll-container .premium-image-scroll-overlay {
6397
+ background: rgba(2, 2, 2, 0.3); }
6398
+
6399
+ .premium-image-scroll-container .premium-image-scroll-link,
6400
+ .premium-image-scroll-container .premium-image-scroll-overlay {
6401
+ position: absolute;
6402
+ top: 0;
6403
+ bottom: 0;
6404
+ left: 0;
6405
+ right: 0;
6406
+ z-index: 4; }
6407
+
6408
+ .premium-image-scroll-content {
6409
+ display: inline-block;
6410
+ position: absolute;
6411
+ height: auto;
6412
+ top: 50%;
6413
+ left: 50%;
6414
+ text-align: center;
6415
+ z-index: 5;
6416
+ -webkit-transform: translate(-50%, -50%);
6417
+ -ms-transform: translate(-50%, -50%);
6418
+ transform: translate(-50%, -50%); }
6419
+
6420
+ .premium-container-scroll-instant .premium-image-scroll-image {
6421
+ -webkit-transition: all 0s ease-in-out !important;
6422
+ transition: all 0s ease-in-out !important; }
6423
+
6424
+ .premium-image-scroll-container img {
6425
+ -webkit-transition: -webkit-transform 3s ease-in-out;
6426
+ transition: -webkit-transform 3s ease-in-out;
6427
+ transition: transform 3s ease-in-out;
6428
+ transition: transform 3s ease-in-out, -webkit-transform 3s ease-in-out; }
6429
+
6430
+ .premium-image-scroll-container .premium-image-scroll-overlay,
6431
+ .premium-image-scroll-container .premium-image-scroll-content {
6432
+ -webkit-transition: all 0.3s ease-in-out;
6433
+ transition: all 0.3s ease-in-out;
6434
+ opacity: 1; }
6435
+
6436
+ .premium-image-scroll-container:hover .premium-image-scroll-overlay {
6437
+ opacity: 0; }
6438
+
6439
+ .premium-image-scroll-container:hover .premium-image-scroll-content {
6440
+ opacity: 0;
6441
+ visibility: hidden; }
6442
+
6443
+ .premium-image-scroll-content .premium-image-scroll-icon {
6444
+ display: inline-block;
6445
+ font-family: "pa-elements" !important;
6446
+ speak: none;
6447
+ font-style: normal;
6448
+ font-weight: normal;
6449
+ font-variant: normal;
6450
+ text-transform: none;
6451
+ line-height: 1;
6452
+ -webkit-font-smoothing: antialiased;
6453
+ -moz-osx-font-smoothing: grayscale;
6454
+ -webkit-animation-duration: 0.5s;
6455
+ animation-duration: 0.5s;
6456
+ -webkit-animation-iteration-count: infinite;
6457
+ animation-iteration-count: infinite;
6458
+ -webkit-animation-direction: alternate;
6459
+ animation-direction: alternate;
6460
+ -webkit-animation-timing-function: ease-in-out;
6461
+ animation-timing-function: ease-in-out; }
6462
+
6463
+ .pa-horizontal-mouse-scroll:before {
6464
+ content: "\e921"; }
6465
+
6466
+ .pa-vertical-mouse-scroll:before {
6467
+ content: "\e922"; }
6468
+
6469
+ .pa-horizontal-mouse-scroll {
6470
+ -webkit-animation-name: pa-scroll-horizontal;
6471
+ animation-name: pa-scroll-horizontal; }
6472
+
6473
+ .pa-vertical-mouse-scroll {
6474
+ -webkit-animation-name: pa-scroll-vertical;
6475
+ animation-name: pa-scroll-vertical; }
6476
+
6477
+ @-webkit-keyframes pa-scroll-vertical {
6478
+ 0% {
6479
+ -webkit-transform: translateY(0px);
6480
+ transform: translateY(0px); }
6481
+ 100% {
6482
+ -webkit-transform: translateY(5px);
6483
+ transform: translateY(5px); } }
6484
+
6485
+ @keyframes pa-scroll-vertical {
6486
+ 0% {
6487
+ -webkit-transform: translateY(0px);
6488
+ transform: translateY(0px); }
6489
+ 100% {
6490
+ -webkit-transform: translateY(5px);
6491
+ transform: translateY(5px); } }
6492
+
6493
+ @-webkit-keyframes pa-scroll-horizontal {
6494
+ 0% {
6495
+ -webkit-transform: translateX(0px);
6496
+ transform: translateX(0px); }
6497
+ 100% {
6498
+ -webkit-transform: translateX(5px);
6499
+ transform: translateX(5px); } }
6500
+
6501
+ @keyframes pa-scroll-horizontal {
6502
+ 0% {
6503
+ -webkit-transform: translateX(0px);
6504
+ transform: translateX(0px); }
6505
+ 100% {
6506
+ -webkit-transform: translateX(5px);
6507
+ transform: translateX(5px); } }
6508
+
6509
+ /********* Premium Lottie Animations *********/
6510
+ /*********************************************/
6511
+ .premium-lottie-wrap .premium-lottie-animation {
6512
+ position: relative;
6513
+ -js-display: inline-flex;
6514
+ display: -webkit-inline-box;
6515
+ display: -webkit-inline-flex;
6516
+ display: -moz-inline-box;
6517
+ display: -ms-inline-flexbox;
6518
+ display: inline-flex;
6519
+ -webkit-transition: all 0.3s ease-in-out;
6520
+ transition: all 0.3s ease-in-out; }
6521
+ .premium-lottie-wrap .premium-lottie-animation a {
6522
+ position: absolute;
6523
+ left: 0;
6524
+ top: 0;
6525
+ width: 100%;
6526
+ height: 100%;
6527
+ z-index: 2; }
6528
+
6529
+ /**************** Premium Bullet List ****************/
6530
+ /*****************************************************/
6531
+ .premium-bullet-list-box {
6532
+ -js-display: flex;
6533
+ display: -webkit-box;
6534
+ display: -webkit-flex;
6535
+ display: -moz-box;
6536
+ display: -ms-flexbox;
6537
+ display: flex;
6538
+ -webkit-flex-wrap: wrap;
6539
+ -ms-flex-wrap: wrap;
6540
+ flex-wrap: wrap;
6541
+ -webkit-box-orient: vertical;
6542
+ -webkit-box-direction: normal;
6543
+ -webkit-flex-direction: column;
6544
+ -moz-box-orient: vertical;
6545
+ -moz-box-direction: normal;
6546
+ -ms-flex-direction: column;
6547
+ flex-direction: column; }
6548
+ .premium-bullet-list-box .premium-bullet-list-content-grow-lc {
6549
+ -webkit-transform-origin: left center;
6550
+ -ms-transform-origin: left center;
6551
+ transform-origin: left center; }
6552
+ .premium-bullet-list-box .premium-bullet-list-content-grow-rc {
6553
+ -webkit-transform-origin: right center;
6554
+ -ms-transform-origin: right center;
6555
+ transform-origin: right center; }
6556
+ .premium-bullet-list-box .premium-bullet-list-content-grow-cc {
6557
+ -webkit-transform-origin: center center;
6558
+ -ms-transform-origin: center center;
6559
+ transform-origin: center center; }
6560
+
6561
+ .premium-bullet-list-content {
6562
+ -js-display: flex;
6563
+ display: -webkit-box;
6564
+ display: -webkit-flex;
6565
+ display: -moz-box;
6566
+ display: -ms-flexbox;
6567
+ display: flex;
6568
+ -webkit-transition: all 0.3s ease-in-out;
6569
+ transition: all 0.3s ease-in-out;
6570
+ width: auto;
6571
+ position: relative; }
6572
+ .premium-bullet-list-content .premium-bullet-list-text span,
6573
+ .premium-bullet-list-content .premium-bullet-list-wrapper {
6574
+ display: inline-block;
6575
+ -webkit-align-self: center;
6576
+ -ms-flex-item-align: center;
6577
+ align-self: center;
6578
+ -webkit-transition: all 0.3s ease-in-out;
6579
+ transition: all 0.3s ease-in-out; }
6580
+ .premium-bullet-list-content .premium-bullet-list-text span {
6581
+ margin: 0 5px; }
6582
+ .premium-bullet-list-content .premium-bullet-list-icon-text p {
6583
+ font-size: 18px;
6584
+ background-color: #eee;
6585
+ padding: 1px 5px;
6586
+ -webkit-border-radius: 2px;
6587
+ border-radius: 2px; }
6588
+ .premium-bullet-list-content .premium-bullet-list-text span,
6589
+ .premium-bullet-list-content .premium-bullet-list-icon-text p,
6590
+ .premium-bullet-list-content .premium-bullet-list-wrapper img,
6591
+ .premium-bullet-list-content .premium-bullet-list-wrapper svg,
6592
+ .premium-bullet-list-content .premium-bullet-list-wrapper i {
6593
+ -webkit-transition: all 0.3s ease-in-out;
6594
+ transition: all 0.3s ease-in-out; }
6595
+ .premium-bullet-list-content .premium-bullet-list-wrapper {
6596
+ position: relative;
6597
+ line-height: 0; }
6598
+ .premium-bullet-list-content .premium-bullet-list-wrapper img,
6599
+ .premium-bullet-list-content .premium-bullet-list-wrapper svg {
6600
+ width: 30px !important;
6601
+ height: 30px !important;
6602
+ position: relative;
6603
+ z-index: 500; }
6604
+ .premium-bullet-list-content .premium-bullet-list-wrapper i,
6605
+ .premium-bullet-list-content .premium-bullet-list-wrapper .premium-bullet-list-icon-text {
6606
+ position: relative;
6607
+ z-index: 500; }
6608
+ .premium-bullet-list-content .premium-bullet-list-wrapper i {
6609
+ width: 1.25em; }
6610
+ .premium-bullet-list-content .premium-bullet-list-link {
6611
+ position: absolute;
6612
+ top: 0;
6613
+ left: 0;
6614
+ width: 100%;
6615
+ height: 100%;
6616
+ z-index: 1000; }
6617
+
6618
+ .premium-bullet-list-content:not(:last-of-type) .premium-bullet-list-connector {
6619
+ width: 100%;
6620
+ height: 100%;
6621
+ position: absolute;
6622
+ top: 0.5em;
6623
+ z-index: 100;
6624
+ -js-display: flex;
6625
+ display: -webkit-box;
6626
+ display: -webkit-flex;
6627
+ display: -moz-box;
6628
+ display: -ms-flexbox;
6629
+ display: flex;
6630
+ -webkit-box-pack: center;
6631
+ -webkit-justify-content: center;
6632
+ -moz-box-pack: center;
6633
+ -ms-flex-pack: center;
6634
+ justify-content: center; }
6635
+ .premium-bullet-list-content:not(:last-of-type) .premium-bullet-list-connector .premium-icon-connector-content:after {
6636
+ content: "";
6637
+ border-right-width: 1px;
6638
+ border-right-style: solid;
6639
+ border-color: #333333;
6640
+ display: block;
6641
+ height: 100%; }
6642
+
6643
+ li.premium-bullet-list-content.premium-bullet-list-content-inline {
6644
+ -webkit-align-self: center;
6645
+ -ms-flex-item-align: center;
6646
+ align-self: center;
6647
+ z-index: 2; }
6648
+
6649
+ li.premium-bullet-list-content.premium-bullet-list-content-inline:not(:first-child) {
6650
+ margin: 0 3px; }
6651
+
6652
+ li.premium-bullet-list-content.premium-bullet-list-content-inline:first-child {
6653
+ margin: 0 3px 0 0; }
6654
+
6655
+ .premium-bullet-list-divider:not(:last-child) {
6656
+ width: 100%;
6657
+ -webkit-box-flex: 0;
6658
+ -webkit-flex: 0 0 100%;
6659
+ -moz-box-flex: 0;
6660
+ -ms-flex: 0 0 100%;
6661
+ flex: 0 0 100%;
6662
+ overflow: hidden; }
6663
+
6664
+ .premium-bullet-list-divider:not(:last-child):after {
6665
+ content: "";
6666
+ display: block;
6667
+ border-top-style: solid;
6668
+ border-top-width: 1px; }
6669
+
6670
+ .premium-bullet-list-divider-inline:not(:last-child) {
6671
+ float: right;
6672
+ display: inline-block;
6673
+ position: relative;
6674
+ height: 100%;
6675
+ overflow: hidden;
6676
+ -webkit-align-self: center;
6677
+ -ms-flex-item-align: center;
6678
+ align-self: center;
6679
+ margin: 0 3px; }
6680
+
6681
+ .premium-bullet-list-divider-inline:not(:last-child):after {
6682
+ content: "";
6683
+ display: block;
6684
+ border-left-width: 1px;
6685
+ height: 33px;
6686
+ border-left-style: solid; }
6687
+
6688
+ .premium-bullet-list-icon-text {
6689
+ line-height: 1.5; }
6690
+
6691
+ .premium-bullet-list-icon-text p,
6692
+ ul.premium-bullet-list-box,
6693
+ li.premium-bullet-list-content {
6694
+ margin: 0; }
6695
+
6696
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper i,
6697
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-text span,
6698
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-icon-text p {
6699
+ color: transparent !important;
6700
+ text-shadow: 0 0 3px #aaa; }
6701
+
6702
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-icon-connector-content,
6703
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper .premium-lottie-animation svg,
6704
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper img,
6705
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-badge {
6706
+ -webkit-filter: blur(3px);
6707
+ filter: blur(3px); }
6708
+
6709
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper i,
6710
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-text span,
6711
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-icon-text p {
6712
+ color: #aaa !important;
6713
+ text-shadow: 0 0px 0 transparent; }
6714
+
6715
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-icon-connector-content,
6716
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper .premium-lottie-animation svg,
6717
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper img,
6718
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-badge {
6719
+ -webkit-filter: none;
6720
+ filter: none; }
6721
+
6722
+ .premium-bullet-list-content .premium-bullet-list-badge {
6723
+ font-size: 11px;
6724
+ top: auto;
6725
+ min-width: -webkit-max-content;
6726
+ min-width: -moz-max-content;
6727
+ min-width: max-content;
6728
+ height: -webkit-fit-content;
6729
+ height: -moz-fit-content;
6730
+ height: fit-content; }
6731
+
6732
+ .premium-bullet-list-content .premium-bullet-list-icon-text p {
6733
+ font-size: 13px; }
6734
+
6735
+ .premium-bullet-list-gradient-effect[data-text] {
6736
+ display: inline-block;
6737
+ position: relative;
6738
+ text-decoration: none; }
6739
+
6740
+ .premium-bullet-list-gradient-effect[data-text]::before {
6741
+ content: attr(data-text);
6742
+ position: absolute;
6743
+ z-index: 1;
6744
+ overflow: hidden;
6745
+ -webkit-clip-path: polygon(0 0, 1px 0, 1px 100%, 0 100%);
6746
+ clip-path: polygon(0 0, 1px 0, 1px 100%, 0 100%);
6747
+ -webkit-background-clip: text;
6748
+ background-clip: text;
6749
+ -webkit-text-fill-color: transparent;
6750
+ -webkit-transition: all 0.4s ease;
6751
+ transition: all 0.4s ease; }
6752
+
6753
+ .premium-bullet-list-content:hover .premium-bullet-list-gradient-effect[data-text]::before,
6754
+ .premium-bullet-list-content:focus .premium-bullet-list-gradient-effect[data-text]::before {
6755
+ -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
6756
+ clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
6757
+
6758
+ ul[data-list-animation*="animated-"] .premium-bullet-list-divider,
6759
+ ul[data-list-animation*="animated-"] .premium-bullet-list-content,
6760
+ ul[data-list-animation*="animated-"] .premium-bullet-list-divider-inline {
6761
+ opacity: 0; }
6762
+
6763
+ .premium-bullet-list-content-grow-effect:hover {
6764
+ -webkit-transform: scale(1.07);
6765
+ -ms-transform: scale(1.07);
6766
+ transform: scale(1.07); }
6767
+
6768
+ @keyframes spin {
6769
+ 100% {
6770
+ -webkit-transform: rotate(360deg);
6771
+ transform: rotate(360deg); } }
6772
+
6773
+ /********** Premium Woo Products **********/
6774
+ /******************************************/
6775
+ .premium-woocommerce .premium-woo-products-inner ul.products {
6776
+ -js-display: flex;
6777
+ display: -webkit-box;
6778
+ display: -webkit-flex;
6779
+ display: -moz-box;
6780
+ display: -ms-flexbox;
6781
+ display: flex;
6782
+ margin: 0;
6783
+ padding: 0;
6784
+ -webkit-flex-wrap: wrap;
6785
+ -ms-flex-wrap: wrap;
6786
+ flex-wrap: wrap;
6787
+ list-style: none outside;
6788
+ -webkit-column-gap: 0;
6789
+ -moz-column-gap: 0;
6790
+ column-gap: 0; }
6791
+ .premium-woocommerce .premium-woo-products-inner ul.products li.product {
6792
+ margin: 0 0 10px;
6793
+ padding: 0 10px; }
6794
+ .premium-woocommerce .premium-woo-products-inner ul.products li.product .premium-woo-product-wrapper {
6795
+ overflow: hidden;
6796
+ -webkit-transition: all 0.3s ease-in-out;
6797
+ transition: all 0.3s ease-in-out; }
6798
+ .premium-woocommerce .premium-woo-products-inner ul.products li.product .premium-woo-product-category {
6799
+ display: block;
6800
+ font-size: 0.85em;
6801
+ margin-bottom: 0.5em;
6802
+ line-height: 1.3; }
6803
+ .premium-woocommerce .premium-woo-products-inner ul.products li.product .woocommerce-loop-product__title {
6804
+ margin-bottom: 0.5em;
6805
+ font-size: 1em;
6806
+ -webkit-transition: all 0.3s ease-in-out;
6807
+ transition: all 0.3s ease-in-out; }
6808
+ .premium-woocommerce .premium-woo-products-inner ul.products .star-rating {
6809
+ display: block;
6810
+ float: none;
6811
+ margin: 0 auto 0.5em;
6812
+ -webkit-backface-visibility: hidden;
6813
+ backface-visibility: hidden;
6814
+ overflow: hidden;
6815
+ position: relative;
6816
+ height: 1em;
6817
+ line-height: 1;
6818
+ font-size: 0.857em;
6819
+ width: 5.4em;
6820
+ font-family: star; }
6821
+ .premium-woocommerce .premium-woo-products-inner ul.products .star-rating::before {
6822
+ content: "\73\73\73\73\73";
6823
+ color: #54595f;
6824
+ float: left;
6825
+ top: 0;
6826
+ left: 0;
6827
+ position: absolute; }
6828
+ .premium-woocommerce .premium-woo-products-inner ul.products .star-rating span {
6829
+ overflow: hidden;
6830
+ float: left;
6831
+ top: 0;
6832
+ left: 0;
6833
+ position: absolute;
6834
+ padding-top: 1.5em; }
6835
+ .premium-woocommerce .premium-woo-products-inner ul.products .star-rating span::before {
6836
+ content: "\53\53\53\53\53";
6837
+ color: inherit;
6838
+ top: 0;
6839
+ position: absolute;
6840
+ left: 0; }
6841
+
6842
+ .premium-woocommerce .woocommerce-loop-product__link {
6843
+ position: relative;
6844
+ display: block;
6845
+ overflow: hidden;
6846
+ -webkit-transition: all 0.3s ease-in-out;
6847
+ transition: all 0.3s ease-in-out; }
6848
+
6849
+ .premium-woocommerce .premium-woo-ribbon-container {
6850
+ position: absolute;
6851
+ top: 0;
6852
+ left: 0;
6853
+ z-index: 9; }
6854
+
6855
+ .premium-woo-product-thumbnail {
6856
+ position: relative;
6857
+ overflow: hidden; }
6858
+ .premium-woo-product-thumbnail .woocommerce-loop-product__link img {
6859
+ margin: 0;
6860
+ width: 100%; }
6861
+
6862
+ .premium-woo-product-sale-wrap,
6863
+ .premium-woo-product-featured-wrap {
6864
+ margin: 0; }
6865
+
6866
+ .premium-woo-product-sale-wrap .premium-woo-product-onsale,
6867
+ .premium-woo-product-featured-wrap .premium-woo-product-featured {
6868
+ display: block;
6869
+ text-align: center;
6870
+ color: #fff;
6871
+ min-width: 2em;
6872
+ min-height: 2em;
6873
+ line-height: 2em;
6874
+ padding: 0.3em 0.6em;
6875
+ margin: 0.5em 0.6em; }
6876
+
6877
+ .premium-woocommerce .premium-woo-products-details-wrap {
6878
+ padding: 1em 1.2em; }
6879
+ .premium-woocommerce .premium-woo-products-details-wrap .button {
6880
+ display: inline-block;
6881
+ background-color: #6ec1e4;
6882
+ color: #fff;
6883
+ margin: 0.5em 0;
6884
+ line-height: 1.3;
6885
+ padding: 10px 40px;
6886
+ font-size: 100%;
6887
+ cursor: pointer;
6888
+ text-decoration: none;
6889
+ overflow: visible;
6890
+ font-weight: 700;
6891
+ background-image: none;
6892
+ border: none;
6893
+ -webkit-border-radius: 0px;
6894
+ border-radius: 0px;
6895
+ -webkit-box-shadow: none;
6896
+ box-shadow: none;
6897
+ text-shadow: none;
6898
+ -webkit-transition: all 0.3s ease-in-out;
6899
+ transition: all 0.3s ease-in-out; }
6900
+
6901
+ .premium-woocommerce li.product .price {
6902
+ display: block;
6903
+ line-height: 1.3;
6904
+ font-weight: 700;
6905
+ margin-bottom: 0.5em;
6906
+ font-size: 0.9em; }
6907
+ .premium-woocommerce li.product .price del {
6908
+ display: inline-block;
6909
+ font-weight: 400;
6910
+ background: transparent; }
6911
+ .premium-woocommerce li.product .price ins {
6912
+ display: inline-block;
6913
+ background: transparent;
6914
+ text-decoration: none;
6915
+ font-weight: inherit; }
6916
+ .premium-woocommerce li.product .price .amount {
6917
+ color: inherit !important; }
6918
+
6919
+ .premium-woocommerce li.product .premium-woo-product-desc p {
6920
+ margin: 0; }
6921
+
6922
+ .premium-woo-product-align-left .premium-woocommerce li.product .star-rating {
6923
+ margin-left: 0;
6924
+ margin-right: auto; }
6925
+
6926
+ .premium-woo-product-align-center .premium-woocommerce li.product .star-rating {
6927
+ margin-left: auto;
6928
+ margin-right: auto; }
6929
+
6930
+ .premium-woo-product-align-right .premium-woocommerce li.product .star-rating {
6931
+ margin-left: auto;
6932
+ margin-right: 0; }
6933
+
6934
+ .premium-woo-products-pagination ul.page-numbers {
6935
+ -js-display: flex;
6936
+ display: -webkit-box;
6937
+ display: -webkit-flex;
6938
+ display: -moz-box;
6939
+ display: -ms-flexbox;
6940
+ display: flex;
6941
+ list-style-type: none;
6942
+ margin: 0;
6943
+ margin-top: 10px;
6944
+ padding: 0;
6945
+ border: none;
6946
+ -webkit-box-pack: center;
6947
+ -webkit-justify-content: center;
6948
+ -moz-box-pack: center;
6949
+ -ms-flex-pack: center;
6950
+ justify-content: center; }
6951
+ .premium-woo-products-pagination ul.page-numbers li {
6952
+ margin: 0 0.4em 0.4em 0;
6953
+ padding: 0;
6954
+ text-align: center; }
6955
+ .premium-woo-products-pagination ul.page-numbers li .page-numbers {
6956
+ margin: 0;
6957
+ text-decoration: none;
6958
+ color: #000;
6959
+ border: 1px solid #54595f;
6960
+ padding: 0;
6961
+ line-height: 1;
6962
+ font-size: 1em;
6963
+ font-weight: 400;
6964
+ padding: 0.75em;
6965
+ display: block;
6966
+ min-width: 2.5em;
6967
+ -webkit-transition: all 0.3s ease-in-out;
6968
+ transition: all 0.3s ease-in-out; }
6969
+ .premium-woo-products-pagination ul.page-numbers li .page-numbers:hover, .premium-woo-products-pagination ul.page-numbers li .page-numbers.current {
6970
+ background-color: #54595f;
6971
+ color: #fff;
6972
+ outline: none; }
6973
+
6974
+ .premium-woocommerce .premium-loading-feed,
6975
+ .premium-woo-quick-view-loader .premium-loading-feed {
6976
+ display: block;
6977
+ position: absolute;
6978
+ width: 100%;
6979
+ height: 100%;
6980
+ top: 0px;
6981
+ left: 0px;
6982
+ bottom: 0px;
6983
+ right: 0px;
6984
+ background: rgba(255, 255, 255, 0.2);
6985
+ -js-display: flex;
6986
+ display: -webkit-box;
6987
+ display: -webkit-flex;
6988
+ display: -moz-box;
6989
+ display: -ms-flexbox;
6990
+ display: flex;
6991
+ -webkit-box-align: center;
6992
+ -webkit-align-items: center;
6993
+ -moz-box-align: center;
6994
+ -ms-flex-align: center;
6995
+ align-items: center; }
6996
+
6997
+ /**
6998
+ * Image Hover Effects
6999
+ */
7000
+ .premium-woocommerce .woocommerce-loop-product__link img {
7001
+ -webkit-transition: all 0.3s ease-in-out;
7002
+ transition: all 0.3s ease-in-out; }
7003
+
7004
+ .premium-woo-product__hover-zoomout .woocommerce-loop-product__link img {
7005
+ -webkit-transform: scale(1.2);
7006
+ -ms-transform: scale(1.2);
7007
+ transform: scale(1.2); }
7008
+
7009
+ .premium-woo-product__hover-zoomout li.product:hover .woocommerce-loop-product__link img {
7010
+ -webkit-transform: none;
7011
+ -ms-transform: none;
7012
+ transform: none; }
7013
+
7014
+ .premium-woo-product__hover-zoomin .woocommerce-loop-product__link img {
7015
+ -webkit-transform: none;
7016
+ -ms-transform: none;
7017
+ transform: none; }
7018
+
7019
+ .premium-woo-product__hover-zoomin li.product:hover .woocommerce-loop-product__link img {
7020
+ -webkit-transform: scale(1.2);
7021
+ -ms-transform: scale(1.2);
7022
+ transform: scale(1.2); }
7023
+
7024
+ .premium-woo-product__hover-gray .woocommerce-loop-product__link img {
7025
+ -webkit-filter: grayscale(100%);
7026
+ filter: grayscale(100%); }
7027
+
7028
+ .premium-woo-product__hover-gray li.product:hover .woocommerce-loop-product__link img {
7029
+ -webkit-filter: grayscale(0%);
7030
+ filter: grayscale(0%); }
7031
+
7032
+ .premium-woo-product__hover-sepia .woocommerce-loop-product__link img {
7033
+ -webkit-filter: sepia(30%);
7034
+ filter: sepia(30%); }
7035
+
7036
+ .premium-woo-product__hover-sepia li.product:hover .woocommerce-loop-product__link img {
7037
+ -webkit-filter: sepia(0%);
7038
+ filter: sepia(0%); }
7039
+
7040
+ .premium-woo-product__hover-bright .woocommerce-loop-product__link img {
7041
+ -webkit-filter: brightness(1);
7042
+ filter: brightness(1); }
7043
+
7044
+ .premium-woo-product__hover-bright li.product:hover .woocommerce-loop-product__link img {
7045
+ -webkit-filter: brightness(1.2);
7046
+ filter: brightness(1.2); }
7047
+
7048
+ .premium-woo-product__hover-trans .woocommerce-loop-product__link img {
7049
+ -webkit-transform: translateX(-15px) scale(1.1);
7050
+ -ms-transform: translateX(-15px) scale(1.1);
7051
+ transform: translateX(-15px) scale(1.1); }
7052
+
7053
+ .premium-woo-product__hover-trans li.product:hover .woocommerce-loop-product__link img {
7054
+ -webkit-transform: translateX(0px) scale(1.1);
7055
+ -ms-transform: translateX(0px) scale(1.1);
7056
+ transform: translateX(0px) scale(1.1); }
7057
+
7058
+ .premium-woo-product__hover-scale li.product:hover .woocommerce-loop-product__link img {
7059
+ -webkit-transform: scaleX(1.3) scaleY(1.3) rotate(5deg);
7060
+ -ms-transform: scaleX(1.3) scaleY(1.3) rotate(5deg);
7061
+ transform: scaleX(1.3) scaleY(1.3) rotate(5deg); }
7062
+
7063
+ .premium-woocommerce .premium-woo-product__on_hover {
7064
+ position: absolute;
7065
+ top: 0;
7066
+ right: 0;
7067
+ bottom: 0;
7068
+ left: 0;
7069
+ height: 100%;
7070
+ opacity: 0; }
7071
+
7072
+ .premium-woo-product__hover-swap li.product:hover .premium-woo-product__on_hover {
7073
+ opacity: 1; }
7074
+
7075
+ .premium-woo-skin-grid-1 .premium-woo-qv-btn,
7076
+ .premium-woo-skin-grid-3 .premium-woo-qv-btn,
7077
+ .premium-woo-skin-grid-4 .premium-woo-qv-btn {
7078
+ position: absolute;
7079
+ bottom: 0;
7080
+ left: 0;
7081
+ width: 100%;
7082
+ text-align: center;
7083
+ padding: 5px;
7084
+ background: rgba(2, 2, 2, 0.5);
7085
+ color: #fff;
7086
+ -webkit-transition: all 0.3s ease-in-out;
7087
+ transition: all 0.3s ease-in-out;
7088
+ cursor: pointer;
7089
+ z-index: 2;
7090
+ -webkit-transform: translateY(100%);
7091
+ -ms-transform: translateY(100%);
7092
+ transform: translateY(100%); }
7093
+
7094
+ .premium-woo-skin-grid-4 .premium-woo-qv-btn {
7095
+ -webkit-transition-delay: 0.1s;
7096
+ transition-delay: 0.1s; }
7097
+
7098
+ .premium-woo-skin-grid-1 .premium-woo-qv-icon,
7099
+ .premium-woo-skin-grid-3 .premium-woo-qv-icon,
7100
+ .premium-woo-skin-grid-4 .premium-woo-qv-icon,
7101
+ .premium-woo-skin-grid-6 .premium-woo-qv-icon {
7102
+ margin-left: 0.5em; }
7103
+
7104
+ .premium-woo-product-thumbnail:hover .premium-woo-qv-btn-translate {
7105
+ -webkit-transform: translateY(0);
7106
+ -ms-transform: translateY(0);
7107
+ transform: translateY(0); }
7108
+
7109
+ .premium-woo-product-wrapper .premium-woo-qv-data {
7110
+ position: absolute;
7111
+ top: 0;
7112
+ left: 0;
7113
+ width: 100%;
7114
+ height: 100%;
7115
+ z-index: 1;
7116
+ overflow: hidden;
7117
+ cursor: pointer; }
7118
+
7119
+ /**
7120
+ * Skin 1,4
7121
+ */
7122
+ .premium-woo-skin-grid-1 .premium-woo-product-actions-wrapper,
7123
+ .premium-woo-skin-grid-4 .premium-woo-product-actions-wrapper {
7124
+ position: absolute;
7125
+ top: 0.7em;
7126
+ right: 1em;
7127
+ -webkit-transform: translate3d(15px, 0, 0);
7128
+ transform: translate3d(15px, 0, 0);
7129
+ -webkit-transition: all 0.3s ease-in-out;
7130
+ transition: all 0.3s ease-in-out;
7131
+ opacity: 0;
7132
+ z-index: 9; }
7133
+
7134
+ .premium-woocommerce .premium-woo-product-actions-wrapper .premium-woo-cart-btn {
7135
+ position: relative;
7136
+ display: block;
7137
+ margin: 0 0 3px;
7138
+ background: #fff;
7139
+ text-align: center;
7140
+ outline: 0;
7141
+ -webkit-transition: all 0.3s ease-in-out;
7142
+ transition: all 0.3s ease-in-out; }
7143
+
7144
+ .premium-woocommerce .premium-woo-product-actions-wrapper .premium-woo-add-cart-icon {
7145
+ display: block;
7146
+ color: #54595f;
7147
+ width: 30px;
7148
+ line-height: 30px;
7149
+ height: 30px;
7150
+ cursor: pointer;
7151
+ -webkit-transition: all 0.3s ease-in-out;
7152
+ transition: all 0.3s ease-in-out; }
7153
+
7154
+ .premium-woo-skin-grid-1 li.product:hover .premium-woo-product-actions-wrapper,
7155
+ .premium-woo-skin-grid-4 li.product:hover .premium-woo-product-actions-wrapper {
7156
+ -webkit-transform: translate3d(5px, 0, 0);
7157
+ transform: translate3d(5px, 0, 0);
7158
+ opacity: 1; }
7159
+
7160
+ .premium-woocommerce .premium-woo-cart-btn.adding .premium-woo-add-cart-icon {
7161
+ -webkit-animation: spin 2s linear infinite;
7162
+ animation: spin 2s linear infinite; }
7163
+
7164
+ .premium-woocommerce .premium-woo-cart-btn.adding .premium-woo-add-cart-icon::before {
7165
+ content: "\f013"; }
7166
+
7167
+ .premium-woocommerce .premium-woo-cart-btn.added .premium-woo-add-cart-icon::before {
7168
+ content: "\f00c"; }
7169
+
7170
+ /**
7171
+ * Skin 2
7172
+ */
7173
+ .premium-woo-skin-grid-2 li.product .premium-woo-products-details-wrap {
7174
+ position: absolute;
7175
+ background: #fff;
7176
+ bottom: 0;
7177
+ left: 0;
7178
+ width: 100%;
7179
+ z-index: 2;
7180
+ padding: 0;
7181
+ opacity: 0;
7182
+ -webkit-transition: opacity 0.2s, -webkit-transform 0.4s;
7183
+ transition: opacity 0.2s, -webkit-transform 0.4s;
7184
+ transition: transform 0.4s, opacity 0.2s;
7185
+ transition: transform 0.4s, opacity 0.2s, -webkit-transform 0.4s;
7186
+ -webkit-transform: translateZ(0) translateY(5px);
7187
+ transform: translateZ(0) translateY(5px); }
7188
+
7189
+ .premium-woo-skin-grid-2 .premium-woo-product-details {
7190
+ padding: 15px 0; }
7191
+
7192
+ .premium-woo-skin-grid-2 li.product:hover .premium-woo-products-details-wrap {
7193
+ opacity: 1;
7194
+ -webkit-transform: translateZ(0) translateY(0);
7195
+ transform: translateZ(0) translateY(0); }
7196
+
7197
+ .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper {
7198
+ position: static;
7199
+ -js-display: flex;
7200
+ display: -webkit-box;
7201
+ display: -webkit-flex;
7202
+ display: -moz-box;
7203
+ display: -ms-flexbox;
7204
+ display: flex;
7205
+ -webkit-box-orient: horizontal;
7206
+ -webkit-box-direction: reverse;
7207
+ -webkit-flex-direction: row-reverse;
7208
+ -moz-box-orient: horizontal;
7209
+ -moz-box-direction: reverse;
7210
+ -ms-flex-direction: row-reverse;
7211
+ flex-direction: row-reverse; }
7212
+
7213
+ .premium-woo-skin-grid-2 .premium-woo-product-actions-wrapper > * {
7214
+ -webkit-box-flex: 1;
7215
+ -webkit-flex: 1;
7216
+ -moz-box-flex: 1;
7217
+ -ms-flex: 1;
7218
+ flex: 1;
7219
+ min-width: 50%; }
7220
+
7221
+ .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper .button {
7222
+ -js-display: flex;
7223
+ display: -webkit-box;
7224
+ display: -webkit-flex;
7225
+ display: -moz-box;
7226
+ display: -ms-flexbox;
7227
+ display: flex;
7228
+ margin: 0;
7229
+ text-align: center;
7230
+ -webkit-box-pack: center;
7231
+ -webkit-justify-content: center;
7232
+ -moz-box-pack: center;
7233
+ -ms-flex-pack: center;
7234
+ justify-content: center;
7235
+ -webkit-box-align: center;
7236
+ -webkit-align-items: center;
7237
+ -moz-box-align: center;
7238
+ -ms-flex-align: center;
7239
+ align-items: center; }
7240
+
7241
+ .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper .premium-woo-qv-btn {
7242
+ background-color: #54595f; }
7243
+
7244
+ /**
7245
+ * Skin 4
7246
+ */
7247
+ .premium-woo-skin-grid-4 li.product .premium-woo-products-details-wrap {
7248
+ position: absolute;
7249
+ left: 0;
7250
+ right: 0;
7251
+ top: 50%;
7252
+ -webkit-transform: scale(0.9) translateZ(0) translateY(-50%);
7253
+ transform: scale(0.9) translateZ(0) translateY(-50%);
7254
+ text-align: center;
7255
+ z-index: 2;
7256
+ opacity: 0;
7257
+ -webkit-transition: opacity 0.5s, -webkit-transform 0.3s;
7258
+ transition: opacity 0.5s, -webkit-transform 0.3s;
7259
+ transition: opacity 0.5s, transform 0.3s;
7260
+ transition: opacity 0.5s, transform 0.3s, -webkit-transform 0.3s; }
7261
+
7262
+ .premium-woo-skin-grid-4 li.product .premium-woo-product-overlay {
7263
+ position: absolute;
7264
+ top: 0;
7265
+ left: 0;
7266
+ width: 100%;
7267
+ height: 100%;
7268
+ opacity: 0;
7269
+ visibility: hidden;
7270
+ background-color: rgba(27, 27, 23, 0.3);
7271
+ -webkit-transition: all 0.25s ease-in-out;
7272
+ transition: all 0.25s ease-in-out; }
7273
+
7274
+ .premium-woo-skin-grid-4 li.product:hover .premium-woo-product-overlay {
7275
+ opacity: 1;
7276
+ visibility: visible;
7277
+ z-index: 1; }
7278
+
7279
+ .premium-woo-skin-grid-4 li.product:hover .premium-woo-products-details-wrap {
7280
+ -webkit-transform: scale(1) translateZ(0) translateY(-50%);
7281
+ transform: scale(1) translateZ(0) translateY(-50%);
7282
+ opacity: 1; }
7283
+
7284
+ /**
7285
+ * Skin 5
7286
+ */
7287
+ .premium-woo-skin-grid-5 li.product .premium-woo-product-actions-wrapper {
7288
+ -js-display: flex;
7289
+ display: -webkit-box;
7290
+ display: -webkit-flex;
7291
+ display: -moz-box;
7292
+ display: -ms-flexbox;
7293
+ display: flex; }
7294
+ .premium-woo-skin-grid-5 li.product .premium-woo-product-actions-wrapper .premium-woo-qv-btn {
7295
+ -js-display: flex;
7296
+ display: -webkit-box;
7297
+ display: -webkit-flex;
7298
+ display: -moz-box;
7299
+ display: -ms-flexbox;
7300
+ display: flex;
7301
+ -webkit-box-align: center;
7302
+ -webkit-align-items: center;
7303
+ -moz-box-align: center;
7304
+ -ms-flex-align: center;
7305
+ align-items: center;
7306
+ background-color: #54595f;
7307
+ padding: 10px;
7308
+ -webkit-transition: all 0.25s ease 0s;
7309
+ transition: all 0.25s ease 0s; }
7310
+
7311
+ .premium-woo-skin-grid-5 li.product .premium-woo-products-details-wrap {
7312
+ width: 75%; }
7313
+
7314
+ .premium-woo-skin-grid-5 .premium-woo-product-wrapper {
7315
+ -js-display: flex;
7316
+ display: -webkit-box;
7317
+ display: -webkit-flex;
7318
+ display: -moz-box;
7319
+ display: -ms-flexbox;
7320
+ display: flex;
7321
+ -webkit-box-align: center;
7322
+ -webkit-align-items: center;
7323
+ -moz-box-align: center;
7324
+ -ms-flex-align: center;
7325
+ align-items: center; }
7326
+
7327
+ .premium-woo-product-align-right .premium-woo-skin-grid-5 .premium-woo-product-actions-wrapper {
7328
+ -webkit-box-pack: end;
7329
+ -webkit-justify-content: flex-end;
7330
+ -moz-box-pack: end;
7331
+ -ms-flex-pack: end;
7332
+ justify-content: flex-end; }
7333
+
7334
+ .premium-woo-product-align-center .premium-woo-skin-grid-5 .premium-woo-product-actions-wrapper {
7335
+ -webkit-box-pack: center;
7336
+ -webkit-justify-content: center;
7337
+ -moz-box-pack: center;
7338
+ -ms-flex-pack: center;
7339
+ justify-content: center; }
7340
+
7341
+ /**
7342
+ * Skin 6
7343
+ */
7344
+ .premium-woo-skin-grid-6 .premium-woo-qv-btn {
7345
+ position: absolute;
7346
+ top: 50%;
7347
+ left: 50%;
7348
+ min-width: 40%;
7349
+ text-align: center;
7350
+ padding: 5px;
7351
+ background: rgba(2, 2, 2, 0.5);
7352
+ color: #fff;
7353
+ -webkit-transform: translate(-50%, -50%);
7354
+ -ms-transform: translate(-50%, -50%);
7355
+ transform: translate(-50%, -50%);
7356
+ opacity: 0;
7357
+ visibility: hidden;
7358
+ -webkit-transition: all 0.3s ease-in-out;
7359
+ transition: all 0.3s ease-in-out;
7360
+ cursor: pointer;
7361
+ z-index: 2; }
7362
+
7363
+ .premium-woo-skin-grid-6 li.product:hover .premium-woo-qv-btn {
7364
+ opacity: 1;
7365
+ visibility: visible; }
7366
+
7367
+ .premium-woo-product-align-right li.product .premium-woo-product-info .star-rating,
7368
+ .premium-woo-product-align-left li.product .premium-woo-product-info .star-rating {
7369
+ margin: 0; }
7370
+
7371
+ .premium-woo-skin-grid-6 li.product .premium-woo-product-info {
7372
+ -js-display: flex;
7373
+ display: -webkit-box;
7374
+ display: -webkit-flex;
7375
+ display: -moz-box;
7376
+ display: -ms-flexbox;
7377
+ display: flex;
7378
+ -webkit-box-pack: justify;
7379
+ -webkit-justify-content: space-between;
7380
+ -moz-box-pack: justify;
7381
+ -ms-flex-pack: justify;
7382
+ justify-content: space-between; }
7383
+
7384
+ .premium-woo-product-align-center .premium-woocommerce li.product .premium-woo-product-info {
7385
+ -webkit-box-orient: vertical;
7386
+ -webkit-box-direction: normal;
7387
+ -webkit-flex-direction: column;
7388
+ -moz-box-orient: vertical;
7389
+ -moz-box-direction: normal;
7390
+ -ms-flex-direction: column;
7391
+ flex-direction: column; }
7392
+
7393
+ .premium-woo-product-align-right .premium-woocommerce li.product .premium-woo-product-info {
7394
+ -webkit-box-orient: horizontal;
7395
+ -webkit-box-direction: reverse;
7396
+ -webkit-flex-direction: row-reverse;
7397
+ -moz-box-orient: horizontal;
7398
+ -moz-box-direction: reverse;
7399
+ -ms-flex-direction: row-reverse;
7400
+ flex-direction: row-reverse; }
7401
+
7402
+ .premium-woo-skin-grid-6 li.product .premium-woo-product-gallery-images {
7403
+ -js-display: flex;
7404
+ display: -webkit-box;
7405
+ display: -webkit-flex;
7406
+ display: -moz-box;
7407
+ display: -ms-flexbox;
7408
+ display: flex;
7409
+ position: absolute;
7410
+ bottom: 10px;
7411
+ width: 100%;
7412
+ -webkit-box-pack: center;
7413
+ -webkit-justify-content: center;
7414
+ -moz-box-pack: center;
7415
+ -ms-flex-pack: center;
7416
+ justify-content: center; }
7417
+
7418
+ .premium-woo-product-gallery-images .premium-woo-product__gallery_image {
7419
+ width: 20%;
7420
+ margin: 0 0.2em;
7421
+ border: 2px solid #aaa;
7422
+ cursor: pointer; }
7423
+
7424
+ /**
7425
+ * Metro
7426
+ */
7427
+ /*.premium-woo-grid-style1 ul.products li.product {
7428
+ width: 25%;
7429
+ }*/
7430
+ .premium-woo-products-metro li.product .premium-woo-product-thumbnail img,
7431
+ .premium-woo-products-metro li.product .premium-woo-product-wrapper,
7432
+ .premium-woo-products-metro li.product .premium-woo-product-thumbnail,
7433
+ .premium-woo-products-metro li.product .woocommerce-LoopProduct-link {
7434
+ height: 100%; }
7435
+
7436
+ .premium-woo-products-metro ul.products li.product {
7437
+ margin-bottom: 0; }
7438
+
7439
+ .premium-woo-products-metro li.product .premium-woo-product-thumbnail img {
7440
+ -o-object-fit: cover;
7441
+ object-fit: cover; }
7442
+
7443
+ /*
7444
+ * Carousel
7445
+ */
7446
+ .premium-woocommerce .slick-arrow {
7447
+ -webkit-border-radius: 50%;
7448
+ border-radius: 50%; }
7449
+
7450
+ .premium-woocommerce ul.slick-dots {
7451
+ width: 100%; }
7452
+
7453
+ /*
7454
+ * Quick View Html/body
7455
+ */
7456
+ html.premium-woo-qv-opened,
7457
+ html.premium-woo-qv-opened body {
7458
+ overflow: hidden; }
7459
+
7460
+ /**
7461
+ * Quick View Modal
7462
+ */
7463
+ .premium-woo-quick-view-back {
7464
+ position: fixed;
7465
+ visibility: hidden;
7466
+ overflow: hidden;
7467
+ background: rgba(2, 2, 2, 0.5);
7468
+ opacity: 0;
7469
+ -webkit-transition: opacity 0.25s;
7470
+ transition: opacity 0.25s;
7471
+ z-index: 999; }
7472
+
7473
+ .premium-woo-quick-view-active {
7474
+ top: 0;
7475
+ left: 0;
7476
+ width: 100%;
7477
+ height: 100%;
7478
+ opacity: 1;
7479
+ visibility: visible; }
7480
+
7481
+ #premium-woo-quick-view-modal {
7482
+ position: fixed;
7483
+ visibility: hidden;
7484
+ opacity: 0;
7485
+ top: 0;
7486
+ left: 0;
7487
+ width: 100%;
7488
+ height: 100%;
7489
+ z-index: 1400;
7490
+ text-align: center;
7491
+ -webkit-transition: all 0.3s;
7492
+ transition: all 0.3s;
7493
+ overflow-x: hidden;
7494
+ overflow-y: auto; }
7495
+ #premium-woo-quick-view-modal.active {
7496
+ visibility: visible;
7497
+ opacity: 1; }
7498
+ #premium-woo-quick-view-modal.active .premium-woo-content-main {
7499
+ -webkit-transform: translateY(0);
7500
+ -ms-transform: translateY(0);
7501
+ transform: translateY(0);
7502
+ opacity: 1;
7503
+ width: 100%; }
7504
+ #premium-woo-quick-view-modal .premium-woo-content-main-wrapper {
7505
+ position: absolute;
7506
+ width: 100%;
7507
+ height: 100%;
7508
+ top: 0;
7509
+ left: 0;
7510
+ text-align: center;
7511
+ padding: 30px;
7512
+ -js-display: flex;
7513
+ display: -webkit-box;
7514
+ display: -webkit-flex;
7515
+ display: -moz-box;
7516
+ display: -ms-flexbox;
7517
+ display: flex;
7518
+ -webkit-box-align: center;
7519
+ -webkit-align-items: center;
7520
+ -moz-box-align: center;
7521
+ -ms-flex-align: center;
7522
+ align-items: center; }
7523
+ #premium-woo-quick-view-modal .premium-woo-content-main {
7524
+ position: relative;
7525
+ pointer-events: none;
7526
+ max-width: 100%;
7527
+ text-align: left;
7528
+ z-index: 1045;
7529
+ -webkit-transform: translateY(-30px);
7530
+ -ms-transform: translateY(-30px);
7531
+ transform: translateY(-30px);
7532
+ opacity: 0;
7533
+ -webkit-transition: opacity 0.3s, -webkit-transform 0.5s;
7534
+ transition: opacity 0.3s, -webkit-transform 0.5s;
7535
+ transition: transform 0.5s, opacity 0.3s;
7536
+ transition: transform 0.5s, opacity 0.3s, -webkit-transform 0.5s;
7537
+ margin: 0 auto; }
7538
+ #premium-woo-quick-view-modal .premium-woo-lightbox-content {
7539
+ position: relative;
7540
+ display: table;
7541
+ pointer-events: auto;
7542
+ background-color: #fff;
7543
+ max-width: 975px;
7544
+ margin: 20px auto;
7545
+ -webkit-transform: translateZ(0);
7546
+ transform: translateZ(0);
7547
+ -webkit-box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, 0.15);
7548
+ box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, 0.15);
7549
+ overflow: hidden; }
7550
+ #premium-woo-quick-view-modal .summary {
7551
+ width: 50%;
7552
+ margin: 0;
7553
+ padding: 30px;
7554
+ float: left;
7555
+ -webkit-box-sizing: border-box;
7556
+ -moz-box-sizing: border-box;
7557
+ box-sizing: border-box; }
7558
+ #premium-woo-quick-view-modal .summary .quantity {
7559
+ min-width: auto; }
7560
+ #premium-woo-quick-view-modal .summary .quantity input.qty {
7561
+ width: 54px;
7562
+ -webkit-appearance: button;
7563
+ -moz-appearance: button;
7564
+ appearance: button; }
7565
+ #premium-woo-quick-view-modal .woocommerce-product-details__short-description p {
7566
+ margin: 0; }
7567
+
7568
+ #premium-woo-quick-view-close {
7569
+ position: absolute;
7570
+ font-size: 22px;
7571
+ top: 10px;
7572
+ right: 10px;
7573
+ width: 22px;
7574
+ height: 22px;
7575
+ line-height: 22px;
7576
+ opacity: 0.7;
7577
+ text-align: center;
7578
+ z-index: 2;
7579
+ color: #000; }
7580
+
7581
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider {
7582
+ position: relative; }
7583
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider li {
7584
+ list-style: none; }
7585
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav {
7586
+ margin: 0;
7587
+ padding: 0;
7588
+ width: 100%;
7589
+ position: absolute;
7590
+ bottom: 10px;
7591
+ text-align: center; }
7592
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li {
7593
+ margin: 0 6px;
7594
+ display: inline-block;
7595
+ vertical-align: middle; }
7596
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a {
7597
+ width: 11px;
7598
+ height: 11px;
7599
+ display: block;
7600
+ background: #666;
7601
+ background: rgba(0, 0, 0, 0.5);
7602
+ cursor: pointer;
7603
+ text-indent: -9999px;
7604
+ -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
7605
+ box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
7606
+ -webkit-border-radius: 20px;
7607
+ border-radius: 20px; }
7608
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a.flex-active {
7609
+ background: rgba(0, 0, 0, 0.9);
7610
+ cursor: default; }
7611
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a:focus {
7612
+ outline: none; }
7613
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider img {
7614
+ -o-object-fit: cover;
7615
+ object-fit: cover; }
7616
+
7617
+ #premium-woo-quick-view-content div.images {
7618
+ width: 50%;
7619
+ float: left;
7620
+ opacity: 1 !important;
7621
+ margin: 0; }
7622
+
7623
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav {
7624
+ margin: 0;
7625
+ padding: 0;
7626
+ list-style: none; }
7627
+
7628
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav a {
7629
+ text-decoration: none;
7630
+ display: block;
7631
+ width: 14px;
7632
+ height: 32px;
7633
+ font-size: 32px;
7634
+ line-height: 32px;
7635
+ margin: -20px 0 0;
7636
+ position: absolute;
7637
+ top: 50%;
7638
+ z-index: 10;
7639
+ overflow: hidden;
7640
+ cursor: pointer;
7641
+ color: rgba(0, 0, 0, 0.8);
7642
+ text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
7643
+ -webkit-transition: all 0.3s ease-in-out;
7644
+ transition: all 0.3s ease-in-out; }
7645
+
7646
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next,
7647
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev {
7648
+ display: inline-block;
7649
+ font-family: "Font Awesome 5 Free";
7650
+ font-weight: 900;
7651
+ text-rendering: auto;
7652
+ -webkit-font-smoothing: antialiased;
7653
+ -moz-osx-font-smoothing: grayscale; }
7654
+
7655
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev {
7656
+ left: 10px; }
7657
+
7658
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next {
7659
+ right: 10px; }
7660
+
7661
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev::before {
7662
+ content: "\f104"; }
7663
+
7664
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next::before {
7665
+ content: "\f105"; }
7666
+
7667
+ .premium-woocommerce li.product .added_to_cart.wc-forward {
7668
+ display: none; }
7669
+
7670
+ .premium-woo-atc-button .add_to_cart_button span {
7671
+ -webkit-animation: spin 2s linear infinite;
7672
+ animation: spin 2s linear infinite;
7673
+ margin-left: 5px;
7674
+ vertical-align: baseline; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
assets/frontend/js/lottie.js CHANGED
@@ -1,15591 +1,15575 @@
1
- (function ($) {
2
-
3
- (typeof navigator !== "undefined") && (function (root, factory) {
4
-
5
- if (typeof define === "function" && define.amd) {
6
- define(function () {
7
- return factory(root);
8
- });
9
- } else if (typeof module === "object" && module.exports) {
10
- module.exports = factory(root);
11
- } else {
12
- root.lottie = factory(root);
13
- root.bodymovin = root.lottie;
14
- }
15
- }((window || {}), function (window) {
16
- "use strict";
17
- var svgNS = "http://www.w3.org/2000/svg";
18
-
19
- var locationHref = '';
20
-
21
- var initialDefaultFrame = -999999;
22
-
23
- var subframeEnabled = true;
24
- var expressionsPlugin;
25
- var isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
26
- var cachedColors = {};
27
- var bm_rounder = Math.round;
28
- var bm_rnd;
29
- var bm_pow = Math.pow;
30
- var bm_sqrt = Math.sqrt;
31
- var bm_abs = Math.abs;
32
- var bm_floor = Math.floor;
33
- var bm_max = Math.max;
34
- var bm_min = Math.min;
35
- var blitter = 10;
36
-
37
- var BMMath = {};
38
- (function () {
39
- var propertyNames = ["abs", "acos", "acosh", "asin", "asinh", "atan", "atanh", "atan2", "ceil", "cbrt", "expm1", "clz32", "cos", "cosh", "exp", "floor", "fround", "hypot", "imul", "log", "log1p", "log2", "log10", "max", "min", "pow", "random", "round", "sign", "sin", "sinh", "sqrt", "tan", "tanh", "trunc", "E", "LN10", "LN2", "LOG10E", "LOG2E", "PI", "SQRT1_2", "SQRT2"];
40
- var i, len = propertyNames.length;
41
- for (i = 0; i < len; i += 1) {
42
- BMMath[propertyNames[i]] = Math[propertyNames[i]];
43
- }
44
- }());
45
-
46
- function ProjectInterface() {
47
- return {};
48
- }
49
-
50
- BMMath.random = Math.random;
51
- BMMath.abs = function (val) {
52
- var tOfVal = typeof val;
53
- if (tOfVal === 'object' && val.length) {
54
- var absArr = createSizedArray(val.length);
55
- var i, len = val.length;
56
- for (i = 0; i < len; i += 1) {
57
- absArr[i] = Math.abs(val[i]);
58
- }
59
- return absArr;
60
- }
61
- return Math.abs(val);
62
-
63
- };
64
- var defaultCurveSegments = 150;
65
- var degToRads = Math.PI / 180;
66
- var roundCorner = 0.5519;
67
-
68
- function roundValues(flag) {
69
- if (flag) {
70
- bm_rnd = Math.round;
71
- } else {
72
- bm_rnd = function (val) {
73
- return val;
74
- };
75
- }
76
- }
77
- roundValues(false);
78
-
79
- function styleDiv(element) {
80
- element.style.position = 'absolute';
81
- element.style.top = 0;
82
- element.style.left = 0;
83
- element.style.display = 'block';
84
- element.style.transformOrigin = element.style.webkitTransformOrigin = '0 0';
85
- element.style.backfaceVisibility = element.style.webkitBackfaceVisibility = 'visible';
86
- element.style.transformStyle = element.style.webkitTransformStyle = element.style.mozTransformStyle = "preserve-3d";
87
- }
88
-
89
- function BMEnterFrameEvent(type, currentTime, totalTime, frameMultiplier) {
90
- this.type = type;
91
- this.currentTime = currentTime;
92
- this.totalTime = totalTime;
93
- this.direction = frameMultiplier < 0 ? -1 : 1;
94
- }
95
-
96
- function BMCompleteEvent(type, frameMultiplier) {
97
- this.type = type;
98
- this.direction = frameMultiplier < 0 ? -1 : 1;
99
- }
100
-
101
- function BMCompleteLoopEvent(type, totalLoops, currentLoop, frameMultiplier) {
102
- this.type = type;
103
- this.currentLoop = currentLoop;
104
- this.totalLoops = totalLoops;
105
- this.direction = frameMultiplier < 0 ? -1 : 1;
106
- }
107
-
108
- function BMSegmentStartEvent(type, firstFrame, totalFrames) {
109
- this.type = type;
110
- this.firstFrame = firstFrame;
111
- this.totalFrames = totalFrames;
112
- }
113
-
114
- function BMDestroyEvent(type, target) {
115
- this.type = type;
116
- this.target = target;
117
- }
118
-
119
- function BMRenderFrameErrorEvent(nativeError, currentTime) {
120
- this.type = 'renderFrameError';
121
- this.nativeError = nativeError;
122
- this.currentTime = currentTime;
123
- }
124
-
125
- function BMConfigErrorEvent(nativeError) {
126
- this.type = 'configError';
127
- this.nativeError = nativeError;
128
- }
129
-
130
- function BMAnimationConfigErrorEvent(type, nativeError) {
131
- this.type = type;
132
- this.nativeError = nativeError;
133
- this.currentTime = currentTime;
134
- }
135
-
136
- var createElementID = (function () {
137
- var _count = 0;
138
- return function createID() {
139
- return '__lottie_element_' + ++_count
140
- }
141
- }())
142
-
143
- function HSVtoRGB(h, s, v) {
144
- var r, g, b, i, f, p, q, t;
145
- i = Math.floor(h * 6);
146
- f = h * 6 - i;
147
- p = v * (1 - s);
148
- q = v * (1 - f * s);
149
- t = v * (1 - (1 - f) * s);
150
- switch (i % 6) {
151
- case 0:
152
- r = v;
153
- g = t;
154
- b = p;
155
- break;
156
- case 1:
157
- r = q;
158
- g = v;
159
- b = p;
160
- break;
161
- case 2:
162
- r = p;
163
- g = v;
164
- b = t;
165
- break;
166
- case 3:
167
- r = p;
168
- g = q;
169
- b = v;
170
- break;
171
- case 4:
172
- r = t;
173
- g = p;
174
- b = v;
175
- break;
176
- case 5:
177
- r = v;
178
- g = p;
179
- b = q;
180
- break;
181
- }
182
- return [r,
183
- g,
184
- b
185
- ];
186
- }
187
-
188
- function RGBtoHSV(r, g, b) {
189
- var max = Math.max(r, g, b),
190
- min = Math.min(r, g, b),
191
- d = max - min,
192
- h,
193
- s = (max === 0 ? 0 : d / max),
194
- v = max / 255;
195
-
196
- switch (max) {
197
- case min:
198
- h = 0;
199
- break;
200
- case r:
201
- h = (g - b) + d * (g < b ? 6 : 0);
202
- h /= 6 * d;
203
- break;
204
- case g:
205
- h = (b - r) + d * 2;
206
- h /= 6 * d;
207
- break;
208
- case b:
209
- h = (r - g) + d * 4;
210
- h /= 6 * d;
211
- break;
212
- }
213
-
214
- return [
215
- h,
216
- s,
217
- v
218
- ];
219
- }
220
-
221
- function addSaturationToRGB(color, offset) {
222
- var hsv = RGBtoHSV(color[0] * 255, color[1] * 255, color[2] * 255);
223
- hsv[1] += offset;
224
- if (hsv[1] > 1) {
225
- hsv[1] = 1;
226
- } else if (hsv[1] <= 0) {
227
- hsv[1] = 0;
228
- }
229
- return HSVtoRGB(hsv[0], hsv[1], hsv[2]);
230
- }
231
-
232
- function addBrightnessToRGB(color, offset) {
233
- var hsv = RGBtoHSV(color[0] * 255, color[1] * 255, color[2] * 255);
234
- hsv[2] += offset;
235
- if (hsv[2] > 1) {
236
- hsv[2] = 1;
237
- } else if (hsv[2] < 0) {
238
- hsv[2] = 0;
239
- }
240
- return HSVtoRGB(hsv[0], hsv[1], hsv[2]);
241
- }
242
-
243
- function addHueToRGB(color, offset) {
244
- var hsv = RGBtoHSV(color[0] * 255, color[1] * 255, color[2] * 255);
245
- hsv[0] += offset / 360;
246
- if (hsv[0] > 1) {
247
- hsv[0] -= 1;
248
- } else if (hsv[0] < 0) {
249
- hsv[0] += 1;
250
- }
251
- return HSVtoRGB(hsv[0], hsv[1], hsv[2]);
252
- }
253
-
254
- var rgbToHex = (function () {
255
- var colorMap = [];
256
- var i;
257
- var hex;
258
- for (i = 0; i < 256; i += 1) {
259
- hex = i.toString(16);
260
- colorMap[i] = hex.length == 1 ? '0' + hex : hex;
261
- }
262
-
263
- return function (r, g, b) {
264
- if (r < 0) {
265
- r = 0;
266
- }
267
- if (g < 0) {
268
- g = 0;
269
- }
270
- if (b < 0) {
271
- b = 0;
272
- }
273
- return '#' + colorMap[r] + colorMap[g] + colorMap[b];
274
- };
275
- }());
276
-
277
- function BaseEvent() { }
278
- BaseEvent.prototype = {
279
- triggerEvent: function (eventName, args) {
280
- if (this._cbs[eventName]) {
281
- var len = this._cbs[eventName].length;
282
- for (var i = 0; i < len; i++) {
283
- this._cbs[eventName][i](args);
284
- }
285
- }
286
- },
287
- addEventListener: function (eventName, callback) {
288
- if (!this._cbs[eventName]) {
289
- this._cbs[eventName] = [];
290
- }
291
- this._cbs[eventName].push(callback);
292
-
293
- return function () {
294
- this.removeEventListener(eventName, callback);
295
- }.bind(this);
296
- },
297
- removeEventListener: function (eventName, callback) {
298
- if (!callback) {
299
- this._cbs[eventName] = null;
300
- } else if (this._cbs[eventName]) {
301
- var i = 0,
302
- len = this._cbs[eventName].length;
303
- while (i < len) {
304
- if (this._cbs[eventName][i] === callback) {
305
- this._cbs[eventName].splice(i, 1);
306
- i -= 1;
307
- len -= 1;
308
- }
309
- i += 1;
310
- }
311
- if (!this._cbs[eventName].length) {
312
- this._cbs[eventName] = null;
313
- }
314
- }
315
- }
316
- };
317
- var createTypedArray = (function () {
318
- function createRegularArray(type, len) {
319
- var i = 0,
320
- arr = [],
321
- value;
322
- switch (type) {
323
- case 'int16':
324
- case 'uint8c':
325
- value = 1;
326
- break;
327
- default:
328
- value = 1.1;
329
- break;
330
- }
331
- for (i = 0; i < len; i += 1) {
332
- arr.push(value);
333
- }
334
- return arr;
335
- }
336
-
337
- function createTypedArray(type, len) {
338
- if (type === 'float32') {
339
- return new Float32Array(len);
340
- } else if (type === 'int16') {
341
- return new Int16Array(len);
342
- } else if (type === 'uint8c') {
343
- return new Uint8ClampedArray(len);
344
- }
345
- }
346
- if (typeof Uint8ClampedArray === 'function' && typeof Float32Array === 'function') {
347
- return createTypedArray;
348
- } else {
349
- return createRegularArray;
350
- }
351
- }());
352
-
353
- function createSizedArray(len) {
354
- return Array.apply(null, {
355
- length: len
356
- });
357
- }
358
-
359
- function createNS(type) {
360
- //return {appendChild:function(){},setAttribute:function(){},style:{}}
361
- return document.createElementNS(svgNS, type);
362
- }
363
-
364
- function createTag(type) {
365
- //return {appendChild:function(){},setAttribute:function(){},style:{}}
366
- return document.createElement(type);
367
- }
368
-
369
- function DynamicPropertyContainer() { };
370
- DynamicPropertyContainer.prototype = {
371
- addDynamicProperty: function (prop) {
372
- if (this.dynamicProperties.indexOf(prop) === -1) {
373
- this.dynamicProperties.push(prop);
374
- this.container.addDynamicProperty(this);
375
- this._isAnimated = true;
376
- }
377
- },
378
- iterateDynamicProperties: function () {
379
- this._mdf = false;
380
- var i, len = this.dynamicProperties.length;
381
- for (i = 0; i < len; i += 1) {
382
- this.dynamicProperties[i].getValue();
383
- if (this.dynamicProperties[i]._mdf) {
384
- this._mdf = true;
385
- }
386
- }
387
- },
388
- initDynamicPropertyContainer: function (container) {
389
- this.container = container;
390
- this.dynamicProperties = [];
391
- this._mdf = false;
392
- this._isAnimated = false;
393
- }
394
- }
395
- var getBlendMode = (function () {
396
-
397
- var blendModeEnums = {
398
- 0: 'source-over',
399
- 1: 'multiply',
400
- 2: 'screen',
401
- 3: 'overlay',
402
- 4: 'darken',
403
- 5: 'lighten',
404
- 6: 'color-dodge',
405
- 7: 'color-burn',
406
- 8: 'hard-light',
407
- 9: 'soft-light',
408
- 10: 'difference',
409
- 11: 'exclusion',
410
- 12: 'hue',
411
- 13: 'saturation',
412
- 14: 'color',
413
- 15: 'luminosity'
414
- }
415
-
416
- return function (mode) {
417
- return blendModeEnums[mode] || '';
418
- }
419
- }())
420
- /*!
421
- Transformation Matrix v2.0
422
- (c) Epistemex 2014-2015
423
- www.epistemex.com
424
- By Ken Fyrstenberg
425
- Contributions by leeoniya.
426
- License: MIT, header required.
427
- */
428
-
429
- /**
430
- * 2D transformation matrix object initialized with identity matrix.
431
- *
432
- * The matrix can synchronize a canvas context by supplying the context
433
- * as an argument, or later apply current absolute transform to an
434
- * existing context.
435
- *
436
- * All values are handled as floating point values.
437
- *
438
- * @param {CanvasRenderingContext2D} [context] - Optional context to sync with Matrix
439
- * @prop {number} a - scale x
440
- * @prop {number} b - shear y
441
- * @prop {number} c - shear x
442
- * @prop {number} d - scale y
443
- * @prop {number} e - translate x
444
- * @prop {number} f - translate y
445
- * @prop {CanvasRenderingContext2D|null} [context=null] - set or get current canvas context
446
- * @constructor
447
- */
448
-
449
- var Matrix = (function () {
450
-
451
- var _cos = Math.cos;
452
- var _sin = Math.sin;
453
- var _tan = Math.tan;
454
- var _rnd = Math.round;
455
-
456
- function reset() {
457
- this.props[0] = 1;
458
- this.props[1] = 0;
459
- this.props[2] = 0;
460
- this.props[3] = 0;
461
- this.props[4] = 0;
462
- this.props[5] = 1;
463
- this.props[6] = 0;
464
- this.props[7] = 0;
465
- this.props[8] = 0;
466
- this.props[9] = 0;
467
- this.props[10] = 1;
468
- this.props[11] = 0;
469
- this.props[12] = 0;
470
- this.props[13] = 0;
471
- this.props[14] = 0;
472
- this.props[15] = 1;
473
- return this;
474
- }
475
-
476
- function rotate(angle) {
477
- if (angle === 0) {
478
- return this;
479
- }
480
- var mCos = _cos(angle);
481
- var mSin = _sin(angle);
482
- return this._t(mCos, -mSin, 0, 0, mSin, mCos, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
483
- }
484
-
485
- function rotateX(angle) {
486
- if (angle === 0) {
487
- return this;
488
- }
489
- var mCos = _cos(angle);
490
- var mSin = _sin(angle);
491
- return this._t(1, 0, 0, 0, 0, mCos, -mSin, 0, 0, mSin, mCos, 0, 0, 0, 0, 1);
492
- }
493
-
494
- function rotateY(angle) {
495
- if (angle === 0) {
496
- return this;
497
- }
498
- var mCos = _cos(angle);
499
- var mSin = _sin(angle);
500
- return this._t(mCos, 0, mSin, 0, 0, 1, 0, 0, -mSin, 0, mCos, 0, 0, 0, 0, 1);
501
- }
502
-
503
- function rotateZ(angle) {
504
- if (angle === 0) {
505
- return this;
506
- }
507
- var mCos = _cos(angle);
508
- var mSin = _sin(angle);
509
- return this._t(mCos, -mSin, 0, 0, mSin, mCos, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
510
- }
511
-
512
- function shear(sx, sy) {
513
- return this._t(1, sy, sx, 1, 0, 0);
514
- }
515
-
516
- function skew(ax, ay) {
517
- return this.shear(_tan(ax), _tan(ay));
518
- }
519
-
520
- function skewFromAxis(ax, angle) {
521
- var mCos = _cos(angle);
522
- var mSin = _sin(angle);
523
- return this._t(mCos, mSin, 0, 0, -mSin, mCos, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
524
- ._t(1, 0, 0, 0, _tan(ax), 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
525
- ._t(mCos, -mSin, 0, 0, mSin, mCos, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
526
- //return this._t(mCos, mSin, -mSin, mCos, 0, 0)._t(1, 0, _tan(ax), 1, 0, 0)._t(mCos, -mSin, mSin, mCos, 0, 0);
527
- }
528
-
529
- function scale(sx, sy, sz) {
530
- if (!sz && sz !== 0) {
531
- sz = 1;
532
- }
533
- if (sx === 1 && sy === 1 && sz === 1) {
534
- return this;
535
- }
536
- return this._t(sx, 0, 0, 0, 0, sy, 0, 0, 0, 0, sz, 0, 0, 0, 0, 1);
537
- }
538
-
539
- function setTransform(a, b, c, d, e, f, g, h, i, j, k, l, m, n, o, p) {
540
- this.props[0] = a;
541
- this.props[1] = b;
542
- this.props[2] = c;
543
- this.props[3] = d;
544
- this.props[4] = e;
545
- this.props[5] = f;
546
- this.props[6] = g;
547
- this.props[7] = h;
548
- this.props[8] = i;
549
- this.props[9] = j;
550
- this.props[10] = k;
551
- this.props[11] = l;
552
- this.props[12] = m;
553
- this.props[13] = n;
554
- this.props[14] = o;
555
- this.props[15] = p;
556
- return this;
557
- }
558
-
559
- function translate(tx, ty, tz) {
560
- tz = tz || 0;
561
- if (tx !== 0 || ty !== 0 || tz !== 0) {
562
- return this._t(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, tx, ty, tz, 1);
563
- }
564
- return this;
565
- }
566
-
567
- function transform(a2, b2, c2, d2, e2, f2, g2, h2, i2, j2, k2, l2, m2, n2, o2, p2) {
568
-
569
- var _p = this.props;
570
-
571
- if (a2 === 1 && b2 === 0 && c2 === 0 && d2 === 0 && e2 === 0 && f2 === 1 && g2 === 0 && h2 === 0 && i2 === 0 && j2 === 0 && k2 === 1 && l2 === 0) {
572
- //NOTE: commenting this condition because TurboFan deoptimizes code when present
573
- //if(m2 !== 0 || n2 !== 0 || o2 !== 0){
574
- _p[12] = _p[12] * a2 + _p[15] * m2;
575
- _p[13] = _p[13] * f2 + _p[15] * n2;
576
- _p[14] = _p[14] * k2 + _p[15] * o2;
577
- _p[15] = _p[15] * p2;
578
- //}
579
- this._identityCalculated = false;
580
- return this;
581
- }
582
-
583
- var a1 = _p[0];
584
- var b1 = _p[1];
585
- var c1 = _p[2];
586
- var d1 = _p[3];
587
- var e1 = _p[4];
588
- var f1 = _p[5];
589
- var g1 = _p[6];
590
- var h1 = _p[7];
591
- var i1 = _p[8];
592
- var j1 = _p[9];
593
- var k1 = _p[10];
594
- var l1 = _p[11];
595
- var m1 = _p[12];
596
- var n1 = _p[13];
597
- var o1 = _p[14];
598
- var p1 = _p[15];
599
-
600
- /* matrix order (canvas compatible):
601
- * ace
602
- * bdf
603
- * 001
604
- */
605
- _p[0] = a1 * a2 + b1 * e2 + c1 * i2 + d1 * m2;
606
- _p[1] = a1 * b2 + b1 * f2 + c1 * j2 + d1 * n2;
607
- _p[2] = a1 * c2 + b1 * g2 + c1 * k2 + d1 * o2;
608
- _p[3] = a1 * d2 + b1 * h2 + c1 * l2 + d1 * p2;
609
-
610
- _p[4] = e1 * a2 + f1 * e2 + g1 * i2 + h1 * m2;
611
- _p[5] = e1 * b2 + f1 * f2 + g1 * j2 + h1 * n2;
612
- _p[6] = e1 * c2 + f1 * g2 + g1 * k2 + h1 * o2;
613
- _p[7] = e1 * d2 + f1 * h2 + g1 * l2 + h1 * p2;
614
-
615
- _p[8] = i1 * a2 + j1 * e2 + k1 * i2 + l1 * m2;
616
- _p[9] = i1 * b2 + j1 * f2 + k1 * j2 + l1 * n2;
617
- _p[10] = i1 * c2 + j1 * g2 + k1 * k2 + l1 * o2;
618
- _p[11] = i1 * d2 + j1 * h2 + k1 * l2 + l1 * p2;
619
-
620
- _p[12] = m1 * a2 + n1 * e2 + o1 * i2 + p1 * m2;
621
- _p[13] = m1 * b2 + n1 * f2 + o1 * j2 + p1 * n2;
622
- _p[14] = m1 * c2 + n1 * g2 + o1 * k2 + p1 * o2;
623
- _p[15] = m1 * d2 + n1 * h2 + o1 * l2 + p1 * p2;
624
-
625
- this._identityCalculated = false;
626
- return this;
627
- }
628
-
629
- function isIdentity() {
630
- if (!this._identityCalculated) {
631
- this._identity = !(this.props[0] !== 1 || this.props[1] !== 0 || this.props[2] !== 0 || this.props[3] !== 0 || this.props[4] !== 0 || this.props[5] !== 1 || this.props[6] !== 0 || this.props[7] !== 0 || this.props[8] !== 0 || this.props[9] !== 0 || this.props[10] !== 1 || this.props[11] !== 0 || this.props[12] !== 0 || this.props[13] !== 0 || this.props[14] !== 0 || this.props[15] !== 1);
632
- this._identityCalculated = true;
633
- }
634
- return this._identity;
635
- }
636
-
637
- function equals(matr) {
638
- var i = 0;
639
- while (i < 16) {
640
- if (matr.props[i] !== this.props[i]) {
641
- return false;
642
- }
643
- i += 1;
644
- }
645
- return true;
646
- }
647
-
648
- function clone(matr) {
649
- var i;
650
- for (i = 0; i < 16; i += 1) {
651
- matr.props[i] = this.props[i];
652
- }
653
- }
654
-
655
- function cloneFromProps(props) {
656
- var i;
657
- for (i = 0; i < 16; i += 1) {
658
- this.props[i] = props[i];
659
- }
660
- }
661
-
662
- function applyToPoint(x, y, z) {
663
-
664
- return {
665
- x: x * this.props[0] + y * this.props[4] + z * this.props[8] + this.props[12],
666
- y: x * this.props[1] + y * this.props[5] + z * this.props[9] + this.props[13],
667
- z: x * this.props[2] + y * this.props[6] + z * this.props[10] + this.props[14]
668
- };
669
- /*return {
670
- x: x * me.a + y * me.c + me.e,
671
- y: x * me.b + y * me.d + me.f
672
- };*/
673
- }
674
-
675
- function applyToX(x, y, z) {
676
- return x * this.props[0] + y * this.props[4] + z * this.props[8] + this.props[12];
677
- }
678
-
679
- function applyToY(x, y, z) {
680
- return x * this.props[1] + y * this.props[5] + z * this.props[9] + this.props[13];
681
- }
682
-
683
- function applyToZ(x, y, z) {
684
- return x * this.props[2] + y * this.props[6] + z * this.props[10] + this.props[14];
685
- }
686
-
687
- function getInverseMatrix() {
688
- var determinant = this.props[0] * this.props[5] - this.props[1] * this.props[4];
689
- var a = this.props[5] / determinant;
690
- var b = -this.props[1] / determinant;
691
- var c = -this.props[4] / determinant;
692
- var d = this.props[0] / determinant;
693
- var e = (this.props[4] * this.props[13] - this.props[5] * this.props[12]) / determinant;
694
- var f = -(this.props[0] * this.props[13] - this.props[1] * this.props[12]) / determinant;
695
- var inverseMatrix = new Matrix();
696
- inverseMatrix.props[0] = a;
697
- inverseMatrix.props[1] = b;
698
- inverseMatrix.props[4] = c;
699
- inverseMatrix.props[5] = d;
700
- inverseMatrix.props[12] = e;
701
- inverseMatrix.props[13] = f;
702
- return inverseMatrix;
703
- }
704
-
705
- function inversePoint(pt) {
706
- var inverseMatrix = this.getInverseMatrix();
707
- return inverseMatrix.applyToPointArray(pt[0], pt[1], pt[2] || 0)
708
- }
709
-
710
- function inversePoints(pts) {
711
- var i, len = pts.length,
712
- retPts = [];
713
- for (i = 0; i < len; i += 1) {
714
- retPts[i] = inversePoint(pts[i]);
715
- }
716
- return retPts;
717
- }
718
-
719
- function applyToTriplePoints(pt1, pt2, pt3) {
720
- var arr = createTypedArray('float32', 6);
721
- if (this.isIdentity()) {
722
- arr[0] = pt1[0];
723
- arr[1] = pt1[1];
724
- arr[2] = pt2[0];
725
- arr[3] = pt2[1];
726
- arr[4] = pt3[0];
727
- arr[5] = pt3[1];
728
- } else {
729
- var p0 = this.props[0],
730
- p1 = this.props[1],
731
- p4 = this.props[4],
732
- p5 = this.props[5],
733
- p12 = this.props[12],
734
- p13 = this.props[13];
735
- arr[0] = pt1[0] * p0 + pt1[1] * p4 + p12;
736
- arr[1] = pt1[0] * p1 + pt1[1] * p5 + p13;
737
- arr[2] = pt2[0] * p0 + pt2[1] * p4 + p12;
738
- arr[3] = pt2[0] * p1 + pt2[1] * p5 + p13;
739
- arr[4] = pt3[0] * p0 + pt3[1] * p4 + p12;
740
- arr[5] = pt3[0] * p1 + pt3[1] * p5 + p13;
741
- }
742
- return arr;
743
- }
744
-
745
- function applyToPointArray(x, y, z) {
746
- var arr;
747
- if (this.isIdentity()) {
748
- arr = [x, y, z];
749
- } else {
750
- arr = [x * this.props[0] + y * this.props[4] + z * this.props[8] + this.props[12], x * this.props[1] + y * this.props[5] + z * this.props[9] + this.props[13], x * this.props[2] + y * this.props[6] + z * this.props[10] + this.props[14]];
751
- }
752
- return arr;
753
- }
754
-
755
- function applyToPointStringified(x, y) {
756
- if (this.isIdentity()) {
757
- return x + ',' + y;
758
- }
759
- var _p = this.props;
760
- return Math.round((x * _p[0] + y * _p[4] + _p[12]) * 100) / 100 + ',' + Math.round((x * _p[1] + y * _p[5] + _p[13]) * 100) / 100;
761
- }
762
-
763
- function toCSS() {
764
- //Doesn't make much sense to add this optimization. If it is an identity matrix, it's very likely this will get called only once since it won't be keyframed.
765
- /*if(this.isIdentity()) {
766
- return '';
767
- }*/
768
- var i = 0;
769
- var props = this.props;
770
- var cssValue = 'matrix3d(';
771
- var v = 10000;
772
- while (i < 16) {
773
- cssValue += _rnd(props[i] * v) / v;
774
- cssValue += i === 15 ? ')' : ',';
775
- i += 1;
776
- }
777
- return cssValue;
778
- }
779
-
780
- function roundMatrixProperty(val) {
781
- var v = 10000;
782
- if ((val < 0.000001 && val > 0) || (val > -0.000001 && val < 0)) {
783
- return _rnd(val * v) / v;
784
- }
785
- return val;
786
- }
787
-
788
- function to2dCSS() {
789
- //Doesn't make much sense to add this optimization. If it is an identity matrix, it's very likely this will get called only once since it won't be keyframed.
790
- /*if(this.isIdentity()) {
791
- return '';
792
- }*/
793
- var props = this.props;
794
- var _a = roundMatrixProperty(props[0]);
795
- var _b = roundMatrixProperty(props[1]);
796
- var _c = roundMatrixProperty(props[4]);
797
- var _d = roundMatrixProperty(props[5]);
798
- var _e = roundMatrixProperty(props[12]);
799
- var _f = roundMatrixProperty(props[13]);
800
- return "matrix(" + _a + ',' + _b + ',' + _c + ',' + _d + ',' + _e + ',' + _f + ")";
801
- }
802
-
803
- return function () {
804
- this.reset = reset;
805
- this.rotate = rotate;
806
- this.rotateX = rotateX;
807
- this.rotateY = rotateY;
808
- this.rotateZ = rotateZ;
809
- this.skew = skew;
810
- this.skewFromAxis = skewFromAxis;
811
- this.shear = shear;
812
- this.scale = scale;
813
- this.setTransform = setTransform;
814
- this.translate = translate;
815
- this.transform = transform;
816
- this.applyToPoint = applyToPoint;