Premium Addons for Elementor - Version 4.9.4

Version Description

  • Tweak: Added PA Assets in admin toolbar to clear generated dynamic assets.
  • Tweak: Disable Floating Effects on Safari option added in Floating Effects global addon.
  • Tweak: Compatibility between Counter and Horizontal Scroll widgets.
  • Tweak: Carousel widget HTML markup optimized for better performance.
  • Fixed: Exclude Posts option not working for custom post types in Blog widget.
Download this release

Release Info

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

Code changes from version 4.9.3 to 4.9.4

Files changed (19) hide show
  1. admin/assets/css/admin-rtl.css +1995 -1971
  2. admin/assets/css/admin.css +2013 -1989
  3. admin/assets/js/admin-bar.js +39 -0
  4. admin/assets/js/admin.js +519 -542
  5. admin/includes/admin-bar.php +153 -0
  6. admin/includes/admin-helper.php +1232 -1184
  7. admin/includes/templates/modules-settings.php +172 -172
  8. assets/editor/js/editor.js +349 -349
  9. assets/frontend/css/premium-addons-rtl.css +4651 -4647
  10. assets/frontend/css/premium-addons.css +3681 -3678
  11. assets/frontend/css/premium-blog-rtl.css +819 -819
  12. assets/frontend/css/premium-blog.css +716 -716
  13. assets/frontend/css/premium-carousel-widget-rtl.css +5 -0
  14. assets/frontend/css/premium-carousel-widget.css +156 -152
  15. assets/frontend/css/premium-person-rtl.css +497 -497
  16. assets/frontend/css/premium-person.css +417 -417
  17. assets/frontend/css/premium-pricing-table-rtl.css +172 -173
  18. assets/frontend/css/premium-pricing-table.css +236 -237
  19. assets/frontend/js/premium-addons.js +0 -807
admin/assets/css/admin-rtl.css CHANGED
@@ -1,1972 +1,1996 @@
1
- .button.pa-btn {
2
- border: none;
3
- color: #fff;
4
- text-align: center;
5
- padding: 3px;
6
- max-width: 250px;
7
- height: auto;
8
- font-weight: 700;
9
- -webkit-box-shadow: none;
10
- box-shadow: none;
11
- }
12
-
13
- .button.pa-btn:hover,
14
- .button.pa-btn:focus,
15
- .button.pa-btn:active {
16
- outline: none;
17
- border: none;
18
- text-decoration: none;
19
- }
20
-
21
- .pa-switcher .switch,
22
- .pa-section-info-cta .switch {
23
- position: relative;
24
- display: inline-block;
25
- width: 44px;
26
- height: 24px;
27
- -webkit-border-radius: 12px;
28
- border-radius: 12px;
29
- }
30
-
31
- .switch input {
32
- display: none;
33
- }
34
-
35
- .slider,
36
- .pro-slider {
37
- position: absolute;
38
- cursor: pointer;
39
- top: 0;
40
- right: 0;
41
- left: 0;
42
- bottom: 0;
43
- /* background-color: #f2f2f2;
44
- box-shadow: 0 0 2px 1px #ccc inset; */
45
- -webkit-transition: 0.4s;
46
- transition: 0.4s;
47
- }
48
-
49
- .slider:before,
50
- .pro-slider:before {
51
- position: absolute;
52
- content: "";
53
- right: 3px;
54
- top: 50%;
55
- -webkit-transform: translateY(-50%);
56
- -ms-transform: translateY(-50%);
57
- transform: translateY(-50%);
58
- /* background: radial-gradient(farthest-corner at 14px 0px, #f0f0f0 50%, #cacaca 100%); */
59
- -webkit-transition: all 0.4s ease-in-out;
60
- transition: all 0.4s ease-in-out;
61
- padding: 0;
62
- margin: 0;
63
- width: 15px;
64
- height: 15px;
65
- -webkit-border-radius: 8px;
66
- border-radius: 8px;
67
- -webkit-filter: drop-shadow(0px 5px 2.5px rgba(40, 40, 40, 0.35));
68
- filter: drop-shadow(0px 5px 2.5px rgba(40, 40, 40, 0.35));
69
- background-color: #f7f7f7;
70
- border: 1px solid #ffffff;
71
- /* box-shadow: 0 2.5px 5px #b8b8b9; */
72
- }
73
-
74
- input:checked+.slider {
75
- background: #8dc900;
76
- }
77
-
78
- input:focus+.slider {
79
- -webkit-box-shadow: 0 0 1px #18a4fd;
80
- box-shadow: 0 0 1px #18a4fd;
81
- }
82
-
83
- input:checked+.slider:before {
84
- -webkit-transform: translate3d(-20px, -50%, 0);
85
- transform: translate3d(-20px, -50%, 0);
86
- }
87
-
88
- .slider.round,
89
- .pro-slider.round {
90
- -webkit-border-radius: 34px;
91
- border-radius: 34px;
92
- background-image: -webkit-gradient(linear, right top, right bottom, from(#cfcfcf), to(#dbdbdb));
93
- background-image: -webkit-linear-gradient(top, #cfcfcf 0%, #dbdbdb 100%);
94
- background-image: linear-gradient(-180deg, #cfcfcf 0%, #dbdbdb 100%);
95
- }
96
-
97
- .slider.round:before,
98
- .pro-slider.round:before {
99
- -webkit-border-radius: 50%;
100
- border-radius: 50%;
101
- }
102
-
103
- .switch input:disabled+.pro-slider::after {
104
- position: absolute;
105
- font-family: "Dashicons";
106
- content: "\f160";
107
- color: #474747;
108
- left: 8px;
109
- top: 50%;
110
- -webkit-transform: translateY(-50%);
111
- -ms-transform: translateY(-50%);
112
- transform: translateY(-50%);
113
- }
114
-
115
- .pa-api-disable-title label,
116
- .pa-is-beta label {
117
- margin-left: 15px;
118
- }
119
-
120
- .pa-api-disable-title span,
121
- .pa-is-beta span {
122
- font-weight: 400;
123
- }
124
-
125
- .pa-maps-api-notice {
126
- margin: 0.5em 0;
127
- }
128
-
129
- .pa-api-title input {
130
- margin-top: 10px;
131
- font-size: normal;
132
- font-weight: 400;
133
- width: 400px;
134
- margin-right: 30px;
135
- }
136
-
137
- .pa-sys-info-tab {
138
- background: #f7f7f7;
139
- margin: 8px;
140
- border: 2px solid #ddd;
141
- -webkit-border-radius: 3px;
142
- border-radius: 3px;
143
- padding: 0;
144
- }
145
-
146
- .pa-system-info-container {
147
- padding: 10px;
148
- }
149
-
150
- .dialog-type-lightbox .dialog-widget-header {
151
- text-align: center;
152
- font-size: 15px;
153
- color: #495157;
154
- padding: 30px 0 10px;
155
- font-weight: 500;
156
- }
157
-
158
- .pa-swal.swal2-show {
159
- padding: 32px;
160
- padding-bottom: 50px;
161
- background-image: url("../../images/popup-pattern.jpg");
162
- background-repeat: no-repeat;
163
- -webkit-background-size: cover;
164
- background-size: cover;
165
- -webkit-border-radius: 0 50px;
166
- border-radius: 0 50px;
167
- }
168
-
169
- .pa-swal .swal2-close {
170
- color: #c2c4cf;
171
- }
172
-
173
- .pa-swal .swal2-close:hover {
174
- color: #00a5e5;
175
- }
176
-
177
- .pa-swal .swal2-title {
178
- margin: 0;
179
- }
180
-
181
- .pa-swal .swal2-content {
182
- font-size: 13px;
183
- color: #474747;
184
- font-family: "Poppins";
185
- text-align: center;
186
- margin: 0;
187
- margin-bottom: 0px;
188
- }
189
-
190
- .pa-swal .swal2-cancel.swal2-styled,
191
- .pa-swal .swal2-cancel.swal2-styled:hover,
192
- .pa-swal .swal2-confirm.swal2-styled {
193
- background-image: none !important;
194
- background-color: #ebebeb;
195
- color: #474747;
196
- border: none !important;
197
- -webkit-box-shadow: none !important;
198
- box-shadow: none !important;
199
- font-family: "Red Hat Display";
200
- font-size: 15px;
201
- font-weight: 700;
202
- }
203
-
204
- .pa-swal .swal2-confirm.swal2-styled,
205
- .pa-swal .swal2-confirm.swal2-styled:hover {
206
- min-width: 128px;
207
- color: #fff;
208
- background-image: none !important;
209
- background-color: #00a5e5;
210
- }
211
-
212
- /**
213
- * New Dashboard
214
- */
215
- .pa-settings-wrap {
216
- padding: 35px;
217
- padding-right: 15px;
218
- }
219
-
220
- .pa-settings-section {
221
- display: none;
222
- }
223
-
224
- .pa-settings-tabs {
225
- background-color: #fff;
226
- -webkit-border-radius: 15px;
227
- border-radius: 15px;
228
- padding: 36px;
229
- margin-bottom: 12px;
230
- }
231
-
232
- .pa-settings-tabs-list {
233
- clear: right;
234
- margin: 0;
235
- list-style-type: none;
236
- }
237
-
238
- .pa-settings-tabs .pa-settings-tabs-list li {
239
- display: inline-block;
240
- margin-bottom: 0;
241
- margin-left: 23px;
242
- }
243
-
244
- .pa-settings-section.active {
245
- display: block;
246
- }
247
-
248
- .papro-admin-notice a,
249
- .pa-settings-wrap .pa-settings-tabs a {
250
- -js-display: flex;
251
- display: -webkit-box;
252
- display: -webkit-flex;
253
- display: -moz-box;
254
- display: -ms-flexbox;
255
- display: flex;
256
- -webkit-box-pack: center;
257
- -webkit-justify-content: center;
258
- -moz-box-pack: center;
259
- -ms-flex-pack: center;
260
- justify-content: center;
261
- -webkit-box-align: center;
262
- -webkit-align-items: center;
263
- -moz-box-align: center;
264
- -ms-flex-align: center;
265
- align-items: center;
266
- font-size: 14px;
267
- line-height: 1.8em;
268
- position: relative;
269
- color: #252c59;
270
- text-decoration: none;
271
- -webkit-transition: all 0.3s ease;
272
- transition: all 0.3s ease;
273
- }
274
-
275
- .papro-admin-notice a.papro-notice-btn {
276
- width: 120px;
277
- /* height: 58px; */
278
- -webkit-border-radius: 15px;
279
- border-radius: 15px;
280
- -webkit-filter: drop-shadow(0px 5px 50px rgba(87, 0, 101, 0.7));
281
- filter: drop-shadow(0px 5px 50px rgba(87, 0, 101, 0.7));
282
- background-color: #ffffff;
283
- font-size: 18px;
284
- color: #fe6300;
285
- font-weight: 800;
286
- font-family: "Red Hat Display";
287
- text-align: center;
288
- padding: 10px 20px;
289
- }
290
-
291
- .pa-settings-wrap .pa-settings-tabs a:focus {
292
- outline: none;
293
- -webkit-box-shadow: none;
294
- box-shadow: none;
295
- }
296
-
297
- .pa-settings-wrap .pa-settings-tabs span {
298
- margin-right: 8px;
299
- font-family: "Poppins";
300
- font-weight: 500;
301
- }
302
-
303
- .pa-settings-wrap .pa-settings-tabs .pa-section-active {
304
- color: #00a5e5;
305
- }
306
-
307
- .pa-section {
308
- display: none;
309
- position: relative;
310
- background-color: #fff;
311
- -webkit-transition: opacity 0.2s;
312
- transition: opacity 0.2s;
313
- padding: 34px;
314
- -webkit-border-radius: 15px;
315
- border-radius: 15px;
316
- }
317
-
318
- /**
319
- * General Tab
320
- */
321
- #pa-general-settings {
322
- -js-display: flex;
323
- display: -webkit-box;
324
- display: -webkit-flex;
325
- display: -moz-box;
326
- display: -ms-flexbox;
327
- display: flex;
328
- -webkit-box-orient: horizontal;
329
- -webkit-box-direction: normal;
330
- -webkit-flex-flow: row wrap;
331
- -moz-box-orient: horizontal;
332
- -moz-box-direction: normal;
333
- -ms-flex-flow: row wrap;
334
- flex-flow: row wrap;
335
- -webkit-box-pack: justify;
336
- -webkit-justify-content: space-between;
337
- -moz-box-pack: justify;
338
- -ms-flex-pack: justify;
339
- justify-content: space-between;
340
- width: 100%;
341
- }
342
-
343
- #pa-general-settings .pa-dash-block {
344
- -webkit-box-flex: 1;
345
- -webkit-flex: 1 1 auto;
346
- -moz-box-flex: 1;
347
- -ms-flex: 1 1 auto;
348
- flex: 1 1 auto;
349
- min-width: 250px;
350
- margin: 0 5px 10px;
351
- -js-display: flex;
352
- display: -webkit-box;
353
- display: -webkit-flex;
354
- display: -moz-box;
355
- display: -ms-flexbox;
356
- display: flex;
357
- -webkit-box-orient: vertical;
358
- -webkit-box-direction: normal;
359
- -webkit-flex-direction: column;
360
- -moz-box-orient: vertical;
361
- -moz-box-direction: normal;
362
- -ms-flex-direction: column;
363
- flex-direction: column;
364
- }
365
-
366
- .pa-dash-block.col-3 {
367
- width: 31%;
368
- }
369
-
370
- .pa-dash-block.col-6 {
371
- width: 64%;
372
- }
373
-
374
- #pa-general-settings .pa-section-info h4 {
375
- font-size: 17px;
376
- }
377
-
378
- #pa-general-settings .pa-section-info:not(.pa-news-section):not(.pa-support-section) p {
379
- min-height: 80px;
380
- }
381
-
382
- #pa-general-settings .pa-section-info .pa-element-icon {
383
- margin-bottom: 12px;
384
- }
385
-
386
- #pa-general-settings .pa-element-icon.icon-inline {
387
- -js-display: inline-flex;
388
- display: -webkit-inline-box;
389
- display: -webkit-inline-flex;
390
- display: -moz-inline-box;
391
- display: -ms-inline-flexbox;
392
- display: inline-flex;
393
- margin-bottom: 0;
394
- vertical-align: middle;
395
- }
396
-
397
- #pa-general-settings .pa-section-info .pa-btn {
398
- display: inline-block;
399
- background-color: #252c59;
400
- color: #fff;
401
- /* margin-top: 12px; */
402
- padding: 12px 36px;
403
- }
404
-
405
- .pa-element-icon.dashicons-facebook-alt {
406
- color: #3b5998 !important
407
- }
408
-
409
- .pa-element-icon.dashicons-youtube {
410
- color: #ff0000 !important
411
- }
412
-
413
- .pa-newsletter-form {
414
- -js-display: flex;
415
- display: -webkit-box;
416
- display: -webkit-flex;
417
- display: -moz-box;
418
- display: -ms-flexbox;
419
- display: flex;
420
- -webkit-flex-wrap: wrap;
421
- -ms-flex-wrap: wrap;
422
- flex-wrap: wrap;
423
- -webkit-box-align: center;
424
- -webkit-align-items: center;
425
- -moz-box-align: center;
426
- -ms-flex-align: center;
427
- align-items: center;
428
- }
429
-
430
- .pa-newsletter-form input {
431
- width: 74%;
432
- padding: 0px 10px;
433
- height: 39px;
434
- font-family: "Poppins";
435
- border: 1px solid #dcdcdc;
436
- -webkit-border-radius: 0 10px 10px 0;
437
- border-radius: 0 10px 10px 0;
438
- direction: rtl;
439
- }
440
-
441
- #pa-general-settings .pa-newsletter-form button.pa-btn {
442
- width: 25%;
443
- padding: 0;
444
- height: 39px;
445
- margin-top: 0;
446
- margin-right: -1px;
447
- -webkit-border-radius: 10px 0 0 10px;
448
- border-radius: 10px 0 0 10px;
449
- }
450
-
451
- #pa-general-settings .pa-news-grid {
452
- -js-display: flex;
453
- display: -webkit-box;
454
- display: -webkit-flex;
455
- display: -moz-box;
456
- display: -ms-flexbox;
457
- display: flex;
458
- -webkit-box-pack: justify;
459
- -webkit-justify-content: space-between;
460
- -moz-box-pack: justify;
461
- -ms-flex-pack: justify;
462
- justify-content: space-between;
463
- margin-top: 12px;
464
- }
465
-
466
- .pa-news-grid .pa-news-post {
467
- position: relative;
468
- width: 33.33%;
469
- margin: 0 5px;
470
- }
471
-
472
- .pa-news-grid .pa-news-post p:nth-of-type(1) {
473
- font-family: "Red Hat Display";
474
- font-size: 15px;
475
- min-height: 60px;
476
- font-weight: 800;
477
- color: #252c59
478
- }
479
-
480
- .pa-news-grid .pa-news-post p:nth-of-type(2) {
481
- font-size: 12px;
482
- }
483
-
484
- .pa-post-img-container img {
485
- width: 100%;
486
- height: 145px;
487
- -o-object-fit: cover;
488
- object-fit: cover;
489
- -webkit-border-radius: 10px;
490
- border-radius: 10px;
491
- }
492
-
493
- .pa-news-grid .pa-news-post a {
494
- position: absolute;
495
- top: 0;
496
- right: 0;
497
- width: 100%;
498
- height: 100%;
499
- z-index: 2;
500
- }
501
-
502
- #pa-general-settings .pa-support-list {
503
- margin: 12px 0 0;
504
- padding: 0;
505
- }
506
-
507
- #pa-general-settings .pa-support-list li {
508
- margin-bottom: 10px;
509
- }
510
-
511
- .pa-support-list li a {
512
- font-size: 15px;
513
- color: #474747;
514
- font-family: "Poppins";
515
- text-decoration: none;
516
- }
517
-
518
- .pa-support-list li a:hover {
519
- color: #135e96;
520
- }
521
-
522
- #pa-general-settings input[type="email"],
523
- #pa-general-settings a:hover,
524
- #pa-general-settings a:focus,
525
- #pa-general-settings a:visited {
526
- border: none;
527
- -webkit-box-shadow: none;
528
- box-shadow: none;
529
- outline: none;
530
- }
531
-
532
-
533
- /**
534
- * Tab Info
535
- */
536
- .pa-section-info-wrap {
537
- padding: 34px;
538
- -webkit-border-radius: 15px;
539
- border-radius: 15px;
540
- background-color: #f7f7f7;
541
- -js-display: flex;
542
- display: -webkit-box;
543
- display: -webkit-flex;
544
- display: -moz-box;
545
- display: -ms-flexbox;
546
- display: flex;
547
- -webkit-box-pack: justify;
548
- -webkit-justify-content: space-between;
549
- -moz-box-pack: justify;
550
- -ms-flex-pack: justify;
551
- justify-content: space-between;
552
- -webkit-box-align: center;
553
- -webkit-align-items: center;
554
- -moz-box-align: center;
555
- -ms-flex-align: center;
556
- align-items: center;
557
- height: 100%;
558
- }
559
-
560
- #pa-general-settings .pa-section-info-wrap,
561
- #pa-ver-control-settings .pa-section-info-wrap {
562
- -webkit-box-orient: vertical;
563
- -webkit-box-direction: normal;
564
- -webkit-flex-direction: column;
565
- -moz-box-orient: vertical;
566
- -moz-box-direction: normal;
567
- -ms-flex-direction: column;
568
- flex-direction: column;
569
- -webkit-box-align: start;
570
- -webkit-align-items: flex-start;
571
- -moz-box-align: start;
572
- -ms-flex-align: start;
573
- align-items: flex-start;
574
- }
575
-
576
- #pa-features-settings .pa-section-outer-wrap:nth-of-type(n + 2),
577
- #pa-ver-control-settings .pa-section-info-wrap:nth-of-type(n + 2) {
578
- margin-top: 36px;
579
- }
580
-
581
- #pa-section-elements .pa-section-outer-wrap {
582
- margin-bottom: 16px;
583
- }
584
-
585
- .pa-section-info-wrap h4 {
586
- font-size: 20px;
587
- color: #252c59;
588
- font-weight: 900;
589
- font-family: "Red Hat Display";
590
- margin: 0;
591
- }
592
-
593
- .pa-section-info-wrap p {
594
- font-size: 14px;
595
- color: #474747;
596
- font-family: "Poppins";
597
- margin: 0;
598
- margin-top: 14px;
599
- }
600
-
601
- .pa-section-info-cta {
602
- position: relative;
603
- z-index: 3;
604
- -js-display: flex;
605
- display: -webkit-box;
606
- display: -webkit-flex;
607
- display: -moz-box;
608
- display: -ms-flexbox;
609
- display: flex;
610
- -webkit-box-align: center;
611
- -webkit-align-items: center;
612
- -moz-box-align: center;
613
- -ms-flex-align: center;
614
- align-items: center;
615
- margin-top: 25px;
616
- }
617
-
618
- .pa-section-info-cta .pa-btn {
619
- color: #474747;
620
- background-color: #ebebeb;
621
- padding: 8px 20px;
622
- -webkit-border-radius: 10px;
623
- border-radius: 10px;
624
- font-size: 15px;
625
- font-weight: 700;
626
- font-family: "Red Hat Display";
627
- -webkit-transition: all 0.2s ease-in-out;
628
- transition: all 0.2s ease-in-out;
629
- }
630
-
631
- .pa-section-info-cta .pa-btn:hover,
632
- .pa-section-info-cta .pa-btn:focus,
633
- .pa-section-info-cta .pa-btn:active {
634
- color: #fff;
635
- background-color: #00a5e5;
636
- }
637
-
638
- .pa-section-info-cta .pa-section-info-label {
639
- font-size: 13px;
640
- color: #474747;
641
- font-family: "Poppins";
642
- text-align: left;
643
- }
644
-
645
- .pa-section-info-cta .pa-section-info-warning {
646
- font-size: 13px;
647
- color: #cca329;
648
- font-weight: 300;
649
- font-family: "Poppins";
650
- margin-right: 20px;
651
- }
652
-
653
- .pa-section-info-cta .pa-section-info-warning i {
654
- font-weight: 300;
655
- vertical-align: bottom;
656
- }
657
-
658
- .pa-section-info-wrap .pa-btn,
659
- .pa-section-info-wrap .pa-btn-unused {
660
- font-family: "Red Hat Display";
661
- color: #8e8e8e;
662
- background-color: #ebebeb;
663
- border: 0px solid;
664
- padding: 16px 28px;
665
- -webkit-border-radius: 10px;
666
- border-radius: 10px;
667
- font-size: 15px;
668
- font-weight: 700;
669
- cursor: pointer;
670
- -webkit-transition: 300ms;
671
- transition: 300ms;
672
- display: block;
673
- text-decoration: none;
674
- }
675
-
676
- .pa-section-info-wrap .pa-btn-regenerate {
677
- border: none;
678
- outline: none;
679
- margin-left: 5px;
680
- transform: rotateY(180deg);
681
- background-color: transparent;
682
- cursor: pointer;
683
- }
684
-
685
- .pa-section-info-wrap .pa-btn-regenerate.loading {
686
- animation: spin 2s linear infinite;
687
- }
688
-
689
- .pa-section-info-wrap .pa-btn-regenerate i.dashicons {
690
- color: #474747;
691
- }
692
-
693
- .pa-section-info-wrap .pa-btn-unused {
694
- width: 100%;
695
- clear: both;
696
- background: transparent;
697
- color: #252C59;
698
- padding-bottom: 0;
699
- text-decoration: underline;
700
- font-weight: normal;
701
- }
702
-
703
- .pa-section-info-wrap .pa-btn-unused.dimmed {
704
- cursor: no-drop;
705
- color: #C2C4CF;
706
- }
707
-
708
- .pa-element-name .pa-total-use {
709
- color: #252C59;
710
- }
711
-
712
- .pa-section-info-wrap button.pa-btn-enable {
713
- -webkit-border-top-left-radius: 0;
714
- border-top-left-radius: 0;
715
- -webkit-border-bottom-left-radius: 0;
716
- border-bottom-left-radius: 0;
717
- float: right;
718
- }
719
-
720
- .pa-section-info-wrap button.pa-btn-disable {
721
- -webkit-border-top-right-radius: 0;
722
- border-top-right-radius: 0;
723
- -webkit-border-bottom-right-radius: 0;
724
- border-bottom-right-radius: 0;
725
- float: left;
726
- }
727
-
728
- .pa-section-info-wrap .pa-btn-enable.active {
729
- color: #fff;
730
- -webkit-box-shadow: inset -3.5px 1.8px 7px 0px rgba(125, 125, 125, 0.5);
731
- box-shadow: inset -3.5px 1.8px 7px 0px rgba(125, 125, 125, 0.5);
732
- background-color: #8dc900;
733
- }
734
-
735
- .pa-section-info-wrap .pa-btn-disable.active {
736
- color: #fff;
737
- -webkit-box-shadow: inset -3.564px 1.816px 7px 0px rgba(81, 81, 81, 0.5);
738
- box-shadow: inset -3.564px 1.816px 7px 0px rgba(81, 81, 81, 0.5);
739
- background-color: #898989;
740
- }
741
-
742
- .pa-section-info-wrap .pa-btn-enable:not(.active):hover {
743
- color: #ffffff;
744
- background-color: #8dc900;
745
- }
746
-
747
- .pa-section-info-wrap .pa-btn-disable:not(.active):hover {
748
- color: #ffffff;
749
- background-color: #898989;
750
- }
751
-
752
- /*
753
- * Widgets & Addons Tab
754
- */
755
- .pa-elements-settings {
756
- position: relative;
757
- -js-display: flex;
758
- display: -webkit-box;
759
- display: -webkit-flex;
760
- display: -moz-box;
761
- display: -ms-flexbox;
762
- display: flex;
763
- margin-top: 16px;
764
- }
765
-
766
- .pa-elements-filter {
767
- position: absolute;
768
- top: 10px;
769
- left: 16px;
770
- }
771
-
772
- .pa-elements-filter label {
773
- font-size: 13px;
774
- color: #474747;
775
- font-family: "Poppins";
776
- margin-left: 10px;
777
- }
778
-
779
- .pa-elements-filter select {
780
- padding: 5px 15px 5px 35px;
781
- }
782
-
783
- .pa-elements-tabs {
784
- -webkit-border-radius: 10px;
785
- border-radius: 10px;
786
- background-color: #f7f7f7;
787
- padding: 20px;
788
- margin-left: 16px;
789
- }
790
-
791
- .pa-elements-tabs .pa-elements-tab {
792
- position: relative;
793
- padding: 0;
794
- margin-bottom: 12px;
795
- text-align: center;
796
- }
797
-
798
- .pa-elements-tab .pa-element-tab-tooltip {
799
- position: absolute;
800
- background-color: #3a3c40;
801
- display: block;
802
- position: absolute;
803
- top: 50%;
804
- right: 100%;
805
- padding: 10px 20px;
806
- -webkit-border-radius: 13px;
807
- border-radius: 13px;
808
- -webkit-filter: drop-shadow(0px 5px 27.5px rgba(104, 104, 104, 0.3));
809
- filter: drop-shadow(0px 5px 27.5px rgba(104, 104, 104, 0.3));
810
- background-color: #ffffff;
811
- font-size: 11px;
812
- color: #252c59;
813
- font-weight: 500;
814
- font-family: "Poppins";
815
- opacity: 0;
816
- pointer-events: none;
817
- text-transform: capitalize;
818
- -webkit-transform: translate(-30px, -50%);
819
- -ms-transform: translate(-30px, -50%);
820
- transform: translate(-30px, -50%);
821
- -webkit-transition: all 0.3s ease;
822
- transition: all 0.3s ease;
823
- z-index: 1;
824
- white-space: nowrap;
825
- }
826
-
827
- .pa-elements-tab .pa-element-tab-tooltip::before {
828
- display: block;
829
- position: absolute;
830
- top: 50%;
831
- right: -5px;
832
- width: 0;
833
- height: 0;
834
- content: "";
835
- border-top: 5px solid transparent;
836
- border-bottom: 5px solid transparent;
837
- border-left: 5px solid #ffffff;
838
- -webkit-transform: translateY(-50%);
839
- -ms-transform: translateY(-50%);
840
- transform: translateY(-50%);
841
- }
842
-
843
- .pa-elements-tab .pa-elements-tab-link {
844
- -js-display: flex;
845
- display: -webkit-box;
846
- display: -webkit-flex;
847
- display: -moz-box;
848
- display: -ms-flexbox;
849
- display: flex;
850
- -webkit-box-pack: center;
851
- -webkit-justify-content: center;
852
- -moz-box-pack: center;
853
- -ms-flex-pack: center;
854
- justify-content: center;
855
- -webkit-box-align: center;
856
- -webkit-align-items: center;
857
- -moz-box-align: center;
858
- -ms-flex-align: center;
859
- align-items: center;
860
- color: #c2c4cf;
861
- padding: 12px;
862
- text-decoration: none;
863
- -webkit-transition: all 0.3s ease-in-out;
864
- transition: all 0.3s ease-in-out;
865
- -webkit-border-radius: 13px;
866
- border-radius: 13px;
867
- }
868
-
869
- .pa-elements-tab .pa-elements-tab-link:hover,
870
- .pa-elements-tab .pa-elements-tab-link.active {
871
- -webkit-filter: drop-shadow(-4.243px -4.243px 3px rgba(255, 255, 255, 0.5)) drop-shadow(4.243px 4.243px 3px rgba(191, 201, 210, 0.6));
872
- filter: drop-shadow(-4.243px -4.243px 3px rgba(255, 255, 255, 0.5)) drop-shadow(4.243px 4.243px 3px rgba(191, 201, 210, 0.6));
873
- background-color: #ffffff;
874
- color: #00a5e5;
875
- outline: none;
876
- border: none;
877
- text-decoration: none;
878
- -webkit-box-shadow: none;
879
- box-shadow: none;
880
- }
881
-
882
- .pa-elements-tab .pa-elements-tab-link:hover+span {
883
- opacity: 1;
884
- -webkit-transform: translate(-20px, -50%);
885
- -ms-transform: translate(-20px, -50%);
886
- transform: translate(-20px, -50%);
887
- }
888
-
889
- .pa-switchers {
890
- -js-display: flex;
891
- display: -webkit-box;
892
- display: -webkit-flex;
893
- display: -moz-box;
894
- display: -ms-flexbox;
895
- display: flex;
896
- -webkit-flex-wrap: wrap;
897
- -ms-flex-wrap: wrap;
898
- flex-wrap: wrap;
899
- -webkit-align-content: flex-start;
900
- -ms-flex-line-pack: start;
901
- align-content: flex-start;
902
- }
903
-
904
- .pa-switchers-container {
905
- width: 100%;
906
- }
907
-
908
- .pa-switchers-container.hidden,
909
- .pa-switcher.hidden {
910
- display: none;
911
- }
912
-
913
- .pa-switchers-container .pa-elements-tab-title {
914
- font-size: 20px;
915
- color: #252c59;
916
- font-weight: 900;
917
- font-family: "Red Hat Display";
918
- margin: 16px 0;
919
- }
920
-
921
- .pa-switcher {
922
- -webkit-border-radius: 15px;
923
- border-radius: 15px;
924
- background-color: #f7f7f7;
925
- position: relative;
926
- -js-display: flex;
927
- display: -webkit-box;
928
- display: -webkit-flex;
929
- display: -moz-box;
930
- display: -ms-flexbox;
931
- display: flex;
932
- width: -webkit-calc(50% - 56px);
933
- width: calc(50% - 56px);
934
- -webkit-box-pack: justify;
935
- -webkit-justify-content: space-between;
936
- -moz-box-pack: justify;
937
- -ms-flex-pack: justify;
938
- justify-content: space-between;
939
- -webkit-box-align: center;
940
- -webkit-align-items: center;
941
- -moz-box-align: center;
942
- -ms-flex-align: center;
943
- align-items: center;
944
- padding: 20px;
945
- margin-top: 16px;
946
- margin-left: 16px;
947
- }
948
-
949
- .pa-element-info {
950
- -js-display: flex;
951
- display: -webkit-box;
952
- display: -webkit-flex;
953
- display: -moz-box;
954
- display: -ms-flexbox;
955
- display: flex;
956
- -webkit-box-align: center;
957
- -webkit-align-items: center;
958
- -moz-box-align: center;
959
- -ms-flex-align: center;
960
- align-items: center;
961
- }
962
-
963
- .pa-section .pa-element-icon {
964
- color: #252c59;
965
- background-color: #ebebeb;
966
- -webkit-border-radius: 15px;
967
- border-radius: 15px;
968
- /* padding: 12px; */
969
- min-width: 40px;
970
- min-height: 40px;
971
- margin-left: 8px;
972
- -js-display: flex;
973
- display: -webkit-box;
974
- display: -webkit-flex;
975
- display: -moz-box;
976
- display: -ms-flexbox;
977
- display: flex;
978
- -webkit-box-pack: center;
979
- -webkit-justify-content: center;
980
- -moz-box-pack: center;
981
- -ms-flex-pack: center;
982
- justify-content: center;
983
- -webkit-box-align: center;
984
- -webkit-align-items: center;
985
- -moz-box-align: center;
986
- -ms-flex-align: center;
987
- align-items: center;
988
- }
989
-
990
- .pa-element-name {
991
- font-size: 16px;
992
- color: #252c59;
993
- font-weight: 700;
994
- font-family: "Red Hat Display";
995
- margin: 0;
996
- -js-display: flex;
997
- display: -webkit-box;
998
- display: -webkit-flex;
999
- display: -moz-box;
1000
- display: -ms-flexbox;
1001
- display: flex;
1002
- }
1003
-
1004
- .pa-element-name span {
1005
- text-transform: uppercase;
1006
- color: #fd9926;
1007
- font-weight: 700;
1008
- font-size: 11px;
1009
- margin-right: 5px;
1010
- }
1011
-
1012
- .pa-element-link {
1013
- font-size: 13px;
1014
- color: #252c59;
1015
- font-family: "Poppins";
1016
- text-decoration: none;
1017
- -webkit-transition: all 0.2s ease-in-out;
1018
- transition: all 0.2s ease-in-out;
1019
- }
1020
-
1021
- .pa-element-link-separator {
1022
- width: 3px;
1023
- height: 3px;
1024
- display: inline-block;
1025
- text-align: center;
1026
- color: #252c59;
1027
- background: #252c59;
1028
- -webkit-border-radius: 50%;
1029
- border-radius: 50%;
1030
- vertical-align: middle;
1031
- margin: 0 3px;
1032
- }
1033
-
1034
- .pa-element-link:hover,
1035
- .pa-element-link:focus {
1036
- color: #00a5e5;
1037
- text-decoration: none;
1038
- outline: none;
1039
- -webkit-box-shadow: none;
1040
- box-shadow: none;
1041
- border: none;
1042
- }
1043
-
1044
- /*
1045
- * Global Features
1046
- */
1047
- .pa-section-outer-wrap {
1048
- position: relative;
1049
- }
1050
-
1051
- .pa-section-outer-wrap a {
1052
- position: absolute;
1053
- top: 0;
1054
- left: 0;
1055
- width: 100%;
1056
- height: 100%;
1057
- }
1058
-
1059
- .pa-section-outer-wrap a:focus,
1060
- .pa-section-outer-wrap a:visited {
1061
- outline: none;
1062
- text-decoration: none;
1063
- box-shadow: none;
1064
- }
1065
-
1066
- /*
1067
- * Integrations
1068
- */
1069
- .pa-maps-table select {
1070
- width: 100%;
1071
- max-width: 100%;
1072
- padding: 8px;
1073
- }
1074
-
1075
- .pa-maps-table #premium-map-api,
1076
- .pa-maps-table #premium-youtube-api {
1077
- width: 100%;
1078
- }
1079
-
1080
- .pa-maps-table tr td {
1081
- padding-top: 30px;
1082
- }
1083
-
1084
- .pa-maps-table tr td:first-of-type {
1085
- padding-left: 30px;
1086
- }
1087
-
1088
- .pa-maps-table td h4 {
1089
- margin: 0;
1090
- font-size: 15px;
1091
- color: #252c59;
1092
- font-weight: 500;
1093
- font-family: "Poppins";
1094
- display: inline-block;
1095
- }
1096
-
1097
- .pa-maps-table td span {
1098
- font-size: 13px;
1099
- color: #474747;
1100
- font-family: "Poppins";
1101
- vertical-align: middle;
1102
- }
1103
-
1104
- .pa-maps-table td input[type="text"] {
1105
- -webkit-border-radius: 10px;
1106
- border-radius: 10px;
1107
- background-color: #ebebeb;
1108
- border: none;
1109
- padding: 8px 20px;
1110
- }
1111
-
1112
- .pa-section input[type="checkbox"] {
1113
- border: none;
1114
- display: none;
1115
- }
1116
-
1117
- .pa-section input[type="checkbox"]+label {
1118
- position: relative;
1119
- background: #ebebeb;
1120
- height: 16px;
1121
- width: 16px;
1122
- display: inline-block;
1123
- padding: 0;
1124
- margin-left: 5px;
1125
- -webkit-border-radius: 4px;
1126
- border-radius: 4px;
1127
- }
1128
-
1129
- .pa-section input[type="checkbox"]:checked+label {
1130
- background: #00a5e5;
1131
- height: 16px;
1132
- width: 16px;
1133
- display: inline-block;
1134
- padding: 0;
1135
- }
1136
-
1137
- .pa-section input[type="checkbox"]:checked+label:before {
1138
- position: absolute;
1139
- content: "✔";
1140
- color: #fff;
1141
- font-size: 12px;
1142
- top: 0;
1143
- right: 0;
1144
- width: 100%;
1145
- height: 100%;
1146
- text-align: center;
1147
- margin-top: -1px;
1148
- }
1149
-
1150
- .pa-maps-table td input:focus {
1151
- outline: none;
1152
- -webkit-box-shadow: none;
1153
- box-shadow: none;
1154
- border: none;
1155
- }
1156
-
1157
- .pa-elements-filter select,
1158
- .pa-maps-table td select {
1159
- border-color: #dcdcdc;
1160
- -webkit-border-radius: 10px;
1161
- border-radius: 10px;
1162
- -webkit-border-bottom-left-radius: 0;
1163
- border-bottom-left-radius: 0;
1164
- }
1165
-
1166
- .pa-maps-circle-icon {
1167
- width: 5px;
1168
- height: 5px;
1169
- background-color: #252c59;
1170
- -webkit-border-radius: 50%;
1171
- border-radius: 50%;
1172
- display: inline-block;
1173
- vertical-align: middle;
1174
- margin-left: 10px;
1175
- }
1176
-
1177
- .pa-maps-table td h4:before {
1178
- position: absolute;
1179
- content: "";
1180
- }
1181
-
1182
- /*
1183
- * White Labeling Tab
1184
- */
1185
- .pa-wht-lbl-settings .pa-wht-lbl-title {
1186
- font-size: 20px;
1187
- color: #252c59;
1188
- font-weight: 900;
1189
- font-family: "Red Hat Display";
1190
- margin: 0;
1191
- }
1192
-
1193
- .pa-wht-lbl-settings .pa-row {
1194
- width: 60%;
1195
- float: right;
1196
- }
1197
-
1198
- .pa-wht-lbl-settings .pa-wht-lbl-admin {
1199
- width: 30%;
1200
- float: right;
1201
- margin-right: 16px;
1202
- }
1203
-
1204
- .pa-wht-lbl-settings .pa-wht-lbl-head {
1205
- border-bottom: 1px solid #ddd;
1206
- background: #f7f7f7;
1207
- padding: 20px;
1208
- }
1209
-
1210
- .pa-wht-lbl-table {
1211
- text-align: right;
1212
- }
1213
-
1214
- .pa-wht-lbl-settings input {
1215
- font-weight: 400;
1216
- margin: 0;
1217
- margin-bottom: 12px;
1218
- -webkit-border-radius: 10px;
1219
- border-radius: 10px;
1220
- /* background-color: #ebebeb; */
1221
- border: 1px solid #dcdcdc;
1222
- padding: 8px 20px;
1223
- }
1224
-
1225
- /* .pa-wht-lbl-settings input + span {
1226
- margin-left: 0.3em;
1227
- } */
1228
-
1229
- .pa-wht-lbl-settings label+span {
1230
- font-family: "Poppins";
1231
- vertical-align: middle;
1232
- }
1233
-
1234
- .pa-wht-lbl-settings .pa-input-label {
1235
- display: block;
1236
- font-weight: 600;
1237
- margin: 10px 0 6px;
1238
- font-size: 14px;
1239
- color: #252c59;
1240
- font-family: "Red Hat Display";
1241
- }
1242
-
1243
- .pa-wht-lbl-settings input[type="text"] {
1244
- width: 550px;
1245
- }
1246
-
1247
- .pa-wht-lbl-settings input[type="text"]::-webkit-input-placeholder {
1248
- font-weight: 300;
1249
- font-family: "Poppins";
1250
- }
1251
-
1252
- .pa-wht-lbl-settings input[type="text"]:-moz-placeholder {
1253
- font-weight: 300;
1254
- font-family: "Poppins";
1255
- }
1256
-
1257
- .pa-wht-lbl-settings input[type="text"]::-moz-placeholder {
1258
- font-weight: 300;
1259
- font-family: "Poppins";
1260
- }
1261
-
1262
- .pa-wht-lbl-settings input[type="text"]:-ms-input-placeholder {
1263
- font-weight: 300;
1264
- font-family: "Poppins";
1265
- }
1266
-
1267
- .pa-wht-lbl-settings input[type="text"]::-ms-input-placeholder {
1268
- font-weight: 300;
1269
- font-family: "Poppins";
1270
- }
1271
-
1272
- .pa-wht-lbl-settings input[type="text"]::placeholder {
1273
- font-weight: 300;
1274
- font-family: "Poppins";
1275
- }
1276
-
1277
- .pa-wht-lbl-settings .pa-wht-lbl-settings-wrap {
1278
- background: #fff;
1279
- margin: 16px auto;
1280
- border: 1px solid #dcdcdc;
1281
- -webkit-border-radius: 10px;
1282
- border-radius: 10px;
1283
- overflow: hidden;
1284
- }
1285
-
1286
- .pa-wht-lbl-settings .clearfix {
1287
- clear: both;
1288
- }
1289
-
1290
- .pa-wht-lbl-group-wrap {
1291
- padding: 20px;
1292
- }
1293
-
1294
- .pa-section-white-label .pa-white-label-notice {
1295
- position: absolute;
1296
- top: 0;
1297
- right: 0;
1298
- width: 100%;
1299
- height: 100%;
1300
- background: rgba(200, 200, 200, 0.8);
1301
- -webkit-border-radius: 15px;
1302
- border-radius: 15px;
1303
- -js-display: flex;
1304
- display: -webkit-box;
1305
- display: -webkit-flex;
1306
- display: -moz-box;
1307
- display: -ms-flexbox;
1308
- display: flex;
1309
- -webkit-box-pack: center;
1310
- -webkit-justify-content: center;
1311
- -moz-box-pack: center;
1312
- -ms-flex-pack: center;
1313
- justify-content: center;
1314
- }
1315
-
1316
- .pa-white-label-notice-content {
1317
- position: absolute;
1318
- top: 200px;
1319
- right: 200;
1320
- width: 530px;
1321
- background-image: url("../../images/popup-pattern.jpg");
1322
- background-repeat: no-repeat;
1323
- -webkit-background-size: cover;
1324
- background-size: cover;
1325
- padding: 32px;
1326
- padding-bottom: 50px;
1327
- -webkit-border-radius: 0px 50px;
1328
- border-radius: 0px 50px;
1329
- text-align: center;
1330
- z-index: 2;
1331
- }
1332
-
1333
- .pa-white-label-notice-logo {
1334
- -webkit-transform: translateY(-32px);
1335
- -ms-transform: translateY(-32px);
1336
- transform: translateY(-32px);
1337
- margin-bottom: -18px;
1338
- }
1339
-
1340
- .pa-white-label-notice-logo img {
1341
- padding: 10px;
1342
- padding-top: 40px;
1343
- background-color: #ffffff;
1344
- border: 1px solid #e6e6e6;
1345
- -webkit-border-radius: 50px;
1346
- border-radius: 50px;
1347
- -webkit-border-top-right-radius: 50px;
1348
- border-top-right-radius: 50px;
1349
- -webkit-border-top-left-radius: 50px;
1350
- border-top-left-radius: 50px;
1351
- -webkit-border-top-right-radius: 0;
1352
- border-top-right-radius: 0;
1353
- -webkit-border-top-left-radius: 0;
1354
- border-top-left-radius: 0;
1355
- }
1356
-
1357
- .pa-white-label-notice-content h2,
1358
- .pa-swal-head {
1359
- display: inline-block;
1360
- font-size: 23px;
1361
- color: #252c59;
1362
- font-weight: 900;
1363
- font-family: "Red Hat Display";
1364
- text-align: center;
1365
- max-width: 350px;
1366
- line-height: 1;
1367
- margin: 0;
1368
- margin-bottom: 18px;
1369
- }
1370
-
1371
- .pa-white-label-notice-content h2 span {
1372
- color: #fd9926;
1373
- text-transform: uppercase;
1374
- font-family: "Red Hat Display";
1375
- }
1376
-
1377
- .pa-white-label-notice-content p {
1378
- font-size: 13px;
1379
- color: #474747;
1380
- font-family: "Poppins";
1381
- text-align: center;
1382
- margin: 0;
1383
- margin-bottom: 18px;
1384
- }
1385
-
1386
- .pa-white-label-notice-content a.pa-get-pro {
1387
- display: inline-block;
1388
- width: 117px;
1389
- padding: 12px 10px;
1390
- -webkit-border-radius: 10px;
1391
- border-radius: 10px;
1392
- color: #ffffff;
1393
- font-size: 15px;
1394
- font-weight: 900;
1395
- font-family: "Red Hat Display";
1396
- -webkit-filter: drop-shadow(0px 20px 17.5px rgba(254, 99, 0, 0.2));
1397
- filter: drop-shadow(0px 20px 17.5px rgba(254, 99, 0, 0.2));
1398
- text-decoration: none;
1399
- outline: none;
1400
- border: none;
1401
- background-image: -webkit-linear-gradient(-120deg, #fe6300 0%, #fe9f00 100%);
1402
- background-image: linear-gradient(30deg, #fe6300 0%, #fe9f00 100%);
1403
- -webkit-transition: all 0.2s ease-in-out;
1404
- transition: all 0.2s ease-in-out;
1405
- }
1406
-
1407
- .pa-white-label-notice-content a.pa-get-pro:hover {
1408
- background-image: -webkit-linear-gradient(-60deg, #fe6300 0%, #fe9f00 100%);
1409
- background-image: linear-gradient(-30deg, #fe6300 0%, #fe9f00 100%);
1410
- }
1411
-
1412
- /*
1413
- * System Info Tab
1414
- */
1415
- .pa-section-info table.widefat {
1416
- border: 0px;
1417
- -webkit-box-shadow: none;
1418
- box-shadow: none;
1419
- font-family: "Poppins";
1420
- }
1421
-
1422
- .pa-section-info .widefat td:first-child {
1423
- width: 30%;
1424
- }
1425
-
1426
- .pa-section-info table.widefat tr:nth-child(2n) {
1427
- background-color: #f7f7f7;
1428
- }
1429
-
1430
- /*
1431
- * License Tab
1432
- */
1433
- .pa-license-form span {
1434
- color: #474747;
1435
- font-family: "Poppins";
1436
- }
1437
-
1438
- .pa-license-form label {
1439
- display: block;
1440
- font-weight: 500;
1441
- margin: 2em 0 0.5em;
1442
- }
1443
-
1444
- .pa-license-form code {
1445
- padding: 3px 5px 2px;
1446
- margin: 0 1px;
1447
- background: #eaeaea;
1448
- background: rgba(0, 0, 0, 0.07);
1449
- font-size: 13px;
1450
- font-style: italic;
1451
- }
1452
-
1453
- .pa-license-form .button.button-primary {
1454
- width: 147px;
1455
- height: 43px;
1456
- /* -webkit-filter: drop-shadow(0px 10px 35px rgba(0, 165, 229, 0.3));
1457
- filter: drop-shadow(0px 10px 35px rgba(0, 165, 229, 0.3)); */
1458
- background-color: #00a5e5;
1459
- /* margin-top: 50px; */
1460
- margin-right: -3px;
1461
- -webkit-border-radius: 10px 0 0 10px;
1462
- border-radius: 10px 0 0 10px;
1463
- border: none;
1464
- }
1465
-
1466
- #papro-license-key:focus,
1467
- .pa-license-form .button.button-primary:focus {
1468
- outline: none;
1469
- -webkit-box-shadow: none;
1470
- box-shadow: none;
1471
- }
1472
-
1473
- #papro-license-key {
1474
- height: 43px;
1475
- line-height: 1;
1476
- margin: 0;
1477
- padding: 8px 20px;
1478
- -webkit-border-radius: 0 10px 10px 0;
1479
- border-radius: 0 10px 10px 0;
1480
- }
1481
-
1482
- .pa-license-form input+span {
1483
- margin-right: 10px;
1484
- font-weight: 600;
1485
- }
1486
-
1487
- .pa-license-cell span {
1488
- margin-right: 0.3em;
1489
- }
1490
-
1491
- @media(min-width: 1550px) {
1492
- #pa-general-settings .pa-section-info:not(.pa-news-section):not(.pa-support-section) p {
1493
- min-height: 65px;
1494
- }
1495
-
1496
- .pa-news-grid .pa-news-post p:nth-of-type(1) {
1497
- min-height: 40px;
1498
- }
1499
- }
1500
-
1501
- /*
1502
- * PAPRO Notice
1503
- */
1504
- .papro-admin-notice {
1505
- -webkit-display: flex;
1506
- display: -webkit-box;
1507
- display: -ms-flexbox;
1508
- -js-display: flex;
1509
- display: -moz-box;
1510
- display: flex;
1511
- -webkit-box-pack: end;
1512
- -ms-flex-pack: end;
1513
- -webkit-justify-content: flex-end;
1514
- -moz-box-pack: end;
1515
- justify-content: flex-end;
1516
- -webkit-box-align: center;
1517
- -ms-flex-align: center;
1518
- -webkit-align-items: center;
1519
- -moz-box-align: center;
1520
- align-items: center;
1521
- margin-bottom: 24px;
1522
- }
1523
-
1524
- .papro-admin-notice>div {
1525
- -webkit-box-flex: 1;
1526
- -webkit-flex-grow: 1;
1527
- -moz-box-flex: 1;
1528
- -ms-flex-positive: 1;
1529
- flex-grow: 1;
1530
- }
1531
-
1532
- .papro-admin-notice-left {
1533
- position: relative;
1534
- padding: 16px;
1535
- -webkit-border-radius: 15px;
1536
- border-radius: 15px;
1537
- background-color: #fff;
1538
- -webkit-flex-basis: 80%;
1539
- -ms-flex-preferred-size: 80%;
1540
- flex-basis: 80%;
1541
- }
1542
-
1543
- .papro-admin-notice-left a {
1544
- position: absolute;
1545
- top: 0;
1546
- right: 0;
1547
- width: 100%;
1548
- height: 100%;
1549
- }
1550
-
1551
- .papro-admin-notice-left a:hover,
1552
- .papro-admin-notice-left a:focus,
1553
- .papro-admin-notice-left a:visited {
1554
- outline: none;
1555
- border: none;
1556
- -webkit-box-shadow: none;
1557
- box-shadow: none;
1558
- text-decoration: none;
1559
- }
1560
-
1561
- .papro-admin-notice-logo {
1562
- -webkit-display: flex;
1563
- display: -webkit-box;
1564
- display: -ms-flexbox;
1565
- -js-display: flex;
1566
- display: -moz-box;
1567
- display: flex;
1568
- -webkit-box-pack: justify;
1569
- -webkit-justify-content: space-between;
1570
- -moz-box-pack: justify;
1571
- -ms-flex-pack: justify;
1572
- justify-content: space-between;
1573
- -webkit-box-align: center;
1574
- -webkit-align-items: center;
1575
- -moz-box-align: center;
1576
- -ms-flex-align: center;
1577
- align-items: center;
1578
- }
1579
-
1580
- .papro-admin-notice-logo label {
1581
- display: block;
1582
- font-weight: 600;
1583
- margin: 10px 0 6px;
1584
- font-size: 14px;
1585
- color: #252c59;
1586
- font-family: "Red Hat Display";
1587
- }
1588
-
1589
- .papro-admin-notice-right {
1590
- -webkit-display: flex;
1591
- display: -webkit-box;
1592
- display: -ms-flexbox;
1593
- -js-display: flex;
1594
- display: -moz-box;
1595
- display: flex;
1596
- -webkit-box-align: center;
1597
- -ms-flex-align: center;
1598
- -webkit-align-items: center;
1599
- -moz-box-align: center;
1600
- align-items: center;
1601
- background: url("../../images/papro-banner.png");
1602
- -webkit-background-size: cover;
1603
- background-size: cover;
1604
- background-repeat: no-repeat;
1605
- padding: 18px;
1606
- -webkit-border-radius: 15px;
1607
- border-radius: 15px;
1608
- overflow: hidden;
1609
- margin-right: 25px;
1610
- }
1611
-
1612
- .papro-admin-notice-right h4 {
1613
- font-size: 20px;
1614
- color: #fff;
1615
- font-weight: 900;
1616
- font-family: "Red Hat Display";
1617
- margin: 0;
1618
- margin-bottom: 8px;
1619
- }
1620
-
1621
- .papro-admin-notice-right p {
1622
- font-size: 14px;
1623
- color: #ffffff;
1624
- font-family: "Poppins";
1625
- margin: 0;
1626
- }
1627
-
1628
- .papro-admin-notice-right span {
1629
- font-weight: 700;
1630
- }
1631
-
1632
- /*
1633
- * Dashboard Tabs
1634
- */
1635
- .pa-dash-general:before {
1636
- content: "\e93e";
1637
- }
1638
-
1639
- .pa-dash-integrations:before {
1640
- content: "\e93f";
1641
- }
1642
-
1643
- .pa-dash-system-info:before {
1644
- content: "\e941";
1645
- }
1646
-
1647
- .pa-dash-vcontrol:before {
1648
- content: "\e942";
1649
- }
1650
-
1651
- .pa-dash-white-label:before {
1652
- content: "\e943";
1653
- }
1654
-
1655
- .pa-dash-elements:before {
1656
- content: "\e944";
1657
- }
1658
-
1659
- .pa-dash-license:before {
1660
- content: "\e940";
1661
- }
1662
-
1663
- .pa-dash-features:before {
1664
- content: "\e911";
1665
- }
1666
-
1667
- /*
1668
- * Elements Categories
1669
- */
1670
- .pa-dash-cat-all:before {
1671
- content: "\e945";
1672
- }
1673
-
1674
- .pa-dash-cat-blurbs:before {
1675
- content: "\e946";
1676
- }
1677
-
1678
- .pa-dash-cat-contact:before {
1679
- content: "\e94a";
1680
- }
1681
-
1682
- .pa-dash-cat-content:before {
1683
- content: "\e948";
1684
- }
1685
-
1686
- .pa-dash-cat-images:before {
1687
- content: "\e949";
1688
- }
1689
-
1690
- .pa-dash-cat-off-grid:before {
1691
- content: "\e94b";
1692
- }
1693
-
1694
- .pa-dash-cat-section:before {
1695
- content: "\e94c";
1696
- }
1697
-
1698
- .pa-dash-cat-feed:before {
1699
- content: "\e94d";
1700
- }
1701
-
1702
- .pa-dash-cat-data:before {
1703
- content: "\e94e";
1704
- }
1705
-
1706
- .pa-dash-cat-social:before {
1707
- content: "\e94f";
1708
- }
1709
-
1710
- /*
1711
- * Widgets Icons
1712
- */
1713
- .pa-dash-premium-notbar:before {
1714
- content: "\e902";
1715
- }
1716
-
1717
- .pa-dash-premium-gradient:before {
1718
- content: "\e903";
1719
- }
1720
-
1721
- .pa-dash-premium-color-transition:before {
1722
- content: "\e904";
1723
- }
1724
-
1725
- .pa-dash-premium-behance:before {
1726
- content: "\e905";
1727
- }
1728
-
1729
- .pa-dash-premium-charts:before {
1730
- content: "\e906";
1731
- }
1732
-
1733
- .pa-dash-premium-content-toggle:before {
1734
- content: "\e907";
1735
- }
1736
-
1737
- .pa-dash-premium-divider:before {
1738
- content: "\e908";
1739
- }
1740
-
1741
- .pa-dash-premium-facebook-feed:before {
1742
- content: "\e90a";
1743
- }
1744
-
1745
- .pa-dash-facebook-feed-2:before {
1746
- content: "\e91b";
1747
- }
1748
-
1749
- .pa-dash-premium-fb-chat:before {
1750
- content: "\e90b";
1751
- }
1752
-
1753
- .pa-dash-premium-facebook-reviews:before {
1754
- content: "\e90c";
1755
- }
1756
-
1757
- .pa-dash-premium-google-reviews:before {
1758
- content: "\e90d";
1759
- }
1760
-
1761
- .pa-dash-premium-hscroll:before {
1762
- content: "\e90e";
1763
- }
1764
-
1765
- .pa-dash-premium-flipbox:before {
1766
- content: "\e90f";
1767
- }
1768
-
1769
- .pa-dash-premium-iconbox:before {
1770
- content: "\e910";
1771
- }
1772
-
1773
- .pa-dash-premium-image-accordion:before {
1774
- content: "\e912";
1775
- }
1776
-
1777
- .pa-dash-premium-image-comparison:before {
1778
- content: "\e913";
1779
- }
1780
-
1781
- .pa-dash-premium-image-hotspots:before {
1782
- content: "\e914";
1783
- }
1784
-
1785
- .pa-dash-premium-img-layers:before {
1786
- content: "\e915";
1787
- }
1788
-
1789
- .pa-dash-premium-instagram-feed:before {
1790
- content: "\e916";
1791
- }
1792
-
1793
- .pa-dash-premium-kenburns:before {
1794
- content: "\e917";
1795
- }
1796
-
1797
- .pa-dash-premium-lottie:before {
1798
- content: "\e918";
1799
- }
1800
-
1801
- .pa-dash-premium-magic-section:before {
1802
- content: "\e919";
1803
- }
1804
-
1805
- .pa-dash-premium-multi-scroll:before {
1806
- content: "\e91a";
1807
- }
1808
-
1809
- .pa-dash-premium-ihover:before {
1810
- content: "\e911";
1811
- }
1812
-
1813
- .pa-dash-premium-parallax:before {
1814
- content: "\e91b";
1815
- }
1816
-
1817
- .pa-dash-premium-particles:before {
1818
- content: "\e91c";
1819
- }
1820
-
1821
- .pa-dash-premium-prev-img:before {
1822
- content: "\e91d";
1823
- }
1824
-
1825
- .pa-dash-premium-tabs:before {
1826
- content: "\e91f";
1827
- }
1828
-
1829
- .pa-dash-premium-tables:before {
1830
- content: "\e91e";
1831
- }
1832
-
1833
- .pa-dash-premium-twitter-feed:before {
1834
- content: "\e921";
1835
- }
1836
-
1837
- .pa-dash-premium-unfold:before {
1838
- content: "\e922";
1839
- }
1840
-
1841
- .pa-dash-premium-whatsapp-chat:before {
1842
- content: "\e923";
1843
- }
1844
-
1845
- .pa-dash-premium-yelp-reviews:before {
1846
- content: "\e924";
1847
- }
1848
-
1849
- .pa-dash-premium-trustpilot-reviews:before {
1850
- content: "\e920";
1851
- }
1852
-
1853
- .pa-dash-premium-banner:before {
1854
- content: "\e925";
1855
- }
1856
-
1857
- .pa-dash-premium-blog:before {
1858
- content: "\e926";
1859
- }
1860
-
1861
- .pa-dash-premium-button:before {
1862
- content: "\e927";
1863
- }
1864
-
1865
- .pa-dash-premium-carousel:before {
1866
- content: "\e928";
1867
- }
1868
-
1869
- .pa-dash-premium-contactform:before {
1870
- content: "\e929";
1871
- }
1872
-
1873
- .pa-dash-premium-countdown:before {
1874
- content: "\e92a";
1875
- }
1876
-
1877
- .pa-dash-premium-counter:before {
1878
- content: "\e92b";
1879
- }
1880
-
1881
- .pa-dash-premium-dual-header:before {
1882
- content: "\e92c";
1883
- }
1884
-
1885
- .pa-dash-premium-fancytext:before {
1886
- content: "\e92d";
1887
- }
1888
-
1889
- .pa-dash-premium-maps:before {
1890
- content: "\e92e";
1891
- }
1892
-
1893
- .pa-dash-premium-title:before {
1894
- content: "\e92f";
1895
- }
1896
-
1897
- .pa-dash-premium-icon-list:before {
1898
- content: "\e930";
1899
- }
1900
-
1901
- .pa-dash-premium-image-button:before {
1902
- content: "\e931";
1903
- }
1904
-
1905
- .pa-dash-premium-image-scroll:before {
1906
- content: "\e932";
1907
- }
1908
-
1909
- .pa-dash-premium-image-separator:before {
1910
- content: "\e933";
1911
- }
1912
-
1913
- /* .pa-dash-premium-lottie:before {
1914
- content: "\e944";
1915
- } */
1916
- .pa-dash-premium-lottie-widget:before {
1917
- content: "\e935";
1918
- }
1919
-
1920
- .pa-dash-premium-grid:before {
1921
- content: "\e946";
1922
- }
1923
-
1924
- .pa-dash-premium-modalbox:before {
1925
- content: "\e937";
1926
- }
1927
-
1928
- .pa-dash-premium-pricing-table:before {
1929
- content: "\e938";
1930
- }
1931
-
1932
- .pa-dash-premium-progressbar:before {
1933
- content: "\e939";
1934
- }
1935
-
1936
- .pa-dash-premium-person:before {
1937
- content: "\e93a";
1938
- }
1939
-
1940
- .pa-dash-premium-testimonials:before {
1941
- content: "\e93b";
1942
- }
1943
-
1944
- .pa-dash-premium-vscroll:before {
1945
- content: "\e93c";
1946
- }
1947
-
1948
- .pa-dash-premium-videobox:before {
1949
- content: "\e93d";
1950
- }
1951
-
1952
- .pa-dash-premium-blob:before {
1953
- content: "\e900";
1954
- }
1955
-
1956
- .pa-dash-woo-products:before {
1957
- content: "\e901";
1958
- }
1959
-
1960
- .pa-dash-premium-global-cursor:before {
1961
- content: "\e951";
1962
- }
1963
-
1964
- @keyframes spin {
1965
- 0% {
1966
- transform: rotateZ(-180deg) rotateY(180deg);
1967
- }
1968
-
1969
- 100% {
1970
- transform: rotateZ(180deg) rotateY(180deg);
1971
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1972
  }
1
+ .button.pa-btn {
2
+ border: none;
3
+ color: #fff;
4
+ text-align: center;
5
+ padding: 3px;
6
+ max-width: 250px;
7
+ height: auto;
8
+ font-weight: 700;
9
+ -webkit-box-shadow: none;
10
+ box-shadow: none;
11
+ }
12
+
13
+ .button.pa-btn:hover,
14
+ .button.pa-btn:focus,
15
+ .button.pa-btn:active {
16
+ outline: none;
17
+ border: none;
18
+ text-decoration: none;
19
+ }
20
+
21
+ .pa-switcher .switch,
22
+ .pa-section-info-cta .switch {
23
+ position: relative;
24
+ display: inline-block;
25
+ width: 44px;
26
+ height: 24px;
27
+ -webkit-border-radius: 12px;
28
+ border-radius: 12px;
29
+ }
30
+
31
+ .switch input {
32
+ display: none;
33
+ }
34
+
35
+ .slider,
36
+ .pro-slider {
37
+ position: absolute;
38
+ cursor: pointer;
39
+ top: 0;
40
+ right: 0;
41
+ left: 0;
42
+ bottom: 0;
43
+ /* background-color: #f2f2f2;
44
+ box-shadow: 0 0 2px 1px #ccc inset; */
45
+ -webkit-transition: 0.4s;
46
+ transition: 0.4s;
47
+ }
48
+
49
+ .slider:before,
50
+ .pro-slider:before {
51
+ position: absolute;
52
+ content: "";
53
+ right: 3px;
54
+ top: 50%;
55
+ -webkit-transform: translateY(-50%);
56
+ -ms-transform: translateY(-50%);
57
+ transform: translateY(-50%);
58
+ /* background: radial-gradient(farthest-corner at 14px 0px, #f0f0f0 50%, #cacaca 100%); */
59
+ -webkit-transition: all 0.4s ease-in-out;
60
+ transition: all 0.4s ease-in-out;
61
+ padding: 0;
62
+ margin: 0;
63
+ width: 15px;
64
+ height: 15px;
65
+ -webkit-border-radius: 8px;
66
+ border-radius: 8px;
67
+ -webkit-filter: drop-shadow(0px 5px 2.5px rgba(40, 40, 40, 0.35));
68
+ filter: drop-shadow(0px 5px 2.5px rgba(40, 40, 40, 0.35));
69
+ background-color: #f7f7f7;
70
+ border: 1px solid #ffffff;
71
+ /* box-shadow: 0 2.5px 5px #b8b8b9; */
72
+ }
73
+
74
+ input:checked+.slider {
75
+ background: #8dc900;
76
+ }
77
+
78
+ input:focus+.slider {
79
+ -webkit-box-shadow: 0 0 1px #18a4fd;
80
+ box-shadow: 0 0 1px #18a4fd;
81
+ }
82
+
83
+ input:checked+.slider:before {
84
+ -webkit-transform: translate3d(-20px, -50%, 0);
85
+ transform: translate3d(-20px, -50%, 0);
86
+ }
87
+
88
+ .slider.round,
89
+ .pro-slider.round {
90
+ -webkit-border-radius: 34px;
91
+ border-radius: 34px;
92
+ background-image: -webkit-gradient(linear, right top, right bottom, from(#cfcfcf), to(#dbdbdb));
93
+ background-image: -webkit-linear-gradient(top, #cfcfcf 0%, #dbdbdb 100%);
94
+ background-image: linear-gradient(-180deg, #cfcfcf 0%, #dbdbdb 100%);
95
+ }
96
+
97
+ .slider.round:before,
98
+ .pro-slider.round:before {
99
+ -webkit-border-radius: 50%;
100
+ border-radius: 50%;
101
+ }
102
+
103
+ .switch input:disabled+.pro-slider::after {
104
+ position: absolute;
105
+ font-family: "Dashicons";
106
+ content: "\f160";
107
+ color: #474747;
108
+ left: 8px;
109
+ top: 50%;
110
+ -webkit-transform: translateY(-50%);
111
+ -ms-transform: translateY(-50%);
112
+ transform: translateY(-50%);
113
+ }
114
+
115
+ .pa-api-disable-title label,
116
+ .pa-is-beta label {
117
+ margin-left: 15px;
118
+ }
119
+
120
+ .pa-api-disable-title span,
121
+ .pa-is-beta span {
122
+ font-weight: 400;
123
+ }
124
+
125
+ .pa-maps-api-notice {
126
+ margin: 0.5em 0;
127
+ }
128
+
129
+ .pa-api-title input {
130
+ margin-top: 10px;
131
+ font-size: normal;
132
+ font-weight: 400;
133
+ width: 400px;
134
+ margin-right: 30px;
135
+ }
136
+
137
+ .pa-sys-info-tab {
138
+ background: #f7f7f7;
139
+ margin: 8px;
140
+ border: 2px solid #ddd;
141
+ -webkit-border-radius: 3px;
142
+ border-radius: 3px;
143
+ padding: 0;
144
+ }
145
+
146
+ .pa-system-info-container {
147
+ padding: 10px;
148
+ }
149
+
150
+ .dialog-type-lightbox .dialog-widget-header {
151
+ text-align: center;
152
+ font-size: 15px;
153
+ color: #495157;
154
+ padding: 30px 0 10px;
155
+ font-weight: 500;
156
+ }
157
+
158
+ .pa-swal.swal2-show {
159
+ padding: 32px;
160
+ padding-bottom: 50px;
161
+ background-image: url("../../images/popup-pattern.jpg");
162
+ background-repeat: no-repeat;
163
+ -webkit-background-size: cover;
164
+ background-size: cover;
165
+ -webkit-border-radius: 0 50px;
166
+ border-radius: 0 50px;
167
+ }
168
+
169
+ .pa-swal .swal2-close {
170
+ color: #c2c4cf;
171
+ }
172
+
173
+ .pa-swal .swal2-close:hover {
174
+ color: #00a5e5;
175
+ }
176
+
177
+ .pa-swal .swal2-title {
178
+ margin: 0;
179
+ }
180
+
181
+ .pa-swal .swal2-content {
182
+ font-size: 13px;
183
+ color: #474747;
184
+ font-family: "Poppins";
185
+ text-align: center;
186
+ margin: 0;
187
+ margin-bottom: 0px;
188
+ }
189
+
190
+ .pa-swal .swal2-cancel.swal2-styled,
191
+ .pa-swal .swal2-cancel.swal2-styled:hover,
192
+ .pa-swal .swal2-confirm.swal2-styled {
193
+ background-image: none !important;
194
+ background-color: #ebebeb;
195
+ color: #474747;
196
+ border: none !important;
197
+ -webkit-box-shadow: none !important;
198
+ box-shadow: none !important;
199
+ font-family: "Red Hat Display";
200
+ font-size: 15px;
201
+ font-weight: 700;
202
+ }
203
+
204
+ .pa-swal .swal2-confirm.swal2-styled,
205
+ .pa-swal .swal2-confirm.swal2-styled:hover {
206
+ min-width: 128px;
207
+ color: #fff;
208
+ background-image: none !important;
209
+ background-color: #00a5e5;
210
+ }
211
+
212
+ /**
213
+ * New Dashboard
214
+ */
215
+ .pa-settings-wrap {
216
+ padding: 35px;
217
+ padding-right: 15px;
218
+ }
219
+
220
+ .pa-settings-section {
221
+ display: none;
222
+ }
223
+
224
+ .pa-settings-tabs {
225
+ background-color: #fff;
226
+ -webkit-border-radius: 15px;
227
+ border-radius: 15px;
228
+ padding: 36px;
229
+ margin-bottom: 12px;
230
+ }
231
+
232
+ .pa-settings-tabs-list {
233
+ clear: right;
234
+ margin: 0;
235
+ list-style-type: none;
236
+ }
237
+
238
+ .pa-settings-tabs .pa-settings-tabs-list li {
239
+ display: inline-block;
240
+ margin-bottom: 0;
241
+ margin-left: 23px;
242
+ }
243
+
244
+ .pa-settings-section.active {
245
+ display: block;
246
+ }
247
+
248
+ .papro-admin-notice a,
249
+ .pa-settings-wrap .pa-settings-tabs a {
250
+ -js-display: flex;
251
+ display: -webkit-box;
252
+ display: -webkit-flex;
253
+ display: -moz-box;
254
+ display: -ms-flexbox;
255
+ display: flex;
256
+ -webkit-box-pack: center;
257
+ -webkit-justify-content: center;
258
+ -moz-box-pack: center;
259
+ -ms-flex-pack: center;
260
+ justify-content: center;
261
+ -webkit-box-align: center;
262
+ -webkit-align-items: center;
263
+ -moz-box-align: center;
264
+ -ms-flex-align: center;
265
+ align-items: center;
266
+ font-size: 14px;
267
+ line-height: 1.8em;
268
+ position: relative;
269
+ color: #252c59;
270
+ text-decoration: none;
271
+ -webkit-transition: all 0.3s ease;
272
+ transition: all 0.3s ease;
273
+ }
274
+
275
+ .papro-admin-notice a.papro-notice-btn {
276
+ width: 120px;
277
+ /* height: 58px; */
278
+ -webkit-border-radius: 15px;
279
+ border-radius: 15px;
280
+ -webkit-filter: drop-shadow(0px 5px 50px rgba(87, 0, 101, 0.7));
281
+ filter: drop-shadow(0px 5px 50px rgba(87, 0, 101, 0.7));
282
+ background-color: #ffffff;
283
+ font-size: 18px;
284
+ color: #fe6300;
285
+ font-weight: 800;
286
+ font-family: "Red Hat Display";
287
+ text-align: center;
288
+ padding: 10px 20px;
289
+ }
290
+
291
+ .pa-settings-wrap .pa-settings-tabs a:focus {
292
+ outline: none;
293
+ -webkit-box-shadow: none;
294
+ box-shadow: none;
295
+ }
296
+
297
+ .pa-settings-wrap .pa-settings-tabs span {
298
+ margin-right: 8px;
299
+ font-family: "Poppins";
300
+ font-weight: 500;
301
+ }
302
+
303
+ .pa-settings-wrap .pa-settings-tabs .pa-section-active {
304
+ color: #00a5e5;
305
+ }
306
+
307
+ .pa-section {
308
+ display: none;
309
+ position: relative;
310
+ background-color: #fff;
311
+ -webkit-transition: opacity 0.2s;
312
+ transition: opacity 0.2s;
313
+ padding: 34px;
314
+ -webkit-border-radius: 15px;
315
+ border-radius: 15px;
316
+ }
317
+
318
+ /**
319
+ * General Tab
320
+ */
321
+ #pa-general-settings {
322
+ -js-display: flex;
323
+ display: -webkit-box;
324
+ display: -webkit-flex;
325
+ display: -moz-box;
326
+ display: -ms-flexbox;
327
+ display: flex;
328
+ -webkit-box-orient: horizontal;
329
+ -webkit-box-direction: normal;
330
+ -webkit-flex-flow: row wrap;
331
+ -moz-box-orient: horizontal;
332
+ -moz-box-direction: normal;
333
+ -ms-flex-flow: row wrap;
334
+ flex-flow: row wrap;
335
+ -webkit-box-pack: justify;
336
+ -webkit-justify-content: space-between;
337
+ -moz-box-pack: justify;
338
+ -ms-flex-pack: justify;
339
+ justify-content: space-between;
340
+ width: 100%;
341
+ }
342
+
343
+ #pa-general-settings .pa-dash-block {
344
+ -webkit-box-flex: 1;
345
+ -webkit-flex: 1 1 auto;
346
+ -moz-box-flex: 1;
347
+ -ms-flex: 1 1 auto;
348
+ flex: 1 1 auto;
349
+ min-width: 250px;
350
+ margin: 0 5px 10px;
351
+ -js-display: flex;
352
+ display: -webkit-box;
353
+ display: -webkit-flex;
354
+ display: -moz-box;
355
+ display: -ms-flexbox;
356
+ display: flex;
357
+ -webkit-box-orient: vertical;
358
+ -webkit-box-direction: normal;
359
+ -webkit-flex-direction: column;
360
+ -moz-box-orient: vertical;
361
+ -moz-box-direction: normal;
362
+ -ms-flex-direction: column;
363
+ flex-direction: column;
364
+ }
365
+
366
+ .pa-dash-block.col-3 {
367
+ width: 31%;
368
+ }
369
+
370
+ .pa-dash-block.col-6 {
371
+ width: 64%;
372
+ }
373
+
374
+ #pa-general-settings .pa-section-info h4 {
375
+ font-size: 17px;
376
+ }
377
+
378
+ #pa-general-settings .pa-section-info:not(.pa-news-section):not(.pa-support-section) p {
379
+ min-height: 80px;
380
+ }
381
+
382
+ #pa-general-settings .pa-section-info .pa-element-icon {
383
+ margin-bottom: 12px;
384
+ }
385
+
386
+ #pa-general-settings .pa-element-icon.icon-inline {
387
+ -js-display: inline-flex;
388
+ display: -webkit-inline-box;
389
+ display: -webkit-inline-flex;
390
+ display: -moz-inline-box;
391
+ display: -ms-inline-flexbox;
392
+ display: inline-flex;
393
+ margin-bottom: 0;
394
+ vertical-align: middle;
395
+ }
396
+
397
+ #pa-general-settings .pa-section-info .pa-btn {
398
+ display: inline-block;
399
+ background-color: #252c59;
400
+ color: #fff;
401
+ /* margin-top: 12px; */
402
+ padding: 12px 36px;
403
+ }
404
+
405
+ .pa-element-icon.dashicons-facebook-alt {
406
+ color: #3b5998 !important
407
+ }
408
+
409
+ .pa-element-icon.dashicons-youtube {
410
+ color: #ff0000 !important
411
+ }
412
+
413
+ .pa-newsletter-form {
414
+ -js-display: flex;
415
+ display: -webkit-box;
416
+ display: -webkit-flex;
417
+ display: -moz-box;
418
+ display: -ms-flexbox;
419
+ display: flex;
420
+ -webkit-flex-wrap: wrap;
421
+ -ms-flex-wrap: wrap;
422
+ flex-wrap: wrap;
423
+ -webkit-box-align: center;
424
+ -webkit-align-items: center;
425
+ -moz-box-align: center;
426
+ -ms-flex-align: center;
427
+ align-items: center;
428
+ }
429
+
430
+ .pa-newsletter-form input {
431
+ width: 74%;
432
+ padding: 0px 10px;
433
+ height: 39px;
434
+ font-family: "Poppins";
435
+ border: 1px solid #dcdcdc;
436
+ -webkit-border-radius: 0 10px 10px 0;
437
+ border-radius: 0 10px 10px 0;
438
+ direction: rtl;
439
+ }
440
+
441
+ #pa-general-settings .pa-newsletter-form button.pa-btn {
442
+ width: 25%;
443
+ padding: 0;
444
+ height: 39px;
445
+ margin-top: 0;
446
+ margin-right: -1px;
447
+ -webkit-border-radius: 10px 0 0 10px;
448
+ border-radius: 10px 0 0 10px;
449
+ }
450
+
451
+ #pa-general-settings .pa-news-grid {
452
+ -js-display: flex;
453
+ display: -webkit-box;
454
+ display: -webkit-flex;
455
+ display: -moz-box;
456
+ display: -ms-flexbox;
457
+ display: flex;
458
+ -webkit-box-pack: justify;
459
+ -webkit-justify-content: space-between;
460
+ -moz-box-pack: justify;
461
+ -ms-flex-pack: justify;
462
+ justify-content: space-between;
463
+ margin-top: 12px;
464
+ }
465
+
466
+ .pa-news-grid .pa-news-post {
467
+ position: relative;
468
+ width: 33.33%;
469
+ margin: 0 5px;
470
+ }
471
+
472
+ .pa-news-grid .pa-news-post p:nth-of-type(1) {
473
+ font-family: "Red Hat Display";
474
+ font-size: 15px;
475
+ min-height: 60px;
476
+ font-weight: 800;
477
+ color: #252c59
478
+ }
479
+
480
+ .pa-news-grid .pa-news-post p:nth-of-type(2) {
481
+ font-size: 12px;
482
+ }
483
+
484
+ .pa-post-img-container img {
485
+ width: 100%;
486
+ height: 145px;
487
+ -o-object-fit: cover;
488
+ object-fit: cover;
489
+ -webkit-border-radius: 10px;
490
+ border-radius: 10px;
491
+ }
492
+
493
+ .pa-news-grid .pa-news-post a {
494
+ position: absolute;
495
+ top: 0;
496
+ right: 0;
497
+ width: 100%;
498
+ height: 100%;
499
+ z-index: 2;
500
+ }
501
+
502
+ #pa-general-settings .pa-support-list {
503
+ margin: 12px 0 0;
504
+ padding: 0;
505
+ }
506
+
507
+ #pa-general-settings .pa-support-list li {
508
+ margin-bottom: 10px;
509
+ }
510
+
511
+ .pa-support-list li a {
512
+ font-size: 15px;
513
+ color: #474747;
514
+ font-family: "Poppins";
515
+ text-decoration: none;
516
+ }
517
+
518
+ .pa-support-list li a:hover {
519
+ color: #135e96;
520
+ }
521
+
522
+ #pa-general-settings input[type="email"],
523
+ #pa-general-settings a:hover,
524
+ #pa-general-settings a:focus,
525
+ #pa-general-settings a:visited {
526
+ border: none;
527
+ -webkit-box-shadow: none;
528
+ box-shadow: none;
529
+ outline: none;
530
+ }
531
+
532
+
533
+ /**
534
+ * Tab Info
535
+ */
536
+ .pa-section-info-wrap {
537
+ padding: 34px;
538
+ -webkit-border-radius: 15px;
539
+ border-radius: 15px;
540
+ background-color: #f7f7f7;
541
+ -js-display: flex;
542
+ display: -webkit-box;
543
+ display: -webkit-flex;
544
+ display: -moz-box;
545
+ display: -ms-flexbox;
546
+ display: flex;
547
+ -webkit-box-pack: justify;
548
+ -webkit-justify-content: space-between;
549
+ -moz-box-pack: justify;
550
+ -ms-flex-pack: justify;
551
+ justify-content: space-between;
552
+ -webkit-box-align: center;
553
+ -webkit-align-items: center;
554
+ -moz-box-align: center;
555
+ -ms-flex-align: center;
556
+ align-items: center;
557
+ height: 100%;
558
+ }
559
+
560
+ #pa-general-settings .pa-section-info-wrap,
561
+ #pa-ver-control-settings .pa-section-info-wrap {
562
+ -webkit-box-orient: vertical;
563
+ -webkit-box-direction: normal;
564
+ -webkit-flex-direction: column;
565
+ -moz-box-orient: vertical;
566
+ -moz-box-direction: normal;
567
+ -ms-flex-direction: column;
568
+ flex-direction: column;
569
+ -webkit-box-align: start;
570
+ -webkit-align-items: flex-start;
571
+ -moz-box-align: start;
572
+ -ms-flex-align: start;
573
+ align-items: flex-start;
574
+ }
575
+
576
+ #pa-features-settings .pa-section-outer-wrap:nth-of-type(n + 2),
577
+ #pa-ver-control-settings .pa-section-info-wrap:nth-of-type(n + 2) {
578
+ margin-top: 36px;
579
+ }
580
+
581
+ #pa-section-elements .pa-section-outer-wrap {
582
+ margin-bottom: 16px;
583
+ }
584
+
585
+ .pa-section-info-wrap h4 {
586
+ font-size: 20px;
587
+ color: #252c59;
588
+ font-weight: 900;
589
+ font-family: "Red Hat Display";
590
+ margin: 0;
591
+ }
592
+
593
+ .pa-section-info-wrap p {
594
+ font-size: 14px;
595
+ color: #474747;
596
+ font-family: "Poppins";
597
+ margin: 0;
598
+ margin-top: 14px;
599
+ }
600
+
601
+ .pa-section-info-cta {
602
+ position: relative;
603
+ z-index: 3;
604
+ -js-display: flex;
605
+ display: -webkit-box;
606
+ display: -webkit-flex;
607
+ display: -moz-box;
608
+ display: -ms-flexbox;
609
+ display: flex;
610
+ -webkit-box-align: center;
611
+ -webkit-align-items: center;
612
+ -moz-box-align: center;
613
+ -ms-flex-align: center;
614
+ align-items: center;
615
+ margin-top: 25px;
616
+ }
617
+
618
+ .pa-section-info-cta .pa-btn {
619
+ color: #474747;
620
+ background-color: #ebebeb;
621
+ padding: 8px 20px;
622
+ -webkit-border-radius: 10px;
623
+ border-radius: 10px;
624
+ font-size: 15px;
625
+ font-weight: 700;
626
+ font-family: "Red Hat Display";
627
+ -webkit-transition: all 0.2s ease-in-out;
628
+ transition: all 0.2s ease-in-out;
629
+ }
630
+
631
+ .pa-section-info-cta .pa-btn:hover,
632
+ .pa-section-info-cta .pa-btn:focus,
633
+ .pa-section-info-cta .pa-btn:active {
634
+ color: #fff;
635
+ background-color: #00a5e5;
636
+ }
637
+
638
+ .pa-section-info-cta .pa-section-info-label {
639
+ font-size: 13px;
640
+ color: #474747;
641
+ font-family: "Poppins";
642
+ text-align: left;
643
+ }
644
+
645
+ .pa-section-info-cta .pa-section-info-warning {
646
+ font-size: 13px;
647
+ color: #cca329;
648
+ font-weight: 300;
649
+ font-family: "Poppins";
650
+ margin-right: 20px;
651
+ }
652
+
653
+ .pa-section-info-cta .pa-section-info-warning i {
654
+ font-weight: 300;
655
+ vertical-align: bottom;
656
+ }
657
+
658
+ .pa-section-info-wrap .pa-btn,
659
+ .pa-section-info-wrap .pa-btn-unused {
660
+ font-family: "Red Hat Display";
661
+ color: #8e8e8e;
662
+ background-color: #ebebeb;
663
+ border: 0px solid;
664
+ padding: 16px 28px;
665
+ -webkit-border-radius: 10px;
666
+ border-radius: 10px;
667
+ font-size: 15px;
668
+ font-weight: 700;
669
+ cursor: pointer;
670
+ -webkit-transition: 300ms;
671
+ transition: 300ms;
672
+ display: block;
673
+ text-decoration: none;
674
+ }
675
+
676
+ .pa-section-info-wrap .pa-btn-regenerate {
677
+ border: none;
678
+ outline: none;
679
+ margin-left: 5px;
680
+ transform: rotateY(180deg);
681
+ background-color: transparent;
682
+ cursor: pointer;
683
+ }
684
+
685
+ .pa-section-info-wrap .pa-btn-regenerate.loading {
686
+ animation: spin 2s linear infinite;
687
+ }
688
+
689
+ .pa-section-info-wrap .pa-btn-regenerate i.dashicons {
690
+ color: #474747;
691
+ }
692
+
693
+ .pa-section-info-wrap .pa-btn-unused {
694
+ width: 100%;
695
+ clear: both;
696
+ background: transparent;
697
+ color: #252C59;
698
+ padding-bottom: 0;
699
+ text-decoration: underline;
700
+ font-weight: normal;
701
+ }
702
+
703
+ .pa-section-info-wrap .pa-btn-unused.dimmed {
704
+ cursor: no-drop;
705
+ color: #C2C4CF;
706
+ }
707
+
708
+ .pa-element-name .pa-total-use {
709
+ color: #252C59;
710
+ }
711
+
712
+ .pa-section-info-wrap button.pa-btn-enable {
713
+ -webkit-border-top-left-radius: 0;
714
+ border-top-left-radius: 0;
715
+ -webkit-border-bottom-left-radius: 0;
716
+ border-bottom-left-radius: 0;
717
+ float: right;
718
+ }
719
+
720
+ .pa-section-info-wrap button.pa-btn-disable {
721
+ -webkit-border-top-right-radius: 0;
722
+ border-top-right-radius: 0;
723
+ -webkit-border-bottom-right-radius: 0;
724
+ border-bottom-right-radius: 0;
725
+ float: left;
726
+ }
727
+
728
+ .pa-section-info-wrap .pa-btn-enable.active {
729
+ color: #fff;
730
+ -webkit-box-shadow: inset -3.5px 1.8px 7px 0px rgba(125, 125, 125, 0.5);
731
+ box-shadow: inset -3.5px 1.8px 7px 0px rgba(125, 125, 125, 0.5);
732
+ background-color: #8dc900;
733
+ }
734
+
735
+ .pa-section-info-wrap .pa-btn-disable.active {
736
+ color: #fff;
737
+ -webkit-box-shadow: inset -3.564px 1.816px 7px 0px rgba(81, 81, 81, 0.5);
738
+ box-shadow: inset -3.564px 1.816px 7px 0px rgba(81, 81, 81, 0.5);
739
+ background-color: #898989;
740
+ }
741
+
742
+ .pa-section-info-wrap .pa-btn-enable:not(.active):hover {
743
+ color: #ffffff;
744
+ background-color: #8dc900;
745
+ }
746
+
747
+ .pa-section-info-wrap .pa-btn-disable:not(.active):hover {
748
+ color: #ffffff;
749
+ background-color: #898989;
750
+ }
751
+
752
+ /*
753
+ * Widgets & Addons Tab
754
+ */
755
+ .pa-elements-settings {
756
+ position: relative;
757
+ -js-display: flex;
758
+ display: -webkit-box;
759
+ display: -webkit-flex;
760
+ display: -moz-box;
761
+ display: -ms-flexbox;
762
+ display: flex;
763
+ margin-top: 16px;
764
+ }
765
+
766
+ .pa-elements-filter {
767
+ position: absolute;
768
+ top: 10px;
769
+ left: 16px;
770
+ }
771
+
772
+ .pa-elements-filter label {
773
+ font-size: 13px;
774
+ color: #474747;
775
+ font-family: "Poppins";
776
+ margin-left: 10px;
777
+ }
778
+
779
+ .pa-elements-filter select {
780
+ padding: 5px 15px 5px 35px;
781
+ }
782
+
783
+ .pa-elements-tabs {
784
+ -webkit-border-radius: 10px;
785
+ border-radius: 10px;
786
+ background-color: #f7f7f7;
787
+ padding: 20px;
788
+ margin-left: 16px;
789
+ }
790
+
791
+ .pa-elements-tabs .pa-elements-tab {
792
+ position: relative;
793
+ padding: 0;
794
+ margin-bottom: 12px;
795
+ text-align: center;
796
+ }
797
+
798
+ .pa-elements-tab .pa-element-tab-tooltip {
799
+ position: absolute;
800
+ background-color: #3a3c40;
801
+ display: block;
802
+ position: absolute;
803
+ top: 50%;
804
+ right: 100%;
805
+ padding: 10px 20px;
806
+ -webkit-border-radius: 13px;
807
+ border-radius: 13px;
808
+ -webkit-filter: drop-shadow(0px 5px 27.5px rgba(104, 104, 104, 0.3));
809
+ filter: drop-shadow(0px 5px 27.5px rgba(104, 104, 104, 0.3));
810
+ background-color: #ffffff;
811
+ font-size: 11px;
812
+ color: #252c59;
813
+ font-weight: 500;
814
+ font-family: "Poppins";
815
+ opacity: 0;
816
+ pointer-events: none;
817
+ text-transform: capitalize;
818
+ -webkit-transform: translate(-30px, -50%);
819
+ -ms-transform: translate(-30px, -50%);
820
+ transform: translate(-30px, -50%);
821
+ -webkit-transition: all 0.3s ease;
822
+ transition: all 0.3s ease;
823
+ z-index: 1;
824
+ white-space: nowrap;
825
+ }
826
+
827
+ .pa-elements-tab .pa-element-tab-tooltip::before {
828
+ display: block;
829
+ position: absolute;
830
+ top: 50%;
831
+ right: -5px;
832
+ width: 0;
833
+ height: 0;
834
+ content: "";
835
+ border-top: 5px solid transparent;
836
+ border-bottom: 5px solid transparent;
837
+ border-left: 5px solid #ffffff;
838
+ -webkit-transform: translateY(-50%);
839
+ -ms-transform: translateY(-50%);
840
+ transform: translateY(-50%);
841
+ }
842
+
843
+ .pa-elements-tab .pa-elements-tab-link {
844
+ -js-display: flex;
845
+ display: -webkit-box;
846
+ display: -webkit-flex;
847
+ display: -moz-box;
848
+ display: -ms-flexbox;
849
+ display: flex;
850
+ -webkit-box-pack: center;
851
+ -webkit-justify-content: center;
852
+ -moz-box-pack: center;
853
+ -ms-flex-pack: center;
854
+ justify-content: center;
855
+ -webkit-box-align: center;
856
+ -webkit-align-items: center;
857
+ -moz-box-align: center;
858
+ -ms-flex-align: center;
859
+ align-items: center;
860
+ color: #c2c4cf;
861
+ padding: 12px;
862
+ text-decoration: none;
863
+ -webkit-transition: all 0.3s ease-in-out;
864
+ transition: all 0.3s ease-in-out;
865
+ -webkit-border-radius: 13px;
866
+ border-radius: 13px;
867
+ }
868
+
869
+ .pa-elements-tab .pa-elements-tab-link:hover,
870
+ .pa-elements-tab .pa-elements-tab-link.active {
871
+ -webkit-filter: drop-shadow(-4.243px -4.243px 3px rgba(255, 255, 255, 0.5)) drop-shadow(4.243px 4.243px 3px rgba(191, 201, 210, 0.6));
872
+ filter: drop-shadow(-4.243px -4.243px 3px rgba(255, 255, 255, 0.5)) drop-shadow(4.243px 4.243px 3px rgba(191, 201, 210, 0.6));
873
+ background-color: #ffffff;
874
+ color: #00a5e5;
875
+ outline: none;
876
+ border: none;
877
+ text-decoration: none;
878
+ -webkit-box-shadow: none;
879
+ box-shadow: none;
880
+ }
881
+
882
+ .pa-elements-tab .pa-elements-tab-link:hover+span {
883
+ opacity: 1;
884
+ -webkit-transform: translate(-20px, -50%);
885
+ -ms-transform: translate(-20px, -50%);
886
+ transform: translate(-20px, -50%);
887
+ }
888
+
889
+ .pa-switchers {
890
+ -js-display: flex;
891
+ display: -webkit-box;
892
+ display: -webkit-flex;
893
+ display: -moz-box;
894
+ display: -ms-flexbox;
895
+ display: flex;
896
+ -webkit-flex-wrap: wrap;
897
+ -ms-flex-wrap: wrap;
898
+ flex-wrap: wrap;
899
+ -webkit-align-content: flex-start;
900
+ -ms-flex-line-pack: start;
901
+ align-content: flex-start;
902
+ }
903
+
904
+ .pa-switchers-container {
905
+ width: 100%;
906
+ }
907
+
908
+ .pa-switchers-container.hidden,
909
+ .pa-switcher.hidden {
910
+ display: none;
911
+ }
912
+
913
+ .pa-switchers-container .pa-elements-tab-title {
914
+ font-size: 20px;
915
+ color: #252c59;
916
+ font-weight: 900;
917
+ font-family: "Red Hat Display";
918
+ margin: 16px 0;
919
+ }
920
+
921
+ .pa-switcher {
922
+ -webkit-border-radius: 15px;
923
+ border-radius: 15px;
924
+ background-color: #f7f7f7;
925
+ position: relative;
926
+ -js-display: flex;
927
+ display: -webkit-box;
928
+ display: -webkit-flex;
929
+ display: -moz-box;
930
+ display: -ms-flexbox;
931
+ display: flex;
932
+ width: -webkit-calc(50% - 56px);
933
+ width: calc(50% - 56px);
934
+ -webkit-box-pack: justify;
935
+ -webkit-justify-content: space-between;
936
+ -moz-box-pack: justify;
937
+ -ms-flex-pack: justify;
938
+ justify-content: space-between;
939
+ -webkit-box-align: center;
940
+ -webkit-align-items: center;
941
+ -moz-box-align: center;
942
+ -ms-flex-align: center;
943
+ align-items: center;
944
+ padding: 20px;
945
+ margin-top: 16px;
946
+ margin-left: 16px;
947
+ }
948
+
949
+ .pa-element-info {
950
+ -js-display: flex;
951
+ display: -webkit-box;
952
+ display: -webkit-flex;
953
+ display: -moz-box;
954
+ display: -ms-flexbox;
955
+ display: flex;
956
+ -webkit-box-align: center;
957
+ -webkit-align-items: center;
958
+ -moz-box-align: center;
959
+ -ms-flex-align: center;
960
+ align-items: center;
961
+ }
962
+
963
+ .pa-section .pa-element-icon {
964
+ color: #252c59;
965
+ background-color: #ebebeb;
966
+ -webkit-border-radius: 15px;
967
+ border-radius: 15px;
968
+ /* padding: 12px; */
969
+ min-width: 40px;
970
+ min-height: 40px;
971
+ margin-left: 8px;
972
+ -js-display: flex;
973
+ display: -webkit-box;
974
+ display: -webkit-flex;
975
+ display: -moz-box;
976
+ display: -ms-flexbox;
977
+ display: flex;
978
+ -webkit-box-pack: center;
979
+ -webkit-justify-content: center;
980
+ -moz-box-pack: center;
981
+ -ms-flex-pack: center;
982
+ justify-content: center;
983
+ -webkit-box-align: center;
984
+ -webkit-align-items: center;
985
+ -moz-box-align: center;
986
+ -ms-flex-align: center;
987
+ align-items: center;
988
+ }
989
+
990
+ .pa-element-name {
991
+ font-size: 16px;
992
+ color: #252c59;
993
+ font-weight: 700;
994
+ font-family: "Red Hat Display";
995
+ margin: 0;
996
+ -js-display: flex;
997
+ display: -webkit-box;
998
+ display: -webkit-flex;
999
+ display: -moz-box;
1000
+ display: -ms-flexbox;
1001
+ display: flex;
1002
+ }
1003
+
1004
+ .pa-element-name span {
1005
+ text-transform: uppercase;
1006
+ color: #fd9926;
1007
+ font-weight: 700;
1008
+ font-size: 11px;
1009
+ margin-right: 5px;
1010
+ }
1011
+
1012
+ .pa-element-link {
1013
+ font-size: 13px;
1014
+ color: #252c59;
1015
+ font-family: "Poppins";
1016
+ text-decoration: none;
1017
+ -webkit-transition: all 0.2s ease-in-out;
1018
+ transition: all 0.2s ease-in-out;
1019
+ }
1020
+
1021
+ .pa-element-link-separator {
1022
+ width: 3px;
1023
+ height: 3px;
1024
+ display: inline-block;
1025
+ text-align: center;
1026
+ color: #252c59;
1027
+ background: #252c59;
1028
+ -webkit-border-radius: 50%;
1029
+ border-radius: 50%;
1030
+ vertical-align: middle;
1031
+ margin: 0 3px;
1032
+ }
1033
+
1034
+ .pa-element-link:hover,
1035
+ .pa-element-link:focus {
1036
+ color: #00a5e5;
1037
+ text-decoration: none;
1038
+ outline: none;
1039
+ -webkit-box-shadow: none;
1040
+ box-shadow: none;
1041
+ border: none;
1042
+ }
1043
+
1044
+ /*
1045
+ * Global Features
1046
+ */
1047
+ .pa-section-outer-wrap {
1048
+ position: relative;
1049
+ }
1050
+
1051
+ .pa-section-outer-wrap a {
1052
+ position: absolute;
1053
+ top: 0;
1054
+ left: 0;
1055
+ width: 100%;
1056
+ height: 100%;
1057
+ }
1058
+
1059
+ .pa-section-outer-wrap a:focus,
1060
+ .pa-section-outer-wrap a:visited {
1061
+ outline: none;
1062
+ text-decoration: none;
1063
+ box-shadow: none;
1064
+ }
1065
+
1066
+ /*
1067
+ * Integrations
1068
+ */
1069
+ .pa-maps-table select {
1070
+ width: 100%;
1071
+ max-width: 100%;
1072
+ padding: 8px;
1073
+ }
1074
+
1075
+ .pa-maps-table #premium-map-api,
1076
+ .pa-maps-table #premium-youtube-api {
1077
+ width: 100%;
1078
+ }
1079
+
1080
+ .pa-maps-table tr td {
1081
+ padding-top: 30px;
1082
+ }
1083
+
1084
+ .pa-maps-table tr td:first-of-type {
1085
+ padding-left: 30px;
1086
+ }
1087
+
1088
+ .pa-maps-table td h4 {
1089
+ margin: 0;
1090
+ font-size: 15px;
1091
+ color: #252c59;
1092
+ font-weight: 500;
1093
+ font-family: "Poppins";
1094
+ display: inline-block;
1095
+ }
1096
+
1097
+ .pa-maps-table td span {
1098
+ font-size: 13px;
1099
+ color: #474747;
1100
+ font-family: "Poppins";
1101
+ vertical-align: middle;
1102
+ }
1103
+
1104
+ .pa-maps-table td input[type="text"] {
1105
+ -webkit-border-radius: 10px;
1106
+ border-radius: 10px;
1107
+ background-color: #ebebeb;
1108
+ border: none;
1109
+ padding: 8px 20px;
1110
+ }
1111
+
1112
+ .pa-section input[type="checkbox"] {
1113
+ border: none;
1114
+ display: none;
1115
+ }
1116
+
1117
+ .pa-section input[type="checkbox"]+label {
1118
+ position: relative;
1119
+ background: #ebebeb;
1120
+ height: 16px;
1121
+ width: 16px;
1122
+ display: inline-block;
1123
+ padding: 0;
1124
+ margin-left: 5px;
1125
+ -webkit-border-radius: 4px;
1126
+ border-radius: 4px;
1127
+ }
1128
+
1129
+ .pa-section input[type="checkbox"]:checked+label {
1130
+ background: #00a5e5;
1131
+ height: 16px;
1132
+ width: 16px;
1133
+ display: inline-block;
1134
+ padding: 0;
1135
+ }
1136
+
1137
+ .pa-section input[type="checkbox"]:checked+label:before {
1138
+ position: absolute;
1139
+ content: "✔";
1140
+ color: #fff;
1141
+ font-size: 12px;
1142
+ top: 0;
1143
+ right: 0;
1144
+ width: 100%;
1145
+ height: 100%;
1146
+ text-align: center;
1147
+ margin-top: -1px;
1148
+ }
1149
+
1150
+ .pa-maps-table td input:focus {
1151
+ outline: none;
1152
+ -webkit-box-shadow: none;
1153
+ box-shadow: none;
1154
+ border: none;
1155
+ }
1156
+
1157
+ .pa-elements-filter select,
1158
+ .pa-maps-table td select {
1159
+ border-color: #dcdcdc;
1160
+ -webkit-border-radius: 10px;
1161
+ border-radius: 10px;
1162
+ -webkit-border-bottom-left-radius: 0;
1163
+ border-bottom-left-radius: 0;
1164
+ }
1165
+
1166
+ .pa-maps-circle-icon {
1167
+ width: 5px;
1168
+ height: 5px;
1169
+ background-color: #252c59;
1170
+ -webkit-border-radius: 50%;
1171
+ border-radius: 50%;
1172
+ display: inline-block;
1173
+ vertical-align: middle;
1174
+ margin-left: 10px;
1175
+ }
1176
+
1177
+ .pa-maps-table td h4:before {
1178
+ position: absolute;
1179
+ content: "";
1180
+ }
1181
+
1182
+ /*
1183
+ * White Labeling Tab
1184
+ */
1185
+ .pa-wht-lbl-settings .pa-wht-lbl-title {
1186
+ font-size: 20px;
1187
+ color: #252c59;
1188
+ font-weight: 900;
1189
+ font-family: "Red Hat Display";
1190
+ margin: 0;
1191
+ }
1192
+
1193
+ .pa-wht-lbl-settings .pa-row {
1194
+ width: 60%;
1195
+ float: right;
1196
+ }
1197
+
1198
+ .pa-wht-lbl-settings .pa-wht-lbl-admin {
1199
+ width: 30%;
1200
+ float: right;
1201
+ margin-right: 16px;
1202
+ }
1203
+
1204
+ .pa-wht-lbl-settings .pa-wht-lbl-head {
1205
+ border-bottom: 1px solid #ddd;
1206
+ background: #f7f7f7;
1207
+ padding: 20px;
1208
+ }
1209
+
1210
+ .pa-wht-lbl-table {
1211
+ text-align: right;
1212
+ }
1213
+
1214
+ .pa-wht-lbl-settings input {
1215
+ font-weight: 400;
1216
+ margin: 0;
1217
+ margin-bottom: 12px;
1218
+ -webkit-border-radius: 10px;
1219
+ border-radius: 10px;
1220
+ /* background-color: #ebebeb; */
1221
+ border: 1px solid #dcdcdc;
1222
+ padding: 8px 20px;
1223
+ }
1224
+
1225
+ /* .pa-wht-lbl-settings input + span {
1226
+ margin-left: 0.3em;
1227
+ } */
1228
+
1229
+ .pa-wht-lbl-settings label+span {
1230
+ font-family: "Poppins";
1231
+ vertical-align: middle;
1232
+ }
1233
+
1234
+ .pa-wht-lbl-settings .pa-input-label {
1235
+ display: block;
1236
+ font-weight: 600;
1237
+ margin: 10px 0 6px;
1238
+ font-size: 14px;
1239
+ color: #252c59;
1240
+ font-family: "Red Hat Display";
1241
+ }
1242
+
1243
+ .pa-wht-lbl-settings input[type="text"] {
1244
+ width: 550px;
1245
+ }
1246
+
1247
+ .pa-wht-lbl-settings input[type="text"]::-webkit-input-placeholder {
1248
+ font-weight: 300;
1249
+ font-family: "Poppins";
1250
+ }
1251
+
1252
+ .pa-wht-lbl-settings input[type="text"]:-moz-placeholder {
1253
+ font-weight: 300;
1254
+ font-family: "Poppins";
1255
+ }
1256
+
1257
+ .pa-wht-lbl-settings input[type="text"]::-moz-placeholder {
1258
+ font-weight: 300;
1259
+ font-family: "Poppins";
1260
+ }
1261
+
1262
+ .pa-wht-lbl-settings input[type="text"]:-ms-input-placeholder {
1263
+ font-weight: 300;
1264
+ font-family: "Poppins";
1265
+ }
1266
+
1267
+ .pa-wht-lbl-settings input[type="text"]::-ms-input-placeholder {
1268
+ font-weight: 300;
1269
+ font-family: "Poppins";
1270
+ }
1271
+
1272
+ .pa-wht-lbl-settings input[type="text"]::placeholder {
1273
+ font-weight: 300;
1274
+ font-family: "Poppins";
1275
+ }
1276
+
1277
+ .pa-wht-lbl-settings .pa-wht-lbl-settings-wrap {
1278
+ background: #fff;
1279
+ margin: 16px auto;
1280
+ border: 1px solid #dcdcdc;
1281
+ -webkit-border-radius: 10px;
1282
+ border-radius: 10px;
1283
+ overflow: hidden;
1284
+ }
1285
+
1286
+ .pa-wht-lbl-settings .clearfix {
1287
+ clear: both;
1288
+ }
1289
+
1290
+ .pa-wht-lbl-group-wrap {
1291
+ padding: 20px;
1292
+ }
1293
+
1294
+ .pa-section-white-label .pa-white-label-notice {
1295
+ position: absolute;
1296
+ top: 0;
1297
+ right: 0;
1298
+ width: 100%;
1299
+ height: 100%;
1300
+ background: rgba(200, 200, 200, 0.8);
1301
+ -webkit-border-radius: 15px;
1302
+ border-radius: 15px;
1303
+ -js-display: flex;
1304
+ display: -webkit-box;
1305
+ display: -webkit-flex;
1306
+ display: -moz-box;
1307
+ display: -ms-flexbox;
1308
+ display: flex;
1309
+ -webkit-box-pack: center;
1310
+ -webkit-justify-content: center;
1311
+ -moz-box-pack: center;
1312
+ -ms-flex-pack: center;
1313
+ justify-content: center;
1314
+ }
1315
+
1316
+ .pa-white-label-notice-content {
1317
+ position: absolute;
1318
+ top: 200px;
1319
+ right: 200;
1320
+ width: 530px;
1321
+ background-image: url("../../images/popup-pattern.jpg");
1322
+ background-repeat: no-repeat;
1323
+ -webkit-background-size: cover;
1324
+ background-size: cover;
1325
+ padding: 32px;
1326
+ padding-bottom: 50px;
1327
+ -webkit-border-radius: 0px 50px;
1328
+ border-radius: 0px 50px;
1329
+ text-align: center;
1330
+ z-index: 2;
1331
+ }
1332
+
1333
+ .pa-white-label-notice-logo {
1334
+ -webkit-transform: translateY(-32px);
1335
+ -ms-transform: translateY(-32px);
1336
+ transform: translateY(-32px);
1337
+ margin-bottom: -18px;
1338
+ }
1339
+
1340
+ .pa-white-label-notice-logo img {
1341
+ padding: 10px;
1342
+ padding-top: 40px;
1343
+ background-color: #ffffff;
1344
+ border: 1px solid #e6e6e6;
1345
+ -webkit-border-radius: 50px;
1346
+ border-radius: 50px;
1347
+ -webkit-border-top-right-radius: 50px;
1348
+ border-top-right-radius: 50px;
1349
+ -webkit-border-top-left-radius: 50px;
1350
+ border-top-left-radius: 50px;
1351
+ -webkit-border-top-right-radius: 0;
1352
+ border-top-right-radius: 0;
1353
+ -webkit-border-top-left-radius: 0;
1354
+ border-top-left-radius: 0;
1355
+ }
1356
+
1357
+ .pa-white-label-notice-content h2,
1358
+ .pa-swal-head {
1359
+ display: inline-block;
1360
+ font-size: 23px;
1361
+ color: #252c59;
1362
+ font-weight: 900;
1363
+ font-family: "Red Hat Display";
1364
+ text-align: center;
1365
+ max-width: 350px;
1366
+ line-height: 1;
1367
+ margin: 0;
1368
+ margin-bottom: 18px;
1369
+ }
1370
+
1371
+ .pa-white-label-notice-content h2 span {
1372
+ color: #fd9926;
1373
+ text-transform: uppercase;
1374
+ font-family: "Red Hat Display";
1375
+ }
1376
+
1377
+ .pa-white-label-notice-content p {
1378
+ font-size: 13px;
1379
+ color: #474747;
1380
+ font-family: "Poppins";
1381
+ text-align: center;
1382
+ margin: 0;
1383
+ margin-bottom: 18px;
1384
+ }
1385
+
1386
+ .pa-white-label-notice-content a.pa-get-pro {
1387
+ display: inline-block;
1388
+ width: 117px;
1389
+ padding: 12px 10px;
1390
+ -webkit-border-radius: 10px;
1391
+ border-radius: 10px;
1392
+ color: #ffffff;
1393
+ font-size: 15px;
1394
+ font-weight: 900;
1395
+ font-family: "Red Hat Display";
1396
+ -webkit-filter: drop-shadow(0px 20px 17.5px rgba(254, 99, 0, 0.2));
1397
+ filter: drop-shadow(0px 20px 17.5px rgba(254, 99, 0, 0.2));
1398
+ text-decoration: none;
1399
+ outline: none;
1400
+ border: none;
1401
+ background-image: -webkit-linear-gradient(-120deg, #fe6300 0%, #fe9f00 100%);
1402
+ background-image: linear-gradient(30deg, #fe6300 0%, #fe9f00 100%);
1403
+ -webkit-transition: all 0.2s ease-in-out;
1404
+ transition: all 0.2s ease-in-out;
1405
+ }
1406
+
1407
+ .pa-white-label-notice-content a.pa-get-pro:hover {
1408
+ background-image: -webkit-linear-gradient(-60deg, #fe6300 0%, #fe9f00 100%);
1409
+ background-image: linear-gradient(-30deg, #fe6300 0%, #fe9f00 100%);
1410
+ }
1411
+
1412
+ /*
1413
+ * System Info Tab
1414
+ */
1415
+ .pa-section-info table.widefat {
1416
+ border: 0px;
1417
+ -webkit-box-shadow: none;
1418
+ box-shadow: none;
1419
+ font-family: "Poppins";
1420
+ }
1421
+
1422
+ .pa-section-info .widefat td:first-child {
1423
+ width: 30%;
1424
+ }
1425
+
1426
+ .pa-section-info table.widefat tr:nth-child(2n) {
1427
+ background-color: #f7f7f7;
1428
+ }
1429
+
1430
+ /*
1431
+ * License Tab
1432
+ */
1433
+ .pa-license-form span {
1434
+ color: #474747;
1435
+ font-family: "Poppins";
1436
+ }
1437
+
1438
+ .pa-license-form label {
1439
+ display: block;
1440
+ font-weight: 500;
1441
+ margin: 2em 0 0.5em;
1442
+ }
1443
+
1444
+ .pa-license-form code {
1445
+ padding: 3px 5px 2px;
1446
+ margin: 0 1px;
1447
+ background: #eaeaea;
1448
+ background: rgba(0, 0, 0, 0.07);
1449
+ font-size: 13px;
1450
+ font-style: italic;
1451
+ }
1452
+
1453
+ .pa-license-form .button.button-primary {
1454
+ width: 147px;
1455
+ height: 43px;
1456
+ /* -webkit-filter: drop-shadow(0px 10px 35px rgba(0, 165, 229, 0.3));
1457
+ filter: drop-shadow(0px 10px 35px rgba(0, 165, 229, 0.3)); */
1458
+ background-color: #00a5e5;
1459
+ /* margin-top: 50px; */
1460
+ margin-right: -3px;
1461
+ -webkit-border-radius: 10px 0 0 10px;
1462
+ border-radius: 10px 0 0 10px;
1463
+ border: none;
1464
+ }
1465
+
1466
+ #papro-license-key:focus,
1467
+ .pa-license-form .button.button-primary:focus {
1468
+ outline: none;
1469
+ -webkit-box-shadow: none;
1470
+ box-shadow: none;
1471
+ }
1472
+
1473
+ #papro-license-key {
1474
+ height: 43px;
1475
+ line-height: 1;
1476
+ margin: 0;
1477
+ padding: 8px 20px;
1478
+ -webkit-border-radius: 0 10px 10px 0;
1479
+ border-radius: 0 10px 10px 0;
1480
+ }
1481
+
1482
+ .pa-license-form input+span {
1483
+ margin-right: 10px;
1484
+ font-weight: 600;
1485
+ }
1486
+
1487
+ .pa-license-cell span {
1488
+ margin-right: 0.3em;
1489
+ }
1490
+
1491
+ @media(min-width: 1550px) {
1492
+ #pa-general-settings .pa-section-info:not(.pa-news-section):not(.pa-support-section) p {
1493
+ min-height: 65px;
1494
+ }
1495
+
1496
+ .pa-news-grid .pa-news-post p:nth-of-type(1) {
1497
+ min-height: 40px;
1498
+ }
1499
+ }
1500
+
1501
+ /*
1502
+ * PAPRO Notice
1503
+ */
1504
+ .papro-admin-notice {
1505
+ -webkit-display: flex;
1506
+ display: -webkit-box;
1507
+ display: -ms-flexbox;
1508
+ -js-display: flex;
1509
+ display: -moz-box;
1510
+ display: flex;
1511
+ -webkit-box-pack: end;
1512
+ -ms-flex-pack: end;
1513
+ -webkit-justify-content: flex-end;
1514
+ -moz-box-pack: end;
1515
+ justify-content: flex-end;
1516
+ -webkit-box-align: center;
1517
+ -ms-flex-align: center;
1518
+ -webkit-align-items: center;
1519
+ -moz-box-align: center;
1520
+ align-items: center;
1521
+ margin-bottom: 24px;
1522
+ }
1523
+
1524
+ .papro-admin-notice>div {
1525
+ -webkit-box-flex: 1;
1526
+ -webkit-flex-grow: 1;
1527
+ -moz-box-flex: 1;
1528
+ -ms-flex-positive: 1;
1529
+ flex-grow: 1;
1530
+ }
1531
+
1532
+ .papro-admin-notice-left {
1533
+ position: relative;
1534
+ padding: 16px;
1535
+ -webkit-border-radius: 15px;
1536
+ border-radius: 15px;
1537
+ background-color: #fff;
1538
+ -webkit-flex-basis: 80%;
1539
+ -ms-flex-preferred-size: 80%;
1540
+ flex-basis: 80%;
1541
+ }
1542
+
1543
+ .papro-admin-notice-left a {
1544
+ position: absolute;
1545
+ top: 0;
1546
+ right: 0;
1547
+ width: 100%;
1548
+ height: 100%;
1549
+ }
1550
+
1551
+ .papro-admin-notice-left a:hover,
1552
+ .papro-admin-notice-left a:focus,
1553
+ .papro-admin-notice-left a:visited {
1554
+ outline: none;
1555
+ border: none;
1556
+ -webkit-box-shadow: none;
1557
+ box-shadow: none;
1558
+ text-decoration: none;
1559
+ }
1560
+
1561
+ .papro-admin-notice-logo {
1562
+ -webkit-display: flex;
1563
+ display: -webkit-box;
1564
+ display: -ms-flexbox;
1565
+ -js-display: flex;
1566
+ display: -moz-box;
1567
+ display: flex;
1568
+ -webkit-box-pack: justify;
1569
+ -webkit-justify-content: space-between;
1570
+ -moz-box-pack: justify;
1571
+ -ms-flex-pack: justify;
1572
+ justify-content: space-between;
1573
+ -webkit-box-align: center;
1574
+ -webkit-align-items: center;
1575
+ -moz-box-align: center;
1576
+ -ms-flex-align: center;
1577
+ align-items: center;
1578
+ }
1579
+
1580
+ .papro-admin-notice-logo label {
1581
+ display: block;
1582
+ font-weight: 600;
1583
+ margin: 10px 0 6px;
1584
+ font-size: 14px;
1585
+ color: #252c59;
1586
+ font-family: "Red Hat Display";
1587
+ }
1588
+
1589
+ .papro-admin-notice-right {
1590
+ -webkit-display: flex;
1591
+ display: -webkit-box;
1592
+ display: -ms-flexbox;
1593
+ -js-display: flex;
1594
+ display: -moz-box;
1595
+ display: flex;
1596
+ -webkit-box-align: center;
1597
+ -ms-flex-align: center;
1598
+ -webkit-align-items: center;
1599
+ -moz-box-align: center;
1600
+ align-items: center;
1601
+ background: url("../../images/papro-banner.png");
1602
+ -webkit-background-size: cover;
1603
+ background-size: cover;
1604
+ background-repeat: no-repeat;
1605
+ padding: 18px;
1606
+ -webkit-border-radius: 15px;
1607
+ border-radius: 15px;
1608
+ overflow: hidden;
1609
+ margin-right: 25px;
1610
+ }
1611
+
1612
+ .papro-admin-notice-right h4 {
1613
+ font-size: 20px;
1614
+ color: #fff;
1615
+ font-weight: 900;
1616
+ font-family: "Red Hat Display";
1617
+ margin: 0;
1618
+ margin-bottom: 8px;
1619
+ }
1620
+
1621
+ .papro-admin-notice-right p {
1622
+ font-size: 14px;
1623
+ color: #ffffff;
1624
+ font-family: "Poppins";
1625
+ margin: 0;
1626
+ }
1627
+
1628
+ .papro-admin-notice-right span {
1629
+ font-weight: 700;
1630
+ }
1631
+
1632
+ #wp-admin-bar-premium-addons .ab-item .dashicons {
1633
+ position: relative;
1634
+ top: 8px;
1635
+ display: inline-block;
1636
+ font-weight: 400;
1637
+ font-style: normal;
1638
+ font-variant: normal;
1639
+ font-size: inherit;
1640
+ font-family: dashicons;
1641
+ line-height: 1;
1642
+ -webkit-font-smoothing: antialiased;
1643
+ -moz-osx-font-smoothing: grayscale;
1644
+ text-rendering: auto;
1645
+ }
1646
+
1647
+ #wp-admin-bar-premium-addons>.ab-item>i {
1648
+ font-size: 18px !important;
1649
+ }
1650
+
1651
+ #wp-admin-bar-premium-addons li .loading {
1652
+ -webkit-animation: spin 2s linear infinite;
1653
+ animation: spin 2s linear infinite;
1654
+ }
1655
+
1656
+ /*
1657
+ * Dashboard Tabs
1658
+ */
1659
+ .pa-dash-general:before {
1660
+ content: "\e93e";
1661
+ }
1662
+
1663
+ .pa-dash-integrations:before {
1664
+ content: "\e93f";
1665
+ }
1666
+
1667
+ .pa-dash-system-info:before {
1668
+ content: "\e941";
1669
+ }
1670
+
1671
+ .pa-dash-vcontrol:before {
1672
+ content: "\e942";
1673
+ }
1674
+
1675
+ .pa-dash-white-label:before {
1676
+ content: "\e943";
1677
+ }
1678
+
1679
+ .pa-dash-elements:before {
1680
+ content: "\e944";
1681
+ }
1682
+
1683
+ .pa-dash-license:before {
1684
+ content: "\e940";
1685
+ }
1686
+
1687
+ .pa-dash-features:before {
1688
+ content: "\e911";
1689
+ }
1690
+
1691
+ /*
1692
+ * Elements Categories
1693
+ */
1694
+ .pa-dash-cat-all:before {
1695
+ content: "\e945";
1696
+ }
1697
+
1698
+ .pa-dash-cat-blurbs:before {
1699
+ content: "\e946";
1700
+ }
1701
+
1702
+ .pa-dash-cat-contact:before {
1703
+ content: "\e94a";
1704
+ }
1705
+
1706
+ .pa-dash-cat-content:before {
1707
+ content: "\e948";
1708
+ }
1709
+
1710
+ .pa-dash-cat-images:before {
1711
+ content: "\e949";
1712
+ }
1713
+
1714
+ .pa-dash-cat-off-grid:before {
1715
+ content: "\e94b";
1716
+ }
1717
+
1718
+ .pa-dash-cat-section:before {
1719
+ content: "\e94c";
1720
+ }
1721
+
1722
+ .pa-dash-cat-feed:before {
1723
+ content: "\e94d";
1724
+ }
1725
+
1726
+ .pa-dash-cat-data:before {
1727
+ content: "\e94e";
1728
+ }
1729
+
1730
+ .pa-dash-cat-social:before {
1731
+ content: "\e94f";
1732
+ }
1733
+
1734
+ /*
1735
+ * Widgets Icons
1736
+ */
1737
+ .pa-dash-premium-notbar:before {
1738
+ content: "\e902";
1739
+ }
1740
+
1741
+ .pa-dash-premium-gradient:before {
1742
+ content: "\e903";
1743
+ }
1744
+
1745
+ .pa-dash-premium-color-transition:before {
1746
+ content: "\e904";
1747
+ }
1748
+
1749
+ .pa-dash-premium-behance:before {
1750
+ content: "\e905";
1751
+ }
1752
+
1753
+ .pa-dash-premium-charts:before {
1754
+ content: "\e906";
1755
+ }
1756
+
1757
+ .pa-dash-premium-content-toggle:before {
1758
+ content: "\e907";
1759
+ }
1760
+
1761
+ .pa-dash-premium-divider:before {
1762
+ content: "\e908";
1763
+ }
1764
+
1765
+ .pa-dash-premium-facebook-feed:before {
1766
+ content: "\e90a";
1767
+ }
1768
+
1769
+ .pa-dash-facebook-feed-2:before {
1770
+ content: "\e91b";
1771
+ }
1772
+
1773
+ .pa-dash-premium-fb-chat:before {
1774
+ content: "\e90b";
1775
+ }
1776
+
1777
+ .pa-dash-premium-facebook-reviews:before {
1778
+ content: "\e90c";
1779
+ }
1780
+
1781
+ .pa-dash-premium-google-reviews:before {
1782
+ content: "\e90d";
1783
+ }
1784
+
1785
+ .pa-dash-premium-hscroll:before {
1786
+ content: "\e90e";
1787
+ }
1788
+
1789
+ .pa-dash-premium-flipbox:before {
1790
+ content: "\e90f";
1791
+ }
1792
+
1793
+ .pa-dash-premium-iconbox:before {
1794
+ content: "\e910";
1795
+ }
1796
+
1797
+ .pa-dash-premium-image-accordion:before {
1798
+ content: "\e912";
1799
+ }
1800
+
1801
+ .pa-dash-premium-image-comparison:before {
1802
+ content: "\e913";
1803
+ }
1804
+
1805
+ .pa-dash-premium-image-hotspots:before {
1806
+ content: "\e914";
1807
+ }
1808
+
1809
+ .pa-dash-premium-img-layers:before {
1810
+ content: "\e915";
1811
+ }
1812
+
1813
+ .pa-dash-premium-instagram-feed:before {
1814
+ content: "\e916";
1815
+ }
1816
+
1817
+ .pa-dash-premium-kenburns:before {
1818
+ content: "\e917";
1819
+ }
1820
+
1821
+ .pa-dash-premium-lottie:before {
1822
+ content: "\e918";
1823
+ }
1824
+
1825
+ .pa-dash-premium-magic-section:before {
1826
+ content: "\e919";
1827
+ }
1828
+
1829
+ .pa-dash-premium-multi-scroll:before {
1830
+ content: "\e91a";
1831
+ }
1832
+
1833
+ .pa-dash-premium-ihover:before {
1834
+ content: "\e911";
1835
+ }
1836
+
1837
+ .pa-dash-premium-parallax:before {
1838
+ content: "\e91b";
1839
+ }
1840
+
1841
+ .pa-dash-premium-particles:before {
1842
+ content: "\e91c";
1843
+ }
1844
+
1845
+ .pa-dash-premium-prev-img:before {
1846
+ content: "\e91d";
1847
+ }
1848
+
1849
+ .pa-dash-premium-tabs:before {
1850
+ content: "\e91f";
1851
+ }
1852
+
1853
+ .pa-dash-premium-tables:before {
1854
+ content: "\e91e";
1855
+ }
1856
+
1857
+ .pa-dash-premium-twitter-feed:before {
1858
+ content: "\e921";
1859
+ }
1860
+
1861
+ .pa-dash-premium-unfold:before {
1862
+ content: "\e922";
1863
+ }
1864
+
1865
+ .pa-dash-premium-whatsapp-chat:before {
1866
+ content: "\e923";
1867
+ }
1868
+
1869
+ .pa-dash-premium-yelp-reviews:before {
1870
+ content: "\e924";
1871
+ }
1872
+
1873
+ .pa-dash-premium-trustpilot-reviews:before {
1874
+ content: "\e920";
1875
+ }
1876
+
1877
+ .pa-dash-premium-banner:before {
1878
+ content: "\e925";
1879
+ }
1880
+
1881
+ .pa-dash-premium-blog:before {
1882
+ content: "\e926";
1883
+ }
1884
+
1885
+ .pa-dash-premium-button:before {
1886
+ content: "\e927";
1887
+ }
1888
+
1889
+ .pa-dash-premium-carousel:before {
1890
+ content: "\e928";
1891
+ }
1892
+
1893
+ .pa-dash-premium-contactform:before {
1894
+ content: "\e929";
1895
+ }
1896
+
1897
+ .pa-dash-premium-countdown:before {
1898
+ content: "\e92a";
1899
+ }
1900
+
1901
+ .pa-dash-premium-counter:before {
1902
+ content: "\e92b";
1903
+ }
1904
+
1905
+ .pa-dash-premium-dual-header:before {
1906
+ content: "\e92c";
1907
+ }
1908
+
1909
+ .pa-dash-premium-fancytext:before {
1910
+ content: "\e92d";
1911
+ }
1912
+
1913
+ .pa-dash-premium-maps:before {
1914
+ content: "\e92e";
1915
+ }
1916
+
1917
+ .pa-dash-premium-title:before {
1918
+ content: "\e92f";
1919
+ }
1920
+
1921
+ .pa-dash-premium-icon-list:before {
1922
+ content: "\e930";
1923
+ }
1924
+
1925
+ .pa-dash-premium-image-button:before {
1926
+ content: "\e931";
1927
+ }
1928
+
1929
+ .pa-dash-premium-image-scroll:before {
1930
+ content: "\e932";
1931
+ }
1932
+
1933
+ .pa-dash-premium-image-separator:before {
1934
+ content: "\e933";
1935
+ }
1936
+
1937
+ /* .pa-dash-premium-lottie:before {
1938
+ content: "\e944";
1939
+ } */
1940
+ .pa-dash-premium-lottie-widget:before {
1941
+ content: "\e935";
1942
+ }
1943
+
1944
+ .pa-dash-premium-grid:before {
1945
+ content: "\e946";
1946
+ }
1947
+
1948
+ .pa-dash-premium-modalbox:before {
1949
+ content: "\e937";
1950
+ }
1951
+
1952
+ .pa-dash-premium-pricing-table:before {
1953
+ content: "\e938";
1954
+ }
1955
+
1956
+ .pa-dash-premium-progressbar:before {
1957
+ content: "\e939";
1958
+ }
1959
+
1960
+ .pa-dash-premium-person:before {
1961
+ content: "\e93a";
1962
+ }
1963
+
1964
+ .pa-dash-premium-testimonials:before {
1965
+ content: "\e93b";
1966
+ }
1967
+
1968
+ .pa-dash-premium-vscroll:before {
1969
+ content: "\e93c";
1970
+ }
1971
+
1972
+ .pa-dash-premium-videobox:before {
1973
+ content: "\e93d";
1974
+ }
1975
+
1976
+ .pa-dash-premium-blob:before {
1977
+ content: "\e900";
1978
+ }
1979
+
1980
+ .pa-dash-woo-products:before {
1981
+ content: "\e901";
1982
+ }
1983
+
1984
+ .pa-dash-premium-global-cursor:before {
1985
+ content: "\e951";
1986
+ }
1987
+
1988
+ @keyframes spin {
1989
+ 0% {
1990
+ transform: rotateZ(-180deg) rotateY(180deg);
1991
+ }
1992
+
1993
+ 100% {
1994
+ transform: rotateZ(180deg) rotateY(180deg);
1995
+ }
1996
  }
admin/assets/css/admin.css CHANGED
@@ -1,1990 +1,2014 @@
1
- .button.pa-btn {
2
- border: none;
3
- color: #fff;
4
- text-align: center;
5
- padding: 3px;
6
- max-width: 250px;
7
- height: auto;
8
- font-weight: 700;
9
- -webkit-box-shadow: none;
10
- box-shadow: none;
11
- }
12
-
13
- .button.pa-btn:hover,
14
- .button.pa-btn:focus,
15
- .button.pa-btn:active {
16
- outline: none;
17
- border: none;
18
- text-decoration: none;
19
- }
20
-
21
- .pa-switcher .switch,
22
- .pa-section-info-cta .switch {
23
- position: relative;
24
- display: inline-block;
25
- width: 44px;
26
- height: 24px;
27
- -webkit-border-radius: 12px;
28
- border-radius: 12px;
29
- }
30
-
31
- .switch input {
32
- display: none;
33
- }
34
-
35
- .slider,
36
- .pro-slider {
37
- position: absolute;
38
- cursor: pointer;
39
- top: 0;
40
- left: 0;
41
- right: 0;
42
- bottom: 0;
43
- /* background-color: #f2f2f2;
44
- box-shadow: 0 0 2px 1px #ccc inset; */
45
- -webkit-transition: 0.4s;
46
- transition: 0.4s;
47
- }
48
-
49
- .slider:before,
50
- .pro-slider:before {
51
- position: absolute;
52
- content: "";
53
- left: 3px;
54
- top: 50%;
55
- -webkit-transform: translateY(-50%);
56
- -ms-transform: translateY(-50%);
57
- transform: translateY(-50%);
58
- /* background: radial-gradient(farthest-corner at 14px 0px, #f0f0f0 50%, #cacaca 100%); */
59
- -webkit-transition: all 0.4s ease-in-out;
60
- transition: all 0.4s ease-in-out;
61
- padding: 0;
62
- margin: 0;
63
- width: 15px;
64
- height: 15px;
65
- -webkit-border-radius: 8px;
66
- border-radius: 8px;
67
- -webkit-filter: drop-shadow(0px 5px 2.5px rgba(40, 40, 40, 0.35));
68
- filter: drop-shadow(0px 5px 2.5px rgba(40, 40, 40, 0.35));
69
- background-color: #f7f7f7;
70
- border: 1px solid #ffffff;
71
- /* box-shadow: 0 2.5px 5px #b8b8b9; */
72
- }
73
-
74
- input:checked+.slider {
75
- background: #8dc900;
76
- }
77
-
78
- input:focus+.slider {
79
- -webkit-box-shadow: 0 0 1px #18a4fd;
80
- box-shadow: 0 0 1px #18a4fd;
81
- }
82
-
83
- input:checked+.slider:before {
84
- -webkit-transform: translate3d(20px, -50%, 0);
85
- transform: translate3d(20px, -50%, 0);
86
- }
87
-
88
- .slider.round,
89
- .pro-slider.round {
90
- -webkit-border-radius: 34px;
91
- border-radius: 34px;
92
- background-image: -webkit-gradient(linear, left top, left bottom, from(#cfcfcf), to(#dbdbdb));
93
- background-image: -webkit-linear-gradient(top, #cfcfcf 0%, #dbdbdb 100%);
94
- background-image: linear-gradient(180deg, #cfcfcf 0%, #dbdbdb 100%);
95
- }
96
-
97
- .slider.round:before,
98
- .pro-slider.round:before {
99
- -webkit-border-radius: 50%;
100
- border-radius: 50%;
101
- }
102
-
103
- .switch input:disabled+.pro-slider::after {
104
- position: absolute;
105
- font-family: "Dashicons";
106
- content: "\f160";
107
- color: #474747;
108
- right: 8px;
109
- top: 50%;
110
- -webkit-transform: translateY(-50%);
111
- -ms-transform: translateY(-50%);
112
- transform: translateY(-50%);
113
- }
114
-
115
- .pa-api-disable-title label,
116
- .pa-is-beta label {
117
- margin-right: 15px;
118
- }
119
-
120
- .pa-api-disable-title span,
121
- .pa-is-beta span {
122
- font-weight: 400;
123
- }
124
-
125
- .pa-maps-api-notice {
126
- margin: 0.5em 0;
127
- }
128
-
129
- .pa-api-title input {
130
- margin-top: 10px;
131
- font-size: normal;
132
- font-weight: 400;
133
- width: 400px;
134
- margin-left: 30px;
135
- }
136
-
137
- .pa-sys-info-tab {
138
- background: #f7f7f7;
139
- margin: 8px;
140
- border: 2px solid #ddd;
141
- -webkit-border-radius: 3px;
142
- border-radius: 3px;
143
- padding: 0;
144
- }
145
-
146
- .pa-system-info-container {
147
- padding: 10px;
148
- }
149
-
150
- .dialog-type-lightbox .dialog-widget-header {
151
- text-align: center;
152
- font-size: 15px;
153
- color: #495157;
154
- padding: 30px 0 10px;
155
- font-weight: 500;
156
- }
157
-
158
- .pa-swal.swal2-show {
159
- padding: 32px;
160
- padding-bottom: 50px;
161
- background-image: url("../../images/popup-pattern.jpg");
162
- background-repeat: no-repeat;
163
- -webkit-background-size: cover;
164
- background-size: cover;
165
- -webkit-border-radius: 50px 0;
166
- border-radius: 50px 0;
167
- }
168
-
169
- .pa-swal .swal2-close {
170
- color: #c2c4cf;
171
- }
172
-
173
- .pa-swal .swal2-close:hover {
174
- color: #00a5e5;
175
- }
176
-
177
- .pa-swal .swal2-title {
178
- margin: 0;
179
- }
180
-
181
- .pa-swal .swal2-content {
182
- font-size: 13px;
183
- color: #474747;
184
- font-family: "Poppins";
185
- text-align: center;
186
- margin: 0;
187
- margin-bottom: 0px;
188
- }
189
-
190
- .pa-swal .swal2-cancel.swal2-styled,
191
- .pa-swal .swal2-cancel.swal2-styled:hover,
192
- .pa-swal .swal2-confirm.swal2-styled {
193
- background-image: none !important;
194
- background-color: #ebebeb;
195
- color: #474747;
196
- border: none !important;
197
- -webkit-box-shadow: none !important;
198
- box-shadow: none !important;
199
- font-family: "Red Hat Display";
200
- font-size: 15px;
201
- font-weight: 700;
202
- }
203
-
204
- .pa-swal .swal2-confirm.swal2-styled,
205
- .pa-swal .swal2-confirm.swal2-styled:hover {
206
- min-width: 128px;
207
- color: #fff;
208
- background-image: none !important;
209
- background-color: #00a5e5;
210
- }
211
-
212
- /**
213
- * New Dashboard
214
- */
215
- .pa-settings-wrap {
216
- padding: 35px;
217
- padding-left: 15px;
218
- }
219
-
220
- .pa-settings-section {
221
- display: none;
222
- }
223
-
224
- .pa-settings-tabs {
225
- background-color: #fff;
226
- -webkit-border-radius: 15px;
227
- border-radius: 15px;
228
- padding: 36px;
229
- margin-bottom: 12px;
230
- }
231
-
232
- .pa-settings-tabs-list {
233
- clear: left;
234
- margin: 0;
235
- list-style-type: none;
236
- }
237
-
238
- .pa-settings-tabs .pa-settings-tabs-list li {
239
- display: inline-block;
240
- margin-bottom: 0;
241
- margin-right: 23px;
242
- }
243
-
244
- .pa-settings-section.active {
245
- display: block;
246
- }
247
-
248
- .papro-admin-notice a,
249
- .pa-settings-wrap .pa-settings-tabs a {
250
- -js-display: flex;
251
- display: -webkit-box;
252
- display: -webkit-flex;
253
- display: -moz-box;
254
- display: -ms-flexbox;
255
- display: flex;
256
- -webkit-box-pack: center;
257
- -webkit-justify-content: center;
258
- -moz-box-pack: center;
259
- -ms-flex-pack: center;
260
- justify-content: center;
261
- -webkit-box-align: center;
262
- -webkit-align-items: center;
263
- -moz-box-align: center;
264
- -ms-flex-align: center;
265
- align-items: center;
266
- font-size: 14px;
267
- line-height: 1.8em;
268
- position: relative;
269
- color: #252c59;
270
- text-decoration: none;
271
- -webkit-transition: all 0.3s ease;
272
- transition: all 0.3s ease;
273
- }
274
-
275
- .papro-admin-notice a.papro-notice-btn {
276
- width: 120px;
277
- /* height: 58px; */
278
- -webkit-border-radius: 15px;
279
- border-radius: 15px;
280
- -webkit-filter: drop-shadow(0px 5px 50px rgba(87, 0, 101, 0.7));
281
- filter: drop-shadow(0px 5px 50px rgba(87, 0, 101, 0.7));
282
- background-color: #ffffff;
283
- font-size: 18px;
284
- color: #fe6300;
285
- font-weight: 800;
286
- font-family: "Red Hat Display";
287
- text-align: center;
288
- padding: 10px 20px;
289
- }
290
-
291
- .pa-settings-wrap .pa-settings-tabs a:focus {
292
- outline: none;
293
- -webkit-box-shadow: none;
294
- box-shadow: none;
295
- }
296
-
297
- .pa-settings-wrap .pa-settings-tabs span {
298
- margin-left: 8px;
299
- font-family: "Poppins";
300
- font-weight: 500;
301
- }
302
-
303
- .pa-settings-wrap .pa-settings-tabs .pa-section-active {
304
- color: #00a5e5;
305
- }
306
-
307
- .pa-section {
308
- display: none;
309
- position: relative;
310
- background-color: #fff;
311
- -webkit-transition: opacity 0.2s;
312
- transition: opacity 0.2s;
313
- padding: 34px;
314
- -webkit-border-radius: 15px;
315
- border-radius: 15px;
316
- }
317
-
318
- /**
319
- * General Tab
320
- */
321
- #pa-general-settings {
322
- -js-display: flex;
323
- display: -webkit-box;
324
- display: -webkit-flex;
325
- display: -moz-box;
326
- display: -ms-flexbox;
327
- display: flex;
328
- -webkit-box-orient: horizontal;
329
- -webkit-box-direction: normal;
330
- -webkit-flex-flow: row wrap;
331
- -moz-box-orient: horizontal;
332
- -moz-box-direction: normal;
333
- -ms-flex-flow: row wrap;
334
- flex-flow: row wrap;
335
- -webkit-box-pack: justify;
336
- -webkit-justify-content: space-between;
337
- -moz-box-pack: justify;
338
- -ms-flex-pack: justify;
339
- justify-content: space-between;
340
- width: 100%;
341
- }
342
-
343
- #pa-general-settings .pa-dash-block {
344
- -webkit-box-flex: 1;
345
- -webkit-flex: 1 1 auto;
346
- -moz-box-flex: 1;
347
- -ms-flex: 1 1 auto;
348
- flex: 1 1 auto;
349
- min-width: 250px;
350
- margin: 0 5px 10px;
351
- -js-display: flex;
352
- display: -webkit-box;
353
- display: -webkit-flex;
354
- display: -moz-box;
355
- display: -ms-flexbox;
356
- display: flex;
357
- -webkit-box-orient: vertical;
358
- -webkit-box-direction: normal;
359
- -webkit-flex-direction: column;
360
- -moz-box-orient: vertical;
361
- -moz-box-direction: normal;
362
- -ms-flex-direction: column;
363
- flex-direction: column;
364
- }
365
-
366
- .pa-dash-block.col-3 {
367
- width: 31%;
368
- }
369
-
370
- .pa-dash-block.col-6 {
371
- width: 64%;
372
- }
373
-
374
- #pa-general-settings .pa-section-info h4 {
375
- font-size: 17px;
376
- }
377
-
378
- #pa-general-settings .pa-section-info:not(.pa-news-section):not(.pa-support-section) p {
379
- min-height: 80px;
380
- }
381
-
382
- #pa-general-settings .pa-section-info .pa-element-icon {
383
- margin-bottom: 12px;
384
- }
385
-
386
- #pa-general-settings .pa-element-icon.icon-inline {
387
- -js-display: inline-flex;
388
- display: -webkit-inline-box;
389
- display: -webkit-inline-flex;
390
- display: -moz-inline-box;
391
- display: -ms-inline-flexbox;
392
- display: inline-flex;
393
- margin-bottom: 0;
394
- vertical-align: middle;
395
- }
396
-
397
- #pa-general-settings .pa-section-info .pa-btn {
398
- display: inline-block;
399
- background-color: #252c59;
400
- color: #fff;
401
- /* margin-top: 12px; */
402
- padding: 12px 36px;
403
- }
404
-
405
- .pa-element-icon.dashicons-facebook-alt {
406
- color: #3b5998 !important
407
- }
408
-
409
- .pa-element-icon.dashicons-youtube {
410
- color: #ff0000 !important
411
- }
412
-
413
- .pa-newsletter-form {
414
- -js-display: flex;
415
- display: -webkit-box;
416
- display: -webkit-flex;
417
- display: -moz-box;
418
- display: -ms-flexbox;
419
- display: flex;
420
- -webkit-flex-wrap: wrap;
421
- -ms-flex-wrap: wrap;
422
- flex-wrap: wrap;
423
- -webkit-box-align: center;
424
- -webkit-align-items: center;
425
- -moz-box-align: center;
426
- -ms-flex-align: center;
427
- align-items: center;
428
- }
429
-
430
- .pa-newsletter-form input {
431
- width: 74%;
432
- padding: 0px 10px;
433
- height: 39px;
434
- font-family: "Poppins";
435
- border: 1px solid #dcdcdc;
436
- -webkit-border-radius: 10px 0 0 10px;
437
- border-radius: 10px 0 0 10px;
438
- direction: ltr;
439
- }
440
-
441
- #pa-general-settings .pa-newsletter-form button.pa-btn {
442
- width: 25%;
443
- padding: 0;
444
- height: 39px;
445
- margin-top: 0;
446
- margin-left: -1px;
447
- -webkit-border-radius: 0 10px 10px 0;
448
- border-radius: 0 10px 10px 0;
449
- }
450
-
451
- #pa-general-settings .pa-news-grid {
452
- -js-display: flex;
453
- display: -webkit-box;
454
- display: -webkit-flex;
455
- display: -moz-box;
456
- display: -ms-flexbox;
457
- display: flex;
458
- -webkit-box-pack: justify;
459
- -webkit-justify-content: space-between;
460
- -moz-box-pack: justify;
461
- -ms-flex-pack: justify;
462
- justify-content: space-between;
463
- margin-top: 12px;
464
- }
465
-
466
- .pa-news-grid .pa-news-post {
467
- position: relative;
468
- width: 33.33%;
469
- margin: 0 5px;
470
- }
471
-
472
- .pa-news-grid .pa-news-post p:nth-of-type(1) {
473
- font-family: "Red Hat Display";
474
- font-size: 15px;
475
- min-height: 60px;
476
- font-weight: 800;
477
- color: #252c59
478
- }
479
-
480
- .pa-news-grid .pa-news-post p:nth-of-type(2) {
481
- font-size: 12px;
482
- }
483
-
484
- .pa-post-img-container img {
485
- width: 100%;
486
- height: 145px;
487
- -o-object-fit: cover;
488
- object-fit: cover;
489
- -webkit-border-radius: 10px;
490
- border-radius: 10px;
491
- }
492
-
493
- .pa-news-grid .pa-news-post a {
494
- position: absolute;
495
- top: 0;
496
- left: 0;
497
- width: 100%;
498
- height: 100%;
499
- z-index: 2;
500
- }
501
-
502
- #pa-general-settings .pa-support-list {
503
- margin: 12px 0 0;
504
- padding: 0;
505
- }
506
-
507
- #pa-general-settings .pa-support-list li {
508
- margin-bottom: 10px;
509
- }
510
-
511
- .pa-support-list li a {
512
- font-size: 15px;
513
- color: #474747;
514
- font-family: "Poppins";
515
- text-decoration: none;
516
- }
517
-
518
- .pa-support-list li a:hover {
519
- color: #135e96;
520
- }
521
-
522
- #pa-general-settings input[type="email"],
523
- #pa-general-settings a:hover,
524
- #pa-general-settings a:focus,
525
- #pa-general-settings a:visited {
526
- border: none;
527
- -webkit-box-shadow: none;
528
- box-shadow: none;
529
- outline: none;
530
- }
531
-
532
-
533
- /**
534
- * Tab Info
535
- */
536
- .pa-section-info-wrap {
537
- padding: 34px;
538
- -webkit-border-radius: 15px;
539
- border-radius: 15px;
540
- background-color: #f7f7f7;
541
- -js-display: flex;
542
- display: -webkit-box;
543
- display: -webkit-flex;
544
- display: -moz-box;
545
- display: -ms-flexbox;
546
- display: flex;
547
- -webkit-box-pack: justify;
548
- -webkit-justify-content: space-between;
549
- -moz-box-pack: justify;
550
- -ms-flex-pack: justify;
551
- justify-content: space-between;
552
- -webkit-box-align: center;
553
- -webkit-align-items: center;
554
- -moz-box-align: center;
555
- -ms-flex-align: center;
556
- align-items: center;
557
- height: 100%;
558
- }
559
-
560
- #pa-general-settings .pa-section-info-wrap,
561
- #pa-ver-control-settings .pa-section-info-wrap {
562
- -webkit-box-orient: vertical;
563
- -webkit-box-direction: normal;
564
- -webkit-flex-direction: column;
565
- -moz-box-orient: vertical;
566
- -moz-box-direction: normal;
567
- -ms-flex-direction: column;
568
- flex-direction: column;
569
- -webkit-box-align: start;
570
- -webkit-align-items: flex-start;
571
- -moz-box-align: start;
572
- -ms-flex-align: start;
573
- align-items: flex-start;
574
- }
575
-
576
- #pa-features-settings .pa-section-outer-wrap:nth-of-type(n + 2),
577
- #pa-ver-control-settings .pa-section-info-wrap:nth-of-type(n + 2) {
578
- margin-top: 36px;
579
- }
580
-
581
- #pa-section-elements .pa-section-outer-wrap {
582
- margin-bottom: 16px;
583
- }
584
-
585
- .pa-section-info-wrap h4 {
586
- font-size: 20px;
587
- color: #252c59;
588
- font-weight: 900;
589
- font-family: "Red Hat Display";
590
- margin: 0;
591
- }
592
-
593
- .pa-section-info-wrap p {
594
- font-size: 14px;
595
- color: #474747;
596
- font-family: "Poppins";
597
- margin: 0;
598
- margin-top: 14px;
599
- }
600
-
601
- .pa-section-info-cta {
602
- position: relative;
603
- z-index: 3;
604
- -js-display: flex;
605
- display: -webkit-box;
606
- display: -webkit-flex;
607
- display: -moz-box;
608
- display: -ms-flexbox;
609
- display: flex;
610
- -webkit-box-align: center;
611
- -webkit-align-items: center;
612
- -moz-box-align: center;
613
- -ms-flex-align: center;
614
- align-items: center;
615
- margin-top: 25px;
616
- }
617
-
618
- .pa-section-info-cta .pa-btn {
619
- color: #474747;
620
- background-color: #ebebeb;
621
- padding: 8px 20px;
622
- -webkit-border-radius: 10px;
623
- border-radius: 10px;
624
- font-size: 15px;
625
- font-weight: 700;
626
- font-family: "Red Hat Display";
627
- -webkit-transition: all 0.2s ease-in-out;
628
- transition: all 0.2s ease-in-out;
629
- }
630
-
631
- .pa-section-info-cta .pa-btn:hover,
632
- .pa-section-info-cta .pa-btn:focus,
633
- .pa-section-info-cta .pa-btn:active {
634
- color: #fff;
635
- background-color: #00a5e5;
636
- }
637
-
638
- .pa-section-info-cta .pa-section-info-label {
639
- font-size: 13px;
640
- color: #474747;
641
- font-family: "Poppins";
642
- text-align: right;
643
- }
644
-
645
- .pa-section-info-cta .pa-section-info-warning {
646
- font-size: 13px;
647
- color: #cca329;
648
- font-weight: 300;
649
- font-family: "Poppins";
650
- margin-left: 20px;
651
- }
652
-
653
- .pa-section-info-cta .pa-section-info-warning i {
654
- font-weight: 300;
655
- vertical-align: bottom;
656
- }
657
-
658
- .pa-section-info-wrap .pa-btn,
659
- .pa-section-info-wrap .pa-btn-unused,
660
- .pa-section-info-wrap .pa-btn-generate {
661
- font-family: "Red Hat Display";
662
- color: #8e8e8e;
663
- background-color: #ebebeb;
664
- border: 0px solid;
665
- padding: 16px 28px;
666
- -webkit-border-radius: 10px;
667
- border-radius: 10px;
668
- font-size: 15px;
669
- font-weight: 700;
670
- cursor: pointer;
671
- -webkit-transition: 300ms;
672
- transition: 300ms;
673
- display: block;
674
- text-decoration: none;
675
- }
676
-
677
- .pa-section-info-wrap .pa-btn-regenerate {
678
- border: none;
679
- outline: none;
680
- margin-left: 5px;
681
- -webkit-transform: rotateY(180deg);
682
- transform: rotateY(180deg);
683
- background-color: transparent;
684
- cursor: pointer;
685
- }
686
-
687
- .pa-section-info-wrap .pa-btn-regenerate.loading {
688
- -webkit-animation: spin 2s linear infinite;
689
- animation: spin 2s linear infinite;
690
- }
691
-
692
- .pa-section-info-wrap .pa-btn-regenerate i.dashicons {
693
- color: #474747;
694
- }
695
-
696
- .pa-section-info-wrap .pa-btn-unused {
697
- width: 100%;
698
- clear: both;
699
- background: transparent;
700
- color: #252C59;
701
- padding-bottom: 0;
702
- text-decoration: underline;
703
- font-weight: normal;
704
- }
705
-
706
- .pa-section-info-wrap .pa-btn-unused.dimmed {
707
- cursor: no-drop;
708
- color: #C2C4CF;
709
- }
710
-
711
- .pa-element-name .pa-total-use {
712
- color: #252C59;
713
- }
714
-
715
- .pa-section-info-wrap button.pa-btn-enable {
716
- -webkit-border-top-right-radius: 0;
717
- border-top-right-radius: 0;
718
- -webkit-border-bottom-right-radius: 0;
719
- border-bottom-right-radius: 0;
720
- float: left;
721
- }
722
-
723
- .pa-section-info-wrap button.pa-btn-disable {
724
- -webkit-border-top-left-radius: 0;
725
- border-top-left-radius: 0;
726
- -webkit-border-bottom-left-radius: 0;
727
- border-bottom-left-radius: 0;
728
- float: right;
729
- }
730
-
731
- .pa-section-info-wrap .pa-btn-enable.active {
732
- color: #fff;
733
- -webkit-box-shadow: inset 3.5px 1.8px 7px 0px rgba(125, 125, 125, 0.5);
734
- box-shadow: inset 3.5px 1.8px 7px 0px rgba(125, 125, 125, 0.5);
735
- background-color: #8dc900;
736
- }
737
-
738
- .pa-section-info-wrap .pa-btn-disable.active {
739
- color: #fff;
740
- -webkit-box-shadow: inset 3.564px 1.816px 7px 0px rgba(81, 81, 81, 0.5);
741
- box-shadow: inset 3.564px 1.816px 7px 0px rgba(81, 81, 81, 0.5);
742
- background-color: #898989;
743
- }
744
-
745
- .pa-section-info-wrap .pa-btn-enable:not(.active):hover {
746
- color: #ffffff;
747
- background-color: #8dc900;
748
- }
749
-
750
- .pa-section-info-wrap .pa-btn-disable:not(.active):hover {
751
- color: #ffffff;
752
- background-color: #898989;
753
- }
754
-
755
- /*
756
- * Widgets & Addons Tab
757
- */
758
- .pa-elements-settings {
759
- position: relative;
760
- -js-display: flex;
761
- display: -webkit-box;
762
- display: -webkit-flex;
763
- display: -moz-box;
764
- display: -ms-flexbox;
765
- display: flex;
766
- margin-top: 16px;
767
- }
768
-
769
- .pa-elements-filter {
770
- position: absolute;
771
- top: 10px;
772
- right: 16px;
773
- }
774
-
775
- .pa-elements-filter label {
776
- font-size: 13px;
777
- color: #474747;
778
- font-family: "Poppins";
779
- margin-right: 10px;
780
- }
781
-
782
- .pa-elements-filter select {
783
- padding: 5px 35px 5px 15px;
784
- }
785
-
786
- .pa-elements-tabs {
787
- -webkit-border-radius: 10px;
788
- border-radius: 10px;
789
- background-color: #f7f7f7;
790
- padding: 20px;
791
- margin-right: 16px;
792
- }
793
-
794
- .pa-elements-tabs .pa-elements-tab {
795
- position: relative;
796
- padding: 0;
797
- margin-bottom: 12px;
798
- text-align: center;
799
- }
800
-
801
- .pa-elements-tab .pa-element-tab-tooltip {
802
- position: absolute;
803
- background-color: #3a3c40;
804
- display: block;
805
- position: absolute;
806
- top: 50%;
807
- left: 100%;
808
- padding: 10px 20px;
809
- -webkit-border-radius: 13px;
810
- border-radius: 13px;
811
- -webkit-filter: drop-shadow(0px 5px 27.5px rgba(104, 104, 104, 0.3));
812
- filter: drop-shadow(0px 5px 27.5px rgba(104, 104, 104, 0.3));
813
- background-color: #ffffff;
814
- font-size: 11px;
815
- color: #252c59;
816
- font-weight: 500;
817
- font-family: "Poppins";
818
- opacity: 0;
819
- pointer-events: none;
820
- text-transform: capitalize;
821
- -webkit-transform: translate(30px, -50%);
822
- -ms-transform: translate(30px, -50%);
823
- transform: translate(30px, -50%);
824
- -webkit-transition: all 0.3s ease;
825
- transition: all 0.3s ease;
826
- z-index: 1;
827
- white-space: nowrap;
828
- }
829
-
830
- .pa-elements-tab .pa-element-tab-tooltip::before {
831
- display: block;
832
- position: absolute;
833
- top: 50%;
834
- left: -5px;
835
- width: 0;
836
- height: 0;
837
- content: "";
838
- border-top: 5px solid transparent;
839
- border-bottom: 5px solid transparent;
840
- border-right: 5px solid #ffffff;
841
- -webkit-transform: translateY(-50%);
842
- -ms-transform: translateY(-50%);
843
- transform: translateY(-50%);
844
- }
845
-
846
- .pa-elements-tab .pa-elements-tab-link {
847
- -js-display: flex;
848
- display: -webkit-box;
849
- display: -webkit-flex;
850
- display: -moz-box;
851
- display: -ms-flexbox;
852
- display: flex;
853
- -webkit-box-pack: center;
854
- -webkit-justify-content: center;
855
- -moz-box-pack: center;
856
- -ms-flex-pack: center;
857
- justify-content: center;
858
- -webkit-box-align: center;
859
- -webkit-align-items: center;
860
- -moz-box-align: center;
861
- -ms-flex-align: center;
862
- align-items: center;
863
- color: #c2c4cf;
864
- padding: 12px;
865
- text-decoration: none;
866
- -webkit-transition: all 0.3s ease-in-out;
867
- transition: all 0.3s ease-in-out;
868
- -webkit-border-radius: 13px;
869
- border-radius: 13px;
870
- }
871
-
872
- .pa-elements-tab .pa-elements-tab-link:hover,
873
- .pa-elements-tab .pa-elements-tab-link.active {
874
- -webkit-filter: drop-shadow(-4.243px -4.243px 3px rgba(255, 255, 255, 0.5)) drop-shadow(4.243px 4.243px 3px rgba(191, 201, 210, 0.6));
875
- filter: drop-shadow(-4.243px -4.243px 3px rgba(255, 255, 255, 0.5)) drop-shadow(4.243px 4.243px 3px rgba(191, 201, 210, 0.6));
876
- background-color: #ffffff;
877
- color: #00a5e5;
878
- outline: none;
879
- border: none;
880
- text-decoration: none;
881
- -webkit-box-shadow: none;
882
- box-shadow: none;
883
- }
884
-
885
- .pa-elements-tab .pa-elements-tab-link:hover+span {
886
- opacity: 1;
887
- -webkit-transform: translate(20px, -50%);
888
- -ms-transform: translate(20px, -50%);
889
- transform: translate(20px, -50%);
890
- }
891
-
892
- .pa-switchers {
893
- -js-display: flex;
894
- display: -webkit-box;
895
- display: -webkit-flex;
896
- display: -moz-box;
897
- display: -ms-flexbox;
898
- display: flex;
899
- -webkit-flex-wrap: wrap;
900
- -ms-flex-wrap: wrap;
901
- flex-wrap: wrap;
902
- -webkit-align-content: flex-start;
903
- -ms-flex-line-pack: start;
904
- align-content: flex-start;
905
- }
906
-
907
- .pa-switchers-container {
908
- width: 100%;
909
- }
910
-
911
- .pa-switchers-container.hidden,
912
- .pa-switcher.hidden {
913
- display: none;
914
- }
915
-
916
- .pa-switchers-container .pa-elements-tab-title {
917
- font-size: 20px;
918
- color: #252c59;
919
- font-weight: 900;
920
- font-family: "Red Hat Display";
921
- margin: 16px 0;
922
- }
923
-
924
- .pa-switcher {
925
- -webkit-border-radius: 15px;
926
- border-radius: 15px;
927
- background-color: #f7f7f7;
928
- position: relative;
929
- -js-display: flex;
930
- display: -webkit-box;
931
- display: -webkit-flex;
932
- display: -moz-box;
933
- display: -ms-flexbox;
934
- display: flex;
935
- width: -webkit-calc(50% - 56px);
936
- width: calc(50% - 56px);
937
- -webkit-box-pack: justify;
938
- -webkit-justify-content: space-between;
939
- -moz-box-pack: justify;
940
- -ms-flex-pack: justify;
941
- justify-content: space-between;
942
- -webkit-box-align: center;
943
- -webkit-align-items: center;
944
- -moz-box-align: center;
945
- -ms-flex-align: center;
946
- align-items: center;
947
- padding: 20px;
948
- margin-top: 16px;
949
- margin-right: 16px;
950
- }
951
-
952
- .pa-element-info {
953
- -js-display: flex;
954
- display: -webkit-box;
955
- display: -webkit-flex;
956
- display: -moz-box;
957
- display: -ms-flexbox;
958
- display: flex;
959
- -webkit-box-align: center;
960
- -webkit-align-items: center;
961
- -moz-box-align: center;
962
- -ms-flex-align: center;
963
- align-items: center;
964
- }
965
-
966
- .pa-section .pa-element-icon {
967
- color: #252c59;
968
- background-color: #ebebeb;
969
- -webkit-border-radius: 15px;
970
- border-radius: 15px;
971
- /* padding: 12px; */
972
- min-width: 40px;
973
- min-height: 40px;
974
- margin-right: 8px;
975
- -js-display: flex;
976
- display: -webkit-box;
977
- display: -webkit-flex;
978
- display: -moz-box;
979
- display: -ms-flexbox;
980
- display: flex;
981
- -webkit-box-pack: center;
982
- -webkit-justify-content: center;
983
- -moz-box-pack: center;
984
- -ms-flex-pack: center;
985
- justify-content: center;
986
- -webkit-box-align: center;
987
- -webkit-align-items: center;
988
- -moz-box-align: center;
989
- -ms-flex-align: center;
990
- align-items: center;
991
- }
992
-
993
- .pa-element-name {
994
- font-size: 16px;
995
- color: #252c59;
996
- font-weight: 700;
997
- font-family: "Red Hat Display";
998
- margin: 0;
999
- -js-display: flex;
1000
- display: -webkit-box;
1001
- display: -webkit-flex;
1002
- display: -moz-box;
1003
- display: -ms-flexbox;
1004
- display: flex;
1005
- }
1006
-
1007
- .pa-element-name span {
1008
- text-transform: uppercase;
1009
- color: #fd9926;
1010
- font-weight: 700;
1011
- font-size: 11px;
1012
- margin-left: 5px;
1013
- }
1014
-
1015
- .pa-element-link {
1016
- font-size: 13px;
1017
- color: #252c59;
1018
- font-family: "Poppins";
1019
- text-decoration: none;
1020
- -webkit-transition: all 0.2s ease-in-out;
1021
- transition: all 0.2s ease-in-out;
1022
- }
1023
-
1024
- .pa-element-link-separator {
1025
- width: 3px;
1026
- height: 3px;
1027
- display: inline-block;
1028
- text-align: center;
1029
- color: #252c59;
1030
- background: #252c59;
1031
- -webkit-border-radius: 50%;
1032
- border-radius: 50%;
1033
- vertical-align: middle;
1034
- margin: 0 3px;
1035
- }
1036
-
1037
- .pa-element-link:hover,
1038
- .pa-element-link:focus {
1039
- color: #00a5e5;
1040
- text-decoration: none;
1041
- outline: none;
1042
- -webkit-box-shadow: none;
1043
- box-shadow: none;
1044
- border: none;
1045
- }
1046
-
1047
- /*
1048
- * Global Features
1049
- */
1050
- .pa-section-outer-wrap {
1051
- position: relative;
1052
- }
1053
-
1054
- .pa-section-outer-wrap a {
1055
- position: absolute;
1056
- top: 0;
1057
- left: 0;
1058
- width: 100%;
1059
- height: 100%;
1060
- }
1061
-
1062
- .pa-section-outer-wrap a:focus,
1063
- .pa-section-outer-wrap a:visited {
1064
- outline: none;
1065
- text-decoration: none;
1066
- -webkit-box-shadow: none;
1067
- box-shadow: none;
1068
- }
1069
-
1070
- /*
1071
- * Integrations
1072
- */
1073
- .pa-maps-table select {
1074
- width: 100%;
1075
- max-width: 100%;
1076
- padding: 8px;
1077
- }
1078
-
1079
- .pa-maps-table #premium-map-api,
1080
- .pa-maps-table #premium-youtube-api {
1081
- width: 100%;
1082
- }
1083
-
1084
- .pa-maps-table tr td {
1085
- padding-top: 30px;
1086
- }
1087
-
1088
- .pa-maps-table tr td:first-of-type {
1089
- padding-right: 30px;
1090
- }
1091
-
1092
- .pa-maps-table td h4 {
1093
- margin: 0;
1094
- font-size: 15px;
1095
- color: #252c59;
1096
- font-weight: 500;
1097
- font-family: "Poppins";
1098
- display: inline-block;
1099
- }
1100
-
1101
- .pa-maps-table td span {
1102
- font-size: 13px;
1103
- color: #474747;
1104
- font-family: "Poppins";
1105
- vertical-align: middle;
1106
- }
1107
-
1108
- .pa-maps-table td input[type="text"] {
1109
- -webkit-border-radius: 10px;
1110
- border-radius: 10px;
1111
- background-color: #ebebeb;
1112
- border: none;
1113
- padding: 8px 20px;
1114
- }
1115
-
1116
- .pa-section input[type="checkbox"] {
1117
- border: none;
1118
- display: none;
1119
- }
1120
-
1121
- .pa-section input[type="checkbox"]+label {
1122
- position: relative;
1123
- background: #ebebeb;
1124
- height: 16px;
1125
- width: 16px;
1126
- display: inline-block;
1127
- padding: 0;
1128
- margin-right: 5px;
1129
- -webkit-border-radius: 4px;
1130
- border-radius: 4px;
1131
- }
1132
-
1133
- .pa-section input[type="checkbox"]:checked+label {
1134
- background: #00a5e5;
1135
- height: 16px;
1136
- width: 16px;
1137
- display: inline-block;
1138
- padding: 0;
1139
- }
1140
-
1141
- .pa-section input[type="checkbox"]:checked+label:before {
1142
- position: absolute;
1143
- content: "✔";
1144
- color: #fff;
1145
- font-size: 12px;
1146
- top: 0;
1147
- left: 0;
1148
- width: 100%;
1149
- height: 100%;
1150
- text-align: center;
1151
- margin-top: -1px;
1152
- }
1153
-
1154
- .pa-maps-table td input:focus {
1155
- outline: none;
1156
- -webkit-box-shadow: none;
1157
- box-shadow: none;
1158
- border: none;
1159
- }
1160
-
1161
- .pa-elements-filter select,
1162
- .pa-maps-table td select {
1163
- border-color: #dcdcdc;
1164
- -webkit-border-radius: 10px;
1165
- border-radius: 10px;
1166
- -webkit-border-bottom-right-radius: 0;
1167
- border-bottom-right-radius: 0;
1168
- }
1169
-
1170
- .pa-maps-circle-icon {
1171
- width: 5px;
1172
- height: 5px;
1173
- background-color: #252c59;
1174
- -webkit-border-radius: 50%;
1175
- border-radius: 50%;
1176
- display: inline-block;
1177
- vertical-align: middle;
1178
- margin-right: 10px;
1179
- }
1180
-
1181
- .pa-maps-table td h4:before {
1182
- position: absolute;
1183
- content: "";
1184
- }
1185
-
1186
- /*
1187
- * White Labeling Tab
1188
- */
1189
- .pa-wht-lbl-settings .pa-wht-lbl-title {
1190
- font-size: 20px;
1191
- color: #252c59;
1192
- font-weight: 900;
1193
- font-family: "Red Hat Display";
1194
- margin: 0;
1195
- }
1196
-
1197
- .pa-wht-lbl-settings .pa-row {
1198
- width: 60%;
1199
- float: left;
1200
- }
1201
-
1202
- .pa-wht-lbl-settings .pa-wht-lbl-admin {
1203
- width: 30%;
1204
- float: left;
1205
- margin-left: 16px;
1206
- }
1207
-
1208
- .pa-wht-lbl-settings .pa-wht-lbl-head {
1209
- border-bottom: 1px solid #ddd;
1210
- background: #f7f7f7;
1211
- padding: 20px;
1212
- }
1213
-
1214
- .pa-wht-lbl-table {
1215
- text-align: left;
1216
- }
1217
-
1218
- .pa-wht-lbl-settings input {
1219
- font-weight: 400;
1220
- margin: 0;
1221
- margin-bottom: 12px;
1222
- -webkit-border-radius: 10px;
1223
- border-radius: 10px;
1224
- /* background-color: #ebebeb; */
1225
- border: 1px solid #dcdcdc;
1226
- padding: 8px 20px;
1227
- }
1228
-
1229
- /* .pa-wht-lbl-settings input + span {
1230
- margin-left: 0.3em;
1231
- } */
1232
-
1233
- .pa-wht-lbl-settings label+span {
1234
- font-family: "Poppins";
1235
- vertical-align: middle;
1236
- }
1237
-
1238
- .pa-wht-lbl-settings .pa-input-label {
1239
- display: block;
1240
- font-weight: 600;
1241
- margin: 10px 0 6px;
1242
- font-size: 14px;
1243
- color: #252c59;
1244
- font-family: "Red Hat Display";
1245
- }
1246
-
1247
- .pa-wht-lbl-settings input[type="text"] {
1248
- width: 550px;
1249
- }
1250
-
1251
- .pa-wht-lbl-settings input[type="text"]::-webkit-input-placeholder {
1252
- font-weight: 300;
1253
- font-family: "Poppins";
1254
- }
1255
-
1256
- .pa-wht-lbl-settings input[type="text"]:-moz-placeholder {
1257
- font-weight: 300;
1258
- font-family: "Poppins";
1259
- }
1260
-
1261
- .pa-wht-lbl-settings input[type="text"]::-moz-placeholder {
1262
- font-weight: 300;
1263
- font-family: "Poppins";
1264
- }
1265
-
1266
- .pa-wht-lbl-settings input[type="text"]:-ms-input-placeholder {
1267
- font-weight: 300;
1268
- font-family: "Poppins";
1269
- }
1270
-
1271
- .pa-wht-lbl-settings input[type="text"]::-ms-input-placeholder {
1272
- font-weight: 300;
1273
- font-family: "Poppins";
1274
- }
1275
-
1276
- .pa-wht-lbl-settings input[type="text"]::placeholder {
1277
- font-weight: 300;
1278
- font-family: "Poppins";
1279
- }
1280
-
1281
- .pa-wht-lbl-settings .pa-wht-lbl-settings-wrap {
1282
- background: #fff;
1283
- margin: 16px auto;
1284
- border: 1px solid #dcdcdc;
1285
- -webkit-border-radius: 10px;
1286
- border-radius: 10px;
1287
- overflow: hidden;
1288
- }
1289
-
1290
- .pa-wht-lbl-settings .clearfix {
1291
- clear: both;
1292
- }
1293
-
1294
- .pa-wht-lbl-group-wrap {
1295
- padding: 20px;
1296
- }
1297
-
1298
- .pa-section-white-label .pa-white-label-notice {
1299
- position: absolute;
1300
- top: 0;
1301
- left: 0;
1302
- width: 100%;
1303
- height: 100%;
1304
- background: rgba(200, 200, 200, 0.8);
1305
- -webkit-border-radius: 15px;
1306
- border-radius: 15px;
1307
- -js-display: flex;
1308
- display: -webkit-box;
1309
- display: -webkit-flex;
1310
- display: -moz-box;
1311
- display: -ms-flexbox;
1312
- display: flex;
1313
- -webkit-box-pack: center;
1314
- -webkit-justify-content: center;
1315
- -moz-box-pack: center;
1316
- -ms-flex-pack: center;
1317
- justify-content: center;
1318
- }
1319
-
1320
- .pa-white-label-notice-content {
1321
- position: absolute;
1322
- top: 200px;
1323
- left: 200;
1324
- width: 530px;
1325
- background-image: url("../../images/popup-pattern.jpg");
1326
- background-repeat: no-repeat;
1327
- -webkit-background-size: cover;
1328
- background-size: cover;
1329
- padding: 32px;
1330
- padding-bottom: 50px;
1331
- -webkit-border-radius: 50px 0px;
1332
- border-radius: 50px 0px;
1333
- text-align: center;
1334
- z-index: 2;
1335
- }
1336
-
1337
- .pa-white-label-notice-logo {
1338
- -webkit-transform: translateY(-32px);
1339
- -ms-transform: translateY(-32px);
1340
- transform: translateY(-32px);
1341
- margin-bottom: -18px;
1342
- }
1343
-
1344
- .pa-white-label-notice-logo img {
1345
- padding: 10px;
1346
- padding-top: 40px;
1347
- background-color: #ffffff;
1348
- border: 1px solid #e6e6e6;
1349
- -webkit-border-radius: 50px;
1350
- border-radius: 50px;
1351
- -webkit-border-top-left-radius: 50px;
1352
- border-top-left-radius: 50px;
1353
- -webkit-border-top-right-radius: 50px;
1354
- border-top-right-radius: 50px;
1355
- -webkit-border-top-left-radius: 0;
1356
- border-top-left-radius: 0;
1357
- -webkit-border-top-right-radius: 0;
1358
- border-top-right-radius: 0;
1359
- }
1360
-
1361
- .pa-white-label-notice-content h2,
1362
- .pa-swal-head {
1363
- display: inline-block;
1364
- font-size: 23px;
1365
- color: #252c59;
1366
- font-weight: 900;
1367
- font-family: "Red Hat Display";
1368
- text-align: center;
1369
- max-width: 350px;
1370
- line-height: 1;
1371
- margin: 0;
1372
- margin-bottom: 18px;
1373
- }
1374
-
1375
- .pa-white-label-notice-content h2 span {
1376
- color: #fd9926;
1377
- text-transform: uppercase;
1378
- font-family: "Red Hat Display";
1379
- }
1380
-
1381
- .pa-white-label-notice-content p {
1382
- font-size: 13px;
1383
- color: #474747;
1384
- font-family: "Poppins";
1385
- text-align: center;
1386
- margin: 0;
1387
- margin-bottom: 18px;
1388
- }
1389
-
1390
- .pa-white-label-notice-content a.pa-get-pro {
1391
- display: inline-block;
1392
- width: 117px;
1393
- padding: 12px 10px;
1394
- -webkit-border-radius: 10px;
1395
- border-radius: 10px;
1396
- color: #ffffff;
1397
- font-size: 15px;
1398
- font-weight: 900;
1399
- font-family: "Red Hat Display";
1400
- -webkit-filter: drop-shadow(0px 20px 17.5px rgba(254, 99, 0, 0.2));
1401
- filter: drop-shadow(0px 20px 17.5px rgba(254, 99, 0, 0.2));
1402
- text-decoration: none;
1403
- outline: none;
1404
- border: none;
1405
- background-image: -webkit-linear-gradient(120deg, #fe6300 0%, #fe9f00 100%);
1406
- background-image: linear-gradient(-30deg, #fe6300 0%, #fe9f00 100%);
1407
- -webkit-transition: all 0.2s ease-in-out;
1408
- transition: all 0.2s ease-in-out;
1409
- }
1410
-
1411
- .pa-white-label-notice-content a.pa-get-pro:hover {
1412
- background-image: -webkit-linear-gradient(60deg, #fe6300 0%, #fe9f00 100%);
1413
- background-image: linear-gradient(30deg, #fe6300 0%, #fe9f00 100%);
1414
- }
1415
-
1416
- /*
1417
- * System Info Tab
1418
- */
1419
- .pa-section-info table.widefat {
1420
- border: 0px;
1421
- -webkit-box-shadow: none;
1422
- box-shadow: none;
1423
- font-family: "Poppins";
1424
- }
1425
-
1426
- .pa-section-info .widefat td:first-child {
1427
- width: 30%;
1428
- }
1429
-
1430
- .pa-section-info table.widefat tr:nth-child(2n) {
1431
- background-color: #f7f7f7;
1432
- }
1433
-
1434
- /*
1435
- * License Tab
1436
- */
1437
- .pa-license-form span {
1438
- color: #474747;
1439
- font-family: "Poppins";
1440
- }
1441
-
1442
- .pa-license-form label {
1443
- display: block;
1444
- font-weight: 500;
1445
- margin: 2em 0 0.5em;
1446
- }
1447
-
1448
- .pa-license-form code {
1449
- padding: 3px 5px 2px;
1450
- margin: 0 1px;
1451
- background: #eaeaea;
1452
- background: rgba(0, 0, 0, 0.07);
1453
- font-size: 13px;
1454
- font-style: italic;
1455
- }
1456
-
1457
- .pa-license-form .button.button-primary {
1458
- width: 147px;
1459
- height: 43px;
1460
- /* -webkit-filter: drop-shadow(0px 10px 35px rgba(0, 165, 229, 0.3));
1461
- filter: drop-shadow(0px 10px 35px rgba(0, 165, 229, 0.3)); */
1462
- background-color: #00a5e5;
1463
- /* margin-top: 50px; */
1464
- margin-left: -3px;
1465
- -webkit-border-radius: 0 10px 10px 0;
1466
- border-radius: 0 10px 10px 0;
1467
- border: none;
1468
- }
1469
-
1470
- #papro-license-key:focus,
1471
- .pa-license-form .button.button-primary:focus {
1472
- outline: none;
1473
- -webkit-box-shadow: none;
1474
- box-shadow: none;
1475
- }
1476
-
1477
- #papro-license-key {
1478
- height: 43px;
1479
- line-height: 1;
1480
- margin: 0;
1481
- padding: 8px 20px;
1482
- -webkit-border-radius: 10px 0 0 10px;
1483
- border-radius: 10px 0 0 10px;
1484
- }
1485
-
1486
- .pa-license-form input+span {
1487
- margin-left: 10px;
1488
- font-weight: 600;
1489
- }
1490
-
1491
- .pa-license-cell span {
1492
- margin-left: 0.3em;
1493
- }
1494
-
1495
- @media(min-width: 1550px) {
1496
- #pa-general-settings .pa-section-info:not(.pa-news-section):not(.pa-support-section) p {
1497
- min-height: 65px;
1498
- }
1499
-
1500
- .pa-news-grid .pa-news-post p:nth-of-type(1) {
1501
- min-height: 40px;
1502
- }
1503
- }
1504
-
1505
- /*
1506
- * PAPRO Notice
1507
- */
1508
- .papro-admin-notice {
1509
- -webkit-display: flex;
1510
- display: -webkit-box;
1511
- display: -ms-flexbox;
1512
- -js-display: flex;
1513
- display: -moz-box;
1514
- display: flex;
1515
- -webkit-box-pack: end;
1516
- -ms-flex-pack: end;
1517
- -webkit-justify-content: flex-end;
1518
- -moz-box-pack: end;
1519
- justify-content: flex-end;
1520
- -webkit-box-align: center;
1521
- -ms-flex-align: center;
1522
- -webkit-align-items: center;
1523
- -moz-box-align: center;
1524
- align-items: center;
1525
- margin-bottom: 24px;
1526
- }
1527
-
1528
- .papro-admin-notice>div {
1529
- -webkit-box-flex: 1;
1530
- -webkit-flex-grow: 1;
1531
- -moz-box-flex: 1;
1532
- -ms-flex-positive: 1;
1533
- flex-grow: 1;
1534
- }
1535
-
1536
- .papro-admin-notice-left {
1537
- position: relative;
1538
- padding: 16px;
1539
- -webkit-border-radius: 15px;
1540
- border-radius: 15px;
1541
- background-color: #fff;
1542
- -webkit-flex-basis: 80%;
1543
- -ms-flex-preferred-size: 80%;
1544
- flex-basis: 80%;
1545
- }
1546
-
1547
- .papro-admin-notice-left a {
1548
- position: absolute;
1549
- top: 0;
1550
- left: 0;
1551
- width: 100%;
1552
- height: 100%;
1553
- }
1554
-
1555
- .papro-admin-notice-left a:hover,
1556
- .papro-admin-notice-left a:focus,
1557
- .papro-admin-notice-left a:visited {
1558
- outline: none;
1559
- border: none;
1560
- -webkit-box-shadow: none;
1561
- box-shadow: none;
1562
- text-decoration: none;
1563
- }
1564
-
1565
- .papro-admin-notice-logo {
1566
- -webkit-display: flex;
1567
- display: -webkit-box;
1568
- display: -ms-flexbox;
1569
- -js-display: flex;
1570
- display: -moz-box;
1571
- display: flex;
1572
- -webkit-box-pack: justify;
1573
- -webkit-justify-content: space-between;
1574
- -moz-box-pack: justify;
1575
- -ms-flex-pack: justify;
1576
- justify-content: space-between;
1577
- -webkit-box-align: center;
1578
- -webkit-align-items: center;
1579
- -moz-box-align: center;
1580
- -ms-flex-align: center;
1581
- align-items: center;
1582
- }
1583
-
1584
- .papro-admin-notice-logo label {
1585
- display: block;
1586
- font-weight: 600;
1587
- margin: 10px 0 6px;
1588
- font-size: 14px;
1589
- color: #252c59;
1590
- font-family: "Red Hat Display";
1591
- }
1592
-
1593
- .papro-admin-notice-right {
1594
- -webkit-display: flex;
1595
- display: -webkit-box;
1596
- display: -ms-flexbox;
1597
- -js-display: flex;
1598
- display: -moz-box;
1599
- display: flex;
1600
- -webkit-box-align: center;
1601
- -ms-flex-align: center;
1602
- -webkit-align-items: center;
1603
- -moz-box-align: center;
1604
- align-items: center;
1605
- background: url("../../images/papro-banner.png");
1606
- -webkit-background-size: cover;
1607
- background-size: cover;
1608
- background-repeat: no-repeat;
1609
- padding: 18px;
1610
- -webkit-border-radius: 15px;
1611
- border-radius: 15px;
1612
- overflow: hidden;
1613
- margin-left: 25px;
1614
- }
1615
-
1616
- .papro-admin-notice-right h4 {
1617
- font-size: 20px;
1618
- color: #fff;
1619
- font-weight: 900;
1620
- font-family: "Red Hat Display";
1621
- margin: 0;
1622
- margin-bottom: 8px;
1623
- }
1624
-
1625
- .papro-admin-notice-right p {
1626
- font-size: 14px;
1627
- color: #ffffff;
1628
- font-family: "Poppins";
1629
- margin: 0;
1630
- }
1631
-
1632
- .papro-admin-notice-right span {
1633
- font-weight: 700;
1634
- }
1635
-
1636
- /*
1637
- * Dashboard Tabs
1638
- */
1639
- .pa-dash-general:before {
1640
- content: "\e93e";
1641
- }
1642
-
1643
- .pa-dash-integrations:before {
1644
- content: "\e93f";
1645
- }
1646
-
1647
- .pa-dash-system-info:before {
1648
- content: "\e941";
1649
- }
1650
-
1651
- .pa-dash-vcontrol:before {
1652
- content: "\e942";
1653
- }
1654
-
1655
- .pa-dash-white-label:before {
1656
- content: "\e943";
1657
- }
1658
-
1659
- .pa-dash-elements:before {
1660
- content: "\e944";
1661
- }
1662
-
1663
- .pa-dash-license:before {
1664
- content: "\e940";
1665
- }
1666
-
1667
- .pa-dash-features:before {
1668
- content: "\e911";
1669
- }
1670
-
1671
- /*
1672
- * Elements Categories
1673
- */
1674
- .pa-dash-cat-all:before {
1675
- content: "\e945";
1676
- }
1677
-
1678
- .pa-dash-cat-blurbs:before {
1679
- content: "\e946";
1680
- }
1681
-
1682
- .pa-dash-cat-contact:before {
1683
- content: "\e94a";
1684
- }
1685
-
1686
- .pa-dash-cat-content:before {
1687
- content: "\e948";
1688
- }
1689
-
1690
- .pa-dash-cat-images:before {
1691
- content: "\e949";
1692
- }
1693
-
1694
- .pa-dash-cat-off-grid:before {
1695
- content: "\e94b";
1696
- }
1697
-
1698
- .pa-dash-cat-section:before {
1699
- content: "\e94c";
1700
- }
1701
-
1702
- .pa-dash-cat-feed:before {
1703
- content: "\e94d";
1704
- }
1705
-
1706
- .pa-dash-cat-data:before {
1707
- content: "\e94e";
1708
- }
1709
-
1710
- .pa-dash-cat-social:before {
1711
- content: "\e94f";
1712
- }
1713
-
1714
- /*
1715
- * Widgets Icons
1716
- */
1717
- .pa-dash-premium-notbar:before {
1718
- content: "\e902";
1719
- }
1720
-
1721
- .pa-dash-premium-gradient:before {
1722
- content: "\e903";
1723
- }
1724
-
1725
- .pa-dash-premium-color-transition:before {
1726
- content: "\e904";
1727
- }
1728
-
1729
- .pa-dash-premium-behance:before {
1730
- content: "\e905";
1731
- }
1732
-
1733
- .pa-dash-premium-charts:before {
1734
- content: "\e906";
1735
- }
1736
-
1737
- .pa-dash-premium-content-toggle:before {
1738
- content: "\e907";
1739
- }
1740
-
1741
- .pa-dash-premium-divider:before {
1742
- content: "\e908";
1743
- }
1744
-
1745
- .pa-dash-premium-facebook-feed:before {
1746
- content: "\e90a";
1747
- }
1748
-
1749
- .pa-dash-facebook-feed-2:before {
1750
- content: "\e91b";
1751
- }
1752
-
1753
- .pa-dash-premium-fb-chat:before {
1754
- content: "\e90b";
1755
- }
1756
-
1757
- .pa-dash-premium-facebook-reviews:before {
1758
- content: "\e90c";
1759
- }
1760
-
1761
- .pa-dash-premium-google-reviews:before {
1762
- content: "\e90d";
1763
- }
1764
-
1765
- .pa-dash-premium-hscroll:before {
1766
- content: "\e90e";
1767
- }
1768
-
1769
- .pa-dash-premium-flipbox:before {
1770
- content: "\e90f";
1771
- }
1772
-
1773
- .pa-dash-premium-iconbox:before {
1774
- content: "\e910";
1775
- }
1776
-
1777
- .pa-dash-premium-image-accordion:before {
1778
- content: "\e912";
1779
- }
1780
-
1781
- .pa-dash-premium-image-comparison:before {
1782
- content: "\e913";
1783
- }
1784
-
1785
- .pa-dash-premium-image-hotspots:before {
1786
- content: "\e914";
1787
- }
1788
-
1789
- .pa-dash-premium-img-layers:before {
1790
- content: "\e915";
1791
- }
1792
-
1793
- .pa-dash-premium-instagram-feed:before {
1794
- content: "\e916";
1795
- }
1796
-
1797
- .pa-dash-premium-kenburns:before {
1798
- content: "\e917";
1799
- }
1800
-
1801
- .pa-dash-premium-lottie:before {
1802
- content: "\e918";
1803
- }
1804
-
1805
- .pa-dash-premium-magic-section:before {
1806
- content: "\e919";
1807
- }
1808
-
1809
- .pa-dash-premium-multi-scroll:before {
1810
- content: "\e91a";
1811
- }
1812
-
1813
- .pa-dash-premium-ihover:before {
1814
- content: "\e911";
1815
- }
1816
-
1817
- .pa-dash-premium-parallax:before {
1818
- content: "\e91b";
1819
- }
1820
-
1821
- .pa-dash-premium-particles:before {
1822
- content: "\e91c";
1823
- }
1824
-
1825
- .pa-dash-premium-prev-img:before {
1826
- content: "\e91d";
1827
- }
1828
-
1829
- .pa-dash-premium-tabs:before {
1830
- content: "\e91f";
1831
- }
1832
-
1833
- .pa-dash-premium-tables:before {
1834
- content: "\e91e";
1835
- }
1836
-
1837
- .pa-dash-premium-twitter-feed:before {
1838
- content: "\e921";
1839
- }
1840
-
1841
- .pa-dash-premium-unfold:before {
1842
- content: "\e922";
1843
- }
1844
-
1845
- .pa-dash-premium-whatsapp-chat:before {
1846
- content: "\e923";
1847
- }
1848
-
1849
- .pa-dash-premium-yelp-reviews:before {
1850
- content: "\e924";
1851
- }
1852
-
1853
- .pa-dash-premium-trustpilot-reviews:before {
1854
- content: "\e920";
1855
- }
1856
-
1857
- .pa-dash-premium-banner:before {
1858
- content: "\e925";
1859
- }
1860
-
1861
- .pa-dash-premium-blog:before {
1862
- content: "\e926";
1863
- }
1864
-
1865
- .pa-dash-premium-button:before {
1866
- content: "\e927";
1867
- }
1868
-
1869
- .pa-dash-premium-carousel:before {
1870
- content: "\e928";
1871
- }
1872
-
1873
- .pa-dash-premium-contactform:before {
1874
- content: "\e929";
1875
- }
1876
-
1877
- .pa-dash-premium-countdown:before {
1878
- content: "\e92a";
1879
- }
1880
-
1881
- .pa-dash-premium-counter:before {
1882
- content: "\e92b";
1883
- }
1884
-
1885
- .pa-dash-premium-dual-header:before {
1886
- content: "\e92c";
1887
- }
1888
-
1889
- .pa-dash-premium-fancytext:before {
1890
- content: "\e92d";
1891
- }
1892
-
1893
- .pa-dash-premium-maps:before {
1894
- content: "\e92e";
1895
- }
1896
-
1897
- .pa-dash-premium-title:before {
1898
- content: "\e92f";
1899
- }
1900
-
1901
- .pa-dash-premium-icon-list:before {
1902
- content: "\e930";
1903
- }
1904
-
1905
- .pa-dash-premium-image-button:before {
1906
- content: "\e931";
1907
- }
1908
-
1909
- .pa-dash-premium-image-scroll:before {
1910
- content: "\e932";
1911
- }
1912
-
1913
- .pa-dash-premium-image-separator:before {
1914
- content: "\e933";
1915
- }
1916
-
1917
- /* .pa-dash-premium-lottie:before {
1918
- content: "\e944";
1919
- } */
1920
- .pa-dash-premium-lottie-widget:before {
1921
- content: "\e935";
1922
- }
1923
-
1924
- .pa-dash-premium-grid:before {
1925
- content: "\e946";
1926
- }
1927
-
1928
- .pa-dash-premium-modalbox:before {
1929
- content: "\e937";
1930
- }
1931
-
1932
- .pa-dash-premium-pricing-table:before {
1933
- content: "\e938";
1934
- }
1935
-
1936
- .pa-dash-premium-progressbar:before {
1937
- content: "\e939";
1938
- }
1939
-
1940
- .pa-dash-premium-person:before {
1941
- content: "\e93a";
1942
- }
1943
-
1944
- .pa-dash-premium-testimonials:before {
1945
- content: "\e93b";
1946
- }
1947
-
1948
- .pa-dash-premium-vscroll:before {
1949
- content: "\e93c";
1950
- }
1951
-
1952
- .pa-dash-premium-videobox:before {
1953
- content: "\e93d";
1954
- }
1955
-
1956
- .pa-dash-premium-blob:before {
1957
- content: "\e900";
1958
- }
1959
-
1960
- .pa-dash-woo-products:before {
1961
- content: "\e901";
1962
- }
1963
-
1964
- .pa-dash-premium-global-cursor:before {
1965
- content: "\e951";
1966
- }
1967
-
1968
- @-webkit-keyframes spin {
1969
- 0% {
1970
- -webkit-transform: rotateZ(-180deg) rotateY(180deg);
1971
- transform: rotateZ(-180deg) rotateY(180deg);
1972
- }
1973
-
1974
- 100% {
1975
- -webkit-transform: rotateZ(180deg) rotateY(180deg);
1976
- transform: rotateZ(180deg) rotateY(180deg);
1977
- }
1978
- }
1979
-
1980
- @keyframes spin {
1981
- 0% {
1982
- -webkit-transform: rotateZ(-180deg) rotateY(180deg);
1983
- transform: rotateZ(-180deg) rotateY(180deg);
1984
- }
1985
-
1986
- 100% {
1987
- -webkit-transform: rotateZ(180deg) rotateY(180deg);
1988
- transform: rotateZ(180deg) rotateY(180deg);
1989
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1990
  }
1
+ .button.pa-btn {
2
+ border: none;
3
+ color: #fff;
4
+ text-align: center;
5
+ padding: 3px;
6
+ max-width: 250px;
7
+ height: auto;
8
+ font-weight: 700;
9
+ -webkit-box-shadow: none;
10
+ box-shadow: none;
11
+ }
12
+
13
+ .button.pa-btn:hover,
14
+ .button.pa-btn:focus,
15
+ .button.pa-btn:active {
16
+ outline: none;
17
+ border: none;
18
+ text-decoration: none;
19
+ }
20
+
21
+ .pa-switcher .switch,
22
+ .pa-section-info-cta .switch {
23
+ position: relative;
24
+ display: inline-block;
25
+ width: 44px;
26
+ height: 24px;
27
+ -webkit-border-radius: 12px;
28
+ border-radius: 12px;
29
+ }
30
+
31
+ .switch input {
32
+ display: none;
33
+ }
34
+
35
+ .slider,
36
+ .pro-slider {
37
+ position: absolute;
38
+ cursor: pointer;
39
+ top: 0;
40
+ left: 0;
41
+ right: 0;
42
+ bottom: 0;
43
+ /* background-color: #f2f2f2;
44
+ box-shadow: 0 0 2px 1px #ccc inset; */
45
+ -webkit-transition: 0.4s;
46
+ transition: 0.4s;
47
+ }
48
+
49
+ .slider:before,
50
+ .pro-slider:before {
51
+ position: absolute;
52
+ content: "";
53
+ left: 3px;
54
+ top: 50%;
55
+ -webkit-transform: translateY(-50%);
56
+ -ms-transform: translateY(-50%);
57
+ transform: translateY(-50%);
58
+ /* background: radial-gradient(farthest-corner at 14px 0px, #f0f0f0 50%, #cacaca 100%); */
59
+ -webkit-transition: all 0.4s ease-in-out;
60
+ transition: all 0.4s ease-in-out;
61
+ padding: 0;
62
+ margin: 0;
63
+ width: 15px;
64
+ height: 15px;
65
+ -webkit-border-radius: 8px;
66
+ border-radius: 8px;
67
+ -webkit-filter: drop-shadow(0px 5px 2.5px rgba(40, 40, 40, 0.35));
68
+ filter: drop-shadow(0px 5px 2.5px rgba(40, 40, 40, 0.35));
69
+ background-color: #f7f7f7;
70
+ border: 1px solid #ffffff;
71
+ /* box-shadow: 0 2.5px 5px #b8b8b9; */
72
+ }
73
+
74
+ input:checked+.slider {
75
+ background: #8dc900;
76
+ }
77
+
78
+ input:focus+.slider {
79
+ -webkit-box-shadow: 0 0 1px #18a4fd;
80
+ box-shadow: 0 0 1px #18a4fd;
81
+ }
82
+
83
+ input:checked+.slider:before {
84
+ -webkit-transform: translate3d(20px, -50%, 0);
85
+ transform: translate3d(20px, -50%, 0);
86
+ }
87
+
88
+ .slider.round,
89
+ .pro-slider.round {
90
+ -webkit-border-radius: 34px;
91
+ border-radius: 34px;
92
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#cfcfcf), to(#dbdbdb));
93
+ background-image: -webkit-linear-gradient(top, #cfcfcf 0%, #dbdbdb 100%);
94
+ background-image: linear-gradient(180deg, #cfcfcf 0%, #dbdbdb 100%);
95
+ }
96
+
97
+ .slider.round:before,
98
+ .pro-slider.round:before {
99
+ -webkit-border-radius: 50%;
100
+ border-radius: 50%;
101
+ }
102
+
103
+ .switch input:disabled+.pro-slider::after {
104
+ position: absolute;
105
+ font-family: "Dashicons";
106
+ content: "\f160";
107
+ color: #474747;
108
+ right: 8px;
109
+ top: 50%;
110
+ -webkit-transform: translateY(-50%);
111
+ -ms-transform: translateY(-50%);
112
+ transform: translateY(-50%);
113
+ }
114
+
115
+ .pa-api-disable-title label,
116
+ .pa-is-beta label {
117
+ margin-right: 15px;
118
+ }
119
+
120
+ .pa-api-disable-title span,
121
+ .pa-is-beta span {
122
+ font-weight: 400;
123
+ }
124
+
125
+ .pa-maps-api-notice {
126
+ margin: 0.5em 0;
127
+ }
128
+
129
+ .pa-api-title input {
130
+ margin-top: 10px;
131
+ font-size: normal;
132
+ font-weight: 400;
133
+ width: 400px;
134
+ margin-left: 30px;
135
+ }
136
+
137
+ .pa-sys-info-tab {
138
+ background: #f7f7f7;
139
+ margin: 8px;
140
+ border: 2px solid #ddd;
141
+ -webkit-border-radius: 3px;
142
+ border-radius: 3px;
143
+ padding: 0;
144
+ }
145
+
146
+ .pa-system-info-container {
147
+ padding: 10px;
148
+ }
149
+
150
+ .dialog-type-lightbox .dialog-widget-header {
151
+ text-align: center;
152
+ font-size: 15px;
153
+ color: #495157;
154
+ padding: 30px 0 10px;
155
+ font-weight: 500;
156
+ }
157
+
158
+ .pa-swal.swal2-show {
159
+ padding: 32px;
160
+ padding-bottom: 50px;
161
+ background-image: url("../../images/popup-pattern.jpg");
162
+ background-repeat: no-repeat;
163
+ -webkit-background-size: cover;
164
+ background-size: cover;
165
+ -webkit-border-radius: 50px 0;
166
+ border-radius: 50px 0;
167
+ }
168
+
169
+ .pa-swal .swal2-close {
170
+ color: #c2c4cf;
171
+ }
172
+
173
+ .pa-swal .swal2-close:hover {
174
+ color: #00a5e5;
175
+ }
176
+
177
+ .pa-swal .swal2-title {
178
+ margin: 0;
179
+ }
180
+
181
+ .pa-swal .swal2-content {
182
+ font-size: 13px;
183
+ color: #474747;
184
+ font-family: "Poppins";
185
+ text-align: center;
186
+ margin: 0;
187
+ margin-bottom: 0px;
188
+ }
189
+
190
+ .pa-swal .swal2-cancel.swal2-styled,
191
+ .pa-swal .swal2-cancel.swal2-styled:hover,
192
+ .pa-swal .swal2-confirm.swal2-styled {
193
+ background-image: none !important;
194
+ background-color: #ebebeb;
195
+ color: #474747;
196
+ border: none !important;
197
+ -webkit-box-shadow: none !important;
198
+ box-shadow: none !important;
199
+ font-family: "Red Hat Display";
200
+ font-size: 15px;
201
+ font-weight: 700;
202
+ }
203
+
204
+ .pa-swal .swal2-confirm.swal2-styled,
205
+ .pa-swal .swal2-confirm.swal2-styled:hover {
206
+ min-width: 128px;
207
+ color: #fff;
208
+ background-image: none !important;
209
+ background-color: #00a5e5;
210
+ }
211
+
212
+ /**
213
+ * New Dashboard
214
+ */
215
+ .pa-settings-wrap {
216
+ padding: 35px;
217
+ padding-left: 15px;
218
+ }
219
+
220
+ .pa-settings-section {
221
+ display: none;
222
+ }
223
+
224
+ .pa-settings-tabs {
225
+ background-color: #fff;
226
+ -webkit-border-radius: 15px;
227
+ border-radius: 15px;
228
+ padding: 36px;
229
+ margin-bottom: 12px;
230
+ }
231
+
232
+ .pa-settings-tabs-list {
233
+ clear: left;
234
+ margin: 0;
235
+ list-style-type: none;
236
+ }
237
+
238
+ .pa-settings-tabs .pa-settings-tabs-list li {
239
+ display: inline-block;
240
+ margin-bottom: 0;
241
+ margin-right: 23px;
242
+ }
243
+
244
+ .pa-settings-section.active {
245
+ display: block;
246
+ }
247
+
248
+ .papro-admin-notice a,
249
+ .pa-settings-wrap .pa-settings-tabs a {
250
+ -js-display: flex;
251
+ display: -webkit-box;
252
+ display: -webkit-flex;
253
+ display: -moz-box;
254
+ display: -ms-flexbox;
255
+ display: flex;
256
+ -webkit-box-pack: center;
257
+ -webkit-justify-content: center;
258
+ -moz-box-pack: center;
259
+ -ms-flex-pack: center;
260
+ justify-content: center;
261
+ -webkit-box-align: center;
262
+ -webkit-align-items: center;
263
+ -moz-box-align: center;
264
+ -ms-flex-align: center;
265
+ align-items: center;
266
+ font-size: 14px;
267
+ line-height: 1.8em;
268
+ position: relative;
269
+ color: #252c59;
270
+ text-decoration: none;
271
+ -webkit-transition: all 0.3s ease;
272
+ transition: all 0.3s ease;
273
+ }
274
+
275
+ .papro-admin-notice a.papro-notice-btn {
276
+ width: 120px;
277
+ /* height: 58px; */
278
+ -webkit-border-radius: 15px;
279
+ border-radius: 15px;
280
+ -webkit-filter: drop-shadow(0px 5px 50px rgba(87, 0, 101, 0.7));
281
+ filter: drop-shadow(0px 5px 50px rgba(87, 0, 101, 0.7));
282
+ background-color: #ffffff;
283
+ font-size: 18px;
284
+ color: #fe6300;
285
+ font-weight: 800;
286
+ font-family: "Red Hat Display";
287
+ text-align: center;
288
+ padding: 10px 20px;
289
+ }
290
+
291
+ .pa-settings-wrap .pa-settings-tabs a:focus {
292
+ outline: none;
293
+ -webkit-box-shadow: none;
294
+ box-shadow: none;
295
+ }
296
+
297
+ .pa-settings-wrap .pa-settings-tabs span {
298
+ margin-left: 8px;
299
+ font-family: "Poppins";
300
+ font-weight: 500;
301
+ }
302
+
303
+ .pa-settings-wrap .pa-settings-tabs .pa-section-active {
304
+ color: #00a5e5;
305
+ }
306
+
307
+ .pa-section {
308
+ display: none;
309
+ position: relative;
310
+ background-color: #fff;
311
+ -webkit-transition: opacity 0.2s;
312
+ transition: opacity 0.2s;
313
+ padding: 34px;
314
+ -webkit-border-radius: 15px;
315
+ border-radius: 15px;
316
+ }
317
+
318
+ /**
319
+ * General Tab
320
+ */
321
+ #pa-general-settings {
322
+ -js-display: flex;
323
+ display: -webkit-box;
324
+ display: -webkit-flex;
325
+ display: -moz-box;
326
+ display: -ms-flexbox;
327
+ display: flex;
328
+ -webkit-box-orient: horizontal;
329
+ -webkit-box-direction: normal;
330
+ -webkit-flex-flow: row wrap;
331
+ -moz-box-orient: horizontal;
332
+ -moz-box-direction: normal;
333
+ -ms-flex-flow: row wrap;
334
+ flex-flow: row wrap;
335
+ -webkit-box-pack: justify;
336
+ -webkit-justify-content: space-between;
337
+ -moz-box-pack: justify;
338
+ -ms-flex-pack: justify;
339
+ justify-content: space-between;
340
+ width: 100%;
341
+ }
342
+
343
+ #pa-general-settings .pa-dash-block {
344
+ -webkit-box-flex: 1;
345
+ -webkit-flex: 1 1 auto;
346
+ -moz-box-flex: 1;
347
+ -ms-flex: 1 1 auto;
348
+ flex: 1 1 auto;
349
+ min-width: 250px;
350
+ margin: 0 5px 10px;
351
+ -js-display: flex;
352
+ display: -webkit-box;
353
+ display: -webkit-flex;
354
+ display: -moz-box;
355
+ display: -ms-flexbox;
356
+ display: flex;
357
+ -webkit-box-orient: vertical;
358
+ -webkit-box-direction: normal;
359
+ -webkit-flex-direction: column;
360
+ -moz-box-orient: vertical;
361
+ -moz-box-direction: normal;
362
+ -ms-flex-direction: column;
363
+ flex-direction: column;
364
+ }
365
+
366
+ .pa-dash-block.col-3 {
367
+ width: 31%;
368
+ }
369
+
370
+ .pa-dash-block.col-6 {
371
+ width: 64%;
372
+ }
373
+
374
+ #pa-general-settings .pa-section-info h4 {
375
+ font-size: 17px;
376
+ }
377
+
378
+ #pa-general-settings .pa-section-info:not(.pa-news-section):not(.pa-support-section) p {
379
+ min-height: 80px;
380
+ }
381
+
382
+ #pa-general-settings .pa-section-info .pa-element-icon {
383
+ margin-bottom: 12px;
384
+ }
385
+
386
+ #pa-general-settings .pa-element-icon.icon-inline {
387
+ -js-display: inline-flex;
388
+ display: -webkit-inline-box;
389
+ display: -webkit-inline-flex;
390
+ display: -moz-inline-box;
391
+ display: -ms-inline-flexbox;
392
+ display: inline-flex;
393
+ margin-bottom: 0;
394
+ vertical-align: middle;
395
+ }
396
+
397
+ #pa-general-settings .pa-section-info .pa-btn {
398
+ display: inline-block;
399
+ background-color: #252c59;
400
+ color: #fff;
401
+ /* margin-top: 12px; */
402
+ padding: 12px 36px;
403
+ }
404
+
405
+ .pa-element-icon.dashicons-facebook-alt {
406
+ color: #3b5998 !important
407
+ }
408
+
409
+ .pa-element-icon.dashicons-youtube {
410
+ color: #ff0000 !important
411
+ }
412
+
413
+ .pa-newsletter-form {
414
+ -js-display: flex;
415
+ display: -webkit-box;
416
+ display: -webkit-flex;
417
+ display: -moz-box;
418
+ display: -ms-flexbox;
419
+ display: flex;
420
+ -webkit-flex-wrap: wrap;
421
+ -ms-flex-wrap: wrap;
422
+ flex-wrap: wrap;
423
+ -webkit-box-align: center;
424
+ -webkit-align-items: center;
425
+ -moz-box-align: center;
426
+ -ms-flex-align: center;
427
+ align-items: center;
428
+ }
429
+
430
+ .pa-newsletter-form input {
431
+ width: 74%;
432
+ padding: 0px 10px;
433
+ height: 39px;
434
+ font-family: "Poppins";
435
+ border: 1px solid #dcdcdc;
436
+ -webkit-border-radius: 10px 0 0 10px;
437
+ border-radius: 10px 0 0 10px;
438
+ direction: ltr;
439
+ }
440
+
441
+ #pa-general-settings .pa-newsletter-form button.pa-btn {
442
+ width: 25%;
443
+ padding: 0;
444
+ height: 39px;
445
+ margin-top: 0;
446
+ margin-left: -1px;
447
+ -webkit-border-radius: 0 10px 10px 0;
448
+ border-radius: 0 10px 10px 0;
449
+ }
450
+
451
+ #pa-general-settings .pa-news-grid {
452
+ -js-display: flex;
453
+ display: -webkit-box;
454
+ display: -webkit-flex;
455
+ display: -moz-box;
456
+ display: -ms-flexbox;
457
+ display: flex;
458
+ -webkit-box-pack: justify;
459
+ -webkit-justify-content: space-between;
460
+ -moz-box-pack: justify;
461
+ -ms-flex-pack: justify;
462
+ justify-content: space-between;
463
+ margin-top: 12px;
464
+ }
465
+
466
+ .pa-news-grid .pa-news-post {
467
+ position: relative;
468
+ width: 33.33%;
469
+ margin: 0 5px;
470
+ }
471
+
472
+ .pa-news-grid .pa-news-post p:nth-of-type(1) {
473
+ font-family: "Red Hat Display";
474
+ font-size: 15px;
475
+ min-height: 60px;
476
+ font-weight: 800;
477
+ color: #252c59
478
+ }
479
+
480
+ .pa-news-grid .pa-news-post p:nth-of-type(2) {
481
+ font-size: 12px;
482
+ }
483
+
484
+ .pa-post-img-container img {
485
+ width: 100%;
486
+ height: 145px;
487
+ -o-object-fit: cover;
488
+ object-fit: cover;
489
+ -webkit-border-radius: 10px;
490
+ border-radius: 10px;
491
+ }
492
+
493
+ .pa-news-grid .pa-news-post a {
494
+ position: absolute;
495
+ top: 0;
496
+ left: 0;
497
+ width: 100%;
498
+ height: 100%;
499
+ z-index: 2;
500
+ }
501
+
502
+ #pa-general-settings .pa-support-list {
503
+ margin: 12px 0 0;
504
+ padding: 0;
505
+ }
506
+
507
+ #pa-general-settings .pa-support-list li {
508
+ margin-bottom: 10px;
509
+ }
510
+
511
+ .pa-support-list li a {
512
+ font-size: 15px;
513
+ color: #474747;
514
+ font-family: "Poppins";
515
+ text-decoration: none;
516
+ }
517
+
518
+ .pa-support-list li a:hover {
519
+ color: #135e96;
520
+ }
521
+
522
+ #pa-general-settings input[type="email"],
523
+ #pa-general-settings a:hover,
524
+ #pa-general-settings a:focus,
525
+ #pa-general-settings a:visited {
526
+ border: none;
527
+ -webkit-box-shadow: none;
528
+ box-shadow: none;
529
+ outline: none;
530
+ }
531
+
532
+
533
+ /**
534
+ * Tab Info
535
+ */
536
+ .pa-section-info-wrap {
537
+ padding: 34px;
538
+ -webkit-border-radius: 15px;
539
+ border-radius: 15px;
540
+ background-color: #f7f7f7;
541
+ -js-display: flex;
542
+ display: -webkit-box;
543
+ display: -webkit-flex;
544
+ display: -moz-box;
545
+ display: -ms-flexbox;
546
+ display: flex;
547
+ -webkit-box-pack: justify;
548
+ -webkit-justify-content: space-between;
549
+ -moz-box-pack: justify;
550
+ -ms-flex-pack: justify;
551
+ justify-content: space-between;
552
+ -webkit-box-align: center;
553
+ -webkit-align-items: center;
554
+ -moz-box-align: center;
555
+ -ms-flex-align: center;
556
+ align-items: center;
557
+ height: 100%;
558
+ }
559
+
560
+ #pa-general-settings .pa-section-info-wrap,
561
+ #pa-ver-control-settings .pa-section-info-wrap {
562
+ -webkit-box-orient: vertical;
563
+ -webkit-box-direction: normal;
564
+ -webkit-flex-direction: column;
565
+ -moz-box-orient: vertical;
566
+ -moz-box-direction: normal;
567
+ -ms-flex-direction: column;
568
+ flex-direction: column;
569
+ -webkit-box-align: start;
570
+ -webkit-align-items: flex-start;
571
+ -moz-box-align: start;
572
+ -ms-flex-align: start;
573
+ align-items: flex-start;
574
+ }
575
+
576
+ #pa-features-settings .pa-section-outer-wrap:nth-of-type(n + 2),
577
+ #pa-ver-control-settings .pa-section-info-wrap:nth-of-type(n + 2) {
578
+ margin-top: 36px;
579
+ }
580
+
581
+ #pa-section-elements .pa-section-outer-wrap {
582
+ margin-bottom: 16px;
583
+ }
584
+
585
+ .pa-section-info-wrap h4 {
586
+ font-size: 20px;
587
+ color: #252c59;
588
+ font-weight: 900;
589
+ font-family: "Red Hat Display";
590
+ margin: 0;
591
+ }
592
+
593
+ .pa-section-info-wrap p {
594
+ font-size: 14px;
595
+ color: #474747;
596
+ font-family: "Poppins";
597
+ margin: 0;
598
+ margin-top: 14px;
599
+ }
600
+
601
+ .pa-section-info-cta {
602
+ position: relative;
603
+ z-index: 3;
604
+ -js-display: flex;
605
+ display: -webkit-box;
606
+ display: -webkit-flex;
607
+ display: -moz-box;
608
+ display: -ms-flexbox;
609
+ display: flex;
610
+ -webkit-box-align: center;
611
+ -webkit-align-items: center;
612
+ -moz-box-align: center;
613
+ -ms-flex-align: center;
614
+ align-items: center;
615
+ margin-top: 25px;
616
+ }
617
+
618
+ .pa-section-info-cta .pa-btn {
619
+ color: #474747;
620
+ background-color: #ebebeb;
621
+ padding: 8px 20px;
622
+ -webkit-border-radius: 10px;
623
+ border-radius: 10px;
624
+ font-size: 15px;
625
+ font-weight: 700;
626
+ font-family: "Red Hat Display";
627
+ -webkit-transition: all 0.2s ease-in-out;
628
+ transition: all 0.2s ease-in-out;
629
+ }
630
+
631
+ .pa-section-info-cta .pa-btn:hover,
632
+ .pa-section-info-cta .pa-btn:focus,
633
+ .pa-section-info-cta .pa-btn:active {
634
+ color: #fff;
635
+ background-color: #00a5e5;
636
+ }
637
+
638
+ .pa-section-info-cta .pa-section-info-label {
639
+ font-size: 13px;
640
+ color: #474747;
641
+ font-family: "Poppins";
642
+ text-align: right;
643
+ }
644
+
645
+ .pa-section-info-cta .pa-section-info-warning {
646
+ font-size: 13px;
647
+ color: #cca329;
648
+ font-weight: 300;
649
+ font-family: "Poppins";
650
+ margin-left: 20px;
651
+ }
652
+
653
+ .pa-section-info-cta .pa-section-info-warning i {
654
+ font-weight: 300;
655
+ vertical-align: bottom;
656
+ }
657
+
658
+ .pa-section-info-wrap .pa-btn,
659
+ .pa-section-info-wrap .pa-btn-unused,
660
+ .pa-section-info-wrap .pa-btn-generate {
661
+ font-family: "Red Hat Display";
662
+ color: #8e8e8e;
663
+ background-color: #ebebeb;
664
+ border: 0px solid;
665
+ padding: 16px 28px;
666
+ -webkit-border-radius: 10px;
667
+ border-radius: 10px;
668
+ font-size: 15px;
669
+ font-weight: 700;
670
+ cursor: pointer;
671
+ -webkit-transition: 300ms;
672
+ transition: 300ms;
673
+ display: block;
674
+ text-decoration: none;
675
+ }
676
+
677
+ .pa-section-info-wrap .pa-btn-regenerate {
678
+ border: none;
679
+ outline: none;
680
+ margin-left: 5px;
681
+ -webkit-transform: rotateY(180deg);
682
+ transform: rotateY(180deg);
683
+ background-color: transparent;
684
+ cursor: pointer;
685
+ }
686
+
687
+ .pa-section-info-wrap .pa-btn-regenerate.loading {
688
+ -webkit-animation: spin 2s linear infinite;
689
+ animation: spin 2s linear infinite;
690
+ }
691
+
692
+ .pa-section-info-wrap .pa-btn-regenerate i.dashicons {
693
+ color: #474747;
694
+ }
695
+
696
+ .pa-section-info-wrap .pa-btn-unused {
697
+ width: 100%;
698
+ clear: both;
699
+ background: transparent;
700
+ color: #252C59;
701
+ padding-bottom: 0;
702
+ text-decoration: underline;
703
+ font-weight: normal;
704
+ }
705
+
706
+ .pa-section-info-wrap .pa-btn-unused.dimmed {
707
+ cursor: no-drop;
708
+ color: #C2C4CF;
709
+ }
710
+
711
+ .pa-element-name .pa-total-use {
712
+ color: #252C59;
713
+ }
714
+
715
+ .pa-section-info-wrap button.pa-btn-enable {
716
+ -webkit-border-top-right-radius: 0;
717
+ border-top-right-radius: 0;
718
+ -webkit-border-bottom-right-radius: 0;
719
+ border-bottom-right-radius: 0;
720
+ float: left;
721
+ }
722
+
723
+ .pa-section-info-wrap button.pa-btn-disable {
724
+ -webkit-border-top-left-radius: 0;
725
+ border-top-left-radius: 0;
726
+ -webkit-border-bottom-left-radius: 0;
727
+ border-bottom-left-radius: 0;
728
+ float: right;
729
+ }
730
+
731
+ .pa-section-info-wrap .pa-btn-enable.active {
732
+ color: #fff;
733
+ -webkit-box-shadow: inset 3.5px 1.8px 7px 0px rgba(125, 125, 125, 0.5);
734
+ box-shadow: inset 3.5px 1.8px 7px 0px rgba(125, 125, 125, 0.5);
735
+ background-color: #8dc900;
736
+ }
737
+
738
+ .pa-section-info-wrap .pa-btn-disable.active {
739
+ color: #fff;
740
+ -webkit-box-shadow: inset 3.564px 1.816px 7px 0px rgba(81, 81, 81, 0.5);
741
+ box-shadow: inset 3.564px 1.816px 7px 0px rgba(81, 81, 81, 0.5);
742
+ background-color: #898989;
743
+ }
744
+
745
+ .pa-section-info-wrap .pa-btn-enable:not(.active):hover {
746
+ color: #ffffff;
747
+ background-color: #8dc900;
748
+ }
749
+
750
+ .pa-section-info-wrap .pa-btn-disable:not(.active):hover {
751
+ color: #ffffff;
752
+ background-color: #898989;
753
+ }
754
+
755
+ /*
756
+ * Widgets & Addons Tab
757
+ */
758
+ .pa-elements-settings {
759
+ position: relative;
760
+ -js-display: flex;
761
+ display: -webkit-box;
762
+ display: -webkit-flex;
763
+ display: -moz-box;
764
+ display: -ms-flexbox;
765
+ display: flex;
766
+ margin-top: 16px;
767
+ }
768
+
769
+ .pa-elements-filter {
770
+ position: absolute;
771
+ top: 10px;
772
+ right: 16px;
773
+ }
774
+
775
+ .pa-elements-filter label {
776
+ font-size: 13px;
777
+ color: #474747;
778
+ font-family: "Poppins";
779
+ margin-right: 10px;
780
+ }
781
+
782
+ .pa-elements-filter select {
783
+ padding: 5px 35px 5px 15px;
784
+ }
785
+
786
+ .pa-elements-tabs {
787
+ -webkit-border-radius: 10px;
788
+ border-radius: 10px;
789
+ background-color: #f7f7f7;
790
+ padding: 20px;
791
+ margin-right: 16px;
792
+ }
793
+
794
+ .pa-elements-tabs .pa-elements-tab {
795
+ position: relative;
796
+ padding: 0;
797
+ margin-bottom: 12px;
798
+ text-align: center;
799
+ }
800
+
801
+ .pa-elements-tab .pa-element-tab-tooltip {
802
+ position: absolute;
803
+ background-color: #3a3c40;
804
+ display: block;
805
+ position: absolute;
806
+ top: 50%;
807
+ left: 100%;
808
+ padding: 10px 20px;
809
+ -webkit-border-radius: 13px;
810
+ border-radius: 13px;
811
+ -webkit-filter: drop-shadow(0px 5px 27.5px rgba(104, 104, 104, 0.3));
812
+ filter: drop-shadow(0px 5px 27.5px rgba(104, 104, 104, 0.3));
813
+ background-color: #ffffff;
814
+ font-size: 11px;
815
+ color: #252c59;
816
+ font-weight: 500;
817
+ font-family: "Poppins";
818
+ opacity: 0;
819
+ pointer-events: none;
820
+ text-transform: capitalize;
821
+ -webkit-transform: translate(30px, -50%);
822
+ -ms-transform: translate(30px, -50%);
823
+ transform: translate(30px, -50%);
824
+ -webkit-transition: all 0.3s ease;
825
+ transition: all 0.3s ease;
826
+ z-index: 1;
827
+ white-space: nowrap;
828
+ }
829
+
830
+ .pa-elements-tab .pa-element-tab-tooltip::before {
831
+ display: block;
832
+ position: absolute;
833
+ top: 50%;
834
+ left: -5px;
835
+ width: 0;
836
+ height: 0;
837
+ content: "";
838
+ border-top: 5px solid transparent;
839
+ border-bottom: 5px solid transparent;
840
+ border-right: 5px solid #ffffff;
841
+ -webkit-transform: translateY(-50%);
842
+ -ms-transform: translateY(-50%);
843
+ transform: translateY(-50%);
844
+ }
845
+
846
+ .pa-elements-tab .pa-elements-tab-link {
847
+ -js-display: flex;
848
+ display: -webkit-box;
849
+ display: -webkit-flex;
850
+ display: -moz-box;
851
+ display: -ms-flexbox;
852
+ display: flex;
853
+ -webkit-box-pack: center;
854
+ -webkit-justify-content: center;
855
+ -moz-box-pack: center;
856
+ -ms-flex-pack: center;
857
+ justify-content: center;
858
+ -webkit-box-align: center;
859
+ -webkit-align-items: center;
860
+ -moz-box-align: center;
861
+ -ms-flex-align: center;
862
+ align-items: center;
863
+ color: #c2c4cf;
864
+ padding: 12px;
865
+ text-decoration: none;
866
+ -webkit-transition: all 0.3s ease-in-out;
867
+ transition: all 0.3s ease-in-out;
868
+ -webkit-border-radius: 13px;
869
+ border-radius: 13px;
870
+ }
871
+
872
+ .pa-elements-tab .pa-elements-tab-link:hover,
873
+ .pa-elements-tab .pa-elements-tab-link.active {
874
+ -webkit-filter: drop-shadow(-4.243px -4.243px 3px rgba(255, 255, 255, 0.5)) drop-shadow(4.243px 4.243px 3px rgba(191, 201, 210, 0.6));
875
+ filter: drop-shadow(-4.243px -4.243px 3px rgba(255, 255, 255, 0.5)) drop-shadow(4.243px 4.243px 3px rgba(191, 201, 210, 0.6));
876
+ background-color: #ffffff;
877
+ color: #00a5e5;
878
+ outline: none;
879
+ border: none;
880
+ text-decoration: none;
881
+ -webkit-box-shadow: none;
882
+ box-shadow: none;
883
+ }
884
+
885
+ .pa-elements-tab .pa-elements-tab-link:hover+span {
886
+ opacity: 1;
887
+ -webkit-transform: translate(20px, -50%);
888
+ -ms-transform: translate(20px, -50%);
889
+ transform: translate(20px, -50%);
890
+ }
891
+
892
+ .pa-switchers {
893
+ -js-display: flex;
894
+ display: -webkit-box;
895
+ display: -webkit-flex;
896
+ display: -moz-box;
897
+ display: -ms-flexbox;
898
+ display: flex;
899
+ -webkit-flex-wrap: wrap;
900
+ -ms-flex-wrap: wrap;
901
+ flex-wrap: wrap;
902
+ -webkit-align-content: flex-start;
903
+ -ms-flex-line-pack: start;
904
+ align-content: flex-start;
905
+ }
906
+
907
+ .pa-switchers-container {
908
+ width: 100%;
909
+ }
910
+
911
+ .pa-switchers-container.hidden,
912
+ .pa-switcher.hidden {
913
+ display: none;
914
+ }
915
+
916
+ .pa-switchers-container .pa-elements-tab-title {
917
+ font-size: 20px;
918
+ color: #252c59;
919
+ font-weight: 900;
920
+ font-family: "Red Hat Display";
921
+ margin: 16px 0;
922
+ }
923
+
924
+ .pa-switcher {
925
+ -webkit-border-radius: 15px;
926
+ border-radius: 15px;
927
+ background-color: #f7f7f7;
928
+ position: relative;
929
+ -js-display: flex;
930
+ display: -webkit-box;
931
+ display: -webkit-flex;
932
+ display: -moz-box;
933
+ display: -ms-flexbox;
934
+ display: flex;
935
+ width: -webkit-calc(50% - 56px);
936
+ width: calc(50% - 56px);
937
+ -webkit-box-pack: justify;
938
+ -webkit-justify-content: space-between;
939
+ -moz-box-pack: justify;
940
+ -ms-flex-pack: justify;
941
+ justify-content: space-between;
942
+ -webkit-box-align: center;
943
+ -webkit-align-items: center;
944
+ -moz-box-align: center;
945
+ -ms-flex-align: center;
946
+ align-items: center;
947
+ padding: 20px;
948
+ margin-top: 16px;
949
+ margin-right: 16px;
950
+ }
951
+
952
+ .pa-element-info {
953
+ -js-display: flex;
954
+ display: -webkit-box;
955
+ display: -webkit-flex;
956
+ display: -moz-box;
957
+ display: -ms-flexbox;
958
+ display: flex;
959
+ -webkit-box-align: center;
960
+ -webkit-align-items: center;
961
+ -moz-box-align: center;
962
+ -ms-flex-align: center;
963
+ align-items: center;
964
+ }
965
+
966
+ .pa-section .pa-element-icon {
967
+ color: #252c59;
968
+ background-color: #ebebeb;
969
+ -webkit-border-radius: 15px;
970
+ border-radius: 15px;
971
+ /* padding: 12px; */
972
+ min-width: 40px;
973
+ min-height: 40px;
974
+ margin-right: 8px;
975
+ -js-display: flex;
976
+ display: -webkit-box;
977
+ display: -webkit-flex;
978
+ display: -moz-box;
979
+ display: -ms-flexbox;
980
+ display: flex;
981
+ -webkit-box-pack: center;
982
+ -webkit-justify-content: center;
983
+ -moz-box-pack: center;
984
+ -ms-flex-pack: center;
985
+ justify-content: center;
986
+ -webkit-box-align: center;
987
+ -webkit-align-items: center;
988
+ -moz-box-align: center;
989
+ -ms-flex-align: center;
990
+ align-items: center;
991
+ }
992
+
993
+ .pa-element-name {
994
+ font-size: 16px;
995
+ color: #252c59;
996
+ font-weight: 700;
997
+ font-family: "Red Hat Display";
998
+ margin: 0;
999
+ -js-display: flex;
1000
+ display: -webkit-box;
1001
+ display: -webkit-flex;
1002
+ display: -moz-box;
1003
+ display: -ms-flexbox;
1004
+ display: flex;
1005
+ }
1006
+
1007
+ .pa-element-name span {
1008
+ text-transform: uppercase;
1009
+ color: #fd9926;
1010
+ font-weight: 700;
1011
+ font-size: 11px;
1012
+ margin-left: 5px;
1013
+ }
1014
+
1015
+ .pa-element-link {
1016
+ font-size: 13px;
1017
+ color: #252c59;
1018
+ font-family: "Poppins";
1019
+ text-decoration: none;
1020
+ -webkit-transition: all 0.2s ease-in-out;
1021
+ transition: all 0.2s ease-in-out;
1022
+ }
1023
+
1024
+ .pa-element-link-separator {
1025
+ width: 3px;
1026
+ height: 3px;
1027
+ display: inline-block;
1028
+ text-align: center;
1029
+ color: #252c59;
1030
+ background: #252c59;
1031
+ -webkit-border-radius: 50%;
1032
+ border-radius: 50%;
1033
+ vertical-align: middle;
1034
+ margin: 0 3px;
1035
+ }
1036
+
1037
+ .pa-element-link:hover,
1038
+ .pa-element-link:focus {
1039
+ color: #00a5e5;
1040
+ text-decoration: none;
1041
+ outline: none;
1042
+ -webkit-box-shadow: none;
1043
+ box-shadow: none;
1044
+ border: none;
1045
+ }
1046
+
1047
+ /*
1048
+ * Global Features
1049
+ */
1050
+ .pa-section-outer-wrap {
1051
+ position: relative;
1052
+ }
1053
+
1054
+ .pa-section-outer-wrap a {
1055
+ position: absolute;
1056
+ top: 0;
1057
+ left: 0;
1058
+ width: 100%;
1059
+ height: 100%;
1060
+ }
1061
+
1062
+ .pa-section-outer-wrap a:focus,
1063
+ .pa-section-outer-wrap a:visited {
1064
+ outline: none;
1065
+ text-decoration: none;
1066
+ -webkit-box-shadow: none;
1067
+ box-shadow: none;
1068
+ }
1069
+
1070
+ /*
1071
+ * Integrations
1072
+ */
1073
+ .pa-maps-table select {
1074
+ width: 100%;
1075
+ max-width: 100%;
1076
+ padding: 8px;
1077
+ }
1078
+
1079
+ .pa-maps-table #premium-map-api,
1080
+ .pa-maps-table #premium-youtube-api {
1081
+ width: 100%;
1082
+ }
1083
+
1084
+ .pa-maps-table tr td {
1085
+ padding-top: 30px;
1086
+ }
1087
+
1088
+ .pa-maps-table tr td:first-of-type {
1089
+ padding-right: 30px;
1090
+ }
1091
+
1092
+ .pa-maps-table td h4 {
1093
+ margin: 0;
1094
+ font-size: 15px;
1095
+ color: #252c59;
1096
+ font-weight: 500;
1097
+ font-family: "Poppins";
1098
+ display: inline-block;
1099
+ }
1100
+
1101
+ .pa-maps-table td span {
1102
+ font-size: 13px;
1103
+ color: #474747;
1104
+ font-family: "Poppins";
1105
+ vertical-align: middle;
1106
+ }
1107
+
1108
+ .pa-maps-table td input[type="text"] {
1109
+ -webkit-border-radius: 10px;
1110
+ border-radius: 10px;
1111
+ background-color: #ebebeb;
1112
+ border: none;
1113
+ padding: 8px 20px;
1114
+ }
1115
+
1116
+ .pa-section input[type="checkbox"] {
1117
+ border: none;
1118
+ display: none;
1119
+ }
1120
+
1121
+ .pa-section input[type="checkbox"]+label {
1122
+ position: relative;
1123
+ background: #ebebeb;
1124
+ height: 16px;
1125
+ width: 16px;
1126
+ display: inline-block;
1127
+ padding: 0;
1128
+ margin-right: 5px;
1129
+ -webkit-border-radius: 4px;
1130
+ border-radius: 4px;
1131
+ }
1132
+
1133
+ .pa-section input[type="checkbox"]:checked+label {
1134
+ background: #00a5e5;
1135
+ height: 16px;
1136
+ width: 16px;
1137
+ display: inline-block;
1138
+ padding: 0;
1139
+ }
1140
+
1141
+ .pa-section input[type="checkbox"]:checked+label:before {
1142
+ position: absolute;
1143
+ content: "✔";
1144
+ color: #fff;
1145
+ font-size: 12px;
1146
+ top: 0;
1147
+ left: 0;
1148
+ width: 100%;
1149
+ height: 100%;
1150
+ text-align: center;
1151
+ margin-top: -1px;
1152
+ }
1153
+
1154
+ .pa-maps-table td input:focus {
1155
+ outline: none;
1156
+ -webkit-box-shadow: none;
1157
+ box-shadow: none;
1158
+ border: none;
1159
+ }
1160
+
1161
+ .pa-elements-filter select,
1162
+ .pa-maps-table td select {
1163
+ border-color: #dcdcdc;
1164
+ -webkit-border-radius: 10px;
1165
+ border-radius: 10px;
1166
+ -webkit-border-bottom-right-radius: 0;
1167
+ border-bottom-right-radius: 0;
1168
+ }
1169
+
1170
+ .pa-maps-circle-icon {
1171
+ width: 5px;
1172
+ height: 5px;
1173
+ background-color: #252c59;
1174
+ -webkit-border-radius: 50%;
1175
+ border-radius: 50%;
1176
+ display: inline-block;
1177
+ vertical-align: middle;
1178
+ margin-right: 10px;
1179
+ }
1180
+
1181
+ .pa-maps-table td h4:before {
1182
+ position: absolute;
1183
+ content: "";
1184
+ }
1185
+
1186
+ /*
1187
+ * White Labeling Tab
1188
+ */
1189
+ .pa-wht-lbl-settings .pa-wht-lbl-title {
1190
+ font-size: 20px;
1191
+ color: #252c59;
1192
+ font-weight: 900;
1193
+ font-family: "Red Hat Display";
1194
+ margin: 0;
1195
+ }
1196
+
1197
+ .pa-wht-lbl-settings .pa-row {
1198
+ width: 60%;
1199
+ float: left;
1200
+ }
1201
+
1202
+ .pa-wht-lbl-settings .pa-wht-lbl-admin {
1203
+ width: 30%;
1204
+ float: left;
1205
+ margin-left: 16px;
1206
+ }
1207
+
1208
+ .pa-wht-lbl-settings .pa-wht-lbl-head {
1209
+ border-bottom: 1px solid #ddd;
1210
+ background: #f7f7f7;
1211
+ padding: 20px;
1212
+ }
1213
+
1214
+ .pa-wht-lbl-table {
1215
+ text-align: left;
1216
+ }
1217
+
1218
+ .pa-wht-lbl-settings input {
1219
+ font-weight: 400;
1220
+ margin: 0;
1221
+ margin-bottom: 12px;
1222
+ -webkit-border-radius: 10px;
1223
+ border-radius: 10px;
1224
+ /* background-color: #ebebeb; */
1225
+ border: 1px solid #dcdcdc;
1226
+ padding: 8px 20px;
1227
+ }
1228
+
1229
+ /* .pa-wht-lbl-settings input + span {
1230
+ margin-left: 0.3em;
1231
+ } */
1232
+
1233
+ .pa-wht-lbl-settings label+span {
1234
+ font-family: "Poppins";
1235
+ vertical-align: middle;
1236
+ }
1237
+
1238
+ .pa-wht-lbl-settings .pa-input-label {
1239
+ display: block;
1240
+ font-weight: 600;
1241
+ margin: 10px 0 6px;
1242
+ font-size: 14px;
1243
+ color: #252c59;
1244
+ font-family: "Red Hat Display";
1245
+ }
1246
+
1247
+ .pa-wht-lbl-settings input[type="text"] {
1248
+ width: 550px;
1249
+ }
1250
+
1251
+ .pa-wht-lbl-settings input[type="text"]::-webkit-input-placeholder {
1252
+ font-weight: 300;
1253
+ font-family: "Poppins";
1254
+ }
1255
+
1256
+ .pa-wht-lbl-settings input[type="text"]:-moz-placeholder {
1257
+ font-weight: 300;
1258
+ font-family: "Poppins";
1259
+ }
1260
+
1261
+ .pa-wht-lbl-settings input[type="text"]::-moz-placeholder {
1262
+ font-weight: 300;
1263
+ font-family: "Poppins";
1264
+ }
1265
+
1266
+ .pa-wht-lbl-settings input[type="text"]:-ms-input-placeholder {
1267
+ font-weight: 300;
1268
+ font-family: "Poppins";
1269
+ }
1270
+
1271
+ .pa-wht-lbl-settings input[type="text"]::-ms-input-placeholder {
1272
+ font-weight: 300;
1273
+ font-family: "Poppins";
1274
+ }
1275
+
1276
+ .pa-wht-lbl-settings input[type="text"]::placeholder {
1277
+ font-weight: 300;
1278
+ font-family: "Poppins";
1279
+ }
1280
+
1281
+ .pa-wht-lbl-settings .pa-wht-lbl-settings-wrap {
1282
+ background: #fff;
1283
+ margin: 16px auto;
1284
+ border: 1px solid #dcdcdc;
1285
+ -webkit-border-radius: 10px;
1286
+ border-radius: 10px;
1287
+ overflow: hidden;
1288
+ }
1289
+
1290
+ .pa-wht-lbl-settings .clearfix {
1291
+ clear: both;
1292
+ }
1293
+
1294
+ .pa-wht-lbl-group-wrap {
1295
+ padding: 20px;
1296
+ }
1297
+
1298
+ .pa-section-white-label .pa-white-label-notice {
1299
+ position: absolute;
1300
+ top: 0;
1301
+ left: 0;
1302
+ width: 100%;
1303
+ height: 100%;
1304
+ background: rgba(200, 200, 200, 0.8);
1305
+ -webkit-border-radius: 15px;
1306
+ border-radius: 15px;
1307
+ -js-display: flex;
1308
+ display: -webkit-box;
1309
+ display: -webkit-flex;
1310
+ display: -moz-box;
1311
+ display: -ms-flexbox;
1312
+ display: flex;
1313
+ -webkit-box-pack: center;
1314
+ -webkit-justify-content: center;
1315
+ -moz-box-pack: center;
1316
+ -ms-flex-pack: center;
1317
+ justify-content: center;
1318
+ }
1319
+
1320
+ .pa-white-label-notice-content {
1321
+ position: absolute;
1322
+ top: 200px;
1323
+ left: 200;
1324
+ width: 530px;
1325
+ background-image: url("../../images/popup-pattern.jpg");
1326
+ background-repeat: no-repeat;
1327
+ -webkit-background-size: cover;
1328
+ background-size: cover;
1329
+ padding: 32px;
1330
+ padding-bottom: 50px;
1331
+ -webkit-border-radius: 50px 0px;
1332
+ border-radius: 50px 0px;
1333
+ text-align: center;
1334
+ z-index: 2;
1335
+ }
1336
+
1337
+ .pa-white-label-notice-logo {
1338
+ -webkit-transform: translateY(-32px);
1339
+ -ms-transform: translateY(-32px);
1340
+ transform: translateY(-32px);
1341
+ margin-bottom: -18px;
1342
+ }
1343
+
1344
+ .pa-white-label-notice-logo img {
1345
+ padding: 10px;
1346
+ padding-top: 40px;
1347
+ background-color: #ffffff;
1348
+ border: 1px solid #e6e6e6;
1349
+ -webkit-border-radius: 50px;
1350
+ border-radius: 50px;
1351
+ -webkit-border-top-left-radius: 50px;
1352
+ border-top-left-radius: 50px;
1353
+ -webkit-border-top-right-radius: 50px;
1354
+ border-top-right-radius: 50px;
1355
+ -webkit-border-top-left-radius: 0;
1356
+ border-top-left-radius: 0;
1357
+ -webkit-border-top-right-radius: 0;
1358
+ border-top-right-radius: 0;
1359
+ }
1360
+
1361
+ .pa-white-label-notice-content h2,
1362
+ .pa-swal-head {
1363
+ display: inline-block;
1364
+ font-size: 23px;
1365
+ color: #252c59;
1366
+ font-weight: 900;
1367
+ font-family: "Red Hat Display";
1368
+ text-align: center;
1369
+ max-width: 350px;
1370
+ line-height: 1;
1371
+ margin: 0;
1372
+ margin-bottom: 18px;
1373
+ }
1374
+
1375
+ .pa-white-label-notice-content h2 span {
1376
+ color: #fd9926;
1377
+ text-transform: uppercase;
1378
+ font-family: "Red Hat Display";
1379
+ }
1380
+
1381
+ .pa-white-label-notice-content p {
1382
+ font-size: 13px;
1383
+ color: #474747;
1384
+ font-family: "Poppins";
1385
+ text-align: center;
1386
+ margin: 0;
1387
+ margin-bottom: 18px;
1388
+ }
1389
+
1390
+ .pa-white-label-notice-content a.pa-get-pro {
1391
+ display: inline-block;
1392
+ width: 117px;
1393
+ padding: 12px 10px;
1394
+ -webkit-border-radius: 10px;
1395
+ border-radius: 10px;
1396
+ color: #ffffff;
1397
+ font-size: 15px;
1398
+ font-weight: 900;
1399
+ font-family: "Red Hat Display";
1400
+ -webkit-filter: drop-shadow(0px 20px 17.5px rgba(254, 99, 0, 0.2));
1401
+ filter: drop-shadow(0px 20px 17.5px rgba(254, 99, 0, 0.2));
1402
+ text-decoration: none;
1403
+ outline: none;
1404
+ border: none;
1405
+ background-image: -webkit-linear-gradient(120deg, #fe6300 0%, #fe9f00 100%);
1406
+ background-image: linear-gradient(-30deg, #fe6300 0%, #fe9f00 100%);
1407
+ -webkit-transition: all 0.2s ease-in-out;
1408
+ transition: all 0.2s ease-in-out;
1409
+ }
1410
+
1411
+ .pa-white-label-notice-content a.pa-get-pro:hover {
1412
+ background-image: -webkit-linear-gradient(60deg, #fe6300 0%, #fe9f00 100%);
1413
+ background-image: linear-gradient(30deg, #fe6300 0%, #fe9f00 100%);
1414
+ }
1415
+
1416
+ /*
1417
+ * System Info Tab
1418
+ */
1419
+ .pa-section-info table.widefat {
1420
+ border: 0px;
1421
+ -webkit-box-shadow: none;
1422
+ box-shadow: none;
1423
+ font-family: "Poppins";
1424
+ }
1425
+
1426
+ .pa-section-info .widefat td:first-child {
1427
+ width: 30%;
1428
+ }
1429
+
1430
+ .pa-section-info table.widefat tr:nth-child(2n) {
1431
+ background-color: #f7f7f7;
1432
+ }
1433
+
1434
+ /*
1435
+ * License Tab
1436
+ */
1437
+ .pa-license-form span {
1438
+ color: #474747;
1439
+ font-family: "Poppins";
1440
+ }
1441
+
1442
+ .pa-license-form label {
1443
+ display: block;
1444
+ font-weight: 500;
1445
+ margin: 2em 0 0.5em;
1446
+ }
1447
+
1448
+ .pa-license-form code {
1449
+ padding: 3px 5px 2px;
1450
+ margin: 0 1px;
1451
+ background: #eaeaea;
1452
+ background: rgba(0, 0, 0, 0.07);
1453
+ font-size: 13px;
1454
+ font-style: italic;
1455
+ }
1456
+
1457
+ .pa-license-form .button.button-primary {
1458
+ width: 147px;
1459
+ height: 43px;
1460
+ /* -webkit-filter: drop-shadow(0px 10px 35px rgba(0, 165, 229, 0.3));
1461
+ filter: drop-shadow(0px 10px 35px rgba(0, 165, 229, 0.3)); */
1462
+ background-color: #00a5e5;
1463
+ /* margin-top: 50px; */
1464
+ margin-left: -3px;
1465
+ -webkit-border-radius: 0 10px 10px 0;
1466
+ border-radius: 0 10px 10px 0;
1467
+ border: none;
1468
+ }
1469
+
1470
+ #papro-license-key:focus,
1471
+ .pa-license-form .button.button-primary:focus {
1472
+ outline: none;
1473
+ -webkit-box-shadow: none;
1474
+ box-shadow: none;
1475
+ }
1476
+
1477
+ #papro-license-key {
1478
+ height: 43px;
1479
+ line-height: 1;
1480
+ margin: 0;
1481
+ padding: 8px 20px;
1482
+ -webkit-border-radius: 10px 0 0 10px;
1483
+ border-radius: 10px 0 0 10px;
1484
+ }
1485
+
1486
+ .pa-license-form input+span {
1487
+ margin-left: 10px;
1488
+ font-weight: 600;
1489
+ }
1490
+
1491
+ .pa-license-cell span {
1492
+ margin-left: 0.3em;
1493
+ }
1494
+
1495
+ @media(min-width: 1550px) {
1496
+ #pa-general-settings .pa-section-info:not(.pa-news-section):not(.pa-support-section) p {
1497
+ min-height: 65px;
1498
+ }
1499
+
1500
+ .pa-news-grid .pa-news-post p:nth-of-type(1) {
1501
+ min-height: 40px;
1502
+ }
1503
+ }
1504
+
1505
+ /*
1506
+ * PAPRO Notice
1507
+ */
1508
+ .papro-admin-notice {
1509
+ -webkit-display: flex;
1510
+ display: -webkit-box;
1511
+ display: -ms-flexbox;
1512
+ -js-display: flex;
1513
+ display: -moz-box;
1514
+ display: flex;
1515
+ -webkit-box-pack: end;
1516
+ -ms-flex-pack: end;
1517
+ -webkit-justify-content: flex-end;
1518
+ -moz-box-pack: end;
1519
+ justify-content: flex-end;
1520
+ -webkit-box-align: center;
1521
+ -ms-flex-align: center;
1522
+ -webkit-align-items: center;
1523
+ -moz-box-align: center;
1524
+ align-items: center;
1525
+ margin-bottom: 24px;
1526
+ }
1527
+
1528
+ .papro-admin-notice>div {
1529
+ -webkit-box-flex: 1;
1530
+ -webkit-flex-grow: 1;
1531
+ -moz-box-flex: 1;
1532
+ -ms-flex-positive: 1;
1533
+ flex-grow: 1;
1534
+ }
1535
+
1536
+ .papro-admin-notice-left {
1537
+ position: relative;
1538
+ padding: 16px;
1539
+ -webkit-border-radius: 15px;
1540
+ border-radius: 15px;
1541
+ background-color: #fff;
1542
+ -webkit-flex-basis: 80%;
1543
+ -ms-flex-preferred-size: 80%;
1544
+ flex-basis: 80%;
1545
+ }
1546
+
1547
+ .papro-admin-notice-left a {
1548
+ position: absolute;
1549
+ top: 0;
1550
+ left: 0;
1551
+ width: 100%;
1552
+ height: 100%;
1553
+ }
1554
+
1555
+ .papro-admin-notice-left a:hover,
1556
+ .papro-admin-notice-left a:focus,
1557
+ .papro-admin-notice-left a:visited {
1558
+ outline: none;
1559
+ border: none;
1560
+ -webkit-box-shadow: none;
1561
+ box-shadow: none;
1562
+ text-decoration: none;
1563
+ }
1564
+
1565
+ .papro-admin-notice-logo {
1566
+ -webkit-display: flex;
1567
+ display: -webkit-box;
1568
+ display: -ms-flexbox;
1569
+ -js-display: flex;
1570
+ display: -moz-box;
1571
+ display: flex;
1572
+ -webkit-box-pack: justify;
1573
+ -webkit-justify-content: space-between;
1574
+ -moz-box-pack: justify;
1575
+ -ms-flex-pack: justify;
1576
+ justify-content: space-between;
1577
+ -webkit-box-align: center;
1578
+ -webkit-align-items: center;
1579
+ -moz-box-align: center;
1580
+ -ms-flex-align: center;
1581
+ align-items: center;
1582
+ }
1583
+
1584
+ .papro-admin-notice-logo label {
1585
+ display: block;
1586
+ font-weight: 600;
1587
+ margin: 10px 0 6px;
1588
+ font-size: 14px;
1589
+ color: #252c59;
1590
+ font-family: "Red Hat Display";
1591
+ }
1592
+
1593
+ .papro-admin-notice-right {
1594
+ -webkit-display: flex;
1595
+ display: -webkit-box;
1596
+ display: -ms-flexbox;
1597
+ -js-display: flex;
1598
+ display: -moz-box;
1599
+ display: flex;
1600
+ -webkit-box-align: center;
1601
+ -ms-flex-align: center;
1602
+ -webkit-align-items: center;
1603
+ -moz-box-align: center;
1604
+ align-items: center;
1605
+ background: url("../../images/papro-banner.png");
1606
+ -webkit-background-size: cover;
1607
+ background-size: cover;
1608
+ background-repeat: no-repeat;
1609
+ padding: 18px;
1610
+ -webkit-border-radius: 15px;
1611
+ border-radius: 15px;
1612
+ overflow: hidden;
1613
+ margin-left: 25px;
1614
+ }
1615
+
1616
+ .papro-admin-notice-right h4 {
1617
+ font-size: 20px;
1618
+ color: #fff;
1619
+ font-weight: 900;
1620
+ font-family: "Red Hat Display";
1621
+ margin: 0;
1622
+ margin-bottom: 8px;
1623
+ }
1624
+
1625
+ .papro-admin-notice-right p {
1626
+ font-size: 14px;
1627
+ color: #ffffff;
1628
+ font-family: "Poppins";
1629
+ margin: 0;
1630
+ }
1631
+
1632
+ .papro-admin-notice-right span {
1633
+ font-weight: 700;
1634
+ }
1635
+
1636
+ #wp-admin-bar-premium-addons .ab-item .dashicons {
1637
+ position: relative;
1638
+ top: 8px;
1639
+ display: inline-block;
1640
+ font-weight: 400;
1641
+ font-style: normal;
1642
+ font-variant: normal;
1643
+ font-size: inherit;
1644
+ font-family: dashicons;
1645
+ line-height: 1;
1646
+ -webkit-font-smoothing: antialiased;
1647
+ -moz-osx-font-smoothing: grayscale;
1648
+ text-rendering: auto;
1649
+ }
1650
+
1651
+ #wp-admin-bar-premium-addons>.ab-item>i {
1652
+ font-size: 18px !important;
1653
+ }
1654
+
1655
+ #wp-admin-bar-premium-addons li .loading {
1656
+ -webkit-animation: spin 2s linear infinite;
1657
+ animation: spin 2s linear infinite;
1658
+ }
1659
+
1660
+ /*
1661
+ * Dashboard Tabs
1662
+ */
1663
+ .pa-dash-general:before {
1664
+ content: "\e93e";
1665
+ }
1666
+
1667
+ .pa-dash-integrations:before {
1668
+ content: "\e93f";
1669
+ }
1670
+
1671
+ .pa-dash-system-info:before {
1672
+ content: "\e941";
1673
+ }
1674
+
1675
+ .pa-dash-vcontrol:before {
1676
+ content: "\e942";
1677
+ }
1678
+
1679
+ .pa-dash-white-label:before {
1680
+ content: "\e943";
1681
+ }
1682
+
1683
+ .pa-dash-elements:before {
1684
+ content: "\e944";
1685
+ }
1686
+
1687
+ .pa-dash-license:before {
1688
+ content: "\e940";
1689
+ }
1690
+
1691
+ .pa-dash-features:before {
1692
+ content: "\e911";
1693
+ }
1694
+
1695
+ /*
1696
+ * Elements Categories
1697
+ */
1698
+ .pa-dash-cat-all:before {
1699
+ content: "\e945";
1700
+ }
1701
+
1702
+ .pa-dash-cat-blurbs:before {
1703
+ content: "\e946";
1704
+ }
1705
+
1706
+ .pa-dash-cat-contact:before {
1707
+ content: "\e94a";
1708
+ }
1709
+
1710
+ .pa-dash-cat-content:before {
1711
+ content: "\e948";
1712
+ }
1713
+
1714
+ .pa-dash-cat-images:before {
1715
+ content: "\e949";
1716
+ }
1717
+
1718
+ .pa-dash-cat-off-grid:before {
1719
+ content: "\e94b";
1720
+ }
1721
+
1722
+ .pa-dash-cat-section:before {
1723
+ content: "\e94c";
1724
+ }
1725
+
1726
+ .pa-dash-cat-feed:before {
1727
+ content: "\e94d";
1728
+ }
1729
+
1730
+ .pa-dash-cat-data:before {
1731
+ content: "\e94e";
1732
+ }
1733
+
1734
+ .pa-dash-cat-social:before {
1735
+ content: "\e94f";
1736
+ }
1737
+
1738
+ /*
1739
+ * Widgets Icons
1740
+ */
1741
+ .pa-dash-premium-notbar:before {
1742
+ content: "\e902";
1743
+ }
1744
+
1745
+ .pa-dash-premium-gradient:before {
1746
+ content: "\e903";
1747
+ }
1748
+
1749
+ .pa-dash-premium-color-transition:before {
1750
+ content: "\e904";
1751
+ }
1752
+
1753
+ .pa-dash-premium-behance:before {
1754
+ content: "\e905";
1755
+ }
1756
+
1757
+ .pa-dash-premium-charts:before {
1758
+ content: "\e906";
1759
+ }
1760
+
1761
+ .pa-dash-premium-content-toggle:before {
1762
+ content: "\e907";
1763
+ }
1764
+
1765
+ .pa-dash-premium-divider:before {
1766
+ content: "\e908";
1767
+ }
1768
+
1769
+ .pa-dash-premium-facebook-feed:before {
1770
+ content: "\e90a";
1771
+ }
1772
+
1773
+ .pa-dash-facebook-feed-2:before {
1774
+ content: "\e91b";
1775
+ }
1776
+
1777
+ .pa-dash-premium-fb-chat:before {
1778
+ content: "\e90b";
1779
+ }
1780
+
1781
+ .pa-dash-premium-facebook-reviews:before {
1782
+ content: "\e90c";
1783
+ }
1784
+
1785
+ .pa-dash-premium-google-reviews:before {
1786
+ content: "\e90d";
1787
+ }
1788
+
1789
+ .pa-dash-premium-hscroll:before {
1790
+ content: "\e90e";
1791
+ }
1792
+
1793
+ .pa-dash-premium-flipbox:before {
1794
+ content: "\e90f";
1795
+ }
1796
+
1797
+ .pa-dash-premium-iconbox:before {
1798
+ content: "\e910";
1799
+ }
1800
+
1801
+ .pa-dash-premium-image-accordion:before {
1802
+ content: "\e912";
1803
+ }
1804
+
1805
+ .pa-dash-premium-image-comparison:before {
1806
+ content: "\e913";
1807
+ }
1808
+
1809
+ .pa-dash-premium-image-hotspots:before {
1810
+ content: "\e914";
1811
+ }
1812
+
1813
+ .pa-dash-premium-img-layers:before {
1814
+ content: "\e915";
1815
+ }
1816
+
1817
+ .pa-dash-premium-instagram-feed:before {
1818
+ content: "\e916";
1819
+ }
1820
+
1821
+ .pa-dash-premium-kenburns:before {
1822
+ content: "\e917";
1823
+ }
1824
+
1825
+ .pa-dash-premium-lottie:before {
1826
+ content: "\e918";
1827
+ }
1828
+
1829
+ .pa-dash-premium-magic-section:before {
1830
+ content: "\e919";
1831
+ }
1832
+
1833
+ .pa-dash-premium-multi-scroll:before {
1834
+ content: "\e91a";
1835
+ }
1836
+
1837
+ .pa-dash-premium-ihover:before {
1838
+ content: "\e911";
1839
+ }
1840
+
1841
+ .pa-dash-premium-parallax:before {
1842
+ content: "\e91b";
1843
+ }
1844
+
1845
+ .pa-dash-premium-particles:before {
1846
+ content: "\e91c";
1847
+ }
1848
+
1849
+ .pa-dash-premium-prev-img:before {
1850
+ content: "\e91d";
1851
+ }
1852
+
1853
+ .pa-dash-premium-tabs:before {
1854
+ content: "\e91f";
1855
+ }
1856
+
1857
+ .pa-dash-premium-tables:before {
1858
+ content: "\e91e";
1859
+ }
1860
+
1861
+ .pa-dash-premium-twitter-feed:before {
1862
+ content: "\e921";
1863
+ }
1864
+
1865
+ .pa-dash-premium-unfold:before {
1866
+ content: "\e922";
1867
+ }
1868
+
1869
+ .pa-dash-premium-whatsapp-chat:before {
1870
+ content: "\e923";
1871
+ }
1872
+
1873
+ .pa-dash-premium-yelp-reviews:before {
1874
+ content: "\e924";
1875
+ }
1876
+
1877
+ .pa-dash-premium-trustpilot-reviews:before {
1878
+ content: "\e920";
1879
+ }
1880
+
1881
+ .pa-dash-premium-banner:before {
1882
+ content: "\e925";
1883
+ }
1884
+
1885
+ .pa-dash-premium-blog:before {
1886
+ content: "\e926";
1887
+ }
1888
+
1889
+ .pa-dash-premium-button:before {
1890
+ content: "\e927";
1891
+ }
1892
+
1893
+ .pa-dash-premium-carousel:before {
1894
+ content: "\e928";
1895
+ }
1896
+
1897
+ .pa-dash-premium-contactform:before {
1898
+ content: "\e929";
1899
+ }
1900
+
1901
+ .pa-dash-premium-countdown:before {
1902
+ content: "\e92a";
1903
+ }
1904
+
1905
+ .pa-dash-premium-counter:before {
1906
+ content: "\e92b";
1907
+ }
1908
+
1909
+ .pa-dash-premium-dual-header:before {
1910
+ content: "\e92c";
1911
+ }
1912
+
1913
+ .pa-dash-premium-fancytext:before {
1914
+ content: "\e92d";
1915
+ }
1916
+
1917
+ .pa-dash-premium-maps:before {
1918
+ content: "\e92e";
1919
+ }
1920
+
1921
+ .pa-dash-premium-title:before {
1922
+ content: "\e92f";
1923
+ }
1924
+
1925
+ .pa-dash-premium-icon-list:before {
1926
+ content: "\e930";
1927
+ }
1928
+
1929
+ .pa-dash-premium-image-button:before {
1930
+ content: "\e931";
1931
+ }
1932
+
1933
+ .pa-dash-premium-image-scroll:before {
1934
+ content: "\e932";
1935
+ }
1936
+
1937
+ .pa-dash-premium-image-separator:before {
1938
+ content: "\e933";
1939
+ }
1940
+
1941
+ /* .pa-dash-premium-lottie:before {
1942
+ content: "\e944";
1943
+ } */
1944
+ .pa-dash-premium-lottie-widget:before {
1945
+ content: "\e935";
1946
+ }
1947
+
1948
+ .pa-dash-premium-grid:before {
1949
+ content: "\e946";
1950
+ }
1951
+
1952
+ .pa-dash-premium-modalbox:before {
1953
+ content: "\e937";
1954
+ }
1955
+
1956
+ .pa-dash-premium-pricing-table:before {
1957
+ content: "\e938";
1958
+ }
1959
+
1960
+ .pa-dash-premium-progressbar:before {
1961
+ content: "\e939";
1962
+ }
1963
+
1964
+ .pa-dash-premium-person:before {
1965
+ content: "\e93a";
1966
+ }
1967
+
1968
+ .pa-dash-premium-testimonials:before {
1969
+ content: "\e93b";
1970
+ }
1971
+
1972
+ .pa-dash-premium-vscroll:before {
1973
+ content: "\e93c";
1974
+ }
1975
+
1976
+ .pa-dash-premium-videobox:before {
1977
+ content: "\e93d";
1978
+ }
1979
+
1980
+ .pa-dash-premium-blob:before {
1981
+ content: "\e900";
1982
+ }
1983
+
1984
+ .pa-dash-woo-products:before {
1985
+ content: "\e901";
1986
+ }
1987
+
1988
+ .pa-dash-premium-global-cursor:before {
1989
+ content: "\e951";
1990
+ }
1991
+
1992
+ @-webkit-keyframes spin {
1993
+ 0% {
1994
+ -webkit-transform: rotateZ(-180deg) rotateY(180deg);
1995
+ transform: rotateZ(-180deg) rotateY(180deg);
1996
+ }
1997
+
1998
+ 100% {
1999
+ -webkit-transform: rotateZ(180deg) rotateY(180deg);
2000
+ transform: rotateZ(180deg) rotateY(180deg);
2001
+ }
2002
+ }
2003
+
2004
+ @keyframes spin {
2005
+ 0% {
2006
+ -webkit-transform: rotateZ(-180deg) rotateY(180deg);
2007
+ transform: rotateZ(-180deg) rotateY(180deg);
2008
+ }
2009
+
2010
+ 100% {
2011
+ -webkit-transform: rotateZ(180deg) rotateY(180deg);
2012
+ transform: rotateZ(180deg) rotateY(180deg);
2013
+ }
2014
  }
admin/assets/js/admin-bar.js ADDED
@@ -0,0 +1,39 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ (function ($) {
2
+
3
+ "use strict";
4
+
5
+ $('.pa-clear-cache').on('click', 'a', function (e) {
6
+
7
+ e.preventDefault();
8
+
9
+ var shouldClearAll = $(e.delegateTarget).hasClass("pa-clear-all-cache"),
10
+ _this = $(e.delegateTarget).find("i");
11
+
12
+ if (_this.hasClass("loading"))
13
+ return;
14
+
15
+ _this.removeClass("dashicons-yes").addClass("dashicons-update-alt loading");
16
+
17
+ $.ajax(
18
+ {
19
+ url: PaDynamicAssets.ajaxurl,
20
+ type: 'POST',
21
+ data: {
22
+ action: 'pa_clear_cached_assets',
23
+ security: PaDynamicAssets.nonce,
24
+ id: !shouldClearAll ? PaDynamicAssets.post_id : ''
25
+ },
26
+ success: function (response) {
27
+
28
+ _this.toggleClass("loading dashicons-update-alt dashicons-yes");
29
+
30
+ },
31
+ error: function (err) {
32
+ console.log(err);
33
+ }
34
+ }
35
+ );
36
+
37
+ });
38
+
39
+ })(jQuery);
admin/assets/js/admin.js CHANGED
@@ -1,542 +1,519 @@
1
- (function ($) {
2
-
3
- "use strict";
4
-
5
- var redHadfontLink = document.createElement('link');
6
- redHadfontLink.rel = 'stylesheet';
7
- redHadfontLink.href = 'https://fonts.googleapis.com/css?family=Red Hat Display:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic';
8
- redHadfontLink.type = 'text/css';
9
- document.head.appendChild(redHadfontLink);
10
-
11
- var poppinsfontLink = document.createElement('link');
12
- poppinsfontLink.rel = 'stylesheet';
13
- poppinsfontLink.href = 'https://fonts.googleapis.com/css?family=Poppins:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic';
14
- poppinsfontLink.type = 'text/css';
15
- document.head.appendChild(poppinsfontLink);
16
-
17
- var settings = premiumAddonsSettings.settings;
18
-
19
- window.PremiumAddonsNavigation = function () {
20
-
21
- var self = this,
22
- $tabs = $(".pa-settings-tab"),
23
- $elementsTabs = $(".pa-elements-tab");
24
-
25
- self.init = function () {
26
-
27
- if (!$tabs.length) {
28
- return;
29
- }
30
-
31
- self.genButtonDisplay();
32
-
33
- self.initNavTabs($tabs);
34
-
35
- self.initElementsTabs($elementsTabs);
36
-
37
- if (settings.isTrackerAllowed) {
38
- self.getUnusedWidget();
39
- }
40
-
41
- self.handleElementsActions();
42
-
43
- self.handleSettingsSave();
44
-
45
- self.handleRollBack();
46
-
47
- self.handleNewsLetterForm();
48
-
49
- self.handlePaproActions();
50
-
51
- self.clearCachedAssets();
52
-
53
- };
54
-
55
- self.clearCachedAssets = function () {
56
- $(".pa-btn-generate").on("click", function () {
57
- $.ajax(
58
- {
59
- url: settings.ajaxurl,
60
- type: 'POST',
61
- data: {
62
- action: 'pa_clear_cached_assets',
63
- security: settings.nonce,
64
- },
65
- success: function (response) {
66
- console.log(response.data);
67
- },
68
- error: function (err) {
69
- console.log(err);
70
- }
71
- }
72
- );
73
- });
74
- };
75
-
76
- // Handle settings form submission
77
- self.handleSettingsSave = function () {
78
-
79
- $("#pa-features .pa-section-info-cta input, #pa-modules .pa-switcher input, #pa-modules .pa-section-info-cta input").on(
80
- 'change',
81
- function () {
82
- self.saveElementsSettings('elements');
83
- }
84
- )
85
-
86
- $("#pa-ver-control input, #pa-integrations input, #pa-ver-control input, #pa-integrations select").change(
87
- function () {
88
- self.saveElementsSettings('additional');
89
- }
90
- );
91
-
92
- $("#pa-integrations input[type=text]").on(
93
- 'keyup',
94
- function () {
95
- self.saveElementsSettings('additional');
96
- }
97
- )
98
-
99
- };
100
-
101
- //get unused widgets.
102
- self.getUnusedWidget = function () {
103
-
104
- if ($(".pa-btn-group .pa-btn-disable").hasClass("active")) {
105
- $(".pa-btn-group .pa-btn-unused").addClass("dimmed");
106
- }
107
-
108
- $.ajax(
109
- {
110
- url: settings.ajaxurl,
111
- type: 'POST',
112
- data: {
113
- action: 'pa_get_unused_widgets',
114
- security: settings.nonce,
115
- },
116
- success: function (response) {
117
- console.log('unused widgets retrieved');
118
- self.unusedElements = response.data;
119
- },
120
- error: function (err) {
121
- console.log(err);
122
- }
123
- }
124
- );
125
- };
126
-
127
- // Handle global enable/disable buttons
128
- self.handleElementsActions = function () {
129
-
130
- $(".pa-elements-filter select").on(
131
- 'change',
132
- function () {
133
- var filter = $(this).val(),
134
- $activeTab = $(".pa-switchers-container").not(".hidden");
135
-
136
- $activeTab.find(".pa-switcher").removeClass("hidden");
137
-
138
- if ('free' === filter) {
139
- $activeTab.find(".pro-element").addClass("hidden");
140
- } else if ('pro' === filter) {
141
- $activeTab.find(".pa-switcher").not(".pro-element").addClass("hidden");
142
- }
143
- }
144
- );
145
-
146
- // Enable/Disable all widgets
147
- $(".pa-btn-group").on(
148
- "click",
149
- '.pa-btn',
150
- function () {
151
-
152
- var $btn = $(this),
153
- isChecked = $btn.hasClass("pa-btn-enable");
154
-
155
- if (!$btn.hasClass("active")) {
156
- $(".pa-btn-group .pa-btn").removeClass("active");
157
- $btn.addClass("active");
158
-
159
- $.ajax(
160
- {
161
- url: settings.ajaxurl,
162
- type: 'POST',
163
- data: {
164
- action: 'pa_save_global_btn',
165
- security: settings.nonce,
166
- isGlobalOn: isChecked
167
- }
168
- }
169
- );
170
-
171
- }
172
-
173
- if (isChecked) {
174
- $(".pa-btn-group .pa-btn-unused").removeClass("dimmed");
175
- } else {
176
- $(".pa-btn-group .pa-btn-unused").addClass("dimmed");
177
- }
178
-
179
- $("#pa-modules .pa-switcher input").prop("checked", isChecked);
180
-
181
- self.saveElementsSettings('elements');
182
-
183
- }
184
- );
185
-
186
- //Disable unused widgets.
187
- $(".pa-btn-group").on(
188
- "click",
189
- '.pa-btn-unused',
190
- function () {
191
-
192
- $.each(self.unusedElements, function (index, selector) {
193
- $('#pa-modules .pa-switcher.' + selector).find('input').prop('checked', false);
194
- });
195
-
196
- $(this).addClass('dimmed');
197
-
198
- self.saveElementsSettings('elements');
199
- }
200
- );
201
-
202
- $("#pa-modules .pa-switcher input").on(
203
- 'change',
204
- function () {
205
- var $this = $(this),
206
- id = $this.attr('id'),
207
- isChecked = $this.prop('checked');
208
-
209
- $("input[name='" + id + "']").prop('checked', isChecked);
210
- }
211
- )
212
-
213
- //Disable unused widgets.
214
- $(".pa-section-info-cta").on(
215
- "click",
216
- '.pa-btn-regenerate',
217
- function () {
218
-
219
- var _this = $(this);
220
- _this.addClass("loading");
221
-
222
- $.ajax(
223
- {
224
- url: settings.ajaxurl,
225
- type: 'POST',
226
- data: {
227
- action: 'pa_clear_cached_assets',
228
- security: settings.generate_nonce,
229
- },
230
- success: function (response) {
231
-
232
- swal.fire({
233
- title: 'Generated Assets Cleared!',
234
- text: 'Click OK to continue',
235
- type: 'success',
236
- timer: 1500
237
- });
238
-
239
- _this.removeClass("loading");
240
-
241
- },
242
- }
243
- );
244
- }
245
- );
246
-
247
- };
248
-
249
- // Handle Tabs Elements
250
- self.initElementsTabs = function ($elem) {
251
-
252
- var $links = $elem.find('a'),
253
- $sections = $(".pa-switchers-container");
254
-
255
- $sections.eq(0).removeClass("hidden");
256
- $links.eq(0).addClass("active");
257
-
258
- $links.on(
259
- 'click',
260
- function (e) {
261
-
262
- e.preventDefault();
263
-
264
- var $link = $(this),
265
- href = $link.attr('href');
266
-
267
- // Set this tab to active
268
- $links.removeClass("active");
269
- $link.addClass("active");
270
-
271
- // Navigate to tab section
272
- $sections.addClass("hidden");
273
- $("#" + href).removeClass("hidden");
274
-
275
- }
276
- );
277
- };
278
-
279
- // Handle settings tabs
280
- self.initNavTabs = function ($elem) {
281
-
282
- var $links = $elem.find('a'),
283
- $lastSection = null;
284
-
285
- $(window).on(
286
- 'hashchange',
287
- function () {
288
-
289
- var hash = window.location.hash.match(new RegExp('tab=([^&]*)')),
290
- slug = hash ? hash[1] : $links.first().attr('href').replace('#tab=', ''),
291
- $link = $('#pa-tab-link-' + slug);
292
-
293
- if (!$link.length) {
294
- return
295
-
296
- }
297
- $links.removeClass('pa-section-active');
298
- $link.addClass('pa-section-active');
299
-
300
- // Hide the last active section
301
- if ($lastSection) {
302
- $lastSection.hide();
303
- }
304
-
305
- var $section = $('#pa-section-' + slug);
306
- $section.css(
307
- {
308
- display: 'block'
309
- }
310
- );
311
-
312
- $lastSection = $section;
313
-
314
- }
315
- ).trigger('hashchange');
316
-
317
- };
318
-
319
- self.handleRollBack = function () {
320
-
321
- // Rollback button
322
- $('.pa-rollback-button').on(
323
- 'click',
324
- function (event) {
325
-
326
- event.preventDefault();
327
-
328
- var $this = $(this),
329
- href = $this.attr('href');
330
-
331
- if (!href) {
332
- return;
333
- }
334
-
335
- // Show PAPRO stable version if PAPRO Rollback is clicked
336
- var isPAPRO = '';
337
- if (-1 !== href.indexOf('papro_rollback')) {
338
- isPAPRO = 'papro_';
339
- }
340
-
341
- var premiumRollBackConfirm = premiumAddonsSettings.premiumRollBackConfirm;
342
-
343
- var dialogsManager = new DialogsManager.Instance();
344
-
345
- dialogsManager.createWidget(
346
- 'confirm',
347
- {
348
- headerMessage: premiumRollBackConfirm.i18n.rollback_to_previous_version,
349
- message: premiumRollBackConfirm['i18n'][isPAPRO + 'rollback_confirm'],
350
- strings: {
351
- cancel: premiumRollBackConfirm.i18n.cancel,
352
- confirm: premiumRollBackConfirm.i18n.yes,
353
- },
354
- onConfirm: function () {
355
-
356
- $this.addClass('loading');
357
-
358
- location.href = $this.attr('href');
359
-
360
- }
361
- }
362
- ).show();
363
- }
364
- );
365
-
366
- };
367
-
368
- self.saveElementsSettings = function (action) { //save elements settings changes
369
-
370
- var $form = null;
371
-
372
- if ('elements' === action) {
373
- $form = $('form#pa-settings, form#pa-features');
374
- action = 'pa_elements_settings';
375
- } else {
376
- $form = $('form#pa-ver-control, form#pa-integrations');
377
- action = 'pa_additional_settings';
378
- }
379
-
380
- $.ajax(
381
- {
382
- url: settings.ajaxurl,
383
- type: 'POST',
384
- data: {
385
- action: action,
386
- security: settings.nonce,
387
- fields: $form.serialize(),
388
- },
389
- success: function (response) {
390
- console.log('settings saved');
391
-
392
- self.genButtonDisplay();
393
- },
394
- error: function (err) {
395
- console.log(err);
396
- }
397
- }
398
- );
399
- }
400
-
401
- self.genButtonDisplay = function () {
402
- var $form = $('form#pa-settings'),
403
- searchTerm = 'premium-assets-generator=on',
404
- indexOfFirst = $form.serialize().indexOf(searchTerm);
405
-
406
- if (indexOfFirst !== -1) {
407
- $('.pa-btn-generate').show();
408
- } else {
409
- $('.pa-btn-generate').hide();
410
- }
411
- };
412
-
413
- self.handlePaproActions = function () {
414
-
415
- // Trigger SWAL for PRO elements
416
- $(".pro-slider").on(
417
- 'click',
418
- function () {
419
-
420
- var redirectionLink = " https://premiumaddons.com/pro/?utm_source=wp-menu&utm_medium=wp-dash&utm_campaign=get-pro&utm_term=";
421
-
422
- Swal.fire(
423
- {
424
- title: '<span class="pa-swal-head">Get PRO Widgets & Addons<span>',
425
- html: 'Supercharge your Elementor with PRO widgets and addons that you won’t find anywhere else.',
426
- type: 'warning',
427
- showCloseButton: true,
428
- showCancelButton: true,
429
- cancelButtonText: "More Info",
430
- focusConfirm: true,
431
- customClass: 'pa-swal',
432
- }
433
- ).then(
434
- function (res) {
435
- // Handle More Info button
436
- if (res.dismiss === 'cancel') {
437
- window.open(redirectionLink + settings.theme, '_blank');
438
- }
439
-
440
- }
441
- );
442
- }
443
- );
444
-
445
- // Trigger SWAL for White Labeling
446
- $(".premium-white-label-form.pro-inactive").on(
447
- 'submit',
448
- function (e) {
449
-
450
- e.preventDefault();
451
-
452
- var redirectionLink = " https://premiumaddons.com/pro/?utm_source=wp-menu&utm_medium=wp-dash&utm_campaign=get-pro&utm_term=";
453
-
454
- Swal.fire(
455
- {
456
- title: '<span class="pa-swal-head">Enable White Labeling Options<span>',
457
- html: 'Premium Addons can be completely re-branded with your own brand name and author details. Your clients will never know what tools you are using to build their website and will think that this is your own tool set. White-labeling works as long as your license is active.',
458
- type: 'warning',
459
- showCloseButton: true,
460
- showCancelButton: true,
461
- cancelButtonText: "More Info",
462
- focusConfirm: true
463
- }
464
- ).then(
465
- function (res) {
466
- // Handle More Info button
467
- if (res.dismiss === 'cancel') {
468
- window.open(redirectionLink + settings.theme, '_blank');
469
- }
470
-
471
- }
472
- );
473
- }
474
- );
475
-
476
- };
477
-
478
- self.handleNewsLetterForm = function () {
479
-
480
- $('.pa-newsletter-form').on('submit', function (e) {
481
- e.preventDefault();
482
-
483
- var email = $("#pa_news_email").val();
484
-
485
- if (checkEmail(email)) {
486
- $.ajax(
487
- {
488
- url: settings.ajaxurl,
489
- type: 'POST',
490
- data: {
491
- action: 'subscribe_newsletter',
492
- security: settings.nonce,
493
- email: email
494
- },
495
- beforeSend: function () {
496
- console.log("Adding user to subscribers list");
497
- },
498
- success: function (response) {
499
- if (response.data) {
500
- var status = response.data.status;
501
- if (status) {
502
- console.log("User added to subscribers list");
503
- swal.fire({
504
- title: 'Thanks for subscribing!',
505
- text: 'Click OK to continue',
506
- type: 'success',
507
- timer: 1000
508
- });
509
- }
510
-
511
- }
512
-
513
- },
514
- error: function (err) {
515
- console.log(err);
516
- }
517
- }
518
- );
519
- } else {
520
- Swal.fire({
521
- type: 'error',
522
- title: 'Invalid Email Address...',
523
- text: 'Please enter a valid email address!'
524
- });
525
- }
526
-
527
- })
528
-
529
- };
530
-
531
- function checkEmail(emailAddress) {
532
- var pattern = new RegExp(/^(("[\w-+\s]+")|([\w-+]+(?:\.[\w-+]+)*)|("[\w-+\s]+")([\w-+]+(?:\.[\w-+]+)*))(@((?:[\w-+]+\.)*\w[\w-+]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][\d]\.|1[\d]{2}\.|[\d]{1,2}\.))((25[0-5]|2[0-4][\d]|1[\d]{2}|[\d]{1,2})\.){2}(25[0-5]|2[0-4][\d]|1[\d]{2}|[\d]{1,2})\]?$)/i);
533
- return pattern.test(emailAddress);
534
- }
535
-
536
- };
537
-
538
- var instance = new PremiumAddonsNavigation();
539
-
540
- instance.init();
541
-
542
- })(jQuery);
1
+ (function ($) {
2
+
3
+ "use strict";
4
+
5
+ var redHadfontLink = document.createElement('link');
6
+ redHadfontLink.rel = 'stylesheet';
7
+ redHadfontLink.href = 'https://fonts.googleapis.com/css?family=Red Hat Display:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic';
8
+ redHadfontLink.type = 'text/css';
9
+ document.head.appendChild(redHadfontLink);
10
+
11
+ var poppinsfontLink = document.createElement('link');
12
+ poppinsfontLink.rel = 'stylesheet';
13
+ poppinsfontLink.href = 'https://fonts.googleapis.com/css?family=Poppins:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic';
14
+ poppinsfontLink.type = 'text/css';
15
+ document.head.appendChild(poppinsfontLink);
16
+
17
+ var settings = premiumAddonsSettings.settings;
18
+
19
+ window.PremiumAddonsNavigation = function () {
20
+
21
+ var self = this,
22
+ $tabs = $(".pa-settings-tab"),
23
+ $elementsTabs = $(".pa-elements-tab");
24
+
25
+ self.init = function () {
26
+
27
+ if (!$tabs.length) {
28
+ return;
29
+ }
30
+
31
+ self.genButtonDisplay();
32
+
33
+ self.initNavTabs($tabs);
34
+
35
+ self.initElementsTabs($elementsTabs);
36
+
37
+ if (settings.isTrackerAllowed) {
38
+ self.getUnusedWidget();
39
+ }
40
+
41
+ self.handleElementsActions();
42
+
43
+ self.handleSettingsSave();
44
+
45
+ self.handleRollBack();
46
+
47
+ self.handleNewsLetterForm();
48
+
49
+ self.handlePaproActions();
50
+
51
+ };
52
+
53
+ // Handle settings form submission
54
+ self.handleSettingsSave = function () {
55
+
56
+ $("#pa-features .pa-section-info-cta input, #pa-modules .pa-switcher input, #pa-modules .pa-section-info-cta input").on(
57
+ 'change',
58
+ function () {
59
+ self.saveElementsSettings('elements');
60
+ }
61
+ )
62
+
63
+ $("#pa-ver-control input, #pa-integrations input, #pa-ver-control input, #pa-integrations select").change(
64
+ function () {
65
+ self.saveElementsSettings('additional');
66
+ }
67
+ );
68
+
69
+ $("#pa-integrations input[type=text]").on(
70
+ 'keyup',
71
+ function () {
72
+ self.saveElementsSettings('additional');
73
+ }
74
+ )
75
+
76
+ };
77
+
78
+ //get unused widgets.
79
+ self.getUnusedWidget = function () {
80
+
81
+ if ($(".pa-btn-group .pa-btn-disable").hasClass("active")) {
82
+ $(".pa-btn-group .pa-btn-unused").addClass("dimmed");
83
+ }
84
+
85
+ $.ajax(
86
+ {
87
+ url: settings.ajaxurl,
88
+ type: 'POST',
89
+ data: {
90
+ action: 'pa_get_unused_widgets',
91
+ security: settings.nonce,
92
+ },
93
+ success: function (response) {
94
+ console.log('unused widgets retrieved');
95
+ self.unusedElements = response.data;
96
+ },
97
+ error: function (err) {
98
+ console.log(err);
99
+ }
100
+ }
101
+ );
102
+ };
103
+
104
+ // Handle global enable/disable buttons
105
+ self.handleElementsActions = function () {
106
+
107
+ $(".pa-elements-filter select").on(
108
+ 'change',
109
+ function () {
110
+ var filter = $(this).val(),
111
+ $activeTab = $(".pa-switchers-container").not(".hidden");
112
+
113
+ $activeTab.find(".pa-switcher").removeClass("hidden");
114
+
115
+ if ('free' === filter) {
116
+ $activeTab.find(".pro-element").addClass("hidden");
117
+ } else if ('pro' === filter) {
118
+ $activeTab.find(".pa-switcher").not(".pro-element").addClass("hidden");
119
+ }
120
+ }
121
+ );
122
+
123
+ // Enable/Disable all widgets
124
+ $(".pa-btn-group").on(
125
+ "click",
126
+ '.pa-btn',
127
+ function () {
128
+
129
+ var $btn = $(this),
130
+ isChecked = $btn.hasClass("pa-btn-enable");
131
+
132
+ if (!$btn.hasClass("active")) {
133
+ $(".pa-btn-group .pa-btn").removeClass("active");
134
+ $btn.addClass("active");
135
+
136
+ $.ajax(
137
+ {
138
+ url: settings.ajaxurl,
139
+ type: 'POST',
140
+ data: {
141
+ action: 'pa_save_global_btn',
142
+ security: settings.nonce,
143
+ isGlobalOn: isChecked
144
+ }
145
+ }
146
+ );
147
+
148
+ }
149
+
150
+ if (isChecked) {
151
+ $(".pa-btn-group .pa-btn-unused").removeClass("dimmed");
152
+ } else {
153
+ $(".pa-btn-group .pa-btn-unused").addClass("dimmed");
154
+ }
155
+
156
+ $("#pa-modules .pa-switcher input").prop("checked", isChecked);
157
+
158
+ self.saveElementsSettings('elements');
159
+
160
+ }
161
+ );
162
+
163
+ //Disable unused widgets.
164
+ $(".pa-btn-group").on(
165
+ "click",
166
+ '.pa-btn-unused',
167
+ function () {
168
+
169
+ $.each(self.unusedElements, function (index, selector) {
170
+ $('#pa-modules .pa-switcher.' + selector).find('input').prop('checked', false);
171
+ });
172
+
173
+ $(this).addClass('dimmed');
174
+
175
+ self.saveElementsSettings('elements');
176
+ }
177
+ );
178
+
179
+ $("#pa-modules .pa-switcher input").on(
180
+ 'change',
181
+ function () {
182
+ var $this = $(this),
183
+ id = $this.attr('id'),
184
+ isChecked = $this.prop('checked');
185
+
186
+ $("input[name='" + id + "']").prop('checked', isChecked);
187
+ }
188
+ )
189
+
190
+ //Disable unused widgets.
191
+ $(".pa-section-info-cta").on(
192
+ "click",
193
+ '.pa-btn-regenerate',
194
+ function () {
195
+
196
+ var _this = $(this);
197
+ _this.addClass("loading");
198
+
199
+ $.ajax(
200
+ {
201
+ url: settings.ajaxurl,
202
+ type: 'POST',
203
+ data: {
204
+ action: 'pa_clear_cached_assets',
205
+ security: settings.generate_nonce,
206
+ },
207
+ success: function (response) {
208
+
209
+ swal.fire({
210
+ title: 'Generated Assets Cleared!',
211
+ text: 'Click OK to continue',
212
+ type: 'success',
213
+ timer: 1500
214
+ });
215
+
216
+ _this.removeClass("loading");
217
+
218
+ },
219
+ }
220
+ );
221
+ }
222
+ );
223
+
224
+ };
225
+
226
+ // Handle Tabs Elements
227
+ self.initElementsTabs = function ($elem) {
228
+
229
+ var $links = $elem.find('a'),
230
+ $sections = $(".pa-switchers-container");
231
+
232
+ $sections.eq(0).removeClass("hidden");
233
+ $links.eq(0).addClass("active");
234
+
235
+ $links.on(
236
+ 'click',
237
+ function (e) {
238
+
239
+ e.preventDefault();
240
+
241
+ var $link = $(this),
242
+ href = $link.attr('href');
243
+
244
+ // Set this tab to active
245
+ $links.removeClass("active");
246
+ $link.addClass("active");
247
+
248
+ // Navigate to tab section
249
+ $sections.addClass("hidden");
250
+ $("#" + href).removeClass("hidden");
251
+
252
+ }
253
+ );
254
+ };
255
+
256
+ // Handle settings tabs
257
+ self.initNavTabs = function ($elem) {
258
+
259
+ var $links = $elem.find('a'),
260
+ $lastSection = null;
261
+
262
+ $(window).on(
263
+ 'hashchange',
264
+ function () {
265
+
266
+ var hash = window.location.hash.match(new RegExp('tab=([^&]*)')),
267
+ slug = hash ? hash[1] : $links.first().attr('href').replace('#tab=', ''),
268
+ $link = $('#pa-tab-link-' + slug);
269
+
270
+ if (!$link.length) {
271
+ return
272
+
273
+ }
274
+ $links.removeClass('pa-section-active');
275
+ $link.addClass('pa-section-active');
276
+
277
+ // Hide the last active section
278
+ if ($lastSection) {
279
+ $lastSection.hide();
280
+ }
281
+
282
+ var $section = $('#pa-section-' + slug);
283
+ $section.css(
284
+ {
285
+ display: 'block'
286
+ }
287
+ );
288
+
289
+ $lastSection = $section;
290
+
291
+ }
292
+ ).trigger('hashchange');
293
+
294
+ };
295
+
296
+ self.handleRollBack = function () {
297
+
298
+ // Rollback button
299
+ $('.pa-rollback-button').on(
300
+ 'click',
301
+ function (event) {
302
+
303
+ event.preventDefault();
304
+
305
+ var $this = $(this),
306
+ href = $this.attr('href');
307
+
308
+ if (!href) {
309
+ return;
310
+ }
311
+
312
+ // Show PAPRO stable version if PAPRO Rollback is clicked
313
+ var isPAPRO = '';
314
+ if (-1 !== href.indexOf('papro_rollback')) {
315
+ isPAPRO = 'papro_';
316
+ }
317
+
318
+ var premiumRollBackConfirm = premiumAddonsSettings.premiumRollBackConfirm;
319
+
320
+ var dialogsManager = new DialogsManager.Instance();
321
+
322
+ dialogsManager.createWidget(
323
+ 'confirm',
324
+ {
325
+ headerMessage: premiumRollBackConfirm.i18n.rollback_to_previous_version,
326
+ message: premiumRollBackConfirm['i18n'][isPAPRO + 'rollback_confirm'],
327
+ strings: {
328
+ cancel: premiumRollBackConfirm.i18n.cancel,
329
+ confirm: premiumRollBackConfirm.i18n.yes,
330
+ },
331
+ onConfirm: function () {
332
+
333
+ $this.addClass('loading');
334
+
335
+ location.href = $this.attr('href');
336
+
337
+ }
338
+ }
339
+ ).show();
340
+ }
341
+ );
342
+
343
+ };
344
+
345
+ self.saveElementsSettings = function (action) { //save elements settings changes
346
+
347
+ var $form = null;
348
+
349
+ if ('elements' === action) {
350
+ $form = $('form#pa-settings, form#pa-features');
351
+ action = 'pa_elements_settings';
352
+ } else {
353
+ $form = $('form#pa-ver-control, form#pa-integrations');
354
+ action = 'pa_additional_settings';
355
+ }
356
+
357
+ $.ajax(
358
+ {
359
+ url: settings.ajaxurl,
360
+ type: 'POST',
361
+ data: {
362
+ action: action,
363
+ security: settings.nonce,
364
+ fields: $form.serialize(),
365
+ },
366
+ success: function (response) {
367
+ console.log('settings saved');
368
+
369
+ self.genButtonDisplay();
370
+ },
371
+ error: function (err) {
372
+ console.log(err);
373
+ }
374
+ }
375
+ );
376
+ }
377
+
378
+ self.genButtonDisplay = function () {
379
+ var $form = $('form#pa-settings'),
380
+ searchTerm = 'premium-assets-generator=on',
381
+ indexOfFirst = $form.serialize().indexOf(searchTerm);
382
+
383
+ if (indexOfFirst !== -1) {
384
+ $('.pa-btn-generate').show();
385
+ } else {
386
+ $('.pa-btn-generate').hide();
387
+ }
388
+ };
389
+
390
+ self.handlePaproActions = function () {
391
+
392
+ // Trigger SWAL for PRO elements
393
+ $(".pro-slider").on(
394
+ 'click',
395
+ function () {
396
+
397
+ var redirectionLink = " https://premiumaddons.com/pro/?utm_source=wp-menu&utm_medium=wp-dash&utm_campaign=get-pro&utm_term=";
398
+
399
+ Swal.fire(
400
+ {
401
+ title: '<span class="pa-swal-head">Get PRO Widgets & Addons<span>',
402
+ html: 'Supercharge your Elementor with PRO widgets and addons that you won’t find anywhere else.',
403
+ type: 'warning',
404
+ showCloseButton: true,
405
+ showCancelButton: true,
406
+ cancelButtonText: "More Info",
407
+ focusConfirm: true,
408
+ customClass: 'pa-swal',
409
+ }
410
+ ).then(
411
+ function (res) {
412
+ // Handle More Info button
413
+ if (res.dismiss === 'cancel') {
414
+ window.open(redirectionLink + settings.theme, '_blank');
415
+ }
416
+
417
+ }
418
+ );
419
+ }
420
+ );
421
+
422
+ // Trigger SWAL for White Labeling
423
+ $(".premium-white-label-form.pro-inactive").on(
424
+ 'submit',
425
+ function (e) {
426
+
427
+ e.preventDefault();
428
+
429
+ var redirectionLink = " https://premiumaddons.com/pro/?utm_source=wp-menu&utm_medium=wp-dash&utm_campaign=get-pro&utm_term=";
430
+
431
+ Swal.fire(
432
+ {
433
+ title: '<span class="pa-swal-head">Enable White Labeling Options<span>',
434
+ html: 'Premium Addons can be completely re-branded with your own brand name and author details. Your clients will never know what tools you are using to build their website and will think that this is your own tool set. White-labeling works as long as your license is active.',
435
+ type: 'warning',
436
+ showCloseButton: true,
437
+ showCancelButton: true,
438
+ cancelButtonText: "More Info",
439
+ focusConfirm: true
440
+ }
441
+ ).then(
442
+ function (res) {
443
+ // Handle More Info button
444
+ if (res.dismiss === 'cancel') {
445
+ window.open(redirectionLink + settings.theme, '_blank');
446
+ }
447
+
448
+ }
449
+ );
450
+ }
451
+ );
452
+
453
+ };
454
+
455
+ self.handleNewsLetterForm = function () {
456
+
457
+ $('.pa-newsletter-form').on('submit', function (e) {
458
+ e.preventDefault();
459
+
460
+ var email = $("#pa_news_email").val();
461
+
462
+ if (checkEmail(email)) {
463
+ $.ajax(
464
+ {
465
+ url: settings.ajaxurl,
466
+ type: 'POST',
467
+ data: {
468
+ action: 'subscribe_newsletter',
469
+ security: settings.nonce,
470
+ email: email
471
+ },
472
+ beforeSend: function () {
473
+ console.log("Adding user to subscribers list");
474
+ },
475
+ success: function (response) {
476
+ if (response.data) {
477
+ var status = response.data.status;
478
+ if (status) {
479
+ console.log("User added to subscribers list");
480
+ swal.fire({
481
+ title: 'Thanks for subscribing!',
482
+ text: 'Click OK to continue',
483
+ type: 'success',
484
+ timer: 1000
485
+ });
486
+ }
487
+
488
+ }
489
+
490
+ },
491
+ error: function (err) {
492
+ console.log(err);
493
+ }
494
+ }
495
+ );
496
+ } else {
497
+ Swal.fire({
498
+ type: 'error',
499
+ title: 'Invalid Email Address...',
500
+ text: 'Please enter a valid email address!'
501
+ });
502
+ }
503
+
504
+ })
505
+
506
+ };
507
+
508
+ function checkEmail(emailAddress) {
509
+ var pattern = new RegExp(/^(("[\w-+\s]+")|([\w-+]+(?:\.[\w-+]+)*)|("[\w-+\s]+")([\w-+]+(?:\.[\w-+]+)*))(@((?:[\w-+]+\.)*\w[\w-+]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][\d]\.|1[\d]{2}\.|[\d]{1,2}\.))((25[0-5]|2[0-4][\d]|1[\d]{2}|[\d]{1,2})\.){2}(25[0-5]|2[0-4][\d]|1[\d]{2}|[\d]{1,2})\]?$)/i);
510
+ return pattern.test(emailAddress);
511
+ }
512
+
513
+ };
514
+
515
+ var instance = new PremiumAddonsNavigation();
516
+
517
+ instance.init();
518
+
519
+ })(jQuery);
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
admin/includes/admin-bar.php ADDED
@@ -0,0 +1,153 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+ /**
3
+ * PA Admin Bar
4
+ */
5
+
6
+ namespace PremiumAddons\Admin\Includes;
7
+
8
+ if ( ! defined( 'ABSPATH' ) ) {
9
+ exit;
10
+ }
11
+
12
+ /**
13
+ * Class Admin_Bar
14
+ */
15
+ class Admin_Bar {
16
+
17
+ /**
18
+ * Class instance
19
+ *
20
+ * @var instance
21
+ */
22
+ private static $instance = null;
23
+
24
+ /**
25
+ * Constructor for the class
26
+ */
27
+ public function __construct() {
28
+
29
+ add_action( 'admin_bar_menu', array( $this, 'add_toolbar_items' ), 500 );
30
+
31
+ add_action( 'wp_enqueue_scripts', array( $this, 'enqueue_assets' ) );
32
+
33
+ add_action( 'admin_enqueue_scripts', array( $this, 'enqueue_assets' ) );
34
+
35
+ }
36
+
37
+ public function enqueue_assets() {
38
+
39
+ $suffix = is_rtl() ? '-rtl' : '';
40
+
41
+ wp_enqueue_style(
42
+ 'pa-admin',
43
+ PREMIUM_ADDONS_URL . 'admin/assets/css/admin' . $suffix . '.css',
44
+ array(),
45
+ PREMIUM_ADDONS_VERSION,
46
+ 'all'
47
+ );
48
+
49
+ wp_enqueue_script(
50
+ 'pa-admin-bar',
51
+ PREMIUM_ADDONS_URL . 'admin/assets/js/admin-bar.js',
52
+ array( 'jquery' ),
53
+ PREMIUM_ADDONS_VERSION,
54
+ true
55
+ );
56
+
57
+ wp_localize_script(
58
+ 'pa-admin-bar',
59
+ 'PaDynamicAssets',
60
+ array(
61
+ 'nonce' => wp_create_nonce( 'pa-generate-nonce' ),
62
+ 'post_id' => get_queried_object_id(),
63
+ 'ajaxurl' => admin_url( 'admin-ajax.php' ),
64
+ )
65
+ );
66
+ }
67
+
68
+ public function add_toolbar_items( \WP_Admin_Bar $admin_bar ) {
69
+
70
+ if ( ! current_user_can( 'manage_options' ) ) {
71
+ return;
72
+ }
73
+
74
+ $icon = '<i class="dashicons dashicons-update-alt"></i> ';
75
+
76
+ $admin_bar->add_menu(
77
+ array(
78
+ 'id' => 'premium-addons',
79
+ 'title' => $icon . __( ' PA Assets', 'premium-addons-for-elementor' ),
80
+ 'href' => $this->get_dashboard_widgets_link(),
81
+ 'meta' => array(
82
+ 'title' => __( 'Premium Addons', 'premium-addons-for-elementor' ),
83
+ ),
84
+ )
85
+ );
86
+
87
+ if ( is_singular() ) {
88
+ $admin_bar->add_menu(
89
+ array(
90
+ 'id' => 'pa-clear-page-cache',
91
+ 'parent' => 'premium-addons',
92
+ 'title' => $icon . __( 'Clear Page Generated Assets', 'premium-addons-for-elementor' ),
93
+ 'href' => '#',
94
+ 'meta' => array(
95
+ 'class' => 'pa-clear-cache pa-clear-page-cache',
96
+ ),
97
+ )
98
+ );
99
+ }
100
+
101
+ $admin_bar->add_menu(
102
+ array(
103
+ 'id' => 'pa-clear-all-cache',
104
+ 'parent' => 'premium-addons',
105
+ 'title' => $icon . __( 'Clear All Generated Assets', 'premium-addons-for-elementor' ),
106
+ 'href' => '#',
107
+ 'meta' => array(
108
+ 'class' => 'pa-clear-cache pa-clear-all-cache',
109
+ ),
110
+ )
111
+ );
112
+ }
113
+
114
+ /**
115
+ * Get Dashboard Widgets Link
116
+ *
117
+ * Returns links for Widgets & Addons dashboard tab.
118
+ *
119
+ * @since 4.9.4
120
+ * @access private
121
+ *
122
+ * @return string tab link.
123
+ */
124
+ private function get_dashboard_widgets_link() {
125
+
126
+ return add_query_arg(
127
+ array(
128
+ 'page' => 'premium-addons#tab=elements',
129
+ ),
130
+ esc_url( admin_url( 'admin.php' ) )
131
+ );
132
+
133
+ }
134
+
135
+ /**
136
+ * Creates and returns an instance of the class
137
+ *
138
+ * @since 3.20.9
139
+ * @access public
140
+ *
141
+ * @return object
142
+ */
143
+ public static function get_instance() {
144
+
145
+ if ( ! isset( self::$instance ) ) {
146
+
147
+ self::$instance = new self();
148
+
149
+ }
150
+
151
+ return self::$instance;
152
+ }
153
+ }
admin/includes/admin-helper.php CHANGED
@@ -1,1184 +1,1232 @@
1
- <?php
2
- /**
3
- * PA Admin Helper
4
- */
5
-
6
- namespace PremiumAddons\Admin\Includes;
7
-
8
- use PremiumAddons\Includes\Helper_Functions;
9
- use Elementor\Modules\Usage\Module;
10
-
11
- if ( ! defined( 'ABSPATH' ) ) {
12
- exit;
13
- }
14
-
15
- /**
16
- * Class Admin_Helper
17
- */
18
- class Admin_Helper {
19
-
20
- /**
21
- * Admin settings tabs
22
- *
23
- * @var tabs
24
- */
25
- private static $tabs = null;
26
-
27
- /**
28
- * Class instance
29
- *
30
- * @var instance
31
- */
32
- private static $instance = null;
33
-
34
- /**
35
- * Premium Addons Settings Page Slug
36
- *
37
- * @var page_slug
38
- */
39
- protected $page_slug = 'premium-addons';
40
-
41
- /**
42
- * Current Screen ID
43
- *
44
- * @var current_screen
45
- */
46
- public static $current_screen = null;
47
-
48
- /**
49
- * Elements List
50
- *
51
- * @var elements_list
52
- */
53
- public static $elements_list = null;
54
-
55
- /**
56
- * Elements Names
57
- *
58
- * @var elements_names
59
- */
60
- public static $elements_names = null;
61
-
62
- /**
63
- * Integrations List
64
- *
65
- * @var integrations_list
66
- */
67
- public static $integrations_list = null;
68
-
69
- /**
70
- * Constructor for the class
71
- */
72
- public function __construct() {
73
-
74
- // Get current screen ID.
75
- add_action( 'current_screen', array( $this, 'get_current_screen' ) );
76
-
77
- // Insert admin settings submenus.
78
- $this->set_admin_tabs();
79
- add_action( 'admin_menu', array( $this, 'add_menu_tabs' ), 100 );
80
-
81
- // Enqueue required admin scripts.
82
- add_action( 'admin_enqueue_scripts', array( $this, 'admin_enqueue_scripts' ) );
83
-
84
- // Plugin Action Links.
85
- add_filter( 'plugin_action_links_' . PREMIUM_ADDONS_BASENAME, array( $this, 'insert_action_links' ) );
86
- add_filter( 'plugin_row_meta', array( $this, 'plugin_row_meta' ), 10, 2 );
87
-
88
- // Register AJAX HOOKS.
89
- add_action( 'wp_ajax_pa_save_global_btn', array( $this, 'save_global_btn_value' ) );
90
- add_action( 'wp_ajax_pa_elements_settings', array( $this, 'save_settings' ) );
91
- add_action( 'wp_ajax_pa_additional_settings', array( $this, 'save_additional_settings' ) );
92
- add_action( 'wp_ajax_pa_get_unused_widgets', array( $this, 'get_unused_widgets' ) );
93
-
94
- // Register AJAX Hooks for regenerate assets
95
- add_action( 'wp_ajax_pa_clear_cached_assets', array( $this, 'clear_cached_assets' ) );
96
-
97
- add_action( 'wp_ajax_subscribe_newsletter', array( $this, 'subscribe_newsletter' ) );
98
-
99
- add_action( 'pa_before_render_admin_tabs', array( $this, 'render_dashboard_header' ) );
100
-
101
- // Register Rollback hooks.
102
- add_action( 'admin_post_premium_addons_rollback', array( $this, 'run_pa_rollback' ) );
103
-
104
- if ( is_admin() ) {
105
- $current_page = $_SERVER['REQUEST_URI'];
106
- if ( false === strpos( $current_page, 'action=elementor' ) ) {
107
- Admin_Notices::get_instance();
108
-
109
- // Beta tester
110
- Beta_Testers::get_instance();
111
-
112
- // PA Duplicator.
113
- if ( self::check_duplicator() ) {
114
- Duplicator::get_instance();
115
- }
116
- }
117
- }
118
-
119
- }
120
-
121
- /**
122
- * Checks user credentials for specific action
123
- *
124
- * @since 2.6.8
125
- *
126
- * @return boolean
127
- */
128
- public static function check_user_can( $action ) {
129
- return current_user_can( $action );
130
- }
131
-
132
- /**
133
- * Get Elements List
134
- *
135
- * Get a list of all the elements available in the plugin
136
- *
137
- * @since 3.20.9
138
- * @access private
139
- *
140
- * @return array widget_list
141
- */
142
- public static function get_elements_list() {
143
-
144
- if ( null === self::$elements_list ) {
145
-
146
- self::$elements_list = require_once PREMIUM_ADDONS_PATH . 'admin/includes/elements.php';
147
-
148
- }
149
-
150
- return self::$elements_list;
151
-
152
- }
153
-
154
- /**
155
- * Get Integrations List
156
- *
157
- * Get a list of all the integrations available in the plugin
158
- *
159
- * @since 3.20.9
160
- * @access private
161
- *
162
- * @return array integrations_list
163
- */
164
- private static function get_integrations_list() {
165
-
166
- if ( null === self::$integrations_list ) {
167
-
168
- self::$integrations_list = array(
169
- 'premium-map-api',
170
- 'premium-youtube-api',
171
- 'premium-map-disable-api',
172
- 'premium-map-cluster',
173
- 'premium-map-locale',
174
- 'is-beta-tester',
175
- );
176
-
177
- }
178
-
179
- return self::$integrations_list;
180
-
181
- }
182
-
183
- /**
184
- * Admin Enqueue Scripts
185
- *
186
- * Enqueue the required assets on our admin pages
187
- *
188
- * @since 1.0.0
189
- * @access public
190
- */
191
- public function admin_enqueue_scripts() {
192
-
193
- wp_enqueue_style(
194
- 'pa_admin_icon',
195
- PREMIUM_ADDONS_URL . 'admin/assets/fonts/style.css',
196
- array(),
197
- PREMIUM_ADDONS_VERSION,
198
- 'all'
199
- );
200
-
201
- $suffix = is_rtl() ? '-rtl' : '';
202
-
203
- $current_screen = self::get_current_screen();
204
-
205
- wp_enqueue_style(
206
- 'pa-notice-css',
207
- PREMIUM_ADDONS_URL . 'admin/assets/css/notice' . $suffix . '.css',
208
- array(),
209
- PREMIUM_ADDONS_VERSION,
210
- 'all'
211
- );
212
-
213
- if ( strpos( $current_screen, $this->page_slug ) !== false ) {
214
-
215
- wp_enqueue_style(
216
- 'pa-admin-css',
217
- PREMIUM_ADDONS_URL . 'admin/assets/css/admin' . $suffix . '.css',
218
- array(),
219
- PREMIUM_ADDONS_VERSION,
220
- 'all'
221
- );
222
-
223
- wp_enqueue_style(
224
- 'pa-sweetalert-style',
225
- PREMIUM_ADDONS_URL . 'admin/assets/js/sweetalert2/sweetalert2.min.css',
226
- array(),
227
- PREMIUM_ADDONS_VERSION,
228
- 'all'
229
- );
230
-
231
- wp_enqueue_script(
232
- 'pa-admin',
233
- PREMIUM_ADDONS_URL . 'admin/assets/js/admin.js',
234
- array( 'jquery' ),
235
- PREMIUM_ADDONS_VERSION,
236
- true
237
- );
238
-
239
- wp_enqueue_script(
240
- 'pa-sweetalert-core',
241
- PREMIUM_ADDONS_URL . 'admin/assets/js/sweetalert2/core.js',
242
- array( 'jquery' ),
243
- PREMIUM_ADDONS_VERSION,
244
- true
245
- );
246
-
247
- wp_enqueue_script(
248
- 'pa-sweetalert',
249
- PREMIUM_ADDONS_URL . 'admin/assets/js/sweetalert2/sweetalert2.min.js',
250
- array( 'jquery', 'pa-sweetalert-core' ),
251
- PREMIUM_ADDONS_VERSION,
252
- true
253
- );
254
-
255
- $theme_slug = Helper_Functions::get_installed_theme();
256
-
257
- $localized_data = array(
258
- 'settings' => array(
259
- 'ajaxurl' => admin_url( 'admin-ajax.php' ),
260
- 'nonce' => wp_create_nonce( 'pa-settings-tab' ),
261
- 'generate_nonce' => wp_create_nonce( 'pa-generate-nonce' ),
262
- 'theme' => $theme_slug,
263
- 'isTrackerAllowed' => 'yes' === get_option( 'elementor_allow_tracking', 'no' ) ? true : false,
264
- ),
265
- 'premiumRollBackConfirm' => array(
266
- 'home_url' => home_url(),
267
- 'i18n' => array(
268
- 'rollback_to_previous_version' => __( 'Rollback to Previous Version', 'premium-addons-for-elementor' ),
269
- /* translators: %s: PA stable version */
270
- 'rollback_confirm' => sprintf( __( 'Are you sure you want to reinstall version %s?', 'premium-addons-for-elementor' ), PREMIUM_ADDONS_STABLE_VERSION ),
271
- 'yes' => __( 'Continue', 'premium-addons-for-elementor' ),
272
- 'cancel' => __( 'Cancel', 'premium-addons-for-elementor' ),
273
- ),
274
- ),
275
- );
276
-
277
- // Add PAPRO Rollback Confirm message if PAPRO installed.
278
- if ( Helper_Functions::check_papro_version() ) {
279
- /* translators: %s: PA stable version */
280
- $localized_data['premiumRollBackConfirm']['i18n']['papro_rollback_confirm'] = sprintf( __( 'Are you sure you want to reinstall version %s?', 'premium-addons-for-elementor' ), PREMIUM_ADDONS_STABLE_VERSION );
281
- }
282
-
283
- wp_localize_script( 'pa-admin', 'premiumAddonsSettings', $localized_data );
284
-
285
- }
286
- }
287
-
288
- /**
289
- * Insert action links.
290
- *
291
- * Adds action links to the plugin list table
292
- *
293
- * Fired by `plugin_action_links` filter.
294
- *
295
- * @param array $links plugin action links.
296
- *
297
- * @since 1.0.0
298
- * @access public
299
- */
300
- public function insert_action_links( $links ) {
301
-
302
- $papro_path = 'premium-addons-pro/premium-addons-pro-for-elementor.php';
303
-
304
- $is_papro_installed = Helper_Functions::is_plugin_installed( $papro_path );
305
-
306
- $settings_link = sprintf( '<a href="%1$s">%2$s</a>', admin_url( 'admin.php?page=' . $this->page_slug . '#tab=elements' ), __( 'Settings', 'premium-addons-for-elementor' ) );
307
-
308
- $rollback_link = sprintf( '<a href="%1$s">%2$s %3$s</a>', wp_nonce_url( admin_url( 'admin-post.php?action=premium_addons_rollback' ), 'premium_addons_rollback' ), __( 'Rollback to Version ', 'premium-addons-for-elementor' ), PREMIUM_ADDONS_STABLE_VERSION );
309
-
310
- $new_links = array( $settings_link, $rollback_link );
311
-
312
- if ( ! $is_papro_installed ) {
313
-
314
- $link = Helper_Functions::get_campaign_link( 'https://premiumaddons.com/pro', 'plugins-page', 'wp-dash', 'get-pro' );
315
-
316
- $pro_link = sprintf( '<a href="%s" target="_blank" style="color: #FF6000; font-weight: bold;">%s</a>', $link, __( 'Go Pro', 'premium-addons-for-elementor' ) );
317
- array_push( $new_links, $pro_link );
318
- }
319
-
320
- $new_links = array_merge( $links, $new_links );
321
-
322
- return $new_links;
323
- }
324
-
325
- /**
326
- * Plugin row meta.
327
- *
328
- * Extends plugin row meta links
329
- *
330
- * Fired by `plugin_row_meta` filter.
331
- *
332
- * @since 3.8.4
333
- * @access public
334
- *
335
- * @param array $meta array of the plugin's metadata.
336
- * @param string $file path to the plugin file.
337
- *
338
- * @return array An array of plugin row meta links.
339
- */
340
- public function plugin_row_meta( $meta, $file ) {
341
-
342
- if ( Helper_Functions::is_hide_row_meta() ) {
343
- return $meta;
344
- }
345
-
346
- if ( PREMIUM_ADDONS_BASENAME === $file ) {
347
-
348
- $link = Helper_Functions::get_campaign_link( 'https://premiumaddons.com/support', 'plugins-page', 'wp-dash', 'get-support' );
349
-
350
- $row_meta = array(
351
- 'docs' => '<a href="' . esc_attr( $link ) . '" aria-label="' . esc_attr( __( 'View Premium Addons for Elementor Documentation', 'premium-addons-for-elementor' ) ) . '" target="_blank">' . __( 'Docs & FAQs', 'premium-addons-for-elementor' ) . '</a>',
352
- 'videos' => '<a href="https://www.youtube.com/watch?v=D3INxWw_jKI&list=PLLpZVOYpMtTArB4hrlpSnDJB36D2sdoTv" aria-label="' . esc_attr( __( 'View Premium Addons Video Tutorials', 'premium-addons-for-elementor' ) ) . '" target="_blank">' . __( 'Video Tutorials', 'premium-addons-for-elementor' ) . '</a>',
353
- );
354
-
355
- $meta = array_merge( $meta, $row_meta );
356
- }
357
-
358
- return $meta;
359
-
360
- }
361
-
362
- /**
363
- * Gets current screen slug
364
- *
365
- * @since 3.3.8
366
- * @access public
367
- *
368
- * @return string current screen slug
369
- */
370
- public static function get_current_screen() {
371
-
372
- self::$current_screen = get_current_screen()->id;
373
-
374
- return isset( self::$current_screen ) ? self::$current_screen : false;
375
-
376
- }
377
-
378
- /**
379
- * Set Admin Tabs
380
- *
381
- * @access private
382
- * @since 3.20.8
383
- */
384
- private function set_admin_tabs() {
385
-
386
- $slug = $this->page_slug;
387
-
388
- self::$tabs = array(
389
- 'general' => array(
390
- 'id' => 'general',
391
- 'slug' => $slug . '#tab=general',
392
- 'title' => __( 'General', 'premium-addons-for-elementor' ),
393
- 'href' => '#tab=general',
394
- 'template' => PREMIUM_ADDONS_PATH . 'admin/includes/templates/general',
395
- ),
396
- 'elements' => array(
397
- 'id' => 'elements',
398
- 'slug' => $slug . '#tab=elements',
399
- 'title' => __( 'Widgets & Add-ons', 'premium-addons-for-elementor' ),
400
- 'href' => '#tab=elements',
401
- 'template' => PREMIUM_ADDONS_PATH . 'admin/includes/templates/modules-settings',
402
- ),
403
- 'features' => array(
404
- 'id' => 'features',
405
- 'slug' => $slug . '#tab=features',
406
- 'title' => __( 'Global Features', 'premium-addons-for-elementor' ),
407
- 'href' => '#tab=features',
408
- 'template' => PREMIUM_ADDONS_PATH . 'admin/includes/templates/features',
409
- ),
410
- 'integrations' => array(
411
- 'id' => 'integrations',
412
- 'slug' => $slug . '#tab=integrations',
413
- 'title' => __( 'Integrations', 'premium-addons-for-elementor' ),
414
- 'href' => '#tab=integrations',
415
- 'template' => PREMIUM_ADDONS_PATH . 'admin/includes/templates/integrations',
416
- ),
417
- 'version-control' => array(
418
- 'id' => 'vcontrol',
419
- 'slug' => $slug . '#tab=vcontrol',
420
- 'title' => __( 'Version Control', 'premium-addons-for-elementor' ),
421
- 'href' => '#tab=vcontrol',
422
- 'template' => PREMIUM_ADDONS_PATH . 'admin/includes/templates/version-control',
423
- ),
424
- 'white-label' => array(
425
- 'id' => 'white-label',
426
- 'slug' => $slug . '#tab=white-label',
427
- 'title' => __( 'White Labeling', 'premium-addons-for-elementor' ),
428
- 'href' => '#tab=white-label',
429
- 'template' => PREMIUM_ADDONS_PATH . 'admin/includes/templates/white-label',
430
- ),
431
- 'info' => array(
432
- 'id' => 'system-info',
433
- 'slug' => $slug . '#tab=system-info',
434
- 'title' => __( 'System Info', 'premium-addons-for-elementor' ),
435
- 'href' => '#tab=system-info',
436
- 'template' => PREMIUM_ADDONS_PATH . 'admin/includes/templates/info',
437
- ),
438
- );
439
-
440
- self::$tabs = apply_filters( 'pa_admin_register_tabs', self::$tabs );
441
-
442
- }
443
-
444
- /**
445
- * Add Menu Tabs
446
- *
447
- * Create Submenu Page
448
- *
449
- * @since 3.20.9
450
- * @access public
451
- *
452
- * @return void
453
- */
454
- public function add_menu_tabs() {
455
-
456
- $plugin_name = Helper_Functions::name();
457
-
458
- call_user_func(
459
- 'add_menu_page',
460
- $plugin_name,
461
- $plugin_name,
462
- 'manage_options',
463
- $this->page_slug,
464
- array( $this, 'render_setting_tabs' ),
465
- '',
466
- 100
467
- );
468
-
469
- foreach ( self::$tabs as $tab ) {
470
-
471
- call_user_func(
472
- 'add_submenu_page',
473
- $this->page_slug,
474
- $tab['title'],
475
- $tab['title'],
476
- 'manage_options',
477
- $tab['slug'],
478
- '__return_null'
479
- );
480
- }
481
-
482
- remove_submenu_page( $this->page_slug, $this->page_slug );
483
- }
484
-
485
- /**
486
- * Render Setting Tabs
487
- *
488
- * Render the final HTML content for admin setting tabs
489
- *
490
- * @access public
491
- * @since 3.20.8
492
- */
493
- public function render_setting_tabs() {
494
-
495
- ?>
496
- <div class="pa-settings-wrap">
497
- <?php do_action( 'pa_before_render_admin_tabs' ); ?>
498
- <div class="pa-settings-tabs">
499
- <ul class="pa-settings-tabs-list">
500
- <?php
501
- foreach ( self::$tabs as $key => $tab ) {
502
- $link = '<li class="pa-settings-tab">';
503
- $link .= '<a id="pa-tab-link-' . esc_attr( $tab['id'] ) . '"';
504
- $link .= ' href="' . esc_url( $tab['href'] ) . '">';
505
- $link .= '<i class="pa-dash-' . esc_attr( $tab['id'] ) . '"></i>';
506
- $link .= '<span>' . esc_html( $tab['title'] ) . '</span>';
507
- $link .= '</a>';
508
- $link .= '</li>';
509
-
510
- echo $link;
511
- }
512
- ?>
513
- </ul>
514
- </div> <!-- Settings Tabs -->
515
-
516
- <div class="pa-settings-sections">
517
- <?php
518
- foreach ( self::$tabs as $key => $tab ) {
519
- echo wp_kses_post( '<div id="pa-section-' . $tab['id'] . '" class="pa-section pa-section-' . $key . '">' );
520
- include_once $tab['template'] . '.php';
521
- echo '</div>';
522
- }
523
- ?>
524
- </div> <!-- Settings Sections -->
525
- <?php do_action( 'pa_after_render_admin_tabs' ); ?>
526
- </div> <!-- Settings Wrap -->
527
- <?php
528
- }
529
-
530
- /**
531
- * Render Dashboard Header
532
- *
533
- * @since 4.0.0
534
- * @access public
535
- */
536
- public function render_dashboard_header() {
537
-
538
- $url = Helper_Functions::get_campaign_link( 'https://premiumaddons.com/pro/', 'settings-page', 'wp-dash', 'dashboard' );
539
-
540
- $show_logo = Helper_Functions::is_hide_logo();
541
-
542
- ?>
543
-
544
- <div class="papro-admin-notice">
545
- <?php if ( ! $show_logo ) : ?>
546
- <div class="papro-admin-notice-left">
547
- <div class="papro-admin-notice-logo">
548
- <img class="pa-notice-logo" src="<?php echo esc_attr( PREMIUM_ADDONS_URL . 'admin/images/papro-notice-logo.png' ); ?>">
549
- </div>
550
- <a href="https://premiumaddons.com" target="_blank"></a>
551
- </div>
552
- <?php endif; ?>
553
-
554
- <?php if ( ! Helper_Functions::check_papro_version() ) : ?>
555
- <div class="papro-admin-notice-right">
556
- <div class="papro-admin-notice-info">
557
- <h4>
558
- <?php echo esc_html( __( 'Get Premium Addons PRO', 'premium-addons-for-elementor' ) ); ?>
559
- </h4>
560
- <p>
561
- <?php
562
- /* translators: %s: html tags */
563
- echo wp_kses_post( sprintf( __( 'Supercharge your Elementor with %1$sPRO Widgets & Addons%2$s that you won\'t find anywhere else.', 'premium-addons-for-elementor' ), '<span>', '</span>' ) );
564
- ?>
565
- </p>
566
- </div>
567
- <div class="papro-admin-notice-cta">
568
- <a class="papro-notice-btn" href="<?php echo esc_url( $url ); ?>" target="_blank">
569
- <?php echo esc_html( __( 'Get PRO', 'premium-addons-for-elementor' ) ); ?>
570
- </a>
571
- </div>
572
- </div>
573
- <?php endif; ?>
574
- </div>
575
-
576
- <?php
577
- }
578
-
579
- /**
580
- * Save Settings
581
- *
582
- * Save elements settings using AJAX
583
- *
584
- * @access public
585
- * @since 3.20.8
586
- */
587
- public function save_settings() {
588
-
589
- check_ajax_referer( 'pa-settings-tab', 'security' );
590
-
591
- if ( ! isset( $_POST['fields'] ) ) {
592
- return;
593
- }
594
-
595
- parse_str( sanitize_text_field( $_POST['fields'] ), $settings );
596
-
597
- $defaults = self::get_default_elements();
598
-
599
- $elements = array_fill_keys( array_keys( array_intersect_key( $settings, $defaults ) ), true );
600
-
601
- update_option( 'pa_save_settings', $elements );
602
-
603
- wp_send_json_success();
604
- }
605
-
606
- /**
607
- * Save Integrations Control Settings
608
- *
609
- * Stores integration and version control settings
610
- *
611
- * @since 3.20.8
612
- * @access public
613
- */
614
- public function save_additional_settings() {
615
-
616
- check_ajax_referer( 'pa-settings-tab', 'security' );
617
-
618
- if ( ! isset( $_POST['fields'] ) ) {
619
- return;
620
- }
621
-
622
- parse_str( sanitize_text_field( $_POST['fields'] ), $settings );
623
-
624
- $new_settings = array(
625
- 'premium-map-api' => sanitize_text_field( $settings['premium-map-api'] ),
626
- 'premium-youtube-api' => sanitize_text_field( $settings['premium-youtube-api'] ),
627
- 'premium-map-disable-api' => intval( $settings['premium-map-disable-api'] ? 1 : 0 ),
628
- 'premium-map-cluster' => intval( $settings['premium-map-cluster'] ? 1 : 0 ),
629
- 'premium-map-locale' => sanitize_text_field( $settings['premium-map-locale'] ),
630
- 'is-beta-tester' => intval( $settings['is-beta-tester'] ? 1 : 0 ),
631
- );
632
-
633
- update_option( 'pa_maps_save_settings', $new_settings );
634
-
635
- wp_send_json_success( $settings );
636
-
637
- }
638
-
639
- /**
640
- * Save Global Button Value
641
- *
642
- * Saves value for elements global switcher
643
- *
644
- * @since 4.0.0
645
- * @access public
646
- */
647
- public function save_global_btn_value() {
648
-
649
- check_ajax_referer( 'pa-settings-tab', 'security' );
650
-
651
- if ( ! isset( $_POST['isGlobalOn'] ) ) {
652
- wp_send_json_error();
653
- }
654
-
655
- $global_btn_value = sanitize_text_field( $_POST['isGlobalOn'] );
656
-
657
- update_option( 'pa_global_btn_value', $global_btn_value );
658
-
659
- wp_send_json_success();
660
-
661
- }
662
-
663
- /**
664
- * Get default Elements
665
- *
666
- * @since 3.20.9
667
- * @access private
668
- *
669
- * @return $default_keys array keys defaults
670
- */
671
- private static function get_default_elements() {
672
-
673
- $elements = self::get_elements_list();
674
-
675
- $keys = array();
676
-
677
- // Now, we need to fill our array with elements keys.
678
- foreach ( $elements as $cat ) {
679
- if ( count( $cat['elements'] ) ) {
680
- foreach ( $cat['elements'] as $elem ) {
681
- array_push( $keys, $elem['key'] );
682
- }
683
- }
684
- }
685
-
686
- $default_keys = array_fill_keys( $keys, true );
687
-
688
- return $default_keys;
689
-
690
- }
691
-
692
- /**
693
- * Get Pro Elements.
694
- * Return PAPRO Widgets.
695
- *
696
- * @since 4.5.3
697
- * @access public
698
- *
699
- * @return array
700
- */
701
- public static function get_pro_elements() {
702
-
703
- $elements = self::get_elements_list();
704
-
705
- $pro_elements = array();
706
-
707
- $all_elements = $elements['cat-1'];
708
-
709
- if ( count( $all_elements['elements'] ) ) {
710
- foreach ( $all_elements['elements'] as $elem ) {
711
- if ( isset( $elem['is_pro'] ) && ! isset( $elem['is_global'] ) ) {
712
- array_push( $pro_elements, $elem );
713
- }
714
- }
715
- }
716
-
717
- return $pro_elements;
718
- }
719
-
720
- /**
721
- * Get PA Free Elements.
722
- * Return PA Widgets.
723
- *
724
- * @since 4.6.1
725
- * @access public
726
- *
727
- * @return array
728
- */
729
- public static function get_free_widgets_names() {
730
-
731
- $elements = self::get_elements_list()['cat-1']['elements'];
732
-
733
- $pa_elements = array();
734
-
735
- if ( count( $elements ) ) {
736
- foreach ( $elements as $elem ) {
737
- if ( ! isset( $elem['is_pro'] ) && ! isset( $elem['is_global'] ) && isset( $elem['name'] ) ) {
738
- array_push( $pa_elements, $elem['name'] );
739
- }
740
- }
741
- }
742
-
743
- return $pa_elements;
744
- }
745
-
746
- /**
747
- * Get Global Elements Switchers.
748
- * Construct an associative array of addon_switcher => 'yes' pairs
749
- * Example :
750
- * + array( 'premium_gradient_switcher' => yes').
751
- *
752
- * @since 4.6.1
753
- * @access public
754
- *
755
- * @return array
756
- */
757
- public static function get_global_elements_switchers() {
758
-
759
- $elements = self::get_elements_list()['cat-4'];
760
-
761
- $global_elems = array();
762
-
763
- if ( count( $elements['elements'] ) ) {
764
- foreach ( $elements['elements'] as $elem ) {
765
- if ( isset( $elem['is_pro'] ) && isset( $elem['is_global'] ) ) {
766
- $global_elems[ str_replace( '-', '_', $elem['key'] ) . '_switcher' ] = 'yes';
767
- }
768
- }
769
- }
770
-
771
- return $global_elems;
772
- }
773
-
774
- /**
775
- * Get Default Interations
776
- *
777
- * @since 3.20.9
778
- * @access private
779
- *
780
- * @return $default_keys array default keys
781
- */
782
- private static function get_default_integrations() {
783
-
784
- $settings = self::get_integrations_list();
785
-
786
- $default_keys = array_fill_keys( $settings, true );
787
-
788
- // Beta Tester should NOT be enabled by default.
789
- $default_keys['is-beta-tester'] = false;
790
-
791
- return $default_keys;
792
-
793
- }
794
-
795
- /**
796
- * Get enabled widgets
797
- *
798
- * @since 3.20.9
799
- * @access public
800
- *
801
- * @return array $enabled_keys enabled elements
802
- */
803
- public static function get_enabled_elements() {
804
-
805
- $defaults = self::get_default_elements();
806
-
807
- $enabled_keys = get_option( 'pa_save_settings', $defaults );
808
-
809
- foreach ( $defaults as $key => $value ) {
810
- if ( ! isset( $enabled_keys[ $key ] ) ) {
811
- $defaults[ $key ] = 0;
812
- }
813
- }
814
-
815
- return $defaults;
816
-
817
- }
818
-
819
- /**
820
- * Check If Premium Templates is enabled
821
- *
822
- * @since 3.6.0
823
- * @access public
824
- *
825
- * @return boolean
826
- */
827
- public static function check_premium_templates() {
828
-
829
- $settings = self::get_enabled_elements();
830
-
831
- if ( ! isset( $settings['premium-templates'] ) ) {
832
- return true;
833
- }
834
-
835
- $is_enabled = $settings['premium-templates'];
836
-
837
- return $is_enabled;
838
- }
839
-
840
-
841
- /**
842
- * Check If Premium Duplicator is enabled
843
- *
844
- * @since 3.20.9
845
- * @access public
846
- *
847
- * @return boolean
848
- */
849
- public static function check_duplicator() {
850
-
851
- $settings = self::get_enabled_elements();
852
-
853
- if ( ! isset( $settings['premium-duplicator'] ) ) {
854
- return true;
855
- }
856
-
857
- $is_enabled = $settings['premium-duplicator'];
858
-
859
- return $is_enabled;
860
- }
861
-
862
- /**
863
- * Get Integrations Settings
864
- *
865
- * Get plugin integrations settings
866
- *
867
- * @since 3.20.9
868
- * @access public
869
- *
870
- * @return array $settings integrations settings
871
- */
872
- public static function get_integrations_settings() {
873
-
874
- $enabled_keys = get_option( 'pa_maps_save_settings', self::get_default_integrations() );
875
-
876
- return $enabled_keys;
877
-
878
- }
879
-
880
- /**
881
- * Run PA Rollback
882
- *
883
- * Trigger PA Rollback actions
884
- *
885
- * @since 4.2.5
886
- * @access public
887
- */
888
- public function run_pa_rollback() {
889
-
890
- check_admin_referer( 'premium_addons_rollback' );
891
-
892
- $plugin_slug = basename( PREMIUM_ADDONS_FILE, '.php' );
893
-
894
- $pa_rollback = new PA_Rollback(
895
- array(
896
- 'version' => PREMIUM_ADDONS_STABLE_VERSION,
897
- 'plugin_name' => PREMIUM_ADDONS_BASENAME,
898
- 'plugin_slug' => $plugin_slug,
899
- 'package_url' => sprintf( 'https://downloads.wordpress.org/plugin/%s.%s.zip', $plugin_slug, PREMIUM_ADDONS_STABLE_VERSION ),
900
- )
901
- );
902
-
903
- $pa_rollback->run();
904
-
905
- wp_die(
906
- '',
907
- esc_html( __( 'Rollback to Previous Version', 'premium-addons-for-elementor' ) ),
908
- array(
909
- 'response' => 200,
910
- )
911
- );
912
-
913
- }
914
-
915
- /**
916
- * Disable unused widgets.
917
- *
918
- * @access public
919
- * @since 4.5.8
920
- */
921
- public function get_unused_widgets() {
922
-
923
- check_ajax_referer( 'pa-settings-tab', 'security' );
924
-
925
- if ( ! current_user_can( 'install_plugins' ) ) {
926
- wp_send_json_error();
927
- }
928
-
929
- $pa_elements = self::get_pa_elements_names();
930
-
931
- $used_widgets = self::get_used_widgets();
932
-
933
- $unused_widgets = array_diff( $pa_elements, array_keys( $used_widgets ) );
934
-
935
- wp_send_json_success( $unused_widgets );
936
-
937
- }
938
-
939
- /**
940
- * Clear Cached Assets.
941
- *
942
- * Deletes assets options from DB And
943
- * deletes assets files from uploads/premium-addons-for-elementor
944
- * diretory.
945
- *
946
- * @access public
947
- * @since 4.9.3
948
- */
949
- public function clear_cached_assets() {
950
-
951
- check_ajax_referer( 'pa-generate-nonce', 'security' );
952
-
953
- if ( ! current_user_can( 'manage_options' ) ) {
954
- wp_send_json_error( __( 'You are not allowed to do this action', 'premium-addons-for-elementor' ) );
955
- }
956
-
957
- $this->delete_assets_options();
958
- $this->delete_assets_files();
959
-
960
- wp_send_json_success( 'Cached Assets Cleared' );
961
- }
962
-
963
- /**
964
- * Delete Assets Options.
965
- *
966
- * @access public
967
- * @since 4.9.3
968
- */
969
- public function delete_assets_options() {
970
-
971
- global $wpdb;
972
-
973
- $query = $wpdb->prepare( "DELETE FROM $wpdb->options WHERE option_name LIKE '%pa_elements_%' OR option_name LIKE '%pa_edit_%' AND autoload = 'no'" );
974
- $wpdb->query( $query );
975
- }
976
-
977
- /**
978
- * Delete Assets Files.
979
- *
980
- * @access public
981
- * @since 4.6.1
982
- */
983
- public function delete_assets_files() {
984
-
985
- $path = PREMIUM_ASSETS_PATH;
986
-
987
- if ( ! is_dir( $path ) || ! file_exists( $path ) ) {
988
- return;
989
- }
990
-
991
- foreach ( scandir( $path ) as $file ) {
992
- if ( $file == '.' || $file == '..' ) {
993
- continue;
994
- }
995
-
996
- unlink( Helper_Functions::get_safe_path( $path . DIRECTORY_SEPARATOR . $file ) );
997
- }
998
-
999
- }
1000
-
1001
- /**
1002
- * Get PA widget names.
1003
- *
1004
- * @access public
1005
- * @since 4.5.8
1006
- *
1007
- * @return array
1008
- */
1009
- public static function get_pa_elements_names() {
1010
-
1011
- $names = self::$elements_names;
1012
-
1013
- if ( null === $names ) {
1014
-
1015
- $names = array_map(
1016
- function( $item ) {
1017
- return isset( $item['name'] ) ? $item['name'] : 'global';
1018
- },
1019
- self::get_elements_list()['cat-1']['elements']
1020
- );
1021
-
1022
- $names = array_filter(
1023
- $names,
1024
- function( $name ) {
1025
- return 'global' !== $name;
1026
- }
1027
- );
1028
-
1029
- }
1030
-
1031
- return $names;
1032
- }
1033
-
1034
- /**
1035
- * Get used widgets.
1036
- *
1037
- * @access public
1038
- * @since 4.5.8
1039
- *
1040
- * @return array
1041
- */
1042
- public static function get_used_widgets() {
1043
-
1044
- $used_widgets = array();
1045
- $tracker_allowed = 'yes' === get_option( 'elementor_allow_tracking' ) ? true : false;
1046
-
1047
- if ( ! $tracker_allowed ) {
1048
- return false;
1049
- }
1050
-
1051
- if ( class_exists( 'Elementor\Modules\Usage\Module' ) ) {
1052
-
1053
- $module = Module::instance();
1054
- $elements = $module->get_formatted_usage( 'raw' );
1055
-
1056
- $pa_elements = self::get_pa_elements_names();
1057
-
1058
- if ( is_array( $elements ) || is_object( $elements ) ) {
1059
-
1060
- foreach ( $elements as $post_type => $data ) {
1061
-
1062
- foreach ( $data['elements'] as $element => $count ) {
1063
-
1064
- if ( in_array( $element, $pa_elements, true ) ) {
1065
-
1066
- if ( isset( $used_widgets[ $element ] ) ) {
1067
- $used_widgets[ $element ] += $count;
1068
- } else {
1069
- $used_widgets[ $element ] = $count;
1070
- }
1071
- }
1072
- }
1073
- }
1074
- }
1075
- }
1076
-
1077
- return $used_widgets;
1078
- }
1079
-
1080
- /**
1081
- * Subscribe Newsletter
1082
- *
1083
- * Adds an email to Premium Addons subscribers list
1084
- *
1085
- * @since 4.7.0
1086
- *
1087
- * @access public
1088
- */
1089
- public function subscribe_newsletter() {
1090
-
1091
- check_ajax_referer( 'pa-settings-tab', 'security' );
1092
-
1093
- if ( ! self::check_user_can( 'manage_options' ) ) {
1094
- wp_send_json_error();
1095
- }
1096
-
1097
- $email = isset( $_POST['email'] ) ? $_POST['email'] : '';
1098
-
1099
- $api_url = 'https://premiumaddons.com/wp-json/mailchimp/v2/add';
1100
-
1101
- $request = add_query_arg(
1102
- array(
1103
- 'email' => $email,
1104
- ),
1105
- $api_url
1106
- );
1107
-
1108
- $response = wp_remote_get(
1109
- $request,
1110
- array(
1111
- 'timeout' => 60,
1112
- 'sslverify' => true,
1113
- )
1114
- );
1115
-
1116
- $body = wp_remote_retrieve_body( $response );
1117
- $body = json_decode( $body, true );
1118
-
1119
- wp_send_json_success( $body );
1120
-
1121
- }
1122
-
1123
- /**
1124
- * Get PA News
1125
- *
1126
- * Gets a list of the latest three blog posts
1127
- *
1128
- * @since 4.7.0
1129
- *
1130
- * @access public
1131
- */
1132
- public function get_pa_news() {
1133
-
1134
- $posts = get_transient( 'pa_news' );
1135
-
1136
- if ( empty( $posts ) ) {
1137
-
1138
- $api_url = 'https://premiumaddons.com/wp-json/wp/v2/posts';
1139
-
1140
- $request = add_query_arg(
1141
- array(
1142
- 'per_page' => 3,
1143
- ),
1144
- $api_url
1145
- );
1146
-
1147
- $response = wp_remote_get(
1148
- $request,
1149
- array(
1150
- 'timeout' => 60,
1151
- 'sslverify' => true,
1152
- )
1153
- );
1154
-
1155
- $body = wp_remote_retrieve_body( $response );
1156
- $posts = json_decode( $body, true );
1157
-
1158
- set_transient( 'pa_news', $posts, WEEK_IN_SECONDS );
1159
-
1160
- }
1161
-
1162
- return $posts;
1163
-
1164
- }
1165
-
1166
- /**
1167
- * Creates and returns an instance of the class
1168
- *
1169
- * @since 1.0.0
1170
- * @access public
1171
- *
1172
- * @return object
1173
- */
1174
- public static function get_instance() {
1175
-
1176
- if ( ! isset( self::$instance ) ) {
1177
-
1178
- self::$instance = new self();
1179
-
1180
- }
1181
-
1182
- return self::$instance;
1183
- }
1184
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+ /**
3
+ * PA Admin Helper
4
+ */
5
+
6
+ namespace PremiumAddons\Admin\Includes;
7
+
8
+ use PremiumAddons\Includes\Helper_Functions;
9
+ use Elementor\Modules\Usage\Module;
10
+
11
+ if ( ! defined( 'ABSPATH' ) ) {
12
+ exit;
13
+ }
14
+
15
+ /**
16
+ * Class Admin_Helper
17
+ */
18
+ class Admin_Helper {
19
+
20
+ /**
21
+ * Admin settings tabs
22
+ *
23
+ * @var tabs
24
+ */
25
+ private static $tabs = null;
26
+
27
+ /**
28
+ * Class instance
29
+ *
30
+ * @var instance
31
+ */
32
+ private static $instance = null;
33
+
34
+ /**
35
+ * Premium Addons Settings Page Slug
36
+ *
37
+ * @var page_slug
38
+ */
39
+ protected $page_slug = 'premium-addons';
40
+
41
+ /**
42
+ * Current Screen ID
43
+ *
44
+ * @var current_screen
45
+ */
46
+ public static $current_screen = null;
47
+
48
+ /**
49
+ * Elements List
50
+ *
51
+ * @var elements_list
52
+ */
53
+ public static $elements_list = null;
54
+
55
+ /**
56
+ * Elements Names
57
+ *
58
+ * @var elements_names
59
+ */
60
+ public static $elements_names = null;
61
+
62
+ /**
63
+ * Integrations List
64
+ *
65
+ * @var integrations_list
66
+ */
67
+ public static $integrations_list = null;
68
+
69
+ /**
70
+ * Constructor for the class
71
+ */
72
+ public function __construct() {
73
+
74
+ // Get current screen ID.
75
+ add_action( 'current_screen', array( $this, 'get_current_screen' ) );
76
+
77
+ // Insert admin settings submenus.
78
+ $this->set_admin_tabs();
79
+ add_action( 'admin_menu', array( $this, 'add_menu_tabs' ), 100 );
80
+
81
+ // Enqueue required admin scripts.
82
+ add_action( 'admin_enqueue_scripts', array( $this, 'admin_enqueue_scripts' ) );
83
+
84
+ // Plugin Action Links.
85
+ add_filter( 'plugin_action_links_' . PREMIUM_ADDONS_BASENAME, array( $this, 'insert_action_links' ) );
86
+ add_filter( 'plugin_row_meta', array( $this, 'plugin_row_meta' ), 10, 2 );
87
+
88
+ // Register AJAX HOOKS.
89
+ add_action( 'wp_ajax_pa_save_global_btn', array( $this, 'save_global_btn_value' ) );
90
+ add_action( 'wp_ajax_pa_elements_settings', array( $this, 'save_settings' ) );
91
+ add_action( 'wp_ajax_pa_additional_settings', array( $this, 'save_additional_settings' ) );
92
+ add_action( 'wp_ajax_pa_get_unused_widgets', array( $this, 'get_unused_widgets' ) );
93
+
94
+ // Register AJAX Hooks for regenerate assets
95
+ add_action( 'wp_ajax_pa_clear_cached_assets', array( $this, 'clear_cached_assets' ) );
96
+
97
+ // Register AJAX Hooks for Newsletter.
98
+ add_action( 'wp_ajax_subscribe_newsletter', array( $this, 'subscribe_newsletter' ) );
99
+
100
+ // Add action for PA dashboard tab header.
101
+ add_action( 'pa_before_render_admin_tabs', array( $this, 'render_dashboard_header' ) );
102
+
103
+ // Register Rollback hooks.
104
+ add_action( 'admin_post_premium_addons_rollback', array( $this, 'run_pa_rollback' ) );
105
+
106
+ if ( is_admin() ) {
107
+ $current_page = $_SERVER['REQUEST_URI'];
108
+ if ( false === strpos( $current_page, 'action=elementor' ) ) {
109
+ Admin_Notices::get_instance();
110
+
111
+ // Beta tester
112
+ Beta_Testers::get_instance();
113
+
114
+ // PA Duplicator.
115
+ if ( self::check_duplicator() ) {
116
+ Duplicator::get_instance();
117
+ }
118
+ }
119
+ }
120
+
121
+ if ( is_user_logged_in() && self::check_user_can( 'manage_options' ) ) {
122
+ // PA Dynamic Assets.
123
+ $row_meta = Helper_Functions::is_hide_row_meta();
124
+ if ( self::check_dynamic_assets() && ! $row_meta ) {
125
+ Admin_Bar::get_instance();
126
+ }
127
+ }
128
+
129
+ }
130
+
131
+ /**
132
+ * Checks user credentials for specific action
133
+ *
134
+ * @since 2.6.8
135
+ *
136
+ * @return boolean
137
+ */
138
+ public static function check_user_can( $action ) {
139
+ return current_user_can( $action );
140
+ }
141
+
142
+ /**
143
+ * Get Elements List
144
+ *
145
+ * Get a list of all the elements available in the plugin
146
+ *
147
+ * @since 3.20.9
148
+ * @access private
149
+ *
150
+ * @return array widget_list
151
+ */
152
+ public static function get_elements_list() {
153
+
154
+ if ( null === self::$elements_list ) {
155
+
156
+ self::$elements_list = require_once PREMIUM_ADDONS_PATH . 'admin/includes/elements.php';
157
+
158
+ }
159
+
160
+ return self::$elements_list;
161
+
162
+ }
163
+
164
+ /**
165
+ * Get Integrations List
166
+ *
167
+ * Get a list of all the integrations available in the plugin
168
+ *
169
+ * @since 3.20.9
170
+ * @access private
171
+ *
172
+ * @return array integrations_list
173
+ */
174
+ private static function get_integrations_list() {
175
+
176
+ if ( null === self::$integrations_list ) {
177
+
178
+ self::$integrations_list = array(
179
+ 'premium-map-api',
180
+ 'premium-youtube-api',
181
+ 'premium-map-disable-api',
182
+ 'premium-map-cluster',
183
+ 'premium-map-locale',
184
+ 'is-beta-tester',
185
+ );
186
+
187
+ }
188
+
189
+ return self::$integrations_list;
190
+
191
+ }
192
+
193
+ /**
194
+ * Admin Enqueue Scripts
195
+ *
196
+ * Enqueue the required assets on our admin pages
197
+ *
198
+ * @since 1.0.0
199
+ * @access public
200
+ */
201
+ public function admin_enqueue_scripts() {
202
+
203
+ wp_enqueue_style(
204
+ 'pa_admin_icon',
205
+ PREMIUM_ADDONS_URL . 'admin/assets/fonts/style.css',
206
+ array(),
207
+ PREMIUM_ADDONS_VERSION,
208
+ 'all'
209
+ );
210
+
211
+ $suffix = is_rtl() ? '-rtl' : '';
212
+
213
+ $current_screen = self::get_current_screen();
214
+
215
+ wp_enqueue_style(
216
+ 'pa-notice-css',
217
+ PREMIUM_ADDONS_URL . 'admin/assets/css/notice' . $suffix . '.css',
218
+ array(),
219
+ PREMIUM_ADDONS_VERSION,
220
+ 'all'
221
+ );
222
+
223
+ if ( strpos( $current_screen, $this->page_slug ) !== false ) {
224
+
225
+ wp_enqueue_style(
226
+ 'pa-admin',
227
+ PREMIUM_ADDONS_URL . 'admin/assets/css/admin' . $suffix . '.css',
228
+ array(),
229
+ PREMIUM_ADDONS_VERSION,
230
+ 'all'
231
+ );
232
+
233
+ wp_enqueue_style(
234
+ 'pa-sweetalert-style',
235
+ PREMIUM_ADDONS_URL . 'admin/assets/js/sweetalert2/sweetalert2.min.css',
236
+ array(),
237
+ PREMIUM_ADDONS_VERSION,
238
+ 'all'
239
+ );
240
+
241
+ wp_enqueue_script(
242
+ 'pa-admin',
243
+ PREMIUM_ADDONS_URL . 'admin/assets/js/admin.js',
244
+ array( 'jquery' ),
245
+ PREMIUM_ADDONS_VERSION,
246
+ true
247
+ );
248
+
249
+ wp_enqueue_script(
250
+ 'pa-sweetalert-core',
251
+ PREMIUM_ADDONS_URL . 'admin/assets/js/sweetalert2/core.js',
252
+ array( 'jquery' ),
253
+ PREMIUM_ADDONS_VERSION,
254
+ true
255
+ );
256
+
257
+ wp_enqueue_script(
258
+ 'pa-sweetalert',
259
+ PREMIUM_ADDONS_URL . 'admin/assets/js/sweetalert2/sweetalert2.min.js',
260
+ array( 'jquery', 'pa-sweetalert-core' ),
261
+ PREMIUM_ADDONS_VERSION,
262
+ true
263
+ );
264
+
265
+ $theme_slug = Helper_Functions::get_installed_theme();
266
+
267
+ $localized_data = array(
268
+ 'settings' => array(
269
+ 'ajaxurl' => admin_url( 'admin-ajax.php' ),
270
+ 'nonce' => wp_create_nonce( 'pa-settings-tab' ),
271
+ 'generate_nonce' => wp_create_nonce( 'pa-generate-nonce' ),
272
+ 'theme' => $theme_slug,
273
+ 'isTrackerAllowed' => 'yes' === get_option( 'elementor_allow_tracking', 'no' ) ? true : false,
274
+ ),
275
+ 'premiumRollBackConfirm' => array(
276
+ 'home_url' => home_url(),
277
+ 'i18n' => array(
278
+ 'rollback_to_previous_version' => __( 'Rollback to Previous Version', 'premium-addons-for-elementor' ),
279
+ /* translators: %s: PA stable version */
280
+ 'rollback_confirm' => sprintf( __( 'Are you sure you want to reinstall version %s?', 'premium-addons-for-elementor' ), PREMIUM_ADDONS_STABLE_VERSION ),
281
+ 'yes' => __( 'Continue', 'premium-addons-for-elementor' ),
282
+ 'cancel' => __( 'Cancel', 'premium-addons-for-elementor' ),
283
+ ),
284
+ ),
285
+ );
286
+
287
+ // Add PAPRO Rollback Confirm message if PAPRO installed.
288
+ if ( Helper_Functions::check_papro_version() ) {
289
+ /* translators: %s: PA stable version */
290
+ $localized_data['premiumRollBackConfirm']['i18n']['papro_rollback_confirm'] = sprintf( __( 'Are you sure you want to reinstall version %s?', 'premium-addons-for-elementor' ), PREMIUM_ADDONS_STABLE_VERSION );
291
+ }
292
+
293
+ wp_localize_script( 'pa-admin', 'premiumAddonsSettings', $localized_data );
294
+
295
+ }
296
+ }
297
+
298
+ /**
299
+ * Insert action links.
300
+ *
301
+ * Adds action links to the plugin list table
302
+ *
303
+ * Fired by `plugin_action_links` filter.
304
+ *
305
+ * @param array $links plugin action links.
306
+ *
307
+ * @since 1.0.0
308
+ * @access public
309
+ */
310
+ public function insert_action_links( $links ) {
311
+
312
+ $papro_path = 'premium-addons-pro/premium-addons-pro-for-elementor.php';
313
+
314
+ $is_papro_installed = Helper_Functions::is_plugin_installed( $papro_path );
315
+
316
+ $settings_link = sprintf( '<a href="%1$s">%2$s</a>', admin_url( 'admin.php?page=' . $this->page_slug . '#tab=elements' ), __( 'Settings', 'premium-addons-for-elementor' ) );
317
+
318
+ $rollback_link = sprintf( '<a href="%1$s">%2$s %3$s</a>', wp_nonce_url( admin_url( 'admin-post.php?action=premium_addons_rollback' ), 'premium_addons_rollback' ), __( 'Rollback to Version ', 'premium-addons-for-elementor' ), PREMIUM_ADDONS_STABLE_VERSION );
319
+
320
+ $new_links = array( $settings_link, $rollback_link );
321
+
322
+ if ( ! $is_papro_installed ) {
323
+
324
+ $link = Helper_Functions::get_campaign_link( 'https://premiumaddons.com/pro', 'plugins-page', 'wp-dash', 'get-pro' );
325
+
326
+ $pro_link = sprintf( '<a href="%s" target="_blank" style="color: #FF6000; font-weight: bold;">%s</a>', $link, __( 'Go Pro', 'premium-addons-for-elementor' ) );
327
+ array_push( $new_links, $pro_link );
328
+ }
329
+
330
+ $new_links = array_merge( $links, $new_links );
331
+
332
+ return $new_links;
333
+ }
334
+
335
+ /**
336
+ * Plugin row meta.
337
+ *
338
+ * Extends plugin row meta links
339
+ *
340
+ * Fired by `plugin_row_meta` filter.
341
+ *
342
+ * @since 3.8.4
343
+ * @access public
344
+ *
345
+ * @param array $meta array of the plugin's metadata.
346
+ * @param string $file path to the plugin file.
347
+ *
348
+ * @return array An array of plugin row meta links.
349
+ */
350
+ public function plugin_row_meta( $meta, $file ) {
351
+
352
+ if ( Helper_Functions::is_hide_row_meta() ) {
353
+ return $meta;
354
+ }
355
+
356
+ if ( PREMIUM_ADDONS_BASENAME === $file ) {
357
+
358
+ $link = Helper_Functions::get_campaign_link( 'https://premiumaddons.com/support', 'plugins-page', 'wp-dash', 'get-support' );
359
+
360
+ $row_meta = array(
361
+ 'docs' => '<a href="' . esc_attr( $link ) . '" aria-label="' . esc_attr( __( 'View Premium Addons for Elementor Documentation', 'premium-addons-for-elementor' ) ) . '" target="_blank">' . __( 'Docs & FAQs', 'premium-addons-for-elementor' ) . '</a>',
362
+ 'videos' => '<a href="https://www.youtube.com/watch?v=D3INxWw_jKI&list=PLLpZVOYpMtTArB4hrlpSnDJB36D2sdoTv" aria-label="' . esc_attr( __( 'View Premium Addons Video Tutorials', 'premium-addons-for-elementor' ) ) . '" target="_blank">' . __( 'Video Tutorials', 'premium-addons-for-elementor' ) . '</a>',
363
+ );
364
+
365
+ $meta = array_merge( $meta, $row_meta );
366
+ }
367
+
368
+ return $meta;
369
+
370
+ }
371
+
372
+ /**
373
+ * Gets current screen slug
374
+ *
375
+ * @since 3.3.8
376
+ * @access public
377
+ *
378
+ * @return string current screen slug
379
+ */
380
+ public static function get_current_screen() {
381
+
382
+ self::$current_screen = get_current_screen()->id;
383
+
384
+ return isset( self::$current_screen ) ? self::$current_screen : false;
385
+
386
+ }
387
+
388
+ /**
389
+ * Set Admin Tabs
390
+ *
391
+ * @access private
392
+ * @since 3.20.8
393
+ */
394
+ private function set_admin_tabs() {
395
+
396
+ $slug = $this->page_slug;
397
+
398
+ self::$tabs = array(
399
+ 'general' => array(
400
+ 'id' => 'general',
401
+ 'slug' => $slug . '#tab=general',
402
+ 'title' => __( 'General', 'premium-addons-for-elementor' ),
403
+ 'href' => '#tab=general',
404
+ 'template' => PREMIUM_ADDONS_PATH . 'admin/includes/templates/general',
405
+ ),
406
+ 'elements' => array(
407
+ 'id' => 'elements',
408
+ 'slug' => $slug . '#tab=elements',
409
+ 'title' => __( 'Widgets & Add-ons', 'premium-addons-for-elementor' ),
410
+ 'href' => '#tab=elements',
411
+ 'template' => PREMIUM_ADDONS_PATH . 'admin/includes/templates/modules-settings',
412
+ ),
413
+ 'features' => array(
414
+ 'id' => 'features',
415
+ 'slug' => $slug . '#tab=features',
416
+ 'title' => __( 'Global Features', 'premium-addons-for-elementor' ),
417
+ 'href' => '#tab=features',
418
+ 'template' => PREMIUM_ADDONS_PATH . 'admin/includes/templates/features',
419
+ ),
420
+ 'integrations' => array(
421
+ 'id' => 'integrations',
422
+ 'slug' => $slug . '#tab=integrations',
423
+ 'title' => __( 'Integrations', 'premium-addons-for-elementor' ),
424
+ 'href' => '#tab=integrations',
425
+ 'template' => PREMIUM_ADDONS_PATH . 'admin/includes/templates/integrations',
426
+ ),
427
+ 'version-control' => array(
428
+ 'id' => 'vcontrol',
429
+ 'slug' => $slug . '#tab=vcontrol',
430
+ 'title' => __( 'Version Control', 'premium-addons-for-elementor' ),
431
+ 'href' => '#tab=vcontrol',
432
+ 'template' => PREMIUM_ADDONS_PATH . 'admin/includes/templates/version-control',
433
+ ),
434
+ 'white-label' => array(
435
+ 'id' => 'white-label',
436
+ 'slug' => $slug . '#tab=white-label',
437
+ 'title' => __( 'White Labeling', 'premium-addons-for-elementor' ),
438
+ 'href' => '#tab=white-label',
439
+ 'template' => PREMIUM_ADDONS_PATH . 'admin/includes/templates/white-label',
440
+ ),
441
+ 'info' => array(
442
+ 'id' => 'system-info',
443
+ 'slug' => $slug . '#tab=system-info',
444
+ 'title' => __( 'System Info', 'premium-addons-for-elementor' ),
445
+ 'href' => '#tab=system-info',
446
+ 'template' => PREMIUM_ADDONS_PATH . 'admin/includes/templates/info',
447
+ ),
448
+ );
449
+
450
+ self::$tabs = apply_filters( 'pa_admin_register_tabs', self::$tabs );
451
+
452
+ }
453
+
454
+ /**
455
+ * Add Menu Tabs
456
+ *
457
+ * Create Submenu Page
458
+ *
459
+ * @since 3.20.9
460
+ * @access public
461
+ *
462
+ * @return void
463
+ */
464
+ public function add_menu_tabs() {
465
+
466
+ $plugin_name = Helper_Functions::name();
467
+
468
+ call_user_func(
469
+ 'add_menu_page',
470
+ $plugin_name,
471
+ $plugin_name,
472
+ 'manage_options',
473
+ $this->page_slug,
474
+ array( $this, 'render_setting_tabs' ),
475
+ '',
476
+ 100
477
+ );
478
+
479
+ foreach ( self::$tabs as $tab ) {
480
+
481
+ call_user_func(
482
+ 'add_submenu_page',
483
+ $this->page_slug,
484
+ $tab['title'],
485
+ $tab['title'],
486
+ 'manage_options',
487
+ $tab['slug'],
488
+ '__return_null'
489
+ );
490
+ }
491
+
492
+ remove_submenu_page( $this->page_slug, $this->page_slug );
493
+ }
494
+
495
+ /**
496
+ * Render Setting Tabs
497
+ *
498
+ * Render the final HTML content for admin setting tabs
499
+ *
500
+ * @access public
501
+ * @since 3.20.8
502
+ */
503
+ public function render_setting_tabs() {
504
+
505
+ ?>
506
+ <div class="pa-settings-wrap">
507
+ <?php do_action( 'pa_before_render_admin_tabs' ); ?>
508
+ <div class="pa-settings-tabs">
509
+ <ul class="pa-settings-tabs-list">
510
+ <?php
511
+ foreach ( self::$tabs as $key => $tab ) {
512
+ $link = '<li class="pa-settings-tab">';
513
+ $link .= '<a id="pa-tab-link-' . esc_attr( $tab['id'] ) . '"';
514
+ $link .= ' href="' . esc_url( $tab['href'] ) . '">';
515
+ $link .= '<i class="pa-dash-' . esc_attr( $tab['id'] ) . '"></i>';
516
+ $link .= '<span>' . esc_html( $tab['title'] ) . '</span>';
517
+ $link .= '</a>';
518
+ $link .= '</li>';
519
+
520
+ echo $link;
521
+ }
522
+ ?>
523
+ </ul>
524
+ </div> <!-- Settings Tabs -->
525
+
526
+ <div class="pa-settings-sections">
527
+ <?php
528
+ foreach ( self::$tabs as $key => $tab ) {
529
+ echo wp_kses_post( '<div id="pa-section-' . $tab['id'] . '" class="pa-section pa-section-' . $key . '">' );
530
+ include_once $tab['template'] . '.php';
531
+ echo '</div>';
532
+ }
533
+ ?>
534
+ </div> <!-- Settings Sections -->
535
+ <?php do_action( 'pa_after_render_admin_tabs' ); ?>
536
+ </div> <!-- Settings Wrap -->
537
+ <?php
538
+ }
539
+
540
+ /**
541
+ * Render Dashboard Header
542
+ *
543
+ * @since 4.0.0
544
+ * @access public
545
+ */
546
+ public function render_dashboard_header() {
547
+
548
+ $url = Helper_Functions::get_campaign_link( 'https://premiumaddons.com/pro/', 'settings-page', 'wp-dash', 'dashboard' );
549
+
550
+ $show_logo = Helper_Functions::is_hide_logo();
551
+
552
+ ?>
553
+
554
+ <div class="papro-admin-notice">
555
+ <?php if ( ! $show_logo ) : ?>
556
+ <div class="papro-admin-notice-left">
557
+ <div class="papro-admin-notice-logo">
558
+ <img class="pa-notice-logo" src="<?php echo esc_attr( PREMIUM_ADDONS_URL . 'admin/images/papro-notice-logo.png' ); ?>">
559
+ </div>
560
+ <a href="https://premiumaddons.com" target="_blank"></a>
561
+ </div>
562
+ <?php endif; ?>
563
+
564
+ <?php if ( ! Helper_Functions::check_papro_version() ) : ?>
565
+ <div class="papro-admin-notice-right">
566
+ <div class="papro-admin-notice-info">
567
+ <h4>
568
+ <?php echo esc_html( __( 'Get Premium Addons PRO', 'premium-addons-for-elementor' ) ); ?>
569
+ </h4>
570
+ <p>
571
+ <?php
572
+ /* translators: %s: html tags */
573
+ echo wp_kses_post( sprintf( __( 'Supercharge your Elementor with %1$sPRO Widgets & Addons%2$s that you won\'t find anywhere else.', 'premium-addons-for-elementor' ), '<span>', '</span>' ) );
574
+ ?>
575
+ </p>
576
+ </div>
577
+ <div class="papro-admin-notice-cta">
578
+ <a class="papro-notice-btn" href="<?php echo esc_url( $url ); ?>" target="_blank">
579
+ <?php echo esc_html( __( 'Get PRO', 'premium-addons-for-elementor' ) ); ?>
580
+ </a>
581
+ </div>
582
+ </div>
583
+ <?php endif; ?>
584
+ </div>
585
+
586
+ <?php
587
+ }
588
+
589
+ /**
590
+ * Save Settings
591
+ *
592
+ * Save elements settings using AJAX
593
+ *
594
+ * @access public
595
+ * @since 3.20.8
596
+ */
597
+ public function save_settings() {
598
+
599
+ check_ajax_referer( 'pa-settings-tab', 'security' );
600
+
601
+ if ( ! isset( $_POST['fields'] ) ) {
602
+ return;
603
+ }
604
+
605
+ parse_str( sanitize_text_field( $_POST['fields'] ), $settings );
606
+
607
+ $defaults = self::get_default_elements();
608
+
609
+ $elements = array_fill_keys( array_keys( array_intersect_key( $settings, $defaults ) ), true );
610
+
611
+ update_option( 'pa_save_settings', $elements );
612
+
613
+ wp_send_json_success();
614
+ }
615
+
616
+ /**
617
+ * Save Integrations Control Settings
618
+ *
619
+ * Stores integration and version control settings
620
+ *
621
+ * @since 3.20.8
622
+ * @access public
623
+ */
624
+ public function save_additional_settings() {
625
+
626
+ check_ajax_referer( 'pa-settings-tab', 'security' );
627
+
628
+ if ( ! isset( $_POST['fields'] ) ) {
629
+ return;
630
+ }
631
+
632
+ parse_str( sanitize_text_field( $_POST['fields'] ), $settings );
633
+
634
+ $new_settings = array(
635
+ 'premium-map-api' => sanitize_text_field( $settings['premium-map-api'] ),
636
+ 'premium-youtube-api' => sanitize_text_field( $settings['premium-youtube-api'] ),
637
+ 'premium-map-disable-api' => intval( $settings['premium-map-disable-api'] ? 1 : 0 ),
638
+ 'premium-map-cluster' => intval( $settings['premium-map-cluster'] ? 1 : 0 ),
639
+ 'premium-map-locale' => sanitize_text_field( $settings['premium-map-locale'] ),
640
+ 'is-beta-tester' => intval( $settings['is-beta-tester'] ? 1 : 0 ),
641
+ );
642
+
643
+ update_option( 'pa_maps_save_settings', $new_settings );
644
+
645
+ wp_send_json_success( $settings );
646
+
647
+ }
648
+
649
+ /**
650
+ * Save Global Button Value
651
+ *
652
+ * Saves value for elements global switcher
653
+ *
654
+ * @since 4.0.0
655
+ * @access public
656
+ */
657
+ public function save_global_btn_value() {
658
+
659
+ check_ajax_referer( 'pa-settings-tab', 'security' );
660
+
661
+ if ( ! isset( $_POST['isGlobalOn'] ) ) {
662
+ wp_send_json_error();
663
+ }
664
+
665
+ $global_btn_value = sanitize_text_field( $_POST['isGlobalOn'] );
666
+
667
+ update_option( 'pa_global_btn_value', $global_btn_value );
668
+
669
+ wp_send_json_success();
670
+
671
+ }
672
+
673
+ /**
674
+ * Get default Elements
675
+ *
676
+ * @since 3.20.9
677
+ * @access private
678
+ *
679
+ * @return $default_keys array keys defaults
680
+ */
681
+ private static function get_default_elements() {
682
+
683
+ $elements = self::get_elements_list();
684
+
685
+ $keys = array();
686
+
687
+ // Now, we need to fill our array with elements keys.
688
+ foreach ( $elements as $cat ) {
689
+ if ( count( $cat['elements'] ) ) {
690
+ foreach ( $cat['elements'] as $elem ) {
691
+ array_push( $keys, $elem['key'] );
692
+ }
693
+ }
694
+ }
695
+
696
+ $default_keys = array_fill_keys( $keys, true );
697
+
698
+ return $default_keys;
699
+
700
+ }
701
+
702
+ /**
703
+ * Get Pro Elements.
704
+ * Return PAPRO Widgets.
705
+ *
706
+ * @since 4.5.3
707
+ * @access public
708
+ *
709
+ * @return array
710
+ */
711
+ public static function get_pro_elements() {
712
+
713
+ $elements = self::get_elements_list();
714
+
715
+ $pro_elements = array();
716
+
717
+ $all_elements = $elements['cat-1'];
718
+
719
+ if ( count( $all_elements['elements'] ) ) {
720
+ foreach ( $all_elements['elements'] as $elem ) {
721
+ if ( isset( $elem['is_pro'] ) && ! isset( $elem['is_global'] ) ) {
722
+ array_push( $pro_elements, $elem );
723
+ }
724
+ }
725
+ }
726
+
727
+ return $pro_elements;
728
+ }
729
+
730
+ /**
731
+ * Get PA Free Elements.
732
+ * Return PA Widgets.
733
+ *
734
+ * @since 4.6.1
735
+ * @access public
736
+ *
737
+ * @return array
738
+ */
739
+ public static function get_free_widgets_names() {
740
+
741
+ $elements = self::get_elements_list()['cat-1']['elements'];
742
+
743
+ $pa_elements = array();
744
+
745
+ if ( count( $elements ) ) {
746
+ foreach ( $elements as $elem ) {
747
+ if ( ! isset( $elem['is_pro'] ) && ! isset( $elem['is_global'] ) && isset( $elem['name'] ) ) {
748
+ array_push( $pa_elements, $elem['name'] );
749
+ }
750
+ }
751
+ }
752
+
753
+ return $pa_elements;
754
+ }
755
+
756
+ /**
757
+ * Get Global Elements Switchers.
758
+ * Construct an associative array of addon_switcher => 'yes' pairs
759
+ * Example :
760
+ * + array( 'premium_gradient_switcher' => yes').
761
+ *
762
+ * @since 4.6.1
763
+ * @access public
764
+ *
765
+ * @return array
766
+ */
767
+ public static function get_global_elements_switchers() {
768
+
769
+ $elements = self::get_elements_list()['cat-4'];
770
+
771
+ $global_elems = array();
772
+
773
+ if ( count( $elements['elements'] ) ) {
774
+ foreach ( $elements['elements'] as $elem ) {
775
+ if ( isset( $elem['is_pro'] ) && isset( $elem['is_global'] ) ) {
776
+ $global_elems[ str_replace( '-', '_', $elem['key'] ) . '_switcher' ] = 'yes';
777
+ }
778
+ }
779
+ }
780
+
781
+ return $global_elems;
782
+ }
783
+
784
+ /**
785
+ * Get Default Interations
786
+ *
787
+ * @since 3.20.9
788
+ * @access private
789
+ *
790
+ * @return $default_keys array default keys
791
+ */
792
+ private static function get_default_integrations() {
793
+
794
+ $settings = self::get_integrations_list();
795
+
796
+ $default_keys = array_fill_keys( $settings, true );
797
+
798
+ // Beta Tester should NOT be enabled by default.
799
+ $default_keys['is-beta-tester'] = false;
800
+
801
+ return $default_keys;
802
+
803
+ }
804
+
805
+ /**
806
+ * Get enabled widgets
807
+ *
808
+ * @since 3.20.9
809
+ * @access public
810
+ *
811
+ * @return array $enabled_keys enabled elements
812
+ */
813
+ public static function get_enabled_elements() {
814
+
815
+ $defaults = self::get_default_elements();
816
+
817
+ $enabled_keys = get_option( 'pa_save_settings', $defaults );
818
+
819
+ foreach ( $defaults as $key => $value ) {
820
+ if ( ! isset( $enabled_keys[ $key ] ) ) {
821
+ $defaults[ $key ] = 0;
822
+ }
823
+ }
824
+
825
+ return $defaults;
826
+
827
+ }
828
+
829
+ /**
830
+ * Check If Premium Templates is enabled
831
+ *
832
+ * @since 3.6.0
833
+ * @access public
834
+ *
835
+ * @return boolean
836
+ */
837
+ public static function check_premium_templates() {
838
+
839
+ $settings = self::get_enabled_elements();
840
+
841
+ if ( ! isset( $settings['premium-templates'] ) ) {
842
+ return true;
843
+ }
844
+
845
+ $is_enabled = $settings['premium-templates'];
846
+
847
+ return $is_enabled;
848
+ }
849
+
850
+
851
+ /**
852
+ * Check If Premium Duplicator is enabled
853
+ *
854
+ * @since 3.20.9
855
+ * @access public
856
+ *
857
+ * @return boolean
858
+ */
859
+ public static function check_duplicator() {
860
+
861
+ $settings = self::get_enabled_elements();
862
+
863
+ if ( ! isset( $settings['premium-duplicator'] ) ) {
864
+ return true;
865
+ }
866
+
867
+ $is_enabled = $settings['premium-duplicator'];
868
+
869
+ return $is_enabled;
870
+ }
871
+
872
+ /**
873
+ * Check If Premium Duplicator is enabled
874
+ *
875
+ * @since 4.9.4
876
+ * @access public
877
+ *
878
+ * @return boolean
879
+ */
880
+ public static function check_dynamic_assets() {
881
+
882
+ $settings = self::get_enabled_elements();
883
+
884
+ if ( ! isset( $settings['premium-assets-generator'] ) ) {
885
+ return false;
886
+ }
887
+
888
+ $is_enabled = $settings['premium-assets-generator'];
889
+
890
+ return $is_enabled;
891
+ }
892
+
893
+ /**
894
+ * Get Integrations Settings
895
+ *
896
+ * Get plugin integrations settings
897
+ *
898
+ * @since 3.20.9
899
+ * @access public
900
+ *
901
+ * @return array $settings integrations settings
902
+ */
903
+ public static function get_integrations_settings() {
904
+
905
+ $enabled_keys = get_option( 'pa_maps_save_settings', self::get_default_integrations() );
906
+
907
+ return $enabled_keys;
908
+
909
+ }
910
+
911
+ /**
912
+ * Run PA Rollback
913
+ *
914
+ * Trigger PA Rollback actions
915
+ *
916
+ * @since 4.2.5
917
+ * @access public
918
+ */
919
+ public function run_pa_rollback() {
920
+
921
+ check_admin_referer( 'premium_addons_rollback' );
922
+
923
+ $plugin_slug = basename( PREMIUM_ADDONS_FILE, '.php' );
924
+
925
+ $pa_rollback = new PA_Rollback(
926
+ array(
927
+ 'version' => PREMIUM_ADDONS_STABLE_VERSION,
928
+ 'plugin_name' => PREMIUM_ADDONS_BASENAME,
929
+ 'plugin_slug' => $plugin_slug,
930
+ 'package_url' => sprintf( 'https://downloads.wordpress.org/plugin/%s.%s.zip', $plugin_slug, PREMIUM_ADDONS_STABLE_VERSION ),
931
+ )
932
+ );
933
+
934
+ $pa_rollback->run();
935
+
936
+ wp_die(
937
+ '',
938
+ esc_html( __( 'Rollback to Previous Version', 'premium-addons-for-elementor' ) ),
939
+ array(
940
+ 'response' => 200,
941
+ )
942
+ );
943
+
944
+ }
945
+
946
+ /**
947
+ * Disable unused widgets.
948
+ *
949
+ * @access public
950
+ * @since 4.5.8
951
+ */
952
+ public function get_unused_widgets() {
953
+
954
+ check_ajax_referer( 'pa-settings-tab', 'security' );
955
+
956
+ if ( ! current_user_can( 'install_plugins' ) ) {
957
+ wp_send_json_error();
958
+ }
959
+
960
+ $pa_elements = self::get_pa_elements_names();
961
+
962
+ $used_widgets = self::get_used_widgets();
963
+
964
+ $unused_widgets = array_diff( $pa_elements, array_keys( $used_widgets ) );
965
+
966
+ wp_send_json_success( $unused_widgets );
967
+
968
+ }
969
+
970
+ /**
971
+ * Clear Cached Assets.
972
+ *
973
+ * Deletes assets options from DB And
974
+ * deletes assets files from uploads/premium-addons-for-elementor
975
+ * diretory.
976
+ *
977
+ * @access public
978
+ * @since 4.9.3
979
+ */
980
+ public function clear_cached_assets() {
981
+
982
+ check_ajax_referer( 'pa-generate-nonce', 'security' );
983
+
984
+ if ( ! current_user_can( 'manage_options' ) ) {
985
+ wp_send_json_error( __( 'You are not allowed to do this action', 'premium-addons-for-elementor' ) );
986
+ }
987
+
988
+ $post_id = isset( $_POST['id'] ) ? $_POST['id'] : '';
989
+
990
+ if ( empty( $post_id ) ) {
991
+ $this->delete_assets_options();
992
+ }
993
+
994
+ $this->delete_assets_files( $post_id );
995
+
996
+ wp_send_json_success( 'Cached Assets Cleared' );
997
+ }
998
+
999
+ /**
1000
+ * Delete Assets Options.
1001
+ *
1002
+ * @access public
1003
+ * @since 4.9.3
1004
+ */
1005
+ public function delete_assets_options() {
1006
+
1007
+ global $wpdb;
1008
+
1009
+ $query = $wpdb->prepare( "DELETE FROM $wpdb->options WHERE option_name LIKE '%pa_elements_%' OR option_name LIKE '%pa_edit_%' AND autoload = 'no'" );
1010
+ $wpdb->query( $query );
1011
+ }
1012
+
1013
+ /**
1014
+ * Delete Assets Files.
1015
+ *
1016
+ * @access public
1017
+ * @since 4.6.1
1018
+ *
1019
+ * @param string $id post id.
1020
+ */
1021
+ public function delete_assets_files( $id ) {
1022
+
1023
+ $path = PREMIUM_ASSETS_PATH;
1024
+
1025
+ if ( ! is_dir( $path ) || ! file_exists( $path ) ) {
1026
+ return;
1027
+ }
1028
+
1029
+ if ( empty( $id ) ) {
1030
+ foreach ( scandir( $path ) as $file ) {
1031
+ if ( $file == '.' || $file == '..' ) {
1032
+ continue;
1033
+ }
1034
+
1035
+ unlink( Helper_Functions::get_safe_path( $path . DIRECTORY_SEPARATOR . $file ) );
1036
+ }
1037
+ } else {
1038
+
1039
+ $id = Helper_Functions::generate_unique_id( 'pa_assets_' . $id );
1040
+
1041
+ $arr = array();
1042
+ foreach ( glob( PREMIUM_ASSETS_PATH . '/*' . $id . '*' ) as $file ) {
1043
+ unlink( Helper_Functions::get_safe_path( $file ) );
1044
+ }
1045
+ }
1046
+
1047
+ }
1048
+
1049
+ /**
1050
+ * Get PA widget names.
1051
+ *
1052
+ * @access public
1053
+ * @since 4.5.8
1054
+ *
1055
+ * @return array
1056
+ */
1057
+ public static function get_pa_elements_names() {
1058
+
1059
+ $names = self::$elements_names;
1060
+
1061
+ if ( null === $names ) {
1062
+
1063
+ $names = array_map(
1064
+ function( $item ) {
1065
+ return isset( $item['name'] ) ? $item['name'] : 'global';
1066
+ },
1067
+ self::get_elements_list()['cat-1']['elements']
1068
+ );
1069
+
1070
+ $names = array_filter(
1071
+ $names,
1072
+ function( $name ) {
1073
+ return 'global' !== $name;
1074
+ }
1075
+ );
1076
+
1077
+ }
1078
+
1079
+ return $names;
1080
+ }
1081
+
1082
+ /**
1083
+ * Get used widgets.
1084
+ *
1085
+ * @access public
1086
+ * @since 4.5.8
1087
+ *
1088
+ * @return array
1089
+ */
1090
+ public static function get_used_widgets() {
1091
+
1092
+ $used_widgets = array();
1093
+ $tracker_allowed = 'yes' === get_option( 'elementor_allow_tracking' ) ? true : false;
1094
+
1095
+ if ( ! $tracker_allowed ) {
1096
+ return false;
1097
+ }
1098
+
1099
+ if ( class_exists( 'Elementor\Modules\Usage\Module' ) ) {
1100
+
1101
+ $module = Module::instance();
1102
+ $elements = $module->get_formatted_usage( 'raw' );
1103
+
1104
+ $pa_elements = self::get_pa_elements_names();
1105
+
1106
+ if ( is_array( $elements ) || is_object( $elements ) ) {
1107
+
1108
+ foreach ( $elements as $post_type => $data ) {
1109
+
1110
+ foreach ( $data['elements'] as $element => $count ) {
1111
+
1112
+ if ( in_array( $element, $pa_elements, true ) ) {
1113
+
1114
+ if ( isset( $used_widgets[ $element ] ) ) {
1115
+ $used_widgets[ $element ] += $count;
1116
+ } else {
1117
+ $used_widgets[ $element ] = $count;
1118
+ }
1119
+ }
1120
+ }
1121
+ }
1122
+ }
1123
+ }
1124
+
1125
+ return $used_widgets;
1126
+ }
1127
+
1128
+ /**
1129
+ * Subscribe Newsletter
1130
+ *
1131
+ * Adds an email to Premium Addons subscribers list
1132
+ *
1133
+ * @since 4.7.0
1134
+ *
1135
+ * @access public
1136
+ */
1137
+ public function subscribe_newsletter() {
1138
+
1139
+ check_ajax_referer( 'pa-settings-tab', 'security' );
1140
+
1141
+ if ( ! self::check_user_can( 'manage_options' ) ) {
1142
+ wp_send_json_error();
1143
+ }
1144
+
1145
+ $email = isset( $_POST['email'] ) ? $_POST['email'] : '';
1146
+
1147
+ $api_url = 'https://premiumaddons.com/wp-json/mailchimp/v2/add';
1148
+
1149
+ $request = add_query_arg(
1150
+ array(
1151
+ 'email' => $email,
1152
+ ),
1153
+ $api_url
1154
+ );
1155
+
1156
+ $response = wp_remote_get(
1157
+ $request,
1158
+ array(
1159
+ 'timeout' => 60,
1160
+ 'sslverify' => true,
1161
+ )
1162
+ );
1163
+
1164
+ $body = wp_remote_retrieve_body( $response );
1165
+ $body = json_decode( $body, true );
1166
+
1167
+ wp_send_json_success( $body );
1168
+
1169
+ }
1170
+
1171
+ /**
1172
+ * Get PA News
1173
+ *
1174
+ * Gets a list of the latest three blog posts
1175
+ *
1176
+ * @since 4.7.0
1177
+ *
1178
+ * @access public
1179
+ */
1180
+ public function get_pa_news() {
1181
+
1182
+ $posts = get_transient( 'pa_news' );
1183
+
1184
+ if ( empty( $posts ) ) {
1185
+
1186
+ $api_url = 'https://premiumaddons.com/wp-json/wp/v2/posts';
1187
+
1188
+ $request = add_query_arg(
1189
+ array(
1190
+ 'per_page' => 3,
1191
+ ),
1192
+ $api_url
1193
+ );
1194
+
1195
+ $response = wp_remote_get(
1196
+ $request,
1197
+ array(
1198
+ 'timeout' => 60,
1199
+ 'sslverify' => true,
1200
+ )
1201
+ );
1202
+
1203
+ $body = wp_remote_retrieve_body( $response );
1204
+ $posts = json_decode( $body, true );
1205
+
1206
+ set_transient( 'pa_news', $posts, WEEK_IN_SECONDS );
1207
+
1208
+ }
1209
+
1210
+ return $posts;
1211
+
1212
+ }
1213
+
1214
+ /**
1215
+ * Creates and returns an instance of the class
1216
+ *
1217
+ * @since 1.0.0
1218
+ * @access public
1219
+ *
1220
+ * @return object
1221
+ */
1222
+ public static function get_instance() {
1223
+
1224
+ if ( ! isset( self::$instance ) ) {
1225
+
1226
+ self::$instance = new self();
1227
+
1228
+ }
1229
+
1230
+ return self::$instance;
1231
+ }
1232
+ }
admin/includes/templates/modules-settings.php CHANGED
@@ -1,172 +1,172 @@
1
- <?php
2
-
3
- if ( ! defined( 'ABSPATH' ) ) {
4
- exit;
5
- }
6
-
7
- use PremiumAddons\Includes\Helper_Functions;
8
-
9
- $elements = self::get_elements_list();
10
-
11
- $used_widgets = self::get_used_widgets();
12
-
13
- // Get elements settings
14
- $enabled_elements = self::get_enabled_elements();
15
-
16
- $global_btn = get_option( 'pa_global_btn_value', 'true' );
17
- $enable_btn = 'true' === $global_btn ? 'active' : '';
18
- $disable_btn = 'true' === $global_btn ? '' : 'active';
19
-
20
- $row_meta = Helper_Functions::is_hide_row_meta();
21
-
22
- ?>
23
-
24
- <div class="pa-section-content">
25
- <div class="row">
26
- <div class="col-full">
27
- <form action="" method="POST" id="pa-settings" name="pa-settings" class="pa-settings-form">
28
- <div id="pa-modules" class="pa-settings-tab">
29
-
30
- <div class="pa-section-outer-wrap">
31
- <div class="pa-section-info-wrap">
32
- <div class="pa-section-info">
33
- <h4><?php echo __( 'Dynamic Assets Generate', 'premium-addons-for-elementor' ); ?></h4>
34
- <p><?php echo __( 'Generates CSS/JS files dynamically for each page based on the elements in it. Enable this setting for better performance (recommended).', 'premium-addons-for-elementor' ); ?></p>
35
- </div>
36
-
37
- <div class="pa-section-info-cta">
38
- <label class="switch">
39
- <input type="checkbox" id="premium-assets-generator" name="premium-assets-generator" <?php echo checked( 1, $enabled_elements['premium-assets-generator'], false ); ?>>
40
- <span class="slider round"></span>
41
- </label>
42
- <?php if ( $enabled_elements['premium-assets-generator'] ) : ?>
43
- <button type="button" class="pa-btn-regenerate" title="<?php esc_html_e( 'Clear Generated Assets', 'premium-addons-for-elementor' ); ?>">
44
- <i class="dashicons dashicons-image-rotate"></i>
45
- </button>
46
- <?php endif; ?>
47
- </div>
48
-
49
- </div>
50
- </div>
51
-
52
- <div class="pa-section-info-wrap">
53
- <div class="pa-section-info">
54
- <h4><?php echo __( 'Master Switch', 'premium-addons-for-elementor' ); ?></h4>
55
- <p><?php echo __( 'Use this to switch on or off ALL Widgets & Add-ons at once.', 'premium-addons-for-elementor' ); ?></p>
56
- </div>
57
-
58
- <div class="pa-btn-group">
59
- <button type="button" class="pa-btn pa-btn-enable <?php echo esc_attr( $enable_btn ); ?>"><?php echo __( 'Switch On', 'premium-addons-for-elementor' ); ?></button>
60
- <button type="button" class="pa-btn pa-btn-disable <?php echo esc_attr( $disable_btn ); ?>"><?php echo __( 'Switch Off', 'premium-addons-for-elementor' ); ?></button>
61
- <?php if ( false !== $used_widgets ) { ?>
62
- <button type="button" class="pa-btn-unused"><?php echo __( 'Disable Unused Widgets', 'premium-addons-for-elementor' ); ?></button>
63
- <?php } ?>
64
- </div>
65
- </div>
66
-
67
- <div class="pa-elements-settings">
68
-
69
- <div class="pa-elements-filter">
70
- <label for="premium-elements-filter"><?php _e( 'Filter Widgets', 'premium-addons-for-elementor' ); ?></label>
71
- <select name="premium-elements-filter" id="premium-elements-filter" class="placeholder placeholder-active">
72
- <option value=""><?php _e( 'All Widgets', 'premium-addons-for-elementor' ); ?></option>
73
- <option value="free"><?php _e( 'Free Widgets', 'premium-addons-for-elementor' ); ?></option>
74
- <option value="pro"><?php _e( 'PRO Widgets', 'premium-addons-for-elementor' ); ?></option>
75
- </select>
76
- </div>
77
-
78
- <div class="pa-elements-tabs">
79
- <ul class="pa-elements-tabs-list">
80
- <?php
81
- foreach ( $elements as $index => $cat ) :
82
- if ( 'cat-11' !== $index ) :
83
- ?>
84
- <li class="pa-elements-tab">
85
- <a class="pa-elements-tab-link" href="pa-elements-tab-<?php echo $index; ?>">
86
- <i class="<?php echo esc_attr( 'pa-dash-cat-' . $cat['icon'] ); ?>"></i>
87
- </a>
88
- <span class="pa-element-tab-tooltip"><?php echo esc_html( $cat['title'] ); ?></span>
89
- </li>
90
- <?php endif; ?>
91
- <?php endforeach; ?>
92
- </ul>
93
- </div>
94
-
95
- <?php
96
- foreach ( $elements as $index => $cat ) :
97
- if ( 'cat-11' !== $index ) :
98
- ?>
99
- <div id="pa-elements-tab-<?php echo $index; ?>" class="pa-switchers-container hidden">
100
- <h3 class="pa-elements-tab-title"><?php echo __( $cat['title'] ); ?></h3>
101
- <div class="pa-switchers">
102
- <?php
103
- foreach ( $cat['elements'] as $index => $elem ) :
104
- $status = ( isset( $elem['is_pro'] ) && ! Helper_Functions::check_papro_version() ) ? 'disabled' : checked( 1, $enabled_elements[ $elem['key'] ], false );
105
- $class = ( isset( $elem['is_pro'] ) && ! Helper_Functions::check_papro_version() ) ? 'pro-' : '';
106
- $switcher_class = $class . 'slider round';
107
- ?>
108
- <div class="pa-switcher
109
- <?php
110
- echo isset( $elem['is_pro'] ) ? 'pro-element' : '';
111
- echo isset( $elem['name'] ) ? ' ' . $elem['name'] : '';
112
- ?>
113
- ">
114
- <div class="pa-element-info">
115
- <div class="pa-element-icon-wrap">
116
- <i class="pa-dash-<?php echo esc_attr( $elem['key'] ); ?> pa-element-icon"></i>
117
- </div>
118
- <div class="pa-element-meta-wrap">
119
- <p class="pa-element-name">
120
- <?php echo $elem['title']; ?>
121
- <span class="pa-total-use" title="Total Use">
122
- <?php
123
- if ( ! isset( $elem['is_global'] ) && is_array( $used_widgets ) ) {
124
- echo esc_html__( in_array( $elem['name'], array_keys( $used_widgets ) ) ? '(' . $used_widgets[ $elem['name'] ] . ')' : '(0)' );}
125
- ?>
126
- </span>
127
- <?php if ( isset( $elem['is_pro'] ) ) : ?>
128
- <span><?php echo __( 'pro', 'premium-addons-for-elementor' ); ?></span>
129
- <?php endif; ?>
130
- </p>
131
- <?php if ( ! $row_meta ) : ?>
132
- <div>
133
- <?php if ( isset( $elem['demo'] ) ) : ?>
134
- <a class="pa-element-link" href="<?php echo esc_url( $elem['demo'] ); ?>" target="_blank">
135
- <?php echo __( 'Live Demo', 'premium-addons-for-elementor' ); ?>
136
- <span class="pa-element-link-separator"></span>
137
- </a>
138
- <?php endif; ?>
139
- <?php if ( isset( $elem['doc'] ) ) : ?>
140
- <a class="pa-element-link" href="<?php echo esc_url( $elem['doc'] ); ?>" target="_blank">
141
- <?php echo __( 'Docs', 'premium-addons-for-elementor' ); ?>
142
- <?php if ( isset( $elem['tutorial'] ) ) : ?>
143
- <span class="pa-element-link-separator"></span>
144
- <?php endif; ?>
145
- </a>
146
- <?php endif; ?>
147
- <?php if ( isset( $elem['tutorial'] ) ) : ?>
148
- <a class="pa-element-link" href="<?php echo esc_url( $elem['tutorial'] ); ?>" target="_blank">
149
- <?php echo __( 'Video Tutorial', 'premium-addons-for-elementor' ); ?>
150
- </a>
151
- <?php endif; ?>
152
- </div>
153
- <?php endif; ?>
154
- </div>
155
- </div>
156
- <label class="switch">
157
- <input type="checkbox" id="<?php echo esc_attr( $elem['key'] ); ?>" name="<?php echo esc_attr( $elem['key'] ); ?>" <?php echo $status; ?>>
158
- <span class="<?php echo esc_attr( $switcher_class ); ?>"></span>
159
- </label>
160
- </div>
161
- <?php endforeach; ?>
162
- </div>
163
- </div>
164
- <?php endif; ?>
165
- <?php endforeach; ?>
166
- </div>
167
-
168
- </div>
169
- </form> <!-- End Form -->
170
- </div>
171
- </div>
172
- </div> <!-- End Section Content -->
1
+ <?php
2
+
3
+ if ( ! defined( 'ABSPATH' ) ) {
4
+ exit;
5
+ }
6
+
7
+ use PremiumAddons\Includes\Helper_Functions;
8
+
9
+ $elements = self::get_elements_list();
10
+
11
+ $used_widgets = self::get_used_widgets();
12
+
13
+ // Get elements settings
14
+ $enabled_elements = self::get_enabled_elements();
15
+
16
+ $global_btn = get_option( 'pa_global_btn_value', 'true' );
17
+ $enable_btn = 'true' === $global_btn ? 'active' : '';
18
+ $disable_btn = 'true' === $global_btn ? '' : 'active';
19
+
20
+ $row_meta = Helper_Functions::is_hide_row_meta();
21
+
22
+ ?>
23
+
24
+ <div class="pa-section-content">
25
+ <div class="row">
26
+ <div class="col-full">
27
+ <form action="" method="POST" id="pa-settings" name="pa-settings" class="pa-settings-form">
28
+ <div id="pa-modules" class="pa-settings-tab">
29
+
30
+ <div class="pa-section-outer-wrap">
31
+ <div class="pa-section-info-wrap">
32
+ <div class="pa-section-info">
33
+ <h4><?php echo __( 'Dynamic Assets Generate', 'premium-addons-for-elementor' ); ?></h4>
34
+ <p><?php echo __( 'Generates CSS/JS files dynamically for each page based on the elements in it. Enable this setting for better performance (recommended).', 'premium-addons-for-elementor' ); ?></p>
35
+ </div>
36
+
37
+ <div class="pa-section-info-cta">
38
+ <label class="switch">
39
+ <input type="checkbox" id="premium-assets-generator" name="premium-assets-generator" <?php echo checked( 1, $enabled_elements['premium-assets-generator'], false ); ?>>
40
+ <span class="slider round"></span>
41
+ </label>
42
+ <?php if ( $enabled_elements['premium-assets-generator'] ) : ?>
43
+ <button type="button" class="pa-btn-regenerate" title="<?php esc_html_e( 'Clear Generated Assets', 'premium-addons-for-elementor' ); ?>">
44
+ <i class="dashicons dashicons-image-rotate"></i>
45
+ </button>
46
+ <?php endif; ?>
47
+ </div>
48
+
49
+ </div>
50
+ </div>
51
+
52
+ <div class="pa-section-info-wrap">
53
+ <div class="pa-section-info">
54
+ <h4><?php echo __( 'Master Switch', 'premium-addons-for-elementor' ); ?></h4>
55
+ <p><?php echo __( 'Use this to switch on or off ALL Widgets & Add-ons at once.', 'premium-addons-for-elementor' ); ?></p>
56
+ </div>
57
+
58
+ <div class="pa-btn-group">
59
+ <button type="button" class="pa-btn pa-btn-enable <?php echo esc_attr( $enable_btn ); ?>"><?php echo __( 'Switch On', 'premium-addons-for-elementor' ); ?></button>
60
+ <button type="button" class="pa-btn pa-btn-disable <?php echo esc_attr( $disable_btn ); ?>"><?php echo __( 'Switch Off', 'premium-addons-for-elementor' ); ?></button>
61
+ <?php if ( false !== $used_widgets ) { ?>
62
+ <button type="button" class="pa-btn-unused"><?php echo __( 'Disable Unused Widgets', 'premium-addons-for-elementor' ); ?></button>
63
+ <?php } ?>
64
+ </div>
65
+ </div>
66
+
67
+ <div class="pa-elements-settings">
68
+
69
+ <div class="pa-elements-filter">
70
+ <label for="premium-elements-filter"><?php _e( 'Filter Widgets', 'premium-addons-for-elementor' ); ?></label>
71
+ <select name="premium-elements-filter" id="premium-elements-filter" class="placeholder placeholder-active">
72
+ <option value=""><?php _e( 'All Widgets', 'premium-addons-for-elementor' ); ?></option>
73
+ <option value="free"><?php _e( 'Free Widgets', 'premium-addons-for-elementor' ); ?></option>
74
+ <option value="pro"><?php _e( 'PRO Widgets', 'premium-addons-for-elementor' ); ?></option>
75
+ </select>
76
+ </div>
77
+
78
+ <div class="pa-elements-tabs">
79
+ <ul class="pa-elements-tabs-list">
80
+ <?php
81
+ foreach ( $elements as $index => $cat ) :
82
+ if ( 'cat-11' !== $index ) :
83
+ ?>
84
+ <li class="pa-elements-tab">
85
+ <a class="pa-elements-tab-link" href="pa-elements-tab-<?php echo $index; ?>">
86
+ <i class="<?php echo esc_attr( 'pa-dash-cat-' . $cat['icon'] ); ?>"></i>
87
+ </a>
88
+ <span class="pa-element-tab-tooltip"><?php echo esc_html( $cat['title'] ); ?></span>
89
+ </li>
90
+ <?php endif; ?>
91
+ <?php endforeach; ?>
92
+ </ul>
93
+ </div>
94
+
95
+ <?php
96
+ foreach ( $elements as $index => $cat ) :
97
+ if ( 'cat-11' !== $index ) :
98
+ ?>
99
+ <div id="pa-elements-tab-<?php echo $index; ?>" class="pa-switchers-container hidden">
100
+ <h3 class="pa-elements-tab-title"><?php echo __( $cat['title'] ); ?></h3>
101
+ <div class="pa-switchers">
102
+ <?php
103
+ foreach ( $cat['elements'] as $index => $elem ) :
104
+ $status = ( isset( $elem['is_pro'] ) && ! Helper_Functions::check_papro_version() ) ? 'disabled' : checked( 1, $enabled_elements[ $elem['key'] ], false );
105
+ $class = ( isset( $elem['is_pro'] ) && ! Helper_Functions::check_papro_version() ) ? 'pro-' : '';
106
+ $switcher_class = $class . 'slider round';
107
+ ?>
108
+ <div class="pa-switcher
109
+ <?php
110
+ echo isset( $elem['is_pro'] ) ? 'pro-element' : '';
111
+ echo isset( $elem['name'] ) ? ' ' . $elem['name'] : '';
112
+ ?>
113
+ ">
114
+ <div class="pa-element-info">
115
+ <div class="pa-element-icon-wrap">
116
+ <i class="pa-dash-<?php echo esc_attr( $elem['key'] ); ?> pa-element-icon"></i>
117
+ </div>
118
+ <div class="pa-element-meta-wrap">
119
+ <p class="pa-element-name">
120
+ <?php echo $elem['title']; ?>
121
+ <span class="pa-total-use" title="Total Use">
122
+ <?php
123
+ if ( ! isset( $elem['is_global'] ) && is_array( $used_widgets ) ) {
124
+ echo esc_html__( in_array( $elem['name'], array_keys( $used_widgets ) ) ? '(' . $used_widgets[ $elem['name'] ] . ')' : '(0)' );}
125
+ ?>
126
+ </span>
127
+ <?php if ( isset( $elem['is_pro'] ) ) : ?>
128
+ <span><?php echo __( 'pro', 'premium-addons-for-elementor' ); ?></span>
129
+ <?php endif; ?>
130
+ </p>
131
+ <?php if ( ! $row_meta ) : ?>
132
+ <div>
133
+ <?php if ( isset( $elem['demo'] ) ) : ?>
134
+ <a class="pa-element-link" href="<?php echo esc_url( $elem['demo'] ); ?>" target="_blank">
135
+ <?php echo __( 'Live Demo', 'premium-addons-for-elementor' ); ?>
136
+ <span class="pa-element-link-separator"></span>
137
+ </a>
138
+ <?php endif; ?>
139
+ <?php if ( isset( $elem['doc'] ) ) : ?>
140
+ <a class="pa-element-link" href="<?php echo esc_url( $elem['doc'] ); ?>" target="_blank">
141
+ <?php echo __( 'Docs', 'premium-addons-for-elementor' ); ?>
142
+ <?php if ( isset( $elem['tutorial'] ) ) : ?>
143
+ <span class="pa-element-link-separator"></span>
144
+ <?php endif; ?>
145
+ </a>
146
+ <?php endif; ?>
147
+ <?php if ( isset( $elem['tutorial'] ) ) : ?>
148
+ <a class="pa-element-link" href="<?php echo esc_url( $elem['tutorial'] ); ?>" target="_blank">
149
+ <?php echo __( 'Video Tutorial', 'premium-addons-for-elementor' ); ?>
150
+ </a>
151
+ <?php endif; ?>
152
+ </div>
153
+ <?php endif; ?>
154
+ </div>
155
+ </div>
156
+ <label class="switch">
157
+ <input type="checkbox" id="<?php echo esc_attr( $elem['key'] ); ?>" name="<?php echo esc_attr( $elem['key'] ); ?>" <?php echo $status; ?>>
158
+ <span class="<?php echo esc_attr( $switcher_class ); ?>"></span>
159
+ </label>
160
+ </div>
161
+ <?php endforeach; ?>
162
+ </div>
163
+ </div>
164
+ <?php endif; ?>
165
+ <?php endforeach; ?>
166
+ </div>
167
+
168
+ </div>
169
+ </form> <!-- End Form -->
170
+ </div>
171
+ </div>
172
+ </div> <!-- End Section Content -->
assets/editor/js/editor.js CHANGED
@@ -1,350 +1,350 @@
1
- (function () {
2
- var $ = jQuery;
3
-
4
- var selectOptions = elementor.modules.controls.Select2.extend({
5
-
6
- onBeforeRender: function () {
7
-
8
- if (this.container && ("section" === this.container.type || "container" === this.container.type)) {
9
- var widgetObj = elementor.widgetsCache || elementor.config.widgets,
10
- optionsToUpdate = {};
11
-
12
- var _this = this;
13
- this.container.children.forEach(function (child) {
14
-
15
- if ("container" === _this.container.type) {
16
-
17
- if (child.view.$childViewContainer) {
18
- getInnerWidgets(child);
19
- } else {
20
- //Get Flex Container widgets when no columns are added.
21
- var name = child.view.$el.data("widget_type").split('.')[0];
22
-
23
- if ('undefined' !== typeof widgetObj[name]) {
24
- optionsToUpdate[".elementor-widget-" + widgetObj[name].widget_type + " .elementor-widget-container"] = widgetObj[name].title;
25
- }
26
- }
27
-
28
- } else if ("section" === _this.container.type) {
29
- getInnerWidgets(child);
30
- }
31
-
32
- });
33
-
34
- function getInnerWidgets(child) {
35
- child.view.$childViewContainer.children("[data-widget_type]").each(function (index, widget) {
36
- var name = $(widget).data("widget_type").split('.')[0];
37
-
38
- if ('undefined' !== typeof widgetObj[name]) {
39
- optionsToUpdate[".elementor-widget-" + widgetObj[name].widget_type + " .elementor-widget-container"] = widgetObj[name].title;
40
- }
41
- });
42
-
43
- }
44
-
45
- this.model.set("options", optionsToUpdate);
46
- }
47
- },
48
- });
49
-
50
- elementor.addControlView("premium-select", selectOptions);
51
-
52
- var filterOptions = elementor.modules.controls.Select2.extend({
53
-
54
- isUpdated: false,
55
-
56
- onReady: function () {
57
- var self = this,
58
- type = self.options.elementSettingsModel.attributes.post_type_filter;
59
-
60
- if ('post' !== type) {
61
- var options = (0 === this.model.get('options').length);
62
-
63
- if (options) {
64
- self.fetchData(type);
65
- }
66
- }
67
-
68
- elementor.channels.editor.on('change', function (view) {
69
- var changed = view.elementSettingsModel.changed;
70
-
71
- if (undefined !== changed.post_type_filter && 'post' !== changed.post_type_filter && !self.isUpdated) {
72
- self.isUpdated = true;
73
- self.fetchData(changed.post_type_filter);
74
- }
75
- });
76
- },
77
-
78
- fetchData: function (type) {
79
- var self = this;
80
- $.ajax({
81
- url: PremiumSettings.ajaxurl,
82
- dataType: 'json',
83
- type: 'POST',
84
- data: {
85
- nonce: PremiumSettings.nonce,
86
- action: 'premium_update_filter',
87
- post_type: type
88
- },
89
- success: function (res) {
90
- self.updateFilterOptions(JSON.parse(res.data));
91
- self.isUpdated = false;
92
-
93
- self.render();
94
- },
95
- error: function (err) {
96
- console.log(err);
97
- },
98
- });
99
- },
100
-
101
- updateFilterOptions: function (options) {
102
- this.model.set("options", options);
103
- },
104
-
105
- onBeforeDestroy: function () {
106
- if (this.ui.select.data('select2')) {
107
- this.ui.select.select2('destroy');
108
- }
109
-
110
- this.$el.remove();
111
- }
112
- });
113
-
114
- elementor.addControlView("premium-post-filter", filterOptions);
115
-
116
- var taxOptions = elementor.modules.controls.Select.extend({
117
-
118
- isUpdated: false,
119
-
120
- onReady: function () {
121
- var self = this,
122
- type = self.options.elementSettingsModel.attributes.post_type_filter,
123
- options = (0 === this.model.get('options').length);
124
-
125
- if (options) {
126
- self.fetchData(type);
127
- }
128
-
129
- elementor.channels.editor.on('change', function (view) {
130
- var changed = view.elementSettingsModel.changed;
131
-
132
- if (undefined !== changed.post_type_filter && !self.isUpdated) {
133
- self.isUpdated = true;
134
- self.fetchData(changed.post_type_filter);
135
- }
136
- });
137
- },
138
-
139
- fetchData: function (type) {
140
- var self = this;
141
- $.ajax({
142
- url: PremiumSettings.ajaxurl,
143
- dataType: 'json',
144
- type: 'POST',
145
- data: {
146
- nonce: PremiumSettings.nonce,
147
- action: 'premium_update_tax',
148
- post_type: type
149
- },
150
- success: function (res) {
151
- var options = JSON.parse(res.data);
152
- self.updateTaxOptions(options);
153
- self.isUpdated = false;
154
-
155
- if (0 !== options.length) {
156
- var $tax = Object.keys(options);
157
- self.container.settings.setExternalChange({ 'filter_tabs_type': $tax[0] });
158
- self.container.render();
159
- self.render();
160
- }
161
- },
162
- error: function (err) {
163
- console.log(err);
164
- },
165
- });
166
- },
167
-
168
- updateTaxOptions: function (options) {
169
- this.model.set("options", options);
170
- },
171
- });
172
-
173
- elementor.addControlView("premium-tax-filter", taxOptions);
174
-
175
- var acfOptions = elementor.modules.controls.Select2.extend({
176
-
177
- isUpdated: false,
178
-
179
- onReady: function () {
180
- var self = this;
181
-
182
- if (!self.isUpdated) {
183
- self.fetchData();
184
- }
185
- },
186
-
187
- fetchData: function () {
188
- var self = this;
189
-
190
- $.ajax({
191
- url: PremiumSettings.ajaxurl,
192
- dataType: 'json',
193
- type: 'POST',
194
- data: {
195
- nonce: PremiumSettings.nonce,
196
- action: 'pa_acf_options',
197
- query_options: self.model.get('query_options'),
198
- },
199
- success: function (res) {
200
- self.isUpdated = true;
201
- self.updateAcfOptions(JSON.parse(res.data));
202
- self.render();
203
- },
204
- error: function (err) {
205
- console.log(err);
206
- },
207
- });
208
- },
209
-
210
- updateAcfOptions: function (options) {
211
- this.model.set("options", options);
212
- },
213
-
214
- onBeforeDestroy: function () {
215
- if (this.ui.select.data('select2')) {
216
- this.ui.select.select2('destroy');
217
- }
218
-
219
- this.$el.remove();
220
- }
221
- });
222
-
223
- elementor.addControlView("premium-acf-selector", acfOptions);
224
-
225
- elementor.hooks.addFilter("panel/elements/regionViews", function (panel) {
226
-
227
- if (PremiumPanelSettings.papro_installed || PremiumPanelSettings.papro_widgets.length <= 0)
228
- return panel;
229
-
230
-
231
- var paWidgetsPromoHandler, proCategoryIndex,
232
- elementsView = panel.elements.view,
233
- categoriesView = panel.categories.view,
234
- widgets = panel.elements.options.collection,
235
- categories = panel.categories.options.collection,
236
- premiumProCategory = [];
237
-
238
- _.each(PremiumPanelSettings.papro_widgets, function (widget, index) {
239
- widgets.add({
240
- name: widget.key,
241
- title: wp.i18n.__('Premium ', 'premium-addons-for-elementor') + widget.title,
242
- icon: widget.icon,
243
- categories: ["premium-elements-pro"],
244
- editable: false
245
- })
246
- });
247
-
248
- widgets.each(function (widget) {
249
- "premium-elements-pro" === widget.get("categories")[0] && premiumProCategory.push(widget)
250
- });
251
-
252
- proCategoryIndex = categories.findIndex({
253
- name: "premium-elements"
254
- });
255
-
256
- proCategoryIndex && categories.add({
257
- name: "premium-elements-pro",
258
- title: "Premium Addons Pro",
259
- defaultActive: !1,
260
- items: premiumProCategory
261
- }, {
262
- at: proCategoryIndex + 1
263
- });
264
-
265
-
266
- paWidgetsPromoHandler = {
267
- className: function () {
268
-
269
- var className = 'elementor-element-wrapper';
270
-
271
- if (!this.isEditable()) {
272
- className += ' elementor-element--promotion';
273
- }
274
-
275
- if (this.model.get("name")) {
276
- if (0 === this.model.get("name").indexOf("premium-"))
277
- className += ' premium-promotion-element';
278
- }
279
-
280
- return className;
281
-
282
- },
283
-
284
- isPremiumWidget: function () {
285
- return 0 === this.model.get("name").indexOf("premium-");
286
- },
287
-
288
- getElementObj: function (key) {
289
-
290
- var widgetObj = PremiumPanelSettings.papro_widgets.find(function (widget, index) {
291
- if (widget.key == key)
292
- return true;
293
- });
294
-
295
- return widgetObj;
296
-
297
- },
298
-
299
- onMouseDown: function () {
300
-
301
- if (!this.isPremiumWidget())
302
- return;
303
-
304
- elementor.promotion.dialog.buttons[0].removeClass("premium-promotion-btn");
305
- void this.constructor.__super__.onMouseDown.call(this);
306
-
307
- var widgetObject = this.getElementObj(this.model.get("name")),
308
- actonURL = widgetObject.action_url;
309
-
310
- // console.log(widgetObject.action_url.indexOf('/?utm_source'));
311
-
312
- elementor.promotion.dialog.buttons[0].addClass("premium-promotion-btn").closest('#elementor-element--promotion__dialog').addClass('premium-promotion-dialog');
313
-
314
- $(".premium-promotion-pro-btn").remove();
315
-
316
- var goProCta = 'https://premiumaddons.com/pro' + actonURL.substring(actonURL.indexOf('/?utm_source'));
317
-
318
- var $goProBtn = $('<a>', { text: wp.i18n.__('Go Pro', 'elementor'), href: goProCta, class: 'premium-promotion-pro-btn dialog-button elementor-button', target: '_blank' });
319
-
320
- elementor.promotion.dialog.buttons[0].after($goProBtn);
321
-
322
- elementor.promotion.showDialog({
323
- headerMessage: sprintf(wp.i18n.__('%s', 'elementor'), this.model.get("title")),
324
- message: sprintf(wp.i18n.__('Use %s widget and dozens more pro features to extend your toolbox and build sites faster and better.', 'elementor'), this.model.get("title")),
325
- top: "-7",
326
- element: this.el,
327
- actionURL: widgetObject.action_url
328
- })
329
- }
330
- }
331
-
332
- // setTimeout(function () {
333
- panel.elements.view = elementsView.extend({
334
- childView: elementsView.prototype.childView.extend(paWidgetsPromoHandler)
335
- });
336
-
337
- panel.categories.view = categoriesView.extend({
338
- childView: categoriesView.prototype.childView.extend({
339
- childView: categoriesView.prototype.childView.prototype.childView.extend(paWidgetsPromoHandler)
340
- })
341
- });
342
- // }, 2000);
343
-
344
-
345
- return panel;
346
-
347
-
348
- });
349
-
350
  })(jQuery);
1
+ (function () {
2
+ var $ = jQuery;
3
+
4
+ var selectOptions = elementor.modules.controls.Select2.extend({
5
+
6
+ onBeforeRender: function () {
7
+
8
+ if (this.container && ("section" === this.container.type || "container" === this.container.type)) {
9
+ var widgetObj = elementor.widgetsCache || elementor.config.widgets,
10
+ optionsToUpdate = {};
11
+
12
+ var _this = this;
13
+ this.container.children.forEach(function (child) {
14
+
15
+ if ("container" === _this.container.type) {
16
+
17
+ if (child.view.$childViewContainer) {
18
+ getInnerWidgets(child);
19
+ } else {
20
+ //Get Flex Container widgets when no columns are added.
21
+ var name = child.view.$el.data("widget_type").split('.')[0];
22
+
23
+ if ('undefined' !== typeof widgetObj[name]) {
24
+ optionsToUpdate[".elementor-widget-" + widgetObj[name].widget_type + " .elementor-widget-container"] = widgetObj[name].title;
25
+ }
26
+ }
27
+
28
+ } else if ("section" === _this.container.type) {
29
+ getInnerWidgets(child);
30
+ }
31
+
32
+ });
33
+
34
+ function getInnerWidgets(child) {
35
+ child.view.$childViewContainer.children("[data-widget_type]").each(function (index, widget) {
36
+ var name = $(widget).data("widget_type").split('.')[0];
37
+
38
+ if ('undefined' !== typeof widgetObj[name]) {
39
+ optionsToUpdate[".elementor-widget-" + widgetObj[name].widget_type + " .elementor-widget-container"] = widgetObj[name].title;
40
+ }
41
+ });
42
+
43
+ }
44
+
45
+ this.model.set("options", optionsToUpdate);
46
+ }
47
+ },
48
+ });
49
+
50
+ elementor.addControlView("premium-select", selectOptions);
51
+
52
+ var filterOptions = elementor.modules.controls.Select2.extend({
53
+
54
+ isUpdated: false,
55
+
56
+ onReady: function () {
57
+ var self = this,
58
+ type = self.options.elementSettingsModel.attributes.post_type_filter;
59
+
60
+ if ('post' !== type) {
61
+ var options = (0 === this.model.get('options').length);
62
+
63
+ if (options) {
64
+ self.fetchData(type);
65
+ }
66
+ }
67
+
68
+ elementor.channels.editor.on('change', function (view) {
69
+ var changed = view.elementSettingsModel.changed;
70
+
71
+ if (undefined !== changed.post_type_filter && 'post' !== changed.post_type_filter && !self.isUpdated) {
72
+ self.isUpdated = true;
73
+ self.fetchData(changed.post_type_filter);
74
+ }
75
+ });
76
+ },
77
+
78
+ fetchData: function (type) {
79
+ var self = this;
80
+ $.ajax({
81
+ url: PremiumSettings.ajaxurl,
82
+ dataType: 'json',
83
+ type: 'POST',
84
+ data: {
85
+ nonce: PremiumSettings.nonce,
86
+ action: 'premium_update_filter',
87
+ post_type: type
88
+ },
89
+ success: function (res) {
90
+ self.updateFilterOptions(JSON.parse(res.data));
91
+ self.isUpdated = false;
92
+
93
+ self.render();
94
+ },
95
+ error: function (err) {
96
+ console.log(err);
97
+ },
98
+ });
99
+ },
100
+
101
+ updateFilterOptions: function (options) {
102
+ this.model.set("options", options);
103
+ },
104
+
105
+ onBeforeDestroy: function () {
106
+ if (this.ui.select.data('select2')) {
107
+ this.ui.select.select2('destroy');
108
+ }
109
+
110
+ this.$el.remove();
111
+ }
112
+ });
113
+
114
+ elementor.addControlView("premium-post-filter", filterOptions);
115
+
116
+ var taxOptions = elementor.modules.controls.Select.extend({
117
+
118
+ isUpdated: false,
119
+
120
+ onReady: function () {
121
+ var self = this,
122
+ type = self.options.elementSettingsModel.attributes.post_type_filter,
123
+ options = (0 === this.model.get('options').length);
124
+
125
+ if (options) {
126
+ self.fetchData(type);
127
+ }
128
+
129
+ elementor.channels.editor.on('change', function (view) {
130
+ var changed = view.elementSettingsModel.changed;
131
+
132
+ if (undefined !== changed.post_type_filter && !self.isUpdated) {
133
+ self.isUpdated = true;
134
+ self.fetchData(changed.post_type_filter);
135
+ }
136
+ });
137
+ },
138
+
139
+ fetchData: function (type) {
140
+ var self = this;
141
+ $.ajax({
142
+ url: PremiumSettings.ajaxurl,
143
+ dataType: 'json',
144
+ type: 'POST',
145
+ data: {
146
+ nonce: PremiumSettings.nonce,
147
+ action: 'premium_update_tax',
148
+ post_type: type
149
+ },
150
+ success: function (res) {
151
+ var options = JSON.parse(res.data);
152
+ self.updateTaxOptions(options);
153
+ self.isUpdated = false;
154
+
155
+ if (0 !== options.length) {
156
+ var $tax = Object.keys(options);
157
+ self.container.settings.setExternalChange({ 'filter_tabs_type': $tax[0] });
158
+ self.container.render();
159
+ self.render();
160
+ }
161
+ },
162
+ error: function (err) {
163
+ console.log(err);
164
+ },
165
+ });
166
+ },
167
+
168
+ updateTaxOptions: function (options) {
169
+ this.model.set("options", options);
170
+ },
171
+ });
172
+
173
+ elementor.addControlView("premium-tax-filter", taxOptions);
174
+
175
+ var acfOptions = elementor.modules.controls.Select2.extend({
176
+
177
+ isUpdated: false,
178
+
179
+ onReady: function () {
180
+ var self = this;
181
+
182
+ if (!self.isUpdated) {
183
+ self.fetchData();
184
+ }
185
+ },
186
+
187
+ fetchData: function () {
188
+ var self = this;
189
+
190
+ $.ajax({
191
+ url: PremiumSettings.ajaxurl,
192
+ dataType: 'json',
193
+ type: 'POST',
194
+ data: {
195
+ nonce: PremiumSettings.nonce,
196
+ action: 'pa_acf_options',
197
+ query_options: self.model.get('query_options'),
198
+ },
199
+ success: function (res) {
200
+ self.isUpdated = true;
201
+ self.updateAcfOptions(JSON.parse(res.data));
202
+ self.render();
203
+ },
204
+ error: function (err) {
205
+ console.log(err);
206
+ },
207
+ });
208
+ },
209
+
210
+ updateAcfOptions: function (options) {
211
+ this.model.set("options", options);
212
+ },
213
+
214
+ onBeforeDestroy: function () {
215
+ if (this.ui.select.data('select2')) {
216
+ this.ui.select.select2('destroy');
217
+ }
218
+
219
+ this.$el.remove();
220
+ }
221
+ });
222
+
223
+ elementor.addControlView("premium-acf-selector", acfOptions);
224
+
225
+ elementor.hooks.addFilter("panel/elements/regionViews", function (panel) {
226
+
227
+ if (PremiumPanelSettings.papro_installed || PremiumPanelSettings.papro_widgets.length <= 0)
228
+ return panel;
229
+
230
+
231
+ var paWidgetsPromoHandler, proCategoryIndex,
232
+ elementsView = panel.elements.view,
233
+ categoriesView = panel.categories.view,
234
+ widgets = panel.elements.options.collection,
235
+ categories = panel.categories.options.collection,
236
+ premiumProCategory = [];
237
+
238
+ _.each(PremiumPanelSettings.papro_widgets, function (widget, index) {
239
+ widgets.add({
240
+ name: widget.key,
241
+ title: wp.i18n.__('Premium ', 'premium-addons-for-elementor') + widget.title,
242
+ icon: widget.icon,
243
+ categories: ["premium-elements-pro"],
244
+ editable: false
245
+ })
246
+ });
247
+
248
+ widgets.each(function (widget) {
249
+ "premium-elements-pro" === widget.get("categories")[0] && premiumProCategory.push(widget)
250
+ });
251
+
252
+ proCategoryIndex = categories.findIndex({
253
+ name: "premium-elements"
254
+ });
255
+
256
+ proCategoryIndex && categories.add({
257
+ name: "premium-elements-pro",
258
+ title: "Premium Addons Pro",
259
+ defaultActive: !1,
260
+ items: premiumProCategory
261
+ }, {
262
+ at: proCategoryIndex + 1
263
+ });
264
+
265
+
266
+ paWidgetsPromoHandler = {
267
+ className: function () {
268
+
269
+ var className = 'elementor-element-wrapper';
270
+
271
+ if (!this.isEditable()) {
272
+ className += ' elementor-element--promotion';
273
+ }
274
+
275
+ if (this.model.get("name")) {
276
+ if (0 === this.model.get("name").indexOf("premium-"))
277
+ className += ' premium-promotion-element';
278
+ }
279
+
280
+ return className;
281
+
282
+ },
283
+
284
+ isPremiumWidget: function () {
285
+ return 0 === this.model.get("name").indexOf("premium-");
286
+ },
287
+
288
+ getElementObj: function (key) {
289
+
290
+ var widgetObj = PremiumPanelSettings.papro_widgets.find(function (widget, index) {
291
+ if (widget.key == key)
292
+ return true;
293
+ });
294
+
295
+ return widgetObj;
296
+
297
+ },
298
+
299
+ onMouseDown: function () {
300
+
301
+ if (!this.isPremiumWidget())
302
+ return;
303
+
304
+ elementor.promotion.dialog.buttons[0].removeClass("premium-promotion-btn");
305
+ void this.constructor.__super__.onMouseDown.call(this);
306
+
307
+ var widgetObject = this.getElementObj(this.model.get("name")),
308
+ actonURL = widgetObject.action_url;
309
+
310
+ // console.log(widgetObject.action_url.indexOf('/?utm_source'));
311
+
312
+ elementor.promotion.dialog.buttons[0].addClass("premium-promotion-btn").closest('#elementor-element--promotion__dialog').addClass('premium-promotion-dialog');
313
+
314
+ $(".premium-promotion-pro-btn").remove();
315
+
316
+ var goProCta = 'https://premiumaddons.com/pro' + actonURL.substring(actonURL.indexOf('/?utm_source'));
317
+
318
+ var $goProBtn = $('<a>', { text: wp.i18n.__('Go Pro', 'elementor'), href: goProCta, class: 'premium-promotion-pro-btn dialog-button elementor-button', target: '_blank' });
319
+
320
+ elementor.promotion.dialog.buttons[0].after($goProBtn);
321
+
322
+ elementor.promotion.showDialog({
323
+ headerMessage: sprintf(wp.i18n.__('%s', 'elementor'), this.model.get("title")),
324
+ message: sprintf(wp.i18n.__('Use %s widget and dozens more pro features to extend your toolbox and build sites faster and better.', 'elementor'), this.model.get("title")),
325
+ top: "-7",
326
+ element: this.el,
327
+ actionURL: widgetObject.action_url
328
+ })
329
+ }
330
+ }
331
+
332
+ // setTimeout(function () {
333
+ panel.elements.view = elementsView.extend({
334
+ childView: elementsView.prototype.childView.extend(paWidgetsPromoHandler)
335
+ });
336
+
337
+ panel.categories.view = categoriesView.extend({
338
+ childView: categoriesView.prototype.childView.extend({
339
+ childView: categoriesView.prototype.childView.prototype.childView.extend(paWidgetsPromoHandler)
340
+ })
341
+ });
342
+ // }, 2000);
343
+
344
+
345
+ return panel;
346
+
347
+
348
+ });
349
+
350
  })(jQuery);
assets/frontend/css/premium-addons-rtl.css CHANGED
@@ -1485,4982 +1485,4986 @@
1485
  -webkit-transform: translate3d(-10px, 0, 0) scale(1.1);
1486
  transform: translate3d(-10px, 0, 0) scale(1.1);
1487
  }
1488
- /**************** Premium Blog *****************/
1489
- /***********************************************/
1490
- .premium-blog-thumb-effect-wrapper {
1491
- position: relative;
1492
- overflow: hidden;
1493
- }
1494
-
1495
- .premium-blog-effect-container:not(.premium-blog-bordered-effect) .premium-blog-post-link {
1496
- position: absolute;
1497
- top: 0;
1498
- right: 0;
1499
- width: 100%;
1500
- height: 100%;
1501
- z-index: 2;
1502
- padding: 20px;
1503
- }
1504
-
1505
- .premium-blog-bordered-effect .premium-blog-post-link {
1506
- display: block;
1507
- height: 100%;
1508
- position: relative;
1509
- }
1510
-
1511
- /*Thumbnail Img*/
1512
- .premium-blog-thumbnail-container {
1513
- overflow: hidden;
1514
- }
1515
-
1516
- .premium-blog-thumbnail-container img,
1517
- .premium-blog-thumbnail-container .below-entry-meta {
1518
- width: 100%;
1519
- height: 100%;
1520
- margin: 0 !important;
1521
- -webkit-transition: all 0.4s ease-in-out;
1522
- transition: all 0.4s ease-in-out;
1523
- }
1524
-
1525
- .premium-blog-zoomout-effect img,
1526
- .premium-blog-scale-effect img {
1527
- -webkit-transform: scale(1.2);
1528
- -ms-transform: scale(1.2);
1529
- transform: scale(1.2);
1530
- }
1531
-
1532
- .premium-blog-sepia-effect img {
1533
- -webkit-filter: sepia(30%);
1534
- filter: sepia(30%);
1535
- }
1536
-
1537
- .premium-blog-bright-effect img {
1538
- -webkit-filter: brightness(1);
1539
- filter: brightness(1);
1540
- }
1541
-
1542
- .premium-blog-trans-effect img {
1543
- -webkit-transform: translateX(15px) scale(1.1);
1544
- -ms-transform: translateX(15px) scale(1.1);
1545
- transform: translateX(15px) scale(1.1);
1546
- }
1547
-
1548
- .premium-blog-post-outer-container:hover .premium-blog-zoomin-effect img {
1549
- -webkit-transform: scale(1.2);
1550
- -ms-transform: scale(1.2);
1551
- transform: scale(1.2);
1552
- }
1553
-
1554
- .premium-blog-post-outer-container:hover .premium-blog-zoomout-effect img {
1555
- -webkit-transform: scale(1.1);
1556
- -ms-transform: scale(1.1);
1557
- transform: scale(1.1);
1558
- }
1559
-
1560
- .premium-blog-post-outer-container:hover .premium-blog-scale-effect img {
1561
- -webkit-transform: scale(1.3) rotate(-5deg);
1562
- -ms-transform: scale(1.3) rotate(-5deg);
1563
- transform: scale(1.3) rotate(-5deg);
1564
- }
1565
-
1566
- .premium-blog-post-outer-container:hover .premium-blog-gray-effect img {
1567
- -webkit-filter: grayscale(100%);
1568
- filter: grayscale(100%);
1569
- }
1570
-
1571
- .premium-blog-post-outer-container:hover .premium-blog-blur-effect img {
1572
- -webkit-filter: blur(3px);
1573
- filter: blur(3px);
1574
- }
1575
-
1576
- .premium-blog-post-outer-container:hover .premium-blog-sepia-effect img {
1577
- -webkit-filter: sepia(0%);
1578
- filter: sepia(0%);
1579
- }
1580
-
1581
- .premium-blog-post-outer-container:hover .premium-blog-bright-effect img {
1582
- -webkit-filter: brightness(1.2);
1583
- filter: brightness(1.2);
1584
- }
1585
-
1586
- .premium-blog-post-outer-container:hover .premium-blog-trans-effect img {
1587
- -webkit-transform: translateX(0px) scale(1.1);
1588
- -ms-transform: translateX(0px) scale(1.1);
1589
- transform: translateX(0px) scale(1.1);
1590
- }
1591
-
1592
- .premium-blog-post-container {
1593
- overflow: hidden;
1594
- }
1595
-
1596
- .premium-blog-post-container .premium-blog-inner-container {
1597
- -js-display: flex;
1598
- display: -webkit-box;
1599
- display: -webkit-flex;
1600
- display: -moz-box;
1601
- display: -ms-flexbox;
1602
- display: flex;
1603
- -webkit-box-orient: vertical;
1604
- -webkit-box-direction: normal;
1605
- -webkit-flex-direction: column;
1606
- -moz-box-orient: vertical;
1607
- -moz-box-direction: normal;
1608
- -ms-flex-direction: column;
1609
- flex-direction: column;
1610
- direction: rtl;
1611
- }
1612
-
1613
- .premium-blog-post-container .premium-blog-post-content {
1614
- line-height: 1.5em;
1615
- color: #777;
1616
- font-size: 14px;
1617
- margin-bottom: 10px;
1618
- }
1619
-
1620
- .premium-blog-post-container ul.post-categories a:hover,
1621
- .premium-blog-post-container ul.post-categories a:focus,
1622
- .premium-blog-post-container .premium-blog-post-link:hover,
1623
- .premium-blog-post-container .premium-blog-post-link:focus {
1624
- -webkit-box-shadow: none !important;
1625
- box-shadow: none !important;
1626
- outline: none !important;
1627
- }
1628
-
1629
- .premium-blog-post-container .premium-blog-entry-title {
1630
- font-size: 18px;
1631
- margin-bottom: 5px;
1632
- }
1633
-
1634
- .premium-blog-post-container.premium-blog-skin-modern .premium-blog-content-wrapper {
1635
- position: relative;
1636
- z-index: 3;
1637
- top: -50px;
1638
- }
1639
-
1640
- .premium-blog-post-container .premium-blog-content-wrapper {
1641
- background-color: #f5f5f5;
1642
- padding: 30px;
1643
- }
1644
-
1645
- .premium-blog-post-container .premium-blog-content-wrapper.empty-thumb {
1646
- top: 0;
1647
- }
1648
-
1649
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before,
1650
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:after {
1651
- position: absolute;
1652
- content: "";
1653
- z-index: 1;
1654
- top: 50%;
1655
- right: 50%;
1656
- opacity: 0;
1657
- -webkit-transform: translate(50%, -50%);
1658
- -ms-transform: translate(50%, -50%);
1659
- transform: translate(50%, -50%);
1660
- -webkit-transition: all 0.4s linear 0s;
1661
- transition: all 0.4s linear 0s;
1662
- height: 1px;
1663
- width: 100%;
1664
- background-color: #fff;
1665
- }
1666
-
1667
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before {
1668
- width: 1px;
1669
- height: 100%;
1670
- }
1671
-
1672
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner):hover .premium-blog-thumbnail-container:after {
1673
- width: 20px;
1674
- opacity: 1;
1675
- }
1676
-
1677
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner):hover .premium-blog-thumbnail-container:before {
1678
- height: 20px;
1679
- opacity: 1;
1680
- }
1681
-
1682
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-content-wrapper {
1683
- margin: 0px 10px 20px;
1684
- clear: both;
1685
- }
1686
-
1687
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay,
1688
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay,
1689
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay {
1690
- position: absolute;
1691
- top: 0;
1692
- right: 0;
1693
- width: 100%;
1694
- height: 100%;
1695
- -webkit-transition: all 0.3s ease-in-out;
1696
- transition: all 0.3s ease-in-out;
1697
- opacity: 0;
1698
- }
1699
-
1700
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay a,
1701
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay a,
1702
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay a {
1703
- -js-display: flex;
1704
- display: -webkit-box;
1705
- display: -webkit-flex;
1706
- display: -moz-box;
1707
- display: -ms-flexbox;
1708
- display: flex;
1709
- -webkit-box-pack: center;
1710
- -webkit-justify-content: center;
1711
- -moz-box-pack: center;
1712
- -ms-flex-pack: center;
1713
- justify-content: center;
1714
- -webkit-box-align: center;
1715
- -webkit-align-items: center;
1716
- -moz-box-align: center;
1717
- -ms-flex-align: center;
1718
- align-items: center;
1719
- width: 100%;
1720
- height: 100%;
1721
- }
1722
-
1723
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay span,
1724
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay i,
1725
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay span,
1726
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay i,
1727
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay span,
1728
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay i {
1729
- -webkit-transition: all 0.3s ease-in-out;
1730
- transition: all 0.3s ease-in-out;
1731
- }
1732
-
1733
- .premium-blog-post-container.premium-blog-skin-side {
1734
- -js-display: flex;
1735
- display: -webkit-box;
1736
- display: -webkit-flex;
1737
- display: -moz-box;
1738
- display: -ms-flexbox;
1739
- display: flex;
1740
- }
1741
-
1742
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-container {
1743
- height: 100%;
1744
- }
1745
-
1746
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-content-wrapper {
1747
- -webkit-box-flex: 1;
1748
- -webkit-flex: 1;
1749
- -moz-box-flex: 1;
1750
- -ms-flex: 1;
1751
- flex: 1;
1752
- }
1753
-
1754
- .premium-blog-post-container.premium-blog-skin-banner {
1755
- position: relative;
1756
- }
1757
-
1758
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper {
1759
- position: absolute;
1760
- width: 100%;
1761
- bottom: -5px;
1762
- -js-display: flex;
1763
- display: -webkit-box;
1764
- display: -webkit-flex;
1765
- display: -moz-box;
1766
- display: -ms-flexbox;
1767
- display: flex;
1768
- -webkit-box-orient: vertical;
1769
- -webkit-box-direction: normal;
1770
- -webkit-flex-direction: column;
1771
- -moz-box-orient: vertical;
1772
- -moz-box-direction: normal;
1773
- -ms-flex-direction: column;
1774
- flex-direction: column;
1775
- background-color: transparent;
1776
- z-index: 3;
1777
- -webkit-transition: bottom 0.3s ease-in-out;
1778
- transition: bottom 0.3s ease-in-out;
1779
- }
1780
-
1781
- .premium-blog-post-container.premium-blog-skin-banner:hover .premium-blog-content-wrapper {
1782
- bottom: 0px;
1783
- }
1784
-
1785
- .premium-blog-post-container .premium-blog-cats-container ul.post-categories {
1786
- margin: 0;
1787
- padding: 0;
1788
- list-style: none;
1789
- -js-display: flex;
1790
- display: -webkit-box;
1791
- display: -webkit-flex;
1792
- display: -moz-box;
1793
- display: -ms-flexbox;
1794
- display: flex;
1795
- }
1796
-
1797
- .premium-blog-post-container .premium-blog-cats-container a {
1798
- display: block;
1799
- font-size: 12px;
1800
- color: #fff;
1801
- background-color: #777;
1802
- margin: 0 0 10px 3px;
1803
- padding: 5px;
1804
- -webkit-transition: all 0.3s ease-in-out;
1805
- transition: all 0.3s ease-in-out;
1806
- }
1807
-
1808
- /*
1809
- * Diagonal Effect
1810
- */
1811
- .premium-blog-diagonal-container {
1812
- position: absolute;
1813
- top: 0;
1814
- right: 0;
1815
- width: 100%;
1816
- height: 100%;
1817
- }
1818
-
1819
- .premium-blog-diagonal-effect:before {
1820
- position: absolute;
1821
- top: 0px;
1822
- right: 0px;
1823
- width: 100%;
1824
- height: 100%;
1825
- content: " ";
1826
- z-index: 1;
1827
- background: rgba(255, 255, 255, 0.2);
1828
- -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
1829
- transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
1830
- -webkit-transition: all 0.3s linear 0s;
1831
- transition: all 0.3s linear 0s;
1832
- }
1833
-
1834
- .premium-blog-post-outer-container:hover .premium-blog-diagonal-effect:before {
1835
- -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
1836
- transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
1837
- }
1838
-
1839
- /*
1840
- * Framed Effect
1841
- */
1842
- .premium-blog-framed-effect {
1843
- position: absolute;
1844
- width: -webkit-calc(100% - 30px);
1845
- width: calc(100% - 30px);
1846
- height: -webkit-calc(100% - 30px);
1847
- height: calc(100% - 30px);
1848
- top: 15px;
1849
- right: 15px;
1850
- opacity: 0;
1851
- -webkit-transform: scale(0.3);
1852
- -ms-transform: scale(0.3);
1853
- transform: scale(0.3);
1854
- -webkit-transition: all 0.3s linear 0s;
1855
- transition: all 0.3s linear 0s;
1856
- }
1857
-
1858
- .premium-blog-post-outer-container:hover .premium-blog-framed-effect {
1859
- opacity: 0.99;
1860
- -webkit-transform: scale(1);
1861
- -ms-transform: scale(1);
1862
- transform: scale(1);
1863
- }
1864
-
1865
- /*
1866
- * Bordered Effect
1867
- */
1868
- .premium-blog-bordered-effect {
1869
- position: absolute;
1870
- top: 0;
1871
- right: 0;
1872
- width: 100%;
1873
- height: 100%;
1874
- opacity: 0;
1875
- padding: 15px;
1876
- -webkit-transition: all 0.3s linear 0s;
1877
- transition: all 0.3s linear 0s;
1878
- }
1879
-
1880
- .premium-blog-bordered-effect .premium-blog-post-link:before,
1881
- .premium-blog-bordered-effect .premium-blog-post-link:after {
1882
- content: "";
1883
- display: block;
1884
- position: absolute;
1885
- top: 0;
1886
- right: 0;
1887
- width: 100%;
1888
- height: 100%;
1889
- -webkit-transition: all 0.5s linear 0s;
1890
- transition: all 0.5s linear 0s;
1891
- -webkit-transition-delay: 0s;
1892
- transition-delay: 0s;
1893
- border-color: rgba(255, 255, 255, 0.45);
1894
- }
1895
-
1896
- .premium-blog-bordered-effect .premium-blog-post-link:before {
1897
- border-left: 2px solid;
1898
- border-right: 2px solid;
1899
- -webkit-transform: scale(1, 0);
1900
- -ms-transform: scale(1, 0);
1901
- transform: scale(1, 0);
1902
- -webkit-transform-origin: 0% 0;
1903
- -ms-transform-origin: 0% 0;
1904
- transform-origin: 0% 0;
1905
- }
1906
-
1907
- .premium-blog-bordered-effect .premium-blog-post-link:after {
1908
- border-top: 2px solid;
1909
- border-bottom: 2px solid;
1910
- -webkit-transform: scale(0, 1);
1911
- -ms-transform: scale(0, 1);
1912
- transform: scale(0, 1);
1913
- -webkit-transform-origin: 100% 0;
1914
- -ms-transform-origin: 100% 0;
1915
- transform-origin: 100% 0;
1916
- }
1917
-
1918
- .premium-blog-bordered-effect:hover {
1919
- opacity: 0.99;
1920
- }
1921
-
1922
- .premium-blog-bordered-effect:hover .premium-blog-post-link:before,
1923
- .premium-blog-bordered-effect:hover .premium-blog-post-link:after {
1924
- -webkit-transition-delay: 0.15s;
1925
- transition-delay: 0.15s;
1926
- opacity: 1;
1927
- -webkit-transform: scale(1);
1928
- -ms-transform: scale(1);
1929
- transform: scale(1);
1930
- }
1931
-
1932
- /*
1933
- * Squares Effect
1934
- */
1935
- .premium-blog-squares-effect,
1936
- .premium-blog-squares-square-container {
1937
- position: absolute;
1938
- top: 0;
1939
- right: 0;
1940
- width: 100%;
1941
- height: 100%;
1942
- }
1943
-
1944
- .premium-blog-squares-effect:before,
1945
- .premium-blog-squares-effect:after {
1946
- position: absolute;
1947
- content: "";
1948
- top: 0;
1949
- right: 0;
1950
- width: 50%;
1951
- height: 50%;
1952
- -webkit-transform: translate(100%, -100%);
1953
- -ms-transform: translate(100%, -100%);
1954
- transform: translate(100%, -100%);
1955
- opacity: 0.7;
1956
- -webkit-transition: all 0.3s linear 0s;
1957
- transition: all 0.3s linear 0s;
1958
- }
1959
-
1960
- .premium-blog-squares-square-container:before,
1961
- .premium-blog-squares-square-container:after {
1962
- position: absolute;
1963
- content: "";
1964
- top: 0;
1965
- right: 0;
1966
- width: 50%;
1967
- height: 50%;
1968
- -webkit-transform: translate(100%, -100%);
1969
- -ms-transform: translate(100%, -100%);
1970
- transform: translate(100%, -100%);
1971
- opacity: 0.7;
1972
- -webkit-transition: all 0.3s linear 0s;
1973
- transition: all 0.3s linear 0s;
1974
- }
1975
-
1976
- .premium-blog-squares-square-container:before,
1977
- .premium-blog-squares-square-container:after {
1978
- opacity: 0.8;
1979
- }
1980
-
1981
- .premium-blog-squares-effect:after {
1982
- -webkit-transform: translate(-200%, 200%);
1983
- -ms-transform: translate(-200%, 200%);
1984
- transform: translate(-200%, 200%);
1985
- }
1986
-
1987
- .premium-blog-squares-square-container:before {
1988
- -webkit-transform: translate(100%, 200%);
1989
- -ms-transform: translate(100%, 200%);
1990
- transform: translate(100%, 200%);
1991
- }
1992
-
1993
- .premium-blog-squares-square-container:after {
1994
- -webkit-transform: translate(-200%, -100%);
1995
- -ms-transform: translate(-200%, -100%);
1996
- transform: translate(-200%, -100%);
1997
- }
1998
-
1999
- .premium-blog-squares-effect:hover:before {
2000
- -webkit-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
2001
- -ms-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
2002
- transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
2003
- }
2004
-
2005
- .premium-blog-squares-effect:hover:after {
2006
- -webkit-transform: translate(-100%, 100%) scaleY(1.003) scaleX(1.003);
2007
- -ms-transform: translate(-100%, 100%) scaleY(1.003) scaleX(1.003);
2008
- transform: translate(-100%, 100%) scaleY(1.003) scaleX(1.003);
2009
- }
2010
-
2011
- .premium-blog-squares-effect:hover .premium-blog-squares-square-container:before {
2012
- -webkit-transform: translate(0, 100%);
2013
- -ms-transform: translate(0, 100%);
2014
- transform: translate(0, 100%);
2015
- }
2016
-
2017
- .premium-blog-squares-effect:hover .premium-blog-squares-square-container:after {
2018
- -webkit-transform: translate(-100%, 0%);
2019
- -ms-transform: translate(-100%, 0%);
2020
- transform: translate(-100%, 0%);
2021
- }
2022
-
2023
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay {
2024
- opacity: 1;
2025
- }
2026
-
2027
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay a {
2028
- opacity: 1;
2029
- -webkit-transform: scale(1);
2030
- -ms-transform: scale(1);
2031
- transform: scale(1);
2032
- }
2033
-
2034
- .premium-blog-clear-fix {
2035
- clear: both;
2036
- }
2037
-
2038
- .premium-blog-masked .premium-blog-thumbnail-container {
2039
- position: relative;
2040
- overflow: visible;
2041
- }
2042
-
2043
- .premium-blog-masked .premium-blog-thumbnail-container svg {
2044
- position: absolute;
2045
- height: 100px;
2046
- width: 100%;
2047
- bottom: -5px;
2048
- right: 0;
2049
- fill: #f5f5f5;
2050
- z-index: 99;
2051
- }
2052
-
2053
- .premium-blog-masked .premium-blog-thumbnail-container svg.premium-blog-shape-divider-svg {
2054
- -webkit-transform: rotate(180deg);
2055
- -ms-transform: rotate(180deg);
2056
- transform: rotate(180deg);
2057
- }
2058
-
2059
- .premium-blog-masked .premium-blog-author-thumbnail,
2060
- .premium-blog-masked .premium-blog-skin-banner .premium-blog-content-wrapper {
2061
- z-index: 999 !important;
2062
- }
2063
-
2064
- /*Post Format Container*/
2065
- .premium-blog-format-link {
2066
- padding: 5px;
2067
- line-height: 0;
2068
- }
2069
-
2070
- /*Post Format Icon*/
2071
- /*Post Format Content Margin */
2072
- .premium-blog-entry-meta {
2073
- line-height: 1.3em;
2074
- font-size: 12px;
2075
- margin-bottom: 13px;
2076
- color: #adadad;
2077
- }
2078
-
2079
- .premium-blog-entry-meta i {
2080
- margin-left: 3px;
2081
- -webkit-transition: all 0.3s ease-in-out;
2082
- transition: all 0.3s ease-in-out;
2083
- }
2084
-
2085
- .premium-blog-meta-data {
2086
- display: inline-block;
2087
- }
2088
-
2089
- .premium-blog-meta-data .premium-blog-meta-separator {
2090
- margin: 0 5px;
2091
- }
2092
-
2093
- .premium-blog-meta-data a,
2094
- .premium-blog-meta-data span {
2095
- color: inherit;
2096
- -webkit-transition: all 0.3s ease-in-out;
2097
- transition: all 0.3s ease-in-out;
2098
- }
2099
-
2100
- .premium-blog-author-thumbnail {
2101
- position: relative;
2102
- padding: 0 30px;
2103
- width: 100%;
2104
- top: -10px;
2105
- height: 0;
2106
- pointer-events: none;
2107
- }
2108
-
2109
- .premium-blog-author-thumbnail img {
2110
- -webkit-border-radius: 50%;
2111
- border-radius: 50%;
2112
- width: 60px;
2113
- pointer-events: all;
2114
- -webkit-transform: translateY(-50%);
2115
- -ms-transform: translateY(-50%);
2116
- transform: translateY(-50%);
2117
- }
2118
-
2119
- .premium-blog-entry-title a,
2120
- .premium-blog-post-tags-container a,
2121
- .premium-blog-post-content .premium-blog-excerpt-link {
2122
- -webkit-transition: all 0.3s ease-in-out;
2123
- transition: all 0.3s ease-in-out;
2124
- }
2125
-
2126
- .premium-blog-excerpt-link-wrap a.premium-blog-excerpt-link {
2127
- background-color: transparent;
2128
- color: #54595f;
2129
- padding: 0;
2130
- }
2131
-
2132
- .premium-blog-cta-full-yes .premium-blog-excerpt-link {
2133
- width: 100%;
2134
- }
2135
-
2136
- .premium-blog-post-tags-container {
2137
- margin-top: 8px;
2138
- -js-display: flex;
2139
- display: -webkit-box;
2140
- display: -webkit-flex;
2141
- display: -moz-box;
2142
- display: -ms-flexbox;
2143
- display: flex;
2144
- -webkit-box-align: center;
2145
- -webkit-align-items: center;
2146
- -moz-box-align: center;
2147
- -ms-flex-align: center;
2148
- align-items: center;
2149
- -webkit-flex-wrap: wrap;
2150
- -ms-flex-wrap: wrap;
2151
- flex-wrap: wrap;
2152
- }
2153
-
2154
- .premium-blog-post-tags-container a {
2155
- color: inherit;
2156
- margin-right: 5px;
2157
- }
2158
-
2159
- .premium-blog-align-center .post-categories,
2160
- .premium-blog-align-center .premium-blog-post-tags-container {
2161
- -webkit-box-pack: center;
2162
- -webkit-justify-content: center;
2163
- -moz-box-pack: center;
2164
- -ms-flex-pack: center;
2165
- justify-content: center;
2166
- }
2167
-
2168
- .premium-blog-align-center .premium-blog-inner-container {
2169
- -webkit-box-align: center;
2170
- -webkit-align-items: center;
2171
- -moz-box-align: center;
2172
- -ms-flex-align: center;
2173
- align-items: center;
2174
- }
2175
-
2176
- .premium-blog-align-left .post-categories,
2177
- .premium-blog-align-left .premium-blog-post-tags-container {
2178
- -webkit-box-pack: end;
2179
- -webkit-justify-content: flex-end;
2180
- -moz-box-pack: end;
2181
- -ms-flex-pack: end;
2182
- justify-content: flex-end;
2183
- }
2184
-
2185
- .premium-blog-align-left .premium-blog-inner-container {
2186
- -webkit-box-align: end;
2187
- -webkit-align-items: flex-end;
2188
- -moz-box-align: end;
2189
- -ms-flex-align: end;
2190
- align-items: flex-end;
2191
- }
2192
-
2193
- .premium-blog-align-right .post-categories,
2194
- .premium-blog-align-right .premium-blog-post-tags-container {
2195
- -webkit-box-pack: start;
2196
- -webkit-justify-content: flex-start;
2197
- -moz-box-pack: start;
2198
- -ms-flex-pack: start;
2199
- justify-content: flex-start;
2200
- }
2201
-
2202
- .premium-blog-align-right .premium-blog-inner-container {
2203
- -webkit-box-align: start;
2204
- -webkit-align-items: flex-start;
2205
- -moz-box-align: start;
2206
- -ms-flex-align: start;
2207
- align-items: flex-start;
2208
- }
2209
-
2210
- /* Pagination */
2211
- .premium-blog-pagination-container {
2212
- text-align: left;
2213
- }
2214
-
2215
- .premium-blog-pagination-container span {
2216
- cursor: default;
2217
- }
2218
-
2219
- .premium-blog-pagination-container .page-numbers {
2220
- display: inline-block;
2221
- color: #000;
2222
- line-height: 1;
2223
- font-size: 1em;
2224
- font-weight: 400;
2225
- text-decoration: none;
2226
- padding: 0.75em;
2227
- margin: 0 0 0.4em 0.4em;
2228
- -webkit-transition: all 0.2s ease-in-out;
2229
- transition: all 0.2s ease-in-out;
2230
- }
2231
-
2232
- .premium-blog-wrap .premium-loading-feed {
2233
- display: block;
2234
- position: absolute;
2235
- width: 100%;
2236
- height: 100%;
2237
- top: 0px;
2238
- right: 0px;
2239
- bottom: 0px;
2240
- left: 0px;
2241
- background: rgba(255, 255, 255, 0.2);
2242
- -js-display: flex;
2243
- display: -webkit-box;
2244
- display: -webkit-flex;
2245
- display: -moz-box;
2246
- display: -ms-flexbox;
2247
- display: flex;
2248
- -webkit-box-align: center;
2249
- -webkit-align-items: center;
2250
- -moz-box-align: center;
2251
- -ms-flex-align: center;
2252
- align-items: center;
2253
- z-index: 99;
2254
- }
2255
-
2256
- .premium-blog-wrap {
2257
- -js-display: flex;
2258
- display: -webkit-box;
2259
- display: -webkit-flex;
2260
- display: -moz-box;
2261
- display: -ms-flexbox;
2262
- display: flex;
2263
- -webkit-flex-wrap: wrap;
2264
- -ms-flex-wrap: wrap;
2265
- flex-wrap: wrap;
2266
- }
2267
-
2268
- .premium-blog-wrap ul.slick-dots {
2269
- width: 100%;
2270
- }
2271
-
2272
- /**
2273
- * Even Layout
2274
- */
2275
- .premium-blog-even .premium-blog-post-container {
2276
- height: 100%;
2277
- }
2278
-
2279
- .premium-blog-even .slick-track {
2280
- -js-display: flex;
2281
- display: -webkit-box;
2282
- display: -webkit-flex;
2283
- display: -moz-box;
2284
- display: -ms-flexbox;
2285
- display: flex;
2286
- }
2287
-
2288
- .premium-blog-even .slick-slide {
2289
- height: inherit !important;
2290
- }
2291
-
2292
- /**
2293
- * Responsive Style
2294
- */
2295
- @media (max-width: 768px) {
2296
- .premium-blog-content-wrapper {
2297
- top: 0;
2298
- margin: 0;
2299
- padding: 15px;
2300
- }
2301
-
2302
- }
2303
-
2304
- [dir="rtl"] .premium-blog-wrap.slick-slider .slick-list,
2305
- [dir="rtl"] .premium-blog-wrap.slick-slider .slick-track {
2306
- direction: ltr;
2307
- }
2308
- /**************** Premium Button ***********************/
2309
- /*******************************************************/
2310
- .premium-button {
2311
- -js-display: inline-flex;
2312
- display: -webkit-inline-box;
2313
- display: -webkit-inline-flex;
2314
- display: -moz-inline-box;
2315
- display: -ms-inline-flexbox;
2316
- display: inline-flex;
2317
- position: relative;
2318
- overflow: hidden;
2319
- -webkit-backface-visibility: hidden;
2320
- backface-visibility: hidden;
2321
- -webkit-transform: translate3d(0, 0, 0);
2322
- transform: translate3d(0, 0, 0);
2323
- cursor: pointer;
2324
- -webkit-transition: all 0.2s ease-in-out !important;
2325
- transition: all 0.2s ease-in-out !important;
2326
- }
2327
-
2328
- .premium-button-style1,
2329
- .premium-button-style2,
2330
- .premium-button-style5,
2331
- .premium-button-style7 {
2332
- display: inline-block;
2333
- vertical-align: middle;
2334
- -webkit-transform: perspective(1px) translateZ(0);
2335
- transform: perspective(1px) translateZ(0);
2336
- -webkit-box-shadow: 0 0 1px transparent;
2337
- box-shadow: 0 0 1px transparent;
2338
- position: relative;
2339
- -webkit-transition-property: color;
2340
- transition-property: color;
2341
- -webkit-transition-duration: 0.15s;
2342
- transition-duration: 0.15s;
2343
- }
2344
-
2345
- .premium-button-style1:before,
2346
- .premium-button-style2:before,
2347
- .premium-button-style5:before {
2348
- content: "";
2349
- position: absolute;
2350
- z-index: -1;
2351
- top: 0;
2352
- right: 0;
2353
- left: 0;
2354
- bottom: 0;
2355
- -webkit-transform: scaleY(0);
2356
- -ms-transform: scaleY(0);
2357
- transform: scaleY(0);
2358
- -webkit-transform-origin: 50% 0;
2359
- -ms-transform-origin: 50% 0;
2360
- transform-origin: 50% 0;
2361
- -webkit-transition-property: -webkit-transform;
2362
- transition-property: -webkit-transform;
2363
- transition-property: transform;
2364
- transition-property: transform, -webkit-transform;
2365
- -webkit-transition-duration: 0.15s;
2366
- transition-duration: 0.15s;
2367
- -webkit-transition-timing-function: ease-out;
2368
- transition-timing-function: ease-out;
2369
- }
2370
-
2371
- .premium-button-style5-radialin:before,
2372
- .premium-button-style5-radialout:before {
2373
- -webkit-transform-origin: 50%;
2374
- -ms-transform-origin: 50%;
2375
- transform-origin: 50%;
2376
- -webkit-border-radius: 100%;
2377
- border-radius: 100%;
2378
- -webkit-transform: scale(0);
2379
- -ms-transform: scale(0);
2380
- transform: scale(0);
2381
- }
2382
-
2383
- .premium-button-style5-radialin:before {
2384
- -webkit-transform: scale(2);
2385
- -ms-transform: scale(2);
2386
- transform: scale(2);
2387
- }
2388
-
2389
- .premium-button-style5-rectin:before {
2390
- -webkit-transform-origin: 50%;
2391
- -ms-transform-origin: 50%;
2392
- transform-origin: 50%;
2393
- -webkit-transform: scale(1);
2394
- -ms-transform: scale(1);
2395
- transform: scale(1);
2396
- }
2397
-
2398
- .premium-button-style5-rectout:before {
2399
- -webkit-transform-origin: 50%;
2400
- -ms-transform-origin: 50%;
2401
- transform-origin: 50%;
2402
- -webkit-transform: scale(0);
2403
- -ms-transform: scale(0);
2404
- transform: scale(0);
2405
- }
2406
-
2407
- .premium-button-style5-rectout:hover:before {
2408
- -webkit-transform: scale(1);
2409
- -ms-transform: scale(1);
2410
- transform: scale(1);
2411
- }
2412
-
2413
- .premium-button-style5-rectin:hover:before {
2414
- -webkit-transform: scale(0);
2415
- -ms-transform: scale(0);
2416
- transform: scale(0);
2417
- }
2418
-
2419
- .premium-button-style5-radialout:hover:before {
2420
- -webkit-transform: scale(2);
2421
- -ms-transform: scale(2);
2422
- transform: scale(2);
2423
- }
2424
-
2425
- .premium-button-style5-radialin:hover:before {
2426
- -webkit-transform: scale(0);
2427
- -ms-transform: scale(0);
2428
- transform: scale(0);
2429
- }
2430
-
2431
- .premium-button-style1-top:before {
2432
- -webkit-transform-origin: 50% 100%;
2433
- -ms-transform-origin: 50% 100%;
2434
- transform-origin: 50% 100%;
2435
- }
2436
-
2437
- .premium-button-style1-right:before {
2438
- -webkit-transform: scaleX(0);
2439
- -ms-transform: scaleX(0);
2440
- transform: scaleX(0);
2441
- -webkit-transform-origin: 100% 50%;
2442
- -ms-transform-origin: 100% 50%;
2443
- transform-origin: 100% 50%;
2444
- }
2445
-
2446
- .premium-button-style1-left:before {
2447
- -webkit-transform: scaleX(0);
2448
- -ms-transform: scaleX(0);
2449
- transform: scaleX(0);
2450
- -webkit-transform-origin: 0% 50%;
2451
- -ms-transform-origin: 0% 50%;
2452
- transform-origin: 0% 50%;
2453
- }
2454
-
2455
- .premium-button-style2-shutouthor:before,
2456
- .premium-button-style2-scshutoutver:before {
2457
- -webkit-transform: scaleY(0);
2458
- -ms-transform: scaleY(0);
2459
- transform: scaleY(0);
2460
- -webkit-transform-origin: 0% 50%;
2461
- -ms-transform-origin: 0% 50%;
2462
- transform-origin: 0% 50%;
2463
- }
2464
-
2465
- .premium-button-style2-shutoutver:before,
2466
- .premium-button-style2-scshutouthor:before {
2467
- -webkit-transform: scaleX(0);
2468
- -ms-transform: scaleX(0);
2469
- transform: scaleX(0);
2470
- -webkit-transform-origin: 50% 50%;
2471
- -ms-transform-origin: 50% 50%;
2472
- transform-origin: 50% 50%;
2473
- }
2474
-
2475
- .premium-button-style2-shutinhor:before {
2476
- -webkit-transform: scaleX(1);
2477
- -ms-transform: scaleX(1);
2478
- transform: scaleX(1);
2479
- -webkit-transform-origin: 50%;
2480
- -ms-transform-origin: 50%;
2481
- transform-origin: 50%;
2482
- }
2483
-
2484
- .premium-button-style2-shutinver:before {
2485
- -webkit-transform: scaleY(1);
2486
- -ms-transform: scaleY(1);
2487
- transform: scaleY(1);
2488
- -webkit-transform-origin: 50%;
2489
- -ms-transform-origin: 50%;
2490
- transform-origin: 50%;
2491
- }
2492
-
2493
- .premium-button-style1-bottom:hover:before,
2494
- .premium-button-style1-top:hover:before {
2495
- -webkit-transform: scaleY(1);
2496
- -ms-transform: scaleY(1);
2497
- transform: scaleY(1);
2498
- }
2499
-
2500
- .premium-button-style1-left:hover:before,
2501
- .premium-button-style1-right:hover:before,
2502
- .premium-button-style2-shutouthor:hover:before,
2503
- .premium-button-style2-shutoutver:hover:before {
2504
- -webkit-transform: scaleX(1);
2505
- -ms-transform: scaleX(1);
2506
- transform: scaleX(1);
2507
- }
2508
-
2509
- .premium-button-style2-shutinhor:hover:before {
2510
- -webkit-transform: scaleX(0);
2511
- -ms-transform: scaleX(0);
2512
- transform: scaleX(0);
2513
- }
2514
-
2515
- .premium-button-style2-shutinver:hover:before {
2516
- -webkit-transform: scaleY(0);
2517
- -ms-transform: scaleY(0);
2518
- transform: scaleY(0);
2519
- }
2520
-
2521
- .premium-button-style2-scshutouthor:hover:before {
2522
- -webkit-transform: scaleX(0.9);
2523
- -ms-transform: scaleX(0.9);
2524
- transform: scaleX(0.9);
2525
- }
2526
-
2527
- .premium-button-style2-scshutoutver:hover:before {
2528
- -webkit-transform: scaleY(0.8);
2529
- -ms-transform: scaleY(0.8);
2530
- transform: scaleY(0.8);
2531
- }
2532
-
2533
- /*Diagonal*/
2534
- .premium-button-style2-dshutinhor:before {
2535
- top: 50%;
2536
- right: 50%;
2537
- width: 120%;
2538
- height: 0%;
2539
- -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
2540
- -ms-transform: translateX(50%) translateY(-50%) rotate(45deg);
2541
- transform: translateX(50%) translateY(-50%) rotate(45deg);
2542
- -webkit-transform-origin: 50%;
2543
- -ms-transform-origin: 50%;
2544
- transform-origin: 50%;
2545
- -webkit-transition-property: all;
2546
- transition-property: all;
2547
- }
2548
-
2549
- .premium-button-style2-dshutinver:before {
2550
- top: 50%;
2551
- right: 50%;
2552
- width: 120%;
2553
- height: 0%;
2554
- -webkit-transform-origin: 50%;
2555
- -ms-transform-origin: 50%;
2556
- transform-origin: 50%;
2557
- -webkit-transition-property: all;
2558
- transition-property: all;
2559
- -webkit-transform: translateX(50%) translateY(-50%) rotate(-45deg);
2560
- -ms-transform: translateX(50%) translateY(-50%) rotate(-45deg);
2561
- transform: translateX(50%) translateY(-50%) rotate(-45deg);
2562
- }
2563
-
2564
- .premium-button-style2-dshutinhor:hover:before,
2565
- .premium-button-style2-dshutinver:hover:before {
2566
- height: 220%;
2567
- }
2568
-
2569
- .premium-button-style3-before i,
2570
- .premium-button-style3-before svg {
2571
- opacity: 0;
2572
- -webkit-transform: translateX(5px);
2573
- -ms-transform: translateX(5px);
2574
- transform: translateX(5px);
2575
- -webkit-transition: all 0.5s ease-in-out;
2576
- transition: all 0.5s ease-in-out;
2577
- }
2578
-
2579
- .premium-button-style3-after i,
2580
- .premium-button-style3-after svg {
2581
- opacity: 0;
2582
- -webkit-transform: translateX(5px);
2583
- -ms-transform: translateX(5px);
2584
- transform: translateX(5px);
2585
- -webkit-transition: all 0.5s ease-in-out;
2586
- transition: all 0.5s ease-in-out;
2587
- -webkit-transform: translateX(-5px);
2588
- -ms-transform: translateX(-5px);
2589
- transform: translateX(-5px);
2590
- }
2591
-
2592
- .premium-button-style3-after:hover i,
2593
- .premium-button-style3-after:hover svg {
2594
- opacity: 1;
2595
- }
2596
-
2597
- .premium-button-style3-before:hover i,
2598
- .premium-button-style3-before:hover svg {
2599
- opacity: 1;
2600
- }
2601
-
2602
- .premium-button-text-icon-wrapper {
2603
- width: 100%;
2604
- -js-display: flex;
2605
- display: -webkit-box;
2606
- display: -webkit-flex;
2607
- display: -moz-box;
2608
- display: -ms-flexbox;
2609
- display: flex;
2610
- -webkit-box-pack: center;
2611
- -webkit-justify-content: center;
2612
- -moz-box-pack: center;
2613
- -ms-flex-pack: center;
2614
- justify-content: center;
2615
- -webkit-box-align: center;
2616
- -webkit-align-items: center;
2617
- -moz-box-align: center;
2618
- -ms-flex-align: center;
2619
- align-items: center;
2620
- -webkit-transition: all 0.2s ease-in-out;
2621
- transition: all 0.2s ease-in-out;
2622
- }
2623
-
2624
- .premium-button-text-icon-wrapper span,
2625
- .premium-button-text-icon-wrapper i,
2626
- .premium-button-text-icon-wrapper svg {
2627
- -webkit-transition: all 0.2s ease-in-out;
2628
- transition: all 0.2s ease-in-out;
2629
- }
2630
-
2631
- .premium-button-style4-icon-wrapper {
2632
- position: absolute;
2633
- z-index: 2;
2634
- width: 100%;
2635
- text-align: center;
2636
- -js-display: flex;
2637
- display: -webkit-box;
2638
- display: -webkit-flex;
2639
- display: -moz-box;
2640
- display: -ms-flexbox;
2641
- display: flex;
2642
- -webkit-box-align: center;
2643
- -webkit-align-items: center;
2644
- -moz-box-align: center;
2645
- -ms-flex-align: center;
2646
- align-items: center;
2647
- -webkit-box-pack: center;
2648
- -webkit-justify-content: center;
2649
- -moz-box-pack: center;
2650
- -ms-flex-pack: center;
2651
- justify-content: center;
2652
- height: 100%;
2653
- opacity: 0;
2654
- -webkit-transition: all 0.3s ease-in-out;
2655
- transition: all 0.3s ease-in-out;
2656
- }
2657
-
2658
- .premium-button-style4-icon-wrapper.top {
2659
- bottom: -100%;
2660
- right: 0;
2661
- }
2662
-
2663
- .premium-button-style4-icon-wrapper.bottom {
2664
- top: -100%;
2665
- right: 0;
2666
- }
2667
-
2668
- .premium-button-style4-icon-wrapper.left {
2669
- top: 0;
2670
- right: -100%;
2671
- }
2672
-
2673
- .premium-button-style4-icon-wrapper.right {
2674
- top: 0;
2675
- left: -100%;
2676
- }
2677
-
2678
- .premium-button-style4-bottom:hover .premium-button-style4-icon-wrapper {
2679
- top: 0;
2680
- opacity: 1;
2681
- }
2682
-
2683
- .premium-button-style4-top:hover .premium-button-style4-icon-wrapper {
2684
- bottom: 0;
2685
- opacity: 1;
2686
- }
2687
-
2688
- .premium-button-style4-left:hover .premium-button-style4-icon-wrapper {
2689
- right: 0;
2690
- opacity: 1;
2691
- }
2692
-
2693
- .premium-button-style4-right:hover .premium-button-style4-icon-wrapper {
2694
- left: 0;
2695
- opacity: 1;
2696
- }
2697
-
2698
- .premium-button-style4-bottom:hover .premium-button-text-icon-wrapper {
2699
- -webkit-transform: translateY(100%);
2700
- -ms-transform: translateY(100%);
2701
- transform: translateY(100%);
2702
- opacity: 0;
2703
- }
2704
-
2705
- .premium-button-style4-top:hover .premium-button-text-icon-wrapper {
2706
- -webkit-transform: translateY(-100%);
2707
- -ms-transform: translateY(-100%);
2708
- transform: translateY(-100%);
2709
- opacity: 0;
2710
- }
2711
-
2712
- .premium-button-style4-left:hover .premium-button-text-icon-wrapper {
2713
- -webkit-transform: translateX(-100%);
2714
- -ms-transform: translateX(-100%);
2715
- transform: translateX(-100%);
2716
- opacity: 0;
2717
- }
2718
-
2719
- .premium-button-style4-right:hover .premium-button-text-icon-wrapper {
2720
- -webkit-transform: translateX(100%);
2721
- -ms-transform: translateX(100%);
2722
- transform: translateX(100%);
2723
- opacity: 0;
2724
- }
2725
-
2726
- .premium-button-style6:before {
2727
- content: "";
2728
- position: absolute;
2729
- right: 50%;
2730
- top: 50%;
2731
- width: 100px;
2732
- height: 100px;
2733
- -webkit-border-radius: 100%;
2734
- border-radius: 100%;
2735
- -webkit-transform: translate(50%, -50%) scale(0);
2736
- -ms-transform: translate(50%, -50%) scale(0);
2737
- transform: translate(50%, -50%) scale(0);
2738
- -webkit-transition: all 0.3s ease-in-out;
2739
- transition: all 0.3s ease-in-out;
2740
- }
2741
-
2742
- .premium-button-style6:hover:before {
2743
- -webkit-transform: translate(50%, -50%) scale(3);
2744
- -ms-transform: translate(50%, -50%) scale(3);
2745
- transform: translate(50%, -50%) scale(3);
2746
- }
2747
-
2748
- .premium-button-style6 .premium-button-text-icon-wrapper {
2749
- position: relative;
2750
- z-index: 1;
2751
- }
2752
-
2753
- .premium-button-style7-right .premium-button-text-icon-wrapper:before,
2754
- .premium-button-style7-left .premium-button-text-icon-wrapper:before {
2755
- -webkit-transition: width 0.3s ease-out 0.15s;
2756
- transition: width 0.3s ease-out 0.15s;
2757
- }
2758
-
2759
- .premium-button-style7-right .premium-button-text-icon-wrapper:after,
2760
- .premium-button-style7-left .premium-button-text-icon-wrapper:after {
2761
- -webkit-transition: width 0.3s ease-out 0s;
2762
- transition: width 0.3s ease-out 0s;
2763
- }
2764
-
2765
- .premium-button-style7-bottom .premium-button-text-icon-wrapper:before,
2766
- .premium-button-style7-top .premium-button-text-icon-wrapper:before {
2767
- -webkit-transition: height 0.3s ease-out 0.15s;
2768
- transition: height 0.3s ease-out 0.15s;
2769
- }
2770
-
2771
- .premium-button-style7-bottom .premium-button-text-icon-wrapper:after,
2772
- .premium-button-style7-top .premium-button-text-icon-wrapper:after {
2773
- -webkit-transition: height 0.3s ease-out 0s;
2774
- transition: height 0.3s ease-out 0s;
2775
- }
2776
-
2777
- .premium-button[class*="style7"]:hover .premium-button-text-icon-wrapper:before {
2778
- -webkit-transition-delay: 0s;
2779
- transition-delay: 0s;
2780
- }
2781
-
2782
- .premium-button[class*="style7"]:hover .premium-button-text-icon-wrapper:after {
2783
- -webkit-transition-delay: 0.15s;
2784
- transition-delay: 0.15s;
2785
- }
2786
-
2787
- .premium-button-style7-bottom .premium-button-text-icon-wrapper:before,
2788
- .premium-button-style7-bottom .premium-button-text-icon-wrapper:after {
2789
- content: "";
2790
- position: absolute;
2791
- left: 0;
2792
- top: 0;
2793
- right: 0;
2794
- height: 0;
2795
- z-index: -1;
2796
- }
2797
-
2798
- .premium-button-style7-top .premium-button-text-icon-wrapper:after,
2799
- .premium-button-style7-top .premium-button-text-icon-wrapper:before {
2800
- content: "";
2801
- position: absolute;
2802
- left: 0;
2803
- bottom: 0;
2804
- right: 0;
2805
- height: 0;
2806
- z-index: -1;
2807
- }
2808
-
2809
- .premium-button-style7-right .premium-button-text-icon-wrapper:after,
2810
- .premium-button-style7-right .premium-button-text-icon-wrapper:before {
2811
- content: "";
2812
- position: absolute;
2813
- right: 0;
2814
- top: 0;
2815
- bottom: 0;
2816
- width: 0;
2817
- z-index: -1;
2818
- }
2819
-
2820
- .premium-button-style7-left .premium-button-text-icon-wrapper:after,
2821
- .premium-button-style7-left .premium-button-text-icon-wrapper:before {
2822
- content: "";
2823
- position: absolute;
2824
- left: 0;
2825
- top: 0;
2826
- bottom: 0;
2827
- width: 0;
2828
- z-index: -1;
2829
- }
2830
-
2831
- .premium-button-style7-bottom:hover .premium-button-text-icon-wrapper:after,
2832
- .premium-button-style7-bottom:hover .premium-button-text-icon-wrapper:before {
2833
- height: 100%;
2834
- top: 0;
2835
- }
2836
-
2837
- .premium-button-style7-top:hover .premium-button-text-icon-wrapper:after,
2838
- .premium-button-style7-top:hover .premium-button-text-icon-wrapper:before {
2839
- height: 100%;
2840
- bottom: 0;
2841
- }
2842
-
2843
- .premium-button-style7-left:hover .premium-button-text-icon-wrapper:after,
2844
- .premium-button-style7-left:hover .premium-button-text-icon-wrapper:before {
2845
- width: 100%;
2846
- left: 0;
2847
- }
2848
-
2849
- .premium-button-style7-right:hover .premium-button-text-icon-wrapper:after,
2850
- .premium-button-style7-right:hover .premium-button-text-icon-wrapper:before {
2851
- width: 100%;
2852
- right: 0;
2853
- }
2854
- /**************** Premium Carousel **************/
2855
- /************************************************/
2856
- .premium-carousel-wrapper a.carousel-arrow,
2857
- .premium-carousel-wrapper a.ver-carousel-arrow {
2858
- -js-display: flex;
2859
- display: -webkit-box;
2860
- display: -webkit-flex;
2861
- display: -moz-box;
2862
- display: -ms-flexbox;
2863
- display: flex;
2864
- -webkit-box-align: center;
2865
- -webkit-align-items: center;
2866
- -moz-box-align: center;
2867
- -ms-flex-align: center;
2868
- align-items: center;
2869
- -webkit-box-pack: center;
2870
- -webkit-justify-content: center;
2871
- -moz-box-pack: center;
2872
- -ms-flex-pack: center;
2873
- justify-content: center;
2874
- width: 2em;
2875
- height: 2em;
2876
- line-height: 0;
2877
- text-align: center;
2878
- position: absolute;
2879
- z-index: 99;
2880
- cursor: pointer;
2881
- -webkit-transition: all 0.3s ease-in-out;
2882
- transition: all 0.3s ease-in-out;
2883
- -webkit-appearance: inherit;
2884
- border: none;
2885
- -webkit-box-shadow: none;
2886
- box-shadow: none;
2887
- }
2888
-
2889
- .premium-carousel-wrapper a.carousel-arrow svg,
2890
- .premium-carousel-wrapper a.ver-carousel-arrow svg {
2891
- -webkit-transition: all 0.3s ease-in-out;
2892
- transition: all 0.3s ease-in-out;
2893
- }
2894
-
2895
- .premium-carousel-wrapper a.slick-arrow:hover {
2896
- -webkit-box-shadow: none !important;
2897
- box-shadow: none !important;
2898
- }
2899
-
2900
- .premium-carousel-wrapper .premium-carousel-content-hidden {
2901
- visibility: hidden;
2902
- }
2903
-
2904
- .premium-carousel-wrapper a.carousel-arrow {
2905
- top: 50%;
2906
- }
2907
-
2908
- .premium-carousel-wrapper a.ver-carousel-arrow {
2909
- right: 50%;
2910
- -webkit-transform: translateX(50%);
2911
- -ms-transform: translateX(50%);
2912
- transform: translateX(50%);
2913
- }
2914
-
2915
- .premium-carousel-dots-above ul.slick-dots {
2916
- position: absolute;
2917
- display: -ms-flexbox;
2918
- display: -webkit-flex;
2919
- display: -moz-flex;
2920
- display: -ms-flex;
2921
- -js-display: flex;
2922
- display: -webkit-box;
2923
- display: -moz-box;
2924
- display: flex;
2925
- top: 50%;
2926
- -webkit-transform: translateY(-50%);
2927
- -ms-transform: translateY(-50%);
2928
- transform: translateY(-50%);
2929
- -webkit-flex-direction: column;
2930
- -webkit-box-orient: vertical;
2931
- -webkit-box-direction: normal;
2932
- -moz-box-orient: vertical;
2933
- -moz-box-direction: normal;
2934
- -ms-flex-direction: column;
2935
- flex-direction: column;
2936
- }
2937
-
2938
- /*
2939
- * Custom Navigation Dot
2940
- */
2941
- .premium-carousel-wrapper .premium-carousel-nav-dot,
2942
- .premium-carousel-wrapper .premium-carousel-nav-arrow-prev,
2943
- .premium-carousel-wrapper .premium-carousel-nav-arrow-next {
2944
- display: none;
2945
- }
2946
-
2947
- .premium-carousel-wrapper ul.slick-dots svg {
2948
- width: 20px;
2949
- height: 20px;
2950
- outline: none !important;
2951
- }
2952
-
2953
- /* Ripple Out */
2954
- @-webkit-keyframes hvr-ripple-out {
2955
- 0% {
2956
- -webkit-transform: scale(1);
2957
- transform: scale(1);
2958
- opacity: 1;
2959
- }
2960
-
2961
- 100% {
2962
- -webkit-transform: scale(1.5);
2963
- transform: scale(1.5);
2964
- opacity: 0;
2965
- }
2966
- }
2967
-
2968
- @keyframes hvr-ripple-out {
2969
- 0% {
2970
- -webkit-transform: scale(1);
2971
- transform: scale(1);
2972
- opacity: 1;
2973
- }
2974
-
2975
- 100% {
2976
- -webkit-transform: scale(1.5);
2977
- transform: scale(1.5);
2978
- opacity: 0;
2979
- }
2980
- }
2981
-
2982
- .premium-carousel-ripple-yes .premium-carousel-wrapper {
2983
- padding-bottom: 1px;
2984
- }
2985
-
2986
- .premium-carousel-ripple-yes ul.slick-dots li,
2987
- .premium-carousel-ripple-yes ul.slick-dots li i {
2988
- position: relative;
2989
- }
2990
-
2991
- .premium-carousel-ripple-yes ul.slick-dots li i {
2992
- z-index: 1;
2993
- }
2994
-
2995
- .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
2996
- content: "";
2997
- position: absolute;
2998
- -webkit-transform: scale(1);
2999
- -ms-transform: scale(1);
3000
- transform: scale(1);
3001
- top: 0;
3002
- left: 0;
3003
- bottom: 0;
3004
- right: 0;
3005
- -webkit-border-radius: 50%;
3006
- border-radius: 50%;
3007
- pointer-events: none;
3008
- background-color: rgba(0, 0, 0, 0.15);
3009
- }
3010
-
3011
- .premium-carousel-ripple-yes ul.slick-dots li.slick-active:hover:before {
3012
- background-color: rgba(0, 0, 0, 0.3);
3013
- }
3014
-
3015
- .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
3016
- -webkit-animation: hvr-ripple-out 1.3s infinite;
3017
- animation: hvr-ripple-out 1.3s infinite;
3018
- }
3019
-
3020
- .premium-carousel-wrapper.premium-carousel-scale .slick-slide {
3021
- -webkit-transform: scale(1.25, 1.25);
3022
- -ms-transform: scale(1.25, 1.25);
3023
- transform: scale(1.25, 1.25);
3024
- -webkit-transition: all 0.3s ease-in-out;
3025
- transition: all 0.3s ease-in-out;
3026
- }
3027
-
3028
- .premium-carousel-wrapper.premium-carousel-scale div.slick-active {
3029
- -webkit-transform: scale(1, 1);
3030
- -ms-transform: scale(1, 1);
3031
- transform: scale(1, 1);
3032
- }
3033
-
3034
- [dir="rtl"] .premium-carousel-inner .slick-slide {
3035
- float: right;
3036
- }
3037
- /**************** Premium Contact Form7 **********/
3038
- /*************************************************/
3039
- .premium-contact-form-anim-yes .wpcf7-span::after {
3040
- display: block;
3041
- height: 2px;
3042
- content: "";
3043
- top: -2px;
3044
- position: relative;
3045
- width: 0px;
3046
- -webkit-transition: all ease-in-out 0.3s;
3047
- transition: all ease-in-out 0.3s;
3048
- }
3049
-
3050
- .premium-contact-form-anim-yes .wpcf7-span.is-focused::after {
3051
- width: 100%;
3052
- }
3053
-
3054
- .premium-cf7-container input.wpcf7-submit {
3055
- -webkit-transition: all 0.3s ease-in-out;
3056
- transition: all 0.3s ease-in-out;
3057
- }
3058
- /************ Premium Countdown ************/
3059
- /*******************************************/
3060
- .premium-countdown {
3061
- -js-display: flex;
3062
- display: -webkit-box;
3063
- display: -webkit-flex;
3064
- display: -moz-box;
3065
- display: -ms-flexbox;
3066
- display: flex;
3067
- text-align: center;
3068
- }
3069
-
3070
- .countdown-row {
3071
- display: block;
3072
- text-align: center;
3073
- }
3074
-
3075
- .countdown .countdown-section {
3076
- display: inline-block;
3077
- max-width: 100%;
3078
- margin-bottom: 15px;
3079
- -js-display: inline-flex;
3080
- display: -webkit-inline-box;
3081
- display: -webkit-inline-flex;
3082
- display: -moz-inline-box;
3083
- display: -ms-inline-flexbox;
3084
- display: inline-flex;
3085
- -webkit-box-align: center;
3086
- -webkit-align-items: center;
3087
- -moz-box-align: center;
3088
- -ms-flex-align: center;
3089
- align-items: center;
3090
- }
3091
-
3092
- .countdown .countdown-section:last-child {
3093
- margin-left: 0;
3094
- }
3095
-
3096
- .countdown span.countdown-amount {
3097
- font-size: 70px;
3098
- line-height: 1;
3099
- padding: 40px;
3100
- }
3101
-
3102
- .countdown .pre_time-mid {
3103
- display: block;
3104
- }
3105
-
3106
- .premium-countdown-separator-yes .countdown_separator {
3107
- display: block;
3108
- margin: 0 50px;
3109
- font-size: 30px;
3110
- }
3111
-
3112
- .premium-countdown-separator-yes .countdown-row .countdown-section:last-child .countdown_separator,
3113
- .premium-countdown-separator-yes .premium-countdown-block:last-child .countdown_separator {
3114
- display: none;
3115
- }
3116
-
3117
- /**
3118
- * Digit and unit styles
3119
- */
3120
- .side .countdown-section .countdown-period {
3121
- vertical-align: bottom;
3122
- }
3123
-
3124
- .countdown .countdown-section .countdown-period {
3125
- font-size: 17px;
3126
- line-height: 3em;
3127
- }
3128
-
3129
- .side .countdown-section .countdown-amount,
3130
- .side .countdown-section .countdown-period {
3131
- display: inline-block;
3132
- }
3133
-
3134
- .side .countdown-section .countdown-amount {
3135
- margin-left: 5px;
3136
- }
3137
-
3138
- .down .countdown-section .countdown-amount,
3139
- .down .countdown-section .countdown-period {
3140
- display: block;
3141
- }
3142
-
3143
- /**
3144
- * Flip Layout
3145
- */
3146
- .premium-countdown-flip .premium-countdown-block {
3147
- text-align: center;
3148
- -js-display: inline-flex;
3149
- display: -webkit-inline-box;
3150
- display: -webkit-inline-flex;
3151
- display: -moz-inline-box;
3152
- display: -ms-inline-flexbox;
3153
- display: inline-flex;
3154
- -webkit-box-align: center;
3155
- -webkit-align-items: center;
3156
- -moz-box-align: center;
3157
- -ms-flex-align: center;
3158
- align-items: center;
3159
- }
3160
-
3161
- .premium-countdown-flip .premium-countdown-block:last-child {
3162
- margin-left: 0;
3163
- }
3164
-
3165
- .premium-countdown-flip .premium-countdown-label {
3166
- overflow: hidden;
3167
- color: #1a1a1a;
3168
- text-transform: uppercase;
3169
- }
3170
-
3171
- .premium-countdown-flip .premium-countdown-figure {
3172
- position: relative;
3173
- height: 110px;
3174
- width: 100px;
3175
- line-height: 107px;
3176
- background-color: #fff;
3177
- -webkit-border-radius: 10px;
3178
- border-radius: 10px;
3179
- -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset -2px 4px 0 0 rgba(255, 255, 255, 0.08);
3180
- box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset -2px 4px 0 0 rgba(255, 255, 255, 0.08);
3181
- }
3182
-
3183
- .premium-countdown-flip .premium-countdown-figure:last-child {
3184
- margin-left: 0;
3185
- }
3186
-
3187
- .premium-countdown-flip .premium-countdown-figure>span {
3188
- position: absolute;
3189
- right: 0;
3190
- left: 0;
3191
- margin: auto;
3192
- font-weight: 700;
3193
- }
3194
-
3195
- .premium-countdown-flip .premium-countdown-figure .top {
3196
- z-index: 3;
3197
- -webkit-transform-origin: 50% 100%;
3198
- -ms-transform-origin: 50% 100%;
3199
- transform-origin: 50% 100%;
3200
- -webkit-transform: perspective(200px);
3201
- transform: perspective(200px);
3202
- -webkit-backface-visibility: hidden;
3203
- backface-visibility: hidden;
3204
- }
3205
-
3206
- .premium-countdown-flip .premium-countdown-figure .bottom {
3207
- z-index: 1;
3208
- }
3209
-
3210
- .premium-countdown-flip .premium-countdown-figure .bottom::before {
3211
- content: "";
3212
- position: absolute;
3213
- display: block;
3214
- top: 0;
3215
- right: 0;
3216
- width: 100%;
3217
- height: 50%;
3218
- background-color: rgba(0, 0, 0, 0.02);
3219
- }
3220
-
3221
- .premium-countdown-flip .premium-countdown-figure .top-back {
3222
- -webkit-backface-visibility: hidden;
3223
- backface-visibility: hidden;
3224
- z-index: 4;
3225
- bottom: 0;
3226
- -webkit-transform-origin: 50% 0;
3227
- -ms-transform-origin: 50% 0;
3228
- transform-origin: 50% 0;
3229
- -webkit-transform: perspective(200px) rotateX(180deg);
3230
- transform: perspective(200px) rotateX(180deg);
3231
- }
3232
-
3233
- .premium-countdown-flip .premium-countdown-figure .top-back span {
3234
- position: absolute;
3235
- top: -100%;
3236
- right: 0;
3237
- left: 0;
3238
- margin: auto;
3239
- }
3240
-
3241
- .premium-countdown-flip .premium-countdown-figure .bottom-back {
3242
- z-index: 2;
3243
- top: 0;
3244
- }
3245
-
3246
- .premium-countdown-flip .premium-countdown-figure .bottom-back span {
3247
- position: absolute;
3248
- top: 0;
3249
- right: 0;
3250
- left: 0;
3251
- margin: auto;
3252
- }
3253
-
3254
- .premium-countdown-flip .premium-countdown-figure .top,
3255
- .premium-countdown-flip .premium-countdown-figure .bottom-back,
3256
- .premium-countdown-flip .premium-countdown-figure .top-back {
3257
- height: 50%;
3258
- overflow: hidden;
3259
- background-color: #f7f7f7;
3260
- -webkit-border-top-right-radius: 10px;
3261
- border-top-right-radius: 10px;
3262
- -webkit-border-top-left-radius: 10px;
3263
- border-top-left-radius: 10px;
3264
- }
3265
-
3266
- .premium-countdown-flip .premium-countdown-figure .top-back {
3267
- -webkit-border-bottom-right-radius: 10px;
3268
- border-bottom-right-radius: 10px;
3269
- -webkit-border-bottom-left-radius: 10px;
3270
- border-bottom-left-radius: 10px;
3271
- }
3272
-
3273
- .premium-countdown-flip .premium-countdown-figure .top::after,
3274
- .premium-countdown-flip .premium-countdown-figure .bottom-back::after {
3275
- content: "";
3276
- position: absolute;
3277
- z-index: -1;
3278
- right: 0;
3279
- bottom: 0;
3280
- width: 100%;
3281
- height: 100%;
3282
- border-bottom: 1px solid rgba(0, 0, 0, 0.1);
3283
- }
3284
-
3285
- .side .premium-countdown-figure,
3286
- .side .premium-countdown-label {
3287
- display: inline-block;
3288
- }
3289
-
3290
- .side .premium-countdown-figure {
3291
- margin-left: 5px;
3292
- }
3293
-
3294
- .down .premium-countdown-figure,
3295
- .down .premium-countdown-label {
3296
- display: block;
3297
- }
3298
-
3299
- .down .premium-countdown-label {
3300
- width: 100%;
3301
- }
3302
- /**************** Premium Counter ***************/
3303
- /************************************************/
3304
- .premium-counter-area {
3305
- padding: 10px 0;
3306
- -js-display: flex;
3307
- display: -webkit-box;
3308
- display: -webkit-flex;
3309
- display: -moz-box;
3310
- display: -ms-flexbox;
3311
- display: flex;
3312
- -webkit-box-pack: center;
3313
- -webkit-justify-content: center;
3314
- -moz-box-pack: center;
3315
- -ms-flex-pack: center;
3316
- justify-content: center;
3317
- -webkit-box-align: center;
3318
- -webkit-align-items: center;
3319
- -moz-box-align: center;
3320
- -ms-flex-align: center;
3321
- align-items: center;
3322
- }
3323
-
3324
- .premium-counter-area.top {
3325
- -webkit-box-orient: vertical;
3326
- -webkit-box-direction: normal;
3327
- -webkit-flex-direction: column;
3328
- -moz-box-orient: vertical;
3329
- -moz-box-direction: normal;
3330
- -ms-flex-direction: column;
3331
- flex-direction: column;
3332
- }
3333
-
3334
- .premium-counter-area.right {
3335
- -webkit-box-orient: horizontal;
3336
- -webkit-box-direction: reverse;
3337
- -webkit-flex-direction: row-reverse;
3338
- -moz-box-orient: horizontal;
3339
- -moz-box-direction: reverse;
3340
- -ms-flex-direction: row-reverse;
3341
- flex-direction: row-reverse;
3342
- }
3343
-
3344
- .premium-counter-area.right .premium-counter-icon {
3345
- padding-right: 20px;
3346
- }
3347
-
3348
- .premium-counter-area.left .premium-counter-icon {
3349
- padding-left: 20px;
3350
- }
3351
-
3352
- .premium-counter-area .premium-counter-icon .icon i.fa:before {
3353
- vertical-align: text-top;
3354
- }
3355
-
3356
- .premium-counter-area .premium-counter-icon span.icon {
3357
- text-align: center;
3358
- display: inline-block;
3359
- vertical-align: middle;
3360
- }
3361
-
3362
- .premium-counter-area .premium-counter-icon .circle {
3363
- -webkit-border-radius: 100%;
3364
- border-radius: 100%;
3365
- }
3366
-
3367
- .premium-counter-area .premium-counter-icon img,
3368
- .premium-counter-area .premium-counter-icon svg {
3369
- width: 80px;
3370
- }
3371
-
3372
- .premium-counter-area .premium-counter-icon .premium-counter-animation svg {
3373
- height: 80px;
3374
- }
3375
-
3376
- .premium-counter-area .premium-counter-title p {
3377
- padding: 0;
3378
- margin: 0;
3379
- }
3380
-
3381
- .premium-counter-area .premium-counter-value-wrap {
3382
- -js-display: flex;
3383
- display: -webkit-box;
3384
- display: -webkit-flex;
3385
- display: -moz-box;
3386
- display: -ms-flexbox;
3387
- display: flex;
3388
- -webkit-box-align: center;
3389
- -webkit-align-items: center;
3390
- -moz-box-align: center;
3391
- -ms-flex-align: center;
3392
- align-items: center;
3393
- }
3394
-
3395
- .premium-init-wrapper {
3396
- -js-display: flex;
3397
- display: -webkit-box;
3398
- display: -webkit-flex;
3399
- display: -moz-box;
3400
- display: -ms-flexbox;
3401
- display: flex;
3402
- }
3403
-
3404
- .premium-init-wrapper.row {
3405
- -webkit-box-align: center;
3406
- -webkit-align-items: center;
3407
- -moz-box-align: center;
3408
- -ms-flex-align: center;
3409
- align-items: center;
3410
- }
3411
-
3412
- .premium-init-wrapper.right {
3413
- text-align: right;
3414
- }
3415
-
3416
- span.icon.flex-width {
3417
- width: auto !important;
3418
- height: auto !important;
3419
- }
3420
-
3421
- .premium-counter-area .premium-counter-init {
3422
- font-size: 35px;
3423
- }
3424
- /**************** Premium Dual Heading *****************/
3425
- /*******************************************************/
3426
- .premium-dual-header-first-header,
3427
- .premium-dual-header-second-header {
3428
- position: relative;
3429
- padding: 0;
3430
- margin: 0;
3431
- display: inline-block;
3432
- -webkit-transform: translate(0, 0);
3433
- -ms-transform: translate(0, 0);
3434
- transform: translate(0, 0);
3435
- }
3436
-
3437
- .premium-dual-header-first-clip .premium-dual-header-first-span,
3438
- .premium-dual-header-second-clip {
3439
- -webkit-text-fill-color: transparent;
3440
- -webkit-background-clip: text;
3441
- }
3442
-
3443
- .premium-dual-header-first-clip.stroke .premium-dual-header-first-span,
3444
- .premium-dual-header-second-clip.stroke {
3445
- -webkit-text-stroke-color: transparent;
3446
- -webkit-text-fill-color: #fafafa;
3447
- -webkit-text-stroke-width: 2px;
3448
- }
3449
-
3450
- @media (max-width: 500px) {
3451
-
3452
- .premium-dual-header-first-header,
3453
- .premium-dual-header-second-header {
3454
- word-wrap: break-word;
3455
- }
3456
- }
3457
-
3458
- .premium-dual-header-first-header.gradient .premium-dual-header-first-span,
3459
- .premium-dual-header-second-header.gradient {
3460
- -webkit-background-size: 300% 300% !important;
3461
- background-size: 300% 300% !important;
3462
- -webkit-animation: Gradient 10s ease-in-out infinite;
3463
- animation: Gradient 10s ease-in-out infinite;
3464
- }
3465
-
3466
- @-webkit-keyframes Gradient {
3467
- 0% {
3468
- background-position: 100% 50%;
3469
- }
3470
-
3471
- 50% {
3472
- background-position: 0% 50%;
3473
- }
3474
-
3475
- 100% {
3476
- background-position: 100% 50%;
3477
- }
3478
- }
3479
-
3480
- @keyframes Gradient {
3481
- 0% {
3482
- background-position: 100% 50%;
3483
- }
3484
-
3485
- 50% {
3486
- background-position: 0% 50%;
3487
- }
3488
-
3489
- 100% {
3490
- background-position: 100% 50%;
3491
- }
3492
- }
3493
- /**************** Premium Fancy Text *******************/
3494
- /*******************************************************/
3495
- .premium-suffix-text,
3496
- .premium-fancy-text,
3497
- .premium-prefix-text {
3498
- font-size: 40px;
3499
- }
3500
-
3501
- .premium-fancy-text-wrapper:not(.typing) .premium-fancy-text,
3502
- .premium-fancy-item-hidden {
3503
- opacity: 0;
3504
- }
3505
-
3506
- .premium-fancy-text-wrapper .premium-fancy-list-items {
3507
- list-style: none;
3508
- }
3509
-
3510
- .premium-fancy-text-wrapper .premium-fancy-text-span-align {
3511
- vertical-align: top;
3512
- }
3513
-
3514
- .premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-text-items-wrapper {
3515
- margin: 0;
3516
- padding: 0;
3517
- border: none;
3518
- position: relative;
3519
- }
3520
-
3521
- .premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-list-items {
3522
- position: absolute;
3523
- top: 0;
3524
- left: 0;
3525
- display: inline-block;
3526
- }
3527
-
3528
- .premium-fancy-text-wrapper.zoomout .premium-fancy-item-hidden {
3529
- -webkit-animation: pa-zoom-out 0.8s;
3530
- animation: pa-zoom-out 0.8s;
3531
- }
3532
-
3533
- .premium-fancy-text-wrapper.zoomout .premium-fancy-item-visible {
3534
- position: relative !important;
3535
- -webkit-animation: pa-zoom-in 0.8s;
3536
- animation: pa-zoom-in 0.8s;
3537
- }
3538
-
3539
- .premium-fancy-text-wrapper.zoomout .premium-fancy-text-items-wrapper {
3540
- -webkit-perspective: 300px;
3541
- perspective: 300px;
3542
- }
3543
-
3544
- .premium-fancy-text-wrapper.rotate .premium-fancy-list-items {
3545
- -webkit-transform-origin: 50% 100%;
3546
- -ms-transform-origin: 50% 100%;
3547
- transform-origin: 50% 100%;
3548
- }
3549
-
3550
- .premium-fancy-text-wrapper.rotate .premium-fancy-item-hidden {
3551
- -webkit-transform: rotateX(180deg);
3552
- transform: rotateX(180deg);
3553
- -webkit-animation: pa-rotate-out 1.2s;
3554
- animation: pa-rotate-out 1.2s;
3555
- }
3556
-
3557
- .premium-fancy-text-wrapper.rotate .premium-fancy-item-visible {
3558
- position: relative !important;
3559
- -webkit-transform: rotateX(0deg);
3560
- transform: rotateX(0deg);
3561
- -webkit-animation: pa-rotate-in 1.2s;
3562
- animation: pa-rotate-in 1.2s;
3563
- }
3564
-
3565
- .premium-fancy-text-wrapper.custom .premium-fancy-item-visible {
3566
- position: relative !important;
3567
- }
3568
-
3569
- .premium-fancy-text-wrapper.auto-fade .premium-fancy-text {
3570
- display: inline-block;
3571
- width: 200px;
3572
- font-weight: 400;
3573
- }
3574
-
3575
- .premium-fancy-text-wrapper.auto-fade .premium-fancy-svg-text {
3576
- position: relative;
3577
- vertical-align: sub;
3578
- }
3579
-
3580
- .premium-fancy-text-wrapper.auto-fade g>text {
3581
- text-anchor: start;
3582
- shape-rendering: crispEdges;
3583
- opacity: 0;
3584
- font-size: 300px;
3585
- -webkit-animation-name: pa-auto-fade;
3586
- animation-name: pa-auto-fade;
3587
- -moz-animation-name: pa-auto-fade;
3588
- -webkit-animation-duration: 9s;
3589
- animation-duration: 9s;
3590
- -webkit-animation-timing-function: linear;
3591
- animation-timing-function: linear;
3592
- -webkit-animation-iteration-count: infinite;
3593
- animation-iteration-count: infinite;
3594
- }
3595
-
3596
- .premium-fancy-text-wrapper.auto-fade g>text:nth-child(1) {
3597
- -webkit-animation-delay: 0s;
3598
- animation-delay: 0s;
3599
- }
3600
-
3601
- .premium-fancy-text-wrapper.auto-fade g>text:nth-child(2) {
3602
- -webkit-animation-delay: 3s;
3603
- animation-delay: 3s;
3604
- }
3605
-
3606
- .premium-fancy-text-wrapper.auto-fade g>text:nth-child(3) {
3607
- -webkit-animation-delay: 6s;
3608
- animation-delay: 6s;
3609
- }
3610
-
3611
- .premium-fancy-text-wrapper.loading .premium-fancy-text {
3612
- position: relative;
3613
- }
3614
-
3615
- .premium-fancy-text-wrapper.loading .premium-fancy-text .premium-loading-bar {
3616
- position: absolute;
3617
- width: 100%;
3618
- height: 3px;
3619
- bottom: 0;
3620
- left: 0;
3621
- animation: pa-loading-bar 2.5s ease-out infinite;
3622
- -webkit-animation: pa-loading-bar 2.5s ease-out infinite;
3623
- }
3624
-
3625
- .premium-fancy-text-wrapper.loading.pause .premium-fancy-text:hover .premium-loading-bar {
3626
- -webkit-animation-play-state: paused;
3627
- animation-play-state: paused;
3628
- }
3629
-
3630
- @-webkit-keyframes pa-auto-fade {
3631
- 0% {
3632
- opacity: 0;
3633
- }
3634
-
3635
- 20% {
3636
- opacity: 1;
3637
- }
3638
-
3639
- 35% {
3640
- opacity: 0;
3641
- }
3642
-
3643
- 100% {
3644
- opacity: 0;
3645
- }
3646
- }
3647
-
3648
- @keyframes pa-auto-fade {
3649
- 0% {
3650
- opacity: 0;
3651
- }
3652
-
3653
- 20% {
3654
- opacity: 1;
3655
- }
3656
-
3657
- 35% {
3658
- opacity: 0;
3659
- }
3660
-
3661
- 100% {
3662
- opacity: 0;
3663
- }
3664
- }
3665
-
3666
- @-webkit-keyframes pa-loading-bar {
3667
- 0% {
3668
- width: 0;
3669
- }
3670
-
3671
- 100% {
3672
- width: 100;
3673
- }
3674
- }
3675
-
3676
- @keyframes pa-loading-bar {
3677
- 0% {
3678
- width: 0;
3679
- }
3680
-
3681
- 100% {
3682
- width: 100;
3683
- }
3684
- }
3685
-
3686
- @-webkit-keyframes pa-zoom-in {
3687
- 0% {
3688
- opacity: 0;
3689
- -webkit-transform: translateZ(100px);
3690
- transform: translateZ(100px);
3691
- }
3692
-
3693
- 100% {
3694
- opacity: 1;
3695
- -webkit-transform: translateZ(0);
3696
- transform: translateZ(0);
3697
- }
3698
- }
3699
-
3700
- @keyframes pa-zoom-in {
3701
- 0% {
3702
- opacity: 0;
3703
- -webkit-transform: translateZ(100px);
3704
- transform: translateZ(100px);
3705
- }
3706
-
3707
- 100% {
3708
- opacity: 1;
3709
- -webkit-transform: translateZ(0);
3710
- transform: translateZ(0);
3711
- }
3712
- }
3713
-
3714
- @-webkit-keyframes pa-zoom-out {
3715
- 0% {
3716
- opacity: 1;
3717
- -webkit-transform: translateZ(0);
3718
- transform: translateZ(0);
3719
- }
3720
-
3721
- 100% {
3722
- opacity: 0;
3723
- -webkit-transform: translateZ(-100px);
3724
- transform: translateZ(-100px);
3725
- }
3726
- }
3727
-
3728
- @keyframes pa-zoom-out {
3729
- 0% {
3730
- opacity: 1;
3731
- -webkit-transform: translateZ(0);
3732
- transform: translateZ(0);
3733
- }
3734
-
3735
- 100% {
3736
- opacity: 0;
3737
- -webkit-transform: translateZ(-100px);
3738
- transform: translateZ(-100px);
3739
- }
3740
- }
3741
-
3742
- @-webkit-keyframes pa-rotate-in {
3743
- 0% {
3744
- opacity: 0;
3745
- -webkit-transform: rotateX(180deg);
3746
- transform: rotateX(180deg);
3747
- }
3748
-
3749
- 35% {
3750
- opacity: 0;
3751
- -webkit-transform: rotateX(120deg);
3752
- transform: rotateX(120deg);
3753
- }
3754
-
3755
- 65% {
3756
- opacity: 0;
3757
- }
3758
-
3759
- 100% {
3760
- opacity: 1;
3761
- -webkit-transform: rotateX(360deg);
3762
- transform: rotateX(360deg);
3763
- }
3764
- }
3765
-
3766
- @keyframes pa-rotate-in {
3767
- 0% {
3768
- opacity: 0;
3769
- -webkit-transform: rotateX(180deg);
3770
- transform: rotateX(180deg);
3771
- }
3772
-
3773
- 35% {
3774
- opacity: 0;
3775
- -webkit-transform: rotateX(120deg);
3776
- transform: rotateX(120deg);
3777
- }
3778
-
3779
- 65% {
3780
- opacity: 0;
3781
- }
3782
-
3783
- 100% {
3784
- opacity: 1;
3785
- -webkit-transform: rotateX(360deg);
3786
- transform: rotateX(360deg);
3787
- }
3788
- }
3789
-
3790
- @-webkit-keyframes pa-rotate-out {
3791
- 0% {
3792
- opacity: 1;
3793
- -webkit-transform: rotateX(0deg);
3794
- transform: rotateX(0deg);
3795
- }
3796
-
3797
- 35% {
3798
- opacity: 1;
3799
- -webkit-transform: rotateX(-40deg);
3800
- transform: rotateX(-40deg);
3801
- }
3802
-
3803
- 65% {
3804
- opacity: 0;
3805
- }
3806
-
3807
- 100% {
3808
- opacity: 0;
3809
- -webkit-transform: rotateX(180deg);
3810
- transform: rotateX(180deg);
3811
- }
3812
- }
3813
-
3814
- @keyframes pa-rotate-out {
3815
- 0% {
3816
- opacity: 1;
3817
- -webkit-transform: rotateX(0deg);
3818
- transform: rotateX(0deg);
3819
- }
3820
-
3821
- 35% {
3822
- opacity: 1;
3823
- -webkit-transform: rotateX(-40deg);
3824
- transform: rotateX(-40deg);
3825
- }
3826
-
3827
- 65% {
3828
- opacity: 0;
3829
- }
3830
-
3831
- 100% {
3832
- opacity: 0;
3833
- -webkit-transform: rotateX(180deg);
3834
- transform: rotateX(180deg);
3835
- }
3836
- }
3837
- /**************** Premium Bullet List *****************/
3838
- /******************************************************/
3839
- .premium-bullet-list-box {
3840
- -js-display: flex;
3841
- display: -webkit-box;
3842
- display: -webkit-flex;
3843
- display: -moz-box;
3844
- display: -ms-flexbox;
3845
- display: flex;
3846
- -webkit-flex-wrap: wrap;
3847
- -ms-flex-wrap: wrap;
3848
- flex-wrap: wrap;
3849
- -webkit-box-orient: vertical;
3850
- -webkit-box-direction: normal;
3851
- -webkit-flex-direction: column;
3852
- -moz-box-orient: vertical;
3853
- -moz-box-direction: normal;
3854
- -ms-flex-direction: column;
3855
- flex-direction: column;
3856
- }
3857
-
3858
- .premium-bullet-list-box .premium-bullet-list-content-grow-lc {
3859
- -webkit-transform-origin: right center;
3860
- -ms-transform-origin: right center;
3861
- transform-origin: right center;
3862
- }
3863
-
3864
- .premium-bullet-list-box .premium-bullet-list-content-grow-rc {
3865
- -webkit-transform-origin: left center;
3866
- -ms-transform-origin: left center;
3867
- transform-origin: left center;
3868
- }
3869
-
3870
- .premium-bullet-list-box .premium-bullet-list-content-grow-cc {
3871
- -webkit-transform-origin: center center;
3872
- -ms-transform-origin: center center;
3873
- transform-origin: center center;
3874
- }
3875
-
3876
- .premium-bullet-list-content {
3877
- -js-display: flex;
3878
- display: -webkit-box;
3879
- display: -webkit-flex;
3880
- display: -moz-box;
3881
- display: -ms-flexbox;
3882
- display: flex;
3883
- -webkit-transition: all 0.3s ease-in-out;
3884
- transition: all 0.3s ease-in-out;
3885
- width: auto;
3886
- position: relative;
3887
- }
3888
-
3889
- .premium-bullet-list-content .premium-bullet-list-text span,
3890
- .premium-bullet-list-content .premium-bullet-list-wrapper {
3891
- display: inline-block;
3892
- -webkit-align-self: center;
3893
- -ms-flex-item-align: center;
3894
- align-self: center;
3895
- -webkit-transition: all 0.3s ease-in-out;
3896
- transition: all 0.3s ease-in-out;
3897
- }
3898
-
3899
- .premium-bullet-list-content .premium-bullet-list-text span {
3900
- margin: 0 5px;
3901
- }
3902
-
3903
- .premium-bullet-list-content .premium-bullet-list-icon-text p {
3904
- font-size: 18px;
3905
- background-color: #eee;
3906
- padding: 1px 5px;
3907
- -webkit-border-radius: 2px;
3908
- border-radius: 2px;
3909
- }
3910
-
3911
- .premium-bullet-list-content .premium-bullet-list-text span,
3912
- .premium-bullet-list-content .premium-bullet-list-icon-text p,
3913
- .premium-bullet-list-content .premium-bullet-list-wrapper img,
3914
- .premium-bullet-list-content .premium-bullet-list-wrapper svg,
3915
- .premium-bullet-list-content .premium-bullet-list-wrapper i {
3916
- -webkit-transition: all 0.3s ease-in-out;
3917
- transition: all 0.3s ease-in-out;
3918
- }
3919
-
3920
- .premium-bullet-list-content .premium-bullet-list-wrapper {
3921
- position: relative;
3922
- line-height: 0;
3923
- }
3924
-
3925
- .premium-bullet-list-content .premium-bullet-list-wrapper img,
3926
- .premium-bullet-list-content .premium-bullet-list-wrapper svg {
3927
- width: 30px !important;
3928
- height: 30px !important;
3929
- position: relative;
3930
- z-index: 500;
3931
- }
3932
-
3933
- .premium-bullet-list-content .premium-bullet-list-wrapper i {
3934
- width: 1.25em;
3935
- }
3936
-
3937
- .premium-bullet-list-content .premium-bullet-list-wrapper i,
3938
- .premium-bullet-list-content .premium-bullet-list-wrapper .premium-bullet-list-icon-text {
3939
- position: relative;
3940
- z-index: 500;
3941
- }
3942
-
3943
- .premium-bullet-list-content .premium-bullet-list-link {
3944
- position: absolute;
3945
- top: 0;
3946
- right: 0;
3947
- width: 100%;
3948
- height: 100%;
3949
- z-index: 1000;
3950
- }
3951
-
3952
- .premium-bullet-list-content:not(:last-of-type) .premium-bullet-list-connector {
3953
- width: 100%;
3954
- height: 100%;
3955
- position: absolute;
3956
- top: 0.5em;
3957
- z-index: 100;
3958
- -js-display: flex;
3959
- display: -webkit-box;
3960
- display: -webkit-flex;
3961
- display: -moz-box;
3962
- display: -ms-flexbox;
3963
- display: flex;
3964
- -webkit-box-pack: center;
3965
- -webkit-justify-content: center;
3966
- -moz-box-pack: center;
3967
- -ms-flex-pack: center;
3968
- justify-content: center;
3969
- }
3970
-
3971
- .premium-bullet-list-content:not(:last-of-type) .premium-bullet-list-connector .premium-icon-connector-content:after {
3972
- content: "";
3973
- border-left-width: 1px;
3974
- border-left-style: solid;
3975
- border-color: #333333;
3976
- display: block;
3977
- height: 100%;
3978
- }
3979
-
3980
- li.premium-bullet-list-content.premium-bullet-list-content-inline {
3981
- -webkit-align-self: center;
3982
- -ms-flex-item-align: center;
3983
- align-self: center;
3984
- z-index: 2;
3985
- }
3986
-
3987
- li.premium-bullet-list-content.premium-bullet-list-content-inline:not(:first-child) {
3988
- margin: 0 3px;
3989
- }
3990
-
3991
- li.premium-bullet-list-content.premium-bullet-list-content-inline:first-child {
3992
- margin: 0 0 0 3px;
3993
- }
3994
-
3995
- .premium-bullet-list-divider:not(:last-child) {
3996
- width: 100%;
3997
- -webkit-box-flex: 0;
3998
- -webkit-flex: 0 0 100%;
3999
- -moz-box-flex: 0;
4000
- -ms-flex: 0 0 100%;
4001
- flex: 0 0 100%;
4002
- overflow: hidden;
4003
- }
4004
-
4005
- .premium-bullet-list-divider:not(:last-child):after {
4006
- content: "";
4007
- display: block;
4008
- border-top-style: solid;
4009
- border-top-width: 1px;
4010
- }
4011
-
4012
- .premium-bullet-list-divider-inline:not(:last-child) {
4013
- float: left;
4014
- display: inline-block;
4015
- position: relative;
4016
- height: 100%;
4017
- overflow: hidden;
4018
- -webkit-align-self: center;
4019
- -ms-flex-item-align: center;
4020
- align-self: center;
4021
- margin: 0 3px;
4022
- }
4023
-
4024
- .premium-bullet-list-divider-inline:not(:last-child):after {
4025
- content: "";
4026
- display: block;
4027
- border-right-width: 1px;
4028
- height: 33px;
4029
- border-right-style: solid;
4030
- }
4031
-
4032
- .premium-bullet-list-icon-text {
4033
- line-height: 1.5;
4034
- }
4035
-
4036
- .premium-bullet-list-icon-text p,
4037
- ul.premium-bullet-list-box,
4038
- li.premium-bullet-list-content {
4039
- margin: 0;
4040
- }
4041
-
4042
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper i,
4043
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-text span,
4044
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-icon-text p {
4045
- color: transparent !important;
4046
- text-shadow: 0 0 3px #aaa;
4047
- }
4048
-
4049
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-icon-connector-content,
4050
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper .premium-lottie-animation svg,
4051
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper img,
4052
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-badge {
4053
- -webkit-filter: blur(3px);
4054
- filter: blur(3px);
4055
- }
4056
-
4057
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper i,
4058
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-text span,
4059
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-icon-text p {
4060
- color: #aaa !important;
4061
- text-shadow: 0 0px 0 transparent;
4062
- }
4063
-
4064
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-icon-connector-content,
4065
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper .premium-lottie-animation svg,
4066
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper img,
4067
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-badge {
4068
- -webkit-filter: none;
4069
- filter: none;
4070
- }
4071
-
4072
- .premium-bullet-list-content .premium-bullet-list-badge {
4073
- font-size: 11px;
4074
- top: auto;
4075
- min-width: -webkit-max-content;
4076
- min-width: -moz-max-content;
4077
- min-width: max-content;
4078
- height: -webkit-fit-content;
4079
- height: -moz-fit-content;
4080
- height: fit-content;
4081
- }
4082
-
4083
- .premium-bullet-list-content .premium-bullet-list-icon-text p {
4084
- font-size: 13px;
4085
- }
4086
-
4087
- .premium-bullet-list-gradient-effect[data-text] {
4088
- display: inline-block;
4089
- position: relative;
4090
- text-decoration: none;
4091
- }
4092
-
4093
- .premium-bullet-list-gradient-effect[data-text]::before {
4094
- content: attr(data-text);
4095
- position: absolute;
4096
- z-index: 1;
4097
- overflow: hidden;
4098
- -webkit-clip-path: polygon(100% 100%, 100% 100%, 50% 50%);
4099
- clip-path: polygon(100% 100%, 100% 100%, 50% 50%);
4100
- -webkit-background-clip: text;
4101
- background-clip: text;
4102
- -webkit-text-fill-color: transparent;
4103
- -webkit-transition: all 0.4s ease;
4104
- transition: all 0.4s ease;
4105
- }
4106
-
4107
- .premium-bullet-list-content:hover .premium-bullet-list-gradient-effect[data-text]::before,
4108
- .premium-bullet-list-content:focus .premium-bullet-list-gradient-effect[data-text]::before {
4109
- -webkit-animation: rtlgradient 1s forwards;
4110
- animation: rtlgradient 1s forwards;
4111
- }
4112
-
4113
- @-webkit-keyframes rtlgradient {
4114
- 0% {
4115
- -webkit-clip-path: circle(0% at 150% 50%);
4116
- clip-path: circle(0% at 150% 50%);
4117
- }
4118
-
4119
- 100% {
4120
- -webkit-clip-path: circle(100% at 50% 50%);
4121
- clip-path: circle(100% at 50% 50%);
4122
- }
4123
- }
4124
-
4125
- @keyframes rtlgradient {
4126
- 0% {
4127
- -webkit-clip-path: circle(0% at 150% 50%);
4128
- clip-path: circle(0% at 150% 50%);
4129
- }
4130
-
4131
- 100% {
4132
- -webkit-clip-path: circle(100% at 50% 50%);
4133
- clip-path: circle(100% at 50% 50%);
4134
- }
4135
- }
4136
-
4137
- ul[data-list-animation*="animated-"] .premium-bullet-list-divider,
4138
- ul[data-list-animation*="animated-"] .premium-bullet-list-content,
4139
- ul[data-list-animation*="animated-"] .premium-bullet-list-divider-inline {
4140
- opacity: 0;
4141
- }
4142
-
4143
- .premium-bullet-list-content-grow-effect:hover {
4144
- -webkit-transform: scale(1.07);
4145
- -ms-transform: scale(1.07);
4146
- transform: scale(1.07);
4147
- }
4148
-
4149
- @-webkit-keyframes spin {
4150
- 100% {
4151
- -webkit-transform: rotate(360deg);
4152
- transform: rotate(360deg);
4153
- }
4154
- }
4155
-
4156
- @keyframes spin {
4157
- 100% {
4158
- -webkit-transform: rotate(360deg);
4159
- transform: rotate(360deg);
4160
- }
4161
- }
4162
- /**************** Premium Image Button ***********/
4163
- /*************************************************/
4164
- .premium-image-button {
4165
- -js-display: inline-flex;
4166
- display: -webkit-inline-box;
4167
- display: -webkit-inline-flex;
4168
- display: -moz-inline-box;
4169
- display: -ms-inline-flexbox;
4170
- display: inline-flex;
4171
- position: relative;
4172
- overflow: hidden;
4173
- background-color: #eee;
4174
- cursor: pointer;
4175
- -webkit-transition: all 0.2s ease-in-out !important;
4176
- transition: all 0.2s ease-in-out !important;
4177
- }
4178
-
4179
- .premium-image-button .premium-button-style6-bg,
4180
- .premium-image-button.premium-button-style6:before,
4181
- .premium-image-button:not(.premium-image-button-style6):hover {
4182
- background-color: #54595f;
4183
- }
4184
-
4185
- /*Default background for slide styles*/
4186
- .premium-image-button:hover,
4187
- .premium-image-button-style4-icon-wrapper,
4188
- .premium-image-button-style1-top:before,
4189
- .premium-image-button-style1-bottom:before,
4190
- .premium-image-button-style1-left:before,
4191
- .premium-image-button-style1-right:before {
4192
- background-color: #54595f;
4193
- }
4194
-
4195
- .premium-image-button-text-icon-wrapper {
4196
- width: 100%;
4197
- -js-display: flex;
4198
- display: -webkit-box;
4199
- display: -webkit-flex;
4200
- display: -moz-box;
4201
- display: -ms-flexbox;
4202
- display: flex;
4203
- -webkit-box-pack: center;
4204
- -webkit-justify-content: center;
4205
- -moz-box-pack: center;
4206
- -ms-flex-pack: center;
4207
- justify-content: center;
4208
- -webkit-box-align: center;
4209
- -webkit-align-items: center;
4210
- -moz-box-align: center;
4211
- -ms-flex-align: center;
4212
- align-items: center;
4213
- position: relative;
4214
- z-index: 3;
4215
- -webkit-transition: all 0.2s ease-in-out;
4216
- transition: all 0.2s ease-in-out;
4217
- }
4218
-
4219
- .premium-image-button-text-icon-wrapper span,
4220
- .premium-image-button-text-icon-wrapper,
4221
- .premium-image-button-text-icon-wrapper i,
4222
- .premium-image-button-text-icon-wrapper svg {
4223
- -webkit-transition: all 0.2s ease-in-out;
4224
- transition: all 0.2s ease-in-out;
4225
- }
4226
-
4227
- .premium-image-button-style1-bottom:before,
4228
- .premium-image-button-style1-top:before,
4229
- .premium-image-button-style1-left:before,
4230
- .premium-image-button-style1-right:before {
4231
- -webkit-transition: all 0.2s ease-in-out;
4232
- transition: all 0.2s ease-in-out;
4233
- }
4234
-
4235
- .premium-image-button-style1-bottom:before {
4236
- content: "";
4237
- position: absolute;
4238
- width: 100%;
4239
- height: 0;
4240
- top: 0;
4241
- right: 0;
4242
- }
4243
-
4244
- .premium-image-button-style1-top:before {
4245
- content: "";
4246
- position: absolute;
4247
- width: 100%;
4248
- height: 0;
4249
- bottom: 0;
4250
- right: 0;
4251
- }
4252
-
4253
- .premium-image-button-style1-right:before {
4254
- content: "";
4255
- position: absolute;
4256
- width: 0;
4257
- height: 100%;
4258
- bottom: 0;
4259
- right: 0;
4260
- }
4261
-
4262
- .premium-image-button-style1-left:before {
4263
- content: "";
4264
- position: absolute;
4265
- width: 0;
4266
- height: 100%;
4267
- top: 0;
4268
- left: 0;
4269
- }
4270
-
4271
- .premium-image-button-style1-bottom:hover:before {
4272
- height: 100%;
4273
- }
4274
-
4275
- .premium-image-button-style1-top:hover:before {
4276
- height: 100%;
4277
- }
4278
-
4279
- .premium-image-button-style1-right:hover:before {
4280
- width: 100%;
4281
- }
4282
-
4283
- .premium-image-button-style1-left:hover:before {
4284
- width: 100%;
4285
- }
4286
-
4287
- .premium-image-button-diagonal-top,
4288
- .premium-image-button-diagonal-bottom,
4289
- .premium-image-button-diagonal-left,
4290
- .premium-image-button-diagonal-right {
4291
- z-index: 10;
4292
- }
4293
-
4294
- .premium-image-button-diagonal-top:before,
4295
- .premium-image-button-diagonal-bottom:before,
4296
- .premium-image-button-diagonal-left:before,
4297
- .premium-image-button-diagonal-right:before {
4298
- position: absolute;
4299
- top: 0px;
4300
- right: 0px;
4301
- width: 100%;
4302
- height: 100%;
4303
- content: "";
4304
- z-index: 1;
4305
- background: rgba(255, 255, 255, 0.2);
4306
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
4307
- -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
4308
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
4309
- -webkit-transition: all 0.8s ease-out;
4310
- transition: all 0.8s ease-out;
4311
- }
4312
-
4313
- .premium-image-button-diagonal-right:hover:before,
4314
- .premium-image-button-diagonal-left:before {
4315
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
4316
- -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
4317
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
4318
- }
4319
-
4320
- .premium-image-button-diagonal-left:hover:before,
4321
- .premium-image-button-diagonal-right:before {
4322
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
4323
- -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
4324
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
4325
- }
4326
-
4327
- .premium-image-button-diagonal-top:hover:before,
4328
- .premium-image-button-diagonal-bottom:before {
4329
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
4330
- -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
4331
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
4332
- }
4333
-
4334
- .premium-image-button-diagonal-bottom:hover:before,
4335
- .premium-image-button-diagonal-top:before {
4336
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
4337
- -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
4338
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
4339
- }
4340
-
4341
- .premium-image-button-style4-icon-wrapper {
4342
- position: absolute;
4343
- z-index: 2;
4344
- width: 100%;
4345
- text-align: center;
4346
- display: -webkit-box;
4347
- display: -webkit-flex;
4348
- display: -ms-flexbox;
4349
- -js-display: flex;
4350
- display: -moz-box;
4351
- display: flex;
4352
- -webkit-box-align: center;
4353
- -webkit-align-items: center;
4354
- -moz-box-align: center;
4355
- -ms-flex-align: center;
4356
- align-items: center;
4357
- -webkit-box-pack: center;
4358
- -webkit-justify-content: center;
4359
- -moz-box-pack: center;
4360
- -ms-flex-pack: center;
4361
- justify-content: center;
4362
- height: 100%;
4363
- opacity: 0;
4364
- -webkit-transition: all 0.3s ease-in-out;
4365
- transition: all 0.3s ease-in-out;
4366
- }
4367
-
4368
- .premium-image-button-style4-icon-wrapper.top {
4369
- bottom: -100%;
4370
- right: 0;
4371
- }
4372
-
4373
- .premium-image-button-style4-icon-wrapper.bottom {
4374
- top: -100%;
4375
- right: 0;
4376
- }
4377
-
4378
- .premium-image-button-style4-icon-wrapper.left {
4379
- top: 0;
4380
- right: -100%;
4381
- }
4382
-
4383
- .premium-image-button-style4-icon-wrapper.right {
4384
- top: 0;
4385
- left: -100%;
4386
- }
4387
-
4388
- .premium-image-button-style4-bottom:hover .premium-image-button-style4-icon-wrapper {
4389
- top: 0;
4390
- opacity: 1;
4391
- }
4392
-
4393
- .premium-image-button-style4-top:hover .premium-image-button-style4-icon-wrapper {
4394
- bottom: 0;
4395
- opacity: 1;
4396
- }
4397
-
4398
- .premium-image-button-style4-left:hover .premium-image-button-style4-icon-wrapper {
4399
- right: 0;
4400
- opacity: 1;
4401
- }
4402
-
4403
- .premium-image-button-style4-right:hover .premium-image-button-style4-icon-wrapper {
4404
- left: 0;
4405
- opacity: 1;
4406
- }
4407
-
4408
- .premium-image-button-style4-bottom:hover .premium-image-button-text-icon-wrapper {
4409
- -webkit-transform: translateY(100%);
4410
- -ms-transform: translateY(100%);
4411
- transform: translateY(100%);
4412
- opacity: 0;
4413
- }
4414
-
4415
- .premium-image-button-style4-top:hover .premium-image-button-text-icon-wrapper {
4416
- -webkit-transform: translateY(-100%);
4417
- -ms-transform: translateY(-100%);
4418
- transform: translateY(-100%);
4419
- opacity: 0;
4420
- }
4421
-
4422
- .premium-image-button-style4-left:hover .premium-image-button-text-icon-wrapper {
4423
- -webkit-transform: translateX(-100%);
4424
- -ms-transform: translateX(-100%);
4425
- transform: translateX(-100%);
4426
- opacity: 0;
4427
- }
4428
-
4429
- .premium-image-button-style4-right:hover .premium-image-button-text-icon-wrapper {
4430
- -webkit-transform: translateX(100%);
4431
- -ms-transform: translateX(100%);
4432
- transform: translateX(100%);
4433
- opacity: 0;
4434
- }
4435
-
4436
- .premium-image-button-overlap-effect-horizontal:before,
4437
- .premium-image-button-overlap-effect-vertical:before {
4438
- position: absolute;
4439
- content: "";
4440
- top: 0;
4441
- right: 0;
4442
- width: 100%;
4443
- height: 100%;
4444
- opacity: 0;
4445
- -webkit-transition: all 1s ease-in-out;
4446
- transition: all 1s ease-in-out;
4447
- background: rgba(255, 255, 255, 0.2);
4448
- -webkit-animation-name: premium-overlap-effect-done;
4449
- animation-name: premium-overlap-effect-done;
4450
- -webkit-animation-duration: 1s;
4451
- animation-duration: 1s;
4452
- }
4453
-
4454
- .premium-image-button-overlap-effect-vertical:before {
4455
- -webkit-animation-name: premium-overlap-ver-effect-done;
4456
- animation-name: premium-overlap-ver-effect-done;
4457
- -webkit-animation-duration: 1s;
4458
- animation-duration: 1s;
4459
- }
4460
-
4461
- .premium-image-button-overlap-effect-horizontal:hover:before {
4462
- -webkit-animation-name: premium-overlap-effect;
4463
- animation-name: premium-overlap-effect;
4464
- -webkit-animation-duration: 1s;
4465
- animation-duration: 1s;
4466
- }
4467
-
4468
- .premium-image-button-overlap-effect-vertical:hover:before {
4469
- -webkit-animation-name: premium-overlap-ver-effect;
4470
- animation-name: premium-overlap-ver-effect;
4471
- -webkit-animation-duration: 1s;
4472
- animation-duration: 1s;
4473
- }
4474
-
4475
- @-webkit-keyframes premium-overlap-effect {
4476
- 0% {
4477
- opacity: 0;
4478
- -webkit-transform: rotateY(0deg);
4479
- transform: rotateY(0deg);
4480
- }
4481
-
4482
- 50% {
4483
- opacity: 1;
4484
- -webkit-transform: rotateY(180deg);
4485
- transform: rotateY(180deg);
4486
- }
4487
-
4488
- 100% {
4489
- opacity: 0;
4490
- -webkit-transform: rotateY(360deg);
4491
- transform: rotateY(360deg);
4492
- }
4493
- }
4494
-
4495
- @keyframes premium-overlap-effect {
4496
- 0% {
4497
- opacity: 0;
4498
- -webkit-transform: rotateY(0deg);
4499
- transform: rotateY(0deg);
4500
- }
4501
-
4502
- 50% {
4503
- opacity: 1;
4504
- -webkit-transform: rotateY(180deg);
4505
- transform: rotateY(180deg);
4506
- }
4507
-
4508
- 100% {
4509
- opacity: 0;
4510
- -webkit-transform: rotateY(360deg);
4511
- transform: rotateY(360deg);
4512
- }
4513
- }
4514
-
4515
- @-webkit-keyframes premium-overlap-effect-done {
4516
- 0% {
4517
- opacity: 0;
4518
- -webkit-transform: rotateY(0deg);
4519
- transform: rotateY(0deg);
4520
- }
4521
-
4522
- 50% {
4523
- opacity: 1;
4524
- -webkit-transform: rotateY(180deg);
4525
- transform: rotateY(180deg);
4526
- }
4527
-
4528
- 100% {
4529
- opacity: 0;
4530
- -webkit-transform: rotateY(360deg);
4531
- transform: rotateY(360deg);
4532
- }
4533
- }
4534
-
4535
- @keyframes premium-overlap-effect-done {
4536
- 0% {
4537
- opacity: 0;
4538
- -webkit-transform: rotateY(0deg);
4539
- transform: rotateY(0deg);
4540
- }
4541
-
4542
- 50% {
4543
- opacity: 1;
4544
- -webkit-transform: rotateY(180deg);
4545
- transform: rotateY(180deg);
4546
- }
4547
-
4548
- 100% {
4549
- opacity: 0;
4550
- -webkit-transform: rotateY(360deg);
4551
- transform: rotateY(360deg);
4552
- }
4553
- }
4554
-
4555
- @-webkit-keyframes premium-overlap-ver-effect {
4556
- 0% {
4557
- opacity: 0;
4558
- -webkit-transform: rotateX(0deg);
4559
- transform: rotateX(0deg);
4560
- }
4561
-
4562
- 50% {
4563
- opacity: 1;
4564
- -webkit-transform: rotateX(180deg);
4565
- transform: rotateX(180deg);
4566
- }
4567
-
4568
- 100% {
4569
- opacity: 0;
4570
- -webkit-transform: rotateX(360deg);
4571
- transform: rotateX(360deg);
4572
- }
4573
- }
4574
-
4575
- @keyframes premium-overlap-ver-effect {
4576
- 0% {
4577
- opacity: 0;
4578
- -webkit-transform: rotateX(0deg);
4579
- transform: rotateX(0deg);
4580
- }
4581
-
4582
- 50% {
4583
- opacity: 1;
4584
- -webkit-transform: rotateX(180deg);
4585
- transform: rotateX(180deg);
4586
- }
4587
-
4588
- 100% {
4589
- opacity: 0;
4590
- -webkit-transform: rotateX(360deg);
4591
- transform: rotateX(360deg);
4592
- }
4593
- }
4594
-
4595
- @-webkit-keyframes premium-overlap-ver-effect-done {
4596
- 0% {
4597
- opacity: 0;
4598
- -webkit-transform: rotateX(0deg);
4599
- transform: rotateX(0deg);
4600
- }
4601
-
4602
- 50% {
4603
- opacity: 1;
4604
- -webkit-transform: rotateX(180deg);
4605
- transform: rotateX(180deg);
4606
- }
4607
-
4608
- 100% {
4609
- opacity: 0;
4610
- -webkit-transform: rotateX(360deg);
4611
- transform: rotateX(360deg);
4612
- }
4613
- }
4614
-
4615
- @keyframes premium-overlap-ver-effect-done {
4616
- 0% {
4617
- opacity: 0;
4618
- -webkit-transform: rotateX(0deg);
4619
- transform: rotateX(0deg);
4620
- }
4621
-
4622
- 50% {
4623
- opacity: 1;
4624
- -webkit-transform: rotateX(180deg);
4625
- transform: rotateX(180deg);
4626
- }
4627
-
4628
- 100% {
4629
- opacity: 0;
4630
- -webkit-transform: rotateX(360deg);
4631
- transform: rotateX(360deg);
4632
- }
4633
- }
4634
- /************ Premium Image Scroll ***************/
4635
- /*************************************************/
4636
- .premium-image-scroll-section,
4637
- .premium-image-scroll-container {
4638
- -webkit-transition: all 0.3s ease-in-out;
4639
- transition: all 0.3s ease-in-out;
4640
- }
4641
-
4642
- .premium-image-scroll-section {
4643
- position: relative;
4644
- overflow: hidden;
4645
- width: 100%;
4646
- -webkit-mask-image: -webkit-radial-gradient(white, black);
4647
- }
4648
-
4649
- .premium-image-scroll-container {
4650
- width: 100%;
4651
- }
4652
-
4653
- .premium-image-scroll-container .premium-image-scroll-mask-media {
4654
- -webkit-mask-repeat: no-repeat;
4655
- mask-repeat: no-repeat;
4656
- -webkit-mask-position: center;
4657
- mask-position: center;
4658
- }
4659
-
4660
- .premium-container-scroll {
4661
- overflow: auto;
4662
- }
4663
-
4664
- .premium-image-scroll-container .premium-image-scroll-horizontal {
4665
- position: relative;
4666
- width: 100%;
4667
- height: 100%;
4668
- }
4669
-
4670
- .premium-image-scroll-container .premium-image-scroll-horizontal img {
4671
- max-width: none;
4672
- height: 100%;
4673
- }
4674
-
4675
- .premium-image-scroll-container .premium-image-scroll-vertical img {
4676
- width: 100%;
4677
- max-width: 100%;
4678
- height: auto;
4679
- }
4680
-
4681
- .premium-image-scroll-ver {
4682
- position: relative;
4683
- }
4684
-
4685
- .premium-image-scroll-container .premium-image-scroll-overlay {
4686
- background: rgba(2, 2, 2, 0.3);
4687
- }
4688
-
4689
- .premium-image-scroll-container .premium-image-scroll-link,
4690
- .premium-image-scroll-container .premium-image-scroll-overlay {
4691
- position: absolute;
4692
- top: 0;
4693
- bottom: 0;
4694
- right: 0;
4695
- left: 0;
4696
- z-index: 4;
4697
- }
4698
-
4699
- .premium-image-scroll-content {
4700
- display: inline-block;
4701
- position: absolute;
4702
- height: auto;
4703
- top: 50%;
4704
- right: 50%;
4705
- text-align: center;
4706
- z-index: 5;
4707
- -webkit-transform: translate(50%, -50%);
4708
- -ms-transform: translate(50%, -50%);
4709
- transform: translate(50%, -50%);
4710
- }
4711
-
4712
- .premium-container-scroll-instant .premium-image-scroll-image {
4713
- -webkit-transition: all 0s ease-in-out !important;
4714
- transition: all 0s ease-in-out !important;
4715
- }
4716
-
4717
- .premium-image-scroll-container img {
4718
- -webkit-transition: -webkit-transform 3s ease-in-out;
4719
- transition: -webkit-transform 3s ease-in-out;
4720
- transition: transform 3s ease-in-out;
4721
- transition: transform 3s ease-in-out, -webkit-transform 3s ease-in-out;
4722
- }
4723
-
4724
- .premium-image-scroll-container .premium-image-scroll-overlay,
4725
- .premium-image-scroll-container .premium-image-scroll-content {
4726
- -webkit-transition: all 0.3s ease-in-out;
4727
- transition: all 0.3s ease-in-out;
4728
- opacity: 1;
4729
- }
4730
-
4731
- .premium-image-scroll-container:hover .premium-image-scroll-overlay {
4732
- opacity: 0;
4733
- }
4734
-
4735
- .premium-image-scroll-container:hover .premium-image-scroll-content {
4736
- opacity: 0;
4737
- visibility: hidden;
4738
- }
4739
-
4740
- .premium-image-scroll-content .premium-image-scroll-icon {
4741
- display: inline-block;
4742
- font-family: "pa-elements" !important;
4743
- speak: none;
4744
- font-style: normal;
4745
- font-weight: normal;
4746
- font-variant: normal;
4747
- text-transform: none;
4748
- line-height: 1;
4749
- -webkit-font-smoothing: antialiased;
4750
- -moz-osx-font-smoothing: grayscale;
4751
- -webkit-animation-duration: 0.5s;
4752
- animation-duration: 0.5s;
4753
- -webkit-animation-iteration-count: infinite;
4754
- animation-iteration-count: infinite;
4755
- -webkit-animation-direction: alternate;
4756
- animation-direction: alternate;
4757
- -webkit-animation-timing-function: ease-in-out;
4758
- animation-timing-function: ease-in-out;
4759
- }
4760
-
4761
- .pa-horizontal-mouse-scroll:before {
4762
- content: "\e917";
4763
- }
4764
-
4765
- .pa-vertical-mouse-scroll:before {
4766
- content: "\e918";
4767
- }
4768
-
4769
- .pa-horizontal-mouse-scroll {
4770
- -webkit-animation-name: pa-scroll-horizontal;
4771
- animation-name: pa-scroll-horizontal;
4772
- }
4773
-
4774
- .pa-vertical-mouse-scroll {
4775
- -webkit-animation-name: pa-scroll-vertical;
4776
- animation-name: pa-scroll-vertical;
4777
- }
4778
-
4779
- @-webkit-keyframes pa-scroll-vertical {
4780
- 0% {
4781
- -webkit-transform: translateY(0px);
4782
- transform: translateY(0px);
4783
- }
4784
-
4785
- 100% {
4786
- -webkit-transform: translateY(5px);
4787
- transform: translateY(5px);
4788
- }
4789
- }
4790
-
4791
- @keyframes pa-scroll-vertical {
4792
- 0% {
4793
- -webkit-transform: translateY(0px);
4794
- transform: translateY(0px);
4795
- }
4796
-
4797
- 100% {
4798
- -webkit-transform: translateY(5px);
4799
- transform: translateY(5px);
4800
- }
4801
- }
4802
-
4803
- @-webkit-keyframes pa-scroll-horizontal {
4804
- 0% {
4805
- -webkit-transform: translateX(0px);
4806
- transform: translateX(0px);
4807
- }
4808
-
4809
- 100% {
4810
- -webkit-transform: translateX(-5px);
4811
- transform: translateX(-5px);
4812
- }
4813
- }
4814
-
4815
- @keyframes pa-scroll-horizontal {
4816
- 0% {
4817
- -webkit-transform: translateX(0px);
4818
- transform: translateX(0px);
4819
- }
4820
-
4821
- 100% {
4822
- -webkit-transform: translateX(-5px);
4823
- transform: translateX(-5px);
4824
- }
4825
- }
4826
- /**************** Premium Image Separator ****************/
4827
- /*********************************************************/
4828
- /*Image Separator Container Style*/
4829
- .premium-image-separator-container {
4830
- position: absolute;
4831
- width: 100%;
4832
- z-index: 2;
4833
- top: auto;
4834
- }
4835
-
4836
- .premium-image-separator-container img {
4837
- display: inline-block !important;
4838
- -webkit-mask-repeat: no-repeat;
4839
- mask-repeat: no-repeat;
4840
- -webkit-mask-position: center;
4841
- mask-position: center;
4842
- }
4843
-
4844
- /*Link on Image Style*/
4845
- .premium-image-separator-link {
4846
- position: absolute;
4847
- z-index: 9999;
4848
- top: 0;
4849
- right: 0;
4850
- width: 100%;
4851
- height: 100%;
4852
- text-decoration: none;
4853
- }
4854
-
4855
- /*Important to override Theme options*/
4856
- a.premium-image-separator-link:hover,
4857
- a.premium-image-separator-link:visited,
4858
- a.premium-image-separator-link:focus,
4859
- a.premium-image-separator-link:active {
4860
- -webkit-box-shadow: none !important;
4861
- box-shadow: none !important;
4862
- outline: none !important;
4863
- border: none !important;
4864
- text-decoration: none !important;
4865
- }
4866
-
4867
- .premium-image-separator-container .img-responsive {
4868
- display: inline-block;
4869
- }
4870
-
4871
- .premium-image-separator-container i,
4872
- .premium-image-separator-container>svg {
4873
- padding: 20px;
4874
- -webkit-transition: all 0.3s ease-in-out;
4875
- transition: all 0.3s ease-in-out;
4876
- }
4877
- /******** Premium Media Grid ********/
4878
- /************************************/
4879
- .premium-img-gallery-filter,
4880
- .premium-blog-filter {
4881
- display: -webkit-box;
4882
- display: -webkit-flex;
4883
- display: -ms-flexbox;
4884
- -js-display: flex;
4885
- display: -moz-box;
4886
- display: flex;
4887
- -webkit-box-align: center;
4888
- -webkit-align-items: center;
4889
- -moz-box-align: center;
4890
- -ms-flex-align: center;
4891
- align-items: center;
4892
- -webkit-box-pack: center;
4893
- -webkit-justify-content: center;
4894
- -moz-box-pack: center;
4895
- -ms-flex-pack: center;
4896
- justify-content: center;
4897
- }
4898
-
4899
- .premium-img-gallery {
4900
- clear: both;
4901
- overflow: hidden;
4902
- }
4903
-
4904
- .premium-gallery-container .premium-gallery-item {
4905
- padding: 10px;
4906
- float: right;
4907
- /* Google Chrome isotope issue */
4908
- }
4909
-
4910
- .premium-gallery-container .grid-sizer {
4911
- width: 33.33%;
4912
- }
4913
-
4914
- .premium-img-gallery-filter .premium-gallery-cats-container li a.category,
4915
- .premium-blog-filter .premium-blog-filters-container li a.category {
4916
- outline: none;
4917
- text-decoration: none;
4918
- -webkit-border-radius: 75px;
4919
- border-radius: 75px;
4920
- margin: 15px 5px 20px;
4921
- padding: 7px 20px;
4922
- -webkit-transition: all 0.3s ease-in-out;
4923
- transition: all 0.3s ease-in-out;
4924
- }
4925
-
4926
- /* .premium-img-gallery-filter .premium-gallery-cats-container li a.category span {
4927
- -webkit-transition: all 0.3s ease-in-out;
4928
- transition: all 0.3s ease-in-out;
4929
- } */
4930
-
4931
- .pa-gallery-img {
4932
- position: relative;
4933
- }
4934
-
4935
- .pa-gallery-img .pa-gallery-whole-link {
4936
- position: absolute;
4937
- top: 0;
4938
- right: 0;
4939
- width: 100%;
4940
- height: 100%;
4941
- }
4942
-
4943
- .pa-gallery-img.style2 .pa-gallery-whole-link {
4944
- z-index: 99;
4945
- }
4946
-
4947
- .pa-gallery-img-container {
4948
- overflow: hidden;
4949
- -webkit-backface-visibility: hidden;
4950
- -moz-backface-visibility: hidden;
4951
- -webkit-transform: translate3d(0, 0, 0);
4952
- transform: translate3d(0, 0, 0);
4953
- }
4954
-
4955
- .pa-gallery-img-container img {
4956
- display: block;
4957
- width: 100%;
4958
- -webkit-transition: all 0.3s ease-in-out;
4959
- transition: all 0.3s ease-in-out;
4960
- }
4961
-
4962
- .premium-img-gallery.gray img {
4963
- -webkit-filter: grayscale(100%);
4964
- filter: grayscale(100%);
4965
- }
4966
-
4967
- .premium-img-gallery.zoomout img,
4968
- .premium-img-gallery.scale img {
4969
- -webkit-transform: scale(1.2);
4970
- -ms-transform: scale(1.2);
4971
- transform: scale(1.2);
4972
- }
4973
-
4974
- .premium-img-gallery.sepia img {
4975
- -webkit-filter: sepia(30%);
4976
- filter: sepia(30%);
4977
- }
4978
-
4979
- .premium-img-gallery.bright img {
4980
- -webkit-filter: brightness(1);
4981
- filter: brightness(1);
4982
- }
4983
-
4984
- .premium-img-gallery.trans img {
4985
- -webkit-transform: translateX(15px) scale(1.1);
4986
- -ms-transform: translateX(15px) scale(1.1);
4987
- transform: translateX(15px) scale(1.1);
4988
- }
4989
-
4990
- .pa-gallery-img .pa-gallery-magnific-image,
4991
- .pa-gallery-img .pa-gallery-img-link {
4992
- outline: none;
4993
- }
4994
-
4995
- .pa-gallery-img .pa-gallery-magnific-image i,
4996
- .pa-gallery-img .pa-gallery-magnific-image svg,
4997
- .pa-gallery-img .pa-gallery-img-link i,
4998
- .pa-gallery-img .pa-gallery-img-link svg {
4999
- -webkit-transition: all 0.3s ease-in-out;
5000
- transition: all 0.3s ease-in-out;
5001
- }
5002
-
5003
- .pa-gallery-img .pa-gallery-magnific-image span,
5004
- .pa-gallery-img .pa-gallery-img-link span {
5005
- line-height: 1;
5006
- display: inline-block;
5007
- opacity: 0;
5008
- margin: 0 5px;
5009
- padding: 15px;
5010
- -webkit-border-radius: 50%;
5011
- border-radius: 50%;
5012
- }
5013
-
5014
- .pa-gallery-img.style2 .pa-gallery-magnific-image span,
5015
- .pa-gallery-img.style2 .pa-gallery-img-link span {
5016
- margin: 0 5px 20px;
5017
- }
5018
-
5019
- .pa-gallery-img:hover .pa-gallery-magnific-image span {
5020
- -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
5021
- transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
5022
- }
5023
-
5024
- .pa-gallery-img:hover .pa-gallery-img-link span {
5025
- -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
5026
- transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
5027
- }
5028
-
5029
- .pa-gallery-img:hover .pa-gallery-magnific-image span,
5030
- .pa-gallery-img:hover .pa-gallery-img-link span,
5031
- .premium-gallery-icon-show a.pa-gallery-video-icon span {
5032
- opacity: 1;
5033
- }
5034
-
5035
- .premium-img-gallery-filter ul.premium-gallery-cats-container,
5036
- .premium-blog-filter ul.premium-blog-filters-container {
5037
- text-align: center;
5038
- margin: 0;
5039
- padding: 0;
5040
- }
5041
-
5042
- .premium-img-gallery-filter .premium-gallery-cats-container li,
5043
- .premium-blog-filter .premium-blog-filters-container li {
5044
- list-style: none;
5045
- display: -webkit-inline-box;
5046
- display: -webkit-inline-flex;
5047
- display: -ms-inline-flexbox;
5048
- -js-display: inline-flex;
5049
- display: -moz-inline-box;
5050
- display: inline-flex;
5051
- }
5052
-
5053
- .premium-img-gallery.zoomin .pa-gallery-img:hover img {
5054
- -webkit-transform: scale(1.1);
5055
- -ms-transform: scale(1.1);
5056
- transform: scale(1.1);
5057
- }
5058
-
5059
- .premium-img-gallery.zoomout .pa-gallery-img:hover img {
5060
- -webkit-transform: scale(1);
5061
- -ms-transform: scale(1);
5062
- transform: scale(1);
5063
- }
5064
-
5065
- .premium-img-gallery.scale .pa-gallery-img:hover img {
5066
- -webkit-transform: scale(1.3) rotate(-5deg);
5067
- -ms-transform: scale(1.3) rotate(-5deg);
5068
- transform: scale(1.3) rotate(-5deg);
5069
- }
5070
-
5071
- .premium-img-gallery.gray .pa-gallery-img:hover img {
5072
- -webkit-filter: grayscale(0%);
5073
- filter: grayscale(0%);
5074
- }
5075
-
5076
- .premium-img-gallery.blur .pa-gallery-img:hover img {
5077
- -webkit-filter: blur(3px);
5078
- filter: blur(3px);
5079
- }
5080
-
5081
- .premium-img-gallery.sepia .pa-gallery-img:hover img {
5082
- -webkit-filter: sepia(0%);
5083
- filter: sepia(0%);
5084
- }
5085
-
5086
- .premium-img-gallery.trans .pa-gallery-img:hover img {
5087
- -webkit-transform: translateX(0px) scale(1.1);
5088
- -ms-transform: translateX(0px) scale(1.1);
5089
- transform: translateX(0px) scale(1.1);
5090
- }
5091
-
5092
- .premium-img-gallery.bright .pa-gallery-img:hover img {
5093
- -webkit-filter: brightness(1.2);
5094
- filter: brightness(1.2);
5095
- }
5096
-
5097
- .pa-gallery-img .premium-gallery-caption {
5098
- padding: 10px;
5099
- }
5100
-
5101
- .pa-gallery-img .premium-gallery-caption .premium-gallery-img-name {
5102
- margin-bottom: 0;
5103
- }
5104
-
5105
- .pa-gallery-img.style1 {
5106
- overflow: hidden;
5107
- }
5108
-
5109
- .pa-gallery-img:not(.style2) .pa-gallery-icons-wrapper {
5110
- position: absolute;
5111
- top: 0;
5112
- right: 0;
5113
- width: 100%;
5114
- height: 100%;
5115
- -webkit-transition: all 0.3s ease-in-out;
5116
- transition: all 0.3s ease-in-out;
5117
- }
5118
-
5119
- .pa-gallery-img:not(.style2) .pa-gallery-icons-inner-container {
5120
- position: absolute;
5121
- top: 33.33%;
5122
- width: 100%;
5123
- text-align: center;
5124
- -webkit-transform: translateY(-50%);
5125
- -ms-transform: translateY(-50%);
5126
- transform: translateY(-50%);
5127
- z-index: 999;
5128
- }
5129
-
5130
- .pa-gallery-img.style1 .premium-gallery-caption {
5131
- position: absolute;
5132
- top: auto;
5133
- left: 0;
5134
- right: 0;
5135
- width: 100%;
5136
- -webkit-transition: all 500ms ease 0s;
5137
- transition: all 500ms ease 0s;
5138
- -webkit-transform: translate3d(0, 100%, 0);
5139
- -ms-transform: translate3d(0, 100%, 0);
5140
- transform: translate3d(0, 100%, 0);
5141
- }
5142
-
5143
- .pa-gallery-img.default .premium-gallery-caption {
5144
- position: absolute;
5145
- top: auto;
5146
- left: 0;
5147
- right: 0;
5148
- width: 100%;
5149
- bottom: 0;
5150
- }
5151
-
5152
- .pa-gallery-img.style1:hover .premium-gallery-caption {
5153
- -webkit-transform: translate3d(0, 0, 0);
5154
- -ms-transform: translate3d(0, 0, 0);
5155
- transform: translate3d(0, 0, 0);
5156
- bottom: -1px !important;
5157
- }
5158
-
5159
- .pa-gallery-img.style2 .pa-gallery-icons-caption-container {
5160
- position: absolute;
5161
- top: 0;
5162
- right: 0;
5163
- width: 100%;
5164
- height: 100%;
5165
- opacity: 0;
5166
- -webkit-backface-visibility: hidden;
5167
- backface-visibility: hidden;
5168
- -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
5169
- -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
5170
- transition: opacity 0.3s, -webkit-transform 0.3s;
5171
- transition: transform 0.3s, opacity 0.3s;
5172
- transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
5173
- z-index: 1;
5174
- background-color: rgba(108, 191, 226, 0.68);
5175
- display: -webkit-box;
5176
- display: -webkit-flex;
5177
- display: -ms-flexbox;
5178
- -js-display: flex;
5179
- display: -moz-box;
5180
- display: flex;
5181
- text-align: center;
5182
- -webkit-box-align: center;
5183
- -webkit-align-items: center;
5184
- -moz-box-align: center;
5185
- -ms-flex-align: center;
5186
- align-items: center;
5187
- }
5188
-
5189
- .pa-gallery-img.style2 .pa-gallery-icons-caption-cell {
5190
- width: 100%;
5191
- }
5192
-
5193
- .pa-gallery-img.style2:hover .pa-gallery-icons-caption-container {
5194
- opacity: 1;
5195
- -webkit-transform: translate(-15px, 15px);
5196
- -ms-transform: translate(-15px, 15px);
5197
- transform: translate(-15px, 15px);
5198
- }
5199
-
5200
- .premium-clearfix {
5201
- clear: both;
5202
- }
5203
-
5204
- .premium-gallery-container .pa-gallery-item {
5205
- padding: 10px;
5206
- }
5207
-
5208
- /**
5209
- * Metro Layout
5210
- */
5211
- .premium-img-gallery-metro .premium-gallery-item {
5212
- overflow: hidden;
5213
- }
5214
-
5215
- .premium-img-gallery-metro .pa-gallery-img {
5216
- height: 100%;
5217
- }
5218
-
5219
- .premium-img-gallery-metro .pa-gallery-img-container {
5220
- height: 100%;
5221
- }
5222
-
5223
- .premium-img-gallery-metro .pa-gallery-img-container img {
5224
- min-height: 100%;
5225
- width: 100%;
5226
- -o-object-fit: fill;
5227
- object-fit: fill;
5228
- }
5229
-
5230
- .premium-img-gallery .premium-gallery-item-hidden {
5231
- visibility: hidden;
5232
- width: 0 !important;
5233
- height: 0 !important;
5234
- margin: 0 !important;
5235
- padding: 0 !important;
5236
- }
5237
-
5238
- .premium-gallery-load-more .premium-gallery-load-more-btn {
5239
- -webkit-box-shadow: none;
5240
- box-shadow: none;
5241
- text-shadow: none;
5242
- border: none;
5243
- outline: none;
5244
- -webkit-box-align: center;
5245
- -ms-flex-align: center;
5246
- -webkit-align-items: center;
5247
- -moz-box-align: center;
5248
- align-items: center;
5249
- vertical-align: bottom;
5250
- cursor: pointer;
5251
- line-height: 1;
5252
- font-style: normal;
5253
- font-weight: normal;
5254
- background-image: none;
5255
- color: #fff;
5256
- -webkit-transition: all 0.3s ease-in-out;
5257
- transition: all 0.3s ease-in-out;
5258
- }
5259
-
5260
- .premium-gallery-load-more-btn {
5261
- display: -webkit-inline-box;
5262
- display: -webkit-inline-flex;
5263
- display: -ms-inline-flexbox;
5264
- -js-display: inline-flex;
5265
- display: -moz-inline-box;
5266
- display: inline-flex;
5267
- -webkit-box-align: center;
5268
- -webkit-align-items: center;
5269
- -moz-box-align: center;
5270
- -ms-flex-align: center;
5271
- align-items: center;
5272
- }
5273
-
5274
- .premium-gallery-load-more-btn div {
5275
- margin-right: 3px;
5276
- }
5277
-
5278
- .premium-gallery-load-more-btn .premium-loader {
5279
- display: inline-block;
5280
- width: 20px;
5281
- height: 20px;
5282
- }
5283
-
5284
- /** * Video */
5285
- .pa-gallery-img .pa-gallery-lightbox-wrap {
5286
- display: inline-block;
5287
- }
5288
-
5289
- .premium-img-gallery-no-lightbox .premium-gallery-video-item .pa-gallery-img,
5290
- .pa-gallery-img .pa-gallery-video-icon {
5291
- cursor: pointer;
5292
- }
5293
-
5294
- .pa-gallery-img-container iframe,
5295
- .pa-gallery-img-container video {
5296
- position: absolute;
5297
- visibility: hidden;
5298
- top: 0;
5299
- right: 0;
5300
- max-width: 100%;
5301
- width: 100%;
5302
- height: 100%;
5303
- margin: 0;
5304
- line-height: 1;
5305
- border: none;
5306
- }
5307
-
5308
- .pa-gallery-img-container video {
5309
- -o-object-fit: contain;
5310
- object-fit: contain;
5311
- }
5312
-
5313
- .pa-gallery-icons-inner-container svg,
5314
- .pa-gallery-icons-caption-cell svg {
5315
- width: 14px;
5316
- height: 14px;
5317
- }
5318
-
5319
- .premium-gallery-gradient-layer {
5320
- position: absolute;
5321
- bottom: 40px;
5322
- width: 100%;
5323
- height: 20px;
5324
- background: -webkit-gradient(linear, left bottom, left top, from(#17181f), to(rgba(255, 255, 255, 0)));
5325
- background: -webkit-linear-gradient(bottom, #17181f 0%, rgba(255, 255, 255, 0) 100%);
5326
- background: linear-gradient(to top, #17181f 0%, rgba(255, 255, 255, 0) 100%);
5327
  }
5328
- /********* Premium Lottie Animations **********/
5329
- /**********************************************/
5330
- .elementor-widget-premium-lottie .premium-lottie-animation {
5331
- position: relative;
5332
- -js-display: inline-flex;
5333
- display: -webkit-inline-box;
5334
- display: -webkit-inline-flex;
5335
- display: -moz-inline-box;
5336
- display: -ms-inline-flexbox;
5337
- display: inline-flex;
5338
- -webkit-transition: all 0.3s ease-in-out;
5339
- transition: all 0.3s ease-in-out;
5340
  }
5341
 
5342
- .elementor-widget-premium-lottie .premium-lottie-animation a {
 
 
 
 
 
 
 
 
5343
  position: absolute;
5344
- left: 0;
5345
  top: 0;
 
5346
  width: 100%;
5347
  height: 100%;
5348
- z-index: 2;
 
 
 
 
 
 
 
5349
  }
5350
- /**************** Premium Google Maps ******************/
5351
- /*******************************************************/
5352
- .premium-maps-info-container {
5353
- margin-top: 10px;
5354
- margin-bottom: 10px;
 
5355
  }
5356
 
5357
- .premium-maps-info-title,
5358
- .premium-maps-info-desc {
5359
- margin: 0;
5360
- padding: 0;
 
5361
  }
5362
 
5363
- .premium-maps-container .gm-style-iw {
5364
- text-align: center;
5365
- direction: ltr;
 
 
5366
  }
5367
 
5368
- .premium-maps-container .gm-style img {
5369
- max-width: none !important;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
5370
  }
5371
- /**************** Premium Modal Box ****************/
5372
- /***************************************************/
5373
- .premium-modal-trigger-btn,
5374
- .premium-modal-box-modal-lower-close {
5375
- display: inline-block;
5376
- padding: 6px 12px;
5377
- margin-bottom: 0;
5378
- font-size: 14px;
5379
- font-weight: normal;
5380
- line-height: 1.42857143;
5381
- text-align: center;
5382
- white-space: nowrap;
5383
- vertical-align: middle;
5384
- -ms-touch-action: manipulation;
5385
- touch-action: manipulation;
5386
- cursor: pointer;
5387
- -webkit-user-select: none;
5388
- -moz-user-select: none;
5389
- -ms-user-select: none;
5390
- user-select: none;
5391
- background-image: none;
5392
- border: 1px solid transparent;
5393
  }
5394
 
5395
- .premium-modal-trigger-btn>svg,
5396
- .premium-modal-trigger-btn .premium-modal-box-icon {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
5397
  -webkit-transition: all 0.3s ease-in-out;
5398
  transition: all 0.3s ease-in-out;
5399
  }
5400
 
5401
- .premium-modal-trigger-btn>svg {
5402
- width: 30px;
5403
- height: 30px;
 
 
5404
  }
5405
 
5406
- .premium-modal-box-modal-close {
5407
- float: left;
5408
- font-size: 21px;
5409
- font-weight: bold;
5410
- line-height: 1;
5411
- color: #000;
5412
  }
5413
 
5414
- .premium-modal-box-modal-close:hover,
5415
- .premium-modal-box-modal-close:focus {
5416
- color: #000;
5417
- text-decoration: none;
5418
- cursor: pointer;
5419
  }
5420
 
5421
- button.premium-modal-box-modal-close {
5422
- -webkit-appearance: none;
5423
- padding: 0;
5424
- cursor: pointer;
5425
- background: transparent;
5426
- border: 0;
5427
  }
5428
 
5429
- .premium-modal-box-modal {
5430
- position: fixed;
5431
- top: 0;
5432
- left: 0;
5433
- bottom: 0;
5434
- right: 0;
5435
- z-index: 1050;
5436
- display: none;
5437
- -webkit-overflow-scrolling: touch;
5438
- outline: 0;
5439
- padding: 0 !important;
5440
- background: rgba(0, 0, 0, 0.5);
5441
- -webkit-box-align: center;
5442
- -webkit-align-items: center;
5443
- -moz-box-align: center;
5444
- -ms-flex-align: center;
5445
- align-items: center;
5446
- -webkit-box-pack: center;
5447
- -webkit-justify-content: center;
5448
- -moz-box-pack: center;
5449
- -ms-flex-pack: center;
5450
- justify-content: center;
5451
  }
5452
 
5453
- .premium-modal-box-modal .premium-modal-box-modal-dialog {
5454
- position: absolute;
5455
- max-height: -webkit-calc(100vh - 150px);
5456
- max-height: calc(100vh - 150px);
5457
- -js-display: flex;
5458
- display: -webkit-box;
5459
- display: -webkit-flex;
5460
- display: -moz-box;
5461
- display: -ms-flexbox;
5462
- display: flex;
5463
- -webkit-box-orient: vertical;
5464
- -webkit-box-direction: normal;
5465
- -webkit-flex-direction: column;
5466
- -moz-box-orient: vertical;
5467
- -moz-box-direction: normal;
5468
- -ms-flex-direction: column;
5469
- flex-direction: column;
5470
- opacity: 0;
5471
- background-color: #fff;
5472
- border: 1px solid rgba(0, 0, 0, 0.2);
5473
- -webkit-border-radius: 6px;
5474
- border-radius: 6px;
5475
  }
5476
 
5477
- .premium-modal-box-modal-content {
5478
- background-clip: padding-box;
5479
- outline: 0;
5480
- overflow-x: hidden;
5481
  }
5482
 
5483
- .premium-modal-backdrop.premium-in {
5484
- filter: alpha(opacity=50);
5485
- opacity: 0.5 !important;
5486
  }
5487
 
5488
- .premium-modal-fade.premium-in {
5489
- opacity: 1;
5490
  }
5491
 
5492
- .premium-modal-backdrop {
5493
- position: fixed;
 
5494
  top: 0;
5495
- left: 0;
5496
  bottom: 0;
5497
  right: 0;
5498
- z-index: 1040;
5499
- background-color: #000;
5500
- }
5501
-
5502
- .premium-modal-backdrop.premium-modal-fade {
5503
- filter: alpha(opacity=0);
5504
- opacity: 0;
5505
- }
5506
-
5507
- .premium-modal-fade {
5508
- opacity: 0;
5509
  }
5510
 
5511
- .premium-in {
5512
- -js-display: flex !important;
5513
- display: -webkit-box !important;
5514
- display: -webkit-flex !important;
5515
- display: -moz-box !important;
5516
- display: -ms-flexbox !important;
5517
- display: flex !important;
 
 
 
 
5518
  }
5519
 
5520
- .premium-modal-box-modal-header {
5521
- -js-display: flex;
5522
- display: -webkit-box;
5523
- display: -webkit-flex;
5524
- display: -moz-box;
5525
- display: -ms-flexbox;
5526
- display: flex;
5527
- -webkit-box-pack: justify;
5528
- -webkit-justify-content: space-between;
5529
- -moz-box-pack: justify;
5530
- -ms-flex-pack: justify;
5531
- justify-content: space-between;
5532
- -webkit-box-align: center;
5533
- -webkit-align-items: center;
5534
- -moz-box-align: center;
5535
- -ms-flex-align: center;
5536
- align-items: center;
5537
- padding: 5px 15px;
5538
- border-bottom: 1px solid #e5e5e5;
5539
  }
5540
 
5541
- .premium-modal-box-modal-header .premium-modal-box-modal-close {
5542
- margin-top: -2px;
 
 
 
5543
  }
5544
 
5545
- .premium-modal-box-modal-header .premium-modal-box-modal-title {
5546
- -js-display: flex;
5547
- display: -webkit-box;
5548
- display: -webkit-flex;
5549
- display: -moz-box;
5550
- display: -ms-flexbox;
5551
- display: flex;
5552
- -webkit-box-align: center;
5553
- -webkit-align-items: center;
5554
- -moz-box-align: center;
5555
- -ms-flex-align: center;
5556
- align-items: center;
5557
- margin: 0;
5558
- padding: 0;
5559
  }
5560
 
5561
- .premium-modal-box-modal-header .premium-modal-box-modal-title svg {
5562
- width: 50px;
5563
- height: 60px;
5564
  }
5565
 
5566
- .premium-modal-box-modal-body {
5567
- position: relative;
5568
- padding: 15px;
5569
  }
5570
 
5571
- .premium-modal-box-modal-footer {
5572
- padding: 15px;
5573
- text-align: left;
5574
- border-top: 1px solid #e5e5e5;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
5575
  }
5576
 
5577
- .premium-modal-scrollbar-measure {
5578
- position: absolute;
5579
- top: -9999px;
5580
- width: 50px;
5581
- height: 50px;
5582
- overflow: scroll;
5583
  }
5584
 
5585
- .premium-modal-trigger-text {
5586
- background: none !important;
5587
- display: inline-block;
5588
  }
5589
 
5590
- .premium-modal-box-container {
5591
- width: 100% !important;
 
5592
  }
5593
 
5594
- /*Open Modal Button Style*/
5595
- .premium-modal-trigger-container .premium-modal-trigger-btn {
5596
- -js-display: inline-flex;
5597
- display: -webkit-inline-box;
5598
- display: -webkit-inline-flex;
5599
- display: -moz-inline-box;
5600
- display: -ms-inline-flexbox;
5601
- display: inline-flex;
5602
- -webkit-box-align: center;
5603
- -webkit-align-items: center;
5604
- -moz-box-align: center;
5605
- -ms-flex-align: center;
5606
- align-items: center;
5607
- border: none;
5608
- -webkit-transition: all 0.3s ease-in-out;
5609
- transition: all 0.3s ease-in-out;
5610
  }
5611
 
5612
- .premium-modal-trigger-container .premium-modal-trigger-btn.premium-btn-block {
5613
- -webkit-box-pack: center;
5614
- -webkit-justify-content: center;
5615
- -moz-box-pack: center;
5616
- -ms-flex-pack: center;
5617
- justify-content: center;
5618
- }
5619
 
5620
- .premium-modal-trigger-container .premium-modal-trigger-img,
5621
- .premium-modal-trigger-container .premium-modal-trigger-text,
5622
- .premium-modal-trigger-container .premium-modal-trigger-animation {
5623
- cursor: pointer;
5624
  }
5625
 
5626
- .premium-modal-trigger-container .premium-modal-trigger-animation {
5627
- display: inline-block;
5628
- width: 200px;
5629
- height: 200px;
5630
- -webkit-transition: all 0.3s ease-in-out;
5631
- transition: all 0.3s ease-in-out;
 
 
 
 
5632
  }
5633
 
5634
- /*Image on Modal Header Style*/
5635
- .premium-modal-box-modal-header img {
5636
- width: 48px;
5637
- padding-left: 5px;
 
 
 
 
 
 
5638
  }
5639
 
5640
- .premium-modal-box-modal-header i,
5641
- .premium-modal-box-modal-header svg {
5642
- padding-left: 6px;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
5643
  }
5644
 
5645
- .premium-modal-box-modal-close {
5646
- position: relative;
5647
- z-index: 99;
 
 
 
5648
  }
5649
 
5650
- .premium-modal-trigger-img,
5651
- .premium-modal-trigger-text,
5652
- .premium-modal-box-close-button-container,
5653
- .premium-modal-box-modal-close,
5654
- .premium-modal-box-modal-lower-close {
5655
- -webkit-transition: all 0.3s ease-in-out;
5656
- transition: all 0.3s ease-in-out;
 
 
5657
  }
5658
 
5659
- @media (min-width: 768px) {
5660
- .premium-modal-box-modal-dialog {
5661
- width: 700px;
5662
- max-height: 600px;
5663
- overflow: auto;
5664
- }
 
 
 
 
5665
  }
5666
 
5667
- @media (max-width: 767px) {
5668
- .premium-modal-box-modal-dialog {
5669
- width: 100%;
5670
- max-height: 500px;
5671
- overflow: auto;
5672
- }
5673
  }
5674
 
5675
- .premium-modal-box-container[data-modal-animation*="animated-"] {
5676
- opacity: 0;
 
 
 
5677
  }
5678
- /************ Premium Team Members ************/
5679
- /*********************************************/
5680
- .premium-person-container {
5681
- position: relative;
5682
- }
5683
-
5684
- .premium-person-image-container {
5685
- position: relative;
5686
- text-align: center;
5687
- overflow: hidden;
 
 
 
 
 
 
 
 
 
 
5688
  }
5689
 
5690
- .premium-person-image-container .premium-person-image-wrap {
 
5691
  overflow: hidden;
5692
  }
5693
 
5694
- .premium-person-zoomout-effect .premium-person-image-container img,
5695
- .premium-person-scale-effect .premium-person-image-container img {
5696
- -webkit-transform: scale(1.2);
5697
- -ms-transform: scale(1.2);
5698
- transform: scale(1.2);
5699
- }
5700
-
5701
- .premium-person-sepia-effect .premium-person-image-container img {
5702
- -webkit-filter: sepia(30%);
5703
- filter: sepia(30%);
5704
- }
5705
-
5706
- .premium-person-bright-effect .premium-person-image-container img {
5707
- -webkit-filter: brightness(1);
5708
- filter: brightness(1);
5709
- }
5710
-
5711
- .premium-person-trans-effect .premium-person-image-container img {
5712
- -webkit-transform: translateX(15px) scale(1.1);
5713
- -ms-transform: translateX(15px) scale(1.1);
5714
- transform: translateX(15px) scale(1.1);
5715
- }
5716
-
5717
- .premium-person-zoomin-effect:hover .premium-person-image-container img {
5718
- -webkit-transform: scale(1.2);
5719
- -ms-transform: scale(1.2);
5720
- transform: scale(1.2);
5721
- }
5722
-
5723
- .premium-person-zoomout-effect:hover .premium-person-image-container img {
5724
- -webkit-transform: scale(1.1);
5725
- -ms-transform: scale(1.1);
5726
- transform: scale(1.1);
5727
- }
5728
-
5729
- .premium-person-scale-effect:hover .premium-person-image-container img {
5730
- -webkit-transform: scale(1.3) rotate(-5deg);
5731
- -ms-transform: scale(1.3) rotate(-5deg);
5732
- transform: scale(1.3) rotate(-5deg);
5733
- }
5734
-
5735
- .premium-person-grayscale-effect:hover .premium-person-image-container img {
5736
- -webkit-filter: grayscale(100%);
5737
- filter: grayscale(100%);
5738
- }
5739
-
5740
- .premium-person-blur-effect:hover .premium-person-image-container img {
5741
- -webkit-filter: blur(3px);
5742
- filter: blur(3px);
5743
- }
5744
-
5745
- .premium-person-sepia-effect:hover .premium-person-image-container img {
5746
- -webkit-filter: sepia(0%);
5747
- filter: sepia(0%);
5748
- }
5749
-
5750
- .premium-person-bright-effect:hover .premium-person-image-container img {
5751
- -webkit-filter: brightness(1.2);
5752
- filter: brightness(1.2);
5753
  }
5754
 
5755
- .premium-person-trans-effect:hover .premium-person-image-container img {
5756
- -webkit-transform: translateX(0px) scale(1.1);
5757
- -ms-transform: translateX(0px) scale(1.1);
5758
- transform: translateX(0px) scale(1.1);
5759
  }
5760
 
5761
- .premium-person-container .premium-person-image-container img {
5762
- width: 100%;
5763
- height: 100%;
5764
- display: block;
5765
- -o-object-fit: cover;
5766
- object-fit: cover;
5767
- -webkit-transition: all 0.5s ease-in-out;
5768
- transition: all 0.5s ease-in-out;
 
 
5769
  }
5770
 
5771
- .premium-person-style2 .premium-person-social {
5772
- position: absolute;
5773
- top: 0;
5774
- right: 0;
5775
- width: 100%;
5776
- height: 100%;
5777
- z-index: 2;
5778
- -js-display: flex;
5779
- display: -webkit-box;
5780
- display: -webkit-flex;
5781
- display: -moz-box;
5782
- display: -ms-flexbox;
5783
- display: flex;
5784
- -webkit-box-pack: center;
5785
- -webkit-justify-content: center;
5786
- -moz-box-pack: center;
5787
- -ms-flex-pack: center;
5788
- justify-content: center;
5789
- -webkit-box-align: center;
5790
- -webkit-align-items: center;
5791
- -moz-box-align: center;
5792
- -ms-flex-align: center;
5793
- align-items: center;
5794
- -webkit-box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
5795
- box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
5796
- -webkit-transition: all 0.5s linear 0s;
5797
- transition: all 0.5s linear 0s;
5798
- opacity: 0;
5799
- }
5800
 
5801
- .premium-person-style2 .premium-person-image-container:hover .premium-person-social {
5802
- opacity: 1;
5803
  }
5804
 
5805
- .premium-person-list-item a {
5806
- display: inline-block;
 
 
 
 
5807
  }
5808
 
5809
- .premium-person-style2 .premium-person-list-item a {
5810
- opacity: 0;
5811
- -webkit-transform: scale(0);
5812
- -ms-transform: scale(0);
5813
- transform: scale(0);
5814
- -webkit-transition: all 0.5s ease-in-out 0s;
5815
- transition: all 0.5s ease-in-out 0s;
5816
  }
5817
 
5818
- .premium-person-style2 .premium-person-image-container:hover .premium-person-list-item a {
5819
- opacity: 1;
5820
- -webkit-transform: scale(1);
5821
- -ms-transform: scale(1);
5822
- transform: scale(1);
 
5823
  }
5824
 
5825
- .premium-person-info-container {
5826
- padding: 30px 15px;
 
 
 
5827
  }
5828
 
5829
- .premium-person-name {
5830
- margin: 0 0 5px;
5831
- font-weight: 700;
5832
  }
5833
 
5834
- .premium-person-title {
5835
- margin: 0 0 20px;
5836
- padding: 0;
 
 
5837
  }
5838
 
5839
- .premium-person-content {
5840
- margin: 0 0 30px;
 
5841
  }
5842
 
5843
- /*Override Theme List Margin*/
5844
- ul.premium-person-social-list {
5845
- margin: 0px !important;
5846
- padding: 0;
5847
  }
5848
 
5849
- .premium-person-social-list .premium-person-list-item {
5850
- display: inline;
5851
- list-style: none;
 
5852
  }
5853
 
5854
- .premium-person-social-list li {
5855
- position: relative;
5856
- bottom: 0px;
5857
- -webkit-transition: all 0.2s ease-in-out;
5858
- transition: all 0.2s ease-in-out;
5859
  }
5860
 
5861
- .premium-person-social-list li i {
5862
- position: relative;
5863
- bottom: 0px;
5864
- -webkit-transition: all 0.2s ease-in-out;
5865
- transition: all 0.2s ease-in-out;
 
5866
  }
5867
 
5868
- .premium-person-defaults-yes li.premium-person-facebook:hover a {
5869
- background-color: #3b5998 !important;
 
 
 
 
 
 
 
5870
  }
5871
 
5872
- .premium-person-defaults-yes li.premium-person-twitter:hover a {
5873
- background-color: #55acee !important;
 
5874
  }
5875
 
5876
- .premium-person-defaults-yes li.premium-person-linkedin:hover a {
5877
- background-color: #0077b5 !important;
 
5878
  }
5879
 
5880
- .premium-person-defaults-yes li.premium-person-google:hover a {
5881
- background-color: #dc4e41 !important;
 
5882
  }
5883
 
5884
- .premium-person-defaults-yes li.premium-person-youtube:hover a {
5885
- background-color: #b31217 !important;
 
 
5886
  }
5887
 
5888
- .premium-person-defaults-yes li.premium-person-instagram:hover a {
5889
- background-color: #e4405f !important;
 
 
 
5890
  }
5891
 
5892
- .premium-person-defaults-yes li.premium-person-skype:hover a {
5893
- background-color: #00aff0 !important;
 
 
 
 
 
 
 
5894
  }
5895
 
5896
- .premium-person-defaults-yes li.premium-person-pinterest:hover a {
5897
- background-color: #bd081c !important;
 
 
5898
  }
5899
 
5900
- .premium-person-defaults-yes li.premium-person-dribbble:hover a {
5901
- background-color: #ea4c89 !important;
 
 
5902
  }
5903
 
5904
- .premium-person-defaults-yes li.premium-person-mail:hover a {
5905
- background-color: #b23121 !important;
 
 
5906
  }
5907
 
5908
- .premium-person-defaults-yes li.premium-person-behance:hover a {
5909
- background-color: #1769ff !important;
 
5910
  }
5911
 
5912
- .premium-person-defaults-yes li.premium-person-whatsapp:hover a {
5913
- background-color: #25d366 !important;
 
5914
  }
5915
 
5916
- .premium-person-defaults-yes li.premium-person-telegram:hover a {
5917
- background-color: #0088cc !important;
 
5918
  }
5919
 
5920
- .premium-person-defaults-yes li.premium-person-site:hover a {
5921
- background-color: #0055a5 !important;
 
 
5922
  }
5923
 
5924
- .premium-person-social-list li:hover a {
5925
- -webkit-box-shadow: none;
5926
- box-shadow: none;
5927
  }
5928
 
5929
- .premium-person-social-list li a:focus {
5930
- -webkit-box-shadow: none;
5931
- box-shadow: none;
5932
- outline: none;
5933
  }
5934
 
5935
- .premium-person-social-list li i {
5936
- font-size: 18px;
5937
  }
5938
 
5939
- .elementor-widget-premium-addon-person .elementor-widget-container {
5940
- -js-display: flex;
5941
- display: -webkit-box;
5942
- display: -webkit-flex;
5943
- display: -moz-box;
5944
- display: -ms-flexbox;
5945
- display: flex;
5946
- -webkit-box-pack: center;
5947
- -webkit-justify-content: center;
5948
- -moz-box-pack: center;
5949
- -ms-flex-pack: center;
5950
- justify-content: center;
5951
  }
5952
 
5953
- .premium-persons-container.multiple-persons {
5954
- -js-display: flex;
5955
- display: -webkit-box;
5956
- display: -webkit-flex;
5957
- display: -moz-box;
5958
- display: -ms-flexbox;
5959
- display: flex;
5960
- -webkit-flex-wrap: wrap;
5961
- -ms-flex-wrap: wrap;
5962
- flex-wrap: wrap;
5963
  width: 100%;
 
 
 
5964
  }
5965
 
5966
- .premium-person-style1 .premium-person-container {
5967
- overflow: hidden;
 
 
 
 
 
 
 
5968
  }
5969
 
5970
- .premium-person-style1 .premium-person-container .premium-person-info {
5971
  position: absolute;
5972
  top: auto;
5973
  left: 0;
5974
  right: 0;
 
5975
  -webkit-transition: all 500ms ease 0s;
5976
  transition: all 500ms ease 0s;
5977
  -webkit-transform: translate3d(0, 100%, 0);
 
5978
  transform: translate3d(0, 100%, 0);
5979
  }
5980
 
5981
- .premium-person-style1 .premium-person-container:hover .premium-person-info {
 
 
 
 
 
 
 
 
 
5982
  -webkit-transform: translate3d(0, 0, 0);
 
5983
  transform: translate3d(0, 0, 0);
5984
  bottom: -1px !important;
5985
  }
5986
 
5987
- .premium-person-style1 .premium-person-social-list li:hover {
5988
- bottom: 5px;
5989
- }
5990
-
5991
- .premium-person-style1.multiple-persons:not([data-persons-equal="yes"]) {
5992
- -webkit-box-align: start;
5993
- -webkit-align-items: flex-start;
5994
- -moz-box-align: start;
5995
- -ms-flex-align: start;
5996
- align-items: flex-start;
5997
- }
5998
-
5999
- .premium-person-style1 .slick-track {
6000
- -js-display: flex;
6001
- display: -webkit-box;
6002
- display: -webkit-flex;
6003
- display: -moz-box;
6004
- display: -ms-flexbox;
6005
- display: flex;
6006
- }
6007
-
6008
- .premium-person-style1 .slick-slide {
6009
- height: inherit !important;
6010
- }
6011
-
6012
- /* .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-container,
6013
- .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-wrap {
6014
- height: 100%;
6015
- } */
6016
-
6017
- .premium-person-style3 .premium-person-info-container {
6018
  position: absolute;
6019
  top: 0;
6020
  right: 0;
6021
  width: 100%;
6022
  height: 100%;
6023
- -js-display: flex;
 
 
 
 
 
 
 
 
 
6024
  display: -webkit-box;
6025
  display: -webkit-flex;
6026
- display: -moz-box;
6027
  display: -ms-flexbox;
6028
- display: flex;
6029
- -webkit-box-orient: vertical;
6030
- -webkit-box-direction: normal;
6031
- -webkit-flex-direction: column;
6032
- -moz-box-orient: vertical;
6033
- -moz-box-direction: normal;
6034
- -ms-flex-direction: column;
6035
- flex-direction: column;
6036
- -webkit-box-pack: justify;
6037
- -webkit-justify-content: space-between;
6038
- -moz-box-pack: justify;
6039
- -ms-flex-pack: justify;
6040
- justify-content: space-between;
6041
- }
6042
-
6043
- .premium-person-style3 .premium-person-title-desc-wrap {
6044
  -js-display: flex;
6045
- display: -webkit-box;
6046
- display: -webkit-flex;
6047
  display: -moz-box;
6048
- display: -ms-flexbox;
6049
  display: flex;
6050
- -webkit-box-orient: horizontal;
6051
- -webkit-box-direction: reverse;
6052
- -webkit-flex-direction: row-reverse;
6053
- -moz-box-orient: horizontal;
6054
- -moz-box-direction: reverse;
6055
- -ms-flex-direction: row-reverse;
6056
- flex-direction: row-reverse;
6057
- -webkit-box-pack: justify;
6058
- -webkit-justify-content: space-between;
6059
- -moz-box-pack: justify;
6060
- -ms-flex-pack: justify;
6061
- justify-content: space-between;
6062
- -webkit-box-align: start;
6063
- -webkit-align-items: flex-start;
6064
- -moz-box-align: start;
6065
- -ms-flex-align: start;
6066
- align-items: flex-start;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
6067
  }
6068
 
6069
- .premium-person-style3 .premium-person-name-icons-wrap {
6070
- -js-display: flex;
6071
- display: -webkit-box;
6072
- display: -webkit-flex;
6073
- display: -moz-box;
6074
- display: -ms-flexbox;
6075
- display: flex;
6076
- -webkit-box-pack: justify;
6077
- -webkit-justify-content: space-between;
6078
- -moz-box-pack: justify;
6079
- -ms-flex-pack: justify;
6080
- justify-content: space-between;
6081
- -webkit-box-align: end;
6082
- -webkit-align-items: flex-end;
6083
- -moz-box-align: end;
6084
- -ms-flex-align: end;
6085
- align-items: flex-end;
6086
  }
6087
 
6088
- .premium-person-style3 .premium-person-title {
6089
- opacity: 0;
6090
- -webkit-transition: all 0.3s ease;
6091
- transition: all 0.3s ease;
6092
- width: 0;
6093
  }
6094
 
6095
- .premium-person-style3 .premium-person-title span {
6096
- display: inline-block;
 
 
 
6097
  }
6098
 
6099
- .premium-person-style3 .premium-person-name {
6100
- padding-right: 10px;
 
 
 
 
6101
  }
6102
 
6103
- .premium-person-style3 .premium-person-social-list {
6104
- -js-display: flex;
6105
- display: -webkit-box;
6106
- display: -webkit-flex;
6107
- display: -moz-box;
6108
- display: -ms-flexbox;
6109
- display: flex;
6110
- -webkit-box-orient: vertical;
6111
- -webkit-box-direction: normal;
6112
- -webkit-flex-direction: column;
6113
- -moz-box-orient: vertical;
6114
- -moz-box-direction: normal;
6115
- -ms-flex-direction: column;
6116
- flex-direction: column;
6117
- -webkit-transform: translateY(20px);
6118
- -ms-transform: translateY(20px);
6119
- transform: translateY(20px);
6120
- opacity: 0;
6121
- -webkit-transition: all 0.3s ease;
6122
- transition: all 0.3s ease;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
6123
  }
6124
 
6125
- .premium-person-style3 .premium-person-list-item {
6126
- line-height: 0;
6127
  }
6128
 
6129
- .premium-person-style3 .premium-person-list-item a {
6130
- padding: 5px 0 0 10px;
6131
- margin: 5px 0;
 
6132
  }
6133
 
6134
- .premium-person-style3 .premium-person-container:hover .premium-person-title {
6135
- opacity: 1;
 
6136
  }
6137
 
6138
- .premium-person-style3 .premium-person-container:hover .premium-person-social-list {
6139
- opacity: 1;
6140
- -webkit-transform: translateY(0);
6141
- -ms-transform: translateY(0);
6142
- transform: translateY(0);
6143
  }
6144
 
6145
- .premium-persons-title-cw .premium-person-title {
6146
- -webkit-transform: translateX(-15px) rotate(-90deg);
6147
- -ms-transform: translateX(-15px) rotate(-90deg);
6148
- transform: translateX(-15px) rotate(-90deg);
6149
- -webkit-transform-origin: top;
6150
- -ms-transform-origin: top;
6151
- transform-origin: top;
 
 
 
 
 
6152
  }
6153
 
6154
- .premium-persons-title-cw .premium-person-container:hover .premium-person-title {
6155
- -webkit-transform: translateX(0) rotate(-90deg);
6156
- -ms-transform: translateX(0) rotate(-90deg);
6157
- transform: translateX(0) rotate(-90deg);
6158
  }
6159
 
6160
- .premium-persons-title-ccw .premium-person-title {
6161
- width: auto;
6162
- margin-left: 20px;
6163
- -webkit-transform: translateX(-15px) rotate(90deg);
6164
- -ms-transform: translateX(-15px) rotate(90deg);
6165
- transform: translateX(-15px) rotate(90deg);
6166
- -webkit-transform-origin: center left;
6167
- -ms-transform-origin: center left;
6168
- transform-origin: center left;
6169
  }
6170
 
6171
- .premium-persons-title-ccw .premium-person-container:hover .premium-person-title {
6172
- -webkit-transform: translateX(0) rotate(90deg);
6173
- -ms-transform: translateX(0) rotate(90deg);
6174
- transform: translateX(0) rotate(90deg);
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
6175
  }
6176
  /**************** Premium Pricing Table ****************/
6177
  /*******************************************************/
6178
  .premium-pricing-table-container {
6179
- position: relative;
6180
- overflow: hidden;
6181
- text-align: center;
6182
- -webkit-transition: all 0.3s ease-in-out;
6183
- transition: all 0.3s ease-in-out;
6184
  }
6185
 
6186
  .premium-pricing-icon-container {
6187
- -js-display: flex;
6188
- display: -webkit-box;
6189
- display: -webkit-flex;
6190
- display: -moz-box;
6191
- display: -ms-flexbox;
6192
- display: flex;
6193
- -webkit-box-pack: center;
6194
- -webkit-justify-content: center;
6195
- -moz-box-pack: center;
6196
- -ms-flex-pack: center;
6197
- justify-content: center;
6198
- line-height: 0;
6199
  }
6200
 
6201
  .premium-pricing-icon-container .premium-pricing-icon {
6202
- display: inline-block;
6203
  }
6204
 
6205
  .premium-pricing-icon-container .premium-pricing-image {
6206
- overflow: hidden;
6207
  }
6208
 
6209
  .premium-pricing-icon-container .premium-pricing-image img {
6210
- width: 25px;
6211
- height: 25px;
6212
- -o-object-fit: cover;
6213
- object-fit: cover;
6214
  }
6215
 
6216
  .premium-badge-left {
6217
- position: absolute;
6218
- top: 0;
6219
  }
6220
 
6221
  .premium-badge-right {
6222
- position: absolute;
6223
- top: 0;
6224
- right: 0;
6225
  }
6226
 
6227
  .premium-badge-left {
6228
- left: 0;
6229
  }
6230
 
6231
  .premium-badge-triangle.premium-badge-left .corner {
6232
- width: 0;
6233
- height: 0;
6234
- border-top: 150px solid;
6235
- border-bottom: 150px solid transparent;
6236
- border-right: 150px solid transparent;
6237
  }
6238
 
6239
  .premium-badge-triangle.premium-badge-right .corner {
6240
- width: 0;
6241
- height: 0;
6242
- border-bottom: 150px solid transparent;
6243
- border-right: 150px solid;
6244
- border-left: 150px solid transparent;
6245
  }
6246
 
6247
  .premium-badge-triangle span {
6248
- position: absolute;
6249
- top: 35px;
6250
- width: 100px;
6251
- text-align: center;
6252
- -webkit-transform: rotate(-45deg);
6253
- -ms-transform: rotate(-45deg);
6254
- transform: rotate(-45deg);
6255
- display: block;
6256
- text-transform: uppercase;
6257
  }
6258
 
6259
  .premium-badge-triangle.premium-badge-right span {
6260
- -webkit-transform: rotate(45deg);
6261
- -ms-transform: rotate(45deg);
6262
- transform: rotate(45deg);
6263
- right: 0;
6264
  }
6265
 
6266
  .premium-badge-circle {
6267
- min-width: 4em;
6268
- min-height: 4em;
6269
- line-height: 4em;
6270
- text-align: center;
6271
- -webkit-border-radius: 100%;
6272
- border-radius: 100%;
6273
- position: absolute;
6274
- z-index: 1;
6275
  }
6276
 
6277
  .premium-badge-stripe {
6278
- position: absolute;
6279
- -webkit-transform: rotate(90deg);
6280
- -ms-transform: rotate(90deg);
6281
- transform: rotate(90deg);
6282
- width: 15em;
6283
- overflow: hidden;
6284
- height: 15em;
6285
  }
6286
 
6287
  .premium-badge-stripe.premium-badge-left {
6288
- -webkit-transform: rotate(0);
6289
- -ms-transform: rotate(0);
6290
- transform: rotate(0);
6291
  }
6292
 
6293
  .premium-badge-stripe .corner {
6294
- text-align: center;
6295
- left: 0;
6296
- width: 150%;
6297
- -webkit-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
6298
- -ms-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
6299
- transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
6300
- margin-top: 35px;
6301
- font-size: 13px;
6302
- line-height: 2;
6303
- font-weight: 800;
6304
- text-transform: uppercase;
6305
  }
6306
 
6307
  .premium-badge-flag .corner {
6308
- text-align: center;
6309
- -webkit-border-radius: 4px 4px 0 4px;
6310
- border-radius: 4px 4px 0 4px;
6311
- padding: 3px 15px;
6312
- position: absolute;
6313
- top: 10%;
6314
- right: -8px;
6315
  }
6316
 
6317
  .premium-badge-flag .corner::before,
6318
  .premium-badge-flag .corner::after {
6319
- content: "";
6320
- display: block;
6321
- position: absolute;
6322
- width: 0;
6323
- height: 0;
6324
- top: 100%;
6325
- right: 0;
6326
- border-bottom: 8px solid transparent;
6327
  }
6328
 
6329
  .elementor-widget-premium-addon-pricing-table .elementor-widget-container {
6330
- overflow: visible !important;
6331
  }
6332
 
6333
  .premium-badge-flag .corner::after {
6334
- border-left: 8px solid rgba(0, 0, 0, 0.2);
6335
  }
6336
 
6337
  .premium-pricing-price-currency {
6338
- position: relative;
6339
  }
6340
 
6341
  .premium-pricing-button-container {
6342
- display: block;
6343
  }
6344
 
6345
  .premium-pricing-list {
6346
- -js-display: flex;
6347
- display: -webkit-box;
6348
- display: -webkit-flex;
6349
- display: -moz-box;
6350
- display: -ms-flexbox;
6351
- display: flex;
6352
- -webkit-box-orient: vertical;
6353
- -webkit-box-direction: normal;
6354
- -webkit-flex-direction: column;
6355
- -moz-box-orient: vertical;
6356
- -moz-box-direction: normal;
6357
- -ms-flex-direction: column;
6358
- flex-direction: column;
6359
- list-style-type: none;
6360
- margin: 0;
6361
  }
6362
 
6363
  .premium-pricing-list .premium-pricing-list-item {
6364
- -js-display: flex;
6365
- display: -webkit-box;
6366
- display: -webkit-flex;
6367
- display: -moz-box;
6368
- display: -ms-flexbox;
6369
- display: flex;
6370
- -webkit-box-align: center;
6371
- -webkit-align-items: center;
6372
- -moz-box-align: center;
6373
- -ms-flex-align: center;
6374
- align-items: center;
6375
  }
6376
 
6377
  .premium-pricing-list .premium-pricing-list-item svg {
6378
- width: 50px;
6379
- height: 50px;
6380
  }
6381
 
6382
  .premium-pricing-list .premium-pricing-list-item img {
6383
- width: 30px;
6384
- height: 30px;
6385
- -o-object-fit: cover;
6386
- object-fit: cover;
6387
  }
6388
 
6389
  .premium-pricing-list .premium-pricing-list-span {
6390
- position: relative;
6391
  }
6392
 
6393
  .premium-pricing-list .list-item-tooltip {
6394
- border-bottom: 1px dotted;
6395
  }
6396
 
6397
  .premium-pricing-list .premium-pricing-list-tooltip {
6398
- position: absolute;
6399
- top: -webkit-calc(100% + 1px);
6400
- top: calc(100% + 1px);
6401
- right: 0;
6402
- visibility: hidden;
6403
- padding: 15px 20px;
6404
- -webkit-border-radius: 5px;
6405
- border-radius: 5px;
6406
- min-width: 200px;
6407
- overflow: hidden;
6408
- text-align: right;
6409
- font-size: 0.8rem;
6410
- color: #fff;
6411
- background-color: #aaa;
6412
  }
6413
 
6414
  .premium-pricing-features-left .premium-pricing-list-span {
6415
- text-align: right;
6416
  }
6417
 
6418
  .premium-pricing-features-center .premium-pricing-list-span {
6419
- text-align: center;
6420
  }
6421
 
6422
  .premium-pricing-features-right .premium-pricing-list-span {
6423
- text-align: left;
6424
  }
6425
 
6426
  .premium-pricing-list-span:hover .premium-pricing-list-tooltip {
6427
- z-index: 99;
6428
- visibility: visible;
6429
- opacity: 1;
6430
  }
6431
 
6432
  .premium-pricing-slashed-price-value {
6433
- display: inline-block;
6434
- font-size: 20px;
6435
- font-weight: 400;
6436
- margin-left: 5px;
6437
  }
6438
 
6439
  .premium-pricing-price-value {
6440
- font-size: 70px;
6441
  }
6442
 
6443
  .premium-pricing-description-container li {
6444
- list-style-position: inside;
6445
- text-indent: -40px;
6446
  }
6447
 
6448
  @-moz-document url-prefix() {
6449
- .premium-pricing-description-container li {
6450
- text-indent: 0px;
6451
- }
6452
  }
6453
 
6454
  .premium-pricing-price-button {
6455
- display: block;
6456
- padding: 6px 12px;
6457
- line-height: 1.42857143;
6458
- text-align: center;
6459
- color: #fff;
6460
- background: #6ec1e4;
6461
- margin-bottom: 0;
6462
- -webkit-transition: all 0.3s ease-in-out;
6463
- transition: all 0.3s ease-in-out;
6464
  }
6465
  /**************** Premium Progress Bar ****************/
6466
  /******************************************************/
1485
  -webkit-transform: translate3d(-10px, 0, 0) scale(1.1);
1486
  transform: translate3d(-10px, 0, 0) scale(1.1);
1487
  }
1488
+ /**************** Premium Blog *****************/
1489
+ /***********************************************/
1490
+ .premium-blog-thumb-effect-wrapper {
1491
+ position: relative;
1492
+ overflow: hidden;
1493
+ }
1494
+
1495
+ .premium-blog-effect-container:not(.premium-blog-bordered-effect) .premium-blog-post-link {
1496
+ position: absolute;
1497
+ top: 0;
1498
+ right: 0;
1499
+ width: 100%;
1500
+ height: 100%;
1501
+ z-index: 2;
1502
+ padding: 20px;
1503
+ }
1504
+
1505
+ .premium-blog-bordered-effect .premium-blog-post-link {
1506
+ display: block;
1507
+ height: 100%;
1508
+ position: relative;
1509
+ }
1510
+
1511
+ /*Thumbnail Img*/
1512
+ .premium-blog-thumbnail-container {
1513
+ overflow: hidden;
1514
+ }
1515
+
1516
+ .premium-blog-thumbnail-container img,
1517
+ .premium-blog-thumbnail-container .below-entry-meta {
1518
+ width: 100%;
1519
+ height: 100%;
1520
+ margin: 0 !important;
1521
+ -webkit-transition: all 0.4s ease-in-out;
1522
+ transition: all 0.4s ease-in-out;
1523
+ }
1524
+
1525
+ .premium-blog-zoomout-effect img,
1526
+ .premium-blog-scale-effect img {
1527
+ -webkit-transform: scale(1.2);
1528
+ -ms-transform: scale(1.2);
1529
+ transform: scale(1.2);
1530
+ }
1531
+
1532
+ .premium-blog-sepia-effect img {
1533
+ -webkit-filter: sepia(30%);
1534
+ filter: sepia(30%);
1535
+ }
1536
+
1537
+ .premium-blog-bright-effect img {
1538
+ -webkit-filter: brightness(1);
1539
+ filter: brightness(1);
1540
+ }
1541
+
1542
+ .premium-blog-trans-effect img {
1543
+ -webkit-transform: translateX(15px) scale(1.1);
1544
+ -ms-transform: translateX(15px) scale(1.1);
1545
+ transform: translateX(15px) scale(1.1);
1546
+ }
1547
+
1548
+ .premium-blog-post-outer-container:hover .premium-blog-zoomin-effect img {
1549
+ -webkit-transform: scale(1.2);
1550
+ -ms-transform: scale(1.2);
1551
+ transform: scale(1.2);
1552
+ }
1553
+
1554
+ .premium-blog-post-outer-container:hover .premium-blog-zoomout-effect img {
1555
+ -webkit-transform: scale(1.1);
1556
+ -ms-transform: scale(1.1);
1557
+ transform: scale(1.1);
1558
+ }
1559
+
1560
+ .premium-blog-post-outer-container:hover .premium-blog-scale-effect img {
1561
+ -webkit-transform: scale(1.3) rotate(-5deg);
1562
+ -ms-transform: scale(1.3) rotate(-5deg);
1563
+ transform: scale(1.3) rotate(-5deg);
1564
+ }
1565
+
1566
+ .premium-blog-post-outer-container:hover .premium-blog-gray-effect img {
1567
+ -webkit-filter: grayscale(100%);
1568
+ filter: grayscale(100%);
1569
+ }
1570
+
1571
+ .premium-blog-post-outer-container:hover .premium-blog-blur-effect img {
1572
+ -webkit-filter: blur(3px);
1573
+ filter: blur(3px);
1574
+ }
1575
+
1576
+ .premium-blog-post-outer-container:hover .premium-blog-sepia-effect img {
1577
+ -webkit-filter: sepia(0%);
1578
+ filter: sepia(0%);
1579
+ }
1580
+
1581
+ .premium-blog-post-outer-container:hover .premium-blog-bright-effect img {
1582
+ -webkit-filter: brightness(1.2);
1583
+ filter: brightness(1.2);
1584
+ }
1585
+
1586
+ .premium-blog-post-outer-container:hover .premium-blog-trans-effect img {
1587
+ -webkit-transform: translateX(0px) scale(1.1);
1588
+ -ms-transform: translateX(0px) scale(1.1);
1589
+ transform: translateX(0px) scale(1.1);
1590
+ }
1591
+
1592
+ .premium-blog-post-container {
1593
+ overflow: hidden;
1594
+ }
1595
+
1596
+ .premium-blog-post-container .premium-blog-inner-container {
1597
+ -js-display: flex;
1598
+ display: -webkit-box;
1599
+ display: -webkit-flex;
1600
+ display: -moz-box;
1601
+ display: -ms-flexbox;
1602
+ display: flex;
1603
+ -webkit-box-orient: vertical;
1604
+ -webkit-box-direction: normal;
1605
+ -webkit-flex-direction: column;
1606
+ -moz-box-orient: vertical;
1607
+ -moz-box-direction: normal;
1608
+ -ms-flex-direction: column;
1609
+ flex-direction: column;
1610
+ direction: rtl;
1611
+ }
1612
+
1613
+ .premium-blog-post-container .premium-blog-post-content {
1614
+ line-height: 1.5em;
1615
+ color: #777;
1616
+ font-size: 14px;
1617
+ margin-bottom: 10px;
1618
+ }
1619
+
1620
+ .premium-blog-post-container ul.post-categories a:hover,
1621
+ .premium-blog-post-container ul.post-categories a:focus,
1622
+ .premium-blog-post-container .premium-blog-post-link:hover,
1623
+ .premium-blog-post-container .premium-blog-post-link:focus {
1624
+ -webkit-box-shadow: none !important;
1625
+ box-shadow: none !important;
1626
+ outline: none !important;
1627
+ }
1628
+
1629
+ .premium-blog-post-container .premium-blog-entry-title {
1630
+ font-size: 18px;
1631
+ margin-bottom: 5px;
1632
+ }
1633
+
1634
+ .premium-blog-post-container.premium-blog-skin-modern .premium-blog-content-wrapper {
1635
+ position: relative;
1636
+ z-index: 3;
1637
+ top: -50px;
1638
+ }
1639
+
1640
+ .premium-blog-post-container .premium-blog-content-wrapper {
1641
+ background-color: #f5f5f5;
1642
+ padding: 30px;
1643
+ }
1644
+
1645
+ .premium-blog-post-container .premium-blog-content-wrapper.empty-thumb {
1646
+ top: 0;
1647
+ }
1648
+
1649
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before,
1650
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:after {
1651
+ position: absolute;
1652
+ content: "";
1653
+ z-index: 1;
1654
+ top: 50%;
1655
+ right: 50%;
1656
+ opacity: 0;
1657
+ -webkit-transform: translate(50%, -50%);
1658
+ -ms-transform: translate(50%, -50%);
1659
+ transform: translate(50%, -50%);
1660
+ -webkit-transition: all 0.4s linear 0s;
1661
+ transition: all 0.4s linear 0s;
1662
+ height: 1px;
1663
+ width: 100%;
1664
+ background-color: #fff;
1665
+ }
1666
+
1667
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before {
1668
+ width: 1px;
1669
+ height: 100%;
1670
+ }
1671
+
1672
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner):hover .premium-blog-thumbnail-container:after {
1673
+ width: 20px;
1674
+ opacity: 1;
1675
+ }
1676
+
1677
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner):hover .premium-blog-thumbnail-container:before {
1678
+ height: 20px;
1679
+ opacity: 1;
1680
+ }
1681
+
1682
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-content-wrapper {
1683
+ margin: 0px 10px 20px;
1684
+ clear: both;
1685
+ }
1686
+
1687
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay,
1688
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay,
1689
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay {
1690
+ position: absolute;
1691
+ top: 0;
1692
+ right: 0;
1693
+ width: 100%;
1694
+ height: 100%;
1695
+ -webkit-transition: all 0.3s ease-in-out;
1696
+ transition: all 0.3s ease-in-out;
1697
+ opacity: 0;
1698
+ }
1699
+
1700
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay a,
1701
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay a,
1702
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay a {
1703
+ -js-display: flex;
1704
+ display: -webkit-box;
1705
+ display: -webkit-flex;
1706
+ display: -moz-box;
1707
+ display: -ms-flexbox;
1708
+ display: flex;
1709
+ -webkit-box-pack: center;
1710
+ -webkit-justify-content: center;
1711
+ -moz-box-pack: center;
1712
+ -ms-flex-pack: center;
1713
+ justify-content: center;
1714
+ -webkit-box-align: center;
1715
+ -webkit-align-items: center;
1716
+ -moz-box-align: center;
1717
+ -ms-flex-align: center;
1718
+ align-items: center;
1719
+ width: 100%;
1720
+ height: 100%;
1721
+ }
1722
+
1723
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay span,
1724
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay i,
1725
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay span,
1726
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay i,
1727
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay span,
1728
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay i {
1729
+ -webkit-transition: all 0.3s ease-in-out;
1730
+ transition: all 0.3s ease-in-out;
1731
+ }
1732
+
1733
+ .premium-blog-post-container.premium-blog-skin-side {
1734
+ -js-display: flex;
1735
+ display: -webkit-box;
1736
+ display: -webkit-flex;
1737
+ display: -moz-box;
1738
+ display: -ms-flexbox;
1739
+ display: flex;
1740
+ }
1741
+
1742
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-container {
1743
+ height: 100%;
1744
+ }
1745
+
1746
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-content-wrapper {
1747
+ -webkit-box-flex: 1;
1748
+ -webkit-flex: 1;
1749
+ -moz-box-flex: 1;
1750
+ -ms-flex: 1;
1751
+ flex: 1;
1752
+ }
1753
+
1754
+ .premium-blog-post-container.premium-blog-skin-banner {
1755
+ position: relative;
1756
+ }
1757
+
1758
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper {
1759
+ position: absolute;
1760
+ width: 100%;
1761
+ bottom: -5px;
1762
+ -js-display: flex;
1763
+ display: -webkit-box;
1764
+ display: -webkit-flex;
1765
+ display: -moz-box;
1766
+ display: -ms-flexbox;
1767
+ display: flex;
1768
+ -webkit-box-orient: vertical;
1769
+ -webkit-box-direction: normal;
1770
+ -webkit-flex-direction: column;
1771
+ -moz-box-orient: vertical;
1772
+ -moz-box-direction: normal;
1773
+ -ms-flex-direction: column;
1774
+ flex-direction: column;
1775
+ background-color: transparent;
1776
+ z-index: 3;
1777
+ -webkit-transition: bottom 0.3s ease-in-out;
1778
+ transition: bottom 0.3s ease-in-out;
1779
+ }
1780
+
1781
+ .premium-blog-post-container.premium-blog-skin-banner:hover .premium-blog-content-wrapper {
1782
+ bottom: 0px;
1783
+ }
1784
+
1785
+ .premium-blog-post-container .premium-blog-cats-container ul.post-categories {
1786
+ margin: 0;
1787
+ padding: 0;
1788
+ list-style: none;
1789
+ -js-display: flex;
1790
+ display: -webkit-box;
1791
+ display: -webkit-flex;
1792
+ display: -moz-box;
1793
+ display: -ms-flexbox;
1794
+ display: flex;
1795
+ }
1796
+
1797
+ .premium-blog-post-container .premium-blog-cats-container a {
1798
+ display: block;
1799
+ font-size: 12px;
1800
+ color: #fff;
1801
+ background-color: #777;
1802
+ margin: 0 0 10px 3px;
1803
+ padding: 5px;
1804
+ -webkit-transition: all 0.3s ease-in-out;
1805
+ transition: all 0.3s ease-in-out;
1806
+ }
1807
+
1808
+ /*
1809
+ * Diagonal Effect
1810
+ */
1811
+ .premium-blog-diagonal-container {
1812
+ position: absolute;
1813
+ top: 0;
1814
+ right: 0;
1815
+ width: 100%;
1816
+ height: 100%;
1817
+ }
1818
+
1819
+ .premium-blog-diagonal-effect:before {
1820
+ position: absolute;
1821
+ top: 0px;
1822
+ right: 0px;
1823
+ width: 100%;
1824
+ height: 100%;
1825
+ content: " ";
1826
+ z-index: 1;
1827
+ background: rgba(255, 255, 255, 0.2);
1828
+ -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
1829
+ transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
1830
+ -webkit-transition: all 0.3s linear 0s;
1831
+ transition: all 0.3s linear 0s;
1832
+ }
1833
+
1834
+ .premium-blog-post-outer-container:hover .premium-blog-diagonal-effect:before {
1835
+ -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
1836
+ transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
1837
+ }
1838
+
1839
+ /*
1840
+ * Framed Effect
1841
+ */
1842
+ .premium-blog-framed-effect {
1843
+ position: absolute;
1844
+ width: -webkit-calc(100% - 30px);
1845
+ width: calc(100% - 30px);
1846
+ height: -webkit-calc(100% - 30px);
1847
+ height: calc(100% - 30px);
1848
+ top: 15px;
1849
+ right: 15px;
1850
+ opacity: 0;
1851
+ -webkit-transform: scale(0.3);
1852
+ -ms-transform: scale(0.3);
1853
+ transform: scale(0.3);
1854
+ -webkit-transition: all 0.3s linear 0s;
1855
+ transition: all 0.3s linear 0s;
1856
+ }
1857
+
1858
+ .premium-blog-post-outer-container:hover .premium-blog-framed-effect {
1859
+ opacity: 0.99;
1860
+ -webkit-transform: scale(1);
1861
+ -ms-transform: scale(1);
1862
+ transform: scale(1);
1863
+ }
1864
+
1865
+ /*
1866
+ * Bordered Effect
1867
+ */
1868
+ .premium-blog-bordered-effect {
1869
+ position: absolute;
1870
+ top: 0;
1871
+ right: 0;
1872
+ width: 100%;
1873
+ height: 100%;
1874
+ opacity: 0;
1875
+ padding: 15px;
1876
+ -webkit-transition: all 0.3s linear 0s;
1877
+ transition: all 0.3s linear 0s;
1878
+ }
1879
+
1880
+ .premium-blog-bordered-effect .premium-blog-post-link:before,
1881
+ .premium-blog-bordered-effect .premium-blog-post-link:after {
1882
+ content: "";
1883
+ display: block;
1884
+ position: absolute;
1885
+ top: 0;
1886
+ right: 0;
1887
+ width: 100%;
1888
+ height: 100%;
1889
+ -webkit-transition: all 0.5s linear 0s;
1890
+ transition: all 0.5s linear 0s;
1891
+ -webkit-transition-delay: 0s;
1892
+ transition-delay: 0s;
1893
+ border-color: rgba(255, 255, 255, 0.45);
1894
+ }
1895
+
1896
+ .premium-blog-bordered-effect .premium-blog-post-link:before {
1897
+ border-left: 2px solid;
1898
+ border-right: 2px solid;
1899
+ -webkit-transform: scale(1, 0);
1900
+ -ms-transform: scale(1, 0);
1901
+ transform: scale(1, 0);
1902
+ -webkit-transform-origin: 0% 0;
1903
+ -ms-transform-origin: 0% 0;
1904
+ transform-origin: 0% 0;
1905
+ }
1906
+
1907
+ .premium-blog-bordered-effect .premium-blog-post-link:after {
1908
+ border-top: 2px solid;
1909
+ border-bottom: 2px solid;
1910
+ -webkit-transform: scale(0, 1);
1911
+ -ms-transform: scale(0, 1);
1912
+ transform: scale(0, 1);
1913
+ -webkit-transform-origin: 100% 0;
1914
+ -ms-transform-origin: 100% 0;
1915
+ transform-origin: 100% 0;
1916
+ }
1917
+
1918
+ .premium-blog-bordered-effect:hover {
1919
+ opacity: 0.99;
1920
+ }
1921
+
1922
+ .premium-blog-bordered-effect:hover .premium-blog-post-link:before,
1923
+ .premium-blog-bordered-effect:hover .premium-blog-post-link:after {
1924
+ -webkit-transition-delay: 0.15s;
1925
+ transition-delay: 0.15s;
1926
+ opacity: 1;
1927
+ -webkit-transform: scale(1);
1928
+ -ms-transform: scale(1);
1929
+ transform: scale(1);
1930
+ }
1931
+
1932
+ /*
1933
+ * Squares Effect
1934
+ */
1935
+ .premium-blog-squares-effect,
1936
+ .premium-blog-squares-square-container {
1937
+ position: absolute;
1938
+ top: 0;
1939
+ right: 0;
1940
+ width: 100%;
1941
+ height: 100%;
1942
+ }
1943
+
1944
+ .premium-blog-squares-effect:before,
1945
+ .premium-blog-squares-effect:after {
1946
+ position: absolute;
1947
+ content: "";
1948
+ top: 0;
1949
+ right: 0;
1950
+ width: 50%;
1951
+ height: 50%;
1952
+ -webkit-transform: translate(100%, -100%);
1953
+ -ms-transform: translate(100%, -100%);
1954
+ transform: translate(100%, -100%);
1955
+ opacity: 0.7;
1956
+ -webkit-transition: all 0.3s linear 0s;
1957
+ transition: all 0.3s linear 0s;
1958
+ }
1959
+
1960
+ .premium-blog-squares-square-container:before,
1961
+ .premium-blog-squares-square-container:after {
1962
+ position: absolute;
1963
+ content: "";
1964
+ top: 0;
1965
+ right: 0;
1966
+ width: 50%;
1967
+ height: 50%;
1968
+ -webkit-transform: translate(100%, -100%);
1969
+ -ms-transform: translate(100%, -100%);
1970
+ transform: translate(100%, -100%);
1971
+ opacity: 0.7;
1972
+ -webkit-transition: all 0.3s linear 0s;
1973
+ transition: all 0.3s linear 0s;
1974
+ }
1975
+
1976
+ .premium-blog-squares-square-container:before,
1977
+ .premium-blog-squares-square-container:after {
1978
+ opacity: 0.8;
1979
+ }
1980
+
1981
+ .premium-blog-squares-effect:after {
1982
+ -webkit-transform: translate(-200%, 200%);
1983
+ -ms-transform: translate(-200%, 200%);
1984
+ transform: translate(-200%, 200%);
1985
+ }
1986
+
1987
+ .premium-blog-squares-square-container:before {
1988
+ -webkit-transform: translate(100%, 200%);
1989
+ -ms-transform: translate(100%, 200%);
1990
+ transform: translate(100%, 200%);
1991
+ }
1992
+
1993
+ .premium-blog-squares-square-container:after {
1994
+ -webkit-transform: translate(-200%, -100%);
1995
+ -ms-transform: translate(-200%, -100%);
1996
+ transform: translate(-200%, -100%);
1997
+ }
1998
+
1999
+ .premium-blog-squares-effect:hover:before {
2000
+ -webkit-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
2001
+ -ms-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
2002
+ transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
2003
+ }
2004
+
2005
+ .premium-blog-squares-effect:hover:after {
2006
+ -webkit-transform: translate(-100%, 100%) scaleY(1.003) scaleX(1.003);
2007
+ -ms-transform: translate(-100%, 100%) scaleY(1.003) scaleX(1.003);
2008
+ transform: translate(-100%, 100%) scaleY(1.003) scaleX(1.003);
2009
+ }
2010
+
2011
+ .premium-blog-squares-effect:hover .premium-blog-squares-square-container:before {
2012
+ -webkit-transform: translate(0, 100%);
2013
+ -ms-transform: translate(0, 100%);
2014
+ transform: translate(0, 100%);
2015
+ }
2016
+
2017
+ .premium-blog-squares-effect:hover .premium-blog-squares-square-container:after {
2018
+ -webkit-transform: translate(-100%, 0%);
2019
+ -ms-transform: translate(-100%, 0%);
2020
+ transform: translate(-100%, 0%);
2021
+ }
2022
+
2023
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay {
2024
+ opacity: 1;
2025
+ }
2026
+
2027
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay a {
2028
+ opacity: 1;
2029
+ -webkit-transform: scale(1);
2030
+ -ms-transform: scale(1);
2031
+ transform: scale(1);
2032
+ }
2033
+
2034
+ .premium-blog-clear-fix {
2035
+ clear: both;
2036
+ }
2037
+
2038
+ .premium-blog-masked .premium-blog-thumbnail-container {
2039
+ position: relative;
2040
+ overflow: visible;
2041
+ }
2042
+
2043
+ .premium-blog-masked .premium-blog-thumbnail-container svg {
2044
+ position: absolute;
2045
+ height: 100px;
2046
+ width: 100%;
2047
+ bottom: -5px;
2048
+ right: 0;
2049
+ fill: #f5f5f5;
2050
+ z-index: 99;
2051
+ }
2052
+
2053
+ .premium-blog-masked .premium-blog-thumbnail-container svg.premium-blog-shape-divider-svg {
2054
+ -webkit-transform: rotate(180deg);
2055
+ -ms-transform: rotate(180deg);
2056
+ transform: rotate(180deg);
2057
+ }
2058
+
2059
+ .premium-blog-masked .premium-blog-author-thumbnail,
2060
+ .premium-blog-masked .premium-blog-skin-banner .premium-blog-content-wrapper {
2061
+ z-index: 999 !important;
2062
+ }
2063
+
2064
+ /*Post Format Container*/
2065
+ .premium-blog-format-link {
2066
+ padding: 5px;
2067
+ line-height: 0;
2068
+ }
2069
+
2070
+ /*Post Format Icon*/
2071
+ /*Post Format Content Margin */
2072
+ .premium-blog-entry-meta {
2073
+ line-height: 1.3em;
2074
+ font-size: 12px;
2075
+ margin-bottom: 13px;
2076
+ color: #adadad;
2077
+ }
2078
+
2079
+ .premium-blog-entry-meta i {
2080
+ margin-left: 3px;
2081
+ -webkit-transition: all 0.3s ease-in-out;
2082
+ transition: all 0.3s ease-in-out;
2083
+ }
2084
+
2085
+ .premium-blog-meta-data {
2086
+ display: inline-block;
2087
+ }
2088
+
2089
+ .premium-blog-meta-data .premium-blog-meta-separator {
2090
+ margin: 0 5px;
2091
+ }
2092
+
2093
+ .premium-blog-meta-data a,
2094
+ .premium-blog-meta-data span {
2095
+ color: inherit;
2096
+ -webkit-transition: all 0.3s ease-in-out;
2097
+ transition: all 0.3s ease-in-out;
2098
+ }
2099
+
2100
+ .premium-blog-author-thumbnail {
2101
+ position: relative;
2102
+ padding: 0 30px;
2103
+ width: 100%;
2104
+ top: -10px;
2105
+ height: 0;
2106
+ pointer-events: none;
2107
+ }
2108
+
2109
+ .premium-blog-author-thumbnail img {
2110
+ -webkit-border-radius: 50%;
2111
+ border-radius: 50%;
2112
+ width: 60px;
2113
+ pointer-events: all;
2114
+ -webkit-transform: translateY(-50%);
2115
+ -ms-transform: translateY(-50%);
2116
+ transform: translateY(-50%);
2117
+ }
2118
+
2119
+ .premium-blog-entry-title a,
2120
+ .premium-blog-post-tags-container a,
2121
+ .premium-blog-post-content .premium-blog-excerpt-link {
2122
+ -webkit-transition: all 0.3s ease-in-out;
2123
+ transition: all 0.3s ease-in-out;
2124
+ }
2125
+
2126
+ .premium-blog-excerpt-link-wrap a.premium-blog-excerpt-link {
2127
+ background-color: transparent;
2128
+ color: #54595f;
2129
+ padding: 0;
2130
+ }
2131
+
2132
+ .premium-blog-cta-full-yes .premium-blog-excerpt-link {
2133
+ width: 100%;
2134
+ }
2135
+
2136
+ .premium-blog-post-tags-container {
2137
+ margin-top: 8px;
2138
+ -js-display: flex;
2139
+ display: -webkit-box;
2140
+ display: -webkit-flex;
2141
+ display: -moz-box;
2142
+ display: -ms-flexbox;
2143
+ display: flex;
2144
+ -webkit-box-align: center;
2145
+ -webkit-align-items: center;
2146
+ -moz-box-align: center;
2147
+ -ms-flex-align: center;
2148
+ align-items: center;
2149
+ -webkit-flex-wrap: wrap;
2150
+ -ms-flex-wrap: wrap;
2151
+ flex-wrap: wrap;
2152
+ }
2153
+
2154
+ .premium-blog-post-tags-container a {
2155
+ color: inherit;
2156
+ margin-right: 5px;
2157
+ }
2158
+
2159
+ .premium-blog-align-center .post-categories,
2160
+ .premium-blog-align-center .premium-blog-post-tags-container {
2161
+ -webkit-box-pack: center;
2162
+ -webkit-justify-content: center;
2163
+ -moz-box-pack: center;
2164
+ -ms-flex-pack: center;
2165
+ justify-content: center;
2166
+ }
2167
+
2168
+ .premium-blog-align-center .premium-blog-inner-container {
2169
+ -webkit-box-align: center;
2170
+ -webkit-align-items: center;
2171
+ -moz-box-align: center;
2172
+ -ms-flex-align: center;
2173
+ align-items: center;
2174
+ }
2175
+
2176
+ .premium-blog-align-left .post-categories,
2177
+ .premium-blog-align-left .premium-blog-post-tags-container {
2178
+ -webkit-box-pack: end;
2179
+ -webkit-justify-content: flex-end;
2180
+ -moz-box-pack: end;
2181
+ -ms-flex-pack: end;
2182
+ justify-content: flex-end;
2183
+ }
2184
+
2185
+ .premium-blog-align-left .premium-blog-inner-container {
2186
+ -webkit-box-align: end;
2187
+ -webkit-align-items: flex-end;
2188
+ -moz-box-align: end;
2189
+ -ms-flex-align: end;
2190
+ align-items: flex-end;
2191
+ }
2192
+
2193
+ .premium-blog-align-right .post-categories,
2194
+ .premium-blog-align-right .premium-blog-post-tags-container {
2195
+ -webkit-box-pack: start;
2196
+ -webkit-justify-content: flex-start;
2197
+ -moz-box-pack: start;
2198
+ -ms-flex-pack: start;
2199
+ justify-content: flex-start;
2200
+ }
2201
+
2202
+ .premium-blog-align-right .premium-blog-inner-container {
2203
+ -webkit-box-align: start;
2204
+ -webkit-align-items: flex-start;
2205
+ -moz-box-align: start;
2206
+ -ms-flex-align: start;
2207
+ align-items: flex-start;
2208
+ }
2209
+
2210
+ /* Pagination */
2211
+ .premium-blog-pagination-container {
2212
+ text-align: left;
2213
+ }
2214
+
2215
+ .premium-blog-pagination-container span {
2216
+ cursor: default;
2217
+ }
2218
+
2219
+ .premium-blog-pagination-container .page-numbers {
2220
+ display: inline-block;
2221
+ color: #000;
2222
+ line-height: 1;
2223
+ font-size: 1em;
2224
+ font-weight: 400;
2225
+ text-decoration: none;
2226
+ padding: 0.75em;
2227
+ margin: 0 0 0.4em 0.4em;
2228
+ -webkit-transition: all 0.2s ease-in-out;
2229
+ transition: all 0.2s ease-in-out;
2230
+ }
2231
+
2232
+ .premium-blog-wrap .premium-loading-feed {
2233
+ display: block;
2234
+ position: absolute;
2235
+ width: 100%;
2236
+ height: 100%;
2237
+ top: 0px;
2238
+ right: 0px;
2239
+ bottom: 0px;
2240
+ left: 0px;
2241
+ background: rgba(255, 255, 255, 0.2);
2242
+ -js-display: flex;
2243
+ display: -webkit-box;
2244
+ display: -webkit-flex;
2245
+ display: -moz-box;
2246
+ display: -ms-flexbox;
2247
+ display: flex;
2248
+ -webkit-box-align: center;
2249
+ -webkit-align-items: center;
2250
+ -moz-box-align: center;
2251
+ -ms-flex-align: center;
2252
+ align-items: center;
2253
+ z-index: 99;
2254
+ }
2255
+
2256
+ .premium-blog-wrap {
2257
+ -js-display: flex;
2258
+ display: -webkit-box;
2259
+ display: -webkit-flex;
2260
+ display: -moz-box;
2261
+ display: -ms-flexbox;
2262
+ display: flex;
2263
+ -webkit-flex-wrap: wrap;
2264
+ -ms-flex-wrap: wrap;
2265
+ flex-wrap: wrap;
2266
+ }
2267
+
2268
+ .premium-blog-wrap ul.slick-dots {
2269
+ width: 100%;
2270
+ }
2271
+
2272
+ /**
2273
+ * Even Layout
2274
+ */
2275
+ .premium-blog-even .premium-blog-post-container {
2276
+ height: 100%;
2277
+ }
2278
+
2279
+ .premium-blog-even .slick-track {
2280
+ -js-display: flex;
2281
+ display: -webkit-box;
2282
+ display: -webkit-flex;
2283
+ display: -moz-box;
2284
+ display: -ms-flexbox;
2285
+ display: flex;
2286
+ }
2287
+
2288
+ .premium-blog-even .slick-slide {
2289
+ height: inherit !important;
2290
+ }
2291
+
2292
+ /**
2293
+ * Responsive Style
2294
+ */
2295
+ @media (max-width: 768px) {
2296
+ .premium-blog-content-wrapper {
2297
+ top: 0;
2298
+ margin: 0;
2299
+ padding: 15px;
2300
+ }
2301
+
2302
+ }
2303
+
2304
+ [dir="rtl"] .premium-blog-wrap.slick-slider .slick-list,
2305
+ [dir="rtl"] .premium-blog-wrap.slick-slider .slick-track {
2306
+ direction: ltr;
2307
+ }
2308
+ /**************** Premium Button ***********************/
2309
+ /*******************************************************/
2310
+ .premium-button {
2311
+ -js-display: inline-flex;
2312
+ display: -webkit-inline-box;
2313
+ display: -webkit-inline-flex;
2314
+ display: -moz-inline-box;
2315
+ display: -ms-inline-flexbox;
2316
+ display: inline-flex;
2317
+ position: relative;
2318
+ overflow: hidden;
2319
+ -webkit-backface-visibility: hidden;
2320
+ backface-visibility: hidden;
2321
+ -webkit-transform: translate3d(0, 0, 0);
2322
+ transform: translate3d(0, 0, 0);
2323
+ cursor: pointer;
2324
+ -webkit-transition: all 0.2s ease-in-out !important;
2325
+ transition: all 0.2s ease-in-out !important;
2326
+ }
2327
+
2328
+ .premium-button-style1,
2329
+ .premium-button-style2,
2330
+ .premium-button-style5,
2331
+ .premium-button-style7 {
2332
+ display: inline-block;
2333
+ vertical-align: middle;
2334
+ -webkit-transform: perspective(1px) translateZ(0);
2335
+ transform: perspective(1px) translateZ(0);
2336
+ -webkit-box-shadow: 0 0 1px transparent;
2337
+ box-shadow: 0 0 1px transparent;
2338
+ position: relative;
2339
+ -webkit-transition-property: color;
2340
+ transition-property: color;
2341
+ -webkit-transition-duration: 0.15s;
2342
+ transition-duration: 0.15s;
2343
+ }
2344
+
2345
+ .premium-button-style1:before,
2346
+ .premium-button-style2:before,
2347
+ .premium-button-style5:before {
2348
+ content: "";
2349
+ position: absolute;
2350
+ z-index: -1;
2351
+ top: 0;
2352
+ right: 0;
2353
+ left: 0;
2354
+ bottom: 0;
2355
+ -webkit-transform: scaleY(0);
2356
+ -ms-transform: scaleY(0);
2357
+ transform: scaleY(0);
2358
+ -webkit-transform-origin: 50% 0;
2359
+ -ms-transform-origin: 50% 0;
2360
+ transform-origin: 50% 0;
2361
+ -webkit-transition-property: -webkit-transform;
2362
+ transition-property: -webkit-transform;
2363
+ transition-property: transform;
2364
+ transition-property: transform, -webkit-transform;
2365
+ -webkit-transition-duration: 0.15s;
2366
+ transition-duration: 0.15s;
2367
+ -webkit-transition-timing-function: ease-out;
2368
+ transition-timing-function: ease-out;
2369
+ }
2370
+
2371
+ .premium-button-style5-radialin:before,
2372
+ .premium-button-style5-radialout:before {
2373
+ -webkit-transform-origin: 50%;
2374
+ -ms-transform-origin: 50%;
2375
+ transform-origin: 50%;
2376
+ -webkit-border-radius: 100%;
2377
+ border-radius: 100%;
2378
+ -webkit-transform: scale(0);
2379
+ -ms-transform: scale(0);
2380
+ transform: scale(0);
2381
+ }
2382
+
2383
+ .premium-button-style5-radialin:before {
2384
+ -webkit-transform: scale(2);
2385
+ -ms-transform: scale(2);
2386
+ transform: scale(2);
2387
+ }
2388
+
2389
+ .premium-button-style5-rectin:before {
2390
+ -webkit-transform-origin: 50%;
2391
+ -ms-transform-origin: 50%;
2392
+ transform-origin: 50%;
2393
+ -webkit-transform: scale(1);
2394
+ -ms-transform: scale(1);
2395
+ transform: scale(1);
2396
+ }
2397
+
2398
+ .premium-button-style5-rectout:before {
2399
+ -webkit-transform-origin: 50%;
2400
+ -ms-transform-origin: 50%;
2401
+ transform-origin: 50%;
2402
+ -webkit-transform: scale(0);
2403
+ -ms-transform: scale(0);
2404
+ transform: scale(0);
2405
+ }
2406
+
2407
+ .premium-button-style5-rectout:hover:before {
2408
+ -webkit-transform: scale(1);
2409
+ -ms-transform: scale(1);
2410
+ transform: scale(1);
2411
+ }
2412
+
2413
+ .premium-button-style5-rectin:hover:before {
2414
+ -webkit-transform: scale(0);
2415
+ -ms-transform: scale(0);
2416
+ transform: scale(0);
2417
+ }
2418
+
2419
+ .premium-button-style5-radialout:hover:before {
2420
+ -webkit-transform: scale(2);
2421
+ -ms-transform: scale(2);
2422
+ transform: scale(2);
2423
+ }
2424
+
2425
+ .premium-button-style5-radialin:hover:before {
2426
+ -webkit-transform: scale(0);
2427
+ -ms-transform: scale(0);
2428
+ transform: scale(0);
2429
+ }
2430
+
2431
+ .premium-button-style1-top:before {
2432
+ -webkit-transform-origin: 50% 100%;
2433
+ -ms-transform-origin: 50% 100%;
2434
+ transform-origin: 50% 100%;
2435
+ }
2436
+
2437
+ .premium-button-style1-right:before {
2438
+ -webkit-transform: scaleX(0);
2439
+ -ms-transform: scaleX(0);
2440
+ transform: scaleX(0);
2441
+ -webkit-transform-origin: 100% 50%;
2442
+ -ms-transform-origin: 100% 50%;
2443
+ transform-origin: 100% 50%;
2444
+ }
2445
+
2446
+ .premium-button-style1-left:before {
2447
+ -webkit-transform: scaleX(0);
2448
+ -ms-transform: scaleX(0);
2449
+ transform: scaleX(0);
2450
+ -webkit-transform-origin: 0% 50%;
2451
+ -ms-transform-origin: 0% 50%;
2452
+ transform-origin: 0% 50%;
2453
+ }
2454
+
2455
+ .premium-button-style2-shutouthor:before,
2456
+ .premium-button-style2-scshutoutver:before {
2457
+ -webkit-transform: scaleY(0);
2458
+ -ms-transform: scaleY(0);
2459
+ transform: scaleY(0);
2460
+ -webkit-transform-origin: 0% 50%;
2461
+ -ms-transform-origin: 0% 50%;
2462
+ transform-origin: 0% 50%;
2463
+ }
2464
+
2465
+ .premium-button-style2-shutoutver:before,
2466
+ .premium-button-style2-scshutouthor:before {
2467
+ -webkit-transform: scaleX(0);
2468
+ -ms-transform: scaleX(0);
2469
+ transform: scaleX(0);
2470
+ -webkit-transform-origin: 50% 50%;
2471
+ -ms-transform-origin: 50% 50%;
2472
+ transform-origin: 50% 50%;
2473
+ }
2474
+
2475
+ .premium-button-style2-shutinhor:before {
2476
+ -webkit-transform: scaleX(1);
2477
+ -ms-transform: scaleX(1);
2478
+ transform: scaleX(1);
2479
+ -webkit-transform-origin: 50%;
2480
+ -ms-transform-origin: 50%;
2481
+ transform-origin: 50%;
2482
+ }
2483
+
2484
+ .premium-button-style2-shutinver:before {
2485
+ -webkit-transform: scaleY(1);
2486
+ -ms-transform: scaleY(1);
2487
+ transform: scaleY(1);
2488
+ -webkit-transform-origin: 50%;
2489
+ -ms-transform-origin: 50%;
2490
+ transform-origin: 50%;
2491
+ }
2492
+
2493
+ .premium-button-style1-bottom:hover:before,
2494
+ .premium-button-style1-top:hover:before {
2495
+ -webkit-transform: scaleY(1);
2496
+ -ms-transform: scaleY(1);
2497
+ transform: scaleY(1);
2498
+ }
2499
+
2500
+ .premium-button-style1-left:hover:before,
2501
+ .premium-button-style1-right:hover:before,
2502
+ .premium-button-style2-shutouthor:hover:before,
2503
+ .premium-button-style2-shutoutver:hover:before {
2504
+ -webkit-transform: scaleX(1);
2505
+ -ms-transform: scaleX(1);
2506
+ transform: scaleX(1);
2507
+ }
2508
+
2509
+ .premium-button-style2-shutinhor:hover:before {
2510
+ -webkit-transform: scaleX(0);
2511
+ -ms-transform: scaleX(0);
2512
+ transform: scaleX(0);
2513
+ }
2514
+
2515
+ .premium-button-style2-shutinver:hover:before {
2516
+ -webkit-transform: scaleY(0);
2517
+ -ms-transform: scaleY(0);
2518
+ transform: scaleY(0);
2519
+ }
2520
+
2521
+ .premium-button-style2-scshutouthor:hover:before {
2522
+ -webkit-transform: scaleX(0.9);
2523
+ -ms-transform: scaleX(0.9);
2524
+ transform: scaleX(0.9);
2525
+ }
2526
+
2527
+ .premium-button-style2-scshutoutver:hover:before {
2528
+ -webkit-transform: scaleY(0.8);
2529
+ -ms-transform: scaleY(0.8);
2530
+ transform: scaleY(0.8);
2531
+ }
2532
+
2533
+ /*Diagonal*/
2534
+ .premium-button-style2-dshutinhor:before {
2535
+ top: 50%;
2536
+ right: 50%;
2537
+ width: 120%;
2538
+ height: 0%;
2539
+ -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
2540
+ -ms-transform: translateX(50%) translateY(-50%) rotate(45deg);
2541
+ transform: translateX(50%) translateY(-50%) rotate(45deg);
2542
+ -webkit-transform-origin: 50%;
2543
+ -ms-transform-origin: 50%;
2544
+ transform-origin: 50%;
2545
+ -webkit-transition-property: all;
2546
+ transition-property: all;
2547
+ }
2548
+
2549
+ .premium-button-style2-dshutinver:before {
2550
+ top: 50%;
2551
+ right: 50%;
2552
+ width: 120%;
2553
+ height: 0%;
2554
+ -webkit-transform-origin: 50%;
2555
+ -ms-transform-origin: 50%;
2556
+ transform-origin: 50%;
2557
+ -webkit-transition-property: all;
2558
+ transition-property: all;
2559
+ -webkit-transform: translateX(50%) translateY(-50%) rotate(-45deg);
2560
+ -ms-transform: translateX(50%) translateY(-50%) rotate(-45deg);
2561
+ transform: translateX(50%) translateY(-50%) rotate(-45deg);
2562
+ }
2563
+
2564
+ .premium-button-style2-dshutinhor:hover:before,
2565
+ .premium-button-style2-dshutinver:hover:before {
2566
+ height: 220%;
2567
+ }
2568
+
2569
+ .premium-button-style3-before i,
2570
+ .premium-button-style3-before svg {
2571
+ opacity: 0;
2572
+ -webkit-transform: translateX(5px);
2573
+ -ms-transform: translateX(5px);
2574
+ transform: translateX(5px);
2575
+ -webkit-transition: all 0.5s ease-in-out;
2576
+ transition: all 0.5s ease-in-out;
2577
+ }
2578
+
2579
+ .premium-button-style3-after i,
2580
+ .premium-button-style3-after svg {
2581
+ opacity: 0;
2582
+ -webkit-transform: translateX(5px);
2583
+ -ms-transform: translateX(5px);
2584
+ transform: translateX(5px);
2585
+ -webkit-transition: all 0.5s ease-in-out;
2586
+ transition: all 0.5s ease-in-out;
2587
+ -webkit-transform: translateX(-5px);
2588
+ -ms-transform: translateX(-5px);
2589
+ transform: translateX(-5px);
2590
+ }
2591
+
2592
+ .premium-button-style3-after:hover i,
2593
+ .premium-button-style3-after:hover svg {
2594
+ opacity: 1;
2595
+ }
2596
+
2597
+ .premium-button-style3-before:hover i,
2598
+ .premium-button-style3-before:hover svg {
2599
+ opacity: 1;
2600
+ }
2601
+
2602
+ .premium-button-text-icon-wrapper {
2603
+ width: 100%;
2604
+ -js-display: flex;
2605
+ display: -webkit-box;
2606
+ display: -webkit-flex;
2607
+ display: -moz-box;
2608
+ display: -ms-flexbox;
2609
+ display: flex;
2610
+ -webkit-box-pack: center;
2611
+ -webkit-justify-content: center;
2612
+ -moz-box-pack: center;
2613
+ -ms-flex-pack: center;
2614
+ justify-content: center;
2615
+ -webkit-box-align: center;
2616
+ -webkit-align-items: center;
2617
+ -moz-box-align: center;
2618
+ -ms-flex-align: center;
2619
+ align-items: center;
2620
+ -webkit-transition: all 0.2s ease-in-out;
2621
+ transition: all 0.2s ease-in-out;
2622
+ }
2623
+
2624
+ .premium-button-text-icon-wrapper span,
2625
+ .premium-button-text-icon-wrapper i,
2626
+ .premium-button-text-icon-wrapper svg {
2627
+ -webkit-transition: all 0.2s ease-in-out;
2628
+ transition: all 0.2s ease-in-out;
2629
+ }
2630
+
2631
+ .premium-button-style4-icon-wrapper {
2632
+ position: absolute;
2633
+ z-index: 2;
2634
+ width: 100%;
2635
+ text-align: center;
2636
+ -js-display: flex;
2637
+ display: -webkit-box;
2638
+ display: -webkit-flex;
2639
+ display: -moz-box;
2640
+ display: -ms-flexbox;
2641
+ display: flex;
2642
+ -webkit-box-align: center;
2643
+ -webkit-align-items: center;
2644
+ -moz-box-align: center;
2645
+ -ms-flex-align: center;
2646
+ align-items: center;
2647
+ -webkit-box-pack: center;
2648
+ -webkit-justify-content: center;
2649
+ -moz-box-pack: center;
2650
+ -ms-flex-pack: center;
2651
+ justify-content: center;
2652
+ height: 100%;
2653
+ opacity: 0;
2654
+ -webkit-transition: all 0.3s ease-in-out;
2655
+ transition: all 0.3s ease-in-out;
2656
+ }
2657
+
2658
+ .premium-button-style4-icon-wrapper.top {
2659
+ bottom: -100%;
2660
+ right: 0;
2661
+ }
2662
+
2663
+ .premium-button-style4-icon-wrapper.bottom {
2664
+ top: -100%;
2665
+ right: 0;
2666
+ }
2667
+
2668
+ .premium-button-style4-icon-wrapper.left {
2669
+ top: 0;
2670
+ right: -100%;
2671
+ }
2672
+
2673
+ .premium-button-style4-icon-wrapper.right {
2674
+ top: 0;
2675
+ left: -100%;
2676
+ }
2677
+
2678
+ .premium-button-style4-bottom:hover .premium-button-style4-icon-wrapper {
2679
+ top: 0;
2680
+ opacity: 1;
2681
+ }
2682
+
2683
+ .premium-button-style4-top:hover .premium-button-style4-icon-wrapper {
2684
+ bottom: 0;
2685
+ opacity: 1;
2686
+ }
2687
+
2688
+ .premium-button-style4-left:hover .premium-button-style4-icon-wrapper {
2689
+ right: 0;
2690
+ opacity: 1;
2691
+ }
2692
+
2693
+ .premium-button-style4-right:hover .premium-button-style4-icon-wrapper {
2694
+ left: 0;
2695
+ opacity: 1;
2696
+ }
2697
+
2698
+ .premium-button-style4-bottom:hover .premium-button-text-icon-wrapper {
2699
+ -webkit-transform: translateY(100%);
2700
+ -ms-transform: translateY(100%);
2701
+ transform: translateY(100%);
2702
+ opacity: 0;
2703
+ }
2704
+
2705
+ .premium-button-style4-top:hover .premium-button-text-icon-wrapper {
2706
+ -webkit-transform: translateY(-100%);
2707
+ -ms-transform: translateY(-100%);
2708
+ transform: translateY(-100%);
2709
+ opacity: 0;
2710
+ }
2711
+
2712
+ .premium-button-style4-left:hover .premium-button-text-icon-wrapper {
2713
+ -webkit-transform: translateX(-100%);
2714
+ -ms-transform: translateX(-100%);
2715
+ transform: translateX(-100%);
2716
+ opacity: 0;
2717
+ }
2718
+
2719
+ .premium-button-style4-right:hover .premium-button-text-icon-wrapper {
2720
+ -webkit-transform: translateX(100%);
2721
+ -ms-transform: translateX(100%);
2722
+ transform: translateX(100%);
2723
+ opacity: 0;
2724
+ }
2725
+
2726
+ .premium-button-style6:before {
2727
+ content: "";
2728
+ position: absolute;
2729
+ right: 50%;
2730
+ top: 50%;
2731
+ width: 100px;
2732
+ height: 100px;
2733
+ -webkit-border-radius: 100%;
2734
+ border-radius: 100%;
2735
+ -webkit-transform: translate(50%, -50%) scale(0);
2736
+ -ms-transform: translate(50%, -50%) scale(0);
2737
+ transform: translate(50%, -50%) scale(0);
2738
+ -webkit-transition: all 0.3s ease-in-out;
2739
+ transition: all 0.3s ease-in-out;
2740
+ }
2741
+
2742
+ .premium-button-style6:hover:before {
2743
+ -webkit-transform: translate(50%, -50%) scale(3);
2744
+ -ms-transform: translate(50%, -50%) scale(3);
2745
+ transform: translate(50%, -50%) scale(3);
2746
+ }
2747
+
2748
+ .premium-button-style6 .premium-button-text-icon-wrapper {
2749
+ position: relative;
2750
+ z-index: 1;
2751
+ }
2752
+
2753
+ .premium-button-style7-right .premium-button-text-icon-wrapper:before,
2754
+ .premium-button-style7-left .premium-button-text-icon-wrapper:before {
2755
+ -webkit-transition: width 0.3s ease-out 0.15s;
2756
+ transition: width 0.3s ease-out 0.15s;
2757
+ }
2758
+
2759
+ .premium-button-style7-right .premium-button-text-icon-wrapper:after,
2760
+ .premium-button-style7-left .premium-button-text-icon-wrapper:after {
2761
+ -webkit-transition: width 0.3s ease-out 0s;
2762
+ transition: width 0.3s ease-out 0s;
2763
+ }
2764
+
2765
+ .premium-button-style7-bottom .premium-button-text-icon-wrapper:before,
2766
+ .premium-button-style7-top .premium-button-text-icon-wrapper:before {
2767
+ -webkit-transition: height 0.3s ease-out 0.15s;
2768
+ transition: height 0.3s ease-out 0.15s;
2769
+ }
2770
+
2771
+ .premium-button-style7-bottom .premium-button-text-icon-wrapper:after,
2772
+ .premium-button-style7-top .premium-button-text-icon-wrapper:after {
2773
+ -webkit-transition: height 0.3s ease-out 0s;
2774
+ transition: height 0.3s ease-out 0s;
2775
+ }
2776
+
2777
+ .premium-button[class*="style7"]:hover .premium-button-text-icon-wrapper:before {
2778
+ -webkit-transition-delay: 0s;
2779
+ transition-delay: 0s;
2780
+ }
2781
+
2782
+ .premium-button[class*="style7"]:hover .premium-button-text-icon-wrapper:after {
2783
+ -webkit-transition-delay: 0.15s;
2784
+ transition-delay: 0.15s;
2785
+ }
2786
+
2787
+ .premium-button-style7-bottom .premium-button-text-icon-wrapper:before,
2788
+ .premium-button-style7-bottom .premium-button-text-icon-wrapper:after {
2789
+ content: "";
2790
+ position: absolute;
2791
+ left: 0;
2792
+ top: 0;
2793
+ right: 0;
2794
+ height: 0;
2795
+ z-index: -1;
2796
+ }
2797
+
2798
+ .premium-button-style7-top .premium-button-text-icon-wrapper:after,
2799
+ .premium-button-style7-top .premium-button-text-icon-wrapper:before {
2800
+ content: "";
2801
+ position: absolute;
2802
+ left: 0;
2803
+ bottom: 0;
2804
+ right: 0;
2805
+ height: 0;
2806
+ z-index: -1;
2807
+ }
2808
+
2809
+ .premium-button-style7-right .premium-button-text-icon-wrapper:after,
2810
+ .premium-button-style7-right .premium-button-text-icon-wrapper:before {
2811
+ content: "";
2812
+ position: absolute;
2813
+ right: 0;
2814
+ top: 0;
2815
+ bottom: 0;
2816
+ width: 0;
2817
+ z-index: -1;
2818
+ }
2819
+
2820
+ .premium-button-style7-left .premium-button-text-icon-wrapper:after,
2821
+ .premium-button-style7-left .premium-button-text-icon-wrapper:before {
2822
+ content: "";
2823
+ position: absolute;
2824
+ left: 0;
2825
+ top: 0;
2826
+ bottom: 0;
2827
+ width: 0;
2828
+ z-index: -1;
2829
+ }
2830
+
2831
+ .premium-button-style7-bottom:hover .premium-button-text-icon-wrapper:after,
2832
+ .premium-button-style7-bottom:hover .premium-button-text-icon-wrapper:before {
2833
+ height: 100%;
2834
+ top: 0;
2835
+ }
2836
+
2837
+ .premium-button-style7-top:hover .premium-button-text-icon-wrapper:after,
2838
+ .premium-button-style7-top:hover .premium-button-text-icon-wrapper:before {
2839
+ height: 100%;
2840
+ bottom: 0;
2841
+ }
2842
+
2843
+ .premium-button-style7-left:hover .premium-button-text-icon-wrapper:after,
2844
+ .premium-button-style7-left:hover .premium-button-text-icon-wrapper:before {
2845
+ width: 100%;
2846
+ left: 0;
2847
+ }
2848
+
2849
+ .premium-button-style7-right:hover .premium-button-text-icon-wrapper:after,
2850
+ .premium-button-style7-right:hover .premium-button-text-icon-wrapper:before {
2851
+ width: 100%;
2852
+ right: 0;
2853
+ }
2854
+ /**************** Premium Carousel **************/
2855
+ /************************************************/
2856
+ .premium-carousel-hidden {
2857
+ opacity: 0;
2858
+ visibility: hidden;
2859
+ }
2860
+
2861
+ .premium-carousel-wrapper a.carousel-arrow,
2862
+ .premium-carousel-wrapper a.ver-carousel-arrow {
2863
+ -js-display: flex;
2864
+ display: -webkit-box;
2865
+ display: -webkit-flex;
2866
+ display: -moz-box;
2867
+ display: -ms-flexbox;
2868
+ display: flex;
2869
+ -webkit-box-align: center;
2870
+ -webkit-align-items: center;
2871
+ -moz-box-align: center;
2872
+ -ms-flex-align: center;
2873
+ align-items: center;
2874
+ -webkit-box-pack: center;
2875
+ -webkit-justify-content: center;
2876
+ -moz-box-pack: center;
2877
+ -ms-flex-pack: center;
2878
+ justify-content: center;
2879
+ width: 2em;
2880
+ height: 2em;
2881
+ line-height: 0;
2882
+ text-align: center;
2883
+ position: absolute;
2884
+ z-index: 99;
2885
+ cursor: pointer;
2886
+ -webkit-transition: all 0.3s ease-in-out;
2887
+ transition: all 0.3s ease-in-out;
2888
+ -webkit-appearance: inherit;
2889
+ border: none;
2890
+ -webkit-box-shadow: none;
2891
+ box-shadow: none;
2892
+ }
2893
+
2894
+ .premium-carousel-wrapper a.carousel-arrow svg,
2895
+ .premium-carousel-wrapper a.ver-carousel-arrow svg {
2896
+ -webkit-transition: all 0.3s ease-in-out;
2897
+ transition: all 0.3s ease-in-out;
2898
+ }
2899
+
2900
+ .premium-carousel-wrapper a.slick-arrow:hover {
2901
+ -webkit-box-shadow: none !important;
2902
+ box-shadow: none !important;
2903
+ }
2904
+
2905
+ .premium-carousel-wrapper .premium-carousel-content-hidden {
2906
+ visibility: hidden;
2907
+ }
2908
+
2909
+ .premium-carousel-wrapper a.carousel-arrow {
2910
+ top: 50%;
2911
+ }
2912
+
2913
+ .premium-carousel-wrapper a.ver-carousel-arrow {
2914
+ right: 50%;
2915
+ -webkit-transform: translateX(50%);
2916
+ -ms-transform: translateX(50%);
2917
+ transform: translateX(50%);
2918
+ }
2919
+
2920
+ .premium-carousel-dots-above ul.slick-dots {
2921
+ position: absolute;
2922
+ display: -ms-flexbox;
2923
+ display: -webkit-flex;
2924
+ display: -moz-flex;
2925
+ display: -ms-flex;
2926
+ -js-display: flex;
2927
+ display: -webkit-box;
2928
+ display: -moz-box;
2929
+ display: flex;
2930
+ top: 50%;
2931
+ -webkit-transform: translateY(-50%);
2932
+ -ms-transform: translateY(-50%);
2933
+ transform: translateY(-50%);
2934
+ -webkit-flex-direction: column;
2935
+ -webkit-box-orient: vertical;
2936
+ -webkit-box-direction: normal;
2937
+ -moz-box-orient: vertical;
2938
+ -moz-box-direction: normal;
2939
+ -ms-flex-direction: column;
2940
+ flex-direction: column;
2941
+ }
2942
+
2943
+ /*
2944
+ * Custom Navigation Dot
2945
+ */
2946
+ .premium-carousel-wrapper .premium-carousel-nav-dot,
2947
+ .premium-carousel-wrapper .premium-carousel-nav-arrow-prev,
2948
+ .premium-carousel-wrapper .premium-carousel-nav-arrow-next {
2949
+ display: none;
2950
+ }
2951
+
2952
+ .premium-carousel-wrapper ul.slick-dots svg {
2953
+ width: 20px;
2954
+ height: 20px;
2955
+ outline: none !important;
2956
+ }
2957
+
2958
+ /* Ripple Out */
2959
+ @-webkit-keyframes hvr-ripple-out {
2960
+ 0% {
2961
+ -webkit-transform: scale(1);
2962
+ transform: scale(1);
2963
+ opacity: 1;
2964
+ }
2965
+
2966
+ 100% {
2967
+ -webkit-transform: scale(1.5);
2968
+ transform: scale(1.5);
2969
+ opacity: 0;
2970
+ }
2971
+ }
2972
+
2973
+ @keyframes hvr-ripple-out {
2974
+ 0% {
2975
+ -webkit-transform: scale(1);
2976
+ transform: scale(1);
2977
+ opacity: 1;
2978
+ }
2979
+
2980
+ 100% {
2981
+ -webkit-transform: scale(1.5);
2982
+ transform: scale(1.5);
2983
+ opacity: 0;
2984
+ }
2985
+ }
2986
+
2987
+ .premium-carousel-ripple-yes .premium-carousel-wrapper {
2988
+ padding-bottom: 1px;
2989
+ }
2990
+
2991
+ .premium-carousel-ripple-yes ul.slick-dots li,
2992
+ .premium-carousel-ripple-yes ul.slick-dots li i {
2993
+ position: relative;
2994
+ }
2995
+
2996
+ .premium-carousel-ripple-yes ul.slick-dots li i {
2997
+ z-index: 1;
2998
+ }
2999
+
3000
+ .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
3001
+ content: "";
3002
+ position: absolute;
3003
+ -webkit-transform: scale(1);
3004
+ -ms-transform: scale(1);
3005
+ transform: scale(1);
3006
+ top: 0;
3007
+ left: 0;
3008
+ bottom: 0;
3009
+ right: 0;
3010
+ -webkit-border-radius: 50%;
3011
+ border-radius: 50%;
3012
+ pointer-events: none;
3013
+ background-color: rgba(0, 0, 0, 0.15);
3014
+ }
3015
+
3016
+ .premium-carousel-ripple-yes ul.slick-dots li.slick-active:hover:before {
3017
+ background-color: rgba(0, 0, 0, 0.3);
3018
+ }
3019
+
3020
+ .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
3021
+ -webkit-animation: hvr-ripple-out 1.3s infinite;
3022
+ animation: hvr-ripple-out 1.3s infinite;
3023
+ }
3024
+
3025
+ .premium-carousel-wrapper.premium-carousel-scale .slick-slide {
3026
+ -webkit-transform: scale(1.25, 1.25);
3027
+ -ms-transform: scale(1.25, 1.25);
3028
+ transform: scale(1.25, 1.25);
3029
+ -webkit-transition: all 0.3s ease-in-out;
3030
+ transition: all 0.3s ease-in-out;
3031
+ }
3032
+
3033
+ .premium-carousel-wrapper.premium-carousel-scale div.slick-active {
3034
+ -webkit-transform: scale(1, 1);
3035
+ -ms-transform: scale(1, 1);
3036
+ transform: scale(1, 1);
3037
+ }
3038
+
3039
+ [dir="rtl"] .premium-carousel-inner .slick-slide {
3040
+ float: right;
3041
+ }
3042
+ /**************** Premium Contact Form7 **********/
3043
+ /*************************************************/
3044
+ .premium-contact-form-anim-yes .wpcf7-span::after {
3045
+ display: block;
3046
+ height: 2px;
3047
+ content: "";
3048
+ top: -2px;
3049
+ position: relative;
3050
+ width: 0px;
3051
+ -webkit-transition: all ease-in-out 0.3s;
3052
+ transition: all ease-in-out 0.3s;
3053
+ }
3054
+
3055
+ .premium-contact-form-anim-yes .wpcf7-span.is-focused::after {
3056
+ width: 100%;
3057
+ }
3058
+
3059
+ .premium-cf7-container input.wpcf7-submit {
3060
+ -webkit-transition: all 0.3s ease-in-out;
3061
+ transition: all 0.3s ease-in-out;
3062
+ }
3063
+ /************ Premium Countdown ************/
3064
+ /*******************************************/
3065
+ .premium-countdown {
3066
+ -js-display: flex;
3067
+ display: -webkit-box;
3068
+ display: -webkit-flex;
3069
+ display: -moz-box;
3070
+ display: -ms-flexbox;
3071
+ display: flex;
3072
+ text-align: center;
3073
+ }
3074
+
3075
+ .countdown-row {
3076
+ display: block;
3077
+ text-align: center;
3078
+ }
3079
+
3080
+ .countdown .countdown-section {
3081
+ display: inline-block;
3082
+ max-width: 100%;
3083
+ margin-bottom: 15px;
3084
+ -js-display: inline-flex;
3085
+ display: -webkit-inline-box;
3086
+ display: -webkit-inline-flex;
3087
+ display: -moz-inline-box;
3088
+ display: -ms-inline-flexbox;
3089
+ display: inline-flex;
3090
+ -webkit-box-align: center;
3091
+ -webkit-align-items: center;
3092
+ -moz-box-align: center;
3093
+ -ms-flex-align: center;
3094
+ align-items: center;
3095
+ }
3096
+
3097
+ .countdown .countdown-section:last-child {
3098
+ margin-left: 0;
3099
+ }
3100
+
3101
+ .countdown span.countdown-amount {
3102
+ font-size: 70px;
3103
+ line-height: 1;
3104
+ padding: 40px;
3105
+ }
3106
+
3107
+ .countdown .pre_time-mid {
3108
+ display: block;
3109
+ }
3110
+
3111
+ .premium-countdown-separator-yes .countdown_separator {
3112
+ display: block;
3113
+ margin: 0 50px;
3114
+ font-size: 30px;
3115
+ }
3116
+
3117
+ .premium-countdown-separator-yes .countdown-row .countdown-section:last-child .countdown_separator,
3118
+ .premium-countdown-separator-yes .premium-countdown-block:last-child .countdown_separator {
3119
+ display: none;
3120
+ }
3121
+
3122
+ /**
3123
+ * Digit and unit styles
3124
+ */
3125
+ .side .countdown-section .countdown-period {
3126
+ vertical-align: bottom;
3127
+ }
3128
+
3129
+ .countdown .countdown-section .countdown-period {
3130
+ font-size: 17px;
3131
+ line-height: 3em;
3132
+ }
3133
+
3134
+ .side .countdown-section .countdown-amount,
3135
+ .side .countdown-section .countdown-period {
3136
+ display: inline-block;
3137
+ }
3138
+
3139
+ .side .countdown-section .countdown-amount {
3140
+ margin-left: 5px;
3141
+ }
3142
+
3143
+ .down .countdown-section .countdown-amount,
3144
+ .down .countdown-section .countdown-period {
3145
+ display: block;
3146
+ }
3147
+
3148
+ /**
3149
+ * Flip Layout
3150
+ */
3151
+ .premium-countdown-flip .premium-countdown-block {
3152
+ text-align: center;
3153
+ -js-display: inline-flex;
3154
+ display: -webkit-inline-box;
3155
+ display: -webkit-inline-flex;
3156
+ display: -moz-inline-box;
3157
+ display: -ms-inline-flexbox;
3158
+ display: inline-flex;
3159
+ -webkit-box-align: center;
3160
+ -webkit-align-items: center;
3161
+ -moz-box-align: center;
3162
+ -ms-flex-align: center;
3163
+ align-items: center;
3164
+ }
3165
+
3166
+ .premium-countdown-flip .premium-countdown-block:last-child {
3167
+ margin-left: 0;
3168
+ }
3169
+
3170
+ .premium-countdown-flip .premium-countdown-label {
3171
+ overflow: hidden;
3172
+ color: #1a1a1a;
3173
+ text-transform: uppercase;
3174
+ }
3175
+
3176
+ .premium-countdown-flip .premium-countdown-figure {
3177
+ position: relative;
3178
+ height: 110px;
3179
+ width: 100px;
3180
+ line-height: 107px;
3181
+ background-color: #fff;
3182
+ -webkit-border-radius: 10px;
3183
+ border-radius: 10px;
3184
+ -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset -2px 4px 0 0 rgba(255, 255, 255, 0.08);
3185
+ box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset -2px 4px 0 0 rgba(255, 255, 255, 0.08);
3186
+ }
3187
+
3188
+ .premium-countdown-flip .premium-countdown-figure:last-child {
3189
+ margin-left: 0;
3190
+ }
3191
+
3192
+ .premium-countdown-flip .premium-countdown-figure>span {
3193
+ position: absolute;
3194
+ right: 0;
3195
+ left: 0;
3196
+ margin: auto;
3197
+ font-weight: 700;
3198
+ }
3199
+
3200
+ .premium-countdown-flip .premium-countdown-figure .top {
3201
+ z-index: 3;
3202
+ -webkit-transform-origin: 50% 100%;
3203
+ -ms-transform-origin: 50% 100%;
3204
+ transform-origin: 50% 100%;
3205
+ -webkit-transform: perspective(200px);
3206
+ transform: perspective(200px);
3207
+ -webkit-backface-visibility: hidden;
3208
+ backface-visibility: hidden;
3209
+ }
3210
+
3211
+ .premium-countdown-flip .premium-countdown-figure .bottom {
3212
+ z-index: 1;
3213
+ }
3214
+
3215
+ .premium-countdown-flip .premium-countdown-figure .bottom::before {
3216
+ content: "";
3217
+ position: absolute;
3218
+ display: block;
3219
+ top: 0;
3220
+ right: 0;
3221
+ width: 100%;
3222
+ height: 50%;
3223
+ background-color: rgba(0, 0, 0, 0.02);
3224
+ }
3225
+
3226
+ .premium-countdown-flip .premium-countdown-figure .top-back {
3227
+ -webkit-backface-visibility: hidden;
3228
+ backface-visibility: hidden;
3229
+ z-index: 4;
3230
+ bottom: 0;
3231
+ -webkit-transform-origin: 50% 0;
3232
+ -ms-transform-origin: 50% 0;
3233
+ transform-origin: 50% 0;
3234
+ -webkit-transform: perspective(200px) rotateX(180deg);
3235
+ transform: perspective(200px) rotateX(180deg);
3236
+ }
3237
+
3238
+ .premium-countdown-flip .premium-countdown-figure .top-back span {
3239
+ position: absolute;
3240
+ top: -100%;
3241
+ right: 0;
3242
+ left: 0;
3243
+ margin: auto;
3244
+ }
3245
+
3246
+ .premium-countdown-flip .premium-countdown-figure .bottom-back {
3247
+ z-index: 2;
3248
+ top: 0;
3249
+ }
3250
+
3251
+ .premium-countdown-flip .premium-countdown-figure .bottom-back span {
3252
+ position: absolute;
3253
+ top: 0;
3254
+ right: 0;
3255
+ left: 0;
3256
+ margin: auto;
3257
+ }
3258
+
3259
+ .premium-countdown-flip .premium-countdown-figure .top,
3260
+ .premium-countdown-flip .premium-countdown-figure .bottom-back,
3261
+ .premium-countdown-flip .premium-countdown-figure .top-back {
3262
+ height: 50%;
3263
+ overflow: hidden;
3264
+ background-color: #f7f7f7;
3265
+ -webkit-border-top-right-radius: 10px;
3266
+ border-top-right-radius: 10px;
3267
+ -webkit-border-top-left-radius: 10px;
3268
+ border-top-left-radius: 10px;
3269
+ }
3270
+
3271
+ .premium-countdown-flip .premium-countdown-figure .top-back {
3272
+ -webkit-border-bottom-right-radius: 10px;
3273
+ border-bottom-right-radius: 10px;
3274
+ -webkit-border-bottom-left-radius: 10px;
3275
+ border-bottom-left-radius: 10px;
3276
+ }
3277
+
3278
+ .premium-countdown-flip .premium-countdown-figure .top::after,
3279
+ .premium-countdown-flip .premium-countdown-figure .bottom-back::after {
3280
+ content: "";
3281
+ position: absolute;
3282
+ z-index: -1;
3283
+ right: 0;
3284
+ bottom: 0;
3285
+ width: 100%;
3286
+ height: 100%;
3287
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
3288
+ }
3289
+
3290
+ .side .premium-countdown-figure,
3291
+ .side .premium-countdown-label {
3292
+ display: inline-block;
3293
+ }
3294
+
3295
+ .side .premium-countdown-figure {
3296
+ margin-left: 5px;
3297
+ }
3298
+
3299
+ .down .premium-countdown-figure,
3300
+ .down .premium-countdown-label {
3301
+ display: block;
3302
+ }
3303
+
3304
+ .down .premium-countdown-label {
3305
+ width: 100%;
3306
+ }
3307
+ /**************** Premium Counter ***************/
3308
+ /************************************************/
3309
+ .premium-counter-area {
3310
+ padding: 10px 0;
3311
+ -js-display: flex;
3312
+ display: -webkit-box;
3313
+ display: -webkit-flex;
3314
+ display: -moz-box;
3315
+ display: -ms-flexbox;
3316
+ display: flex;
3317
+ -webkit-box-pack: center;
3318
+ -webkit-justify-content: center;
3319
+ -moz-box-pack: center;
3320
+ -ms-flex-pack: center;
3321
+ justify-content: center;
3322
+ -webkit-box-align: center;
3323
+ -webkit-align-items: center;
3324
+ -moz-box-align: center;
3325
+ -ms-flex-align: center;
3326
+ align-items: center;
3327
+ }
3328
+
3329
+ .premium-counter-area.top {
3330
+ -webkit-box-orient: vertical;
3331
+ -webkit-box-direction: normal;
3332
+ -webkit-flex-direction: column;
3333
+ -moz-box-orient: vertical;
3334
+ -moz-box-direction: normal;
3335
+ -ms-flex-direction: column;
3336
+ flex-direction: column;
3337
+ }
3338
+
3339
+ .premium-counter-area.right {
3340
+ -webkit-box-orient: horizontal;
3341
+ -webkit-box-direction: reverse;
3342
+ -webkit-flex-direction: row-reverse;
3343
+ -moz-box-orient: horizontal;
3344
+ -moz-box-direction: reverse;
3345
+ -ms-flex-direction: row-reverse;
3346
+ flex-direction: row-reverse;
3347
+ }
3348
+
3349
+ .premium-counter-area.right .premium-counter-icon {
3350
+ padding-right: 20px;
3351
+ }
3352
+
3353
+ .premium-counter-area.left .premium-counter-icon {
3354
+ padding-left: 20px;
3355
+ }
3356
+
3357
+ .premium-counter-area .premium-counter-icon .icon i.fa:before {
3358
+ vertical-align: text-top;
3359
+ }
3360
+
3361
+ .premium-counter-area .premium-counter-icon span.icon {
3362
+ text-align: center;
3363
+ display: inline-block;
3364
+ vertical-align: middle;
3365
+ }
3366
+
3367
+ .premium-counter-area .premium-counter-icon .circle {
3368
+ -webkit-border-radius: 100%;
3369
+ border-radius: 100%;
3370
+ }
3371
+
3372
+ .premium-counter-area .premium-counter-icon img,
3373
+ .premium-counter-area .premium-counter-icon svg {
3374
+ width: 80px;
3375
+ }
3376
+
3377
+ .premium-counter-area .premium-counter-icon .premium-counter-animation svg {
3378
+ height: 80px;
3379
+ }
3380
+
3381
+ .premium-counter-area .premium-counter-title p {
3382
+ padding: 0;
3383
+ margin: 0;
3384
+ }
3385
+
3386
+ .premium-counter-area .premium-counter-value-wrap {
3387
+ -js-display: flex;
3388
+ display: -webkit-box;
3389
+ display: -webkit-flex;
3390
+ display: -moz-box;
3391
+ display: -ms-flexbox;
3392
+ display: flex;
3393
+ -webkit-box-align: center;
3394
+ -webkit-align-items: center;
3395
+ -moz-box-align: center;
3396
+ -ms-flex-align: center;
3397
+ align-items: center;
3398
+ }
3399
+
3400
+ .premium-init-wrapper {
3401
+ -js-display: flex;
3402
+ display: -webkit-box;
3403
+ display: -webkit-flex;
3404
+ display: -moz-box;
3405
+ display: -ms-flexbox;
3406
+ display: flex;
3407
+ }
3408
+
3409
+ .premium-init-wrapper.row {
3410
+ -webkit-box-align: center;
3411
+ -webkit-align-items: center;
3412
+ -moz-box-align: center;
3413
+ -ms-flex-align: center;
3414
+ align-items: center;
3415
+ }
3416
+
3417
+ .premium-init-wrapper.right {
3418
+ text-align: right;
3419
+ }
3420
+
3421
+ span.icon.flex-width {
3422
+ width: auto !important;
3423
+ height: auto !important;
3424
+ }
3425
+
3426
+ .premium-counter-area .premium-counter-init {
3427
+ font-size: 35px;
3428
+ }
3429
+ /**************** Premium Dual Heading *****************/
3430
+ /*******************************************************/
3431
+ .premium-dual-header-first-header,
3432
+ .premium-dual-header-second-header {
3433
+ position: relative;
3434
+ padding: 0;
3435
+ margin: 0;
3436
+ display: inline-block;
3437
+ -webkit-transform: translate(0, 0);
3438
+ -ms-transform: translate(0, 0);
3439
+ transform: translate(0, 0);
3440
+ }
3441
+
3442
+ .premium-dual-header-first-clip .premium-dual-header-first-span,
3443
+ .premium-dual-header-second-clip {
3444
+ -webkit-text-fill-color: transparent;
3445
+ -webkit-background-clip: text;
3446
+ }
3447
+
3448
+ .premium-dual-header-first-clip.stroke .premium-dual-header-first-span,
3449
+ .premium-dual-header-second-clip.stroke {
3450
+ -webkit-text-stroke-color: transparent;
3451
+ -webkit-text-fill-color: #fafafa;
3452
+ -webkit-text-stroke-width: 2px;
3453
+ }
3454
+
3455
+ @media (max-width: 500px) {
3456
+
3457
+ .premium-dual-header-first-header,
3458
+ .premium-dual-header-second-header {
3459
+ word-wrap: break-word;
3460
+ }
3461
+ }
3462
+
3463
+ .premium-dual-header-first-header.gradient .premium-dual-header-first-span,
3464
+ .premium-dual-header-second-header.gradient {
3465
+ -webkit-background-size: 300% 300% !important;
3466
+ background-size: 300% 300% !important;
3467
+ -webkit-animation: Gradient 10s ease-in-out infinite;
3468
+ animation: Gradient 10s ease-in-out infinite;
3469
+ }
3470
+
3471
+ @-webkit-keyframes Gradient {
3472
+ 0% {
3473
+ background-position: 100% 50%;
3474
+ }
3475
+
3476
+ 50% {
3477
+ background-position: 0% 50%;
3478
+ }
3479
+
3480
+ 100% {
3481
+ background-position: 100% 50%;
3482
+ }
3483
+ }
3484
+
3485
+ @keyframes Gradient {
3486
+ 0% {
3487
+ background-position: 100% 50%;
3488
+ }
3489
+
3490
+ 50% {
3491
+ background-position: 0% 50%;
3492
+ }
3493
+
3494
+ 100% {
3495
+ background-position: 100% 50%;
3496
+ }
3497
+ }
3498
+ /**************** Premium Fancy Text *******************/
3499
+ /*******************************************************/
3500
+ .premium-suffix-text,
3501
+ .premium-fancy-text,
3502
+ .premium-prefix-text {
3503
+ font-size: 40px;
3504
+ }
3505
+
3506
+ .premium-fancy-text-wrapper:not(.typing) .premium-fancy-text,
3507
+ .premium-fancy-item-hidden {
3508
+ opacity: 0;
3509
+ }
3510
+
3511
+ .premium-fancy-text-wrapper .premium-fancy-list-items {
3512
+ list-style: none;
3513
+ }
3514
+
3515
+ .premium-fancy-text-wrapper .premium-fancy-text-span-align {
3516
+ vertical-align: top;
3517
+ }
3518
+
3519
+ .premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-text-items-wrapper {
3520
+ margin: 0;
3521
+ padding: 0;
3522
+ border: none;
3523
+ position: relative;
3524
+ }
3525
+
3526
+ .premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-list-items {
3527
+ position: absolute;
3528
+ top: 0;
3529
+ left: 0;
3530
+ display: inline-block;
3531
+ }
3532
+
3533
+ .premium-fancy-text-wrapper.zoomout .premium-fancy-item-hidden {
3534
+ -webkit-animation: pa-zoom-out 0.8s;
3535
+ animation: pa-zoom-out 0.8s;
3536
+ }
3537
+
3538
+ .premium-fancy-text-wrapper.zoomout .premium-fancy-item-visible {
3539
+ position: relative !important;
3540
+ -webkit-animation: pa-zoom-in 0.8s;
3541
+ animation: pa-zoom-in 0.8s;
3542
+ }
3543
+
3544
+ .premium-fancy-text-wrapper.zoomout .premium-fancy-text-items-wrapper {
3545
+ -webkit-perspective: 300px;
3546
+ perspective: 300px;
3547
+ }
3548
+
3549
+ .premium-fancy-text-wrapper.rotate .premium-fancy-list-items {
3550
+ -webkit-transform-origin: 50% 100%;
3551
+ -ms-transform-origin: 50% 100%;
3552
+ transform-origin: 50% 100%;
3553
+ }
3554
+
3555
+ .premium-fancy-text-wrapper.rotate .premium-fancy-item-hidden {
3556
+ -webkit-transform: rotateX(180deg);
3557
+ transform: rotateX(180deg);
3558
+ -webkit-animation: pa-rotate-out 1.2s;
3559
+ animation: pa-rotate-out 1.2s;
3560
+ }
3561
+
3562
+ .premium-fancy-text-wrapper.rotate .premium-fancy-item-visible {
3563
+ position: relative !important;
3564
+ -webkit-transform: rotateX(0deg);
3565
+ transform: rotateX(0deg);
3566
+ -webkit-animation: pa-rotate-in 1.2s;
3567
+ animation: pa-rotate-in 1.2s;
3568
+ }
3569
+
3570
+ .premium-fancy-text-wrapper.custom .premium-fancy-item-visible {
3571
+ position: relative !important;
3572
+ }
3573
+
3574
+ .premium-fancy-text-wrapper.auto-fade .premium-fancy-text {
3575
+ display: inline-block;
3576
+ width: 200px;
3577
+ font-weight: 400;
3578
+ }
3579
+
3580
+ .premium-fancy-text-wrapper.auto-fade .premium-fancy-svg-text {
3581
+ position: relative;
3582
+ vertical-align: sub;
3583
+ }
3584
+
3585
+ .premium-fancy-text-wrapper.auto-fade g>text {
3586
+ text-anchor: start;
3587
+ shape-rendering: crispEdges;
3588
+ opacity: 0;
3589
+ font-size: 300px;
3590
+ -webkit-animation-name: pa-auto-fade;
3591
+ animation-name: pa-auto-fade;
3592
+ -moz-animation-name: pa-auto-fade;
3593
+ -webkit-animation-duration: 9s;
3594
+ animation-duration: 9s;
3595
+ -webkit-animation-timing-function: linear;
3596
+ animation-timing-function: linear;
3597
+ -webkit-animation-iteration-count: infinite;
3598
+ animation-iteration-count: infinite;
3599
+ }
3600
+
3601
+ .premium-fancy-text-wrapper.auto-fade g>text:nth-child(1) {
3602
+ -webkit-animation-delay: 0s;
3603
+ animation-delay: 0s;
3604
+ }
3605
+
3606
+ .premium-fancy-text-wrapper.auto-fade g>text:nth-child(2) {
3607
+ -webkit-animation-delay: 3s;
3608
+ animation-delay: 3s;
3609
+ }
3610
+
3611
+ .premium-fancy-text-wrapper.auto-fade g>text:nth-child(3) {
3612
+ -webkit-animation-delay: 6s;
3613
+ animation-delay: 6s;
3614
+ }
3615
+
3616
+ .premium-fancy-text-wrapper.loading .premium-fancy-text {
3617
+ position: relative;
3618
+ }
3619
+
3620
+ .premium-fancy-text-wrapper.loading .premium-fancy-text .premium-loading-bar {
3621
+ position: absolute;
3622
+ width: 100%;
3623
+ height: 3px;
3624
+ bottom: 0;
3625
+ left: 0;
3626
+ animation: pa-loading-bar 2.5s ease-out infinite;
3627
+ -webkit-animation: pa-loading-bar 2.5s ease-out infinite;
3628
+ }
3629
+
3630
+ .premium-fancy-text-wrapper.loading.pause .premium-fancy-text:hover .premium-loading-bar {
3631
+ -webkit-animation-play-state: paused;
3632
+ animation-play-state: paused;
3633
+ }
3634
+
3635
+ @-webkit-keyframes pa-auto-fade {
3636
+ 0% {
3637
+ opacity: 0;
3638
+ }
3639
+
3640
+ 20% {
3641
+ opacity: 1;
3642
+ }
3643
+
3644
+ 35% {
3645
+ opacity: 0;
3646
+ }
3647
+
3648
+ 100% {
3649
+ opacity: 0;
3650
+ }
3651
+ }
3652
+
3653
+ @keyframes pa-auto-fade {
3654
+ 0% {
3655
+ opacity: 0;
3656
+ }
3657
+
3658
+ 20% {
3659
+ opacity: 1;
3660
+ }
3661
+
3662
+ 35% {
3663
+ opacity: 0;
3664
+ }
3665
+
3666
+ 100% {
3667
+ opacity: 0;
3668
+ }
3669
+ }
3670
+
3671
+ @-webkit-keyframes pa-loading-bar {
3672
+ 0% {
3673
+ width: 0;
3674
+ }
3675
+
3676
+ 100% {
3677
+ width: 100;
3678
+ }
3679
+ }
3680
+
3681
+ @keyframes pa-loading-bar {
3682
+ 0% {
3683
+ width: 0;
3684
+ }
3685
+
3686
+ 100% {
3687
+ width: 100;
3688
+ }
3689
+ }
3690
+
3691
+ @-webkit-keyframes pa-zoom-in {
3692
+ 0% {
3693
+ opacity: 0;
3694
+ -webkit-transform: translateZ(100px);
3695
+ transform: translateZ(100px);
3696
+ }
3697
+
3698
+ 100% {
3699
+ opacity: 1;
3700
+ -webkit-transform: translateZ(0);
3701
+ transform: translateZ(0);
3702
+ }
3703
+ }
3704
+
3705
+ @keyframes pa-zoom-in {
3706
+ 0% {
3707
+ opacity: 0;
3708
+ -webkit-transform: translateZ(100px);
3709
+ transform: translateZ(100px);
3710
+ }
3711
+
3712
+ 100% {
3713
+ opacity: 1;
3714
+ -webkit-transform: translateZ(0);
3715
+ transform: translateZ(0);
3716
+ }
3717
+ }
3718
+
3719
+ @-webkit-keyframes pa-zoom-out {
3720
+ 0% {
3721
+ opacity: 1;
3722
+ -webkit-transform: translateZ(0);
3723
+ transform: translateZ(0);
3724
+ }
3725
+
3726
+ 100% {
3727
+ opacity: 0;
3728
+ -webkit-transform: translateZ(-100px);
3729
+ transform: translateZ(-100px);
3730
+ }
3731
+ }
3732
+
3733
+ @keyframes pa-zoom-out {
3734
+ 0% {
3735
+ opacity: 1;
3736
+ -webkit-transform: translateZ(0);
3737
+ transform: translateZ(0);
3738
+ }
3739
+
3740
+ 100% {
3741
+ opacity: 0;
3742
+ -webkit-transform: translateZ(-100px);
3743
+ transform: translateZ(-100px);
3744
+ }
3745
+ }
3746
+
3747
+ @-webkit-keyframes pa-rotate-in {
3748
+ 0% {
3749
+ opacity: 0;
3750
+ -webkit-transform: rotateX(180deg);
3751
+ transform: rotateX(180deg);
3752
+ }
3753
+
3754
+ 35% {
3755
+ opacity: 0;
3756
+ -webkit-transform: rotateX(120deg);
3757
+ transform: rotateX(120deg);
3758
+ }
3759
+
3760
+ 65% {
3761
+ opacity: 0;
3762
+ }
3763
+
3764
+ 100% {
3765
+ opacity: 1;
3766
+ -webkit-transform: rotateX(360deg);
3767
+ transform: rotateX(360deg);
3768
+ }
3769
+ }
3770
+
3771
+ @keyframes pa-rotate-in {
3772
+ 0% {
3773
+ opacity: 0;
3774
+ -webkit-transform: rotateX(180deg);
3775
+ transform: rotateX(180deg);
3776
+ }
3777
+
3778
+ 35% {
3779
+ opacity: 0;
3780
+ -webkit-transform: rotateX(120deg);
3781
+ transform: rotateX(120deg);
3782
+ }
3783
+
3784
+ 65% {
3785
+ opacity: 0;
3786
+ }
3787
+
3788
+ 100% {
3789
+ opacity: 1;
3790
+ -webkit-transform: rotateX(360deg);
3791
+ transform: rotateX(360deg);
3792
+ }
3793
+ }
3794
+
3795
+ @-webkit-keyframes pa-rotate-out {
3796
+ 0% {
3797
+ opacity: 1;
3798
+ -webkit-transform: rotateX(0deg);
3799
+ transform: rotateX(0deg);
3800
+ }
3801
+
3802
+ 35% {
3803
+ opacity: 1;
3804
+ -webkit-transform: rotateX(-40deg);
3805
+ transform: rotateX(-40deg);
3806
+ }
3807
+
3808
+ 65% {
3809
+ opacity: 0;
3810
+ }
3811
+
3812
+ 100% {
3813
+ opacity: 0;
3814
+ -webkit-transform: rotateX(180deg);
3815
+ transform: rotateX(180deg);
3816
+ }
3817
+ }
3818
+
3819
+ @keyframes pa-rotate-out {
3820
+ 0% {
3821
+ opacity: 1;
3822
+ -webkit-transform: rotateX(0deg);
3823
+ transform: rotateX(0deg);
3824
+ }
3825
+
3826
+ 35% {
3827
+ opacity: 1;
3828
+ -webkit-transform: rotateX(-40deg);
3829
+ transform: rotateX(-40deg);
3830
+ }
3831
+
3832
+ 65% {
3833
+ opacity: 0;
3834
+ }
3835
+
3836
+ 100% {
3837
+ opacity: 0;
3838
+ -webkit-transform: rotateX(180deg);
3839
+ transform: rotateX(180deg);
3840
+ }
3841
+ }
3842
+ /**************** Premium Bullet List *****************/
3843
+ /******************************************************/
3844
+ .premium-bullet-list-box {
3845
+ -js-display: flex;
3846
+ display: -webkit-box;
3847
+ display: -webkit-flex;
3848
+ display: -moz-box;
3849
+ display: -ms-flexbox;
3850
+ display: flex;
3851
+ -webkit-flex-wrap: wrap;
3852
+ -ms-flex-wrap: wrap;
3853
+ flex-wrap: wrap;
3854
+ -webkit-box-orient: vertical;
3855
+ -webkit-box-direction: normal;
3856
+ -webkit-flex-direction: column;
3857
+ -moz-box-orient: vertical;
3858
+ -moz-box-direction: normal;
3859
+ -ms-flex-direction: column;
3860
+ flex-direction: column;
3861
+ }
3862
+
3863
+ .premium-bullet-list-box .premium-bullet-list-content-grow-lc {
3864
+ -webkit-transform-origin: right center;
3865
+ -ms-transform-origin: right center;
3866
+ transform-origin: right center;
3867
+ }
3868
+
3869
+ .premium-bullet-list-box .premium-bullet-list-content-grow-rc {
3870
+ -webkit-transform-origin: left center;
3871
+ -ms-transform-origin: left center;
3872
+ transform-origin: left center;
3873
+ }
3874
+
3875
+ .premium-bullet-list-box .premium-bullet-list-content-grow-cc {
3876
+ -webkit-transform-origin: center center;
3877
+ -ms-transform-origin: center center;
3878
+ transform-origin: center center;
3879
+ }
3880
+
3881
+ .premium-bullet-list-content {
3882
+ -js-display: flex;
3883
+ display: -webkit-box;
3884
+ display: -webkit-flex;
3885
+ display: -moz-box;
3886
+ display: -ms-flexbox;
3887
+ display: flex;
3888
+ -webkit-transition: all 0.3s ease-in-out;
3889
+ transition: all 0.3s ease-in-out;
3890
+ width: auto;
3891
+ position: relative;
3892
+ }
3893
+
3894
+ .premium-bullet-list-content .premium-bullet-list-text span,
3895
+ .premium-bullet-list-content .premium-bullet-list-wrapper {
3896
+ display: inline-block;
3897
+ -webkit-align-self: center;
3898
+ -ms-flex-item-align: center;
3899
+ align-self: center;
3900
+ -webkit-transition: all 0.3s ease-in-out;
3901
+ transition: all 0.3s ease-in-out;
3902
+ }
3903
+
3904
+ .premium-bullet-list-content .premium-bullet-list-text span {
3905
+ margin: 0 5px;
3906
+ }
3907
+
3908
+ .premium-bullet-list-content .premium-bullet-list-icon-text p {
3909
+ font-size: 18px;
3910
+ background-color: #eee;
3911
+ padding: 1px 5px;
3912
+ -webkit-border-radius: 2px;
3913
+ border-radius: 2px;
3914
+ }
3915
+
3916
+ .premium-bullet-list-content .premium-bullet-list-text span,
3917
+ .premium-bullet-list-content .premium-bullet-list-icon-text p,
3918
+ .premium-bullet-list-content .premium-bullet-list-wrapper img,
3919
+ .premium-bullet-list-content .premium-bullet-list-wrapper svg,
3920
+ .premium-bullet-list-content .premium-bullet-list-wrapper i {
3921
+ -webkit-transition: all 0.3s ease-in-out;
3922
+ transition: all 0.3s ease-in-out;
3923
+ }
3924
+
3925
+ .premium-bullet-list-content .premium-bullet-list-wrapper {
3926
+ position: relative;
3927
+ line-height: 0;
3928
+ }
3929
+
3930
+ .premium-bullet-list-content .premium-bullet-list-wrapper img,
3931
+ .premium-bullet-list-content .premium-bullet-list-wrapper svg {
3932
+ width: 30px !important;
3933
+ height: 30px !important;
3934
+ position: relative;
3935
+ z-index: 500;
3936
+ }
3937
+
3938
+ .premium-bullet-list-content .premium-bullet-list-wrapper i {
3939
+ width: 1.25em;
3940
+ }
3941
+
3942
+ .premium-bullet-list-content .premium-bullet-list-wrapper i,
3943
+ .premium-bullet-list-content .premium-bullet-list-wrapper .premium-bullet-list-icon-text {
3944
+ position: relative;
3945
+ z-index: 500;
3946
+ }
3947
+
3948
+ .premium-bullet-list-content .premium-bullet-list-link {
3949
+ position: absolute;
3950
+ top: 0;
3951
+ right: 0;
3952
+ width: 100%;
3953
+ height: 100%;
3954
+ z-index: 1000;
3955
+ }
3956
+
3957
+ .premium-bullet-list-content:not(:last-of-type) .premium-bullet-list-connector {
3958
+ width: 100%;
3959
+ height: 100%;
3960
+ position: absolute;
3961
+ top: 0.5em;
3962
+ z-index: 100;
3963
+ -js-display: flex;
3964
+ display: -webkit-box;
3965
+ display: -webkit-flex;
3966
+ display: -moz-box;
3967
+ display: -ms-flexbox;
3968
+ display: flex;
3969
+ -webkit-box-pack: center;
3970
+ -webkit-justify-content: center;
3971
+ -moz-box-pack: center;
3972
+ -ms-flex-pack: center;
3973
+ justify-content: center;
3974
+ }
3975
+
3976
+ .premium-bullet-list-content:not(:last-of-type) .premium-bullet-list-connector .premium-icon-connector-content:after {
3977
+ content: "";
3978
+ border-left-width: 1px;
3979
+ border-left-style: solid;
3980
+ border-color: #333333;
3981
+ display: block;
3982
+ height: 100%;
3983
+ }
3984
+
3985
+ li.premium-bullet-list-content.premium-bullet-list-content-inline {
3986
+ -webkit-align-self: center;
3987
+ -ms-flex-item-align: center;
3988
+ align-self: center;
3989
+ z-index: 2;
3990
+ }
3991
+
3992
+ li.premium-bullet-list-content.premium-bullet-list-content-inline:not(:first-child) {
3993
+ margin: 0 3px;
3994
+ }
3995
+
3996
+ li.premium-bullet-list-content.premium-bullet-list-content-inline:first-child {
3997
+ margin: 0 0 0 3px;
3998
+ }
3999
+
4000
+ .premium-bullet-list-divider:not(:last-child) {
4001
+ width: 100%;
4002
+ -webkit-box-flex: 0;
4003
+ -webkit-flex: 0 0 100%;
4004
+ -moz-box-flex: 0;
4005
+ -ms-flex: 0 0 100%;
4006
+ flex: 0 0 100%;
4007
+ overflow: hidden;
4008
+ }
4009
+
4010
+ .premium-bullet-list-divider:not(:last-child):after {
4011
+ content: "";
4012
+ display: block;
4013
+ border-top-style: solid;
4014
+ border-top-width: 1px;
4015
+ }
4016
+
4017
+ .premium-bullet-list-divider-inline:not(:last-child) {
4018
+ float: left;
4019
+ display: inline-block;
4020
+ position: relative;
4021
+ height: 100%;
4022
+ overflow: hidden;
4023
+ -webkit-align-self: center;
4024
+ -ms-flex-item-align: center;
4025
+ align-self: center;
4026
+ margin: 0 3px;
4027
+ }
4028
+
4029
+ .premium-bullet-list-divider-inline:not(:last-child):after {
4030
+ content: "";
4031
+ display: block;
4032
+ border-right-width: 1px;
4033
+ height: 33px;
4034
+ border-right-style: solid;
4035
+ }
4036
+
4037
+ .premium-bullet-list-icon-text {
4038
+ line-height: 1.5;
4039
+ }
4040
+
4041
+ .premium-bullet-list-icon-text p,
4042
+ ul.premium-bullet-list-box,
4043
+ li.premium-bullet-list-content {
4044
+ margin: 0;
4045
+ }
4046
+
4047
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper i,
4048
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-text span,
4049
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-icon-text p {
4050
+ color: transparent !important;
4051
+ text-shadow: 0 0 3px #aaa;
4052
+ }
4053
+
4054
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-icon-connector-content,
4055
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper .premium-lottie-animation svg,
4056
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper img,
4057
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-badge {
4058
+ -webkit-filter: blur(3px);
4059
+ filter: blur(3px);
4060
+ }
4061
+
4062
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper i,
4063
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-text span,
4064
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-icon-text p {
4065
+ color: #aaa !important;
4066
+ text-shadow: 0 0px 0 transparent;
4067
+ }
4068
+
4069
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-icon-connector-content,
4070
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper .premium-lottie-animation svg,
4071
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper img,
4072
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-badge {
4073
+ -webkit-filter: none;
4074
+ filter: none;
4075
+ }
4076
+
4077
+ .premium-bullet-list-content .premium-bullet-list-badge {
4078
+ font-size: 11px;
4079
+ top: auto;
4080
+ min-width: -webkit-max-content;
4081
+ min-width: -moz-max-content;
4082
+ min-width: max-content;
4083
+ height: -webkit-fit-content;
4084
+ height: -moz-fit-content;
4085
+ height: fit-content;
4086
+ }
4087
+
4088
+ .premium-bullet-list-content .premium-bullet-list-icon-text p {
4089
+ font-size: 13px;
4090
+ }
4091
+
4092
+ .premium-bullet-list-gradient-effect[data-text] {
4093
+ display: inline-block;
4094
+ position: relative;
4095
+ text-decoration: none;
4096
+ }
4097
+
4098
+ .premium-bullet-list-gradient-effect[data-text]::before {
4099
+ content: attr(data-text);
4100
+ position: absolute;
4101
+ z-index: 1;
4102
+ overflow: hidden;
4103
+ -webkit-clip-path: polygon(100% 100%, 100% 100%, 50% 50%);
4104
+ clip-path: polygon(100% 100%, 100% 100%, 50% 50%);
4105
+ -webkit-background-clip: text;
4106
+ background-clip: text;
4107
+ -webkit-text-fill-color: transparent;
4108
+ -webkit-transition: all 0.4s ease;
4109
+ transition: all 0.4s ease;
4110
+ }
4111
+
4112
+ .premium-bullet-list-content:hover .premium-bullet-list-gradient-effect[data-text]::before,
4113
+ .premium-bullet-list-content:focus .premium-bullet-list-gradient-effect[data-text]::before {
4114
+ -webkit-animation: rtlgradient 1s forwards;
4115
+ animation: rtlgradient 1s forwards;
4116
+ }
4117
+
4118
+ @-webkit-keyframes rtlgradient {
4119
+ 0% {
4120
+ -webkit-clip-path: circle(0% at 150% 50%);
4121
+ clip-path: circle(0% at 150% 50%);
4122
+ }
4123
+
4124
+ 100% {
4125
+ -webkit-clip-path: circle(100% at 50% 50%);
4126
+ clip-path: circle(100% at 50% 50%);
4127
+ }
4128
+ }
4129
+
4130
+ @keyframes rtlgradient {
4131
+ 0% {
4132
+ -webkit-clip-path: circle(0% at 150% 50%);
4133
+ clip-path: circle(0% at 150% 50%);
4134
+ }
4135
+
4136
+ 100% {
4137
+ -webkit-clip-path: circle(100% at 50% 50%);
4138
+ clip-path: circle(100% at 50% 50%);
4139
+ }
4140
+ }
4141
+
4142
+ ul[data-list-animation*="animated-"] .premium-bullet-list-divider,
4143
+ ul[data-list-animation*="animated-"] .premium-bullet-list-content,
4144
+ ul[data-list-animation*="animated-"] .premium-bullet-list-divider-inline {
4145
+ opacity: 0;
4146
+ }
4147
+
4148
+ .premium-bullet-list-content-grow-effect:hover {
4149
+ -webkit-transform: scale(1.07);
4150
+ -ms-transform: scale(1.07);
4151
+ transform: scale(1.07);
4152
+ }
4153
+
4154
+ @-webkit-keyframes spin {
4155
+ 100% {
4156
+ -webkit-transform: rotate(360deg);
4157
+ transform: rotate(360deg);
4158
+ }
4159
+ }
4160
+
4161
+ @keyframes spin {
4162
+ 100% {
4163
+ -webkit-transform: rotate(360deg);
4164
+ transform: rotate(360deg);
4165
+ }
4166
+ }
4167
+ /**************** Premium Image Button ***********/
4168
+ /*************************************************/
4169
+ .premium-image-button {
4170
+ -js-display: inline-flex;
4171
+ display: -webkit-inline-box;
4172
+ display: -webkit-inline-flex;
4173
+ display: -moz-inline-box;
4174
+ display: -ms-inline-flexbox;
4175
+ display: inline-flex;
4176
+ position: relative;
4177
+ overflow: hidden;
4178
+ background-color: #eee;
4179
+ cursor: pointer;
4180
+ -webkit-transition: all 0.2s ease-in-out !important;
4181
+ transition: all 0.2s ease-in-out !important;
4182
+ }
4183
+
4184
+ .premium-image-button .premium-button-style6-bg,
4185
+ .premium-image-button.premium-button-style6:before,
4186
+ .premium-image-button:not(.premium-image-button-style6):hover {
4187
+ background-color: #54595f;
4188
+ }
4189
+
4190
+ /*Default background for slide styles*/
4191
+ .premium-image-button:hover,
4192
+ .premium-image-button-style4-icon-wrapper,
4193
+ .premium-image-button-style1-top:before,
4194
+ .premium-image-button-style1-bottom:before,
4195
+ .premium-image-button-style1-left:before,
4196
+ .premium-image-button-style1-right:before {
4197
+ background-color: #54595f;
4198
+ }
4199
+
4200
+ .premium-image-button-text-icon-wrapper {
4201
+ width: 100%;
4202
+ -js-display: flex;
4203
+ display: -webkit-box;
4204
+ display: -webkit-flex;
4205
+ display: -moz-box;
4206
+ display: -ms-flexbox;
4207
+ display: flex;
4208
+ -webkit-box-pack: center;
4209
+ -webkit-justify-content: center;
4210
+ -moz-box-pack: center;
4211
+ -ms-flex-pack: center;
4212
+ justify-content: center;
4213
+ -webkit-box-align: center;
4214
+ -webkit-align-items: center;
4215
+ -moz-box-align: center;
4216
+ -ms-flex-align: center;
4217
+ align-items: center;
4218
+ position: relative;
4219
+ z-index: 3;
4220
+ -webkit-transition: all 0.2s ease-in-out;
4221
+ transition: all 0.2s ease-in-out;
4222
+ }
4223
+
4224
+ .premium-image-button-text-icon-wrapper span,
4225
+ .premium-image-button-text-icon-wrapper,
4226
+ .premium-image-button-text-icon-wrapper i,
4227
+ .premium-image-button-text-icon-wrapper svg {
4228
+ -webkit-transition: all 0.2s ease-in-out;
4229
+ transition: all 0.2s ease-in-out;
4230
+ }
4231
+
4232
+ .premium-image-button-style1-bottom:before,
4233
+ .premium-image-button-style1-top:before,
4234
+ .premium-image-button-style1-left:before,
4235
+ .premium-image-button-style1-right:before {
4236
+ -webkit-transition: all 0.2s ease-in-out;
4237
+ transition: all 0.2s ease-in-out;
4238
+ }
4239
+
4240
+ .premium-image-button-style1-bottom:before {
4241
+ content: "";
4242
+ position: absolute;
4243
+ width: 100%;
4244
+ height: 0;
4245
+ top: 0;
4246
+ right: 0;
4247
+ }
4248
+
4249
+ .premium-image-button-style1-top:before {
4250
+ content: "";
4251
+ position: absolute;
4252
+ width: 100%;
4253
+ height: 0;
4254
+ bottom: 0;
4255
+ right: 0;
4256
+ }
4257
+
4258
+ .premium-image-button-style1-right:before {
4259
+ content: "";
4260
+ position: absolute;
4261
+ width: 0;
4262
+ height: 100%;
4263
+ bottom: 0;
4264
+ right: 0;
4265
+ }
4266
+
4267
+ .premium-image-button-style1-left:before {
4268
+ content: "";
4269
+ position: absolute;
4270
+ width: 0;
4271
+ height: 100%;
4272
+ top: 0;
4273
+ left: 0;
4274
+ }
4275
+
4276
+ .premium-image-button-style1-bottom:hover:before {
4277
+ height: 100%;
4278
+ }
4279
+
4280
+ .premium-image-button-style1-top:hover:before {
4281
+ height: 100%;
4282
+ }
4283
+
4284
+ .premium-image-button-style1-right:hover:before {
4285
+ width: 100%;
4286
+ }
4287
+
4288
+ .premium-image-button-style1-left:hover:before {
4289
+ width: 100%;
4290
+ }
4291
+
4292
+ .premium-image-button-diagonal-top,
4293
+ .premium-image-button-diagonal-bottom,
4294
+ .premium-image-button-diagonal-left,
4295
+ .premium-image-button-diagonal-right {
4296
+ z-index: 10;
4297
+ }
4298
+
4299
+ .premium-image-button-diagonal-top:before,
4300
+ .premium-image-button-diagonal-bottom:before,
4301
+ .premium-image-button-diagonal-left:before,
4302
+ .premium-image-button-diagonal-right:before {
4303
+ position: absolute;
4304
+ top: 0px;
4305
+ right: 0px;
4306
+ width: 100%;
4307
+ height: 100%;
4308
+ content: "";
4309
+ z-index: 1;
4310
+ background: rgba(255, 255, 255, 0.2);
4311
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
4312
+ -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
4313
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
4314
+ -webkit-transition: all 0.8s ease-out;
4315
+ transition: all 0.8s ease-out;
4316
+ }
4317
+
4318
+ .premium-image-button-diagonal-right:hover:before,
4319
+ .premium-image-button-diagonal-left:before {
4320
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
4321
+ -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
4322
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
4323
+ }
4324
+
4325
+ .premium-image-button-diagonal-left:hover:before,
4326
+ .premium-image-button-diagonal-right:before {
4327
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
4328
+ -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
4329
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
4330
+ }
4331
+
4332
+ .premium-image-button-diagonal-top:hover:before,
4333
+ .premium-image-button-diagonal-bottom:before {
4334
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
4335
+ -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
4336
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
4337
+ }
4338
+
4339
+ .premium-image-button-diagonal-bottom:hover:before,
4340
+ .premium-image-button-diagonal-top:before {
4341
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
4342
+ -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
4343
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
4344
+ }
4345
+
4346
+ .premium-image-button-style4-icon-wrapper {
4347
+ position: absolute;
4348
+ z-index: 2;
4349
+ width: 100%;
4350
+ text-align: center;
4351
+ display: -webkit-box;
4352
+ display: -webkit-flex;
4353
+ display: -ms-flexbox;
4354
+ -js-display: flex;
4355
+ display: -moz-box;
4356
+ display: flex;
4357
+ -webkit-box-align: center;
4358
+ -webkit-align-items: center;
4359
+ -moz-box-align: center;
4360
+ -ms-flex-align: center;
4361
+ align-items: center;
4362
+ -webkit-box-pack: center;
4363
+ -webkit-justify-content: center;
4364
+ -moz-box-pack: center;
4365
+ -ms-flex-pack: center;
4366
+ justify-content: center;
4367
+ height: 100%;
4368
+ opacity: 0;
4369
+ -webkit-transition: all 0.3s ease-in-out;
4370
+ transition: all 0.3s ease-in-out;
4371
+ }
4372
+
4373
+ .premium-image-button-style4-icon-wrapper.top {
4374
+ bottom: -100%;
4375
+ right: 0;
4376
+ }
4377
+
4378
+ .premium-image-button-style4-icon-wrapper.bottom {
4379
+ top: -100%;
4380
+ right: 0;
4381
+ }
4382
+
4383
+ .premium-image-button-style4-icon-wrapper.left {
4384
+ top: 0;
4385
+ right: -100%;
4386
+ }
4387
+
4388
+ .premium-image-button-style4-icon-wrapper.right {
4389
+ top: 0;
4390
+ left: -100%;
4391
+ }
4392
+
4393
+ .premium-image-button-style4-bottom:hover .premium-image-button-style4-icon-wrapper {
4394
+ top: 0;
4395
+ opacity: 1;
4396
+ }
4397
+
4398
+ .premium-image-button-style4-top:hover .premium-image-button-style4-icon-wrapper {
4399
+ bottom: 0;
4400
+ opacity: 1;
4401
+ }
4402
+
4403
+ .premium-image-button-style4-left:hover .premium-image-button-style4-icon-wrapper {
4404
+ right: 0;
4405
+ opacity: 1;
4406
+ }
4407
+
4408
+ .premium-image-button-style4-right:hover .premium-image-button-style4-icon-wrapper {
4409
+ left: 0;
4410
+ opacity: 1;
4411
+ }
4412
+
4413
+ .premium-image-button-style4-bottom:hover .premium-image-button-text-icon-wrapper {
4414
+ -webkit-transform: translateY(100%);
4415
+ -ms-transform: translateY(100%);
4416
+ transform: translateY(100%);
4417
+ opacity: 0;
4418
+ }
4419
+
4420
+ .premium-image-button-style4-top:hover .premium-image-button-text-icon-wrapper {
4421
+ -webkit-transform: translateY(-100%);
4422
+ -ms-transform: translateY(-100%);
4423
+ transform: translateY(-100%);
4424
+ opacity: 0;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
4425
  }
4426
+
4427
+ .premium-image-button-style4-left:hover .premium-image-button-text-icon-wrapper {
4428
+ -webkit-transform: translateX(-100%);
4429
+ -ms-transform: translateX(-100%);
4430
+ transform: translateX(-100%);
4431
+ opacity: 0;
 
 
 
 
 
 
4432
  }
4433
 
4434
+ .premium-image-button-style4-right:hover .premium-image-button-text-icon-wrapper {
4435
+ -webkit-transform: translateX(100%);
4436
+ -ms-transform: translateX(100%);
4437
+ transform: translateX(100%);
4438
+ opacity: 0;
4439
+ }
4440
+
4441
+ .premium-image-button-overlap-effect-horizontal:before,
4442
+ .premium-image-button-overlap-effect-vertical:before {
4443
  position: absolute;
4444
+ content: "";
4445
  top: 0;
4446
+ right: 0;
4447
  width: 100%;
4448
  height: 100%;
4449
+ opacity: 0;
4450
+ -webkit-transition: all 1s ease-in-out;
4451
+ transition: all 1s ease-in-out;
4452
+ background: rgba(255, 255, 255, 0.2);
4453
+ -webkit-animation-name: premium-overlap-effect-done;
4454
+ animation-name: premium-overlap-effect-done;
4455
+ -webkit-animation-duration: 1s;
4456
+ animation-duration: 1s;
4457
  }
4458
+
4459
+ .premium-image-button-overlap-effect-vertical:before {
4460
+ -webkit-animation-name: premium-overlap-ver-effect-done;
4461
+ animation-name: premium-overlap-ver-effect-done;
4462
+ -webkit-animation-duration: 1s;
4463
+ animation-duration: 1s;
4464
  }
4465
 
4466
+ .premium-image-button-overlap-effect-horizontal:hover:before {
4467
+ -webkit-animation-name: premium-overlap-effect;
4468
+ animation-name: premium-overlap-effect;
4469
+ -webkit-animation-duration: 1s;
4470
+ animation-duration: 1s;
4471
  }
4472
 
4473
+ .premium-image-button-overlap-effect-vertical:hover:before {
4474
+ -webkit-animation-name: premium-overlap-ver-effect;
4475
+ animation-name: premium-overlap-ver-effect;
4476
+ -webkit-animation-duration: 1s;
4477
+ animation-duration: 1s;
4478
  }
4479
 
4480
+ @-webkit-keyframes premium-overlap-effect {
4481
+ 0% {
4482
+ opacity: 0;
4483
+ -webkit-transform: rotateY(0deg);
4484
+ transform: rotateY(0deg);
4485
+ }
4486
+
4487
+ 50% {
4488
+ opacity: 1;
4489
+ -webkit-transform: rotateY(180deg);
4490
+ transform: rotateY(180deg);
4491
+ }
4492
+
4493
+ 100% {
4494
+ opacity: 0;
4495
+ -webkit-transform: rotateY(360deg);
4496
+ transform: rotateY(360deg);
4497
+ }
4498
  }
4499
+
4500
+ @keyframes premium-overlap-effect {
4501
+ 0% {
4502
+ opacity: 0;
4503
+ -webkit-transform: rotateY(0deg);
4504
+ transform: rotateY(0deg);
4505
+ }
4506
+
4507
+ 50% {
4508
+ opacity: 1;
4509
+ -webkit-transform: rotateY(180deg);
4510
+ transform: rotateY(180deg);
4511
+ }
4512
+
4513
+ 100% {
4514
+ opacity: 0;
4515
+ -webkit-transform: rotateY(360deg);
4516
+ transform: rotateY(360deg);
4517
+ }
 
 
 
4518
  }
4519
 
4520
+ @-webkit-keyframes premium-overlap-effect-done {
4521
+ 0% {
4522
+ opacity: 0;
4523
+ -webkit-transform: rotateY(0deg);
4524
+ transform: rotateY(0deg);
4525
+ }
4526
+
4527
+ 50% {
4528
+ opacity: 1;
4529
+ -webkit-transform: rotateY(180deg);
4530
+ transform: rotateY(180deg);
4531
+ }
4532
+
4533
+ 100% {
4534
+ opacity: 0;
4535
+ -webkit-transform: rotateY(360deg);
4536
+ transform: rotateY(360deg);
4537
+ }
4538
+ }
4539
+
4540
+ @keyframes premium-overlap-effect-done {
4541
+ 0% {
4542
+ opacity: 0;
4543
+ -webkit-transform: rotateY(0deg);
4544
+ transform: rotateY(0deg);
4545
+ }
4546
+
4547
+ 50% {
4548
+ opacity: 1;
4549
+ -webkit-transform: rotateY(180deg);
4550
+ transform: rotateY(180deg);
4551
+ }
4552
+
4553
+ 100% {
4554
+ opacity: 0;
4555
+ -webkit-transform: rotateY(360deg);
4556
+ transform: rotateY(360deg);
4557
+ }
4558
+ }
4559
+
4560
+ @-webkit-keyframes premium-overlap-ver-effect {
4561
+ 0% {
4562
+ opacity: 0;
4563
+ -webkit-transform: rotateX(0deg);
4564
+ transform: rotateX(0deg);
4565
+ }
4566
+
4567
+ 50% {
4568
+ opacity: 1;
4569
+ -webkit-transform: rotateX(180deg);
4570
+ transform: rotateX(180deg);
4571
+ }
4572
+
4573
+ 100% {
4574
+ opacity: 0;
4575
+ -webkit-transform: rotateX(360deg);
4576
+ transform: rotateX(360deg);
4577
+ }
4578
+ }
4579
+
4580
+ @keyframes premium-overlap-ver-effect {
4581
+ 0% {
4582
+ opacity: 0;
4583
+ -webkit-transform: rotateX(0deg);
4584
+ transform: rotateX(0deg);
4585
+ }
4586
+
4587
+ 50% {
4588
+ opacity: 1;
4589
+ -webkit-transform: rotateX(180deg);
4590
+ transform: rotateX(180deg);
4591
+ }
4592
+
4593
+ 100% {
4594
+ opacity: 0;
4595
+ -webkit-transform: rotateX(360deg);
4596
+ transform: rotateX(360deg);
4597
+ }
4598
+ }
4599
+
4600
+ @-webkit-keyframes premium-overlap-ver-effect-done {
4601
+ 0% {
4602
+ opacity: 0;
4603
+ -webkit-transform: rotateX(0deg);
4604
+ transform: rotateX(0deg);
4605
+ }
4606
+
4607
+ 50% {
4608
+ opacity: 1;
4609
+ -webkit-transform: rotateX(180deg);
4610
+ transform: rotateX(180deg);
4611
+ }
4612
+
4613
+ 100% {
4614
+ opacity: 0;
4615
+ -webkit-transform: rotateX(360deg);
4616
+ transform: rotateX(360deg);
4617
+ }
4618
+ }
4619
+
4620
+ @keyframes premium-overlap-ver-effect-done {
4621
+ 0% {
4622
+ opacity: 0;
4623
+ -webkit-transform: rotateX(0deg);
4624
+ transform: rotateX(0deg);
4625
+ }
4626
+
4627
+ 50% {
4628
+ opacity: 1;
4629
+ -webkit-transform: rotateX(180deg);
4630
+ transform: rotateX(180deg);
4631
+ }
4632
+
4633
+ 100% {
4634
+ opacity: 0;
4635
+ -webkit-transform: rotateX(360deg);
4636
+ transform: rotateX(360deg);
4637
+ }
4638
+ }
4639
+ /************ Premium Image Scroll ***************/
4640
+ /*************************************************/
4641
+ .premium-image-scroll-section,
4642
+ .premium-image-scroll-container {
4643
  -webkit-transition: all 0.3s ease-in-out;
4644
  transition: all 0.3s ease-in-out;
4645
  }
4646
 
4647
+ .premium-image-scroll-section {
4648
+ position: relative;
4649
+ overflow: hidden;
4650
+ width: 100%;
4651
+ -webkit-mask-image: -webkit-radial-gradient(white, black);
4652
  }
4653
 
4654
+ .premium-image-scroll-container {
4655
+ width: 100%;
 
 
 
 
4656
  }
4657
 
4658
+ .premium-image-scroll-container .premium-image-scroll-mask-media {
4659
+ -webkit-mask-repeat: no-repeat;
4660
+ mask-repeat: no-repeat;
4661
+ -webkit-mask-position: center;
4662
+ mask-position: center;
4663
  }
4664
 
4665
+ .premium-container-scroll {
4666
+ overflow: auto;
 
 
 
 
4667
  }
4668
 
4669
+ .premium-image-scroll-container .premium-image-scroll-horizontal {
4670
+ position: relative;
4671
+ width: 100%;
4672
+ height: 100%;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
4673
  }
4674
 
4675
+ .premium-image-scroll-container .premium-image-scroll-horizontal img {
4676
+ max-width: none;
4677
+ height: 100%;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
4678
  }
4679
 
4680
+ .premium-image-scroll-container .premium-image-scroll-vertical img {
4681
+ width: 100%;
4682
+ max-width: 100%;
4683
+ height: auto;
4684
  }
4685
 
4686
+ .premium-image-scroll-ver {
4687
+ position: relative;
 
4688
  }
4689
 
4690
+ .premium-image-scroll-container .premium-image-scroll-overlay {
4691
+ background: rgba(2, 2, 2, 0.3);
4692
  }
4693
 
4694
+ .premium-image-scroll-container .premium-image-scroll-link,
4695
+ .premium-image-scroll-container .premium-image-scroll-overlay {
4696
+ position: absolute;
4697
  top: 0;
 
4698
  bottom: 0;
4699
  right: 0;
4700
+ left: 0;
4701
+ z-index: 4;
 
 
 
 
 
 
 
 
 
4702
  }
4703
 
4704
+ .premium-image-scroll-content {
4705
+ display: inline-block;
4706
+ position: absolute;
4707
+ height: auto;
4708
+ top: 50%;
4709
+ right: 50%;
4710
+ text-align: center;
4711
+ z-index: 5;
4712
+ -webkit-transform: translate(50%, -50%);
4713
+ -ms-transform: translate(50%, -50%);
4714
+ transform: translate(50%, -50%);
4715
  }
4716
 
4717
+ .premium-container-scroll-instant .premium-image-scroll-image {
4718
+ -webkit-transition: all 0s ease-in-out !important;
4719
+ transition: all 0s ease-in-out !important;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
4720
  }
4721
 
4722
+ .premium-image-scroll-container img {
4723
+ -webkit-transition: -webkit-transform 3s ease-in-out;
4724
+ transition: -webkit-transform 3s ease-in-out;
4725
+ transition: transform 3s ease-in-out;
4726
+ transition: transform 3s ease-in-out, -webkit-transform 3s ease-in-out;
4727
  }
4728
 
4729
+ .premium-image-scroll-container .premium-image-scroll-overlay,
4730
+ .premium-image-scroll-container .premium-image-scroll-content {
4731
+ -webkit-transition: all 0.3s ease-in-out;
4732
+ transition: all 0.3s ease-in-out;
4733
+ opacity: 1;
 
 
 
 
 
 
 
 
 
4734
  }
4735
 
4736
+ .premium-image-scroll-container:hover .premium-image-scroll-overlay {
4737
+ opacity: 0;
 
4738
  }
4739
 
4740
+ .premium-image-scroll-container:hover .premium-image-scroll-content {
4741
+ opacity: 0;
4742
+ visibility: hidden;
4743
  }
4744
 
4745
+ .premium-image-scroll-content .premium-image-scroll-icon {
4746
+ display: inline-block;
4747
+ font-family: "pa-elements" !important;
4748
+ speak: none;
4749
+ font-style: normal;
4750
+ font-weight: normal;
4751
+ font-variant: normal;
4752
+ text-transform: none;
4753
+ line-height: 1;
4754
+ -webkit-font-smoothing: antialiased;
4755
+ -moz-osx-font-smoothing: grayscale;
4756
+ -webkit-animation-duration: 0.5s;
4757
+ animation-duration: 0.5s;
4758
+ -webkit-animation-iteration-count: infinite;
4759
+ animation-iteration-count: infinite;
4760
+ -webkit-animation-direction: alternate;
4761
+ animation-direction: alternate;
4762
+ -webkit-animation-timing-function: ease-in-out;
4763
+ animation-timing-function: ease-in-out;
4764
  }
4765
 
4766
+ .pa-horizontal-mouse-scroll:before {
4767
+ content: "\e917";
 
 
 
 
4768
  }
4769
 
4770
+ .pa-vertical-mouse-scroll:before {
4771
+ content: "\e918";
 
4772
  }
4773
 
4774
+ .pa-horizontal-mouse-scroll {
4775
+ -webkit-animation-name: pa-scroll-horizontal;
4776
+ animation-name: pa-scroll-horizontal;
4777
  }
4778
 
4779
+ .pa-vertical-mouse-scroll {
4780
+ -webkit-animation-name: pa-scroll-vertical;
4781
+ animation-name: pa-scroll-vertical;
 
 
 
 
 
 
 
 
 
 
 
 
 
4782
  }
4783
 
4784
+ @-webkit-keyframes pa-scroll-vertical {
4785
+ 0% {
4786
+ -webkit-transform: translateY(0px);
4787
+ transform: translateY(0px);
4788
+ }
 
 
4789
 
4790
+ 100% {
4791
+ -webkit-transform: translateY(5px);
4792
+ transform: translateY(5px);
4793
+ }
4794
  }
4795
 
4796
+ @keyframes pa-scroll-vertical {
4797
+ 0% {
4798
+ -webkit-transform: translateY(0px);
4799
+ transform: translateY(0px);
4800
+ }
4801
+
4802
+ 100% {
4803
+ -webkit-transform: translateY(5px);
4804
+ transform: translateY(5px);
4805
+ }
4806
  }
4807
 
4808
+ @-webkit-keyframes pa-scroll-horizontal {
4809
+ 0% {
4810
+ -webkit-transform: translateX(0px);
4811
+ transform: translateX(0px);
4812
+ }
4813
+
4814
+ 100% {
4815
+ -webkit-transform: translateX(-5px);
4816
+ transform: translateX(-5px);
4817
+ }
4818
  }
4819
 
4820
+ @keyframes pa-scroll-horizontal {
4821
+ 0% {
4822
+ -webkit-transform: translateX(0px);
4823
+ transform: translateX(0px);
4824
+ }
4825
+
4826
+ 100% {
4827
+ -webkit-transform: translateX(-5px);
4828
+ transform: translateX(-5px);
4829
+ }
4830
+ }
4831
+ /**************** Premium Image Separator ****************/
4832
+ /*********************************************************/
4833
+ /*Image Separator Container Style*/
4834
+ .premium-image-separator-container {
4835
+ position: absolute;
4836
+ width: 100%;
4837
+ z-index: 2;
4838
+ top: auto;
4839
  }
4840
 
4841
+ .premium-image-separator-container img {
4842
+ display: inline-block !important;
4843
+ -webkit-mask-repeat: no-repeat;
4844
+ mask-repeat: no-repeat;
4845
+ -webkit-mask-position: center;
4846
+ mask-position: center;
4847
  }
4848
 
4849
+ /*Link on Image Style*/
4850
+ .premium-image-separator-link {
4851
+ position: absolute;
4852
+ z-index: 9999;
4853
+ top: 0;
4854
+ right: 0;
4855
+ width: 100%;
4856
+ height: 100%;
4857
+ text-decoration: none;
4858
  }
4859
 
4860
+ /*Important to override Theme options*/
4861
+ a.premium-image-separator-link:hover,
4862
+ a.premium-image-separator-link:visited,
4863
+ a.premium-image-separator-link:focus,
4864
+ a.premium-image-separator-link:active {
4865
+ -webkit-box-shadow: none !important;
4866
+ box-shadow: none !important;
4867
+ outline: none !important;
4868
+ border: none !important;
4869
+ text-decoration: none !important;
4870
  }
4871
 
4872
+ .premium-image-separator-container .img-responsive {
4873
+ display: inline-block;
 
 
 
 
4874
  }
4875
 
4876
+ .premium-image-separator-container i,
4877
+ .premium-image-separator-container>svg {
4878
+ padding: 20px;
4879
+ -webkit-transition: all 0.3s ease-in-out;
4880
+ transition: all 0.3s ease-in-out;
4881
  }
4882
+ /******** Premium Media Grid ********/
4883
+ /************************************/
4884
+ .premium-img-gallery-filter,
4885
+ .premium-blog-filter {
4886
+ display: -webkit-box;
4887
+ display: -webkit-flex;
4888
+ display: -ms-flexbox;
4889
+ -js-display: flex;
4890
+ display: -moz-box;
4891
+ display: flex;
4892
+ -webkit-box-align: center;
4893
+ -webkit-align-items: center;
4894
+ -moz-box-align: center;
4895
+ -ms-flex-align: center;
4896
+ align-items: center;
4897
+ -webkit-box-pack: center;
4898
+ -webkit-justify-content: center;
4899
+ -moz-box-pack: center;
4900
+ -ms-flex-pack: center;
4901
+ justify-content: center;
4902
  }
4903
 
4904
+ .premium-img-gallery {
4905
+ clear: both;
4906
  overflow: hidden;
4907
  }
4908
 
4909
+ .premium-gallery-container .premium-gallery-item {
4910
+ padding: 10px;
4911
+ float: right;
4912
+ /* Google Chrome isotope issue */
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
4913
  }
4914
 
4915
+ .premium-gallery-container .grid-sizer {
4916
+ width: 33.33%;
 
 
4917
  }
4918
 
4919
+ .premium-img-gallery-filter .premium-gallery-cats-container li a.category,
4920
+ .premium-blog-filter .premium-blog-filters-container li a.category {
4921
+ outline: none;
4922
+ text-decoration: none;
4923
+ -webkit-border-radius: 75px;
4924
+ border-radius: 75px;
4925
+ margin: 15px 5px 20px;
4926
+ padding: 7px 20px;
4927
+ -webkit-transition: all 0.3s ease-in-out;
4928
+ transition: all 0.3s ease-in-out;
4929
  }
4930
 
4931
+ /* .premium-img-gallery-filter .premium-gallery-cats-container li a.category span {
4932
+ -webkit-transition: all 0.3s ease-in-out;
4933
+ transition: all 0.3s ease-in-out;
4934
+ } */
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
4935
 
4936
+ .pa-gallery-img {
4937
+ position: relative;
4938
  }
4939
 
4940
+ .pa-gallery-img .pa-gallery-whole-link {
4941
+ position: absolute;
4942
+ top: 0;
4943
+ right: 0;
4944
+ width: 100%;
4945
+ height: 100%;
4946
  }
4947
 
4948
+ .pa-gallery-img.style2 .pa-gallery-whole-link {
4949
+ z-index: 99;
 
 
 
 
 
4950
  }
4951
 
4952
+ .pa-gallery-img-container {
4953
+ overflow: hidden;
4954
+ -webkit-backface-visibility: hidden;
4955
+ -moz-backface-visibility: hidden;
4956
+ -webkit-transform: translate3d(0, 0, 0);
4957
+ transform: translate3d(0, 0, 0);
4958
  }
4959
 
4960
+ .pa-gallery-img-container img {
4961
+ display: block;
4962
+ width: 100%;
4963
+ -webkit-transition: all 0.3s ease-in-out;
4964
+ transition: all 0.3s ease-in-out;
4965
  }
4966
 
4967
+ .premium-img-gallery.gray img {
4968
+ -webkit-filter: grayscale(100%);
4969
+ filter: grayscale(100%);
4970
  }
4971
 
4972
+ .premium-img-gallery.zoomout img,
4973
+ .premium-img-gallery.scale img {
4974
+ -webkit-transform: scale(1.2);
4975
+ -ms-transform: scale(1.2);
4976
+ transform: scale(1.2);
4977
  }
4978
 
4979
+ .premium-img-gallery.sepia img {
4980
+ -webkit-filter: sepia(30%);
4981
+ filter: sepia(30%);
4982
  }
4983
 
4984
+ .premium-img-gallery.bright img {
4985
+ -webkit-filter: brightness(1);
4986
+ filter: brightness(1);
 
4987
  }
4988
 
4989
+ .premium-img-gallery.trans img {
4990
+ -webkit-transform: translateX(15px) scale(1.1);
4991
+ -ms-transform: translateX(15px) scale(1.1);
4992
+ transform: translateX(15px) scale(1.1);
4993
  }
4994
 
4995
+ .pa-gallery-img .pa-gallery-magnific-image,
4996
+ .pa-gallery-img .pa-gallery-img-link {
4997
+ outline: none;
 
 
4998
  }
4999
 
5000
+ .pa-gallery-img .pa-gallery-magnific-image i,
5001
+ .pa-gallery-img .pa-gallery-magnific-image svg,
5002
+ .pa-gallery-img .pa-gallery-img-link i,
5003
+ .pa-gallery-img .pa-gallery-img-link svg {
5004
+ -webkit-transition: all 0.3s ease-in-out;
5005
+ transition: all 0.3s ease-in-out;
5006
  }
5007
 
5008
+ .pa-gallery-img .pa-gallery-magnific-image span,
5009
+ .pa-gallery-img .pa-gallery-img-link span {
5010
+ line-height: 1;
5011
+ display: inline-block;
5012
+ opacity: 0;
5013
+ margin: 0 5px;
5014
+ padding: 15px;
5015
+ -webkit-border-radius: 50%;
5016
+ border-radius: 50%;
5017
  }
5018
 
5019
+ .pa-gallery-img.style2 .pa-gallery-magnific-image span,
5020
+ .pa-gallery-img.style2 .pa-gallery-img-link span {
5021
+ margin: 0 5px 20px;
5022
  }
5023
 
5024
+ .pa-gallery-img:hover .pa-gallery-magnific-image span {
5025
+ -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
5026
+ transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
5027
  }
5028
 
5029
+ .pa-gallery-img:hover .pa-gallery-img-link span {
5030
+ -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
5031
+ transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
5032
  }
5033
 
5034
+ .pa-gallery-img:hover .pa-gallery-magnific-image span,
5035
+ .pa-gallery-img:hover .pa-gallery-img-link span,
5036
+ .premium-gallery-icon-show a.pa-gallery-video-icon span {
5037
+ opacity: 1;
5038
  }
5039
 
5040
+ .premium-img-gallery-filter ul.premium-gallery-cats-container,
5041
+ .premium-blog-filter ul.premium-blog-filters-container {
5042
+ text-align: center;
5043
+ margin: 0;
5044
+ padding: 0;
5045
  }
5046
 
5047
+ .premium-img-gallery-filter .premium-gallery-cats-container li,
5048
+ .premium-blog-filter .premium-blog-filters-container li {
5049
+ list-style: none;
5050
+ display: -webkit-inline-box;
5051
+ display: -webkit-inline-flex;
5052
+ display: -ms-inline-flexbox;
5053
+ -js-display: inline-flex;
5054
+ display: -moz-inline-box;
5055
+ display: inline-flex;
5056
  }
5057
 
5058
+ .premium-img-gallery.zoomin .pa-gallery-img:hover img {
5059
+ -webkit-transform: scale(1.1);
5060
+ -ms-transform: scale(1.1);
5061
+ transform: scale(1.1);
5062
  }
5063
 
5064
+ .premium-img-gallery.zoomout .pa-gallery-img:hover img {
5065
+ -webkit-transform: scale(1);
5066
+ -ms-transform: scale(1);
5067
+ transform: scale(1);
5068
  }
5069
 
5070
+ .premium-img-gallery.scale .pa-gallery-img:hover img {
5071
+ -webkit-transform: scale(1.3) rotate(-5deg);
5072
+ -ms-transform: scale(1.3) rotate(-5deg);
5073
+ transform: scale(1.3) rotate(-5deg);
5074
  }
5075
 
5076
+ .premium-img-gallery.gray .pa-gallery-img:hover img {
5077
+ -webkit-filter: grayscale(0%);
5078
+ filter: grayscale(0%);
5079
  }
5080
 
5081
+ .premium-img-gallery.blur .pa-gallery-img:hover img {
5082
+ -webkit-filter: blur(3px);
5083
+ filter: blur(3px);
5084
  }
5085
 
5086
+ .premium-img-gallery.sepia .pa-gallery-img:hover img {
5087
+ -webkit-filter: sepia(0%);
5088
+ filter: sepia(0%);
5089
  }
5090
 
5091
+ .premium-img-gallery.trans .pa-gallery-img:hover img {
5092
+ -webkit-transform: translateX(0px) scale(1.1);
5093
+ -ms-transform: translateX(0px) scale(1.1);
5094
+ transform: translateX(0px) scale(1.1);
5095
  }
5096
 
5097
+ .premium-img-gallery.bright .pa-gallery-img:hover img {
5098
+ -webkit-filter: brightness(1.2);
5099
+ filter: brightness(1.2);
5100
  }
5101
 
5102
+ .pa-gallery-img .premium-gallery-caption {
5103
+ padding: 10px;
 
 
5104
  }
5105
 
5106
+ .pa-gallery-img .premium-gallery-caption .premium-gallery-img-name {
5107
+ margin-bottom: 0;
5108
  }
5109
 
5110
+ .pa-gallery-img.style1 {
5111
+ overflow: hidden;
 
 
 
 
 
 
 
 
 
 
5112
  }
5113
 
5114
+ .pa-gallery-img:not(.style2) .pa-gallery-icons-wrapper {
5115
+ position: absolute;
5116
+ top: 0;
5117
+ right: 0;
 
 
 
 
 
 
5118
  width: 100%;
5119
+ height: 100%;
5120
+ -webkit-transition: all 0.3s ease-in-out;
5121
+ transition: all 0.3s ease-in-out;
5122
  }
5123
 
5124
+ .pa-gallery-img:not(.style2) .pa-gallery-icons-inner-container {
5125
+ position: absolute;
5126
+ top: 33.33%;
5127
+ width: 100%;
5128
+ text-align: center;
5129
+ -webkit-transform: translateY(-50%);
5130
+ -ms-transform: translateY(-50%);
5131
+ transform: translateY(-50%);
5132
+ z-index: 999;
5133
  }
5134
 
5135
+ .pa-gallery-img.style1 .premium-gallery-caption {
5136
  position: absolute;
5137
  top: auto;
5138
  left: 0;
5139
  right: 0;
5140
+ width: 100%;
5141
  -webkit-transition: all 500ms ease 0s;
5142
  transition: all 500ms ease 0s;
5143
  -webkit-transform: translate3d(0, 100%, 0);
5144
+ -ms-transform: translate3d(0, 100%, 0);
5145
  transform: translate3d(0, 100%, 0);
5146
  }
5147
 
5148
+ .pa-gallery-img.default .premium-gallery-caption {
5149
+ position: absolute;
5150
+ top: auto;
5151
+ left: 0;
5152
+ right: 0;
5153
+ width: 100%;
5154
+ bottom: 0;
5155
+ }
5156
+
5157
+ .pa-gallery-img.style1:hover .premium-gallery-caption {
5158
  -webkit-transform: translate3d(0, 0, 0);
5159
+ -ms-transform: translate3d(0, 0, 0);
5160
  transform: translate3d(0, 0, 0);
5161
  bottom: -1px !important;
5162
  }
5163
 
5164
+ .pa-gallery-img.style2 .pa-gallery-icons-caption-container {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
5165
  position: absolute;
5166
  top: 0;
5167
  right: 0;
5168
  width: 100%;
5169
  height: 100%;
5170
+ opacity: 0;
5171
+ -webkit-backface-visibility: hidden;
5172
+ backface-visibility: hidden;
5173
+ -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
5174
+ -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
5175
+ transition: opacity 0.3s, -webkit-transform 0.3s;
5176
+ transition: transform 0.3s, opacity 0.3s;
5177
+ transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
5178
+ z-index: 1;
5179
+ background-color: rgba(108, 191, 226, 0.68);
5180
  display: -webkit-box;
5181
  display: -webkit-flex;
 
5182
  display: -ms-flexbox;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
5183
  -js-display: flex;
 
 
5184
  display: -moz-box;
 
5185
  display: flex;
5186
+ text-align: center;
5187
+ -webkit-box-align: center;
5188
+ -webkit-align-items: center;
5189
+ -moz-box-align: center;
5190
+ -ms-flex-align: center;
5191
+ align-items: center;
5192
+ }
5193
+
5194
+ .pa-gallery-img.style2 .pa-gallery-icons-caption-cell {
5195
+ width: 100%;
5196
+ }
5197
+
5198
+ .pa-gallery-img.style2:hover .pa-gallery-icons-caption-container {
5199
+ opacity: 1;
5200
+ -webkit-transform: translate(-15px, 15px);
5201
+ -ms-transform: translate(-15px, 15px);
5202
+ transform: translate(-15px, 15px);
5203
+ }
5204
+
5205
+ .premium-clearfix {
5206
+ clear: both;
5207
+ }
5208
+
5209
+ .premium-gallery-container .pa-gallery-item {
5210
+ padding: 10px;
5211
+ }
5212
+
5213
+ /**
5214
+ * Metro Layout
5215
+ */
5216
+ .premium-img-gallery-metro .premium-gallery-item {
5217
+ overflow: hidden;
5218
  }
5219
 
5220
+ .premium-img-gallery-metro .pa-gallery-img {
5221
+ height: 100%;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
5222
  }
5223
 
5224
+ .premium-img-gallery-metro .pa-gallery-img-container {
5225
+ height: 100%;
 
 
 
5226
  }
5227
 
5228
+ .premium-img-gallery-metro .pa-gallery-img-container img {
5229
+ min-height: 100%;
5230
+ width: 100%;
5231
+ -o-object-fit: fill;
5232
+ object-fit: fill;
5233
  }
5234
 
5235
+ .premium-img-gallery .premium-gallery-item-hidden {
5236
+ visibility: hidden;
5237
+ width: 0 !important;
5238
+ height: 0 !important;
5239
+ margin: 0 !important;
5240
+ padding: 0 !important;
5241
  }
5242
 
5243
+ .premium-gallery-load-more .premium-gallery-load-more-btn {
5244
+ -webkit-box-shadow: none;
5245
+ box-shadow: none;
5246
+ text-shadow: none;
5247
+ border: none;
5248
+ outline: none;
5249
+ -webkit-box-align: center;
5250
+ -ms-flex-align: center;
5251
+ -webkit-align-items: center;
5252
+ -moz-box-align: center;
5253
+ align-items: center;
5254
+ vertical-align: bottom;
5255
+ cursor: pointer;
5256
+ line-height: 1;
5257
+ font-style: normal;
5258
+ font-weight: normal;
5259
+ background-image: none;
5260
+ color: #fff;
5261
+ -webkit-transition: all 0.3s ease-in-out;
5262
+ transition: all 0.3s ease-in-out;
5263
+ }
5264
+
5265
+ .premium-gallery-load-more-btn {
5266
+ display: -webkit-inline-box;
5267
+ display: -webkit-inline-flex;
5268
+ display: -ms-inline-flexbox;
5269
+ -js-display: inline-flex;
5270
+ display: -moz-inline-box;
5271
+ display: inline-flex;
5272
+ -webkit-box-align: center;
5273
+ -webkit-align-items: center;
5274
+ -moz-box-align: center;
5275
+ -ms-flex-align: center;
5276
+ align-items: center;
5277
  }
5278
 
5279
+ .premium-gallery-load-more-btn div {
5280
+ margin-right: 3px;
5281
  }
5282
 
5283
+ .premium-gallery-load-more-btn .premium-loader {
5284
+ display: inline-block;
5285
+ width: 20px;
5286
+ height: 20px;
5287
  }
5288
 
5289
+ /** * Video */
5290
+ .pa-gallery-img .pa-gallery-lightbox-wrap {
5291
+ display: inline-block;
5292
  }
5293
 
5294
+ .premium-img-gallery-no-lightbox .premium-gallery-video-item .pa-gallery-img,
5295
+ .pa-gallery-img .pa-gallery-video-icon {
5296
+ cursor: pointer;
 
 
5297
  }
5298
 
5299
+ .pa-gallery-img-container iframe,
5300
+ .pa-gallery-img-container video {
5301
+ position: absolute;
5302
+ visibility: hidden;
5303
+ top: 0;
5304
+ right: 0;
5305
+ max-width: 100%;
5306
+ width: 100%;
5307
+ height: 100%;
5308
+ margin: 0;
5309
+ line-height: 1;
5310
+ border: none;
5311
  }
5312
 
5313
+ .pa-gallery-img-container video {
5314
+ -o-object-fit: contain;
5315
+ object-fit: contain;
 
5316
  }
5317
 
5318
+ .pa-gallery-icons-inner-container svg,
5319
+ .pa-gallery-icons-caption-cell svg {
5320
+ width: 14px;
5321
+ height: 14px;
 
 
 
 
 
5322
  }
5323
 
5324
+ .premium-gallery-gradient-layer {
5325
+ position: absolute;
5326
+ bottom: 40px;
5327
+ width: 100%;
5328
+ height: 20px;
5329
+ background: -webkit-gradient(linear, left bottom, left top, from(#17181f), to(rgba(255, 255, 255, 0)));
5330
+ background: -webkit-linear-gradient(bottom, #17181f 0%, rgba(255, 255, 255, 0) 100%);
5331
+ background: linear-gradient(to top, #17181f 0%, rgba(255, 255, 255, 0) 100%);
5332
+ }
5333
+ /********* Premium Lottie Animations **********/
5334
+ /**********************************************/
5335
+ .elementor-widget-premium-lottie .premium-lottie-animation {
5336
+ position: relative;
5337
+ -js-display: inline-flex;
5338
+ display: -webkit-inline-box;
5339
+ display: -webkit-inline-flex;
5340
+ display: -moz-inline-box;
5341
+ display: -ms-inline-flexbox;
5342
+ display: inline-flex;
5343
+ -webkit-transition: all 0.3s ease-in-out;
5344
+ transition: all 0.3s ease-in-out;
5345
+ }
5346
+
5347
+ .elementor-widget-premium-lottie .premium-lottie-animation a {
5348
+ position: absolute;
5349
+ left: 0;
5350
+ top: 0;
5351
+ width: 100%;
5352
+ height: 100%;
5353
+ z-index: 2;
5354
+ }
5355
+ /**************** Premium Google Maps ******************/
5356
+ /*******************************************************/
5357
+ .premium-maps-info-container {
5358
+ margin-top: 10px;
5359
+ margin-bottom: 10px;
5360
+ }
5361
+
5362
+ .premium-maps-info-title,
5363
+ .premium-maps-info-desc {
5364
+ margin: 0;
5365
+ padding: 0;
5366
+ }
5367
+
5368
+ .premium-maps-container .gm-style-iw {
5369
+ text-align: center;
5370
+ direction: ltr;
5371
+ }
5372
+
5373
+ .premium-maps-container .gm-style img {
5374
+ max-width: none !important;
5375
+ }
5376
+ /**************** Premium Modal Box ****************/
5377
+ /***************************************************/
5378
+ .premium-modal-trigger-btn,
5379
+ .premium-modal-box-modal-lower-close {
5380
+ display: inline-block;
5381
+ padding: 6px 12px;
5382
+ margin-bottom: 0;
5383
+ font-size: 14px;
5384
+ font-weight: normal;
5385
+ line-height: 1.42857143;
5386
+ text-align: center;
5387
+ white-space: nowrap;
5388
+ vertical-align: middle;
5389
+ -ms-touch-action: manipulation;
5390
+ touch-action: manipulation;
5391
+ cursor: pointer;
5392
+ -webkit-user-select: none;
5393
+ -moz-user-select: none;
5394
+ -ms-user-select: none;
5395
+ user-select: none;
5396
+ background-image: none;
5397
+ border: 1px solid transparent;
5398
+ }
5399
+
5400
+ .premium-modal-trigger-btn>svg,
5401
+ .premium-modal-trigger-btn .premium-modal-box-icon {
5402
+ -webkit-transition: all 0.3s ease-in-out;
5403
+ transition: all 0.3s ease-in-out;
5404
+ }
5405
+
5406
+ .premium-modal-trigger-btn>svg {
5407
+ width: 30px;
5408
+ height: 30px;
5409
+ }
5410
+
5411
+ .premium-modal-box-modal-close {
5412
+ float: left;
5413
+ font-size: 21px;
5414
+ font-weight: bold;
5415
+ line-height: 1;
5416
+ color: #000;
5417
+ }
5418
+
5419
+ .premium-modal-box-modal-close:hover,
5420
+ .premium-modal-box-modal-close:focus {
5421
+ color: #000;
5422
+ text-decoration: none;
5423
+ cursor: pointer;
5424
+ }
5425
+
5426
+ button.premium-modal-box-modal-close {
5427
+ -webkit-appearance: none;
5428
+ padding: 0;
5429
+ cursor: pointer;
5430
+ background: transparent;
5431
+ border: 0;
5432
+ }
5433
+
5434
+ .premium-modal-box-modal {
5435
+ position: fixed;
5436
+ top: 0;
5437
+ left: 0;
5438
+ bottom: 0;
5439
+ right: 0;
5440
+ z-index: 1050;
5441
+ display: none;
5442
+ -webkit-overflow-scrolling: touch;
5443
+ outline: 0;
5444
+ padding: 0 !important;
5445
+ background: rgba(0, 0, 0, 0.5);
5446
+ -webkit-box-align: center;
5447
+ -webkit-align-items: center;
5448
+ -moz-box-align: center;
5449
+ -ms-flex-align: center;
5450
+ align-items: center;
5451
+ -webkit-box-pack: center;
5452
+ -webkit-justify-content: center;
5453
+ -moz-box-pack: center;
5454
+ -ms-flex-pack: center;
5455
+ justify-content: center;
5456
+ }
5457
+
5458
+ .premium-modal-box-modal .premium-modal-box-modal-dialog {
5459
+ position: absolute;
5460
+ max-height: -webkit-calc(100vh - 150px);
5461
+ max-height: calc(100vh - 150px);
5462
+ -js-display: flex;
5463
+ display: -webkit-box;
5464
+ display: -webkit-flex;
5465
+ display: -moz-box;
5466
+ display: -ms-flexbox;
5467
+ display: flex;
5468
+ -webkit-box-orient: vertical;
5469
+ -webkit-box-direction: normal;
5470
+ -webkit-flex-direction: column;
5471
+ -moz-box-orient: vertical;
5472
+ -moz-box-direction: normal;
5473
+ -ms-flex-direction: column;
5474
+ flex-direction: column;
5475
+ opacity: 0;
5476
+ background-color: #fff;
5477
+ border: 1px solid rgba(0, 0, 0, 0.2);
5478
+ -webkit-border-radius: 6px;
5479
+ border-radius: 6px;
5480
+ }
5481
+
5482
+ .premium-modal-box-modal-content {
5483
+ background-clip: padding-box;
5484
+ outline: 0;
5485
+ overflow-x: hidden;
5486
+ }
5487
+
5488
+ .premium-modal-backdrop.premium-in {
5489
+ filter: alpha(opacity=50);
5490
+ opacity: 0.5 !important;
5491
+ }
5492
+
5493
+ .premium-modal-fade.premium-in {
5494
+ opacity: 1;
5495
+ }
5496
+
5497
+ .premium-modal-backdrop {
5498
+ position: fixed;
5499
+ top: 0;
5500
+ left: 0;
5501
+ bottom: 0;
5502
+ right: 0;
5503
+ z-index: 1040;
5504
+ background-color: #000;
5505
+ }
5506
+
5507
+ .premium-modal-backdrop.premium-modal-fade {
5508
+ filter: alpha(opacity=0);
5509
+ opacity: 0;
5510
+ }
5511
+
5512
+ .premium-modal-fade {
5513
+ opacity: 0;
5514
+ }
5515
+
5516
+ .premium-in {
5517
+ -js-display: flex !important;
5518
+ display: -webkit-box !important;
5519
+ display: -webkit-flex !important;
5520
+ display: -moz-box !important;
5521
+ display: -ms-flexbox !important;
5522
+ display: flex !important;
5523
+ }
5524
+
5525
+ .premium-modal-box-modal-header {
5526
+ -js-display: flex;
5527
+ display: -webkit-box;
5528
+ display: -webkit-flex;
5529
+ display: -moz-box;
5530
+ display: -ms-flexbox;
5531
+ display: flex;
5532
+ -webkit-box-pack: justify;
5533
+ -webkit-justify-content: space-between;
5534
+ -moz-box-pack: justify;
5535
+ -ms-flex-pack: justify;
5536
+ justify-content: space-between;
5537
+ -webkit-box-align: center;
5538
+ -webkit-align-items: center;
5539
+ -moz-box-align: center;
5540
+ -ms-flex-align: center;
5541
+ align-items: center;
5542
+ padding: 5px 15px;
5543
+ border-bottom: 1px solid #e5e5e5;
5544
+ }
5545
+
5546
+ .premium-modal-box-modal-header .premium-modal-box-modal-close {
5547
+ margin-top: -2px;
5548
+ }
5549
+
5550
+ .premium-modal-box-modal-header .premium-modal-box-modal-title {
5551
+ -js-display: flex;
5552
+ display: -webkit-box;
5553
+ display: -webkit-flex;
5554
+ display: -moz-box;
5555
+ display: -ms-flexbox;
5556
+ display: flex;
5557
+ -webkit-box-align: center;
5558
+ -webkit-align-items: center;
5559
+ -moz-box-align: center;
5560
+ -ms-flex-align: center;
5561
+ align-items: center;
5562
+ margin: 0;
5563
+ padding: 0;
5564
+ }
5565
+
5566
+ .premium-modal-box-modal-header .premium-modal-box-modal-title svg {
5567
+ width: 50px;
5568
+ height: 60px;
5569
+ }
5570
+
5571
+ .premium-modal-box-modal-body {
5572
+ position: relative;
5573
+ padding: 15px;
5574
+ }
5575
+
5576
+ .premium-modal-box-modal-footer {
5577
+ padding: 15px;
5578
+ text-align: left;
5579
+ border-top: 1px solid #e5e5e5;
5580
+ }
5581
+
5582
+ .premium-modal-scrollbar-measure {
5583
+ position: absolute;
5584
+ top: -9999px;
5585
+ width: 50px;
5586
+ height: 50px;
5587
+ overflow: scroll;
5588
+ }
5589
+
5590
+ .premium-modal-trigger-text {
5591
+ background: none !important;
5592
+ display: inline-block;
5593
+ }
5594
+
5595
+ .premium-modal-box-container {
5596
+ width: 100% !important;
5597
+ }
5598
+
5599
+ /*Open Modal Button Style*/
5600
+ .premium-modal-trigger-container .premium-modal-trigger-btn {
5601
+ -js-display: inline-flex;
5602
+ display: -webkit-inline-box;
5603
+ display: -webkit-inline-flex;
5604
+ display: -moz-inline-box;
5605
+ display: -ms-inline-flexbox;
5606
+ display: inline-flex;
5607
+ -webkit-box-align: center;
5608
+ -webkit-align-items: center;
5609
+ -moz-box-align: center;
5610
+ -ms-flex-align: center;
5611
+ align-items: center;
5612
+ border: none;
5613
+ -webkit-transition: all 0.3s ease-in-out;
5614
+ transition: all 0.3s ease-in-out;
5615
+ }
5616
+
5617
+ .premium-modal-trigger-container .premium-modal-trigger-btn.premium-btn-block {
5618
+ -webkit-box-pack: center;
5619
+ -webkit-justify-content: center;
5620
+ -moz-box-pack: center;
5621
+ -ms-flex-pack: center;
5622
+ justify-content: center;
5623
+ }
5624
+
5625
+ .premium-modal-trigger-container .premium-modal-trigger-img,
5626
+ .premium-modal-trigger-container .premium-modal-trigger-text,
5627
+ .premium-modal-trigger-container .premium-modal-trigger-animation {
5628
+ cursor: pointer;
5629
+ }
5630
+
5631
+ .premium-modal-trigger-container .premium-modal-trigger-animation {
5632
+ display: inline-block;
5633
+ width: 200px;
5634
+ height: 200px;
5635
+ -webkit-transition: all 0.3s ease-in-out;
5636
+ transition: all 0.3s ease-in-out;
5637
+ }
5638
+
5639
+ /*Image on Modal Header Style*/
5640
+ .premium-modal-box-modal-header img {
5641
+ width: 48px;
5642
+ padding-left: 5px;
5643
+ }
5644
+
5645
+ .premium-modal-box-modal-header i,
5646
+ .premium-modal-box-modal-header svg {
5647
+ padding-left: 6px;
5648
+ }
5649
+
5650
+ .premium-modal-box-modal-close {
5651
+ position: relative;
5652
+ z-index: 99;
5653
+ }
5654
+
5655
+ .premium-modal-trigger-img,
5656
+ .premium-modal-trigger-text,
5657
+ .premium-modal-box-close-button-container,
5658
+ .premium-modal-box-modal-close,
5659
+ .premium-modal-box-modal-lower-close {
5660
+ -webkit-transition: all 0.3s ease-in-out;
5661
+ transition: all 0.3s ease-in-out;
5662
+ }
5663
+
5664
+ @media (min-width: 768px) {
5665
+ .premium-modal-box-modal-dialog {
5666
+ width: 700px;
5667
+ max-height: 600px;
5668
+ overflow: auto;
5669
+ }
5670
+ }
5671
+
5672
+ @media (max-width: 767px) {
5673
+ .premium-modal-box-modal-dialog {
5674
+ width: 100%;
5675
+ max-height: 500px;
5676
+ overflow: auto;
5677
+ }
5678
+ }
5679
+
5680
+ .premium-modal-box-container[data-modal-animation*="animated-"] {
5681
+ opacity: 0;
5682
+ }
5683
+ /************ Premium Team Members ************/
5684
+ /*********************************************/
5685
+ .premium-person-container {
5686
+ position: relative;
5687
+ }
5688
+
5689
+ .premium-person-image-container {
5690
+ position: relative;
5691
+ text-align: center;
5692
+ overflow: hidden;
5693
+ }
5694
+
5695
+ .premium-person-image-container .premium-person-image-wrap {
5696
+ overflow: hidden;
5697
+ }
5698
+
5699
+ .premium-person-zoomout-effect .premium-person-image-container img,
5700
+ .premium-person-scale-effect .premium-person-image-container img {
5701
+ -webkit-transform: scale(1.2);
5702
+ -ms-transform: scale(1.2);
5703
+ transform: scale(1.2);
5704
+ }
5705
+
5706
+ .premium-person-sepia-effect .premium-person-image-container img {
5707
+ -webkit-filter: sepia(30%);
5708
+ filter: sepia(30%);
5709
+ }
5710
+
5711
+ .premium-person-bright-effect .premium-person-image-container img {
5712
+ -webkit-filter: brightness(1);
5713
+ filter: brightness(1);
5714
+ }
5715
+
5716
+ .premium-person-trans-effect .premium-person-image-container img {
5717
+ -webkit-transform: translateX(15px) scale(1.1);
5718
+ -ms-transform: translateX(15px) scale(1.1);
5719
+ transform: translateX(15px) scale(1.1);
5720
+ }
5721
+
5722
+ .premium-person-zoomin-effect:hover .premium-person-image-container img {
5723
+ -webkit-transform: scale(1.2);
5724
+ -ms-transform: scale(1.2);
5725
+ transform: scale(1.2);
5726
+ }
5727
+
5728
+ .premium-person-zoomout-effect:hover .premium-person-image-container img {
5729
+ -webkit-transform: scale(1.1);
5730
+ -ms-transform: scale(1.1);
5731
+ transform: scale(1.1);
5732
+ }
5733
+
5734
+ .premium-person-scale-effect:hover .premium-person-image-container img {
5735
+ -webkit-transform: scale(1.3) rotate(-5deg);
5736
+ -ms-transform: scale(1.3) rotate(-5deg);
5737
+ transform: scale(1.3) rotate(-5deg);
5738
+ }
5739
+
5740
+ .premium-person-grayscale-effect:hover .premium-person-image-container img {
5741
+ -webkit-filter: grayscale(100%);
5742
+ filter: grayscale(100%);
5743
+ }
5744
+
5745
+ .premium-person-blur-effect:hover .premium-person-image-container img {
5746
+ -webkit-filter: blur(3px);
5747
+ filter: blur(3px);
5748
+ }
5749
+
5750
+ .premium-person-sepia-effect:hover .premium-person-image-container img {
5751
+ -webkit-filter: sepia(0%);
5752
+ filter: sepia(0%);
5753
+ }
5754
+
5755
+ .premium-person-bright-effect:hover .premium-person-image-container img {
5756
+ -webkit-filter: brightness(1.2);
5757
+ filter: brightness(1.2);
5758
+ }
5759
+
5760
+ .premium-person-trans-effect:hover .premium-person-image-container img {
5761
+ -webkit-transform: translateX(0px) scale(1.1);
5762
+ -ms-transform: translateX(0px) scale(1.1);
5763
+ transform: translateX(0px) scale(1.1);
5764
+ }
5765
+
5766
+ .premium-person-container .premium-person-image-container img {
5767
+ width: 100%;
5768
+ height: 100%;
5769
+ display: block;
5770
+ -o-object-fit: cover;
5771
+ object-fit: cover;
5772
+ -webkit-transition: all 0.5s ease-in-out;
5773
+ transition: all 0.5s ease-in-out;
5774
+ }
5775
+
5776
+ .premium-person-style2 .premium-person-social {
5777
+ position: absolute;
5778
+ top: 0;
5779
+ right: 0;
5780
+ width: 100%;
5781
+ height: 100%;
5782
+ z-index: 2;
5783
+ -js-display: flex;
5784
+ display: -webkit-box;
5785
+ display: -webkit-flex;
5786
+ display: -moz-box;
5787
+ display: -ms-flexbox;
5788
+ display: flex;
5789
+ -webkit-box-pack: center;
5790
+ -webkit-justify-content: center;
5791
+ -moz-box-pack: center;
5792
+ -ms-flex-pack: center;
5793
+ justify-content: center;
5794
+ -webkit-box-align: center;
5795
+ -webkit-align-items: center;
5796
+ -moz-box-align: center;
5797
+ -ms-flex-align: center;
5798
+ align-items: center;
5799
+ -webkit-box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
5800
+ box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
5801
+ -webkit-transition: all 0.5s linear 0s;
5802
+ transition: all 0.5s linear 0s;
5803
+ opacity: 0;
5804
+ }
5805
+
5806
+ .premium-person-style2 .premium-person-image-container:hover .premium-person-social {
5807
+ opacity: 1;
5808
+ }
5809
+
5810
+ .premium-person-list-item a {
5811
+ display: inline-block;
5812
+ }
5813
+
5814
+ .premium-person-style2 .premium-person-list-item a {
5815
+ opacity: 0;
5816
+ -webkit-transform: scale(0);
5817
+ -ms-transform: scale(0);
5818
+ transform: scale(0);
5819
+ -webkit-transition: all 0.5s ease-in-out 0s;
5820
+ transition: all 0.5s ease-in-out 0s;
5821
+ }
5822
+
5823
+ .premium-person-style2 .premium-person-image-container:hover .premium-person-list-item a {
5824
+ opacity: 1;
5825
+ -webkit-transform: scale(1);
5826
+ -ms-transform: scale(1);
5827
+ transform: scale(1);
5828
+ }
5829
+
5830
+ .premium-person-info-container {
5831
+ padding: 30px 15px;
5832
+ }
5833
+
5834
+ .premium-person-name {
5835
+ margin: 0 0 5px;
5836
+ font-weight: 700;
5837
+ }
5838
+
5839
+ .premium-person-title {
5840
+ margin: 0 0 20px;
5841
+ padding: 0;
5842
+ }
5843
+
5844
+ .premium-person-content {
5845
+ margin: 0 0 30px;
5846
+ }
5847
+
5848
+ /*Override Theme List Margin*/
5849
+ ul.premium-person-social-list {
5850
+ margin: 0px !important;
5851
+ padding: 0;
5852
+ }
5853
+
5854
+ .premium-person-social-list .premium-person-list-item {
5855
+ display: inline;
5856
+ list-style: none;
5857
+ }
5858
+
5859
+ .premium-person-social-list li {
5860
+ position: relative;
5861
+ bottom: 0px;
5862
+ -webkit-transition: all 0.2s ease-in-out;
5863
+ transition: all 0.2s ease-in-out;
5864
+ }
5865
+
5866
+ .premium-person-social-list li i {
5867
+ position: relative;
5868
+ bottom: 0px;
5869
+ -webkit-transition: all 0.2s ease-in-out;
5870
+ transition: all 0.2s ease-in-out;
5871
+ }
5872
+
5873
+ .premium-person-defaults-yes li.premium-person-facebook:hover a {
5874
+ background-color: #3b5998 !important;
5875
+ }
5876
+
5877
+ .premium-person-defaults-yes li.premium-person-twitter:hover a {
5878
+ background-color: #55acee !important;
5879
+ }
5880
+
5881
+ .premium-person-defaults-yes li.premium-person-linkedin:hover a {
5882
+ background-color: #0077b5 !important;
5883
+ }
5884
+
5885
+ .premium-person-defaults-yes li.premium-person-google:hover a {
5886
+ background-color: #dc4e41 !important;
5887
+ }
5888
+
5889
+ .premium-person-defaults-yes li.premium-person-youtube:hover a {
5890
+ background-color: #b31217 !important;
5891
+ }
5892
+
5893
+ .premium-person-defaults-yes li.premium-person-instagram:hover a {
5894
+ background-color: #e4405f !important;
5895
+ }
5896
+
5897
+ .premium-person-defaults-yes li.premium-person-skype:hover a {
5898
+ background-color: #00aff0 !important;
5899
+ }
5900
+
5901
+ .premium-person-defaults-yes li.premium-person-pinterest:hover a {
5902
+ background-color: #bd081c !important;
5903
+ }
5904
+
5905
+ .premium-person-defaults-yes li.premium-person-dribbble:hover a {
5906
+ background-color: #ea4c89 !important;
5907
+ }
5908
+
5909
+ .premium-person-defaults-yes li.premium-person-mail:hover a {
5910
+ background-color: #b23121 !important;
5911
+ }
5912
+
5913
+ .premium-person-defaults-yes li.premium-person-behance:hover a {
5914
+ background-color: #1769ff !important;
5915
+ }
5916
+
5917
+ .premium-person-defaults-yes li.premium-person-whatsapp:hover a {
5918
+ background-color: #25d366 !important;
5919
+ }
5920
+
5921
+ .premium-person-defaults-yes li.premium-person-telegram:hover a {
5922
+ background-color: #0088cc !important;
5923
+ }
5924
+
5925
+ .premium-person-defaults-yes li.premium-person-site:hover a {
5926
+ background-color: #0055a5 !important;
5927
+ }
5928
+
5929
+ .premium-person-social-list li:hover a {
5930
+ -webkit-box-shadow: none;
5931
+ box-shadow: none;
5932
+ }
5933
+
5934
+ .premium-person-social-list li a:focus {
5935
+ -webkit-box-shadow: none;
5936
+ box-shadow: none;
5937
+ outline: none;
5938
+ }
5939
+
5940
+ .premium-person-social-list li i {
5941
+ font-size: 18px;
5942
+ }
5943
+
5944
+ .elementor-widget-premium-addon-person .elementor-widget-container {
5945
+ -js-display: flex;
5946
+ display: -webkit-box;
5947
+ display: -webkit-flex;
5948
+ display: -moz-box;
5949
+ display: -ms-flexbox;
5950
+ display: flex;
5951
+ -webkit-box-pack: center;
5952
+ -webkit-justify-content: center;
5953
+ -moz-box-pack: center;
5954
+ -ms-flex-pack: center;
5955
+ justify-content: center;
5956
+ }
5957
+
5958
+ .premium-persons-container.multiple-persons {
5959
+ -js-display: flex;
5960
+ display: -webkit-box;
5961
+ display: -webkit-flex;
5962
+ display: -moz-box;
5963
+ display: -ms-flexbox;
5964
+ display: flex;
5965
+ -webkit-flex-wrap: wrap;
5966
+ -ms-flex-wrap: wrap;
5967
+ flex-wrap: wrap;
5968
+ width: 100%;
5969
+ }
5970
+
5971
+ .premium-person-style1 .premium-person-container {
5972
+ overflow: hidden;
5973
+ }
5974
+
5975
+ .premium-person-style1 .premium-person-container .premium-person-info {
5976
+ position: absolute;
5977
+ top: auto;
5978
+ left: 0;
5979
+ right: 0;
5980
+ -webkit-transition: all 500ms ease 0s;
5981
+ transition: all 500ms ease 0s;
5982
+ -webkit-transform: translate3d(0, 100%, 0);
5983
+ transform: translate3d(0, 100%, 0);
5984
+ }
5985
+
5986
+ .premium-person-style1 .premium-person-container:hover .premium-person-info {
5987
+ -webkit-transform: translate3d(0, 0, 0);
5988
+ transform: translate3d(0, 0, 0);
5989
+ bottom: -1px !important;
5990
+ }
5991
+
5992
+ .premium-person-style1 .premium-person-social-list li:hover {
5993
+ bottom: 5px;
5994
+ }
5995
+
5996
+ .premium-person-style1.multiple-persons:not([data-persons-equal="yes"]) {
5997
+ -webkit-box-align: start;
5998
+ -webkit-align-items: flex-start;
5999
+ -moz-box-align: start;
6000
+ -ms-flex-align: start;
6001
+ align-items: flex-start;
6002
+ }
6003
+
6004
+ .premium-person-style1 .slick-track {
6005
+ -js-display: flex;
6006
+ display: -webkit-box;
6007
+ display: -webkit-flex;
6008
+ display: -moz-box;
6009
+ display: -ms-flexbox;
6010
+ display: flex;
6011
+ }
6012
+
6013
+ .premium-person-style1 .slick-slide {
6014
+ height: inherit !important;
6015
+ }
6016
+
6017
+ /* .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-container,
6018
+ .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-wrap {
6019
+ height: 100%;
6020
+ } */
6021
+
6022
+ .premium-person-style3 .premium-person-info-container {
6023
+ position: absolute;
6024
+ top: 0;
6025
+ right: 0;
6026
+ width: 100%;
6027
+ height: 100%;
6028
+ -js-display: flex;
6029
+ display: -webkit-box;
6030
+ display: -webkit-flex;
6031
+ display: -moz-box;
6032
+ display: -ms-flexbox;
6033
+ display: flex;
6034
+ -webkit-box-orient: vertical;
6035
+ -webkit-box-direction: normal;
6036
+ -webkit-flex-direction: column;
6037
+ -moz-box-orient: vertical;
6038
+ -moz-box-direction: normal;
6039
+ -ms-flex-direction: column;
6040
+ flex-direction: column;
6041
+ -webkit-box-pack: justify;
6042
+ -webkit-justify-content: space-between;
6043
+ -moz-box-pack: justify;
6044
+ -ms-flex-pack: justify;
6045
+ justify-content: space-between;
6046
+ }
6047
+
6048
+ .premium-person-style3 .premium-person-title-desc-wrap {
6049
+ -js-display: flex;
6050
+ display: -webkit-box;
6051
+ display: -webkit-flex;
6052
+ display: -moz-box;
6053
+ display: -ms-flexbox;
6054
+ display: flex;
6055
+ -webkit-box-orient: horizontal;
6056
+ -webkit-box-direction: reverse;
6057
+ -webkit-flex-direction: row-reverse;
6058
+ -moz-box-orient: horizontal;
6059
+ -moz-box-direction: reverse;
6060
+ -ms-flex-direction: row-reverse;
6061
+ flex-direction: row-reverse;
6062
+ -webkit-box-pack: justify;
6063
+ -webkit-justify-content: space-between;
6064
+ -moz-box-pack: justify;
6065
+ -ms-flex-pack: justify;
6066
+ justify-content: space-between;
6067
+ -webkit-box-align: start;
6068
+ -webkit-align-items: flex-start;
6069
+ -moz-box-align: start;
6070
+ -ms-flex-align: start;
6071
+ align-items: flex-start;
6072
+ }
6073
+
6074
+ .premium-person-style3 .premium-person-name-icons-wrap {
6075
+ -js-display: flex;
6076
+ display: -webkit-box;
6077
+ display: -webkit-flex;
6078
+ display: -moz-box;
6079
+ display: -ms-flexbox;
6080
+ display: flex;
6081
+ -webkit-box-pack: justify;
6082
+ -webkit-justify-content: space-between;
6083
+ -moz-box-pack: justify;
6084
+ -ms-flex-pack: justify;
6085
+ justify-content: space-between;
6086
+ -webkit-box-align: end;
6087
+ -webkit-align-items: flex-end;
6088
+ -moz-box-align: end;
6089
+ -ms-flex-align: end;
6090
+ align-items: flex-end;
6091
+ }
6092
+
6093
+ .premium-person-style3 .premium-person-title {
6094
+ opacity: 0;
6095
+ -webkit-transition: all 0.3s ease;
6096
+ transition: all 0.3s ease;
6097
+ width: 0;
6098
+ }
6099
+
6100
+ .premium-person-style3 .premium-person-title span {
6101
+ display: inline-block;
6102
+ }
6103
+
6104
+ .premium-person-style3 .premium-person-name {
6105
+ padding-right: 10px;
6106
+ }
6107
+
6108
+ .premium-person-style3 .premium-person-social-list {
6109
+ -js-display: flex;
6110
+ display: -webkit-box;
6111
+ display: -webkit-flex;
6112
+ display: -moz-box;
6113
+ display: -ms-flexbox;
6114
+ display: flex;
6115
+ -webkit-box-orient: vertical;
6116
+ -webkit-box-direction: normal;
6117
+ -webkit-flex-direction: column;
6118
+ -moz-box-orient: vertical;
6119
+ -moz-box-direction: normal;
6120
+ -ms-flex-direction: column;
6121
+ flex-direction: column;
6122
+ -webkit-transform: translateY(20px);
6123
+ -ms-transform: translateY(20px);
6124
+ transform: translateY(20px);
6125
+ opacity: 0;
6126
+ -webkit-transition: all 0.3s ease;
6127
+ transition: all 0.3s ease;
6128
+ }
6129
+
6130
+ .premium-person-style3 .premium-person-list-item {
6131
+ line-height: 0;
6132
+ }
6133
+
6134
+ .premium-person-style3 .premium-person-list-item a {
6135
+ padding: 5px 0 0 10px;
6136
+ margin: 5px 0;
6137
+ }
6138
+
6139
+ .premium-person-style3 .premium-person-container:hover .premium-person-title {
6140
+ opacity: 1;
6141
+ }
6142
+
6143
+ .premium-person-style3 .premium-person-container:hover .premium-person-social-list {
6144
+ opacity: 1;
6145
+ -webkit-transform: translateY(0);
6146
+ -ms-transform: translateY(0);
6147
+ transform: translateY(0);
6148
+ }
6149
+
6150
+ .premium-persons-title-cw .premium-person-title {
6151
+ -webkit-transform: translateX(-15px) rotate(-90deg);
6152
+ -ms-transform: translateX(-15px) rotate(-90deg);
6153
+ transform: translateX(-15px) rotate(-90deg);
6154
+ -webkit-transform-origin: top;
6155
+ -ms-transform-origin: top;
6156
+ transform-origin: top;
6157
+ }
6158
+
6159
+ .premium-persons-title-cw .premium-person-container:hover .premium-person-title {
6160
+ -webkit-transform: translateX(0) rotate(-90deg);
6161
+ -ms-transform: translateX(0) rotate(-90deg);
6162
+ transform: translateX(0) rotate(-90deg);
6163
+ }
6164
+
6165
+ .premium-persons-title-ccw .premium-person-title {
6166
+ width: auto;
6167
+ margin-left: 20px;
6168
+ -webkit-transform: translateX(-15px) rotate(90deg);
6169
+ -ms-transform: translateX(-15px) rotate(90deg);
6170
+ transform: translateX(-15px) rotate(90deg);
6171
+ -webkit-transform-origin: center left;
6172
+ -ms-transform-origin: center left;
6173
+ transform-origin: center left;
6174
+ }
6175
+
6176
+ .premium-persons-title-ccw .premium-person-container:hover .premium-person-title {
6177
+ -webkit-transform: translateX(0) rotate(90deg);
6178
+ -ms-transform: translateX(0) rotate(90deg);
6179
+ transform: translateX(0) rotate(90deg);
6180
  }
6181
  /**************** Premium Pricing Table ****************/
6182
  /*******************************************************/
6183
  .premium-pricing-table-container {
6184
+ position: relative;
6185
+ text-align: center;
6186
+ -webkit-transition: all 0.3s ease-in-out;
6187
+ transition: all 0.3s ease-in-out;
 
6188
  }
6189
 
6190
  .premium-pricing-icon-container {
6191
+ -js-display: flex;
6192
+ display: -webkit-box;
6193
+ display: -webkit-flex;
6194
+ display: -moz-box;
6195
+ display: -ms-flexbox;
6196
+ display: flex;
6197
+ -webkit-box-pack: center;
6198
+ -webkit-justify-content: center;
6199
+ -moz-box-pack: center;
6200
+ -ms-flex-pack: center;
6201
+ justify-content: center;
6202
+ line-height: 0;
6203
  }
6204
 
6205
  .premium-pricing-icon-container .premium-pricing-icon {
6206
+ display: inline-block;
6207
  }
6208
 
6209
  .premium-pricing-icon-container .premium-pricing-image {
6210
+ overflow: hidden;
6211
  }
6212
 
6213
  .premium-pricing-icon-container .premium-pricing-image img {
6214
+ width: 25px;
6215
+ height: 25px;
6216
+ -o-object-fit: cover;
6217
+ object-fit: cover;
6218
  }
6219
 
6220
  .premium-badge-left {
6221
+ position: absolute;
6222
+ top: 0;
6223
  }
6224
 
6225
  .premium-badge-right {
6226
+ position: absolute;
6227
+ top: 0;
6228
+ right: 0;
6229
  }
6230
 
6231
  .premium-badge-left {
6232
+ left: 0;
6233
  }
6234
 
6235
  .premium-badge-triangle.premium-badge-left .corner {
6236
+ width: 0;
6237
+ height: 0;
6238
+ border-top: 150px solid;
6239
+ border-bottom: 150px solid transparent;
6240
+ border-right: 150px solid transparent;
6241
  }
6242
 
6243
  .premium-badge-triangle.premium-badge-right .corner {
6244
+ width: 0;
6245
+ height: 0;
6246
+ border-bottom: 150px solid transparent;
6247
+ border-right: 150px solid;
6248
+ border-left: 150px solid transparent;
6249
  }
6250
 
6251
  .premium-badge-triangle span {
6252
+ position: absolute;
6253
+ top: 35px;
6254
+ width: 100px;
6255
+ text-align: center;
6256
+ -webkit-transform: rotate(-45deg);
6257
+ -ms-transform: rotate(-45deg);
6258
+ transform: rotate(-45deg);
6259
+ display: block;
6260
+ text-transform: uppercase;
6261
  }
6262
 
6263
  .premium-badge-triangle.premium-badge-right span {
6264
+ -webkit-transform: rotate(45deg);
6265
+ -ms-transform: rotate(45deg);
6266
+ transform: rotate(45deg);
6267
+ right: 0;
6268
  }
6269
 
6270
  .premium-badge-circle {
6271
+ min-width: 4em;
6272
+ min-height: 4em;
6273
+ line-height: 4em;
6274
+ text-align: center;
6275
+ -webkit-border-radius: 100%;
6276
+ border-radius: 100%;
6277
+ position: absolute;
6278
+ z-index: 1;
6279
  }
6280
 
6281
  .premium-badge-stripe {
6282
+ position: absolute;
6283
+ -webkit-transform: rotate(90deg);
6284
+ -ms-transform: rotate(90deg);
6285
+ transform: rotate(90deg);
6286
+ width: 15em;
6287
+ overflow: hidden;
6288
+ height: 15em;
6289
  }
6290
 
6291
  .premium-badge-stripe.premium-badge-left {
6292
+ -webkit-transform: rotate(0);
6293
+ -ms-transform: rotate(0);
6294
+ transform: rotate(0);
6295
  }
6296
 
6297
  .premium-badge-stripe .corner {
6298
+ text-align: center;
6299
+ left: 0;
6300
+ width: 150%;
6301
+ -webkit-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
6302
+ -ms-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
6303
+ transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
6304
+ margin-top: 35px;
6305
+ font-size: 13px;
6306
+ line-height: 2;
6307
+ font-weight: 800;
6308
+ text-transform: uppercase;
6309
  }
6310
 
6311
  .premium-badge-flag .corner {
6312
+ text-align: center;
6313
+ -webkit-border-radius: 4px 4px 0 4px;
6314
+ border-radius: 4px 4px 0 4px;
6315
+ padding: 3px 15px;
6316
+ position: absolute;
6317
+ top: 10%;
6318
+ right: -8px;
6319
  }
6320
 
6321
  .premium-badge-flag .corner::before,
6322
  .premium-badge-flag .corner::after {
6323
+ content: "";
6324
+ display: block;
6325
+ position: absolute;
6326
+ width: 0;
6327
+ height: 0;
6328
+ top: 100%;
6329
+ right: 0;
6330
+ border-bottom: 8px solid transparent;
6331
  }
6332
 
6333
  .elementor-widget-premium-addon-pricing-table .elementor-widget-container {
6334
+ overflow: visible !important;
6335
  }
6336
 
6337
  .premium-badge-flag .corner::after {
6338
+ border-left: 8px solid rgba(0, 0, 0, 0.2);
6339
  }
6340
 
6341
  .premium-pricing-price-currency {
6342
+ position: relative;
6343
  }
6344
 
6345
  .premium-pricing-button-container {
6346
+ display: block;
6347
  }
6348
 
6349
  .premium-pricing-list {
6350
+ -js-display: flex;
6351
+ display: -webkit-box;
6352
+ display: -webkit-flex;
6353
+ display: -moz-box;
6354
+ display: -ms-flexbox;
6355
+ display: flex;
6356
+ -webkit-box-orient: vertical;
6357
+ -webkit-box-direction: normal;
6358
+ -webkit-flex-direction: column;
6359
+ -moz-box-orient: vertical;
6360
+ -moz-box-direction: normal;
6361
+ -ms-flex-direction: column;
6362
+ flex-direction: column;
6363
+ list-style-type: none;
6364
+ margin: 0;
6365
  }
6366
 
6367
  .premium-pricing-list .premium-pricing-list-item {
6368
+ -js-display: flex;
6369
+ display: -webkit-box;
6370
+ display: -webkit-flex;
6371
+ display: -moz-box;
6372
+ display: -ms-flexbox;
6373
+ display: flex;
6374
+ -webkit-box-align: center;
6375
+ -webkit-align-items: center;
6376
+ -moz-box-align: center;
6377
+ -ms-flex-align: center;
6378
+ align-items: center;
6379
  }
6380
 
6381
  .premium-pricing-list .premium-pricing-list-item svg {
6382
+ width: 50px;
6383
+ height: 50px;
6384
  }
6385
 
6386
  .premium-pricing-list .premium-pricing-list-item img {
6387
+ width: 30px;
6388
+ height: 30px;
6389
+ -o-object-fit: cover;
6390
+ object-fit: cover;
6391
  }
6392
 
6393
  .premium-pricing-list .premium-pricing-list-span {
6394
+ position: relative;
6395
  }
6396
 
6397
  .premium-pricing-list .list-item-tooltip {
6398
+ border-bottom: 1px dotted;
6399
  }
6400
 
6401
  .premium-pricing-list .premium-pricing-list-tooltip {
6402
+ position: absolute;
6403
+ top: -webkit-calc(100% + 1px);
6404
+ top: calc(100% + 1px);
6405
+ right: 0;
6406
+ visibility: hidden;
6407
+ padding: 15px 20px;
6408
+ -webkit-border-radius: 5px;
6409
+ border-radius: 5px;
6410
+ min-width: 200px;
6411
+ overflow: hidden;
6412
+ text-align: right;
6413
+ font-size: 0.8rem;
6414
+ color: #fff;
6415
+ background-color: #aaa;
6416
  }
6417
 
6418
  .premium-pricing-features-left .premium-pricing-list-span {
6419
+ text-align: right;
6420
  }
6421
 
6422
  .premium-pricing-features-center .premium-pricing-list-span {
6423
+ text-align: center;
6424
  }
6425
 
6426
  .premium-pricing-features-right .premium-pricing-list-span {
6427
+ text-align: left;
6428
  }
6429
 
6430
  .premium-pricing-list-span:hover .premium-pricing-list-tooltip {
6431
+ z-index: 99;
6432
+ visibility: visible;
6433
+ opacity: 1;
6434
  }
6435
 
6436
  .premium-pricing-slashed-price-value {
6437
+ display: inline-block;
6438
+ font-size: 20px;
6439
+ font-weight: 400;
6440
+ margin-left: 5px;
6441
  }
6442
 
6443
  .premium-pricing-price-value {
6444
+ font-size: 70px;
6445
  }
6446
 
6447
  .premium-pricing-description-container li {
6448
+ list-style-position: inside;
6449
+ text-indent: -40px;
6450
  }
6451
 
6452
  @-moz-document url-prefix() {
6453
+ .premium-pricing-description-container li {
6454
+ text-indent: 0px;
6455
+ }
6456
  }
6457
 
6458
  .premium-pricing-price-button {
6459
+ display: block;
6460
+ padding: 6px 12px;
6461
+ line-height: 1.42857143;
6462
+ text-align: center;
6463
+ color: #fff;
6464
+ background: #6ec1e4;
6465
+ margin-bottom: 0;
6466
+ -webkit-transition: all 0.3s ease-in-out;
6467
+ transition: all 0.3s ease-in-out;
6468
  }
6469
  /**************** Premium Progress Bar ****************/
6470
  /******************************************************/
assets/frontend/css/premium-addons.css CHANGED
@@ -1264,615 +1264,1017 @@
1264
  -webkit-transform: translate3d(-10px, 0, 0) scale(1.1);
1265
  transform: translate3d(-10px, 0, 0) scale(1.1); }
1266
 
1267
- /**************** Premium Blog *****************/
1268
- /***********************************************/
1269
- .premium-blog-thumb-effect-wrapper {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1270
  position: relative;
1271
- overflow: hidden; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1272
 
1273
- .premium-blog-effect-container:not(.premium-blog-bordered-effect) .premium-blog-post-link {
 
 
 
1274
  position: absolute;
 
1275
  top: 0;
1276
  left: 0;
1277
- width: 100%;
1278
- height: 100%;
1279
- z-index: 2;
1280
- padding: 20px; }
 
 
 
 
 
 
 
 
 
 
 
 
1281
 
1282
- .premium-blog-bordered-effect .premium-blog-post-link {
1283
- display: block;
1284
- height: 100%;
1285
- position: relative; }
 
 
 
 
 
 
1286
 
1287
- /*Thumbnail Img*/
1288
- .premium-blog-thumbnail-container {
1289
- overflow: hidden; }
1290
- .premium-blog-thumbnail-container img,
1291
- .premium-blog-thumbnail-container .below-entry-meta {
1292
- width: 100%;
1293
- height: 100%;
1294
- margin: 0 !important;
1295
- -webkit-transition: all 0.4s ease-in-out;
1296
- transition: all 0.4s ease-in-out;
1297
- display: block; }
1298
 
1299
- .premium-blog-zoomout-effect img,
1300
- .premium-blog-scale-effect img {
1301
- -webkit-transform: scale(1.2);
1302
- -ms-transform: scale(1.2);
1303
- transform: scale(1.2); }
 
 
1304
 
1305
- .premium-blog-sepia-effect img {
1306
- -webkit-filter: sepia(30%);
1307
- filter: sepia(30%); }
 
 
 
 
1308
 
1309
- .premium-blog-bright-effect img {
1310
- -webkit-filter: brightness(1);
1311
- filter: brightness(1); }
 
1312
 
1313
- .premium-blog-trans-effect img {
1314
- -webkit-transform: translateX(-15px) scale(1.1);
1315
- -ms-transform: translateX(-15px) scale(1.1);
1316
- transform: translateX(-15px) scale(1.1); }
1317
 
1318
- .premium-blog-post-outer-container:hover .premium-blog-zoomin-effect img {
1319
- -webkit-transform: scale(1.2);
1320
- -ms-transform: scale(1.2);
1321
- transform: scale(1.2); }
1322
 
1323
- .premium-blog-post-outer-container:hover .premium-blog-zoomout-effect img {
1324
- -webkit-transform: scale(1.1);
1325
- -ms-transform: scale(1.1);
1326
- transform: scale(1.1); }
1327
 
1328
- .premium-blog-post-outer-container:hover .premium-blog-scale-effect img {
1329
- -webkit-transform: scale(1.3) rotate(5deg);
1330
- -ms-transform: scale(1.3) rotate(5deg);
1331
- transform: scale(1.3) rotate(5deg); }
1332
 
1333
- .premium-blog-post-outer-container:hover .premium-blog-gray-effect img {
1334
- -webkit-filter: grayscale(100%);
1335
- filter: grayscale(100%); }
 
 
 
 
1336
 
1337
- .premium-blog-post-outer-container:hover .premium-blog-blur-effect img {
1338
- -webkit-filter: blur(3px);
1339
- filter: blur(3px); }
 
 
 
 
1340
 
1341
- .premium-blog-post-outer-container:hover .premium-blog-sepia-effect img {
1342
- -webkit-filter: sepia(0%);
1343
- filter: sepia(0%); }
 
 
 
 
 
1344
 
1345
- .premium-blog-post-outer-container:hover .premium-blog-bright-effect img {
1346
- -webkit-filter: brightness(1.2);
1347
- filter: brightness(1.2); }
 
 
 
 
 
1348
 
1349
- .premium-blog-post-outer-container:hover .premium-blog-trans-effect img {
1350
- -webkit-transform: translateX(0px) scale(1.1);
1351
- -ms-transform: translateX(0px) scale(1.1);
1352
- transform: translateX(0px) scale(1.1); }
 
 
 
1353
 
1354
- .premium-blog-post-container {
1355
- overflow: hidden; }
1356
- .premium-blog-post-container .premium-blog-inner-container {
1357
- -js-display: flex;
1358
- display: -webkit-box;
1359
- display: -webkit-flex;
1360
- display: -moz-box;
1361
- display: -ms-flexbox;
1362
- display: flex;
1363
- -webkit-box-orient: vertical;
1364
- -webkit-box-direction: normal;
1365
- -webkit-flex-direction: column;
1366
- -moz-box-orient: vertical;
1367
- -moz-box-direction: normal;
1368
- -ms-flex-direction: column;
1369
- flex-direction: column; }
1370
- .premium-blog-post-container .premium-blog-post-content {
1371
- line-height: 1.5em;
1372
- color: #777;
1373
- font-size: 14px;
1374
- margin-bottom: 10px; }
1375
- .premium-blog-post-container ul.post-categories a:hover, .premium-blog-post-container ul.post-categories a:focus,
1376
- .premium-blog-post-container .premium-blog-post-link:hover,
1377
- .premium-blog-post-container .premium-blog-post-link:focus {
1378
- -webkit-box-shadow: none !important;
1379
- box-shadow: none !important;
1380
- outline: none !important; }
1381
- .premium-blog-post-container .premium-blog-entry-title {
1382
- font-size: 18px;
1383
- margin-bottom: 5px; }
1384
- .premium-blog-post-container.premium-blog-skin-modern .premium-blog-content-wrapper {
1385
- position: relative;
1386
- z-index: 3;
1387
- top: -50px; }
1388
- .premium-blog-post-container .premium-blog-content-wrapper {
1389
- background-color: #f5f5f5;
1390
- padding: 30px; }
1391
- .premium-blog-post-container .premium-blog-content-wrapper.empty-thumb {
1392
- top: 0; }
1393
- .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 {
1394
- position: absolute;
1395
- content: "";
1396
- z-index: 1;
1397
- top: 50%;
1398
- left: 50%;
1399
- opacity: 0;
1400
- -webkit-transform: translate(-50%, -50%);
1401
- -ms-transform: translate(-50%, -50%);
1402
- transform: translate(-50%, -50%);
1403
- -webkit-transition: all 0.4s linear 0s;
1404
- transition: all 0.4s linear 0s;
1405
- height: 1px;
1406
- width: 100%;
1407
- background-color: #fff; }
1408
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before {
1409
- width: 1px;
1410
- height: 100%; }
1411
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner):hover .premium-blog-thumbnail-container:after {
1412
- width: 20px;
1413
- opacity: 1; }
1414
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner):hover .premium-blog-thumbnail-container:before {
1415
- height: 20px;
1416
- opacity: 1; }
1417
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-content-wrapper {
1418
- margin: 0px 10px 20px;
1419
- clear: both; }
1420
- .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 {
1421
- position: absolute;
1422
- top: 0;
1423
- left: 0;
1424
- width: 100%;
1425
- height: 100%;
1426
- -webkit-transition: all 0.3s ease-in-out;
1427
- transition: all 0.3s ease-in-out;
1428
- opacity: 0; }
1429
- .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 {
1430
- -js-display: flex;
1431
- display: -webkit-box;
1432
- display: -webkit-flex;
1433
- display: -moz-box;
1434
- display: -ms-flexbox;
1435
- display: flex;
1436
- -webkit-box-pack: center;
1437
- -webkit-justify-content: center;
1438
- -moz-box-pack: center;
1439
- -ms-flex-pack: center;
1440
- justify-content: center;
1441
- -webkit-box-align: center;
1442
- -webkit-align-items: center;
1443
- -moz-box-align: center;
1444
- -ms-flex-align: center;
1445
- align-items: center;
1446
- width: 100%;
1447
- height: 100%; }
1448
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay span,
1449
- .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,
1450
- .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,
1451
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay i {
1452
- -webkit-transition: all 0.3s ease-in-out;
1453
- transition: all 0.3s ease-in-out; }
1454
- .premium-blog-post-container.premium-blog-skin-side {
1455
- -js-display: flex;
1456
- display: -webkit-box;
1457
- display: -webkit-flex;
1458
- display: -moz-box;
1459
- display: -ms-flexbox;
1460
- display: flex; }
1461
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-container {
1462
- height: 100%; }
1463
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-content-wrapper {
1464
- -webkit-box-flex: 1;
1465
- -webkit-flex: 1;
1466
- -moz-box-flex: 1;
1467
- -ms-flex: 1;
1468
- flex: 1; }
1469
- .premium-blog-post-container.premium-blog-skin-banner {
1470
- position: relative; }
1471
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper {
1472
- position: absolute;
1473
- width: 100%;
1474
- bottom: -5px;
1475
- -js-display: flex;
1476
- display: -webkit-box;
1477
- display: -webkit-flex;
1478
- display: -moz-box;
1479
- display: -ms-flexbox;
1480
- display: flex;
1481
- -webkit-box-orient: vertical;
1482
- -webkit-box-direction: normal;
1483
- -webkit-flex-direction: column;
1484
- -moz-box-orient: vertical;
1485
- -moz-box-direction: normal;
1486
- -ms-flex-direction: column;
1487
- flex-direction: column;
1488
- background-color: transparent;
1489
- z-index: 3;
1490
- -webkit-transition: bottom 0.3s ease-in-out;
1491
- transition: bottom 0.3s ease-in-out; }
1492
- .premium-blog-post-container.premium-blog-skin-banner:hover .premium-blog-content-wrapper {
1493
- bottom: 0px; }
1494
- .premium-blog-post-container .premium-blog-cats-container ul.post-categories {
1495
- margin: 0;
1496
- padding: 0;
1497
- list-style: none;
1498
- -js-display: flex;
1499
- display: -webkit-box;
1500
- display: -webkit-flex;
1501
- display: -moz-box;
1502
- display: -ms-flexbox;
1503
- display: flex; }
1504
- .premium-blog-post-container .premium-blog-cats-container a {
1505
- display: block;
1506
- font-size: 12px;
1507
- color: #fff;
1508
- background-color: #777;
1509
- margin: 0 3px 10px 0;
1510
- padding: 5px;
1511
- -webkit-transition: all 0.3s ease-in-out;
1512
- transition: all 0.3s ease-in-out; }
1513
-
1514
- /*
1515
- * Diagonal Effect
1516
- */
1517
- .premium-blog-diagonal-container {
1518
- position: absolute;
1519
- top: 0;
1520
- left: 0;
1521
- width: 100%;
1522
- height: 100%; }
1523
-
1524
- .premium-blog-diagonal-effect:before {
1525
- position: absolute;
1526
- top: 0px;
1527
- left: 0px;
1528
- width: 100%;
1529
- height: 100%;
1530
- content: " ";
1531
- z-index: 1;
1532
- background: rgba(255, 255, 255, 0.2);
1533
- -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
1534
- transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
1535
- -webkit-transition: all 0.3s linear 0s;
1536
- transition: all 0.3s linear 0s; }
1537
 
1538
- .premium-blog-post-outer-container:hover .premium-blog-diagonal-effect:before {
1539
- -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
1540
- transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); }
 
 
1541
 
1542
- /*
1543
- * Framed Effect
1544
- */
1545
- .premium-blog-framed-effect {
1546
- position: absolute;
1547
- width: -webkit-calc(100% - 30px);
1548
- width: calc(100% - 30px);
1549
- height: -webkit-calc(100% - 30px);
1550
- height: calc(100% - 30px);
1551
- top: 15px;
1552
- left: 15px;
1553
- opacity: 0;
1554
- -webkit-transform: scale(0.3);
1555
- -ms-transform: scale(0.3);
1556
- transform: scale(0.3);
1557
- -webkit-transition: all 0.3s linear 0s;
1558
- transition: all 0.3s linear 0s; }
1559
-
1560
- .premium-blog-post-outer-container:hover .premium-blog-framed-effect {
1561
- opacity: 0.99;
1562
- -webkit-transform: scale(1);
1563
- -ms-transform: scale(1);
1564
- transform: scale(1); }
1565
 
1566
- /*
1567
- * Bordered Effect
1568
- */
1569
- .premium-blog-bordered-effect {
1570
- position: absolute;
1571
- top: 0;
1572
- left: 0;
1573
- width: 100%;
1574
- height: 100%;
1575
- opacity: 0;
1576
- padding: 15px;
1577
- -webkit-transition: all 0.3s linear 0s;
1578
- transition: all 0.3s linear 0s; }
1579
- .premium-blog-bordered-effect .premium-blog-post-link:before, .premium-blog-bordered-effect .premium-blog-post-link:after {
1580
- content: "";
1581
- display: block;
1582
- position: absolute;
1583
- top: 0;
1584
- left: 0;
1585
- width: 100%;
1586
- height: 100%;
1587
- -webkit-transition: all 0.5s linear 0s;
1588
- transition: all 0.5s linear 0s;
1589
- -webkit-transition-delay: 0s;
1590
- transition-delay: 0s;
1591
- border-color: rgba(255, 255, 255, 0.45); }
1592
- .premium-blog-bordered-effect .premium-blog-post-link:before {
1593
- border-right: 2px solid;
1594
- border-left: 2px solid;
1595
- -webkit-transform: scale(1, 0);
1596
- -ms-transform: scale(1, 0);
1597
- transform: scale(1, 0);
1598
- -webkit-transform-origin: 100% 0;
1599
- -ms-transform-origin: 100% 0;
1600
- transform-origin: 100% 0; }
1601
- .premium-blog-bordered-effect .premium-blog-post-link:after {
1602
- border-top: 2px solid;
1603
- border-bottom: 2px solid;
1604
- -webkit-transform: scale(0, 1);
1605
- -ms-transform: scale(0, 1);
1606
- transform: scale(0, 1);
1607
- -webkit-transform-origin: 0 0;
1608
- -ms-transform-origin: 0 0;
1609
- transform-origin: 0 0; }
1610
 
1611
- .premium-blog-bordered-effect:hover {
1612
- opacity: 0.99; }
1613
- .premium-blog-bordered-effect:hover .premium-blog-post-link:before, .premium-blog-bordered-effect:hover .premium-blog-post-link:after {
1614
- -webkit-transition-delay: 0.15s;
1615
- transition-delay: 0.15s;
1616
- opacity: 1;
1617
- -webkit-transform: scale(1);
1618
- -ms-transform: scale(1);
1619
- transform: scale(1); }
1620
 
1621
- /*
1622
- * Squares Effect
1623
- */
1624
- .premium-blog-squares-effect,
1625
- .premium-blog-squares-square-container {
1626
- position: absolute;
1627
- top: 0;
1628
- left: 0;
1629
- width: 100%;
1630
- height: 100%; }
1631
 
1632
- .premium-blog-squares-effect:before, .premium-blog-squares-effect:after {
1633
- position: absolute;
1634
- content: "";
1635
- top: 0;
1636
- left: 0;
1637
- width: 50%;
1638
- height: 50%;
1639
- -webkit-transform: translate(-100%, -100%);
1640
- -ms-transform: translate(-100%, -100%);
1641
- transform: translate(-100%, -100%);
1642
- opacity: 0.7;
1643
- -webkit-transition: all 0.3s linear 0s;
1644
- transition: all 0.3s linear 0s; }
1645
 
1646
- .premium-blog-squares-square-container:before, .premium-blog-squares-square-container:after {
1647
- position: absolute;
1648
- content: "";
1649
- top: 0;
1650
- left: 0;
1651
- width: 50%;
1652
- height: 50%;
1653
- -webkit-transform: translate(-100%, -100%);
1654
- -ms-transform: translate(-100%, -100%);
1655
- transform: translate(-100%, -100%);
1656
- opacity: 0.7;
1657
- -webkit-transition: all 0.3s linear 0s;
1658
- transition: all 0.3s linear 0s; }
1659
-
1660
- .premium-blog-squares-square-container:before, .premium-blog-squares-square-container:after {
1661
- opacity: 0.8; }
1662
-
1663
- .premium-blog-squares-effect:after {
1664
- -webkit-transform: translate(200%, 200%);
1665
- -ms-transform: translate(200%, 200%);
1666
- transform: translate(200%, 200%); }
1667
-
1668
- .premium-blog-squares-square-container:before {
1669
- -webkit-transform: translate(-100%, 200%);
1670
- -ms-transform: translate(-100%, 200%);
1671
- transform: translate(-100%, 200%); }
1672
-
1673
- .premium-blog-squares-square-container:after {
1674
- -webkit-transform: translate(200%, -100%);
1675
- -ms-transform: translate(200%, -100%);
1676
- transform: translate(200%, -100%); }
1677
-
1678
- .premium-blog-squares-effect:hover:before {
1679
- -webkit-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
1680
- -ms-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
1681
- transform: translate(0, 0%) scaleY(1.003) scaleX(1.003); }
1682
-
1683
- .premium-blog-squares-effect:hover:after {
1684
- -webkit-transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003);
1685
- -ms-transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003);
1686
- transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003); }
1687
-
1688
- .premium-blog-squares-effect:hover .premium-blog-squares-square-container:before {
1689
- -webkit-transform: translate(0, 100%);
1690
- -ms-transform: translate(0, 100%);
1691
- transform: translate(0, 100%); }
1692
-
1693
- .premium-blog-squares-effect:hover .premium-blog-squares-square-container:after {
1694
- -webkit-transform: translate(100%, 0%);
1695
- -ms-transform: translate(100%, 0%);
1696
- transform: translate(100%, 0%); }
1697
-
1698
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay {
1699
- opacity: 1; }
1700
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay a {
1701
- opacity: 1;
1702
- -webkit-transform: scale(1);
1703
- -ms-transform: scale(1);
1704
- transform: scale(1); }
1705
 
1706
- .premium-blog-clear-fix {
1707
- clear: both; }
 
 
 
 
 
 
 
 
 
 
 
1708
 
1709
- .premium-blog-masked .premium-blog-thumbnail-container {
1710
- position: relative;
1711
- overflow: visible; }
1712
- .premium-blog-masked .premium-blog-thumbnail-container svg {
1713
- position: absolute;
1714
- height: 100px;
1715
- width: 100%;
1716
- bottom: -5px;
1717
- left: 0;
1718
- fill: #f5f5f5;
1719
- z-index: 99; }
1720
- .premium-blog-masked .premium-blog-thumbnail-container svg.premium-blog-shape-divider-svg {
1721
- -webkit-transform: rotate(180deg);
1722
- -ms-transform: rotate(180deg);
1723
- transform: rotate(180deg); }
1724
 
1725
- .premium-blog-masked .premium-blog-author-thumbnail,
1726
- .premium-blog-masked .premium-blog-skin-banner .premium-blog-content-wrapper {
1727
- z-index: 999 !important; }
 
 
 
 
 
1728
 
1729
- .premium-blog-format-link {
1730
- padding: 5px;
1731
- line-height: 0; }
 
 
 
 
 
 
 
 
1732
 
1733
- .premium-blog-entry-meta {
1734
- line-height: 1.3em;
1735
- font-size: 12px;
1736
- margin-bottom: 13px;
1737
- color: #adadad; }
1738
- .premium-blog-entry-meta i {
1739
- margin-right: 3px;
1740
- -webkit-transition: all 0.3s ease-in-out;
1741
- transition: all 0.3s ease-in-out; }
1742
 
1743
- .premium-blog-meta-data {
1744
- display: inline-block; }
1745
- .premium-blog-meta-data .premium-blog-meta-separator {
1746
- margin: 0 5px; }
1747
- .premium-blog-meta-data a,
1748
- .premium-blog-meta-data span {
1749
- color: inherit;
1750
- -webkit-transition: all 0.3s ease-in-out;
1751
- transition: all 0.3s ease-in-out; }
1752
 
1753
- .premium-blog-author-thumbnail {
1754
- position: relative;
1755
- padding: 0 30px;
1756
  width: 100%;
1757
- top: -10px;
1758
- height: 0;
1759
- pointer-events: none; }
1760
- .premium-blog-author-thumbnail img {
1761
- -webkit-border-radius: 50%;
1762
- border-radius: 50%;
1763
- width: 60px;
1764
- pointer-events: all;
1765
- -webkit-transform: translateY(-50%);
1766
- -ms-transform: translateY(-50%);
1767
- transform: translateY(-50%); }
1768
-
1769
- .premium-blog-entry-title a,
1770
- .premium-blog-post-tags-container a,
1771
- .premium-blog-post-content .premium-blog-excerpt-link {
1772
- -webkit-transition: all 0.3s ease-in-out;
1773
- transition: all 0.3s ease-in-out; }
1774
-
1775
- .premium-blog-excerpt-link-wrap a.premium-blog-excerpt-link {
1776
- background-color: transparent;
1777
- color: #54595f;
1778
- padding: 0; }
1779
-
1780
- .premium-blog-cta-full-yes .premium-blog-excerpt-link {
1781
- width: 100%; }
1782
-
1783
- .premium-blog-post-tags-container {
1784
- margin-top: 8px;
1785
  -js-display: flex;
1786
  display: -webkit-box;
1787
  display: -webkit-flex;
1788
  display: -moz-box;
1789
  display: -ms-flexbox;
1790
  display: flex;
1791
- -webkit-box-align: center;
1792
- -webkit-align-items: center;
1793
- -moz-box-align: center;
1794
- -ms-flex-align: center;
1795
- align-items: center;
1796
- -webkit-flex-wrap: wrap;
1797
- -ms-flex-wrap: wrap;
1798
- flex-wrap: wrap; }
1799
- .premium-blog-post-tags-container a {
1800
- color: inherit;
1801
- margin-left: 5px; }
1802
-
1803
- /*Tags align*/
1804
- .premium-blog-align-left .post-categories,
1805
- .premium-blog-align-left .premium-blog-post-tags-container {
1806
- -webkit-box-pack: start;
1807
- -webkit-justify-content: flex-start;
1808
- -moz-box-pack: start;
1809
- -ms-flex-pack: start;
1810
- justify-content: flex-start; }
1811
-
1812
- .premium-blog-align-left .premium-blog-inner-container {
1813
- -webkit-box-align: start;
1814
- -webkit-align-items: flex-start;
1815
- -moz-box-align: start;
1816
- -ms-flex-align: start;
1817
- align-items: flex-start; }
1818
-
1819
- .premium-blog-align-center .post-categories,
1820
- .premium-blog-align-center .premium-blog-post-tags-container {
1821
  -webkit-box-pack: center;
1822
  -webkit-justify-content: center;
1823
  -moz-box-pack: center;
1824
  -ms-flex-pack: center;
1825
- justify-content: center; }
1826
-
1827
- .premium-blog-align-center .premium-blog-inner-container {
1828
  -webkit-box-align: center;
1829
  -webkit-align-items: center;
1830
  -moz-box-align: center;
1831
  -ms-flex-align: center;
1832
- align-items: center; }
1833
-
1834
- .premium-blog-align-right .post-categories,
1835
- .premium-blog-align-right .premium-blog-post-tags-container {
1836
- -webkit-box-pack: end;
1837
- -webkit-justify-content: flex-end;
1838
- -moz-box-pack: end;
1839
- -ms-flex-pack: end;
1840
- justify-content: flex-end; }
1841
-
1842
- .premium-blog-align-right .premium-blog-inner-container {
1843
- -webkit-box-align: end;
1844
- -webkit-align-items: flex-end;
1845
- -moz-box-align: end;
1846
- -ms-flex-align: end;
1847
- align-items: flex-end; }
1848
-
1849
- /* Pagination */
1850
- .premium-blog-pagination-container {
1851
- text-align: right; }
1852
- .premium-blog-pagination-container span {
1853
- cursor: default; }
1854
- .premium-blog-pagination-container .page-numbers {
1855
- display: inline-block;
1856
- color: #000;
1857
- line-height: 1;
1858
- font-size: 1em;
1859
- font-weight: 400;
1860
- text-decoration: none;
1861
- padding: 0.75em;
1862
- margin: 0 0.4em 0.4em 0;
1863
- -webkit-transition: all 0.3s ease-in-out;
1864
- transition: all 0.3s ease-in-out; }
1865
 
1866
- .premium-blog-wrap .premium-loading-feed {
1867
- display: block;
1868
  position: absolute;
 
1869
  width: 100%;
1870
- height: 100%;
1871
- top: 0px;
1872
- left: 0px;
1873
- bottom: 0px;
1874
- right: 0px;
1875
- background: rgba(255, 255, 255, 0.2);
1876
  -js-display: flex;
1877
  display: -webkit-box;
1878
  display: -webkit-flex;
@@ -1884,368 +2286,558 @@
1884
  -moz-box-align: center;
1885
  -ms-flex-align: center;
1886
  align-items: center;
1887
- z-index: 99; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1888
 
1889
- .premium-blog-wrap {
1890
- -js-display: flex;
1891
- display: -webkit-box;
1892
- display: -webkit-flex;
1893
- display: -moz-box;
1894
- display: -ms-flexbox;
1895
- display: flex;
1896
- -webkit-flex-wrap: wrap;
1897
- -ms-flex-wrap: wrap;
1898
- flex-wrap: wrap; }
1899
- .premium-blog-wrap ul.slick-dots {
1900
- width: 100%; }
1901
 
1902
- /*
1903
- * List Layout
1904
- */
1905
- .premium-blog-list .premium-blog-post-outer-container {
1906
- width: 100%; }
1907
 
1908
- /**
1909
- * Even Layout
1910
- */
1911
- .premium-blog-even .premium-blog-post-container {
1912
- height: 100%; }
1913
 
1914
- .premium-blog-even .slick-track {
1915
- -js-display: flex;
1916
- display: -webkit-box;
1917
- display: -webkit-flex;
1918
- display: -moz-box;
1919
- display: -ms-flexbox;
1920
- display: flex; }
1921
 
1922
- .premium-blog-even .slick-slide {
1923
- height: inherit !important; }
 
 
 
1924
 
1925
- .premium-blog-filter {
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-align: center;
1933
- -webkit-align-items: center;
1934
- -moz-box-align: center;
1935
- -ms-flex-align: center;
1936
- align-items: center;
1937
- -webkit-box-pack: center;
1938
- -webkit-justify-content: center;
1939
- -moz-box-pack: center;
1940
- -ms-flex-pack: center;
1941
- justify-content: center; }
1942
 
1943
- .premium-blog-filter .premium-blog-filters-container li a.category {
1944
- outline: none;
1945
- text-decoration: none;
1946
- -webkit-border-radius: 75px;
1947
- border-radius: 75px;
1948
- margin: 15px 5px 20px;
1949
- padding: 7px 20px;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1950
  -webkit-transition: all 0.3s ease-in-out;
1951
  transition: all 0.3s ease-in-out; }
1952
 
1953
- .premium-blog-filter ul.premium-blog-filters-container {
1954
- text-align: center;
1955
- margin: 0;
1956
- padding: 0; }
1957
-
1958
- .premium-blog-filter .premium-blog-filters-container li {
1959
- list-style: none;
1960
- -js-display: inline-flex;
1961
- display: -webkit-inline-box;
1962
- display: -webkit-inline-flex;
1963
- display: -moz-inline-box;
1964
- display: -ms-inline-flexbox;
1965
- display: inline-flex; }
1966
 
1967
- /**
1968
- * Responsive Style
1969
- */
1970
- @media (max-width: 768px) {
1971
- .premium-blog-content-wrapper {
1972
- top: 0;
1973
- margin: 0;
1974
- padding: 15px; }
1975
- .premium-blog-skin-side {
1976
- -webkit-box-orient: vertical;
1977
- -webkit-box-direction: normal;
1978
- -webkit-flex-direction: column;
1979
- -moz-box-orient: vertical;
1980
- -moz-box-direction: normal;
1981
- -ms-flex-direction: column;
1982
- flex-direction: column; } }
1983
-
1984
- /**************** Premium Button ***********************/
1985
- /*******************************************************/
1986
- .premium-button {
1987
- -js-display: inline-flex;
1988
- display: -webkit-inline-box;
1989
- display: -webkit-inline-flex;
1990
- display: -moz-inline-box;
1991
- display: -ms-inline-flexbox;
1992
- display: inline-flex;
1993
  position: relative;
1994
- overflow: hidden;
1995
- -webkit-backface-visibility: hidden;
1996
- backface-visibility: hidden;
1997
- -webkit-transform: translate3d(0, 0, 0);
1998
- transform: translate3d(0, 0, 0);
1999
- cursor: pointer;
2000
- -webkit-transition: all 0.2s ease-in-out !important;
2001
- transition: all 0.2s ease-in-out !important; }
2002
 
2003
- .premium-button-style1,
2004
- .premium-button-style2,
2005
- .premium-button-style5,
2006
- .premium-button-style7 {
2007
- display: inline-block;
2008
- vertical-align: middle;
2009
- -webkit-transform: perspective(1px) translateZ(0);
2010
- transform: perspective(1px) translateZ(0);
2011
- -webkit-box-shadow: 0 0 1px transparent;
2012
- box-shadow: 0 0 1px transparent;
2013
- position: relative;
2014
- -webkit-transition-property: color;
2015
- transition-property: color;
2016
- -webkit-transition-duration: 0.15s;
2017
- transition-duration: 0.15s; }
2018
 
2019
- .premium-button-style1:before,
2020
- .premium-button-style2:before,
2021
- .premium-button-style5:before {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2022
  content: "";
2023
  position: absolute;
2024
- z-index: -1;
2025
  top: 0;
2026
  left: 0;
2027
- right: 0;
2028
- bottom: 0;
2029
- -webkit-transform: scaleY(0);
2030
- -ms-transform: scaleY(0);
2031
- transform: scaleY(0);
2032
- -webkit-transform-origin: 50% 0;
2033
- -ms-transform-origin: 50% 0;
2034
- transform-origin: 50% 0;
2035
- -webkit-transition-property: -webkit-transform;
2036
- transition-property: -webkit-transform;
2037
- transition-property: transform;
2038
- transition-property: transform, -webkit-transform;
2039
- -webkit-transition-duration: 0.15s;
2040
- transition-duration: 0.15s;
2041
- -webkit-transition-timing-function: ease-out;
2042
- transition-timing-function: ease-out; }
2043
 
2044
- .premium-button-style5-radialin:before,
2045
- .premium-button-style5-radialout:before {
2046
- -webkit-transform-origin: 50%;
2047
- -ms-transform-origin: 50%;
2048
- transform-origin: 50%;
2049
- -webkit-border-radius: 100%;
2050
- border-radius: 100%;
2051
- -webkit-transform: scale(0);
2052
- -ms-transform: scale(0);
2053
- transform: scale(0); }
2054
 
2055
- .premium-button-style5-radialin:before {
2056
- -webkit-transform: scale(2);
2057
- -ms-transform: scale(2);
2058
- transform: scale(2); }
 
 
 
 
 
2059
 
2060
- .premium-button-style5-rectin:before {
2061
- -webkit-transform-origin: 50%;
2062
- -ms-transform-origin: 50%;
2063
- transform-origin: 50%;
2064
- -webkit-transform: scale(1);
2065
- -ms-transform: scale(1);
2066
- transform: scale(1); }
 
 
2067
 
2068
- .premium-button-style5-rectout:before {
2069
- -webkit-transform-origin: 50%;
2070
- -ms-transform-origin: 50%;
2071
- transform-origin: 50%;
2072
- -webkit-transform: scale(0);
2073
- -ms-transform: scale(0);
2074
- transform: scale(0); }
2075
 
2076
- .premium-button-style5-rectout:hover:before {
2077
- -webkit-transform: scale(1);
2078
- -ms-transform: scale(1);
2079
- transform: scale(1); }
2080
 
2081
- .premium-button-style5-rectin:hover:before {
2082
- -webkit-transform: scale(0);
2083
- -ms-transform: scale(0);
2084
- transform: scale(0); }
2085
 
2086
- .premium-button-style5-radialout:hover:before {
2087
- -webkit-transform: scale(2);
2088
- -ms-transform: scale(2);
2089
- transform: scale(2); }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2090
 
2091
- .premium-button-style5-radialin:hover:before {
2092
- -webkit-transform: scale(0);
2093
- -ms-transform: scale(0);
2094
- transform: scale(0); }
2095
 
2096
- .premium-button-style1-top:before {
2097
- -webkit-transform-origin: 50% 100%;
2098
- -ms-transform-origin: 50% 100%;
2099
- transform-origin: 50% 100%; }
 
 
 
 
 
 
 
 
 
 
2100
 
2101
- .premium-button-style1-right:before {
2102
- -webkit-transform: scaleX(0);
2103
- -ms-transform: scaleX(0);
2104
- transform: scaleX(0);
2105
- -webkit-transform-origin: 0% 50%;
2106
- -ms-transform-origin: 0% 50%;
2107
- transform-origin: 0% 50%; }
2108
 
2109
- .premium-button-style1-left:before {
2110
- -webkit-transform: scaleX(0);
2111
- -ms-transform: scaleX(0);
2112
- transform: scaleX(0);
2113
- -webkit-transform-origin: 100% 50%;
2114
- -ms-transform-origin: 100% 50%;
2115
- transform-origin: 100% 50%; }
 
 
 
 
 
 
 
 
 
 
2116
 
2117
- .premium-button-style2-shutouthor:before,
2118
- .premium-button-style2-scshutoutver:before {
2119
- -webkit-transform: scaleY(0);
2120
- -ms-transform: scaleY(0);
2121
- transform: scaleY(0);
2122
- -webkit-transform-origin: 100% 50%;
2123
- -ms-transform-origin: 100% 50%;
2124
- transform-origin: 100% 50%; }
2125
 
2126
- .premium-button-style2-shutoutver:before,
2127
- .premium-button-style2-scshutouthor:before {
2128
- -webkit-transform: scaleX(0);
2129
- -ms-transform: scaleX(0);
2130
- transform: scaleX(0);
2131
- -webkit-transform-origin: 50% 50%;
2132
- -ms-transform-origin: 50% 50%;
2133
- transform-origin: 50% 50%; }
2134
 
2135
- .premium-button-style2-shutinhor:before {
2136
- -webkit-transform: scaleX(1);
2137
- -ms-transform: scaleX(1);
2138
- transform: scaleX(1);
2139
- -webkit-transform-origin: 50%;
2140
- -ms-transform-origin: 50%;
2141
- transform-origin: 50%; }
2142
 
2143
- .premium-button-style2-shutinver:before {
2144
- -webkit-transform: scaleY(1);
2145
- -ms-transform: scaleY(1);
2146
- transform: scaleY(1);
2147
- -webkit-transform-origin: 50%;
2148
- -ms-transform-origin: 50%;
2149
- transform-origin: 50%; }
2150
 
2151
- .premium-button-style1-bottom:hover:before,
2152
- .premium-button-style1-top:hover:before {
2153
- -webkit-transform: scaleY(1);
2154
- -ms-transform: scaleY(1);
2155
- transform: scaleY(1); }
2156
 
2157
- .premium-button-style1-left:hover:before,
2158
- .premium-button-style1-right:hover:before,
2159
- .premium-button-style2-shutouthor:hover:before,
2160
- .premium-button-style2-shutoutver:hover:before {
2161
- -webkit-transform: scaleX(1);
2162
- -ms-transform: scaleX(1);
2163
- transform: scaleX(1); }
2164
 
2165
- .premium-button-style2-shutinhor:hover:before {
2166
- -webkit-transform: scaleX(0);
2167
- -ms-transform: scaleX(0);
2168
- transform: scaleX(0); }
2169
 
2170
- .premium-button-style2-shutinver:hover:before {
2171
- -webkit-transform: scaleY(0);
2172
- -ms-transform: scaleY(0);
2173
- transform: scaleY(0); }
2174
-
2175
- .premium-button-style2-scshutouthor:hover:before {
2176
- -webkit-transform: scaleX(0.9);
2177
- -ms-transform: scaleX(0.9);
2178
- transform: scaleX(0.9); }
2179
-
2180
- .premium-button-style2-scshutoutver:hover:before {
2181
- -webkit-transform: scaleY(0.8);
2182
- -ms-transform: scaleY(0.8);
2183
- transform: scaleY(0.8); }
2184
 
2185
- /*Diagonal*/
2186
- .premium-button-style2-dshutinhor:before {
2187
- top: 50%;
2188
- left: 50%;
2189
- width: 120%;
2190
- height: 0%;
2191
- -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
2192
- -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
2193
- transform: translateX(-50%) translateY(-50%) rotate(-45deg);
2194
- -webkit-transform-origin: 50%;
2195
- -ms-transform-origin: 50%;
2196
- transform-origin: 50%;
2197
- -webkit-transition-property: all;
2198
- transition-property: all; }
2199
 
2200
- .premium-button-style2-dshutinver:before {
2201
- top: 50%;
2202
- left: 50%;
2203
- width: 120%;
2204
- height: 0%;
2205
- -webkit-transform-origin: 50%;
2206
- -ms-transform-origin: 50%;
2207
- transform-origin: 50%;
2208
- -webkit-transition-property: all;
2209
- transition-property: all;
2210
- -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
2211
- -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
2212
- transform: translateX(-50%) translateY(-50%) rotate(45deg); }
 
 
 
 
 
2213
 
2214
- .premium-button-style2-dshutinhor:hover:before,
2215
- .premium-button-style2-dshutinver:hover:before {
2216
- height: 220%; }
 
2217
 
2218
- .premium-button-style3-before i,
2219
- .premium-button-style3-before svg {
2220
- opacity: 0;
2221
- -webkit-transform: translateX(-5px);
2222
- -ms-transform: translateX(-5px);
2223
- transform: translateX(-5px);
2224
- -webkit-transition: all 0.5s ease-in-out;
2225
- transition: all 0.5s ease-in-out; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2226
 
2227
- .premium-button-style3-after i,
2228
- .premium-button-style3-after svg {
2229
- opacity: 0;
2230
- -webkit-transform: translateX(-5px);
2231
- -ms-transform: translateX(-5px);
2232
- transform: translateX(-5px);
2233
- -webkit-transition: all 0.5s ease-in-out;
2234
- transition: all 0.5s ease-in-out;
2235
- -webkit-transform: translateX(5px);
2236
- -ms-transform: translateX(5px);
2237
- transform: translateX(5px); }
2238
 
2239
- .premium-button-style3-after:hover i,
2240
- .premium-button-style3-after:hover svg {
2241
- opacity: 1; }
2242
 
2243
- .premium-button-style3-before:hover i,
2244
- .premium-button-style3-before:hover svg {
2245
- opacity: 1; }
2246
 
2247
- .premium-button-text-icon-wrapper {
2248
- width: 100%;
 
 
 
 
 
2249
  -js-display: flex;
2250
  display: -webkit-box;
2251
  display: -webkit-flex;
@@ -2261,2263 +2853,783 @@
2261
  -webkit-align-items: center;
2262
  -moz-box-align: center;
2263
  -ms-flex-align: center;
2264
- align-items: center;
2265
- -webkit-transition: all 0.2s ease-in-out;
2266
- transition: all 0.2s ease-in-out; }
2267
- .premium-button-text-icon-wrapper span,
2268
- .premium-button-text-icon-wrapper i,
2269
- .premium-button-text-icon-wrapper svg {
2270
- -webkit-transition: all 0.2s ease-in-out;
2271
- transition: all 0.2s ease-in-out; }
2272
-
2273
- .premium-button-style4-icon-wrapper {
2274
- position: absolute;
2275
- z-index: 2;
2276
- width: 100%;
2277
- text-align: center;
2278
- -js-display: flex;
2279
- display: -webkit-box;
2280
- display: -webkit-flex;
2281
- display: -moz-box;
2282
- display: -ms-flexbox;
2283
- display: flex;
2284
- -webkit-box-align: center;
2285
- -webkit-align-items: center;
2286
- -moz-box-align: center;
2287
- -ms-flex-align: center;
2288
- align-items: center;
2289
- -webkit-box-pack: center;
2290
- -webkit-justify-content: center;
2291
- -moz-box-pack: center;
2292
- -ms-flex-pack: center;
2293
- justify-content: center;
2294
- height: 100%;
2295
- opacity: 0;
2296
- -webkit-transition: all 0.3s ease-in-out;
2297
- transition: all 0.3s ease-in-out; }
2298
- .premium-button-style4-icon-wrapper.top {
2299
- bottom: -100%;
2300
- left: 0; }
2301
- .premium-button-style4-icon-wrapper.bottom {
2302
- top: -100%;
2303
- left: 0; }
2304
- .premium-button-style4-icon-wrapper.left {
2305
- top: 0;
2306
- left: -100%; }
2307
- .premium-button-style4-icon-wrapper.right {
2308
- top: 0;
2309
- right: -100%; }
2310
-
2311
- .premium-button-style4-bottom:hover .premium-button-style4-icon-wrapper {
2312
- top: 0;
2313
- opacity: 1; }
2314
-
2315
- .premium-button-style4-top:hover .premium-button-style4-icon-wrapper {
2316
- bottom: 0;
2317
- opacity: 1; }
2318
-
2319
- .premium-button-style4-left:hover .premium-button-style4-icon-wrapper {
2320
- left: 0;
2321
- opacity: 1; }
2322
 
2323
- .premium-button-style4-right:hover .premium-button-style4-icon-wrapper {
2324
- right: 0;
2325
- opacity: 1; }
 
 
 
 
 
 
 
 
 
 
 
 
2326
 
2327
- .premium-button-style4-bottom:hover .premium-button-text-icon-wrapper {
2328
- -webkit-transform: translateY(100%);
2329
- -ms-transform: translateY(100%);
2330
- transform: translateY(100%);
2331
- opacity: 0; }
2332
 
2333
- .premium-button-style4-top:hover .premium-button-text-icon-wrapper {
2334
- -webkit-transform: translateY(-100%);
2335
- -ms-transform: translateY(-100%);
2336
- transform: translateY(-100%);
2337
- opacity: 0; }
 
 
 
 
 
 
 
 
 
2338
 
2339
- .premium-button-style4-left:hover .premium-button-text-icon-wrapper {
2340
- -webkit-transform: translateX(100%);
2341
- -ms-transform: translateX(100%);
2342
- transform: translateX(100%);
2343
- opacity: 0; }
2344
 
2345
- .premium-button-style4-right:hover .premium-button-text-icon-wrapper {
2346
- -webkit-transform: translateX(-100%);
2347
- -ms-transform: translateX(-100%);
2348
- transform: translateX(-100%);
2349
- opacity: 0; }
2350
 
2351
- .premium-button-style6:before {
2352
- content: "";
2353
- position: absolute;
2354
- left: 50%;
2355
- top: 50%;
2356
- width: 100px;
2357
- height: 100px;
2358
- -webkit-border-radius: 100%;
2359
- border-radius: 100%;
2360
- -webkit-transform: translate(-50%, -50%) scale(0);
2361
- -ms-transform: translate(-50%, -50%) scale(0);
2362
- transform: translate(-50%, -50%) scale(0);
2363
- -webkit-transition: all 0.3s ease-in-out;
2364
- transition: all 0.3s ease-in-out; }
2365
 
2366
- .premium-button-style6:hover:before {
2367
- -webkit-transform: translate(-50%, -50%) scale(3);
2368
- -ms-transform: translate(-50%, -50%) scale(3);
2369
- transform: translate(-50%, -50%) scale(3); }
 
 
2370
 
2371
- .premium-button-style6 .premium-button-text-icon-wrapper {
2372
- position: relative;
2373
- z-index: 1; }
 
 
 
 
2374
 
2375
- .premium-button-style7-right .premium-button-text-icon-wrapper:before,
2376
- .premium-button-style7-left .premium-button-text-icon-wrapper:before {
2377
- -webkit-transition: width 0.3s ease-out 0.15s;
2378
- transition: width 0.3s ease-out 0.15s; }
 
 
 
2379
 
2380
- .premium-button-style7-right .premium-button-text-icon-wrapper:after,
2381
- .premium-button-style7-left .premium-button-text-icon-wrapper:after {
2382
- -webkit-transition: width 0.3s ease-out 0s;
2383
- transition: width 0.3s ease-out 0s; }
 
 
 
 
 
 
2384
 
2385
- .premium-button-style7-bottom .premium-button-text-icon-wrapper:before,
2386
- .premium-button-style7-top .premium-button-text-icon-wrapper:before {
2387
- -webkit-transition: height 0.3s ease-out 0.15s;
2388
- transition: height 0.3s ease-out 0.15s; }
2389
 
2390
- .premium-button-style7-bottom .premium-button-text-icon-wrapper:after,
2391
- .premium-button-style7-top .premium-button-text-icon-wrapper:after {
2392
- -webkit-transition: height 0.3s ease-out 0s;
2393
- transition: height 0.3s ease-out 0s; }
2394
 
2395
- .premium-button-style7:hover .premium-button-text-icon-wrapper:before {
2396
- -webkit-transition-delay: 0s;
2397
- transition-delay: 0s; }
2398
 
2399
- .premium-button-style7:hover .premium-button-text-icon-wrapper:after {
2400
- -webkit-transition-delay: 0.15s;
2401
- transition-delay: 0.15s; }
 
 
2402
 
2403
- .premium-button-style7-bottom .premium-button-text-icon-wrapper:before,
2404
- .premium-button-style7-bottom .premium-button-text-icon-wrapper:after {
2405
- content: "";
2406
  position: absolute;
2407
- right: 0;
2408
  top: 0;
2409
  left: 0;
2410
- height: 0;
2411
- z-index: -1; }
2412
 
2413
- .premium-button-style7-top .premium-button-text-icon-wrapper:after,
2414
- .premium-button-style7-top .premium-button-text-icon-wrapper:before {
2415
- content: "";
2416
- position: absolute;
2417
- right: 0;
2418
- bottom: 0;
2419
- left: 0;
2420
- height: 0;
2421
- z-index: -1; }
2422
 
2423
- .premium-button-style7-right .premium-button-text-icon-wrapper:after,
2424
- .premium-button-style7-right .premium-button-text-icon-wrapper:before {
2425
- content: "";
2426
- position: absolute;
2427
- right: 0;
2428
- top: 0;
2429
- bottom: 0;
2430
- width: 0;
2431
- z-index: -1; }
2432
 
2433
- .premium-button-style7-left .premium-button-text-icon-wrapper:after,
2434
- .premium-button-style7-left .premium-button-text-icon-wrapper:before {
2435
- content: "";
2436
- position: absolute;
2437
- left: 0;
2438
- top: 0;
2439
- bottom: 0;
2440
- width: 0;
2441
- z-index: -1; }
2442
 
2443
- .premium-button-style7-bottom:hover .premium-button-text-icon-wrapper:after,
2444
- .premium-button-style7-bottom:hover .premium-button-text-icon-wrapper:before {
2445
- height: 100%;
2446
- top: 0; }
2447
 
2448
- .premium-button-style7-top:hover .premium-button-text-icon-wrapper:after,
2449
- .premium-button-style7-top:hover .premium-button-text-icon-wrapper:before {
2450
- height: 100%;
2451
- bottom: 0; }
 
2452
 
2453
- .premium-button-style7-left:hover .premium-button-text-icon-wrapper:after,
2454
- .premium-button-style7-left:hover .premium-button-text-icon-wrapper:before {
2455
- width: 100%;
2456
- left: 0; }
 
 
2457
 
2458
- .premium-button-style7-right:hover .premium-button-text-icon-wrapper:after,
2459
- .premium-button-style7-right:hover .premium-button-text-icon-wrapper:before {
2460
- width: 100%;
2461
- right: 0; }
2462
-
2463
- /**************** Premium Carousel ****************/
2464
- /**************************************************/
2465
- .premium-carousel-wrapper a.carousel-arrow, .premium-carousel-wrapper a.ver-carousel-arrow {
2466
- -js-display: flex;
2467
- display: -webkit-box;
2468
- display: -webkit-flex;
2469
- display: -moz-box;
2470
- display: -ms-flexbox;
2471
- display: flex;
2472
- -webkit-box-align: center;
2473
- -webkit-align-items: center;
2474
- -moz-box-align: center;
2475
- -ms-flex-align: center;
2476
- align-items: center;
2477
- -webkit-box-pack: center;
2478
- -webkit-justify-content: center;
2479
- -moz-box-pack: center;
2480
- -ms-flex-pack: center;
2481
- justify-content: center;
2482
- width: 2em;
2483
- height: 2em;
2484
- line-height: 0;
2485
- text-align: center;
2486
- position: absolute;
2487
- z-index: 99;
2488
- cursor: pointer;
2489
- -webkit-transition: all 0.3s ease-in-out;
2490
- transition: all 0.3s ease-in-out;
2491
- -webkit-appearance: inherit;
2492
- border: none;
2493
- -webkit-box-shadow: none;
2494
- box-shadow: none; }
2495
- .premium-carousel-wrapper a.carousel-arrow svg, .premium-carousel-wrapper a.ver-carousel-arrow svg {
2496
- -webkit-transition: all 0.3s ease-in-out;
2497
- transition: all 0.3s ease-in-out; }
2498
 
2499
- .ver-carousel-arrow.carousel-next i {
2500
- margin-bottom: -3px; }
 
 
2501
 
2502
- .premium-carousel-wrapper a.slick-arrow:hover {
2503
- -webkit-box-shadow: none !important;
2504
- box-shadow: none !important; }
2505
 
2506
- .premium-carousel-wrapper .premium-carousel-content-hidden {
2507
- visibility: hidden; }
 
 
 
 
 
 
 
 
 
 
 
 
2508
 
2509
- .premium-carousel-wrapper a.carousel-arrow {
2510
- top: 50%; }
 
2511
 
2512
- .premium-carousel-wrapper a.ver-carousel-arrow {
2513
- left: 50%;
2514
- -webkit-transform: translateX(-50%);
2515
- -ms-transform: translateX(-50%);
2516
- transform: translateX(-50%); }
2517
 
2518
- .premium-carousel-dots-above ul.slick-dots {
2519
- position: absolute;
2520
- -js-display: flex;
2521
- display: -webkit-box;
2522
- display: -webkit-flex;
2523
- display: -moz-box;
2524
- display: -ms-flexbox;
2525
- display: flex;
2526
- width: auto;
2527
- top: 50%;
2528
- bottom: auto;
2529
- -webkit-transform: translateY(-50%);
2530
- -ms-transform: translateY(-50%);
2531
- transform: translateY(-50%);
2532
- -webkit-box-orient: vertical;
2533
- -webkit-box-direction: normal;
2534
- -webkit-flex-direction: column;
2535
- -moz-box-orient: vertical;
2536
- -moz-box-direction: normal;
2537
- -ms-flex-direction: column;
2538
- flex-direction: column; }
2539
 
2540
- /*
2541
- * Custom Navigation Dot
2542
- */
2543
- .premium-carousel-wrapper .premium-carousel-nav-dot,
2544
- .premium-carousel-wrapper .premium-carousel-nav-arrow-prev,
2545
- .premium-carousel-wrapper .premium-carousel-nav-arrow-next {
2546
- display: none; }
 
 
 
2547
 
2548
- .premium-carousel-wrapper ul.slick-dots svg {
2549
- width: 20px;
2550
- height: 20px;
2551
- outline: none !important; }
2552
 
2553
- /* Ripple Out */
2554
- @-webkit-keyframes hvr-ripple-out {
2555
  0% {
2556
- -webkit-transform: scale(1);
2557
- transform: scale(1);
2558
  opacity: 1; }
 
 
2559
  100% {
2560
- -webkit-transform: scale(1.5);
2561
- transform: scale(1.5);
2562
  opacity: 0; } }
2563
- @keyframes hvr-ripple-out {
 
2564
  0% {
2565
- -webkit-transform: scale(1);
2566
- transform: scale(1);
2567
  opacity: 1; }
 
 
2568
  100% {
2569
- -webkit-transform: scale(1.5);
2570
- transform: scale(1.5);
2571
  opacity: 0; } }
2572
 
2573
- .premium-carousel-ripple-yes .premium-carousel-wrapper {
2574
- padding-bottom: 1px; }
 
 
 
2575
 
2576
- .premium-carousel-ripple-yes ul.slick-dots li {
2577
- position: relative; }
2578
- .premium-carousel-ripple-yes ul.slick-dots li i {
2579
- position: relative;
2580
- z-index: 1; }
2581
- .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
2582
- content: "";
2583
- position: absolute;
2584
- -webkit-transform: scale(1);
2585
- -ms-transform: scale(1);
2586
- transform: scale(1);
2587
- top: 0;
2588
- right: 0;
2589
- bottom: 0;
2590
- left: 0;
2591
- -webkit-border-radius: 50%;
2592
- border-radius: 50%;
2593
- pointer-events: none;
2594
- background-color: rgba(0, 0, 0, 0.15); }
2595
- .premium-carousel-ripple-yes ul.slick-dots li.slick-active:hover:before {
2596
- background-color: rgba(0, 0, 0, 0.3); }
2597
- .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
2598
- -webkit-animation: hvr-ripple-out 1.3s infinite;
2599
- animation: hvr-ripple-out 1.3s infinite; }
2600
-
2601
- .premium-carousel-wrapper.premium-carousel-scale .slick-slide {
2602
- -webkit-transform: scale(1.25, 1.25);
2603
- -ms-transform: scale(1.25, 1.25);
2604
- transform: scale(1.25, 1.25);
2605
- -webkit-transition: all 0.3s ease-in-out;
2606
- transition: all 0.3s ease-in-out; }
2607
 
2608
- .premium-carousel-wrapper.premium-carousel-scale div.slick-active {
2609
- -webkit-transform: scale(1, 1);
2610
- -ms-transform: scale(1, 1);
2611
- transform: scale(1, 1); }
 
 
 
 
 
2612
 
2613
- [dir="rtl"] .premium-carousel-inner .slick-slide {
2614
- float: right; }
2615
-
2616
- /**************** Premium Contact Form7 **********/
2617
- /*************************************************/
2618
- .premium-contact-form-anim-yes .wpcf7-span::after {
2619
- display: block;
2620
- height: 2px;
2621
- content: "";
2622
- top: -2px;
2623
- position: relative;
2624
- width: 0px;
2625
- -webkit-transition: all ease-in-out 0.3s;
2626
- transition: all ease-in-out 0.3s; }
2627
 
2628
- .premium-contact-form-anim-yes .wpcf7-span.is-focused::after {
2629
- width: 100%; }
 
 
 
 
 
 
 
2630
 
2631
- .premium-cf7-container input.wpcf7-submit {
2632
- -webkit-transition: all 0.3s ease-in-out;
2633
- transition: all 0.3s ease-in-out; }
2634
-
2635
- /**************** Premium CountDown *************/
2636
- /************************************************/
2637
- .premium-countdown {
2638
- -js-display: flex;
2639
- display: -webkit-box;
2640
- display: -webkit-flex;
2641
- display: -moz-box;
2642
- display: -ms-flexbox;
2643
- display: flex;
2644
- text-align: center; }
2645
 
2646
- .countdown-row {
2647
- display: block;
2648
- text-align: center; }
 
 
 
 
 
 
 
 
 
 
 
 
2649
 
2650
- .countdown .countdown-section {
2651
- display: inline-block;
2652
- max-width: 100%;
2653
- margin-bottom: 15px;
2654
- -js-display: inline-flex;
2655
- display: -webkit-inline-box;
2656
- display: -webkit-inline-flex;
2657
- display: -moz-inline-box;
2658
- display: -ms-inline-flexbox;
2659
- display: inline-flex;
2660
- -webkit-box-align: center;
2661
- -webkit-align-items: center;
2662
- -moz-box-align: center;
2663
- -ms-flex-align: center;
2664
- align-items: center; }
2665
- .countdown .countdown-section:last-child {
2666
- margin-right: 0; }
2667
-
2668
- .countdown span.countdown-amount {
2669
- font-size: 70px;
2670
- line-height: 1;
2671
- padding: 40px; }
2672
-
2673
- .countdown .pre_time-mid {
2674
- display: block; }
2675
-
2676
- .premium-countdown-separator-yes .countdown_separator {
2677
- display: block;
2678
- margin: 0 50px;
2679
- font-size: 30px; }
2680
-
2681
- .premium-countdown-separator-yes .countdown-row .countdown-section:last-child .countdown_separator,
2682
- .premium-countdown-separator-yes .premium-countdown-block:last-child .countdown_separator {
2683
- display: none; }
2684
-
2685
- /**
2686
- * Digit and unit styles
2687
- */
2688
- .side .countdown-section .countdown-period {
2689
- vertical-align: bottom; }
2690
-
2691
- .countdown .countdown-section .countdown-period {
2692
- font-size: 17px;
2693
- line-height: 3em; }
2694
-
2695
- .side .countdown-section .countdown-amount,
2696
- .side .countdown-section .countdown-period {
2697
- display: inline-block; }
2698
-
2699
- .side .countdown-section .countdown-amount {
2700
- margin-right: 5px; }
2701
-
2702
- .down .countdown-section .countdown-amount,
2703
- .down .countdown-section .countdown-period {
2704
- display: block; }
2705
-
2706
- /**
2707
- * Flip Layout
2708
- */
2709
- .premium-countdown-flip .premium-countdown-block {
2710
- text-align: center;
2711
- -js-display: inline-flex;
2712
- display: -webkit-inline-box;
2713
- display: -webkit-inline-flex;
2714
- display: -moz-inline-box;
2715
- display: -ms-inline-flexbox;
2716
- display: inline-flex;
2717
- -webkit-box-align: center;
2718
- -webkit-align-items: center;
2719
- -moz-box-align: center;
2720
- -ms-flex-align: center;
2721
- align-items: center; }
2722
- .premium-countdown-flip .premium-countdown-block:last-child {
2723
- margin-right: 0; }
2724
-
2725
- .premium-countdown-flip .premium-countdown-label {
2726
- overflow: hidden;
2727
- color: #1a1a1a;
2728
- text-transform: uppercase; }
2729
-
2730
- .premium-countdown-flip .premium-countdown-figure {
2731
- position: relative;
2732
- height: 110px;
2733
- width: 100px;
2734
- line-height: 107px;
2735
- background-color: #fff;
2736
- -webkit-border-radius: 10px;
2737
- border-radius: 10px;
2738
- -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset 2px 4px 0 0 rgba(255, 255, 255, 0.08);
2739
- box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset 2px 4px 0 0 rgba(255, 255, 255, 0.08); }
2740
- .premium-countdown-flip .premium-countdown-figure:last-child {
2741
- margin-right: 0; }
2742
- .premium-countdown-flip .premium-countdown-figure > span {
2743
- position: absolute;
2744
- left: 0;
2745
- right: 0;
2746
- margin: auto;
2747
- font-weight: 700; }
2748
- .premium-countdown-flip .premium-countdown-figure .top {
2749
- z-index: 3;
2750
- -webkit-transform-origin: 50% 100%;
2751
- -ms-transform-origin: 50% 100%;
2752
- transform-origin: 50% 100%;
2753
- -webkit-transform: perspective(200px);
2754
- transform: perspective(200px);
2755
- -webkit-backface-visibility: hidden;
2756
- backface-visibility: hidden; }
2757
- .premium-countdown-flip .premium-countdown-figure .bottom {
2758
- z-index: 1; }
2759
- .premium-countdown-flip .premium-countdown-figure .bottom::before {
2760
- content: "";
2761
- position: absolute;
2762
- display: block;
2763
- top: 0;
2764
- left: 0;
2765
- width: 100%;
2766
- height: 50%;
2767
- background-color: rgba(0, 0, 0, 0.02); }
2768
- .premium-countdown-flip .premium-countdown-figure .top-back {
2769
- -webkit-backface-visibility: hidden;
2770
- backface-visibility: hidden;
2771
- z-index: 4;
2772
- bottom: 0;
2773
- -webkit-transform-origin: 50% 0;
2774
- -ms-transform-origin: 50% 0;
2775
- transform-origin: 50% 0;
2776
- -webkit-transform: perspective(200px) rotateX(180deg);
2777
- transform: perspective(200px) rotateX(180deg); }
2778
- .premium-countdown-flip .premium-countdown-figure .top-back span {
2779
- position: absolute;
2780
- top: -100%;
2781
- left: 0;
2782
- right: 0;
2783
- margin: auto; }
2784
- .premium-countdown-flip .premium-countdown-figure .bottom-back {
2785
- z-index: 2;
2786
- top: 0; }
2787
- .premium-countdown-flip .premium-countdown-figure .bottom-back span {
2788
- position: absolute;
2789
- top: 0;
2790
- left: 0;
2791
- right: 0;
2792
- margin: auto; }
2793
- .premium-countdown-flip .premium-countdown-figure .top,
2794
- .premium-countdown-flip .premium-countdown-figure .bottom-back,
2795
- .premium-countdown-flip .premium-countdown-figure .top-back {
2796
- height: 50%;
2797
- overflow: hidden;
2798
- background-color: #f7f7f7;
2799
- -webkit-border-top-left-radius: 10px;
2800
- border-top-left-radius: 10px;
2801
- -webkit-border-top-right-radius: 10px;
2802
- border-top-right-radius: 10px; }
2803
- .premium-countdown-flip .premium-countdown-figure .top-back {
2804
- -webkit-border-bottom-left-radius: 10px;
2805
- border-bottom-left-radius: 10px;
2806
- -webkit-border-bottom-right-radius: 10px;
2807
- border-bottom-right-radius: 10px; }
2808
- .premium-countdown-flip .premium-countdown-figure .top::after,
2809
- .premium-countdown-flip .premium-countdown-figure .bottom-back::after {
2810
- content: "";
2811
- position: absolute;
2812
- z-index: -1;
2813
- left: 0;
2814
- bottom: 0;
2815
- width: 100%;
2816
- height: 100%;
2817
- border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
2818
-
2819
- .side .premium-countdown-figure,
2820
- .side .premium-countdown-label {
2821
- display: inline-block; }
2822
-
2823
- .side .premium-countdown-figure {
2824
- margin-right: 5px; }
2825
-
2826
- .down .premium-countdown-figure,
2827
- .down .premium-countdown-label {
2828
- display: block; }
2829
-
2830
- .down .premium-countdown-label {
2831
- width: 100%; }
2832
-
2833
- /**************** Premium Counter ***************/
2834
- /************************************************/
2835
- .premium-counter-area {
2836
- padding: 10px 0;
2837
- -js-display: flex;
2838
- display: -webkit-box;
2839
- display: -webkit-flex;
2840
- display: -moz-box;
2841
- display: -ms-flexbox;
2842
- display: flex;
2843
- -webkit-box-pack: center;
2844
- -webkit-justify-content: center;
2845
- -moz-box-pack: center;
2846
- -ms-flex-pack: center;
2847
- justify-content: center;
2848
- -webkit-box-align: center;
2849
- -webkit-align-items: center;
2850
- -moz-box-align: center;
2851
- -ms-flex-align: center;
2852
- align-items: center; }
2853
- .premium-counter-area.top {
2854
- -webkit-box-orient: vertical;
2855
- -webkit-box-direction: normal;
2856
- -webkit-flex-direction: column;
2857
- -moz-box-orient: vertical;
2858
- -moz-box-direction: normal;
2859
- -ms-flex-direction: column;
2860
- flex-direction: column; }
2861
- .premium-counter-area.right {
2862
- -webkit-box-orient: horizontal;
2863
- -webkit-box-direction: reverse;
2864
- -webkit-flex-direction: row-reverse;
2865
- -moz-box-orient: horizontal;
2866
- -moz-box-direction: reverse;
2867
- -ms-flex-direction: row-reverse;
2868
- flex-direction: row-reverse; }
2869
- .premium-counter-area.right .premium-counter-icon {
2870
- padding-left: 20px; }
2871
- .premium-counter-area.left .premium-counter-icon {
2872
- padding-right: 20px; }
2873
- .premium-counter-area .premium-counter-icon .icon i.fa:before {
2874
- vertical-align: text-top; }
2875
- .premium-counter-area .premium-counter-icon span.icon {
2876
- text-align: center;
2877
- display: inline-block;
2878
- vertical-align: middle; }
2879
- .premium-counter-area .premium-counter-icon .circle {
2880
- -webkit-border-radius: 100%;
2881
- border-radius: 100%; }
2882
- .premium-counter-area .premium-counter-icon img,
2883
- .premium-counter-area .premium-counter-icon svg {
2884
- width: 80px; }
2885
- .premium-counter-area .premium-counter-icon .premium-counter-animation svg {
2886
- height: 80px; }
2887
- .premium-counter-area .premium-counter-title p {
2888
- padding: 0;
2889
- margin: 0; }
2890
- .premium-counter-area .premium-counter-value-wrap {
2891
- -js-display: flex;
2892
- display: -webkit-box;
2893
- display: -webkit-flex;
2894
- display: -moz-box;
2895
- display: -ms-flexbox;
2896
- display: flex;
2897
- -webkit-box-align: center;
2898
- -webkit-align-items: center;
2899
- -moz-box-align: center;
2900
- -ms-flex-align: center;
2901
- align-items: center; }
2902
-
2903
- .premium-init-wrapper {
2904
- -js-display: flex;
2905
- display: -webkit-box;
2906
- display: -webkit-flex;
2907
- display: -moz-box;
2908
- display: -ms-flexbox;
2909
- display: flex; }
2910
- .premium-init-wrapper.row {
2911
- -webkit-box-align: center;
2912
- -webkit-align-items: center;
2913
- -moz-box-align: center;
2914
- -ms-flex-align: center;
2915
- align-items: center; }
2916
- .premium-init-wrapper.right {
2917
- text-align: right; }
2918
-
2919
- span.icon.flex-width {
2920
- width: auto !important;
2921
- height: auto !important; }
2922
-
2923
- .premium-counter-area .premium-counter-init {
2924
- font-size: 35px; }
2925
-
2926
- /**************** Premium Dual Heading *****************/
2927
- /*******************************************************/
2928
- .premium-dual-header-first-header,
2929
- .premium-dual-header-second-header {
2930
- position: relative;
2931
- padding: 0;
2932
- margin: 0;
2933
- display: inline-block;
2934
- -webkit-transform: translate(0, 0);
2935
- -ms-transform: translate(0, 0);
2936
- transform: translate(0, 0); }
2937
-
2938
- .premium-dual-header-first-clip .premium-dual-header-first-span,
2939
- .premium-dual-header-second-clip {
2940
- -webkit-text-fill-color: transparent;
2941
- -webkit-background-clip: text;
2942
- background-clip: text; }
2943
-
2944
- .premium-dual-header-first-clip.stroke .premium-dual-header-first-span,
2945
- .premium-dual-header-second-clip.stroke {
2946
- -webkit-text-stroke-color: transparent;
2947
- -webkit-text-fill-color: #fafafa;
2948
- -webkit-text-stroke-width: 2px; }
2949
-
2950
- @media (max-width: 500px) {
2951
- .premium-dual-header-first-header,
2952
- .premium-dual-header-second-header {
2953
- word-wrap: break-word; } }
2954
-
2955
- .premium-dual-header-first-header.gradient .premium-dual-header-first-span,
2956
- .premium-dual-header-second-header.gradient {
2957
- -webkit-background-size: 300% 300% !important;
2958
- background-size: 300% 300% !important;
2959
- -webkit-animation: Gradient 10s ease-in-out infinite;
2960
- animation: Gradient 10s ease-in-out infinite; }
2961
-
2962
- @-webkit-keyframes Gradient {
2963
- 0% {
2964
- background-position: 0% 50%; }
2965
- 50% {
2966
- background-position: 100% 50%; }
2967
- 100% {
2968
- background-position: 0% 50%; } }
2969
-
2970
- @keyframes Gradient {
2971
- 0% {
2972
- background-position: 0% 50%; }
2973
- 50% {
2974
- background-position: 100% 50%; }
2975
- 100% {
2976
- background-position: 0% 50%; } }
2977
-
2978
- .premium-mask-yes.premium-header-inline .premium-dual-header-first-span,
2979
- .premium-mask-yes.premium-header-inline .premium-dual-header-first-span {
2980
- display: inline-block !important; }
2981
-
2982
- /**************** Premium Fancy Text *******************/
2983
- /*******************************************************/
2984
- .premium-suffix-text,
2985
- .premium-fancy-text,
2986
- .premium-prefix-text {
2987
- font-size: 40px; }
2988
-
2989
- .premium-fancy-text-wrapper:not(.typing) .premium-fancy-text,
2990
- .premium-fancy-item-hidden {
2991
- opacity: 0; }
2992
-
2993
- .premium-fancy-text-wrapper .premium-fancy-list-items {
2994
- list-style: none; }
2995
-
2996
- .premium-fancy-text-wrapper .premium-fancy-text-span-align {
2997
- vertical-align: top; }
2998
-
2999
- .premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-text-items-wrapper {
3000
- margin: 0;
3001
- padding: 0;
3002
- border: none;
3003
- position: relative; }
3004
-
3005
- .premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-list-items {
3006
- position: absolute;
3007
- top: 0;
3008
- left: 0;
3009
- display: inline-block; }
3010
-
3011
- .premium-fancy-text-wrapper.zoomout .premium-fancy-item-hidden {
3012
- -webkit-animation: pa-zoom-out 0.8s;
3013
- animation: pa-zoom-out 0.8s; }
3014
-
3015
- .premium-fancy-text-wrapper.zoomout .premium-fancy-item-visible {
3016
- position: relative !important;
3017
- -webkit-animation: pa-zoom-in 0.8s;
3018
- animation: pa-zoom-in 0.8s; }
3019
-
3020
- .premium-fancy-text-wrapper.zoomout .premium-fancy-text-items-wrapper {
3021
- -webkit-perspective: 300px;
3022
- perspective: 300px; }
3023
-
3024
- .premium-fancy-text-wrapper.rotate .premium-fancy-list-items {
3025
- -webkit-transform-origin: 50% 100%;
3026
- -ms-transform-origin: 50% 100%;
3027
- transform-origin: 50% 100%; }
3028
-
3029
- .premium-fancy-text-wrapper.rotate .premium-fancy-item-hidden {
3030
- -webkit-transform: rotateX(180deg);
3031
- transform: rotateX(180deg);
3032
- -webkit-animation: pa-rotate-out 1.2s;
3033
- animation: pa-rotate-out 1.2s; }
3034
-
3035
- .premium-fancy-text-wrapper.rotate .premium-fancy-item-visible {
3036
- position: relative !important;
3037
- -webkit-transform: rotateX(0deg);
3038
- transform: rotateX(0deg);
3039
- -webkit-animation: pa-rotate-in 1.2s;
3040
- animation: pa-rotate-in 1.2s; }
3041
-
3042
- .premium-fancy-text-wrapper.custom .premium-fancy-item-visible {
3043
- position: relative !important; }
3044
-
3045
- .premium-fancy-text-wrapper.auto-fade .premium-fancy-text {
3046
- display: inline-block;
3047
- width: 200px;
3048
- font-weight: 400; }
3049
-
3050
- .premium-fancy-text-wrapper.auto-fade .premium-fancy-svg-text {
3051
- position: relative;
3052
- vertical-align: sub; }
3053
-
3054
- .premium-fancy-text-wrapper.auto-fade g > text {
3055
- text-anchor: start;
3056
- shape-rendering: crispEdges;
3057
- opacity: 0;
3058
- font-size: 300px;
3059
- -webkit-animation-name: pa-auto-fade;
3060
- animation-name: pa-auto-fade;
3061
- -moz-animation-name: pa-auto-fade;
3062
- -webkit-animation-duration: 9s;
3063
- animation-duration: 9s;
3064
- -webkit-animation-timing-function: linear;
3065
- animation-timing-function: linear;
3066
- -webkit-animation-iteration-count: infinite;
3067
- animation-iteration-count: infinite; }
3068
-
3069
- .premium-fancy-text-wrapper.auto-fade g > text:nth-child(1) {
3070
- -webkit-animation-delay: 0s;
3071
- animation-delay: 0s; }
3072
-
3073
- .premium-fancy-text-wrapper.auto-fade g > text:nth-child(2) {
3074
- -webkit-animation-delay: 3s;
3075
- animation-delay: 3s; }
3076
-
3077
- .premium-fancy-text-wrapper.auto-fade g > text:nth-child(3) {
3078
- -webkit-animation-delay: 6s;
3079
- animation-delay: 6s; }
3080
-
3081
- .premium-fancy-text-wrapper.loading .premium-fancy-text {
3082
- position: relative; }
3083
- .premium-fancy-text-wrapper.loading .premium-fancy-text .premium-loading-bar {
3084
- position: absolute;
3085
- width: 100%;
3086
- height: 3px;
3087
- bottom: 0;
3088
- left: 0;
3089
- animation: pa-loading-bar 2.5s ease-out infinite;
3090
- -webkit-animation: pa-loading-bar 2.5s ease-out infinite; }
3091
-
3092
- .premium-fancy-text-wrapper.loading.pause .premium-fancy-text:hover .premium-loading-bar {
3093
- -webkit-animation-play-state: paused;
3094
- animation-play-state: paused; }
3095
-
3096
- @-webkit-keyframes pa-auto-fade {
3097
- 0% {
3098
- opacity: 0; }
3099
- 20% {
3100
- opacity: 1; }
3101
- 35% {
3102
- opacity: 0; }
3103
- 100% {
3104
- opacity: 0; } }
3105
-
3106
- @keyframes pa-auto-fade {
3107
- 0% {
3108
- opacity: 0; }
3109
- 20% {
3110
- opacity: 1; }
3111
- 35% {
3112
- opacity: 0; }
3113
- 100% {
3114
- opacity: 0; } }
3115
-
3116
- @-webkit-keyframes pa-loading-bar {
3117
- 0% {
3118
- width: 0; }
3119
- 100% {
3120
- width: 100; } }
3121
-
3122
- @keyframes pa-loading-bar {
3123
- 0% {
3124
- width: 0; }
3125
- 100% {
3126
- width: 100; } }
3127
-
3128
- @-webkit-keyframes pa-zoom-in {
3129
- 0% {
3130
- opacity: 0;
3131
- -webkit-transform: translateZ(100px);
3132
- transform: translateZ(100px); }
3133
- 100% {
3134
- opacity: 1;
3135
- -webkit-transform: translateZ(0);
3136
- transform: translateZ(0); } }
3137
-
3138
- @keyframes pa-zoom-in {
3139
- 0% {
3140
- opacity: 0;
3141
- -webkit-transform: translateZ(100px);
3142
- transform: translateZ(100px); }
3143
- 100% {
3144
- opacity: 1;
3145
- -webkit-transform: translateZ(0);
3146
- transform: translateZ(0); } }
3147
-
3148
- @-webkit-keyframes pa-zoom-out {
3149
- 0% {
3150
- opacity: 1;
3151
- -webkit-transform: translateZ(0);
3152
- transform: translateZ(0); }
3153
- 100% {
3154
- opacity: 0;
3155
- -webkit-transform: translateZ(-100px);
3156
- transform: translateZ(-100px); } }
3157
-
3158
- @keyframes pa-zoom-out {
3159
- 0% {
3160
- opacity: 1;
3161
- -webkit-transform: translateZ(0);
3162
- transform: translateZ(0); }
3163
- 100% {
3164
- opacity: 0;
3165
- -webkit-transform: translateZ(-100px);
3166
- transform: translateZ(-100px); } }
3167
-
3168
- @-webkit-keyframes pa-rotate-in {
3169
- 0% {
3170
- opacity: 0;
3171
- -webkit-transform: rotateX(180deg);
3172
- transform: rotateX(180deg); }
3173
- 35% {
3174
- opacity: 0;
3175
- -webkit-transform: rotateX(120deg);
3176
- transform: rotateX(120deg); }
3177
- 65% {
3178
- opacity: 0; }
3179
- 100% {
3180
- opacity: 1;
3181
- -webkit-transform: rotateX(360deg);
3182
- transform: rotateX(360deg); } }
3183
-
3184
- @keyframes pa-rotate-in {
3185
- 0% {
3186
- opacity: 0;
3187
- -webkit-transform: rotateX(180deg);
3188
- transform: rotateX(180deg); }
3189
- 35% {
3190
- opacity: 0;
3191
- -webkit-transform: rotateX(120deg);
3192
- transform: rotateX(120deg); }
3193
- 65% {
3194
- opacity: 0; }
3195
- 100% {
3196
- opacity: 1;
3197
- -webkit-transform: rotateX(360deg);
3198
- transform: rotateX(360deg); } }
3199
-
3200
- @-webkit-keyframes pa-rotate-out {
3201
- 0% {
3202
- opacity: 1;
3203
- -webkit-transform: rotateX(0deg);
3204
- transform: rotateX(0deg); }
3205
- 35% {
3206
- opacity: 1;
3207
- -webkit-transform: rotateX(-40deg);
3208
- transform: rotateX(-40deg); }
3209
- 65% {
3210
- opacity: 0; }
3211
- 100% {
3212
- opacity: 0;
3213
- -webkit-transform: rotateX(180deg);
3214
- transform: rotateX(180deg); } }
3215
-
3216
- @keyframes pa-rotate-out {
3217
- 0% {
3218
- opacity: 1;
3219
- -webkit-transform: rotateX(0deg);
3220
- transform: rotateX(0deg); }
3221
- 35% {
3222
- opacity: 1;
3223
- -webkit-transform: rotateX(-40deg);
3224
- transform: rotateX(-40deg); }
3225
- 65% {
3226
- opacity: 0; }
3227
- 100% {
3228
- opacity: 0;
3229
- -webkit-transform: rotateX(180deg);
3230
- transform: rotateX(180deg); } }
3231
-
3232
- /**************** Premium Bullet List ****************/
3233
- /*****************************************************/
3234
- .premium-bullet-list-box {
3235
- -js-display: flex;
3236
- display: -webkit-box;
3237
- display: -webkit-flex;
3238
- display: -moz-box;
3239
- display: -ms-flexbox;
3240
- display: flex;
3241
- -webkit-flex-wrap: wrap;
3242
- -ms-flex-wrap: wrap;
3243
- flex-wrap: wrap;
3244
- -webkit-box-orient: vertical;
3245
- -webkit-box-direction: normal;
3246
- -webkit-flex-direction: column;
3247
- -moz-box-orient: vertical;
3248
- -moz-box-direction: normal;
3249
- -ms-flex-direction: column;
3250
- flex-direction: column; }
3251
- .premium-bullet-list-box .premium-bullet-list-content-grow-lc {
3252
- -webkit-transform-origin: left center;
3253
- -ms-transform-origin: left center;
3254
- transform-origin: left center; }
3255
- .premium-bullet-list-box .premium-bullet-list-content-grow-rc {
3256
- -webkit-transform-origin: right center;
3257
- -ms-transform-origin: right center;
3258
- transform-origin: right center; }
3259
- .premium-bullet-list-box .premium-bullet-list-content-grow-cc {
3260
- -webkit-transform-origin: center center;
3261
- -ms-transform-origin: center center;
3262
- transform-origin: center center; }
3263
-
3264
- .premium-bullet-list-content {
3265
- -js-display: flex;
3266
- display: -webkit-box;
3267
- display: -webkit-flex;
3268
- display: -moz-box;
3269
- display: -ms-flexbox;
3270
- display: flex;
3271
- -webkit-transition: all 0.3s ease-in-out;
3272
- transition: all 0.3s ease-in-out;
3273
- width: auto;
3274
- position: relative; }
3275
- .premium-bullet-list-content .premium-bullet-list-text span,
3276
- .premium-bullet-list-content .premium-bullet-list-wrapper {
3277
- display: inline-block;
3278
- -webkit-align-self: center;
3279
- -ms-flex-item-align: center;
3280
- align-self: center;
3281
- -webkit-transition: all 0.3s ease-in-out;
3282
- transition: all 0.3s ease-in-out; }
3283
- .premium-bullet-list-content .premium-bullet-list-text span {
3284
- margin: 0 5px; }
3285
- .premium-bullet-list-content .premium-bullet-list-icon-text p {
3286
- font-size: 18px;
3287
- background-color: #eee;
3288
- padding: 1px 5px;
3289
- -webkit-border-radius: 2px;
3290
- border-radius: 2px; }
3291
- .premium-bullet-list-content .premium-bullet-list-text span,
3292
- .premium-bullet-list-content .premium-bullet-list-icon-text p,
3293
- .premium-bullet-list-content .premium-bullet-list-wrapper img,
3294
- .premium-bullet-list-content .premium-bullet-list-wrapper svg,
3295
- .premium-bullet-list-content .premium-bullet-list-wrapper i {
3296
- -webkit-transition: all 0.3s ease-in-out;
3297
- transition: all 0.3s ease-in-out; }
3298
- .premium-bullet-list-content .premium-bullet-list-wrapper {
3299
- position: relative;
3300
- line-height: 0; }
3301
- .premium-bullet-list-content .premium-bullet-list-wrapper img,
3302
- .premium-bullet-list-content .premium-bullet-list-wrapper svg {
3303
- width: 30px !important;
3304
- height: 30px !important;
3305
- position: relative;
3306
- z-index: 500; }
3307
- .premium-bullet-list-content .premium-bullet-list-wrapper i,
3308
- .premium-bullet-list-content .premium-bullet-list-wrapper .premium-bullet-list-icon-text {
3309
- position: relative;
3310
- z-index: 500; }
3311
- .premium-bullet-list-content .premium-bullet-list-wrapper i {
3312
- width: 1.25em; }
3313
- .premium-bullet-list-content .premium-bullet-list-link {
3314
- position: absolute;
3315
- top: 0;
3316
- left: 0;
3317
- width: 100%;
3318
- height: 100%;
3319
- z-index: 1000; }
3320
-
3321
- .premium-bullet-list-content:not(:last-of-type) .premium-bullet-list-connector {
3322
- width: 100%;
3323
- height: 100%;
3324
- position: absolute;
3325
- top: 0.5em;
3326
- z-index: 100;
3327
- -js-display: flex;
3328
- display: -webkit-box;
3329
- display: -webkit-flex;
3330
- display: -moz-box;
3331
- display: -ms-flexbox;
3332
- display: flex;
3333
- -webkit-box-pack: center;
3334
- -webkit-justify-content: center;
3335
- -moz-box-pack: center;
3336
- -ms-flex-pack: center;
3337
- justify-content: center; }
3338
- .premium-bullet-list-content:not(:last-of-type) .premium-bullet-list-connector .premium-icon-connector-content:after {
3339
- content: "";
3340
- border-right-width: 1px;
3341
- border-right-style: solid;
3342
- border-color: #333333;
3343
- display: block;
3344
- height: 100%; }
3345
-
3346
- li.premium-bullet-list-content.premium-bullet-list-content-inline {
3347
- -webkit-align-self: center;
3348
- -ms-flex-item-align: center;
3349
- align-self: center;
3350
- z-index: 2; }
3351
-
3352
- li.premium-bullet-list-content.premium-bullet-list-content-inline:not(:first-child) {
3353
- margin: 0 3px; }
3354
-
3355
- li.premium-bullet-list-content.premium-bullet-list-content-inline:first-child {
3356
- margin: 0 3px 0 0; }
3357
-
3358
- .premium-bullet-list-divider:not(:last-child) {
3359
- width: 100%;
3360
- -webkit-box-flex: 0;
3361
- -webkit-flex: 0 0 100%;
3362
- -moz-box-flex: 0;
3363
- -ms-flex: 0 0 100%;
3364
- flex: 0 0 100%;
3365
- overflow: hidden; }
3366
-
3367
- .premium-bullet-list-divider:not(:last-child):after {
3368
- content: "";
3369
- display: block;
3370
- border-top-style: solid;
3371
- border-top-width: 1px; }
3372
-
3373
- .premium-bullet-list-divider-inline:not(:last-child) {
3374
- float: right;
3375
- display: inline-block;
3376
- position: relative;
3377
- height: 100%;
3378
- overflow: hidden;
3379
- -webkit-align-self: center;
3380
- -ms-flex-item-align: center;
3381
- align-self: center;
3382
- margin: 0 3px; }
3383
-
3384
- .premium-bullet-list-divider-inline:not(:last-child):after {
3385
- content: "";
3386
- display: block;
3387
- border-left-width: 1px;
3388
- height: 33px;
3389
- border-left-style: solid; }
3390
-
3391
- .premium-bullet-list-icon-text {
3392
- line-height: 1.5; }
3393
-
3394
- .premium-bullet-list-icon-text p,
3395
- ul.premium-bullet-list-box,
3396
- li.premium-bullet-list-content {
3397
- margin: 0; }
3398
-
3399
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper i,
3400
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-text span,
3401
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-icon-text p {
3402
- color: transparent !important;
3403
- text-shadow: 0 0 3px #aaa; }
3404
-
3405
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-icon-connector-content,
3406
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper .premium-lottie-animation svg,
3407
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper img,
3408
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-badge {
3409
- -webkit-filter: blur(3px);
3410
- filter: blur(3px); }
3411
-
3412
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper i,
3413
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-text span,
3414
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-icon-text p {
3415
- color: #aaa !important;
3416
- text-shadow: 0 0px 0 transparent; }
3417
-
3418
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-icon-connector-content,
3419
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper .premium-lottie-animation svg,
3420
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper img,
3421
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-badge {
3422
- -webkit-filter: none;
3423
- filter: none; }
3424
-
3425
- .premium-bullet-list-content .premium-bullet-list-badge {
3426
- font-size: 11px;
3427
- top: auto;
3428
- min-width: -webkit-max-content;
3429
- min-width: -moz-max-content;
3430
- min-width: max-content;
3431
- height: -webkit-fit-content;
3432
- height: -moz-fit-content;
3433
- height: fit-content; }
3434
-
3435
- .premium-bullet-list-content .premium-bullet-list-icon-text p {
3436
- font-size: 13px; }
3437
-
3438
- .premium-bullet-list-gradient-effect[data-text] {
3439
- display: inline-block;
3440
- position: relative;
3441
- text-decoration: none; }
3442
-
3443
- .premium-bullet-list-gradient-effect[data-text]::before {
3444
- content: attr(data-text);
3445
- position: absolute;
3446
- z-index: 1;
3447
- overflow: hidden;
3448
- -webkit-clip-path: polygon(0 0, 1px 0, 1px 100%, 0 100%);
3449
- clip-path: polygon(0 0, 1px 0, 1px 100%, 0 100%);
3450
- -webkit-background-clip: text;
3451
- background-clip: text;
3452
- -webkit-text-fill-color: transparent;
3453
- -webkit-transition: all 0.4s ease;
3454
- transition: all 0.4s ease; }
3455
-
3456
- .premium-bullet-list-content:hover .premium-bullet-list-gradient-effect[data-text]::before,
3457
- .premium-bullet-list-content:focus .premium-bullet-list-gradient-effect[data-text]::before {
3458
- -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
3459
- clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
3460
-
3461
- ul[data-list-animation*="animated-"] .premium-bullet-list-divider,
3462
- ul[data-list-animation*="animated-"] .premium-bullet-list-content,
3463
- ul[data-list-animation*="animated-"] .premium-bullet-list-divider-inline {
3464
- opacity: 0; }
3465
-
3466
- .premium-bullet-list-content-grow-effect:hover {
3467
- -webkit-transform: scale(1.07);
3468
- -ms-transform: scale(1.07);
3469
- transform: scale(1.07); }
3470
-
3471
- @-webkit-keyframes spin {
3472
- 100% {
3473
- -webkit-transform: rotate(360deg);
3474
- transform: rotate(360deg); } }
3475
-
3476
- @keyframes spin {
3477
- 100% {
3478
- -webkit-transform: rotate(360deg);
3479
- transform: rotate(360deg); } }
3480
-
3481
- /**************** Premium Image Button ***********/
3482
- /*************************************************/
3483
- .premium-image-button {
3484
- -js-display: inline-flex;
3485
- display: -webkit-inline-box;
3486
- display: -webkit-inline-flex;
3487
- display: -moz-inline-box;
3488
- display: -ms-inline-flexbox;
3489
- display: inline-flex;
3490
- position: relative;
3491
- overflow: hidden;
3492
- background-color: #eee;
3493
- cursor: pointer;
3494
- -webkit-transition: all 0.2s ease-in-out !important;
3495
- transition: all 0.2s ease-in-out !important; }
3496
- .premium-image-button .premium-button-style6-bg, .premium-image-button.premium-button-style6:before, .premium-image-button:not(.premium-image-button-style6):hover {
3497
- background-color: #54595f; }
3498
-
3499
- /*Default background for slide styles*/
3500
- .premium-image-button-style4-icon-wrapper,
3501
- .premium-image-button-style1:before {
3502
- background-color: #54595f; }
3503
-
3504
- .premium-image-button-text-icon-wrapper {
3505
- width: 100%;
3506
- -js-display: flex;
3507
- display: -webkit-box;
3508
- display: -webkit-flex;
3509
- display: -moz-box;
3510
- display: -ms-flexbox;
3511
- display: flex;
3512
- -webkit-box-pack: center;
3513
- -webkit-justify-content: center;
3514
- -moz-box-pack: center;
3515
- -ms-flex-pack: center;
3516
- justify-content: center;
3517
- -webkit-box-align: center;
3518
- -webkit-align-items: center;
3519
- -moz-box-align: center;
3520
- -ms-flex-align: center;
3521
- align-items: center;
3522
- position: relative;
3523
- z-index: 3;
3524
- -webkit-transition: all 0.2s ease-in-out;
3525
- transition: all 0.2s ease-in-out; }
3526
- .premium-image-button-text-icon-wrapper span,
3527
- .premium-image-button-text-icon-wrapper i,
3528
- .premium-image-button-text-icon-wrapper svg {
3529
- -webkit-transition: all 0.2s ease-in-out;
3530
- transition: all 0.2s ease-in-out; }
3531
-
3532
- .premium-image-button-style1:before {
3533
- position: absolute;
3534
- content: "";
3535
- -webkit-transition: all 0.2s ease-in-out;
3536
- transition: all 0.2s ease-in-out; }
3537
-
3538
- .premium-image-button-style1-bottom:before {
3539
- width: 100%;
3540
- height: 0;
3541
- top: 0;
3542
- left: 0; }
3543
-
3544
- .premium-image-button-style1-top:before {
3545
- width: 100%;
3546
- height: 0;
3547
- bottom: 0;
3548
- left: 0; }
3549
-
3550
- .premium-image-button-style1-right:before {
3551
- width: 0;
3552
- height: 100%;
3553
- bottom: 0;
3554
- left: 0; }
3555
-
3556
- .premium-image-button-style1-left:before {
3557
- width: 0;
3558
- height: 100%;
3559
- top: 0;
3560
- right: 0; }
3561
-
3562
- .premium-image-button-style1-bottom:hover:before,
3563
- .premium-image-button-style1-top:hover:before {
3564
- height: 100%; }
3565
-
3566
- .premium-image-button-style1-right:hover:before,
3567
- .premium-image-button-style1-left:hover:before {
3568
- width: 100%; }
3569
-
3570
- .premium-image-button-style3 {
3571
- z-index: 10; }
3572
- .premium-image-button-style3:before {
3573
- position: absolute;
3574
- top: 0px;
3575
- left: 0px;
3576
- width: 100%;
3577
- height: 100%;
3578
- content: "";
3579
- z-index: 1;
3580
- background: rgba(255, 255, 255, 0.2);
3581
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
3582
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
3583
- -webkit-transition: all 0.8s ease-out;
3584
- transition: all 0.8s ease-out; }
3585
-
3586
- .premium-image-button-diagonal-right:before {
3587
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
3588
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0); }
3589
-
3590
- .premium-image-button-diagonal-right:hover:before {
3591
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
3592
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0); }
3593
-
3594
- .premium-image-button-diagonal-left:before {
3595
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
3596
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0); }
3597
-
3598
- .premium-image-button-diagonal-left:hover:before {
3599
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
3600
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0); }
3601
-
3602
- .premium-image-button-diagonal-bottom:before {
3603
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
3604
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0); }
3605
-
3606
- .premium-image-button-diagonal-bottom:hover:before {
3607
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
3608
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); }
3609
-
3610
- .premium-image-button-diagonal-top:before {
3611
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
3612
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); }
3613
-
3614
- .premium-image-button-diagonal-top:hover:before {
3615
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
3616
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0); }
3617
-
3618
- .premium-image-button-style4-icon-wrapper {
3619
- position: absolute;
3620
- z-index: 2;
3621
- width: 100%;
3622
- text-align: center;
3623
- -js-display: flex;
3624
- display: -webkit-box;
3625
- display: -webkit-flex;
3626
- display: -moz-box;
3627
- display: -ms-flexbox;
3628
- display: flex;
3629
- -webkit-box-align: center;
3630
- -webkit-align-items: center;
3631
- -moz-box-align: center;
3632
- -ms-flex-align: center;
3633
- align-items: center;
3634
- -webkit-box-pack: center;
3635
- -webkit-justify-content: center;
3636
- -moz-box-pack: center;
3637
- -ms-flex-pack: center;
3638
- justify-content: center;
3639
- height: 100%;
3640
- opacity: 0;
3641
- -webkit-transition: all 0.3s ease-in-out;
3642
- transition: all 0.3s ease-in-out; }
3643
- .premium-image-button-style4-icon-wrapper.top {
3644
- bottom: -100%;
3645
- left: 0; }
3646
- .premium-image-button-style4-icon-wrapper.bottom {
3647
- top: -100%;
3648
- left: 0; }
3649
- .premium-image-button-style4-icon-wrapper.left {
3650
- top: 0;
3651
- left: -100%; }
3652
- .premium-image-button-style4-icon-wrapper.right {
3653
- top: 0;
3654
- right: -100%; }
3655
-
3656
- .premium-image-button-style4-bottom:hover .premium-image-button-style4-icon-wrapper {
3657
- top: 0;
3658
- opacity: 1; }
3659
-
3660
- .premium-image-button-style4-bottom:hover .premium-image-button-text-icon-wrapper {
3661
- -webkit-transform: translateY(100%);
3662
- -ms-transform: translateY(100%);
3663
- transform: translateY(100%);
3664
- opacity: 0; }
3665
-
3666
- .premium-image-button-style4-top:hover .premium-image-button-style4-icon-wrapper {
3667
- bottom: 0;
3668
- opacity: 1; }
3669
-
3670
- .premium-image-button-style4-top:hover .premium-image-button-text-icon-wrapper {
3671
- -webkit-transform: translateY(-100%);
3672
- -ms-transform: translateY(-100%);
3673
- transform: translateY(-100%);
3674
- opacity: 0; }
3675
-
3676
- .premium-image-button-style4-left:hover .premium-image-button-style4-icon-wrapper {
3677
- left: 0;
3678
- opacity: 1; }
3679
-
3680
- .premium-image-button-style4-left:hover .premium-image-button-text-icon-wrapper {
3681
- -webkit-transform: translateX(100%);
3682
- -ms-transform: translateX(100%);
3683
- transform: translateX(100%);
3684
- opacity: 0; }
3685
-
3686
- .premium-image-button-style4-right:hover .premium-image-button-style4-icon-wrapper {
3687
- right: 0;
3688
- opacity: 1; }
3689
-
3690
- .premium-image-button-style4-right:hover .premium-image-button-text-icon-wrapper {
3691
- -webkit-transform: translateX(-100%);
3692
- -ms-transform: translateX(-100%);
3693
- transform: translateX(-100%);
3694
- opacity: 0; }
3695
-
3696
- .premium-image-button-style5:before {
3697
- position: absolute;
3698
- content: "";
3699
- top: 0;
3700
- left: 0;
3701
- width: 100%;
3702
- height: 100%;
3703
- opacity: 0;
3704
- -webkit-transition: all 1s ease-in-out;
3705
- transition: all 1s ease-in-out;
3706
- background: rgba(255, 255, 255, 0.2);
3707
- -webkit-animation-name: premium-overlap-effect-done;
3708
- animation-name: premium-overlap-effect-done;
3709
- -webkit-animation-duration: 1s;
3710
- animation-duration: 1s; }
3711
-
3712
- .premium-image-button-overlap-effect-vertical:before {
3713
- -webkit-animation-name: premium-overlap-ver-effect-done;
3714
- animation-name: premium-overlap-ver-effect-done; }
3715
-
3716
- .premium-image-button-overlap-effect-horizontal:hover:before {
3717
- -webkit-animation-name: premium-overlap-effect;
3718
- animation-name: premium-overlap-effect; }
3719
-
3720
- .premium-image-button-overlap-effect-vertical:hover:before {
3721
- -webkit-animation-name: premium-overlap-ver-effect;
3722
- animation-name: premium-overlap-ver-effect; }
3723
-
3724
- @-webkit-keyframes premium-overlap-effect {
3725
- 0% {
3726
- opacity: 0;
3727
- -webkit-transform: rotateY(0deg);
3728
- transform: rotateY(0deg); }
3729
- 50% {
3730
- opacity: 1;
3731
- -webkit-transform: rotateY(180deg);
3732
- transform: rotateY(180deg); }
3733
- 100% {
3734
- opacity: 0;
3735
- -webkit-transform: rotateY(360deg);
3736
- transform: rotateY(360deg); } }
3737
-
3738
- @keyframes premium-overlap-effect {
3739
- 0% {
3740
- opacity: 0;
3741
- -webkit-transform: rotateY(0deg);
3742
- transform: rotateY(0deg); }
3743
- 50% {
3744
- opacity: 1;
3745
- -webkit-transform: rotateY(180deg);
3746
- transform: rotateY(180deg); }
3747
- 100% {
3748
- opacity: 0;
3749
- -webkit-transform: rotateY(360deg);
3750
- transform: rotateY(360deg); } }
3751
-
3752
- @-webkit-keyframes premium-overlap-effect-done {
3753
- 0% {
3754
- opacity: 0;
3755
- -webkit-transform: rotateY(0deg);
3756
- transform: rotateY(0deg); }
3757
- 50% {
3758
- opacity: 1;
3759
- -webkit-transform: rotateY(180deg);
3760
- transform: rotateY(180deg); }
3761
- 100% {
3762
- opacity: 0;
3763
- -webkit-transform: rotateY(360deg);
3764
- transform: rotateY(360deg); } }
3765
-
3766
- @keyframes premium-overlap-effect-done {
3767
- 0% {
3768
- opacity: 0;
3769
- -webkit-transform: rotateY(0deg);
3770
- transform: rotateY(0deg); }
3771
- 50% {
3772
- opacity: 1;
3773
- -webkit-transform: rotateY(180deg);
3774
- transform: rotateY(180deg); }
3775
- 100% {
3776
- opacity: 0;
3777
- -webkit-transform: rotateY(360deg);
3778
- transform: rotateY(360deg); } }
3779
-
3780
- @-webkit-keyframes premium-overlap-ver-effect {
3781
- 0% {
3782
- opacity: 0;
3783
- -webkit-transform: rotateX(0deg);
3784
- transform: rotateX(0deg); }
3785
- 50% {
3786
- opacity: 1;
3787
- -webkit-transform: rotateX(180deg);
3788
- transform: rotateX(180deg); }
3789
- 100% {
3790
- opacity: 0;
3791
- -webkit-transform: rotateX(360deg);
3792
- transform: rotateX(360deg); } }
3793
-
3794
- @keyframes premium-overlap-ver-effect {
3795
- 0% {
3796
- opacity: 0;
3797
- -webkit-transform: rotateX(0deg);
3798
- transform: rotateX(0deg); }
3799
- 50% {
3800
- opacity: 1;
3801
- -webkit-transform: rotateX(180deg);
3802
- transform: rotateX(180deg); }
3803
- 100% {
3804
- opacity: 0;
3805
- -webkit-transform: rotateX(360deg);
3806
- transform: rotateX(360deg); } }
3807
-
3808
- @-webkit-keyframes premium-overlap-ver-effect-done {
3809
- 0% {
3810
- opacity: 0;
3811
- -webkit-transform: rotateX(0deg);
3812
- transform: rotateX(0deg); }
3813
- 50% {
3814
- opacity: 1;
3815
- -webkit-transform: rotateX(180deg);
3816
- transform: rotateX(180deg); }
3817
- 100% {
3818
- opacity: 0;
3819
- -webkit-transform: rotateX(360deg);
3820
- transform: rotateX(360deg); } }
3821
-
3822
- @keyframes premium-overlap-ver-effect-done {
3823
- 0% {
3824
- opacity: 0;
3825
- -webkit-transform: rotateX(0deg);
3826
- transform: rotateX(0deg); }
3827
- 50% {
3828
- opacity: 1;
3829
- -webkit-transform: rotateX(180deg);
3830
- transform: rotateX(180deg); }
3831
- 100% {
3832
- opacity: 0;
3833
- -webkit-transform: rotateX(360deg);
3834
- transform: rotateX(360deg); } }
3835
-
3836
- /************ Premium Image Scroll ************/
3837
- /**********************************************/
3838
- @font-face {
3839
- font-family: "pa-elements";
3840
- src: url("../../plugins/premium-addons-for-elementor/assets/editor/fonts/pa-elements.eot?9e1efm");
3841
- src: url("../../plugins/premium-addons-for-elementor/assets/editor/fonts/pa-elements.eot?9e1efm#iefix") format("embedded-opentype"), url("../../plugins/premium-addons-for-elementor/assets/editor/fonts/pa-elements.ttf?9e1efm") format("truetype"), url("../../plugins/premium-addons-for-elementor/assets/editor/fonts/pa-elements.woff?9e1efm") format("woff"), url("../../plugins/premium-addons-for-elementor/assets/editor/fonts/pa-elements.svg?9e1efm#pa-elements") format("svg");
3842
- font-weight: normal;
3843
- font-style: normal; }
3844
-
3845
- .premium-image-scroll-section,
3846
- .premium-image-scroll-container {
3847
- -webkit-transition: all 0.3s ease-in-out;
3848
- transition: all 0.3s ease-in-out; }
3849
-
3850
- .premium-image-scroll-section {
3851
- position: relative;
3852
- overflow: hidden;
3853
- width: 100%;
3854
- -webkit-mask-image: -webkit-radial-gradient(white, black); }
3855
-
3856
- .premium-image-scroll-container {
3857
- width: 100%; }
3858
- .premium-image-scroll-container .premium-image-scroll-mask-media {
3859
- -webkit-mask-repeat: no-repeat;
3860
- mask-repeat: no-repeat;
3861
- -webkit-mask-position: center;
3862
- mask-position: center; }
3863
-
3864
- .premium-container-scroll {
3865
- overflow: auto; }
3866
-
3867
- .premium-image-scroll-container .premium-image-scroll-horizontal {
3868
- position: relative;
3869
- width: 100%;
3870
- height: 100%; }
3871
- .premium-image-scroll-container .premium-image-scroll-horizontal img {
3872
- max-width: none;
3873
- height: 100%; }
3874
-
3875
- .premium-image-scroll-container .premium-image-scroll-vertical img {
3876
- width: 100%;
3877
- max-width: 100%;
3878
- height: auto; }
3879
-
3880
- .premium-image-scroll-ver {
3881
- position: relative; }
3882
-
3883
- .premium-image-scroll-container .premium-image-scroll-overlay {
3884
- background: rgba(2, 2, 2, 0.3); }
3885
-
3886
- .premium-image-scroll-container .premium-image-scroll-link,
3887
- .premium-image-scroll-container .premium-image-scroll-overlay {
3888
- position: absolute;
3889
- top: 0;
3890
- bottom: 0;
3891
- left: 0;
3892
- right: 0;
3893
- z-index: 4; }
3894
-
3895
- .premium-image-scroll-content {
3896
- display: inline-block;
3897
- position: absolute;
3898
- height: auto;
3899
- top: 50%;
3900
- left: 50%;
3901
- text-align: center;
3902
- z-index: 5;
3903
- -webkit-transform: translate(-50%, -50%);
3904
- -ms-transform: translate(-50%, -50%);
3905
- transform: translate(-50%, -50%); }
3906
-
3907
- .premium-container-scroll-instant .premium-image-scroll-image {
3908
- -webkit-transition: all 0s ease-in-out !important;
3909
- transition: all 0s ease-in-out !important; }
3910
-
3911
- .premium-image-scroll-container img {
3912
- -webkit-transition: -webkit-transform 3s ease-in-out;
3913
- transition: -webkit-transform 3s ease-in-out;
3914
- transition: transform 3s ease-in-out;
3915
- transition: transform 3s ease-in-out, -webkit-transform 3s ease-in-out; }
3916
-
3917
- .premium-image-scroll-container .premium-image-scroll-overlay,
3918
- .premium-image-scroll-container .premium-image-scroll-content {
3919
- -webkit-transition: all 0.3s ease-in-out;
3920
- transition: all 0.3s ease-in-out;
3921
- opacity: 1; }
3922
-
3923
- .premium-image-scroll-container:hover .premium-image-scroll-overlay {
3924
- opacity: 0; }
3925
-
3926
- .premium-image-scroll-container:hover .premium-image-scroll-content {
3927
- opacity: 0;
3928
- visibility: hidden; }
3929
-
3930
- .premium-image-scroll-content .premium-image-scroll-icon {
3931
- display: inline-block;
3932
- font-family: "pa-elements" !important;
3933
- speak: none;
3934
- font-style: normal;
3935
- font-weight: normal;
3936
- font-variant: normal;
3937
- text-transform: none;
3938
- line-height: 1;
3939
- -webkit-font-smoothing: antialiased;
3940
- -moz-osx-font-smoothing: grayscale;
3941
- -webkit-animation-duration: 0.5s;
3942
- animation-duration: 0.5s;
3943
- -webkit-animation-iteration-count: infinite;
3944
- animation-iteration-count: infinite;
3945
- -webkit-animation-direction: alternate;
3946
- animation-direction: alternate;
3947
- -webkit-animation-timing-function: ease-in-out;
3948
- animation-timing-function: ease-in-out; }
3949
-
3950
- .pa-horizontal-mouse-scroll:before {
3951
- content: "\e921"; }
3952
-
3953
- .pa-vertical-mouse-scroll:before {
3954
- content: "\e922"; }
3955
-
3956
- .pa-horizontal-mouse-scroll {
3957
- -webkit-animation-name: pa-scroll-horizontal;
3958
- animation-name: pa-scroll-horizontal; }
3959
-
3960
- .pa-vertical-mouse-scroll {
3961
- -webkit-animation-name: pa-scroll-vertical;
3962
- animation-name: pa-scroll-vertical; }
3963
-
3964
- @-webkit-keyframes pa-scroll-vertical {
3965
- 0% {
3966
- -webkit-transform: translateY(0px);
3967
- transform: translateY(0px); }
3968
- 100% {
3969
- -webkit-transform: translateY(5px);
3970
- transform: translateY(5px); } }
3971
-
3972
- @keyframes pa-scroll-vertical {
3973
  0% {
3974
- -webkit-transform: translateY(0px);
3975
- transform: translateY(0px); }
 
 
 
 
 
 
 
3976
  100% {
3977
- -webkit-transform: translateY(5px);
3978
- transform: translateY(5px); } }
 
3979
 
3980
- @-webkit-keyframes pa-scroll-horizontal {
3981
  0% {
3982
- -webkit-transform: translateX(0px);
3983
- transform: translateX(0px); }
 
 
 
 
 
 
 
3984
  100% {
3985
- -webkit-transform: translateX(5px);
3986
- transform: translateX(5px); } }
 
3987
 
3988
- @keyframes pa-scroll-horizontal {
3989
  0% {
3990
- -webkit-transform: translateX(0px);
3991
- transform: translateX(0px); }
 
 
 
 
 
 
 
3992
  100% {
3993
- -webkit-transform: translateX(5px);
3994
- transform: translateX(5px); } }
3995
-
3996
- /**************** Premium Image Separator ****************/
3997
- /*********************************************************/
3998
- .premium-image-separator-container {
3999
- position: absolute;
4000
- width: 100%;
4001
- z-index: 2;
4002
- top: auto;
4003
- -webkit-transition: all 0.3s ease-in-out;
4004
- transition: all 0.3s ease-in-out; }
4005
- .premium-image-separator-container svg,
4006
- .premium-image-separator-container img {
4007
- display: inline-block !important;
4008
- -webkit-mask-repeat: no-repeat;
4009
- mask-repeat: no-repeat;
4010
- -webkit-mask-position: center;
4011
- mask-position: center; }
4012
- .premium-image-separator-container .premium-image-separator-link {
4013
- position: absolute;
4014
- z-index: 9999;
4015
- top: 0;
4016
- left: 0;
4017
- width: 100%;
4018
- height: 100%;
4019
- text-decoration: none; }
4020
- .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 {
4021
- -webkit-box-shadow: none !important;
4022
- box-shadow: none !important;
4023
- outline: none !important;
4024
- border: none !important;
4025
- text-decoration: none !important; }
4026
- .premium-image-separator-container i,
4027
- .premium-image-separator-container > svg {
4028
- padding: 20px;
4029
- -webkit-transition: all 0.3s ease-in-out;
4030
- transition: all 0.3s ease-in-out; }
4031
 
4032
- /******** Premium Media Grid ********/
4033
- /************************************/
4034
- .premium-img-gallery-filter,
4035
- .premium-blog-filter {
4036
  -js-display: flex;
4037
  display: -webkit-box;
4038
  display: -webkit-flex;
4039
  display: -moz-box;
4040
  display: -ms-flexbox;
4041
  display: flex;
4042
- -webkit-box-align: center;
4043
- -webkit-align-items: center;
4044
- -moz-box-align: center;
4045
- -ms-flex-align: center;
4046
- align-items: center;
4047
- -webkit-box-pack: center;
4048
- -webkit-justify-content: center;
4049
- -moz-box-pack: center;
4050
- -ms-flex-pack: center;
4051
- justify-content: center; }
4052
-
4053
- .premium-img-gallery {
4054
- clear: both;
4055
- overflow: hidden; }
4056
-
4057
- .premium-gallery-container .premium-gallery-item {
4058
- padding: 10px;
4059
- float: left; }
4060
-
4061
- .premium-gallery-container .grid-sizer {
4062
- width: 33.33%; }
4063
-
4064
- .premium-gallery-container .pa-gallery-item {
4065
- padding: 10px; }
4066
 
4067
- .premium-img-gallery-filter .premium-gallery-cats-container li a.category,
4068
- .premium-blog-filter .premium-blog-filters-container li a.category {
4069
- outline: none;
4070
- text-decoration: none;
4071
- -webkit-border-radius: 75px;
4072
- border-radius: 75px;
4073
- margin: 15px 5px 20px;
4074
- padding: 7px 20px;
4075
  -webkit-transition: all 0.3s ease-in-out;
4076
- transition: all 0.3s ease-in-out; }
4077
-
4078
- .pa-gallery-img {
4079
  position: relative; }
4080
- .pa-gallery-img .pa-gallery-whole-link {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
4081
  position: absolute;
4082
  top: 0;
4083
  left: 0;
4084
  width: 100%;
4085
- height: 100%; }
4086
- .pa-gallery-img.style2 .pa-gallery-whole-link {
4087
- z-index: 99; }
4088
 
4089
- .pa-gallery-img-container {
4090
- overflow: hidden;
4091
- -webkit-backface-visibility: hidden;
4092
- backface-visibility: hidden;
4093
- -webkit-transform: translate3d(0, 0, 0);
4094
- transform: translate3d(0, 0, 0); }
4095
- .pa-gallery-img-container img {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
4096
  display: block;
4097
- width: 100%;
4098
- -webkit-transition: all 0.3s ease-in-out;
4099
- transition: all 0.3s ease-in-out; }
4100
-
4101
- .premium-img-gallery.gray img {
4102
- -webkit-filter: grayscale(100%);
4103
- filter: grayscale(100%); }
4104
 
4105
- .premium-img-gallery.zoomout img,
4106
- .premium-img-gallery.scale img {
4107
- -webkit-transform: scale(1.2);
4108
- -ms-transform: scale(1.2);
4109
- transform: scale(1.2); }
4110
 
4111
- .premium-img-gallery.sepia img {
4112
- -webkit-filter: sepia(30%);
4113
- filter: sepia(30%); }
4114
 
4115
- .premium-img-gallery.bright img {
4116
- -webkit-filter: brightness(1);
4117
- filter: brightness(1); }
4118
 
4119
- .premium-img-gallery.trans img {
4120
- -webkit-transform: translateX(-15px) scale(1.1);
4121
- -ms-transform: translateX(-15px) scale(1.1);
4122
- transform: translateX(-15px) scale(1.1); }
 
 
 
 
4123
 
4124
- .pa-gallery-img .pa-gallery-magnific-image,
4125
- .pa-gallery-img .pa-gallery-img-link {
4126
- outline: none; }
4127
- .pa-gallery-img .pa-gallery-magnific-image i,
4128
- .pa-gallery-img .pa-gallery-magnific-image svg,
4129
- .pa-gallery-img .pa-gallery-img-link i,
4130
- .pa-gallery-img .pa-gallery-img-link svg {
4131
- -webkit-transition: all 0.3s ease-in-out;
4132
- transition: all 0.3s ease-in-out; }
4133
 
4134
- .pa-gallery-img .pa-gallery-magnific-image span,
4135
- .pa-gallery-img .pa-gallery-img-link span {
4136
- line-height: 1;
4137
  display: inline-block;
4138
- opacity: 0;
4139
- margin: 0 5px;
4140
- padding: 15px;
4141
- -webkit-border-radius: 50%;
4142
- border-radius: 50%; }
4143
-
4144
- .pa-gallery-img.style2 .pa-gallery-magnific-image span,
4145
- .pa-gallery-img.style2 .pa-gallery-img-link span {
4146
- margin: 0 5px 20px; }
4147
-
4148
- .pa-gallery-img:hover .pa-gallery-magnific-image span {
4149
- -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
4150
- transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s; }
4151
-
4152
- .pa-gallery-img:hover .pa-gallery-img-link span {
4153
- -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
4154
- transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s; }
4155
-
4156
- .pa-gallery-img:hover .pa-gallery-magnific-image span,
4157
- .pa-gallery-img:hover .pa-gallery-img-link span {
4158
- opacity: 1; }
4159
-
4160
- .premium-gallery-icon-show a.pa-gallery-video-icon span {
4161
- opacity: 1; }
4162
-
4163
- .premium-img-gallery-filter ul.premium-gallery-cats-container,
4164
- .premium-blog-filter ul.premium-blog-filters-container {
4165
- text-align: center;
4166
- margin: 0;
4167
- padding: 0; }
4168
-
4169
- .premium-img-gallery-filter .premium-gallery-cats-container li,
4170
- .premium-blog-filter .premium-blog-filters-container li {
4171
- list-style: none;
4172
- -js-display: inline-flex;
4173
- display: -webkit-inline-box;
4174
- display: -webkit-inline-flex;
4175
- display: -moz-inline-box;
4176
- display: -ms-inline-flexbox;
4177
- display: inline-flex; }
4178
 
4179
- .premium-img-gallery.zoomin .pa-gallery-img:hover img {
4180
- -webkit-transform: scale(1.1);
4181
- -ms-transform: scale(1.1);
4182
- transform: scale(1.1); }
 
 
4183
 
4184
- .premium-img-gallery.zoomout .pa-gallery-img:hover img {
4185
- -webkit-transform: scale(1);
4186
- -ms-transform: scale(1);
4187
- transform: scale(1); }
4188
 
4189
- .premium-img-gallery.scale .pa-gallery-img:hover img {
4190
- -webkit-transform: scale(1.3) rotate(5deg);
4191
- -ms-transform: scale(1.3) rotate(5deg);
4192
- transform: scale(1.3) rotate(5deg); }
4193
 
4194
- .premium-img-gallery.gray .pa-gallery-img:hover img {
4195
- -webkit-filter: grayscale(0%);
4196
- filter: grayscale(0%); }
 
 
4197
 
4198
- .premium-img-gallery.blur .pa-gallery-img:hover img {
 
 
 
4199
  -webkit-filter: blur(3px);
4200
  filter: blur(3px); }
4201
 
4202
- .premium-img-gallery.sepia .pa-gallery-img:hover img {
4203
- -webkit-filter: sepia(0%);
4204
- filter: sepia(0%); }
4205
-
4206
- .premium-img-gallery.trans .pa-gallery-img:hover img {
4207
- -webkit-transform: translateX(0px) scale(1.1);
4208
- -ms-transform: translateX(0px) scale(1.1);
4209
- transform: translateX(0px) scale(1.1); }
4210
-
4211
- .premium-img-gallery.bright .pa-gallery-img:hover img {
4212
- -webkit-filter: brightness(1.2);
4213
- filter: brightness(1.2); }
4214
-
4215
- .pa-gallery-img .premium-gallery-caption {
4216
- padding: 10px; }
4217
- .pa-gallery-img .premium-gallery-caption .premium-gallery-img-name {
4218
- margin-bottom: 0; }
4219
-
4220
- .pa-gallery-img.style1 {
4221
- overflow: hidden; }
4222
-
4223
- .pa-gallery-img:not(.style2) .pa-gallery-icons-wrapper {
4224
- position: absolute;
4225
- top: 0;
4226
- left: 0;
4227
- width: 100%;
4228
- height: 100%;
4229
- -webkit-transition: all 0.3s ease-in-out;
4230
- transition: all 0.3s ease-in-out; }
4231
 
4232
- .pa-gallery-img:not(.style2) .pa-gallery-icons-inner-container {
4233
- position: absolute;
4234
- top: 33.33%;
4235
- width: 100%;
4236
- text-align: center;
4237
- -webkit-transform: translateY(-50%);
4238
- -ms-transform: translateY(-50%);
4239
- transform: translateY(-50%);
4240
- z-index: 999; }
4241
 
4242
- .pa-gallery-img.style1 .premium-gallery-caption {
4243
- position: absolute;
4244
  top: auto;
4245
- right: 0;
4246
- bottom: -1px;
4247
- left: 0;
4248
- width: 100%;
4249
- -webkit-transition: all 500ms ease 0s;
4250
- transition: all 500ms ease 0s;
4251
- -webkit-transform: translate3d(0, 100%, 0);
4252
- transform: translate3d(0, 100%, 0); }
4253
 
4254
- .pa-gallery-img.style1:hover .premium-gallery-caption {
4255
- -webkit-transform: translate3d(0, 0, 0);
4256
- transform: translate3d(0, 0, 0);
4257
- bottom: -1px !important; }
4258
 
4259
- .pa-gallery-img.default .premium-gallery-caption {
4260
- position: absolute;
4261
- top: auto;
4262
- right: 0;
4263
- left: 0;
4264
- width: 100%;
4265
- bottom: 0; }
4266
 
4267
- .pa-gallery-img.style2 .pa-gallery-icons-caption-container {
 
4268
  position: absolute;
4269
- top: 0;
4270
- left: 0;
4271
- width: 100%;
4272
- height: 100%;
4273
- opacity: 0;
4274
- -webkit-backface-visibility: hidden;
4275
- backface-visibility: hidden;
4276
- -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
4277
- transition: opacity 0.3s, -webkit-transform 0.3s;
4278
- transition: transform 0.3s, opacity 0.3s;
4279
- transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
4280
  z-index: 1;
4281
- background-color: rgba(108, 191, 226, 0.68);
4282
- -js-display: flex;
4283
- display: -webkit-box;
4284
- display: -webkit-flex;
4285
- display: -moz-box;
4286
- display: -ms-flexbox;
4287
- display: flex;
4288
- text-align: center;
4289
- -webkit-box-align: center;
4290
- -webkit-align-items: center;
4291
- -moz-box-align: center;
4292
- -ms-flex-align: center;
4293
- align-items: center; }
4294
-
4295
- .pa-gallery-img.style2 .pa-gallery-icons-caption-cell {
4296
- width: 100%; }
4297
-
4298
- .pa-gallery-img.style2:hover .pa-gallery-icons-caption-container {
4299
- opacity: 1;
4300
- -webkit-transform: translate(15px, 15px);
4301
- -ms-transform: translate(15px, 15px);
4302
- transform: translate(15px, 15px); }
4303
-
4304
- .premium-clearfix {
4305
- clear: both; }
4306
-
4307
- /**
4308
- * Metro Layout
4309
- */
4310
- .premium-img-gallery-metro .premium-gallery-item {
4311
- overflow: hidden; }
4312
 
4313
- .premium-img-gallery-metro .pa-gallery-img {
4314
- height: 100%; }
 
 
4315
 
4316
- .premium-img-gallery-metro .pa-gallery-img-container {
4317
- height: 100%; }
4318
- .premium-img-gallery-metro .pa-gallery-img-container img {
4319
- min-height: 100%;
4320
- width: 100%;
4321
- -o-object-fit: fill;
4322
- object-fit: fill; }
4323
 
4324
- .premium-img-gallery .premium-gallery-item-hidden {
4325
- visibility: hidden;
4326
- width: 0 !important;
4327
- height: 0 !important;
4328
- margin: 0 !important;
4329
- padding: 0 !important; }
4330
 
4331
- .premium-gallery-load-more {
4332
- position: relative; }
4333
- .premium-gallery-load-more .premium-gallery-load-more-btn {
4334
- -webkit-box-shadow: none;
4335
- box-shadow: none;
4336
- text-shadow: none;
4337
- border: none;
4338
- outline: none;
4339
- -webkit-box-align: center;
4340
- -webkit-align-items: center;
4341
- -moz-box-align: center;
4342
- -ms-flex-align: center;
4343
- align-items: center;
4344
- vertical-align: bottom;
4345
- cursor: pointer;
4346
- line-height: 1;
4347
- font-style: normal;
4348
- font-weight: normal;
4349
- background-image: none;
4350
- color: #fff;
4351
- -webkit-transition: all 0.3s ease-in-out;
4352
- transition: all 0.3s ease-in-out; }
4353
 
4354
- .premium-gallery-load-more-btn {
 
 
 
 
 
 
 
4355
  -js-display: inline-flex;
4356
  display: -webkit-inline-box;
4357
  display: -webkit-inline-flex;
4358
  display: -moz-inline-box;
4359
  display: -ms-inline-flexbox;
4360
  display: inline-flex;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
4361
  -webkit-box-align: center;
4362
  -webkit-align-items: center;
4363
  -moz-box-align: center;
4364
  -ms-flex-align: center;
4365
- align-items: center; }
4366
-
4367
- .premium-gallery-load-more-btn div {
4368
- margin-left: 3px; }
4369
-
4370
- .premium-gallery-load-more-btn .premium-loader {
4371
- display: inline-block;
4372
- width: 20px;
4373
- height: 20px; }
4374
-
4375
- .pa-gallery-img .pa-gallery-lightbox-wrap {
4376
- display: inline-block; }
4377
-
4378
- .premium-img-gallery-no-lightbox .premium-gallery-video-item .pa-gallery-img,
4379
- .pa-gallery-img .pa-gallery-video-icon {
4380
- cursor: pointer; }
4381
 
4382
- .pa-gallery-img-container iframe {
4383
  position: absolute;
4384
- visibility: hidden;
4385
- top: 0;
4386
- left: 0;
4387
- max-width: 100%;
4388
- width: 100%;
4389
- height: 100%;
4390
- margin: 0;
4391
- line-height: 1;
4392
- border: none; }
4393
 
4394
- .pa-gallery-img-container video {
4395
- position: absolute;
4396
- visibility: hidden;
4397
  top: 0;
4398
- left: 0;
4399
- max-width: 100%;
 
4400
  width: 100%;
 
 
 
 
 
 
4401
  height: 100%;
4402
- margin: 0;
4403
- line-height: 1;
4404
- border: none;
4405
- -o-object-fit: contain;
4406
- object-fit: contain; }
4407
 
4408
- .pa-gallery-icons-inner-container svg,
4409
- .pa-gallery-icons-caption-cell svg {
4410
- width: 14px;
4411
- height: 14px; }
 
4412
 
4413
- .premium-gallery-gradient-layer {
4414
- position: absolute;
4415
- bottom: 40px;
4416
- width: 100%;
4417
- height: 20px;
4418
- background: -webkit-gradient(linear, left bottom, left top, from(#17181f), to(rgba(255, 255, 255, 0)));
4419
- background: -webkit-linear-gradient(bottom, #17181f 0%, rgba(255, 255, 255, 0) 100%);
4420
- background: linear-gradient(to top, #17181f 0%, rgba(255, 255, 255, 0) 100%); }
4421
-
4422
- /********* Premium Lottie Animations *********/
4423
- /*********************************************/
4424
- .elementor-widget-premium-lottie .premium-lottie-animation {
4425
- position: relative;
4426
- -js-display: inline-flex;
4427
- display: -webkit-inline-box;
4428
- display: -webkit-inline-flex;
4429
- display: -moz-inline-box;
4430
- display: -ms-inline-flexbox;
4431
- display: inline-flex;
4432
- -webkit-transition: all 0.3s ease-in-out;
4433
- transition: all 0.3s ease-in-out; }
4434
- .elementor-widget-premium-lottie .premium-lottie-animation a {
4435
  position: absolute;
4436
- left: 0;
4437
- top: 0;
4438
  width: 100%;
4439
  height: 100%;
4440
- z-index: 2; }
4441
-
4442
- /**************** Premium Google Maps ******************/
4443
- /*******************************************************/
4444
- .premium-maps-info-container {
4445
- margin-top: 10px;
4446
- margin-bottom: 10px; }
4447
 
4448
- .premium-maps-info-title,
4449
- .premium-maps-info-desc {
4450
- margin: 0;
4451
- padding: 0; }
4452
 
4453
- .premium-maps-container .gm-style-iw {
4454
- text-align: center; }
 
4455
 
4456
- .premium-maps-container .gm-style img {
4457
- max-width: none !important; }
4458
-
4459
- /**************** Premium Modal Box ****************/
4460
- /***************************************************/
4461
- .premium-modal-trigger-btn,
4462
- .premium-modal-box-modal-lower-close {
4463
- display: inline-block;
4464
- padding: 6px 12px;
4465
- margin-bottom: 0;
4466
- font-size: 14px;
4467
- font-weight: normal;
4468
- line-height: 1.42857143;
4469
- text-align: center;
4470
- white-space: nowrap;
4471
- vertical-align: middle;
4472
- -ms-touch-action: manipulation;
4473
- touch-action: manipulation;
4474
- cursor: pointer;
4475
- -webkit-user-select: none;
4476
- -moz-user-select: none;
4477
- -ms-user-select: none;
4478
- user-select: none;
4479
- background-image: none;
4480
- border: 1px solid transparent; }
4481
 
4482
- .premium-modal-trigger-btn > svg,
4483
- .premium-modal-trigger-btn .premium-modal-box-icon {
4484
- -webkit-transition: all 0.3s ease-in-out;
4485
- transition: all 0.3s ease-in-out; }
4486
 
4487
- .premium-modal-trigger-btn > svg {
4488
- width: 30px;
4489
- height: 30px; }
4490
 
4491
- .premium-modal-box-modal-close {
4492
- float: right;
4493
- font-size: 21px;
4494
- font-weight: bold;
4495
- line-height: 1;
4496
- color: #000; }
4497
- .premium-modal-box-modal-close:hover, .premium-modal-box-modal-close:focus {
4498
- color: #000;
4499
- text-decoration: none;
4500
- cursor: pointer; }
4501
 
4502
- button.premium-modal-box-modal-close {
4503
- -webkit-appearance: none;
4504
- padding: 0;
4505
- cursor: pointer;
4506
- background: transparent;
4507
- border: 0; }
4508
 
4509
- .premium-modal-box-modal {
4510
- position: fixed;
4511
- top: 0;
4512
- right: 0;
4513
- bottom: 0;
4514
- left: 0;
4515
- z-index: 1050;
4516
- display: none;
4517
- -webkit-overflow-scrolling: touch;
4518
- outline: 0;
4519
- padding: 0 !important;
4520
- background: rgba(0, 0, 0, 0.5);
 
 
 
4521
  -webkit-box-align: center;
4522
  -webkit-align-items: center;
4523
  -moz-box-align: center;
@@ -4527,767 +3639,973 @@ button.premium-modal-box-modal-close {
4527
  -webkit-justify-content: center;
4528
  -moz-box-pack: center;
4529
  -ms-flex-pack: center;
4530
- justify-content: center; }
4531
- .premium-modal-box-modal .premium-modal-box-modal-dialog {
4532
- position: absolute;
4533
- max-height: -webkit-calc(100vh - 150px);
4534
- max-height: calc(100vh - 150px);
4535
- -js-display: flex;
4536
- display: -webkit-box;
4537
- display: -webkit-flex;
4538
- display: -moz-box;
4539
- display: -ms-flexbox;
4540
- display: flex;
4541
- -webkit-box-orient: vertical;
4542
- -webkit-box-direction: normal;
4543
- -webkit-flex-direction: column;
4544
- -moz-box-orient: vertical;
4545
- -moz-box-direction: normal;
4546
- -ms-flex-direction: column;
4547
- flex-direction: column;
4548
- opacity: 0;
4549
- background-color: #fff;
4550
- border: 1px solid rgba(0, 0, 0, 0.2);
4551
- -webkit-border-radius: 6px;
4552
- border-radius: 6px; }
4553
 
4554
- .premium-modal-box-modal-content {
4555
- background-clip: padding-box;
4556
- outline: 0;
4557
- overflow-x: hidden; }
4558
 
4559
- .premium-modal-backdrop.premium-in {
4560
- filter: alpha(opacity=50);
4561
- opacity: 0.5 !important; }
 
 
4562
 
4563
- .premium-in {
 
4564
  opacity: 1; }
4565
 
4566
- .premium-modal-backdrop {
4567
- position: fixed;
4568
- top: 0;
4569
- right: 0;
4570
- bottom: 0;
4571
- left: 0;
4572
- z-index: 1040;
4573
- background-color: #000; }
4574
 
4575
- .premium-in {
4576
- -js-display: flex !important;
4577
- display: -webkit-box !important;
4578
- display: -webkit-flex !important;
4579
- display: -moz-box !important;
4580
- display: -ms-flexbox !important;
4581
- display: flex !important; }
4582
 
4583
- .premium-modal-box-modal-header {
4584
- -js-display: flex;
4585
- display: -webkit-box;
4586
- display: -webkit-flex;
4587
- display: -moz-box;
4588
- display: -ms-flexbox;
4589
- display: flex;
4590
- -webkit-box-pack: justify;
4591
- -webkit-justify-content: space-between;
4592
- -moz-box-pack: justify;
4593
- -ms-flex-pack: justify;
4594
- justify-content: space-between;
4595
- -webkit-box-align: center;
4596
- -webkit-align-items: center;
4597
- -moz-box-align: center;
4598
- -ms-flex-align: center;
4599
- align-items: center;
4600
- padding: 5px 15px;
4601
- border-bottom: 1px solid #e5e5e5; }
4602
- .premium-modal-box-modal-header .premium-modal-box-modal-close {
4603
- margin-top: -2px; }
4604
- .premium-modal-box-modal-header .premium-modal-box-modal-title {
4605
- -js-display: flex;
4606
- display: -webkit-box;
4607
- display: -webkit-flex;
4608
- display: -moz-box;
4609
- display: -ms-flexbox;
4610
- display: flex;
4611
- -webkit-box-align: center;
4612
- -webkit-align-items: center;
4613
- -moz-box-align: center;
4614
- -ms-flex-align: center;
4615
- align-items: center;
4616
- margin: 0;
4617
- padding: 0; }
4618
- .premium-modal-box-modal-header .premium-modal-box-modal-title svg {
4619
- width: 50px;
4620
- height: 60px; }
4621
 
4622
- .premium-modal-box-modal-body {
4623
- position: relative;
4624
- padding: 15px; }
4625
 
4626
- .premium-modal-box-modal-footer {
4627
- padding: 15px;
4628
- text-align: right;
4629
- border-top: 1px solid #e5e5e5; }
 
4630
 
4631
- .premium-modal-scrollbar-measure {
4632
  position: absolute;
4633
- top: -9999px;
4634
- width: 50px;
4635
- height: 50px;
4636
- overflow: scroll; }
 
 
 
 
 
 
 
 
 
4637
 
4638
- .premium-modal-trigger-text {
4639
- background: none !important;
4640
- display: inline-block; }
4641
 
4642
- .premium-modal-box-container {
4643
- width: 100% !important; }
 
4644
 
4645
- /*Open Modal Button Style*/
4646
- .premium-modal-trigger-container .premium-modal-trigger-btn {
4647
- -js-display: inline-flex;
4648
- display: -webkit-inline-box;
4649
- display: -webkit-inline-flex;
4650
- display: -moz-inline-box;
4651
- display: -ms-inline-flexbox;
4652
- display: inline-flex;
4653
- -webkit-box-align: center;
4654
- -webkit-align-items: center;
4655
- -moz-box-align: center;
4656
- -ms-flex-align: center;
4657
- align-items: center;
4658
- border: none;
4659
- -webkit-transition: all 0.3s ease-in-out;
4660
- transition: all 0.3s ease-in-out; }
4661
- .premium-modal-trigger-container .premium-modal-trigger-btn.premium-btn-block {
4662
- -webkit-box-pack: center;
4663
- -webkit-justify-content: center;
4664
- -moz-box-pack: center;
4665
- -ms-flex-pack: center;
4666
- justify-content: center; }
4667
 
4668
- .premium-modal-trigger-container .premium-modal-trigger-img,
4669
- .premium-modal-trigger-container .premium-modal-trigger-text,
4670
- .premium-modal-trigger-container .premium-modal-trigger-animation {
4671
- cursor: pointer; }
 
 
 
 
 
 
 
 
 
4672
 
4673
- .premium-modal-trigger-container .premium-modal-trigger-animation {
4674
- display: inline-block;
4675
- width: 200px;
4676
- height: 200px;
4677
- -webkit-transition: all 0.3s ease-in-out;
4678
- transition: all 0.3s ease-in-out; }
 
 
 
 
 
 
 
4679
 
4680
- /*Image on Modal Header Style*/
4681
- .premium-modal-box-modal-header img {
4682
- width: 48px;
4683
- padding-right: 5px; }
 
 
 
 
 
 
 
 
 
4684
 
4685
- .premium-modal-box-modal-header i,
4686
- .premium-modal-box-modal-header svg {
4687
- padding-right: 6px; }
 
 
 
 
 
 
 
 
 
 
4688
 
4689
- .premium-modal-box-modal-close {
4690
- position: relative;
4691
- z-index: 99; }
 
 
 
 
 
 
 
 
 
 
4692
 
4693
- .premium-modal-trigger-img,
4694
- .premium-modal-trigger-text,
4695
- .premium-modal-box-close-button-container,
4696
- .premium-modal-box-modal-close,
4697
- .premium-modal-box-modal-lower-close {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
4698
  -webkit-transition: all 0.3s ease-in-out;
4699
  transition: all 0.3s ease-in-out; }
4700
 
4701
- @media (min-width: 768px) {
4702
- .premium-modal-box-modal-dialog {
4703
- width: 700px;
4704
- max-height: 600px;
4705
- overflow: auto; } }
4706
 
4707
- @media (max-width: 767px) {
4708
- .premium-modal-box-modal-dialog {
4709
- width: 100%;
4710
- max-height: 500px;
4711
- overflow: auto; } }
 
 
4712
 
4713
- .premium-modal-box-container[data-modal-animation*="animated-"] {
4714
- opacity: 0; }
4715
-
4716
- /************ Premium Team Members ************/
4717
- /**********************************************/
4718
- .premium-person-container {
 
 
 
 
 
 
 
 
 
 
 
4719
  position: relative; }
4720
 
4721
- .premium-person-image-container {
4722
- position: relative;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
4723
  text-align: center;
4724
- overflow: hidden; }
4725
- .premium-person-image-container .premium-person-image-wrap {
4726
- overflow: hidden; }
 
4727
 
4728
- .premium-person-zoomout-effect .premium-person-image-container img,
4729
- .premium-person-scale-effect .premium-person-image-container img {
4730
- -webkit-transform: scale(1.2);
4731
- -ms-transform: scale(1.2);
4732
- transform: scale(1.2); }
4733
 
4734
- .premium-person-sepia-effect .premium-person-image-container img {
4735
- -webkit-filter: sepia(30%);
4736
- filter: sepia(30%); }
 
 
4737
 
4738
- .premium-person-bright-effect .premium-person-image-container img {
4739
- -webkit-filter: brightness(1);
4740
- filter: brightness(1); }
 
 
4741
 
4742
- .premium-person-trans-effect .premium-person-image-container img {
4743
- -webkit-transform: translateX(-15px) scale(1.1);
4744
- -ms-transform: translateX(-15px) scale(1.1);
4745
- transform: translateX(-15px) scale(1.1); }
4746
 
4747
- .premium-person-zoomin-effect:hover .premium-person-image-container img {
4748
- -webkit-transform: scale(1.2);
4749
- -ms-transform: scale(1.2);
4750
- transform: scale(1.2); }
4751
 
4752
- .premium-person-zoomout-effect:hover .premium-person-image-container img {
4753
- -webkit-transform: scale(1.1);
4754
- -ms-transform: scale(1.1);
4755
- transform: scale(1.1); }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
4756
 
4757
- .premium-person-scale-effect:hover .premium-person-image-container img {
4758
- -webkit-transform: scale(1.3) rotate(5deg);
4759
- -ms-transform: scale(1.3) rotate(5deg);
4760
- transform: scale(1.3) rotate(5deg); }
4761
 
4762
- .premium-person-grayscale-effect:hover .premium-person-image-container img {
4763
- -webkit-filter: grayscale(100%);
4764
- filter: grayscale(100%); }
4765
 
4766
- .premium-person-blur-effect:hover .premium-person-image-container img {
4767
- -webkit-filter: blur(3px);
4768
- filter: blur(3px); }
4769
 
4770
- .premium-person-sepia-effect:hover .premium-person-image-container img {
4771
- -webkit-filter: sepia(0%);
4772
- filter: sepia(0%); }
4773
 
4774
- .premium-person-bright-effect:hover .premium-person-image-container img {
4775
- -webkit-filter: brightness(1.2);
4776
- filter: brightness(1.2); }
 
 
 
 
4777
 
4778
- .premium-person-trans-effect:hover .premium-person-image-container img {
4779
- -webkit-transform: translateX(0px) scale(1.1);
4780
- -ms-transform: translateX(0px) scale(1.1);
4781
- transform: translateX(0px) scale(1.1); }
 
 
 
4782
 
4783
- .premium-person-container .premium-person-image-container img {
4784
- width: 100%;
4785
- height: 100%;
4786
- display: block;
4787
- -o-object-fit: cover;
4788
- object-fit: cover;
4789
- -webkit-transition: all 0.5s ease-in-out;
4790
- transition: all 0.5s ease-in-out; }
4791
 
4792
- .premium-person-style2 .premium-person-social {
 
 
 
 
 
 
 
 
 
 
4793
  position: absolute;
4794
- top: 0;
4795
- left: 0;
4796
  width: 100%;
4797
- height: 100%;
4798
  z-index: 2;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
4799
  -js-display: flex;
4800
  display: -webkit-box;
4801
  display: -webkit-flex;
4802
  display: -moz-box;
4803
  display: -ms-flexbox;
4804
  display: flex;
4805
- -webkit-box-pack: center;
4806
- -webkit-justify-content: center;
4807
- -moz-box-pack: center;
4808
- -ms-flex-pack: center;
4809
- justify-content: center;
4810
  -webkit-box-align: center;
4811
  -webkit-align-items: center;
4812
  -moz-box-align: center;
4813
  -ms-flex-align: center;
4814
  align-items: center;
4815
- -webkit-box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
4816
- box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
4817
- -webkit-transition: all 0.5s linear 0s;
4818
- transition: all 0.5s linear 0s;
4819
- opacity: 0; }
4820
-
4821
- .premium-person-style2 .premium-person-image-container:hover .premium-person-social {
4822
- opacity: 1; }
4823
 
4824
- .premium-person-list-item a {
4825
- display: inline-block; }
 
4826
 
4827
- .premium-person-style2 .premium-person-list-item a {
4828
- opacity: 0;
4829
- -webkit-transform: scale(0);
4830
- -ms-transform: scale(0);
4831
- transform: scale(0);
4832
- -webkit-transition: all 0.5s ease-in-out 0s;
4833
- transition: all 0.5s ease-in-out 0s; }
4834
 
4835
- .premium-person-style2 .premium-person-image-container:hover .premium-person-list-item a {
4836
- opacity: 1;
4837
- -webkit-transform: scale(1);
4838
- -ms-transform: scale(1);
4839
- transform: scale(1); }
4840
 
4841
- .premium-person-info-container {
4842
- padding: 30px 15px; }
4843
 
4844
- .premium-person-name {
4845
- margin: 0 0 5px;
4846
- font-weight: 700; }
 
 
 
 
 
 
 
4847
 
4848
- .premium-person-title {
4849
- margin: 0 0 20px;
4850
- padding: 0; }
 
 
 
 
 
 
 
4851
 
4852
- .premium-person-content {
4853
- margin: 0 0 30px; }
 
 
 
 
 
 
 
 
 
4854
 
4855
- /*Override Theme List Margin*/
4856
- ul.premium-person-social-list {
4857
- margin: 0px !important;
4858
- padding: 0; }
4859
 
4860
- .premium-person-social-list .premium-person-list-item {
4861
- display: inline;
4862
- list-style: none; }
 
 
4863
 
4864
- .premium-person-social-list li {
4865
- position: relative;
4866
- bottom: 0px;
4867
- -webkit-transition: all 0.2s ease-in-out;
4868
- transition: all 0.2s ease-in-out; }
4869
- .premium-person-social-list li i {
4870
- position: relative;
4871
- bottom: 0px;
4872
- -webkit-transition: all 0.2s ease-in-out;
4873
- transition: all 0.2s ease-in-out; }
4874
 
4875
- .premium-person-defaults-yes li.premium-person-facebook:hover a {
4876
- background-color: #3b5998 !important; }
 
 
4877
 
4878
- .premium-person-defaults-yes li.premium-person-twitter:hover a {
4879
- background-color: #55acee !important; }
 
 
 
 
 
 
 
4880
 
4881
- .premium-person-defaults-yes li.premium-person-linkedin:hover a {
4882
- background-color: #0077b5 !important; }
 
 
 
 
 
 
 
4883
 
4884
- .premium-person-defaults-yes li.premium-person-google:hover a {
4885
- background-color: #dc4e41 !important; }
 
4886
 
4887
- .premium-person-defaults-yes li.premium-person-youtube:hover a {
4888
- background-color: #b31217 !important; }
 
4889
 
4890
- .premium-person-defaults-yes li.premium-person-instagram:hover a {
4891
- background-color: #e4405f !important; }
 
4892
 
4893
- .premium-person-defaults-yes li.premium-person-skype:hover a {
4894
- background-color: #00aff0 !important; }
 
4895
 
4896
- .premium-person-defaults-yes li.premium-person-pinterest:hover a {
4897
- background-color: #bd081c !important; }
4898
 
4899
- .premium-person-defaults-yes li.premium-person-dribbble:hover a {
4900
- background-color: #ea4c89 !important; }
 
 
 
4901
 
4902
- .premium-person-defaults-yes li.premium-person-mail:hover a {
4903
- background-color: #b23121 !important; }
 
 
 
 
 
 
 
4904
 
4905
- .premium-person-defaults-yes li.premium-person-behance:hover a {
4906
- background-color: #1769ff !important; }
 
 
4907
 
4908
- .premium-person-defaults-yes li.premium-person-whatsapp:hover a {
4909
- background-color: #25d366 !important; }
 
 
4910
 
4911
- .premium-person-defaults-yes li.premium-person-telegram:hover a {
4912
- background-color: #0088cc !important; }
 
 
4913
 
4914
- .premium-person-defaults-yes li.premium-person-site:hover a {
4915
- background-color: #0055a5 !important; }
 
4916
 
4917
- .premium-person-social-list li:hover a {
4918
- -webkit-box-shadow: none;
4919
- box-shadow: none; }
4920
 
4921
- .premium-person-social-list li a:focus {
4922
- -webkit-box-shadow: none;
4923
- box-shadow: none;
4924
- outline: none; }
4925
 
4926
- .premium-person-social-list li i {
4927
- font-size: 18px; }
 
 
4928
 
4929
- .elementor-widget-premium-addon-person .elementor-widget-container {
4930
- -js-display: flex;
4931
- display: -webkit-box;
4932
- display: -webkit-flex;
4933
- display: -moz-box;
4934
- display: -ms-flexbox;
4935
- display: flex;
4936
- -webkit-box-pack: center;
4937
- -webkit-justify-content: center;
4938
- -moz-box-pack: center;
4939
- -ms-flex-pack: center;
4940
- justify-content: center; }
4941
 
4942
- .premium-persons-container.multiple-persons {
4943
- -js-display: flex;
4944
- display: -webkit-box;
4945
- display: -webkit-flex;
4946
- display: -moz-box;
4947
- display: -ms-flexbox;
4948
- display: flex;
4949
- -webkit-flex-wrap: wrap;
4950
- -ms-flex-wrap: wrap;
4951
- flex-wrap: wrap;
4952
- width: 100%; }
4953
 
4954
- .premium-person-style1 .premium-person-container {
4955
  overflow: hidden; }
4956
- .premium-person-style1 .premium-person-container .premium-person-info {
4957
- position: absolute;
4958
- top: auto;
4959
- right: 0;
4960
- left: 0;
4961
- -webkit-transition: all 500ms ease 0s;
4962
- transition: all 500ms ease 0s;
4963
- -webkit-transform: translate3d(0, 100%, 0);
4964
- transform: translate3d(0, 100%, 0); }
4965
- .premium-person-style1 .premium-person-container:hover .premium-person-info {
4966
- -webkit-transform: translate3d(0, 0, 0);
4967
- transform: translate3d(0, 0, 0);
4968
- bottom: -1px !important; }
4969
 
4970
- .premium-person-style1 .premium-person-social-list li:hover {
4971
- bottom: 5px; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
4972
 
4973
- .premium-person-style1.multiple-persons:not([data-persons-equal="yes"]) {
4974
- -webkit-box-align: start;
4975
- -webkit-align-items: flex-start;
4976
- -moz-box-align: start;
4977
- -ms-flex-align: start;
4978
- align-items: flex-start; }
 
 
 
 
 
4979
 
4980
- .premium-person-style1 .slick-track {
4981
- -js-display: flex;
4982
- display: -webkit-box;
4983
- display: -webkit-flex;
4984
- display: -moz-box;
4985
- display: -ms-flexbox;
4986
- display: flex; }
4987
 
4988
- .premium-person-style1 .slick-slide {
4989
- height: inherit !important; }
 
 
 
 
 
4990
 
4991
- .premium-person-style3 .premium-person-info-container {
4992
  position: absolute;
4993
  top: 0;
4994
  left: 0;
4995
  width: 100%;
4996
  height: 100%;
 
 
 
 
 
 
 
 
 
4997
  -js-display: flex;
4998
  display: -webkit-box;
4999
  display: -webkit-flex;
5000
  display: -moz-box;
5001
  display: -ms-flexbox;
5002
  display: flex;
5003
- -webkit-box-orient: vertical;
5004
- -webkit-box-direction: normal;
5005
- -webkit-flex-direction: column;
5006
- -moz-box-orient: vertical;
5007
- -moz-box-direction: normal;
5008
- -ms-flex-direction: column;
5009
- flex-direction: column;
5010
- -webkit-box-pack: justify;
5011
- -webkit-justify-content: space-between;
5012
- -moz-box-pack: justify;
5013
- -ms-flex-pack: justify;
5014
- justify-content: space-between; }
5015
 
5016
- .premium-person-style3 .premium-person-title-desc-wrap {
5017
- -js-display: flex;
5018
- display: -webkit-box;
5019
- display: -webkit-flex;
5020
- display: -moz-box;
5021
- display: -ms-flexbox;
5022
- display: flex;
5023
- -webkit-box-orient: horizontal;
5024
- -webkit-box-direction: reverse;
5025
- -webkit-flex-direction: row-reverse;
5026
- -moz-box-orient: horizontal;
5027
- -moz-box-direction: reverse;
5028
- -ms-flex-direction: row-reverse;
5029
- flex-direction: row-reverse;
5030
- -webkit-box-pack: justify;
5031
- -webkit-justify-content: space-between;
5032
- -moz-box-pack: justify;
5033
- -ms-flex-pack: justify;
5034
- justify-content: space-between;
5035
- -webkit-box-align: start;
5036
- -webkit-align-items: flex-start;
5037
- -moz-box-align: start;
5038
- -ms-flex-align: start;
5039
- align-items: flex-start; }
5040
 
5041
- .premium-person-style3 .premium-person-name-icons-wrap {
5042
- -js-display: flex;
5043
- display: -webkit-box;
5044
- display: -webkit-flex;
5045
- display: -moz-box;
5046
- display: -ms-flexbox;
5047
- display: flex;
5048
- -webkit-box-pack: justify;
5049
- -webkit-justify-content: space-between;
5050
- -moz-box-pack: justify;
5051
- -ms-flex-pack: justify;
5052
- justify-content: space-between;
5053
- -webkit-box-align: end;
5054
- -webkit-align-items: flex-end;
5055
- -moz-box-align: end;
5056
- -ms-flex-align: end;
5057
- align-items: flex-end; }
5058
 
5059
- .premium-person-style3 .premium-person-title {
5060
- opacity: 0;
5061
- -webkit-transition: all 0.3s ease;
5062
- transition: all 0.3s ease;
5063
- width: 0; }
5064
- .premium-person-style3 .premium-person-title span {
5065
- display: inline-block; }
5066
 
5067
- .premium-person-style3 .premium-person-name {
5068
- padding-left: 10px; }
 
 
 
5069
 
5070
- .premium-person-style3 .premium-person-social-list {
5071
- -js-display: flex;
5072
- display: -webkit-box;
5073
- display: -webkit-flex;
5074
- display: -moz-box;
5075
- display: -ms-flexbox;
5076
- display: flex;
5077
- -webkit-box-orient: vertical;
5078
- -webkit-box-direction: normal;
5079
- -webkit-flex-direction: column;
5080
- -moz-box-orient: vertical;
5081
- -moz-box-direction: normal;
5082
- -ms-flex-direction: column;
5083
- flex-direction: column;
5084
- -webkit-transform: translateY(20px);
5085
- -ms-transform: translateY(20px);
5086
- transform: translateY(20px);
5087
- opacity: 0;
5088
- -webkit-transition: all 0.3s ease;
5089
- transition: all 0.3s ease; }
5090
 
5091
- .premium-person-style3 .premium-person-list-item {
5092
- line-height: 0; }
5093
- .premium-person-style3 .premium-person-list-item a {
5094
- padding: 5px 10px 0 0;
5095
- margin: 5px 0; }
 
5096
 
5097
- .premium-person-style3 .premium-person-container:hover .premium-person-title {
5098
- opacity: 1; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
5099
 
5100
- .premium-person-style3 .premium-person-container:hover .premium-person-social-list {
5101
- opacity: 1;
5102
- -webkit-transform: translateY(0);
5103
- -ms-transform: translateY(0);
5104
- transform: translateY(0); }
 
 
 
 
 
 
 
5105
 
5106
- .premium-persons-title-cw .premium-person-title {
5107
- -webkit-transform: translateX(15px) rotate(90deg);
5108
- -ms-transform: translateX(15px) rotate(90deg);
5109
- transform: translateX(15px) rotate(90deg);
5110
- -webkit-transform-origin: top;
5111
- -ms-transform-origin: top;
5112
- transform-origin: top; }
5113
 
5114
- .premium-persons-title-cw .premium-person-container:hover .premium-person-title {
5115
- -webkit-transform: translateX(0) rotate(90deg);
5116
- -ms-transform: translateX(0) rotate(90deg);
5117
- transform: translateX(0) rotate(90deg); }
5118
 
5119
- .premium-persons-title-ccw .premium-person-title {
5120
- width: auto;
5121
- margin-right: 20px;
5122
- -webkit-transform: translateX(15px) rotate(-90deg);
5123
- -ms-transform: translateX(15px) rotate(-90deg);
5124
- transform: translateX(15px) rotate(-90deg);
5125
- -webkit-transform-origin: center right;
5126
- -ms-transform-origin: center right;
5127
- transform-origin: center right; }
5128
-
5129
- .premium-persons-title-ccw .premium-person-container:hover .premium-person-title {
5130
- -webkit-transform: translateX(0) rotate(-90deg);
5131
- -ms-transform: translateX(0) rotate(-90deg);
5132
- transform: translateX(0) rotate(-90deg); }
5133
-
5134
- /**************** Premium Pricing Table ****************/
5135
- /*******************************************************/
5136
- .premium-pricing-table-container {
5137
- position: relative;
5138
- overflow: hidden;
5139
- text-align: center;
5140
- -webkit-transition: all 0.3s ease-in-out;
5141
- transition: all 0.3s ease-in-out; }
5142
 
5143
- .premium-pricing-icon-container {
5144
- -js-display: flex;
5145
- display: -webkit-box;
5146
- display: -webkit-flex;
5147
- display: -moz-box;
5148
- display: -ms-flexbox;
5149
- display: flex;
5150
- -webkit-box-pack: center;
5151
- -webkit-justify-content: center;
5152
- -moz-box-pack: center;
5153
- -ms-flex-pack: center;
5154
- justify-content: center;
5155
- line-height: 0; }
5156
- .premium-pricing-icon-container .premium-pricing-icon {
5157
- display: inline-block; }
5158
- .premium-pricing-icon-container .premium-pricing-image {
5159
- overflow: hidden; }
5160
- .premium-pricing-icon-container .premium-pricing-image img {
5161
- width: 25px;
5162
- height: 25px;
5163
- -o-object-fit: cover;
5164
- object-fit: cover; }
5165
 
5166
- .premium-badge-left {
5167
  position: absolute;
5168
- top: 0; }
 
 
 
 
 
 
 
 
5169
 
5170
- .premium-badge-right {
5171
  position: absolute;
 
5172
  top: 0;
5173
- right: 0; }
 
 
 
 
 
 
 
 
5174
 
5175
- .premium-badge-left {
5176
- left: 0; }
 
 
5177
 
5178
- .premium-badge-triangle.premium-badge-left .corner {
5179
- width: 0;
5180
- height: 0;
5181
- border-top: 150px solid;
5182
- border-bottom: 150px solid transparent;
5183
- border-right: 150px solid transparent; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
5184
 
5185
- .premium-badge-triangle.premium-badge-right .corner {
5186
- width: 0;
5187
- height: 0;
5188
- border-bottom: 150px solid transparent;
5189
- border-right: 150px solid;
5190
- border-left: 150px solid transparent; }
5191
 
5192
- .premium-badge-triangle span {
5193
- position: absolute;
5194
- top: 35px;
5195
- width: 100px;
 
 
 
 
 
 
 
 
 
 
 
 
5196
  text-align: center;
5197
- -webkit-transform: rotate(-45deg);
5198
- -ms-transform: rotate(-45deg);
5199
- transform: rotate(-45deg);
5200
- display: block;
5201
- text-transform: uppercase; }
 
 
 
 
 
 
5202
 
5203
- .premium-badge-triangle.premium-badge-right span {
5204
- -webkit-transform: rotate(45deg);
5205
- -ms-transform: rotate(45deg);
5206
- transform: rotate(45deg);
5207
- right: 0; }
5208
 
5209
- .premium-badge-circle {
5210
- min-width: 4em;
5211
- min-height: 4em;
5212
- line-height: 4em;
5213
- text-align: center;
5214
- -webkit-border-radius: 100%;
5215
- border-radius: 100%;
5216
- position: absolute;
5217
- z-index: 1; }
5218
 
5219
- .premium-badge-stripe {
5220
- position: absolute;
5221
- -webkit-transform: rotate(90deg);
5222
- -ms-transform: rotate(90deg);
5223
- transform: rotate(90deg);
5224
- width: 15em;
5225
- overflow: hidden;
5226
- height: 15em; }
5227
- .premium-badge-stripe.premium-badge-left {
5228
- -webkit-transform: rotate(0);
5229
- -ms-transform: rotate(0);
5230
- transform: rotate(0); }
5231
- .premium-badge-stripe .corner {
5232
- text-align: center;
5233
- left: 0;
5234
- width: 150%;
5235
- -webkit-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
5236
- -ms-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
5237
- transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
5238
- margin-top: 35px;
5239
- font-size: 13px;
5240
- line-height: 2;
5241
- font-weight: 800;
5242
- text-transform: uppercase; }
5243
-
5244
- .premium-badge-flag .corner {
5245
- text-align: center;
5246
- -webkit-border-radius: 4px 4px 0 4px;
5247
- border-radius: 4px 4px 0 4px;
5248
- padding: 3px 15px;
5249
- position: absolute;
5250
- top: 10%;
5251
- right: -8px; }
5252
- .premium-badge-flag .corner::before, .premium-badge-flag .corner::after {
5253
- content: "";
5254
- display: block;
 
 
 
 
 
5255
  position: absolute;
5256
- width: 0;
5257
- height: 0;
5258
- top: 100%;
5259
- right: 0;
5260
- border-bottom: 8px solid transparent; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
5261
 
5262
- .elementor-widget-premium-addon-pricing-table .elementor-widget-container {
5263
- overflow: visible !important; }
 
 
5264
 
5265
- .premium-badge-flag .corner::after {
5266
- border-left: 8px solid rgba(0, 0, 0, 0.2); }
 
5267
 
5268
- .premium-pricing-price-currency {
5269
- position: relative; }
5270
 
5271
- .premium-pricing-button-container {
5272
- display: block; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
5273
 
5274
- .premium-pricing-list {
5275
  -js-display: flex;
5276
  display: -webkit-box;
5277
  display: -webkit-flex;
5278
  display: -moz-box;
5279
  display: -ms-flexbox;
5280
  display: flex;
5281
- -webkit-box-orient: vertical;
5282
- -webkit-box-direction: normal;
5283
- -webkit-flex-direction: column;
5284
- -moz-box-orient: vertical;
5285
- -moz-box-direction: normal;
5286
- -ms-flex-direction: column;
5287
- flex-direction: column;
5288
- list-style-type: none;
5289
- margin: 0; }
5290
- .premium-pricing-list .premium-pricing-list-item {
 
 
 
 
 
5291
  -js-display: flex;
5292
  display: -webkit-box;
5293
  display: -webkit-flex;
@@ -5298,76 +4616,761 @@ ul.premium-person-social-list {
5298
  -webkit-align-items: center;
5299
  -moz-box-align: center;
5300
  -ms-flex-align: center;
5301
- align-items: center; }
5302
- .premium-pricing-list .premium-pricing-list-item svg {
 
 
5303
  width: 50px;
5304
- height: 50px; }
5305
- .premium-pricing-list .premium-pricing-list-item img {
5306
- width: 30px;
5307
- height: 30px;
5308
- -o-object-fit: cover;
5309
- object-fit: cover; }
5310
- .premium-pricing-list .premium-pricing-list-span {
5311
- position: relative; }
5312
- .premium-pricing-list .list-item-tooltip {
5313
- border-bottom: 1px dotted; }
5314
- .premium-pricing-list .premium-pricing-list-tooltip {
5315
- position: absolute;
5316
- top: -webkit-calc(100% + 1px);
5317
- top: calc(100% + 1px);
5318
- left: 0;
5319
- visibility: hidden;
5320
- padding: 15px 20px;
5321
- -webkit-border-radius: 5px;
5322
- border-radius: 5px;
5323
- min-width: 200px;
5324
- overflow: hidden;
5325
- text-align: left;
5326
- font-size: 0.8rem;
5327
- color: #fff;
5328
- background-color: #aaa; }
5329
 
5330
- .premium-pricing-features-left .premium-pricing-list-span {
5331
- text-align: left; }
 
5332
 
5333
- .premium-pricing-features-center .premium-pricing-list-span {
5334
- text-align: center; }
 
 
 
 
 
 
 
 
 
 
 
 
 
5335
 
5336
- .premium-pricing-features-right .premium-pricing-list-span {
5337
- text-align: right; }
5338
 
5339
- .premium-pricing-list-span:hover .premium-pricing-list-tooltip {
5340
- z-index: 99;
5341
- visibility: visible;
5342
- opacity: 1; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
5343
 
5344
- .premium-pricing-slashed-price-value {
5345
  display: inline-block;
5346
- font-size: 20px;
5347
- font-weight: 400;
5348
- margin-right: 5px; }
 
5349
 
5350
- .premium-pricing-price-value {
5351
- font-size: 70px; }
 
 
5352
 
5353
- .premium-pricing-description-container li {
5354
- list-style-position: inside;
5355
- text-indent: -40px; }
5356
 
5357
- @-moz-document url-prefix() {
5358
- .premium-pricing-description-container li {
5359
- text-indent: 0px; } }
5360
 
5361
- .premium-pricing-price-button {
5362
- display: block;
5363
- padding: 6px 12px;
5364
- line-height: 1.42857143;
5365
- text-align: center;
5366
- color: #fff;
5367
- background: #6ec1e4;
5368
- margin-bottom: 0;
5369
  -webkit-transition: all 0.3s ease-in-out;
5370
  transition: all 0.3s ease-in-out; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
5371
 
5372
  /**************** Premium Progress Bar ****************/
5373
  /******************************************************/
1264
  -webkit-transform: translate3d(-10px, 0, 0) scale(1.1);
1265
  transform: translate3d(-10px, 0, 0) scale(1.1); }
1266
 
1267
+ /**************** Premium Blog *****************/
1268
+ /***********************************************/
1269
+ .premium-blog-thumb-effect-wrapper {
1270
+ position: relative;
1271
+ overflow: hidden; }
1272
+
1273
+ .premium-blog-effect-container:not(.premium-blog-bordered-effect) .premium-blog-post-link {
1274
+ position: absolute;
1275
+ top: 0;
1276
+ left: 0;
1277
+ width: 100%;
1278
+ height: 100%;
1279
+ z-index: 2;
1280
+ padding: 20px; }
1281
+
1282
+ .premium-blog-bordered-effect .premium-blog-post-link {
1283
+ display: block;
1284
+ height: 100%;
1285
+ position: relative; }
1286
+
1287
+ /*Thumbnail Img*/
1288
+ .premium-blog-thumbnail-container {
1289
+ overflow: hidden; }
1290
+ .premium-blog-thumbnail-container img,
1291
+ .premium-blog-thumbnail-container .below-entry-meta {
1292
+ width: 100%;
1293
+ height: 100%;
1294
+ margin: 0 !important;
1295
+ -webkit-transition: all 0.4s ease-in-out;
1296
+ transition: all 0.4s ease-in-out;
1297
+ display: block; }
1298
+
1299
+ .premium-blog-zoomout-effect img,
1300
+ .premium-blog-scale-effect img {
1301
+ -webkit-transform: scale(1.2);
1302
+ -ms-transform: scale(1.2);
1303
+ transform: scale(1.2); }
1304
+
1305
+ .premium-blog-sepia-effect img {
1306
+ -webkit-filter: sepia(30%);
1307
+ filter: sepia(30%); }
1308
+
1309
+ .premium-blog-bright-effect img {
1310
+ -webkit-filter: brightness(1);
1311
+ filter: brightness(1); }
1312
+
1313
+ .premium-blog-trans-effect img {
1314
+ -webkit-transform: translateX(-15px) scale(1.1);
1315
+ -ms-transform: translateX(-15px) scale(1.1);
1316
+ transform: translateX(-15px) scale(1.1); }
1317
+
1318
+ .premium-blog-post-outer-container:hover .premium-blog-zoomin-effect img {
1319
+ -webkit-transform: scale(1.2);
1320
+ -ms-transform: scale(1.2);
1321
+ transform: scale(1.2); }
1322
+
1323
+ .premium-blog-post-outer-container:hover .premium-blog-zoomout-effect img {
1324
+ -webkit-transform: scale(1.1);
1325
+ -ms-transform: scale(1.1);
1326
+ transform: scale(1.1); }
1327
+
1328
+ .premium-blog-post-outer-container:hover .premium-blog-scale-effect img {
1329
+ -webkit-transform: scale(1.3) rotate(5deg);
1330
+ -ms-transform: scale(1.3) rotate(5deg);
1331
+ transform: scale(1.3) rotate(5deg); }
1332
+
1333
+ .premium-blog-post-outer-container:hover .premium-blog-gray-effect img {
1334
+ -webkit-filter: grayscale(100%);
1335
+ filter: grayscale(100%); }
1336
+
1337
+ .premium-blog-post-outer-container:hover .premium-blog-blur-effect img {
1338
+ -webkit-filter: blur(3px);
1339
+ filter: blur(3px); }
1340
+
1341
+ .premium-blog-post-outer-container:hover .premium-blog-sepia-effect img {
1342
+ -webkit-filter: sepia(0%);
1343
+ filter: sepia(0%); }
1344
+
1345
+ .premium-blog-post-outer-container:hover .premium-blog-bright-effect img {
1346
+ -webkit-filter: brightness(1.2);
1347
+ filter: brightness(1.2); }
1348
+
1349
+ .premium-blog-post-outer-container:hover .premium-blog-trans-effect img {
1350
+ -webkit-transform: translateX(0px) scale(1.1);
1351
+ -ms-transform: translateX(0px) scale(1.1);
1352
+ transform: translateX(0px) scale(1.1); }
1353
+
1354
+ .premium-blog-post-container {
1355
+ overflow: hidden; }
1356
+ .premium-blog-post-container .premium-blog-inner-container {
1357
+ -js-display: flex;
1358
+ display: -webkit-box;
1359
+ display: -webkit-flex;
1360
+ display: -moz-box;
1361
+ display: -ms-flexbox;
1362
+ display: flex;
1363
+ -webkit-box-orient: vertical;
1364
+ -webkit-box-direction: normal;
1365
+ -webkit-flex-direction: column;
1366
+ -moz-box-orient: vertical;
1367
+ -moz-box-direction: normal;
1368
+ -ms-flex-direction: column;
1369
+ flex-direction: column; }
1370
+ .premium-blog-post-container .premium-blog-post-content {
1371
+ line-height: 1.5em;
1372
+ color: #777;
1373
+ font-size: 14px;
1374
+ margin-bottom: 10px; }
1375
+ .premium-blog-post-container ul.post-categories a:hover, .premium-blog-post-container ul.post-categories a:focus,
1376
+ .premium-blog-post-container .premium-blog-post-link:hover,
1377
+ .premium-blog-post-container .premium-blog-post-link:focus {
1378
+ -webkit-box-shadow: none !important;
1379
+ box-shadow: none !important;
1380
+ outline: none !important; }
1381
+ .premium-blog-post-container .premium-blog-entry-title {
1382
+ font-size: 18px;
1383
+ margin-bottom: 5px; }
1384
+ .premium-blog-post-container.premium-blog-skin-modern .premium-blog-content-wrapper {
1385
+ position: relative;
1386
+ z-index: 3;
1387
+ top: -50px; }
1388
+ .premium-blog-post-container .premium-blog-content-wrapper {
1389
+ background-color: #f5f5f5;
1390
+ padding: 30px; }
1391
+ .premium-blog-post-container .premium-blog-content-wrapper.empty-thumb {
1392
+ top: 0; }
1393
+ .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 {
1394
+ position: absolute;
1395
+ content: "";
1396
+ z-index: 1;
1397
+ top: 50%;
1398
+ left: 50%;
1399
+ opacity: 0;
1400
+ -webkit-transform: translate(-50%, -50%);
1401
+ -ms-transform: translate(-50%, -50%);
1402
+ transform: translate(-50%, -50%);
1403
+ -webkit-transition: all 0.4s linear 0s;
1404
+ transition: all 0.4s linear 0s;
1405
+ height: 1px;
1406
+ width: 100%;
1407
+ background-color: #fff; }
1408
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before {
1409
+ width: 1px;
1410
+ height: 100%; }
1411
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner):hover .premium-blog-thumbnail-container:after {
1412
+ width: 20px;
1413
+ opacity: 1; }
1414
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner):hover .premium-blog-thumbnail-container:before {
1415
+ height: 20px;
1416
+ opacity: 1; }
1417
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-content-wrapper {
1418
+ margin: 0px 10px 20px;
1419
+ clear: both; }
1420
+ .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 {
1421
+ position: absolute;
1422
+ top: 0;
1423
+ left: 0;
1424
+ width: 100%;
1425
+ height: 100%;
1426
+ -webkit-transition: all 0.3s ease-in-out;
1427
+ transition: all 0.3s ease-in-out;
1428
+ opacity: 0; }
1429
+ .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 {
1430
+ -js-display: flex;
1431
+ display: -webkit-box;
1432
+ display: -webkit-flex;
1433
+ display: -moz-box;
1434
+ display: -ms-flexbox;
1435
+ display: flex;
1436
+ -webkit-box-pack: center;
1437
+ -webkit-justify-content: center;
1438
+ -moz-box-pack: center;
1439
+ -ms-flex-pack: center;
1440
+ justify-content: center;
1441
+ -webkit-box-align: center;
1442
+ -webkit-align-items: center;
1443
+ -moz-box-align: center;
1444
+ -ms-flex-align: center;
1445
+ align-items: center;
1446
+ width: 100%;
1447
+ height: 100%; }
1448
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay span,
1449
+ .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,
1450
+ .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,
1451
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay i {
1452
+ -webkit-transition: all 0.3s ease-in-out;
1453
+ transition: all 0.3s ease-in-out; }
1454
+ .premium-blog-post-container.premium-blog-skin-side {
1455
+ -js-display: flex;
1456
+ display: -webkit-box;
1457
+ display: -webkit-flex;
1458
+ display: -moz-box;
1459
+ display: -ms-flexbox;
1460
+ display: flex; }
1461
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-container {
1462
+ height: 100%; }
1463
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-content-wrapper {
1464
+ -webkit-box-flex: 1;
1465
+ -webkit-flex: 1;
1466
+ -moz-box-flex: 1;
1467
+ -ms-flex: 1;
1468
+ flex: 1; }
1469
+ .premium-blog-post-container.premium-blog-skin-banner {
1470
+ position: relative; }
1471
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper {
1472
+ position: absolute;
1473
+ width: 100%;
1474
+ bottom: -5px;
1475
+ -js-display: flex;
1476
+ display: -webkit-box;
1477
+ display: -webkit-flex;
1478
+ display: -moz-box;
1479
+ display: -ms-flexbox;
1480
+ display: flex;
1481
+ -webkit-box-orient: vertical;
1482
+ -webkit-box-direction: normal;
1483
+ -webkit-flex-direction: column;
1484
+ -moz-box-orient: vertical;
1485
+ -moz-box-direction: normal;
1486
+ -ms-flex-direction: column;
1487
+ flex-direction: column;
1488
+ background-color: transparent;
1489
+ z-index: 3;
1490
+ -webkit-transition: bottom 0.3s ease-in-out;
1491
+ transition: bottom 0.3s ease-in-out; }
1492
+ .premium-blog-post-container.premium-blog-skin-banner:hover .premium-blog-content-wrapper {
1493
+ bottom: 0px; }
1494
+ .premium-blog-post-container .premium-blog-cats-container ul.post-categories {
1495
+ margin: 0;
1496
+ padding: 0;
1497
+ list-style: none;
1498
+ -js-display: flex;
1499
+ display: -webkit-box;
1500
+ display: -webkit-flex;
1501
+ display: -moz-box;
1502
+ display: -ms-flexbox;
1503
+ display: flex; }
1504
+ .premium-blog-post-container .premium-blog-cats-container a {
1505
+ display: block;
1506
+ font-size: 12px;
1507
+ color: #fff;
1508
+ background-color: #777;
1509
+ margin: 0 3px 10px 0;
1510
+ padding: 5px;
1511
+ -webkit-transition: all 0.3s ease-in-out;
1512
+ transition: all 0.3s ease-in-out; }
1513
+
1514
+ /*
1515
+ * Diagonal Effect
1516
+ */
1517
+ .premium-blog-diagonal-container {
1518
+ position: absolute;
1519
+ top: 0;
1520
+ left: 0;
1521
+ width: 100%;
1522
+ height: 100%; }
1523
+
1524
+ .premium-blog-diagonal-effect:before {
1525
+ position: absolute;
1526
+ top: 0px;
1527
+ left: 0px;
1528
+ width: 100%;
1529
+ height: 100%;
1530
+ content: " ";
1531
+ z-index: 1;
1532
+ background: rgba(255, 255, 255, 0.2);
1533
+ -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
1534
+ transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
1535
+ -webkit-transition: all 0.3s linear 0s;
1536
+ transition: all 0.3s linear 0s; }
1537
+
1538
+ .premium-blog-post-outer-container:hover .premium-blog-diagonal-effect:before {
1539
+ -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
1540
+ transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); }
1541
+
1542
+ /*
1543
+ * Framed Effect
1544
+ */
1545
+ .premium-blog-framed-effect {
1546
+ position: absolute;
1547
+ width: -webkit-calc(100% - 30px);
1548
+ width: calc(100% - 30px);
1549
+ height: -webkit-calc(100% - 30px);
1550
+ height: calc(100% - 30px);
1551
+ top: 15px;
1552
+ left: 15px;
1553
+ opacity: 0;
1554
+ -webkit-transform: scale(0.3);
1555
+ -ms-transform: scale(0.3);
1556
+ transform: scale(0.3);
1557
+ -webkit-transition: all 0.3s linear 0s;
1558
+ transition: all 0.3s linear 0s; }
1559
+
1560
+ .premium-blog-post-outer-container:hover .premium-blog-framed-effect {
1561
+ opacity: 0.99;
1562
+ -webkit-transform: scale(1);
1563
+ -ms-transform: scale(1);
1564
+ transform: scale(1); }
1565
+
1566
+ /*
1567
+ * Bordered Effect
1568
+ */
1569
+ .premium-blog-bordered-effect {
1570
+ position: absolute;
1571
+ top: 0;
1572
+ left: 0;
1573
+ width: 100%;
1574
+ height: 100%;
1575
+ opacity: 0;
1576
+ padding: 15px;
1577
+ -webkit-transition: all 0.3s linear 0s;
1578
+ transition: all 0.3s linear 0s; }
1579
+ .premium-blog-bordered-effect .premium-blog-post-link:before, .premium-blog-bordered-effect .premium-blog-post-link:after {
1580
+ content: "";
1581
+ display: block;
1582
+ position: absolute;
1583
+ top: 0;
1584
+ left: 0;
1585
+ width: 100%;
1586
+ height: 100%;
1587
+ -webkit-transition: all 0.5s linear 0s;
1588
+ transition: all 0.5s linear 0s;
1589
+ -webkit-transition-delay: 0s;
1590
+ transition-delay: 0s;
1591
+ border-color: rgba(255, 255, 255, 0.45); }
1592
+ .premium-blog-bordered-effect .premium-blog-post-link:before {
1593
+ border-right: 2px solid;
1594
+ border-left: 2px solid;
1595
+ -webkit-transform: scale(1, 0);
1596
+ -ms-transform: scale(1, 0);
1597
+ transform: scale(1, 0);
1598
+ -webkit-transform-origin: 100% 0;
1599
+ -ms-transform-origin: 100% 0;
1600
+ transform-origin: 100% 0; }
1601
+ .premium-blog-bordered-effect .premium-blog-post-link:after {
1602
+ border-top: 2px solid;
1603
+ border-bottom: 2px solid;
1604
+ -webkit-transform: scale(0, 1);
1605
+ -ms-transform: scale(0, 1);
1606
+ transform: scale(0, 1);
1607
+ -webkit-transform-origin: 0 0;
1608
+ -ms-transform-origin: 0 0;
1609
+ transform-origin: 0 0; }
1610
+
1611
+ .premium-blog-bordered-effect:hover {
1612
+ opacity: 0.99; }
1613
+ .premium-blog-bordered-effect:hover .premium-blog-post-link:before, .premium-blog-bordered-effect:hover .premium-blog-post-link:after {
1614
+ -webkit-transition-delay: 0.15s;
1615
+ transition-delay: 0.15s;
1616
+ opacity: 1;
1617
+ -webkit-transform: scale(1);
1618
+ -ms-transform: scale(1);
1619
+ transform: scale(1); }
1620
+
1621
+ /*
1622
+ * Squares Effect
1623
+ */
1624
+ .premium-blog-squares-effect,
1625
+ .premium-blog-squares-square-container {
1626
+ position: absolute;
1627
+ top: 0;
1628
+ left: 0;
1629
+ width: 100%;
1630
+ height: 100%; }
1631
+
1632
+ .premium-blog-squares-effect:before, .premium-blog-squares-effect:after {
1633
+ position: absolute;
1634
+ content: "";
1635
+ top: 0;
1636
+ left: 0;
1637
+ width: 50%;
1638
+ height: 50%;
1639
+ -webkit-transform: translate(-100%, -100%);
1640
+ -ms-transform: translate(-100%, -100%);
1641
+ transform: translate(-100%, -100%);
1642
+ opacity: 0.7;
1643
+ -webkit-transition: all 0.3s linear 0s;
1644
+ transition: all 0.3s linear 0s; }
1645
+
1646
+ .premium-blog-squares-square-container:before, .premium-blog-squares-square-container:after {
1647
+ position: absolute;
1648
+ content: "";
1649
+ top: 0;
1650
+ left: 0;
1651
+ width: 50%;
1652
+ height: 50%;
1653
+ -webkit-transform: translate(-100%, -100%);
1654
+ -ms-transform: translate(-100%, -100%);
1655
+ transform: translate(-100%, -100%);
1656
+ opacity: 0.7;
1657
+ -webkit-transition: all 0.3s linear 0s;
1658
+ transition: all 0.3s linear 0s; }
1659
+
1660
+ .premium-blog-squares-square-container:before, .premium-blog-squares-square-container:after {
1661
+ opacity: 0.8; }
1662
+
1663
+ .premium-blog-squares-effect:after {
1664
+ -webkit-transform: translate(200%, 200%);
1665
+ -ms-transform: translate(200%, 200%);
1666
+ transform: translate(200%, 200%); }
1667
+
1668
+ .premium-blog-squares-square-container:before {
1669
+ -webkit-transform: translate(-100%, 200%);
1670
+ -ms-transform: translate(-100%, 200%);
1671
+ transform: translate(-100%, 200%); }
1672
+
1673
+ .premium-blog-squares-square-container:after {
1674
+ -webkit-transform: translate(200%, -100%);
1675
+ -ms-transform: translate(200%, -100%);
1676
+ transform: translate(200%, -100%); }
1677
+
1678
+ .premium-blog-squares-effect:hover:before {
1679
+ -webkit-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
1680
+ -ms-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
1681
+ transform: translate(0, 0%) scaleY(1.003) scaleX(1.003); }
1682
+
1683
+ .premium-blog-squares-effect:hover:after {
1684
+ -webkit-transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003);
1685
+ -ms-transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003);
1686
+ transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003); }
1687
+
1688
+ .premium-blog-squares-effect:hover .premium-blog-squares-square-container:before {
1689
+ -webkit-transform: translate(0, 100%);
1690
+ -ms-transform: translate(0, 100%);
1691
+ transform: translate(0, 100%); }
1692
+
1693
+ .premium-blog-squares-effect:hover .premium-blog-squares-square-container:after {
1694
+ -webkit-transform: translate(100%, 0%);
1695
+ -ms-transform: translate(100%, 0%);
1696
+ transform: translate(100%, 0%); }
1697
+
1698
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay {
1699
+ opacity: 1; }
1700
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay a {
1701
+ opacity: 1;
1702
+ -webkit-transform: scale(1);
1703
+ -ms-transform: scale(1);
1704
+ transform: scale(1); }
1705
+
1706
+ .premium-blog-clear-fix {
1707
+ clear: both; }
1708
+
1709
+ .premium-blog-masked .premium-blog-thumbnail-container {
1710
+ position: relative;
1711
+ overflow: visible; }
1712
+ .premium-blog-masked .premium-blog-thumbnail-container svg {
1713
+ position: absolute;
1714
+ height: 100px;
1715
+ width: 100%;
1716
+ bottom: -5px;
1717
+ left: 0;
1718
+ fill: #f5f5f5;
1719
+ z-index: 99; }
1720
+ .premium-blog-masked .premium-blog-thumbnail-container svg.premium-blog-shape-divider-svg {
1721
+ -webkit-transform: rotate(180deg);
1722
+ -ms-transform: rotate(180deg);
1723
+ transform: rotate(180deg); }
1724
+
1725
+ .premium-blog-masked .premium-blog-author-thumbnail,
1726
+ .premium-blog-masked .premium-blog-skin-banner .premium-blog-content-wrapper {
1727
+ z-index: 999 !important; }
1728
+
1729
+ .premium-blog-format-link {
1730
+ padding: 5px;
1731
+ line-height: 0; }
1732
+
1733
+ .premium-blog-entry-meta {
1734
+ line-height: 1.3em;
1735
+ font-size: 12px;
1736
+ margin-bottom: 13px;
1737
+ color: #adadad; }
1738
+ .premium-blog-entry-meta i {
1739
+ margin-right: 3px;
1740
+ -webkit-transition: all 0.3s ease-in-out;
1741
+ transition: all 0.3s ease-in-out; }
1742
+
1743
+ .premium-blog-meta-data {
1744
+ display: inline-block; }
1745
+ .premium-blog-meta-data .premium-blog-meta-separator {
1746
+ margin: 0 5px; }
1747
+ .premium-blog-meta-data a,
1748
+ .premium-blog-meta-data span {
1749
+ color: inherit;
1750
+ -webkit-transition: all 0.3s ease-in-out;
1751
+ transition: all 0.3s ease-in-out; }
1752
+
1753
+ .premium-blog-author-thumbnail {
1754
+ position: relative;
1755
+ padding: 0 30px;
1756
+ width: 100%;
1757
+ top: -10px;
1758
+ height: 0;
1759
+ pointer-events: none; }
1760
+ .premium-blog-author-thumbnail img {
1761
+ -webkit-border-radius: 50%;
1762
+ border-radius: 50%;
1763
+ width: 60px;
1764
+ pointer-events: all;
1765
+ -webkit-transform: translateY(-50%);
1766
+ -ms-transform: translateY(-50%);
1767
+ transform: translateY(-50%); }
1768
+
1769
+ .premium-blog-entry-title a,
1770
+ .premium-blog-post-tags-container a,
1771
+ .premium-blog-post-content .premium-blog-excerpt-link {
1772
+ -webkit-transition: all 0.3s ease-in-out;
1773
+ transition: all 0.3s ease-in-out; }
1774
+
1775
+ .premium-blog-excerpt-link-wrap a.premium-blog-excerpt-link {
1776
+ background-color: transparent;
1777
+ color: #54595f;
1778
+ padding: 0; }
1779
+
1780
+ .premium-blog-cta-full-yes .premium-blog-excerpt-link {
1781
+ width: 100%; }
1782
+
1783
+ .premium-blog-post-tags-container {
1784
+ margin-top: 8px;
1785
+ -js-display: flex;
1786
+ display: -webkit-box;
1787
+ display: -webkit-flex;
1788
+ display: -moz-box;
1789
+ display: -ms-flexbox;
1790
+ display: flex;
1791
+ -webkit-box-align: center;
1792
+ -webkit-align-items: center;
1793
+ -moz-box-align: center;
1794
+ -ms-flex-align: center;
1795
+ align-items: center;
1796
+ -webkit-flex-wrap: wrap;
1797
+ -ms-flex-wrap: wrap;
1798
+ flex-wrap: wrap; }
1799
+ .premium-blog-post-tags-container a {
1800
+ color: inherit;
1801
+ margin-left: 5px; }
1802
+
1803
+ /*Tags align*/
1804
+ .premium-blog-align-left .post-categories,
1805
+ .premium-blog-align-left .premium-blog-post-tags-container {
1806
+ -webkit-box-pack: start;
1807
+ -webkit-justify-content: flex-start;
1808
+ -moz-box-pack: start;
1809
+ -ms-flex-pack: start;
1810
+ justify-content: flex-start; }
1811
+
1812
+ .premium-blog-align-left .premium-blog-inner-container {
1813
+ -webkit-box-align: start;
1814
+ -webkit-align-items: flex-start;
1815
+ -moz-box-align: start;
1816
+ -ms-flex-align: start;
1817
+ align-items: flex-start; }
1818
+
1819
+ .premium-blog-align-center .post-categories,
1820
+ .premium-blog-align-center .premium-blog-post-tags-container {
1821
+ -webkit-box-pack: center;
1822
+ -webkit-justify-content: center;
1823
+ -moz-box-pack: center;
1824
+ -ms-flex-pack: center;
1825
+ justify-content: center; }
1826
+
1827
+ .premium-blog-align-center .premium-blog-inner-container {
1828
+ -webkit-box-align: center;
1829
+ -webkit-align-items: center;
1830
+ -moz-box-align: center;
1831
+ -ms-flex-align: center;
1832
+ align-items: center; }
1833
+
1834
+ .premium-blog-align-right .post-categories,
1835
+ .premium-blog-align-right .premium-blog-post-tags-container {
1836
+ -webkit-box-pack: end;
1837
+ -webkit-justify-content: flex-end;
1838
+ -moz-box-pack: end;
1839
+ -ms-flex-pack: end;
1840
+ justify-content: flex-end; }
1841
+
1842
+ .premium-blog-align-right .premium-blog-inner-container {
1843
+ -webkit-box-align: end;
1844
+ -webkit-align-items: flex-end;
1845
+ -moz-box-align: end;
1846
+ -ms-flex-align: end;
1847
+ align-items: flex-end; }
1848
+
1849
+ /* Pagination */
1850
+ .premium-blog-pagination-container {
1851
+ text-align: right; }
1852
+ .premium-blog-pagination-container span {
1853
+ cursor: default; }
1854
+ .premium-blog-pagination-container .page-numbers {
1855
+ display: inline-block;
1856
+ color: #000;
1857
+ line-height: 1;
1858
+ font-size: 1em;
1859
+ font-weight: 400;
1860
+ text-decoration: none;
1861
+ padding: 0.75em;
1862
+ margin: 0 0.4em 0.4em 0;
1863
+ -webkit-transition: all 0.3s ease-in-out;
1864
+ transition: all 0.3s ease-in-out; }
1865
+
1866
+ .premium-blog-wrap .premium-loading-feed {
1867
+ display: block;
1868
+ position: absolute;
1869
+ width: 100%;
1870
+ height: 100%;
1871
+ top: 0px;
1872
+ left: 0px;
1873
+ bottom: 0px;
1874
+ right: 0px;
1875
+ background: rgba(255, 255, 255, 0.2);
1876
+ -js-display: flex;
1877
+ display: -webkit-box;
1878
+ display: -webkit-flex;
1879
+ display: -moz-box;
1880
+ display: -ms-flexbox;
1881
+ display: flex;
1882
+ -webkit-box-align: center;
1883
+ -webkit-align-items: center;
1884
+ -moz-box-align: center;
1885
+ -ms-flex-align: center;
1886
+ align-items: center;
1887
+ z-index: 99; }
1888
+
1889
+ .premium-blog-wrap {
1890
+ -js-display: flex;
1891
+ display: -webkit-box;
1892
+ display: -webkit-flex;
1893
+ display: -moz-box;
1894
+ display: -ms-flexbox;
1895
+ display: flex;
1896
+ -webkit-flex-wrap: wrap;
1897
+ -ms-flex-wrap: wrap;
1898
+ flex-wrap: wrap; }
1899
+ .premium-blog-wrap ul.slick-dots {
1900
+ width: 100%; }
1901
+
1902
+ /*
1903
+ * List Layout
1904
+ */
1905
+ .premium-blog-list .premium-blog-post-outer-container {
1906
+ width: 100%; }
1907
+
1908
+ /**
1909
+ * Even Layout
1910
+ */
1911
+ .premium-blog-even .premium-blog-post-container {
1912
+ height: 100%; }
1913
+
1914
+ .premium-blog-even .slick-track {
1915
+ -js-display: flex;
1916
+ display: -webkit-box;
1917
+ display: -webkit-flex;
1918
+ display: -moz-box;
1919
+ display: -ms-flexbox;
1920
+ display: flex; }
1921
+
1922
+ .premium-blog-even .slick-slide {
1923
+ height: inherit !important; }
1924
+
1925
+ .premium-blog-filter {
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-align: center;
1933
+ -webkit-align-items: center;
1934
+ -moz-box-align: center;
1935
+ -ms-flex-align: center;
1936
+ align-items: center;
1937
+ -webkit-box-pack: center;
1938
+ -webkit-justify-content: center;
1939
+ -moz-box-pack: center;
1940
+ -ms-flex-pack: center;
1941
+ justify-content: center; }
1942
+
1943
+ .premium-blog-filter .premium-blog-filters-container li a.category {
1944
+ outline: none;
1945
+ text-decoration: none;
1946
+ -webkit-border-radius: 75px;
1947
+ border-radius: 75px;
1948
+ margin: 15px 5px 20px;
1949
+ padding: 7px 20px;
1950
+ -webkit-transition: all 0.3s ease-in-out;
1951
+ transition: all 0.3s ease-in-out; }
1952
+
1953
+ .premium-blog-filter ul.premium-blog-filters-container {
1954
+ text-align: center;
1955
+ margin: 0;
1956
+ padding: 0; }
1957
+
1958
+ .premium-blog-filter .premium-blog-filters-container li {
1959
+ list-style: none;
1960
+ -js-display: inline-flex;
1961
+ display: -webkit-inline-box;
1962
+ display: -webkit-inline-flex;
1963
+ display: -moz-inline-box;
1964
+ display: -ms-inline-flexbox;
1965
+ display: inline-flex; }
1966
+
1967
+ /**
1968
+ * Responsive Style
1969
+ */
1970
+ @media (max-width: 768px) {
1971
+ .premium-blog-content-wrapper {
1972
+ top: 0;
1973
+ margin: 0;
1974
+ padding: 15px; }
1975
+ .premium-blog-skin-side {
1976
+ -webkit-box-orient: vertical;
1977
+ -webkit-box-direction: normal;
1978
+ -webkit-flex-direction: column;
1979
+ -moz-box-orient: vertical;
1980
+ -moz-box-direction: normal;
1981
+ -ms-flex-direction: column;
1982
+ flex-direction: column; } }
1983
+
1984
+ /**************** Premium Button ***********************/
1985
+ /*******************************************************/
1986
+ .premium-button {
1987
+ -js-display: inline-flex;
1988
+ display: -webkit-inline-box;
1989
+ display: -webkit-inline-flex;
1990
+ display: -moz-inline-box;
1991
+ display: -ms-inline-flexbox;
1992
+ display: inline-flex;
1993
  position: relative;
1994
+ overflow: hidden;
1995
+ -webkit-backface-visibility: hidden;
1996
+ backface-visibility: hidden;
1997
+ -webkit-transform: translate3d(0, 0, 0);
1998
+ transform: translate3d(0, 0, 0);
1999
+ cursor: pointer;
2000
+ -webkit-transition: all 0.2s ease-in-out !important;
2001
+ transition: all 0.2s ease-in-out !important; }
2002
+
2003
+ .premium-button-style1,
2004
+ .premium-button-style2,
2005
+ .premium-button-style5,
2006
+ .premium-button-style7 {
2007
+ display: inline-block;
2008
+ vertical-align: middle;
2009
+ -webkit-transform: perspective(1px) translateZ(0);
2010
+ transform: perspective(1px) translateZ(0);
2011
+ -webkit-box-shadow: 0 0 1px transparent;
2012
+ box-shadow: 0 0 1px transparent;
2013
+ position: relative;
2014
+ -webkit-transition-property: color;
2015
+ transition-property: color;
2016
+ -webkit-transition-duration: 0.15s;
2017
+ transition-duration: 0.15s; }
2018
 
2019
+ .premium-button-style1:before,
2020
+ .premium-button-style2:before,
2021
+ .premium-button-style5:before {
2022
+ content: "";
2023
  position: absolute;
2024
+ z-index: -1;
2025
  top: 0;
2026
  left: 0;
2027
+ right: 0;
2028
+ bottom: 0;
2029
+ -webkit-transform: scaleY(0);
2030
+ -ms-transform: scaleY(0);
2031
+ transform: scaleY(0);
2032
+ -webkit-transform-origin: 50% 0;
2033
+ -ms-transform-origin: 50% 0;
2034
+ transform-origin: 50% 0;
2035
+ -webkit-transition-property: -webkit-transform;
2036
+ transition-property: -webkit-transform;
2037
+ transition-property: transform;
2038
+ transition-property: transform, -webkit-transform;
2039
+ -webkit-transition-duration: 0.15s;
2040
+ transition-duration: 0.15s;
2041
+ -webkit-transition-timing-function: ease-out;
2042
+ transition-timing-function: ease-out; }
2043
 
2044
+ .premium-button-style5-radialin:before,
2045
+ .premium-button-style5-radialout:before {
2046
+ -webkit-transform-origin: 50%;
2047
+ -ms-transform-origin: 50%;
2048
+ transform-origin: 50%;
2049
+ -webkit-border-radius: 100%;
2050
+ border-radius: 100%;
2051
+ -webkit-transform: scale(0);
2052
+ -ms-transform: scale(0);
2053
+ transform: scale(0); }
2054
 
2055
+ .premium-button-style5-radialin:before {
2056
+ -webkit-transform: scale(2);
2057
+ -ms-transform: scale(2);
2058
+ transform: scale(2); }
 
 
 
 
 
 
 
2059
 
2060
+ .premium-button-style5-rectin:before {
2061
+ -webkit-transform-origin: 50%;
2062
+ -ms-transform-origin: 50%;
2063
+ transform-origin: 50%;
2064
+ -webkit-transform: scale(1);
2065
+ -ms-transform: scale(1);
2066
+ transform: scale(1); }
2067
 
2068
+ .premium-button-style5-rectout:before {
2069
+ -webkit-transform-origin: 50%;
2070
+ -ms-transform-origin: 50%;
2071
+ transform-origin: 50%;
2072
+ -webkit-transform: scale(0);
2073
+ -ms-transform: scale(0);
2074
+ transform: scale(0); }
2075
 
2076
+ .premium-button-style5-rectout:hover:before {
2077
+ -webkit-transform: scale(1);
2078
+ -ms-transform: scale(1);
2079
+ transform: scale(1); }
2080
 
2081
+ .premium-button-style5-rectin:hover:before {
2082
+ -webkit-transform: scale(0);
2083
+ -ms-transform: scale(0);
2084
+ transform: scale(0); }
2085
 
2086
+ .premium-button-style5-radialout:hover:before {
2087
+ -webkit-transform: scale(2);
2088
+ -ms-transform: scale(2);
2089
+ transform: scale(2); }
2090
 
2091
+ .premium-button-style5-radialin:hover:before {
2092
+ -webkit-transform: scale(0);
2093
+ -ms-transform: scale(0);
2094
+ transform: scale(0); }
2095
 
2096
+ .premium-button-style1-top:before {
2097
+ -webkit-transform-origin: 50% 100%;
2098
+ -ms-transform-origin: 50% 100%;
2099
+ transform-origin: 50% 100%; }
2100
 
2101
+ .premium-button-style1-right:before {
2102
+ -webkit-transform: scaleX(0);
2103
+ -ms-transform: scaleX(0);
2104
+ transform: scaleX(0);
2105
+ -webkit-transform-origin: 0% 50%;
2106
+ -ms-transform-origin: 0% 50%;
2107
+ transform-origin: 0% 50%; }
2108
 
2109
+ .premium-button-style1-left:before {
2110
+ -webkit-transform: scaleX(0);
2111
+ -ms-transform: scaleX(0);
2112
+ transform: scaleX(0);
2113
+ -webkit-transform-origin: 100% 50%;
2114
+ -ms-transform-origin: 100% 50%;
2115
+ transform-origin: 100% 50%; }
2116
 
2117
+ .premium-button-style2-shutouthor:before,
2118
+ .premium-button-style2-scshutoutver:before {
2119
+ -webkit-transform: scaleY(0);
2120
+ -ms-transform: scaleY(0);
2121
+ transform: scaleY(0);
2122
+ -webkit-transform-origin: 100% 50%;
2123
+ -ms-transform-origin: 100% 50%;
2124
+ transform-origin: 100% 50%; }
2125
 
2126
+ .premium-button-style2-shutoutver:before,
2127
+ .premium-button-style2-scshutouthor:before {
2128
+ -webkit-transform: scaleX(0);
2129
+ -ms-transform: scaleX(0);
2130
+ transform: scaleX(0);
2131
+ -webkit-transform-origin: 50% 50%;
2132
+ -ms-transform-origin: 50% 50%;
2133
+ transform-origin: 50% 50%; }
2134
 
2135
+ .premium-button-style2-shutinhor:before {
2136
+ -webkit-transform: scaleX(1);
2137
+ -ms-transform: scaleX(1);
2138
+ transform: scaleX(1);
2139
+ -webkit-transform-origin: 50%;
2140
+ -ms-transform-origin: 50%;
2141
+ transform-origin: 50%; }
2142
 
2143
+ .premium-button-style2-shutinver:before {
2144
+ -webkit-transform: scaleY(1);
2145
+ -ms-transform: scaleY(1);
2146
+ transform: scaleY(1);
2147
+ -webkit-transform-origin: 50%;
2148
+ -ms-transform-origin: 50%;
2149
+ transform-origin: 50%; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2150
 
2151
+ .premium-button-style1-bottom:hover:before,
2152
+ .premium-button-style1-top:hover:before {
2153
+ -webkit-transform: scaleY(1);
2154
+ -ms-transform: scaleY(1);
2155
+ transform: scaleY(1); }
2156
 
2157
+ .premium-button-style1-left:hover:before,
2158
+ .premium-button-style1-right:hover:before,
2159
+ .premium-button-style2-shutouthor:hover:before,
2160
+ .premium-button-style2-shutoutver:hover:before {
2161
+ -webkit-transform: scaleX(1);
2162
+ -ms-transform: scaleX(1);
2163
+ transform: scaleX(1); }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2164
 
2165
+ .premium-button-style2-shutinhor:hover:before {
2166
+ -webkit-transform: scaleX(0);
2167
+ -ms-transform: scaleX(0);
2168
+ transform: scaleX(0); }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2169
 
2170
+ .premium-button-style2-shutinver:hover:before {
2171
+ -webkit-transform: scaleY(0);
2172
+ -ms-transform: scaleY(0);
2173
+ transform: scaleY(0); }
 
 
 
 
 
2174
 
2175
+ .premium-button-style2-scshutouthor:hover:before {
2176
+ -webkit-transform: scaleX(0.9);
2177
+ -ms-transform: scaleX(0.9);
2178
+ transform: scaleX(0.9); }
 
 
 
 
 
 
2179
 
2180
+ .premium-button-style2-scshutoutver:hover:before {
2181
+ -webkit-transform: scaleY(0.8);
2182
+ -ms-transform: scaleY(0.8);
2183
+ transform: scaleY(0.8); }
 
 
 
 
 
 
 
 
 
2184
 
2185
+ /*Diagonal*/
2186
+ .premium-button-style2-dshutinhor:before {
2187
+ top: 50%;
2188
+ left: 50%;
2189
+ width: 120%;
2190
+ height: 0%;
2191
+ -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
2192
+ -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
2193
+ transform: translateX(-50%) translateY(-50%) rotate(-45deg);
2194
+ -webkit-transform-origin: 50%;
2195
+ -ms-transform-origin: 50%;
2196
+ transform-origin: 50%;
2197
+ -webkit-transition-property: all;
2198
+ transition-property: all; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2199
 
2200
+ .premium-button-style2-dshutinver:before {
2201
+ top: 50%;
2202
+ left: 50%;
2203
+ width: 120%;
2204
+ height: 0%;
2205
+ -webkit-transform-origin: 50%;
2206
+ -ms-transform-origin: 50%;
2207
+ transform-origin: 50%;
2208
+ -webkit-transition-property: all;
2209
+ transition-property: all;
2210
+ -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
2211
+ -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
2212
+ transform: translateX(-50%) translateY(-50%) rotate(45deg); }
2213
 
2214
+ .premium-button-style2-dshutinhor:hover:before,
2215
+ .premium-button-style2-dshutinver:hover:before {
2216
+ height: 220%; }
 
 
 
 
 
 
 
 
 
 
 
 
2217
 
2218
+ .premium-button-style3-before i,
2219
+ .premium-button-style3-before svg {
2220
+ opacity: 0;
2221
+ -webkit-transform: translateX(-5px);
2222
+ -ms-transform: translateX(-5px);
2223
+ transform: translateX(-5px);
2224
+ -webkit-transition: all 0.5s ease-in-out;
2225
+ transition: all 0.5s ease-in-out; }
2226
 
2227
+ .premium-button-style3-after i,
2228
+ .premium-button-style3-after svg {
2229
+ opacity: 0;
2230
+ -webkit-transform: translateX(-5px);
2231
+ -ms-transform: translateX(-5px);
2232
+ transform: translateX(-5px);
2233
+ -webkit-transition: all 0.5s ease-in-out;
2234
+ transition: all 0.5s ease-in-out;
2235
+ -webkit-transform: translateX(5px);
2236
+ -ms-transform: translateX(5px);
2237
+ transform: translateX(5px); }
2238
 
2239
+ .premium-button-style3-after:hover i,
2240
+ .premium-button-style3-after:hover svg {
2241
+ opacity: 1; }
 
 
 
 
 
 
2242
 
2243
+ .premium-button-style3-before:hover i,
2244
+ .premium-button-style3-before:hover svg {
2245
+ opacity: 1; }
 
 
 
 
 
 
2246
 
2247
+ .premium-button-text-icon-wrapper {
 
 
2248
  width: 100%;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2249
  -js-display: flex;
2250
  display: -webkit-box;
2251
  display: -webkit-flex;
2252
  display: -moz-box;
2253
  display: -ms-flexbox;
2254
  display: flex;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2255
  -webkit-box-pack: center;
2256
  -webkit-justify-content: center;
2257
  -moz-box-pack: center;
2258
  -ms-flex-pack: center;
2259
+ justify-content: center;
 
 
2260
  -webkit-box-align: center;
2261
  -webkit-align-items: center;
2262
  -moz-box-align: center;
2263
  -ms-flex-align: center;
2264
+ align-items: center;
2265
+ -webkit-transition: all 0.2s ease-in-out;
2266
+ transition: all 0.2s ease-in-out; }
2267
+ .premium-button-text-icon-wrapper span,
2268
+ .premium-button-text-icon-wrapper i,
2269
+ .premium-button-text-icon-wrapper svg {
2270
+ -webkit-transition: all 0.2s ease-in-out;
2271
+ transition: all 0.2s ease-in-out; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2272
 
2273
+ .premium-button-style4-icon-wrapper {
 
2274
  position: absolute;
2275
+ z-index: 2;
2276
  width: 100%;
2277
+ text-align: center;
 
 
 
 
 
2278
  -js-display: flex;
2279
  display: -webkit-box;
2280
  display: -webkit-flex;
2286
  -moz-box-align: center;
2287
  -ms-flex-align: center;
2288
  align-items: center;
2289
+ -webkit-box-pack: center;
2290
+ -webkit-justify-content: center;
2291
+ -moz-box-pack: center;
2292
+ -ms-flex-pack: center;
2293
+ justify-content: center;
2294
+ height: 100%;
2295
+ opacity: 0;
2296
+ -webkit-transition: all 0.3s ease-in-out;
2297
+ transition: all 0.3s ease-in-out; }
2298
+ .premium-button-style4-icon-wrapper.top {
2299
+ bottom: -100%;
2300
+ left: 0; }
2301
+ .premium-button-style4-icon-wrapper.bottom {
2302
+ top: -100%;
2303
+ left: 0; }
2304
+ .premium-button-style4-icon-wrapper.left {
2305
+ top: 0;
2306
+ left: -100%; }
2307
+ .premium-button-style4-icon-wrapper.right {
2308
+ top: 0;
2309
+ right: -100%; }
2310
 
2311
+ .premium-button-style4-bottom:hover .premium-button-style4-icon-wrapper {
2312
+ top: 0;
2313
+ opacity: 1; }
 
 
 
 
 
 
 
 
 
2314
 
2315
+ .premium-button-style4-top:hover .premium-button-style4-icon-wrapper {
2316
+ bottom: 0;
2317
+ opacity: 1; }
 
 
2318
 
2319
+ .premium-button-style4-left:hover .premium-button-style4-icon-wrapper {
2320
+ left: 0;
2321
+ opacity: 1; }
 
 
2322
 
2323
+ .premium-button-style4-right:hover .premium-button-style4-icon-wrapper {
2324
+ right: 0;
2325
+ opacity: 1; }
 
 
 
 
2326
 
2327
+ .premium-button-style4-bottom:hover .premium-button-text-icon-wrapper {
2328
+ -webkit-transform: translateY(100%);
2329
+ -ms-transform: translateY(100%);
2330
+ transform: translateY(100%);
2331
+ opacity: 0; }
2332
 
2333
+ .premium-button-style4-top:hover .premium-button-text-icon-wrapper {
2334
+ -webkit-transform: translateY(-100%);
2335
+ -ms-transform: translateY(-100%);
2336
+ transform: translateY(-100%);
2337
+ opacity: 0; }
 
 
 
 
 
 
 
 
 
 
 
 
2338
 
2339
+ .premium-button-style4-left:hover .premium-button-text-icon-wrapper {
2340
+ -webkit-transform: translateX(100%);
2341
+ -ms-transform: translateX(100%);
2342
+ transform: translateX(100%);
2343
+ opacity: 0; }
2344
+
2345
+ .premium-button-style4-right:hover .premium-button-text-icon-wrapper {
2346
+ -webkit-transform: translateX(-100%);
2347
+ -ms-transform: translateX(-100%);
2348
+ transform: translateX(-100%);
2349
+ opacity: 0; }
2350
+
2351
+ .premium-button-style6:before {
2352
+ content: "";
2353
+ position: absolute;
2354
+ left: 50%;
2355
+ top: 50%;
2356
+ width: 100px;
2357
+ height: 100px;
2358
+ -webkit-border-radius: 100%;
2359
+ border-radius: 100%;
2360
+ -webkit-transform: translate(-50%, -50%) scale(0);
2361
+ -ms-transform: translate(-50%, -50%) scale(0);
2362
+ transform: translate(-50%, -50%) scale(0);
2363
  -webkit-transition: all 0.3s ease-in-out;
2364
  transition: all 0.3s ease-in-out; }
2365
 
2366
+ .premium-button-style6:hover:before {
2367
+ -webkit-transform: translate(-50%, -50%) scale(3);
2368
+ -ms-transform: translate(-50%, -50%) scale(3);
2369
+ transform: translate(-50%, -50%) scale(3); }
 
 
 
 
 
 
 
 
 
2370
 
2371
+ .premium-button-style6 .premium-button-text-icon-wrapper {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2372
  position: relative;
2373
+ z-index: 1; }
 
 
 
 
 
 
 
2374
 
2375
+ .premium-button-style7-right .premium-button-text-icon-wrapper:before,
2376
+ .premium-button-style7-left .premium-button-text-icon-wrapper:before {
2377
+ -webkit-transition: width 0.3s ease-out 0.15s;
2378
+ transition: width 0.3s ease-out 0.15s; }
 
 
 
 
 
 
 
 
 
 
 
2379
 
2380
+ .premium-button-style7-right .premium-button-text-icon-wrapper:after,
2381
+ .premium-button-style7-left .premium-button-text-icon-wrapper:after {
2382
+ -webkit-transition: width 0.3s ease-out 0s;
2383
+ transition: width 0.3s ease-out 0s; }
2384
+
2385
+ .premium-button-style7-bottom .premium-button-text-icon-wrapper:before,
2386
+ .premium-button-style7-top .premium-button-text-icon-wrapper:before {
2387
+ -webkit-transition: height 0.3s ease-out 0.15s;
2388
+ transition: height 0.3s ease-out 0.15s; }
2389
+
2390
+ .premium-button-style7-bottom .premium-button-text-icon-wrapper:after,
2391
+ .premium-button-style7-top .premium-button-text-icon-wrapper:after {
2392
+ -webkit-transition: height 0.3s ease-out 0s;
2393
+ transition: height 0.3s ease-out 0s; }
2394
+
2395
+ .premium-button-style7:hover .premium-button-text-icon-wrapper:before {
2396
+ -webkit-transition-delay: 0s;
2397
+ transition-delay: 0s; }
2398
+
2399
+ .premium-button-style7:hover .premium-button-text-icon-wrapper:after {
2400
+ -webkit-transition-delay: 0.15s;
2401
+ transition-delay: 0.15s; }
2402
+
2403
+ .premium-button-style7-bottom .premium-button-text-icon-wrapper:before,
2404
+ .premium-button-style7-bottom .premium-button-text-icon-wrapper:after {
2405
  content: "";
2406
  position: absolute;
2407
+ right: 0;
2408
  top: 0;
2409
  left: 0;
2410
+ height: 0;
2411
+ z-index: -1; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2412
 
2413
+ .premium-button-style7-top .premium-button-text-icon-wrapper:after,
2414
+ .premium-button-style7-top .premium-button-text-icon-wrapper:before {
2415
+ content: "";
2416
+ position: absolute;
2417
+ right: 0;
2418
+ bottom: 0;
2419
+ left: 0;
2420
+ height: 0;
2421
+ z-index: -1; }
 
2422
 
2423
+ .premium-button-style7-right .premium-button-text-icon-wrapper:after,
2424
+ .premium-button-style7-right .premium-button-text-icon-wrapper:before {
2425
+ content: "";
2426
+ position: absolute;
2427
+ right: 0;
2428
+ top: 0;
2429
+ bottom: 0;
2430
+ width: 0;
2431
+ z-index: -1; }
2432
 
2433
+ .premium-button-style7-left .premium-button-text-icon-wrapper:after,
2434
+ .premium-button-style7-left .premium-button-text-icon-wrapper:before {
2435
+ content: "";
2436
+ position: absolute;
2437
+ left: 0;
2438
+ top: 0;
2439
+ bottom: 0;
2440
+ width: 0;
2441
+ z-index: -1; }
2442
 
2443
+ .premium-button-style7-bottom:hover .premium-button-text-icon-wrapper:after,
2444
+ .premium-button-style7-bottom:hover .premium-button-text-icon-wrapper:before {
2445
+ height: 100%;
2446
+ top: 0; }
 
 
 
2447
 
2448
+ .premium-button-style7-top:hover .premium-button-text-icon-wrapper:after,
2449
+ .premium-button-style7-top:hover .premium-button-text-icon-wrapper:before {
2450
+ height: 100%;
2451
+ bottom: 0; }
2452
 
2453
+ .premium-button-style7-left:hover .premium-button-text-icon-wrapper:after,
2454
+ .premium-button-style7-left:hover .premium-button-text-icon-wrapper:before {
2455
+ width: 100%;
2456
+ left: 0; }
2457
 
2458
+ .premium-button-style7-right:hover .premium-button-text-icon-wrapper:after,
2459
+ .premium-button-style7-right:hover .premium-button-text-icon-wrapper:before {
2460
+ width: 100%;
2461
+ right: 0; }
2462
+
2463
+ /**************** Premium Carousel ****************/
2464
+ /**************************************************/
2465
+ .premium-carousel-hidden {
2466
+ opacity: 0;
2467
+ visibility: hidden; }
2468
+
2469
+ .premium-carousel-wrapper a.carousel-arrow, .premium-carousel-wrapper a.ver-carousel-arrow {
2470
+ -js-display: flex;
2471
+ display: -webkit-box;
2472
+ display: -webkit-flex;
2473
+ display: -moz-box;
2474
+ display: -ms-flexbox;
2475
+ display: flex;
2476
+ -webkit-box-align: center;
2477
+ -webkit-align-items: center;
2478
+ -moz-box-align: center;
2479
+ -ms-flex-align: center;
2480
+ align-items: center;
2481
+ -webkit-box-pack: center;
2482
+ -webkit-justify-content: center;
2483
+ -moz-box-pack: center;
2484
+ -ms-flex-pack: center;
2485
+ justify-content: center;
2486
+ width: 2em;
2487
+ height: 2em;
2488
+ line-height: 0;
2489
+ text-align: center;
2490
+ position: absolute;
2491
+ z-index: 99;
2492
+ cursor: pointer;
2493
+ -webkit-transition: all 0.3s ease-in-out;
2494
+ transition: all 0.3s ease-in-out;
2495
+ -webkit-appearance: inherit;
2496
+ border: none;
2497
+ -webkit-box-shadow: none;
2498
+ box-shadow: none; }
2499
+ .premium-carousel-wrapper a.carousel-arrow svg, .premium-carousel-wrapper a.ver-carousel-arrow svg {
2500
+ -webkit-transition: all 0.3s ease-in-out;
2501
+ transition: all 0.3s ease-in-out; }
2502
+
2503
+ .ver-carousel-arrow.carousel-next i {
2504
+ margin-bottom: -3px; }
2505
+
2506
+ .premium-carousel-wrapper a.slick-arrow:hover {
2507
+ -webkit-box-shadow: none !important;
2508
+ box-shadow: none !important; }
2509
+
2510
+ .premium-carousel-wrapper .premium-carousel-content-hidden {
2511
+ visibility: hidden; }
2512
+
2513
+ .premium-carousel-wrapper a.carousel-arrow {
2514
+ top: 50%; }
2515
+
2516
+ .premium-carousel-wrapper a.ver-carousel-arrow {
2517
+ left: 50%;
2518
+ -webkit-transform: translateX(-50%);
2519
+ -ms-transform: translateX(-50%);
2520
+ transform: translateX(-50%); }
2521
+
2522
+ .premium-carousel-dots-above ul.slick-dots {
2523
+ position: absolute;
2524
+ -js-display: flex;
2525
+ display: -webkit-box;
2526
+ display: -webkit-flex;
2527
+ display: -moz-box;
2528
+ display: -ms-flexbox;
2529
+ display: flex;
2530
+ width: auto;
2531
+ top: 50%;
2532
+ bottom: auto;
2533
+ -webkit-transform: translateY(-50%);
2534
+ -ms-transform: translateY(-50%);
2535
+ transform: translateY(-50%);
2536
+ -webkit-box-orient: vertical;
2537
+ -webkit-box-direction: normal;
2538
+ -webkit-flex-direction: column;
2539
+ -moz-box-orient: vertical;
2540
+ -moz-box-direction: normal;
2541
+ -ms-flex-direction: column;
2542
+ flex-direction: column; }
2543
+
2544
+ /*
2545
+ * Custom Navigation Dot
2546
+ */
2547
+ .premium-carousel-wrapper .premium-carousel-nav-dot,
2548
+ .premium-carousel-wrapper .premium-carousel-nav-arrow-prev,
2549
+ .premium-carousel-wrapper .premium-carousel-nav-arrow-next {
2550
+ display: none; }
2551
+
2552
+ .premium-carousel-wrapper ul.slick-dots svg {
2553
+ width: 20px;
2554
+ height: 20px;
2555
+ outline: none !important; }
2556
+
2557
+ /* Ripple Out */
2558
+ @-webkit-keyframes hvr-ripple-out {
2559
+ 0% {
2560
+ -webkit-transform: scale(1);
2561
+ transform: scale(1);
2562
+ opacity: 1; }
2563
+ 100% {
2564
+ -webkit-transform: scale(1.5);
2565
+ transform: scale(1.5);
2566
+ opacity: 0; } }
2567
+ @keyframes hvr-ripple-out {
2568
+ 0% {
2569
+ -webkit-transform: scale(1);
2570
+ transform: scale(1);
2571
+ opacity: 1; }
2572
+ 100% {
2573
+ -webkit-transform: scale(1.5);
2574
+ transform: scale(1.5);
2575
+ opacity: 0; } }
2576
+
2577
+ .premium-carousel-ripple-yes .premium-carousel-wrapper {
2578
+ padding-bottom: 1px; }
2579
+
2580
+ .premium-carousel-ripple-yes ul.slick-dots li {
2581
+ position: relative; }
2582
+ .premium-carousel-ripple-yes ul.slick-dots li i {
2583
+ position: relative;
2584
+ z-index: 1; }
2585
+ .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
2586
+ content: "";
2587
+ position: absolute;
2588
+ -webkit-transform: scale(1);
2589
+ -ms-transform: scale(1);
2590
+ transform: scale(1);
2591
+ top: 0;
2592
+ right: 0;
2593
+ bottom: 0;
2594
+ left: 0;
2595
+ -webkit-border-radius: 50%;
2596
+ border-radius: 50%;
2597
+ pointer-events: none;
2598
+ background-color: rgba(0, 0, 0, 0.15); }
2599
+ .premium-carousel-ripple-yes ul.slick-dots li.slick-active:hover:before {
2600
+ background-color: rgba(0, 0, 0, 0.3); }
2601
+ .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
2602
+ -webkit-animation: hvr-ripple-out 1.3s infinite;
2603
+ animation: hvr-ripple-out 1.3s infinite; }
2604
+
2605
+ .premium-carousel-wrapper.premium-carousel-scale .slick-slide {
2606
+ -webkit-transform: scale(1.25, 1.25);
2607
+ -ms-transform: scale(1.25, 1.25);
2608
+ transform: scale(1.25, 1.25);
2609
+ -webkit-transition: all 0.3s ease-in-out;
2610
+ transition: all 0.3s ease-in-out; }
2611
+
2612
+ .premium-carousel-wrapper.premium-carousel-scale div.slick-active {
2613
+ -webkit-transform: scale(1, 1);
2614
+ -ms-transform: scale(1, 1);
2615
+ transform: scale(1, 1); }
2616
+
2617
+ [dir="rtl"] .premium-carousel-inner .slick-slide {
2618
+ float: right; }
2619
+
2620
+ /**************** Premium Contact Form7 **********/
2621
+ /*************************************************/
2622
+ .premium-contact-form-anim-yes .wpcf7-span::after {
2623
+ display: block;
2624
+ height: 2px;
2625
+ content: "";
2626
+ top: -2px;
2627
+ position: relative;
2628
+ width: 0px;
2629
+ -webkit-transition: all ease-in-out 0.3s;
2630
+ transition: all ease-in-out 0.3s; }
2631
 
2632
+ .premium-contact-form-anim-yes .wpcf7-span.is-focused::after {
2633
+ width: 100%; }
 
 
2634
 
2635
+ .premium-cf7-container input.wpcf7-submit {
2636
+ -webkit-transition: all 0.3s ease-in-out;
2637
+ transition: all 0.3s ease-in-out; }
2638
+
2639
+ /**************** Premium CountDown *************/
2640
+ /************************************************/
2641
+ .premium-countdown {
2642
+ -js-display: flex;
2643
+ display: -webkit-box;
2644
+ display: -webkit-flex;
2645
+ display: -moz-box;
2646
+ display: -ms-flexbox;
2647
+ display: flex;
2648
+ text-align: center; }
2649
 
2650
+ .countdown-row {
2651
+ display: block;
2652
+ text-align: center; }
 
 
 
 
2653
 
2654
+ .countdown .countdown-section {
2655
+ display: inline-block;
2656
+ max-width: 100%;
2657
+ margin-bottom: 15px;
2658
+ -js-display: inline-flex;
2659
+ display: -webkit-inline-box;
2660
+ display: -webkit-inline-flex;
2661
+ display: -moz-inline-box;
2662
+ display: -ms-inline-flexbox;
2663
+ display: inline-flex;
2664
+ -webkit-box-align: center;
2665
+ -webkit-align-items: center;
2666
+ -moz-box-align: center;
2667
+ -ms-flex-align: center;
2668
+ align-items: center; }
2669
+ .countdown .countdown-section:last-child {
2670
+ margin-right: 0; }
2671
 
2672
+ .countdown span.countdown-amount {
2673
+ font-size: 70px;
2674
+ line-height: 1;
2675
+ padding: 40px; }
 
 
 
 
2676
 
2677
+ .countdown .pre_time-mid {
2678
+ display: block; }
 
 
 
 
 
 
2679
 
2680
+ .premium-countdown-separator-yes .countdown_separator {
2681
+ display: block;
2682
+ margin: 0 50px;
2683
+ font-size: 30px; }
 
 
 
2684
 
2685
+ .premium-countdown-separator-yes .countdown-row .countdown-section:last-child .countdown_separator,
2686
+ .premium-countdown-separator-yes .premium-countdown-block:last-child .countdown_separator {
2687
+ display: none; }
 
 
 
 
2688
 
2689
+ /**
2690
+ * Digit and unit styles
2691
+ */
2692
+ .side .countdown-section .countdown-period {
2693
+ vertical-align: bottom; }
2694
 
2695
+ .countdown .countdown-section .countdown-period {
2696
+ font-size: 17px;
2697
+ line-height: 3em; }
 
 
 
 
2698
 
2699
+ .side .countdown-section .countdown-amount,
2700
+ .side .countdown-section .countdown-period {
2701
+ display: inline-block; }
 
2702
 
2703
+ .side .countdown-section .countdown-amount {
2704
+ margin-right: 5px; }
 
 
 
 
 
 
 
 
 
 
 
 
2705
 
2706
+ .down .countdown-section .countdown-amount,
2707
+ .down .countdown-section .countdown-period {
2708
+ display: block; }
 
 
 
 
 
 
 
 
 
 
 
2709
 
2710
+ /**
2711
+ * Flip Layout
2712
+ */
2713
+ .premium-countdown-flip .premium-countdown-block {
2714
+ text-align: center;
2715
+ -js-display: inline-flex;
2716
+ display: -webkit-inline-box;
2717
+ display: -webkit-inline-flex;
2718
+ display: -moz-inline-box;
2719
+ display: -ms-inline-flexbox;
2720
+ display: inline-flex;
2721
+ -webkit-box-align: center;
2722
+ -webkit-align-items: center;
2723
+ -moz-box-align: center;
2724
+ -ms-flex-align: center;
2725
+ align-items: center; }
2726
+ .premium-countdown-flip .premium-countdown-block:last-child {
2727
+ margin-right: 0; }
2728
 
2729
+ .premium-countdown-flip .premium-countdown-label {
2730
+ overflow: hidden;
2731
+ color: #1a1a1a;
2732
+ text-transform: uppercase; }
2733
 
2734
+ .premium-countdown-flip .premium-countdown-figure {
2735
+ position: relative;
2736
+ height: 110px;
2737
+ width: 100px;
2738
+ line-height: 107px;
2739
+ background-color: #fff;
2740
+ -webkit-border-radius: 10px;
2741
+ border-radius: 10px;
2742
+ -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset 2px 4px 0 0 rgba(255, 255, 255, 0.08);
2743
+ box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset 2px 4px 0 0 rgba(255, 255, 255, 0.08); }
2744
+ .premium-countdown-flip .premium-countdown-figure:last-child {
2745
+ margin-right: 0; }
2746
+ .premium-countdown-flip .premium-countdown-figure > span {
2747
+ position: absolute;
2748
+ left: 0;
2749
+ right: 0;
2750
+ margin: auto;
2751
+ font-weight: 700; }
2752
+ .premium-countdown-flip .premium-countdown-figure .top {
2753
+ z-index: 3;
2754
+ -webkit-transform-origin: 50% 100%;
2755
+ -ms-transform-origin: 50% 100%;
2756
+ transform-origin: 50% 100%;
2757
+ -webkit-transform: perspective(200px);
2758
+ transform: perspective(200px);
2759
+ -webkit-backface-visibility: hidden;
2760
+ backface-visibility: hidden; }
2761
+ .premium-countdown-flip .premium-countdown-figure .bottom {
2762
+ z-index: 1; }
2763
+ .premium-countdown-flip .premium-countdown-figure .bottom::before {
2764
+ content: "";
2765
+ position: absolute;
2766
+ display: block;
2767
+ top: 0;
2768
+ left: 0;
2769
+ width: 100%;
2770
+ height: 50%;
2771
+ background-color: rgba(0, 0, 0, 0.02); }
2772
+ .premium-countdown-flip .premium-countdown-figure .top-back {
2773
+ -webkit-backface-visibility: hidden;
2774
+ backface-visibility: hidden;
2775
+ z-index: 4;
2776
+ bottom: 0;
2777
+ -webkit-transform-origin: 50% 0;
2778
+ -ms-transform-origin: 50% 0;
2779
+ transform-origin: 50% 0;
2780
+ -webkit-transform: perspective(200px) rotateX(180deg);
2781
+ transform: perspective(200px) rotateX(180deg); }
2782
+ .premium-countdown-flip .premium-countdown-figure .top-back span {
2783
+ position: absolute;
2784
+ top: -100%;
2785
+ left: 0;
2786
+ right: 0;
2787
+ margin: auto; }
2788
+ .premium-countdown-flip .premium-countdown-figure .bottom-back {
2789
+ z-index: 2;
2790
+ top: 0; }
2791
+ .premium-countdown-flip .premium-countdown-figure .bottom-back span {
2792
+ position: absolute;
2793
+ top: 0;
2794
+ left: 0;
2795
+ right: 0;
2796
+ margin: auto; }
2797
+ .premium-countdown-flip .premium-countdown-figure .top,
2798
+ .premium-countdown-flip .premium-countdown-figure .bottom-back,
2799
+ .premium-countdown-flip .premium-countdown-figure .top-back {
2800
+ height: 50%;
2801
+ overflow: hidden;
2802
+ background-color: #f7f7f7;
2803
+ -webkit-border-top-left-radius: 10px;
2804
+ border-top-left-radius: 10px;
2805
+ -webkit-border-top-right-radius: 10px;
2806
+ border-top-right-radius: 10px; }
2807
+ .premium-countdown-flip .premium-countdown-figure .top-back {
2808
+ -webkit-border-bottom-left-radius: 10px;
2809
+ border-bottom-left-radius: 10px;
2810
+ -webkit-border-bottom-right-radius: 10px;
2811
+ border-bottom-right-radius: 10px; }
2812
+ .premium-countdown-flip .premium-countdown-figure .top::after,
2813
+ .premium-countdown-flip .premium-countdown-figure .bottom-back::after {
2814
+ content: "";
2815
+ position: absolute;
2816
+ z-index: -1;
2817
+ left: 0;
2818
+ bottom: 0;
2819
+ width: 100%;
2820
+ height: 100%;
2821
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
2822
 
2823
+ .side .premium-countdown-figure,
2824
+ .side .premium-countdown-label {
2825
+ display: inline-block; }
 
 
 
 
 
 
 
 
2826
 
2827
+ .side .premium-countdown-figure {
2828
+ margin-right: 5px; }
 
2829
 
2830
+ .down .premium-countdown-figure,
2831
+ .down .premium-countdown-label {
2832
+ display: block; }
2833
 
2834
+ .down .premium-countdown-label {
2835
+ width: 100%; }
2836
+
2837
+ /**************** Premium Counter ***************/
2838
+ /************************************************/
2839
+ .premium-counter-area {
2840
+ padding: 10px 0;
2841
  -js-display: flex;
2842
  display: -webkit-box;
2843
  display: -webkit-flex;
2853
  -webkit-align-items: center;
2854
  -moz-box-align: center;
2855
  -ms-flex-align: center;
2856
+ align-items: center; }
2857
+ .premium-counter-area.top {
2858
+ -webkit-box-orient: vertical;
2859
+ -webkit-box-direction: normal;
2860
+ -webkit-flex-direction: column;
2861
+ -moz-box-orient: vertical;
2862
+ -moz-box-direction: normal;
2863
+ -ms-flex-direction: column;
2864
+ flex-direction: column; }
2865
+ .premium-counter-area.right {
2866
+ -webkit-box-orient: horizontal;
2867
+ -webkit-box-direction: reverse;
2868
+ -webkit-flex-direction: row-reverse;
2869
+ -moz-box-orient: horizontal;
2870
+ -moz-box-direction: reverse;
2871
+ -ms-flex-direction: row-reverse;
2872
+ flex-direction: row-reverse; }
2873
+ .premium-counter-area.right .premium-counter-icon {
2874
+ padding-left: 20px; }
2875
+ .premium-counter-area.left .premium-counter-icon {
2876
+ padding-right: 20px; }
2877
+ .premium-counter-area .premium-counter-icon .icon i.fa:before {
2878
+ vertical-align: text-top; }
2879
+ .premium-counter-area .premium-counter-icon span.icon {
2880
+ text-align: center;
2881
+ display: inline-block;
2882
+ vertical-align: middle; }
2883
+ .premium-counter-area .premium-counter-icon .circle {
2884
+ -webkit-border-radius: 100%;
2885
+ border-radius: 100%; }
2886
+ .premium-counter-area .premium-counter-icon img,
2887
+ .premium-counter-area .premium-counter-icon svg {
2888
+ width: 80px; }
2889
+ .premium-counter-area .premium-counter-icon .premium-counter-animation svg {
2890
+ height: 80px; }
2891
+ .premium-counter-area .premium-counter-title p {
2892
+ padding: 0;
2893
+ margin: 0; }
2894
+ .premium-counter-area .premium-counter-value-wrap {
2895
+ -js-display: flex;
2896
+ display: -webkit-box;
2897
+ display: -webkit-flex;
2898
+ display: -moz-box;
2899
+ display: -ms-flexbox;
2900
+ display: flex;
2901
+ -webkit-box-align: center;
2902
+ -webkit-align-items: center;
2903
+ -moz-box-align: center;
2904
+ -ms-flex-align: center;
2905
+ align-items: center; }
 
 
 
 
 
 
 
 
2906
 
2907
+ .premium-init-wrapper {
2908
+ -js-display: flex;
2909
+ display: -webkit-box;
2910
+ display: -webkit-flex;
2911
+ display: -moz-box;
2912
+ display: -ms-flexbox;
2913
+ display: flex; }
2914
+ .premium-init-wrapper.row {
2915
+ -webkit-box-align: center;
2916
+ -webkit-align-items: center;
2917
+ -moz-box-align: center;
2918
+ -ms-flex-align: center;
2919
+ align-items: center; }
2920
+ .premium-init-wrapper.right {
2921
+ text-align: right; }
2922
 
2923
+ span.icon.flex-width {
2924
+ width: auto !important;
2925
+ height: auto !important; }
 
 
2926
 
2927
+ .premium-counter-area .premium-counter-init {
2928
+ font-size: 35px; }
2929
+
2930
+ /**************** Premium Dual Heading *****************/
2931
+ /*******************************************************/
2932
+ .premium-dual-header-first-header,
2933
+ .premium-dual-header-second-header {
2934
+ position: relative;
2935
+ padding: 0;
2936
+ margin: 0;
2937
+ display: inline-block;
2938
+ -webkit-transform: translate(0, 0);
2939
+ -ms-transform: translate(0, 0);
2940
+ transform: translate(0, 0); }
2941
 
2942
+ .premium-dual-header-first-clip .premium-dual-header-first-span,
2943
+ .premium-dual-header-second-clip {
2944
+ -webkit-text-fill-color: transparent;
2945
+ -webkit-background-clip: text;
2946
+ background-clip: text; }
2947
 
2948
+ .premium-dual-header-first-clip.stroke .premium-dual-header-first-span,
2949
+ .premium-dual-header-second-clip.stroke {
2950
+ -webkit-text-stroke-color: transparent;
2951
+ -webkit-text-fill-color: #fafafa;
2952
+ -webkit-text-stroke-width: 2px; }
2953
 
2954
+ @media (max-width: 500px) {
2955
+ .premium-dual-header-first-header,
2956
+ .premium-dual-header-second-header {
2957
+ word-wrap: break-word; } }
 
 
 
 
 
 
 
 
 
 
2958
 
2959
+ .premium-dual-header-first-header.gradient .premium-dual-header-first-span,
2960
+ .premium-dual-header-second-header.gradient {
2961
+ -webkit-background-size: 300% 300% !important;
2962
+ background-size: 300% 300% !important;
2963
+ -webkit-animation: Gradient 10s ease-in-out infinite;
2964
+ animation: Gradient 10s ease-in-out infinite; }
2965
 
2966
+ @-webkit-keyframes Gradient {
2967
+ 0% {
2968
+ background-position: 0% 50%; }
2969
+ 50% {
2970
+ background-position: 100% 50%; }
2971
+ 100% {
2972
+ background-position: 0% 50%; } }
2973
 
2974
+ @keyframes Gradient {
2975
+ 0% {
2976
+ background-position: 0% 50%; }
2977
+ 50% {
2978
+ background-position: 100% 50%; }
2979
+ 100% {
2980
+ background-position: 0% 50%; } }
2981
 
2982
+ .premium-mask-yes.premium-header-inline .premium-dual-header-first-span,
2983
+ .premium-mask-yes.premium-header-inline .premium-dual-header-first-span {
2984
+ display: inline-block !important; }
2985
+
2986
+ /**************** Premium Fancy Text *******************/
2987
+ /*******************************************************/
2988
+ .premium-suffix-text,
2989
+ .premium-fancy-text,
2990
+ .premium-prefix-text {
2991
+ font-size: 40px; }
2992
 
2993
+ .premium-fancy-text-wrapper:not(.typing) .premium-fancy-text,
2994
+ .premium-fancy-item-hidden {
2995
+ opacity: 0; }
 
2996
 
2997
+ .premium-fancy-text-wrapper .premium-fancy-list-items {
2998
+ list-style: none; }
 
 
2999
 
3000
+ .premium-fancy-text-wrapper .premium-fancy-text-span-align {
3001
+ vertical-align: top; }
 
3002
 
3003
+ .premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-text-items-wrapper {
3004
+ margin: 0;
3005
+ padding: 0;
3006
+ border: none;
3007
+ position: relative; }
3008
 
3009
+ .premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-list-items {
 
 
3010
  position: absolute;
 
3011
  top: 0;
3012
  left: 0;
3013
+ display: inline-block; }
 
3014
 
3015
+ .premium-fancy-text-wrapper.zoomout .premium-fancy-item-hidden {
3016
+ -webkit-animation: pa-zoom-out 0.8s;
3017
+ animation: pa-zoom-out 0.8s; }
 
 
 
 
 
 
3018
 
3019
+ .premium-fancy-text-wrapper.zoomout .premium-fancy-item-visible {
3020
+ position: relative !important;
3021
+ -webkit-animation: pa-zoom-in 0.8s;
3022
+ animation: pa-zoom-in 0.8s; }
 
 
 
 
 
3023
 
3024
+ .premium-fancy-text-wrapper.zoomout .premium-fancy-text-items-wrapper {
3025
+ -webkit-perspective: 300px;
3026
+ perspective: 300px; }
 
 
 
 
 
 
3027
 
3028
+ .premium-fancy-text-wrapper.rotate .premium-fancy-list-items {
3029
+ -webkit-transform-origin: 50% 100%;
3030
+ -ms-transform-origin: 50% 100%;
3031
+ transform-origin: 50% 100%; }
3032
 
3033
+ .premium-fancy-text-wrapper.rotate .premium-fancy-item-hidden {
3034
+ -webkit-transform: rotateX(180deg);
3035
+ transform: rotateX(180deg);
3036
+ -webkit-animation: pa-rotate-out 1.2s;
3037
+ animation: pa-rotate-out 1.2s; }
3038
 
3039
+ .premium-fancy-text-wrapper.rotate .premium-fancy-item-visible {
3040
+ position: relative !important;
3041
+ -webkit-transform: rotateX(0deg);
3042
+ transform: rotateX(0deg);
3043
+ -webkit-animation: pa-rotate-in 1.2s;
3044
+ animation: pa-rotate-in 1.2s; }
3045
 
3046
+ .premium-fancy-text-wrapper.custom .premium-fancy-item-visible {
3047
+ position: relative !important; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
3048
 
3049
+ .premium-fancy-text-wrapper.auto-fade .premium-fancy-text {
3050
+ display: inline-block;
3051
+ width: 200px;
3052
+ font-weight: 400; }
3053
 
3054
+ .premium-fancy-text-wrapper.auto-fade .premium-fancy-svg-text {
3055
+ position: relative;
3056
+ vertical-align: sub; }
3057
 
3058
+ .premium-fancy-text-wrapper.auto-fade g > text {
3059
+ text-anchor: start;
3060
+ shape-rendering: crispEdges;
3061
+ opacity: 0;
3062
+ font-size: 300px;
3063
+ -webkit-animation-name: pa-auto-fade;
3064
+ animation-name: pa-auto-fade;
3065
+ -moz-animation-name: pa-auto-fade;
3066
+ -webkit-animation-duration: 9s;
3067
+ animation-duration: 9s;
3068
+ -webkit-animation-timing-function: linear;
3069
+ animation-timing-function: linear;
3070
+ -webkit-animation-iteration-count: infinite;
3071
+ animation-iteration-count: infinite; }
3072
 
3073
+ .premium-fancy-text-wrapper.auto-fade g > text:nth-child(1) {
3074
+ -webkit-animation-delay: 0s;
3075
+ animation-delay: 0s; }
3076
 
3077
+ .premium-fancy-text-wrapper.auto-fade g > text:nth-child(2) {
3078
+ -webkit-animation-delay: 3s;
3079
+ animation-delay: 3s; }
 
 
3080
 
3081
+ .premium-fancy-text-wrapper.auto-fade g > text:nth-child(3) {
3082
+ -webkit-animation-delay: 6s;
3083
+ animation-delay: 6s; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
3084
 
3085
+ .premium-fancy-text-wrapper.loading .premium-fancy-text {
3086
+ position: relative; }
3087
+ .premium-fancy-text-wrapper.loading .premium-fancy-text .premium-loading-bar {
3088
+ position: absolute;
3089
+ width: 100%;
3090
+ height: 3px;
3091
+ bottom: 0;
3092
+ left: 0;
3093
+ animation: pa-loading-bar 2.5s ease-out infinite;
3094
+ -webkit-animation: pa-loading-bar 2.5s ease-out infinite; }
3095
 
3096
+ .premium-fancy-text-wrapper.loading.pause .premium-fancy-text:hover .premium-loading-bar {
3097
+ -webkit-animation-play-state: paused;
3098
+ animation-play-state: paused; }
 
3099
 
3100
+ @-webkit-keyframes pa-auto-fade {
 
3101
  0% {
3102
+ opacity: 0; }
3103
+ 20% {
3104
  opacity: 1; }
3105
+ 35% {
3106
+ opacity: 0; }
3107
  100% {
 
 
3108
  opacity: 0; } }
3109
+
3110
+ @keyframes pa-auto-fade {
3111
  0% {
3112
+ opacity: 0; }
3113
+ 20% {
3114
  opacity: 1; }
3115
+ 35% {
3116
+ opacity: 0; }
3117
  100% {
 
 
3118
  opacity: 0; } }
3119
 
3120
+ @-webkit-keyframes pa-loading-bar {
3121
+ 0% {
3122
+ width: 0; }
3123
+ 100% {
3124
+ width: 100; } }
3125
 
3126
+ @keyframes pa-loading-bar {
3127
+ 0% {
3128
+ width: 0; }
3129
+ 100% {
3130
+ width: 100; } }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
3131
 
3132
+ @-webkit-keyframes pa-zoom-in {
3133
+ 0% {
3134
+ opacity: 0;
3135
+ -webkit-transform: translateZ(100px);
3136
+ transform: translateZ(100px); }
3137
+ 100% {
3138
+ opacity: 1;
3139
+ -webkit-transform: translateZ(0);
3140
+ transform: translateZ(0); } }
3141
 
3142
+ @keyframes pa-zoom-in {
3143
+ 0% {
3144
+ opacity: 0;
3145
+ -webkit-transform: translateZ(100px);
3146
+ transform: translateZ(100px); }
3147
+ 100% {
3148
+ opacity: 1;
3149
+ -webkit-transform: translateZ(0);
3150
+ transform: translateZ(0); } }
 
 
 
 
 
3151
 
3152
+ @-webkit-keyframes pa-zoom-out {
3153
+ 0% {
3154
+ opacity: 1;
3155
+ -webkit-transform: translateZ(0);
3156
+ transform: translateZ(0); }
3157
+ 100% {
3158
+ opacity: 0;
3159
+ -webkit-transform: translateZ(-100px);
3160
+ transform: translateZ(-100px); } }
3161
 
3162
+ @keyframes pa-zoom-out {
3163
+ 0% {
3164
+ opacity: 1;
3165
+ -webkit-transform: translateZ(0);
3166
+ transform: translateZ(0); }
3167
+ 100% {
3168
+ opacity: 0;
3169
+ -webkit-transform: translateZ(-100px);
3170
+ transform: translateZ(-100px); } }
 
 
 
 
 
3171
 
3172
+ @-webkit-keyframes pa-rotate-in {
3173
+ 0% {
3174
+ opacity: 0;
3175
+ -webkit-transform: rotateX(180deg);
3176
+ transform: rotateX(180deg); }
3177
+ 35% {
3178
+ opacity: 0;
3179
+ -webkit-transform: rotateX(120deg);
3180
+ transform: rotateX(120deg); }
3181
+ 65% {
3182
+ opacity: 0; }
3183
+ 100% {
3184
+ opacity: 1;
3185
+ -webkit-transform: rotateX(360deg);
3186
+ transform: rotateX(360deg); } }
3187
 
3188
+ @keyframes pa-rotate-in {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
3189
  0% {
3190
+ opacity: 0;
3191
+ -webkit-transform: rotateX(180deg);
3192
+ transform: rotateX(180deg); }
3193
+ 35% {
3194
+ opacity: 0;
3195
+ -webkit-transform: rotateX(120deg);
3196
+ transform: rotateX(120deg); }
3197
+ 65% {
3198
+ opacity: 0; }
3199
  100% {
3200
+ opacity: 1;
3201
+ -webkit-transform: rotateX(360deg);
3202
+ transform: rotateX(360deg); } }
3203
 
3204
+ @-webkit-keyframes pa-rotate-out {
3205
  0% {
3206
+ opacity: 1;
3207
+ -webkit-transform: rotateX(0deg);
3208
+ transform: rotateX(0deg); }
3209
+ 35% {
3210
+ opacity: 1;
3211
+ -webkit-transform: rotateX(-40deg);
3212
+ transform: rotateX(-40deg); }
3213
+ 65% {
3214
+ opacity: 0; }
3215
  100% {
3216
+ opacity: 0;
3217
+ -webkit-transform: rotateX(180deg);
3218
+ transform: rotateX(180deg); } }
3219
 
3220
+ @keyframes pa-rotate-out {
3221
  0% {
3222
+ opacity: 1;
3223
+ -webkit-transform: rotateX(0deg);
3224
+ transform: rotateX(0deg); }
3225
+ 35% {
3226
+ opacity: 1;
3227
+ -webkit-transform: rotateX(-40deg);
3228
+ transform: rotateX(-40deg); }
3229
+ 65% {
3230
+ opacity: 0; }
3231
  100% {
3232
+ opacity: 0;
3233
+ -webkit-transform: rotateX(180deg);
3234
+ transform: rotateX(180deg); } }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
3235
 
3236
+ /**************** Premium Bullet List ****************/
3237
+ /*****************************************************/
3238
+ .premium-bullet-list-box {
 
3239
  -js-display: flex;
3240
  display: -webkit-box;
3241
  display: -webkit-flex;
3242
  display: -moz-box;
3243
  display: -ms-flexbox;
3244
  display: flex;
3245
+ -webkit-flex-wrap: wrap;
3246
+ -ms-flex-wrap: wrap;
3247
+ flex-wrap: wrap;
3248
+ -webkit-box-orient: vertical;
3249
+ -webkit-box-direction: normal;
3250
+ -webkit-flex-direction: column;
3251
+ -moz-box-orient: vertical;
3252
+ -moz-box-direction: normal;
3253
+ -ms-flex-direction: column;
3254
+ flex-direction: column; }
3255
+ .premium-bullet-list-box .premium-bullet-list-content-grow-lc {
3256
+ -webkit-transform-origin: left center;
3257
+ -ms-transform-origin: left center;
3258
+ transform-origin: left center; }
3259
+ .premium-bullet-list-box .premium-bullet-list-content-grow-rc {
3260
+ -webkit-transform-origin: right center;
3261
+ -ms-transform-origin: right center;
3262
+ transform-origin: right center; }
3263
+ .premium-bullet-list-box .premium-bullet-list-content-grow-cc {
3264
+ -webkit-transform-origin: center center;
3265
+ -ms-transform-origin: center center;
3266
+ transform-origin: center center; }
 
 
3267
 
3268
+ .premium-bullet-list-content {
3269
+ -js-display: flex;
3270
+ display: -webkit-box;
3271
+ display: -webkit-flex;
3272
+ display: -moz-box;
3273
+ display: -ms-flexbox;
3274
+ display: flex;
 
3275
  -webkit-transition: all 0.3s ease-in-out;
3276
+ transition: all 0.3s ease-in-out;
3277
+ width: auto;
 
3278
  position: relative; }
3279
+ .premium-bullet-list-content .premium-bullet-list-text span,
3280
+ .premium-bullet-list-content .premium-bullet-list-wrapper {
3281
+ display: inline-block;
3282
+ -webkit-align-self: center;
3283
+ -ms-flex-item-align: center;
3284
+ align-self: center;
3285
+ -webkit-transition: all 0.3s ease-in-out;
3286
+ transition: all 0.3s ease-in-out; }
3287
+ .premium-bullet-list-content .premium-bullet-list-text span {
3288
+ margin: 0 5px; }
3289
+ .premium-bullet-list-content .premium-bullet-list-icon-text p {
3290
+ font-size: 18px;
3291
+ background-color: #eee;
3292
+ padding: 1px 5px;
3293
+ -webkit-border-radius: 2px;
3294
+ border-radius: 2px; }
3295
+ .premium-bullet-list-content .premium-bullet-list-text span,
3296
+ .premium-bullet-list-content .premium-bullet-list-icon-text p,
3297
+ .premium-bullet-list-content .premium-bullet-list-wrapper img,
3298
+ .premium-bullet-list-content .premium-bullet-list-wrapper svg,
3299
+ .premium-bullet-list-content .premium-bullet-list-wrapper i {
3300
+ -webkit-transition: all 0.3s ease-in-out;
3301
+ transition: all 0.3s ease-in-out; }
3302
+ .premium-bullet-list-content .premium-bullet-list-wrapper {
3303
+ position: relative;
3304
+ line-height: 0; }
3305
+ .premium-bullet-list-content .premium-bullet-list-wrapper img,
3306
+ .premium-bullet-list-content .premium-bullet-list-wrapper svg {
3307
+ width: 30px !important;
3308
+ height: 30px !important;
3309
+ position: relative;
3310
+ z-index: 500; }
3311
+ .premium-bullet-list-content .premium-bullet-list-wrapper i,
3312
+ .premium-bullet-list-content .premium-bullet-list-wrapper .premium-bullet-list-icon-text {
3313
+ position: relative;
3314
+ z-index: 500; }
3315
+ .premium-bullet-list-content .premium-bullet-list-wrapper i {
3316
+ width: 1.25em; }
3317
+ .premium-bullet-list-content .premium-bullet-list-link {
3318
  position: absolute;
3319
  top: 0;
3320
  left: 0;
3321
  width: 100%;
3322
+ height: 100%;
3323
+ z-index: 1000; }
 
3324
 
3325
+ .premium-bullet-list-content:not(:last-of-type) .premium-bullet-list-connector {
3326
+ width: 100%;
3327
+ height: 100%;
3328
+ position: absolute;
3329
+ top: 0.5em;
3330
+ z-index: 100;
3331
+ -js-display: flex;
3332
+ display: -webkit-box;
3333
+ display: -webkit-flex;
3334
+ display: -moz-box;
3335
+ display: -ms-flexbox;
3336
+ display: flex;
3337
+ -webkit-box-pack: center;
3338
+ -webkit-justify-content: center;
3339
+ -moz-box-pack: center;
3340
+ -ms-flex-pack: center;
3341
+ justify-content: center; }
3342
+ .premium-bullet-list-content:not(:last-of-type) .premium-bullet-list-connector .premium-icon-connector-content:after {
3343
+ content: "";
3344
+ border-right-width: 1px;
3345
+ border-right-style: solid;
3346
+ border-color: #333333;
3347
  display: block;
3348
+ height: 100%; }
 
 
 
 
 
 
3349
 
3350
+ li.premium-bullet-list-content.premium-bullet-list-content-inline {
3351
+ -webkit-align-self: center;
3352
+ -ms-flex-item-align: center;
3353
+ align-self: center;
3354
+ z-index: 2; }
3355
 
3356
+ li.premium-bullet-list-content.premium-bullet-list-content-inline:not(:first-child) {
3357
+ margin: 0 3px; }
 
3358
 
3359
+ li.premium-bullet-list-content.premium-bullet-list-content-inline:first-child {
3360
+ margin: 0 3px 0 0; }
 
3361
 
3362
+ .premium-bullet-list-divider:not(:last-child) {
3363
+ width: 100%;
3364
+ -webkit-box-flex: 0;
3365
+ -webkit-flex: 0 0 100%;
3366
+ -moz-box-flex: 0;
3367
+ -ms-flex: 0 0 100%;
3368
+ flex: 0 0 100%;
3369
+ overflow: hidden; }
3370
 
3371
+ .premium-bullet-list-divider:not(:last-child):after {
3372
+ content: "";
3373
+ display: block;
3374
+ border-top-style: solid;
3375
+ border-top-width: 1px; }
 
 
 
 
3376
 
3377
+ .premium-bullet-list-divider-inline:not(:last-child) {
3378
+ float: right;
 
3379
  display: inline-block;
3380
+ position: relative;
3381
+ height: 100%;
3382
+ overflow: hidden;
3383
+ -webkit-align-self: center;
3384
+ -ms-flex-item-align: center;
3385
+ align-self: center;
3386
+ margin: 0 3px; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
3387
 
3388
+ .premium-bullet-list-divider-inline:not(:last-child):after {
3389
+ content: "";
3390
+ display: block;
3391
+ border-left-width: 1px;
3392
+ height: 33px;
3393
+ border-left-style: solid; }
3394
 
3395
+ .premium-bullet-list-icon-text {
3396
+ line-height: 1.5; }
 
 
3397
 
3398
+ .premium-bullet-list-icon-text p,
3399
+ ul.premium-bullet-list-box,
3400
+ li.premium-bullet-list-content {
3401
+ margin: 0; }
3402
 
3403
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper i,
3404
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-text span,
3405
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-icon-text p {
3406
+ color: transparent !important;
3407
+ text-shadow: 0 0 3px #aaa; }
3408
 
3409
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-icon-connector-content,
3410
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper .premium-lottie-animation svg,
3411
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper img,
3412
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-badge {
3413
  -webkit-filter: blur(3px);
3414
  filter: blur(3px); }
3415
 
3416
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper i,
3417
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-text span,
3418
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-icon-text p {
3419
+ color: #aaa !important;
3420
+ text-shadow: 0 0px 0 transparent; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
3421
 
3422
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-icon-connector-content,
3423
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper .premium-lottie-animation svg,
3424
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper img,
3425
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-badge {
3426
+ -webkit-filter: none;
3427
+ filter: none; }
 
 
 
3428
 
3429
+ .premium-bullet-list-content .premium-bullet-list-badge {
3430
+ font-size: 11px;
3431
  top: auto;
3432
+ min-width: -webkit-max-content;
3433
+ min-width: -moz-max-content;
3434
+ min-width: max-content;
3435
+ height: -webkit-fit-content;
3436
+ height: -moz-fit-content;
3437
+ height: fit-content; }
 
 
3438
 
3439
+ .premium-bullet-list-content .premium-bullet-list-icon-text p {
3440
+ font-size: 13px; }
 
 
3441
 
3442
+ .premium-bullet-list-gradient-effect[data-text] {
3443
+ display: inline-block;
3444
+ position: relative;
3445
+ text-decoration: none; }
 
 
 
3446
 
3447
+ .premium-bullet-list-gradient-effect[data-text]::before {
3448
+ content: attr(data-text);
3449
  position: absolute;
 
 
 
 
 
 
 
 
 
 
 
3450
  z-index: 1;
3451
+ overflow: hidden;
3452
+ -webkit-clip-path: polygon(0 0, 1px 0, 1px 100%, 0 100%);
3453
+ clip-path: polygon(0 0, 1px 0, 1px 100%, 0 100%);
3454
+ -webkit-background-clip: text;
3455
+ background-clip: text;
3456
+ -webkit-text-fill-color: transparent;
3457
+ -webkit-transition: all 0.4s ease;
3458
+ transition: all 0.4s ease; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
3459
 
3460
+ .premium-bullet-list-content:hover .premium-bullet-list-gradient-effect[data-text]::before,
3461
+ .premium-bullet-list-content:focus .premium-bullet-list-gradient-effect[data-text]::before {
3462
+ -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
3463
+ clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
3464
 
3465
+ ul[data-list-animation*="animated-"] .premium-bullet-list-divider,
3466
+ ul[data-list-animation*="animated-"] .premium-bullet-list-content,
3467
+ ul[data-list-animation*="animated-"] .premium-bullet-list-divider-inline {
3468
+ opacity: 0; }
 
 
 
3469
 
3470
+ .premium-bullet-list-content-grow-effect:hover {
3471
+ -webkit-transform: scale(1.07);
3472
+ -ms-transform: scale(1.07);
3473
+ transform: scale(1.07); }
 
 
3474
 
3475
+ @-webkit-keyframes spin {
3476
+ 100% {
3477
+ -webkit-transform: rotate(360deg);
3478
+ transform: rotate(360deg); } }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
3479
 
3480
+ @keyframes spin {
3481
+ 100% {
3482
+ -webkit-transform: rotate(360deg);
3483
+ transform: rotate(360deg); } }
3484
+
3485
+ /**************** Premium Image Button ***********/
3486
+ /*************************************************/
3487
+ .premium-image-button {
3488
  -js-display: inline-flex;
3489
  display: -webkit-inline-box;
3490
  display: -webkit-inline-flex;
3491
  display: -moz-inline-box;
3492
  display: -ms-inline-flexbox;
3493
  display: inline-flex;
3494
+ position: relative;
3495
+ overflow: hidden;
3496
+ background-color: #eee;
3497
+ cursor: pointer;
3498
+ -webkit-transition: all 0.2s ease-in-out !important;
3499
+ transition: all 0.2s ease-in-out !important; }
3500
+ .premium-image-button .premium-button-style6-bg, .premium-image-button.premium-button-style6:before, .premium-image-button:not(.premium-image-button-style6):hover {
3501
+ background-color: #54595f; }
3502
+
3503
+ /*Default background for slide styles*/
3504
+ .premium-image-button-style4-icon-wrapper,
3505
+ .premium-image-button-style1:before {
3506
+ background-color: #54595f; }
3507
+
3508
+ .premium-image-button-text-icon-wrapper {
3509
+ width: 100%;
3510
+ -js-display: flex;
3511
+ display: -webkit-box;
3512
+ display: -webkit-flex;
3513
+ display: -moz-box;
3514
+ display: -ms-flexbox;
3515
+ display: flex;
3516
+ -webkit-box-pack: center;
3517
+ -webkit-justify-content: center;
3518
+ -moz-box-pack: center;
3519
+ -ms-flex-pack: center;
3520
+ justify-content: center;
3521
  -webkit-box-align: center;
3522
  -webkit-align-items: center;
3523
  -moz-box-align: center;
3524
  -ms-flex-align: center;
3525
+ align-items: center;
3526
+ position: relative;
3527
+ z-index: 3;
3528
+ -webkit-transition: all 0.2s ease-in-out;
3529
+ transition: all 0.2s ease-in-out; }
3530
+ .premium-image-button-text-icon-wrapper span,
3531
+ .premium-image-button-text-icon-wrapper i,
3532
+ .premium-image-button-text-icon-wrapper svg {
3533
+ -webkit-transition: all 0.2s ease-in-out;
3534
+ transition: all 0.2s ease-in-out; }
 
 
 
 
 
 
3535
 
3536
+ .premium-image-button-style1:before {
3537
  position: absolute;
3538
+ content: "";
3539
+ -webkit-transition: all 0.2s ease-in-out;
3540
+ transition: all 0.2s ease-in-out; }
 
 
 
 
 
 
3541
 
3542
+ .premium-image-button-style1-bottom:before {
3543
+ width: 100%;
3544
+ height: 0;
3545
  top: 0;
3546
+ left: 0; }
3547
+
3548
+ .premium-image-button-style1-top:before {
3549
  width: 100%;
3550
+ height: 0;
3551
+ bottom: 0;
3552
+ left: 0; }
3553
+
3554
+ .premium-image-button-style1-right:before {
3555
+ width: 0;
3556
  height: 100%;
3557
+ bottom: 0;
3558
+ left: 0; }
 
 
 
3559
 
3560
+ .premium-image-button-style1-left:before {
3561
+ width: 0;
3562
+ height: 100%;
3563
+ top: 0;
3564
+ right: 0; }
3565
 
3566
+ .premium-image-button-style1-bottom:hover:before,
3567
+ .premium-image-button-style1-top:hover:before {
3568
+ height: 100%; }
3569
+
3570
+ .premium-image-button-style1-right:hover:before,
3571
+ .premium-image-button-style1-left:hover:before {
3572
+ width: 100%; }
3573
+
3574
+ .premium-image-button-style3 {
3575
+ z-index: 10; }
3576
+ .premium-image-button-style3:before {
 
 
 
 
 
 
 
 
 
 
 
3577
  position: absolute;
3578
+ top: 0px;
3579
+ left: 0px;
3580
  width: 100%;
3581
  height: 100%;
3582
+ content: "";
3583
+ z-index: 1;
3584
+ background: rgba(255, 255, 255, 0.2);
3585
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
3586
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
3587
+ -webkit-transition: all 0.8s ease-out;
3588
+ transition: all 0.8s ease-out; }
3589
 
3590
+ .premium-image-button-diagonal-right:before {
3591
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
3592
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0); }
 
3593
 
3594
+ .premium-image-button-diagonal-right:hover:before {
3595
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
3596
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0); }
3597
 
3598
+ .premium-image-button-diagonal-left:before {
3599
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
3600
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0); }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
3601
 
3602
+ .premium-image-button-diagonal-left:hover:before {
3603
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
3604
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0); }
 
3605
 
3606
+ .premium-image-button-diagonal-bottom:before {
3607
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
3608
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0); }
3609
 
3610
+ .premium-image-button-diagonal-bottom:hover:before {
3611
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
3612
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); }
 
 
 
 
 
 
 
3613
 
3614
+ .premium-image-button-diagonal-top:before {
3615
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
3616
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); }
 
 
 
3617
 
3618
+ .premium-image-button-diagonal-top:hover:before {
3619
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
3620
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0); }
3621
+
3622
+ .premium-image-button-style4-icon-wrapper {
3623
+ position: absolute;
3624
+ z-index: 2;
3625
+ width: 100%;
3626
+ text-align: center;
3627
+ -js-display: flex;
3628
+ display: -webkit-box;
3629
+ display: -webkit-flex;
3630
+ display: -moz-box;
3631
+ display: -ms-flexbox;
3632
+ display: flex;
3633
  -webkit-box-align: center;
3634
  -webkit-align-items: center;
3635
  -moz-box-align: center;
3639
  -webkit-justify-content: center;
3640
  -moz-box-pack: center;
3641
  -ms-flex-pack: center;
3642
+ justify-content: center;
3643
+ height: 100%;
3644
+ opacity: 0;
3645
+ -webkit-transition: all 0.3s ease-in-out;
3646
+ transition: all 0.3s ease-in-out; }
3647
+ .premium-image-button-style4-icon-wrapper.top {
3648
+ bottom: -100%;
3649
+ left: 0; }
3650
+ .premium-image-button-style4-icon-wrapper.bottom {
3651
+ top: -100%;
3652
+ left: 0; }
3653
+ .premium-image-button-style4-icon-wrapper.left {
3654
+ top: 0;
3655
+ left: -100%; }
3656
+ .premium-image-button-style4-icon-wrapper.right {
3657
+ top: 0;
3658
+ right: -100%; }
 
 
 
 
 
 
3659
 
3660
+ .premium-image-button-style4-bottom:hover .premium-image-button-style4-icon-wrapper {
3661
+ top: 0;
3662
+ opacity: 1; }
 
3663
 
3664
+ .premium-image-button-style4-bottom:hover .premium-image-button-text-icon-wrapper {
3665
+ -webkit-transform: translateY(100%);
3666
+ -ms-transform: translateY(100%);
3667
+ transform: translateY(100%);
3668
+ opacity: 0; }
3669
 
3670
+ .premium-image-button-style4-top:hover .premium-image-button-style4-icon-wrapper {
3671
+ bottom: 0;
3672
  opacity: 1; }
3673
 
3674
+ .premium-image-button-style4-top:hover .premium-image-button-text-icon-wrapper {
3675
+ -webkit-transform: translateY(-100%);
3676
+ -ms-transform: translateY(-100%);
3677
+ transform: translateY(-100%);
3678
+ opacity: 0; }
 
 
 
3679
 
3680
+ .premium-image-button-style4-left:hover .premium-image-button-style4-icon-wrapper {
3681
+ left: 0;
3682
+ opacity: 1; }
 
 
 
 
3683
 
3684
+ .premium-image-button-style4-left:hover .premium-image-button-text-icon-wrapper {
3685
+ -webkit-transform: translateX(100%);
3686
+ -ms-transform: translateX(100%);
3687
+ transform: translateX(100%);
3688
+ opacity: 0; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
3689
 
3690
+ .premium-image-button-style4-right:hover .premium-image-button-style4-icon-wrapper {
3691
+ right: 0;
3692
+ opacity: 1; }
3693
 
3694
+ .premium-image-button-style4-right:hover .premium-image-button-text-icon-wrapper {
3695
+ -webkit-transform: translateX(-100%);
3696
+ -ms-transform: translateX(-100%);
3697
+ transform: translateX(-100%);
3698
+ opacity: 0; }
3699
 
3700
+ .premium-image-button-style5:before {
3701
  position: absolute;
3702
+ content: "";
3703
+ top: 0;
3704
+ left: 0;
3705
+ width: 100%;
3706
+ height: 100%;
3707
+ opacity: 0;
3708
+ -webkit-transition: all 1s ease-in-out;
3709
+ transition: all 1s ease-in-out;
3710
+ background: rgba(255, 255, 255, 0.2);
3711
+ -webkit-animation-name: premium-overlap-effect-done;
3712
+ animation-name: premium-overlap-effect-done;
3713
+ -webkit-animation-duration: 1s;
3714
+ animation-duration: 1s; }
3715
 
3716
+ .premium-image-button-overlap-effect-vertical:before {
3717
+ -webkit-animation-name: premium-overlap-ver-effect-done;
3718
+ animation-name: premium-overlap-ver-effect-done; }
3719
 
3720
+ .premium-image-button-overlap-effect-horizontal:hover:before {
3721
+ -webkit-animation-name: premium-overlap-effect;
3722
+ animation-name: premium-overlap-effect; }
3723
 
3724
+ .premium-image-button-overlap-effect-vertical:hover:before {
3725
+ -webkit-animation-name: premium-overlap-ver-effect;
3726
+ animation-name: premium-overlap-ver-effect; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
3727
 
3728
+ @-webkit-keyframes premium-overlap-effect {
3729
+ 0% {
3730
+ opacity: 0;
3731
+ -webkit-transform: rotateY(0deg);
3732
+ transform: rotateY(0deg); }
3733
+ 50% {
3734
+ opacity: 1;
3735
+ -webkit-transform: rotateY(180deg);
3736
+ transform: rotateY(180deg); }
3737
+ 100% {
3738
+ opacity: 0;
3739
+ -webkit-transform: rotateY(360deg);
3740
+ transform: rotateY(360deg); } }
3741
 
3742
+ @keyframes premium-overlap-effect {
3743
+ 0% {
3744
+ opacity: 0;
3745
+ -webkit-transform: rotateY(0deg);
3746
+ transform: rotateY(0deg); }
3747
+ 50% {
3748
+ opacity: 1;
3749
+ -webkit-transform: rotateY(180deg);
3750
+ transform: rotateY(180deg); }
3751
+ 100% {
3752
+ opacity: 0;
3753
+ -webkit-transform: rotateY(360deg);
3754
+ transform: rotateY(360deg); } }
3755
 
3756
+ @-webkit-keyframes premium-overlap-effect-done {
3757
+ 0% {
3758
+ opacity: 0;
3759
+ -webkit-transform: rotateY(0deg);
3760
+ transform: rotateY(0deg); }
3761
+ 50% {
3762
+ opacity: 1;
3763
+ -webkit-transform: rotateY(180deg);
3764
+ transform: rotateY(180deg); }
3765
+ 100% {
3766
+ opacity: 0;
3767
+ -webkit-transform: rotateY(360deg);
3768
+ transform: rotateY(360deg); } }
3769
 
3770
+ @keyframes premium-overlap-effect-done {
3771
+ 0% {
3772
+ opacity: 0;
3773
+ -webkit-transform: rotateY(0deg);
3774
+ transform: rotateY(0deg); }
3775
+ 50% {
3776
+ opacity: 1;
3777
+ -webkit-transform: rotateY(180deg);
3778
+ transform: rotateY(180deg); }
3779
+ 100% {
3780
+ opacity: 0;
3781
+ -webkit-transform: rotateY(360deg);
3782
+ transform: rotateY(360deg); } }
3783
 
3784
+ @-webkit-keyframes premium-overlap-ver-effect {
3785
+ 0% {
3786
+ opacity: 0;
3787
+ -webkit-transform: rotateX(0deg);
3788
+ transform: rotateX(0deg); }
3789
+ 50% {
3790
+ opacity: 1;
3791
+ -webkit-transform: rotateX(180deg);
3792
+ transform: rotateX(180deg); }
3793
+ 100% {
3794
+ opacity: 0;
3795
+ -webkit-transform: rotateX(360deg);
3796
+ transform: rotateX(360deg); } }
3797
 
3798
+ @keyframes premium-overlap-ver-effect {
3799
+ 0% {
3800
+ opacity: 0;
3801
+ -webkit-transform: rotateX(0deg);
3802
+ transform: rotateX(0deg); }
3803
+ 50% {
3804
+ opacity: 1;
3805
+ -webkit-transform: rotateX(180deg);
3806
+ transform: rotateX(180deg); }
3807
+ 100% {
3808
+ opacity: 0;
3809
+ -webkit-transform: rotateX(360deg);
3810
+ transform: rotateX(360deg); } }
3811
+
3812
+ @-webkit-keyframes premium-overlap-ver-effect-done {
3813
+ 0% {
3814
+ opacity: 0;
3815
+ -webkit-transform: rotateX(0deg);
3816
+ transform: rotateX(0deg); }
3817
+ 50% {
3818
+ opacity: 1;
3819
+ -webkit-transform: rotateX(180deg);
3820
+ transform: rotateX(180deg); }
3821
+ 100% {
3822
+ opacity: 0;
3823
+ -webkit-transform: rotateX(360deg);
3824
+ transform: rotateX(360deg); } }
3825
+
3826
+ @keyframes premium-overlap-ver-effect-done {
3827
+ 0% {
3828
+ opacity: 0;
3829
+ -webkit-transform: rotateX(0deg);
3830
+ transform: rotateX(0deg); }
3831
+ 50% {
3832
+ opacity: 1;
3833
+ -webkit-transform: rotateX(180deg);
3834
+ transform: rotateX(180deg); }
3835
+ 100% {
3836
+ opacity: 0;
3837
+ -webkit-transform: rotateX(360deg);
3838
+ transform: rotateX(360deg); } }
3839
+
3840
+ /************ Premium Image Scroll ************/
3841
+ /**********************************************/
3842
+ @font-face {
3843
+ font-family: "pa-elements";
3844
+ src: url("../../plugins/premium-addons-for-elementor/assets/editor/fonts/pa-elements.eot?9e1efm");
3845
+ src: url("../../plugins/premium-addons-for-elementor/assets/editor/fonts/pa-elements.eot?9e1efm#iefix") format("embedded-opentype"), url("../../plugins/premium-addons-for-elementor/assets/editor/fonts/pa-elements.ttf?9e1efm") format("truetype"), url("../../plugins/premium-addons-for-elementor/assets/editor/fonts/pa-elements.woff?9e1efm") format("woff"), url("../../plugins/premium-addons-for-elementor/assets/editor/fonts/pa-elements.svg?9e1efm#pa-elements") format("svg");
3846
+ font-weight: normal;
3847
+ font-style: normal; }
3848
+
3849
+ .premium-image-scroll-section,
3850
+ .premium-image-scroll-container {
3851
  -webkit-transition: all 0.3s ease-in-out;
3852
  transition: all 0.3s ease-in-out; }
3853
 
3854
+ .premium-image-scroll-section {
3855
+ position: relative;
3856
+ overflow: hidden;
3857
+ width: 100%;
3858
+ -webkit-mask-image: -webkit-radial-gradient(white, black); }
3859
 
3860
+ .premium-image-scroll-container {
3861
+ width: 100%; }
3862
+ .premium-image-scroll-container .premium-image-scroll-mask-media {
3863
+ -webkit-mask-repeat: no-repeat;
3864
+ mask-repeat: no-repeat;
3865
+ -webkit-mask-position: center;
3866
+ mask-position: center; }
3867
 
3868
+ .premium-container-scroll {
3869
+ overflow: auto; }
3870
+
3871
+ .premium-image-scroll-container .premium-image-scroll-horizontal {
3872
+ position: relative;
3873
+ width: 100%;
3874
+ height: 100%; }
3875
+ .premium-image-scroll-container .premium-image-scroll-horizontal img {
3876
+ max-width: none;
3877
+ height: 100%; }
3878
+
3879
+ .premium-image-scroll-container .premium-image-scroll-vertical img {
3880
+ width: 100%;
3881
+ max-width: 100%;
3882
+ height: auto; }
3883
+
3884
+ .premium-image-scroll-ver {
3885
  position: relative; }
3886
 
3887
+ .premium-image-scroll-container .premium-image-scroll-overlay {
3888
+ background: rgba(2, 2, 2, 0.3); }
3889
+
3890
+ .premium-image-scroll-container .premium-image-scroll-link,
3891
+ .premium-image-scroll-container .premium-image-scroll-overlay {
3892
+ position: absolute;
3893
+ top: 0;
3894
+ bottom: 0;
3895
+ left: 0;
3896
+ right: 0;
3897
+ z-index: 4; }
3898
+
3899
+ .premium-image-scroll-content {
3900
+ display: inline-block;
3901
+ position: absolute;
3902
+ height: auto;
3903
+ top: 50%;
3904
+ left: 50%;
3905
  text-align: center;
3906
+ z-index: 5;
3907
+ -webkit-transform: translate(-50%, -50%);
3908
+ -ms-transform: translate(-50%, -50%);
3909
+ transform: translate(-50%, -50%); }
3910
 
3911
+ .premium-container-scroll-instant .premium-image-scroll-image {
3912
+ -webkit-transition: all 0s ease-in-out !important;
3913
+ transition: all 0s ease-in-out !important; }
 
 
3914
 
3915
+ .premium-image-scroll-container img {
3916
+ -webkit-transition: -webkit-transform 3s ease-in-out;
3917
+ transition: -webkit-transform 3s ease-in-out;
3918
+ transition: transform 3s ease-in-out;
3919
+ transition: transform 3s ease-in-out, -webkit-transform 3s ease-in-out; }
3920
 
3921
+ .premium-image-scroll-container .premium-image-scroll-overlay,
3922
+ .premium-image-scroll-container .premium-image-scroll-content {
3923
+ -webkit-transition: all 0.3s ease-in-out;
3924
+ transition: all 0.3s ease-in-out;
3925
+ opacity: 1; }
3926
 
3927
+ .premium-image-scroll-container:hover .premium-image-scroll-overlay {
3928
+ opacity: 0; }
 
 
3929
 
3930
+ .premium-image-scroll-container:hover .premium-image-scroll-content {
3931
+ opacity: 0;
3932
+ visibility: hidden; }
 
3933
 
3934
+ .premium-image-scroll-content .premium-image-scroll-icon {
3935
+ display: inline-block;
3936
+ font-family: "pa-elements" !important;
3937
+ speak: none;
3938
+ font-style: normal;
3939
+ font-weight: normal;
3940
+ font-variant: normal;
3941
+ text-transform: none;
3942
+ line-height: 1;
3943
+ -webkit-font-smoothing: antialiased;
3944
+ -moz-osx-font-smoothing: grayscale;
3945
+ -webkit-animation-duration: 0.5s;
3946
+ animation-duration: 0.5s;
3947
+ -webkit-animation-iteration-count: infinite;
3948
+ animation-iteration-count: infinite;
3949
+ -webkit-animation-direction: alternate;
3950
+ animation-direction: alternate;
3951
+ -webkit-animation-timing-function: ease-in-out;
3952
+ animation-timing-function: ease-in-out; }
3953
 
3954
+ .pa-horizontal-mouse-scroll:before {
3955
+ content: "\e921"; }
 
 
3956
 
3957
+ .pa-vertical-mouse-scroll:before {
3958
+ content: "\e922"; }
 
3959
 
3960
+ .pa-horizontal-mouse-scroll {
3961
+ -webkit-animation-name: pa-scroll-horizontal;
3962
+ animation-name: pa-scroll-horizontal; }
3963
 
3964
+ .pa-vertical-mouse-scroll {
3965
+ -webkit-animation-name: pa-scroll-vertical;
3966
+ animation-name: pa-scroll-vertical; }
3967
 
3968
+ @-webkit-keyframes pa-scroll-vertical {
3969
+ 0% {
3970
+ -webkit-transform: translateY(0px);
3971
+ transform: translateY(0px); }
3972
+ 100% {
3973
+ -webkit-transform: translateY(5px);
3974
+ transform: translateY(5px); } }
3975
 
3976
+ @keyframes pa-scroll-vertical {
3977
+ 0% {
3978
+ -webkit-transform: translateY(0px);
3979
+ transform: translateY(0px); }
3980
+ 100% {
3981
+ -webkit-transform: translateY(5px);
3982
+ transform: translateY(5px); } }
3983
 
3984
+ @-webkit-keyframes pa-scroll-horizontal {
3985
+ 0% {
3986
+ -webkit-transform: translateX(0px);
3987
+ transform: translateX(0px); }
3988
+ 100% {
3989
+ -webkit-transform: translateX(5px);
3990
+ transform: translateX(5px); } }
 
3991
 
3992
+ @keyframes pa-scroll-horizontal {
3993
+ 0% {
3994
+ -webkit-transform: translateX(0px);
3995
+ transform: translateX(0px); }
3996
+ 100% {
3997
+ -webkit-transform: translateX(5px);
3998
+ transform: translateX(5px); } }
3999
+
4000
+ /**************** Premium Image Separator ****************/
4001
+ /*********************************************************/
4002
+ .premium-image-separator-container {
4003
  position: absolute;
 
 
4004
  width: 100%;
 
4005
  z-index: 2;
4006
+ top: auto;
4007
+ -webkit-transition: all 0.3s ease-in-out;
4008
+ transition: all 0.3s ease-in-out; }
4009
+ .premium-image-separator-container svg,
4010
+ .premium-image-separator-container img {
4011
+ display: inline-block !important;
4012
+ -webkit-mask-repeat: no-repeat;
4013
+ mask-repeat: no-repeat;
4014
+ -webkit-mask-position: center;
4015
+ mask-position: center; }
4016
+ .premium-image-separator-container .premium-image-separator-link {
4017
+ position: absolute;
4018
+ z-index: 9999;
4019
+ top: 0;
4020
+ left: 0;
4021
+ width: 100%;
4022
+ height: 100%;
4023
+ text-decoration: none; }
4024
+ .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 {
4025
+ -webkit-box-shadow: none !important;
4026
+ box-shadow: none !important;
4027
+ outline: none !important;
4028
+ border: none !important;
4029
+ text-decoration: none !important; }
4030
+ .premium-image-separator-container i,
4031
+ .premium-image-separator-container > svg {
4032
+ padding: 20px;
4033
+ -webkit-transition: all 0.3s ease-in-out;
4034
+ transition: all 0.3s ease-in-out; }
4035
+
4036
+ /******** Premium Media Grid ********/
4037
+ /************************************/
4038
+ .premium-img-gallery-filter,
4039
+ .premium-blog-filter {
4040
  -js-display: flex;
4041
  display: -webkit-box;
4042
  display: -webkit-flex;
4043
  display: -moz-box;
4044
  display: -ms-flexbox;
4045
  display: flex;
 
 
 
 
 
4046
  -webkit-box-align: center;
4047
  -webkit-align-items: center;
4048
  -moz-box-align: center;
4049
  -ms-flex-align: center;
4050
  align-items: center;
4051
+ -webkit-box-pack: center;
4052
+ -webkit-justify-content: center;
4053
+ -moz-box-pack: center;
4054
+ -ms-flex-pack: center;
4055
+ justify-content: center; }
 
 
 
4056
 
4057
+ .premium-img-gallery {
4058
+ clear: both;
4059
+ overflow: hidden; }
4060
 
4061
+ .premium-gallery-container .premium-gallery-item {
4062
+ padding: 10px;
4063
+ float: left; }
 
 
 
 
4064
 
4065
+ .premium-gallery-container .grid-sizer {
4066
+ width: 33.33%; }
 
 
 
4067
 
4068
+ .premium-gallery-container .pa-gallery-item {
4069
+ padding: 10px; }
4070
 
4071
+ .premium-img-gallery-filter .premium-gallery-cats-container li a.category,
4072
+ .premium-blog-filter .premium-blog-filters-container li a.category {
4073
+ outline: none;
4074
+ text-decoration: none;
4075
+ -webkit-border-radius: 75px;
4076
+ border-radius: 75px;
4077
+ margin: 15px 5px 20px;
4078
+ padding: 7px 20px;
4079
+ -webkit-transition: all 0.3s ease-in-out;
4080
+ transition: all 0.3s ease-in-out; }
4081
 
4082
+ .pa-gallery-img {
4083
+ position: relative; }
4084
+ .pa-gallery-img .pa-gallery-whole-link {
4085
+ position: absolute;
4086
+ top: 0;
4087
+ left: 0;
4088
+ width: 100%;
4089
+ height: 100%; }
4090
+ .pa-gallery-img.style2 .pa-gallery-whole-link {
4091
+ z-index: 99; }
4092
 
4093
+ .pa-gallery-img-container {
4094
+ overflow: hidden;
4095
+ -webkit-backface-visibility: hidden;
4096
+ backface-visibility: hidden;
4097
+ -webkit-transform: translate3d(0, 0, 0);
4098
+ transform: translate3d(0, 0, 0); }
4099
+ .pa-gallery-img-container img {
4100
+ display: block;
4101
+ width: 100%;
4102
+ -webkit-transition: all 0.3s ease-in-out;
4103
+ transition: all 0.3s ease-in-out; }
4104
 
4105
+ .premium-img-gallery.gray img {
4106
+ -webkit-filter: grayscale(100%);
4107
+ filter: grayscale(100%); }
 
4108
 
4109
+ .premium-img-gallery.zoomout img,
4110
+ .premium-img-gallery.scale img {
4111
+ -webkit-transform: scale(1.2);
4112
+ -ms-transform: scale(1.2);
4113
+ transform: scale(1.2); }
4114
 
4115
+ .premium-img-gallery.sepia img {
4116
+ -webkit-filter: sepia(30%);
4117
+ filter: sepia(30%); }
4118
+
4119
+ .premium-img-gallery.bright img {
4120
+ -webkit-filter: brightness(1);
4121
+ filter: brightness(1); }
 
 
 
4122
 
4123
+ .premium-img-gallery.trans img {
4124
+ -webkit-transform: translateX(-15px) scale(1.1);
4125
+ -ms-transform: translateX(-15px) scale(1.1);
4126
+ transform: translateX(-15px) scale(1.1); }
4127
 
4128
+ .pa-gallery-img .pa-gallery-magnific-image,
4129
+ .pa-gallery-img .pa-gallery-img-link {
4130
+ outline: none; }
4131
+ .pa-gallery-img .pa-gallery-magnific-image i,
4132
+ .pa-gallery-img .pa-gallery-magnific-image svg,
4133
+ .pa-gallery-img .pa-gallery-img-link i,
4134
+ .pa-gallery-img .pa-gallery-img-link svg {
4135
+ -webkit-transition: all 0.3s ease-in-out;
4136
+ transition: all 0.3s ease-in-out; }
4137
 
4138
+ .pa-gallery-img .pa-gallery-magnific-image span,
4139
+ .pa-gallery-img .pa-gallery-img-link span {
4140
+ line-height: 1;
4141
+ display: inline-block;
4142
+ opacity: 0;
4143
+ margin: 0 5px;
4144
+ padding: 15px;
4145
+ -webkit-border-radius: 50%;
4146
+ border-radius: 50%; }
4147
 
4148
+ .pa-gallery-img.style2 .pa-gallery-magnific-image span,
4149
+ .pa-gallery-img.style2 .pa-gallery-img-link span {
4150
+ margin: 0 5px 20px; }
4151
 
4152
+ .pa-gallery-img:hover .pa-gallery-magnific-image span {
4153
+ -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
4154
+ transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s; }
4155
 
4156
+ .pa-gallery-img:hover .pa-gallery-img-link span {
4157
+ -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
4158
+ transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s; }
4159
 
4160
+ .pa-gallery-img:hover .pa-gallery-magnific-image span,
4161
+ .pa-gallery-img:hover .pa-gallery-img-link span {
4162
+ opacity: 1; }
4163
 
4164
+ .premium-gallery-icon-show a.pa-gallery-video-icon span {
4165
+ opacity: 1; }
4166
 
4167
+ .premium-img-gallery-filter ul.premium-gallery-cats-container,
4168
+ .premium-blog-filter ul.premium-blog-filters-container {
4169
+ text-align: center;
4170
+ margin: 0;
4171
+ padding: 0; }
4172
 
4173
+ .premium-img-gallery-filter .premium-gallery-cats-container li,
4174
+ .premium-blog-filter .premium-blog-filters-container li {
4175
+ list-style: none;
4176
+ -js-display: inline-flex;
4177
+ display: -webkit-inline-box;
4178
+ display: -webkit-inline-flex;
4179
+ display: -moz-inline-box;
4180
+ display: -ms-inline-flexbox;
4181
+ display: inline-flex; }
4182
 
4183
+ .premium-img-gallery.zoomin .pa-gallery-img:hover img {
4184
+ -webkit-transform: scale(1.1);
4185
+ -ms-transform: scale(1.1);
4186
+ transform: scale(1.1); }
4187
 
4188
+ .premium-img-gallery.zoomout .pa-gallery-img:hover img {
4189
+ -webkit-transform: scale(1);
4190
+ -ms-transform: scale(1);
4191
+ transform: scale(1); }
4192
 
4193
+ .premium-img-gallery.scale .pa-gallery-img:hover img {
4194
+ -webkit-transform: scale(1.3) rotate(5deg);
4195
+ -ms-transform: scale(1.3) rotate(5deg);
4196
+ transform: scale(1.3) rotate(5deg); }
4197
 
4198
+ .premium-img-gallery.gray .pa-gallery-img:hover img {
4199
+ -webkit-filter: grayscale(0%);
4200
+ filter: grayscale(0%); }
4201
 
4202
+ .premium-img-gallery.blur .pa-gallery-img:hover img {
4203
+ -webkit-filter: blur(3px);
4204
+ filter: blur(3px); }
4205
 
4206
+ .premium-img-gallery.sepia .pa-gallery-img:hover img {
4207
+ -webkit-filter: sepia(0%);
4208
+ filter: sepia(0%); }
 
4209
 
4210
+ .premium-img-gallery.trans .pa-gallery-img:hover img {
4211
+ -webkit-transform: translateX(0px) scale(1.1);
4212
+ -ms-transform: translateX(0px) scale(1.1);
4213
+ transform: translateX(0px) scale(1.1); }
4214
 
4215
+ .premium-img-gallery.bright .pa-gallery-img:hover img {
4216
+ -webkit-filter: brightness(1.2);
4217
+ filter: brightness(1.2); }
 
 
 
 
 
 
 
 
 
4218
 
4219
+ .pa-gallery-img .premium-gallery-caption {
4220
+ padding: 10px; }
4221
+ .pa-gallery-img .premium-gallery-caption .premium-gallery-img-name {
4222
+ margin-bottom: 0; }
 
 
 
 
 
 
 
4223
 
4224
+ .pa-gallery-img.style1 {
4225
  overflow: hidden; }
 
 
 
 
 
 
 
 
 
 
 
 
 
4226
 
4227
+ .pa-gallery-img:not(.style2) .pa-gallery-icons-wrapper {
4228
+ position: absolute;
4229
+ top: 0;
4230
+ left: 0;
4231
+ width: 100%;
4232
+ height: 100%;
4233
+ -webkit-transition: all 0.3s ease-in-out;
4234
+ transition: all 0.3s ease-in-out; }
4235
+
4236
+ .pa-gallery-img:not(.style2) .pa-gallery-icons-inner-container {
4237
+ position: absolute;
4238
+ top: 33.33%;
4239
+ width: 100%;
4240
+ text-align: center;
4241
+ -webkit-transform: translateY(-50%);
4242
+ -ms-transform: translateY(-50%);
4243
+ transform: translateY(-50%);
4244
+ z-index: 999; }
4245
 
4246
+ .pa-gallery-img.style1 .premium-gallery-caption {
4247
+ position: absolute;
4248
+ top: auto;
4249
+ right: 0;
4250
+ bottom: -1px;
4251
+ left: 0;
4252
+ width: 100%;
4253
+ -webkit-transition: all 500ms ease 0s;
4254
+ transition: all 500ms ease 0s;
4255
+ -webkit-transform: translate3d(0, 100%, 0);
4256
+ transform: translate3d(0, 100%, 0); }
4257
 
4258
+ .pa-gallery-img.style1:hover .premium-gallery-caption {
4259
+ -webkit-transform: translate3d(0, 0, 0);
4260
+ transform: translate3d(0, 0, 0);
4261
+ bottom: -1px !important; }
 
 
 
4262
 
4263
+ .pa-gallery-img.default .premium-gallery-caption {
4264
+ position: absolute;
4265
+ top: auto;
4266
+ right: 0;
4267
+ left: 0;
4268
+ width: 100%;
4269
+ bottom: 0; }
4270
 
4271
+ .pa-gallery-img.style2 .pa-gallery-icons-caption-container {
4272
  position: absolute;
4273
  top: 0;
4274
  left: 0;
4275
  width: 100%;
4276
  height: 100%;
4277
+ opacity: 0;
4278
+ -webkit-backface-visibility: hidden;
4279
+ backface-visibility: hidden;
4280
+ -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
4281
+ transition: opacity 0.3s, -webkit-transform 0.3s;
4282
+ transition: transform 0.3s, opacity 0.3s;
4283
+ transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
4284
+ z-index: 1;
4285
+ background-color: rgba(108, 191, 226, 0.68);
4286
  -js-display: flex;
4287
  display: -webkit-box;
4288
  display: -webkit-flex;
4289
  display: -moz-box;
4290
  display: -ms-flexbox;
4291
  display: flex;
4292
+ text-align: center;
4293
+ -webkit-box-align: center;
4294
+ -webkit-align-items: center;
4295
+ -moz-box-align: center;
4296
+ -ms-flex-align: center;
4297
+ align-items: center; }
 
 
 
 
 
 
4298
 
4299
+ .pa-gallery-img.style2 .pa-gallery-icons-caption-cell {
4300
+ width: 100%; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
4301
 
4302
+ .pa-gallery-img.style2:hover .pa-gallery-icons-caption-container {
4303
+ opacity: 1;
4304
+ -webkit-transform: translate(15px, 15px);
4305
+ -ms-transform: translate(15px, 15px);
4306
+ transform: translate(15px, 15px); }
 
 
 
 
 
 
 
 
 
 
 
 
4307
 
4308
+ .premium-clearfix {
4309
+ clear: both; }
 
 
 
 
 
4310
 
4311
+ /**
4312
+ * Metro Layout
4313
+ */
4314
+ .premium-img-gallery-metro .premium-gallery-item {
4315
+ overflow: hidden; }
4316
 
4317
+ .premium-img-gallery-metro .pa-gallery-img {
4318
+ height: 100%; }
4319
+
4320
+ .premium-img-gallery-metro .pa-gallery-img-container {
4321
+ height: 100%; }
4322
+ .premium-img-gallery-metro .pa-gallery-img-container img {
4323
+ min-height: 100%;
4324
+ width: 100%;
4325
+ -o-object-fit: fill;
4326
+ object-fit: fill; }
 
 
 
 
 
 
 
 
 
 
4327
 
4328
+ .premium-img-gallery .premium-gallery-item-hidden {
4329
+ visibility: hidden;
4330
+ width: 0 !important;
4331
+ height: 0 !important;
4332
+ margin: 0 !important;
4333
+ padding: 0 !important; }
4334
 
4335
+ .premium-gallery-load-more {
4336
+ position: relative; }
4337
+ .premium-gallery-load-more .premium-gallery-load-more-btn {
4338
+ -webkit-box-shadow: none;
4339
+ box-shadow: none;
4340
+ text-shadow: none;
4341
+ border: none;
4342
+ outline: none;
4343
+ -webkit-box-align: center;
4344
+ -webkit-align-items: center;
4345
+ -moz-box-align: center;
4346
+ -ms-flex-align: center;
4347
+ align-items: center;
4348
+ vertical-align: bottom;
4349
+ cursor: pointer;
4350
+ line-height: 1;
4351
+ font-style: normal;
4352
+ font-weight: normal;
4353
+ background-image: none;
4354
+ color: #fff;
4355
+ -webkit-transition: all 0.3s ease-in-out;
4356
+ transition: all 0.3s ease-in-out; }
4357
 
4358
+ .premium-gallery-load-more-btn {
4359
+ -js-display: inline-flex;
4360
+ display: -webkit-inline-box;
4361
+ display: -webkit-inline-flex;
4362
+ display: -moz-inline-box;
4363
+ display: -ms-inline-flexbox;
4364
+ display: inline-flex;
4365
+ -webkit-box-align: center;
4366
+ -webkit-align-items: center;
4367
+ -moz-box-align: center;
4368
+ -ms-flex-align: center;
4369
+ align-items: center; }
4370
 
4371
+ .premium-gallery-load-more-btn div {
4372
+ margin-left: 3px; }
 
 
 
 
 
4373
 
4374
+ .premium-gallery-load-more-btn .premium-loader {
4375
+ display: inline-block;
4376
+ width: 20px;
4377
+ height: 20px; }
4378
 
4379
+ .pa-gallery-img .pa-gallery-lightbox-wrap {
4380
+ display: inline-block; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
4381
 
4382
+ .premium-img-gallery-no-lightbox .premium-gallery-video-item .pa-gallery-img,
4383
+ .pa-gallery-img .pa-gallery-video-icon {
4384
+ cursor: pointer; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
4385
 
4386
+ .pa-gallery-img-container iframe {
4387
  position: absolute;
4388
+ visibility: hidden;
4389
+ top: 0;
4390
+ left: 0;
4391
+ max-width: 100%;
4392
+ width: 100%;
4393
+ height: 100%;
4394
+ margin: 0;
4395
+ line-height: 1;
4396
+ border: none; }
4397
 
4398
+ .pa-gallery-img-container video {
4399
  position: absolute;
4400
+ visibility: hidden;
4401
  top: 0;
4402
+ left: 0;
4403
+ max-width: 100%;
4404
+ width: 100%;
4405
+ height: 100%;
4406
+ margin: 0;
4407
+ line-height: 1;
4408
+ border: none;
4409
+ -o-object-fit: contain;
4410
+ object-fit: contain; }
4411
 
4412
+ .pa-gallery-icons-inner-container svg,
4413
+ .pa-gallery-icons-caption-cell svg {
4414
+ width: 14px;
4415
+ height: 14px; }
4416
 
4417
+ .premium-gallery-gradient-layer {
4418
+ position: absolute;
4419
+ bottom: 40px;
4420
+ width: 100%;
4421
+ height: 20px;
4422
+ background: -webkit-gradient(linear, left bottom, left top, from(#17181f), to(rgba(255, 255, 255, 0)));
4423
+ background: -webkit-linear-gradient(bottom, #17181f 0%, rgba(255, 255, 255, 0) 100%);
4424
+ background: linear-gradient(to top, #17181f 0%, rgba(255, 255, 255, 0) 100%); }
4425
+
4426
+ /********* Premium Lottie Animations *********/
4427
+ /*********************************************/
4428
+ .elementor-widget-premium-lottie .premium-lottie-animation {
4429
+ position: relative;
4430
+ -js-display: inline-flex;
4431
+ display: -webkit-inline-box;
4432
+ display: -webkit-inline-flex;
4433
+ display: -moz-inline-box;
4434
+ display: -ms-inline-flexbox;
4435
+ display: inline-flex;
4436
+ -webkit-transition: all 0.3s ease-in-out;
4437
+ transition: all 0.3s ease-in-out; }
4438
+ .elementor-widget-premium-lottie .premium-lottie-animation a {
4439
+ position: absolute;
4440
+ left: 0;
4441
+ top: 0;
4442
+ width: 100%;
4443
+ height: 100%;
4444
+ z-index: 2; }
4445
+
4446
+ /**************** Premium Google Maps ******************/
4447
+ /*******************************************************/
4448
+ .premium-maps-info-container {
4449
+ margin-top: 10px;
4450
+ margin-bottom: 10px; }
4451
 
4452
+ .premium-maps-info-title,
4453
+ .premium-maps-info-desc {
4454
+ margin: 0;
4455
+ padding: 0; }
 
 
4456
 
4457
+ .premium-maps-container .gm-style-iw {
4458
+ text-align: center; }
4459
+
4460
+ .premium-maps-container .gm-style img {
4461
+ max-width: none !important; }
4462
+
4463
+ /**************** Premium Modal Box ****************/
4464
+ /***************************************************/
4465
+ .premium-modal-trigger-btn,
4466
+ .premium-modal-box-modal-lower-close {
4467
+ display: inline-block;
4468
+ padding: 6px 12px;
4469
+ margin-bottom: 0;
4470
+ font-size: 14px;
4471
+ font-weight: normal;
4472
+ line-height: 1.42857143;
4473
  text-align: center;
4474
+ white-space: nowrap;
4475
+ vertical-align: middle;
4476
+ -ms-touch-action: manipulation;
4477
+ touch-action: manipulation;
4478
+ cursor: pointer;
4479
+ -webkit-user-select: none;
4480
+ -moz-user-select: none;
4481
+ -ms-user-select: none;
4482
+ user-select: none;
4483
+ background-image: none;
4484
+ border: 1px solid transparent; }
4485
 
4486
+ .premium-modal-trigger-btn > svg,
4487
+ .premium-modal-trigger-btn .premium-modal-box-icon {
4488
+ -webkit-transition: all 0.3s ease-in-out;
4489
+ transition: all 0.3s ease-in-out; }
 
4490
 
4491
+ .premium-modal-trigger-btn > svg {
4492
+ width: 30px;
4493
+ height: 30px; }
 
 
 
 
 
 
4494
 
4495
+ .premium-modal-box-modal-close {
4496
+ float: right;
4497
+ font-size: 21px;
4498
+ font-weight: bold;
4499
+ line-height: 1;
4500
+ color: #000; }
4501
+ .premium-modal-box-modal-close:hover, .premium-modal-box-modal-close:focus {
4502
+ color: #000;
4503
+ text-decoration: none;
4504
+ cursor: pointer; }
4505
+
4506
+ button.premium-modal-box-modal-close {
4507
+ -webkit-appearance: none;
4508
+ padding: 0;
4509
+ cursor: pointer;
4510
+ background: transparent;
4511
+ border: 0; }
4512
+
4513
+ .premium-modal-box-modal {
4514
+ position: fixed;
4515
+ top: 0;
4516
+ right: 0;
4517
+ bottom: 0;
4518
+ left: 0;
4519
+ z-index: 1050;
4520
+ display: none;
4521
+ -webkit-overflow-scrolling: touch;
4522
+ outline: 0;
4523
+ padding: 0 !important;
4524
+ background: rgba(0, 0, 0, 0.5);
4525
+ -webkit-box-align: center;
4526
+ -webkit-align-items: center;
4527
+ -moz-box-align: center;
4528
+ -ms-flex-align: center;
4529
+ align-items: center;
4530
+ -webkit-box-pack: center;
4531
+ -webkit-justify-content: center;
4532
+ -moz-box-pack: center;
4533
+ -ms-flex-pack: center;
4534
+ justify-content: center; }
4535
+ .premium-modal-box-modal .premium-modal-box-modal-dialog {
4536
  position: absolute;
4537
+ max-height: -webkit-calc(100vh - 150px);
4538
+ max-height: calc(100vh - 150px);
4539
+ -js-display: flex;
4540
+ display: -webkit-box;
4541
+ display: -webkit-flex;
4542
+ display: -moz-box;
4543
+ display: -ms-flexbox;
4544
+ display: flex;
4545
+ -webkit-box-orient: vertical;
4546
+ -webkit-box-direction: normal;
4547
+ -webkit-flex-direction: column;
4548
+ -moz-box-orient: vertical;
4549
+ -moz-box-direction: normal;
4550
+ -ms-flex-direction: column;
4551
+ flex-direction: column;
4552
+ opacity: 0;
4553
+ background-color: #fff;
4554
+ border: 1px solid rgba(0, 0, 0, 0.2);
4555
+ -webkit-border-radius: 6px;
4556
+ border-radius: 6px; }
4557
 
4558
+ .premium-modal-box-modal-content {
4559
+ background-clip: padding-box;
4560
+ outline: 0;
4561
+ overflow-x: hidden; }
4562
 
4563
+ .premium-modal-backdrop.premium-in {
4564
+ filter: alpha(opacity=50);
4565
+ opacity: 0.5 !important; }
4566
 
4567
+ .premium-in {
4568
+ opacity: 1; }
4569
 
4570
+ .premium-modal-backdrop {
4571
+ position: fixed;
4572
+ top: 0;
4573
+ right: 0;
4574
+ bottom: 0;
4575
+ left: 0;
4576
+ z-index: 1040;
4577
+ background-color: #000; }
4578
+
4579
+ .premium-in {
4580
+ -js-display: flex !important;
4581
+ display: -webkit-box !important;
4582
+ display: -webkit-flex !important;
4583
+ display: -moz-box !important;
4584
+ display: -ms-flexbox !important;
4585
+ display: flex !important; }
4586
 
4587
+ .premium-modal-box-modal-header {
4588
  -js-display: flex;
4589
  display: -webkit-box;
4590
  display: -webkit-flex;
4591
  display: -moz-box;
4592
  display: -ms-flexbox;
4593
  display: flex;
4594
+ -webkit-box-pack: justify;
4595
+ -webkit-justify-content: space-between;
4596
+ -moz-box-pack: justify;
4597
+ -ms-flex-pack: justify;
4598
+ justify-content: space-between;
4599
+ -webkit-box-align: center;
4600
+ -webkit-align-items: center;
4601
+ -moz-box-align: center;
4602
+ -ms-flex-align: center;
4603
+ align-items: center;
4604
+ padding: 5px 15px;
4605
+ border-bottom: 1px solid #e5e5e5; }
4606
+ .premium-modal-box-modal-header .premium-modal-box-modal-close {
4607
+ margin-top: -2px; }
4608
+ .premium-modal-box-modal-header .premium-modal-box-modal-title {
4609
  -js-display: flex;
4610
  display: -webkit-box;
4611
  display: -webkit-flex;
4616
  -webkit-align-items: center;
4617
  -moz-box-align: center;
4618
  -ms-flex-align: center;
4619
+ align-items: center;
4620
+ margin: 0;
4621
+ padding: 0; }
4622
+ .premium-modal-box-modal-header .premium-modal-box-modal-title svg {
4623
  width: 50px;
4624
+ height: 60px; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
4625
 
4626
+ .premium-modal-box-modal-body {
4627
+ position: relative;
4628
+ padding: 15px; }
4629
 
4630
+ .premium-modal-box-modal-footer {
4631
+ padding: 15px;
4632
+ text-align: right;
4633
+ border-top: 1px solid #e5e5e5; }
4634
+
4635
+ .premium-modal-scrollbar-measure {
4636
+ position: absolute;
4637
+ top: -9999px;
4638
+ width: 50px;
4639
+ height: 50px;
4640
+ overflow: scroll; }
4641
+
4642
+ .premium-modal-trigger-text {
4643
+ background: none !important;
4644
+ display: inline-block; }
4645
 
4646
+ .premium-modal-box-container {
4647
+ width: 100% !important; }
4648
 
4649
+ /*Open Modal Button Style*/
4650
+ .premium-modal-trigger-container .premium-modal-trigger-btn {
4651
+ -js-display: inline-flex;
4652
+ display: -webkit-inline-box;
4653
+ display: -webkit-inline-flex;
4654
+ display: -moz-inline-box;
4655
+ display: -ms-inline-flexbox;
4656
+ display: inline-flex;
4657
+ -webkit-box-align: center;
4658
+ -webkit-align-items: center;
4659
+ -moz-box-align: center;
4660
+ -ms-flex-align: center;
4661
+ align-items: center;
4662
+ border: none;
4663
+ -webkit-transition: all 0.3s ease-in-out;
4664
+ transition: all 0.3s ease-in-out; }
4665
+ .premium-modal-trigger-container .premium-modal-trigger-btn.premium-btn-block {
4666
+ -webkit-box-pack: center;
4667
+ -webkit-justify-content: center;
4668
+ -moz-box-pack: center;
4669
+ -ms-flex-pack: center;
4670
+ justify-content: center; }
4671
+
4672
+ .premium-modal-trigger-container .premium-modal-trigger-img,
4673
+ .premium-modal-trigger-container .premium-modal-trigger-text,
4674
+ .premium-modal-trigger-container .premium-modal-trigger-animation {
4675
+ cursor: pointer; }
4676
 
4677
+ .premium-modal-trigger-container .premium-modal-trigger-animation {
4678
  display: inline-block;
4679
+ width: 200px;
4680
+ height: 200px;
4681
+ -webkit-transition: all 0.3s ease-in-out;
4682
+ transition: all 0.3s ease-in-out; }
4683
 
4684
+ /*Image on Modal Header Style*/
4685
+ .premium-modal-box-modal-header img {
4686
+ width: 48px;
4687
+ padding-right: 5px; }
4688
 
4689
+ .premium-modal-box-modal-header i,
4690
+ .premium-modal-box-modal-header svg {
4691
+ padding-right: 6px; }
4692
 
4693
+ .premium-modal-box-modal-close {
4694
+ position: relative;
4695
+ z-index: 99; }
4696
 
4697
+ .premium-modal-trigger-img,
4698
+ .premium-modal-trigger-text,
4699
+ .premium-modal-box-close-button-container,
4700
+ .premium-modal-box-modal-close,
4701
+ .premium-modal-box-modal-lower-close {
 
 
 
4702
  -webkit-transition: all 0.3s ease-in-out;
4703
  transition: all 0.3s ease-in-out; }
4704
+
4705
+ @media (min-width: 768px) {
4706
+ .premium-modal-box-modal-dialog {
4707
+ width: 700px;
4708
+ max-height: 600px;
4709
+ overflow: auto; } }
4710
+
4711
+ @media (max-width: 767px) {
4712
+ .premium-modal-box-modal-dialog {
4713
+ width: 100%;
4714
+ max-height: 500px;
4715
+ overflow: auto; } }
4716
+
4717
+ .premium-modal-box-container[data-modal-animation*="animated-"] {
4718
+ opacity: 0; }
4719
+
4720
+ /************ Premium Team Members ************/
4721
+ /**********************************************/
4722
+ .premium-person-container {
4723
+ position: relative; }
4724
+
4725
+ .premium-person-image-container {
4726
+ position: relative;
4727
+ text-align: center;
4728
+ overflow: hidden; }
4729
+ .premium-person-image-container .premium-person-image-wrap {
4730
+ overflow: hidden; }
4731
+
4732
+ .premium-person-zoomout-effect .premium-person-image-container img,
4733
+ .premium-person-scale-effect .premium-person-image-container img {
4734
+ -webkit-transform: scale(1.2);
4735
+ -ms-transform: scale(1.2);
4736
+ transform: scale(1.2); }
4737
+
4738
+ .premium-person-sepia-effect .premium-person-image-container img {
4739
+ -webkit-filter: sepia(30%);
4740
+ filter: sepia(30%); }
4741
+
4742
+ .premium-person-bright-effect .premium-person-image-container img {
4743
+ -webkit-filter: brightness(1);
4744
+ filter: brightness(1); }
4745
+
4746
+ .premium-person-trans-effect .premium-person-image-container img {
4747
+ -webkit-transform: translateX(-15px) scale(1.1);
4748
+ -ms-transform: translateX(-15px) scale(1.1);
4749
+ transform: translateX(-15px) scale(1.1); }
4750
+
4751
+ .premium-person-zoomin-effect:hover .premium-person-image-container img {
4752
+ -webkit-transform: scale(1.2);
4753
+ -ms-transform: scale(1.2);
4754
+ transform: scale(1.2); }
4755
+
4756
+ .premium-person-zoomout-effect:hover .premium-person-image-container img {
4757
+ -webkit-transform: scale(1.1);
4758
+ -ms-transform: scale(1.1);
4759
+ transform: scale(1.1); }
4760
+
4761
+ .premium-person-scale-effect:hover .premium-person-image-container img {
4762
+ -webkit-transform: scale(1.3) rotate(5deg);
4763
+ -ms-transform: scale(1.3) rotate(5deg);
4764
+ transform: scale(1.3) rotate(5deg); }
4765
+
4766
+ .premium-person-grayscale-effect:hover .premium-person-image-container img {
4767
+ -webkit-filter: grayscale(100%);
4768
+ filter: grayscale(100%); }
4769
+
4770
+ .premium-person-blur-effect:hover .premium-person-image-container img {
4771
+ -webkit-filter: blur(3px);
4772
+ filter: blur(3px); }
4773
+
4774
+ .premium-person-sepia-effect:hover .premium-person-image-container img {
4775
+ -webkit-filter: sepia(0%);
4776
+ filter: sepia(0%); }
4777
+
4778
+ .premium-person-bright-effect:hover .premium-person-image-container img {
4779
+ -webkit-filter: brightness(1.2);
4780
+ filter: brightness(1.2); }
4781
+
4782
+ .premium-person-trans-effect:hover .premium-person-image-container img {
4783
+ -webkit-transform: translateX(0px) scale(1.1);
4784
+ -ms-transform: translateX(0px) scale(1.1);
4785
+ transform: translateX(0px) scale(1.1); }
4786
+
4787
+ .premium-person-container .premium-person-image-container img {
4788
+ width: 100%;
4789
+ height: 100%;
4790
+ display: block;
4791
+ -o-object-fit: cover;
4792
+ object-fit: cover;
4793
+ -webkit-transition: all 0.5s ease-in-out;
4794
+ transition: all 0.5s ease-in-out; }
4795
+
4796
+ .premium-person-style2 .premium-person-social {
4797
+ position: absolute;
4798
+ top: 0;
4799
+ left: 0;
4800
+ width: 100%;
4801
+ height: 100%;
4802
+ z-index: 2;
4803
+ -js-display: flex;
4804
+ display: -webkit-box;
4805
+ display: -webkit-flex;
4806
+ display: -moz-box;
4807
+ display: -ms-flexbox;
4808
+ display: flex;
4809
+ -webkit-box-pack: center;
4810
+ -webkit-justify-content: center;
4811
+ -moz-box-pack: center;
4812
+ -ms-flex-pack: center;
4813
+ justify-content: center;
4814
+ -webkit-box-align: center;
4815
+ -webkit-align-items: center;
4816
+ -moz-box-align: center;
4817
+ -ms-flex-align: center;
4818
+ align-items: center;
4819
+ -webkit-box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
4820
+ box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
4821
+ -webkit-transition: all 0.5s linear 0s;
4822
+ transition: all 0.5s linear 0s;
4823
+ opacity: 0; }
4824
+
4825
+ .premium-person-style2 .premium-person-image-container:hover .premium-person-social {
4826
+ opacity: 1; }
4827
+
4828
+ .premium-person-list-item a {
4829
+ display: inline-block; }
4830
+
4831
+ .premium-person-style2 .premium-person-list-item a {
4832
+ opacity: 0;
4833
+ -webkit-transform: scale(0);
4834
+ -ms-transform: scale(0);
4835
+ transform: scale(0);
4836
+ -webkit-transition: all 0.5s ease-in-out 0s;
4837
+ transition: all 0.5s ease-in-out 0s; }
4838
+
4839
+ .premium-person-style2 .premium-person-image-container:hover .premium-person-list-item a {
4840
+ opacity: 1;
4841
+ -webkit-transform: scale(1);
4842
+ -ms-transform: scale(1);
4843
+ transform: scale(1); }
4844
+
4845
+ .premium-person-info-container {
4846
+ padding: 30px 15px; }
4847
+
4848
+ .premium-person-name {
4849
+ margin: 0 0 5px;
4850
+ font-weight: 700; }
4851
+
4852
+ .premium-person-title {
4853
+ margin: 0 0 20px;
4854
+ padding: 0; }
4855
+
4856
+ .premium-person-content {
4857
+ margin: 0 0 30px; }
4858
+
4859
+ /*Override Theme List Margin*/
4860
+ ul.premium-person-social-list {
4861
+ margin: 0px !important;
4862
+ padding: 0; }
4863
+
4864
+ .premium-person-social-list .premium-person-list-item {
4865
+ display: inline;
4866
+ list-style: none; }
4867
+
4868
+ .premium-person-social-list li {
4869
+ position: relative;
4870
+ bottom: 0px;
4871
+ -webkit-transition: all 0.2s ease-in-out;
4872
+ transition: all 0.2s ease-in-out; }
4873
+ .premium-person-social-list li i {
4874
+ position: relative;
4875
+ bottom: 0px;
4876
+ -webkit-transition: all 0.2s ease-in-out;
4877
+ transition: all 0.2s ease-in-out; }
4878
+
4879
+ .premium-person-defaults-yes li.premium-person-facebook:hover a {
4880
+ background-color: #3b5998 !important; }
4881
+
4882
+ .premium-person-defaults-yes li.premium-person-twitter:hover a {
4883
+ background-color: #55acee !important; }
4884
+
4885
+ .premium-person-defaults-yes li.premium-person-linkedin:hover a {
4886
+ background-color: #0077b5 !important; }
4887
+
4888
+ .premium-person-defaults-yes li.premium-person-google:hover a {
4889
+ background-color: #dc4e41 !important; }
4890
+
4891
+ .premium-person-defaults-yes li.premium-person-youtube:hover a {
4892
+ background-color: #b31217 !important; }
4893
+
4894
+ .premium-person-defaults-yes li.premium-person-instagram:hover a {
4895
+ background-color: #e4405f !important; }
4896
+
4897
+ .premium-person-defaults-yes li.premium-person-skype:hover a {
4898
+ background-color: #00aff0 !important; }
4899
+
4900
+ .premium-person-defaults-yes li.premium-person-pinterest:hover a {
4901
+ background-color: #bd081c !important; }
4902
+
4903
+ .premium-person-defaults-yes li.premium-person-dribbble:hover a {
4904
+ background-color: #ea4c89 !important; }
4905
+
4906
+ .premium-person-defaults-yes li.premium-person-mail:hover a {
4907
+ background-color: #b23121 !important; }
4908
+
4909
+ .premium-person-defaults-yes li.premium-person-behance:hover a {
4910
+ background-color: #1769ff !important; }
4911
+
4912
+ .premium-person-defaults-yes li.premium-person-whatsapp:hover a {
4913
+ background-color: #25d366 !important; }
4914
+
4915
+ .premium-person-defaults-yes li.premium-person-telegram:hover a {
4916
+ background-color: #0088cc !important; }
4917
+
4918
+ .premium-person-defaults-yes li.premium-person-site:hover a {
4919
+ background-color: #0055a5 !important; }
4920
+
4921
+ .premium-person-social-list li:hover a {
4922
+ -webkit-box-shadow: none;
4923
+ box-shadow: none; }
4924
+
4925
+ .premium-person-social-list li a:focus {
4926
+ -webkit-box-shadow: none;
4927
+ box-shadow: none;
4928
+ outline: none; }
4929
+
4930
+ .premium-person-social-list li i {
4931
+ font-size: 18px; }
4932
+
4933
+ .elementor-widget-premium-addon-person .elementor-widget-container {
4934
+ -js-display: flex;
4935
+ display: -webkit-box;
4936
+ display: -webkit-flex;
4937
+ display: -moz-box;
4938
+ display: -ms-flexbox;
4939
+ display: flex;
4940
+ -webkit-box-pack: center;
4941
+ -webkit-justify-content: center;
4942
+ -moz-box-pack: center;
4943
+ -ms-flex-pack: center;
4944
+ justify-content: center; }
4945
+
4946
+ .premium-persons-container.multiple-persons {
4947
+ -js-display: flex;
4948
+ display: -webkit-box;
4949
+ display: -webkit-flex;
4950
+ display: -moz-box;
4951
+ display: -ms-flexbox;
4952
+ display: flex;
4953
+ -webkit-flex-wrap: wrap;
4954
+ -ms-flex-wrap: wrap;
4955
+ flex-wrap: wrap;
4956
+ width: 100%; }
4957
+
4958
+ .premium-person-style1 .premium-person-container {
4959
+ overflow: hidden; }
4960
+ .premium-person-style1 .premium-person-container .premium-person-info {
4961
+ position: absolute;
4962
+ top: auto;
4963
+ right: 0;
4964
+ left: 0;
4965
+ -webkit-transition: all 500ms ease 0s;
4966
+ transition: all 500ms ease 0s;
4967
+ -webkit-transform: translate3d(0, 100%, 0);
4968
+ transform: translate3d(0, 100%, 0); }
4969
+ .premium-person-style1 .premium-person-container:hover .premium-person-info {
4970
+ -webkit-transform: translate3d(0, 0, 0);
4971
+ transform: translate3d(0, 0, 0);
4972
+ bottom: -1px !important; }
4973
+
4974
+ .premium-person-style1 .premium-person-social-list li:hover {
4975
+ bottom: 5px; }
4976
+
4977
+ .premium-person-style1.multiple-persons:not([data-persons-equal="yes"]) {
4978
+ -webkit-box-align: start;
4979
+ -webkit-align-items: flex-start;
4980
+ -moz-box-align: start;
4981
+ -ms-flex-align: start;
4982
+ align-items: flex-start; }
4983
+
4984
+ .premium-person-style1 .slick-track {
4985
+ -js-display: flex;
4986
+ display: -webkit-box;
4987
+ display: -webkit-flex;
4988
+ display: -moz-box;
4989
+ display: -ms-flexbox;
4990
+ display: flex; }
4991
+
4992
+ .premium-person-style1 .slick-slide {
4993
+ height: inherit !important; }
4994
+
4995
+ .premium-person-style3 .premium-person-info-container {
4996
+ position: absolute;
4997
+ top: 0;
4998
+ left: 0;
4999
+ width: 100%;
5000
+ height: 100%;
5001
+ -js-display: flex;
5002
+ display: -webkit-box;
5003
+ display: -webkit-flex;
5004
+ display: -moz-box;
5005
+ display: -ms-flexbox;
5006
+ display: flex;
5007
+ -webkit-box-orient: vertical;
5008
+ -webkit-box-direction: normal;
5009
+ -webkit-flex-direction: column;
5010
+ -moz-box-orient: vertical;
5011
+ -moz-box-direction: normal;
5012
+ -ms-flex-direction: column;
5013
+ flex-direction: column;
5014
+ -webkit-box-pack: justify;
5015
+ -webkit-justify-content: space-between;
5016
+ -moz-box-pack: justify;
5017
+ -ms-flex-pack: justify;
5018
+ justify-content: space-between; }
5019
+
5020
+ .premium-person-style3 .premium-person-title-desc-wrap {
5021
+ -js-display: flex;
5022
+ display: -webkit-box;
5023
+ display: -webkit-flex;
5024
+ display: -moz-box;
5025
+ display: -ms-flexbox;
5026
+ display: flex;
5027
+ -webkit-box-orient: horizontal;
5028
+ -webkit-box-direction: reverse;
5029
+ -webkit-flex-direction: row-reverse;
5030
+ -moz-box-orient: horizontal;
5031
+ -moz-box-direction: reverse;
5032
+ -ms-flex-direction: row-reverse;
5033
+ flex-direction: row-reverse;
5034
+ -webkit-box-pack: justify;
5035
+ -webkit-justify-content: space-between;
5036
+ -moz-box-pack: justify;
5037
+ -ms-flex-pack: justify;
5038
+ justify-content: space-between;
5039
+ -webkit-box-align: start;
5040
+ -webkit-align-items: flex-start;
5041
+ -moz-box-align: start;
5042
+ -ms-flex-align: start;
5043
+ align-items: flex-start; }
5044
+
5045
+ .premium-person-style3 .premium-person-name-icons-wrap {
5046
+ -js-display: flex;
5047
+ display: -webkit-box;
5048
+ display: -webkit-flex;
5049
+ display: -moz-box;
5050
+ display: -ms-flexbox;
5051
+ display: flex;
5052
+ -webkit-box-pack: justify;
5053
+ -webkit-justify-content: space-between;
5054
+ -moz-box-pack: justify;
5055
+ -ms-flex-pack: justify;
5056
+ justify-content: space-between;
5057
+ -webkit-box-align: end;
5058
+ -webkit-align-items: flex-end;
5059
+ -moz-box-align: end;
5060
+ -ms-flex-align: end;
5061
+ align-items: flex-end; }
5062
+
5063
+ .premium-person-style3 .premium-person-title {
5064
+ opacity: 0;
5065
+ -webkit-transition: all 0.3s ease;
5066
+ transition: all 0.3s ease;
5067
+ width: 0; }
5068
+ .premium-person-style3 .premium-person-title span {
5069
+ display: inline-block; }
5070
+
5071
+ .premium-person-style3 .premium-person-name {
5072
+ padding-left: 10px; }
5073
+
5074
+ .premium-person-style3 .premium-person-social-list {
5075
+ -js-display: flex;
5076
+ display: -webkit-box;
5077
+ display: -webkit-flex;
5078
+ display: -moz-box;
5079
+ display: -ms-flexbox;
5080
+ display: flex;
5081
+ -webkit-box-orient: vertical;
5082
+ -webkit-box-direction: normal;
5083
+ -webkit-flex-direction: column;
5084
+ -moz-box-orient: vertical;
5085
+ -moz-box-direction: normal;
5086
+ -ms-flex-direction: column;
5087
+ flex-direction: column;
5088
+ -webkit-transform: translateY(20px);
5089
+ -ms-transform: translateY(20px);
5090
+ transform: translateY(20px);
5091
+ opacity: 0;
5092
+ -webkit-transition: all 0.3s ease;
5093
+ transition: all 0.3s ease; }
5094
+
5095
+ .premium-person-style3 .premium-person-list-item {
5096
+ line-height: 0; }
5097
+ .premium-person-style3 .premium-person-list-item a {
5098
+ padding: 5px 10px 0 0;
5099
+ margin: 5px 0; }
5100
+
5101
+ .premium-person-style3 .premium-person-container:hover .premium-person-title {
5102
+ opacity: 1; }
5103
+
5104
+ .premium-person-style3 .premium-person-container:hover .premium-person-social-list {
5105
+ opacity: 1;
5106
+ -webkit-transform: translateY(0);
5107
+ -ms-transform: translateY(0);
5108
+ transform: translateY(0); }
5109
+
5110
+ .premium-persons-title-cw .premium-person-title {
5111
+ -webkit-transform: translateX(15px) rotate(90deg);
5112
+ -ms-transform: translateX(15px) rotate(90deg);
5113
+ transform: translateX(15px) rotate(90deg);
5114
+ -webkit-transform-origin: top;
5115
+ -ms-transform-origin: top;
5116
+ transform-origin: top; }
5117
+
5118
+ .premium-persons-title-cw .premium-person-container:hover .premium-person-title {
5119
+ -webkit-transform: translateX(0) rotate(90deg);
5120
+ -ms-transform: translateX(0) rotate(90deg);
5121
+ transform: translateX(0) rotate(90deg); }
5122
+
5123
+ .premium-persons-title-ccw .premium-person-title {
5124
+ width: auto;
5125
+ margin-right: 20px;
5126
+ -webkit-transform: translateX(15px) rotate(-90deg);
5127
+ -ms-transform: translateX(15px) rotate(-90deg);
5128
+ transform: translateX(15px) rotate(-90deg);
5129
+ -webkit-transform-origin: center right;
5130
+ -ms-transform-origin: center right;
5131
+ transform-origin: center right; }
5132
+
5133
+ .premium-persons-title-ccw .premium-person-container:hover .premium-person-title {
5134
+ -webkit-transform: translateX(0) rotate(-90deg);
5135
+ -ms-transform: translateX(0) rotate(-90deg);
5136
+ transform: translateX(0) rotate(-90deg); }
5137
+
5138
+ /**************** Premium Pricing Table ****************/
5139
+ /*******************************************************/
5140
+ .premium-pricing-table-container {
5141
+ position: relative;
5142
+ text-align: center;
5143
+ -webkit-transition: all 0.3s ease-in-out;
5144
+ transition: all 0.3s ease-in-out; }
5145
+
5146
+ .premium-pricing-icon-container {
5147
+ -js-display: flex;
5148
+ display: -webkit-box;
5149
+ display: -webkit-flex;
5150
+ display: -moz-box;
5151
+ display: -ms-flexbox;
5152
+ display: flex;
5153
+ -webkit-box-pack: center;
5154
+ -webkit-justify-content: center;
5155
+ -moz-box-pack: center;
5156
+ -ms-flex-pack: center;
5157
+ justify-content: center;
5158
+ line-height: 0; }
5159
+ .premium-pricing-icon-container .premium-pricing-icon {
5160
+ display: inline-block; }
5161
+ .premium-pricing-icon-container .premium-pricing-image {
5162
+ overflow: hidden; }
5163
+ .premium-pricing-icon-container .premium-pricing-image img {
5164
+ width: 25px;
5165
+ height: 25px;
5166
+ -o-object-fit: cover;
5167
+ object-fit: cover; }
5168
+
5169
+ .premium-badge-left {
5170
+ position: absolute;
5171
+ top: 0; }
5172
+
5173
+ .premium-badge-right {
5174
+ position: absolute;
5175
+ top: 0;
5176
+ right: 0; }
5177
+
5178
+ .premium-badge-left {
5179
+ left: 0; }
5180
+
5181
+ .premium-badge-triangle.premium-badge-left .corner {
5182
+ width: 0;
5183
+ height: 0;
5184
+ border-top: 150px solid;
5185
+ border-bottom: 150px solid transparent;
5186
+ border-right: 150px solid transparent; }
5187
+
5188
+ .premium-badge-triangle.premium-badge-right .corner {
5189
+ width: 0;
5190
+ height: 0;
5191
+ border-bottom: 150px solid transparent;
5192
+ border-right: 150px solid;
5193
+ border-left: 150px solid transparent; }
5194
+
5195
+ .premium-badge-triangle span {
5196
+ position: absolute;
5197
+ top: 35px;
5198
+ width: 100px;
5199
+ text-align: center;
5200
+ -webkit-transform: rotate(-45deg);
5201
+ -ms-transform: rotate(-45deg);
5202
+ transform: rotate(-45deg);
5203
+ display: block;
5204
+ text-transform: uppercase; }
5205
+
5206
+ .premium-badge-triangle.premium-badge-right span {
5207
+ -webkit-transform: rotate(45deg);
5208
+ -ms-transform: rotate(45deg);
5209
+ transform: rotate(45deg);
5210
+ right: 0; }
5211
+
5212
+ .premium-badge-circle {
5213
+ min-width: 4em;
5214
+ min-height: 4em;
5215
+ line-height: 4em;
5216
+ text-align: center;
5217
+ -webkit-border-radius: 100%;
5218
+ border-radius: 100%;
5219
+ position: absolute;
5220
+ z-index: 1; }
5221
+
5222
+ .premium-badge-stripe {
5223
+ position: absolute;
5224
+ -webkit-transform: rotate(90deg);
5225
+ -ms-transform: rotate(90deg);
5226
+ transform: rotate(90deg);
5227
+ width: 15em;
5228
+ overflow: hidden;
5229
+ height: 15em; }
5230
+ .premium-badge-stripe.premium-badge-left {
5231
+ -webkit-transform: rotate(0);
5232
+ -ms-transform: rotate(0);
5233
+ transform: rotate(0); }
5234
+ .premium-badge-stripe .corner {
5235
+ text-align: center;
5236
+ left: 0;
5237
+ width: 150%;
5238
+ -webkit-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
5239
+ -ms-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
5240
+ transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
5241
+ margin-top: 35px;
5242
+ font-size: 13px;
5243
+ line-height: 2;
5244
+ font-weight: 800;
5245
+ text-transform: uppercase; }
5246
+
5247
+ .premium-badge-flag .corner {
5248
+ text-align: center;
5249
+ -webkit-border-radius: 4px 4px 0 4px;
5250
+ border-radius: 4px 4px 0 4px;
5251
+ padding: 3px 15px;
5252
+ position: absolute;
5253
+ top: 10%;
5254
+ right: -8px; }
5255
+ .premium-badge-flag .corner::before, .premium-badge-flag .corner::after {
5256
+ content: "";
5257
+ display: block;
5258
+ position: absolute;
5259
+ width: 0;
5260
+ height: 0;
5261
+ top: 100%;
5262
+ right: 0;
5263
+ border-bottom: 8px solid transparent; }
5264
+
5265
+ .elementor-widget-premium-addon-pricing-table .elementor-widget-container {
5266
+ overflow: visible !important; }
5267
+
5268
+ .premium-badge-flag .corner::after {
5269
+ border-left: 8px solid rgba(0, 0, 0, 0.2); }
5270
+
5271
+ .premium-pricing-price-currency {
5272
+ position: relative; }
5273
+
5274
+ .premium-pricing-button-container {
5275
+ display: block; }
5276
+
5277
+ .premium-pricing-list {
5278
+ -js-display: flex;
5279
+ display: -webkit-box;
5280
+ display: -webkit-flex;
5281
+ display: -moz-box;
5282
+ display: -ms-flexbox;
5283
+ display: flex;
5284
+ -webkit-box-orient: vertical;
5285
+ -webkit-box-direction: normal;
5286
+ -webkit-flex-direction: column;
5287
+ -moz-box-orient: vertical;
5288
+ -moz-box-direction: normal;
5289
+ -ms-flex-direction: column;
5290
+ flex-direction: column;
5291
+ list-style-type: none;
5292
+ margin: 0; }
5293
+ .premium-pricing-list .premium-pricing-list-item {
5294
+ -js-display: flex;
5295
+ display: -webkit-box;
5296
+ display: -webkit-flex;
5297
+ display: -moz-box;
5298
+ display: -ms-flexbox;
5299
+ display: flex;
5300
+ -webkit-box-align: center;
5301
+ -webkit-align-items: center;
5302
+ -moz-box-align: center;
5303
+ -ms-flex-align: center;
5304
+ align-items: center; }
5305
+ .premium-pricing-list .premium-pricing-list-item svg {
5306
+ width: 50px;
5307
+ height: 50px; }
5308
+ .premium-pricing-list .premium-pricing-list-item img {
5309
+ width: 30px;
5310
+ height: 30px;
5311
+ -o-object-fit: cover;
5312
+ object-fit: cover; }
5313
+ .premium-pricing-list .premium-pricing-list-span {
5314
+ position: relative; }
5315
+ .premium-pricing-list .list-item-tooltip {
5316
+ border-bottom: 1px dotted; }
5317
+ .premium-pricing-list .premium-pricing-list-tooltip {
5318
+ position: absolute;
5319
+ top: -webkit-calc(100% + 1px);
5320
+ top: calc(100% + 1px);
5321
+ left: 0;
5322
+ visibility: hidden;
5323
+ padding: 15px 20px;
5324
+ -webkit-border-radius: 5px;
5325
+ border-radius: 5px;
5326
+ min-width: 200px;
5327
+ overflow: hidden;
5328
+ text-align: left;
5329
+ font-size: 0.8rem;
5330
+ color: #fff;
5331
+ background-color: #aaa; }
5332
+
5333
+ .premium-pricing-features-left .premium-pricing-list-span {
5334
+ text-align: left; }
5335
+
5336
+ .premium-pricing-features-center .premium-pricing-list-span {
5337
+ text-align: center; }
5338
+
5339
+ .premium-pricing-features-right .premium-pricing-list-span {
5340
+ text-align: right; }
5341
+
5342
+ .premium-pricing-list-span:hover .premium-pricing-list-tooltip {
5343
+ z-index: 99;
5344
+ visibility: visible;
5345
+ opacity: 1; }
5346
+
5347
+ .premium-pricing-slashed-price-value {
5348
+ display: inline-block;
5349
+ font-size: 20px;
5350
+ font-weight: 400;
5351
+ margin-right: 5px; }
5352
+
5353
+ .premium-pricing-price-value {
5354
+ font-size: 70px; }
5355
+
5356
+ .premium-pricing-description-container li {
5357
+ list-style-position: inside;
5358
+ text-indent: -40px; }
5359
+
5360
+ @-moz-document url-prefix() {
5361
+ .premium-pricing-description-container li {
5362
+ text-indent: 0px; } }
5363
+
5364
+ .premium-pricing-price-button {
5365
+ display: block;
5366
+ padding: 6px 12px;
5367
+ line-height: 1.42857143;
5368
+ text-align: center;
5369
+ color: #fff;
5370
+ background: #6ec1e4;
5371
+ margin-bottom: 0;
5372
+ -webkit-transition: all 0.3s ease-in-out;
5373
+ transition: all 0.3s ease-in-out; }
5374
 
5375
  /**************** Premium Progress Bar ****************/
5376
  /******************************************************/
assets/frontend/css/premium-blog-rtl.css CHANGED
@@ -1,820 +1,820 @@
1
- /**************** Premium Blog *****************/
2
- /***********************************************/
3
- .premium-blog-thumb-effect-wrapper {
4
- position: relative;
5
- overflow: hidden;
6
- }
7
-
8
- .premium-blog-effect-container:not(.premium-blog-bordered-effect) .premium-blog-post-link {
9
- position: absolute;
10
- top: 0;
11
- right: 0;
12
- width: 100%;
13
- height: 100%;
14
- z-index: 2;
15
- padding: 20px;
16
- }
17
-
18
- .premium-blog-bordered-effect .premium-blog-post-link {
19
- display: block;
20
- height: 100%;
21
- position: relative;
22
- }
23
-
24
- /*Thumbnail Img*/
25
- .premium-blog-thumbnail-container {
26
- overflow: hidden;
27
- }
28
-
29
- .premium-blog-thumbnail-container img,
30
- .premium-blog-thumbnail-container .below-entry-meta {
31
- width: 100%;
32
- height: 100%;
33
- margin: 0 !important;
34
- -webkit-transition: all 0.4s ease-in-out;
35
- transition: all 0.4s ease-in-out;
36
- }
37
-
38
- .premium-blog-zoomout-effect img,
39
- .premium-blog-scale-effect img {
40
- -webkit-transform: scale(1.2);
41
- -ms-transform: scale(1.2);
42
- transform: scale(1.2);
43
- }
44
-
45
- .premium-blog-sepia-effect img {
46
- -webkit-filter: sepia(30%);
47
- filter: sepia(30%);
48
- }
49
-
50
- .premium-blog-bright-effect img {
51
- -webkit-filter: brightness(1);
52
- filter: brightness(1);
53
- }
54
-
55
- .premium-blog-trans-effect img {
56
- -webkit-transform: translateX(15px) scale(1.1);
57
- -ms-transform: translateX(15px) scale(1.1);
58
- transform: translateX(15px) scale(1.1);
59
- }
60
-
61
- .premium-blog-post-outer-container:hover .premium-blog-zoomin-effect img {
62
- -webkit-transform: scale(1.2);
63
- -ms-transform: scale(1.2);
64
- transform: scale(1.2);
65
- }
66
-
67
- .premium-blog-post-outer-container:hover .premium-blog-zoomout-effect img {
68
- -webkit-transform: scale(1.1);
69
- -ms-transform: scale(1.1);
70
- transform: scale(1.1);
71
- }
72
-
73
- .premium-blog-post-outer-container:hover .premium-blog-scale-effect img {
74
- -webkit-transform: scale(1.3) rotate(-5deg);
75
- -ms-transform: scale(1.3) rotate(-5deg);
76
- transform: scale(1.3) rotate(-5deg);
77
- }
78
-
79
- .premium-blog-post-outer-container:hover .premium-blog-gray-effect img {
80
- -webkit-filter: grayscale(100%);
81
- filter: grayscale(100%);
82
- }
83
-
84
- .premium-blog-post-outer-container:hover .premium-blog-blur-effect img {
85
- -webkit-filter: blur(3px);
86
- filter: blur(3px);
87
- }
88
-
89
- .premium-blog-post-outer-container:hover .premium-blog-sepia-effect img {
90
- -webkit-filter: sepia(0%);
91
- filter: sepia(0%);
92
- }
93
-
94
- .premium-blog-post-outer-container:hover .premium-blog-bright-effect img {
95
- -webkit-filter: brightness(1.2);
96
- filter: brightness(1.2);
97
- }
98
-
99
- .premium-blog-post-outer-container:hover .premium-blog-trans-effect img {
100
- -webkit-transform: translateX(0px) scale(1.1);
101
- -ms-transform: translateX(0px) scale(1.1);
102
- transform: translateX(0px) scale(1.1);
103
- }
104
-
105
- .premium-blog-post-container {
106
- overflow: hidden;
107
- }
108
-
109
- .premium-blog-post-container .premium-blog-inner-container {
110
- -js-display: flex;
111
- display: -webkit-box;
112
- display: -webkit-flex;
113
- display: -moz-box;
114
- display: -ms-flexbox;
115
- display: flex;
116
- -webkit-box-orient: vertical;
117
- -webkit-box-direction: normal;
118
- -webkit-flex-direction: column;
119
- -moz-box-orient: vertical;
120
- -moz-box-direction: normal;
121
- -ms-flex-direction: column;
122
- flex-direction: column;
123
- direction: rtl;
124
- }
125
-
126
- .premium-blog-post-container .premium-blog-post-content {
127
- line-height: 1.5em;
128
- color: #777;
129
- font-size: 14px;
130
- margin-bottom: 10px;
131
- }
132
-
133
- .premium-blog-post-container ul.post-categories a:hover,
134
- .premium-blog-post-container ul.post-categories a:focus,
135
- .premium-blog-post-container .premium-blog-post-link:hover,
136
- .premium-blog-post-container .premium-blog-post-link:focus {
137
- -webkit-box-shadow: none !important;
138
- box-shadow: none !important;
139
- outline: none !important;
140
- }
141
-
142
- .premium-blog-post-container .premium-blog-entry-title {
143
- font-size: 18px;
144
- margin-bottom: 5px;
145
- }
146
-
147
- .premium-blog-post-container.premium-blog-skin-modern .premium-blog-content-wrapper {
148
- position: relative;
149
- z-index: 3;
150
- top: -50px;
151
- }
152
-
153
- .premium-blog-post-container .premium-blog-content-wrapper {
154
- background-color: #f5f5f5;
155
- padding: 30px;
156
- }
157
-
158
- .premium-blog-post-container .premium-blog-content-wrapper.empty-thumb {
159
- top: 0;
160
- }
161
-
162
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before,
163
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:after {
164
- position: absolute;
165
- content: "";
166
- z-index: 1;
167
- top: 50%;
168
- right: 50%;
169
- opacity: 0;
170
- -webkit-transform: translate(50%, -50%);
171
- -ms-transform: translate(50%, -50%);
172
- transform: translate(50%, -50%);
173
- -webkit-transition: all 0.4s linear 0s;
174
- transition: all 0.4s linear 0s;
175
- height: 1px;
176
- width: 100%;
177
- background-color: #fff;
178
- }
179
-
180
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before {
181
- width: 1px;
182
- height: 100%;
183
- }
184
-
185
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner):hover .premium-blog-thumbnail-container:after {
186
- width: 20px;
187
- opacity: 1;
188
- }
189
-
190
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner):hover .premium-blog-thumbnail-container:before {
191
- height: 20px;
192
- opacity: 1;
193
- }
194
-
195
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-content-wrapper {
196
- margin: 0px 10px 20px;
197
- clear: both;
198
- }
199
-
200
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay,
201
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay,
202
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay {
203
- position: absolute;
204
- top: 0;
205
- right: 0;
206
- width: 100%;
207
- height: 100%;
208
- -webkit-transition: all 0.3s ease-in-out;
209
- transition: all 0.3s ease-in-out;
210
- opacity: 0;
211
- }
212
-
213
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay a,
214
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay a,
215
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay a {
216
- -js-display: flex;
217
- display: -webkit-box;
218
- display: -webkit-flex;
219
- display: -moz-box;
220
- display: -ms-flexbox;
221
- display: flex;
222
- -webkit-box-pack: center;
223
- -webkit-justify-content: center;
224
- -moz-box-pack: center;
225
- -ms-flex-pack: center;
226
- justify-content: center;
227
- -webkit-box-align: center;
228
- -webkit-align-items: center;
229
- -moz-box-align: center;
230
- -ms-flex-align: center;
231
- align-items: center;
232
- width: 100%;
233
- height: 100%;
234
- }
235
-
236
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay span,
237
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay i,
238
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay span,
239
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay i,
240
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay span,
241
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay i {
242
- -webkit-transition: all 0.3s ease-in-out;
243
- transition: all 0.3s ease-in-out;
244
- }
245
-
246
- .premium-blog-post-container.premium-blog-skin-side {
247
- -js-display: flex;
248
- display: -webkit-box;
249
- display: -webkit-flex;
250
- display: -moz-box;
251
- display: -ms-flexbox;
252
- display: flex;
253
- }
254
-
255
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-container {
256
- height: 100%;
257
- }
258
-
259
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-content-wrapper {
260
- -webkit-box-flex: 1;
261
- -webkit-flex: 1;
262
- -moz-box-flex: 1;
263
- -ms-flex: 1;
264
- flex: 1;
265
- }
266
-
267
- .premium-blog-post-container.premium-blog-skin-banner {
268
- position: relative;
269
- }
270
-
271
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper {
272
- position: absolute;
273
- width: 100%;
274
- bottom: -5px;
275
- -js-display: flex;
276
- display: -webkit-box;
277
- display: -webkit-flex;
278
- display: -moz-box;
279
- display: -ms-flexbox;
280
- display: flex;
281
- -webkit-box-orient: vertical;
282
- -webkit-box-direction: normal;
283
- -webkit-flex-direction: column;
284
- -moz-box-orient: vertical;
285
- -moz-box-direction: normal;
286
- -ms-flex-direction: column;
287
- flex-direction: column;
288
- background-color: transparent;
289
- z-index: 3;
290
- -webkit-transition: bottom 0.3s ease-in-out;
291
- transition: bottom 0.3s ease-in-out;
292
- }
293
-
294
- .premium-blog-post-container.premium-blog-skin-banner:hover .premium-blog-content-wrapper {
295
- bottom: 0px;
296
- }
297
-
298
- .premium-blog-post-container .premium-blog-cats-container ul.post-categories {
299
- margin: 0;
300
- padding: 0;
301
- list-style: none;
302
- -js-display: flex;
303
- display: -webkit-box;
304
- display: -webkit-flex;
305
- display: -moz-box;
306
- display: -ms-flexbox;
307
- display: flex;
308
- }
309
-
310
- .premium-blog-post-container .premium-blog-cats-container a {
311
- display: block;
312
- font-size: 12px;
313
- color: #fff;
314
- background-color: #777;
315
- margin: 0 0 10px 3px;
316
- padding: 5px;
317
- -webkit-transition: all 0.3s ease-in-out;
318
- transition: all 0.3s ease-in-out;
319
- }
320
-
321
- /*
322
- * Diagonal Effect
323
- */
324
- .premium-blog-diagonal-container {
325
- position: absolute;
326
- top: 0;
327
- right: 0;
328
- width: 100%;
329
- height: 100%;
330
- }
331
-
332
- .premium-blog-diagonal-effect:before {
333
- position: absolute;
334
- top: 0px;
335
- right: 0px;
336
- width: 100%;
337
- height: 100%;
338
- content: " ";
339
- z-index: 1;
340
- background: rgba(255, 255, 255, 0.2);
341
- -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
342
- transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
343
- -webkit-transition: all 0.3s linear 0s;
344
- transition: all 0.3s linear 0s;
345
- }
346
-
347
- .premium-blog-post-outer-container:hover .premium-blog-diagonal-effect:before {
348
- -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
349
- transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
350
- }
351
-
352
- /*
353
- * Framed Effect
354
- */
355
- .premium-blog-framed-effect {
356
- position: absolute;
357
- width: -webkit-calc(100% - 30px);
358
- width: calc(100% - 30px);
359
- height: -webkit-calc(100% - 30px);
360
- height: calc(100% - 30px);
361
- top: 15px;
362
- right: 15px;
363
- opacity: 0;
364
- -webkit-transform: scale(0.3);
365
- -ms-transform: scale(0.3);
366
- transform: scale(0.3);
367
- -webkit-transition: all 0.3s linear 0s;
368
- transition: all 0.3s linear 0s;
369
- }
370
-
371
- .premium-blog-post-outer-container:hover .premium-blog-framed-effect {
372
- opacity: 0.99;
373
- -webkit-transform: scale(1);
374
- -ms-transform: scale(1);
375
- transform: scale(1);
376
- }
377
-
378
- /*
379
- * Bordered Effect
380
- */
381
- .premium-blog-bordered-effect {
382
- position: absolute;
383
- top: 0;
384
- right: 0;
385
- width: 100%;
386
- height: 100%;
387
- opacity: 0;
388
- padding: 15px;
389
- -webkit-transition: all 0.3s linear 0s;
390
- transition: all 0.3s linear 0s;
391
- }
392
-
393
- .premium-blog-bordered-effect .premium-blog-post-link:before,
394
- .premium-blog-bordered-effect .premium-blog-post-link:after {
395
- content: "";
396
- display: block;
397
- position: absolute;
398
- top: 0;
399
- right: 0;
400
- width: 100%;
401
- height: 100%;
402
- -webkit-transition: all 0.5s linear 0s;
403
- transition: all 0.5s linear 0s;
404
- -webkit-transition-delay: 0s;
405
- transition-delay: 0s;
406
- border-color: rgba(255, 255, 255, 0.45);
407
- }
408
-
409
- .premium-blog-bordered-effect .premium-blog-post-link:before {
410
- border-left: 2px solid;
411
- border-right: 2px solid;
412
- -webkit-transform: scale(1, 0);
413
- -ms-transform: scale(1, 0);
414
- transform: scale(1, 0);
415
- -webkit-transform-origin: 0% 0;
416
- -ms-transform-origin: 0% 0;
417
- transform-origin: 0% 0;
418
- }
419
-
420
- .premium-blog-bordered-effect .premium-blog-post-link:after {
421
- border-top: 2px solid;
422
- border-bottom: 2px solid;
423
- -webkit-transform: scale(0, 1);
424
- -ms-transform: scale(0, 1);
425
- transform: scale(0, 1);
426
- -webkit-transform-origin: 100% 0;
427
- -ms-transform-origin: 100% 0;
428
- transform-origin: 100% 0;
429
- }
430
-
431
- .premium-blog-bordered-effect:hover {
432
- opacity: 0.99;
433
- }
434
-
435
- .premium-blog-bordered-effect:hover .premium-blog-post-link:before,
436
- .premium-blog-bordered-effect:hover .premium-blog-post-link:after {
437
- -webkit-transition-delay: 0.15s;
438
- transition-delay: 0.15s;
439
- opacity: 1;
440
- -webkit-transform: scale(1);
441
- -ms-transform: scale(1);
442
- transform: scale(1);
443
- }
444
-
445
- /*
446
- * Squares Effect
447
- */
448
- .premium-blog-squares-effect,
449
- .premium-blog-squares-square-container {
450
- position: absolute;
451
- top: 0;
452
- right: 0;
453
- width: 100%;
454
- height: 100%;
455
- }
456
-
457
- .premium-blog-squares-effect:before,
458
- .premium-blog-squares-effect:after {
459
- position: absolute;
460
- content: "";
461
- top: 0;
462
- right: 0;
463
- width: 50%;
464
- height: 50%;
465
- -webkit-transform: translate(100%, -100%);
466
- -ms-transform: translate(100%, -100%);
467
- transform: translate(100%, -100%);
468
- opacity: 0.7;
469
- -webkit-transition: all 0.3s linear 0s;
470
- transition: all 0.3s linear 0s;
471
- }
472
-
473
- .premium-blog-squares-square-container:before,
474
- .premium-blog-squares-square-container:after {
475
- position: absolute;
476
- content: "";
477
- top: 0;
478
- right: 0;
479
- width: 50%;
480
- height: 50%;
481
- -webkit-transform: translate(100%, -100%);
482
- -ms-transform: translate(100%, -100%);
483
- transform: translate(100%, -100%);
484
- opacity: 0.7;
485
- -webkit-transition: all 0.3s linear 0s;
486
- transition: all 0.3s linear 0s;
487
- }
488
-
489
- .premium-blog-squares-square-container:before,
490
- .premium-blog-squares-square-container:after {
491
- opacity: 0.8;
492
- }
493
-
494
- .premium-blog-squares-effect:after {
495
- -webkit-transform: translate(-200%, 200%);
496
- -ms-transform: translate(-200%, 200%);
497
- transform: translate(-200%, 200%);
498
- }
499
-
500
- .premium-blog-squares-square-container:before {
501
- -webkit-transform: translate(100%, 200%);
502
- -ms-transform: translate(100%, 200%);
503
- transform: translate(100%, 200%);
504
- }
505
-
506
- .premium-blog-squares-square-container:after {
507
- -webkit-transform: translate(-200%, -100%);
508
- -ms-transform: translate(-200%, -100%);
509
- transform: translate(-200%, -100%);
510
- }
511
-
512
- .premium-blog-squares-effect:hover:before {
513
- -webkit-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
514
- -ms-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
515
- transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
516
- }
517
-
518
- .premium-blog-squares-effect:hover:after {
519
- -webkit-transform: translate(-100%, 100%) scaleY(1.003) scaleX(1.003);
520
- -ms-transform: translate(-100%, 100%) scaleY(1.003) scaleX(1.003);
521
- transform: translate(-100%, 100%) scaleY(1.003) scaleX(1.003);
522
- }
523
-
524
- .premium-blog-squares-effect:hover .premium-blog-squares-square-container:before {
525
- -webkit-transform: translate(0, 100%);
526
- -ms-transform: translate(0, 100%);
527
- transform: translate(0, 100%);
528
- }
529
-
530
- .premium-blog-squares-effect:hover .premium-blog-squares-square-container:after {
531
- -webkit-transform: translate(-100%, 0%);
532
- -ms-transform: translate(-100%, 0%);
533
- transform: translate(-100%, 0%);
534
- }
535
-
536
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay {
537
- opacity: 1;
538
- }
539
-
540
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay a {
541
- opacity: 1;
542
- -webkit-transform: scale(1);
543
- -ms-transform: scale(1);
544
- transform: scale(1);
545
- }
546
-
547
- .premium-blog-clear-fix {
548
- clear: both;
549
- }
550
-
551
- .premium-blog-masked .premium-blog-thumbnail-container {
552
- position: relative;
553
- overflow: visible;
554
- }
555
-
556
- .premium-blog-masked .premium-blog-thumbnail-container svg {
557
- position: absolute;
558
- height: 100px;
559
- width: 100%;
560
- bottom: -5px;
561
- right: 0;
562
- fill: #f5f5f5;
563
- z-index: 99;
564
- }
565
-
566
- .premium-blog-masked .premium-blog-thumbnail-container svg.premium-blog-shape-divider-svg {
567
- -webkit-transform: rotate(180deg);
568
- -ms-transform: rotate(180deg);
569
- transform: rotate(180deg);
570
- }
571
-
572
- .premium-blog-masked .premium-blog-author-thumbnail,
573
- .premium-blog-masked .premium-blog-skin-banner .premium-blog-content-wrapper {
574
- z-index: 999 !important;
575
- }
576
-
577
- /*Post Format Container*/
578
- .premium-blog-format-link {
579
- padding: 5px;
580
- line-height: 0;
581
- }
582
-
583
- /*Post Format Icon*/
584
- /*Post Format Content Margin */
585
- .premium-blog-entry-meta {
586
- line-height: 1.3em;
587
- font-size: 12px;
588
- margin-bottom: 13px;
589
- color: #adadad;
590
- }
591
-
592
- .premium-blog-entry-meta i {
593
- margin-left: 3px;
594
- -webkit-transition: all 0.3s ease-in-out;
595
- transition: all 0.3s ease-in-out;
596
- }
597
-
598
- .premium-blog-meta-data {
599
- display: inline-block;
600
- }
601
-
602
- .premium-blog-meta-data .premium-blog-meta-separator {
603
- margin: 0 5px;
604
- }
605
-
606
- .premium-blog-meta-data a,
607
- .premium-blog-meta-data span {
608
- color: inherit;
609
- -webkit-transition: all 0.3s ease-in-out;
610
- transition: all 0.3s ease-in-out;
611
- }
612
-
613
- .premium-blog-author-thumbnail {
614
- position: relative;
615
- padding: 0 30px;
616
- width: 100%;
617
- top: -10px;
618
- height: 0;
619
- pointer-events: none;
620
- }
621
-
622
- .premium-blog-author-thumbnail img {
623
- -webkit-border-radius: 50%;
624
- border-radius: 50%;
625
- width: 60px;
626
- pointer-events: all;
627
- -webkit-transform: translateY(-50%);
628
- -ms-transform: translateY(-50%);
629
- transform: translateY(-50%);
630
- }
631
-
632
- .premium-blog-entry-title a,
633
- .premium-blog-post-tags-container a,
634
- .premium-blog-post-content .premium-blog-excerpt-link {
635
- -webkit-transition: all 0.3s ease-in-out;
636
- transition: all 0.3s ease-in-out;
637
- }
638
-
639
- .premium-blog-excerpt-link-wrap a.premium-blog-excerpt-link {
640
- background-color: transparent;
641
- color: #54595f;
642
- padding: 0;
643
- }
644
-
645
- .premium-blog-cta-full-yes .premium-blog-excerpt-link {
646
- width: 100%;
647
- }
648
-
649
- .premium-blog-post-tags-container {
650
- margin-top: 8px;
651
- -js-display: flex;
652
- display: -webkit-box;
653
- display: -webkit-flex;
654
- display: -moz-box;
655
- display: -ms-flexbox;
656
- display: flex;
657
- -webkit-box-align: center;
658
- -webkit-align-items: center;
659
- -moz-box-align: center;
660
- -ms-flex-align: center;
661
- align-items: center;
662
- -webkit-flex-wrap: wrap;
663
- -ms-flex-wrap: wrap;
664
- flex-wrap: wrap;
665
- }
666
-
667
- .premium-blog-post-tags-container a {
668
- color: inherit;
669
- margin-right: 5px;
670
- }
671
-
672
- .premium-blog-align-center .post-categories,
673
- .premium-blog-align-center .premium-blog-post-tags-container {
674
- -webkit-box-pack: center;
675
- -webkit-justify-content: center;
676
- -moz-box-pack: center;
677
- -ms-flex-pack: center;
678
- justify-content: center;
679
- }
680
-
681
- .premium-blog-align-center .premium-blog-inner-container {
682
- -webkit-box-align: center;
683
- -webkit-align-items: center;
684
- -moz-box-align: center;
685
- -ms-flex-align: center;
686
- align-items: center;
687
- }
688
-
689
- .premium-blog-align-left .post-categories,
690
- .premium-blog-align-left .premium-blog-post-tags-container {
691
- -webkit-box-pack: end;
692
- -webkit-justify-content: flex-end;
693
- -moz-box-pack: end;
694
- -ms-flex-pack: end;
695
- justify-content: flex-end;
696
- }
697
-
698
- .premium-blog-align-left .premium-blog-inner-container {
699
- -webkit-box-align: end;
700
- -webkit-align-items: flex-end;
701
- -moz-box-align: end;
702
- -ms-flex-align: end;
703
- align-items: flex-end;
704
- }
705
-
706
- .premium-blog-align-right .post-categories,
707
- .premium-blog-align-right .premium-blog-post-tags-container {
708
- -webkit-box-pack: start;
709
- -webkit-justify-content: flex-start;
710
- -moz-box-pack: start;
711
- -ms-flex-pack: start;
712
- justify-content: flex-start;
713
- }
714
-
715
- .premium-blog-align-right .premium-blog-inner-container {
716
- -webkit-box-align: start;
717
- -webkit-align-items: flex-start;
718
- -moz-box-align: start;
719
- -ms-flex-align: start;
720
- align-items: flex-start;
721
- }
722
-
723
- /* Pagination */
724
- .premium-blog-pagination-container {
725
- text-align: left;
726
- }
727
-
728
- .premium-blog-pagination-container span {
729
- cursor: default;
730
- }
731
-
732
- .premium-blog-pagination-container .page-numbers {
733
- display: inline-block;
734
- color: #000;
735
- line-height: 1;
736
- font-size: 1em;
737
- font-weight: 400;
738
- text-decoration: none;
739
- padding: 0.75em;
740
- margin: 0 0 0.4em 0.4em;
741
- -webkit-transition: all 0.2s ease-in-out;
742
- transition: all 0.2s ease-in-out;
743
- }
744
-
745
- .premium-blog-wrap .premium-loading-feed {
746
- display: block;
747
- position: absolute;
748
- width: 100%;
749
- height: 100%;
750
- top: 0px;
751
- right: 0px;
752
- bottom: 0px;
753
- left: 0px;
754
- background: rgba(255, 255, 255, 0.2);
755
- -js-display: flex;
756
- display: -webkit-box;
757
- display: -webkit-flex;
758
- display: -moz-box;
759
- display: -ms-flexbox;
760
- display: flex;
761
- -webkit-box-align: center;
762
- -webkit-align-items: center;
763
- -moz-box-align: center;
764
- -ms-flex-align: center;
765
- align-items: center;
766
- z-index: 99;
767
- }
768
-
769
- .premium-blog-wrap {
770
- -js-display: flex;
771
- display: -webkit-box;
772
- display: -webkit-flex;
773
- display: -moz-box;
774
- display: -ms-flexbox;
775
- display: flex;
776
- -webkit-flex-wrap: wrap;
777
- -ms-flex-wrap: wrap;
778
- flex-wrap: wrap;
779
- }
780
-
781
- .premium-blog-wrap ul.slick-dots {
782
- width: 100%;
783
- }
784
-
785
- /**
786
- * Even Layout
787
- */
788
- .premium-blog-even .premium-blog-post-container {
789
- height: 100%;
790
- }
791
-
792
- .premium-blog-even .slick-track {
793
- -js-display: flex;
794
- display: -webkit-box;
795
- display: -webkit-flex;
796
- display: -moz-box;
797
- display: -ms-flexbox;
798
- display: flex;
799
- }
800
-
801
- .premium-blog-even .slick-slide {
802
- height: inherit !important;
803
- }
804
-
805
- /**
806
- * Responsive Style
807
- */
808
- @media (max-width: 768px) {
809
- .premium-blog-content-wrapper {
810
- top: 0;
811
- margin: 0;
812
- padding: 15px;
813
- }
814
-
815
- }
816
-
817
- [dir="rtl"] .premium-blog-wrap.slick-slider .slick-list,
818
- [dir="rtl"] .premium-blog-wrap.slick-slider .slick-track {
819
- direction: ltr;
820
  }
1
+ /**************** Premium Blog *****************/
2
+ /***********************************************/
3
+ .premium-blog-thumb-effect-wrapper {
4
+ position: relative;
5
+ overflow: hidden;
6
+ }
7
+
8
+ .premium-blog-effect-container:not(.premium-blog-bordered-effect) .premium-blog-post-link {
9
+ position: absolute;
10
+ top: 0;
11
+ right: 0;
12
+ width: 100%;
13
+ height: 100%;
14
+ z-index: 2;
15
+ padding: 20px;
16
+ }
17
+
18
+ .premium-blog-bordered-effect .premium-blog-post-link {
19
+ display: block;
20
+ height: 100%;
21
+ position: relative;
22
+ }
23
+
24
+ /*Thumbnail Img*/
25
+ .premium-blog-thumbnail-container {
26
+ overflow: hidden;
27
+ }
28
+
29
+ .premium-blog-thumbnail-container img,
30
+ .premium-blog-thumbnail-container .below-entry-meta {
31
+ width: 100%;
32
+ height: 100%;
33
+ margin: 0 !important;
34
+ -webkit-transition: all 0.4s ease-in-out;
35
+ transition: all 0.4s ease-in-out;
36
+ }
37
+
38
+ .premium-blog-zoomout-effect img,
39
+ .premium-blog-scale-effect img {
40
+ -webkit-transform: scale(1.2);
41
+ -ms-transform: scale(1.2);
42
+ transform: scale(1.2);
43
+ }
44
+
45
+ .premium-blog-sepia-effect img {
46
+ -webkit-filter: sepia(30%);
47
+ filter: sepia(30%);
48
+ }
49
+
50
+ .premium-blog-bright-effect img {
51
+ -webkit-filter: brightness(1);
52
+ filter: brightness(1);
53
+ }
54
+
55
+ .premium-blog-trans-effect img {
56
+ -webkit-transform: translateX(15px) scale(1.1);
57
+ -ms-transform: translateX(15px) scale(1.1);
58
+ transform: translateX(15px) scale(1.1);
59
+ }
60
+
61
+ .premium-blog-post-outer-container:hover .premium-blog-zoomin-effect img {
62
+ -webkit-transform: scale(1.2);
63
+ -ms-transform: scale(1.2);
64
+ transform: scale(1.2);
65
+ }
66
+
67
+ .premium-blog-post-outer-container:hover .premium-blog-zoomout-effect img {
68
+ -webkit-transform: scale(1.1);
69
+ -ms-transform: scale(1.1);
70
+ transform: scale(1.1);
71
+ }
72
+
73
+ .premium-blog-post-outer-container:hover .premium-blog-scale-effect img {
74
+ -webkit-transform: scale(1.3) rotate(-5deg);
75
+ -ms-transform: scale(1.3) rotate(-5deg);
76
+ transform: scale(1.3) rotate(-5deg);
77
+ }
78
+
79
+ .premium-blog-post-outer-container:hover .premium-blog-gray-effect img {
80
+ -webkit-filter: grayscale(100%);
81
+ filter: grayscale(100%);
82
+ }
83
+
84
+ .premium-blog-post-outer-container:hover .premium-blog-blur-effect img {
85
+ -webkit-filter: blur(3px);
86
+ filter: blur(3px);
87
+ }
88
+
89
+ .premium-blog-post-outer-container:hover .premium-blog-sepia-effect img {
90
+ -webkit-filter: sepia(0%);
91
+ filter: sepia(0%);
92
+ }
93
+
94
+ .premium-blog-post-outer-container:hover .premium-blog-bright-effect img {
95
+ -webkit-filter: brightness(1.2);
96
+ filter: brightness(1.2);
97
+ }
98
+
99
+ .premium-blog-post-outer-container:hover .premium-blog-trans-effect img {
100
+ -webkit-transform: translateX(0px) scale(1.1);
101
+ -ms-transform: translateX(0px) scale(1.1);
102
+ transform: translateX(0px) scale(1.1);
103
+ }
104
+
105
+ .premium-blog-post-container {
106
+ overflow: hidden;
107
+ }
108
+
109
+ .premium-blog-post-container .premium-blog-inner-container {
110
+ -js-display: flex;
111
+ display: -webkit-box;
112
+ display: -webkit-flex;
113
+ display: -moz-box;
114
+ display: -ms-flexbox;
115
+ display: flex;
116
+ -webkit-box-orient: vertical;
117
+ -webkit-box-direction: normal;
118
+ -webkit-flex-direction: column;
119
+ -moz-box-orient: vertical;
120
+ -moz-box-direction: normal;
121
+ -ms-flex-direction: column;
122
+ flex-direction: column;
123
+ direction: rtl;
124
+ }
125
+
126
+ .premium-blog-post-container .premium-blog-post-content {
127
+ line-height: 1.5em;
128
+ color: #777;
129
+ font-size: 14px;
130
+ margin-bottom: 10px;
131
+ }
132
+
133
+ .premium-blog-post-container ul.post-categories a:hover,
134
+ .premium-blog-post-container ul.post-categories a:focus,
135
+ .premium-blog-post-container .premium-blog-post-link:hover,
136
+ .premium-blog-post-container .premium-blog-post-link:focus {
137
+ -webkit-box-shadow: none !important;
138
+ box-shadow: none !important;
139
+ outline: none !important;
140
+ }
141
+
142
+ .premium-blog-post-container .premium-blog-entry-title {
143
+ font-size: 18px;
144
+ margin-bottom: 5px;
145
+ }
146
+
147
+ .premium-blog-post-container.premium-blog-skin-modern .premium-blog-content-wrapper {
148
+ position: relative;
149
+ z-index: 3;
150
+ top: -50px;
151
+ }
152
+
153
+ .premium-blog-post-container .premium-blog-content-wrapper {
154
+ background-color: #f5f5f5;
155
+ padding: 30px;
156
+ }
157
+
158
+ .premium-blog-post-container .premium-blog-content-wrapper.empty-thumb {
159
+ top: 0;
160
+ }
161
+
162
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before,
163
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:after {
164
+ position: absolute;
165
+ content: "";
166
+ z-index: 1;
167
+ top: 50%;
168
+ right: 50%;
169
+ opacity: 0;
170
+ -webkit-transform: translate(50%, -50%);
171
+ -ms-transform: translate(50%, -50%);
172
+ transform: translate(50%, -50%);
173
+ -webkit-transition: all 0.4s linear 0s;
174
+ transition: all 0.4s linear 0s;
175
+ height: 1px;
176
+ width: 100%;
177
+ background-color: #fff;
178
+ }
179
+
180
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before {
181
+ width: 1px;
182
+ height: 100%;
183
+ }
184
+
185
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner):hover .premium-blog-thumbnail-container:after {
186
+ width: 20px;
187
+ opacity: 1;
188
+ }
189
+
190
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner):hover .premium-blog-thumbnail-container:before {
191
+ height: 20px;
192
+ opacity: 1;
193
+ }
194
+
195
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-content-wrapper {
196
+ margin: 0px 10px 20px;
197
+ clear: both;
198
+ }
199
+
200
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay,
201
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay,
202
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay {
203
+ position: absolute;
204
+ top: 0;
205
+ right: 0;
206
+ width: 100%;
207
+ height: 100%;
208
+ -webkit-transition: all 0.3s ease-in-out;
209
+ transition: all 0.3s ease-in-out;
210
+ opacity: 0;
211
+ }
212
+
213
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay a,
214
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay a,
215
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay a {
216
+ -js-display: flex;
217
+ display: -webkit-box;
218
+ display: -webkit-flex;
219
+ display: -moz-box;
220
+ display: -ms-flexbox;
221
+ display: flex;
222
+ -webkit-box-pack: center;
223
+ -webkit-justify-content: center;
224
+ -moz-box-pack: center;
225
+ -ms-flex-pack: center;
226
+ justify-content: center;
227
+ -webkit-box-align: center;
228
+ -webkit-align-items: center;
229
+ -moz-box-align: center;
230
+ -ms-flex-align: center;
231
+ align-items: center;
232
+ width: 100%;
233
+ height: 100%;
234
+ }
235
+
236
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay span,
237
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay i,
238
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay span,
239
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay i,
240
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay span,
241
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay i {
242
+ -webkit-transition: all 0.3s ease-in-out;
243
+ transition: all 0.3s ease-in-out;
244
+ }
245
+
246
+ .premium-blog-post-container.premium-blog-skin-side {
247
+ -js-display: flex;
248
+ display: -webkit-box;
249
+ display: -webkit-flex;
250
+ display: -moz-box;
251
+ display: -ms-flexbox;
252
+ display: flex;
253
+ }
254
+
255
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-container {
256
+ height: 100%;
257
+ }
258
+
259
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-content-wrapper {
260
+ -webkit-box-flex: 1;
261
+ -webkit-flex: 1;
262
+ -moz-box-flex: 1;
263
+ -ms-flex: 1;
264
+ flex: 1;
265
+ }
266
+
267
+ .premium-blog-post-container.premium-blog-skin-banner {
268
+ position: relative;
269
+ }
270
+
271
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper {
272
+ position: absolute;
273
+ width: 100%;
274
+ bottom: -5px;
275
+ -js-display: flex;
276
+ display: -webkit-box;
277
+ display: -webkit-flex;
278
+ display: -moz-box;
279
+ display: -ms-flexbox;
280
+ display: flex;
281
+ -webkit-box-orient: vertical;
282
+ -webkit-box-direction: normal;
283
+ -webkit-flex-direction: column;
284
+ -moz-box-orient: vertical;
285
+ -moz-box-direction: normal;
286
+ -ms-flex-direction: column;
287
+ flex-direction: column;
288
+ background-color: transparent;
289
+ z-index: 3;
290
+ -webkit-transition: bottom 0.3s ease-in-out;
291
+ transition: bottom 0.3s ease-in-out;
292
+ }
293
+
294
+ .premium-blog-post-container.premium-blog-skin-banner:hover .premium-blog-content-wrapper {
295
+ bottom: 0px;
296
+ }
297
+
298
+ .premium-blog-post-container .premium-blog-cats-container ul.post-categories {
299
+ margin: 0;
300
+ padding: 0;
301
+ list-style: none;
302
+ -js-display: flex;
303
+ display: -webkit-box;
304
+ display: -webkit-flex;
305
+ display: -moz-box;
306
+ display: -ms-flexbox;
307
+ display: flex;
308
+ }
309
+
310
+ .premium-blog-post-container .premium-blog-cats-container a {
311
+ display: block;
312
+ font-size: 12px;
313
+ color: #fff;
314
+ background-color: #777;
315
+ margin: 0 0 10px 3px;
316
+ padding: 5px;
317
+ -webkit-transition: all 0.3s ease-in-out;
318
+ transition: all 0.3s ease-in-out;
319
+ }
320
+
321
+ /*
322
+ * Diagonal Effect
323
+ */
324
+ .premium-blog-diagonal-container {
325
+ position: absolute;
326
+ top: 0;
327
+ right: 0;
328
+ width: 100%;
329
+ height: 100%;
330
+ }
331
+
332
+ .premium-blog-diagonal-effect:before {
333
+ position: absolute;
334
+ top: 0px;
335
+ right: 0px;
336
+ width: 100%;
337
+ height: 100%;
338
+ content: " ";
339
+ z-index: 1;
340
+ background: rgba(255, 255, 255, 0.2);
341
+ -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
342
+ transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
343
+ -webkit-transition: all 0.3s linear 0s;
344
+ transition: all 0.3s linear 0s;
345
+ }
346
+
347
+ .premium-blog-post-outer-container:hover .premium-blog-diagonal-effect:before {
348
+ -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
349
+ transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
350
+ }
351
+
352
+ /*
353
+ * Framed Effect
354
+ */
355
+ .premium-blog-framed-effect {
356
+ position: absolute;
357
+ width: -webkit-calc(100% - 30px);
358
+ width: calc(100% - 30px);
359
+ height: -webkit-calc(100% - 30px);
360
+ height: calc(100% - 30px);
361
+ top: 15px;
362
+ right: 15px;
363
+ opacity: 0;
364
+ -webkit-transform: scale(0.3);
365
+ -ms-transform: scale(0.3);
366
+ transform: scale(0.3);
367
+ -webkit-transition: all 0.3s linear 0s;
368
+ transition: all 0.3s linear 0s;
369
+ }
370
+
371
+ .premium-blog-post-outer-container:hover .premium-blog-framed-effect {
372
+ opacity: 0.99;
373
+ -webkit-transform: scale(1);
374
+ -ms-transform: scale(1);
375
+ transform: scale(1);
376
+ }
377
+
378
+ /*
379
+ * Bordered Effect
380
+ */
381
+ .premium-blog-bordered-effect {
382
+ position: absolute;
383
+ top: 0;
384
+ right: 0;
385
+ width: 100%;
386
+ height: 100%;
387
+ opacity: 0;
388
+ padding: 15px;
389
+ -webkit-transition: all 0.3s linear 0s;
390
+ transition: all 0.3s linear 0s;
391
+ }
392
+
393
+ .premium-blog-bordered-effect .premium-blog-post-link:before,
394
+ .premium-blog-bordered-effect .premium-blog-post-link:after {
395
+ content: "";
396
+ display: block;
397
+ position: absolute;
398
+ top: 0;
399
+ right: 0;
400
+ width: 100%;
401
+ height: 100%;
402
+ -webkit-transition: all 0.5s linear 0s;
403
+ transition: all 0.5s linear 0s;
404
+ -webkit-transition-delay: 0s;
405
+ transition-delay: 0s;
406
+ border-color: rgba(255, 255, 255, 0.45);
407
+ }
408
+
409
+ .premium-blog-bordered-effect .premium-blog-post-link:before {
410
+ border-left: 2px solid;
411
+ border-right: 2px solid;
412
+ -webkit-transform: scale(1, 0);
413
+ -ms-transform: scale(1, 0);
414
+ transform: scale(1, 0);
415
+ -webkit-transform-origin: 0% 0;
416
+ -ms-transform-origin: 0% 0;
417
+ transform-origin: 0% 0;
418
+ }
419
+
420
+ .premium-blog-bordered-effect .premium-blog-post-link:after {
421
+ border-top: 2px solid;
422
+ border-bottom: 2px solid;
423
+ -webkit-transform: scale(0, 1);
424
+ -ms-transform: scale(0, 1);
425
+ transform: scale(0, 1);
426
+ -webkit-transform-origin: 100% 0;
427
+ -ms-transform-origin: 100% 0;
428
+ transform-origin: 100% 0;
429
+ }
430
+
431
+ .premium-blog-bordered-effect:hover {
432
+ opacity: 0.99;
433
+ }
434
+
435
+ .premium-blog-bordered-effect:hover .premium-blog-post-link:before,
436
+ .premium-blog-bordered-effect:hover .premium-blog-post-link:after {
437
+ -webkit-transition-delay: 0.15s;
438
+ transition-delay: 0.15s;
439
+ opacity: 1;
440
+ -webkit-transform: scale(1);
441
+ -ms-transform: scale(1);
442
+ transform: scale(1);
443
+ }
444
+
445
+ /*
446
+ * Squares Effect
447
+ */
448
+ .premium-blog-squares-effect,
449
+ .premium-blog-squares-square-container {
450
+ position: absolute;
451
+ top: 0;
452
+ right: 0;
453
+ width: 100%;
454
+ height: 100%;
455
+ }
456
+
457
+ .premium-blog-squares-effect:before,
458
+ .premium-blog-squares-effect:after {
459
+ position: absolute;
460
+ content: "";
461
+ top: 0;
462
+ right: 0;
463
+ width: 50%;
464
+ height: 50%;
465
+ -webkit-transform: translate(100%, -100%);
466
+ -ms-transform: translate(100%, -100%);
467
+ transform: translate(100%, -100%);
468
+ opacity: 0.7;
469
+ -webkit-transition: all 0.3s linear 0s;
470
+ transition: all 0.3s linear 0s;
471
+ }
472
+
473
+ .premium-blog-squares-square-container:before,
474
+ .premium-blog-squares-square-container:after {
475
+ position: absolute;
476
+ content: "";
477
+ top: 0;
478
+ right: 0;
479
+ width: 50%;
480
+ height: 50%;
481
+ -webkit-transform: translate(100%, -100%);
482
+ -ms-transform: translate(100%, -100%);
483
+ transform: translate(100%, -100%);
484
+ opacity: 0.7;
485
+ -webkit-transition: all 0.3s linear 0s;
486
+ transition: all 0.3s linear 0s;
487
+ }
488
+
489
+ .premium-blog-squares-square-container:before,
490
+ .premium-blog-squares-square-container:after {
491
+ opacity: 0.8;
492
+ }
493
+
494
+ .premium-blog-squares-effect:after {
495
+ -webkit-transform: translate(-200%, 200%);
496
+ -ms-transform: translate(-200%, 200%);
497
+ transform: translate(-200%, 200%);
498
+ }
499
+
500
+ .premium-blog-squares-square-container:before {
501
+ -webkit-transform: translate(100%, 200%);
502
+ -ms-transform: translate(100%, 200%);
503
+ transform: translate(100%, 200%);
504
+ }
505
+
506
+ .premium-blog-squares-square-container:after {
507
+ -webkit-transform: translate(-200%, -100%);
508
+ -ms-transform: translate(-200%, -100%);
509
+ transform: translate(-200%, -100%);
510
+ }
511
+
512
+ .premium-blog-squares-effect:hover:before {
513
+ -webkit-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
514
+ -ms-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
515
+ transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
516
+ }
517
+
518
+ .premium-blog-squares-effect:hover:after {
519
+ -webkit-transform: translate(-100%, 100%) scaleY(1.003) scaleX(1.003);
520
+ -ms-transform: translate(-100%, 100%) scaleY(1.003) scaleX(1.003);
521
+ transform: translate(-100%, 100%) scaleY(1.003) scaleX(1.003);
522
+ }
523
+
524
+ .premium-blog-squares-effect:hover .premium-blog-squares-square-container:before {
525
+ -webkit-transform: translate(0, 100%);
526
+ -ms-transform: translate(0, 100%);
527
+ transform: translate(0, 100%);
528
+ }
529
+
530
+ .premium-blog-squares-effect:hover .premium-blog-squares-square-container:after {
531
+ -webkit-transform: translate(-100%, 0%);
532
+ -ms-transform: translate(-100%, 0%);
533
+ transform: translate(-100%, 0%);
534
+ }
535
+
536
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay {
537
+ opacity: 1;
538
+ }
539
+
540
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay a {
541
+ opacity: 1;
542
+ -webkit-transform: scale(1);
543
+ -ms-transform: scale(1);
544
+ transform: scale(1);
545
+ }
546
+
547
+ .premium-blog-clear-fix {
548
+ clear: both;
549
+ }
550
+
551
+ .premium-blog-masked .premium-blog-thumbnail-container {
552
+ position: relative;
553
+ overflow: visible;
554
+ }
555
+
556
+ .premium-blog-masked .premium-blog-thumbnail-container svg {
557
+ position: absolute;
558
+ height: 100px;
559
+ width: 100%;
560
+ bottom: -5px;
561
+ right: 0;
562
+ fill: #f5f5f5;
563
+ z-index: 99;
564
+ }
565
+
566
+ .premium-blog-masked .premium-blog-thumbnail-container svg.premium-blog-shape-divider-svg {
567
+ -webkit-transform: rotate(180deg);
568
+ -ms-transform: rotate(180deg);
569
+ transform: rotate(180deg);
570
+ }
571
+
572
+ .premium-blog-masked .premium-blog-author-thumbnail,
573
+ .premium-blog-masked .premium-blog-skin-banner .premium-blog-content-wrapper {
574
+ z-index: 999 !important;
575
+ }
576
+
577
+ /*Post Format Container*/
578
+ .premium-blog-format-link {
579
+ padding: 5px;
580
+ line-height: 0;
581
+ }
582
+
583
+ /*Post Format Icon*/
584
+ /*Post Format Content Margin */
585
+ .premium-blog-entry-meta {
586
+ line-height: 1.3em;
587
+ font-size: 12px;
588
+ margin-bottom: 13px;
589
+ color: #adadad;
590
+ }
591
+
592
+ .premium-blog-entry-meta i {
593
+ margin-left: 3px;
594
+ -webkit-transition: all 0.3s ease-in-out;
595
+ transition: all 0.3s ease-in-out;
596
+ }
597
+
598
+ .premium-blog-meta-data {
599
+ display: inline-block;
600
+ }
601
+
602
+ .premium-blog-meta-data .premium-blog-meta-separator {
603
+ margin: 0 5px;
604
+ }
605
+
606
+ .premium-blog-meta-data a,
607
+ .premium-blog-meta-data span {
608
+ color: inherit;
609
+ -webkit-transition: all 0.3s ease-in-out;
610
+ transition: all 0.3s ease-in-out;
611
+ }
612
+
613
+ .premium-blog-author-thumbnail {
614
+ position: relative;
615
+ padding: 0 30px;
616
+ width: 100%;
617
+ top: -10px;
618
+ height: 0;
619
+ pointer-events: none;
620
+ }
621
+
622
+ .premium-blog-author-thumbnail img {
623
+ -webkit-border-radius: 50%;
624
+ border-radius: 50%;
625
+ width: 60px;
626
+ pointer-events: all;
627
+ -webkit-transform: translateY(-50%);
628
+ -ms-transform: translateY(-50%);
629
+ transform: translateY(-50%);
630
+ }
631
+
632
+ .premium-blog-entry-title a,
633
+ .premium-blog-post-tags-container a,
634
+ .premium-blog-post-content .premium-blog-excerpt-link {
635
+ -webkit-transition: all 0.3s ease-in-out;
636
+ transition: all 0.3s ease-in-out;
637
+ }
638
+
639
+ .premium-blog-excerpt-link-wrap a.premium-blog-excerpt-link {
640
+ background-color: transparent;
641
+ color: #54595f;
642
+ padding: 0;
643
+ }
644
+
645
+ .premium-blog-cta-full-yes .premium-blog-excerpt-link {
646
+ width: 100%;
647
+ }
648
+
649
+ .premium-blog-post-tags-container {
650
+ margin-top: 8px;
651
+ -js-display: flex;
652
+ display: -webkit-box;
653
+ display: -webkit-flex;
654
+ display: -moz-box;
655
+ display: -ms-flexbox;
656
+ display: flex;
657
+ -webkit-box-align: center;
658
+ -webkit-align-items: center;
659
+ -moz-box-align: center;
660
+ -ms-flex-align: center;
661
+ align-items: center;
662
+ -webkit-flex-wrap: wrap;
663
+ -ms-flex-wrap: wrap;
664
+ flex-wrap: wrap;
665
+ }
666
+
667
+ .premium-blog-post-tags-container a {
668
+ color: inherit;
669
+ margin-right: 5px;
670
+ }
671
+
672
+ .premium-blog-align-center .post-categories,
673
+ .premium-blog-align-center .premium-blog-post-tags-container {
674
+ -webkit-box-pack: center;
675
+ -webkit-justify-content: center;
676
+ -moz-box-pack: center;
677
+ -ms-flex-pack: center;
678
+ justify-content: center;
679
+ }
680
+
681
+ .premium-blog-align-center .premium-blog-inner-container {
682
+ -webkit-box-align: center;
683
+ -webkit-align-items: center;
684
+ -moz-box-align: center;
685
+ -ms-flex-align: center;
686
+ align-items: center;
687
+ }
688
+
689
+ .premium-blog-align-left .post-categories,
690
+ .premium-blog-align-left .premium-blog-post-tags-container {
691
+ -webkit-box-pack: end;
692
+ -webkit-justify-content: flex-end;
693
+ -moz-box-pack: end;
694
+ -ms-flex-pack: end;
695
+ justify-content: flex-end;
696
+ }
697
+
698
+ .premium-blog-align-left .premium-blog-inner-container {
699
+ -webkit-box-align: end;
700
+ -webkit-align-items: flex-end;
701
+ -moz-box-align: end;
702
+ -ms-flex-align: end;
703
+ align-items: flex-end;
704
+ }
705
+
706
+ .premium-blog-align-right .post-categories,
707
+ .premium-blog-align-right .premium-blog-post-tags-container {
708
+ -webkit-box-pack: start;
709
+ -webkit-justify-content: flex-start;
710
+ -moz-box-pack: start;
711
+ -ms-flex-pack: start;
712
+ justify-content: flex-start;
713
+ }
714
+
715
+ .premium-blog-align-right .premium-blog-inner-container {
716
+ -webkit-box-align: start;
717
+ -webkit-align-items: flex-start;
718
+ -moz-box-align: start;
719
+ -ms-flex-align: start;
720
+ align-items: flex-start;
721
+ }
722
+
723
+ /* Pagination */
724
+ .premium-blog-pagination-container {
725
+ text-align: left;
726
+ }
727
+
728
+ .premium-blog-pagination-container span {
729
+ cursor: default;
730
+ }
731
+
732
+ .premium-blog-pagination-container .page-numbers {
733
+ display: inline-block;
734
+ color: #000;
735
+ line-height: 1;
736
+ font-size: 1em;
737
+ font-weight: 400;
738
+ text-decoration: none;
739
+ padding: 0.75em;
740
+ margin: 0 0 0.4em 0.4em;
741
+ -webkit-transition: all 0.2s ease-in-out;
742
+ transition: all 0.2s ease-in-out;
743
+ }
744
+
745
+ .premium-blog-wrap .premium-loading-feed {
746
+ display: block;
747
+ position: absolute;
748
+ width: 100%;
749
+ height: 100%;
750
+ top: 0px;
751
+ right: 0px;
752
+ bottom: 0px;
753
+ left: 0px;
754
+ background: rgba(255, 255, 255, 0.2);
755
+ -js-display: flex;
756
+ display: -webkit-box;
757
+ display: -webkit-flex;
758
+ display: -moz-box;
759
+ display: -ms-flexbox;
760
+ display: flex;
761
+ -webkit-box-align: center;
762
+ -webkit-align-items: center;
763
+ -moz-box-align: center;
764
+ -ms-flex-align: center;
765
+ align-items: center;
766
+ z-index: 99;
767
+ }
768
+
769
+ .premium-blog-wrap {
770
+ -js-display: flex;
771
+ display: -webkit-box;
772
+ display: -webkit-flex;
773
+ display: -moz-box;
774
+ display: -ms-flexbox;
775
+ display: flex;
776
+ -webkit-flex-wrap: wrap;
777
+ -ms-flex-wrap: wrap;
778
+ flex-wrap: wrap;
779
+ }
780
+
781
+ .premium-blog-wrap ul.slick-dots {
782
+ width: 100%;
783
+ }
784
+
785
+ /**
786
+ * Even Layout
787
+ */
788
+ .premium-blog-even .premium-blog-post-container {
789
+ height: 100%;
790
+ }
791
+
792
+ .premium-blog-even .slick-track {
793
+ -js-display: flex;
794
+ display: -webkit-box;
795
+ display: -webkit-flex;
796
+ display: -moz-box;
797
+ display: -ms-flexbox;
798
+ display: flex;
799
+ }
800
+
801
+ .premium-blog-even .slick-slide {
802
+ height: inherit !important;
803
+ }
804
+
805
+ /**
806
+ * Responsive Style
807
+ */
808
+ @media (max-width: 768px) {
809
+ .premium-blog-content-wrapper {
810
+ top: 0;
811
+ margin: 0;
812
+ padding: 15px;
813
+ }
814
+
815
+ }
816
+
817
+ [dir="rtl"] .premium-blog-wrap.slick-slider .slick-list,
818
+ [dir="rtl"] .premium-blog-wrap.slick-slider .slick-track {
819
+ direction: ltr;
820
  }
assets/frontend/css/premium-blog.css CHANGED
@@ -1,716 +1,716 @@
1
- /**************** Premium Blog *****************/
2
- /***********************************************/
3
- .premium-blog-thumb-effect-wrapper {
4
- position: relative;
5
- overflow: hidden; }
6
-
7
- .premium-blog-effect-container:not(.premium-blog-bordered-effect) .premium-blog-post-link {
8
- position: absolute;
9
- top: 0;
10
- left: 0;
11
- width: 100%;
12
- height: 100%;
13
- z-index: 2;
14
- padding: 20px; }
15
-
16
- .premium-blog-bordered-effect .premium-blog-post-link {
17
- display: block;
18
- height: 100%;
19
- position: relative; }
20
-
21
- /*Thumbnail Img*/
22
- .premium-blog-thumbnail-container {
23
- overflow: hidden; }
24
- .premium-blog-thumbnail-container img,
25
- .premium-blog-thumbnail-container .below-entry-meta {
26
- width: 100%;
27
- height: 100%;
28
- margin: 0 !important;
29
- -webkit-transition: all 0.4s ease-in-out;
30
- transition: all 0.4s ease-in-out;
31
- display: block; }
32
-
33
- .premium-blog-zoomout-effect img,
34
- .premium-blog-scale-effect img {
35
- -webkit-transform: scale(1.2);
36
- -ms-transform: scale(1.2);
37
- transform: scale(1.2); }
38
-
39
- .premium-blog-sepia-effect img {
40
- -webkit-filter: sepia(30%);
41
- filter: sepia(30%); }
42
-
43
- .premium-blog-bright-effect img {
44
- -webkit-filter: brightness(1);
45
- filter: brightness(1); }
46
-
47
- .premium-blog-trans-effect img {
48
- -webkit-transform: translateX(-15px) scale(1.1);
49
- -ms-transform: translateX(-15px) scale(1.1);
50
- transform: translateX(-15px) scale(1.1); }
51
-
52
- .premium-blog-post-outer-container:hover .premium-blog-zoomin-effect img {
53
- -webkit-transform: scale(1.2);
54
- -ms-transform: scale(1.2);
55
- transform: scale(1.2); }
56
-
57
- .premium-blog-post-outer-container:hover .premium-blog-zoomout-effect img {
58
- -webkit-transform: scale(1.1);
59
- -ms-transform: scale(1.1);
60
- transform: scale(1.1); }
61
-
62
- .premium-blog-post-outer-container:hover .premium-blog-scale-effect img {
63
- -webkit-transform: scale(1.3) rotate(5deg);
64
- -ms-transform: scale(1.3) rotate(5deg);
65
- transform: scale(1.3) rotate(5deg); }
66
-
67
- .premium-blog-post-outer-container:hover .premium-blog-gray-effect img {
68
- -webkit-filter: grayscale(100%);
69
- filter: grayscale(100%); }
70
-
71
- .premium-blog-post-outer-container:hover .premium-blog-blur-effect img {
72
- -webkit-filter: blur(3px);
73
- filter: blur(3px); }
74
-
75
- .premium-blog-post-outer-container:hover .premium-blog-sepia-effect img {
76
- -webkit-filter: sepia(0%);
77
- filter: sepia(0%); }
78
-
79
- .premium-blog-post-outer-container:hover .premium-blog-bright-effect img {
80
- -webkit-filter: brightness(1.2);
81
- filter: brightness(1.2); }
82
-
83
- .premium-blog-post-outer-container:hover .premium-blog-trans-effect img {
84
- -webkit-transform: translateX(0px) scale(1.1);
85
- -ms-transform: translateX(0px) scale(1.1);
86
- transform: translateX(0px) scale(1.1); }
87
-
88
- .premium-blog-post-container {
89
- overflow: hidden; }
90
- .premium-blog-post-container .premium-blog-inner-container {
91
- -js-display: flex;
92
- display: -webkit-box;
93
- display: -webkit-flex;
94
- display: -moz-box;
95
- display: -ms-flexbox;
96
- display: flex;
97
- -webkit-box-orient: vertical;
98
- -webkit-box-direction: normal;
99
- -webkit-flex-direction: column;
100
- -moz-box-orient: vertical;
101
- -moz-box-direction: normal;
102
- -ms-flex-direction: column;
103
- flex-direction: column; }
104
- .premium-blog-post-container .premium-blog-post-content {
105
- line-height: 1.5em;
106
- color: #777;
107
- font-size: 14px;
108
- margin-bottom: 10px; }
109
- .premium-blog-post-container ul.post-categories a:hover, .premium-blog-post-container ul.post-categories a:focus,
110
- .premium-blog-post-container .premium-blog-post-link:hover,
111
- .premium-blog-post-container .premium-blog-post-link:focus {
112
- -webkit-box-shadow: none !important;
113
- box-shadow: none !important;
114
- outline: none !important; }
115
- .premium-blog-post-container .premium-blog-entry-title {
116
- font-size: 18px;
117
- margin-bottom: 5px; }
118
- .premium-blog-post-container.premium-blog-skin-modern .premium-blog-content-wrapper {
119
- position: relative;
120
- z-index: 3;
121
- top: -50px; }
122
- .premium-blog-post-container .premium-blog-content-wrapper {
123
- background-color: #f5f5f5;
124
- padding: 30px; }
125
- .premium-blog-post-container .premium-blog-content-wrapper.empty-thumb {
126
- top: 0; }
127
- .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 {
128
- position: absolute;
129
- content: "";
130
- z-index: 1;
131
- top: 50%;
132
- left: 50%;
133
- opacity: 0;
134
- -webkit-transform: translate(-50%, -50%);
135
- -ms-transform: translate(-50%, -50%);
136
- transform: translate(-50%, -50%);
137
- -webkit-transition: all 0.4s linear 0s;
138
- transition: all 0.4s linear 0s;
139
- height: 1px;
140
- width: 100%;
141
- background-color: #fff; }
142
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before {
143
- width: 1px;
144
- height: 100%; }
145
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner):hover .premium-blog-thumbnail-container:after {
146
- width: 20px;
147
- opacity: 1; }
148
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner):hover .premium-blog-thumbnail-container:before {
149
- height: 20px;
150
- opacity: 1; }
151
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-content-wrapper {
152
- margin: 0px 10px 20px;
153
- clear: both; }
154
- .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 {
155
- position: absolute;
156
- top: 0;
157
- left: 0;
158
- width: 100%;
159
- height: 100%;
160
- -webkit-transition: all 0.3s ease-in-out;
161
- transition: all 0.3s ease-in-out;
162
- opacity: 0; }
163
- .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 {
164
- -js-display: flex;
165
- display: -webkit-box;
166
- display: -webkit-flex;
167
- display: -moz-box;
168
- display: -ms-flexbox;
169
- display: flex;
170
- -webkit-box-pack: center;
171
- -webkit-justify-content: center;
172
- -moz-box-pack: center;
173
- -ms-flex-pack: center;
174
- justify-content: center;
175
- -webkit-box-align: center;
176
- -webkit-align-items: center;
177
- -moz-box-align: center;
178
- -ms-flex-align: center;
179
- align-items: center;
180
- width: 100%;
181
- height: 100%; }
182
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay span,
183
- .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,
184
- .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,
185
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay i {
186
- -webkit-transition: all 0.3s ease-in-out;
187
- transition: all 0.3s ease-in-out; }
188
- .premium-blog-post-container.premium-blog-skin-side {
189
- -js-display: flex;
190
- display: -webkit-box;
191
- display: -webkit-flex;
192
- display: -moz-box;
193
- display: -ms-flexbox;
194
- display: flex; }
195
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-container {
196
- height: 100%; }
197
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-content-wrapper {
198
- -webkit-box-flex: 1;
199
- -webkit-flex: 1;
200
- -moz-box-flex: 1;
201
- -ms-flex: 1;
202
- flex: 1; }
203
- .premium-blog-post-container.premium-blog-skin-banner {
204
- position: relative; }
205
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper {
206
- position: absolute;
207
- width: 100%;
208
- bottom: -5px;
209
- -js-display: flex;
210
- display: -webkit-box;
211
- display: -webkit-flex;
212
- display: -moz-box;
213
- display: -ms-flexbox;
214
- display: flex;
215
- -webkit-box-orient: vertical;
216
- -webkit-box-direction: normal;
217
- -webkit-flex-direction: column;
218
- -moz-box-orient: vertical;
219
- -moz-box-direction: normal;
220
- -ms-flex-direction: column;
221
- flex-direction: column;
222
- background-color: transparent;
223
- z-index: 3;
224
- -webkit-transition: bottom 0.3s ease-in-out;
225
- transition: bottom 0.3s ease-in-out; }
226
- .premium-blog-post-container.premium-blog-skin-banner:hover .premium-blog-content-wrapper {
227
- bottom: 0px; }
228
- .premium-blog-post-container .premium-blog-cats-container ul.post-categories {
229
- margin: 0;
230
- padding: 0;
231
- list-style: none;
232
- -js-display: flex;
233
- display: -webkit-box;
234
- display: -webkit-flex;
235
- display: -moz-box;
236
- display: -ms-flexbox;
237
- display: flex; }
238
- .premium-blog-post-container .premium-blog-cats-container a {
239
- display: block;
240
- font-size: 12px;
241
- color: #fff;
242
- background-color: #777;
243
- margin: 0 3px 10px 0;
244
- padding: 5px;
245
- -webkit-transition: all 0.3s ease-in-out;
246
- transition: all 0.3s ease-in-out; }
247
-
248
- /*
249
- * Diagonal Effect
250
- */
251
- .premium-blog-diagonal-container {
252
- position: absolute;
253
- top: 0;
254
- left: 0;
255
- width: 100%;
256
- height: 100%; }
257
-
258
- .premium-blog-diagonal-effect:before {
259
- position: absolute;
260
- top: 0px;
261
- left: 0px;
262
- width: 100%;
263
- height: 100%;
264
- content: " ";
265
- z-index: 1;
266
- background: rgba(255, 255, 255, 0.2);
267
- -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
268
- transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
269
- -webkit-transition: all 0.3s linear 0s;
270
- transition: all 0.3s linear 0s; }
271
-
272
- .premium-blog-post-outer-container:hover .premium-blog-diagonal-effect:before {
273
- -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
274
- transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); }
275
-
276
- /*
277
- * Framed Effect
278
- */
279
- .premium-blog-framed-effect {
280
- position: absolute;
281
- width: -webkit-calc(100% - 30px);
282
- width: calc(100% - 30px);
283
- height: -webkit-calc(100% - 30px);
284
- height: calc(100% - 30px);
285
- top: 15px;
286
- left: 15px;
287
- opacity: 0;
288
- -webkit-transform: scale(0.3);
289
- -ms-transform: scale(0.3);
290
- transform: scale(0.3);
291
- -webkit-transition: all 0.3s linear 0s;
292
- transition: all 0.3s linear 0s; }
293
-
294
- .premium-blog-post-outer-container:hover .premium-blog-framed-effect {
295
- opacity: 0.99;
296
- -webkit-transform: scale(1);
297
- -ms-transform: scale(1);
298
- transform: scale(1); }
299
-
300
- /*
301
- * Bordered Effect
302
- */
303
- .premium-blog-bordered-effect {
304
- position: absolute;
305
- top: 0;
306
- left: 0;
307
- width: 100%;
308
- height: 100%;
309
- opacity: 0;
310
- padding: 15px;
311
- -webkit-transition: all 0.3s linear 0s;
312
- transition: all 0.3s linear 0s; }
313
- .premium-blog-bordered-effect .premium-blog-post-link:before, .premium-blog-bordered-effect .premium-blog-post-link:after {
314
- content: "";
315
- display: block;
316
- position: absolute;
317
- top: 0;
318
- left: 0;
319
- width: 100%;
320
- height: 100%;
321
- -webkit-transition: all 0.5s linear 0s;
322
- transition: all 0.5s linear 0s;
323
- -webkit-transition-delay: 0s;
324
- transition-delay: 0s;
325
- border-color: rgba(255, 255, 255, 0.45); }
326
- .premium-blog-bordered-effect .premium-blog-post-link:before {
327
- border-right: 2px solid;
328
- border-left: 2px solid;
329
- -webkit-transform: scale(1, 0);
330
- -ms-transform: scale(1, 0);
331
- transform: scale(1, 0);
332
- -webkit-transform-origin: 100% 0;
333
- -ms-transform-origin: 100% 0;
334
- transform-origin: 100% 0; }
335
- .premium-blog-bordered-effect .premium-blog-post-link:after {
336
- border-top: 2px solid;
337
- border-bottom: 2px solid;
338
- -webkit-transform: scale(0, 1);
339
- -ms-transform: scale(0, 1);
340
- transform: scale(0, 1);
341
- -webkit-transform-origin: 0 0;
342
- -ms-transform-origin: 0 0;
343
- transform-origin: 0 0; }
344
-
345
- .premium-blog-bordered-effect:hover {
346
- opacity: 0.99; }
347
- .premium-blog-bordered-effect:hover .premium-blog-post-link:before, .premium-blog-bordered-effect:hover .premium-blog-post-link:after {
348
- -webkit-transition-delay: 0.15s;
349
- transition-delay: 0.15s;
350
- opacity: 1;
351
- -webkit-transform: scale(1);
352
- -ms-transform: scale(1);
353
- transform: scale(1); }
354
-
355
- /*
356
- * Squares Effect
357
- */
358
- .premium-blog-squares-effect,
359
- .premium-blog-squares-square-container {
360
- position: absolute;
361
- top: 0;
362
- left: 0;
363
- width: 100%;
364
- height: 100%; }
365
-
366
- .premium-blog-squares-effect:before, .premium-blog-squares-effect:after {
367
- position: absolute;
368
- content: "";
369
- top: 0;
370
- left: 0;
371
- width: 50%;
372
- height: 50%;
373
- -webkit-transform: translate(-100%, -100%);
374
- -ms-transform: translate(-100%, -100%);
375
- transform: translate(-100%, -100%);
376
- opacity: 0.7;
377
- -webkit-transition: all 0.3s linear 0s;
378
- transition: all 0.3s linear 0s; }
379
-
380
- .premium-blog-squares-square-container:before, .premium-blog-squares-square-container:after {
381
- position: absolute;
382
- content: "";
383
- top: 0;
384
- left: 0;
385
- width: 50%;
386
- height: 50%;
387
- -webkit-transform: translate(-100%, -100%);
388
- -ms-transform: translate(-100%, -100%);
389
- transform: translate(-100%, -100%);
390
- opacity: 0.7;
391
- -webkit-transition: all 0.3s linear 0s;
392
- transition: all 0.3s linear 0s; }
393
-
394
- .premium-blog-squares-square-container:before, .premium-blog-squares-square-container:after {
395
- opacity: 0.8; }
396
-
397
- .premium-blog-squares-effect:after {
398
- -webkit-transform: translate(200%, 200%);
399
- -ms-transform: translate(200%, 200%);
400
- transform: translate(200%, 200%); }
401
-
402
- .premium-blog-squares-square-container:before {
403
- -webkit-transform: translate(-100%, 200%);
404
- -ms-transform: translate(-100%, 200%);
405
- transform: translate(-100%, 200%); }
406
-
407
- .premium-blog-squares-square-container:after {
408
- -webkit-transform: translate(200%, -100%);
409
- -ms-transform: translate(200%, -100%);
410
- transform: translate(200%, -100%); }
411
-
412
- .premium-blog-squares-effect:hover:before {
413
- -webkit-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
414
- -ms-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
415
- transform: translate(0, 0%) scaleY(1.003) scaleX(1.003); }
416
-
417
- .premium-blog-squares-effect:hover:after {
418
- -webkit-transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003);
419
- -ms-transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003);
420
- transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003); }
421
-
422
- .premium-blog-squares-effect:hover .premium-blog-squares-square-container:before {
423
- -webkit-transform: translate(0, 100%);
424
- -ms-transform: translate(0, 100%);
425
- transform: translate(0, 100%); }
426
-
427
- .premium-blog-squares-effect:hover .premium-blog-squares-square-container:after {
428
- -webkit-transform: translate(100%, 0%);
429
- -ms-transform: translate(100%, 0%);
430
- transform: translate(100%, 0%); }
431
-
432
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay {
433
- opacity: 1; }
434
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay a {
435
- opacity: 1;
436
- -webkit-transform: scale(1);
437
- -ms-transform: scale(1);
438
- transform: scale(1); }
439
-
440
- .premium-blog-clear-fix {
441
- clear: both; }
442
-
443
- .premium-blog-masked .premium-blog-thumbnail-container {
444
- position: relative;
445
- overflow: visible; }
446
- .premium-blog-masked .premium-blog-thumbnail-container svg {
447
- position: absolute;
448
- height: 100px;
449
- width: 100%;
450
- bottom: -5px;
451
- left: 0;
452
- fill: #f5f5f5;
453
- z-index: 99; }
454
- .premium-blog-masked .premium-blog-thumbnail-container svg.premium-blog-shape-divider-svg {
455
- -webkit-transform: rotate(180deg);
456
- -ms-transform: rotate(180deg);
457
- transform: rotate(180deg); }
458
-
459
- .premium-blog-masked .premium-blog-author-thumbnail,
460
- .premium-blog-masked .premium-blog-skin-banner .premium-blog-content-wrapper {
461
- z-index: 999 !important; }
462
-
463
- .premium-blog-format-link {
464
- padding: 5px;
465
- line-height: 0; }
466
-
467
- .premium-blog-entry-meta {
468
- line-height: 1.3em;
469
- font-size: 12px;
470
- margin-bottom: 13px;
471
- color: #adadad; }
472
- .premium-blog-entry-meta i {
473
- margin-right: 3px;
474
- -webkit-transition: all 0.3s ease-in-out;
475
- transition: all 0.3s ease-in-out; }
476
-
477
- .premium-blog-meta-data {
478
- display: inline-block; }
479
- .premium-blog-meta-data .premium-blog-meta-separator {
480
- margin: 0 5px; }
481
- .premium-blog-meta-data a,
482
- .premium-blog-meta-data span {
483
- color: inherit;
484
- -webkit-transition: all 0.3s ease-in-out;
485
- transition: all 0.3s ease-in-out; }
486
-
487
- .premium-blog-author-thumbnail {
488
- position: relative;
489
- padding: 0 30px;
490
- width: 100%;
491
- top: -10px;
492
- height: 0;
493
- pointer-events: none; }
494
- .premium-blog-author-thumbnail img {
495
- -webkit-border-radius: 50%;
496
- border-radius: 50%;
497
- width: 60px;
498
- pointer-events: all;
499
- -webkit-transform: translateY(-50%);
500
- -ms-transform: translateY(-50%);
501
- transform: translateY(-50%); }
502
-
503
- .premium-blog-entry-title a,
504
- .premium-blog-post-tags-container a,
505
- .premium-blog-post-content .premium-blog-excerpt-link {
506
- -webkit-transition: all 0.3s ease-in-out;
507
- transition: all 0.3s ease-in-out; }
508
-
509
- .premium-blog-excerpt-link-wrap a.premium-blog-excerpt-link {
510
- background-color: transparent;
511
- color: #54595f;
512
- padding: 0; }
513
-
514
- .premium-blog-cta-full-yes .premium-blog-excerpt-link {
515
- width: 100%; }
516
-
517
- .premium-blog-post-tags-container {
518
- margin-top: 8px;
519
- -js-display: flex;
520
- display: -webkit-box;
521
- display: -webkit-flex;
522
- display: -moz-box;
523
- display: -ms-flexbox;
524
- display: flex;
525
- -webkit-box-align: center;
526
- -webkit-align-items: center;
527
- -moz-box-align: center;
528
- -ms-flex-align: center;
529
- align-items: center;
530
- -webkit-flex-wrap: wrap;
531
- -ms-flex-wrap: wrap;
532
- flex-wrap: wrap; }
533
- .premium-blog-post-tags-container a {
534
- color: inherit;
535
- margin-left: 5px; }
536
-
537
- /*Tags align*/
538
- .premium-blog-align-left .post-categories,
539
- .premium-blog-align-left .premium-blog-post-tags-container {
540
- -webkit-box-pack: start;
541
- -webkit-justify-content: flex-start;
542
- -moz-box-pack: start;
543
- -ms-flex-pack: start;
544
- justify-content: flex-start; }
545
-
546
- .premium-blog-align-left .premium-blog-inner-container {
547
- -webkit-box-align: start;
548
- -webkit-align-items: flex-start;
549
- -moz-box-align: start;
550
- -ms-flex-align: start;
551
- align-items: flex-start; }
552
-
553
- .premium-blog-align-center .post-categories,
554
- .premium-blog-align-center .premium-blog-post-tags-container {
555
- -webkit-box-pack: center;
556
- -webkit-justify-content: center;
557
- -moz-box-pack: center;
558
- -ms-flex-pack: center;
559
- justify-content: center; }
560
-
561
- .premium-blog-align-center .premium-blog-inner-container {
562
- -webkit-box-align: center;
563
- -webkit-align-items: center;
564
- -moz-box-align: center;
565
- -ms-flex-align: center;
566
- align-items: center; }
567
-
568
- .premium-blog-align-right .post-categories,
569
- .premium-blog-align-right .premium-blog-post-tags-container {
570
- -webkit-box-pack: end;
571
- -webkit-justify-content: flex-end;
572
- -moz-box-pack: end;
573
- -ms-flex-pack: end;
574
- justify-content: flex-end; }
575
-
576
- .premium-blog-align-right .premium-blog-inner-container {
577
- -webkit-box-align: end;
578
- -webkit-align-items: flex-end;
579
- -moz-box-align: end;
580
- -ms-flex-align: end;
581
- align-items: flex-end; }
582
-
583
- /* Pagination */
584
- .premium-blog-pagination-container {
585
- text-align: right; }
586
- .premium-blog-pagination-container span {
587
- cursor: default; }
588
- .premium-blog-pagination-container .page-numbers {
589
- display: inline-block;
590
- color: #000;
591
- line-height: 1;
592
- font-size: 1em;
593
- font-weight: 400;
594
- text-decoration: none;
595
- padding: 0.75em;
596
- margin: 0 0.4em 0.4em 0;
597
- -webkit-transition: all 0.3s ease-in-out;
598
- transition: all 0.3s ease-in-out; }
599
-
600
- .premium-blog-wrap .premium-loading-feed {
601
- display: block;
602
- position: absolute;
603
- width: 100%;
604
- height: 100%;
605
- top: 0px;
606
- left: 0px;
607
- bottom: 0px;
608
- right: 0px;
609
- background: rgba(255, 255, 255, 0.2);
610
- -js-display: flex;
611
- display: -webkit-box;
612
- display: -webkit-flex;
613
- display: -moz-box;
614
- display: -ms-flexbox;
615
- display: flex;
616
- -webkit-box-align: center;
617
- -webkit-align-items: center;
618
- -moz-box-align: center;
619
- -ms-flex-align: center;
620
- align-items: center;
621
- z-index: 99; }
622
-
623
- .premium-blog-wrap {
624
- -js-display: flex;
625
- display: -webkit-box;
626
- display: -webkit-flex;
627
- display: -moz-box;
628
- display: -ms-flexbox;
629
- display: flex;
630
- -webkit-flex-wrap: wrap;
631
- -ms-flex-wrap: wrap;
632
- flex-wrap: wrap; }
633
- .premium-blog-wrap ul.slick-dots {
634
- width: 100%; }
635
-
636
- /*
637
- * List Layout
638
- */
639
- .premium-blog-list .premium-blog-post-outer-container {
640
- width: 100%; }
641
-
642
- /**
643
- * Even Layout
644
- */
645
- .premium-blog-even .premium-blog-post-container {
646
- height: 100%; }
647
-
648
- .premium-blog-even .slick-track {
649
- -js-display: flex;
650
- display: -webkit-box;
651
- display: -webkit-flex;
652
- display: -moz-box;
653
- display: -ms-flexbox;
654
- display: flex; }
655
-
656
- .premium-blog-even .slick-slide {
657
- height: inherit !important; }
658
-
659
- .premium-blog-filter {
660
- -js-display: flex;
661
- display: -webkit-box;
662
- display: -webkit-flex;
663
- display: -moz-box;
664
- display: -ms-flexbox;
665
- display: flex;
666
- -webkit-box-align: center;
667
- -webkit-align-items: center;
668
- -moz-box-align: center;
669
- -ms-flex-align: center;
670
- align-items: center;
671
- -webkit-box-pack: center;
672
- -webkit-justify-content: center;
673
- -moz-box-pack: center;
674
- -ms-flex-pack: center;
675
- justify-content: center; }
676
-
677
- .premium-blog-filter .premium-blog-filters-container li a.category {
678
- outline: none;
679
- text-decoration: none;
680
- -webkit-border-radius: 75px;
681
- border-radius: 75px;
682
- margin: 15px 5px 20px;
683
- padding: 7px 20px;
684
- -webkit-transition: all 0.3s ease-in-out;
685
- transition: all 0.3s ease-in-out; }
686
-
687
- .premium-blog-filter ul.premium-blog-filters-container {
688
- text-align: center;
689
- margin: 0;
690
- padding: 0; }
691
-
692
- .premium-blog-filter .premium-blog-filters-container li {
693
- list-style: none;
694
- -js-display: inline-flex;
695
- display: -webkit-inline-box;
696
- display: -webkit-inline-flex;
697
- display: -moz-inline-box;
698
- display: -ms-inline-flexbox;
699
- display: inline-flex; }
700
-
701
- /**
702
- * Responsive Style
703
- */
704
- @media (max-width: 768px) {
705
- .premium-blog-content-wrapper {
706
- top: 0;
707
- margin: 0;
708
- padding: 15px; }
709
- .premium-blog-skin-side {
710
- -webkit-box-orient: vertical;
711
- -webkit-box-direction: normal;
712
- -webkit-flex-direction: column;
713
- -moz-box-orient: vertical;
714
- -moz-box-direction: normal;
715
- -ms-flex-direction: column;
716
- flex-direction: column; } }
1
+ /**************** Premium Blog *****************/
2
+ /***********************************************/
3
+ .premium-blog-thumb-effect-wrapper {
4
+ position: relative;
5
+ overflow: hidden; }
6
+
7
+ .premium-blog-effect-container:not(.premium-blog-bordered-effect) .premium-blog-post-link {
8
+ position: absolute;
9
+ top: 0;
10
+ left: 0;
11
+ width: 100%;
12
+ height: 100%;
13
+ z-index: 2;
14
+ padding: 20px; }
15
+
16
+ .premium-blog-bordered-effect .premium-blog-post-link {
17
+ display: block;
18
+ height: 100%;
19
+ position: relative; }
20
+
21
+ /*Thumbnail Img*/
22
+ .premium-blog-thumbnail-container {
23
+ overflow: hidden; }
24
+ .premium-blog-thumbnail-container img,
25
+ .premium-blog-thumbnail-container .below-entry-meta {
26
+ width: 100%;
27
+ height: 100%;
28
+ margin: 0 !important;
29
+ -webkit-transition: all 0.4s ease-in-out;
30
+ transition: all 0.4s ease-in-out;
31
+ display: block; }
32
+
33
+ .premium-blog-zoomout-effect img,
34
+ .premium-blog-scale-effect img {
35
+ -webkit-transform: scale(1.2);
36
+ -ms-transform: scale(1.2);
37
+ transform: scale(1.2); }
38
+
39
+ .premium-blog-sepia-effect img {
40
+ -webkit-filter: sepia(30%);
41
+ filter: sepia(30%); }
42
+
43
+ .premium-blog-bright-effect img {
44
+ -webkit-filter: brightness(1);
45
+ filter: brightness(1); }
46
+
47
+ .premium-blog-trans-effect img {
48
+ -webkit-transform: translateX(-15px) scale(1.1);
49
+ -ms-transform: translateX(-15px) scale(1.1);
50
+ transform: translateX(-15px) scale(1.1); }
51
+
52
+ .premium-blog-post-outer-container:hover .premium-blog-zoomin-effect img {
53
+ -webkit-transform: scale(1.2);
54
+ -ms-transform: scale(1.2);
55
+ transform: scale(1.2); }
56
+
57
+ .premium-blog-post-outer-container:hover .premium-blog-zoomout-effect img {
58
+ -webkit-transform: scale(1.1);
59
+ -ms-transform: scale(1.1);
60
+ transform: scale(1.1); }
61
+
62
+ .premium-blog-post-outer-container:hover .premium-blog-scale-effect img {
63
+ -webkit-transform: scale(1.3) rotate(5deg);
64
+ -ms-transform: scale(1.3) rotate(5deg);
65
+ transform: scale(1.3) rotate(5deg); }
66
+
67
+ .premium-blog-post-outer-container:hover .premium-blog-gray-effect img {
68
+ -webkit-filter: grayscale(100%);
69
+ filter: grayscale(100%); }
70
+
71
+ .premium-blog-post-outer-container:hover .premium-blog-blur-effect img {
72
+ -webkit-filter: blur(3px);
73
+ filter: blur(3px); }
74
+
75
+ .premium-blog-post-outer-container:hover .premium-blog-sepia-effect img {
76
+ -webkit-filter: sepia(0%);
77
+ filter: sepia(0%); }
78
+
79
+ .premium-blog-post-outer-container:hover .premium-blog-bright-effect img {
80
+ -webkit-filter: brightness(1.2);
81
+ filter: brightness(1.2); }
82
+
83
+ .premium-blog-post-outer-container:hover .premium-blog-trans-effect img {
84
+ -webkit-transform: translateX(0px) scale(1.1);
85
+ -ms-transform: translateX(0px) scale(1.1);
86
+ transform: translateX(0px) scale(1.1); }
87
+
88
+ .premium-blog-post-container {
89
+ overflow: hidden; }
90
+ .premium-blog-post-container .premium-blog-inner-container {
91
+ -js-display: flex;
92
+ display: -webkit-box;
93
+ display: -webkit-flex;
94
+ display: -moz-box;
95
+ display: -ms-flexbox;
96
+ display: flex;
97
+ -webkit-box-orient: vertical;
98
+ -webkit-box-direction: normal;
99
+ -webkit-flex-direction: column;
100
+ -moz-box-orient: vertical;
101
+ -moz-box-direction: normal;
102
+ -ms-flex-direction: column;
103
+ flex-direction: column; }
104
+ .premium-blog-post-container .premium-blog-post-content {
105
+ line-height: 1.5em;
106
+ color: #777;
107
+ font-size: 14px;
108
+ margin-bottom: 10px; }
109
+ .premium-blog-post-container ul.post-categories a:hover, .premium-blog-post-container ul.post-categories a:focus,
110
+ .premium-blog-post-container .premium-blog-post-link:hover,
111
+ .premium-blog-post-container .premium-blog-post-link:focus {
112
+ -webkit-box-shadow: none !important;
113
+ box-shadow: none !important;
114
+ outline: none !important; }
115
+ .premium-blog-post-container .premium-blog-entry-title {
116
+ font-size: 18px;
117
+ margin-bottom: 5px; }
118
+ .premium-blog-post-container.premium-blog-skin-modern .premium-blog-content-wrapper {
119
+ position: relative;
120
+ z-index: 3;
121
+ top: -50px; }
122
+ .premium-blog-post-container .premium-blog-content-wrapper {
123
+ background-color: #f5f5f5;
124
+ padding: 30px; }
125
+ .premium-blog-post-container .premium-blog-content-wrapper.empty-thumb {
126
+ top: 0; }
127
+ .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 {
128
+ position: absolute;
129
+ content: "";
130
+ z-index: 1;
131
+ top: 50%;
132
+ left: 50%;
133
+ opacity: 0;
134
+ -webkit-transform: translate(-50%, -50%);
135
+ -ms-transform: translate(-50%, -50%);
136
+ transform: translate(-50%, -50%);
137
+ -webkit-transition: all 0.4s linear 0s;
138
+ transition: all 0.4s linear 0s;
139
+ height: 1px;
140
+ width: 100%;
141
+ background-color: #fff; }
142
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before {
143
+ width: 1px;
144
+ height: 100%; }
145
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner):hover .premium-blog-thumbnail-container:after {
146
+ width: 20px;
147
+ opacity: 1; }
148
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner):hover .premium-blog-thumbnail-container:before {
149
+ height: 20px;
150
+ opacity: 1; }
151
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-content-wrapper {
152
+ margin: 0px 10px 20px;
153
+ clear: both; }
154
+ .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 {
155
+ position: absolute;
156
+ top: 0;
157
+ left: 0;
158
+ width: 100%;
159
+ height: 100%;
160
+ -webkit-transition: all 0.3s ease-in-out;
161
+ transition: all 0.3s ease-in-out;
162
+ opacity: 0; }
163
+ .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 {
164
+ -js-display: flex;
165
+ display: -webkit-box;
166
+ display: -webkit-flex;
167
+ display: -moz-box;
168
+ display: -ms-flexbox;
169
+ display: flex;
170
+ -webkit-box-pack: center;
171
+ -webkit-justify-content: center;
172
+ -moz-box-pack: center;
173
+ -ms-flex-pack: center;
174
+ justify-content: center;
175
+ -webkit-box-align: center;
176
+ -webkit-align-items: center;
177
+ -moz-box-align: center;
178
+ -ms-flex-align: center;
179
+ align-items: center;
180
+ width: 100%;
181
+ height: 100%; }
182
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay span,
183
+ .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,
184
+ .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,
185
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay i {
186
+ -webkit-transition: all 0.3s ease-in-out;
187
+ transition: all 0.3s ease-in-out; }
188
+ .premium-blog-post-container.premium-blog-skin-side {
189
+ -js-display: flex;
190
+ display: -webkit-box;
191
+ display: -webkit-flex;
192
+ display: -moz-box;
193
+ display: -ms-flexbox;
194
+ display: flex; }
195
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-container {
196
+ height: 100%; }
197
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-content-wrapper {
198
+ -webkit-box-flex: 1;
199
+ -webkit-flex: 1;
200
+ -moz-box-flex: 1;
201
+ -ms-flex: 1;
202
+ flex: 1; }
203
+ .premium-blog-post-container.premium-blog-skin-banner {
204
+ position: relative; }
205
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper {
206
+ position: absolute;
207
+ width: 100%;
208
+ bottom: -5px;
209
+ -js-display: flex;
210
+ display: -webkit-box;
211
+ display: -webkit-flex;
212
+ display: -moz-box;
213
+ display: -ms-flexbox;
214
+ display: flex;
215
+ -webkit-box-orient: vertical;
216
+ -webkit-box-direction: normal;
217
+ -webkit-flex-direction: column;
218
+ -moz-box-orient: vertical;
219
+ -moz-box-direction: normal;
220
+ -ms-flex-direction: column;
221
+ flex-direction: column;
222
+ background-color: transparent;
223
+ z-index: 3;
224
+ -webkit-transition: bottom 0.3s ease-in-out;
225
+ transition: bottom 0.3s ease-in-out; }
226
+ .premium-blog-post-container.premium-blog-skin-banner:hover .premium-blog-content-wrapper {
227
+ bottom: 0px; }
228
+ .premium-blog-post-container .premium-blog-cats-container ul.post-categories {
229
+ margin: 0;
230
+ padding: 0;
231
+ list-style: none;
232
+ -js-display: flex;
233
+ display: -webkit-box;
234
+ display: -webkit-flex;
235
+ display: -moz-box;
236
+ display: -ms-flexbox;
237
+ display: flex; }
238
+ .premium-blog-post-container .premium-blog-cats-container a {
239
+ display: block;
240
+ font-size: 12px;
241
+ color: #fff;
242
+ background-color: #777;
243
+ margin: 0 3px 10px 0;
244
+ padding: 5px;
245
+ -webkit-transition: all 0.3s ease-in-out;
246
+ transition: all 0.3s ease-in-out; }
247
+
248
+ /*
249
+ * Diagonal Effect
250
+ */
251
+ .premium-blog-diagonal-container {
252
+ position: absolute;
253
+ top: 0;
254
+ left: 0;
255
+ width: 100%;
256
+ height: 100%; }
257
+
258
+ .premium-blog-diagonal-effect:before {
259
+ position: absolute;
260
+ top: 0px;
261
+ left: 0px;
262
+ width: 100%;
263
+ height: 100%;
264
+ content: " ";
265
+ z-index: 1;
266
+ background: rgba(255, 255, 255, 0.2);
267
+ -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
268
+ transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
269
+ -webkit-transition: all 0.3s linear 0s;
270
+ transition: all 0.3s linear 0s; }
271
+
272
+ .premium-blog-post-outer-container:hover .premium-blog-diagonal-effect:before {
273
+ -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
274
+ transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); }
275
+
276
+ /*
277
+ * Framed Effect
278
+ */
279
+ .premium-blog-framed-effect {
280
+ position: absolute;
281
+ width: -webkit-calc(100% - 30px);
282
+ width: calc(100% - 30px);
283
+ height: -webkit-calc(100% - 30px);
284
+ height: calc(100% - 30px);
285
+ top: 15px;
286
+ left: 15px;
287
+ opacity: 0;
288
+ -webkit-transform: scale(0.3);
289
+ -ms-transform: scale(0.3);
290
+ transform: scale(0.3);
291
+ -webkit-transition: all 0.3s linear 0s;
292
+ transition: all 0.3s linear 0s; }
293
+
294
+ .premium-blog-post-outer-container:hover .premium-blog-framed-effect {
295
+ opacity: 0.99;
296
+ -webkit-transform: scale(1);
297
+ -ms-transform: scale(1);
298
+ transform: scale(1); }
299
+
300
+ /*
301
+ * Bordered Effect
302
+ */
303
+ .premium-blog-bordered-effect {
304
+ position: absolute;
305
+ top: 0;
306
+ left: 0;
307
+ width: 100%;
308
+ height: 100%;
309
+ opacity: 0;
310
+ padding: 15px;
311
+ -webkit-transition: all 0.3s linear 0s;
312
+ transition: all 0.3s linear 0s; }
313
+ .premium-blog-bordered-effect .premium-blog-post-link:before, .premium-blog-bordered-effect .premium-blog-post-link:after {
314
+ content: "";
315
+ display: block;
316
+ position: absolute;
317
+ top: 0;
318
+ left: 0;
319
+ width: 100%;
320
+ height: 100%;
321
+ -webkit-transition: all 0.5s linear 0s;
322
+ transition: all 0.5s linear 0s;
323
+ -webkit-transition-delay: 0s;
324
+ transition-delay: 0s;
325
+ border-color: rgba(255, 255, 255, 0.45); }
326
+ .premium-blog-bordered-effect .premium-blog-post-link:before {
327
+ border-right: 2px solid;
328
+ border-left: 2px solid;
329
+ -webkit-transform: scale(1, 0);
330
+ -ms-transform: scale(1, 0);
331
+ transform: scale(1, 0);
332
+ -webkit-transform-origin: 100% 0;
333
+ -ms-transform-origin: 100% 0;
334
+ transform-origin: 100% 0; }
335
+ .premium-blog-bordered-effect .premium-blog-post-link:after {
336
+ border-top: 2px solid;
337
+ border-bottom: 2px solid;
338
+ -webkit-transform: scale(0, 1);
339
+ -ms-transform: scale(0, 1);
340
+ transform: scale(0, 1);
341
+ -webkit-transform-origin: 0 0;
342
+ -ms-transform-origin: 0 0;
343
+ transform-origin: 0 0; }
344
+
345
+ .premium-blog-bordered-effect:hover {
346
+ opacity: 0.99; }
347
+ .premium-blog-bordered-effect:hover .premium-blog-post-link:before, .premium-blog-bordered-effect:hover .premium-blog-post-link:after {
348
+ -webkit-transition-delay: 0.15s;
349
+ transition-delay: 0.15s;
350
+ opacity: 1;
351
+ -webkit-transform: scale(1);
352
+ -ms-transform: scale(1);
353
+ transform: scale(1); }
354
+
355
+ /*
356
+ * Squares Effect
357
+ */
358
+ .premium-blog-squares-effect,
359
+ .premium-blog-squares-square-container {
360
+ position: absolute;
361
+ top: 0;
362
+ left: 0;
363
+ width: 100%;
364
+ height: 100%; }
365
+
366
+ .premium-blog-squares-effect:before, .premium-blog-squares-effect:after {
367
+ position: absolute;
368
+ content: "";
369
+ top: 0;
370
+ left: 0;
371
+ width: 50%;
372
+ height: 50%;
373
+ -webkit-transform: translate(-100%, -100%);
374
+ -ms-transform: translate(-100%, -100%);
375
+ transform: translate(-100%, -100%);
376
+ opacity: 0.7;
377
+ -webkit-transition: all 0.3s linear 0s;
378
+ transition: all 0.3s linear 0s; }
379
+
380
+ .premium-blog-squares-square-container:before, .premium-blog-squares-square-container:after {
381
+ position: absolute;
382
+ content: "";
383
+ top: 0;
384
+ left: 0;
385
+ width: 50%;
386
+ height: 50%;
387
+ -webkit-transform: translate(-100%, -100%);
388
+ -ms-transform: translate(-100%, -100%);
389
+ transform: translate(-100%, -100%);
390
+ opacity: 0.7;
391
+ -webkit-transition: all 0.3s linear 0s;
392
+ transition: all 0.3s linear 0s; }
393
+
394
+ .premium-blog-squares-square-container:before, .premium-blog-squares-square-container:after {
395
+ opacity: 0.8; }
396
+
397
+ .premium-blog-squares-effect:after {
398
+ -webkit-transform: translate(200%, 200%);
399
+ -ms-transform: translate(200%, 200%);
400
+ transform: translate(200%, 200%); }
401
+
402
+ .premium-blog-squares-square-container:before {
403
+ -webkit-transform: translate(-100%, 200%);
404
+ -ms-transform: translate(-100%, 200%);
405
+ transform: translate(-100%, 200%); }
406
+
407
+ .premium-blog-squares-square-container:after {
408
+ -webkit-transform: translate(200%, -100%);
409
+ -ms-transform: translate(200%, -100%);
410
+ transform: translate(200%, -100%); }
411
+
412
+ .premium-blog-squares-effect:hover:before {
413
+ -webkit-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
414
+ -ms-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
415
+ transform: translate(0, 0%) scaleY(1.003) scaleX(1.003); }
416
+
417
+ .premium-blog-squares-effect:hover:after {
418
+ -webkit-transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003);
419
+ -ms-transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003);
420
+ transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003); }
421
+
422
+ .premium-blog-squares-effect:hover .premium-blog-squares-square-container:before {
423
+ -webkit-transform: translate(0, 100%);
424
+ -ms-transform: translate(0, 100%);
425
+ transform: translate(0, 100%); }
426
+
427
+ .premium-blog-squares-effect:hover .premium-blog-squares-square-container:after {
428
+ -webkit-transform: translate(100%, 0%);
429
+ -ms-transform: translate(100%, 0%);
430
+ transform: translate(100%, 0%); }
431
+
432
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay {
433
+ opacity: 1; }
434
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay a {
435
+ opacity: 1;
436
+ -webkit-transform: scale(1);
437
+ -ms-transform: scale(1);
438
+ transform: scale(1); }
439
+
440
+ .premium-blog-clear-fix {
441
+ clear: both; }
442
+
443
+ .premium-blog-masked .premium-blog-thumbnail-container {
444
+ position: relative;
445
+ overflow: visible; }
446
+ .premium-blog-masked .premium-blog-thumbnail-container svg {
447
+ position: absolute;
448
+ height: 100px;
449
+ width: 100%;
450
+ bottom: -5px;
451
+ left: 0;
452
+ fill: #f5f5f5;
453
+ z-index: 99; }
454
+ .premium-blog-masked .premium-blog-thumbnail-container svg.premium-blog-shape-divider-svg {
455
+ -webkit-transform: rotate(180deg);
456
+ -ms-transform: rotate(180deg);
457
+ transform: rotate(180deg); }
458
+
459
+ .premium-blog-masked .premium-blog-author-thumbnail,
460
+ .premium-blog-masked .premium-blog-skin-banner .premium-blog-content-wrapper {
461
+ z-index: 999 !important; }
462
+
463
+ .premium-blog-format-link {
464
+ padding: 5px;
465
+ line-height: 0; }
466
+
467
+ .premium-blog-entry-meta {
468
+ line-height: 1.3em;
469
+ font-size: 12px;
470
+ margin-bottom: 13px;
471
+ color: #adadad; }
472
+ .premium-blog-entry-meta i {
473
+ margin-right: 3px;
474
+ -webkit-transition: all 0.3s ease-in-out;
475
+ transition: all 0.3s ease-in-out; }
476
+
477
+ .premium-blog-meta-data {
478
+ display: inline-block; }
479
+ .premium-blog-meta-data .premium-blog-meta-separator {
480
+ margin: 0 5px; }
481
+ .premium-blog-meta-data a,
482
+ .premium-blog-meta-data span {
483
+ color: inherit;
484
+ -webkit-transition: all 0.3s ease-in-out;
485
+ transition: all 0.3s ease-in-out; }
486
+
487
+ .premium-blog-author-thumbnail {
488
+ position: relative;
489
+ padding: 0 30px;
490
+ width: 100%;
491
+ top: -10px;
492
+ height: 0;
493
+ pointer-events: none; }
494
+ .premium-blog-author-thumbnail img {
495
+ -webkit-border-radius: 50%;
496
+ border-radius: 50%;
497
+ width: 60px;
498
+ pointer-events: all;
499
+ -webkit-transform: translateY(-50%);
500
+ -ms-transform: translateY(-50%);
501
+ transform: translateY(-50%); }
502
+
503
+ .premium-blog-entry-title a,
504
+ .premium-blog-post-tags-container a,
505
+ .premium-blog-post-content .premium-blog-excerpt-link {
506
+ -webkit-transition: all 0.3s ease-in-out;
507
+ transition: all 0.3s ease-in-out; }
508
+
509
+ .premium-blog-excerpt-link-wrap a.premium-blog-excerpt-link {
510
+ background-color: transparent;
511
+ color: #54595f;
512
+ padding: 0; }
513
+
514
+ .premium-blog-cta-full-yes .premium-blog-excerpt-link {
515
+ width: 100%; }
516
+
517
+ .premium-blog-post-tags-container {
518
+ margin-top: 8px;
519
+ -js-display: flex;
520
+ display: -webkit-box;
521
+ display: -webkit-flex;
522
+ display: -moz-box;
523
+ display: -ms-flexbox;
524
+ display: flex;
525
+ -webkit-box-align: center;
526
+ -webkit-align-items: center;
527
+ -moz-box-align: center;
528
+ -ms-flex-align: center;
529
+ align-items: center;
530
+ -webkit-flex-wrap: wrap;
531
+ -ms-flex-wrap: wrap;
532
+ flex-wrap: wrap; }
533
+ .premium-blog-post-tags-container a {
534
+ color: inherit;
535
+ margin-left: 5px; }
536
+
537
+ /*Tags align*/
538
+ .premium-blog-align-left .post-categories,
539
+ .premium-blog-align-left .premium-blog-post-tags-container {
540
+ -webkit-box-pack: start;
541
+ -webkit-justify-content: flex-start;
542
+ -moz-box-pack: start;
543
+ -ms-flex-pack: start;
544
+ justify-content: flex-start; }
545
+
546
+ .premium-blog-align-left .premium-blog-inner-container {
547
+ -webkit-box-align: start;
548
+ -webkit-align-items: flex-start;
549
+ -moz-box-align: start;
550
+ -ms-flex-align: start;
551
+ align-items: flex-start; }
552
+
553
+ .premium-blog-align-center .post-categories,
554
+ .premium-blog-align-center .premium-blog-post-tags-container {
555
+ -webkit-box-pack: center;
556
+ -webkit-justify-content: center;
557
+ -moz-box-pack: center;
558
+ -ms-flex-pack: center;
559
+ justify-content: center; }
560
+
561
+ .premium-blog-align-center .premium-blog-inner-container {
562
+ -webkit-box-align: center;
563
+ -webkit-align-items: center;
564
+ -moz-box-align: center;
565
+ -ms-flex-align: center;
566
+ align-items: center; }
567
+
568
+ .premium-blog-align-right .post-categories,
569
+ .premium-blog-align-right .premium-blog-post-tags-container {
570
+ -webkit-box-pack: end;
571
+ -webkit-justify-content: flex-end;
572
+ -moz-box-pack: end;
573
+ -ms-flex-pack: end;
574
+ justify-content: flex-end; }
575
+
576
+ .premium-blog-align-right .premium-blog-inner-container {
577
+ -webkit-box-align: end;
578
+ -webkit-align-items: flex-end;
579
+ -moz-box-align: end;
580
+ -ms-flex-align: end;
581
+ align-items: flex-end; }
582
+
583
+ /* Pagination */
584
+ .premium-blog-pagination-container {
585
+ text-align: right; }
586
+ .premium-blog-pagination-container span {
587
+ cursor: default; }
588
+ .premium-blog-pagination-container .page-numbers {
589
+ display: inline-block;
590
+ color: #000;
591
+ line-height: 1;
592
+ font-size: 1em;
593
+ font-weight: 400;
594
+ text-decoration: none;
595
+ padding: 0.75em;
596
+ margin: 0 0.4em 0.4em 0;
597
+ -webkit-transition: all 0.3s ease-in-out;
598
+ transition: all 0.3s ease-in-out; }
599
+
600
+ .premium-blog-wrap .premium-loading-feed {
601
+ display: block;
602
+ position: absolute;
603
+ width: 100%;
604
+ height: 100%;
605
+ top: 0px;
606
+ left: 0px;
607
+ bottom: 0px;
608
+ right: 0px;
609
+ background: rgba(255, 255, 255, 0.2);
610
+ -js-display: flex;
611
+ display: -webkit-box;
612
+ display: -webkit-flex;
613
+ display: -moz-box;
614
+ display: -ms-flexbox;
615
+ display: flex;
616
+ -webkit-box-align: center;
617
+ -webkit-align-items: center;
618
+ -moz-box-align: center;
619
+ -ms-flex-align: center;
620
+ align-items: center;
621
+ z-index: 99; }
622
+
623
+ .premium-blog-wrap {
624
+ -js-display: flex;
625
+ display: -webkit-box;
626
+ display: -webkit-flex;
627
+ display: -moz-box;
628
+ display: -ms-flexbox;
629
+ display: flex;
630
+ -webkit-flex-wrap: wrap;
631
+ -ms-flex-wrap: wrap;
632
+ flex-wrap: wrap; }
633
+ .premium-blog-wrap ul.slick-dots {
634
+ width: 100%; }
635
+
636
+ /*
637
+ * List Layout
638
+ */
639
+ .premium-blog-list .premium-blog-post-outer-container {
640
+ width: 100%; }
641
+
642
+ /**
643
+ * Even Layout
644
+ */
645
+ .premium-blog-even .premium-blog-post-container {
646
+ height: 100%; }
647
+
648
+ .premium-blog-even .slick-track {
649
+ -js-display: flex;
650
+ display: -webkit-box;
651
+ display: -webkit-flex;
652
+ display: -moz-box;
653
+ display: -ms-flexbox;
654
+ display: flex; }
655
+
656
+ .premium-blog-even .slick-slide {
657
+ height: inherit !important; }
658
+
659
+ .premium-blog-filter {
660
+ -js-display: flex;
661
+ display: -webkit-box;
662
+ display: -webkit-flex;
663
+ display: -moz-box;
664
+ display: -ms-flexbox;
665
+ display: flex;
666
+ -webkit-box-align: center;
667
+ -webkit-align-items: center;
668
+ -moz-box-align: center;
669
+ -ms-flex-align: center;
670
+ align-items: center;
671
+ -webkit-box-pack: center;
672
+ -webkit-justify-content: center;
673
+ -moz-box-pack: center;
674
+ -ms-flex-pack: center;
675
+ justify-content: center; }
676
+
677
+ .premium-blog-filter .premium-blog-filters-container li a.category {
678
+ outline: none;
679
+ text-decoration: none;
680
+ -webkit-border-radius: 75px;
681
+ border-radius: 75px;
682
+ margin: 15px 5px 20px;
683
+ padding: 7px 20px;
684
+ -webkit-transition: all 0.3s ease-in-out;
685
+ transition: all 0.3s ease-in-out; }
686
+
687
+ .premium-blog-filter ul.premium-blog-filters-container {
688
+ text-align: center;
689
+ margin: 0;
690
+ padding: 0; }
691
+
692
+ .premium-blog-filter .premium-blog-filters-container li {
693
+ list-style: none;
694
+ -js-display: inline-flex;
695
+ display: -webkit-inline-box;
696
+ display: -webkit-inline-flex;
697
+ display: -moz-inline-box;
698
+ display: -ms-inline-flexbox;
699
+ display: inline-flex; }
700
+
701
+ /**
702
+ * Responsive Style
703
+ */
704
+ @media (max-width: 768px) {
705
+ .premium-blog-content-wrapper {
706
+ top: 0;
707
+ margin: 0;
708
+ padding: 15px; }
709
+ .premium-blog-skin-side {
710
+ -webkit-box-orient: vertical;
711
+ -webkit-box-direction: normal;
712
+ -webkit-flex-direction: column;
713
+ -moz-box-orient: vertical;
714
+ -moz-box-direction: normal;
715
+ -ms-flex-direction: column;
716
+ flex-direction: column; } }
assets/frontend/css/premium-carousel-widget-rtl.css CHANGED
@@ -1,5 +1,10 @@
1
  /**************** Premium Carousel **************/
2
  /************************************************/
 
 
 
 
 
3
  .premium-carousel-wrapper a.carousel-arrow,
4
  .premium-carousel-wrapper a.ver-carousel-arrow {
5
  -js-display: flex;
1
  /**************** Premium Carousel **************/
2
  /************************************************/
3
+ .premium-carousel-hidden {
4
+ opacity: 0;
5
+ visibility: hidden;
6
+ }
7
+
8
  .premium-carousel-wrapper a.carousel-arrow,
9
  .premium-carousel-wrapper a.ver-carousel-arrow {
10
  -js-display: flex;
assets/frontend/css/premium-carousel-widget.css CHANGED
@@ -1,152 +1,156 @@
1
- /**************** Premium Carousel ****************/
2
- /**************************************************/
3
- .premium-carousel-wrapper a.carousel-arrow, .premium-carousel-wrapper a.ver-carousel-arrow {
4
- -js-display: flex;
5
- display: -webkit-box;
6
- display: -webkit-flex;
7
- display: -moz-box;
8
- display: -ms-flexbox;
9
- display: flex;
10
- -webkit-box-align: center;
11
- -webkit-align-items: center;
12
- -moz-box-align: center;
13
- -ms-flex-align: center;
14
- align-items: center;
15
- -webkit-box-pack: center;
16
- -webkit-justify-content: center;
17
- -moz-box-pack: center;
18
- -ms-flex-pack: center;
19
- justify-content: center;
20
- width: 2em;
21
- height: 2em;
22
- line-height: 0;
23
- text-align: center;
24
- position: absolute;
25
- z-index: 99;
26
- cursor: pointer;
27
- -webkit-transition: all 0.3s ease-in-out;
28
- transition: all 0.3s ease-in-out;
29
- -webkit-appearance: inherit;
30
- border: none;
31
- -webkit-box-shadow: none;
32
- box-shadow: none; }
33
- .premium-carousel-wrapper a.carousel-arrow svg, .premium-carousel-wrapper a.ver-carousel-arrow svg {
34
- -webkit-transition: all 0.3s ease-in-out;
35
- transition: all 0.3s ease-in-out; }
36
-
37
- .ver-carousel-arrow.carousel-next i {
38
- margin-bottom: -3px; }
39
-
40
- .premium-carousel-wrapper a.slick-arrow:hover {
41
- -webkit-box-shadow: none !important;
42
- box-shadow: none !important; }
43
-
44
- .premium-carousel-wrapper .premium-carousel-content-hidden {
45
- visibility: hidden; }
46
-
47
- .premium-carousel-wrapper a.carousel-arrow {
48
- top: 50%; }
49
-
50
- .premium-carousel-wrapper a.ver-carousel-arrow {
51
- left: 50%;
52
- -webkit-transform: translateX(-50%);
53
- -ms-transform: translateX(-50%);
54
- transform: translateX(-50%); }
55
-
56
- .premium-carousel-dots-above ul.slick-dots {
57
- position: absolute;
58
- -js-display: flex;
59
- display: -webkit-box;
60
- display: -webkit-flex;
61
- display: -moz-box;
62
- display: -ms-flexbox;
63
- display: flex;
64
- width: auto;
65
- top: 50%;
66
- bottom: auto;
67
- -webkit-transform: translateY(-50%);
68
- -ms-transform: translateY(-50%);
69
- transform: translateY(-50%);
70
- -webkit-box-orient: vertical;
71
- -webkit-box-direction: normal;
72
- -webkit-flex-direction: column;
73
- -moz-box-orient: vertical;
74
- -moz-box-direction: normal;
75
- -ms-flex-direction: column;
76
- flex-direction: column; }
77
-
78
- /*
79
- * Custom Navigation Dot
80
- */
81
- .premium-carousel-wrapper .premium-carousel-nav-dot,
82
- .premium-carousel-wrapper .premium-carousel-nav-arrow-prev,
83
- .premium-carousel-wrapper .premium-carousel-nav-arrow-next {
84
- display: none; }
85
-
86
- .premium-carousel-wrapper ul.slick-dots svg {
87
- width: 20px;
88
- height: 20px;
89
- outline: none !important; }
90
-
91
- /* Ripple Out */
92
- @-webkit-keyframes hvr-ripple-out {
93
- 0% {
94
- -webkit-transform: scale(1);
95
- transform: scale(1);
96
- opacity: 1; }
97
- 100% {
98
- -webkit-transform: scale(1.5);
99
- transform: scale(1.5);
100
- opacity: 0; } }
101
- @keyframes hvr-ripple-out {
102
- 0% {
103
- -webkit-transform: scale(1);
104
- transform: scale(1);
105
- opacity: 1; }
106
- 100% {
107
- -webkit-transform: scale(1.5);
108
- transform: scale(1.5);
109
- opacity: 0; } }
110
-
111
- .premium-carousel-ripple-yes .premium-carousel-wrapper {
112
- padding-bottom: 1px; }
113
-
114
- .premium-carousel-ripple-yes ul.slick-dots li {
115
- position: relative; }
116
- .premium-carousel-ripple-yes ul.slick-dots li i {
117
- position: relative;
118
- z-index: 1; }
119
- .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
120
- content: "";
121
- position: absolute;
122
- -webkit-transform: scale(1);
123
- -ms-transform: scale(1);
124
- transform: scale(1);
125
- top: 0;
126
- right: 0;
127
- bottom: 0;
128
- left: 0;
129
- -webkit-border-radius: 50%;
130
- border-radius: 50%;
131
- pointer-events: none;
132
- background-color: rgba(0, 0, 0, 0.15); }
133
- .premium-carousel-ripple-yes ul.slick-dots li.slick-active:hover:before {
134
- background-color: rgba(0, 0, 0, 0.3); }
135
- .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
136
- -webkit-animation: hvr-ripple-out 1.3s infinite;
137
- animation: hvr-ripple-out 1.3s infinite; }
138
-
139
- .premium-carousel-wrapper.premium-carousel-scale .slick-slide {
140
- -webkit-transform: scale(1.25, 1.25);
141
- -ms-transform: scale(1.25, 1.25);
142
- transform: scale(1.25, 1.25);
143
- -webkit-transition: all 0.3s ease-in-out;
144
- transition: all 0.3s ease-in-out; }
145
-
146
- .premium-carousel-wrapper.premium-carousel-scale div.slick-active {
147
- -webkit-transform: scale(1, 1);
148
- -ms-transform: scale(1, 1);
149
- transform: scale(1, 1); }
150
-
151
- [dir="rtl"] .premium-carousel-inner .slick-slide {
152
- float: right; }
 
 
 
 
1
+ /**************** Premium Carousel ****************/
2
+ /**************************************************/
3
+ .premium-carousel-hidden {
4
+ opacity: 0;
5
+ visibility: hidden; }
6
+
7
+ .premium-carousel-wrapper a.carousel-arrow, .premium-carousel-wrapper a.ver-carousel-arrow {
8
+ -js-display: flex;
9
+ display: -webkit-box;
10
+ display: -webkit-flex;
11
+ display: -moz-box;
12
+ display: -ms-flexbox;
13
+ display: flex;
14
+ -webkit-box-align: center;
15
+ -webkit-align-items: center;
16
+ -moz-box-align: center;
17
+ -ms-flex-align: center;
18
+ align-items: center;
19
+ -webkit-box-pack: center;
20
+ -webkit-justify-content: center;
21
+ -moz-box-pack: center;
22
+ -ms-flex-pack: center;
23
+ justify-content: center;
24
+ width: 2em;
25
+ height: 2em;
26
+ line-height: 0;
27
+ text-align: center;
28
+ position: absolute;
29
+ z-index: 99;
30
+ cursor: pointer;
31
+ -webkit-transition: all 0.3s ease-in-out;
32
+ transition: all 0.3s ease-in-out;
33
+ -webkit-appearance: inherit;
34
+ border: none;
35
+ -webkit-box-shadow: none;
36
+ box-shadow: none; }
37
+ .premium-carousel-wrapper a.carousel-arrow svg, .premium-carousel-wrapper a.ver-carousel-arrow svg {
38
+ -webkit-transition: all 0.3s ease-in-out;
39
+ transition: all 0.3s ease-in-out; }
40
+
41
+ .ver-carousel-arrow.carousel-next i {
42
+ margin-bottom: -3px; }
43
+
44
+ .premium-carousel-wrapper a.slick-arrow:hover {
45
+ -webkit-box-shadow: none !important;
46
+ box-shadow: none !important; }
47
+
48
+ .premium-carousel-wrapper .premium-carousel-content-hidden {
49
+ visibility: hidden; }
50
+
51
+ .premium-carousel-wrapper a.carousel-arrow {
52
+ top: 50%; }
53
+
54
+ .premium-carousel-wrapper a.ver-carousel-arrow {
55
+ left: 50%;
56
+ -webkit-transform: translateX(-50%);
57
+ -ms-transform: translateX(-50%);
58
+ transform: translateX(-50%); }
59
+
60
+ .premium-carousel-dots-above ul.slick-dots {
61
+ position: absolute;
62
+ -js-display: flex;
63
+ display: -webkit-box;
64
+ display: -webkit-flex;
65
+ display: -moz-box;
66
+ display: -ms-flexbox;
67
+ display: flex;
68
+ width: auto;
69
+ top: 50%;
70
+ bottom: auto;
71
+ -webkit-transform: translateY(-50%);
72
+ -ms-transform: translateY(-50%);
73
+ transform: translateY(-50%);
74
+ -webkit-box-orient: vertical;
75
+ -webkit-box-direction: normal;
76
+ -webkit-flex-direction: column;
77
+ -moz-box-orient: vertical;
78
+ -moz-box-direction: normal;
79
+ -ms-flex-direction: column;
80
+ flex-direction: column; }
81
+
82
+ /*
83
+ * Custom Navigation Dot
84
+ */
85
+ .premium-carousel-wrapper .premium-carousel-nav-dot,
86
+ .premium-carousel-wrapper .premium-carousel-nav-arrow-prev,
87
+ .premium-carousel-wrapper .premium-carousel-nav-arrow-next {
88
+ display: none; }
89
+
90
+ .premium-carousel-wrapper ul.slick-dots svg {
91
+ width: 20px;
92
+ height: 20px;
93
+ outline: none !important; }
94
+
95
+ /* Ripple Out */
96
+ @-webkit-keyframes hvr-ripple-out {
97
+ 0% {
98
+ -webkit-transform: scale(1);
99
+ transform: scale(1);
100
+ opacity: 1; }
101
+ 100% {
102
+ -webkit-transform: scale(1.5);
103
+ transform: scale(1.5);
104
+ opacity: 0; } }
105
+ @keyframes hvr-ripple-out {
106
+ 0% {
107
+ -webkit-transform: scale(1);
108
+ transform: scale(1);
109
+ opacity: 1; }
110
+ 100% {
111
+ -webkit-transform: scale(1.5);
112
+ transform: scale(1.5);
113
+ opacity: 0; } }
114
+
115
+ .premium-carousel-ripple-yes .premium-carousel-wrapper {
116
+ padding-bottom: 1px; }
117
+
118
+ .premium-carousel-ripple-yes ul.slick-dots li {
119
+ position: relative; }
120
+ .premium-carousel-ripple-yes ul.slick-dots li i {
121
+ position: relative;
122
+ z-index: 1; }
123
+ .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
124
+ content: "";
125
+ position: absolute;
126
+ -webkit-transform: scale(1);
127
+ -ms-transform: scale(1);
128
+ transform: scale(1);
129
+ top: 0;
130
+ right: 0;
131
+ bottom: 0;
132
+ left: 0;
133
+ -webkit-border-radius: 50%;
134
+ border-radius: 50%;
135
+ pointer-events: none;
136
+ background-color: rgba(0, 0, 0, 0.15); }
137
+ .premium-carousel-ripple-yes ul.slick-dots li.slick-active:hover:before {
138
+ background-color: rgba(0, 0, 0, 0.3); }
139
+ .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
140
+ -webkit-animation: hvr-ripple-out 1.3s infinite;
141
+ animation: hvr-ripple-out 1.3s infinite; }
142
+
143
+ .premium-carousel-wrapper.premium-carousel-scale .slick-slide {
144
+ -webkit-transform: scale(1.25, 1.25);
145
+ -ms-transform: scale(1.25, 1.25);
146
+ transform: scale(1.25, 1.25);
147
+ -webkit-transition: all 0.3s ease-in-out;
148
+ transition: all 0.3s ease-in-out; }
149
+
150
+ .premium-carousel-wrapper.premium-carousel-scale div.slick-active {
151
+ -webkit-transform: scale(1, 1);
152
+ -ms-transform: scale(1, 1);
153
+ transform: scale(1, 1); }
154
+
155
+ [dir="rtl"] .premium-carousel-inner .slick-slide {
156
+ float: right; }
assets/frontend/css/premium-person-rtl.css CHANGED
@@ -1,498 +1,498 @@
1
- /************ Premium Team Members ************/
2
- /*********************************************/
3
- .premium-person-container {
4
- position: relative;
5
- }
6
-
7
- .premium-person-image-container {
8
- position: relative;
9
- text-align: center;
10
- overflow: hidden;
11
- }
12
-
13
- .premium-person-image-container .premium-person-image-wrap {
14
- overflow: hidden;
15
- }
16
-
17
- .premium-person-zoomout-effect .premium-person-image-container img,
18
- .premium-person-scale-effect .premium-person-image-container img {
19
- -webkit-transform: scale(1.2);
20
- -ms-transform: scale(1.2);
21
- transform: scale(1.2);
22
- }
23
-
24
- .premium-person-sepia-effect .premium-person-image-container img {
25
- -webkit-filter: sepia(30%);
26
- filter: sepia(30%);
27
- }
28
-
29
- .premium-person-bright-effect .premium-person-image-container img {
30
- -webkit-filter: brightness(1);
31
- filter: brightness(1);
32
- }
33
-
34
- .premium-person-trans-effect .premium-person-image-container img {
35
- -webkit-transform: translateX(15px) scale(1.1);
36
- -ms-transform: translateX(15px) scale(1.1);
37
- transform: translateX(15px) scale(1.1);
38
- }
39
-
40
- .premium-person-zoomin-effect:hover .premium-person-image-container img {
41
- -webkit-transform: scale(1.2);
42
- -ms-transform: scale(1.2);
43
- transform: scale(1.2);
44
- }
45
-
46
- .premium-person-zoomout-effect:hover .premium-person-image-container img {
47
- -webkit-transform: scale(1.1);
48
- -ms-transform: scale(1.1);
49
- transform: scale(1.1);
50
- }
51
-
52
- .premium-person-scale-effect:hover .premium-person-image-container img {
53
- -webkit-transform: scale(1.3) rotate(-5deg);
54
- -ms-transform: scale(1.3) rotate(-5deg);
55
- transform: scale(1.3) rotate(-5deg);
56
- }
57
-
58
- .premium-person-grayscale-effect:hover .premium-person-image-container img {
59
- -webkit-filter: grayscale(100%);
60
- filter: grayscale(100%);
61
- }
62
-
63
- .premium-person-blur-effect:hover .premium-person-image-container img {
64
- -webkit-filter: blur(3px);
65
- filter: blur(3px);
66
- }
67
-
68
- .premium-person-sepia-effect:hover .premium-person-image-container img {
69
- -webkit-filter: sepia(0%);
70
- filter: sepia(0%);
71
- }
72
-
73
- .premium-person-bright-effect:hover .premium-person-image-container img {
74
- -webkit-filter: brightness(1.2);
75
- filter: brightness(1.2);
76
- }
77
-
78
- .premium-person-trans-effect:hover .premium-person-image-container img {
79
- -webkit-transform: translateX(0px) scale(1.1);
80
- -ms-transform: translateX(0px) scale(1.1);
81
- transform: translateX(0px) scale(1.1);
82
- }
83
-
84
- .premium-person-container .premium-person-image-container img {
85
- width: 100%;
86
- height: 100%;
87
- display: block;
88
- -o-object-fit: cover;
89
- object-fit: cover;
90
- -webkit-transition: all 0.5s ease-in-out;
91
- transition: all 0.5s ease-in-out;
92
- }
93
-
94
- .premium-person-style2 .premium-person-social {
95
- position: absolute;
96
- top: 0;
97
- right: 0;
98
- width: 100%;
99
- height: 100%;
100
- z-index: 2;
101
- -js-display: flex;
102
- display: -webkit-box;
103
- display: -webkit-flex;
104
- display: -moz-box;
105
- display: -ms-flexbox;
106
- display: flex;
107
- -webkit-box-pack: center;
108
- -webkit-justify-content: center;
109
- -moz-box-pack: center;
110
- -ms-flex-pack: center;
111
- justify-content: center;
112
- -webkit-box-align: center;
113
- -webkit-align-items: center;
114
- -moz-box-align: center;
115
- -ms-flex-align: center;
116
- align-items: center;
117
- -webkit-box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
118
- box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
119
- -webkit-transition: all 0.5s linear 0s;
120
- transition: all 0.5s linear 0s;
121
- opacity: 0;
122
- }
123
-
124
- .premium-person-style2 .premium-person-image-container:hover .premium-person-social {
125
- opacity: 1;
126
- }
127
-
128
- .premium-person-list-item a {
129
- display: inline-block;
130
- }
131
-
132
- .premium-person-style2 .premium-person-list-item a {
133
- opacity: 0;
134
- -webkit-transform: scale(0);
135
- -ms-transform: scale(0);
136
- transform: scale(0);
137
- -webkit-transition: all 0.5s ease-in-out 0s;
138
- transition: all 0.5s ease-in-out 0s;
139
- }
140
-
141
- .premium-person-style2 .premium-person-image-container:hover .premium-person-list-item a {
142
- opacity: 1;
143
- -webkit-transform: scale(1);
144
- -ms-transform: scale(1);
145
- transform: scale(1);
146
- }
147
-
148
- .premium-person-info-container {
149
- padding: 30px 15px;
150
- }
151
-
152
- .premium-person-name {
153
- margin: 0 0 5px;
154
- font-weight: 700;
155
- }
156
-
157
- .premium-person-title {
158
- margin: 0 0 20px;
159
- padding: 0;
160
- }
161
-
162
- .premium-person-content {
163
- margin: 0 0 30px;
164
- }
165
-
166
- /*Override Theme List Margin*/
167
- ul.premium-person-social-list {
168
- margin: 0px !important;
169
- padding: 0;
170
- }
171
-
172
- .premium-person-social-list .premium-person-list-item {
173
- display: inline;
174
- list-style: none;
175
- }
176
-
177
- .premium-person-social-list li {
178
- position: relative;
179
- bottom: 0px;
180
- -webkit-transition: all 0.2s ease-in-out;
181
- transition: all 0.2s ease-in-out;
182
- }
183
-
184
- .premium-person-social-list li i {
185
- position: relative;
186
- bottom: 0px;
187
- -webkit-transition: all 0.2s ease-in-out;
188
- transition: all 0.2s ease-in-out;
189
- }
190
-
191
- .premium-person-defaults-yes li.premium-person-facebook:hover a {
192
- background-color: #3b5998 !important;
193
- }
194
-
195
- .premium-person-defaults-yes li.premium-person-twitter:hover a {
196
- background-color: #55acee !important;
197
- }
198
-
199
- .premium-person-defaults-yes li.premium-person-linkedin:hover a {
200
- background-color: #0077b5 !important;
201
- }
202
-
203
- .premium-person-defaults-yes li.premium-person-google:hover a {
204
- background-color: #dc4e41 !important;
205
- }
206
-
207
- .premium-person-defaults-yes li.premium-person-youtube:hover a {
208
- background-color: #b31217 !important;
209
- }
210
-
211
- .premium-person-defaults-yes li.premium-person-instagram:hover a {
212
- background-color: #e4405f !important;
213
- }
214
-
215
- .premium-person-defaults-yes li.premium-person-skype:hover a {
216
- background-color: #00aff0 !important;
217
- }
218
-
219
- .premium-person-defaults-yes li.premium-person-pinterest:hover a {
220
- background-color: #bd081c !important;
221
- }
222
-
223
- .premium-person-defaults-yes li.premium-person-dribbble:hover a {
224
- background-color: #ea4c89 !important;
225
- }
226
-
227
- .premium-person-defaults-yes li.premium-person-mail:hover a {
228
- background-color: #b23121 !important;
229
- }
230
-
231
- .premium-person-defaults-yes li.premium-person-behance:hover a {
232
- background-color: #1769ff !important;
233
- }
234
-
235
- .premium-person-defaults-yes li.premium-person-whatsapp:hover a {
236
- background-color: #25d366 !important;
237
- }
238
-
239
- .premium-person-defaults-yes li.premium-person-telegram:hover a {
240
- background-color: #0088cc !important;
241
- }
242
-
243
- .premium-person-defaults-yes li.premium-person-site:hover a {
244
- background-color: #0055a5 !important;
245
- }
246
-
247
- .premium-person-social-list li:hover a {
248
- -webkit-box-shadow: none;
249
- box-shadow: none;
250
- }
251
-
252
- .premium-person-social-list li a:focus {
253
- -webkit-box-shadow: none;
254
- box-shadow: none;
255
- outline: none;
256
- }
257
-
258
- .premium-person-social-list li i {
259
- font-size: 18px;
260
- }
261
-
262
- .elementor-widget-premium-addon-person .elementor-widget-container {
263
- -js-display: flex;
264
- display: -webkit-box;
265
- display: -webkit-flex;
266
- display: -moz-box;
267
- display: -ms-flexbox;
268
- display: flex;
269
- -webkit-box-pack: center;
270
- -webkit-justify-content: center;
271
- -moz-box-pack: center;
272
- -ms-flex-pack: center;
273
- justify-content: center;
274
- }
275
-
276
- .premium-persons-container.multiple-persons {
277
- -js-display: flex;
278
- display: -webkit-box;
279
- display: -webkit-flex;
280
- display: -moz-box;
281
- display: -ms-flexbox;
282
- display: flex;
283
- -webkit-flex-wrap: wrap;
284
- -ms-flex-wrap: wrap;
285
- flex-wrap: wrap;
286
- width: 100%;
287
- }
288
-
289
- .premium-person-style1 .premium-person-container {
290
- overflow: hidden;
291
- }
292
-
293
- .premium-person-style1 .premium-person-container .premium-person-info {
294
- position: absolute;
295
- top: auto;
296
- left: 0;
297
- right: 0;
298
- -webkit-transition: all 500ms ease 0s;
299
- transition: all 500ms ease 0s;
300
- -webkit-transform: translate3d(0, 100%, 0);
301
- transform: translate3d(0, 100%, 0);
302
- }
303
-
304
- .premium-person-style1 .premium-person-container:hover .premium-person-info {
305
- -webkit-transform: translate3d(0, 0, 0);
306
- transform: translate3d(0, 0, 0);
307
- bottom: -1px !important;
308
- }
309
-
310
- .premium-person-style1 .premium-person-social-list li:hover {
311
- bottom: 5px;
312
- }
313
-
314
- .premium-person-style1.multiple-persons:not([data-persons-equal="yes"]) {
315
- -webkit-box-align: start;
316
- -webkit-align-items: flex-start;
317
- -moz-box-align: start;
318
- -ms-flex-align: start;
319
- align-items: flex-start;
320
- }
321
-
322
- .premium-person-style1 .slick-track {
323
- -js-display: flex;
324
- display: -webkit-box;
325
- display: -webkit-flex;
326
- display: -moz-box;
327
- display: -ms-flexbox;
328
- display: flex;
329
- }
330
-
331
- .premium-person-style1 .slick-slide {
332
- height: inherit !important;
333
- }
334
-
335
- /* .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-container,
336
- .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-wrap {
337
- height: 100%;
338
- } */
339
-
340
- .premium-person-style3 .premium-person-info-container {
341
- position: absolute;
342
- top: 0;
343
- right: 0;
344
- width: 100%;
345
- height: 100%;
346
- -js-display: flex;
347
- display: -webkit-box;
348
- display: -webkit-flex;
349
- display: -moz-box;
350
- display: -ms-flexbox;
351
- display: flex;
352
- -webkit-box-orient: vertical;
353
- -webkit-box-direction: normal;
354
- -webkit-flex-direction: column;
355
- -moz-box-orient: vertical;
356
- -moz-box-direction: normal;
357
- -ms-flex-direction: column;
358
- flex-direction: column;
359
- -webkit-box-pack: justify;
360
- -webkit-justify-content: space-between;
361
- -moz-box-pack: justify;
362
- -ms-flex-pack: justify;
363
- justify-content: space-between;
364
- }
365
-
366
- .premium-person-style3 .premium-person-title-desc-wrap {
367
- -js-display: flex;
368
- display: -webkit-box;
369
- display: -webkit-flex;
370
- display: -moz-box;
371
- display: -ms-flexbox;
372
- display: flex;
373
- -webkit-box-orient: horizontal;
374
- -webkit-box-direction: reverse;
375
- -webkit-flex-direction: row-reverse;
376
- -moz-box-orient: horizontal;
377
- -moz-box-direction: reverse;
378
- -ms-flex-direction: row-reverse;
379
- flex-direction: row-reverse;
380
- -webkit-box-pack: justify;
381
- -webkit-justify-content: space-between;
382
- -moz-box-pack: justify;
383
- -ms-flex-pack: justify;
384
- justify-content: space-between;
385
- -webkit-box-align: start;
386
- -webkit-align-items: flex-start;
387
- -moz-box-align: start;
388
- -ms-flex-align: start;
389
- align-items: flex-start;
390
- }
391
-
392
- .premium-person-style3 .premium-person-name-icons-wrap {
393
- -js-display: flex;
394
- display: -webkit-box;
395
- display: -webkit-flex;
396
- display: -moz-box;
397
- display: -ms-flexbox;
398
- display: flex;
399
- -webkit-box-pack: justify;
400
- -webkit-justify-content: space-between;
401
- -moz-box-pack: justify;
402
- -ms-flex-pack: justify;
403
- justify-content: space-between;
404
- -webkit-box-align: end;
405
- -webkit-align-items: flex-end;
406
- -moz-box-align: end;
407
- -ms-flex-align: end;
408
- align-items: flex-end;
409
- }
410
-
411
- .premium-person-style3 .premium-person-title {
412
- opacity: 0;
413
- -webkit-transition: all 0.3s ease;
414
- transition: all 0.3s ease;
415
- width: 0;
416
- }
417
-
418
- .premium-person-style3 .premium-person-title span {
419
- display: inline-block;
420
- }
421
-
422
- .premium-person-style3 .premium-person-name {
423
- padding-right: 10px;
424
- }
425
-
426
- .premium-person-style3 .premium-person-social-list {
427
- -js-display: flex;
428
- display: -webkit-box;
429
- display: -webkit-flex;
430
- display: -moz-box;
431
- display: -ms-flexbox;
432
- display: flex;
433
- -webkit-box-orient: vertical;
434
- -webkit-box-direction: normal;
435
- -webkit-flex-direction: column;
436
- -moz-box-orient: vertical;
437
- -moz-box-direction: normal;
438
- -ms-flex-direction: column;
439
- flex-direction: column;
440
- -webkit-transform: translateY(20px);
441
- -ms-transform: translateY(20px);
442
- transform: translateY(20px);
443
- opacity: 0;
444
- -webkit-transition: all 0.3s ease;
445
- transition: all 0.3s ease;
446
- }
447
-
448
- .premium-person-style3 .premium-person-list-item {
449
- line-height: 0;
450
- }
451
-
452
- .premium-person-style3 .premium-person-list-item a {
453
- padding: 5px 0 0 10px;
454
- margin: 5px 0;
455
- }
456
-
457
- .premium-person-style3 .premium-person-container:hover .premium-person-title {
458
- opacity: 1;
459
- }
460
-
461
- .premium-person-style3 .premium-person-container:hover .premium-person-social-list {
462
- opacity: 1;
463
- -webkit-transform: translateY(0);
464
- -ms-transform: translateY(0);
465
- transform: translateY(0);
466
- }
467
-
468
- .premium-persons-title-cw .premium-person-title {
469
- -webkit-transform: translateX(-15px) rotate(-90deg);
470
- -ms-transform: translateX(-15px) rotate(-90deg);
471
- transform: translateX(-15px) rotate(-90deg);
472
- -webkit-transform-origin: top;
473
- -ms-transform-origin: top;
474
- transform-origin: top;
475
- }
476
-
477
- .premium-persons-title-cw .premium-person-container:hover .premium-person-title {
478
- -webkit-transform: translateX(0) rotate(-90deg);
479
- -ms-transform: translateX(0) rotate(-90deg);
480
- transform: translateX(0) rotate(-90deg);
481
- }
482
-
483
- .premium-persons-title-ccw .premium-person-title {
484
- width: auto;
485
- margin-left: 20px;
486
- -webkit-transform: translateX(-15px) rotate(90deg);
487
- -ms-transform: translateX(-15px) rotate(90deg);
488
- transform: translateX(-15px) rotate(90deg);
489
- -webkit-transform-origin: center left;
490
- -ms-transform-origin: center left;
491
- transform-origin: center left;
492
- }
493
-
494
- .premium-persons-title-ccw .premium-person-container:hover .premium-person-title {
495
- -webkit-transform: translateX(0) rotate(90deg);
496
- -ms-transform: translateX(0) rotate(90deg);
497
- transform: translateX(0) rotate(90deg);
498
  }
1
+ /************ Premium Team Members ************/
2
+ /*********************************************/
3
+ .premium-person-container {
4
+ position: relative;
5
+ }
6
+
7
+ .premium-person-image-container {
8
+ position: relative;
9
+ text-align: center;
10
+ overflow: hidden;
11
+ }
12
+
13
+ .premium-person-image-container .premium-person-image-wrap {
14
+ overflow: hidden;
15
+ }
16
+
17
+ .premium-person-zoomout-effect .premium-person-image-container img,
18
+ .premium-person-scale-effect .premium-person-image-container img {
19
+ -webkit-transform: scale(1.2);
20
+ -ms-transform: scale(1.2);
21
+ transform: scale(1.2);
22
+ }
23
+
24
+ .premium-person-sepia-effect .premium-person-image-container img {
25
+ -webkit-filter: sepia(30%);
26
+ filter: sepia(30%);
27
+ }
28
+
29
+ .premium-person-bright-effect .premium-person-image-container img {
30
+ -webkit-filter: brightness(1);
31
+ filter: brightness(1);
32
+ }
33
+
34
+ .premium-person-trans-effect .premium-person-image-container img {
35
+ -webkit-transform: translateX(15px) scale(1.1);
36
+ -ms-transform: translateX(15px) scale(1.1);
37
+ transform: translateX(15px) scale(1.1);
38
+ }
39
+
40
+ .premium-person-zoomin-effect:hover .premium-person-image-container img {
41
+ -webkit-transform: scale(1.2);
42
+ -ms-transform: scale(1.2);
43
+ transform: scale(1.2);
44
+ }
45
+
46
+ .premium-person-zoomout-effect:hover .premium-person-image-container img {
47
+ -webkit-transform: scale(1.1);
48
+ -ms-transform: scale(1.1);
49
+ transform: scale(1.1);
50
+ }
51
+
52
+ .premium-person-scale-effect:hover .premium-person-image-container img {
53
+ -webkit-transform: scale(1.3) rotate(-5deg);
54
+ -ms-transform: scale(1.3) rotate(-5deg);
55
+ transform: scale(1.3) rotate(-5deg);
56
+ }
57
+
58
+ .premium-person-grayscale-effect:hover .premium-person-image-container img {
59
+ -webkit-filter: grayscale(100%);
60
+ filter: grayscale(100%);
61
+ }
62
+
63
+ .premium-person-blur-effect:hover .premium-person-image-container img {
64
+ -webkit-filter: blur(3px);
65
+ filter: blur(3px);
66
+ }
67
+
68
+ .premium-person-sepia-effect:hover .premium-person-image-container img {
69
+ -webkit-filter: sepia(0%);
70
+ filter: sepia(0%);
71
+ }
72
+
73
+ .premium-person-bright-effect:hover .premium-person-image-container img {
74
+ -webkit-filter: brightness(1.2);
75
+ filter: brightness(1.2);
76
+ }
77
+
78
+ .premium-person-trans-effect:hover .premium-person-image-container img {
79
+ -webkit-transform: translateX(0px) scale(1.1);
80
+ -ms-transform: translateX(0px) scale(1.1);
81
+ transform: translateX(0px) scale(1.1);
82
+ }
83
+
84
+ .premium-person-container .premium-person-image-container img {
85
+ width: 100%;
86
+ height: 100%;
87
+ display: block;
88
+ -o-object-fit: cover;
89
+ object-fit: cover;
90
+ -webkit-transition: all 0.5s ease-in-out;
91
+ transition: all 0.5s ease-in-out;
92
+ }
93
+
94
+ .premium-person-style2 .premium-person-social {
95
+ position: absolute;
96
+ top: 0;
97
+ right: 0;
98
+ width: 100%;
99
+ height: 100%;
100
+ z-index: 2;
101
+ -js-display: flex;
102
+ display: -webkit-box;
103
+ display: -webkit-flex;
104
+ display: -moz-box;
105
+ display: -ms-flexbox;
106
+ display: flex;
107
+ -webkit-box-pack: center;
108
+ -webkit-justify-content: center;
109
+ -moz-box-pack: center;
110
+ -ms-flex-pack: center;
111
+ justify-content: center;
112
+ -webkit-box-align: center;
113
+ -webkit-align-items: center;
114
+ -moz-box-align: center;
115
+ -ms-flex-align: center;
116
+ align-items: center;
117
+ -webkit-box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
118
+ box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
119
+ -webkit-transition: all 0.5s linear 0s;
120
+ transition: all 0.5s linear 0s;
121
+ opacity: 0;
122
+ }
123
+
124
+ .premium-person-style2 .premium-person-image-container:hover .premium-person-social {
125
+ opacity: 1;
126
+ }
127
+
128
+ .premium-person-list-item a {
129
+ display: inline-block;
130
+ }
131
+
132
+ .premium-person-style2 .premium-person-list-item a {
133
+ opacity: 0;
134
+ -webkit-transform: scale(0);
135
+ -ms-transform: scale(0);
136
+ transform: scale(0);
137
+ -webkit-transition: all 0.5s ease-in-out 0s;
138
+ transition: all 0.5s ease-in-out 0s;
139
+ }
140
+
141
+ .premium-person-style2 .premium-person-image-container:hover .premium-person-list-item a {
142
+ opacity: 1;
143
+ -webkit-transform: scale(1);
144
+ -ms-transform: scale(1);
145
+ transform: scale(1);
146
+ }
147
+
148
+ .premium-person-info-container {
149
+ padding: 30px 15px;
150
+ }
151
+
152
+ .premium-person-name {
153
+ margin: 0 0 5px;
154
+ font-weight: 700;
155
+ }
156
+
157
+ .premium-person-title {
158
+ margin: 0 0 20px;
159
+ padding: 0;
160
+ }
161
+
162
+ .premium-person-content {
163
+ margin: 0 0 30px;
164
+ }
165
+
166
+ /*Override Theme List Margin*/
167
+ ul.premium-person-social-list {
168
+ margin: 0px !important;
169
+ padding: 0;
170
+ }
171
+
172
+ .premium-person-social-list .premium-person-list-item {
173
+ display: inline;
174
+ list-style: none;
175
+ }
176
+
177
+ .premium-person-social-list li {
178
+ position: relative;
179
+ bottom: 0px;
180
+ -webkit-transition: all 0.2s ease-in-out;
181
+ transition: all 0.2s ease-in-out;
182
+ }
183
+
184
+ .premium-person-social-list li i {
185
+ position: relative;
186
+ bottom: 0px;
187
+ -webkit-transition: all 0.2s ease-in-out;
188
+ transition: all 0.2s ease-in-out;
189
+ }
190
+
191
+ .premium-person-defaults-yes li.premium-person-facebook:hover a {
192
+ background-color: #3b5998 !important;
193
+ }
194
+
195
+ .premium-person-defaults-yes li.premium-person-twitter:hover a {
196
+ background-color: #55acee !important;
197
+ }
198
+
199
+ .premium-person-defaults-yes li.premium-person-linkedin:hover a {
200
+ background-color: #0077b5 !important;
201
+ }
202
+
203
+ .premium-person-defaults-yes li.premium-person-google:hover a {
204
+ background-color: #dc4e41 !important;
205
+ }
206
+
207
+ .premium-person-defaults-yes li.premium-person-youtube:hover a {
208
+ background-color: #b31217 !important;
209
+ }
210
+
211
+ .premium-person-defaults-yes li.premium-person-instagram:hover a {
212
+ background-color: #e4405f !important;
213
+ }
214
+
215
+ .premium-person-defaults-yes li.premium-person-skype:hover a {
216
+ background-color: #00aff0 !important;
217
+ }
218
+
219
+ .premium-person-defaults-yes li.premium-person-pinterest:hover a {
220
+ background-color: #bd081c !important;
221
+ }
222
+
223
+ .premium-person-defaults-yes li.premium-person-dribbble:hover a {
224
+ background-color: #ea4c89 !important;
225
+ }
226
+
227
+ .premium-person-defaults-yes li.premium-person-mail:hover a {
228
+ background-color: #b23121 !important;
229
+ }
230
+
231
+ .premium-person-defaults-yes li.premium-person-behance:hover a {
232
+ background-color: #1769ff !important;
233
+ }
234
+
235
+ .premium-person-defaults-yes li.premium-person-whatsapp:hover a {
236
+ background-color: #25d366 !important;
237
+ }
238
+
239
+ .premium-person-defaults-yes li.premium-person-telegram:hover a {
240
+ background-color: #0088cc !important;
241
+ }
242
+
243
+ .premium-person-defaults-yes li.premium-person-site:hover a {
244
+ background-color: #0055a5 !important;
245
+ }
246
+
247
+ .premium-person-social-list li:hover a {
248
+ -webkit-box-shadow: none;
249
+ box-shadow: none;
250
+ }
251
+
252
+ .premium-person-social-list li a:focus {
253
+ -webkit-box-shadow: none;
254
+ box-shadow: none;
255
+ outline: none;
256
+ }
257
+
258
+ .premium-person-social-list li i {
259
+ font-size: 18px;
260
+ }
261
+
262
+ .elementor-widget-premium-addon-person .elementor-widget-container {
263
+ -js-display: flex;
264
+ display: -webkit-box;
265
+ display: -webkit-flex;
266
+ display: -moz-box;
267
+ display: -ms-flexbox;
268
+ display: flex;
269
+ -webkit-box-pack: center;
270
+ -webkit-justify-content: center;
271
+ -moz-box-pack: center;
272
+ -ms-flex-pack: center;
273
+ justify-content: center;
274
+ }
275
+
276
+ .premium-persons-container.multiple-persons {
277
+ -js-display: flex;
278
+ display: -webkit-box;
279
+ display: -webkit-flex;
280
+ display: -moz-box;
281
+ display: -ms-flexbox;
282
+ display: flex;
283
+ -webkit-flex-wrap: wrap;
284
+ -ms-flex-wrap: wrap;
285
+ flex-wrap: wrap;
286
+ width: 100%;
287
+ }
288
+
289
+ .premium-person-style1 .premium-person-container {
290
+ overflow: hidden;
291
+ }
292
+
293
+ .premium-person-style1 .premium-person-container .premium-person-info {
294
+ position: absolute;
295
+ top: auto;
296
+ left: 0;
297
+ right: 0;
298
+ -webkit-transition: all 500ms ease 0s;
299
+ transition: all 500ms ease 0s;
300
+ -webkit-transform: translate3d(0, 100%, 0);
301
+ transform: translate3d(0, 100%, 0);
302
+ }
303
+
304
+ .premium-person-style1 .premium-person-container:hover .premium-person-info {
305
+ -webkit-transform: translate3d(0, 0, 0);
306
+ transform: translate3d(0, 0, 0);
307
+ bottom: -1px !important;
308
+ }
309
+
310
+ .premium-person-style1 .premium-person-social-list li:hover {
311
+ bottom: 5px;
312
+ }
313
+
314
+ .premium-person-style1.multiple-persons:not([data-persons-equal="yes"]) {
315
+ -webkit-box-align: start;
316
+ -webkit-align-items: flex-start;
317
+ -moz-box-align: start;
318
+ -ms-flex-align: start;
319
+ align-items: flex-start;
320
+ }
321
+
322
+ .premium-person-style1 .slick-track {
323
+ -js-display: flex;
324
+ display: -webkit-box;
325
+ display: -webkit-flex;
326
+ display: -moz-box;
327
+ display: -ms-flexbox;
328
+ display: flex;
329
+ }
330
+
331
+ .premium-person-style1 .slick-slide {
332
+ height: inherit !important;
333
+ }
334
+
335
+ /* .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-container,
336
+ .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-wrap {
337
+ height: 100%;
338
+ } */
339
+
340
+ .premium-person-style3 .premium-person-info-container {
341
+ position: absolute;
342
+ top: 0;
343
+ right: 0;
344
+ width: 100%;
345
+ height: 100%;
346
+ -js-display: flex;
347
+ display: -webkit-box;
348
+ display: -webkit-flex;
349
+ display: -moz-box;
350
+ display: -ms-flexbox;
351
+ display: flex;
352
+ -webkit-box-orient: vertical;
353
+ -webkit-box-direction: normal;
354
+ -webkit-flex-direction: column;
355
+ -moz-box-orient: vertical;
356
+ -moz-box-direction: normal;
357
+ -ms-flex-direction: column;
358
+ flex-direction: column;
359
+ -webkit-box-pack: justify;
360
+ -webkit-justify-content: space-between;
361
+ -moz-box-pack: justify;
362
+ -ms-flex-pack: justify;
363
+ justify-content: space-between;
364
+ }
365
+
366
+ .premium-person-style3 .premium-person-title-desc-wrap {
367
+ -js-display: flex;
368
+ display: -webkit-box;
369
+ display: -webkit-flex;
370
+ display: -moz-box;
371
+ display: -ms-flexbox;
372
+ display: flex;
373
+ -webkit-box-orient: horizontal;
374
+ -webkit-box-direction: reverse;
375
+ -webkit-flex-direction: row-reverse;
376
+ -moz-box-orient: horizontal;
377
+ -moz-box-direction: reverse;
378
+ -ms-flex-direction: row-reverse;
379
+ flex-direction: row-reverse;
380
+ -webkit-box-pack: justify;
381
+ -webkit-justify-content: space-between;
382
+ -moz-box-pack: justify;
383
+ -ms-flex-pack: justify;
384
+ justify-content: space-between;
385
+ -webkit-box-align: start;
386
+ -webkit-align-items: flex-start;
387
+ -moz-box-align: start;
388
+ -ms-flex-align: start;
389
+ align-items: flex-start;
390
+ }
391
+
392
+ .premium-person-style3 .premium-person-name-icons-wrap {
393
+ -js-display: flex;
394
+ display: -webkit-box;
395
+ display: -webkit-flex;
396
+ display: -moz-box;
397
+ display: -ms-flexbox;
398
+ display: flex;
399
+ -webkit-box-pack: justify;
400
+ -webkit-justify-content: space-between;
401
+ -moz-box-pack: justify;
402
+ -ms-flex-pack: justify;
403
+ justify-content: space-between;
404
+ -webkit-box-align: end;
405
+ -webkit-align-items: flex-end;
406
+ -moz-box-align: end;
407
+ -ms-flex-align: end;
408
+ align-items: flex-end;
409
+ }
410
+
411
+ .premium-person-style3 .premium-person-title {
412
+ opacity: 0;
413
+ -webkit-transition: all 0.3s ease;
414
+ transition: all 0.3s ease;
415
+ width: 0;
416
+ }
417
+
418
+ .premium-person-style3 .premium-person-title span {
419
+ display: inline-block;
420
+ }
421
+
422
+ .premium-person-style3 .premium-person-name {
423
+ padding-right: 10px;
424
+ }
425
+
426
+ .premium-person-style3 .premium-person-social-list {
427
+ -js-display: flex;
428
+ display: -webkit-box;
429
+ display: -webkit-flex;
430
+ display: -moz-box;
431
+ display: -ms-flexbox;
432
+ display: flex;
433
+ -webkit-box-orient: vertical;
434
+ -webkit-box-direction: normal;
435
+ -webkit-flex-direction: column;
436
+ -moz-box-orient: vertical;
437
+ -moz-box-direction: normal;
438
+ -ms-flex-direction: column;
439
+ flex-direction: column;
440
+ -webkit-transform: translateY(20px);
441
+ -ms-transform: translateY(20px);
442
+ transform: translateY(20px);
443
+ opacity: 0;
444
+ -webkit-transition: all 0.3s ease;
445
+ transition: all 0.3s ease;
446
+ }
447
+
448
+ .premium-person-style3 .premium-person-list-item {
449
+ line-height: 0;
450
+ }
451
+
452
+ .premium-person-style3 .premium-person-list-item a {
453
+ padding: 5px 0 0 10px;
454
+ margin: 5px 0;
455
+ }
456
+
457
+ .premium-person-style3 .premium-person-container:hover .premium-person-title {
458
+ opacity: 1;
459
+ }
460
+
461
+ .premium-person-style3 .premium-person-container:hover .premium-person-social-list {
462
+ opacity: 1;
463
+ -webkit-transform: translateY(0);
464
+ -ms-transform: translateY(0);
465
+ transform: translateY(0);
466
+ }
467
+
468
+ .premium-persons-title-cw .premium-person-title {
469
+ -webkit-transform: translateX(-15px) rotate(-90deg);
470
+ -ms-transform: translateX(-15px) rotate(-90deg);
471
+ transform: translateX(-15px) rotate(-90deg);
472
+ -webkit-transform-origin: top;
473
+ -ms-transform-origin: top;
474
+ transform-origin: top;
475
+ }
476
+
477
+ .premium-persons-title-cw .premium-person-container:hover .premium-person-title {
478
+ -webkit-transform: translateX(0) rotate(-90deg);
479
+ -ms-transform: translateX(0) rotate(-90deg);
480
+ transform: translateX(0) rotate(-90deg);
481
+ }
482
+
483
+ .premium-persons-title-ccw .premium-person-title {
484
+ width: auto;
485
+ margin-left: 20px;
486
+ -webkit-transform: translateX(-15px) rotate(90deg);
487
+ -ms-transform: translateX(-15px) rotate(90deg);
488
+ transform: translateX(-15px) rotate(90deg);
489
+ -webkit-transform-origin: center left;
490
+ -ms-transform-origin: center left;
491
+ transform-origin: center left;
492
+ }
493
+
494
+ .premium-persons-title-ccw .premium-person-container:hover .premium-person-title {
495
+ -webkit-transform: translateX(0) rotate(90deg);
496
+ -ms-transform: translateX(0) rotate(90deg);
497
+ transform: translateX(0) rotate(90deg);
498
  }
assets/frontend/css/premium-person.css CHANGED
@@ -1,417 +1,417 @@
1
- /************ Premium Team Members ************/
2
- /**********************************************/
3
- .premium-person-container {
4
- position: relative; }
5
-
6
- .premium-person-image-container {
7
- position: relative;
8
- text-align: center;
9
- overflow: hidden; }
10
- .premium-person-image-container .premium-person-image-wrap {
11
- overflow: hidden; }
12
-
13
- .premium-person-zoomout-effect .premium-person-image-container img,
14
- .premium-person-scale-effect .premium-person-image-container img {
15
- -webkit-transform: scale(1.2);
16
- -ms-transform: scale(1.2);
17
- transform: scale(1.2); }
18
-
19
- .premium-person-sepia-effect .premium-person-image-container img {
20
- -webkit-filter: sepia(30%);
21
- filter: sepia(30%); }
22
-
23
- .premium-person-bright-effect .premium-person-image-container img {
24
- -webkit-filter: brightness(1);
25
- filter: brightness(1); }
26
-
27
- .premium-person-trans-effect .premium-person-image-container img {
28
- -webkit-transform: translateX(-15px) scale(1.1);
29
- -ms-transform: translateX(-15px) scale(1.1);
30
- transform: translateX(-15px) scale(1.1); }
31
-
32
- .premium-person-zoomin-effect:hover .premium-person-image-container img {
33
- -webkit-transform: scale(1.2);
34
- -ms-transform: scale(1.2);
35
- transform: scale(1.2); }
36
-
37
- .premium-person-zoomout-effect:hover .premium-person-image-container img {
38
- -webkit-transform: scale(1.1);
39
- -ms-transform: scale(1.1);
40
- transform: scale(1.1); }
41
-
42
- .premium-person-scale-effect:hover .premium-person-image-container img {
43
- -webkit-transform: scale(1.3) rotate(5deg);
44
- -ms-transform: scale(1.3) rotate(5deg);
45
- transform: scale(1.3) rotate(5deg); }
46
-
47
- .premium-person-grayscale-effect:hover .premium-person-image-container img {
48
- -webkit-filter: grayscale(100%);
49
- filter: grayscale(100%); }
50
-
51
- .premium-person-blur-effect:hover .premium-person-image-container img {
52
- -webkit-filter: blur(3px);
53
- filter: blur(3px); }
54
-
55
- .premium-person-sepia-effect:hover .premium-person-image-container img {
56
- -webkit-filter: sepia(0%);
57
- filter: sepia(0%); }
58
-
59
- .premium-person-bright-effect:hover .premium-person-image-container img {
60
- -webkit-filter: brightness(1.2);
61
- filter: brightness(1.2); }
62
-
63
- .premium-person-trans-effect:hover .premium-person-image-container img {
64
- -webkit-transform: translateX(0px) scale(1.1);
65
- -ms-transform: translateX(0px) scale(1.1);
66
- transform: translateX(0px) scale(1.1); }
67
-
68
- .premium-person-container .premium-person-image-container img {
69
- width: 100%;
70
- height: 100%;
71
- display: block;
72
- -o-object-fit: cover;
73
- object-fit: cover;
74
- -webkit-transition: all 0.5s ease-in-out;
75
- transition: all 0.5s ease-in-out; }
76
-
77
- .premium-person-style2 .premium-person-social {
78
- position: absolute;
79
- top: 0;
80
- left: 0;
81
- width: 100%;
82
- height: 100%;
83
- z-index: 2;
84
- -js-display: flex;
85
- display: -webkit-box;
86
- display: -webkit-flex;
87
- display: -moz-box;
88
- display: -ms-flexbox;
89
- display: flex;
90
- -webkit-box-pack: center;
91
- -webkit-justify-content: center;
92
- -moz-box-pack: center;
93
- -ms-flex-pack: center;
94
- justify-content: center;
95
- -webkit-box-align: center;
96
- -webkit-align-items: center;
97
- -moz-box-align: center;
98
- -ms-flex-align: center;
99
- align-items: center;
100
- -webkit-box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
101
- box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
102
- -webkit-transition: all 0.5s linear 0s;
103
- transition: all 0.5s linear 0s;
104
- opacity: 0; }
105
-
106
- .premium-person-style2 .premium-person-image-container:hover .premium-person-social {
107
- opacity: 1; }
108
-
109
- .premium-person-list-item a {
110
- display: inline-block; }
111
-
112
- .premium-person-style2 .premium-person-list-item a {
113
- opacity: 0;
114
- -webkit-transform: scale(0);
115
- -ms-transform: scale(0);
116
- transform: scale(0);
117
- -webkit-transition: all 0.5s ease-in-out 0s;
118
- transition: all 0.5s ease-in-out 0s; }
119
-
120
- .premium-person-style2 .premium-person-image-container:hover .premium-person-list-item a {
121
- opacity: 1;
122
- -webkit-transform: scale(1);
123
- -ms-transform: scale(1);
124
- transform: scale(1); }
125
-
126
- .premium-person-info-container {
127
- padding: 30px 15px; }
128
-
129
- .premium-person-name {
130
- margin: 0 0 5px;
131
- font-weight: 700; }
132
-
133
- .premium-person-title {
134
- margin: 0 0 20px;
135
- padding: 0; }
136
-
137
- .premium-person-content {
138
- margin: 0 0 30px; }
139
-
140
- /*Override Theme List Margin*/
141
- ul.premium-person-social-list {
142
- margin: 0px !important;
143
- padding: 0; }
144
-
145
- .premium-person-social-list .premium-person-list-item {
146
- display: inline;
147
- list-style: none; }
148
-
149
- .premium-person-social-list li {
150
- position: relative;
151
- bottom: 0px;
152
- -webkit-transition: all 0.2s ease-in-out;
153
- transition: all 0.2s ease-in-out; }
154
- .premium-person-social-list li i {
155
- position: relative;
156
- bottom: 0px;
157
- -webkit-transition: all 0.2s ease-in-out;
158
- transition: all 0.2s ease-in-out; }
159
-
160
- .premium-person-defaults-yes li.premium-person-facebook:hover a {
161
- background-color: #3b5998 !important; }
162
-
163
- .premium-person-defaults-yes li.premium-person-twitter:hover a {
164
- background-color: #55acee !important; }
165
-
166
- .premium-person-defaults-yes li.premium-person-linkedin:hover a {
167
- background-color: #0077b5 !important; }
168
-
169
- .premium-person-defaults-yes li.premium-person-google:hover a {
170
- background-color: #dc4e41 !important; }
171
-
172
- .premium-person-defaults-yes li.premium-person-youtube:hover a {
173
- background-color: #b31217 !important; }
174
-
175
- .premium-person-defaults-yes li.premium-person-instagram:hover a {
176
- background-color: #e4405f !important; }
177
-
178
- .premium-person-defaults-yes li.premium-person-skype:hover a {
179
- background-color: #00aff0 !important; }
180
-
181
- .premium-person-defaults-yes li.premium-person-pinterest:hover a {
182
- background-color: #bd081c !important; }
183
-
184
- .premium-person-defaults-yes li.premium-person-dribbble:hover a {
185
- background-color: #ea4c89 !important; }
186
-
187
- .premium-person-defaults-yes li.premium-person-mail:hover a {
188
- background-color: #b23121 !important; }
189
-
190
- .premium-person-defaults-yes li.premium-person-behance:hover a {
191
- background-color: #1769ff !important; }
192
-
193
- .premium-person-defaults-yes li.premium-person-whatsapp:hover a {
194
- background-color: #25d366 !important; }
195
-
196
- .premium-person-defaults-yes li.premium-person-telegram:hover a {
197
- background-color: #0088cc !important; }
198
-
199
- .premium-person-defaults-yes li.premium-person-site:hover a {
200
- background-color: #0055a5 !important; }
201
-
202
- .premium-person-social-list li:hover a {
203
- -webkit-box-shadow: none;
204
- box-shadow: none; }
205
-
206
- .premium-person-social-list li a:focus {
207
- -webkit-box-shadow: none;
208
- box-shadow: none;
209
- outline: none; }
210
-
211
- .premium-person-social-list li i {
212
- font-size: 18px; }
213
-
214
- .elementor-widget-premium-addon-person .elementor-widget-container {
215
- -js-display: flex;
216
- display: -webkit-box;
217
- display: -webkit-flex;
218
- display: -moz-box;
219
- display: -ms-flexbox;
220
- display: flex;
221
- -webkit-box-pack: center;
222
- -webkit-justify-content: center;
223
- -moz-box-pack: center;
224
- -ms-flex-pack: center;
225
- justify-content: center; }
226
-
227
- .premium-persons-container.multiple-persons {
228
- -js-display: flex;
229
- display: -webkit-box;
230
- display: -webkit-flex;
231
- display: -moz-box;
232
- display: -ms-flexbox;
233
- display: flex;
234
- -webkit-flex-wrap: wrap;
235
- -ms-flex-wrap: wrap;
236
- flex-wrap: wrap;
237
- width: 100%; }
238
-
239
- .premium-person-style1 .premium-person-container {
240
- overflow: hidden; }
241
- .premium-person-style1 .premium-person-container .premium-person-info {
242
- position: absolute;
243
- top: auto;
244
- right: 0;
245
- left: 0;
246
- -webkit-transition: all 500ms ease 0s;
247
- transition: all 500ms ease 0s;
248
- -webkit-transform: translate3d(0, 100%, 0);
249
- transform: translate3d(0, 100%, 0); }
250
- .premium-person-style1 .premium-person-container:hover .premium-person-info {
251
- -webkit-transform: translate3d(0, 0, 0);
252
- transform: translate3d(0, 0, 0);
253
- bottom: -1px !important; }
254
-
255
- .premium-person-style1 .premium-person-social-list li:hover {
256
- bottom: 5px; }
257
-
258
- .premium-person-style1.multiple-persons:not([data-persons-equal="yes"]) {
259
- -webkit-box-align: start;
260
- -webkit-align-items: flex-start;
261
- -moz-box-align: start;
262
- -ms-flex-align: start;
263
- align-items: flex-start; }
264
-
265
- .premium-person-style1 .slick-track {
266
- -js-display: flex;
267
- display: -webkit-box;
268
- display: -webkit-flex;
269
- display: -moz-box;
270
- display: -ms-flexbox;
271
- display: flex; }
272
-
273
- .premium-person-style1 .slick-slide {
274
- height: inherit !important; }
275
-
276
- .premium-person-style3 .premium-person-info-container {
277
- position: absolute;
278
- top: 0;
279
- left: 0;
280
- width: 100%;
281
- height: 100%;
282
- -js-display: flex;
283
- display: -webkit-box;
284
- display: -webkit-flex;
285
- display: -moz-box;
286
- display: -ms-flexbox;
287
- display: flex;
288
- -webkit-box-orient: vertical;
289
- -webkit-box-direction: normal;
290
- -webkit-flex-direction: column;
291
- -moz-box-orient: vertical;
292
- -moz-box-direction: normal;
293
- -ms-flex-direction: column;
294
- flex-direction: column;
295
- -webkit-box-pack: justify;
296
- -webkit-justify-content: space-between;
297
- -moz-box-pack: justify;
298
- -ms-flex-pack: justify;
299
- justify-content: space-between; }
300
-
301
- .premium-person-style3 .premium-person-title-desc-wrap {
302
- -js-display: flex;
303
- display: -webkit-box;
304
- display: -webkit-flex;
305
- display: -moz-box;
306
- display: -ms-flexbox;
307
- display: flex;
308
- -webkit-box-orient: horizontal;
309
- -webkit-box-direction: reverse;
310
- -webkit-flex-direction: row-reverse;
311
- -moz-box-orient: horizontal;
312
- -moz-box-direction: reverse;
313
- -ms-flex-direction: row-reverse;
314
- flex-direction: row-reverse;
315
- -webkit-box-pack: justify;
316
- -webkit-justify-content: space-between;
317
- -moz-box-pack: justify;
318
- -ms-flex-pack: justify;
319
- justify-content: space-between;
320
- -webkit-box-align: start;
321
- -webkit-align-items: flex-start;
322
- -moz-box-align: start;
323
- -ms-flex-align: start;
324
- align-items: flex-start; }
325
-
326
- .premium-person-style3 .premium-person-name-icons-wrap {
327
- -js-display: flex;
328
- display: -webkit-box;
329
- display: -webkit-flex;
330
- display: -moz-box;
331
- display: -ms-flexbox;
332
- display: flex;
333
- -webkit-box-pack: justify;
334
- -webkit-justify-content: space-between;
335
- -moz-box-pack: justify;
336
- -ms-flex-pack: justify;
337
- justify-content: space-between;
338
- -webkit-box-align: end;
339
- -webkit-align-items: flex-end;
340
- -moz-box-align: end;
341
- -ms-flex-align: end;
342
- align-items: flex-end; }
343
-
344
- .premium-person-style3 .premium-person-title {
345
- opacity: 0;
346
- -webkit-transition: all 0.3s ease;
347
- transition: all 0.3s ease;
348
- width: 0; }
349
- .premium-person-style3 .premium-person-title span {
350
- display: inline-block; }
351
-
352
- .premium-person-style3 .premium-person-name {
353
- padding-left: 10px; }
354
-
355
- .premium-person-style3 .premium-person-social-list {
356
- -js-display: flex;
357
- display: -webkit-box;
358
- display: -webkit-flex;
359
- display: -moz-box;
360
- display: -ms-flexbox;
361
- display: flex;
362
- -webkit-box-orient: vertical;
363
- -webkit-box-direction: normal;
364
- -webkit-flex-direction: column;
365
- -moz-box-orient: vertical;
366
- -moz-box-direction: normal;
367
- -ms-flex-direction: column;
368
- flex-direction: column;
369
- -webkit-transform: translateY(20px);
370
- -ms-transform: translateY(20px);
371
- transform: translateY(20px);
372
- opacity: 0;
373
- -webkit-transition: all 0.3s ease;
374
- transition: all 0.3s ease; }
375
-
376
- .premium-person-style3 .premium-person-list-item {
377
- line-height: 0; }
378
- .premium-person-style3 .premium-person-list-item a {
379
- padding: 5px 10px 0 0;
380
- margin: 5px 0; }
381
-
382
- .premium-person-style3 .premium-person-container:hover .premium-person-title {
383
- opacity: 1; }
384
-
385
- .premium-person-style3 .premium-person-container:hover .premium-person-social-list {
386
- opacity: 1;
387
- -webkit-transform: translateY(0);
388
- -ms-transform: translateY(0);
389
- transform: translateY(0); }
390
-
391
- .premium-persons-title-cw .premium-person-title {
392
- -webkit-transform: translateX(15px) rotate(90deg);
393
- -ms-transform: translateX(15px) rotate(90deg);
394
- transform: translateX(15px) rotate(90deg);
395
- -webkit-transform-origin: top;
396
- -ms-transform-origin: top;
397
- transform-origin: top; }
398
-
399
- .premium-persons-title-cw .premium-person-container:hover .premium-person-title {
400
- -webkit-transform: translateX(0) rotate(90deg);
401
- -ms-transform: translateX(0) rotate(90deg);
402
- transform: translateX(0) rotate(90deg); }
403
-
404
- .premium-persons-title-ccw .premium-person-title {
405
- width: auto;
406
- margin-right: 20px;
407
- -webkit-transform: translateX(15px) rotate(-90deg);
408
- -ms-transform: translateX(15px) rotate(-90deg);
409
- transform: translateX(15px) rotate(-90deg);
410
- -webkit-transform-origin: center right;
411
- -ms-transform-origin: center right;
412
- transform-origin: center right; }
413
-
414
- .premium-persons-title-ccw .premium-person-container:hover .premium-person-title {
415
- -webkit-transform: translateX(0) rotate(-90deg);
416
- -ms-transform: translateX(0) rotate(-90deg);
417
- transform: translateX(0) rotate(-90deg); }
1
+ /************ Premium Team Members ************/
2
+ /**********************************************/
3
+ .premium-person-container {
4
+ position: relative; }
5
+
6
+ .premium-person-image-container {
7
+ position: relative;
8
+ text-align: center;
9
+ overflow: hidden; }
10
+ .premium-person-image-container .premium-person-image-wrap {
11
+ overflow: hidden; }
12
+
13
+ .premium-person-zoomout-effect .premium-person-image-container img,
14
+ .premium-person-scale-effect .premium-person-image-container img {
15
+ -webkit-transform: scale(1.2);
16
+ -ms-transform: scale(1.2);
17
+ transform: scale(1.2); }
18
+
19
+ .premium-person-sepia-effect .premium-person-image-container img {
20
+ -webkit-filter: sepia(30%);
21
+ filter: sepia(30%); }
22
+
23
+ .premium-person-bright-effect .premium-person-image-container img {
24
+ -webkit-filter: brightness(1);
25
+ filter: brightness(1); }
26
+
27
+ .premium-person-trans-effect .premium-person-image-container img {
28
+ -webkit-transform: translateX(-15px) scale(1.1);
29
+ -ms-transform: translateX(-15px) scale(1.1);
30
+ transform: translateX(-15px) scale(1.1); }
31
+
32
+ .premium-person-zoomin-effect:hover .premium-person-image-container img {
33
+ -webkit-transform: scale(1.2);
34
+ -ms-transform: scale(1.2);
35
+ transform: scale(1.2); }
36
+
37
+ .premium-person-zoomout-effect:hover .premium-person-image-container img {
38
+ -webkit-transform: scale(1.1);
39
+ -ms-transform: scale(1.1);
40
+ transform: scale(1.1); }
41
+
42
+ .premium-person-scale-effect:hover .premium-person-image-container img {
43
+ -webkit-transform: scale(1.3) rotate(5deg);
44
+ -ms-transform: scale(1.3) rotate(5deg);
45
+ transform: scale(1.3) rotate(5deg); }
46
+
47
+ .premium-person-grayscale-effect:hover .premium-person-image-container img {
48
+ -webkit-filter: grayscale(100%);
49
+ filter: grayscale(100%); }
50
+
51
+ .premium-person-blur-effect:hover .premium-person-image-container img {
52
+ -webkit-filter: blur(3px);
53
+ filter: blur(3px); }
54
+
55
+ .premium-person-sepia-effect:hover .premium-person-image-container img {
56
+ -webkit-filter: sepia(0%);
57
+ filter: sepia(0%); }
58
+
59
+ .premium-person-bright-effect:hover .premium-person-image-container img {
60
+ -webkit-filter: brightness(1.2);
61
+ filter: brightness(1.2); }
62
+
63
+ .premium-person-trans-effect:hover .premium-person-image-container img {
64
+ -webkit-transform: translateX(0px) scale(1.1);
65
+ -ms-transform: translateX(0px) scale(1.1);
66
+ transform: translateX(0px) scale(1.1); }
67
+
68
+ .premium-person-container .premium-person-image-container img {
69
+ width: 100%;
70
+ height: 100%;
71
+ display: block;
72
+ -o-object-fit: cover;
73
+ object-fit: cover;
74
+ -webkit-transition: all 0.5s ease-in-out;
75
+ transition: all 0.5s ease-in-out; }
76
+
77
+ .premium-person-style2 .premium-person-social {
78
+ position: absolute;
79
+ top: 0;
80
+ left: 0;
81
+ width: 100%;
82
+ height: 100%;
83
+ z-index: 2;
84
+ -js-display: flex;
85
+ display: -webkit-box;
86
+ display: -webkit-flex;
87
+ display: -moz-box;
88
+ display: -ms-flexbox;
89
+ display: flex;
90
+ -webkit-box-pack: center;
91
+ -webkit-justify-content: center;
92
+ -moz-box-pack: center;
93
+ -ms-flex-pack: center;
94
+ justify-content: center;
95
+ -webkit-box-align: center;
96
+ -webkit-align-items: center;
97
+ -moz-box-align: center;
98
+ -ms-flex-align: center;
99
+ align-items: center;
100
+ -webkit-box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
101
+ box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
102
+ -webkit-transition: all 0.5s linear 0s;
103
+ transition: all 0.5s linear 0s;
104
+ opacity: 0; }
105
+
106
+ .premium-person-style2 .premium-person-image-container:hover .premium-person-social {
107
+ opacity: 1; }
108
+
109
+ .premium-person-list-item a {
110
+ display: inline-block; }
111
+
112
+ .premium-person-style2 .premium-person-list-item a {
113
+ opacity: 0;
114
+ -webkit-transform: scale(0);
115
+ -ms-transform: scale(0);
116
+ transform: scale(0);
117
+ -webkit-transition: all 0.5s ease-in-out 0s;
118
+ transition: all 0.5s ease-in-out 0s; }
119
+
120
+ .premium-person-style2 .premium-person-image-container:hover .premium-person-list-item a {
121
+ opacity: 1;
122
+ -webkit-transform: scale(1);
123
+ -ms-transform: scale(1);
124
+ transform: scale(1); }
125
+
126
+ .premium-person-info-container {
127
+ padding: 30px 15px; }
128
+
129
+ .premium-person-name {
130
+ margin: 0 0 5px;
131
+ font-weight: 700; }
132
+
133
+ .premium-person-title {
134
+ margin: 0 0 20px;
135
+ padding: 0; }
136
+
137
+ .premium-person-content {
138
+ margin: 0 0 30px; }
139
+
140
+ /*Override Theme List Margin*/
141
+ ul.premium-person-social-list {
142
+ margin: 0px !important;
143
+ padding: 0; }
144
+
145
+ .premium-person-social-list .premium-person-list-item {
146
+ display: inline;
147
+ list-style: none; }
148
+
149
+ .premium-person-social-list li {
150
+ position: relative;
151
+ bottom: 0px;
152
+ -webkit-transition: all 0.2s ease-in-out;
153
+ transition: all 0.2s ease-in-out; }
154
+ .premium-person-social-list li i {
155
+ position: relative;
156
+ bottom: 0px;
157
+ -webkit-transition: all 0.2s ease-in-out;
158
+ transition: all 0.2s ease-in-out; }
159
+
160
+ .premium-person-defaults-yes li.premium-person-facebook:hover a {
161
+ background-color: #3b5998 !important; }
162
+
163
+ .premium-person-defaults-yes li.premium-person-twitter:hover a {
164
+ background-color: #55acee !important; }
165
+
166
+ .premium-person-defaults-yes li.premium-person-linkedin:hover a {
167
+ background-color: #0077b5 !important; }
168
+
169
+ .premium-person-defaults-yes li.premium-person-google:hover a {
170
+ background-color: #dc4e41 !important; }
171
+
172
+ .premium-person-defaults-yes li.premium-person-youtube:hover a {
173
+ background-color: #b31217 !important; }
174
+
175
+ .premium-person-defaults-yes li.premium-person-instagram:hover a {
176
+ background-color: #e4405f !important; }
177
+
178
+ .premium-person-defaults-yes li.premium-person-skype:hover a {
179
+ background-color: #00aff0 !important; }
180
+
181
+ .premium-person-defaults-yes li.premium-person-pinterest:hover a {
182
+ background-color: #bd081c !important; }
183
+
184
+ .premium-person-defaults-yes li.premium-person-dribbble:hover a {
185
+ background-color: #ea4c89 !important; }
186
+
187
+ .premium-person-defaults-yes li.premium-person-mail:hover a {
188
+ background-color: #b23121 !important; }
189
+
190
+ .premium-person-defaults-yes li.premium-person-behance:hover a {
191
+ background-color: #1769ff !important; }
192
+
193
+ .premium-person-defaults-yes li.premium-person-whatsapp:hover a {
194
+ background-color: #25d366 !important; }
195
+
196
+ .premium-person-defaults-yes li.premium-person-telegram:hover a {
197
+ background-color: #0088cc !important; }
198
+
199
+ .premium-person-defaults-yes li.premium-person-site:hover a {
200
+ background-color: #0055a5 !important; }
201
+
202
+ .premium-person-social-list li:hover a {
203
+ -webkit-box-shadow: none;
204
+ box-shadow: none; }
205
+
206
+ .premium-person-social-list li a:focus {
207
+ -webkit-box-shadow: none;
208
+ box-shadow: none;
209
+ outline: none; }
210
+
211
+ .premium-person-social-list li i {
212
+ font-size: 18px; }
213
+
214
+ .elementor-widget-premium-addon-person .elementor-widget-container {
215
+ -js-display: flex;
216
+ display: -webkit-box;
217
+ display: -webkit-flex;
218
+ display: -moz-box;
219
+ display: -ms-flexbox;
220
+ display: flex;
221
+ -webkit-box-pack: center;
222
+ -webkit-justify-content: center;
223
+ -moz-box-pack: center;
224
+ -ms-flex-pack: center;
225
+ justify-content: center; }
226
+
227
+ .premium-persons-container.multiple-persons {
228
+ -js-display: flex;
229
+ display: -webkit-box;
230
+ display: -webkit-flex;
231
+ display: -moz-box;
232
+ display: -ms-flexbox;
233
+ display: flex;
234
+ -webkit-flex-wrap: wrap;
235
+ -ms-flex-wrap: wrap;
236
+ flex-wrap: wrap;
237
+ width: 100%; }
238
+
239
+ .premium-person-style1 .premium-person-container {
240
+ overflow: hidden; }
241
+ .premium-person-style1 .premium-person-container .premium-person-info {
242
+ position: absolute;
243
+ top: auto;
244
+ right: 0;
245
+ left: 0;
246
+ -webkit-transition: all 500ms ease 0s;
247
+ transition: all 500ms ease 0s;
248
+ -webkit-transform: translate3d(0, 100%, 0);
249
+ transform: translate3d(0, 100%, 0); }
250
+ .premium-person-style1 .premium-person-container:hover .premium-person-info {
251
+ -webkit-transform: translate3d(0, 0, 0);
252
+ transform: translate3d(0, 0, 0);
253
+ bottom: -1px !important; }
254
+
255
+ .premium-person-style1 .premium-person-social-list li:hover {
256
+ bottom: 5px; }
257
+
258
+ .premium-person-style1.multiple-persons:not([data-persons-equal="yes"]) {
259
+ -webkit-box-align: start;
260
+ -webkit-align-items: flex-start;
261
+ -moz-box-align: start;
262
+ -ms-flex-align: start;
263
+ align-items: flex-start; }
264
+
265
+ .premium-person-style1 .slick-track {
266
+ -js-display: flex;
267
+ display: -webkit-box;
268
+ display: -webkit-flex;
269
+ display: -moz-box;
270
+ display: -ms-flexbox;
271
+ display: flex; }
272
+
273
+ .premium-person-style1 .slick-slide {
274
+ height: inherit !important; }
275
+
276
+ .premium-person-style3 .premium-person-info-container {
277
+ position: absolute;
278
+ top: 0;
279
+ left: 0;
280
+ width: 100%;
281
+ height: 100%;
282
+ -js-display: flex;
283
+ display: -webkit-box;
284
+ display: -webkit-flex;
285
+ display: -moz-box;
286
+ display: -ms-flexbox;
287
+ display: flex;
288
+ -webkit-box-orient: vertical;
289
+ -webkit-box-direction: normal;
290
+ -webkit-flex-direction: column;
291
+ -moz-box-orient: vertical;
292
+ -moz-box-direction: normal;
293
+ -ms-flex-direction: column;
294
+ flex-direction: column;
295
+ -webkit-box-pack: justify;
296
+ -webkit-justify-content: space-between;
297
+ -moz-box-pack: justify;
298
+ -ms-flex-pack: justify;
299
+ justify-content: space-between; }
300
+
301
+ .premium-person-style3 .premium-person-title-desc-wrap {
302
+ -js-display: flex;
303
+ display: -webkit-box;
304
+ display: -webkit-flex;
305
+ display: -moz-box;
306
+ display: -ms-flexbox;
307
+ display: flex;
308
+ -webkit-box-orient: horizontal;
309
+ -webkit-box-direction: reverse;
310
+ -webkit-flex-direction: row-reverse;
311
+ -moz-box-orient: horizontal;
312
+ -moz-box-direction: reverse;
313
+ -ms-flex-direction: row-reverse;
314
+ flex-direction: row-reverse;
315
+ -webkit-box-pack: justify;
316
+ -webkit-justify-content: space-between;
317
+ -moz-box-pack: justify;
318
+ -ms-flex-pack: justify;
319
+ justify-content: space-between;
320
+ -webkit-box-align: start;
321
+ -webkit-align-items: flex-start;
322
+ -moz-box-align: start;
323
+ -ms-flex-align: start;
324
+ align-items: flex-start; }
325
+
326
+ .premium-person-style3 .premium-person-name-icons-wrap {
327
+ -js-display: flex;
328
+ display: -webkit-box;
329
+ display: -webkit-flex;
330
+ display: -moz-box;
331
+ display: -ms-flexbox;
332
+ display: flex;
333
+ -webkit-box-pack: justify;
334
+ -webkit-justify-content: space-between;
335
+ -moz-box-pack: justify;
336
+ -ms-flex-pack: justify;
337
+ justify-content: space-between;
338
+ -webkit-box-align: end;
339
+ -webkit-align-items: flex-end;
340
+ -moz-box-align: end;
341
+ -ms-flex-align: end;
342
+ align-items: flex-end; }
343
+
344
+ .premium-person-style3 .premium-person-title {
345
+ opacity: 0;
346
+ -webkit-transition: all 0.3s ease;
347
+ transition: all 0.3s ease;
348
+ width: 0; }
349
+ .premium-person-style3 .premium-person-title span {
350
+ display: inline-block; }
351
+
352
+ .premium-person-style3 .premium-person-name {
353
+ padding-left: 10px; }
354
+
355
+ .premium-person-style3 .premium-person-social-list {
356
+ -js-display: flex;
357
+ display: -webkit-box;
358
+ display: -webkit-flex;
359
+ display: -moz-box;
360
+ display: -ms-flexbox;
361
+ display: flex;
362
+ -webkit-box-orient: vertical;
363
+ -webkit-box-direction: normal;
364
+ -webkit-flex-direction: column;
365
+ -moz-box-orient: vertical;
366
+ -moz-box-direction: normal;
367
+ -ms-flex-direction: column;
368
+ flex-direction: column;
369
+ -webkit-transform: translateY(20px);
370
+ -ms-transform: translateY(20px);
371
+ transform: translateY(20px);
372
+ opacity: 0;
373
+ -webkit-transition: all 0.3s ease;
374
+ transition: all 0.3s ease; }
375
+
376
+ .premium-person-style3 .premium-person-list-item {
377
+ line-height: 0; }
378
+ .premium-person-style3 .premium-person-list-item a {
379
+ padding: 5px 10px 0 0;
380
+ margin: 5px 0; }
381
+
382
+ .premium-person-style3 .premium-person-container:hover .premium-person-title {
383
+ opacity: 1; }
384
+
385
+ .premium-person-style3 .premium-person-container:hover .premium-person-social-list {
386
+ opacity: 1;
387
+ -webkit-transform: translateY(0);
388
+ -ms-transform: translateY(0);
389
+ transform: translateY(0); }
390
+
391
+ .premium-persons-title-cw .premium-person-title {
392
+ -webkit-transform: translateX(15px) rotate(90deg);
393
+ -ms-transform: translateX(15px) rotate(90deg);
394
+ transform: translateX(15px) rotate(90deg);
395
+ -webkit-transform-origin: top;
396
+ -ms-transform-origin: top;
397
+ transform-origin: top; }
398
+
399
+ .premium-persons-title-cw .premium-person-container:hover .premium-person-title {
400
+ -webkit-transform: translateX(0) rotate(90deg);
401
+ -ms-transform: translateX(0) rotate(90deg);
402
+ transform: translateX(0) rotate(90deg); }
403
+
404
+ .premium-persons-title-ccw .premium-person-title {
405
+ width: auto;
406
+ margin-right: 20px;
407
+ -webkit-transform: translateX(15px) rotate(-90deg);
408
+ -ms-transform: translateX(15px) rotate(-90deg);
409
+ transform: translateX(15px) rotate(-90deg);
410
+ -webkit-transform-origin: center right;
411
+ -ms-transform-origin: center right;
412
+ transform-origin: center right; }
413
+
414
+ .premium-persons-title-ccw .premium-person-container:hover .premium-person-title {
415
+ -webkit-transform: translateX(0) rotate(-90deg);
416
+ -ms-transform: translateX(0) rotate(-90deg);
417
+ transform: translateX(0) rotate(-90deg); }
assets/frontend/css/premium-pricing-table-rtl.css CHANGED
@@ -1,289 +1,288 @@
1
  /**************** Premium Pricing Table ****************/
2
  /*******************************************************/
3
  .premium-pricing-table-container {
4
- position: relative;
5
- overflow: hidden;
6
- text-align: center;
7
- -webkit-transition: all 0.3s ease-in-out;
8
- transition: all 0.3s ease-in-out;
9
  }
10
 
11
  .premium-pricing-icon-container {
12
- -js-display: flex;
13
- display: -webkit-box;
14
- display: -webkit-flex;
15
- display: -moz-box;
16
- display: -ms-flexbox;
17
- display: flex;
18
- -webkit-box-pack: center;
19
- -webkit-justify-content: center;
20
- -moz-box-pack: center;
21
- -ms-flex-pack: center;
22
- justify-content: center;
23
- line-height: 0;
24
  }
25
 
26
  .premium-pricing-icon-container .premium-pricing-icon {
27
- display: inline-block;
28
  }
29
 
30
  .premium-pricing-icon-container .premium-pricing-image {
31
- overflow: hidden;
32
  }
33
 
34
  .premium-pricing-icon-container .premium-pricing-image img {
35
- width: 25px;
36
- height: 25px;
37
- -o-object-fit: cover;
38
- object-fit: cover;
39
  }
40
 
41
  .premium-badge-left {
42
- position: absolute;
43
- top: 0;
44
  }
45
 
46
  .premium-badge-right {
47
- position: absolute;
48
- top: 0;
49
- right: 0;
50
  }
51
 
52
  .premium-badge-left {
53
- left: 0;
54
  }
55
 
56
  .premium-badge-triangle.premium-badge-left .corner {
57
- width: 0;
58
- height: 0;
59
- border-top: 150px solid;
60
- border-bottom: 150px solid transparent;
61
- border-right: 150px solid transparent;
62
  }
63
 
64
  .premium-badge-triangle.premium-badge-right .corner {
65
- width: 0;
66
- height: 0;
67
- border-bottom: 150px solid transparent;
68
- border-right: 150px solid;
69
- border-left: 150px solid transparent;
70
  }
71
 
72
  .premium-badge-triangle span {
73
- position: absolute;
74
- top: 35px;
75
- width: 100px;
76
- text-align: center;
77
- -webkit-transform: rotate(-45deg);
78
- -ms-transform: rotate(-45deg);
79
- transform: rotate(-45deg);
80
- display: block;
81
- text-transform: uppercase;
82
  }
83
 
84
  .premium-badge-triangle.premium-badge-right span {
85
- -webkit-transform: rotate(45deg);
86
- -ms-transform: rotate(45deg);
87
- transform: rotate(45deg);
88
- right: 0;
89
  }
90
 
91
  .premium-badge-circle {
92
- min-width: 4em;
93
- min-height: 4em;
94
- line-height: 4em;
95
- text-align: center;
96
- -webkit-border-radius: 100%;
97
- border-radius: 100%;
98
- position: absolute;
99
- z-index: 1;
100
  }
101
 
102
  .premium-badge-stripe {
103
- position: absolute;
104
- -webkit-transform: rotate(90deg);
105
- -ms-transform: rotate(90deg);
106
- transform: rotate(90deg);
107
- width: 15em;
108
- overflow: hidden;
109
- height: 15em;
110
  }
111
 
112
  .premium-badge-stripe.premium-badge-left {
113
- -webkit-transform: rotate(0);
114
- -ms-transform: rotate(0);
115
- transform: rotate(0);
116
  }
117
 
118
  .premium-badge-stripe .corner {
119
- text-align: center;
120
- left: 0;
121
- width: 150%;
122
- -webkit-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
123
- -ms-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
124
- transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
125
- margin-top: 35px;
126
- font-size: 13px;
127
- line-height: 2;
128
- font-weight: 800;
129
- text-transform: uppercase;
130
  }
131
 
132
  .premium-badge-flag .corner {
133
- text-align: center;
134
- -webkit-border-radius: 4px 4px 0 4px;
135
- border-radius: 4px 4px 0 4px;
136
- padding: 3px 15px;
137
- position: absolute;
138
- top: 10%;
139
- right: -8px;
140
  }
141
 
142
  .premium-badge-flag .corner::before,
143
  .premium-badge-flag .corner::after {
144
- content: "";
145
- display: block;
146
- position: absolute;
147
- width: 0;
148
- height: 0;
149
- top: 100%;
150
- right: 0;
151
- border-bottom: 8px solid transparent;
152
  }
153
 
154
  .elementor-widget-premium-addon-pricing-table .elementor-widget-container {
155
- overflow: visible !important;
156
  }
157
 
158
  .premium-badge-flag .corner::after {
159
- border-left: 8px solid rgba(0, 0, 0, 0.2);
160
  }
161
 
162
  .premium-pricing-price-currency {
163
- position: relative;
164
  }
165
 
166
  .premium-pricing-button-container {
167
- display: block;
168
  }
169
 
170
  .premium-pricing-list {
171
- -js-display: flex;
172
- display: -webkit-box;
173
- display: -webkit-flex;
174
- display: -moz-box;
175
- display: -ms-flexbox;
176
- display: flex;
177
- -webkit-box-orient: vertical;
178
- -webkit-box-direction: normal;
179
- -webkit-flex-direction: column;
180
- -moz-box-orient: vertical;
181
- -moz-box-direction: normal;
182
- -ms-flex-direction: column;
183
- flex-direction: column;
184
- list-style-type: none;
185
- margin: 0;
186
  }
187
 
188
  .premium-pricing-list .premium-pricing-list-item {
189
- -js-display: flex;
190
- display: -webkit-box;
191
- display: -webkit-flex;
192
- display: -moz-box;
193
- display: -ms-flexbox;
194
- display: flex;
195
- -webkit-box-align: center;
196
- -webkit-align-items: center;
197
- -moz-box-align: center;
198
- -ms-flex-align: center;
199
- align-items: center;
200
  }
201
 
202
  .premium-pricing-list .premium-pricing-list-item svg {
203
- width: 50px;
204
- height: 50px;
205
  }
206
 
207
  .premium-pricing-list .premium-pricing-list-item img {
208
- width: 30px;
209
- height: 30px;
210
- -o-object-fit: cover;
211
- object-fit: cover;
212
  }
213
 
214
  .premium-pricing-list .premium-pricing-list-span {
215
- position: relative;
216
  }
217
 
218
  .premium-pricing-list .list-item-tooltip {
219
- border-bottom: 1px dotted;
220
  }
221
 
222
  .premium-pricing-list .premium-pricing-list-tooltip {
223
- position: absolute;
224
- top: -webkit-calc(100% + 1px);
225
- top: calc(100% + 1px);
226
- right: 0;
227
- visibility: hidden;
228
- padding: 15px 20px;
229
- -webkit-border-radius: 5px;
230
- border-radius: 5px;
231
- min-width: 200px;
232
- overflow: hidden;
233
- text-align: right;
234
- font-size: 0.8rem;
235
- color: #fff;
236
- background-color: #aaa;
237
  }
238
 
239
  .premium-pricing-features-left .premium-pricing-list-span {
240
- text-align: right;
241
  }
242
 
243
  .premium-pricing-features-center .premium-pricing-list-span {
244
- text-align: center;
245
  }
246
 
247
  .premium-pricing-features-right .premium-pricing-list-span {
248
- text-align: left;
249
  }
250
 
251
  .premium-pricing-list-span:hover .premium-pricing-list-tooltip {
252
- z-index: 99;
253
- visibility: visible;
254
- opacity: 1;
255
  }
256
 
257
  .premium-pricing-slashed-price-value {
258
- display: inline-block;
259
- font-size: 20px;
260
- font-weight: 400;
261
- margin-left: 5px;
262
  }
263
 
264
  .premium-pricing-price-value {
265
- font-size: 70px;
266
  }
267
 
268
  .premium-pricing-description-container li {
269
- list-style-position: inside;
270
- text-indent: -40px;
271
  }
272
 
273
  @-moz-document url-prefix() {
274
- .premium-pricing-description-container li {
275
- text-indent: 0px;
276
- }
277
  }
278
 
279
  .premium-pricing-price-button {
280
- display: block;
281
- padding: 6px 12px;
282
- line-height: 1.42857143;
283
- text-align: center;
284
- color: #fff;
285
- background: #6ec1e4;
286
- margin-bottom: 0;
287
- -webkit-transition: all 0.3s ease-in-out;
288
- transition: all 0.3s ease-in-out;
289
  }
1
  /**************** Premium Pricing Table ****************/
2
  /*******************************************************/
3
  .premium-pricing-table-container {
4
+ position: relative;
5
+ text-align: center;
6
+ -webkit-transition: all 0.3s ease-in-out;
7
+ transition: all 0.3s ease-in-out;
 
8
  }
9
 
10
  .premium-pricing-icon-container {
11
+ -js-display: flex;
12
+ display: -webkit-box;
13
+ display: -webkit-flex;
14
+ display: -moz-box;
15
+ display: -ms-flexbox;
16
+ display: flex;
17
+ -webkit-box-pack: center;
18
+ -webkit-justify-content: center;
19
+ -moz-box-pack: center;
20
+ -ms-flex-pack: center;
21
+ justify-content: center;
22
+ line-height: 0;
23
  }
24
 
25
  .premium-pricing-icon-container .premium-pricing-icon {
26
+ display: inline-block;
27
  }
28
 
29
  .premium-pricing-icon-container .premium-pricing-image {
30
+ overflow: hidden;
31
  }
32
 
33
  .premium-pricing-icon-container .premium-pricing-image img {
34
+ width: 25px;
35
+ height: 25px;
36
+ -o-object-fit: cover;
37
+ object-fit: cover;
38
  }
39
 
40
  .premium-badge-left {
41
+ position: absolute;
42
+ top: 0;
43
  }
44
 
45
  .premium-badge-right {
46
+ position: absolute;
47
+ top: 0;
48
+ right: 0;
49
  }
50
 
51
  .premium-badge-left {
52
+ left: 0;
53
  }
54
 
55
  .premium-badge-triangle.premium-badge-left .corner {
56
+ width: 0;
57
+ height: 0;
58
+ border-top: 150px solid;
59
+ border-bottom: 150px solid transparent;
60
+ border-right: 150px solid transparent;
61
  }
62
 
63
  .premium-badge-triangle.premium-badge-right .corner {
64
+ width: 0;
65
+ height: 0;
66
+ border-bottom: 150px solid transparent;
67
+ border-right: 150px solid;
68
+ border-left: 150px solid transparent;
69
  }
70
 
71
  .premium-badge-triangle span {
72
+ position: absolute;
73
+ top: 35px;
74
+ width: 100px;
75
+ text-align: center;
76
+ -webkit-transform: rotate(-45deg);
77
+ -ms-transform: rotate(-45deg);
78
+ transform: rotate(-45deg);
79
+ display: block;
80
+ text-transform: uppercase;
81
  }
82
 
83
  .premium-badge-triangle.premium-badge-right span {
84
+ -webkit-transform: rotate(45deg);
85
+ -ms-transform: rotate(45deg);
86
+ transform: rotate(45deg);
87
+ right: 0;
88
  }
89
 
90
  .premium-badge-circle {
91
+ min-width: 4em;
92
+ min-height: 4em;
93
+ line-height: 4em;
94
+ text-align: center;
95
+ -webkit-border-radius: 100%;
96
+ border-radius: 100%;
97
+ position: absolute;
98
+ z-index: 1;
99
  }
100
 
101
  .premium-badge-stripe {
102
+ position: absolute;
103
+ -webkit-transform: rotate(90deg);
104
+ -ms-transform: rotate(90deg);
105
+ transform: rotate(90deg);
106
+ width: 15em;
107
+ overflow: hidden;
108
+ height: 15em;
109
  }
110
 
111
  .premium-badge-stripe.premium-badge-left {
112
+ -webkit-transform: rotate(0);
113
+ -ms-transform: rotate(0);
114
+ transform: rotate(0);
115
  }
116
 
117
  .premium-badge-stripe .corner {
118
+ text-align: center;
119
+ left: 0;
120
+ width: 150%;
121
+ -webkit-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
122
+ -ms-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
123
+ transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
124
+ margin-top: 35px;
125
+ font-size: 13px;
126
+ line-height: 2;
127
+ font-weight: 800;
128
+ text-transform: uppercase;
129
  }
130
 
131
  .premium-badge-flag .corner {
132
+ text-align: center;
133
+ -webkit-border-radius: 4px 4px 0 4px;
134
+ border-radius: 4px 4px 0 4px;
135
+ padding: 3px 15px;
136
+ position: absolute;
137
+ top: 10%;
138
+ right: -8px;
139
  }
140
 
141
  .premium-badge-flag .corner::before,
142
  .premium-badge-flag .corner::after {
143
+ content: "";
144
+ display: block;
145
+ position: absolute;
146
+ width: 0;
147
+ height: 0;
148
+ top: 100%;
149
+ right: 0;
150
+ border-bottom: 8px solid transparent;
151
  }
152
 
153
  .elementor-widget-premium-addon-pricing-table .elementor-widget-container {
154
+ overflow: visible !important;
155
  }
156
 
157
  .premium-badge-flag .corner::after {
158
+ border-left: 8px solid rgba(0, 0, 0, 0.2);
159
  }
160
 
161
  .premium-pricing-price-currency {
162
+ position: relative;
163
  }
164
 
165
  .premium-pricing-button-container {
166
+ display: block;
167
  }
168
 
169
  .premium-pricing-list {
170
+ -js-display: flex;
171
+ display: -webkit-box;
172
+ display: -webkit-flex;
173
+ display: -moz-box;
174
+ display: -ms-flexbox;
175
+ display: flex;
176
+ -webkit-box-orient: vertical;
177
+ -webkit-box-direction: normal;
178
+ -webkit-flex-direction: column;
179
+ -moz-box-orient: vertical;
180
+ -moz-box-direction: normal;
181
+ -ms-flex-direction: column;
182
+ flex-direction: column;
183
+ list-style-type: none;
184
+ margin: 0;
185
  }
186
 
187
  .premium-pricing-list .premium-pricing-list-item {
188
+ -js-display: flex;
189
+ display: -webkit-box;
190
+ display: -webkit-flex;
191
+ display: -moz-box;
192
+ display: -ms-flexbox;
193
+ display: flex;
194
+ -webkit-box-align: center;
195
+ -webkit-align-items: center;
196
+ -moz-box-align: center;
197
+ -ms-flex-align: center;
198
+ align-items: center;
199
  }
200
 
201
  .premium-pricing-list .premium-pricing-list-item svg {
202
+ width: 50px;
203
+ height: 50px;
204
  }
205
 
206
  .premium-pricing-list .premium-pricing-list-item img {
207
+ width: 30px;
208
+ height: 30px;
209
+ -o-object-fit: cover;
210
+ object-fit: cover;
211
  }
212
 
213
  .premium-pricing-list .premium-pricing-list-span {
214
+ position: relative;
215
  }
216
 
217
  .premium-pricing-list .list-item-tooltip {
218
+ border-bottom: 1px dotted;
219
  }
220
 
221
  .premium-pricing-list .premium-pricing-list-tooltip {
222
+ position: absolute;
223
+ top: -webkit-calc(100% + 1px);
224
+ top: calc(100% + 1px);
225
+ right: 0;
226
+ visibility: hidden;
227
+ padding: 15px 20px;
228
+ -webkit-border-radius: 5px;
229
+ border-radius: 5px;
230
+ min-width: 200px;
231
+ overflow: hidden;
232
+ text-align: right;
233
+ font-size: 0.8rem;
234
+ color: #fff;
235
+ background-color: #aaa;
236
  }
237
 
238
  .premium-pricing-features-left .premium-pricing-list-span {
239
+ text-align: right;
240
  }
241
 
242
  .premium-pricing-features-center .premium-pricing-list-span {
243
+ text-align: center;
244
  }
245
 
246
  .premium-pricing-features-right .premium-pricing-list-span {
247
+ text-align: left;
248
  }
249
 
250
  .premium-pricing-list-span:hover .premium-pricing-list-tooltip {
251
+ z-index: 99;
252
+ visibility: visible;
253
+ opacity: 1;
254
  }
255
 
256
  .premium-pricing-slashed-price-value {
257
+ display: inline-block;
258
+ font-size: 20px;
259
+ font-weight: 400;
260
+ margin-left: 5px;
261
  }
262
 
263
  .premium-pricing-price-value {
264
+ font-size: 70px;
265
  }
266
 
267
  .premium-pricing-description-container li {
268
+ list-style-position: inside;
269
+ text-indent: -40px;
270
  }
271
 
272
  @-moz-document url-prefix() {
273
+ .premium-pricing-description-container li {
274
+ text-indent: 0px;
275
+ }
276
  }
277
 
278
  .premium-pricing-price-button {
279
+ display: block;
280
+ padding: 6px 12px;
281
+ line-height: 1.42857143;
282
+ text-align: center;
283
+ color: #fff;
284
+ background: #6ec1e4;
285
+ margin-bottom: 0;
286
+ -webkit-transition: all 0.3s ease-in-out;
287
+ transition: all 0.3s ease-in-out;
288
  }
assets/frontend/css/premium-pricing-table.css CHANGED
@@ -1,237 +1,236 @@
1
- /**************** Premium Pricing Table ****************/
2
- /*******************************************************/
3
- .premium-pricing-table-container {
4
- position: relative;
5
- overflow: hidden;
6
- text-align: center;
7
- -webkit-transition: all 0.3s ease-in-out;
8
- transition: all 0.3s ease-in-out; }
9
-
10
- .premium-pricing-icon-container {
11
- -js-display: flex;
12
- display: -webkit-box;
13
- display: -webkit-flex;
14
- display: -moz-box;
15
- display: -ms-flexbox;
16
- display: flex;
17
- -webkit-box-pack: center;
18
- -webkit-justify-content: center;
19
- -moz-box-pack: center;
20
- -ms-flex-pack: center;
21
- justify-content: center;
22
- line-height: 0; }
23
- .premium-pricing-icon-container .premium-pricing-icon {
24
- display: inline-block; }
25
- .premium-pricing-icon-container .premium-pricing-image {
26
- overflow: hidden; }
27
- .premium-pricing-icon-container .premium-pricing-image img {
28
- width: 25px;
29
- height: 25px;
30
- -o-object-fit: cover;
31
- object-fit: cover; }
32
-
33
- .premium-badge-left {
34
- position: absolute;
35
- top: 0; }
36
-
37
- .premium-badge-right {
38
- position: absolute;
39
- top: 0;
40
- right: 0; }
41
-
42
- .premium-badge-left {
43
- left: 0; }
44
-
45
- .premium-badge-triangle.premium-badge-left .corner {
46
- width: 0;
47
- height: 0;
48
- border-top: 150px solid;
49
- border-bottom: 150px solid transparent;
50
- border-right: 150px solid transparent; }
51
-
52
- .premium-badge-triangle.premium-badge-right .corner {
53
- width: 0;
54
- height: 0;
55
- border-bottom: 150px solid transparent;
56
- border-right: 150px solid;
57
- border-left: 150px solid transparent; }
58
-
59
- .premium-badge-triangle span {
60
- position: absolute;
61
- top: 35px;
62
- width: 100px;
63
- text-align: center;
64
- -webkit-transform: rotate(-45deg);
65
- -ms-transform: rotate(-45deg);
66
- transform: rotate(-45deg);
67
- display: block;
68
- text-transform: uppercase; }
69
-
70
- .premium-badge-triangle.premium-badge-right span {
71
- -webkit-transform: rotate(45deg);
72
- -ms-transform: rotate(45deg);
73
- transform: rotate(45deg);
74
- right: 0; }
75
-
76
- .premium-badge-circle {
77
- min-width: 4em;
78
- min-height: 4em;
79
- line-height: 4em;
80
- text-align: center;
81
- -webkit-border-radius: 100%;
82
- border-radius: 100%;
83
- position: absolute;
84
- z-index: 1; }
85
-
86
- .premium-badge-stripe {
87
- position: absolute;
88
- -webkit-transform: rotate(90deg);
89
- -ms-transform: rotate(90deg);
90
- transform: rotate(90deg);
91
- width: 15em;
92
- overflow: hidden;
93
- height: 15em; }
94
- .premium-badge-stripe.premium-badge-left {
95
- -webkit-transform: rotate(0);
96
- -ms-transform: rotate(0);
97
- transform: rotate(0); }
98
- .premium-badge-stripe .corner {
99
- text-align: center;
100
- left: 0;
101
- width: 150%;
102
- -webkit-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
103
- -ms-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
104
- transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
105
- margin-top: 35px;
106
- font-size: 13px;
107
- line-height: 2;
108
- font-weight: 800;
109
- text-transform: uppercase; }
110
-
111
- .premium-badge-flag .corner {
112
- text-align: center;
113
- -webkit-border-radius: 4px 4px 0 4px;
114
- border-radius: 4px 4px 0 4px;
115
- padding: 3px 15px;
116
- position: absolute;
117
- top: 10%;
118
- right: -8px; }
119
- .premium-badge-flag .corner::before, .premium-badge-flag .corner::after {
120
- content: "";
121
- display: block;
122
- position: absolute;
123
- width: 0;
124
- height: 0;
125
- top: 100%;
126
- right: 0;
127
- border-bottom: 8px solid transparent; }
128
-
129
- .elementor-widget-premium-addon-pricing-table .elementor-widget-container {
130
- overflow: visible !important; }
131
-
132
- .premium-badge-flag .corner::after {
133
- border-left: 8px solid rgba(0, 0, 0, 0.2); }
134
-
135
- .premium-pricing-price-currency {
136
- position: relative; }
137
-
138
- .premium-pricing-button-container {
139
- display: block; }
140
-
141
- .premium-pricing-list {
142
- -js-display: flex;
143
- display: -webkit-box;
144
- display: -webkit-flex;
145
- display: -moz-box;
146
- display: -ms-flexbox;
147
- display: flex;
148
- -webkit-box-orient: vertical;
149
- -webkit-box-direction: normal;
150
- -webkit-flex-direction: column;
151
- -moz-box-orient: vertical;
152
- -moz-box-direction: normal;
153
- -ms-flex-direction: column;
154
- flex-direction: column;
155
- list-style-type: none;
156
- margin: 0; }
157
- .premium-pricing-list .premium-pricing-list-item {
158
- -js-display: flex;
159
- display: -webkit-box;
160
- display: -webkit-flex;
161
- display: -moz-box;
162
- display: -ms-flexbox;
163
- display: flex;
164
- -webkit-box-align: center;
165
- -webkit-align-items: center;
166
- -moz-box-align: center;
167
- -ms-flex-align: center;
168
- align-items: center; }
169
- .premium-pricing-list .premium-pricing-list-item svg {
170
- width: 50px;
171
- height: 50px; }
172
- .premium-pricing-list .premium-pricing-list-item img {
173
- width: 30px;
174
- height: 30px;
175
- -o-object-fit: cover;
176
- object-fit: cover; }
177
- .premium-pricing-list .premium-pricing-list-span {
178
- position: relative; }
179
- .premium-pricing-list .list-item-tooltip {
180
- border-bottom: 1px dotted; }
181
- .premium-pricing-list .premium-pricing-list-tooltip {
182
- position: absolute;
183
- top: -webkit-calc(100% + 1px);
184
- top: calc(100% + 1px);
185
- left: 0;
186
- visibility: hidden;
187
- padding: 15px 20px;
188
- -webkit-border-radius: 5px;
189
- border-radius: 5px;
190
- min-width: 200px;
191
- overflow: hidden;
192
- text-align: left;
193
- font-size: 0.8rem;
194
- color: #fff;
195
- background-color: #aaa; }
196
-
197
- .premium-pricing-features-left .premium-pricing-list-span {
198
- text-align: left; }
199
-
200
- .premium-pricing-features-center .premium-pricing-list-span {
201
- text-align: center; }
202
-
203
- .premium-pricing-features-right .premium-pricing-list-span {
204
- text-align: right; }
205
-
206
- .premium-pricing-list-span:hover .premium-pricing-list-tooltip {
207
- z-index: 99;
208
- visibility: visible;
209
- opacity: 1; }
210
-
211
- .premium-pricing-slashed-price-value {
212
- display: inline-block;
213
- font-size: 20px;
214
- font-weight: 400;
215
- margin-right: 5px; }
216
-
217
- .premium-pricing-price-value {
218
- font-size: 70px; }
219
-
220
- .premium-pricing-description-container li {
221
- list-style-position: inside;
222
- text-indent: -40px; }
223
-
224
- @-moz-document url-prefix() {
225
- .premium-pricing-description-container li {
226
- text-indent: 0px; } }
227
-
228
- .premium-pricing-price-button {
229
- display: block;
230
- padding: 6px 12px;
231
- line-height: 1.42857143;
232
- text-align: center;
233
- color: #fff;
234
- background: #6ec1e4;
235
- margin-bottom: 0;
236
- -webkit-transition: all 0.3s ease-in-out;
237
- transition: all 0.3s ease-in-out; }
1
+ /**************** Premium Pricing Table ****************/
2
+ /*******************************************************/
3
+ .premium-pricing-table-container {
4
+ position: relative;
5
+ text-align: center;
6
+ -webkit-transition: all 0.3s ease-in-out;
7
+ transition: all 0.3s ease-in-out; }
8
+
9
+ .premium-pricing-icon-container {
10
+ -js-display: flex;
11
+ display: -webkit-box;
12
+ display: -webkit-flex;
13
+ display: -moz-box;
14
+ display: -ms-flexbox;
15
+ display: flex;
16
+ -webkit-box-pack: center;
17
+ -webkit-justify-content: center;
18
+ -moz-box-pack: center;
19
+ -ms-flex-pack: center;
20
+ justify-content: center;
21
+ line-height: 0; }
22
+ .premium-pricing-icon-container .premium-pricing-icon {
23
+ display: inline-block; }
24
+ .premium-pricing-icon-container .premium-pricing-image {
25
+ overflow: hidden; }
26
+ .premium-pricing-icon-container .premium-pricing-image img {
27
+ width: 25px;
28
+ height: 25px;
29
+ -o-object-fit: cover;
30
+ object-fit: cover; }
31
+
32
+ .premium-badge-left {
33
+ position: absolute;
34
+ top: 0; }
35
+
36
+ .premium-badge-right {
37
+ position: absolute;
38
+ top: 0;
39
+ right: 0; }
40
+
41
+ .premium-badge-left {
42
+ left: 0; }
43
+
44
+ .premium-badge-triangle.premium-badge-left .corner {
45
+ width: 0;
46
+ height: 0;
47
+ border-top: 150px solid;
48
+ border-bottom: 150px solid transparent;
49
+ border-right: 150px solid transparent; }
50
+
51
+ .premium-badge-triangle.premium-badge-right .corner {
52
+ width: 0;
53
+ height: 0;
54
+ border-bottom: 150px solid transparent;
55
+ border-right: 150px solid;
56
+ border-left: 150px solid transparent; }
57
+
58
+ .premium-badge-triangle span {
59
+ position: absolute;
60
+ top: 35px;
61
+ width: 100px;
62
+ text-align: center;
63
+ -webkit-transform: rotate(-45deg);
64
+ -ms-transform: rotate(-45deg);
65
+ transform: rotate(-45deg);
66
+ display: block;
67
+ text-transform: uppercase; }
68
+
69
+ .premium-badge-triangle.premium-badge-right span {
70
+ -webkit-transform: rotate(45deg);
71
+ -ms-transform: rotate(45deg);
72
+ transform: rotate(45deg);
73
+ right: 0; }
74
+
75
+ .premium-badge-circle {
76
+ min-width: 4em;
77
+ min-height: 4em;
78
+ line-height: 4em;
79
+ text-align: center;
80
+ -webkit-border-radius: 100%;
81
+ border-radius: 100%;
82
+ position: absolute;
83
+ z-index: 1; }
84
+
85
+ .premium-badge-stripe {
86
+ position: absolute;
87
+ -webkit-transform: rotate(90deg);
88
+ -ms-transform: rotate(90deg);
89
+ transform: rotate(90deg);
90
+ width: 15em;
91
+ overflow: hidden;
92
+ height: 15em; }
93
+ .premium-badge-stripe.premium-badge-left {
94
+ -webkit-transform: rotate(0);
95
+ -ms-transform: rotate(0);
96
+ transform: rotate(0); }
97
+ .premium-badge-stripe .corner {
98
+ text-align: center;
99
+ left: 0;
100
+ width: 150%;
101
+ -webkit-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
102
+ -ms-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
103
+ transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
104
+ margin-top: 35px;
105
+ font-size: 13px;
106
+ line-height: 2;
107
+ font-weight: 800;
108
+ text-transform: uppercase; }
109
+
110
+ .premium-badge-flag .corner {
111
+ text-align: center;
112
+ -webkit-border-radius: 4px 4px 0 4px;
113
+ border-radius: 4px 4px 0 4px;
114
+ padding: 3px 15px;
115
+ position: absolute;
116
+ top: 10%;
117
+ right: -8px; }
118
+ .premium-badge-flag .corner::before, .premium-badge-flag .corner::after {
119
+ content: "";
120
+ display: block;
121
+ position: absolute;
122
+ width: 0;
123
+ height: 0;
124
+ top: 100%;
125
+ right: 0;
126
+ border-bottom: 8px solid transparent; }
127
+
128
+ .elementor-widget-premium-addon-pricing-table .elementor-widget-container {
129
+ overflow: visible !important; }
130
+
131
+ .premium-badge-flag .corner::after {
132
+ border-left: 8px solid rgba(0, 0, 0, 0.2); }
133
+
134
+ .premium-pricing-price-currency {
135
+ position: relative; }
136
+
137
+ .premium-pricing-button-container {
138
+ display: block; }
139
+
140
+ .premium-pricing-list {
141
+ -js-display: flex;
142
+ display: -webkit-box;
143
+ display: -webkit-flex;
144
+ display: -moz-box;
145
+ display: -ms-flexbox;
146
+ display: flex;
147
+ -webkit-box-orient: vertical;
148
+ -webkit-box-direction: normal;
149
+ -webkit-flex-direction: column;
150
+ -moz-box-orient: vertical;
151
+ -moz-box-direction: normal;
152
+ -ms-flex-direction: column;
153
+ flex-direction: column;
154
+ list-style-type: none;
155
+ margin: 0; }
156
+ .premium-pricing-list .premium-pricing-list-item {
157
+ -js-display: flex;
158
+ display: -webkit-box;
159
+ display: -webkit-flex;
160
+ display: -moz-box;
161
+ display: -ms-flexbox;
162
+ display: flex;
163
+ -webkit-box-align: center;
164
+ -webkit-align-items: center;
165
+ -moz-box-align: center;
166
+ -ms-flex-align: center;
167
+ align-items: center; }
168
+ .premium-pricing-list .premium-pricing-list-item svg {
169
+ width: 50px;
170
+ height: 50px; }
171
+ .premium-pricing-list .premium-pricing-list-item img {
172
+ width: 30px;
173
+ height: 30px;
174
+ -o-object-fit: cover;
175
+ object-fit: cover; }
176
+ .premium-pricing-list .premium-pricing-list-span {
177
+ position: relative; }
178
+ .premium-pricing-list .list-item-tooltip {
179
+ border-bottom: 1px dotted; }
180
+ .premium-pricing-list .premium-pricing-list-tooltip {
181
+ position: absolute;
182
+ top: -webkit-calc(100% + 1px);
183
+ top: calc(100% + 1px);
184
+ left: 0;
185
+ visibility: hidden;
186
+ padding: 15px 20px;
187
+ -webkit-border-radius: 5px;
188
+ border-radius: 5px;
189
+ min-width: 200px;
190
+ overflow: hidden;
191
+ text-align: left;
192
+ font-size: 0.8rem;
193
+ color: #fff;
194
+ background-color: #aaa; }
195
+
196
+ .premium-pricing-features-left .premium-pricing-list-span {
197
+ text-align: left; }
198
+
199
+ .premium-pricing-features-center .premium-pricing-list-span {
200
+ text-align: center; }
201
+
202
+ .premium-pricing-features-right .premium-pricing-list-span {
203
+ text-align: right; }
204
+
205
+ .premium-pricing-list-span:hover .premium-pricing-list-tooltip {
206
+ z-index: 99;
207
+ visibility: visible;
208
+ opacity: 1; }
209
+
210
+ .premium-pricing-slashed-price-value {
211
+ display: inline-block;
212
+ font-size: 20px;
213
+ font-weight: 400;
214
+ margin-right: 5px; }
215
+
216
+ .premium-pricing-price-value {
217
+ font-size: 70px; }
218
+
219
+ .premium-pricing-description-container li {
220
+ list-style-position: inside;
221
+ text-indent: -40px; }
222
+
223
+ @-moz-document url-prefix() {
224
+ .premium-pricing-description-container li {
225
+ text-indent: 0px; } }
226
+
227
+ .premium-pricing-price-button {
228
+ display: block;
229
+ padding: 6px 12px;
230
+ line-height: 1.42857143;
231
+ text-align: center;
232
+ color: #fff;
233
+ background: #6ec1e4;
234
+ margin-bottom: 0;
235
+ -webkit-transition: all 0.3s ease-in-out;
236
+ transition: all 0.3s ease-in-out; }
 
assets/frontend/js/premium-addons.js CHANGED
@@ -1,2349 +1,2371 @@
1
- (function ($) {
2
-
3
- $(window).on('elementor/frontend/init', function () {
4
- var ModuleHandler = elementorModules.frontend.handlers.Base;
5
-
6
- /****** Premium Progress Bar Handler ******/
7
- var PremiumProgressBarWidgetHandler = function ($scope, trigger) {
8
-
9
- var $progressbarElem = $scope.find(".premium-progressbar-container"),
10
- settings = $progressbarElem.data("settings"),
11
- length = settings.progress_length,
12
- speed = settings.speed,
13
- type = settings.type;
14
-
15
-
16
- if ("line" === type) {
17
-
18
- var $progressbar = $progressbarElem.find(".premium-progressbar-bar");
19
-
20
- if (settings.gradient)
21
- $progressbar.css("background", "linear-gradient(-45deg, " + settings.gradient + ")");
22
-
23
- $progressbar.animate({
24
- width: length + "%"
25
- }, speed);
26
-
27
- } else if ("circle" === type) {
28
- if (length > 100)
29
- length = 100;
30
-
31
- $progressbarElem.prop({
32
- 'counter': 0
33
- }).animate({
34
- counter: length
35
- }, {
36
- duration: speed,
37
- easing: 'linear',
38
- step: function (counter) {
39
- var rotate = (counter * 3.6);
40
-
41
- $progressbarElem.find(".premium-progressbar-right-label").text(Math.ceil(counter) + "%");
42
-
43
- $progressbarElem.find(".premium-progressbar-circle-left").css('transform', "rotate(" + rotate + "deg)");
44
- if (rotate > 180) {
45
-
46
- $progressbarElem.find(".premium-progressbar-circle").css({
47
- '-webkit-clip-path': 'inset(0)',
48
- 'clip-path': 'inset(0)',
49
- });
50
-
51
- $progressbarElem.find(".premium-progressbar-circle-right").css('visibility', 'visible');
52
- }
53
- }
54
- });
55
-
56
- } else {
57
-
58
- var $progressbar = $progressbarElem.find(".premium-progressbar-bar-wrap"),
59
- width = $progressbarElem.outerWidth(),
60
- dotSize = settings.dot || 25,
61
- dotSpacing = settings.spacing || 10,
62
- numberOfCircles = Math.ceil(width / (dotSize + dotSpacing)),
63
- circlesToFill = numberOfCircles * (length / 100),
64
- numberOfTotalFill = Math.floor(circlesToFill),
65
- fillPercent = 100 * (circlesToFill - numberOfTotalFill);
66
-
67
- $progressbar.attr('data-circles', numberOfCircles);
68
- $progressbar.attr('data-total-fill', numberOfTotalFill);
69
- $progressbar.attr('data-partial-fill', fillPercent);
70
-
71
- var className = "progress-segment";
72
- for (var i = 0; i < numberOfCircles; i++) {
73
- className = "progress-segment";
74
- var innerHTML = '';
75
-
76
- if (i < numberOfTotalFill) {
77
- innerHTML = "<div class='segment-inner'></div>";
78
- } else if (i === numberOfTotalFill) {
79
-
80
- innerHTML = "<div class='segment-inner'></div>";
81
- }
82
-
83
- $progressbar.append("<div class='" + className + "'>" + innerHTML + "</div>");
84
-
85
- }
86
-
87
- if ("frontend" !== trigger) {
88
- PremiumProgressDotsHandler($scope);
89
- }
90
-
91
- }
92
-
93
- };
94
-
95
- var PremiumProgressDotsHandler = function ($scope) {
96
-
97
- var $progressbarElem = $scope.find(".premium-progressbar-container"),
98
- settings = $progressbarElem.data("settings"),
99
- $progressbar = $scope.find(".premium-progressbar-bar-wrap"),
100
- data = $progressbar.data(),
101
- speed = settings.speed,
102
- increment = 0;
103
-
104
- var numberOfTotalFill = data.totalFill,
105
- numberOfCircles = data.circles,
106
- fillPercent = data.partialFill;
107
-
108
- dotIncrement(increment);
109
-
110
- function dotIncrement(inc) {
111
-
112
- var $dot = $progressbar.find(".progress-segment").eq(inc),
113
- dotWidth = 100;
114
-
115
- if (inc === numberOfTotalFill)
116
- dotWidth = fillPercent
117
-
118
- $dot.find(".segment-inner").animate({
119
- width: dotWidth + '%'
120
- }, speed / numberOfCircles, function () {
121
- increment++;
122
- if (increment <= numberOfTotalFill) {
123
- dotIncrement(increment);
124
- }
125
-
126
- });
127
- }
128
- };
129
-
130
- /****** Premium Progress Bar Scroll Handler *****/
131
- var PremiumProgressBarScrollWidgetHandler = function ($scope, $) {
132
-
133
- var $progressbarElem = $scope.find(".premium-progressbar-container"),
134
- settings = $progressbarElem.data("settings"),
135
- type = settings.type;
136
-
137
- if ("dots" === type) {
138
- PremiumProgressBarWidgetHandler($scope, "frontend");
139
- }
140
-
141
- elementorFrontend.waypoint($scope, function () {
142
- if ("dots" !== type) {
143
- PremiumProgressBarWidgetHandler($(this));
144
- } else {
145
- PremiumProgressDotsHandler($(this));
146
- }
147
-
148
- });
149
- };
150
-
151
- /****** Premium Video Box Handler ******/
152
- var PremiumVideoBoxWidgetHandler = function ($scope, $) {
153
-
154
- var $videoBoxElement = $scope.find(".premium-video-box-container"),
155
- $videoListElement = $scope.find(".premium-video-box-playlist-container"),
156
- $videoContainer = $videoBoxElement.find(".premium-video-box-video-container"), //should be clicked
157
- $videoInnerContainer = $videoBoxElement.find('.premium-video-box-inner-wrap'),
158
- $videoImageContainer = $videoInnerContainer.find('.premium-video-box-image-container'),
159
- type = $videoBoxElement.data("type"),
160
- thumbnail = $videoBoxElement.data("thumbnail"),
161
- sticky = $videoBoxElement.data('sticky'),
162
- stickyOnPlay = $videoBoxElement.data('sticky-play'),
163
- hoverEffect = $videoBoxElement.data('hover'),
164
- $lighboxContainer = $videoListElement.length ? $videoListElement : $videoBoxElement,
165
- lightBox = $lighboxContainer.data('lightbox') ? $lighboxContainer.data('lightbox') : false,
166
- video, vidSrc;
167
-
168
- if (lightBox) {
169
-
170
- if ('prettyphoto' === lightBox.type) {
171
- $lighboxContainer.find(".premium-vid-lightbox-container[data-rel^='prettyPhoto']").prettyPhoto(getPrettyPhotoSettings(lightBox.theme));
172
- }
173
-
174
- $lighboxContainer.find('.premium-video-box-image-container, .premium-video-box-play-icon-container').on('click', function (e) {
175
- triggerLightbox($lighboxContainer, lightBox.type);
176
- });
177
-
178
- } else {
179
- // Youtube playlist option.
180
- if ($videoListElement.length) {
181
-
182
- //Make sure that video were pulled from the API.
183
- if (!$videoContainer.length)
184
- return;
185
-
186
- $videoContainer.each(function (index, item) {
187
-
188
- var vidSrc,
189
- $videoContainer = $(item),
190
- $videoBoxElement = $videoContainer.closest(".premium-video-box-container"),
191
- $trigger = $videoContainer.closest(".premium-video-box-trigger");
192
-
193
- vidSrc = $videoContainer.data("src");
194
- vidSrc = vidSrc + "&autoplay=1";
195
-
196
- $trigger.on("click", function () {
197
-
198
- var $iframe = $("<iframe/>");
199
-
200
- $iframe.attr({
201
- "src": vidSrc,
202
- "frameborder": "0",
203
- "allowfullscreen": "1",
204
- "allow": "autoplay;encrypted-media;"
205
- });
206
- $videoContainer.css("background", "#000");
207
- $videoContainer.html($iframe);
208
-
209
- $videoBoxElement.find(
210
- ".premium-video-box-image-container, .premium-video-box-play-icon-container"
211
- ).remove();
212
-
213
- });
214
-
215
- });
216
-
217
- return;
218
- }
219
-
220
- if ("self" === type) {
221
-
222
- video = $videoContainer.find("video");
223
- vidSrc = video.attr("src");
224
-
225
- } else {
226
-
227
- vidSrc = $videoContainer.data("src");
228
-
229
- if (!thumbnail || -1 !== vidSrc.indexOf("autoplay=1")) {
230
-
231
- //Check if Autoplay on viewport option is enabled
232
- if ($videoBoxElement.data("play-viewport")) {
233
- elementorFrontend.waypoint($videoBoxElement, function () {
234
- playVideo();
235
- });
236
- } else {
237
- playVideo();
238
- }
239
-
240
- } else {
241
- vidSrc = vidSrc + "&autoplay=1";
242
- }
243
-
244
- }
245
-
246
- $videoBoxElement.on("click", function () {
247
- playVideo();
248
- });
249
-
250
- if ("yes" !== sticky || "yes" === stickyOnPlay)
251
- return;
252
-
253
- stickyOption();
254
- }
255
-
256
- function playVideo() {
257
-
258
- if ($videoBoxElement.hasClass("playing")) return;
259
-
260
- $videoBoxElement.addClass("playing");
261
-
262
- if (stickyOnPlay === 'yes')
263
- stickyOption();
264
-
265
- if ("self" === type) {
266
-
267
- $(video).get(0).play();
268
-
269
- $videoContainer.css({
270
- opacity: "1",
271
- visibility: "visible"
272
- });
273
-
274
- } else {
275
-
276
- var $iframe = $("<iframe/>");
277
-
278
- $iframe.attr({
279
- "src": vidSrc,
280
- "frameborder": "0",
281
- "allowfullscreen": "1",
282
- "allow": "autoplay;encrypted-media;"
283
- });
284
- $videoContainer.css("background", "#000");
285
- $videoContainer.html($iframe);
286
- }
287
-
288
- $videoBoxElement.find(
289
- ".premium-video-box-image-container, .premium-video-box-play-icon-container, .premium-video-box-description-container"
290
- ).remove();
291
-
292
- if ("vimeo" === type)
293
- $videoBoxElement.find(".premium-video-box-vimeo-wrap").remove();
294
- }
295
-
296
- function triggerLightbox($container, type) {
297
- if ('elementor' === type) {
298
- $container.find('.premium-video-box-video-container').click();
299
- } else {
300
- $container.find(".premium-vid-lightbox-container[data-rel^='prettyPhoto']").click();
301
- }
302
- }
303
-
304
- function stickyOption() {
305
-
306
- var stickyDesktop = $videoBoxElement.data('hide-desktop'),
307
- stickyTablet = $videoBoxElement.data('hide-tablet'),
308
- stickyMobile = $videoBoxElement.data('hide-mobile'),
309
- stickyMargin = $videoBoxElement.data('sticky-margin');
310
-
311
- $videoBoxElement.off('click').on('click', function (e) {
312
- // if ('yes' === sticky) {
313
- var stickyTarget = e.target.className;
314
- if ((stickyTarget.toString().indexOf('premium-video-box-sticky-close') >= 0) || (stickyTarget.toString().indexOf('premium-video-box-sticky-close') >= 0)) {
315
- return false;
316
- }
317
- // }
318
- playVideo();
319
-
320
- });
321
-
322
- //Make sure Elementor Waypoint is defined
323
- if (typeof elementorFrontend.waypoint !== 'undefined') {
324
-
325
- var stickyWaypoint = elementorFrontend.waypoint(
326
- $videoBoxElement,
327
- function (direction) {
328
- if ('down' === direction) {
329
-
330
- $videoBoxElement.removeClass('premium-video-box-sticky-hide').addClass('premium-video-box-sticky-apply premium-video-box-filter-sticky');
331
-
332
- //Fix conflict with Elementor motion effects
333
- if ($scope.hasClass("elementor-motion-effects-parent")) {
334
- $scope.removeClass("elementor-motion-effects-perspective").find(".elementor-widget-container").addClass("premium-video-box-transform");
335
- }
336
-
337
- if ($videoBoxElement.data("mask")) {
338
- //Fix Sticky position issue when drop-shadow is applied
339
- $scope.find(".premium-video-box-mask-filter").removeClass("premium-video-box-mask-filter");
340
-
341
- $videoBoxElement.find(':first-child').removeClass('premium-video-box-mask-media');
342
-
343
- $videoImageContainer.removeClass(hoverEffect).removeClass('premium-video-box-mask-media').css({
344
- 'transition': 'width 0.2s, height 0.2s',
345
- '-webkit-transition': 'width 0.2s, height 0.2s'
346
- });
347
- }
348
-
349
- $(document).trigger('premium_after_sticky_applied', [$scope]);
350
-
351
- // Entrance Animation Option
352
- if ($videoInnerContainer.data("video-animation") && " " != $videoInnerContainer.data("video-animation")) {
353
- $videoInnerContainer.css("opacity", "0");
354
- var animationDelay = $videoInnerContainer.data('delay-animation');
355
- setTimeout(function () {
356
-
357
- $videoInnerContainer.css("opacity", "1").addClass("animated " + $videoInnerContainer.data("video-animation"));
358
-
359
- }, animationDelay * 1000);
360
- }
361
-
362
- } else {
363
-
364
- $videoBoxElement.removeClass('premium-video-box-sticky-apply premium-video-box-filter-sticky').addClass('premium-video-box-sticky-hide');
365
-
366
- //Fix conflict with Elementor motion effects
367
- if ($scope.hasClass("elementor-motion-effects-parent")) {
368
- $scope.addClass("elementor-motion-effects-perspective").find(".elementor-widget-container").removeClass("premium-video-box-transform");
369
- }
370
-
371
- if ($videoBoxElement.data("mask")) {
372
- //Fix Sticky position issue when drop-shadow is applied
373
- $videoBoxElement.parent().addClass("premium-video-box-mask-filter");
374
-
375
- $videoBoxElement.find(':first-child').eq(0).addClass('premium-video-box-mask-media');
376
- $videoImageContainer.addClass('premium-video-box-mask-media');
377
- }
378
-
379
- $videoImageContainer.addClass(hoverEffect).css({
380
- 'transition': 'all 0.2s',
381
- '-webkit-transition': 'all 0.2s'
382
- });
383
-
384
- $videoInnerContainer.removeClass("animated " + $videoInnerContainer.data("video-animation"));
385
- }
386
- }, {
387
- offset: 0 + '%',
388
- triggerOnce: false
389
- }
390
- );
391
- }
392
-
393
- var closeBtn = $scope.find('.premium-video-box-sticky-close');
394
-
395
- closeBtn.off('click.closetrigger').on('click.closetrigger', function (e) {
396
- e.stopPropagation();
397
- stickyWaypoint[0].disable();
398
-
399
- $videoBoxElement.removeClass('premium-video-box-sticky-apply premium-video-box-sticky-hide');
400
-
401
- //Fix conflict with Elementor motion effects
402
- if ($scope.hasClass("elementor-motion-effects-parent")) {
403
- $scope.addClass("elementor-motion-effects-perspective").find(".elementor-widget-container").removeClass("premium-video-box-transform");
404
- }
405
-
406
- if ($videoBoxElement.data("mask")) {
407
- //Fix Sticky position issue when drop-shadow is applied
408
- $videoBoxElement.parent().addClass("premium-video-box-mask-filter");
409
-
410
- //Necessary classes for mask shape option
411
- $videoBoxElement.find(':first-child').eq(0).addClass('premium-video-box-mask-media');
412
- $videoImageContainer.addClass('premium-video-box-mask-media');
413
- }
414
-
415
-
416
- });
417
-
418
- checkResize(stickyWaypoint);
419
-
420
- checkScroll();
421
-
422
- window.addEventListener("scroll", checkScroll);
423
-
424
- $(window).resize(function (e) {
425
- checkResize(stickyWaypoint);
426
- });
427
-
428
- function checkResize(stickyWaypoint) {
429
- var currentDeviceMode = elementorFrontend.getCurrentDeviceMode();
430
-
431
- if ('' !== stickyDesktop && currentDeviceMode == stickyDesktop) {
432
- disableSticky(stickyWaypoint);
433
- } else if ('' !== stickyTablet && currentDeviceMode == stickyTablet) {
434
- disableSticky(stickyWaypoint);
435
- } else if ('' !== stickyMobile && currentDeviceMode == stickyMobile) {
436
- disableSticky(stickyWaypoint);
437
- } else {
438
- stickyWaypoint[0].enable();
439
- }
440
- }
441
-
442
- function disableSticky(stickyWaypoint) {
443
- stickyWaypoint[0].disable();
444
- $videoBoxElement.removeClass('premium-video-box-sticky-apply premium-video-box-sticky-hide');
445
- }
446
-
447
- function checkScroll() {
448
- if ($videoBoxElement.hasClass('premium-video-box-sticky-apply')) {
449
- $videoInnerContainer.draggable({
450
- start: function () {
451
- $(this).css({
452
- transform: "none",
453
- top: $(this).offset().top + "px",
454
- left: $(this).offset().left + "px"
455
- });
456
- },
457
- containment: 'window'
458
- });
459
- }
460
- }
461
-
462
- $(document).on('premium_after_sticky_applied', function (e, $scope) {
463
- var infobar = $scope.find('.premium-video-box-sticky-infobar');
464
-
465
- if (0 !== infobar.length) {
466
- var infobarHeight = infobar.outerHeight();
467
-
468
- if ($scope.hasClass('premium-video-sticky-center-left') || $scope.hasClass('premium-video-sticky-center-right')) {
469
- infobarHeight = Math.ceil(infobarHeight / 2);
470
- $videoInnerContainer.css('top', 'calc( 50% - ' + infobarHeight + 'px )');
471
- }
472
-
473
- if ($scope.hasClass('premium-video-sticky-bottom-left') || $scope.hasClass('premium-video-sticky-bottom-right')) {
474
- if ('' !== stickyMargin) {
475
- infobarHeight = Math.ceil(infobarHeight);
476
- var stickBottom = infobarHeight + stickyMargin;
477
- $videoInnerContainer.css('bottom', stickBottom);
478
- }
479
- }
480
- }
481
- });
482
-
483
- }
484
-
485
- function getPrettyPhotoSettings(theme) {
486
- return {
487
- theme: theme,
488
- hook: "data-rel",
489
- opacity: 0.7,
490
- show_title: false,
491
- deeplinking: false,
492
- overlay_gallery: true,
493
- custom_markup: "",
494
- default_width: 900,
495
- default_height: 506,
496
- social_tools: ""
497
- };
498
- }
499
- };
500
-
501
- /****** Premium Media Grid Handler ******/
502
- var PremiumGridWidgetHandler = ModuleHandler.extend({
503
-
504
- settings: {},
505
-
506
- getDefaultSettings: function () {
507
- return {
508
- selectors: {
509
- galleryElement: '.premium-gallery-container',
510
- filters: '.premium-gallery-cats-container li',
511
- gradientLayer: '.premium-gallery-gradient-layer',
512
- loadMore: '.premium-gallery-load-more',
513
- loadMoreDiv: '.premium-gallery-load-more div',
514
- vidWrap: '.premium-gallery-video-wrap',
515
- }
516
- }
517
- },
518
-
519
- getDefaultElements: function () {
520
-
521
- var selectors = this.getSettings('selectors'),
522
- elements = {
523
- $galleryElement: this.$element.find(selectors.galleryElement),
524
- $filters: this.$element.find(selectors.filters),
525
- $gradientLayer: this.$element.find(selectors.gradientLayer),
526
- $vidWrap: this.$element.find(selectors.vidWrap)
527
- };
528
-
529
- elements.$loadMore = elements.$galleryElement.parent().find(selectors.loadMore)
530
- elements.$loadMoreDiv = elements.$galleryElement.parent().find(selectors.loadMoreDiv)
531
-
532
- return elements;
533
- },
534
-
535
- bindEvents: function () {
536
- this.getGlobalSettings();
537
- this.run();
538
- },
539
-
540
- getGlobalSettings: function () {
541
- var $galleryElement = this.elements.$galleryElement,
542
- settings = $galleryElement.data('settings');
543
-
544
- this.settings = {
545
- layout: settings.img_size,
546
- loadMore: settings.load_more,
547
- columnWidth: null,
548
- filter: null,
549
- isFilterClicked: false,
550
- minimum: settings.minimum,
551
- imageToShow: settings.click_images,
552
- counter: settings.minimum,
553
- ltrMode: settings.ltr_mode,
554
- shuffle: settings.shuffle,
555
- active_cat: settings.active_cat,
556
- theme: settings.theme,
557
- overlay: settings.overlay,
558
- sort_by: settings.sort_by,
559
- light_box: settings.light_box,
560
- flag: settings.flag,
561
- lightbox_type: settings.lightbox_type
562
- }
563
- },
564
-
565
- updateCounter: function () {
566
-
567
- if (this.settings.isFilterClicked) {
568
-
569
- this.settings.counter = this.settings.minimum;
570
-
571
- this.settings.isFilterClicked = false;
572
-
573
- } else {
574
- this.settings.counter = this.settings.counter;
575
- }
576
-
577
- this.settings.counter = this.settings.counter + this.settings.imageToShow;
578
- },
579
-
580
- updateGrid: function (gradHeight, $isotopeGallery, $loadMoreDiv) {
581
- $.ajax({
582
- url: this.appendItems(this.settings.counter, gradHeight, $isotopeGallery),
583
- beforeSend: function () {
584
- $loadMoreDiv.removeClass("premium-gallery-item-hidden");
585
- },
586
- success: function () {
587
- $loadMoreDiv.addClass("premium-gallery-item-hidden");
588
- }
589
- });
590
- },
591
-
592
- loadMore: function (gradHeight, $isotopeGallery) {
593
-
594
- var $galleryElement = this.elements.$galleryElement,
595
- $loadMoreDiv = this.elements.$loadMoreDiv,
596
- $loadMore = this.elements.$loadMore,
597
- _this = this;
598
-
599
- $loadMoreDiv.addClass("premium-gallery-item-hidden");
600
-
601
- if ($galleryElement.find(".premium-gallery-item").length > this.settings.minimum) {
602
-
603
- $loadMore.removeClass("premium-gallery-item-hidden");
604
-
605
- $galleryElement.parent().on("click", ".premium-gallery-load-less", function () {
606
- _this.settings.counter = _this.settings.counter - _this.settings.imageToShow;
607
- });
608
-
609
- $galleryElement.parent().on("click", ".premium-gallery-load-more-btn:not(.premium-gallery-load-less)", function () {
610
- _this.updateCounter();
611
- _this.updateGrid(gradHeight, $isotopeGallery, $loadMoreDiv);
612
- });
613
-
614
- }
615
-
616
- },
617
-
618
- getItemsToHide: function (instance, imagesToShow) {
619
- var items = instance.filteredItems.slice(imagesToShow, instance
620
- .filteredItems.length).map(function (item) {
621
- return item.element;
622
- });
623
-
624
- return items;
625
- },
626
-
627
- appendItems: function (imagesToShow, gradHeight, $isotopeGallery) {
628
-
629
- var $galleryElement = this.elements.$galleryElement,
630
- $gradientLayer = this.elements.$gradientLayer,
631
- instance = $galleryElement.data("isotope"),
632
- itemsToHide = this.getItemsToHide(instance, imagesToShow);
633
-
634
- $gradientLayer.outerHeight(gradHeight);
635
-
636
- $galleryElement.find(".premium-gallery-item-hidden").removeClass("premium-gallery-item-hidden");
637
-
638
- $galleryElement.parent().find(".premium-gallery-load-more").removeClass("premium-gallery-item-hidden");
639
-
640
- $(itemsToHide).addClass("premium-gallery-item-hidden");
641
-
642
- $isotopeGallery.isotope("layout");
643
-
644
- if (0 == itemsToHide) {
645
-
646
- $gradientLayer.addClass("premium-gallery-item-hidden");
647
-
648
- $galleryElement.parent().find(".premium-gallery-load-more").addClass("premium-gallery-item-hidden");
649
- }
650
- },
651
-
652
- triggerFilerTabs: function (url) {
653
- var filterIndex = url.searchParams.get(this.settings.flag),
654
- $filters = this.elements.$filters;
655
-
656
- if (filterIndex) {
657
-
658
- var $targetFilter = $filters.eq(filterIndex).find("a");
659
-
660
- $targetFilter.trigger('click');
661
-
662
- }
663
- },
664
-
665
- onReady: function ($isotopeGallery) {
666
- var _this = this;
667
-
668
- $isotopeGallery.isotope("layout");
669
-
670
- $isotopeGallery.isotope({
671
- filter: _this.settings.active_cat
672
- });
673
-
674
- var url = new URL(window.location.href);
675
-
676
- if (url)
677
- _this.triggerFilerTabs(url);
678
-
679
- },
680
-
681
- onResize: function ($isotopeGallery) {
682
- var _this = this;
683
-
684
- _this.setMetroLayout();
685
-
686
- $isotopeGallery.isotope({
687
- itemSelector: ".premium-gallery-item",
688
- masonry: {
689
- columnWidth: _this.settings.columnWidth
690
- },
691
- });
692
-
693
- },
694
-
695
- lightBoxDisabled: function () {
696
- var _this = this,
697
- $vidWrap = this.elements.$vidWrap;
698
-
699
- $vidWrap.each(function (index, item) {
700
- var type = $(item).data("type");
701
-
702
- $(item).closest(".premium-gallery-item").on("click", function () {
703
- var $this = $(this);
704
-
705
- $this.find(".pa-gallery-img-container").css("background", "#000");
706
-
707
- $this.find("img, .pa-gallery-icons-caption-container, .pa-gallery-icons-wrapper").css("visibility", "hidden");
708
-
709
- if ("style3" !== _this.settings.skin)
710
- $this.find(".premium-gallery-caption").css("visibility", "hidden");
711
-
712
- if ("hosted" !== type) {
713
- _this.playVid($this);
714
- } else {
715
- _this.playHostedVid(item);
716
- }
717
- });
718
- });
719
-
720
- },
721
-
722
- playVid: function ($this) {
723
- var $iframeWrap = $this.find(".premium-gallery-iframe-wrap"),
724
- src = $iframeWrap.data("src");
725
-
726
- src = src.replace("&mute", "&autoplay=1&mute");
727
-
728
- var $iframe = $("<iframe/>");
729
-
730
- $iframe.attr({
731
- "src": src,
732
- "frameborder": "0",
733
- "allowfullscreen": "1",
734
- "allow": "autoplay;encrypted-media;"
735
- });
736
-
737
- $iframeWrap.html($iframe);
738
-
739
- $iframe.css("visibility", "visible");
740
- },
741
-
742
- playHostedVid: function (item) {
743
- var $video = $(item).find("video");
744
-
745
- $video.get(0).play();
746
- $video.css("visibility", "visible");
747
- },
748
-
749
- run: function () {
750
-
751
- var $galleryElement = this.elements.$galleryElement,
752
- $vidWrap = this.elements.$vidWrap,
753
- $filters = this.elements.$filters,
754
- _this = this;
755
-
756
- if ('metro' === this.settings.layout) {
757
-
758
- this.setMetroLayout();
759
-
760
- this.settings.layout = "masonry";
761
-
762
- $(window).resize(function () { _this.onResize($isotopeGallery); });
763
- }
764
-
765
- var $isotopeGallery = $galleryElement.isotope(this.getIsoTopeSettings());
766
-
767
- $isotopeGallery.imagesLoaded().progress(function () {
768
- $isotopeGallery.isotope("layout");
769
- });
770
-
771
- $(document).ready(function () { _this.onReady($isotopeGallery); });
772
-
773
- if (this.settings.loadMore) {
774
-
775
- var $gradientLayer = this.elements.$gradientLayer,
776
- gradHeight = null;
777
-
778
- setTimeout(function () {
779
- gradHeight = $gradientLayer.outerHeight();
780
- }, 200);
781
-
782
- this.loadMore(gradHeight, $isotopeGallery);
783
- }
784
-
785
- if ("yes" !== this.settings.light_box)
786
- this.lightBoxDisabled();
787
-
788
- $filters.find("a").click(function (e) {
789
- e.preventDefault();
790
-
791
- _this.isFilterClicked = true;
792
-
793
- $filters.find(".active").removeClass("active");
794
-
795
- $(this).addClass("active");
796
-
797
- _this.settings.filter = $(this).attr("data-filter");
798
-
799
- $isotopeGallery.isotope({
800
- filter: _this.settings.filter
801
- });
802
-
803
- if (_this.settings.shuffle) $isotopeGallery.isotope("shuffle");
804
-
805
- if (_this.settings.loadMore) _this.appendItems(_this.settings.minimum, gradHeight, $isotopeGallery);
806
-
807
- return false;