Premium Addons for Elementor - Version 4.5.9

Version Description

  • Fixed: Admin notices not dismissible.
  • Fixed: PHP warnings related to "Disable Unused Widgets" button.
Download this release

Release Info

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

Code changes from version 4.5.8 to 4.5.9

Files changed (11) hide show
  1. admin/assets/css/admin-rtl.css +1701 -1697
  2. admin/assets/css/admin.css +1696 -1692
  3. admin/assets/js/admin.js +410 -405
  4. admin/assets/js/pa-notice.js +1 -0
  5. admin/includes/admin-helper.php +952 -946
  6. admin/includes/admin-notices.php +436 -427
  7. admin/includes/elements.php +1068 -1063
  8. admin/includes/templates/modules-settings.php +148 -148
  9. admin/includes/templates/white-label.php +121 -121
  10. assets/frontend/css/premium-addons-rtl.css +8238 -8238
  11. assets/frontend/css/premium-addons.css +0 -5274
admin/assets/css/admin-rtl.css CHANGED
@@ -1,1698 +1,1702 @@
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-btn.pa-save-button {
22
- font-family: "Red Hat Display";
23
- font-size: 15px;
24
- width: 147px;
25
- height: 43px;
26
- -webkit-border-radius: 10px;
27
- border-radius: 10px;
28
- /* -webkit-filter: drop-shadow(0px 10px 35px rgba(0, 165, 229, 0.3));
29
- filter: drop-shadow(0px 10px 35px rgba(0, 165, 229, 0.3)); */
30
- background-color: #00a5e5;
31
- margin-top: 50px;
32
- }
33
-
34
- .pa-btn.pa-save-button:hover,
35
- .pa-btn.pa-save-button:focus,
36
- .pa-btn.pa-save-button:active {
37
- background: #00a5e5;
38
- color: #fff;
39
- -webkit-box-shadow: none;
40
- box-shadow: none;
41
- }
42
-
43
- .switch {
44
- position: relative;
45
- display: inline-block;
46
- width: 44px;
47
- height: 24px;
48
- -webkit-border-radius: 12px;
49
- border-radius: 12px;
50
- }
51
-
52
- .switch input {
53
- display: none;
54
- }
55
-
56
- .slider,
57
- .pro-slider {
58
- position: absolute;
59
- cursor: pointer;
60
- top: 0;
61
- right: 0;
62
- left: 0;
63
- bottom: 0;
64
- /* background-color: #f2f2f2;
65
- box-shadow: 0 0 2px 1px #ccc inset; */
66
- -webkit-transition: 0.4s;
67
- transition: 0.4s;
68
- }
69
-
70
- .slider:before,
71
- .pro-slider:before {
72
- position: absolute;
73
- content: "";
74
- right: 3px;
75
- top: 50%;
76
- -webkit-transform: translateY(-50%);
77
- -ms-transform: translateY(-50%);
78
- transform: translateY(-50%);
79
- /* background: radial-gradient(farthest-corner at 14px 0px, #f0f0f0 50%, #cacaca 100%); */
80
- -webkit-transition: all 0.4s ease-in-out;
81
- transition: all 0.4s ease-in-out;
82
- padding: 0;
83
- margin: 0;
84
- width: 15px;
85
- height: 15px;
86
- -webkit-border-radius: 8px;
87
- border-radius: 8px;
88
- -webkit-filter: drop-shadow(0px 5px 2.5px rgba(40, 40, 40, 0.35));
89
- filter: drop-shadow(0px 5px 2.5px rgba(40, 40, 40, 0.35));
90
- background-color: #f7f7f7;
91
- border: 1px solid #ffffff;
92
- /* box-shadow: 0 2.5px 5px #b8b8b9; */
93
- }
94
-
95
- input:checked+.slider {
96
- background: #8dc900;
97
- }
98
-
99
- input:focus+.slider {
100
- -webkit-box-shadow: 0 0 1px #18a4fd;
101
- box-shadow: 0 0 1px #18a4fd;
102
- }
103
-
104
- input:checked+.slider:before {
105
- -webkit-transform: translate3d(-20px, -50%, 0);
106
- transform: translate3d(-20px, -50%, 0);
107
- }
108
-
109
- .slider.round,
110
- .pro-slider.round {
111
- -webkit-border-radius: 34px;
112
- border-radius: 34px;
113
- background-image: -webkit-gradient(linear, right top, right bottom, from(#cfcfcf), to(#dbdbdb));
114
- background-image: -webkit-linear-gradient(top, #cfcfcf 0%, #dbdbdb 100%);
115
- background-image: linear-gradient(-180deg, #cfcfcf 0%, #dbdbdb 100%);
116
- }
117
-
118
- .slider.round:before,
119
- .pro-slider.round:before {
120
- -webkit-border-radius: 50%;
121
- border-radius: 50%;
122
- }
123
-
124
- .pa-switcher input:disabled+.pro-slider::after {
125
- position: absolute;
126
- content: "\e912";
127
- font-family: "pa-dash";
128
- color: #474747;
129
- left: 8px;
130
- top: 50%;
131
- -webkit-transform: translateY(-50%);
132
- -ms-transform: translateY(-50%);
133
- transform: translateY(-50%);
134
- }
135
-
136
- .pa-api-disable-title label,
137
- .pa-is-beta label {
138
- margin-left: 15px;
139
- }
140
-
141
- .pa-api-disable-title span,
142
- .pa-is-beta span {
143
- font-weight: 400;
144
- }
145
-
146
- .pa-maps-api-notice {
147
- margin: 0.5em 0;
148
- }
149
-
150
- .pa-api-title input {
151
- margin-top: 10px;
152
- font-size: normal;
153
- font-weight: 400;
154
- width: 400px;
155
- margin-right: 30px;
156
- }
157
-
158
- .pa-sys-info-tab {
159
- background: #f7f7f7;
160
- margin: 8px;
161
- border: 2px solid #ddd;
162
- -webkit-border-radius: 3px;
163
- border-radius: 3px;
164
- padding: 0;
165
- }
166
-
167
- .pa-system-info-container {
168
- padding: 10px;
169
- }
170
-
171
- .dialog-type-lightbox .dialog-widget-header {
172
- text-align: center;
173
- font-size: 15px;
174
- color: #495157;
175
- padding: 30px 0 10px;
176
- font-weight: 500;
177
- }
178
-
179
- .pa-swal.swal2-show {
180
- padding: 32px;
181
- padding-bottom: 50px;
182
- background-image: url("../../images/popup-pattern.jpg");
183
- background-repeat: no-repeat;
184
- -webkit-background-size: cover;
185
- background-size: cover;
186
- -webkit-border-radius: 0 50px;
187
- border-radius: 0 50px;
188
- }
189
-
190
- .pa-swal .swal2-close {
191
- color: #c2c4cf;
192
- }
193
-
194
- .pa-swal .swal2-close:hover {
195
- color: #00a5e5;
196
- }
197
-
198
- .pa-swal .swal2-title {
199
- margin: 0;
200
- }
201
-
202
- .pa-swal .swal2-content {
203
- font-size: 13px;
204
- color: #474747;
205
- font-family: "Poppins";
206
- text-align: center;
207
- margin: 0;
208
- margin-bottom: 0px;
209
- }
210
-
211
- .pa-swal .swal2-cancel.swal2-styled,
212
- .pa-swal .swal2-cancel.swal2-styled:hover,
213
- .pa-swal .swal2-confirm.swal2-styled {
214
- background-image: none !important;
215
- background-color: #ebebeb;
216
- color: #474747;
217
- border: none !important;
218
- -webkit-box-shadow: none !important;
219
- box-shadow: none !important;
220
- font-family: "Red Hat Display";
221
- font-size: 15px;
222
- font-weight: 700;
223
- }
224
-
225
- .pa-swal .swal2-confirm.swal2-styled,
226
- .pa-swal .swal2-confirm.swal2-styled:hover {
227
- min-width: 128px;
228
- color: #fff;
229
- background-image: none !important;
230
- background-color: #00a5e5;
231
- }
232
-
233
- /**
234
- * New Dashboard
235
- */
236
- .pa-settings-wrap {
237
- padding: 35px;
238
- padding-right: 15px;
239
- }
240
-
241
- .pa-settings-section {
242
- display: none;
243
- }
244
-
245
- .pa-settings-tabs {
246
- background-color: #fff;
247
- -webkit-border-radius: 15px;
248
- border-radius: 15px;
249
- padding: 36px;
250
- margin-bottom: 12px;
251
- }
252
-
253
- .pa-settings-tabs-list {
254
- clear: right;
255
- margin: 0;
256
- list-style-type: none;
257
- }
258
-
259
- .pa-settings-tabs .pa-settings-tabs-list li {
260
- display: inline-block;
261
- margin-bottom: 0;
262
- margin-left: 23px;
263
- }
264
-
265
- .pa-settings-section.active {
266
- display: block;
267
- }
268
-
269
- .papro-admin-notice a,
270
- .pa-settings-wrap .pa-settings-tabs a {
271
- -js-display: flex;
272
- display: -webkit-box;
273
- display: -webkit-flex;
274
- display: -moz-box;
275
- display: -ms-flexbox;
276
- display: flex;
277
- -webkit-box-pack: center;
278
- -webkit-justify-content: center;
279
- -moz-box-pack: center;
280
- -ms-flex-pack: center;
281
- justify-content: center;
282
- -webkit-box-align: center;
283
- -webkit-align-items: center;
284
- -moz-box-align: center;
285
- -ms-flex-align: center;
286
- align-items: center;
287
- font-size: 14px;
288
- line-height: 1.8em;
289
- position: relative;
290
- color: #252c59;
291
- text-decoration: none;
292
- -webkit-transition: all 0.3s ease;
293
- transition: all 0.3s ease;
294
- }
295
-
296
- .papro-admin-notice a.papro-notice-btn {
297
- width: 120px;
298
- /* height: 58px; */
299
- -webkit-border-radius: 15px;
300
- border-radius: 15px;
301
- -webkit-filter: drop-shadow(0px 5px 50px rgba(87, 0, 101, 0.7));
302
- filter: drop-shadow(0px 5px 50px rgba(87, 0, 101, 0.7));
303
- background-color: #ffffff;
304
- font-size: 18px;
305
- color: #fe6300;
306
- font-weight: 800;
307
- font-family: "Red Hat Display";
308
- text-align: center;
309
- padding: 10px 20px;
310
- }
311
-
312
- .pa-settings-wrap .pa-settings-tabs a:focus {
313
- outline: none;
314
- -webkit-box-shadow: none;
315
- box-shadow: none;
316
- }
317
-
318
- .pa-settings-wrap .pa-settings-tabs span {
319
- margin-right: 8px;
320
- font-family: "Poppins";
321
- font-weight: 500;
322
- }
323
-
324
- .pa-settings-wrap .pa-settings-tabs .pa-section-active {
325
- color: #00a5e5;
326
- }
327
-
328
- .pa-section {
329
- display: none;
330
- position: relative;
331
- background-color: #fff;
332
- -webkit-transition: opacity 0.2s;
333
- transition: opacity 0.2s;
334
- padding: 36px;
335
- -webkit-border-radius: 15px;
336
- border-radius: 15px;
337
- }
338
-
339
- /**
340
- * General Tab
341
- */
342
- #pa-general-settings {
343
- -js-display: flex;
344
- display: -webkit-box;
345
- display: -webkit-flex;
346
- display: -moz-box;
347
- display: -ms-flexbox;
348
- display: flex;
349
- }
350
-
351
- #pa-general-settings .col-half:first-of-type {
352
- margin-left: 16px;
353
- }
354
-
355
- #pa-general-settings .pa-section-info i {
356
- vertical-align: bottom;
357
- }
358
-
359
- /**
360
- * Tab Info
361
- */
362
- .pa-section-info-wrap {
363
- padding: 36px;
364
- -webkit-border-radius: 15px;
365
- border-radius: 15px;
366
- background-color: #f7f7f7;
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-pack: justify;
374
- -webkit-justify-content: space-between;
375
- -moz-box-pack: justify;
376
- -ms-flex-pack: justify;
377
- justify-content: space-between;
378
- -webkit-box-align: center;
379
- -webkit-align-items: center;
380
- -moz-box-align: center;
381
- -ms-flex-align: center;
382
- align-items: center;
383
- }
384
-
385
- #pa-ver-control-settings .pa-section-info-wrap {
386
- -webkit-box-orient: vertical;
387
- -webkit-box-direction: normal;
388
- -webkit-flex-direction: column;
389
- -moz-box-orient: vertical;
390
- -moz-box-direction: normal;
391
- -ms-flex-direction: column;
392
- flex-direction: column;
393
- -webkit-box-align: start;
394
- -webkit-align-items: flex-start;
395
- -moz-box-align: start;
396
- -ms-flex-align: start;
397
- align-items: flex-start;
398
- }
399
-
400
- #pa-features-settings .pa-section-info-wrap:nth-of-type(n + 2),
401
- #pa-ver-control-settings .pa-section-info-wrap:nth-of-type(n + 2) {
402
- margin-top: 36px;
403
- }
404
-
405
- .pa-section-info-wrap h4 {
406
- font-size: 20px;
407
- color: #252c59;
408
- font-weight: 900;
409
- font-family: "Red Hat Display";
410
- margin: 0;
411
- }
412
-
413
- .pa-section-info-wrap p {
414
- font-size: 15px;
415
- color: #474747;
416
- font-family: "Poppins";
417
- margin: 0;
418
- margin-top: 14px;
419
- }
420
-
421
- .pa-section-info-cta {
422
- -js-display: flex;
423
- display: -webkit-box;
424
- display: -webkit-flex;
425
- display: -moz-box;
426
- display: -ms-flexbox;
427
- display: flex;
428
- -webkit-box-align: center;
429
- -webkit-align-items: center;
430
- -moz-box-align: center;
431
- -ms-flex-align: center;
432
- align-items: center;
433
- margin-top: 25px;
434
- }
435
-
436
- .pa-section-info-cta .pa-btn {
437
- color: #474747;
438
- background-color: #ebebeb;
439
- padding: 8px 20px;
440
- -webkit-border-radius: 10px;
441
- border-radius: 10px;
442
- font-size: 15px;
443
- font-weight: 700;
444
- font-family: "Red Hat Display";
445
- -webkit-transition: all 0.2s ease-in-out;
446
- transition: all 0.2s ease-in-out;
447
- }
448
-
449
- .pa-section-info-cta .pa-btn:hover,
450
- .pa-section-info-cta .pa-btn:focus,
451
- .pa-section-info-cta .pa-btn:active {
452
- color: #fff;
453
- background-color: #00a5e5;
454
- }
455
-
456
- .pa-section-info-cta .pa-section-info-label {
457
- font-size: 13px;
458
- color: #474747;
459
- font-family: "Poppins";
460
- text-align: left;
461
- }
462
-
463
- .pa-section-info-cta .pa-section-info-warning {
464
- font-size: 13px;
465
- color: #cca329;
466
- font-weight: 300;
467
- font-family: "Poppins";
468
- margin-right: 20px;
469
- }
470
-
471
- .pa-section-info-cta .pa-section-info-warning i {
472
- font-weight: 300;
473
- vertical-align: bottom;
474
- }
475
-
476
- .pa-btn-group .pa-btn,
477
- .pa-btn-group .pa-btn-unused {
478
- font-family: "Red Hat Display";
479
- color: #8e8e8e;
480
- background-color: #ebebeb;
481
- border: 0px solid;
482
- padding: 16px 28px;
483
- -webkit-border-radius: 10px;
484
- border-radius: 10px;
485
- font-size: 15px;
486
- font-weight: 700;
487
- cursor: pointer;
488
- -webkit-transition: 300ms;
489
- transition: 300ms;
490
- display: block;
491
- }
492
-
493
- .pa-btn-group .pa-btn-unused {
494
- background: transparent;
495
- color: #252C59;
496
- float: left;
497
- }
498
-
499
- .pa-btn-group .pa-btn-unused.dimmed {
500
- cursor: no-drop;
501
- color: #C2C4CF;
502
- }
503
-
504
- .pa-element-name .pa-total-use {
505
- color: #252C59;
506
- }
507
-
508
-
509
-
510
- .pa-btn-group button.pa-btn-enable {
511
- -webkit-border-top-left-radius: 0;
512
- border-top-left-radius: 0;
513
- -webkit-border-bottom-left-radius: 0;
514
- border-bottom-left-radius: 0;
515
- float: right;
516
- }
517
-
518
- .pa-btn-group button.pa-btn-disable {
519
- -webkit-border-top-right-radius: 0;
520
- border-top-right-radius: 0;
521
- -webkit-border-bottom-right-radius: 0;
522
- border-bottom-right-radius: 0;
523
- float: left;
524
- }
525
-
526
- .pa-btn-group .pa-btn-enable.active {
527
- color: #fff;
528
- -webkit-box-shadow: inset -3.5px 1.8px 7px 0px rgba(125, 125, 125, 0.5);
529
- box-shadow: inset -3.5px 1.8px 7px 0px rgba(125, 125, 125, 0.5);
530
- background-color: #8dc900;
531
- }
532
-
533
- .pa-btn-group .pa-btn-disable.active {
534
- color: #fff;
535
- -webkit-box-shadow: inset -3.564px 1.816px 7px 0px rgba(81, 81, 81, 0.5);
536
- box-shadow: inset -3.564px 1.816px 7px 0px rgba(81, 81, 81, 0.5);
537
- background-color: #898989;
538
- }
539
-
540
- .pa-btn-group .pa-btn-enable:not(.active):hover {
541
- color: #ffffff;
542
- background-color: #8dc900;
543
- }
544
-
545
- .pa-btn-group .pa-btn-disable:not(.active):hover {
546
- color: #ffffff;
547
- background-color: #898989;
548
- }
549
-
550
- /*
551
- * Widgets & Addons Tab
552
- */
553
- .pa-elements-settings {
554
- position: relative;
555
- -js-display: flex;
556
- display: -webkit-box;
557
- display: -webkit-flex;
558
- display: -moz-box;
559
- display: -ms-flexbox;
560
- display: flex;
561
- margin-top: 16px;
562
- }
563
-
564
- .pa-elements-filter {
565
- position: absolute;
566
- top: 10px;
567
- left: 16px;
568
- }
569
-
570
- .pa-elements-filter label {
571
- font-size: 13px;
572
- color: #474747;
573
- font-family: "Poppins";
574
- margin-left: 10px;
575
- }
576
-
577
- .pa-elements-filter select {
578
- padding: 5px 15px 5px 35px;
579
- }
580
-
581
- .pa-elements-tabs {
582
- -webkit-border-radius: 10px;
583
- border-radius: 10px;
584
- background-color: #f7f7f7;
585
- padding: 20px;
586
- margin-left: 16px;
587
- }
588
-
589
- .pa-elements-tabs .pa-elements-tab {
590
- position: relative;
591
- padding: 0;
592
- margin-bottom: 12px;
593
- text-align: center;
594
- }
595
-
596
- .pa-elements-tab .pa-element-tab-tooltip {
597
- position: absolute;
598
- background-color: #3a3c40;
599
- display: block;
600
- position: absolute;
601
- top: 50%;
602
- right: 100%;
603
- padding: 10px 20px;
604
- -webkit-border-radius: 13px;
605
- border-radius: 13px;
606
- -webkit-filter: drop-shadow(0px 5px 27.5px rgba(104, 104, 104, 0.3));
607
- filter: drop-shadow(0px 5px 27.5px rgba(104, 104, 104, 0.3));
608
- background-color: #ffffff;
609
- font-size: 11px;
610
- color: #252c59;
611
- font-weight: 500;
612
- font-family: "Poppins";
613
- opacity: 0;
614
- pointer-events: none;
615
- text-transform: capitalize;
616
- -webkit-transform: translate(-30px, -50%);
617
- -ms-transform: translate(-30px, -50%);
618
- transform: translate(-30px, -50%);
619
- -webkit-transition: all 0.3s ease;
620
- transition: all 0.3s ease;
621
- z-index: 1;
622
- white-space: nowrap;
623
- }
624
-
625
- .pa-elements-tab .pa-element-tab-tooltip::before {
626
- display: block;
627
- position: absolute;
628
- top: 50%;
629
- right: -5px;
630
- width: 0;
631
- height: 0;
632
- content: "";
633
- border-top: 5px solid transparent;
634
- border-bottom: 5px solid transparent;
635
- border-left: 5px solid #ffffff;
636
- -webkit-transform: translateY(-50%);
637
- -ms-transform: translateY(-50%);
638
- transform: translateY(-50%);
639
- }
640
-
641
- .pa-elements-tab .pa-elements-tab-link {
642
- -js-display: flex;
643
- display: -webkit-box;
644
- display: -webkit-flex;
645
- display: -moz-box;
646
- display: -ms-flexbox;
647
- display: flex;
648
- -webkit-box-pack: center;
649
- -webkit-justify-content: center;
650
- -moz-box-pack: center;
651
- -ms-flex-pack: center;
652
- justify-content: center;
653
- -webkit-box-align: center;
654
- -webkit-align-items: center;
655
- -moz-box-align: center;
656
- -ms-flex-align: center;
657
- align-items: center;
658
- color: #c2c4cf;
659
- padding: 12px;
660
- text-decoration: none;
661
- -webkit-transition: all 0.3s ease-in-out;
662
- transition: all 0.3s ease-in-out;
663
- -webkit-border-radius: 13px;
664
- border-radius: 13px;
665
- }
666
-
667
- .pa-elements-tab .pa-elements-tab-link:hover,
668
- .pa-elements-tab .pa-elements-tab-link.active {
669
- -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));
670
- 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));
671
- background-color: #ffffff;
672
- color: #00a5e5;
673
- outline: none;
674
- border: none;
675
- text-decoration: none;
676
- -webkit-box-shadow: none;
677
- box-shadow: none;
678
- }
679
-
680
- .pa-elements-tab .pa-elements-tab-link:hover+span {
681
- opacity: 1;
682
- -webkit-transform: translate(-20px, -50%);
683
- -ms-transform: translate(-20px, -50%);
684
- transform: translate(-20px, -50%);
685
- }
686
-
687
- .pa-switchers {
688
- -js-display: flex;
689
- display: -webkit-box;
690
- display: -webkit-flex;
691
- display: -moz-box;
692
- display: -ms-flexbox;
693
- display: flex;
694
- -webkit-flex-wrap: wrap;
695
- -ms-flex-wrap: wrap;
696
- flex-wrap: wrap;
697
- -webkit-align-content: flex-start;
698
- -ms-flex-line-pack: start;
699
- align-content: flex-start;
700
- }
701
-
702
- .pa-switchers-container {
703
- width: 100%;
704
- }
705
-
706
- .pa-switchers-container.hidden,
707
- .pa-switcher.hidden {
708
- display: none;
709
- }
710
-
711
- .pa-switchers-container .pa-elements-tab-title {
712
- font-size: 20px;
713
- color: #252c59;
714
- font-weight: 900;
715
- font-family: "Red Hat Display";
716
- margin: 16px 0;
717
- }
718
-
719
- .pa-switcher {
720
- -webkit-border-radius: 15px;
721
- border-radius: 15px;
722
- background-color: #f7f7f7;
723
- position: relative;
724
- -js-display: flex;
725
- display: -webkit-box;
726
- display: -webkit-flex;
727
- display: -moz-box;
728
- display: -ms-flexbox;
729
- display: flex;
730
- width: -webkit-calc(50% - 56px);
731
- width: calc(50% - 56px);
732
- -webkit-box-pack: justify;
733
- -webkit-justify-content: space-between;
734
- -moz-box-pack: justify;
735
- -ms-flex-pack: justify;
736
- justify-content: space-between;
737
- -webkit-box-align: center;
738
- -webkit-align-items: center;
739
- -moz-box-align: center;
740
- -ms-flex-align: center;
741
- align-items: center;
742
- padding: 20px;
743
- margin-top: 16px;
744
- margin-left: 16px;
745
- }
746
-
747
- .pa-element-info {
748
- -js-display: flex;
749
- display: -webkit-box;
750
- display: -webkit-flex;
751
- display: -moz-box;
752
- display: -ms-flexbox;
753
- display: flex;
754
- -webkit-box-align: center;
755
- -webkit-align-items: center;
756
- -moz-box-align: center;
757
- -ms-flex-align: center;
758
- align-items: center;
759
- }
760
-
761
- .pa-element-info .pa-element-icon {
762
- color: #252c59;
763
- background-color: #ebebeb;
764
- -webkit-border-radius: 15px;
765
- border-radius: 15px;
766
- /* padding: 12px; */
767
- min-width: 40px;
768
- min-height: 40px;
769
- margin-left: 10px;
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-box-pack: center;
777
- -webkit-justify-content: center;
778
- -moz-box-pack: center;
779
- -ms-flex-pack: center;
780
- justify-content: center;
781
- -webkit-box-align: center;
782
- -webkit-align-items: center;
783
- -moz-box-align: center;
784
- -ms-flex-align: center;
785
- align-items: center;
786
- }
787
-
788
- .pa-element-name {
789
- font-size: 16px;
790
- color: #252c59;
791
- font-weight: 700;
792
- font-family: "Red Hat Display";
793
- margin: 0;
794
- -js-display: flex;
795
- display: -webkit-box;
796
- display: -webkit-flex;
797
- display: -moz-box;
798
- display: -ms-flexbox;
799
- display: flex;
800
- }
801
-
802
- .pa-element-name span {
803
- text-transform: uppercase;
804
- color: #fd9926;
805
- font-weight: 700;
806
- font-size: 11px;
807
- margin-right: 5px;
808
- }
809
-
810
- .pa-element-link {
811
- font-size: 13px;
812
- color: #252c59;
813
- font-family: "Poppins";
814
- text-decoration: none;
815
- -webkit-transition: all 0.2s ease-in-out;
816
- transition: all 0.2s ease-in-out;
817
- }
818
-
819
- .pa-element-link-separator {
820
- width: 3px;
821
- height: 3px;
822
- display: inline-block;
823
- text-align: center;
824
- color: #252c59;
825
- background: #252c59;
826
- -webkit-border-radius: 50%;
827
- border-radius: 50%;
828
- vertical-align: middle;
829
- margin: 0 3px;
830
- }
831
-
832
- .pa-element-link:hover,
833
- .pa-element-link:focus {
834
- color: #00a5e5;
835
- text-decoration: none;
836
- outline: none;
837
- -webkit-box-shadow: none;
838
- box-shadow: none;
839
- border: none;
840
- }
841
-
842
- /*
843
- * Integrations
844
- */
845
- .pa-maps-table select {
846
- width: 100%;
847
- max-width: 100%;
848
- padding: 8px;
849
- }
850
-
851
- .pa-maps-table #premium-map-api,
852
- .pa-maps-table #premium-youtube-api {
853
- width: 100%;
854
- }
855
-
856
- .pa-maps-table tr td {
857
- padding-top: 30px;
858
- }
859
-
860
- .pa-maps-table tr td:first-of-type {
861
- padding-left: 30px;
862
- }
863
-
864
- .pa-maps-table td h4 {
865
- margin: 0;
866
- font-size: 15px;
867
- color: #252c59;
868
- font-weight: 500;
869
- font-family: "Poppins";
870
- display: inline-block;
871
- }
872
-
873
- .pa-maps-table td span {
874
- font-size: 13px;
875
- color: #474747;
876
- font-family: "Poppins";
877
- vertical-align: middle;
878
- }
879
-
880
- .pa-maps-table td input[type="text"] {
881
- -webkit-border-radius: 10px;
882
- border-radius: 10px;
883
- background-color: #ebebeb;
884
- border: none;
885
- padding: 8px 20px;
886
- }
887
-
888
- .pa-section input[type="checkbox"] {
889
- border: none;
890
- display: none;
891
- }
892
-
893
- .pa-section input[type="checkbox"]+label {
894
- position: relative;
895
- background: #ebebeb;
896
- height: 16px;
897
- width: 16px;
898
- display: inline-block;
899
- padding: 0;
900
- margin-left: 5px;
901
- -webkit-border-radius: 4px;
902
- border-radius: 4px;
903
- }
904
-
905
- .pa-section input[type="checkbox"]:checked+label {
906
- background: #00a5e5;
907
- height: 16px;
908
- width: 16px;
909
- display: inline-block;
910
- padding: 0;
911
- }
912
-
913
- .pa-section input[type="checkbox"]:checked+label:before {
914
- position: absolute;
915
- content: "✔";
916
- color: #fff;
917
- font-size: 12px;
918
- top: 0;
919
- right: 0;
920
- width: 100%;
921
- height: 100%;
922
- text-align: center;
923
- margin-top: -1px;
924
- }
925
-
926
- .pa-maps-table td input:focus {
927
- outline: none;
928
- -webkit-box-shadow: none;
929
- box-shadow: none;
930
- border: none;
931
- }
932
-
933
- .pa-elements-filter select,
934
- .pa-maps-table td select {
935
- border-color: #dcdcdc;
936
- -webkit-border-radius: 10px;
937
- border-radius: 10px;
938
- -webkit-border-bottom-left-radius: 0;
939
- border-bottom-left-radius: 0;
940
- }
941
-
942
- .pa-maps-circle-icon {
943
- width: 5px;
944
- height: 5px;
945
- background-color: #252c59;
946
- -webkit-border-radius: 50%;
947
- border-radius: 50%;
948
- display: inline-block;
949
- vertical-align: middle;
950
- margin-left: 10px;
951
- }
952
-
953
- .pa-maps-table td h4:before {
954
- position: absolute;
955
- content: "";
956
- }
957
-
958
- /*
959
- * White Labeling Tab
960
- */
961
- .pa-wht-lbl-settings .pa-wht-lbl-title {
962
- font-size: 20px;
963
- color: #252c59;
964
- font-weight: 900;
965
- font-family: "Red Hat Display";
966
- margin: 0;
967
- }
968
-
969
- .pa-wht-lbl-settings .pa-row {
970
- width: 60%;
971
- float: right;
972
- }
973
-
974
- .pa-wht-lbl-settings .pa-wht-lbl-admin {
975
- width: 30%;
976
- float: right;
977
- margin-right: 16px;
978
- }
979
-
980
- .pa-wht-lbl-settings .pa-wht-lbl-head {
981
- border-bottom: 1px solid #ddd;
982
- background: #f7f7f7;
983
- padding: 20px;
984
- }
985
-
986
- .pa-wht-lbl-table {
987
- text-align: right;
988
- }
989
-
990
- .pa-wht-lbl-settings input {
991
- font-weight: 400;
992
- margin: 0;
993
- margin-bottom: 12px;
994
- -webkit-border-radius: 10px;
995
- border-radius: 10px;
996
- /* background-color: #ebebeb; */
997
- border: 1px solid #dcdcdc;
998
- padding: 8px 20px;
999
- }
1000
-
1001
- /* .pa-wht-lbl-settings input + span {
1002
- margin-left: 0.3em;
1003
- } */
1004
-
1005
- .pa-wht-lbl-settings label+span {
1006
- font-family: "Poppins";
1007
- vertical-align: middle;
1008
- }
1009
-
1010
- .pa-wht-lbl-settings .pa-input-label {
1011
- display: block;
1012
- font-weight: 600;
1013
- margin: 10px 0 6px;
1014
- font-size: 14px;
1015
- color: #252c59;
1016
- font-family: "Red Hat Display";
1017
- }
1018
-
1019
- .pa-wht-lbl-settings input[type="text"] {
1020
- width: 550px;
1021
- }
1022
-
1023
- .pa-wht-lbl-settings input[type="text"]::-webkit-input-placeholder {
1024
- font-weight: 300;
1025
- font-family: "Poppins";
1026
- }
1027
-
1028
- .pa-wht-lbl-settings input[type="text"]:-moz-placeholder {
1029
- font-weight: 300;
1030
- font-family: "Poppins";
1031
- }
1032
-
1033
- .pa-wht-lbl-settings input[type="text"]::-moz-placeholder {
1034
- font-weight: 300;
1035
- font-family: "Poppins";
1036
- }
1037
-
1038
- .pa-wht-lbl-settings input[type="text"]:-ms-input-placeholder {
1039
- font-weight: 300;
1040
- font-family: "Poppins";
1041
- }
1042
-
1043
- .pa-wht-lbl-settings input[type="text"]::-ms-input-placeholder {
1044
- font-weight: 300;
1045
- font-family: "Poppins";
1046
- }
1047
-
1048
- .pa-wht-lbl-settings input[type="text"]::placeholder {
1049
- font-weight: 300;
1050
- font-family: "Poppins";
1051
- }
1052
-
1053
- .pa-wht-lbl-settings .pa-wht-lbl-settings-wrap {
1054
- background: #fff;
1055
- margin: 16px auto;
1056
- border: 1px solid #dcdcdc;
1057
- -webkit-border-radius: 10px;
1058
- border-radius: 10px;
1059
- overflow: hidden;
1060
- }
1061
-
1062
- .pa-wht-lbl-settings .clearfix {
1063
- clear: both;
1064
- }
1065
-
1066
- .pa-wht-lbl-group-wrap {
1067
- padding: 20px;
1068
- }
1069
-
1070
- .pa-wht-lbl-save .pa-save-button {
1071
- margin-top: 0;
1072
- }
1073
-
1074
- .pa-section-white-label .pa-white-label-notice {
1075
- position: absolute;
1076
- top: 0;
1077
- right: 0;
1078
- width: 100%;
1079
- height: 100%;
1080
- background: rgba(200, 200, 200, 0.8);
1081
- -webkit-border-radius: 15px;
1082
- border-radius: 15px;
1083
- -js-display: flex;
1084
- display: -webkit-box;
1085
- display: -webkit-flex;
1086
- display: -moz-box;
1087
- display: -ms-flexbox;
1088
- display: flex;
1089
- -webkit-box-pack: center;
1090
- -webkit-justify-content: center;
1091
- -moz-box-pack: center;
1092
- -ms-flex-pack: center;
1093
- justify-content: center;
1094
- }
1095
-
1096
- .pa-white-label-notice-content {
1097
- position: absolute;
1098
- top: 200px;
1099
- right: 200;
1100
- width: 530px;
1101
- background-image: url("../../images/popup-pattern.jpg");
1102
- background-repeat: no-repeat;
1103
- -webkit-background-size: cover;
1104
- background-size: cover;
1105
- padding: 32px;
1106
- padding-bottom: 50px;
1107
- -webkit-border-radius: 0px 50px;
1108
- border-radius: 0px 50px;
1109
- text-align: center;
1110
- z-index: 2;
1111
- }
1112
-
1113
- .pa-white-label-notice-logo {
1114
- -webkit-transform: translateY(-32px);
1115
- -ms-transform: translateY(-32px);
1116
- transform: translateY(-32px);
1117
- margin-bottom: -18px;
1118
- }
1119
-
1120
- .pa-white-label-notice-logo img {
1121
- padding: 10px;
1122
- padding-top: 40px;
1123
- background-color: #ffffff;
1124
- border: 1px solid #e6e6e6;
1125
- -webkit-border-radius: 50px;
1126
- border-radius: 50px;
1127
- -webkit-border-top-right-radius: 50px;
1128
- border-top-right-radius: 50px;
1129
- -webkit-border-top-left-radius: 50px;
1130
- border-top-left-radius: 50px;
1131
- -webkit-border-top-right-radius: 0;
1132
- border-top-right-radius: 0;
1133
- -webkit-border-top-left-radius: 0;
1134
- border-top-left-radius: 0;
1135
- }
1136
-
1137
- .pa-white-label-notice-content h2,
1138
- .pa-swal-head {
1139
- display: inline-block;
1140
- font-size: 23px;
1141
- color: #252c59;
1142
- font-weight: 900;
1143
- font-family: "Red Hat Display";
1144
- text-align: center;
1145
- max-width: 350px;
1146
- line-height: 1;
1147
- margin: 0;
1148
- margin-bottom: 18px;
1149
- }
1150
-
1151
- .pa-white-label-notice-content h2 span {
1152
- color: #fd9926;
1153
- text-transform: uppercase;
1154
- font-family: "Red Hat Display";
1155
- }
1156
-
1157
- .pa-white-label-notice-content p {
1158
- font-size: 13px;
1159
- color: #474747;
1160
- font-family: "Poppins";
1161
- text-align: center;
1162
- margin: 0;
1163
- margin-bottom: 18px;
1164
- }
1165
-
1166
- .pa-white-label-notice-content a.pa-get-pro {
1167
- display: inline-block;
1168
- width: 117px;
1169
- padding: 12px 10px;
1170
- -webkit-border-radius: 10px;
1171
- border-radius: 10px;
1172
- color: #ffffff;
1173
- font-size: 15px;
1174
- font-weight: 900;
1175
- font-family: "Red Hat Display";
1176
- -webkit-filter: drop-shadow(0px 20px 17.5px rgba(254, 99, 0, 0.2));
1177
- filter: drop-shadow(0px 20px 17.5px rgba(254, 99, 0, 0.2));
1178
- text-decoration: none;
1179
- outline: none;
1180
- border: none;
1181
- background-image: -webkit-linear-gradient(-120deg, #fe6300 0%, #fe9f00 100%);
1182
- background-image: linear-gradient(30deg, #fe6300 0%, #fe9f00 100%);
1183
- -webkit-transition: all 0.2s ease-in-out;
1184
- transition: all 0.2s ease-in-out;
1185
- }
1186
-
1187
- .pa-white-label-notice-content a.pa-get-pro:hover {
1188
- background-image: -webkit-linear-gradient(-60deg, #fe6300 0%, #fe9f00 100%);
1189
- background-image: linear-gradient(-30deg, #fe6300 0%, #fe9f00 100%);
1190
- }
1191
-
1192
- /*
1193
- * System Info Tab
1194
- */
1195
- .pa-section-info table.widefat {
1196
- border: 0px;
1197
- -webkit-box-shadow: none;
1198
- box-shadow: none;
1199
- font-family: "Poppins";
1200
- }
1201
-
1202
- .pa-section-info .widefat td:first-child {
1203
- width: 30%;
1204
- }
1205
-
1206
- .pa-section-info table.widefat tr:nth-child(2n) {
1207
- background-color: #f7f7f7;
1208
- }
1209
-
1210
- /*
1211
- * License Tab
1212
- */
1213
- .pa-license-form span {
1214
- color: #474747;
1215
- font-family: "Poppins";
1216
- }
1217
-
1218
- .pa-license-form label {
1219
- display: block;
1220
- font-weight: 500;
1221
- margin: 2em 0 0.5em;
1222
- }
1223
-
1224
- .pa-license-form code {
1225
- padding: 3px 5px 2px;
1226
- margin: 0 1px;
1227
- background: #eaeaea;
1228
- background: rgba(0, 0, 0, 0.07);
1229
- font-size: 13px;
1230
- font-style: italic;
1231
- }
1232
-
1233
- .pa-license-form .button.button-primary {
1234
- width: 147px;
1235
- height: 43px;
1236
- /* -webkit-filter: drop-shadow(0px 10px 35px rgba(0, 165, 229, 0.3));
1237
- filter: drop-shadow(0px 10px 35px rgba(0, 165, 229, 0.3)); */
1238
- background-color: #00a5e5;
1239
- /* margin-top: 50px; */
1240
- margin-right: -3px;
1241
- -webkit-border-radius: 10px 0 0 10px;
1242
- border-radius: 10px 0 0 10px;
1243
- border: none;
1244
- }
1245
-
1246
- #papro-license-key:focus,
1247
- .pa-license-form .button.button-primary:focus {
1248
- outline: none;
1249
- -webkit-box-shadow: none;
1250
- box-shadow: none;
1251
- }
1252
-
1253
- #papro-license-key {
1254
- height: 43px;
1255
- line-height: 1;
1256
- margin: 0;
1257
- padding: 8px 20px;
1258
- -webkit-border-radius: 0 10px 10px 0;
1259
- border-radius: 0 10px 10px 0;
1260
- }
1261
-
1262
- .pa-license-form input+span {
1263
- margin-right: 10px;
1264
- font-weight: 600;
1265
- }
1266
-
1267
- .pa-license-cell span {
1268
- margin-right: 0.3em;
1269
- }
1270
-
1271
- /*
1272
- * PAPRO Notice
1273
- */
1274
- .papro-admin-notice {
1275
- -webkit-display: flex;
1276
- display: -webkit-box;
1277
- display: -ms-flexbox;
1278
- -js-display: flex;
1279
- display: -moz-box;
1280
- display: flex;
1281
- -webkit-box-pack: end;
1282
- -ms-flex-pack: end;
1283
- -webkit-justify-content: flex-end;
1284
- -moz-box-pack: end;
1285
- justify-content: flex-end;
1286
- -webkit-box-align: center;
1287
- -ms-flex-align: center;
1288
- -webkit-align-items: center;
1289
- -moz-box-align: center;
1290
- align-items: center;
1291
- margin-bottom: 24px;
1292
- }
1293
-
1294
- .papro-admin-notice>div {
1295
- -webkit-box-flex: 1;
1296
- -webkit-flex-grow: 1;
1297
- -moz-box-flex: 1;
1298
- -ms-flex-positive: 1;
1299
- flex-grow: 1;
1300
- }
1301
-
1302
- .papro-admin-notice-left {
1303
- position: relative;
1304
- padding: 16px;
1305
- -webkit-border-radius: 15px;
1306
- border-radius: 15px;
1307
- background-color: #fff;
1308
- -webkit-flex-basis: 80%;
1309
- -ms-flex-preferred-size: 80%;
1310
- flex-basis: 80%;
1311
- }
1312
-
1313
- .papro-admin-notice-left a {
1314
- position: absolute;
1315
- top: 0;
1316
- right: 0;
1317
- width: 100%;
1318
- height: 100%;
1319
- }
1320
-
1321
- .papro-admin-notice-left a:hover,
1322
- .papro-admin-notice-left a:focus,
1323
- .papro-admin-notice-left a:visited {
1324
- outline: none;
1325
- border: none;
1326
- box-shadow: none;
1327
- text-decoration: none;
1328
- }
1329
-
1330
- /* .papro-admin-notice-logo img {
1331
- width: 100%;
1332
- } */
1333
- .papro-admin-notice-right {
1334
- -webkit-display: flex;
1335
- display: -webkit-box;
1336
- display: -ms-flexbox;
1337
- -js-display: flex;
1338
- display: -moz-box;
1339
- display: flex;
1340
- -webkit-box-align: center;
1341
- -ms-flex-align: center;
1342
- -webkit-align-items: center;
1343
- -moz-box-align: center;
1344
- align-items: center;
1345
- background: url("../../images/papro-banner.png");
1346
- -webkit-background-size: cover;
1347
- background-size: cover;
1348
- background-repeat: no-repeat;
1349
- padding: 18px;
1350
- -webkit-border-radius: 15px;
1351
- border-radius: 15px;
1352
- overflow: hidden;
1353
- margin-right: 25px;
1354
- }
1355
-
1356
- .papro-admin-notice-right h4 {
1357
- font-size: 20px;
1358
- color: #fff;
1359
- font-weight: 900;
1360
- font-family: "Red Hat Display";
1361
- margin: 0;
1362
- margin-bottom: 8px;
1363
- }
1364
-
1365
- .papro-admin-notice-right p {
1366
- font-size: 14px;
1367
- color: #ffffff;
1368
- font-family: "Poppins";
1369
- margin: 0;
1370
- }
1371
-
1372
- .papro-admin-notice-right span {
1373
- font-weight: 700;
1374
- }
1375
-
1376
- /*
1377
- * Dashboard Tabs
1378
- */
1379
- .pa-dash-general:before {
1380
- content: "\e900";
1381
- }
1382
-
1383
- .pa-dash-integrations:before {
1384
- content: "\e901";
1385
- }
1386
-
1387
- .pa-dash-system-info:before {
1388
- content: "\e902";
1389
- }
1390
-
1391
- .pa-dash-vcontrol:before {
1392
- content: "\e903";
1393
- }
1394
-
1395
- .pa-dash-white-label:before {
1396
- content: "\e904";
1397
- }
1398
-
1399
- .pa-dash-elements:before {
1400
- content: "\e905";
1401
- }
1402
-
1403
- .pa-dash-license:before {
1404
- content: "\e910";
1405
- }
1406
-
1407
- .pa-dash-features:before {
1408
- content: "\e911";
1409
- }
1410
-
1411
- /*
1412
- * Elements Categories
1413
- */
1414
- .pa-dash-cat-all:before {
1415
- content: "\e906";
1416
- }
1417
-
1418
- .pa-dash-cat-blurbs:before {
1419
- content: "\e907";
1420
- }
1421
-
1422
- .pa-dash-cat-contact:before {
1423
- content: "\e908";
1424
- }
1425
-
1426
- .pa-dash-cat-content:before {
1427
- content: "\e909";
1428
- }
1429
-
1430
- .pa-dash-cat-images:before {
1431
- content: "\e90a";
1432
- }
1433
-
1434
- .pa-dash-cat-off-grid:before {
1435
- content: "\e90b";
1436
- }
1437
-
1438
- .pa-dash-cat-section:before {
1439
- content: "\e90c";
1440
- }
1441
-
1442
- .pa-dash-cat-feed:before {
1443
- content: "\e90d";
1444
- }
1445
-
1446
- .pa-dash-cat-data:before {
1447
- content: "\e90e";
1448
- }
1449
-
1450
- .pa-dash-cat-social:before {
1451
- content: "\e90f";
1452
- }
1453
-
1454
- /*
1455
- * Widgets Icons
1456
- */
1457
- .pa-dash-premium-notbar:before {
1458
- content: "\e913";
1459
- }
1460
-
1461
- .pa-dash-premium-gradient:before {
1462
- content: "\e914";
1463
- }
1464
-
1465
- .pa-dash-premium-color-transition:before {
1466
- content: "\e915";
1467
- }
1468
-
1469
- .pa-dash-premium-behance:before {
1470
- content: "\e916";
1471
- }
1472
-
1473
- .pa-dash-premium-charts:before {
1474
- content: "\e917";
1475
- }
1476
-
1477
- .pa-dash-premium-content-toggle:before {
1478
- content: "\e918";
1479
- }
1480
-
1481
- .pa-dash-premium-divider:before {
1482
- content: "\e919";
1483
- }
1484
-
1485
- .pa-dash-premium-facebook-feed:before {
1486
- content: "\e91b";
1487
- }
1488
-
1489
- .pa-dash-facebook-feed-2:before {
1490
- content: "\e91b";
1491
- }
1492
-
1493
- .pa-dash-premium-fb-chat:before {
1494
- content: "\e91c";
1495
- }
1496
-
1497
- .pa-dash-premium-facebook-reviews:before {
1498
- content: "\e91d";
1499
- }
1500
-
1501
- .pa-dash-premium-google-reviews:before {
1502
- content: "\e91e";
1503
- }
1504
-
1505
- .pa-dash-premium-hscroll:before {
1506
- content: "\e91f";
1507
- }
1508
-
1509
- .pa-dash-premium-flipbox:before {
1510
- content: "\e920";
1511
- }
1512
-
1513
- .pa-dash-premium-iconbox:before {
1514
- content: "\e921";
1515
- }
1516
-
1517
- .pa-dash-premium-image-accordion:before {
1518
- content: "\e922";
1519
- }
1520
-
1521
- .pa-dash-premium-image-comparison:before {
1522
- content: "\e923";
1523
- }
1524
-
1525
- .pa-dash-premium-image-hotspots:before {
1526
- content: "\e924";
1527
- }
1528
-
1529
- .pa-dash-premium-img-layers:before {
1530
- content: "\e925";
1531
- }
1532
-
1533
- .pa-dash-premium-instagram-feed:before {
1534
- content: "\e926";
1535
- }
1536
-
1537
- .pa-dash-premium-kenburns:before {
1538
- content: "\e927";
1539
- }
1540
-
1541
- .pa-dash-premium-lottie:before {
1542
- content: "\e928";
1543
- }
1544
-
1545
- .pa-dash-premium-magic-section:before {
1546
- content: "\e929";
1547
- }
1548
-
1549
- .pa-dash-premium-multi-scroll:before {
1550
- content: "\e92a";
1551
- }
1552
-
1553
- .pa-dash-premium-ihover:before {
1554
- content: "\e92b";
1555
- }
1556
-
1557
- .pa-dash-premium-parallax:before {
1558
- content: "\e94f";
1559
- }
1560
-
1561
- .pa-dash-premium-particles:before {
1562
- content: "\e92c";
1563
- }
1564
-
1565
- .pa-dash-premium-prev-img:before {
1566
- content: "\e92d";
1567
- }
1568
-
1569
- .pa-dash-premium-tabs:before {
1570
- content: "\e92f";
1571
- }
1572
-
1573
- .pa-dash-premium-tables:before {
1574
- content: "\e92e";
1575
- }
1576
-
1577
- .pa-dash-trustpilot:before {
1578
- content: "\e930";
1579
- }
1580
-
1581
- .pa-dash-premium-twitter-feed:before {
1582
- content: "\e931";
1583
- }
1584
-
1585
- .pa-dash-premium-unfold:before {
1586
- content: "\e932";
1587
- }
1588
-
1589
- .pa-dash-premium-whatsapp-chat:before {
1590
- content: "\e933";
1591
- }
1592
-
1593
- .pa-dash-premium-yelp-reviews:before {
1594
- content: "\e934";
1595
- }
1596
-
1597
- .pa-dash-premium-trustpilot-reviews:before {
1598
- content: "\e930";
1599
- }
1600
-
1601
- .pa-dash-premium-banner:before {
1602
- content: "\e935";
1603
- }
1604
-
1605
- .pa-dash-premium-blog:before {
1606
- content: "\e936";
1607
- }
1608
-
1609
- .pa-dash-premium-button:before {
1610
- content: "\e937";
1611
- }
1612
-
1613
- .pa-dash-premium-carousel:before {
1614
- content: "\e938";
1615
- }
1616
-
1617
- .pa-dash-premium-contactform:before {
1618
- content: "\e939";
1619
- }
1620
-
1621
- .pa-dash-premium-countdown:before {
1622
- content: "\e93a";
1623
- }
1624
-
1625
- .pa-dash-premium-counter:before {
1626
- content: "\e93b";
1627
- }
1628
-
1629
- .pa-dash-premium-dual-header:before {
1630
- content: "\e93c";
1631
- }
1632
-
1633
- .pa-dash-premium-fancytext:before {
1634
- content: "\e93d";
1635
- }
1636
-
1637
- .pa-dash-premium-maps:before {
1638
- content: "\e93e";
1639
- }
1640
-
1641
- .pa-dash-premium-title:before {
1642
- content: "\e93f";
1643
- }
1644
-
1645
- .pa-dash-premium-icon-list:before {
1646
- content: "\e940";
1647
- }
1648
-
1649
- .pa-dash-premium-image-button:before {
1650
- content: "\e941";
1651
- }
1652
-
1653
- .pa-dash-premium-image-scroll:before {
1654
- content: "\e942";
1655
- }
1656
-
1657
- .pa-dash-premium-image-separator:before {
1658
- content: "\e943";
1659
- }
1660
-
1661
- /* .pa-dash-premium-lottie:before {
1662
- content: "\e944";
1663
- } */
1664
- .pa-dash-premium-lottie-widget:before {
1665
- content: "\e945";
1666
- }
1667
-
1668
- .pa-dash-premium-grid:before {
1669
- content: "\e946";
1670
- }
1671
-
1672
- .pa-dash-premium-modalbox:before {
1673
- content: "\e947";
1674
- }
1675
-
1676
- .pa-dash-premium-pricing-table:before {
1677
- content: "\e948";
1678
- }
1679
-
1680
- .pa-dash-premium-progressbar:before {
1681
- content: "\e949";
1682
- }
1683
-
1684
- .pa-dash-premium-person:before {
1685
- content: "\e94a";
1686
- }
1687
-
1688
- .pa-dash-premium-testimonials:before {
1689
- content: "\e94b";
1690
- }
1691
-
1692
- .pa-dash-premium-vscroll:before {
1693
- content: "\e94c";
1694
- }
1695
-
1696
- .pa-dash-premium-videobox:before {
1697
- content: "\e94d";
 
 
 
 
1698
  }
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-btn.pa-save-button {
22
+ font-family: "Red Hat Display";
23
+ font-size: 15px;
24
+ width: 147px;
25
+ height: 43px;
26
+ -webkit-border-radius: 10px;
27
+ border-radius: 10px;
28
+ /* -webkit-filter: drop-shadow(0px 10px 35px rgba(0, 165, 229, 0.3));
29
+ filter: drop-shadow(0px 10px 35px rgba(0, 165, 229, 0.3)); */
30
+ background-color: #00a5e5;
31
+ margin-top: 50px;
32
+ }
33
+
34
+ .pa-btn.pa-save-button:hover,
35
+ .pa-btn.pa-save-button:focus,
36
+ .pa-btn.pa-save-button:active {
37
+ background: #00a5e5;
38
+ color: #fff;
39
+ -webkit-box-shadow: none;
40
+ box-shadow: none;
41
+ }
42
+
43
+ .switch {
44
+ position: relative;
45
+ display: inline-block;
46
+ width: 44px;
47
+ height: 24px;
48
+ -webkit-border-radius: 12px;
49
+ border-radius: 12px;
50
+ }
51
+
52
+ .switch input {
53
+ display: none;
54
+ }
55
+
56
+ .slider,
57
+ .pro-slider {
58
+ position: absolute;
59
+ cursor: pointer;
60
+ top: 0;
61
+ right: 0;
62
+ left: 0;
63
+ bottom: 0;
64
+ /* background-color: #f2f2f2;
65
+ box-shadow: 0 0 2px 1px #ccc inset; */
66
+ -webkit-transition: 0.4s;
67
+ transition: 0.4s;
68
+ }
69
+
70
+ .slider:before,
71
+ .pro-slider:before {
72
+ position: absolute;
73
+ content: "";
74
+ right: 3px;
75
+ top: 50%;
76
+ -webkit-transform: translateY(-50%);
77
+ -ms-transform: translateY(-50%);
78
+ transform: translateY(-50%);
79
+ /* background: radial-gradient(farthest-corner at 14px 0px, #f0f0f0 50%, #cacaca 100%); */
80
+ -webkit-transition: all 0.4s ease-in-out;
81
+ transition: all 0.4s ease-in-out;
82
+ padding: 0;
83
+ margin: 0;
84
+ width: 15px;
85
+ height: 15px;
86
+ -webkit-border-radius: 8px;
87
+ border-radius: 8px;
88
+ -webkit-filter: drop-shadow(0px 5px 2.5px rgba(40, 40, 40, 0.35));
89
+ filter: drop-shadow(0px 5px 2.5px rgba(40, 40, 40, 0.35));
90
+ background-color: #f7f7f7;
91
+ border: 1px solid #ffffff;
92
+ /* box-shadow: 0 2.5px 5px #b8b8b9; */
93
+ }
94
+
95
+ input:checked+.slider {
96
+ background: #8dc900;
97
+ }
98
+
99
+ input:focus+.slider {
100
+ -webkit-box-shadow: 0 0 1px #18a4fd;
101
+ box-shadow: 0 0 1px #18a4fd;
102
+ }
103
+
104
+ input:checked+.slider:before {
105
+ -webkit-transform: translate3d(-20px, -50%, 0);
106
+ transform: translate3d(-20px, -50%, 0);
107
+ }
108
+
109
+ .slider.round,
110
+ .pro-slider.round {
111
+ -webkit-border-radius: 34px;
112
+ border-radius: 34px;
113
+ background-image: -webkit-gradient(linear, right top, right bottom, from(#cfcfcf), to(#dbdbdb));
114
+ background-image: -webkit-linear-gradient(top, #cfcfcf 0%, #dbdbdb 100%);
115
+ background-image: linear-gradient(-180deg, #cfcfcf 0%, #dbdbdb 100%);
116
+ }
117
+
118
+ .slider.round:before,
119
+ .pro-slider.round:before {
120
+ -webkit-border-radius: 50%;
121
+ border-radius: 50%;
122
+ }
123
+
124
+ .pa-switcher input:disabled+.pro-slider::after {
125
+ position: absolute;
126
+ content: "\e912";
127
+ font-family: "pa-dash";
128
+ color: #474747;
129
+ left: 8px;
130
+ top: 50%;
131
+ -webkit-transform: translateY(-50%);
132
+ -ms-transform: translateY(-50%);
133
+ transform: translateY(-50%);
134
+ }
135
+
136
+ .pa-api-disable-title label,
137
+ .pa-is-beta label {
138
+ margin-left: 15px;
139
+ }
140
+
141
+ .pa-api-disable-title span,
142
+ .pa-is-beta span {
143
+ font-weight: 400;
144
+ }
145
+
146
+ .pa-maps-api-notice {
147
+ margin: 0.5em 0;
148
+ }
149
+
150
+ .pa-api-title input {
151
+ margin-top: 10px;
152
+ font-size: normal;
153
+ font-weight: 400;
154
+ width: 400px;
155
+ margin-right: 30px;
156
+ }
157
+
158
+ .pa-sys-info-tab {
159
+ background: #f7f7f7;
160
+ margin: 8px;
161
+ border: 2px solid #ddd;
162
+ -webkit-border-radius: 3px;
163
+ border-radius: 3px;
164
+ padding: 0;
165
+ }
166
+
167
+ .pa-system-info-container {
168
+ padding: 10px;
169
+ }
170
+
171
+ .dialog-type-lightbox .dialog-widget-header {
172
+ text-align: center;
173
+ font-size: 15px;
174
+ color: #495157;
175
+ padding: 30px 0 10px;
176
+ font-weight: 500;
177
+ }
178
+
179
+ .pa-swal.swal2-show {
180
+ padding: 32px;
181
+ padding-bottom: 50px;
182
+ background-image: url("../../images/popup-pattern.jpg");
183
+ background-repeat: no-repeat;
184
+ -webkit-background-size: cover;
185
+ background-size: cover;
186
+ -webkit-border-radius: 0 50px;
187
+ border-radius: 0 50px;
188
+ }
189
+
190
+ .pa-swal .swal2-close {
191
+ color: #c2c4cf;
192
+ }
193
+
194
+ .pa-swal .swal2-close:hover {
195
+ color: #00a5e5;
196
+ }
197
+
198
+ .pa-swal .swal2-title {
199
+ margin: 0;
200
+ }
201
+
202
+ .pa-swal .swal2-content {
203
+ font-size: 13px;
204
+ color: #474747;
205
+ font-family: "Poppins";
206
+ text-align: center;
207
+ margin: 0;
208
+ margin-bottom: 0px;
209
+ }
210
+
211
+ .pa-swal .swal2-cancel.swal2-styled,
212
+ .pa-swal .swal2-cancel.swal2-styled:hover,
213
+ .pa-swal .swal2-confirm.swal2-styled {
214
+ background-image: none !important;
215
+ background-color: #ebebeb;
216
+ color: #474747;
217
+ border: none !important;
218
+ -webkit-box-shadow: none !important;
219
+ box-shadow: none !important;
220
+ font-family: "Red Hat Display";
221
+ font-size: 15px;
222
+ font-weight: 700;
223
+ }
224
+
225
+ .pa-swal .swal2-confirm.swal2-styled,
226
+ .pa-swal .swal2-confirm.swal2-styled:hover {
227
+ min-width: 128px;
228
+ color: #fff;
229
+ background-image: none !important;
230
+ background-color: #00a5e5;
231
+ }
232
+
233
+ /**
234
+ * New Dashboard
235
+ */
236
+ .pa-settings-wrap {
237
+ padding: 35px;
238
+ padding-right: 15px;
239
+ }
240
+
241
+ .pa-settings-section {
242
+ display: none;
243
+ }
244
+
245
+ .pa-settings-tabs {
246
+ background-color: #fff;
247
+ -webkit-border-radius: 15px;
248
+ border-radius: 15px;
249
+ padding: 36px;
250
+ margin-bottom: 12px;
251
+ }
252
+
253
+ .pa-settings-tabs-list {
254
+ clear: right;
255
+ margin: 0;
256
+ list-style-type: none;
257
+ }
258
+
259
+ .pa-settings-tabs .pa-settings-tabs-list li {
260
+ display: inline-block;
261
+ margin-bottom: 0;
262
+ margin-left: 23px;
263
+ }
264
+
265
+ .pa-settings-section.active {
266
+ display: block;
267
+ }
268
+
269
+ .papro-admin-notice a,
270
+ .pa-settings-wrap .pa-settings-tabs a {
271
+ -js-display: flex;
272
+ display: -webkit-box;
273
+ display: -webkit-flex;
274
+ display: -moz-box;
275
+ display: -ms-flexbox;
276
+ display: flex;
277
+ -webkit-box-pack: center;
278
+ -webkit-justify-content: center;
279
+ -moz-box-pack: center;
280
+ -ms-flex-pack: center;
281
+ justify-content: center;
282
+ -webkit-box-align: center;
283
+ -webkit-align-items: center;
284
+ -moz-box-align: center;
285
+ -ms-flex-align: center;
286
+ align-items: center;
287
+ font-size: 14px;
288
+ line-height: 1.8em;
289
+ position: relative;
290
+ color: #252c59;
291
+ text-decoration: none;
292
+ -webkit-transition: all 0.3s ease;
293
+ transition: all 0.3s ease;
294
+ }
295
+
296
+ .papro-admin-notice a.papro-notice-btn {
297
+ width: 120px;
298
+ /* height: 58px; */
299
+ -webkit-border-radius: 15px;
300
+ border-radius: 15px;
301
+ -webkit-filter: drop-shadow(0px 5px 50px rgba(87, 0, 101, 0.7));
302
+ filter: drop-shadow(0px 5px 50px rgba(87, 0, 101, 0.7));
303
+ background-color: #ffffff;
304
+ font-size: 18px;
305
+ color: #fe6300;
306
+ font-weight: 800;
307
+ font-family: "Red Hat Display";
308
+ text-align: center;
309
+ padding: 10px 20px;
310
+ }
311
+
312
+ .pa-settings-wrap .pa-settings-tabs a:focus {
313
+ outline: none;
314
+ -webkit-box-shadow: none;
315
+ box-shadow: none;
316
+ }
317
+
318
+ .pa-settings-wrap .pa-settings-tabs span {
319
+ margin-right: 8px;
320
+ font-family: "Poppins";
321
+ font-weight: 500;
322
+ }
323
+
324
+ .pa-settings-wrap .pa-settings-tabs .pa-section-active {
325
+ color: #00a5e5;
326
+ }
327
+
328
+ .pa-section {
329
+ display: none;
330
+ position: relative;
331
+ background-color: #fff;
332
+ -webkit-transition: opacity 0.2s;
333
+ transition: opacity 0.2s;
334
+ padding: 36px;
335
+ -webkit-border-radius: 15px;
336
+ border-radius: 15px;
337
+ }
338
+
339
+ /**
340
+ * General Tab
341
+ */
342
+ #pa-general-settings {
343
+ -js-display: flex;
344
+ display: -webkit-box;
345
+ display: -webkit-flex;
346
+ display: -moz-box;
347
+ display: -ms-flexbox;
348
+ display: flex;
349
+ }
350
+
351
+ #pa-general-settings .col-half:first-of-type {
352
+ margin-left: 16px;
353
+ }
354
+
355
+ #pa-general-settings .pa-section-info i {
356
+ vertical-align: bottom;
357
+ }
358
+
359
+ /**
360
+ * Tab Info
361
+ */
362
+ .pa-section-info-wrap {
363
+ padding: 36px;
364
+ -webkit-border-radius: 15px;
365
+ border-radius: 15px;
366
+ background-color: #f7f7f7;
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-pack: justify;
374
+ -webkit-justify-content: space-between;
375
+ -moz-box-pack: justify;
376
+ -ms-flex-pack: justify;
377
+ justify-content: space-between;
378
+ -webkit-box-align: center;
379
+ -webkit-align-items: center;
380
+ -moz-box-align: center;
381
+ -ms-flex-align: center;
382
+ align-items: center;
383
+ }
384
+
385
+ #pa-ver-control-settings .pa-section-info-wrap {
386
+ -webkit-box-orient: vertical;
387
+ -webkit-box-direction: normal;
388
+ -webkit-flex-direction: column;
389
+ -moz-box-orient: vertical;
390
+ -moz-box-direction: normal;
391
+ -ms-flex-direction: column;
392
+ flex-direction: column;
393
+ -webkit-box-align: start;
394
+ -webkit-align-items: flex-start;
395
+ -moz-box-align: start;
396
+ -ms-flex-align: start;
397
+ align-items: flex-start;
398
+ }
399
+
400
+ #pa-features-settings .pa-section-info-wrap:nth-of-type(n + 2),
401
+ #pa-ver-control-settings .pa-section-info-wrap:nth-of-type(n + 2) {
402
+ margin-top: 36px;
403
+ }
404
+
405
+ .pa-section-info-wrap h4 {
406
+ font-size: 20px;
407
+ color: #252c59;
408
+ font-weight: 900;
409
+ font-family: "Red Hat Display";
410
+ margin: 0;
411
+ }
412
+
413
+ .pa-section-info-wrap p {
414
+ font-size: 15px;
415
+ color: #474747;
416
+ font-family: "Poppins";
417
+ margin: 0;
418
+ margin-top: 14px;
419
+ }
420
+
421
+ .pa-section-info-cta {
422
+ -js-display: flex;
423
+ display: -webkit-box;
424
+ display: -webkit-flex;
425
+ display: -moz-box;
426
+ display: -ms-flexbox;
427
+ display: flex;
428
+ -webkit-box-align: center;
429
+ -webkit-align-items: center;
430
+ -moz-box-align: center;
431
+ -ms-flex-align: center;
432
+ align-items: center;
433
+ margin-top: 25px;
434
+ }
435
+
436
+ .pa-section-info-cta .pa-btn {
437
+ color: #474747;
438
+ background-color: #ebebeb;
439
+ padding: 8px 20px;
440
+ -webkit-border-radius: 10px;
441
+ border-radius: 10px;
442
+ font-size: 15px;
443
+ font-weight: 700;
444
+ font-family: "Red Hat Display";
445
+ -webkit-transition: all 0.2s ease-in-out;
446
+ transition: all 0.2s ease-in-out;
447
+ }
448
+
449
+ .pa-section-info-cta .pa-btn:hover,
450
+ .pa-section-info-cta .pa-btn:focus,
451
+ .pa-section-info-cta .pa-btn:active {
452
+ color: #fff;
453
+ background-color: #00a5e5;
454
+ }
455
+
456
+ .pa-section-info-cta .pa-section-info-label {
457
+ font-size: 13px;
458
+ color: #474747;
459
+ font-family: "Poppins";
460
+ text-align: left;
461
+ }
462
+
463
+ .pa-section-info-cta .pa-section-info-warning {
464
+ font-size: 13px;
465
+ color: #cca329;
466
+ font-weight: 300;
467
+ font-family: "Poppins";
468
+ margin-right: 20px;
469
+ }
470
+
471
+ .pa-section-info-cta .pa-section-info-warning i {
472
+ font-weight: 300;
473
+ vertical-align: bottom;
474
+ }
475
+
476
+ .pa-btn-group .pa-btn,
477
+ .pa-btn-group .pa-btn-unused {
478
+ font-family: "Red Hat Display";
479
+ color: #8e8e8e;
480
+ background-color: #ebebeb;
481
+ border: 0px solid;
482
+ padding: 16px 28px;
483
+ -webkit-border-radius: 10px;
484
+ border-radius: 10px;
485
+ font-size: 15px;
486
+ font-weight: 700;
487
+ cursor: pointer;
488
+ -webkit-transition: 300ms;
489
+ transition: 300ms;
490
+ display: block;
491
+ }
492
+
493
+ .pa-btn-group .pa-btn-unused {
494
+ width: 100%;
495
+ clear: both;
496
+ background: transparent;
497
+ color: #252C59;
498
+ padding-bottom: 0;
499
+ text-decoration: underline;
500
+ font-weight: normal;
501
+ }
502
+
503
+ .pa-btn-group .pa-btn-unused.dimmed {
504
+ cursor: no-drop;
505
+ color: #C2C4CF;
506
+ }
507
+
508
+ .pa-element-name .pa-total-use {
509
+ color: #252C59;
510
+ }
511
+
512
+
513
+
514
+ .pa-btn-group button.pa-btn-enable {
515
+ -webkit-border-top-left-radius: 0;
516
+ border-top-left-radius: 0;
517
+ -webkit-border-bottom-left-radius: 0;
518
+ border-bottom-left-radius: 0;
519
+ float: right;
520
+ }
521
+
522
+ .pa-btn-group button.pa-btn-disable {
523
+ -webkit-border-top-right-radius: 0;
524
+ border-top-right-radius: 0;
525
+ -webkit-border-bottom-right-radius: 0;
526
+ border-bottom-right-radius: 0;
527
+ float: left;
528
+ }
529
+
530
+ .pa-btn-group .pa-btn-enable.active {
531
+ color: #fff;
532
+ -webkit-box-shadow: inset -3.5px 1.8px 7px 0px rgba(125, 125, 125, 0.5);
533
+ box-shadow: inset -3.5px 1.8px 7px 0px rgba(125, 125, 125, 0.5);
534
+ background-color: #8dc900;
535
+ }
536
+
537
+ .pa-btn-group .pa-btn-disable.active {
538
+ color: #fff;
539
+ -webkit-box-shadow: inset -3.564px 1.816px 7px 0px rgba(81, 81, 81, 0.5);
540
+ box-shadow: inset -3.564px 1.816px 7px 0px rgba(81, 81, 81, 0.5);
541
+ background-color: #898989;
542
+ }
543
+
544
+ .pa-btn-group .pa-btn-enable:not(.active):hover {
545
+ color: #ffffff;
546
+ background-color: #8dc900;
547
+ }
548
+
549
+ .pa-btn-group .pa-btn-disable:not(.active):hover {
550
+ color: #ffffff;
551
+ background-color: #898989;
552
+ }
553
+
554
+ /*
555
+ * Widgets & Addons Tab
556
+ */
557
+ .pa-elements-settings {
558
+ position: relative;
559
+ -js-display: flex;
560
+ display: -webkit-box;
561
+ display: -webkit-flex;
562
+ display: -moz-box;
563
+ display: -ms-flexbox;
564
+ display: flex;
565
+ margin-top: 16px;
566
+ }
567
+
568
+ .pa-elements-filter {
569
+ position: absolute;
570
+ top: 10px;
571
+ left: 16px;
572
+ }
573
+
574
+ .pa-elements-filter label {
575
+ font-size: 13px;
576
+ color: #474747;
577
+ font-family: "Poppins";
578
+ margin-left: 10px;
579
+ }
580
+
581
+ .pa-elements-filter select {
582
+ padding: 5px 15px 5px 35px;
583
+ }
584
+
585
+ .pa-elements-tabs {
586
+ -webkit-border-radius: 10px;
587
+ border-radius: 10px;
588
+ background-color: #f7f7f7;
589
+ padding: 20px;
590
+ margin-left: 16px;
591
+ }
592
+
593
+ .pa-elements-tabs .pa-elements-tab {
594
+ position: relative;
595
+ padding: 0;
596
+ margin-bottom: 12px;
597
+ text-align: center;
598
+ }
599
+
600
+ .pa-elements-tab .pa-element-tab-tooltip {
601
+ position: absolute;
602
+ background-color: #3a3c40;
603
+ display: block;
604
+ position: absolute;
605
+ top: 50%;
606
+ right: 100%;
607
+ padding: 10px 20px;
608
+ -webkit-border-radius: 13px;
609
+ border-radius: 13px;
610
+ -webkit-filter: drop-shadow(0px 5px 27.5px rgba(104, 104, 104, 0.3));
611
+ filter: drop-shadow(0px 5px 27.5px rgba(104, 104, 104, 0.3));
612
+ background-color: #ffffff;
613
+ font-size: 11px;
614
+ color: #252c59;
615
+ font-weight: 500;
616
+ font-family: "Poppins";
617
+ opacity: 0;
618
+ pointer-events: none;
619
+ text-transform: capitalize;
620
+ -webkit-transform: translate(-30px, -50%);
621
+ -ms-transform: translate(-30px, -50%);
622
+ transform: translate(-30px, -50%);
623
+ -webkit-transition: all 0.3s ease;
624
+ transition: all 0.3s ease;
625
+ z-index: 1;
626
+ white-space: nowrap;
627
+ }
628
+
629
+ .pa-elements-tab .pa-element-tab-tooltip::before {
630
+ display: block;
631
+ position: absolute;
632
+ top: 50%;
633
+ right: -5px;
634
+ width: 0;
635
+ height: 0;
636
+ content: "";
637
+ border-top: 5px solid transparent;
638
+ border-bottom: 5px solid transparent;
639
+ border-left: 5px solid #ffffff;
640
+ -webkit-transform: translateY(-50%);
641
+ -ms-transform: translateY(-50%);
642
+ transform: translateY(-50%);
643
+ }
644
+
645
+ .pa-elements-tab .pa-elements-tab-link {
646
+ -js-display: flex;
647
+ display: -webkit-box;
648
+ display: -webkit-flex;
649
+ display: -moz-box;
650
+ display: -ms-flexbox;
651
+ display: flex;
652
+ -webkit-box-pack: center;
653
+ -webkit-justify-content: center;
654
+ -moz-box-pack: center;
655
+ -ms-flex-pack: center;
656
+ justify-content: center;
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
+ color: #c2c4cf;
663
+ padding: 12px;
664
+ text-decoration: none;
665
+ -webkit-transition: all 0.3s ease-in-out;
666
+ transition: all 0.3s ease-in-out;
667
+ -webkit-border-radius: 13px;
668
+ border-radius: 13px;
669
+ }
670
+
671
+ .pa-elements-tab .pa-elements-tab-link:hover,
672
+ .pa-elements-tab .pa-elements-tab-link.active {
673
+ -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));
674
+ 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));
675
+ background-color: #ffffff;
676
+ color: #00a5e5;
677
+ outline: none;
678
+ border: none;
679
+ text-decoration: none;
680
+ -webkit-box-shadow: none;
681
+ box-shadow: none;
682
+ }
683
+
684
+ .pa-elements-tab .pa-elements-tab-link:hover+span {
685
+ opacity: 1;
686
+ -webkit-transform: translate(-20px, -50%);
687
+ -ms-transform: translate(-20px, -50%);
688
+ transform: translate(-20px, -50%);
689
+ }
690
+
691
+ .pa-switchers {
692
+ -js-display: flex;
693
+ display: -webkit-box;
694
+ display: -webkit-flex;
695
+ display: -moz-box;
696
+ display: -ms-flexbox;
697
+ display: flex;
698
+ -webkit-flex-wrap: wrap;
699
+ -ms-flex-wrap: wrap;
700
+ flex-wrap: wrap;
701
+ -webkit-align-content: flex-start;
702
+ -ms-flex-line-pack: start;
703
+ align-content: flex-start;
704
+ }
705
+
706
+ .pa-switchers-container {
707
+ width: 100%;
708
+ }
709
+
710
+ .pa-switchers-container.hidden,
711
+ .pa-switcher.hidden {
712
+ display: none;
713
+ }
714
+
715
+ .pa-switchers-container .pa-elements-tab-title {
716
+ font-size: 20px;
717
+ color: #252c59;
718
+ font-weight: 900;
719
+ font-family: "Red Hat Display";
720
+ margin: 16px 0;
721
+ }
722
+
723
+ .pa-switcher {
724
+ -webkit-border-radius: 15px;
725
+ border-radius: 15px;
726
+ background-color: #f7f7f7;
727
+ position: relative;
728
+ -js-display: flex;
729
+ display: -webkit-box;
730
+ display: -webkit-flex;
731
+ display: -moz-box;
732
+ display: -ms-flexbox;
733
+ display: flex;
734
+ width: -webkit-calc(50% - 56px);
735
+ width: calc(50% - 56px);
736
+ -webkit-box-pack: justify;
737
+ -webkit-justify-content: space-between;
738
+ -moz-box-pack: justify;
739
+ -ms-flex-pack: justify;
740
+ justify-content: space-between;
741
+ -webkit-box-align: center;
742
+ -webkit-align-items: center;
743
+ -moz-box-align: center;
744
+ -ms-flex-align: center;
745
+ align-items: center;
746
+ padding: 20px;
747
+ margin-top: 16px;
748
+ margin-left: 16px;
749
+ }
750
+
751
+ .pa-element-info {
752
+ -js-display: flex;
753
+ display: -webkit-box;
754
+ display: -webkit-flex;
755
+ display: -moz-box;
756
+ display: -ms-flexbox;
757
+ display: flex;
758
+ -webkit-box-align: center;
759
+ -webkit-align-items: center;
760
+ -moz-box-align: center;
761
+ -ms-flex-align: center;
762
+ align-items: center;
763
+ }
764
+
765
+ .pa-element-info .pa-element-icon {
766
+ color: #252c59;
767
+ background-color: #ebebeb;
768
+ -webkit-border-radius: 15px;
769
+ border-radius: 15px;
770
+ /* padding: 12px; */
771
+ min-width: 40px;
772
+ min-height: 40px;
773
+ margin-left: 10px;
774
+ -js-display: flex;
775
+ display: -webkit-box;
776
+ display: -webkit-flex;
777
+ display: -moz-box;
778
+ display: -ms-flexbox;
779
+ display: flex;
780
+ -webkit-box-pack: center;
781
+ -webkit-justify-content: center;
782
+ -moz-box-pack: center;
783
+ -ms-flex-pack: center;
784
+ justify-content: center;
785
+ -webkit-box-align: center;
786
+ -webkit-align-items: center;
787
+ -moz-box-align: center;
788
+ -ms-flex-align: center;
789
+ align-items: center;
790
+ }
791
+
792
+ .pa-element-name {
793
+ font-size: 16px;
794
+ color: #252c59;
795
+ font-weight: 700;
796
+ font-family: "Red Hat Display";
797
+ margin: 0;
798
+ -js-display: flex;
799
+ display: -webkit-box;
800
+ display: -webkit-flex;
801
+ display: -moz-box;
802
+ display: -ms-flexbox;
803
+ display: flex;
804
+ }
805
+
806
+ .pa-element-name span {
807
+ text-transform: uppercase;
808
+ color: #fd9926;
809
+ font-weight: 700;
810
+ font-size: 11px;
811
+ margin-right: 5px;
812
+ }
813
+
814
+ .pa-element-link {
815
+ font-size: 13px;
816
+ color: #252c59;
817
+ font-family: "Poppins";
818
+ text-decoration: none;
819
+ -webkit-transition: all 0.2s ease-in-out;
820
+ transition: all 0.2s ease-in-out;
821
+ }
822
+
823
+ .pa-element-link-separator {
824
+ width: 3px;
825
+ height: 3px;
826
+ display: inline-block;
827
+ text-align: center;
828
+ color: #252c59;
829
+ background: #252c59;
830
+ -webkit-border-radius: 50%;
831
+ border-radius: 50%;
832
+ vertical-align: middle;
833
+ margin: 0 3px;
834
+ }
835
+
836
+ .pa-element-link:hover,
837
+ .pa-element-link:focus {
838
+ color: #00a5e5;
839
+ text-decoration: none;
840
+ outline: none;
841
+ -webkit-box-shadow: none;
842
+ box-shadow: none;
843
+ border: none;
844
+ }
845
+
846
+ /*
847
+ * Integrations
848
+ */
849
+ .pa-maps-table select {
850
+ width: 100%;
851
+ max-width: 100%;
852
+ padding: 8px;
853
+ }
854
+
855
+ .pa-maps-table #premium-map-api,
856
+ .pa-maps-table #premium-youtube-api {
857
+ width: 100%;
858
+ }
859
+
860
+ .pa-maps-table tr td {
861
+ padding-top: 30px;
862
+ }
863
+
864
+ .pa-maps-table tr td:first-of-type {
865
+ padding-left: 30px;
866
+ }
867
+
868
+ .pa-maps-table td h4 {
869
+ margin: 0;
870
+ font-size: 15px;
871
+ color: #252c59;
872
+ font-weight: 500;
873
+ font-family: "Poppins";
874
+ display: inline-block;
875
+ }
876
+
877
+ .pa-maps-table td span {
878
+ font-size: 13px;
879
+ color: #474747;
880
+ font-family: "Poppins";
881
+ vertical-align: middle;
882
+ }
883
+
884
+ .pa-maps-table td input[type="text"] {
885
+ -webkit-border-radius: 10px;
886
+ border-radius: 10px;
887
+ background-color: #ebebeb;
888
+ border: none;
889
+ padding: 8px 20px;
890
+ }
891
+
892
+ .pa-section input[type="checkbox"] {
893
+ border: none;
894
+ display: none;
895
+ }
896
+
897
+ .pa-section input[type="checkbox"]+label {
898
+ position: relative;
899
+ background: #ebebeb;
900
+ height: 16px;
901
+ width: 16px;
902
+ display: inline-block;
903
+ padding: 0;
904
+ margin-left: 5px;
905
+ -webkit-border-radius: 4px;
906
+ border-radius: 4px;
907
+ }
908
+
909
+ .pa-section input[type="checkbox"]:checked+label {
910
+ background: #00a5e5;
911
+ height: 16px;
912
+ width: 16px;
913
+ display: inline-block;
914
+ padding: 0;
915
+ }
916
+
917
+ .pa-section input[type="checkbox"]:checked+label:before {
918
+ position: absolute;
919
+ content: "✔";
920
+ color: #fff;
921
+ font-size: 12px;
922
+ top: 0;
923
+ right: 0;
924
+ width: 100%;
925
+ height: 100%;
926
+ text-align: center;
927
+ margin-top: -1px;
928
+ }
929
+
930
+ .pa-maps-table td input:focus {
931
+ outline: none;
932
+ -webkit-box-shadow: none;
933
+ box-shadow: none;
934
+ border: none;
935
+ }
936
+
937
+ .pa-elements-filter select,
938
+ .pa-maps-table td select {
939
+ border-color: #dcdcdc;
940
+ -webkit-border-radius: 10px;
941
+ border-radius: 10px;
942
+ -webkit-border-bottom-left-radius: 0;
943
+ border-bottom-left-radius: 0;
944
+ }
945
+
946
+ .pa-maps-circle-icon {
947
+ width: 5px;
948
+ height: 5px;
949
+ background-color: #252c59;
950
+ -webkit-border-radius: 50%;
951
+ border-radius: 50%;
952
+ display: inline-block;
953
+ vertical-align: middle;
954
+ margin-left: 10px;
955
+ }
956
+
957
+ .pa-maps-table td h4:before {
958
+ position: absolute;
959
+ content: "";
960
+ }
961
+
962
+ /*
963
+ * White Labeling Tab
964
+ */
965
+ .pa-wht-lbl-settings .pa-wht-lbl-title {
966
+ font-size: 20px;
967
+ color: #252c59;
968
+ font-weight: 900;
969
+ font-family: "Red Hat Display";
970
+ margin: 0;
971
+ }
972
+
973
+ .pa-wht-lbl-settings .pa-row {
974
+ width: 60%;
975
+ float: right;
976
+ }
977
+
978
+ .pa-wht-lbl-settings .pa-wht-lbl-admin {
979
+ width: 30%;
980
+ float: right;
981
+ margin-right: 16px;
982
+ }
983
+
984
+ .pa-wht-lbl-settings .pa-wht-lbl-head {
985
+ border-bottom: 1px solid #ddd;
986
+ background: #f7f7f7;
987
+ padding: 20px;
988
+ }
989
+
990
+ .pa-wht-lbl-table {
991
+ text-align: right;
992
+ }
993
+
994
+ .pa-wht-lbl-settings input {
995
+ font-weight: 400;
996
+ margin: 0;
997
+ margin-bottom: 12px;
998
+ -webkit-border-radius: 10px;
999
+ border-radius: 10px;
1000
+ /* background-color: #ebebeb; */
1001
+ border: 1px solid #dcdcdc;
1002
+ padding: 8px 20px;
1003
+ }
1004
+
1005
+ /* .pa-wht-lbl-settings input + span {
1006
+ margin-left: 0.3em;
1007
+ } */
1008
+
1009
+ .pa-wht-lbl-settings label+span {
1010
+ font-family: "Poppins";
1011
+ vertical-align: middle;
1012
+ }
1013
+
1014
+ .pa-wht-lbl-settings .pa-input-label {
1015
+ display: block;
1016
+ font-weight: 600;
1017
+ margin: 10px 0 6px;
1018
+ font-size: 14px;
1019
+ color: #252c59;
1020
+ font-family: "Red Hat Display";
1021
+ }
1022
+
1023
+ .pa-wht-lbl-settings input[type="text"] {
1024
+ width: 550px;
1025
+ }
1026
+
1027
+ .pa-wht-lbl-settings input[type="text"]::-webkit-input-placeholder {
1028
+ font-weight: 300;
1029
+ font-family: "Poppins";
1030
+ }
1031
+
1032
+ .pa-wht-lbl-settings input[type="text"]:-moz-placeholder {
1033
+ font-weight: 300;
1034
+ font-family: "Poppins";
1035
+ }
1036
+
1037
+ .pa-wht-lbl-settings input[type="text"]::-moz-placeholder {
1038
+ font-weight: 300;
1039
+ font-family: "Poppins";
1040
+ }
1041
+
1042
+ .pa-wht-lbl-settings input[type="text"]:-ms-input-placeholder {
1043
+ font-weight: 300;
1044
+ font-family: "Poppins";
1045
+ }
1046
+
1047
+ .pa-wht-lbl-settings input[type="text"]::-ms-input-placeholder {
1048
+ font-weight: 300;
1049
+ font-family: "Poppins";
1050
+ }
1051
+
1052
+ .pa-wht-lbl-settings input[type="text"]::placeholder {
1053
+ font-weight: 300;
1054
+ font-family: "Poppins";
1055
+ }
1056
+
1057
+ .pa-wht-lbl-settings .pa-wht-lbl-settings-wrap {
1058
+ background: #fff;
1059
+ margin: 16px auto;
1060
+ border: 1px solid #dcdcdc;
1061
+ -webkit-border-radius: 10px;
1062
+ border-radius: 10px;
1063
+ overflow: hidden;
1064
+ }
1065
+
1066
+ .pa-wht-lbl-settings .clearfix {
1067
+ clear: both;
1068
+ }
1069
+
1070
+ .pa-wht-lbl-group-wrap {
1071
+ padding: 20px;
1072
+ }
1073
+
1074
+ .pa-wht-lbl-save .pa-save-button {
1075
+ margin-top: 0;
1076
+ }
1077
+
1078
+ .pa-section-white-label .pa-white-label-notice {
1079
+ position: absolute;
1080
+ top: 0;
1081
+ right: 0;
1082
+ width: 100%;
1083
+ height: 100%;
1084
+ background: rgba(200, 200, 200, 0.8);
1085
+ -webkit-border-radius: 15px;
1086
+ border-radius: 15px;
1087
+ -js-display: flex;
1088
+ display: -webkit-box;
1089
+ display: -webkit-flex;
1090
+ display: -moz-box;
1091
+ display: -ms-flexbox;
1092
+ display: flex;
1093
+ -webkit-box-pack: center;
1094
+ -webkit-justify-content: center;
1095
+ -moz-box-pack: center;
1096
+ -ms-flex-pack: center;
1097
+ justify-content: center;
1098
+ }
1099
+
1100
+ .pa-white-label-notice-content {
1101
+ position: absolute;
1102
+ top: 200px;
1103
+ right: 200;
1104
+ width: 530px;
1105
+ background-image: url("../../images/popup-pattern.jpg");
1106
+ background-repeat: no-repeat;
1107
+ -webkit-background-size: cover;
1108
+ background-size: cover;
1109
+ padding: 32px;
1110
+ padding-bottom: 50px;
1111
+ -webkit-border-radius: 0px 50px;
1112
+ border-radius: 0px 50px;
1113
+ text-align: center;
1114
+ z-index: 2;
1115
+ }
1116
+
1117
+ .pa-white-label-notice-logo {
1118
+ -webkit-transform: translateY(-32px);
1119
+ -ms-transform: translateY(-32px);
1120
+ transform: translateY(-32px);
1121
+ margin-bottom: -18px;
1122
+ }
1123
+
1124
+ .pa-white-label-notice-logo img {
1125
+ padding: 10px;
1126
+ padding-top: 40px;
1127
+ background-color: #ffffff;
1128
+ border: 1px solid #e6e6e6;
1129
+ -webkit-border-radius: 50px;
1130
+ border-radius: 50px;
1131
+ -webkit-border-top-right-radius: 50px;
1132
+ border-top-right-radius: 50px;
1133
+ -webkit-border-top-left-radius: 50px;
1134
+ border-top-left-radius: 50px;
1135
+ -webkit-border-top-right-radius: 0;
1136
+ border-top-right-radius: 0;
1137
+ -webkit-border-top-left-radius: 0;
1138
+ border-top-left-radius: 0;
1139
+ }
1140
+
1141
+ .pa-white-label-notice-content h2,
1142
+ .pa-swal-head {
1143
+ display: inline-block;
1144
+ font-size: 23px;
1145
+ color: #252c59;
1146
+ font-weight: 900;
1147
+ font-family: "Red Hat Display";
1148
+ text-align: center;
1149
+ max-width: 350px;
1150
+ line-height: 1;
1151
+ margin: 0;
1152
+ margin-bottom: 18px;
1153
+ }
1154
+
1155
+ .pa-white-label-notice-content h2 span {
1156
+ color: #fd9926;
1157
+ text-transform: uppercase;
1158
+ font-family: "Red Hat Display";
1159
+ }
1160
+
1161
+ .pa-white-label-notice-content p {
1162
+ font-size: 13px;
1163
+ color: #474747;
1164
+ font-family: "Poppins";
1165
+ text-align: center;
1166
+ margin: 0;
1167
+ margin-bottom: 18px;
1168
+ }
1169
+
1170
+ .pa-white-label-notice-content a.pa-get-pro {
1171
+ display: inline-block;
1172
+ width: 117px;
1173
+ padding: 12px 10px;
1174
+ -webkit-border-radius: 10px;
1175
+ border-radius: 10px;
1176
+ color: #ffffff;
1177
+ font-size: 15px;
1178
+ font-weight: 900;
1179
+ font-family: "Red Hat Display";
1180
+ -webkit-filter: drop-shadow(0px 20px 17.5px rgba(254, 99, 0, 0.2));
1181
+ filter: drop-shadow(0px 20px 17.5px rgba(254, 99, 0, 0.2));
1182
+ text-decoration: none;
1183
+ outline: none;
1184
+ border: none;
1185
+ background-image: -webkit-linear-gradient(-120deg, #fe6300 0%, #fe9f00 100%);
1186
+ background-image: linear-gradient(30deg, #fe6300 0%, #fe9f00 100%);
1187
+ -webkit-transition: all 0.2s ease-in-out;
1188
+ transition: all 0.2s ease-in-out;
1189
+ }
1190
+
1191
+ .pa-white-label-notice-content a.pa-get-pro:hover {
1192
+ background-image: -webkit-linear-gradient(-60deg, #fe6300 0%, #fe9f00 100%);
1193
+ background-image: linear-gradient(-30deg, #fe6300 0%, #fe9f00 100%);
1194
+ }
1195
+
1196
+ /*
1197
+ * System Info Tab
1198
+ */
1199
+ .pa-section-info table.widefat {
1200
+ border: 0px;
1201
+ -webkit-box-shadow: none;
1202
+ box-shadow: none;
1203
+ font-family: "Poppins";
1204
+ }
1205
+
1206
+ .pa-section-info .widefat td:first-child {
1207
+ width: 30%;
1208
+ }
1209
+
1210
+ .pa-section-info table.widefat tr:nth-child(2n) {
1211
+ background-color: #f7f7f7;
1212
+ }
1213
+
1214
+ /*
1215
+ * License Tab
1216
+ */
1217
+ .pa-license-form span {
1218
+ color: #474747;
1219
+ font-family: "Poppins";
1220
+ }
1221
+
1222
+ .pa-license-form label {
1223
+ display: block;
1224
+ font-weight: 500;
1225
+ margin: 2em 0 0.5em;
1226
+ }
1227
+
1228
+ .pa-license-form code {
1229
+ padding: 3px 5px 2px;
1230
+ margin: 0 1px;
1231
+ background: #eaeaea;
1232
+ background: rgba(0, 0, 0, 0.07);
1233
+ font-size: 13px;
1234
+ font-style: italic;
1235
+ }
1236
+
1237
+ .pa-license-form .button.button-primary {
1238
+ width: 147px;
1239
+ height: 43px;
1240
+ /* -webkit-filter: drop-shadow(0px 10px 35px rgba(0, 165, 229, 0.3));
1241
+ filter: drop-shadow(0px 10px 35px rgba(0, 165, 229, 0.3)); */
1242
+ background-color: #00a5e5;
1243
+ /* margin-top: 50px; */
1244
+ margin-right: -3px;
1245
+ -webkit-border-radius: 10px 0 0 10px;
1246
+ border-radius: 10px 0 0 10px;
1247
+ border: none;
1248
+ }
1249
+
1250
+ #papro-license-key:focus,
1251
+ .pa-license-form .button.button-primary:focus {
1252
+ outline: none;
1253
+ -webkit-box-shadow: none;
1254
+ box-shadow: none;
1255
+ }
1256
+
1257
+ #papro-license-key {
1258
+ height: 43px;
1259
+ line-height: 1;
1260
+ margin: 0;
1261
+ padding: 8px 20px;
1262
+ -webkit-border-radius: 0 10px 10px 0;
1263
+ border-radius: 0 10px 10px 0;
1264
+ }
1265
+
1266
+ .pa-license-form input+span {
1267
+ margin-right: 10px;
1268
+ font-weight: 600;
1269
+ }
1270
+
1271
+ .pa-license-cell span {
1272
+ margin-right: 0.3em;
1273
+ }
1274
+
1275
+ /*
1276
+ * PAPRO Notice
1277
+ */
1278
+ .papro-admin-notice {
1279
+ -webkit-display: flex;
1280
+ display: -webkit-box;
1281
+ display: -ms-flexbox;
1282
+ -js-display: flex;
1283
+ display: -moz-box;
1284
+ display: flex;
1285
+ -webkit-box-pack: end;
1286
+ -ms-flex-pack: end;
1287
+ -webkit-justify-content: flex-end;
1288
+ -moz-box-pack: end;
1289
+ justify-content: flex-end;
1290
+ -webkit-box-align: center;
1291
+ -ms-flex-align: center;
1292
+ -webkit-align-items: center;
1293
+ -moz-box-align: center;
1294
+ align-items: center;
1295
+ margin-bottom: 24px;
1296
+ }
1297
+
1298
+ .papro-admin-notice>div {
1299
+ -webkit-box-flex: 1;
1300
+ -webkit-flex-grow: 1;
1301
+ -moz-box-flex: 1;
1302
+ -ms-flex-positive: 1;
1303
+ flex-grow: 1;
1304
+ }
1305
+
1306
+ .papro-admin-notice-left {
1307
+ position: relative;
1308
+ padding: 16px;
1309
+ -webkit-border-radius: 15px;
1310
+ border-radius: 15px;
1311
+ background-color: #fff;
1312
+ -webkit-flex-basis: 80%;
1313
+ -ms-flex-preferred-size: 80%;
1314
+ flex-basis: 80%;
1315
+ }
1316
+
1317
+ .papro-admin-notice-left a {
1318
+ position: absolute;
1319
+ top: 0;
1320
+ right: 0;
1321
+ width: 100%;
1322
+ height: 100%;
1323
+ }
1324
+
1325
+ .papro-admin-notice-left a:hover,
1326
+ .papro-admin-notice-left a:focus,
1327
+ .papro-admin-notice-left a:visited {
1328
+ outline: none;
1329
+ border: none;
1330
+ box-shadow: none;
1331
+ text-decoration: none;
1332
+ }
1333
+
1334
+ /* .papro-admin-notice-logo img {
1335
+ width: 100%;
1336
+ } */
1337
+ .papro-admin-notice-right {
1338
+ -webkit-display: flex;
1339
+ display: -webkit-box;
1340
+ display: -ms-flexbox;
1341
+ -js-display: flex;
1342
+ display: -moz-box;
1343
+ display: flex;
1344
+ -webkit-box-align: center;
1345
+ -ms-flex-align: center;
1346
+ -webkit-align-items: center;
1347
+ -moz-box-align: center;
1348
+ align-items: center;
1349
+ background: url("../../images/papro-banner.png");
1350
+ -webkit-background-size: cover;
1351
+ background-size: cover;
1352
+ background-repeat: no-repeat;
1353
+ padding: 18px;
1354
+ -webkit-border-radius: 15px;
1355
+ border-radius: 15px;
1356
+ overflow: hidden;
1357
+ margin-right: 25px;
1358
+ }
1359
+
1360
+ .papro-admin-notice-right h4 {
1361
+ font-size: 20px;
1362
+ color: #fff;
1363
+ font-weight: 900;
1364
+ font-family: "Red Hat Display";
1365
+ margin: 0;
1366
+ margin-bottom: 8px;
1367
+ }
1368
+
1369
+ .papro-admin-notice-right p {
1370
+ font-size: 14px;
1371
+ color: #ffffff;
1372
+ font-family: "Poppins";
1373
+ margin: 0;
1374
+ }
1375
+
1376
+ .papro-admin-notice-right span {
1377
+ font-weight: 700;
1378
+ }
1379
+
1380
+ /*
1381
+ * Dashboard Tabs
1382
+ */
1383
+ .pa-dash-general:before {
1384
+ content: "\e900";
1385
+ }
1386
+
1387
+ .pa-dash-integrations:before {
1388
+ content: "\e901";
1389
+ }
1390
+
1391
+ .pa-dash-system-info:before {
1392
+ content: "\e902";
1393
+ }
1394
+
1395
+ .pa-dash-vcontrol:before {
1396
+ content: "\e903";
1397
+ }
1398
+
1399
+ .pa-dash-white-label:before {
1400
+ content: "\e904";
1401
+ }
1402
+
1403
+ .pa-dash-elements:before {
1404
+ content: "\e905";
1405
+ }
1406
+
1407
+ .pa-dash-license:before {
1408
+ content: "\e910";
1409
+ }
1410
+
1411
+ .pa-dash-features:before {
1412
+ content: "\e911";
1413
+ }
1414
+
1415
+ /*
1416
+ * Elements Categories
1417
+ */
1418
+ .pa-dash-cat-all:before {
1419
+ content: "\e906";
1420
+ }
1421
+
1422
+ .pa-dash-cat-blurbs:before {
1423
+ content: "\e907";
1424
+ }
1425
+
1426
+ .pa-dash-cat-contact:before {
1427
+ content: "\e908";
1428
+ }
1429
+
1430
+ .pa-dash-cat-content:before {
1431
+ content: "\e909";
1432
+ }
1433
+
1434
+ .pa-dash-cat-images:before {
1435
+ content: "\e90a";
1436
+ }
1437
+
1438
+ .pa-dash-cat-off-grid:before {
1439
+ content: "\e90b";
1440
+ }
1441
+
1442
+ .pa-dash-cat-section:before {
1443
+ content: "\e90c";
1444
+ }
1445
+
1446
+ .pa-dash-cat-feed:before {
1447
+ content: "\e90d";
1448
+ }
1449
+
1450
+ .pa-dash-cat-data:before {
1451
+ content: "\e90e";
1452
+ }
1453
+
1454
+ .pa-dash-cat-social:before {
1455
+ content: "\e90f";
1456
+ }
1457
+
1458
+ /*
1459
+ * Widgets Icons
1460
+ */
1461
+ .pa-dash-premium-notbar:before {
1462
+ content: "\e913";
1463
+ }
1464
+
1465
+ .pa-dash-premium-gradient:before {
1466
+ content: "\e914";
1467
+ }
1468
+
1469
+ .pa-dash-premium-color-transition:before {
1470
+ content: "\e915";
1471
+ }
1472
+
1473
+ .pa-dash-premium-behance:before {
1474
+ content: "\e916";
1475
+ }
1476
+
1477
+ .pa-dash-premium-charts:before {
1478
+ content: "\e917";
1479
+ }
1480
+
1481
+ .pa-dash-premium-content-toggle:before {
1482
+ content: "\e918";
1483
+ }
1484
+
1485
+ .pa-dash-premium-divider:before {
1486
+ content: "\e919";
1487
+ }
1488
+
1489
+ .pa-dash-premium-facebook-feed:before {
1490
+ content: "\e91b";
1491
+ }
1492
+
1493
+ .pa-dash-facebook-feed-2:before {
1494
+ content: "\e91b";
1495
+ }
1496
+
1497
+ .pa-dash-premium-fb-chat:before {
1498
+ content: "\e91c";
1499
+ }
1500
+
1501
+ .pa-dash-premium-facebook-reviews:before {
1502
+ content: "\e91d";
1503
+ }
1504
+
1505
+ .pa-dash-premium-google-reviews:before {
1506
+ content: "\e91e";
1507
+ }
1508
+
1509
+ .pa-dash-premium-hscroll:before {
1510
+ content: "\e91f";
1511
+ }
1512
+
1513
+ .pa-dash-premium-flipbox:before {
1514
+ content: "\e920";
1515
+ }
1516
+
1517
+ .pa-dash-premium-iconbox:before {
1518
+ content: "\e921";
1519
+ }
1520
+
1521
+ .pa-dash-premium-image-accordion:before {
1522
+ content: "\e922";
1523
+ }
1524
+
1525
+ .pa-dash-premium-image-comparison:before {
1526
+ content: "\e923";
1527
+ }
1528
+
1529
+ .pa-dash-premium-image-hotspots:before {
1530
+ content: "\e924";
1531
+ }
1532
+
1533
+ .pa-dash-premium-img-layers:before {
1534
+ content: "\e925";
1535
+ }
1536
+
1537
+ .pa-dash-premium-instagram-feed:before {
1538
+ content: "\e926";
1539
+ }
1540
+
1541
+ .pa-dash-premium-kenburns:before {
1542
+ content: "\e927";
1543
+ }
1544
+
1545
+ .pa-dash-premium-lottie:before {
1546
+ content: "\e928";
1547
+ }
1548
+
1549
+ .pa-dash-premium-magic-section:before {
1550
+ content: "\e929";
1551
+ }
1552
+
1553
+ .pa-dash-premium-multi-scroll:before {
1554
+ content: "\e92a";
1555
+ }
1556
+
1557
+ .pa-dash-premium-ihover:before {
1558
+ content: "\e92b";
1559
+ }
1560
+
1561
+ .pa-dash-premium-parallax:before {
1562
+ content: "\e94f";
1563
+ }
1564
+
1565
+ .pa-dash-premium-particles:before {
1566
+ content: "\e92c";
1567
+ }
1568
+
1569
+ .pa-dash-premium-prev-img:before {
1570
+ content: "\e92d";
1571
+ }
1572
+
1573
+ .pa-dash-premium-tabs:before {
1574
+ content: "\e92f";
1575
+ }
1576
+
1577
+ .pa-dash-premium-tables:before {
1578
+ content: "\e92e";
1579
+ }
1580
+
1581
+ .pa-dash-trustpilot:before {
1582
+ content: "\e930";
1583
+ }
1584
+
1585
+ .pa-dash-premium-twitter-feed:before {
1586
+ content: "\e931";
1587
+ }
1588
+
1589
+ .pa-dash-premium-unfold:before {
1590
+ content: "\e932";
1591
+ }
1592
+
1593
+ .pa-dash-premium-whatsapp-chat:before {
1594
+ content: "\e933";
1595
+ }
1596
+
1597
+ .pa-dash-premium-yelp-reviews:before {
1598
+ content: "\e934";
1599
+ }
1600
+
1601
+ .pa-dash-premium-trustpilot-reviews:before {
1602
+ content: "\e930";
1603
+ }
1604
+
1605
+ .pa-dash-premium-banner:before {
1606
+ content: "\e935";
1607
+ }
1608
+
1609
+ .pa-dash-premium-blog:before {
1610
+ content: "\e936";
1611
+ }
1612
+
1613
+ .pa-dash-premium-button:before {
1614
+ content: "\e937";
1615
+ }
1616
+
1617
+ .pa-dash-premium-carousel:before {
1618
+ content: "\e938";
1619
+ }
1620
+
1621
+ .pa-dash-premium-contactform:before {
1622
+ content: "\e939";
1623
+ }
1624
+
1625
+ .pa-dash-premium-countdown:before {
1626
+ content: "\e93a";
1627
+ }
1628
+
1629
+ .pa-dash-premium-counter:before {
1630
+ content: "\e93b";
1631
+ }
1632
+
1633
+ .pa-dash-premium-dual-header:before {
1634
+ content: "\e93c";
1635
+ }
1636
+
1637
+ .pa-dash-premium-fancytext:before {
1638
+ content: "\e93d";
1639
+ }
1640
+
1641
+ .pa-dash-premium-maps:before {
1642
+ content: "\e93e";
1643
+ }
1644
+
1645
+ .pa-dash-premium-title:before {
1646
+ content: "\e93f";
1647
+ }
1648
+
1649
+ .pa-dash-premium-icon-list:before {
1650
+ content: "\e940";
1651
+ }
1652
+
1653
+ .pa-dash-premium-image-button:before {
1654
+ content: "\e941";
1655
+ }
1656
+
1657
+ .pa-dash-premium-image-scroll:before {
1658
+ content: "\e942";
1659
+ }
1660
+
1661
+ .pa-dash-premium-image-separator:before {
1662
+ content: "\e943";
1663
+ }
1664
+
1665
+ /* .pa-dash-premium-lottie:before {
1666
+ content: "\e944";
1667
+ } */
1668
+ .pa-dash-premium-lottie-widget:before {
1669
+ content: "\e945";
1670
+ }
1671
+
1672
+ .pa-dash-premium-grid:before {
1673
+ content: "\e946";
1674
+ }
1675
+
1676
+ .pa-dash-premium-modalbox:before {
1677
+ content: "\e947";
1678
+ }
1679
+
1680
+ .pa-dash-premium-pricing-table:before {
1681
+ content: "\e948";
1682
+ }
1683
+
1684
+ .pa-dash-premium-progressbar:before {
1685
+ content: "\e949";
1686
+ }
1687
+
1688
+ .pa-dash-premium-person:before {
1689
+ content: "\e94a";
1690
+ }
1691
+
1692
+ .pa-dash-premium-testimonials:before {
1693
+ content: "\e94b";
1694
+ }
1695
+
1696
+ .pa-dash-premium-vscroll:before {
1697
+ content: "\e94c";
1698
+ }
1699
+
1700
+ .pa-dash-premium-videobox:before {
1701
+ content: "\e94d";
1702
  }
admin/assets/css/admin.css CHANGED
@@ -1,1693 +1,1697 @@
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-btn.pa-save-button {
22
- font-family: "Red Hat Display";
23
- font-size: 15px;
24
- width: 147px;
25
- height: 43px;
26
- -webkit-border-radius: 10px;
27
- border-radius: 10px;
28
- /* -webkit-filter: drop-shadow(0px 10px 35px rgba(0, 165, 229, 0.3));
29
- filter: drop-shadow(0px 10px 35px rgba(0, 165, 229, 0.3)); */
30
- background-color: #00a5e5;
31
- margin-top: 50px;
32
- }
33
-
34
- .pa-btn.pa-save-button:hover,
35
- .pa-btn.pa-save-button:focus,
36
- .pa-btn.pa-save-button:active {
37
- background: #00a5e5;
38
- color: #fff;
39
- -webkit-box-shadow: none;
40
- box-shadow: none;
41
- }
42
-
43
- .switch {
44
- position: relative;
45
- display: inline-block;
46
- width: 44px;
47
- height: 24px;
48
- -webkit-border-radius: 12px;
49
- border-radius: 12px;
50
- }
51
-
52
- .switch input {
53
- display: none;
54
- }
55
-
56
- .slider,
57
- .pro-slider {
58
- position: absolute;
59
- cursor: pointer;
60
- top: 0;
61
- left: 0;
62
- right: 0;
63
- bottom: 0;
64
- /* background-color: #f2f2f2;
65
- box-shadow: 0 0 2px 1px #ccc inset; */
66
- -webkit-transition: 0.4s;
67
- transition: 0.4s;
68
- }
69
-
70
- .slider:before,
71
- .pro-slider:before {
72
- position: absolute;
73
- content: "";
74
- left: 3px;
75
- top: 50%;
76
- -webkit-transform: translateY(-50%);
77
- -ms-transform: translateY(-50%);
78
- transform: translateY(-50%);
79
- /* background: radial-gradient(farthest-corner at 14px 0px, #f0f0f0 50%, #cacaca 100%); */
80
- -webkit-transition: all 0.4s ease-in-out;
81
- transition: all 0.4s ease-in-out;
82
- padding: 0;
83
- margin: 0;
84
- width: 15px;
85
- height: 15px;
86
- -webkit-border-radius: 8px;
87
- border-radius: 8px;
88
- -webkit-filter: drop-shadow(0px 5px 2.5px rgba(40, 40, 40, 0.35));
89
- filter: drop-shadow(0px 5px 2.5px rgba(40, 40, 40, 0.35));
90
- background-color: #f7f7f7;
91
- border: 1px solid #ffffff;
92
- /* box-shadow: 0 2.5px 5px #b8b8b9; */
93
- }
94
-
95
- input:checked+.slider {
96
- background: #8dc900;
97
- }
98
-
99
- input:focus+.slider {
100
- -webkit-box-shadow: 0 0 1px #18a4fd;
101
- box-shadow: 0 0 1px #18a4fd;
102
- }
103
-
104
- input:checked+.slider:before {
105
- -webkit-transform: translate3d(20px, -50%, 0);
106
- transform: translate3d(20px, -50%, 0);
107
- }
108
-
109
- .slider.round,
110
- .pro-slider.round {
111
- -webkit-border-radius: 34px;
112
- border-radius: 34px;
113
- background-image: -webkit-gradient(linear, left top, left bottom, from(#cfcfcf), to(#dbdbdb));
114
- background-image: -webkit-linear-gradient(top, #cfcfcf 0%, #dbdbdb 100%);
115
- background-image: linear-gradient(180deg, #cfcfcf 0%, #dbdbdb 100%);
116
- }
117
-
118
- .slider.round:before,
119
- .pro-slider.round:before {
120
- -webkit-border-radius: 50%;
121
- border-radius: 50%;
122
- }
123
-
124
- .pa-switcher input:disabled+.pro-slider::after {
125
- position: absolute;
126
- content: "\e912";
127
- font-family: "pa-dash";
128
- color: #474747;
129
- right: 8px;
130
- top: 50%;
131
- -webkit-transform: translateY(-50%);
132
- -ms-transform: translateY(-50%);
133
- transform: translateY(-50%);
134
- }
135
-
136
- .pa-api-disable-title label,
137
- .pa-is-beta label {
138
- margin-right: 15px;
139
- }
140
-
141
- .pa-api-disable-title span,
142
- .pa-is-beta span {
143
- font-weight: 400;
144
- }
145
-
146
- .pa-maps-api-notice {
147
- margin: 0.5em 0;
148
- }
149
-
150
- .pa-api-title input {
151
- margin-top: 10px;
152
- font-size: normal;
153
- font-weight: 400;
154
- width: 400px;
155
- margin-left: 30px;
156
- }
157
-
158
- .pa-sys-info-tab {
159
- background: #f7f7f7;
160
- margin: 8px;
161
- border: 2px solid #ddd;
162
- -webkit-border-radius: 3px;
163
- border-radius: 3px;
164
- padding: 0;
165
- }
166
-
167
- .pa-system-info-container {
168
- padding: 10px;
169
- }
170
-
171
- .dialog-type-lightbox .dialog-widget-header {
172
- text-align: center;
173
- font-size: 15px;
174
- color: #495157;
175
- padding: 30px 0 10px;
176
- font-weight: 500;
177
- }
178
-
179
- .pa-swal.swal2-show {
180
- padding: 32px;
181
- padding-bottom: 50px;
182
- background-image: url("../../images/popup-pattern.jpg");
183
- background-repeat: no-repeat;
184
- -webkit-background-size: cover;
185
- background-size: cover;
186
- -webkit-border-radius: 50px 0;
187
- border-radius: 50px 0;
188
- }
189
-
190
- .pa-swal .swal2-close {
191
- color: #c2c4cf;
192
- }
193
-
194
- .pa-swal .swal2-close:hover {
195
- color: #00a5e5;
196
- }
197
-
198
- .pa-swal .swal2-title {
199
- margin: 0;
200
- }
201
-
202
- .pa-swal .swal2-content {
203
- font-size: 13px;
204
- color: #474747;
205
- font-family: "Poppins";
206
- text-align: center;
207
- margin: 0;
208
- margin-bottom: 0px;
209
- }
210
-
211
- .pa-swal .swal2-cancel.swal2-styled,
212
- .pa-swal .swal2-cancel.swal2-styled:hover,
213
- .pa-swal .swal2-confirm.swal2-styled {
214
- background-image: none !important;
215
- background-color: #ebebeb;
216
- color: #474747;
217
- border: none !important;
218
- -webkit-box-shadow: none !important;
219
- box-shadow: none !important;
220
- font-family: "Red Hat Display";
221
- font-size: 15px;
222
- font-weight: 700;
223
- }
224
-
225
- .pa-swal .swal2-confirm.swal2-styled,
226
- .pa-swal .swal2-confirm.swal2-styled:hover {
227
- min-width: 128px;
228
- color: #fff;
229
- background-image: none !important;
230
- background-color: #00a5e5;
231
- }
232
-
233
- /**
234
- * New Dashboard
235
- */
236
- .pa-settings-wrap {
237
- padding: 35px;
238
- padding-left: 15px;
239
- }
240
-
241
- .pa-settings-section {
242
- display: none;
243
- }
244
-
245
- .pa-settings-tabs {
246
- background-color: #fff;
247
- -webkit-border-radius: 15px;
248
- border-radius: 15px;
249
- padding: 36px;
250
- margin-bottom: 12px;
251
- }
252
-
253
- .pa-settings-tabs-list {
254
- clear: left;
255
- margin: 0;
256
- list-style-type: none;
257
- }
258
-
259
- .pa-settings-tabs .pa-settings-tabs-list li {
260
- display: inline-block;
261
- margin-bottom: 0;
262
- margin-right: 23px;
263
- }
264
-
265
- .pa-settings-section.active {
266
- display: block;
267
- }
268
-
269
- .papro-admin-notice a,
270
- .pa-settings-wrap .pa-settings-tabs a {
271
- -js-display: flex;
272
- display: -webkit-box;
273
- display: -webkit-flex;
274
- display: -moz-box;
275
- display: -ms-flexbox;
276
- display: flex;
277
- -webkit-box-pack: center;
278
- -webkit-justify-content: center;
279
- -moz-box-pack: center;
280
- -ms-flex-pack: center;
281
- justify-content: center;
282
- -webkit-box-align: center;
283
- -webkit-align-items: center;
284
- -moz-box-align: center;
285
- -ms-flex-align: center;
286
- align-items: center;
287
- font-size: 14px;
288
- line-height: 1.8em;
289
- position: relative;
290
- color: #252c59;
291
- text-decoration: none;
292
- -webkit-transition: all 0.3s ease;
293
- transition: all 0.3s ease;
294
- }
295
-
296
- .papro-admin-notice a.papro-notice-btn {
297
- width: 120px;
298
- /* height: 58px; */
299
- -webkit-border-radius: 15px;
300
- border-radius: 15px;
301
- -webkit-filter: drop-shadow(0px 5px 50px rgba(87, 0, 101, 0.7));
302
- filter: drop-shadow(0px 5px 50px rgba(87, 0, 101, 0.7));
303
- background-color: #ffffff;
304
- font-size: 18px;
305
- color: #fe6300;
306
- font-weight: 800;
307
- font-family: "Red Hat Display";
308
- text-align: center;
309
- padding: 10px 20px;
310
- }
311
-
312
- .pa-settings-wrap .pa-settings-tabs a:focus {
313
- outline: none;
314
- -webkit-box-shadow: none;
315
- box-shadow: none;
316
- }
317
-
318
- .pa-settings-wrap .pa-settings-tabs span {
319
- margin-left: 8px;
320
- font-family: "Poppins";
321
- font-weight: 500;
322
- }
323
-
324
- .pa-settings-wrap .pa-settings-tabs .pa-section-active {
325
- color: #00a5e5;
326
- }
327
-
328
- .pa-section {
329
- display: none;
330
- position: relative;
331
- background-color: #fff;
332
- -webkit-transition: opacity 0.2s;
333
- transition: opacity 0.2s;
334
- padding: 36px;
335
- -webkit-border-radius: 15px;
336
- border-radius: 15px;
337
- }
338
-
339
- /**
340
- * General Tab
341
- */
342
- #pa-general-settings {
343
- -js-display: flex;
344
- display: -webkit-box;
345
- display: -webkit-flex;
346
- display: -moz-box;
347
- display: -ms-flexbox;
348
- display: flex;
349
- }
350
-
351
- #pa-general-settings .col-half:first-of-type {
352
- margin-right: 16px;
353
- }
354
-
355
- #pa-general-settings .pa-section-info i {
356
- vertical-align: bottom;
357
- }
358
-
359
- /**
360
- * Tab Info
361
- */
362
- .pa-section-info-wrap {
363
- padding: 36px;
364
- -webkit-border-radius: 15px;
365
- border-radius: 15px;
366
- background-color: #f7f7f7;
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-pack: justify;
374
- -webkit-justify-content: space-between;
375
- -moz-box-pack: justify;
376
- -ms-flex-pack: justify;
377
- justify-content: space-between;
378
- -webkit-box-align: center;
379
- -webkit-align-items: center;
380
- -moz-box-align: center;
381
- -ms-flex-align: center;
382
- align-items: center;
383
- }
384
-
385
- #pa-ver-control-settings .pa-section-info-wrap {
386
- -webkit-box-orient: vertical;
387
- -webkit-box-direction: normal;
388
- -webkit-flex-direction: column;
389
- -moz-box-orient: vertical;
390
- -moz-box-direction: normal;
391
- -ms-flex-direction: column;
392
- flex-direction: column;
393
- -webkit-box-align: start;
394
- -webkit-align-items: flex-start;
395
- -moz-box-align: start;
396
- -ms-flex-align: start;
397
- align-items: flex-start;
398
- }
399
-
400
- #pa-features-settings .pa-section-info-wrap:nth-of-type(n + 2),
401
- #pa-ver-control-settings .pa-section-info-wrap:nth-of-type(n + 2) {
402
- margin-top: 36px;
403
- }
404
-
405
- .pa-section-info-wrap h4 {
406
- font-size: 20px;
407
- color: #252c59;
408
- font-weight: 900;
409
- font-family: "Red Hat Display";
410
- margin: 0;
411
- }
412
-
413
- .pa-section-info-wrap p {
414
- font-size: 15px;
415
- color: #474747;
416
- font-family: "Poppins";
417
- margin: 0;
418
- margin-top: 14px;
419
- }
420
-
421
- .pa-section-info-cta {
422
- -js-display: flex;
423
- display: -webkit-box;
424
- display: -webkit-flex;
425
- display: -moz-box;
426
- display: -ms-flexbox;
427
- display: flex;
428
- -webkit-box-align: center;
429
- -webkit-align-items: center;
430
- -moz-box-align: center;
431
- -ms-flex-align: center;
432
- align-items: center;
433
- margin-top: 25px;
434
- }
435
-
436
- .pa-section-info-cta .pa-btn {
437
- color: #474747;
438
- background-color: #ebebeb;
439
- padding: 8px 20px;
440
- -webkit-border-radius: 10px;
441
- border-radius: 10px;
442
- font-size: 15px;
443
- font-weight: 700;
444
- font-family: "Red Hat Display";
445
- -webkit-transition: all 0.2s ease-in-out;
446
- transition: all 0.2s ease-in-out;
447
- }
448
-
449
- .pa-section-info-cta .pa-btn:hover,
450
- .pa-section-info-cta .pa-btn:focus,
451
- .pa-section-info-cta .pa-btn:active {
452
- color: #fff;
453
- background-color: #00a5e5;
454
- }
455
-
456
- .pa-section-info-cta .pa-section-info-label {
457
- font-size: 13px;
458
- color: #474747;
459
- font-family: "Poppins";
460
- text-align: right;
461
- }
462
-
463
- .pa-section-info-cta .pa-section-info-warning {
464
- font-size: 13px;
465
- color: #cca329;
466
- font-weight: 300;
467
- font-family: "Poppins";
468
- margin-left: 20px;
469
- }
470
-
471
- .pa-section-info-cta .pa-section-info-warning i {
472
- font-weight: 300;
473
- vertical-align: bottom;
474
- }
475
-
476
- .pa-btn-group .pa-btn,
477
- .pa-btn-group .pa-btn-unused {
478
- font-family: "Red Hat Display";
479
- color: #8e8e8e;
480
- background-color: #ebebeb;
481
- border: 0px solid;
482
- padding: 16px 28px;
483
- -webkit-border-radius: 10px;
484
- border-radius: 10px;
485
- font-size: 15px;
486
- font-weight: 700;
487
- cursor: pointer;
488
- -webkit-transition: 300ms;
489
- transition: 300ms;
490
- display: block;
491
- }
492
-
493
- .pa-btn-group .pa-btn-unused {
494
- background: transparent;
495
- color: #252C59;
496
- float: left;
497
- }
498
-
499
- .pa-btn-group .pa-btn-unused.dimmed {
500
- cursor: no-drop;
501
- color: #C2C4CF;
502
- }
503
-
504
- .pa-element-name .pa-total-use {
505
- color: #252C59;
506
- }
507
-
508
- .pa-btn-group button.pa-btn-enable {
509
- -webkit-border-top-right-radius: 0;
510
- border-top-right-radius: 0;
511
- -webkit-border-bottom-right-radius: 0;
512
- border-bottom-right-radius: 0;
513
- float: left;
514
- }
515
-
516
- .pa-btn-group button.pa-btn-disable {
517
- -webkit-border-top-left-radius: 0;
518
- border-top-left-radius: 0;
519
- -webkit-border-bottom-left-radius: 0;
520
- border-bottom-left-radius: 0;
521
- float: right;
522
- }
523
-
524
- .pa-btn-group .pa-btn-enable.active {
525
- color: #fff;
526
- -webkit-box-shadow: inset 3.5px 1.8px 7px 0px rgba(125, 125, 125, 0.5);
527
- box-shadow: inset 3.5px 1.8px 7px 0px rgba(125, 125, 125, 0.5);
528
- background-color: #8dc900;
529
- }
530
-
531
- .pa-btn-group .pa-btn-disable.active {
532
- color: #fff;
533
- -webkit-box-shadow: inset 3.564px 1.816px 7px 0px rgba(81, 81, 81, 0.5);
534
- box-shadow: inset 3.564px 1.816px 7px 0px rgba(81, 81, 81, 0.5);
535
- background-color: #898989;
536
- }
537
-
538
- .pa-btn-group .pa-btn-enable:not(.active):hover {
539
- color: #ffffff;
540
- background-color: #8dc900;
541
- }
542
-
543
- .pa-btn-group .pa-btn-disable:not(.active):hover {
544
- color: #ffffff;
545
- background-color: #898989;
546
- }
547
-
548
- /*
549
- * Widgets & Addons Tab
550
- */
551
- .pa-elements-settings {
552
- position: relative;
553
- -js-display: flex;
554
- display: -webkit-box;
555
- display: -webkit-flex;
556
- display: -moz-box;
557
- display: -ms-flexbox;
558
- display: flex;
559
- margin-top: 16px;
560
- }
561
-
562
- .pa-elements-filter {
563
- position: absolute;
564
- top: 10px;
565
- right: 16px;
566
- }
567
-
568
- .pa-elements-filter label {
569
- font-size: 13px;
570
- color: #474747;
571
- font-family: "Poppins";
572
- margin-right: 10px;
573
- }
574
-
575
- .pa-elements-filter select {
576
- padding: 5px 35px 5px 15px;
577
- }
578
-
579
- .pa-elements-tabs {
580
- -webkit-border-radius: 10px;
581
- border-radius: 10px;
582
- background-color: #f7f7f7;
583
- padding: 20px;
584
- margin-right: 16px;
585
- }
586
-
587
- .pa-elements-tabs .pa-elements-tab {
588
- position: relative;
589
- padding: 0;
590
- margin-bottom: 12px;
591
- text-align: center;
592
- }
593
-
594
- .pa-elements-tab .pa-element-tab-tooltip {
595
- position: absolute;
596
- background-color: #3a3c40;
597
- display: block;
598
- position: absolute;
599
- top: 50%;
600
- left: 100%;
601
- padding: 10px 20px;
602
- -webkit-border-radius: 13px;
603
- border-radius: 13px;
604
- -webkit-filter: drop-shadow(0px 5px 27.5px rgba(104, 104, 104, 0.3));
605
- filter: drop-shadow(0px 5px 27.5px rgba(104, 104, 104, 0.3));
606
- background-color: #ffffff;
607
- font-size: 11px;
608
- color: #252c59;
609
- font-weight: 500;
610
- font-family: "Poppins";
611
- opacity: 0;
612
- pointer-events: none;
613
- text-transform: capitalize;
614
- -webkit-transform: translate(30px, -50%);
615
- -ms-transform: translate(30px, -50%);
616
- transform: translate(30px, -50%);
617
- -webkit-transition: all 0.3s ease;
618
- transition: all 0.3s ease;
619
- z-index: 1;
620
- white-space: nowrap;
621
- }
622
-
623
- .pa-elements-tab .pa-element-tab-tooltip::before {
624
- display: block;
625
- position: absolute;
626
- top: 50%;
627
- left: -5px;
628
- width: 0;
629
- height: 0;
630
- content: "";
631
- border-top: 5px solid transparent;
632
- border-bottom: 5px solid transparent;
633
- border-right: 5px solid #ffffff;
634
- -webkit-transform: translateY(-50%);
635
- -ms-transform: translateY(-50%);
636
- transform: translateY(-50%);
637
- }
638
-
639
- .pa-elements-tab .pa-elements-tab-link {
640
- -js-display: flex;
641
- display: -webkit-box;
642
- display: -webkit-flex;
643
- display: -moz-box;
644
- display: -ms-flexbox;
645
- display: flex;
646
- -webkit-box-pack: center;
647
- -webkit-justify-content: center;
648
- -moz-box-pack: center;
649
- -ms-flex-pack: center;
650
- justify-content: center;
651
- -webkit-box-align: center;
652
- -webkit-align-items: center;
653
- -moz-box-align: center;
654
- -ms-flex-align: center;
655
- align-items: center;
656
- color: #c2c4cf;
657
- padding: 12px;
658
- text-decoration: none;
659
- -webkit-transition: all 0.3s ease-in-out;
660
- transition: all 0.3s ease-in-out;
661
- -webkit-border-radius: 13px;
662
- border-radius: 13px;
663
- }
664
-
665
- .pa-elements-tab .pa-elements-tab-link:hover,
666
- .pa-elements-tab .pa-elements-tab-link.active {
667
- -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));
668
- 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));
669
- background-color: #ffffff;
670
- color: #00a5e5;
671
- outline: none;
672
- border: none;
673
- text-decoration: none;
674
- -webkit-box-shadow: none;
675
- box-shadow: none;
676
- }
677
-
678
- .pa-elements-tab .pa-elements-tab-link:hover+span {
679
- opacity: 1;
680
- -webkit-transform: translate(20px, -50%);
681
- -ms-transform: translate(20px, -50%);
682
- transform: translate(20px, -50%);
683
- }
684
-
685
- .pa-switchers {
686
- -js-display: flex;
687
- display: -webkit-box;
688
- display: -webkit-flex;
689
- display: -moz-box;
690
- display: -ms-flexbox;
691
- display: flex;
692
- -webkit-flex-wrap: wrap;
693
- -ms-flex-wrap: wrap;
694
- flex-wrap: wrap;
695
- -webkit-align-content: flex-start;
696
- -ms-flex-line-pack: start;
697
- align-content: flex-start;
698
- }
699
-
700
- .pa-switchers-container {
701
- width: 100%;
702
- }
703
-
704
- .pa-switchers-container.hidden,
705
- .pa-switcher.hidden {
706
- display: none;
707
- }
708
-
709
- .pa-switchers-container .pa-elements-tab-title {
710
- font-size: 20px;
711
- color: #252c59;
712
- font-weight: 900;
713
- font-family: "Red Hat Display";
714
- margin: 16px 0;
715
- }
716
-
717
- .pa-switcher {
718
- -webkit-border-radius: 15px;
719
- border-radius: 15px;
720
- background-color: #f7f7f7;
721
- position: relative;
722
- -js-display: flex;
723
- display: -webkit-box;
724
- display: -webkit-flex;
725
- display: -moz-box;
726
- display: -ms-flexbox;
727
- display: flex;
728
- width: -webkit-calc(50% - 56px);
729
- width: calc(50% - 56px);
730
- -webkit-box-pack: justify;
731
- -webkit-justify-content: space-between;
732
- -moz-box-pack: justify;
733
- -ms-flex-pack: justify;
734
- justify-content: space-between;
735
- -webkit-box-align: center;
736
- -webkit-align-items: center;
737
- -moz-box-align: center;
738
- -ms-flex-align: center;
739
- align-items: center;
740
- padding: 20px;
741
- margin-top: 16px;
742
- margin-right: 16px;
743
- }
744
-
745
- .pa-element-info {
746
- -js-display: flex;
747
- display: -webkit-box;
748
- display: -webkit-flex;
749
- display: -moz-box;
750
- display: -ms-flexbox;
751
- display: flex;
752
- -webkit-box-align: center;
753
- -webkit-align-items: center;
754
- -moz-box-align: center;
755
- -ms-flex-align: center;
756
- align-items: center;
757
- }
758
-
759
- .pa-element-info .pa-element-icon {
760
- color: #252c59;
761
- background-color: #ebebeb;
762
- -webkit-border-radius: 15px;
763
- border-radius: 15px;
764
- /* padding: 12px; */
765
- min-width: 40px;
766
- min-height: 40px;
767
- margin-right: 10px;
768
- -js-display: flex;
769
- display: -webkit-box;
770
- display: -webkit-flex;
771
- display: -moz-box;
772
- display: -ms-flexbox;
773
- display: flex;
774
- -webkit-box-pack: center;
775
- -webkit-justify-content: center;
776
- -moz-box-pack: center;
777
- -ms-flex-pack: center;
778
- justify-content: center;
779
- -webkit-box-align: center;
780
- -webkit-align-items: center;
781
- -moz-box-align: center;
782
- -ms-flex-align: center;
783
- align-items: center;
784
- }
785
-
786
- .pa-element-name {
787
- font-size: 16px;
788
- color: #252c59;
789
- font-weight: 700;
790
- font-family: "Red Hat Display";
791
- margin: 0;
792
- -js-display: flex;
793
- display: -webkit-box;
794
- display: -webkit-flex;
795
- display: -moz-box;
796
- display: -ms-flexbox;
797
- display: flex;
798
- }
799
-
800
- .pa-element-name span {
801
- text-transform: uppercase;
802
- color: #fd9926;
803
- font-weight: 700;
804
- font-size: 11px;
805
- margin-left: 5px;
806
- }
807
-
808
- .pa-element-link {
809
- font-size: 13px;
810
- color: #252c59;
811
- font-family: "Poppins";
812
- text-decoration: none;
813
- -webkit-transition: all 0.2s ease-in-out;
814
- transition: all 0.2s ease-in-out;
815
- }
816
-
817
- .pa-element-link-separator {
818
- width: 3px;
819
- height: 3px;
820
- display: inline-block;
821
- text-align: center;
822
- color: #252c59;
823
- background: #252c59;
824
- -webkit-border-radius: 50%;
825
- border-radius: 50%;
826
- vertical-align: middle;
827
- margin: 0 3px;
828
- }
829
-
830
- .pa-element-link:hover,
831
- .pa-element-link:focus {
832
- color: #00a5e5;
833
- text-decoration: none;
834
- outline: none;
835
- -webkit-box-shadow: none;
836
- box-shadow: none;
837
- border: none;
838
- }
839
-
840
- /*
841
- * Integrations
842
- */
843
- .pa-maps-table select {
844
- width: 100%;
845
- max-width: 100%;
846
- padding: 8px;
847
- }
848
-
849
- .pa-maps-table #premium-map-api,
850
- .pa-maps-table #premium-youtube-api {
851
- width: 100%;
852
- }
853
-
854
- .pa-maps-table tr td {
855
- padding-top: 30px;
856
- }
857
-
858
- .pa-maps-table tr td:first-of-type {
859
- padding-right: 30px;
860
- }
861
-
862
- .pa-maps-table td h4 {
863
- margin: 0;
864
- font-size: 15px;
865
- color: #252c59;
866
- font-weight: 500;
867
- font-family: "Poppins";
868
- display: inline-block;
869
- }
870
-
871
- .pa-maps-table td span {
872
- font-size: 13px;
873
- color: #474747;
874
- font-family: "Poppins";
875
- vertical-align: middle;
876
- }
877
-
878
- .pa-maps-table td input[type="text"] {
879
- -webkit-border-radius: 10px;
880
- border-radius: 10px;
881
- background-color: #ebebeb;
882
- border: none;
883
- padding: 8px 20px;
884
- }
885
-
886
- .pa-section input[type="checkbox"] {
887
- border: none;
888
- display: none;
889
- }
890
-
891
- .pa-section input[type="checkbox"]+label {
892
- position: relative;
893
- background: #ebebeb;
894
- height: 16px;
895
- width: 16px;
896
- display: inline-block;
897
- padding: 0;
898
- margin-right: 5px;
899
- -webkit-border-radius: 4px;
900
- border-radius: 4px;
901
- }
902
-
903
- .pa-section input[type="checkbox"]:checked+label {
904
- background: #00a5e5;
905
- height: 16px;
906
- width: 16px;
907
- display: inline-block;
908
- padding: 0;
909
- }
910
-
911
- .pa-section input[type="checkbox"]:checked+label:before {
912
- position: absolute;
913
- content: "✔";
914
- color: #fff;
915
- font-size: 12px;
916
- top: 0;
917
- left: 0;
918
- width: 100%;
919
- height: 100%;
920
- text-align: center;
921
- margin-top: -1px;
922
- }
923
-
924
- .pa-maps-table td input:focus {
925
- outline: none;
926
- -webkit-box-shadow: none;
927
- box-shadow: none;
928
- border: none;
929
- }
930
-
931
- .pa-elements-filter select,
932
- .pa-maps-table td select {
933
- border-color: #dcdcdc;
934
- -webkit-border-radius: 10px;
935
- border-radius: 10px;
936
- -webkit-border-bottom-right-radius: 0;
937
- border-bottom-right-radius: 0;
938
- }
939
-
940
- .pa-maps-circle-icon {
941
- width: 5px;
942
- height: 5px;
943
- background-color: #252c59;
944
- -webkit-border-radius: 50%;
945
- border-radius: 50%;
946
- display: inline-block;
947
- vertical-align: middle;
948
- margin-right: 10px;
949
- }
950
-
951
- .pa-maps-table td h4:before {
952
- position: absolute;
953
- content: "";
954
- }
955
-
956
- /*
957
- * White Labeling Tab
958
- */
959
- .pa-wht-lbl-settings .pa-wht-lbl-title {
960
- font-size: 20px;
961
- color: #252c59;
962
- font-weight: 900;
963
- font-family: "Red Hat Display";
964
- margin: 0;
965
- }
966
-
967
- .pa-wht-lbl-settings .pa-row {
968
- width: 60%;
969
- float: left;
970
- }
971
-
972
- .pa-wht-lbl-settings .pa-wht-lbl-admin {
973
- width: 30%;
974
- float: left;
975
- margin-left: 16px;
976
- }
977
-
978
- .pa-wht-lbl-settings .pa-wht-lbl-head {
979
- border-bottom: 1px solid #ddd;
980
- background: #f7f7f7;
981
- padding: 20px;
982
- }
983
-
984
- .pa-wht-lbl-table {
985
- text-align: left;
986
- }
987
-
988
- .pa-wht-lbl-settings input {
989
- font-weight: 400;
990
- margin: 0;
991
- margin-bottom: 12px;
992
- -webkit-border-radius: 10px;
993
- border-radius: 10px;
994
- /* background-color: #ebebeb; */
995
- border: 1px solid #dcdcdc;
996
- padding: 8px 20px;
997
- }
998
-
999
- /* .pa-wht-lbl-settings input + span {
1000
- margin-left: 0.3em;
1001
- } */
1002
-
1003
- .pa-wht-lbl-settings label+span {
1004
- font-family: "Poppins";
1005
- vertical-align: middle;
1006
- }
1007
-
1008
- .pa-wht-lbl-settings .pa-input-label {
1009
- display: block;
1010
- font-weight: 600;
1011
- margin: 10px 0 6px;
1012
- font-size: 14px;
1013
- color: #252c59;
1014
- font-family: "Red Hat Display";
1015
- }
1016
-
1017
- .pa-wht-lbl-settings input[type="text"] {
1018
- width: 550px;
1019
- }
1020
-
1021
- .pa-wht-lbl-settings input[type="text"]::-webkit-input-placeholder {
1022
- font-weight: 300;
1023
- font-family: "Poppins";
1024
- }
1025
-
1026
- .pa-wht-lbl-settings input[type="text"]:-moz-placeholder {
1027
- font-weight: 300;
1028
- font-family: "Poppins";
1029
- }
1030
-
1031
- .pa-wht-lbl-settings input[type="text"]::-moz-placeholder {
1032
- font-weight: 300;
1033
- font-family: "Poppins";
1034
- }
1035
-
1036
- .pa-wht-lbl-settings input[type="text"]:-ms-input-placeholder {
1037
- font-weight: 300;
1038
- font-family: "Poppins";
1039
- }
1040
-
1041
- .pa-wht-lbl-settings input[type="text"]::-ms-input-placeholder {
1042
- font-weight: 300;
1043
- font-family: "Poppins";
1044
- }
1045
-
1046
- .pa-wht-lbl-settings input[type="text"]::placeholder {
1047
- font-weight: 300;
1048
- font-family: "Poppins";
1049
- }
1050
-
1051
- .pa-wht-lbl-settings .pa-wht-lbl-settings-wrap {
1052
- background: #fff;
1053
- margin: 16px auto;
1054
- border: 1px solid #dcdcdc;
1055
- -webkit-border-radius: 10px;
1056
- border-radius: 10px;
1057
- overflow: hidden;
1058
- }
1059
-
1060
- .pa-wht-lbl-settings .clearfix {
1061
- clear: both;
1062
- }
1063
-
1064
- .pa-wht-lbl-group-wrap {
1065
- padding: 20px;
1066
- }
1067
-
1068
- .pa-wht-lbl-save .pa-save-button {
1069
- margin-top: 0;
1070
- }
1071
-
1072
- .pa-section-white-label .pa-white-label-notice {
1073
- position: absolute;
1074
- top: 0;
1075
- left: 0;
1076
- width: 100%;
1077
- height: 100%;
1078
- background: rgba(200, 200, 200, 0.8);
1079
- -webkit-border-radius: 15px;
1080
- border-radius: 15px;
1081
- -js-display: flex;
1082
- display: -webkit-box;
1083
- display: -webkit-flex;
1084
- display: -moz-box;
1085
- display: -ms-flexbox;
1086
- display: flex;
1087
- -webkit-box-pack: center;
1088
- -webkit-justify-content: center;
1089
- -moz-box-pack: center;
1090
- -ms-flex-pack: center;
1091
- justify-content: center;
1092
- }
1093
-
1094
- .pa-white-label-notice-content {
1095
- position: absolute;
1096
- top: 200px;
1097
- left: 200;
1098
- width: 530px;
1099
- background-image: url("../../images/popup-pattern.jpg");
1100
- background-repeat: no-repeat;
1101
- -webkit-background-size: cover;
1102
- background-size: cover;
1103
- padding: 32px;
1104
- padding-bottom: 50px;
1105
- -webkit-border-radius: 50px 0px;
1106
- border-radius: 50px 0px;
1107
- text-align: center;
1108
- z-index: 2;
1109
- }
1110
-
1111
- .pa-white-label-notice-logo {
1112
- -webkit-transform: translateY(-32px);
1113
- -ms-transform: translateY(-32px);
1114
- transform: translateY(-32px);
1115
- margin-bottom: -18px;
1116
- }
1117
-
1118
- .pa-white-label-notice-logo img {
1119
- padding: 10px;
1120
- padding-top: 40px;
1121
- background-color: #ffffff;
1122
- border: 1px solid #e6e6e6;
1123
- -webkit-border-radius: 50px;
1124
- border-radius: 50px;
1125
- -webkit-border-top-left-radius: 50px;
1126
- border-top-left-radius: 50px;
1127
- -webkit-border-top-right-radius: 50px;
1128
- border-top-right-radius: 50px;
1129
- -webkit-border-top-left-radius: 0;
1130
- border-top-left-radius: 0;
1131
- -webkit-border-top-right-radius: 0;
1132
- border-top-right-radius: 0;
1133
- }
1134
-
1135
- .pa-white-label-notice-content h2,
1136
- .pa-swal-head {
1137
- display: inline-block;
1138
- font-size: 23px;
1139
- color: #252c59;
1140
- font-weight: 900;
1141
- font-family: "Red Hat Display";
1142
- text-align: center;
1143
- max-width: 350px;
1144
- line-height: 1;
1145
- margin: 0;
1146
- margin-bottom: 18px;
1147
- }
1148
-
1149
- .pa-white-label-notice-content h2 span {
1150
- color: #fd9926;
1151
- text-transform: uppercase;
1152
- font-family: "Red Hat Display";
1153
- }
1154
-
1155
- .pa-white-label-notice-content p {
1156
- font-size: 13px;
1157
- color: #474747;
1158
- font-family: "Poppins";
1159
- text-align: center;
1160
- margin: 0;
1161
- margin-bottom: 18px;
1162
- }
1163
-
1164
- .pa-white-label-notice-content a.pa-get-pro {
1165
- display: inline-block;
1166
- width: 117px;
1167
- padding: 12px 10px;
1168
- -webkit-border-radius: 10px;
1169
- border-radius: 10px;
1170
- color: #ffffff;
1171
- font-size: 15px;
1172
- font-weight: 900;
1173
- font-family: "Red Hat Display";
1174
- -webkit-filter: drop-shadow(0px 20px 17.5px rgba(254, 99, 0, 0.2));
1175
- filter: drop-shadow(0px 20px 17.5px rgba(254, 99, 0, 0.2));
1176
- text-decoration: none;
1177
- outline: none;
1178
- border: none;
1179
- background-image: -webkit-linear-gradient(120deg, #fe6300 0%, #fe9f00 100%);
1180
- background-image: linear-gradient(-30deg, #fe6300 0%, #fe9f00 100%);
1181
- -webkit-transition: all 0.2s ease-in-out;
1182
- transition: all 0.2s ease-in-out;
1183
- }
1184
-
1185
- .pa-white-label-notice-content a.pa-get-pro:hover {
1186
- background-image: -webkit-linear-gradient(60deg, #fe6300 0%, #fe9f00 100%);
1187
- background-image: linear-gradient(30deg, #fe6300 0%, #fe9f00 100%);
1188
- }
1189
-
1190
- /*
1191
- * System Info Tab
1192
- */
1193
- .pa-section-info table.widefat {
1194
- border: 0px;
1195
- -webkit-box-shadow: none;
1196
- box-shadow: none;
1197
- font-family: "Poppins";
1198
- }
1199
-
1200
- .pa-section-info .widefat td:first-child {
1201
- width: 30%;
1202
- }
1203
-
1204
- .pa-section-info table.widefat tr:nth-child(2n) {
1205
- background-color: #f7f7f7;
1206
- }
1207
-
1208
- /*
1209
- * License Tab
1210
- */
1211
- .pa-license-form span {
1212
- color: #474747;
1213
- font-family: "Poppins";
1214
- }
1215
-
1216
- .pa-license-form label {
1217
- display: block;
1218
- font-weight: 500;
1219
- margin: 2em 0 0.5em;
1220
- }
1221
-
1222
- .pa-license-form code {
1223
- padding: 3px 5px 2px;
1224
- margin: 0 1px;
1225
- background: #eaeaea;
1226
- background: rgba(0, 0, 0, 0.07);
1227
- font-size: 13px;
1228
- font-style: italic;
1229
- }
1230
-
1231
- .pa-license-form .button.button-primary {
1232
- width: 147px;
1233
- height: 43px;
1234
- /* -webkit-filter: drop-shadow(0px 10px 35px rgba(0, 165, 229, 0.3));
1235
- filter: drop-shadow(0px 10px 35px rgba(0, 165, 229, 0.3)); */
1236
- background-color: #00a5e5;
1237
- /* margin-top: 50px; */
1238
- margin-left: -3px;
1239
- -webkit-border-radius: 0 10px 10px 0;
1240
- border-radius: 0 10px 10px 0;
1241
- border: none;
1242
- }
1243
-
1244
- #papro-license-key:focus,
1245
- .pa-license-form .button.button-primary:focus {
1246
- outline: none;
1247
- -webkit-box-shadow: none;
1248
- box-shadow: none;
1249
- }
1250
-
1251
- #papro-license-key {
1252
- height: 43px;
1253
- line-height: 1;
1254
- margin: 0;
1255
- padding: 8px 20px;
1256
- -webkit-border-radius: 10px 0 0 10px;
1257
- border-radius: 10px 0 0 10px;
1258
- }
1259
-
1260
- .pa-license-form input+span {
1261
- margin-left: 10px;
1262
- font-weight: 600;
1263
- }
1264
-
1265
- .pa-license-cell span {
1266
- margin-left: 0.3em;
1267
- }
1268
-
1269
- /*
1270
- * PAPRO Notice
1271
- */
1272
- .papro-admin-notice {
1273
- -webkit-display: flex;
1274
- display: -webkit-box;
1275
- display: -ms-flexbox;
1276
- -js-display: flex;
1277
- display: -moz-box;
1278
- display: flex;
1279
- -webkit-box-pack: end;
1280
- -ms-flex-pack: end;
1281
- -webkit-justify-content: flex-end;
1282
- -moz-box-pack: end;
1283
- justify-content: flex-end;
1284
- -webkit-box-align: center;
1285
- -ms-flex-align: center;
1286
- -webkit-align-items: center;
1287
- -moz-box-align: center;
1288
- align-items: center;
1289
- margin-bottom: 24px;
1290
- }
1291
-
1292
- .papro-admin-notice>div {
1293
- -webkit-box-flex: 1;
1294
- -webkit-flex-grow: 1;
1295
- -moz-box-flex: 1;
1296
- -ms-flex-positive: 1;
1297
- flex-grow: 1;
1298
- }
1299
-
1300
- .papro-admin-notice-left {
1301
- position: relative;
1302
- padding: 16px;
1303
- -webkit-border-radius: 15px;
1304
- border-radius: 15px;
1305
- background-color: #fff;
1306
- -webkit-flex-basis: 80%;
1307
- -ms-flex-preferred-size: 80%;
1308
- flex-basis: 80%;
1309
- }
1310
-
1311
- .papro-admin-notice-left a {
1312
- position: absolute;
1313
- top: 0;
1314
- left: 0;
1315
- width: 100%;
1316
- height: 100%;
1317
- }
1318
-
1319
- .papro-admin-notice-left a:hover,
1320
- .papro-admin-notice-left a:focus,
1321
- .papro-admin-notice-left a:visited {
1322
- outline: none;
1323
- border: none;
1324
- -webkit-box-shadow: none;
1325
- box-shadow: none;
1326
- text-decoration: none;
1327
- }
1328
-
1329
- /* .papro-admin-notice-logo img {
1330
- width: 100%;
1331
- } */
1332
- .papro-admin-notice-right {
1333
- -webkit-display: flex;
1334
- display: -webkit-box;
1335
- display: -ms-flexbox;
1336
- -js-display: flex;
1337
- display: -moz-box;
1338
- display: flex;
1339
- -webkit-box-align: center;
1340
- -ms-flex-align: center;
1341
- -webkit-align-items: center;
1342
- -moz-box-align: center;
1343
- align-items: center;
1344
- background: url("../../images/papro-banner.png");
1345
- -webkit-background-size: cover;
1346
- background-size: cover;
1347
- background-repeat: no-repeat;
1348
- padding: 18px;
1349
- -webkit-border-radius: 15px;
1350
- border-radius: 15px;
1351
- overflow: hidden;
1352
- margin-left: 25px;
1353
- }
1354
-
1355
- .papro-admin-notice-right h4 {
1356
- font-size: 20px;
1357
- color: #fff;
1358
- font-weight: 900;
1359
- font-family: "Red Hat Display";
1360
- margin: 0;
1361
- margin-bottom: 8px;
1362
- }
1363
-
1364
- .papro-admin-notice-right p {
1365
- font-size: 14px;
1366
- color: #ffffff;
1367
- font-family: "Poppins";
1368
- margin: 0;
1369
- }
1370
-
1371
- .papro-admin-notice-right span {
1372
- font-weight: 700;
1373
- }
1374
-
1375
- /*
1376
- * Dashboard Tabs
1377
- */
1378
- .pa-dash-general:before {
1379
- content: "\e900";
1380
- }
1381
-
1382
- .pa-dash-integrations:before {
1383
- content: "\e901";
1384
- }
1385
-
1386
- .pa-dash-system-info:before {
1387
- content: "\e902";
1388
- }
1389
-
1390
- .pa-dash-vcontrol:before {
1391
- content: "\e903";
1392
- }
1393
-
1394
- .pa-dash-white-label:before {
1395
- content: "\e904";
1396
- }
1397
-
1398
- .pa-dash-elements:before {
1399
- content: "\e905";
1400
- }
1401
-
1402
- .pa-dash-license:before {
1403
- content: "\e910";
1404
- }
1405
-
1406
- .pa-dash-features:before {
1407
- content: "\e911";
1408
- }
1409
-
1410
- /*
1411
- * Elements Categories
1412
- */
1413
- .pa-dash-cat-all:before {
1414
- content: "\e906";
1415
- }
1416
-
1417
- .pa-dash-cat-blurbs:before {
1418
- content: "\e907";
1419
- }
1420
-
1421
- .pa-dash-cat-contact:before {
1422
- content: "\e908";
1423
- }
1424
-
1425
- .pa-dash-cat-content:before {
1426
- content: "\e909";
1427
- }
1428
-
1429
- .pa-dash-cat-images:before {
1430
- content: "\e90a";
1431
- }
1432
-
1433
- .pa-dash-cat-off-grid:before {
1434
- content: "\e90b";
1435
- }
1436
-
1437
- .pa-dash-cat-section:before {
1438
- content: "\e90c";
1439
- }
1440
-
1441
- .pa-dash-cat-feed:before {
1442
- content: "\e90d";
1443
- }
1444
-
1445
- .pa-dash-cat-data:before {
1446
- content: "\e90e";
1447
- }
1448
-
1449
- .pa-dash-cat-social:before {
1450
- content: "\e90f";
1451
- }
1452
-
1453
- /*
1454
- * Widgets Icons
1455
- */
1456
- .pa-dash-premium-notbar:before {
1457
- content: "\e913";
1458
- }
1459
-
1460
- .pa-dash-premium-gradient:before {
1461
- content: "\e914";
1462
- }
1463
-
1464
- .pa-dash-premium-color-transition:before {
1465
- content: "\e915";
1466
- }
1467
-
1468
- .pa-dash-premium-behance:before {
1469
- content: "\e916";
1470
- }
1471
-
1472
- .pa-dash-premium-charts:before {
1473
- content: "\e917";
1474
- }
1475
-
1476
- .pa-dash-premium-content-toggle:before {
1477
- content: "\e918";
1478
- }
1479
-
1480
- .pa-dash-premium-divider:before {
1481
- content: "\e919";
1482
- }
1483
-
1484
- .pa-dash-premium-facebook-feed:before {
1485
- content: "\e91b";
1486
- }
1487
-
1488
- .pa-dash-facebook-feed-2:before {
1489
- content: "\e91b";
1490
- }
1491
-
1492
- .pa-dash-premium-fb-chat:before {
1493
- content: "\e91c";
1494
- }
1495
-
1496
- .pa-dash-premium-facebook-reviews:before {
1497
- content: "\e91d";
1498
- }
1499
-
1500
- .pa-dash-premium-google-reviews:before {
1501
- content: "\e91e";
1502
- }
1503
-
1504
- .pa-dash-premium-hscroll:before {
1505
- content: "\e91f";
1506
- }
1507
-
1508
- .pa-dash-premium-flipbox:before {
1509
- content: "\e920";
1510
- }
1511
-
1512
- .pa-dash-premium-iconbox:before {
1513
- content: "\e921";
1514
- }
1515
-
1516
- .pa-dash-premium-image-accordion:before {
1517
- content: "\e922";
1518
- }
1519
-
1520
- .pa-dash-premium-image-comparison:before {
1521
- content: "\e923";
1522
- }
1523
-
1524
- .pa-dash-premium-image-hotspots:before {
1525
- content: "\e924";
1526
- }
1527
-
1528
- .pa-dash-premium-img-layers:before {
1529
- content: "\e925";
1530
- }
1531
-
1532
- .pa-dash-premium-instagram-feed:before {
1533
- content: "\e926";
1534
- }
1535
-
1536
- .pa-dash-premium-kenburns:before {
1537
- content: "\e927";
1538
- }
1539
-
1540
- .pa-dash-premium-lottie:before {
1541
- content: "\e928";
1542
- }
1543
-
1544
- .pa-dash-premium-magic-section:before {
1545
- content: "\e929";
1546
- }
1547
-
1548
- .pa-dash-premium-multi-scroll:before {
1549
- content: "\e92a";
1550
- }
1551
-
1552
- .pa-dash-premium-ihover:before {
1553
- content: "\e92b";
1554
- }
1555
-
1556
- .pa-dash-premium-parallax:before {
1557
- content: "\e94f";
1558
- }
1559
-
1560
- .pa-dash-premium-particles:before {
1561
- content: "\e92c";
1562
- }
1563
-
1564
- .pa-dash-premium-prev-img:before {
1565
- content: "\e92d";
1566
- }
1567
-
1568
- .pa-dash-premium-tabs:before {
1569
- content: "\e92f";
1570
- }
1571
-
1572
- .pa-dash-premium-tables:before {
1573
- content: "\e92e";
1574
- }
1575
-
1576
- .pa-dash-premium-twitter-feed:before {
1577
- content: "\e931";
1578
- }
1579
-
1580
- .pa-dash-premium-unfold:before {
1581
- content: "\e932";
1582
- }
1583
-
1584
- .pa-dash-premium-whatsapp-chat:before {
1585
- content: "\e933";
1586
- }
1587
-
1588
- .pa-dash-premium-yelp-reviews:before {
1589
- content: "\e934";
1590
- }
1591
-
1592
- .pa-dash-premium-trustpilot-reviews:before {
1593
- content: "\e930";
1594
- }
1595
-
1596
- .pa-dash-premium-banner:before {
1597
- content: "\e935";
1598
- }
1599
-
1600
- .pa-dash-premium-blog:before {
1601
- content: "\e936";
1602
- }
1603
-
1604
- .pa-dash-premium-button:before {
1605
- content: "\e937";
1606
- }
1607
-
1608
- .pa-dash-premium-carousel:before {
1609
- content: "\e938";
1610
- }
1611
-
1612
- .pa-dash-premium-contactform:before {
1613
- content: "\e939";
1614
- }
1615
-
1616
- .pa-dash-premium-countdown:before {
1617
- content: "\e93a";
1618
- }
1619
-
1620
- .pa-dash-premium-counter:before {
1621
- content: "\e93b";
1622
- }
1623
-
1624
- .pa-dash-premium-dual-header:before {
1625
- content: "\e93c";
1626
- }
1627
-
1628
- .pa-dash-premium-fancytext:before {
1629
- content: "\e93d";
1630
- }
1631
-
1632
- .pa-dash-premium-maps:before {
1633
- content: "\e93e";
1634
- }
1635
-
1636
- .pa-dash-premium-title:before {
1637
- content: "\e93f";
1638
- }
1639
-
1640
- .pa-dash-premium-icon-list:before {
1641
- content: "\e940";
1642
- }
1643
-
1644
- .pa-dash-premium-image-button:before {
1645
- content: "\e941";
1646
- }
1647
-
1648
- .pa-dash-premium-image-scroll:before {
1649
- content: "\e942";
1650
- }
1651
-
1652
- .pa-dash-premium-image-separator:before {
1653
- content: "\e943";
1654
- }
1655
-
1656
- /* .pa-dash-premium-lottie:before {
1657
- content: "\e944";
1658
- } */
1659
- .pa-dash-premium-lottie-widget:before {
1660
- content: "\e945";
1661
- }
1662
-
1663
- .pa-dash-premium-grid:before {
1664
- content: "\e946";
1665
- }
1666
-
1667
- .pa-dash-premium-modalbox:before {
1668
- content: "\e947";
1669
- }
1670
-
1671
- .pa-dash-premium-pricing-table:before {
1672
- content: "\e948";
1673
- }
1674
-
1675
- .pa-dash-premium-progressbar:before {
1676
- content: "\e949";
1677
- }
1678
-
1679
- .pa-dash-premium-person:before {
1680
- content: "\e94a";
1681
- }
1682
-
1683
- .pa-dash-premium-testimonials:before {
1684
- content: "\e94b";
1685
- }
1686
-
1687
- .pa-dash-premium-vscroll:before {
1688
- content: "\e94c";
1689
- }
1690
-
1691
- .pa-dash-premium-videobox:before {
1692
- content: "\e94d";
 
 
 
 
1693
  }
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-btn.pa-save-button {
22
+ font-family: "Red Hat Display";
23
+ font-size: 15px;
24
+ width: 147px;
25
+ height: 43px;
26
+ -webkit-border-radius: 10px;
27
+ border-radius: 10px;
28
+ /* -webkit-filter: drop-shadow(0px 10px 35px rgba(0, 165, 229, 0.3));
29
+ filter: drop-shadow(0px 10px 35px rgba(0, 165, 229, 0.3)); */
30
+ background-color: #00a5e5;
31
+ margin-top: 50px;
32
+ }
33
+
34
+ .pa-btn.pa-save-button:hover,
35
+ .pa-btn.pa-save-button:focus,
36
+ .pa-btn.pa-save-button:active {
37
+ background: #00a5e5;
38
+ color: #fff;
39
+ -webkit-box-shadow: none;
40
+ box-shadow: none;
41
+ }
42
+
43
+ .switch {
44
+ position: relative;
45
+ display: inline-block;
46
+ width: 44px;
47
+ height: 24px;
48
+ -webkit-border-radius: 12px;
49
+ border-radius: 12px;
50
+ }
51
+
52
+ .switch input {
53
+ display: none;
54
+ }
55
+
56
+ .slider,
57
+ .pro-slider {
58
+ position: absolute;
59
+ cursor: pointer;
60
+ top: 0;
61
+ left: 0;
62
+ right: 0;
63
+ bottom: 0;
64
+ /* background-color: #f2f2f2;
65
+ box-shadow: 0 0 2px 1px #ccc inset; */
66
+ -webkit-transition: 0.4s;
67
+ transition: 0.4s;
68
+ }
69
+
70
+ .slider:before,
71
+ .pro-slider:before {
72
+ position: absolute;
73
+ content: "";
74
+ left: 3px;
75
+ top: 50%;
76
+ -webkit-transform: translateY(-50%);
77
+ -ms-transform: translateY(-50%);
78
+ transform: translateY(-50%);
79
+ /* background: radial-gradient(farthest-corner at 14px 0px, #f0f0f0 50%, #cacaca 100%); */
80
+ -webkit-transition: all 0.4s ease-in-out;
81
+ transition: all 0.4s ease-in-out;
82
+ padding: 0;
83
+ margin: 0;
84
+ width: 15px;
85
+ height: 15px;
86
+ -webkit-border-radius: 8px;
87
+ border-radius: 8px;
88
+ -webkit-filter: drop-shadow(0px 5px 2.5px rgba(40, 40, 40, 0.35));
89
+ filter: drop-shadow(0px 5px 2.5px rgba(40, 40, 40, 0.35));
90
+ background-color: #f7f7f7;
91
+ border: 1px solid #ffffff;
92
+ /* box-shadow: 0 2.5px 5px #b8b8b9; */
93
+ }
94
+
95
+ input:checked+.slider {
96
+ background: #8dc900;
97
+ }
98
+
99
+ input:focus+.slider {
100
+ -webkit-box-shadow: 0 0 1px #18a4fd;
101
+ box-shadow: 0 0 1px #18a4fd;
102
+ }
103
+
104
+ input:checked+.slider:before {
105
+ -webkit-transform: translate3d(20px, -50%, 0);
106
+ transform: translate3d(20px, -50%, 0);
107
+ }
108
+
109
+ .slider.round,
110
+ .pro-slider.round {
111
+ -webkit-border-radius: 34px;
112
+ border-radius: 34px;
113
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#cfcfcf), to(#dbdbdb));
114
+ background-image: -webkit-linear-gradient(top, #cfcfcf 0%, #dbdbdb 100%);
115
+ background-image: linear-gradient(180deg, #cfcfcf 0%, #dbdbdb 100%);
116
+ }
117
+
118
+ .slider.round:before,
119
+ .pro-slider.round:before {
120
+ -webkit-border-radius: 50%;
121
+ border-radius: 50%;
122
+ }
123
+
124
+ .pa-switcher input:disabled+.pro-slider::after {
125
+ position: absolute;
126
+ content: "\e912";
127
+ font-family: "pa-dash";
128
+ color: #474747;
129
+ right: 8px;
130
+ top: 50%;
131
+ -webkit-transform: translateY(-50%);
132
+ -ms-transform: translateY(-50%);
133
+ transform: translateY(-50%);
134
+ }
135
+
136
+ .pa-api-disable-title label,
137
+ .pa-is-beta label {
138
+ margin-right: 15px;
139
+ }
140
+
141
+ .pa-api-disable-title span,
142
+ .pa-is-beta span {
143
+ font-weight: 400;
144
+ }
145
+
146
+ .pa-maps-api-notice {
147
+ margin: 0.5em 0;
148
+ }
149
+
150
+ .pa-api-title input {
151
+ margin-top: 10px;
152
+ font-size: normal;
153
+ font-weight: 400;
154
+ width: 400px;
155
+ margin-left: 30px;
156
+ }
157
+
158
+ .pa-sys-info-tab {
159
+ background: #f7f7f7;
160
+ margin: 8px;
161
+ border: 2px solid #ddd;
162
+ -webkit-border-radius: 3px;
163
+ border-radius: 3px;
164
+ padding: 0;
165
+ }
166
+
167
+ .pa-system-info-container {
168
+ padding: 10px;
169
+ }
170
+
171
+ .dialog-type-lightbox .dialog-widget-header {
172
+ text-align: center;
173
+ font-size: 15px;
174
+ color: #495157;
175
+ padding: 30px 0 10px;
176
+ font-weight: 500;
177
+ }
178
+
179
+ .pa-swal.swal2-show {
180
+ padding: 32px;
181
+ padding-bottom: 50px;
182
+ background-image: url("../../images/popup-pattern.jpg");
183
+ background-repeat: no-repeat;
184
+ -webkit-background-size: cover;
185
+ background-size: cover;
186
+ -webkit-border-radius: 50px 0;
187
+ border-radius: 50px 0;
188
+ }
189
+
190
+ .pa-swal .swal2-close {
191
+ color: #c2c4cf;
192
+ }
193
+
194
+ .pa-swal .swal2-close:hover {
195
+ color: #00a5e5;
196
+ }
197
+
198
+ .pa-swal .swal2-title {
199
+ margin: 0;
200
+ }
201
+
202
+ .pa-swal .swal2-content {
203
+ font-size: 13px;
204
+ color: #474747;
205
+ font-family: "Poppins";
206
+ text-align: center;
207
+ margin: 0;
208
+ margin-bottom: 0px;
209
+ }
210
+
211
+ .pa-swal .swal2-cancel.swal2-styled,
212
+ .pa-swal .swal2-cancel.swal2-styled:hover,
213
+ .pa-swal .swal2-confirm.swal2-styled {
214
+ background-image: none !important;
215
+ background-color: #ebebeb;
216
+ color: #474747;
217
+ border: none !important;
218
+ -webkit-box-shadow: none !important;
219
+ box-shadow: none !important;
220
+ font-family: "Red Hat Display";
221
+ font-size: 15px;
222
+ font-weight: 700;
223
+ }
224
+
225
+ .pa-swal .swal2-confirm.swal2-styled,
226
+ .pa-swal .swal2-confirm.swal2-styled:hover {
227
+ min-width: 128px;
228
+ color: #fff;
229
+ background-image: none !important;
230
+ background-color: #00a5e5;
231
+ }
232
+
233
+ /**
234
+ * New Dashboard
235
+ */
236
+ .pa-settings-wrap {
237
+ padding: 35px;
238
+ padding-left: 15px;
239
+ }
240
+
241
+ .pa-settings-section {
242
+ display: none;
243
+ }
244
+
245
+ .pa-settings-tabs {
246
+ background-color: #fff;
247
+ -webkit-border-radius: 15px;
248
+ border-radius: 15px;
249
+ padding: 36px;
250
+ margin-bottom: 12px;
251
+ }
252
+
253
+ .pa-settings-tabs-list {
254
+ clear: left;
255
+ margin: 0;
256
+ list-style-type: none;
257
+ }
258
+
259
+ .pa-settings-tabs .pa-settings-tabs-list li {
260
+ display: inline-block;
261
+ margin-bottom: 0;
262
+ margin-right: 23px;
263
+ }
264
+
265
+ .pa-settings-section.active {
266
+ display: block;
267
+ }
268
+
269
+ .papro-admin-notice a,
270
+ .pa-settings-wrap .pa-settings-tabs a {
271
+ -js-display: flex;
272
+ display: -webkit-box;
273
+ display: -webkit-flex;
274
+ display: -moz-box;
275
+ display: -ms-flexbox;
276
+ display: flex;
277
+ -webkit-box-pack: center;
278
+ -webkit-justify-content: center;
279
+ -moz-box-pack: center;
280
+ -ms-flex-pack: center;
281
+ justify-content: center;
282
+ -webkit-box-align: center;
283
+ -webkit-align-items: center;
284
+ -moz-box-align: center;
285
+ -ms-flex-align: center;
286
+ align-items: center;
287
+ font-size: 14px;
288
+ line-height: 1.8em;
289
+ position: relative;
290
+ color: #252c59;
291
+ text-decoration: none;
292
+ -webkit-transition: all 0.3s ease;
293
+ transition: all 0.3s ease;
294
+ }
295
+
296
+ .papro-admin-notice a.papro-notice-btn {
297
+ width: 120px;
298
+ /* height: 58px; */
299
+ -webkit-border-radius: 15px;
300
+ border-radius: 15px;
301
+ -webkit-filter: drop-shadow(0px 5px 50px rgba(87, 0, 101, 0.7));
302
+ filter: drop-shadow(0px 5px 50px rgba(87, 0, 101, 0.7));
303
+ background-color: #ffffff;
304
+ font-size: 18px;
305
+ color: #fe6300;
306
+ font-weight: 800;
307
+ font-family: "Red Hat Display";
308
+ text-align: center;
309
+ padding: 10px 20px;
310
+ }
311
+
312
+ .pa-settings-wrap .pa-settings-tabs a:focus {
313
+ outline: none;
314
+ -webkit-box-shadow: none;
315
+ box-shadow: none;
316
+ }
317
+
318
+ .pa-settings-wrap .pa-settings-tabs span {
319
+ margin-left: 8px;
320
+ font-family: "Poppins";
321
+ font-weight: 500;
322
+ }
323
+
324
+ .pa-settings-wrap .pa-settings-tabs .pa-section-active {
325
+ color: #00a5e5;
326
+ }
327
+
328
+ .pa-section {
329
+ display: none;
330
+ position: relative;
331
+ background-color: #fff;
332
+ -webkit-transition: opacity 0.2s;
333
+ transition: opacity 0.2s;
334
+ padding: 36px;
335
+ -webkit-border-radius: 15px;
336
+ border-radius: 15px;
337
+ }
338
+
339
+ /**
340
+ * General Tab
341
+ */
342
+ #pa-general-settings {
343
+ -js-display: flex;
344
+ display: -webkit-box;
345
+ display: -webkit-flex;
346
+ display: -moz-box;
347
+ display: -ms-flexbox;
348
+ display: flex;
349
+ }
350
+
351
+ #pa-general-settings .col-half:first-of-type {
352
+ margin-right: 16px;
353
+ }
354
+
355
+ #pa-general-settings .pa-section-info i {
356
+ vertical-align: bottom;
357
+ }
358
+
359
+ /**
360
+ * Tab Info
361
+ */
362
+ .pa-section-info-wrap {
363
+ padding: 36px;
364
+ -webkit-border-radius: 15px;
365
+ border-radius: 15px;
366
+ background-color: #f7f7f7;
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-pack: justify;
374
+ -webkit-justify-content: space-between;
375
+ -moz-box-pack: justify;
376
+ -ms-flex-pack: justify;
377
+ justify-content: space-between;
378
+ -webkit-box-align: center;
379
+ -webkit-align-items: center;
380
+ -moz-box-align: center;
381
+ -ms-flex-align: center;
382
+ align-items: center;
383
+ }
384
+
385
+ #pa-ver-control-settings .pa-section-info-wrap {
386
+ -webkit-box-orient: vertical;
387
+ -webkit-box-direction: normal;
388
+ -webkit-flex-direction: column;
389
+ -moz-box-orient: vertical;
390
+ -moz-box-direction: normal;
391
+ -ms-flex-direction: column;
392
+ flex-direction: column;
393
+ -webkit-box-align: start;
394
+ -webkit-align-items: flex-start;
395
+ -moz-box-align: start;
396
+ -ms-flex-align: start;
397
+ align-items: flex-start;
398
+ }
399
+
400
+ #pa-features-settings .pa-section-info-wrap:nth-of-type(n + 2),
401
+ #pa-ver-control-settings .pa-section-info-wrap:nth-of-type(n + 2) {
402
+ margin-top: 36px;
403
+ }
404
+
405
+ .pa-section-info-wrap h4 {
406
+ font-size: 20px;
407
+ color: #252c59;
408
+ font-weight: 900;
409
+ font-family: "Red Hat Display";
410
+ margin: 0;
411
+ }
412
+
413
+ .pa-section-info-wrap p {
414
+ font-size: 15px;
415
+ color: #474747;
416
+ font-family: "Poppins";
417
+ margin: 0;
418
+ margin-top: 14px;
419
+ }
420
+
421
+ .pa-section-info-cta {
422
+ -js-display: flex;
423
+ display: -webkit-box;
424
+ display: -webkit-flex;
425
+ display: -moz-box;
426
+ display: -ms-flexbox;
427
+ display: flex;
428
+ -webkit-box-align: center;
429
+ -webkit-align-items: center;
430
+ -moz-box-align: center;
431
+ -ms-flex-align: center;
432
+ align-items: center;
433
+ margin-top: 25px;
434
+ }
435
+
436
+ .pa-section-info-cta .pa-btn {
437
+ color: #474747;
438
+ background-color: #ebebeb;
439
+ padding: 8px 20px;
440
+ -webkit-border-radius: 10px;
441
+ border-radius: 10px;
442
+ font-size: 15px;
443
+ font-weight: 700;
444
+ font-family: "Red Hat Display";
445
+ -webkit-transition: all 0.2s ease-in-out;
446
+ transition: all 0.2s ease-in-out;
447
+ }
448
+
449
+ .pa-section-info-cta .pa-btn:hover,
450
+ .pa-section-info-cta .pa-btn:focus,
451
+ .pa-section-info-cta .pa-btn:active {
452
+ color: #fff;
453
+ background-color: #00a5e5;
454
+ }
455
+
456
+ .pa-section-info-cta .pa-section-info-label {
457
+ font-size: 13px;
458
+ color: #474747;
459
+ font-family: "Poppins";
460
+ text-align: right;
461
+ }
462
+
463
+ .pa-section-info-cta .pa-section-info-warning {
464
+ font-size: 13px;
465
+ color: #cca329;
466
+ font-weight: 300;
467
+ font-family: "Poppins";
468
+ margin-left: 20px;
469
+ }
470
+
471
+ .pa-section-info-cta .pa-section-info-warning i {
472
+ font-weight: 300;
473
+ vertical-align: bottom;
474
+ }
475
+
476
+ .pa-btn-group .pa-btn,
477
+ .pa-btn-group .pa-btn-unused {
478
+ font-family: "Red Hat Display";
479
+ color: #8e8e8e;
480
+ background-color: #ebebeb;
481
+ border: 0px solid;
482
+ padding: 16px 28px;
483
+ -webkit-border-radius: 10px;
484
+ border-radius: 10px;
485
+ font-size: 15px;
486
+ font-weight: 700;
487
+ cursor: pointer;
488
+ -webkit-transition: 300ms;
489
+ transition: 300ms;
490
+ display: block;
491
+ }
492
+
493
+ .pa-btn-group .pa-btn-unused {
494
+ width: 100%;
495
+ clear: both;
496
+ background: transparent;
497
+ color: #252C59;
498
+ padding-bottom: 0;
499
+ text-decoration: underline;
500
+ font-weight: normal;
501
+ }
502
+
503
+ .pa-btn-group .pa-btn-unused.dimmed {
504
+ cursor: no-drop;
505
+ color: #C2C4CF;
506
+ }
507
+
508
+ .pa-element-name .pa-total-use {
509
+ color: #252C59;
510
+ }
511
+
512
+ .pa-btn-group button.pa-btn-enable {
513
+ -webkit-border-top-right-radius: 0;
514
+ border-top-right-radius: 0;
515
+ -webkit-border-bottom-right-radius: 0;
516
+ border-bottom-right-radius: 0;
517
+ float: left;
518
+ }
519
+
520
+ .pa-btn-group button.pa-btn-disable {
521
+ -webkit-border-top-left-radius: 0;
522
+ border-top-left-radius: 0;
523
+ -webkit-border-bottom-left-radius: 0;
524
+ border-bottom-left-radius: 0;
525
+ float: right;
526
+ }
527
+
528
+ .pa-btn-group .pa-btn-enable.active {
529
+ color: #fff;
530
+ -webkit-box-shadow: inset 3.5px 1.8px 7px 0px rgba(125, 125, 125, 0.5);
531
+ box-shadow: inset 3.5px 1.8px 7px 0px rgba(125, 125, 125, 0.5);
532
+ background-color: #8dc900;
533
+ }
534
+
535
+ .pa-btn-group .pa-btn-disable.active {
536
+ color: #fff;
537
+ -webkit-box-shadow: inset 3.564px 1.816px 7px 0px rgba(81, 81, 81, 0.5);
538
+ box-shadow: inset 3.564px 1.816px 7px 0px rgba(81, 81, 81, 0.5);
539
+ background-color: #898989;
540
+ }
541
+
542
+ .pa-btn-group .pa-btn-enable:not(.active):hover {
543
+ color: #ffffff;
544
+ background-color: #8dc900;
545
+ }
546
+
547
+ .pa-btn-group .pa-btn-disable:not(.active):hover {
548
+ color: #ffffff;
549
+ background-color: #898989;
550
+ }
551
+
552
+ /*
553
+ * Widgets & Addons Tab
554
+ */
555
+ .pa-elements-settings {
556
+ position: relative;
557
+ -js-display: flex;
558
+ display: -webkit-box;
559
+ display: -webkit-flex;
560
+ display: -moz-box;
561
+ display: -ms-flexbox;
562
+ display: flex;
563
+ margin-top: 16px;
564
+ }
565
+
566
+ .pa-elements-filter {
567
+ position: absolute;
568
+ top: 10px;
569
+ right: 16px;
570
+ }
571
+
572
+ .pa-elements-filter label {
573
+ font-size: 13px;
574
+ color: #474747;
575
+ font-family: "Poppins";
576
+ margin-right: 10px;
577
+ }
578
+
579
+ .pa-elements-filter select {
580
+ padding: 5px 35px 5px 15px;
581
+ }
582
+
583
+ .pa-elements-tabs {
584
+ -webkit-border-radius: 10px;
585
+ border-radius: 10px;
586
+ background-color: #f7f7f7;
587
+ padding: 20px;
588
+ margin-right: 16px;
589
+ }
590
+
591
+ .pa-elements-tabs .pa-elements-tab {
592
+ position: relative;
593
+ padding: 0;
594
+ margin-bottom: 12px;
595
+ text-align: center;
596
+ }
597
+
598
+ .pa-elements-tab .pa-element-tab-tooltip {
599
+ position: absolute;
600
+ background-color: #3a3c40;
601
+ display: block;
602
+ position: absolute;
603
+ top: 50%;
604
+ left: 100%;
605
+ padding: 10px 20px;
606
+ -webkit-border-radius: 13px;
607
+ border-radius: 13px;
608
+ -webkit-filter: drop-shadow(0px 5px 27.5px rgba(104, 104, 104, 0.3));
609
+ filter: drop-shadow(0px 5px 27.5px rgba(104, 104, 104, 0.3));
610
+ background-color: #ffffff;
611
+ font-size: 11px;
612
+ color: #252c59;
613
+ font-weight: 500;
614
+ font-family: "Poppins";
615
+ opacity: 0;
616
+ pointer-events: none;
617
+ text-transform: capitalize;
618
+ -webkit-transform: translate(30px, -50%);
619
+ -ms-transform: translate(30px, -50%);
620
+ transform: translate(30px, -50%);
621
+ -webkit-transition: all 0.3s ease;
622
+ transition: all 0.3s ease;
623
+ z-index: 1;
624
+ white-space: nowrap;
625
+ }
626
+
627
+ .pa-elements-tab .pa-element-tab-tooltip::before {
628
+ display: block;
629
+ position: absolute;
630
+ top: 50%;
631
+ left: -5px;
632
+ width: 0;
633
+ height: 0;
634
+ content: "";
635
+ border-top: 5px solid transparent;
636
+ border-bottom: 5px solid transparent;
637
+ border-right: 5px solid #ffffff;
638
+ -webkit-transform: translateY(-50%);
639
+ -ms-transform: translateY(-50%);
640
+ transform: translateY(-50%);
641
+ }
642
+
643
+ .pa-elements-tab .pa-elements-tab-link {
644
+ -js-display: flex;
645
+ display: -webkit-box;
646
+ display: -webkit-flex;
647
+ display: -moz-box;
648
+ display: -ms-flexbox;
649
+ display: flex;
650
+ -webkit-box-pack: center;
651
+ -webkit-justify-content: center;
652
+ -moz-box-pack: center;
653
+ -ms-flex-pack: center;
654
+ justify-content: center;
655
+ -webkit-box-align: center;
656
+ -webkit-align-items: center;
657
+ -moz-box-align: center;
658
+ -ms-flex-align: center;
659
+ align-items: center;
660
+ color: #c2c4cf;
661
+ padding: 12px;
662
+ text-decoration: none;
663
+ -webkit-transition: all 0.3s ease-in-out;
664
+ transition: all 0.3s ease-in-out;
665
+ -webkit-border-radius: 13px;
666
+ border-radius: 13px;
667
+ }
668
+
669
+ .pa-elements-tab .pa-elements-tab-link:hover,
670
+ .pa-elements-tab .pa-elements-tab-link.active {
671
+ -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));
672
+ 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));
673
+ background-color: #ffffff;
674
+ color: #00a5e5;
675
+ outline: none;
676
+ border: none;
677
+ text-decoration: none;
678
+ -webkit-box-shadow: none;
679
+ box-shadow: none;
680
+ }
681
+
682
+ .pa-elements-tab .pa-elements-tab-link:hover+span {
683
+ opacity: 1;
684
+ -webkit-transform: translate(20px, -50%);
685
+ -ms-transform: translate(20px, -50%);
686
+ transform: translate(20px, -50%);
687
+ }
688
+
689
+ .pa-switchers {
690
+ -js-display: flex;
691
+ display: -webkit-box;
692
+ display: -webkit-flex;
693
+ display: -moz-box;
694
+ display: -ms-flexbox;
695
+ display: flex;
696
+ -webkit-flex-wrap: wrap;
697
+ -ms-flex-wrap: wrap;
698
+ flex-wrap: wrap;
699
+ -webkit-align-content: flex-start;
700
+ -ms-flex-line-pack: start;
701
+ align-content: flex-start;
702
+ }
703
+
704
+ .pa-switchers-container {
705
+ width: 100%;
706
+ }
707
+
708
+ .pa-switchers-container.hidden,
709
+ .pa-switcher.hidden {
710
+ display: none;
711
+ }
712
+
713
+ .pa-switchers-container .pa-elements-tab-title {
714
+ font-size: 20px;
715
+ color: #252c59;
716
+ font-weight: 900;
717
+ font-family: "Red Hat Display";
718
+ margin: 16px 0;
719
+ }
720
+
721
+ .pa-switcher {
722
+ -webkit-border-radius: 15px;
723
+ border-radius: 15px;
724
+ background-color: #f7f7f7;
725
+ position: relative;
726
+ -js-display: flex;
727
+ display: -webkit-box;
728
+ display: -webkit-flex;
729
+ display: -moz-box;
730
+ display: -ms-flexbox;
731
+ display: flex;
732
+ width: -webkit-calc(50% - 56px);
733
+ width: calc(50% - 56px);
734
+ -webkit-box-pack: justify;
735
+ -webkit-justify-content: space-between;
736
+ -moz-box-pack: justify;
737
+ -ms-flex-pack: justify;
738
+ justify-content: space-between;
739
+ -webkit-box-align: center;
740
+ -webkit-align-items: center;
741
+ -moz-box-align: center;
742
+ -ms-flex-align: center;
743
+ align-items: center;
744
+ padding: 20px;
745
+ margin-top: 16px;
746
+ margin-right: 16px;
747
+ }
748
+
749
+ .pa-element-info {
750
+ -js-display: flex;
751
+ display: -webkit-box;
752
+ display: -webkit-flex;
753
+ display: -moz-box;
754
+ display: -ms-flexbox;
755
+ display: flex;
756
+ -webkit-box-align: center;
757
+ -webkit-align-items: center;
758
+ -moz-box-align: center;
759
+ -ms-flex-align: center;
760
+ align-items: center;
761
+ }
762
+
763
+ .pa-element-info .pa-element-icon {
764
+ color: #252c59;
765
+ background-color: #ebebeb;
766
+ -webkit-border-radius: 15px;
767
+ border-radius: 15px;
768
+ /* padding: 12px; */
769
+ min-width: 40px;
770
+ min-height: 40px;
771
+ margin-right: 10px;
772
+ -js-display: flex;
773
+ display: -webkit-box;
774
+ display: -webkit-flex;
775
+ display: -moz-box;
776
+ display: -ms-flexbox;
777
+ display: flex;
778
+ -webkit-box-pack: center;
779
+ -webkit-justify-content: center;
780
+ -moz-box-pack: center;
781
+ -ms-flex-pack: center;
782
+ justify-content: center;
783
+ -webkit-box-align: center;
784
+ -webkit-align-items: center;
785
+ -moz-box-align: center;
786
+ -ms-flex-align: center;
787
+ align-items: center;
788
+ }
789
+
790
+ .pa-element-name {
791
+ font-size: 16px;
792
+ color: #252c59;
793
+ font-weight: 700;
794
+ font-family: "Red Hat Display";
795
+ margin: 0;
796
+ -js-display: flex;
797
+ display: -webkit-box;
798
+ display: -webkit-flex;
799
+ display: -moz-box;
800
+ display: -ms-flexbox;
801
+ display: flex;
802
+ }
803
+
804
+ .pa-element-name span {
805
+ text-transform: uppercase;
806
+ color: #fd9926;
807
+ font-weight: 700;
808
+ font-size: 11px;
809
+ margin-left: 5px;
810
+ }
811
+
812
+ .pa-element-link {
813
+ font-size: 13px;
814
+ color: #252c59;
815
+ font-family: "Poppins";
816
+ text-decoration: none;
817
+ -webkit-transition: all 0.2s ease-in-out;
818
+ transition: all 0.2s ease-in-out;
819
+ }
820
+
821
+ .pa-element-link-separator {
822
+ width: 3px;
823
+ height: 3px;
824
+ display: inline-block;
825
+ text-align: center;
826
+ color: #252c59;
827
+ background: #252c59;
828
+ -webkit-border-radius: 50%;
829
+ border-radius: 50%;
830
+ vertical-align: middle;
831
+ margin: 0 3px;
832
+ }
833
+
834
+ .pa-element-link:hover,
835
+ .pa-element-link:focus {
836
+ color: #00a5e5;
837
+ text-decoration: none;
838
+ outline: none;
839
+ -webkit-box-shadow: none;
840
+ box-shadow: none;
841
+ border: none;
842
+ }
843
+
844
+ /*
845
+ * Integrations
846
+ */
847
+ .pa-maps-table select {
848
+ width: 100%;
849
+ max-width: 100%;
850
+ padding: 8px;
851
+ }
852
+
853
+ .pa-maps-table #premium-map-api,
854
+ .pa-maps-table #premium-youtube-api {
855
+ width: 100%;
856
+ }
857
+
858
+ .pa-maps-table tr td {
859
+ padding-top: 30px;
860
+ }
861
+
862
+ .pa-maps-table tr td:first-of-type {
863
+ padding-right: 30px;
864
+ }
865
+
866
+ .pa-maps-table td h4 {
867
+ margin: 0;
868
+ font-size: 15px;
869
+ color: #252c59;
870
+ font-weight: 500;
871
+ font-family: "Poppins";
872
+ display: inline-block;
873
+ }
874
+
875
+ .pa-maps-table td span {
876
+ font-size: 13px;
877
+ color: #474747;
878
+ font-family: "Poppins";
879
+ vertical-align: middle;
880
+ }
881
+
882
+ .pa-maps-table td input[type="text"] {
883
+ -webkit-border-radius: 10px;
884
+ border-radius: 10px;
885
+ background-color: #ebebeb;
886
+ border: none;
887
+ padding: 8px 20px;
888
+ }
889
+
890
+ .pa-section input[type="checkbox"] {
891
+ border: none;
892
+ display: none;
893
+ }
894
+
895
+ .pa-section input[type="checkbox"]+label {
896
+ position: relative;
897
+ background: #ebebeb;
898
+ height: 16px;
899
+ width: 16px;
900
+ display: inline-block;
901
+ padding: 0;
902
+ margin-right: 5px;
903
+ -webkit-border-radius: 4px;
904
+ border-radius: 4px;
905
+ }
906
+
907
+ .pa-section input[type="checkbox"]:checked+label {
908
+ background: #00a5e5;
909
+ height: 16px;
910
+ width: 16px;
911
+ display: inline-block;
912
+ padding: 0;
913
+ }
914
+
915
+ .pa-section input[type="checkbox"]:checked+label:before {
916
+ position: absolute;
917
+ content: "✔";
918
+ color: #fff;
919
+ font-size: 12px;
920
+ top: 0;
921
+ left: 0;
922
+ width: 100%;
923
+ height: 100%;
924
+ text-align: center;
925
+ margin-top: -1px;
926
+ }
927
+
928
+ .pa-maps-table td input:focus {
929
+ outline: none;
930
+ -webkit-box-shadow: none;
931
+ box-shadow: none;
932
+ border: none;
933
+ }
934
+
935
+ .pa-elements-filter select,
936
+ .pa-maps-table td select {
937
+ border-color: #dcdcdc;
938
+ -webkit-border-radius: 10px;
939
+ border-radius: 10px;
940
+ -webkit-border-bottom-right-radius: 0;
941
+ border-bottom-right-radius: 0;
942
+ }
943
+
944
+ .pa-maps-circle-icon {
945
+ width: 5px;
946
+ height: 5px;
947
+ background-color: #252c59;
948
+ -webkit-border-radius: 50%;
949
+ border-radius: 50%;
950
+ display: inline-block;
951
+ vertical-align: middle;
952
+ margin-right: 10px;
953
+ }
954
+
955
+ .pa-maps-table td h4:before {
956
+ position: absolute;
957
+ content: "";
958
+ }
959
+
960
+ /*
961
+ * White Labeling Tab
962
+ */
963
+ .pa-wht-lbl-settings .pa-wht-lbl-title {
964
+ font-size: 20px;
965
+ color: #252c59;
966
+ font-weight: 900;
967
+ font-family: "Red Hat Display";
968
+ margin: 0;
969
+ }
970
+
971
+ .pa-wht-lbl-settings .pa-row {
972
+ width: 60%;
973
+ float: left;
974
+ }
975
+
976
+ .pa-wht-lbl-settings .pa-wht-lbl-admin {
977
+ width: 30%;
978
+ float: left;
979
+ margin-left: 16px;
980
+ }
981
+
982
+ .pa-wht-lbl-settings .pa-wht-lbl-head {
983
+ border-bottom: 1px solid #ddd;
984
+ background: #f7f7f7;
985
+ padding: 20px;
986
+ }
987
+
988
+ .pa-wht-lbl-table {
989
+ text-align: left;
990
+ }
991
+
992
+ .pa-wht-lbl-settings input {
993
+ font-weight: 400;
994
+ margin: 0;
995
+ margin-bottom: 12px;
996
+ -webkit-border-radius: 10px;
997
+ border-radius: 10px;
998
+ /* background-color: #ebebeb; */
999
+ border: 1px solid #dcdcdc;
1000
+ padding: 8px 20px;
1001
+ }
1002
+
1003
+ /* .pa-wht-lbl-settings input + span {
1004
+ margin-left: 0.3em;
1005
+ } */
1006
+
1007
+ .pa-wht-lbl-settings label+span {
1008
+ font-family: "Poppins";
1009
+ vertical-align: middle;
1010
+ }
1011
+
1012
+ .pa-wht-lbl-settings .pa-input-label {
1013
+ display: block;
1014
+ font-weight: 600;
1015
+ margin: 10px 0 6px;
1016
+ font-size: 14px;
1017
+ color: #252c59;
1018
+ font-family: "Red Hat Display";
1019
+ }
1020
+
1021
+ .pa-wht-lbl-settings input[type="text"] {
1022
+ width: 550px;
1023
+ }
1024
+
1025
+ .pa-wht-lbl-settings input[type="text"]::-webkit-input-placeholder {
1026
+ font-weight: 300;
1027
+ font-family: "Poppins";
1028
+ }
1029
+
1030
+ .pa-wht-lbl-settings input[type="text"]:-moz-placeholder {
1031
+ font-weight: 300;
1032
+ font-family: "Poppins";
1033
+ }
1034
+
1035
+ .pa-wht-lbl-settings input[type="text"]::-moz-placeholder {
1036
+ font-weight: 300;
1037
+ font-family: "Poppins";
1038
+ }
1039
+
1040
+ .pa-wht-lbl-settings input[type="text"]:-ms-input-placeholder {
1041
+ font-weight: 300;
1042
+ font-family: "Poppins";
1043
+ }
1044
+
1045
+ .pa-wht-lbl-settings input[type="text"]::-ms-input-placeholder {
1046
+ font-weight: 300;
1047
+ font-family: "Poppins";
1048
+ }
1049
+
1050
+ .pa-wht-lbl-settings input[type="text"]::placeholder {
1051
+ font-weight: 300;
1052
+ font-family: "Poppins";
1053
+ }
1054
+
1055
+ .pa-wht-lbl-settings .pa-wht-lbl-settings-wrap {
1056
+ background: #fff;
1057
+ margin: 16px auto;
1058
+ border: 1px solid #dcdcdc;
1059
+ -webkit-border-radius: 10px;
1060
+ border-radius: 10px;
1061
+ overflow: hidden;
1062
+ }
1063
+
1064
+ .pa-wht-lbl-settings .clearfix {
1065
+ clear: both;
1066
+ }
1067
+
1068
+ .pa-wht-lbl-group-wrap {
1069
+ padding: 20px;
1070
+ }
1071
+
1072
+ .pa-wht-lbl-save .pa-save-button {
1073
+ margin-top: 0;
1074
+ }
1075
+
1076
+ .pa-section-white-label .pa-white-label-notice {
1077
+ position: absolute;
1078
+ top: 0;
1079
+ left: 0;
1080
+ width: 100%;
1081
+ height: 100%;
1082
+ background: rgba(200, 200, 200, 0.8);
1083
+ -webkit-border-radius: 15px;
1084
+ border-radius: 15px;
1085
+ -js-display: flex;
1086
+ display: -webkit-box;
1087
+ display: -webkit-flex;
1088
+ display: -moz-box;
1089
+ display: -ms-flexbox;
1090
+ display: flex;
1091
+ -webkit-box-pack: center;
1092
+ -webkit-justify-content: center;
1093
+ -moz-box-pack: center;
1094
+ -ms-flex-pack: center;
1095
+ justify-content: center;
1096
+ }
1097
+
1098
+ .pa-white-label-notice-content {
1099
+ position: absolute;
1100
+ top: 200px;
1101
+ left: 200;
1102
+ width: 530px;
1103
+ background-image: url("../../images/popup-pattern.jpg");
1104
+ background-repeat: no-repeat;
1105
+ -webkit-background-size: cover;
1106
+ background-size: cover;
1107
+ padding: 32px;
1108
+ padding-bottom: 50px;
1109
+ -webkit-border-radius: 50px 0px;
1110
+ border-radius: 50px 0px;
1111
+ text-align: center;
1112
+ z-index: 2;
1113
+ }
1114
+
1115
+ .pa-white-label-notice-logo {
1116
+ -webkit-transform: translateY(-32px);
1117
+ -ms-transform: translateY(-32px);
1118
+ transform: translateY(-32px);
1119
+ margin-bottom: -18px;
1120
+ }
1121
+
1122
+ .pa-white-label-notice-logo img {
1123
+ padding: 10px;
1124
+ padding-top: 40px;
1125
+ background-color: #ffffff;
1126
+ border: 1px solid #e6e6e6;
1127
+ -webkit-border-radius: 50px;
1128
+ border-radius: 50px;
1129
+ -webkit-border-top-left-radius: 50px;
1130
+ border-top-left-radius: 50px;
1131
+ -webkit-border-top-right-radius: 50px;
1132
+ border-top-right-radius: 50px;
1133
+ -webkit-border-top-left-radius: 0;
1134
+ border-top-left-radius: 0;
1135
+ -webkit-border-top-right-radius: 0;
1136
+ border-top-right-radius: 0;
1137
+ }
1138
+
1139
+ .pa-white-label-notice-content h2,
1140
+ .pa-swal-head {
1141
+ display: inline-block;
1142
+ font-size: 23px;
1143
+ color: #252c59;
1144
+ font-weight: 900;
1145
+ font-family: "Red Hat Display";
1146
+ text-align: center;
1147
+ max-width: 350px;
1148
+ line-height: 1;
1149
+ margin: 0;
1150
+ margin-bottom: 18px;
1151
+ }
1152
+
1153
+ .pa-white-label-notice-content h2 span {
1154
+ color: #fd9926;
1155
+ text-transform: uppercase;
1156
+ font-family: "Red Hat Display";
1157
+ }
1158
+
1159
+ .pa-white-label-notice-content p {
1160
+ font-size: 13px;
1161
+ color: #474747;
1162
+ font-family: "Poppins";
1163
+ text-align: center;
1164
+ margin: 0;
1165
+ margin-bottom: 18px;
1166
+ }
1167
+
1168
+ .pa-white-label-notice-content a.pa-get-pro {
1169
+ display: inline-block;
1170
+ width: 117px;
1171
+ padding: 12px 10px;
1172
+ -webkit-border-radius: 10px;
1173
+ border-radius: 10px;
1174
+ color: #ffffff;
1175
+ font-size: 15px;
1176
+ font-weight: 900;
1177
+ font-family: "Red Hat Display";
1178
+ -webkit-filter: drop-shadow(0px 20px 17.5px rgba(254, 99, 0, 0.2));
1179
+ filter: drop-shadow(0px 20px 17.5px rgba(254, 99, 0, 0.2));
1180
+ text-decoration: none;
1181
+ outline: none;
1182
+ border: none;
1183
+ background-image: -webkit-linear-gradient(120deg, #fe6300 0%, #fe9f00 100%);
1184
+ background-image: linear-gradient(-30deg, #fe6300 0%, #fe9f00 100%);
1185
+ -webkit-transition: all 0.2s ease-in-out;
1186
+ transition: all 0.2s ease-in-out;
1187
+ }
1188
+
1189
+ .pa-white-label-notice-content a.pa-get-pro:hover {
1190
+ background-image: -webkit-linear-gradient(60deg, #fe6300 0%, #fe9f00 100%);
1191
+ background-image: linear-gradient(30deg, #fe6300 0%, #fe9f00 100%);
1192
+ }
1193
+
1194
+ /*
1195
+ * System Info Tab
1196
+ */
1197
+ .pa-section-info table.widefat {
1198
+ border: 0px;
1199
+ -webkit-box-shadow: none;
1200
+ box-shadow: none;
1201
+ font-family: "Poppins";
1202
+ }
1203
+
1204
+ .pa-section-info .widefat td:first-child {
1205
+ width: 30%;
1206
+ }
1207
+
1208
+ .pa-section-info table.widefat tr:nth-child(2n) {
1209
+ background-color: #f7f7f7;
1210
+ }
1211
+
1212
+ /*
1213
+ * License Tab
1214
+ */
1215
+ .pa-license-form span {
1216
+ color: #474747;
1217
+ font-family: "Poppins";
1218
+ }
1219
+
1220
+ .pa-license-form label {
1221
+ display: block;
1222
+ font-weight: 500;
1223
+ margin: 2em 0 0.5em;
1224
+ }
1225
+
1226
+ .pa-license-form code {
1227
+ padding: 3px 5px 2px;
1228
+ margin: 0 1px;
1229
+ background: #eaeaea;
1230
+ background: rgba(0, 0, 0, 0.07);
1231
+ font-size: 13px;
1232
+ font-style: italic;
1233
+ }
1234
+
1235
+ .pa-license-form .button.button-primary {
1236
+ width: 147px;
1237
+ height: 43px;
1238
+ /* -webkit-filter: drop-shadow(0px 10px 35px rgba(0, 165, 229, 0.3));
1239
+ filter: drop-shadow(0px 10px 35px rgba(0, 165, 229, 0.3)); */
1240
+ background-color: #00a5e5;
1241
+ /* margin-top: 50px; */
1242
+ margin-left: -3px;
1243
+ -webkit-border-radius: 0 10px 10px 0;
1244
+ border-radius: 0 10px 10px 0;
1245
+ border: none;
1246
+ }
1247
+
1248
+ #papro-license-key:focus,
1249
+ .pa-license-form .button.button-primary:focus {
1250
+ outline: none;
1251
+ -webkit-box-shadow: none;
1252
+ box-shadow: none;
1253
+ }
1254
+
1255
+ #papro-license-key {
1256
+ height: 43px;
1257
+ line-height: 1;
1258
+ margin: 0;
1259
+ padding: 8px 20px;
1260
+ -webkit-border-radius: 10px 0 0 10px;
1261
+ border-radius: 10px 0 0 10px;
1262
+ }
1263
+
1264
+ .pa-license-form input+span {
1265
+ margin-left: 10px;
1266
+ font-weight: 600;
1267
+ }
1268
+
1269
+ .pa-license-cell span {
1270
+ margin-left: 0.3em;
1271
+ }
1272
+
1273
+ /*
1274
+ * PAPRO Notice
1275
+ */
1276
+ .papro-admin-notice {
1277
+ -webkit-display: flex;
1278
+ display: -webkit-box;
1279
+ display: -ms-flexbox;
1280
+ -js-display: flex;
1281
+ display: -moz-box;
1282
+ display: flex;
1283
+ -webkit-box-pack: end;
1284
+ -ms-flex-pack: end;
1285
+ -webkit-justify-content: flex-end;
1286
+ -moz-box-pack: end;
1287
+ justify-content: flex-end;
1288
+ -webkit-box-align: center;
1289
+ -ms-flex-align: center;
1290
+ -webkit-align-items: center;
1291
+ -moz-box-align: center;
1292
+ align-items: center;
1293
+ margin-bottom: 24px;
1294
+ }
1295
+
1296
+ .papro-admin-notice>div {
1297
+ -webkit-box-flex: 1;
1298
+ -webkit-flex-grow: 1;
1299
+ -moz-box-flex: 1;
1300
+ -ms-flex-positive: 1;
1301
+ flex-grow: 1;
1302
+ }
1303
+
1304
+ .papro-admin-notice-left {
1305
+ position: relative;
1306
+ padding: 16px;
1307
+ -webkit-border-radius: 15px;
1308
+ border-radius: 15px;
1309
+ background-color: #fff;
1310
+ -webkit-flex-basis: 80%;
1311
+ -ms-flex-preferred-size: 80%;
1312
+ flex-basis: 80%;
1313
+ }
1314
+
1315
+ .papro-admin-notice-left a {
1316
+ position: absolute;
1317
+ top: 0;
1318
+ left: 0;
1319
+ width: 100%;
1320
+ height: 100%;
1321
+ }
1322
+
1323
+ .papro-admin-notice-left a:hover,
1324
+ .papro-admin-notice-left a:focus,
1325
+ .papro-admin-notice-left a:visited {
1326
+ outline: none;
1327
+ border: none;
1328
+ -webkit-box-shadow: none;
1329
+ box-shadow: none;
1330
+ text-decoration: none;
1331
+ }
1332
+
1333
+ /* .papro-admin-notice-logo img {
1334
+ width: 100%;
1335
+ } */
1336
+ .papro-admin-notice-right {
1337
+ -webkit-display: flex;
1338
+ display: -webkit-box;
1339
+ display: -ms-flexbox;
1340
+ -js-display: flex;
1341
+ display: -moz-box;
1342
+ display: flex;
1343
+ -webkit-box-align: center;
1344
+ -ms-flex-align: center;
1345
+ -webkit-align-items: center;
1346
+ -moz-box-align: center;
1347
+ align-items: center;
1348
+ background: url("../../images/papro-banner.png");
1349
+ -webkit-background-size: cover;
1350
+ background-size: cover;
1351
+ background-repeat: no-repeat;
1352
+ padding: 18px;
1353
+ -webkit-border-radius: 15px;
1354
+ border-radius: 15px;
1355
+ overflow: hidden;
1356
+ margin-left: 25px;
1357
+ }
1358
+
1359
+ .papro-admin-notice-right h4 {
1360
+ font-size: 20px;
1361
+ color: #fff;
1362
+ font-weight: 900;
1363
+ font-family: "Red Hat Display";
1364
+ margin: 0;
1365
+ margin-bottom: 8px;
1366
+ }
1367
+
1368
+ .papro-admin-notice-right p {
1369
+ font-size: 14px;
1370
+ color: #ffffff;
1371
+ font-family: "Poppins";
1372
+ margin: 0;
1373
+ }
1374
+
1375
+ .papro-admin-notice-right span {
1376
+ font-weight: 700;
1377
+ }
1378
+
1379
+ /*
1380
+ * Dashboard Tabs
1381
+ */
1382
+ .pa-dash-general:before {
1383
+ content: "\e900";
1384
+ }
1385
+
1386
+ .pa-dash-integrations:before {
1387
+ content: "\e901";
1388
+ }
1389
+
1390
+ .pa-dash-system-info:before {
1391
+ content: "\e902";
1392
+ }
1393
+
1394
+ .pa-dash-vcontrol:before {
1395
+ content: "\e903";
1396
+ }
1397
+
1398
+ .pa-dash-white-label:before {
1399
+ content: "\e904";
1400
+ }
1401
+
1402
+ .pa-dash-elements:before {
1403
+ content: "\e905";
1404
+ }
1405
+
1406
+ .pa-dash-license:before {
1407
+ content: "\e910";
1408
+ }
1409
+
1410
+ .pa-dash-features:before {
1411
+ content: "\e911";
1412
+ }
1413
+
1414
+ /*
1415
+ * Elements Categories
1416
+ */
1417
+ .pa-dash-cat-all:before {
1418
+ content: "\e906";
1419
+ }
1420
+
1421
+ .pa-dash-cat-blurbs:before {
1422
+ content: "\e907";
1423
+ }
1424
+
1425
+ .pa-dash-cat-contact:before {
1426
+ content: "\e908";
1427
+ }
1428
+
1429
+ .pa-dash-cat-content:before {
1430
+ content: "\e909";
1431
+ }
1432
+
1433
+ .pa-dash-cat-images:before {
1434
+ content: "\e90a";
1435
+ }
1436
+
1437
+ .pa-dash-cat-off-grid:before {
1438
+ content: "\e90b";
1439
+ }
1440
+
1441
+ .pa-dash-cat-section:before {
1442
+ content: "\e90c";
1443
+ }
1444
+
1445
+ .pa-dash-cat-feed:before {
1446
+ content: "\e90d";
1447
+ }
1448
+
1449
+ .pa-dash-cat-data:before {
1450
+ content: "\e90e";
1451
+ }
1452
+
1453
+ .pa-dash-cat-social:before {
1454
+ content: "\e90f";
1455
+ }
1456
+
1457
+ /*
1458
+ * Widgets Icons
1459
+ */
1460
+ .pa-dash-premium-notbar:before {
1461
+ content: "\e913";
1462
+ }
1463
+
1464
+ .pa-dash-premium-gradient:before {
1465
+ content: "\e914";
1466
+ }
1467
+
1468
+ .pa-dash-premium-color-transition:before {
1469
+ content: "\e915";
1470
+ }
1471
+
1472
+ .pa-dash-premium-behance:before {
1473
+ content: "\e916";
1474
+ }
1475
+
1476
+ .pa-dash-premium-charts:before {
1477
+ content: "\e917";
1478
+ }
1479
+
1480
+ .pa-dash-premium-content-toggle:before {
1481
+ content: "\e918";
1482
+ }
1483
+
1484
+ .pa-dash-premium-divider:before {
1485
+ content: "\e919";
1486
+ }
1487
+
1488
+ .pa-dash-premium-facebook-feed:before {
1489
+ content: "\e91b";
1490
+ }
1491
+
1492
+ .pa-dash-facebook-feed-2:before {
1493
+ content: "\e91b";
1494
+ }
1495
+
1496
+ .pa-dash-premium-fb-chat:before {
1497
+ content: "\e91c";
1498
+ }
1499
+
1500
+ .pa-dash-premium-facebook-reviews:before {
1501
+ content: "\e91d";
1502
+ }
1503
+
1504
+ .pa-dash-premium-google-reviews:before {
1505
+ content: "\e91e";
1506
+ }
1507
+
1508
+ .pa-dash-premium-hscroll:before {
1509
+ content: "\e91f";
1510
+ }
1511
+
1512
+ .pa-dash-premium-flipbox:before {
1513
+ content: "\e920";
1514
+ }
1515
+
1516
+ .pa-dash-premium-iconbox:before {
1517
+ content: "\e921";
1518
+ }
1519
+
1520
+ .pa-dash-premium-image-accordion:before {
1521
+ content: "\e922";
1522
+ }
1523
+
1524
+ .pa-dash-premium-image-comparison:before {
1525
+ content: "\e923";
1526
+ }
1527
+
1528
+ .pa-dash-premium-image-hotspots:before {
1529
+ content: "\e924";
1530
+ }
1531
+
1532
+ .pa-dash-premium-img-layers:before {
1533
+ content: "\e925";
1534
+ }
1535
+
1536
+ .pa-dash-premium-instagram-feed:before {
1537
+ content: "\e926";
1538
+ }
1539
+
1540
+ .pa-dash-premium-kenburns:before {
1541
+ content: "\e927";
1542
+ }
1543
+
1544
+ .pa-dash-premium-lottie:before {
1545
+ content: "\e928";
1546
+ }
1547
+
1548
+ .pa-dash-premium-magic-section:before {
1549
+ content: "\e929";
1550
+ }
1551
+
1552
+ .pa-dash-premium-multi-scroll:before {
1553
+ content: "\e92a";
1554
+ }
1555
+
1556
+ .pa-dash-premium-ihover:before {
1557
+ content: "\e92b";
1558
+ }
1559
+
1560
+ .pa-dash-premium-parallax:before {
1561
+ content: "\e94f";
1562
+ }
1563
+
1564
+ .pa-dash-premium-particles:before {
1565
+ content: "\e92c";
1566
+ }
1567
+
1568
+ .pa-dash-premium-prev-img:before {
1569
+ content: "\e92d";
1570
+ }
1571
+
1572
+ .pa-dash-premium-tabs:before {
1573
+ content: "\e92f";
1574
+ }
1575
+
1576
+ .pa-dash-premium-tables:before {
1577
+ content: "\e92e";
1578
+ }
1579
+
1580
+ .pa-dash-premium-twitter-feed:before {
1581
+ content: "\e931";
1582
+ }
1583
+
1584
+ .pa-dash-premium-unfold:before {
1585
+ content: "\e932";
1586
+ }
1587
+
1588
+ .pa-dash-premium-whatsapp-chat:before {
1589
+ content: "\e933";
1590
+ }
1591
+
1592
+ .pa-dash-premium-yelp-reviews:before {
1593
+ content: "\e934";
1594
+ }
1595
+
1596
+ .pa-dash-premium-trustpilot-reviews:before {
1597
+ content: "\e930";
1598
+ }
1599
+
1600
+ .pa-dash-premium-banner:before {
1601
+ content: "\e935";
1602
+ }
1603
+
1604
+ .pa-dash-premium-blog:before {
1605
+ content: "\e936";
1606
+ }
1607
+
1608
+ .pa-dash-premium-button:before {
1609
+ content: "\e937";
1610
+ }
1611
+
1612
+ .pa-dash-premium-carousel:before {
1613
+ content: "\e938";
1614
+ }
1615
+
1616
+ .pa-dash-premium-contactform:before {
1617
+ content: "\e939";
1618
+ }
1619
+
1620
+ .pa-dash-premium-countdown:before {
1621
+ content: "\e93a";
1622
+ }
1623
+
1624
+ .pa-dash-premium-counter:before {
1625
+ content: "\e93b";
1626
+ }
1627
+
1628
+ .pa-dash-premium-dual-header:before {
1629
+ content: "\e93c";
1630
+ }
1631
+
1632
+ .pa-dash-premium-fancytext:before {
1633
+ content: "\e93d";
1634
+ }
1635
+
1636
+ .pa-dash-premium-maps:before {
1637
+ content: "\e93e";
1638
+ }
1639
+
1640
+ .pa-dash-premium-title:before {
1641
+ content: "\e93f";
1642
+ }
1643
+
1644
+ .pa-dash-premium-icon-list:before {
1645
+ content: "\e940";
1646
+ }
1647
+
1648
+ .pa-dash-premium-image-button:before {
1649
+ content: "\e941";
1650
+ }
1651
+
1652
+ .pa-dash-premium-image-scroll:before {
1653
+ content: "\e942";
1654
+ }
1655
+
1656
+ .pa-dash-premium-image-separator:before {
1657
+ content: "\e943";
1658
+ }
1659
+
1660
+ /* .pa-dash-premium-lottie:before {
1661
+ content: "\e944";
1662
+ } */
1663
+ .pa-dash-premium-lottie-widget:before {
1664
+ content: "\e945";
1665
+ }
1666
+
1667
+ .pa-dash-premium-grid:before {
1668
+ content: "\e946";
1669
+ }
1670
+
1671
+ .pa-dash-premium-modalbox:before {
1672
+ content: "\e947";
1673
+ }
1674
+
1675
+ .pa-dash-premium-pricing-table:before {
1676
+ content: "\e948";
1677
+ }
1678
+
1679
+ .pa-dash-premium-progressbar:before {
1680
+ content: "\e949";
1681
+ }
1682
+
1683
+ .pa-dash-premium-person:before {
1684
+ content: "\e94a";
1685
+ }
1686
+
1687
+ .pa-dash-premium-testimonials:before {
1688
+ content: "\e94b";
1689
+ }
1690
+
1691
+ .pa-dash-premium-vscroll:before {
1692
+ content: "\e94c";
1693
+ }
1694
+
1695
+ .pa-dash-premium-videobox:before {
1696
+ content: "\e94d";
1697
  }
admin/assets/js/admin.js CHANGED
@@ -1,405 +1,410 @@
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.initNavTabs($tabs);
32
-
33
- self.initElementsTabs($elementsTabs);
34
-
35
- self.getUnusedWidget();
36
-
37
- self.handleElementsActions();
38
-
39
- self.handleSettingsSave();
40
-
41
- self.handleRollBack();
42
-
43
- self.handlePaproActions();
44
-
45
- };
46
-
47
- // Handle settings form submission
48
- self.handleSettingsSave = function () {
49
-
50
- $("#pa-features .pa-section-info-cta input, #pa-modules .pa-switcher input").on(
51
- 'change',
52
- function () {
53
- self.saveElementsSettings('elements');
54
- }
55
- )
56
-
57
- $("#pa-ver-control input, #pa-integrations input, #pa-ver-control input, #pa-integrations select").change(
58
- function () {
59
- self.saveElementsSettings('additional');
60
- }
61
- );
62
-
63
- $("#pa-integrations input[type=text]").on(
64
- 'keyup',
65
- function () {
66
- self.saveElementsSettings('additional');
67
- }
68
- )
69
-
70
- };
71
-
72
- //get unused widgets.
73
- self.getUnusedWidget = function () {
74
- $.ajax(
75
- {
76
- url: settings.ajaxurl,
77
- type: 'POST',
78
- data: {
79
- action: 'pa_get_unused_widgets',
80
- security: settings.nonce,
81
- },
82
- success: function (response) {
83
- console.log('unused widgets retrieved');
84
- self.unusedElements = response.data;
85
- },
86
- error: function (err) {
87
- console.log(err);
88
- }
89
- }
90
- );
91
- };
92
- // Handle global enable/disable buttons
93
- self.handleElementsActions = function () {
94
-
95
- $(".pa-elements-filter select").on(
96
- 'change',
97
- function () {
98
- var filter = $(this).val(),
99
- $activeTab = $(".pa-switchers-container").not(".hidden");
100
-
101
- $activeTab.find(".pa-switcher").removeClass("hidden");
102
-
103
- if ('free' === filter) {
104
- $activeTab.find(".pro-element").addClass("hidden");
105
- } else if ('pro' === filter) {
106
- $activeTab.find(".pa-switcher").not(".pro-element").addClass("hidden");
107
- }
108
- }
109
- );
110
-
111
- // Enable/Disable all widgets
112
- $(".pa-btn-group").on(
113
- "click",
114
- '.pa-btn',
115
- function () {
116
-
117
- var $btn = $(this),
118
- isChecked = $btn.hasClass("pa-btn-enable");
119
-
120
- if (!$btn.hasClass("active")) {
121
- $(".pa-btn-group .pa-btn").removeClass("active");
122
- $btn.addClass("active");
123
-
124
- $.ajax(
125
- {
126
- url: settings.ajaxurl,
127
- type: 'POST',
128
- data: {
129
- action: 'pa_save_global_btn',
130
- security: settings.nonce,
131
- isGlobalOn: isChecked
132
- }
133
- }
134
- );
135
-
136
- }
137
-
138
- if (isChecked) {
139
- $(".pa-btn-group .pa-btn-unused").removeClass("dimmed");
140
- } else {
141
- $(".pa-btn-group .pa-btn-unused").addClass("dimmed");
142
- }
143
-
144
- $("#pa-modules .pa-switcher input").prop("checked", isChecked);
145
-
146
- self.saveElementsSettings('elements');
147
-
148
- }
149
- );
150
-
151
- //Disable unused widgets.
152
- $(".pa-btn-group").on(
153
- "click",
154
- '.pa-btn-unused',
155
- function () {
156
-
157
- $.each(self.unusedElements, function (index, selector) {
158
- $('#pa-modules .pa-switcher.' + selector).find('input').prop('checked', false);
159
- });
160
-
161
- $(this).addClass('dimmed');
162
-
163
- self.saveElementsSettings('elements');
164
- }
165
- );
166
-
167
- $("#pa-modules .pa-switcher input").on(
168
- 'change',
169
- function () {
170
- var $this = $(this),
171
- id = $this.attr('id'),
172
- isChecked = $this.prop('checked');
173
-
174
- $("input[name='" + id + "']").prop('checked', isChecked);
175
- }
176
- )
177
-
178
- };
179
-
180
- // Handle Tabs Elements
181
- self.initElementsTabs = function ($elem) {
182
-
183
- var $links = $elem.find('a'),
184
- $sections = $(".pa-switchers-container");
185
-
186
- $sections.eq(0).removeClass("hidden");
187
- $links.eq(0).addClass("active");
188
-
189
- $links.on(
190
- 'click',
191
- function (e) {
192
-
193
- e.preventDefault();
194
-
195
- var $link = $(this),
196
- href = $link.attr('href');
197
-
198
- // Set this tab to active
199
- $links.removeClass("active");
200
- $link.addClass("active");
201
-
202
- // Navigate to tab section
203
- $sections.addClass("hidden");
204
- $("#" + href).removeClass("hidden");
205
-
206
- }
207
- );
208
- };
209
-
210
- // Handle settings tabs
211
- self.initNavTabs = function ($elem) {
212
-
213
- var $links = $elem.find('a'),
214
- $lastSection = null;
215
-
216
- $(window).on(
217
- 'hashchange',
218
- function () {
219
-
220
- var hash = window.location.hash.match(new RegExp('tab=([^&]*)')),
221
- slug = hash ? hash[1] : $links.first().attr('href').replace('#tab=', ''),
222
- $link = $('#pa-tab-link-' + slug);
223
-
224
- if (!$link.length) {
225
- return
226
-
227
- }
228
- $links.removeClass('pa-section-active');
229
- $link.addClass('pa-section-active');
230
-
231
- // Hide the last active section
232
- if ($lastSection) {
233
- $lastSection.hide();
234
- }
235
-
236
- var $section = $('#pa-section-' + slug);
237
- $section.css(
238
- {
239
- display: 'block'
240
- }
241
- );
242
-
243
- $lastSection = $section;
244
-
245
- }
246
- ).trigger('hashchange');
247
-
248
- };
249
-
250
- self.handleRollBack = function () {
251
-
252
- // Rollback button
253
- $('.pa-rollback-button').on(
254
- 'click',
255
- function (event) {
256
-
257
- event.preventDefault();
258
-
259
- var $this = $(this),
260
- href = $this.attr('href');
261
-
262
- if (!href) {
263
- return;
264
- }
265
-
266
- // Show PAPRO stable version if PAPRO Rollback is clicked
267
- var isPAPRO = '';
268
- if (-1 !== href.indexOf('papro_rollback')) {
269
- isPAPRO = 'papro_';
270
- }
271
-
272
- var premiumRollBackConfirm = premiumAddonsSettings.premiumRollBackConfirm;
273
-
274
- var dialogsManager = new DialogsManager.Instance();
275
-
276
- dialogsManager.createWidget(
277
- 'confirm',
278
- {
279
- headerMessage: premiumRollBackConfirm.i18n.rollback_to_previous_version,
280
- message: premiumRollBackConfirm['i18n'][isPAPRO + 'rollback_confirm'],
281
- strings: {
282
- cancel: premiumRollBackConfirm.i18n.cancel,
283
- confirm: premiumRollBackConfirm.i18n.yes,
284
- },
285
- onConfirm: function () {
286
-
287
- $this.addClass('loading');
288
-
289
- location.href = $this.attr('href');
290
-
291
- }
292
- }
293
- ).show();
294
- }
295
- );
296
-
297
- };
298
-
299
- self.saveElementsSettings = function (action) { //save elements settings changes
300
-
301
- var $form = null;
302
-
303
- if ('elements' === action) {
304
- $form = $('form#pa-settings, form#pa-features');
305
- action = 'pa_elements_settings';
306
- } else {
307
- $form = $('formpa-ver-control, form#pa-integrations');
308
- action = 'pa_additional_settings';
309
- }
310
-
311
- $.ajax(
312
- {
313
- url: settings.ajaxurl,
314
- type: 'POST',
315
- data: {
316
- action: action,
317
- security: settings.nonce,
318
- fields: $form.serialize(),
319
- },
320
- success: function (response) {
321
-
322
- console.log("settings saved");
323
- },
324
- error: function (err) {
325
-
326
- console.log(err);
327
-
328
- }
329
- }
330
- );
331
-
332
- }
333
-
334
- self.handlePaproActions = function () {
335
-
336
- // Trigger SWAL for PRO elements
337
- $(".pro-slider").on(
338
- 'click',
339
- function () {
340
-
341
- var redirectionLink = " https://premiumaddons.com/pro/?utm_source=wp-menu&utm_medium=wp-dash&utm_campaign=get-pro&utm_term=";
342
-
343
- Swal.fire(
344
- {
345
- title: '<span class="pa-swal-head">Get PRO Widgets & Addons<span>',
346
- html: 'Supercharge your Elementor with PRO widgets and addons that you won’t find anywhere else.',
347
- type: 'warning',
348
- showCloseButton: true,
349
- showCancelButton: true,
350
- cancelButtonText: "More Info",
351
- focusConfirm: true,
352
- customClass: 'pa-swal',
353
- }
354
- ).then(
355
- function (res) {
356
- // Handle More Info button
357
- if (res.dismiss === 'cancel') {
358
- window.open(redirectionLink + settings.theme, '_blank');
359
- }
360
-
361
- }
362
- );
363
- }
364
- );
365
-
366
- // Trigger SWAL for White Labeling
367
- $(".premium-white-label-form.pro-inactive").on(
368
- 'submit',
369
- function (e) {
370
-
371
- e.preventDefault();
372
-
373
- var redirectionLink = " https://premiumaddons.com/pro/?utm_source=wp-menu&utm_medium=wp-dash&utm_campaign=get-pro&utm_term=";
374
-
375
- Swal.fire(
376
- {
377
- title: '<span class="pa-swal-head">Enable White Labeling Options<span>',
378
- 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.',
379
- type: 'warning',
380
- showCloseButton: true,
381
- showCancelButton: true,
382
- cancelButtonText: "More Info",
383
- focusConfirm: true
384
- }
385
- ).then(
386
- function (res) {
387
- // Handle More Info button
388
- if (res.dismiss === 'cancel') {
389
- window.open(redirectionLink + settings.theme, '_blank');
390
- }
391
-
392
- }
393
- );
394
- }
395
- );
396
-
397
- };
398
-
399
- };
400
-
401
- var instance = new PremiumAddonsNavigation();
402
-
403
- instance.init();
404
-
405
- })(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.initNavTabs($tabs);
32
+
33
+ self.initElementsTabs($elementsTabs);
34
+
35
+ self.getUnusedWidget();
36
+
37
+ self.handleElementsActions();
38
+
39
+ self.handleSettingsSave();
40
+
41
+ self.handleRollBack();
42
+
43
+ self.handlePaproActions();
44
+
45
+ };
46
+
47
+ // Handle settings form submission
48
+ self.handleSettingsSave = function () {
49
+
50
+ $("#pa-features .pa-section-info-cta input, #pa-modules .pa-switcher input").on(
51
+ 'change',
52
+ function () {
53
+ self.saveElementsSettings('elements');
54
+ }
55
+ )
56
+
57
+ $("#pa-ver-control input, #pa-integrations input, #pa-ver-control input, #pa-integrations select").change(
58
+ function () {
59
+ self.saveElementsSettings('additional');
60
+ }
61
+ );
62
+
63
+ $("#pa-integrations input[type=text]").on(
64
+ 'keyup',
65
+ function () {
66
+ self.saveElementsSettings('additional');
67
+ }
68
+ )
69
+
70
+ };
71
+
72
+ //get unused widgets.
73
+ self.getUnusedWidget = function () {
74
+
75
+ if ($(".pa-btn-group .pa-btn-disable").hasClass("active")) {
76
+ $(".pa-btn-group .pa-btn-unused").addClass("dimmed");
77
+ }
78
+
79
+ $.ajax(
80
+ {
81
+ url: settings.ajaxurl,
82
+ type: 'POST',
83
+ data: {
84
+ action: 'pa_get_unused_widgets',
85
+ security: settings.nonce,
86
+ },
87
+ success: function (response) {
88
+ console.log('unused widgets retrieved');
89
+ self.unusedElements = response.data;
90
+ },
91
+ error: function (err) {
92
+ console.log(err);
93
+ }
94
+ }
95
+ );
96
+ };
97
+ // Handle global enable/disable buttons
98
+ self.handleElementsActions = function () {
99
+
100
+ $(".pa-elements-filter select").on(
101
+ 'change',
102
+ function () {
103
+ var filter = $(this).val(),
104
+ $activeTab = $(".pa-switchers-container").not(".hidden");
105
+
106
+ $activeTab.find(".pa-switcher").removeClass("hidden");
107
+
108
+ if ('free' === filter) {
109
+ $activeTab.find(".pro-element").addClass("hidden");
110
+ } else if ('pro' === filter) {
111
+ $activeTab.find(".pa-switcher").not(".pro-element").addClass("hidden");
112
+ }
113
+ }
114
+ );
115
+
116
+ // Enable/Disable all widgets
117
+ $(".pa-btn-group").on(
118
+ "click",
119
+ '.pa-btn',
120
+ function () {
121
+
122
+ var $btn = $(this),
123
+ isChecked = $btn.hasClass("pa-btn-enable");
124
+
125
+ if (!$btn.hasClass("active")) {
126
+ $(".pa-btn-group .pa-btn").removeClass("active");
127
+ $btn.addClass("active");
128
+
129
+ $.ajax(
130
+ {
131
+ url: settings.ajaxurl,
132
+ type: 'POST',
133
+ data: {
134
+ action: 'pa_save_global_btn',
135
+ security: settings.nonce,
136
+ isGlobalOn: isChecked
137
+ }
138
+ }
139
+ );
140
+
141
+ }
142
+
143
+ if (isChecked) {
144
+ $(".pa-btn-group .pa-btn-unused").removeClass("dimmed");
145
+ } else {
146
+ $(".pa-btn-group .pa-btn-unused").addClass("dimmed");
147
+ }
148
+
149
+ $("#pa-modules .pa-switcher input").prop("checked", isChecked);
150
+
151
+ self.saveElementsSettings('elements');
152
+
153
+ }
154
+ );
155
+
156
+ //Disable unused widgets.
157
+ $(".pa-btn-group").on(
158
+ "click",
159
+ '.pa-btn-unused',
160
+ function () {
161
+
162
+ $.each(self.unusedElements, function (index, selector) {
163
+ $('#pa-modules .pa-switcher.' + selector).find('input').prop('checked', false);
164
+ });
165
+
166
+ $(this).addClass('dimmed');
167
+
168
+ self.saveElementsSettings('elements');
169
+ }
170
+ );
171
+
172
+ $("#pa-modules .pa-switcher input").on(
173
+ 'change',
174
+ function () {
175
+ var $this = $(this),
176
+ id = $this.attr('id'),
177
+ isChecked = $this.prop('checked');
178
+
179
+ $("input[name='" + id + "']").prop('checked', isChecked);
180
+ }
181
+ )
182
+
183
+ };
184
+
185
+ // Handle Tabs Elements
186
+ self.initElementsTabs = function ($elem) {
187
+
188
+ var $links = $elem.find('a'),
189
+ $sections = $(".pa-switchers-container");
190
+
191
+ $sections.eq(0).removeClass("hidden");
192
+ $links.eq(0).addClass("active");
193
+
194
+ $links.on(
195
+ 'click',
196
+ function (e) {
197
+
198
+ e.preventDefault();
199
+
200
+ var $link = $(this),
201
+ href = $link.attr('href');
202
+
203
+ // Set this tab to active
204
+ $links.removeClass("active");
205
+ $link.addClass("active");
206
+
207
+ // Navigate to tab section
208
+ $sections.addClass("hidden");
209
+ $("#" + href).removeClass("hidden");
210
+
211
+ }
212
+ );
213
+ };
214
+
215
+ // Handle settings tabs
216
+ self.initNavTabs = function ($elem) {
217
+
218
+ var $links = $elem.find('a'),
219
+ $lastSection = null;
220
+
221
+ $(window).on(
222
+ 'hashchange',
223
+ function () {
224
+
225
+ var hash = window.location.hash.match(new RegExp('tab=([^&]*)')),
226
+ slug = hash ? hash[1] : $links.first().attr('href').replace('#tab=', ''),
227
+ $link = $('#pa-tab-link-' + slug);
228
+
229
+ if (!$link.length) {
230
+ return
231
+
232
+ }
233
+ $links.removeClass('pa-section-active');
234
+ $link.addClass('pa-section-active');
235
+
236
+ // Hide the last active section
237
+ if ($lastSection) {
238
+ $lastSection.hide();
239
+ }
240
+
241
+ var $section = $('#pa-section-' + slug);
242
+ $section.css(
243
+ {
244
+ display: 'block'
245
+ }
246
+ );
247
+
248
+ $lastSection = $section;
249
+
250
+ }
251
+ ).trigger('hashchange');
252
+
253
+ };
254
+
255
+ self.handleRollBack = function () {
256
+
257
+ // Rollback button
258
+ $('.pa-rollback-button').on(
259
+ 'click',
260
+ function (event) {
261
+
262
+ event.preventDefault();
263
+
264
+ var $this = $(this),
265
+ href = $this.attr('href');
266
+
267
+ if (!href) {
268
+ return;
269
+ }
270
+
271
+ // Show PAPRO stable version if PAPRO Rollback is clicked
272
+ var isPAPRO = '';
273
+ if (-1 !== href.indexOf('papro_rollback')) {
274
+ isPAPRO = 'papro_';
275
+ }
276
+
277
+ var premiumRollBackConfirm = premiumAddonsSettings.premiumRollBackConfirm;
278
+
279
+ var dialogsManager = new DialogsManager.Instance();
280
+
281
+ dialogsManager.createWidget(
282
+ 'confirm',
283
+ {
284
+ headerMessage: premiumRollBackConfirm.i18n.rollback_to_previous_version,
285
+ message: premiumRollBackConfirm['i18n'][isPAPRO + 'rollback_confirm'],
286
+ strings: {
287
+ cancel: premiumRollBackConfirm.i18n.cancel,
288
+ confirm: premiumRollBackConfirm.i18n.yes,
289
+ },
290
+ onConfirm: function () {
291
+
292
+ $this.addClass('loading');
293
+
294
+ location.href = $this.attr('href');
295
+
296
+ }
297
+ }
298
+ ).show();
299
+ }
300
+ );
301
+
302
+ };
303
+
304
+ self.saveElementsSettings = function (action) { //save elements settings changes
305
+
306
+ var $form = null;
307
+
308
+ if ('elements' === action) {
309
+ $form = $('form#pa-settings, form#pa-features');
310
+ action = 'pa_elements_settings';
311
+ } else {
312
+ $form = $('formpa-ver-control, form#pa-integrations');
313
+ action = 'pa_additional_settings';
314
+ }
315
+
316
+ $.ajax(
317
+ {
318
+ url: settings.ajaxurl,
319
+ type: 'POST',
320
+ data: {
321
+ action: action,
322
+ security: settings.nonce,
323
+ fields: $form.serialize(),
324
+ },
325
+ success: function (response) {
326
+
327
+ console.log("settings saved");
328
+ },
329
+ error: function (err) {
330
+
331
+ console.log(err);
332
+
333
+ }
334
+ }
335
+ );
336
+
337
+ }
338
+
339
+ self.handlePaproActions = function () {
340
+
341
+ // Trigger SWAL for PRO elements
342
+ $(".pro-slider").on(
343
+ 'click',
344
+ function () {
345
+
346
+ var redirectionLink = " https://premiumaddons.com/pro/?utm_source=wp-menu&utm_medium=wp-dash&utm_campaign=get-pro&utm_term=";
347
+
348
+ Swal.fire(
349
+ {
350
+ title: '<span class="pa-swal-head">Get PRO Widgets & Addons<span>',
351
+ html: 'Supercharge your Elementor with PRO widgets and addons that you won’t find anywhere else.',
352
+ type: 'warning',
353
+ showCloseButton: true,
354
+ showCancelButton: true,
355
+ cancelButtonText: "More Info",
356
+ focusConfirm: true,
357
+ customClass: 'pa-swal',
358
+ }
359
+ ).then(
360
+ function (res) {
361
+ // Handle More Info button
362
+ if (res.dismiss === 'cancel') {
363
+ window.open(redirectionLink + settings.theme, '_blank');
364
+ }
365
+
366
+ }
367
+ );
368
+ }
369
+ );
370
+
371
+ // Trigger SWAL for White Labeling
372
+ $(".premium-white-label-form.pro-inactive").on(
373
+ 'submit',
374
+ function (e) {
375
+
376
+ e.preventDefault();
377
+
378
+ var redirectionLink = " https://premiumaddons.com/pro/?utm_source=wp-menu&utm_medium=wp-dash&utm_campaign=get-pro&utm_term=";
379
+
380
+ Swal.fire(
381
+ {
382
+ title: '<span class="pa-swal-head">Enable White Labeling Options<span>',
383
+ 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.',
384
+ type: 'warning',
385
+ showCloseButton: true,
386
+ showCancelButton: true,
387
+ cancelButtonText: "More Info",
388
+ focusConfirm: true
389
+ }
390
+ ).then(
391
+ function (res) {
392
+ // Handle More Info button
393
+ if (res.dismiss === 'cancel') {
394
+ window.open(redirectionLink + settings.theme, '_blank');
395
+ }
396
+
397
+ }
398
+ );
399
+ }
400
+ );
401
+
402
+ };
403
+
404
+ };
405
+
406
+ var instance = new PremiumAddonsNavigation();
407
+
408
+ instance.init();
409
+
410
+ })(jQuery);
admin/assets/js/pa-notice.js CHANGED
@@ -5,6 +5,7 @@
5
 
6
  var adminNotices = {
7
  'radius': 'radius_notice',
 
8
  };
9
 
10
  if (undefined !== notice) {
5
 
6
  var adminNotices = {
7
  'radius': 'radius_notice',
8
+ 'halloween': 'halloween_notice',
9
  };
10
 
11
  if (undefined !== notice) {
admin/includes/admin-helper.php CHANGED
@@ -1,946 +1,952 @@
1
- <?php
2
- /**
3
- * PA Admin Helper
4
- */
5
-
6
- namespace PremiumAddons\Admin\Includes;
7
-
8
- use PremiumAddons\Includes\Helper_Functions;
9
-
10
- if ( ! defined( 'ABSPATH' ) ) {
11
- exit;
12
- }
13
-
14
- /**
15
- * Class Admin_Helper
16
- */
17
- class Admin_Helper {
18
-
19
- /**
20
- * Admin settings tabs
21
- *
22
- * @var tabs
23
- */
24
- private static $tabs = null;
25
-
26
- /**
27
- * Class instance
28
- *
29
- * @var instance
30
- */
31
- private static $instance = null;
32
-
33
- /**
34
- * Premium Addons Settings Page Slug
35
- *
36
- * @var page_slug
37
- */
38
- protected $page_slug = 'premium-addons';
39
-
40
- /**
41
- * Current Screen ID
42
- *
43
- * @var current_screen
44
- */
45
- public static $current_screen = null;
46
-
47
- /**
48
- * Elements List
49
- *
50
- * @var elements_list
51
- */
52
- public static $elements_list = null;
53
-
54
- /**
55
- * Elements Names
56
- *
57
- * @var elements_names
58
- */
59
- public static $elements_names = null;
60
-
61
- /**
62
- * Integrations List
63
- *
64
- * @var integrations_list
65
- */
66
- public static $integrations_list = null;
67
-
68
- /**
69
- * Constructor for the class
70
- */
71
- public function __construct() {
72
-
73
- // Get current screen ID.
74
- add_action( 'current_screen', array( $this, 'get_current_screen' ) );
75
-
76
- // Insert admin settings submenus.
77
- $this->set_admin_tabs();
78
- add_action( 'admin_menu', array( $this, 'add_menu_tabs' ), 100 );
79
-
80
- // Enqueue required admin scripts.
81
- add_action( 'admin_enqueue_scripts', array( $this, 'admin_enqueue_scripts' ) );
82
-
83
- // Plugin Action Links.
84
- add_filter( 'plugin_action_links_' . PREMIUM_ADDONS_BASENAME, array( $this, 'insert_action_links' ) );
85
- add_filter( 'plugin_row_meta', array( $this, 'plugin_row_meta' ), 10, 2 );
86
-
87
- // Register AJAX HOOKS.
88
- add_action( 'wp_ajax_pa_save_global_btn', array( $this, 'save_global_btn_value' ) );
89
- add_action( 'wp_ajax_pa_elements_settings', array( $this, 'save_settings' ) );
90
- add_action( 'wp_ajax_pa_additional_settings', array( $this, 'save_additional_settings' ) );
91
- add_action( 'wp_ajax_pa_get_unused_widgets', array( $this, 'get_unused_widgets' ) );
92
-
93
- add_action( 'pa_before_render_admin_tabs', array( $this, 'render_dashboard_header' ) );
94
-
95
- // Register Rollback hooks.
96
- add_action( 'admin_post_premium_addons_rollback', array( $this, 'run_pa_rollback' ) );
97
-
98
- // Beta_Testers::get_instance();
99
-
100
- if ( is_admin() ) {
101
- $current_page = $_SERVER['REQUEST_URI'];
102
- if ( false === strpos( $current_page, 'action=elementor' ) ) {
103
- Admin_Notices::get_instance();
104
-
105
- // PA Duplicator.
106
- if ( self::check_duplicator() ) {
107
- Duplicator::get_instance();
108
- }
109
- }
110
- }
111
-
112
- }
113
-
114
- /**
115
- * Get Elements List
116
- *
117
- * Get a list of all the elements available in the plugin
118
- *
119
- * @since 3.20.9
120
- * @access private
121
- *
122
- * @return array widget_list
123
- */
124
- private static function get_elements_list() {
125
-
126
- if ( null === self::$elements_list ) {
127
-
128
- self::$elements_list = require_once PREMIUM_ADDONS_PATH . 'admin/includes/elements.php';
129
-
130
- }
131
-
132
- return self::$elements_list;
133
-
134
- }
135
-
136
- /**
137
- * Get Integrations List
138
- *
139
- * Get a list of all the integrations available in the plugin
140
- *
141
- * @since 3.20.9
142
- * @access private
143
- *
144
- * @return array integrations_list
145
- */
146
- private static function get_integrations_list() {
147
-
148
- if ( null === self::$integrations_list ) {
149
-
150
- self::$integrations_list = array(
151
- 'premium-map-api',
152
- 'premium-youtube-api',
153
- 'premium-map-disable-api',
154
- 'premium-map-cluster',
155
- 'premium-map-locale',
156
- 'is-beta-tester',
157
- );
158
-
159
- }
160
-
161
- return self::$integrations_list;
162
-
163
- }
164
-
165
- /**
166
- * Admin Enqueue Scripts
167
- *
168
- * Enqueue the required assets on our admin pages
169
- *
170
- * @since 1.0.0
171
- * @access public
172
- */
173
- public function admin_enqueue_scripts() {
174
-
175
- wp_enqueue_style(
176
- 'pa_admin_icon',
177
- PREMIUM_ADDONS_URL . 'admin/assets/fonts/style.css',
178
- array(),
179
- PREMIUM_ADDONS_VERSION,
180
- 'all'
181
- );
182
-
183
- $suffix = is_rtl() ? '-rtl' : '';
184
-
185
- $current_screen = self::get_current_screen();
186
-
187
- wp_enqueue_style(
188
- 'pa-notice-css',
189
- PREMIUM_ADDONS_URL . 'admin/assets/css/notice' . $suffix . '.css',
190
- array(),
191
- PREMIUM_ADDONS_VERSION,
192
- 'all'
193
- );
194
-
195
- if ( strpos( $current_screen, $this->page_slug ) !== false ) {
196
-
197
- wp_enqueue_style(
198
- 'pa-admin-css',
199
- PREMIUM_ADDONS_URL . 'admin/assets/css/admin' . $suffix . '.css',
200
- array(),
201
- PREMIUM_ADDONS_VERSION,
202
- 'all'
203
- );
204
-
205
- wp_enqueue_style(
206
- 'pa-sweetalert-style',
207
- PREMIUM_ADDONS_URL . 'admin/assets/js/sweetalert2/sweetalert2.min.css',
208
- array(),
209
- PREMIUM_ADDONS_VERSION,
210
- 'all'
211
- );
212
-
213
- wp_enqueue_script(
214
- 'pa-admin',
215
- PREMIUM_ADDONS_URL . 'admin/assets/js/admin.js',
216
- array( 'jquery' ),
217
- PREMIUM_ADDONS_VERSION,
218
- true
219
- );
220
-
221
- wp_enqueue_script(
222
- 'pa-sweetalert-core',
223
- PREMIUM_ADDONS_URL . 'admin/assets/js/sweetalert2/core.js',
224
- array( 'jquery' ),
225
- PREMIUM_ADDONS_VERSION,
226
- true
227
- );
228
-
229
- wp_enqueue_script(
230
- 'pa-sweetalert',
231
- PREMIUM_ADDONS_URL . 'admin/assets/js/sweetalert2/sweetalert2.min.js',
232
- array( 'jquery', 'pa-sweetalert-core' ),
233
- PREMIUM_ADDONS_VERSION,
234
- true
235
- );
236
-
237
- $theme_slug = Helper_Functions::get_installed_theme();
238
-
239
- $localized_data = array(
240
- 'settings' => array(
241
- 'ajaxurl' => admin_url( 'admin-ajax.php' ),
242
- 'nonce' => wp_create_nonce( 'pa-settings-tab' ),
243
- 'theme' => $theme_slug,
244
- ),
245
- 'premiumRollBackConfirm' => array(
246
- 'home_url' => home_url(),
247
- 'i18n' => array(
248
- 'rollback_to_previous_version' => __( 'Rollback to Previous Version', 'premium-addons-for-elementor' ),
249
- /* translators: %s: PA stable version */
250
- 'rollback_confirm' => sprintf( __( 'Are you sure you want to reinstall version %s?', 'premium-addons-for-elementor' ), PREMIUM_ADDONS_STABLE_VERSION ),
251
- 'yes' => __( 'Continue', 'premium-addons-for-elementor' ),
252
- 'cancel' => __( 'Cancel', 'premium-addons-for-elementor' ),
253
- ),
254
- ),
255
- );
256
-
257
- // Add PAPRO Rollback Confirm message if PAPRO installed.
258
- if ( Helper_Functions::check_papro_version() ) {
259
- /* translators: %s: PA stable version */
260
- $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 );
261
- }
262
-
263
- wp_localize_script( 'pa-admin', 'premiumAddonsSettings', $localized_data );
264
-
265
- }
266
- }
267
-
268
- /**
269
- * Insert action links.
270
- *
271
- * Adds action links to the plugin list table
272
- *
273
- * Fired by `plugin_action_links` filter.
274
- *
275
- * @param array $links plugin action links.
276
- *
277
- * @since 1.0.0
278
- * @access public
279
- */
280
- public function insert_action_links( $links ) {
281
-
282
- $papro_path = 'premium-addons-pro/premium-addons-pro-for-elementor.php';
283
-
284
- $is_papro_installed = Helper_Functions::is_plugin_installed( $papro_path );
285
-
286
- $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' ) );
287
-
288
- $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 );
289
-
290
- $new_links = array( $settings_link, $rollback_link );
291
-
292
- if ( ! $is_papro_installed ) {
293
-
294
- $link = Helper_Functions::get_campaign_link( 'https://premiumaddons.com/pro', 'plugins-page', 'wp-dash', 'get-pro' );
295
-
296
- $pro_link = sprintf( '<a href="%s" target="_blank" style="color: #FF6000; font-weight: bold;">%s</a>', $link, __( 'Go Pro', 'premium-addons-for-elementor' ) );
297
- array_push( $new_links, $pro_link );
298
- }
299
-
300
- $new_links = array_merge( $links, $new_links );
301
-
302
- return $new_links;
303
- }
304
-
305
- /**
306
- * Plugin row meta.
307
- *
308
- * Extends plugin row meta links
309
- *
310
- * Fired by `plugin_row_meta` filter.
311
- *
312
- * @since 3.8.4
313
- * @access public
314
- *
315
- * @param array $meta array of the plugin's metadata.
316
- * @param string $file path to the plugin file.
317
- *
318
- * @return array An array of plugin row meta links.
319
- */
320
- public function plugin_row_meta( $meta, $file ) {
321
-
322
- if ( Helper_Functions::is_hide_row_meta() ) {
323
- return $meta;
324
- }
325
-
326
- if ( PREMIUM_ADDONS_BASENAME === $file ) {
327
-
328
- $link = Helper_Functions::get_campaign_link( 'https://premiumaddons.com/support', 'plugins-page', 'wp-dash', 'get-support' );
329
-
330
- $row_meta = array(
331
- '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>',
332
- '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>',
333
- );
334
-
335
- $meta = array_merge( $meta, $row_meta );
336
- }
337
-
338
- return $meta;
339
-
340
- }
341
-
342
- /**
343
- * Gets current screen slug
344
- *
345
- * @since 3.3.8
346
- * @access public
347
- *
348
- * @return string current screen slug
349
- */
350
- public static function get_current_screen() {
351
-
352
- self::$current_screen = get_current_screen()->id;
353
-
354
- return isset( self::$current_screen ) ? self::$current_screen : false;
355
-
356
- }
357
-
358
- /**
359
- * Set Admin Tabs
360
- *
361
- * @access private
362
- * @since 3.20.8
363
- */
364
- private function set_admin_tabs() {
365
-
366
- $slug = $this->page_slug;
367
-
368
- self::$tabs = array(
369
- 'general' => array(
370
- 'id' => 'general',
371
- 'slug' => $slug . '#tab=general',
372
- 'title' => __( 'General', 'premium-addons-for-elementor' ),
373
- 'href' => '#tab=general',
374
- 'template' => PREMIUM_ADDONS_PATH . 'admin/includes/templates/general',
375
- ),
376
- 'elements' => array(
377
- 'id' => 'elements',
378
- 'slug' => $slug . '#tab=elements',
379
- 'title' => __( 'Widgets & Add-ons', 'premium-addons-for-elementor' ),
380
- 'href' => '#tab=elements',
381
- 'template' => PREMIUM_ADDONS_PATH . 'admin/includes/templates/modules-settings',
382
- ),
383
- 'features' => array(
384
- 'id' => 'features',
385
- 'slug' => $slug . '#tab=features',
386
- 'title' => __( 'Features', 'premium-addons-for-elementor' ),
387
- 'href' => '#tab=features',
388
- 'template' => PREMIUM_ADDONS_PATH . 'admin/includes/templates/features',
389
- ),
390
- 'integrations' => array(
391
- 'id' => 'integrations',
392
- 'slug' => $slug . '#tab=integrations',
393
- 'title' => __( 'Integrations', 'premium-addons-for-elementor' ),
394
- 'href' => '#tab=integrations',
395
- 'template' => PREMIUM_ADDONS_PATH . 'admin/includes/templates/integrations',
396
- ),
397
- 'version-control' => array(
398
- 'id' => 'vcontrol',
399
- 'slug' => $slug . '#tab=vcontrol',
400
- 'title' => __( 'Version Control', 'premium-addons-for-elementor' ),
401
- 'href' => '#tab=vcontrol',
402
- 'template' => PREMIUM_ADDONS_PATH . 'admin/includes/templates/version-control',
403
- ),
404
- 'white-label' => array(
405
- 'id' => 'white-label',
406
- 'slug' => $slug . '#tab=white-label',
407
- 'title' => __( 'White Labeling', 'premium-addons-for-elementor' ),
408
- 'href' => '#tab=white-label',
409
- 'template' => PREMIUM_ADDONS_PATH . 'admin/includes/templates/white-label',
410
- ),
411
- 'info' => array(
412
- 'id' => 'system-info',
413
- 'slug' => $slug . '#tab=system-info',
414
- 'title' => __( 'System Info', 'premium-addons-for-elementor' ),
415
- 'href' => '#tab=system-info',
416
- 'template' => PREMIUM_ADDONS_PATH . 'admin/includes/templates/info',
417
- ),
418
- );
419
-
420
- self::$tabs = apply_filters( 'pa_admin_register_tabs', self::$tabs );
421
-
422
- }
423
-
424
- /**
425
- * Add Menu Tabs
426
- *
427
- * Create Submenu Page
428
- *
429
- * @since 3.20.9
430
- * @access public
431
- *
432
- * @return void
433
- */
434
- public function add_menu_tabs() {
435
-
436
- $plugin_name = Helper_Functions::name();
437
-
438
- call_user_func(
439
- 'add_menu_page',
440
- $plugin_name,
441
- $plugin_name,
442
- 'manage_options',
443
- $this->page_slug,
444
- array( $this, 'render_setting_tabs' ),
445
- '',
446
- 100
447
- );
448
-
449
- foreach ( self::$tabs as $tab ) {
450
-
451
- call_user_func(
452
- 'add_submenu_page',
453
- $this->page_slug,
454
- $tab['title'],
455
- $tab['title'],
456
- 'manage_options',
457
- $tab['slug'],
458
- '__return_null'
459
- );
460
- }
461
-
462
- remove_submenu_page( $this->page_slug, $this->page_slug );
463
- }
464
-
465
- /**
466
- * Render Setting Tabs
467
- *
468
- * Render the final HTML content for admin setting tabs
469
- *
470
- * @access public
471
- * @since 3.20.8
472
- */
473
- public function render_setting_tabs() {
474
-
475
- ?>
476
- <div class="pa-settings-wrap">
477
- <?php do_action( 'pa_before_render_admin_tabs' ); ?>
478
- <div class="pa-settings-tabs">
479
- <ul class="pa-settings-tabs-list">
480
- <?php
481
- foreach ( self::$tabs as $key => $tab ) {
482
- $link = '<li class="pa-settings-tab">';
483
- $link .= '<a id="pa-tab-link-' . esc_attr( $tab['id'] ) . '"';
484
- $link .= ' href="' . esc_url( $tab['href'] ) . '">';
485
- $link .= '<i class="pa-dash-' . esc_attr( $tab['id'] ) . '"></i>';
486
- $link .= '<span>' . esc_html( $tab['title'] ) . '</span>';
487
- $link .= '</a>';
488
- $link .= '</li>';
489
-
490
- echo $link;
491
- }
492
- ?>
493
- </ul>
494
- </div> <!-- Settings Tabs -->
495
-
496
- <div class="pa-settings-sections">
497
- <?php
498
- foreach ( self::$tabs as $key => $tab ) {
499
- echo wp_kses_post( '<div id="pa-section-' . $tab['id'] . '" class="pa-section pa-section-' . $key . '">' );
500
- include_once $tab['template'] . '.php';
501
- echo '</div>';
502
- }
503
- ?>
504
- </div> <!-- Settings Sections -->
505
- <?php do_action( 'pa_after_render_admin_tabs' ); ?>
506
- </div> <!-- Settings Wrap -->
507
- <?php
508
- }
509
-
510
- /**
511
- * Render Dashboard Header
512
- *
513
- * @since 4.0.0
514
- * @access public
515
- */
516
- public function render_dashboard_header() {
517
-
518
- $url = Helper_Functions::get_campaign_link( 'https://premiumaddons.com/pro/', 'settings-page', 'wp-dash', 'dashboard' );
519
-
520
- $show_logo = Helper_Functions::is_hide_logo();
521
-
522
- ?>
523
-
524
- <div class="papro-admin-notice">
525
- <?php if ( ! $show_logo ) : ?>
526
- <div class="papro-admin-notice-left">
527
- <div class="papro-admin-notice-logo">
528
- <img class="pa-notice-logo" src="<?php echo esc_attr( PREMIUM_ADDONS_URL . 'admin/images/papro-notice-logo.png' ); ?>">
529
- </div>
530
- <a href="https://premiumaddons.com" target="_blank"></a>
531
- </div>
532
- <?php endif; ?>
533
-
534
- <?php if ( ! Helper_Functions::check_papro_version() ) : ?>
535
- <div class="papro-admin-notice-right">
536
- <div class="papro-admin-notice-info">
537
- <h4>
538
- <?php echo esc_html( __( 'Get Premium Addons PRO', 'premium-addons-for-elementor' ) ); ?>
539
- </h4>
540
- <p>
541
- <?php
542
- /* translators: %s: html tags */
543
- 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>' ) );
544
- ?>
545
- </p>
546
- </div>
547
- <div class="papro-admin-notice-cta">
548
- <a class="papro-notice-btn" href="<?php echo esc_url( $url ); ?>" target="_blank">
549
- <?php echo esc_html( __( 'Get PRO', 'premium-addons-for-elementor' ) ); ?>
550
- </a>
551
- </div>
552
- </div>
553
- <?php endif; ?>
554
- </div>
555
-
556
- <?php
557
- }
558
-
559
- /**
560
- * Save Settings
561
- *
562
- * Save elements settings using AJAX
563
- *
564
- * @access public
565
- * @since 3.20.8
566
- */
567
- public function save_settings() {
568
-
569
- check_ajax_referer( 'pa-settings-tab', 'security' );
570
-
571
- if ( ! isset( $_POST['fields'] ) ) {
572
- return;
573
- }
574
-
575
- parse_str( sanitize_text_field( $_POST['fields'] ), $settings );
576
-
577
- $defaults = self::get_default_elements();
578
-
579
- $elements = array_fill_keys( array_keys( array_intersect_key( $settings, $defaults ) ), true );
580
-
581
- update_option( 'pa_save_settings', $elements );
582
-
583
- wp_send_json_success();
584
- }
585
-
586
- /**
587
- * Save Integrations Control Settings
588
- *
589
- * Stores integration and version control settings
590
- *
591
- * @since 3.20.8
592
- * @access public
593
- */
594
- public function save_additional_settings() {
595
-
596
- check_ajax_referer( 'pa-settings-tab', 'security' );
597
-
598
- if ( ! isset( $_POST['fields'] ) ) {
599
- return;
600
- }
601
-
602
- parse_str( sanitize_text_field( $_POST['fields'] ), $settings );
603
-
604
- $new_settings = array(
605
- 'premium-map-api' => sanitize_text_field( $settings['premium-map-api'] ),
606
- 'premium-youtube-api' => sanitize_text_field( $settings['premium-youtube-api'] ),
607
- 'premium-map-disable-api' => intval( $settings['premium-map-disable-api'] ? 1 : 0 ),
608
- 'premium-map-cluster' => intval( $settings['premium-map-cluster'] ? 1 : 0 ),
609
- 'premium-map-locale' => sanitize_text_field( $settings['premium-map-locale'] ),
610
- 'is-beta-tester' => intval( $settings['is-beta-tester'] ? 1 : 0 ),
611
- );
612
-
613
- update_option( 'pa_maps_save_settings', $new_settings );
614
-
615
- wp_send_json_success( $settings );
616
-
617
- }
618
-
619
- /**
620
- * Save Global Button Value
621
- *
622
- * Saves value for elements global switcher
623
- *
624
- * @since 4.0.0
625
- * @access public
626
- */
627
- public function save_global_btn_value() {
628
-
629
- check_ajax_referer( 'pa-settings-tab', 'security' );
630
-
631
- if ( ! isset( $_POST['isGlobalOn'] ) ) {
632
- wp_send_json_error();
633
- }
634
-
635
- $global_btn_value = sanitize_text_field( $_POST['isGlobalOn'] );
636
-
637
- update_option( 'pa_global_btn_value', $global_btn_value );
638
-
639
- wp_send_json_success();
640
-
641
- }
642
-
643
- /**
644
- * Get default Elements
645
- *
646
- * @since 3.20.9
647
- * @access private
648
- *
649
- * @return $default_keys array keys defaults
650
- */
651
- private static function get_default_elements() {
652
-
653
- $elements = self::get_elements_list();
654
-
655
- $keys = array();
656
-
657
- // Now, we need to fill our array with elements keys.
658
- foreach ( $elements as $cat ) {
659
- if ( count( $cat['elements'] ) ) {
660
- foreach ( $cat['elements'] as $elem ) {
661
- array_push( $keys, $elem['key'] );
662
- }
663
- }
664
- }
665
-
666
- $default_keys = array_fill_keys( $keys, true );
667
-
668
- return $default_keys;
669
-
670
- }
671
-
672
- public static function get_pro_elements() {
673
-
674
- $elements = self::get_elements_list();
675
-
676
- $pro_elements = array();
677
-
678
- $all_elements = $elements['cat-1'];
679
-
680
- if ( count( $all_elements['elements'] ) ) {
681
- foreach ( $all_elements['elements'] as $elem ) {
682
- if ( isset( $elem['is_pro'] ) && ! isset( $elem['is_global'] ) ) {
683
- array_push( $pro_elements, $elem );
684
- }
685
- }
686
- }
687
-
688
- return $pro_elements;
689
-
690
- }
691
-
692
- /**
693
- * Get Default Interations
694
- *
695
- * @since 3.20.9
696
- * @access private
697
- *
698
- * @return $default_keys array default keys
699
- */
700
- private static function get_default_integrations() {
701
-
702
- $settings = self::get_integrations_list();
703
-
704
- $default_keys = array_fill_keys( $settings, true );
705
-
706
- // Beta Tester should NOT be enabled by default.
707
- $default_keys['is-beta-tester'] = false;
708
-
709
- return $default_keys;
710
-
711
- }
712
-
713
- /**
714
- * Get enabled widgets
715
- *
716
- * @since 3.20.9
717
- * @access public
718
- *
719
- * @return array $enabled_keys enabled elements
720
- */
721
- public static function get_enabled_elements() {
722
-
723
- $defaults = self::get_default_elements();
724
-
725
- $enabled_keys = get_option( 'pa_save_settings', $defaults );
726
-
727
- foreach ( $defaults as $key => $value ) {
728
- if ( ! isset( $enabled_keys[ $key ] ) ) {
729
- $defaults[ $key ] = 0;
730
- }
731
- }
732
-
733
- return $defaults;
734
-
735
- }
736
-
737
- /**
738
- * Check If Premium Templates is enabled
739
- *
740
- * @since 3.6.0
741
- * @access public
742
- *
743
- * @return boolean
744
- */
745
- public static function check_premium_templates() {
746
-
747
- $settings = self::get_enabled_elements();
748
-
749
- if ( ! isset( $settings['premium-templates'] ) ) {
750
- return true;
751
- }
752
-
753
- $is_enabled = $settings['premium-templates'];
754
-
755
- return $is_enabled;
756
- }
757
-
758
-
759
- /**
760
- * Check If Premium Duplicator is enabled
761
- *
762
- * @since 3.20.9
763
- * @access public
764
- *
765
- * @return boolean
766
- */
767
- public static function check_duplicator() {
768
-
769
- $settings = self::get_enabled_elements();
770
-
771
- if ( ! isset( $settings['premium-duplicator'] ) ) {
772
- return true;
773
- }
774
-
775
- $is_enabled = $settings['premium-duplicator'];
776
-
777
- return $is_enabled;
778
- }
779
-
780
- /**
781
- * Get Integrations Settings
782
- *
783
- * Get plugin integrations settings
784
- *
785
- * @since 3.20.9
786
- * @access public
787
- *
788
- * @return array $settings integrations settings
789
- */
790
- public static function get_integrations_settings() {
791
-
792
- $enabled_keys = get_option( 'pa_maps_save_settings', self::get_default_integrations() );
793
-
794
- return $enabled_keys;
795
-
796
- }
797
-
798
- /**
799
- * Run PA Rollback
800
- *
801
- * Trigger PA Rollback actions
802
- *
803
- * @since 4.2.5
804
- * @access public
805
- */
806
- public function run_pa_rollback() {
807
-
808
- check_admin_referer( 'premium_addons_rollback' );
809
-
810
- $plugin_slug = basename( PREMIUM_ADDONS_FILE, '.php' );
811
-
812
- $pa_rollback = new PA_Rollback(
813
- array(
814
- 'version' => PREMIUM_ADDONS_STABLE_VERSION,
815
- 'plugin_name' => PREMIUM_ADDONS_BASENAME,
816
- 'plugin_slug' => $plugin_slug,
817
- 'package_url' => sprintf( 'https://downloads.wordpress.org/plugin/%s.%s.zip', $plugin_slug, PREMIUM_ADDONS_STABLE_VERSION ),
818
- )
819
- );
820
-
821
- $pa_rollback->run();
822
-
823
- wp_die(
824
- '',
825
- esc_html( __( 'Rollback to Previous Version', 'premium-addons-for-elementor' ) ),
826
- array(
827
- 'response' => 200,
828
- )
829
- );
830
-
831
- }
832
-
833
- /**
834
- * Disable unused widgets.
835
- *
836
- * @access public
837
- * @since 4.5.8
838
- */
839
- public function get_unused_widgets() {
840
-
841
- check_ajax_referer( 'pa-settings-tab', 'security' );
842
-
843
- if ( ! current_user_can( 'install_plugins' ) ) {
844
- wp_send_json_error();
845
- }
846
-
847
- $pa_elements = self::get_pa_elements_names();
848
-
849
- $used_widgets = self::get_used_widgets();
850
-
851
- $unused_widgets = array_diff( $pa_elements, array_keys( $used_widgets ) );
852
-
853
- wp_send_json_success( $unused_widgets );
854
-
855
- }
856
-
857
- /**
858
- * Get PA widget names.
859
- *
860
- * @access public
861
- * @since 4.5.8
862
- *
863
- * @return array
864
- */
865
- public static function get_pa_elements_names() {
866
-
867
- $names = self::$elements_names;
868
-
869
- if ( null === $names ) {
870
-
871
- $names = array_map(
872
- function( $item ) {
873
- return isset( $item['name'] ) && ! isset( $item['global'] ) ? $item['name'] : 'global';
874
- },
875
- self::get_elements_list()['cat-1']['elements']
876
- );
877
-
878
- $names = array_filter(
879
- $names,
880
- function( $name ) {
881
- return 'global' !== $name;
882
- }
883
- );
884
-
885
- }
886
-
887
- return $names;
888
- }
889
-
890
- /**
891
- * Get used widgets.
892
- *
893
- * @access public
894
- * @since 4.5.8
895
- *
896
- * @return array
897
- */
898
- public static function get_used_widgets() {
899
-
900
- $module = \Elementor\Modules\Usage\Module::instance();
901
- $elements = $module->get_formatted_usage( 'raw' );
902
-
903
- $pa_elements = self::get_pa_elements_names();
904
-
905
- $used_widgets = array();
906
-
907
- if ( is_array( $elements ) || is_object( $elements ) ) {
908
-
909
- foreach ( $elements as $post_type => $data ) {
910
-
911
- foreach ( $data['elements'] as $element => $count ) {
912
-
913
- if ( in_array( $element, $pa_elements, true ) ) {
914
-
915
- if ( isset( $used_widgets[ $element ] ) ) {
916
- $used_widgets[ $element ] += $count;
917
- } else {
918
- $used_widgets[ $element ] = $count;
919
- }
920
- }
921
- }
922
- }
923
- }
924
-
925
- return $used_widgets;
926
- }
927
-
928
- /**
929
- * Creates and returns an instance of the class
930
- *
931
- * @since 1.0.0
932
- * @access public
933
- *
934
- * @return object
935
- */
936
- public static function get_instance() {
937
-
938
- if ( ! isset( self::$instance ) ) {
939
-
940
- self::$instance = new self();
941
-
942
- }
943
-
944
- return self::$instance;
945
- }
946
- }
 
 
 
 
 
 
1
+ <?php
2
+ /**
3
+ * PA Admin Helper
4
+ */
5
+
6
+ namespace PremiumAddons\Admin\Includes;
7
+
8
+ use PremiumAddons\Includes\Helper_Functions;
9
+
10
+ if ( ! defined( 'ABSPATH' ) ) {
11
+ exit;
12
+ }
13
+
14
+ /**
15
+ * Class Admin_Helper
16
+ */
17
+ class Admin_Helper {
18
+
19
+ /**
20
+ * Admin settings tabs
21
+ *
22
+ * @var tabs
23
+ */
24
+ private static $tabs = null;
25
+
26
+ /**
27
+ * Class instance
28
+ *
29
+ * @var instance
30
+ */
31
+ private static $instance = null;
32
+
33
+ /**
34
+ * Premium Addons Settings Page Slug
35
+ *
36
+ * @var page_slug
37
+ */
38
+ protected $page_slug = 'premium-addons';
39
+
40
+ /**
41
+ * Current Screen ID
42
+ *
43
+ * @var current_screen
44
+ */
45
+ public static $current_screen = null;
46
+
47
+ /**
48
+ * Elements List
49
+ *
50
+ * @var elements_list
51
+ */
52
+ public static $elements_list = null;
53
+
54
+ /**
55
+ * Elements Names
56
+ *
57
+ * @var elements_names
58
+ */
59
+ public static $elements_names = null;
60
+
61
+ /**
62
+ * Integrations List
63
+ *
64
+ * @var integrations_list
65
+ */
66
+ public static $integrations_list = null;
67
+
68
+ /**
69
+ * Constructor for the class
70
+ */
71
+ public function __construct() {
72
+
73
+ // Get current screen ID.
74
+ add_action( 'current_screen', array( $this, 'get_current_screen' ) );
75
+
76
+ // Insert admin settings submenus.
77
+ $this->set_admin_tabs();
78
+ add_action( 'admin_menu', array( $this, 'add_menu_tabs' ), 100 );
79
+
80
+ // Enqueue required admin scripts.
81
+ add_action( 'admin_enqueue_scripts', array( $this, 'admin_enqueue_scripts' ) );
82
+
83
+ // Plugin Action Links.
84
+ add_filter( 'plugin_action_links_' . PREMIUM_ADDONS_BASENAME, array( $this, 'insert_action_links' ) );
85
+ add_filter( 'plugin_row_meta', array( $this, 'plugin_row_meta' ), 10, 2 );
86
+
87
+ // Register AJAX HOOKS.
88
+ add_action( 'wp_ajax_pa_save_global_btn', array( $this, 'save_global_btn_value' ) );
89
+ add_action( 'wp_ajax_pa_elements_settings', array( $this, 'save_settings' ) );
90
+ add_action( 'wp_ajax_pa_additional_settings', array( $this, 'save_additional_settings' ) );
91
+ add_action( 'wp_ajax_pa_get_unused_widgets', array( $this, 'get_unused_widgets' ) );
92
+
93
+ add_action( 'pa_before_render_admin_tabs', array( $this, 'render_dashboard_header' ) );
94
+
95
+ // Register Rollback hooks.
96
+ add_action( 'admin_post_premium_addons_rollback', array( $this, 'run_pa_rollback' ) );
97
+
98
+ // Beta_Testers::get_instance();
99
+
100
+ if ( is_admin() ) {
101
+ $current_page = $_SERVER['REQUEST_URI'];
102
+ if ( false === strpos( $current_page, 'action=elementor' ) ) {
103
+ Admin_Notices::get_instance();
104
+
105
+ // PA Duplicator.
106
+ if ( self::check_duplicator() ) {
107
+ Duplicator::get_instance();
108
+ }
109
+ }
110
+ }
111
+
112
+ }
113
+
114
+ /**
115
+ * Get Elements List
116
+ *
117
+ * Get a list of all the elements available in the plugin
118
+ *
119
+ * @since 3.20.9
120
+ * @access private
121
+ *
122
+ * @return array widget_list
123
+ */
124
+ private static function get_elements_list() {
125
+
126
+ if ( null === self::$elements_list ) {
127
+
128
+ self::$elements_list = require_once PREMIUM_ADDONS_PATH . 'admin/includes/elements.php';
129
+
130
+ }
131
+
132
+ return self::$elements_list;
133
+
134
+ }
135
+
136
+ /**
137
+ * Get Integrations List
138
+ *
139
+ * Get a list of all the integrations available in the plugin
140
+ *
141
+ * @since 3.20.9
142
+ * @access private
143
+ *
144
+ * @return array integrations_list
145
+ */
146
+ private static function get_integrations_list() {
147
+
148
+ if ( null === self::$integrations_list ) {
149
+
150
+ self::$integrations_list = array(
151
+ 'premium-map-api',
152
+ 'premium-youtube-api',
153
+ 'premium-map-disable-api',
154
+ 'premium-map-cluster',
155
+ 'premium-map-locale',
156
+ 'is-beta-tester',
157
+ );
158
+
159
+ }
160
+
161
+ return self::$integrations_list;
162
+
163
+ }
164
+
165
+ /**
166
+ * Admin Enqueue Scripts
167
+ *
168
+ * Enqueue the required assets on our admin pages
169
+ *
170
+ * @since 1.0.0
171
+ * @access public
172
+ */
173
+ public function admin_enqueue_scripts() {
174
+
175
+ wp_enqueue_style(
176
+ 'pa_admin_icon',
177
+ PREMIUM_ADDONS_URL . 'admin/assets/fonts/style.css',
178
+ array(),
179
+ PREMIUM_ADDONS_VERSION,
180
+ 'all'
181
+ );
182
+
183
+ $suffix = is_rtl() ? '-rtl' : '';
184
+
185
+ $current_screen = self::get_current_screen();
186
+
187
+ wp_enqueue_style(
188
+ 'pa-notice-css',
189
+ PREMIUM_ADDONS_URL . 'admin/assets/css/notice' . $suffix . '.css',
190
+ array(),
191
+ PREMIUM_ADDONS_VERSION,
192
+ 'all'
193
+ );
194
+
195
+ if ( strpos( $current_screen, $this->page_slug ) !== false ) {
196
+
197
+ wp_enqueue_style(
198
+ 'pa-admin-css',
199
+ PREMIUM_ADDONS_URL . 'admin/assets/css/admin' . $suffix . '.css',
200
+ array(),
201
+ PREMIUM_ADDONS_VERSION,
202
+ 'all'
203
+ );
204
+
205
+ wp_enqueue_style(
206
+ 'pa-sweetalert-style',
207
+ PREMIUM_ADDONS_URL . 'admin/assets/js/sweetalert2/sweetalert2.min.css',
208
+ array(),
209
+ PREMIUM_ADDONS_VERSION,
210
+ 'all'
211
+ );
212
+
213
+ wp_enqueue_script(
214
+ 'pa-admin',
215
+ PREMIUM_ADDONS_URL . 'admin/assets/js/admin.js',
216
+ array( 'jquery' ),
217
+ PREMIUM_ADDONS_VERSION,
218
+ true
219
+ );
220
+
221
+ wp_enqueue_script(
222
+ 'pa-sweetalert-core',
223
+ PREMIUM_ADDONS_URL . 'admin/assets/js/sweetalert2/core.js',
224
+ array( 'jquery' ),
225
+ PREMIUM_ADDONS_VERSION,
226
+ true
227
+ );
228
+
229
+ wp_enqueue_script(
230
+ 'pa-sweetalert',
231
+ PREMIUM_ADDONS_URL . 'admin/assets/js/sweetalert2/sweetalert2.min.js',
232
+ array( 'jquery', 'pa-sweetalert-core' ),
233
+ PREMIUM_ADDONS_VERSION,
234
+ true
235
+ );
236
+
237
+ $theme_slug = Helper_Functions::get_installed_theme();
238
+
239
+ $localized_data = array(
240
+ 'settings' => array(
241
+ 'ajaxurl' => admin_url( 'admin-ajax.php' ),
242
+ 'nonce' => wp_create_nonce( 'pa-settings-tab' ),
243
+ 'theme' => $theme_slug,
244
+ ),
245
+ 'premiumRollBackConfirm' => array(
246
+ 'home_url' => home_url(),
247
+ 'i18n' => array(
248
+ 'rollback_to_previous_version' => __( 'Rollback to Previous Version', 'premium-addons-for-elementor' ),
249
+ /* translators: %s: PA stable version */
250
+ 'rollback_confirm' => sprintf( __( 'Are you sure you want to reinstall version %s?', 'premium-addons-for-elementor' ), PREMIUM_ADDONS_STABLE_VERSION ),
251
+ 'yes' => __( 'Continue', 'premium-addons-for-elementor' ),
252
+ 'cancel' => __( 'Cancel', 'premium-addons-for-elementor' ),
253
+ ),
254
+ ),
255
+ );
256
+
257
+ // Add PAPRO Rollback Confirm message if PAPRO installed.
258
+ if ( Helper_Functions::check_papro_version() ) {
259
+ /* translators: %s: PA stable version */
260
+ $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 );
261
+ }
262
+
263
+ wp_localize_script( 'pa-admin', 'premiumAddonsSettings', $localized_data );
264
+
265
+ }
266
+ }
267
+
268
+ /**
269
+ * Insert action links.
270
+ *
271
+ * Adds action links to the plugin list table
272
+ *
273
+ * Fired by `plugin_action_links` filter.
274
+ *
275
+ * @param array $links plugin action links.
276
+ *
277
+ * @since 1.0.0
278
+ * @access public
279
+ */
280
+ public function insert_action_links( $links ) {
281
+
282
+ $papro_path = 'premium-addons-pro/premium-addons-pro-for-elementor.php';
283
+
284
+ $is_papro_installed = Helper_Functions::is_plugin_installed( $papro_path );
285
+
286
+ $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' ) );
287
+
288
+ $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 );
289
+
290
+ $new_links = array( $settings_link, $rollback_link );
291
+
292
+ if ( ! $is_papro_installed ) {
293
+
294
+ $link = Helper_Functions::get_campaign_link( 'https://premiumaddons.com/pro', 'plugins-page', 'wp-dash', 'get-pro' );
295
+
296
+ $pro_link = sprintf( '<a href="%s" target="_blank" style="color: #FF6000; font-weight: bold;">%s</a>', $link, __( 'Go Pro', 'premium-addons-for-elementor' ) );
297
+ array_push( $new_links, $pro_link );
298
+ }
299
+
300
+ $new_links = array_merge( $links, $new_links );
301
+
302
+ return $new_links;
303
+ }
304
+
305
+ /**
306
+ * Plugin row meta.
307
+ *
308
+ * Extends plugin row meta links
309
+ *
310
+ * Fired by `plugin_row_meta` filter.
311
+ *
312
+ * @since 3.8.4
313
+ * @access public
314
+ *
315
+ * @param array $meta array of the plugin's metadata.
316
+ * @param string $file path to the plugin file.
317
+ *
318
+ * @return array An array of plugin row meta links.
319
+ */
320
+ public function plugin_row_meta( $meta, $file ) {
321
+
322
+ if ( Helper_Functions::is_hide_row_meta() ) {
323
+ return $meta;
324
+ }
325
+
326
+ if ( PREMIUM_ADDONS_BASENAME === $file ) {
327
+
328
+ $link = Helper_Functions::get_campaign_link( 'https://premiumaddons.com/support', 'plugins-page', 'wp-dash', 'get-support' );
329
+
330
+ $row_meta = array(
331
+ '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>',
332
+ '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>',
333
+ );
334
+
335
+ $meta = array_merge( $meta, $row_meta );
336
+ }
337
+
338
+ return $meta;
339
+
340
+ }
341
+
342
+ /**
343
+ * Gets current screen slug
344
+ *
345
+ * @since 3.3.8
346
+ * @access public
347
+ *
348
+ * @return string current screen slug
349
+ */
350
+ public static function get_current_screen() {
351
+
352
+ self::$current_screen = get_current_screen()->id;
353
+
354
+ return isset( self::$current_screen ) ? self::$current_screen : false;
355
+
356
+ }
357
+
358
+ /**
359
+ * Set Admin Tabs
360
+ *
361
+ * @access private
362
+ * @since 3.20.8
363
+ */
364
+ private function set_admin_tabs() {
365
+
366
+ $slug = $this->page_slug;
367
+
368
+ self::$tabs = array(
369
+ 'general' => array(
370
+ 'id' => 'general',
371
+ 'slug' => $slug . '#tab=general',
372
+ 'title' => __( 'General', 'premium-addons-for-elementor' ),
373
+ 'href' => '#tab=general',
374
+ 'template' => PREMIUM_ADDONS_PATH . 'admin/includes/templates/general',
375
+ ),
376
+ 'elements' => array(
377
+ 'id' => 'elements',
378
+ 'slug' => $slug . '#tab=elements',
379
+ 'title' => __( 'Widgets & Add-ons', 'premium-addons-for-elementor' ),
380
+ 'href' => '#tab=elements',
381
+ 'template' => PREMIUM_ADDONS_PATH . 'admin/includes/templates/modules-settings',
382
+ ),
383
+ 'features' => array(
384
+ 'id' => 'features',
385
+ 'slug' => $slug . '#tab=features',
386
+ 'title' => __( 'Features', 'premium-addons-for-elementor' ),
387
+ 'href' => '#tab=features',
388
+ 'template' => PREMIUM_ADDONS_PATH . 'admin/includes/templates/features',
389
+ ),
390
+ 'integrations' => array(
391
+ 'id' => 'integrations',
392
+ 'slug' => $slug . '#tab=integrations',
393
+ 'title' => __( 'Integrations', 'premium-addons-for-elementor' ),
394
+ 'href' => '#tab=integrations',
395
+ 'template' => PREMIUM_ADDONS_PATH . 'admin/includes/templates/integrations',
396
+ ),
397
+ 'version-control' => array(
398
+ 'id' => 'vcontrol',
399
+ 'slug' => $slug . '#tab=vcontrol',
400
+ 'title' => __( 'Version Control', 'premium-addons-for-elementor' ),
401
+ 'href' => '#tab=vcontrol',
402
+ 'template' => PREMIUM_ADDONS_PATH . 'admin/includes/templates/version-control',
403
+ ),
404
+ 'white-label' => array(
405
+ 'id' => 'white-label',
406
+ 'slug' => $slug . '#tab=white-label',
407
+ 'title' => __( 'White Labeling', 'premium-addons-for-elementor' ),
408
+ 'href' => '#tab=white-label',
409
+ 'template' => PREMIUM_ADDONS_PATH . 'admin/includes/templates/white-label',
410
+ ),
411
+ 'info' => array(
412
+ 'id' => 'system-info',
413
+ 'slug' => $slug . '#tab=system-info',
414
+ 'title' => __( 'System Info', 'premium-addons-for-elementor' ),
415
+ 'href' => '#tab=system-info',
416
+ 'template' => PREMIUM_ADDONS_PATH . 'admin/includes/templates/info',
417
+ ),
418
+ );
419
+
420
+ self::$tabs = apply_filters( 'pa_admin_register_tabs', self::$tabs );
421
+
422
+ }
423
+
424
+ /**
425
+ * Add Menu Tabs
426
+ *
427
+ * Create Submenu Page
428
+ *
429
+ * @since 3.20.9
430
+ * @access public
431
+ *
432
+ * @return void
433
+ */
434
+ public function add_menu_tabs() {
435
+
436
+ $plugin_name = Helper_Functions::name();
437
+
438
+ call_user_func(
439
+ 'add_menu_page',
440
+ $plugin_name,
441
+ $plugin_name,
442
+ 'manage_options',
443
+ $this->page_slug,
444
+ array( $this, 'render_setting_tabs' ),
445
+ '',
446
+ 100
447
+ );
448
+
449
+ foreach ( self::$tabs as $tab ) {
450
+
451
+ call_user_func(
452
+ 'add_submenu_page',
453
+ $this->page_slug,
454
+ $tab['title'],
455
+ $tab['title'],
456
+ 'manage_options',
457
+ $tab['slug'],
458
+ '__return_null'
459
+ );
460
+ }
461
+
462
+ remove_submenu_page( $this->page_slug, $this->page_slug );
463
+ }
464
+
465
+ /**
466
+ * Render Setting Tabs
467
+ *
468
+ * Render the final HTML content for admin setting tabs
469
+ *
470
+ * @access public
471
+ * @since 3.20.8
472
+ */
473
+ public function render_setting_tabs() {
474
+
475
+ ?>
476
+ <div class="pa-settings-wrap">
477
+ <?php do_action( 'pa_before_render_admin_tabs' ); ?>
478
+ <div class="pa-settings-tabs">
479
+ <ul class="pa-settings-tabs-list">
480
+ <?php
481
+ foreach ( self::$tabs as $key => $tab ) {
482
+ $link = '<li class="pa-settings-tab">';
483
+ $link .= '<a id="pa-tab-link-' . esc_attr( $tab['id'] ) . '"';
484
+ $link .= ' href="' . esc_url( $tab['href'] ) . '">';
485
+ $link .= '<i class="pa-dash-' . esc_attr( $tab['id'] ) . '"></i>';
486
+ $link .= '<span>' . esc_html( $tab['title'] ) . '</span>';
487
+ $link .= '</a>';
488
+ $link .= '</li>';
489
+
490
+ echo $link;
491
+ }
492
+ ?>
493
+ </ul>
494
+ </div> <!-- Settings Tabs -->
495
+
496
+ <div class="pa-settings-sections">
497
+ <?php
498
+ foreach ( self::$tabs as $key => $tab ) {
499
+ echo wp_kses_post( '<div id="pa-section-' . $tab['id'] . '" class="pa-section pa-section-' . $key . '">' );
500
+ include_once $tab['template'] . '.php';
501
+ echo '</div>';
502
+ }
503
+ ?>
504
+ </div> <!-- Settings Sections -->
505
+ <?php do_action( 'pa_after_render_admin_tabs' ); ?>
506
+ </div> <!-- Settings Wrap -->
507
+ <?php
508
+ }
509
+
510
+ /**
511
+ * Render Dashboard Header
512
+ *
513
+ * @since 4.0.0
514
+ * @access public
515
+ */
516
+ public function render_dashboard_header() {
517
+
518
+ $url = Helper_Functions::get_campaign_link( 'https://premiumaddons.com/pro/', 'settings-page', 'wp-dash', 'dashboard' );
519
+
520
+ $show_logo = Helper_Functions::is_hide_logo();
521
+
522
+ ?>
523
+
524
+ <div class="papro-admin-notice">
525
+ <?php if ( ! $show_logo ) : ?>
526
+ <div class="papro-admin-notice-left">
527
+ <div class="papro-admin-notice-logo">
528
+ <img class="pa-notice-logo" src="<?php echo esc_attr( PREMIUM_ADDONS_URL . 'admin/images/papro-notice-logo.png' ); ?>">
529
+ </div>
530
+ <a href="https://premiumaddons.com" target="_blank"></a>
531
+ </div>
532
+ <?php endif; ?>
533
+
534
+ <?php if ( ! Helper_Functions::check_papro_version() ) : ?>
535
+ <div class="papro-admin-notice-right">
536
+ <div class="papro-admin-notice-info">
537
+ <h4>
538
+ <?php echo esc_html( __( 'Get Premium Addons PRO', 'premium-addons-for-elementor' ) ); ?>
539
+ </h4>
540
+ <p>
541
+ <?php
542
+ /* translators: %s: html tags */
543
+ 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>' ) );
544
+ ?>
545
+ </p>
546
+ </div>
547
+ <div class="papro-admin-notice-cta">
548
+ <a class="papro-notice-btn" href="<?php echo esc_url( $url ); ?>" target="_blank">
549
+ <?php echo esc_html( __( 'Get PRO', 'premium-addons-for-elementor' ) ); ?>
550
+ </a>
551
+ </div>
552
+ </div>
553
+ <?php endif; ?>
554
+ </div>
555
+
556
+ <?php
557
+ }
558
+
559
+ /**
560
+ * Save Settings
561
+ *
562
+ * Save elements settings using AJAX
563
+ *
564
+ * @access public
565
+ * @since 3.20.8
566
+ */
567
+ public function save_settings() {
568
+
569
+ check_ajax_referer( 'pa-settings-tab', 'security' );
570
+
571
+ if ( ! isset( $_POST['fields'] ) ) {
572
+ return;
573
+ }
574
+
575
+ parse_str( sanitize_text_field( $_POST['fields'] ), $settings );
576
+
577
+ $defaults = self::get_default_elements();
578
+
579
+ $elements = array_fill_keys( array_keys( array_intersect_key( $settings, $defaults ) ), true );
580
+
581
+ update_option( 'pa_save_settings', $elements );
582
+
583
+ wp_send_json_success();
584
+ }
585
+
586
+ /**
587
+ * Save Integrations Control Settings
588
+ *
589
+ * Stores integration and version control settings
590
+ *
591
+ * @since 3.20.8
592
+ * @access public
593
+ */
594
+ public function save_additional_settings() {
595
+
596
+ check_ajax_referer( 'pa-settings-tab', 'security' );
597
+
598
+ if ( ! isset( $_POST['fields'] ) ) {
599
+ return;
600
+ }
601
+
602
+ parse_str( sanitize_text_field( $_POST['fields'] ), $settings );
603
+
604
+ $new_settings = array(
605
+ 'premium-map-api' => sanitize_text_field( $settings['premium-map-api'] ),
606
+ 'premium-youtube-api' => sanitize_text_field( $settings['premium-youtube-api'] ),
607
+ 'premium-map-disable-api' => intval( $settings['premium-map-disable-api'] ? 1 : 0 ),
608
+ 'premium-map-cluster' => intval( $settings['premium-map-cluster'] ? 1 : 0 ),
609
+ 'premium-map-locale' => sanitize_text_field( $settings['premium-map-locale'] ),
610
+ 'is-beta-tester' => intval( $settings['is-beta-tester'] ? 1 : 0 ),
611
+ );
612
+
613
+ update_option( 'pa_maps_save_settings', $new_settings );
614
+
615
+ wp_send_json_success( $settings );
616
+
617
+ }
618
+
619
+ /**
620
+ * Save Global Button Value
621
+ *
622
+ * Saves value for elements global switcher
623
+ *
624
+ * @since 4.0.0
625
+ * @access public
626
+ */
627
+ public function save_global_btn_value() {
628
+
629
+ check_ajax_referer( 'pa-settings-tab', 'security' );
630
+
631
+ if ( ! isset( $_POST['isGlobalOn'] ) ) {
632
+ wp_send_json_error();
633
+ }
634
+
635
+ $global_btn_value = sanitize_text_field( $_POST['isGlobalOn'] );
636
+
637
+ update_option( 'pa_global_btn_value', $global_btn_value );
638
+
639
+ wp_send_json_success();
640
+
641
+ }
642
+
643
+ /**
644
+ * Get default Elements
645
+ *
646
+ * @since 3.20.9
647
+ * @access private
648
+ *
649
+ * @return $default_keys array keys defaults
650
+ */
651
+ private static function get_default_elements() {
652
+
653
+ $elements = self::get_elements_list();
654
+
655
+ $keys = array();
656
+
657
+ // Now, we need to fill our array with elements keys.
658
+ foreach ( $elements as $cat ) {
659
+ if ( count( $cat['elements'] ) ) {
660
+ foreach ( $cat['elements'] as $elem ) {
661
+ array_push( $keys, $elem['key'] );
662
+ }
663
+ }
664
+ }
665
+
666
+ $default_keys = array_fill_keys( $keys, true );
667
+
668
+ return $default_keys;
669
+
670
+ }
671
+
672
+ /**
673
+ * Get Pro Elements
674
+ *
675
+ * @since 4.5.3
676
+ * @access public
677
+ */
678
+ public static function get_pro_elements() {
679
+
680
+ $elements = self::get_elements_list();
681
+
682
+ $pro_elements = array();
683
+
684
+ $all_elements = $elements['cat-1'];
685
+
686
+ if ( count( $all_elements['elements'] ) ) {
687
+ foreach ( $all_elements['elements'] as $elem ) {
688
+ if ( isset( $elem['is_pro'] ) && ! isset( $elem['is_global'] ) ) {
689
+ array_push( $pro_elements, $elem );
690
+ }
691
+ }
692
+ }
693
+
694
+ return $pro_elements;
695
+
696
+ }
697
+
698
+ /**
699
+ * Get Default Interations
700
+ *
701
+ * @since 3.20.9
702
+ * @access private
703
+ *
704
+ * @return $default_keys array default keys
705
+ */
706
+ private static function get_default_integrations() {
707
+
708
+ $settings = self::get_integrations_list();
709
+
710
+ $default_keys = array_fill_keys( $settings, true );
711
+
712
+ // Beta Tester should NOT be enabled by default.
713
+ $default_keys['is-beta-tester'] = false;
714
+
715
+ return $default_keys;
716
+
717
+ }
718
+
719
+ /**
720
+ * Get enabled widgets
721
+ *
722
+ * @since 3.20.9
723
+ * @access public
724
+ *
725
+ * @return array $enabled_keys enabled elements
726
+ */
727
+ public static function get_enabled_elements() {
728
+
729
+ $defaults = self::get_default_elements();
730
+
731
+ $enabled_keys = get_option( 'pa_save_settings', $defaults );
732
+
733
+ foreach ( $defaults as $key => $value ) {
734
+ if ( ! isset( $enabled_keys[ $key ] ) ) {
735
+ $defaults[ $key ] = 0;
736
+ }
737
+ }
738
+
739
+ return $defaults;
740
+
741
+ }
742
+
743
+ /**
744
+ * Check If Premium Templates is enabled
745
+ *
746
+ * @since 3.6.0
747
+ * @access public
748
+ *
749
+ * @return boolean
750
+ */
751
+ public static function check_premium_templates() {
752
+
753
+ $settings = self::get_enabled_elements();
754
+
755
+ if ( ! isset( $settings['premium-templates'] ) ) {
756
+ return true;
757
+ }
758
+
759
+ $is_enabled = $settings['premium-templates'];
760
+
761
+ return $is_enabled;
762
+ }
763
+
764
+
765
+ /**
766
+ * Check If Premium Duplicator is enabled
767
+ *
768
+ * @since 3.20.9
769
+ * @access public
770
+ *
771
+ * @return boolean
772
+ */
773
+ public static function check_duplicator() {
774
+
775
+ $settings = self::get_enabled_elements();
776
+
777
+ if ( ! isset( $settings['premium-duplicator'] ) ) {
778
+ return true;
779
+ }
780
+
781
+ $is_enabled = $settings['premium-duplicator'];
782
+
783
+ return $is_enabled;
784
+ }
785
+
786
+ /**
787
+ * Get Integrations Settings
788
+ *
789
+ * Get plugin integrations settings
790
+ *
791
+ * @since 3.20.9
792
+ * @access public
793
+ *
794
+ * @return array $settings integrations settings
795
+ */
796
+ public static function get_integrations_settings() {
797
+
798
+ $enabled_keys = get_option( 'pa_maps_save_settings', self::get_default_integrations() );
799
+
800
+ return $enabled_keys;
801
+
802
+ }
803
+
804
+ /**
805
+ * Run PA Rollback
806
+ *
807
+ * Trigger PA Rollback actions
808
+ *
809
+ * @since 4.2.5
810
+ * @access public
811
+ */
812
+ public function run_pa_rollback() {
813
+
814
+ check_admin_referer( 'premium_addons_rollback' );
815
+
816
+ $plugin_slug = basename( PREMIUM_ADDONS_FILE, '.php' );
817
+
818
+ $pa_rollback = new PA_Rollback(
819
+ array(
820
+ 'version' => PREMIUM_ADDONS_STABLE_VERSION,
821
+ 'plugin_name' => PREMIUM_ADDONS_BASENAME,
822
+ 'plugin_slug' => $plugin_slug,
823
+ 'package_url' => sprintf( 'https://downloads.wordpress.org/plugin/%s.%s.zip', $plugin_slug, PREMIUM_ADDONS_STABLE_VERSION ),
824
+ )
825
+ );
826
+
827
+ $pa_rollback->run();
828
+
829
+ wp_die(
830
+ '',
831
+ esc_html( __( 'Rollback to Previous Version', 'premium-addons-for-elementor' ) ),
832
+ array(
833
+ 'response' => 200,
834
+ )
835
+ );
836
+
837
+ }
838
+
839
+ /**
840
+ * Disable unused widgets.
841
+ *
842
+ * @access public
843
+ * @since 4.5.8
844
+ */
845
+ public function get_unused_widgets() {
846
+
847
+ check_ajax_referer( 'pa-settings-tab', 'security' );
848
+
849
+ if ( ! current_user_can( 'install_plugins' ) ) {
850
+ wp_send_json_error();
851
+ }
852
+
853
+ $pa_elements = self::get_pa_elements_names();
854
+
855
+ $used_widgets = self::get_used_widgets();
856
+
857
+ $unused_widgets = array_diff( $pa_elements, array_keys( $used_widgets ) );
858
+
859
+ wp_send_json_success( $unused_widgets );
860
+
861
+ }
862
+
863
+ /**
864
+ * Get PA widget names.
865
+ *
866
+ * @access public
867
+ * @since 4.5.8
868
+ *
869
+ * @return array
870
+ */
871
+ public static function get_pa_elements_names() {
872
+
873
+ $names = self::$elements_names;
874
+
875
+ if ( null === $names ) {
876
+
877
+ $names = array_map(
878
+ function( $item ) {
879
+ return isset( $item['name'] ) ? $item['name'] : 'global';
880
+ },
881
+ self::get_elements_list()['cat-1']['elements']
882
+ );
883
+
884
+ $names = array_filter(
885
+ $names,
886
+ function( $name ) {
887
+ return 'global' !== $name;
888
+ }
889
+ );
890
+
891
+ }
892
+
893
+ return $names;
894
+ }
895
+
896
+ /**
897
+ * Get used widgets.
898
+ *
899
+ * @access public
900
+ * @since 4.5.8
901
+ *
902
+ * @return array
903
+ */
904
+ public static function get_used_widgets() {
905
+
906
+ $module = \Elementor\Modules\Usage\Module::instance();
907
+ $elements = $module->get_formatted_usage( 'raw' );
908
+
909
+ $pa_elements = self::get_pa_elements_names();
910
+
911
+ $used_widgets = array();
912
+
913
+ if ( is_array( $elements ) || is_object( $elements ) ) {
914
+
915
+ foreach ( $elements as $post_type => $data ) {
916
+
917
+ foreach ( $data['elements'] as $element => $count ) {
918
+
919
+ if ( in_array( $element, $pa_elements, true ) ) {
920
+
921
+ if ( isset( $used_widgets[ $element ] ) ) {
922
+ $used_widgets[ $element ] += $count;
923
+ } else {
924
+ $used_widgets[ $element ] = $count;
925
+ }
926
+ }
927
+ }
928
+ }
929
+ }
930
+
931
+ return $used_widgets;
932
+ }
933
+
934
+ /**
935
+ * Creates and returns an instance of the class
936
+ *
937
+ * @since 1.0.0
938
+ * @access public
939
+ *
940
+ * @return object
941
+ */
942
+ public static function get_instance() {
943
+
944
+ if ( ! isset( self::$instance ) ) {
945
+
946
+ self::$instance = new self();
947
+
948
+ }
949
+
950
+ return self::$instance;
951
+ }
952
+ }
admin/includes/admin-notices.php CHANGED
@@ -1,427 +1,436 @@
1
- <?php
2
-
3
- /**
4
- * PA Admin Notices.
5
- */
6
- namespace PremiumAddons\Admin\Includes;
7
-
8
- use PremiumAddons\Includes\Helper_Functions;
9
-
10
- if ( ! defined( 'ABSPATH' ) ) {
11
- exit();
12
- }
13
-
14
- /**
15
- * Class Admin_Notices
16
- */
17
- class Admin_Notices {
18
-
19
- /**
20
- * Class object
21
- *
22
- * @var instance
23
- */
24
- private static $instance = null;
25
-
26
- /**
27
- * Elementor slug
28
- *
29
- * @var elementor
30
- */
31
- private static $elementor = 'elementor';
32
-
33
- /**
34
- * PAPRO Slug
35
- *
36
- * @var papro
37
- */
38
- private static $papro = 'premium-addons-pro';
39
-
40
- /**
41
- * Notices Keys
42
- *
43
- * @var notices
44
- */
45
- private static $notices = null;
46
-
47
- /**
48
- * Constructor for the class
49
- */
50
- public function __construct() {
51
-
52
- add_action( 'admin_init', array( $this, 'init' ) );
53
-
54
- add_action( 'admin_notices', array( $this, 'admin_notices' ) );
55
-
56
- add_action( 'admin_enqueue_scripts', array( $this, 'admin_enqueue_scripts' ) );
57
-
58
- add_action( 'wp_ajax_pa_reset_admin_notice', array( $this, 'reset_admin_notice' ) );
59
-
60
- add_action( 'wp_ajax_pa_dismiss_admin_notice', array( $this, 'dismiss_admin_notice' ) );
61
-
62
- self::$notices = array(
63
- 'radius_notice',
64
- 'pa-review',
65
- );
66
-
67
- delete_option( 'trustpilot_notice' );
68
-
69
- }
70
-
71
- /**
72
- * init required functions
73
- */
74
- public function init() {
75
-
76
- $this->handle_review_notice();
77
-
78
- $this->handle_adv_radius_notice();
79
-
80
- }
81
-
82
- /**
83
- * init notices check functions
84
- */
85
- public function admin_notices() {
86
-
87
- $this->required_plugins_check();
88
-
89
- $cache_key = 'premium_notice_' . PREMIUM_ADDONS_VERSION;
90
-
91
- $response = get_transient( $cache_key );
92
-
93
- $show_review = get_option( 'pa_review_notice' );
94
-
95
- // Make sure Already did was not clicked before.
96
- if ( '1' !== $show_review ) {
97
- if ( false == $response ) {
98
- $this->get_review_notice();
99
- }
100
- }
101
-
102
- $this->get_adv_radius_notice();
103
-
104
- }
105
-
106
- /**
107
- * Handle Review Notice
108
- *
109
- * Checks if review message is dismissed.
110
- *
111
- * @access public
112
- * @return void
113
- */
114
- public function handle_review_notice() {
115
-
116
- if ( ! isset( $_GET['pa_review'] ) ) {
117
- return;
118
- }
119
-
120
- if ( 'opt_out' === $_GET['pa_review'] ) {
121
- check_admin_referer( 'opt_out' );
122
-
123
- update_option( 'pa_review_notice', '1' );
124
- }
125
-
126
- wp_redirect( remove_query_arg( 'pa_review' ) );
127
-
128
- exit;
129
- }
130
-
131
- /**
132
- * Checks if Advanced Radius message is dismissed.
133
- *
134
- * @since 4.3.5
135
- * @access public
136
- *
137
- * @return void
138
- */
139
- public function handle_adv_radius_notice() {
140
-
141
- if ( ! isset( $_GET['radius'] ) ) {
142
- return;
143
- }
144
-
145
- if ( 'opt_out' === $_GET['radius'] ) {
146
- check_admin_referer( 'opt_out' );
147
-
148
- update_option( 'radius_notice', '1' );
149
- }
150
-
151
- wp_redirect( remove_query_arg( 'radius' ) );
152
- exit;
153
- }
154
-
155
- /**
156
- * Required plugin check
157
- *
158
- * Shows an admin notice when Elementor is missing.
159
- *
160
- * @access public
161
- *
162
- * @return boolean
163
- */
164
- public function required_plugins_check() {
165
-
166
- $elementor_path = sprintf( '%1$s/%1$s.php', self::$elementor );
167
-
168
- if ( ! defined( 'ELEMENTOR_VERSION' ) ) {
169
-
170
- if ( ! Helper_Functions::is_plugin_installed( $elementor_path ) ) {
171
-
172
- if ( self::check_user_can( 'install_plugins' ) ) {
173
-
174
- $install_url = wp_nonce_url( self_admin_url( sprintf( 'update.php?action=install-plugin&plugin=%s', self::$elementor ) ), 'install-plugin_elementor' );
175
-
176
- $message = sprintf( '<p>%s</p>', __( 'Premium Addons for Elementor is not working because you need to Install Elementor plugin.', 'premium-addons-for-elementor' ) );
177
-
178
- $message .= sprintf( '<p><a href="%s" class="button-primary">%s</a></p>', $install_url, __( 'Install Now', 'premium-addons-for-elementor' ) );
179
-
180
- }
181
- } else {
182
- if ( self::check_user_can( 'activate_plugins' ) ) {
183
-
184
- $activation_url = wp_nonce_url( 'plugins.php?action=activate&amp;plugin=' . $elementor_path . '&amp;plugin_status=all&amp;paged=1&amp;s', 'activate-plugin_' . $elementor_path );
185
-
186
- $message = '<p>' . __( 'Premium Addons for Elementor is not working because you need to activate Elementor plugin.', 'premium-addons-for-elementor' ) . '</p>';
187
-
188
- $message .= '<p>' . sprintf( '<a href="%s" class="button-primary">%s</a>', $activation_url, __( 'Activate Now', 'premium-addons-for-elementor' ) ) . '</p>';
189
-
190
- }
191
- }
192
- $this->render_admin_notices( $message );
193
- }
194
- }
195
-
196
- /**
197
- * Gets admin review notice HTML
198
- *
199
- * @since 2.8.4
200
- * @return void
201
- */
202
- public function get_review_text( $review_url, $optout_url ) {
203
-
204
- $notice = sprintf(
205
- '<p>' . __( 'Can we take only 2 minutes of your time? We would be really grateful it if you give ', 'premium-addons-for-elementor' ) .
206
- '<b>' . __( 'Premium Addons for Elementor', 'premium-addons-for-elementor' ) . '</b> a 5 Stars Rating on WordPress.org. By speading the love, we can create even greater free stuff in the future!</p>
207
- <div>
208
- <a class="button button-primary" href="%s" target="_blank"><span>' . __( 'Leave a Review', 'premium-addons-for-elementor' ) . '</span></a>
209
- <a class="button" href="%2$s"><span>' . __( 'I Already Did', 'premium-addons-for-elementor' ) . '</span></a>
210
- <a class="button button-secondary pa-notice-reset"><span>' . __( 'Maybe Later', 'premium-addons-for-elementor' ) . '</span></a>
211
- </div>',
212
- $review_url,
213
- $optout_url
214
- );
215
-
216
- return $notice;
217
- }
218
-
219
- /**
220
- * Checks if review admin notice is dismissed
221
- *
222
- * @since 2.6.8
223
- * @return void
224
- */
225
- public function get_review_notice() {
226
-
227
- $review_url = 'https://wordpress.org/support/plugin/premium-addons-for-elementor/reviews/?filter=5';
228
-
229
- $optout_url = wp_nonce_url( add_query_arg( 'pa_review', 'opt_out' ), 'opt_out' );
230
- ?>
231
-
232
- <div class="error pa-notice-wrap pa-review-notice" data-notice="pa-review">
233
- <div class="pa-img-wrap">
234
- <img src="<?php echo PREMIUM_ADDONS_URL . 'admin/images/pa-logo-symbol.png'; ?>">
235
- </div>
236
- <div class="pa-text-wrap">
237
- <?php echo $this->get_review_text( $review_url, $optout_url ); ?>
238
- </div>
239
- <div class="pa-notice-close">
240
- <a href="<?php echo esc_url( $optout_url ); ?>"><span class="dashicons dashicons-dismiss"></span></a>
241
- </div>
242
- </div>
243
-
244
- <?php
245
-
246
- }
247
-
248
-
249
- /**
250
- *
251
- * Shows admin notice for Premium Advanced Radius.
252
- *
253
- * @since 4.3.5
254
- * @access public
255
- *
256
- * @return void
257
- */
258
- public function get_adv_radius_notice() {
259
-
260
- $radius_notice = get_option( 'radius_notice' );
261
-
262
- if ( '1' === $radius_notice ) {
263
- return;
264
- }
265
-
266
- $notice_url = Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/advanced-border-radius-for-elementor/', 'radius-notification', 'wp-dash', 'radius' );
267
-
268
- ?>
269
-
270
- <div class="error pa-notice-wrap pa-new-feature-notice">
271
- <div class="pa-img-wrap">
272
- <img src="<?php echo PREMIUM_ADDONS_URL . 'admin/images/pa-logo-symbol.png'; ?>">
273
- </div>
274
- <div class="pa-text-wrap">
275
- <p>
276
- <?php echo sprintf( __( 'You can now apply Advanced Border Radius values in <b>Premium Addons for Elementor</b>. <a href="%s" target="_blank">Check it out now!</a>', 'premium-addons-for-elementor' ), $notice_url ); ?>
277
- </p>
278
- </div>
279
- <div class="pa-notice-close" data-notice="radius">
280
- <span class="dashicons dashicons-dismiss"></span>
281
- </div>
282
- </div>
283
-
284
- <?php
285
- }
286
-
287
- /**
288
- * Checks user credentials for specific action
289
- *
290
- * @since 2.6.8
291
- *
292
- * @return boolean
293
- */
294
- public static function check_user_can( $action ) {
295
- return current_user_can( $action );
296
- }
297
-
298
- /**
299
- * Renders an admin notice error message
300
- *
301
- * @since 1.0.0
302
- * @access private
303
- *
304
- * @return void
305
- */
306
- private function render_admin_notices( $message, $class = '', $handle = '' ) {
307
- ?>
308
- <div class="error pa-new-feature-notice <?php echo $class; ?>" data-notice="<?php echo $handle; ?>">
309
- <?php echo $message; ?>
310
- </div>
311
- <?php
312
- }
313
-
314
- /*
315
- * Register admin scripts
316
- *
317
- * @since 3.2.8
318
- * @access public
319
- *
320
- */
321
- public function admin_enqueue_scripts() {
322
-
323
- wp_enqueue_script(
324
- 'pa-notice',
325
- PREMIUM_ADDONS_URL . 'admin/assets/js/pa-notice.js',
326
- array( 'jquery' ),
327
- PREMIUM_ADDONS_VERSION,
328
- true
329
- );
330
-
331
- wp_localize_script(
332
- 'pa-notice',
333
- 'PaNoticeSettings',
334
- array(
335
- 'ajaxurl' => esc_url( admin_url( 'admin-ajax.php' ) ),
336
- 'nonce' => wp_create_nonce( 'pa-notice-nonce' ),
337
- )
338
- );
339
-
340
- }
341
-
342
- /**
343
- * Set transient for admin notice
344
- *
345
- * @since 3.2.8
346
- * @access public
347
- *
348
- * @return void
349
- */
350
- public function reset_admin_notice() {
351
-
352
- check_ajax_referer( 'pa-notice-nonce', 'nonce' );
353
-
354
- if ( ! current_user_can( 'install_plugins' ) ) {
355
- wp_send_json_error();
356
- }
357
-
358
- $key = isset( $_POST['notice'] ) ? $_POST['notice'] : '';
359
-
360
- if ( ! empty( $key ) && in_array( $key, self::$notices, true ) ) {
361
-
362
- $cache_key = 'premium_notice_' . PREMIUM_ADDONS_VERSION;
363
-
364
- set_transient( $cache_key, true, WEEK_IN_SECONDS );
365
-
366
- wp_send_json_success();
367
-
368
- } else {
369
-
370
- wp_send_json_error();
371
-
372
- }
373
-
374
- }
375
-
376
- /**
377
- * Dismiss admin notice
378
- *
379
- * @since 3.11.7
380
- * @access public
381
- *
382
- * @return void
383
- */
384
- public function dismiss_admin_notice() {
385
-
386
- check_ajax_referer( 'pa-notice-nonce', 'nonce' );
387
-
388
- if ( ! current_user_can( 'install_plugins' ) ) {
389
- wp_send_json_error();
390
- }
391
-
392
- $key = isset( $_POST['notice'] ) ? $_POST['notice'] : '';
393
-
394
- if ( ! empty( $key ) && in_array( $key, self::$notices, true ) ) {
395
-
396
- update_option( $key, '1' );
397
-
398
- wp_send_json_success();
399
-
400
- } else {
401
-
402
- wp_send_json_error();
403
-
404
- }
405
-
406
- }
407
-
408
- /**
409
- * Creates and returns an instance of the class
410
- *
411
- * @since 2.8.4
412
- * @access public
413
- *
414
- * @return object
415
- */
416
- public static function get_instance() {
417
-
418
- if ( self::$instance == null ) {
419
-
420
- self::$instance = new self();
421
-
422
- }
423
-
424
- return self::$instance;
425
- }
426
-
427
- }
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+
3
+ /**
4
+ * PA Admin Notices.
5
+ */
6
+ namespace PremiumAddons\Admin\Includes;
7
+
8
+ use PremiumAddons\Includes\Helper_Functions;
9
+
10
+ if ( ! defined( 'ABSPATH' ) ) {
11
+ exit();
12
+ }
13
+
14
+ /**
15
+ * Class Admin_Notices
16
+ */
17
+ class Admin_Notices {
18
+
19
+ /**
20
+ * Class object
21
+ *
22
+ * @var instance
23
+ */
24
+ private static $instance = null;
25
+
26
+ /**
27
+ * Elementor slug
28
+ *
29
+ * @var elementor
30
+ */
31
+ private static $elementor = 'elementor';
32
+
33
+ /**
34
+ * PAPRO Slug
35
+ *
36
+ * @var papro
37
+ */
38
+ private static $papro = 'premium-addons-pro';
39
+
40
+ /**
41
+ * Notices Keys
42
+ *
43
+ * @var notices
44
+ */
45
+ private static $notices = null;
46
+
47
+ /**
48
+ * Constructor for the class
49
+ */
50
+ public function __construct() {
51
+
52
+ add_action( 'admin_init', array( $this, 'init' ) );
53
+
54
+ add_action( 'admin_notices', array( $this, 'admin_notices' ) );
55
+
56
+ add_action( 'admin_enqueue_scripts', array( $this, 'admin_enqueue_scripts' ) );
57
+
58
+ add_action( 'wp_ajax_pa_reset_admin_notice', array( $this, 'reset_admin_notice' ) );
59
+
60
+ add_action( 'wp_ajax_pa_dismiss_admin_notice', array( $this, 'dismiss_admin_notice' ) );
61
+
62
+ self::$notices = array(
63
+ 'halloween_notice',
64
+ 'pa-review',
65
+ );
66
+
67
+ delete_option( 'trustpilot_notice' );
68
+
69
+ }
70
+
71
+ /**
72
+ * init required functions
73
+ */
74
+ public function init() {
75
+
76
+ $this->handle_review_notice();
77
+
78
+ $this->handle_hs_notice();
79
+
80
+ }
81
+
82
+ /**
83
+ * init notices check functions
84
+ */
85
+ public function admin_notices() {
86
+
87
+ $this->required_plugins_check();
88
+
89
+ $cache_key = 'premium_notice_' . PREMIUM_ADDONS_VERSION;
90
+
91
+ $response = get_transient( $cache_key );
92
+
93
+ $show_review = get_option( 'pa_review_notice' );
94
+
95
+ // Make sure Already did was not clicked before.
96
+ if ( '1' !== $show_review ) {
97
+ if ( false == $response ) {
98
+ $this->get_review_notice();
99
+ }
100
+ }
101
+
102
+ $this->get_hs_notice();
103
+
104
+ }
105
+
106
+ /**
107
+ * Handle Review Notice
108
+ *
109
+ * Checks if review message is dismissed.
110
+ *
111
+ * @access public
112
+ * @return void
113
+ */
114
+ public function handle_review_notice() {
115
+
116
+ if ( ! isset( $_GET['pa_review'] ) ) {
117
+ return;
118
+ }
119
+
120
+ if ( 'opt_out' === $_GET['pa_review'] ) {
121
+ check_admin_referer( 'opt_out' );
122
+
123
+ update_option( 'pa_review_notice', '1' );
124
+ }
125
+
126
+ wp_redirect( remove_query_arg( 'pa_review' ) );
127
+
128
+ exit;
129
+ }
130
+
131
+ /**
132
+ * Checks if Halloween Sale message is dismissed.
133
+ *
134
+ * @since 4.5.9
135
+ * @access public
136
+ *
137
+ * @return void
138
+ */
139
+ public function handle_hs_notice() {
140
+
141
+ if ( ! isset( $_GET['halloween'] ) ) {
142
+ return;
143
+ }
144
+
145
+ if ( 'opt_out' === $_GET['halloween'] ) {
146
+ check_admin_referer( 'opt_out' );
147
+
148
+ update_option( 'halloween_notice', '1' );
149
+ }
150
+
151
+ wp_redirect( remove_query_arg( 'halloween' ) );
152
+ exit;
153
+ }
154
+
155
+ /**
156
+ * Required plugin check
157
+ *
158
+ * Shows an admin notice when Elementor is missing.
159
+ *
160
+ * @access public
161
+ *
162
+ * @return boolean
163
+ */
164
+ public function required_plugins_check() {
165
+
166
+ $elementor_path = sprintf( '%1$s/%1$s.php', self::$elementor );
167
+
168
+ if ( ! defined( 'ELEMENTOR_VERSION' ) ) {
169
+
170
+ if ( ! Helper_Functions::is_plugin_installed( $elementor_path ) ) {
171
+
172
+ if ( self::check_user_can( 'install_plugins' ) ) {
173
+
174
+ $install_url = wp_nonce_url( self_admin_url( sprintf( 'update.php?action=install-plugin&plugin=%s', self::$elementor ) ), 'install-plugin_elementor' );
175
+
176
+ $message = sprintf( '<p>%s</p>', __( 'Premium Addons for Elementor is not working because you need to Install Elementor plugin.', 'premium-addons-for-elementor' ) );
177
+
178
+ $message .= sprintf( '<p><a href="%s" class="button-primary">%s</a></p>', $install_url, __( 'Install Now', 'premium-addons-for-elementor' ) );
179
+
180
+ }
181
+ } else {
182
+ if ( self::check_user_can( 'activate_plugins' ) ) {
183
+
184
+ $activation_url = wp_nonce_url( 'plugins.php?action=activate&amp;plugin=' . $elementor_path . '&amp;plugin_status=all&amp;paged=1&amp;s', 'activate-plugin_' . $elementor_path );
185
+
186
+ $message = '<p>' . __( 'Premium Addons for Elementor is not working because you need to activate Elementor plugin.', 'premium-addons-for-elementor' ) . '</p>';
187
+
188
+ $message .= '<p>' . sprintf( '<a href="%s" class="button-primary">%s</a>', $activation_url, __( 'Activate Now', 'premium-addons-for-elementor' ) ) . '</p>';
189
+
190
+ }
191
+ }
192
+ $this->render_admin_notices( $message );
193
+ }
194
+ }
195
+
196
+ /**
197
+ * Gets admin review notice HTML
198
+ *
199
+ * @since 2.8.4
200
+ * @return void
201
+ */
202
+ public function get_review_text( $review_url, $optout_url ) {
203
+
204
+ $notice = sprintf(
205
+ '<p>' . __( 'Can we take only 2 minutes of your time? We would be really grateful it if you give ', 'premium-addons-for-elementor' ) .
206
+ '<b>' . __( 'Premium Addons for Elementor', 'premium-addons-for-elementor' ) . '</b> a 5 Stars Rating on WordPress.org. By speading the love, we can create even greater free stuff in the future!</p>
207
+ <div>
208
+ <a class="button button-primary" href="%s" target="_blank"><span>' . __( 'Leave a Review', 'premium-addons-for-elementor' ) . '</span></a>
209
+ <a class="button" href="%2$s"><span>' . __( 'I Already Did', 'premium-addons-for-elementor' ) . '</span></a>
210
+ <a class="button button-secondary pa-notice-reset"><span>' . __( 'Maybe Later', 'premium-addons-for-elementor' ) . '</span></a>
211
+ </div>',
212
+ $review_url,
213
+ $optout_url
214
+ );
215
+
216
+ return $notice;
217
+ }
218
+
219
+ /**
220
+ * Checks if review admin notice is dismissed
221
+ *
222
+ * @since 2.6.8
223
+ * @return void
224
+ */
225
+ public function get_review_notice() {
226
+
227
+ $review_url = 'https://wordpress.org/support/plugin/premium-addons-for-elementor/reviews/?filter=5';
228
+
229
+ $optout_url = wp_nonce_url( add_query_arg( 'pa_review', 'opt_out' ), 'opt_out' );
230
+ ?>
231
+
232
+ <div class="error pa-notice-wrap pa-review-notice" data-notice="pa-review">
233
+ <div class="pa-img-wrap">
234
+ <img src="<?php echo PREMIUM_ADDONS_URL . 'admin/images/pa-logo-symbol.png'; ?>">
235
+ </div>
236
+ <div class="pa-text-wrap">
237
+ <?php echo $this->get_review_text( $review_url, $optout_url ); ?>
238
+ </div>
239
+ <div class="pa-notice-close">
240
+ <a href="<?php echo esc_url( $optout_url ); ?>"><span class="dashicons dashicons-dismiss"></span></a>
241
+ </div>
242
+ </div>
243
+
244
+ <?php
245
+
246
+ }
247
+
248
+
249
+ /**
250
+ *
251
+ * Shows admin notice for Halloween Sale.
252
+ *
253
+ * @since 4.5.9
254
+ * @access public
255
+ *
256
+ * @return void
257
+ */
258
+ public function get_hs_notice() {
259
+
260
+ $papro_path = 'premium-addons-pro/premium-addons-pro-for-elementor.php';
261
+
262
+ $is_papro_installed = Helper_Functions::is_plugin_installed( $papro_path );
263
+
264
+ $license_status = get_option( 'papro_license_status' );
265
+
266
+ $hs_notice = get_option( 'halloween_notice' );
267
+
268
+ if ( ( $is_papro_installed && 'valid' === $license_status ) || '1' === $hs_notice ) {
269
+ return;
270
+ }
271
+
272
+ $link = Helper_Functions::get_campaign_link( 'https://premiumaddons.com/halloween-sale/', 'wp-dash', 'halloween-2021-notification', 'halloween-2021' );
273
+
274
+ ?>
275
+
276
+ <div class="error pa-notice-wrap pa-new-feature-notice pa-review-notice">
277
+ <div class="pa-img-wrap">
278
+ <img src="<?php echo PREMIUM_ADDONS_URL . 'admin/images/pa-logo-symbol.png'; ?>">
279
+ </div>
280
+ <div class="pa-text-wrap">
281
+ <p>
282
+ <?php echo __( 'Halloween Sale! Get <b>20% Discount</b> for a Limited Time Only', 'premium-addons-for-elementor' ); ?>
283
+ <a class="button button-primary" href="<?php echo esc_url( $link ); ?>" target="_blank">
284
+ <span><?php echo __( 'Get The Deal', 'premium-addons-for-elementor' ); ?></span>
285
+ </a>
286
+ </p>
287
+ </div>
288
+ <div class="pa-notice-close" data-notice="halloween">
289
+ <span class="dashicons dashicons-dismiss"></span>
290
+ </div>
291
+ </div>
292
+
293
+ <?php
294
+ }
295
+
296
+ /**
297
+ * Checks user credentials for specific action
298
+ *
299
+ * @since 2.6.8
300
+ *
301
+ * @return boolean
302
+ */
303
+ public static function check_user_can( $action ) {
304
+ return current_user_can( $action );
305
+ }
306
+
307
+ /**
308
+ * Renders an admin notice error message
309
+ *
310
+ * @since 1.0.0
311
+ * @access private
312
+ *
313
+ * @return void
314
+ */
315
+ private function render_admin_notices( $message, $class = '', $handle = '' ) {
316
+ ?>
317
+ <div class="error pa-new-feature-notice <?php echo $class; ?>" data-notice="<?php echo $handle; ?>">
318
+ <?php echo $message; ?>
319
+ </div>
320
+ <?php
321
+ }
322
+
323
+ /*
324
+ * Register admin scripts
325
+ *
326
+ * @since 3.2.8
327
+ * @access public
328
+ *
329
+ */
330
+ public function admin_enqueue_scripts() {
331
+
332
+ wp_enqueue_script(
333
+ 'pa-notice',
334
+ PREMIUM_ADDONS_URL . 'admin/assets/js/pa-notice.js',
335
+ array( 'jquery' ),
336
+ PREMIUM_ADDONS_VERSION,
337
+ true
338
+ );
339
+
340
+ wp_localize_script(
341
+ 'pa-notice',
342
+ 'PaNoticeSettings',
343
+ array(
344
+ 'ajaxurl' => esc_url( admin_url( 'admin-ajax.php' ) ),
345
+ 'nonce' => wp_create_nonce( 'pa-notice-nonce' ),
346
+ )
347
+ );
348
+
349
+ }
350
+
351
+ /**
352
+ * Set transient for admin notice
353
+ *
354
+ * @since 3.2.8
355
+ * @access public
356
+ *
357
+ * @return void
358
+ */
359
+ public function reset_admin_notice() {
360
+
361
+ check_ajax_referer( 'pa-notice-nonce', 'nonce' );
362
+
363
+ if ( ! current_user_can( 'manage_options' ) ) {
364
+ wp_send_json_error();
365
+ }
366
+
367
+ $key = isset( $_POST['notice'] ) ? $_POST['notice'] : '';
368
+
369
+ if ( ! empty( $key ) && in_array( $key, self::$notices, true ) ) {
370
+
371
+ $cache_key = 'premium_notice_' . PREMIUM_ADDONS_VERSION;
372
+
373
+ set_transient( $cache_key, true, WEEK_IN_SECONDS );
374
+
375
+ wp_send_json_success();
376
+
377
+ } else {
378
+
379
+ wp_send_json_error();
380
+
381
+ }
382
+
383
+ }
384
+
385
+ /**
386
+ * Dismiss admin notice
387
+ *
388
+ * @since 3.11.7
389
+ * @access public
390
+ *
391
+ * @return void
392
+ */
393
+ public function dismiss_admin_notice() {
394
+
395
+ check_ajax_referer( 'pa-notice-nonce', 'nonce' );
396
+
397
+ if ( ! current_user_can( 'manage_options' ) ) {
398
+ wp_send_json_error();
399
+ }
400
+
401
+ $key = isset( $_POST['notice'] ) ? $_POST['notice'] : '';
402
+
403
+ if ( ! empty( $key ) && in_array( $key, self::$notices, true ) ) {
404
+
405
+ update_option( $key, '1' );
406
+
407
+ wp_send_json_success();
408
+
409
+ } else {
410
+
411
+ wp_send_json_error();
412
+
413
+ }
414
+
415
+ }
416
+
417
+ /**
418
+ * Creates and returns an instance of the class
419
+ *
420
+ * @since 2.8.4
421
+ * @access public
422
+ *
423
+ * @return object
424
+ */
425
+ public static function get_instance() {
426
+
427
+ if ( self::$instance == null ) {
428
+
429
+ self::$instance = new self();
430
+
431
+ }
432
+
433
+ return self::$instance;
434
+ }
435
+
436
+ }
admin/includes/elements.php CHANGED
@@ -1,1063 +1,1068 @@
1
- <?php
2
- /**
3
- * PA Elements.
4
- */
5
-
6
- use PremiumAddons\Includes\Helper_Functions;
7
-
8
- $prefix = Helper_Functions::get_prefix();
9
-
10
- $elements = array(
11
- 'cat-1' => array(
12
- 'icon' => 'all',
13
- 'title' => __( 'All Widgets', 'premium-addons-for-elementor' ),
14
- 'elements' => array(
15
- array(
16
- 'key' => 'premium-lottie-widget',
17
- 'name' => 'premium-lottie',
18
- 'title' => __( 'Lottie Animations', 'premium-addons-for-elementor' ),
19
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-lottie-animations-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
20
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/lottie-animations-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
21
- 'tutorial' => 'https://www.youtube.com/watch?v=0QWzUpF57dw',
22
- ),
23
- array(
24
- 'key' => 'premium-carousel',
25
- 'name' => 'premium-carousel-widget',
26
- 'title' => __( 'Carousel', 'premium-addons-for-elementor' ),
27
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/carousel-widget-for-elementor-page-builder', 'settings-page', 'wp-dash', 'dashboard' ),
28
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/carousel/', 'settings-page', 'wp-dash', 'dashboard' ),
29
- 'tutorial' => 'https://www.youtube.com/watch?v=ZMgprLKvq24',
30
- ),
31
- array(
32
- 'key' => 'premium-blog',
33
- 'name' => 'premium-addon-blog',
34
- 'title' => __( 'Blog', 'premium-addons-for-elementor' ),
35
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/blog-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
36
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/blog/', 'settings-page', 'wp-dash', 'dashboard' ),
37
- ),
38
- array(
39
- 'key' => 'premium-maps',
40
- 'name' => 'premium-addon-maps',
41
- 'title' => __( 'Google Maps', 'premium-addons-for-elementor' ),
42
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/google-maps-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
43
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/google-maps/', 'settings-page', 'wp-dash', 'dashboard' ),
44
- 'tutorial' => 'https://www.youtube.com/watch?v=z4taEeCY77Q',
45
- ),
46
- array(
47
- 'key' => 'premium-person',
48
- 'name' => 'premium-addon-person',
49
- 'title' => __( 'Team Members', 'premium-addons-for-elementor' ),
50
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/persons-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
51
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/persons-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
52
- ),
53
- array(
54
- 'key' => 'premium-tabs',
55
- 'name' => 'premium-addon-tabs',
56
- 'title' => __( 'Tabs', 'premium-addons-for-elementor' ),
57
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-tabs-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
58
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/tabs-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
59
- 'is_pro' => true,
60
- 'icon' => 'pa-pro-tabs',
61
- 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-tabs-widget/', 'editor', 'wp-dash', 'get-pro' ),
62
- ),
63
- array(
64
- 'key' => 'premium-content-toggle',
65
- 'name' => 'premium-addon-content-toggle',
66
- 'title' => __( 'Content Switcher', 'premium-addons-for-elementor' ),
67
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/content-switcher-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
68
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/premium-content-switcher/', 'settings-page', 'wp-dash', 'dashboard' ),
69
- 'is_pro' => true,
70
- 'icon' => 'pa-pro-content-switcher',
71
- 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/content-switcher-widget-for-elementor-page-builder/', 'editor', 'wp-dash', 'get-pro' ),
72
- ),
73
- array(
74
- 'key' => 'premium-fancytext',
75
- 'name' => 'premium-addon-fancy-text',
76
- 'title' => __( 'Fancy Text', 'premium-addons-for-elementor' ),
77
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/fancy-text-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
78
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/fancy-text-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
79
- ),
80
- array(
81
- 'key' => 'premium-title',
82
- 'name' => 'premium-addon-title',
83
- 'title' => __( 'Heading', 'premium-addons-for-elementor' ),
84
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/heading-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
85
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/heading-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
86
- ),
87
- array(
88
- 'key' => 'premium-dual-header',
89
- 'name' => 'premium-addon-dual-header',
90
- 'title' => __( 'Dual Heading', 'premium-addons-for-elementor' ),
91
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/dual-header-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
92
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/dual-heading-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
93
- ),
94
- array(
95
- 'key' => 'premium-divider',
96
- 'name' => 'premium-divider',
97
- 'title' => __( 'Divider', 'premium-addons-for-elementor' ),
98
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/divider-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
99
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/divider-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
100
- 'is_pro' => true,
101
- 'icon' => 'pa-pro-separator',
102
- 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/divider-widget-for-elementor-page-builder/', 'editor', 'wp-dash', 'get-pro' ),
103
- ),
104
- array(
105
- 'key' => 'premium-grid',
106
- 'name' => 'premium-img-gallery',
107
- 'title' => __( 'Media Grid', 'premium-addons-for-elementor' ),
108
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/grid-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
109
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/grid/', 'settings-page', 'wp-dash', 'dashboard' ),
110
- ),
111
- array(
112
- 'key' => 'premium-image-scroll',
113
- 'name' => 'premium-image-scroll',
114
- 'title' => __( 'Image Scroll', 'premium-addons-for-elementor' ),
115
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-image-scroll-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
116
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/image-scroll-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
117
- ),
118
- array(
119
- 'key' => 'premium-image-separator',
120
- 'name' => 'premium-addon-image-separator',
121
- 'title' => __( 'Image Separator', 'premium-addons-for-elementor' ),
122
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/image-separator-widget-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
123
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/image-separator-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
124
- ),
125
- array(
126
- 'key' => 'premium-image-comparison',
127
- 'name' => 'premium-addon-image-comparison',
128
- 'title' => __( 'Image Comparison', 'premium-addons-for-elementor' ),
129
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/image-comparison-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
130
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/premium-image-comparison-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
131
- 'is_pro' => true,
132
- 'icon' => 'pa-pro-image-comparison',
133
- 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/image-comparison-widget-for-elementor-page-builder/', 'editor', 'wp-dash', 'get-pro' ),
134
- ),
135
- array(
136
- 'key' => 'premium-image-hotspots',
137
- 'name' => 'premium-addon-image-hotspots',
138
- 'title' => __( 'Image Hotspots', 'premium-addons-for-elementor' ),
139
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/image-hotspots-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
140
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/image-hotspots-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
141
- 'is_pro' => true,
142
- 'icon' => 'pa-pro-hot-spot',
143
- 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/image-hotspots-widget-for-elementor-page-builder/', 'editor', 'wp-dash', 'get-pro' ),
144
- ),
145
- array(
146
- 'key' => 'premium-img-layers',
147
- 'name' => 'premium-img-layers-addon',
148
- 'title' => __( 'Image Layers', 'premium-addons-for-elementor' ),
149
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/image-layers-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
150
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/image-layers/', 'settings-page', 'wp-dash', 'dashboard' ),
151
- 'tutorial' => 'https://www.youtube.com/watch?v=D3INxWw_jKI',
152
- 'is_pro' => true,
153
- 'icon' => 'pa-pro-image-layers',
154
- 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/image-layers-widget-for-elementor-page-builder/', 'editor', 'wp-dash', 'get-pro' ),
155
- ),
156
- array(
157
- 'key' => 'premium-image-accordion',
158
- 'name' => 'premium-image-accordion',
159
- 'title' => __( 'Image Accordion', 'premium-addons-for-elementor' ),
160
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-image-accordion-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
161
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/image-accordion-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
162
- 'is_pro' => true,
163
- 'icon' => 'pa-pro-image-accordion',
164
- 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-image-accordion-widget/', 'editor', 'wp-dash', 'get-pro' ),
165
- ),
166
- array(
167
- 'key' => 'premium-videobox',
168
- 'name' => 'premium-addon-video-box',
169
- 'title' => __( 'Video Box', 'premium-addons-for-elementor' ),
170
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/video-box-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
171
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/video-box/', 'settings-page', 'wp-dash', 'dashboard' ),
172
- ),
173
- array(
174
- 'key' => 'premium-hscroll',
175
- 'name' => 'premium-hscroll',
176
- 'title' => __( 'Horizontal Scroll', 'premium-addons-for-elementor' ),
177
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-horizontal-scroll-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
178
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/horizontal-scroll/', 'settings-page', 'wp-dash', 'dashboard' ),
179
- 'tutorial' => 'https://www.youtube.com/watch?v=4HqT_3s-ZXg',
180
- 'is_pro' => true,
181
- 'icon' => 'pa-pro-horizontal-scroll',
182
- 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-horizontal-scroll-widget/', 'editor', 'wp-dash', 'get-pro' ),
183
- ),
184
- array(
185
- 'key' => 'premium-vscroll',
186
- 'name' => 'premium-vscroll',
187
- 'title' => __( 'Vertical Scroll', 'premium-addons-for-elementor' ),
188
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/vertical-scroll-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
189
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/vertical-scroll-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
190
- 'tutorial' => 'https://www.youtube.com/watch?v=MuLaIn1QXfQ',
191
- ),
192
- array(
193
- 'key' => 'premium-color-transition',
194
- 'name' => 'premium-color-transition',
195
- 'title' => __( 'Background Transition', 'premium-addons-for-elementor' ),
196
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-background-transition-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
197
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/background-transition-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
198
- 'is_pro' => true,
199
- 'icon' => 'pa-pro-color-transition',
200
- 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-background-transition-widget/', 'editor', 'wp-dash', 'get-pro' ),
201
- ),
202
- array(
203
- 'key' => 'premium-multi-scroll',
204
- 'name' => 'premium-multi-scroll',
205
- 'title' => __( 'Multi Scroll', 'premium-addons-for-elementor' ),
206
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/multi-scroll-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
207
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/multi-scroll-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
208
- 'tutorial' => 'https://www.youtube.com/watch?v=IzYnD6oDYXw',
209
- 'is_pro' => true,
210
- 'icon' => 'pa-pro-multi-scroll',
211
- 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/multi-scroll-widget-for-elementor-page-builder/', 'editor', 'wp-dash', 'get-pro' ),
212
- ),
213
- array(
214
- 'key' => 'premium-lottie',
215
- 'title' => __( 'Lottie Animations', 'premium-addons-for-elementor' ),
216
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-lottie-animations-section-addon/', 'settings-page', 'wp-dash', 'dashboard' ),
217
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/lottie-background/', 'settings-page', 'wp-dash', 'dashboard' ),
218
- 'tutorial' => 'https://www.youtube.com/watch?v=KVrenWNEdkY',
219
- 'is_pro' => true,
220
- 'is_global' => true,
221
- ),
222
- array(
223
- 'key' => 'premium-parallax',
224
- 'title' => __( 'Parallax', 'premium-addons-for-elementor' ),
225
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/parallax-section-addon-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
226
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/parallax-section-addon-tutorial-2/', 'settings-page', 'wp-dash', 'dashboard' ),
227
- 'tutorial' => 'https://www.youtube.com/watch?v=hkMNjxLoZ2w',
228
- 'is_pro' => true,
229
- 'is_global' => true,
230
- ),
231
- array(
232
- 'key' => 'premium-particles',
233
- 'title' => __( 'Particles', 'premium-addons-for-elementor' ),
234
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/particles-section-addon-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
235
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/particles/', 'settings-page', 'wp-dash', 'dashboard' ),
236
- 'tutorial' => 'https://www.youtube.com/watch?v=bPmWKv4VWrI',
237
- 'is_pro' => true,
238
- 'is_global' => true,
239
- ),
240
- array(
241
- 'key' => 'premium-gradient',
242
- 'title' => __( 'Animated Gradient', 'premium-addons-for-elementor' ),
243
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/animated-section-gradients-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
244
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/animated-gradient-section-addon-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
245
- 'tutorial' => 'https://www.youtube.com/watch?v=IL4USvwR6K4',
246
- 'is_pro' => true,
247
- 'is_global' => true,
248
- ),
249
- array(
250
- 'key' => 'premium-kenburns',
251
- 'title' => __( 'Animated Ken Burns', 'premium-addons-for-elementor' ),
252
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/ken-burns-section-addon-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
253
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/ken-burns-section-addon-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
254
- 'tutorial' => 'https://www.youtube.com/watch?v=DUNFjWphZfs',
255
- 'is_pro' => true,
256
- 'is_global' => true,
257
- ),
258
- array(
259
- 'key' => 'premium-modalbox',
260
- 'name' => 'premium-addon-modal-box',
261
- 'title' => __( 'Modal Box', 'premium-addons-for-elementor' ),
262
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/modal-box-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
263
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/modal-box/', 'settings-page', 'wp-dash', 'dashboard' ),
264
- 'tutorial' => 'https://www.youtube.com/watch?v=3lLxSyf2nyk',
265
- ),
266
- array(
267
- 'key' => 'premium-notbar',
268
- 'name' => 'premium-notbar',
269
- 'title' => __( 'Alert Box', 'premium-addons-for-elementor' ),
270
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/alert-box-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
271
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/alert-box-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
272
- 'is_pro' => true,
273
- 'icon' => 'pa-pro-notification-bar',
274
- 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/alert-box-widget-for-elementor-page-builder/', 'editor', 'wp-dash', 'get-pro' ),
275
- ),
276
- array(
277
- 'key' => 'premium-magic-section',
278
- 'name' => 'premium-addon-magic-section',
279
- 'title' => __( 'Magic Section', 'premium-addons-for-elementor' ),
280
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/magic-section-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
281
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/magic-section-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
282
- 'is_pro' => true,
283
- 'icon' => 'pa-pro-magic-section',
284
- 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/magic-section-widget-for-elementor-page-builder/', 'editor', 'wp-dash', 'get-pro' ),
285
- ),
286
- array(
287
- 'key' => 'premium-prev-img',
288
- 'name' => 'premium-addon-preview-image',
289
- 'title' => __( 'Preview Window', 'premium-addons-for-elementor' ),
290
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/preview-window-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
291
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/preview-window-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
292
- 'tutorial' => 'https://www.youtube.com/watch?v=EmptjFjrc4E',
293
- 'is_pro' => true,
294
- 'icon' => 'pa-pro-preview-window',
295
- 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/preview-window-widget-for-elementor-page-builder/', 'editor', 'wp-dash', 'get-pro' ),
296
- ),
297
- array(
298
- 'key' => 'premium-testimonials',
299
- 'name' => 'premium-addon-testimonials',
300
- 'title' => __( 'Testimonials', 'premium-addons-for-elementor' ),
301
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/testimonials-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
302
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/testimonials-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
303
- ),
304
- array(
305
- 'key' => 'premium-facebook-reviews',
306
- 'name' => 'premium-facebook-reviews',
307
- 'title' => __( 'Facebook Reviews', 'premium-addons-for-elementor' ),
308
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/facebook-reviews-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
309
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/facebook-reviews/', 'settings-page', 'wp-dash', 'dashboard' ),
310
- 'tutorial' => 'https://www.youtube.com/watch?v=zl-OFo3IFd8',
311
- 'is_pro' => true,
312
- 'icon' => 'pa-pro-facebook-reviews',
313
- 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/facebook-reviews-widget-for-elementor-page-builder/', 'editor', 'wp-dash', 'get-pro' ),
314
- ),
315
- array(
316
- 'key' => 'premium-google-reviews',
317
- 'name' => 'premium-google-reviews',
318
- 'title' => __( 'Google Reviews', 'premium-addons-for-elementor' ),
319
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/google-reviews-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
320
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/google-reviews/', 'settings-page', 'wp-dash', 'dashboard' ),
321
- 'tutorial' => 'https://www.youtube.com/watch?v=Z0EeGyD34Zk',
322
- 'is_pro' => true,
323
- 'icon' => 'pa-pro-google-reviews',
324
- 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/google-reviews-for-elementor-page-builder/', 'editor', 'wp-dash', 'get-pro' ),
325
- ),
326
- array(
327
- 'key' => 'premium-yelp-reviews',
328
- 'name' => 'premium-yelp-reviews',
329
- 'title' => __( 'Yelp Reviews', 'premium-addons-for-elementor' ),
330
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-yelp-reviews-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
331
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/yelp-reviews/', 'settings-page', 'wp-dash', 'dashboard' ),
332
- 'tutorial' => 'https://www.youtube.com/watch?v=5T-MveVFvns',
333
- 'is_pro' => true,
334
- 'icon' => 'pa-pro-yelp-reviews',
335
- 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-yelp-reviews-widget/', 'editor', 'wp-dash', 'get-pro' ),
336
- ),
337
- array(
338
- 'key' => 'premium-trustpilot-reviews',
339
- 'name' => 'premium-trustpilot-reviews',
340
- 'title' => __( 'Trustpilot Reviews', 'premium-addons-for-elementor' ),
341
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-trustpilot-reviews-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
342
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/elementor-trustpilot-reviews-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
343
- 'is_pro' => true,
344
- 'is_new' => true,
345
- 'icon' => 'pa-pro-trust-reviews',
346
- 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-trustpilot-reviews-widget/', 'editor', 'wp-dash', 'get-pro' ),
347
- ),
348
- array(
349
- 'key' => 'premium-countdown',
350
- 'name' => 'premium-countdown-timer',
351
- 'title' => __( 'Countdown', 'premium-addons-for-elementor' ),
352
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/countdown-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
353
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/countdown-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
354
- ),
355
- array(
356
- 'key' => 'premium-banner',
357
- 'name' => 'premium-addon-banner',
358
- 'title' => __( 'Banner', 'premium-addons-for-elementor' ),
359
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/banner-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
360
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/premium-banner-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
361
- ),
362
- array(
363
- 'key' => 'premium-button',
364
- 'name' => 'premium-addon-button',
365
- 'title' => __( 'Button', 'premium-addons-for-elementor' ),
366
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/button-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
367
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/button/', 'settings-page', 'wp-dash', 'dashboard' ),
368
- 'tutorial' => 'https://www.youtube.com/watch?v=w4NuCUkCIV4',
369
- ),
370
- array(
371
- 'key' => 'premium-image-button',
372
- 'name' => 'premium-addon-image-button',
373
- 'title' => __( 'Image Button', 'premium-addons-for-elementor' ),
374
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/image-button-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
375
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/image-button/', 'settings-page', 'wp-dash', 'dashboard' ),
376
- ),
377
- array(
378
- 'key' => 'premium-flipbox',
379
- 'name' => 'premium-addon-flip-box',
380
- 'title' => __( '3D Hover Box', 'premium-addons-for-elementor' ),
381
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/3d-hover-box-flip-box-widget-for-elementor/', 'settings-page', 'wp-dash', 'dashboard' ),
382
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/flip-box-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
383
- 'is_pro' => true,
384
- 'icon' => 'pa-pro-flip-box',
385
- 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/3d-hover-box-flip-box-widget-for-elementor/', 'editor', 'wp-dash', 'get-pro' ),
386
- ),
387
- array(
388
- 'key' => 'premium-iconbox',
389
- 'name' => 'premium-addon-icon-box',
390
- 'title' => __( 'Icon Box', 'premium-addons-for-elementor' ),
391
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/icon-box-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
392
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/icon-box-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
393
- 'is_pro' => true,
394
- 'icon' => 'pa-pro-icon-box',
395
- 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/icon-box-widget-for-elementor-page-builder/', 'editor', 'wp-dash', 'get-pro' ),
396
- ),
397
- array(
398
- 'key' => 'premium-ihover',
399
- 'name' => 'premium-ihover',
400
- 'title' => __( 'iHover', 'premium-addons-for-elementor' ),
401
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/ihover-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
402
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/premium-ihover-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
403
- 'is_pro' => true,
404
- 'icon' => 'pa-pro-ihover',
405
- 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/ihover-widget-for-elementor-page-builder/', 'editor', 'wp-dash', 'get-pro' ),
406
- ),
407
- array(
408
- 'key' => 'premium-unfold',
409
- 'name' => 'premium-unfold-addon',
410
- 'title' => __( 'Unfold', 'premium-addons-for-elementor' ),
411
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/unfold-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
412
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/premium-unfold-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
413
- 'is_pro' => true,
414
- 'icon' => 'pa-pro-unfold',
415
- 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/unfold-widget-for-elementor-page-builder/', 'editor', 'wp-dash', 'get-pro' ),
416
- ),
417
- array(
418
- 'key' => 'premium-icon-list',
419
- 'name' => 'premium-icon-list',
420
- 'title' => __( 'Bullet List', 'premium-addons-for-elementor' ),
421
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-bullet-list-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
422
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/bullet-list-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
423
- 'tutorial' => 'https://www.youtube.com/watch?v=MPeXJiZ14sI',
424
- ),
425
- array(
426
- 'key' => 'premium-facebook-feed',
427
- 'name' => 'premium-facebook-feed',
428
- 'title' => __( 'Facebook Feed', 'premium-addons-for-elementor' ),
429
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-facebook-feed-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
430
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/facebook-feed-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
431
- 'is_pro' => true,
432
- 'icon' => 'pa-pro-facebook-feed',
433
- 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-facebook-feed-widget/', 'editor', 'wp-dash', 'get-pro' ),
434
- ),
435
- array(
436
- 'key' => 'premium-twitter-feed',
437
- 'name' => 'premium-twitter-feed',
438
- 'title' => __( 'Twitter Feed', 'premium-addons-for-elementor' ),
439
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/twitter-feed-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
440
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/twitter-feed-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
441
- 'tutorial' => 'https://www.youtube.com/watch?v=wsurRDuR6pg',
442
- 'is_pro' => true,
443
- 'icon' => 'pa-pro-twitter-feed',
444
- 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/twitter-feed-widget-for-elementor-page-builder/', 'editor', 'wp-dash', 'get-pro' ),
445
- ),
446
- array(
447
- 'key' => 'premium-instagram-feed',
448
- 'name' => 'premium-addon-instagram-feed',
449
- 'title' => __( 'Instagram Feed', 'premium-addons-for-elementor' ),
450
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/instagram-feed-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
451
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/instagram-feed/', 'settings-page', 'wp-dash', 'dashboard' ),
452
- 'is_pro' => true,
453
- 'icon' => 'pa-pro-instagram-feed',
454
- 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/instagram-feed-widget-for-elementor-page-builder/', 'editor', 'wp-dash', 'get-pro' ),
455
- ),
456
- array(
457
- 'key' => 'premium-behance',
458
- 'name' => 'premium-behance-feed',
459
- 'title' => __( 'Behance Feed', 'premium-addons-for-elementor' ),
460
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/behance-feed-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
461
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/behance-feed-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
462
- 'tutorial' => 'https://www.youtube.com/watch?v=AXATK3oIXl0',
463
- 'is_pro' => true,
464
- 'icon' => 'pa-pro-behance-feed',
465
- 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/behance-feed-widget-for-elementor-page-builder/', 'editor', 'wp-dash', 'get-pro' ),
466
- ),
467
- array(
468
- 'key' => 'premium-progressbar',
469
- 'name' => 'premium-addon-progressbar',
470
- 'title' => __( 'Progress Bar', 'premium-addons-for-elementor' ),
471
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/progress-bar-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
472
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/premium-progress-bar-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
473
- 'tutorial' => 'https://www.youtube.com/watch?v=Y7xqwhgDQJg',
474
- ),
475
- array(
476
- 'key' => 'premium-pricing-table',
477
- 'name' => 'premium-addon-pricing-table',
478
- 'title' => __( 'Pricing Table', 'premium-addons-for-elementor' ),
479
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/pricing-table-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
480
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/pricing-table-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
481
- ),
482
- array(
483
- 'key' => 'premium-charts',
484
- 'name' => 'premium-chart',
485
- 'title' => __( 'Charts', 'premium-addons-for-elementor' ),
486
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/charts-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
487
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/charts-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
488
- 'tutorial' => 'https://www.youtube.com/watch?v=lZZvslQ2UYU',
489
- 'is_pro' => true,
490
- 'icon' => 'pa-pro-charts',
491
- 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/charts-widget-for-elementor-page-builder/', 'editor', 'wp-dash', 'get-pro' ),
492
- ),
493
- array(
494
- 'key' => 'premium-tables',
495
- 'name' => 'premium-tables-addon',
496
- 'title' => __( 'Table', 'premium-addons-for-elementor' ),
497
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/table-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
498
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/table-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
499
- 'is_pro' => true,
500
- 'icon' => 'pa-pro-table',
501
- 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/table-widget-for-elementor-page-builder/', 'editor', 'wp-dash', 'get-pro' ),
502
- ),
503
- array(
504
- 'key' => 'premium-counter',
505
- 'name' => 'premium-counter',
506
- 'title' => __( 'Counter', 'premium-addons-for-elementor' ),
507
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/counter-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
508
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/counter-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
509
- ),
510
- array(
511
- 'key' => 'premium-contactform',
512
- 'name' => 'premium-contact-form',
513
- 'title' => __( 'Contact Form 7', 'premium-addons-for-elementor' ),
514
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/contact-form-7-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
515
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/contact-form-7-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
516
- ),
517
- array(
518
- 'key' => 'premium-fb-chat',
519
- 'name' => 'premium-addon-facebook-chat',
520
- 'title' => __( 'Facebook Messenger Chat', 'premium-addons-for-elementor' ),
521
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/facebook-messenger-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
522
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/facebook-messenger/', 'settings-page', 'wp-dash', 'dashboard' ),
523
- 'is_pro' => true,
524
- 'icon' => 'pa-pro-messenger-chat',
525
- 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/facebook-messenger-widget-for-elementor-page-builder/', 'editor', 'wp-dash', 'get-pro' ),
526
- ),
527
- array(
528
- 'key' => 'premium-whatsapp-chat',
529
- 'name' => 'premium-whatsapp-chat',
530
- 'title' => __( 'WhatsApp Chat', 'premium-addons-for-elementor' ),
531
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/whatsapp-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
532
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/whatsapp-chat-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
533
- 'is_pro' => true,
534
- 'icon' => 'pa-pro-whatsapp',
535
- 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/whatsapp-widget-for-elementor-page-builder/', 'editor', 'wp-dash', 'get-pro' ),
536
- ),
537
- ),
538
- ),
539
- 'cat-2' => array(
540
- 'icon' => 'content',
541
- 'title' => __( 'Content Widgets', 'premium-addons-for-elementor' ),
542
- 'elements' => array(
543
- array(
544
- 'key' => 'premium-carousel',
545
- 'name' => 'premium-carousel-widget',
546
- 'title' => __( 'Carousel', 'premium-addons-for-elementor' ),
547
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/carousel-widget-for-elementor-page-builder', 'settings-page', 'wp-dash', 'dashboard' ),
548
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/carousel/', 'settings-page', 'wp-dash', 'dashboard' ),
549
- 'tutorial' => 'https://www.youtube.com/watch?v=ZMgprLKvq24',
550
- ),
551
- array(
552
- 'key' => 'premium-blog',
553
- 'name' => 'premium-addon-blog',
554
- 'title' => __( 'Blog', 'premium-addons-for-elementor' ),
555
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/blog-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
556
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/blog/', 'settings-page', 'wp-dash', 'dashboard' ),
557
- ),
558
- array(
559
- 'key' => 'premium-maps',
560
- 'name' => 'premium-addon-maps',
561
- 'title' => __( 'Google Maps', 'premium-addons-for-elementor' ),
562
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/google-maps-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
563
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/google-maps/', 'settings-page', 'wp-dash', 'dashboard' ),
564
- 'tutorial' => 'https://www.youtube.com/watch?v=z4taEeCY77Q',
565
- ),
566
- array(
567
- 'key' => 'premium-person',
568
- 'name' => 'premium-addon-person',
569
- 'title' => __( 'Team Members', 'premium-addons-for-elementor' ),
570
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/persons-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
571
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/persons-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
572
- ),
573
- array(
574
- 'key' => 'premium-tabs',
575
- 'name' => 'premium-addon-tabs',
576
- 'title' => __( 'Tabs', 'premium-addons-for-elementor' ),
577
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-tabs-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
578
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/tabs-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
579
- 'is_pro' => true,
580
- ),
581
- array(
582
- 'key' => 'premium-content-toggle',
583
- 'name' => 'premium-addon-content-toggle',
584
- 'title' => __( 'Content Switcher', 'premium-addons-for-elementor' ),
585
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/content-switcher-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
586
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/premium-content-switcher/', 'settings-page', 'wp-dash', 'dashboard' ),
587
- 'is_pro' => true,
588
- ),
589
- array(
590
- 'key' => 'premium-fancytext',
591
- 'name' => 'premium-addon-fancy-text',
592
- 'title' => __( 'Fancy Text', 'premium-addons-for-elementor' ),
593
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/fancy-text-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
594
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/fancy-text-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
595
- ),
596
- array(
597
- 'key' => 'premium-title',
598
- 'name' => 'premium-addon-title',
599
- 'title' => __( 'Heading', 'premium-addons-for-elementor' ),
600
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/heading-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
601
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/heading-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
602
- ),
603
- array(
604
- 'key' => 'premium-dual-header',
605
- 'name' => 'premium-addon-dual-header',
606
- 'title' => __( 'Dual Heading', 'premium-addons-for-elementor' ),
607
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/dual-header-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
608
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/dual-heading-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
609
- ),
610
- array(
611
- 'key' => 'premium-divider',
612
- 'name' => 'premium-divider',
613
- 'title' => __( 'Divider', 'premium-addons-for-elementor' ),
614
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/divider-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
615
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/divider-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
616
- 'is_pro' => true,
617
- ),
618
- ),
619
- ),
620
- 'cat-3' => array(
621
- 'icon' => 'images',
622
- 'title' => __( 'Image & Video Widgets', 'premium-addons-for-elementor' ),
623
- 'elements' => array(
624
- array(
625
- 'key' => 'premium-grid',
626
- 'name' => 'premium-img-gallery',
627
- 'title' => __( 'Media Grid', 'premium-addons-for-elementor' ),
628
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/grid-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
629
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/grid-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
630
- ),
631
- array(
632
- 'key' => 'premium-image-scroll',
633
- 'name' => 'premium-image-scroll',
634
- 'title' => __( 'Image Scroll', 'premium-addons-for-elementor' ),
635
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-image-scroll-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
636
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/image-scroll-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
637
- ),
638
- array(
639
- 'key' => 'premium-image-separator',
640
- 'name' => 'premium-addon-image-separator',
641
- 'title' => __( 'Image Separator', 'premium-addons-for-elementor' ),
642
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/image-separator-widget-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
643
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/image-separator-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
644
- ),
645
- array(
646
- 'key' => 'premium-image-comparison',
647
- 'name' => 'premium-addon-image-comparison',
648
- 'title' => __( 'Image Comparison', 'premium-addons-for-elementor' ),
649
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/image-comparison-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
650
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/premium-image-comparison-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
651
- 'is_pro' => true,
652
- ),
653
- array(
654
- 'key' => 'premium-image-hotspots',
655
- 'name' => 'premium-addon-image-hotspots',
656
- 'title' => __( 'Image Hotspots', 'premium-addons-for-elementor' ),
657
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/image-hotspots-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
658
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/image-hotspots-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
659
- 'is_pro' => true,
660
- ),
661
- array(
662
- 'key' => 'premium-img-layers',
663
- 'name' => 'premium-img-layers-addon',
664
- 'title' => __( 'Image Layers', 'premium-addons-for-elementor' ),
665
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/image-layers-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
666
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/image-layers/', 'settings-page', 'wp-dash', 'dashboard' ),
667
- 'tutorial' => 'https://www.youtube.com/watch?v=D3INxWw_jKI',
668
- 'is_pro' => true,
669
- ),
670
- array(
671
- 'key' => 'premium-image-accordion',
672
- 'name' => 'premium-image-accordion',
673
- 'title' => __( 'Image Accordion', 'premium-addons-for-elementor' ),
674
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-image-accordion-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
675
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/image-accordion-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
676
- 'is_pro' => true,
677
- ),
678
- array(
679
- 'key' => 'premium-videobox',
680
- 'name' => 'premium-addon-video-box',
681
- 'title' => __( 'Video Box', 'premium-addons-for-elementor' ),
682
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/video-box-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
683
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/video-box/', 'settings-page', 'wp-dash', 'dashboard' ),
684
- ),
685
- ),
686
- ),
687
- 'cat-4' => array(
688
- 'icon' => 'section',
689
- 'title' => __( 'Section Addons & Widgets', 'premium-addons-for-elementor' ),
690
- 'elements' => array(
691
- array(
692
- 'key' => 'premium-hscroll',
693
- 'name' => 'premium-hscroll',
694
- 'title' => __( 'Horizontal Scroll', 'premium-addons-for-elementor' ),
695
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-horizontal-scroll-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
696
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/horizontal-scroll/', 'settings-page', 'wp-dash', 'dashboard' ),
697
- 'tutorial' => 'https://www.youtube.com/watch?v=4HqT_3s-ZXg',
698
- 'is_pro' => true,
699
- ),
700
- array(
701
- 'key' => 'premium-vscroll',
702
- 'name' => 'premium-vscroll',
703
- 'title' => __( 'Vertical Scroll', 'premium-addons-for-elementor' ),
704
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/vertical-scroll-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
705
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/vertical-scroll-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
706
- 'tutorial' => 'https://www.youtube.com/watch?v=MuLaIn1QXfQ',
707
- ),
708
- array(
709
- 'key' => 'premium-color-transition',
710
- 'name' => 'premium-color-transition',
711
- 'title' => __( 'Background Transition', 'premium-addons-for-elementor' ),
712
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-background-transition-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
713
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/background-transition-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
714
- 'is_pro' => true,
715
- ),
716
- array(
717
- 'key' => 'premium-multi-scroll',
718
- 'name' => 'premium-multi-scroll',
719
- 'title' => __( 'Multi Scroll', 'premium-addons-for-elementor' ),
720
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/multi-scroll-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
721
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/multi-scroll-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
722
- 'tutorial' => 'https://www.youtube.com/watch?v=IzYnD6oDYXw',
723
- 'is_pro' => true,
724
- ),
725
- array(
726
- 'key' => 'premium-lottie',
727
- 'title' => __( 'Lottie Animations', 'premium-addons-for-elementor' ),
728
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-lottie-animations-section-addon/', 'settings-page', 'wp-dash', 'dashboard' ),
729
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/lottie-background/', 'settings-page', 'wp-dash', 'dashboard' ),
730
- 'tutorial' => 'https://www.youtube.com/watch?v=KVrenWNEdkY',
731
- 'is_pro' => true,
732
- ),
733
- array(
734
- 'key' => 'premium-parallax',
735
- 'title' => __( 'Parallax', 'premium-addons-for-elementor' ),
736
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/parallax-section-addon-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
737
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/parallax-section-addon-tutorial-2/', 'settings-page', 'wp-dash', 'dashboard' ),
738
- 'tutorial' => 'https://www.youtube.com/watch?v=hkMNjxLoZ2w',
739
- 'is_pro' => true,
740
- ),
741
- array(
742
- 'key' => 'premium-particles',
743
- 'title' => __( 'Particles', 'premium-addons-for-elementor' ),
744
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/particles-section-addon-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
745
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/particles/', 'settings-page', 'wp-dash', 'dashboard' ),
746
- 'tutorial' => 'https://www.youtube.com/watch?v=bPmWKv4VWrI',
747
- 'is_pro' => true,
748
- ),
749
- array(
750
- 'key' => 'premium-gradient',
751
- 'title' => __( 'Animated Gradient', 'premium-addons-for-elementor' ),
752
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/animated-section-gradients-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
753
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/animated-gradient-section-addon-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
754
- 'tutorial' => 'https://www.youtube.com/watch?v=IL4USvwR6K4',
755
- 'is_pro' => true,
756
- ),
757
- array(
758
- 'key' => 'premium-kenburns',
759
- 'title' => __( 'Animated Ken Burns', 'premium-addons-for-elementor' ),
760
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/ken-burns-section-addon-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
761
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/ken-burns-section-addon-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
762
- 'tutorial' => 'https://www.youtube.com/watch?v=DUNFjWphZfs',
763
- 'is_pro' => true,
764
- ),
765
- ),
766
- ),
767
- 'cat-5' => array(
768
- 'icon' => 'off-grid',
769
- 'title' => __( 'Off-Grid Widgets', 'premium-addons-for-elementor' ),
770
- 'elements' => array(
771
- array(
772
- 'key' => 'premium-modalbox',
773
- 'name' => 'premium-addon-modal-box',
774
- 'title' => __( 'Modal Box', 'premium-addons-for-elementor' ),
775
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/modal-box-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
776
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/modal-box/', 'settings-page', 'wp-dash', 'dashboard' ),
777
- 'tutorial' => 'https://www.youtube.com/watch?v=3lLxSyf2nyk',
778
- ),
779
- array(
780
- 'key' => 'premium-notbar',
781
- 'name' => 'premium-notbar',
782
- 'title' => __( 'Alert Box', 'premium-addons-for-elementor' ),
783
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/alert-box-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
784
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/alert-box-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
785
- 'is_pro' => true,
786
- ),
787
- array(
788
- 'key' => 'premium-magic-section',
789
- 'name' => 'premium-addon-magic-section',
790
- 'title' => __( 'Magic Section', 'premium-addons-for-elementor' ),
791
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/magic-section-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
792
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/magic-section-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
793
- 'is_pro' => true,
794
- ),
795
- array(
796
- 'key' => 'premium-prev-img',
797
- 'name' => 'premium-addon-preview-image',
798
- 'title' => __( 'Preview Window', 'premium-addons-for-elementor' ),
799
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/preview-window-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
800
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/preview-window-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
801
- 'tutorial' => 'https://www.youtube.com/watch?v=EmptjFjrc4E',
802
- 'is_pro' => true,
803
- ),
804
- ),
805
- ),
806
- 'cat-6' => array(
807
- 'icon' => 'social',
808
- 'title' => __( 'Reviews & Testimonials Widgets', 'premium-addons-for-elementor' ),
809
- 'elements' => array(
810
- array(
811
- 'key' => 'premium-testimonials',
812
- 'name' => 'premium-addon-testimonials',
813
- 'title' => __( 'Testimonials', 'premium-addons-for-elementor' ),
814
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/testimonials-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
815
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/testimonials-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
816
- ),
817
- array(
818
- 'key' => 'premium-facebook-reviews',
819
- 'name' => 'premium-facebook-reviews',
820
- 'title' => __( 'Facebook Reviews', 'premium-addons-for-elementor' ),
821
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/facebook-reviews-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
822
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/facebook-reviews/', 'settings-page', 'wp-dash', 'dashboard' ),
823
- 'tutorial' => 'https://www.youtube.com/watch?v=zl-OFo3IFd8',
824
- 'is_pro' => true,
825
- ),
826
- array(
827
- 'key' => 'premium-google-reviews',
828
- 'name' => 'premium-google-reviews',
829
- 'title' => __( 'Google Reviews', 'premium-addons-for-elementor' ),
830
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/google-reviews-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
831
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/google-reviews/', 'settings-page', 'wp-dash', 'dashboard' ),
832
- 'tutorial' => 'https://www.youtube.com/watch?v=Z0EeGyD34Zk',
833
- 'is_pro' => true,
834
- ),
835
- array(
836
- 'key' => 'premium-yelp-reviews',
837
- 'name' => 'premium-yelp-reviews',
838
- 'title' => __( 'Yelp Reviews', 'premium-addons-for-elementor' ),
839
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-yelp-reviews-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
840
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/yelp-reviews/', 'settings-page', 'wp-dash', 'dashboard' ),
841
- 'tutorial' => 'https://www.youtube.com/watch?v=5T-MveVFvns',
842
- 'is_pro' => true,
843
- ),
844
- array(
845
- 'key' => 'premium-trustpilot-reviews',
846
- 'name' => 'premium-trustpilot-reviews',
847
- 'title' => __( 'Trustpilot Reviews', 'premium-addons-for-elementor' ),
848
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-trustpilot-reviews-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
849
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/elementor-trustpilot-reviews-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
850
- 'is_pro' => true,
851
- 'is_new' => true,
852
- ),
853
- ),
854
- ),
855
- 'cat-7' => array(
856
- 'icon' => 'blurbs',
857
- 'title' => __( 'Blurbs & CTA Widgets', 'premium-addons-for-elementor' ),
858
- 'elements' => array(
859
- array(
860
- 'key' => 'premium-countdown',
861
- 'name' => 'premium-countdown-timer',
862
- 'title' => __( 'Countdown', 'premium-addons-for-elementor' ),
863
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/countdown-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
864
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/countdown-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
865
- ),
866
- array(
867
- 'key' => 'premium-banner',
868
- 'name' => 'premium-addon-banner',
869
- 'title' => __( 'Banner', 'premium-addons-for-elementor' ),
870
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/banner-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
871
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/premium-banner-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
872
- ),
873
- array(
874
- 'key' => 'premium-button',
875
- 'name' => 'premium-addon-button',
876
- 'title' => __( 'Button', 'premium-addons-for-elementor' ),
877
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/button-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
878
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/button/', 'settings-page', 'wp-dash', 'dashboard' ),
879
- 'tutorial' => 'https://www.youtube.com/watch?v=w4NuCUkCIV4',
880
- ),
881
- array(
882
- 'key' => 'premium-image-button',
883
- 'title' => __( 'Image Button', 'premium-addons-for-elementor' ),
884
- 'name' => 'premium-addon-image-button',
885
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/image-button-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
886
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/image-button/', 'settings-page', 'wp-dash', 'dashboard' ),
887
- ),
888
- array(
889
- 'key' => 'premium-flipbox',
890
- 'name' => 'premium-addon-flip-box',
891
- 'title' => __( '3D Hover Box', 'premium-addons-for-elementor' ),
892
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/3d-hover-box-flip-box-widget-for-elementor/', 'settings-page', 'wp-dash', 'dashboard' ),
893
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/flip-box-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
894
- 'is_pro' => true,
895
- ),
896
- array(
897
- 'key' => 'premium-iconbox',
898
- 'name' => 'premium-addon-icon-box',
899
- 'title' => __( 'Icon Box', 'premium-addons-for-elementor' ),
900
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/icon-box-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
901
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/icon-box-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
902
- 'is_pro' => true,
903
- ),
904
- array(
905
- 'key' => 'premium-ihover',
906
- 'name' => 'premium-ihover',
907
- 'title' => __( 'iHover', 'premium-addons-for-elementor' ),
908
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/ihover-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
909
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/premium-ihover-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
910
- 'is_pro' => true,
911
- ),
912
- array(
913
- 'key' => 'premium-unfold',
914
- 'name' => 'premium-unfold-addon',
915
- 'title' => __( 'Unfold', 'premium-addons-for-elementor' ),
916
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/unfold-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
917
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/premium-unfold-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
918
- 'is_pro' => true,
919
- ),
920
- array(
921
- 'key' => 'premium-icon-list',
922
- 'name' => 'premium-icon-list',
923
- 'title' => __( 'Bullet List', 'premium-addons-for-elementor' ),
924
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-bullet-list-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
925
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/bullet-list-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
926
- 'tutorial' => 'https://www.youtube.com/watch?v=MPeXJiZ14sI',
927
- ),
928
- ),
929
- ),
930
- 'cat-8' => array(
931
- 'icon' => 'feed',
932
- 'title' => __( 'Social Feed Widgets', 'premium-addons-for-elementor' ),
933
- 'elements' => array(
934
- array(
935
- 'key' => 'premium-facebook-feed',
936
- 'name' => 'premium-facebook-feed',
937
- 'title' => __( 'Facebook Feed', 'premium-addons-for-elementor' ),
938
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-facebook-feed-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
939
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/facebook-feed-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
940
- 'is_pro' => true,
941
- ),
942
- array(
943
- 'key' => 'premium-twitter-feed',
944
- 'name' => 'premium-twitter-feed',
945
- 'title' => __( 'Twitter Feed', 'premium-addons-for-elementor' ),
946
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/twitter-feed-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
947
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/twitter-feed-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
948
- 'tutorial' => 'https://www.youtube.com/watch?v=wsurRDuR6pg',
949
- 'is_pro' => true,
950
- ),
951
- array(
952
- 'key' => 'premium-instagram-feed',
953
- 'name' => 'premium-addon-instagram-feed',
954
- 'title' => __( 'Instagram Feed', 'premium-addons-for-elementor' ),
955
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/instagram-feed-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
956
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/instagram-feed/', 'settings-page', 'wp-dash', 'dashboard' ),
957
- 'is_pro' => true,
958
- ),
959
- array(
960
- 'key' => 'premium-behance',
961
- 'name' => 'premium-behance-feed',
962
- 'title' => __( 'Behance Feed', 'premium-addons-for-elementor' ),
963
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/behance-feed-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
964
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/behance-feed-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
965
- 'tutorial' => 'https://www.youtube.com/watch?v=AXATK3oIXl0',
966
- 'is_pro' => true,
967
- ),
968
- ),
969
- ),
970
- 'cat-9' => array(
971
- 'icon' => 'data',
972
- 'title' => __( 'Tables, Charts & Anything Data Widgets', 'premium-addons-for-elementor' ),
973
- 'elements' => array(
974
- array(
975
- 'key' => 'premium-progressbar',
976
- 'name' => 'premium-addon-progressbar',
977
- 'title' => __( 'Progress Bar', 'premium-addons-for-elementor' ),
978
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/progress-bar-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
979
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/premium-progress-bar-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
980
- 'tutorial' => 'https://www.youtube.com/watch?v=Y7xqwhgDQJg',
981
- ),
982
- array(
983
- 'key' => 'premium-pricing-table',
984
- 'name' => 'premium-addon-pricing-table',
985
- 'title' => __( 'Pricing Table', 'premium-addons-for-elementor' ),
986
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/pricing-table-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
987
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/pricing-table-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
988
- ),
989
- array(
990
- 'key' => 'premium-charts',
991
- 'name' => 'premium-chart',
992
- 'title' => __( 'Charts', 'premium-addons-for-elementor' ),
993
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/charts-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
994
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/charts-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
995
- 'tutorial' => 'https://www.youtube.com/watch?v=lZZvslQ2UYU',
996
- 'is_pro' => true,
997
- ),
998
- array(
999
- 'key' => 'premium-tables',
1000
- 'name' => 'premium-tables-addon',
1001
- 'title' => __( 'Table', 'premium-addons-for-elementor' ),
1002
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/table-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
1003
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/table-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
1004
- 'is_pro' => true,
1005
- ),
1006
- array(
1007
- 'key' => 'premium-counter',
1008
- 'name' => 'premium-counter',
1009
- 'title' => __( 'Counter', 'premium-addons-for-elementor' ),
1010
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/counter-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
1011
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/counter-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
1012
- ),
1013
- ),
1014
- ),
1015
- 'cat-10' => array(
1016
- 'icon' => 'contact',
1017
- 'title' => __( 'Contact Widgets', 'premium-addons-for-elementor' ),
1018
- 'elements' => array(
1019
- array(
1020
- 'key' => 'premium-contactform',
1021
- 'name' => 'premium-contact-form',
1022
- 'title' => __( 'Contact Form 7', 'premium-addons-for-elementor' ),
1023
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/contact-form-7-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
1024
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/contact-form-7-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
1025
- ),
1026
- array(
1027
- 'key' => 'premium-fb-chat',
1028
- 'name' => 'premium-addon-facebook-chat',
1029
- 'title' => __( 'Facebook Messenger Chat', 'premium-addons-for-elementor' ),
1030
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/facebook-messenger-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
1031
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/facebook-messenger/', 'settings-page', 'wp-dash', 'dashboard' ),
1032
- 'is_pro' => true,
1033
- ),
1034
- array(
1035
- 'key' => 'premium-whatsapp-chat',
1036
- 'name' => 'premium-whatsapp-chat',
1037
- 'title' => __( 'WhatsApp Chat', 'premium-addons-for-elementor' ),
1038
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/whatsapp-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
1039
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/whatsapp-chat-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
1040
- 'is_pro' => true,
1041
- ),
1042
- ),
1043
- ),
1044
- 'cat-11' => array(
1045
- 'icon' => 'extensions',
1046
- 'elements' => array(
1047
- array(
1048
- 'key' => 'premium-templates',
1049
- ),
1050
- array(
1051
- 'key' => 'premium-cross-domain',
1052
- ),
1053
- array(
1054
- 'key' => 'premium-equal-height',
1055
- ),
1056
- array(
1057
- 'key' => 'premium-duplicator',
1058
- ),
1059
- ),
1060
- ),
1061
- );
1062
-
1063
- return $elements;
 
 
 
 
 
1
+ <?php
2
+ /**
3
+ * PA Elements.
4
+ */
5
+
6
+ use PremiumAddons\Includes\Helper_Functions;
7
+
8
+ $prefix = Helper_Functions::get_prefix();
9
+
10
+ $elements = array(
11
+ 'cat-1' => array(
12
+ 'icon' => 'all',
13
+ 'title' => __( 'All Widgets', 'premium-addons-for-elementor' ),
14
+ 'elements' => array(
15
+ array(
16
+ 'key' => 'premium-lottie-widget',
17
+ 'name' => 'premium-lottie',
18
+ 'title' => __( 'Lottie Animations', 'premium-addons-for-elementor' ),
19
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-lottie-animations-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
20
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/lottie-animations-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
21
+ 'tutorial' => 'https://www.youtube.com/watch?v=0QWzUpF57dw',
22
+ ),
23
+ array(
24
+ 'key' => 'premium-carousel',
25
+ 'name' => 'premium-carousel-widget',
26
+ 'title' => __( 'Carousel', 'premium-addons-for-elementor' ),
27
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/carousel-widget-for-elementor-page-builder', 'settings-page', 'wp-dash', 'dashboard' ),
28
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/carousel/', 'settings-page', 'wp-dash', 'dashboard' ),
29
+ 'tutorial' => 'https://www.youtube.com/watch?v=ZMgprLKvq24',
30
+ ),
31
+ array(
32
+ 'key' => 'premium-blog',
33
+ 'name' => 'premium-addon-blog',
34
+ 'title' => __( 'Blog', 'premium-addons-for-elementor' ),
35
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/blog-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
36
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/blog/', 'settings-page', 'wp-dash', 'dashboard' ),
37
+ ),
38
+ array(
39
+ 'key' => 'premium-maps',
40
+ 'name' => 'premium-addon-maps',
41
+ 'title' => __( 'Google Maps', 'premium-addons-for-elementor' ),
42
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/google-maps-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
43
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/google-maps/', 'settings-page', 'wp-dash', 'dashboard' ),
44
+ 'tutorial' => 'https://www.youtube.com/watch?v=z4taEeCY77Q',
45
+ ),
46
+ array(
47
+ 'key' => 'premium-person',
48
+ 'name' => 'premium-addon-person',
49
+ 'title' => __( 'Team Members', 'premium-addons-for-elementor' ),
50
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/persons-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
51
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/persons-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
52
+ ),
53
+ array(
54
+ 'key' => 'premium-tabs',
55
+ 'name' => 'premium-addon-tabs',
56
+ 'title' => __( 'Tabs', 'premium-addons-for-elementor' ),
57
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-tabs-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
58
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/tabs-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
59
+ 'is_pro' => true,
60
+ 'icon' => 'pa-pro-tabs',
61
+ 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-tabs-widget/', 'editor', 'wp-dash', 'get-pro' ),
62
+ ),
63
+ array(
64
+ 'key' => 'premium-content-toggle',
65
+ 'name' => 'premium-addon-content-toggle',
66
+ 'title' => __( 'Content Switcher', 'premium-addons-for-elementor' ),
67
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/content-switcher-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
68
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/premium-content-switcher/', 'settings-page', 'wp-dash', 'dashboard' ),
69
+ 'is_pro' => true,
70
+ 'icon' => 'pa-pro-content-switcher',
71
+ 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/content-switcher-widget-for-elementor-page-builder/', 'editor', 'wp-dash', 'get-pro' ),
72
+ ),
73
+ array(
74
+ 'key' => 'premium-fancytext',
75
+ 'name' => 'premium-addon-fancy-text',
76
+ 'title' => __( 'Fancy Text', 'premium-addons-for-elementor' ),
77
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/fancy-text-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
78
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/fancy-text-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
79
+ ),
80
+ array(
81
+ 'key' => 'premium-title',
82
+ 'name' => 'premium-addon-title',
83
+ 'title' => __( 'Heading', 'premium-addons-for-elementor' ),
84
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/heading-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
85
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/heading-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
86
+ ),
87
+ array(
88
+ 'key' => 'premium-dual-header',
89
+ 'name' => 'premium-addon-dual-header',
90
+ 'title' => __( 'Dual Heading', 'premium-addons-for-elementor' ),
91
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/dual-header-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
92
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/dual-heading-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
93
+ ),
94
+ array(
95
+ 'key' => 'premium-divider',
96
+ 'name' => 'premium-divider',
97
+ 'title' => __( 'Divider', 'premium-addons-for-elementor' ),
98
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/divider-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
99
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/divider-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
100
+ 'is_pro' => true,
101
+ 'icon' => 'pa-pro-separator',
102
+ 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/divider-widget-for-elementor-page-builder/', 'editor', 'wp-dash', 'get-pro' ),
103
+ ),
104
+ array(
105
+ 'key' => 'premium-grid',
106
+ 'name' => 'premium-img-gallery',
107
+ 'title' => __( 'Media Grid', 'premium-addons-for-elementor' ),
108
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/grid-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
109
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/grid/', 'settings-page', 'wp-dash', 'dashboard' ),
110
+ ),
111
+ array(
112
+ 'key' => 'premium-image-scroll',
113
+ 'name' => 'premium-image-scroll',
114
+ 'title' => __( 'Image Scroll', 'premium-addons-for-elementor' ),
115
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-image-scroll-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
116
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/image-scroll-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
117
+ ),
118
+ array(
119
+ 'key' => 'premium-image-separator',
120
+ 'name' => 'premium-addon-image-separator',
121
+ 'title' => __( 'Image Separator', 'premium-addons-for-elementor' ),
122
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/image-separator-widget-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
123
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/image-separator-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
124
+ ),
125
+ array(
126
+ 'key' => 'premium-image-comparison',
127
+ 'name' => 'premium-addon-image-comparison',
128
+ 'title' => __( 'Image Comparison', 'premium-addons-for-elementor' ),
129
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/image-comparison-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
130
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/premium-image-comparison-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
131
+ 'is_pro' => true,
132
+ 'icon' => 'pa-pro-image-comparison',
133
+ 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/image-comparison-widget-for-elementor-page-builder/', 'editor', 'wp-dash', 'get-pro' ),
134
+ ),
135
+ array(
136
+ 'key' => 'premium-image-hotspots',
137
+ 'name' => 'premium-addon-image-hotspots',
138
+ 'title' => __( 'Image Hotspots', 'premium-addons-for-elementor' ),
139
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/image-hotspots-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
140
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/image-hotspots-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
141
+ 'is_pro' => true,
142
+ 'icon' => 'pa-pro-hot-spot',
143
+ 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/image-hotspots-widget-for-elementor-page-builder/', 'editor', 'wp-dash', 'get-pro' ),
144
+ ),
145
+ array(
146
+ 'key' => 'premium-img-layers',
147
+ 'name' => 'premium-img-layers-addon',
148
+ 'title' => __( 'Image Layers', 'premium-addons-for-elementor' ),
149
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/image-layers-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
150
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/image-layers/', 'settings-page', 'wp-dash', 'dashboard' ),
151
+ 'tutorial' => 'https://www.youtube.com/watch?v=D3INxWw_jKI',
152
+ 'is_pro' => true,
153
+ 'icon' => 'pa-pro-image-layers',
154
+ 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/image-layers-widget-for-elementor-page-builder/', 'editor', 'wp-dash', 'get-pro' ),
155
+ ),
156
+ array(
157
+ 'key' => 'premium-image-accordion',
158
+ 'name' => 'premium-image-accordion',
159
+ 'title' => __( 'Image Accordion', 'premium-addons-for-elementor' ),
160
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-image-accordion-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
161
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/image-accordion-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
162
+ 'is_pro' => true,
163
+ 'icon' => 'pa-pro-image-accordion',
164
+ 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-image-accordion-widget/', 'editor', 'wp-dash', 'get-pro' ),
165
+ ),
166
+ array(
167
+ 'key' => 'premium-videobox',
168
+ 'name' => 'premium-addon-video-box',
169
+ 'title' => __( 'Video Box', 'premium-addons-for-elementor' ),
170
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/video-box-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
171
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/video-box/', 'settings-page', 'wp-dash', 'dashboard' ),
172
+ ),
173
+ array(
174
+ 'key' => 'premium-hscroll',
175
+ 'name' => 'premium-hscroll',
176
+ 'title' => __( 'Horizontal Scroll', 'premium-addons-for-elementor' ),
177
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-horizontal-scroll-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
178
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/horizontal-scroll/', 'settings-page', 'wp-dash', 'dashboard' ),
179
+ 'tutorial' => 'https://www.youtube.com/watch?v=4HqT_3s-ZXg',
180
+ 'is_pro' => true,
181
+ 'icon' => 'pa-pro-horizontal-scroll',
182
+ 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-horizontal-scroll-widget/', 'editor', 'wp-dash', 'get-pro' ),
183
+ ),
184
+ array(
185
+ 'key' => 'premium-vscroll',
186
+ 'name' => 'premium-vscroll',
187
+ 'title' => __( 'Vertical Scroll', 'premium-addons-for-elementor' ),
188
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/vertical-scroll-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
189
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/vertical-scroll-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
190
+ 'tutorial' => 'https://www.youtube.com/watch?v=MuLaIn1QXfQ',
191
+ ),
192
+ array(
193
+ 'key' => 'premium-color-transition',
194
+ 'name' => 'premium-color-transition',
195
+ 'title' => __( 'Background Transition', 'premium-addons-for-elementor' ),
196
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-background-transition-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
197
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/background-transition-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
198
+ 'is_pro' => true,
199
+ 'icon' => 'pa-pro-color-transition',
200
+ 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-background-transition-widget/', 'editor', 'wp-dash', 'get-pro' ),
201
+ ),
202
+ array(
203
+ 'key' => 'premium-multi-scroll',
204
+ 'name' => 'premium-multi-scroll',
205
+ 'title' => __( 'Multi Scroll', 'premium-addons-for-elementor' ),
206
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/multi-scroll-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
207
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/multi-scroll-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
208
+ 'tutorial' => 'https://www.youtube.com/watch?v=IzYnD6oDYXw',
209
+ 'is_pro' => true,
210
+ 'icon' => 'pa-pro-multi-scroll',
211
+ 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/multi-scroll-widget-for-elementor-page-builder/', 'editor', 'wp-dash', 'get-pro' ),
212
+ ),
213
+ array(
214
+ 'key' => 'premium-lottie',
215
+ 'title' => __( 'Lottie Animations', 'premium-addons-for-elementor' ),
216
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-lottie-animations-section-addon/', 'settings-page', 'wp-dash', 'dashboard' ),
217
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/lottie-background/', 'settings-page', 'wp-dash', 'dashboard' ),
218
+ 'tutorial' => 'https://www.youtube.com/watch?v=KVrenWNEdkY',
219
+ 'is_pro' => true,
220
+ 'is_global' => true,
221
+ ),
222
+ array(
223
+ 'key' => 'premium-parallax',
224
+ 'title' => __( 'Parallax', 'premium-addons-for-elementor' ),
225
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/parallax-section-addon-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
226
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/parallax-section-addon-tutorial-2/', 'settings-page', 'wp-dash', 'dashboard' ),
227
+ 'tutorial' => 'https://www.youtube.com/watch?v=hkMNjxLoZ2w',
228
+ 'is_pro' => true,
229
+ 'is_global' => true,
230
+ ),
231
+ array(
232
+ 'key' => 'premium-particles',
233
+ 'title' => __( 'Particles', 'premium-addons-for-elementor' ),
234
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/particles-section-addon-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
235
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/particles/', 'settings-page', 'wp-dash', 'dashboard' ),
236
+ 'tutorial' => 'https://www.youtube.com/watch?v=bPmWKv4VWrI',
237
+ 'is_pro' => true,
238
+ 'is_global' => true,
239
+ ),
240
+ array(
241
+ 'key' => 'premium-gradient',
242
+ 'title' => __( 'Animated Gradient', 'premium-addons-for-elementor' ),
243
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/animated-section-gradients-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
244
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/animated-gradient-section-addon-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
245
+ 'tutorial' => 'https://www.youtube.com/watch?v=IL4USvwR6K4',
246
+ 'is_pro' => true,
247
+ 'is_global' => true,
248
+ ),
249
+ array(
250
+ 'key' => 'premium-kenburns',
251
+ 'title' => __( 'Animated Ken Burns', 'premium-addons-for-elementor' ),
252
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/ken-burns-section-addon-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
253
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/ken-burns-section-addon-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
254
+ 'tutorial' => 'https://www.youtube.com/watch?v=DUNFjWphZfs',
255
+ 'is_pro' => true,
256
+ 'is_global' => true,
257
+ ),
258
+ array(
259
+ 'key' => 'premium-modalbox',
260
+ 'name' => 'premium-addon-modal-box',
261
+ 'title' => __( 'Modal Box', 'premium-addons-for-elementor' ),
262
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/modal-box-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
263
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/modal-box/', 'settings-page', 'wp-dash', 'dashboard' ),
264
+ 'tutorial' => 'https://www.youtube.com/watch?v=3lLxSyf2nyk',
265
+ ),
266
+ array(
267
+ 'key' => 'premium-notbar',
268
+ 'name' => 'premium-notbar',
269
+ 'title' => __( 'Alert Box', 'premium-addons-for-elementor' ),
270
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/alert-box-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
271
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/alert-box-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
272
+ 'is_pro' => true,
273
+ 'icon' => 'pa-pro-notification-bar',
274
+ 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/alert-box-widget-for-elementor-page-builder/', 'editor', 'wp-dash', 'get-pro' ),
275
+ ),
276
+ array(
277
+ 'key' => 'premium-magic-section',
278
+ 'name' => 'premium-addon-magic-section',
279
+ 'title' => __( 'Magic Section', 'premium-addons-for-elementor' ),
280
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/magic-section-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
281
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/magic-section-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
282
+ 'is_pro' => true,
283
+ 'icon' => 'pa-pro-magic-section',
284
+ 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/magic-section-widget-for-elementor-page-builder/', 'editor', 'wp-dash', 'get-pro' ),
285
+ ),
286
+ array(
287
+ 'key' => 'premium-prev-img',
288
+ 'name' => 'premium-addon-preview-image',
289
+ 'title' => __( 'Preview Window', 'premium-addons-for-elementor' ),
290
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/preview-window-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
291
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/preview-window-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
292
+ 'tutorial' => 'https://www.youtube.com/watch?v=EmptjFjrc4E',
293
+ 'is_pro' => true,
294
+ 'icon' => 'pa-pro-preview-window',
295
+ 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/preview-window-widget-for-elementor-page-builder/', 'editor', 'wp-dash', 'get-pro' ),
296
+ ),
297
+ array(
298
+ 'key' => 'premium-testimonials',
299
+ 'name' => 'premium-addon-testimonials',
300
+ 'title' => __( 'Testimonials', 'premium-addons-for-elementor' ),
301
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/testimonials-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
302
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/testimonials-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
303
+ ),
304
+ array(
305
+ 'key' => 'premium-facebook-reviews',
306
+ 'name' => 'premium-facebook-reviews',
307
+ 'title' => __( 'Facebook Reviews', 'premium-addons-for-elementor' ),
308
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/facebook-reviews-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
309
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/facebook-reviews/', 'settings-page', 'wp-dash', 'dashboard' ),
310
+ 'tutorial' => 'https://www.youtube.com/watch?v=zl-OFo3IFd8',
311
+ 'is_pro' => true,
312
+ 'icon' => 'pa-pro-facebook-reviews',
313
+ 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/facebook-reviews-widget-for-elementor-page-builder/', 'editor', 'wp-dash', 'get-pro' ),
314
+ ),
315
+ array(
316
+ 'key' => 'premium-google-reviews',
317
+ 'name' => 'premium-google-reviews',
318
+ 'title' => __( 'Google Reviews', 'premium-addons-for-elementor' ),
319
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/google-reviews-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
320
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/google-reviews/', 'settings-page', 'wp-dash', 'dashboard' ),
321
+ 'tutorial' => 'https://www.youtube.com/watch?v=Z0EeGyD34Zk',
322
+ 'is_pro' => true,
323
+ 'icon' => 'pa-pro-google-reviews',
324
+ 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/google-reviews-for-elementor-page-builder/', 'editor', 'wp-dash', 'get-pro' ),
325
+ ),
326
+ array(
327
+ 'key' => 'premium-yelp-reviews',
328
+ 'name' => 'premium-yelp-reviews',
329
+ 'title' => __( 'Yelp Reviews', 'premium-addons-for-elementor' ),
330
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-yelp-reviews-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
331
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/yelp-reviews/', 'settings-page', 'wp-dash', 'dashboard' ),
332
+ 'tutorial' => 'https://www.youtube.com/watch?v=5T-MveVFvns',
333
+ 'is_pro' => true,
334
+ 'icon' => 'pa-pro-yelp-reviews',
335
+ 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-yelp-reviews-widget/', 'editor', 'wp-dash', 'get-pro' ),
336
+ ),
337
+ array(
338
+ 'key' => 'premium-trustpilot-reviews',
339
+ 'name' => 'premium-trustpilot-reviews',
340
+ 'title' => __( 'Trustpilot Reviews', 'premium-addons-for-elementor' ),
341
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-trustpilot-reviews-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
342
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/elementor-trustpilot-reviews-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
343
+ 'is_pro' => true,
344
+ 'is_new' => true,
345
+ 'icon' => 'pa-pro-trust-reviews',
346
+ 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-trustpilot-reviews-widget/', 'editor', 'wp-dash', 'get-pro' ),
347
+ ),
348
+ array(
349
+ 'key' => 'premium-countdown',
350
+ 'name' => 'premium-countdown-timer',
351
+ 'title' => __( 'Countdown', 'premium-addons-for-elementor' ),
352
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/countdown-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
353
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/countdown-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
354
+ ),
355
+ array(
356
+ 'key' => 'premium-banner',
357
+ 'name' => 'premium-addon-banner',
358
+ 'title' => __( 'Banner', 'premium-addons-for-elementor' ),
359
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/banner-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
360
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/premium-banner-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
361
+ ),
362
+ array(
363
+ 'key' => 'premium-button',
364
+ 'name' => 'premium-addon-button',
365
+ 'title' => __( 'Button', 'premium-addons-for-elementor' ),
366
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/button-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
367
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/button/', 'settings-page', 'wp-dash', 'dashboard' ),
368
+ 'tutorial' => 'https://www.youtube.com/watch?v=w4NuCUkCIV4',
369
+ ),
370
+ array(
371
+ 'key' => 'premium-image-button',
372
+ 'name' => 'premium-addon-image-button',
373
+ 'title' => __( 'Image Button', 'premium-addons-for-elementor' ),
374
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/image-button-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
375
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/image-button/', 'settings-page', 'wp-dash', 'dashboard' ),
376
+ ),
377
+ array(
378
+ 'key' => 'premium-flipbox',
379
+ 'name' => 'premium-addon-flip-box',
380
+ 'title' => __( '3D Hover Box', 'premium-addons-for-elementor' ),
381
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/3d-hover-box-flip-box-widget-for-elementor/', 'settings-page', 'wp-dash', 'dashboard' ),
382
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/flip-box-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
383
+ 'is_pro' => true,
384
+ 'icon' => 'pa-pro-flip-box',
385
+ 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/3d-hover-box-flip-box-widget-for-elementor/', 'editor', 'wp-dash', 'get-pro' ),
386
+ ),
387
+ array(
388
+ 'key' => 'premium-iconbox',
389
+ 'name' => 'premium-addon-icon-box',
390
+ 'title' => __( 'Icon Box', 'premium-addons-for-elementor' ),
391
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/icon-box-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
392
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/icon-box-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
393
+ 'is_pro' => true,
394
+ 'icon' => 'pa-pro-icon-box',
395
+ 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/icon-box-widget-for-elementor-page-builder/', 'editor', 'wp-dash', 'get-pro' ),
396
+ ),
397
+ array(
398
+ 'key' => 'premium-ihover',
399
+ 'name' => 'premium-ihover',
400
+ 'title' => __( 'iHover', 'premium-addons-for-elementor' ),
401
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/ihover-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
402
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/premium-ihover-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
403
+ 'is_pro' => true,
404
+ 'icon' => 'pa-pro-ihover',
405
+ 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/ihover-widget-for-elementor-page-builder/', 'editor', 'wp-dash', 'get-pro' ),
406
+ ),
407
+ array(
408
+ 'key' => 'premium-unfold',
409
+ 'name' => 'premium-unfold-addon',
410
+ 'title' => __( 'Unfold', 'premium-addons-for-elementor' ),
411
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/unfold-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
412
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/premium-unfold-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
413
+ 'is_pro' => true,
414
+ 'icon' => 'pa-pro-unfold',
415
+ 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/unfold-widget-for-elementor-page-builder/', 'editor', 'wp-dash', 'get-pro' ),
416
+ ),
417
+ array(
418
+ 'key' => 'premium-icon-list',
419
+ 'name' => 'premium-icon-list',
420
+ 'title' => __( 'Bullet List', 'premium-addons-for-elementor' ),
421
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-bullet-list-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
422
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/bullet-list-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
423
+ 'tutorial' => 'https://www.youtube.com/watch?v=MPeXJiZ14sI',
424
+ ),
425
+ array(
426
+ 'key' => 'premium-facebook-feed',
427
+ 'name' => 'premium-facebook-feed',
428
+ 'title' => __( 'Facebook Feed', 'premium-addons-for-elementor' ),
429
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-facebook-feed-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
430
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/facebook-feed-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
431
+ 'is_pro' => true,
432
+ 'icon' => 'pa-pro-facebook-feed',
433
+ 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-facebook-feed-widget/', 'editor', 'wp-dash', 'get-pro' ),
434
+ ),
435
+ array(
436
+ 'key' => 'premium-twitter-feed',
437
+ 'name' => 'premium-twitter-feed',
438
+ 'title' => __( 'Twitter Feed', 'premium-addons-for-elementor' ),
439
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/twitter-feed-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
440
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/twitter-feed-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
441
+ 'tutorial' => 'https://www.youtube.com/watch?v=wsurRDuR6pg',
442
+ 'is_pro' => true,
443
+ 'icon' => 'pa-pro-twitter-feed',
444
+ 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/twitter-feed-widget-for-elementor-page-builder/', 'editor', 'wp-dash', 'get-pro' ),
445
+ ),
446
+ array(
447
+ 'key' => 'premium-instagram-feed',
448
+ 'name' => 'premium-addon-instagram-feed',
449
+ 'title' => __( 'Instagram Feed', 'premium-addons-for-elementor' ),
450
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/instagram-feed-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
451
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/instagram-feed/', 'settings-page', 'wp-dash', 'dashboard' ),
452
+ 'is_pro' => true,
453
+ 'icon' => 'pa-pro-instagram-feed',
454
+ 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/instagram-feed-widget-for-elementor-page-builder/', 'editor', 'wp-dash', 'get-pro' ),
455
+ ),
456
+ array(
457
+ 'key' => 'premium-behance',
458
+ 'name' => 'premium-behance-feed',
459
+ 'title' => __( 'Behance Feed', 'premium-addons-for-elementor' ),
460
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/behance-feed-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
461
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/behance-feed-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
462
+ 'tutorial' => 'https://www.youtube.com/watch?v=AXATK3oIXl0',
463
+ 'is_pro' => true,
464
+ 'icon' => 'pa-pro-behance-feed',
465
+ 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/behance-feed-widget-for-elementor-page-builder/', 'editor', 'wp-dash', 'get-pro' ),
466
+ ),
467
+ array(
468
+ 'key' => 'premium-progressbar',
469
+ 'name' => 'premium-addon-progressbar',
470
+ 'title' => __( 'Progress Bar', 'premium-addons-for-elementor' ),
471
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/progress-bar-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
472
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/premium-progress-bar-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
473
+ 'tutorial' => 'https://www.youtube.com/watch?v=Y7xqwhgDQJg',
474
+ ),
475
+ array(
476
+ 'key' => 'premium-pricing-table',
477
+ 'name' => 'premium-addon-pricing-table',
478
+ 'title' => __( 'Pricing Table', 'premium-addons-for-elementor' ),
479
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/pricing-table-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
480
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/pricing-table-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
481
+ ),
482
+ array(
483
+ 'key' => 'premium-charts',
484
+ 'name' => 'premium-chart',
485
+ 'title' => __( 'Charts', 'premium-addons-for-elementor' ),
486
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/charts-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
487
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/charts-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
488
+ 'tutorial' => 'https://www.youtube.com/watch?v=lZZvslQ2UYU',
489
+ 'is_pro' => true,
490
+ 'icon' => 'pa-pro-charts',
491
+ 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/charts-widget-for-elementor-page-builder/', 'editor', 'wp-dash', 'get-pro' ),
492
+ ),
493
+ array(
494
+ 'key' => 'premium-tables',
495
+ 'name' => 'premium-tables-addon',
496
+ 'title' => __( 'Table', 'premium-addons-for-elementor' ),
497
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/table-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
498
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/table-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
499
+ 'is_pro' => true,
500
+ 'icon' => 'pa-pro-table',
501
+ 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/table-widget-for-elementor-page-builder/', 'editor', 'wp-dash', 'get-pro' ),
502
+ ),
503
+ array(
504
+ 'key' => 'premium-counter',
505
+ 'name' => 'premium-counter',
506
+ 'title' => __( 'Counter', 'premium-addons-for-elementor' ),
507
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/counter-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
508
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/counter-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
509
+ ),
510
+ array(
511
+ 'key' => 'premium-contactform',
512
+ 'name' => 'premium-contact-form',
513
+ 'title' => __( 'Contact Form 7', 'premium-addons-for-elementor' ),
514
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/contact-form-7-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
515
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/contact-form-7-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
516
+ ),
517
+ array(
518
+ 'key' => 'premium-fb-chat',
519
+ 'name' => 'premium-addon-facebook-chat',
520
+ 'title' => __( 'Facebook Messenger Chat', 'premium-addons-for-elementor' ),
521
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/facebook-messenger-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
522
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/facebook-messenger/', 'settings-page', 'wp-dash', 'dashboard' ),
523
+ 'is_pro' => true,
524
+ 'icon' => 'pa-pro-messenger-chat',
525
+ 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/facebook-messenger-widget-for-elementor-page-builder/', 'editor', 'wp-dash', 'get-pro' ),
526
+ ),
527
+ array(
528
+ 'key' => 'premium-whatsapp-chat',
529
+ 'name' => 'premium-whatsapp-chat',
530
+ 'title' => __( 'WhatsApp Chat', 'premium-addons-for-elementor' ),
531
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/whatsapp-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
532
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/whatsapp-chat-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
533
+ 'is_pro' => true,
534
+ 'icon' => 'pa-pro-whatsapp',
535
+ 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/whatsapp-widget-for-elementor-page-builder/', 'editor', 'wp-dash', 'get-pro' ),
536
+ ),
537
+ ),
538
+ ),
539
+ 'cat-2' => array(
540
+ 'icon' => 'content',
541
+ 'title' => __( 'Content Widgets', 'premium-addons-for-elementor' ),
542
+ 'elements' => array(
543
+ array(
544
+ 'key' => 'premium-carousel',
545
+ 'name' => 'premium-carousel-widget',
546
+ 'title' => __( 'Carousel', 'premium-addons-for-elementor' ),
547
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/carousel-widget-for-elementor-page-builder', 'settings-page', 'wp-dash', 'dashboard' ),
548
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/carousel/', 'settings-page', 'wp-dash', 'dashboard' ),
549
+ 'tutorial' => 'https://www.youtube.com/watch?v=ZMgprLKvq24',
550
+ ),
551
+ array(
552
+ 'key' => 'premium-blog',
553
+ 'name' => 'premium-addon-blog',
554
+ 'title' => __( 'Blog', 'premium-addons-for-elementor' ),
555
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/blog-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
556
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/blog/', 'settings-page', 'wp-dash', 'dashboard' ),
557
+ ),
558
+ array(
559
+ 'key' => 'premium-maps',
560
+ 'name' => 'premium-addon-maps',
561
+ 'title' => __( 'Google Maps', 'premium-addons-for-elementor' ),
562
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/google-maps-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
563
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/google-maps/', 'settings-page', 'wp-dash', 'dashboard' ),
564
+ 'tutorial' => 'https://www.youtube.com/watch?v=z4taEeCY77Q',
565
+ ),
566
+ array(
567
+ 'key' => 'premium-person',
568
+ 'name' => 'premium-addon-person',
569
+ 'title' => __( 'Team Members', 'premium-addons-for-elementor' ),
570
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/persons-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
571
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/persons-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
572
+ ),
573
+ array(
574
+ 'key' => 'premium-tabs',
575
+ 'name' => 'premium-addon-tabs',
576
+ 'title' => __( 'Tabs', 'premium-addons-for-elementor' ),
577
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-tabs-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
578
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/tabs-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
579
+ 'is_pro' => true,
580
+ ),
581
+ array(
582
+ 'key' => 'premium-content-toggle',
583
+ 'name' => 'premium-addon-content-toggle',
584
+ 'title' => __( 'Content Switcher', 'premium-addons-for-elementor' ),
585
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/content-switcher-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
586
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/premium-content-switcher/', 'settings-page', 'wp-dash', 'dashboard' ),
587
+ 'is_pro' => true,
588
+ ),
589
+ array(
590
+ 'key' => 'premium-fancytext',
591
+ 'name' => 'premium-addon-fancy-text',
592
+ 'title' => __( 'Fancy Text', 'premium-addons-for-elementor' ),
593
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/fancy-text-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
594
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/fancy-text-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
595
+ ),
596
+ array(
597
+ 'key' => 'premium-title',
598
+ 'name' => 'premium-addon-title',
599
+ 'title' => __( 'Heading', 'premium-addons-for-elementor' ),
600
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/heading-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
601
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/heading-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
602
+ ),
603
+ array(
604
+ 'key' => 'premium-dual-header',
605
+ 'name' => 'premium-addon-dual-header',
606
+ 'title' => __( 'Dual Heading', 'premium-addons-for-elementor' ),
607
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/dual-header-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
608
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/dual-heading-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
609
+ ),
610
+ array(
611
+ 'key' => 'premium-divider',
612
+ 'name' => 'premium-divider',
613
+ 'title' => __( 'Divider', 'premium-addons-for-elementor' ),
614
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/divider-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
615
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/divider-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
616
+ 'is_pro' => true,
617
+ ),
618
+ ),
619
+ ),
620
+ 'cat-3' => array(
621
+ 'icon' => 'images',
622
+ 'title' => __( 'Image & Video Widgets', 'premium-addons-for-elementor' ),
623
+ 'elements' => array(
624
+ array(
625
+ 'key' => 'premium-grid',
626
+ 'name' => 'premium-img-gallery',
627
+ 'title' => __( 'Media Grid', 'premium-addons-for-elementor' ),
628
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/grid-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
629
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/grid-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
630
+ ),
631
+ array(
632
+ 'key' => 'premium-image-scroll',
633
+ 'name' => 'premium-image-scroll',
634
+ 'title' => __( 'Image Scroll', 'premium-addons-for-elementor' ),
635
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-image-scroll-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
636
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/image-scroll-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
637
+ ),
638
+ array(
639
+ 'key' => 'premium-image-separator',
640
+ 'name' => 'premium-addon-image-separator',
641
+ 'title' => __( 'Image Separator', 'premium-addons-for-elementor' ),
642
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/image-separator-widget-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
643
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/image-separator-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
644
+ ),
645
+ array(
646
+ 'key' => 'premium-image-comparison',
647
+ 'name' => 'premium-addon-image-comparison',
648
+ 'title' => __( 'Image Comparison', 'premium-addons-for-elementor' ),
649
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/image-comparison-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
650
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/premium-image-comparison-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
651
+ 'is_pro' => true,
652
+ ),
653
+ array(
654
+ 'key' => 'premium-image-hotspots',
655
+ 'name' => 'premium-addon-image-hotspots',
656
+ 'title' => __( 'Image Hotspots', 'premium-addons-for-elementor' ),
657
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/image-hotspots-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
658
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/image-hotspots-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
659
+ 'is_pro' => true,
660
+ ),
661
+ array(
662
+ 'key' => 'premium-img-layers',
663
+ 'name' => 'premium-img-layers-addon',
664
+ 'title' => __( 'Image Layers', 'premium-addons-for-elementor' ),
665
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/image-layers-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
666
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/image-layers/', 'settings-page', 'wp-dash', 'dashboard' ),
667
+ 'tutorial' => 'https://www.youtube.com/watch?v=D3INxWw_jKI',
668
+ 'is_pro' => true,
669
+ ),
670
+ array(
671
+ 'key' => 'premium-image-accordion',
672
+ 'name' => 'premium-image-accordion',
673
+ 'title' => __( 'Image Accordion', 'premium-addons-for-elementor' ),
674
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-image-accordion-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
675
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/image-accordion-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
676
+ 'is_pro' => true,
677
+ ),
678
+ array(
679
+ 'key' => 'premium-videobox',
680
+ 'name' => 'premium-addon-video-box',
681
+ 'title' => __( 'Video Box', 'premium-addons-for-elementor' ),
682
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/video-box-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
683
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/video-box/', 'settings-page', 'wp-dash', 'dashboard' ),
684
+ ),
685
+ ),
686
+ ),
687
+ 'cat-4' => array(
688
+ 'icon' => 'section',
689
+ 'title' => __( 'Section Addons & Widgets', 'premium-addons-for-elementor' ),
690
+ 'elements' => array(
691
+ array(
692
+ 'key' => 'premium-hscroll',
693
+ 'name' => 'premium-hscroll',
694
+ 'title' => __( 'Horizontal Scroll', 'premium-addons-for-elementor' ),
695
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-horizontal-scroll-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
696
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/horizontal-scroll/', 'settings-page', 'wp-dash', 'dashboard' ),
697
+ 'tutorial' => 'https://www.youtube.com/watch?v=4HqT_3s-ZXg',
698
+ 'is_pro' => true,
699
+ ),
700
+ array(
701
+ 'key' => 'premium-vscroll',
702
+ 'name' => 'premium-vscroll',
703
+ 'title' => __( 'Vertical Scroll', 'premium-addons-for-elementor' ),
704
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/vertical-scroll-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
705
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/vertical-scroll-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
706
+ 'tutorial' => 'https://www.youtube.com/watch?v=MuLaIn1QXfQ',
707
+ ),
708
+ array(
709
+ 'key' => 'premium-color-transition',
710
+ 'name' => 'premium-color-transition',
711
+ 'title' => __( 'Background Transition', 'premium-addons-for-elementor' ),
712
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-background-transition-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
713
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/background-transition-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
714
+ 'is_pro' => true,
715
+ ),
716
+ array(
717
+ 'key' => 'premium-multi-scroll',
718
+ 'name' => 'premium-multi-scroll',
719
+ 'title' => __( 'Multi Scroll', 'premium-addons-for-elementor' ),
720
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/multi-scroll-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
721
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/multi-scroll-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
722
+ 'tutorial' => 'https://www.youtube.com/watch?v=IzYnD6oDYXw',
723
+ 'is_pro' => true,
724
+ ),
725
+ array(
726
+ 'key' => 'premium-lottie',
727
+ 'title' => __( 'Lottie Animations', 'premium-addons-for-elementor' ),
728
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-lottie-animations-section-addon/', 'settings-page', 'wp-dash', 'dashboard' ),
729
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/lottie-background/', 'settings-page', 'wp-dash', 'dashboard' ),
730
+ 'tutorial' => 'https://www.youtube.com/watch?v=KVrenWNEdkY',
731
+ 'is_pro' => true,
732
+ 'is_global' => true,
733
+ ),
734
+ array(
735
+ 'key' => 'premium-parallax',
736
+ 'title' => __( 'Parallax', 'premium-addons-for-elementor' ),
737
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/parallax-section-addon-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
738
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/parallax-section-addon-tutorial-2/', 'settings-page', 'wp-dash', 'dashboard' ),
739
+ 'tutorial' => 'https://www.youtube.com/watch?v=hkMNjxLoZ2w',
740
+ 'is_pro' => true,
741
+ 'is_global' => true,
742
+ ),
743
+ array(
744
+ 'key' => 'premium-particles',
745
+ 'title' => __( 'Particles', 'premium-addons-for-elementor' ),
746
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/particles-section-addon-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
747
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/particles/', 'settings-page', 'wp-dash', 'dashboard' ),
748
+ 'tutorial' => 'https://www.youtube.com/watch?v=bPmWKv4VWrI',
749
+ 'is_pro' => true,
750
+ 'is_global' => true,
751
+ ),
752
+ array(
753
+ 'key' => 'premium-gradient',
754
+ 'title' => __( 'Animated Gradient', 'premium-addons-for-elementor' ),
755
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/animated-section-gradients-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
756
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/animated-gradient-section-addon-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
757
+ 'tutorial' => 'https://www.youtube.com/watch?v=IL4USvwR6K4',
758
+ 'is_pro' => true,
759
+ 'is_global' => true,
760
+ ),
761
+ array(
762
+ 'key' => 'premium-kenburns',
763
+ 'title' => __( 'Animated Ken Burns', 'premium-addons-for-elementor' ),
764
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/ken-burns-section-addon-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
765
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/ken-burns-section-addon-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
766
+ 'tutorial' => 'https://www.youtube.com/watch?v=DUNFjWphZfs',
767
+ 'is_pro' => true,
768
+ 'is_global' => true,
769
+ ),
770
+ ),
771
+ ),
772
+ 'cat-5' => array(
773
+ 'icon' => 'off-grid',
774
+ 'title' => __( 'Off-Grid Widgets', 'premium-addons-for-elementor' ),
775
+ 'elements' => array(
776
+ array(
777
+ 'key' => 'premium-modalbox',
778
+ 'name' => 'premium-addon-modal-box',
779
+ 'title' => __( 'Modal Box', 'premium-addons-for-elementor' ),
780
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/modal-box-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
781
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/modal-box/', 'settings-page', 'wp-dash', 'dashboard' ),
782
+ 'tutorial' => 'https://www.youtube.com/watch?v=3lLxSyf2nyk',
783
+ ),
784
+ array(
785
+ 'key' => 'premium-notbar',
786
+ 'name' => 'premium-notbar',
787
+ 'title' => __( 'Alert Box', 'premium-addons-for-elementor' ),
788
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/alert-box-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
789
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/alert-box-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
790
+ 'is_pro' => true,
791
+ ),
792
+ array(
793
+ 'key' => 'premium-magic-section',
794
+ 'name' => 'premium-addon-magic-section',
795
+ 'title' => __( 'Magic Section', 'premium-addons-for-elementor' ),
796
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/magic-section-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
797
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/magic-section-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
798
+ 'is_pro' => true,
799
+ ),
800
+ array(
801
+ 'key' => 'premium-prev-img',
802
+ 'name' => 'premium-addon-preview-image',
803
+ 'title' => __( 'Preview Window', 'premium-addons-for-elementor' ),
804
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/preview-window-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
805
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/preview-window-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
806
+ 'tutorial' => 'https://www.youtube.com/watch?v=EmptjFjrc4E',
807
+ 'is_pro' => true,
808
+ ),
809
+ ),
810
+ ),
811
+ 'cat-6' => array(
812
+ 'icon' => 'social',
813
+ 'title' => __( 'Reviews & Testimonials Widgets', 'premium-addons-for-elementor' ),
814
+ 'elements' => array(
815
+ array(
816
+ 'key' => 'premium-testimonials',
817
+ 'name' => 'premium-addon-testimonials',
818
+ 'title' => __( 'Testimonials', 'premium-addons-for-elementor' ),
819
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/testimonials-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
820
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/testimonials-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
821
+ ),
822
+ array(
823
+ 'key' => 'premium-facebook-reviews',
824
+ 'name' => 'premium-facebook-reviews',
825
+ 'title' => __( 'Facebook Reviews', 'premium-addons-for-elementor' ),
826
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/facebook-reviews-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
827
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/facebook-reviews/', 'settings-page', 'wp-dash', 'dashboard' ),
828
+ 'tutorial' => 'https://www.youtube.com/watch?v=zl-OFo3IFd8',
829
+ 'is_pro' => true,
830
+ ),
831
+ array(
832
+ 'key' => 'premium-google-reviews',
833
+ 'name' => 'premium-google-reviews',
834
+ 'title' => __( 'Google Reviews', 'premium-addons-for-elementor' ),
835
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/google-reviews-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
836
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/google-reviews/', 'settings-page', 'wp-dash', 'dashboard' ),
837
+ 'tutorial' => 'https://www.youtube.com/watch?v=Z0EeGyD34Zk',
838
+ 'is_pro' => true,
839
+ ),
840
+ array(
841
+ 'key' => 'premium-yelp-reviews',
842
+ 'name' => 'premium-yelp-reviews',
843
+ 'title' => __( 'Yelp Reviews', 'premium-addons-for-elementor' ),
844
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-yelp-reviews-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
845
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/yelp-reviews/', 'settings-page', 'wp-dash', 'dashboard' ),
846
+ 'tutorial' => 'https://www.youtube.com/watch?v=5T-MveVFvns',
847
+ 'is_pro' => true,
848
+ ),
849
+ array(
850
+ 'key' => 'premium-trustpilot-reviews',
851
+ 'name' => 'premium-trustpilot-reviews',
852
+ 'title' => __( 'Trustpilot Reviews', 'premium-addons-for-elementor' ),
853
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-trustpilot-reviews-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
854
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/elementor-trustpilot-reviews-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
855
+ 'is_pro' => true,
856
+ 'is_new' => true,
857
+ ),
858
+ ),
859
+ ),
860
+ 'cat-7' => array(
861
+ 'icon' => 'blurbs',
862
+ 'title' => __( 'Blurbs & CTA Widgets', 'premium-addons-for-elementor' ),
863
+ 'elements' => array(
864
+ array(
865
+ 'key' => 'premium-countdown',
866
+ 'name' => 'premium-countdown-timer',
867
+ 'title' => __( 'Countdown', 'premium-addons-for-elementor' ),
868
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/countdown-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
869
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/countdown-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
870
+ ),
871
+ array(
872
+ 'key' => 'premium-banner',
873
+ 'name' => 'premium-addon-banner',
874
+ 'title' => __( 'Banner', 'premium-addons-for-elementor' ),
875
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/banner-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
876
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/premium-banner-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
877
+ ),
878
+ array(
879
+ 'key' => 'premium-button',
880
+ 'name' => 'premium-addon-button',
881
+ 'title' => __( 'Button', 'premium-addons-for-elementor' ),
882
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/button-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
883
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/button/', 'settings-page', 'wp-dash', 'dashboard' ),
884
+ 'tutorial' => 'https://www.youtube.com/watch?v=w4NuCUkCIV4',
885
+ ),
886
+ array(
887
+ 'key' => 'premium-image-button',
888
+ 'title' => __( 'Image Button', 'premium-addons-for-elementor' ),
889
+ 'name' => 'premium-addon-image-button',
890
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/image-button-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
891
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/image-button/', 'settings-page', 'wp-dash', 'dashboard' ),
892
+ ),
893
+ array(
894
+ 'key' => 'premium-flipbox',
895
+ 'name' => 'premium-addon-flip-box',
896
+ 'title' => __( '3D Hover Box', 'premium-addons-for-elementor' ),
897
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/3d-hover-box-flip-box-widget-for-elementor/', 'settings-page', 'wp-dash', 'dashboard' ),
898
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/flip-box-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
899
+ 'is_pro' => true,
900
+ ),
901
+ array(
902
+ 'key' => 'premium-iconbox',
903
+ 'name' => 'premium-addon-icon-box',
904
+ 'title' => __( 'Icon Box', 'premium-addons-for-elementor' ),
905
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/icon-box-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
906
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/icon-box-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
907
+ 'is_pro' => true,
908
+ ),
909
+ array(
910
+ 'key' => 'premium-ihover',
911
+ 'name' => 'premium-ihover',
912
+ 'title' => __( 'iHover', 'premium-addons-for-elementor' ),
913
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/ihover-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
914
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/premium-ihover-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
915
+ 'is_pro' => true,
916
+ ),
917
+ array(
918
+ 'key' => 'premium-unfold',
919
+ 'name' => 'premium-unfold-addon',
920
+ 'title' => __( 'Unfold', 'premium-addons-for-elementor' ),
921
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/unfold-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
922
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/premium-unfold-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
923
+ 'is_pro' => true,
924
+ ),
925
+ array(
926
+ 'key' => 'premium-icon-list',
927
+ 'name' => 'premium-icon-list',
928
+ 'title' => __( 'Bullet List', 'premium-addons-for-elementor' ),
929
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-bullet-list-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
930
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/bullet-list-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
931
+ 'tutorial' => 'https://www.youtube.com/watch?v=MPeXJiZ14sI',
932
+ ),
933
+ ),
934
+ ),
935
+ 'cat-8' => array(
936
+ 'icon' => 'feed',
937
+ 'title' => __( 'Social Feed Widgets', 'premium-addons-for-elementor' ),
938
+ 'elements' => array(
939
+ array(
940
+ 'key' => 'premium-facebook-feed',
941
+ 'name' => 'premium-facebook-feed',
942
+ 'title' => __( 'Facebook Feed', 'premium-addons-for-elementor' ),
943
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-facebook-feed-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
944
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/facebook-feed-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
945
+ 'is_pro' => true,
946
+ ),
947
+ array(
948
+ 'key' => 'premium-twitter-feed',
949
+ 'name' => 'premium-twitter-feed',
950
+ 'title' => __( 'Twitter Feed', 'premium-addons-for-elementor' ),
951
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/twitter-feed-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
952
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/twitter-feed-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
953
+ 'tutorial' => 'https://www.youtube.com/watch?v=wsurRDuR6pg',
954
+ 'is_pro' => true,
955
+ ),
956
+ array(
957
+ 'key' => 'premium-instagram-feed',
958
+ 'name' => 'premium-addon-instagram-feed',
959
+ 'title' => __( 'Instagram Feed', 'premium-addons-for-elementor' ),
960
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/instagram-feed-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
961
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/instagram-feed/', 'settings-page', 'wp-dash', 'dashboard' ),
962
+ 'is_pro' => true,
963
+ ),
964
+ array(
965
+ 'key' => 'premium-behance',
966
+ 'name' => 'premium-behance-feed',
967
+ 'title' => __( 'Behance Feed', 'premium-addons-for-elementor' ),
968
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/behance-feed-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
969
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/behance-feed-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
970
+ 'tutorial' => 'https://www.youtube.com/watch?v=AXATK3oIXl0',
971
+ 'is_pro' => true,
972
+ ),
973
+ ),
974
+ ),
975
+ 'cat-9' => array(
976
+ 'icon' => 'data',
977
+ 'title' => __( 'Tables, Charts & Anything Data Widgets', 'premium-addons-for-elementor' ),
978
+ 'elements' => array(
979
+ array(
980
+ 'key' => 'premium-progressbar',
981
+ 'name' => 'premium-addon-progressbar',
982
+ 'title' => __( 'Progress Bar', 'premium-addons-for-elementor' ),
983
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/progress-bar-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
984
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/premium-progress-bar-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
985
+ 'tutorial' => 'https://www.youtube.com/watch?v=Y7xqwhgDQJg',
986
+ ),
987
+ array(
988
+ 'key' => 'premium-pricing-table',
989
+ 'name' => 'premium-addon-pricing-table',
990
+ 'title' => __( 'Pricing Table', 'premium-addons-for-elementor' ),
991
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/pricing-table-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
992
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/pricing-table-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
993
+ ),
994
+ array(
995
+ 'key' => 'premium-charts',
996
+ 'name' => 'premium-chart',
997
+ 'title' => __( 'Charts', 'premium-addons-for-elementor' ),
998
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/charts-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
999
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/charts-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
1000
+ 'tutorial' => 'https://www.youtube.com/watch?v=lZZvslQ2UYU',
1001
+ 'is_pro' => true,
1002
+ ),
1003
+ array(
1004
+ 'key' => 'premium-tables',
1005
+ 'name' => 'premium-tables-addon',
1006
+ 'title' => __( 'Table', 'premium-addons-for-elementor' ),
1007
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/table-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
1008
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/table-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
1009
+ 'is_pro' => true,
1010
+ ),
1011
+ array(
1012
+ 'key' => 'premium-counter',
1013
+ 'name' => 'premium-counter',
1014
+ 'title' => __( 'Counter', 'premium-addons-for-elementor' ),
1015
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/counter-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
1016
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/counter-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
1017
+ ),
1018
+ ),
1019
+ ),
1020
+ 'cat-10' => array(
1021
+ 'icon' => 'contact',
1022
+ 'title' => __( 'Contact Widgets', 'premium-addons-for-elementor' ),
1023
+ 'elements' => array(
1024
+ array(
1025
+ 'key' => 'premium-contactform',
1026
+ 'name' => 'premium-contact-form',
1027
+ 'title' => __( 'Contact Form 7', 'premium-addons-for-elementor' ),
1028
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/contact-form-7-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
1029
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/contact-form-7-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
1030
+ ),
1031
+ array(
1032
+ 'key' => 'premium-fb-chat',
1033
+ 'name' => 'premium-addon-facebook-chat',
1034
+ 'title' => __( 'Facebook Messenger Chat', 'premium-addons-for-elementor' ),
1035
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/facebook-messenger-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
1036
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/facebook-messenger/', 'settings-page', 'wp-dash', 'dashboard' ),
1037
+ 'is_pro' => true,
1038
+ ),
1039
+ array(
1040
+ 'key' => 'premium-whatsapp-chat',
1041
+ 'name' => 'premium-whatsapp-chat',
1042
+ 'title' => __( 'WhatsApp Chat', 'premium-addons-for-elementor' ),
1043
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/whatsapp-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
1044
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/whatsapp-chat-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
1045
+ 'is_pro' => true,
1046
+ ),
1047
+ ),
1048
+ ),
1049
+ 'cat-11' => array(
1050
+ 'icon' => 'extensions',
1051
+ 'elements' => array(
1052
+ array(
1053
+ 'key' => 'premium-templates',
1054
+ ),
1055
+ array(
1056
+ 'key' => 'premium-cross-domain',
1057
+ ),
1058
+ array(
1059
+ 'key' => 'premium-equal-height',
1060
+ ),
1061
+ array(
1062
+ 'key' => 'premium-duplicator',
1063
+ ),
1064
+ ),
1065
+ ),
1066
+ );
1067
+
1068
+ return $elements;
admin/includes/templates/modules-settings.php CHANGED
@@ -1,148 +1,148 @@
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-info-wrap">
31
- <div class="pa-section-info">
32
- <h4><?php echo __( 'Master Switch', 'premium-addons-for-elementor' ); ?></h4>
33
- <p><?php echo __( 'Use this to switch on or off ALL Widgets & Add-ons at once.', 'premium-addons-for-elementor' ); ?></p>
34
- </div>
35
-
36
- <div class="pa-btn-group">
37
- <button type="button" class="pa-btn-unused"><?php echo __( 'Disable Unused Widgets', 'premium-addons-for-elementor' ); ?></button>
38
- <button type="button" class="pa-btn pa-btn-enable <?php echo esc_attr( $enable_btn ); ?>"><?php echo __( 'Switch On', 'premium-addons-for-elementor' ); ?></button>
39
- <button type="button" class="pa-btn pa-btn-disable <?php echo esc_attr( $disable_btn ); ?>"><?php echo __( 'Switch Off', 'premium-addons-for-elementor' ); ?></button>
40
- </div>
41
- </div>
42
-
43
- <div class="pa-elements-settings">
44
-
45
- <div class="pa-elements-filter">
46
- <label for="premium-elements-filter"><?php _e( 'Filter Widgets', 'premium-addons-for-elementor' ); ?></label>
47
- <select name="premium-elements-filter" id="premium-elements-filter" class="placeholder placeholder-active">
48
- <option value=""><?php _e( 'All Widgets', 'premium-addons-for-elementor' ); ?></option>
49
- <option value="free"><?php _e( 'Free Widgets', 'premium-addons-for-elementor' ); ?></option>
50
- <option value="pro"><?php _e( 'PRO Widgets', 'premium-addons-for-elementor' ); ?></option>
51
- </select>
52
- </div>
53
-
54
- <div class="pa-elements-tabs">
55
- <ul class="pa-elements-tabs-list">
56
- <?php
57
- foreach ( $elements as $index => $cat ) :
58
- if ( 'cat-11' !== $index ) :
59
- ?>
60
- <li class="pa-elements-tab">
61
- <a class="pa-elements-tab-link" href="pa-elements-tab-<?php echo $index; ?>">
62
- <i class="<?php echo esc_attr( 'pa-dash-cat-' . $cat['icon'] ); ?>"></i>
63
- </a>
64
- <span class="pa-element-tab-tooltip"><?php echo esc_html( $cat['title'] ); ?></span>
65
- </li>
66
- <?php endif; ?>
67
- <?php endforeach; ?>
68
- </ul>
69
- </div>
70
-
71
- <?php
72
- foreach ( $elements as $index => $cat ) :
73
- if ( 'cat-11' !== $index ) :
74
- ?>
75
- <div id="pa-elements-tab-<?php echo $index; ?>" class="pa-switchers-container hidden">
76
- <h3 class="pa-elements-tab-title"><?php echo __( $cat['title'] ); ?></h3>
77
- <div class="pa-switchers">
78
- <?php
79
- foreach ( $cat['elements'] as $index => $elem ) :
80
- $status = ( isset( $elem['is_pro'] ) && ! Helper_Functions::check_papro_version() ) ? 'disabled' : checked( 1, $enabled_elements[ $elem['key'] ], false );
81
- $class = ( isset( $elem['is_pro'] ) && ! Helper_Functions::check_papro_version() ) ? 'pro-' : '';
82
- $switcher_class = $class . 'slider round';
83
- ?>
84
- <div class="pa-switcher
85
- <?php
86
- echo isset( $elem['is_pro'] ) ? 'pro-element' : '';
87
- echo ' ' . $elem['name'];
88
- ?>
89
- ">
90
- <div class="pa-element-info">
91
- <div class="pa-element-icon-wrap">
92
- <i class="pa-dash-<?php echo esc_attr( $elem['key'] ); ?> pa-element-icon"></i>
93
- </div>
94
- <div class="pa-element-meta-wrap">
95
- <p class="pa-element-name">
96
- <?php echo $elem['title']; ?>
97
- <span class="pa-total-use" title="Total Use">
98
- <?php
99
- if ( ! isset( $elem['is_global'] ) ) {
100
- echo esc_html__( in_array( $elem['name'], array_keys( $used_widgets ) ) ? '(' . $used_widgets[ $elem['name'] ] . ')' : '(0)' );}
101
- ?>
102
- </span>
103
- <?php if ( isset( $elem['is_pro'] ) ) : ?>
104
- <span><?php echo __( 'pro', 'premium-addons-for-elementor' ); ?></span>
105
- <?php endif; ?>
106
- </p>
107
- <?php if ( ! $row_meta ) : ?>
108
- <div>
109
- <?php if ( isset( $elem['demo'] ) ) : ?>
110
- <a class="pa-element-link" href="<?php echo esc_url( $elem['demo'] ); ?>" target="_blank">
111
- <?php echo __( 'Live Demo', 'premium-addons-for-elementor' ); ?>
112
- <span class="pa-element-link-separator"></span>
113
- </a>
114
- <?php endif; ?>
115
- <?php if ( isset( $elem['doc'] ) ) : ?>
116
- <a class="pa-element-link" href="<?php echo esc_url( $elem['doc'] ); ?>" target="_blank">
117
- <?php echo __( 'Docs', 'premium-addons-for-elementor' ); ?>
118
- <?php if ( isset( $elem['tutorial'] ) ) : ?>
119
- <span class="pa-element-link-separator"></span>
120
- <?php endif; ?>
121
- </a>
122
- <?php endif; ?>
123
- <?php if ( isset( $elem['tutorial'] ) ) : ?>
124
- <a class="pa-element-link" href="<?php echo esc_url( $elem['tutorial'] ); ?>" target="_blank">
125
- <?php echo __( 'Video Tutorial', 'premium-addons-for-elementor' ); ?>
126
- </a>
127
- <?php endif; ?>
128
- </div>
129
- <?php endif; ?>
130
- </div>
131
- </div>
132
- <label class="switch">
133
- <input type="checkbox" id="<?php echo esc_attr( $elem['key'] ); ?>" name="<?php echo esc_attr( $elem['key'] ); ?>" <?php echo $status; ?>>
134
- <span class="<?php echo esc_attr( $switcher_class ); ?>"></span>
135
- </label>
136
- </div>
137
- <?php endforeach; ?>
138
- </div>
139
- </div>
140
- <?php endif; ?>
141
- <?php endforeach; ?>
142
- </div>
143
-
144
- </div>
145
- </form> <!-- End Form -->
146
- </div>
147
- </div>
148
- </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-info-wrap">
31
+ <div class="pa-section-info">
32
+ <h4><?php echo __( 'Master Switch', 'premium-addons-for-elementor' ); ?></h4>
33
+ <p><?php echo __( 'Use this to switch on or off ALL Widgets & Add-ons at once.', 'premium-addons-for-elementor' ); ?></p>
34
+ </div>
35
+
36
+ <div class="pa-btn-group">
37
+ <button type="button" class="pa-btn pa-btn-enable <?php echo esc_attr( $enable_btn ); ?>"><?php echo __( 'Switch On', 'premium-addons-for-elementor' ); ?></button>
38
+ <button type="button" class="pa-btn pa-btn-disable <?php echo esc_attr( $disable_btn ); ?>"><?php echo __( 'Switch Off', 'premium-addons-for-elementor' ); ?></button>
39
+ <button type="button" class="pa-btn-unused"><?php echo __( 'Disable Unused Widgets', 'premium-addons-for-elementor' ); ?></button>
40
+ </div>
41
+ </div>
42
+
43
+ <div class="pa-elements-settings">
44
+
45
+ <div class="pa-elements-filter">
46
+ <label for="premium-elements-filter"><?php _e( 'Filter Widgets', 'premium-addons-for-elementor' ); ?></label>
47
+ <select name="premium-elements-filter" id="premium-elements-filter" class="placeholder placeholder-active">
48
+ <option value=""><?php _e( 'All Widgets', 'premium-addons-for-elementor' ); ?></option>
49
+ <option value="free"><?php _e( 'Free Widgets', 'premium-addons-for-elementor' ); ?></option>
50
+ <option value="pro"><?php _e( 'PRO Widgets', 'premium-addons-for-elementor' ); ?></option>
51
+ </select>
52
+ </div>
53
+
54
+ <div class="pa-elements-tabs">
55
+ <ul class="pa-elements-tabs-list">
56
+ <?php
57
+ foreach ( $elements as $index => $cat ) :
58
+ if ( 'cat-11' !== $index ) :
59
+ ?>
60
+ <li class="pa-elements-tab">
61
+ <a class="pa-elements-tab-link" href="pa-elements-tab-<?php echo $index; ?>">
62
+ <i class="<?php echo esc_attr( 'pa-dash-cat-' . $cat['icon'] ); ?>"></i>
63
+ </a>
64
+ <span class="pa-element-tab-tooltip"><?php echo esc_html( $cat['title'] ); ?></span>
65
+ </li>
66
+ <?php endif; ?>
67
+ <?php endforeach; ?>
68
+ </ul>
69
+ </div>
70
+
71
+ <?php
72
+ foreach ( $elements as $index => $cat ) :
73
+ if ( 'cat-11' !== $index ) :
74
+ ?>
75
+ <div id="pa-elements-tab-<?php echo $index; ?>" class="pa-switchers-container hidden">
76
+ <h3 class="pa-elements-tab-title"><?php echo __( $cat['title'] ); ?></h3>
77
+ <div class="pa-switchers">
78
+ <?php
79
+ foreach ( $cat['elements'] as $index => $elem ) :
80
+ $status = ( isset( $elem['is_pro'] ) && ! Helper_Functions::check_papro_version() ) ? 'disabled' : checked( 1, $enabled_elements[ $elem['key'] ], false );
81
+ $class = ( isset( $elem['is_pro'] ) && ! Helper_Functions::check_papro_version() ) ? 'pro-' : '';
82
+ $switcher_class = $class . 'slider round';
83
+ ?>
84
+ <div class="pa-switcher
85
+ <?php
86
+ echo isset( $elem['is_pro'] ) ? 'pro-element' : '';
87
+ echo isset( $elem['name'] ) ? ' ' . $elem['name'] : '';
88
+ ?>
89
+ ">
90
+ <div class="pa-element-info">
91
+ <div class="pa-element-icon-wrap">
92
+ <i class="pa-dash-<?php echo esc_attr( $elem['key'] ); ?> pa-element-icon"></i>
93
+ </div>
94
+ <div class="pa-element-meta-wrap">
95
+ <p class="pa-element-name">
96
+ <?php echo $elem['title']; ?>
97
+ <span class="pa-total-use" title="Total Use">
98
+ <?php
99
+ if ( ! isset( $elem['is_global'] ) ) {
100
+ echo esc_html__( in_array( $elem['name'], array_keys( $used_widgets ) ) ? '(' . $used_widgets[ $elem['name'] ] . ')' : '(0)' );}
101
+ ?>
102
+ </span>
103
+ <?php if ( isset( $elem['is_pro'] ) ) : ?>
104
+ <span><?php echo __( 'pro', 'premium-addons-for-elementor' ); ?></span>
105
+ <?php endif; ?>
106
+ </p>
107
+ <?php if ( ! $row_meta ) : ?>
108
+ <div>
109
+ <?php if ( isset( $elem['demo'] ) ) : ?>
110
+ <a class="pa-element-link" href="<?php echo esc_url( $elem['demo'] ); ?>" target="_blank">
111
+ <?php echo __( 'Live Demo', 'premium-addons-for-elementor' ); ?>
112
+ <span class="pa-element-link-separator"></span>
113
+ </a>
114
+ <?php endif; ?>
115
+ <?php if ( isset( $elem['doc'] ) ) : ?>
116
+ <a class="pa-element-link" href="<?php echo esc_url( $elem['doc'] ); ?>" target="_blank">
117
+ <?php echo __( 'Docs', 'premium-addons-for-elementor' ); ?>
118
+ <?php if ( isset( $elem['tutorial'] ) ) : ?>
119
+ <span class="pa-element-link-separator"></span>
120
+ <?php endif; ?>
121
+ </a>
122
+ <?php endif; ?>
123
+ <?php if ( isset( $elem['tutorial'] ) ) : ?>
124
+ <a class="pa-element-link" href="<?php echo esc_url( $elem['tutorial'] ); ?>" target="_blank">
125
+ <?php echo __( 'Video Tutorial', 'premium-addons-for-elementor' ); ?>
126
+ </a>
127
+ <?php endif; ?>
128
+ </div>
129
+ <?php endif; ?>
130
+ </div>
131
+ </div>
132
+ <label class="switch">
133
+ <input type="checkbox" id="<?php echo esc_attr( $elem['key'] ); ?>" name="<?php echo esc_attr( $elem['key'] ); ?>" <?php echo $status; ?>>
134
+ <span class="<?php echo esc_attr( $switcher_class ); ?>"></span>
135
+ </label>
136
+ </div>
137
+ <?php endforeach; ?>
138
+ </div>
139
+ </div>
140
+ <?php endif; ?>
141
+ <?php endforeach; ?>
142
+ </div>
143
+
144
+ </div>
145
+ </form> <!-- End Form -->
146
+ </div>
147
+ </div>
148
+ </div> <!-- End Section Content -->
admin/includes/templates/white-label.php CHANGED
@@ -1,173 +1,173 @@
1
- <?php
2
-
3
- if ( ! defined( 'ABSPATH' ) ) {
4
- exit;
5
- }
6
-
7
- use PremiumAddons\Includes\Helper_Functions;
8
-
9
- // Premium Addons Pro Classes
10
- use PremiumAddonsPro\Includes\White_Label\Helper;
11
-
12
- // Get settings
13
- $class = 'premium-white-label-form';
14
- if ( Helper_Functions::check_papro_version() ) {
15
-
16
- $settings = Helper::get_white_labeling_settings();
17
-
18
- } else {
19
- $class .= ' pro-inactive';
20
-
21
- $settings = array(
22
- 'premium-wht-lbl-name' => '',
23
- 'premium-wht-lbl-url' => '',
24
- 'premium-wht-lbl-plugin-name' => '',
25
- 'premium-wht-lbl-short-name' => '',
26
- 'premium-wht-lbl-desc' => '',
27
- 'premium-wht-lbl-row' => '',
28
- 'premium-wht-lbl-name-pro' => '',
29
- 'premium-wht-lbl-url-pro' => '',
30
- 'premium-wht-lbl-plugin-name-pro' => '',
31
- 'premium-wht-lbl-desc-pro' => '',
32
- 'premium-wht-lbl-changelog' => '',
33
- 'premium-wht-lbl-option' => '',
34
- 'premium-wht-lbl-rate' => '',
35
- 'premium-wht-lbl-about' => '',
36
- 'premium-wht-lbl-license' => '',
37
- 'premium-wht-lbl-logo' => '',
38
- 'premium-wht-lbl-version' => '',
39
- 'premium-wht-lbl-prefix' => '',
40
- 'premium-wht-lbl-badge' => '',
41
- );
42
- }
43
-
44
- if ( ! Helper_Functions::check_papro_version() ) {
45
-
46
- $campaign = Helper_Functions::get_campaign_link( 'https://premiumaddons.com/pro/', 'whitelabel-page', 'wp-dash', 'dashboard' );
47
-
48
  ?>
49
  <div class="pa-white-label-notice">
50
  <div class="pa-white-label-notice-content">
51
  <div class="pa-white-label-notice-logo">
52
- <img src="<?php echo PREMIUM_ADDONS_URL . 'admin/images/pa-logo-symbol.png'; ?>" alt="Premium Addons White Labeling Notice">
53
  </div>
54
- <h2><?php _e( 'Get Premium Addons <span>Pro</span> to Enable White Labeling Options', 'premium-addons-for-elementor' ); ?></h2>
55
- <p><?php _e( '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.', 'premium-addons-for-elementor' ); ?></p>
56
- <a class="pa-btn pa-get-pro" href="<?php echo esc_attr( $campaign ); ?>" target="_blank"><?php _e( 'Get PRO', 'premium-addons-for-elementor' ); ?></a>
57
  </div>
58
  </div>
59
  <?php
60
- }
61
-
62
- ?>
63
-
64
- <div class="pa-section-content">
65
- <div class="row">
66
- <div class="col-full">
67
- <form action="" method="POST" id="pa-white-label" class="<?php echo esc_attr( $class ); ?>" name="pa-white-label-settings">
68
  <div id="pa-white-label" class="pa-settings-tab pa-wht-lbl-settings">
69
  <div class="pa-row">
70
  <div class="pa-wht-lbl-settings-wrap">
71
- <h3 class="pa-wht-lbl-title pa-wht-lbl-head"><?php echo __( 'Free Version', 'premium-addons-for-elementor' ); ?></h3>
72
  <div class="pa-wht-lbl-group-wrap">
73
  <!-- Author Name -->
74
- <label for="premium-wht-lbl-name" class="pa-input-label"><?php echo __( 'Author Name', 'premium-addons-for-elementor' ); ?></label>
75
- <input name="premium-wht-lbl-name" id="premium-wht-lbl-name" type="text" placeholder="Leap13" value="<?php echo esc_attr( $settings['premium-wht-lbl-name'] ); ?>">
76
  <!-- Author URL -->
77
- <label for="premium-wht-lbl-url" class="pa-input-label"><?php echo __( 'Author URL', 'premium-addons-for-elementor' ); ?></label>
78
- <input name="premium-wht-lbl-url" id="premium-wht-lbl-url" type="text" placeholder="https://premiumaddons.com" value="<?php echo esc_attr( $settings['premium-wht-lbl-url'] ); ?>">
79
  <!-- Plugin Name -->
80
- <label for="premium-wht-lbl-plugin-name" class="pa-input-label"><?php echo __( 'Plugin Name', 'premium-addons-for-elementor' ); ?></label>
81
- <input name="premium-wht-lbl-plugin-name" id="premium-wht-lbl-plugin-name" type="text" placeholder="Premium Addons for Elementor" value="<?php echo esc_attr( $settings['premium-wht-lbl-plugin-name'] ); ?>">
82
-
83
  <!-- Plugin Description -->
84
- <label for="premium-wht-lbl-desc" class="pa-input-label"><?php echo __( 'Plugin Description', 'premium-addons-for-elementor' ); ?></label>
85
- <input name="premium-wht-lbl-desc" id="premium-wht-lbl-desc" type="text" placeholder="Premium Addons for Elementor plugin includes widgets and addons.." value="<?php echo esc_attr( $settings['premium-wht-lbl-desc'] ); ?>">
86
-
87
- <p class="pa-input-label"><?php echo __( 'Hide Plugin Row Meta Links', 'premium-addons-for-elementor' ); ?></p>
88
- <input name="premium-wht-lbl-row" id="premium-wht-lbl-row" type="checkbox" <?php checked( 1, $settings['premium-wht-lbl-row'], true ); ?>>
89
  <label for="premium-wht-lbl-row"></label>
90
- <span><?php echo __( 'This will hide Docs, FAQs, and Video Tutorials links located on the plugins page.', 'premium-addons-for-elementor' ); ?></span>
91
  </div>
92
  </div>
93
 
94
  <div class="pa-wht-lbl-settings-wrap">
95
- <h3 class="pa-wht-lbl-title pa-wht-lbl-head"><?php echo __( 'PRO Version', 'premium-addons-for-elementor' ); ?></h3>
96
  <div class="pa-wht-lbl-group-wrap">
97
-
98
- <label for="premium-wht-lbl-name-pro" class="pa-input-label"><?php echo __( 'Author Name', 'premium-addons-for-elementor' ); ?></label>
99
- <input name="premium-wht-lbl-name-pro" id="premium-wht-lbl-name-pro" type="text" placeholder="Leap13" value="<?php echo esc_attr( $settings['premium-wht-lbl-name-pro'] ); ?>">
100
 
101
- <label for="premium-wht-lbl-url-pro" class="pa-input-label"><?php echo __( 'Author URL', 'premium-addons-for-elementor' ); ?></label>
102
- <input name="premium-wht-lbl-url-pro" id="premium-wht-lbl-url-pro" type="text" placeholder="https://premiumaddons.com" value="<?php echo esc_attr( $settings['premium-wht-lbl-url-pro'] ); ?>">
103
-
104
- <label for="premium-wht-lbl-plugin-name-pro" class="pa-input-label"><?php echo __( 'Plugin Name', 'premium-addons-for-elementor' ); ?></label>
105
- <input name="premium-wht-lbl-plugin-name-pro" id="premium-wht-lbl-plugin-name-pro" type="text" placeholder="Premium Addons PRO for Elementor" value="<?php echo esc_attr( $settings['premium-wht-lbl-plugin-name-pro'] ); ?>">
106
-
107
- <label for="premium-wht-lbl-desc-rpo" class="pa-input-label"><?php echo __( 'Plugin Description', 'premium-addons-for-elementor' ); ?></label>
108
- <input name="premium-wht-lbl-desc-pro" id="premium-wht-lbl-desc-pro" type="text" placeholder="Premium Addons PRO Plugin Includes 33+ premium widgets & addons..." value="<?php echo esc_attr( $settings['premium-wht-lbl-desc-pro'] ); ?>">
109
-
110
- <p class="pa-input-label"><?php echo __( 'Hide Plugin Changelog Link', 'premium-addons-for-elementor' ); ?></p>
111
- <input name="premium-wht-lbl-changelog" id="premium-wht-lbl-changelog" type="checkbox" <?php checked( 1, $settings['premium-wht-lbl-changelog'], true ); ?>>
112
  <label for="premium-wht-lbl-changelog"></label>
113
- <span><?php echo __( 'This will hide the Changelog link located on the plugins page.', 'premium-addons-for-elementor' ); ?></span>
114
 
115
  </div>
116
  </div>
117
  <div class="pa-wht-lbl-settings-wrap">
118
- <h3 class="pa-wht-lbl-title pa-wht-lbl-head"><?php echo __( 'General Options', 'premium-addons-for-elementor' ); ?></h3>
119
  <div class="pa-wht-lbl-group-wrap">
120
  <!-- Widgets Category Name -->
121
- <label for="premium-wht-lbl-short-name" class="pa-input-label"><?php echo __( 'Widgets Category Name', 'premium-addons-for-elementor' ); ?></label>
122
- <input name="premium-wht-lbl-short-name" id="premium-wht-lbl-short-name" type="text" placeholder="Premium Addons" value="<?php echo esc_attr( $settings['premium-wht-lbl-short-name'] ); ?>">
123
  <!-- Widgets Prefix -->
124
- <label for="premium-wht-lbl-prefix" class="pa-input-label"><?php echo __( 'Widgets Prefix', 'premium-addons-for-elementor' ); ?></label>
125
- <input name="premium-wht-lbl-prefix" id="premium-wht-lbl-prefix" type="text" placeholder="Premium" value="<?php echo esc_attr( $settings['premium-wht-lbl-prefix'] ); ?>">
126
  <!-- Widgets Badge -->
127
- <label for="premium-wht-lbl-badge" class="pa-input-label"><?php echo __( 'Widgets Badge', 'premium-addons-for-elementor' ); ?></label>
128
- <input name="premium-wht-lbl-badge" id="premium-wht-lbl-badge" type="text" placeholder="PA" value="<?php echo esc_attr( $settings['premium-wht-lbl-badge'] ); ?>">
129
  </div>
130
  </div>
131
  </div>
132
-
133
  <div class="pa-wht-lbl-admin">
134
  <div class="pa-wht-lbl-settings-wrap">
135
- <h3 class="pa-wht-lbl-title pa-wht-lbl-head"><?php echo __( 'Admin Settings', 'premium-addons-for-elementor' ); ?></h3>
136
  <div class="pa-wht-lbl-group-wrap">
137
  <!-- Hide General Tab-->
138
- <p class="pa-input-label"><?php echo __( 'General Tab', 'premium-addons-for-elementor' ); ?></p>
139
- <input name="premium-wht-lbl-about" id="premium-wht-lbl-about" type="checkbox" <?php checked( 1, $settings['premium-wht-lbl-about'], true ); ?>>
140
  <label for="premium-wht-lbl-about"></label>
141
- <span><?php echo __( 'This will hide the General tab', 'premium-addons-for-elementor' ); ?></span>
142
 
143
  <!-- Hide Version Control Tab-->
144
- <p class="pa-input-label"><?php echo __( 'Version Control Tab', 'premium-addons-for-elementor' ); ?></p>
145
- <input name="premium-wht-lbl-version" id="premium-wht-lbl-version" type="checkbox" <?php checked( 1, $settings['premium-wht-lbl-version'], true ); ?>>
146
  <label for="premium-wht-lbl-version"></label>
147
- <span><?php echo __( 'This will hide the Version Control tab.', 'premium-addons-for-elementor' ); ?></span>
148
-
149
  <!-- Hide Logo-->
150
- <p class="pa-input-label"><?php echo __( 'Hide Premium Addons Logo', 'premium-addons-for-elementor' ); ?></p>
151
- <input name="premium-wht-lbl-logo" id="premium-wht-lbl-logo" type="checkbox" <?php checked( 1, $settings['premium-wht-lbl-logo'], true ); ?>>
152
  <label for="premium-wht-lbl-logo"></label>
153
- <span><?php echo __( 'This will hide Premium Addons logo located on the dashboard.', 'premium-addons-for-elementor' ); ?></span>
154
-
155
  <!-- Hide License Tab-->
156
- <p class="pa-input-label"><?php echo __( 'License Tab', 'premium-addons-for-elementor' ); ?></p>
157
- <input name="premium-wht-lbl-license" id="premium-wht-lbl-license" type="checkbox" <?php checked( 1, $settings['premium-wht-lbl-license'], true ); ?>>
158
  <label for="premium-wht-lbl-license"></label>
159
- <span><?php echo __( 'This will hide the License tab.', 'premium-addons-for-elementor' ); ?></span>
160
-
161
  <!-- Hide White Labeling Tab-->
162
 
163
- <p class="pa-input-label"><?php echo __( 'White Labeling Tab', 'premium-addons-for-elementor' ); ?></p>
164
- <input name="premium-wht-lbl-option" id="premium-wht-lbl-option" type="checkbox" <?php checked( 1, $settings['premium-wht-lbl-option'], true ); ?>>
165
  <label for="premium-wht-lbl-option"></label>
166
- <span><?php echo __( 'This will hide the White Labeling tab options.', 'premium-addons-for-elementor' ); ?></span>
167
 
168
  <p>
169
- <strong><?php _e( 'NOTE: ', 'premium-addons-for-elementor' ); ?></strong>
170
- <?php echo __( 'You will need to reactivate Premium Addons PRO for Elementor plugin to be able to reset White Labeling tab options.', 'premium-addons-for-elementor' ); ?>
171
  </p>
172
  </div>
173
  </div>
@@ -175,6 +175,6 @@ if ( ! Helper_Functions::check_papro_version() ) {
175
  <div class="clearfix"></div>
176
  </div>
177
  </form>
178
- </div>
179
- </div>
180
- </div> <!-- End Section Content -->
1
+ <?php
2
+
3
+ if ( ! defined( 'ABSPATH' ) ) {
4
+ exit;
5
+ }
6
+
7
+ use PremiumAddons\Includes\Helper_Functions;
8
+
9
+ // Premium Addons Pro Classes
10
+ use PremiumAddonsPro\Includes\White_Label\Helper;
11
+
12
+ // Get settings
13
+ $class = 'premium-white-label-form';
14
+ if ( Helper_Functions::check_papro_version() ) {
15
+
16
+ $settings = Helper::get_white_labeling_settings();
17
+
18
+ } else {
19
+ $class .= ' pro-inactive';
20
+
21
+ $settings = array(
22
+ 'premium-wht-lbl-name' => '',
23
+ 'premium-wht-lbl-url' => '',
24
+ 'premium-wht-lbl-plugin-name' => '',
25
+ 'premium-wht-lbl-short-name' => '',
26
+ 'premium-wht-lbl-desc' => '',
27
+ 'premium-wht-lbl-row' => '',
28
+ 'premium-wht-lbl-name-pro' => '',
29
+ 'premium-wht-lbl-url-pro' => '',
30
+ 'premium-wht-lbl-plugin-name-pro' => '',
31
+ 'premium-wht-lbl-desc-pro' => '',
32
+ 'premium-wht-lbl-changelog' => '',
33
+ 'premium-wht-lbl-option' => '',
34
+ 'premium-wht-lbl-rate' => '',
35
+ 'premium-wht-lbl-about' => '',
36
+ 'premium-wht-lbl-license' => '',
37
+ 'premium-wht-lbl-logo' => '',
38
+ 'premium-wht-lbl-version' => '',
39
+ 'premium-wht-lbl-prefix' => '',
40
+ 'premium-wht-lbl-badge' => '',
41
+ );
42
+ }
43
+
44
+ if ( ! Helper_Functions::check_papro_version() ) {
45
+
46
+ $campaign = Helper_Functions::get_campaign_link( 'https://premiumaddons.com/pro/', 'whitelabel-page', 'wp-dash', 'dashboard' );
47
+
48
  ?>
49
  <div class="pa-white-label-notice">
50
  <div class="pa-white-label-notice-content">
51
  <div class="pa-white-label-notice-logo">
52
+ <img src="<?php echo PREMIUM_ADDONS_URL . 'admin/images/pa-logo-symbol.png'; ?>" alt="Premium Addons White Labeling Notice">
53
  </div>
54
+ <h2><?php _e( 'Get Premium Addons <span>Pro</span> to Enable White Labeling Options', 'premium-addons-for-elementor' ); ?></h2>
55
+ <p><?php _e( '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.', 'premium-addons-for-elementor' ); ?></p>
56
+ <a class="pa-btn pa-get-pro" href="<?php echo esc_attr( $campaign ); ?>" target="_blank"><?php _e( 'Get PRO', 'premium-addons-for-elementor' ); ?></a>
57
  </div>
58
  </div>
59
  <?php
60
+ }
61
+
62
+ ?>
63
+
64
+ <div class="pa-section-content">
65
+ <div class="row">
66
+ <div class="col-full">
67
+ <form action="" method="POST" id="pa-white-label" class="<?php echo esc_attr( $class ); ?>" name="pa-white-label-settings">
68
  <div id="pa-white-label" class="pa-settings-tab pa-wht-lbl-settings">
69
  <div class="pa-row">
70
  <div class="pa-wht-lbl-settings-wrap">
71
+ <h3 class="pa-wht-lbl-title pa-wht-lbl-head"><?php echo __( 'Free Version', 'premium-addons-for-elementor' ); ?></h3>
72
  <div class="pa-wht-lbl-group-wrap">
73
  <!-- Author Name -->
74
+ <label for="premium-wht-lbl-name" class="pa-input-label"><?php echo __( 'Author Name', 'premium-addons-for-elementor' ); ?></label>
75
+ <input name="premium-wht-lbl-name" id="premium-wht-lbl-name" type="text" placeholder="Leap13" value="<?php echo esc_attr( $settings['premium-wht-lbl-name'] ); ?>">
76
  <!-- Author URL -->
77
+ <label for="premium-wht-lbl-url" class="pa-input-label"><?php echo __( 'Author URL', 'premium-addons-for-elementor' ); ?></label>
78
+ <input name="premium-wht-lbl-url" id="premium-wht-lbl-url" type="text" placeholder="https://premiumaddons.com" value="<?php echo esc_attr( $settings['premium-wht-lbl-url'] ); ?>">
79
  <!-- Plugin Name -->
80
+ <label for="premium-wht-lbl-plugin-name" class="pa-input-label"><?php echo __( 'Plugin Name', 'premium-addons-for-elementor' ); ?></label>
81
+ <input name="premium-wht-lbl-plugin-name" id="premium-wht-lbl-plugin-name" type="text" placeholder="Premium Addons for Elementor" value="<?php echo esc_attr( $settings['premium-wht-lbl-plugin-name'] ); ?>">
82
+
83
  <!-- Plugin Description -->
84
+ <label for="premium-wht-lbl-desc" class="pa-input-label"><?php echo __( 'Plugin Description', 'premium-addons-for-elementor' ); ?></label>
85
+ <input name="premium-wht-lbl-desc" id="premium-wht-lbl-desc" type="text" placeholder="Premium Addons for Elementor plugin includes widgets and addons.." value="<?php echo esc_attr( $settings['premium-wht-lbl-desc'] ); ?>">
86
+
87
+ <p class="pa-input-label"><?php echo __( 'Hide Plugin Row Meta Links', 'premium-addons-for-elementor' ); ?></p>
88
+ <input name="premium-wht-lbl-row" id="premium-wht-lbl-row" type="checkbox" <?php checked( 1, $settings['premium-wht-lbl-row'], true ); ?>>
89
  <label for="premium-wht-lbl-row"></label>
90
+ <span><?php echo __( 'This will hide Docs, FAQs, and Video Tutorials links located on the plugins page.', 'premium-addons-for-elementor' ); ?></span>
91
  </div>
92
  </div>
93
 
94
  <div class="pa-wht-lbl-settings-wrap">
95
+ <h3 class="pa-wht-lbl-title pa-wht-lbl-head"><?php echo __( 'PRO Version', 'premium-addons-for-elementor' ); ?></h3>
96
  <div class="pa-wht-lbl-group-wrap">
97
+
98
+ <label for="premium-wht-lbl-name-pro" class="pa-input-label"><?php echo __( 'Author Name', 'premium-addons-for-elementor' ); ?></label>
99
+ <input name="premium-wht-lbl-name-pro" id="premium-wht-lbl-name-pro" type="text" placeholder="Leap13" value="<?php echo esc_attr( $settings['premium-wht-lbl-name-pro'] ); ?>">
100
 
101
+ <label for="premium-wht-lbl-url-pro" class="pa-input-label"><?php echo __( 'Author URL', 'premium-addons-for-elementor' ); ?></label>
102
+ <input name="premium-wht-lbl-url-pro" id="premium-wht-lbl-url-pro" type="text" placeholder="https://premiumaddons.com" value="<?php echo esc_attr( $settings['premium-wht-lbl-url-pro'] ); ?>">
103
+
104
+ <label for="premium-wht-lbl-plugin-name-pro" class="pa-input-label"><?php echo __( 'Plugin Name', 'premium-addons-for-elementor' ); ?></label>
105
+ <input name="premium-wht-lbl-plugin-name-pro" id="premium-wht-lbl-plugin-name-pro" type="text" placeholder="Premium Addons PRO for Elementor" value="<?php echo esc_attr( $settings['premium-wht-lbl-plugin-name-pro'] ); ?>">
106
+
107
+ <label for="premium-wht-lbl-desc-rpo" class="pa-input-label"><?php echo __( 'Plugin Description', 'premium-addons-for-elementor' ); ?></label>
108
+ <input name="premium-wht-lbl-desc-pro" id="premium-wht-lbl-desc-pro" type="text" placeholder="Premium Addons PRO Plugin Includes 33+ premium widgets & addons..." value="<?php echo esc_attr( $settings['premium-wht-lbl-desc-pro'] ); ?>">
109
+
110
+ <p class="pa-input-label"><?php echo __( 'Hide Plugin Changelog Link', 'premium-addons-for-elementor' ); ?></p>
111
+ <input name="premium-wht-lbl-changelog" id="premium-wht-lbl-changelog" type="checkbox" <?php checked( 1, $settings['premium-wht-lbl-changelog'], true ); ?>>
112
  <label for="premium-wht-lbl-changelog"></label>
113
+ <span><?php echo __( 'This will hide the Changelog link located on the plugins page.', 'premium-addons-for-elementor' ); ?></span>
114
 
115
  </div>
116
  </div>
117
  <div class="pa-wht-lbl-settings-wrap">
118
+ <h3 class="pa-wht-lbl-title pa-wht-lbl-head"><?php echo __( 'General Options', 'premium-addons-for-elementor' ); ?></h3>
119
  <div class="pa-wht-lbl-group-wrap">
120
  <!-- Widgets Category Name -->
121
+ <label for="premium-wht-lbl-short-name" class="pa-input-label"><?php echo __( 'Widgets Category Name', 'premium-addons-for-elementor' ); ?></label>
122
+ <input name="premium-wht-lbl-short-name" id="premium-wht-lbl-short-name" type="text" placeholder="Premium Addons" value="<?php echo esc_attr( $settings['premium-wht-lbl-short-name'] ); ?>">
123
  <!-- Widgets Prefix -->
124
+ <label for="premium-wht-lbl-prefix" class="pa-input-label"><?php echo __( 'Widgets Prefix', 'premium-addons-for-elementor' ); ?></label>
125
+ <input name="premium-wht-lbl-prefix" id="premium-wht-lbl-prefix" type="text" placeholder="Premium" value="<?php echo esc_attr( $settings['premium-wht-lbl-prefix'] ); ?>">
126
  <!-- Widgets Badge -->
127
+ <label for="premium-wht-lbl-badge" class="pa-input-label"><?php echo __( 'Widgets Badge', 'premium-addons-for-elementor' ); ?></label>
128
+ <input name="premium-wht-lbl-badge" id="premium-wht-lbl-badge" type="text" placeholder="PA" value="<?php echo esc_attr( $settings['premium-wht-lbl-badge'] ); ?>">
129
  </div>
130
  </div>
131
  </div>
132
+
133
  <div class="pa-wht-lbl-admin">
134
  <div class="pa-wht-lbl-settings-wrap">
135
+ <h3 class="pa-wht-lbl-title pa-wht-lbl-head"><?php echo __( 'Admin Settings', 'premium-addons-for-elementor' ); ?></h3>
136
  <div class="pa-wht-lbl-group-wrap">
137
  <!-- Hide General Tab-->
138
+ <p class="pa-input-label"><?php echo __( 'General Tab', 'premium-addons-for-elementor' ); ?></p>
139
+ <input name="premium-wht-lbl-about" id="premium-wht-lbl-about" type="checkbox" <?php checked( 1, $settings['premium-wht-lbl-about'], true ); ?>>
140
  <label for="premium-wht-lbl-about"></label>
141
+ <span><?php echo __( 'This will hide the General tab', 'premium-addons-for-elementor' ); ?></span>
142
 
143
  <!-- Hide Version Control Tab-->
144
+ <p class="pa-input-label"><?php echo __( 'Version Control Tab', 'premium-addons-for-elementor' ); ?></p>
145
+ <input name="premium-wht-lbl-version" id="premium-wht-lbl-version" type="checkbox" <?php checked( 1, $settings['premium-wht-lbl-version'], true ); ?>>
146
  <label for="premium-wht-lbl-version"></label>
147
+ <span><?php echo __( 'This will hide the Version Control tab.', 'premium-addons-for-elementor' ); ?></span>
148
+
149
  <!-- Hide Logo-->
150
+ <p class="pa-input-label"><?php echo __( 'Hide Premium Addons Logo', 'premium-addons-for-elementor' ); ?></p>
151
+ <input name="premium-wht-lbl-logo" id="premium-wht-lbl-logo" type="checkbox" <?php checked( 1, $settings['premium-wht-lbl-logo'], true ); ?>>
152
  <label for="premium-wht-lbl-logo"></label>
153
+ <span><?php echo __( 'This will hide Premium Addons logo located on the dashboard.', 'premium-addons-for-elementor' ); ?></span>
154
+
155
  <!-- Hide License Tab-->
156
+ <p class="pa-input-label"><?php echo __( 'License Tab', 'premium-addons-for-elementor' ); ?></p>
157
+ <input name="premium-wht-lbl-license" id="premium-wht-lbl-license" type="checkbox" <?php checked( 1, $settings['premium-wht-lbl-license'], true ); ?>>
158
  <label for="premium-wht-lbl-license"></label>
159
+ <span><?php echo __( 'This will hide the License tab.', 'premium-addons-for-elementor' ); ?></span>
160
+
161
  <!-- Hide White Labeling Tab-->
162
 
163
+ <p class="pa-input-label"><?php echo __( 'White Labeling Tab', 'premium-addons-for-elementor' ); ?></p>
164
+ <input name="premium-wht-lbl-option" id="premium-wht-lbl-option" type="checkbox" <?php checked( 1, $settings['premium-wht-lbl-option'], true ); ?>>
165
  <label for="premium-wht-lbl-option"></label>
166
+ <span><?php echo __( 'This will hide the White Labeling tab options.', 'premium-addons-for-elementor' ); ?></span>
167
 
168
  <p>
169
+ <strong><?php _e( 'NOTE: ', 'premium-addons-for-elementor' ); ?></strong>
170
+ <?php echo __( 'You will need to reactivate Premium Addons PRO for Elementor plugin to be able to reset White Labeling tab options.', 'premium-addons-for-elementor' ); ?>
171
  </p>
172
  </div>
173
  </div>
175
  <div class="clearfix"></div>
176
  </div>
177
  </form>
178
+ </div>
179
+ </div>
180
+ </div> <!-- End Section Content -->
assets/frontend/css/premium-addons-rtl.css CHANGED
@@ -1,8239 +1,8239 @@
1
- @font-face {
2
- font-family: "pa-elements";
3
- src: url("../../editor/fonts/pa-elements.eot?7pjc22");
4
- src: url("../../editor/fonts/pa-elements.eot?7pjc22#iefix") format("embedded-opentype"),
5
- url("../../editor/fonts/pa-elements.ttf?7pjc22") format("truetype"),
6
- url("../../editor/fonts/pa-elements.woff?7pjc22") format("woff"),
7
- url("../../editor/fonts/pa-elements.svg?7pjc22#pa-elements") format("svg");
8
- font-weight: normal;
9
- font-style: normal;
10
- }
11
-
12
- /**************** Premium Banner ****************/
13
- /************************************************/
14
- .premium-banner {
15
- overflow: hidden;
16
- }
17
-
18
- .premium-banner-ib {
19
- display: block;
20
- position: relative;
21
- }
22
-
23
- .premium-banner-ib img {
24
- display: block;
25
- position: relative;
26
- }
27
-
28
- .premium-banner-img-wrap {
29
- -js-display: flex;
30
- display: -webkit-box;
31
- display: -webkit-flex;
32
- display: -moz-box;
33
- display: -ms-flexbox;
34
- display: flex;
35
- height: 100%;
36
- }
37
-
38
- .premium-banner-img-wrap .premium-banner-ib-img {
39
- -webkit-flex-shrink: 0;
40
- -ms-flex-negative: 0;
41
- flex-shrink: 0;
42
- }
43
-
44
- .premium-banner-ib {
45
- z-index: 1;
46
- overflow: hidden;
47
- margin: 0 0 35px;
48
- text-align: center;
49
- -webkit-box-sizing: border-box;
50
- -moz-box-sizing: border-box;
51
- box-sizing: border-box;
52
- }
53
-
54
- .premium-banner-ib-desc .premium-banner-read-more {
55
- z-index: 100;
56
- }
57
-
58
- .premium-banner-ib,
59
- .wpb_column>.wpb_wrapper .premium-banner-ib {
60
- margin-bottom: 0px;
61
- }
62
-
63
- .elementor-widget-premium-addon-banner .premium-banner-ib-title {
64
- background: transparent;
65
- }
66
-
67
- .premium-banner-ib *,
68
- .premium-banner-ib .premium-banner-ib-desc {
69
- -webkit-box-sizing: border-box;
70
- -moz-box-sizing: border-box;
71
- box-sizing: border-box;
72
- }
73
-
74
- .premium-banner-ib img {
75
- min-width: 100%;
76
- max-width: 100%;
77
- -webkit-transition: opacity 0.35s;
78
- transition: opacity 0.35s;
79
- }
80
-
81
- .premium-banner-ib .premium-banner-ib-desc {
82
- padding: 15px;
83
- -webkit-backface-visibility: hidden;
84
- backface-visibility: hidden;
85
- -webkit-box-sizing: border-box;
86
- -moz-box-sizing: border-box;
87
- box-sizing: border-box;
88
- position: absolute;
89
- top: 0;
90
- right: 0;
91
- width: 100%;
92
- height: 100%;
93
- }
94
-
95
- .premium-banner-ib .premium-banner-ib-link {
96
- position: absolute;
97
- top: 0;
98
- right: 0;
99
- width: 100%;
100
- height: 100%;
101
- z-index: 1000;
102
- text-indent: 200%;
103
- white-space: nowrap;
104
- font-size: 0;
105
- opacity: 0;
106
- }
107
-
108
- .premium-banner-ib a.premium-banner-ib-link {
109
- display: block;
110
- background: 100% 0;
111
- }
112
-
113
- .premium-banner-animation1 img {
114
- width: -webkit-calc(100% + 50px) !important;
115
- width: calc(100% + 50px) !important;
116
- max-width: -webkit-calc(100% + 50px) !important;
117
- max-width: calc(100% + 50px) !important;
118
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
119
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
120
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
121
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
122
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
123
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
124
- -webkit-transform: translate3d(40px, 0, 0);
125
- transform: translate3d(40px, 0, 0);
126
- }
127
-
128
- .premium-banner-animation2 .premium-banner-ib-title {
129
- padding: 15px;
130
- }
131
-
132
- .premium-banner-animation1 .premium-banner-ib-desc {
133
- top: auto;
134
- bottom: 0;
135
- min-height: 25%;
136
- height: auto;
137
- max-height: 100%;
138
- text-align: right;
139
- }
140
-
141
- .premium-banner-animation1 .premium-banner-ib-content,
142
- .premium-banner-animation1 .premium-banner-ib-title,
143
- .premium-banner-animation1 .premium-banner-read-more {
144
- -webkit-transform: translate3d(0, 40px, 0);
145
- transform: translate3d(0, 40px, 0);
146
- -webkit-transition-delay: 0.05s;
147
- transition-delay: 0.05s;
148
- -webkit-transition-duration: 0.35s;
149
- transition-duration: 0.35s;
150
- }
151
-
152
- .premium-banner-animation1 .premium-banner-ib-title {
153
- -webkit-transition: -webkit-transform 0.35s;
154
- transition: -webkit-transform 0.35s;
155
- transition: transform 0.35s;
156
- transition: transform 0.35s, -webkit-transform 0.35s;
157
- }
158
-
159
- .premium-banner-animation1 .premium-banner-ib-content,
160
- .premium-banner-animation1 .premium-banner-read-more {
161
- margin-top: 10px;
162
- opacity: 0;
163
- -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
164
- transition: opacity 0.2s, -webkit-transform 0.35s;
165
- transition: opacity 0.2s, transform 0.35s;
166
- transition: opacity 0.2s, transform 0.35s, -webkit-transform 0.35s;
167
- }
168
-
169
- .premium-banner-animation1:hover .premium-banner-ib-content,
170
- .premium-banner-animation1.active .premium-banner-ib-content,
171
- .premium-banner-animation1:hover .premium-banner-read-more,
172
- .premium-banner-animation1.active .premium-banner-read-more {
173
- opacity: 1;
174
- -webkit-transition-delay: 0.05s;
175
- transition-delay: 0.05s;
176
- -webkit-transition-duration: 0.35s;
177
- transition-duration: 0.35s;
178
- }
179
-
180
- .premium-banner-animation1:hover .premium-banner-ib-content,
181
- .premium-banner-animation1.active .premium-banner-ib-content,
182
- .premium-banner-animation1:hover .premium-banner-read-more,
183
- .premium-banner-animation1.active .premium-banner-read-more,
184
- .premium-banner-animation1:hover .premium-banner-ib-title,
185
- .premium-banner-animation1.active .premium-banner-ib-title,
186
- .premium-banner-animation1:hover img,
187
- .premium-banner-animation1.active img {
188
- -webkit-transform: translate3d(0, 0, 0);
189
- transform: translate3d(0, 0, 0);
190
- -webkit-transition-delay: 0.05s;
191
- transition-delay: 0.05s;
192
- -webkit-transition-duration: 0.35s;
193
- transition-duration: 0.35s;
194
- }
195
-
196
- .premium-banner-animation1.zoomout img,
197
- .premium-banner-animation1.scale img {
198
- -webkit-transform: translate3d(40px, 0, 0) scale(1.1);
199
- transform: translate3d(40px, 0, 0) scale(1.1);
200
- }
201
-
202
- .premium-banner-ib.sepia img {
203
- -webkit-filter: sepia(30%);
204
- filter: sepia(30%);
205
- }
206
-
207
- .premium-banner-ib.bright img {
208
- -webkit-filter: brightness(1);
209
- filter: brightness(1);
210
- }
211
-
212
- .premium-banner-ib.sepia:hover img {
213
- -webkit-filter: sepia(0%);
214
- filter: sepia(0%);
215
- }
216
-
217
- .premium-banner-ib.bright:hover img {
218
- -webkit-filter: brightness(1.2);
219
- filter: brightness(1.2);
220
- }
221
-
222
- .premium-banner-animation1.premium-banner-min-height img,
223
- .premium-banner-animation2.premium-banner-min-height img,
224
- .premium-banner-animation4.premium-banner-min-height img,
225
- .premium-banner-animation5.premium-banner-min-height img,
226
- .premium-banner-animation6.premium-banner-min-height img,
227
- .premium-banner-animation13.premium-banner-min-height img {
228
- height: auto;
229
- }
230
-
231
- .premium-banner-animation2 img {
232
- width: 100%;
233
- }
234
-
235
- .premium-banner-animation2 .premium-banner-ib-desc::before {
236
- position: absolute;
237
- content: "";
238
- top: 0;
239
- right: 0;
240
- width: 100%;
241
- height: 100%;
242
- opacity: 0;
243
- -webkit-transform: translate3d(0, 50%, 0);
244
- transform: translate3d(0, 50%, 0);
245
- }
246
-
247
- .premium-banner-animation2 .premium-banner-ib-title {
248
- position: absolute;
249
- top: 50%;
250
- right: 0;
251
- width: 100%;
252
- -webkit-transition: color 0.35s, -webkit-transform 0.35s;
253
- transition: color 0.35s, -webkit-transform 0.35s;
254
- transition: transform 0.35s, color 0.35s;
255
- transition: transform 0.35s, color 0.35s, -webkit-transform 0.35s;
256
- -webkit-transform: translate3d(0, -50%, 0);
257
- transform: translate3d(0, -50%, 0);
258
- }
259
-
260
- .premium-banner-animation2 .premium-banner-ib-content,
261
- .premium-banner-animation2 .premium-banner-read-more,
262
- .premium-banner-animation2 .premium-banner-ib-desc::before {
263
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
264
- transition: opacity 0.35s, -webkit-transform 0.35s;
265
- transition: opacity 0.35s, transform 0.35s;
266
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
267
- }
268
-
269
- .premium-banner-animation2 .premium-banner-ib-content,
270
- .premium-banner-animation2 .premium-banner-read-more {
271
- position: absolute;
272
- bottom: 0;
273
- right: 0;
274
- padding: 15px;
275
- width: 100%;
276
- max-height: 50%;
277
- opacity: 0;
278
- -webkit-transform: translate3d(0, 10px, 0);
279
- transform: translate3d(0, 10px, 0);
280
- }
281
-
282
- .premium-banner-animation2:hover .premium-banner-ib-title,
283
- .premium-banner-animation2.active .premium-banner-ib-title {
284
- -webkit-transform: translate3d(0, -40px, 0);
285
- transform: translate3d(0, -40px, 0);
286
- }
287
-
288
- .premium-banner-animation2:hover .premium-banner-read-more,
289
- .premium-banner-animation2.active .premium-banner-read-more,
290
- .premium-banner-animation2:hover .premium-banner-ib-desc::before,
291
- .premium-banner-animation2.active .premium-banner-ib-desc::before {
292
- opacity: 1;
293
- -webkit-transform: translate3d(0, 0, 0);
294
- transform: translate3d(0, 0, 0);
295
- }
296
-
297
- .premium-banner-animation2:hover .premium-banner-ib-content,
298
- .premium-banner-animation2.active .premium-banner-ib-content {
299
- opacity: 1;
300
- -webkit-transform: translate3d(0, -30px, 0);
301
- transform: translate3d(0, -30px, 0);
302
- }
303
-
304
- .premium-banner-animation3 .premium-banner-ib-title {
305
- position: absolute;
306
- bottom: 0;
307
- right: 0;
308
- padding: 15px;
309
- width: 100%;
310
- text-align: right;
311
- -webkit-transform: translate3d(0, -30px, 0);
312
- transform: translate3d(0, -30px, 0);
313
- }
314
-
315
- .premium-banner-animation3 .premium-banner-ib-desc::before,
316
- .premium-banner-animation3 .premium-banner-ib-title {
317
- -webkit-transition: -webkit-transform 0.35s;
318
- transition: -webkit-transform 0.35s;
319
- transition: transform 0.35s;
320
- transition: transform 0.35s, -webkit-transform 0.35s;
321
- }
322
-
323
- .premium-banner-animation3:hover .premium-banner-ib-desc::before,
324
- .premium-banner-animation3.active .premium-banner-ib-desc::before,
325
- .premium-banner-animation3:hover .premium-banner-ib-title,
326
- .premium-banner-animation3.active .premium-banner-ib-title {
327
- opacity: 1;
328
- -webkit-transform: translate3d(0, 0, 0);
329
- transform: translate3d(0, 0, 0);
330
- }
331
-
332
- .premium-banner-animation3 .premium-banner-ib-content {
333
- max-height: -webkit-calc(100% - 60px - 1.5em);
334
- max-height: calc(100% - 60px - 1.5em);
335
- overflow: hidden;
336
- }
337
-
338
- .premium-banner-animation4 img {
339
- width: -webkit-calc(100% + 40px) !important;
340
- width: calc(100% + 40px) !important;
341
- max-width: -webkit-calc(100% + 40px) !important;
342
- max-width: calc(100% + 40px) !important;
343
- }
344
-
345
- .premium-banner-animation4 .premium-banner-ib-desc {
346
- padding: 30px;
347
- }
348
-
349
- .premium-banner-animation4 .premium-banner-ib-desc::after {
350
- position: absolute;
351
- content: "";
352
- opacity: 0;
353
- }
354
-
355
- .premium-banner-animation4 .premium-banner-ib-desc::before {
356
- position: absolute;
357
- content: "";
358
- opacity: 0;
359
- top: 50px;
360
- left: 30px;
361
- bottom: 50px;
362
- right: 30px;
363
- border-top: 1px solid #fff;
364
- border-bottom: 1px solid #fff;
365
- -webkit-transform: scale(0, 1);
366
- -ms-transform: scale(0, 1);
367
- transform: scale(0, 1);
368
- -webkit-transform-origin: 100% 0;
369
- -ms-transform-origin: 100% 0;
370
- transform-origin: 100% 0;
371
- }
372
-
373
- .premium-banner-animation4 .premium-banner-ib-desc::after {
374
- top: 30px;
375
- left: 50px;
376
- bottom: 30px;
377
- right: 50px;
378
- border-left: 1px solid #fff;
379
- border-right: 1px solid #fff;
380
- -webkit-transform: scale(1, 0);
381
- -ms-transform: scale(1, 0);
382
- transform: scale(1, 0);
383
- -webkit-transform-origin: 0% 0;
384
- -ms-transform-origin: 0% 0;
385
- transform-origin: 0% 0;
386
- }
387
-
388
- .premium-banner-animation4 .premium-banner-ib-title {
389
- padding: 50px 30px 0 30px;
390
- -webkit-transition: -webkit-transform 0.35s;
391
- transition: -webkit-transform 0.35s;
392
- transition: transform 0.35s;
393
- transition: transform 0.35s, -webkit-transform 0.35s;
394
- }
395
-
396
- .premium-banner-animation4 .premium-banner-ib-content,
397
- .premium-banner-animation4 .premium-banner-read-more {
398
- padding: 10px 30px;
399
- opacity: 0;
400
- overflow: hidden;
401
- -webkit-transform: translate3d(0, -10px, 0);
402
- transform: translate3d(0, -10px, 0);
403
- }
404
-
405
- .premium-banner-animation4 .premium-banner-ib-title,
406
- .premium-banner-animation4 img {
407
- -webkit-transform: translate3d(30px, 0, 0);
408
- transform: translate3d(30px, 0, 0);
409
- }
410
-
411
- .premium-banner-animation4.zoomout img,
412
- .premium-banner-animation4.scale img {
413
- -webkit-transform: translate3d(30px, 0, 0) scale(1.1);
414
- transform: translate3d(30px, 0, 0) scale(1.1);
415
- }
416
-
417
- .premium-banner-animation4 .premium-banner-ib-content,
418
- .premium-banner-animation4 .premium-banner-read-more {
419
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
420
- transition: opacity 0.35s, -webkit-transform 0.35s;
421
- transition: opacity 0.35s, transform 0.35s;
422
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
423
- }
424
-
425
- .premium-banner-animation4 .premium-banner-ib-desc::after,
426
- .premium-banner-animation4 .premium-banner-ib-desc::before {
427
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
428
- transition: opacity 0.35s, -webkit-transform 0.35s;
429
- transition: opacity 0.35s, transform 0.35s;
430
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
431
- }
432
-
433
- .premium-banner-animation4 img {
434
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
435
- transition: opacity 0.35s, -webkit-transform 0.35s;
436
- transition: opacity 0.35s, transform 0.35s;
437
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
438
- }
439
-
440
- .premium-banner-animation4:hover .premium-banner-ib-desc::after,
441
- .premium-banner-animation4.active .premium-banner-ib-desc::after,
442
- .premium-banner-animation4:hover .premium-banner-ib-desc::before,
443
- .premium-banner-animation4.active .premium-banner-ib-desc::before {
444
- opacity: 1;
445
- -webkit-transform: scale(1);
446
- -ms-transform: scale(1);
447
- transform: scale(1);
448
- }
449
-
450
- .premium-banner-animation4:hover .premium-banner-ib-content,
451
- .premium-banner-animation4.active .premium-banner-ib-content,
452
- .premium-banner-animation4:hover .premium-banner-read-more,
453
- .premium-banner-animation4.active .premium-banner-read-more,
454
- .premium-banner-animation4:hover .premium-banner-ib-title,
455
- .premium-banner-animation4.active .premium-banner-ib-title {
456
- opacity: 1;
457
- -webkit-transform: translate3d(0, 0, 0);
458
- transform: translate3d(0, 0, 0);
459
- }
460
-
461
- .premium-banner-animation4:hover .premium-banner-ib-content,
462
- .premium-banner-animation4:hover .premium-banner-ib-desc::after,
463
- .premium-banner-animation4:hover .premium-banner-ib-title,
464
- .premium-banner-animation4:hover img {
465
- -webkit-transition-delay: 0.15s;
466
- transition-delay: 0.15s;
467
- }
468
-
469
- .premium-banner-animation5 .premium-banner-ib-desc {
470
- top: auto;
471
- bottom: 0;
472
- padding: 15px;
473
- height: auto;
474
- background: #f2f2f2;
475
- color: #3c4a50;
476
- -webkit-transition: -webkit-transform 0.35s;
477
- transition: -webkit-transform 0.35s;
478
- transition: transform 0.35s;
479
- transition: transform 0.35s, -webkit-transform 0.35s;
480
- -webkit-transform: translate3d(0, 100%, 0);
481
- transform: translate3d(0, 100%, 0);
482
- }
483
-
484
- .premium-banner-animation5 .premium-banner-ib-content {
485
- position: absolute;
486
- top: auto;
487
- bottom: 100%;
488
- right: 0;
489
- width: 100%;
490
- padding: 15px;
491
- opacity: 0;
492
- -webkit-transition: opacity 0.35s;
493
- transition: opacity 0.35s;
494
- }
495
-
496
- .premium-banner-animation5 .premium-banner-ib-title,
497
- .premium-banner-animation5 .premium-banner-read-more {
498
- -webkit-transition: -webkit-transform 0.35s;
499
- transition: -webkit-transform 0.35s;
500
- transition: transform 0.35s;
501
- transition: transform 0.35s, -webkit-transform 0.35s;
502
- -webkit-transform: translate3d(0, 200%, 0);
503
- transform: translate3d(0, 200%, 0);
504
- text-align: center;
505
- }
506
-
507
- .premium-banner-animation5 .premium-banner-ib-title {
508
- margin: 10px 0;
509
- }
510
-
511
- .premium-banner-animation5:hover .premium-banner-ib-content,
512
- .premium-banner-animation5.active .premium-banner-ib-content,
513
- .premium-banner-animation5:hover .premium-banner-ib-content *,
514
- .premium-banner-animation5.active .premium-banner-ib-content * {
515
- opacity: 1 !important;
516
- z-index: 99 !important;
517
- -webkit-backface-visibility: hidden !important;
518
- backface-visibility: hidden !important;
519
- }
520
-
521
- .premium-banner-animation5:hover .premium-banner-ib-desc,
522
- .premium-banner-animation5.active .premium-banner-ib-desc,
523
- .premium-banner-animation5:hover .premium-banner-ib-title,
524
- .premium-banner-animation5.active .premium-banner-ib-title,
525
- .premium-banner-animation5:hover .premium-banner-read-more,
526
- .premium-banner-animation5.active .premium-banner-read-more {
527
- -webkit-transform: translateY(0);
528
- -ms-transform: translateY(0);
529
- transform: translateY(0);
530
- }
531
-
532
- .premium-banner-animation5:hover .premium-banner-ib-title {
533
- -webkit-transition-delay: 0.05s;
534
- transition-delay: 0.05s;
535
- }
536
-
537
- .premium-banner-animation5 img {
538
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
539
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
540
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
541
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
542
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
543
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
544
- }
545
-
546
- .premium-banner-animation2 img,
547
- .premium-banner-animation4 img,
548
- .premium-banner-animation6 img {
549
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
550
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
551
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
552
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
553
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
554
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
555
- }
556
-
557
- .premium-banner-animation5.zoomout img,
558
- .premium-banner-animation5.scale img {
559
- -webkit-transform: scale(1.1);
560
- -ms-transform: scale(1.1);
561
- transform: scale(1.1);
562
- }
563
-
564
- .premium-banner-animation2.zoomout img,
565
- .premium-banner-animation2.scale img {
566
- -webkit-transform: scale(1.1);
567
- -ms-transform: scale(1.1);
568
- transform: scale(1.1);
569
- }
570
-
571
- .premium-banner-animation6.zoomout img,
572
- .premium-banner-animation6.scale img {
573
- -webkit-transform: scale(1.1);
574
- -ms-transform: scale(1.1);
575
- transform: scale(1.1);
576
- }
577
-
578
- .premium-banner-animation5.zoomin:hover img,
579
- .premium-banner-animation2.zoomin:hover img,
580
- .premium-banner-animation6.zoomin:hover img {
581
- -webkit-transform: scale(1.1);
582
- -ms-transform: scale(1.1);
583
- transform: scale(1.1);
584
- }
585
-
586
- .premium-banner-animation5.zoomout:hover img,
587
- .premium-banner-animation2.zoomout:hover img,
588
- .premium-banner-animation6.zoomout:hover img {
589
- -webkit-transform: scale(1);
590
- -ms-transform: scale(1);
591
- transform: scale(1);
592
- }
593
-
594
- .premium-banner-animation5.scale:hover img,
595
- .premium-banner-animation2.scale:hover img,
596
- .premium-banner-animation6.scale:hover img {
597
- -webkit-transform: scale(1.2) rotate(-5deg);
598
- -ms-transform: scale(1.2) rotate(-5deg);
599
- transform: scale(1.2) rotate(-5deg);
600
- }
601
-
602
- .premium-banner-animation5.grayscale:hover img,
603
- .premium-banner-animation2.grayscale:hover img,
604
- .premium-banner-animation6.grayscale:hover img {
605
- -webkit-filter: grayscale(100%);
606
- filter: grayscale(100%);
607
- }
608
-
609
- .premium-banner-animation5.blur:hover img,
610
- .premium-banner-animation2.blur:hover img {
611
- -webkit-filter: blur(3px);
612
- filter: blur(3px);
613
- }
614
-
615
- .premium-banner-animation6.blur:hover img {
616
- -webkit-filter: blur(3px);
617
- filter: blur(3px);
618
- }
619
-
620
- .premium-banner-animation6 .premium-banner-ib-desc {
621
- padding: 45px;
622
- }
623
-
624
- .premium-banner-animation6 .premium-banner-ib-desc::before {
625
- position: absolute;
626
- content: "";
627
- top: 30px;
628
- left: 30px;
629
- bottom: 30px;
630
- right: 30px;
631
- border: 1px solid #fff;
632
- }
633
-
634
- .premium-banner-animation6 .premium-banner-ib-title {
635
- margin: 20px 0 10px;
636
- -webkit-transition: -webkit-transform 0.35s;
637
- transition: -webkit-transform 0.35s;
638
- transition: transform 0.35s;
639
- transition: transform 0.35s, -webkit-transform 0.35s;
640
- -webkit-transform: translate3d(0, 100%, 0);
641
- transform: translate3d(0, 100%, 0);
642
- }
643
-
644
- .premium-banner-animation6 .premium-banner-ib-content,
645
- .premium-banner-animation6 .premium-banner-read-more,
646
- .premium-banner-animation6 .premium-banner-ib-desc::before {
647
- opacity: 0;
648
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
649
- transition: opacity 0.35s, -webkit-transform 0.35s;
650
- transition: opacity 0.35s, transform 0.35s;
651
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
652
- -webkit-transform: scale(0);
653
- -ms-transform: scale(0);
654
- transform: scale(0);
655
- }
656
-
657
- .premium-banner-animation6 .premium-banner-read-more {
658
- margin-top: 10px;
659
- }
660
-
661
- .premium-banner-animation6:hover .premium-banner-ib-title,
662
- .premium-banner-animation6.active .premium-banner-ib-title {
663
- -webkit-transform: translate3d(0, 0, 0);
664
- transform: translate3d(0, 0, 0);
665
- }
666
-
667
- .premium-banner-animation6:hover .premium-banner-ib-content,
668
- .premium-banner-animation6.active .premium-banner-ib-content,
669
- .premium-banner-animation6:hover .premium-banner-read-more,
670
- .premium-banner-animation6.active .premium-banner-read-more,
671
- .premium-banner-animation6:hover .premium-banner-ib-desc::before,
672
- .premium-banner-animation6.active .premium-banner-ib-desc::before {
673
- opacity: 1;
674
- -webkit-transform: scale(1);
675
- -ms-transform: scale(1);
676
- transform: scale(1);
677
- }
678
-
679
- .premium-banner-animation12 .premium-banner-ib-desc::after {
680
- position: absolute;
681
- content: "";
682
- left: 30px;
683
- bottom: 30px;
684
- right: 30px;
685
- height: -webkit-calc(50% - 30px);
686
- height: calc(50% - 30px);
687
- border: 7px solid #fff;
688
- -webkit-transition: -webkit-transform 0.35s;
689
- transition: -webkit-transform 0.35s;
690
- transition: transform 0.35s;
691
- transition: transform 0.35s, -webkit-transform 0.35s;
692
- -webkit-transform: translate3d(0, -100%, 0);
693
- transform: translate3d(0, -100%, 0);
694
- }
695
-
696
- .premium-banner-animation12:hover .premium-banner-ib-desc::after,
697
- .premium-banner-animation12.active .premium-banner-ib-desc::after {
698
- -webkit-transform: translate3d(0, 0, 0);
699
- transform: translate3d(0, 0, 0);
700
- }
701
-
702
- .premium-banner-animation12 .premium-banner-ib-desc {
703
- padding: 45px;
704
- text-align: right;
705
- }
706
-
707
- .premium-banner-animation12 .premium-banner-ib-content {
708
- position: absolute;
709
- left: 60px;
710
- bottom: 60px;
711
- right: 60px;
712
- opacity: 0;
713
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
714
- transition: opacity 0.35s, -webkit-transform 0.35s;
715
- transition: opacity 0.35s, transform 0.35s;
716
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
717
- -webkit-transform: translate3d(0, -100px, 0);
718
- transform: translate3d(0, -100px, 0);
719
- }
720
-
721
- .premium-banner-animation12:hover .premium-banner-ib-content,
722
- .premium-banner-animation12.active .premium-banner-ib-content {
723
- opacity: 1;
724
- -webkit-transform: translate3d(0, 0, 0);
725
- transform: translate3d(0, 0, 0);
726
- }
727
-
728
- .premium-banner-animation13 img {
729
- width: -webkit-calc(100% + 20px) !important;
730
- width: calc(100% + 20px) !important;
731
- max-width: -webkit-calc(100% + 20px) !important;
732
- max-width: calc(100% + 20px) !important;
733
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
734
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
735
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
736
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
737
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
738
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
739
- -webkit-transform: translate3d(10px, 0, 0);
740
- transform: translate3d(10px, 0, 0);
741
- -webkit-backface-visibility: hidden;
742
- backface-visibility: hidden;
743
- }
744
-
745
- .premium-banner-animation13.zoomout img,
746
- .premium-banner-animation13.scale img {
747
- -webkit-transform: translate3d(10px, 0, 0) scale(1.1);
748
- transform: translate3d(10px, 0, 0) scale(1.1);
749
- }
750
-
751
- .premium-banner-animation13.none:hover img {
752
- -webkit-transform: translate3d(0, 0, 0);
753
- transform: translate3d(0, 0, 0);
754
- }
755
-
756
- .premium-banner-animation1.none:hover img,
757
- .premium-banner-animation4.none:hover img {
758
- -webkit-transform: translate3d(0, 0, 0);
759
- transform: translate3d(0, 0, 0);
760
- }
761
-
762
- .premium-banner-animation13.zoomin:hover img,
763
- .premium-banner-animation1.zoomin:hover img,
764
- .premium-banner-animation4.zoomin:hover img,
765
- .premium-banner-animation8.zoomin:hover img,
766
- .premium-banner-animation7.zoomin:hover img,
767
- .premium-banner-animation9.zoomin:hover img,
768
- .premium-banner-animation10.zoomin:hover img,
769
- .premium-banner-animation11.zoomin:hover img {
770
- -webkit-transform: translate3d(0, 0, 0) scale(1.1);
771
- transform: translate3d(0, 0, 0) scale(1.1);
772
- }
773
-
774
- .premium-banner-animation13.zoomout:hover img,
775
- .premium-banner-animation1.zoomout:hover img,
776
- .premium-banner-animation4.zoomout:hover img,
777
- .premium-banner-animation8.zoomout:hover img,
778
- .premium-banner-animation7.zoomout:hover img,
779
- .premium-banner-animation9.zoomout:hover img,
780
- .premium-banner-animation10.zoomout:hover img,
781
- .premium-banner-animation11.zoomout:hover img {
782
- -webkit-transform: translate3d(0, 0, 0) scale(1);
783
- transform: translate3d(0, 0, 0) scale(1);
784
- }
785
-
786
- .premium-banner-animation13.scale:hover img,
787
- .premium-banner-animation1.scale:hover img,
788
- .premium-banner-animation4.scale:hover img,
789
- .premium-banner-animation8.scale:hover img,
790
- .premium-banner-animation7.scale:hover img,
791
- .premium-banner-animation9.scale:hover img,
792
- .premium-banner-animation10.scale:hover img,
793
- .premium-banner-animation11.scale:hover img {
794
- -webkit-transform: translate3d(0, 0, 0) scale(1.2) rotate(-5deg);
795
- transform: translate3d(0, 0, 0) scale(1.2) rotate(-5deg);
796
- }
797
-
798
- .premium-banner-animation13.grayscale:hover img,
799
- .premium-banner-animation1.grayscale:hover img,
800
- .premium-banner-animation4.grayscale:hover img,
801
- .premium-banner-animation8.grayscale:hover img,
802
- .premium-banner-animation7.grayscale:hover img,
803
- .premium-banner-animation9.grayscale:hover img,
804
- .premium-banner-animation10.grayscale:hover img,
805
- .premium-banner-animation11.grayscale:hover img {
806
- -webkit-transform: translate3d(0, 0, 0);
807
- transform: translate3d(0, 0, 0);
808
- -webkit-filter: grayscale(100%);
809
- filter: grayscale(100%);
810
- }
811
-
812
- .premium-banner-animation13.blur:hover img,
813
- .premium-banner-animation1.blur:hover img,
814
- .premium-banner-animation4.blur:hover,
815
- .premium-banner-animation8.blur:hover img,
816
- .premium-banner-animation7.blur:hover img,
817
- .premium-banner-animation9.blur:hover img,
818
- .premium-banner-animation10.blur:hover img,
819
- .premium-banner-animation11.blur:hover img {
820
- -webkit-transform: translate3d(0, 0, 0);
821
- transform: translate3d(0, 0, 0);
822
- -webkit-filter: blur(3px);
823
- filter: blur(3px);
824
- }
825
-
826
- .premium-banner-animation13 .premium-banner-ib-desc {
827
- text-align: right;
828
- }
829
-
830
- .premium-banner-animation13 .premium-banner-ib-title {
831
- position: relative;
832
- overflow: hidden;
833
- padding: 5px 0 10px;
834
- }
835
-
836
- .premium-banner-animation13 .premium-banner-ib-title::after {
837
- position: absolute;
838
- content: "";
839
- bottom: 0;
840
- right: 0;
841
- width: 100%;
842
- height: 2px;
843
- background: #fff;
844
- -webkit-transition: -webkit-transform 0.35s;
845
- transition: -webkit-transform 0.35s;
846
- transition: transform 0.35s;
847
- transition: transform 0.35s, -webkit-transform 0.35s;
848
- -webkit-transform: translate3d(101%, 0, 0);
849
- transform: translate3d(101%, 0, 0);
850
- }
851
-
852
- .premium-banner-animation13:hover .premium-banner-ib-title::after,
853
- .premium-banner-animation13.active .premium-banner-ib-title::after {
854
- -webkit-transform: translate3d(0, 0, 0);
855
- transform: translate3d(0, 0, 0);
856
- }
857
-
858
- .premium-banner-animation13 .premium-banner-ib-content,
859
- .premium-banner-animation13 .premium-banner-read-more {
860
- padding: 15px 0;
861
- opacity: 0;
862
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
863
- transition: opacity 0.35s, -webkit-transform 0.35s;
864
- transition: opacity 0.35s, transform 0.35s;
865
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
866
- -webkit-transform: translate3d(-100%, 0, 0);
867
- transform: translate3d(-100%, 0, 0);
868
- }
869
-
870
- .premium-banner-animation13:hover .premium-banner-ib-content,
871
- .premium-banner-animation13.active .premium-banner-ib-content,
872
- .premium-banner-animation13:hover .premium-banner-read-more,
873
- .premium-banner-animation13.active .premium-banner-read-more {
874
- opacity: 1;
875
- -webkit-transform: translate3d(0, 0, 0);
876
- transform: translate3d(0, 0, 0);
877
- }
878
-
879
- .premium-banner-ib.premium-banner-animation5 .premium-banner-toggle-size {
880
- right: 50%;
881
- width: auto !important;
882
- height: 100%;
883
- max-width: none;
884
- -webkit-transform: translateX(50%);
885
- -ms-transform: translateX(50%);
886
- transform: translateX(50%);
887
- }
888
-
889
- .premium-banner-ib img {
890
- border: none;
891
- padding: 0;
892
- margin: 0;
893
- }
894
-
895
- .premium-banner-animation7 img {
896
- width: -webkit-calc(100% + 40px) !important;
897
- width: calc(100% + 40px) !important;
898
- max-width: -webkit-calc(100% + 40px) !important;
899
- max-width: calc(100% + 40px) !important;
900
- }
901
-
902
- .premium-banner-animation7 .premium-banner-brlr {
903
- width: 7px;
904
- }
905
-
906
- .premium-banner-animation7 .premium-banner-brtb {
907
- height: 7px;
908
- }
909
-
910
- .premium-banner-animation7 .premium-banner-br {
911
- position: absolute;
912
- z-index: 1;
913
- background-color: white;
914
- -webkit-transition: all 0.3s ease-in-out;
915
- transition: all 0.3s ease-in-out;
916
- -webkit-transition-delay: 0.2s;
917
- transition-delay: 0.2s;
918
- }
919
-
920
- .premium-banner-animation7 .premium-banner-bleft {
921
- right: 30px;
922
- top: -webkit-calc(100% - 150px);
923
- top: calc(100% - 150px);
924
- height: 0;
925
- }
926
-
927
- .premium-banner-animation7 .premium-banner-bright {
928
- left: 30px;
929
- bottom: -webkit-calc(100% - 150px);
930
- bottom: calc(100% - 150px);
931
- height: 0;
932
- }
933
-
934
- .premium-banner-animation7 .premium-banner-bottom {
935
- left: -webkit-calc(100% - 150px);
936
- left: calc(100% - 150px);
937
- bottom: 30px;
938
- width: 0;
939
- }
940
-
941
- .premium-banner-animation7 .premium-banner-btop {
942
- right: -webkit-calc(100% - 150px);
943
- right: calc(100% - 150px);
944
- top: 30px;
945
- width: 0;
946
- }
947
-
948
- .premium-banner-animation7 .premium-banner-ib-desc {
949
- padding: 70px;
950
- display: table;
951
- }
952
-
953
- .premium-banner-animation7 .premium-banner-ib-desc .premium-banner-desc-centered {
954
- display: table-cell;
955
- vertical-align: middle;
956
- }
957
-
958
- .premium-banner-animation7 .premium-banner-ib-title {
959
- margin-top: 0;
960
- }
961
-
962
- .premium-banner-animation7 .premium-banner-ib-title,
963
- .premium-banner-animation7 img {
964
- -webkit-transform: translate3d(30px, 0, 0);
965
- transform: translate3d(30px, 0, 0);
966
- }
967
-
968
- .premium-banner-animation7.zoomout img,
969
- .premium-banner-animation7.scale img {
970
- -webkit-transform: translate3d(30px, 0, 0) scale(1.1);
971
- transform: translate3d(30px, 0, 0) scale(1.1);
972
- }
973
-
974
- .premium-banner-animation7 .premium-banner-ib-content,
975
- .premium-banner-animation7 .premium-banner-read-more {
976
- margin-top: 10px;
977
- }
978
-
979
- .premium-banner-animation7 .premium-banner-ib-desc::after,
980
- .premium-banner-animation7 .premium-banner-ib-desc::before {
981
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
982
- transition: opacity 0.35s, -webkit-transform 0.35s;
983
- transition: opacity 0.35s, transform 0.35s;
984
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
985
- }
986
-
987
- .premium-banner-animation7 .premium-banner-ib-title,
988
- .premium-banner-animation7 .premium-banner-ib-content,
989
- .premium-banner-animation7 .premium-banner-read-more {
990
- opacity: 0;
991
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
992
- transition: opacity 0.35s, -webkit-transform 0.35s;
993
- transition: opacity 0.35s, transform 0.35s;
994
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
995
- }
996
-
997
- .premium-banner-animation7 img {
998
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
999
- transition: opacity 0.35s, -webkit-transform 0.35s;
1000
- transition: opacity 0.35s, transform 0.35s;
1001
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1002
- }
1003
-
1004
- .premium-banner-animation7:hover .premium-banner-ib-content,
1005
- .premium-banner-animation7.active .premium-banner-ib-content,
1006
- .premium-banner-animation7:hover .premium-banner-read-more,
1007
- .premium-banner-animation7.active .premium-banner-read-more,
1008
- .premium-banner-animation7:hover .premium-banner-ib-title,
1009
- .premium-banner-animation7.active .premium-banner-ib-title {
1010
- opacity: 1;
1011
- -webkit-transform: translate3d(0, 0, 0);
1012
- transform: translate3d(0, 0, 0);
1013
- }
1014
-
1015
- .premium-banner-animation7:hover .premium-banner-bleft,
1016
- .premium-banner-animation7.active .premium-banner-bleft {
1017
- top: 30px;
1018
- height: 70px;
1019
- }
1020
-
1021
- .premium-banner-animation7:hover .premium-banner-bright,
1022
- .premium-banner-animation7.active .premium-banner-bright {
1023
- bottom: 30px;
1024
- height: 70px;
1025
- }
1026
-
1027
- .premium-banner-animation7:hover .premium-banner-bottom,
1028
- .premium-banner-animation7.active .premium-banner-bottom {
1029
- left: 30px;
1030
- width: 70px;
1031
- }
1032
-
1033
- .premium-banner-animation7:hover .premium-banner-btop,
1034
- .premium-banner-animation7.active .premium-banner-btop {
1035
- right: 30px;
1036
- width: 70px;
1037
- }
1038
-
1039
- .premium-banner-animation7:hover .premium-banner-ib-content,
1040
- .premium-banner-animation7:hover .premium-banner-read-more,
1041
- .premium-banner-animation7:hover .premium-banner-ib-title,
1042
- .premium-banner-animation7:hover img {
1043
- -webkit-transition-delay: 0.15s;
1044
- transition-delay: 0.15s;
1045
- }
1046
-
1047
- .premium-banner-animation8 img {
1048
- width: -webkit-calc(100% + 40px) !important;
1049
- width: calc(100% + 40px) !important;
1050
- max-width: -webkit-calc(100% + 40px) !important;
1051
- max-width: calc(100% + 40px) !important;
1052
- }
1053
-
1054
- .premium-banner-animation8 .premium-banner-brlr {
1055
- width: 7px;
1056
- }
1057
-
1058
- .premium-banner-animation8 .premium-banner-brtb {
1059
- height: 7px;
1060
- }
1061
-
1062
- .premium-banner-animation8 .premium-banner-br {
1063
- position: absolute;
1064
- z-index: 1;
1065
- background-color: white;
1066
- -webkit-transition: all 0.3s ease-in-out;
1067
- transition: all 0.3s ease-in-out;
1068
- -webkit-transition-delay: 0.2s;
1069
- transition-delay: 0.2s;
1070
- }
1071
-
1072
- .premium-banner-animation8 .premium-banner-bleft {
1073
- right: 30px;
1074
- top: 50%;
1075
- -webkit-transform: translateY(-50%);
1076
- -ms-transform: translateY(-50%);
1077
- transform: translateY(-50%);
1078
- height: 0;
1079
- }
1080
-
1081
- .premium-banner-animation8 .premium-banner-bright {
1082
- left: 30px;
1083
- top: 50%;
1084
- -webkit-transform: translateY(-50%);
1085
- -ms-transform: translateY(-50%);
1086
- transform: translateY(-50%);
1087
- height: 0;
1088
- }
1089
-
1090
- .premium-banner-animation8 .premium-banner-bottom {
1091
- right: 50%;
1092
- -webkit-transform: translateX(50%);
1093
- -ms-transform: translateX(50%);
1094
- transform: translateX(50%);
1095
- bottom: 30px;
1096
- width: 0;
1097
- }
1098
-
1099
- .premium-banner-animation8 .premium-banner-btop {
1100
- right: 50%;
1101
- -webkit-transform: translateX(50%);
1102
- -ms-transform: translateX(50%);
1103
- transform: translateX(50%);
1104
- top: 30px;
1105
- width: 0;
1106
- }
1107
-
1108
- .premium-banner-animation8 .premium-banner-ib-desc {
1109
- padding: 70px;
1110
- display: table;
1111
- }
1112
-
1113
- .premium-banner-animation8 .premium-banner-ib-desc .premium-banner-desc-centered {
1114
- display: table-cell;
1115
- vertical-align: middle;
1116
- }
1117
-
1118
- .premium-banner-animation8 .premium-banner-ib-title {
1119
- margin-top: 0;
1120
- }
1121
-
1122
- .premium-banner-animation8 .premium-banner-ib-title,
1123
- .premium-banner-animation8 img {
1124
- -webkit-transform: translate3d(30px, 0, 0);
1125
- transform: translate3d(30px, 0, 0);
1126
- }
1127
-
1128
- .premium-banner-animation8.zoomout img,
1129
- .premium-banner-animation8.scale img {
1130
- -webkit-transform: translate3d(30px, 0, 0) scale(1.1);
1131
- transform: translate3d(30px, 0, 0) scale(1.1);
1132
- }
1133
-
1134
- .premium-banner-animation8 .premium-banner-ib-content,
1135
- .premium-banner-animation8 .premium-banner-read-more {
1136
- margin-top: 10px;
1137
- }
1138
-
1139
- .premium-banner-animation8 .premium-banner-ib-desc::after,
1140
- .premium-banner-animation8 .premium-banner-ib-desc::before {
1141
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1142
- transition: opacity 0.35s, -webkit-transform 0.35s;
1143
- transition: opacity 0.35s, transform 0.35s;
1144
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1145
- }
1146
-
1147
- .premium-banner-animation8 .premium-banner-ib-title,
1148
- .premium-banner-animation8 .premium-banner-ib-content,
1149
- .premium-banner-animation8 .premium-banner-read-more {
1150
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1151
- transition: opacity 0.35s, -webkit-transform 0.35s;
1152
- transition: opacity 0.35s, transform 0.35s;
1153
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1154
- opacity: 0;
1155
- }
1156
-
1157
- .premium-banner-animation8 img {
1158
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1159
- transition: opacity 0.35s, -webkit-transform 0.35s;
1160
- transition: opacity 0.35s, transform 0.35s;
1161
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1162
- }
1163
-
1164
- .premium-banner-animation8:hover .premium-banner-ib-content,
1165
- .premium-banner-animation8.active .premium-banner-ib-content,
1166
- .premium-banner-animation8:hover .premium-banner-read-more,
1167
- .premium-banner-animation8.active .premium-banner-read-more,
1168
- .premium-banner-animation8:hover .premium-banner-ib-title,
1169
- .premium-banner-animation8.active .premium-banner-ib-title {
1170
- opacity: 1;
1171
- -webkit-transform: translate3d(0, 0, 0);
1172
- transform: translate3d(0, 0, 0);
1173
- }
1174
-
1175
- .premium-banner-animation8:hover .premium-banner-bleft,
1176
- .premium-banner-animation8.active .premium-banner-bleft {
1177
- height: -webkit-calc(100% - 61px);
1178
- height: calc(100% - 61px);
1179
- }
1180
-
1181
- .premium-banner-animation8:hover .premium-banner-bright,
1182
- .premium-banner-animation8.active .premium-banner-bright {
1183
- height: -webkit-calc(100% - 61px);
1184
- height: calc(100% - 61px);
1185
- }
1186
-
1187
- .premium-banner-animation8:hover .premium-banner-bottom,
1188
- .premium-banner-animation8.active .premium-banner-bottom {
1189
- width: -webkit-calc(100% - 61px);
1190
- width: calc(100% - 61px);
1191
- }
1192
-
1193
- .premium-banner-animation8:hover .premium-banner-btop,
1194
- .premium-banner-animation8.active .premium-banner-btop {
1195
- width: -webkit-calc(100% - 61px);
1196
- width: calc(100% - 61px);
1197
- }
1198
-
1199
- .premium-banner-animation8:hover .premium-banner-ib-content,
1200
- .premium-banner-animation8:hover .premium-banner-ib-title,
1201
- .premium-banner-animation8:hover .premium-banner-read-more,
1202
- .premium-banner-animation8:hover img {
1203
- -webkit-transition-delay: 0.15s;
1204
- transition-delay: 0.15s;
1205
- }
1206
-
1207
- .premium-banner-animation9 img {
1208
- width: -webkit-calc(100% + 20px) !important;
1209
- width: calc(100% + 20px) !important;
1210
- max-width: -webkit-calc(100% + 20px) !important;
1211
- max-width: calc(100% + 20px) !important;
1212
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1213
- transition: opacity 0.35s, -webkit-transform 0.35s;
1214
- transition: opacity 0.35s, transform 0.35s;
1215
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1216
- -webkit-transform: scale(1.2);
1217
- -ms-transform: scale(1.2);
1218
- transform: scale(1.2);
1219
- }
1220
-
1221
- .premium-banner-animation9 .premium-banner-ib-desc {
1222
- width: 100%;
1223
- height: 100%;
1224
- }
1225
-
1226
- .premium-banner-animation9 .premium-banner-ib-desc::before {
1227
- position: absolute;
1228
- top: 50%;
1229
- right: 50%;
1230
- width: 80%;
1231
- height: 1px;
1232
- background: #fff;
1233
- content: "";
1234
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1235
- transition: opacity 0.35s, -webkit-transform 0.35s;
1236
- transition: opacity 0.35s, transform 0.35s;
1237
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1238
- -webkit-transform: translate3d(50%, -50%, 0);
1239
- transform: translate3d(50%, -50%, 0);
1240
- }
1241
-
1242
- .premium-banner-animation9 .premium-banner-ib-desc::after {
1243
- position: absolute;
1244
- top: 50%;
1245
- right: 50%;
1246
- width: 80%;
1247
- height: 1px;
1248
- background: #fff;
1249
- content: "";
1250
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1251
- transition: opacity 0.35s, -webkit-transform 0.35s;
1252
- transition: opacity 0.35s, transform 0.35s;
1253
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1254
- -webkit-transform: translate3d(50%, -50%, 0);
1255
- transform: translate3d(50%, -50%, 0);
1256
- }
1257
-
1258
- .premium-banner-animation9 .premium-banner-ib-title {
1259
- position: absolute;
1260
- top: 50%;
1261
- right: 0;
1262
- width: 100%;
1263
- -webkit-transition: -webkit-transform 0.35s;
1264
- transition: -webkit-transform 0.35s;
1265
- transition: transform 0.35s;
1266
- transition: transform 0.35s, -webkit-transform 0.35s;
1267
- -webkit-transform: translate3d(0, -70px, 0);
1268
- transform: translate3d(0, -70px, 0);
1269
- margin-top: 0;
1270
- padding: 0 10%;
1271
- }
1272
-
1273
- .premium-banner-animation9:hover .premium-banner-ib-title,
1274
- .premium-banner-animation9.active .premium-banner-ib-title {
1275
- -webkit-transform: translate3d(0, -80px, 0);
1276
- transform: translate3d(0, -80px, 0);
1277
- }
1278
-
1279
- .premium-banner-animation9 .premium-banner-ib-content,
1280
- .premium-banner-animation9 .premium-banner-read-more {
1281
- position: absolute;
1282
- top: 50%;
1283
- right: 0;
1284
- width: 100%;
1285
- -webkit-transition: -webkit-transform 0.35s;
1286
- transition: -webkit-transform 0.35s;
1287
- transition: transform 0.35s;
1288
- transition: transform 0.35s, -webkit-transform 0.35s;
1289
- padding: 0 10%;
1290
- -webkit-transform: translate3d(0, 35px, 0);
1291
- transform: translate3d(0, 35px, 0);
1292
- }
1293
-
1294
- .premium-banner-animation9 .premium-banner-read-more {
1295
- top: 75%;
1296
- }
1297
-
1298
- .premium-banner-animation9:hover .premium-banner-ib-content,
1299
- .premium-banner-animation9.active .premium-banner-ib-content,
1300
- .premium-banner-animation9:hover .premium-banner-read-more,
1301
- .premium-banner-animation9.active .premium-banner-read-more {
1302
- -webkit-transform: translate3d(0, 45px, 0);
1303
- transform: translate3d(0, 45px, 0);
1304
- }
1305
-
1306
- .premium-banner-animation9:hover .premium-banner-ib-desc::before,
1307
- .premium-banner-animation9.active .premium-banner-ib-desc::before {
1308
- opacity: 0.5;
1309
- -webkit-transform: translate3d(50%, -50%, 0) rotate(-45deg);
1310
- transform: translate3d(50%, -50%, 0) rotate(-45deg);
1311
- }
1312
-
1313
- .premium-banner-animation9:hover .premium-banner-ib-desc::after,
1314
- .premium-banner-animation9.active .premium-banner-ib-desc::after {
1315
- opacity: 0.5;
1316
- -webkit-transform: translate3d(50%, -50%, 0) rotate(45deg);
1317
- transform: translate3d(50%, -50%, 0) rotate(45deg);
1318
- }
1319
-
1320
- .premium-banner-animation9:hover img {
1321
- -webkit-transform: scale(1);
1322
- -ms-transform: scale(1);
1323
- transform: scale(1);
1324
- }
1325
-
1326
- .premium-banner-animation10 img {
1327
- width: -webkit-calc(100% + 20px) !important;
1328
- width: calc(100% + 20px) !important;
1329
- max-width: -webkit-calc(100% + 20px) !important;
1330
- max-width: calc(100% + 20px) !important;
1331
- }
1332
-
1333
- .premium-banner-animation10 .premium-banner-ib-title {
1334
- position: relative;
1335
- overflow: hidden;
1336
- padding: 5px 0 15px;
1337
- -webkit-transition: -webkit-transform 0.35s;
1338
- transition: -webkit-transform 0.35s;
1339
- transition: transform 0.35s;
1340
- transition: transform 0.35s, -webkit-transform 0.35s;
1341
- -webkit-transform: translate3d(0, 20px, 0);
1342
- transform: translate3d(0, 20px, 0);
1343
- margin-bottom: 0;
1344
- }
1345
-
1346
- .premium-banner-animation10 .premium-banner-ib-title::after {
1347
- position: absolute;
1348
- content: "";
1349
- bottom: 0;
1350
- right: 0;
1351
- width: 100%;
1352
- height: 3px;
1353
- background: #fff;
1354
- opacity: 0;
1355
- -webkit-transform: translate3d(0, 100%, 0);
1356
- transform: translate3d(0, 100%, 0);
1357
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1358
- transition: opacity 0.35s, -webkit-transform 0.35s;
1359
- transition: opacity 0.35s, transform 0.35s;
1360
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1361
- }
1362
-
1363
- .premium-banner-animation10:hover .premium-banner-ib-title,
1364
- .premium-banner-animation10.active .premium-banner-ib-title {
1365
- -webkit-transform: translate3d(0, 0, 0);
1366
- transform: translate3d(0, 0, 0);
1367
- }
1368
-
1369
- .premium-banner-animation10:hover .premium-banner-ib-title::after,
1370
- .premium-banner-animation10.active .premium-banner-ib-title::after {
1371
- opacity: 1;
1372
- -webkit-transform: translate3d(0, 0, 0);
1373
- transform: translate3d(0, 0, 0);
1374
- }
1375
-
1376
- .premium-banner-animation10 .premium-banner-ib-content,
1377
- .premium-banner-animation10 .premium-banner-read-more {
1378
- padding-top: 15px;
1379
- opacity: 0;
1380
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1381
- transition: opacity 0.35s, -webkit-transform 0.35s;
1382
- transition: opacity 0.35s, transform 0.35s;
1383
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1384
- -webkit-transform: translate3d(0, 100%, 0);
1385
- transform: translate3d(0, 100%, 0);
1386
- }
1387
-
1388
- .premium-banner-animation10 .premium-banner-read-more {
1389
- padding: 0;
1390
- }
1391
-
1392
- .premium-banner-animation10:hover .premium-banner-ib-content,
1393
- .premium-banner-animation10.active .premium-banner-ib-content,
1394
- .premium-banner-animation10:hover .premium-banner-read-more,
1395
- .premium-banner-animation10.active .premium-banner-read-more {
1396
- opacity: 1;
1397
- -webkit-transform: translate3d(0, 0, 0);
1398
- transform: translate3d(0, 0, 0);
1399
- }
1400
-
1401
- .premium-banner-animation11 {
1402
- -webkit-transition: -webkit-transform 1s ease-out;
1403
- transition: -webkit-transform 1s ease-out;
1404
- transition: transform 1s ease-out;
1405
- transition: transform 1s ease-out, -webkit-transform 1s ease-out;
1406
- -webkit-transition-delay: 0.125s;
1407
- transition-delay: 0.125s;
1408
- }
1409
-
1410
- .premium-banner-animation11 .premium-banner-ib-desc {
1411
- position: absolute;
1412
- z-index: 5;
1413
- -webkit-transform: translate3d(30px, 0, 0);
1414
- transform: translate3d(30px, 0, 0);
1415
- opacity: 0;
1416
- top: auto;
1417
- bottom: 0;
1418
- min-height: 25%;
1419
- height: auto;
1420
- max-height: 100%;
1421
- text-align: left;
1422
- padding: 30px;
1423
- -webkit-transition: all 0.6s ease-out;
1424
- transition: all 0.6s ease-out;
1425
- }
1426
-
1427
- .premium-banner-animation11 img {
1428
- width: 100%;
1429
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1430
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1431
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
1432
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1433
- }
1434
-
1435
- .premium-banner-animation11 .premium-banner-ib-title {
1436
- margin-bottom: 10px;
1437
- }
1438
-
1439
- .premium-banner-animation11 .premium-banner-gradient {
1440
- position: absolute;
1441
- left: 0;
1442
- top: 0;
1443
- right: 0;
1444
- bottom: 0;
1445
- }
1446
-
1447
- .premium-banner-animation11 .premium-banner-gradient:after,
1448
- .premium-banner-animation11 .premium-banner-gradient:before {
1449
- position: absolute;
1450
- content: "";
1451
- left: 0;
1452
- top: 0;
1453
- right: 0;
1454
- bottom: 0;
1455
- -webkit-transform: translate3d(100%, 0, 0);
1456
- transform: translate3d(100%, 0, 0);
1457
- background-image: -webkit-linear-gradient(-40deg, rgba(84, 89, 95, 0.5) 27.89%, #6ec1e4 72.11%);
1458
- background-image: -webkit-linear-gradient(130deg, rgba(84, 89, 95, 0.5) 27.89%, #6ec1e4 72.11%);
1459
- background-image: linear-gradient(-40deg, rgba(84, 89, 95, 0.5) 27.89%, #6ec1e4 72.11%);
1460
- z-index: 2;
1461
- }
1462
-
1463
- .premium-banner-animation11 .premium-banner-gradient:before {
1464
- mix-blend-mode: color;
1465
- }
1466
-
1467
- .premium-banner-animation11 .premium-banner-gradient:after {
1468
- mix-blend-mode: multiply;
1469
- }
1470
-
1471
- .premium-banner-animation11:hover .premium-banner-ib-desc,
1472
- .premium-banner-animation11.active .premium-banner-ib-desc {
1473
- opacity: 1;
1474
- -webkit-transform: translate3d(0, 0, 0);
1475
- transform: translate3d(0, 0, 0);
1476
- }
1477
-
1478
- .premium-banner-animation11:hover .premium-banner-gradient:after,
1479
- .premium-banner-animation11:hover .premium-banner-gradient:before,
1480
- .premium-banner-animation11.active .premium-banner-gradient:after,
1481
- .premium-banner-animation11.active .premium-banner-gradient:before {
1482
- -webkit-transform: translate3d(0, 0, 0);
1483
- transform: translate3d(0, 0, 0);
1484
- }
1485
-
1486
- .premium-banner-animation11.zoomout img,
1487
- .premium-banner-animation11.scale img {
1488
- -webkit-transform: translate3d(-10px, 0, 0) scale(1.1);
1489
- transform: translate3d(-10px, 0, 0) scale(1.1);
1490
- }
1491
-
1492
- /************ Premium Countdown ************/
1493
- /*******************************************/
1494
- .premium-countdown {
1495
- -js-display: flex;
1496
- display: -webkit-box;
1497
- display: -webkit-flex;
1498
- display: -moz-box;
1499
- display: -ms-flexbox;
1500
- display: flex;
1501
- text-align: center;
1502
- }
1503
-
1504
- .countdown-row {
1505
- display: block;
1506
- text-align: center;
1507
- }
1508
-
1509
- .countdown .countdown-section {
1510
- display: inline-block;
1511
- max-width: 100%;
1512
- margin-bottom: 15px;
1513
- -js-display: inline-flex;
1514
- display: -webkit-inline-box;
1515
- display: -webkit-inline-flex;
1516
- display: -moz-inline-box;
1517
- display: -ms-inline-flexbox;
1518
- display: inline-flex;
1519
- -webkit-box-align: center;
1520
- -webkit-align-items: center;
1521
- -moz-box-align: center;
1522
- -ms-flex-align: center;
1523
- align-items: center;
1524
- }
1525
-
1526
- .countdown .countdown-section:last-child {
1527
- margin-left: 0;
1528
- }
1529
-
1530
- .countdown span.countdown-amount {
1531
- font-size: 70px;
1532
- line-height: 1;
1533
- padding: 40px;
1534
- }
1535
-
1536
- .countdown .pre_time-mid {
1537
- display: block;
1538
- }
1539
-
1540
- .premium-countdown-separator-yes .countdown_separator {
1541
- display: block;
1542
- margin: 0 50px;
1543
- font-size: 30px;
1544
- }
1545
-
1546
- .premium-countdown-separator-yes .countdown-row .countdown-section:last-child .countdown_separator,
1547
- .premium-countdown-separator-yes .premium-countdown-block:last-child .countdown_separator {
1548
- display: none;
1549
- }
1550
-
1551
- /**
1552
- * Digit and unit styles
1553
- */
1554
- .side .countdown-section .countdown-period {
1555
- vertical-align: bottom;
1556
- }
1557
-
1558
- .countdown .countdown-section .countdown-period {
1559
- font-size: 17px;
1560
- line-height: 3em;
1561
- }
1562
-
1563
- .side .countdown-section .countdown-amount,
1564
- .side .countdown-section .countdown-period {
1565
- display: inline-block;
1566
- }
1567
-
1568
- .side .countdown-section .countdown-amount {
1569
- margin-left: 5px;
1570
- }
1571
-
1572
- .down .countdown-section .countdown-amount,
1573
- .down .countdown-section .countdown-period {
1574
- display: block;
1575
- }
1576
-
1577
- /**
1578
- * Flip Layout
1579
- */
1580
- .premium-countdown-flip .premium-countdown-block {
1581
- text-align: center;
1582
- -js-display: inline-flex;
1583
- display: -webkit-inline-box;
1584
- display: -webkit-inline-flex;
1585
- display: -moz-inline-box;
1586
- display: -ms-inline-flexbox;
1587
- display: inline-flex;
1588
- -webkit-box-align: center;
1589
- -webkit-align-items: center;
1590
- -moz-box-align: center;
1591
- -ms-flex-align: center;
1592
- align-items: center;
1593
- }
1594
-
1595
- .premium-countdown-flip .premium-countdown-block:last-child {
1596
- margin-left: 0;
1597
- }
1598
-
1599
- .premium-countdown-flip .premium-countdown-label {
1600
- overflow: hidden;
1601
- color: #1a1a1a;
1602
- text-transform: uppercase;
1603
- }
1604
-
1605
- .premium-countdown-flip .premium-countdown-figure {
1606
- position: relative;
1607
- height: 110px;
1608
- width: 100px;
1609
- line-height: 107px;
1610
- background-color: #fff;
1611
- -webkit-border-radius: 10px;
1612
- border-radius: 10px;
1613
- -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset -2px 4px 0 0 rgba(255, 255, 255, 0.08);
1614
- box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset -2px 4px 0 0 rgba(255, 255, 255, 0.08);
1615
- }
1616
-
1617
- .premium-countdown-flip .premium-countdown-figure:last-child {
1618
- margin-left: 0;
1619
- }
1620
-
1621
- .premium-countdown-flip .premium-countdown-figure>span {
1622
- position: absolute;
1623
- right: 0;
1624
- left: 0;
1625
- margin: auto;
1626
- font-weight: 700;
1627
- }
1628
-
1629
- .premium-countdown-flip .premium-countdown-figure .top {
1630
- z-index: 3;
1631
- -webkit-transform-origin: 50% 100%;
1632
- -ms-transform-origin: 50% 100%;
1633
- transform-origin: 50% 100%;
1634
- -webkit-transform: perspective(200px);
1635
- transform: perspective(200px);
1636
- -webkit-backface-visibility: hidden;
1637
- backface-visibility: hidden;
1638
- }
1639
-
1640
- .premium-countdown-flip .premium-countdown-figure .bottom {
1641
- z-index: 1;
1642
- }
1643
-
1644
- .premium-countdown-flip .premium-countdown-figure .bottom::before {
1645
- content: "";
1646
- position: absolute;
1647
- display: block;
1648
- top: 0;
1649
- right: 0;
1650
- width: 100%;
1651
- height: 50%;
1652
- background-color: rgba(0, 0, 0, 0.02);
1653
- }
1654
-
1655
- .premium-countdown-flip .premium-countdown-figure .top-back {
1656
- -webkit-backface-visibility: hidden;
1657
- backface-visibility: hidden;
1658
- z-index: 4;
1659
- bottom: 0;
1660
- -webkit-transform-origin: 50% 0;
1661
- -ms-transform-origin: 50% 0;
1662
- transform-origin: 50% 0;
1663
- -webkit-transform: perspective(200px) rotateX(180deg);
1664
- transform: perspective(200px) rotateX(180deg);
1665
- }
1666
-
1667
- .premium-countdown-flip .premium-countdown-figure .top-back span {
1668
- position: absolute;
1669
- top: -100%;
1670
- right: 0;
1671
- left: 0;
1672
- margin: auto;
1673
- }
1674
-
1675
- .premium-countdown-flip .premium-countdown-figure .bottom-back {
1676
- z-index: 2;
1677
- top: 0;
1678
- }
1679
-
1680
- .premium-countdown-flip .premium-countdown-figure .bottom-back span {
1681
- position: absolute;
1682
- top: 0;
1683
- right: 0;
1684
- left: 0;
1685
- margin: auto;
1686
- }
1687
-
1688
- .premium-countdown-flip .premium-countdown-figure .top,
1689
- .premium-countdown-flip .premium-countdown-figure .bottom-back,
1690
- .premium-countdown-flip .premium-countdown-figure .top-back {
1691
- height: 50%;
1692
- overflow: hidden;
1693
- background-color: #f7f7f7;
1694
- -webkit-border-top-right-radius: 10px;
1695
- border-top-right-radius: 10px;
1696
- -webkit-border-top-left-radius: 10px;
1697
- border-top-left-radius: 10px;
1698
- }
1699
-
1700
- .premium-countdown-flip .premium-countdown-figure .top-back {
1701
- -webkit-border-bottom-right-radius: 10px;
1702
- border-bottom-right-radius: 10px;
1703
- -webkit-border-bottom-left-radius: 10px;
1704
- border-bottom-left-radius: 10px;
1705
- }
1706
-
1707
- .premium-countdown-flip .premium-countdown-figure .top::after,
1708
- .premium-countdown-flip .premium-countdown-figure .bottom-back::after {
1709
- content: "";
1710
- position: absolute;
1711
- z-index: -1;
1712
- right: 0;
1713
- bottom: 0;
1714
- width: 100%;
1715
- height: 100%;
1716
- border-bottom: 1px solid rgba(0, 0, 0, 0.1);
1717
- }
1718
-
1719
- .side .premium-countdown-figure,
1720
- .side .premium-countdown-label {
1721
- display: inline-block;
1722
- }
1723
-
1724
- .side .premium-countdown-figure {
1725
- margin-left: 5px;
1726
- }
1727
-
1728
- .down .premium-countdown-figure,
1729
- .down .premium-countdown-label {
1730
- display: block;
1731
- }
1732
-
1733
- .down .premium-countdown-label {
1734
- width: 100%;
1735
- }
1736
-
1737
- /**************** Premium Carousel **************/
1738
- /************************************************/
1739
- .premium-carousel-wrapper a.carousel-arrow,
1740
- .premium-carousel-wrapper a.ver-carousel-arrow,
1741
- .premium-fb-rev-container a.carousel-arrow,
1742
- .premium-tabs-nav-list a.carousel-arrow,
1743
- .premium-blog-wrap a.carousel-arrow,
1744
- .premium-hscroll-wrap a.carousel-arrow,
1745
- .premium-twitter-feed-wrapper a.carousel-arrow,
1746
- .premium-facebook-feed-wrapper a.carousel-arrow,
1747
- .premium-instafeed-container a.carousel-arrow,
1748
- .premium-persons-container a.carousel-arrow {
1749
- display: -ms-flexbox;
1750
- display: -webkit-flex;
1751
- display: -moz-flex;
1752
- display: -ms-flex;
1753
- -js-display: flex;
1754
- display: -webkit-box;
1755
- display: -moz-box;
1756
- display: flex;
1757
- -webkit-box-align: center;
1758
- -webkit-align-items: center;
1759
- -moz-box-align: center;
1760
- -ms-flex-align: center;
1761
- align-items: center;
1762
- -webkit-box-pack: center;
1763
- -webkit-justify-content: center;
1764
- -moz-box-pack: center;
1765
- -ms-flex-pack: center;
1766
- justify-content: center;
1767
- width: 2em;
1768
- height: 2em;
1769
- line-height: 0;
1770
- text-align: center;
1771
- position: absolute;
1772
- z-index: 99;
1773
- cursor: pointer;
1774
- -webkit-transition: all 0.3s ease-in-out;
1775
- transition: all 0.3s ease-in-out;
1776
- -webkit-appearance: inherit;
1777
- border: none;
1778
- -webkit-box-shadow: none;
1779
- box-shadow: none;
1780
- }
1781
-
1782
- .premium-carousel-wrapper a.carousel-arrow svg,
1783
- .premium-carousel-wrapper a.ver-carousel-arrow svg {
1784
- -webkit-transition: all 0.3s ease-in-out;
1785
- transition: all 0.3s ease-in-out;
1786
- }
1787
-
1788
- div[class^="premium-"] .slick-arrow i {
1789
- display: block;
1790
- }
1791
-
1792
- .ver-carousel-arrow.carousel-next i {
1793
- margin-bottom: -3px;
1794
- }
1795
-
1796
- .premium-carousel-wrapper a.slick-arrow:hover {
1797
- -webkit-box-shadow: none !important;
1798
- box-shadow: none !important;
1799
- }
1800
-
1801
- .premium-carousel-wrapper .premium-carousel-content-hidden {
1802
- visibility: hidden;
1803
- }
1804
-
1805
- .premium-carousel-wrapper a.carousel-arrow,
1806
- .premium-fb-rev-container a.carousel-arrow,
1807
- .premium-tabs-nav-list a.carousel-arrow,
1808
- .premium-blog-wrap a.carousel-arrow,
1809
- .premium-hscroll-wrap a.carousel-arrow,
1810
- .premium-twitter-feed-wrapper a.carousel-arrow,
1811
- .premium-facebook-feed-wrapper a.carousel-arrow,
1812
- .premium-instafeed-container a.carousel-arrow,
1813
- .premium-persons-container a.carousel-arrow {
1814
- top: 50%;
1815
- -webkit-transform: translateY(-50%);
1816
- -ms-transform: translateY(-50%);
1817
- transform: translateY(-50%);
1818
- }
1819
-
1820
- .premium-carousel-wrapper a.ver-carousel-arrow {
1821
- right: 50%;
1822
- -webkit-transform: translateX(50%);
1823
- -ms-transform: translateX(50%);
1824
- transform: translateX(50%);
1825
- }
1826
-
1827
- a.carousel-arrow.carousel-next {
1828
- right: -20px;
1829
- }
1830
-
1831
- a.carousel-arrow.carousel-prev {
1832
- left: -20px;
1833
- }
1834
-
1835
- a.ver-carousel-arrow.carousel-next {
1836
- bottom: -56px;
1837
- }
1838
-
1839
- a.ver-carousel-arrow.carousel-prev {
1840
- top: -45px;
1841
- }
1842
-
1843
- a.circle-bg {
1844
- -webkit-border-radius: 100%;
1845
- border-radius: 100%;
1846
- }
1847
-
1848
- a.circle-border {
1849
- -webkit-border-radius: 100%;
1850
- border-radius: 100%;
1851
- border: solid black;
1852
- }
1853
-
1854
- a.square-border {
1855
- border: solid black;
1856
- }
1857
-
1858
- .premium-carousel-dots-below,
1859
- .premium-blog-wrap ul.slick-dots,
1860
- .premium-fb-rev-reviews ul.slick-dots {
1861
- position: relative;
1862
- bottom: 0;
1863
- list-style: none;
1864
- text-align: center;
1865
- margin: 0;
1866
- padding: 0;
1867
- }
1868
-
1869
- .premium-carousel-dots-above ul.slick-dots {
1870
- position: absolute;
1871
- display: -ms-flexbox;
1872
- display: -webkit-flex;
1873
- display: -moz-flex;
1874
- display: -ms-flex;
1875
- -js-display: flex;
1876
- display: -webkit-box;
1877
- display: -moz-box;
1878
- display: flex;
1879
- top: 50%;
1880
- -webkit-transform: translateY(-50%);
1881
- -ms-transform: translateY(-50%);
1882
- transform: translateY(-50%);
1883
- -webkit-flex-direction: column;
1884
- -webkit-box-orient: vertical;
1885
- -webkit-box-direction: normal;
1886
- -moz-box-orient: vertical;
1887
- -moz-box-direction: normal;
1888
- -ms-flex-direction: column;
1889
- flex-direction: column;
1890
- }
1891
-
1892
- ul.slick-dots li {
1893
- font-size: 10px;
1894
- display: -webkit-inline-box;
1895
- display: -webkit-inline-flex;
1896
- display: -ms-inline-flexbox;
1897
- -js-display: inline-flex;
1898
- display: -moz-inline-box;
1899
- display: inline-flex;
1900
- -webkit-box-pack: center;
1901
- -webkit-justify-content: center;
1902
- -moz-box-pack: center;
1903
- -ms-flex-pack: center;
1904
- justify-content: center;
1905
- -webkit-box-align: center;
1906
- -webkit-align-items: center;
1907
- -moz-box-align: center;
1908
- -ms-flex-align: center;
1909
- align-items: center;
1910
- margin: 5px;
1911
- width: 20px;
1912
- height: 20px;
1913
- cursor: pointer;
1914
- }
1915
-
1916
- /*
1917
- * Custom Navigation Dot
1918
- */
1919
- .premium-carousel-wrapper .premium-carousel-nav-dot,
1920
- .premium-carousel-wrapper .premium-carousel-nav-arrow-prev,
1921
- .premium-carousel-wrapper .premium-carousel-nav-arrow-next {
1922
- display: none;
1923
- }
1924
-
1925
- .premium-carousel-wrapper ul.slick-dots svg {
1926
- width: 20px;
1927
- height: 20px;
1928
- }
1929
-
1930
- /* Ripple Out */
1931
- @-webkit-keyframes hvr-ripple-out {
1932
- 0% {
1933
- -webkit-transform: scale(1);
1934
- transform: scale(1);
1935
- opacity: 1;
1936
- }
1937
-
1938
- 100% {
1939
- -webkit-transform: scale(1.5);
1940
- transform: scale(1.5);
1941
- opacity: 0;
1942
- }
1943
- }
1944
-
1945
- @keyframes hvr-ripple-out {
1946
- 0% {
1947
- -webkit-transform: scale(1);
1948
- transform: scale(1);
1949
- opacity: 1;
1950
- }
1951
-
1952
- 100% {
1953
- -webkit-transform: scale(1.5);
1954
- transform: scale(1.5);
1955
- opacity: 0;
1956
- }
1957
- }
1958
-
1959
- .premium-carousel-ripple-yes .premium-carousel-wrapper {
1960
- padding-bottom: 1px;
1961
- }
1962
-
1963
- .premium-carousel-ripple-yes ul.slick-dots li,
1964
- .premium-carousel-ripple-yes ul.slick-dots li i {
1965
- position: relative;
1966
- }
1967
-
1968
- .premium-carousel-ripple-yes ul.slick-dots li i {
1969
- z-index: 1;
1970
- }
1971
-
1972
- .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
1973
- content: "";
1974
- position: absolute;
1975
- -webkit-transform: scale(1);
1976
- -ms-transform: scale(1);
1977
- transform: scale(1);
1978
- top: 0;
1979
- left: 0;
1980
- bottom: 0;
1981
- right: 0;
1982
- -webkit-border-radius: 50%;
1983
- border-radius: 50%;
1984
- pointer-events: none;
1985
- background-color: rgba(0, 0, 0, 0.15);
1986
- }
1987
-
1988
- .premium-carousel-ripple-yes ul.slick-dots li.slick-active:hover:before {
1989
- background-color: rgba(0, 0, 0, 0.3);
1990
- }
1991
-
1992
- .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
1993
- -webkit-animation: hvr-ripple-out 1.3s infinite;
1994
- animation: hvr-ripple-out 1.3s infinite;
1995
- }
1996
-
1997
- .premium-carousel-wrapper.premium-carousel-scale .slick-slide {
1998
- -webkit-transform: scale(1.25, 1.25);
1999
- -ms-transform: scale(1.25, 1.25);
2000
- transform: scale(1.25, 1.25);
2001
- -webkit-transition: all 0.3s ease-in-out !important;
2002
- transition: all 0.3s ease-in-out !important;
2003
- }
2004
-
2005
- .premium-carousel-wrapper.premium-carousel-scale div.slick-active {
2006
- -webkit-transform: scale(1, 1);
2007
- -ms-transform: scale(1, 1);
2008
- transform: scale(1, 1);
2009
- }
2010
-
2011
- [dir="rtl"] .premium-carousel-inner .slick-slide {
2012
- float: right;
2013
- }
2014
-
2015
- /**************** Premium Counter ***************/
2016
- /************************************************/
2017
- .premium-counter-area {
2018
- padding: 10px 0;
2019
- -js-display: flex;
2020
- display: -webkit-box;
2021
- display: -webkit-flex;
2022
- display: -moz-box;
2023
- display: -ms-flexbox;
2024
- display: flex;
2025
- -webkit-box-pack: center;
2026
- -webkit-justify-content: center;
2027
- -moz-box-pack: center;
2028
- -ms-flex-pack: center;
2029
- justify-content: center;
2030
- -webkit-box-align: center;
2031
- -webkit-align-items: center;
2032
- -moz-box-align: center;
2033
- -ms-flex-align: center;
2034
- align-items: center;
2035
- }
2036
-
2037
- .premium-counter-area.top {
2038
- -webkit-box-orient: vertical;
2039
- -webkit-box-direction: normal;
2040
- -webkit-flex-direction: column;
2041
- -moz-box-orient: vertical;
2042
- -moz-box-direction: normal;
2043
- -ms-flex-direction: column;
2044
- flex-direction: column;
2045
- }
2046
-
2047
- .premium-counter-area.right {
2048
- -webkit-box-orient: horizontal;
2049
- -webkit-box-direction: reverse;
2050
- -webkit-flex-direction: row-reverse;
2051
- -moz-box-orient: horizontal;
2052
- -moz-box-direction: reverse;
2053
- -ms-flex-direction: row-reverse;
2054
- flex-direction: row-reverse;
2055
- }
2056
-
2057
- .premium-counter-area.right .premium-counter-icon {
2058
- padding-right: 20px;
2059
- }
2060
-
2061
- .premium-counter-area.left .premium-counter-icon {
2062
- padding-left: 20px;
2063
- }
2064
-
2065
- .premium-counter-area .premium-counter-icon .icon i.fa:before {
2066
- vertical-align: text-top;
2067
- }
2068
-
2069
- .premium-counter-area .premium-counter-icon span.icon {
2070
- text-align: center;
2071
- display: inline-block;
2072
- vertical-align: middle;
2073
- }
2074
-
2075
- .premium-counter-area .premium-counter-icon .circle {
2076
- -webkit-border-radius: 100%;
2077
- border-radius: 100%;
2078
- }
2079
-
2080
- .premium-counter-area .premium-counter-icon img,
2081
- .premium-counter-area .premium-counter-icon svg {
2082
- width: 80px;
2083
- }
2084
-
2085
- .premium-counter-area .premium-counter-icon .premium-counter-animation svg {
2086
- height: 80px;
2087
- }
2088
-
2089
- .premium-counter-area .premium-counter-title {
2090
- padding: 0;
2091
- margin: 0;
2092
- }
2093
-
2094
- .premium-counter-area .premium-counter-value-wrap {
2095
- -js-display: flex;
2096
- display: -webkit-box;
2097
- display: -webkit-flex;
2098
- display: -moz-box;
2099
- display: -ms-flexbox;
2100
- display: flex;
2101
- -webkit-box-align: center;
2102
- -webkit-align-items: center;
2103
- -moz-box-align: center;
2104
- -ms-flex-align: center;
2105
- align-items: center;
2106
- }
2107
-
2108
- .premium-init-wrapper.right {
2109
- text-align: left;
2110
- }
2111
-
2112
- /* * Custom image and simple styles image fix */
2113
- span.icon.flex-width {
2114
- width: auto !important;
2115
- height: auto !important;
2116
- }
2117
-
2118
- .premium-counter-area .premium-counter-init {
2119
- font-size: 35px;
2120
- }
2121
-
2122
- /**************** Premium Image Separator ****************/
2123
- /*********************************************************/
2124
- /*Image Separator Container Style*/
2125
- .premium-image-separator-container {
2126
- position: absolute;
2127
- width: 100%;
2128
- z-index: 2;
2129
- top: auto;
2130
- }
2131
-
2132
- .premium-image-separator-container img {
2133
- display: inline-block !important;
2134
- -webkit-mask-repeat: no-repeat;
2135
- mask-repeat: no-repeat;
2136
- -webkit-mask-position: center;
2137
- mask-position: center;
2138
- }
2139
-
2140
- /*Link on Image Style*/
2141
- .premium-image-separator-link {
2142
- position: absolute;
2143
- z-index: 9999;
2144
- top: 0;
2145
- right: 0;
2146
- width: 100%;
2147
- height: 100%;
2148
- text-decoration: none;
2149
- }
2150
-
2151
- /*Important to override Theme options*/
2152
- a.premium-image-separator-link:hover,
2153
- a.premium-image-separator-link:visited,
2154
- a.premium-image-separator-link:focus,
2155
- a.premium-image-separator-link:active {
2156
- -webkit-box-shadow: none !important;
2157
- box-shadow: none !important;
2158
- outline: none !important;
2159
- border: none !important;
2160
- text-decoration: none !important;
2161
- }
2162
-
2163
- .premium-image-separator-container .img-responsive {
2164
- display: inline-block;
2165
- }
2166
-
2167
- .premium-image-separator-container i,
2168
- .premium-image-separator-container>svg {
2169
- padding: 20px;
2170
- -webkit-transition: all 0.3s ease-in-out;
2171
- transition: all 0.3s ease-in-out;
2172
- }
2173
-
2174
- /**************** Premium Modal Box ****************/
2175
- /***************************************************/
2176
- .premium-modal-trigger-btn,
2177
- .premium-modal-box-modal-lower-close {
2178
- display: inline-block;
2179
- padding: 6px 12px;
2180
- margin-bottom: 0;
2181
- font-size: 14px;
2182
- font-weight: normal;
2183
- line-height: 1.42857143;
2184
- text-align: center;
2185
- white-space: nowrap;
2186
- vertical-align: middle;
2187
- -ms-touch-action: manipulation;
2188
- touch-action: manipulation;
2189
- cursor: pointer;
2190
- -webkit-user-select: none;
2191
- -moz-user-select: none;
2192
- -ms-user-select: none;
2193
- user-select: none;
2194
- background-image: none;
2195
- border: 1px solid transparent;
2196
- }
2197
-
2198
- .premium-modal-trigger-btn>svg,
2199
- .premium-modal-trigger-btn .premium-modal-box-icon {
2200
- -webkit-transition: all 0.3s ease-in-out;
2201
- transition: all 0.3s ease-in-out;
2202
- }
2203
-
2204
- .premium-modal-trigger-btn>svg {
2205
- width: 30px;
2206
- height: 30px;
2207
- }
2208
-
2209
- .premium-modal-box-modal-close {
2210
- float: left;
2211
- font-size: 21px;
2212
- font-weight: bold;
2213
- line-height: 1;
2214
- color: #000;
2215
- }
2216
-
2217
- .premium-modal-box-modal-close:hover,
2218
- .premium-modal-box-modal-close:focus {
2219
- color: #000;
2220
- text-decoration: none;
2221
- cursor: pointer;
2222
- }
2223
-
2224
- button.premium-modal-box-modal-close {
2225
- -webkit-appearance: none;
2226
- padding: 0;
2227
- cursor: pointer;
2228
- background: transparent;
2229
- border: 0;
2230
- }
2231
-
2232
- .premium-modal-box-modal {
2233
- position: fixed;
2234
- top: 0;
2235
- left: 0;
2236
- bottom: 0;
2237
- right: 0;
2238
- z-index: 1050;
2239
- display: none;
2240
- -webkit-overflow-scrolling: touch;
2241
- outline: 0;
2242
- padding: 0 !important;
2243
- background: rgba(0, 0, 0, 0.5);
2244
- -webkit-box-align: center;
2245
- -webkit-align-items: center;
2246
- -moz-box-align: center;
2247
- -ms-flex-align: center;
2248
- align-items: center;
2249
- -webkit-box-pack: center;
2250
- -webkit-justify-content: center;
2251
- -moz-box-pack: center;
2252
- -ms-flex-pack: center;
2253
- justify-content: center;
2254
- }
2255
-
2256
- .premium-modal-box-modal .premium-modal-box-modal-dialog {
2257
- position: absolute;
2258
- max-height: -webkit-calc(100vh - 150px);
2259
- max-height: calc(100vh - 150px);
2260
- -js-display: flex;
2261
- display: -webkit-box;
2262
- display: -webkit-flex;
2263
- display: -moz-box;
2264
- display: -ms-flexbox;
2265
- display: flex;
2266
- -webkit-box-orient: vertical;
2267
- -webkit-box-direction: normal;
2268
- -webkit-flex-direction: column;
2269
- -moz-box-orient: vertical;
2270
- -moz-box-direction: normal;
2271
- -ms-flex-direction: column;
2272
- flex-direction: column;
2273
- opacity: 0;
2274
- }
2275
-
2276
- .premium-modal-box-modal-content {
2277
- background-color: #fff;
2278
- -webkit-background-clip: padding-box;
2279
- background-clip: padding-box;
2280
- border: 1px solid rgba(0, 0, 0, 0.2);
2281
- -webkit-border-radius: 6px;
2282
- border-radius: 6px;
2283
- outline: 0;
2284
- }
2285
-
2286
- .premium-modal-backdrop.premium-in {
2287
- filter: alpha(opacity=50);
2288
- opacity: 0.5 !important;
2289
- }
2290
-
2291
- .premium-modal-fade.premium-in {
2292
- opacity: 1;
2293
- }
2294
-
2295
- .premium-modal-backdrop {
2296
- position: fixed;
2297
- top: 0;
2298
- left: 0;
2299
- bottom: 0;
2300
- right: 0;
2301
- z-index: 1040;
2302
- background-color: #000;
2303
- }
2304
-
2305
- .premium-modal-backdrop.premium-modal-fade {
2306
- filter: alpha(opacity=0);
2307
- opacity: 0;
2308
- }
2309
-
2310
- .premium-modal-fade {
2311
- opacity: 0;
2312
- }
2313
-
2314
- .premium-in {
2315
- -js-display: flex !important;
2316
- display: -webkit-box !important;
2317
- display: -webkit-flex !important;
2318
- display: -moz-box !important;
2319
- display: -ms-flexbox !important;
2320
- display: flex !important;
2321
- }
2322
-
2323
- .premium-modal-box-modal-header {
2324
- -js-display: flex;
2325
- display: -webkit-box;
2326
- display: -webkit-flex;
2327
- display: -moz-box;
2328
- display: -ms-flexbox;
2329
- display: flex;
2330
- -webkit-box-pack: justify;
2331
- -webkit-justify-content: space-between;
2332
- -moz-box-pack: justify;
2333
- -ms-flex-pack: justify;
2334
- justify-content: space-between;
2335
- -webkit-box-align: center;
2336
- -webkit-align-items: center;
2337
- -moz-box-align: center;
2338
- -ms-flex-align: center;
2339
- align-items: center;
2340
- padding: 5px 15px;
2341
- border-bottom: 1px solid #e5e5e5;
2342
- }
2343
-
2344
- .premium-modal-box-modal-header .premium-modal-box-modal-close {
2345
- margin-top: -2px;
2346
- }
2347
-
2348
- .premium-modal-box-modal-header .premium-modal-box-modal-title {
2349
- -js-display: flex;
2350
- display: -webkit-box;
2351
- display: -webkit-flex;
2352
- display: -moz-box;
2353
- display: -ms-flexbox;
2354
- display: flex;
2355
- -webkit-box-align: center;
2356
- -webkit-align-items: center;
2357
- -moz-box-align: center;
2358
- -ms-flex-align: center;
2359
- align-items: center;
2360
- margin: 0;
2361
- padding: 0;
2362
- }
2363
-
2364
- .premium-modal-box-modal-header .premium-modal-box-modal-title svg {
2365
- width: 50px;
2366
- height: 60px;
2367
- }
2368
-
2369
- .premium-modal-box-modal-body {
2370
- position: relative;
2371
- padding: 15px;
2372
- overflow: hidden;
2373
- }
2374
-
2375
- .premium-modal-box-modal-footer {
2376
- padding: 15px;
2377
- text-align: left;
2378
- border-top: 1px solid #e5e5e5;
2379
- }
2380
-
2381
- .premium-modal-scrollbar-measure {
2382
- position: absolute;
2383
- top: -9999px;
2384
- width: 50px;
2385
- height: 50px;
2386
- overflow: scroll;
2387
- }
2388
-
2389
- .premium-modal-trigger-text {
2390
- background: none !important;
2391
- display: inline-block;
2392
- }
2393
-
2394
- .premium-modal-box-container {
2395
- width: 100% !important;
2396
- }
2397
-
2398
- /*Open Modal Button Style*/
2399
- .premium-modal-trigger-container .premium-modal-trigger-btn {
2400
- -js-display: inline-flex;
2401
- display: -webkit-inline-box;
2402
- display: -webkit-inline-flex;
2403
- display: -moz-inline-box;
2404
- display: -ms-inline-flexbox;
2405
- display: inline-flex;
2406
- -webkit-box-align: center;
2407
- -webkit-align-items: center;
2408
- -moz-box-align: center;
2409
- -ms-flex-align: center;
2410
- align-items: center;
2411
- border: none;
2412
- -webkit-transition: all 0.3s ease-in-out;
2413
- transition: all 0.3s ease-in-out;
2414
- }
2415
-
2416
- .premium-modal-trigger-container .premium-modal-trigger-btn.premium-btn-block {
2417
- -webkit-box-pack: center;
2418
- -webkit-justify-content: center;
2419
- -moz-box-pack: center;
2420
- -ms-flex-pack: center;
2421
- justify-content: center;
2422
- }
2423
-
2424
- .premium-modal-trigger-container .premium-modal-trigger-img,
2425
- .premium-modal-trigger-container .premium-modal-trigger-text,
2426
- .premium-modal-trigger-container .premium-modal-trigger-animation {
2427
- cursor: pointer;
2428
- }
2429
-
2430
- .premium-modal-trigger-container .premium-modal-trigger-animation {
2431
- display: inline-block;
2432
- width: 200px;
2433
- height: 200px;
2434
- -webkit-transition: all 0.3s ease-in-out;
2435
- transition: all 0.3s ease-in-out;
2436
- }
2437
-
2438
- /*Image on Modal Header Style*/
2439
- .premium-modal-box-modal-header img {
2440
- width: 48px;
2441
- padding-left: 5px;
2442
- }
2443
-
2444
- .premium-modal-box-modal-header i,
2445
- .premium-modal-box-modal-header svg {
2446
- padding-left: 6px;
2447
- }
2448
-
2449
- .premium-modal-box-modal-close {
2450
- position: relative;
2451
- z-index: 99;
2452
- }
2453
-
2454
- .premium-modal-trigger-img,
2455
- .premium-modal-trigger-text,
2456
- .premium-modal-box-close-button-container,
2457
- .premium-modal-box-modal-close,
2458
- .premium-modal-box-modal-lower-close {
2459
- -webkit-transition: all 0.3s ease-in-out;
2460
- transition: all 0.3s ease-in-out;
2461
- }
2462
-
2463
- @media (min-width: 768px) {
2464
- .premium-modal-box-modal-dialog {
2465
- width: 700px;
2466
- max-height: 600px;
2467
- overflow: auto;
2468
- }
2469
- }
2470
-
2471
- @media (max-width: 767px) {
2472
- .premium-modal-box-modal-dialog {
2473
- width: 100%;
2474
- max-height: 500px;
2475
- overflow: auto;
2476
- }
2477
- }
2478
-
2479
- .premium-modal-box-container[data-modal-animation*="animated-"] {
2480
- opacity: 0;
2481
- }
2482
-
2483
- /**************** Premium Progress Bar ****************/
2484
- /******************************************************/
2485
- .premium-progressbar-container {
2486
- position: relative;
2487
- }
2488
-
2489
- .premium-progressbar-bar-wrap {
2490
- position: relative;
2491
- text-align: right;
2492
- overflow: hidden;
2493
- height: 25px;
2494
- margin-bottom: 50px;
2495
- background-color: #f5f5f5;
2496
- -webkit-border-radius: 4px;
2497
- border-radius: 4px;
2498
- -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
2499
- box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
2500
- }
2501
-
2502
- .premium-progressbar-bar-wrap.premium-progressbar-dots {
2503
- background-color: transparent;
2504
- width: 100%;
2505
- -js-display: flex;
2506
- display: -webkit-box;
2507
- display: -webkit-flex;
2508
- display: -moz-box;
2509
- display: -ms-flexbox;
2510
- display: flex;
2511
- height: auto;
2512
- -webkit-box-shadow: none;
2513
- box-shadow: none;
2514
- }
2515
-
2516
- .premium-progressbar-bar-wrap .progress-segment {
2517
- position: relative;
2518
- width: 25px;
2519
- height: 25px;
2520
- -webkit-border-radius: 50%;
2521
- border-radius: 50%;
2522
- overflow: hidden;
2523
- background-color: #f5f5f5;
2524
- }
2525
-
2526
- .premium-progressbar-bar-wrap .progress-segment.filled {
2527
- background: #6ec1e4;
2528
- }
2529
-
2530
- .premium-progressbar-bar-wrap .progress-segment:not(:first-child):not(:last-child) {
2531
- margin: 0 4px;
2532
- }
2533
-
2534
- .premium-progressbar-bar-wrap .progress-segment:first-child {
2535
- margin-left: 4px;
2536
- }
2537
-
2538
- .premium-progressbar-bar-wrap .progress-segment:last-child {
2539
- margin-right: 4px;
2540
- }
2541
-
2542
- .premium-progressbar-bar-wrap .progress-segment .segment-inner {
2543
- position: absolute;
2544
- top: 0;
2545
- right: 0;
2546
- height: 100%;
2547
- background-color: #6ec1e4;
2548
- }
2549
-
2550
- .premium-progressbar-bar {
2551
- float: right;
2552
- width: 0%;
2553
- height: 100%;
2554
- font-size: 12px;
2555
- line-height: 20px;
2556
- background: #6ec1e4;
2557
- text-align: center;
2558
- -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2559
- box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2560
- }
2561
-
2562
- .premium-progressbar-striped .premium-progressbar-bar {
2563
- background-image: -webkit-linear-gradient(-135deg,
2564
- rgba(255, 255, 255, 0.15) 25%,
2565
- transparent 25%,
2566
- transparent 50%,
2567
- rgba(255, 255, 255, 0.15) 50%,
2568
- rgba(255, 255, 255, 0.15) 75%,
2569
- transparent 75%,
2570
- transparent);
2571
- background-image: -webkit-linear-gradient(45deg,
2572
- rgba(255, 255, 255, 0.15) 25%,
2573
- transparent 25%,
2574
- transparent 50%,
2575
- rgba(255, 255, 255, 0.15) 50%,
2576
- rgba(255, 255, 255, 0.15) 75%,
2577
- transparent 75%,
2578
- transparent);
2579
- background-image: linear-gradient(45deg,
2580
- rgba(255, 255, 255, 0.15) 25%,
2581
- transparent 25%,
2582
- transparent 50%,
2583
- rgba(255, 255, 255, 0.15) 50%,
2584
- rgba(255, 255, 255, 0.15) 75%,
2585
- transparent 75%,
2586
- transparent);
2587
- -webkit-background-size: 40px 40px;
2588
- background-size: 40px 40px;
2589
- }
2590
-
2591
- .premium-progressbar-active .premium-progressbar-bar {
2592
- -webkit-animation: progress-bar-stripes 2s linear infinite;
2593
- animation: progress-bar-stripes 2s linear infinite;
2594
- }
2595
-
2596
- .premium-progressbar-gradient .premium-progressbar-bar {
2597
- -webkit-background-size: 400% 400% !important;
2598
- background-size: 400% 400% !important;
2599
- -webkit-animation: progress-bar-gradient 10s ease-in-out infinite;
2600
- animation: progress-bar-gradient 10s ease-in-out infinite;
2601
- }
2602
-
2603
- .premium-progressbar-bar {
2604
- position: absolute;
2605
- overflow: hidden;
2606
- line-height: 20px;
2607
- }
2608
-
2609
- .premium-progressbar-container .clearfix {
2610
- clear: both;
2611
- }
2612
-
2613
- .premium-progressbar-bar {
2614
- -webkit-transition: width 0s ease-in-out !important;
2615
- transition: width 0s ease-in-out !important;
2616
- }
2617
-
2618
- .premium-progressbar-container p:first-of-type {
2619
- margin: 0;
2620
- float: right;
2621
- }
2622
-
2623
- .premium-progressbar-container p:nth-of-type(2) {
2624
- margin: 0;
2625
- float: left;
2626
- }
2627
-
2628
- .premium-progressbar-name {
2629
- right: 50%;
2630
- top: 0;
2631
- left: 0;
2632
- -webkit-transform: translateX(12.5px);
2633
- -ms-transform: translateX(12.5px);
2634
- transform: translateX(12.5px);
2635
- z-index: 1;
2636
- }
2637
-
2638
- .premium-progressbar-multiple-label {
2639
- position: relative;
2640
- float: right;
2641
- width: 0;
2642
- right: 50%;
2643
- }
2644
-
2645
- .premium-progressbar-center-label {
2646
- position: relative;
2647
- white-space: nowrap;
2648
- }
2649
-
2650
- .premium-progressbar-arrow {
2651
- height: 15px;
2652
- right: 50%;
2653
- display: inline-block;
2654
- border-right: 7px solid transparent;
2655
- border-left: 7px solid transparent;
2656
- border-top: 11px solid;
2657
- -webkit-transform: translateX(50%);
2658
- -ms-transform: translateX(50%);
2659
- transform: translateX(50%);
2660
- }
2661
-
2662
- .premium-progressbar-pin {
2663
- border-right: 1px solid;
2664
- height: 12px;
2665
- right: 50%;
2666
- display: inline-block;
2667
- }
2668
-
2669
- /**
2670
- * Circle Progress Bar
2671
- */
2672
- .premium-progressbar-circle-wrap {
2673
- width: 200px;
2674
- height: 200px;
2675
- position: relative;
2676
- margin: 0 auto;
2677
- }
2678
-
2679
- .premium-progressbar-circle-wrap .premium-progressbar-circle {
2680
- position: absolute;
2681
- top: 0;
2682
- right: 0;
2683
- width: 100%;
2684
- height: 100%;
2685
- -webkit-clip-path: inset(0 0 0 50%);
2686
- clip-path: inset(0 0 0 50%);
2687
- }
2688
-
2689
- .premium-progressbar-circle-wrap .premium-progressbar-circle div {
2690
- position: absolute;
2691
- right: 0;
2692
- top: 0;
2693
- height: 100%;
2694
- width: 100%;
2695
- border-width: 6px;
2696
- border-style: solid;
2697
- border-color: #54595f;
2698
- -webkit-border-radius: 50%;
2699
- border-radius: 50%;
2700
- -webkit-clip-path: inset(0 50% 0 0);
2701
- clip-path: inset(0 50% 0 0);
2702
- }
2703
-
2704
- .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-left {
2705
- -webkit-transform: rotate(0);
2706
- -ms-transform: rotate(0);
2707
- transform: rotate(0);
2708
- }
2709
-
2710
- .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-right {
2711
- -webkit-transform: rotate(-180deg);
2712
- -ms-transform: rotate(-180deg);
2713
- transform: rotate(-180deg);
2714
- visibility: hidden;
2715
- }
2716
-
2717
- .premium-progressbar-circle-wrap .premium-progressbar-circle-base {
2718
- width: 100%;
2719
- height: 100%;
2720
- border: 6px solid #eee;
2721
- -webkit-border-radius: 50%;
2722
- border-radius: 50%;
2723
- }
2724
-
2725
- .premium-progressbar-circle-wrap .premium-progressbar-circle-content {
2726
- position: absolute;
2727
- top: 0;
2728
- right: 0;
2729
- width: 100%;
2730
- height: 100%;
2731
- -js-display: flex;
2732
- display: -webkit-box;
2733
- display: -webkit-flex;
2734
- display: -moz-box;
2735
- display: -ms-flexbox;
2736
- display: flex;
2737
- -webkit-box-orient: vertical;
2738
- -webkit-box-direction: normal;
2739
- -webkit-flex-direction: column;
2740
- -moz-box-orient: vertical;
2741
- -moz-box-direction: normal;
2742
- -ms-flex-direction: column;
2743
- flex-direction: column;
2744
- -webkit-box-pack: center;
2745
- -webkit-justify-content: center;
2746
- -moz-box-pack: center;
2747
- -ms-flex-pack: center;
2748
- justify-content: center;
2749
- -webkit-box-align: center;
2750
- -webkit-align-items: center;
2751
- -moz-box-align: center;
2752
- -ms-flex-align: center;
2753
- align-items: center;
2754
- }
2755
-
2756
- .premium-progressbar-circle-wrap .premium-lottie-animation {
2757
- line-height: 1;
2758
- }
2759
-
2760
- @-webkit-keyframes progress-bar-stripes {
2761
- from {
2762
- background-position: 100% 0;
2763
- }
2764
-
2765
- to {
2766
- background-position: 40px 0;
2767
- }
2768
- }
2769
-
2770
- @keyframes progress-bar-stripes {
2771
- from {
2772
- background-position: 100% 0;
2773
- }
2774
-
2775
- to {
2776
- background-position: 40px 0;
2777
- }
2778
- }
2779
-
2780
- @-webkit-keyframes progress-bar-gradient {
2781
- 0% {
2782
- background-position: 100% 50%;
2783
- }
2784
-
2785
- 50% {
2786
- background-position: 0% 50%;
2787
- }
2788
-
2789
- 100% {
2790
- background-position: 100% 50%;
2791
- }
2792
- }
2793
-
2794
- @keyframes progress-bar-gradient {
2795
- 0% {
2796
- background-position: 100% 50%;
2797
- }
2798
-
2799
- 50% {
2800
- background-position: 0% 50%;
2801
- }
2802
-
2803
- 100% {
2804
- background-position: 100% 50%;
2805
- }
2806
- }
2807
-
2808
- /**************** Premium Testimonials ****************/
2809
- /******************************************************/
2810
- .premium-testimonial-box {
2811
- width: 100%;
2812
- background: transparent;
2813
- -webkit-transition: all 0.3s ease-in-out;
2814
- transition: all 0.3s ease-in-out;
2815
- }
2816
-
2817
- .premium-testimonial-box .premium-testimonial-author-info {
2818
- -js-display: flex;
2819
- display: -webkit-box;
2820
- display: -webkit-flex;
2821
- display: -moz-box;
2822
- display: -ms-flexbox;
2823
- display: flex;
2824
- -webkit-box-pack: center;
2825
- -webkit-justify-content: center;
2826
- -moz-box-pack: center;
2827
- -ms-flex-pack: center;
2828
- justify-content: center;
2829
- -webkit-box-align: center;
2830
- -webkit-align-items: center;
2831
- -moz-box-align: center;
2832
- -ms-flex-align: center;
2833
- align-items: center;
2834
- }
2835
-
2836
- .premium-testimonial-box .premium-testimonial-person-name,
2837
- .premium-testimonial-box .premium-testimonial-company-name {
2838
- font-weight: 600;
2839
- margin: 0;
2840
- }
2841
-
2842
- .premium-testimonial-container {
2843
- position: relative;
2844
- }
2845
-
2846
- .premium-testimonial-img-wrapper {
2847
- margin-right: auto;
2848
- margin-left: auto;
2849
- overflow: hidden;
2850
- border-style: solid !important;
2851
- }
2852
-
2853
- .premium-testimonial-img-wrapper.circle {
2854
- -webkit-border-radius: 50%;
2855
- border-radius: 50%;
2856
- }
2857
-
2858
- .premium-testimonial-img-wrapper.rounded {
2859
- -webkit-border-radius: 15px;
2860
- border-radius: 15px;
2861
- }
2862
-
2863
- .premium-testimonial-img-wrapper img {
2864
- -o-object-fit: cover;
2865
- object-fit: cover;
2866
- width: 100%;
2867
- height: 100% !important;
2868
- }
2869
-
2870
- .premium-testimonial-content-wrapper {
2871
- position: relative;
2872
- display: -ms-flexbox;
2873
- display: -webkit-flex;
2874
- display: -moz-flex;
2875
- display: -ms-flex;
2876
- -js-display: flex;
2877
- display: -webkit-box;
2878
- display: -moz-box;
2879
- display: flex;
2880
- -webkit-box-orient: vertical;
2881
- -webkit-box-direction: normal;
2882
- -webkit-flex-direction: column;
2883
- -moz-box-orient: vertical;
2884
- -moz-box-direction: normal;
2885
- -ms-flex-direction: column;
2886
- flex-direction: column;
2887
- z-index: 2;
2888
- width: 100%;
2889
- padding: 20px;
2890
- text-align: center;
2891
- }
2892
-
2893
- .premium-testimonial-clear-float {
2894
- clear: both;
2895
- }
2896
-
2897
- .premium-testimonial-upper-quote,
2898
- .premium-testimonial-lower-quote {
2899
- position: absolute;
2900
- z-index: 1;
2901
- }
2902
-
2903
- /**************** Premium Dual Heading *****************/
2904
- /*******************************************************/
2905
- .premium-dual-header-container .premium-dual-header-first-header,
2906
- .premium-dual-header-container .premium-dual-header-second-header {
2907
- position: relative;
2908
- padding: 0;
2909
- margin: 0;
2910
- display: inline-block;
2911
- -webkit-transform: translate(0, 0);
2912
- -ms-transform: translate(0, 0);
2913
- transform: translate(0, 0);
2914
- }
2915
-
2916
- .premium-dual-header-first-clip .premium-dual-header-first-span,
2917
- .premium-dual-header-second-clip {
2918
- -webkit-text-fill-color: transparent;
2919
- -webkit-background-clip: text;
2920
- }
2921
-
2922
- .premium-dual-header-first-clip.stroke .premium-dual-header-first-span,
2923
- .premium-dual-header-second-clip.stroke {
2924
- -webkit-text-stroke-color: transparent;
2925
- -webkit-text-fill-color: #fafafa;
2926
- -webkit-text-stroke-width: 2px;
2927
- }
2928
-
2929
- @media (max-width: 500px) {
2930
-
2931
- .premium-dual-header-container .premium-dual-header-first-header,
2932
- .premium-dual-header-container .premium-dual-header-second-header {
2933
- display: block;
2934
- word-wrap: break-word;
2935
- }
2936
-
2937
- .premium-dual-header-first-container,
2938
- .premium-dual-header-second-container {
2939
- margin: 0;
2940
- }
2941
- }
2942
-
2943
- @media (min-width: 501px) {
2944
- .premium-dual-header-first-container {
2945
- margin-left: 5px;
2946
- }
2947
- }
2948
-
2949
- .premium-dual-header-first-header.gradient .premium-dual-header-first-span,
2950
- .premium-dual-header-second-header.gradient {
2951
- -webkit-background-size: 300% 300% !important;
2952
- background-size: 300% 300% !important;
2953
- -webkit-animation: Gradient 10s ease-in-out infinite;
2954
- animation: Gradient 10s ease-in-out infinite;
2955
- }
2956
-
2957
- @-webkit-keyframes Gradient {
2958
- 0% {
2959
- background-position: 100% 50%;
2960
- }
2961
-
2962
- 50% {
2963
- background-position: 0% 50%;
2964
- }
2965
-
2966
- 100% {
2967
- background-position: 100% 50%;
2968
- }
2969
- }
2970
-
2971
- @keyframes Gradient {
2972
- 0% {
2973
- background-position: 100% 50%;
2974
- }
2975
-
2976
- 50% {
2977
- background-position: 0% 50%;
2978
- }
2979
-
2980
- 100% {
2981
- background-position: 100% 50%;
2982
- }
2983
- }
2984
-
2985
- /**************** Premium Title ****************/
2986
- /***********************************************/
2987
- .premium-title-container {
2988
- position: relative;
2989
- width: 100%;
2990
- clear: both;
2991
- overflow: hidden;
2992
- }
2993
-
2994
- .premium-title-container .premium-title-header {
2995
- position: relative;
2996
- margin: 0;
2997
- padding: 10px;
2998
- }
2999
-
3000
- .premium-title-container .premium-title-header:not(.premium-title-style7) {
3001
- -webkit-box-align: center;
3002
- -webkit-align-items: center;
3003
- -moz-box-align: center;
3004
- -ms-flex-align: center;
3005
- align-items: center;
3006
- }
3007
-
3008
- .premium-title-container .premium-title-header svg {
3009
- width: 40px;
3010
- height: 40px;
3011
- }
3012
-
3013
- .premium-title-container .premium-title-header img {
3014
- width: 40px;
3015
- height: 40px;
3016
- -o-object-fit: cover;
3017
- object-fit: cover;
3018
- }
3019
-
3020
- .premium-title-container .premium-title-header a {
3021
- position: absolute;
3022
- top: 0;
3023
- right: 0;
3024
- width: 100%;
3025
- height: 100%;
3026
- }
3027
-
3028
- .premium-title-container .premium-lottie-animation {
3029
- -js-display: flex;
3030
- display: -webkit-box;
3031
- display: -webkit-flex;
3032
- display: -moz-box;
3033
- display: -ms-flexbox;
3034
- display: flex;
3035
- }
3036
-
3037
- .premium-title-icon-row .premium-title-icon {
3038
- margin-left: 10px;
3039
- }
3040
-
3041
- .premium-title-icon-row-reverse .premium-title-icon {
3042
- margin-right: 10px;
3043
- }
3044
-
3045
- .premium-title-style3,
3046
- .premium-title-style4 {
3047
- -js-display: flex;
3048
- display: -webkit-box;
3049
- display: -webkit-flex;
3050
- display: -moz-box;
3051
- display: -ms-flexbox;
3052
- display: flex;
3053
- }
3054
-
3055
- .premium-title-style1,
3056
- .premium-title-style2,
3057
- .premium-title-style5,
3058
- .premium-title-style6,
3059
- .premium-title-style8,
3060
- .premium-title-style9 {
3061
- -js-display: inline-flex;
3062
- display: -webkit-inline-box;
3063
- display: -webkit-inline-flex;
3064
- display: -moz-inline-box;
3065
- display: -ms-inline-flexbox;
3066
- display: inline-flex;
3067
- }
3068
-
3069
- .premium-title-style7 {
3070
- -js-display: inline-flex;
3071
- display: -webkit-inline-box;
3072
- display: -webkit-inline-flex;
3073
- display: -moz-inline-box;
3074
- display: -ms-inline-flexbox;
3075
- display: inline-flex;
3076
- -webkit-box-orient: vertical;
3077
- -webkit-box-direction: normal;
3078
- -webkit-flex-direction: column;
3079
- -moz-box-orient: vertical;
3080
- -moz-box-direction: normal;
3081
- -ms-flex-direction: column;
3082
- flex-direction: column;
3083
- }
3084
-
3085
- .premium-title-style7 .premium-title-style7-inner {
3086
- -js-display: flex;
3087
- display: -webkit-box;
3088
- display: -webkit-flex;
3089
- display: -moz-box;
3090
- display: -ms-flexbox;
3091
- display: flex;
3092
- -webkit-box-align: center;
3093
- -webkit-align-items: center;
3094
- -moz-box-align: center;
3095
- -ms-flex-align: center;
3096
- align-items: center;
3097
- }
3098
-
3099
- .premium-title-style1 {
3100
- border-width: 0;
3101
- border-right: 3px solid #6ec1e4;
3102
- }
3103
-
3104
- .premium-title-container.style2,
3105
- .premium-title-container.style4,
3106
- .premium-title-container.style5,
3107
- .premium-title-container.style6 {
3108
- border-bottom: 3px solid #6ec1e4;
3109
- }
3110
-
3111
- /*Style 6 Header*/
3112
- .premium-title-style6:before {
3113
- position: absolute;
3114
- right: 50%;
3115
- bottom: 0;
3116
- margin-right: -2px;
3117
- content: "";
3118
- border: 3px solid transparent;
3119
- }
3120
-
3121
- /*Style 6 Trinagle*/
3122
- .premium-title-style7-stripe-wrap {
3123
- -js-display: flex;
3124
- display: -webkit-box;
3125
- display: -webkit-flex;
3126
- display: -moz-box;
3127
- display: -ms-flexbox;
3128
- display: flex;
3129
- }
3130
-
3131
- .premium-title-style7:before {
3132
- display: none;
3133
- }
3134
-
3135
- .premium-title-style8 .premium-title-text[data-animation="shiny"] {
3136
- -webkit-background-size: 125px 125px !important;
3137
- background-size: 125px !important;
3138
- color: rgba(255, 255, 255, 0);
3139
- -webkit-background-clip: text !important;
3140
- background-clip: text !important;
3141
- -webkit-animation-name: pa-shinny-text !important;
3142
- animation-name: pa-shinny-text !important;
3143
- -webkit-animation-duration: var(--animation-speed) !important;
3144
- animation-duration: var(--animation-speed) !important;
3145
- -webkit-animation-iteration-count: infinite !important;
3146
- animation-iteration-count: infinite !important;
3147
- background: var(--base-color) -webkit-gradient(linear,
3148
- left top,
3149
- right top,
3150
- from(var(--base-color)),
3151
- to(var(--base-color)),
3152
- color-stop(0.5, var(--shiny-color))) 0 0 no-repeat;
3153
- }
3154
-
3155
- .premium-title-style9[data-animation-blur="process"] .premium-title-style9-letter {
3156
- -webkit-animation: pa-blur-shadow 2s 1 alternate;
3157
- animation: pa-blur-shadow 2s 1 alternate;
3158
- }
3159
-
3160
- .premium-title-gradient-yes .premium-title-text,
3161
- .premium-title-gradient-yes .premium-title-icon {
3162
- -webkit-background-clip: text;
3163
- -webkit-text-fill-color: transparent;
3164
- background-image: -webkit-gradient(linear, left top, right top, from(#ffa648), color-stop(#f17cc1), to(#4da9fd));
3165
- background-image: -webkit-linear-gradient(left, #ffa648, #f17cc1, #4da9fd);
3166
- background-image: linear-gradient(to right, #ffa648, #f17cc1, #4da9fd);
3167
- -webkit-animation: pa-text-gradient 8s infinite;
3168
- animation: pa-text-gradient 8s infinite;
3169
- }
3170
-
3171
- .premium-title-clipped .premium-title-header {
3172
- -webkit-text-fill-color: transparent;
3173
- -webkit-background-clip: text;
3174
- background-clip: text;
3175
- }
3176
-
3177
- @-webkit-keyframes pa-shinny-text {
3178
- 0% {
3179
- background-position: 100%;
3180
- }
3181
-
3182
- 100% {
3183
- background-position: -100%;
3184
- }
3185
- }
3186
-
3187
- @keyframes pa-shinny-text {
3188
- 0% {
3189
- background-position: 100%;
3190
- }
3191
-
3192
- 100% {
3193
- background-position: -100%;
3194
- }
3195
- }
3196
-
3197
- @-webkit-keyframes pa-blur-shadow {
3198
- from {
3199
- text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
3200
- color: transparent;
3201
- }
3202
-
3203
- to {
3204
- text-shadow: 0;
3205
- }
3206
- }
3207
-
3208
- @keyframes pa-blur-shadow {
3209
- from {
3210
- text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
3211
- color: transparent;
3212
- }
3213
-
3214
- to {
3215
- text-shadow: 0;
3216
- }
3217
- }
3218
-
3219
- @-webkit-keyframes pa-text-gradient {
3220
-
3221
- 0%,
3222
- 100% {
3223
- -webkit-filter: hue-rotate(0deg);
3224
- filter: hue-rotate(0deg);
3225
- }
3226
-
3227
- 50% {
3228
- -webkit-filter: hue-rotate(360deg);
3229
- filter: hue-rotate(360deg);
3230
- }
3231
- }
3232
-
3233
- @keyframes pa-text-gradient {
3234
-
3235
- 0%,
3236
- 100% {
3237
- -webkit-filter: hue-rotate(0deg);
3238
- filter: hue-rotate(0deg);
3239
- }
3240
-
3241
- 50% {
3242
- -webkit-filter: hue-rotate(360deg);
3243
- filter: hue-rotate(360deg);
3244
- }
3245
- }
3246
-
3247
- /*
3248
- * Common Title/Dual Heading
3249
- */
3250
- .premium-title-bg-text:before {
3251
- position: absolute;
3252
- content: attr(data-background);
3253
- top: 0;
3254
- left: 0;
3255
- text-align: left;
3256
- }
3257
-
3258
- .premium-mask-yes .premium-dual-header-first-clip .premium-dual-header-first-span .premium-mask-span,
3259
- .premium-mask-yes .premium-dual-header-second-clip .premium-mask-span {
3260
- background: inherit;
3261
- }
3262
-
3263
- .premium-mask-yes .premium-mask-span {
3264
- position: relative;
3265
- overflow: hidden;
3266
- -js-display: inline-flex !important;
3267
- display: -webkit-inline-box !important;
3268
- display: -webkit-inline-flex !important;
3269
- display: -moz-inline-box !important;
3270
- display: -ms-inline-flexbox !important;
3271
- display: inline-flex !important;
3272
- }
3273
-
3274
- .premium-mask-yes .premium-mask-span::after {
3275
- content: "";
3276
- position: absolute;
3277
- top: 0;
3278
- right: 0px;
3279
- width: 100%;
3280
- height: 100%;
3281
- background-color: currentColor;
3282
- -webkit-backface-visibility: visible;
3283
- backface-visibility: visible;
3284
- }
3285
-
3286
- .premium-mask-active.premium-mask-tr .premium-mask-span::after {
3287
- -webkit-animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3288
- animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3289
- -webkit-transform: translateX(-103%);
3290
- -ms-transform: translateX(-103%);
3291
- transform: translateX(-103%);
3292
- }
3293
-
3294
- .premium-mask-active.premium-mask-tl .premium-mask-span::after {
3295
- -webkit-animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3296
- animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3297
- -webkit-transform: translateX(103%);
3298
- -ms-transform: translateX(103%);
3299
- transform: translateX(103%);
3300
- }
3301
-
3302
- .premium-mask-active.premium-mask-tb .premium-mask-span::after {
3303
- -webkit-animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3304
- animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3305
- -webkit-transform: translateY(-103%);
3306
- -ms-transform: translateY(-103%);
3307
- transform: translateY(-103%);
3308
- }
3309
-
3310
- .premium-mask-active.premium-mask-tt .premium-mask-span::after {
3311
- -webkit-animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3312
- animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3313
- -webkit-transform: translateY(103%);
3314
- -ms-transform: translateY(103%);
3315
- transform: translateY(103%);
3316
- }
3317
-
3318
- @-webkit-keyframes pa-mask-tr {
3319
- 0% {
3320
- -webkit-transform: translateX(0%);
3321
- transform: translateX(0%);
3322
- }
3323
-
3324
- 100% {
3325
- -webkit-transform: translateX(103%);
3326
- transform: translateX(103%);
3327
- }
3328
- }
3329
-
3330
- @keyframes pa-mask-tr {
3331
- 0% {
3332
- -webkit-transform: translateX(0%);
3333
- transform: translateX(0%);
3334
- }
3335
-
3336
- 100% {
3337
- -webkit-transform: translateX(103%);
3338
- transform: translateX(103%);
3339
- }
3340
- }
3341
-
3342
- @-webkit-keyframes pa-mask-tl {
3343
- 0% {
3344
- -webkit-transform: translateX(0%);
3345
- transform: translateX(0%);
3346
- }
3347
-
3348
- 100% {
3349
- -webkit-transform: translateX(-103%);
3350
- transform: translateX(-103%);
3351
- }
3352
- }
3353
-
3354
- @keyframes pa-mask-tl {
3355
- 0% {
3356
- -webkit-transform: translateX(0%);
3357
- transform: translateX(0%);
3358
- }
3359
-
3360
- 100% {
3361
- -webkit-transform: translateX(-103%);
3362
- transform: translateX(-103%);
3363
- }
3364
- }
3365
-
3366
- @-webkit-keyframes pa-mask-tb {
3367
- 0% {
3368
- -webkit-transform: translateY(0%);
3369
- transform: translateY(0%);
3370
- }
3371
-
3372
- 100% {
3373
- -webkit-transform: translateY(103%);
3374
- transform: translateY(103%);
3375
- }
3376
- }
3377
-
3378
- @keyframes pa-mask-tb {
3379
- 0% {
3380
- -webkit-transform: translateY(0%);
3381
- transform: translateY(0%);
3382
- }
3383
-
3384
- 100% {
3385
- -webkit-transform: translateY(103%);
3386
- transform: translateY(103%);
3387
- }
3388
- }
3389
-
3390
- @-webkit-keyframes pa-mask-tt {
3391
- 0% {
3392
- -webkit-transform: translateY(0%);
3393
- transform: translateY(0%);
3394
- }
3395
-
3396
- 100% {
3397
- -webkit-transform: translateY(-103%);
3398
- transform: translateY(-103%);
3399
- }
3400
- }
3401
-
3402
- @keyframes pa-mask-tt {
3403
- 0% {
3404
- -webkit-transform: translateY(0%);
3405
- transform: translateY(0%);
3406
- }
3407
-
3408
- 100% {
3409
- -webkit-transform: translateY(-103%);
3410
- transform: translateY(-103%);
3411
- }
3412
- }
3413
-
3414
- /**************** Premium Video Box ************/
3415
- /***********************************************/
3416
- .premium-video-box-transform {
3417
- -webkit-transform: none !important;
3418
- -ms-transform: none !important;
3419
- transform: none !important;
3420
- }
3421
-
3422
- .premium-video-box-container {
3423
- -js-display: flex;
3424
- display: -webkit-box;
3425
- display: -webkit-flex;
3426
- display: -moz-box;
3427
- display: -ms-flexbox;
3428
- display: flex;
3429
- -webkit-box-orient: vertical;
3430
- -webkit-box-direction: normal;
3431
- -webkit-flex-direction: column;
3432
- -moz-box-orient: vertical;
3433
- -moz-box-direction: normal;
3434
- -ms-flex-direction: column;
3435
- flex-direction: column;
3436
- }
3437
-
3438
- .premium-video-box-container>div {
3439
- position: relative;
3440
- overflow: hidden;
3441
- }
3442
-
3443
- .pa-aspect-ratio-11 .premium-video-box-container>div {
3444
- padding-bottom: 100%;
3445
- }
3446
-
3447
- .pa-aspect-ratio-169 .premium-video-box-container>div {
3448
- padding-bottom: 56.25%;
3449
- }
3450
-
3451
- .pa-aspect-ratio-43 .premium-video-box-container>div {
3452
- padding-bottom: 75%;
3453
- }
3454
-
3455
- .pa-aspect-ratio-32 .premium-video-box-container>div {
3456
- padding-bottom: 66.6666%;
3457
- }
3458
-
3459
- .pa-aspect-ratio-219 .premium-video-box-container>div {
3460
- padding-bottom: 42.8571%;
3461
- }
3462
-
3463
- .pa-aspect-ratio-916 .premium-video-box-container>div {
3464
- padding-bottom: 177.8%;
3465
- }
3466
-
3467
- .premium-video-box-image-container {
3468
- position: absolute;
3469
- top: 0;
3470
- right: 0;
3471
- bottom: 0;
3472
- left: 0;
3473
- width: 100%;
3474
- height: 100%;
3475
- -webkit-background-size: cover;
3476
- background-size: cover;
3477
- background-position: 50%;
3478
- cursor: pointer;
3479
- margin: auto;
3480
- -webkit-transition: 0.2s all;
3481
- transition: 0.2s all;
3482
- }
3483
-
3484
- .premium-video-box-play-icon-container {
3485
- position: absolute;
3486
- z-index: 2;
3487
- cursor: pointer;
3488
- -webkit-transform: translate(50%, -50%);
3489
- -ms-transform: translate(50%, -50%);
3490
- transform: translate(50%, -50%);
3491
- background: rgba(252, 252, 252, 0.35);
3492
- }
3493
-
3494
- .premium-video-box-description-container {
3495
- position: absolute;
3496
- z-index: 2;
3497
- padding: 5px;
3498
- text-align: center;
3499
- cursor: pointer;
3500
- -webkit-transform: translate(50%, -50%);
3501
- -ms-transform: translate(50%, -50%);
3502
- transform: translate(50%, -50%);
3503
- }
3504
-
3505
- .premium-video-box-text {
3506
- margin-bottom: 0 !important;
3507
- -webkit-transition: all 0.3s ease-in-out;
3508
- transition: all 0.3s ease-in-out;
3509
- }
3510
-
3511
- .premium-video-box-play-icon {
3512
- padding: 15px;
3513
- -webkit-transform: translateX(-4%);
3514
- -ms-transform: translateX(-4%);
3515
- transform: translateX(-4%);
3516
- -webkit-transition: all 0.3s ease-in-out;
3517
- transition: all 0.3s ease-in-out;
3518
- }
3519
-
3520
- .premium-video-box-video-container {
3521
- position: absolute;
3522
- top: 0;
3523
- right: 0;
3524
- z-index: 2;
3525
- width: 100%;
3526
- height: 100%;
3527
- -webkit-transition: opacity 0.8s ease-in-out;
3528
- transition: opacity 0.8s ease-in-out;
3529
- overflow: hidden;
3530
- cursor: pointer;
3531
- }
3532
-
3533
- .premium-video-box-container[data-overlay="true"][data-type="self"] .premium-video-box-video-container {
3534
- opacity: 0;
3535
- visibility: hidden;
3536
- }
3537
-
3538
- .premium-video-box-video-container iframe {
3539
- max-width: 100%;
3540
- width: 100%;
3541
- height: 100%;
3542
- margin: 0;
3543
- line-height: 1;
3544
- border: none;
3545
- }
3546
-
3547
- .premium-video-box-video-container video {
3548
- max-width: 100%;
3549
- width: 100%;
3550
- height: 100%;
3551
- margin: 0;
3552
- line-height: 1;
3553
- border: none;
3554
- background-color: #000;
3555
- -o-object-fit: contain;
3556
- object-fit: contain;
3557
- }
3558
-
3559
- .premium-video-box-container .premium-video-box-vimeo-wrap {
3560
- -js-display: flex;
3561
- display: -webkit-box;
3562
- display: -webkit-flex;
3563
- display: -moz-box;
3564
- display: -ms-flexbox;
3565
- display: flex;
3566
- position: absolute;
3567
- top: 0;
3568
- right: 0;
3569
- z-index: 3;
3570
- margin: 10px;
3571
- margin-left: 10px;
3572
- -webkit-transition: opacity 0.2s ease-out;
3573
- transition: opacity 0.2s ease-out;
3574
- margin-left: 4.6em;
3575
- }
3576
-
3577
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-portrait {
3578
- width: 60px;
3579
- height: 60px;
3580
- background: rgba(23, 35, 34, 0.75);
3581
- margin-left: 1px;
3582
- -webkit-box-flex: 1;
3583
- -webkit-flex: 1 0 auto;
3584
- -moz-box-flex: 1;
3585
- -ms-flex: 1 0 auto;
3586
- flex: 1 0 auto;
3587
- padding: 0;
3588
- }
3589
-
3590
- .premium-video-box-vimeo-portrait img {
3591
- width: 50px;
3592
- height: 50px;
3593
- margin: 5px;
3594
- padding: 0;
3595
- border: 0;
3596
- -webkit-border-radius: 50%;
3597
- border-radius: 50%;
3598
- }
3599
-
3600
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-headers {
3601
- font-size: 10px;
3602
- }
3603
-
3604
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-title {
3605
- max-width: 100%;
3606
- font-size: 2em !important;
3607
- font-weight: 700;
3608
- margin: 0;
3609
- padding: 0.1em 0.2em;
3610
- background: rgba(23, 35, 34, 0.75);
3611
- display: inline-block;
3612
- text-transform: none;
3613
- line-height: normal;
3614
- letter-spacing: normal;
3615
- }
3616
-
3617
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-byline {
3618
- font-size: 1.2em !important;
3619
- font-weight: 400;
3620
- color: #fff;
3621
- margin-top: 0.1em;
3622
- padding: 0.2em 0.5em;
3623
- background: rgba(23, 35, 34, 0.75);
3624
- text-transform: none;
3625
- line-height: normal;
3626
- letter-spacing: normal;
3627
- }
3628
-
3629
- .premium-video-box-playlist-container {
3630
- -js-display: flex;
3631
- display: -webkit-box;
3632
- display: -webkit-flex;
3633
- display: -moz-box;
3634
- display: -ms-flexbox;
3635
- display: flex;
3636
- -webkit-flex-wrap: wrap;
3637
- -ms-flex-wrap: wrap;
3638
- flex-wrap: wrap;
3639
- }
3640
-
3641
- .premium-video-box-playlist-container .premium-video-box-container {
3642
- height: 100%;
3643
- overflow: hidden;
3644
- }
3645
-
3646
- .premium-video-box-container:hover .premium-video-box-image-container.zoomin {
3647
- -webkit-transform: scale(1.1);
3648
- -ms-transform: scale(1.1);
3649
- transform: scale(1.1);
3650
- }
3651
-
3652
- .premium-video-box-container:hover .premium-video-box-image-container.zoomout {
3653
- -webkit-transform: scale(1);
3654
- -ms-transform: scale(1);
3655
- transform: scale(1);
3656
- }
3657
-
3658
- .premium-video-box-container:hover .premium-video-box-image-container.scale {
3659
- -webkit-transform: scale(1.3) rotate(-5deg);
3660
- -ms-transform: scale(1.3) rotate(-5deg);
3661
- transform: scale(1.3) rotate(-5deg);
3662
- }
3663
-
3664
- .premium-video-box-container:hover .premium-video-box-image-container.gray {
3665
- -webkit-filter: grayscale(0%);
3666
- filter: grayscale(0%);
3667
- }
3668
-
3669
- .premium-video-box-container:hover .premium-video-box-image-container.blur {
3670
- -webkit-filter: blur(3px);
3671
- filter: blur(3px);
3672
- }
3673
-
3674
- .premium-video-box-container:hover .premium-video-box-image-container.sepia {
3675
- -webkit-filter: sepia(0%);
3676
- filter: sepia(0%);
3677
- }
3678
-
3679
- .premium-video-box-container:hover .premium-video-box-image-container.trans {
3680
- -webkit-transform: translateX(0px) scale(1.1);
3681
- -ms-transform: translateX(0px) scale(1.1);
3682
- transform: translateX(0px) scale(1.1);
3683
- }
3684
-
3685
- .premium-video-box-container:hover .premium-video-box-image-container.bright {
3686
- -webkit-filter: brightness(1.2);
3687
- filter: brightness(1.2);
3688
- }
3689
-
3690
- .premium-video-box-image-container.gray {
3691
- -webkit-filter: grayscale(100%);
3692
- filter: grayscale(100%);
3693
- }
3694
-
3695
- .premium-video-box-image-container.zoomout,
3696
- .premium-video-box-image-container.scale {
3697
- -webkit-transform: scale(1.2);
3698
- -ms-transform: scale(1.2);
3699
- transform: scale(1.2);
3700
- }
3701
-
3702
- .premium-video-box-image-container.sepia {
3703
- -webkit-filter: sepia(30%);
3704
- filter: sepia(30%);
3705
- }
3706
-
3707
- .premium-video-box-image-container.bright {
3708
- -webkit-filter: brightness(1);
3709
- filter: brightness(1);
3710
- }
3711
-
3712
- .premium-video-box-image-container.trans {
3713
- -webkit-transform: translateX(15px) scale(1.1);
3714
- -ms-transform: translateX(15px) scale(1.1);
3715
- transform: translateX(15px) scale(1.1);
3716
- }
3717
-
3718
- .premium-video-box-mask-media {
3719
- -webkit-mask-repeat: no-repeat;
3720
- mask-repeat: no-repeat;
3721
- }
3722
-
3723
- /* Sticky Video Option */
3724
- .premium-video-box-container.premium-video-box-sticky-apply {
3725
- z-index: 99;
3726
- overflow: unset;
3727
- }
3728
-
3729
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3730
- position: fixed !important;
3731
- z-index: 99999;
3732
- height: 225px;
3733
- width: 400px;
3734
- background: #fff;
3735
- }
3736
-
3737
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-vimeo-wrap,
3738
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-container:before {
3739
- visibility: hidden;
3740
- }
3741
-
3742
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3743
- -webkit-box-shadow: unset;
3744
- box-shadow: unset;
3745
- }
3746
-
3747
- .premium-video-box-sticky-close,
3748
- .premium-video-box-sticky-infobar {
3749
- display: none;
3750
- }
3751
-
3752
- .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3753
- position: absolute;
3754
- padding: 5px;
3755
- cursor: pointer;
3756
- z-index: 99999;
3757
- height: 14px;
3758
- width: 14px;
3759
- -webkit-box-sizing: content-box;
3760
- -moz-box-sizing: content-box;
3761
- box-sizing: content-box;
3762
- -webkit-border-radius: 100%;
3763
- border-radius: 100%;
3764
- -js-display: flex;
3765
- display: -webkit-box;
3766
- display: -webkit-flex;
3767
- display: -moz-box;
3768
- display: -ms-flexbox;
3769
- display: flex;
3770
- -webkit-box-pack: center;
3771
- -webkit-justify-content: center;
3772
- -moz-box-pack: center;
3773
- -ms-flex-pack: center;
3774
- justify-content: center;
3775
- -webkit-box-align: center;
3776
- -webkit-align-items: center;
3777
- -moz-box-align: center;
3778
- -ms-flex-align: center;
3779
- align-items: center;
3780
- }
3781
-
3782
- .premium-video-box-sticky-apply .premium-video-box-play-icon-container {
3783
- -js-display: flex;
3784
- display: -webkit-box;
3785
- display: -webkit-flex;
3786
- display: -moz-box;
3787
- display: -ms-flexbox;
3788
- display: flex;
3789
- }
3790
-
3791
- .premium-video-box-sticky-apply .premium-video-box-play-icon {
3792
- -webkit-transition: none;
3793
- transition: none;
3794
- }
3795
-
3796
- .premium-video-box-sticky-apply .premium-video-box-sticky-infobar {
3797
- display: block;
3798
- position: relative;
3799
- top: 100%;
3800
- width: 100%;
3801
- padding: 5px;
3802
- text-align: center;
3803
- z-index: 9999;
3804
- margin-top: -1px;
3805
- }
3806
-
3807
- .premium-video-box-sticky-apply .premium-video-box-inner-wrap.ui-draggable {
3808
- cursor: move;
3809
- }
3810
-
3811
- .premium-video-sticky-top-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3812
- left: auto;
3813
- right: 20px;
3814
- top: 20px;
3815
- }
3816
-
3817
- .premium-video-sticky-bottom-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3818
- left: auto;
3819
- right: 20px;
3820
- bottom: 20px;
3821
- }
3822
-
3823
- .premium-video-sticky-top-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3824
- right: auto;
3825
- left: 20px;
3826
- top: 20px;
3827
- }
3828
-
3829
- .premium-video-sticky-bottom-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3830
- right: auto;
3831
- left: 20px;
3832
- bottom: 20px;
3833
- }
3834
-
3835
- .premium-video-sticky-center-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3836
- left: auto;
3837
- right: 20px;
3838
- top: 50%;
3839
- -webkit-transform: translateY(-50%);
3840
- -ms-transform: translateY(-50%);
3841
- transform: translateY(-50%);
3842
- }
3843
-
3844
- .premium-video-sticky-center-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3845
- right: auto;
3846
- left: 20px;
3847
- top: 50%;
3848
- -webkit-transform: translateY(-50%);
3849
- -ms-transform: translateY(-50%);
3850
- transform: translateY(-50%);
3851
- }
3852
-
3853
- .premium-video-sticky-bottom-right .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap,
3854
- .premium-video-sticky-bottom-left .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3855
- bottom: 55px;
3856
- }
3857
-
3858
- .premium-video-sticky-top-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3859
- .premium-video-sticky-bottom-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3860
- .premium-video-sticky-center-left .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3861
- top: -10px;
3862
- left: -10px;
3863
- }
3864
-
3865
- .premium-video-sticky-top-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3866
- .premium-video-sticky-bottom-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3867
- .premium-video-sticky-center-right .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3868
- top: -10px;
3869
- right: -10px;
3870
- }
3871
-
3872
- .premium-video-box-filter-sticky {
3873
- -webkit-filter: none !important;
3874
- filter: none !important;
3875
- }
3876
-
3877
- /**************** Premium Blog *****************/
3878
- /***********************************************/
3879
- .premium-blog-thumb-effect-wrapper {
3880
- position: relative;
3881
- overflow: hidden;
3882
- }
3883
-
3884
- .premium-blog-effect-container:not(.premium-blog-bordered-effect) .premium-blog-post-link {
3885
- position: absolute;
3886
- top: 0;
3887
- right: 0;
3888
- width: 100%;
3889
- height: 100%;
3890
- z-index: 2;
3891
- padding: 20px;
3892
- }
3893
-
3894
- .premium-blog-bordered-effect .premium-blog-post-link {
3895
- display: block;
3896
- height: 100%;
3897
- position: relative;
3898
- }
3899
-
3900
- /*Thumbnail Img*/
3901
- .premium-blog-thumbnail-container {
3902
- overflow: hidden;
3903
- }
3904
-
3905
- .premium-blog-thumbnail-container img,
3906
- .premium-blog-thumbnail-container .below-entry-meta {
3907
- width: 100%;
3908
- height: 100%;
3909
- margin: 0 !important;
3910
- -webkit-transition: all 0.4s ease-in-out;
3911
- transition: all 0.4s ease-in-out;
3912
- }
3913
-
3914
- .premium-blog-thumb-effect-wrapper .premium-blog-zoomout-effect img,
3915
- .premium-blog-thumb-effect-wrapper .premium-blog-scale-effect img {
3916
- -webkit-transform: scale(1.2);
3917
- -ms-transform: scale(1.2);
3918
- transform: scale(1.2);
3919
- }
3920
-
3921
- .premium-blog-thumb-effect-wrapper .premium-blog-sepia-effect img {
3922
- -webkit-filter: sepia(30%);
3923
- filter: sepia(30%);
3924
- }
3925
-
3926
- .premium-blog-thumb-effect-wrapper .premium-blog-bright-effect img {
3927
- -webkit-filter: brightness(1);
3928
- filter: brightness(1);
3929
- }
3930
-
3931
- .premium-blog-thumb-effect-wrapper .premium-blog-trans-effect img {
3932
- -webkit-transform: translateX(15px) scale(1.1);
3933
- -ms-transform: translateX(15px) scale(1.1);
3934
- transform: translateX(15px) scale(1.1);
3935
- }
3936
-
3937
- .premium-blog-post-outer-container:hover .premium-blog-zoomin-effect img {
3938
- -webkit-transform: scale(1.2);
3939
- -ms-transform: scale(1.2);
3940
- transform: scale(1.2);
3941
- }
3942
-
3943
- .premium-blog-post-outer-container:hover .premium-blog-zoomout-effect img {
3944
- -webkit-transform: scale(1.1);
3945
- -ms-transform: scale(1.1);
3946
- transform: scale(1.1);
3947
- }
3948
-
3949
- .premium-blog-post-outer-container:hover .premium-blog-scale-effect img {
3950
- -webkit-transform: scale(1.3) rotate(-5deg);
3951
- -ms-transform: scale(1.3) rotate(-5deg);
3952
- transform: scale(1.3) rotate(-5deg);
3953
- }
3954
-
3955
- .premium-blog-post-outer-container:hover .premium-blog-gray-effect img {
3956
- -webkit-filter: grayscale(100%);
3957
- filter: grayscale(100%);
3958
- }
3959
-
3960
- .premium-blog-post-outer-container:hover .premium-blog-blur-effect img {
3961
- -webkit-filter: blur(3px);
3962
- filter: blur(3px);
3963
- }
3964
-
3965
- .premium-blog-post-outer-container:hover .premium-blog-sepia-effect img {
3966
- -webkit-filter: sepia(0%);
3967
- filter: sepia(0%);
3968
- }
3969
-
3970
- .premium-blog-post-outer-container:hover .premium-blog-bright-effect img {
3971
- -webkit-filter: brightness(1.2);
3972
- filter: brightness(1.2);
3973
- }
3974
-
3975
- .premium-blog-post-outer-container:hover .premium-blog-trans-effect img {
3976
- -webkit-transform: translateX(0px) scale(1.1);
3977
- -ms-transform: translateX(0px) scale(1.1);
3978
- transform: translateX(0px) scale(1.1);
3979
- }
3980
-
3981
- .premium-blog-post-container {
3982
- overflow: hidden;
3983
- }
3984
-
3985
- .premium-blog-post-container .premium-blog-inner-container {
3986
- -js-display: flex;
3987
- display: -webkit-box;
3988
- display: -webkit-flex;
3989
- display: -moz-box;
3990
- display: -ms-flexbox;
3991
- display: flex;
3992
- }
3993
-
3994
- .premium-blog-post-container .premium-blog-post-content {
3995
- line-height: 1.5em;
3996
- color: #777;
3997
- font-size: 14px;
3998
- margin-bottom: 10px;
3999
- }
4000
-
4001
- .premium-blog-post-container ul.post-categories a:hover,
4002
- .premium-blog-post-container ul.post-categories a:focus,
4003
- .premium-blog-post-container .premium-blog-post-link:hover,
4004
- .premium-blog-post-container .premium-blog-post-link:focus {
4005
- -webkit-box-shadow: none !important;
4006
- box-shadow: none !important;
4007
- outline: none !important;
4008
- }
4009
-
4010
- .premium-blog-post-container .premium-blog-entry-title {
4011
- font-size: 18px;
4012
- margin-bottom: 5px;
4013
- }
4014
-
4015
- .premium-blog-post-container.premium-blog-skin-modern .premium-blog-content-wrapper {
4016
- position: relative;
4017
- z-index: 3;
4018
- top: -50px;
4019
- }
4020
-
4021
- .premium-blog-post-container .premium-blog-content-wrapper {
4022
- background-color: #f5f5f5;
4023
- padding: 30px;
4024
- }
4025
-
4026
- .premium-blog-post-container .premium-blog-content-wrapper.empty-thumb {
4027
- top: 0;
4028
- }
4029
-
4030
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before,
4031
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:after {
4032
- position: absolute;
4033
- content: "";
4034
- z-index: 1;
4035
- top: 50%;
4036
- right: 50%;
4037
- opacity: 0;
4038
- -webkit-transform: translate(50%, -50%);
4039
- -ms-transform: translate(50%, -50%);
4040
- transform: translate(50%, -50%);
4041
- -webkit-transition: all 0.4s linear 0s;
4042
- transition: all 0.4s linear 0s;
4043
- height: 1px;
4044
- width: 100%;
4045
- background-color: #fff;
4046
- }
4047
-
4048
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before {
4049
- width: 1px;
4050
- height: 100%;
4051
- }
4052
-
4053
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-container:after {
4054
- width: 20px;
4055
- opacity: 1;
4056
- }
4057
-
4058
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-container:before {
4059
- height: 20px;
4060
- opacity: 1;
4061
- }
4062
-
4063
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-content-wrapper {
4064
- margin: 0px 10px 20px;
4065
- clear: both;
4066
- }
4067
-
4068
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay,
4069
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay,
4070
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay {
4071
- position: absolute;
4072
- top: 0;
4073
- right: 0;
4074
- width: 100%;
4075
- height: 100%;
4076
- -webkit-transition: all 0.3s ease-in-out;
4077
- transition: all 0.3s ease-in-out;
4078
- opacity: 0;
4079
- }
4080
-
4081
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay a,
4082
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay a,
4083
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay a {
4084
- -js-display: flex;
4085
- display: -webkit-box;
4086
- display: -webkit-flex;
4087
- display: -moz-box;
4088
- display: -ms-flexbox;
4089
- display: flex;
4090
- -webkit-box-pack: center;
4091
- -webkit-justify-content: center;
4092
- -moz-box-pack: center;
4093
- -ms-flex-pack: center;
4094
- justify-content: center;
4095
- -webkit-box-align: center;
4096
- -webkit-align-items: center;
4097
- -moz-box-align: center;
4098
- -ms-flex-align: center;
4099
- align-items: center;
4100
- width: 100%;
4101
- height: 100%;
4102
- }
4103
-
4104
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay span,
4105
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay i,
4106
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay span,
4107
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay i,
4108
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay span,
4109
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay i {
4110
- -webkit-transition: all 0.3s ease-in-out;
4111
- transition: all 0.3s ease-in-out;
4112
- }
4113
-
4114
- .premium-blog-post-container.premium-blog-skin-side {
4115
- -js-display: flex;
4116
- display: -webkit-box;
4117
- display: -webkit-flex;
4118
- display: -moz-box;
4119
- display: -ms-flexbox;
4120
- display: flex;
4121
- }
4122
-
4123
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-container {
4124
- height: 100%;
4125
- }
4126
-
4127
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-content-wrapper {
4128
- -webkit-box-flex: 1;
4129
- -webkit-flex: 1;
4130
- -moz-box-flex: 1;
4131
- -ms-flex: 1;
4132
- flex: 1;
4133
- }
4134
-
4135
- .premium-blog-post-container.premium-blog-skin-banner {
4136
- position: relative;
4137
- }
4138
-
4139
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper {
4140
- position: absolute;
4141
- width: 100%;
4142
- bottom: 0;
4143
- -js-display: flex;
4144
- display: -webkit-box;
4145
- display: -webkit-flex;
4146
- display: -moz-box;
4147
- display: -ms-flexbox;
4148
- display: flex;
4149
- -webkit-box-orient: vertical;
4150
- -webkit-box-direction: normal;
4151
- -webkit-flex-direction: column;
4152
- -moz-box-orient: vertical;
4153
- -moz-box-direction: normal;
4154
- -ms-flex-direction: column;
4155
- flex-direction: column;
4156
- background-color: transparent;
4157
- z-index: 3;
4158
- }
4159
-
4160
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper-inner {
4161
- -webkit-transition: -webkit-transform 0.3s ease-in-out;
4162
- transition: -webkit-transform 0.3s ease-in-out;
4163
- transition: transform 0.3s ease-in-out;
4164
- transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
4165
- }
4166
-
4167
- .premium-blog-post-container.premium-blog-skin-banner:hover .premium-blog-content-wrapper-inner {
4168
- -webkit-transform: translateY(-5px);
4169
- -ms-transform: translateY(-5px);
4170
- transform: translateY(-5px);
4171
- }
4172
-
4173
- .premium-blog-post-container .premium-blog-cats-container ul.post-categories {
4174
- margin: 0;
4175
- padding: 0;
4176
- list-style: none;
4177
- -js-display: flex;
4178
- display: -webkit-box;
4179
- display: -webkit-flex;
4180
- display: -moz-box;
4181
- display: -ms-flexbox;
4182
- display: flex;
4183
- }
4184
-
4185
- .premium-blog-post-container .premium-blog-cats-container a {
4186
- display: block;
4187
- font-size: 12px;
4188
- color: #fff;
4189
- background-color: #777;
4190
- margin: 0 0 10px 3px;
4191
- padding: 5px;
4192
- -webkit-transition: all 0.3s ease-in-out;
4193
- transition: all 0.3s ease-in-out;
4194
- }
4195
-
4196
- /*
4197
- * Diagonal Effect
4198
- */
4199
- .premium-blog-diagonal-container {
4200
- position: absolute;
4201
- top: 0;
4202
- right: 0;
4203
- width: 100%;
4204
- height: 100%;
4205
- }
4206
-
4207
- .premium-blog-diagonal-effect:before {
4208
- position: absolute;
4209
- top: 0px;
4210
- right: 0px;
4211
- width: 100%;
4212
- height: 100%;
4213
- content: " ";
4214
- z-index: 1;
4215
- background: rgba(255, 255, 255, 0.2);
4216
- -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
4217
- transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
4218
- -webkit-transition: all 0.3s linear 0s;
4219
- transition: all 0.3s linear 0s;
4220
- }
4221
-
4222
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-diagonal-effect:before {
4223
- -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
4224
- transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
4225
- }
4226
-
4227
- /*
4228
- * Framed Effect
4229
- */
4230
- .premium-blog-framed-effect {
4231
- position: absolute;
4232
- width: -webkit-calc(100% - 30px);
4233
- width: calc(100% - 30px);
4234
- height: -webkit-calc(100% - 30px);
4235
- height: calc(100% - 30px);
4236
- top: 15px;
4237
- right: 15px;
4238
- opacity: 0;
4239
- -webkit-transform: scale(0.3);
4240
- -ms-transform: scale(0.3);
4241
- transform: scale(0.3);
4242
- -webkit-transition: all 0.3s linear 0s;
4243
- transition: all 0.3s linear 0s;
4244
- }
4245
-
4246
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-framed-effect {
4247
- opacity: 0.99;
4248
- -webkit-transform: scale(1);
4249
- -ms-transform: scale(1);
4250
- transform: scale(1);
4251
- }
4252
-
4253
- /*
4254
- * Bordered Effect
4255
- */
4256
- .premium-blog-bordered-effect {
4257
- position: absolute;
4258
- top: 0;
4259
- right: 0;
4260
- width: 100%;
4261
- height: 100%;
4262
- opacity: 0;
4263
- padding: 15px;
4264
- -webkit-transition: all 0.3s linear 0s;
4265
- transition: all 0.3s linear 0s;
4266
- }
4267
-
4268
- .premium-blog-bordered-effect .premium-blog-post-link:before,
4269
- .premium-blog-bordered-effect .premium-blog-post-link:after {
4270
- content: "";
4271
- display: block;
4272
- position: absolute;
4273
- top: 0;
4274
- right: 0;
4275
- width: 100%;
4276
- height: 100%;
4277
- -webkit-transition: all 0.5s linear 0s;
4278
- transition: all 0.5s linear 0s;
4279
- -webkit-transition-delay: 0s;
4280
- transition-delay: 0s;
4281
- border-color: rgba(255, 255, 255, 0.45);
4282
- }
4283
-
4284
- .premium-blog-bordered-effect .premium-blog-post-link:before {
4285
- border-left: 2px solid;
4286
- border-right: 2px solid;
4287
- -webkit-transform: scale(1, 0);
4288
- -ms-transform: scale(1, 0);
4289
- transform: scale(1, 0);
4290
- -webkit-transform-origin: 0% 0;
4291
- -ms-transform-origin: 0% 0;
4292
- transform-origin: 0% 0;
4293
- }
4294
-
4295
- .premium-blog-bordered-effect .premium-blog-post-link:after {
4296
- border-top: 2px solid;
4297
- border-bottom: 2px solid;
4298
- -webkit-transform: scale(0, 1);
4299
- -ms-transform: scale(0, 1);
4300
- transform: scale(0, 1);
4301
- -webkit-transform-origin: 100% 0;
4302
- -ms-transform-origin: 100% 0;
4303
- transform-origin: 100% 0;
4304
- }
4305
-
4306
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect {
4307
- opacity: 0.99;
4308
- }
4309
-
4310
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect .premium-blog-post-link:before,
4311
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect .premium-blog-post-link:after {
4312
- -webkit-transition-delay: 0.15s;
4313
- transition-delay: 0.15s;
4314
- opacity: 1;
4315
- -webkit-transform: scale(1);
4316
- -ms-transform: scale(1);
4317
- transform: scale(1);
4318
- }
4319
-
4320
- /*
4321
- * Squares Effect
4322
- */
4323
- .premium-blog-squares-effect,
4324
- .premium-blog-squares-square-container {
4325
- position: absolute;
4326
- top: 0;
4327
- right: 0;
4328
- width: 100%;
4329
- height: 100%;
4330
- }
4331
-
4332
- .premium-blog-squares-effect:before,
4333
- .premium-blog-squares-effect:after {
4334
- position: absolute;
4335
- content: "";
4336
- top: 0;
4337
- right: 0;
4338
- width: 50%;
4339
- height: 50%;
4340
- -webkit-transform: translate(100%, -100%);
4341
- -ms-transform: translate(100%, -100%);
4342
- transform: translate(100%, -100%);
4343
- opacity: 0.7;
4344
- -webkit-transition: all 0.3s linear 0s;
4345
- transition: all 0.3s linear 0s;
4346
- }
4347
-
4348
- .premium-blog-squares-square-container:before,
4349
- .premium-blog-squares-square-container:after {
4350
- position: absolute;
4351
- content: "";
4352
- top: 0;
4353
- right: 0;
4354
- width: 50%;
4355
- height: 50%;
4356
- -webkit-transform: translate(100%, -100%);
4357
- -ms-transform: translate(100%, -100%);
4358
- transform: translate(100%, -100%);
4359
- opacity: 0.7;
4360
- -webkit-transition: all 0.3s linear 0s;
4361
- transition: all 0.3s linear 0s;
4362
- }
4363
-
4364
- .premium-blog-squares-square-container:before,
4365
- .premium-blog-squares-square-container:after {
4366
- opacity: 0.8;
4367
- }
4368
-
4369
- .premium-blog-squares-effect:after {
4370
- -webkit-transform: translate(-200%, 200%);
4371
- -ms-transform: translate(-200%, 200%);
4372
- transform: translate(-200%, 200%);
4373
- }
4374
-
4375
- .premium-blog-squares-square-container:before {
4376
- -webkit-transform: translate(100%, 200%);
4377
- -ms-transform: translate(100%, 200%);
4378
- transform: translate(100%, 200%);
4379
- }
4380
-
4381
- .premium-blog-squares-square-container:after {
4382
- -webkit-transform: translate(-200%, -100%);
4383
- -ms-transform: translate(-200%, -100%);
4384
- transform: translate(-200%, -100%);
4385
- }
4386
-
4387
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:before {
4388
- -webkit-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
4389
- -ms-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
4390
- transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
4391
- }
4392
-
4393
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:after {
4394
- -webkit-transform: translate(-100%, 100%) scaleY(1.003) scaleX(1.003);
4395
- -ms-transform: translate(-100%, 100%) scaleY(1.003) scaleX(1.003);
4396
- transform: translate(-100%, 100%) scaleY(1.003) scaleX(1.003);
4397
- }
4398
-
4399
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:before {
4400
- -webkit-transform: translate(0, 100%);
4401
- -ms-transform: translate(0, 100%);
4402
- transform: translate(0, 100%);
4403
- }
4404
-
4405
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:after {
4406
- -webkit-transform: translate(-100%, 0%);
4407
- -ms-transform: translate(-100%, 0%);
4408
- transform: translate(-100%, 0%);
4409
- }
4410
-
4411
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay {
4412
- opacity: 1;
4413
- }
4414
-
4415
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay a {
4416
- opacity: 1;
4417
- -webkit-transform: scale(1);
4418
- -ms-transform: scale(1);
4419
- transform: scale(1);
4420
- }
4421
-
4422
- .premium-blog-clear-fix {
4423
- clear: both;
4424
- }
4425
-
4426
- .premium-blog-masked .premium-blog-thumbnail-container {
4427
- position: relative;
4428
- overflow: visible;
4429
- }
4430
-
4431
- .premium-blog-masked .premium-blog-thumbnail-container svg {
4432
- position: absolute;
4433
- height: 100px;
4434
- width: 100%;
4435
- bottom: -5px;
4436
- right: 0;
4437
- fill: #f5f5f5;
4438
- z-index: 99;
4439
- }
4440
-
4441
- .premium-blog-masked .premium-blog-thumbnail-container svg.premium-blog-shape-divider-svg {
4442
- -webkit-transform: rotate(180deg);
4443
- -ms-transform: rotate(180deg);
4444
- transform: rotate(180deg);
4445
- }
4446
-
4447
- .premium-blog-masked .premium-blog-author-thumbnail,
4448
- .premium-blog-masked .premium-blog-skin-banner .premium-blog-content-wrapper {
4449
- z-index: 999 !important;
4450
- }
4451
-
4452
- /*Post Format Container*/
4453
- .premium-blog-format-link {
4454
- padding: 5px;
4455
- line-height: 0;
4456
- }
4457
-
4458
- /*Post Format Icon*/
4459
- /*Post Format Content Margin */
4460
- .premium-blog-entry-meta {
4461
- line-height: 1.3em;
4462
- font-size: 12px;
4463
- margin-bottom: 13px;
4464
- color: #adadad;
4465
- }
4466
-
4467
- .premium-blog-entry-meta i {
4468
- margin-left: 3px;
4469
- -webkit-transition: all 0.3s ease-in-out;
4470
- transition: all 0.3s ease-in-out;
4471
- }
4472
-
4473
- .premium-blog-meta-data {
4474
- display: inline-block;
4475
- }
4476
-
4477
- .premium-blog-meta-data .premium-blog-meta-separator {
4478
- margin: 0 5px;
4479
- }
4480
-
4481
- .premium-blog-meta-data a,
4482
- .premium-blog-meta-data span {
4483
- color: inherit;
4484
- -webkit-transition: all 0.3s ease-in-out;
4485
- transition: all 0.3s ease-in-out;
4486
- }
4487
-
4488
- .premium-blog-author-thumbnail {
4489
- position: relative;
4490
- padding: 0 30px;
4491
- width: 100%;
4492
- top: -10px;
4493
- height: 0;
4494
- pointer-events: none;
4495
- }
4496
-
4497
- .premium-blog-author-thumbnail img {
4498
- -webkit-border-radius: 50%;
4499
- border-radius: 50%;
4500
- width: 60px;
4501
- pointer-events: all;
4502
- -webkit-transform: translateY(-50%);
4503
- -ms-transform: translateY(-50%);
4504
- transform: translateY(-50%);
4505
- }
4506
-
4507
- .premium-blog-entry-title a,
4508
- .premium-blog-post-tags-container a,
4509
- .premium-blog-post-content .premium-blog-excerpt-link {
4510
- -webkit-transition: all 0.3s ease-in-out;
4511
- transition: all 0.3s ease-in-out;
4512
- }
4513
-
4514
- .premium-blog-excerpt-link-wrap a.premium-blog-excerpt-link {
4515
- background-color: transparent;
4516
- color: #54595f;
4517
- padding: 0;
4518
- }
4519
-
4520
- .premium-blog-cta-full-yes .premium-blog-excerpt-link {
4521
- width: 100%;
4522
- }
4523
-
4524
- .premium-blog-post-tags-container {
4525
- margin-top: 8px;
4526
- -js-display: flex;
4527
- display: -webkit-box;
4528
- display: -webkit-flex;
4529
- display: -moz-box;
4530
- display: -ms-flexbox;
4531
- display: flex;
4532
- -webkit-box-align: center;
4533
- -webkit-align-items: center;
4534
- -moz-box-align: center;
4535
- -ms-flex-align: center;
4536
- align-items: center;
4537
- -webkit-flex-wrap: wrap;
4538
- -ms-flex-wrap: wrap;
4539
- flex-wrap: wrap;
4540
- }
4541
-
4542
- .premium-blog-post-tags-container a {
4543
- color: inherit;
4544
- margin-right: 5px;
4545
- }
4546
-
4547
- .premium-blog-align-center .post-categories,
4548
- .premium-blog-align-center .premium-blog-inner-container,
4549
- .premium-blog-align-center .premium-blog-post-tags-container {
4550
- -webkit-box-pack: center;
4551
- -webkit-justify-content: center;
4552
- -moz-box-pack: center;
4553
- -ms-flex-pack: center;
4554
- justify-content: center;
4555
- }
4556
-
4557
- .premium-blog-align-left .premium-blog-post-container .post-categories,
4558
- .premium-blog-align-left .premium-blog-post-container .premium-blog-inner-container,
4559
- .premium-blog-align-left .premium-blog-post-container .premium-blog-post-tags-container {
4560
- -webkit-box-pack: end;
4561
- -webkit-justify-content: flex-end;
4562
- -moz-box-pack: end;
4563
- -ms-flex-pack: end;
4564
- justify-content: flex-end;
4565
- }
4566
-
4567
- /* .premium-blog-align-left .premium-blog-post-container.premium-blog-skin-cards .post-categories,
4568
- .premium-blog-align-left .premium-blog-post-container.premium-blog-skin-cards .premium-blog-inner-container,
4569
- .premium-blog-align-left .premium-blog-post-container.premium-blog-skin-cards .premium-blog-post-tags-container {
4570
- -webkit-box-pack: start;
4571
- -webkit-justify-content: flex-start;
4572
- -moz-box-pack: start;
4573
- -ms-flex-pack: start;
4574
- justify-content: flex-start;
4575
- } */
4576
-
4577
- .premium-blog-align-right .premium-blog-post-container .post-categories,
4578
- .premium-blog-align-right .premium-blog-post-container .premium-blog-inner-container,
4579
- .premium-blog-align-right .premium-blog-post-container .premium-blog-post-tags-container {
4580
- -webkit-box-pack: start;
4581
- -webkit-justify-content: flex-start;
4582
- -moz-box-pack: start;
4583
- -ms-flex-pack: start;
4584
- justify-content: flex-start;
4585
- }
4586
-
4587
- /* .premium-blog-align-right .premium-blog-post-container.premium-blog-skin-cards .post-categories,
4588
- .premium-blog-align-right .premium-blog-post-container.premium-blog-skin-cards .premium-blog-inner-container,
4589
- .premium-blog-align-right .premium-blog-post-container.premium-blog-skin-cards .premium-blog-post-tags-container {
4590
- -webkit-box-pack: end;
4591
- -webkit-justify-content: flex-end;
4592
- -moz-box-pack: end;
4593
- -ms-flex-pack: end;
4594
- justify-content: flex-end;
4595
- } */
4596
-
4597
- /* Pagination */
4598
- .premium-blog-pagination-container {
4599
- text-align: left;
4600
- }
4601
-
4602
- .premium-blog-pagination-container span {
4603
- cursor: default;
4604
- }
4605
-
4606
- .premium-blog-pagination-container .page-numbers {
4607
- display: inline-block;
4608
- color: #000;
4609
- line-height: 1;
4610
- font-size: 1em;
4611
- font-weight: 400;
4612
- text-decoration: none;
4613
- padding: 0.75em;
4614
- margin: 0 0 0.4em 0.4em;
4615
- -webkit-transition: all 0.2s ease-in-out;
4616
- transition: all 0.2s ease-in-out;
4617
- }
4618
-
4619
- .premium-blog-wrap .premium-loading-feed {
4620
- display: block;
4621
- position: absolute;
4622
- width: 100%;
4623
- height: 100%;
4624
- top: 0px;
4625
- right: 0px;
4626
- bottom: 0px;
4627
- left: 0px;
4628
- background: rgba(255, 255, 255, 0.2);
4629
- -js-display: flex;
4630
- display: -webkit-box;
4631
- display: -webkit-flex;
4632
- display: -moz-box;
4633
- display: -ms-flexbox;
4634
- display: flex;
4635
- -webkit-box-align: center;
4636
- -webkit-align-items: center;
4637
- -moz-box-align: center;
4638
- -ms-flex-align: center;
4639
- align-items: center;
4640
- z-index: 99;
4641
- }
4642
-
4643
- .premium-blog-wrap {
4644
- -js-display: flex;
4645
- display: -webkit-box;
4646
- display: -webkit-flex;
4647
- display: -moz-box;
4648
- display: -ms-flexbox;
4649
- display: flex;
4650
- -webkit-flex-wrap: wrap;
4651
- -ms-flex-wrap: wrap;
4652
- flex-wrap: wrap;
4653
- }
4654
-
4655
- .premium-blog-wrap ul.slick-dots {
4656
- width: 100%;
4657
- }
4658
-
4659
- /**
4660
- * Even Layout
4661
- */
4662
- .premium-blog-even .premium-blog-post-container {
4663
- height: 100%;
4664
- }
4665
-
4666
- .premium-blog-even .slick-track {
4667
- -js-display: flex;
4668
- display: -webkit-box;
4669
- display: -webkit-flex;
4670
- display: -moz-box;
4671
- display: -ms-flexbox;
4672
- display: flex;
4673
- }
4674
-
4675
- .premium-blog-even .slick-slide {
4676
- height: inherit !important;
4677
- }
4678
-
4679
- /**
4680
- * Responsive Style
4681
- */
4682
- @media (max-width: 768px) {
4683
- .premium-blog-content-wrapper {
4684
- top: 0;
4685
- margin: 0;
4686
- padding: 15px;
4687
- }
4688
-
4689
- .premium-blog-thumb-effect-wrapper {
4690
- margin-bottom: 15px;
4691
- }
4692
- }
4693
-
4694
- [dir="rtl"] .premium-blog-wrap.slick-slider .slick-list,
4695
- [dir="rtl"] .premium-blog-wrap.slick-slider .slick-track {
4696
- direction: ltr;
4697
- }
4698
-
4699
- /************ Premium Team Members ************/
4700
- /*********************************************/
4701
- .premium-person-container {
4702
- position: relative;
4703
- }
4704
-
4705
- .premium-person-image-container {
4706
- position: relative;
4707
- text-align: center;
4708
- }
4709
-
4710
- .premium-person-image-container .premium-person-image-wrap {
4711
- overflow: hidden;
4712
- }
4713
-
4714
- .premium-person-zoomout-effect .premium-person-image-container img,
4715
- .premium-person-scale-effect .premium-person-image-container img {
4716
- -webkit-transform: scale(1.2);
4717
- -ms-transform: scale(1.2);
4718
- transform: scale(1.2);
4719
- }
4720
-
4721
- .premium-person-sepia-effect .premium-person-image-container img {
4722
- -webkit-filter: sepia(30%);
4723
- filter: sepia(30%);
4724
- }
4725
-
4726
- .premium-person-bright-effect .premium-person-image-container img {
4727
- -webkit-filter: brightness(1);
4728
- filter: brightness(1);
4729
- }
4730
-
4731
- .premium-person-trans-effect .premium-person-image-container img {
4732
- -webkit-transform: translateX(15px) scale(1.1);
4733
- -ms-transform: translateX(15px) scale(1.1);
4734
- transform: translateX(15px) scale(1.1);
4735
- }
4736
-
4737
- .premium-person-zoomin-effect:hover .premium-person-image-container img {
4738
- -webkit-transform: scale(1.2);
4739
- -ms-transform: scale(1.2);
4740
- transform: scale(1.2);
4741
- }
4742
-
4743
- .premium-person-zoomout-effect:hover .premium-person-image-container img {
4744
- -webkit-transform: scale(1.1);
4745
- -ms-transform: scale(1.1);
4746
- transform: scale(1.1);
4747
- }
4748
-
4749
- .premium-person-scale-effect:hover .premium-person-image-container img {
4750
- -webkit-transform: scale(1.3) rotate(-5deg);
4751
- -ms-transform: scale(1.3) rotate(-5deg);
4752
- transform: scale(1.3) rotate(-5deg);
4753
- }
4754
-
4755
- .premium-person-grayscale-effect:hover .premium-person-image-container img {
4756
- -webkit-filter: grayscale(100%);
4757
- filter: grayscale(100%);
4758
- }
4759
-
4760
- .premium-person-blur-effect:hover .premium-person-image-container img {
4761
- -webkit-filter: blur(3px);
4762
- filter: blur(3px);
4763
- }
4764
-
4765
- .premium-person-sepia-effect:hover .premium-person-image-container img {
4766
- -webkit-filter: sepia(0%);
4767
- filter: sepia(0%);
4768
- }
4769
-
4770
- .premium-person-bright-effect:hover .premium-person-image-container img {
4771
- -webkit-filter: brightness(1.2);
4772
- filter: brightness(1.2);
4773
- }
4774
-
4775
- .premium-person-trans-effect:hover .premium-person-image-container img {
4776
- -webkit-transform: translateX(0px) scale(1.1);
4777
- -ms-transform: translateX(0px) scale(1.1);
4778
- transform: translateX(0px) scale(1.1);
4779
- }
4780
-
4781
- .premium-person-container .premium-person-image-container img {
4782
- width: 100%;
4783
- height: 100%;
4784
- -o-object-fit: cover;
4785
- object-fit: cover;
4786
- -webkit-transition: all 0.5s ease-in-out;
4787
- transition: all 0.5s ease-in-out;
4788
- }
4789
-
4790
- .premium-person-style2 .premium-person-social {
4791
- position: absolute;
4792
- top: 0;
4793
- right: 0;
4794
- width: 100%;
4795
- height: 100%;
4796
- z-index: 2;
4797
- -js-display: flex;
4798
- display: -webkit-box;
4799
- display: -webkit-flex;
4800
- display: -moz-box;
4801
- display: -ms-flexbox;
4802
- display: flex;
4803
- -webkit-box-pack: center;
4804
- -webkit-justify-content: center;
4805
- -moz-box-pack: center;
4806
- -ms-flex-pack: center;
4807
- justify-content: center;
4808
- -webkit-box-align: center;
4809
- -webkit-align-items: center;
4810
- -moz-box-align: center;
4811
- -ms-flex-align: center;
4812
- align-items: center;
4813
- -webkit-box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
4814
- box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
4815
- -webkit-transition: all 0.5s linear 0s;
4816
- transition: all 0.5s linear 0s;
4817
- opacity: 0;
4818
- }
4819
-
4820
- .premium-person-style2 .premium-person-image-container:hover .premium-person-social {
4821
- opacity: 1;
4822
- }
4823
-
4824
- .premium-person-list-item a {
4825
- display: inline-block;
4826
- }
4827
-
4828
- .premium-person-style2 .premium-person-list-item a {
4829
- opacity: 0;
4830
- -webkit-transform: scale(0);
4831
- -ms-transform: scale(0);
4832
- transform: scale(0);
4833
- -webkit-transition: all 0.5s ease-in-out 0s;
4834
- transition: all 0.5s ease-in-out 0s;
4835
- }
4836
-
4837
- .premium-person-style2 .premium-person-image-container:hover .premium-person-list-item a {
4838
- opacity: 1;
4839
- -webkit-transform: scale(1);
4840
- -ms-transform: scale(1);
4841
- transform: scale(1);
4842
- }
4843
-
4844
- .premium-person-info-container {
4845
- padding: 30px 15px;
4846
- }
4847
-
4848
- .premium-person-name {
4849
- margin: 0 0 5px;
4850
- font-weight: 700;
4851
- }
4852
-
4853
- .premium-person-title {
4854
- margin: 0 0 20px;
4855
- padding: 0;
4856
- }
4857
-
4858
- .premium-person-content {
4859
- margin: 0 0 30px;
4860
- }
4861
-
4862
- /*Override Theme List Margin*/
4863
- ul.premium-person-social-list {
4864
- margin: 0px !important;
4865
- padding: 0;
4866
- }
4867
-
4868
- .premium-person-social-list .premium-person-list-item {
4869
- display: inline;
4870
- list-style: none;
4871
- }
4872
-
4873
- .premium-person-social-list li {
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
-
4880
- .premium-person-social-list li i {
4881
- position: relative;
4882
- bottom: 0px;
4883
- -webkit-transition: all 0.2s ease-in-out;
4884
- transition: all 0.2s ease-in-out;
4885
- }
4886
-
4887
- .premium-person-defaults-yes li.premium-person-facebook:hover a {
4888
- background-color: #3b5998 !important;
4889
- }
4890
-
4891
- .premium-person-defaults-yes li.premium-person-twitter:hover a {
4892
- background-color: #55acee !important;
4893
- }
4894
-
4895
- .premium-person-defaults-yes li.premium-person-linkedin:hover a {
4896
- background-color: #0077b5 !important;
4897
- }
4898
-
4899
- .premium-person-defaults-yes li.premium-person-google:hover a {
4900
- background-color: #dc4e41 !important;
4901
- }
4902
-
4903
- .premium-person-defaults-yes li.premium-person-youtube:hover a {
4904
- background-color: #b31217 !important;
4905
- }
4906
-
4907
- .premium-person-defaults-yes li.premium-person-instagram:hover a {
4908
- background-color: #e4405f !important;
4909
- }
4910
-
4911
- .premium-person-defaults-yes li.premium-person-skype:hover a {
4912
- background-color: #00aff0 !important;
4913
- }
4914
-
4915
- .premium-person-defaults-yes li.premium-person-pinterest:hover a {
4916
- background-color: #bd081c !important;
4917
- }
4918
-
4919
- .premium-person-defaults-yes li.premium-person-dribbble:hover a {
4920
- background-color: #ea4c89 !important;
4921
- }
4922
-
4923
- .premium-person-defaults-yes li.premium-person-mail:hover a {
4924
- background-color: #b23121 !important;
4925
- }
4926
-
4927
- .premium-person-defaults-yes li.premium-person-behance:hover a {
4928
- background-color: #1769ff !important;
4929
- }
4930
-
4931
- .premium-person-defaults-yes li.premium-person-whatsapp:hover a {
4932
- background-color: #25d366 !important;
4933
- }
4934
-
4935
- .premium-person-defaults-yes li.premium-person-telegram:hover a {
4936
- background-color: #0088cc !important;
4937
- }
4938
-
4939
- .premium-person-defaults-yes li.premium-person-site:hover a {
4940
- background-color: #0055a5 !important;
4941
- }
4942
-
4943
- .premium-person-social-list li:hover a {
4944
- -webkit-box-shadow: none;
4945
- box-shadow: none;
4946
- }
4947
-
4948
- .premium-person-social-list li a:focus {
4949
- -webkit-box-shadow: none;
4950
- box-shadow: none;
4951
- outline: none;
4952
- }
4953
-
4954
- .premium-person-social-list li i {
4955
- font-size: 18px;
4956
- }
4957
-
4958
- .elementor-widget-premium-addon-person .elementor-widget-container {
4959
- -js-display: flex;
4960
- display: -webkit-box;
4961
- display: -webkit-flex;
4962
- display: -moz-box;
4963
- display: -ms-flexbox;
4964
- display: flex;
4965
- -webkit-box-pack: center;
4966
- -webkit-justify-content: center;
4967
- -moz-box-pack: center;
4968
- -ms-flex-pack: center;
4969
- justify-content: center;
4970
- }
4971
-
4972
- .premium-persons-container.multiple-persons {
4973
- -js-display: flex;
4974
- display: -webkit-box;
4975
- display: -webkit-flex;
4976
- display: -moz-box;
4977
- display: -ms-flexbox;
4978
- display: flex;
4979
- -webkit-flex-wrap: wrap;
4980
- -ms-flex-wrap: wrap;
4981
- flex-wrap: wrap;
4982
- width: 100%;
4983
- }
4984
-
4985
- .premium-person-style1 .premium-person-container {
4986
- overflow: hidden;
4987
- }
4988
-
4989
- .premium-person-style1 .premium-person-container .premium-person-info {
4990
- position: absolute;
4991
- top: auto;
4992
- left: 0;
4993
- right: 0;
4994
- -webkit-transition: all 500ms ease 0s;
4995
- transition: all 500ms ease 0s;
4996
- -webkit-transform: translate3d(0, 100%, 0);
4997
- transform: translate3d(0, 100%, 0);
4998
- }
4999
-
5000
- .premium-person-style1 .premium-person-container:hover .premium-person-info {
5001
- -webkit-transform: translate3d(0, 0, 0);
5002
- transform: translate3d(0, 0, 0);
5003
- bottom: -1px !important;
5004
- }
5005
-
5006
- .premium-person-style1 .premium-person-social-list li:hover {
5007
- bottom: 5px;
5008
- }
5009
-
5010
- .premium-person-style1.multiple-persons:not([data-persons-equal="yes"]) {
5011
- -webkit-box-align: start;
5012
- -webkit-align-items: flex-start;
5013
- -moz-box-align: start;
5014
- -ms-flex-align: start;
5015
- align-items: flex-start;
5016
- }
5017
-
5018
- .premium-person-style1 .slick-track {
5019
- -js-display: flex;
5020
- display: -webkit-box;
5021
- display: -webkit-flex;
5022
- display: -moz-box;
5023
- display: -ms-flexbox;
5024
- display: flex;
5025
- }
5026
-
5027
- .premium-person-style1 .slick-slide {
5028
- height: inherit !important;
5029
- }
5030
-
5031
- .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-container,
5032
- .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-wrap {
5033
- height: 100%;
5034
- }
5035
-
5036
- .premium-person-style3 .premium-person-info-container {
5037
- position: absolute;
5038
- top: 0;
5039
- right: 0;
5040
- width: 100%;
5041
- height: 100%;
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-orient: vertical;
5049
- -webkit-box-direction: normal;
5050
- -webkit-flex-direction: column;
5051
- -moz-box-orient: vertical;
5052
- -moz-box-direction: normal;
5053
- -ms-flex-direction: column;
5054
- flex-direction: column;
5055
- -webkit-box-pack: justify;
5056
- -webkit-justify-content: space-between;
5057
- -moz-box-pack: justify;
5058
- -ms-flex-pack: justify;
5059
- justify-content: space-between;
5060
- }
5061
-
5062
- .premium-person-style3 .premium-person-title-desc-wrap {
5063
- -js-display: flex;
5064
- display: -webkit-box;
5065
- display: -webkit-flex;
5066
- display: -moz-box;
5067
- display: -ms-flexbox;
5068
- display: flex;
5069
- -webkit-box-orient: horizontal;
5070
- -webkit-box-direction: reverse;
5071
- -webkit-flex-direction: row-reverse;
5072
- -moz-box-orient: horizontal;
5073
- -moz-box-direction: reverse;
5074
- -ms-flex-direction: row-reverse;
5075
- flex-direction: row-reverse;
5076
- -webkit-box-pack: justify;
5077
- -webkit-justify-content: space-between;
5078
- -moz-box-pack: justify;
5079
- -ms-flex-pack: justify;
5080
- justify-content: space-between;
5081
- -webkit-box-align: start;
5082
- -webkit-align-items: flex-start;
5083
- -moz-box-align: start;
5084
- -ms-flex-align: start;
5085
- align-items: flex-start;
5086
- }
5087
-
5088
- .premium-person-style3 .premium-person-name-icons-wrap {
5089
- -js-display: flex;
5090
- display: -webkit-box;
5091
- display: -webkit-flex;
5092
- display: -moz-box;
5093
- display: -ms-flexbox;
5094
- display: flex;
5095
- -webkit-box-pack: justify;
5096
- -webkit-justify-content: space-between;
5097
- -moz-box-pack: justify;
5098
- -ms-flex-pack: justify;
5099
- justify-content: space-between;
5100
- -webkit-box-align: end;
5101
- -webkit-align-items: flex-end;
5102
- -moz-box-align: end;
5103
- -ms-flex-align: end;
5104
- align-items: flex-end;
5105
- }
5106
-
5107
- .premium-person-style3 .premium-person-title {
5108
- opacity: 0;
5109
- -webkit-transition: all 0.3s ease;
5110
- transition: all 0.3s ease;
5111
- width: 0;
5112
- }
5113
-
5114
- .premium-person-style3 .premium-person-title span {
5115
- display: inline-block;
5116
- }
5117
-
5118
- .premium-person-style3 .premium-person-name {
5119
- padding-right: 10px;
5120
- }
5121
-
5122
- .premium-person-style3 .premium-person-social-list {
5123
- -js-display: flex;
5124
- display: -webkit-box;
5125
- display: -webkit-flex;
5126
- display: -moz-box;
5127
- display: -ms-flexbox;
5128
- display: flex;
5129
- -webkit-box-orient: vertical;
5130
- -webkit-box-direction: normal;
5131
- -webkit-flex-direction: column;
5132
- -moz-box-orient: vertical;
5133
- -moz-box-direction: normal;
5134
- -ms-flex-direction: column;
5135
- flex-direction: column;
5136
- -webkit-transform: translateY(20px);
5137
- -ms-transform: translateY(20px);
5138
- transform: translateY(20px);
5139
- opacity: 0;
5140
- -webkit-transition: all 0.3s ease;
5141
- transition: all 0.3s ease;
5142
- }
5143
-
5144
- .premium-person-style3 .premium-person-list-item {
5145
- line-height: 0;
5146
- }
5147
-
5148
- .premium-person-style3 .premium-person-list-item a {
5149
- padding: 5px 0 0 10px;
5150
- margin: 5px 0;
5151
- }
5152
-
5153
- .premium-person-style3 .premium-person-container:hover .premium-person-title {
5154
- opacity: 1;
5155
- }
5156
-
5157
- .premium-person-style3 .premium-person-container:hover .premium-person-social-list {
5158
- opacity: 1;
5159
- -webkit-transform: translateY(0);
5160
- -ms-transform: translateY(0);
5161
- transform: translateY(0);
5162
- }
5163
-
5164
- .premium-persons-title-cw .premium-person-title {
5165
- -webkit-transform: translateX(-15px) rotate(-90deg);
5166
- -ms-transform: translateX(-15px) rotate(-90deg);
5167
- transform: translateX(-15px) rotate(-90deg);
5168
- -webkit-transform-origin: top;
5169
- -ms-transform-origin: top;
5170
- transform-origin: top;
5171
- }
5172
-
5173
- .premium-persons-title-cw .premium-person-container:hover .premium-person-title {
5174
- -webkit-transform: translateX(0) rotate(-90deg);
5175
- -ms-transform: translateX(0) rotate(-90deg);
5176
- transform: translateX(0) rotate(-90deg);
5177
- }
5178
-
5179
- .premium-persons-title-ccw .premium-person-title {
5180
- width: auto;
5181
- margin-left: 20px;
5182
- -webkit-transform: translateX(-15px) rotate(90deg);
5183
- -ms-transform: translateX(-15px) rotate(90deg);
5184
- transform: translateX(-15px) rotate(90deg);
5185
- -webkit-transform-origin: center left;
5186
- -ms-transform-origin: center left;
5187
- transform-origin: center left;
5188
- }
5189
-
5190
- .premium-persons-title-ccw .premium-person-container:hover .premium-person-title {
5191
- -webkit-transform: translateX(0) rotate(90deg);
5192
- -ms-transform: translateX(0) rotate(90deg);
5193
- transform: translateX(0) rotate(90deg);
5194
- }
5195
-
5196
- /**************** Premium Fancy Text *******************/
5197
- /*******************************************************/
5198
- .premium-suffix-text,
5199
- .premium-fancy-text,
5200
- .premium-prefix-text {
5201
- font-size: 40px;
5202
- }
5203
-
5204
- .premium-fancy-text-wrapper .premium-fancy-list-items {
5205
- list-style: none;
5206
- }
5207
-
5208
- .premium-fancy-text-wrapper .premium-fancy-text-span-align {
5209
- vertical-align: top;
5210
- }
5211
-
5212
- .premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-text-items-wrapper {
5213
- margin: 0;
5214
- padding: 0;
5215
- border: none;
5216
- position: relative;
5217
- }
5218
-
5219
- .premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-list-items {
5220
- position: absolute;
5221
- top: 0;
5222
- left: 0;
5223
- display: inline-block;
5224
- }
5225
-
5226
- .premium-fancy-text-wrapper.zoomout .premium-fancy-item-hidden {
5227
- opacity: 0;
5228
- -webkit-animation: pa-zoom-out 0.8s;
5229
- animation: pa-zoom-out 0.8s;
5230
- }
5231
-
5232
- .premium-fancy-text-wrapper.zoomout .premium-fancy-item-visible {
5233
- position: relative !important;
5234
- -webkit-animation: pa-zoom-in 0.8s;
5235
- animation: pa-zoom-in 0.8s;
5236
- }
5237
-
5238
- .premium-fancy-text-wrapper.zoomout .premium-fancy-text-items-wrapper {
5239
- -webkit-perspective: 300px;
5240
- perspective: 300px;
5241
- }
5242
-
5243
- .premium-fancy-text-wrapper.rotate .premium-fancy-list-items {
5244
- -webkit-transform-origin: 50% 100%;
5245
- -ms-transform-origin: 50% 100%;
5246
- transform-origin: 50% 100%;
5247
- }
5248
-
5249
- .premium-fancy-text-wrapper.rotate .premium-fancy-item-hidden {
5250
- opacity: 0;
5251
- -webkit-transform: rotateX(180deg);
5252
- transform: rotateX(180deg);
5253
- -webkit-animation: pa-rotate-out 1.2s;
5254
- animation: pa-rotate-out 1.2s;
5255
- }
5256
-
5257
- .premium-fancy-text-wrapper.rotate .premium-fancy-item-visible {
5258
- position: relative !important;
5259
- -webkit-transform: rotateX(0deg);
5260
- transform: rotateX(0deg);
5261
- -webkit-animation: pa-rotate-in 1.2s;
5262
- animation: pa-rotate-in 1.2s;
5263
- }
5264
-
5265
- .premium-fancy-text-wrapper.custom .premium-fancy-item-hidden {
5266
- opacity: 0;
5267
- }
5268
-
5269
- .premium-fancy-text-wrapper.custom .premium-fancy-item-visible {
5270
- position: relative !important;
5271
- }
5272
-
5273
- .premium-fancy-text-wrapper.auto-fade .premium-fancy-text {
5274
- display: inline-block;
5275
- width: 200px;
5276
- font-weight: 400;
5277
- }
5278
-
5279
- .premium-fancy-text-wrapper.auto-fade .premium-fancy-svg-text {
5280
- position: relative;
5281
- vertical-align: sub;
5282
- }
5283
-
5284
- .premium-fancy-text-wrapper.auto-fade g>text {
5285
- text-anchor: start;
5286
- shape-rendering: crispEdges;
5287
- opacity: 0;
5288
- font-size: 300px;
5289
- -webkit-animation-name: pa-auto-fade;
5290
- animation-name: pa-auto-fade;
5291
- -moz-animation-name: pa-auto-fade;
5292
- -webkit-animation-duration: 9s;
5293
- animation-duration: 9s;
5294
- -webkit-animation-timing-function: linear;
5295
- animation-timing-function: linear;
5296
- -webkit-animation-iteration-count: infinite;
5297
- animation-iteration-count: infinite;
5298
- }
5299
-
5300
- .premium-fancy-text-wrapper.auto-fade g>text:nth-child(1) {
5301
- -webkit-animation-delay: 0s;
5302
- animation-delay: 0s;
5303
- }
5304
-
5305
- .premium-fancy-text-wrapper.auto-fade g>text:nth-child(2) {
5306
- -webkit-animation-delay: 3s;
5307
- animation-delay: 3s;
5308
- }
5309
-
5310
- .premium-fancy-text-wrapper.auto-fade g>text:nth-child(3) {
5311
- -webkit-animation-delay: 6s;
5312
- animation-delay: 6s;
5313
- }
5314
-
5315
- .premium-fancy-text-wrapper.loading .premium-fancy-text {
5316
- position: relative;
5317
- }
5318
-
5319
- .premium-fancy-text-wrapper.loading .premium-fancy-text .premium-loading-bar {
5320
- position: absolute;
5321
- width: 100%;
5322
- height: 3px;
5323
- bottom: 0;
5324
- left: 0;
5325
- animation: pa-loading-bar 2.5s ease-out infinite;
5326
- -webkit-animation: pa-loading-bar 2.5s ease-out infinite;
5327
- }
5328
-
5329
- .premium-fancy-text-wrapper.loading.pause .premium-fancy-text:hover .premium-loading-bar {
5330
- -webkit-animation-play-state: paused;
5331
- animation-play-state: paused;
5332
- }
5333
-
5334
- @-webkit-keyframes pa-auto-fade {
5335
- 0% {
5336
- opacity: 0;
5337
- }
5338
-
5339
- 20% {
5340
- opacity: 1;
5341
- }
5342
-
5343
- 35% {
5344
- opacity: 0;
5345
- }
5346
-
5347
- 100% {
5348
- opacity: 0;
5349
- }
5350
- }
5351
-
5352
- @keyframes pa-auto-fade {
5353
- 0% {
5354
- opacity: 0;
5355
- }
5356
-
5357
- 20% {
5358
- opacity: 1;
5359
- }
5360
-
5361
- 35% {
5362
- opacity: 0;
5363
- }
5364
-
5365
- 100% {
5366
- opacity: 0;
5367
- }
5368
- }
5369
-
5370
- @-webkit-keyframes pa-loading-bar {
5371
- 0% {
5372
- width: 0;
5373
- }
5374
-
5375
- 100% {
5376
- width: 100;
5377
- }
5378
- }
5379
-
5380
- @keyframes pa-loading-bar {
5381
- 0% {
5382
- width: 0;
5383
- }
5384
-
5385
- 100% {
5386
- width: 100;
5387
- }
5388
- }
5389
-
5390
- @-webkit-keyframes pa-zoom-in {
5391
- 0% {
5392
- opacity: 0;
5393
- -webkit-transform: translateZ(100px);
5394
- transform: translateZ(100px);
5395
- }
5396
-
5397
- 100% {
5398
- opacity: 1;
5399
- -webkit-transform: translateZ(0);
5400
- transform: translateZ(0);
5401
- }
5402
- }
5403
-
5404
- @keyframes pa-zoom-in {
5405
- 0% {
5406
- opacity: 0;
5407
- -webkit-transform: translateZ(100px);
5408
- transform: translateZ(100px);
5409
- }
5410
-
5411
- 100% {
5412
- opacity: 1;
5413
- -webkit-transform: translateZ(0);
5414
- transform: translateZ(0);
5415
- }
5416
- }
5417
-
5418
- @-webkit-keyframes pa-zoom-out {
5419
- 0% {
5420
- opacity: 1;
5421
- -webkit-transform: translateZ(0);
5422
- transform: translateZ(0);
5423
- }
5424
-
5425
- 100% {
5426
- opacity: 0;
5427
- -webkit-transform: translateZ(-100px);
5428
- transform: translateZ(-100px);
5429
- }
5430
- }
5431
-
5432
- @keyframes pa-zoom-out {
5433
- 0% {
5434
- opacity: 1;
5435
- -webkit-transform: translateZ(0);
5436
- transform: translateZ(0);
5437
- }
5438
-
5439
- 100% {
5440
- opacity: 0;
5441
- -webkit-transform: translateZ(-100px);
5442
- transform: translateZ(-100px);
5443
- }
5444
- }
5445
-
5446
- @-webkit-keyframes pa-rotate-in {
5447
- 0% {
5448
- opacity: 0;
5449
- -webkit-transform: rotateX(180deg);
5450
- transform: rotateX(180deg);
5451
- }
5452
-
5453
- 35% {
5454
- opacity: 0;
5455
- -webkit-transform: rotateX(120deg);
5456
- transform: rotateX(120deg);
5457
- }
5458
-
5459
- 65% {
5460
- opacity: 0;
5461
- }
5462
-
5463
- 100% {
5464
- opacity: 1;
5465
- -webkit-transform: rotateX(360deg);
5466
- transform: rotateX(360deg);
5467
- }
5468
- }
5469
-
5470
- @keyframes pa-rotate-in {
5471
- 0% {
5472
- opacity: 0;
5473
- -webkit-transform: rotateX(180deg);
5474
- transform: rotateX(180deg);
5475
- }
5476
-
5477
- 35% {
5478
- opacity: 0;
5479
- -webkit-transform: rotateX(120deg);
5480
- transform: rotateX(120deg);
5481
- }
5482
-
5483
- 65% {
5484
- opacity: 0;
5485
- }
5486
-
5487
- 100% {
5488
- opacity: 1;
5489
- -webkit-transform: rotateX(360deg);
5490
- transform: rotateX(360deg);
5491
- }
5492
- }
5493
-
5494
- @-webkit-keyframes pa-rotate-out {
5495
- 0% {
5496
- opacity: 1;
5497
- -webkit-transform: rotateX(0deg);
5498
- transform: rotateX(0deg);
5499
- }
5500
-
5501
- 35% {
5502
- opacity: 1;
5503
- -webkit-transform: rotateX(-40deg);
5504
- transform: rotateX(-40deg);
5505
- }
5506
-
5507
- 65% {
5508
- opacity: 0;
5509
- }
5510
-
5511
- 100% {
5512
- opacity: 0;
5513
- -webkit-transform: rotateX(180deg);
5514
- transform: rotateX(180deg);
5515
- }
5516
- }
5517
-
5518
- @keyframes pa-rotate-out {
5519
- 0% {
5520
- opacity: 1;
5521
- -webkit-transform: rotateX(0deg);
5522
- transform: rotateX(0deg);
5523
- }
5524
-
5525
- 35% {
5526
- opacity: 1;
5527
- -webkit-transform: rotateX(-40deg);
5528
- transform: rotateX(-40deg);
5529
- }
5530
-
5531
- 65% {
5532
- opacity: 0;
5533
- }
5534
-
5535
- 100% {
5536
- opacity: 0;
5537
- -webkit-transform: rotateX(180deg);
5538
- transform: rotateX(180deg);
5539
- }
5540
- }
5541
-
5542
- /**************** Premium Pricing Table ****************/
5543
- /*******************************************************/
5544
- .premium-pricing-table-container {
5545
- position: relative;
5546
- overflow: hidden;
5547
- text-align: center;
5548
- -webkit-transition: all 0.3s ease-in-out;
5549
- transition: all 0.3s ease-in-out;
5550
- }
5551
-
5552
- .premium-pricing-icon-container {
5553
- -js-display: flex;
5554
- display: -webkit-box;
5555
- display: -webkit-flex;
5556
- display: -moz-box;
5557
- display: -ms-flexbox;
5558
- display: flex;
5559
- -webkit-box-pack: center;
5560
- -webkit-justify-content: center;
5561
- -moz-box-pack: center;
5562
- -ms-flex-pack: center;
5563
- justify-content: center;
5564
- line-height: 0;
5565
- }
5566
-
5567
- .premium-pricing-icon-container .premium-pricing-icon {
5568
- display: inline-block;
5569
- }
5570
-
5571
- .premium-pricing-icon-container .premium-pricing-image {
5572
- overflow: hidden;
5573
- }
5574
-
5575
- .premium-pricing-icon-container .premium-pricing-image img {
5576
- width: 25px;
5577
- height: 25px;
5578
- -o-object-fit: cover;
5579
- object-fit: cover;
5580
- }
5581
-
5582
- .premium-badge-left {
5583
- position: absolute;
5584
- top: 0;
5585
- }
5586
-
5587
- .premium-badge-right {
5588
- position: absolute;
5589
- top: 0;
5590
- right: 0;
5591
- }
5592
-
5593
- .premium-badge-left {
5594
- left: 0;
5595
- }
5596
-
5597
- .premium-badge-triangle.premium-badge-left .corner {
5598
- width: 0;
5599
- height: 0;
5600
- border-top: 150px solid;
5601
- border-bottom: 150px solid transparent;
5602
- border-right: 150px solid transparent;
5603
- }
5604
-
5605
- .premium-badge-triangle.premium-badge-right .corner {
5606
- width: 0;
5607
- height: 0;
5608
- border-bottom: 150px solid transparent;
5609
- border-right: 150px solid;
5610
- border-left: 150px solid transparent;
5611
- }
5612
-
5613
- .premium-badge-triangle span {
5614
- position: absolute;
5615
- top: 35px;
5616
- width: 100px;
5617
- text-align: center;
5618
- -webkit-transform: rotate(-45deg);
5619
- -ms-transform: rotate(-45deg);
5620
- transform: rotate(-45deg);
5621
- display: block;
5622
- text-transform: uppercase;
5623
- }
5624
-
5625
- .premium-badge-triangle.premium-badge-right span {
5626
- -webkit-transform: rotate(45deg);
5627
- -ms-transform: rotate(45deg);
5628
- transform: rotate(45deg);
5629
- right: 0;
5630
- }
5631
-
5632
- .premium-badge-circle {
5633
- min-width: 4em;
5634
- min-height: 4em;
5635
- line-height: 4em;
5636
- text-align: center;
5637
- -webkit-border-radius: 100%;
5638
- border-radius: 100%;
5639
- position: absolute;
5640
- z-index: 1;
5641
- }
5642
-
5643
- .premium-badge-stripe {
5644
- position: absolute;
5645
- -webkit-transform: rotate(90deg);
5646
- -ms-transform: rotate(90deg);
5647
- transform: rotate(90deg);
5648
- width: 15em;
5649
- overflow: hidden;
5650
- height: 15em;
5651
- }
5652
-
5653
- .premium-badge-stripe.premium-badge-left {
5654
- -webkit-transform: rotate(0);
5655
- -ms-transform: rotate(0);
5656
- transform: rotate(0);
5657
- }
5658
-
5659
- .premium-badge-stripe .corner {
5660
- text-align: center;
5661
- left: 0;
5662
- width: 150%;
5663
- -webkit-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
5664
- -ms-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
5665
- transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
5666
- margin-top: 35px;
5667
- font-size: 13px;
5668
- line-height: 2;
5669
- font-weight: 800;
5670
- text-transform: uppercase;
5671
- }
5672
-
5673
- .premium-badge-flag .corner {
5674
- text-align: center;
5675
- -webkit-border-radius: 4px 4px 0 4px;
5676
- border-radius: 4px 4px 0 4px;
5677
- padding: 3px 15px;
5678
- position: absolute;
5679
- top: 10%;
5680
- right: -8px;
5681
- }
5682
-
5683
- .premium-badge-flag .corner::before,
5684
- .premium-badge-flag .corner::after {
5685
- content: "";
5686
- display: block;
5687
- position: absolute;
5688
- width: 0;
5689
- height: 0;
5690
- top: 100%;
5691
- right: 0;
5692
- border-bottom: 8px solid transparent;
5693
- }
5694
-
5695
- .elementor-widget-premium-addon-pricing-table .elementor-widget-container {
5696
- overflow: visible !important;
5697
- }
5698
-
5699
- .premium-badge-flag .corner::after {
5700
- border-left: 8px solid rgba(0, 0, 0, 0.2);
5701
- }
5702
-
5703
- .premium-pricing-price-currency {
5704
- position: relative;
5705
- }
5706
-
5707
- .premium-pricing-button-container {
5708
- display: block;
5709
- }
5710
-
5711
- .premium-pricing-list {
5712
- -js-display: flex;
5713
- display: -webkit-box;
5714
- display: -webkit-flex;
5715
- display: -moz-box;
5716
- display: -ms-flexbox;
5717
- display: flex;
5718
- -webkit-box-orient: vertical;
5719
- -webkit-box-direction: normal;
5720
- -webkit-flex-direction: column;
5721
- -moz-box-orient: vertical;
5722
- -moz-box-direction: normal;
5723
- -ms-flex-direction: column;
5724
- flex-direction: column;
5725
- list-style-type: none;
5726
- margin: 0;
5727
- }
5728
-
5729
- .premium-pricing-list .premium-pricing-list-item {
5730
- -js-display: flex;
5731
- display: -webkit-box;
5732
- display: -webkit-flex;
5733
- display: -moz-box;
5734
- display: -ms-flexbox;
5735
- display: flex;
5736
- -webkit-box-align: center;
5737
- -webkit-align-items: center;
5738
- -moz-box-align: center;
5739
- -ms-flex-align: center;
5740
- align-items: center;
5741
- }
5742
-
5743
- .premium-pricing-list .premium-pricing-list-item svg {
5744
- width: 50px;
5745
- height: 50px;
5746
- }
5747
-
5748
- .premium-pricing-list .premium-pricing-list-item img {
5749
- width: 30px;
5750
- height: 30px;
5751
- -o-object-fit: cover;
5752
- object-fit: cover;
5753
- }
5754
-
5755
- .premium-pricing-list .premium-pricing-list-span {
5756
- position: relative;
5757
- }
5758
-
5759
- .premium-pricing-list .list-item-tooltip {
5760
- border-bottom: 1px dotted;
5761
- }
5762
-
5763
- .premium-pricing-list .premium-pricing-list-tooltip {
5764
- position: absolute;
5765
- top: -webkit-calc(100% + 1px);
5766
- top: calc(100% + 1px);
5767
- right: 0;
5768
- visibility: hidden;
5769
- padding: 15px 20px;
5770
- -webkit-border-radius: 5px;
5771
- border-radius: 5px;
5772
- min-width: 200px;
5773
- overflow: hidden;
5774
- text-align: right;
5775
- font-size: 0.8rem;
5776
- color: #fff;
5777
- background-color: #aaa;
5778
- }
5779
-
5780
- .premium-pricing-features-left .premium-pricing-list-span {
5781
- text-align: right;
5782
- }
5783
-
5784
- .premium-pricing-features-center .premium-pricing-list-span {
5785
- text-align: center;
5786
- }
5787
-
5788
- .premium-pricing-features-right .premium-pricing-list-span {
5789
- text-align: left;
5790
- }
5791
-
5792
- .premium-pricing-list-span:hover .premium-pricing-list-tooltip {
5793
- z-index: 99;
5794
- visibility: visible;
5795
- opacity: 1;
5796
- }
5797
-
5798
- .premium-pricing-slashed-price-value {
5799
- display: inline-block;
5800
- font-size: 20px;
5801
- font-weight: 400;
5802
- margin-left: 5px;
5803
- }
5804
-
5805
- .premium-pricing-price-value {
5806
- font-size: 70px;
5807
- }
5808
-
5809
- .premium-pricing-description-container li {
5810
- list-style-position: inside;
5811
- text-indent: -40px;
5812
- }
5813
-
5814
- @-moz-document url-prefix() {
5815
- .premium-pricing-description-container li {
5816
- text-indent: 0px;
5817
- }
5818
- }
5819
-
5820
- .premium-pricing-price-button {
5821
- display: block;
5822
- padding: 6px 12px;
5823
- line-height: 1.42857143;
5824
- text-align: center;
5825
- color: #fff;
5826
- background: #6ec1e4;
5827
- margin-bottom: 0;
5828
- -webkit-transition: all 0.3s ease-in-out;
5829
- transition: all 0.3s ease-in-out;
5830
- }
5831
-
5832
- /**************** Premium Google Maps ******************/
5833
- /*******************************************************/
5834
- .premium-maps-info-container {
5835
- margin-top: 10px;
5836
- margin-bottom: 10px;
5837
- }
5838
-
5839
- .premium-maps-info-title,
5840
- .premium-maps-info-desc {
5841
- margin: 0;
5842
- padding: 0;
5843
- }
5844
-
5845
- .premium-maps-container .gm-style-iw {
5846
- text-align: center;
5847
- direction: ltr;
5848
- }
5849
-
5850
- .premium-maps-container .gm-style img {
5851
- max-width: none !important;
5852
- }
5853
-
5854
- /**************** Premium Button ***********************/
5855
- /*******************************************************/
5856
- .premium-button {
5857
- -js-display: inline-flex;
5858
- display: -webkit-inline-box;
5859
- display: -webkit-inline-flex;
5860
- display: -moz-inline-box;
5861
- display: -ms-inline-flexbox;
5862
- display: inline-flex;
5863
- position: relative;
5864
- overflow: hidden;
5865
- -webkit-backface-visibility: hidden;
5866
- backface-visibility: hidden;
5867
- -webkit-transform: translate3d(0, 0, 0);
5868
- transform: translate3d(0, 0, 0);
5869
- cursor: pointer;
5870
- -webkit-transition: all 0.2s ease-in-out !important;
5871
- transition: all 0.2s ease-in-out !important;
5872
- }
5873
-
5874
- .premium-button .premium-lottie-animation,
5875
- .premium-image-button .premium-lottie-animation {
5876
- -js-display: flex;
5877
- display: -webkit-box;
5878
- display: -webkit-flex;
5879
- display: -moz-box;
5880
- display: -ms-flexbox;
5881
- display: flex;
5882
- }
5883
-
5884
- .premium-button svg,
5885
- .premium-image-button svg {
5886
- width: 30px;
5887
- height: 30px;
5888
- }
5889
-
5890
- .premium-btn-sm,
5891
- .premium-btn-md,
5892
- .premium-btn-lg,
5893
- .premium-btn-block {
5894
- background-color: #eee;
5895
- color: #042551;
5896
- margin: 0px;
5897
- text-decoration: none;
5898
- }
5899
-
5900
- .premium-btn-sm:hover,
5901
- .premium-btn-md:hover,
5902
- .premium-btn-lg:hover,
5903
- .premium-btn-block:hover {
5904
- background-color: #54595f;
5905
- color: #eee;
5906
- }
5907
-
5908
- .premium-btn-sm {
5909
- padding: 12px 24px;
5910
- font-size: 14px;
5911
- line-height: 1;
5912
- }
5913
-
5914
- .premium-btn-md {
5915
- padding: 14px 26px;
5916
- font-size: 16px;
5917
- line-height: 1.2;
5918
- }
5919
-
5920
- .premium-btn-lg {
5921
- padding: 16px 28px;
5922
- font-size: 18px;
5923
- line-height: 1.3333;
5924
- }
5925
-
5926
- .premium-btn-block {
5927
- font-size: 18px;
5928
- line-height: 1;
5929
- padding: 20px 0px;
5930
- width: 100%;
5931
- text-align: center;
5932
- }
5933
-
5934
- .premium-button-text {
5935
- display: inline-block;
5936
- width: 100%;
5937
- }
5938
-
5939
- .premium-button-style1,
5940
- .premium-button-style2,
5941
- .premium-button-style5,
5942
- .premium-button-style7 {
5943
- display: inline-block;
5944
- vertical-align: middle;
5945
- -webkit-transform: perspective(1px) translateZ(0);
5946
- transform: perspective(1px) translateZ(0);
5947
- -webkit-box-shadow: 0 0 1px transparent;
5948
- box-shadow: 0 0 1px transparent;
5949
- position: relative;
5950
- -webkit-transition-property: color;
5951
- transition-property: color;
5952
- -webkit-transition-duration: 0.15s;
5953
- transition-duration: 0.15s;
5954
- }
5955
-
5956
- .premium-button-style1:before,
5957
- .premium-button-style2:before,
5958
- .premium-button-style5:before {
5959
- content: "";
5960
- position: absolute;
5961
- z-index: -1;
5962
- top: 0;
5963
- right: 0;
5964
- left: 0;
5965
- bottom: 0;
5966
- -webkit-transform: scaleY(0);
5967
- -ms-transform: scaleY(0);
5968
- transform: scaleY(0);
5969
- -webkit-transform-origin: 50% 0;
5970
- -ms-transform-origin: 50% 0;
5971
- transform-origin: 50% 0;
5972
- -webkit-transition-property: -webkit-transform;
5973
- transition-property: -webkit-transform;
5974
- transition-property: transform;
5975
- transition-property: transform, -webkit-transform;
5976
- -webkit-transition-duration: 0.15s;
5977
- transition-duration: 0.15s;
5978
- -webkit-transition-timing-function: ease-out;
5979
- transition-timing-function: ease-out;
5980
- }
5981
-
5982
- .premium-button-style5-radialin:before,
5983
- .premium-button-style5-radialout:before {
5984
- -webkit-transform-origin: 50%;
5985
- -ms-transform-origin: 50%;
5986
- transform-origin: 50%;
5987
- -webkit-border-radius: 100%;
5988
- border-radius: 100%;
5989
- -webkit-transform: scale(0);
5990
- -ms-transform: scale(0);
5991
- transform: scale(0);
5992
- }
5993
-
5994
- .premium-button-style5-radialin:before {
5995
- -webkit-transform: scale(2);
5996
- -ms-transform: scale(2);
5997
- transform: scale(2);
5998
- }
5999
-
6000
- .premium-button-style5-rectin:before {
6001
- -webkit-transform-origin: 50%;
6002
- -ms-transform-origin: 50%;
6003
- transform-origin: 50%;
6004
- -webkit-transform: scale(1);
6005
- -ms-transform: scale(1);
6006
- transform: scale(1);
6007
- }
6008
-
6009
- .premium-button-style5-rectout:before {
6010
- -webkit-transform-origin: 50%;
6011
- -ms-transform-origin: 50%;
6012
- transform-origin: 50%;
6013
- -webkit-transform: scale(0);
6014
- -ms-transform: scale(0);
6015
- transform: scale(0);
6016
- }
6017
-
6018
- .premium-button-style5-rectout:hover:before {
6019
- -webkit-transform: scale(1);
6020
- -ms-transform: scale(1);
6021
- transform: scale(1);
6022
- }
6023
-
6024
- .premium-button-style5-rectin:hover:before {
6025
- -webkit-transform: scale(0);
6026
- -ms-transform: scale(0);
6027
- transform: scale(0);
6028
- }
6029
-
6030
- .premium-button-style5-radialout:hover:before {
6031
- -webkit-transform: scale(2);
6032
- -ms-transform: scale(2);
6033
- transform: scale(2);
6034
- }
6035
-
6036
- .premium-button-style5-radialin:hover:before {
6037
- -webkit-transform: scale(0);
6038
- -ms-transform: scale(0);
6039
- transform: scale(0);
6040
- }
6041
-
6042
- .premium-button-style1-top:before {
6043
- -webkit-transform-origin: 50% 100%;
6044
- -ms-transform-origin: 50% 100%;
6045
- transform-origin: 50% 100%;
6046
- }
6047
-
6048
- .premium-button-style1-right:before {
6049
- -webkit-transform: scaleX(0);
6050
- -ms-transform: scaleX(0);
6051
- transform: scaleX(0);
6052
- -webkit-transform-origin: 100% 50%;
6053
- -ms-transform-origin: 100% 50%;
6054
- transform-origin: 100% 50%;
6055
- }
6056
-
6057
- .premium-button-style1-left:before {
6058
- -webkit-transform: scaleX(0);
6059
- -ms-transform: scaleX(0);
6060
- transform: scaleX(0);
6061
- -webkit-transform-origin: 0% 50%;
6062
- -ms-transform-origin: 0% 50%;
6063
- transform-origin: 0% 50%;
6064
- }
6065
-
6066
- .premium-button-style2-shutouthor:before,
6067
- .premium-button-style2-scshutoutver:before {
6068
- -webkit-transform: scaleY(0);
6069
- -ms-transform: scaleY(0);
6070
- transform: scaleY(0);
6071
- -webkit-transform-origin: 0% 50%;
6072
- -ms-transform-origin: 0% 50%;
6073
- transform-origin: 0% 50%;
6074
- }
6075
-
6076
- .premium-button-style2-shutoutver:before,
6077
- .premium-button-style2-scshutouthor:before {
6078
- -webkit-transform: scaleX(0);
6079
- -ms-transform: scaleX(0);
6080
- transform: scaleX(0);
6081
- -webkit-transform-origin: 50% 50%;
6082
- -ms-transform-origin: 50% 50%;
6083
- transform-origin: 50% 50%;
6084
- }
6085
-
6086
- .premium-button-style2-shutinhor:before {
6087
- -webkit-transform: scaleX(1);
6088
- -ms-transform: scaleX(1);
6089
- transform: scaleX(1);
6090
- -webkit-transform-origin: 50%;
6091
- -ms-transform-origin: 50%;
6092
- transform-origin: 50%;
6093
- }
6094
-
6095
- .premium-button-style2-shutinver:before {
6096
- -webkit-transform: scaleY(1);
6097
- -ms-transform: scaleY(1);
6098
- transform: scaleY(1);
6099
- -webkit-transform-origin: 50%;
6100
- -ms-transform-origin: 50%;
6101
- transform-origin: 50%;
6102
- }
6103
-
6104
- .premium-button-style1-bottom:hover:before,
6105
- .premium-button-style1-top:hover:before {
6106
- -webkit-transform: scaleY(1);
6107
- -ms-transform: scaleY(1);
6108
- transform: scaleY(1);
6109
- }
6110
-
6111
- .premium-button-style1-left:hover:before,
6112
- .premium-button-style1-right:hover:before,
6113
- .premium-button-style2-shutouthor:hover:before,
6114
- .premium-button-style2-shutoutver:hover:before {
6115
- -webkit-transform: scaleX(1);
6116
- -ms-transform: scaleX(1);
6117
- transform: scaleX(1);
6118
- }
6119
-
6120
- .premium-button-style2-shutinhor:hover:before {
6121
- -webkit-transform: scaleX(0);
6122
- -ms-transform: scaleX(0);
6123
- transform: scaleX(0);
6124
- }
6125
-
6126
- .premium-button-style2-shutinver:hover:before {
6127
- -webkit-transform: scaleY(0);
6128
- -ms-transform: scaleY(0);
6129
- transform: scaleY(0);
6130
- }
6131
-
6132
- .premium-button-style2-scshutouthor:hover:before {
6133
- -webkit-transform: scaleX(0.9);
6134
- -ms-transform: scaleX(0.9);
6135
- transform: scaleX(0.9);
6136
- }
6137
-
6138
- .premium-button-style2-scshutoutver:hover:before {
6139
- -webkit-transform: scaleY(0.8);
6140
- -ms-transform: scaleY(0.8);
6141
- transform: scaleY(0.8);
6142
- }
6143
-
6144
- /*Diagonal*/
6145
- .premium-button-style2-dshutinhor:before {
6146
- top: 50%;
6147
- right: 50%;
6148
- width: 120%;
6149
- height: 0%;
6150
- -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
6151
- -ms-transform: translateX(50%) translateY(-50%) rotate(45deg);
6152
- transform: translateX(50%) translateY(-50%) rotate(45deg);
6153
- -webkit-transform-origin: 50%;
6154
- -ms-transform-origin: 50%;
6155
- transform-origin: 50%;
6156
- -webkit-transition-property: all;
6157
- transition-property: all;
6158
- }
6159
-
6160
- .premium-button-style2-dshutinver:before {
6161
- top: 50%;
6162
- right: 50%;
6163
- width: 120%;
6164
- height: 0%;
6165
- -webkit-transform-origin: 50%;
6166
- -ms-transform-origin: 50%;
6167
- transform-origin: 50%;
6168
- -webkit-transition-property: all;
6169
- transition-property: all;
6170
- -webkit-transform: translateX(50%) translateY(-50%) rotate(-45deg);
6171
- -ms-transform: translateX(50%) translateY(-50%) rotate(-45deg);
6172
- transform: translateX(50%) translateY(-50%) rotate(-45deg);
6173
- }
6174
-
6175
- .premium-button-style2-dshutinhor:hover:before,
6176
- .premium-button-style2-dshutinver:hover:before {
6177
- height: 220%;
6178
- }
6179
-
6180
- .premium-button-style3-before i,
6181
- .premium-button-style3-before svg {
6182
- opacity: 0;
6183
- -webkit-transform: translateX(5px);
6184
- -ms-transform: translateX(5px);
6185
- transform: translateX(5px);
6186
- -webkit-transition: all 0.5s ease-in-out;
6187
- transition: all 0.5s ease-in-out;
6188
- }
6189
-
6190
- .premium-button-style3-after i,
6191
- .premium-button-style3-after svg {
6192
- opacity: 0;
6193
- -webkit-transform: translateX(5px);
6194
- -ms-transform: translateX(5px);
6195
- transform: translateX(5px);
6196
- -webkit-transition: all 0.5s ease-in-out;
6197
- transition: all 0.5s ease-in-out;
6198
- -webkit-transform: translateX(-5px);
6199
- -ms-transform: translateX(-5px);
6200
- transform: translateX(-5px);
6201
- }
6202
-
6203
- .premium-button-style3-after:hover i,
6204
- .premium-button-style3-after:hover svg {
6205
- opacity: 1;
6206
- }
6207
-
6208
- .premium-button-style3-before:hover i,
6209
- .premium-button-style3-before:hover svg {
6210
- opacity: 1;
6211
- }
6212
-
6213
- .premium-button-text-icon-wrapper {
6214
- width: 100%;
6215
- -js-display: flex;
6216
- display: -webkit-box;
6217
- display: -webkit-flex;
6218
- display: -moz-box;
6219
- display: -ms-flexbox;
6220
- display: flex;
6221
- -webkit-box-pack: center;
6222
- -webkit-justify-content: center;
6223
- -moz-box-pack: center;
6224
- -ms-flex-pack: center;
6225
- justify-content: center;
6226
- -webkit-box-align: center;
6227
- -webkit-align-items: center;
6228
- -moz-box-align: center;
6229
- -ms-flex-align: center;
6230
- align-items: center;
6231
- -webkit-transition: all 0.2s ease-in-out;
6232
- transition: all 0.2s ease-in-out;
6233
- }
6234
-
6235
- .premium-button-text-icon-wrapper span,
6236
- .premium-button-text-icon-wrapper i,
6237
- .premium-button-text-icon-wrapper svg {
6238
- -webkit-transition: all 0.2s ease-in-out;
6239
- transition: all 0.2s ease-in-out;
6240
- }
6241
-
6242
- .premium-button-style4-icon-wrapper {
6243
- position: absolute;
6244
- z-index: 2;
6245
- width: 100%;
6246
- text-align: center;
6247
- -js-display: flex;
6248
- display: -webkit-box;
6249
- display: -webkit-flex;
6250
- display: -moz-box;
6251
- display: -ms-flexbox;
6252
- display: flex;
6253
- -webkit-box-align: center;
6254
- -webkit-align-items: center;
6255
- -moz-box-align: center;
6256
- -ms-flex-align: center;
6257
- align-items: center;
6258
- -webkit-box-pack: center;
6259
- -webkit-justify-content: center;
6260
- -moz-box-pack: center;
6261
- -ms-flex-pack: center;
6262
- justify-content: center;
6263
- height: 100%;
6264
- opacity: 0;
6265
- -webkit-transition: all 0.3s ease-in-out;
6266
- transition: all 0.3s ease-in-out;
6267
- }
6268
-
6269
- .premium-button-style4-icon-wrapper.top {
6270
- bottom: -100%;
6271
- right: 0;
6272
- }
6273
-
6274
- .premium-button-style4-icon-wrapper.bottom {
6275
- top: -100%;
6276
- right: 0;
6277
- }
6278
-
6279
- .premium-button-style4-icon-wrapper.left {
6280
- top: 0;
6281
- right: -100%;
6282
- }
6283
-
6284
- .premium-button-style4-icon-wrapper.right {
6285
- top: 0;
6286
- left: -100%;
6287
- }
6288
-
6289
- .premium-button-style4-bottom:hover .premium-button-style4-icon-wrapper {
6290
- top: 0;
6291
- opacity: 1;
6292
- }
6293
-
6294
- .premium-button-style4-top:hover .premium-button-style4-icon-wrapper {
6295
- bottom: 0;
6296
- opacity: 1;
6297
- }
6298
-
6299
- .premium-button-style4-left:hover .premium-button-style4-icon-wrapper {
6300
- right: 0;
6301
- opacity: 1;
6302
- }
6303
-
6304
- .premium-button-style4-right:hover .premium-button-style4-icon-wrapper {
6305
- left: 0;
6306
- opacity: 1;
6307
- }
6308
-
6309
- .premium-button-style4-bottom:hover .premium-button-text-icon-wrapper {
6310
- -webkit-transform: translateY(100%);
6311
- -ms-transform: translateY(100%);
6312
- transform: translateY(100%);
6313
- opacity: 0;
6314
- }
6315
-
6316
- .premium-button-style4-top:hover .premium-button-text-icon-wrapper {
6317
- -webkit-transform: translateY(-100%);
6318
- -ms-transform: translateY(-100%);
6319
- transform: translateY(-100%);
6320
- opacity: 0;
6321
- }
6322
-
6323
- .premium-button-style4-left:hover .premium-button-text-icon-wrapper {
6324
- -webkit-transform: translateX(-100%);
6325
- -ms-transform: translateX(-100%);
6326
- transform: translateX(-100%);
6327
- opacity: 0;
6328
- }
6329
-
6330
- .premium-button-style4-right:hover .premium-button-text-icon-wrapper {
6331
- -webkit-transform: translateX(100%);
6332
- -ms-transform: translateX(100%);
6333
- transform: translateX(100%);
6334
- opacity: 0;
6335
- }
6336
-
6337
- .premium-button-style6:before {
6338
- content: "";
6339
- position: absolute;
6340
- right: 50%;
6341
- top: 50%;
6342
- width: 100px;
6343
- height: 100px;
6344
- -webkit-border-radius: 100%;
6345
- border-radius: 100%;
6346
- -webkit-transform: translate(50%, -50%) scale(0);
6347
- -ms-transform: translate(50%, -50%) scale(0);
6348
- transform: translate(50%, -50%) scale(0);
6349
- -webkit-transition: all 0.3s ease-in-out;
6350
- transition: all 0.3s ease-in-out;
6351
- }
6352
-
6353
- .premium-button-style6:hover:before {
6354
- -webkit-transform: translate(50%, -50%) scale(3);
6355
- -ms-transform: translate(50%, -50%) scale(3);
6356
- transform: translate(50%, -50%) scale(3);
6357
- }
6358
-
6359
- .premium-button-style6 .premium-button-text-icon-wrapper {
6360
- position: relative;
6361
- z-index: 1;
6362
- }
6363
-
6364
- .premium-mouse-detect-yes .premium-button-style6 .premium-button-style6-bg {
6365
- position: absolute;
6366
- z-index: 0;
6367
- top: 0;
6368
- right: 0;
6369
- width: 0px;
6370
- height: 0px;
6371
- -webkit-border-radius: 50%;
6372
- border-radius: 50%;
6373
- display: block;
6374
- -webkit-transform: translate(50%, -50%);
6375
- -ms-transform: translate(50%, -50%);
6376
- transform: translate(50%, -50%);
6377
- -webkit-transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
6378
- transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
6379
- }
6380
-
6381
- .premium-mouse-detect-yes .premium-button-style6:hover .premium-button-style6-bg {
6382
- width: 225%;
6383
- height: 560px;
6384
- }
6385
-
6386
- .premium-mouse-detect-yes .premium-button-style6:before {
6387
- width: 0;
6388
- height: 0;
6389
- }
6390
-
6391
- .premium-button-style7-right .premium-button-text-icon-wrapper:before,
6392
- .premium-button-style7-left .premium-button-text-icon-wrapper:before {
6393
- -webkit-transition: width 0.3s ease-out 0.15s;
6394
- transition: width 0.3s ease-out 0.15s;
6395
- }
6396
-
6397
- .premium-button-style7-right .premium-button-text-icon-wrapper:after,
6398
- .premium-button-style7-left .premium-button-text-icon-wrapper:after {
6399
- -webkit-transition: width 0.3s ease-out 0s;
6400
- transition: width 0.3s ease-out 0s;
6401
- }
6402
-
6403
- .premium-button-style7-bottom .premium-button-text-icon-wrapper:before,
6404
- .premium-button-style7-top .premium-button-text-icon-wrapper:before {
6405
- -webkit-transition: height 0.3s ease-out 0.15s;
6406
- transition: height 0.3s ease-out 0.15s;
6407
- }
6408
-
6409
- .premium-button-style7-bottom .premium-button-text-icon-wrapper:after,
6410
- .premium-button-style7-top .premium-button-text-icon-wrapper:after {
6411
- -webkit-transition: height 0.3s ease-out 0s;
6412
- transition: height 0.3s ease-out 0s;
6413
- }
6414
-
6415
- .premium-button[class*="style7"]:hover .premium-button-text-icon-wrapper:before {
6416
- -webkit-transition-delay: 0s;
6417
- transition-delay: 0s;
6418
- }
6419
-
6420
- .premium-button[class*="style7"]:hover .premium-button-text-icon-wrapper:after {
6421
- -webkit-transition-delay: 0.15s;
6422
- transition-delay: 0.15s;
6423
- }
6424
-
6425
- .premium-button-style7-bottom .premium-button-text-icon-wrapper:before,
6426
- .premium-button-style7-bottom .premium-button-text-icon-wrapper:after {
6427
- content: "";
6428
- position: absolute;
6429
- left: 0;
6430
- top: 0;
6431
- right: 0;
6432
- height: 0;
6433
- z-index: -1;
6434
- }
6435
-
6436
- .premium-button-style7-top .premium-button-text-icon-wrapper:after,
6437
- .premium-button-style7-top .premium-button-text-icon-wrapper:before {
6438
- content: "";
6439
- position: absolute;
6440
- left: 0;
6441
- bottom: 0;
6442
- right: 0;
6443
- height: 0;
6444
- z-index: -1;
6445
- }
6446
-
6447
- .premium-button-style7-right .premium-button-text-icon-wrapper:after,
6448
- .premium-button-style7-right .premium-button-text-icon-wrapper:before {
6449
- content: "";
6450
- position: absolute;
6451
- right: 0;
6452
- top: 0;
6453
- bottom: 0;
6454
- width: 0;
6455
- z-index: -1;
6456
- }
6457
-
6458
- .premium-button-style7-left .premium-button-text-icon-wrapper:after,
6459
- .premium-button-style7-left .premium-button-text-icon-wrapper:before {
6460
- content: "";
6461
- position: absolute;
6462
- left: 0;
6463
- top: 0;
6464
- bottom: 0;
6465
- width: 0;
6466
- z-index: -1;
6467
- }
6468
-
6469
- .premium-button-style7-bottom:hover .premium-button-text-icon-wrapper:after,
6470
- .premium-button-style7-bottom:hover .premium-button-text-icon-wrapper:before {
6471
- height: 100%;
6472
- top: 0;
6473
- }
6474
-
6475
- .premium-button-style7-top:hover .premium-button-text-icon-wrapper:after,
6476
- .premium-button-style7-top:hover .premium-button-text-icon-wrapper:before {
6477
- height: 100%;
6478
- bottom: 0;
6479
- }
6480
-
6481
- .premium-button-style7-left:hover .premium-button-text-icon-wrapper:after,
6482
- .premium-button-style7-left:hover .premium-button-text-icon-wrapper:before {
6483
- width: 100%;
6484
- left: 0;
6485
- }
6486
-
6487
- .premium-button-style7-right:hover .premium-button-text-icon-wrapper:after,
6488
- .premium-button-style7-right:hover .premium-button-text-icon-wrapper:before {
6489
- width: 100%;
6490
- right: 0;
6491
- }
6492
-
6493
- /**************** Premium Contact Form7 **********/
6494
- /*************************************************/
6495
- .premium-contact-form-anim-yes .wpcf7-span::after {
6496
- display: block;
6497
- height: 2px;
6498
- content: "";
6499
- top: -2px;
6500
- position: relative;
6501
- width: 0px;
6502
- -webkit-transition: all ease-in-out 0.3s;
6503
- transition: all ease-in-out 0.3s;
6504
- }
6505
-
6506
- .premium-contact-form-anim-yes .wpcf7-span.is-focused::after {
6507
- width: 100%;
6508
- }
6509
-
6510
- /**************** Premium Image Button ***********/
6511
- /*************************************************/
6512
- .premium-image-button {
6513
- -js-display: inline-flex;
6514
- display: -webkit-inline-box;
6515
- display: -webkit-inline-flex;
6516
- display: -moz-inline-box;
6517
- display: -ms-inline-flexbox;
6518
- display: inline-flex;
6519
- position: relative;
6520
- overflow: hidden;
6521
- background-color: #eee;
6522
- cursor: pointer;
6523
- -webkit-transition: all 0.2s ease-in-out !important;
6524
- transition: all 0.2s ease-in-out !important;
6525
- }
6526
-
6527
- .premium-image-button .premium-button-style6-bg,
6528
- .premium-image-button.premium-button-style6:before,
6529
- .premium-image-button:not(.premium-image-button-style6):hover {
6530
- background-color: #54595f;
6531
- }
6532
-
6533
- /*Default background for slide styles*/
6534
- .premium-image-button:hover,
6535
- .premium-image-button-style4-icon-wrapper,
6536
- .premium-image-button-style1-top:before,
6537
- .premium-image-button-style1-bottom:before,
6538
- .premium-image-button-style1-left:before,
6539
- .premium-image-button-style1-right:before {
6540
- background-color: #54595f;
6541
- }
6542
-
6543
- .premium-image-button-text-icon-wrapper {
6544
- width: 100%;
6545
- -js-display: flex;
6546
- display: -webkit-box;
6547
- display: -webkit-flex;
6548
- display: -moz-box;
6549
- display: -ms-flexbox;
6550
- display: flex;
6551
- -webkit-box-pack: center;
6552
- -webkit-justify-content: center;
6553
- -moz-box-pack: center;
6554
- -ms-flex-pack: center;
6555
- justify-content: center;
6556
- -webkit-box-align: center;
6557
- -webkit-align-items: center;
6558
- -moz-box-align: center;
6559
- -ms-flex-align: center;
6560
- align-items: center;
6561
- position: relative;
6562
- z-index: 3;
6563
- -webkit-transition: all 0.2s ease-in-out;
6564
- transition: all 0.2s ease-in-out;
6565
- }
6566
-
6567
- .premium-image-button-text-icon-wrapper span,
6568
- .premium-image-button-text-icon-wrapper,
6569
- .premium-image-button-text-icon-wrapper i,
6570
- .premium-image-button-text-icon-wrapper svg {
6571
- -webkit-transition: all 0.2s ease-in-out;
6572
- transition: all 0.2s ease-in-out;
6573
- }
6574
-
6575
- .premium-image-button-style1-bottom:before,
6576
- .premium-image-button-style1-top:before,
6577
- .premium-image-button-style1-left:before,
6578
- .premium-image-button-style1-right:before {
6579
- -webkit-transition: all 0.2s ease-in-out;
6580
- transition: all 0.2s ease-in-out;
6581
- }
6582
-
6583
- .premium-image-button-style1-bottom:before {
6584
- content: "";
6585
- position: absolute;
6586
- width: 100%;
6587
- height: 0;
6588
- top: 0;
6589
- right: 0;
6590
- }
6591
-
6592
- .premium-image-button-style1-top:before {
6593
- content: "";
6594
- position: absolute;
6595
- width: 100%;
6596
- height: 0;
6597
- bottom: 0;
6598
- right: 0;
6599
- }
6600
-
6601
- .premium-image-button-style1-right:before {
6602
- content: "";
6603
- position: absolute;
6604
- width: 0;
6605
- height: 100%;
6606
- bottom: 0;
6607
- right: 0;
6608
- }
6609
-
6610
- .premium-image-button-style1-left:before {
6611
- content: "";
6612
- position: absolute;
6613
- width: 0;
6614
- height: 100%;
6615
- top: 0;
6616
- left: 0;
6617
- }
6618
-
6619
- .premium-image-button-style1-bottom:hover:before {
6620
- height: 100%;
6621
- }
6622
-
6623
- .premium-image-button-style1-top:hover:before {
6624
- height: 100%;
6625
- }
6626
-
6627
- .premium-image-button-style1-right:hover:before {
6628
- width: 100%;
6629
- }
6630
-
6631
- .premium-image-button-style1-left:hover:before {
6632
- width: 100%;
6633
- }
6634
-
6635
- .premium-image-button-diagonal-top,
6636
- .premium-image-button-diagonal-bottom,
6637
- .premium-image-button-diagonal-left,
6638
- .premium-image-button-diagonal-right {
6639
- z-index: 10;
6640
- }
6641
-
6642
- .premium-image-button-diagonal-top:before,
6643
- .premium-image-button-diagonal-bottom:before,
6644
- .premium-image-button-diagonal-left:before,
6645
- .premium-image-button-diagonal-right:before {
6646
- position: absolute;
6647
- top: 0px;
6648
- right: 0px;
6649
- width: 100%;
6650
- height: 100%;
6651
- content: "";
6652
- z-index: 1;
6653
- background: rgba(255, 255, 255, 0.2);
6654
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6655
- -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6656
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6657
- -webkit-transition: all 0.8s ease-out;
6658
- transition: all 0.8s ease-out;
6659
- }
6660
-
6661
- .premium-image-button-diagonal-right:hover:before,
6662
- .premium-image-button-diagonal-left:before {
6663
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
6664
- -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
6665
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
6666
- }
6667
-
6668
- .premium-image-button-diagonal-left:hover:before,
6669
- .premium-image-button-diagonal-right:before {
6670
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
6671
- -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
6672
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
6673
- }
6674
-
6675
- .premium-image-button-diagonal-top:hover:before,
6676
- .premium-image-button-diagonal-bottom:before {
6677
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6678
- -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6679
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6680
- }
6681
-
6682
- .premium-image-button-diagonal-bottom:hover:before,
6683
- .premium-image-button-diagonal-top:before {
6684
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
6685
- -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
6686
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
6687
- }
6688
-
6689
- .premium-image-button-style4-icon-wrapper {
6690
- position: absolute;
6691
- z-index: 2;
6692
- width: 100%;
6693
- text-align: center;
6694
- display: -webkit-box;
6695
- display: -webkit-flex;
6696
- display: -ms-flexbox;
6697
- -js-display: flex;
6698
- display: -moz-box;
6699
- display: flex;
6700
- -webkit-box-align: center;
6701
- -webkit-align-items: center;
6702
- -moz-box-align: center;
6703
- -ms-flex-align: center;
6704
- align-items: center;
6705
- -webkit-box-pack: center;
6706
- -webkit-justify-content: center;
6707
- -moz-box-pack: center;
6708
- -ms-flex-pack: center;
6709
- justify-content: center;
6710
- height: 100%;
6711
- opacity: 0;
6712
- -webkit-transition: all 0.3s ease-in-out;
6713
- transition: all 0.3s ease-in-out;
6714
- }
6715
-
6716
- .premium-image-button-style4-icon-wrapper.top {
6717
- bottom: -100%;
6718
- right: 0;
6719
- }
6720
-
6721
- .premium-image-button-style4-icon-wrapper.bottom {
6722
- top: -100%;
6723
- right: 0;
6724
- }
6725
-
6726
- .premium-image-button-style4-icon-wrapper.left {
6727
- top: 0;
6728
- right: -100%;
6729
- }
6730
-
6731
- .premium-image-button-style4-icon-wrapper.right {
6732
- top: 0;
6733
- left: -100%;
6734
- }
6735
-
6736
- .premium-image-button-style4-bottom:hover .premium-image-button-style4-icon-wrapper {
6737
- top: 0;
6738
- opacity: 1;
6739
- }
6740
-
6741
- .premium-image-button-style4-top:hover .premium-image-button-style4-icon-wrapper {
6742
- bottom: 0;
6743
- opacity: 1;
6744
- }
6745
-
6746
- .premium-image-button-style4-left:hover .premium-image-button-style4-icon-wrapper {
6747
- right: 0;
6748
- opacity: 1;
6749
- }
6750
-
6751
- .premium-image-button-style4-right:hover .premium-image-button-style4-icon-wrapper {
6752
- left: 0;
6753
- opacity: 1;
6754
- }
6755
-
6756
- .premium-image-button-style4-bottom:hover .premium-image-button-text-icon-wrapper {
6757
- -webkit-transform: translateY(100%);
6758
- -ms-transform: translateY(100%);
6759
- transform: translateY(100%);
6760
- opacity: 0;
6761
- }
6762
-
6763
- .premium-image-button-style4-top:hover .premium-image-button-text-icon-wrapper {
6764
- -webkit-transform: translateY(-100%);
6765
- -ms-transform: translateY(-100%);
6766
- transform: translateY(-100%);
6767
- opacity: 0;
6768
- }
6769
-
6770
- .premium-image-button-style4-left:hover .premium-image-button-text-icon-wrapper {
6771
- -webkit-transform: translateX(-100%);
6772
- -ms-transform: translateX(-100%);
6773
- transform: translateX(-100%);
6774
- opacity: 0;
6775
- }
6776
-
6777
- .premium-image-button-style4-right:hover .premium-image-button-text-icon-wrapper {
6778
- -webkit-transform: translateX(100%);
6779
- -ms-transform: translateX(100%);
6780
- transform: translateX(100%);
6781
- opacity: 0;
6782
- }
6783
-
6784
- .premium-image-button-overlap-effect-horizontal:before,
6785
- .premium-image-button-overlap-effect-vertical:before {
6786
- position: absolute;
6787
- content: "";
6788
- top: 0;
6789
- right: 0;
6790
- width: 100%;
6791
- height: 100%;
6792
- opacity: 0;
6793
- -webkit-transition: all 1s ease-in-out;
6794
- transition: all 1s ease-in-out;
6795
- background: rgba(255, 255, 255, 0.2);
6796
- -webkit-animation-name: premium-overlap-effect-done;
6797
- animation-name: premium-overlap-effect-done;
6798
- -webkit-animation-duration: 1s;
6799
- animation-duration: 1s;
6800
- }
6801
-
6802
- .premium-image-button-overlap-effect-vertical:before {
6803
- -webkit-animation-name: premium-overlap-ver-effect-done;
6804
- animation-name: premium-overlap-ver-effect-done;
6805
- -webkit-animation-duration: 1s;
6806
- animation-duration: 1s;
6807
- }
6808
-
6809
- .premium-image-button-overlap-effect-horizontal:hover:before {
6810
- -webkit-animation-name: premium-overlap-effect;
6811
- animation-name: premium-overlap-effect;
6812
- -webkit-animation-duration: 1s;
6813
- animation-duration: 1s;
6814
- }
6815
-
6816
- .premium-image-button-overlap-effect-vertical:hover:before {
6817
- -webkit-animation-name: premium-overlap-ver-effect;
6818
- animation-name: premium-overlap-ver-effect;
6819
- -webkit-animation-duration: 1s;
6820
- animation-duration: 1s;
6821
- }
6822
-
6823
- @-webkit-keyframes premium-overlap-effect {
6824
- 0% {
6825
- opacity: 0;
6826
- -webkit-transform: rotateY(0deg);
6827
- transform: rotateY(0deg);
6828
- }
6829
-
6830
- 50% {
6831
- opacity: 1;
6832
- -webkit-transform: rotateY(180deg);
6833
- transform: rotateY(180deg);
6834
- }
6835
-
6836
- 100% {
6837
- opacity: 0;
6838
- -webkit-transform: rotateY(360deg);
6839
- transform: rotateY(360deg);
6840
- }
6841
- }
6842
-
6843
- @keyframes premium-overlap-effect {
6844
- 0% {
6845
- opacity: 0;
6846
- -webkit-transform: rotateY(0deg);
6847
- transform: rotateY(0deg);
6848
- }
6849
-
6850
- 50% {
6851
- opacity: 1;
6852
- -webkit-transform: rotateY(180deg);
6853
- transform: rotateY(180deg);
6854
- }
6855
-
6856
- 100% {
6857
- opacity: 0;
6858
- -webkit-transform: rotateY(360deg);
6859
- transform: rotateY(360deg);
6860
- }
6861
- }
6862
-
6863
- @-webkit-keyframes premium-overlap-effect-done {
6864
- 0% {
6865
- opacity: 0;
6866
- -webkit-transform: rotateY(0deg);
6867
- transform: rotateY(0deg);
6868
- }
6869
-
6870
- 50% {
6871
- opacity: 1;
6872
- -webkit-transform: rotateY(180deg);
6873
- transform: rotateY(180deg);
6874
- }
6875
-
6876
- 100% {
6877
- opacity: 0;
6878
- -webkit-transform: rotateY(360deg);
6879
- transform: rotateY(360deg);
6880
- }
6881
- }
6882
-
6883
- @keyframes premium-overlap-effect-done {
6884
- 0% {
6885
- opacity: 0;
6886
- -webkit-transform: rotateY(0deg);
6887
- transform: rotateY(0deg);
6888
- }
6889
-
6890
- 50% {
6891
- opacity: 1;
6892
- -webkit-transform: rotateY(180deg);
6893
- transform: rotateY(180deg);
6894
- }
6895
-
6896
- 100% {
6897
- opacity: 0;
6898
- -webkit-transform: rotateY(360deg);
6899
- transform: rotateY(360deg);
6900
- }
6901
- }
6902
-
6903
- @-webkit-keyframes premium-overlap-ver-effect {
6904
- 0% {
6905
- opacity: 0;
6906
- -webkit-transform: rotateX(0deg);
6907
- transform: rotateX(0deg);
6908
- }
6909
-
6910
- 50% {
6911
- opacity: 1;
6912
- -webkit-transform: rotateX(180deg);
6913
- transform: rotateX(180deg);
6914
- }
6915
-
6916
- 100% {
6917
- opacity: 0;
6918
- -webkit-transform: rotateX(360deg);
6919
- transform: rotateX(360deg);
6920
- }
6921
- }
6922
-
6923
- @keyframes premium-overlap-ver-effect {
6924
- 0% {
6925
- opacity: 0;
6926
- -webkit-transform: rotateX(0deg);
6927
- transform: rotateX(0deg);
6928
- }
6929
-
6930
- 50% {
6931
- opacity: 1;
6932
- -webkit-transform: rotateX(180deg);
6933
- transform: rotateX(180deg);
6934
- }
6935
-
6936
- 100% {
6937
- opacity: 0;
6938
- -webkit-transform: rotateX(360deg);
6939
- transform: rotateX(360deg);
6940
- }
6941
- }
6942
-
6943
- @-webkit-keyframes premium-overlap-ver-effect-done {
6944
- 0% {
6945
- opacity: 0;
6946
- -webkit-transform: rotateX(0deg);
6947
- transform: rotateX(0deg);
6948
- }
6949
-
6950
- 50% {
6951
- opacity: 1;
6952
- -webkit-transform: rotateX(180deg);
6953
- transform: rotateX(180deg);
6954
- }
6955
-
6956
- 100% {
6957
- opacity: 0;
6958
- -webkit-transform: rotateX(360deg);
6959
- transform: rotateX(360deg);
6960
- }
6961
- }
6962
-
6963
- @keyframes premium-overlap-ver-effect-done {
6964
- 0% {
6965
- opacity: 0;
6966
- -webkit-transform: rotateX(0deg);
6967
- transform: rotateX(0deg);
6968
- }
6969
-
6970
- 50% {
6971
- opacity: 1;
6972
- -webkit-transform: rotateX(180deg);
6973
- transform: rotateX(180deg);
6974
- }
6975
-
6976
- 100% {
6977
- opacity: 0;
6978
- -webkit-transform: rotateX(360deg);
6979
- transform: rotateX(360deg);
6980
- }
6981
- }
6982
-
6983
- /******** Premium Media Grid ********/
6984
- /************************************/
6985
- .premium-img-gallery-filter,
6986
- .premium-blog-filter {
6987
- display: -webkit-box;
6988
- display: -webkit-flex;
6989
- display: -ms-flexbox;
6990
- -js-display: flex;
6991
- display: -moz-box;
6992
- display: flex;
6993
- -webkit-box-align: center;
6994
- -webkit-align-items: center;
6995
- -moz-box-align: center;
6996
- -ms-flex-align: center;
6997
- align-items: center;
6998
- -webkit-box-pack: center;
6999
- -webkit-justify-content: center;
7000
- -moz-box-pack: center;
7001
- -ms-flex-pack: center;
7002
- justify-content: center;
7003
- }
7004
-
7005
- .premium-img-gallery {
7006
- clear: both;
7007
- overflow: hidden;
7008
- }
7009
-
7010
- .premium-gallery-container .premium-gallery-item {
7011
- padding: 10px;
7012
- float: right;
7013
- /* Google Chrome isotope issue */
7014
- }
7015
-
7016
- .premium-gallery-container .grid-sizer {
7017
- width: 33.33%;
7018
- }
7019
-
7020
- .premium-img-gallery-filter .premium-gallery-cats-container li a.category,
7021
- .premium-blog-filter .premium-blog-filters-container li a.category {
7022
- outline: none;
7023
- text-decoration: none;
7024
- -webkit-border-radius: 75px;
7025
- border-radius: 75px;
7026
- margin: 15px 5px 20px;
7027
- padding: 7px 20px;
7028
- -webkit-transition: all 0.3s ease-in-out;
7029
- transition: all 0.3s ease-in-out;
7030
- }
7031
-
7032
- .premium-img-gallery-filter .premium-gallery-cats-container li a.category span {
7033
- -webkit-transition: all 0.3s ease-in-out;
7034
- transition: all 0.3s ease-in-out;
7035
- }
7036
-
7037
- .pa-gallery-img {
7038
- position: relative;
7039
- }
7040
-
7041
- .pa-gallery-img .pa-gallery-whole-link {
7042
- position: absolute;
7043
- top: 0;
7044
- right: 0;
7045
- width: 100%;
7046
- height: 100%;
7047
- }
7048
-
7049
- .pa-gallery-img.style2 .pa-gallery-whole-link {
7050
- z-index: 99;
7051
- }
7052
-
7053
- .pa-gallery-img-container {
7054
- overflow: hidden;
7055
- -webkit-backface-visibility: hidden;
7056
- -moz-backface-visibility: hidden;
7057
- -webkit-transform: translate3d(0, 0, 0);
7058
- transform: translate3d(0, 0, 0);
7059
- }
7060
-
7061
- .pa-gallery-img-container img {
7062
- display: block;
7063
- width: 100%;
7064
- -webkit-transition: all 0.3s ease-in-out;
7065
- transition: all 0.3s ease-in-out;
7066
- }
7067
-
7068
- .premium-img-gallery.gray img {
7069
- -webkit-filter: grayscale(100%);
7070
- filter: grayscale(100%);
7071
- }
7072
-
7073
- .premium-img-gallery.zoomout img,
7074
- .premium-img-gallery.scale img {
7075
- -webkit-transform: scale(1.2);
7076
- -ms-transform: scale(1.2);
7077
- transform: scale(1.2);
7078
- }
7079
-
7080
- .premium-img-gallery.sepia img {
7081
- -webkit-filter: sepia(30%);
7082
- filter: sepia(30%);
7083
- }
7084
-
7085
- .premium-img-gallery.bright img {
7086
- -webkit-filter: brightness(1);
7087
- filter: brightness(1);
7088
- }
7089
-
7090
- .premium-img-gallery.trans img {
7091
- -webkit-transform: translateX(15px) scale(1.1);
7092
- -ms-transform: translateX(15px) scale(1.1);
7093
- transform: translateX(15px) scale(1.1);
7094
- }
7095
-
7096
- .pa-gallery-img .pa-gallery-magnific-image,
7097
- .pa-gallery-img .pa-gallery-img-link {
7098
- outline: none;
7099
- }
7100
-
7101
- .pa-gallery-img .pa-gallery-magnific-image i,
7102
- .pa-gallery-img .pa-gallery-magnific-image svg,
7103
- .pa-gallery-img .pa-gallery-img-link i,
7104
- .pa-gallery-img .pa-gallery-img-link svg {
7105
- -webkit-transition: all 0.3s ease-in-out;
7106
- transition: all 0.3s ease-in-out;
7107
- }
7108
-
7109
- .pa-gallery-img .pa-gallery-magnific-image span,
7110
- .pa-gallery-img .pa-gallery-img-link span {
7111
- line-height: 1;
7112
- display: inline-block;
7113
- opacity: 0;
7114
- margin: 0 5px;
7115
- padding: 15px;
7116
- -webkit-border-radius: 50%;
7117
- border-radius: 50%;
7118
- }
7119
-
7120
- .pa-gallery-img.style2 .pa-gallery-magnific-image span,
7121
- .pa-gallery-img.style2 .pa-gallery-img-link span {
7122
- margin: 0 5px 20px;
7123
- }
7124
-
7125
- .pa-gallery-img:hover .pa-gallery-magnific-image span {
7126
- -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
7127
- transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
7128
- }
7129
-
7130
- .pa-gallery-img:hover .pa-gallery-img-link span {
7131
- -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
7132
- transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
7133
- }
7134
-
7135
- .pa-gallery-img:hover .pa-gallery-magnific-image span,
7136
- .pa-gallery-img:hover .pa-gallery-img-link span,
7137
- .premium-gallery-icon-show a.pa-gallery-video-icon span {
7138
- opacity: 1;
7139
- }
7140
-
7141
- .premium-img-gallery-filter ul.premium-gallery-cats-container,
7142
- .premium-blog-filter ul.premium-blog-filters-container {
7143
- text-align: center;
7144
- margin: 0;
7145
- padding: 0;
7146
- }
7147
-
7148
- .premium-img-gallery-filter .premium-gallery-cats-container li,
7149
- .premium-blog-filter .premium-blog-filters-container li {
7150
- list-style: none;
7151
- display: -webkit-inline-box;
7152
- display: -webkit-inline-flex;
7153
- display: -ms-inline-flexbox;
7154
- -js-display: inline-flex;
7155
- display: -moz-inline-box;
7156
- display: inline-flex;
7157
- }
7158
-
7159
- .premium-img-gallery.zoomin .pa-gallery-img:hover img {
7160
- -webkit-transform: scale(1.1);
7161
- -ms-transform: scale(1.1);
7162
- transform: scale(1.1);
7163
- }
7164
-
7165
- .premium-img-gallery.zoomout .pa-gallery-img:hover img {
7166
- -webkit-transform: scale(1);
7167
- -ms-transform: scale(1);
7168
- transform: scale(1);
7169
- }
7170
-
7171
- .premium-img-gallery.scale .pa-gallery-img:hover img {
7172
- -webkit-transform: scale(1.3) rotate(-5deg);
7173
- -ms-transform: scale(1.3) rotate(-5deg);
7174
- transform: scale(1.3) rotate(-5deg);
7175
- }
7176
-
7177
- .premium-img-gallery.gray .pa-gallery-img:hover img {
7178
- -webkit-filter: grayscale(0%);
7179
- filter: grayscale(0%);
7180
- }
7181
-
7182
- .premium-img-gallery.blur .pa-gallery-img:hover img {
7183
- -webkit-filter: blur(3px);
7184
- filter: blur(3px);
7185
- }
7186
-
7187
- .premium-img-gallery.sepia .pa-gallery-img:hover img {
7188
- -webkit-filter: sepia(0%);
7189
- filter: sepia(0%);
7190
- }
7191
-
7192
- .premium-img-gallery.trans .pa-gallery-img:hover img {
7193
- -webkit-transform: translateX(0px) scale(1.1);
7194
- -ms-transform: translateX(0px) scale(1.1);
7195
- transform: translateX(0px) scale(1.1);
7196
- }
7197
-
7198
- .premium-img-gallery.bright .pa-gallery-img:hover img {
7199
- -webkit-filter: brightness(1.2);
7200
- filter: brightness(1.2);
7201
- }
7202
-
7203
- .pa-gallery-img .premium-gallery-caption {
7204
- padding: 10px;
7205
- }
7206
-
7207
- .pa-gallery-img .premium-gallery-caption .premium-gallery-img-name {
7208
- margin-bottom: 0;
7209
- }
7210
-
7211
- .pa-gallery-img.style1 {
7212
- overflow: hidden;
7213
- }
7214
-
7215
- .pa-gallery-img:not(.style2) .pa-gallery-icons-wrapper {
7216
- position: absolute;
7217
- top: 0;
7218
- right: 0;
7219
- width: 100%;
7220
- height: 100%;
7221
- -webkit-transition: all 0.3s ease-in-out;
7222
- transition: all 0.3s ease-in-out;
7223
- }
7224
-
7225
- .pa-gallery-img:not(.style2) .pa-gallery-icons-inner-container {
7226
- position: absolute;
7227
- top: 33.33%;
7228
- width: 100%;
7229
- text-align: center;
7230
- -webkit-transform: translateY(-50%);
7231
- -ms-transform: translateY(-50%);
7232
- transform: translateY(-50%);
7233
- z-index: 999;
7234
- }
7235
-
7236
- .premium-blog-post-container .premium-blog-entry-container {
7237
- margin: 0 !important;
7238
- }
7239
-
7240
- .pa-gallery-img.style1 .premium-gallery-caption {
7241
- position: absolute;
7242
- top: auto;
7243
- left: 0;
7244
- right: 0;
7245
- width: 100%;
7246
- -webkit-transition: all 500ms ease 0s;
7247
- transition: all 500ms ease 0s;
7248
- -webkit-transform: translate3d(0, 100%, 0);
7249
- -ms-transform: translate3d(0, 100%, 0);
7250
- transform: translate3d(0, 100%, 0);
7251
- }
7252
-
7253
- .pa-gallery-img.default .premium-gallery-caption {
7254
- position: absolute;
7255
- top: auto;
7256
- left: 0;
7257
- right: 0;
7258
- width: 100%;
7259
- bottom: 0;
7260
- }
7261
-
7262
- .pa-gallery-img.style1:hover .premium-gallery-caption {
7263
- -webkit-transform: translate3d(0, 0, 0);
7264
- -ms-transform: translate3d(0, 0, 0);
7265
- transform: translate3d(0, 0, 0);
7266
- bottom: -1px !important;
7267
- }
7268
-
7269
- .pa-gallery-img.style2 .pa-gallery-icons-caption-container {
7270
- position: absolute;
7271
- top: 0;
7272
- right: 0;
7273
- width: 100%;
7274
- height: 100%;
7275
- opacity: 0;
7276
- -webkit-backface-visibility: hidden;
7277
- backface-visibility: hidden;
7278
- -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
7279
- -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
7280
- transition: opacity 0.3s, -webkit-transform 0.3s;
7281
- transition: transform 0.3s, opacity 0.3s;
7282
- transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
7283
- z-index: 1;
7284
- background-color: rgba(108, 191, 226, 0.68);
7285
- display: -webkit-box;
7286
- display: -webkit-flex;
7287
- display: -ms-flexbox;
7288
- -js-display: flex;
7289
- display: -moz-box;
7290
- display: flex;
7291
- text-align: center;
7292
- -webkit-box-align: center;
7293
- -webkit-align-items: center;
7294
- -moz-box-align: center;
7295
- -ms-flex-align: center;
7296
- align-items: center;
7297
- }
7298
-
7299
- .pa-gallery-img.style2 .pa-gallery-icons-caption-cell {
7300
- width: 100%;
7301
- }
7302
-
7303
- .pa-gallery-img.style2:hover .pa-gallery-icons-caption-container {
7304
- opacity: 1;
7305
- -webkit-transform: translate(-15px, 15px);
7306
- -ms-transform: translate(-15px, 15px);
7307
- transform: translate(-15px, 15px);
7308
- }
7309
-
7310
- .premium-clearfix {
7311
- clear: both;
7312
- }
7313
-
7314
- .premium-gallery-container .pa-gallery-item {
7315
- padding: 10px;
7316
- }
7317
-
7318
- /**
7319
- * Metro Layout
7320
- */
7321
- .premium-img-gallery-metro .premium-gallery-item {
7322
- overflow: hidden;
7323
- }
7324
-
7325
- .premium-img-gallery-metro .pa-gallery-img {
7326
- height: 100%;
7327
- }
7328
-
7329
- .premium-img-gallery-metro .pa-gallery-img-container {
7330
- height: 100%;
7331
- }
7332
-
7333
- .premium-img-gallery-metro .pa-gallery-img-container img {
7334
- min-height: 100%;
7335
- width: 100%;
7336
- -o-object-fit: fill;
7337
- object-fit: fill;
7338
- }
7339
-
7340
- .premium-img-gallery .premium-gallery-item-hidden {
7341
- visibility: hidden;
7342
- width: 0 !important;
7343
- height: 0 !important;
7344
- margin: 0 !important;
7345
- padding: 0 !important;
7346
- }
7347
-
7348
- .premium-gallery-load-more .premium-gallery-load-more-btn {
7349
- -webkit-box-shadow: none;
7350
- box-shadow: none;
7351
- text-shadow: none;
7352
- border: none;
7353
- outline: none;
7354
- -webkit-box-align: center;
7355
- -ms-flex-align: center;
7356
- -webkit-align-items: center;
7357
- -moz-box-align: center;
7358
- align-items: center;
7359
- vertical-align: bottom;
7360
- cursor: pointer;
7361
- line-height: 1;
7362
- font-style: normal;
7363
- font-weight: normal;
7364
- background-image: none;
7365
- color: #fff;
7366
- -webkit-transition: all 0.3s ease-in-out;
7367
- transition: all 0.3s ease-in-out;
7368
- }
7369
-
7370
- .premium-gallery-load-more-btn {
7371
- display: -webkit-inline-box;
7372
- display: -webkit-inline-flex;
7373
- display: -ms-inline-flexbox;
7374
- -js-display: inline-flex;
7375
- display: -moz-inline-box;
7376
- display: inline-flex;
7377
- -webkit-box-align: center;
7378
- -webkit-align-items: center;
7379
- -moz-box-align: center;
7380
- -ms-flex-align: center;
7381
- align-items: center;
7382
- }
7383
-
7384
- .premium-loader {
7385
- border: 3px solid #f3f3f3;
7386
- border-top-width: 3px;
7387
- border-top-style: solid;
7388
- border-top-color: rgb(243, 243, 243);
7389
- -webkit-border-radius: 50%;
7390
- border-radius: 50%;
7391
- border-top: 3px solid;
7392
- border-top-color: #bbb;
7393
- width: 30px;
7394
- height: 30px;
7395
- -webkit-animation: spin 2s linear infinite;
7396
- animation: spin 2s linear infinite;
7397
- margin: 0 auto;
7398
- }
7399
-
7400
- .premium-gallery-load-more-btn div {
7401
- margin-right: 3px;
7402
- }
7403
-
7404
- .premium-gallery-load-more-btn .premium-loader {
7405
- display: inline-block;
7406
- width: 20px;
7407
- height: 20px;
7408
- }
7409
-
7410
- /** * Video */
7411
- .pa-gallery-img .pa-gallery-lightbox-wrap {
7412
- display: inline-block;
7413
- }
7414
-
7415
- .premium-img-gallery-no-lightbox .premium-gallery-video-item .pa-gallery-img,
7416
- .pa-gallery-img .pa-gallery-video-icon {
7417
- cursor: pointer;
7418
- }
7419
-
7420
- .pa-gallery-img-container iframe,
7421
- .pa-gallery-img-container video {
7422
- position: absolute;
7423
- visibility: hidden;
7424
- top: 0;
7425
- right: 0;
7426
- max-width: 100%;
7427
- width: 100%;
7428
- height: 100%;
7429
- margin: 0;
7430
- line-height: 1;
7431
- border: none;
7432
- }
7433
-
7434
- .pa-gallery-img-container video {
7435
- -o-object-fit: contain;
7436
- object-fit: contain;
7437
- }
7438
-
7439
- .pa-gallery-icons-inner-container svg,
7440
- .pa-gallery-icons-caption-cell svg {
7441
- width: 14px;
7442
- height: 14px;
7443
- }
7444
-
7445
- .premium-gallery-gradient-layer {
7446
- position: absolute;
7447
- bottom: 40px;
7448
- width: 100%;
7449
- height: 20px;
7450
- background: -webkit-gradient(linear, left bottom, left top, from(#17181f), to(rgba(255, 255, 255, 0)));
7451
- background: -webkit-linear-gradient(bottom, #17181f 0%, rgba(255, 255, 255, 0) 100%);
7452
- background: linear-gradient(to top, #17181f 0%, rgba(255, 255, 255, 0) 100%);
7453
- }
7454
-
7455
- @-webkit-keyframes spin {
7456
- 0% {
7457
- -webkit-transform: rotate(0deg);
7458
- }
7459
-
7460
- 100% {
7461
- -webkit-transform: rotate(-360deg);
7462
- }
7463
- }
7464
-
7465
- @keyframes spin {
7466
- 0% {
7467
- -webkit-transform: rotate(0deg);
7468
- transform: rotate(0deg);
7469
- }
7470
-
7471
- 100% {
7472
- -webkit-transform: rotate(-360deg);
7473
- transform: rotate(-360deg);
7474
- }
7475
- }
7476
-
7477
- /************ Premium Vertical Scroll ************/
7478
- /*************************************************/
7479
- .premium-vscroll-inner {
7480
- position: relative;
7481
- /* overflow: hidden;
7482
- */
7483
- min-height: 100%;
7484
- }
7485
-
7486
- .premium-vscroll-inner .premium-vscroll-dots {
7487
- position: fixed;
7488
- z-index: 100;
7489
- opacity: 1;
7490
- margin-top: -32px;
7491
- -webkit-transition: all 0.3s ease-in-out;
7492
- transition: all 0.3s ease-in-out;
7493
- }
7494
-
7495
- .premium-vscroll-wrap .premium-vscroll-nav-menu {
7496
- opacity: 1;
7497
- -webkit-transition: all 0.3s ease-in-out;
7498
- transition: all 0.3s ease-in-out;
7499
- }
7500
-
7501
- .premium-vscroll-inner .premium-vscroll-dots,
7502
- .premium-vscroll-wrap .premium-vscroll-dots-hide {
7503
- opacity: 0;
7504
- visibility: hidden;
7505
- }
7506
-
7507
- .premium-vscroll-nav-dots-yes .premium-vscroll-inner .premium-vscroll-dots {
7508
- opacity: 1;
7509
- visibility: visible;
7510
- }
7511
-
7512
- .premium-vscroll-dots.middle {
7513
- top: 50%;
7514
- }
7515
-
7516
- .premium-vscroll-dots.top {
7517
- top: 40px;
7518
- }
7519
-
7520
- .premium-vscroll-dots.bottom {
7521
- bottom: 30px;
7522
- }
7523
-
7524
- .premium-vscroll-dots.right {
7525
- left: 17px;
7526
- }
7527
-
7528
- .premium-vscroll-dots.left {
7529
- right: 17px;
7530
- }
7531
-
7532
- .premium-vscroll-inner ul.premium-vscroll-dots-list,
7533
- .premium-vscroll-wrap .premium-vscroll-nav-menu {
7534
- margin: 0 !important;
7535
- padding: 0;
7536
- }
7537
-
7538
- .premium-vscroll-inner ul.premium-vscroll-dots-list li {
7539
- width: 14px;
7540
- height: 13px;
7541
- margin: 7px;
7542
- position: relative;
7543
- display: -webkit-box;
7544
- display: -webkit-flex;
7545
- display: -ms-flexbox;
7546
- -js-display: flex;
7547
- display: -moz-box;
7548
- display: flex;
7549
- -webkit-box-pack: center;
7550
- -ms-flex-pack: center;
7551
- -webkit-justify-content: center;
7552
- -moz-box-pack: center;
7553
- justify-content: center;
7554
- -webkit-box-align: center;
7555
- -ms-flex-align: center;
7556
- -webkit-align-items: center;
7557
- -moz-box-align: center;
7558
- align-items: center;
7559
- overflow: visible;
7560
- }
7561
-
7562
- .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link {
7563
- display: block;
7564
- position: relative;
7565
- z-index: 1;
7566
- width: 100%;
7567
- height: 100%;
7568
- cursor: pointer;
7569
- text-decoration: none;
7570
- }
7571
-
7572
- .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link span {
7573
- top: 2px;
7574
- right: 2.5px;
7575
- width: 8px;
7576
- height: 8px;
7577
- border: 1px solid #000;
7578
- -webkit-border-radius: 50%;
7579
- border-radius: 50%;
7580
- position: absolute;
7581
- z-index: 1;
7582
- -webkit-transition: all 0.3s ease-in-out;
7583
- transition: all 0.3s ease-in-out;
7584
- }
7585
-
7586
- .premium-vscroll-inner .premium-vscroll-dot-item.active .premium-vscroll-nav-link span {
7587
- -webkit-transform: scale(1.6);
7588
- -ms-transform: scale(1.6);
7589
- transform: scale(1.6);
7590
- }
7591
-
7592
- .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-tooltip {
7593
- position: absolute;
7594
- color: #fff;
7595
- font-size: 14px;
7596
- font-family: arial, helvetica, sans-serif;
7597
- white-space: nowrap;
7598
- max-width: 220px;
7599
- padding-right: 0.4em;
7600
- padding-left: 0.4em;
7601
- }
7602
-
7603
- .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip {
7604
- left: 27px;
7605
- }
7606
-
7607
- /* * Lines */
7608
- .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item {
7609
- width: 4px;
7610
- height: 30px;
7611
- }
7612
-
7613
- .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item span {
7614
- width: 100%;
7615
- height: 100%;
7616
- -webkit-border-radius: 0;
7617
- border-radius: 0;
7618
- }
7619
-
7620
- .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item.active span {
7621
- -webkit-transform: scale(1);
7622
- -ms-transform: scale(1);
7623
- transform: scale(1);
7624
- }
7625
-
7626
- @media (max-width: 768px) {
7627
- .premium-vscroll-dots.right {
7628
- left: 7px;
7629
- }
7630
-
7631
- .premium-vscroll-dots.left {
7632
- right: 7px;
7633
- }
7634
- }
7635
-
7636
- .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip::after {
7637
- position: absolute;
7638
- top: 50%;
7639
- content: "";
7640
- right: -webkit-calc(100% - 1px);
7641
- right: calc(100% - 1px);
7642
- width: 10px;
7643
- height: 0;
7644
- border-top: 6px solid transparent;
7645
- border-bottom: 6px solid transparent;
7646
- border-right: 6px solid;
7647
- -webkit-transform: translateY(-50%);
7648
- -ms-transform: translateY(-50%);
7649
- transform: translateY(-50%);
7650
- }
7651
-
7652
- .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip::after {
7653
- position: absolute;
7654
- top: 50%;
7655
- content: "";
7656
- left: -webkit-calc(100% - 1px);
7657
- left: calc(100% - 1px);
7658
- width: 10px;
7659
- height: 0;
7660
- border-top: 6px solid transparent;
7661
- border-bottom: 6px solid transparent;
7662
- border-left: 6px solid;
7663
- -webkit-transform: translateY(-50%);
7664
- -ms-transform: translateY(-50%);
7665
- transform: translateY(-50%);
7666
- }
7667
-
7668
- .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip {
7669
- right: 27px;
7670
- }
7671
-
7672
- .premium-vscroll-nav-menu {
7673
- position: fixed;
7674
- top: 20px;
7675
- height: 40px;
7676
- z-index: 100;
7677
- padding: 0;
7678
- margin: 0;
7679
- }
7680
-
7681
- .premium-vscroll-nav-menu.left {
7682
- right: 0;
7683
- }
7684
-
7685
- .premium-vscroll-nav-menu.right {
7686
- left: 0;
7687
- }
7688
-
7689
- .premium-vscroll-nav-menu .premium-vscroll-nav-item {
7690
- display: inline-block;
7691
- margin: 10px;
7692
- color: #000;
7693
- background: #fff;
7694
- background: rgba(255, 255, 255, 0.3);
7695
- }
7696
-
7697
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link {
7698
- padding: 9px 18px;
7699
- display: block;
7700
- cursor: pointer;
7701
- }
7702
-
7703
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link,
7704
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:hover {
7705
- color: #000;
7706
- }
7707
-
7708
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:focus,
7709
- .multiscroll-nav li a:focus {
7710
- outline: none;
7711
- }
7712
-
7713
- .premium-vscroll-temp .slimScrollBar {
7714
- visibility: hidden;
7715
- }
7716
-
7717
- /************ Premium Image Scroll ***************/
7718
- /*************************************************/
7719
- .premium-image-scroll-section,
7720
- .premium-image-scroll-container {
7721
- -webkit-transition: all 0.3s ease-in-out;
7722
- transition: all 0.3s ease-in-out;
7723
- }
7724
-
7725
- .premium-image-scroll-section {
7726
- position: relative;
7727
- overflow: hidden;
7728
- width: 100%;
7729
- -webkit-mask-image: -webkit-radial-gradient(white, black);
7730
- }
7731
-
7732
- .premium-image-scroll-container {
7733
- width: 100%;
7734
- }
7735
-
7736
- .premium-image-scroll-container .premium-image-scroll-mask-media {
7737
- -webkit-mask-repeat: no-repeat;
7738
- mask-repeat: no-repeat;
7739
- -webkit-mask-position: center;
7740
- mask-position: center;
7741
- }
7742
-
7743
- .premium-container-scroll {
7744
- overflow: auto;
7745
- }
7746
-
7747
- .premium-image-scroll-container .premium-image-scroll-horizontal {
7748
- position: relative;
7749
- width: 100%;
7750
- height: 100%;
7751
- }
7752
-
7753
- .premium-image-scroll-container .premium-image-scroll-horizontal img {
7754
- max-width: none;
7755
- height: 100%;
7756
- }
7757
-
7758
- .premium-image-scroll-container .premium-image-scroll-vertical img {
7759
- width: 100%;
7760
- max-width: 100%;
7761
- height: auto;
7762
- }
7763
-
7764
- .premium-image-scroll-ver {
7765
- position: relative;
7766
- }
7767
-
7768
- .premium-image-scroll-container .premium-image-scroll-overlay {
7769
- background: rgba(2, 2, 2, 0.3);
7770
- }
7771
-
7772
- .premium-image-scroll-container .premium-image-scroll-link,
7773
- .premium-image-scroll-container .premium-image-scroll-overlay {
7774
- position: absolute;
7775
- top: 0;
7776
- bottom: 0;
7777
- right: 0;
7778
- left: 0;
7779
- z-index: 4;
7780
- }
7781
-
7782
- .premium-image-scroll-content {
7783
- display: inline-block;
7784
- position: absolute;
7785
- height: auto;
7786
- top: 50%;
7787
- right: 50%;
7788
- text-align: center;
7789
- z-index: 5;
7790
- -webkit-transform: translate(50%, -50%);
7791
- -ms-transform: translate(50%, -50%);
7792
- transform: translate(50%, -50%);
7793
- }
7794
-
7795
- .premium-container-scroll-instant .premium-image-scroll-image {
7796
- -webkit-transition: all 0s ease-in-out !important;
7797
- transition: all 0s ease-in-out !important;
7798
- }
7799
-
7800
- .premium-image-scroll-container img {
7801
- -webkit-transition: -webkit-transform 3s ease-in-out;
7802
- transition: -webkit-transform 3s ease-in-out;
7803
- transition: transform 3s ease-in-out;
7804
- transition: transform 3s ease-in-out, -webkit-transform 3s ease-in-out;
7805
- }
7806
-
7807
- .premium-image-scroll-container .premium-image-scroll-overlay,
7808
- .premium-image-scroll-container .premium-image-scroll-content {
7809
- -webkit-transition: all 0.3s ease-in-out;
7810
- transition: all 0.3s ease-in-out;
7811
- opacity: 1;
7812
- }
7813
-
7814
- .premium-image-scroll-container:hover .premium-image-scroll-overlay {
7815
- opacity: 0;
7816
- }
7817
-
7818
- .premium-image-scroll-container:hover .premium-image-scroll-content {
7819
- opacity: 0;
7820
- visibility: hidden;
7821
- }
7822
-
7823
- .premium-image-scroll-content .premium-image-scroll-icon {
7824
- display: inline-block;
7825
- font-family: "pa-elements" !important;
7826
- speak: none;
7827
- font-style: normal;
7828
- font-weight: normal;
7829
- font-variant: normal;
7830
- text-transform: none;
7831
- line-height: 1;
7832
- -webkit-font-smoothing: antialiased;
7833
- -moz-osx-font-smoothing: grayscale;
7834
- -webkit-animation-duration: 0.5s;
7835
- animation-duration: 0.5s;
7836
- -webkit-animation-iteration-count: infinite;
7837
- animation-iteration-count: infinite;
7838
- -webkit-animation-direction: alternate;
7839
- animation-direction: alternate;
7840
- -webkit-animation-timing-function: ease-in-out;
7841
- animation-timing-function: ease-in-out;
7842
- }
7843
-
7844
- .pa-horizontal-mouse-scroll:before {
7845
- content: "\e917";
7846
- }
7847
-
7848
- .pa-vertical-mouse-scroll:before {
7849
- content: "\e918";
7850
- }
7851
-
7852
- .pa-horizontal-mouse-scroll {
7853
- -webkit-animation-name: pa-scroll-horizontal;
7854
- animation-name: pa-scroll-horizontal;
7855
- }
7856
-
7857
- .pa-vertical-mouse-scroll {
7858
- -webkit-animation-name: pa-scroll-vertical;
7859
- animation-name: pa-scroll-vertical;
7860
- }
7861
-
7862
- @-webkit-keyframes pa-scroll-vertical {
7863
- 0% {
7864
- -webkit-transform: translateY(0px);
7865
- transform: translateY(0px);
7866
- }
7867
-
7868
- 100% {
7869
- -webkit-transform: translateY(5px);
7870
- transform: translateY(5px);
7871
- }
7872
- }
7873
-
7874
- @keyframes pa-scroll-vertical {
7875
- 0% {
7876
- -webkit-transform: translateY(0px);
7877
- transform: translateY(0px);
7878
- }
7879
-
7880
- 100% {
7881
- -webkit-transform: translateY(5px);
7882
- transform: translateY(5px);
7883
- }
7884
- }
7885
-
7886
- @-webkit-keyframes pa-scroll-horizontal {
7887
- 0% {
7888
- -webkit-transform: translateX(0px);
7889
- transform: translateX(0px);
7890
- }
7891
-
7892
- 100% {
7893
- -webkit-transform: translateX(-5px);
7894
- transform: translateX(-5px);
7895
- }
7896
- }
7897
-
7898
- @keyframes pa-scroll-horizontal {
7899
- 0% {
7900
- -webkit-transform: translateX(0px);
7901
- transform: translateX(0px);
7902
- }
7903
-
7904
- 100% {
7905
- -webkit-transform: translateX(-5px);
7906
- transform: translateX(-5px);
7907
- }
7908
- }
7909
-
7910
- /********* Premium Lottie Animations **********/
7911
- /**********************************************/
7912
- .premium-lottie-wrap .premium-lottie-animation {
7913
- position: relative;
7914
- -js-display: inline-flex;
7915
- display: -webkit-inline-box;
7916
- display: -webkit-inline-flex;
7917
- display: -moz-inline-box;
7918
- display: -ms-inline-flexbox;
7919
- display: inline-flex;
7920
- -webkit-transition: all 0.3s ease-in-out;
7921
- transition: all 0.3s ease-in-out;
7922
- }
7923
-
7924
- .premium-lottie-wrap .premium-lottie-animation a {
7925
- position: absolute;
7926
- left: 0;
7927
- top: 0;
7928
- width: 100%;
7929
- height: 100%;
7930
- z-index: 2;
7931
- }
7932
-
7933
- /**************** Premium Bullet List *****************/
7934
- /******************************************************/
7935
- .premium-bullet-list-box {
7936
- -js-display: flex;
7937
- display: -webkit-box;
7938
- display: -webkit-flex;
7939
- display: -moz-box;
7940
- display: -ms-flexbox;
7941
- display: flex;
7942
- -webkit-flex-wrap: wrap;
7943
- -ms-flex-wrap: wrap;
7944
- flex-wrap: wrap;
7945
- -webkit-box-orient: vertical;
7946
- -webkit-box-direction: normal;
7947
- -webkit-flex-direction: column;
7948
- -moz-box-orient: vertical;
7949
- -moz-box-direction: normal;
7950
- -ms-flex-direction: column;
7951
- flex-direction: column;
7952
- }
7953
-
7954
- .premium-bullet-list-box .premium-bullet-list-content-grow-lc {
7955
- -webkit-transform-origin: right center;
7956
- -ms-transform-origin: right center;
7957
- transform-origin: right center;
7958
- }
7959
-
7960
- .premium-bullet-list-box .premium-bullet-list-content-grow-rc {
7961
- -webkit-transform-origin: left center;
7962
- -ms-transform-origin: left center;
7963
- transform-origin: left center;
7964
- }
7965
-
7966
- .premium-bullet-list-box .premium-bullet-list-content-grow-cc {
7967
- -webkit-transform-origin: center center;
7968
- -ms-transform-origin: center center;
7969
- transform-origin: center center;
7970
- }
7971
-
7972
- .premium-bullet-list-content {
7973
- -js-display: flex;
7974
- display: -webkit-box;
7975
- display: -webkit-flex;
7976
- display: -moz-box;
7977
- display: -ms-flexbox;
7978
- display: flex;
7979
- -webkit-transition: all 0.3s ease-in-out;
7980
- transition: all 0.3s ease-in-out;
7981
- width: auto;
7982
- position: relative;
7983
- }
7984
-
7985
- .premium-bullet-list-content .premium-bullet-list-text span,
7986
- .premium-bullet-list-content .premium-bullet-list-wrapper {
7987
- display: inline-block;
7988
- -webkit-align-self: center;
7989
- -ms-flex-item-align: center;
7990
- align-self: center;
7991
- -webkit-transition: all 0.3s ease-in-out;
7992
- transition: all 0.3s ease-in-out;
7993
- }
7994
-
7995
- .premium-bullet-list-content .premium-bullet-list-text span {
7996
- margin: 0 5px;
7997
- }
7998
-
7999
- .premium-bullet-list-content .premium-bullet-list-icon-text p {
8000
- font-size: 18px;
8001
- background-color: #eee;
8002
- padding: 1px 5px;
8003
- -webkit-border-radius: 2px;
8004
- border-radius: 2px;
8005
- }
8006
-
8007
- .premium-bullet-list-content .premium-bullet-list-text span,
8008
- .premium-bullet-list-content .premium-bullet-list-icon-text p,
8009
- .premium-bullet-list-content .premium-bullet-list-wrapper img,
8010
- .premium-bullet-list-content .premium-bullet-list-wrapper svg,
8011
- .premium-bullet-list-content .premium-bullet-list-wrapper i {
8012
- -webkit-transition: all 0.3s ease-in-out;
8013
- transition: all 0.3s ease-in-out;
8014
- }
8015
-
8016
- .premium-bullet-list-content .premium-bullet-list-wrapper {
8017
- position: relative;
8018
- line-height: 0;
8019
- }
8020
-
8021
- .premium-bullet-list-content .premium-bullet-list-wrapper img,
8022
- .premium-bullet-list-content .premium-bullet-list-wrapper svg {
8023
- width: 30px !important;
8024
- height: 30px !important;
8025
- position: relative;
8026
- z-index: 500;
8027
- }
8028
-
8029
- .premium-bullet-list-content .premium-bullet-list-wrapper i,
8030
- .premium-bullet-list-content .premium-bullet-list-wrapper .premium-bullet-list-icon-text {
8031
- position: relative;
8032
- z-index: 500;
8033
- }
8034
-
8035
- .premium-bullet-list-content .premium-bullet-list-link {
8036
- position: absolute;
8037
- top: 0;
8038
- right: 0;
8039
- width: 100%;
8040
- height: 100%;
8041
- z-index: 1000;
8042
- }
8043
-
8044
- .premium-bullet-list-content:not(:last-of-type) .premium-bullet-list-connector {
8045
- width: 100%;
8046
- height: 100%;
8047
- position: absolute;
8048
- top: 0.5em;
8049
- z-index: 100;
8050
- -js-display: flex;
8051
- display: -webkit-box;
8052
- display: -webkit-flex;
8053
- display: -moz-box;
8054
- display: -ms-flexbox;
8055
- display: flex;
8056
- -webkit-box-pack: center;
8057
- -webkit-justify-content: center;
8058
- -moz-box-pack: center;
8059
- -ms-flex-pack: center;
8060
- justify-content: center;
8061
- }
8062
-
8063
- .premium-bullet-list-content:not(:last-of-type) .premium-bullet-list-connector .premium-icon-connector-content:after {
8064
- content: "";
8065
- border-left-width: 1px;
8066
- border-left-style: solid;
8067
- border-color: #333333;
8068
- display: block;
8069
- height: 100%;
8070
- }
8071
-
8072
- li.premium-bullet-list-content.premium-bullet-list-content-inline {
8073
- -webkit-align-self: center;
8074
- -ms-flex-item-align: center;
8075
- align-self: center;
8076
- z-index: 2;
8077
- }
8078
-
8079
- li.premium-bullet-list-content.premium-bullet-list-content-inline:not(:first-child) {
8080
- margin: 0 3px;
8081
- }
8082
-
8083
- li.premium-bullet-list-content.premium-bullet-list-content-inline:first-child {
8084
- margin: 0 0 0 3px;
8085
- }
8086
-
8087
- .premium-bullet-list-divider:not(:last-child) {
8088
- width: 100%;
8089
- -webkit-box-flex: 0;
8090
- -webkit-flex: 0 0 100%;
8091
- -moz-box-flex: 0;
8092
- -ms-flex: 0 0 100%;
8093
- flex: 0 0 100%;
8094
- overflow: hidden;
8095
- }
8096
-
8097
- .premium-bullet-list-divider:not(:last-child):after {
8098
- content: "";
8099
- display: block;
8100
- border-top-style: solid;
8101
- border-top-width: 1px;
8102
- }
8103
-
8104
- .premium-bullet-list-divider-inline:not(:last-child) {
8105
- float: left;
8106
- display: inline-block;
8107
- position: relative;
8108
- height: 100%;
8109
- overflow: hidden;
8110
- -webkit-align-self: center;
8111
- -ms-flex-item-align: center;
8112
- align-self: center;
8113
- margin: 0 3px;
8114
- }
8115
-
8116
- .premium-bullet-list-divider-inline:not(:last-child):after {
8117
- content: "";
8118
- display: block;
8119
- border-right-width: 1px;
8120
- height: 33px;
8121
- border-right-style: solid;
8122
- }
8123
-
8124
- .premium-bullet-list-icon-text {
8125
- line-height: 1.5;
8126
- }
8127
-
8128
- .premium-bullet-list-icon-text p,
8129
- ul.premium-bullet-list-box,
8130
- li.premium-bullet-list-content {
8131
- margin: 0;
8132
- }
8133
-
8134
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper i,
8135
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-text span,
8136
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-icon-text p {
8137
- color: transparent !important;
8138
- text-shadow: 0 0 3px #aaa;
8139
- }
8140
-
8141
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-icon-connector-content,
8142
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper .premium-lottie-animation svg,
8143
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper img,
8144
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-badge {
8145
- -webkit-filter: blur(3px);
8146
- filter: blur(3px);
8147
- }
8148
-
8149
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper i,
8150
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-text span,
8151
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-icon-text p {
8152
- color: #aaa !important;
8153
- text-shadow: 0 0px 0 transparent;
8154
- }
8155
-
8156
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-icon-connector-content,
8157
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper .premium-lottie-animation svg,
8158
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper img,
8159
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-badge {
8160
- -webkit-filter: none;
8161
- filter: none;
8162
- }
8163
-
8164
- .premium-bullet-list-content .premium-bullet-list-badge {
8165
- font-size: 11px;
8166
- top: auto;
8167
- min-width: -webkit-max-content;
8168
- min-width: -moz-max-content;
8169
- min-width: max-content;
8170
- height: -webkit-fit-content;
8171
- height: -moz-fit-content;
8172
- height: fit-content;
8173
- }
8174
-
8175
- .premium-bullet-list-content .premium-bullet-list-icon-text p {
8176
- font-size: 13px;
8177
- }
8178
-
8179
- .premium-bullet-list-gradient-effect[data-text] {
8180
- display: inline-block;
8181
- position: relative;
8182
- text-decoration: none;
8183
- }
8184
-
8185
- .premium-bullet-list-gradient-effect[data-text]::before {
8186
- content: attr(data-text);
8187
- position: absolute;
8188
- z-index: 1;
8189
- overflow: hidden;
8190
- -webkit-clip-path: polygon(100% 100%, 100% 100%, 50% 50%);
8191
- clip-path: polygon(100% 100%, 100% 100%, 50% 50%);
8192
- -webkit-background-clip: text;
8193
- background-clip: text;
8194
- -webkit-text-fill-color: transparent;
8195
- -webkit-transition: all 0.4s ease;
8196
- transition: all 0.4s ease;
8197
- }
8198
-
8199
- .premium-bullet-list-content:hover .premium-bullet-list-gradient-effect[data-text]::before,
8200
- .premium-bullet-list-content:focus .premium-bullet-list-gradient-effect[data-text]::before {
8201
- -webkit-animation: rtlgradient 1s forwards;
8202
- animation: rtlgradient 1s forwards;
8203
- }
8204
-
8205
- @-webkit-keyframes rtlgradient {
8206
- 0% {
8207
- -webkit-clip-path: circle(0% at 150% 50%);
8208
- clip-path: circle(0% at 150% 50%);
8209
- }
8210
-
8211
- 100% {
8212
- -webkit-clip-path: circle(100% at 50% 50%);
8213
- clip-path: circle(100% at 50% 50%);
8214
- }
8215
- }
8216
-
8217
- @keyframes rtlgradient {
8218
- 0% {
8219
- -webkit-clip-path: circle(0% at 150% 50%);
8220
- clip-path: circle(0% at 150% 50%);
8221
- }
8222
-
8223
- 100% {
8224
- -webkit-clip-path: circle(100% at 50% 50%);
8225
- clip-path: circle(100% at 50% 50%);
8226
- }
8227
- }
8228
-
8229
- ul[data-list-animation*="animated-"] .premium-bullet-list-divider,
8230
- ul[data-list-animation*="animated-"] .premium-bullet-list-content,
8231
- ul[data-list-animation*="animated-"] .premium-bullet-list-divider-inline {
8232
- opacity: 0;
8233
- }
8234
-
8235
- .premium-bullet-list-content-grow-effect:hover {
8236
- -webkit-transform: scale(1.07);
8237
- -ms-transform: scale(1.07);
8238
- transform: scale(1.07);
8239
  }
1
+ @font-face {
2
+ font-family: "pa-elements";
3
+ src: url("../../editor/fonts/pa-elements.eot?7pjc22");
4
+ src: url("../../editor/fonts/pa-elements.eot?7pjc22#iefix") format("embedded-opentype"),
5
+ url("../../editor/fonts/pa-elements.ttf?7pjc22") format("truetype"),
6
+ url("../../editor/fonts/pa-elements.woff?7pjc22") format("woff"),
7
+ url("../../editor/fonts/pa-elements.svg?7pjc22#pa-elements") format("svg");
8
+ font-weight: normal;
9
+ font-style: normal;
10
+ }
11
+
12
+ /**************** Premium Banner ****************/
13
+ /************************************************/
14
+ .premium-banner {
15
+ overflow: hidden;
16
+ }
17
+
18
+ .premium-banner-ib {
19
+ display: block;
20
+ position: relative;
21
+ }
22
+
23
+ .premium-banner-ib img {
24
+ display: block;
25
+ position: relative;
26
+ }
27
+
28
+ .premium-banner-img-wrap {
29
+ -js-display: flex;
30
+ display: -webkit-box;
31
+ display: -webkit-flex;
32
+ display: -moz-box;
33
+ display: -ms-flexbox;
34
+ display: flex;
35
+ height: 100%;
36
+ }
37
+
38
+ .premium-banner-img-wrap .premium-banner-ib-img {
39
+ -webkit-flex-shrink: 0;
40
+ -ms-flex-negative: 0;
41
+ flex-shrink: 0;
42
+ }
43
+
44
+ .premium-banner-ib {
45
+ z-index: 1;
46
+ overflow: hidden;
47
+ margin: 0 0 35px;
48
+ text-align: center;
49
+ -webkit-box-sizing: border-box;
50
+ -moz-box-sizing: border-box;
51
+ box-sizing: border-box;
52
+ }
53
+
54
+ .premium-banner-ib-desc .premium-banner-read-more {
55
+ z-index: 100;
56
+ }
57
+
58
+ .premium-banner-ib,
59
+ .wpb_column>.wpb_wrapper .premium-banner-ib {
60
+ margin-bottom: 0px;
61
+ }
62
+
63
+ .elementor-widget-premium-addon-banner .premium-banner-ib-title {
64
+ background: transparent;
65
+ }
66
+
67
+ .premium-banner-ib *,
68
+ .premium-banner-ib .premium-banner-ib-desc {
69
+ -webkit-box-sizing: border-box;
70
+ -moz-box-sizing: border-box;
71
+ box-sizing: border-box;
72
+ }
73
+
74
+ .premium-banner-ib img {
75
+ min-width: 100%;
76
+ max-width: 100%;
77
+ -webkit-transition: opacity 0.35s;
78
+ transition: opacity 0.35s;
79
+ }
80
+
81
+ .premium-banner-ib .premium-banner-ib-desc {
82
+ padding: 15px;
83
+ -webkit-backface-visibility: hidden;
84
+ backface-visibility: hidden;
85
+ -webkit-box-sizing: border-box;
86
+ -moz-box-sizing: border-box;
87
+ box-sizing: border-box;
88
+ position: absolute;
89
+ top: 0;
90
+ right: 0;
91
+ width: 100%;
92
+ height: 100%;
93
+ }
94
+
95
+ .premium-banner-ib .premium-banner-ib-link {
96
+ position: absolute;
97
+ top: 0;
98
+ right: 0;
99
+ width: 100%;
100
+ height: 100%;
101
+ z-index: 1000;
102
+ text-indent: 200%;
103
+ white-space: nowrap;
104
+ font-size: 0;
105
+ opacity: 0;
106
+ }
107
+
108
+ .premium-banner-ib a.premium-banner-ib-link {
109
+ display: block;
110
+ background: 100% 0;
111
+ }
112
+
113
+ .premium-banner-animation1 img {
114
+ width: -webkit-calc(100% + 50px) !important;
115
+ width: calc(100% + 50px) !important;
116
+ max-width: -webkit-calc(100% + 50px) !important;
117
+ max-width: calc(100% + 50px) !important;
118
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
119
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
120
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
121
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
122
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
123
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
124
+ -webkit-transform: translate3d(40px, 0, 0);
125
+ transform: translate3d(40px, 0, 0);
126
+ }
127
+
128
+ .premium-banner-animation2 .premium-banner-ib-title {
129
+ padding: 15px;
130
+ }
131
+
132
+ .premium-banner-animation1 .premium-banner-ib-desc {
133
+ top: auto;
134
+ bottom: 0;
135
+ min-height: 25%;
136
+ height: auto;
137
+ max-height: 100%;
138
+ text-align: right;
139
+ }
140
+
141
+ .premium-banner-animation1 .premium-banner-ib-content,
142
+ .premium-banner-animation1 .premium-banner-ib-title,
143
+ .premium-banner-animation1 .premium-banner-read-more {
144
+ -webkit-transform: translate3d(0, 40px, 0);
145
+ transform: translate3d(0, 40px, 0);
146
+ -webkit-transition-delay: 0.05s;
147
+ transition-delay: 0.05s;
148
+ -webkit-transition-duration: 0.35s;
149
+ transition-duration: 0.35s;
150
+ }
151
+
152
+ .premium-banner-animation1 .premium-banner-ib-title {
153
+ -webkit-transition: -webkit-transform 0.35s;
154
+ transition: -webkit-transform 0.35s;
155
+ transition: transform 0.35s;
156
+ transition: transform 0.35s, -webkit-transform 0.35s;
157
+ }
158
+
159
+ .premium-banner-animation1 .premium-banner-ib-content,
160
+ .premium-banner-animation1 .premium-banner-read-more {
161
+ margin-top: 10px;
162
+ opacity: 0;
163
+ -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
164
+ transition: opacity 0.2s, -webkit-transform 0.35s;
165
+ transition: opacity 0.2s, transform 0.35s;
166
+ transition: opacity 0.2s, transform 0.35s, -webkit-transform 0.35s;
167
+ }
168
+
169
+ .premium-banner-animation1:hover .premium-banner-ib-content,
170
+ .premium-banner-animation1.active .premium-banner-ib-content,
171
+ .premium-banner-animation1:hover .premium-banner-read-more,
172
+ .premium-banner-animation1.active .premium-banner-read-more {
173
+ opacity: 1;
174
+ -webkit-transition-delay: 0.05s;
175
+ transition-delay: 0.05s;
176
+ -webkit-transition-duration: 0.35s;
177
+ transition-duration: 0.35s;
178
+ }
179
+
180
+ .premium-banner-animation1:hover .premium-banner-ib-content,
181
+ .premium-banner-animation1.active .premium-banner-ib-content,
182
+ .premium-banner-animation1:hover .premium-banner-read-more,
183
+ .premium-banner-animation1.active .premium-banner-read-more,
184
+ .premium-banner-animation1:hover .premium-banner-ib-title,
185
+ .premium-banner-animation1.active .premium-banner-ib-title,
186
+ .premium-banner-animation1:hover img,
187
+ .premium-banner-animation1.active img {
188
+ -webkit-transform: translate3d(0, 0, 0);
189
+ transform: translate3d(0, 0, 0);
190
+ -webkit-transition-delay: 0.05s;
191
+ transition-delay: 0.05s;
192
+ -webkit-transition-duration: 0.35s;
193
+ transition-duration: 0.35s;
194
+ }
195
+
196
+ .premium-banner-animation1.zoomout img,
197
+ .premium-banner-animation1.scale img {
198
+ -webkit-transform: translate3d(40px, 0, 0) scale(1.1);
199
+ transform: translate3d(40px, 0, 0) scale(1.1);
200
+ }
201
+
202
+ .premium-banner-ib.sepia img {
203
+ -webkit-filter: sepia(30%);
204
+ filter: sepia(30%);
205
+ }
206
+
207
+ .premium-banner-ib.bright img {
208
+ -webkit-filter: brightness(1);
209
+ filter: brightness(1);
210
+ }
211
+
212
+ .premium-banner-ib.sepia:hover img {
213
+ -webkit-filter: sepia(0%);
214
+ filter: sepia(0%);
215
+ }
216
+
217
+ .premium-banner-ib.bright:hover img {
218
+ -webkit-filter: brightness(1.2);
219
+ filter: brightness(1.2);
220
+ }
221
+
222
+ .premium-banner-animation1.premium-banner-min-height img,
223
+ .premium-banner-animation2.premium-banner-min-height img,
224
+ .premium-banner-animation4.premium-banner-min-height img,
225
+ .premium-banner-animation5.premium-banner-min-height img,
226
+ .premium-banner-animation6.premium-banner-min-height img,
227
+ .premium-banner-animation13.premium-banner-min-height img {
228
+ height: auto;
229
+ }
230
+
231
+ .premium-banner-animation2 img {
232
+ width: 100%;
233
+ }
234
+
235
+ .premium-banner-animation2 .premium-banner-ib-desc::before {
236
+ position: absolute;
237
+ content: "";
238
+ top: 0;
239
+ right: 0;
240
+ width: 100%;
241
+ height: 100%;
242
+ opacity: 0;
243
+ -webkit-transform: translate3d(0, 50%, 0);
244
+ transform: translate3d(0, 50%, 0);
245
+ }
246
+
247
+ .premium-banner-animation2 .premium-banner-ib-title {
248
+ position: absolute;
249
+ top: 50%;
250
+ right: 0;
251
+ width: 100%;
252
+ -webkit-transition: color 0.35s, -webkit-transform 0.35s;
253
+ transition: color 0.35s, -webkit-transform 0.35s;
254
+ transition: transform 0.35s, color 0.35s;
255
+ transition: transform 0.35s, color 0.35s, -webkit-transform 0.35s;
256
+ -webkit-transform: translate3d(0, -50%, 0);
257
+ transform: translate3d(0, -50%, 0);
258
+ }
259
+
260
+ .premium-banner-animation2 .premium-banner-ib-content,
261
+ .premium-banner-animation2 .premium-banner-read-more,
262
+ .premium-banner-animation2 .premium-banner-ib-desc::before {
263
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
264
+ transition: opacity 0.35s, -webkit-transform 0.35s;
265
+ transition: opacity 0.35s, transform 0.35s;
266
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
267
+ }
268
+
269
+ .premium-banner-animation2 .premium-banner-ib-content,
270
+ .premium-banner-animation2 .premium-banner-read-more {
271
+ position: absolute;
272
+ bottom: 0;
273
+ right: 0;
274
+ padding: 15px;
275
+ width: 100%;
276
+ max-height: 50%;
277
+ opacity: 0;
278
+ -webkit-transform: translate3d(0, 10px, 0);
279
+ transform: translate3d(0, 10px, 0);
280
+ }
281
+
282
+ .premium-banner-animation2:hover .premium-banner-ib-title,
283
+ .premium-banner-animation2.active .premium-banner-ib-title {
284
+ -webkit-transform: translate3d(0, -40px, 0);
285
+ transform: translate3d(0, -40px, 0);
286
+ }
287
+
288
+ .premium-banner-animation2:hover .premium-banner-read-more,
289
+ .premium-banner-animation2.active .premium-banner-read-more,
290
+ .premium-banner-animation2:hover .premium-banner-ib-desc::before,
291
+ .premium-banner-animation2.active .premium-banner-ib-desc::before {
292
+ opacity: 1;
293
+ -webkit-transform: translate3d(0, 0, 0);
294
+ transform: translate3d(0, 0, 0);
295
+ }
296
+
297
+ .premium-banner-animation2:hover .premium-banner-ib-content,
298
+ .premium-banner-animation2.active .premium-banner-ib-content {
299
+ opacity: 1;
300
+ -webkit-transform: translate3d(0, -30px, 0);
301
+ transform: translate3d(0, -30px, 0);
302
+ }
303
+
304
+ .premium-banner-animation3 .premium-banner-ib-title {
305
+ position: absolute;
306
+ bottom: 0;
307
+ right: 0;
308
+ padding: 15px;
309
+ width: 100%;
310
+ text-align: right;
311
+ -webkit-transform: translate3d(0, -30px, 0);
312
+ transform: translate3d(0, -30px, 0);
313
+ }
314
+
315
+ .premium-banner-animation3 .premium-banner-ib-desc::before,
316
+ .premium-banner-animation3 .premium-banner-ib-title {
317
+ -webkit-transition: -webkit-transform 0.35s;
318
+ transition: -webkit-transform 0.35s;
319
+ transition: transform 0.35s;
320
+ transition: transform 0.35s, -webkit-transform 0.35s;
321
+ }
322
+
323
+ .premium-banner-animation3:hover .premium-banner-ib-desc::before,
324
+ .premium-banner-animation3.active .premium-banner-ib-desc::before,
325
+ .premium-banner-animation3:hover .premium-banner-ib-title,
326
+ .premium-banner-animation3.active .premium-banner-ib-title {
327
+ opacity: 1;
328
+ -webkit-transform: translate3d(0, 0, 0);
329
+ transform: translate3d(0, 0, 0);
330
+ }
331
+
332
+ .premium-banner-animation3 .premium-banner-ib-content {
333
+ max-height: -webkit-calc(100% - 60px - 1.5em);
334
+ max-height: calc(100% - 60px - 1.5em);
335
+ overflow: hidden;
336
+ }
337
+
338
+ .premium-banner-animation4 img {
339
+ width: -webkit-calc(100% + 40px) !important;
340
+ width: calc(100% + 40px) !important;
341
+ max-width: -webkit-calc(100% + 40px) !important;
342
+ max-width: calc(100% + 40px) !important;
343
+ }
344
+
345
+ .premium-banner-animation4 .premium-banner-ib-desc {
346
+ padding: 30px;
347
+ }
348
+
349
+ .premium-banner-animation4 .premium-banner-ib-desc::after {
350
+ position: absolute;
351
+ content: "";
352
+ opacity: 0;
353
+ }
354
+
355
+ .premium-banner-animation4 .premium-banner-ib-desc::before {
356
+ position: absolute;
357
+ content: "";
358
+ opacity: 0;
359
+ top: 50px;
360
+ left: 30px;
361
+ bottom: 50px;
362
+ right: 30px;
363
+ border-top: 1px solid #fff;
364
+ border-bottom: 1px solid #fff;
365
+ -webkit-transform: scale(0, 1);
366
+ -ms-transform: scale(0, 1);
367
+ transform: scale(0, 1);
368
+ -webkit-transform-origin: 100% 0;
369
+ -ms-transform-origin: 100% 0;
370
+ transform-origin: 100% 0;
371
+ }
372
+
373
+ .premium-banner-animation4 .premium-banner-ib-desc::after {
374
+ top: 30px;
375
+ left: 50px;
376
+ bottom: 30px;
377
+ right: 50px;
378
+ border-left: 1px solid #fff;
379
+ border-right: 1px solid #fff;
380
+ -webkit-transform: scale(1, 0);
381
+ -ms-transform: scale(1, 0);
382
+ transform: scale(1, 0);
383
+ -webkit-transform-origin: 0% 0;
384
+ -ms-transform-origin: 0% 0;
385
+ transform-origin: 0% 0;
386
+ }
387
+
388
+ .premium-banner-animation4 .premium-banner-ib-title {
389
+ padding: 50px 30px 0 30px;
390
+ -webkit-transition: -webkit-transform 0.35s;
391
+ transition: -webkit-transform 0.35s;
392
+ transition: transform 0.35s;
393
+ transition: transform 0.35s, -webkit-transform 0.35s;
394
+ }
395
+
396
+ .premium-banner-animation4 .premium-banner-ib-content,
397
+ .premium-banner-animation4 .premium-banner-read-more {
398
+ padding: 10px 30px;
399
+ opacity: 0;
400
+ overflow: hidden;
401
+ -webkit-transform: translate3d(0, -10px, 0);
402
+ transform: translate3d(0, -10px, 0);
403
+ }
404
+
405
+ .premium-banner-animation4 .premium-banner-ib-title,
406
+ .premium-banner-animation4 img {
407
+ -webkit-transform: translate3d(30px, 0, 0);
408
+ transform: translate3d(30px, 0, 0);
409
+ }
410
+
411
+ .premium-banner-animation4.zoomout img,
412
+ .premium-banner-animation4.scale img {
413
+ -webkit-transform: translate3d(30px, 0, 0) scale(1.1);
414
+ transform: translate3d(30px, 0, 0) scale(1.1);
415
+ }
416
+
417
+ .premium-banner-animation4 .premium-banner-ib-content,
418
+ .premium-banner-animation4 .premium-banner-read-more {
419
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
420
+ transition: opacity 0.35s, -webkit-transform 0.35s;
421
+ transition: opacity 0.35s, transform 0.35s;
422
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
423
+ }
424
+
425
+ .premium-banner-animation4 .premium-banner-ib-desc::after,
426
+ .premium-banner-animation4 .premium-banner-ib-desc::before {
427
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
428
+ transition: opacity 0.35s, -webkit-transform 0.35s;
429
+ transition: opacity 0.35s, transform 0.35s;
430
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
431
+ }
432
+
433
+ .premium-banner-animation4 img {
434
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
435
+ transition: opacity 0.35s, -webkit-transform 0.35s;
436
+ transition: opacity 0.35s, transform 0.35s;
437
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
438
+ }
439
+
440
+ .premium-banner-animation4:hover .premium-banner-ib-desc::after,
441
+ .premium-banner-animation4.active .premium-banner-ib-desc::after,
442
+ .premium-banner-animation4:hover .premium-banner-ib-desc::before,
443
+ .premium-banner-animation4.active .premium-banner-ib-desc::before {
444
+ opacity: 1;
445
+ -webkit-transform: scale(1);
446
+ -ms-transform: scale(1);
447
+ transform: scale(1);
448
+ }
449
+
450
+ .premium-banner-animation4:hover .premium-banner-ib-content,
451
+ .premium-banner-animation4.active .premium-banner-ib-content,
452
+ .premium-banner-animation4:hover .premium-banner-read-more,
453
+ .premium-banner-animation4.active .premium-banner-read-more,
454
+ .premium-banner-animation4:hover .premium-banner-ib-title,
455
+ .premium-banner-animation4.active .premium-banner-ib-title {
456
+ opacity: 1;
457
+ -webkit-transform: translate3d(0, 0, 0);
458
+ transform: translate3d(0, 0, 0);
459
+ }
460
+
461
+ .premium-banner-animation4:hover .premium-banner-ib-content,
462
+ .premium-banner-animation4:hover .premium-banner-ib-desc::after,
463
+ .premium-banner-animation4:hover .premium-banner-ib-title,
464
+ .premium-banner-animation4:hover img {
465
+ -webkit-transition-delay: 0.15s;
466
+ transition-delay: 0.15s;
467
+ }
468
+
469
+ .premium-banner-animation5 .premium-banner-ib-desc {
470
+ top: auto;
471
+ bottom: 0;
472
+ padding: 15px;
473
+ height: auto;
474
+ background: #f2f2f2;
475
+ color: #3c4a50;
476
+ -webkit-transition: -webkit-transform 0.35s;
477
+ transition: -webkit-transform 0.35s;
478
+ transition: transform 0.35s;
479
+ transition: transform 0.35s, -webkit-transform 0.35s;
480
+ -webkit-transform: translate3d(0, 100%, 0);
481
+ transform: translate3d(0, 100%, 0);
482
+ }
483
+
484
+ .premium-banner-animation5 .premium-banner-ib-content {
485
+ position: absolute;
486
+ top: auto;
487
+ bottom: 100%;
488
+ right: 0;
489
+ width: 100%;
490
+ padding: 15px;
491
+ opacity: 0;
492
+ -webkit-transition: opacity 0.35s;
493
+ transition: opacity 0.35s;
494
+ }
495
+
496
+ .premium-banner-animation5 .premium-banner-ib-title,
497
+ .premium-banner-animation5 .premium-banner-read-more {
498
+ -webkit-transition: -webkit-transform 0.35s;
499
+ transition: -webkit-transform 0.35s;
500
+ transition: transform 0.35s;
501
+ transition: transform 0.35s, -webkit-transform 0.35s;
502
+ -webkit-transform: translate3d(0, 200%, 0);
503
+ transform: translate3d(0, 200%, 0);
504
+ text-align: center;
505
+ }
506
+
507
+ .premium-banner-animation5 .premium-banner-ib-title {
508
+ margin: 10px 0;
509
+ }
510
+
511
+ .premium-banner-animation5:hover .premium-banner-ib-content,
512
+ .premium-banner-animation5.active .premium-banner-ib-content,
513
+ .premium-banner-animation5:hover .premium-banner-ib-content *,
514
+ .premium-banner-animation5.active .premium-banner-ib-content * {
515
+ opacity: 1 !important;
516
+ z-index: 99 !important;
517
+ -webkit-backface-visibility: hidden !important;
518
+ backface-visibility: hidden !important;
519
+ }
520
+
521
+ .premium-banner-animation5:hover .premium-banner-ib-desc,
522
+ .premium-banner-animation5.active .premium-banner-ib-desc,
523
+ .premium-banner-animation5:hover .premium-banner-ib-title,
524
+ .premium-banner-animation5.active .premium-banner-ib-title,
525
+ .premium-banner-animation5:hover .premium-banner-read-more,
526
+ .premium-banner-animation5.active .premium-banner-read-more {
527
+ -webkit-transform: translateY(0);
528
+ -ms-transform: translateY(0);
529
+ transform: translateY(0);
530
+ }
531
+
532
+ .premium-banner-animation5:hover .premium-banner-ib-title {
533
+ -webkit-transition-delay: 0.05s;
534
+ transition-delay: 0.05s;
535
+ }
536
+
537
+ .premium-banner-animation5 img {
538
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
539
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
540
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
541
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
542
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
543
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
544
+ }
545
+
546
+ .premium-banner-animation2 img,
547
+ .premium-banner-animation4 img,
548
+ .premium-banner-animation6 img {
549
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
550
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
551
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
552
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
553
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
554
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
555
+ }
556
+
557
+ .premium-banner-animation5.zoomout img,
558
+ .premium-banner-animation5.scale img {
559
+ -webkit-transform: scale(1.1);
560
+ -ms-transform: scale(1.1);
561
+ transform: scale(1.1);
562
+ }
563
+
564
+ .premium-banner-animation2.zoomout img,
565
+ .premium-banner-animation2.scale img {
566
+ -webkit-transform: scale(1.1);
567
+ -ms-transform: scale(1.1);
568
+ transform: scale(1.1);
569
+ }
570
+
571
+ .premium-banner-animation6.zoomout img,
572
+ .premium-banner-animation6.scale img {
573
+ -webkit-transform: scale(1.1);
574
+ -ms-transform: scale(1.1);
575
+ transform: scale(1.1);
576
+ }
577
+
578
+ .premium-banner-animation5.zoomin:hover img,
579
+ .premium-banner-animation2.zoomin:hover img,
580
+ .premium-banner-animation6.zoomin:hover img {
581
+ -webkit-transform: scale(1.1);
582
+ -ms-transform: scale(1.1);
583
+ transform: scale(1.1);
584
+ }
585
+
586
+ .premium-banner-animation5.zoomout:hover img,
587
+ .premium-banner-animation2.zoomout:hover img,
588
+ .premium-banner-animation6.zoomout:hover img {
589
+ -webkit-transform: scale(1);
590
+ -ms-transform: scale(1);
591
+ transform: scale(1);
592
+ }
593
+
594
+ .premium-banner-animation5.scale:hover img,
595
+ .premium-banner-animation2.scale:hover img,
596
+ .premium-banner-animation6.scale:hover img {
597
+ -webkit-transform: scale(1.2) rotate(-5deg);
598
+ -ms-transform: scale(1.2) rotate(-5deg);
599
+ transform: scale(1.2) rotate(-5deg);
600
+ }
601
+
602
+ .premium-banner-animation5.grayscale:hover img,
603
+ .premium-banner-animation2.grayscale:hover img,
604
+ .premium-banner-animation6.grayscale:hover img {
605
+ -webkit-filter: grayscale(100%);
606
+ filter: grayscale(100%);
607
+ }
608
+
609
+ .premium-banner-animation5.blur:hover img,
610
+ .premium-banner-animation2.blur:hover img {
611
+ -webkit-filter: blur(3px);
612
+ filter: blur(3px);
613
+ }
614
+
615
+ .premium-banner-animation6.blur:hover img {
616
+ -webkit-filter: blur(3px);
617
+ filter: blur(3px);
618
+ }
619
+
620
+ .premium-banner-animation6 .premium-banner-ib-desc {
621
+ padding: 45px;
622
+ }
623
+
624
+ .premium-banner-animation6 .premium-banner-ib-desc::before {
625
+ position: absolute;
626
+ content: "";
627
+ top: 30px;
628
+ left: 30px;
629
+ bottom: 30px;
630
+ right: 30px;
631
+ border: 1px solid #fff;
632
+ }
633
+
634
+ .premium-banner-animation6 .premium-banner-ib-title {
635
+ margin: 20px 0 10px;
636
+ -webkit-transition: -webkit-transform 0.35s;
637
+ transition: -webkit-transform 0.35s;
638
+ transition: transform 0.35s;
639
+ transition: transform 0.35s, -webkit-transform 0.35s;
640
+ -webkit-transform: translate3d(0, 100%, 0);
641
+ transform: translate3d(0, 100%, 0);
642
+ }
643
+
644
+ .premium-banner-animation6 .premium-banner-ib-content,
645
+ .premium-banner-animation6 .premium-banner-read-more,
646
+ .premium-banner-animation6 .premium-banner-ib-desc::before {
647
+ opacity: 0;
648
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
649
+ transition: opacity 0.35s, -webkit-transform 0.35s;
650
+ transition: opacity 0.35s, transform 0.35s;
651
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
652
+ -webkit-transform: scale(0);
653
+ -ms-transform: scale(0);
654
+ transform: scale(0);
655
+ }
656
+
657
+ .premium-banner-animation6 .premium-banner-read-more {
658
+ margin-top: 10px;
659
+ }
660
+
661
+ .premium-banner-animation6:hover .premium-banner-ib-title,
662
+ .premium-banner-animation6.active .premium-banner-ib-title {
663
+ -webkit-transform: translate3d(0, 0, 0);
664
+ transform: translate3d(0, 0, 0);
665
+ }
666
+
667
+ .premium-banner-animation6:hover .premium-banner-ib-content,
668
+ .premium-banner-animation6.active .premium-banner-ib-content,
669
+ .premium-banner-animation6:hover .premium-banner-read-more,
670
+ .premium-banner-animation6.active .premium-banner-read-more,
671
+ .premium-banner-animation6:hover .premium-banner-ib-desc::before,
672
+ .premium-banner-animation6.active .premium-banner-ib-desc::before {
673
+ opacity: 1;
674
+ -webkit-transform: scale(1);
675
+ -ms-transform: scale(1);
676
+ transform: scale(1);
677
+ }
678
+
679
+ .premium-banner-animation12 .premium-banner-ib-desc::after {
680
+ position: absolute;
681
+ content: "";
682
+ left: 30px;
683
+ bottom: 30px;
684
+ right: 30px;
685
+ height: -webkit-calc(50% - 30px);
686
+ height: calc(50% - 30px);
687
+ border: 7px solid #fff;
688
+ -webkit-transition: -webkit-transform 0.35s;
689
+ transition: -webkit-transform 0.35s;
690
+ transition: transform 0.35s;
691
+ transition: transform 0.35s, -webkit-transform 0.35s;
692
+ -webkit-transform: translate3d(0, -100%, 0);
693
+ transform: translate3d(0, -100%, 0);
694
+ }
695
+
696
+ .premium-banner-animation12:hover .premium-banner-ib-desc::after,
697
+ .premium-banner-animation12.active .premium-banner-ib-desc::after {
698
+ -webkit-transform: translate3d(0, 0, 0);
699
+ transform: translate3d(0, 0, 0);
700
+ }
701
+
702
+ .premium-banner-animation12 .premium-banner-ib-desc {
703
+ padding: 45px;
704
+ text-align: right;
705
+ }
706
+
707
+ .premium-banner-animation12 .premium-banner-ib-content {
708
+ position: absolute;
709
+ left: 60px;
710
+ bottom: 60px;
711
+ right: 60px;
712
+ opacity: 0;
713
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
714
+ transition: opacity 0.35s, -webkit-transform 0.35s;
715
+ transition: opacity 0.35s, transform 0.35s;
716
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
717
+ -webkit-transform: translate3d(0, -100px, 0);
718
+ transform: translate3d(0, -100px, 0);
719
+ }
720
+
721
+ .premium-banner-animation12:hover .premium-banner-ib-content,
722
+ .premium-banner-animation12.active .premium-banner-ib-content {
723
+ opacity: 1;
724
+ -webkit-transform: translate3d(0, 0, 0);
725
+ transform: translate3d(0, 0, 0);
726
+ }
727
+
728
+ .premium-banner-animation13 img {
729
+ width: -webkit-calc(100% + 20px) !important;
730
+ width: calc(100% + 20px) !important;
731
+ max-width: -webkit-calc(100% + 20px) !important;
732
+ max-width: calc(100% + 20px) !important;
733
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
734
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
735
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
736
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
737
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
738
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
739
+ -webkit-transform: translate3d(10px, 0, 0);
740
+ transform: translate3d(10px, 0, 0);
741
+ -webkit-backface-visibility: hidden;
742
+ backface-visibility: hidden;
743
+ }
744
+
745
+ .premium-banner-animation13.zoomout img,
746
+ .premium-banner-animation13.scale img {
747
+ -webkit-transform: translate3d(10px, 0, 0) scale(1.1);
748
+ transform: translate3d(10px, 0, 0) scale(1.1);
749
+ }
750
+
751
+ .premium-banner-animation13.none:hover img {
752
+ -webkit-transform: translate3d(0, 0, 0);
753
+ transform: translate3d(0, 0, 0);
754
+ }
755
+
756
+ .premium-banner-animation1.none:hover img,
757
+ .premium-banner-animation4.none:hover img {
758
+ -webkit-transform: translate3d(0, 0, 0);
759
+ transform: translate3d(0, 0, 0);
760
+ }
761
+
762
+ .premium-banner-animation13.zoomin:hover img,
763
+ .premium-banner-animation1.zoomin:hover img,
764
+ .premium-banner-animation4.zoomin:hover img,
765
+ .premium-banner-animation8.zoomin:hover img,
766
+ .premium-banner-animation7.zoomin:hover img,
767
+ .premium-banner-animation9.zoomin:hover img,
768
+ .premium-banner-animation10.zoomin:hover img,
769
+ .premium-banner-animation11.zoomin:hover img {
770
+ -webkit-transform: translate3d(0, 0, 0) scale(1.1);
771
+ transform: translate3d(0, 0, 0) scale(1.1);
772
+ }
773
+
774
+ .premium-banner-animation13.zoomout:hover img,
775
+ .premium-banner-animation1.zoomout:hover img,
776
+ .premium-banner-animation4.zoomout:hover img,
777
+ .premium-banner-animation8.zoomout:hover img,
778
+ .premium-banner-animation7.zoomout:hover img,
779
+ .premium-banner-animation9.zoomout:hover img,
780
+ .premium-banner-animation10.zoomout:hover img,
781
+ .premium-banner-animation11.zoomout:hover img {
782
+ -webkit-transform: translate3d(0, 0, 0) scale(1);
783
+ transform: translate3d(0, 0, 0) scale(1);
784
+ }
785
+
786
+ .premium-banner-animation13.scale:hover img,
787
+ .premium-banner-animation1.scale:hover img,
788
+ .premium-banner-animation4.scale:hover img,
789
+ .premium-banner-animation8.scale:hover img,
790
+ .premium-banner-animation7.scale:hover img,
791
+ .premium-banner-animation9.scale:hover img,
792
+ .premium-banner-animation10.scale:hover img,
793
+ .premium-banner-animation11.scale:hover img {
794
+ -webkit-transform: translate3d(0, 0, 0) scale(1.2) rotate(-5deg);
795
+ transform: translate3d(0, 0, 0) scale(1.2) rotate(-5deg);
796
+ }
797
+
798
+ .premium-banner-animation13.grayscale:hover img,
799
+ .premium-banner-animation1.grayscale:hover img,
800
+ .premium-banner-animation4.grayscale:hover img,
801
+ .premium-banner-animation8.grayscale:hover img,
802
+ .premium-banner-animation7.grayscale:hover img,
803
+ .premium-banner-animation9.grayscale:hover img,
804
+ .premium-banner-animation10.grayscale:hover img,
805
+ .premium-banner-animation11.grayscale:hover img {
806
+ -webkit-transform: translate3d(0, 0, 0);
807
+ transform: translate3d(0, 0, 0);
808
+ -webkit-filter: grayscale(100%);
809
+ filter: grayscale(100%);
810
+ }
811
+
812
+ .premium-banner-animation13.blur:hover img,
813
+ .premium-banner-animation1.blur:hover img,
814
+ .premium-banner-animation4.blur:hover,
815
+ .premium-banner-animation8.blur:hover img,
816
+ .premium-banner-animation7.blur:hover img,
817
+ .premium-banner-animation9.blur:hover img,
818
+ .premium-banner-animation10.blur:hover img,
819
+ .premium-banner-animation11.blur:hover img {
820
+ -webkit-transform: translate3d(0, 0, 0);
821
+ transform: translate3d(0, 0, 0);
822
+ -webkit-filter: blur(3px);
823
+ filter: blur(3px);
824
+ }
825
+
826
+ .premium-banner-animation13 .premium-banner-ib-desc {
827
+ text-align: right;
828
+ }
829
+
830
+ .premium-banner-animation13 .premium-banner-ib-title {
831
+ position: relative;
832
+ overflow: hidden;
833
+ padding: 5px 0 10px;
834
+ }
835
+
836
+ .premium-banner-animation13 .premium-banner-ib-title::after {
837
+ position: absolute;
838
+ content: "";
839
+ bottom: 0;
840
+ right: 0;
841
+ width: 100%;
842
+ height: 2px;
843
+ background: #fff;
844
+ -webkit-transition: -webkit-transform 0.35s;
845
+ transition: -webkit-transform 0.35s;
846
+ transition: transform 0.35s;
847
+ transition: transform 0.35s, -webkit-transform 0.35s;
848
+ -webkit-transform: translate3d(101%, 0, 0);
849
+ transform: translate3d(101%, 0, 0);
850
+ }
851
+
852
+ .premium-banner-animation13:hover .premium-banner-ib-title::after,
853
+ .premium-banner-animation13.active .premium-banner-ib-title::after {
854
+ -webkit-transform: translate3d(0, 0, 0);
855
+ transform: translate3d(0, 0, 0);
856
+ }
857
+
858
+ .premium-banner-animation13 .premium-banner-ib-content,
859
+ .premium-banner-animation13 .premium-banner-read-more {
860
+ padding: 15px 0;
861
+ opacity: 0;
862
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
863
+ transition: opacity 0.35s, -webkit-transform 0.35s;
864
+ transition: opacity 0.35s, transform 0.35s;
865
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
866
+ -webkit-transform: translate3d(-100%, 0, 0);
867
+ transform: translate3d(-100%, 0, 0);
868
+ }
869
+
870
+ .premium-banner-animation13:hover .premium-banner-ib-content,
871
+ .premium-banner-animation13.active .premium-banner-ib-content,
872
+ .premium-banner-animation13:hover .premium-banner-read-more,
873
+ .premium-banner-animation13.active .premium-banner-read-more {
874
+ opacity: 1;
875
+ -webkit-transform: translate3d(0, 0, 0);
876
+ transform: translate3d(0, 0, 0);
877
+ }
878
+
879
+ .premium-banner-ib.premium-banner-animation5 .premium-banner-toggle-size {
880
+ right: 50%;
881
+ width: auto !important;
882
+ height: 100%;
883
+ max-width: none;
884
+ -webkit-transform: translateX(50%);
885
+ -ms-transform: translateX(50%);
886
+ transform: translateX(50%);
887
+ }
888
+
889
+ .premium-banner-ib img {
890
+ border: none;
891
+ padding: 0;
892
+ margin: 0;
893
+ }
894
+
895
+ .premium-banner-animation7 img {
896
+ width: -webkit-calc(100% + 40px) !important;
897
+ width: calc(100% + 40px) !important;
898
+ max-width: -webkit-calc(100% + 40px) !important;
899
+ max-width: calc(100% + 40px) !important;
900
+ }
901
+
902
+ .premium-banner-animation7 .premium-banner-brlr {
903
+ width: 7px;
904
+ }
905
+
906
+ .premium-banner-animation7 .premium-banner-brtb {
907
+ height: 7px;
908
+ }
909
+
910
+ .premium-banner-animation7 .premium-banner-br {
911
+ position: absolute;
912
+ z-index: 1;
913
+ background-color: white;
914
+ -webkit-transition: all 0.3s ease-in-out;
915
+ transition: all 0.3s ease-in-out;
916
+ -webkit-transition-delay: 0.2s;
917
+ transition-delay: 0.2s;
918
+ }
919
+
920
+ .premium-banner-animation7 .premium-banner-bleft {
921
+ right: 30px;
922
+ top: -webkit-calc(100% - 150px);
923
+ top: calc(100% - 150px);
924
+ height: 0;
925
+ }
926
+
927
+ .premium-banner-animation7 .premium-banner-bright {
928
+ left: 30px;
929
+ bottom: -webkit-calc(100% - 150px);
930
+ bottom: calc(100% - 150px);
931
+ height: 0;
932
+ }
933
+
934
+ .premium-banner-animation7 .premium-banner-bottom {
935
+ left: -webkit-calc(100% - 150px);
936
+ left: calc(100% - 150px);
937
+ bottom: 30px;
938
+ width: 0;
939
+ }
940
+
941
+ .premium-banner-animation7 .premium-banner-btop {
942
+ right: -webkit-calc(100% - 150px);
943
+ right: calc(100% - 150px);
944
+ top: 30px;
945
+ width: 0;
946
+ }
947
+
948
+ .premium-banner-animation7 .premium-banner-ib-desc {
949
+ padding: 70px;
950
+ display: table;
951
+ }
952
+
953
+ .premium-banner-animation7 .premium-banner-ib-desc .premium-banner-desc-centered {
954
+ display: table-cell;
955
+ vertical-align: middle;
956
+ }
957
+
958
+ .premium-banner-animation7 .premium-banner-ib-title {
959
+ margin-top: 0;
960
+ }
961
+
962
+ .premium-banner-animation7 .premium-banner-ib-title,
963
+ .premium-banner-animation7 img {
964
+ -webkit-transform: translate3d(30px, 0, 0);
965
+ transform: translate3d(30px, 0, 0);
966
+ }
967
+
968
+ .premium-banner-animation7.zoomout img,
969
+ .premium-banner-animation7.scale img {
970
+ -webkit-transform: translate3d(30px, 0, 0) scale(1.1);
971
+ transform: translate3d(30px, 0, 0) scale(1.1);
972
+ }
973
+
974
+ .premium-banner-animation7 .premium-banner-ib-content,
975
+ .premium-banner-animation7 .premium-banner-read-more {
976
+ margin-top: 10px;
977
+ }
978
+
979
+ .premium-banner-animation7 .premium-banner-ib-desc::after,
980
+ .premium-banner-animation7 .premium-banner-ib-desc::before {
981
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
982
+ transition: opacity 0.35s, -webkit-transform 0.35s;
983
+ transition: opacity 0.35s, transform 0.35s;
984
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
985
+ }
986
+
987
+ .premium-banner-animation7 .premium-banner-ib-title,
988
+ .premium-banner-animation7 .premium-banner-ib-content,
989
+ .premium-banner-animation7 .premium-banner-read-more {
990
+ opacity: 0;
991
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
992
+ transition: opacity 0.35s, -webkit-transform 0.35s;
993
+ transition: opacity 0.35s, transform 0.35s;
994
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
995
+ }
996
+
997
+ .premium-banner-animation7 img {
998
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
999
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1000
+ transition: opacity 0.35s, transform 0.35s;
1001
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1002
+ }
1003
+
1004
+ .premium-banner-animation7:hover .premium-banner-ib-content,
1005
+ .premium-banner-animation7.active .premium-banner-ib-content,
1006
+ .premium-banner-animation7:hover .premium-banner-read-more,
1007
+ .premium-banner-animation7.active .premium-banner-read-more,
1008
+ .premium-banner-animation7:hover .premium-banner-ib-title,
1009
+ .premium-banner-animation7.active .premium-banner-ib-title {
1010
+ opacity: 1;
1011
+ -webkit-transform: translate3d(0, 0, 0);
1012
+ transform: translate3d(0, 0, 0);
1013
+ }
1014
+
1015
+ .premium-banner-animation7:hover .premium-banner-bleft,
1016
+ .premium-banner-animation7.active .premium-banner-bleft {
1017
+ top: 30px;
1018
+ height: 70px;
1019
+ }
1020
+
1021
+ .premium-banner-animation7:hover .premium-banner-bright,
1022
+ .premium-banner-animation7.active .premium-banner-bright {
1023
+ bottom: 30px;
1024
+ height: 70px;
1025
+ }
1026
+
1027
+ .premium-banner-animation7:hover .premium-banner-bottom,
1028
+ .premium-banner-animation7.active .premium-banner-bottom {
1029
+ left: 30px;
1030
+ width: 70px;
1031
+ }
1032
+
1033
+ .premium-banner-animation7:hover .premium-banner-btop,
1034
+ .premium-banner-animation7.active .premium-banner-btop {
1035
+ right: 30px;
1036
+ width: 70px;
1037
+ }
1038
+
1039
+ .premium-banner-animation7:hover .premium-banner-ib-content,
1040
+ .premium-banner-animation7:hover .premium-banner-read-more,
1041
+ .premium-banner-animation7:hover .premium-banner-ib-title,
1042
+ .premium-banner-animation7:hover img {
1043
+ -webkit-transition-delay: 0.15s;
1044
+ transition-delay: 0.15s;
1045
+ }
1046
+
1047
+ .premium-banner-animation8 img {
1048
+ width: -webkit-calc(100% + 40px) !important;
1049
+ width: calc(100% + 40px) !important;
1050
+ max-width: -webkit-calc(100% + 40px) !important;
1051
+ max-width: calc(100% + 40px) !important;
1052
+ }
1053
+
1054
+ .premium-banner-animation8 .premium-banner-brlr {
1055
+ width: 7px;
1056
+ }
1057
+
1058
+ .premium-banner-animation8 .premium-banner-brtb {
1059
+ height: 7px;
1060
+ }
1061
+
1062
+ .premium-banner-animation8 .premium-banner-br {
1063
+ position: absolute;
1064
+ z-index: 1;
1065
+ background-color: white;
1066
+ -webkit-transition: all 0.3s ease-in-out;
1067
+ transition: all 0.3s ease-in-out;
1068
+ -webkit-transition-delay: 0.2s;
1069
+ transition-delay: 0.2s;
1070
+ }
1071
+
1072
+ .premium-banner-animation8 .premium-banner-bleft {
1073
+ right: 30px;
1074
+ top: 50%;
1075
+ -webkit-transform: translateY(-50%);
1076
+ -ms-transform: translateY(-50%);
1077
+ transform: translateY(-50%);
1078
+ height: 0;
1079
+ }
1080
+
1081
+ .premium-banner-animation8 .premium-banner-bright {
1082
+ left: 30px;
1083
+ top: 50%;
1084
+ -webkit-transform: translateY(-50%);
1085
+ -ms-transform: translateY(-50%);
1086
+ transform: translateY(-50%);
1087
+ height: 0;
1088
+ }
1089
+
1090
+ .premium-banner-animation8 .premium-banner-bottom {
1091
+ right: 50%;
1092
+ -webkit-transform: translateX(50%);
1093
+ -ms-transform: translateX(50%);
1094
+ transform: translateX(50%);
1095
+ bottom: 30px;
1096
+ width: 0;
1097
+ }
1098
+
1099
+ .premium-banner-animation8 .premium-banner-btop {
1100
+ right: 50%;
1101
+ -webkit-transform: translateX(50%);
1102
+ -ms-transform: translateX(50%);
1103
+ transform: translateX(50%);
1104
+ top: 30px;
1105
+ width: 0;
1106
+ }
1107
+
1108
+ .premium-banner-animation8 .premium-banner-ib-desc {
1109
+ padding: 70px;
1110
+ display: table;
1111
+ }
1112
+
1113
+ .premium-banner-animation8 .premium-banner-ib-desc .premium-banner-desc-centered {
1114
+ display: table-cell;
1115
+ vertical-align: middle;
1116
+ }
1117
+
1118
+ .premium-banner-animation8 .premium-banner-ib-title {
1119
+ margin-top: 0;
1120
+ }
1121
+
1122
+ .premium-banner-animation8 .premium-banner-ib-title,
1123
+ .premium-banner-animation8 img {
1124
+ -webkit-transform: translate3d(30px, 0, 0);
1125
+ transform: translate3d(30px, 0, 0);
1126
+ }
1127
+
1128
+ .premium-banner-animation8.zoomout img,
1129
+ .premium-banner-animation8.scale img {
1130
+ -webkit-transform: translate3d(30px, 0, 0) scale(1.1);
1131
+ transform: translate3d(30px, 0, 0) scale(1.1);
1132
+ }
1133
+
1134
+ .premium-banner-animation8 .premium-banner-ib-content,
1135
+ .premium-banner-animation8 .premium-banner-read-more {
1136
+ margin-top: 10px;
1137
+ }
1138
+
1139
+ .premium-banner-animation8 .premium-banner-ib-desc::after,
1140
+ .premium-banner-animation8 .premium-banner-ib-desc::before {
1141
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1142
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1143
+ transition: opacity 0.35s, transform 0.35s;
1144
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1145
+ }
1146
+
1147
+ .premium-banner-animation8 .premium-banner-ib-title,
1148
+ .premium-banner-animation8 .premium-banner-ib-content,
1149
+ .premium-banner-animation8 .premium-banner-read-more {
1150
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1151
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1152
+ transition: opacity 0.35s, transform 0.35s;
1153
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1154
+ opacity: 0;
1155
+ }
1156
+
1157
+ .premium-banner-animation8 img {
1158
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1159
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1160
+ transition: opacity 0.35s, transform 0.35s;
1161
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1162
+ }
1163
+
1164
+ .premium-banner-animation8:hover .premium-banner-ib-content,
1165
+ .premium-banner-animation8.active .premium-banner-ib-content,
1166
+ .premium-banner-animation8:hover .premium-banner-read-more,
1167
+ .premium-banner-animation8.active .premium-banner-read-more,
1168
+ .premium-banner-animation8:hover .premium-banner-ib-title,
1169
+ .premium-banner-animation8.active .premium-banner-ib-title {
1170
+ opacity: 1;
1171
+ -webkit-transform: translate3d(0, 0, 0);
1172
+ transform: translate3d(0, 0, 0);
1173
+ }
1174
+
1175
+ .premium-banner-animation8:hover .premium-banner-bleft,
1176
+ .premium-banner-animation8.active .premium-banner-bleft {
1177
+ height: -webkit-calc(100% - 61px);
1178
+ height: calc(100% - 61px);
1179
+ }
1180
+
1181
+ .premium-banner-animation8:hover .premium-banner-bright,
1182
+ .premium-banner-animation8.active .premium-banner-bright {
1183
+ height: -webkit-calc(100% - 61px);
1184
+ height: calc(100% - 61px);
1185
+ }
1186
+
1187
+ .premium-banner-animation8:hover .premium-banner-bottom,
1188
+ .premium-banner-animation8.active .premium-banner-bottom {
1189
+ width: -webkit-calc(100% - 61px);
1190
+ width: calc(100% - 61px);
1191
+ }
1192
+
1193
+ .premium-banner-animation8:hover .premium-banner-btop,
1194
+ .premium-banner-animation8.active .premium-banner-btop {
1195
+ width: -webkit-calc(100% - 61px);
1196
+ width: calc(100% - 61px);
1197
+ }
1198
+
1199
+ .premium-banner-animation8:hover .premium-banner-ib-content,
1200
+ .premium-banner-animation8:hover .premium-banner-ib-title,
1201
+ .premium-banner-animation8:hover .premium-banner-read-more,
1202
+ .premium-banner-animation8:hover img {
1203
+ -webkit-transition-delay: 0.15s;
1204
+ transition-delay: 0.15s;
1205
+ }
1206
+
1207
+ .premium-banner-animation9 img {
1208
+ width: -webkit-calc(100% + 20px) !important;
1209
+ width: calc(100% + 20px) !important;
1210
+ max-width: -webkit-calc(100% + 20px) !important;
1211
+ max-width: calc(100% + 20px) !important;
1212
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1213
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1214
+ transition: opacity 0.35s, transform 0.35s;
1215
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1216
+ -webkit-transform: scale(1.2);
1217
+ -ms-transform: scale(1.2);
1218
+ transform: scale(1.2);
1219
+ }
1220
+
1221
+ .premium-banner-animation9 .premium-banner-ib-desc {
1222
+ width: 100%;
1223
+ height: 100%;
1224
+ }
1225
+
1226
+ .premium-banner-animation9 .premium-banner-ib-desc::before {
1227
+ position: absolute;
1228
+ top: 50%;
1229
+ right: 50%;
1230
+ width: 80%;
1231
+ height: 1px;
1232
+ background: #fff;
1233
+ content: "";
1234
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1235
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1236
+ transition: opacity 0.35s, transform 0.35s;
1237
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1238
+ -webkit-transform: translate3d(50%, -50%, 0);
1239
+ transform: translate3d(50%, -50%, 0);
1240
+ }
1241
+
1242
+ .premium-banner-animation9 .premium-banner-ib-desc::after {
1243
+ position: absolute;
1244
+ top: 50%;
1245
+ right: 50%;
1246
+ width: 80%;
1247
+ height: 1px;
1248
+ background: #fff;
1249
+ content: "";
1250
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1251
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1252
+ transition: opacity 0.35s, transform 0.35s;
1253
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1254
+ -webkit-transform: translate3d(50%, -50%, 0);
1255
+ transform: translate3d(50%, -50%, 0);
1256
+ }
1257
+
1258
+ .premium-banner-animation9 .premium-banner-ib-title {
1259
+ position: absolute;
1260
+ top: 50%;
1261
+ right: 0;
1262
+ width: 100%;
1263
+ -webkit-transition: -webkit-transform 0.35s;
1264
+ transition: -webkit-transform 0.35s;
1265
+ transition: transform 0.35s;
1266
+ transition: transform 0.35s, -webkit-transform 0.35s;
1267
+ -webkit-transform: translate3d(0, -70px, 0);
1268
+ transform: translate3d(0, -70px, 0);
1269
+ margin-top: 0;
1270
+ padding: 0 10%;
1271
+ }
1272
+
1273
+ .premium-banner-animation9:hover .premium-banner-ib-title,
1274
+ .premium-banner-animation9.active .premium-banner-ib-title {
1275
+ -webkit-transform: translate3d(0, -80px, 0);
1276
+ transform: translate3d(0, -80px, 0);
1277
+ }
1278
+
1279
+ .premium-banner-animation9 .premium-banner-ib-content,
1280
+ .premium-banner-animation9 .premium-banner-read-more {
1281
+ position: absolute;
1282
+ top: 50%;
1283
+ right: 0;
1284
+ width: 100%;
1285
+ -webkit-transition: -webkit-transform 0.35s;
1286
+ transition: -webkit-transform 0.35s;
1287
+ transition: transform 0.35s;
1288
+ transition: transform 0.35s, -webkit-transform 0.35s;
1289
+ padding: 0 10%;
1290
+ -webkit-transform: translate3d(0, 35px, 0);
1291
+ transform: translate3d(0, 35px, 0);
1292
+ }
1293
+
1294
+ .premium-banner-animation9 .premium-banner-read-more {
1295
+ top: 75%;
1296
+ }
1297
+
1298
+ .premium-banner-animation9:hover .premium-banner-ib-content,
1299
+ .premium-banner-animation9.active .premium-banner-ib-content,
1300
+ .premium-banner-animation9:hover .premium-banner-read-more,
1301
+ .premium-banner-animation9.active .premium-banner-read-more {
1302
+ -webkit-transform: translate3d(0, 45px, 0);
1303
+ transform: translate3d(0, 45px, 0);
1304
+ }
1305
+
1306
+ .premium-banner-animation9:hover .premium-banner-ib-desc::before,
1307
+ .premium-banner-animation9.active .premium-banner-ib-desc::before {
1308
+ opacity: 0.5;
1309
+ -webkit-transform: translate3d(50%, -50%, 0) rotate(-45deg);
1310
+ transform: translate3d(50%, -50%, 0) rotate(-45deg);
1311
+ }
1312
+
1313
+ .premium-banner-animation9:hover .premium-banner-ib-desc::after,
1314
+ .premium-banner-animation9.active .premium-banner-ib-desc::after {
1315
+ opacity: 0.5;
1316
+ -webkit-transform: translate3d(50%, -50%, 0) rotate(45deg);
1317
+ transform: translate3d(50%, -50%, 0) rotate(45deg);
1318
+ }
1319
+
1320
+ .premium-banner-animation9:hover img {
1321
+ -webkit-transform: scale(1);
1322
+ -ms-transform: scale(1);
1323
+ transform: scale(1);
1324
+ }
1325
+
1326
+ .premium-banner-animation10 img {
1327
+ width: -webkit-calc(100% + 20px) !important;
1328
+ width: calc(100% + 20px) !important;
1329
+ max-width: -webkit-calc(100% + 20px) !important;
1330
+ max-width: calc(100% + 20px) !important;
1331
+ }
1332
+
1333
+ .premium-banner-animation10 .premium-banner-ib-title {
1334
+ position: relative;
1335
+ overflow: hidden;
1336
+ padding: 5px 0 15px;
1337
+ -webkit-transition: -webkit-transform 0.35s;
1338
+ transition: -webkit-transform 0.35s;
1339
+ transition: transform 0.35s;
1340
+ transition: transform 0.35s, -webkit-transform 0.35s;
1341
+ -webkit-transform: translate3d(0, 20px, 0);
1342
+ transform: translate3d(0, 20px, 0);
1343
+ margin-bottom: 0;
1344
+ }
1345
+
1346
+ .premium-banner-animation10 .premium-banner-ib-title::after {
1347
+ position: absolute;
1348
+ content: "";
1349
+ bottom: 0;
1350
+ right: 0;
1351
+ width: 100%;
1352
+ height: 3px;
1353
+ background: #fff;
1354
+ opacity: 0;
1355
+ -webkit-transform: translate3d(0, 100%, 0);
1356
+ transform: translate3d(0, 100%, 0);
1357
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1358
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1359
+ transition: opacity 0.35s, transform 0.35s;
1360
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1361
+ }
1362
+
1363
+ .premium-banner-animation10:hover .premium-banner-ib-title,
1364
+ .premium-banner-animation10.active .premium-banner-ib-title {
1365
+ -webkit-transform: translate3d(0, 0, 0);
1366
+ transform: translate3d(0, 0, 0);
1367
+ }
1368
+
1369
+ .premium-banner-animation10:hover .premium-banner-ib-title::after,
1370
+ .premium-banner-animation10.active .premium-banner-ib-title::after {
1371
+ opacity: 1;
1372
+ -webkit-transform: translate3d(0, 0, 0);
1373
+ transform: translate3d(0, 0, 0);
1374
+ }
1375
+
1376
+ .premium-banner-animation10 .premium-banner-ib-content,
1377
+ .premium-banner-animation10 .premium-banner-read-more {
1378
+ padding-top: 15px;
1379
+ opacity: 0;
1380
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1381
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1382
+ transition: opacity 0.35s, transform 0.35s;
1383
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1384
+ -webkit-transform: translate3d(0, 100%, 0);
1385
+ transform: translate3d(0, 100%, 0);
1386
+ }
1387
+
1388
+ .premium-banner-animation10 .premium-banner-read-more {
1389
+ padding: 0;
1390
+ }
1391
+
1392
+ .premium-banner-animation10:hover .premium-banner-ib-content,
1393
+ .premium-banner-animation10.active .premium-banner-ib-content,
1394
+ .premium-banner-animation10:hover .premium-banner-read-more,
1395
+ .premium-banner-animation10.active .premium-banner-read-more {
1396
+ opacity: 1;
1397
+ -webkit-transform: translate3d(0, 0, 0);
1398
+ transform: translate3d(0, 0, 0);
1399
+ }
1400
+
1401
+ .premium-banner-animation11 {
1402
+ -webkit-transition: -webkit-transform 1s ease-out;
1403
+ transition: -webkit-transform 1s ease-out;
1404
+ transition: transform 1s ease-out;
1405
+ transition: transform 1s ease-out, -webkit-transform 1s ease-out;
1406
+ -webkit-transition-delay: 0.125s;
1407
+ transition-delay: 0.125s;
1408
+ }
1409
+
1410
+ .premium-banner-animation11 .premium-banner-ib-desc {
1411
+ position: absolute;
1412
+ z-index: 5;
1413
+ -webkit-transform: translate3d(30px, 0, 0);
1414
+ transform: translate3d(30px, 0, 0);
1415
+ opacity: 0;
1416
+ top: auto;
1417
+ bottom: 0;
1418
+ min-height: 25%;
1419
+ height: auto;
1420
+ max-height: 100%;
1421
+ text-align: left;
1422
+ padding: 30px;
1423
+ -webkit-transition: all 0.6s ease-out;
1424
+ transition: all 0.6s ease-out;
1425
+ }
1426
+
1427
+ .premium-banner-animation11 img {
1428
+ width: 100%;
1429
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1430
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1431
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
1432
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1433
+ }
1434
+
1435
+ .premium-banner-animation11 .premium-banner-ib-title {
1436
+ margin-bottom: 10px;
1437
+ }
1438
+
1439
+ .premium-banner-animation11 .premium-banner-gradient {
1440
+ position: absolute;
1441
+ left: 0;
1442
+ top: 0;
1443
+ right: 0;
1444
+ bottom: 0;
1445
+ }
1446
+
1447
+ .premium-banner-animation11 .premium-banner-gradient:after,
1448
+ .premium-banner-animation11 .premium-banner-gradient:before {
1449
+ position: absolute;
1450
+ content: "";
1451
+ left: 0;
1452
+ top: 0;
1453
+ right: 0;
1454
+ bottom: 0;
1455
+ -webkit-transform: translate3d(100%, 0, 0);
1456
+ transform: translate3d(100%, 0, 0);
1457
+ background-image: -webkit-linear-gradient(-40deg, rgba(84, 89, 95, 0.5) 27.89%, #6ec1e4 72.11%);
1458
+ background-image: -webkit-linear-gradient(130deg, rgba(84, 89, 95, 0.5) 27.89%, #6ec1e4 72.11%);
1459
+ background-image: linear-gradient(-40deg, rgba(84, 89, 95, 0.5) 27.89%, #6ec1e4 72.11%);
1460
+ z-index: 2;
1461
+ }
1462
+
1463
+ .premium-banner-animation11 .premium-banner-gradient:before {
1464
+ mix-blend-mode: color;
1465
+ }
1466
+
1467
+ .premium-banner-animation11 .premium-banner-gradient:after {
1468
+ mix-blend-mode: multiply;
1469
+ }
1470
+
1471
+ .premium-banner-animation11:hover .premium-banner-ib-desc,
1472
+ .premium-banner-animation11.active .premium-banner-ib-desc {
1473
+ opacity: 1;
1474
+ -webkit-transform: translate3d(0, 0, 0);
1475
+ transform: translate3d(0, 0, 0);
1476
+ }
1477
+
1478
+ .premium-banner-animation11:hover .premium-banner-gradient:after,
1479
+ .premium-banner-animation11:hover .premium-banner-gradient:before,
1480
+ .premium-banner-animation11.active .premium-banner-gradient:after,
1481
+ .premium-banner-animation11.active .premium-banner-gradient:before {
1482
+ -webkit-transform: translate3d(0, 0, 0);
1483
+ transform: translate3d(0, 0, 0);
1484
+ }
1485
+
1486
+ .premium-banner-animation11.zoomout img,
1487
+ .premium-banner-animation11.scale img {
1488
+ -webkit-transform: translate3d(-10px, 0, 0) scale(1.1);
1489
+ transform: translate3d(-10px, 0, 0) scale(1.1);
1490
+ }
1491
+
1492
+ /************ Premium Countdown ************/
1493
+ /*******************************************/
1494
+ .premium-countdown {
1495
+ -js-display: flex;
1496
+ display: -webkit-box;
1497
+ display: -webkit-flex;
1498
+ display: -moz-box;
1499
+ display: -ms-flexbox;
1500
+ display: flex;
1501
+ text-align: center;
1502
+ }
1503
+
1504
+ .countdown-row {
1505
+ display: block;
1506
+ text-align: center;
1507
+ }
1508
+
1509
+ .countdown .countdown-section {
1510
+ display: inline-block;
1511
+ max-width: 100%;
1512
+ margin-bottom: 15px;
1513
+ -js-display: inline-flex;
1514
+ display: -webkit-inline-box;
1515
+ display: -webkit-inline-flex;
1516
+ display: -moz-inline-box;
1517
+ display: -ms-inline-flexbox;
1518
+ display: inline-flex;
1519
+ -webkit-box-align: center;
1520
+ -webkit-align-items: center;
1521
+ -moz-box-align: center;
1522
+ -ms-flex-align: center;
1523
+ align-items: center;
1524
+ }
1525
+
1526
+ .countdown .countdown-section:last-child {
1527
+ margin-left: 0;
1528
+ }
1529
+
1530
+ .countdown span.countdown-amount {
1531
+ font-size: 70px;
1532
+ line-height: 1;
1533
+ padding: 40px;
1534
+ }
1535
+
1536
+ .countdown .pre_time-mid {
1537
+ display: block;
1538
+ }
1539
+
1540
+ .premium-countdown-separator-yes .countdown_separator {
1541
+ display: block;
1542
+ margin: 0 50px;
1543
+ font-size: 30px;
1544
+ }
1545
+
1546
+ .premium-countdown-separator-yes .countdown-row .countdown-section:last-child .countdown_separator,
1547
+ .premium-countdown-separator-yes .premium-countdown-block:last-child .countdown_separator {
1548
+ display: none;
1549
+ }
1550
+
1551
+ /**
1552
+ * Digit and unit styles
1553
+ */
1554
+ .side .countdown-section .countdown-period {
1555
+ vertical-align: bottom;
1556
+ }
1557
+
1558
+ .countdown .countdown-section .countdown-period {
1559
+ font-size: 17px;
1560
+ line-height: 3em;
1561
+ }
1562
+
1563
+ .side .countdown-section .countdown-amount,
1564
+ .side .countdown-section .countdown-period {
1565
+ display: inline-block;
1566
+ }
1567
+
1568
+ .side .countdown-section .countdown-amount {
1569
+ margin-left: 5px;
1570
+ }
1571
+
1572
+ .down .countdown-section .countdown-amount,
1573
+ .down .countdown-section .countdown-period {
1574
+ display: block;
1575
+ }
1576
+
1577
+ /**
1578
+ * Flip Layout
1579
+ */
1580
+ .premium-countdown-flip .premium-countdown-block {
1581
+ text-align: center;
1582
+ -js-display: inline-flex;
1583
+ display: -webkit-inline-box;
1584
+ display: -webkit-inline-flex;
1585
+ display: -moz-inline-box;
1586
+ display: -ms-inline-flexbox;
1587
+ display: inline-flex;
1588
+ -webkit-box-align: center;
1589
+ -webkit-align-items: center;
1590
+ -moz-box-align: center;
1591
+ -ms-flex-align: center;
1592
+ align-items: center;
1593
+ }
1594
+
1595
+ .premium-countdown-flip .premium-countdown-block:last-child {
1596
+ margin-left: 0;
1597
+ }
1598
+
1599
+ .premium-countdown-flip .premium-countdown-label {
1600
+ overflow: hidden;
1601
+ color: #1a1a1a;
1602
+ text-transform: uppercase;
1603
+ }
1604
+
1605
+ .premium-countdown-flip .premium-countdown-figure {
1606
+ position: relative;
1607
+ height: 110px;
1608
+ width: 100px;
1609
+ line-height: 107px;
1610
+ background-color: #fff;
1611
+ -webkit-border-radius: 10px;
1612
+ border-radius: 10px;
1613
+ -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset -2px 4px 0 0 rgba(255, 255, 255, 0.08);
1614
+ box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset -2px 4px 0 0 rgba(255, 255, 255, 0.08);
1615
+ }
1616
+
1617
+ .premium-countdown-flip .premium-countdown-figure:last-child {
1618
+ margin-left: 0;
1619
+ }
1620
+
1621
+ .premium-countdown-flip .premium-countdown-figure>span {
1622
+ position: absolute;
1623
+ right: 0;
1624
+ left: 0;
1625
+ margin: auto;
1626
+ font-weight: 700;
1627
+ }
1628
+
1629
+ .premium-countdown-flip .premium-countdown-figure .top {
1630
+ z-index: 3;
1631
+ -webkit-transform-origin: 50% 100%;
1632
+ -ms-transform-origin: 50% 100%;
1633
+ transform-origin: 50% 100%;
1634
+ -webkit-transform: perspective(200px);
1635
+ transform: perspective(200px);
1636
+ -webkit-backface-visibility: hidden;
1637
+ backface-visibility: hidden;
1638
+ }
1639
+
1640
+ .premium-countdown-flip .premium-countdown-figure .bottom {
1641
+ z-index: 1;
1642
+ }
1643
+
1644
+ .premium-countdown-flip .premium-countdown-figure .bottom::before {
1645
+ content: "";
1646
+ position: absolute;
1647
+ display: block;
1648
+ top: 0;
1649
+ right: 0;
1650
+ width: 100%;
1651
+ height: 50%;
1652
+ background-color: rgba(0, 0, 0, 0.02);
1653
+ }
1654
+
1655
+ .premium-countdown-flip .premium-countdown-figure .top-back {
1656
+ -webkit-backface-visibility: hidden;
1657
+ backface-visibility: hidden;
1658
+ z-index: 4;
1659
+ bottom: 0;
1660
+ -webkit-transform-origin: 50% 0;
1661
+ -ms-transform-origin: 50% 0;
1662
+ transform-origin: 50% 0;
1663
+ -webkit-transform: perspective(200px) rotateX(180deg);
1664
+ transform: perspective(200px) rotateX(180deg);
1665
+ }
1666
+
1667
+ .premium-countdown-flip .premium-countdown-figure .top-back span {
1668
+ position: absolute;
1669
+ top: -100%;
1670
+ right: 0;
1671
+ left: 0;
1672
+ margin: auto;
1673
+ }
1674
+
1675
+ .premium-countdown-flip .premium-countdown-figure .bottom-back {
1676
+ z-index: 2;
1677
+ top: 0;
1678
+ }
1679
+
1680
+ .premium-countdown-flip .premium-countdown-figure .bottom-back span {
1681
+ position: absolute;
1682
+ top: 0;
1683
+ right: 0;
1684
+ left: 0;
1685
+ margin: auto;
1686
+ }
1687
+
1688
+ .premium-countdown-flip .premium-countdown-figure .top,
1689
+ .premium-countdown-flip .premium-countdown-figure .bottom-back,
1690
+ .premium-countdown-flip .premium-countdown-figure .top-back {
1691
+ height: 50%;
1692
+ overflow: hidden;
1693
+ background-color: #f7f7f7;
1694
+ -webkit-border-top-right-radius: 10px;
1695
+ border-top-right-radius: 10px;
1696
+ -webkit-border-top-left-radius: 10px;
1697
+ border-top-left-radius: 10px;
1698
+ }
1699
+
1700
+ .premium-countdown-flip .premium-countdown-figure .top-back {
1701
+ -webkit-border-bottom-right-radius: 10px;
1702
+ border-bottom-right-radius: 10px;
1703
+ -webkit-border-bottom-left-radius: 10px;
1704
+ border-bottom-left-radius: 10px;
1705
+ }
1706
+
1707
+ .premium-countdown-flip .premium-countdown-figure .top::after,
1708
+ .premium-countdown-flip .premium-countdown-figure .bottom-back::after {
1709
+ content: "";
1710
+ position: absolute;
1711
+ z-index: -1;
1712
+ right: 0;
1713
+ bottom: 0;
1714
+ width: 100%;
1715
+ height: 100%;
1716
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
1717
+ }
1718
+
1719
+ .side .premium-countdown-figure,
1720
+ .side .premium-countdown-label {
1721
+ display: inline-block;
1722
+ }
1723
+
1724
+ .side .premium-countdown-figure {
1725
+ margin-left: 5px;
1726
+ }
1727
+
1728
+ .down .premium-countdown-figure,
1729
+ .down .premium-countdown-label {
1730
+ display: block;
1731
+ }
1732
+
1733
+ .down .premium-countdown-label {
1734
+ width: 100%;
1735
+ }
1736
+
1737
+ /**************** Premium Carousel **************/
1738
+ /************************************************/
1739
+ .premium-carousel-wrapper a.carousel-arrow,
1740
+ .premium-carousel-wrapper a.ver-carousel-arrow,
1741
+ .premium-fb-rev-container a.carousel-arrow,
1742
+ .premium-tabs-nav-list a.carousel-arrow,
1743
+ .premium-blog-wrap a.carousel-arrow,
1744
+ .premium-hscroll-wrap a.carousel-arrow,
1745
+ .premium-twitter-feed-wrapper a.carousel-arrow,
1746
+ .premium-facebook-feed-wrapper a.carousel-arrow,
1747
+ .premium-instafeed-container a.carousel-arrow,
1748
+ .premium-persons-container a.carousel-arrow {
1749
+ display: -ms-flexbox;
1750
+ display: -webkit-flex;
1751
+ display: -moz-flex;
1752
+ display: -ms-flex;
1753
+ -js-display: flex;
1754
+ display: -webkit-box;
1755
+ display: -moz-box;
1756
+ display: flex;
1757
+ -webkit-box-align: center;
1758
+ -webkit-align-items: center;
1759
+ -moz-box-align: center;
1760
+ -ms-flex-align: center;
1761
+ align-items: center;
1762
+ -webkit-box-pack: center;
1763
+ -webkit-justify-content: center;
1764
+ -moz-box-pack: center;
1765
+ -ms-flex-pack: center;
1766
+ justify-content: center;
1767
+ width: 2em;
1768
+ height: 2em;
1769
+ line-height: 0;
1770
+ text-align: center;
1771
+ position: absolute;
1772
+ z-index: 99;
1773
+ cursor: pointer;
1774
+ -webkit-transition: all 0.3s ease-in-out;
1775
+ transition: all 0.3s ease-in-out;
1776
+ -webkit-appearance: inherit;
1777
+ border: none;
1778
+ -webkit-box-shadow: none;
1779
+ box-shadow: none;
1780
+ }
1781
+
1782
+ .premium-carousel-wrapper a.carousel-arrow svg,
1783
+ .premium-carousel-wrapper a.ver-carousel-arrow svg {
1784
+ -webkit-transition: all 0.3s ease-in-out;
1785
+ transition: all 0.3s ease-in-out;
1786
+ }
1787
+
1788
+ div[class^="premium-"] .slick-arrow i {
1789
+ display: block;
1790
+ }
1791
+
1792
+ .ver-carousel-arrow.carousel-next i {
1793
+ margin-bottom: -3px;
1794
+ }
1795
+
1796
+ .premium-carousel-wrapper a.slick-arrow:hover {
1797
+ -webkit-box-shadow: none !important;
1798
+ box-shadow: none !important;
1799
+ }
1800
+
1801
+ .premium-carousel-wrapper .premium-carousel-content-hidden {
1802
+ visibility: hidden;
1803
+ }
1804
+
1805
+ .premium-carousel-wrapper a.carousel-arrow,
1806
+ .premium-fb-rev-container a.carousel-arrow,
1807
+ .premium-tabs-nav-list a.carousel-arrow,
1808
+ .premium-blog-wrap a.carousel-arrow,
1809
+ .premium-hscroll-wrap a.carousel-arrow,
1810
+ .premium-twitter-feed-wrapper a.carousel-arrow,
1811
+ .premium-facebook-feed-wrapper a.carousel-arrow,
1812
+ .premium-instafeed-container a.carousel-arrow,
1813
+ .premium-persons-container a.carousel-arrow {
1814
+ top: 50%;
1815
+ -webkit-transform: translateY(-50%);
1816
+ -ms-transform: translateY(-50%);
1817
+ transform: translateY(-50%);
1818
+ }
1819
+
1820
+ .premium-carousel-wrapper a.ver-carousel-arrow {
1821
+ right: 50%;
1822
+ -webkit-transform: translateX(50%);
1823
+ -ms-transform: translateX(50%);
1824
+ transform: translateX(50%);
1825
+ }
1826
+
1827
+ a.carousel-arrow.carousel-next {
1828
+ right: -20px;
1829
+ }
1830
+
1831
+ a.carousel-arrow.carousel-prev {
1832
+ left: -20px;
1833
+ }
1834
+
1835
+ a.ver-carousel-arrow.carousel-next {
1836
+ bottom: -56px;
1837
+ }
1838
+
1839
+ a.ver-carousel-arrow.carousel-prev {
1840
+ top: -45px;
1841
+ }
1842
+
1843
+ a.circle-bg {
1844
+ -webkit-border-radius: 100%;
1845
+ border-radius: 100%;
1846
+ }
1847
+
1848
+ a.circle-border {
1849
+ -webkit-border-radius: 100%;
1850
+ border-radius: 100%;
1851
+ border: solid black;
1852
+ }
1853
+
1854
+ a.square-border {
1855
+ border: solid black;
1856
+ }
1857
+
1858
+ .premium-carousel-dots-below,
1859
+ .premium-blog-wrap ul.slick-dots,
1860
+ .premium-fb-rev-reviews ul.slick-dots {
1861
+ position: relative;
1862
+ bottom: 0;
1863
+ list-style: none;
1864
+ text-align: center;
1865
+ margin: 0;
1866
+ padding: 0;
1867
+ }
1868
+
1869
+ .premium-carousel-dots-above ul.slick-dots {
1870
+ position: absolute;
1871
+ display: -ms-flexbox;
1872
+ display: -webkit-flex;
1873
+ display: -moz-flex;
1874
+ display: -ms-flex;
1875
+ -js-display: flex;
1876
+ display: -webkit-box;
1877
+ display: -moz-box;
1878
+ display: flex;
1879
+ top: 50%;
1880
+ -webkit-transform: translateY(-50%);
1881
+ -ms-transform: translateY(-50%);
1882
+ transform: translateY(-50%);
1883
+ -webkit-flex-direction: column;
1884
+ -webkit-box-orient: vertical;
1885
+ -webkit-box-direction: normal;
1886
+ -moz-box-orient: vertical;
1887
+ -moz-box-direction: normal;
1888
+ -ms-flex-direction: column;
1889
+ flex-direction: column;
1890
+ }
1891
+
1892
+ ul.slick-dots li {
1893
+ font-size: 10px;
1894
+ display: -webkit-inline-box;
1895
+ display: -webkit-inline-flex;
1896
+ display: -ms-inline-flexbox;
1897
+ -js-display: inline-flex;
1898
+ display: -moz-inline-box;
1899
+ display: inline-flex;
1900
+ -webkit-box-pack: center;
1901
+ -webkit-justify-content: center;
1902
+ -moz-box-pack: center;
1903
+ -ms-flex-pack: center;
1904
+ justify-content: center;
1905
+ -webkit-box-align: center;
1906
+ -webkit-align-items: center;
1907
+ -moz-box-align: center;
1908
+ -ms-flex-align: center;
1909
+ align-items: center;
1910
+ margin: 5px;
1911
+ width: 20px;
1912
+ height: 20px;
1913
+ cursor: pointer;
1914
+ }
1915
+
1916
+ /*
1917
+ * Custom Navigation Dot
1918
+ */
1919
+ .premium-carousel-wrapper .premium-carousel-nav-dot,
1920
+ .premium-carousel-wrapper .premium-carousel-nav-arrow-prev,
1921
+ .premium-carousel-wrapper .premium-carousel-nav-arrow-next {
1922
+ display: none;
1923
+ }
1924
+
1925
+ .premium-carousel-wrapper ul.slick-dots svg {
1926
+ width: 20px;
1927
+ height: 20px;
1928
+ }
1929
+
1930
+ /* Ripple Out */
1931
+ @-webkit-keyframes hvr-ripple-out {
1932
+ 0% {
1933
+ -webkit-transform: scale(1);
1934
+ transform: scale(1);
1935
+ opacity: 1;
1936
+ }
1937
+
1938
+ 100% {
1939
+ -webkit-transform: scale(1.5);
1940
+ transform: scale(1.5);
1941
+ opacity: 0;
1942
+ }
1943
+ }
1944
+
1945
+ @keyframes hvr-ripple-out {
1946
+ 0% {
1947
+ -webkit-transform: scale(1);
1948
+ transform: scale(1);
1949
+ opacity: 1;
1950
+ }
1951
+
1952
+ 100% {
1953
+ -webkit-transform: scale(1.5);
1954
+ transform: scale(1.5);
1955
+ opacity: 0;
1956
+ }
1957
+ }
1958
+
1959
+ .premium-carousel-ripple-yes .premium-carousel-wrapper {
1960
+ padding-bottom: 1px;
1961
+ }
1962
+
1963
+ .premium-carousel-ripple-yes ul.slick-dots li,
1964
+ .premium-carousel-ripple-yes ul.slick-dots li i {
1965
+ position: relative;
1966
+ }
1967
+
1968
+ .premium-carousel-ripple-yes ul.slick-dots li i {
1969
+ z-index: 1;
1970
+ }
1971
+
1972
+ .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
1973
+ content: "";
1974
+ position: absolute;
1975
+ -webkit-transform: scale(1);
1976
+ -ms-transform: scale(1);
1977
+ transform: scale(1);
1978
+ top: 0;
1979
+ left: 0;
1980
+ bottom: 0;
1981
+ right: 0;
1982
+ -webkit-border-radius: 50%;
1983
+ border-radius: 50%;
1984
+ pointer-events: none;
1985
+ background-color: rgba(0, 0, 0, 0.15);
1986
+ }
1987
+
1988
+ .premium-carousel-ripple-yes ul.slick-dots li.slick-active:hover:before {
1989
+ background-color: rgba(0, 0, 0, 0.3);
1990
+ }
1991
+
1992
+ .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
1993
+ -webkit-animation: hvr-ripple-out 1.3s infinite;
1994
+ animation: hvr-ripple-out 1.3s infinite;
1995
+ }
1996
+
1997
+ .premium-carousel-wrapper.premium-carousel-scale .slick-slide {
1998
+ -webkit-transform: scale(1.25, 1.25);
1999
+ -ms-transform: scale(1.25, 1.25);
2000
+ transform: scale(1.25, 1.25);
2001
+ -webkit-transition: all 0.3s ease-in-out !important;
2002
+ transition: all 0.3s ease-in-out !important;
2003
+ }
2004
+
2005
+ .premium-carousel-wrapper.premium-carousel-scale div.slick-active {
2006
+ -webkit-transform: scale(1, 1);
2007
+ -ms-transform: scale(1, 1);
2008
+ transform: scale(1, 1);
2009
+ }
2010
+
2011
+ [dir="rtl"] .premium-carousel-inner .slick-slide {
2012
+ float: right;
2013
+ }
2014
+
2015
+ /**************** Premium Counter ***************/
2016
+ /************************************************/
2017
+ .premium-counter-area {
2018
+ padding: 10px 0;
2019
+ -js-display: flex;
2020
+ display: -webkit-box;
2021
+ display: -webkit-flex;
2022
+ display: -moz-box;
2023
+ display: -ms-flexbox;
2024
+ display: flex;
2025
+ -webkit-box-pack: center;
2026
+ -webkit-justify-content: center;
2027
+ -moz-box-pack: center;
2028
+ -ms-flex-pack: center;
2029
+ justify-content: center;
2030
+ -webkit-box-align: center;
2031
+ -webkit-align-items: center;
2032
+ -moz-box-align: center;
2033
+ -ms-flex-align: center;
2034
+ align-items: center;
2035
+ }
2036
+
2037
+ .premium-counter-area.top {
2038
+ -webkit-box-orient: vertical;
2039
+ -webkit-box-direction: normal;
2040
+ -webkit-flex-direction: column;
2041
+ -moz-box-orient: vertical;
2042
+ -moz-box-direction: normal;
2043
+ -ms-flex-direction: column;
2044
+ flex-direction: column;
2045
+ }
2046
+
2047
+ .premium-counter-area.right {
2048
+ -webkit-box-orient: horizontal;
2049
+ -webkit-box-direction: reverse;
2050
+ -webkit-flex-direction: row-reverse;
2051
+ -moz-box-orient: horizontal;
2052
+ -moz-box-direction: reverse;
2053
+ -ms-flex-direction: row-reverse;
2054
+ flex-direction: row-reverse;
2055
+ }
2056
+
2057
+ .premium-counter-area.right .premium-counter-icon {
2058
+ padding-right: 20px;
2059
+ }
2060
+
2061
+ .premium-counter-area.left .premium-counter-icon {
2062
+ padding-left: 20px;
2063
+ }
2064
+
2065
+ .premium-counter-area .premium-counter-icon .icon i.fa:before {
2066
+ vertical-align: text-top;
2067
+ }
2068
+
2069
+ .premium-counter-area .premium-counter-icon span.icon {
2070
+ text-align: center;
2071
+ display: inline-block;
2072
+ vertical-align: middle;
2073
+ }
2074
+
2075
+ .premium-counter-area .premium-counter-icon .circle {
2076
+ -webkit-border-radius: 100%;
2077
+ border-radius: 100%;
2078
+ }
2079
+
2080
+ .premium-counter-area .premium-counter-icon img,
2081
+ .premium-counter-area .premium-counter-icon svg {
2082
+ width: 80px;
2083
+ }
2084
+
2085
+ .premium-counter-area .premium-counter-icon .premium-counter-animation svg {
2086
+ height: 80px;
2087
+ }
2088
+
2089
+ .premium-counter-area .premium-counter-title {
2090
+ padding: 0;
2091
+ margin: 0;
2092
+ }
2093
+
2094
+ .premium-counter-area .premium-counter-value-wrap {
2095
+ -js-display: flex;
2096
+ display: -webkit-box;
2097
+ display: -webkit-flex;
2098
+ display: -moz-box;
2099
+ display: -ms-flexbox;
2100
+ display: flex;
2101
+ -webkit-box-align: center;
2102
+ -webkit-align-items: center;
2103
+ -moz-box-align: center;
2104
+ -ms-flex-align: center;
2105
+ align-items: center;
2106
+ }
2107
+
2108
+ .premium-init-wrapper.right {
2109
+ text-align: left;
2110
+ }
2111
+
2112
+ /* * Custom image and simple styles image fix */
2113
+ span.icon.flex-width {
2114
+ width: auto !important;
2115
+ height: auto !important;
2116
+ }
2117
+
2118
+ .premium-counter-area .premium-counter-init {
2119
+ font-size: 35px;
2120
+ }
2121
+
2122
+ /**************** Premium Image Separator ****************/
2123
+ /*********************************************************/
2124
+ /*Image Separator Container Style*/
2125
+ .premium-image-separator-container {
2126
+ position: absolute;
2127
+ width: 100%;
2128
+ z-index: 2;
2129
+ top: auto;
2130
+ }
2131
+
2132
+ .premium-image-separator-container img {
2133
+ display: inline-block !important;
2134
+ -webkit-mask-repeat: no-repeat;
2135
+ mask-repeat: no-repeat;
2136
+ -webkit-mask-position: center;
2137
+ mask-position: center;
2138
+ }
2139
+
2140
+ /*Link on Image Style*/
2141
+ .premium-image-separator-link {
2142
+ position: absolute;
2143
+ z-index: 9999;
2144
+ top: 0;
2145
+ right: 0;
2146
+ width: 100%;
2147
+ height: 100%;
2148
+ text-decoration: none;
2149
+ }
2150
+
2151
+ /*Important to override Theme options*/
2152
+ a.premium-image-separator-link:hover,
2153
+ a.premium-image-separator-link:visited,
2154
+ a.premium-image-separator-link:focus,
2155
+ a.premium-image-separator-link:active {
2156
+ -webkit-box-shadow: none !important;
2157
+ box-shadow: none !important;
2158
+ outline: none !important;
2159
+ border: none !important;
2160
+ text-decoration: none !important;
2161
+ }
2162
+
2163
+ .premium-image-separator-container .img-responsive {
2164
+ display: inline-block;
2165
+ }
2166
+
2167
+ .premium-image-separator-container i,
2168
+ .premium-image-separator-container>svg {
2169
+ padding: 20px;
2170
+ -webkit-transition: all 0.3s ease-in-out;
2171
+ transition: all 0.3s ease-in-out;
2172
+ }
2173
+
2174
+ /**************** Premium Modal Box ****************/
2175
+ /***************************************************/
2176
+ .premium-modal-trigger-btn,
2177
+ .premium-modal-box-modal-lower-close {
2178
+ display: inline-block;
2179
+ padding: 6px 12px;
2180
+ margin-bottom: 0;
2181
+ font-size: 14px;
2182
+ font-weight: normal;
2183
+ line-height: 1.42857143;
2184
+ text-align: center;
2185
+ white-space: nowrap;
2186
+ vertical-align: middle;
2187
+ -ms-touch-action: manipulation;
2188
+ touch-action: manipulation;
2189
+ cursor: pointer;
2190
+ -webkit-user-select: none;
2191
+ -moz-user-select: none;
2192
+ -ms-user-select: none;
2193
+ user-select: none;
2194
+ background-image: none;
2195
+ border: 1px solid transparent;
2196
+ }
2197
+
2198
+ .premium-modal-trigger-btn>svg,
2199
+ .premium-modal-trigger-btn .premium-modal-box-icon {
2200
+ -webkit-transition: all 0.3s ease-in-out;
2201
+ transition: all 0.3s ease-in-out;
2202
+ }
2203
+
2204
+ .premium-modal-trigger-btn>svg {
2205
+ width: 30px;
2206
+ height: 30px;
2207
+ }
2208
+
2209
+ .premium-modal-box-modal-close {
2210
+ float: left;
2211
+ font-size: 21px;
2212
+ font-weight: bold;
2213
+ line-height: 1;
2214
+ color: #000;
2215
+ }
2216
+
2217
+ .premium-modal-box-modal-close:hover,
2218
+ .premium-modal-box-modal-close:focus {
2219
+ color: #000;
2220
+ text-decoration: none;
2221
+ cursor: pointer;
2222
+ }
2223
+
2224
+ button.premium-modal-box-modal-close {
2225
+ -webkit-appearance: none;
2226
+ padding: 0;
2227
+ cursor: pointer;
2228
+ background: transparent;
2229
+ border: 0;
2230
+ }
2231
+
2232
+ .premium-modal-box-modal {
2233
+ position: fixed;
2234
+ top: 0;
2235
+ left: 0;
2236
+ bottom: 0;
2237
+ right: 0;
2238
+ z-index: 1050;
2239
+ display: none;
2240
+ -webkit-overflow-scrolling: touch;
2241
+ outline: 0;
2242
+ padding: 0 !important;
2243
+ background: rgba(0, 0, 0, 0.5);
2244
+ -webkit-box-align: center;
2245
+ -webkit-align-items: center;
2246
+ -moz-box-align: center;
2247
+ -ms-flex-align: center;
2248
+ align-items: center;
2249
+ -webkit-box-pack: center;
2250
+ -webkit-justify-content: center;
2251
+ -moz-box-pack: center;
2252
+ -ms-flex-pack: center;
2253
+ justify-content: center;
2254
+ }
2255
+
2256
+ .premium-modal-box-modal .premium-modal-box-modal-dialog {
2257
+ position: absolute;
2258
+ max-height: -webkit-calc(100vh - 150px);
2259
+ max-height: calc(100vh - 150px);
2260
+ -js-display: flex;
2261
+ display: -webkit-box;
2262
+ display: -webkit-flex;
2263
+ display: -moz-box;
2264
+ display: -ms-flexbox;
2265
+ display: flex;
2266
+ -webkit-box-orient: vertical;
2267
+ -webkit-box-direction: normal;
2268
+ -webkit-flex-direction: column;
2269
+ -moz-box-orient: vertical;
2270
+ -moz-box-direction: normal;
2271
+ -ms-flex-direction: column;
2272
+ flex-direction: column;
2273
+ opacity: 0;
2274
+ }
2275
+
2276
+ .premium-modal-box-modal-content {
2277
+ background-color: #fff;
2278
+ -webkit-background-clip: padding-box;
2279
+ background-clip: padding-box;
2280
+ border: 1px solid rgba(0, 0, 0, 0.2);
2281
+ -webkit-border-radius: 6px;
2282
+ border-radius: 6px;
2283
+ outline: 0;
2284
+ }
2285
+
2286
+ .premium-modal-backdrop.premium-in {
2287
+ filter: alpha(opacity=50);
2288
+ opacity: 0.5 !important;
2289
+ }
2290
+
2291
+ .premium-modal-fade.premium-in {
2292
+ opacity: 1;
2293
+ }
2294
+
2295
+ .premium-modal-backdrop {
2296
+ position: fixed;
2297
+ top: 0;
2298
+ left: 0;
2299
+ bottom: 0;
2300
+ right: 0;
2301
+ z-index: 1040;
2302
+ background-color: #000;
2303
+ }
2304
+
2305
+ .premium-modal-backdrop.premium-modal-fade {
2306
+ filter: alpha(opacity=0);
2307
+ opacity: 0;
2308
+ }
2309
+
2310
+ .premium-modal-fade {
2311
+ opacity: 0;
2312
+ }
2313
+
2314
+ .premium-in {
2315
+ -js-display: flex !important;
2316
+ display: -webkit-box !important;
2317
+ display: -webkit-flex !important;
2318
+ display: -moz-box !important;
2319
+ display: -ms-flexbox !important;
2320
+ display: flex !important;
2321
+ }
2322
+
2323
+ .premium-modal-box-modal-header {
2324
+ -js-display: flex;
2325
+ display: -webkit-box;
2326
+ display: -webkit-flex;
2327
+ display: -moz-box;
2328
+ display: -ms-flexbox;
2329
+ display: flex;
2330
+ -webkit-box-pack: justify;
2331
+ -webkit-justify-content: space-between;
2332
+ -moz-box-pack: justify;
2333
+ -ms-flex-pack: justify;
2334
+ justify-content: space-between;
2335
+ -webkit-box-align: center;
2336
+ -webkit-align-items: center;
2337
+ -moz-box-align: center;
2338
+ -ms-flex-align: center;
2339
+ align-items: center;
2340
+ padding: 5px 15px;
2341
+ border-bottom: 1px solid #e5e5e5;
2342
+ }
2343
+
2344
+ .premium-modal-box-modal-header .premium-modal-box-modal-close {
2345
+ margin-top: -2px;
2346
+ }
2347
+
2348
+ .premium-modal-box-modal-header .premium-modal-box-modal-title {
2349
+ -js-display: flex;
2350
+ display: -webkit-box;
2351
+ display: -webkit-flex;
2352
+ display: -moz-box;
2353
+ display: -ms-flexbox;
2354
+ display: flex;
2355
+ -webkit-box-align: center;
2356
+ -webkit-align-items: center;
2357
+ -moz-box-align: center;
2358
+ -ms-flex-align: center;
2359
+ align-items: center;
2360
+ margin: 0;
2361
+ padding: 0;
2362
+ }
2363
+
2364
+ .premium-modal-box-modal-header .premium-modal-box-modal-title svg {
2365
+ width: 50px;
2366
+ height: 60px;
2367
+ }
2368
+
2369
+ .premium-modal-box-modal-body {
2370
+ position: relative;
2371
+ padding: 15px;
2372
+ overflow: hidden;
2373
+ }
2374
+
2375
+ .premium-modal-box-modal-footer {
2376
+ padding: 15px;
2377
+ text-align: left;
2378
+ border-top: 1px solid #e5e5e5;
2379
+ }
2380
+
2381
+ .premium-modal-scrollbar-measure {
2382
+ position: absolute;
2383
+ top: -9999px;
2384
+ width: 50px;
2385
+ height: 50px;
2386
+ overflow: scroll;
2387
+ }
2388
+
2389
+ .premium-modal-trigger-text {
2390
+ background: none !important;
2391
+ display: inline-block;
2392
+ }
2393
+
2394
+ .premium-modal-box-container {
2395
+ width: 100% !important;
2396
+ }
2397
+
2398
+ /*Open Modal Button Style*/
2399
+ .premium-modal-trigger-container .premium-modal-trigger-btn {
2400
+ -js-display: inline-flex;
2401
+ display: -webkit-inline-box;
2402
+ display: -webkit-inline-flex;
2403
+ display: -moz-inline-box;
2404
+ display: -ms-inline-flexbox;
2405
+ display: inline-flex;
2406
+ -webkit-box-align: center;
2407
+ -webkit-align-items: center;
2408
+ -moz-box-align: center;
2409
+ -ms-flex-align: center;
2410
+ align-items: center;
2411
+ border: none;
2412
+ -webkit-transition: all 0.3s ease-in-out;
2413
+ transition: all 0.3s ease-in-out;
2414
+ }
2415
+
2416
+ .premium-modal-trigger-container .premium-modal-trigger-btn.premium-btn-block {
2417
+ -webkit-box-pack: center;
2418
+ -webkit-justify-content: center;
2419
+ -moz-box-pack: center;
2420
+ -ms-flex-pack: center;
2421
+ justify-content: center;
2422
+ }
2423
+
2424
+ .premium-modal-trigger-container .premium-modal-trigger-img,
2425
+ .premium-modal-trigger-container .premium-modal-trigger-text,
2426
+ .premium-modal-trigger-container .premium-modal-trigger-animation {
2427
+ cursor: pointer;
2428
+ }
2429
+
2430
+ .premium-modal-trigger-container .premium-modal-trigger-animation {
2431
+ display: inline-block;
2432
+ width: 200px;
2433
+ height: 200px;
2434
+ -webkit-transition: all 0.3s ease-in-out;
2435
+ transition: all 0.3s ease-in-out;
2436
+ }
2437
+
2438
+ /*Image on Modal Header Style*/
2439
+ .premium-modal-box-modal-header img {
2440
+ width: 48px;
2441
+ padding-left: 5px;
2442
+ }
2443
+
2444
+ .premium-modal-box-modal-header i,
2445
+ .premium-modal-box-modal-header svg {
2446
+ padding-left: 6px;
2447
+ }
2448
+
2449
+ .premium-modal-box-modal-close {
2450
+ position: relative;
2451
+ z-index: 99;
2452
+ }
2453
+
2454
+ .premium-modal-trigger-img,
2455
+ .premium-modal-trigger-text,
2456
+ .premium-modal-box-close-button-container,
2457
+ .premium-modal-box-modal-close,
2458
+ .premium-modal-box-modal-lower-close {
2459
+ -webkit-transition: all 0.3s ease-in-out;
2460
+ transition: all 0.3s ease-in-out;
2461
+ }
2462
+
2463
+ @media (min-width: 768px) {
2464
+ .premium-modal-box-modal-dialog {
2465
+ width: 700px;
2466
+ max-height: 600px;
2467
+ overflow: auto;
2468
+ }
2469
+ }
2470
+
2471
+ @media (max-width: 767px) {
2472
+ .premium-modal-box-modal-dialog {
2473
+ width: 100%;
2474
+ max-height: 500px;
2475
+ overflow: auto;
2476
+ }
2477
+ }
2478
+
2479
+ .premium-modal-box-container[data-modal-animation*="animated-"] {
2480
+ opacity: 0;
2481
+ }
2482
+
2483
+ /**************** Premium Progress Bar ****************/
2484
+ /******************************************************/
2485
+ .premium-progressbar-container {
2486
+ position: relative;
2487
+ }
2488
+
2489
+ .premium-progressbar-bar-wrap {
2490
+ position: relative;
2491
+ text-align: right;
2492
+ overflow: hidden;
2493
+ height: 25px;
2494
+ margin-bottom: 50px;
2495
+ background-color: #f5f5f5;
2496
+ -webkit-border-radius: 4px;
2497
+ border-radius: 4px;
2498
+ -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
2499
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
2500
+ }
2501
+
2502
+ .premium-progressbar-bar-wrap.premium-progressbar-dots {
2503
+ background-color: transparent;
2504
+ width: 100%;
2505
+ -js-display: flex;
2506
+ display: -webkit-box;
2507
+ display: -webkit-flex;
2508
+ display: -moz-box;
2509
+ display: -ms-flexbox;
2510
+ display: flex;
2511
+ height: auto;
2512
+ -webkit-box-shadow: none;
2513
+ box-shadow: none;
2514
+ }
2515
+
2516
+ .premium-progressbar-bar-wrap .progress-segment {
2517
+ position: relative;
2518
+ width: 25px;
2519
+ height: 25px;
2520
+ -webkit-border-radius: 50%;
2521
+ border-radius: 50%;
2522
+ overflow: hidden;
2523
+ background-color: #f5f5f5;
2524
+ }
2525
+
2526
+ .premium-progressbar-bar-wrap .progress-segment.filled {
2527
+ background: #6ec1e4;
2528
+ }
2529
+
2530
+ .premium-progressbar-bar-wrap .progress-segment:not(:first-child):not(:last-child) {
2531
+ margin: 0 4px;
2532
+ }
2533
+
2534
+ .premium-progressbar-bar-wrap .progress-segment:first-child {
2535
+ margin-left: 4px;
2536
+ }
2537
+
2538
+ .premium-progressbar-bar-wrap .progress-segment:last-child {
2539
+ margin-right: 4px;
2540
+ }
2541
+
2542
+ .premium-progressbar-bar-wrap .progress-segment .segment-inner {
2543
+ position: absolute;
2544
+ top: 0;
2545
+ right: 0;
2546
+ height: 100%;
2547
+ background-color: #6ec1e4;
2548
+ }
2549
+
2550
+ .premium-progressbar-bar {
2551
+ float: right;
2552
+ width: 0%;
2553
+ height: 100%;
2554
+ font-size: 12px;
2555
+ line-height: 20px;
2556
+ background: #6ec1e4;
2557
+ text-align: center;
2558
+ -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2559
+ box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2560
+ }
2561
+
2562
+ .premium-progressbar-striped .premium-progressbar-bar {
2563
+ background-image: -webkit-linear-gradient(-135deg,
2564
+ rgba(255, 255, 255, 0.15) 25%,
2565
+ transparent 25%,
2566
+ transparent 50%,
2567
+ rgba(255, 255, 255, 0.15) 50%,
2568
+ rgba(255, 255, 255, 0.15) 75%,
2569
+ transparent 75%,
2570
+ transparent);
2571
+ background-image: -webkit-linear-gradient(45deg,
2572
+ rgba(255, 255, 255, 0.15) 25%,
2573
+ transparent 25%,
2574
+ transparent 50%,
2575
+ rgba(255, 255, 255, 0.15) 50%,
2576
+ rgba(255, 255, 255, 0.15) 75%,
2577
+ transparent 75%,
2578
+ transparent);
2579
+ background-image: linear-gradient(45deg,
2580
+ rgba(255, 255, 255, 0.15) 25%,
2581
+ transparent 25%,
2582
+ transparent 50%,
2583
+ rgba(255, 255, 255, 0.15) 50%,
2584
+ rgba(255, 255, 255, 0.15) 75%,
2585
+ transparent 75%,
2586
+ transparent);
2587
+ -webkit-background-size: 40px 40px;
2588
+ background-size: 40px 40px;
2589
+ }
2590
+
2591
+ .premium-progressbar-active .premium-progressbar-bar {
2592
+ -webkit-animation: progress-bar-stripes 2s linear infinite;
2593
+ animation: progress-bar-stripes 2s linear infinite;
2594
+ }
2595
+
2596
+ .premium-progressbar-gradient .premium-progressbar-bar {
2597
+ -webkit-background-size: 400% 400% !important;
2598
+ background-size: 400% 400% !important;
2599
+ -webkit-animation: progress-bar-gradient 10s ease-in-out infinite;
2600
+ animation: progress-bar-gradient 10s ease-in-out infinite;
2601
+ }
2602
+
2603
+ .premium-progressbar-bar {
2604
+ position: absolute;
2605
+ overflow: hidden;
2606
+ line-height: 20px;
2607
+ }
2608
+
2609
+ .premium-progressbar-container .clearfix {
2610
+ clear: both;
2611
+ }
2612
+
2613
+ .premium-progressbar-bar {
2614
+ -webkit-transition: width 0s ease-in-out !important;
2615
+ transition: width 0s ease-in-out !important;
2616
+ }
2617
+
2618
+ .premium-progressbar-container p:first-of-type {
2619
+ margin: 0;
2620
+ float: right;
2621
+ }
2622
+
2623
+ .premium-progressbar-container p:nth-of-type(2) {
2624
+ margin: 0;
2625
+ float: left;
2626
+ }
2627
+
2628
+ .premium-progressbar-name {
2629
+ right: 50%;
2630
+ top: 0;
2631
+ left: 0;
2632
+ -webkit-transform: translateX(12.5px);
2633
+ -ms-transform: translateX(12.5px);
2634
+ transform: translateX(12.5px);
2635
+ z-index: 1;
2636
+ }
2637
+
2638
+ .premium-progressbar-multiple-label {
2639
+ position: relative;
2640
+ float: right;
2641
+ width: 0;
2642
+ right: 50%;
2643
+ }
2644
+
2645
+ .premium-progressbar-center-label {
2646
+ position: relative;
2647
+ white-space: nowrap;
2648
+ }
2649
+
2650
+ .premium-progressbar-arrow {
2651
+ height: 15px;
2652
+ right: 50%;
2653
+ display: inline-block;
2654
+ border-right: 7px solid transparent;
2655
+ border-left: 7px solid transparent;
2656
+ border-top: 11px solid;
2657
+ -webkit-transform: translateX(50%);
2658
+ -ms-transform: translateX(50%);
2659
+ transform: translateX(50%);
2660
+ }
2661
+
2662
+ .premium-progressbar-pin {
2663
+ border-right: 1px solid;
2664
+ height: 12px;
2665
+ right: 50%;
2666
+ display: inline-block;
2667
+ }
2668
+
2669
+ /**
2670
+ * Circle Progress Bar
2671
+ */
2672
+ .premium-progressbar-circle-wrap {
2673
+ width: 200px;
2674
+ height: 200px;
2675
+ position: relative;
2676
+ margin: 0 auto;
2677
+ }
2678
+
2679
+ .premium-progressbar-circle-wrap .premium-progressbar-circle {
2680
+ position: absolute;
2681
+ top: 0;
2682
+ right: 0;
2683
+ width: 100%;
2684
+ height: 100%;
2685
+ -webkit-clip-path: inset(0 0 0 50%);
2686
+ clip-path: inset(0 0 0 50%);
2687
+ }
2688
+
2689
+ .premium-progressbar-circle-wrap .premium-progressbar-circle div {
2690
+ position: absolute;
2691
+ right: 0;
2692
+ top: 0;
2693
+ height: 100%;
2694
+ width: 100%;
2695
+ border-width: 6px;
2696
+ border-style: solid;
2697
+ border-color: #54595f;
2698
+ -webkit-border-radius: 50%;
2699
+ border-radius: 50%;
2700
+ -webkit-clip-path: inset(0 50% 0 0);
2701
+ clip-path: inset(0 50% 0 0);
2702
+ }
2703
+
2704
+ .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-left {
2705
+ -webkit-transform: rotate(0);
2706
+ -ms-transform: rotate(0);
2707
+ transform: rotate(0);
2708
+ }
2709
+
2710
+ .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-right {
2711
+ -webkit-transform: rotate(-180deg);
2712
+ -ms-transform: rotate(-180deg);
2713
+ transform: rotate(-180deg);
2714
+ visibility: hidden;
2715
+ }
2716
+
2717
+ .premium-progressbar-circle-wrap .premium-progressbar-circle-base {
2718
+ width: 100%;
2719
+ height: 100%;
2720
+ border: 6px solid #eee;
2721
+ -webkit-border-radius: 50%;
2722
+ border-radius: 50%;
2723
+ }
2724
+
2725
+ .premium-progressbar-circle-wrap .premium-progressbar-circle-content {
2726
+ position: absolute;
2727
+ top: 0;
2728
+ right: 0;
2729
+ width: 100%;
2730
+ height: 100%;
2731
+ -js-display: flex;
2732
+ display: -webkit-box;
2733
+ display: -webkit-flex;
2734
+ display: -moz-box;
2735
+ display: -ms-flexbox;
2736
+ display: flex;
2737
+ -webkit-box-orient: vertical;
2738
+ -webkit-box-direction: normal;
2739
+ -webkit-flex-direction: column;
2740
+ -moz-box-orient: vertical;
2741
+ -moz-box-direction: normal;
2742
+ -ms-flex-direction: column;
2743
+ flex-direction: column;
2744
+ -webkit-box-pack: center;
2745
+ -webkit-justify-content: center;
2746
+ -moz-box-pack: center;
2747
+ -ms-flex-pack: center;
2748
+ justify-content: center;
2749
+ -webkit-box-align: center;
2750
+ -webkit-align-items: center;
2751
+ -moz-box-align: center;
2752
+ -ms-flex-align: center;
2753
+ align-items: center;
2754
+ }
2755
+
2756
+ .premium-progressbar-circle-wrap .premium-lottie-animation {
2757
+ line-height: 1;
2758
+ }
2759
+
2760
+ @-webkit-keyframes progress-bar-stripes {
2761
+ from {
2762
+ background-position: 100% 0;
2763
+ }
2764
+
2765
+ to {
2766
+ background-position: 40px 0;
2767
+ }
2768
+ }
2769
+
2770
+ @keyframes progress-bar-stripes {
2771
+ from {
2772
+ background-position: 100% 0;
2773
+ }
2774
+
2775
+ to {
2776
+ background-position: 40px 0;
2777
+ }
2778
+ }
2779
+
2780
+ @-webkit-keyframes progress-bar-gradient {
2781
+ 0% {
2782
+ background-position: 100% 50%;
2783
+ }
2784
+
2785
+ 50% {
2786
+ background-position: 0% 50%;
2787
+ }
2788
+
2789
+ 100% {
2790
+ background-position: 100% 50%;
2791
+ }
2792
+ }
2793
+
2794
+ @keyframes progress-bar-gradient {
2795
+ 0% {
2796
+ background-position: 100% 50%;
2797
+ }
2798
+
2799
+ 50% {
2800
+ background-position: 0% 50%;
2801
+ }
2802
+
2803
+ 100% {
2804
+ background-position: 100% 50%;
2805
+ }
2806
+ }
2807
+
2808
+ /**************** Premium Testimonials ****************/
2809
+ /******************************************************/
2810
+ .premium-testimonial-box {
2811
+ width: 100%;
2812
+ background: transparent;
2813
+ -webkit-transition: all 0.3s ease-in-out;
2814
+ transition: all 0.3s ease-in-out;
2815
+ }
2816
+
2817
+ .premium-testimonial-box .premium-testimonial-author-info {
2818
+ -js-display: flex;
2819
+ display: -webkit-box;
2820
+ display: -webkit-flex;
2821
+ display: -moz-box;
2822
+ display: -ms-flexbox;
2823
+ display: flex;
2824
+ -webkit-box-pack: center;
2825
+ -webkit-justify-content: center;
2826
+ -moz-box-pack: center;
2827
+ -ms-flex-pack: center;
2828
+ justify-content: center;
2829
+ -webkit-box-align: center;
2830
+ -webkit-align-items: center;
2831
+ -moz-box-align: center;
2832
+ -ms-flex-align: center;
2833
+ align-items: center;
2834
+ }
2835
+
2836
+ .premium-testimonial-box .premium-testimonial-person-name,
2837
+ .premium-testimonial-box .premium-testimonial-company-name {
2838
+ font-weight: 600;
2839
+ margin: 0;
2840
+ }
2841
+
2842
+ .premium-testimonial-container {
2843
+ position: relative;
2844
+ }
2845
+
2846
+ .premium-testimonial-img-wrapper {
2847
+ margin-right: auto;
2848
+ margin-left: auto;
2849
+ overflow: hidden;
2850
+ border-style: solid !important;
2851
+ }
2852
+
2853
+ .premium-testimonial-img-wrapper.circle {
2854
+ -webkit-border-radius: 50%;
2855
+ border-radius: 50%;
2856
+ }
2857
+
2858
+ .premium-testimonial-img-wrapper.rounded {
2859
+ -webkit-border-radius: 15px;
2860
+ border-radius: 15px;
2861
+ }
2862
+
2863
+ .premium-testimonial-img-wrapper img {
2864
+ -o-object-fit: cover;
2865
+ object-fit: cover;
2866
+ width: 100%;
2867
+ height: 100% !important;
2868
+ }
2869
+
2870
+ .premium-testimonial-content-wrapper {
2871
+ position: relative;
2872
+ display: -ms-flexbox;
2873
+ display: -webkit-flex;
2874
+ display: -moz-flex;
2875
+ display: -ms-flex;
2876
+ -js-display: flex;
2877
+ display: -webkit-box;
2878
+ display: -moz-box;
2879
+ display: flex;
2880
+ -webkit-box-orient: vertical;
2881
+ -webkit-box-direction: normal;
2882
+ -webkit-flex-direction: column;
2883
+ -moz-box-orient: vertical;
2884
+ -moz-box-direction: normal;
2885
+ -ms-flex-direction: column;
2886
+ flex-direction: column;
2887
+ z-index: 2;
2888
+ width: 100%;
2889
+ padding: 20px;
2890
+ text-align: center;
2891
+ }
2892
+
2893
+ .premium-testimonial-clear-float {
2894
+ clear: both;
2895
+ }
2896
+
2897
+ .premium-testimonial-upper-quote,
2898
+ .premium-testimonial-lower-quote {
2899
+ position: absolute;
2900
+ z-index: 1;
2901
+ }
2902
+
2903
+ /**************** Premium Dual Heading *****************/
2904
+ /*******************************************************/
2905
+ .premium-dual-header-container .premium-dual-header-first-header,
2906
+ .premium-dual-header-container .premium-dual-header-second-header {
2907
+ position: relative;
2908
+ padding: 0;
2909
+ margin: 0;
2910
+ display: inline-block;
2911
+ -webkit-transform: translate(0, 0);
2912
+ -ms-transform: translate(0, 0);
2913
+ transform: translate(0, 0);
2914
+ }
2915
+
2916
+ .premium-dual-header-first-clip .premium-dual-header-first-span,
2917
+ .premium-dual-header-second-clip {
2918
+ -webkit-text-fill-color: transparent;
2919
+ -webkit-background-clip: text;
2920
+ }
2921
+
2922
+ .premium-dual-header-first-clip.stroke .premium-dual-header-first-span,
2923
+ .premium-dual-header-second-clip.stroke {
2924
+ -webkit-text-stroke-color: transparent;
2925
+ -webkit-text-fill-color: #fafafa;
2926
+ -webkit-text-stroke-width: 2px;
2927
+ }
2928
+
2929
+ @media (max-width: 500px) {
2930
+
2931
+ .premium-dual-header-container .premium-dual-header-first-header,
2932
+ .premium-dual-header-container .premium-dual-header-second-header {
2933
+ display: block;
2934
+ word-wrap: break-word;
2935
+ }
2936
+
2937
+ .premium-dual-header-first-container,
2938
+ .premium-dual-header-second-container {
2939
+ margin: 0;
2940
+ }
2941
+ }
2942
+
2943
+ @media (min-width: 501px) {
2944
+ .premium-dual-header-first-container {
2945
+ margin-left: 5px;
2946
+ }
2947
+ }
2948
+
2949
+ .premium-dual-header-first-header.gradient .premium-dual-header-first-span,
2950
+ .premium-dual-header-second-header.gradient {
2951
+ -webkit-background-size: 300% 300% !important;
2952
+ background-size: 300% 300% !important;
2953
+ -webkit-animation: Gradient 10s ease-in-out infinite;
2954
+ animation: Gradient 10s ease-in-out infinite;
2955
+ }
2956
+
2957
+ @-webkit-keyframes Gradient {
2958
+ 0% {
2959
+ background-position: 100% 50%;
2960
+ }
2961
+
2962
+ 50% {
2963
+ background-position: 0% 50%;
2964
+ }
2965
+
2966
+ 100% {
2967
+ background-position: 100% 50%;
2968
+ }
2969
+ }
2970
+
2971
+ @keyframes Gradient {
2972
+ 0% {
2973
+ background-position: 100% 50%;
2974
+ }
2975
+
2976
+ 50% {
2977
+ background-position: 0% 50%;
2978
+ }
2979
+
2980
+ 100% {
2981
+ background-position: 100% 50%;
2982
+ }
2983
+ }
2984
+
2985
+ /**************** Premium Title ****************/
2986
+ /***********************************************/
2987
+ .premium-title-container {
2988
+ position: relative;
2989
+ width: 100%;
2990
+ clear: both;
2991
+ overflow: hidden;
2992
+ }
2993
+
2994
+ .premium-title-container .premium-title-header {
2995
+ position: relative;
2996
+ margin: 0;
2997
+ padding: 10px;
2998
+ }
2999
+
3000
+ .premium-title-container .premium-title-header:not(.premium-title-style7) {
3001
+ -webkit-box-align: center;
3002
+ -webkit-align-items: center;
3003
+ -moz-box-align: center;
3004
+ -ms-flex-align: center;
3005
+ align-items: center;
3006
+ }
3007
+
3008
+ .premium-title-container .premium-title-header svg {
3009
+ width: 40px;
3010
+ height: 40px;
3011
+ }
3012
+
3013
+ .premium-title-container .premium-title-header img {
3014
+ width: 40px;
3015
+ height: 40px;
3016
+ -o-object-fit: cover;
3017
+ object-fit: cover;
3018
+ }
3019
+
3020
+ .premium-title-container .premium-title-header a {
3021
+ position: absolute;
3022
+ top: 0;
3023
+ right: 0;
3024
+ width: 100%;
3025
+ height: 100%;
3026
+ }
3027
+
3028
+ .premium-title-container .premium-lottie-animation {
3029
+ -js-display: flex;
3030
+ display: -webkit-box;
3031
+ display: -webkit-flex;
3032
+ display: -moz-box;
3033
+ display: -ms-flexbox;
3034
+ display: flex;
3035
+ }
3036
+
3037
+ .premium-title-icon-row .premium-title-icon {
3038
+ margin-left: 10px;
3039
+ }
3040
+
3041
+ .premium-title-icon-row-reverse .premium-title-icon {
3042
+ margin-right: 10px;
3043
+ }
3044
+
3045
+ .premium-title-style3,
3046
+ .premium-title-style4 {
3047
+ -js-display: flex;
3048
+ display: -webkit-box;
3049
+ display: -webkit-flex;
3050
+ display: -moz-box;
3051
+ display: -ms-flexbox;
3052
+ display: flex;
3053
+ }
3054
+
3055
+ .premium-title-style1,
3056
+ .premium-title-style2,
3057
+ .premium-title-style5,
3058
+ .premium-title-style6,
3059
+ .premium-title-style8,
3060
+ .premium-title-style9 {
3061
+ -js-display: inline-flex;
3062
+ display: -webkit-inline-box;
3063
+ display: -webkit-inline-flex;
3064
+ display: -moz-inline-box;
3065
+ display: -ms-inline-flexbox;
3066
+ display: inline-flex;
3067
+ }
3068
+
3069
+ .premium-title-style7 {
3070
+ -js-display: inline-flex;
3071
+ display: -webkit-inline-box;
3072
+ display: -webkit-inline-flex;
3073
+ display: -moz-inline-box;
3074
+ display: -ms-inline-flexbox;
3075
+ display: inline-flex;
3076
+ -webkit-box-orient: vertical;
3077
+ -webkit-box-direction: normal;
3078
+ -webkit-flex-direction: column;
3079
+ -moz-box-orient: vertical;
3080
+ -moz-box-direction: normal;
3081
+ -ms-flex-direction: column;
3082
+ flex-direction: column;
3083
+ }
3084
+
3085
+ .premium-title-style7 .premium-title-style7-inner {
3086
+ -js-display: flex;
3087
+ display: -webkit-box;
3088
+ display: -webkit-flex;
3089
+ display: -moz-box;
3090
+ display: -ms-flexbox;
3091
+ display: flex;
3092
+ -webkit-box-align: center;
3093
+ -webkit-align-items: center;
3094
+ -moz-box-align: center;
3095
+ -ms-flex-align: center;
3096
+ align-items: center;
3097
+ }
3098
+
3099
+ .premium-title-style1 {
3100
+ border-width: 0;
3101
+ border-right: 3px solid #6ec1e4;
3102
+ }
3103
+
3104
+ .premium-title-container.style2,
3105
+ .premium-title-container.style4,
3106
+ .premium-title-container.style5,
3107
+ .premium-title-container.style6 {
3108
+ border-bottom: 3px solid #6ec1e4;
3109
+ }
3110
+
3111
+ /*Style 6 Header*/
3112
+ .premium-title-style6:before {
3113
+ position: absolute;
3114
+ right: 50%;
3115
+ bottom: 0;
3116
+ margin-right: -2px;
3117
+ content: "";
3118
+ border: 3px solid transparent;
3119
+ }
3120
+
3121
+ /*Style 6 Trinagle*/
3122
+ .premium-title-style7-stripe-wrap {
3123
+ -js-display: flex;
3124
+ display: -webkit-box;
3125
+ display: -webkit-flex;
3126
+ display: -moz-box;
3127
+ display: -ms-flexbox;
3128
+ display: flex;
3129
+ }
3130
+
3131
+ .premium-title-style7:before {
3132
+ display: none;
3133
+ }
3134
+
3135
+ .premium-title-style8 .premium-title-text[data-animation="shiny"] {
3136
+ -webkit-background-size: 125px 125px !important;
3137
+ background-size: 125px !important;
3138
+ color: rgba(255, 255, 255, 0);
3139
+ -webkit-background-clip: text !important;
3140
+ background-clip: text !important;
3141
+ -webkit-animation-name: pa-shinny-text !important;
3142
+ animation-name: pa-shinny-text !important;
3143
+ -webkit-animation-duration: var(--animation-speed) !important;
3144
+ animation-duration: var(--animation-speed) !important;
3145
+ -webkit-animation-iteration-count: infinite !important;
3146
+ animation-iteration-count: infinite !important;
3147
+ background: var(--base-color) -webkit-gradient(linear,
3148
+ left top,
3149
+ right top,
3150
+ from(var(--base-color)),
3151
+ to(var(--base-color)),
3152
+ color-stop(0.5, var(--shiny-color))) 0 0 no-repeat;
3153
+ }
3154
+
3155
+ .premium-title-style9[data-animation-blur="process"] .premium-title-style9-letter {
3156
+ -webkit-animation: pa-blur-shadow 2s 1 alternate;
3157
+ animation: pa-blur-shadow 2s 1 alternate;
3158
+ }
3159
+
3160
+ .premium-title-gradient-yes .premium-title-text,
3161
+ .premium-title-gradient-yes .premium-title-icon {
3162
+ -webkit-background-clip: text;
3163
+ -webkit-text-fill-color: transparent;
3164
+ background-image: -webkit-gradient(linear, left top, right top, from(#ffa648), color-stop(#f17cc1), to(#4da9fd));
3165
+ background-image: -webkit-linear-gradient(left, #ffa648, #f17cc1, #4da9fd);
3166
+ background-image: linear-gradient(to right, #ffa648, #f17cc1, #4da9fd);
3167
+ -webkit-animation: pa-text-gradient 8s infinite;
3168
+ animation: pa-text-gradient 8s infinite;
3169
+ }
3170
+
3171
+ .premium-title-clipped .premium-title-header {
3172
+ -webkit-text-fill-color: transparent;
3173
+ -webkit-background-clip: text;
3174
+ background-clip: text;
3175
+ }
3176
+
3177
+ @-webkit-keyframes pa-shinny-text {
3178
+ 0% {
3179
+ background-position: 100%;
3180
+ }
3181
+
3182
+ 100% {
3183
+ background-position: -100%;
3184
+ }
3185
+ }
3186
+
3187
+ @keyframes pa-shinny-text {
3188
+ 0% {
3189
+ background-position: 100%;
3190
+ }
3191
+
3192
+ 100% {
3193
+ background-position: -100%;
3194
+ }
3195
+ }
3196
+
3197
+ @-webkit-keyframes pa-blur-shadow {
3198
+ from {
3199
+ text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
3200
+ color: transparent;
3201
+ }
3202
+
3203
+ to {
3204
+ text-shadow: 0;
3205
+ }
3206
+ }
3207
+
3208
+ @keyframes pa-blur-shadow {
3209
+ from {
3210
+ text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
3211
+ color: transparent;
3212
+ }
3213
+
3214
+ to {
3215
+ text-shadow: 0;
3216
+ }
3217
+ }
3218
+
3219
+ @-webkit-keyframes pa-text-gradient {
3220
+
3221
+ 0%,
3222
+ 100% {
3223
+ -webkit-filter: hue-rotate(0deg);
3224
+ filter: hue-rotate(0deg);
3225
+ }
3226
+
3227
+ 50% {
3228
+ -webkit-filter: hue-rotate(360deg);
3229
+ filter: hue-rotate(360deg);
3230
+ }
3231
+ }
3232
+
3233
+ @keyframes pa-text-gradient {
3234
+
3235
+ 0%,
3236
+ 100% {
3237
+ -webkit-filter: hue-rotate(0deg);
3238
+ filter: hue-rotate(0deg);
3239
+ }
3240
+
3241
+ 50% {
3242
+ -webkit-filter: hue-rotate(360deg);
3243
+ filter: hue-rotate(360deg);
3244
+ }
3245
+ }
3246
+
3247
+ /*
3248
+ * Common Title/Dual Heading
3249
+ */
3250
+ .premium-title-bg-text:before {
3251
+ position: absolute;
3252
+ content: attr(data-background);
3253
+ top: 0;
3254
+ left: 0;
3255
+ text-align: left;
3256
+ }
3257
+
3258
+ .premium-mask-yes .premium-dual-header-first-clip .premium-dual-header-first-span .premium-mask-span,
3259
+ .premium-mask-yes .premium-dual-header-second-clip .premium-mask-span {
3260
+ background: inherit;
3261
+ }
3262
+
3263
+ .premium-mask-yes .premium-mask-span {
3264
+ position: relative;
3265
+ overflow: hidden;
3266
+ -js-display: inline-flex !important;
3267
+ display: -webkit-inline-box !important;
3268
+ display: -webkit-inline-flex !important;
3269
+ display: -moz-inline-box !important;
3270
+ display: -ms-inline-flexbox !important;
3271
+ display: inline-flex !important;
3272
+ }
3273
+
3274
+ .premium-mask-yes .premium-mask-span::after {
3275
+ content: "";
3276
+ position: absolute;
3277
+ top: 0;
3278
+ right: 0px;
3279
+ width: 100%;
3280
+ height: 100%;
3281
+ background-color: currentColor;
3282
+ -webkit-backface-visibility: visible;
3283
+ backface-visibility: visible;
3284
+ }
3285
+
3286
+ .premium-mask-active.premium-mask-tr .premium-mask-span::after {
3287
+ -webkit-animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3288
+ animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3289
+ -webkit-transform: translateX(-103%);
3290
+ -ms-transform: translateX(-103%);
3291
+ transform: translateX(-103%);
3292
+ }
3293
+
3294
+ .premium-mask-active.premium-mask-tl .premium-mask-span::after {
3295
+ -webkit-animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3296
+ animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3297
+ -webkit-transform: translateX(103%);
3298
+ -ms-transform: translateX(103%);
3299
+ transform: translateX(103%);
3300
+ }
3301
+
3302
+ .premium-mask-active.premium-mask-tb .premium-mask-span::after {
3303
+ -webkit-animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3304
+ animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3305
+ -webkit-transform: translateY(-103%);
3306
+ -ms-transform: translateY(-103%);
3307
+ transform: translateY(-103%);
3308
+ }
3309
+
3310
+ .premium-mask-active.premium-mask-tt .premium-mask-span::after {
3311
+ -webkit-animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3312
+ animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3313
+ -webkit-transform: translateY(103%);
3314
+ -ms-transform: translateY(103%);
3315
+ transform: translateY(103%);
3316
+ }
3317
+
3318
+ @-webkit-keyframes pa-mask-tr {
3319
+ 0% {
3320
+ -webkit-transform: translateX(0%);
3321
+ transform: translateX(0%);
3322
+ }
3323
+
3324
+ 100% {
3325
+ -webkit-transform: translateX(103%);
3326
+ transform: translateX(103%);
3327
+ }
3328
+ }
3329
+
3330
+ @keyframes pa-mask-tr {
3331
+ 0% {
3332
+ -webkit-transform: translateX(0%);
3333
+ transform: translateX(0%);
3334
+ }
3335
+
3336
+ 100% {
3337
+ -webkit-transform: translateX(103%);
3338
+ transform: translateX(103%);
3339
+ }
3340
+ }
3341
+
3342
+ @-webkit-keyframes pa-mask-tl {
3343
+ 0% {
3344
+ -webkit-transform: translateX(0%);
3345
+ transform: translateX(0%);
3346
+ }
3347
+
3348
+ 100% {
3349
+ -webkit-transform: translateX(-103%);
3350
+ transform: translateX(-103%);
3351
+ }
3352
+ }
3353
+
3354
+ @keyframes pa-mask-tl {
3355
+ 0% {
3356
+ -webkit-transform: translateX(0%);
3357
+ transform: translateX(0%);
3358
+ }
3359
+
3360
+ 100% {
3361
+ -webkit-transform: translateX(-103%);
3362
+ transform: translateX(-103%);
3363
+ }
3364
+ }
3365
+
3366
+ @-webkit-keyframes pa-mask-tb {
3367
+ 0% {
3368
+ -webkit-transform: translateY(0%);
3369
+ transform: translateY(0%);
3370
+ }
3371
+
3372
+ 100% {
3373
+ -webkit-transform: translateY(103%);
3374
+ transform: translateY(103%);
3375
+ }
3376
+ }
3377
+
3378
+ @keyframes pa-mask-tb {
3379
+ 0% {
3380
+ -webkit-transform: translateY(0%);
3381
+ transform: translateY(0%);
3382
+ }
3383
+
3384
+ 100% {
3385
+ -webkit-transform: translateY(103%);
3386
+ transform: translateY(103%);
3387
+ }
3388
+ }
3389
+
3390
+ @-webkit-keyframes pa-mask-tt {
3391
+ 0% {
3392
+ -webkit-transform: translateY(0%);
3393
+ transform: translateY(0%);
3394
+ }
3395
+
3396
+ 100% {
3397
+ -webkit-transform: translateY(-103%);
3398
+ transform: translateY(-103%);
3399
+ }
3400
+ }
3401
+
3402
+ @keyframes pa-mask-tt {
3403
+ 0% {
3404
+ -webkit-transform: translateY(0%);
3405
+ transform: translateY(0%);
3406
+ }
3407
+
3408
+ 100% {
3409
+ -webkit-transform: translateY(-103%);
3410
+ transform: translateY(-103%);
3411
+ }
3412
+ }
3413
+
3414
+ /**************** Premium Video Box ************/
3415
+ /***********************************************/
3416
+ .premium-video-box-transform {
3417
+ -webkit-transform: none !important;
3418
+ -ms-transform: none !important;
3419
+ transform: none !important;
3420
+ }
3421
+
3422
+ .premium-video-box-container {
3423
+ -js-display: flex;
3424
+ display: -webkit-box;
3425
+ display: -webkit-flex;
3426
+ display: -moz-box;
3427
+ display: -ms-flexbox;
3428
+ display: flex;
3429
+ -webkit-box-orient: vertical;
3430
+ -webkit-box-direction: normal;
3431
+ -webkit-flex-direction: column;
3432
+ -moz-box-orient: vertical;
3433
+ -moz-box-direction: normal;
3434
+ -ms-flex-direction: column;
3435
+ flex-direction: column;
3436
+ }
3437
+
3438
+ .premium-video-box-container>div {
3439
+ position: relative;
3440
+ overflow: hidden;
3441
+ }
3442
+
3443
+ .pa-aspect-ratio-11 .premium-video-box-container>div {
3444
+ padding-bottom: 100%;
3445
+ }
3446
+
3447
+ .pa-aspect-ratio-169 .premium-video-box-container>div {
3448
+ padding-bottom: 56.25%;
3449
+ }
3450
+
3451
+ .pa-aspect-ratio-43 .premium-video-box-container>div {
3452
+ padding-bottom: 75%;
3453
+ }
3454
+
3455
+ .pa-aspect-ratio-32 .premium-video-box-container>div {
3456
+ padding-bottom: 66.6666%;
3457
+ }
3458
+
3459
+ .pa-aspect-ratio-219 .premium-video-box-container>div {
3460
+ padding-bottom: 42.8571%;
3461
+ }
3462
+
3463
+ .pa-aspect-ratio-916 .premium-video-box-container>div {
3464
+ padding-bottom: 177.8%;
3465
+ }
3466
+
3467
+ .premium-video-box-image-container {
3468
+ position: absolute;
3469
+ top: 0;
3470
+ right: 0;
3471
+ bottom: 0;
3472
+ left: 0;
3473
+ width: 100%;
3474
+ height: 100%;
3475
+ -webkit-background-size: cover;
3476
+ background-size: cover;
3477
+ background-position: 50%;
3478
+ cursor: pointer;
3479
+ margin: auto;
3480
+ -webkit-transition: 0.2s all;
3481
+ transition: 0.2s all;
3482
+ }
3483
+
3484
+ .premium-video-box-play-icon-container {
3485
+ position: absolute;
3486
+ z-index: 2;
3487
+ cursor: pointer;
3488
+ -webkit-transform: translate(50%, -50%);
3489
+ -ms-transform: translate(50%, -50%);
3490
+ transform: translate(50%, -50%);
3491
+ background: rgba(252, 252, 252, 0.35);
3492
+ }
3493
+
3494
+ .premium-video-box-description-container {
3495
+ position: absolute;
3496
+ z-index: 2;
3497
+ padding: 5px;
3498
+ text-align: center;
3499
+ cursor: pointer;
3500
+ -webkit-transform: translate(50%, -50%);
3501
+ -ms-transform: translate(50%, -50%);
3502
+ transform: translate(50%, -50%);
3503
+ }
3504
+
3505
+ .premium-video-box-text {
3506
+ margin-bottom: 0 !important;
3507
+ -webkit-transition: all 0.3s ease-in-out;
3508
+ transition: all 0.3s ease-in-out;
3509
+ }
3510
+
3511
+ .premium-video-box-play-icon {
3512
+ padding: 15px;
3513
+ -webkit-transform: translateX(-4%);
3514
+ -ms-transform: translateX(-4%);
3515
+ transform: translateX(-4%);
3516
+ -webkit-transition: all 0.3s ease-in-out;
3517
+ transition: all 0.3s ease-in-out;
3518
+ }
3519
+
3520
+ .premium-video-box-video-container {
3521
+ position: absolute;
3522
+ top: 0;
3523
+ right: 0;
3524
+ z-index: 2;
3525
+ width: 100%;
3526
+ height: 100%;
3527
+ -webkit-transition: opacity 0.8s ease-in-out;
3528
+ transition: opacity 0.8s ease-in-out;
3529
+ overflow: hidden;
3530
+ cursor: pointer;
3531
+ }
3532
+
3533
+ .premium-video-box-container[data-overlay="true"][data-type="self"] .premium-video-box-video-container {
3534
+ opacity: 0;
3535
+ visibility: hidden;
3536
+ }
3537
+
3538
+ .premium-video-box-video-container iframe {
3539
+ max-width: 100%;
3540
+ width: 100%;
3541
+ height: 100%;
3542
+ margin: 0;
3543
+ line-height: 1;
3544
+ border: none;
3545
+ }
3546
+
3547
+ .premium-video-box-video-container video {
3548
+ max-width: 100%;
3549
+ width: 100%;
3550
+ height: 100%;
3551
+ margin: 0;
3552
+ line-height: 1;
3553
+ border: none;
3554
+ background-color: #000;
3555
+ -o-object-fit: contain;
3556
+ object-fit: contain;
3557
+ }
3558
+
3559
+ .premium-video-box-container .premium-video-box-vimeo-wrap {
3560
+ -js-display: flex;
3561
+ display: -webkit-box;
3562
+ display: -webkit-flex;
3563
+ display: -moz-box;
3564
+ display: -ms-flexbox;
3565
+ display: flex;
3566
+ position: absolute;
3567
+ top: 0;
3568
+ right: 0;
3569
+ z-index: 3;
3570
+ margin: 10px;
3571
+ margin-left: 10px;
3572
+ -webkit-transition: opacity 0.2s ease-out;
3573
+ transition: opacity 0.2s ease-out;
3574
+ margin-left: 4.6em;
3575
+ }
3576
+
3577
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-portrait {
3578
+ width: 60px;
3579
+ height: 60px;
3580
+ background: rgba(23, 35, 34, 0.75);
3581
+ margin-left: 1px;
3582
+ -webkit-box-flex: 1;
3583
+ -webkit-flex: 1 0 auto;
3584
+ -moz-box-flex: 1;
3585
+ -ms-flex: 1 0 auto;
3586
+ flex: 1 0 auto;
3587
+ padding: 0;
3588
+ }
3589
+
3590
+ .premium-video-box-vimeo-portrait img {
3591
+ width: 50px;
3592
+ height: 50px;
3593
+ margin: 5px;
3594
+ padding: 0;
3595
+ border: 0;
3596
+ -webkit-border-radius: 50%;
3597
+ border-radius: 50%;
3598
+ }
3599
+
3600
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-headers {
3601
+ font-size: 10px;
3602
+ }
3603
+
3604
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-title {
3605
+ max-width: 100%;
3606
+ font-size: 2em !important;
3607
+ font-weight: 700;
3608
+ margin: 0;
3609
+ padding: 0.1em 0.2em;
3610
+ background: rgba(23, 35, 34, 0.75);
3611
+ display: inline-block;
3612
+ text-transform: none;
3613
+ line-height: normal;
3614
+ letter-spacing: normal;
3615
+ }
3616
+
3617
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-byline {
3618
+ font-size: 1.2em !important;
3619
+ font-weight: 400;
3620
+ color: #fff;
3621
+ margin-top: 0.1em;
3622
+ padding: 0.2em 0.5em;
3623
+ background: rgba(23, 35, 34, 0.75);
3624
+ text-transform: none;
3625
+ line-height: normal;
3626
+ letter-spacing: normal;
3627
+ }
3628
+
3629
+ .premium-video-box-playlist-container {
3630
+ -js-display: flex;
3631
+ display: -webkit-box;
3632
+ display: -webkit-flex;
3633
+ display: -moz-box;
3634
+ display: -ms-flexbox;
3635
+ display: flex;
3636
+ -webkit-flex-wrap: wrap;
3637
+ -ms-flex-wrap: wrap;
3638
+ flex-wrap: wrap;
3639
+ }
3640
+
3641
+ .premium-video-box-playlist-container .premium-video-box-container {
3642
+ height: 100%;
3643
+ overflow: hidden;
3644
+ }
3645
+
3646
+ .premium-video-box-container:hover .premium-video-box-image-container.zoomin {
3647
+ -webkit-transform: scale(1.1);
3648
+ -ms-transform: scale(1.1);
3649
+ transform: scale(1.1);
3650
+ }
3651
+
3652
+ .premium-video-box-container:hover .premium-video-box-image-container.zoomout {
3653
+ -webkit-transform: scale(1);
3654
+ -ms-transform: scale(1);
3655
+ transform: scale(1);
3656
+ }
3657
+
3658
+ .premium-video-box-container:hover .premium-video-box-image-container.scale {
3659
+ -webkit-transform: scale(1.3) rotate(-5deg);
3660
+ -ms-transform: scale(1.3) rotate(-5deg);
3661
+ transform: scale(1.3) rotate(-5deg);
3662
+ }
3663
+
3664
+ .premium-video-box-container:hover .premium-video-box-image-container.gray {
3665
+ -webkit-filter: grayscale(0%);
3666
+ filter: grayscale(0%);
3667
+ }
3668
+
3669
+ .premium-video-box-container:hover .premium-video-box-image-container.blur {
3670
+ -webkit-filter: blur(3px);
3671
+ filter: blur(3px);
3672
+ }
3673
+
3674
+ .premium-video-box-container:hover .premium-video-box-image-container.sepia {
3675
+ -webkit-filter: sepia(0%);
3676
+ filter: sepia(0%);
3677
+ }
3678
+
3679
+ .premium-video-box-container:hover .premium-video-box-image-container.trans {
3680
+ -webkit-transform: translateX(0px) scale(1.1);
3681
+ -ms-transform: translateX(0px) scale(1.1);
3682
+ transform: translateX(0px) scale(1.1);
3683
+ }
3684
+
3685
+ .premium-video-box-container:hover .premium-video-box-image-container.bright {
3686
+ -webkit-filter: brightness(1.2);
3687
+ filter: brightness(1.2);
3688
+ }
3689
+
3690
+ .premium-video-box-image-container.gray {
3691
+ -webkit-filter: grayscale(100%);
3692
+ filter: grayscale(100%);
3693
+ }
3694
+
3695
+ .premium-video-box-image-container.zoomout,
3696
+ .premium-video-box-image-container.scale {
3697
+ -webkit-transform: scale(1.2);
3698
+ -ms-transform: scale(1.2);
3699
+ transform: scale(1.2);
3700
+ }
3701
+
3702
+ .premium-video-box-image-container.sepia {
3703
+ -webkit-filter: sepia(30%);
3704
+ filter: sepia(30%);
3705
+ }
3706
+
3707
+ .premium-video-box-image-container.bright {
3708
+ -webkit-filter: brightness(1);
3709
+ filter: brightness(1);
3710
+ }
3711
+
3712
+ .premium-video-box-image-container.trans {
3713
+ -webkit-transform: translateX(15px) scale(1.1);
3714
+ -ms-transform: translateX(15px) scale(1.1);
3715
+ transform: translateX(15px) scale(1.1);
3716
+ }
3717
+
3718
+ .premium-video-box-mask-media {
3719
+ -webkit-mask-repeat: no-repeat;
3720
+ mask-repeat: no-repeat;
3721
+ }
3722
+
3723
+ /* Sticky Video Option */
3724
+ .premium-video-box-container.premium-video-box-sticky-apply {
3725
+ z-index: 99;
3726
+ overflow: unset;
3727
+ }
3728
+
3729
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3730
+ position: fixed !important;
3731
+ z-index: 99999;
3732
+ height: 225px;
3733
+ width: 400px;
3734
+ background: #fff;
3735
+ }
3736
+
3737
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-vimeo-wrap,
3738
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-container:before {
3739
+ visibility: hidden;
3740
+ }
3741
+
3742
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3743
+ -webkit-box-shadow: unset;
3744
+ box-shadow: unset;
3745
+ }
3746
+
3747
+ .premium-video-box-sticky-close,
3748
+ .premium-video-box-sticky-infobar {
3749
+ display: none;
3750
+ }
3751
+
3752
+ .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3753
+ position: absolute;
3754
+ padding: 5px;
3755
+ cursor: pointer;
3756
+ z-index: 99999;
3757
+ height: 14px;
3758
+ width: 14px;
3759
+ -webkit-box-sizing: content-box;
3760
+ -moz-box-sizing: content-box;
3761
+ box-sizing: content-box;
3762
+ -webkit-border-radius: 100%;
3763
+ border-radius: 100%;
3764
+ -js-display: flex;
3765
+ display: -webkit-box;
3766
+ display: -webkit-flex;
3767
+ display: -moz-box;
3768
+ display: -ms-flexbox;
3769
+ display: flex;
3770
+ -webkit-box-pack: center;
3771
+ -webkit-justify-content: center;
3772
+ -moz-box-pack: center;
3773
+ -ms-flex-pack: center;
3774
+ justify-content: center;
3775
+ -webkit-box-align: center;
3776
+ -webkit-align-items: center;
3777
+ -moz-box-align: center;
3778
+ -ms-flex-align: center;
3779
+ align-items: center;
3780
+ }
3781
+
3782
+ .premium-video-box-sticky-apply .premium-video-box-play-icon-container {
3783
+ -js-display: flex;
3784
+ display: -webkit-box;
3785
+ display: -webkit-flex;
3786
+ display: -moz-box;
3787
+ display: -ms-flexbox;
3788
+ display: flex;
3789
+ }
3790
+
3791
+ .premium-video-box-sticky-apply .premium-video-box-play-icon {
3792
+ -webkit-transition: none;
3793
+ transition: none;
3794
+ }
3795
+
3796
+ .premium-video-box-sticky-apply .premium-video-box-sticky-infobar {
3797
+ display: block;
3798
+ position: relative;
3799
+ top: 100%;
3800
+ width: 100%;
3801
+ padding: 5px;
3802
+ text-align: center;
3803
+ z-index: 9999;
3804
+ margin-top: -1px;
3805
+ }
3806
+
3807
+ .premium-video-box-sticky-apply .premium-video-box-inner-wrap.ui-draggable {
3808
+ cursor: move;
3809
+ }
3810
+
3811
+ .premium-video-sticky-top-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3812
+ left: auto;
3813
+ right: 20px;
3814
+ top: 20px;
3815
+ }
3816
+
3817
+ .premium-video-sticky-bottom-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3818
+ left: auto;
3819
+ right: 20px;
3820
+ bottom: 20px;
3821
+ }
3822
+
3823
+ .premium-video-sticky-top-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3824
+ right: auto;
3825
+ left: 20px;
3826
+ top: 20px;
3827
+ }
3828
+
3829
+ .premium-video-sticky-bottom-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3830
+ right: auto;
3831
+ left: 20px;
3832
+ bottom: 20px;
3833
+ }
3834
+
3835
+ .premium-video-sticky-center-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3836
+ left: auto;
3837
+ right: 20px;
3838
+ top: 50%;
3839
+ -webkit-transform: translateY(-50%);
3840
+ -ms-transform: translateY(-50%);
3841
+ transform: translateY(-50%);
3842
+ }
3843
+
3844
+ .premium-video-sticky-center-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3845
+ right: auto;
3846
+ left: 20px;
3847
+ top: 50%;
3848
+ -webkit-transform: translateY(-50%);
3849
+ -ms-transform: translateY(-50%);
3850
+ transform: translateY(-50%);
3851
+ }
3852
+
3853
+ .premium-video-sticky-bottom-right .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap,
3854
+ .premium-video-sticky-bottom-left .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3855
+ bottom: 55px;
3856
+ }
3857
+
3858
+ .premium-video-sticky-top-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3859
+ .premium-video-sticky-bottom-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3860
+ .premium-video-sticky-center-left .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3861
+ top: -10px;
3862
+ left: -10px;
3863
+ }
3864
+
3865
+ .premium-video-sticky-top-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3866
+ .premium-video-sticky-bottom-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3867
+ .premium-video-sticky-center-right .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3868
+ top: -10px;
3869
+ right: -10px;
3870
+ }
3871
+
3872
+ .premium-video-box-filter-sticky {
3873
+ -webkit-filter: none !important;
3874
+ filter: none !important;
3875
+ }
3876
+
3877
+ /**************** Premium Blog *****************/
3878
+ /***********************************************/
3879
+ .premium-blog-thumb-effect-wrapper {
3880
+ position: relative;
3881
+ overflow: hidden;
3882
+ }
3883
+
3884
+ .premium-blog-effect-container:not(.premium-blog-bordered-effect) .premium-blog-post-link {
3885
+ position: absolute;
3886
+ top: 0;
3887
+ right: 0;
3888
+ width: 100%;
3889
+ height: 100%;
3890
+ z-index: 2;
3891
+ padding: 20px;
3892
+ }
3893
+
3894
+ .premium-blog-bordered-effect .premium-blog-post-link {
3895
+ display: block;
3896
+ height: 100%;
3897
+ position: relative;
3898
+ }
3899
+
3900
+ /*Thumbnail Img*/
3901
+ .premium-blog-thumbnail-container {
3902
+ overflow: hidden;
3903
+ }
3904
+
3905
+ .premium-blog-thumbnail-container img,
3906
+ .premium-blog-thumbnail-container .below-entry-meta {
3907
+ width: 100%;
3908
+ height: 100%;
3909
+ margin: 0 !important;
3910
+ -webkit-transition: all 0.4s ease-in-out;
3911
+ transition: all 0.4s ease-in-out;
3912
+ }
3913
+
3914
+ .premium-blog-thumb-effect-wrapper .premium-blog-zoomout-effect img,
3915
+ .premium-blog-thumb-effect-wrapper .premium-blog-scale-effect img {
3916
+ -webkit-transform: scale(1.2);
3917
+ -ms-transform: scale(1.2);
3918
+ transform: scale(1.2);
3919
+ }
3920
+
3921
+ .premium-blog-thumb-effect-wrapper .premium-blog-sepia-effect img {
3922
+ -webkit-filter: sepia(30%);
3923
+ filter: sepia(30%);
3924
+ }
3925
+
3926
+ .premium-blog-thumb-effect-wrapper .premium-blog-bright-effect img {
3927
+ -webkit-filter: brightness(1);
3928
+ filter: brightness(1);
3929
+ }
3930
+
3931
+ .premium-blog-thumb-effect-wrapper .premium-blog-trans-effect img {
3932
+ -webkit-transform: translateX(15px) scale(1.1);
3933
+ -ms-transform: translateX(15px) scale(1.1);
3934
+ transform: translateX(15px) scale(1.1);
3935
+ }
3936
+
3937
+ .premium-blog-post-outer-container:hover .premium-blog-zoomin-effect img {
3938
+ -webkit-transform: scale(1.2);
3939
+ -ms-transform: scale(1.2);
3940
+ transform: scale(1.2);
3941
+ }
3942
+
3943
+ .premium-blog-post-outer-container:hover .premium-blog-zoomout-effect img {
3944
+ -webkit-transform: scale(1.1);
3945
+ -ms-transform: scale(1.1);
3946
+ transform: scale(1.1);
3947
+ }
3948
+
3949
+ .premium-blog-post-outer-container:hover .premium-blog-scale-effect img {
3950
+ -webkit-transform: scale(1.3) rotate(-5deg);
3951
+ -ms-transform: scale(1.3) rotate(-5deg);
3952
+ transform: scale(1.3) rotate(-5deg);
3953
+ }
3954
+
3955
+ .premium-blog-post-outer-container:hover .premium-blog-gray-effect img {
3956
+ -webkit-filter: grayscale(100%);
3957
+ filter: grayscale(100%);
3958
+ }
3959
+
3960
+ .premium-blog-post-outer-container:hover .premium-blog-blur-effect img {
3961
+ -webkit-filter: blur(3px);
3962
+ filter: blur(3px);
3963
+ }
3964
+
3965
+ .premium-blog-post-outer-container:hover .premium-blog-sepia-effect img {
3966
+ -webkit-filter: sepia(0%);
3967
+ filter: sepia(0%);
3968
+ }
3969
+
3970
+ .premium-blog-post-outer-container:hover .premium-blog-bright-effect img {
3971
+ -webkit-filter: brightness(1.2);
3972
+ filter: brightness(1.2);
3973
+ }
3974
+
3975
+ .premium-blog-post-outer-container:hover .premium-blog-trans-effect img {
3976
+ -webkit-transform: translateX(0px) scale(1.1);
3977
+ -ms-transform: translateX(0px) scale(1.1);
3978
+ transform: translateX(0px) scale(1.1);
3979
+ }
3980
+
3981
+ .premium-blog-post-container {
3982
+ overflow: hidden;
3983
+ }
3984
+
3985
+ .premium-blog-post-container .premium-blog-inner-container {
3986
+ -js-display: flex;
3987
+ display: -webkit-box;
3988
+ display: -webkit-flex;
3989
+ display: -moz-box;
3990
+ display: -ms-flexbox;
3991
+ display: flex;
3992
+ }
3993
+
3994
+ .premium-blog-post-container .premium-blog-post-content {
3995
+ line-height: 1.5em;
3996
+ color: #777;
3997
+ font-size: 14px;
3998
+ margin-bottom: 10px;
3999
+ }
4000
+
4001
+ .premium-blog-post-container ul.post-categories a:hover,
4002
+ .premium-blog-post-container ul.post-categories a:focus,
4003
+ .premium-blog-post-container .premium-blog-post-link:hover,
4004
+ .premium-blog-post-container .premium-blog-post-link:focus {
4005
+ -webkit-box-shadow: none !important;
4006
+ box-shadow: none !important;
4007
+ outline: none !important;
4008
+ }
4009
+
4010
+ .premium-blog-post-container .premium-blog-entry-title {
4011
+ font-size: 18px;
4012
+ margin-bottom: 5px;
4013
+ }
4014
+
4015
+ .premium-blog-post-container.premium-blog-skin-modern .premium-blog-content-wrapper {
4016
+ position: relative;
4017
+ z-index: 3;
4018
+ top: -50px;
4019
+ }
4020
+
4021
+ .premium-blog-post-container .premium-blog-content-wrapper {
4022
+ background-color: #f5f5f5;
4023
+ padding: 30px;
4024
+ }
4025
+
4026
+ .premium-blog-post-container .premium-blog-content-wrapper.empty-thumb {
4027
+ top: 0;
4028
+ }
4029
+
4030
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before,
4031
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:after {
4032
+ position: absolute;
4033
+ content: "";
4034
+ z-index: 1;
4035
+ top: 50%;
4036
+ right: 50%;
4037
+ opacity: 0;
4038
+ -webkit-transform: translate(50%, -50%);
4039
+ -ms-transform: translate(50%, -50%);
4040
+ transform: translate(50%, -50%);
4041
+ -webkit-transition: all 0.4s linear 0s;
4042
+ transition: all 0.4s linear 0s;
4043
+ height: 1px;
4044
+ width: 100%;
4045
+ background-color: #fff;
4046
+ }
4047
+
4048
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before {
4049
+ width: 1px;
4050
+ height: 100%;
4051
+ }
4052
+
4053
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-container:after {
4054
+ width: 20px;
4055
+ opacity: 1;
4056
+ }
4057
+
4058
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-container:before {
4059
+ height: 20px;
4060
+ opacity: 1;
4061
+ }
4062
+
4063
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-content-wrapper {
4064
+ margin: 0px 10px 20px;
4065
+ clear: both;
4066
+ }
4067
+
4068
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay,
4069
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay,
4070
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay {
4071
+ position: absolute;
4072
+ top: 0;
4073
+ right: 0;
4074
+ width: 100%;
4075
+ height: 100%;
4076
+ -webkit-transition: all 0.3s ease-in-out;
4077
+ transition: all 0.3s ease-in-out;
4078
+ opacity: 0;
4079
+ }
4080
+
4081
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay a,
4082
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay a,
4083
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay a {
4084
+ -js-display: flex;
4085
+ display: -webkit-box;
4086
+ display: -webkit-flex;
4087
+ display: -moz-box;
4088
+ display: -ms-flexbox;
4089
+ display: flex;
4090
+ -webkit-box-pack: center;
4091
+ -webkit-justify-content: center;
4092
+ -moz-box-pack: center;
4093
+ -ms-flex-pack: center;
4094
+ justify-content: center;
4095
+ -webkit-box-align: center;
4096
+ -webkit-align-items: center;
4097
+ -moz-box-align: center;
4098
+ -ms-flex-align: center;
4099
+ align-items: center;
4100
+ width: 100%;
4101
+ height: 100%;
4102
+ }
4103
+
4104
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay span,
4105
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay i,
4106
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay span,
4107
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay i,
4108
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay span,
4109
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay i {
4110
+ -webkit-transition: all 0.3s ease-in-out;
4111
+ transition: all 0.3s ease-in-out;
4112
+ }
4113
+
4114
+ .premium-blog-post-container.premium-blog-skin-side {
4115
+ -js-display: flex;
4116
+ display: -webkit-box;
4117
+ display: -webkit-flex;
4118
+ display: -moz-box;
4119
+ display: -ms-flexbox;
4120
+ display: flex;
4121
+ }
4122
+
4123
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-container {
4124
+ height: 100%;
4125
+ }
4126
+
4127
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-content-wrapper {
4128
+ -webkit-box-flex: 1;
4129
+ -webkit-flex: 1;
4130
+ -moz-box-flex: 1;
4131
+ -ms-flex: 1;
4132
+ flex: 1;
4133
+ }
4134
+
4135
+ .premium-blog-post-container.premium-blog-skin-banner {
4136
+ position: relative;
4137
+ }
4138
+
4139
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper {
4140
+ position: absolute;
4141
+ width: 100%;
4142
+ bottom: 0;
4143
+ -js-display: flex;
4144
+ display: -webkit-box;
4145
+ display: -webkit-flex;
4146
+ display: -moz-box;
4147
+ display: -ms-flexbox;
4148
+ display: flex;
4149
+ -webkit-box-orient: vertical;
4150
+ -webkit-box-direction: normal;
4151
+ -webkit-flex-direction: column;
4152
+ -moz-box-orient: vertical;
4153
+ -moz-box-direction: normal;
4154
+ -ms-flex-direction: column;
4155
+ flex-direction: column;
4156
+ background-color: transparent;
4157
+ z-index: 3;
4158
+ }
4159
+
4160
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper-inner {
4161
+ -webkit-transition: -webkit-transform 0.3s ease-in-out;
4162
+ transition: -webkit-transform 0.3s ease-in-out;
4163
+ transition: transform 0.3s ease-in-out;
4164
+ transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
4165
+ }
4166
+
4167
+ .premium-blog-post-container.premium-blog-skin-banner:hover .premium-blog-content-wrapper-inner {
4168
+ -webkit-transform: translateY(-5px);
4169
+ -ms-transform: translateY(-5px);
4170
+ transform: translateY(-5px);
4171
+ }
4172
+
4173
+ .premium-blog-post-container .premium-blog-cats-container ul.post-categories {
4174
+ margin: 0;
4175
+ padding: 0;
4176
+ list-style: none;
4177
+ -js-display: flex;
4178
+ display: -webkit-box;
4179
+ display: -webkit-flex;
4180
+ display: -moz-box;
4181
+ display: -ms-flexbox;
4182
+ display: flex;
4183
+ }
4184
+
4185
+ .premium-blog-post-container .premium-blog-cats-container a {
4186
+ display: block;
4187
+ font-size: 12px;
4188
+ color: #fff;
4189
+ background-color: #777;
4190
+ margin: 0 0 10px 3px;
4191
+ padding: 5px;
4192
+ -webkit-transition: all 0.3s ease-in-out;
4193
+ transition: all 0.3s ease-in-out;
4194
+ }
4195
+
4196
+ /*
4197
+ * Diagonal Effect
4198
+ */
4199
+ .premium-blog-diagonal-container {
4200
+ position: absolute;
4201
+ top: 0;
4202
+ right: 0;
4203
+ width: 100%;
4204
+ height: 100%;
4205
+ }
4206
+
4207
+ .premium-blog-diagonal-effect:before {
4208
+ position: absolute;
4209
+ top: 0px;
4210
+ right: 0px;
4211
+ width: 100%;
4212
+ height: 100%;
4213
+ content: " ";
4214
+ z-index: 1;
4215
+ background: rgba(255, 255, 255, 0.2);
4216
+ -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
4217
+ transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
4218
+ -webkit-transition: all 0.3s linear 0s;
4219
+ transition: all 0.3s linear 0s;
4220
+ }
4221
+
4222
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-diagonal-effect:before {
4223
+ -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
4224
+ transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
4225
+ }
4226
+
4227
+ /*
4228
+ * Framed Effect
4229
+ */
4230
+ .premium-blog-framed-effect {
4231
+ position: absolute;
4232
+ width: -webkit-calc(100% - 30px);
4233
+ width: calc(100% - 30px);
4234
+ height: -webkit-calc(100% - 30px);
4235
+ height: calc(100% - 30px);
4236
+ top: 15px;
4237
+ right: 15px;
4238
+ opacity: 0;
4239
+ -webkit-transform: scale(0.3);
4240
+ -ms-transform: scale(0.3);
4241
+ transform: scale(0.3);
4242
+ -webkit-transition: all 0.3s linear 0s;
4243
+ transition: all 0.3s linear 0s;
4244
+ }
4245
+
4246
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-framed-effect {
4247
+ opacity: 0.99;
4248
+ -webkit-transform: scale(1);
4249
+ -ms-transform: scale(1);
4250
+ transform: scale(1);
4251
+ }
4252
+
4253
+ /*
4254
+ * Bordered Effect
4255
+ */
4256
+ .premium-blog-bordered-effect {
4257
+ position: absolute;
4258
+ top: 0;
4259
+ right: 0;
4260
+ width: 100%;
4261
+ height: 100%;
4262
+ opacity: 0;
4263
+ padding: 15px;
4264
+ -webkit-transition: all 0.3s linear 0s;
4265
+ transition: all 0.3s linear 0s;
4266
+ }
4267
+
4268
+ .premium-blog-bordered-effect .premium-blog-post-link:before,
4269
+ .premium-blog-bordered-effect .premium-blog-post-link:after {
4270
+ content: "";
4271
+ display: block;
4272
+ position: absolute;
4273
+ top: 0;
4274
+ right: 0;
4275
+ width: 100%;
4276
+ height: 100%;
4277
+ -webkit-transition: all 0.5s linear 0s;
4278
+ transition: all 0.5s linear 0s;
4279
+ -webkit-transition-delay: 0s;
4280
+ transition-delay: 0s;
4281
+ border-color: rgba(255, 255, 255, 0.45);
4282
+ }
4283
+
4284
+ .premium-blog-bordered-effect .premium-blog-post-link:before {
4285
+ border-left: 2px solid;
4286
+ border-right: 2px solid;
4287
+ -webkit-transform: scale(1, 0);
4288
+ -ms-transform: scale(1, 0);
4289
+ transform: scale(1, 0);
4290
+ -webkit-transform-origin: 0% 0;
4291
+ -ms-transform-origin: 0% 0;
4292
+ transform-origin: 0% 0;
4293
+ }
4294
+
4295
+ .premium-blog-bordered-effect .premium-blog-post-link:after {
4296
+ border-top: 2px solid;
4297
+ border-bottom: 2px solid;
4298
+ -webkit-transform: scale(0, 1);
4299
+ -ms-transform: scale(0, 1);
4300
+ transform: scale(0, 1);
4301
+ -webkit-transform-origin: 100% 0;
4302
+ -ms-transform-origin: 100% 0;
4303
+ transform-origin: 100% 0;
4304
+ }
4305
+
4306
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect {
4307
+ opacity: 0.99;
4308
+ }
4309
+
4310
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect .premium-blog-post-link:before,
4311
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect .premium-blog-post-link:after {
4312
+ -webkit-transition-delay: 0.15s;
4313
+ transition-delay: 0.15s;
4314
+ opacity: 1;
4315
+ -webkit-transform: scale(1);
4316
+ -ms-transform: scale(1);
4317
+ transform: scale(1);
4318
+ }
4319
+
4320
+ /*
4321
+ * Squares Effect
4322
+ */
4323
+ .premium-blog-squares-effect,
4324
+ .premium-blog-squares-square-container {
4325
+ position: absolute;
4326
+ top: 0;
4327
+ right: 0;
4328
+ width: 100%;
4329
+ height: 100%;
4330
+ }
4331
+
4332
+ .premium-blog-squares-effect:before,
4333
+ .premium-blog-squares-effect:after {
4334
+ position: absolute;
4335
+ content: "";
4336
+ top: 0;
4337
+ right: 0;
4338
+ width: 50%;
4339
+ height: 50%;
4340
+ -webkit-transform: translate(100%, -100%);
4341
+ -ms-transform: translate(100%, -100%);
4342
+ transform: translate(100%, -100%);
4343
+ opacity: 0.7;
4344
+ -webkit-transition: all 0.3s linear 0s;
4345
+ transition: all 0.3s linear 0s;
4346
+ }
4347
+
4348
+ .premium-blog-squares-square-container:before,
4349
+ .premium-blog-squares-square-container:after {
4350
+ position: absolute;
4351
+ content: "";
4352
+ top: 0;
4353
+ right: 0;
4354
+ width: 50%;
4355
+ height: 50%;
4356
+ -webkit-transform: translate(100%, -100%);
4357
+ -ms-transform: translate(100%, -100%);
4358
+ transform: translate(100%, -100%);
4359
+ opacity: 0.7;
4360
+ -webkit-transition: all 0.3s linear 0s;
4361
+ transition: all 0.3s linear 0s;
4362
+ }
4363
+
4364
+ .premium-blog-squares-square-container:before,
4365
+ .premium-blog-squares-square-container:after {
4366
+ opacity: 0.8;
4367
+ }
4368
+
4369
+ .premium-blog-squares-effect:after {
4370
+ -webkit-transform: translate(-200%, 200%);
4371
+ -ms-transform: translate(-200%, 200%);
4372
+ transform: translate(-200%, 200%);
4373
+ }
4374
+
4375
+ .premium-blog-squares-square-container:before {
4376
+ -webkit-transform: translate(100%, 200%);
4377
+ -ms-transform: translate(100%, 200%);
4378
+ transform: translate(100%, 200%);
4379
+ }
4380
+
4381
+ .premium-blog-squares-square-container:after {
4382
+ -webkit-transform: translate(-200%, -100%);
4383
+ -ms-transform: translate(-200%, -100%);
4384
+ transform: translate(-200%, -100%);
4385
+ }
4386
+
4387
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:before {
4388
+ -webkit-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
4389
+ -ms-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
4390
+ transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
4391
+ }
4392
+
4393
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:after {
4394
+ -webkit-transform: translate(-100%, 100%) scaleY(1.003) scaleX(1.003);
4395
+ -ms-transform: translate(-100%, 100%) scaleY(1.003) scaleX(1.003);
4396
+ transform: translate(-100%, 100%) scaleY(1.003) scaleX(1.003);
4397
+ }
4398
+
4399
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:before {
4400
+ -webkit-transform: translate(0, 100%);
4401
+ -ms-transform: translate(0, 100%);
4402
+ transform: translate(0, 100%);
4403
+ }
4404
+
4405
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:after {
4406
+ -webkit-transform: translate(-100%, 0%);
4407
+ -ms-transform: translate(-100%, 0%);
4408
+ transform: translate(-100%, 0%);
4409
+ }
4410
+
4411
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay {
4412
+ opacity: 1;
4413
+ }
4414
+
4415
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay a {
4416
+ opacity: 1;
4417
+ -webkit-transform: scale(1);
4418
+ -ms-transform: scale(1);
4419
+ transform: scale(1);
4420
+ }
4421
+
4422
+ .premium-blog-clear-fix {
4423
+ clear: both;
4424
+ }
4425
+
4426
+ .premium-blog-masked .premium-blog-thumbnail-container {
4427
+ position: relative;
4428
+ overflow: visible;
4429
+ }
4430
+
4431
+ .premium-blog-masked .premium-blog-thumbnail-container svg {
4432
+ position: absolute;
4433
+ height: 100px;
4434
+ width: 100%;
4435
+ bottom: -5px;
4436
+ right: 0;
4437
+ fill: #f5f5f5;
4438
+ z-index: 99;
4439
+ }
4440
+
4441
+ .premium-blog-masked .premium-blog-thumbnail-container svg.premium-blog-shape-divider-svg {
4442
+ -webkit-transform: rotate(180deg);
4443
+ -ms-transform: rotate(180deg);
4444
+ transform: rotate(180deg);
4445
+ }
4446
+
4447
+ .premium-blog-masked .premium-blog-author-thumbnail,
4448
+ .premium-blog-masked .premium-blog-skin-banner .premium-blog-content-wrapper {
4449
+ z-index: 999 !important;
4450
+ }
4451
+
4452
+ /*Post Format Container*/
4453
+ .premium-blog-format-link {
4454
+ padding: 5px;
4455
+ line-height: 0;
4456
+ }
4457
+
4458
+ /*Post Format Icon*/
4459
+ /*Post Format Content Margin */
4460
+ .premium-blog-entry-meta {
4461
+ line-height: 1.3em;
4462
+ font-size: 12px;
4463
+ margin-bottom: 13px;
4464
+ color: #adadad;
4465
+ }
4466
+
4467
+ .premium-blog-entry-meta i {
4468
+ margin-left: 3px;
4469
+ -webkit-transition: all 0.3s ease-in-out;
4470
+ transition: all 0.3s ease-in-out;
4471
+ }
4472
+
4473
+ .premium-blog-meta-data {
4474
+ display: inline-block;
4475
+ }
4476
+
4477
+ .premium-blog-meta-data .premium-blog-meta-separator {
4478
+ margin: 0 5px;
4479
+ }
4480
+
4481
+ .premium-blog-meta-data a,
4482
+ .premium-blog-meta-data span {
4483
+ color: inherit;
4484
+ -webkit-transition: all 0.3s ease-in-out;
4485
+ transition: all 0.3s ease-in-out;
4486
+ }
4487
+
4488
+ .premium-blog-author-thumbnail {
4489
+ position: relative;
4490
+ padding: 0 30px;
4491
+ width: 100%;
4492
+ top: -10px;
4493
+ height: 0;
4494
+ pointer-events: none;
4495
+ }
4496
+
4497
+ .premium-blog-author-thumbnail img {
4498
+ -webkit-border-radius: 50%;
4499
+ border-radius: 50%;
4500
+ width: 60px;
4501
+ pointer-events: all;
4502
+ -webkit-transform: translateY(-50%);
4503
+ -ms-transform: translateY(-50%);
4504
+ transform: translateY(-50%);
4505
+ }
4506
+
4507
+ .premium-blog-entry-title a,
4508
+ .premium-blog-post-tags-container a,
4509
+ .premium-blog-post-content .premium-blog-excerpt-link {
4510
+ -webkit-transition: all 0.3s ease-in-out;
4511
+ transition: all 0.3s ease-in-out;
4512
+ }
4513
+
4514
+ .premium-blog-excerpt-link-wrap a.premium-blog-excerpt-link {
4515
+ background-color: transparent;
4516
+ color: #54595f;
4517
+ padding: 0;
4518
+ }
4519
+
4520
+ .premium-blog-cta-full-yes .premium-blog-excerpt-link {
4521
+ width: 100%;
4522
+ }
4523
+
4524
+ .premium-blog-post-tags-container {
4525
+ margin-top: 8px;
4526
+ -js-display: flex;
4527
+ display: -webkit-box;
4528
+ display: -webkit-flex;
4529
+ display: -moz-box;
4530
+ display: -ms-flexbox;
4531
+ display: flex;
4532
+ -webkit-box-align: center;
4533
+ -webkit-align-items: center;
4534
+ -moz-box-align: center;
4535
+ -ms-flex-align: center;
4536
+ align-items: center;
4537
+ -webkit-flex-wrap: wrap;
4538
+ -ms-flex-wrap: wrap;
4539
+ flex-wrap: wrap;
4540
+ }
4541
+
4542
+ .premium-blog-post-tags-container a {
4543
+ color: inherit;
4544
+ margin-right: 5px;
4545
+ }
4546
+
4547
+ .premium-blog-align-center .post-categories,
4548
+ .premium-blog-align-center .premium-blog-inner-container,
4549
+ .premium-blog-align-center .premium-blog-post-tags-container {
4550
+ -webkit-box-pack: center;
4551
+ -webkit-justify-content: center;
4552
+ -moz-box-pack: center;
4553
+ -ms-flex-pack: center;
4554
+ justify-content: center;
4555
+ }
4556
+
4557
+ .premium-blog-align-left .premium-blog-post-container .post-categories,
4558
+ .premium-blog-align-left .premium-blog-post-container .premium-blog-inner-container,
4559
+ .premium-blog-align-left .premium-blog-post-container .premium-blog-post-tags-container {
4560
+ -webkit-box-pack: end;
4561
+ -webkit-justify-content: flex-end;
4562
+ -moz-box-pack: end;
4563
+ -ms-flex-pack: end;
4564
+ justify-content: flex-end;
4565
+ }
4566
+
4567
+ /* .premium-blog-align-left .premium-blog-post-container.premium-blog-skin-cards .post-categories,
4568
+ .premium-blog-align-left .premium-blog-post-container.premium-blog-skin-cards .premium-blog-inner-container,
4569
+ .premium-blog-align-left .premium-blog-post-container.premium-blog-skin-cards .premium-blog-post-tags-container {
4570
+ -webkit-box-pack: start;
4571
+ -webkit-justify-content: flex-start;
4572
+ -moz-box-pack: start;
4573
+ -ms-flex-pack: start;
4574
+ justify-content: flex-start;
4575
+ } */
4576
+
4577
+ .premium-blog-align-right .premium-blog-post-container .post-categories,
4578
+ .premium-blog-align-right .premium-blog-post-container .premium-blog-inner-container,
4579
+ .premium-blog-align-right .premium-blog-post-container .premium-blog-post-tags-container {
4580
+ -webkit-box-pack: start;
4581
+ -webkit-justify-content: flex-start;
4582
+ -moz-box-pack: start;
4583
+ -ms-flex-pack: start;
4584
+ justify-content: flex-start;
4585
+ }
4586
+
4587
+ /* .premium-blog-align-right .premium-blog-post-container.premium-blog-skin-cards .post-categories,
4588
+ .premium-blog-align-right .premium-blog-post-container.premium-blog-skin-cards .premium-blog-inner-container,
4589
+ .premium-blog-align-right .premium-blog-post-container.premium-blog-skin-cards .premium-blog-post-tags-container {
4590
+ -webkit-box-pack: end;
4591
+ -webkit-justify-content: flex-end;
4592
+ -moz-box-pack: end;
4593
+ -ms-flex-pack: end;
4594
+ justify-content: flex-end;
4595
+ } */
4596
+
4597
+ /* Pagination */
4598
+ .premium-blog-pagination-container {
4599
+ text-align: left;
4600
+ }
4601
+
4602
+ .premium-blog-pagination-container span {
4603
+ cursor: default;
4604
+ }
4605
+
4606
+ .premium-blog-pagination-container .page-numbers {
4607
+ display: inline-block;
4608
+ color: #000;
4609
+ line-height: 1;
4610
+ font-size: 1em;
4611
+ font-weight: 400;
4612
+ text-decoration: none;
4613
+ padding: 0.75em;
4614
+ margin: 0 0 0.4em 0.4em;
4615
+ -webkit-transition: all 0.2s ease-in-out;
4616
+ transition: all 0.2s ease-in-out;
4617
+ }
4618
+
4619
+ .premium-blog-wrap .premium-loading-feed {
4620
+ display: block;
4621
+ position: absolute;
4622
+ width: 100%;
4623
+ height: 100%;
4624
+ top: 0px;
4625
+ right: 0px;
4626
+ bottom: 0px;
4627
+ left: 0px;
4628
+ background: rgba(255, 255, 255, 0.2);
4629
+ -js-display: flex;
4630
+ display: -webkit-box;
4631
+ display: -webkit-flex;
4632
+ display: -moz-box;
4633
+ display: -ms-flexbox;
4634
+ display: flex;
4635
+ -webkit-box-align: center;
4636
+ -webkit-align-items: center;
4637
+ -moz-box-align: center;
4638
+ -ms-flex-align: center;
4639
+ align-items: center;
4640
+ z-index: 99;
4641
+ }
4642
+
4643
+ .premium-blog-wrap {
4644
+ -js-display: flex;
4645
+ display: -webkit-box;
4646
+ display: -webkit-flex;
4647
+ display: -moz-box;
4648
+ display: -ms-flexbox;
4649
+ display: flex;
4650
+ -webkit-flex-wrap: wrap;
4651
+ -ms-flex-wrap: wrap;
4652
+ flex-wrap: wrap;
4653
+ }
4654
+
4655
+ .premium-blog-wrap ul.slick-dots {
4656
+ width: 100%;
4657
+ }
4658
+
4659
+ /**
4660
+ * Even Layout
4661
+ */
4662
+ .premium-blog-even .premium-blog-post-container {
4663
+ height: 100%;
4664
+ }
4665
+
4666
+ .premium-blog-even .slick-track {
4667
+ -js-display: flex;
4668
+ display: -webkit-box;
4669
+ display: -webkit-flex;
4670
+ display: -moz-box;
4671
+ display: -ms-flexbox;
4672
+ display: flex;
4673
+ }
4674
+
4675
+ .premium-blog-even .slick-slide {
4676
+ height: inherit !important;
4677
+ }
4678
+
4679
+ /**
4680
+ * Responsive Style
4681
+ */
4682
+ @media (max-width: 768px) {
4683
+ .premium-blog-content-wrapper {
4684
+ top: 0;
4685
+ margin: 0;
4686
+ padding: 15px;
4687
+ }
4688
+
4689
+ .premium-blog-thumb-effect-wrapper {
4690
+ margin-bottom: 15px;
4691
+ }
4692
+ }
4693
+
4694
+ [dir="rtl"] .premium-blog-wrap.slick-slider .slick-list,
4695
+ [dir="rtl"] .premium-blog-wrap.slick-slider .slick-track {
4696
+ direction: ltr;
4697
+ }
4698
+
4699
+ /************ Premium Team Members ************/
4700
+ /*********************************************/
4701
+ .premium-person-container {
4702
+ position: relative;
4703
+ }
4704
+
4705
+ .premium-person-image-container {
4706
+ position: relative;
4707
+ text-align: center;
4708
+ }
4709
+
4710
+ .premium-person-image-container .premium-person-image-wrap {
4711
+ overflow: hidden;
4712
+ }
4713
+
4714
+ .premium-person-zoomout-effect .premium-person-image-container img,
4715
+ .premium-person-scale-effect .premium-person-image-container img {
4716
+ -webkit-transform: scale(1.2);
4717
+ -ms-transform: scale(1.2);
4718
+ transform: scale(1.2);
4719
+ }
4720
+
4721
+ .premium-person-sepia-effect .premium-person-image-container img {
4722
+ -webkit-filter: sepia(30%);
4723
+ filter: sepia(30%);
4724
+ }
4725
+
4726
+ .premium-person-bright-effect .premium-person-image-container img {
4727
+ -webkit-filter: brightness(1);
4728
+ filter: brightness(1);
4729
+ }
4730
+
4731
+ .premium-person-trans-effect .premium-person-image-container img {
4732
+ -webkit-transform: translateX(15px) scale(1.1);
4733
+ -ms-transform: translateX(15px) scale(1.1);
4734
+ transform: translateX(15px) scale(1.1);
4735
+ }
4736
+
4737
+ .premium-person-zoomin-effect:hover .premium-person-image-container img {
4738
+ -webkit-transform: scale(1.2);
4739
+ -ms-transform: scale(1.2);
4740
+ transform: scale(1.2);
4741
+ }
4742
+
4743
+ .premium-person-zoomout-effect:hover .premium-person-image-container img {
4744
+ -webkit-transform: scale(1.1);
4745
+ -ms-transform: scale(1.1);
4746
+ transform: scale(1.1);
4747
+ }
4748
+
4749
+ .premium-person-scale-effect:hover .premium-person-image-container img {
4750
+ -webkit-transform: scale(1.3) rotate(-5deg);
4751
+ -ms-transform: scale(1.3) rotate(-5deg);
4752
+ transform: scale(1.3) rotate(-5deg);
4753
+ }
4754
+
4755
+ .premium-person-grayscale-effect:hover .premium-person-image-container img {
4756
+ -webkit-filter: grayscale(100%);
4757
+ filter: grayscale(100%);
4758
+ }
4759
+
4760
+ .premium-person-blur-effect:hover .premium-person-image-container img {
4761
+ -webkit-filter: blur(3px);
4762
+ filter: blur(3px);
4763
+ }
4764
+
4765
+ .premium-person-sepia-effect:hover .premium-person-image-container img {
4766
+ -webkit-filter: sepia(0%);
4767
+ filter: sepia(0%);
4768
+ }
4769
+
4770
+ .premium-person-bright-effect:hover .premium-person-image-container img {
4771
+ -webkit-filter: brightness(1.2);
4772
+ filter: brightness(1.2);
4773
+ }
4774
+
4775
+ .premium-person-trans-effect:hover .premium-person-image-container img {
4776
+ -webkit-transform: translateX(0px) scale(1.1);
4777
+ -ms-transform: translateX(0px) scale(1.1);
4778
+ transform: translateX(0px) scale(1.1);
4779
+ }
4780
+
4781
+ .premium-person-container .premium-person-image-container img {
4782
+ width: 100%;
4783
+ height: 100%;
4784
+ -o-object-fit: cover;
4785
+ object-fit: cover;
4786
+ -webkit-transition: all 0.5s ease-in-out;
4787
+ transition: all 0.5s ease-in-out;
4788
+ }
4789
+
4790
+ .premium-person-style2 .premium-person-social {
4791
+ position: absolute;
4792
+ top: 0;
4793
+ right: 0;
4794
+ width: 100%;
4795
+ height: 100%;
4796
+ z-index: 2;
4797
+ -js-display: flex;
4798
+ display: -webkit-box;
4799
+ display: -webkit-flex;
4800
+ display: -moz-box;
4801
+ display: -ms-flexbox;
4802
+ display: flex;
4803
+ -webkit-box-pack: center;
4804
+ -webkit-justify-content: center;
4805
+ -moz-box-pack: center;
4806
+ -ms-flex-pack: center;
4807
+ justify-content: center;
4808
+ -webkit-box-align: center;
4809
+ -webkit-align-items: center;
4810
+ -moz-box-align: center;
4811
+ -ms-flex-align: center;
4812
+ align-items: center;
4813
+ -webkit-box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
4814
+ box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
4815
+ -webkit-transition: all 0.5s linear 0s;
4816
+ transition: all 0.5s linear 0s;
4817
+ opacity: 0;
4818
+ }
4819
+
4820
+ .premium-person-style2 .premium-person-image-container:hover .premium-person-social {
4821
+ opacity: 1;
4822
+ }
4823
+
4824
+ .premium-person-list-item a {
4825
+ display: inline-block;
4826
+ }
4827
+
4828
+ .premium-person-style2 .premium-person-list-item a {
4829
+ opacity: 0;
4830
+ -webkit-transform: scale(0);
4831
+ -ms-transform: scale(0);
4832
+ transform: scale(0);
4833
+ -webkit-transition: all 0.5s ease-in-out 0s;
4834
+ transition: all 0.5s ease-in-out 0s;
4835
+ }
4836
+
4837
+ .premium-person-style2 .premium-person-image-container:hover .premium-person-list-item a {
4838
+ opacity: 1;
4839
+ -webkit-transform: scale(1);
4840
+ -ms-transform: scale(1);
4841
+ transform: scale(1);
4842
+ }
4843
+
4844
+ .premium-person-info-container {
4845
+ padding: 30px 15px;
4846
+ }
4847
+
4848
+ .premium-person-name {
4849
+ margin: 0 0 5px;
4850
+ font-weight: 700;
4851
+ }
4852
+
4853
+ .premium-person-title {
4854
+ margin: 0 0 20px;
4855
+ padding: 0;
4856
+ }
4857
+
4858
+ .premium-person-content {
4859
+ margin: 0 0 30px;
4860
+ }
4861
+
4862
+ /*Override Theme List Margin*/
4863
+ ul.premium-person-social-list {
4864
+ margin: 0px !important;
4865
+ padding: 0;
4866
+ }
4867
+
4868
+ .premium-person-social-list .premium-person-list-item {
4869
+ display: inline;
4870
+ list-style: none;
4871
+ }
4872
+
4873
+ .premium-person-social-list li {
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
+
4880
+ .premium-person-social-list li i {
4881
+ position: relative;
4882
+ bottom: 0px;
4883
+ -webkit-transition: all 0.2s ease-in-out;
4884
+ transition: all 0.2s ease-in-out;
4885
+ }
4886
+
4887
+ .premium-person-defaults-yes li.premium-person-facebook:hover a {
4888
+ background-color: #3b5998 !important;
4889
+ }
4890
+
4891
+ .premium-person-defaults-yes li.premium-person-twitter:hover a {
4892
+ background-color: #55acee !important;
4893
+ }
4894
+
4895
+ .premium-person-defaults-yes li.premium-person-linkedin:hover a {
4896
+ background-color: #0077b5 !important;
4897
+ }
4898
+
4899
+ .premium-person-defaults-yes li.premium-person-google:hover a {
4900
+ background-color: #dc4e41 !important;
4901
+ }
4902
+
4903
+ .premium-person-defaults-yes li.premium-person-youtube:hover a {
4904
+ background-color: #b31217 !important;
4905
+ }
4906
+
4907
+ .premium-person-defaults-yes li.premium-person-instagram:hover a {
4908
+ background-color: #e4405f !important;
4909
+ }
4910
+
4911
+ .premium-person-defaults-yes li.premium-person-skype:hover a {
4912
+ background-color: #00aff0 !important;
4913
+ }
4914
+
4915
+ .premium-person-defaults-yes li.premium-person-pinterest:hover a {
4916
+ background-color: #bd081c !important;
4917
+ }
4918
+
4919
+ .premium-person-defaults-yes li.premium-person-dribbble:hover a {
4920
+ background-color: #ea4c89 !important;
4921
+ }
4922
+
4923
+ .premium-person-defaults-yes li.premium-person-mail:hover a {
4924
+ background-color: #b23121 !important;
4925
+ }
4926
+
4927
+ .premium-person-defaults-yes li.premium-person-behance:hover a {
4928
+ background-color: #1769ff !important;
4929
+ }
4930
+
4931
+ .premium-person-defaults-yes li.premium-person-whatsapp:hover a {
4932
+ background-color: #25d366 !important;
4933
+ }
4934
+
4935
+ .premium-person-defaults-yes li.premium-person-telegram:hover a {
4936
+ background-color: #0088cc !important;
4937
+ }
4938
+
4939
+ .premium-person-defaults-yes li.premium-person-site:hover a {
4940
+ background-color: #0055a5 !important;
4941
+ }
4942
+
4943
+ .premium-person-social-list li:hover a {
4944
+ -webkit-box-shadow: none;
4945
+ box-shadow: none;
4946
+ }
4947
+
4948
+ .premium-person-social-list li a:focus {
4949
+ -webkit-box-shadow: none;
4950
+ box-shadow: none;
4951
+ outline: none;
4952
+ }
4953
+
4954
+ .premium-person-social-list li i {
4955
+ font-size: 18px;
4956
+ }
4957
+
4958
+ .elementor-widget-premium-addon-person .elementor-widget-container {
4959
+ -js-display: flex;
4960
+ display: -webkit-box;
4961
+ display: -webkit-flex;
4962
+ display: -moz-box;
4963
+ display: -ms-flexbox;
4964
+ display: flex;
4965
+ -webkit-box-pack: center;
4966
+ -webkit-justify-content: center;
4967
+ -moz-box-pack: center;
4968
+ -ms-flex-pack: center;
4969
+ justify-content: center;
4970
+ }
4971
+
4972
+ .premium-persons-container.multiple-persons {
4973
+ -js-display: flex;
4974
+ display: -webkit-box;
4975
+ display: -webkit-flex;
4976
+ display: -moz-box;
4977
+ display: -ms-flexbox;
4978
+ display: flex;
4979
+ -webkit-flex-wrap: wrap;
4980
+ -ms-flex-wrap: wrap;
4981
+ flex-wrap: wrap;
4982
+ width: 100%;
4983
+ }
4984
+
4985
+ .premium-person-style1 .premium-person-container {
4986
+ overflow: hidden;
4987
+ }
4988
+
4989
+ .premium-person-style1 .premium-person-container .premium-person-info {
4990
+ position: absolute;
4991
+ top: auto;
4992
+ left: 0;
4993
+ right: 0;
4994
+ -webkit-transition: all 500ms ease 0s;
4995
+ transition: all 500ms ease 0s;
4996
+ -webkit-transform: translate3d(0, 100%, 0);
4997
+ transform: translate3d(0, 100%, 0);
4998
+ }
4999
+
5000
+ .premium-person-style1 .premium-person-container:hover .premium-person-info {
5001
+ -webkit-transform: translate3d(0, 0, 0);
5002
+ transform: translate3d(0, 0, 0);
5003
+ bottom: -1px !important;
5004
+ }
5005
+
5006
+ .premium-person-style1 .premium-person-social-list li:hover {
5007
+ bottom: 5px;
5008
+ }
5009
+
5010
+ .premium-person-style1.multiple-persons:not([data-persons-equal="yes"]) {
5011
+ -webkit-box-align: start;
5012
+ -webkit-align-items: flex-start;
5013
+ -moz-box-align: start;
5014
+ -ms-flex-align: start;
5015
+ align-items: flex-start;
5016
+ }
5017
+
5018
+ .premium-person-style1 .slick-track {
5019
+ -js-display: flex;
5020
+ display: -webkit-box;
5021
+ display: -webkit-flex;
5022
+ display: -moz-box;
5023
+ display: -ms-flexbox;
5024
+ display: flex;
5025
+ }
5026
+
5027
+ .premium-person-style1 .slick-slide {
5028
+ height: inherit !important;
5029
+ }
5030
+
5031
+ .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-container,
5032
+ .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-wrap {
5033
+ height: 100%;
5034
+ }
5035
+
5036
+ .premium-person-style3 .premium-person-info-container {
5037
+ position: absolute;
5038
+ top: 0;
5039
+ right: 0;
5040
+ width: 100%;
5041
+ height: 100%;
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-orient: vertical;
5049
+ -webkit-box-direction: normal;
5050
+ -webkit-flex-direction: column;
5051
+ -moz-box-orient: vertical;
5052
+ -moz-box-direction: normal;
5053
+ -ms-flex-direction: column;
5054
+ flex-direction: column;
5055
+ -webkit-box-pack: justify;
5056
+ -webkit-justify-content: space-between;
5057
+ -moz-box-pack: justify;
5058
+ -ms-flex-pack: justify;
5059
+ justify-content: space-between;
5060
+ }
5061
+
5062
+ .premium-person-style3 .premium-person-title-desc-wrap {
5063
+ -js-display: flex;
5064
+ display: -webkit-box;
5065
+ display: -webkit-flex;
5066
+ display: -moz-box;
5067
+ display: -ms-flexbox;
5068
+ display: flex;
5069
+ -webkit-box-orient: horizontal;
5070
+ -webkit-box-direction: reverse;
5071
+ -webkit-flex-direction: row-reverse;
5072
+ -moz-box-orient: horizontal;
5073
+ -moz-box-direction: reverse;
5074
+ -ms-flex-direction: row-reverse;
5075
+ flex-direction: row-reverse;
5076
+ -webkit-box-pack: justify;
5077
+ -webkit-justify-content: space-between;
5078
+ -moz-box-pack: justify;
5079
+ -ms-flex-pack: justify;
5080
+ justify-content: space-between;
5081
+ -webkit-box-align: start;
5082
+ -webkit-align-items: flex-start;
5083
+ -moz-box-align: start;
5084
+ -ms-flex-align: start;
5085
+ align-items: flex-start;
5086
+ }
5087
+
5088
+ .premium-person-style3 .premium-person-name-icons-wrap {
5089
+ -js-display: flex;
5090
+ display: -webkit-box;
5091
+ display: -webkit-flex;
5092
+ display: -moz-box;
5093
+ display: -ms-flexbox;
5094
+ display: flex;
5095
+ -webkit-box-pack: justify;
5096
+ -webkit-justify-content: space-between;
5097
+ -moz-box-pack: justify;
5098
+ -ms-flex-pack: justify;
5099
+ justify-content: space-between;
5100
+ -webkit-box-align: end;
5101
+ -webkit-align-items: flex-end;
5102
+ -moz-box-align: end;
5103
+ -ms-flex-align: end;
5104
+ align-items: flex-end;
5105
+ }
5106
+
5107
+ .premium-person-style3 .premium-person-title {
5108
+ opacity: 0;
5109
+ -webkit-transition: all 0.3s ease;
5110
+ transition: all 0.3s ease;
5111
+ width: 0;
5112
+ }
5113
+
5114
+ .premium-person-style3 .premium-person-title span {
5115
+ display: inline-block;
5116
+ }
5117
+
5118
+ .premium-person-style3 .premium-person-name {
5119
+ padding-right: 10px;
5120
+ }
5121
+
5122
+ .premium-person-style3 .premium-person-social-list {
5123
+ -js-display: flex;
5124
+ display: -webkit-box;
5125
+ display: -webkit-flex;
5126
+ display: -moz-box;
5127
+ display: -ms-flexbox;
5128
+ display: flex;
5129
+ -webkit-box-orient: vertical;
5130
+ -webkit-box-direction: normal;
5131
+ -webkit-flex-direction: column;
5132
+ -moz-box-orient: vertical;
5133
+ -moz-box-direction: normal;
5134
+ -ms-flex-direction: column;
5135
+ flex-direction: column;
5136
+ -webkit-transform: translateY(20px);
5137
+ -ms-transform: translateY(20px);
5138
+ transform: translateY(20px);
5139
+ opacity: 0;
5140
+ -webkit-transition: all 0.3s ease;
5141
+ transition: all 0.3s ease;
5142
+ }
5143
+
5144
+ .premium-person-style3 .premium-person-list-item {
5145
+ line-height: 0;
5146
+ }
5147
+
5148
+ .premium-person-style3 .premium-person-list-item a {
5149
+ padding: 5px 0 0 10px;
5150
+ margin: 5px 0;
5151
+ }
5152
+
5153
+ .premium-person-style3 .premium-person-container:hover .premium-person-title {
5154
+ opacity: 1;
5155
+ }
5156
+
5157
+ .premium-person-style3 .premium-person-container:hover .premium-person-social-list {
5158
+ opacity: 1;
5159
+ -webkit-transform: translateY(0);
5160
+ -ms-transform: translateY(0);
5161
+ transform: translateY(0);
5162
+ }
5163
+
5164
+ .premium-persons-title-cw .premium-person-title {
5165
+ -webkit-transform: translateX(-15px) rotate(-90deg);
5166
+ -ms-transform: translateX(-15px) rotate(-90deg);
5167
+ transform: translateX(-15px) rotate(-90deg);
5168
+ -webkit-transform-origin: top;
5169
+ -ms-transform-origin: top;
5170
+ transform-origin: top;
5171
+ }
5172
+
5173
+ .premium-persons-title-cw .premium-person-container:hover .premium-person-title {
5174
+ -webkit-transform: translateX(0) rotate(-90deg);
5175
+ -ms-transform: translateX(0) rotate(-90deg);
5176
+ transform: translateX(0) rotate(-90deg);
5177
+ }
5178
+
5179
+ .premium-persons-title-ccw .premium-person-title {
5180
+ width: auto;
5181
+ margin-left: 20px;
5182
+ -webkit-transform: translateX(-15px) rotate(90deg);
5183
+ -ms-transform: translateX(-15px) rotate(90deg);
5184
+ transform: translateX(-15px) rotate(90deg);
5185
+ -webkit-transform-origin: center left;
5186
+ -ms-transform-origin: center left;
5187
+ transform-origin: center left;
5188
+ }
5189
+
5190
+ .premium-persons-title-ccw .premium-person-container:hover .premium-person-title {
5191
+ -webkit-transform: translateX(0) rotate(90deg);
5192
+ -ms-transform: translateX(0) rotate(90deg);
5193
+ transform: translateX(0) rotate(90deg);
5194
+ }
5195
+
5196
+ /**************** Premium Fancy Text *******************/
5197
+ /*******************************************************/
5198
+ .premium-suffix-text,
5199
+ .premium-fancy-text,
5200
+ .premium-prefix-text {
5201
+ font-size: 40px;
5202
+ }
5203
+
5204
+ .premium-fancy-text-wrapper .premium-fancy-list-items {
5205
+ list-style: none;
5206
+ }
5207
+
5208
+ .premium-fancy-text-wrapper .premium-fancy-text-span-align {
5209
+ vertical-align: top;
5210
+ }
5211
+
5212
+ .premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-text-items-wrapper {
5213
+ margin: 0;
5214
+ padding: 0;
5215
+ border: none;
5216
+ position: relative;
5217
+ }
5218
+
5219
+ .premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-list-items {
5220
+ position: absolute;
5221
+ top: 0;
5222
+ left: 0;
5223
+ display: inline-block;
5224
+ }
5225
+
5226
+ .premium-fancy-text-wrapper.zoomout .premium-fancy-item-hidden {
5227
+ opacity: 0;
5228
+ -webkit-animation: pa-zoom-out 0.8s;
5229
+ animation: pa-zoom-out 0.8s;
5230
+ }
5231
+
5232
+ .premium-fancy-text-wrapper.zoomout .premium-fancy-item-visible {
5233
+ position: relative !important;
5234
+ -webkit-animation: pa-zoom-in 0.8s;
5235
+ animation: pa-zoom-in 0.8s;
5236
+ }
5237
+
5238
+ .premium-fancy-text-wrapper.zoomout .premium-fancy-text-items-wrapper {
5239
+ -webkit-perspective: 300px;
5240
+ perspective: 300px;
5241
+ }
5242
+
5243
+ .premium-fancy-text-wrapper.rotate .premium-fancy-list-items {
5244
+ -webkit-transform-origin: 50% 100%;
5245
+ -ms-transform-origin: 50% 100%;
5246
+ transform-origin: 50% 100%;
5247
+ }
5248
+
5249
+ .premium-fancy-text-wrapper.rotate .premium-fancy-item-hidden {
5250
+ opacity: 0;
5251
+ -webkit-transform: rotateX(180deg);
5252
+ transform: rotateX(180deg);
5253
+ -webkit-animation: pa-rotate-out 1.2s;
5254
+ animation: pa-rotate-out 1.2s;
5255
+ }
5256
+
5257
+ .premium-fancy-text-wrapper.rotate .premium-fancy-item-visible {
5258
+ position: relative !important;
5259
+ -webkit-transform: rotateX(0deg);
5260
+ transform: rotateX(0deg);
5261
+ -webkit-animation: pa-rotate-in 1.2s;
5262
+ animation: pa-rotate-in 1.2s;
5263
+ }
5264
+
5265
+ .premium-fancy-text-wrapper.custom .premium-fancy-item-hidden {
5266
+ opacity: 0;
5267
+ }
5268
+
5269
+ .premium-fancy-text-wrapper.custom .premium-fancy-item-visible {
5270
+ position: relative !important;
5271
+ }
5272
+
5273
+ .premium-fancy-text-wrapper.auto-fade .premium-fancy-text {
5274
+ display: inline-block;
5275
+ width: 200px;
5276
+ font-weight: 400;
5277
+ }
5278
+
5279
+ .premium-fancy-text-wrapper.auto-fade .premium-fancy-svg-text {
5280
+ position: relative;
5281
+ vertical-align: sub;
5282
+ }
5283
+
5284
+ .premium-fancy-text-wrapper.auto-fade g>text {
5285
+ text-anchor: start;
5286
+ shape-rendering: crispEdges;
5287
+ opacity: 0;
5288
+ font-size: 300px;
5289
+ -webkit-animation-name: pa-auto-fade;
5290
+ animation-name: pa-auto-fade;
5291
+ -moz-animation-name: pa-auto-fade;
5292
+ -webkit-animation-duration: 9s;
5293
+ animation-duration: 9s;
5294
+ -webkit-animation-timing-function: linear;
5295
+ animation-timing-function: linear;
5296
+ -webkit-animation-iteration-count: infinite;
5297
+ animation-iteration-count: infinite;
5298
+ }
5299
+
5300
+ .premium-fancy-text-wrapper.auto-fade g>text:nth-child(1) {
5301
+ -webkit-animation-delay: 0s;
5302
+ animation-delay: 0s;
5303
+ }
5304
+
5305
+ .premium-fancy-text-wrapper.auto-fade g>text:nth-child(2) {
5306
+ -webkit-animation-delay: 3s;
5307
+ animation-delay: 3s;
5308
+ }
5309
+
5310
+ .premium-fancy-text-wrapper.auto-fade g>text:nth-child(3) {
5311
+ -webkit-animation-delay: 6s;
5312
+ animation-delay: 6s;
5313
+ }
5314
+
5315
+ .premium-fancy-text-wrapper.loading .premium-fancy-text {
5316
+ position: relative;
5317
+ }
5318
+
5319
+ .premium-fancy-text-wrapper.loading .premium-fancy-text .premium-loading-bar {
5320
+ position: absolute;
5321
+ width: 100%;
5322
+ height: 3px;
5323
+ bottom: 0;
5324
+ left: 0;
5325
+ animation: pa-loading-bar 2.5s ease-out infinite;
5326
+ -webkit-animation: pa-loading-bar 2.5s ease-out infinite;
5327
+ }
5328
+
5329
+ .premium-fancy-text-wrapper.loading.pause .premium-fancy-text:hover .premium-loading-bar {
5330
+ -webkit-animation-play-state: paused;
5331
+ animation-play-state: paused;
5332
+ }
5333
+
5334
+ @-webkit-keyframes pa-auto-fade {
5335
+ 0% {
5336
+ opacity: 0;
5337
+ }
5338
+
5339
+ 20% {
5340
+ opacity: 1;
5341
+ }
5342
+
5343
+ 35% {
5344
+ opacity: 0;
5345
+ }
5346
+
5347
+ 100% {
5348
+ opacity: 0;
5349
+ }
5350
+ }
5351
+
5352
+ @keyframes pa-auto-fade {
5353
+ 0% {
5354
+ opacity: 0;
5355
+ }
5356
+
5357
+ 20% {
5358
+ opacity: 1;
5359
+ }
5360
+
5361
+ 35% {
5362
+ opacity: 0;
5363
+ }
5364
+
5365
+ 100% {
5366
+ opacity: 0;
5367
+ }
5368
+ }
5369
+
5370
+ @-webkit-keyframes pa-loading-bar {
5371
+ 0% {
5372
+ width: 0;
5373
+ }
5374
+
5375
+ 100% {
5376
+ width: 100;
5377
+ }
5378
+ }
5379
+
5380
+ @keyframes pa-loading-bar {
5381
+ 0% {
5382
+ width: 0;
5383
+ }
5384
+
5385
+ 100% {
5386
+ width: 100;
5387
+ }
5388
+ }
5389
+
5390
+ @-webkit-keyframes pa-zoom-in {
5391
+ 0% {
5392
+ opacity: 0;
5393
+ -webkit-transform: translateZ(100px);
5394
+ transform: translateZ(100px);
5395
+ }
5396
+
5397
+ 100% {
5398
+ opacity: 1;
5399
+ -webkit-transform: translateZ(0);
5400
+ transform: translateZ(0);
5401
+ }
5402
+ }
5403
+
5404
+ @keyframes pa-zoom-in {
5405
+ 0% {
5406
+ opacity: 0;
5407
+ -webkit-transform: translateZ(100px);
5408
+ transform: translateZ(100px);
5409
+ }
5410
+
5411
+ 100% {
5412
+ opacity: 1;
5413
+ -webkit-transform: translateZ(0);
5414
+ transform: translateZ(0);
5415
+ }
5416
+ }
5417
+
5418
+ @-webkit-keyframes pa-zoom-out {
5419
+ 0% {
5420
+ opacity: 1;
5421
+ -webkit-transform: translateZ(0);
5422
+ transform: translateZ(0);
5423
+ }
5424
+
5425
+ 100% {
5426
+ opacity: 0;
5427
+ -webkit-transform: translateZ(-100px);
5428
+ transform: translateZ(-100px);
5429
+ }
5430
+ }
5431
+
5432
+ @keyframes pa-zoom-out {
5433
+ 0% {
5434
+ opacity: 1;
5435
+ -webkit-transform: translateZ(0);
5436
+ transform: translateZ(0);
5437
+ }
5438
+
5439
+ 100% {
5440
+ opacity: 0;
5441
+ -webkit-transform: translateZ(-100px);
5442
+ transform: translateZ(-100px);
5443
+ }
5444
+ }
5445
+
5446
+ @-webkit-keyframes pa-rotate-in {
5447
+ 0% {
5448
+ opacity: 0;
5449
+ -webkit-transform: rotateX(180deg);
5450
+ transform: rotateX(180deg);
5451
+ }
5452
+
5453
+ 35% {
5454
+ opacity: 0;
5455
+ -webkit-transform: rotateX(120deg);
5456
+ transform: rotateX(120deg);
5457
+ }
5458
+
5459
+ 65% {
5460
+ opacity: 0;
5461
+ }
5462
+
5463
+ 100% {
5464
+ opacity: 1;
5465
+ -webkit-transform: rotateX(360deg);
5466
+ transform: rotateX(360deg);
5467
+ }
5468
+ }
5469
+
5470
+ @keyframes pa-rotate-in {
5471
+ 0% {
5472
+ opacity: 0;
5473
+ -webkit-transform: rotateX(180deg);
5474
+ transform: rotateX(180deg);
5475
+ }
5476
+
5477
+ 35% {
5478
+ opacity: 0;
5479
+ -webkit-transform: rotateX(120deg);
5480
+ transform: rotateX(120deg);
5481
+ }
5482
+
5483
+ 65% {
5484
+ opacity: 0;
5485
+ }
5486
+
5487
+ 100% {
5488
+ opacity: 1;
5489
+ -webkit-transform: rotateX(360deg);
5490
+ transform: rotateX(360deg);
5491
+ }
5492
+ }
5493
+
5494
+ @-webkit-keyframes pa-rotate-out {
5495
+ 0% {
5496
+ opacity: 1;
5497
+ -webkit-transform: rotateX(0deg);
5498
+ transform: rotateX(0deg);
5499
+ }
5500
+
5501
+ 35% {
5502
+ opacity: 1;
5503
+ -webkit-transform: rotateX(-40deg);
5504
+ transform: rotateX(-40deg);
5505
+ }
5506
+
5507
+ 65% {
5508
+ opacity: 0;
5509
+ }
5510
+
5511
+ 100% {
5512
+ opacity: 0;
5513
+ -webkit-transform: rotateX(180deg);
5514
+ transform: rotateX(180deg);
5515
+ }
5516
+ }
5517
+
5518
+ @keyframes pa-rotate-out {
5519
+ 0% {
5520
+ opacity: 1;
5521
+ -webkit-transform: rotateX(0deg);
5522
+ transform: rotateX(0deg);
5523
+ }
5524
+
5525
+ 35% {
5526
+ opacity: 1;
5527
+ -webkit-transform: rotateX(-40deg);
5528
+ transform: rotateX(-40deg);
5529
+ }
5530
+
5531
+ 65% {
5532
+ opacity: 0;
5533
+ }
5534
+
5535
+ 100% {
5536
+ opacity: 0;
5537
+ -webkit-transform: rotateX(180deg);
5538
+ transform: rotateX(180deg);
5539
+ }
5540
+ }
5541
+
5542
+ /**************** Premium Pricing Table ****************/
5543
+ /*******************************************************/
5544
+ .premium-pricing-table-container {
5545
+ position: relative;
5546
+ overflow: hidden;
5547
+ text-align: center;
5548
+ -webkit-transition: all 0.3s ease-in-out;
5549
+ transition: all 0.3s ease-in-out;
5550
+ }
5551
+
5552
+ .premium-pricing-icon-container {
5553
+ -js-display: flex;
5554
+ display: -webkit-box;
5555
+ display: -webkit-flex;
5556
+ display: -moz-box;
5557
+ display: -ms-flexbox;
5558
+ display: flex;
5559
+ -webkit-box-pack: center;
5560
+ -webkit-justify-content: center;
5561
+ -moz-box-pack: center;
5562
+ -ms-flex-pack: center;
5563
+ justify-content: center;
5564
+ line-height: 0;
5565
+ }
5566
+
5567
+ .premium-pricing-icon-container .premium-pricing-icon {
5568
+ display: inline-block;
5569
+ }
5570
+
5571
+ .premium-pricing-icon-container .premium-pricing-image {
5572
+ overflow: hidden;
5573
+ }
5574
+
5575
+ .premium-pricing-icon-container .premium-pricing-image img {
5576
+ width: 25px;
5577
+ height: 25px;
5578
+ -o-object-fit: cover;
5579
+ object-fit: cover;
5580
+ }
5581
+
5582
+ .premium-badge-left {
5583
+ position: absolute;
5584
+ top: 0;
5585
+ }
5586
+
5587
+ .premium-badge-right {
5588
+ position: absolute;
5589
+ top: 0;
5590
+ right: 0;
5591
+ }
5592
+
5593
+ .premium-badge-left {
5594
+ left: 0;
5595
+ }
5596
+
5597
+ .premium-badge-triangle.premium-badge-left .corner {
5598
+ width: 0;
5599
+ height: 0;
5600
+ border-top: 150px solid;
5601
+ border-bottom: 150px solid transparent;
5602
+ border-right: 150px solid transparent;
5603
+ }
5604
+
5605
+ .premium-badge-triangle.premium-badge-right .corner {
5606
+ width: 0;
5607
+ height: 0;
5608
+ border-bottom: 150px solid transparent;
5609
+ border-right: 150px solid;
5610
+ border-left: 150px solid transparent;
5611
+ }
5612
+
5613
+ .premium-badge-triangle span {
5614
+ position: absolute;
5615
+ top: 35px;
5616
+ width: 100px;
5617
+ text-align: center;
5618
+ -webkit-transform: rotate(-45deg);
5619
+ -ms-transform: rotate(-45deg);
5620
+ transform: rotate(-45deg);
5621
+ display: block;
5622
+ text-transform: uppercase;
5623
+ }
5624
+
5625
+ .premium-badge-triangle.premium-badge-right span {
5626
+ -webkit-transform: rotate(45deg);
5627
+ -ms-transform: rotate(45deg);
5628
+ transform: rotate(45deg);
5629
+ right: 0;
5630
+ }
5631
+
5632
+ .premium-badge-circle {
5633
+ min-width: 4em;
5634
+ min-height: 4em;
5635
+ line-height: 4em;
5636
+ text-align: center;
5637
+ -webkit-border-radius: 100%;
5638
+ border-radius: 100%;
5639
+ position: absolute;
5640
+ z-index: 1;
5641
+ }
5642
+
5643
+ .premium-badge-stripe {
5644
+ position: absolute;
5645
+ -webkit-transform: rotate(90deg);
5646
+ -ms-transform: rotate(90deg);
5647
+ transform: rotate(90deg);
5648
+ width: 15em;
5649
+ overflow: hidden;
5650
+ height: 15em;
5651
+ }
5652
+
5653
+ .premium-badge-stripe.premium-badge-left {
5654
+ -webkit-transform: rotate(0);
5655
+ -ms-transform: rotate(0);
5656
+ transform: rotate(0);
5657
+ }
5658
+
5659
+ .premium-badge-stripe .corner {
5660
+ text-align: center;
5661
+ left: 0;
5662
+ width: 150%;
5663
+ -webkit-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
5664
+ -ms-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
5665
+ transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
5666
+ margin-top: 35px;
5667
+ font-size: 13px;
5668
+ line-height: 2;
5669
+ font-weight: 800;
5670
+ text-transform: uppercase;
5671
+ }
5672
+
5673
+ .premium-badge-flag .corner {
5674
+ text-align: center;
5675
+ -webkit-border-radius: 4px 4px 0 4px;
5676
+ border-radius: 4px 4px 0 4px;
5677
+ padding: 3px 15px;
5678
+ position: absolute;
5679
+ top: 10%;
5680
+ right: -8px;
5681
+ }
5682
+
5683
+ .premium-badge-flag .corner::before,
5684
+ .premium-badge-flag .corner::after {
5685
+ content: "";
5686
+ display: block;
5687
+ position: absolute;
5688
+ width: 0;
5689
+ height: 0;
5690
+ top: 100%;
5691
+ right: 0;
5692
+ border-bottom: 8px solid transparent;
5693
+ }
5694
+
5695
+ .elementor-widget-premium-addon-pricing-table .elementor-widget-container {
5696
+ overflow: visible !important;
5697
+ }
5698
+
5699
+ .premium-badge-flag .corner::after {
5700
+ border-left: 8px solid rgba(0, 0, 0, 0.2);
5701
+ }
5702
+
5703
+ .premium-pricing-price-currency {
5704
+ position: relative;
5705
+ }
5706
+
5707
+ .premium-pricing-button-container {
5708
+ display: block;
5709
+ }
5710
+
5711
+ .premium-pricing-list {
5712
+ -js-display: flex;
5713
+ display: -webkit-box;
5714
+ display: -webkit-flex;
5715
+ display: -moz-box;
5716
+ display: -ms-flexbox;
5717
+ display: flex;
5718
+ -webkit-box-orient: vertical;
5719
+ -webkit-box-direction: normal;
5720
+ -webkit-flex-direction: column;
5721
+ -moz-box-orient: vertical;
5722
+ -moz-box-direction: normal;
5723
+ -ms-flex-direction: column;
5724
+ flex-direction: column;
5725
+ list-style-type: none;
5726
+ margin: 0;
5727
+ }
5728
+
5729
+ .premium-pricing-list .premium-pricing-list-item {
5730
+ -js-display: flex;
5731
+ display: -webkit-box;
5732
+ display: -webkit-flex;
5733
+ display: -moz-box;
5734
+ display: -ms-flexbox;
5735
+ display: flex;
5736
+ -webkit-box-align: center;
5737
+ -webkit-align-items: center;
5738
+ -moz-box-align: center;
5739
+ -ms-flex-align: center;
5740
+ align-items: center;
5741
+ }
5742
+
5743
+ .premium-pricing-list .premium-pricing-list-item svg {
5744
+ width: 50px;
5745
+ height: 50px;
5746
+ }
5747
+
5748
+ .premium-pricing-list .premium-pricing-list-item img {
5749
+ width: 30px;
5750
+ height: 30px;
5751
+ -o-object-fit: cover;
5752
+ object-fit: cover;
5753
+ }
5754
+
5755
+ .premium-pricing-list .premium-pricing-list-span {
5756
+ position: relative;
5757
+ }
5758
+
5759
+ .premium-pricing-list .list-item-tooltip {
5760
+ border-bottom: 1px dotted;
5761
+ }
5762
+
5763
+ .premium-pricing-list .premium-pricing-list-tooltip {
5764
+ position: absolute;
5765
+ top: -webkit-calc(100% + 1px);
5766
+ top: calc(100% + 1px);
5767
+ right: 0;
5768
+ visibility: hidden;
5769
+ padding: 15px 20px;
5770
+ -webkit-border-radius: 5px;
5771
+ border-radius: 5px;
5772
+ min-width: 200px;
5773
+ overflow: hidden;
5774
+ text-align: right;
5775
+ font-size: 0.8rem;
5776
+ color: #fff;
5777
+ background-color: #aaa;
5778
+ }
5779
+
5780
+ .premium-pricing-features-left .premium-pricing-list-span {
5781
+ text-align: right;
5782
+ }
5783
+
5784
+ .premium-pricing-features-center .premium-pricing-list-span {
5785
+ text-align: center;
5786
+ }
5787
+
5788
+ .premium-pricing-features-right .premium-pricing-list-span {
5789
+ text-align: left;
5790
+ }
5791
+
5792
+ .premium-pricing-list-span:hover .premium-pricing-list-tooltip {
5793
+ z-index: 99;
5794
+ visibility: visible;
5795
+ opacity: 1;
5796
+ }
5797
+
5798
+ .premium-pricing-slashed-price-value {
5799
+ display: inline-block;
5800
+ font-size: 20px;
5801
+ font-weight: 400;
5802
+ margin-left: 5px;
5803
+ }
5804
+
5805
+ .premium-pricing-price-value {
5806
+ font-size: 70px;
5807
+ }
5808
+
5809
+ .premium-pricing-description-container li {
5810
+ list-style-position: inside;
5811
+ text-indent: -40px;
5812
+ }
5813
+
5814
+ @-moz-document url-prefix() {
5815
+ .premium-pricing-description-container li {
5816
+ text-indent: 0px;
5817
+ }
5818
+ }
5819
+
5820
+ .premium-pricing-price-button {
5821
+ display: block;
5822
+ padding: 6px 12px;
5823
+ line-height: 1.42857143;
5824
+ text-align: center;
5825
+ color: #fff;
5826
+ background: #6ec1e4;
5827
+ margin-bottom: 0;
5828
+ -webkit-transition: all 0.3s ease-in-out;
5829
+ transition: all 0.3s ease-in-out;
5830
+ }
5831
+
5832
+ /**************** Premium Google Maps ******************/
5833
+ /*******************************************************/
5834
+ .premium-maps-info-container {
5835
+ margin-top: 10px;
5836
+ margin-bottom: 10px;
5837
+ }
5838
+
5839
+ .premium-maps-info-title,
5840
+ .premium-maps-info-desc {
5841
+ margin: 0;
5842
+ padding: 0;
5843
+ }
5844
+
5845
+ .premium-maps-container .gm-style-iw {
5846
+ text-align: center;
5847
+ direction: ltr;
5848
+ }
5849
+
5850
+ .premium-maps-container .gm-style img {
5851
+ max-width: none !important;
5852
+ }
5853
+
5854
+ /**************** Premium Button ***********************/
5855
+ /*******************************************************/
5856
+ .premium-button {
5857
+ -js-display: inline-flex;
5858
+ display: -webkit-inline-box;
5859
+ display: -webkit-inline-flex;
5860
+ display: -moz-inline-box;
5861
+ display: -ms-inline-flexbox;
5862
+ display: inline-flex;
5863
+ position: relative;
5864
+ overflow: hidden;
5865
+ -webkit-backface-visibility: hidden;
5866
+ backface-visibility: hidden;
5867
+ -webkit-transform: translate3d(0, 0, 0);
5868
+ transform: translate3d(0, 0, 0);
5869
+ cursor: pointer;
5870
+ -webkit-transition: all 0.2s ease-in-out !important;
5871
+ transition: all 0.2s ease-in-out !important;
5872
+ }
5873
+
5874
+ .premium-button .premium-lottie-animation,
5875
+ .premium-image-button .premium-lottie-animation {
5876
+ -js-display: flex;
5877
+ display: -webkit-box;
5878
+ display: -webkit-flex;
5879
+ display: -moz-box;
5880
+ display: -ms-flexbox;
5881
+ display: flex;
5882
+ }
5883
+
5884
+ .premium-button svg,
5885
+ .premium-image-button svg {
5886
+ width: 30px;
5887
+ height: 30px;
5888
+ }
5889
+
5890
+ .premium-btn-sm,
5891
+ .premium-btn-md,
5892
+ .premium-btn-lg,
5893
+ .premium-btn-block {
5894
+ background-color: #eee;
5895
+ color: #042551;
5896
+ margin: 0px;
5897
+ text-decoration: none;
5898
+ }
5899
+
5900
+ .premium-btn-sm:hover,
5901
+ .premium-btn-md:hover,
5902
+ .premium-btn-lg:hover,
5903
+ .premium-btn-block:hover {
5904
+ background-color: #54595f;
5905
+ color: #eee;
5906
+ }
5907
+
5908
+ .premium-btn-sm {
5909
+ padding: 12px 24px;
5910
+ font-size: 14px;
5911
+ line-height: 1;
5912
+ }
5913
+
5914
+ .premium-btn-md {
5915
+ padding: 14px 26px;
5916
+ font-size: 16px;
5917
+ line-height: 1.2;
5918
+ }
5919
+
5920
+ .premium-btn-lg {
5921
+ padding: 16px 28px;
5922
+ font-size: 18px;
5923
+ line-height: 1.3333;
5924
+ }
5925
+
5926
+ .premium-btn-block {
5927
+ font-size: 18px;
5928
+ line-height: 1;
5929
+ padding: 20px 0px;
5930
+ width: 100%;
5931
+ text-align: center;
5932
+ }
5933
+
5934
+ .premium-button-text {
5935
+ display: inline-block;
5936
+ width: 100%;
5937
+ }
5938
+
5939
+ .premium-button-style1,
5940
+ .premium-button-style2,
5941
+ .premium-button-style5,
5942
+ .premium-button-style7 {
5943
+ display: inline-block;
5944
+ vertical-align: middle;
5945
+ -webkit-transform: perspective(1px) translateZ(0);
5946
+ transform: perspective(1px) translateZ(0);
5947
+ -webkit-box-shadow: 0 0 1px transparent;
5948
+ box-shadow: 0 0 1px transparent;
5949
+ position: relative;
5950
+ -webkit-transition-property: color;
5951
+ transition-property: color;
5952
+ -webkit-transition-duration: 0.15s;
5953
+ transition-duration: 0.15s;
5954
+ }
5955
+
5956
+ .premium-button-style1:before,
5957
+ .premium-button-style2:before,
5958
+ .premium-button-style5:before {
5959
+ content: "";
5960
+ position: absolute;
5961
+ z-index: -1;
5962
+ top: 0;
5963
+ right: 0;
5964
+ left: 0;
5965
+ bottom: 0;
5966
+ -webkit-transform: scaleY(0);
5967
+ -ms-transform: scaleY(0);
5968
+ transform: scaleY(0);
5969
+ -webkit-transform-origin: 50% 0;
5970
+ -ms-transform-origin: 50% 0;
5971
+ transform-origin: 50% 0;
5972
+ -webkit-transition-property: -webkit-transform;
5973
+ transition-property: -webkit-transform;
5974
+ transition-property: transform;
5975
+ transition-property: transform, -webkit-transform;
5976
+ -webkit-transition-duration: 0.15s;
5977
+ transition-duration: 0.15s;
5978
+ -webkit-transition-timing-function: ease-out;
5979
+ transition-timing-function: ease-out;
5980
+ }
5981
+
5982
+ .premium-button-style5-radialin:before,
5983
+ .premium-button-style5-radialout:before {
5984
+ -webkit-transform-origin: 50%;
5985
+ -ms-transform-origin: 50%;
5986
+ transform-origin: 50%;
5987
+ -webkit-border-radius: 100%;
5988
+ border-radius: 100%;
5989
+ -webkit-transform: scale(0);
5990
+ -ms-transform: scale(0);
5991
+ transform: scale(0);
5992
+ }
5993
+
5994
+ .premium-button-style5-radialin:before {
5995
+ -webkit-transform: scale(2);
5996
+ -ms-transform: scale(2);
5997
+ transform: scale(2);
5998
+ }
5999
+
6000
+ .premium-button-style5-rectin:before {
6001
+ -webkit-transform-origin: 50%;
6002
+ -ms-transform-origin: 50%;
6003
+ transform-origin: 50%;
6004
+ -webkit-transform: scale(1);
6005
+ -ms-transform: scale(1);
6006
+ transform: scale(1);
6007
+ }
6008
+
6009
+ .premium-button-style5-rectout:before {
6010
+ -webkit-transform-origin: 50%;
6011
+ -ms-transform-origin: 50%;
6012
+ transform-origin: 50%;
6013
+ -webkit-transform: scale(0);
6014
+ -ms-transform: scale(0);
6015
+ transform: scale(0);
6016
+ }
6017
+
6018
+ .premium-button-style5-rectout:hover:before {
6019
+ -webkit-transform: scale(1);
6020
+ -ms-transform: scale(1);
6021
+ transform: scale(1);
6022
+ }
6023
+
6024
+ .premium-button-style5-rectin:hover:before {
6025
+ -webkit-transform: scale(0);
6026
+ -ms-transform: scale(0);
6027
+ transform: scale(0);
6028
+ }
6029
+
6030
+ .premium-button-style5-radialout:hover:before {
6031
+ -webkit-transform: scale(2);
6032
+ -ms-transform: scale(2);
6033
+ transform: scale(2);
6034
+ }
6035
+
6036
+ .premium-button-style5-radialin:hover:before {
6037
+ -webkit-transform: scale(0);
6038
+ -ms-transform: scale(0);
6039
+ transform: scale(0);
6040
+ }
6041
+
6042
+ .premium-button-style1-top:before {
6043
+ -webkit-transform-origin: 50% 100%;
6044
+ -ms-transform-origin: 50% 100%;
6045
+ transform-origin: 50% 100%;
6046
+ }
6047
+
6048
+ .premium-button-style1-right:before {
6049
+ -webkit-transform: scaleX(0);
6050
+ -ms-transform: scaleX(0);
6051
+ transform: scaleX(0);
6052
+ -webkit-transform-origin: 100% 50%;
6053
+ -ms-transform-origin: 100% 50%;
6054
+ transform-origin: 100% 50%;
6055
+ }
6056
+
6057
+ .premium-button-style1-left:before {
6058
+ -webkit-transform: scaleX(0);
6059
+ -ms-transform: scaleX(0);
6060
+ transform: scaleX(0);
6061
+ -webkit-transform-origin: 0% 50%;
6062
+ -ms-transform-origin: 0% 50%;
6063
+ transform-origin: 0% 50%;
6064
+ }
6065
+
6066
+ .premium-button-style2-shutouthor:before,
6067
+ .premium-button-style2-scshutoutver:before {
6068
+ -webkit-transform: scaleY(0);
6069
+ -ms-transform: scaleY(0);
6070
+ transform: scaleY(0);
6071
+ -webkit-transform-origin: 0% 50%;
6072
+ -ms-transform-origin: 0% 50%;
6073
+ transform-origin: 0% 50%;
6074
+ }
6075
+
6076
+ .premium-button-style2-shutoutver:before,
6077
+ .premium-button-style2-scshutouthor:before {
6078
+ -webkit-transform: scaleX(0);
6079
+ -ms-transform: scaleX(0);
6080
+ transform: scaleX(0);
6081
+ -webkit-transform-origin: 50% 50%;
6082
+ -ms-transform-origin: 50% 50%;
6083
+ transform-origin: 50% 50%;
6084
+ }
6085
+
6086
+ .premium-button-style2-shutinhor:before {
6087
+ -webkit-transform: scaleX(1);
6088
+ -ms-transform: scaleX(1);
6089
+ transform: scaleX(1);
6090
+ -webkit-transform-origin: 50%;
6091
+ -ms-transform-origin: 50%;
6092
+ transform-origin: 50%;
6093
+ }
6094
+
6095
+ .premium-button-style2-shutinver:before {
6096
+ -webkit-transform: scaleY(1);
6097
+ -ms-transform: scaleY(1);
6098
+ transform: scaleY(1);
6099
+ -webkit-transform-origin: 50%;
6100
+ -ms-transform-origin: 50%;
6101
+ transform-origin: 50%;
6102
+ }
6103
+
6104
+ .premium-button-style1-bottom:hover:before,
6105
+ .premium-button-style1-top:hover:before {
6106
+ -webkit-transform: scaleY(1);
6107
+ -ms-transform: scaleY(1);
6108
+ transform: scaleY(1);
6109
+ }
6110
+
6111
+ .premium-button-style1-left:hover:before,
6112
+ .premium-button-style1-right:hover:before,
6113
+ .premium-button-style2-shutouthor:hover:before,
6114
+ .premium-button-style2-shutoutver:hover:before {
6115
+ -webkit-transform: scaleX(1);
6116
+ -ms-transform: scaleX(1);
6117
+ transform: scaleX(1);
6118
+ }
6119
+
6120
+ .premium-button-style2-shutinhor:hover:before {
6121
+ -webkit-transform: scaleX(0);
6122
+ -ms-transform: scaleX(0);
6123
+ transform: scaleX(0);
6124
+ }
6125
+
6126
+ .premium-button-style2-shutinver:hover:before {
6127
+ -webkit-transform: scaleY(0);
6128
+ -ms-transform: scaleY(0);
6129
+ transform: scaleY(0);
6130
+ }
6131
+
6132
+ .premium-button-style2-scshutouthor:hover:before {
6133
+ -webkit-transform: scaleX(0.9);
6134
+ -ms-transform: scaleX(0.9);
6135
+ transform: scaleX(0.9);
6136
+ }
6137
+
6138
+ .premium-button-style2-scshutoutver:hover:before {
6139
+ -webkit-transform: scaleY(0.8);
6140
+ -ms-transform: scaleY(0.8);
6141
+ transform: scaleY(0.8);
6142
+ }
6143
+
6144
+ /*Diagonal*/
6145
+ .premium-button-style2-dshutinhor:before {
6146
+ top: 50%;
6147
+ right: 50%;
6148
+ width: 120%;
6149
+ height: 0%;
6150
+ -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
6151
+ -ms-transform: translateX(50%) translateY(-50%) rotate(45deg);
6152
+ transform: translateX(50%) translateY(-50%) rotate(45deg);
6153
+ -webkit-transform-origin: 50%;
6154
+ -ms-transform-origin: 50%;
6155
+ transform-origin: 50%;
6156
+ -webkit-transition-property: all;
6157
+ transition-property: all;
6158
+ }
6159
+
6160
+ .premium-button-style2-dshutinver:before {
6161
+ top: 50%;
6162
+ right: 50%;
6163
+ width: 120%;
6164
+ height: 0%;
6165
+ -webkit-transform-origin: 50%;
6166
+ -ms-transform-origin: 50%;
6167
+ transform-origin: 50%;
6168
+ -webkit-transition-property: all;
6169
+ transition-property: all;
6170
+ -webkit-transform: translateX(50%) translateY(-50%) rotate(-45deg);
6171
+ -ms-transform: translateX(50%) translateY(-50%) rotate(-45deg);
6172
+ transform: translateX(50%) translateY(-50%) rotate(-45deg);
6173
+ }
6174
+
6175
+ .premium-button-style2-dshutinhor:hover:before,
6176
+ .premium-button-style2-dshutinver:hover:before {
6177
+ height: 220%;
6178
+ }
6179
+
6180
+ .premium-button-style3-before i,
6181
+ .premium-button-style3-before svg {
6182
+ opacity: 0;
6183
+ -webkit-transform: translateX(5px);
6184
+ -ms-transform: translateX(5px);
6185
+ transform: translateX(5px);
6186
+ -webkit-transition: all 0.5s ease-in-out;
6187
+ transition: all 0.5s ease-in-out;
6188
+ }
6189
+
6190
+ .premium-button-style3-after i,
6191
+ .premium-button-style3-after svg {
6192
+ opacity: 0;
6193
+ -webkit-transform: translateX(5px);
6194
+ -ms-transform: translateX(5px);
6195
+ transform: translateX(5px);
6196
+ -webkit-transition: all 0.5s ease-in-out;
6197
+ transition: all 0.5s ease-in-out;
6198
+ -webkit-transform: translateX(-5px);
6199
+ -ms-transform: translateX(-5px);
6200
+ transform: translateX(-5px);
6201
+ }
6202
+
6203
+ .premium-button-style3-after:hover i,
6204
+ .premium-button-style3-after:hover svg {
6205
+ opacity: 1;
6206
+ }
6207
+
6208
+ .premium-button-style3-before:hover i,
6209
+ .premium-button-style3-before:hover svg {
6210
+ opacity: 1;
6211
+ }
6212
+
6213
+ .premium-button-text-icon-wrapper {
6214
+ width: 100%;
6215
+ -js-display: flex;
6216
+ display: -webkit-box;
6217
+ display: -webkit-flex;
6218
+ display: -moz-box;
6219
+ display: -ms-flexbox;
6220
+ display: flex;
6221
+ -webkit-box-pack: center;
6222
+ -webkit-justify-content: center;
6223
+ -moz-box-pack: center;
6224
+ -ms-flex-pack: center;
6225
+ justify-content: center;
6226
+ -webkit-box-align: center;
6227
+ -webkit-align-items: center;
6228
+ -moz-box-align: center;
6229
+ -ms-flex-align: center;
6230
+ align-items: center;
6231
+ -webkit-transition: all 0.2s ease-in-out;
6232
+ transition: all 0.2s ease-in-out;
6233
+ }
6234
+
6235
+ .premium-button-text-icon-wrapper span,
6236
+ .premium-button-text-icon-wrapper i,
6237
+ .premium-button-text-icon-wrapper svg {
6238
+ -webkit-transition: all 0.2s ease-in-out;
6239
+ transition: all 0.2s ease-in-out;
6240
+ }
6241
+
6242
+ .premium-button-style4-icon-wrapper {
6243
+ position: absolute;
6244
+ z-index: 2;
6245
+ width: 100%;
6246
+ text-align: center;
6247
+ -js-display: flex;
6248
+ display: -webkit-box;
6249
+ display: -webkit-flex;
6250
+ display: -moz-box;
6251
+ display: -ms-flexbox;
6252
+ display: flex;
6253
+ -webkit-box-align: center;
6254
+ -webkit-align-items: center;
6255
+ -moz-box-align: center;
6256
+ -ms-flex-align: center;
6257
+ align-items: center;
6258
+ -webkit-box-pack: center;
6259
+ -webkit-justify-content: center;
6260
+ -moz-box-pack: center;
6261
+ -ms-flex-pack: center;
6262
+ justify-content: center;
6263
+ height: 100%;
6264
+ opacity: 0;
6265
+ -webkit-transition: all 0.3s ease-in-out;
6266
+ transition: all 0.3s ease-in-out;
6267
+ }
6268
+
6269
+ .premium-button-style4-icon-wrapper.top {
6270
+ bottom: -100%;
6271
+ right: 0;
6272
+ }
6273
+
6274
+ .premium-button-style4-icon-wrapper.bottom {
6275
+ top: -100%;
6276
+ right: 0;
6277
+ }
6278
+
6279
+ .premium-button-style4-icon-wrapper.left {
6280
+ top: 0;
6281
+ right: -100%;
6282
+ }
6283
+
6284
+ .premium-button-style4-icon-wrapper.right {
6285
+ top: 0;
6286
+ left: -100%;
6287
+ }
6288
+
6289
+ .premium-button-style4-bottom:hover .premium-button-style4-icon-wrapper {
6290
+ top: 0;
6291
+ opacity: 1;
6292
+ }
6293
+
6294
+ .premium-button-style4-top:hover .premium-button-style4-icon-wrapper {
6295
+ bottom: 0;
6296
+ opacity: 1;
6297
+ }
6298
+
6299
+ .premium-button-style4-left:hover .premium-button-style4-icon-wrapper {
6300
+ right: 0;
6301
+ opacity: 1;
6302
+ }
6303
+
6304
+ .premium-button-style4-right:hover .premium-button-style4-icon-wrapper {
6305
+ left: 0;
6306
+ opacity: 1;
6307
+ }
6308
+
6309
+ .premium-button-style4-bottom:hover .premium-button-text-icon-wrapper {
6310
+ -webkit-transform: translateY(100%);
6311
+ -ms-transform: translateY(100%);
6312
+ transform: translateY(100%);
6313
+ opacity: 0;
6314
+ }
6315
+
6316
+ .premium-button-style4-top:hover .premium-button-text-icon-wrapper {
6317
+ -webkit-transform: translateY(-100%);
6318
+ -ms-transform: translateY(-100%);
6319
+ transform: translateY(-100%);
6320
+ opacity: 0;
6321
+ }
6322
+
6323
+ .premium-button-style4-left:hover .premium-button-text-icon-wrapper {
6324
+ -webkit-transform: translateX(-100%);
6325
+ -ms-transform: translateX(-100%);
6326
+ transform: translateX(-100%);
6327
+ opacity: 0;
6328
+ }
6329
+
6330
+ .premium-button-style4-right:hover .premium-button-text-icon-wrapper {
6331
+ -webkit-transform: translateX(100%);
6332
+ -ms-transform: translateX(100%);
6333
+ transform: translateX(100%);
6334
+ opacity: 0;
6335
+ }
6336
+
6337
+ .premium-button-style6:before {
6338
+ content: "";
6339
+ position: absolute;
6340
+ right: 50%;
6341
+ top: 50%;
6342
+ width: 100px;
6343
+ height: 100px;
6344
+ -webkit-border-radius: 100%;
6345
+ border-radius: 100%;
6346
+ -webkit-transform: translate(50%, -50%) scale(0);
6347
+ -ms-transform: translate(50%, -50%) scale(0);
6348
+ transform: translate(50%, -50%) scale(0);
6349
+ -webkit-transition: all 0.3s ease-in-out;
6350
+ transition: all 0.3s ease-in-out;
6351
+ }
6352
+
6353
+ .premium-button-style6:hover:before {
6354
+ -webkit-transform: translate(50%, -50%) scale(3);
6355
+ -ms-transform: translate(50%, -50%) scale(3);
6356
+ transform: translate(50%, -50%) scale(3);
6357
+ }
6358
+
6359
+ .premium-button-style6 .premium-button-text-icon-wrapper {
6360
+ position: relative;
6361
+ z-index: 1;
6362
+ }
6363
+
6364
+ .premium-mouse-detect-yes .premium-button-style6 .premium-button-style6-bg {
6365
+ position: absolute;
6366
+ z-index: 0;
6367
+ top: 0;
6368
+ right: 0;
6369
+ width: 0px;
6370
+ height: 0px;
6371
+ -webkit-border-radius: 50%;
6372
+ border-radius: 50%;
6373
+ display: block;
6374
+ -webkit-transform: translate(50%, -50%);
6375
+ -ms-transform: translate(50%, -50%);
6376
+ transform: translate(50%, -50%);
6377
+ -webkit-transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
6378
+ transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
6379
+ }
6380
+
6381
+ .premium-mouse-detect-yes .premium-button-style6:hover .premium-button-style6-bg {
6382
+ width: 225%;
6383
+ height: 560px;
6384
+ }
6385
+
6386
+ .premium-mouse-detect-yes .premium-button-style6:before {
6387
+ width: 0;
6388
+ height: 0;
6389
+ }
6390
+
6391
+ .premium-button-style7-right .premium-button-text-icon-wrapper:before,
6392
+ .premium-button-style7-left .premium-button-text-icon-wrapper:before {
6393
+ -webkit-transition: width 0.3s ease-out 0.15s;
6394
+ transition: width 0.3s ease-out 0.15s;
6395
+ }
6396
+
6397
+ .premium-button-style7-right .premium-button-text-icon-wrapper:after,
6398
+ .premium-button-style7-left .premium-button-text-icon-wrapper:after {
6399
+ -webkit-transition: width 0.3s ease-out 0s;
6400
+ transition: width 0.3s ease-out 0s;
6401
+ }
6402
+
6403
+ .premium-button-style7-bottom .premium-button-text-icon-wrapper:before,
6404
+ .premium-button-style7-top .premium-button-text-icon-wrapper:before {
6405
+ -webkit-transition: height 0.3s ease-out 0.15s;
6406
+ transition: height 0.3s ease-out 0.15s;
6407
+ }
6408
+
6409
+ .premium-button-style7-bottom .premium-button-text-icon-wrapper:after,
6410
+ .premium-button-style7-top .premium-button-text-icon-wrapper:after {
6411
+ -webkit-transition: height 0.3s ease-out 0s;
6412
+ transition: height 0.3s ease-out 0s;
6413
+ }
6414
+
6415
+ .premium-button[class*="style7"]:hover .premium-button-text-icon-wrapper:before {
6416
+ -webkit-transition-delay: 0s;
6417
+ transition-delay: 0s;
6418
+ }
6419
+
6420
+ .premium-button[class*="style7"]:hover .premium-button-text-icon-wrapper:after {
6421
+ -webkit-transition-delay: 0.15s;
6422
+ transition-delay: 0.15s;
6423
+ }
6424
+
6425
+ .premium-button-style7-bottom .premium-button-text-icon-wrapper:before,
6426
+ .premium-button-style7-bottom .premium-button-text-icon-wrapper:after {
6427
+ content: "";
6428
+ position: absolute;
6429
+ left: 0;
6430
+ top: 0;
6431
+ right: 0;
6432
+ height: 0;
6433
+ z-index: -1;
6434
+ }
6435
+
6436
+ .premium-button-style7-top .premium-button-text-icon-wrapper:after,
6437
+ .premium-button-style7-top .premium-button-text-icon-wrapper:before {
6438
+ content: "";
6439
+ position: absolute;
6440
+ left: 0;
6441
+ bottom: 0;
6442
+ right: 0;
6443
+ height: 0;
6444
+ z-index: -1;
6445
+ }
6446
+
6447
+ .premium-button-style7-right .premium-button-text-icon-wrapper:after,
6448
+ .premium-button-style7-right .premium-button-text-icon-wrapper:before {
6449
+ content: "";
6450
+ position: absolute;
6451
+ right: 0;
6452
+ top: 0;
6453
+ bottom: 0;
6454
+ width: 0;
6455
+ z-index: -1;
6456
+ }
6457
+
6458
+ .premium-button-style7-left .premium-button-text-icon-wrapper:after,
6459
+ .premium-button-style7-left .premium-button-text-icon-wrapper:before {
6460
+ content: "";
6461
+ position: absolute;
6462
+ left: 0;
6463
+ top: 0;
6464
+ bottom: 0;
6465
+ width: 0;
6466
+ z-index: -1;
6467
+ }
6468
+
6469
+ .premium-button-style7-bottom:hover .premium-button-text-icon-wrapper:after,
6470
+ .premium-button-style7-bottom:hover .premium-button-text-icon-wrapper:before {
6471
+ height: 100%;
6472
+ top: 0;
6473
+ }
6474
+
6475
+ .premium-button-style7-top:hover .premium-button-text-icon-wrapper:after,
6476
+ .premium-button-style7-top:hover .premium-button-text-icon-wrapper:before {
6477
+ height: 100%;
6478
+ bottom: 0;
6479
+ }
6480
+
6481
+ .premium-button-style7-left:hover .premium-button-text-icon-wrapper:after,
6482
+ .premium-button-style7-left:hover .premium-button-text-icon-wrapper:before {
6483
+ width: 100%;
6484
+ left: 0;
6485
+ }
6486
+
6487
+ .premium-button-style7-right:hover .premium-button-text-icon-wrapper:after,
6488
+ .premium-button-style7-right:hover .premium-button-text-icon-wrapper:before {
6489
+ width: 100%;
6490
+ right: 0;
6491
+ }
6492
+
6493
+ /**************** Premium Contact Form7 **********/
6494
+ /*************************************************/
6495
+ .premium-contact-form-anim-yes .wpcf7-span::after {
6496
+ display: block;
6497
+ height: 2px;
6498
+ content: "";
6499
+ top: -2px;
6500
+ position: relative;
6501
+ width: 0px;
6502
+ -webkit-transition: all ease-in-out 0.3s;
6503
+ transition: all ease-in-out 0.3s;
6504
+ }
6505
+
6506
+ .premium-contact-form-anim-yes .wpcf7-span.is-focused::after {
6507
+ width: 100%;
6508
+ }
6509
+
6510
+ /**************** Premium Image Button ***********/
6511
+ /*************************************************/
6512
+ .premium-image-button {
6513
+ -js-display: inline-flex;
6514
+ display: -webkit-inline-box;
6515
+ display: -webkit-inline-flex;
6516
+ display: -moz-inline-box;
6517
+ display: -ms-inline-flexbox;
6518
+ display: inline-flex;
6519
+ position: relative;
6520
+ overflow: hidden;
6521
+ background-color: #eee;
6522
+ cursor: pointer;
6523
+ -webkit-transition: all 0.2s ease-in-out !important;
6524
+ transition: all 0.2s ease-in-out !important;
6525
+ }
6526
+
6527
+ .premium-image-button .premium-button-style6-bg,
6528
+ .premium-image-button.premium-button-style6:before,
6529
+ .premium-image-button:not(.premium-image-button-style6):hover {
6530
+ background-color: #54595f;
6531
+ }
6532
+
6533
+ /*Default background for slide styles*/
6534
+ .premium-image-button:hover,
6535
+ .premium-image-button-style4-icon-wrapper,
6536
+ .premium-image-button-style1-top:before,
6537
+ .premium-image-button-style1-bottom:before,
6538
+ .premium-image-button-style1-left:before,
6539
+ .premium-image-button-style1-right:before {
6540
+ background-color: #54595f;
6541
+ }
6542
+
6543
+ .premium-image-button-text-icon-wrapper {
6544
+ width: 100%;
6545
+ -js-display: flex;
6546
+ display: -webkit-box;
6547
+ display: -webkit-flex;
6548
+ display: -moz-box;
6549
+ display: -ms-flexbox;
6550
+ display: flex;
6551
+ -webkit-box-pack: center;
6552
+ -webkit-justify-content: center;
6553
+ -moz-box-pack: center;
6554
+ -ms-flex-pack: center;
6555
+ justify-content: center;
6556
+ -webkit-box-align: center;
6557
+ -webkit-align-items: center;
6558
+ -moz-box-align: center;
6559
+ -ms-flex-align: center;
6560
+ align-items: center;
6561
+ position: relative;
6562
+ z-index: 3;
6563
+ -webkit-transition: all 0.2s ease-in-out;
6564
+ transition: all 0.2s ease-in-out;
6565
+ }
6566
+
6567
+ .premium-image-button-text-icon-wrapper span,
6568
+ .premium-image-button-text-icon-wrapper,
6569
+ .premium-image-button-text-icon-wrapper i,
6570
+ .premium-image-button-text-icon-wrapper svg {
6571
+ -webkit-transition: all 0.2s ease-in-out;
6572
+ transition: all 0.2s ease-in-out;
6573
+ }
6574
+
6575
+ .premium-image-button-style1-bottom:before,
6576
+ .premium-image-button-style1-top:before,
6577
+ .premium-image-button-style1-left:before,
6578
+ .premium-image-button-style1-right:before {
6579
+ -webkit-transition: all 0.2s ease-in-out;
6580
+ transition: all 0.2s ease-in-out;
6581
+ }
6582
+
6583
+ .premium-image-button-style1-bottom:before {
6584
+ content: "";
6585
+ position: absolute;
6586
+ width: 100%;
6587
+ height: 0;
6588
+ top: 0;
6589
+ right: 0;
6590
+ }
6591
+
6592
+ .premium-image-button-style1-top:before {
6593
+ content: "";
6594
+ position: absolute;
6595
+ width: 100%;
6596
+ height: 0;
6597
+ bottom: 0;
6598
+ right: 0;
6599
+ }
6600
+
6601
+ .premium-image-button-style1-right:before {
6602
+ content: "";
6603
+ position: absolute;
6604
+ width: 0;
6605
+ height: 100%;
6606
+ bottom: 0;
6607
+ right: 0;
6608
+ }
6609
+
6610
+ .premium-image-button-style1-left:before {
6611
+ content: "";
6612
+ position: absolute;
6613
+ width: 0;
6614
+ height: 100%;
6615
+ top: 0;
6616
+ left: 0;
6617
+ }
6618
+
6619
+ .premium-image-button-style1-bottom:hover:before {
6620
+ height: 100%;
6621
+ }
6622
+
6623
+ .premium-image-button-style1-top:hover:before {
6624
+ height: 100%;
6625
+ }
6626
+
6627
+ .premium-image-button-style1-right:hover:before {
6628
+ width: 100%;
6629
+ }
6630
+
6631
+ .premium-image-button-style1-left:hover:before {
6632
+ width: 100%;
6633
+ }
6634
+
6635
+ .premium-image-button-diagonal-top,
6636
+ .premium-image-button-diagonal-bottom,
6637
+ .premium-image-button-diagonal-left,
6638
+ .premium-image-button-diagonal-right {
6639
+ z-index: 10;
6640
+ }
6641
+
6642
+ .premium-image-button-diagonal-top:before,
6643
+ .premium-image-button-diagonal-bottom:before,
6644
+ .premium-image-button-diagonal-left:before,
6645
+ .premium-image-button-diagonal-right:before {
6646
+ position: absolute;
6647
+ top: 0px;
6648
+ right: 0px;
6649
+ width: 100%;
6650
+ height: 100%;
6651
+ content: "";
6652
+ z-index: 1;
6653
+ background: rgba(255, 255, 255, 0.2);
6654
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6655
+ -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6656
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6657
+ -webkit-transition: all 0.8s ease-out;
6658
+ transition: all 0.8s ease-out;
6659
+ }
6660
+
6661
+ .premium-image-button-diagonal-right:hover:before,
6662
+ .premium-image-button-diagonal-left:before {
6663
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
6664
+ -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
6665
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
6666
+ }
6667
+
6668
+ .premium-image-button-diagonal-left:hover:before,
6669
+ .premium-image-button-diagonal-right:before {
6670
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
6671
+ -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
6672
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
6673
+ }
6674
+
6675
+ .premium-image-button-diagonal-top:hover:before,
6676
+ .premium-image-button-diagonal-bottom:before {
6677
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6678
+ -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6679
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6680
+ }
6681
+
6682
+ .premium-image-button-diagonal-bottom:hover:before,
6683
+ .premium-image-button-diagonal-top:before {
6684
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
6685
+ -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
6686
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
6687
+ }
6688
+
6689
+ .premium-image-button-style4-icon-wrapper {
6690
+ position: absolute;
6691
+ z-index: 2;
6692
+ width: 100%;
6693
+ text-align: center;
6694
+ display: -webkit-box;
6695
+ display: -webkit-flex;
6696
+ display: -ms-flexbox;
6697
+ -js-display: flex;
6698
+ display: -moz-box;
6699
+ display: flex;
6700
+ -webkit-box-align: center;
6701
+ -webkit-align-items: center;
6702
+ -moz-box-align: center;
6703
+ -ms-flex-align: center;
6704
+ align-items: center;
6705
+ -webkit-box-pack: center;
6706
+ -webkit-justify-content: center;
6707
+ -moz-box-pack: center;
6708
+ -ms-flex-pack: center;
6709
+ justify-content: center;
6710
+ height: 100%;
6711
+ opacity: 0;
6712
+ -webkit-transition: all 0.3s ease-in-out;
6713
+ transition: all 0.3s ease-in-out;
6714
+ }
6715
+
6716
+ .premium-image-button-style4-icon-wrapper.top {
6717
+ bottom: -100%;
6718
+ right: 0;
6719
+ }
6720
+
6721
+ .premium-image-button-style4-icon-wrapper.bottom {
6722
+ top: -100%;
6723
+ right: 0;
6724
+ }
6725
+
6726
+ .premium-image-button-style4-icon-wrapper.left {
6727
+ top: 0;
6728
+ right: -100%;
6729
+ }
6730
+
6731
+ .premium-image-button-style4-icon-wrapper.right {
6732
+ top: 0;
6733
+ left: -100%;
6734
+ }
6735
+
6736
+ .premium-image-button-style4-bottom:hover .premium-image-button-style4-icon-wrapper {
6737
+ top: 0;
6738
+ opacity: 1;
6739
+ }
6740
+
6741
+ .premium-image-button-style4-top:hover .premium-image-button-style4-icon-wrapper {
6742
+ bottom: 0;
6743
+ opacity: 1;
6744
+ }
6745
+
6746
+ .premium-image-button-style4-left:hover .premium-image-button-style4-icon-wrapper {
6747
+ right: 0;
6748
+ opacity: 1;
6749
+ }
6750
+
6751
+ .premium-image-button-style4-right:hover .premium-image-button-style4-icon-wrapper {
6752
+ left: 0;
6753
+ opacity: 1;
6754
+ }
6755
+
6756
+ .premium-image-button-style4-bottom:hover .premium-image-button-text-icon-wrapper {
6757
+ -webkit-transform: translateY(100%);
6758
+ -ms-transform: translateY(100%);
6759
+ transform: translateY(100%);
6760
+ opacity: 0;
6761
+ }
6762
+
6763
+ .premium-image-button-style4-top:hover .premium-image-button-text-icon-wrapper {
6764
+ -webkit-transform: translateY(-100%);
6765
+ -ms-transform: translateY(-100%);
6766
+ transform: translateY(-100%);
6767
+ opacity: 0;
6768
+ }
6769
+
6770
+ .premium-image-button-style4-left:hover .premium-image-button-text-icon-wrapper {
6771
+ -webkit-transform: translateX(-100%);
6772
+ -ms-transform: translateX(-100%);
6773
+ transform: translateX(-100%);
6774
+ opacity: 0;
6775
+ }
6776
+
6777
+ .premium-image-button-style4-right:hover .premium-image-button-text-icon-wrapper {
6778
+ -webkit-transform: translateX(100%);
6779
+ -ms-transform: translateX(100%);
6780
+ transform: translateX(100%);
6781
+ opacity: 0;
6782
+ }
6783
+
6784
+ .premium-image-button-overlap-effect-horizontal:before,
6785
+ .premium-image-button-overlap-effect-vertical:before {
6786
+ position: absolute;
6787
+ content: "";
6788
+ top: 0;
6789
+ right: 0;
6790
+ width: 100%;
6791
+ height: 100%;
6792
+ opacity: 0;
6793
+ -webkit-transition: all 1s ease-in-out;
6794
+ transition: all 1s ease-in-out;
6795
+ background: rgba(255, 255, 255, 0.2);
6796
+ -webkit-animation-name: premium-overlap-effect-done;
6797
+ animation-name: premium-overlap-effect-done;
6798
+ -webkit-animation-duration: 1s;
6799
+ animation-duration: 1s;
6800
+ }
6801
+
6802
+ .premium-image-button-overlap-effect-vertical:before {
6803
+ -webkit-animation-name: premium-overlap-ver-effect-done;
6804
+ animation-name: premium-overlap-ver-effect-done;
6805
+ -webkit-animation-duration: 1s;
6806
+ animation-duration: 1s;
6807
+ }
6808
+
6809
+ .premium-image-button-overlap-effect-horizontal:hover:before {
6810
+ -webkit-animation-name: premium-overlap-effect;
6811
+ animation-name: premium-overlap-effect;
6812
+ -webkit-animation-duration: 1s;
6813
+ animation-duration: 1s;
6814
+ }
6815
+
6816
+ .premium-image-button-overlap-effect-vertical:hover:before {
6817
+ -webkit-animation-name: premium-overlap-ver-effect;
6818
+ animation-name: premium-overlap-ver-effect;
6819
+ -webkit-animation-duration: 1s;
6820
+ animation-duration: 1s;
6821
+ }
6822
+
6823
+ @-webkit-keyframes premium-overlap-effect {
6824
+ 0% {
6825
+ opacity: 0;
6826
+ -webkit-transform: rotateY(0deg);
6827
+ transform: rotateY(0deg);
6828
+ }
6829
+
6830
+ 50% {
6831
+ opacity: 1;
6832
+ -webkit-transform: rotateY(180deg);
6833
+ transform: rotateY(180deg);
6834
+ }
6835
+
6836
+ 100% {
6837
+ opacity: 0;
6838
+ -webkit-transform: rotateY(360deg);
6839
+ transform: rotateY(360deg);
6840
+ }
6841
+ }
6842
+
6843
+ @keyframes premium-overlap-effect {
6844
+ 0% {
6845
+ opacity: 0;
6846
+ -webkit-transform: rotateY(0deg);
6847
+ transform: rotateY(0deg);
6848
+ }
6849
+
6850
+ 50% {
6851
+ opacity: 1;
6852
+ -webkit-transform: rotateY(180deg);
6853
+ transform: rotateY(180deg);
6854
+ }
6855
+
6856
+ 100% {
6857
+ opacity: 0;
6858
+ -webkit-transform: rotateY(360deg);
6859
+ transform: rotateY(360deg);
6860
+ }
6861
+ }
6862
+
6863
+ @-webkit-keyframes premium-overlap-effect-done {
6864
+ 0% {
6865
+ opacity: 0;
6866
+ -webkit-transform: rotateY(0deg);
6867
+ transform: rotateY(0deg);
6868
+ }
6869
+
6870
+ 50% {
6871
+ opacity: 1;
6872
+ -webkit-transform: rotateY(180deg);
6873
+ transform: rotateY(180deg);
6874
+ }
6875
+
6876
+ 100% {
6877
+ opacity: 0;
6878
+ -webkit-transform: rotateY(360deg);
6879
+ transform: rotateY(360deg);
6880
+ }
6881
+ }
6882
+
6883
+ @keyframes premium-overlap-effect-done {
6884
+ 0% {
6885
+ opacity: 0;
6886
+ -webkit-transform: rotateY(0deg);
6887
+ transform: rotateY(0deg);
6888
+ }
6889
+
6890
+ 50% {
6891
+ opacity: 1;
6892
+ -webkit-transform: rotateY(180deg);
6893
+ transform: rotateY(180deg);
6894
+ }
6895
+
6896
+ 100% {
6897
+ opacity: 0;
6898
+ -webkit-transform: rotateY(360deg);
6899
+ transform: rotateY(360deg);
6900
+ }
6901
+ }
6902
+
6903
+ @-webkit-keyframes premium-overlap-ver-effect {
6904
+ 0% {
6905
+ opacity: 0;
6906
+ -webkit-transform: rotateX(0deg);
6907
+ transform: rotateX(0deg);
6908
+ }
6909
+
6910
+ 50% {
6911
+ opacity: 1;
6912
+ -webkit-transform: rotateX(180deg);
6913
+ transform: rotateX(180deg);
6914
+ }
6915
+
6916
+ 100% {
6917
+ opacity: 0;
6918
+ -webkit-transform: rotateX(360deg);
6919
+ transform: rotateX(360deg);
6920
+ }
6921
+ }
6922
+
6923
+ @keyframes premium-overlap-ver-effect {
6924
+ 0% {
6925
+ opacity: 0;
6926
+ -webkit-transform: rotateX(0deg);
6927
+ transform: rotateX(0deg);
6928
+ }
6929
+
6930
+ 50% {
6931
+ opacity: 1;
6932
+ -webkit-transform: rotateX(180deg);
6933
+ transform: rotateX(180deg);
6934
+ }
6935
+
6936
+ 100% {
6937
+ opacity: 0;
6938
+ -webkit-transform: rotateX(360deg);
6939
+ transform: rotateX(360deg);
6940
+ }
6941
+ }
6942
+
6943
+ @-webkit-keyframes premium-overlap-ver-effect-done {
6944
+ 0% {
6945
+ opacity: 0;
6946
+ -webkit-transform: rotateX(0deg);
6947
+ transform: rotateX(0deg);
6948
+ }
6949
+
6950
+ 50% {
6951
+ opacity: 1;
6952
+ -webkit-transform: rotateX(180deg);
6953
+ transform: rotateX(180deg);
6954
+ }
6955
+
6956
+ 100% {
6957
+ opacity: 0;
6958
+ -webkit-transform: rotateX(360deg);
6959
+ transform: rotateX(360deg);
6960
+ }
6961
+ }
6962
+
6963
+ @keyframes premium-overlap-ver-effect-done {
6964
+ 0% {
6965
+ opacity: 0;
6966
+ -webkit-transform: rotateX(0deg);
6967
+ transform: rotateX(0deg);
6968
+ }
6969
+
6970
+ 50% {
6971
+ opacity: 1;
6972
+ -webkit-transform: rotateX(180deg);
6973
+ transform: rotateX(180deg);
6974
+ }
6975
+
6976
+ 100% {
6977
+ opacity: 0;
6978
+ -webkit-transform: rotateX(360deg);
6979
+ transform: rotateX(360deg);
6980
+ }
6981
+ }
6982
+
6983
+ /******** Premium Media Grid ********/
6984
+ /************************************/
6985
+ .premium-img-gallery-filter,
6986
+ .premium-blog-filter {
6987
+ display: -webkit-box;
6988
+ display: -webkit-flex;
6989
+ display: -ms-flexbox;
6990
+ -js-display: flex;
6991
+ display: -moz-box;
6992
+ display: flex;
6993
+ -webkit-box-align: center;
6994
+ -webkit-align-items: center;
6995
+ -moz-box-align: center;
6996
+ -ms-flex-align: center;
6997
+ align-items: center;
6998
+ -webkit-box-pack: center;
6999
+ -webkit-justify-content: center;
7000
+ -moz-box-pack: center;
7001
+ -ms-flex-pack: center;
7002
+ justify-content: center;
7003
+ }
7004
+
7005
+ .premium-img-gallery {
7006
+ clear: both;
7007
+ overflow: hidden;
7008
+ }
7009
+
7010
+ .premium-gallery-container .premium-gallery-item {
7011
+ padding: 10px;
7012
+ float: right;
7013
+ /* Google Chrome isotope issue */
7014
+ }
7015
+
7016
+ .premium-gallery-container .grid-sizer {
7017
+ width: 33.33%;
7018
+ }
7019
+
7020
+ .premium-img-gallery-filter .premium-gallery-cats-container li a.category,
7021
+ .premium-blog-filter .premium-blog-filters-container li a.category {
7022
+ outline: none;
7023
+ text-decoration: none;
7024
+ -webkit-border-radius: 75px;
7025
+ border-radius: 75px;
7026
+ margin: 15px 5px 20px;
7027
+ padding: 7px 20px;
7028
+ -webkit-transition: all 0.3s ease-in-out;
7029
+ transition: all 0.3s ease-in-out;
7030
+ }
7031
+
7032
+ .premium-img-gallery-filter .premium-gallery-cats-container li a.category span {
7033
+ -webkit-transition: all 0.3s ease-in-out;
7034
+ transition: all 0.3s ease-in-out;
7035
+ }
7036
+
7037
+ .pa-gallery-img {
7038
+ position: relative;
7039
+ }
7040
+
7041
+ .pa-gallery-img .pa-gallery-whole-link {
7042
+ position: absolute;
7043
+ top: 0;
7044
+ right: 0;
7045
+ width: 100%;
7046
+ height: 100%;
7047
+ }
7048
+
7049
+ .pa-gallery-img.style2 .pa-gallery-whole-link {
7050
+ z-index: 99;
7051
+ }
7052
+
7053
+ .pa-gallery-img-container {
7054
+ overflow: hidden;
7055
+ -webkit-backface-visibility: hidden;
7056
+ -moz-backface-visibility: hidden;
7057
+ -webkit-transform: translate3d(0, 0, 0);
7058
+ transform: translate3d(0, 0, 0);
7059
+ }
7060
+
7061
+ .pa-gallery-img-container img {
7062
+ display: block;
7063
+ width: 100%;
7064
+ -webkit-transition: all 0.3s ease-in-out;
7065
+ transition: all 0.3s ease-in-out;
7066
+ }
7067
+
7068
+ .premium-img-gallery.gray img {
7069
+ -webkit-filter: grayscale(100%);
7070
+ filter: grayscale(100%);
7071
+ }
7072
+
7073
+ .premium-img-gallery.zoomout img,
7074
+ .premium-img-gallery.scale img {
7075
+ -webkit-transform: scale(1.2);
7076
+ -ms-transform: scale(1.2);
7077
+ transform: scale(1.2);
7078
+ }
7079
+
7080
+ .premium-img-gallery.sepia img {
7081
+ -webkit-filter: sepia(30%);
7082
+ filter: sepia(30%);
7083
+ }
7084
+
7085
+ .premium-img-gallery.bright img {
7086
+ -webkit-filter: brightness(1);
7087
+ filter: brightness(1);
7088
+ }
7089
+
7090
+ .premium-img-gallery.trans img {
7091
+ -webkit-transform: translateX(15px) scale(1.1);
7092
+ -ms-transform: translateX(15px) scale(1.1);
7093
+ transform: translateX(15px) scale(1.1);
7094
+ }
7095
+
7096
+ .pa-gallery-img .pa-gallery-magnific-image,
7097
+ .pa-gallery-img .pa-gallery-img-link {
7098
+ outline: none;
7099
+ }
7100
+
7101
+ .pa-gallery-img .pa-gallery-magnific-image i,
7102
+ .pa-gallery-img .pa-gallery-magnific-image svg,
7103
+ .pa-gallery-img .pa-gallery-img-link i,
7104
+ .pa-gallery-img .pa-gallery-img-link svg {
7105
+ -webkit-transition: all 0.3s ease-in-out;
7106
+ transition: all 0.3s ease-in-out;
7107
+ }
7108
+
7109
+ .pa-gallery-img .pa-gallery-magnific-image span,
7110
+ .pa-gallery-img .pa-gallery-img-link span {
7111
+ line-height: 1;
7112
+ display: inline-block;
7113
+ opacity: 0;
7114
+ margin: 0 5px;
7115
+ padding: 15px;
7116
+ -webkit-border-radius: 50%;
7117
+ border-radius: 50%;
7118
+ }
7119
+
7120
+ .pa-gallery-img.style2 .pa-gallery-magnific-image span,
7121
+ .pa-gallery-img.style2 .pa-gallery-img-link span {
7122
+ margin: 0 5px 20px;
7123
+ }
7124
+
7125
+ .pa-gallery-img:hover .pa-gallery-magnific-image span {
7126
+ -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
7127
+ transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
7128
+ }
7129
+
7130
+ .pa-gallery-img:hover .pa-gallery-img-link span {
7131
+ -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
7132
+ transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
7133
+ }
7134
+
7135
+ .pa-gallery-img:hover .pa-gallery-magnific-image span,
7136
+ .pa-gallery-img:hover .pa-gallery-img-link span,
7137
+ .premium-gallery-icon-show a.pa-gallery-video-icon span {
7138
+ opacity: 1;
7139
+ }
7140
+
7141
+ .premium-img-gallery-filter ul.premium-gallery-cats-container,
7142
+ .premium-blog-filter ul.premium-blog-filters-container {
7143
+ text-align: center;
7144
+ margin: 0;
7145
+ padding: 0;
7146
+ }
7147
+
7148
+ .premium-img-gallery-filter .premium-gallery-cats-container li,
7149
+ .premium-blog-filter .premium-blog-filters-container li {
7150
+ list-style: none;
7151
+ display: -webkit-inline-box;
7152
+ display: -webkit-inline-flex;
7153
+ display: -ms-inline-flexbox;
7154
+ -js-display: inline-flex;
7155
+ display: -moz-inline-box;
7156
+ display: inline-flex;
7157
+ }
7158
+
7159
+ .premium-img-gallery.zoomin .pa-gallery-img:hover img {
7160
+ -webkit-transform: scale(1.1);
7161
+ -ms-transform: scale(1.1);
7162
+ transform: scale(1.1);
7163
+ }
7164
+
7165
+ .premium-img-gallery.zoomout .pa-gallery-img:hover img {
7166
+ -webkit-transform: scale(1);
7167
+ -ms-transform: scale(1);
7168
+ transform: scale(1);
7169
+ }
7170
+
7171
+ .premium-img-gallery.scale .pa-gallery-img:hover img {
7172
+ -webkit-transform: scale(1.3) rotate(-5deg);
7173
+ -ms-transform: scale(1.3) rotate(-5deg);
7174
+ transform: scale(1.3) rotate(-5deg);
7175
+ }
7176
+
7177
+ .premium-img-gallery.gray .pa-gallery-img:hover img {
7178
+ -webkit-filter: grayscale(0%);
7179
+ filter: grayscale(0%);
7180
+ }
7181
+
7182
+ .premium-img-gallery.blur .pa-gallery-img:hover img {
7183
+ -webkit-filter: blur(3px);
7184
+ filter: blur(3px);
7185
+ }
7186
+
7187
+ .premium-img-gallery.sepia .pa-gallery-img:hover img {
7188
+ -webkit-filter: sepia(0%);
7189
+ filter: sepia(0%);
7190
+ }
7191
+
7192
+ .premium-img-gallery.trans .pa-gallery-img:hover img {
7193
+ -webkit-transform: translateX(0px) scale(1.1);
7194
+ -ms-transform: translateX(0px) scale(1.1);
7195
+ transform: translateX(0px) scale(1.1);
7196
+ }
7197
+
7198
+ .premium-img-gallery.bright .pa-gallery-img:hover img {
7199
+ -webkit-filter: brightness(1.2);
7200
+ filter: brightness(1.2);
7201
+ }
7202
+
7203
+ .pa-gallery-img .premium-gallery-caption {
7204
+ padding: 10px;
7205
+ }
7206
+
7207
+ .pa-gallery-img .premium-gallery-caption .premium-gallery-img-name {
7208
+ margin-bottom: 0;
7209
+ }
7210
+
7211
+ .pa-gallery-img.style1 {
7212
+ overflow: hidden;
7213
+ }
7214
+
7215
+ .pa-gallery-img:not(.style2) .pa-gallery-icons-wrapper {
7216
+ position: absolute;
7217
+ top: 0;
7218
+ right: 0;
7219
+ width: 100%;
7220
+ height: 100%;
7221
+ -webkit-transition: all 0.3s ease-in-out;
7222
+ transition: all 0.3s ease-in-out;
7223
+ }
7224
+
7225
+ .pa-gallery-img:not(.style2) .pa-gallery-icons-inner-container {
7226
+ position: absolute;
7227
+ top: 33.33%;
7228
+ width: 100%;
7229
+ text-align: center;
7230
+ -webkit-transform: translateY(-50%);
7231
+ -ms-transform: translateY(-50%);
7232
+ transform: translateY(-50%);
7233
+ z-index: 999;
7234
+ }
7235
+
7236
+ .premium-blog-post-container .premium-blog-entry-container {
7237
+ margin: 0 !important;
7238
+ }
7239
+
7240
+ .pa-gallery-img.style1 .premium-gallery-caption {
7241
+ position: absolute;
7242
+ top: auto;
7243
+ left: 0;
7244
+ right: 0;
7245
+ width: 100%;
7246
+ -webkit-transition: all 500ms ease 0s;
7247
+ transition: all 500ms ease 0s;
7248
+ -webkit-transform: translate3d(0, 100%, 0);
7249
+ -ms-transform: translate3d(0, 100%, 0);
7250
+ transform: translate3d(0, 100%, 0);
7251
+ }
7252
+
7253
+ .pa-gallery-img.default .premium-gallery-caption {
7254
+ position: absolute;
7255
+ top: auto;
7256
+ left: 0;
7257
+ right: 0;
7258
+ width: 100%;
7259
+ bottom: 0;
7260
+ }
7261
+
7262
+ .pa-gallery-img.style1:hover .premium-gallery-caption {
7263
+ -webkit-transform: translate3d(0, 0, 0);
7264
+ -ms-transform: translate3d(0, 0, 0);
7265
+ transform: translate3d(0, 0, 0);
7266
+ bottom: -1px !important;
7267
+ }
7268
+
7269
+ .pa-gallery-img.style2 .pa-gallery-icons-caption-container {
7270
+ position: absolute;
7271
+ top: 0;
7272
+ right: 0;
7273
+ width: 100%;
7274
+ height: 100%;
7275
+ opacity: 0;
7276
+ -webkit-backface-visibility: hidden;
7277
+ backface-visibility: hidden;
7278
+ -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
7279
+ -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
7280
+ transition: opacity 0.3s, -webkit-transform 0.3s;
7281
+ transition: transform 0.3s, opacity 0.3s;
7282
+ transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
7283
+ z-index: 1;
7284
+ background-color: rgba(108, 191, 226, 0.68);
7285
+ display: -webkit-box;
7286
+ display: -webkit-flex;
7287
+ display: -ms-flexbox;
7288
+ -js-display: flex;
7289
+ display: -moz-box;
7290
+ display: flex;
7291
+ text-align: center;
7292
+ -webkit-box-align: center;
7293
+ -webkit-align-items: center;
7294
+ -moz-box-align: center;
7295
+ -ms-flex-align: center;
7296
+ align-items: center;
7297
+ }
7298
+
7299
+ .pa-gallery-img.style2 .pa-gallery-icons-caption-cell {
7300
+ width: 100%;
7301
+ }
7302
+
7303
+ .pa-gallery-img.style2:hover .pa-gallery-icons-caption-container {
7304
+ opacity: 1;
7305
+ -webkit-transform: translate(-15px, 15px);
7306
+ -ms-transform: translate(-15px, 15px);
7307
+ transform: translate(-15px, 15px);
7308
+ }
7309
+
7310
+ .premium-clearfix {
7311
+ clear: both;
7312
+ }
7313
+
7314
+ .premium-gallery-container .pa-gallery-item {
7315
+ padding: 10px;
7316
+ }
7317
+
7318
+ /**
7319
+ * Metro Layout
7320
+ */
7321
+ .premium-img-gallery-metro .premium-gallery-item {
7322
+ overflow: hidden;
7323
+ }
7324
+
7325
+ .premium-img-gallery-metro .pa-gallery-img {
7326
+ height: 100%;
7327
+ }
7328
+
7329
+ .premium-img-gallery-metro .pa-gallery-img-container {
7330
+ height: 100%;
7331
+ }
7332
+
7333
+ .premium-img-gallery-metro .pa-gallery-img-container img {
7334
+ min-height: 100%;
7335
+ width: 100%;
7336
+ -o-object-fit: fill;
7337
+ object-fit: fill;
7338
+ }
7339
+
7340
+ .premium-img-gallery .premium-gallery-item-hidden {
7341
+ visibility: hidden;
7342
+ width: 0 !important;
7343
+ height: 0 !important;
7344
+ margin: 0 !important;
7345
+ padding: 0 !important;
7346
+ }
7347
+
7348
+ .premium-gallery-load-more .premium-gallery-load-more-btn {
7349
+ -webkit-box-shadow: none;
7350
+ box-shadow: none;
7351
+ text-shadow: none;
7352
+ border: none;
7353
+ outline: none;
7354
+ -webkit-box-align: center;
7355
+ -ms-flex-align: center;
7356
+ -webkit-align-items: center;
7357
+ -moz-box-align: center;
7358
+ align-items: center;
7359
+ vertical-align: bottom;
7360
+ cursor: pointer;
7361
+ line-height: 1;
7362
+ font-style: normal;
7363
+ font-weight: normal;
7364
+ background-image: none;
7365
+ color: #fff;
7366
+ -webkit-transition: all 0.3s ease-in-out;
7367
+ transition: all 0.3s ease-in-out;
7368
+ }
7369
+
7370
+ .premium-gallery-load-more-btn {
7371
+ display: -webkit-inline-box;
7372
+ display: -webkit-inline-flex;
7373
+ display: -ms-inline-flexbox;
7374
+ -js-display: inline-flex;
7375
+ display: -moz-inline-box;
7376
+ display: inline-flex;
7377
+ -webkit-box-align: center;
7378
+ -webkit-align-items: center;
7379
+ -moz-box-align: center;
7380
+ -ms-flex-align: center;
7381
+ align-items: center;
7382
+ }
7383
+
7384
+ .premium-loader {
7385
+ border: 3px solid #f3f3f3;
7386
+ border-top-width: 3px;
7387
+ border-top-style: solid;
7388
+ border-top-color: rgb(243, 243, 243);
7389
+ -webkit-border-radius: 50%;
7390
+ border-radius: 50%;
7391
+ border-top: 3px solid;
7392
+ border-top-color: #bbb;
7393
+ width: 30px;
7394
+ height: 30px;
7395
+ -webkit-animation: spin 2s linear infinite;
7396
+ animation: spin 2s linear infinite;
7397
+ margin: 0 auto;
7398
+ }
7399
+
7400
+ .premium-gallery-load-more-btn div {
7401
+ margin-right: 3px;
7402
+ }
7403
+
7404
+ .premium-gallery-load-more-btn .premium-loader {
7405
+ display: inline-block;
7406
+ width: 20px;
7407
+ height: 20px;
7408
+ }
7409
+
7410
+ /** * Video */
7411
+ .pa-gallery-img .pa-gallery-lightbox-wrap {
7412
+ display: inline-block;
7413
+ }
7414
+
7415
+ .premium-img-gallery-no-lightbox .premium-gallery-video-item .pa-gallery-img,
7416
+ .pa-gallery-img .pa-gallery-video-icon {
7417
+ cursor: pointer;
7418
+ }
7419
+
7420
+ .pa-gallery-img-container iframe,
7421
+ .pa-gallery-img-container video {
7422
+ position: absolute;
7423
+ visibility: hidden;
7424
+ top: 0;
7425
+ right: 0;
7426
+ max-width: 100%;
7427
+ width: 100%;
7428
+ height: 100%;
7429
+ margin: 0;
7430
+ line-height: 1;
7431
+ border: none;
7432
+ }
7433
+
7434
+ .pa-gallery-img-container video {
7435
+ -o-object-fit: contain;
7436
+ object-fit: contain;
7437
+ }
7438
+
7439
+ .pa-gallery-icons-inner-container svg,
7440
+ .pa-gallery-icons-caption-cell svg {
7441
+ width: 14px;
7442
+ height: 14px;
7443
+ }
7444
+
7445
+ .premium-gallery-gradient-layer {
7446
+ position: absolute;
7447
+ bottom: 40px;
7448
+ width: 100%;
7449
+ height: 20px;
7450
+ background: -webkit-gradient(linear, left bottom, left top, from(#17181f), to(rgba(255, 255, 255, 0)));
7451
+ background: -webkit-linear-gradient(bottom, #17181f 0%, rgba(255, 255, 255, 0) 100%);
7452
+ background: linear-gradient(to top, #17181f 0%, rgba(255, 255, 255, 0) 100%);
7453
+ }
7454
+
7455
+ @-webkit-keyframes spin {
7456
+ 0% {
7457
+ -webkit-transform: rotate(0deg);
7458
+ }
7459
+
7460
+ 100% {
7461
+ -webkit-transform: rotate(-360deg);
7462
+ }
7463
+ }
7464
+
7465
+ @keyframes spin {
7466
+ 0% {
7467
+ -webkit-transform: rotate(0deg);
7468
+ transform: rotate(0deg);
7469
+ }
7470
+
7471
+ 100% {
7472
+ -webkit-transform: rotate(-360deg);
7473
+ transform: rotate(-360deg);
7474
+ }
7475
+ }
7476
+
7477
+ /************ Premium Vertical Scroll ************/
7478
+ /*************************************************/
7479
+ .premium-vscroll-inner {
7480
+ position: relative;
7481
+ /* overflow: hidden;
7482
+ */
7483
+ min-height: 100%;
7484
+ }
7485
+
7486
+ .premium-vscroll-inner .premium-vscroll-dots {
7487
+ position: fixed;
7488
+ z-index: 100;
7489
+ opacity: 1;
7490
+ margin-top: -32px;
7491
+ -webkit-transition: all 0.3s ease-in-out;
7492
+ transition: all 0.3s ease-in-out;
7493
+ }
7494
+
7495
+ .premium-vscroll-wrap .premium-vscroll-nav-menu {
7496
+ opacity: 1;
7497
+ -webkit-transition: all 0.3s ease-in-out;
7498
+ transition: all 0.3s ease-in-out;
7499
+ }
7500
+
7501
+ .premium-vscroll-inner .premium-vscroll-dots,
7502
+ .premium-vscroll-wrap .premium-vscroll-dots-hide {
7503
+ opacity: 0;
7504
+ visibility: hidden;
7505
+ }
7506
+
7507
+ .premium-vscroll-nav-dots-yes .premium-vscroll-inner .premium-vscroll-dots {
7508
+ opacity: 1;
7509
+ visibility: visible;
7510
+ }
7511
+
7512
+ .premium-vscroll-dots.middle {
7513
+ top: 50%;
7514
+ }
7515
+
7516
+ .premium-vscroll-dots.top {
7517
+ top: 40px;
7518
+ }
7519
+
7520
+ .premium-vscroll-dots.bottom {
7521
+ bottom: 30px;
7522
+ }
7523
+
7524
+ .premium-vscroll-dots.right {
7525
+ left: 17px;
7526
+ }
7527
+
7528
+ .premium-vscroll-dots.left {
7529
+ right: 17px;
7530
+ }
7531
+
7532
+ .premium-vscroll-inner ul.premium-vscroll-dots-list,
7533
+ .premium-vscroll-wrap .premium-vscroll-nav-menu {
7534
+ margin: 0 !important;
7535
+ padding: 0;
7536
+ }
7537
+
7538
+ .premium-vscroll-inner ul.premium-vscroll-dots-list li {
7539
+ width: 14px;
7540
+ height: 13px;
7541
+ margin: 7px;
7542
+ position: relative;
7543
+ display: -webkit-box;
7544
+ display: -webkit-flex;
7545
+ display: -ms-flexbox;
7546
+ -js-display: flex;
7547
+ display: -moz-box;
7548
+ display: flex;
7549
+ -webkit-box-pack: center;
7550
+ -ms-flex-pack: center;
7551
+ -webkit-justify-content: center;
7552
+ -moz-box-pack: center;
7553
+ justify-content: center;
7554
+ -webkit-box-align: center;
7555
+ -ms-flex-align: center;
7556
+ -webkit-align-items: center;
7557
+ -moz-box-align: center;
7558
+ align-items: center;
7559
+ overflow: visible;
7560
+ }
7561
+
7562
+ .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link {
7563
+ display: block;
7564
+ position: relative;
7565
+ z-index: 1;
7566
+ width: 100%;
7567
+ height: 100%;
7568
+ cursor: pointer;
7569
+ text-decoration: none;
7570
+ }
7571
+
7572
+ .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link span {
7573
+ top: 2px;
7574
+ right: 2.5px;
7575
+ width: 8px;
7576
+ height: 8px;
7577
+ border: 1px solid #000;
7578
+ -webkit-border-radius: 50%;
7579
+ border-radius: 50%;
7580
+ position: absolute;
7581
+ z-index: 1;
7582
+ -webkit-transition: all 0.3s ease-in-out;
7583
+ transition: all 0.3s ease-in-out;
7584
+ }
7585
+
7586
+ .premium-vscroll-inner .premium-vscroll-dot-item.active .premium-vscroll-nav-link span {
7587
+ -webkit-transform: scale(1.6);
7588
+ -ms-transform: scale(1.6);
7589
+ transform: scale(1.6);
7590
+ }
7591
+
7592
+ .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-tooltip {
7593
+ position: absolute;
7594
+ color: #fff;
7595
+ font-size: 14px;
7596
+ font-family: arial, helvetica, sans-serif;
7597
+ white-space: nowrap;
7598
+ max-width: 220px;
7599
+ padding-right: 0.4em;
7600
+ padding-left: 0.4em;
7601
+ }
7602
+
7603
+ .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip {
7604
+ left: 27px;
7605
+ }
7606
+
7607
+ /* * Lines */
7608
+ .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item {
7609
+ width: 4px;
7610
+ height: 30px;
7611
+ }
7612
+
7613
+ .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item span {
7614
+ width: 100%;
7615
+ height: 100%;
7616
+ -webkit-border-radius: 0;
7617
+ border-radius: 0;
7618
+ }
7619
+
7620
+ .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item.active span {
7621
+ -webkit-transform: scale(1);
7622
+ -ms-transform: scale(1);
7623
+ transform: scale(1);
7624
+ }
7625
+
7626
+ @media (max-width: 768px) {
7627
+ .premium-vscroll-dots.right {
7628
+ left: 7px;
7629
+ }
7630
+
7631
+ .premium-vscroll-dots.left {
7632
+ right: 7px;
7633
+ }
7634
+ }
7635
+
7636
+ .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip::after {
7637
+ position: absolute;
7638
+ top: 50%;
7639
+ content: "";
7640
+ right: -webkit-calc(100% - 1px);
7641
+ right: calc(100% - 1px);
7642
+ width: 10px;
7643
+ height: 0;
7644
+ border-top: 6px solid transparent;
7645
+ border-bottom: 6px solid transparent;
7646
+ border-right: 6px solid;
7647
+ -webkit-transform: translateY(-50%);
7648
+ -ms-transform: translateY(-50%);
7649
+ transform: translateY(-50%);
7650
+ }
7651
+
7652
+ .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip::after {
7653
+ position: absolute;
7654
+ top: 50%;
7655
+ content: "";
7656
+ left: -webkit-calc(100% - 1px);
7657
+ left: calc(100% - 1px);
7658
+ width: 10px;
7659
+ height: 0;
7660
+ border-top: 6px solid transparent;
7661
+ border-bottom: 6px solid transparent;
7662
+ border-left: 6px solid;
7663
+ -webkit-transform: translateY(-50%);
7664
+ -ms-transform: translateY(-50%);
7665
+ transform: translateY(-50%);
7666
+ }
7667
+
7668
+ .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip {
7669
+ right: 27px;
7670
+ }
7671
+
7672
+ .premium-vscroll-nav-menu {
7673
+ position: fixed;
7674
+ top: 20px;
7675
+ height: 40px;
7676
+ z-index: 100;
7677
+ padding: 0;
7678
+ margin: 0;
7679
+ }
7680
+
7681
+ .premium-vscroll-nav-menu.left {
7682
+ right: 0;
7683
+ }
7684
+
7685
+ .premium-vscroll-nav-menu.right {
7686
+ left: 0;
7687
+ }
7688
+
7689
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item {
7690
+ display: inline-block;
7691
+ margin: 10px;
7692
+ color: #000;
7693
+ background: #fff;
7694
+ background: rgba(255, 255, 255, 0.3);
7695
+ }
7696
+
7697
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link {
7698
+ padding: 9px 18px;
7699
+ display: block;
7700
+ cursor: pointer;
7701
+ }
7702
+
7703
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link,
7704
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:hover {
7705
+ color: #000;
7706
+ }
7707
+
7708
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:focus,
7709
+ .multiscroll-nav li a:focus {
7710
+ outline: none;
7711
+ }
7712
+
7713
+ .premium-vscroll-temp .slimScrollBar {
7714
+ visibility: hidden;
7715
+ }
7716
+
7717
+ /************ Premium Image Scroll ***************/
7718
+ /*************************************************/
7719
+ .premium-image-scroll-section,
7720
+ .premium-image-scroll-container {
7721
+ -webkit-transition: all 0.3s ease-in-out;
7722
+ transition: all 0.3s ease-in-out;
7723
+ }
7724
+
7725
+ .premium-image-scroll-section {
7726
+ position: relative;
7727
+ overflow: hidden;
7728
+ width: 100%;
7729
+ -webkit-mask-image: -webkit-radial-gradient(white, black);
7730
+ }
7731
+
7732
+ .premium-image-scroll-container {
7733
+ width: 100%;
7734
+ }
7735
+
7736
+ .premium-image-scroll-container .premium-image-scroll-mask-media {
7737
+ -webkit-mask-repeat: no-repeat;
7738
+ mask-repeat: no-repeat;
7739
+ -webkit-mask-position: center;
7740
+ mask-position: center;
7741
+ }
7742
+
7743
+ .premium-container-scroll {
7744
+ overflow: auto;
7745
+ }
7746
+
7747
+ .premium-image-scroll-container .premium-image-scroll-horizontal {
7748
+ position: relative;
7749
+ width: 100%;
7750
+ height: 100%;
7751
+ }
7752
+
7753
+ .premium-image-scroll-container .premium-image-scroll-horizontal img {
7754
+ max-width: none;
7755
+ height: 100%;
7756
+ }
7757
+
7758
+ .premium-image-scroll-container .premium-image-scroll-vertical img {
7759
+ width: 100%;
7760
+ max-width: 100%;
7761
+ height: auto;
7762
+ }
7763
+
7764
+ .premium-image-scroll-ver {
7765
+ position: relative;
7766
+ }
7767
+
7768
+ .premium-image-scroll-container .premium-image-scroll-overlay {
7769
+ background: rgba(2, 2, 2, 0.3);
7770
+ }
7771
+
7772
+ .premium-image-scroll-container .premium-image-scroll-link,
7773
+ .premium-image-scroll-container .premium-image-scroll-overlay {
7774
+ position: absolute;
7775
+ top: 0;
7776
+ bottom: 0;
7777
+ right: 0;
7778
+ left: 0;
7779
+ z-index: 4;
7780
+ }
7781
+
7782
+ .premium-image-scroll-content {
7783
+ display: inline-block;
7784
+ position: absolute;
7785
+ height: auto;
7786
+ top: 50%;
7787
+ right: 50%;
7788
+ text-align: center;
7789
+ z-index: 5;
7790
+ -webkit-transform: translate(50%, -50%);
7791
+ -ms-transform: translate(50%, -50%);
7792
+ transform: translate(50%, -50%);
7793
+ }
7794
+
7795
+ .premium-container-scroll-instant .premium-image-scroll-image {
7796
+ -webkit-transition: all 0s ease-in-out !important;
7797
+ transition: all 0s ease-in-out !important;
7798
+ }
7799
+
7800
+ .premium-image-scroll-container img {
7801
+ -webkit-transition: -webkit-transform 3s ease-in-out;
7802
+ transition: -webkit-transform 3s ease-in-out;
7803
+ transition: transform 3s ease-in-out;
7804
+ transition: transform 3s ease-in-out, -webkit-transform 3s ease-in-out;
7805
+ }
7806
+
7807
+ .premium-image-scroll-container .premium-image-scroll-overlay,
7808
+ .premium-image-scroll-container .premium-image-scroll-content {
7809
+ -webkit-transition: all 0.3s ease-in-out;
7810
+ transition: all 0.3s ease-in-out;
7811
+ opacity: 1;
7812
+ }
7813
+
7814
+ .premium-image-scroll-container:hover .premium-image-scroll-overlay {
7815
+ opacity: 0;
7816
+ }
7817
+
7818
+ .premium-image-scroll-container:hover .premium-image-scroll-content {
7819
+ opacity: 0;
7820
+ visibility: hidden;
7821
+ }
7822
+
7823
+ .premium-image-scroll-content .premium-image-scroll-icon {
7824
+ display: inline-block;
7825
+ font-family: "pa-elements" !important;
7826
+ speak: none;
7827
+ font-style: normal;
7828
+ font-weight: normal;
7829
+ font-variant: normal;
7830
+ text-transform: none;
7831
+ line-height: 1;
7832
+ -webkit-font-smoothing: antialiased;
7833
+ -moz-osx-font-smoothing: grayscale;
7834
+ -webkit-animation-duration: 0.5s;
7835
+ animation-duration: 0.5s;
7836
+ -webkit-animation-iteration-count: infinite;
7837
+ animation-iteration-count: infinite;
7838
+ -webkit-animation-direction: alternate;
7839
+ animation-direction: alternate;
7840
+ -webkit-animation-timing-function: ease-in-out;
7841
+ animation-timing-function: ease-in-out;
7842
+ }
7843
+
7844
+ .pa-horizontal-mouse-scroll:before {
7845
+ content: "\e917";
7846
+ }
7847
+
7848
+ .pa-vertical-mouse-scroll:before {
7849
+ content: "\e918";
7850
+ }
7851
+
7852
+ .pa-horizontal-mouse-scroll {
7853
+ -webkit-animation-name: pa-scroll-horizontal;
7854
+ animation-name: pa-scroll-horizontal;
7855
+ }
7856
+
7857
+ .pa-vertical-mouse-scroll {
7858
+ -webkit-animation-name: pa-scroll-vertical;
7859
+ animation-name: pa-scroll-vertical;
7860
+ }
7861
+
7862
+ @-webkit-keyframes pa-scroll-vertical {
7863
+ 0% {
7864
+ -webkit-transform: translateY(0px);
7865
+ transform: translateY(0px);
7866
+ }
7867
+
7868
+ 100% {
7869
+ -webkit-transform: translateY(5px);
7870
+ transform: translateY(5px);
7871
+ }
7872
+ }
7873
+
7874
+ @keyframes pa-scroll-vertical {
7875
+ 0% {
7876
+ -webkit-transform: translateY(0px);
7877
+ transform: translateY(0px);
7878
+ }
7879
+
7880
+ 100% {
7881
+ -webkit-transform: translateY(5px);
7882
+ transform: translateY(5px);
7883
+ }
7884
+ }
7885
+
7886
+ @-webkit-keyframes pa-scroll-horizontal {
7887
+ 0% {
7888
+ -webkit-transform: translateX(0px);
7889
+ transform: translateX(0px);
7890
+ }
7891
+
7892
+ 100% {
7893
+ -webkit-transform: translateX(-5px);
7894
+ transform: translateX(-5px);
7895
+ }
7896
+ }
7897
+
7898
+ @keyframes pa-scroll-horizontal {
7899
+ 0% {
7900
+ -webkit-transform: translateX(0px);
7901
+ transform: translateX(0px);
7902
+ }
7903
+
7904
+ 100% {
7905
+ -webkit-transform: translateX(-5px);
7906
+ transform: translateX(-5px);
7907
+ }
7908
+ }
7909
+
7910
+ /********* Premium Lottie Animations **********/
7911
+ /**********************************************/
7912
+ .premium-lottie-wrap .premium-lottie-animation {
7913
+ position: relative;
7914
+ -js-display: inline-flex;
7915
+ display: -webkit-inline-box;
7916
+ display: -webkit-inline-flex;
7917
+ display: -moz-inline-box;
7918
+ display: -ms-inline-flexbox;
7919
+ display: inline-flex;
7920
+ -webkit-transition: all 0.3s ease-in-out;
7921
+ transition: all 0.3s ease-in-out;
7922
+ }
7923
+
7924
+ .premium-lottie-wrap .premium-lottie-animation a {
7925
+ position: absolute;
7926
+ left: 0;
7927
+ top: 0;
7928
+ width: 100%;
7929
+ height: 100%;
7930
+ z-index: 2;
7931
+ }
7932
+
7933
+ /**************** Premium Bullet List *****************/
7934
+ /******************************************************/
7935
+ .premium-bullet-list-box {
7936
+ -js-display: flex;
7937
+ display: -webkit-box;
7938
+ display: -webkit-flex;
7939
+ display: -moz-box;
7940
+ display: -ms-flexbox;
7941
+ display: flex;
7942
+ -webkit-flex-wrap: wrap;
7943
+ -ms-flex-wrap: wrap;
7944
+ flex-wrap: wrap;
7945
+ -webkit-box-orient: vertical;
7946
+ -webkit-box-direction: normal;
7947
+ -webkit-flex-direction: column;
7948
+ -moz-box-orient: vertical;
7949
+ -moz-box-direction: normal;
7950
+ -ms-flex-direction: column;
7951
+ flex-direction: column;
7952
+ }
7953
+
7954
+ .premium-bullet-list-box .premium-bullet-list-content-grow-lc {
7955
+ -webkit-transform-origin: right center;
7956
+ -ms-transform-origin: right center;
7957
+ transform-origin: right center;
7958
+ }
7959
+
7960
+ .premium-bullet-list-box .premium-bullet-list-content-grow-rc {
7961
+ -webkit-transform-origin: left center;
7962
+ -ms-transform-origin: left center;
7963
+ transform-origin: left center;
7964
+ }
7965
+
7966
+ .premium-bullet-list-box .premium-bullet-list-content-grow-cc {
7967
+ -webkit-transform-origin: center center;
7968
+ -ms-transform-origin: center center;
7969
+ transform-origin: center center;
7970
+ }
7971
+
7972
+ .premium-bullet-list-content {
7973
+ -js-display: flex;
7974
+ display: -webkit-box;
7975
+ display: -webkit-flex;
7976
+ display: -moz-box;
7977
+ display: -ms-flexbox;
7978
+ display: flex;
7979
+ -webkit-transition: all 0.3s ease-in-out;
7980
+ transition: all 0.3s ease-in-out;
7981
+ width: auto;
7982
+ position: relative;
7983
+ }
7984
+
7985
+ .premium-bullet-list-content .premium-bullet-list-text span,
7986
+ .premium-bullet-list-content .premium-bullet-list-wrapper {
7987
+ display: inline-block;
7988
+ -webkit-align-self: center;
7989
+ -ms-flex-item-align: center;
7990
+ align-self: center;
7991
+ -webkit-transition: all 0.3s ease-in-out;
7992
+ transition: all 0.3s ease-in-out;
7993
+ }
7994
+
7995
+ .premium-bullet-list-content .premium-bullet-list-text span {
7996
+ margin: 0 5px;
7997
+ }
7998
+
7999
+ .premium-bullet-list-content .premium-bullet-list-icon-text p {
8000
+ font-size: 18px;
8001
+ background-color: #eee;
8002
+ padding: 1px 5px;
8003
+ -webkit-border-radius: 2px;
8004
+ border-radius: 2px;
8005
+ }
8006
+
8007
+ .premium-bullet-list-content .premium-bullet-list-text span,
8008
+ .premium-bullet-list-content .premium-bullet-list-icon-text p,
8009
+ .premium-bullet-list-content .premium-bullet-list-wrapper img,
8010
+ .premium-bullet-list-content .premium-bullet-list-wrapper svg,
8011
+ .premium-bullet-list-content .premium-bullet-list-wrapper i {
8012
+ -webkit-transition: all 0.3s ease-in-out;
8013
+ transition: all 0.3s ease-in-out;
8014
+ }
8015
+
8016
+ .premium-bullet-list-content .premium-bullet-list-wrapper {
8017
+ position: relative;
8018
+ line-height: 0;
8019
+ }
8020
+
8021
+ .premium-bullet-list-content .premium-bullet-list-wrapper img,
8022
+ .premium-bullet-list-content .premium-bullet-list-wrapper svg {
8023
+ width: 30px !important;
8024
+ height: 30px !important;
8025
+ position: relative;
8026
+ z-index: 500;
8027
+ }
8028
+
8029
+ .premium-bullet-list-content .premium-bullet-list-wrapper i,
8030
+ .premium-bullet-list-content .premium-bullet-list-wrapper .premium-bullet-list-icon-text {
8031
+ position: relative;
8032
+ z-index: 500;
8033
+ }
8034
+
8035
+ .premium-bullet-list-content .premium-bullet-list-link {
8036
+ position: absolute;
8037
+ top: 0;
8038
+ right: 0;
8039
+ width: 100%;
8040
+ height: 100%;
8041
+ z-index: 1000;
8042
+ }
8043
+
8044
+ .premium-bullet-list-content:not(:last-of-type) .premium-bullet-list-connector {
8045
+ width: 100%;
8046
+ height: 100%;
8047
+ position: absolute;
8048
+ top: 0.5em;
8049
+ z-index: 100;
8050
+ -js-display: flex;
8051
+ display: -webkit-box;
8052
+ display: -webkit-flex;
8053
+ display: -moz-box;
8054
+ display: -ms-flexbox;
8055
+ display: flex;
8056
+ -webkit-box-pack: center;
8057
+ -webkit-justify-content: center;
8058
+ -moz-box-pack: center;
8059
+ -ms-flex-pack: center;
8060
+ justify-content: center;
8061
+ }
8062
+
8063
+ .premium-bullet-list-content:not(:last-of-type) .premium-bullet-list-connector .premium-icon-connector-content:after {
8064
+ content: "";
8065
+ border-left-width: 1px;
8066
+ border-left-style: solid;
8067
+ border-color: #333333;
8068
+ display: block;
8069
+ height: 100%;
8070
+ }
8071
+
8072
+ li.premium-bullet-list-content.premium-bullet-list-content-inline {
8073
+ -webkit-align-self: center;
8074
+ -ms-flex-item-align: center;
8075
+ align-self: center;
8076
+ z-index: 2;
8077
+ }
8078
+
8079
+ li.premium-bullet-list-content.premium-bullet-list-content-inline:not(:first-child) {
8080
+ margin: 0 3px;
8081
+ }
8082
+
8083
+ li.premium-bullet-list-content.premium-bullet-list-content-inline:first-child {
8084
+ margin: 0 0 0 3px;
8085
+ }
8086
+
8087
+ .premium-bullet-list-divider:not(:last-child) {
8088
+ width: 100%;
8089
+ -webkit-box-flex: 0;
8090
+ -webkit-flex: 0 0 100%;
8091
+ -moz-box-flex: 0;
8092
+ -ms-flex: 0 0 100%;
8093
+ flex: 0 0 100%;
8094
+ overflow: hidden;
8095
+ }
8096
+
8097
+ .premium-bullet-list-divider:not(:last-child):after {
8098
+ content: "";
8099
+ display: block;
8100
+ border-top-style: solid;
8101
+ border-top-width: 1px;
8102
+ }
8103
+
8104
+ .premium-bullet-list-divider-inline:not(:last-child) {
8105
+ float: left;
8106
+ display: inline-block;
8107
+ position: relative;
8108
+ height: 100%;
8109
+ overflow: hidden;
8110
+ -webkit-align-self: center;
8111
+ -ms-flex-item-align: center;
8112
+ align-self: center;
8113
+ margin: 0 3px;
8114
+ }
8115
+
8116
+ .premium-bullet-list-divider-inline:not(:last-child):after {
8117
+ content: "";
8118
+ display: block;
8119
+ border-right-width: 1px;
8120
+ height: 33px;
8121
+ border-right-style: solid;
8122
+ }
8123
+
8124
+ .premium-bullet-list-icon-text {
8125
+ line-height: 1.5;
8126
+ }
8127
+
8128
+ .premium-bullet-list-icon-text p,
8129
+ ul.premium-bullet-list-box,
8130
+ li.premium-bullet-list-content {
8131
+ margin: 0;
8132
+ }
8133
+
8134
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper i,
8135
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-text span,
8136
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-icon-text p {
8137
+ color: transparent !important;
8138
+ text-shadow: 0 0 3px #aaa;
8139
+ }
8140
+
8141
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-icon-connector-content,
8142
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper .premium-lottie-animation svg,
8143
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper img,
8144
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-badge {
8145
+ -webkit-filter: blur(3px);
8146
+ filter: blur(3px);
8147
+ }
8148
+
8149
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper i,
8150
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-text span,
8151
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-icon-text p {
8152
+ color: #aaa !important;
8153
+ text-shadow: 0 0px 0 transparent;
8154
+ }
8155
+
8156
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-icon-connector-content,
8157
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper .premium-lottie-animation svg,
8158
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper img,
8159
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-badge {
8160
+ -webkit-filter: none;
8161
+ filter: none;
8162
+ }
8163
+
8164
+ .premium-bullet-list-content .premium-bullet-list-badge {
8165
+ font-size: 11px;
8166
+ top: auto;
8167
+ min-width: -webkit-max-content;
8168
+ min-width: -moz-max-content;
8169
+ min-width: max-content;
8170
+ height: -webkit-fit-content;
8171
+ height: -moz-fit-content;
8172
+ height: fit-content;
8173
+ }
8174
+
8175
+ .premium-bullet-list-content .premium-bullet-list-icon-text p {
8176
+ font-size: 13px;
8177
+ }
8178
+
8179
+ .premium-bullet-list-gradient-effect[data-text] {
8180
+ display: inline-block;
8181
+ position: relative;
8182
+ text-decoration: none;
8183
+ }
8184
+
8185
+ .premium-bullet-list-gradient-effect[data-text]::before {
8186
+ content: attr(data-text);
8187
+ position: absolute;
8188
+ z-index: 1;
8189
+ overflow: hidden;
8190
+ -webkit-clip-path: polygon(100% 100%, 100% 100%, 50% 50%);
8191
+ clip-path: polygon(100% 100%, 100% 100%, 50% 50%);
8192
+ -webkit-background-clip: text;
8193
+ background-clip: text;
8194
+ -webkit-text-fill-color: transparent;
8195
+ -webkit-transition: all 0.4s ease;
8196
+ transition: all 0.4s ease;
8197
+ }
8198
+
8199
+ .premium-bullet-list-content:hover .premium-bullet-list-gradient-effect[data-text]::before,
8200
+ .premium-bullet-list-content:focus .premium-bullet-list-gradient-effect[data-text]::before {
8201
+ -webkit-animation: rtlgradient 1s forwards;
8202
+ animation: rtlgradient 1s forwards;
8203
+ }
8204
+
8205
+ @-webkit-keyframes rtlgradient {
8206
+ 0% {
8207
+ -webkit-clip-path: circle(0% at 150% 50%);
8208
+ clip-path: circle(0% at 150% 50%);
8209
+ }
8210
+
8211
+ 100% {
8212
+ -webkit-clip-path: circle(100% at 50% 50%);
8213
+ clip-path: circle(100% at 50% 50%);
8214
+ }
8215
+ }
8216
+
8217
+ @keyframes rtlgradient {
8218
+ 0% {
8219
+ -webkit-clip-path: circle(0% at 150% 50%);
8220
+ clip-path: circle(0% at 150% 50%);
8221
+ }
8222
+
8223
+ 100% {
8224
+ -webkit-clip-path: circle(100% at 50% 50%);
8225
+ clip-path: circle(100% at 50% 50%);
8226
+ }
8227
+ }
8228
+
8229
+ ul[data-list-animation*="animated-"] .premium-bullet-list-divider,
8230
+ ul[data-list-animation*="animated-"] .premium-bullet-list-content,
8231
+ ul[data-list-animation*="animated-"] .premium-bullet-list-divider-inline {
8232
+ opacity: 0;
8233
+ }
8234
+
8235
+ .premium-bullet-list-content-grow-effect:hover {
8236
+ -webkit-transform: scale(1.07);
8237
+ -ms-transform: scale(1.07);
8238
+ transform: scale(1.07);
8239
  }
assets/frontend/css/premium-addons.css CHANGED
@@ -1,6754 +1,6754 @@
1
- @font-face {
2
- font-family: "pa-elements";
3
- src: url("../../editor/fonts/pa-elements.eot?7pjc22");
4
- src: url("../../editor/fonts/pa-elements.eot?7pjc22#iefix") format("embedded-opentype"), url("../../editor/fonts/pa-elements.ttf?7pjc22") format("truetype"), url("../../editor/fonts/pa-elements.woff?7pjc22") format("woff"), url("../../editor/fonts/pa-elements.svg?7pjc22#pa-elements") format("svg");
5
- font-weight: normal;
6
- font-style: normal; }
7
-
8
- /**************** Premium Banner ****************/
9
- /************************************************/
10
- .premium-banner {
11
- overflow: hidden; }
12
-
13
- .premium-banner-ib {
14
- display: block;
15
- position: relative;
16
- z-index: 1;
17
- overflow: hidden;
18
- margin: 0;
19
- text-align: center;
20
- -webkit-box-sizing: border-box;
21
- -moz-box-sizing: border-box;
22
- box-sizing: border-box; }
23
- .premium-banner-ib img {
24
- display: block;
25
- position: relative; }
26
-
27
- .premium-banner-img-wrap {
28
- -js-display: flex;
29
- display: -webkit-box;
30
- display: -webkit-flex;
31
- display: -moz-box;
32
- display: -ms-flexbox;
33
- display: flex;
34
- height: 100%; }
35
- .premium-banner-img-wrap .premium-banner-ib-img {
36
- -webkit-flex-shrink: 0;
37
- -ms-flex-negative: 0;
38
- flex-shrink: 0; }
39
-
40
- .premium-banner-ib-desc .premium-banner-read-more {
41
- z-index: 100; }
42
-
43
- .elementor-widget-premium-addon-banner .premium-banner-ib-title {
44
- background: transparent; }
45
-
46
- .premium-banner-ib *,
47
- .premium-banner-ib .premium-banner-ib-desc {
48
- -webkit-box-sizing: border-box;
49
- -moz-box-sizing: border-box;
50
- box-sizing: border-box; }
51
-
52
- .premium-banner-ib img {
53
- min-width: 100%;
54
- max-width: 100%;
55
- -webkit-transition: opacity 0.35s;
56
- transition: opacity 0.35s; }
57
-
58
- .premium-banner-ib .premium-banner-ib-desc {
59
- padding: 15px;
60
- -webkit-backface-visibility: hidden;
61
- backface-visibility: hidden;
62
- -webkit-box-sizing: border-box;
63
- -moz-box-sizing: border-box;
64
- box-sizing: border-box;
65
- position: absolute;
66
- top: 0;
67
- left: 0;
68
- width: 100%;
69
- height: 100%; }
70
-
71
- .premium-banner-ib .premium-banner-ib-link {
72
- position: absolute;
73
- top: 0;
74
- left: 0;
75
- width: 100%;
76
- height: 100%;
77
- z-index: 1000;
78
- text-indent: 200%;
79
- white-space: nowrap;
80
- font-size: 0;
81
- opacity: 0; }
82
-
83
- .premium-banner-ib a.premium-banner-ib-link {
84
- display: block;
85
- background: 0 0; }
86
-
87
- .premium-banner-animation1 img {
88
- width: -webkit-calc(100% + 50px) !important;
89
- width: calc(100% + 50px) !important;
90
- max-width: -webkit-calc(100% + 50px) !important;
91
- max-width: calc(100% + 50px) !important;
92
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
93
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
94
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
95
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
96
- -webkit-transform: translate3d(-40px, 0, 0);
97
- transform: translate3d(-40px, 0, 0); }
98
-
99
- .premium-banner-animation2 .premium-banner-ib-title {
100
- padding: 15px; }
101
-
102
- .premium-banner-animation1 .premium-banner-ib-desc {
103
- top: auto;
104
- bottom: 0;
105
- min-height: 25%;
106
- height: auto;
107
- max-height: 100%;
108
- text-align: left; }
109
-
110
- .premium-banner-animation1 .premium-banner-ib-content,
111
- .premium-banner-animation1 .premium-banner-ib-title,
112
- .premium-banner-animation1 .premium-banner-read-more {
113
- -webkit-transform: translate3d(0, 40px, 0);
114
- transform: translate3d(0, 40px, 0);
115
- -webkit-transition-delay: 0.05s;
116
- transition-delay: 0.05s;
117
- -webkit-transition-duration: 0.35s;
118
- transition-duration: 0.35s; }
119
-
120
- .premium-banner-animation1 .premium-banner-ib-title {
121
- -webkit-transition: -webkit-transform 0.35s;
122
- transition: -webkit-transform 0.35s;
123
- transition: transform 0.35s;
124
- transition: transform 0.35s, -webkit-transform 0.35s; }
125
-
126
- .premium-banner-animation1 .premium-banner-ib-content,
127
- .premium-banner-animation1 .premium-banner-read-more {
128
- margin-top: 10px;
129
- opacity: 0;
130
- -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
131
- transition: opacity 0.2s, -webkit-transform 0.35s;
132
- transition: opacity 0.2s, transform 0.35s;
133
- transition: opacity 0.2s, transform 0.35s, -webkit-transform 0.35s; }
134
-
135
- .premium-banner-animation1:hover .premium-banner-ib-content,
136
- .premium-banner-animation1.active .premium-banner-ib-content,
137
- .premium-banner-animation1:hover .premium-banner-read-more,
138
- .premium-banner-animation1.active .premium-banner-read-more {
139
- opacity: 1;
140
- -webkit-transition-delay: 0.05s;
141
- transition-delay: 0.05s;
142
- -webkit-transition-duration: 0.35s;
143
- transition-duration: 0.35s; }
144
-
145
- .premium-banner-animation1:hover .premium-banner-ib-content,
146
- .premium-banner-animation1.active .premium-banner-ib-content,
147
- .premium-banner-animation1:hover .premium-banner-read-more,
148
- .premium-banner-animation1.active .premium-banner-read-more,
149
- .premium-banner-animation1:hover .premium-banner-ib-title,
150
- .premium-banner-animation1.active .premium-banner-ib-title,
151
- .premium-banner-animation1:hover img,
152
- .premium-banner-animation1.active img {
153
- -webkit-transform: translate3d(0, 0, 0);
154
- transform: translate3d(0, 0, 0);
155
- -webkit-transition-delay: 0.05s;
156
- transition-delay: 0.05s;
157
- -webkit-transition-duration: 0.35s;
158
- transition-duration: 0.35s; }
159
-
160
- .premium-banner-animation1.zoomout img,
161
- .premium-banner-animation1.scale img {
162
- -webkit-transform: translate3d(-40px, 0, 0) scale(1.1);
163
- transform: translate3d(-40px, 0, 0) scale(1.1); }
164
-
165
- .premium-banner-ib.sepia img {
166
- -webkit-filter: sepia(30%);
167
- filter: sepia(30%); }
168
-
169
- .premium-banner-ib.bright img {
170
- -webkit-filter: brightness(1);
171
- filter: brightness(1); }
172
-
173
- .premium-banner-ib.sepia:hover img {
174
- -webkit-filter: sepia(0%);
175
- filter: sepia(0%); }
176
-
177
- .premium-banner-ib.bright:hover img {
178
- -webkit-filter: brightness(1.2);
179
- filter: brightness(1.2); }
180
-
181
- .premium-banner-animation1.premium-banner-min-height img,
182
- .premium-banner-animation2.premium-banner-min-height img,
183
- .premium-banner-animation4.premium-banner-min-height img,
184
- .premium-banner-animation5.premium-banner-min-height img,
185
- .premium-banner-animation6.premium-banner-min-height img,
186
- .premium-banner-animation13.premium-banner-min-height img {
187
- height: auto; }
188
-
189
- .premium-banner-animation2 img {
190
- width: 100%; }
191
-
192
- .premium-banner-animation2 .premium-banner-ib-desc::before {
193
- position: absolute;
194
- content: "";
195
- top: 0;
196
- left: 0;
197
- width: 100%;
198
- height: 100%;
199
- opacity: 0;
200
- -webkit-transform: translate3d(0, 50%, 0);
201
- transform: translate3d(0, 50%, 0); }
202
-
203
- .premium-banner-animation2 .premium-banner-ib-title {
204
- position: absolute;
205
- top: 50%;
206
- left: 0;
207
- width: 100%;
208
- -webkit-transition: color 0.35s, -webkit-transform 0.35s;
209
- transition: color 0.35s, -webkit-transform 0.35s;
210
- transition: transform 0.35s, color 0.35s;
211
- transition: transform 0.35s, color 0.35s, -webkit-transform 0.35s;
212
- -webkit-transform: translate3d(0, -50%, 0);
213
- transform: translate3d(0, -50%, 0); }
214
-
215
- .premium-banner-animation2 .premium-banner-ib-content,
216
- .premium-banner-animation2 .premium-banner-read-more,
217
- .premium-banner-animation2 .premium-banner-ib-desc::before {
218
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
219
- transition: opacity 0.35s, -webkit-transform 0.35s;
220
- transition: opacity 0.35s, transform 0.35s;
221
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
222
-
223
- .premium-banner-animation2 .premium-banner-ib-content,
224
- .premium-banner-animation2 .premium-banner-read-more {
225
- position: absolute;
226
- bottom: 0;
227
- left: 0;
228
- padding: 15px;
229
- width: 100%;
230
- max-height: 50%;
231
- opacity: 0;
232
- -webkit-transform: translate3d(0, 10px, 0);
233
- transform: translate3d(0, 10px, 0); }
234
-
235
- .premium-banner-animation2:hover .premium-banner-ib-title,
236
- .premium-banner-animation2.active .premium-banner-ib-title {
237
- -webkit-transform: translate3d(0, -40px, 0);
238
- transform: translate3d(0, -40px, 0); }
239
-
240
- .premium-banner-animation2:hover .premium-banner-read-more,
241
- .premium-banner-animation2.active .premium-banner-read-more,
242
- .premium-banner-animation2:hover .premium-banner-ib-desc::before,
243
- .premium-banner-animation2.active .premium-banner-ib-desc::before {
244
- opacity: 1;
245
- -webkit-transform: translate3d(0, 0, 0);
246
- transform: translate3d(0, 0, 0); }
247
-
248
- .premium-banner-animation2:hover .premium-banner-ib-content,
249
- .premium-banner-animation2.active .premium-banner-ib-content {
250
- opacity: 1;
251
- -webkit-transform: translate3d(0, -30px, 0);
252
- transform: translate3d(0, -30px, 0); }
253
-
254
- .premium-banner-animation3 .premium-banner-ib-title {
255
- position: absolute;
256
- bottom: 0;
257
- left: 0;
258
- padding: 15px;
259
- width: 100%;
260
- text-align: left;
261
- -webkit-transform: translate3d(0, -30px, 0);
262
- transform: translate3d(0, -30px, 0); }
263
-
264
- .premium-banner-animation3 .premium-banner-ib-desc::before,
265
- .premium-banner-animation3 .premium-banner-ib-title {
266
- -webkit-transition: -webkit-transform 0.35s;
267
- transition: -webkit-transform 0.35s;
268
- transition: transform 0.35s;
269
- transition: transform 0.35s, -webkit-transform 0.35s; }
270
-
271
- .premium-banner-animation3:hover .premium-banner-ib-desc::before,
272
- .premium-banner-animation3.active .premium-banner-ib-desc::before,
273
- .premium-banner-animation3:hover .premium-banner-ib-title,
274
- .premium-banner-animation3.active .premium-banner-ib-title {
275
- opacity: 1;
276
- -webkit-transform: translate3d(0, 0, 0);
277
- transform: translate3d(0, 0, 0); }
278
-
279
- .premium-banner-animation3 .premium-banner-ib-content {
280
- max-height: -webkit-calc(100% - 60px - 1.5em);
281
- max-height: calc(100% - 60px - 1.5em);
282
- overflow: hidden; }
283
-
284
- .premium-banner-animation4 img {
285
- width: -webkit-calc(100% + 40px) !important;
286
- width: calc(100% + 40px) !important;
287
- max-width: -webkit-calc(100% + 40px) !important;
288
- max-width: calc(100% + 40px) !important; }
289
-
290
- .premium-banner-animation4 .premium-banner-ib-desc {
291
- padding: 30px; }
292
- .premium-banner-animation4 .premium-banner-ib-desc::after {
293
- position: absolute;
294
- content: "";
295
- opacity: 0; }
296
- .premium-banner-animation4 .premium-banner-ib-desc::before {
297
- position: absolute;
298
- content: "";
299
- opacity: 0;
300
- top: 50px;
301
- right: 30px;
302
- bottom: 50px;
303
- left: 30px;
304
- border-top: 1px solid #fff;
305
- border-bottom: 1px solid #fff;
306
- -webkit-transform: scale(0, 1);
307
- -ms-transform: scale(0, 1);
308
- transform: scale(0, 1);
309
- -webkit-transform-origin: 0 0;
310
- -ms-transform-origin: 0 0;
311
- transform-origin: 0 0; }
312
- .premium-banner-animation4 .premium-banner-ib-desc::after {
313
- top: 30px;
314
- right: 50px;
315
- bottom: 30px;
316
- left: 50px;
317
- border-right: 1px solid #fff;
318
- border-left: 1px solid #fff;
319
- -webkit-transform: scale(1, 0);
320
- -ms-transform: scale(1, 0);
321
- transform: scale(1, 0);
322
- -webkit-transform-origin: 100% 0;
323
- -ms-transform-origin: 100% 0;
324
- transform-origin: 100% 0; }
325
-
326
- .premium-banner-animation4 .premium-banner-ib-title {
327
- padding: 50px 30px 0 30px;
328
- -webkit-transition: -webkit-transform 0.35s;
329
- transition: -webkit-transform 0.35s;
330
- transition: transform 0.35s;
331
- transition: transform 0.35s, -webkit-transform 0.35s; }
332
-
333
- .premium-banner-animation4 .premium-banner-ib-content,
334
- .premium-banner-animation4 .premium-banner-read-more {
335
- padding: 10px 30px;
336
- opacity: 0;
337
- overflow: hidden;
338
- -webkit-transform: translate3d(0, -10px, 0);
339
- transform: translate3d(0, -10px, 0); }
340
-
341
- .premium-banner-animation4 .premium-banner-ib-title,
342
- .premium-banner-animation4 img {
343
- -webkit-transform: translate3d(-30px, 0, 0);
344
- transform: translate3d(-30px, 0, 0); }
345
-
346
- .premium-banner-animation4.zoomout img,
347
- .premium-banner-animation4.scale img {
348
- -webkit-transform: translate3d(-30px, 0, 0) scale(1.1);
349
- transform: translate3d(-30px, 0, 0) scale(1.1); }
350
-
351
- .premium-banner-animation4 .premium-banner-ib-content,
352
- .premium-banner-animation4 .premium-banner-read-more {
353
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
354
- transition: opacity 0.35s, -webkit-transform 0.35s;
355
- transition: opacity 0.35s, transform 0.35s;
356
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
357
-
358
- .premium-banner-animation4 .premium-banner-ib-desc::after, .premium-banner-animation4 .premium-banner-ib-desc::before {
359
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
360
- transition: opacity 0.35s, -webkit-transform 0.35s;
361
- transition: opacity 0.35s, transform 0.35s;
362
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
363
-
364
- .premium-banner-animation4 img {
365
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
366
- transition: opacity 0.35s, -webkit-transform 0.35s;
367
- transition: opacity 0.35s, transform 0.35s;
368
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
369
-
370
- .premium-banner-animation4:hover .premium-banner-ib-desc::after,
371
- .premium-banner-animation4.active .premium-banner-ib-desc::after,
372
- .premium-banner-animation4:hover .premium-banner-ib-desc::before,
373
- .premium-banner-animation4.active .premium-banner-ib-desc::before {
374
- opacity: 1;
375
- -webkit-transform: scale(1);
376
- -ms-transform: scale(1);
377
- transform: scale(1); }
378
-
379
- .premium-banner-animation4:hover .premium-banner-ib-content,
380
- .premium-banner-animation4.active .premium-banner-ib-content,
381
- .premium-banner-animation4:hover .premium-banner-read-more,
382
- .premium-banner-animation4.active .premium-banner-read-more,
383
- .premium-banner-animation4:hover .premium-banner-ib-title,
384
- .premium-banner-animation4.active .premium-banner-ib-title {
385
- opacity: 1;
386
- -webkit-transform: translate3d(0, 0, 0);
387
- transform: translate3d(0, 0, 0); }
388
-
389
- .premium-banner-animation4:hover .premium-banner-ib-content,
390
- .premium-banner-animation4:hover .premium-banner-ib-desc::after,
391
- .premium-banner-animation4:hover .premium-banner-ib-title,
392
- .premium-banner-animation4:hover img {
393
- -webkit-transition-delay: 0.15s;
394
- transition-delay: 0.15s; }
395
-
396
- .premium-banner-animation5 .premium-banner-ib-desc {
397
- top: auto;
398
- bottom: 0;
399
- padding: 15px;
400
- height: auto;
401
- background: #f2f2f2;
402
- color: #3c4a50;
403
- -webkit-transition: -webkit-transform 0.35s;
404
- transition: -webkit-transform 0.35s;
405
- transition: transform 0.35s;
406
- transition: transform 0.35s, -webkit-transform 0.35s;
407
- -webkit-transform: translate3d(0, 100%, 0);
408
- transform: translate3d(0, 100%, 0); }
409
-
410
- .premium-banner-animation5 .premium-banner-ib-content {
411
- position: absolute;
412
- top: auto;
413
- bottom: 100%;
414
- left: 0;
415
- width: 100%;
416
- padding: 15px;
417
- opacity: 0;
418
- -webkit-transition: opacity 0.35s;
419
- transition: opacity 0.35s; }
420
-
421
- .premium-banner-animation5 .premium-banner-ib-title,
422
- .premium-banner-animation5 .premium-banner-read-more {
423
- -webkit-transition: -webkit-transform 0.35s;
424
- transition: -webkit-transform 0.35s;
425
- transition: transform 0.35s;
426
- transition: transform 0.35s, -webkit-transform 0.35s;
427
- -webkit-transform: translate3d(0, 200%, 0);
428
- transform: translate3d(0, 200%, 0);
429
- text-align: center; }
430
-
431
- .premium-banner-animation5 .premium-banner-ib-title {
432
- margin: 10px 0; }
433
-
434
- .premium-banner-animation5:hover .premium-banner-ib-content,
435
- .premium-banner-animation5.active .premium-banner-ib-content,
436
- .premium-banner-animation5:hover .premium-banner-ib-content *,
437
- .premium-banner-animation5.active .premium-banner-ib-content * {
438
- opacity: 1 !important;
439
- z-index: 99 !important;
440
- -webkit-backface-visibility: hidden !important;
441
- backface-visibility: hidden !important; }
442
-
443
- .premium-banner-animation5:hover .premium-banner-ib-desc,
444
- .premium-banner-animation5.active .premium-banner-ib-desc,
445
- .premium-banner-animation5:hover .premium-banner-ib-title,
446
- .premium-banner-animation5.active .premium-banner-ib-title,
447
- .premium-banner-animation5:hover .premium-banner-read-more,
448
- .premium-banner-animation5.active .premium-banner-read-more {
449
- -webkit-transform: translateY(0);
450
- -ms-transform: translateY(0);
451
- transform: translateY(0); }
452
-
453
- .premium-banner-animation5:hover .premium-banner-ib-title {
454
- -webkit-transition-delay: 0.05s;
455
- transition-delay: 0.05s; }
456
-
457
- .premium-banner-animation5 img {
458
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
459
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
460
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
461
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; }
462
-
463
- .premium-banner-animation2 img,
464
- .premium-banner-animation4 img,
465
- .premium-banner-animation6 img {
466
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
467
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
468
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
469
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; }
470
-
471
- .premium-banner-animation5.zoomout img,
472
- .premium-banner-animation5.scale img {
473
- -webkit-transform: scale(1.1);
474
- -ms-transform: scale(1.1);
475
- transform: scale(1.1); }
476
-
477
- .premium-banner-animation2.zoomout img,
478
- .premium-banner-animation2.scale img {
479
- -webkit-transform: scale(1.1);
480
- -ms-transform: scale(1.1);
481
- transform: scale(1.1); }
482
-
483
- .premium-banner-animation6.zoomout img,
484
- .premium-banner-animation6.scale img {
485
- -webkit-transform: scale(1.1);
486
- -ms-transform: scale(1.1);
487
- transform: scale(1.1); }
488
-
489
- .premium-banner-animation5.zoomin:hover img,
490
- .premium-banner-animation2.zoomin:hover img,
491
- .premium-banner-animation6.zoomin:hover img {
492
- -webkit-transform: scale(1.1);
493
- -ms-transform: scale(1.1);
494
- transform: scale(1.1); }
495
-
496
- .premium-banner-animation5.zoomout:hover img,
497
- .premium-banner-animation2.zoomout:hover img,
498
- .premium-banner-animation6.zoomout:hover img {
499
- -webkit-transform: scale(1);
500
- -ms-transform: scale(1);
501
- transform: scale(1); }
502
-
503
- .premium-banner-animation5.scale:hover img,
504
- .premium-banner-animation2.scale:hover img,
505
- .premium-banner-animation6.scale:hover img {
506
- -webkit-transform: scale(1.2) rotate(5deg);
507
- -ms-transform: scale(1.2) rotate(5deg);
508
- transform: scale(1.2) rotate(5deg); }
509
-
510
- .premium-banner-animation5.grayscale:hover img,
511
- .premium-banner-animation2.grayscale:hover img,
512
- .premium-banner-animation6.grayscale:hover img {
513
- -webkit-filter: grayscale(100%);
514
- filter: grayscale(100%); }
515
-
516
- .premium-banner-animation5.blur:hover img,
517
- .premium-banner-animation2.blur:hover img {
518
- -webkit-filter: blur(3px);
519
- filter: blur(3px); }
520
-
521
- .premium-banner-animation6.blur:hover img {
522
- -webkit-filter: blur(3px);
523
- filter: blur(3px); }
524
-
525
- .premium-banner-animation6 .premium-banner-ib-desc {
526
- padding: 45px; }
527
- .premium-banner-animation6 .premium-banner-ib-desc::before {
528
- position: absolute;
529
- content: "";
530
- top: 30px;
531
- right: 30px;
532
- bottom: 30px;
533
- left: 30px;
534
- border: 1px solid #fff; }
535
-
536
- .premium-banner-animation6 .premium-banner-ib-title {
537
- margin: 20px 0 10px;
538
- -webkit-transition: -webkit-transform 0.35s;
539
- transition: -webkit-transform 0.35s;
540
- transition: transform 0.35s;
541
- transition: transform 0.35s, -webkit-transform 0.35s;
542
- -webkit-transform: translate3d(0, 100%, 0);
543
- transform: translate3d(0, 100%, 0); }
544
-
545
- .premium-banner-animation6 .premium-banner-ib-content,
546
- .premium-banner-animation6 .premium-banner-read-more,
547
- .premium-banner-animation6 .premium-banner-ib-desc::before {
548
- opacity: 0;
549
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
550
- transition: opacity 0.35s, -webkit-transform 0.35s;
551
- transition: opacity 0.35s, transform 0.35s;
552
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
553
- -webkit-transform: scale(0);
554
- -ms-transform: scale(0);
555
- transform: scale(0); }
556
-
557
- .premium-banner-animation6 .premium-banner-read-more {
558
- margin-top: 10px; }
559
-
560
- .premium-banner-animation6:hover .premium-banner-ib-title,
561
- .premium-banner-animation6.active .premium-banner-ib-title {
562
- -webkit-transform: translate3d(0, 0, 0);
563
- transform: translate3d(0, 0, 0); }
564
-
565
- .premium-banner-animation6:hover .premium-banner-ib-content,
566
- .premium-banner-animation6.active .premium-banner-ib-content,
567
- .premium-banner-animation6:hover .premium-banner-read-more,
568
- .premium-banner-animation6.active .premium-banner-read-more,
569
- .premium-banner-animation6:hover .premium-banner-ib-desc::before,
570
- .premium-banner-animation6.active .premium-banner-ib-desc::before {
571
- opacity: 1;
572
- -webkit-transform: scale(1);
573
- -ms-transform: scale(1);
574
- transform: scale(1); }
575
-
576
- .premium-banner-animation12 .premium-banner-ib-desc::after {
577
- position: absolute;
578
- content: "";
579
- right: 30px;
580
- bottom: 30px;
581
- left: 30px;
582
- height: -webkit-calc(50% - 30px);
583
- height: calc(50% - 30px);
584
- border: 7px solid #fff;
585
- -webkit-transition: -webkit-transform 0.35s;
586
- transition: -webkit-transform 0.35s;
587
- transition: transform 0.35s;
588
- transition: transform 0.35s, -webkit-transform 0.35s;
589
- -webkit-transform: translate3d(0, -100%, 0);
590
- transform: translate3d(0, -100%, 0); }
591
-
592
- .premium-banner-animation12:hover .premium-banner-ib-desc::after,
593
- .premium-banner-animation12.active .premium-banner-ib-desc::after {
594
- -webkit-transform: translate3d(0, 0, 0);
595
- transform: translate3d(0, 0, 0); }
596
-
597
- .premium-banner-animation12 .premium-banner-ib-desc {
598
- padding: 45px;
599
- text-align: left; }
600
-
601
- .premium-banner-animation12 .premium-banner-ib-content {
602
- position: absolute;
603
- right: 60px;
604
- bottom: 60px;
605
- left: 60px;
606
- opacity: 0;
607
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
608
- transition: opacity 0.35s, -webkit-transform 0.35s;
609
- transition: opacity 0.35s, transform 0.35s;
610
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
611
- -webkit-transform: translate3d(0, -100px, 0);
612
- transform: translate3d(0, -100px, 0); }
613
-
614
- .premium-banner-animation12:hover .premium-banner-ib-content,
615
- .premium-banner-animation12.active .premium-banner-ib-content {
616
- opacity: 1;
617
- -webkit-transform: translate3d(0, 0, 0);
618
- transform: translate3d(0, 0, 0); }
619
-
620
- .premium-banner-animation13 img {
621
- width: -webkit-calc(100% + 20px) !important;
622
- width: calc(100% + 20px) !important;
623
- max-width: -webkit-calc(100% + 20px) !important;
624
- max-width: calc(100% + 20px) !important;
625
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
626
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
627
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
628
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
629
- -webkit-transform: translate3d(-10px, 0, 0);
630
- transform: translate3d(-10px, 0, 0);
631
- -webkit-backface-visibility: hidden;
632
- backface-visibility: hidden; }
633
-
634
- .premium-banner-animation13.zoomout img,
635
- .premium-banner-animation13.scale img {
636
- -webkit-transform: translate3d(-10px, 0, 0) scale(1.1);
637
- transform: translate3d(-10px, 0, 0) scale(1.1); }
638
-
639
- .premium-banner-animation13.none:hover img {
640
- -webkit-transform: translate3d(0, 0, 0);
641
- transform: translate3d(0, 0, 0); }
642
-
643
- .premium-banner-animation1.none:hover img,
644
- .premium-banner-animation4.none:hover img {
645
- -webkit-transform: translate3d(0, 0, 0);
646
- transform: translate3d(0, 0, 0); }
647
-
648
- .premium-banner-animation13.zoomin:hover img,
649
- .premium-banner-animation1.zoomin:hover img,
650
- .premium-banner-animation4.zoomin:hover img,
651
- .premium-banner-animation8.zoomin:hover img,
652
- .premium-banner-animation7.zoomin:hover img,
653
- .premium-banner-animation9.zoomin:hover img,
654
- .premium-banner-animation10.zoomin:hover img,
655
- .premium-banner-animation11.zoomin:hover img {
656
- -webkit-transform: translate3d(0, 0, 0) scale(1.1);
657
- transform: translate3d(0, 0, 0) scale(1.1); }
658
-
659
- .premium-banner-animation13.zoomout:hover img,
660
- .premium-banner-animation1.zoomout:hover img,
661
- .premium-banner-animation4.zoomout:hover img,
662
- .premium-banner-animation8.zoomout:hover img,
663
- .premium-banner-animation7.zoomout:hover img,
664
- .premium-banner-animation9.zoomout:hover img,
665
- .premium-banner-animation10.zoomout:hover img,
666
- .premium-banner-animation11.zoomout:hover img {
667
- -webkit-transform: translate3d(0, 0, 0) scale(1);
668
- transform: translate3d(0, 0, 0) scale(1); }
669
-
670
- .premium-banner-animation13.scale:hover img,
671
- .premium-banner-animation1.scale:hover img,
672
- .premium-banner-animation4.scale:hover img,
673
- .premium-banner-animation8.scale:hover img,
674
- .premium-banner-animation7.scale:hover img,
675
- .premium-banner-animation9.scale:hover img,
676
- .premium-banner-animation10.scale:hover img,
677
- .premium-banner-animation11.scale:hover img {
678
- -webkit-transform: translate3d(0, 0, 0) scale(1.2) rotate(5deg);
679
- transform: translate3d(0, 0, 0) scale(1.2) rotate(5deg); }
680
-
681
- .premium-banner-animation13.grayscale:hover img,
682
- .premium-banner-animation1.grayscale:hover img,
683
- .premium-banner-animation4.grayscale:hover img,
684
- .premium-banner-animation8.grayscale:hover img,
685
- .premium-banner-animation7.grayscale:hover img,
686
- .premium-banner-animation9.grayscale:hover img,
687
- .premium-banner-animation10.grayscale:hover img,
688
- .premium-banner-animation11.grayscale:hover img {
689
- -webkit-transform: translate3d(0, 0, 0);
690
- transform: translate3d(0, 0, 0);
691
- -webkit-filter: grayscale(100%);
692
- filter: grayscale(100%); }
693
-
694
- .premium-banner-animation13.blur:hover img,
695
- .premium-banner-animation1.blur:hover img,
696
- .premium-banner-animation4.blur:hover,
697
- .premium-banner-animation8.blur:hover img,
698
- .premium-banner-animation7.blur:hover img,
699
- .premium-banner-animation9.blur:hover img,
700
- .premium-banner-animation10.blur:hover img,
701
- .premium-banner-animation11.blur:hover img {
702
- -webkit-transform: translate3d(0, 0, 0);
703
- transform: translate3d(0, 0, 0);
704
- -webkit-filter: blur(3px);
705
- filter: blur(3px); }
706
-
707
- .premium-banner-animation13 .premium-banner-ib-desc {
708
- text-align: left; }
709
-
710
- .premium-banner-animation13 .premium-banner-ib-title {
711
- position: relative;
712
- overflow: hidden;
713
- padding: 5px 0 10px; }
714
- .premium-banner-animation13 .premium-banner-ib-title::after {
715
- position: absolute;
716
- content: "";
717
- bottom: 0;
718
- left: 0;
719
- width: 100%;
720
- height: 2px;
721
- background: #fff;
722
- -webkit-transition: -webkit-transform 0.35s;
723
- transition: -webkit-transform 0.35s;
724
- transition: transform 0.35s;
725
- transition: transform 0.35s, -webkit-transform 0.35s;
726
- -webkit-transform: translate3d(-101%, 0, 0);
727
- transform: translate3d(-101%, 0, 0); }
728
-
729
- .premium-banner-animation13:hover .premium-banner-ib-title::after,
730
- .premium-banner-animation13.active .premium-banner-ib-title::after {
731
- -webkit-transform: translate3d(0, 0, 0);
732
- transform: translate3d(0, 0, 0); }
733
-
734
- .premium-banner-animation13 .premium-banner-ib-content,
735
- .premium-banner-animation13 .premium-banner-read-more {
736
- padding: 15px 0;
737
- opacity: 0;
738
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
739
- transition: opacity 0.35s, -webkit-transform 0.35s;
740
- transition: opacity 0.35s, transform 0.35s;
741
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
742
- -webkit-transform: translate3d(100%, 0, 0);
743
- transform: translate3d(100%, 0, 0); }
744
-
745
- .premium-banner-animation13:hover .premium-banner-ib-content,
746
- .premium-banner-animation13.active .premium-banner-ib-content,
747
- .premium-banner-animation13:hover .premium-banner-read-more,
748
- .premium-banner-animation13.active .premium-banner-read-more {
749
- opacity: 1;
750
- -webkit-transform: translate3d(0, 0, 0);
751
- transform: translate3d(0, 0, 0); }
752
-
753
- .premium-banner-ib.premium-banner-animation5 .premium-banner-toggle-size {
754
- left: 50%;
755
- width: auto !important;
756
- height: 100%;
757
- max-width: none;
758
- -webkit-transform: translateX(-50%);
759
- -ms-transform: translateX(-50%);
760
- transform: translateX(-50%); }
761
-
762
- .premium-banner-ib img {
763
- border: none;
764
- padding: 0;
765
- margin: 0; }
766
-
767
- .premium-banner-animation7 img {
768
- width: -webkit-calc(100% + 40px) !important;
769
- width: calc(100% + 40px) !important;
770
- max-width: -webkit-calc(100% + 40px) !important;
771
- max-width: calc(100% + 40px) !important;
772
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
773
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
774
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
775
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; }
776
-
777
- .premium-banner-animation7 .premium-banner-brlr {
778
- width: 7px; }
779
-
780
- .premium-banner-animation7 .premium-banner-brtb {
781
- height: 7px; }
782
-
783
- .premium-banner-animation7 .premium-banner-br {
784
- position: absolute;
785
- z-index: 1;
786
- background-color: white;
787
- -webkit-transition: all 0.3s ease-in-out;
788
- transition: all 0.3s ease-in-out;
789
- -webkit-transition-delay: 0.2s;
790
- transition-delay: 0.2s; }
791
-
792
- .premium-banner-animation7 .premium-banner-bleft {
793
- left: 30px;
794
- top: -webkit-calc(100% - 150px);
795
- top: calc(100% - 150px);
796
- height: 0; }
797
-
798
- .premium-banner-animation7 .premium-banner-bright {
799
- right: 30px;
800
- bottom: -webkit-calc(100% - 150px);
801
- bottom: calc(100% - 150px);
802
- height: 0; }
803
-
804
- .premium-banner-animation7 .premium-banner-bottom {
805
- right: -webkit-calc(100% - 150px);
806
- right: calc(100% - 150px);
807
- bottom: 30px;
808
- width: 0; }
809
-
810
- .premium-banner-animation7 .premium-banner-btop {
811
- left: -webkit-calc(100% - 150px);
812
- left: calc(100% - 150px);
813
- top: 30px;
814
- width: 0; }
815
-
816
- .premium-banner-animation7 .premium-banner-ib-desc {
817
- padding: 70px;
818
- display: table; }
819
- .premium-banner-animation7 .premium-banner-ib-desc .premium-banner-desc-centered {
820
- display: table-cell;
821
- vertical-align: middle; }
822
-
823
- .premium-banner-animation7 .premium-banner-ib-title {
824
- margin-top: 0; }
825
-
826
- .premium-banner-animation7 .premium-banner-ib-title,
827
- .premium-banner-animation7 img {
828
- -webkit-transform: translate3d(-30px, 0, 0);
829
- transform: translate3d(-30px, 0, 0); }
830
-
831
- .premium-banner-animation7.zoomout img,
832
- .premium-banner-animation7.scale img {
833
- -webkit-transform: translate3d(-30px, 0, 0) scale(1.1);
834
- transform: translate3d(-30px, 0, 0) scale(1.1); }
835
-
836
- .premium-banner-animation7 .premium-banner-ib-content,
837
- .premium-banner-animation7 .premium-banner-read-more {
838
- margin-top: 10px; }
839
-
840
- .premium-banner-animation7 .premium-banner-ib-desc::after, .premium-banner-animation7 .premium-banner-ib-desc::before {
841
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
842
- transition: opacity 0.35s, -webkit-transform 0.35s;
843
- transition: opacity 0.35s, transform 0.35s;
844
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
845
-
846
- .premium-banner-animation7 .premium-banner-ib-title,
847
- .premium-banner-animation7 .premium-banner-ib-content,
848
- .premium-banner-animation7 .premium-banner-read-more {
849
- opacity: 0;
850
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
851
- transition: opacity 0.35s, -webkit-transform 0.35s;
852
- transition: opacity 0.35s, transform 0.35s;
853
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
854
-
855
- .premium-banner-animation7:hover .premium-banner-ib-content,
856
- .premium-banner-animation7.active .premium-banner-ib-content,
857
- .premium-banner-animation7:hover .premium-banner-read-more,
858
- .premium-banner-animation7.active .premium-banner-read-more,
859
- .premium-banner-animation7:hover .premium-banner-ib-title,
860
- .premium-banner-animation7.active .premium-banner-ib-title {
861
- opacity: 1;
862
- -webkit-transform: translate3d(0, 0, 0);
863
- transform: translate3d(0, 0, 0); }
864
-
865
- .premium-banner-animation7:hover .premium-banner-bleft, .premium-banner-animation7.active .premium-banner-bleft {
866
- top: 30px;
867
- height: 70px; }
868
-
869
- .premium-banner-animation7:hover .premium-banner-bright, .premium-banner-animation7.active .premium-banner-bright {
870
- bottom: 30px;
871
- height: 70px; }
872
-
873
- .premium-banner-animation7:hover .premium-banner-bottom, .premium-banner-animation7.active .premium-banner-bottom {
874
- right: 30px;
875
- width: 70px; }
876
-
877
- .premium-banner-animation7:hover .premium-banner-btop, .premium-banner-animation7.active .premium-banner-btop {
878
- left: 30px;
879
- width: 70px; }
880
-
881
- .premium-banner-animation7:hover .premium-banner-ib-content,
882
- .premium-banner-animation7:hover .premium-banner-read-more,
883
- .premium-banner-animation7:hover .premium-banner-ib-title,
884
- .premium-banner-animation7:hover img {
885
- -webkit-transition-delay: 0.15s;
886
- transition-delay: 0.15s; }
887
-
888
- .premium-banner-animation8 img {
889
- width: -webkit-calc(100% + 40px) !important;
890
- width: calc(100% + 40px) !important;
891
- max-width: -webkit-calc(100% + 40px) !important;
892
- max-width: calc(100% + 40px) !important;
893
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
894
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
895
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
896
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; }
897
-
898
- .premium-banner-animation8 .premium-banner-brlr {
899
- width: 7px; }
900
-
901
- .premium-banner-animation8 .premium-banner-brtb {
902
- height: 7px; }
903
-
904
- .premium-banner-animation8 .premium-banner-br {
905
- position: absolute;
906
- z-index: 1;
907
- background-color: white;
908
- -webkit-transition: all 0.3s ease-in-out;
909
- transition: all 0.3s ease-in-out;
910
- -webkit-transition-delay: 0.2s;
911
- transition-delay: 0.2s; }
912
-
913
- .premium-banner-animation8 .premium-banner-bleft {
914
- left: 30px;
915
- top: 50%;
916
- -webkit-transform: translateY(-50%);
917
- -ms-transform: translateY(-50%);
918
- transform: translateY(-50%);
919
- height: 0; }
920
-
921
- .premium-banner-animation8 .premium-banner-bright {
922
- right: 30px;
923
- top: 50%;
924
- -webkit-transform: translateY(-50%);
925
- -ms-transform: translateY(-50%);
926
- transform: translateY(-50%);
927
- height: 0; }
928
-
929
- .premium-banner-animation8 .premium-banner-bottom {
930
- left: 50%;
931
- -webkit-transform: translateX(-50%);
932
- -ms-transform: translateX(-50%);
933
- transform: translateX(-50%);
934
- bottom: 30px;
935
- width: 0; }
936
-
937
- .premium-banner-animation8 .premium-banner-btop {
938
- left: 50%;
939
- -webkit-transform: translateX(-50%);
940
- -ms-transform: translateX(-50%);
941
- transform: translateX(-50%);
942
- top: 30px;
943
- width: 0; }
944
-
945
- .premium-banner-animation8 .premium-banner-ib-desc {
946
- padding: 70px;
947
- display: table; }
948
- .premium-banner-animation8 .premium-banner-ib-desc .premium-banner-desc-centered {
949
- display: table-cell;
950
- vertical-align: middle; }
951
-
952
- .premium-banner-animation8 .premium-banner-ib-title {
953
- margin-top: 0; }
954
-
955
- .premium-banner-animation8 .premium-banner-ib-title,
956
- .premium-banner-animation8 img {
957
- -webkit-transform: translate3d(-30px, 0, 0);
958
- transform: translate3d(-30px, 0, 0); }
959
-
960
- .premium-banner-animation8.zoomout img,
961
- .premium-banner-animation8.scale img {
962
- -webkit-transform: translate3d(-30px, 0, 0) scale(1.1);
963
- transform: translate3d(-30px, 0, 0) scale(1.1); }
964
-
965
- .premium-banner-animation8 .premium-banner-ib-content,
966
- .premium-banner-animation8 .premium-banner-read-more {
967
- margin-top: 10px; }
968
-
969
- .premium-banner-animation8 .premium-banner-ib-desc::after, .premium-banner-animation8 .premium-banner-ib-desc::before {
970
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
971
- transition: opacity 0.35s, -webkit-transform 0.35s;
972
- transition: opacity 0.35s, transform 0.35s;
973
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
974
-
975
- .premium-banner-animation8 .premium-banner-ib-title,
976
- .premium-banner-animation8 .premium-banner-ib-content,
977
- .premium-banner-animation8 .premium-banner-read-more {
978
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
979
- transition: opacity 0.35s, -webkit-transform 0.35s;
980
- transition: opacity 0.35s, transform 0.35s;
981
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
982
- opacity: 0; }
983
-
984
- .premium-banner-animation8:hover .premium-banner-ib-content,
985
- .premium-banner-animation8.active .premium-banner-ib-content,
986
- .premium-banner-animation8:hover .premium-banner-read-more,
987
- .premium-banner-animation8.active .premium-banner-read-more,
988
- .premium-banner-animation8:hover .premium-banner-ib-title,
989
- .premium-banner-animation8.active .premium-banner-ib-title {
990
- opacity: 1;
991
- -webkit-transform: translate3d(0, 0, 0);
992
- transform: translate3d(0, 0, 0); }
993
-
994
- .premium-banner-animation8:hover .premium-banner-bleft, .premium-banner-animation8.active .premium-banner-bleft {
995
- height: -webkit-calc(100% - 61px);
996
- height: calc(100% - 61px); }
997
-
998
- .premium-banner-animation8:hover .premium-banner-bright, .premium-banner-animation8.active .premium-banner-bright {
999
- height: -webkit-calc(100% - 61px);
1000
- height: calc(100% - 61px); }
1001
-
1002
- .premium-banner-animation8:hover .premium-banner-bottom, .premium-banner-animation8.active .premium-banner-bottom {
1003
- width: -webkit-calc(100% - 61px);
1004
- width: calc(100% - 61px); }
1005
-
1006
- .premium-banner-animation8:hover .premium-banner-btop, .premium-banner-animation8.active .premium-banner-btop {
1007
- width: -webkit-calc(100% - 61px);
1008
- width: calc(100% - 61px); }
1009
-
1010
- .premium-banner-animation8:hover .premium-banner-ib-content,
1011
- .premium-banner-animation8:hover .premium-banner-ib-title,
1012
- .premium-banner-animation8:hover .premium-banner-read-more,
1013
- .premium-banner-animation8:hover img {
1014
- -webkit-transition-delay: 0.15s;
1015
- transition-delay: 0.15s; }
1016
-
1017
- .premium-banner-animation9 img {
1018
- width: -webkit-calc(100% + 20px) !important;
1019
- width: calc(100% + 20px) !important;
1020
- max-width: -webkit-calc(100% + 20px) !important;
1021
- max-width: calc(100% + 20px) !important;
1022
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1023
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1024
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
1025
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1026
- -webkit-transform: scale(1.2);
1027
- -ms-transform: scale(1.2);
1028
- transform: scale(1.2); }
1029
-
1030
- .premium-banner-animation9 .premium-banner-ib-desc {
1031
- width: 100%;
1032
- height: 100%; }
1033
- .premium-banner-animation9 .premium-banner-ib-desc::before {
1034
- position: absolute;
1035
- top: 50%;
1036
- left: 50%;
1037
- width: 80%;
1038
- height: 1px;
1039
- background: #fff;
1040
- content: "";
1041
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1042
- transition: opacity 0.35s, -webkit-transform 0.35s;
1043
- transition: opacity 0.35s, transform 0.35s;
1044
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1045
- -webkit-transform: translate3d(-50%, -50%, 0);
1046
- transform: translate3d(-50%, -50%, 0); }
1047
- .premium-banner-animation9 .premium-banner-ib-desc::after {
1048
- position: absolute;
1049
- top: 50%;
1050
- left: 50%;
1051
- width: 80%;
1052
- height: 1px;
1053
- background: #fff;
1054
- content: "";
1055
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1056
- transition: opacity 0.35s, -webkit-transform 0.35s;
1057
- transition: opacity 0.35s, transform 0.35s;
1058
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1059
- -webkit-transform: translate3d(-50%, -50%, 0);
1060
- transform: translate3d(-50%, -50%, 0); }
1061
-
1062
- .premium-banner-animation9 .premium-banner-ib-title {
1063
- position: absolute;
1064
- top: 50%;
1065
- left: 0;
1066
- width: 100%;
1067
- -webkit-transition: -webkit-transform 0.35s;
1068
- transition: -webkit-transform 0.35s;
1069
- transition: transform 0.35s;
1070
- transition: transform 0.35s, -webkit-transform 0.35s;
1071
- -webkit-transform: translate3d(0, -70px, 0);
1072
- transform: translate3d(0, -70px, 0);
1073
- margin-top: 0;
1074
- padding: 0 10%; }
1075
-
1076
- .premium-banner-animation9:hover .premium-banner-ib-title,
1077
- .premium-banner-animation9.active .premium-banner-ib-title {
1078
- -webkit-transform: translate3d(0, -80px, 0);
1079
- transform: translate3d(0, -80px, 0); }
1080
-
1081
- .premium-banner-animation9 .premium-banner-ib-content,
1082
- .premium-banner-animation9 .premium-banner-read-more {
1083
- position: absolute;
1084
- top: 50%;
1085
- left: 0;
1086
- width: 100%;
1087
- -webkit-transition: -webkit-transform 0.35s;
1088
- transition: -webkit-transform 0.35s;
1089
- transition: transform 0.35s;
1090
- transition: transform 0.35s, -webkit-transform 0.35s;
1091
- padding: 0 10%;
1092
- -webkit-transform: translate3d(0, 35px, 0);
1093
- transform: translate3d(0, 35px, 0); }
1094
-
1095
- .premium-banner-animation9 .premium-banner-read-more {
1096
- top: 75%; }
1097
-
1098
- .premium-banner-animation9:hover .premium-banner-ib-content,
1099
- .premium-banner-animation9.active .premium-banner-ib-content,
1100
- .premium-banner-animation9:hover .premium-banner-read-more,
1101
- .premium-banner-animation9.active .premium-banner-read-more {
1102
- -webkit-transform: translate3d(0, 45px, 0);
1103
- transform: translate3d(0, 45px, 0); }
1104
-
1105
- .premium-banner-animation9:hover .premium-banner-ib-desc::before,
1106
- .premium-banner-animation9.active .premium-banner-ib-desc::before {
1107
- opacity: 0.5;
1108
- -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
1109
- transform: translate3d(-50%, -50%, 0) rotate(45deg); }
1110
-
1111
- .premium-banner-animation9:hover .premium-banner-ib-desc::after,
1112
- .premium-banner-animation9.active .premium-banner-ib-desc::after {
1113
- opacity: 0.5;
1114
- -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
1115
- transform: translate3d(-50%, -50%, 0) rotate(-45deg); }
1116
-
1117
- .premium-banner-animation9:hover img {
1118
- -webkit-transform: scale(1);
1119
- -ms-transform: scale(1);
1120
- transform: scale(1); }
1121
-
1122
- .premium-banner-animation10 img {
1123
- width: -webkit-calc(100% + 20px) !important;
1124
- width: calc(100% + 20px) !important;
1125
- max-width: -webkit-calc(100% + 20px) !important;
1126
- max-width: calc(100% + 20px) !important;
1127
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1128
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1129
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
1130
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; }
1131
-
1132
- .premium-banner-animation10 .premium-banner-ib-title {
1133
- position: relative;
1134
- overflow: hidden;
1135
- padding: 5px 0 15px;
1136
- -webkit-transition: -webkit-transform 0.35s;
1137
- transition: -webkit-transform 0.35s;
1138
- transition: transform 0.35s;
1139
- transition: transform 0.35s, -webkit-transform 0.35s;
1140
- -webkit-transform: translate3d(0, 20px, 0);
1141
- transform: translate3d(0, 20px, 0);
1142
- margin-bottom: 0; }
1143
- .premium-banner-animation10 .premium-banner-ib-title::after {
1144
- position: absolute;
1145
- content: "";
1146
- bottom: 0;
1147
- left: 0;
1148
- width: 100%;
1149
- height: 3px;
1150
- background: #fff;
1151
- opacity: 0;
1152
- -webkit-transform: translate3d(0, 100%, 0);
1153
- transform: translate3d(0, 100%, 0);
1154
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1155
- transition: opacity 0.35s, -webkit-transform 0.35s;
1156
- transition: opacity 0.35s, transform 0.35s;
1157
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
1158
-
1159
- .premium-banner-animation10:hover .premium-banner-ib-title,
1160
- .premium-banner-animation10.active .premium-banner-ib-title {
1161
- -webkit-transform: translate3d(0, 0, 0);
1162
- transform: translate3d(0, 0, 0); }
1163
-
1164
- .premium-banner-animation10:hover .premium-banner-ib-title::after,
1165
- .premium-banner-animation10.active .premium-banner-ib-title::after {
1166
- opacity: 1;
1167
- -webkit-transform: translate3d(0, 0, 0);
1168
- transform: translate3d(0, 0, 0); }
1169
-
1170
- .premium-banner-animation10.zoomout img,
1171
- .premium-banner-animation10.scale img {
1172
- -webkit-transform: translate3d(-10px, 0, 0) scale(1.1);
1173
- transform: translate3d(-10px, 0, 0) scale(1.1); }
1174
-
1175
- .premium-banner-animation10 .premium-banner-ib-content,
1176
- .premium-banner-animation10 .premium-banner-read-more {
1177
- padding-top: 15px;
1178
- opacity: 0;
1179
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1180
- transition: opacity 0.35s, -webkit-transform 0.35s;
1181
- transition: opacity 0.35s, transform 0.35s;
1182
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1183
- -webkit-transform: translate3d(0, 100%, 0);
1184
- transform: translate3d(0, 100%, 0); }
1185
-
1186
- .premium-banner-animation10 .premium-banner-read-more {
1187
- padding: 0; }
1188
-
1189
- .premium-banner-animation10:hover .premium-banner-ib-content,
1190
- .premium-banner-animation10.active .premium-banner-ib-content,
1191
- .premium-banner-animation10:hover .premium-banner-read-more,
1192
- .premium-banner-animation10.active .premium-banner-read-more {
1193
- opacity: 1;
1194
- -webkit-transform: translate3d(0, 0, 0);
1195
- transform: translate3d(0, 0, 0); }
1196
-
1197
- .premium-banner-animation11 {
1198
- -webkit-transition: -webkit-transform 1s ease-out;
1199
- transition: -webkit-transform 1s ease-out;
1200
- transition: transform 1s ease-out;
1201
- transition: transform 1s ease-out, -webkit-transform 1s ease-out;
1202
- -webkit-transition-delay: 0.125s;
1203
- transition-delay: 0.125s; }
1204
- .premium-banner-animation11 .premium-banner-ib-desc {
1205
- position: absolute;
1206
- z-index: 5;
1207
- -webkit-transform: translate3d(-30px, 0, 0);
1208
- transform: translate3d(-30px, 0, 0);
1209
- opacity: 0;
1210
- top: auto;
1211
- bottom: 0;
1212
- min-height: 25%;
1213
- height: auto;
1214
- max-height: 100%;
1215
- text-align: left;
1216
- padding: 30px;
1217
- -webkit-transition: all 0.6s ease-out;
1218
- transition: all 0.6s ease-out; }
1219
- .premium-banner-animation11 img {
1220
- width: 100%;
1221
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1222
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1223
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
1224
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; }
1225
- .premium-banner-animation11 .premium-banner-ib-title {
1226
- margin-bottom: 10px; }
1227
- .premium-banner-animation11 .premium-banner-gradient {
1228
- position: absolute;
1229
- left: 0;
1230
- top: 0;
1231
- right: 0;
1232
- bottom: 0; }
1233
- .premium-banner-animation11 .premium-banner-gradient:after,
1234
- .premium-banner-animation11 .premium-banner-gradient:before {
1235
- position: absolute;
1236
- content: "";
1237
- left: 0;
1238
- top: 0;
1239
- right: 0;
1240
- bottom: 0;
1241
- -webkit-transform: translate3d(-100%, 0, 0);
1242
- transform: translate3d(-100%, 0, 0);
1243
- background-image: -webkit-linear-gradient(40deg, rgba(84, 89, 95, 0.5) 27.89%, #6ec1e4 72.11%);
1244
- background-image: linear-gradient(50deg, rgba(84, 89, 95, 0.5) 27.89%, #6ec1e4 72.11%);
1245
- z-index: 2; }
1246
- .premium-banner-animation11 .premium-banner-gradient:before {
1247
- mix-blend-mode: color; }
1248
- .premium-banner-animation11 .premium-banner-gradient:after {
1249
- mix-blend-mode: multiply; }
1250
- .premium-banner-animation11:hover .premium-banner-ib-desc,
1251
- .premium-banner-animation11.active .premium-banner-ib-desc {
1252
- opacity: 1;
1253
- -webkit-transform: translate3d(0, 0, 0);
1254
- transform: translate3d(0, 0, 0); }
1255
- .premium-banner-animation11:hover .premium-banner-gradient:after,
1256
- .premium-banner-animation11:hover .premium-banner-gradient:before,
1257
- .premium-banner-animation11.active .premium-banner-gradient:after,
1258
- .premium-banner-animation11.active .premium-banner-gradient:before {
1259
- -webkit-transform: translate3d(0, 0, 0);
1260
- transform: translate3d(0, 0, 0); }
1261
- .premium-banner-animation11.zoomout img,
1262
- .premium-banner-animation11.scale img {
1263
- -webkit-transform: translate3d(-10px, 0, 0) scale(1.1);
1264
- transform: translate3d(-10px, 0, 0) scale(1.1); }
1265
-
1266
- /**************** Premium CountDown *************/
1267
- /************************************************/
1268
- .premium-countdown {
1269
- -js-display: flex;
1270
- display: -webkit-box;
1271
- display: -webkit-flex;
1272
- display: -moz-box;
1273
- display: -ms-flexbox;
1274
- display: flex;
1275
- text-align: center; }
1276
-
1277
- .countdown-row {
1278
- display: block;
1279
- text-align: center; }
1280
-
1281
- .countdown .countdown-section {
1282
- display: inline-block;
1283
- max-width: 100%;
1284
- margin-bottom: 15px;
1285
- -js-display: inline-flex;
1286
- display: -webkit-inline-box;
1287
- display: -webkit-inline-flex;
1288
- display: -moz-inline-box;
1289
- display: -ms-inline-flexbox;
1290
- display: inline-flex;
1291
- -webkit-box-align: center;
1292
- -webkit-align-items: center;
1293
- -moz-box-align: center;
1294
- -ms-flex-align: center;
1295
- align-items: center; }
1296
- .countdown .countdown-section:last-child {
1297
- margin-right: 0; }
1298
-
1299
- .countdown span.countdown-amount {
1300
- font-size: 70px;
1301
- line-height: 1;
1302
- padding: 40px; }
1303
-
1304
- .countdown .pre_time-mid {
1305
- display: block; }
1306
-
1307
- .premium-countdown-separator-yes .countdown_separator {
1308
- display: block;
1309
- margin: 0 50px;
1310
- font-size: 30px; }
1311
-
1312
- .premium-countdown-separator-yes .countdown-row .countdown-section:last-child .countdown_separator,
1313
- .premium-countdown-separator-yes .premium-countdown-block:last-child .countdown_separator {
1314
- display: none; }
1315
-
1316
- /**
1317
- * Digit and unit styles
1318
- */
1319
- .side .countdown-section .countdown-period {
1320
- vertical-align: bottom; }
1321
-
1322
- .countdown .countdown-section .countdown-period {
1323
- font-size: 17px;
1324
- line-height: 3em; }
1325
-
1326
- .side .countdown-section .countdown-amount,
1327
- .side .countdown-section .countdown-period {
1328
- display: inline-block; }
1329
-
1330
- .side .countdown-section .countdown-amount {
1331
- margin-right: 5px; }
1332
-
1333
- .down .countdown-section .countdown-amount,
1334
- .down .countdown-section .countdown-period {
1335
- display: block; }
1336
-
1337
- /**
1338
- * Flip Layout
1339
- */
1340
- .premium-countdown-flip .premium-countdown-block {
1341
- text-align: center;
1342
- -js-display: inline-flex;
1343
- display: -webkit-inline-box;
1344
- display: -webkit-inline-flex;
1345
- display: -moz-inline-box;
1346
- display: -ms-inline-flexbox;
1347
- display: inline-flex;
1348
- -webkit-box-align: center;
1349
- -webkit-align-items: center;
1350
- -moz-box-align: center;
1351
- -ms-flex-align: center;
1352
- align-items: center; }
1353
- .premium-countdown-flip .premium-countdown-block:last-child {
1354
- margin-right: 0; }
1355
-
1356
- .premium-countdown-flip .premium-countdown-label {
1357
- overflow: hidden;
1358
- color: #1a1a1a;
1359
- text-transform: uppercase; }
1360
-
1361
- .premium-countdown-flip .premium-countdown-figure {
1362
- position: relative;
1363
- height: 110px;
1364
- width: 100px;
1365
- line-height: 107px;
1366
- background-color: #fff;
1367
- -webkit-border-radius: 10px;
1368
- border-radius: 10px;
1369
- -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset 2px 4px 0 0 rgba(255, 255, 255, 0.08);
1370
- box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset 2px 4px 0 0 rgba(255, 255, 255, 0.08); }
1371
- .premium-countdown-flip .premium-countdown-figure:last-child {
1372
- margin-right: 0; }
1373
- .premium-countdown-flip .premium-countdown-figure > span {
1374
- position: absolute;
1375
- left: 0;
1376
- right: 0;
1377
- margin: auto;
1378
- font-weight: 700; }
1379
- .premium-countdown-flip .premium-countdown-figure .top {
1380
- z-index: 3;
1381
- -webkit-transform-origin: 50% 100%;
1382
- -ms-transform-origin: 50% 100%;
1383
- transform-origin: 50% 100%;
1384
- -webkit-transform: perspective(200px);
1385
- transform: perspective(200px);
1386
- -webkit-backface-visibility: hidden;
1387
- backface-visibility: hidden; }
1388
- .premium-countdown-flip .premium-countdown-figure .bottom {
1389
- z-index: 1; }
1390
- .premium-countdown-flip .premium-countdown-figure .bottom::before {
1391
- content: "";
1392
- position: absolute;
1393
- display: block;
1394
- top: 0;
1395
- left: 0;
1396
- width: 100%;
1397
- height: 50%;
1398
- background-color: rgba(0, 0, 0, 0.02); }
1399
- .premium-countdown-flip .premium-countdown-figure .top-back {
1400
- -webkit-backface-visibility: hidden;
1401
- backface-visibility: hidden;
1402
- z-index: 4;
1403
- bottom: 0;
1404
- -webkit-transform-origin: 50% 0;
1405
- -ms-transform-origin: 50% 0;
1406
- transform-origin: 50% 0;
1407
- -webkit-transform: perspective(200px) rotateX(180deg);
1408
- transform: perspective(200px) rotateX(180deg); }
1409
- .premium-countdown-flip .premium-countdown-figure .top-back span {
1410
- position: absolute;
1411
- top: -100%;
1412
- left: 0;
1413
- right: 0;
1414
- margin: auto; }
1415
- .premium-countdown-flip .premium-countdown-figure .bottom-back {
1416
- z-index: 2;
1417
- top: 0; }
1418
- .premium-countdown-flip .premium-countdown-figure .bottom-back span {
1419
- position: absolute;
1420
- top: 0;
1421
- left: 0;
1422
- right: 0;
1423
- margin: auto; }
1424
- .premium-countdown-flip .premium-countdown-figure .top,
1425
- .premium-countdown-flip .premium-countdown-figure .bottom-back,
1426
- .premium-countdown-flip .premium-countdown-figure .top-back {
1427
- height: 50%;
1428
- overflow: hidden;
1429
- background-color: #f7f7f7;
1430
- -webkit-border-top-left-radius: 10px;
1431
- border-top-left-radius: 10px;
1432
- -webkit-border-top-right-radius: 10px;
1433
- border-top-right-radius: 10px; }
1434
- .premium-countdown-flip .premium-countdown-figure .top-back {
1435
- -webkit-border-bottom-left-radius: 10px;
1436
- border-bottom-left-radius: 10px;
1437
- -webkit-border-bottom-right-radius: 10px;
1438
- border-bottom-right-radius: 10px; }
1439
- .premium-countdown-flip .premium-countdown-figure .top::after,
1440
- .premium-countdown-flip .premium-countdown-figure .bottom-back::after {
1441
- content: "";
1442
- position: absolute;
1443
- z-index: -1;
1444
- left: 0;
1445
- bottom: 0;
1446
- width: 100%;
1447
- height: 100%;
1448
- border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
1449
-
1450
- .side .premium-countdown-figure,
1451
- .side .premium-countdown-label {
1452
- display: inline-block; }
1453
-
1454
- .side .premium-countdown-figure {
1455
- margin-right: 5px; }
1456
-
1457
- .down .premium-countdown-figure,
1458
- .down .premium-countdown-label {
1459
- display: block; }
1460
-
1461
- .down .premium-countdown-label {
1462
- width: 100%; }
1463
-
1464
- /**************** Premium Carousel ****************/
1465
- /**************************************************/
1466
- .premium-carousel-wrapper a.carousel-arrow, .premium-carousel-wrapper a.ver-carousel-arrow {
1467
- -js-display: flex;
1468
- display: -webkit-box;
1469
- display: -webkit-flex;
1470
- display: -moz-box;
1471
- display: -ms-flexbox;
1472
- display: flex;
1473
- -webkit-box-align: center;
1474
- -webkit-align-items: center;
1475
- -moz-box-align: center;
1476
- -ms-flex-align: center;
1477
- align-items: center;
1478
- -webkit-box-pack: center;
1479
- -webkit-justify-content: center;
1480
- -moz-box-pack: center;
1481
- -ms-flex-pack: center;
1482
- justify-content: center;
1483
- width: 2em;
1484
- height: 2em;
1485
- line-height: 0;
1486
- text-align: center;
1487
- position: absolute;
1488
- z-index: 99;
1489
- cursor: pointer;
1490
- -webkit-transition: all 0.3s ease-in-out;
1491
- transition: all 0.3s ease-in-out;
1492
- -webkit-appearance: inherit;
1493
- border: none;
1494
- -webkit-box-shadow: none;
1495
- box-shadow: none; }
1496
- .premium-carousel-wrapper a.carousel-arrow svg, .premium-carousel-wrapper a.ver-carousel-arrow svg {
1497
- -webkit-transition: all 0.3s ease-in-out;
1498
- transition: all 0.3s ease-in-out; }
1499
-
1500
- .premium-tabs-nav-list a.carousel-arrow,
1501
- .premium-fb-rev-container a.carousel-arrow,
1502
- .premium-blog-wrap a.carousel-arrow,
1503
- .premium-hscroll-wrap a.carousel-arrow,
1504
- .premium-twitter-feed-wrapper a.carousel-arrow,
1505
- .premium-facebook-feed-wrapper a.carousel-arrow,
1506
- .premium-instafeed-container a.carousel-arrow,
1507
- .premium-persons-container a.carousel-arrow {
1508
- -js-display: flex;
1509
- display: -webkit-box;
1510
- display: -webkit-flex;
1511
- display: -moz-box;
1512
- display: -ms-flexbox;
1513
- display: flex;
1514
- -webkit-box-align: center;
1515
- -webkit-align-items: center;
1516
- -moz-box-align: center;
1517
- -ms-flex-align: center;
1518
- align-items: center;
1519
- -webkit-box-pack: center;
1520
- -webkit-justify-content: center;
1521
- -moz-box-pack: center;
1522
- -ms-flex-pack: center;
1523
- justify-content: center;
1524
- width: 2em;
1525
- height: 2em;
1526
- line-height: 0;
1527
- text-align: center;
1528
- position: absolute;
1529
- z-index: 99;
1530
- cursor: pointer;
1531
- -webkit-transition: all 0.3s ease-in-out;
1532
- transition: all 0.3s ease-in-out;
1533
- -webkit-appearance: inherit;
1534
- border: none;
1535
- -webkit-box-shadow: none;
1536
- box-shadow: none; }
1537
-
1538
- div[class^="premium-"] .slick-arrow i {
1539
- display: block; }
1540
-
1541
- .ver-carousel-arrow.carousel-next i {
1542
- margin-bottom: -3px; }
1543
-
1544
- .premium-carousel-wrapper a.slick-arrow:hover {
1545
- -webkit-box-shadow: none !important;
1546
- box-shadow: none !important; }
1547
-
1548
- .premium-carousel-wrapper .premium-carousel-content-hidden {
1549
- visibility: hidden; }
1550
-
1551
- .premium-carousel-wrapper a.carousel-arrow {
1552
- top: 50%; }
1553
-
1554
- .premium-tabs-nav-list a.carousel-arrow,
1555
- .premium-fb-rev-container a.carousel-arrow,
1556
- .premium-blog-wrap a.carousel-arrow,
1557
- .premium-hscroll-wrap a.carousel-arrow,
1558
- .premium-twitter-feed-wrapper a.carousel-arrow,
1559
- .premium-facebook-feed-wrapper a.carousel-arrow,
1560
- .premium-instafeed-container a.carousel-arrow,
1561
- .premium-persons-container a.carousel-arrow {
1562
- top: 50%;
1563
- -webkit-transform: translateY(-50%);
1564
- -ms-transform: translateY(-50%);
1565
- transform: translateY(-50%); }
1566
-
1567
- .premium-carousel-wrapper a.ver-carousel-arrow {
1568
- left: 50%;
1569
- -webkit-transform: translateX(-50%);
1570
- -ms-transform: translateX(-50%);
1571
- transform: translateX(-50%); }
1572
-
1573
- a.carousel-arrow.carousel-next {
1574
- right: -20px; }
1575
-
1576
- a.carousel-arrow.carousel-prev {
1577
- left: -20px; }
1578
-
1579
- a.ver-carousel-arrow.carousel-next {
1580
- bottom: -56px; }
1581
-
1582
- a.ver-carousel-arrow.carousel-prev {
1583
- top: -45px; }
1584
-
1585
- a.circle-bg {
1586
- -webkit-border-radius: 100%;
1587
- border-radius: 100%; }
1588
-
1589
- a.circle-border {
1590
- -webkit-border-radius: 100%;
1591
- border-radius: 100%;
1592
- border: solid black; }
1593
-
1594
- a.square-border {
1595
- border: solid black; }
1596
-
1597
- .premium-carousel-dots-below ul.slick-dots,
1598
- .premium-blog-wrap ul.slick-dots,
1599
- .premium-fb-rev-reviews ul.slick-dots {
1600
- position: relative;
1601
- bottom: 0;
1602
- list-style: none;
1603
- text-align: center;
1604
- margin: 0;
1605
- padding: 0; }
1606
-
1607
- .premium-carousel-dots-above ul.slick-dots {
1608
- position: absolute;
1609
- -js-display: flex;
1610
- display: -webkit-box;
1611
- display: -webkit-flex;
1612
- display: -moz-box;
1613
- display: -ms-flexbox;
1614
- display: flex;
1615
- width: auto;
1616
- top: 50%;
1617
- bottom: auto;
1618
- -webkit-transform: translateY(-50%);
1619
- -ms-transform: translateY(-50%);
1620
- transform: translateY(-50%);
1621
- -webkit-box-orient: vertical;
1622
- -webkit-box-direction: normal;
1623
- -webkit-flex-direction: column;
1624
- -moz-box-orient: vertical;
1625
- -moz-box-direction: normal;
1626
- -ms-flex-direction: column;
1627
- flex-direction: column; }
1628
-
1629
- ul.slick-dots li {
1630
- font-size: 10px;
1631
- -js-display: inline-flex;
1632
- display: -webkit-inline-box;
1633
- display: -webkit-inline-flex;
1634
- display: -moz-inline-box;
1635
- display: -ms-inline-flexbox;
1636
- display: inline-flex;
1637
- -webkit-box-pack: center;
1638
- -webkit-justify-content: center;
1639
- -moz-box-pack: center;
1640
- -ms-flex-pack: center;
1641
- justify-content: center;
1642
- -webkit-box-align: center;
1643
- -webkit-align-items: center;
1644
- -moz-box-align: center;
1645
- -ms-flex-align: center;
1646
- align-items: center;
1647
- margin: 5px;
1648
- width: 20px;
1649
- height: 20px;
1650
- cursor: pointer; }
1651
-
1652
- /*
1653
- * Custom Navigation Dot
1654
- */
1655
- .premium-carousel-wrapper .premium-carousel-nav-dot,
1656
- .premium-carousel-wrapper .premium-carousel-nav-arrow-prev,
1657
- .premium-carousel-wrapper .premium-carousel-nav-arrow-next {
1658
- display: none; }
1659
-
1660
- .premium-carousel-wrapper ul.slick-dots svg {
1661
- width: 20px;
1662
- height: 20px; }
1663
-
1664
- /* Ripple Out */
1665
- @-webkit-keyframes hvr-ripple-out {
1666
- 0% {
1667
- -webkit-transform: scale(1);
1668
- transform: scale(1);
1669
- opacity: 1; }
1670
- 100% {
1671
- -webkit-transform: scale(1.5);
1672
- transform: scale(1.5);
1673
- opacity: 0; } }
1674
- @keyframes hvr-ripple-out {
1675
- 0% {
1676
- -webkit-transform: scale(1);
1677
- transform: scale(1);
1678
- opacity: 1; }
1679
- 100% {
1680
- -webkit-transform: scale(1.5);
1681
- transform: scale(1.5);
1682
- opacity: 0; } }
1683
-
1684
- .premium-carousel-ripple-yes .premium-carousel-wrapper {
1685
- padding-bottom: 1px; }
1686
-
1687
- .premium-carousel-ripple-yes ul.slick-dots li {
1688
- position: relative; }
1689
- .premium-carousel-ripple-yes ul.slick-dots li i {
1690
- position: relative;
1691
- z-index: 1; }
1692
- .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
1693
- content: "";
1694
- position: absolute;
1695
- -webkit-transform: scale(1);
1696
- -ms-transform: scale(1);
1697
- transform: scale(1);
1698
- top: 0;
1699
- right: 0;
1700
- bottom: 0;
1701
- left: 0;
1702
- -webkit-border-radius: 50%;
1703
- border-radius: 50%;
1704
- pointer-events: none;
1705
- background-color: rgba(0, 0, 0, 0.15); }
1706
- .premium-carousel-ripple-yes ul.slick-dots li.slick-active:hover:before {
1707
- background-color: rgba(0, 0, 0, 0.3); }
1708
- .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
1709
- -webkit-animation: hvr-ripple-out 1.3s infinite;
1710
- animation: hvr-ripple-out 1.3s infinite; }
1711
-
1712
- .premium-carousel-wrapper.premium-carousel-scale .slick-slide {
1713
- -webkit-transform: scale(1.25, 1.25);
1714
- -ms-transform: scale(1.25, 1.25);
1715
- transform: scale(1.25, 1.25);
1716
- -webkit-transition: all 0.3s ease-in-out !important;
1717
- transition: all 0.3s ease-in-out !important; }
1718
-
1719
- .premium-carousel-wrapper.premium-carousel-scale div.slick-active {
1720
- -webkit-transform: scale(1, 1);
1721
- -ms-transform: scale(1, 1);
1722
- transform: scale(1, 1); }
1723
-
1724
- [dir="rtl"] .premium-carousel-inner .slick-slide {
1725
- float: right; }
1726
-
1727
- /**************** Premium Counter ***************/
1728
- /************************************************/
1729
- .premium-counter-area {
1730
- padding: 10px 0;
1731
- -js-display: flex;
1732
- display: -webkit-box;
1733
- display: -webkit-flex;
1734
- display: -moz-box;
1735
- display: -ms-flexbox;
1736
- display: flex;
1737
- -webkit-box-pack: center;
1738
- -webkit-justify-content: center;
1739
- -moz-box-pack: center;
1740
- -ms-flex-pack: center;
1741
- justify-content: center;
1742
- -webkit-box-align: center;
1743
- -webkit-align-items: center;
1744
- -moz-box-align: center;
1745
- -ms-flex-align: center;
1746
- align-items: center; }
1747
- .premium-counter-area.top {
1748
- -webkit-box-orient: vertical;
1749
- -webkit-box-direction: normal;
1750
- -webkit-flex-direction: column;
1751
- -moz-box-orient: vertical;
1752
- -moz-box-direction: normal;
1753
- -ms-flex-direction: column;
1754
- flex-direction: column; }
1755
- .premium-counter-area.right {
1756
- -webkit-box-orient: horizontal;
1757
- -webkit-box-direction: reverse;
1758
- -webkit-flex-direction: row-reverse;
1759
- -moz-box-orient: horizontal;
1760
- -moz-box-direction: reverse;
1761
- -ms-flex-direction: row-reverse;
1762
- flex-direction: row-reverse; }
1763
- .premium-counter-area.right .premium-counter-icon {
1764
- padding-left: 20px; }
1765
- .premium-counter-area.left .premium-counter-icon {
1766
- padding-right: 20px; }
1767
- .premium-counter-area .premium-counter-icon .icon i.fa:before {
1768
- vertical-align: text-top; }
1769
- .premium-counter-area .premium-counter-icon span.icon {
1770
- text-align: center;
1771
- display: inline-block;
1772
- vertical-align: middle; }
1773
- .premium-counter-area .premium-counter-icon .circle {
1774
- -webkit-border-radius: 100%;
1775
- border-radius: 100%; }
1776
- .premium-counter-area .premium-counter-icon img,
1777
- .premium-counter-area .premium-counter-icon svg {
1778
- width: 80px; }
1779
- .premium-counter-area .premium-counter-icon .premium-counter-animation svg {
1780
- height: 80px; }
1781
- .premium-counter-area .premium-counter-title {
1782
- padding: 0;
1783
- margin: 0; }
1784
- .premium-counter-area .premium-counter-value-wrap {
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
-
1797
- .premium-init-wrapper.right {
1798
- text-align: right; }
1799
-
1800
- span.icon.flex-width {
1801
- width: auto !important;
1802
- height: auto !important; }
1803
-
1804
- .premium-counter-area .premium-counter-init {
1805
- font-size: 35px; }
1806
-
1807
- /**************** Premium Image Separator ****************/
1808
- /*********************************************************/
1809
- .premium-image-separator-container {
1810
- position: absolute;
1811
- width: 100%;
1812
- z-index: 2;
1813
- top: auto;
1814
- -webkit-transition: all 0.3s ease-in-out;
1815
- transition: all 0.3s ease-in-out; }
1816
- .premium-image-separator-container svg,
1817
- .premium-image-separator-container img {
1818
- display: inline-block !important;
1819
- -webkit-mask-repeat: no-repeat;
1820
- mask-repeat: no-repeat;
1821
- -webkit-mask-position: center;
1822
- mask-position: center; }
1823
- .premium-image-separator-container .premium-image-separator-link {
1824
- position: absolute;
1825
- z-index: 9999;
1826
- top: 0;
1827
- left: 0;
1828
- width: 100%;
1829
- height: 100%;
1830
- text-decoration: none; }
1831
- .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 {
1832
- -webkit-box-shadow: none !important;
1833
- box-shadow: none !important;
1834
- outline: none !important;
1835
- border: none !important;
1836
- text-decoration: none !important; }
1837
- .premium-image-separator-container i,
1838
- .premium-image-separator-container > svg {
1839
- padding: 20px;
1840
- -webkit-transition: all 0.3s ease-in-out;
1841
- transition: all 0.3s ease-in-out; }
1842
-
1843
- /**************** Premium Modal Box ****************/
1844
- /***************************************************/
1845
- .premium-modal-trigger-btn,
1846
- .premium-modal-box-modal-lower-close {
1847
- display: inline-block;
1848
- padding: 6px 12px;
1849
- margin-bottom: 0;
1850
- font-size: 14px;
1851
- font-weight: normal;
1852
- line-height: 1.42857143;
1853
- text-align: center;
1854
- white-space: nowrap;
1855
- vertical-align: middle;
1856
- -ms-touch-action: manipulation;
1857
- touch-action: manipulation;
1858
- cursor: pointer;
1859
- -webkit-user-select: none;
1860
- -moz-user-select: none;
1861
- -ms-user-select: none;
1862
- user-select: none;
1863
- background-image: none;
1864
- border: 1px solid transparent; }
1865
-
1866
- .premium-modal-trigger-btn > svg,
1867
- .premium-modal-trigger-btn .premium-modal-box-icon {
1868
- -webkit-transition: all 0.3s ease-in-out;
1869
- transition: all 0.3s ease-in-out; }
1870
-
1871
- .premium-modal-trigger-btn > svg {
1872
- width: 30px;
1873
- height: 30px; }
1874
-
1875
- .premium-modal-box-modal-close {
1876
- float: right;
1877
- font-size: 21px;
1878
- font-weight: bold;
1879
- line-height: 1;
1880
- color: #000; }
1881
- .premium-modal-box-modal-close:hover, .premium-modal-box-modal-close:focus {
1882
- color: #000;
1883
- text-decoration: none;
1884
- cursor: pointer; }
1885
-
1886
- button.premium-modal-box-modal-close {
1887
- -webkit-appearance: none;
1888
- padding: 0;
1889
- cursor: pointer;
1890
- background: transparent;
1891
- border: 0; }
1892
-
1893
- .premium-modal-box-modal {
1894
- position: fixed;
1895
- top: 0;
1896
- right: 0;
1897
- bottom: 0;
1898
- left: 0;
1899
- z-index: 1050;
1900
- display: none;
1901
- -webkit-overflow-scrolling: touch;
1902
- outline: 0;
1903
- padding: 0 !important;
1904
- background: rgba(0, 0, 0, 0.5);
1905
- -webkit-box-align: center;
1906
- -webkit-align-items: center;
1907
- -moz-box-align: center;
1908
- -ms-flex-align: center;
1909
- align-items: center;
1910
- -webkit-box-pack: center;
1911
- -webkit-justify-content: center;
1912
- -moz-box-pack: center;
1913
- -ms-flex-pack: center;
1914
- justify-content: center; }
1915
- .premium-modal-box-modal .premium-modal-box-modal-dialog {
1916
- position: absolute;
1917
- max-height: -webkit-calc(100vh - 150px);
1918
- max-height: calc(100vh - 150px);
1919
- -js-display: flex;
1920
- display: -webkit-box;
1921
- display: -webkit-flex;
1922
- display: -moz-box;
1923
- display: -ms-flexbox;
1924
- display: flex;
1925
- -webkit-box-orient: vertical;
1926
- -webkit-box-direction: normal;
1927
- -webkit-flex-direction: column;
1928
- -moz-box-orient: vertical;
1929
- -moz-box-direction: normal;
1930
- -ms-flex-direction: column;
1931
- flex-direction: column;
1932
- opacity: 0; }
1933
-
1934
- .premium-modal-box-modal-content {
1935
- background-color: #fff;
1936
- background-clip: padding-box;
1937
- border: 1px solid rgba(0, 0, 0, 0.2);
1938
- -webkit-border-radius: 6px;
1939
- border-radius: 6px;
1940
- outline: 0; }
1941
-
1942
- .premium-modal-backdrop.premium-in {
1943
- filter: alpha(opacity=50);
1944
- opacity: 0.5 !important; }
1945
-
1946
- .premium-in {
1947
- opacity: 1; }
1948
-
1949
- .premium-modal-backdrop {
1950
- position: fixed;
1951
- top: 0;
1952
- right: 0;
1953
- bottom: 0;
1954
- left: 0;
1955
- z-index: 1040;
1956
- background-color: #000; }
1957
-
1958
- .premium-in {
1959
- -js-display: flex !important;
1960
- display: -webkit-box !important;
1961
- display: -webkit-flex !important;
1962
- display: -moz-box !important;
1963
- display: -ms-flexbox !important;
1964
- display: flex !important; }
1965
-
1966
- .premium-modal-box-modal-header {
1967
- -js-display: flex;
1968
- display: -webkit-box;
1969
- display: -webkit-flex;
1970
- display: -moz-box;
1971
- display: -ms-flexbox;
1972
- display: flex;
1973
- -webkit-box-pack: justify;
1974
- -webkit-justify-content: space-between;
1975
- -moz-box-pack: justify;
1976
- -ms-flex-pack: justify;
1977
- justify-content: space-between;
1978
- -webkit-box-align: center;
1979
- -webkit-align-items: center;
1980
- -moz-box-align: center;
1981
- -ms-flex-align: center;
1982
- align-items: center;
1983
- padding: 5px 15px;
1984
- border-bottom: 1px solid #e5e5e5; }
1985
- .premium-modal-box-modal-header .premium-modal-box-modal-close {
1986
- margin-top: -2px; }
1987
- .premium-modal-box-modal-header .premium-modal-box-modal-title {
1988
- -js-display: flex;
1989
- display: -webkit-box;
1990
- display: -webkit-flex;
1991
- display: -moz-box;
1992
- display: -ms-flexbox;
1993
- display: flex;
1994
- -webkit-box-align: center;
1995
- -webkit-align-items: center;
1996
- -moz-box-align: center;
1997
- -ms-flex-align: center;
1998
- align-items: center;
1999
- margin: 0;
2000
- padding: 0; }
2001
- .premium-modal-box-modal-header .premium-modal-box-modal-title svg {
2002
- width: 50px;
2003
- height: 60px; }
2004
-
2005
- .premium-modal-box-modal-body {
2006
- position: relative;
2007
- padding: 15px;
2008
- overflow: hidden; }
2009
-
2010
- .premium-modal-box-modal-footer {
2011
- padding: 15px;
2012
- text-align: right;
2013
- border-top: 1px solid #e5e5e5; }
2014
-
2015
- .premium-modal-scrollbar-measure {
2016
- position: absolute;
2017
- top: -9999px;
2018
- width: 50px;
2019
- height: 50px;
2020
- overflow: scroll; }
2021
-
2022
- .premium-modal-trigger-text {
2023
- background: none !important;
2024
- display: inline-block; }
2025
-
2026
- .premium-modal-box-container {
2027
- width: 100% !important; }
2028
-
2029
- /*Open Modal Button Style*/
2030
- .premium-modal-trigger-container .premium-modal-trigger-btn {
2031
- -js-display: inline-flex;
2032
- display: -webkit-inline-box;
2033
- display: -webkit-inline-flex;
2034
- display: -moz-inline-box;
2035
- display: -ms-inline-flexbox;
2036
- display: inline-flex;
2037
- -webkit-box-align: center;
2038
- -webkit-align-items: center;
2039
- -moz-box-align: center;
2040
- -ms-flex-align: center;
2041
- align-items: center;
2042
- border: none;
2043
- -webkit-transition: all 0.3s ease-in-out;
2044
- transition: all 0.3s ease-in-out; }
2045
- .premium-modal-trigger-container .premium-modal-trigger-btn.premium-btn-block {
2046
- -webkit-box-pack: center;
2047
- -webkit-justify-content: center;
2048
- -moz-box-pack: center;
2049
- -ms-flex-pack: center;
2050
- justify-content: center; }
2051
-
2052
- .premium-modal-trigger-container .premium-modal-trigger-img,
2053
- .premium-modal-trigger-container .premium-modal-trigger-text,
2054
- .premium-modal-trigger-container .premium-modal-trigger-animation {
2055
- cursor: pointer; }
2056
-
2057
- .premium-modal-trigger-container .premium-modal-trigger-animation {
2058
- display: inline-block;
2059
- width: 200px;
2060
- height: 200px;
2061
- -webkit-transition: all 0.3s ease-in-out;
2062
- transition: all 0.3s ease-in-out; }
2063
-
2064
- /*Image on Modal Header Style*/
2065
- .premium-modal-box-modal-header img {
2066
- width: 48px;
2067
- padding-right: 5px; }
2068
-
2069
- .premium-modal-box-modal-header i,
2070
- .premium-modal-box-modal-header svg {
2071
- padding-right: 6px; }
2072
-
2073
- .premium-modal-box-modal-close {
2074
- position: relative;
2075
- z-index: 99; }
2076
-
2077
- .premium-modal-trigger-img,
2078
- .premium-modal-trigger-text,
2079
- .premium-modal-box-close-button-container,
2080
- .premium-modal-box-modal-close,
2081
- .premium-modal-box-modal-lower-close {
2082
- -webkit-transition: all 0.3s ease-in-out;
2083
- transition: all 0.3s ease-in-out; }
2084
-
2085
- @media (min-width: 768px) {
2086
- .premium-modal-box-modal-dialog {
2087
- width: 700px;
2088
- max-height: 600px;
2089
- overflow: auto; } }
2090
-
2091
- @media (max-width: 767px) {
2092
- .premium-modal-box-modal-dialog {
2093
- width: 100%;
2094
- max-height: 500px;
2095
- overflow: auto; } }
2096
-
2097
- .premium-modal-box-container[data-modal-animation*="animated-"] {
2098
- opacity: 0; }
2099
-
2100
- /**************** Premium Progress Bar ****************/
2101
- /******************************************************/
2102
- .premium-progressbar-container {
2103
- position: relative; }
2104
-
2105
- .premium-progressbar-bar-wrap {
2106
- position: relative;
2107
- text-align: left;
2108
- overflow: hidden;
2109
- height: 25px;
2110
- margin-bottom: 50px;
2111
- background-color: #f5f5f5;
2112
- -webkit-border-radius: 4px;
2113
- border-radius: 4px;
2114
- -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
2115
- box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }
2116
- .premium-progressbar-bar-wrap.premium-progressbar-dots {
2117
- background-color: transparent;
2118
- width: 100%;
2119
- -js-display: flex;
2120
- display: -webkit-box;
2121
- display: -webkit-flex;
2122
- display: -moz-box;
2123
- display: -ms-flexbox;
2124
- display: flex;
2125
- height: auto;
2126
- -webkit-box-shadow: none;
2127
- box-shadow: none; }
2128
- .premium-progressbar-bar-wrap .progress-segment {
2129
- position: relative;
2130
- width: 25px;
2131
- height: 25px;
2132
- -webkit-border-radius: 50%;
2133
- border-radius: 50%;
2134
- overflow: hidden;
2135
- background-color: #f5f5f5; }
2136
- .premium-progressbar-bar-wrap .progress-segment.filled {
2137
- background: #6ec1e4; }
2138
- .premium-progressbar-bar-wrap .progress-segment:not(:first-child):not(:last-child) {
2139
- margin: 0 4px; }
2140
- .premium-progressbar-bar-wrap .progress-segment:first-child {
2141
- margin-right: 4px; }
2142
- .premium-progressbar-bar-wrap .progress-segment:last-child {
2143
- margin-left: 4px; }
2144
- .premium-progressbar-bar-wrap .progress-segment .segment-inner {
2145
- position: absolute;
2146
- top: 0;
2147
- left: 0;
2148
- height: 100%;
2149
- background-color: #6ec1e4; }
2150
-
2151
- .premium-progressbar-bar {
2152
- float: left;
2153
- width: 0%;
2154
- height: 100%;
2155
- font-size: 12px;
2156
- line-height: 20px;
2157
- background: #6ec1e4;
2158
- text-align: center;
2159
- -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2160
- box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); }
2161
-
2162
- .premium-progressbar-striped .premium-progressbar-bar {
2163
- background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
2164
- background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
2165
- -webkit-background-size: 40px 40px;
2166
- background-size: 40px 40px; }
2167
-
2168
- .premium-progressbar-active .premium-progressbar-bar {
2169
- -webkit-animation: progress-bar-stripes 2s linear infinite;
2170
- animation: progress-bar-stripes 2s linear infinite; }
2171
-
2172
- .premium-progressbar-gradient .premium-progressbar-bar {
2173
- -webkit-background-size: 400% 400% !important;
2174
- background-size: 400% 400% !important;
2175
- -webkit-animation: progress-bar-gradient 10s ease-in-out infinite;
2176
- animation: progress-bar-gradient 10s ease-in-out infinite; }
2177
-
2178
- .premium-progressbar-bar {
2179
- position: absolute;
2180
- overflow: hidden;
2181
- line-height: 20px; }
2182
-
2183
- .premium-progressbar-container .clearfix {
2184
- clear: both; }
2185
-
2186
- .premium-progressbar-bar {
2187
- -webkit-transition: width 0s ease-in-out !important;
2188
- transition: width 0s ease-in-out !important; }
2189
-
2190
- .premium-progressbar-container p:first-of-type {
2191
- margin: 0;
2192
- float: left; }
2193
-
2194
- .premium-progressbar-container p:nth-of-type(2) {
2195
- margin: 0;
2196
- float: right; }
2197
-
2198
- .premium-progressbar-name {
2199
- left: 50%;
2200
- top: 0;
2201
- right: 0;
2202
- -webkit-transform: translateX(-12.5px);
2203
- -ms-transform: translateX(-12.5px);
2204
- transform: translateX(-12.5px);
2205
- z-index: 1; }
2206
-
2207
- .premium-progressbar-multiple-label {
2208
- position: relative;
2209
- float: left;
2210
- width: 0;
2211
- left: 50%; }
2212
-
2213
- .premium-progressbar-center-label {
2214
- position: relative;
2215
- white-space: nowrap; }
2216
-
2217
- .premium-progressbar-arrow {
2218
- height: 15px;
2219
- left: 50%;
2220
- display: inline-block;
2221
- border-left: 7px solid transparent;
2222
- border-right: 7px solid transparent;
2223
- border-top: 11px solid;
2224
- -webkit-transform: translateX(-50%);
2225
- -ms-transform: translateX(-50%);
2226
- transform: translateX(-50%); }
2227
-
2228
- .premium-progressbar-pin {
2229
- border-left: 1px solid;
2230
- height: 12px;
2231
- left: 50%;
2232
- display: inline-block; }
2233
-
2234
- /**
2235
- * Circle Progress Bar
2236
- */
2237
- .premium-progressbar-circle-wrap {
2238
- width: 200px;
2239
- height: 200px;
2240
- position: relative;
2241
- margin: 0 auto; }
2242
- .premium-progressbar-circle-wrap .premium-progressbar-circle {
2243
- position: absolute;
2244
- top: 0;
2245
- left: 0;
2246
- width: 100%;
2247
- height: 100%;
2248
- -webkit-clip-path: inset(0 0 0 50%);
2249
- clip-path: inset(0 0 0 50%); }
2250
- .premium-progressbar-circle-wrap .premium-progressbar-circle div {
2251
- position: absolute;
2252
- left: 0;
2253
- top: 0;
2254
- height: 100%;
2255
- width: 100%;
2256
- border-width: 6px;
2257
- border-style: solid;
2258
- border-color: #54595f;
2259
- -webkit-border-radius: 50%;
2260
- border-radius: 50%;
2261
- -webkit-clip-path: inset(0 50% 0 0);
2262
- clip-path: inset(0 50% 0 0); }
2263
- .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-left {
2264
- -webkit-transform: rotate(0);
2265
- -ms-transform: rotate(0);
2266
- transform: rotate(0); }
2267
- .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-right {
2268
- -webkit-transform: rotate(180deg);
2269
- -ms-transform: rotate(180deg);
2270
- transform: rotate(180deg);
2271
- visibility: hidden; }
2272
- .premium-progressbar-circle-wrap .premium-progressbar-circle-base {
2273
- width: 100%;
2274
- height: 100%;
2275
- border: 6px solid #eee;
2276
- -webkit-border-radius: 50%;
2277
- border-radius: 50%; }
2278
- .premium-progressbar-circle-wrap .premium-progressbar-circle-content {
2279
- position: absolute;
2280
- top: 0;
2281
- left: 0;
2282
- width: 100%;
2283
- height: 100%;
2284
- -js-display: flex;
2285
- display: -webkit-box;
2286
- display: -webkit-flex;
2287
- display: -moz-box;
2288
- display: -ms-flexbox;
2289
- display: flex;
2290
- -webkit-box-orient: vertical;
2291
- -webkit-box-direction: normal;
2292
- -webkit-flex-direction: column;
2293
- -moz-box-orient: vertical;
2294
- -moz-box-direction: normal;
2295
- -ms-flex-direction: column;
2296
- flex-direction: column;
2297
- -webkit-box-pack: center;
2298
- -webkit-justify-content: center;
2299
- -moz-box-pack: center;
2300
- -ms-flex-pack: center;
2301
- justify-content: center;
2302
- -webkit-box-align: center;
2303
- -webkit-align-items: center;
2304
- -moz-box-align: center;
2305
- -ms-flex-align: center;
2306
- align-items: center; }
2307
- .premium-progressbar-circle-wrap .premium-lottie-animation {
2308
- line-height: 1; }
2309
-
2310
- @-webkit-keyframes progress-bar-stripes {
2311
- from {
2312
- background-position: 0 0; }
2313
- to {
2314
- background-position: 40px 0; } }
2315
-
2316
- @keyframes progress-bar-stripes {
2317
- from {
2318
- background-position: 0 0; }
2319
- to {
2320
- background-position: 40px 0; } }
2321
-
2322
- @-webkit-keyframes progress-bar-gradient {
2323
- 0% {
2324
- background-position: 0% 50%; }
2325
- 50% {
2326
- background-position: 100% 50%; }
2327
- 100% {
2328
- background-position: 0% 50%; } }
2329
-
2330
- @keyframes progress-bar-gradient {
2331
- 0% {
2332
- background-position: 0% 50%; }
2333
- 50% {
2334
- background-position: 100% 50%; }
2335
- 100% {
2336
- background-position: 0% 50%; } }
2337
-
2338
- /**************** Premium Testimonials ****************/
2339
- /******************************************************/
2340
- .premium-testimonial-box {
2341
- width: 100%;
2342
- background: transparent;
2343
- -webkit-transition: all 0.3s ease-in-out;
2344
- transition: all 0.3s ease-in-out; }
2345
- .premium-testimonial-box .premium-testimonial-author-info {
2346
- -js-display: flex;
2347
- display: -webkit-box;
2348
- display: -webkit-flex;
2349
- display: -moz-box;
2350
- display: -ms-flexbox;
2351
- display: flex;
2352
- -webkit-box-pack: center;
2353
- -webkit-justify-content: center;
2354
- -moz-box-pack: center;
2355
- -ms-flex-pack: center;
2356
- justify-content: center;
2357
- -webkit-box-align: center;
2358
- -webkit-align-items: center;
2359
- -moz-box-align: center;
2360
- -ms-flex-align: center;
2361
- align-items: center; }
2362
- .premium-testimonial-box .premium-testimonial-person-name,
2363
- .premium-testimonial-box .premium-testimonial-company-name {
2364
- font-weight: 600;
2365
- margin: 0; }
2366
-
2367
- .premium-testimonial-container {
2368
- position: relative; }
2369
-
2370
- .premium-testimonial-img-wrapper {
2371
- margin-left: auto;
2372
- margin-right: auto;
2373
- overflow: hidden;
2374
- border-style: solid !important; }
2375
- .premium-testimonial-img-wrapper.circle {
2376
- -webkit-border-radius: 50%;
2377
- border-radius: 50%; }
2378
- .premium-testimonial-img-wrapper.rounded {
2379
- -webkit-border-radius: 15px;
2380
- border-radius: 15px; }
2381
- .premium-testimonial-img-wrapper img {
2382
- -o-object-fit: cover;
2383
- object-fit: cover;
2384
- width: 100%;
2385
- height: 100% !important; }
2386
-
2387
- .premium-testimonial-content-wrapper {
2388
- position: relative;
2389
- -js-display: flex;
2390
- display: -webkit-box;
2391
- display: -webkit-flex;
2392
- display: -moz-box;
2393
- display: -ms-flexbox;
2394
- display: flex;
2395
- -webkit-box-orient: vertical;
2396
- -webkit-box-direction: normal;
2397
- -webkit-flex-direction: column;
2398
- -moz-box-orient: vertical;
2399
- -moz-box-direction: normal;
2400
- -ms-flex-direction: column;
2401
- flex-direction: column;
2402
- z-index: 2;
2403
- width: 100%;
2404
- padding: 20px;
2405
- text-align: center; }
2406
-
2407
- .premium-testimonial-clear-float {
2408
- clear: both; }
2409
-
2410
- .premium-testimonial-upper-quote,
2411
- .premium-testimonial-lower-quote {
2412
- position: absolute;
2413
- z-index: 1; }
2414
-
2415
- /**************** Premium Dual Heading *****************/
2416
- /*******************************************************/
2417
- .premium-dual-header-container .premium-dual-header-first-header,
2418
- .premium-dual-header-container .premium-dual-header-second-header {
2419
- position: relative;
2420
- padding: 0;
2421
- margin: 0;
2422
- display: inline-block;
2423
- -webkit-transform: translate(0, 0);
2424
- -ms-transform: translate(0, 0);
2425
- transform: translate(0, 0); }
2426
-
2427
- .premium-dual-header-first-clip .premium-dual-header-first-span,
2428
- .premium-dual-header-second-clip {
2429
- -webkit-text-fill-color: transparent;
2430
- -webkit-background-clip: text;
2431
- background-clip: text; }
2432
-
2433
- .premium-dual-header-first-clip.stroke .premium-dual-header-first-span,
2434
- .premium-dual-header-second-clip.stroke {
2435
- -webkit-text-stroke-color: transparent;
2436
- -webkit-text-fill-color: #fafafa;
2437
- -webkit-text-stroke-width: 2px; }
2438
-
2439
- @media (max-width: 500px) {
2440
- .premium-dual-header-container .premium-dual-header-first-header,
2441
- .premium-dual-header-container .premium-dual-header-second-header {
2442
- display: block;
2443
- word-wrap: break-word; }
2444
- .premium-dual-header-first-container,
2445
- .premium-dual-header-second-container {
2446
- margin: 0; } }
2447
-
2448
- @media (min-width: 501px) {
2449
- .premium-dual-header-first-container {
2450
- margin-right: 5px; } }
2451
-
2452
- .premium-dual-header-first-header.gradient .premium-dual-header-first-span,
2453
- .premium-dual-header-second-header.gradient {
2454
- -webkit-background-size: 300% 300% !important;
2455
- background-size: 300% 300% !important;
2456
- -webkit-animation: Gradient 10s ease-in-out infinite;
2457
- animation: Gradient 10s ease-in-out infinite; }
2458
-
2459
- @-webkit-keyframes Gradient {
2460
- 0% {
2461
- background-position: 0% 50%; }
2462
- 50% {
2463
- background-position: 100% 50%; }
2464
- 100% {
2465
- background-position: 0% 50%; } }
2466
-
2467
- @keyframes Gradient {
2468
- 0% {
2469
- background-position: 0% 50%; }
2470
- 50% {
2471
- background-position: 100% 50%; }
2472
- 100% {
2473
- background-position: 0% 50%; } }
2474
-
2475
- .premium-mask-yes.premium-header-inline .premium-dual-header-first-span,
2476
- .premium-mask-yes.premium-header-inline .premium-dual-header-first-span {
2477
- display: inline-block !important; }
2478
-
2479
- /**************** Premium Title ****************/
2480
- /***********************************************/
2481
- .premium-title-container {
2482
- position: relative;
2483
- width: 100%;
2484
- clear: both; }
2485
- .premium-title-container .premium-title-header {
2486
- position: relative;
2487
- margin: 0;
2488
- padding: 10px; }
2489
- .premium-title-container .premium-title-header:not(.premium-title-style7) {
2490
- -webkit-box-align: center;
2491
- -webkit-align-items: center;
2492
- -moz-box-align: center;
2493
- -ms-flex-align: center;
2494
- align-items: center; }
2495
- .premium-title-container .premium-title-header svg {
2496
- width: 40px;
2497
- height: 40px; }
2498
- .premium-title-container .premium-title-header img {
2499
- width: 40px;
2500
- height: 40px;
2501
- -o-object-fit: cover;
2502
- object-fit: cover; }
2503
- .premium-title-container .premium-title-header a {
2504
- position: absolute;
2505
- top: 0;
2506
- left: 0;
2507
- width: 100%;
2508
- height: 100%; }
2509
- .premium-title-container .premium-lottie-animation {
2510
- -js-display: flex;
2511
- display: -webkit-box;
2512
- display: -webkit-flex;
2513
- display: -moz-box;
2514
- display: -ms-flexbox;
2515
- display: flex; }
2516
-
2517
- .premium-title-icon-row .premium-title-icon {
2518
- margin-right: 10px; }
2519
-
2520
- .premium-title-icon-row-reverse .premium-title-icon {
2521
- margin-left: 10px; }
2522
-
2523
- .premium-title-style3,
2524
- .premium-title-style4 {
2525
- -js-display: flex;
2526
- display: -webkit-box;
2527
- display: -webkit-flex;
2528
- display: -moz-box;
2529
- display: -ms-flexbox;
2530
- display: flex; }
2531
-
2532
- .premium-title-style1,
2533
- .premium-title-style2,
2534
- .premium-title-style5,
2535
- .premium-title-style6,
2536
- .premium-title-style8,
2537
- .premium-title-style9 {
2538
- -js-display: inline-flex;
2539
- display: -webkit-inline-box;
2540
- display: -webkit-inline-flex;
2541
- display: -moz-inline-box;
2542
- display: -ms-inline-flexbox;
2543
- display: inline-flex; }
2544
-
2545
- .premium-title-style7 {
2546
- -js-display: inline-flex;
2547
- display: -webkit-inline-box;
2548
- display: -webkit-inline-flex;
2549
- display: -moz-inline-box;
2550
- display: -ms-inline-flexbox;
2551
- display: inline-flex;
2552
- -webkit-box-orient: vertical;
2553
- -webkit-box-direction: normal;
2554
- -webkit-flex-direction: column;
2555
- -moz-box-orient: vertical;
2556
- -moz-box-direction: normal;
2557
- -ms-flex-direction: column;
2558
- flex-direction: column; }
2559
- .premium-title-style7 .premium-title-style7-inner {
2560
- -js-display: flex;
2561
- display: -webkit-box;
2562
- display: -webkit-flex;
2563
- display: -moz-box;
2564
- display: -ms-flexbox;
2565
- display: flex;
2566
- -webkit-box-align: center;
2567
- -webkit-align-items: center;
2568
- -moz-box-align: center;
2569
- -ms-flex-align: center;
2570
- align-items: center; }
2571
-
2572
- .premium-title-style1 {
2573
- border-width: 0;
2574
- border-left: 3px solid #6ec1e4; }
2575
-
2576
- .premium-title-container.style2, .premium-title-container.style4, .premium-title-container.style5, .premium-title-container.style6 {
2577
- border-bottom: 3px solid #6ec1e4; }
2578
-
2579
- /*Style 6 Header*/
2580
- .premium-title-style6:before {
2581
- position: absolute;
2582
- left: 50%;
2583
- bottom: 0;
2584
- margin-left: -2px;
2585
- content: "";
2586
- border: 3px solid transparent; }
2587
-
2588
- /*Style 6 Trinagle*/
2589
- .premium-title-style7-stripe-wrap {
2590
- -js-display: flex;
2591
- display: -webkit-box;
2592
- display: -webkit-flex;
2593
- display: -moz-box;
2594
- display: -ms-flexbox;
2595
- display: flex; }
2596
-
2597
- .premium-title-style7:before {
2598
- display: none; }
2599
-
2600
- .premium-title-style8 .premium-title-text[data-animation="shiny"] {
2601
- -webkit-background-size: 125px 125px !important;
2602
- background-size: 125px !important;
2603
- color: rgba(255, 255, 255, 0);
2604
- -webkit-background-clip: text !important;
2605
- background-clip: text !important;
2606
- -webkit-animation-name: pa-shinny-text !important;
2607
- animation-name: pa-shinny-text !important;
2608
- -webkit-animation-duration: var(--animation-speed) !important;
2609
- animation-duration: var(--animation-speed) !important;
2610
- -webkit-animation-iteration-count: infinite !important;
2611
- animation-iteration-count: infinite !important;
2612
- background: var(--base-color) -webkit-gradient(linear, left top, right top, from(var(--base-color)), to(var(--base-color)), color-stop(0.5, var(--shiny-color))) 0 0 no-repeat; }
2613
-
2614
- @-webkit-keyframes pa-shinny-text {
2615
- 0% {
2616
- background-position: 0%; }
2617
- 100% {
2618
- background-position: 200%; } }
2619
-
2620
- @keyframes pa-shinny-text {
2621
- 0% {
2622
- background-position: 0%; }
2623
- 100% {
2624
- background-position: 200%; } }
2625
-
2626
- .premium-title-style9[data-animation-blur="process"] .premium-title-style9-letter {
2627
- -webkit-animation: pa-blur-shadow 2s 1 alternate;
2628
- animation: pa-blur-shadow 2s 1 alternate; }
2629
-
2630
- @-webkit-keyframes pa-blur-shadow {
2631
- from {
2632
- text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
2633
- color: transparent; }
2634
- to {
2635
- text-shadow: 0; } }
2636
-
2637
- @keyframes pa-blur-shadow {
2638
- from {
2639
- text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
2640
- color: transparent; }
2641
- to {
2642
- text-shadow: 0; } }
2643
-
2644
- .premium-title-gradient-yes .premium-title-text,
2645
- .premium-title-gradient-yes .premium-title-icon {
2646
- -webkit-background-clip: text;
2647
- -webkit-text-fill-color: transparent;
2648
- background-image: -webkit-gradient(linear, left top, right top, from(#ffa648), color-stop(#f17cc1), to(#4da9fd));
2649
- background-image: -webkit-linear-gradient(left, #ffa648, #f17cc1, #4da9fd);
2650
- background-image: linear-gradient(to right, #ffa648, #f17cc1, #4da9fd);
2651
- -webkit-animation: pa-text-gradient 8s infinite;
2652
- animation: pa-text-gradient 8s infinite; }
2653
-
2654
- .premium-title-clipped .premium-title-header {
2655
- -webkit-text-fill-color: transparent;
2656
- -webkit-background-clip: text;
2657
- background-clip: text; }
2658
-
2659
- @-webkit-keyframes pa-text-gradient {
2660
- 0%,
2661
- 100% {
2662
- -webkit-filter: hue-rotate(0deg);
2663
- filter: hue-rotate(0deg); }
2664
- 50% {
2665
- -webkit-filter: hue-rotate(360deg);
2666
- filter: hue-rotate(360deg); } }
2667
-
2668
- @keyframes pa-text-gradient {
2669
- 0%,
2670
- 100% {
2671
- -webkit-filter: hue-rotate(0deg);
2672
- filter: hue-rotate(0deg); }
2673
- 50% {
2674
- -webkit-filter: hue-rotate(360deg);
2675
- filter: hue-rotate(360deg); } }
2676
-
2677
- /*
2678
- * Common Title/Dual Heading
2679
- */
2680
- .premium-title-bg-text:before {
2681
- position: absolute;
2682
- content: attr(data-background);
2683
- top: 0;
2684
- left: 0;
2685
- text-align: left; }
2686
-
2687
- .premium-mask-yes .premium-dual-header-first-clip .premium-dual-header-first-span .premium-mask-span,
2688
- .premium-mask-yes .premium-dual-header-second-clip .premium-mask-span {
2689
- background: inherit; }
2690
-
2691
- .premium-mask-yes .premium-mask-span {
2692
- position: relative;
2693
- overflow: hidden;
2694
- -js-display: inline-flex !important;
2695
- display: -webkit-inline-box !important;
2696
- display: -webkit-inline-flex !important;
2697
- display: -moz-inline-box !important;
2698
- display: -ms-inline-flexbox !important;
2699
- display: inline-flex !important; }
2700
- .premium-mask-yes .premium-mask-span::after {
2701
- content: "";
2702
- position: absolute;
2703
- top: 0;
2704
- right: 0px;
2705
- width: 100%;
2706
- height: 100%;
2707
- background-color: currentColor;
2708
- -webkit-backface-visibility: visible;
2709
- backface-visibility: visible; }
2710
-
2711
- .premium-mask-active.premium-mask-tr .premium-mask-span::after {
2712
- -webkit-animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2713
- animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2714
- -webkit-transform: translateX(-103%);
2715
- -ms-transform: translateX(-103%);
2716
- transform: translateX(-103%); }
2717
-
2718
- .premium-mask-active.premium-mask-tl .premium-mask-span::after {
2719
- -webkit-animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2720
- animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2721
- -webkit-transform: translateX(103%);
2722
- -ms-transform: translateX(103%);
2723
- transform: translateX(103%); }
2724
-
2725
- .premium-mask-active.premium-mask-tb .premium-mask-span::after {
2726
- -webkit-animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2727
- animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2728
- -webkit-transform: translateY(-103%);
2729
- -ms-transform: translateY(-103%);
2730
- transform: translateY(-103%); }
2731
-
2732
- .premium-mask-active.premium-mask-tt .premium-mask-span::after {
2733
- -webkit-animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2734
- animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2735
- -webkit-transform: translateY(103%);
2736
- -ms-transform: translateY(103%);
2737
- transform: translateY(103%); }
2738
-
2739
- @-webkit-keyframes pa-mask-tr {
2740
- 0% {
2741
- -webkit-transform: translateX(0%);
2742
- transform: translateX(0%); }
2743
- 100% {
2744
- -webkit-transform: translateX(103%);
2745
- transform: translateX(103%); } }
2746
-
2747
- @keyframes pa-mask-tr {
2748
- 0% {
2749
- -webkit-transform: translateX(0%);
2750
- transform: translateX(0%); }
2751
- 100% {
2752
- -webkit-transform: translateX(103%);
2753
- transform: translateX(103%); } }
2754
-
2755
- @-webkit-keyframes pa-mask-tl {
2756
- 0% {
2757
- -webkit-transform: translateX(0%);
2758
- transform: translateX(0%); }
2759
- 100% {
2760
- -webkit-transform: translateX(-103%);
2761
- transform: translateX(-103%); } }
2762
-
2763
- @keyframes pa-mask-tl {
2764
- 0% {
2765
- -webkit-transform: translateX(0%);
2766
- transform: translateX(0%); }
2767
- 100% {
2768
- -webkit-transform: translateX(-103%);
2769
- transform: translateX(-103%); } }
2770
-
2771
- @-webkit-keyframes pa-mask-tb {
2772
- 0% {
2773
- -webkit-transform: translateY(0%);
2774
- transform: translateY(0%); }
2775
- 100% {
2776
- -webkit-transform: translateY(103%);
2777
- transform: translateY(103%); } }
2778
-
2779
- @keyframes pa-mask-tb {
2780
- 0% {
2781
- -webkit-transform: translateY(0%);
2782
- transform: translateY(0%); }
2783
- 100% {
2784
- -webkit-transform: translateY(103%);
2785
- transform: translateY(103%); } }
2786
-
2787
- @-webkit-keyframes pa-mask-tt {
2788
- 0% {
2789
- -webkit-transform: translateY(0%);
2790
- transform: translateY(0%); }
2791
- 100% {
2792
- -webkit-transform: translateY(-103%);
2793
- transform: translateY(-103%); } }
2794
-
2795
- @keyframes pa-mask-tt {
2796
- 0% {
2797
- -webkit-transform: translateY(0%);
2798
- transform: translateY(0%); }
2799
- 100% {
2800
- -webkit-transform: translateY(-103%);
2801
- transform: translateY(-103%); } }
2802
-
2803
- /**************** Premium Video Box ************/
2804
- /***********************************************/
2805
- .premium-video-box-transform {
2806
- -webkit-transform: none !important;
2807
- -ms-transform: none !important;
2808
- transform: none !important; }
2809
-
2810
- .premium-video-box-container {
2811
- -js-display: flex;
2812
- display: -webkit-box;
2813
- display: -webkit-flex;
2814
- display: -moz-box;
2815
- display: -ms-flexbox;
2816
- display: flex;
2817
- -webkit-box-orient: vertical;
2818
- -webkit-box-direction: normal;
2819
- -webkit-flex-direction: column;
2820
- -moz-box-orient: vertical;
2821
- -moz-box-direction: normal;
2822
- -ms-flex-direction: column;
2823
- flex-direction: column; }
2824
-
2825
- .premium-video-box-container > div {
2826
- position: relative;
2827
- overflow: hidden; }
2828
-
2829
- .pa-aspect-ratio-11 .premium-video-box-container > div {
2830
- padding-bottom: 100%; }
2831
-
2832
- .pa-aspect-ratio-169 .premium-video-box-container > div {
2833
- padding-bottom: 56.25%; }
2834
-
2835
- .pa-aspect-ratio-43 .premium-video-box-container > div {
2836
- padding-bottom: 75%; }
2837
-
2838
- .pa-aspect-ratio-32 .premium-video-box-container > div {
2839
- padding-bottom: 66.6666%; }
2840
-
2841
- .pa-aspect-ratio-219 .premium-video-box-container > div {
2842
- padding-bottom: 42.8571%; }
2843
-
2844
- .pa-aspect-ratio-916 .premium-video-box-container > div {
2845
- padding-bottom: 177.8%; }
2846
-
2847
- .premium-video-box-image-container {
2848
- position: absolute;
2849
- top: 0;
2850
- left: 0;
2851
- bottom: 0;
2852
- right: 0;
2853
- width: 100%;
2854
- height: 100%;
2855
- -webkit-background-size: cover;
2856
- background-size: cover;
2857
- background-position: 50%;
2858
- cursor: pointer;
2859
- margin: auto;
2860
- -webkit-transition: 0.2s all;
2861
- transition: 0.2s all; }
2862
-
2863
- .premium-video-box-play-icon-container {
2864
- position: absolute;
2865
- z-index: 2;
2866
- cursor: pointer;
2867
- -webkit-transform: translate(-50%, -50%);
2868
- -ms-transform: translate(-50%, -50%);
2869
- transform: translate(-50%, -50%);
2870
- background: rgba(252, 252, 252, 0.35); }
2871
-
2872
- .premium-video-box-description-container {
2873
- position: absolute;
2874
- z-index: 2;
2875
- padding: 5px;
2876
- text-align: center;
2877
- cursor: pointer;
2878
- -webkit-transform: translate(-50%, -50%);
2879
- -ms-transform: translate(-50%, -50%);
2880
- transform: translate(-50%, -50%); }
2881
-
2882
- .premium-video-box-text {
2883
- margin-bottom: 0 !important;
2884
- -webkit-transition: all 0.3s ease-in-out;
2885
- transition: all 0.3s ease-in-out; }
2886
-
2887
- .premium-video-box-play-icon {
2888
- padding: 15px;
2889
- -webkit-transform: translateX(4%);
2890
- -ms-transform: translateX(4%);
2891
- transform: translateX(4%);
2892
- -webkit-transition: all 0.3s ease-in-out;
2893
- transition: all 0.3s ease-in-out; }
2894
-
2895
- .premium-video-box-video-container {
2896
- position: absolute;
2897
- top: 0;
2898
- left: 0;
2899
- z-index: 2;
2900
- width: 100%;
2901
- height: 100%;
2902
- -webkit-transition: opacity 0.8s ease-in-out;
2903
- transition: opacity 0.8s ease-in-out;
2904
- overflow: hidden;
2905
- cursor: pointer; }
2906
-
2907
- .premium-video-box-container[data-overlay="true"][data-type="self"] .premium-video-box-video-container {
2908
- opacity: 0;
2909
- visibility: hidden; }
2910
-
2911
- .premium-video-box-video-container iframe {
2912
- max-width: 100%;
2913
- width: 100%;
2914
- height: 100%;
2915
- margin: 0;
2916
- line-height: 1;
2917
- border: none; }
2918
-
2919
- .premium-video-box-video-container video {
2920
- max-width: 100%;
2921
- width: 100%;
2922
- height: 100%;
2923
- margin: 0;
2924
- line-height: 1;
2925
- border: none;
2926
- background-color: #000;
2927
- -o-object-fit: contain;
2928
- object-fit: contain; }
2929
-
2930
- .premium-video-box-container .premium-video-box-vimeo-wrap {
2931
- -js-display: flex;
2932
- display: -webkit-box;
2933
- display: -webkit-flex;
2934
- display: -moz-box;
2935
- display: -ms-flexbox;
2936
- display: flex;
2937
- position: absolute;
2938
- top: 0;
2939
- left: 0;
2940
- z-index: 3;
2941
- margin: 10px;
2942
- margin-right: 10px;
2943
- -webkit-transition: opacity 0.2s ease-out;
2944
- transition: opacity 0.2s ease-out;
2945
- margin-right: 4.6em; }
2946
-
2947
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-portrait {
2948
- width: 60px;
2949
- height: 60px;
2950
- background: rgba(23, 35, 34, 0.75);
2951
- margin-right: 1px;
2952
- -webkit-box-flex: 1;
2953
- -webkit-flex: 1 0 auto;
2954
- -moz-box-flex: 1;
2955
- -ms-flex: 1 0 auto;
2956
- flex: 1 0 auto;
2957
- padding: 0; }
2958
-
2959
- .premium-video-box-vimeo-portrait img {
2960
- width: 50px;
2961
- height: 50px;
2962
- margin: 5px;
2963
- padding: 0;
2964
- border: 0;
2965
- -webkit-border-radius: 50%;
2966
- border-radius: 50%; }
2967
-
2968
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-headers {
2969
- font-size: 10px; }
2970
-
2971
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-title {
2972
- max-width: 100%;
2973
- font-size: 2em !important;
2974
- font-weight: 700;
2975
- margin: 0;
2976
- padding: 0.1em 0.2em;
2977
- background: rgba(23, 35, 34, 0.75);
2978
- display: inline-block;
2979
- text-transform: none;
2980
- line-height: normal;
2981
- letter-spacing: normal; }
2982
-
2983
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-byline {
2984
- font-size: 1.2em !important;
2985
- font-weight: 400;
2986
- color: #fff;
2987
- margin-top: 0.1em;
2988
- padding: 0.2em 0.5em;
2989
- background: rgba(23, 35, 34, 0.75);
2990
- text-transform: none;
2991
- line-height: normal;
2992
- letter-spacing: normal; }
2993
-
2994
- .premium-video-box-playlist-container {
2995
- -js-display: flex;
2996
- display: -webkit-box;
2997
- display: -webkit-flex;
2998
- display: -moz-box;
2999
- display: -ms-flexbox;
3000
- display: flex;
3001
- -webkit-flex-wrap: wrap;
3002
- -ms-flex-wrap: wrap;
3003
- flex-wrap: wrap; }
3004
- .premium-video-box-playlist-container .premium-video-box-container {
3005
- height: 100%;
3006
- overflow: hidden; }
3007
-
3008
- .premium-video-box-container:hover .premium-video-box-image-container.zoomin {
3009
- -webkit-transform: scale(1.1);
3010
- -ms-transform: scale(1.1);
3011
- transform: scale(1.1); }
3012
-
3013
- .premium-video-box-container:hover .premium-video-box-image-container.zoomout {
3014
- -webkit-transform: scale(1);
3015
- -ms-transform: scale(1);
3016
- transform: scale(1); }
3017
-
3018
- .premium-video-box-container:hover .premium-video-box-image-container.scale {
3019
- -webkit-transform: scale(1.3) rotate(5deg);
3020
- -ms-transform: scale(1.3) rotate(5deg);
3021
- transform: scale(1.3) rotate(5deg); }
3022
-
3023
- .premium-video-box-container:hover .premium-video-box-image-container.gray {
3024
- -webkit-filter: grayscale(0%);
3025
- filter: grayscale(0%); }
3026
-
3027
- .premium-video-box-container:hover .premium-video-box-image-container.blur {
3028
- -webkit-filter: blur(3px);
3029
- filter: blur(3px); }
3030
-
3031
- .premium-video-box-container:hover .premium-video-box-image-container.sepia {
3032
- -webkit-filter: sepia(0%);
3033
- filter: sepia(0%); }
3034
-
3035
- .premium-video-box-container:hover .premium-video-box-image-container.trans {
3036
- -webkit-transform: translateX(0px) scale(1.1);
3037
- -ms-transform: translateX(0px) scale(1.1);
3038
- transform: translateX(0px) scale(1.1); }
3039
-
3040
- .premium-video-box-container:hover .premium-video-box-image-container.bright {
3041
- -webkit-filter: brightness(1.2);
3042
- filter: brightness(1.2); }
3043
-
3044
- .premium-video-box-image-container.gray {
3045
- -webkit-filter: grayscale(100%);
3046
- filter: grayscale(100%); }
3047
-
3048
- .premium-video-box-image-container.zoomout, .premium-video-box-image-container.scale {
3049
- -webkit-transform: scale(1.2);
3050
- -ms-transform: scale(1.2);
3051
- transform: scale(1.2); }
3052
-
3053
- .premium-video-box-image-container.sepia {
3054
- -webkit-filter: sepia(30%);
3055
- filter: sepia(30%); }
3056
-
3057
- .premium-video-box-image-container.bright {
3058
- -webkit-filter: brightness(1);
3059
- filter: brightness(1); }
3060
-
3061
- .premium-video-box-image-container.trans {
3062
- -webkit-transform: translateX(-15px) scale(1.1);
3063
- -ms-transform: translateX(-15px) scale(1.1);
3064
- transform: translateX(-15px) scale(1.1); }
3065
-
3066
- .premium-video-box-mask-media {
3067
- -webkit-mask-repeat: no-repeat;
3068
- mask-repeat: no-repeat; }
3069
-
3070
- /* Sticky Video Option */
3071
- .premium-video-box-container.premium-video-box-sticky-apply {
3072
- z-index: 99;
3073
- overflow: unset; }
3074
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3075
- position: fixed !important;
3076
- z-index: 99999;
3077
- height: 225px;
3078
- width: 400px;
3079
- background: #fff; }
3080
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-vimeo-wrap,
3081
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-container:before {
3082
- visibility: hidden; }
3083
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3084
- -webkit-box-shadow: unset;
3085
- box-shadow: unset; }
3086
-
3087
- .premium-video-box-sticky-close,
3088
- .premium-video-box-sticky-infobar {
3089
- display: none; }
3090
-
3091
- .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3092
- position: absolute;
3093
- padding: 5px;
3094
- cursor: pointer;
3095
- z-index: 99999;
3096
- height: 14px;
3097
- width: 14px;
3098
- -webkit-box-sizing: content-box;
3099
- -moz-box-sizing: content-box;
3100
- box-sizing: content-box;
3101
- -webkit-border-radius: 100%;
3102
- border-radius: 100%;
3103
- -js-display: flex;
3104
- display: -webkit-box;
3105
- display: -webkit-flex;
3106
- display: -moz-box;
3107
- display: -ms-flexbox;
3108
- display: flex;
3109
- -webkit-box-pack: center;
3110
- -webkit-justify-content: center;
3111
- -moz-box-pack: center;
3112
- -ms-flex-pack: center;
3113
- justify-content: center;
3114
- -webkit-box-align: center;
3115
- -webkit-align-items: center;
3116
- -moz-box-align: center;
3117
- -ms-flex-align: center;
3118
- align-items: center; }
3119
-
3120
- .premium-video-box-sticky-apply .premium-video-box-play-icon-container {
3121
- -js-display: flex;
3122
- display: -webkit-box;
3123
- display: -webkit-flex;
3124
- display: -moz-box;
3125
- display: -ms-flexbox;
3126
- display: flex; }
3127
-
3128
- .premium-video-box-sticky-apply .premium-video-box-play-icon {
3129
- -webkit-transition: none;
3130
- transition: none; }
3131
-
3132
- .premium-video-box-sticky-apply .premium-video-box-sticky-infobar {
3133
- display: block;
3134
- position: relative;
3135
- top: 100%;
3136
- width: 100%;
3137
- padding: 5px;
3138
- text-align: center;
3139
- z-index: 9999;
3140
- margin-top: -1px; }
3141
-
3142
- .premium-video-box-sticky-apply .premium-video-box-inner-wrap.ui-draggable {
3143
- cursor: move; }
3144
-
3145
- .premium-video-sticky-top-left
3146
- .premium-video-box-container.premium-video-box-sticky-apply
3147
- .premium-video-box-inner-wrap {
3148
- right: auto;
3149
- left: 20px;
3150
- top: 20px; }
3151
-
3152
- .premium-video-sticky-bottom-left
3153
- .premium-video-box-container.premium-video-box-sticky-apply
3154
- .premium-video-box-inner-wrap {
3155
- right: auto;
3156
- left: 20px;
3157
- bottom: 20px; }
3158
-
3159
- .premium-video-sticky-top-right
3160
- .premium-video-box-container.premium-video-box-sticky-apply
3161
- .premium-video-box-inner-wrap {
3162
- left: auto;
3163
- right: 20px;
3164
- top: 20px; }
3165
-
3166
- .premium-video-sticky-bottom-right
3167
- .premium-video-box-container.premium-video-box-sticky-apply
3168
- .premium-video-box-inner-wrap {
3169
- left: auto;
3170
- right: 20px;
3171
- bottom: 20px; }
3172
-
3173
- .premium-video-sticky-center-left
3174
- .premium-video-box-container.premium-video-box-sticky-apply
3175
- .premium-video-box-inner-wrap {
3176
- right: auto;
3177
- left: 20px;
3178
- top: 50%;
3179
- -webkit-transform: translateY(-50%);
3180
- -ms-transform: translateY(-50%);
3181
- transform: translateY(-50%); }
3182
-
3183
- .premium-video-sticky-center-right
3184
- .premium-video-box-container.premium-video-box-sticky-apply
3185
- .premium-video-box-inner-wrap {
3186
- left: auto;
3187
- right: 20px;
3188
- top: 50%;
3189
- -webkit-transform: translateY(-50%);
3190
- -ms-transform: translateY(-50%);
3191
- transform: translateY(-50%); }
3192
-
3193
- .premium-video-sticky-bottom-right
3194
- .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply
3195
- .premium-video-box-inner-wrap,
3196
- .premium-video-sticky-bottom-left
3197
- .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply
3198
- .premium-video-box-inner-wrap {
3199
- bottom: 55px; }
3200
-
3201
- .premium-video-sticky-top-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3202
- .premium-video-sticky-bottom-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3203
- .premium-video-sticky-center-left .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3204
- top: -10px;
3205
- right: -10px; }
3206
-
3207
- .premium-video-sticky-top-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3208
- .premium-video-sticky-bottom-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3209
- .premium-video-sticky-center-right .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3210
- top: -10px;
3211
- left: -10px; }
3212
-
3213
- .premium-video-box-filter-sticky {
3214
- -webkit-filter: none !important;
3215
- filter: none !important; }
3216
-
3217
- /**************** Premium Blog *****************/
3218
- /***********************************************/
3219
- .premium-blog-thumb-effect-wrapper {
3220
- position: relative;
3221
- overflow: hidden; }
3222
-
3223
- .premium-blog-effect-container:not(.premium-blog-bordered-effect) .premium-blog-post-link {
3224
- position: absolute;
3225
- top: 0;
3226
- left: 0;
3227
- width: 100%;
3228
- height: 100%;
3229
- z-index: 2;
3230
- padding: 20px; }
3231
-
3232
- .premium-blog-bordered-effect .premium-blog-post-link {
3233
- display: block;
3234
- height: 100%;
3235
- position: relative; }
3236
-
3237
- /*Thumbnail Img*/
3238
- .premium-blog-thumbnail-container {
3239
- overflow: hidden; }
3240
- .premium-blog-thumbnail-container img,
3241
- .premium-blog-thumbnail-container .below-entry-meta {
3242
- width: 100%;
3243
- height: 100%;
3244
- margin: 0 !important;
3245
- -webkit-transition: all 0.4s ease-in-out;
3246
- transition: all 0.4s ease-in-out; }
3247
-
3248
- .premium-blog-thumb-effect-wrapper .premium-blog-zoomout-effect img,
3249
- .premium-blog-thumb-effect-wrapper .premium-blog-scale-effect img {
3250
- -webkit-transform: scale(1.2);
3251
- -ms-transform: scale(1.2);
3252
- transform: scale(1.2); }
3253
-
3254
- .premium-blog-thumb-effect-wrapper .premium-blog-sepia-effect img {
3255
- -webkit-filter: sepia(30%);
3256
- filter: sepia(30%); }
3257
-
3258
- .premium-blog-thumb-effect-wrapper .premium-blog-bright-effect img {
3259
- -webkit-filter: brightness(1);
3260
- filter: brightness(1); }
3261
-
3262
- .premium-blog-thumb-effect-wrapper .premium-blog-trans-effect img {
3263
- -webkit-transform: translateX(-15px) scale(1.1);
3264
- -ms-transform: translateX(-15px) scale(1.1);
3265
- transform: translateX(-15px) scale(1.1); }
3266
-
3267
- .premium-blog-post-outer-container:hover .premium-blog-zoomin-effect img {
3268
- -webkit-transform: scale(1.2);
3269
- -ms-transform: scale(1.2);
3270
- transform: scale(1.2); }
3271
-
3272
- .premium-blog-post-outer-container:hover .premium-blog-zoomout-effect img {
3273
- -webkit-transform: scale(1.1);
3274
- -ms-transform: scale(1.1);
3275
- transform: scale(1.1); }
3276
-
3277
- .premium-blog-post-outer-container:hover .premium-blog-scale-effect img {
3278
- -webkit-transform: scale(1.3) rotate(5deg);
3279
- -ms-transform: scale(1.3) rotate(5deg);
3280
- transform: scale(1.3) rotate(5deg); }
3281
-
3282
- .premium-blog-post-outer-container:hover .premium-blog-gray-effect img {
3283
- -webkit-filter: grayscale(100%);
3284
- filter: grayscale(100%); }
3285
-
3286
- .premium-blog-post-outer-container:hover .premium-blog-blur-effect img {
3287
- -webkit-filter: blur(3px);
3288
- filter: blur(3px); }
3289
-
3290
- .premium-blog-post-outer-container:hover .premium-blog-sepia-effect img {
3291
- -webkit-filter: sepia(0%);
3292
- filter: sepia(0%); }
3293
-
3294
- .premium-blog-post-outer-container:hover .premium-blog-bright-effect img {
3295
- -webkit-filter: brightness(1.2);
3296
- filter: brightness(1.2); }
3297
-
3298
- .premium-blog-post-outer-container:hover .premium-blog-trans-effect img {
3299
- -webkit-transform: translateX(0px) scale(1.1);
3300
- -ms-transform: translateX(0px) scale(1.1);
3301
- transform: translateX(0px) scale(1.1); }
3302
-
3303
- .premium-blog-post-container {
3304
- overflow: hidden; }
3305
- .premium-blog-post-container .premium-blog-inner-container {
3306
- -js-display: flex;
3307
- display: -webkit-box;
3308
- display: -webkit-flex;
3309
- display: -moz-box;
3310
- display: -ms-flexbox;
3311
- display: flex; }
3312
- .premium-blog-post-container .premium-blog-entry-container {
3313
- margin: 0 !important; }
3314
- .premium-blog-post-container .premium-blog-post-content {
3315
- line-height: 1.5em;
3316
- color: #777;
3317
- font-size: 14px;
3318
- margin-bottom: 10px; }
3319
- .premium-blog-post-container ul.post-categories a:hover, .premium-blog-post-container ul.post-categories a:focus,
3320
- .premium-blog-post-container .premium-blog-post-link:hover,
3321
- .premium-blog-post-container .premium-blog-post-link:focus {
3322
- -webkit-box-shadow: none !important;
3323
- box-shadow: none !important;
3324
- outline: none !important; }
3325
- .premium-blog-post-container .premium-blog-entry-title {
3326
- font-size: 18px;
3327
- margin-bottom: 5px; }
3328
- .premium-blog-post-container.premium-blog-skin-modern .premium-blog-content-wrapper {
3329
- position: relative;
3330
- z-index: 3;
3331
- top: -50px; }
3332
- .premium-blog-post-container .premium-blog-content-wrapper {
3333
- background-color: #f5f5f5;
3334
- padding: 30px; }
3335
- .premium-blog-post-container .premium-blog-content-wrapper.empty-thumb {
3336
- top: 0; }
3337
- .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 {
3338
- position: absolute;
3339
- content: "";
3340
- z-index: 1;
3341
- top: 50%;
3342
- left: 50%;
3343
- opacity: 0;
3344
- -webkit-transform: translate(-50%, -50%);
3345
- -ms-transform: translate(-50%, -50%);
3346
- transform: translate(-50%, -50%);
3347
- -webkit-transition: all 0.4s linear 0s;
3348
- transition: all 0.4s linear 0s;
3349
- height: 1px;
3350
- width: 100%;
3351
- background-color: #fff; }
3352
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before {
3353
- width: 1px;
3354
- height: 100%; }
3355
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-container:after {
3356
- width: 20px;
3357
- opacity: 1; }
3358
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-container:before {
3359
- height: 20px;
3360
- opacity: 1; }
3361
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-content-wrapper {
3362
- margin: 0px 10px 20px;
3363
- clear: both; }
3364
- .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 {
3365
- position: absolute;
3366
- top: 0;
3367
- left: 0;
3368
- width: 100%;
3369
- height: 100%;
3370
- -webkit-transition: all 0.3s ease-in-out;
3371
- transition: all 0.3s ease-in-out;
3372
- opacity: 0; }
3373
- .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 {
3374
- -js-display: flex;
3375
- display: -webkit-box;
3376
- display: -webkit-flex;
3377
- display: -moz-box;
3378
- display: -ms-flexbox;
3379
- display: flex;
3380
- -webkit-box-pack: center;
3381
- -webkit-justify-content: center;
3382
- -moz-box-pack: center;
3383
- -ms-flex-pack: center;
3384
- justify-content: center;
3385
- -webkit-box-align: center;
3386
- -webkit-align-items: center;
3387
- -moz-box-align: center;
3388
- -ms-flex-align: center;
3389
- align-items: center;
3390
- width: 100%;
3391
- height: 100%; }
3392
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay span,
3393
- .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,
3394
- .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,
3395
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay i {
3396
- -webkit-transition: all 0.3s ease-in-out;
3397
- transition: all 0.3s ease-in-out; }
3398
- .premium-blog-post-container.premium-blog-skin-side {
3399
- -js-display: flex;
3400
- display: -webkit-box;
3401
- display: -webkit-flex;
3402
- display: -moz-box;
3403
- display: -ms-flexbox;
3404
- display: flex; }
3405
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-container {
3406
- height: 100%; }
3407
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-content-wrapper {
3408
- -webkit-box-flex: 1;
3409
- -webkit-flex: 1;
3410
- -moz-box-flex: 1;
3411
- -ms-flex: 1;
3412
- flex: 1; }
3413
- .premium-blog-post-container.premium-blog-skin-banner {
3414
- position: relative; }
3415
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper {
3416
- position: absolute;
3417
- width: 100%;
3418
- bottom: 0;
3419
- -js-display: flex;
3420
- display: -webkit-box;
3421
- display: -webkit-flex;
3422
- display: -moz-box;
3423
- display: -ms-flexbox;
3424
- display: flex;
3425
- -webkit-box-orient: vertical;
3426
- -webkit-box-direction: normal;
3427
- -webkit-flex-direction: column;
3428
- -moz-box-orient: vertical;
3429
- -moz-box-direction: normal;
3430
- -ms-flex-direction: column;
3431
- flex-direction: column;
3432
- background-color: transparent;
3433
- z-index: 3; }
3434
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper-inner {
3435
- -webkit-transition: -webkit-transform 0.3s ease-in-out;
3436
- transition: -webkit-transform 0.3s ease-in-out;
3437
- transition: transform 0.3s ease-in-out;
3438
- transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; }
3439
- .premium-blog-post-container.premium-blog-skin-banner:hover .premium-blog-content-wrapper-inner {
3440
- -webkit-transform: translateY(-5px);
3441
- -ms-transform: translateY(-5px);
3442
- transform: translateY(-5px); }
3443
- .premium-blog-post-container .premium-blog-cats-container ul.post-categories {
3444
- margin: 0;
3445
- padding: 0;
3446
- list-style: none;
3447
- -js-display: flex;
3448
- display: -webkit-box;
3449
- display: -webkit-flex;
3450
- display: -moz-box;
3451
- display: -ms-flexbox;
3452
- display: flex; }
3453
- .premium-blog-post-container .premium-blog-cats-container a {
3454
- display: block;
3455
- font-size: 12px;
3456
- color: #fff;
3457
- background-color: #777;
3458
- margin: 0 3px 10px 0;
3459
- padding: 5px;
3460
- -webkit-transition: all 0.3s ease-in-out;
3461
- transition: all 0.3s ease-in-out; }
3462
-
3463
- /*
3464
- * Diagonal Effect
3465
- */
3466
- .premium-blog-diagonal-container {
3467
- position: absolute;
3468
- top: 0;
3469
- left: 0;
3470
- width: 100%;
3471
- height: 100%; }
3472
-
3473
- .premium-blog-diagonal-effect:before {
3474
- position: absolute;
3475
- top: 0px;
3476
- left: 0px;
3477
- width: 100%;
3478
- height: 100%;
3479
- content: " ";
3480
- z-index: 1;
3481
- background: rgba(255, 255, 255, 0.2);
3482
- -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
3483
- transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
3484
- -webkit-transition: all 0.3s linear 0s;
3485
- transition: all 0.3s linear 0s; }
3486
-
3487
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-diagonal-effect:before {
3488
- -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
3489
- transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); }
3490
-
3491
- /*
3492
- * Framed Effect
3493
- */
3494
- .premium-blog-framed-effect {
3495
- position: absolute;
3496
- width: -webkit-calc(100% - 30px);
3497
- width: calc(100% - 30px);
3498
- height: -webkit-calc(100% - 30px);
3499
- height: calc(100% - 30px);
3500
- top: 15px;
3501
- left: 15px;
3502
- opacity: 0;
3503
- -webkit-transform: scale(0.3);
3504
- -ms-transform: scale(0.3);
3505
- transform: scale(0.3);
3506
- -webkit-transition: all 0.3s linear 0s;
3507
- transition: all 0.3s linear 0s; }
3508
-
3509
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-framed-effect {
3510
- opacity: 0.99;
3511
- -webkit-transform: scale(1);
3512
- -ms-transform: scale(1);
3513
- transform: scale(1); }
3514
-
3515
- /*
3516
- * Bordered Effect
3517
- */
3518
- .premium-blog-bordered-effect {
3519
- position: absolute;
3520
- top: 0;
3521
- left: 0;
3522
- width: 100%;
3523
- height: 100%;
3524
- opacity: 0;
3525
- padding: 15px;
3526
- -webkit-transition: all 0.3s linear 0s;
3527
- transition: all 0.3s linear 0s; }
3528
- .premium-blog-bordered-effect .premium-blog-post-link:before, .premium-blog-bordered-effect .premium-blog-post-link:after {
3529
- content: "";
3530
- display: block;
3531
- position: absolute;
3532
- top: 0;
3533
- left: 0;
3534
- width: 100%;
3535
- height: 100%;
3536
- -webkit-transition: all 0.5s linear 0s;
3537
- transition: all 0.5s linear 0s;
3538
- -webkit-transition-delay: 0s;
3539
- transition-delay: 0s;
3540
- border-color: rgba(255, 255, 255, 0.45); }
3541
- .premium-blog-bordered-effect .premium-blog-post-link:before {
3542
- border-right: 2px solid;
3543
- border-left: 2px solid;
3544
- -webkit-transform: scale(1, 0);
3545
- -ms-transform: scale(1, 0);
3546
- transform: scale(1, 0);
3547
- -webkit-transform-origin: 100% 0;
3548
- -ms-transform-origin: 100% 0;
3549
- transform-origin: 100% 0; }
3550
- .premium-blog-bordered-effect .premium-blog-post-link:after {
3551
- border-top: 2px solid;
3552
- border-bottom: 2px solid;
3553
- -webkit-transform: scale(0, 1);
3554
- -ms-transform: scale(0, 1);
3555
- transform: scale(0, 1);
3556
- -webkit-transform-origin: 0 0;
3557
- -ms-transform-origin: 0 0;
3558
- transform-origin: 0 0; }
3559
-
3560
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect {
3561
- opacity: 0.99; }
3562
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect .premium-blog-post-link:before, .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect .premium-blog-post-link:after {
3563
- -webkit-transition-delay: 0.15s;
3564
- transition-delay: 0.15s;
3565
- opacity: 1;
3566
- -webkit-transform: scale(1);
3567
- -ms-transform: scale(1);
3568
- transform: scale(1); }
3569
-
3570
- /*
3571
- * Squares Effect
3572
- */
3573
- .premium-blog-squares-effect,
3574
- .premium-blog-squares-square-container {
3575
- position: absolute;
3576
- top: 0;
3577
- left: 0;
3578
- width: 100%;
3579
- height: 100%; }
3580
-
3581
- .premium-blog-squares-effect:before, .premium-blog-squares-effect:after {
3582
- position: absolute;
3583
- content: "";
3584
- top: 0;
3585
- left: 0;
3586
- width: 50%;
3587
- height: 50%;
3588
- -webkit-transform: translate(-100%, -100%);
3589
- -ms-transform: translate(-100%, -100%);
3590
- transform: translate(-100%, -100%);
3591
- opacity: 0.7;
3592
- -webkit-transition: all 0.3s linear 0s;
3593
- transition: all 0.3s linear 0s; }
3594
-
3595
- .premium-blog-squares-square-container:before, .premium-blog-squares-square-container:after {
3596
- position: absolute;
3597
- content: "";
3598
- top: 0;
3599
- left: 0;
3600
- width: 50%;
3601
- height: 50%;
3602
- -webkit-transform: translate(-100%, -100%);
3603
- -ms-transform: translate(-100%, -100%);
3604
- transform: translate(-100%, -100%);
3605
- opacity: 0.7;
3606
- -webkit-transition: all 0.3s linear 0s;
3607
- transition: all 0.3s linear 0s; }
3608
-
3609
- .premium-blog-squares-square-container:before, .premium-blog-squares-square-container:after {
3610
- opacity: 0.8; }
3611
-
3612
- .premium-blog-squares-effect:after {
3613
- -webkit-transform: translate(200%, 200%);
3614
- -ms-transform: translate(200%, 200%);
3615
- transform: translate(200%, 200%); }
3616
-
3617
- .premium-blog-squares-square-container:before {
3618
- -webkit-transform: translate(-100%, 200%);
3619
- -ms-transform: translate(-100%, 200%);
3620
- transform: translate(-100%, 200%); }
3621
-
3622
- .premium-blog-squares-square-container:after {
3623
- -webkit-transform: translate(200%, -100%);
3624
- -ms-transform: translate(200%, -100%);
3625
- transform: translate(200%, -100%); }
3626
-
3627
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:before {
3628
- -webkit-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
3629
- -ms-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
3630
- transform: translate(0, 0%) scaleY(1.003) scaleX(1.003); }
3631
-
3632
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:after {
3633
- -webkit-transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003);
3634
- -ms-transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003);
3635
- transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003); }
3636
-
3637
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:before {
3638
- -webkit-transform: translate(0, 100%);
3639
- -ms-transform: translate(0, 100%);
3640
- transform: translate(0, 100%); }
3641
-
3642
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:after {
3643
- -webkit-transform: translate(100%, 0%);
3644
- -ms-transform: translate(100%, 0%);
3645
- transform: translate(100%, 0%); }
3646
-
3647
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay {
3648
- opacity: 1; }
3649
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay a {
3650
- opacity: 1;
3651
- -webkit-transform: scale(1);
3652
- -ms-transform: scale(1);
3653
- transform: scale(1); }
3654
-
3655
- .premium-blog-clear-fix {
3656
- clear: both; }
3657
-
3658
- .premium-blog-masked .premium-blog-thumbnail-container {
3659
- position: relative;
3660
- overflow: visible; }
3661
- .premium-blog-masked .premium-blog-thumbnail-container svg {
3662
- position: absolute;
3663
- height: 100px;
3664
- width: 100%;
3665
- bottom: -5px;
3666
- left: 0;
3667
- fill: #f5f5f5;
3668
- z-index: 99; }
3669
- .premium-blog-masked .premium-blog-thumbnail-container svg.premium-blog-shape-divider-svg {
3670
- -webkit-transform: rotate(180deg);
3671
- -ms-transform: rotate(180deg);
3672
- transform: rotate(180deg); }
3673
-
3674
- .premium-blog-masked .premium-blog-author-thumbnail,
3675
- .premium-blog-masked .premium-blog-skin-banner .premium-blog-content-wrapper {
3676
- z-index: 999 !important; }
3677
-
3678
- .premium-blog-format-link {
3679
- padding: 5px;
3680
- line-height: 0; }
3681
-
3682
- .premium-blog-entry-meta {
3683
- line-height: 1.3em;
3684
- font-size: 12px;
3685
- margin-bottom: 13px;
3686
- color: #adadad; }
3687
- .premium-blog-entry-meta i {
3688
- margin-right: 3px;
3689
- -webkit-transition: all 0.3s ease-in-out;
3690
- transition: all 0.3s ease-in-out; }
3691
-
3692
- .premium-blog-meta-data {
3693
- display: inline-block; }
3694
- .premium-blog-meta-data .premium-blog-meta-separator {
3695
- margin: 0 5px; }
3696
- .premium-blog-meta-data a,
3697
- .premium-blog-meta-data span {
3698
- color: inherit;
3699
- -webkit-transition: all 0.3s ease-in-out;
3700
- transition: all 0.3s ease-in-out; }
3701
-
3702
- .premium-blog-author-thumbnail {
3703
- position: relative;
3704
- padding: 0 30px;
3705
- width: 100%;
3706
- top: -10px;
3707
- height: 0;
3708
- pointer-events: none; }
3709
- .premium-blog-author-thumbnail img {
3710
- -webkit-border-radius: 50%;
3711
- border-radius: 50%;
3712
- width: 60px;
3713
- pointer-events: all;
3714
- -webkit-transform: translateY(-50%);
3715
- -ms-transform: translateY(-50%);
3716
- transform: translateY(-50%); }
3717
-
3718
- .premium-blog-entry-title a,
3719
- .premium-blog-post-tags-container a,
3720
- .premium-blog-post-content .premium-blog-excerpt-link {
3721
- -webkit-transition: all 0.3s ease-in-out;
3722
- transition: all 0.3s ease-in-out; }
3723
-
3724
- .premium-blog-excerpt-link-wrap a.premium-blog-excerpt-link {
3725
- background-color: transparent;
3726
- color: #54595f;
3727
- padding: 0; }
3728
-
3729
- .premium-blog-cta-full-yes .premium-blog-excerpt-link {
3730
- width: 100%; }
3731
-
3732
- .premium-blog-post-tags-container {
3733
- margin-top: 8px;
3734
- -js-display: flex;
3735
- display: -webkit-box;
3736
- display: -webkit-flex;
3737
- display: -moz-box;
3738
- display: -ms-flexbox;
3739
- display: flex;
3740
- -webkit-box-align: center;
3741
- -webkit-align-items: center;
3742
- -moz-box-align: center;
3743
- -ms-flex-align: center;
3744
- align-items: center;
3745
- -webkit-flex-wrap: wrap;
3746
- -ms-flex-wrap: wrap;
3747
- flex-wrap: wrap; }
3748
- .premium-blog-post-tags-container a {
3749
- color: inherit;
3750
- margin-left: 5px; }
3751
-
3752
- /*Tags align*/
3753
- .premium-blog-align-left .post-categories,
3754
- .premium-blog-align-left .premium-blog-inner-container,
3755
- .premium-blog-align-left .premium-blog-post-tags-container {
3756
- -webkit-box-pack: start;
3757
- -webkit-justify-content: flex-start;
3758
- -moz-box-pack: start;
3759
- -ms-flex-pack: start;
3760
- justify-content: flex-start; }
3761
-
3762
- .premium-blog-align-center .post-categories,
3763
- .premium-blog-align-center .premium-blog-inner-container,
3764
- .premium-blog-align-center .premium-blog-post-tags-container {
3765
- -webkit-box-pack: center;
3766
- -webkit-justify-content: center;
3767
- -moz-box-pack: center;
3768
- -ms-flex-pack: center;
3769
- justify-content: center; }
3770
-
3771
- .premium-blog-align-right .post-categories,
3772
- .premium-blog-align-right .premium-blog-inner-container,
3773
- .premium-blog-align-right .premium-blog-post-tags-container {
3774
- -webkit-box-pack: end;
3775
- -webkit-justify-content: flex-end;
3776
- -moz-box-pack: end;
3777
- -ms-flex-pack: end;
3778
- justify-content: flex-end; }
3779
-
3780
- /* Pagination */
3781
- .premium-blog-pagination-container {
3782
- text-align: right; }
3783
- .premium-blog-pagination-container span {
3784
- cursor: default; }
3785
- .premium-blog-pagination-container .page-numbers {
3786
- display: inline-block;
3787
- color: #000;
3788
- line-height: 1;
3789
- font-size: 1em;
3790
- font-weight: 400;
3791
- text-decoration: none;
3792
- padding: 0.75em;
3793
- margin: 0 0.4em 0.4em 0;
3794
- -webkit-transition: all 0.2s ease-in-out;
3795
- transition: all 0.2s ease-in-out; }
3796
-
3797
- .premium-blog-wrap .premium-loading-feed {
3798
- display: block;
3799
- position: absolute;
3800
- width: 100%;
3801
- height: 100%;
3802
- top: 0px;
3803
- left: 0px;
3804
- bottom: 0px;
3805
- right: 0px;
3806
- background: rgba(255, 255, 255, 0.2);
3807
- -js-display: flex;
3808
- display: -webkit-box;
3809
- display: -webkit-flex;
3810
- display: -moz-box;
3811
- display: -ms-flexbox;
3812
- display: flex;
3813
- -webkit-box-align: center;
3814
- -webkit-align-items: center;
3815
- -moz-box-align: center;
3816
- -ms-flex-align: center;
3817
- align-items: center;
3818
- z-index: 99; }
3819
-
3820
- .premium-blog-wrap {
3821
- -js-display: flex;
3822
- display: -webkit-box;
3823
- display: -webkit-flex;
3824
- display: -moz-box;
3825
- display: -ms-flexbox;
3826
- display: flex;
3827
- -webkit-flex-wrap: wrap;
3828
- -ms-flex-wrap: wrap;
3829
- flex-wrap: wrap; }
3830
- .premium-blog-wrap ul.slick-dots {
3831
- width: 100%; }
3832
-
3833
- /*
3834
- * List Layout
3835
- */
3836
- .premium-blog-list .premium-blog-post-outer-container {
3837
- width: 100%; }
3838
-
3839
- /**
3840
- * Even Layout
3841
- */
3842
- .premium-blog-even .premium-blog-post-container {
3843
- height: 100%; }
3844
-
3845
- .premium-blog-even .slick-track {
3846
- -js-display: flex;
3847
- display: -webkit-box;
3848
- display: -webkit-flex;
3849
- display: -moz-box;
3850
- display: -ms-flexbox;
3851
- display: flex; }
3852
-
3853
- .premium-blog-even .slick-slide {
3854
- height: inherit !important; }
3855
-
3856
- /**
3857
- * Responsive Style
3858
- */
3859
- @media (max-width: 768px) {
3860
- .premium-blog-content-wrapper {
3861
- top: 0;
3862
- margin: 0;
3863
- padding: 15px; }
3864
- .premium-blog-skin-side {
3865
- -webkit-box-orient: vertical;
3866
- -webkit-box-direction: normal;
3867
- -webkit-flex-direction: column;
3868
- -moz-box-orient: vertical;
3869
- -moz-box-direction: normal;
3870
- -ms-flex-direction: column;
3871
- flex-direction: column; } }
3872
-
3873
- /************ Premium Team Members ************/
3874
- /**********************************************/
3875
- .premium-person-container {
3876
- position: relative; }
3877
-
3878
- .premium-person-image-container {
3879
- position: relative;
3880
- text-align: center; }
3881
- .premium-person-image-container .premium-person-image-wrap {
3882
- overflow: hidden; }
3883
-
3884
- .premium-person-zoomout-effect .premium-person-image-container img,
3885
- .premium-person-scale-effect .premium-person-image-container img {
3886
- -webkit-transform: scale(1.2);
3887
- -ms-transform: scale(1.2);
3888
- transform: scale(1.2); }
3889
-
3890
- .premium-person-sepia-effect .premium-person-image-container img {
3891
- -webkit-filter: sepia(30%);
3892
- filter: sepia(30%); }
3893
-
3894
- .premium-person-bright-effect .premium-person-image-container img {
3895
- -webkit-filter: brightness(1);
3896
- filter: brightness(1); }
3897
-
3898
- .premium-person-trans-effect .premium-person-image-container img {
3899
- -webkit-transform: translateX(-15px) scale(1.1);
3900
- -ms-transform: translateX(-15px) scale(1.1);
3901
- transform: translateX(-15px) scale(1.1); }
3902
-
3903
- .premium-person-zoomin-effect:hover .premium-person-image-container img {
3904
- -webkit-transform: scale(1.2);
3905
- -ms-transform: scale(1.2);
3906
- transform: scale(1.2); }
3907
-
3908
- .premium-person-zoomout-effect:hover .premium-person-image-container img {
3909
- -webkit-transform: scale(1.1);
3910
- -ms-transform: scale(1.1);
3911
- transform: scale(1.1); }
3912
-
3913
- .premium-person-scale-effect:hover .premium-person-image-container img {
3914
- -webkit-transform: scale(1.3) rotate(5deg);
3915
- -ms-transform: scale(1.3) rotate(5deg);
3916
- transform: scale(1.3) rotate(5deg); }
3917
-
3918
- .premium-person-grayscale-effect:hover .premium-person-image-container img {
3919
- -webkit-filter: grayscale(100%);
3920
- filter: grayscale(100%); }
3921
-
3922
- .premium-person-blur-effect:hover .premium-person-image-container img {
3923
- -webkit-filter: blur(3px);
3924
- filter: blur(3px); }
3925
-
3926
- .premium-person-sepia-effect:hover .premium-person-image-container img {
3927
- -webkit-filter: sepia(0%);
3928
- filter: sepia(0%); }
3929
-
3930
- .premium-person-bright-effect:hover .premium-person-image-container img {
3931
- -webkit-filter: brightness(1.2);
3932
- filter: brightness(1.2); }
3933
-
3934
- .premium-person-trans-effect:hover .premium-person-image-container img {
3935
- -webkit-transform: translateX(0px) scale(1.1);
3936
- -ms-transform: translateX(0px) scale(1.1);
3937
- transform: translateX(0px) scale(1.1); }
3938
-
3939
- .premium-person-container .premium-person-image-container img {
3940
- width: 100%;
3941
- height: 100%;
3942
- -o-object-fit: cover;
3943
- object-fit: cover;
3944
- -webkit-transition: all 0.5s ease-in-out;
3945
- transition: all 0.5s ease-in-out; }
3946
-
3947
- .premium-person-style2 .premium-person-social {
3948
- position: absolute;
3949
- top: 0;
3950
- left: 0;
3951
- width: 100%;
3952
- height: 100%;
3953
- z-index: 2;
3954
- -js-display: flex;
3955
- display: -webkit-box;
3956
- display: -webkit-flex;
3957
- display: -moz-box;
3958
- display: -ms-flexbox;
3959
- display: flex;
3960
- -webkit-box-pack: center;
3961
- -webkit-justify-content: center;
3962
- -moz-box-pack: center;
3963
- -ms-flex-pack: center;
3964
- justify-content: center;
3965
- -webkit-box-align: center;
3966
- -webkit-align-items: center;
3967
- -moz-box-align: center;
3968
- -ms-flex-align: center;
3969
- align-items: center;
3970
- -webkit-box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
3971
- box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
3972
- -webkit-transition: all 0.5s linear 0s;
3973
- transition: all 0.5s linear 0s;
3974
- opacity: 0; }
3975
-
3976
- .premium-person-style2 .premium-person-image-container:hover .premium-person-social {
3977
- opacity: 1; }
3978
-
3979
- .premium-person-list-item a {
3980
- display: inline-block; }
3981
-
3982
- .premium-person-style2 .premium-person-list-item a {
3983
- opacity: 0;
3984
- -webkit-transform: scale(0);
3985
- -ms-transform: scale(0);
3986
- transform: scale(0);
3987
- -webkit-transition: all 0.5s ease-in-out 0s;
3988
- transition: all 0.5s ease-in-out 0s; }
3989
-
3990
- .premium-person-style2 .premium-person-image-container:hover .premium-person-list-item a {
3991
- opacity: 1;
3992
- -webkit-transform: scale(1);
3993
- -ms-transform: scale(1);
3994
- transform: scale(1); }
3995
-
3996
- .premium-person-info-container {
3997
- padding: 30px 15px; }
3998
-
3999
- .premium-person-name {
4000
- margin: 0 0 5px;
4001
- font-weight: 700; }
4002
-
4003
- .premium-person-title {
4004
- margin: 0 0 20px;
4005
- padding: 0; }
4006
-
4007
- .premium-person-content {
4008
- margin: 0 0 30px; }
4009
-
4010
- /*Override Theme List Margin*/
4011
- ul.premium-person-social-list {
4012
- margin: 0px !important;
4013
- padding: 0; }
4014
-
4015
- .premium-person-social-list .premium-person-list-item {
4016
- display: inline;
4017
- list-style: none; }
4018
-
4019
- .premium-person-social-list li {
4020
- position: relative;
4021
- bottom: 0px;
4022
- -webkit-transition: all 0.2s ease-in-out;
4023
- transition: all 0.2s ease-in-out; }
4024
- .premium-person-social-list li i {
4025
- position: relative;
4026
- bottom: 0px;
4027
- -webkit-transition: all 0.2s ease-in-out;
4028
- transition: all 0.2s ease-in-out; }
4029
-
4030
- .premium-person-defaults-yes li.premium-person-facebook:hover a {
4031
- background-color: #3b5998 !important; }
4032
-
4033
- .premium-person-defaults-yes li.premium-person-twitter:hover a {
4034
- background-color: #55acee !important; }
4035
-
4036
- .premium-person-defaults-yes li.premium-person-linkedin:hover a {
4037
- background-color: #0077b5 !important; }
4038
-
4039
- .premium-person-defaults-yes li.premium-person-google:hover a {
4040
- background-color: #dc4e41 !important; }
4041
-
4042
- .premium-person-defaults-yes li.premium-person-youtube:hover a {
4043
- background-color: #b31217 !important; }
4044
-
4045
- .premium-person-defaults-yes li.premium-person-instagram:hover a {
4046
- background-color: #e4405f !important; }
4047
-
4048
- .premium-person-defaults-yes li.premium-person-skype:hover a {
4049
- background-color: #00aff0 !important; }
4050
-
4051
- .premium-person-defaults-yes li.premium-person-pinterest:hover a {
4052
- background-color: #bd081c !important; }
4053
-
4054
- .premium-person-defaults-yes li.premium-person-dribbble:hover a {
4055
- background-color: #ea4c89 !important; }
4056
-
4057
- .premium-person-defaults-yes li.premium-person-mail:hover a {
4058
- background-color: #b23121 !important; }
4059
-
4060
- .premium-person-defaults-yes li.premium-person-behance:hover a {
4061
- background-color: #1769ff !important; }
4062
-
4063
- .premium-person-defaults-yes li.premium-person-whatsapp:hover a {
4064
- background-color: #25d366 !important; }
4065
-
4066
- .premium-person-defaults-yes li.premium-person-telegram:hover a {
4067
- background-color: #0088cc !important; }
4068
-
4069
- .premium-person-defaults-yes li.premium-person-site:hover a {
4070
- background-color: #0055a5 !important; }
4071
-
4072
- .premium-person-social-list li:hover a {
4073
- -webkit-box-shadow: none;
4074
- box-shadow: none; }
4075
-
4076
- .premium-person-social-list li a:focus {
4077
- -webkit-box-shadow: none;
4078
- box-shadow: none;
4079
- outline: none; }
4080
-
4081
- .premium-person-social-list li i {
4082
- font-size: 18px; }
4083
-
4084
- .elementor-widget-premium-addon-person .elementor-widget-container {
4085
- -js-display: flex;
4086
- display: -webkit-box;
4087
- display: -webkit-flex;
4088
- display: -moz-box;
4089
- display: -ms-flexbox;
4090
- display: flex;
4091
- -webkit-box-pack: center;
4092
- -webkit-justify-content: center;
4093
- -moz-box-pack: center;
4094
- -ms-flex-pack: center;
4095
- justify-content: center; }
4096
-
4097
- .premium-persons-container.multiple-persons {
4098
- -js-display: flex;
4099
- display: -webkit-box;
4100
- display: -webkit-flex;
4101
- display: -moz-box;
4102
- display: -ms-flexbox;
4103
- display: flex;
4104
- -webkit-flex-wrap: wrap;
4105
- -ms-flex-wrap: wrap;
4106
- flex-wrap: wrap;
4107
- width: 100%; }
4108
-
4109
- .premium-person-style1 .premium-person-container {
4110
- overflow: hidden; }
4111
- .premium-person-style1 .premium-person-container .premium-person-info {
4112
- position: absolute;
4113
- top: auto;
4114
- right: 0;
4115
- left: 0;
4116
- -webkit-transition: all 500ms ease 0s;
4117
- transition: all 500ms ease 0s;
4118
- -webkit-transform: translate3d(0, 100%, 0);
4119
- transform: translate3d(0, 100%, 0); }
4120
- .premium-person-style1 .premium-person-container:hover .premium-person-info {
4121
- -webkit-transform: translate3d(0, 0, 0);
4122
- transform: translate3d(0, 0, 0);
4123
- bottom: -1px !important; }
4124
-
4125
- .premium-person-style1 .premium-person-social-list li:hover {
4126
- bottom: 5px; }
4127
-
4128
- .premium-person-style1.multiple-persons:not([data-persons-equal="yes"]) {
4129
- -webkit-box-align: start;
4130
- -webkit-align-items: flex-start;
4131
- -moz-box-align: start;
4132
- -ms-flex-align: start;
4133
- align-items: flex-start; }
4134
-
4135
- .premium-person-style1 .slick-track {
4136
- -js-display: flex;
4137
- display: -webkit-box;
4138
- display: -webkit-flex;
4139
- display: -moz-box;
4140
- display: -ms-flexbox;
4141
- display: flex; }
4142
-
4143
- .premium-person-style1 .slick-slide {
4144
- height: inherit !important; }
4145
-
4146
- .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-container,
4147
- .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-wrap {
4148
- height: 100%; }
4149
-
4150
- .premium-person-style3 .premium-person-info-container {
4151
- position: absolute;
4152
- top: 0;
4153
- left: 0;
4154
- width: 100%;
4155
- height: 100%;
4156
- -js-display: flex;
4157
- display: -webkit-box;
4158
- display: -webkit-flex;
4159
- display: -moz-box;
4160
- display: -ms-flexbox;
4161
- display: flex;
4162
- -webkit-box-orient: vertical;
4163
- -webkit-box-direction: normal;
4164
- -webkit-flex-direction: column;
4165
- -moz-box-orient: vertical;
4166
- -moz-box-direction: normal;
4167
- -ms-flex-direction: column;
4168
- flex-direction: column;
4169
- -webkit-box-pack: justify;
4170
- -webkit-justify-content: space-between;
4171
- -moz-box-pack: justify;
4172
- -ms-flex-pack: justify;
4173
- justify-content: space-between; }
4174
-
4175
- .premium-person-style3 .premium-person-title-desc-wrap {
4176
- -js-display: flex;
4177
- display: -webkit-box;
4178
- display: -webkit-flex;
4179
- display: -moz-box;
4180
- display: -ms-flexbox;
4181
- display: flex;
4182
- -webkit-box-orient: horizontal;
4183
- -webkit-box-direction: reverse;
4184
- -webkit-flex-direction: row-reverse;
4185
- -moz-box-orient: horizontal;
4186
- -moz-box-direction: reverse;
4187
- -ms-flex-direction: row-reverse;
4188
- flex-direction: row-reverse;
4189
- -webkit-box-pack: justify;
4190
- -webkit-justify-content: space-between;
4191
- -moz-box-pack: justify;
4192
- -ms-flex-pack: justify;
4193
- justify-content: space-between;
4194
- -webkit-box-align: start;
4195
- -webkit-align-items: flex-start;
4196
- -moz-box-align: start;
4197
- -ms-flex-align: start;
4198
- align-items: flex-start; }
4199
-
4200
- .premium-person-style3 .premium-person-name-icons-wrap {
4201
- -js-display: flex;
4202
- display: -webkit-box;
4203
- display: -webkit-flex;
4204
- display: -moz-box;
4205
- display: -ms-flexbox;
4206
- display: flex;
4207
- -webkit-box-pack: justify;
4208
- -webkit-justify-content: space-between;
4209
- -moz-box-pack: justify;
4210
- -ms-flex-pack: justify;
4211
- justify-content: space-between;
4212
- -webkit-box-align: end;
4213
- -webkit-align-items: flex-end;
4214
- -moz-box-align: end;
4215
- -ms-flex-align: end;
4216
- align-items: flex-end; }
4217
-
4218
- .premium-person-style3 .premium-person-title {
4219
- opacity: 0;
4220
- -webkit-transition: all 0.3s ease;
4221
- transition: all 0.3s ease;
4222
- width: 0; }
4223
- .premium-person-style3 .premium-person-title span {
4224
- display: inline-block; }
4225
-
4226
- .premium-person-style3 .premium-person-name {
4227
- padding-left: 10px; }
4228
-
4229
- .premium-person-style3 .premium-person-social-list {
4230
- -js-display: flex;
4231
- display: -webkit-box;
4232
- display: -webkit-flex;
4233
- display: -moz-box;
4234
- display: -ms-flexbox;
4235
- display: flex;
4236
- -webkit-box-orient: vertical;
4237
- -webkit-box-direction: normal;
4238
- -webkit-flex-direction: column;
4239
- -moz-box-orient: vertical;
4240
- -moz-box-direction: normal;
4241
- -ms-flex-direction: column;
4242
- flex-direction: column;
4243
- -webkit-transform: translateY(20px);
4244
- -ms-transform: translateY(20px);
4245
- transform: translateY(20px);
4246
- opacity: 0;
4247
- -webkit-transition: all 0.3s ease;
4248
- transition: all 0.3s ease; }
4249
-
4250
- .premium-person-style3 .premium-person-list-item {
4251
- line-height: 0; }
4252
- .premium-person-style3 .premium-person-list-item a {
4253
- padding: 5px 10px 0 0;
4254
- margin: 5px 0; }
4255
-
4256
- .premium-person-style3 .premium-person-container:hover .premium-person-title {
4257
- opacity: 1; }
4258
-
4259
- .premium-person-style3 .premium-person-container:hover .premium-person-social-list {
4260
- opacity: 1;
4261
- -webkit-transform: translateY(0);
4262
- -ms-transform: translateY(0);
4263
- transform: translateY(0); }
4264
-
4265
- .premium-persons-title-cw .premium-person-title {
4266
- -webkit-transform: translateX(15px) rotate(90deg);
4267
- -ms-transform: translateX(15px) rotate(90deg);
4268
- transform: translateX(15px) rotate(90deg);
4269
- -webkit-transform-origin: top;
4270
- -ms-transform-origin: top;
4271
- transform-origin: top; }
4272
-
4273
- .premium-persons-title-cw .premium-person-container:hover .premium-person-title {
4274
- -webkit-transform: translateX(0) rotate(90deg);
4275
- -ms-transform: translateX(0) rotate(90deg);
4276
- transform: translateX(0) rotate(90deg); }
4277
-
4278
- .premium-persons-title-ccw .premium-person-title {
4279
- width: auto;
4280
- margin-right: 20px;
4281
- -webkit-transform: translateX(15px) rotate(-90deg);
4282
- -ms-transform: translateX(15px) rotate(-90deg);
4283
- transform: translateX(15px) rotate(-90deg);
4284
- -webkit-transform-origin: center right;
4285
- -ms-transform-origin: center right;
4286
- transform-origin: center right; }
4287
-
4288
- .premium-persons-title-ccw .premium-person-container:hover .premium-person-title {
4289
- -webkit-transform: translateX(0) rotate(-90deg);
4290
- -ms-transform: translateX(0) rotate(-90deg);
4291
- transform: translateX(0) rotate(-90deg); }
4292
-
4293
- /**************** Premium Fancy Text *******************/
4294
- /*******************************************************/
4295
- .premium-suffix-text,
4296
- .premium-fancy-text,
4297
- .premium-prefix-text {
4298
- font-size: 40px; }
4299
-
4300
- .premium-fancy-text-wrapper .premium-fancy-list-items {
4301
- list-style: none; }
4302
-
4303
- .premium-fancy-text-wrapper .premium-fancy-text-span-align {
4304
- vertical-align: top; }
4305
-
4306
- .premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-text-items-wrapper {
4307
- margin: 0;
4308
- padding: 0;
4309
- border: none;
4310
- position: relative; }
4311
-
4312
- .premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-list-items {
4313
- position: absolute;
4314
- top: 0;
4315
- left: 0;
4316
- display: inline-block; }
4317
-
4318
- .premium-fancy-text-wrapper.zoomout .premium-fancy-item-hidden {
4319
- opacity: 0;
4320
- -webkit-animation: pa-zoom-out 0.8s;
4321
- animation: pa-zoom-out 0.8s; }
4322
-
4323
- .premium-fancy-text-wrapper.zoomout .premium-fancy-item-visible {
4324
- position: relative !important;
4325
- -webkit-animation: pa-zoom-in 0.8s;
4326
- animation: pa-zoom-in 0.8s; }
4327
-
4328
- .premium-fancy-text-wrapper.zoomout .premium-fancy-text-items-wrapper {
4329
- -webkit-perspective: 300px;
4330
- perspective: 300px; }
4331
-
4332
- .premium-fancy-text-wrapper.rotate .premium-fancy-list-items {
4333
- -webkit-transform-origin: 50% 100%;
4334
- -ms-transform-origin: 50% 100%;
4335
- transform-origin: 50% 100%; }
4336
-
4337
- .premium-fancy-text-wrapper.rotate .premium-fancy-item-hidden {
4338
- opacity: 0;
4339
- -webkit-transform: rotateX(180deg);
4340
- transform: rotateX(180deg);
4341
- -webkit-animation: pa-rotate-out 1.2s;
4342
- animation: pa-rotate-out 1.2s; }
4343
-
4344
- .premium-fancy-text-wrapper.rotate .premium-fancy-item-visible {
4345
- position: relative !important;
4346
- -webkit-transform: rotateX(0deg);
4347
- transform: rotateX(0deg);
4348
- -webkit-animation: pa-rotate-in 1.2s;
4349
- animation: pa-rotate-in 1.2s; }
4350
-
4351
- .premium-fancy-text-wrapper.custom .premium-fancy-item-hidden {
4352
- opacity: 0; }
4353
-
4354
- .premium-fancy-text-wrapper.custom .premium-fancy-item-visible {
4355
- position: relative !important; }
4356
-
4357
- .premium-fancy-text-wrapper.auto-fade .premium-fancy-text {
4358
- display: inline-block;
4359
- width: 200px;
4360
- font-weight: 400; }
4361
-
4362
- .premium-fancy-text-wrapper.auto-fade .premium-fancy-svg-text {
4363
- position: relative;
4364
- vertical-align: sub; }
4365
-
4366
- .premium-fancy-text-wrapper.auto-fade g > text {
4367
- text-anchor: start;
4368
- shape-rendering: crispEdges;
4369
- opacity: 0;
4370
- font-size: 300px;
4371
- -webkit-animation-name: pa-auto-fade;
4372
- animation-name: pa-auto-fade;
4373
- -moz-animation-name: pa-auto-fade;
4374
- -webkit-animation-duration: 9s;
4375
- animation-duration: 9s;
4376
- -webkit-animation-timing-function: linear;
4377
- animation-timing-function: linear;
4378
- -webkit-animation-iteration-count: infinite;
4379
- animation-iteration-count: infinite; }
4380
-
4381
- .premium-fancy-text-wrapper.auto-fade g > text:nth-child(1) {
4382
- -webkit-animation-delay: 0s;
4383
- animation-delay: 0s; }
4384
-
4385
- .premium-fancy-text-wrapper.auto-fade g > text:nth-child(2) {
4386
- -webkit-animation-delay: 3s;
4387
- animation-delay: 3s; }
4388
-
4389
- .premium-fancy-text-wrapper.auto-fade g > text:nth-child(3) {
4390
- -webkit-animation-delay: 6s;
4391
- animation-delay: 6s; }
4392
-
4393
- .premium-fancy-text-wrapper.loading .premium-fancy-text {
4394
- position: relative; }
4395
- .premium-fancy-text-wrapper.loading .premium-fancy-text .premium-loading-bar {
4396
- position: absolute;
4397
- width: 100%;
4398
- height: 3px;
4399
- bottom: 0;
4400
- left: 0;
4401
- animation: pa-loading-bar 2.5s ease-out infinite;
4402
- -webkit-animation: pa-loading-bar 2.5s ease-out infinite; }
4403
-
4404
- .premium-fancy-text-wrapper.loading.pause .premium-fancy-text:hover .premium-loading-bar {
4405
- -webkit-animation-play-state: paused;
4406
- animation-play-state: paused; }
4407
-
4408
- @-webkit-keyframes pa-auto-fade {
4409
- 0% {
4410
- opacity: 0; }
4411
- 20% {
4412
- opacity: 1; }
4413
- 35% {
4414
- opacity: 0; }
4415
- 100% {
4416
- opacity: 0; } }
4417
-
4418
- @keyframes pa-auto-fade {
4419
- 0% {
4420
- opacity: 0; }
4421
- 20% {
4422
- opacity: 1; }
4423
- 35% {
4424
- opacity: 0; }
4425
- 100% {
4426
- opacity: 0; } }
4427
-
4428
- @-webkit-keyframes pa-loading-bar {
4429
- 0% {
4430
- width: 0; }
4431
- 100% {
4432
- width: 100; } }
4433
-
4434
- @keyframes pa-loading-bar {
4435
- 0% {
4436
- width: 0; }
4437
- 100% {
4438
- width: 100; } }
4439
-
4440
- @-webkit-keyframes pa-zoom-in {
4441
- 0% {
4442
- opacity: 0;
4443
- -webkit-transform: translateZ(100px);
4444
- transform: translateZ(100px); }
4445
- 100% {
4446
- opacity: 1;
4447
- -webkit-transform: translateZ(0);
4448
- transform: translateZ(0); } }
4449
-
4450
- @keyframes pa-zoom-in {
4451
- 0% {
4452
- opacity: 0;
4453
- -webkit-transform: translateZ(100px);
4454
- transform: translateZ(100px); }
4455
- 100% {
4456
- opacity: 1;
4457
- -webkit-transform: translateZ(0);
4458
- transform: translateZ(0); } }
4459
-
4460
- @-webkit-keyframes pa-zoom-out {
4461
- 0% {
4462
- opacity: 1;
4463
- -webkit-transform: translateZ(0);
4464
- transform: translateZ(0); }
4465
- 100% {
4466
- opacity: 0;
4467
- -webkit-transform: translateZ(-100px);
4468
- transform: translateZ(-100px); } }
4469
-
4470
- @keyframes pa-zoom-out {
4471
- 0% {
4472
- opacity: 1;
4473
- -webkit-transform: translateZ(0);
4474
- transform: translateZ(0); }
4475
- 100% {
4476
- opacity: 0;
4477
- -webkit-transform: translateZ(-100px);
4478
- transform: translateZ(-100px); } }
4479
-
4480
- @-webkit-keyframes pa-rotate-in {
4481
- 0% {
4482
- opacity: 0;
4483
- -webkit-transform: rotateX(180deg);
4484
- transform: rotateX(180deg); }
4485
- 35% {
4486
- opacity: 0;
4487
- -webkit-transform: rotateX(120deg);
4488
- transform: rotateX(120deg); }
4489
- 65% {
4490
- opacity: 0; }
4491
- 100% {
4492
- opacity: 1;
4493
- -webkit-transform: rotateX(360deg);
4494
- transform: rotateX(360deg); } }
4495
-
4496
- @keyframes pa-rotate-in {
4497
- 0% {
4498
- opacity: 0;
4499
- -webkit-transform: rotateX(180deg);
4500
- transform: rotateX(180deg); }
4501
- 35% {
4502
- opacity: 0;
4503
- -webkit-transform: rotateX(120deg);
4504
- transform: rotateX(120deg); }
4505
- 65% {
4506
- opacity: 0; }
4507
- 100% {
4508
- opacity: 1;
4509
- -webkit-transform: rotateX(360deg);
4510
- transform: rotateX(360deg); } }
4511
-
4512
- @-webkit-keyframes pa-rotate-out {
4513
- 0% {
4514
- opacity: 1;
4515
- -webkit-transform: rotateX(0deg);
4516
- transform: rotateX(0deg); }
4517
- 35% {
4518
- opacity: 1;
4519
- -webkit-transform: rotateX(-40deg);
4520
- transform: rotateX(-40deg); }
4521
- 65% {
4522
- opacity: 0; }
4523
- 100% {
4524
- opacity: 0;
4525
- -webkit-transform: rotateX(180deg);
4526
- transform: rotateX(180deg); } }
4527
-
4528
- @keyframes pa-rotate-out {
4529
- 0% {
4530
- opacity: 1;
4531
- -webkit-transform: rotateX(0deg);
4532
- transform: rotateX(0deg); }
4533
- 35% {
4534
- opacity: 1;
4535
- -webkit-transform: rotateX(-40deg);
4536
- transform: rotateX(-40deg); }
4537
- 65% {
4538
- opacity: 0; }
4539
- 100% {
4540
- opacity: 0;
4541
- -webkit-transform: rotateX(180deg);
4542
- transform: rotateX(180deg); } }
4543
-
4544
- /**************** Premium Pricing Table ****************/
4545
- /*******************************************************/
4546
- .premium-pricing-table-container {
4547
- position: relative;
4548
- overflow: hidden;
4549
- text-align: center;
4550
- -webkit-transition: all 0.3s ease-in-out;
4551
- transition: all 0.3s ease-in-out; }
4552
-
4553
- .premium-pricing-icon-container {
4554
- -js-display: flex;
4555
- display: -webkit-box;
4556
- display: -webkit-flex;
4557
- display: -moz-box;
4558
- display: -ms-flexbox;
4559
- display: flex;
4560
- -webkit-box-pack: center;
4561
- -webkit-justify-content: center;
4562
- -moz-box-pack: center;
4563
- -ms-flex-pack: center;
4564
- justify-content: center;
4565
- line-height: 0; }
4566
- .premium-pricing-icon-container .premium-pricing-icon {
4567
- display: inline-block; }
4568
- .premium-pricing-icon-container .premium-pricing-image {
4569
- overflow: hidden; }
4570
- .premium-pricing-icon-container .premium-pricing-image img {
4571
- width: 25px;
4572
- height: 25px;
4573
- -o-object-fit: cover;
4574
- object-fit: cover; }
4575
-
4576
- .premium-badge-left {
4577
- position: absolute;
4578
- top: 0; }
4579
-
4580
- .premium-badge-right {
4581
- position: absolute;
4582
- top: 0;
4583
- right: 0; }
4584
-
4585
- .premium-badge-left {
4586
- left: 0; }
4587
-
4588
- .premium-badge-triangle.premium-badge-left .corner {
4589
- width: 0;
4590
- height: 0;
4591
- border-top: 150px solid;
4592
- border-bottom: 150px solid transparent;
4593
- border-right: 150px solid transparent; }
4594
-
4595
- .premium-badge-triangle.premium-badge-right .corner {
4596
- width: 0;
4597
- height: 0;
4598
- border-bottom: 150px solid transparent;
4599
- border-right: 150px solid;
4600
- border-left: 150px solid transparent; }
4601
-
4602
- .premium-badge-triangle span {
4603
- position: absolute;
4604
- top: 35px;
4605
- width: 100px;
4606
- text-align: center;
4607
- -webkit-transform: rotate(-45deg);
4608
- -ms-transform: rotate(-45deg);
4609
- transform: rotate(-45deg);
4610
- display: block;
4611
- text-transform: uppercase; }
4612
-
4613
- .premium-badge-triangle.premium-badge-right span {
4614
- -webkit-transform: rotate(45deg);
4615
- -ms-transform: rotate(45deg);
4616
- transform: rotate(45deg);
4617
- right: 0; }
4618
-
4619
- .premium-badge-circle {
4620
- min-width: 4em;
4621
- min-height: 4em;
4622
- line-height: 4em;
4623
- text-align: center;
4624
- -webkit-border-radius: 100%;
4625
- border-radius: 100%;
4626
- position: absolute;
4627
- z-index: 1; }
4628
-
4629
- .premium-badge-stripe {
4630
- position: absolute;
4631
- -webkit-transform: rotate(90deg);
4632
- -ms-transform: rotate(90deg);
4633
- transform: rotate(90deg);
4634
- width: 15em;
4635
- overflow: hidden;
4636
- height: 15em; }
4637
- .premium-badge-stripe.premium-badge-left {
4638
- -webkit-transform: rotate(0);
4639
- -ms-transform: rotate(0);
4640
- transform: rotate(0); }
4641
- .premium-badge-stripe .corner {
4642
- text-align: center;
4643
- left: 0;
4644
- width: 150%;
4645
- -webkit-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
4646
- -ms-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
4647
- transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
4648
- margin-top: 35px;
4649
- font-size: 13px;
4650
- line-height: 2;
4651
- font-weight: 800;
4652
- text-transform: uppercase; }
4653
-
4654
- .premium-badge-flag .corner {
4655
- text-align: center;
4656
- -webkit-border-radius: 4px 4px 0 4px;
4657
- border-radius: 4px 4px 0 4px;
4658
- padding: 3px 15px;
4659
- position: absolute;
4660
- top: 10%;
4661
- right: -8px; }
4662
- .premium-badge-flag .corner::before, .premium-badge-flag .corner::after {
4663
- content: "";
4664
- display: block;
4665
- position: absolute;
4666
- width: 0;
4667
- height: 0;
4668
- top: 100%;
4669
- right: 0;
4670
- border-bottom: 8px solid transparent; }
4671
-
4672
- .elementor-widget-premium-addon-pricing-table .elementor-widget-container {
4673
- overflow: visible !important; }
4674
-
4675
- .premium-badge-flag .corner::after {
4676
- border-left: 8px solid rgba(0, 0, 0, 0.2); }
4677
-
4678
- .premium-pricing-price-currency {
4679
- position: relative; }
4680
-
4681
- .premium-pricing-button-container {
4682
- display: block; }
4683
-
4684
- .premium-pricing-list {
4685
- -js-display: flex;
4686
- display: -webkit-box;
4687
- display: -webkit-flex;
4688
- display: -moz-box;
4689
- display: -ms-flexbox;
4690
- display: flex;
4691
- -webkit-box-orient: vertical;
4692
- -webkit-box-direction: normal;
4693
- -webkit-flex-direction: column;
4694
- -moz-box-orient: vertical;
4695
- -moz-box-direction: normal;
4696
- -ms-flex-direction: column;
4697
- flex-direction: column;
4698
- list-style-type: none;
4699
- margin: 0; }
4700
- .premium-pricing-list .premium-pricing-list-item {
4701
- -js-display: flex;
4702
- display: -webkit-box;
4703
- display: -webkit-flex;
4704
- display: -moz-box;
4705
- display: -ms-flexbox;
4706
- display: flex;
4707
- -webkit-box-align: center;
4708
- -webkit-align-items: center;
4709
- -moz-box-align: center;
4710
- -ms-flex-align: center;
4711
- align-items: center; }
4712
- .premium-pricing-list .premium-pricing-list-item svg {
4713
- width: 50px;
4714
- height: 50px; }
4715
- .premium-pricing-list .premium-pricing-list-item img {
4716
- width: 30px;
4717
- height: 30px;
4718
- -o-object-fit: cover;
4719
- object-fit: cover; }
4720
- .premium-pricing-list .premium-pricing-list-span {
4721
- position: relative; }
4722
- .premium-pricing-list .list-item-tooltip {
4723
- border-bottom: 1px dotted; }
4724
- .premium-pricing-list .premium-pricing-list-tooltip {
4725
- position: absolute;
4726
- top: -webkit-calc(100% + 1px);
4727
- top: calc(100% + 1px);
4728
- left: 0;
4729
- visibility: hidden;
4730
- padding: 15px 20px;
4731
- -webkit-border-radius: 5px;
4732
- border-radius: 5px;
4733
- min-width: 200px;
4734
- overflow: hidden;
4735
- text-align: left;
4736
- font-size: 0.8rem;
4737
- color: #fff;
4738
- background-color: #aaa; }
4739
-
4740
- .premium-pricing-features-left .premium-pricing-list-span {
4741
- text-align: left; }
4742
-
4743
- .premium-pricing-features-center .premium-pricing-list-span {
4744
- text-align: center; }
4745
-
4746
- .premium-pricing-features-right .premium-pricing-list-span {
4747
- text-align: right; }
4748
-
4749
- .premium-pricing-list-span:hover .premium-pricing-list-tooltip {
4750
- z-index: 99;
4751
- visibility: visible;
4752
- opacity: 1; }
4753
-
4754
- .premium-pricing-slashed-price-value {
4755
- display: inline-block;
4756
- font-size: 20px;
4757
- font-weight: 400;
4758
- margin-right: 5px; }
4759
-
4760
- .premium-pricing-price-value {
4761
- font-size: 70px; }
4762
-
4763
- .premium-pricing-description-container li {
4764
- list-style-position: inside;
4765
- text-indent: -40px; }
4766
-
4767
- @-moz-document url-prefix() {
4768
- .premium-pricing-description-container li {
4769
- text-indent: 0px; } }
4770
-
4771
- .premium-pricing-price-button {
4772
- display: block;
4773
- padding: 6px 12px;
4774
- line-height: 1.42857143;
4775
- text-align: center;
4776
- color: #fff;
4777
- background: #6ec1e4;
4778
- margin-bottom: 0;
4779
- -webkit-transition: all 0.3s ease-in-out;
4780
- transition: all 0.3s ease-in-out; }
4781
-
4782
- /**************** Premium Google Maps ******************/
4783
- /*******************************************************/
4784
- .premium-maps-info-container {
4785
- margin-top: 10px;
4786
- margin-bottom: 10px; }
4787
-
4788
- .premium-maps-info-title,
4789
- .premium-maps-info-desc {
4790
- margin: 0;
4791
- padding: 0; }
4792
-
4793
- .premium-maps-container .gm-style-iw {
4794
- text-align: center; }
4795
-
4796
- .premium-maps-container .gm-style img {
4797
- max-width: none !important; }
4798
-
4799
- /**************** Premium Button ***********************/
4800
- /*******************************************************/
4801
- .premium-button {
4802
- -js-display: inline-flex;
4803
- display: -webkit-inline-box;
4804
- display: -webkit-inline-flex;
4805
- display: -moz-inline-box;
4806
- display: -ms-inline-flexbox;
4807
- display: inline-flex;
4808
- position: relative;
4809
- overflow: hidden;
4810
- -webkit-backface-visibility: hidden;
4811
- backface-visibility: hidden;
4812
- -webkit-transform: translate3d(0, 0, 0);
4813
- transform: translate3d(0, 0, 0);
4814
- cursor: pointer;
4815
- -webkit-transition: all 0.2s ease-in-out !important;
4816
- transition: all 0.2s ease-in-out !important; }
4817
-
4818
- .premium-button .premium-lottie-animation,
4819
- .premium-image-button .premium-lottie-animation {
4820
- -js-display: flex;
4821
- display: -webkit-box;
4822
- display: -webkit-flex;
4823
- display: -moz-box;
4824
- display: -ms-flexbox;
4825
- display: flex; }
4826
-
4827
- .premium-button svg,
4828
- .premium-image-button svg {
4829
- width: 30px;
4830
- height: 30px; }
4831
-
4832
- .premium-btn-sm,
4833
- .premium-btn-md,
4834
- .premium-btn-lg,
4835
- .premium-btn-block {
4836
- background-color: #eee;
4837
- color: #042551;
4838
- margin: 0px;
4839
- text-decoration: none; }
4840
- .premium-btn-sm:hover,
4841
- .premium-btn-md:hover,
4842
- .premium-btn-lg:hover,
4843
- .premium-btn-block:hover {
4844
- background-color: #54595f;
4845
- color: #eee; }
4846
-
4847
- .premium-btn-sm {
4848
- padding: 12px 24px;
4849
- font-size: 14px;
4850
- line-height: 1; }
4851
-
4852
- .premium-btn-md {
4853
- padding: 14px 26px;
4854
- font-size: 16px;
4855
- line-height: 1.2; }
4856
-
4857
- .premium-btn-lg {
4858
- padding: 16px 28px;
4859
- font-size: 18px;
4860
- line-height: 1.3333; }
4861
-
4862
- .premium-btn-block {
4863
- font-size: 18px;
4864
- line-height: 1;
4865
- padding: 20px 0px;
4866
- width: 100%;
4867
- text-align: center; }
4868
-
4869
- .premium-button-text {
4870
- display: inline-block;
4871
- width: 100%; }
4872
-
4873
- .premium-button-style1,
4874
- .premium-button-style2,
4875
- .premium-button-style5,
4876
- .premium-button-style7 {
4877
- display: inline-block;
4878
- vertical-align: middle;
4879
- -webkit-transform: perspective(1px) translateZ(0);
4880
- transform: perspective(1px) translateZ(0);
4881
- -webkit-box-shadow: 0 0 1px transparent;
4882
- box-shadow: 0 0 1px transparent;
4883
- position: relative;
4884
- -webkit-transition-property: color;
4885
- transition-property: color;
4886
- -webkit-transition-duration: 0.15s;
4887
- transition-duration: 0.15s; }
4888
-
4889
- .premium-button-style1:before,
4890
- .premium-button-style2:before,
4891
- .premium-button-style5:before {
4892
- content: "";
4893
- position: absolute;
4894
- z-index: -1;
4895
- top: 0;
4896
- left: 0;
4897
- right: 0;
4898
- bottom: 0;
4899
- -webkit-transform: scaleY(0);
4900
- -ms-transform: scaleY(0);
4901
- transform: scaleY(0);
4902
- -webkit-transform-origin: 50% 0;
4903
- -ms-transform-origin: 50% 0;
4904
- transform-origin: 50% 0;
4905
- -webkit-transition-property: -webkit-transform;
4906
- transition-property: -webkit-transform;
4907
- transition-property: transform;
4908
- transition-property: transform, -webkit-transform;
4909
- -webkit-transition-duration: 0.15s;
4910
- transition-duration: 0.15s;
4911
- -webkit-transition-timing-function: ease-out;
4912
- transition-timing-function: ease-out; }
4913
-
4914
- .premium-button-style5-radialin:before,
4915
- .premium-button-style5-radialout:before {
4916
- -webkit-transform-origin: 50%;
4917
- -ms-transform-origin: 50%;
4918
- transform-origin: 50%;
4919
- -webkit-border-radius: 100%;
4920
- border-radius: 100%;
4921
- -webkit-transform: scale(0);
4922
- -ms-transform: scale(0);
4923
- transform: scale(0); }
4924
-
4925
- .premium-button-style5-radialin:before {
4926
- -webkit-transform: scale(2);
4927
- -ms-transform: scale(2);
4928
- transform: scale(2); }
4929
-
4930
- .premium-button-style5-rectin:before {
4931
- -webkit-transform-origin: 50%;
4932
- -ms-transform-origin: 50%;
4933
- transform-origin: 50%;
4934
- -webkit-transform: scale(1);
4935
- -ms-transform: scale(1);
4936
- transform: scale(1); }
4937
-
4938
- .premium-button-style5-rectout:before {
4939
- -webkit-transform-origin: 50%;
4940
- -ms-transform-origin: 50%;
4941
- transform-origin: 50%;
4942
- -webkit-transform: scale(0);
4943
- -ms-transform: scale(0);
4944
- transform: scale(0); }
4945
-
4946
- .premium-button-style5-rectout:hover:before {
4947
- -webkit-transform: scale(1);
4948
- -ms-transform: scale(1);
4949
- transform: scale(1); }
4950
-
4951
- .premium-button-style5-rectin:hover:before {
4952
- -webkit-transform: scale(0);
4953
- -ms-transform: scale(0);
4954
- transform: scale(0); }
4955
-
4956
- .premium-button-style5-radialout:hover:before {
4957
- -webkit-transform: scale(2);
4958
- -ms-transform: scale(2);
4959
- transform: scale(2); }
4960
-
4961
- .premium-button-style5-radialin:hover:before {
4962
- -webkit-transform: scale(0);
4963
- -ms-transform: scale(0);
4964
- transform: scale(0); }
4965
-
4966
- .premium-button-style1-top:before {
4967
- -webkit-transform-origin: 50% 100%;
4968
- -ms-transform-origin: 50% 100%;
4969
- transform-origin: 50% 100%; }
4970
-
4971
- .premium-button-style1-right:before {
4972
- -webkit-transform: scaleX(0);
4973
- -ms-transform: scaleX(0);
4974
- transform: scaleX(0);
4975
- -webkit-transform-origin: 0% 50%;
4976
- -ms-transform-origin: 0% 50%;
4977
- transform-origin: 0% 50%; }
4978
-
4979
- .premium-button-style1-left:before {
4980
- -webkit-transform: scaleX(0);
4981
- -ms-transform: scaleX(0);
4982
- transform: scaleX(0);
4983
- -webkit-transform-origin: 100% 50%;
4984
- -ms-transform-origin: 100% 50%;
4985
- transform-origin: 100% 50%; }
4986
-
4987
- .premium-button-style2-shutouthor:before,
4988
- .premium-button-style2-scshutoutver:before {
4989
- -webkit-transform: scaleY(0);
4990
- -ms-transform: scaleY(0);
4991
- transform: scaleY(0);
4992
- -webkit-transform-origin: 100% 50%;
4993
- -ms-transform-origin: 100% 50%;
4994
- transform-origin: 100% 50%; }
4995
-
4996
- .premium-button-style2-shutoutver:before,
4997
- .premium-button-style2-scshutouthor:before {
4998
- -webkit-transform: scaleX(0);
4999
- -ms-transform: scaleX(0);
5000
- transform: scaleX(0);
5001
- -webkit-transform-origin: 50% 50%;
5002
- -ms-transform-origin: 50% 50%;
5003
- transform-origin: 50% 50%; }
5004
-
5005
- .premium-button-style2-shutinhor:before {
5006
- -webkit-transform: scaleX(1);
5007
- -ms-transform: scaleX(1);
5008
- transform: scaleX(1);
5009
- -webkit-transform-origin: 50%;
5010
- -ms-transform-origin: 50%;
5011
- transform-origin: 50%; }
5012
-
5013
- .premium-button-style2-shutinver:before {
5014
- -webkit-transform: scaleY(1);
5015
- -ms-transform: scaleY(1);
5016
- transform: scaleY(1);
5017
- -webkit-transform-origin: 50%;
5018
- -ms-transform-origin: 50%;
5019
- transform-origin: 50%; }
5020
-
5021
- .premium-button-style1-bottom:hover:before,
5022
- .premium-button-style1-top:hover:before {
5023
- -webkit-transform: scaleY(1);
5024
- -ms-transform: scaleY(1);
5025
- transform: scaleY(1); }
5026
-
5027
- .premium-button-style1-left:hover:before,
5028
- .premium-button-style1-right:hover:before,
5029
- .premium-button-style2-shutouthor:hover:before,
5030
- .premium-button-style2-shutoutver:hover:before {
5031
- -webkit-transform: scaleX(1);
5032
- -ms-transform: scaleX(1);
5033
- transform: scaleX(1); }
5034
-
5035
- .premium-button-style2-shutinhor:hover:before {
5036
- -webkit-transform: scaleX(0);
5037
- -ms-transform: scaleX(0);
5038
- transform: scaleX(0); }
5039
-
5040
- .premium-button-style2-shutinver:hover:before {
5041
- -webkit-transform: scaleY(0);
5042
- -ms-transform: scaleY(0);
5043
- transform: scaleY(0); }
5044
-
5045
- .premium-button-style2-scshutouthor:hover:before {
5046
- -webkit-transform: scaleX(0.9);
5047
- -ms-transform: scaleX(0.9);
5048
- transform: scaleX(0.9); }
5049
-
5050
- .premium-button-style2-scshutoutver:hover:before {
5051
- -webkit-transform: scaleY(0.8);
5052
- -ms-transform: scaleY(0.8);
5053
- transform: scaleY(0.8); }
5054
-
5055
- /*Diagonal*/
5056
- .premium-button-style2-dshutinhor:before {
5057
- top: 50%;
5058
- left: 50%;
5059
- width: 120%;
5060
- height: 0%;
5061
- -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
5062
- -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
5063
- transform: translateX(-50%) translateY(-50%) rotate(-45deg);
5064
- -webkit-transform-origin: 50%;
5065
- -ms-transform-origin: 50%;
5066
- transform-origin: 50%;
5067
- -webkit-transition-property: all;
5068
- transition-property: all; }
5069
-
5070
- .premium-button-style2-dshutinver:before {
5071
- top: 50%;
5072
- left: 50%;
5073
- width: 120%;
5074
- height: 0%;
5075
- -webkit-transform-origin: 50%;
5076
- -ms-transform-origin: 50%;
5077
- transform-origin: 50%;
5078
- -webkit-transition-property: all;
5079
- transition-property: all;
5080
- -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
5081
- -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
5082
- transform: translateX(-50%) translateY(-50%) rotate(45deg); }
5083
-
5084
- .premium-button-style2-dshutinhor:hover:before,
5085
- .premium-button-style2-dshutinver:hover:before {
5086
- height: 220%; }
5087
-
5088
- .premium-button-style3-before i,
5089
- .premium-button-style3-before svg {
5090
- opacity: 0;
5091
- -webkit-transform: translateX(-5px);
5092
- -ms-transform: translateX(-5px);
5093
- transform: translateX(-5px);
5094
- -webkit-transition: all 0.5s ease-in-out;
5095
- transition: all 0.5s ease-in-out; }
5096
-
5097
- .premium-button-style3-after i,
5098
- .premium-button-style3-after svg {
5099
- opacity: 0;
5100
- -webkit-transform: translateX(-5px);
5101
- -ms-transform: translateX(-5px);
5102
- transform: translateX(-5px);
5103
- -webkit-transition: all 0.5s ease-in-out;
5104
- transition: all 0.5s ease-in-out;
5105
- -webkit-transform: translateX(5px);
5106
- -ms-transform: translateX(5px);
5107
- transform: translateX(5px); }
5108
-
5109
- .premium-button-style3-after:hover i,
5110
- .premium-button-style3-after:hover svg {
5111
- opacity: 1; }
5112
-
5113
- .premium-button-style3-before:hover i,
5114
- .premium-button-style3-before:hover svg {
5115
- opacity: 1; }
5116
-
5117
- .premium-button-text-icon-wrapper {
5118
- width: 100%;
5119
- -js-display: flex;
5120
- display: -webkit-box;
5121
- display: -webkit-flex;
5122
- display: -moz-box;
5123
- display: -ms-flexbox;
5124
- display: flex;
5125
- -webkit-box-pack: center;
5126
- -webkit-justify-content: center;
5127
- -moz-box-pack: center;
5128
- -ms-flex-pack: center;
5129
- justify-content: center;
5130
- -webkit-box-align: center;
5131
- -webkit-align-items: center;
5132
- -moz-box-align: center;
5133
- -ms-flex-align: center;
5134
- align-items: center;
5135
- -webkit-transition: all 0.2s ease-in-out;
5136
- transition: all 0.2s ease-in-out; }
5137
- .premium-button-text-icon-wrapper span,
5138
- .premium-button-text-icon-wrapper i,
5139
- .premium-button-text-icon-wrapper svg {
5140
- -webkit-transition: all 0.2s ease-in-out;
5141
- transition: all 0.2s ease-in-out; }
5142
-
5143
- .premium-button-style4-icon-wrapper {
5144
- position: absolute;
5145
- z-index: 2;
5146
- width: 100%;
5147
- text-align: center;
5148
- -js-display: flex;
5149
- display: -webkit-box;
5150
- display: -webkit-flex;
5151
- display: -moz-box;
5152
- display: -ms-flexbox;
5153
- display: flex;
5154
- -webkit-box-align: center;
5155
- -webkit-align-items: center;
5156
- -moz-box-align: center;
5157
- -ms-flex-align: center;
5158
- align-items: center;
5159
- -webkit-box-pack: center;
5160
- -webkit-justify-content: center;
5161
- -moz-box-pack: center;
5162
- -ms-flex-pack: center;
5163
- justify-content: center;
5164
- height: 100%;
5165
- opacity: 0;
5166
- -webkit-transition: all 0.3s ease-in-out;
5167
- transition: all 0.3s ease-in-out; }
5168
- .premium-button-style4-icon-wrapper.top {
5169
- bottom: -100%;
5170
- left: 0; }
5171
- .premium-button-style4-icon-wrapper.bottom {
5172
- top: -100%;
5173
- left: 0; }
5174
- .premium-button-style4-icon-wrapper.left {
5175
- top: 0;
5176
- left: -100%; }
5177
- .premium-button-style4-icon-wrapper.right {
5178
- top: 0;
5179
- right: -100%; }
5180
-
5181
- .premium-button-style4-bottom:hover .premium-button-style4-icon-wrapper {
5182
- top: 0;
5183
- opacity: 1; }
5184
-
5185
- .premium-button-style4-top:hover .premium-button-style4-icon-wrapper {
5186
- bottom: 0;
5187
- opacity: 1; }
5188
-
5189
- .premium-button-style4-left:hover .premium-button-style4-icon-wrapper {
5190
- left: 0;
5191
- opacity: 1; }
5192
-
5193
- .premium-button-style4-right:hover .premium-button-style4-icon-wrapper {
5194
- right: 0;
5195
- opacity: 1; }
5196
-
5197
- .premium-button-style4-bottom:hover .premium-button-text-icon-wrapper {
5198
- -webkit-transform: translateY(100%);
5199
- -ms-transform: translateY(100%);
5200
- transform: translateY(100%);
5201
- opacity: 0; }
5202
-
5203
- .premium-button-style4-top:hover .premium-button-text-icon-wrapper {
5204
- -webkit-transform: translateY(-100%);
5205
- -ms-transform: translateY(-100%);
5206
- transform: translateY(-100%);
5207
- opacity: 0; }
5208
-
5209
- .premium-button-style4-left:hover .premium-button-text-icon-wrapper {
5210
- -webkit-transform: translateX(100%);
5211
- -ms-transform: translateX(100%);
5212
- transform: translateX(100%);
5213
- opacity: 0; }
5214
-
5215
- .premium-button-style4-right:hover .premium-button-text-icon-wrapper {
5216
- -webkit-transform: translateX(-100%);
5217
- -ms-transform: translateX(-100%);
5218
- transform: translateX(-100%);
5219
- opacity: 0; }
5220
-
5221
- .premium-button-style6:before {
5222
- content: "";
5223
- position: absolute;
5224
- left: 50%;
5225
- top: 50%;
5226
- width: 100px;
5227
- height: 100px;
5228
- -webkit-border-radius: 100%;
5229
- border-radius: 100%;
5230
- -webkit-transform: translate(-50%, -50%) scale(0);
5231
- -ms-transform: translate(-50%, -50%) scale(0);
5232
- transform: translate(-50%, -50%) scale(0);
5233
- -webkit-transition: all 0.3s ease-in-out;
5234
- transition: all 0.3s ease-in-out; }
5235
-
5236
- .premium-button-style6:hover:before {
5237
- -webkit-transform: translate(-50%, -50%) scale(3);
5238
- -ms-transform: translate(-50%, -50%) scale(3);
5239
- transform: translate(-50%, -50%) scale(3); }
5240
-
5241
- .premium-button-style6 .premium-button-text-icon-wrapper {
5242
- position: relative;
5243
- z-index: 1; }
5244
-
5245
- .premium-mouse-detect-yes .premium-button-style6 .premium-button-style6-bg {
5246
- position: absolute;
5247
- z-index: 0;
5248
- top: 0;
5249
- left: 0;
5250
- width: 0px;
5251
- height: 0px;
5252
- -webkit-border-radius: 50%;
5253
- border-radius: 50%;
5254
- display: block;
5255
- -webkit-transform: translate(-50%, -50%);
5256
- -ms-transform: translate(-50%, -50%);
5257
- transform: translate(-50%, -50%);
5258
- -webkit-transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
5259
- transition: width 0.4s ease-in-out, height 0.4s ease-in-out; }
5260
-
5261
- .premium-mouse-detect-yes .premium-button-style6:hover .premium-button-style6-bg {
5262
- width: 225%;
5263
- height: 560px; }
5264
-
5265
- .premium-mouse-detect-yes .premium-button-style6:before {
5266
- width: 0;
5267
- height: 0; }
5268
-
5269
- .premium-button-style7-right .premium-button-text-icon-wrapper:before,
5270
- .premium-button-style7-left .premium-button-text-icon-wrapper:before {
5271
- -webkit-transition: width 0.3s ease-out 0.15s;
5272
- transition: width 0.3s ease-out 0.15s; }
5273
-
5274
- .premium-button-style7-right .premium-button-text-icon-