Premium Addons for Elementor - Version 4.2.1

Version Description

  • Fixed: Warnings after Elementor v3.1.0.
  • Fixed: Console error google is not defined with Google Maps widget.
Download this release

Release Info

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

Code changes from version 4.2.0 to 4.2.1

Files changed (11) hide show
  1. admin/assets/css/admin-rtl.css +1523 -1523
  2. admin/assets/css/admin.css +1524 -1524
  3. admin/assets/js/admin.js +374 -374
  4. admin/assets/js/pa-notice.js +64 -64
  5. admin/includes/admin-helper.php +1 -1
  6. assets/editor/css/style.css +186 -186
  7. assets/editor/js/pa-maps-finder.js +3 -2
  8. assets/frontend/css/premium-addons-rtl.css +7450 -7450
  9. assets/frontend/css/premium-addons.css +6210 -6210
  10. assets/frontend/css/prettyphoto-rtl.css +997 -997
  11. assets/frontend/css/prettyphoto.css +286 -797
admin/assets/css/admin-rtl.css CHANGED
@@ -1,1523 +1,1523 @@
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
- .button.pa-btn:hover,
13
- .button.pa-btn:focus,
14
- .button.pa-btn:active {
15
- outline: none;
16
- border: none;
17
- text-decoration: none;
18
- }
19
- .pa-btn.pa-save-button {
20
- font-family: "Red Hat Display";
21
- font-size: 15px;
22
- width: 147px;
23
- height: 43px;
24
- -webkit-border-radius: 10px;
25
- border-radius: 10px;
26
- /* -webkit-filter: drop-shadow(0px 10px 35px rgba(0, 165, 229, 0.3));
27
- filter: drop-shadow(0px 10px 35px rgba(0, 165, 229, 0.3)); */
28
- background-color: #00a5e5;
29
- margin-top: 50px;
30
- }
31
- .pa-btn.pa-save-button:hover,
32
- .pa-btn.pa-save-button:focus,
33
- .pa-btn.pa-save-button:active {
34
- background: #00a5e5;
35
- color: #fff;
36
- -webkit-box-shadow: none;
37
- box-shadow: none;
38
- }
39
-
40
- .switch {
41
- position: relative;
42
- display: inline-block;
43
- width: 44px;
44
- height: 24px;
45
- -webkit-border-radius: 12px;
46
- border-radius: 12px;
47
- }
48
- .switch input {
49
- display: none;
50
- }
51
- .slider,
52
- .pro-slider {
53
- position: absolute;
54
- cursor: pointer;
55
- top: 0;
56
- right: 0;
57
- left: 0;
58
- bottom: 0;
59
- /* background-color: #f2f2f2;
60
- box-shadow: 0 0 2px 1px #ccc inset; */
61
- -webkit-transition: 0.4s;
62
- transition: 0.4s;
63
- }
64
- .slider:before,
65
- .pro-slider:before {
66
- position: absolute;
67
- content: "";
68
- right: 3px;
69
- top: 50%;
70
- -webkit-transform: translateY(-50%);
71
- -ms-transform: translateY(-50%);
72
- transform: translateY(-50%);
73
- /* background: radial-gradient(farthest-corner at 14px 0px, #f0f0f0 50%, #cacaca 100%); */
74
- -webkit-transition: all 0.4s ease-in-out;
75
- transition: all 0.4s ease-in-out;
76
- padding: 0;
77
- margin: 0;
78
- width: 15px;
79
- height: 15px;
80
- -webkit-border-radius: 8px;
81
- border-radius: 8px;
82
- -webkit-filter: drop-shadow(0px 5px 2.5px rgba(40, 40, 40, 0.35));
83
- filter: drop-shadow(0px 5px 2.5px rgba(40, 40, 40, 0.35));
84
- background-color: #f7f7f7;
85
- border: 1px solid #ffffff;
86
- /* box-shadow: 0 2.5px 5px #b8b8b9; */
87
- }
88
- input:checked + .slider {
89
- background: #8dc900;
90
- }
91
- input:focus + .slider {
92
- -webkit-box-shadow: 0 0 1px #18a4fd;
93
- box-shadow: 0 0 1px #18a4fd;
94
- }
95
- input:checked + .slider:before {
96
- -webkit-transform: translate3d(-20px, -50%, 0);
97
- transform: translate3d(-20px, -50%, 0);
98
- }
99
- .slider.round,
100
- .pro-slider.round {
101
- -webkit-border-radius: 34px;
102
- border-radius: 34px;
103
- background-image: -webkit-gradient(linear, right top, right bottom, from(#cfcfcf), to(#dbdbdb));
104
- background-image: -webkit-linear-gradient(top, #cfcfcf 0%, #dbdbdb 100%);
105
- background-image: linear-gradient(-180deg, #cfcfcf 0%, #dbdbdb 100%);
106
- }
107
- .slider.round:before,
108
- .pro-slider.round:before {
109
- -webkit-border-radius: 50%;
110
- border-radius: 50%;
111
- }
112
-
113
- .pa-switcher input:disabled + .pro-slider::after {
114
- position: absolute;
115
- content: "\e912";
116
- font-family: "pa-dash";
117
- color: #474747;
118
- left: 8px;
119
- top: 50%;
120
- -webkit-transform: translateY(-50%);
121
- -ms-transform: translateY(-50%);
122
- transform: translateY(-50%);
123
- }
124
- .pa-api-disable-title label,
125
- .pa-is-beta label {
126
- margin-left: 15px;
127
- }
128
- .pa-api-disable-title span,
129
- .pa-is-beta span {
130
- font-weight: 400;
131
- }
132
- .pa-maps-api-notice {
133
- margin: 0.5em 0;
134
- }
135
- .pa-api-title input {
136
- margin-top: 10px;
137
- font-size: normal;
138
- font-weight: 400;
139
- width: 400px;
140
- margin-right: 30px;
141
- }
142
-
143
- .pa-sys-info-tab {
144
- background: #f7f7f7;
145
- margin: 8px;
146
- border: 2px solid #ddd;
147
- -webkit-border-radius: 3px;
148
- border-radius: 3px;
149
- padding: 0;
150
- }
151
- .pa-system-info-container {
152
- padding: 10px;
153
- }
154
-
155
- .dialog-type-lightbox .dialog-widget-header {
156
- text-align: center;
157
- font-size: 15px;
158
- color: #495157;
159
- padding: 30px 0 10px;
160
- font-weight: 500;
161
- }
162
-
163
- .pa-swal.swal2-show {
164
- padding: 32px;
165
- padding-bottom: 50px;
166
- background-image: url("../../images/popup-pattern.jpg");
167
- background-repeat: no-repeat;
168
- -webkit-background-size: cover;
169
- background-size: cover;
170
- -webkit-border-radius: 0 50px;
171
- border-radius: 0 50px;
172
- }
173
-
174
- .pa-swal .swal2-close {
175
- color: #c2c4cf;
176
- }
177
- .pa-swal .swal2-close:hover {
178
- color: #00a5e5;
179
- }
180
- .pa-swal .swal2-title {
181
- margin: 0;
182
- }
183
- .pa-swal .swal2-content {
184
- font-size: 13px;
185
- color: #474747;
186
- font-family: "Poppins";
187
- text-align: center;
188
- margin: 0;
189
- margin-bottom: 0px;
190
- }
191
- .pa-swal .swal2-cancel.swal2-styled,
192
- .pa-swal .swal2-cancel.swal2-styled:hover,
193
- .pa-swal .swal2-confirm.swal2-styled {
194
- background-image: none !important;
195
- background-color: #ebebeb;
196
- color: #474747;
197
- border: none !important;
198
- -webkit-box-shadow: none !important;
199
- box-shadow: none !important;
200
- font-family: "Red Hat Display";
201
- font-size: 15px;
202
- font-weight: 700;
203
- }
204
- .pa-swal .swal2-confirm.swal2-styled,
205
- .pa-swal .swal2-confirm.swal2-styled:hover {
206
- min-width: 128px;
207
- color: #fff;
208
- background-image: none !important;
209
- background-color: #00a5e5;
210
- }
211
-
212
- /**
213
- * New Dashboard
214
- */
215
- .pa-settings-wrap {
216
- padding: 35px;
217
- padding-right: 15px;
218
- }
219
- .pa-settings-section {
220
- display: none;
221
- }
222
-
223
- .pa-settings-tabs {
224
- background-color: #fff;
225
- -webkit-border-radius: 15px;
226
- border-radius: 15px;
227
- padding: 36px;
228
- margin-bottom: 12px;
229
- }
230
-
231
- .pa-settings-tabs-list {
232
- clear: right;
233
- margin: 0;
234
- list-style-type: none;
235
- }
236
-
237
- .pa-settings-tabs .pa-settings-tabs-list li {
238
- display: inline-block;
239
- margin-bottom: 0;
240
- margin-left: 23px;
241
- }
242
-
243
- .pa-settings-section.active {
244
- display: block;
245
- }
246
-
247
- .papro-admin-notice a,
248
- .pa-settings-wrap .pa-settings-tabs a {
249
- -js-display: flex;
250
- display: -webkit-box;
251
- display: -webkit-flex;
252
- display: -moz-box;
253
- display: -ms-flexbox;
254
- display: flex;
255
- -webkit-box-pack: center;
256
- -webkit-justify-content: center;
257
- -moz-box-pack: center;
258
- -ms-flex-pack: center;
259
- justify-content: center;
260
- -webkit-box-align: center;
261
- -webkit-align-items: center;
262
- -moz-box-align: center;
263
- -ms-flex-align: center;
264
- align-items: center;
265
- font-size: 14px;
266
- line-height: 1.8em;
267
- position: relative;
268
- color: #252c59;
269
- text-decoration: none;
270
- -webkit-transition: all 0.3s ease;
271
- transition: all 0.3s ease;
272
- }
273
-
274
- .papro-admin-notice a.papro-notice-btn {
275
- width: 120px;
276
- /* height: 58px; */
277
- -webkit-border-radius: 15px;
278
- border-radius: 15px;
279
- -webkit-filter: drop-shadow(0px 5px 50px rgba(87, 0, 101, 0.7));
280
- filter: drop-shadow(0px 5px 50px rgba(87, 0, 101, 0.7));
281
- background-color: #ffffff;
282
- font-size: 18px;
283
- color: #fe6300;
284
- font-weight: 800;
285
- font-family: "Red Hat Display";
286
- text-align: center;
287
- padding: 10px 20px;
288
- }
289
-
290
- .pa-settings-wrap .pa-settings-tabs a:focus {
291
- outline: none;
292
- -webkit-box-shadow: none;
293
- box-shadow: none;
294
- }
295
-
296
- .pa-settings-wrap .pa-settings-tabs span {
297
- margin-right: 8px;
298
- font-family: "Poppins";
299
- font-weight: 500;
300
- }
301
-
302
- .pa-settings-wrap .pa-settings-tabs .pa-section-active {
303
- color: #00a5e5;
304
- }
305
-
306
- .pa-section {
307
- display: none;
308
- position: relative;
309
- background-color: #fff;
310
- -webkit-transition: opacity 0.2s;
311
- transition: opacity 0.2s;
312
- padding: 36px;
313
- -webkit-border-radius: 15px;
314
- border-radius: 15px;
315
- }
316
-
317
- /**
318
- * General Tab
319
- */
320
- #pa-general-settings {
321
- -js-display: flex;
322
- display: -webkit-box;
323
- display: -webkit-flex;
324
- display: -moz-box;
325
- display: -ms-flexbox;
326
- display: flex;
327
- }
328
- #pa-general-settings .col-half:first-of-type {
329
- margin-left: 16px;
330
- }
331
- #pa-general-settings .pa-section-info i {
332
- vertical-align: bottom;
333
- }
334
-
335
- /**
336
- * Tab Info
337
- */
338
- .pa-section-info-wrap {
339
- padding: 36px;
340
- -webkit-border-radius: 15px;
341
- border-radius: 15px;
342
- background-color: #f7f7f7;
343
- -js-display: flex;
344
- display: -webkit-box;
345
- display: -webkit-flex;
346
- display: -moz-box;
347
- display: -ms-flexbox;
348
- display: flex;
349
- -webkit-box-pack: justify;
350
- -webkit-justify-content: space-between;
351
- -moz-box-pack: justify;
352
- -ms-flex-pack: justify;
353
- justify-content: space-between;
354
- -webkit-box-align: center;
355
- -webkit-align-items: center;
356
- -moz-box-align: center;
357
- -ms-flex-align: center;
358
- align-items: center;
359
- }
360
- #pa-ver-control-settings .pa-section-info-wrap {
361
- -webkit-box-orient: vertical;
362
- -webkit-box-direction: normal;
363
- -webkit-flex-direction: column;
364
- -moz-box-orient: vertical;
365
- -moz-box-direction: normal;
366
- -ms-flex-direction: column;
367
- flex-direction: column;
368
- -webkit-box-align: start;
369
- -webkit-align-items: flex-start;
370
- -moz-box-align: start;
371
- -ms-flex-align: start;
372
- align-items: flex-start;
373
- }
374
- #pa-features-settings .pa-section-info-wrap:nth-of-type(n + 2),
375
- #pa-ver-control-settings .pa-section-info-wrap:nth-of-type(n + 2) {
376
- margin-top: 36px;
377
- }
378
- .pa-section-info-wrap h4 {
379
- font-size: 20px;
380
- color: #252c59;
381
- font-weight: 900;
382
- font-family: "Red Hat Display";
383
- margin: 0;
384
- }
385
- .pa-section-info-wrap p {
386
- font-size: 15px;
387
- color: #474747;
388
- font-family: "Poppins";
389
- margin: 0;
390
- margin-top: 14px;
391
- }
392
- .pa-section-info-cta {
393
- -js-display: flex;
394
- display: -webkit-box;
395
- display: -webkit-flex;
396
- display: -moz-box;
397
- display: -ms-flexbox;
398
- display: flex;
399
- -webkit-box-align: center;
400
- -webkit-align-items: center;
401
- -moz-box-align: center;
402
- -ms-flex-align: center;
403
- align-items: center;
404
- margin-top: 25px;
405
- }
406
- .pa-section-info-cta .pa-btn {
407
- color: #474747;
408
- background-color: #ebebeb;
409
- padding: 8px 20px;
410
- -webkit-border-radius: 10px;
411
- border-radius: 10px;
412
- font-size: 15px;
413
- font-weight: 700;
414
- font-family: "Red Hat Display";
415
- -webkit-transition: all 0.2s ease-in-out;
416
- transition: all 0.2s ease-in-out;
417
- }
418
- .pa-section-info-cta .pa-btn:hover,
419
- .pa-section-info-cta .pa-btn:focus,
420
- .pa-section-info-cta .pa-btn:active {
421
- color: #fff;
422
- background-color: #00a5e5;
423
- }
424
-
425
- .pa-section-info-cta .pa-section-info-label {
426
- font-size: 13px;
427
- color: #474747;
428
- font-family: "Poppins";
429
- text-align: left;
430
- }
431
-
432
- .pa-section-info-cta .pa-section-info-warning {
433
- font-size: 13px;
434
- color: #cca329;
435
- font-weight: 300;
436
- font-family: "Poppins";
437
- margin-right: 20px;
438
- }
439
-
440
- .pa-section-info-cta .pa-section-info-warning i {
441
- font-weight: 300;
442
- vertical-align: bottom;
443
- }
444
-
445
- .pa-btn-group .pa-btn {
446
- font-family: "Red Hat Display";
447
- color: #8e8e8e;
448
- background-color: #ebebeb;
449
- border: 0px solid;
450
- padding: 16px 28px;
451
- -webkit-border-radius: 10px;
452
- border-radius: 10px;
453
- font-size: 15px;
454
- font-weight: 700;
455
- cursor: pointer;
456
- -webkit-transition: 300ms;
457
- transition: 300ms;
458
- display: block;
459
- }
460
- .pa-btn-group button.pa-btn-enable {
461
- -webkit-border-top-left-radius: 0;
462
- border-top-left-radius: 0;
463
- -webkit-border-bottom-left-radius: 0;
464
- border-bottom-left-radius: 0;
465
- float: right;
466
- }
467
- .pa-btn-group button.pa-btn-disable {
468
- -webkit-border-top-right-radius: 0;
469
- border-top-right-radius: 0;
470
- -webkit-border-bottom-right-radius: 0;
471
- border-bottom-right-radius: 0;
472
- float: left;
473
- }
474
-
475
- .pa-btn-group .pa-btn-enable.active {
476
- color: #fff;
477
- -webkit-box-shadow: inset -3.5px 1.8px 7px 0px rgba(125, 125, 125, 0.5);
478
- box-shadow: inset -3.5px 1.8px 7px 0px rgba(125, 125, 125, 0.5);
479
- background-color: #8dc900;
480
- }
481
- .pa-btn-group .pa-btn-disable.active {
482
- color: #fff;
483
- -webkit-box-shadow: inset -3.564px 1.816px 7px 0px rgba(81, 81, 81, 0.5);
484
- box-shadow: inset -3.564px 1.816px 7px 0px rgba(81, 81, 81, 0.5);
485
- background-color: #898989;
486
- }
487
- .pa-btn-group .pa-btn-enable:not(.active):hover {
488
- color: #ffffff;
489
- background-color: #8dc900;
490
- }
491
- .pa-btn-group .pa-btn-disable:not(.active):hover {
492
- color: #ffffff;
493
- background-color: #898989;
494
- }
495
-
496
- /*
497
- * Widgets & Addons Tab
498
- */
499
- .pa-elements-settings {
500
- position: relative;
501
- -js-display: flex;
502
- display: -webkit-box;
503
- display: -webkit-flex;
504
- display: -moz-box;
505
- display: -ms-flexbox;
506
- display: flex;
507
- margin-top: 16px;
508
- }
509
- .pa-elements-filter {
510
- position: absolute;
511
- top: 10px;
512
- left: 16px;
513
- }
514
- .pa-elements-filter label {
515
- font-size: 13px;
516
- color: #474747;
517
- font-family: "Poppins";
518
- margin-left: 10px;
519
- }
520
- .pa-elements-filter select {
521
- padding: 5px 15px 5px 35px;
522
- }
523
- .pa-elements-tabs {
524
- -webkit-border-radius: 10px;
525
- border-radius: 10px;
526
- background-color: #f7f7f7;
527
- padding: 20px;
528
- margin-left: 16px;
529
- }
530
- .pa-elements-tabs .pa-elements-tab {
531
- position: relative;
532
- padding: 0;
533
- margin-bottom: 12px;
534
- text-align: center;
535
- }
536
- .pa-elements-tab .pa-element-tab-tooltip {
537
- position: absolute;
538
- background-color: #3a3c40;
539
- display: block;
540
- position: absolute;
541
- top: 50%;
542
- right: 100%;
543
- padding: 10px 20px;
544
- -webkit-border-radius: 13px;
545
- border-radius: 13px;
546
- -webkit-filter: drop-shadow(0px 5px 27.5px rgba(104, 104, 104, 0.3));
547
- filter: drop-shadow(0px 5px 27.5px rgba(104, 104, 104, 0.3));
548
- background-color: #ffffff;
549
- font-size: 11px;
550
- color: #252c59;
551
- font-weight: 500;
552
- font-family: "Poppins";
553
- opacity: 0;
554
- pointer-events: none;
555
- text-transform: capitalize;
556
- -webkit-transform: translate(-30px, -50%);
557
- -ms-transform: translate(-30px, -50%);
558
- transform: translate(-30px, -50%);
559
- -webkit-transition: all 0.3s ease;
560
- transition: all 0.3s ease;
561
- z-index: 1;
562
- white-space: nowrap;
563
- }
564
- .pa-elements-tab .pa-element-tab-tooltip::before {
565
- display: block;
566
- position: absolute;
567
- top: 50%;
568
- right: -5px;
569
- width: 0;
570
- height: 0;
571
- content: "";
572
- border-top: 5px solid transparent;
573
- border-bottom: 5px solid transparent;
574
- border-left: 5px solid #ffffff;
575
- -webkit-transform: translateY(-50%);
576
- -ms-transform: translateY(-50%);
577
- transform: translateY(-50%);
578
- }
579
- .pa-elements-tab .pa-elements-tab-link {
580
- -js-display: flex;
581
- display: -webkit-box;
582
- display: -webkit-flex;
583
- display: -moz-box;
584
- display: -ms-flexbox;
585
- display: flex;
586
- -webkit-box-pack: center;
587
- -webkit-justify-content: center;
588
- -moz-box-pack: center;
589
- -ms-flex-pack: center;
590
- justify-content: center;
591
- -webkit-box-align: center;
592
- -webkit-align-items: center;
593
- -moz-box-align: center;
594
- -ms-flex-align: center;
595
- align-items: center;
596
- color: #c2c4cf;
597
- padding: 12px;
598
- text-decoration: none;
599
- -webkit-transition: all 0.3s ease-in-out;
600
- transition: all 0.3s ease-in-out;
601
- -webkit-border-radius: 13px;
602
- border-radius: 13px;
603
- }
604
-
605
- .pa-elements-tab .pa-elements-tab-link:hover,
606
- .pa-elements-tab .pa-elements-tab-link.active {
607
- -webkit-filter: drop-shadow(-4.243px -4.243px 3px rgba(255, 255, 255, 0.5))
608
- drop-shadow(4.243px 4.243px 3px rgba(191, 201, 210, 0.6));
609
- filter: drop-shadow(-4.243px -4.243px 3px rgba(255, 255, 255, 0.5))
610
- drop-shadow(4.243px 4.243px 3px rgba(191, 201, 210, 0.6));
611
- background-color: #ffffff;
612
- color: #00a5e5;
613
- outline: none;
614
- border: none;
615
- text-decoration: none;
616
- -webkit-box-shadow: none;
617
- box-shadow: none;
618
- }
619
-
620
- .pa-elements-tab .pa-elements-tab-link:hover + span {
621
- opacity: 1;
622
- -webkit-transform: translate(-20px, -50%);
623
- -ms-transform: translate(-20px, -50%);
624
- transform: translate(-20px, -50%);
625
- }
626
-
627
- .pa-switchers {
628
- -js-display: flex;
629
- display: -webkit-box;
630
- display: -webkit-flex;
631
- display: -moz-box;
632
- display: -ms-flexbox;
633
- display: flex;
634
- -webkit-flex-wrap: wrap;
635
- -ms-flex-wrap: wrap;
636
- flex-wrap: wrap;
637
- -webkit-align-content: flex-start;
638
- -ms-flex-line-pack: start;
639
- align-content: flex-start;
640
- }
641
- .pa-switchers-container {
642
- width: 100%;
643
- }
644
- .pa-switchers-container.hidden,
645
- .pa-switcher.hidden {
646
- display: none;
647
- }
648
- .pa-switchers-container .pa-elements-tab-title {
649
- font-size: 20px;
650
- color: #252c59;
651
- font-weight: 900;
652
- font-family: "Red Hat Display";
653
- margin: 16px 0;
654
- }
655
- .pa-switcher {
656
- -webkit-border-radius: 15px;
657
- border-radius: 15px;
658
- background-color: #f7f7f7;
659
- position: relative;
660
- -js-display: flex;
661
- display: -webkit-box;
662
- display: -webkit-flex;
663
- display: -moz-box;
664
- display: -ms-flexbox;
665
- display: flex;
666
- width: -webkit-calc(50% - 56px);
667
- width: calc(50% - 56px);
668
- -webkit-box-pack: justify;
669
- -webkit-justify-content: space-between;
670
- -moz-box-pack: justify;
671
- -ms-flex-pack: justify;
672
- justify-content: space-between;
673
- -webkit-box-align: center;
674
- -webkit-align-items: center;
675
- -moz-box-align: center;
676
- -ms-flex-align: center;
677
- align-items: center;
678
- padding: 20px;
679
- margin-top: 16px;
680
- margin-left: 16px;
681
- }
682
-
683
- .pa-element-info {
684
- -js-display: flex;
685
- display: -webkit-box;
686
- display: -webkit-flex;
687
- display: -moz-box;
688
- display: -ms-flexbox;
689
- display: flex;
690
- -webkit-box-align: center;
691
- -webkit-align-items: center;
692
- -moz-box-align: center;
693
- -ms-flex-align: center;
694
- align-items: center;
695
- }
696
- .pa-element-info .pa-element-icon {
697
- color: #252c59;
698
- background-color: #ebebeb;
699
- -webkit-border-radius: 15px;
700
- border-radius: 15px;
701
- /* padding: 12px; */
702
- min-width: 40px;
703
- min-height: 40px;
704
- margin-left: 10px;
705
- -js-display: flex;
706
- display: -webkit-box;
707
- display: -webkit-flex;
708
- display: -moz-box;
709
- display: -ms-flexbox;
710
- display: flex;
711
- -webkit-box-pack: center;
712
- -webkit-justify-content: center;
713
- -moz-box-pack: center;
714
- -ms-flex-pack: center;
715
- justify-content: center;
716
- -webkit-box-align: center;
717
- -webkit-align-items: center;
718
- -moz-box-align: center;
719
- -ms-flex-align: center;
720
- align-items: center;
721
- }
722
- .pa-element-name {
723
- font-size: 16px;
724
- color: #252c59;
725
- font-weight: 700;
726
- font-family: "Red Hat Display";
727
- margin: 0;
728
- -js-display: flex;
729
- display: -webkit-box;
730
- display: -webkit-flex;
731
- display: -moz-box;
732
- display: -ms-flexbox;
733
- display: flex;
734
- }
735
-
736
- .pa-element-name span {
737
- text-transform: uppercase;
738
- color: #fd9926;
739
- font-weight: 700;
740
- font-size: 11px;
741
- margin-right: 5px;
742
- }
743
-
744
- .pa-element-link {
745
- font-size: 13px;
746
- color: #252c59;
747
- font-family: "Poppins";
748
- text-decoration: none;
749
- -webkit-transition: all 0.2s ease-in-out;
750
- transition: all 0.2s ease-in-out;
751
- }
752
-
753
- .pa-element-link-separator {
754
- width: 3px;
755
- height: 3px;
756
- display: inline-block;
757
- text-align: center;
758
- color: #252c59;
759
- background: #252c59;
760
- -webkit-border-radius: 50%;
761
- border-radius: 50%;
762
- vertical-align: middle;
763
- margin: 0 3px;
764
- }
765
-
766
- .pa-element-link:hover,
767
- .pa-element-link:focus {
768
- color: #00a5e5;
769
- text-decoration: none;
770
- outline: none;
771
- -webkit-box-shadow: none;
772
- box-shadow: none;
773
- border: none;
774
- }
775
-
776
- /*
777
- * Integrations
778
- */
779
- .pa-maps-table select {
780
- width: 100%;
781
- max-width: 100%;
782
- padding: 8px;
783
- }
784
- .pa-maps-table #premium-map-api,
785
- .pa-maps-table #premium-youtube-api {
786
- width: 100%;
787
- }
788
- .pa-maps-table tr td {
789
- padding-top: 30px;
790
- }
791
- .pa-maps-table tr td:first-of-type {
792
- padding-left: 30px;
793
- }
794
- .pa-maps-table td h4 {
795
- margin: 0;
796
- font-size: 15px;
797
- color: #252c59;
798
- font-weight: 500;
799
- font-family: "Poppins";
800
- display: inline-block;
801
- }
802
- .pa-maps-table td span {
803
- font-size: 13px;
804
- color: #474747;
805
- font-family: "Poppins";
806
- vertical-align: middle;
807
- }
808
- .pa-maps-table td input[type="text"] {
809
- -webkit-border-radius: 10px;
810
- border-radius: 10px;
811
- background-color: #ebebeb;
812
- border: none;
813
- padding: 8px 20px;
814
- }
815
- .pa-section input[type="checkbox"] {
816
- border: none;
817
- display: none;
818
- }
819
-
820
- .pa-section input[type="checkbox"] + label {
821
- position: relative;
822
- background: #ebebeb;
823
- height: 16px;
824
- width: 16px;
825
- display: inline-block;
826
- padding: 0;
827
- margin-left: 5px;
828
- -webkit-border-radius: 4px;
829
- border-radius: 4px;
830
- }
831
- .pa-section input[type="checkbox"]:checked + label {
832
- background: #00a5e5;
833
- height: 16px;
834
- width: 16px;
835
- display: inline-block;
836
- padding: 0;
837
- }
838
- .pa-section input[type="checkbox"]:checked + label:before {
839
- position: absolute;
840
- content: "✔";
841
- color: #fff;
842
- font-size: 12px;
843
- top: 0;
844
- right: 0;
845
- width: 100%;
846
- height: 100%;
847
- text-align: center;
848
- margin-top: -1px;
849
- }
850
- .pa-maps-table td input:focus {
851
- outline: none;
852
- -webkit-box-shadow: none;
853
- box-shadow: none;
854
- border: none;
855
- }
856
- .pa-elements-filter select,
857
- .pa-maps-table td select {
858
- border-color: #dcdcdc;
859
- -webkit-border-radius: 10px;
860
- border-radius: 10px;
861
- -webkit-border-bottom-left-radius: 0;
862
- border-bottom-left-radius: 0;
863
- }
864
- .pa-maps-circle-icon {
865
- width: 5px;
866
- height: 5px;
867
- background-color: #252c59;
868
- -webkit-border-radius: 50%;
869
- border-radius: 50%;
870
- display: inline-block;
871
- vertical-align: middle;
872
- margin-left: 10px;
873
- }
874
- .pa-maps-table td h4:before {
875
- position: absolute;
876
- content: "";
877
- }
878
-
879
- /*
880
- * White Labeling Tab
881
- */
882
- .pa-wht-lbl-settings .pa-wht-lbl-title {
883
- font-size: 20px;
884
- color: #252c59;
885
- font-weight: 900;
886
- font-family: "Red Hat Display";
887
- margin: 0;
888
- }
889
-
890
- .pa-wht-lbl-settings .pa-row {
891
- width: 60%;
892
- float: right;
893
- }
894
-
895
- .pa-wht-lbl-settings .pa-wht-lbl-admin {
896
- width: 30%;
897
- float: right;
898
- margin-right: 16px;
899
- }
900
-
901
- .pa-wht-lbl-settings .pa-wht-lbl-head {
902
- border-bottom: 1px solid #ddd;
903
- background: #f7f7f7;
904
- padding: 20px;
905
- }
906
-
907
- .pa-wht-lbl-table {
908
- text-align: right;
909
- }
910
-
911
- .pa-wht-lbl-settings input {
912
- font-weight: 400;
913
- margin: 0;
914
- margin-bottom: 12px;
915
- -webkit-border-radius: 10px;
916
- border-radius: 10px;
917
- /* background-color: #ebebeb; */
918
- border: 1px solid #dcdcdc;
919
- padding: 8px 20px;
920
- }
921
-
922
- /* .pa-wht-lbl-settings input + span {
923
- margin-left: 0.3em;
924
- } */
925
-
926
- .pa-wht-lbl-settings label + span {
927
- font-family: "Poppins";
928
- vertical-align: middle;
929
- }
930
- .pa-wht-lbl-settings .pa-input-label {
931
- display: block;
932
- font-weight: 600;
933
- margin: 10px 0 6px;
934
- font-size: 14px;
935
- color: #252c59;
936
- font-family: "Red Hat Display";
937
- }
938
-
939
- .pa-wht-lbl-settings input[type="text"] {
940
- width: 550px;
941
- }
942
-
943
- .pa-wht-lbl-settings input[type="text"]::-webkit-input-placeholder {
944
- font-weight: 300;
945
- font-family: "Poppins";
946
- }
947
-
948
- .pa-wht-lbl-settings input[type="text"]:-moz-placeholder {
949
- font-weight: 300;
950
- font-family: "Poppins";
951
- }
952
-
953
- .pa-wht-lbl-settings input[type="text"]::-moz-placeholder {
954
- font-weight: 300;
955
- font-family: "Poppins";
956
- }
957
-
958
- .pa-wht-lbl-settings input[type="text"]:-ms-input-placeholder {
959
- font-weight: 300;
960
- font-family: "Poppins";
961
- }
962
-
963
- .pa-wht-lbl-settings input[type="text"]::-ms-input-placeholder {
964
- font-weight: 300;
965
- font-family: "Poppins";
966
- }
967
-
968
- .pa-wht-lbl-settings input[type="text"]::placeholder {
969
- font-weight: 300;
970
- font-family: "Poppins";
971
- }
972
-
973
- .pa-wht-lbl-settings .pa-wht-lbl-settings-wrap {
974
- background: #fff;
975
- margin: 16px auto;
976
- border: 1px solid #dcdcdc;
977
- -webkit-border-radius: 10px;
978
- border-radius: 10px;
979
- overflow: hidden;
980
- }
981
-
982
- .pa-wht-lbl-settings .clearfix {
983
- clear: both;
984
- }
985
-
986
- .pa-wht-lbl-group-wrap {
987
- padding: 20px;
988
- }
989
-
990
- .pa-wht-lbl-save .pa-save-button {
991
- margin-top: 0;
992
- }
993
-
994
- .pa-section-white-label .pa-white-label-notice {
995
- position: absolute;
996
- top: 0;
997
- right: 0;
998
- width: 100%;
999
- height: 100%;
1000
- background: rgba(200, 200, 200, 0.8);
1001
- -webkit-border-radius: 15px;
1002
- border-radius: 15px;
1003
- -js-display: flex;
1004
- display: -webkit-box;
1005
- display: -webkit-flex;
1006
- display: -moz-box;
1007
- display: -ms-flexbox;
1008
- display: flex;
1009
- -webkit-box-pack: center;
1010
- -webkit-justify-content: center;
1011
- -moz-box-pack: center;
1012
- -ms-flex-pack: center;
1013
- justify-content: center;
1014
- }
1015
-
1016
- .pa-white-label-notice-content {
1017
- position: absolute;
1018
- top: 200px;
1019
- right: 200;
1020
- width: 530px;
1021
- background-image: url("../../images/popup-pattern.jpg");
1022
- background-repeat: no-repeat;
1023
- -webkit-background-size: cover;
1024
- background-size: cover;
1025
- padding: 32px;
1026
- padding-bottom: 50px;
1027
- -webkit-border-radius: 0px 50px;
1028
- border-radius: 0px 50px;
1029
- text-align: center;
1030
- z-index: 2;
1031
- }
1032
- .pa-white-label-notice-logo {
1033
- -webkit-transform: translateY(-32px);
1034
- -ms-transform: translateY(-32px);
1035
- transform: translateY(-32px);
1036
- margin-bottom: -18px;
1037
- }
1038
- .pa-white-label-notice-logo img {
1039
- padding: 10px;
1040
- padding-top: 40px;
1041
- background-color: #ffffff;
1042
- border: 1px solid #e6e6e6;
1043
- -webkit-border-radius: 50px;
1044
- border-radius: 50px;
1045
- -webkit-border-top-right-radius: 50px;
1046
- border-top-right-radius: 50px;
1047
- -webkit-border-top-left-radius: 50px;
1048
- border-top-left-radius: 50px;
1049
- -webkit-border-top-right-radius: 0;
1050
- border-top-right-radius: 0;
1051
- -webkit-border-top-left-radius: 0;
1052
- border-top-left-radius: 0;
1053
- }
1054
- .pa-white-label-notice-content h2,
1055
- .pa-swal-head {
1056
- display: inline-block;
1057
- font-size: 23px;
1058
- color: #252c59;
1059
- font-weight: 900;
1060
- font-family: "Red Hat Display";
1061
- text-align: center;
1062
- max-width: 350px;
1063
- line-height: 1;
1064
- margin: 0;
1065
- margin-bottom: 18px;
1066
- }
1067
- .pa-white-label-notice-content h2 span {
1068
- color: #fd9926;
1069
- text-transform: uppercase;
1070
- font-family: "Red Hat Display";
1071
- }
1072
- .pa-white-label-notice-content p {
1073
- font-size: 13px;
1074
- color: #474747;
1075
- font-family: "Poppins";
1076
- text-align: center;
1077
- margin: 0;
1078
- margin-bottom: 18px;
1079
- }
1080
-
1081
- .pa-white-label-notice-content a.pa-get-pro {
1082
- display: inline-block;
1083
- width: 117px;
1084
- padding: 12px 10px;
1085
- -webkit-border-radius: 10px;
1086
- border-radius: 10px;
1087
- color: #ffffff;
1088
- font-size: 15px;
1089
- font-weight: 900;
1090
- font-family: "Red Hat Display";
1091
- -webkit-filter: drop-shadow(0px 20px 17.5px rgba(254, 99, 0, 0.2));
1092
- filter: drop-shadow(0px 20px 17.5px rgba(254, 99, 0, 0.2));
1093
- text-decoration: none;
1094
- outline: none;
1095
- border: none;
1096
- background-image: -webkit-linear-gradient(-120deg, #fe6300 0%, #fe9f00 100%);
1097
- background-image: linear-gradient(30deg, #fe6300 0%, #fe9f00 100%);
1098
- -webkit-transition: all 0.2s ease-in-out;
1099
- transition: all 0.2s ease-in-out;
1100
- }
1101
- .pa-white-label-notice-content a.pa-get-pro:hover {
1102
- background-image: -webkit-linear-gradient(-60deg, #fe6300 0%, #fe9f00 100%);
1103
- background-image: linear-gradient(-30deg, #fe6300 0%, #fe9f00 100%);
1104
- }
1105
-
1106
- /*
1107
- * System Info Tab
1108
- */
1109
- .pa-section-info table.widefat {
1110
- border: 0px;
1111
- -webkit-box-shadow: none;
1112
- box-shadow: none;
1113
- font-family: "Poppins";
1114
- }
1115
- .pa-section-info .widefat td:first-child {
1116
- width: 30%;
1117
- }
1118
- .pa-section-info table.widefat tr:nth-child(2n) {
1119
- background-color: #f7f7f7;
1120
- }
1121
-
1122
- /*
1123
- * License Tab
1124
- */
1125
- .pa-license-form span {
1126
- color: #474747;
1127
- font-family: "Poppins";
1128
- }
1129
-
1130
- .pa-license-form label {
1131
- display: block;
1132
- font-weight: 500;
1133
- margin: 2em 0 0.5em;
1134
- }
1135
-
1136
- .pa-license-form code {
1137
- padding: 3px 5px 2px;
1138
- margin: 0 1px;
1139
- background: #eaeaea;
1140
- background: rgba(0, 0, 0, 0.07);
1141
- font-size: 13px;
1142
- font-style: italic;
1143
- }
1144
-
1145
- .pa-license-form .button.button-primary {
1146
- width: 147px;
1147
- height: 43px;
1148
- /* -webkit-filter: drop-shadow(0px 10px 35px rgba(0, 165, 229, 0.3));
1149
- filter: drop-shadow(0px 10px 35px rgba(0, 165, 229, 0.3)); */
1150
- background-color: #00a5e5;
1151
- /* margin-top: 50px; */
1152
- margin-right: -3px;
1153
- -webkit-border-radius: 10px 0 0 10px;
1154
- border-radius: 10px 0 0 10px;
1155
- border: none;
1156
- }
1157
-
1158
- #papro-license-key:focus,
1159
- .pa-license-form .button.button-primary:focus {
1160
- outline: none;
1161
- -webkit-box-shadow: none;
1162
- box-shadow: none;
1163
- }
1164
-
1165
- #papro-license-key {
1166
- height: 43px;
1167
- line-height: 1;
1168
- margin: 0;
1169
- padding: 8px 20px;
1170
- -webkit-border-radius: 0 10px 10px 0;
1171
- border-radius: 0 10px 10px 0;
1172
- }
1173
-
1174
- .pa-license-form input + span {
1175
- margin-right: 10px;
1176
- font-weight: 600;
1177
- }
1178
-
1179
- .pa-license-cell span {
1180
- margin-right: 0.3em;
1181
- }
1182
-
1183
- /*
1184
- * PAPRO Notice
1185
- */
1186
- .papro-admin-notice {
1187
- -webkit-display: flex;
1188
- display: -webkit-box;
1189
- display: -ms-flexbox;
1190
- -js-display: flex;
1191
- display: -moz-box;
1192
- display: flex;
1193
- -webkit-box-pack: end;
1194
- -ms-flex-pack: end;
1195
- -webkit-justify-content: flex-end;
1196
- -moz-box-pack: end;
1197
- justify-content: flex-end;
1198
- -webkit-box-align: center;
1199
- -ms-flex-align: center;
1200
- -webkit-align-items: center;
1201
- -moz-box-align: center;
1202
- align-items: center;
1203
- margin-bottom: 24px;
1204
- }
1205
- .papro-admin-notice > div {
1206
- -webkit-box-flex: 1;
1207
- -webkit-flex-grow: 1;
1208
- -moz-box-flex: 1;
1209
- -ms-flex-positive: 1;
1210
- flex-grow: 1;
1211
- }
1212
- .papro-admin-notice-left {
1213
- position: relative;
1214
- padding: 16px;
1215
- -webkit-border-radius: 15px;
1216
- border-radius: 15px;
1217
- background-color: #fff;
1218
- -webkit-flex-basis: 80%;
1219
- -ms-flex-preferred-size: 80%;
1220
- flex-basis: 80%;
1221
- }
1222
- .papro-admin-notice-left a {
1223
- position: absolute;
1224
- top: 0;
1225
- right: 0;
1226
- width: 100%;
1227
- height: 100%;
1228
- }
1229
- .papro-admin-notice-left a:hover,
1230
- .papro-admin-notice-left a:focus,
1231
- .papro-admin-notice-left a:visited {
1232
- outline: none;
1233
- border: none;
1234
- box-shadow: none;
1235
- text-decoration: none;
1236
- }
1237
- /* .papro-admin-notice-logo img {
1238
- width: 100%;
1239
- } */
1240
- .papro-admin-notice-right {
1241
- -webkit-display: flex;
1242
- display: -webkit-box;
1243
- display: -ms-flexbox;
1244
- -js-display: flex;
1245
- display: -moz-box;
1246
- display: flex;
1247
- -webkit-box-align: center;
1248
- -ms-flex-align: center;
1249
- -webkit-align-items: center;
1250
- -moz-box-align: center;
1251
- align-items: center;
1252
- background: url("../../images/papro-banner.png");
1253
- -webkit-background-size: cover;
1254
- background-size: cover;
1255
- background-repeat: no-repeat;
1256
- padding: 18px;
1257
- -webkit-border-radius: 15px;
1258
- border-radius: 15px;
1259
- overflow: hidden;
1260
- margin-right: 25px;
1261
- }
1262
-
1263
- .papro-admin-notice-right h4 {
1264
- font-size: 20px;
1265
- color: #fff;
1266
- font-weight: 900;
1267
- font-family: "Red Hat Display";
1268
- margin: 0;
1269
- margin-bottom: 8px;
1270
- }
1271
- .papro-admin-notice-right p {
1272
- font-size: 14px;
1273
- color: #ffffff;
1274
- font-family: "Poppins";
1275
- margin: 0;
1276
- }
1277
- .papro-admin-notice-right span {
1278
- font-weight: 700;
1279
- }
1280
-
1281
- /*
1282
- * Dashboard Tabs
1283
- */
1284
- .pa-dash-general:before {
1285
- content: "\e900";
1286
- }
1287
- .pa-dash-integrations:before {
1288
- content: "\e901";
1289
- }
1290
- .pa-dash-system-info:before {
1291
- content: "\e902";
1292
- }
1293
- .pa-dash-vcontrol:before {
1294
- content: "\e903";
1295
- }
1296
- .pa-dash-white-label:before {
1297
- content: "\e904";
1298
- }
1299
- .pa-dash-elements:before {
1300
- content: "\e905";
1301
- }
1302
- .pa-dash-license:before {
1303
- content: "\e910";
1304
- }
1305
- .pa-dash-features:before {
1306
- content: "\e911";
1307
- }
1308
- /*
1309
- * Elements Categories
1310
- */
1311
- .pa-dash-cat-all:before {
1312
- content: "\e906";
1313
- }
1314
- .pa-dash-cat-blurbs:before {
1315
- content: "\e907";
1316
- }
1317
- .pa-dash-cat-contact:before {
1318
- content: "\e908";
1319
- }
1320
- .pa-dash-cat-content:before {
1321
- content: "\e909";
1322
- }
1323
- .pa-dash-cat-images:before {
1324
- content: "\e90a";
1325
- }
1326
- .pa-dash-cat-off-grid:before {
1327
- content: "\e90b";
1328
- }
1329
- .pa-dash-cat-section:before {
1330
- content: "\e90c";
1331
- }
1332
- .pa-dash-cat-feed:before {
1333
- content: "\e90d";
1334
- }
1335
- .pa-dash-cat-data:before {
1336
- content: "\e90e";
1337
- }
1338
- .pa-dash-cat-social:before {
1339
- content: "\e90f";
1340
- }
1341
- /*
1342
- * Widgets Icons
1343
- */
1344
- .pa-dash-premium-notbar:before {
1345
- content: "\e913";
1346
- }
1347
- .pa-dash-premium-gradient:before {
1348
- content: "\e914";
1349
- }
1350
- .pa-dash-premium-color-transition:before {
1351
- content: "\e915";
1352
- }
1353
- .pa-dash-premium-behance:before {
1354
- content: "\e916";
1355
- }
1356
- .pa-dash-premium-charts:before {
1357
- content: "\e917";
1358
- }
1359
- .pa-dash-premium-content-toggle:before {
1360
- content: "\e918";
1361
- }
1362
- .pa-dash-premium-divider:before {
1363
- content: "\e919";
1364
- }
1365
- .pa-dash-premium-facebook-feed:before {
1366
- content: "\e91b";
1367
- }
1368
- .pa-dash-facebook-feed-2:before {
1369
- content: "\e91b";
1370
- }
1371
- .pa-dash-premium-fb-chat:before {
1372
- content: "\e91c";
1373
- }
1374
- .pa-dash-premium-facebook-reviews:before {
1375
- content: "\e91d";
1376
- }
1377
- .pa-dash-premium-google-reviews:before {
1378
- content: "\e91e";
1379
- }
1380
- .pa-dash-premium-hscroll:before {
1381
- content: "\e91f";
1382
- }
1383
- .pa-dash-premium-flipbox:before {
1384
- content: "\e920";
1385
- }
1386
- .pa-dash-premium-iconbox:before {
1387
- content: "\e921";
1388
- }
1389
- .pa-dash-premium-image-accordion:before {
1390
- content: "\e922";
1391
- }
1392
- .pa-dash-premium-image-comparison:before {
1393
- content: "\e923";
1394
- }
1395
- .pa-dash-premium-image-hotspots:before {
1396
- content: "\e924";
1397
- }
1398
- .pa-dash-premium-img-layers:before {
1399
- content: "\e925";
1400
- }
1401
- .pa-dash-premium-instagram-feed:before {
1402
- content: "\e926";
1403
- }
1404
- .pa-dash-premium-kenburns:before {
1405
- content: "\e927";
1406
- }
1407
- .pa-dash-premium-lottie:before {
1408
- content: "\e928";
1409
- }
1410
- .pa-dash-premium-magic-section:before {
1411
- content: "\e929";
1412
- }
1413
- .pa-dash-premium-multi-scroll:before {
1414
- content: "\e92a";
1415
- }
1416
- .pa-dash-premium-ihover:before {
1417
- content: "\e92b";
1418
- }
1419
- .pa-dash-premium-parallax:before {
1420
- content: "\e94f";
1421
- }
1422
- .pa-dash-premium-particles:before {
1423
- content: "\e92c";
1424
- }
1425
- .pa-dash-premium-prev-img:before {
1426
- content: "\e92d";
1427
- }
1428
- .pa-dash-premium-tabs:before {
1429
- content: "\e92f";
1430
- }
1431
- .pa-dash-premium-tables:before {
1432
- content: "\e92e";
1433
- }
1434
- .pa-dash-trustpilot:before {
1435
- content: "\e930";
1436
- }
1437
- .pa-dash-premium-twitter-feed:before {
1438
- content: "\e931";
1439
- }
1440
- .pa-dash-premium-unfold:before {
1441
- content: "\e932";
1442
- }
1443
- .pa-dash-premium-whatsapp-chat:before {
1444
- content: "\e933";
1445
- }
1446
- .pa-dash-premium-yelp-reviews:before {
1447
- content: "\e934";
1448
- }
1449
- .pa-dash-premium-banner:before {
1450
- content: "\e935";
1451
- }
1452
- .pa-dash-premium-blog:before {
1453
- content: "\e936";
1454
- }
1455
- .pa-dash-premium-button:before {
1456
- content: "\e937";
1457
- }
1458
- .pa-dash-premium-carousel:before {
1459
- content: "\e938";
1460
- }
1461
- .pa-dash-premium-contactform:before {
1462
- content: "\e939";
1463
- }
1464
- .pa-dash-premium-countdown:before {
1465
- content: "\e93a";
1466
- }
1467
- .pa-dash-premium-counter:before {
1468
- content: "\e93b";
1469
- }
1470
- .pa-dash-premium-dual-header:before {
1471
- content: "\e93c";
1472
- }
1473
- .pa-dash-premium-fancytext:before {
1474
- content: "\e93d";
1475
- }
1476
- .pa-dash-premium-maps:before {
1477
- content: "\e93e";
1478
- }
1479
- .pa-dash-premium-title:before {
1480
- content: "\e93f";
1481
- }
1482
- .pa-dash-premium-icon-list:before {
1483
- content: "\e940";
1484
- }
1485
- .pa-dash-premium-image-button:before {
1486
- content: "\e941";
1487
- }
1488
- .pa-dash-premium-image-scroll:before {
1489
- content: "\e942";
1490
- }
1491
- .pa-dash-premium-image-separator:before {
1492
- content: "\e943";
1493
- }
1494
- /* .pa-dash-premium-lottie:before {
1495
- content: "\e944";
1496
- } */
1497
- .pa-dash-premium-lottie-widget:before {
1498
- content: "\e945";
1499
- }
1500
- .pa-dash-premium-grid:before {
1501
- content: "\e946";
1502
- }
1503
- .pa-dash-premium-modalbox:before {
1504
- content: "\e947";
1505
- }
1506
- .pa-dash-premium-pricing-table:before {
1507
- content: "\e948";
1508
- }
1509
- .pa-dash-premium-progressbar:before {
1510
- content: "\e949";
1511
- }
1512
- .pa-dash-premium-person:before {
1513
- content: "\e94a";
1514
- }
1515
- .pa-dash-premium-testimonials:before {
1516
- content: "\e94b";
1517
- }
1518
- .pa-dash-premium-vscroll:before {
1519
- content: "\e94c";
1520
- }
1521
- .pa-dash-premium-videobox:before {
1522
- content: "\e94d";
1523
- }
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
+ .button.pa-btn:hover,
13
+ .button.pa-btn:focus,
14
+ .button.pa-btn:active {
15
+ outline: none;
16
+ border: none;
17
+ text-decoration: none;
18
+ }
19
+ .pa-btn.pa-save-button {
20
+ font-family: "Red Hat Display";
21
+ font-size: 15px;
22
+ width: 147px;
23
+ height: 43px;
24
+ -webkit-border-radius: 10px;
25
+ border-radius: 10px;
26
+ /* -webkit-filter: drop-shadow(0px 10px 35px rgba(0, 165, 229, 0.3));
27
+ filter: drop-shadow(0px 10px 35px rgba(0, 165, 229, 0.3)); */
28
+ background-color: #00a5e5;
29
+ margin-top: 50px;
30
+ }
31
+ .pa-btn.pa-save-button:hover,
32
+ .pa-btn.pa-save-button:focus,
33
+ .pa-btn.pa-save-button:active {
34
+ background: #00a5e5;
35
+ color: #fff;
36
+ -webkit-box-shadow: none;
37
+ box-shadow: none;
38
+ }
39
+
40
+ .switch {
41
+ position: relative;
42
+ display: inline-block;
43
+ width: 44px;
44
+ height: 24px;
45
+ -webkit-border-radius: 12px;
46
+ border-radius: 12px;
47
+ }
48
+ .switch input {
49
+ display: none;
50
+ }
51
+ .slider,
52
+ .pro-slider {
53
+ position: absolute;
54
+ cursor: pointer;
55
+ top: 0;
56
+ right: 0;
57
+ left: 0;
58
+ bottom: 0;
59
+ /* background-color: #f2f2f2;
60
+ box-shadow: 0 0 2px 1px #ccc inset; */
61
+ -webkit-transition: 0.4s;
62
+ transition: 0.4s;
63
+ }
64
+ .slider:before,
65
+ .pro-slider:before {
66
+ position: absolute;
67
+ content: "";
68
+ right: 3px;
69
+ top: 50%;
70
+ -webkit-transform: translateY(-50%);
71
+ -ms-transform: translateY(-50%);
72
+ transform: translateY(-50%);
73
+ /* background: radial-gradient(farthest-corner at 14px 0px, #f0f0f0 50%, #cacaca 100%); */
74
+ -webkit-transition: all 0.4s ease-in-out;
75
+ transition: all 0.4s ease-in-out;
76
+ padding: 0;
77
+ margin: 0;
78
+ width: 15px;
79
+ height: 15px;
80
+ -webkit-border-radius: 8px;
81
+ border-radius: 8px;
82
+ -webkit-filter: drop-shadow(0px 5px 2.5px rgba(40, 40, 40, 0.35));
83
+ filter: drop-shadow(0px 5px 2.5px rgba(40, 40, 40, 0.35));
84
+ background-color: #f7f7f7;
85
+ border: 1px solid #ffffff;
86
+ /* box-shadow: 0 2.5px 5px #b8b8b9; */
87
+ }
88
+ input:checked + .slider {
89
+ background: #8dc900;
90
+ }
91
+ input:focus + .slider {
92
+ -webkit-box-shadow: 0 0 1px #18a4fd;
93
+ box-shadow: 0 0 1px #18a4fd;
94
+ }
95
+ input:checked + .slider:before {
96
+ -webkit-transform: translate3d(-20px, -50%, 0);
97
+ transform: translate3d(-20px, -50%, 0);
98
+ }
99
+ .slider.round,
100
+ .pro-slider.round {
101
+ -webkit-border-radius: 34px;
102
+ border-radius: 34px;
103
+ background-image: -webkit-gradient(linear, right top, right bottom, from(#cfcfcf), to(#dbdbdb));
104
+ background-image: -webkit-linear-gradient(top, #cfcfcf 0%, #dbdbdb 100%);
105
+ background-image: linear-gradient(-180deg, #cfcfcf 0%, #dbdbdb 100%);
106
+ }
107
+ .slider.round:before,
108
+ .pro-slider.round:before {
109
+ -webkit-border-radius: 50%;
110
+ border-radius: 50%;
111
+ }
112
+
113
+ .pa-switcher input:disabled + .pro-slider::after {
114
+ position: absolute;
115
+ content: "\e912";
116
+ font-family: "pa-dash";
117
+ color: #474747;
118
+ left: 8px;
119
+ top: 50%;
120
+ -webkit-transform: translateY(-50%);
121
+ -ms-transform: translateY(-50%);
122
+ transform: translateY(-50%);
123
+ }
124
+ .pa-api-disable-title label,
125
+ .pa-is-beta label {
126
+ margin-left: 15px;
127
+ }
128
+ .pa-api-disable-title span,
129
+ .pa-is-beta span {
130
+ font-weight: 400;
131
+ }
132
+ .pa-maps-api-notice {
133
+ margin: 0.5em 0;
134
+ }
135
+ .pa-api-title input {
136
+ margin-top: 10px;
137
+ font-size: normal;
138
+ font-weight: 400;
139
+ width: 400px;
140
+ margin-right: 30px;
141
+ }
142
+
143
+ .pa-sys-info-tab {
144
+ background: #f7f7f7;
145
+ margin: 8px;
146
+ border: 2px solid #ddd;
147
+ -webkit-border-radius: 3px;
148
+ border-radius: 3px;
149
+ padding: 0;
150
+ }
151
+ .pa-system-info-container {
152
+ padding: 10px;
153
+ }
154
+
155
+ .dialog-type-lightbox .dialog-widget-header {
156
+ text-align: center;
157
+ font-size: 15px;
158
+ color: #495157;
159
+ padding: 30px 0 10px;
160
+ font-weight: 500;
161
+ }
162
+
163
+ .pa-swal.swal2-show {
164
+ padding: 32px;
165
+ padding-bottom: 50px;
166
+ background-image: url("../../images/popup-pattern.jpg");
167
+ background-repeat: no-repeat;
168
+ -webkit-background-size: cover;
169
+ background-size: cover;
170
+ -webkit-border-radius: 0 50px;
171
+ border-radius: 0 50px;
172
+ }
173
+
174
+ .pa-swal .swal2-close {
175
+ color: #c2c4cf;
176
+ }
177
+ .pa-swal .swal2-close:hover {
178
+ color: #00a5e5;
179
+ }
180
+ .pa-swal .swal2-title {
181
+ margin: 0;
182
+ }
183
+ .pa-swal .swal2-content {
184
+ font-size: 13px;
185
+ color: #474747;
186
+ font-family: "Poppins";
187
+ text-align: center;
188
+ margin: 0;
189
+ margin-bottom: 0px;
190
+ }
191
+ .pa-swal .swal2-cancel.swal2-styled,
192
+ .pa-swal .swal2-cancel.swal2-styled:hover,
193
+ .pa-swal .swal2-confirm.swal2-styled {
194
+ background-image: none !important;
195
+ background-color: #ebebeb;
196
+ color: #474747;
197
+ border: none !important;
198
+ -webkit-box-shadow: none !important;
199
+ box-shadow: none !important;
200
+ font-family: "Red Hat Display";
201
+ font-size: 15px;
202
+ font-weight: 700;
203
+ }
204
+ .pa-swal .swal2-confirm.swal2-styled,
205
+ .pa-swal .swal2-confirm.swal2-styled:hover {
206
+ min-width: 128px;
207
+ color: #fff;
208
+ background-image: none !important;
209
+ background-color: #00a5e5;
210
+ }
211
+
212
+ /**
213
+ * New Dashboard
214
+ */
215
+ .pa-settings-wrap {
216
+ padding: 35px;
217
+ padding-right: 15px;
218
+ }
219
+ .pa-settings-section {
220
+ display: none;
221
+ }
222
+
223
+ .pa-settings-tabs {
224
+ background-color: #fff;
225
+ -webkit-border-radius: 15px;
226
+ border-radius: 15px;
227
+ padding: 36px;
228
+ margin-bottom: 12px;
229
+ }
230
+
231
+ .pa-settings-tabs-list {
232
+ clear: right;
233
+ margin: 0;
234
+ list-style-type: none;
235
+ }
236
+
237
+ .pa-settings-tabs .pa-settings-tabs-list li {
238
+ display: inline-block;
239
+ margin-bottom: 0;
240
+ margin-left: 23px;
241
+ }
242
+
243
+ .pa-settings-section.active {
244
+ display: block;
245
+ }
246
+
247
+ .papro-admin-notice a,
248
+ .pa-settings-wrap .pa-settings-tabs a {
249
+ -js-display: flex;
250
+ display: -webkit-box;
251
+ display: -webkit-flex;
252
+ display: -moz-box;
253
+ display: -ms-flexbox;
254
+ display: flex;
255
+ -webkit-box-pack: center;
256
+ -webkit-justify-content: center;
257
+ -moz-box-pack: center;
258
+ -ms-flex-pack: center;
259
+ justify-content: center;
260
+ -webkit-box-align: center;
261
+ -webkit-align-items: center;
262
+ -moz-box-align: center;
263
+ -ms-flex-align: center;
264
+ align-items: center;
265
+ font-size: 14px;
266
+ line-height: 1.8em;
267
+ position: relative;
268
+ color: #252c59;
269
+ text-decoration: none;
270
+ -webkit-transition: all 0.3s ease;
271
+ transition: all 0.3s ease;
272
+ }
273
+
274
+ .papro-admin-notice a.papro-notice-btn {
275
+ width: 120px;
276
+ /* height: 58px; */
277
+ -webkit-border-radius: 15px;
278
+ border-radius: 15px;
279
+ -webkit-filter: drop-shadow(0px 5px 50px rgba(87, 0, 101, 0.7));
280
+ filter: drop-shadow(0px 5px 50px rgba(87, 0, 101, 0.7));
281
+ background-color: #ffffff;
282
+ font-size: 18px;
283
+ color: #fe6300;
284
+ font-weight: 800;
285
+ font-family: "Red Hat Display";
286
+ text-align: center;
287
+ padding: 10px 20px;
288
+ }
289
+
290
+ .pa-settings-wrap .pa-settings-tabs a:focus {
291
+ outline: none;
292
+ -webkit-box-shadow: none;
293
+ box-shadow: none;
294
+ }
295
+
296
+ .pa-settings-wrap .pa-settings-tabs span {
297
+ margin-right: 8px;
298
+ font-family: "Poppins";
299
+ font-weight: 500;
300
+ }
301
+
302
+ .pa-settings-wrap .pa-settings-tabs .pa-section-active {
303
+ color: #00a5e5;
304
+ }
305
+
306
+ .pa-section {
307
+ display: none;
308
+ position: relative;
309
+ background-color: #fff;
310
+ -webkit-transition: opacity 0.2s;
311
+ transition: opacity 0.2s;
312
+ padding: 36px;
313
+ -webkit-border-radius: 15px;
314
+ border-radius: 15px;
315
+ }
316
+
317
+ /**
318
+ * General Tab
319
+ */
320
+ #pa-general-settings {
321
+ -js-display: flex;
322
+ display: -webkit-box;
323
+ display: -webkit-flex;
324
+ display: -moz-box;
325
+ display: -ms-flexbox;
326
+ display: flex;
327
+ }
328
+ #pa-general-settings .col-half:first-of-type {
329
+ margin-left: 16px;
330
+ }
331
+ #pa-general-settings .pa-section-info i {
332
+ vertical-align: bottom;
333
+ }
334
+
335
+ /**
336
+ * Tab Info
337
+ */
338
+ .pa-section-info-wrap {
339
+ padding: 36px;
340
+ -webkit-border-radius: 15px;
341
+ border-radius: 15px;
342
+ background-color: #f7f7f7;
343
+ -js-display: flex;
344
+ display: -webkit-box;
345
+ display: -webkit-flex;
346
+ display: -moz-box;
347
+ display: -ms-flexbox;
348
+ display: flex;
349
+ -webkit-box-pack: justify;
350
+ -webkit-justify-content: space-between;
351
+ -moz-box-pack: justify;
352
+ -ms-flex-pack: justify;
353
+ justify-content: space-between;
354
+ -webkit-box-align: center;
355
+ -webkit-align-items: center;
356
+ -moz-box-align: center;
357
+ -ms-flex-align: center;
358
+ align-items: center;
359
+ }
360
+ #pa-ver-control-settings .pa-section-info-wrap {
361
+ -webkit-box-orient: vertical;
362
+ -webkit-box-direction: normal;
363
+ -webkit-flex-direction: column;
364
+ -moz-box-orient: vertical;
365
+ -moz-box-direction: normal;
366
+ -ms-flex-direction: column;
367
+ flex-direction: column;
368
+ -webkit-box-align: start;
369
+ -webkit-align-items: flex-start;
370
+ -moz-box-align: start;
371
+ -ms-flex-align: start;
372
+ align-items: flex-start;
373
+ }
374
+ #pa-features-settings .pa-section-info-wrap:nth-of-type(n + 2),
375
+ #pa-ver-control-settings .pa-section-info-wrap:nth-of-type(n + 2) {
376
+ margin-top: 36px;
377
+ }
378
+ .pa-section-info-wrap h4 {
379
+ font-size: 20px;
380
+ color: #252c59;
381
+ font-weight: 900;
382
+ font-family: "Red Hat Display";
383
+ margin: 0;
384
+ }
385
+ .pa-section-info-wrap p {
386
+ font-size: 15px;
387
+ color: #474747;
388
+ font-family: "Poppins";
389
+ margin: 0;
390
+ margin-top: 14px;
391
+ }
392
+ .pa-section-info-cta {
393
+ -js-display: flex;
394
+ display: -webkit-box;
395
+ display: -webkit-flex;
396
+ display: -moz-box;
397
+ display: -ms-flexbox;
398
+ display: flex;
399
+ -webkit-box-align: center;
400
+ -webkit-align-items: center;
401
+ -moz-box-align: center;
402
+ -ms-flex-align: center;
403
+ align-items: center;
404
+ margin-top: 25px;
405
+ }
406
+ .pa-section-info-cta .pa-btn {
407
+ color: #474747;
408
+ background-color: #ebebeb;
409
+ padding: 8px 20px;
410
+ -webkit-border-radius: 10px;
411
+ border-radius: 10px;
412
+ font-size: 15px;
413
+ font-weight: 700;
414
+ font-family: "Red Hat Display";
415
+ -webkit-transition: all 0.2s ease-in-out;
416
+ transition: all 0.2s ease-in-out;
417
+ }
418
+ .pa-section-info-cta .pa-btn:hover,
419
+ .pa-section-info-cta .pa-btn:focus,
420
+ .pa-section-info-cta .pa-btn:active {
421
+ color: #fff;
422
+ background-color: #00a5e5;
423
+ }
424
+
425
+ .pa-section-info-cta .pa-section-info-label {
426
+ font-size: 13px;
427
+ color: #474747;
428
+ font-family: "Poppins";
429
+ text-align: left;
430
+ }
431
+
432
+ .pa-section-info-cta .pa-section-info-warning {
433
+ font-size: 13px;
434
+ color: #cca329;
435
+ font-weight: 300;
436
+ font-family: "Poppins";
437
+ margin-right: 20px;
438
+ }
439
+
440
+ .pa-section-info-cta .pa-section-info-warning i {
441
+ font-weight: 300;
442
+ vertical-align: bottom;
443
+ }
444
+
445
+ .pa-btn-group .pa-btn {
446
+ font-family: "Red Hat Display";
447
+ color: #8e8e8e;
448
+ background-color: #ebebeb;
449
+ border: 0px solid;
450
+ padding: 16px 28px;
451
+ -webkit-border-radius: 10px;
452
+ border-radius: 10px;
453
+ font-size: 15px;
454
+ font-weight: 700;
455
+ cursor: pointer;
456
+ -webkit-transition: 300ms;
457
+ transition: 300ms;
458
+ display: block;
459
+ }
460
+ .pa-btn-group button.pa-btn-enable {
461
+ -webkit-border-top-left-radius: 0;
462
+ border-top-left-radius: 0;
463
+ -webkit-border-bottom-left-radius: 0;
464
+ border-bottom-left-radius: 0;
465
+ float: right;
466
+ }
467
+ .pa-btn-group button.pa-btn-disable {
468
+ -webkit-border-top-right-radius: 0;
469
+ border-top-right-radius: 0;
470
+ -webkit-border-bottom-right-radius: 0;
471
+ border-bottom-right-radius: 0;
472
+ float: left;
473
+ }
474
+
475
+ .pa-btn-group .pa-btn-enable.active {
476
+ color: #fff;
477
+ -webkit-box-shadow: inset -3.5px 1.8px 7px 0px rgba(125, 125, 125, 0.5);
478
+ box-shadow: inset -3.5px 1.8px 7px 0px rgba(125, 125, 125, 0.5);
479
+ background-color: #8dc900;
480
+ }
481
+ .pa-btn-group .pa-btn-disable.active {
482
+ color: #fff;
483
+ -webkit-box-shadow: inset -3.564px 1.816px 7px 0px rgba(81, 81, 81, 0.5);
484
+ box-shadow: inset -3.564px 1.816px 7px 0px rgba(81, 81, 81, 0.5);
485
+ background-color: #898989;
486
+ }
487
+ .pa-btn-group .pa-btn-enable:not(.active):hover {
488
+ color: #ffffff;
489
+ background-color: #8dc900;
490
+ }
491
+ .pa-btn-group .pa-btn-disable:not(.active):hover {
492
+ color: #ffffff;
493
+ background-color: #898989;
494
+ }
495
+
496
+ /*
497
+ * Widgets & Addons Tab
498
+ */
499
+ .pa-elements-settings {
500
+ position: relative;
501
+ -js-display: flex;
502
+ display: -webkit-box;
503
+ display: -webkit-flex;
504
+ display: -moz-box;
505
+ display: -ms-flexbox;
506
+ display: flex;
507
+ margin-top: 16px;
508
+ }
509
+ .pa-elements-filter {
510
+ position: absolute;
511
+ top: 10px;
512
+ left: 16px;
513
+ }
514
+ .pa-elements-filter label {
515
+ font-size: 13px;
516
+ color: #474747;
517
+ font-family: "Poppins";
518
+ margin-left: 10px;
519
+ }
520
+ .pa-elements-filter select {
521
+ padding: 5px 15px 5px 35px;
522
+ }
523
+ .pa-elements-tabs {
524
+ -webkit-border-radius: 10px;
525
+ border-radius: 10px;
526
+ background-color: #f7f7f7;
527
+ padding: 20px;
528
+ margin-left: 16px;
529
+ }
530
+ .pa-elements-tabs .pa-elements-tab {
531
+ position: relative;
532
+ padding: 0;
533
+ margin-bottom: 12px;
534
+ text-align: center;
535
+ }
536
+ .pa-elements-tab .pa-element-tab-tooltip {
537
+ position: absolute;
538
+ background-color: #3a3c40;
539
+ display: block;
540
+ position: absolute;
541
+ top: 50%;
542
+ right: 100%;
543
+ padding: 10px 20px;
544
+ -webkit-border-radius: 13px;
545
+ border-radius: 13px;
546
+ -webkit-filter: drop-shadow(0px 5px 27.5px rgba(104, 104, 104, 0.3));
547
+ filter: drop-shadow(0px 5px 27.5px rgba(104, 104, 104, 0.3));
548
+ background-color: #ffffff;
549
+ font-size: 11px;
550
+ color: #252c59;
551
+ font-weight: 500;
552
+ font-family: "Poppins";
553
+ opacity: 0;
554
+ pointer-events: none;
555
+ text-transform: capitalize;
556
+ -webkit-transform: translate(-30px, -50%);
557
+ -ms-transform: translate(-30px, -50%);
558
+ transform: translate(-30px, -50%);
559
+ -webkit-transition: all 0.3s ease;
560
+ transition: all 0.3s ease;
561
+ z-index: 1;
562
+ white-space: nowrap;
563
+ }
564
+ .pa-elements-tab .pa-element-tab-tooltip::before {
565
+ display: block;
566
+ position: absolute;
567
+ top: 50%;
568
+ right: -5px;
569
+ width: 0;
570
+ height: 0;
571
+ content: "";
572
+ border-top: 5px solid transparent;
573
+ border-bottom: 5px solid transparent;
574
+ border-left: 5px solid #ffffff;
575
+ -webkit-transform: translateY(-50%);
576
+ -ms-transform: translateY(-50%);
577
+ transform: translateY(-50%);
578
+ }
579
+ .pa-elements-tab .pa-elements-tab-link {
580
+ -js-display: flex;
581
+ display: -webkit-box;
582
+ display: -webkit-flex;
583
+ display: -moz-box;
584
+ display: -ms-flexbox;
585
+ display: flex;
586
+ -webkit-box-pack: center;
587
+ -webkit-justify-content: center;
588
+ -moz-box-pack: center;
589
+ -ms-flex-pack: center;
590
+ justify-content: center;
591
+ -webkit-box-align: center;
592
+ -webkit-align-items: center;
593
+ -moz-box-align: center;
594
+ -ms-flex-align: center;
595
+ align-items: center;
596
+ color: #c2c4cf;
597
+ padding: 12px;
598
+ text-decoration: none;
599
+ -webkit-transition: all 0.3s ease-in-out;
600
+ transition: all 0.3s ease-in-out;
601
+ -webkit-border-radius: 13px;
602
+ border-radius: 13px;
603
+ }
604
+
605
+ .pa-elements-tab .pa-elements-tab-link:hover,
606
+ .pa-elements-tab .pa-elements-tab-link.active {
607
+ -webkit-filter: drop-shadow(-4.243px -4.243px 3px rgba(255, 255, 255, 0.5))
608
+ drop-shadow(4.243px 4.243px 3px rgba(191, 201, 210, 0.6));
609
+ filter: drop-shadow(-4.243px -4.243px 3px rgba(255, 255, 255, 0.5))
610
+ drop-shadow(4.243px 4.243px 3px rgba(191, 201, 210, 0.6));
611
+ background-color: #ffffff;
612
+ color: #00a5e5;
613
+ outline: none;
614
+ border: none;
615
+ text-decoration: none;
616
+ -webkit-box-shadow: none;
617
+ box-shadow: none;
618
+ }
619
+
620
+ .pa-elements-tab .pa-elements-tab-link:hover + span {
621
+ opacity: 1;
622
+ -webkit-transform: translate(-20px, -50%);
623
+ -ms-transform: translate(-20px, -50%);
624
+ transform: translate(-20px, -50%);
625
+ }
626
+
627
+ .pa-switchers {
628
+ -js-display: flex;
629
+ display: -webkit-box;
630
+ display: -webkit-flex;
631
+ display: -moz-box;
632
+ display: -ms-flexbox;
633
+ display: flex;
634
+ -webkit-flex-wrap: wrap;
635
+ -ms-flex-wrap: wrap;
636
+ flex-wrap: wrap;
637
+ -webkit-align-content: flex-start;
638
+ -ms-flex-line-pack: start;
639
+ align-content: flex-start;
640
+ }
641
+ .pa-switchers-container {
642
+ width: 100%;
643
+ }
644
+ .pa-switchers-container.hidden,
645
+ .pa-switcher.hidden {
646
+ display: none;
647
+ }
648
+ .pa-switchers-container .pa-elements-tab-title {
649
+ font-size: 20px;
650
+ color: #252c59;
651
+ font-weight: 900;
652
+ font-family: "Red Hat Display";
653
+ margin: 16px 0;
654
+ }
655
+ .pa-switcher {
656
+ -webkit-border-radius: 15px;
657
+ border-radius: 15px;
658
+ background-color: #f7f7f7;
659
+ position: relative;
660
+ -js-display: flex;
661
+ display: -webkit-box;
662
+ display: -webkit-flex;
663
+ display: -moz-box;
664
+ display: -ms-flexbox;
665
+ display: flex;
666
+ width: -webkit-calc(50% - 56px);
667
+ width: calc(50% - 56px);
668
+ -webkit-box-pack: justify;
669
+ -webkit-justify-content: space-between;
670
+ -moz-box-pack: justify;
671
+ -ms-flex-pack: justify;
672
+ justify-content: space-between;
673
+ -webkit-box-align: center;
674
+ -webkit-align-items: center;
675
+ -moz-box-align: center;
676
+ -ms-flex-align: center;
677
+ align-items: center;
678
+ padding: 20px;
679
+ margin-top: 16px;
680
+ margin-left: 16px;
681
+ }
682
+
683
+ .pa-element-info {
684
+ -js-display: flex;
685
+ display: -webkit-box;
686
+ display: -webkit-flex;
687
+ display: -moz-box;
688
+ display: -ms-flexbox;
689
+ display: flex;
690
+ -webkit-box-align: center;
691
+ -webkit-align-items: center;
692
+ -moz-box-align: center;
693
+ -ms-flex-align: center;
694
+ align-items: center;
695
+ }
696
+ .pa-element-info .pa-element-icon {
697
+ color: #252c59;
698
+ background-color: #ebebeb;
699
+ -webkit-border-radius: 15px;
700
+ border-radius: 15px;
701
+ /* padding: 12px; */
702
+ min-width: 40px;
703
+ min-height: 40px;
704
+ margin-left: 10px;
705
+ -js-display: flex;
706
+ display: -webkit-box;
707
+ display: -webkit-flex;
708
+ display: -moz-box;
709
+ display: -ms-flexbox;
710
+ display: flex;
711
+ -webkit-box-pack: center;
712
+ -webkit-justify-content: center;
713
+ -moz-box-pack: center;
714
+ -ms-flex-pack: center;
715
+ justify-content: center;
716
+ -webkit-box-align: center;
717
+ -webkit-align-items: center;
718
+ -moz-box-align: center;
719
+ -ms-flex-align: center;
720
+ align-items: center;
721
+ }
722
+ .pa-element-name {
723
+ font-size: 16px;
724
+ color: #252c59;
725
+ font-weight: 700;
726
+ font-family: "Red Hat Display";
727
+ margin: 0;
728
+ -js-display: flex;
729
+ display: -webkit-box;
730
+ display: -webkit-flex;
731
+ display: -moz-box;
732
+ display: -ms-flexbox;
733
+ display: flex;
734
+ }
735
+
736
+ .pa-element-name span {
737
+ text-transform: uppercase;
738
+ color: #fd9926;
739
+ font-weight: 700;
740
+ font-size: 11px;
741
+ margin-right: 5px;
742
+ }
743
+
744
+ .pa-element-link {
745
+ font-size: 13px;
746
+ color: #252c59;
747
+ font-family: "Poppins";
748
+ text-decoration: none;
749
+ -webkit-transition: all 0.2s ease-in-out;
750
+ transition: all 0.2s ease-in-out;
751
+ }
752
+
753
+ .pa-element-link-separator {
754
+ width: 3px;
755
+ height: 3px;
756
+ display: inline-block;
757
+ text-align: center;
758
+ color: #252c59;
759
+ background: #252c59;
760
+ -webkit-border-radius: 50%;
761
+ border-radius: 50%;
762
+ vertical-align: middle;
763
+ margin: 0 3px;
764
+ }
765
+
766
+ .pa-element-link:hover,
767
+ .pa-element-link:focus {
768
+ color: #00a5e5;
769
+ text-decoration: none;
770
+ outline: none;
771
+ -webkit-box-shadow: none;
772
+ box-shadow: none;
773
+ border: none;
774
+ }
775
+
776
+ /*
777
+ * Integrations
778
+ */
779
+ .pa-maps-table select {
780
+ width: 100%;
781
+ max-width: 100%;
782
+ padding: 8px;
783
+ }
784
+ .pa-maps-table #premium-map-api,
785
+ .pa-maps-table #premium-youtube-api {
786
+ width: 100%;
787
+ }
788
+ .pa-maps-table tr td {
789
+ padding-top: 30px;
790
+ }
791
+ .pa-maps-table tr td:first-of-type {
792
+ padding-left: 30px;
793
+ }
794
+ .pa-maps-table td h4 {
795
+ margin: 0;
796
+ font-size: 15px;
797
+ color: #252c59;
798
+ font-weight: 500;
799
+ font-family: "Poppins";
800
+ display: inline-block;
801
+ }
802
+ .pa-maps-table td span {
803
+ font-size: 13px;
804
+ color: #474747;
805
+ font-family: "Poppins";
806
+ vertical-align: middle;
807
+ }
808
+ .pa-maps-table td input[type="text"] {
809
+ -webkit-border-radius: 10px;
810
+ border-radius: 10px;
811
+ background-color: #ebebeb;
812
+ border: none;
813
+ padding: 8px 20px;
814
+ }
815
+ .pa-section input[type="checkbox"] {
816
+ border: none;
817
+ display: none;
818
+ }
819
+
820
+ .pa-section input[type="checkbox"] + label {
821
+ position: relative;
822
+ background: #ebebeb;
823
+ height: 16px;
824
+ width: 16px;
825
+ display: inline-block;
826
+ padding: 0;
827
+ margin-left: 5px;
828
+ -webkit-border-radius: 4px;
829
+ border-radius: 4px;
830
+ }
831
+ .pa-section input[type="checkbox"]:checked + label {
832
+ background: #00a5e5;
833
+ height: 16px;
834
+ width: 16px;
835
+ display: inline-block;
836
+ padding: 0;
837
+ }
838
+ .pa-section input[type="checkbox"]:checked + label:before {
839
+ position: absolute;
840
+ content: "✔";
841
+ color: #fff;
842
+ font-size: 12px;
843
+ top: 0;
844
+ right: 0;
845
+ width: 100%;
846
+ height: 100%;
847
+ text-align: center;
848
+ margin-top: -1px;
849
+ }
850
+ .pa-maps-table td input:focus {
851
+ outline: none;
852
+ -webkit-box-shadow: none;
853
+ box-shadow: none;
854
+ border: none;
855
+ }
856
+ .pa-elements-filter select,
857
+ .pa-maps-table td select {
858
+ border-color: #dcdcdc;
859
+ -webkit-border-radius: 10px;
860
+ border-radius: 10px;
861
+ -webkit-border-bottom-left-radius: 0;
862
+ border-bottom-left-radius: 0;
863
+ }
864
+ .pa-maps-circle-icon {
865
+ width: 5px;
866
+ height: 5px;
867
+ background-color: #252c59;
868
+ -webkit-border-radius: 50%;
869
+ border-radius: 50%;
870
+ display: inline-block;
871
+ vertical-align: middle;
872
+ margin-left: 10px;
873
+ }
874
+ .pa-maps-table td h4:before {
875
+ position: absolute;
876
+ content: "";
877
+ }
878
+
879
+ /*
880
+ * White Labeling Tab
881
+ */
882
+ .pa-wht-lbl-settings .pa-wht-lbl-title {
883
+ font-size: 20px;
884
+ color: #252c59;
885
+ font-weight: 900;
886
+ font-family: "Red Hat Display";
887
+ margin: 0;
888
+ }
889
+
890
+ .pa-wht-lbl-settings .pa-row {
891
+ width: 60%;
892
+ float: right;
893
+ }
894
+
895
+ .pa-wht-lbl-settings .pa-wht-lbl-admin {
896
+ width: 30%;
897
+ float: right;
898
+ margin-right: 16px;
899
+ }
900
+
901
+ .pa-wht-lbl-settings .pa-wht-lbl-head {
902
+ border-bottom: 1px solid #ddd;
903
+ background: #f7f7f7;
904
+ padding: 20px;
905
+ }
906
+
907
+ .pa-wht-lbl-table {
908
+ text-align: right;
909
+ }
910
+
911
+ .pa-wht-lbl-settings input {
912
+ font-weight: 400;
913
+ margin: 0;
914
+ margin-bottom: 12px;
915
+ -webkit-border-radius: 10px;
916
+ border-radius: 10px;
917
+ /* background-color: #ebebeb; */
918
+ border: 1px solid #dcdcdc;
919
+ padding: 8px 20px;
920
+ }
921
+
922
+ /* .pa-wht-lbl-settings input + span {
923
+ margin-left: 0.3em;
924
+ } */
925
+
926
+ .pa-wht-lbl-settings label + span {
927
+ font-family: "Poppins";
928
+ vertical-align: middle;
929
+ }
930
+ .pa-wht-lbl-settings .pa-input-label {
931
+ display: block;
932
+ font-weight: 600;
933
+ margin: 10px 0 6px;
934
+ font-size: 14px;
935
+ color: #252c59;
936
+ font-family: "Red Hat Display";
937
+ }
938
+
939
+ .pa-wht-lbl-settings input[type="text"] {
940
+ width: 550px;
941
+ }
942
+
943
+ .pa-wht-lbl-settings input[type="text"]::-webkit-input-placeholder {
944
+ font-weight: 300;
945
+ font-family: "Poppins";
946
+ }
947
+
948
+ .pa-wht-lbl-settings input[type="text"]:-moz-placeholder {
949
+ font-weight: 300;
950
+ font-family: "Poppins";
951
+ }
952
+
953
+ .pa-wht-lbl-settings input[type="text"]::-moz-placeholder {
954
+ font-weight: 300;
955
+ font-family: "Poppins";
956
+ }
957
+
958
+ .pa-wht-lbl-settings input[type="text"]:-ms-input-placeholder {
959
+ font-weight: 300;
960
+ font-family: "Poppins";
961
+ }
962
+
963
+ .pa-wht-lbl-settings input[type="text"]::-ms-input-placeholder {
964
+ font-weight: 300;
965
+ font-family: "Poppins";
966
+ }
967
+
968
+ .pa-wht-lbl-settings input[type="text"]::placeholder {
969
+ font-weight: 300;
970
+ font-family: "Poppins";
971
+ }
972
+
973
+ .pa-wht-lbl-settings .pa-wht-lbl-settings-wrap {
974
+ background: #fff;
975
+ margin: 16px auto;
976
+ border: 1px solid #dcdcdc;
977
+ -webkit-border-radius: 10px;
978
+ border-radius: 10px;
979
+ overflow: hidden;
980
+ }
981
+
982
+ .pa-wht-lbl-settings .clearfix {
983
+ clear: both;
984
+ }
985
+
986
+ .pa-wht-lbl-group-wrap {
987
+ padding: 20px;
988
+ }
989
+
990
+ .pa-wht-lbl-save .pa-save-button {
991
+ margin-top: 0;
992
+ }
993
+
994
+ .pa-section-white-label .pa-white-label-notice {
995
+ position: absolute;
996
+ top: 0;
997
+ right: 0;
998
+ width: 100%;
999
+ height: 100%;
1000
+ background: rgba(200, 200, 200, 0.8);
1001
+ -webkit-border-radius: 15px;
1002
+ border-radius: 15px;
1003
+ -js-display: flex;
1004
+ display: -webkit-box;
1005
+ display: -webkit-flex;
1006
+ display: -moz-box;
1007
+ display: -ms-flexbox;
1008
+ display: flex;
1009
+ -webkit-box-pack: center;
1010
+ -webkit-justify-content: center;
1011
+ -moz-box-pack: center;
1012
+ -ms-flex-pack: center;
1013
+ justify-content: center;
1014
+ }
1015
+
1016
+ .pa-white-label-notice-content {
1017
+ position: absolute;
1018
+ top: 200px;
1019
+ right: 200;
1020
+ width: 530px;
1021
+ background-image: url("../../images/popup-pattern.jpg");
1022
+ background-repeat: no-repeat;
1023
+ -webkit-background-size: cover;
1024
+ background-size: cover;
1025
+ padding: 32px;
1026
+ padding-bottom: 50px;
1027
+ -webkit-border-radius: 0px 50px;
1028
+ border-radius: 0px 50px;
1029
+ text-align: center;
1030
+ z-index: 2;
1031
+ }
1032
+ .pa-white-label-notice-logo {
1033
+ -webkit-transform: translateY(-32px);
1034
+ -ms-transform: translateY(-32px);
1035
+ transform: translateY(-32px);
1036
+ margin-bottom: -18px;
1037
+ }
1038
+ .pa-white-label-notice-logo img {
1039
+ padding: 10px;
1040
+ padding-top: 40px;
1041
+ background-color: #ffffff;
1042
+ border: 1px solid #e6e6e6;
1043
+ -webkit-border-radius: 50px;
1044
+ border-radius: 50px;
1045
+ -webkit-border-top-right-radius: 50px;
1046
+ border-top-right-radius: 50px;
1047
+ -webkit-border-top-left-radius: 50px;
1048
+ border-top-left-radius: 50px;
1049
+ -webkit-border-top-right-radius: 0;
1050
+ border-top-right-radius: 0;
1051
+ -webkit-border-top-left-radius: 0;
1052
+ border-top-left-radius: 0;
1053
+ }
1054
+ .pa-white-label-notice-content h2,
1055
+ .pa-swal-head {
1056
+ display: inline-block;
1057
+ font-size: 23px;
1058
+ color: #252c59;
1059
+ font-weight: 900;
1060
+ font-family: "Red Hat Display";
1061
+ text-align: center;
1062
+ max-width: 350px;
1063
+ line-height: 1;
1064
+ margin: 0;
1065
+ margin-bottom: 18px;
1066
+ }
1067
+ .pa-white-label-notice-content h2 span {
1068
+ color: #fd9926;
1069
+ text-transform: uppercase;
1070
+ font-family: "Red Hat Display";
1071
+ }
1072
+ .pa-white-label-notice-content p {
1073
+ font-size: 13px;
1074
+ color: #474747;
1075
+ font-family: "Poppins";
1076
+ text-align: center;
1077
+ margin: 0;
1078
+ margin-bottom: 18px;
1079
+ }
1080
+
1081
+ .pa-white-label-notice-content a.pa-get-pro {
1082
+ display: inline-block;
1083
+ width: 117px;
1084
+ padding: 12px 10px;
1085
+ -webkit-border-radius: 10px;
1086
+ border-radius: 10px;
1087
+ color: #ffffff;
1088
+ font-size: 15px;
1089
+ font-weight: 900;
1090
+ font-family: "Red Hat Display";
1091
+ -webkit-filter: drop-shadow(0px 20px 17.5px rgba(254, 99, 0, 0.2));
1092
+ filter: drop-shadow(0px 20px 17.5px rgba(254, 99, 0, 0.2));
1093
+ text-decoration: none;
1094
+ outline: none;
1095
+ border: none;
1096
+ background-image: -webkit-linear-gradient(-120deg, #fe6300 0%, #fe9f00 100%);
1097
+ background-image: linear-gradient(30deg, #fe6300 0%, #fe9f00 100%);
1098
+ -webkit-transition: all 0.2s ease-in-out;
1099
+ transition: all 0.2s ease-in-out;
1100
+ }
1101
+ .pa-white-label-notice-content a.pa-get-pro:hover {
1102
+ background-image: -webkit-linear-gradient(-60deg, #fe6300 0%, #fe9f00 100%);
1103
+ background-image: linear-gradient(-30deg, #fe6300 0%, #fe9f00 100%);
1104
+ }
1105
+
1106
+ /*
1107
+ * System Info Tab
1108
+ */
1109
+ .pa-section-info table.widefat {
1110
+ border: 0px;
1111
+ -webkit-box-shadow: none;
1112
+ box-shadow: none;
1113
+ font-family: "Poppins";
1114
+ }
1115
+ .pa-section-info .widefat td:first-child {
1116
+ width: 30%;
1117
+ }
1118
+ .pa-section-info table.widefat tr:nth-child(2n) {
1119
+ background-color: #f7f7f7;
1120
+ }
1121
+
1122
+ /*
1123
+ * License Tab
1124
+ */
1125
+ .pa-license-form span {
1126
+ color: #474747;
1127
+ font-family: "Poppins";
1128
+ }
1129
+
1130
+ .pa-license-form label {
1131
+ display: block;
1132
+ font-weight: 500;
1133
+ margin: 2em 0 0.5em;
1134
+ }
1135
+
1136
+ .pa-license-form code {
1137
+ padding: 3px 5px 2px;
1138
+ margin: 0 1px;
1139
+ background: #eaeaea;
1140
+ background: rgba(0, 0, 0, 0.07);
1141
+ font-size: 13px;
1142
+ font-style: italic;
1143
+ }
1144
+
1145
+ .pa-license-form .button.button-primary {
1146
+ width: 147px;
1147
+ height: 43px;
1148
+ /* -webkit-filter: drop-shadow(0px 10px 35px rgba(0, 165, 229, 0.3));
1149
+ filter: drop-shadow(0px 10px 35px rgba(0, 165, 229, 0.3)); */
1150
+ background-color: #00a5e5;
1151
+ /* margin-top: 50px; */
1152
+ margin-right: -3px;
1153
+ -webkit-border-radius: 10px 0 0 10px;
1154
+ border-radius: 10px 0 0 10px;
1155
+ border: none;
1156
+ }
1157
+
1158
+ #papro-license-key:focus,
1159
+ .pa-license-form .button.button-primary:focus {
1160
+ outline: none;
1161
+ -webkit-box-shadow: none;
1162
+ box-shadow: none;
1163
+ }
1164
+
1165
+ #papro-license-key {
1166
+ height: 43px;
1167
+ line-height: 1;
1168
+ margin: 0;
1169
+ padding: 8px 20px;
1170
+ -webkit-border-radius: 0 10px 10px 0;
1171
+ border-radius: 0 10px 10px 0;
1172
+ }
1173
+
1174
+ .pa-license-form input + span {
1175
+ margin-right: 10px;
1176
+ font-weight: 600;
1177
+ }
1178
+
1179
+ .pa-license-cell span {
1180
+ margin-right: 0.3em;
1181
+ }
1182
+
1183
+ /*
1184
+ * PAPRO Notice
1185
+ */
1186
+ .papro-admin-notice {
1187
+ -webkit-display: flex;
1188
+ display: -webkit-box;
1189
+ display: -ms-flexbox;
1190
+ -js-display: flex;
1191
+ display: -moz-box;
1192
+ display: flex;
1193
+ -webkit-box-pack: end;
1194
+ -ms-flex-pack: end;
1195
+ -webkit-justify-content: flex-end;
1196
+ -moz-box-pack: end;
1197
+ justify-content: flex-end;
1198
+ -webkit-box-align: center;
1199
+ -ms-flex-align: center;
1200
+ -webkit-align-items: center;
1201
+ -moz-box-align: center;
1202
+ align-items: center;
1203
+ margin-bottom: 24px;
1204
+ }
1205
+ .papro-admin-notice > div {
1206
+ -webkit-box-flex: 1;
1207
+ -webkit-flex-grow: 1;
1208
+ -moz-box-flex: 1;
1209
+ -ms-flex-positive: 1;
1210
+ flex-grow: 1;
1211
+ }
1212
+ .papro-admin-notice-left {
1213
+ position: relative;
1214
+ padding: 16px;
1215
+ -webkit-border-radius: 15px;
1216
+ border-radius: 15px;
1217
+ background-color: #fff;
1218
+ -webkit-flex-basis: 80%;
1219
+ -ms-flex-preferred-size: 80%;
1220
+ flex-basis: 80%;
1221
+ }
1222
+ .papro-admin-notice-left a {
1223
+ position: absolute;
1224
+ top: 0;
1225
+ right: 0;
1226
+ width: 100%;
1227
+ height: 100%;
1228
+ }
1229
+ .papro-admin-notice-left a:hover,
1230
+ .papro-admin-notice-left a:focus,
1231
+ .papro-admin-notice-left a:visited {
1232
+ outline: none;
1233
+ border: none;
1234
+ box-shadow: none;
1235
+ text-decoration: none;
1236
+ }
1237
+ /* .papro-admin-notice-logo img {
1238
+ width: 100%;
1239
+ } */
1240
+ .papro-admin-notice-right {
1241
+ -webkit-display: flex;
1242
+ display: -webkit-box;
1243
+ display: -ms-flexbox;
1244
+ -js-display: flex;
1245
+ display: -moz-box;
1246
+ display: flex;
1247
+ -webkit-box-align: center;
1248
+ -ms-flex-align: center;
1249
+ -webkit-align-items: center;
1250
+ -moz-box-align: center;
1251
+ align-items: center;
1252
+ background: url("../../images/papro-banner.png");
1253
+ -webkit-background-size: cover;
1254
+ background-size: cover;
1255
+ background-repeat: no-repeat;
1256
+ padding: 18px;
1257
+ -webkit-border-radius: 15px;
1258
+ border-radius: 15px;
1259
+ overflow: hidden;
1260
+ margin-right: 25px;
1261
+ }
1262
+
1263
+ .papro-admin-notice-right h4 {
1264
+ font-size: 20px;
1265
+ color: #fff;
1266
+ font-weight: 900;
1267
+ font-family: "Red Hat Display";
1268
+ margin: 0;
1269
+ margin-bottom: 8px;
1270
+ }
1271
+ .papro-admin-notice-right p {
1272
+ font-size: 14px;
1273
+ color: #ffffff;
1274
+ font-family: "Poppins";
1275
+ margin: 0;
1276
+ }
1277
+ .papro-admin-notice-right span {
1278
+ font-weight: 700;
1279
+ }
1280
+
1281
+ /*
1282
+ * Dashboard Tabs
1283
+ */
1284
+ .pa-dash-general:before {
1285
+ content: "\e900";
1286
+ }
1287
+ .pa-dash-integrations:before {
1288
+ content: "\e901";
1289
+ }
1290
+ .pa-dash-system-info:before {
1291
+ content: "\e902";
1292
+ }
1293
+ .pa-dash-vcontrol:before {
1294
+ content: "\e903";
1295
+ }
1296
+ .pa-dash-white-label:before {
1297
+ content: "\e904";
1298
+ }
1299
+ .pa-dash-elements:before {
1300
+ content: "\e905";
1301
+ }
1302
+ .pa-dash-license:before {
1303
+ content: "\e910";
1304
+ }
1305
+ .pa-dash-features:before {
1306
+ content: "\e911";
1307
+ }
1308
+ /*
1309
+ * Elements Categories
1310
+ */
1311
+ .pa-dash-cat-all:before {
1312
+ content: "\e906";
1313
+ }
1314
+ .pa-dash-cat-blurbs:before {
1315
+ content: "\e907";
1316
+ }
1317
+ .pa-dash-cat-contact:before {
1318
+ content: "\e908";
1319
+ }
1320
+ .pa-dash-cat-content:before {
1321
+ content: "\e909";
1322
+ }
1323
+ .pa-dash-cat-images:before {
1324
+ content: "\e90a";
1325
+ }
1326
+ .pa-dash-cat-off-grid:before {
1327
+ content: "\e90b";
1328
+ }
1329
+ .pa-dash-cat-section:before {
1330
+ content: "\e90c";
1331
+ }
1332
+ .pa-dash-cat-feed:before {
1333
+ content: "\e90d";
1334
+ }
1335
+ .pa-dash-cat-data:before {
1336
+ content: "\e90e";
1337
+ }
1338
+ .pa-dash-cat-social:before {
1339
+ content: "\e90f";
1340
+ }
1341
+ /*
1342
+ * Widgets Icons
1343
+ */
1344
+ .pa-dash-premium-notbar:before {
1345
+ content: "\e913";
1346
+ }
1347
+ .pa-dash-premium-gradient:before {
1348
+ content: "\e914";
1349
+ }
1350
+ .pa-dash-premium-color-transition:before {
1351
+ content: "\e915";
1352
+ }
1353
+ .pa-dash-premium-behance:before {
1354
+ content: "\e916";
1355
+ }
1356
+ .pa-dash-premium-charts:before {
1357
+ content: "\e917";
1358
+ }
1359
+ .pa-dash-premium-content-toggle:before {
1360
+ content: "\e918";
1361
+ }
1362
+ .pa-dash-premium-divider:before {
1363
+ content: "\e919";
1364
+ }
1365
+ .pa-dash-premium-facebook-feed:before {
1366
+ content: "\e91b";
1367
+ }
1368
+ .pa-dash-facebook-feed-2:before {
1369
+ content: "\e91b";
1370
+ }
1371
+ .pa-dash-premium-fb-chat:before {
1372
+ content: "\e91c";
1373
+ }
1374
+ .pa-dash-premium-facebook-reviews:before {
1375
+ content: "\e91d";
1376
+ }
1377
+ .pa-dash-premium-google-reviews:before {
1378
+ content: "\e91e";
1379
+ }
1380
+ .pa-dash-premium-hscroll:before {
1381
+ content: "\e91f";
1382
+ }
1383
+ .pa-dash-premium-flipbox:before {
1384
+ content: "\e920";
1385
+ }
1386
+ .pa-dash-premium-iconbox:before {
1387
+ content: "\e921";
1388
+ }
1389
+ .pa-dash-premium-image-accordion:before {
1390
+ content: "\e922";
1391
+ }
1392
+ .pa-dash-premium-image-comparison:before {
1393
+ content: "\e923";
1394
+ }
1395
+ .pa-dash-premium-image-hotspots:before {
1396
+ content: "\e924";
1397
+ }
1398
+ .pa-dash-premium-img-layers:before {
1399
+ content: "\e925";
1400
+ }
1401
+ .pa-dash-premium-instagram-feed:before {
1402
+ content: "\e926";
1403
+ }
1404
+ .pa-dash-premium-kenburns:before {
1405
+ content: "\e927";
1406
+ }
1407
+ .pa-dash-premium-lottie:before {
1408
+ content: "\e928";
1409
+ }
1410
+ .pa-dash-premium-magic-section:before {
1411
+ content: "\e929";
1412
+ }
1413
+ .pa-dash-premium-multi-scroll:before {
1414
+ content: "\e92a";
1415
+ }
1416
+ .pa-dash-premium-ihover:before {
1417
+ content: "\e92b";
1418
+ }
1419
+ .pa-dash-premium-parallax:before {
1420
+ content: "\e94f";
1421
+ }
1422
+ .pa-dash-premium-particles:before {
1423
+ content: "\e92c";
1424
+ }
1425
+ .pa-dash-premium-prev-img:before {
1426
+ content: "\e92d";
1427
+ }
1428
+ .pa-dash-premium-tabs:before {
1429
+ content: "\e92f";
1430
+ }
1431
+ .pa-dash-premium-tables:before {
1432
+ content: "\e92e";
1433
+ }
1434
+ .pa-dash-trustpilot:before {
1435
+ content: "\e930";
1436
+ }
1437
+ .pa-dash-premium-twitter-feed:before {
1438
+ content: "\e931";
1439
+ }
1440
+ .pa-dash-premium-unfold:before {
1441
+ content: "\e932";
1442
+ }
1443
+ .pa-dash-premium-whatsapp-chat:before {
1444
+ content: "\e933";
1445
+ }
1446
+ .pa-dash-premium-yelp-reviews:before {
1447
+ content: "\e934";
1448
+ }
1449
+ .pa-dash-premium-banner:before {
1450
+ content: "\e935";
1451
+ }
1452
+ .pa-dash-premium-blog:before {
1453
+ content: "\e936";
1454
+ }
1455
+ .pa-dash-premium-button:before {
1456
+ content: "\e937";
1457
+ }
1458
+ .pa-dash-premium-carousel:before {
1459
+ content: "\e938";
1460
+ }
1461
+ .pa-dash-premium-contactform:before {
1462
+ content: "\e939";
1463
+ }
1464
+ .pa-dash-premium-countdown:before {
1465
+ content: "\e93a";
1466
+ }
1467
+ .pa-dash-premium-counter:before {
1468
+ content: "\e93b";
1469
+ }
1470
+ .pa-dash-premium-dual-header:before {
1471
+ content: "\e93c";
1472
+ }
1473
+ .pa-dash-premium-fancytext:before {
1474
+ content: "\e93d";
1475
+ }
1476
+ .pa-dash-premium-maps:before {
1477
+ content: "\e93e";
1478
+ }
1479
+ .pa-dash-premium-title:before {
1480
+ content: "\e93f";
1481
+ }
1482
+ .pa-dash-premium-icon-list:before {
1483
+ content: "\e940";
1484
+ }
1485
+ .pa-dash-premium-image-button:before {
1486
+ content: "\e941";
1487
+ }
1488
+ .pa-dash-premium-image-scroll:before {
1489
+ content: "\e942";
1490
+ }
1491
+ .pa-dash-premium-image-separator:before {
1492
+ content: "\e943";
1493
+ }
1494
+ /* .pa-dash-premium-lottie:before {
1495
+ content: "\e944";
1496
+ } */
1497
+ .pa-dash-premium-lottie-widget:before {
1498
+ content: "\e945";
1499
+ }
1500
+ .pa-dash-premium-grid:before {
1501
+ content: "\e946";
1502
+ }
1503
+ .pa-dash-premium-modalbox:before {
1504
+ content: "\e947";
1505
+ }
1506
+ .pa-dash-premium-pricing-table:before {
1507
+ content: "\e948";
1508
+ }
1509
+ .pa-dash-premium-progressbar:before {
1510
+ content: "\e949";
1511
+ }
1512
+ .pa-dash-premium-person:before {
1513
+ content: "\e94a";
1514
+ }
1515
+ .pa-dash-premium-testimonials:before {
1516
+ content: "\e94b";
1517
+ }
1518
+ .pa-dash-premium-vscroll:before {
1519
+ content: "\e94c";
1520
+ }
1521
+ .pa-dash-premium-videobox:before {
1522
+ content: "\e94d";
1523
+ }
admin/assets/css/admin.css CHANGED
@@ -1,1524 +1,1524 @@
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
- .button.pa-btn:hover,
13
- .button.pa-btn:focus,
14
- .button.pa-btn:active {
15
- outline: none;
16
- border: none;
17
- text-decoration: none;
18
- }
19
- .pa-btn.pa-save-button {
20
- font-family: "Red Hat Display";
21
- font-size: 15px;
22
- width: 147px;
23
- height: 43px;
24
- -webkit-border-radius: 10px;
25
- border-radius: 10px;
26
- /* -webkit-filter: drop-shadow(0px 10px 35px rgba(0, 165, 229, 0.3));
27
- filter: drop-shadow(0px 10px 35px rgba(0, 165, 229, 0.3)); */
28
- background-color: #00a5e5;
29
- margin-top: 50px;
30
- }
31
- .pa-btn.pa-save-button:hover,
32
- .pa-btn.pa-save-button:focus,
33
- .pa-btn.pa-save-button:active {
34
- background: #00a5e5;
35
- color: #fff;
36
- -webkit-box-shadow: none;
37
- box-shadow: none;
38
- }
39
-
40
- .switch {
41
- position: relative;
42
- display: inline-block;
43
- width: 44px;
44
- height: 24px;
45
- -webkit-border-radius: 12px;
46
- border-radius: 12px;
47
- }
48
- .switch input {
49
- display: none;
50
- }
51
- .slider,
52
- .pro-slider {
53
- position: absolute;
54
- cursor: pointer;
55
- top: 0;
56
- left: 0;
57
- right: 0;
58
- bottom: 0;
59
- /* background-color: #f2f2f2;
60
- box-shadow: 0 0 2px 1px #ccc inset; */
61
- -webkit-transition: 0.4s;
62
- transition: 0.4s;
63
- }
64
- .slider:before,
65
- .pro-slider:before {
66
- position: absolute;
67
- content: "";
68
- left: 3px;
69
- top: 50%;
70
- -webkit-transform: translateY(-50%);
71
- -ms-transform: translateY(-50%);
72
- transform: translateY(-50%);
73
- /* background: radial-gradient(farthest-corner at 14px 0px, #f0f0f0 50%, #cacaca 100%); */
74
- -webkit-transition: all 0.4s ease-in-out;
75
- transition: all 0.4s ease-in-out;
76
- padding: 0;
77
- margin: 0;
78
- width: 15px;
79
- height: 15px;
80
- -webkit-border-radius: 8px;
81
- border-radius: 8px;
82
- -webkit-filter: drop-shadow(0px 5px 2.5px rgba(40, 40, 40, 0.35));
83
- filter: drop-shadow(0px 5px 2.5px rgba(40, 40, 40, 0.35));
84
- background-color: #f7f7f7;
85
- border: 1px solid #ffffff;
86
- /* box-shadow: 0 2.5px 5px #b8b8b9; */
87
- }
88
- input:checked + .slider {
89
- background: #8dc900;
90
- }
91
- input:focus + .slider {
92
- -webkit-box-shadow: 0 0 1px #18a4fd;
93
- box-shadow: 0 0 1px #18a4fd;
94
- }
95
- input:checked + .slider:before {
96
- -webkit-transform: translate3d(20px, -50%, 0);
97
- transform: translate3d(20px, -50%, 0);
98
- }
99
- .slider.round,
100
- .pro-slider.round {
101
- -webkit-border-radius: 34px;
102
- border-radius: 34px;
103
- background-image: -webkit-gradient(linear, left top, left bottom, from(#cfcfcf), to(#dbdbdb));
104
- background-image: -webkit-linear-gradient(top, #cfcfcf 0%, #dbdbdb 100%);
105
- background-image: linear-gradient(180deg, #cfcfcf 0%, #dbdbdb 100%);
106
- }
107
- .slider.round:before,
108
- .pro-slider.round:before {
109
- -webkit-border-radius: 50%;
110
- border-radius: 50%;
111
- }
112
-
113
- .pa-switcher input:disabled + .pro-slider::after {
114
- position: absolute;
115
- content: "\e912";
116
- font-family: "pa-dash";
117
- color: #474747;
118
- right: 8px;
119
- top: 50%;
120
- -webkit-transform: translateY(-50%);
121
- -ms-transform: translateY(-50%);
122
- transform: translateY(-50%);
123
- }
124
- .pa-api-disable-title label,
125
- .pa-is-beta label {
126
- margin-right: 15px;
127
- }
128
- .pa-api-disable-title span,
129
- .pa-is-beta span {
130
- font-weight: 400;
131
- }
132
- .pa-maps-api-notice {
133
- margin: 0.5em 0;
134
- }
135
- .pa-api-title input {
136
- margin-top: 10px;
137
- font-size: normal;
138
- font-weight: 400;
139
- width: 400px;
140
- margin-left: 30px;
141
- }
142
-
143
- .pa-sys-info-tab {
144
- background: #f7f7f7;
145
- margin: 8px;
146
- border: 2px solid #ddd;
147
- -webkit-border-radius: 3px;
148
- border-radius: 3px;
149
- padding: 0;
150
- }
151
- .pa-system-info-container {
152
- padding: 10px;
153
- }
154
-
155
- .dialog-type-lightbox .dialog-widget-header {
156
- text-align: center;
157
- font-size: 15px;
158
- color: #495157;
159
- padding: 30px 0 10px;
160
- font-weight: 500;
161
- }
162
-
163
- .pa-swal.swal2-show {
164
- padding: 32px;
165
- padding-bottom: 50px;
166
- background-image: url("../../images/popup-pattern.jpg");
167
- background-repeat: no-repeat;
168
- -webkit-background-size: cover;
169
- background-size: cover;
170
- -webkit-border-radius: 50px 0;
171
- border-radius: 50px 0;
172
- }
173
-
174
- .pa-swal .swal2-close {
175
- color: #c2c4cf;
176
- }
177
- .pa-swal .swal2-close:hover {
178
- color: #00a5e5;
179
- }
180
- .pa-swal .swal2-title {
181
- margin: 0;
182
- }
183
- .pa-swal .swal2-content {
184
- font-size: 13px;
185
- color: #474747;
186
- font-family: "Poppins";
187
- text-align: center;
188
- margin: 0;
189
- margin-bottom: 0px;
190
- }
191
- .pa-swal .swal2-cancel.swal2-styled,
192
- .pa-swal .swal2-cancel.swal2-styled:hover,
193
- .pa-swal .swal2-confirm.swal2-styled {
194
- background-image: none !important;
195
- background-color: #ebebeb;
196
- color: #474747;
197
- border: none !important;
198
- -webkit-box-shadow: none !important;
199
- box-shadow: none !important;
200
- font-family: "Red Hat Display";
201
- font-size: 15px;
202
- font-weight: 700;
203
- }
204
- .pa-swal .swal2-confirm.swal2-styled,
205
- .pa-swal .swal2-confirm.swal2-styled:hover {
206
- min-width: 128px;
207
- color: #fff;
208
- background-image: none !important;
209
- background-color: #00a5e5;
210
- }
211
-
212
- /**
213
- * New Dashboard
214
- */
215
- .pa-settings-wrap {
216
- padding: 35px;
217
- padding-left: 15px;
218
- }
219
- .pa-settings-section {
220
- display: none;
221
- }
222
-
223
- .pa-settings-tabs {
224
- background-color: #fff;
225
- -webkit-border-radius: 15px;
226
- border-radius: 15px;
227
- padding: 36px;
228
- margin-bottom: 12px;
229
- }
230
-
231
- .pa-settings-tabs-list {
232
- clear: left;
233
- margin: 0;
234
- list-style-type: none;
235
- }
236
-
237
- .pa-settings-tabs .pa-settings-tabs-list li {
238
- display: inline-block;
239
- margin-bottom: 0;
240
- margin-right: 23px;
241
- }
242
-
243
- .pa-settings-section.active {
244
- display: block;
245
- }
246
-
247
- .papro-admin-notice a,
248
- .pa-settings-wrap .pa-settings-tabs a {
249
- -js-display: flex;
250
- display: -webkit-box;
251
- display: -webkit-flex;
252
- display: -moz-box;
253
- display: -ms-flexbox;
254
- display: flex;
255
- -webkit-box-pack: center;
256
- -webkit-justify-content: center;
257
- -moz-box-pack: center;
258
- -ms-flex-pack: center;
259
- justify-content: center;
260
- -webkit-box-align: center;
261
- -webkit-align-items: center;
262
- -moz-box-align: center;
263
- -ms-flex-align: center;
264
- align-items: center;
265
- font-size: 14px;
266
- line-height: 1.8em;
267
- position: relative;
268
- color: #252c59;
269
- text-decoration: none;
270
- -webkit-transition: all 0.3s ease;
271
- transition: all 0.3s ease;
272
- }
273
-
274
- .papro-admin-notice a.papro-notice-btn {
275
- width: 120px;
276
- /* height: 58px; */
277
- -webkit-border-radius: 15px;
278
- border-radius: 15px;
279
- -webkit-filter: drop-shadow(0px 5px 50px rgba(87, 0, 101, 0.7));
280
- filter: drop-shadow(0px 5px 50px rgba(87, 0, 101, 0.7));
281
- background-color: #ffffff;
282
- font-size: 18px;
283
- color: #fe6300;
284
- font-weight: 800;
285
- font-family: "Red Hat Display";
286
- text-align: center;
287
- padding: 10px 20px;
288
- }
289
-
290
- .pa-settings-wrap .pa-settings-tabs a:focus {
291
- outline: none;
292
- -webkit-box-shadow: none;
293
- box-shadow: none;
294
- }
295
-
296
- .pa-settings-wrap .pa-settings-tabs span {
297
- margin-left: 8px;
298
- font-family: "Poppins";
299
- font-weight: 500;
300
- }
301
-
302
- .pa-settings-wrap .pa-settings-tabs .pa-section-active {
303
- color: #00a5e5;
304
- }
305
-
306
- .pa-section {
307
- display: none;
308
- position: relative;
309
- background-color: #fff;
310
- -webkit-transition: opacity 0.2s;
311
- transition: opacity 0.2s;
312
- padding: 36px;
313
- -webkit-border-radius: 15px;
314
- border-radius: 15px;
315
- }
316
-
317
- /**
318
- * General Tab
319
- */
320
- #pa-general-settings {
321
- -js-display: flex;
322
- display: -webkit-box;
323
- display: -webkit-flex;
324
- display: -moz-box;
325
- display: -ms-flexbox;
326
- display: flex;
327
- }
328
- #pa-general-settings .col-half:first-of-type {
329
- margin-right: 16px;
330
- }
331
- #pa-general-settings .pa-section-info i {
332
- vertical-align: bottom;
333
- }
334
-
335
- /**
336
- * Tab Info
337
- */
338
- .pa-section-info-wrap {
339
- padding: 36px;
340
- -webkit-border-radius: 15px;
341
- border-radius: 15px;
342
- background-color: #f7f7f7;
343
- -js-display: flex;
344
- display: -webkit-box;
345
- display: -webkit-flex;
346
- display: -moz-box;
347
- display: -ms-flexbox;
348
- display: flex;
349
- -webkit-box-pack: justify;
350
- -webkit-justify-content: space-between;
351
- -moz-box-pack: justify;
352
- -ms-flex-pack: justify;
353
- justify-content: space-between;
354
- -webkit-box-align: center;
355
- -webkit-align-items: center;
356
- -moz-box-align: center;
357
- -ms-flex-align: center;
358
- align-items: center;
359
- }
360
- #pa-ver-control-settings .pa-section-info-wrap {
361
- -webkit-box-orient: vertical;
362
- -webkit-box-direction: normal;
363
- -webkit-flex-direction: column;
364
- -moz-box-orient: vertical;
365
- -moz-box-direction: normal;
366
- -ms-flex-direction: column;
367
- flex-direction: column;
368
- -webkit-box-align: start;
369
- -webkit-align-items: flex-start;
370
- -moz-box-align: start;
371
- -ms-flex-align: start;
372
- align-items: flex-start;
373
- }
374
- #pa-features-settings .pa-section-info-wrap:nth-of-type(n + 2),
375
- #pa-ver-control-settings .pa-section-info-wrap:nth-of-type(n + 2) {
376
- margin-top: 36px;
377
- }
378
- .pa-section-info-wrap h4 {
379
- font-size: 20px;
380
- color: #252c59;
381
- font-weight: 900;
382
- font-family: "Red Hat Display";
383
- margin: 0;
384
- }
385
- .pa-section-info-wrap p {
386
- font-size: 15px;
387
- color: #474747;
388
- font-family: "Poppins";
389
- margin: 0;
390
- margin-top: 14px;
391
- }
392
- .pa-section-info-cta {
393
- -js-display: flex;
394
- display: -webkit-box;
395
- display: -webkit-flex;
396
- display: -moz-box;
397
- display: -ms-flexbox;
398
- display: flex;
399
- -webkit-box-align: center;
400
- -webkit-align-items: center;
401
- -moz-box-align: center;
402
- -ms-flex-align: center;
403
- align-items: center;
404
- margin-top: 25px;
405
- }
406
- .pa-section-info-cta .pa-btn {
407
- color: #474747;
408
- background-color: #ebebeb;
409
- padding: 8px 20px;
410
- -webkit-border-radius: 10px;
411
- border-radius: 10px;
412
- font-size: 15px;
413
- font-weight: 700;
414
- font-family: "Red Hat Display";
415
- -webkit-transition: all 0.2s ease-in-out;
416
- transition: all 0.2s ease-in-out;
417
- }
418
- .pa-section-info-cta .pa-btn:hover,
419
- .pa-section-info-cta .pa-btn:focus,
420
- .pa-section-info-cta .pa-btn:active {
421
- color: #fff;
422
- background-color: #00a5e5;
423
- }
424
-
425
- .pa-section-info-cta .pa-section-info-label {
426
- font-size: 13px;
427
- color: #474747;
428
- font-family: "Poppins";
429
- text-align: right;
430
- }
431
-
432
- .pa-section-info-cta .pa-section-info-warning {
433
- font-size: 13px;
434
- color: #cca329;
435
- font-weight: 300;
436
- font-family: "Poppins";
437
- margin-left: 20px;
438
- }
439
-
440
- .pa-section-info-cta .pa-section-info-warning i {
441
- font-weight: 300;
442
- vertical-align: bottom;
443
- }
444
-
445
- .pa-btn-group .pa-btn {
446
- font-family: "Red Hat Display";
447
- color: #8e8e8e;
448
- background-color: #ebebeb;
449
- border: 0px solid;
450
- padding: 16px 28px;
451
- -webkit-border-radius: 10px;
452
- border-radius: 10px;
453
- font-size: 15px;
454
- font-weight: 700;
455
- cursor: pointer;
456
- -webkit-transition: 300ms;
457
- transition: 300ms;
458
- display: block;
459
- }
460
- .pa-btn-group button.pa-btn-enable {
461
- -webkit-border-top-right-radius: 0;
462
- border-top-right-radius: 0;
463
- -webkit-border-bottom-right-radius: 0;
464
- border-bottom-right-radius: 0;
465
- float: left;
466
- }
467
- .pa-btn-group button.pa-btn-disable {
468
- -webkit-border-top-left-radius: 0;
469
- border-top-left-radius: 0;
470
- -webkit-border-bottom-left-radius: 0;
471
- border-bottom-left-radius: 0;
472
- float: right;
473
- }
474
-
475
- .pa-btn-group .pa-btn-enable.active {
476
- color: #fff;
477
- -webkit-box-shadow: inset 3.5px 1.8px 7px 0px rgba(125, 125, 125, 0.5);
478
- box-shadow: inset 3.5px 1.8px 7px 0px rgba(125, 125, 125, 0.5);
479
- background-color: #8dc900;
480
- }
481
- .pa-btn-group .pa-btn-disable.active {
482
- color: #fff;
483
- -webkit-box-shadow: inset 3.564px 1.816px 7px 0px rgba(81, 81, 81, 0.5);
484
- box-shadow: inset 3.564px 1.816px 7px 0px rgba(81, 81, 81, 0.5);
485
- background-color: #898989;
486
- }
487
- .pa-btn-group .pa-btn-enable:not(.active):hover {
488
- color: #ffffff;
489
- background-color: #8dc900;
490
- }
491
- .pa-btn-group .pa-btn-disable:not(.active):hover {
492
- color: #ffffff;
493
- background-color: #898989;
494
- }
495
-
496
- /*
497
- * Widgets & Addons Tab
498
- */
499
- .pa-elements-settings {
500
- position: relative;
501
- -js-display: flex;
502
- display: -webkit-box;
503
- display: -webkit-flex;
504
- display: -moz-box;
505
- display: -ms-flexbox;
506
- display: flex;
507
- margin-top: 16px;
508
- }
509
- .pa-elements-filter {
510
- position: absolute;
511
- top: 10px;
512
- right: 16px;
513
- }
514
- .pa-elements-filter label {
515
- font-size: 13px;
516
- color: #474747;
517
- font-family: "Poppins";
518
- margin-right: 10px;
519
- }
520
- .pa-elements-filter select {
521
- padding: 5px 35px 5px 15px;
522
- }
523
- .pa-elements-tabs {
524
- -webkit-border-radius: 10px;
525
- border-radius: 10px;
526
- background-color: #f7f7f7;
527
- padding: 20px;
528
- margin-right: 16px;
529
- }
530
- .pa-elements-tabs .pa-elements-tab {
531
- position: relative;
532
- padding: 0;
533
- margin-bottom: 12px;
534
- text-align: center;
535
- }
536
- .pa-elements-tab .pa-element-tab-tooltip {
537
- position: absolute;
538
- background-color: #3a3c40;
539
- display: block;
540
- position: absolute;
541
- top: 50%;
542
- left: 100%;
543
- padding: 10px 20px;
544
- -webkit-border-radius: 13px;
545
- border-radius: 13px;
546
- -webkit-filter: drop-shadow(0px 5px 27.5px rgba(104, 104, 104, 0.3));
547
- filter: drop-shadow(0px 5px 27.5px rgba(104, 104, 104, 0.3));
548
- background-color: #ffffff;
549
- font-size: 11px;
550
- color: #252c59;
551
- font-weight: 500;
552
- font-family: "Poppins";
553
- opacity: 0;
554
- pointer-events: none;
555
- text-transform: capitalize;
556
- -webkit-transform: translate(30px, -50%);
557
- -ms-transform: translate(30px, -50%);
558
- transform: translate(30px, -50%);
559
- -webkit-transition: all 0.3s ease;
560
- transition: all 0.3s ease;
561
- z-index: 1;
562
- white-space: nowrap;
563
- }
564
- .pa-elements-tab .pa-element-tab-tooltip::before {
565
- display: block;
566
- position: absolute;
567
- top: 50%;
568
- left: -5px;
569
- width: 0;
570
- height: 0;
571
- content: "";
572
- border-top: 5px solid transparent;
573
- border-bottom: 5px solid transparent;
574
- border-right: 5px solid #ffffff;
575
- -webkit-transform: translateY(-50%);
576
- -ms-transform: translateY(-50%);
577
- transform: translateY(-50%);
578
- }
579
- .pa-elements-tab .pa-elements-tab-link {
580
- -js-display: flex;
581
- display: -webkit-box;
582
- display: -webkit-flex;
583
- display: -moz-box;
584
- display: -ms-flexbox;
585
- display: flex;
586
- -webkit-box-pack: center;
587
- -webkit-justify-content: center;
588
- -moz-box-pack: center;
589
- -ms-flex-pack: center;
590
- justify-content: center;
591
- -webkit-box-align: center;
592
- -webkit-align-items: center;
593
- -moz-box-align: center;
594
- -ms-flex-align: center;
595
- align-items: center;
596
- color: #c2c4cf;
597
- padding: 12px;
598
- text-decoration: none;
599
- -webkit-transition: all 0.3s ease-in-out;
600
- transition: all 0.3s ease-in-out;
601
- -webkit-border-radius: 13px;
602
- border-radius: 13px;
603
- }
604
-
605
- .pa-elements-tab .pa-elements-tab-link:hover,
606
- .pa-elements-tab .pa-elements-tab-link.active {
607
- -webkit-filter: drop-shadow(-4.243px -4.243px 3px rgba(255, 255, 255, 0.5))
608
- drop-shadow(4.243px 4.243px 3px rgba(191, 201, 210, 0.6));
609
- filter: drop-shadow(-4.243px -4.243px 3px rgba(255, 255, 255, 0.5))
610
- drop-shadow(4.243px 4.243px 3px rgba(191, 201, 210, 0.6));
611
- background-color: #ffffff;
612
- color: #00a5e5;
613
- outline: none;
614
- border: none;
615
- text-decoration: none;
616
- -webkit-box-shadow: none;
617
- box-shadow: none;
618
- }
619
-
620
- .pa-elements-tab .pa-elements-tab-link:hover + span {
621
- opacity: 1;
622
- -webkit-transform: translate(20px, -50%);
623
- -ms-transform: translate(20px, -50%);
624
- transform: translate(20px, -50%);
625
- }
626
-
627
- .pa-switchers {
628
- -js-display: flex;
629
- display: -webkit-box;
630
- display: -webkit-flex;
631
- display: -moz-box;
632
- display: -ms-flexbox;
633
- display: flex;
634
- -webkit-flex-wrap: wrap;
635
- -ms-flex-wrap: wrap;
636
- flex-wrap: wrap;
637
- -webkit-align-content: flex-start;
638
- -ms-flex-line-pack: start;
639
- align-content: flex-start;
640
- }
641
- .pa-switchers-container {
642
- width: 100%;
643
- }
644
- .pa-switchers-container.hidden,
645
- .pa-switcher.hidden {
646
- display: none;
647
- }
648
- .pa-switchers-container .pa-elements-tab-title {
649
- font-size: 20px;
650
- color: #252c59;
651
- font-weight: 900;
652
- font-family: "Red Hat Display";
653
- margin: 16px 0;
654
- }
655
- .pa-switcher {
656
- -webkit-border-radius: 15px;
657
- border-radius: 15px;
658
- background-color: #f7f7f7;
659
- position: relative;
660
- -js-display: flex;
661
- display: -webkit-box;
662
- display: -webkit-flex;
663
- display: -moz-box;
664
- display: -ms-flexbox;
665
- display: flex;
666
- width: -webkit-calc(50% - 56px);
667
- width: calc(50% - 56px);
668
- -webkit-box-pack: justify;
669
- -webkit-justify-content: space-between;
670
- -moz-box-pack: justify;
671
- -ms-flex-pack: justify;
672
- justify-content: space-between;
673
- -webkit-box-align: center;
674
- -webkit-align-items: center;
675
- -moz-box-align: center;
676
- -ms-flex-align: center;
677
- align-items: center;
678
- padding: 20px;
679
- margin-top: 16px;
680
- margin-right: 16px;
681
- }
682
-
683
- .pa-element-info {
684
- -js-display: flex;
685
- display: -webkit-box;
686
- display: -webkit-flex;
687
- display: -moz-box;
688
- display: -ms-flexbox;
689
- display: flex;
690
- -webkit-box-align: center;
691
- -webkit-align-items: center;
692
- -moz-box-align: center;
693
- -ms-flex-align: center;
694
- align-items: center;
695
- }
696
- .pa-element-info .pa-element-icon {
697
- color: #252c59;
698
- background-color: #ebebeb;
699
- -webkit-border-radius: 15px;
700
- border-radius: 15px;
701
- /* padding: 12px; */
702
- min-width: 40px;
703
- min-height: 40px;
704
- margin-right: 10px;
705
- -js-display: flex;
706
- display: -webkit-box;
707
- display: -webkit-flex;
708
- display: -moz-box;
709
- display: -ms-flexbox;
710
- display: flex;
711
- -webkit-box-pack: center;
712
- -webkit-justify-content: center;
713
- -moz-box-pack: center;
714
- -ms-flex-pack: center;
715
- justify-content: center;
716
- -webkit-box-align: center;
717
- -webkit-align-items: center;
718
- -moz-box-align: center;
719
- -ms-flex-align: center;
720
- align-items: center;
721
- }
722
- .pa-element-name {
723
- font-size: 16px;
724
- color: #252c59;
725
- font-weight: 700;
726
- font-family: "Red Hat Display";
727
- margin: 0;
728
- -js-display: flex;
729
- display: -webkit-box;
730
- display: -webkit-flex;
731
- display: -moz-box;
732
- display: -ms-flexbox;
733
- display: flex;
734
- }
735
-
736
- .pa-element-name span {
737
- text-transform: uppercase;
738
- color: #fd9926;
739
- font-weight: 700;
740
- font-size: 11px;
741
- margin-left: 5px;
742
- }
743
-
744
- .pa-element-link {
745
- font-size: 13px;
746
- color: #252c59;
747
- font-family: "Poppins";
748
- text-decoration: none;
749
- -webkit-transition: all 0.2s ease-in-out;
750
- transition: all 0.2s ease-in-out;
751
- }
752
-
753
- .pa-element-link-separator {
754
- width: 3px;
755
- height: 3px;
756
- display: inline-block;
757
- text-align: center;
758
- color: #252c59;
759
- background: #252c59;
760
- -webkit-border-radius: 50%;
761
- border-radius: 50%;
762
- vertical-align: middle;
763
- margin: 0 3px;
764
- }
765
-
766
- .pa-element-link:hover,
767
- .pa-element-link:focus {
768
- color: #00a5e5;
769
- text-decoration: none;
770
- outline: none;
771
- -webkit-box-shadow: none;
772
- box-shadow: none;
773
- border: none;
774
- }
775
-
776
- /*
777
- * Integrations
778
- */
779
- .pa-maps-table select {
780
- width: 100%;
781
- max-width: 100%;
782
- padding: 8px;
783
- }
784
- .pa-maps-table #premium-map-api,
785
- .pa-maps-table #premium-youtube-api {
786
- width: 100%;
787
- }
788
- .pa-maps-table tr td {
789
- padding-top: 30px;
790
- }
791
- .pa-maps-table tr td:first-of-type {
792
- padding-right: 30px;
793
- }
794
- .pa-maps-table td h4 {
795
- margin: 0;
796
- font-size: 15px;
797
- color: #252c59;
798
- font-weight: 500;
799
- font-family: "Poppins";
800
- display: inline-block;
801
- }
802
- .pa-maps-table td span {
803
- font-size: 13px;
804
- color: #474747;
805
- font-family: "Poppins";
806
- vertical-align: middle;
807
- }
808
- .pa-maps-table td input[type="text"] {
809
- -webkit-border-radius: 10px;
810
- border-radius: 10px;
811
- background-color: #ebebeb;
812
- border: none;
813
- padding: 8px 20px;
814
- }
815
- .pa-section input[type="checkbox"] {
816
- border: none;
817
- display: none;
818
- }
819
-
820
- .pa-section input[type="checkbox"] + label {
821
- position: relative;
822
- background: #ebebeb;
823
- height: 16px;
824
- width: 16px;
825
- display: inline-block;
826
- padding: 0;
827
- margin-right: 5px;
828
- -webkit-border-radius: 4px;
829
- border-radius: 4px;
830
- }
831
- .pa-section input[type="checkbox"]:checked + label {
832
- background: #00a5e5;
833
- height: 16px;
834
- width: 16px;
835
- display: inline-block;
836
- padding: 0;
837
- }
838
- .pa-section input[type="checkbox"]:checked + label:before {
839
- position: absolute;
840
- content: "✔";
841
- color: #fff;
842
- font-size: 12px;
843
- top: 0;
844
- left: 0;
845
- width: 100%;
846
- height: 100%;
847
- text-align: center;
848
- margin-top: -1px;
849
- }
850
- .pa-maps-table td input:focus {
851
- outline: none;
852
- -webkit-box-shadow: none;
853
- box-shadow: none;
854
- border: none;
855
- }
856
- .pa-elements-filter select,
857
- .pa-maps-table td select {
858
- border-color: #dcdcdc;
859
- -webkit-border-radius: 10px;
860
- border-radius: 10px;
861
- -webkit-border-bottom-right-radius: 0;
862
- border-bottom-right-radius: 0;
863
- }
864
- .pa-maps-circle-icon {
865
- width: 5px;
866
- height: 5px;
867
- background-color: #252c59;
868
- -webkit-border-radius: 50%;
869
- border-radius: 50%;
870
- display: inline-block;
871
- vertical-align: middle;
872
- margin-right: 10px;
873
- }
874
- .pa-maps-table td h4:before {
875
- position: absolute;
876
- content: "";
877
- }
878
-
879
- /*
880
- * White Labeling Tab
881
- */
882
- .pa-wht-lbl-settings .pa-wht-lbl-title {
883
- font-size: 20px;
884
- color: #252c59;
885
- font-weight: 900;
886
- font-family: "Red Hat Display";
887
- margin: 0;
888
- }
889
-
890
- .pa-wht-lbl-settings .pa-row {
891
- width: 60%;
892
- float: left;
893
- }
894
-
895
- .pa-wht-lbl-settings .pa-wht-lbl-admin {
896
- width: 30%;
897
- float: left;
898
- margin-left: 16px;
899
- }
900
-
901
- .pa-wht-lbl-settings .pa-wht-lbl-head {
902
- border-bottom: 1px solid #ddd;
903
- background: #f7f7f7;
904
- padding: 20px;
905
- }
906
-
907
- .pa-wht-lbl-table {
908
- text-align: left;
909
- }
910
-
911
- .pa-wht-lbl-settings input {
912
- font-weight: 400;
913
- margin: 0;
914
- margin-bottom: 12px;
915
- -webkit-border-radius: 10px;
916
- border-radius: 10px;
917
- /* background-color: #ebebeb; */
918
- border: 1px solid #dcdcdc;
919
- padding: 8px 20px;
920
- }
921
-
922
- /* .pa-wht-lbl-settings input + span {
923
- margin-left: 0.3em;
924
- } */
925
-
926
- .pa-wht-lbl-settings label + span {
927
- font-family: "Poppins";
928
- vertical-align: middle;
929
- }
930
- .pa-wht-lbl-settings .pa-input-label {
931
- display: block;
932
- font-weight: 600;
933
- margin: 10px 0 6px;
934
- font-size: 14px;
935
- color: #252c59;
936
- font-family: "Red Hat Display";
937
- }
938
-
939
- .pa-wht-lbl-settings input[type="text"] {
940
- width: 550px;
941
- }
942
-
943
- .pa-wht-lbl-settings input[type="text"]::-webkit-input-placeholder {
944
- font-weight: 300;
945
- font-family: "Poppins";
946
- }
947
-
948
- .pa-wht-lbl-settings input[type="text"]:-moz-placeholder {
949
- font-weight: 300;
950
- font-family: "Poppins";
951
- }
952
-
953
- .pa-wht-lbl-settings input[type="text"]::-moz-placeholder {
954
- font-weight: 300;
955
- font-family: "Poppins";
956
- }
957
-
958
- .pa-wht-lbl-settings input[type="text"]:-ms-input-placeholder {
959
- font-weight: 300;
960
- font-family: "Poppins";
961
- }
962
-
963
- .pa-wht-lbl-settings input[type="text"]::-ms-input-placeholder {
964
- font-weight: 300;
965
- font-family: "Poppins";
966
- }
967
-
968
- .pa-wht-lbl-settings input[type="text"]::placeholder {
969
- font-weight: 300;
970
- font-family: "Poppins";
971
- }
972
-
973
- .pa-wht-lbl-settings .pa-wht-lbl-settings-wrap {
974
- background: #fff;
975
- margin: 16px auto;
976
- border: 1px solid #dcdcdc;
977
- -webkit-border-radius: 10px;
978
- border-radius: 10px;
979
- overflow: hidden;
980
- }
981
-
982
- .pa-wht-lbl-settings .clearfix {
983
- clear: both;
984
- }
985
-
986
- .pa-wht-lbl-group-wrap {
987
- padding: 20px;
988
- }
989
-
990
- .pa-wht-lbl-save .pa-save-button {
991
- margin-top: 0;
992
- }
993
-
994
- .pa-section-white-label .pa-white-label-notice {
995
- position: absolute;
996
- top: 0;
997
- left: 0;
998
- width: 100%;
999
- height: 100%;
1000
- background: rgba(200, 200, 200, 0.8);
1001
- -webkit-border-radius: 15px;
1002
- border-radius: 15px;
1003
- -js-display: flex;
1004
- display: -webkit-box;
1005
- display: -webkit-flex;
1006
- display: -moz-box;
1007
- display: -ms-flexbox;
1008
- display: flex;
1009
- -webkit-box-pack: center;
1010
- -webkit-justify-content: center;
1011
- -moz-box-pack: center;
1012
- -ms-flex-pack: center;
1013
- justify-content: center;
1014
- }
1015
-
1016
- .pa-white-label-notice-content {
1017
- position: absolute;
1018
- top: 200px;
1019
- left: 200;
1020
- width: 530px;
1021
- background-image: url("../../images/popup-pattern.jpg");
1022
- background-repeat: no-repeat;
1023
- -webkit-background-size: cover;
1024
- background-size: cover;
1025
- padding: 32px;
1026
- padding-bottom: 50px;
1027
- -webkit-border-radius: 50px 0px;
1028
- border-radius: 50px 0px;
1029
- text-align: center;
1030
- z-index: 2;
1031
- }
1032
- .pa-white-label-notice-logo {
1033
- -webkit-transform: translateY(-32px);
1034
- -ms-transform: translateY(-32px);
1035
- transform: translateY(-32px);
1036
- margin-bottom: -18px;
1037
- }
1038
- .pa-white-label-notice-logo img {
1039
- padding: 10px;
1040
- padding-top: 40px;
1041
- background-color: #ffffff;
1042
- border: 1px solid #e6e6e6;
1043
- -webkit-border-radius: 50px;
1044
- border-radius: 50px;
1045
- -webkit-border-top-left-radius: 50px;
1046
- border-top-left-radius: 50px;
1047
- -webkit-border-top-right-radius: 50px;
1048
- border-top-right-radius: 50px;
1049
- -webkit-border-top-left-radius: 0;
1050
- border-top-left-radius: 0;
1051
- -webkit-border-top-right-radius: 0;
1052
- border-top-right-radius: 0;
1053
- }
1054
- .pa-white-label-notice-content h2,
1055
- .pa-swal-head {
1056
- display: inline-block;
1057
- font-size: 23px;
1058
- color: #252c59;
1059
- font-weight: 900;
1060
- font-family: "Red Hat Display";
1061
- text-align: center;
1062
- max-width: 350px;
1063
- line-height: 1;
1064
- margin: 0;
1065
- margin-bottom: 18px;
1066
- }
1067
- .pa-white-label-notice-content h2 span {
1068
- color: #fd9926;
1069
- text-transform: uppercase;
1070
- font-family: "Red Hat Display";
1071
- }
1072
- .pa-white-label-notice-content p {
1073
- font-size: 13px;
1074
- color: #474747;
1075
- font-family: "Poppins";
1076
- text-align: center;
1077
- margin: 0;
1078
- margin-bottom: 18px;
1079
- }
1080
-
1081
- .pa-white-label-notice-content a.pa-get-pro {
1082
- display: inline-block;
1083
- width: 117px;
1084
- padding: 12px 10px;
1085
- -webkit-border-radius: 10px;
1086
- border-radius: 10px;
1087
- color: #ffffff;
1088
- font-size: 15px;
1089
- font-weight: 900;
1090
- font-family: "Red Hat Display";
1091
- -webkit-filter: drop-shadow(0px 20px 17.5px rgba(254, 99, 0, 0.2));
1092
- filter: drop-shadow(0px 20px 17.5px rgba(254, 99, 0, 0.2));
1093
- text-decoration: none;
1094
- outline: none;
1095
- border: none;
1096
- background-image: -webkit-linear-gradient(120deg, #fe6300 0%, #fe9f00 100%);
1097
- background-image: linear-gradient(-30deg, #fe6300 0%, #fe9f00 100%);
1098
- -webkit-transition: all 0.2s ease-in-out;
1099
- transition: all 0.2s ease-in-out;
1100
- }
1101
- .pa-white-label-notice-content a.pa-get-pro:hover {
1102
- background-image: -webkit-linear-gradient(60deg, #fe6300 0%, #fe9f00 100%);
1103
- background-image: linear-gradient(30deg, #fe6300 0%, #fe9f00 100%);
1104
- }
1105
-
1106
- /*
1107
- * System Info Tab
1108
- */
1109
- .pa-section-info table.widefat {
1110
- border: 0px;
1111
- -webkit-box-shadow: none;
1112
- box-shadow: none;
1113
- font-family: "Poppins";
1114
- }
1115
- .pa-section-info .widefat td:first-child {
1116
- width: 30%;
1117
- }
1118
- .pa-section-info table.widefat tr:nth-child(2n) {
1119
- background-color: #f7f7f7;
1120
- }
1121
-
1122
- /*
1123
- * License Tab
1124
- */
1125
- .pa-license-form span {
1126
- color: #474747;
1127
- font-family: "Poppins";
1128
- }
1129
-
1130
- .pa-license-form label {
1131
- display: block;
1132
- font-weight: 500;
1133
- margin: 2em 0 0.5em;
1134
- }
1135
-
1136
- .pa-license-form code {
1137
- padding: 3px 5px 2px;
1138
- margin: 0 1px;
1139
- background: #eaeaea;
1140
- background: rgba(0, 0, 0, 0.07);
1141
- font-size: 13px;
1142
- font-style: italic;
1143
- }
1144
-
1145
- .pa-license-form .button.button-primary {
1146
- width: 147px;
1147
- height: 43px;
1148
- /* -webkit-filter: drop-shadow(0px 10px 35px rgba(0, 165, 229, 0.3));
1149
- filter: drop-shadow(0px 10px 35px rgba(0, 165, 229, 0.3)); */
1150
- background-color: #00a5e5;
1151
- /* margin-top: 50px; */
1152
- margin-left: -3px;
1153
- -webkit-border-radius: 0 10px 10px 0;
1154
- border-radius: 0 10px 10px 0;
1155
- border: none;
1156
- }
1157
-
1158
- #papro-license-key:focus,
1159
- .pa-license-form .button.button-primary:focus {
1160
- outline: none;
1161
- -webkit-box-shadow: none;
1162
- box-shadow: none;
1163
- }
1164
-
1165
- #papro-license-key {
1166
- height: 43px;
1167
- line-height: 1;
1168
- margin: 0;
1169
- padding: 8px 20px;
1170
- -webkit-border-radius: 10px 0 0 10px;
1171
- border-radius: 10px 0 0 10px;
1172
- }
1173
-
1174
- .pa-license-form input + span {
1175
- margin-left: 10px;
1176
- font-weight: 600;
1177
- }
1178
-
1179
- .pa-license-cell span {
1180
- margin-left: 0.3em;
1181
- }
1182
-
1183
- /*
1184
- * PAPRO Notice
1185
- */
1186
- .papro-admin-notice {
1187
- -webkit-display: flex;
1188
- display: -webkit-box;
1189
- display: -ms-flexbox;
1190
- -js-display: flex;
1191
- display: -moz-box;
1192
- display: flex;
1193
- -webkit-box-pack: end;
1194
- -ms-flex-pack: end;
1195
- -webkit-justify-content: flex-end;
1196
- -moz-box-pack: end;
1197
- justify-content: flex-end;
1198
- -webkit-box-align: center;
1199
- -ms-flex-align: center;
1200
- -webkit-align-items: center;
1201
- -moz-box-align: center;
1202
- align-items: center;
1203
- margin-bottom: 24px;
1204
- }
1205
- .papro-admin-notice > div {
1206
- -webkit-box-flex: 1;
1207
- -webkit-flex-grow: 1;
1208
- -moz-box-flex: 1;
1209
- -ms-flex-positive: 1;
1210
- flex-grow: 1;
1211
- }
1212
- .papro-admin-notice-left {
1213
- position: relative;
1214
- padding: 16px;
1215
- -webkit-border-radius: 15px;
1216
- border-radius: 15px;
1217
- background-color: #fff;
1218
- -webkit-flex-basis: 80%;
1219
- -ms-flex-preferred-size: 80%;
1220
- flex-basis: 80%;
1221
- }
1222
- .papro-admin-notice-left a {
1223
- position: absolute;
1224
- top: 0;
1225
- left: 0;
1226
- width: 100%;
1227
- height: 100%;
1228
- }
1229
- .papro-admin-notice-left a:hover,
1230
- .papro-admin-notice-left a:focus,
1231
- .papro-admin-notice-left a:visited {
1232
- outline: none;
1233
- border: none;
1234
- -webkit-box-shadow: none;
1235
- box-shadow: none;
1236
- text-decoration: none;
1237
- }
1238
- /* .papro-admin-notice-logo img {
1239
- width: 100%;
1240
- } */
1241
- .papro-admin-notice-right {
1242
- -webkit-display: flex;
1243
- display: -webkit-box;
1244
- display: -ms-flexbox;
1245
- -js-display: flex;
1246
- display: -moz-box;
1247
- display: flex;
1248
- -webkit-box-align: center;
1249
- -ms-flex-align: center;
1250
- -webkit-align-items: center;
1251
- -moz-box-align: center;
1252
- align-items: center;
1253
- background: url("../../images/papro-banner.png");
1254
- -webkit-background-size: cover;
1255
- background-size: cover;
1256
- background-repeat: no-repeat;
1257
- padding: 18px;
1258
- -webkit-border-radius: 15px;
1259
- border-radius: 15px;
1260
- overflow: hidden;
1261
- margin-left: 25px;
1262
- }
1263
-
1264
- .papro-admin-notice-right h4 {
1265
- font-size: 20px;
1266
- color: #fff;
1267
- font-weight: 900;
1268
- font-family: "Red Hat Display";
1269
- margin: 0;
1270
- margin-bottom: 8px;
1271
- }
1272
- .papro-admin-notice-right p {
1273
- font-size: 14px;
1274
- color: #ffffff;
1275
- font-family: "Poppins";
1276
- margin: 0;
1277
- }
1278
- .papro-admin-notice-right span {
1279
- font-weight: 700;
1280
- }
1281
-
1282
- /*
1283
- * Dashboard Tabs
1284
- */
1285
- .pa-dash-general:before {
1286
- content: "\e900";
1287
- }
1288
- .pa-dash-integrations:before {
1289
- content: "\e901";
1290
- }
1291
- .pa-dash-system-info:before {
1292
- content: "\e902";
1293
- }
1294
- .pa-dash-vcontrol:before {
1295
- content: "\e903";
1296
- }
1297
- .pa-dash-white-label:before {
1298
- content: "\e904";
1299
- }
1300
- .pa-dash-elements:before {
1301
- content: "\e905";
1302
- }
1303
- .pa-dash-license:before {
1304
- content: "\e910";
1305
- }
1306
- .pa-dash-features:before {
1307
- content: "\e911";
1308
- }
1309
- /*
1310
- * Elements Categories
1311
- */
1312
- .pa-dash-cat-all:before {
1313
- content: "\e906";
1314
- }
1315
- .pa-dash-cat-blurbs:before {
1316
- content: "\e907";
1317
- }
1318
- .pa-dash-cat-contact:before {
1319
- content: "\e908";
1320
- }
1321
- .pa-dash-cat-content:before {
1322
- content: "\e909";
1323
- }
1324
- .pa-dash-cat-images:before {
1325
- content: "\e90a";
1326
- }
1327
- .pa-dash-cat-off-grid:before {
1328
- content: "\e90b";
1329
- }
1330
- .pa-dash-cat-section:before {
1331
- content: "\e90c";
1332
- }
1333
- .pa-dash-cat-feed:before {
1334
- content: "\e90d";
1335
- }
1336
- .pa-dash-cat-data:before {
1337
- content: "\e90e";
1338
- }
1339
- .pa-dash-cat-social:before {
1340
- content: "\e90f";
1341
- }
1342
- /*
1343
- * Widgets Icons
1344
- */
1345
- .pa-dash-premium-notbar:before {
1346
- content: "\e913";
1347
- }
1348
- .pa-dash-premium-gradient:before {
1349
- content: "\e914";
1350
- }
1351
- .pa-dash-premium-color-transition:before {
1352
- content: "\e915";
1353
- }
1354
- .pa-dash-premium-behance:before {
1355
- content: "\e916";
1356
- }
1357
- .pa-dash-premium-charts:before {
1358
- content: "\e917";
1359
- }
1360
- .pa-dash-premium-content-toggle:before {
1361
- content: "\e918";
1362
- }
1363
- .pa-dash-premium-divider:before {
1364
- content: "\e919";
1365
- }
1366
- .pa-dash-premium-facebook-feed:before {
1367
- content: "\e91b";
1368
- }
1369
- .pa-dash-facebook-feed-2:before {
1370
- content: "\e91b";
1371
- }
1372
- .pa-dash-premium-fb-chat:before {
1373
- content: "\e91c";
1374
- }
1375
- .pa-dash-premium-facebook-reviews:before {
1376
- content: "\e91d";
1377
- }
1378
- .pa-dash-premium-google-reviews:before {
1379
- content: "\e91e";
1380
- }
1381
- .pa-dash-premium-hscroll:before {
1382
- content: "\e91f";
1383
- }
1384
- .pa-dash-premium-flipbox:before {
1385
- content: "\e920";
1386
- }
1387
- .pa-dash-premium-iconbox:before {
1388
- content: "\e921";
1389
- }
1390
- .pa-dash-premium-image-accordion:before {
1391
- content: "\e922";
1392
- }
1393
- .pa-dash-premium-image-comparison:before {
1394
- content: "\e923";
1395
- }
1396
- .pa-dash-premium-image-hotspots:before {
1397
- content: "\e924";
1398
- }
1399
- .pa-dash-premium-img-layers:before {
1400
- content: "\e925";
1401
- }
1402
- .pa-dash-premium-instagram-feed:before {
1403
- content: "\e926";
1404
- }
1405
- .pa-dash-premium-kenburns:before {
1406
- content: "\e927";
1407
- }
1408
- .pa-dash-premium-lottie:before {
1409
- content: "\e928";
1410
- }
1411
- .pa-dash-premium-magic-section:before {
1412
- content: "\e929";
1413
- }
1414
- .pa-dash-premium-multi-scroll:before {
1415
- content: "\e92a";
1416
- }
1417
- .pa-dash-premium-ihover:before {
1418
- content: "\e92b";
1419
- }
1420
- .pa-dash-premium-parallax:before {
1421
- content: "\e94f";
1422
- }
1423
- .pa-dash-premium-particles:before {
1424
- content: "\e92c";
1425
- }
1426
- .pa-dash-premium-prev-img:before {
1427
- content: "\e92d";
1428
- }
1429
- .pa-dash-premium-tabs:before {
1430
- content: "\e92f";
1431
- }
1432
- .pa-dash-premium-tables:before {
1433
- content: "\e92e";
1434
- }
1435
- .pa-dash-trustpilot:before {
1436
- content: "\e930";
1437
- }
1438
- .pa-dash-premium-twitter-feed:before {
1439
- content: "\e931";
1440
- }
1441
- .pa-dash-premium-unfold:before {
1442
- content: "\e932";
1443
- }
1444
- .pa-dash-premium-whatsapp-chat:before {
1445
- content: "\e933";
1446
- }
1447
- .pa-dash-premium-yelp-reviews:before {
1448
- content: "\e934";
1449
- }
1450
- .pa-dash-premium-banner:before {
1451
- content: "\e935";
1452
- }
1453
- .pa-dash-premium-blog:before {
1454
- content: "\e936";
1455
- }
1456
- .pa-dash-premium-button:before {
1457
- content: "\e937";
1458
- }
1459
- .pa-dash-premium-carousel:before {
1460
- content: "\e938";
1461
- }
1462
- .pa-dash-premium-contactform:before {
1463
- content: "\e939";
1464
- }
1465
- .pa-dash-premium-countdown:before {
1466
- content: "\e93a";
1467
- }
1468
- .pa-dash-premium-counter:before {
1469
- content: "\e93b";
1470
- }
1471
- .pa-dash-premium-dual-header:before {
1472
- content: "\e93c";
1473
- }
1474
- .pa-dash-premium-fancytext:before {
1475
- content: "\e93d";
1476
- }
1477
- .pa-dash-premium-maps:before {
1478
- content: "\e93e";
1479
- }
1480
- .pa-dash-premium-title:before {
1481
- content: "\e93f";
1482
- }
1483
- .pa-dash-premium-icon-list:before {
1484
- content: "\e940";
1485
- }
1486
- .pa-dash-premium-image-button:before {
1487
- content: "\e941";
1488
- }
1489
- .pa-dash-premium-image-scroll:before {
1490
- content: "\e942";
1491
- }
1492
- .pa-dash-premium-image-separator:before {
1493
- content: "\e943";
1494
- }
1495
- /* .pa-dash-premium-lottie:before {
1496
- content: "\e944";
1497
- } */
1498
- .pa-dash-premium-lottie-widget:before {
1499
- content: "\e945";
1500
- }
1501
- .pa-dash-premium-grid:before {
1502
- content: "\e946";
1503
- }
1504
- .pa-dash-premium-modalbox:before {
1505
- content: "\e947";
1506
- }
1507
- .pa-dash-premium-pricing-table:before {
1508
- content: "\e948";
1509
- }
1510
- .pa-dash-premium-progressbar:before {
1511
- content: "\e949";
1512
- }
1513
- .pa-dash-premium-person:before {
1514
- content: "\e94a";
1515
- }
1516
- .pa-dash-premium-testimonials:before {
1517
- content: "\e94b";
1518
- }
1519
- .pa-dash-premium-vscroll:before {
1520
- content: "\e94c";
1521
- }
1522
- .pa-dash-premium-videobox:before {
1523
- content: "\e94d";
1524
- }
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
+ .button.pa-btn:hover,
13
+ .button.pa-btn:focus,
14
+ .button.pa-btn:active {
15
+ outline: none;
16
+ border: none;
17
+ text-decoration: none;
18
+ }
19
+ .pa-btn.pa-save-button {
20
+ font-family: "Red Hat Display";
21
+ font-size: 15px;
22
+ width: 147px;
23
+ height: 43px;
24
+ -webkit-border-radius: 10px;
25
+ border-radius: 10px;
26
+ /* -webkit-filter: drop-shadow(0px 10px 35px rgba(0, 165, 229, 0.3));
27
+ filter: drop-shadow(0px 10px 35px rgba(0, 165, 229, 0.3)); */
28
+ background-color: #00a5e5;
29
+ margin-top: 50px;
30
+ }
31
+ .pa-btn.pa-save-button:hover,
32
+ .pa-btn.pa-save-button:focus,
33
+ .pa-btn.pa-save-button:active {
34
+ background: #00a5e5;
35
+ color: #fff;
36
+ -webkit-box-shadow: none;
37
+ box-shadow: none;
38
+ }
39
+
40
+ .switch {
41
+ position: relative;
42
+ display: inline-block;
43
+ width: 44px;
44
+ height: 24px;
45
+ -webkit-border-radius: 12px;
46
+ border-radius: 12px;
47
+ }
48
+ .switch input {
49
+ display: none;
50
+ }
51
+ .slider,
52
+ .pro-slider {
53
+ position: absolute;
54
+ cursor: pointer;
55
+ top: 0;
56
+ left: 0;
57
+ right: 0;
58
+ bottom: 0;
59
+ /* background-color: #f2f2f2;
60
+ box-shadow: 0 0 2px 1px #ccc inset; */
61
+ -webkit-transition: 0.4s;
62
+ transition: 0.4s;
63
+ }
64
+ .slider:before,
65
+ .pro-slider:before {
66
+ position: absolute;
67
+ content: "";
68
+ left: 3px;
69
+ top: 50%;
70
+ -webkit-transform: translateY(-50%);
71
+ -ms-transform: translateY(-50%);
72
+ transform: translateY(-50%);
73
+ /* background: radial-gradient(farthest-corner at 14px 0px, #f0f0f0 50%, #cacaca 100%); */
74
+ -webkit-transition: all 0.4s ease-in-out;
75
+ transition: all 0.4s ease-in-out;
76
+ padding: 0;
77
+ margin: 0;
78
+ width: 15px;
79
+ height: 15px;
80
+ -webkit-border-radius: 8px;
81
+ border-radius: 8px;
82
+ -webkit-filter: drop-shadow(0px 5px 2.5px rgba(40, 40, 40, 0.35));
83
+ filter: drop-shadow(0px 5px 2.5px rgba(40, 40, 40, 0.35));
84
+ background-color: #f7f7f7;
85
+ border: 1px solid #ffffff;
86
+ /* box-shadow: 0 2.5px 5px #b8b8b9; */
87
+ }
88
+ input:checked + .slider {
89
+ background: #8dc900;
90
+ }
91
+ input:focus + .slider {
92
+ -webkit-box-shadow: 0 0 1px #18a4fd;
93
+ box-shadow: 0 0 1px #18a4fd;
94
+ }
95
+ input:checked + .slider:before {
96
+ -webkit-transform: translate3d(20px, -50%, 0);
97
+ transform: translate3d(20px, -50%, 0);
98
+ }
99
+ .slider.round,
100
+ .pro-slider.round {
101
+ -webkit-border-radius: 34px;
102
+ border-radius: 34px;
103
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#cfcfcf), to(#dbdbdb));
104
+ background-image: -webkit-linear-gradient(top, #cfcfcf 0%, #dbdbdb 100%);
105
+ background-image: linear-gradient(180deg, #cfcfcf 0%, #dbdbdb 100%);
106
+ }
107
+ .slider.round:before,
108
+ .pro-slider.round:before {
109
+ -webkit-border-radius: 50%;
110
+ border-radius: 50%;
111
+ }
112
+
113
+ .pa-switcher input:disabled + .pro-slider::after {
114
+ position: absolute;
115
+ content: "\e912";
116
+ font-family: "pa-dash";
117
+ color: #474747;
118
+ right: 8px;
119
+ top: 50%;
120
+ -webkit-transform: translateY(-50%);
121
+ -ms-transform: translateY(-50%);
122
+ transform: translateY(-50%);
123
+ }
124
+ .pa-api-disable-title label,
125
+ .pa-is-beta label {
126
+ margin-right: 15px;
127
+ }
128
+ .pa-api-disable-title span,
129
+ .pa-is-beta span {
130
+ font-weight: 400;
131
+ }
132
+ .pa-maps-api-notice {
133
+ margin: 0.5em 0;
134
+ }
135
+ .pa-api-title input {
136
+ margin-top: 10px;
137
+ font-size: normal;
138
+ font-weight: 400;
139
+ width: 400px;
140
+ margin-left: 30px;
141
+ }
142
+
143
+ .pa-sys-info-tab {
144
+ background: #f7f7f7;
145
+ margin: 8px;
146
+ border: 2px solid #ddd;
147
+ -webkit-border-radius: 3px;
148
+ border-radius: 3px;
149
+ padding: 0;
150
+ }
151
+ .pa-system-info-container {
152
+ padding: 10px;
153
+ }
154
+
155
+ .dialog-type-lightbox .dialog-widget-header {
156
+ text-align: center;
157
+ font-size: 15px;
158
+ color: #495157;
159
+ padding: 30px 0 10px;
160
+ font-weight: 500;
161
+ }
162
+
163
+ .pa-swal.swal2-show {
164
+ padding: 32px;
165
+ padding-bottom: 50px;
166
+ background-image: url("../../images/popup-pattern.jpg");
167
+ background-repeat: no-repeat;
168
+ -webkit-background-size: cover;
169
+ background-size: cover;
170
+ -webkit-border-radius: 50px 0;
171
+ border-radius: 50px 0;
172
+ }
173
+
174
+ .pa-swal .swal2-close {
175
+ color: #c2c4cf;
176
+ }
177
+ .pa-swal .swal2-close:hover {
178
+ color: #00a5e5;
179
+ }
180
+ .pa-swal .swal2-title {
181
+ margin: 0;
182
+ }
183
+ .pa-swal .swal2-content {
184
+ font-size: 13px;
185
+ color: #474747;
186
+ font-family: "Poppins";
187
+ text-align: center;
188
+ margin: 0;
189
+ margin-bottom: 0px;
190
+ }
191
+ .pa-swal .swal2-cancel.swal2-styled,
192
+ .pa-swal .swal2-cancel.swal2-styled:hover,
193
+ .pa-swal .swal2-confirm.swal2-styled {
194
+ background-image: none !important;
195
+ background-color: #ebebeb;
196
+ color: #474747;
197
+ border: none !important;
198
+ -webkit-box-shadow: none !important;
199
+ box-shadow: none !important;
200
+ font-family: "Red Hat Display";
201
+ font-size: 15px;
202
+ font-weight: 700;
203
+ }
204
+ .pa-swal .swal2-confirm.swal2-styled,
205
+ .pa-swal .swal2-confirm.swal2-styled:hover {
206
+ min-width: 128px;
207
+ color: #fff;
208
+ background-image: none !important;
209
+ background-color: #00a5e5;
210
+ }
211
+
212
+ /**
213
+ * New Dashboard
214
+ */
215
+ .pa-settings-wrap {
216
+ padding: 35px;
217
+ padding-left: 15px;
218
+ }
219
+ .pa-settings-section {
220
+ display: none;
221
+ }
222
+
223
+ .pa-settings-tabs {
224
+ background-color: #fff;
225
+ -webkit-border-radius: 15px;
226
+ border-radius: 15px;
227
+ padding: 36px;
228
+ margin-bottom: 12px;
229
+ }
230
+
231
+ .pa-settings-tabs-list {
232
+ clear: left;
233
+ margin: 0;
234
+ list-style-type: none;
235
+ }
236
+
237
+ .pa-settings-tabs .pa-settings-tabs-list li {
238
+ display: inline-block;
239
+ margin-bottom: 0;
240
+ margin-right: 23px;
241
+ }
242
+
243
+ .pa-settings-section.active {
244
+ display: block;
245
+ }
246
+
247
+ .papro-admin-notice a,
248
+ .pa-settings-wrap .pa-settings-tabs a {
249
+ -js-display: flex;
250
+ display: -webkit-box;
251
+ display: -webkit-flex;
252
+ display: -moz-box;
253
+ display: -ms-flexbox;
254
+ display: flex;
255
+ -webkit-box-pack: center;
256
+ -webkit-justify-content: center;
257
+ -moz-box-pack: center;
258
+ -ms-flex-pack: center;
259
+ justify-content: center;
260
+ -webkit-box-align: center;
261
+ -webkit-align-items: center;
262
+ -moz-box-align: center;
263
+ -ms-flex-align: center;
264
+ align-items: center;
265
+ font-size: 14px;
266
+ line-height: 1.8em;
267
+ position: relative;
268
+ color: #252c59;
269
+ text-decoration: none;
270
+ -webkit-transition: all 0.3s ease;
271
+ transition: all 0.3s ease;
272
+ }
273
+
274
+ .papro-admin-notice a.papro-notice-btn {
275
+ width: 120px;
276
+ /* height: 58px; */
277
+ -webkit-border-radius: 15px;
278
+ border-radius: 15px;
279
+ -webkit-filter: drop-shadow(0px 5px 50px rgba(87, 0, 101, 0.7));
280
+ filter: drop-shadow(0px 5px 50px rgba(87, 0, 101, 0.7));
281
+ background-color: #ffffff;
282
+ font-size: 18px;
283
+ color: #fe6300;
284
+ font-weight: 800;
285
+ font-family: "Red Hat Display";
286
+ text-align: center;
287
+ padding: 10px 20px;
288
+ }
289
+
290
+ .pa-settings-wrap .pa-settings-tabs a:focus {
291
+ outline: none;
292
+ -webkit-box-shadow: none;
293
+ box-shadow: none;
294
+ }
295
+
296
+ .pa-settings-wrap .pa-settings-tabs span {
297
+ margin-left: 8px;
298
+ font-family: "Poppins";
299
+ font-weight: 500;
300
+ }
301
+
302
+ .pa-settings-wrap .pa-settings-tabs .pa-section-active {
303
+ color: #00a5e5;
304
+ }
305
+
306
+ .pa-section {
307
+ display: none;
308
+ position: relative;
309
+ background-color: #fff;
310
+ -webkit-transition: opacity 0.2s;
311
+ transition: opacity 0.2s;
312
+ padding: 36px;
313
+ -webkit-border-radius: 15px;
314
+ border-radius: 15px;
315
+ }
316
+
317
+ /**
318
+ * General Tab
319
+ */
320
+ #pa-general-settings {
321
+ -js-display: flex;
322
+ display: -webkit-box;
323
+ display: -webkit-flex;
324
+ display: -moz-box;
325
+ display: -ms-flexbox;
326
+ display: flex;
327
+ }
328
+ #pa-general-settings .col-half:first-of-type {
329
+ margin-right: 16px;
330
+ }
331
+ #pa-general-settings .pa-section-info i {
332
+ vertical-align: bottom;
333
+ }
334
+
335
+ /**
336
+ * Tab Info
337
+ */
338
+ .pa-section-info-wrap {
339
+ padding: 36px;
340
+ -webkit-border-radius: 15px;
341
+ border-radius: 15px;
342
+ background-color: #f7f7f7;
343
+ -js-display: flex;
344
+ display: -webkit-box;
345
+ display: -webkit-flex;
346
+ display: -moz-box;
347
+ display: -ms-flexbox;
348
+ display: flex;
349
+ -webkit-box-pack: justify;
350
+ -webkit-justify-content: space-between;
351
+ -moz-box-pack: justify;
352
+ -ms-flex-pack: justify;
353
+ justify-content: space-between;
354
+ -webkit-box-align: center;
355
+ -webkit-align-items: center;
356
+ -moz-box-align: center;
357
+ -ms-flex-align: center;
358
+ align-items: center;
359
+ }
360
+ #pa-ver-control-settings .pa-section-info-wrap {
361
+ -webkit-box-orient: vertical;
362
+ -webkit-box-direction: normal;
363
+ -webkit-flex-direction: column;
364
+ -moz-box-orient: vertical;
365
+ -moz-box-direction: normal;
366
+ -ms-flex-direction: column;
367
+ flex-direction: column;
368
+ -webkit-box-align: start;
369
+ -webkit-align-items: flex-start;
370
+ -moz-box-align: start;
371
+ -ms-flex-align: start;
372
+ align-items: flex-start;
373
+ }
374
+ #pa-features-settings .pa-section-info-wrap:nth-of-type(n + 2),
375
+ #pa-ver-control-settings .pa-section-info-wrap:nth-of-type(n + 2) {
376
+ margin-top: 36px;
377
+ }
378
+ .pa-section-info-wrap h4 {
379
+ font-size: 20px;
380
+ color: #252c59;
381
+ font-weight: 900;
382
+ font-family: "Red Hat Display";
383
+ margin: 0;
384
+ }
385
+ .pa-section-info-wrap p {
386
+ font-size: 15px;
387
+ color: #474747;
388
+ font-family: "Poppins";
389
+ margin: 0;
390
+ margin-top: 14px;
391
+ }
392
+ .pa-section-info-cta {
393
+ -js-display: flex;
394
+ display: -webkit-box;
395
+ display: -webkit-flex;
396
+ display: -moz-box;
397
+ display: -ms-flexbox;
398
+ display: flex;
399
+ -webkit-box-align: center;
400
+ -webkit-align-items: center;
401
+ -moz-box-align: center;
402
+ -ms-flex-align: center;
403
+ align-items: center;
404
+ margin-top: 25px;
405
+ }
406
+ .pa-section-info-cta .pa-btn {
407
+ color: #474747;
408
+ background-color: #ebebeb;
409
+ padding: 8px 20px;
410
+ -webkit-border-radius: 10px;
411
+ border-radius: 10px;
412
+ font-size: 15px;
413
+ font-weight: 700;
414
+ font-family: "Red Hat Display";
415
+ -webkit-transition: all 0.2s ease-in-out;
416
+ transition: all 0.2s ease-in-out;
417
+ }
418
+ .pa-section-info-cta .pa-btn:hover,
419
+ .pa-section-info-cta .pa-btn:focus,
420
+ .pa-section-info-cta .pa-btn:active {
421
+ color: #fff;
422
+ background-color: #00a5e5;
423
+ }
424
+
425
+ .pa-section-info-cta .pa-section-info-label {
426
+ font-size: 13px;
427
+ color: #474747;
428
+ font-family: "Poppins";
429
+ text-align: right;
430
+ }
431
+
432
+ .pa-section-info-cta .pa-section-info-warning {
433
+ font-size: 13px;
434
+ color: #cca329;
435
+ font-weight: 300;
436
+ font-family: "Poppins";
437
+ margin-left: 20px;
438
+ }
439
+
440
+ .pa-section-info-cta .pa-section-info-warning i {
441
+ font-weight: 300;
442
+ vertical-align: bottom;
443
+ }
444
+
445
+ .pa-btn-group .pa-btn {
446
+ font-family: "Red Hat Display";
447
+ color: #8e8e8e;
448
+ background-color: #ebebeb;
449
+ border: 0px solid;
450
+ padding: 16px 28px;
451
+ -webkit-border-radius: 10px;
452
+ border-radius: 10px;
453
+ font-size: 15px;
454
+ font-weight: 700;
455
+ cursor: pointer;
456
+ -webkit-transition: 300ms;
457
+ transition: 300ms;
458
+ display: block;
459
+ }
460
+ .pa-btn-group button.pa-btn-enable {
461
+ -webkit-border-top-right-radius: 0;
462
+ border-top-right-radius: 0;
463
+ -webkit-border-bottom-right-radius: 0;
464
+ border-bottom-right-radius: 0;
465
+ float: left;
466
+ }
467
+ .pa-btn-group button.pa-btn-disable {
468
+ -webkit-border-top-left-radius: 0;
469
+ border-top-left-radius: 0;
470
+ -webkit-border-bottom-left-radius: 0;
471
+ border-bottom-left-radius: 0;
472
+ float: right;
473
+ }
474
+
475
+ .pa-btn-group .pa-btn-enable.active {
476
+ color: #fff;
477
+ -webkit-box-shadow: inset 3.5px 1.8px 7px 0px rgba(125, 125, 125, 0.5);
478
+ box-shadow: inset 3.5px 1.8px 7px 0px rgba(125, 125, 125, 0.5);
479
+ background-color: #8dc900;
480
+ }
481
+ .pa-btn-group .pa-btn-disable.active {
482
+ color: #fff;
483
+ -webkit-box-shadow: inset 3.564px 1.816px 7px 0px rgba(81, 81, 81, 0.5);
484
+ box-shadow: inset 3.564px 1.816px 7px 0px rgba(81, 81, 81, 0.5);
485
+ background-color: #898989;
486
+ }
487
+ .pa-btn-group .pa-btn-enable:not(.active):hover {
488
+ color: #ffffff;
489
+ background-color: #8dc900;
490
+ }
491
+ .pa-btn-group .pa-btn-disable:not(.active):hover {
492
+ color: #ffffff;
493
+ background-color: #898989;
494
+ }
495
+
496
+ /*
497
+ * Widgets & Addons Tab
498
+ */
499
+ .pa-elements-settings {
500
+ position: relative;
501
+ -js-display: flex;
502
+ display: -webkit-box;
503
+ display: -webkit-flex;
504
+ display: -moz-box;
505
+ display: -ms-flexbox;
506
+ display: flex;
507
+ margin-top: 16px;
508
+ }
509
+ .pa-elements-filter {
510
+ position: absolute;
511
+ top: 10px;
512
+ right: 16px;
513
+ }
514
+ .pa-elements-filter label {
515
+ font-size: 13px;
516
+ color: #474747;
517
+ font-family: "Poppins";
518
+ margin-right: 10px;
519
+ }
520
+ .pa-elements-filter select {
521
+ padding: 5px 35px 5px 15px;
522
+ }
523
+ .pa-elements-tabs {
524
+ -webkit-border-radius: 10px;
525
+ border-radius: 10px;
526
+ background-color: #f7f7f7;
527
+ padding: 20px;
528
+ margin-right: 16px;
529
+ }
530
+ .pa-elements-tabs .pa-elements-tab {
531
+ position: relative;
532
+ padding: 0;
533
+ margin-bottom: 12px;
534
+ text-align: center;
535
+ }
536
+ .pa-elements-tab .pa-element-tab-tooltip {
537
+ position: absolute;
538
+ background-color: #3a3c40;
539
+ display: block;
540
+ position: absolute;
541
+ top: 50%;
542
+ left: 100%;
543
+ padding: 10px 20px;
544
+ -webkit-border-radius: 13px;
545
+ border-radius: 13px;
546
+ -webkit-filter: drop-shadow(0px 5px 27.5px rgba(104, 104, 104, 0.3));
547
+ filter: drop-shadow(0px 5px 27.5px rgba(104, 104, 104, 0.3));
548
+ background-color: #ffffff;
549
+ font-size: 11px;
550
+ color: #252c59;
551
+ font-weight: 500;
552
+ font-family: "Poppins";
553
+ opacity: 0;
554
+ pointer-events: none;
555
+ text-transform: capitalize;
556
+ -webkit-transform: translate(30px, -50%);
557
+ -ms-transform: translate(30px, -50%);
558
+ transform: translate(30px, -50%);
559
+ -webkit-transition: all 0.3s ease;
560
+ transition: all 0.3s ease;
561
+ z-index: 1;
562
+ white-space: nowrap;
563
+ }
564
+ .pa-elements-tab .pa-element-tab-tooltip::before {
565
+ display: block;
566
+ position: absolute;
567
+ top: 50%;
568
+ left: -5px;
569
+ width: 0;
570
+ height: 0;
571
+ content: "";
572
+ border-top: 5px solid transparent;
573
+ border-bottom: 5px solid transparent;
574
+ border-right: 5px solid #ffffff;
575
+ -webkit-transform: translateY(-50%);
576
+ -ms-transform: translateY(-50%);
577
+ transform: translateY(-50%);
578
+ }
579
+ .pa-elements-tab .pa-elements-tab-link {
580
+ -js-display: flex;
581
+ display: -webkit-box;
582
+ display: -webkit-flex;
583
+ display: -moz-box;
584
+ display: -ms-flexbox;
585
+ display: flex;
586
+ -webkit-box-pack: center;
587
+ -webkit-justify-content: center;
588
+ -moz-box-pack: center;
589
+ -ms-flex-pack: center;
590
+ justify-content: center;
591
+ -webkit-box-align: center;
592
+ -webkit-align-items: center;
593
+ -moz-box-align: center;
594
+ -ms-flex-align: center;
595
+ align-items: center;
596
+ color: #c2c4cf;
597
+ padding: 12px;
598
+ text-decoration: none;
599
+ -webkit-transition: all 0.3s ease-in-out;
600
+ transition: all 0.3s ease-in-out;
601
+ -webkit-border-radius: 13px;
602
+ border-radius: 13px;
603
+ }
604
+
605
+ .pa-elements-tab .pa-elements-tab-link:hover,
606
+ .pa-elements-tab .pa-elements-tab-link.active {
607
+ -webkit-filter: drop-shadow(-4.243px -4.243px 3px rgba(255, 255, 255, 0.5))
608
+ drop-shadow(4.243px 4.243px 3px rgba(191, 201, 210, 0.6));
609
+ filter: drop-shadow(-4.243px -4.243px 3px rgba(255, 255, 255, 0.5))
610
+ drop-shadow(4.243px 4.243px 3px rgba(191, 201, 210, 0.6));
611
+ background-color: #ffffff;
612
+ color: #00a5e5;
613
+ outline: none;
614
+ border: none;
615
+ text-decoration: none;
616
+ -webkit-box-shadow: none;
617
+ box-shadow: none;
618
+ }
619
+
620
+ .pa-elements-tab .pa-elements-tab-link:hover + span {
621
+ opacity: 1;
622
+ -webkit-transform: translate(20px, -50%);
623
+ -ms-transform: translate(20px, -50%);
624
+ transform: translate(20px, -50%);
625
+ }
626
+
627
+ .pa-switchers {
628
+ -js-display: flex;
629
+ display: -webkit-box;
630
+ display: -webkit-flex;
631
+ display: -moz-box;
632
+ display: -ms-flexbox;
633
+ display: flex;
634
+ -webkit-flex-wrap: wrap;
635
+ -ms-flex-wrap: wrap;
636
+ flex-wrap: wrap;
637
+ -webkit-align-content: flex-start;
638
+ -ms-flex-line-pack: start;
639
+ align-content: flex-start;
640
+ }
641
+ .pa-switchers-container {
642
+ width: 100%;
643
+ }
644
+ .pa-switchers-container.hidden,
645
+ .pa-switcher.hidden {
646
+ display: none;
647
+ }
648
+ .pa-switchers-container .pa-elements-tab-title {
649
+ font-size: 20px;
650
+ color: #252c59;
651
+ font-weight: 900;
652
+ font-family: "Red Hat Display";
653
+ margin: 16px 0;
654
+ }
655
+ .pa-switcher {
656
+ -webkit-border-radius: 15px;
657
+ border-radius: 15px;
658
+ background-color: #f7f7f7;
659
+ position: relative;
660
+ -js-display: flex;
661
+ display: -webkit-box;
662
+ display: -webkit-flex;
663
+ display: -moz-box;
664
+ display: -ms-flexbox;
665
+ display: flex;
666
+ width: -webkit-calc(50% - 56px);
667
+ width: calc(50% - 56px);
668
+ -webkit-box-pack: justify;
669
+ -webkit-justify-content: space-between;
670
+ -moz-box-pack: justify;
671
+ -ms-flex-pack: justify;
672
+ justify-content: space-between;
673
+ -webkit-box-align: center;
674
+ -webkit-align-items: center;
675
+ -moz-box-align: center;
676
+ -ms-flex-align: center;
677
+ align-items: center;
678
+ padding: 20px;
679
+ margin-top: 16px;
680
+ margin-right: 16px;
681
+ }
682
+
683
+ .pa-element-info {
684
+ -js-display: flex;
685
+ display: -webkit-box;
686
+ display: -webkit-flex;
687
+ display: -moz-box;
688
+ display: -ms-flexbox;
689
+ display: flex;
690
+ -webkit-box-align: center;
691
+ -webkit-align-items: center;
692
+ -moz-box-align: center;
693
+ -ms-flex-align: center;
694
+ align-items: center;
695
+ }
696
+ .pa-element-info .pa-element-icon {
697
+ color: #252c59;
698
+ background-color: #ebebeb;
699
+ -webkit-border-radius: 15px;
700
+ border-radius: 15px;
701
+ /* padding: 12px; */
702
+ min-width: 40px;
703
+ min-height: 40px;
704
+ margin-right: 10px;
705
+ -js-display: flex;
706
+ display: -webkit-box;
707
+ display: -webkit-flex;
708
+ display: -moz-box;
709
+ display: -ms-flexbox;
710
+ display: flex;
711
+ -webkit-box-pack: center;
712
+ -webkit-justify-content: center;
713
+ -moz-box-pack: center;
714
+ -ms-flex-pack: center;
715
+ justify-content: center;
716
+ -webkit-box-align: center;
717
+ -webkit-align-items: center;
718
+ -moz-box-align: center;
719
+ -ms-flex-align: center;
720
+ align-items: center;
721
+ }
722
+ .pa-element-name {
723
+ font-size: 16px;
724
+ color: #252c59;
725
+ font-weight: 700;
726
+ font-family: "Red Hat Display";
727
+ margin: 0;
728
+ -js-display: flex;
729
+ display: -webkit-box;
730
+ display: -webkit-flex;
731
+ display: -moz-box;
732
+ display: -ms-flexbox;
733
+ display: flex;
734
+ }
735
+
736
+ .pa-element-name span {
737
+ text-transform: uppercase;
738
+ color: #fd9926;
739
+ font-weight: 700;
740
+ font-size: 11px;
741
+ margin-left: 5px;
742
+ }
743
+
744
+ .pa-element-link {
745
+ font-size: 13px;
746
+ color: #252c59;
747
+ font-family: "Poppins";
748
+ text-decoration: none;
749
+ -webkit-transition: all 0.2s ease-in-out;
750
+ transition: all 0.2s ease-in-out;
751
+ }
752
+
753
+ .pa-element-link-separator {
754
+ width: 3px;
755
+ height: 3px;
756
+ display: inline-block;
757
+ text-align: center;
758
+ color: #252c59;
759
+ background: #252c59;
760
+ -webkit-border-radius: 50%;
761
+ border-radius: 50%;
762
+ vertical-align: middle;
763
+ margin: 0 3px;
764
+ }
765
+
766
+ .pa-element-link:hover,
767
+ .pa-element-link:focus {
768
+ color: #00a5e5;
769
+ text-decoration: none;
770
+ outline: none;
771
+ -webkit-box-shadow: none;
772
+ box-shadow: none;
773
+ border: none;
774
+ }
775
+
776
+ /*
777
+ * Integrations
778
+ */
779
+ .pa-maps-table select {
780
+ width: 100%;
781
+ max-width: 100%;
782
+ padding: 8px;
783
+ }
784
+ .pa-maps-table #premium-map-api,
785
+ .pa-maps-table #premium-youtube-api {
786
+ width: 100%;
787
+ }
788
+ .pa-maps-table tr td {
789
+ padding-top: 30px;
790
+ }
791
+ .pa-maps-table tr td:first-of-type {
792
+ padding-right: 30px;
793
+ }
794
+ .pa-maps-table td h4 {
795
+ margin: 0;
796
+ font-size: 15px;
797
+ color: #252c59;
798
+ font-weight: 500;
799
+ font-family: "Poppins";
800
+ display: inline-block;
801
+ }
802
+ .pa-maps-table td span {
803
+ font-size: 13px;
804
+ color: #474747;
805
+ font-family: "Poppins";
806
+ vertical-align: middle;
807
+ }
808
+ .pa-maps-table td input[type="text"] {
809
+ -webkit-border-radius: 10px;
810
+ border-radius: 10px;
811
+ background-color: #ebebeb;
812
+ border: none;
813
+ padding: 8px 20px;
814
+ }
815
+ .pa-section input[type="checkbox"] {
816
+ border: none;
817
+ display: none;
818
+ }
819
+
820
+ .pa-section input[type="checkbox"] + label {
821
+ position: relative;
822
+ background: #ebebeb;
823
+ height: 16px;
824
+ width: 16px;
825
+ display: inline-block;
826
+ padding: 0;
827
+ margin-right: 5px;
828
+ -webkit-border-radius: 4px;
829
+ border-radius: 4px;
830
+ }
831
+ .pa-section input[type="checkbox"]:checked + label {
832
+ background: #00a5e5;
833
+ height: 16px;
834
+ width: 16px;
835
+ display: inline-block;
836
+ padding: 0;
837
+ }
838
+ .pa-section input[type="checkbox"]:checked + label:before {
839
+ position: absolute;
840
+ content: "✔";
841
+ color: #fff;
842
+ font-size: 12px;
843
+ top: 0;
844
+ left: 0;
845
+ width: 100%;
846
+ height: 100%;
847
+ text-align: center;
848
+ margin-top: -1px;
849
+ }
850
+ .pa-maps-table td input:focus {
851
+ outline: none;
852
+ -webkit-box-shadow: none;
853
+ box-shadow: none;
854
+ border: none;
855
+ }
856
+ .pa-elements-filter select,
857
+ .pa-maps-table td select {
858
+ border-color: #dcdcdc;
859
+ -webkit-border-radius: 10px;
860
+ border-radius: 10px;
861
+ -webkit-border-bottom-right-radius: 0;
862
+ border-bottom-right-radius: 0;
863
+ }
864
+ .pa-maps-circle-icon {
865
+ width: 5px;
866
+ height: 5px;
867
+ background-color: #252c59;
868
+ -webkit-border-radius: 50%;
869
+ border-radius: 50%;
870
+ display: inline-block;
871
+ vertical-align: middle;
872
+ margin-right: 10px;
873
+ }
874
+ .pa-maps-table td h4:before {
875
+ position: absolute;
876
+ content: "";
877
+ }
878
+
879
+ /*
880
+ * White Labeling Tab
881
+ */
882
+ .pa-wht-lbl-settings .pa-wht-lbl-title {
883
+ font-size: 20px;
884
+ color: #252c59;
885
+ font-weight: 900;
886
+ font-family: "Red Hat Display";
887
+ margin: 0;
888
+ }
889
+
890
+ .pa-wht-lbl-settings .pa-row {
891
+ width: 60%;
892
+ float: left;
893
+ }
894
+
895
+ .pa-wht-lbl-settings .pa-wht-lbl-admin {
896
+ width: 30%;
897
+ float: left;
898
+ margin-left: 16px;
899
+ }
900
+
901
+ .pa-wht-lbl-settings .pa-wht-lbl-head {
902
+ border-bottom: 1px solid #ddd;
903
+ background: #f7f7f7;
904
+ padding: 20px;
905
+ }
906
+
907
+ .pa-wht-lbl-table {
908
+ text-align: left;
909
+ }
910
+
911
+ .pa-wht-lbl-settings input {
912
+ font-weight: 400;
913
+ margin: 0;
914
+ margin-bottom: 12px;
915
+ -webkit-border-radius: 10px;
916
+ border-radius: 10px;
917
+ /* background-color: #ebebeb; */
918
+ border: 1px solid #dcdcdc;
919
+ padding: 8px 20px;
920
+ }
921
+
922
+ /* .pa-wht-lbl-settings input + span {
923
+ margin-left: 0.3em;
924
+ } */
925
+
926
+ .pa-wht-lbl-settings label + span {
927
+ font-family: "Poppins";
928
+ vertical-align: middle;
929
+ }
930
+ .pa-wht-lbl-settings .pa-input-label {
931
+ display: block;
932
+ font-weight: 600;
933
+ margin: 10px 0 6px;
934
+ font-size: 14px;
935
+ color: #252c59;
936
+ font-family: "Red Hat Display";
937
+ }
938
+
939
+ .pa-wht-lbl-settings input[type="text"] {
940
+ width: 550px;
941
+ }
942
+
943
+ .pa-wht-lbl-settings input[type="text"]::-webkit-input-placeholder {
944
+ font-weight: 300;
945
+ font-family: "Poppins";
946
+ }
947
+
948
+ .pa-wht-lbl-settings input[type="text"]:-moz-placeholder {
949
+ font-weight: 300;
950
+ font-family: "Poppins";
951
+ }
952
+
953
+ .pa-wht-lbl-settings input[type="text"]::-moz-placeholder {
954
+ font-weight: 300;
955
+ font-family: "Poppins";
956
+ }
957
+
958
+ .pa-wht-lbl-settings input[type="text"]:-ms-input-placeholder {
959
+ font-weight: 300;
960
+ font-family: "Poppins";
961
+ }
962
+
963
+ .pa-wht-lbl-settings input[type="text"]::-ms-input-placeholder {
964
+ font-weight: 300;
965
+ font-family: "Poppins";
966
+ }
967
+
968
+ .pa-wht-lbl-settings input[type="text"]::placeholder {
969
+ font-weight: 300;
970
+ font-family: "Poppins";
971
+ }
972
+
973
+ .pa-wht-lbl-settings .pa-wht-lbl-settings-wrap {
974
+ background: #fff;
975
+ margin: 16px auto;
976
+ border: 1px solid #dcdcdc;
977
+ -webkit-border-radius: 10px;
978
+ border-radius: 10px;
979
+ overflow: hidden;
980
+ }
981
+
982
+ .pa-wht-lbl-settings .clearfix {
983
+ clear: both;
984
+ }
985
+
986
+ .pa-wht-lbl-group-wrap {
987
+ padding: 20px;
988
+ }
989
+
990
+ .pa-wht-lbl-save .pa-save-button {
991
+ margin-top: 0;
992
+ }
993
+
994
+ .pa-section-white-label .pa-white-label-notice {
995
+ position: absolute;
996
+ top: 0;
997
+ left: 0;
998
+ width: 100%;
999
+ height: 100%;
1000
+ background: rgba(200, 200, 200, 0.8);
1001
+ -webkit-border-radius: 15px;
1002
+ border-radius: 15px;
1003
+ -js-display: flex;
1004
+ display: -webkit-box;
1005
+ display: -webkit-flex;
1006
+ display: -moz-box;
1007
+ display: -ms-flexbox;
1008
+ display: flex;
1009
+ -webkit-box-pack: center;
1010
+ -webkit-justify-content: center;
1011
+ -moz-box-pack: center;
1012
+ -ms-flex-pack: center;
1013
+ justify-content: center;
1014
+ }
1015
+
1016
+ .pa-white-label-notice-content {
1017
+ position: absolute;
1018
+ top: 200px;
1019
+ left: 200;
1020
+ width: 530px;
1021
+ background-image: url("../../images/popup-pattern.jpg");
1022
+ background-repeat: no-repeat;
1023
+ -webkit-background-size: cover;
1024
+ background-size: cover;
1025
+ padding: 32px;
1026
+ padding-bottom: 50px;
1027
+ -webkit-border-radius: 50px 0px;
1028
+ border-radius: 50px 0px;
1029
+ text-align: center;
1030
+ z-index: 2;
1031
+ }
1032
+ .pa-white-label-notice-logo {
1033
+ -webkit-transform: translateY(-32px);
1034
+ -ms-transform: translateY(-32px);
1035
+ transform: translateY(-32px);
1036
+ margin-bottom: -18px;
1037
+ }
1038
+ .pa-white-label-notice-logo img {
1039
+ padding: 10px;
1040
+ padding-top: 40px;
1041
+ background-color: #ffffff;
1042
+ border: 1px solid #e6e6e6;
1043
+ -webkit-border-radius: 50px;
1044
+ border-radius: 50px;
1045
+ -webkit-border-top-left-radius: 50px;
1046
+ border-top-left-radius: 50px;
1047
+ -webkit-border-top-right-radius: 50px;
1048
+ border-top-right-radius: 50px;
1049
+ -webkit-border-top-left-radius: 0;
1050
+ border-top-left-radius: 0;
1051
+ -webkit-border-top-right-radius: 0;
1052
+ border-top-right-radius: 0;
1053
+ }
1054
+ .pa-white-label-notice-content h2,
1055
+ .pa-swal-head {
1056
+ display: inline-block;
1057
+ font-size: 23px;
1058
+ color: #252c59;
1059
+ font-weight: 900;
1060
+ font-family: "Red Hat Display";
1061
+ text-align: center;
1062
+ max-width: 350px;
1063
+ line-height: 1;
1064
+ margin: 0;
1065
+ margin-bottom: 18px;
1066
+ }
1067
+ .pa-white-label-notice-content h2 span {
1068
+ color: #fd9926;
1069
+ text-transform: uppercase;
1070
+ font-family: "Red Hat Display";
1071
+ }
1072
+ .pa-white-label-notice-content p {
1073
+ font-size: 13px;
1074
+ color: #474747;
1075
+ font-family: "Poppins";
1076
+ text-align: center;
1077
+ margin: 0;
1078
+ margin-bottom: 18px;
1079
+ }
1080
+
1081
+ .pa-white-label-notice-content a.pa-get-pro {
1082
+ display: inline-block;
1083
+ width: 117px;
1084
+ padding: 12px 10px;
1085
+ -webkit-border-radius: 10px;
1086
+ border-radius: 10px;
1087
+ color: #ffffff;
1088
+ font-size: 15px;
1089
+ font-weight: 900;
1090
+ font-family: "Red Hat Display";
1091
+ -webkit-filter: drop-shadow(0px 20px 17.5px rgba(254, 99, 0, 0.2));
1092
+ filter: drop-shadow(0px 20px 17.5px rgba(254, 99, 0, 0.2));
1093
+ text-decoration: none;
1094
+ outline: none;
1095
+ border: none;
1096
+ background-image: -webkit-linear-gradient(120deg, #fe6300 0%, #fe9f00 100%);
1097
+ background-image: linear-gradient(-30deg, #fe6300 0%, #fe9f00 100%);
1098
+ -webkit-transition: all 0.2s ease-in-out;
1099
+ transition: all 0.2s ease-in-out;
1100
+ }
1101
+ .pa-white-label-notice-content a.pa-get-pro:hover {
1102
+ background-image: -webkit-linear-gradient(60deg, #fe6300 0%, #fe9f00 100%);
1103
+ background-image: linear-gradient(30deg, #fe6300 0%, #fe9f00 100%);
1104
+ }
1105
+
1106
+ /*
1107
+ * System Info Tab
1108
+ */
1109
+ .pa-section-info table.widefat {
1110
+ border: 0px;
1111
+ -webkit-box-shadow: none;
1112
+ box-shadow: none;
1113
+ font-family: "Poppins";
1114
+ }
1115
+ .pa-section-info .widefat td:first-child {
1116
+ width: 30%;
1117
+ }
1118
+ .pa-section-info table.widefat tr:nth-child(2n) {
1119
+ background-color: #f7f7f7;
1120
+ }
1121
+
1122
+ /*
1123
+ * License Tab
1124
+ */
1125
+ .pa-license-form span {
1126
+ color: #474747;
1127
+ font-family: "Poppins";
1128
+ }
1129
+
1130
+ .pa-license-form label {
1131
+ display: block;
1132
+ font-weight: 500;
1133
+ margin: 2em 0 0.5em;
1134
+ }
1135
+
1136
+ .pa-license-form code {
1137
+ padding: 3px 5px 2px;
1138
+ margin: 0 1px;
1139
+ background: #eaeaea;
1140
+ background: rgba(0, 0, 0, 0.07);
1141
+ font-size: 13px;
1142
+ font-style: italic;
1143
+ }
1144
+
1145
+ .pa-license-form .button.button-primary {
1146
+ width: 147px;
1147
+ height: 43px;
1148
+ /* -webkit-filter: drop-shadow(0px 10px 35px rgba(0, 165, 229, 0.3));
1149
+ filter: drop-shadow(0px 10px 35px rgba(0, 165, 229, 0.3)); */
1150
+ background-color: #00a5e5;
1151
+ /* margin-top: 50px; */
1152
+ margin-left: -3px;
1153
+ -webkit-border-radius: 0 10px 10px 0;
1154
+ border-radius: 0 10px 10px 0;
1155
+ border: none;
1156
+ }
1157
+
1158
+ #papro-license-key:focus,
1159
+ .pa-license-form .button.button-primary:focus {
1160
+ outline: none;
1161
+ -webkit-box-shadow: none;
1162
+ box-shadow: none;
1163
+ }
1164
+
1165
+ #papro-license-key {
1166
+ height: 43px;
1167
+ line-height: 1;
1168
+ margin: 0;
1169
+ padding: 8px 20px;
1170
+ -webkit-border-radius: 10px 0 0 10px;
1171
+ border-radius: 10px 0 0 10px;
1172
+ }
1173
+
1174
+ .pa-license-form input + span {
1175
+ margin-left: 10px;
1176
+ font-weight: 600;
1177
+ }
1178
+
1179
+ .pa-license-cell span {
1180
+ margin-left: 0.3em;
1181
+ }
1182
+
1183
+ /*
1184
+ * PAPRO Notice
1185
+ */
1186
+ .papro-admin-notice {
1187
+ -webkit-display: flex;
1188
+ display: -webkit-box;
1189
+ display: -ms-flexbox;
1190
+ -js-display: flex;
1191
+ display: -moz-box;
1192
+ display: flex;
1193
+ -webkit-box-pack: end;
1194
+ -ms-flex-pack: end;
1195
+ -webkit-justify-content: flex-end;
1196
+ -moz-box-pack: end;
1197
+ justify-content: flex-end;
1198
+ -webkit-box-align: center;
1199
+ -ms-flex-align: center;
1200
+ -webkit-align-items: center;
1201
+ -moz-box-align: center;
1202
+ align-items: center;
1203
+ margin-bottom: 24px;
1204
+ }
1205
+ .papro-admin-notice > div {
1206
+ -webkit-box-flex: 1;
1207
+ -webkit-flex-grow: 1;
1208
+ -moz-box-flex: 1;
1209
+ -ms-flex-positive: 1;
1210
+ flex-grow: 1;
1211
+ }
1212
+ .papro-admin-notice-left {
1213
+ position: relative;
1214
+ padding: 16px;
1215
+ -webkit-border-radius: 15px;
1216
+ border-radius: 15px;
1217
+ background-color: #fff;
1218
+ -webkit-flex-basis: 80%;
1219
+ -ms-flex-preferred-size: 80%;
1220
+ flex-basis: 80%;
1221
+ }
1222
+ .papro-admin-notice-left a {
1223
+ position: absolute;
1224
+ top: 0;
1225
+ left: 0;
1226
+ width: 100%;
1227
+ height: 100%;
1228
+ }
1229
+ .papro-admin-notice-left a:hover,
1230
+ .papro-admin-notice-left a:focus,
1231
+ .papro-admin-notice-left a:visited {
1232
+ outline: none;
1233
+ border: none;
1234
+ -webkit-box-shadow: none;
1235
+ box-shadow: none;
1236
+ text-decoration: none;
1237
+ }
1238
+ /* .papro-admin-notice-logo img {
1239
+ width: 100%;
1240
+ } */
1241
+ .papro-admin-notice-right {
1242
+ -webkit-display: flex;
1243
+ display: -webkit-box;
1244
+ display: -ms-flexbox;
1245
+ -js-display: flex;
1246
+ display: -moz-box;
1247
+ display: flex;
1248
+ -webkit-box-align: center;
1249
+ -ms-flex-align: center;
1250
+ -webkit-align-items: center;
1251
+ -moz-box-align: center;
1252
+ align-items: center;
1253
+ background: url("../../images/papro-banner.png");
1254
+ -webkit-background-size: cover;
1255
+ background-size: cover;
1256
+ background-repeat: no-repeat;
1257
+ padding: 18px;
1258
+ -webkit-border-radius: 15px;
1259
+ border-radius: 15px;
1260
+ overflow: hidden;
1261
+ margin-left: 25px;
1262
+ }
1263
+
1264
+ .papro-admin-notice-right h4 {
1265
+ font-size: 20px;
1266
+ color: #fff;
1267
+ font-weight: 900;
1268
+ font-family: "Red Hat Display";
1269
+ margin: 0;
1270
+ margin-bottom: 8px;
1271
+ }
1272
+ .papro-admin-notice-right p {
1273
+ font-size: 14px;
1274
+ color: #ffffff;
1275
+ font-family: "Poppins";
1276
+ margin: 0;
1277
+ }
1278
+ .papro-admin-notice-right span {
1279
+ font-weight: 700;
1280
+ }
1281
+
1282
+ /*
1283
+ * Dashboard Tabs
1284
+ */
1285
+ .pa-dash-general:before {
1286
+ content: "\e900";
1287
+ }
1288
+ .pa-dash-integrations:before {
1289
+ content: "\e901";
1290
+ }
1291
+ .pa-dash-system-info:before {
1292
+ content: "\e902";
1293
+ }
1294
+ .pa-dash-vcontrol:before {
1295
+ content: "\e903";
1296
+ }
1297
+ .pa-dash-white-label:before {
1298
+ content: "\e904";
1299
+ }
1300
+ .pa-dash-elements:before {
1301
+ content: "\e905";
1302
+ }
1303
+ .pa-dash-license:before {
1304
+ content: "\e910";
1305
+ }
1306
+ .pa-dash-features:before {
1307
+ content: "\e911";
1308
+ }
1309
+ /*
1310
+ * Elements Categories
1311
+ */
1312
+ .pa-dash-cat-all:before {
1313
+ content: "\e906";
1314
+ }
1315
+ .pa-dash-cat-blurbs:before {
1316
+ content: "\e907";
1317
+ }
1318
+ .pa-dash-cat-contact:before {
1319
+ content: "\e908";
1320
+ }
1321
+ .pa-dash-cat-content:before {
1322
+ content: "\e909";
1323
+ }
1324
+ .pa-dash-cat-images:before {
1325
+ content: "\e90a";
1326
+ }
1327
+ .pa-dash-cat-off-grid:before {
1328
+ content: "\e90b";
1329
+ }
1330
+ .pa-dash-cat-section:before {
1331
+ content: "\e90c";
1332
+ }
1333
+ .pa-dash-cat-feed:before {
1334
+ content: "\e90d";
1335
+ }
1336
+ .pa-dash-cat-data:before {
1337
+ content: "\e90e";
1338
+ }
1339
+ .pa-dash-cat-social:before {
1340
+ content: "\e90f";
1341
+ }
1342
+ /*
1343
+ * Widgets Icons
1344
+ */
1345
+ .pa-dash-premium-notbar:before {
1346
+ content: "\e913";
1347
+ }
1348
+ .pa-dash-premium-gradient:before {
1349
+ content: "\e914";
1350
+ }
1351
+ .pa-dash-premium-color-transition:before {
1352
+ content: "\e915";
1353
+ }
1354
+ .pa-dash-premium-behance:before {
1355
+ content: "\e916";
1356
+ }
1357
+ .pa-dash-premium-charts:before {
1358
+ content: "\e917";
1359
+ }
1360
+ .pa-dash-premium-content-toggle:before {
1361
+ content: "\e918";
1362
+ }
1363
+ .pa-dash-premium-divider:before {
1364
+ content: "\e919";
1365
+ }
1366
+ .pa-dash-premium-facebook-feed:before {
1367
+ content: "\e91b";
1368
+ }
1369
+ .pa-dash-facebook-feed-2:before {
1370
+ content: "\e91b";
1371
+ }
1372
+ .pa-dash-premium-fb-chat:before {
1373
+ content: "\e91c";
1374
+ }
1375
+ .pa-dash-premium-facebook-reviews:before {
1376
+ content: "\e91d";
1377
+ }
1378
+ .pa-dash-premium-google-reviews:before {
1379
+ content: "\e91e";
1380
+ }
1381
+ .pa-dash-premium-hscroll:before {
1382
+ content: "\e91f";
1383
+ }
1384
+ .pa-dash-premium-flipbox:before {
1385
+ content: "\e920";
1386
+ }
1387
+ .pa-dash-premium-iconbox:before {
1388
+ content: "\e921";
1389
+ }
1390
+ .pa-dash-premium-image-accordion:before {
1391
+ content: "\e922";
1392
+ }
1393
+ .pa-dash-premium-image-comparison:before {
1394
+ content: "\e923";
1395
+ }
1396
+ .pa-dash-premium-image-hotspots:before {
1397
+ content: "\e924";
1398
+ }
1399
+ .pa-dash-premium-img-layers:before {
1400
+ content: "\e925";
1401
+ }
1402
+ .pa-dash-premium-instagram-feed:before {
1403
+ content: "\e926";
1404
+ }
1405
+ .pa-dash-premium-kenburns:before {
1406
+ content: "\e927";
1407
+ }
1408
+ .pa-dash-premium-lottie:before {
1409
+ content: "\e928";
1410
+ }
1411
+ .pa-dash-premium-magic-section:before {
1412
+ content: "\e929";
1413
+ }
1414
+ .pa-dash-premium-multi-scroll:before {
1415
+ content: "\e92a";
1416
+ }
1417
+ .pa-dash-premium-ihover:before {
1418
+ content: "\e92b";
1419
+ }
1420
+ .pa-dash-premium-parallax:before {
1421
+ content: "\e94f";
1422
+ }
1423
+ .pa-dash-premium-particles:before {
1424
+ content: "\e92c";
1425
+ }
1426
+ .pa-dash-premium-prev-img:before {
1427
+ content: "\e92d";
1428
+ }
1429
+ .pa-dash-premium-tabs:before {
1430
+ content: "\e92f";
1431
+ }
1432
+ .pa-dash-premium-tables:before {
1433
+ content: "\e92e";
1434
+ }
1435
+ .pa-dash-trustpilot:before {
1436
+ content: "\e930";
1437
+ }
1438
+ .pa-dash-premium-twitter-feed:before {
1439
+ content: "\e931";
1440
+ }
1441
+ .pa-dash-premium-unfold:before {
1442
+ content: "\e932";
1443
+ }
1444
+ .pa-dash-premium-whatsapp-chat:before {
1445
+ content: "\e933";
1446
+ }
1447
+ .pa-dash-premium-yelp-reviews:before {
1448
+ content: "\e934";
1449
+ }
1450
+ .pa-dash-premium-banner:before {
1451
+ content: "\e935";
1452
+ }
1453
+ .pa-dash-premium-blog:before {
1454
+ content: "\e936";
1455
+ }
1456
+ .pa-dash-premium-button:before {
1457
+ content: "\e937";
1458
+ }
1459
+ .pa-dash-premium-carousel:before {
1460
+ content: "\e938";
1461
+ }
1462
+ .pa-dash-premium-contactform:before {
1463
+ content: "\e939";
1464
+ }
1465
+ .pa-dash-premium-countdown:before {
1466
+ content: "\e93a";
1467
+ }
1468
+ .pa-dash-premium-counter:before {
1469
+ content: "\e93b";
1470
+ }
1471
+ .pa-dash-premium-dual-header:before {
1472
+ content: "\e93c";
1473
+ }
1474
+ .pa-dash-premium-fancytext:before {
1475
+ content: "\e93d";
1476
+ }
1477
+ .pa-dash-premium-maps:before {
1478
+ content: "\e93e";
1479
+ }
1480
+ .pa-dash-premium-title:before {
1481
+ content: "\e93f";
1482
+ }
1483
+ .pa-dash-premium-icon-list:before {
1484
+ content: "\e940";
1485
+ }
1486
+ .pa-dash-premium-image-button:before {
1487
+ content: "\e941";
1488
+ }
1489
+ .pa-dash-premium-image-scroll:before {
1490
+ content: "\e942";
1491
+ }
1492
+ .pa-dash-premium-image-separator:before {
1493
+ content: "\e943";
1494
+ }
1495
+ /* .pa-dash-premium-lottie:before {
1496
+ content: "\e944";
1497
+ } */
1498
+ .pa-dash-premium-lottie-widget:before {
1499
+ content: "\e945";
1500
+ }
1501
+ .pa-dash-premium-grid:before {
1502
+ content: "\e946";
1503
+ }
1504
+ .pa-dash-premium-modalbox:before {
1505
+ content: "\e947";
1506
+ }
1507
+ .pa-dash-premium-pricing-table:before {
1508
+ content: "\e948";
1509
+ }
1510
+ .pa-dash-premium-progressbar:before {
1511
+ content: "\e949";
1512
+ }
1513
+ .pa-dash-premium-person:before {
1514
+ content: "\e94a";
1515
+ }
1516
+ .pa-dash-premium-testimonials:before {
1517
+ content: "\e94b";
1518
+ }
1519
+ .pa-dash-premium-vscroll:before {
1520
+ content: "\e94c";
1521
+ }
1522
+ .pa-dash-premium-videobox:before {
1523
+ content: "\e94d";
1524
+ }
admin/assets/js/admin.js CHANGED
@@ -1,374 +1,374 @@
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.handleElementsActions();
36
-
37
- self.handleFormSubmit();
38
-
39
- self.handleRollBack();
40
-
41
- self.handlePaproActions();
42
-
43
- };
44
-
45
- // Handle settings form submission
46
- self.handleFormSubmit = function () {
47
-
48
- var ajaxData = {
49
- 'pa-settings': 'pa_elements_settings',
50
- 'pa-features': 'pa_elements_settings',
51
- 'pa-integrations': 'pa_additional_settings',
52
- 'pa-ver-control': 'pa_additional_settings'
53
- };
54
-
55
- $('form.pa-settings-form').on(
56
- 'submit',
57
- function (e) {
58
-
59
- var $form = $(this),
60
- id = $form.attr("id");
61
-
62
- e.preventDefault();
63
-
64
- var action = ajaxData[id];
65
-
66
- if (!action) {
67
- return;
68
- }
69
-
70
- if ('pa_additional_settings' === action) {
71
- $form = $('form#pa-ver-control, form#pa-integrations');
72
- } else {
73
- $form = $('form#pa-settings, form#pa-features');
74
- }
75
-
76
- $.ajax(
77
- {
78
- url: settings.ajaxurl,
79
- type: 'POST',
80
- data: {
81
- action: action,
82
- security: settings.nonce,
83
- fields: $form.serialize(),
84
- },
85
- success: function (response) {
86
-
87
- console.log(response);
88
-
89
- Swal.fire(
90
- {
91
- type: 'success',
92
- title: 'Settings Saved!',
93
- footer: 'Have Fun :-)',
94
- showConfirmButton: false,
95
- timer: 1000
96
- }
97
- );
98
- },
99
- error: function (err) {
100
-
101
- console.log(err);
102
-
103
- Swal.fire(
104
- {
105
- type: 'error',
106
- title: 'Oops...',
107
- text: 'Something went wrong!'
108
- }
109
- );
110
-
111
- }
112
- }
113
- );
114
- }
115
- );
116
-
117
- };
118
-
119
- // Handle global enable/disable buttons
120
- self.handleElementsActions = function () {
121
-
122
- $(".pa-elements-filter select").on(
123
- 'change',
124
- function () {
125
- var filter = $(this).val(),
126
- $activeTab = $(".pa-switchers-container").not(".hidden");
127
-
128
- $activeTab.find(".pa-switcher").removeClass("hidden");
129
-
130
- if ('free' === filter) {
131
- $activeTab.find(".pro-element").addClass("hidden");
132
- } else if ('pro' === filter) {
133
- $activeTab.find(".pa-switcher").not(".pro-element").addClass("hidden");
134
- }
135
- }
136
- );
137
-
138
- // Enable/Disable all widgets
139
- $(".pa-btn-group").on(
140
- "click",
141
- '.pa-btn',
142
- function () {
143
-
144
- var $btn = $(this),
145
- isChecked = $btn.hasClass("pa-btn-enable");
146
-
147
- if (!$btn.hasClass("active")) {
148
- $(".pa-btn-group .pa-btn").removeClass("active");
149
- $btn.addClass("active");
150
-
151
- $.ajax(
152
- {
153
- url: settings.ajaxurl,
154
- type: 'POST',
155
- data: {
156
- action: 'pa_save_global_btn',
157
- security: settings.nonce,
158
- isGlobalOn: isChecked
159
- }
160
- }
161
- );
162
-
163
- }
164
-
165
- $("#pa-modules .pa-switcher input").prop("checked", isChecked);
166
-
167
- }
168
- );
169
-
170
- $("#pa-modules .pa-switcher input").on(
171
- 'change',
172
- function () {
173
- var $this = $(this),
174
- id = $this.attr('id'),
175
- isChecked = $this.prop('checked');
176
-
177
- $("input[name='" + id + "']").prop('checked', isChecked);
178
- }
179
- )
180
-
181
- };
182
-
183
- // Handle Tabs Elements
184
- self.initElementsTabs = function ($elem) {
185
-
186
- var $links = $elem.find('a'),
187
- $sections = $(".pa-switchers-container");
188
-
189
- $sections.eq(0).removeClass("hidden");
190
- $links.eq(0).addClass("active");
191
-
192
- $links.on(
193
- 'click',
194
- function (e) {
195
-
196
- e.preventDefault();
197
-
198
- var $link = $(this),
199
- href = $link.attr('href');
200
-
201
- // Set this tab to active
202
- $links.removeClass("active");
203
- $link.addClass("active");
204
-
205
- // Navigate to tab section
206
- $sections.addClass("hidden");
207
- $("#" + href).removeClass("hidden");
208
-
209
- }
210
- );
211
- };
212
-
213
- // Handle settings tabs
214
- self.initNavTabs = function ($elem) {
215
-
216
- var $links = $elem.find('a'),
217
- $lastSection = null;
218
-
219
- $(window).on(
220
- 'hashchange',
221
- function () {
222
-
223
- var hash = window.location.hash.match(new RegExp('tab=([^&]*)')),
224
- slug = hash ? hash[1] : $links.first().attr('href').replace('#tab=', ''),
225
- $link = $('#pa-tab-link-' + slug);
226
-
227
- if (!$link.length) {
228
- return
229
-
230
- $link.closest('.pa-settings-tab').addClass('pa-tab-active').siblings().removeClass('pa-tab-active');
231
- }
232
- $links.removeClass('pa-section-active');
233
- $link.addClass('pa-section-active');
234
-
235
- // Hide the last active section
236
- if ($lastSection) {
237
- $lastSection.hide();
238
- }
239
-
240
- var $section = $('#pa-section-' + slug);
241
- $section.css(
242
- {
243
- display: 'block'
244
- }
245
- );
246
-
247
- $lastSection = $section;
248
-
249
- }
250
- ).trigger('hashchange');
251
-
252
- };
253
-
254
- self.handleRollBack = function () {
255
-
256
- // Rollback button
257
- $('.pa-rollback-button').on(
258
- 'click',
259
- function (event) {
260
-
261
- event.preventDefault();
262
-
263
- var $this = $(this),
264
- href = $this.attr('href');
265
-
266
- if (!href) {
267
- return;
268
- }
269
-
270
- // Show PAPRO stable version if PAPRO Rollback is clicked
271
- var isPAPRO = '';
272
- if (-1 !== href.indexOf('papro_rollback')) {
273
- isPAPRO = 'papro_';
274
- }
275
-
276
- var premiumRollBackConfirm = premiumAddonsSettings.premiumRollBackConfirm;
277
-
278
- var dialogsManager = new DialogsManager.Instance();
279
-
280
- dialogsManager.createWidget(
281
- 'confirm',
282
- {
283
- headerMessage: premiumRollBackConfirm.i18n.rollback_to_previous_version,
284
- message: premiumRollBackConfirm['i18n'][isPAPRO + 'rollback_confirm'],
285
- strings: {
286
- cancel: premiumRollBackConfirm.i18n.cancel,
287
- confirm: premiumRollBackConfirm.i18n.yes,
288
- },
289
- onConfirm: function () {
290
-
291
- $this.addClass('loading');
292
-
293
- location.href = $this.attr('href');
294
-
295
- }
296
- }
297
- ).show();
298
- }
299
- );
300
-
301
- };
302
-
303
- self.handlePaproActions = function () {
304
-
305
- // Trigger SWAL for PRO elements
306
- $(".pro-slider").on(
307
- 'click',
308
- function () {
309
-
310
- var redirectionLink = " https://premiumaddons.com/pro/?utm_source=wp-menu&utm_medium=wp-dash&utm_campaign=get-pro&utm_term=";
311
-
312
- Swal.fire(
313
- {
314
- title: '<span class="pa-swal-head">Get PRO Widgets & Addons<span>',
315
- html: 'Supercharge your Elementor with PRO widgets and addons that you won’t find anywhere else.',
316
- type: 'warning',
317
- showCloseButton: true,
318
- showCancelButton: true,
319
- cancelButtonText: "More Info",
320
- focusConfirm: true,
321
- customClass: 'pa-swal',
322
- }
323
- ).then(
324
- function (res) {
325
- // Handle More Info button
326
- if (res.dismiss === 'cancel') {
327
- window.open(redirectionLink + settings.theme, '_blank');
328
- }
329
-
330
- }
331
- );
332
- }
333
- );
334
-
335
- // Trigger SWAL for White Labeling
336
- $(".premium-white-label-form.pro-inactive").on(
337
- 'submit',
338
- function (e) {
339
-
340
- e.preventDefault();
341
-
342
- var redirectionLink = " https://premiumaddons.com/pro/?utm_source=wp-menu&utm_medium=wp-dash&utm_campaign=get-pro&utm_term=";
343
-
344
- Swal.fire(
345
- {
346
- title: '<span class="pa-swal-head">Enable White Labeling Options<span>',
347
- 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.',
348
- type: 'warning',
349
- showCloseButton: true,
350
- showCancelButton: true,
351
- cancelButtonText: "More Info",
352
- focusConfirm: true
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
- };
367
-
368
- };
369
-
370
- var instance = new PremiumAddonsNavigation();
371
-
372
- instance.init();
373
-
374
- })(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.handleElementsActions();
36
+
37
+ self.handleFormSubmit();
38
+
39
+ self.handleRollBack();
40
+
41
+ self.handlePaproActions();
42
+
43
+ };
44
+
45
+ // Handle settings form submission
46
+ self.handleFormSubmit = function () {
47
+
48
+ var ajaxData = {
49
+ 'pa-settings': 'pa_elements_settings',
50
+ 'pa-features': 'pa_elements_settings',
51
+ 'pa-integrations': 'pa_additional_settings',
52
+ 'pa-ver-control': 'pa_additional_settings'
53
+ };
54
+
55
+ $('form.pa-settings-form').on(
56
+ 'submit',
57
+ function (e) {
58
+
59
+ var $form = $(this),
60
+ id = $form.attr("id");
61
+
62
+ e.preventDefault();
63
+
64
+ var action = ajaxData[id];
65
+
66
+ if (!action) {
67
+ return;
68
+ }
69
+
70
+ if ('pa_additional_settings' === action) {
71
+ $form = $('form#pa-ver-control, form#pa-integrations');
72
+ } else {
73
+ $form = $('form#pa-settings, form#pa-features');
74
+ }
75
+
76
+ $.ajax(
77
+ {
78
+ url: settings.ajaxurl,
79
+ type: 'POST',
80
+ data: {
81
+ action: action,
82
+ security: settings.nonce,
83
+ fields: $form.serialize(),
84
+ },
85
+ success: function (response) {
86
+
87
+ console.log(response);
88
+
89
+ Swal.fire(
90
+ {
91
+ type: 'success',
92
+ title: 'Settings Saved!',
93
+ footer: 'Have Fun :-)',
94
+ showConfirmButton: false,
95
+ timer: 1000
96
+ }
97
+ );
98
+ },
99
+ error: function (err) {
100
+
101
+ console.log(err);
102
+
103
+ Swal.fire(
104
+ {
105
+ type: 'error',
106
+ title: 'Oops...',
107
+ text: 'Something went wrong!'
108
+ }
109
+ );
110
+
111
+ }
112
+ }
113
+ );
114
+ }
115
+ );
116
+
117
+ };
118
+
119
+ // Handle global enable/disable buttons
120
+ self.handleElementsActions = function () {
121
+
122
+ $(".pa-elements-filter select").on(
123
+ 'change',
124
+ function () {
125
+ var filter = $(this).val(),
126
+ $activeTab = $(".pa-switchers-container").not(".hidden");
127
+
128
+ $activeTab.find(".pa-switcher").removeClass("hidden");
129
+
130
+ if ('free' === filter) {
131
+ $activeTab.find(".pro-element").addClass("hidden");
132
+ } else if ('pro' === filter) {
133
+ $activeTab.find(".pa-switcher").not(".pro-element").addClass("hidden");
134
+ }
135
+ }
136
+ );
137
+
138
+ // Enable/Disable all widgets
139
+ $(".pa-btn-group").on(
140
+ "click",
141
+ '.pa-btn',
142
+ function () {
143
+
144
+ var $btn = $(this),
145
+ isChecked = $btn.hasClass("pa-btn-enable");
146
+
147
+ if (!$btn.hasClass("active")) {
148
+ $(".pa-btn-group .pa-btn").removeClass("active");
149
+ $btn.addClass("active");
150
+
151
+ $.ajax(
152
+ {
153
+ url: settings.ajaxurl,
154
+ type: 'POST',
155
+ data: {
156
+ action: 'pa_save_global_btn',
157
+ security: settings.nonce,
158
+ isGlobalOn: isChecked
159
+ }
160
+ }
161
+ );
162
+
163
+ }
164
+
165
+ $("#pa-modules .pa-switcher input").prop("checked", isChecked);
166
+
167
+ }
168
+ );
169
+
170
+ $("#pa-modules .pa-switcher input").on(
171
+ 'change',
172
+ function () {
173
+ var $this = $(this),
174
+ id = $this.attr('id'),
175
+ isChecked = $this.prop('checked');
176
+
177
+ $("input[name='" + id + "']").prop('checked', isChecked);
178
+ }
179
+ )
180
+
181
+ };
182
+
183
+ // Handle Tabs Elements
184
+ self.initElementsTabs = function ($elem) {
185
+
186
+ var $links = $elem.find('a'),
187
+ $sections = $(".pa-switchers-container");
188
+
189
+ $sections.eq(0).removeClass("hidden");
190
+ $links.eq(0).addClass("active");
191
+
192
+ $links.on(
193
+ 'click',
194
+ function (e) {
195
+
196
+ e.preventDefault();
197
+
198
+ var $link = $(this),
199
+ href = $link.attr('href');
200
+
201
+ // Set this tab to active
202
+ $links.removeClass("active");
203
+ $link.addClass("active");
204
+
205
+ // Navigate to tab section
206
+ $sections.addClass("hidden");
207
+ $("#" + href).removeClass("hidden");
208
+
209
+ }
210
+ );
211
+ };
212
+
213
+ // Handle settings tabs
214
+ self.initNavTabs = function ($elem) {
215
+
216
+ var $links = $elem.find('a'),
217
+ $lastSection = null;
218
+
219
+ $(window).on(
220
+ 'hashchange',
221
+ function () {
222
+
223
+ var hash = window.location.hash.match(new RegExp('tab=([^&]*)')),
224
+ slug = hash ? hash[1] : $links.first().attr('href').replace('#tab=', ''),
225
+ $link = $('#pa-tab-link-' + slug);
226
+
227
+ if (!$link.length) {
228
+ return
229
+
230
+ $link.closest('.pa-settings-tab').addClass('pa-tab-active').siblings().removeClass('pa-tab-active');
231
+ }
232
+ $links.removeClass('pa-section-active');
233
+ $link.addClass('pa-section-active');
234
+
235
+ // Hide the last active section
236
+ if ($lastSection) {
237
+ $lastSection.hide();
238
+ }
239
+
240
+ var $section = $('#pa-section-' + slug);
241
+ $section.css(
242
+ {
243
+ display: 'block'
244
+ }
245
+ );
246
+
247
+ $lastSection = $section;
248
+
249
+ }
250
+ ).trigger('hashchange');
251
+
252
+ };
253
+
254
+ self.handleRollBack = function () {
255
+
256
+ // Rollback button
257
+ $('.pa-rollback-button').on(
258
+ 'click',
259
+ function (event) {
260
+
261
+ event.preventDefault();
262
+
263
+ var $this = $(this),
264
+ href = $this.attr('href');
265
+
266
+ if (!href) {
267
+ return;
268
+ }
269
+
270
+ // Show PAPRO stable version if PAPRO Rollback is clicked
271
+ var isPAPRO = '';
272
+ if (-1 !== href.indexOf('papro_rollback')) {
273
+ isPAPRO = 'papro_';
274
+ }
275
+
276
+ var premiumRollBackConfirm = premiumAddonsSettings.premiumRollBackConfirm;
277
+
278
+ var dialogsManager = new DialogsManager.Instance();
279
+
280
+ dialogsManager.createWidget(
281
+ 'confirm',
282
+ {
283
+ headerMessage: premiumRollBackConfirm.i18n.rollback_to_previous_version,
284
+ message: premiumRollBackConfirm['i18n'][isPAPRO + 'rollback_confirm'],
285
+ strings: {
286
+ cancel: premiumRollBackConfirm.i18n.cancel,
287
+ confirm: premiumRollBackConfirm.i18n.yes,
288
+ },
289
+ onConfirm: function () {
290
+
291
+ $this.addClass('loading');
292
+
293
+ location.href = $this.attr('href');
294
+
295
+ }
296
+ }
297
+ ).show();
298
+ }
299
+ );
300
+
301
+ };
302
+
303
+ self.handlePaproActions = function () {
304
+
305
+ // Trigger SWAL for PRO elements
306
+ $(".pro-slider").on(
307
+ 'click',
308
+ function () {
309
+
310
+ var redirectionLink = " https://premiumaddons.com/pro/?utm_source=wp-menu&utm_medium=wp-dash&utm_campaign=get-pro&utm_term=";
311
+
312
+ Swal.fire(
313
+ {
314
+ title: '<span class="pa-swal-head">Get PRO Widgets & Addons<span>',
315
+ html: 'Supercharge your Elementor with PRO widgets and addons that you won’t find anywhere else.',
316
+ type: 'warning',
317
+ showCloseButton: true,
318
+ showCancelButton: true,
319
+ cancelButtonText: "More Info",
320
+ focusConfirm: true,
321
+ customClass: 'pa-swal',
322
+ }
323
+ ).then(
324
+ function (res) {
325
+ // Handle More Info button
326
+ if (res.dismiss === 'cancel') {
327
+ window.open(redirectionLink + settings.theme, '_blank');
328
+ }
329
+
330
+ }
331
+ );
332
+ }
333
+ );
334
+
335
+ // Trigger SWAL for White Labeling
336
+ $(".premium-white-label-form.pro-inactive").on(
337
+ 'submit',
338
+ function (e) {
339
+
340
+ e.preventDefault();
341
+
342
+ var redirectionLink = " https://premiumaddons.com/pro/?utm_source=wp-menu&utm_medium=wp-dash&utm_campaign=get-pro&utm_term=";
343
+
344
+ Swal.fire(
345
+ {
346
+ title: '<span class="pa-swal-head">Enable White Labeling Options<span>',
347
+ 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.',
348
+ type: 'warning',
349
+ showCloseButton: true,
350
+ showCancelButton: true,
351
+ cancelButtonText: "More Info",
352
+ focusConfirm: true
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
+ };
367
+
368
+ };
369
+
370
+ var instance = new PremiumAddonsNavigation();
371
+
372
+ instance.init();
373
+
374
+ })(jQuery);
admin/assets/js/pa-notice.js CHANGED
@@ -1,64 +1,64 @@
1
- (function ($) {
2
-
3
- var $noticeWrap = $( ".pa-notice-wrap" ),
4
- notice = $noticeWrap.data( 'notice' );
5
-
6
- var adminNotices = {
7
- 'major-update': 'major_update_notice',
8
- 'black-friday': 'papro_new_bf_notice'
9
- };
10
-
11
- if (undefined !== notice) {
12
-
13
- $noticeWrap.find( '.pa-notice-reset' ).on(
14
- "click",
15
- function () {
16
-
17
- $noticeWrap.css( 'display', 'none' );
18
-
19
- $.ajax(
20
- {
21
- url: ajaxurl,
22
- type: 'POST',
23
- data: {
24
- action: 'pa_reset_admin_notice',
25
- notice: $noticeWrap.data( 'notice' )
26
- }
27
- }
28
- );
29
-
30
- }
31
- );
32
- }
33
-
34
- $( ".pa-notice-close" ).on(
35
- "click",
36
- function () {
37
-
38
- var noticeID = $( this ).data( 'notice' );
39
-
40
- if (noticeID) {
41
- $( this ).closest( '.pa-new-feature-notice' ).remove();
42
-
43
- $.ajax(
44
- {
45
- url: ajaxurl,
46
- type: 'POST',
47
- data: {
48
- action: 'pa_dismiss_admin_notice',
49
- notice: adminNotices[noticeID]
50
- },
51
- success: function (res) {
52
- console.log( res );
53
- },
54
- error: function (err) {
55
- console.log( err );
56
- }
57
- }
58
- );
59
- }
60
-
61
- }
62
- );
63
-
64
- })( jQuery );
1
+ (function ($) {
2
+
3
+ var $noticeWrap = $( ".pa-notice-wrap" ),
4
+ notice = $noticeWrap.data( 'notice' );
5
+
6
+ var adminNotices = {
7
+ 'major-update': 'major_update_notice',
8
+ 'black-friday': 'papro_new_bf_notice'
9
+ };
10
+
11
+ if (undefined !== notice) {
12
+
13
+ $noticeWrap.find( '.pa-notice-reset' ).on(
14
+ "click",
15
+ function () {
16
+
17
+ $noticeWrap.css( 'display', 'none' );
18
+
19
+ $.ajax(
20
+ {
21
+ url: ajaxurl,
22
+ type: 'POST',
23
+ data: {
24
+ action: 'pa_reset_admin_notice',
25
+ notice: $noticeWrap.data( 'notice' )
26
+ }
27
+ }
28
+ );
29
+
30
+ }
31
+ );
32
+ }
33
+
34
+ $( ".pa-notice-close" ).on(
35
+ "click",
36
+ function () {
37
+
38
+ var noticeID = $( this ).data( 'notice' );
39
+
40
+ if (noticeID) {
41
+ $( this ).closest( '.pa-new-feature-notice' ).remove();
42
+
43
+ $.ajax(
44
+ {
45
+ url: ajaxurl,
46
+ type: 'POST',
47
+ data: {
48
+ action: 'pa_dismiss_admin_notice',
49
+ notice: adminNotices[noticeID]
50
+ },
51
+ success: function (res) {
52
+ console.log( res );
53
+ },
54
+ error: function (err) {
55
+ console.log( err );
56
+ }
57
+ }
58
+ );
59
+ }
60
+
61
+ }
62
+ );
63
+
64
+ })( jQuery );
admin/includes/admin-helper.php CHANGED
@@ -623,7 +623,7 @@ class Admin_Helper {
623
  wp_send_json_error();
624
  }
625
 
626
- $global_btn_value = intval( $_POST['isGlobalOn'] );
627
 
628
  update_option( 'pa_global_btn_value', $global_btn_value );
629
 
623
  wp_send_json_error();
624
  }
625
 
626
+ $global_btn_value = sanitize_text_field( $_POST['isGlobalOn'] );
627
 
628
  update_option( 'pa_global_btn_value', $global_btn_value );
629
 
assets/editor/css/style.css CHANGED
@@ -1,186 +1,186 @@
1
- @font-face {
2
- font-family: "pa-elements";
3
- src: url("../fonts/pa-elements.eot?x9rqgu");
4
- src: url("../fonts/pa-elements.eot?x9rqgu#iefix") format("embedded-opentype"),
5
- url("../fonts/pa-elements.ttf?x9rqgu") format("truetype"),
6
- url("../fonts/pa-elements.woff?x9rqgu") format("woff"),
7
- url("../fonts/pa-elements.svg?x9rqgu#pa-elements") format("svg");
8
- font-weight: normal;
9
- font-style: normal;
10
- }
11
-
12
- .elementor-element .icon {
13
- position: relative;
14
- }
15
-
16
- [class^="pa-"],
17
- [class*=" pa-"] {
18
- /* use !important to prevent issues with browser extensions that change fonts */
19
- font-family: "pa-elements" !important;
20
- speak: none;
21
- font-style: normal;
22
- font-weight: normal;
23
- font-variant: normal;
24
- text-transform: none;
25
- line-height: 1;
26
- /* Better Font Rendering =========== */
27
- -webkit-font-smoothing: antialiased;
28
- -moz-osx-font-smoothing: grayscale;
29
- }
30
-
31
- /*
32
- * Icons Badge
33
- */
34
- [class^="pa-"]::after,
35
- [class*=" pa-"]::after {
36
- content: "PA";
37
- font-family: "Montserrat", Sans-serif;
38
- font-weight: 700;
39
- font-size: 10px;
40
- opacity: 0.4;
41
- position: absolute;
42
- right: 0.6em;
43
- top: 0.6em;
44
- padding: 1px;
45
- color: #e6e9ec;
46
- background-color: #7a7a7a;
47
- }
48
-
49
- .pa-dash-icon:before {
50
- content: "\e901";
51
- }
52
-
53
- .pa-banner:before {
54
- content: "\e902";
55
- }
56
-
57
- .pa-blog:before {
58
- content: "\e903";
59
- }
60
-
61
- .pa-button:before {
62
- content: "\e904";
63
- }
64
-
65
- .pa-carousel:before {
66
- content: "\e905";
67
- }
68
-
69
- .pa-contact-form:before {
70
- content: "\e906";
71
- }
72
-
73
- .pa-countdown:before {
74
- content: "\e907";
75
- }
76
-
77
- .pa-counter:before {
78
- content: "\e908";
79
- }
80
-
81
- .pa-dual-header:before {
82
- content: "\e909";
83
- }
84
-
85
- .pa-fancy-text:before {
86
- content: "\e90a";
87
- }
88
-
89
- .pa-maps:before {
90
- content: "\e90b";
91
- }
92
-
93
- .pa-grid-icon:before {
94
- content: "\e90c";
95
- }
96
-
97
- .pa-image-button:before {
98
- content: "\e90d";
99
- }
100
-
101
- .pa-image-scroll:before {
102
- content: "\e900";
103
- }
104
-
105
- .pa-image-separator:before {
106
- content: "\e90e";
107
- }
108
-
109
- .pa-lottie-animations:before {
110
- content: "\e91a";
111
- }
112
-
113
- .pa-modal-box:before {
114
- content: "\e90f";
115
- }
116
-
117
- .pa-person:before {
118
- content: "\e910";
119
- }
120
-
121
- .pa-pricing-table:before {
122
- content: "\e911";
123
- }
124
-
125
- .pa-progress-bar:before {
126
- content: "\e912";
127
- }
128
-
129
- .pa-testimonials:before {
130
- content: "\e913";
131
- }
132
-
133
- .pa-title:before {
134
- content: "\e914";
135
- }
136
-
137
- .pa-vscroll:before {
138
- content: "\e915";
139
- }
140
-
141
- .pa-video-box:before {
142
- content: "\e916";
143
- }
144
-
145
- .pa-icon-list:before {
146
- content: "\e919";
147
- }
148
-
149
- .editor-pa-doc {
150
- font-style: italic;
151
- line-height: 1.2;
152
- font-size: 12px;
153
- }
154
-
155
- .editor-pa-spacer {
156
- margin-top: 1.5em;
157
- }
158
-
159
- .elementor-panel .elementor-control-section_pa_docs .elementor-panel-heading-title.elementor-panel-heading-title,
160
- .elementor-control-raw-html.editor-pa-doc a {
161
- color: #0f6aa7;
162
- }
163
-
164
- .elementor-control-raw-html .premium-notice-bold {
165
- font-weight: bold;
166
- }
167
-
168
- #elementor-panel__editor__help__link[href^="https://premiumaddons.com/"]::before,
169
- #elementor-panel__editor__help__link[href*="PLLpZVOYpMtTArB4hrlpSnDJB36D2sdoTv"]::before {
170
- content: "\e901";
171
- font-family: "pa-elements" !important;
172
- font-size: 20px;
173
- font-style: normal;
174
- font-weight: normal;
175
- font-variant: normal;
176
- text-transform: none;
177
- line-height: 1;
178
- -webkit-font-smoothing: antialiased;
179
- -moz-osx-font-smoothing: grayscale;
180
- margin: -1px 4px 0;
181
- }
182
-
183
- .pa-extension-icon.pa-dash-icon {
184
- font-size: 11px;
185
- padding-right: 1px;
186
- }
1
+ @font-face {
2
+ font-family: "pa-elements";
3
+ src: url("../fonts/pa-elements.eot?x9rqgu");
4
+ src: url("../fonts/pa-elements.eot?x9rqgu#iefix") format("embedded-opentype"),
5
+ url("../fonts/pa-elements.ttf?x9rqgu") format("truetype"),
6
+ url("../fonts/pa-elements.woff?x9rqgu") format("woff"),
7
+ url("../fonts/pa-elements.svg?x9rqgu#pa-elements") format("svg");
8
+ font-weight: normal;
9
+ font-style: normal;
10
+ }
11
+
12
+ .elementor-element .icon {
13
+ position: relative;
14
+ }
15
+
16
+ [class^="pa-"],
17
+ [class*=" pa-"] {
18
+ /* use !important to prevent issues with browser extensions that change fonts */
19
+ font-family: "pa-elements" !important;
20
+ speak: none;
21
+ font-style: normal;
22
+ font-weight: normal;
23
+ font-variant: normal;
24
+ text-transform: none;
25
+ line-height: 1;
26
+ /* Better Font Rendering =========== */
27
+ -webkit-font-smoothing: antialiased;
28
+ -moz-osx-font-smoothing: grayscale;
29
+ }
30
+
31
+ /*
32
+ * Icons Badge
33
+ */
34
+ [class^="pa-"]::after,
35
+ [class*=" pa-"]::after {
36
+ content: "PA";
37
+ font-family: "Montserrat", Sans-serif;
38
+ font-weight: 700;
39
+ font-size: 10px;
40
+ opacity: 0.4;
41
+ position: absolute;
42
+ right: 0.6em;
43
+ top: 0.6em;
44
+ padding: 1px;
45
+ color: #e6e9ec;
46
+ background-color: #7a7a7a;
47
+ }
48
+
49
+ .pa-dash-icon:before {
50
+ content: "\e901";
51
+ }
52
+
53
+ .pa-banner:before {
54
+ content: "\e902";
55
+ }
56
+
57
+ .pa-blog:before {
58
+ content: "\e903";
59
+ }
60
+
61
+ .pa-button:before {
62
+ content: "\e904";
63
+ }
64
+
65
+ .pa-carousel:before {
66
+ content: "\e905";
67
+ }
68
+
69
+ .pa-contact-form:before {
70
+ content: "\e906";
71
+ }
72
+
73
+ .pa-countdown:before {
74
+ content: "\e907";
75
+ }
76
+
77
+ .pa-counter:before {
78
+ content: "\e908";
79
+ }
80
+
81
+ .pa-dual-header:before {
82
+ content: "\e909";
83
+ }
84
+
85
+ .pa-fancy-text:before {
86
+ content: "\e90a";
87
+ }
88
+
89
+ .pa-maps:before {
90
+ content: "\e90b";
91
+ }
92
+
93
+ .pa-grid-icon:before {
94
+ content: "\e90c";
95
+ }
96
+
97
+ .pa-image-button:before {
98
+ content: "\e90d";
99
+ }
100
+
101
+ .pa-image-scroll:before {
102
+ content: "\e900";
103
+ }
104
+
105
+ .pa-image-separator:before {
106
+ content: "\e90e";
107
+ }
108
+
109
+ .pa-lottie-animations:before {
110
+ content: "\e91a";
111
+ }
112
+
113
+ .pa-modal-box:before {
114
+ content: "\e90f";
115
+ }
116
+
117
+ .pa-person:before {
118
+ content: "\e910";
119
+ }
120
+
121
+ .pa-pricing-table:before {
122
+ content: "\e911";
123
+ }
124
+
125
+ .pa-progress-bar:before {
126
+ content: "\e912";
127
+ }
128
+
129
+ .pa-testimonials:before {
130
+ content: "\e913";
131
+ }
132
+
133
+ .pa-title:before {
134
+ content: "\e914";
135
+ }
136
+
137
+ .pa-vscroll:before {
138
+ content: "\e915";
139
+ }
140
+
141
+ .pa-video-box:before {
142
+ content: "\e916";
143
+ }
144
+
145
+ .pa-icon-list:before {
146
+ content: "\e919";
147
+ }
148
+
149
+ .editor-pa-doc {
150
+ font-style: italic;
151
+ line-height: 1.2;
152
+ font-size: 12px;
153
+ }
154
+
155
+ .editor-pa-spacer {
156
+ margin-top: 1.5em;
157
+ }
158
+
159
+ .elementor-panel .elementor-control-section_pa_docs .elementor-panel-heading-title.elementor-panel-heading-title,
160
+ .elementor-control-raw-html.editor-pa-doc a {
161
+ color: #0f6aa7;
162
+ }
163
+
164
+ .elementor-control-raw-html .premium-notice-bold {
165
+ font-weight: bold;
166
+ }
167
+
168
+ #elementor-panel__editor__help__link[href^="https://premiumaddons.com/"]::before,
169
+ #elementor-panel__editor__help__link[href*="PLLpZVOYpMtTArB4hrlpSnDJB36D2sdoTv"]::before {
170
+ content: "\e901";
171
+ font-family: "pa-elements" !important;
172
+ font-size: 20px;
173
+ font-style: normal;
174
+ font-weight: normal;
175
+ font-variant: normal;
176
+ text-transform: none;
177
+ line-height: 1;
178
+ -webkit-font-smoothing: antialiased;
179
+ -moz-osx-font-smoothing: grayscale;
180
+ margin: -1px 4px 0;
181
+ }
182
+
183
+ .pa-extension-icon.pa-dash-icon {
184
+ font-size: 11px;
185
+ padding-right: 1px;
186
+ }
assets/editor/js/pa-maps-finder.js CHANGED
@@ -1,6 +1,5 @@
1
 
2
- var $ = jQuery,
3
- geocoder = new google.maps.Geocoder();
4
 
5
  function alertError(err) {
6
  alert("Geocode was not successful for the following reason: " + err);
@@ -9,6 +8,7 @@ function alertError(err) {
9
  function getAddress(ob) {
10
 
11
  var address = $(ob).parent().find("input").val(),
 
12
  $noticeMsg = $(ob).parents(".elementor-control-premium_map_notice");
13
 
14
  if (!address)
@@ -39,6 +39,7 @@ function getAddress(ob) {
39
  function getPinAddress(ob) {
40
 
41
  var address = $(ob).parent().find("input").val(),
 
42
  $noticeMsg = $(ob).parents(".elementor-control-premium_map_pin_notice");
43
 
44
  if (!address)
1
 
2
+ var $ = jQuery;
 
3
 
4
  function alertError(err) {
5
  alert("Geocode was not successful for the following reason: " + err);
8
  function getAddress(ob) {
9
 
10
  var address = $(ob).parent().find("input").val(),
11
+ geocoder = new google.maps.Geocoder(),
12
  $noticeMsg = $(ob).parents(".elementor-control-premium_map_notice");
13
 
14
  if (!address)
39
  function getPinAddress(ob) {
40
 
41
  var address = $(ob).parent().find("input").val(),
42
+ geocoder = new google.maps.Geocoder(),
43
  $noticeMsg = $(ob).parents(".elementor-control-premium_map_pin_notice");
44
 
45
  if (!address)
assets/frontend/css/premium-addons-rtl.css CHANGED
@@ -1,7450 +1,7450 @@
1
- @font-face {
2
- font-family: "pa-elements";
3
- src: url("../../editor/fonts/pa-elements.eot?p2y7wv");
4
- src: url("../../editor/fonts/pa-elements.eot?p2y7wv#iefix") format("embedded-opentype"),
5
- url("../../editor/fonts/pa-elements.ttf?p2y7wv") format("truetype"),
6
- url("../../editor/fonts/pa-elements.woff?p2y7wv") format("woff"),
7
- url("../../editor/fonts/pa-elements.svg?p2y7wv#pa-elements") format("svg");
8
- font-weight: normal;
9
- font-style: normal;
10
- }
11
-
12
- /**************** Premium Banner ****************/
13
- /************************************************/
14
- .premium-banner {
15
- overflow: hidden;
16
- }
17
-
18
- .premium-banner-ib {
19
- display: block;
20
- position: relative;
21
- }
22
-
23
- .premium-banner-ib img {
24
- display: block;
25
- position: relative;
26
- }
27
-
28
- .premium-banner-img-wrap {
29
- -js-display: flex;
30
- display: -webkit-box;
31
- display: -webkit-flex;
32
- display: -moz-box;
33
- display: -ms-flexbox;
34
- display: flex;
35
- height: 100%;
36
- }
37
-
38
- .premium-banner-img-wrap .premium-banner-ib-img {
39
- -webkit-flex-shrink: 0;
40
- -ms-flex-negative: 0;
41
- flex-shrink: 0;
42
- }
43
-
44
- .premium-banner-ib {
45
- z-index: 1;
46
- overflow: hidden;
47
- margin: 0 0 35px;
48
- text-align: center;
49
- -webkit-box-sizing: border-box;
50
- -moz-box-sizing: border-box;
51
- box-sizing: border-box;
52
- }
53
-
54
- .premium-banner-ib-desc .premium-banner-read-more {
55
- z-index: 100;
56
- }
57
-
58
- .premium-banner-ib,
59
- .wpb_column>.wpb_wrapper .premium-banner-ib {
60
- margin-bottom: 0px;
61
- }
62
-
63
- .elementor-widget-premium-addon-banner .premium-banner-ib-title {
64
- background: transparent;
65
- }
66
-
67
- .premium-banner-ib *,
68
- .premium-banner-ib .premium-banner-ib-desc {
69
- -webkit-box-sizing: border-box;
70
- -moz-box-sizing: border-box;
71
- box-sizing: border-box;
72
- }
73
-
74
- .premium-banner-ib img {
75
- min-width: 100%;
76
- max-width: 100%;
77
- -webkit-transition: opacity 0.35s;
78
- transition: opacity 0.35s;
79
- }
80
-
81
- .premium-banner-ib .premium-banner-ib-desc {
82
- padding: 15px;
83
- -webkit-backface-visibility: hidden;
84
- backface-visibility: hidden;
85
- -webkit-box-sizing: border-box;
86
- -moz-box-sizing: border-box;
87
- box-sizing: border-box;
88
- position: absolute;
89
- top: 0;
90
- right: 0;
91
- width: 100%;
92
- height: 100%;
93
- }
94
-
95
- .premium-banner-ib .premium-banner-ib-link {
96
- position: absolute;
97
- top: 0;
98
- right: 0;
99
- width: 100%;
100
- height: 100%;
101
- z-index: 1000;
102
- text-indent: 200%;
103
- white-space: nowrap;
104
- font-size: 0;
105
- opacity: 0;
106
- }
107
-
108
- .premium-banner-ib a.premium-banner-ib-link {
109
- display: block;
110
- background: 100% 0;
111
- }
112
-
113
- .premium-banner-animation1 img {
114
- width: -webkit-calc(100% + 50px) !important;
115
- width: calc(100% + 50px) !important;
116
- max-width: -webkit-calc(100% + 50px) !important;
117
- max-width: calc(100% + 50px) !important;
118
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
119
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
120
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
121
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
122
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
123
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
124
- -webkit-transform: translate3d(40px, 0, 0);
125
- transform: translate3d(40px, 0, 0);
126
- }
127
-
128
- .premium-banner-animation2 .premium-banner-ib-title {
129
- padding: 15px;
130
- }
131
-
132
- .premium-banner-animation1 .premium-banner-ib-desc {
133
- top: auto;
134
- bottom: 0;
135
- min-height: 25%;
136
- height: auto;
137
- max-height: 100%;
138
- text-align: right;
139
- }
140
-
141
- .premium-banner-animation1 .premium-banner-ib-content,
142
- .premium-banner-animation1 .premium-banner-ib-title,
143
- .premium-banner-animation1 .premium-banner-read-more {
144
- -webkit-transform: translate3d(0, 40px, 0);
145
- transform: translate3d(0, 40px, 0);
146
- -webkit-transition-delay: 0.05s;
147
- transition-delay: 0.05s;
148
- -webkit-transition-duration: 0.35s;
149
- transition-duration: 0.35s;
150
- }
151
-
152
- .premium-banner-animation1 .premium-banner-ib-title {
153
- -webkit-transition: -webkit-transform 0.35s;
154
- transition: -webkit-transform 0.35s;
155
- transition: transform 0.35s;
156
- transition: transform 0.35s, -webkit-transform 0.35s;
157
- }
158
-
159
- .premium-banner-animation1 .premium-banner-ib-content,
160
- .premium-banner-animation1 .premium-banner-read-more {
161
- margin-top: 10px;
162
- opacity: 0;
163
- -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
164
- transition: opacity 0.2s, -webkit-transform 0.35s;
165
- transition: opacity 0.2s, transform 0.35s;
166
- transition: opacity 0.2s, transform 0.35s, -webkit-transform 0.35s;
167
- }
168
-
169
- .premium-banner-animation1:hover .premium-banner-ib-content,
170
- .premium-banner-animation1.active .premium-banner-ib-content,
171
- .premium-banner-animation1:hover .premium-banner-read-more,
172
- .premium-banner-animation1.active .premium-banner-read-more {
173
- opacity: 1;
174
- -webkit-transition-delay: 0.05s;
175
- transition-delay: 0.05s;
176
- -webkit-transition-duration: 0.35s;
177
- transition-duration: 0.35s;
178
- }
179
-
180
- .premium-banner-animation1:hover .premium-banner-ib-content,
181
- .premium-banner-animation1.active .premium-banner-ib-content,
182
- .premium-banner-animation1:hover .premium-banner-read-more,
183
- .premium-banner-animation1.active .premium-banner-read-more,
184
- .premium-banner-animation1:hover .premium-banner-ib-title,
185
- .premium-banner-animation1.active .premium-banner-ib-title,
186
- .premium-banner-animation1:hover img,
187
- .premium-banner-animation1.active img {
188
- -webkit-transform: translate3d(0, 0, 0);
189
- transform: translate3d(0, 0, 0);
190
- -webkit-transition-delay: 0.05s;
191
- transition-delay: 0.05s;
192
- -webkit-transition-duration: 0.35s;
193
- transition-duration: 0.35s;
194
- }
195
-
196
- .premium-banner-animation1.zoomout img,
197
- .premium-banner-animation1.scale img {
198
- -webkit-transform: translate3d(40px, 0, 0) scale(1.1);
199
- transform: translate3d(40px, 0, 0) scale(1.1);
200
- }
201
-
202
- .premium-banner-ib.sepia img {
203
- -webkit-filter: sepia(30%);
204
- filter: sepia(30%);
205
- }
206
-
207
- .premium-banner-ib.bright img {
208
- -webkit-filter: brightness(1);
209
- filter: brightness(1);
210
- }
211
-
212
- .premium-banner-ib.sepia:hover img {
213
- -webkit-filter: sepia(0%);
214
- filter: sepia(0%);
215
- }
216
-
217
- .premium-banner-ib.bright:hover img {
218
- -webkit-filter: brightness(1.2);
219
- filter: brightness(1.2);
220
- }
221
-
222
- .premium-banner-animation1.premium-banner-min-height img,
223
- .premium-banner-animation2.premium-banner-min-height img,
224
- .premium-banner-animation4.premium-banner-min-height img,
225
- .premium-banner-animation5.premium-banner-min-height img,
226
- .premium-banner-animation6.premium-banner-min-height img,
227
- .premium-banner-animation13.premium-banner-min-height img {
228
- height: auto;
229
- }
230
-
231
- .premium-banner-animation2 img {
232
- width: 100%;
233
- }
234
-
235
- .premium-banner-animation2 .premium-banner-ib-desc::before {
236
- position: absolute;
237
- content: "";
238
- top: 0;
239
- right: 0;
240
- width: 100%;
241
- height: 100%;
242
- opacity: 0;
243
- -webkit-transform: translate3d(0, 50%, 0);
244
- transform: translate3d(0, 50%, 0);
245
- }
246
-
247
- .premium-banner-animation2 .premium-banner-ib-title {
248
- position: absolute;
249
- top: 50%;
250
- right: 0;
251
- width: 100%;
252
- -webkit-transition: color 0.35s, -webkit-transform 0.35s;
253
- transition: color 0.35s, -webkit-transform 0.35s;
254
- transition: transform 0.35s, color 0.35s;
255
- transition: transform 0.35s, color 0.35s, -webkit-transform 0.35s;
256
- -webkit-transform: translate3d(0, -50%, 0);
257
- transform: translate3d(0, -50%, 0);
258
- }
259
-
260
- .premium-banner-animation2 .premium-banner-ib-content,
261
- .premium-banner-animation2 .premium-banner-read-more,
262
- .premium-banner-animation2 .premium-banner-ib-desc::before {
263
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
264
- transition: opacity 0.35s, -webkit-transform 0.35s;
265
- transition: opacity 0.35s, transform 0.35s;
266
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
267
- }
268
-
269
- .premium-banner-animation2 .premium-banner-ib-content,
270
- .premium-banner-animation2 .premium-banner-read-more {
271
- position: absolute;
272
- bottom: 0;
273
- right: 0;
274
- padding: 15px;
275
- width: 100%;
276
- max-height: 50%;
277
- opacity: 0;
278
- -webkit-transform: translate3d(0, 10px, 0);
279
- transform: translate3d(0, 10px, 0);
280
- }
281
-
282
- .premium-banner-animation2:hover .premium-banner-ib-title,
283
- .premium-banner-animation2.active .premium-banner-ib-title {
284
- -webkit-transform: translate3d(0, -40px, 0);
285
- transform: translate3d(0, -40px, 0);
286
- }
287
-
288
- .premium-banner-animation2:hover .premium-banner-read-more,
289
- .premium-banner-animation2.active .premium-banner-read-more,
290
- .premium-banner-animation2:hover .premium-banner-ib-desc::before,
291
- .premium-banner-animation2.active .premium-banner-ib-desc::before {
292
- opacity: 1;
293
- -webkit-transform: translate3d(0, 0, 0);
294
- transform: translate3d(0, 0, 0);
295
- }
296
-
297
- .premium-banner-animation2:hover .premium-banner-ib-content,
298
- .premium-banner-animation2.active .premium-banner-ib-content {
299
- opacity: 1;
300
- -webkit-transform: translate3d(0, -30px, 0);
301
- transform: translate3d(0, -30px, 0);
302
- }
303
-
304
- .premium-banner-animation3 .premium-banner-ib-title {
305
- position: absolute;
306
- bottom: 0;
307
- right: 0;
308
- padding: 15px;
309
- width: 100%;
310
- text-align: right;
311
- -webkit-transform: translate3d(0, -30px, 0);
312
- transform: translate3d(0, -30px, 0);
313
- }
314
-
315
- .premium-banner-animation3 .premium-banner-ib-desc::before,
316
- .premium-banner-animation3 .premium-banner-ib-title {
317
- -webkit-transition: -webkit-transform 0.35s;
318
- transition: -webkit-transform 0.35s;
319
- transition: transform 0.35s;
320
- transition: transform 0.35s, -webkit-transform 0.35s;
321
- }
322
-
323
- .premium-banner-animation3:hover .premium-banner-ib-desc::before,
324
- .premium-banner-animation3.active .premium-banner-ib-desc::before,
325
- .premium-banner-animation3:hover .premium-banner-ib-title,
326
- .premium-banner-animation3.active .premium-banner-ib-title {
327
- opacity: 1;
328
- -webkit-transform: translate3d(0, 0, 0);
329
- transform: translate3d(0, 0, 0);
330
- }
331
-
332
- .premium-banner-animation3 .premium-banner-ib-content {
333
- max-height: -webkit-calc(100% - 60px - 1.5em);
334
- max-height: calc(100% - 60px - 1.5em);
335
- overflow: hidden;
336
- }
337
-
338
- .premium-banner-animation4 img {
339
- width: -webkit-calc(100% + 40px) !important;
340
- width: calc(100% + 40px) !important;
341
- max-width: -webkit-calc(100% + 40px) !important;
342
- max-width: calc(100% + 40px) !important;
343
- }
344
-
345
- .premium-banner-animation4 .premium-banner-ib-desc {
346
- padding: 30px;
347
- }
348
-
349
- .premium-banner-animation4 .premium-banner-ib-desc::after {
350
- position: absolute;
351
- content: "";
352
- opacity: 0;
353
- }
354
-
355
- .premium-banner-animation4 .premium-banner-ib-desc::before {
356
- position: absolute;
357
- content: "";
358
- opacity: 0;
359
- top: 50px;
360
- left: 30px;
361
- bottom: 50px;
362
- right: 30px;
363
- border-top: 1px solid #fff;
364
- border-bottom: 1px solid #fff;
365
- -webkit-transform: scale(0, 1);
366
- -ms-transform: scale(0, 1);
367
- transform: scale(0, 1);
368
- -webkit-transform-origin: 100% 0;
369
- -ms-transform-origin: 100% 0;
370
- transform-origin: 100% 0;
371
- }
372
-
373
- .premium-banner-animation4 .premium-banner-ib-desc::after {
374
- top: 30px;
375
- left: 50px;
376
- bottom: 30px;
377
- right: 50px;
378
- border-left: 1px solid #fff;
379
- border-right: 1px solid #fff;
380
- -webkit-transform: scale(1, 0);
381
- -ms-transform: scale(1, 0);
382
- transform: scale(1, 0);
383
- -webkit-transform-origin: 0% 0;
384
- -ms-transform-origin: 0% 0;
385
- transform-origin: 0% 0;
386
- }
387
-
388
- .premium-banner-animation4 .premium-banner-ib-title {
389
- padding: 50px 30px 0 30px;
390
- -webkit-transition: -webkit-transform 0.35s;
391
- transition: -webkit-transform 0.35s;
392
- transition: transform 0.35s;
393
- transition: transform 0.35s, -webkit-transform 0.35s;
394
- }
395
-
396
- .premium-banner-animation4 .premium-banner-ib-content,
397
- .premium-banner-animation4 .premium-banner-read-more {
398
- padding: 10px 30px;
399
- opacity: 0;
400
- overflow: hidden;
401
- -webkit-transform: translate3d(0, -10px, 0);
402
- transform: translate3d(0, -10px, 0);
403
- }
404
-
405
- .premium-banner-animation4 .premium-banner-ib-title,
406
- .premium-banner-animation4 img {
407
- -webkit-transform: translate3d(30px, 0, 0);
408
- transform: translate3d(30px, 0, 0);
409
- }
410
-
411
- .premium-banner-animation4.zoomout img,
412
- .premium-banner-animation4.scale img {
413
- -webkit-transform: translate3d(30px, 0, 0) scale(1.1);
414
- transform: translate3d(30px, 0, 0) scale(1.1);
415
- }
416
-
417
- .premium-banner-animation4 .premium-banner-ib-content,
418
- .premium-banner-animation4 .premium-banner-read-more {
419
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
420
- transition: opacity 0.35s, -webkit-transform 0.35s;
421
- transition: opacity 0.35s, transform 0.35s;
422
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
423
- }
424
-
425
- .premium-banner-animation4 .premium-banner-ib-desc::after,
426
- .premium-banner-animation4 .premium-banner-ib-desc::before {
427
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
428
- transition: opacity 0.35s, -webkit-transform 0.35s;
429
- transition: opacity 0.35s, transform 0.35s;
430
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
431
- }
432
-
433
- .premium-banner-animation4 img {
434
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
435
- transition: opacity 0.35s, -webkit-transform 0.35s;
436
- transition: opacity 0.35s, transform 0.35s;
437
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
438
- }
439
-
440
- .premium-banner-animation4:hover .premium-banner-ib-desc::after,
441
- .premium-banner-animation4.active .premium-banner-ib-desc::after,
442
- .premium-banner-animation4:hover .premium-banner-ib-desc::before,
443
- .premium-banner-animation4.active .premium-banner-ib-desc::before {
444
- opacity: 1;
445
- -webkit-transform: scale(1);
446
- -ms-transform: scale(1);
447
- transform: scale(1);
448
- }
449
-
450
- .premium-banner-animation4:hover .premium-banner-ib-content,
451
- .premium-banner-animation4.active .premium-banner-ib-content,
452
- .premium-banner-animation4:hover .premium-banner-read-more,
453
- .premium-banner-animation4.active .premium-banner-read-more,
454
- .premium-banner-animation4:hover .premium-banner-ib-title,
455
- .premium-banner-animation4.active .premium-banner-ib-title {
456
- opacity: 1;
457
- -webkit-transform: translate3d(0, 0, 0);
458
- transform: translate3d(0, 0, 0);
459
- }
460
-
461
- .premium-banner-animation4:hover .premium-banner-ib-content,
462
- .premium-banner-animation4:hover .premium-banner-ib-desc::after,
463
- .premium-banner-animation4:hover .premium-banner-ib-title,
464
- .premium-banner-animation4:hover img {
465
- -webkit-transition-delay: 0.15s;
466
- transition-delay: 0.15s;
467
- }
468
-
469
- .premium-banner-animation5 .premium-banner-ib-desc {
470
- top: auto;
471
- bottom: 0;
472
- padding: 15px;
473
- height: auto;
474
- background: #f2f2f2;
475
- color: #3c4a50;
476
- -webkit-transition: -webkit-transform 0.35s;
477
- transition: -webkit-transform 0.35s;
478
- transition: transform 0.35s;
479
- transition: transform 0.35s, -webkit-transform 0.35s;
480
- -webkit-transform: translate3d(0, 100%, 0);
481
- transform: translate3d(0, 100%, 0);
482
- }
483
-
484
- .premium-banner-animation5 .premium-banner-ib-content {
485
- position: absolute;
486
- top: auto;
487
- bottom: 100%;
488
- right: 0;
489
- width: 100%;
490
- padding: 15px;
491
- opacity: 0;
492
- -webkit-transition: opacity 0.35s;
493
- transition: opacity 0.35s;
494
- }
495
-
496
- .premium-banner-animation5 .premium-banner-ib-title,
497
- .premium-banner-animation5 .premium-banner-read-more {
498
- -webkit-transition: -webkit-transform 0.35s;
499
- transition: -webkit-transform 0.35s;
500
- transition: transform 0.35s;
501
- transition: transform 0.35s, -webkit-transform 0.35s;
502
- -webkit-transform: translate3d(0, 200%, 0);
503
- transform: translate3d(0, 200%, 0);
504
- text-align: center;
505
- }
506
-
507
- .premium-banner-animation5 .premium-banner-ib-title {
508
- margin: 10px 0;
509
- }
510
-
511
- .premium-banner-animation5:hover .premium-banner-ib-content,
512
- .premium-banner-animation5.active .premium-banner-ib-content,
513
- .premium-banner-animation5:hover .premium-banner-ib-content *,
514
- .premium-banner-animation5.active .premium-banner-ib-content * {
515
- opacity: 1 !important;
516
- z-index: 99 !important;
517
- -webkit-backface-visibility: hidden !important;
518
- backface-visibility: hidden !important;
519
- }
520
-
521
- .premium-banner-animation5:hover .premium-banner-ib-desc,
522
- .premium-banner-animation5.active .premium-banner-ib-desc,
523
- .premium-banner-animation5:hover .premium-banner-ib-title,
524
- .premium-banner-animation5.active .premium-banner-ib-title,
525
- .premium-banner-animation5:hover .premium-banner-read-more,
526
- .premium-banner-animation5.active .premium-banner-read-more {
527
- -webkit-transform: translateY(0);
528
- -ms-transform: translateY(0);
529
- transform: translateY(0);
530
- }
531
-
532
- .premium-banner-animation5:hover .premium-banner-ib-title {
533
- -webkit-transition-delay: 0.05s;
534
- transition-delay: 0.05s;
535
- }
536
-
537
- .premium-banner-animation5 img {
538
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
539
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
540
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
541
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
542
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
543
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
544
- }
545
-
546
- .premium-banner-animation2 img,
547
- .premium-banner-animation4 img,
548
- .premium-banner-animation6 img {
549
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
550
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
551
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
552
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
553
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
554
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
555
- }
556
-
557
- .premium-banner-animation5.zoomout img,
558
- .premium-banner-animation5.scale img {
559
- -webkit-transform: scale(1.1);
560
- -ms-transform: scale(1.1);
561
- transform: scale(1.1);
562
- }
563
-
564
- .premium-banner-animation2.zoomout img,
565
- .premium-banner-animation2.scale img {
566
- -webkit-transform: scale(1.1);
567
- -ms-transform: scale(1.1);
568
- transform: scale(1.1);
569
- }
570
-
571
- .premium-banner-animation6.zoomout img,
572
- .premium-banner-animation6.scale img {
573
- -webkit-transform: scale(1.1);
574
- -ms-transform: scale(1.1);
575
- transform: scale(1.1);
576
- }
577
-
578
- .premium-banner-animation5.zoomin:hover img,
579
- .premium-banner-animation2.zoomin:hover img,
580
- .premium-banner-animation6.zoomin:hover img {
581
- -webkit-transform: scale(1.1);
582
- -ms-transform: scale(1.1);
583
- transform: scale(1.1);
584
- }
585
-
586
- .premium-banner-animation5.zoomout:hover img,
587
- .premium-banner-animation2.zoomout:hover img,
588
- .premium-banner-animation6.zoomout:hover img {
589
- -webkit-transform: scale(1);
590
- -ms-transform: scale(1);
591
- transform: scale(1);
592
- }
593
-
594
- .premium-banner-animation5.scale:hover img,
595
- .premium-banner-animation2.scale:hover img,
596
- .premium-banner-animation6.scale:hover img {
597
- -webkit-transform: scale(1.2) rotate(-5deg);
598
- -ms-transform: scale(1.2) rotate(-5deg);
599
- transform: scale(1.2) rotate(-5deg);
600
- }
601
-
602
- .premium-banner-animation5.grayscale:hover img,
603
- .premium-banner-animation2.grayscale:hover img,
604
- .premium-banner-animation6.grayscale:hover img {
605
- -webkit-filter: grayscale(100%);
606
- filter: grayscale(100%);
607
- }
608
-
609
- .premium-banner-animation5.blur:hover img,
610
- .premium-banner-animation2.blur:hover img {
611
- -webkit-filter: blur(3px);
612
- filter: blur(3px);
613
- }
614
-
615
- .premium-banner-animation6.blur:hover img {
616
- -webkit-filter: blur(3px);
617
- filter: blur(3px);
618
- }
619
-
620
- .premium-banner-animation6 .premium-banner-ib-desc {
621
- padding: 45px;
622
- }
623
-
624
- .premium-banner-animation6 .premium-banner-ib-desc::before {
625
- position: absolute;
626
- content: "";
627
- top: 30px;
628
- left: 30px;
629
- bottom: 30px;
630
- right: 30px;
631
- border: 1px solid #fff;
632
- }
633
-
634
- .premium-banner-animation6 .premium-banner-ib-title {
635
- margin: 20px 0 10px;
636
- -webkit-transition: -webkit-transform 0.35s;
637
- transition: -webkit-transform 0.35s;
638
- transition: transform 0.35s;
639
- transition: transform 0.35s, -webkit-transform 0.35s;
640
- -webkit-transform: translate3d(0, 100%, 0);
641
- transform: translate3d(0, 100%, 0);
642
- }
643
-
644
- .premium-banner-animation6 .premium-banner-ib-content,
645
- .premium-banner-animation6 .premium-banner-read-more,
646
- .premium-banner-animation6 .premium-banner-ib-desc::before {
647
- opacity: 0;
648
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
649
- transition: opacity 0.35s, -webkit-transform 0.35s;
650
- transition: opacity 0.35s, transform 0.35s;
651
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
652
- -webkit-transform: scale(0);
653
- -ms-transform: scale(0);
654
- transform: scale(0);
655
- }
656
-
657
- .premium-banner-animation6 .premium-banner-read-more {
658
- margin-top: 10px;
659
- }
660
-
661
- .premium-banner-animation6:hover .premium-banner-ib-title,
662
- .premium-banner-animation6.active .premium-banner-ib-title {
663
- -webkit-transform: translate3d(0, 0, 0);
664
- transform: translate3d(0, 0, 0);
665
- }
666
-
667
- .premium-banner-animation6:hover .premium-banner-ib-content,
668
- .premium-banner-animation6.active .premium-banner-ib-content,
669
- .premium-banner-animation6:hover .premium-banner-read-more,
670
- .premium-banner-animation6.active .premium-banner-read-more,
671
- .premium-banner-animation6:hover .premium-banner-ib-desc::before,
672
- .premium-banner-animation6.active .premium-banner-ib-desc::before {
673
- opacity: 1;
674
- -webkit-transform: scale(1);
675
- -ms-transform: scale(1);
676
- transform: scale(1);
677
- }
678
-
679
- .premium-banner-animation12 .premium-banner-ib-desc::after {
680
- position: absolute;
681
- content: "";
682
- left: 30px;
683
- bottom: 30px;
684
- right: 30px;
685
- height: -webkit-calc(50% - 30px);
686
- height: calc(50% - 30px);
687
- border: 7px solid #fff;
688
- -webkit-transition: -webkit-transform 0.35s;
689
- transition: -webkit-transform 0.35s;
690
- transition: transform 0.35s;
691
- transition: transform 0.35s, -webkit-transform 0.35s;
692
- -webkit-transform: translate3d(0, -100%, 0);
693
- transform: translate3d(0, -100%, 0);
694
- }
695
-
696
- .premium-banner-animation12:hover .premium-banner-ib-desc::after,
697
- .premium-banner-animation12.active .premium-banner-ib-desc::after {
698
- -webkit-transform: translate3d(0, 0, 0);
699
- transform: translate3d(0, 0, 0);
700
- }
701
-
702
- .premium-banner-animation12 .premium-banner-ib-desc {
703
- padding: 45px;
704
- text-align: right;
705
- }
706
-
707
- .premium-banner-animation12 .premium-banner-ib-content {
708
- position: absolute;
709
- left: 60px;
710
- bottom: 60px;
711
- right: 60px;
712
- opacity: 0;
713
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
714
- transition: opacity 0.35s, -webkit-transform 0.35s;
715
- transition: opacity 0.35s, transform 0.35s;
716
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
717
- -webkit-transform: translate3d(0, -100px, 0);
718
- transform: translate3d(0, -100px, 0);
719
- }
720
-
721
- .premium-banner-animation12:hover .premium-banner-ib-content,
722
- .premium-banner-animation12.active .premium-banner-ib-content {
723
- opacity: 1;
724
- -webkit-transform: translate3d(0, 0, 0);
725
- transform: translate3d(0, 0, 0);
726
- }
727
-
728
- .premium-banner-animation13 img {
729
- width: -webkit-calc(100% + 20px) !important;
730
- width: calc(100% + 20px) !important;
731
- max-width: -webkit-calc(100% + 20px) !important;
732
- max-width: calc(100% + 20px) !important;
733
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
734
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
735
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
736
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
737
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
738
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
739
- -webkit-transform: translate3d(10px, 0, 0);
740
- transform: translate3d(10px, 0, 0);
741
- -webkit-backface-visibility: hidden;
742
- backface-visibility: hidden;
743
- }
744
-
745
- .premium-banner-animation13.zoomout img,
746
- .premium-banner-animation13.scale img {
747
- -webkit-transform: translate3d(10px, 0, 0) scale(1.1);
748
- transform: translate3d(10px, 0, 0) scale(1.1);
749
- }
750
-
751
- .premium-banner-animation13.none:hover img {
752
- -webkit-transform: translate3d(0, 0, 0);
753
- transform: translate3d(0, 0, 0);
754
- }
755
-
756
- .premium-banner-animation1.none:hover img,
757
- .premium-banner-animation4.none:hover img {
758
- -webkit-transform: translate3d(0, 0, 0);
759
- transform: translate3d(0, 0, 0);
760
- }
761
-
762
- .premium-banner-animation13.zoomin:hover img,
763
- .premium-banner-animation1.zoomin:hover img,
764
- .premium-banner-animation4.zoomin:hover img,
765
- .premium-banner-animation8.zoomin:hover img,
766
- .premium-banner-animation7.zoomin:hover img,
767
- .premium-banner-animation9.zoomin:hover img,
768
- .premium-banner-animation10.zoomin:hover img {
769
- -webkit-transform: translate3d(0, 0, 0) scale(1.1);
770
- transform: translate3d(0, 0, 0) scale(1.1);
771
- }
772
-
773
- .premium-banner-animation13.zoomout:hover img,
774
- .premium-banner-animation1.zoomout:hover img,
775
- .premium-banner-animation4.zoomout:hover img,
776
- .premium-banner-animation8.zoomout:hover img,
777
- .premium-banner-animation7.zoomout:hover img,
778
- .premium-banner-animation9.zoomout:hover img,
779
- .premium-banner-animation10.zoomout:hover img {
780
- -webkit-transform: translate3d(0, 0, 0) scale(1);
781
- transform: translate3d(0, 0, 0) scale(1);
782
- }
783
-
784
- .premium-banner-animation13.scale:hover img,
785
- .premium-banner-animation1.scale:hover img,
786
- .premium-banner-animation4.scale:hover img,
787
- .premium-banner-animation8.scale:hover img,
788
- .premium-banner-animation7.scale:hover img,
789
- .premium-banner-animation9.scale:hover img,
790
- .premium-banner-animation10.scale:hover img {
791
- -webkit-transform: translate3d(0, 0, 0) scale(1.2) rotate(-5deg);
792
- transform: translate3d(0, 0, 0) scale(1.2) rotate(-5deg);
793
- }
794
-
795
- .premium-banner-animation13.grayscale:hover img,
796
- .premium-banner-animation1.grayscale:hover img,
797
- .premium-banner-animation4.grayscale:hover img,
798
- .premium-banner-animation8.grayscale:hover img,
799
- .premium-banner-animation7.grayscale:hover img,
800
- .premium-banner-animation9.grayscale:hover img,
801
- .premium-banner-animation10.grayscale:hover img {
802
- -webkit-transform: translate3d(0, 0, 0);
803
- transform: translate3d(0, 0, 0);
804
- -webkit-filter: grayscale(100%);
805
- filter: grayscale(100%);
806
- }
807
-
808
- .premium-banner-animation13.blur:hover img,
809
- .premium-banner-animation1.blur:hover img,
810
- .premium-banner-animation4.blur:hover,
811
- .premium-banner-animation8.blur:hover img,
812
- .premium-banner-animation7.blur:hover img,
813
- .premium-banner-animation9.blur:hover img,
814
- .premium-banner-animation10.blur:hover img {
815
- -webkit-transform: translate3d(0, 0, 0);
816
- transform: translate3d(0, 0, 0);
817
- -webkit-filter: blur(3px);
818
- filter: blur(3px);
819
- }
820
-
821
- .premium-banner-animation13 .premium-banner-ib-desc {
822
- text-align: right;
823
- }
824
-
825
- .premium-banner-animation13 .premium-banner-ib-title {
826
- position: relative;
827
- overflow: hidden;
828
- padding: 5px 0 10px;
829
- }
830
-
831
- .premium-banner-animation13 .premium-banner-ib-title::after {
832
- position: absolute;
833
- content: "";
834
- bottom: 0;
835
- right: 0;
836
- width: 100%;
837
- height: 2px;
838
- background: #fff;
839
- -webkit-transition: -webkit-transform 0.35s;
840
- transition: -webkit-transform 0.35s;
841
- transition: transform 0.35s;
842
- transition: transform 0.35s, -webkit-transform 0.35s;
843
- -webkit-transform: translate3d(101%, 0, 0);
844
- transform: translate3d(101%, 0, 0);
845
- }
846
-
847
- .premium-banner-animation13:hover .premium-banner-ib-title::after,
848
- .premium-banner-animation13.active .premium-banner-ib-title::after {
849
- -webkit-transform: translate3d(0, 0, 0);
850
- transform: translate3d(0, 0, 0);
851
- }
852
-
853
- .premium-banner-animation13 .premium-banner-ib-content,
854
- .premium-banner-animation13 .premium-banner-read-more {
855
- padding: 15px 0;
856
- opacity: 0;
857
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
858
- transition: opacity 0.35s, -webkit-transform 0.35s;
859
- transition: opacity 0.35s, transform 0.35s;
860
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
861
- -webkit-transform: translate3d(-100%, 0, 0);
862
- transform: translate3d(-100%, 0, 0);
863
- }
864
-
865
- .premium-banner-animation13:hover .premium-banner-ib-content,
866
- .premium-banner-animation13.active .premium-banner-ib-content,
867
- .premium-banner-animation13:hover .premium-banner-read-more,
868
- .premium-banner-animation13.active .premium-banner-read-more {
869
- opacity: 1;
870
- -webkit-transform: translate3d(0, 0, 0);
871
- transform: translate3d(0, 0, 0);
872
- }
873
-
874
- .premium-banner-ib.premium-banner-animation5 .premium-banner-toggle-size {
875
- right: 50%;
876
- width: auto !important;
877
- height: 100%;
878
- max-width: none;
879
- -webkit-transform: translateX(50%);
880
- -ms-transform: translateX(50%);
881
- transform: translateX(50%);
882
- }
883
-
884
- .premium-banner-ib img {
885
- border: none;
886
- padding: 0;
887
- margin: 0;
888
- }
889
-
890
- .premium-banner-animation7 img {
891
- width: -webkit-calc(100% + 40px) !important;
892
- width: calc(100% + 40px) !important;
893
- max-width: -webkit-calc(100% + 40px) !important;
894
- max-width: calc(100% + 40px) !important;
895
- }
896
-
897
- .premium-banner-animation7 .premium-banner-brlr {
898
- width: 7px;
899
- }
900
-
901
- .premium-banner-animation7 .premium-banner-brtb {
902
- height: 7px;
903
- }
904
-
905
- .premium-banner-animation7 .premium-banner-br {
906
- position: absolute;
907
- z-index: 1;
908
- background-color: white;
909
- -webkit-transition: all 0.3s ease-in-out;
910
- transition: all 0.3s ease-in-out;
911
- -webkit-transition-delay: 0.2s;
912
- transition-delay: 0.2s;
913
- }
914
-
915
- .premium-banner-animation7 .premium-banner-bleft {
916
- right: 30px;
917
- top: -webkit-calc(100% - 150px);
918
- top: calc(100% - 150px);
919
- height: 0;
920
- }
921
-
922
- .premium-banner-animation7 .premium-banner-bright {
923
- left: 30px;
924
- bottom: -webkit-calc(100% - 150px);
925
- bottom: calc(100% - 150px);
926
- height: 0;
927
- }
928
-
929
- .premium-banner-animation7 .premium-banner-bottom {
930
- left: -webkit-calc(100% - 150px);
931
- left: calc(100% - 150px);
932
- bottom: 30px;
933
- width: 0;
934
- }
935
-
936
- .premium-banner-animation7 .premium-banner-btop {
937
- right: -webkit-calc(100% - 150px);
938
- right: calc(100% - 150px);
939
- top: 30px;
940
- width: 0;
941
- }
942
-
943
- .premium-banner-animation7 .premium-banner-ib-desc {
944
- padding: 70px;
945
- display: table;
946
- }
947
-
948
- .premium-banner-animation7 .premium-banner-ib-desc .premium-banner-desc-centered {
949
- display: table-cell;
950
- vertical-align: middle;
951
- }
952
-
953
- .premium-banner-animation7 .premium-banner-ib-title {
954
- margin-top: 0;
955
- }
956
-
957
- .premium-banner-animation7 .premium-banner-ib-title,
958
- .premium-banner-animation7 img {
959
- -webkit-transform: translate3d(30px, 0, 0);
960
- transform: translate3d(30px, 0, 0);
961
- }
962
-
963
- .premium-banner-animation7.zoomout img,
964
- .premium-banner-animation7.scale img {
965
- -webkit-transform: translate3d(30px, 0, 0) scale(1.1);
966
- transform: translate3d(30px, 0, 0) scale(1.1);
967
- }
968
-
969
- .premium-banner-animation7 .premium-banner-ib-content,
970
- .premium-banner-animation7 .premium-banner-read-more {
971
- margin-top: 10px;
972
- }
973
-
974
- .premium-banner-animation7 .premium-banner-ib-desc::after,
975
- .premium-banner-animation7 .premium-banner-ib-desc::before {
976
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
977
- transition: opacity 0.35s, -webkit-transform 0.35s;
978
- transition: opacity 0.35s, transform 0.35s;
979
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
980
- }
981
-
982
- .premium-banner-animation7 .premium-banner-ib-title,
983
- .premium-banner-animation7 .premium-banner-ib-content,
984
- .premium-banner-animation7 .premium-banner-read-more {
985
- opacity: 0;
986
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
987
- transition: opacity 0.35s, -webkit-transform 0.35s;
988
- transition: opacity 0.35s, transform 0.35s;
989
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
990
- }
991
-
992
- .premium-banner-animation7 img {
993
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
994
- transition: opacity 0.35s, -webkit-transform 0.35s;
995
- transition: opacity 0.35s, transform 0.35s;
996
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
997
- }
998
-
999
- .premium-banner-animation7:hover .premium-banner-ib-content,
1000
- .premium-banner-animation7.active .premium-banner-ib-content,
1001
- .premium-banner-animation7:hover .premium-banner-read-more,
1002
- .premium-banner-animation7.active .premium-banner-read-more,
1003
- .premium-banner-animation7:hover .premium-banner-ib-title,
1004
- .premium-banner-animation7.active .premium-banner-ib-title {
1005
- opacity: 1;
1006
- -webkit-transform: translate3d(0, 0, 0);
1007
- transform: translate3d(0, 0, 0);
1008
- }
1009
-
1010
- .premium-banner-animation7:hover .premium-banner-bleft,
1011
- .premium-banner-animation7.active .premium-banner-bleft {
1012
- top: 30px;
1013
- height: 70px;
1014
- }
1015
-
1016
- .premium-banner-animation7:hover .premium-banner-bright,
1017
- .premium-banner-animation7.active .premium-banner-bright {
1018
- bottom: 30px;
1019
- height: 70px;
1020
- }
1021
-
1022
- .premium-banner-animation7:hover .premium-banner-bottom,
1023
- .premium-banner-animation7.active .premium-banner-bottom {
1024
- left: 30px;
1025
- width: 70px;
1026
- }
1027
-
1028
- .premium-banner-animation7:hover .premium-banner-btop,
1029
- .premium-banner-animation7.active .premium-banner-btop {
1030
- right: 30px;
1031
- width: 70px;
1032
- }
1033
-
1034
- .premium-banner-animation7:hover .premium-banner-ib-content,
1035
- .premium-banner-animation7:hover .premium-banner-read-more,
1036
- .premium-banner-animation7:hover .premium-banner-ib-title,
1037
- .premium-banner-animation7:hover img {
1038
- -webkit-transition-delay: 0.15s;
1039
- transition-delay: 0.15s;
1040
- }
1041
-
1042
- .premium-banner-animation8 img {
1043
- width: -webkit-calc(100% + 40px) !important;
1044
- width: calc(100% + 40px) !important;
1045
- max-width: -webkit-calc(100% + 40px) !important;
1046
- max-width: calc(100% + 40px) !important;
1047
- }
1048
-
1049
- .premium-banner-animation8 .premium-banner-brlr {
1050
- width: 7px;
1051
- }
1052
-
1053
- .premium-banner-animation8 .premium-banner-brtb {
1054
- height: 7px;
1055
- }
1056
-
1057
- .premium-banner-animation8 .premium-banner-br {
1058
- position: absolute;
1059
- z-index: 1;
1060
- background-color: white;
1061
- -webkit-transition: all 0.3s ease-in-out;
1062
- transition: all 0.3s ease-in-out;
1063
- -webkit-transition-delay: 0.2s;
1064
- transition-delay: 0.2s;
1065
- }
1066
-
1067
- .premium-banner-animation8 .premium-banner-bleft {
1068
- right: 30px;
1069
- top: 50%;
1070
- -webkit-transform: translateY(-50%);
1071
- -ms-transform: translateY(-50%);
1072
- transform: translateY(-50%);
1073
- height: 0;
1074
- }
1075
-
1076
- .premium-banner-animation8 .premium-banner-bright {
1077
- left: 30px;
1078
- top: 50%;
1079
- -webkit-transform: translateY(-50%);
1080
- -ms-transform: translateY(-50%);
1081
- transform: translateY(-50%);
1082
- height: 0;
1083
- }
1084
-
1085
- .premium-banner-animation8 .premium-banner-bottom {
1086
- right: 50%;
1087
- -webkit-transform: translateX(50%);
1088
- -ms-transform: translateX(50%);
1089
- transform: translateX(50%);
1090
- bottom: 30px;
1091
- width: 0;
1092
- }
1093
-
1094
- .premium-banner-animation8 .premium-banner-btop {
1095
- right: 50%;
1096
- -webkit-transform: translateX(50%);
1097
- -ms-transform: translateX(50%);
1098
- transform: translateX(50%);
1099
- top: 30px;
1100
- width: 0;
1101
- }
1102
-
1103
- .premium-banner-animation8 .premium-banner-ib-desc {
1104
- padding: 70px;
1105
- display: table;
1106
- }
1107
-
1108
- .premium-banner-animation8 .premium-banner-ib-desc .premium-banner-desc-centered {
1109
- display: table-cell;
1110
- vertical-align: middle;
1111
- }
1112
-
1113
- .premium-banner-animation8 .premium-banner-ib-title {
1114
- margin-top: 0;
1115
- }
1116
-
1117
- .premium-banner-animation8 .premium-banner-ib-title,
1118
- .premium-banner-animation8 img {
1119
- -webkit-transform: translate3d(30px, 0, 0);
1120
- transform: translate3d(30px, 0, 0);
1121
- }
1122
-
1123
- .premium-banner-animation8.zoomout img,
1124
- .premium-banner-animation8.scale img {
1125
- -webkit-transform: translate3d(30px, 0, 0) scale(1.1);
1126
- transform: translate3d(30px, 0, 0) scale(1.1);
1127
- }
1128
-
1129
- .premium-banner-animation8 .premium-banner-ib-content,
1130
- .premium-banner-animation8 .premium-banner-read-more {
1131
- margin-top: 10px;
1132
- }
1133
-
1134
- .premium-banner-animation8 .premium-banner-ib-desc::after,
1135
- .premium-banner-animation8 .premium-banner-ib-desc::before {
1136
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1137
- transition: opacity 0.35s, -webkit-transform 0.35s;
1138
- transition: opacity 0.35s, transform 0.35s;
1139
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1140
- }
1141
-
1142
- .premium-banner-animation8 .premium-banner-ib-title,
1143
- .premium-banner-animation8 .premium-banner-ib-content,
1144
- .premium-banner-animation8 .premium-banner-read-more {
1145
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1146
- transition: opacity 0.35s, -webkit-transform 0.35s;
1147
- transition: opacity 0.35s, transform 0.35s;
1148
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1149
- opacity: 0;
1150
- }
1151
-
1152
- .premium-banner-animation8 img {
1153
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1154
- transition: opacity 0.35s, -webkit-transform 0.35s;
1155
- transition: opacity 0.35s, transform 0.35s;
1156
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1157
- }
1158
-
1159
- .premium-banner-animation8:hover .premium-banner-ib-content,
1160
- .premium-banner-animation8.active .premium-banner-ib-content,
1161
- .premium-banner-animation8:hover .premium-banner-read-more,
1162
- .premium-banner-animation8.active .premium-banner-read-more,
1163
- .premium-banner-animation8:hover .premium-banner-ib-title,
1164
- .premium-banner-animation8.active .premium-banner-ib-title {
1165
- opacity: 1;
1166
- -webkit-transform: translate3d(0, 0, 0);
1167
- transform: translate3d(0, 0, 0);
1168
- }
1169
-
1170
- .premium-banner-animation8:hover .premium-banner-bleft,
1171
- .premium-banner-animation8.active .premium-banner-bleft {
1172
- height: -webkit-calc(100% - 61px);
1173
- height: calc(100% - 61px);
1174
- }
1175
-
1176
- .premium-banner-animation8:hover .premium-banner-bright,
1177
- .premium-banner-animation8.active .premium-banner-bright {
1178
- height: -webkit-calc(100% - 61px);
1179
- height: calc(100% - 61px);
1180
- }
1181
-
1182
- .premium-banner-animation8:hover .premium-banner-bottom,
1183
- .premium-banner-animation8.active .premium-banner-bottom {
1184
- width: -webkit-calc(100% - 61px);
1185
- width: calc(100% - 61px);
1186
- }
1187
-
1188
- .premium-banner-animation8:hover .premium-banner-btop,
1189
- .premium-banner-animation8.active .premium-banner-btop {
1190
- width: -webkit-calc(100% - 61px);
1191
- width: calc(100% - 61px);
1192
- }
1193
-
1194
- .premium-banner-animation8:hover .premium-banner-ib-content,
1195
- .premium-banner-animation8:hover .premium-banner-ib-title,
1196
- .premium-banner-animation8:hover .premium-banner-read-more,
1197
- .premium-banner-animation8:hover img {
1198
- -webkit-transition-delay: 0.15s;
1199
- transition-delay: 0.15s;
1200
- }
1201
-
1202
- .premium-banner-animation9 img {
1203
- width: -webkit-calc(100% + 20px) !important;
1204
- width: calc(100% + 20px) !important;
1205
- max-width: -webkit-calc(100% + 20px) !important;
1206
- max-width: calc(100% + 20px) !important;
1207
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1208
- transition: opacity 0.35s, -webkit-transform 0.35s;
1209
- transition: opacity 0.35s, transform 0.35s;
1210
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1211
- -webkit-transform: scale(1.2);
1212
- -ms-transform: scale(1.2);
1213
- transform: scale(1.2);
1214
- }
1215
-
1216
- .premium-banner-animation9 .premium-banner-ib-desc {
1217
- width: 100%;
1218
- height: 100%;
1219
- }
1220
-
1221
- .premium-banner-animation9 .premium-banner-ib-desc::before {
1222
- position: absolute;
1223
- top: 50%;
1224
- right: 50%;
1225
- width: 80%;
1226
- height: 1px;
1227
- background: #fff;
1228
- content: "";
1229
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1230
- transition: opacity 0.35s, -webkit-transform 0.35s;
1231
- transition: opacity 0.35s, transform 0.35s;
1232
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1233
- -webkit-transform: translate3d(50%, -50%, 0);
1234
- transform: translate3d(50%, -50%, 0);
1235
- }
1236
-
1237
- .premium-banner-animation9 .premium-banner-ib-desc::after {
1238
- position: absolute;
1239
- top: 50%;
1240
- right: 50%;
1241
- width: 80%;
1242
- height: 1px;
1243
- background: #fff;
1244
- content: "";
1245
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1246
- transition: opacity 0.35s, -webkit-transform 0.35s;
1247
- transition: opacity 0.35s, transform 0.35s;
1248
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1249
- -webkit-transform: translate3d(50%, -50%, 0);
1250
- transform: translate3d(50%, -50%, 0);
1251
- }
1252
-
1253
- .premium-banner-animation9 .premium-banner-ib-title {
1254
- position: absolute;
1255
- top: 50%;
1256
- right: 0;
1257
- width: 100%;
1258
- -webkit-transition: -webkit-transform 0.35s;
1259
- transition: -webkit-transform 0.35s;
1260
- transition: transform 0.35s;
1261
- transition: transform 0.35s, -webkit-transform 0.35s;
1262
- -webkit-transform: translate3d(0, -70px, 0);
1263
- transform: translate3d(0, -70px, 0);
1264
- margin-top: 0;
1265
- padding: 0 10%;
1266
- }
1267
-
1268
- .premium-banner-animation9:hover .premium-banner-ib-title,
1269
- .premium-banner-animation9.active .premium-banner-ib-title {
1270
- -webkit-transform: translate3d(0, -80px, 0);
1271
- transform: translate3d(0, -80px, 0);
1272
- }
1273
-
1274
- .premium-banner-animation9 .premium-banner-ib-content,
1275
- .premium-banner-animation9 .premium-banner-read-more {
1276
- position: absolute;
1277
- top: 50%;
1278
- right: 0;
1279
- width: 100%;
1280
- -webkit-transition: -webkit-transform 0.35s;
1281
- transition: -webkit-transform 0.35s;
1282
- transition: transform 0.35s;
1283
- transition: transform 0.35s, -webkit-transform 0.35s;
1284
- padding: 0 10%;
1285
- -webkit-transform: translate3d(0, 35px, 0);
1286
- transform: translate3d(0, 35px, 0);
1287
- }
1288
-
1289
- .premium-banner-animation9 .premium-banner-read-more {
1290
- top: 75%;
1291
- }
1292
-
1293
- .premium-banner-animation9:hover .premium-banner-ib-content,
1294
- .premium-banner-animation9.active .premium-banner-ib-content,
1295
- .premium-banner-animation9:hover .premium-banner-read-more,
1296
- .premium-banner-animation9.active .premium-banner-read-more {
1297
- -webkit-transform: translate3d(0, 45px, 0);
1298
- transform: translate3d(0, 45px, 0);
1299
- }
1300
-
1301
- .premium-banner-animation9:hover .premium-banner-ib-desc::before,
1302
- .premium-banner-animation9.active .premium-banner-ib-desc::before {
1303
- opacity: 0.5;
1304
- -webkit-transform: translate3d(50%, -50%, 0) rotate(-45deg);
1305
- transform: translate3d(50%, -50%, 0) rotate(-45deg);
1306
- }
1307
-
1308
- .premium-banner-animation9:hover .premium-banner-ib-desc::after,
1309
- .premium-banner-animation9.active .premium-banner-ib-desc::after {
1310
- opacity: 0.5;
1311
- -webkit-transform: translate3d(50%, -50%, 0) rotate(45deg);
1312
- transform: translate3d(50%, -50%, 0) rotate(45deg);
1313
- }
1314
-
1315
- .premium-banner-animation9:hover img {
1316
- -webkit-transform: scale(1);
1317
- -ms-transform: scale(1);
1318
- transform: scale(1);
1319
- }
1320
-
1321
- .premium-banner-animation10 img {
1322
- width: -webkit-calc(100% + 20px) !important;
1323
- width: calc(100% + 20px) !important;
1324
- max-width: -webkit-calc(100% + 20px) !important;
1325
- max-width: calc(100% + 20px) !important;
1326
- }
1327
-
1328
- .premium-banner-animation10 .premium-banner-ib-title {
1329
- position: relative;
1330
- overflow: hidden;
1331
- padding: 5px 0 15px;
1332
- -webkit-transition: -webkit-transform 0.35s;
1333
- transition: -webkit-transform 0.35s;
1334
- transition: transform 0.35s;
1335
- transition: transform 0.35s, -webkit-transform 0.35s;
1336
- -webkit-transform: translate3d(0, 20px, 0);
1337
- transform: translate3d(0, 20px, 0);
1338
- margin-bottom: 0;
1339
- }
1340
-
1341
- .premium-banner-animation10 .premium-banner-ib-title::after {
1342
- position: absolute;
1343
- content: "";
1344
- bottom: 0;
1345
- right: 0;
1346
- width: 100%;
1347
- height: 3px;
1348
- background: #fff;
1349
- opacity: 0;
1350
- -webkit-transform: translate3d(0, 100%, 0);
1351
- transform: translate3d(0, 100%, 0);
1352
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1353
- transition: opacity 0.35s, -webkit-transform 0.35s;
1354
- transition: opacity 0.35s, transform 0.35s;
1355
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1356
- }
1357
-
1358
- .premium-banner-animation10:hover .premium-banner-ib-title,
1359
- .premium-banner-animation10.active .premium-banner-ib-title {
1360
- -webkit-transform: translate3d(0, 0, 0);
1361
- transform: translate3d(0, 0, 0);
1362
- }
1363
-
1364
- .premium-banner-animation10:hover .premium-banner-ib-title::after,
1365
- .premium-banner-animation10.active .premium-banner-ib-title::after {
1366
- opacity: 1;
1367
- -webkit-transform: translate3d(0, 0, 0);
1368
- transform: translate3d(0, 0, 0);
1369
- }
1370
-
1371
- .premium-banner-animation10 .premium-banner-ib-content,
1372
- .premium-banner-animation10 .premium-banner-read-more {
1373
- padding-top: 15px;
1374
- opacity: 0;
1375
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1376
- transition: opacity 0.35s, -webkit-transform 0.35s;
1377
- transition: opacity 0.35s, transform 0.35s;
1378
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1379
- -webkit-transform: translate3d(0, 100%, 0);
1380
- transform: translate3d(0, 100%, 0);
1381
- }
1382
-
1383
- .premium-banner-animation10 .premium-banner-read-more {
1384
- padding: 0;
1385
- }
1386
-
1387
- .premium-banner-animation10:hover .premium-banner-ib-content,
1388
- .premium-banner-animation10.active .premium-banner-ib-content,
1389
- .premium-banner-animation10:hover .premium-banner-read-more,
1390
- .premium-banner-animation10.active .premium-banner-read-more {
1391
- opacity: 1;
1392
- -webkit-transform: translate3d(0, 0, 0);
1393
- transform: translate3d(0, 0, 0);
1394
- }
1395
-
1396
- /**************** Premium CountDown *************/
1397
- /************************************************/
1398
- .premium-countdown {
1399
- display: -ms-flexbox;
1400
- display: -webkit-flex;
1401
- display: -moz-flex;
1402
- display: -ms-flex;
1403
- -js-display: flex;
1404
- display: -webkit-box;
1405
- display: -moz-box;
1406
- display: flex;
1407
- }
1408
-
1409
- /* jQuery Countdown styles 2.0.0. */
1410
- .pre_countdown-row {
1411
- display: block;
1412
- text-align: center;
1413
- }
1414
-
1415
- .countdown .pre_countdown-section {
1416
- display: inline-block;
1417
- max-width: 100%;
1418
- margin-bottom: 15px;
1419
- }
1420
-
1421
- .countdown .pre_countdown-section {
1422
- display: -webkit-inline-box;
1423
- display: -webkit-inline-flex;
1424
- display: -ms-inline-flexbox;
1425
- -js-display: inline-flex;
1426
- display: -moz-inline-box;
1427
- display: inline-flex;
1428
- -webkit-box-align: center;
1429
- -webkit-align-items: center;
1430
- -moz-box-align: center;
1431
- -ms-flex-align: center;
1432
- align-items: center;
1433
- }
1434
-
1435
- .countdown .pre_countdown-section:last-child {
1436
- margin-left: 0;
1437
- }
1438
-
1439
- .countdown span.pre_countdown-amount {
1440
- font-size: 70px;
1441
- line-height: 1;
1442
- }
1443
-
1444
- .countdown .pre_time-mid {
1445
- display: block;
1446
- }
1447
-
1448
- .premium-countdown-separator-yes .pre-countdown_separator {
1449
- display: block;
1450
- margin: 0 50px;
1451
- font-size: 30px;
1452
- }
1453
-
1454
- .premium-countdown-separator-yes .pre_countdown-row .pre_countdown-section:last-child .pre-countdown_separator {
1455
- display: none;
1456
- }
1457
-
1458
- /************************************ * Digit and unit styles *************************************/
1459
- .side .pre_countdown-section .pre_countdown-period {
1460
- vertical-align: bottom;
1461
- }
1462
-
1463
- .countdown .pre_countdown-section .pre_countdown-period {
1464
- font-size: 17px;
1465
- line-height: 3em;
1466
- }
1467
-
1468
- .side .pre_countdown-section .pre_countdown-amount,
1469
- .side .pre_countdown-section .pre_countdown-period {
1470
- display: inline-block;
1471
- }
1472
-
1473
- .side .pre_countdown-section .pre_countdown-amount {
1474
- margin-left: 5px;
1475
- }
1476
-
1477
- .down .pre_countdown-section .pre_countdown-amount,
1478
- .down .pre_countdown-section .pre_countdown-period {
1479
- display: block;
1480
- }
1481
-
1482
- /**************** Premium Carousel **************/
1483
- /************************************************/
1484
- .premium-carousel-wrapper a.carousel-arrow,
1485
- .premium-carousel-wrapper a.ver-carousel-arrow,
1486
- .premium-fb-rev-container a.carousel-arrow,
1487
- .premium-blog-wrap a.carousel-arrow,
1488
- .premium-hscroll-wrap a.carousel-arrow,
1489
- .premium-twitter-feed-wrapper a.carousel-arrow,
1490
- .premium-facebook-feed-wrapper a.carousel-arrow,
1491
- .premium-instafeed-container a.carousel-arrow,
1492
- .premium-persons-container a.carousel-arrow {
1493
- display: -ms-flexbox;
1494
- display: -webkit-flex;
1495
- display: -moz-flex;
1496
- display: -ms-flex;
1497
- -js-display: flex;
1498
- display: -webkit-box;
1499
- display: -moz-box;
1500
- display: flex;
1501
- -webkit-box-align: center;
1502
- -webkit-align-items: center;
1503
- -moz-box-align: center;
1504
- -ms-flex-align: center;
1505
- align-items: center;
1506
- -webkit-box-pack: center;
1507
- -webkit-justify-content: center;
1508
- -moz-box-pack: center;
1509
- -ms-flex-pack: center;
1510
- justify-content: center;
1511
- width: 2em;
1512
- height: 2em;
1513
- line-height: 0;
1514
- text-align: center;
1515
- position: absolute;
1516
- z-index: 99;
1517
- cursor: pointer;
1518
- -webkit-transition: all 0.3s ease-in-out;
1519
- transition: all 0.3s ease-in-out;
1520
- -webkit-appearance: inherit;
1521
- border: none;
1522
- -webkit-box-shadow: none;
1523
- box-shadow: none;
1524
- }
1525
-
1526
- div[class^="premium-"] .slick-arrow i {
1527
- display: block;
1528
- }
1529
-
1530
- .ver-carousel-arrow.carousel-next i {
1531
- margin-bottom: -3px;
1532
- }
1533
-
1534
- .premium-carousel-wrapper a.slick-arrow:hover {
1535
- -webkit-box-shadow: none !important;
1536
- box-shadow: none !important;
1537
- }
1538
-
1539
- .premium-carousel-wrapper .premium-carousel-content-hidden {
1540
- visibility: hidden;
1541
- }
1542
-
1543
- .premium-carousel-wrapper a.carousel-arrow,
1544
- .premium-fb-rev-container a.carousel-arrow,
1545
- .premium-blog-wrap a.carousel-arrow,
1546
- .premium-hscroll-wrap a.carousel-arrow,
1547
- .premium-twitter-feed-wrapper a.carousel-arrow,
1548
- .premium-facebook-feed-wrapper a.carousel-arrow,
1549
- .premium-instafeed-container a.carousel-arrow,
1550
- .premium-persons-container a.carousel-arrow {
1551
- top: 50%;
1552
- -webkit-transform: translateY(-50%);
1553
- -ms-transform: translateY(-50%);
1554
- transform: translateY(-50%);
1555
- }
1556
-
1557
- .premium-carousel-wrapper a.ver-carousel-arrow {
1558
- right: 50%;
1559
- -webkit-transform: translateX(50%);
1560
- -ms-transform: translateX(50%);
1561
- transform: translateX(50%);
1562
- }
1563
-
1564
- a.carousel-arrow.carousel-next {
1565
- right: -20px;
1566
- }
1567
-
1568
- a.carousel-arrow.carousel-prev {
1569
- left: -20px;
1570
- }
1571
-
1572
- a.ver-carousel-arrow.carousel-next {
1573
- bottom: -56px;
1574
- }
1575
-
1576
- a.ver-carousel-arrow.carousel-prev {
1577
- top: -45px;
1578
- }
1579
-
1580
- a.circle-bg {
1581
- -webkit-border-radius: 100%;
1582
- border-radius: 100%;
1583
- }
1584
-
1585
- a.circle-border {
1586
- -webkit-border-radius: 100%;
1587
- border-radius: 100%;
1588
- border: solid black;
1589
- }
1590
-
1591
- a.square-border {
1592
- border: solid black;
1593
- }
1594
-
1595
- .premium-carousel-wrapper ul.slick-dots,
1596
- .premium-blog-wrap ul.slick-dots {
1597
- list-style: none;
1598
- text-align: center;
1599
- margin: 0;
1600
- padding: 0;
1601
- }
1602
-
1603
- .premium-carousel-dots-below ul.slick-dots {
1604
- position: relative;
1605
- }
1606
-
1607
- .premium-carousel-dots-above ul.slick-dots {
1608
- position: absolute;
1609
- display: -ms-flexbox;
1610
- display: -webkit-flex;
1611
- display: -moz-flex;
1612
- display: -ms-flex;
1613
- -js-display: flex;
1614
- display: -webkit-box;
1615
- display: -moz-box;
1616
- display: flex;
1617
- top: 50%;
1618
- -webkit-transform: translateY(-50%);
1619
- -ms-transform: translateY(-50%);
1620
- transform: translateY(-50%);
1621
- -webkit-flex-direction: column;
1622
- -webkit-box-orient: vertical;
1623
- -webkit-box-direction: normal;
1624
- -moz-box-orient: vertical;
1625
- -moz-box-direction: normal;
1626
- -ms-flex-direction: column;
1627
- flex-direction: column;
1628
- }
1629
-
1630
- ul.slick-dots li {
1631
- font-size: 10px;
1632
- display: -webkit-inline-box;
1633
- display: -webkit-inline-flex;
1634
- display: -ms-inline-flexbox;
1635
- -js-display: inline-flex;
1636
- display: -moz-inline-box;
1637
- display: inline-flex;
1638
- -webkit-box-pack: center;
1639
- -webkit-justify-content: center;
1640
- -moz-box-pack: center;
1641
- -ms-flex-pack: center;
1642
- justify-content: center;
1643
- -webkit-box-align: center;
1644
- -webkit-align-items: center;
1645
- -moz-box-align: center;
1646
- -ms-flex-align: center;
1647
- align-items: center;
1648
- margin: 5px;
1649
- width: 20px;
1650
- height: 20px;
1651
- cursor: pointer;
1652
- }
1653
-
1654
- /*
1655
- * Custom Navigation Dot
1656
- */
1657
- .premium-carousel-wrapper .premium-carousel-nav-dot,
1658
- .premium-carousel-wrapper .premium-carousel-nav-arrow-prev,
1659
- .premium-carousel-wrapper .premium-carousel-nav-arrow-next {
1660
- display: none;
1661
- }
1662
-
1663
- .premium-carousel-wrapper ul.slick-dots svg {
1664
- width: 20px;
1665
- height: 20px;
1666
- }
1667
-
1668
- /* Ripple Out */
1669
- @-webkit-keyframes hvr-ripple-out {
1670
- 0% {
1671
- -webkit-transform: scale(1);
1672
- transform: scale(1);
1673
- opacity: 1;
1674
- }
1675
-
1676
- 100% {
1677
- -webkit-transform: scale(1.5);
1678
- transform: scale(1.5);
1679
- opacity: 0;
1680
- }
1681
- }
1682
-
1683
- @keyframes hvr-ripple-out {
1684
- 0% {
1685
- -webkit-transform: scale(1);
1686
- transform: scale(1);
1687
- opacity: 1;
1688
- }
1689
-
1690
- 100% {
1691
- -webkit-transform: scale(1.5);
1692
- transform: scale(1.5);
1693
- opacity: 0;
1694
- }
1695
- }
1696
-
1697
- .premium-carousel-ripple-yes .premium-carousel-wrapper {
1698
- padding-bottom: 1px;
1699
- }
1700
-
1701
- .premium-carousel-ripple-yes ul.slick-dots li,
1702
- .premium-carousel-ripple-yes ul.slick-dots li i {
1703
- position: relative;
1704
- }
1705
-
1706
- .premium-carousel-ripple-yes ul.slick-dots li i {
1707
- z-index: 1;
1708
- }
1709
-
1710
- .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
1711
- content: "";
1712
- position: absolute;
1713
- -webkit-transform: scale(1);
1714
- -ms-transform: scale(1);
1715
- transform: scale(1);
1716
- top: 0;
1717
- left: 0;
1718
- bottom: 0;
1719
- right: 0;
1720
- -webkit-border-radius: 50%;
1721
- border-radius: 50%;
1722
- pointer-events: none;
1723
- background-color: rgba(0, 0, 0, 0.15);
1724
- }
1725
-
1726
- .premium-carousel-ripple-yes ul.slick-dots li.slick-active:hover:before {
1727
- background-color: rgba(0, 0, 0, 0.3);
1728
- }
1729
-
1730
- .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
1731
- -webkit-animation: hvr-ripple-out 1.3s infinite;
1732
- animation: hvr-ripple-out 1.3s infinite;
1733
- }
1734
-
1735
- .premium-carousel-wrapper.premium-carousel-scale .slick-slide {
1736
- -webkit-transform: scale(1.25, 1.25);
1737
- -ms-transform: scale(1.25, 1.25);
1738
- transform: scale(1.25, 1.25);
1739
- -webkit-transition: all 0.3s ease-in-out !important;
1740
- transition: all 0.3s ease-in-out !important;
1741
- }
1742
-
1743
- .premium-carousel-wrapper.premium-carousel-scale div.slick-active {
1744
- -webkit-transform: scale(1, 1);
1745
- -ms-transform: scale(1, 1);
1746
- transform: scale(1, 1);
1747
- }
1748
-
1749
- [dir="rtl"] .premium-carousel-inner .slick-slide {
1750
- float: right;
1751
- }
1752
-
1753
- /**************** Premium Counter ***************/
1754
- /************************************************/
1755
- .premium-counter-area {
1756
- padding: 10px 0;
1757
- -js-display: flex;
1758
- display: -webkit-box;
1759
- display: -webkit-flex;
1760
- display: -moz-box;
1761
- display: -ms-flexbox;
1762
- display: flex;
1763
- -webkit-box-pack: center;
1764
- -webkit-justify-content: center;
1765
- -moz-box-pack: center;
1766
- -ms-flex-pack: center;
1767
- justify-content: center;
1768
- -webkit-box-align: center;
1769
- -webkit-align-items: center;
1770
- -moz-box-align: center;
1771
- -ms-flex-align: center;
1772
- align-items: center;
1773
- }
1774
-
1775
- .premium-counter-area.top {
1776
- -webkit-box-orient: vertical;
1777
- -webkit-box-direction: normal;
1778
- -webkit-flex-direction: column;
1779
- -moz-box-orient: vertical;
1780
- -moz-box-direction: normal;
1781
- -ms-flex-direction: column;
1782
- flex-direction: column;
1783
- }
1784
-
1785
- .premium-counter-area.right {
1786
- -webkit-box-orient: horizontal;
1787
- -webkit-box-direction: reverse;
1788
- -webkit-flex-direction: row-reverse;
1789
- -moz-box-orient: horizontal;
1790
- -moz-box-direction: reverse;
1791
- -ms-flex-direction: row-reverse;
1792
- flex-direction: row-reverse;
1793
- }
1794
-
1795
- .premium-counter-area.right .premium-counter-icon {
1796
- padding-right: 20px;
1797
- }
1798
-
1799
- .premium-counter-area.left .premium-counter-icon {
1800
- padding-left: 20px;
1801
- }
1802
-
1803
- .premium-counter-area .premium-counter-icon .icon i.fa:before {
1804
- vertical-align: text-top;
1805
- }
1806
-
1807
- .premium-counter-area .premium-counter-icon span.icon {
1808
- text-align: center;
1809
- display: inline-block;
1810
- vertical-align: middle;
1811
- }
1812
-
1813
- .premium-counter-area .premium-counter-icon .circle {
1814
- -webkit-border-radius: 100%;
1815
- border-radius: 100%;
1816
- }
1817
-
1818
- .premium-counter-area .premium-counter-icon img,
1819
- .premium-counter-area .premium-counter-icon svg {
1820
- width: 80px;
1821
- }
1822
-
1823
- .premium-counter-area .premium-counter-icon .premium-counter-animation svg {
1824
- height: 80px;
1825
- }
1826
-
1827
- .premium-counter-area .premium-counter-title {
1828
- padding: 0;
1829
- margin: 0;
1830
- }
1831
-
1832
- .premium-counter-area .premium-counter-value-wrap {
1833
- -js-display: flex;
1834
- display: -webkit-box;
1835
- display: -webkit-flex;
1836
- display: -moz-box;
1837
- display: -ms-flexbox;
1838
- display: flex;
1839
- -webkit-box-align: center;
1840
- -webkit-align-items: center;
1841
- -moz-box-align: center;
1842
- -ms-flex-align: center;
1843
- align-items: center;
1844
- }
1845
-
1846
- .premium-init-wrapper.right {
1847
- text-align: left;
1848
- }
1849
-
1850
- /* * Custom image and simple styles image fix */
1851
- span.icon.flex-width {
1852
- width: auto !important;
1853
- height: auto !important;
1854
- }
1855
-
1856
- .premium-counter-area .premium-counter-init {
1857
- font-size: 35px;
1858
- }
1859
-
1860
- /**************** Premium Image Separator ****************/
1861
- /*********************************************************/
1862
- /*Image Separator Container Style*/
1863
- .premium-image-separator-container {
1864
- position: absolute;
1865
- width: 100%;
1866
- z-index: 2;
1867
- top: auto;
1868
- }
1869
-
1870
- .premium-image-separator-container svg,
1871
- .premium-image-separator-container img {
1872
- display: inline-block !important;
1873
- }
1874
-
1875
- /*Link on Image Style*/
1876
- .premium-image-separator-link {
1877
- position: absolute;
1878
- z-index: 9999;
1879
- top: 0;
1880
- right: 0;
1881
- width: 100%;
1882
- height: 100%;
1883
- text-decoration: none;
1884
- }
1885
-
1886
- /*Important to override Theme options*/
1887
- a.premium-image-separator-link:hover,
1888
- a.premium-image-separator-link:visited,
1889
- a.premium-image-separator-link:focus,
1890
- a.premium-image-separator-link:active {
1891
- -webkit-box-shadow: none !important;
1892
- box-shadow: none !important;
1893
- outline: none !important;
1894
- border: none !important;
1895
- text-decoration: none !important;
1896
- }
1897
-
1898
- .premium-image-separator-container .img-responsive {
1899
- display: inline-block;
1900
- }
1901
-
1902
- .premium-image-separator-container i {
1903
- padding: 0.1em;
1904
- -webkit-transition: all 0.3s ease-in-out;
1905
- transition: all 0.3s ease-in-out;
1906
- }
1907
-
1908
- /**************** Premium Modal Box ****************/
1909
- /***************************************************/
1910
- .premium-modal-trigger-btn,
1911
- .premium-modal-box-modal-lower-close {
1912
- display: inline-block;
1913
- padding: 6px 12px;
1914
- margin-bottom: 0;
1915
- font-size: 14px;
1916
- font-weight: normal;
1917
- line-height: 1.42857143;
1918
- text-align: center;
1919
- white-space: nowrap;
1920
- vertical-align: middle;
1921
- -ms-touch-action: manipulation;
1922
- touch-action: manipulation;
1923
- cursor: pointer;
1924
- -webkit-user-select: none;
1925
- -moz-user-select: none;
1926
- -ms-user-select: none;
1927
- user-select: none;
1928
- background-image: none;
1929
- border: 1px solid transparent;
1930
- }
1931
-
1932
- .premium-modal-trigger-btn i {
1933
- -webkit-transition: all 0.3s ease-in-out;
1934
- transition: all 0.3s ease-in-out;
1935
- }
1936
-
1937
- .premium-btn-md {
1938
- padding: 8px 14px;
1939
- font-size: 16px;
1940
- line-height: 1.2;
1941
- }
1942
-
1943
- .premium-btn-lg {
1944
- padding: 10px 16px;
1945
- font-size: 18px;
1946
- line-height: 1.3333333;
1947
- }
1948
-
1949
- .premium-btn-block {
1950
- display: block;
1951
- width: 100%;
1952
- }
1953
-
1954
- .premium-modal-box-modal-close {
1955
- float: left;
1956
- font-size: 21px;
1957
- font-weight: bold;
1958
- line-height: 1;
1959
- color: #000;
1960
- }
1961
-
1962
- .premium-modal-box-modal-close:hover,
1963
- .premium-modal-box-modal-close:focus {
1964
- color: #000;
1965
- text-decoration: none;
1966
- cursor: pointer;
1967
- }
1968
-
1969
- button.premium-modal-box-modal-close {
1970
- -webkit-appearance: none;
1971
- padding: 0;
1972
- cursor: pointer;
1973
- background: transparent;
1974
- border: 0;
1975
- }
1976
-
1977
- .premium-modal-box-modal {
1978
- position: fixed;
1979
- top: 0;
1980
- left: 0;
1981
- bottom: 0;
1982
- right: 0;
1983
- z-index: 1050;
1984
- display: none;
1985
- -webkit-overflow-scrolling: touch;
1986
- outline: 0;
1987
- padding: 0 !important;
1988
- background: rgba(0, 0, 0, 0.5);
1989
- -webkit-box-align: center;
1990
- -webkit-align-items: center;
1991
- -moz-box-align: center;
1992
- -ms-flex-align: center;
1993
- align-items: center;
1994
- -webkit-box-pack: center;
1995
- -webkit-justify-content: center;
1996
- -moz-box-pack: center;
1997
- -ms-flex-pack: center;
1998
- justify-content: center;
1999
- }
2000
-
2001
- .premium-modal-box-modal .premium-modal-box-modal-dialog {
2002
- position: absolute;
2003
- max-height: -webkit-calc(100vh - 150px);
2004
- max-height: calc(100vh - 150px);
2005
- -js-display: flex;
2006
- display: -webkit-box;
2007
- display: -webkit-flex;
2008
- display: -moz-box;
2009
- display: -ms-flexbox;
2010
- display: flex;
2011
- -webkit-box-orient: vertical;
2012
- -webkit-box-direction: normal;
2013
- -webkit-flex-direction: column;
2014
- -moz-box-orient: vertical;
2015
- -moz-box-direction: normal;
2016
- -ms-flex-direction: column;
2017
- flex-direction: column;
2018
- opacity: 0;
2019
- }
2020
-
2021
- .premium-modal-box-modal-content {
2022
- background-color: #fff;
2023
- -webkit-background-clip: padding-box;
2024
- background-clip: padding-box;
2025
- border: 1px solid rgba(0, 0, 0, 0.2);
2026
- -webkit-border-radius: 6px;
2027
- border-radius: 6px;
2028
- outline: 0;
2029
- }
2030
-
2031
- .premium-modal-backdrop.premium-in {
2032
- filter: alpha(opacity=50);
2033
- opacity: 0.5 !important;
2034
- }
2035
-
2036
- .premium-modal-fade.premium-in {
2037
- opacity: 1;
2038
- }
2039
-
2040
- .premium-modal-backdrop {
2041
- position: fixed;
2042
- top: 0;
2043
- left: 0;
2044
- bottom: 0;
2045
- right: 0;
2046
- z-index: 1040;
2047
- background-color: #000;
2048
- }
2049
-
2050
- .premium-modal-backdrop.premium-modal-fade {
2051
- filter: alpha(opacity=0);
2052
- opacity: 0;
2053
- }
2054
-
2055
- .premium-modal-fade {
2056
- opacity: 0;
2057
- }
2058
-
2059
- .premium-in {
2060
- -js-display: flex !important;
2061
- display: -webkit-box !important;
2062
- display: -webkit-flex !important;
2063
- display: -moz-box !important;
2064
- display: -ms-flexbox !important;
2065
- display: flex !important;
2066
- }
2067
-
2068
- .premium-modal-box-modal-header {
2069
- -js-display: flex;
2070
- display: -webkit-box;
2071
- display: -webkit-flex;
2072
- display: -moz-box;
2073
- display: -ms-flexbox;
2074
- display: flex;
2075
- -webkit-box-pack: justify;
2076
- -webkit-justify-content: space-between;
2077
- -moz-box-pack: justify;
2078
- -ms-flex-pack: justify;
2079
- justify-content: space-between;
2080
- -webkit-box-align: center;
2081
- -webkit-align-items: center;
2082
- -moz-box-align: center;
2083
- -ms-flex-align: center;
2084
- align-items: center;
2085
- padding: 5px 15px;
2086
- border-bottom: 1px solid #e5e5e5;
2087
- }
2088
-
2089
- .premium-modal-box-modal-header .premium-modal-box-modal-close {
2090
- margin-top: -2px;
2091
- }
2092
-
2093
- .premium-modal-box-modal-header .premium-modal-box-modal-title {
2094
- -js-display: flex;
2095
- display: -webkit-box;
2096
- display: -webkit-flex;
2097
- display: -moz-box;
2098
- display: -ms-flexbox;
2099
- display: flex;
2100
- -webkit-box-align: center;
2101
- -webkit-align-items: center;
2102
- -moz-box-align: center;
2103
- -ms-flex-align: center;
2104
- align-items: center;
2105
- margin: 0;
2106
- padding: 0;
2107
- }
2108
-
2109
- .premium-modal-box-modal-header .premium-modal-box-modal-title svg {
2110
- width: 50px;
2111
- height: 60px;
2112
- }
2113
-
2114
- .premium-modal-box-modal-body {
2115
- position: relative;
2116
- padding: 15px;
2117
- overflow: hidden;
2118
- }
2119
-
2120
- .premium-modal-box-modal-footer {
2121
- padding: 15px;
2122
- text-align: left;
2123
- border-top: 1px solid #e5e5e5;
2124
- }
2125
-
2126
- .premium-modal-scrollbar-measure {
2127
- position: absolute;
2128
- top: -9999px;
2129
- width: 50px;
2130
- height: 50px;
2131
- overflow: scroll;
2132
- }
2133
-
2134
- .premium-modal-trigger-text {
2135
- background: none !important;
2136
- }
2137
-
2138
- .premium-modal-box-container {
2139
- width: 100% !important;
2140
- }
2141
-
2142
- /*Open Modal Button Style*/
2143
- .premium-modal-trigger-container .premium-modal-trigger-btn {
2144
- border: none;
2145
- -webkit-transition: all 0.3s ease-in-out;
2146
- transition: all 0.3s ease-in-out;
2147
- }
2148
-
2149
- .premium-modal-trigger-container .premium-modal-trigger-img,
2150
- .premium-modal-trigger-container .premium-modal-trigger-text,
2151
- .premium-modal-trigger-container .premium-modal-trigger-animation {
2152
- cursor: pointer;
2153
- }
2154
-
2155
- .premium-modal-trigger-container .premium-modal-trigger-animation {
2156
- display: inline-block;
2157
- width: 200px;
2158
- height: 200px;
2159
- -webkit-transition: all 0.3s ease-in-out;
2160
- transition: all 0.3s ease-in-out;
2161
- }
2162
-
2163
- /*Image on Modal Header Style*/
2164
- .premium-modal-box-modal-header img {
2165
- width: 48px;
2166
- padding-left: 5px;
2167
- }
2168
-
2169
- .premium-modal-box-modal-header i,
2170
- .premium-modal-box-modal-header svg {
2171
- padding-left: 6px;
2172
- }
2173
-
2174
- .premium-modal-box-modal-close {
2175
- position: relative;
2176
- z-index: 99;
2177
- }
2178
-
2179
- .premium-modal-trigger-img,
2180
- .premium-modal-trigger-text,
2181
- .premium-modal-box-close-button-container,
2182
- .premium-modal-box-modal-close,
2183
- .premium-modal-box-modal-lower-close {
2184
- -webkit-transition: all 0.3s ease-in-out;
2185
- transition: all 0.3s ease-in-out;
2186
- }
2187
-
2188
- @media (min-width: 768px) {
2189
- .premium-modal-box-modal-dialog {
2190
- width: 700px;
2191
- max-height: 600px;
2192
- overflow: auto;
2193
- }
2194
- }
2195
-
2196
- @media (max-width: 767px) {
2197
- .premium-modal-box-modal-dialog {
2198
- width: 100%;
2199
- max-height: 500px;
2200
- overflow: auto;
2201
- }
2202
- }
2203
-
2204
- .premium-modal-box-container[data-modal-animation*="animated-"] {
2205
- opacity: 0;
2206
- }
2207
-
2208
- /**************** Premium Progress Bar ****************/
2209
- /******************************************************/
2210
- .premium-progressbar-container {
2211
- position: relative;
2212
- }
2213
-
2214
- .premium-progressbar-bar-wrap {
2215
- position: relative;
2216
- text-align: right;
2217
- overflow: hidden;
2218
- height: 25px;
2219
- margin-bottom: 50px;
2220
- background-color: #f5f5f5;
2221
- -webkit-border-radius: 4px;
2222
- border-radius: 4px;
2223
- -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
2224
- box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
2225
- }
2226
-
2227
- .premium-progressbar-bar-wrap.premium-progressbar-dots {
2228
- background-color: transparent;
2229
- width: 100%;
2230
- -js-display: flex;
2231
- display: -webkit-box;
2232
- display: -webkit-flex;
2233
- display: -moz-box;
2234
- display: -ms-flexbox;
2235
- display: flex;
2236
- height: auto;
2237
- -webkit-box-shadow: none;
2238
- box-shadow: none;
2239
- }
2240
-
2241
- .premium-progressbar-bar-wrap .progress-segment {
2242
- position: relative;
2243
- width: 25px;
2244
- height: 25px;
2245
- -webkit-border-radius: 50%;
2246
- border-radius: 50%;
2247
- overflow: hidden;
2248
- background-color: #f5f5f5;
2249
- }
2250
-
2251
- .premium-progressbar-bar-wrap .progress-segment.filled {
2252
- background: #6ec1e4;
2253
- }
2254
-
2255
- .premium-progressbar-bar-wrap .progress-segment:not(:first-child):not(:last-child) {
2256
- margin: 0 4px;
2257
- }
2258
-
2259
- .premium-progressbar-bar-wrap .progress-segment:first-child {
2260
- margin-left: 4px;
2261
- }
2262
-
2263
- .premium-progressbar-bar-wrap .progress-segment:last-child {
2264
- margin-right: 4px;
2265
- }
2266
-
2267
- .premium-progressbar-bar-wrap .progress-segment .segment-inner {
2268
- position: absolute;
2269
- top: 0;
2270
- right: 0;
2271
- height: 100%;
2272
- background-color: #6ec1e4;
2273
- }
2274
-
2275
- .premium-progressbar-bar {
2276
- float: right;
2277
- width: 0%;
2278
- height: 100%;
2279
- font-size: 12px;
2280
- line-height: 20px;
2281
- background: #6ec1e4;
2282
- text-align: center;
2283
- -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2284
- box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2285
- }
2286
-
2287
- .premium-progressbar-striped .premium-progressbar-bar {
2288
- background-image: -webkit-linear-gradient(-135deg,
2289
- rgba(255, 255, 255, 0.15) 25%,
2290
- transparent 25%,
2291
- transparent 50%,
2292
- rgba(255, 255, 255, 0.15) 50%,
2293
- rgba(255, 255, 255, 0.15) 75%,
2294
- transparent 75%,
2295
- transparent);
2296
- background-image: -webkit-linear-gradient(45deg,
2297
- rgba(255, 255, 255, 0.15) 25%,
2298
- transparent 25%,
2299
- transparent 50%,
2300
- rgba(255, 255, 255, 0.15) 50%,
2301
- rgba(255, 255, 255, 0.15) 75%,
2302
- transparent 75%,
2303
- transparent);
2304
- background-image: linear-gradient(45deg,
2305
- rgba(255, 255, 255, 0.15) 25%,
2306
- transparent 25%,
2307
- transparent 50%,
2308
- rgba(255, 255, 255, 0.15) 50%,
2309
- rgba(255, 255, 255, 0.15) 75%,
2310
- transparent 75%,
2311
- transparent);
2312
- -webkit-background-size: 40px 40px;
2313
- background-size: 40px 40px;
2314
- }
2315
-
2316
- .premium-progressbar-active .premium-progressbar-bar {
2317
- -webkit-animation: progress-bar-stripes 2s linear infinite;
2318
- animation: progress-bar-stripes 2s linear infinite;
2319
- }
2320
-
2321
- .premium-progressbar-gradient .premium-progressbar-bar {
2322
- -webkit-background-size: 400% 400% !important;
2323
- background-size: 400% 400% !important;
2324
- -webkit-animation: progress-bar-gradient 10s ease-in-out infinite;
2325
- animation: progress-bar-gradient 10s ease-in-out infinite;
2326
- }
2327
-
2328
- .premium-progressbar-bar {
2329
- position: absolute;
2330
- overflow: hidden;
2331
- line-height: 20px;
2332
- }
2333
-
2334
- .premium-progressbar-container .clearfix {
2335
- clear: both;
2336
- }
2337
-
2338
- .premium-progressbar-bar {
2339
- -webkit-transition: width 0s ease-in-out !important;
2340
- transition: width 0s ease-in-out !important;
2341
- }
2342
-
2343
- .premium-progressbar-container p:first-of-type {
2344
- margin: 0;
2345
- float: right;
2346
- }
2347
-
2348
- .premium-progressbar-container p:nth-of-type(2) {
2349
- margin: 0;
2350
- float: left;
2351
- }
2352
-
2353
- .premium-progressbar-name {
2354
- right: 50%;
2355
- top: 0;
2356
- left: 0;
2357
- -webkit-transform: translateX(12.5px);
2358
- -ms-transform: translateX(12.5px);
2359
- transform: translateX(12.5px);
2360
- z-index: 1;
2361
- }
2362
-
2363
- .premium-progressbar-multiple-label {
2364
- position: relative;
2365
- float: right;
2366
- width: 0;
2367
- right: 50%;
2368
- }
2369
-
2370
- .premium-progressbar-center-label {
2371
- position: relative;
2372
- white-space: nowrap;
2373
- }
2374
-
2375
- .premium-progressbar-arrow {
2376
- right: 50%;
2377
- display: inline-block;
2378
- border-right: 7px solid transparent;
2379
- border-left: 7px solid transparent;
2380
- border-top: 11px solid;
2381
- -webkit-transform: translateX(50%);
2382
- -ms-transform: translateX(50%);
2383
- transform: translateX(50%);
2384
- }
2385
-
2386
- .premium-progressbar-pin {
2387
- border-right: 1px solid;
2388
- height: 12px;
2389
- right: 50%;
2390
- display: inline-block;
2391
- }
2392
-
2393
- /**
2394
- * Circle Progress Bar
2395
- */
2396
- .premium-progressbar-circle-wrap {
2397
- width: 200px;
2398
- height: 200px;
2399
- position: relative;
2400
- margin: 0 auto;
2401
- }
2402
-
2403
- .premium-progressbar-circle-wrap .premium-progressbar-circle {
2404
- position: absolute;
2405
- top: 0;
2406
- right: 0;
2407
- width: 100%;
2408
- height: 100%;
2409
- -webkit-clip-path: inset(0 0 0 50%);
2410
- clip-path: inset(0 0 0 50%);
2411
- }
2412
-
2413
- .premium-progressbar-circle-wrap .premium-progressbar-circle div {
2414
- position: absolute;
2415
- right: 0;
2416
- top: 0;
2417
- height: 100%;
2418
- width: 100%;
2419
- border-width: 6px;
2420
- border-style: solid;
2421
- border-color: #54595f;
2422
- -webkit-border-radius: 50%;
2423
- border-radius: 50%;
2424
- -webkit-clip-path: inset(0 50% 0 0);
2425
- clip-path: inset(0 50% 0 0);
2426
- }
2427
-
2428
- .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-left {
2429
- -webkit-transform: rotate(0);
2430
- -ms-transform: rotate(0);
2431
- transform: rotate(0);
2432
- }
2433
-
2434
- .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-right {
2435
- -webkit-transform: rotate(-180deg);
2436
- -ms-transform: rotate(-180deg);
2437
- transform: rotate(-180deg);
2438
- visibility: hidden;
2439
- }
2440
-
2441
- .premium-progressbar-circle-wrap .premium-progressbar-circle-base {
2442
- width: 100%;
2443
- height: 100%;
2444
- border: 6px solid #eee;
2445
- -webkit-border-radius: 50%;
2446
- border-radius: 50%;
2447
- }
2448
-
2449
- .premium-progressbar-circle-wrap .premium-progressbar-circle-content {
2450
- position: absolute;
2451
- top: 0;
2452
- right: 0;
2453
- width: 100%;
2454
- height: 100%;
2455
- -js-display: flex;
2456
- display: -webkit-box;
2457
- display: -webkit-flex;
2458
- display: -moz-box;
2459
- display: -ms-flexbox;
2460
- display: flex;
2461
- -webkit-box-orient: vertical;
2462
- -webkit-box-direction: normal;
2463
- -webkit-flex-direction: column;
2464
- -moz-box-orient: vertical;
2465
- -moz-box-direction: normal;
2466
- -ms-flex-direction: column;
2467
- flex-direction: column;
2468
- -webkit-box-pack: center;
2469
- -webkit-justify-content: center;
2470
- -moz-box-pack: center;
2471
- -ms-flex-pack: center;
2472
- justify-content: center;
2473
- -webkit-box-align: center;
2474
- -webkit-align-items: center;
2475
- -moz-box-align: center;
2476
- -ms-flex-align: center;
2477
- align-items: center;
2478
- }
2479
-
2480
- .premium-progressbar-circle-wrap .premium-lottie-animation {
2481
- line-height: 1;
2482
- }
2483
-
2484
- @-webkit-keyframes progress-bar-stripes {
2485
- from {
2486
- background-position: 100% 0;
2487
- }
2488
-
2489
- to {
2490
- background-position: 40px 0;
2491
- }
2492
- }
2493
-
2494
- @keyframes progress-bar-stripes {
2495
- from {
2496
- background-position: 100% 0;
2497
- }
2498
-
2499
- to {
2500
- background-position: 40px 0;
2501
- }
2502
- }
2503
-
2504
- @-webkit-keyframes progress-bar-gradient {
2505
- 0% {
2506
- background-position: 100% 50%;
2507
- }
2508
-
2509
- 50% {
2510
- background-position: 0% 50%;
2511
- }
2512
-
2513
- 100% {
2514
- background-position: 100% 50%;
2515
- }
2516
- }
2517
-
2518
- @keyframes progress-bar-gradient {
2519
- 0% {
2520
- background-position: 100% 50%;
2521
- }
2522
-
2523
- 50% {
2524
- background-position: 0% 50%;
2525
- }
2526
-
2527
- 100% {
2528
- background-position: 100% 50%;
2529
- }
2530
- }
2531
-
2532
- /**************** Premium Testimonials ****************/
2533
- /******************************************************/
2534
- .premium-testimonial-box {
2535
- width: 100%;
2536
- background: transparent;
2537
- -webkit-transition: all 0.3s ease-in-out;
2538
- transition: all 0.3s ease-in-out;
2539
- }
2540
-
2541
- .premium-testimonial-box .premium-testimonial-author-info {
2542
- -js-display: flex;
2543
- display: -webkit-box;
2544
- display: -webkit-flex;
2545
- display: -moz-box;
2546
- display: -ms-flexbox;
2547
- display: flex;
2548
- -webkit-box-pack: center;
2549
- -webkit-justify-content: center;
2550
- -moz-box-pack: center;
2551
- -ms-flex-pack: center;
2552
- justify-content: center;
2553
- -webkit-box-align: center;
2554
- -webkit-align-items: center;
2555
- -moz-box-align: center;
2556
- -ms-flex-align: center;
2557
- align-items: center;
2558
- }
2559
-
2560
- .premium-testimonial-box .premium-testimonial-person-name,
2561
- .premium-testimonial-box .premium-testimonial-company-name {
2562
- font-weight: 600;
2563
- margin: 0;
2564
- }
2565
-
2566
- .premium-testimonial-container {
2567
- position: relative;
2568
- }
2569
-
2570
- .premium-testimonial-img-wrapper {
2571
- margin-right: auto;
2572
- margin-left: auto;
2573
- overflow: hidden;
2574
- border-style: solid !important;
2575
- }
2576
-
2577
- .premium-testimonial-img-wrapper.circle {
2578
- -webkit-border-radius: 50%;
2579
- border-radius: 50%;
2580
- }
2581
-
2582
- .premium-testimonial-img-wrapper.rounded {
2583
- -webkit-border-radius: 15px;
2584
- border-radius: 15px;
2585
- }
2586
-
2587
- .premium-testimonial-img-wrapper img {
2588
- -o-object-fit: cover;
2589
- object-fit: cover;
2590
- width: 100%;
2591
- height: 100% !important;
2592
- }
2593
-
2594
- .premium-testimonial-content-wrapper {
2595
- position: relative;
2596
- display: -ms-flexbox;
2597
- display: -webkit-flex;
2598
- display: -moz-flex;
2599
- display: -ms-flex;
2600
- -js-display: flex;
2601
- display: -webkit-box;
2602
- display: -moz-box;
2603
- display: flex;
2604
- -webkit-box-orient: vertical;
2605
- -webkit-box-direction: normal;
2606
- -webkit-flex-direction: column;
2607
- -moz-box-orient: vertical;
2608
- -moz-box-direction: normal;
2609
- -ms-flex-direction: column;
2610
- flex-direction: column;
2611
- z-index: 2;
2612
- width: 100%;
2613
- padding: 20px;
2614
- text-align: center;
2615
- }
2616
-
2617
- .premium-testimonial-clear-float {
2618
- clear: both;
2619
- }
2620
-
2621
- .premium-testimonial-upper-quote,
2622
- .premium-testimonial-lower-quote {
2623
- position: absolute;
2624
- z-index: 1;
2625
- }
2626
-
2627
- /**************** Premium Dual Heading *****************/
2628
- /*******************************************************/
2629
- .premium-dual-header-container .premium-dual-header-first-header,
2630
- .premium-dual-header-container .premium-dual-header-second-header {
2631
- position: relative;
2632
- padding: 0;
2633
- margin: 0;
2634
- display: inline-block;
2635
- -webkit-transform: translate(0, 0);
2636
- -ms-transform: translate(0, 0);
2637
- transform: translate(0, 0);
2638
- }
2639
-
2640
- .premium-dual-header-first-clip .premium-dual-header-first-span,
2641
- .premium-dual-header-second-clip {
2642
- -webkit-text-fill-color: transparent;
2643
- -webkit-background-clip: text;
2644
- }
2645
-
2646
- .premium-dual-header-first-clip.stroke .premium-dual-header-first-span,
2647
- .premium-dual-header-second-clip.stroke {
2648
- -webkit-text-stroke-color: transparent;
2649
- -webkit-text-fill-color: #fafafa;
2650
- -webkit-text-stroke-width: 2px;
2651
- }
2652
-
2653
- @media (max-width: 500px) {
2654
-
2655
- .premium-dual-header-container .premium-dual-header-first-header,
2656
- .premium-dual-header-container .premium-dual-header-second-header {
2657
- display: block;
2658
- word-wrap: break-word;
2659
- }
2660
-
2661
- .premium-dual-header-first-container,
2662
- .premium-dual-header-second-container {
2663
- margin: 0;
2664
- }
2665
- }
2666
-
2667
- @media (min-width: 501px) {
2668
- .premium-dual-header-first-container {
2669
- margin-left: 5px;
2670
- }
2671
- }
2672
-
2673
- .premium-dual-header-first-header.gradient .premium-dual-header-first-span,
2674
- .premium-dual-header-second-header.gradient {
2675
- -webkit-background-size: 300% 300% !important;
2676
- background-size: 300% 300% !important;
2677
- -webkit-animation: Gradient 10s ease-in-out infinite;
2678
- animation: Gradient 10s ease-in-out infinite;
2679
- }
2680
-
2681
- @-webkit-keyframes Gradient {
2682
- 0% {
2683
- background-position: 100% 50%;
2684
- }
2685
-
2686
- 50% {
2687
- background-position: 0% 50%;
2688
- }
2689
-
2690
- 100% {
2691
- background-position: 100% 50%;
2692
- }
2693
- }
2694
-
2695
- @keyframes Gradient {
2696
- 0% {
2697
- background-position: 100% 50%;
2698
- }
2699
-
2700
- 50% {
2701
- background-position: 0% 50%;
2702
- }
2703
-
2704
- 100% {
2705
- background-position: 100% 50%;
2706
- }
2707
- }
2708
-
2709
- /**************** Premium Title ****************/
2710
- /***********************************************/
2711
- .premium-title-container {
2712
- position: relative;
2713
- width: 100%;
2714
- clear: both;
2715
- overflow: hidden;
2716
- }
2717
-
2718
- .premium-title-container .premium-title-header {
2719
- position: relative;
2720
- margin: 0;
2721
- padding: 10px;
2722
- }
2723
-
2724
- .premium-title-container .premium-title-header:not(.premium-title-style7) {
2725
- -webkit-box-align: center;
2726
- -webkit-align-items: center;
2727
- -moz-box-align: center;
2728
- -ms-flex-align: center;
2729
- align-items: center;
2730
- }
2731
-
2732
- .premium-title-container .premium-title-header svg {
2733
- width: 40px;
2734
- height: 40px;
2735
- }
2736
-
2737
- .premium-title-container .premium-title-header img {
2738
- width: 40px;
2739
- height: 40px;
2740
- -o-object-fit: cover;
2741
- object-fit: cover;
2742
- }
2743
-
2744
- .premium-title-container .premium-title-header a {
2745
- position: absolute;
2746
- top: 0;
2747
- right: 0;
2748
- width: 100%;
2749
- height: 100%;
2750
- }
2751
-
2752
- .premium-title-container .premium-lottie-animation {
2753
- -js-display: flex;
2754
- display: -webkit-box;
2755
- display: -webkit-flex;
2756
- display: -moz-box;
2757
- display: -ms-flexbox;
2758
- display: flex;
2759
- }
2760
-
2761
- .premium-title-icon-row .premium-title-icon {
2762
- margin-left: 10px;
2763
- }
2764
-
2765
- .premium-title-icon-row-reverse .premium-title-icon {
2766
- margin-right: 10px;
2767
- }
2768
-
2769
- .premium-title-style3,
2770
- .premium-title-style4 {
2771
- -js-display: flex;
2772
- display: -webkit-box;
2773
- display: -webkit-flex;
2774
- display: -moz-box;
2775
- display: -ms-flexbox;
2776
- display: flex;
2777
- }
2778
-
2779
- .premium-title-style1,
2780
- .premium-title-style2,
2781
- .premium-title-style5,
2782
- .premium-title-style6,
2783
- .premium-title-style8,
2784
- .premium-title-style9 {
2785
- -js-display: inline-flex;
2786
- display: -webkit-inline-box;
2787
- display: -webkit-inline-flex;
2788
- display: -moz-inline-box;
2789
- display: -ms-inline-flexbox;
2790
- display: inline-flex;
2791
- }
2792
-
2793
- .premium-title-style7 {
2794
- -js-display: inline-flex;
2795
- display: -webkit-inline-box;
2796
- display: -webkit-inline-flex;
2797
- display: -moz-inline-box;
2798
- display: -ms-inline-flexbox;
2799
- display: inline-flex;
2800
- -webkit-box-orient: vertical;
2801
- -webkit-box-direction: normal;
2802
- -webkit-flex-direction: column;
2803
- -moz-box-orient: vertical;
2804
- -moz-box-direction: normal;
2805
- -ms-flex-direction: column;
2806
- flex-direction: column;
2807
- }
2808
-
2809
- .premium-title-style7 .premium-title-style7-inner {
2810
- -js-display: flex;
2811
- display: -webkit-box;
2812
- display: -webkit-flex;
2813
- display: -moz-box;
2814
- display: -ms-flexbox;
2815
- display: flex;
2816
- -webkit-box-align: center;
2817
- -webkit-align-items: center;
2818
- -moz-box-align: center;
2819
- -ms-flex-align: center;
2820
- align-items: center;
2821
- }
2822
-
2823
- .premium-title-style1 {
2824
- border-right: 3px solid #6ec1e4;
2825
- }
2826
-
2827
- .premium-title-container.style2,
2828
- .premium-title-container.style4,
2829
- .premium-title-container.style5,
2830
- .premium-title-container.style6 {
2831
- border-bottom: 3px solid #6ec1e4;
2832
- }
2833
-
2834
- /*Style 6 Header*/
2835
- .premium-title-style6:before {
2836
- position: absolute;
2837
- right: 50%;
2838
- bottom: 0;
2839
- margin-right: -2px;
2840
- content: "";
2841
- border: 3px solid transparent;
2842
- }
2843
-
2844
- /*Style 6 Trinagle*/
2845
- .premium-title-style7-stripe-wrap {
2846
- -js-display: flex;
2847
- display: -webkit-box;
2848
- display: -webkit-flex;
2849
- display: -moz-box;
2850
- display: -ms-flexbox;
2851
- display: flex;
2852
- }
2853
-
2854
- .premium-title-style7:before {
2855
- display: none;
2856
- }
2857
-
2858
- .premium-title-style8 .premium-title-text[data-animation="shiny"] {
2859
- -webkit-background-size: 125px 125px !important;
2860
- background-size: 125px !important;
2861
- color: rgba(255, 255, 255, 0);
2862
- -webkit-background-clip: text !important;
2863
- background-clip: text !important;
2864
- -webkit-animation-name: shining_title !important;
2865
- animation-name: shining_title !important;
2866
- -webkit-animation-duration: var(--animation-speed) !important;
2867
- animation-duration: var(--animation-speed) !important;
2868
- -webkit-animation-iteration-count: infinite !important;
2869
- animation-iteration-count: infinite !important;
2870
- background: var(--base-color) -webkit-gradient(linear,
2871
- left top,
2872
- right top,
2873
- from(var(--base-color)),
2874
- to(var(--base-color)),
2875
- color-stop(0.5, var(--shiny-color))) 0 0 no-repeat;
2876
- }
2877
-
2878
- @-webkit-keyframes shining_title {
2879
- 0% {
2880
- background-position: 100%;
2881
- }
2882
-
2883
- 100% {
2884
- background-position: -100%;
2885
- }
2886
- }
2887
-
2888
- @keyframes shining_title {
2889
- 0% {
2890
- background-position: 100%;
2891
- }
2892
-
2893
- 100% {
2894
- background-position: -100%;
2895
- }
2896
- }
2897
-
2898
- .premium-title-style9[data-animation-blur="process"] .premium-title-style9-letter {
2899
- -webkit-animation: premium_blurshadow 2s 1 alternate;
2900
- animation: premium_blurshadow 2s 1 alternate;
2901
- }
2902
-
2903
- @-webkit-keyframes premium_blurshadow {
2904
- from {
2905
- text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
2906
- color: transparent;
2907
- }
2908
-
2909
- to {
2910
- text-shadow: 0;
2911
- }
2912
- }
2913
-
2914
- @keyframes premium_blurshadow {
2915
- from {
2916
- text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
2917
- color: transparent;
2918
- }
2919
-
2920
- to {
2921
- text-shadow: 0;
2922
- }
2923
- }
2924
-
2925
- /*
2926
- * Common Title/Dual Heading
2927
- */
2928
- .premium-title-bg-text:before {
2929
- position: absolute;
2930
- content: attr(data-background);
2931
- top: 0;
2932
- right: 0;
2933
- text-align: left;
2934
- }
2935
-
2936
- /**************** Premium Video Box ************/
2937
- /***********************************************/
2938
- .premium-video-box-transform {
2939
- -webkit-transform: none !important;
2940
- -ms-transform: none !important;
2941
- transform: none !important;
2942
- }
2943
-
2944
- .premium-video-box-container>div {
2945
- position: relative;
2946
- }
2947
-
2948
- .pa-aspect-ratio-11 .premium-video-box-container>div {
2949
- padding-bottom: 100%;
2950
- }
2951
-
2952
- .pa-aspect-ratio-169 .premium-video-box-container>div {
2953
- padding-bottom: 56.25%;
2954
- }
2955
-
2956
- .pa-aspect-ratio-43 .premium-video-box-container>div {
2957
- padding-bottom: 75%;
2958
- }
2959
-
2960
- .pa-aspect-ratio-32 .premium-video-box-container>div {
2961
- padding-bottom: 66.6666%;
2962
- }
2963
-
2964
- .pa-aspect-ratio-219 .premium-video-box-container>div {
2965
- padding-bottom: 42.8571%;
2966
- }
2967
-
2968
- .pa-aspect-ratio-916 .premium-video-box-container>div {
2969
- padding-bottom: 177.8%;
2970
- }
2971
-
2972
- .premium-video-box-image-container {
2973
- position: absolute;
2974
- top: 0;
2975
- right: 0;
2976
- bottom: 0;
2977
- left: 0;
2978
- width: 100%;
2979
- height: 100%;
2980
- -webkit-background-size: cover;
2981
- background-size: cover;
2982
- background-position: 50%;
2983
- cursor: pointer;
2984
- margin: auto;
2985
- -webkit-transition: 0.2s all;
2986
- transition: 0.2s all;
2987
- }
2988
-
2989
- .premium-video-box-play-icon-container {
2990
- position: absolute;
2991
- z-index: 2;
2992
- cursor: pointer;
2993
- -webkit-transform: translate(50%, -50%);
2994
- -ms-transform: translate(50%, -50%);
2995
- transform: translate(50%, -50%);
2996
- background: rgba(252, 252, 252, 0.35);
2997
- }
2998
-
2999
- .premium-video-box-description-container {
3000
- position: absolute;
3001
- z-index: 2;
3002
- padding: 5px;
3003
- text-align: center;
3004
- cursor: pointer;
3005
- -webkit-transform: translate(50%, -50%);
3006
- -ms-transform: translate(50%, -50%);
3007
- transform: translate(50%, -50%);
3008
- }
3009
-
3010
- .premium-video-box-text {
3011
- margin-bottom: 0 !important;
3012
- -webkit-transition: all 0.3s ease-in-out;
3013
- transition: all 0.3s ease-in-out;
3014
- }
3015
-
3016
- .premium-video-box-play-icon {
3017
- padding: 15px;
3018
- -webkit-transform: translateX(-4%);
3019
- -ms-transform: translateX(-4%);
3020
- transform: translateX(-4%);
3021
- -webkit-transition: all 0.3s ease-in-out;
3022
- transition: all 0.3s ease-in-out;
3023
- }
3024
-
3025
- .premium-video-box-video-container {
3026
- position: absolute;
3027
- top: 0;
3028
- right: 0;
3029
- z-index: 2;
3030
- width: 100%;
3031
- height: 100%;
3032
- -webkit-transition: opacity 0.8s ease-in-out;
3033
- transition: opacity 0.8s ease-in-out;
3034
- overflow: hidden;
3035
- cursor: pointer;
3036
- }
3037
-
3038
- .premium-video-box-container[data-overlay="true"][data-type="self"] .premium-video-box-video-container {
3039
- opacity: 0;
3040
- visibility: hidden;
3041
- }
3042
-
3043
- .premium-video-box-video-container iframe {
3044
- max-width: 100%;
3045
- width: 100%;
3046
- height: 100%;
3047
- margin: 0;
3048
- line-height: 1;
3049
- border: none;
3050
- }
3051
-
3052
- .premium-video-box-video-container video {
3053
- max-width: 100%;
3054
- width: 100%;
3055
- height: 100%;
3056
- margin: 0;
3057
- line-height: 1;
3058
- border: none;
3059
- background-color: #000;
3060
- -o-object-fit: contain;
3061
- object-fit: contain;
3062
- }
3063
-
3064
- .premium-video-box-container .premium-video-box-vimeo-wrap {
3065
- -js-display: flex;
3066
- display: -webkit-box;
3067
- display: -webkit-flex;
3068
- display: -moz-box;
3069
- display: -ms-flexbox;
3070
- display: flex;
3071
- position: absolute;
3072
- top: 0;
3073
- right: 0;
3074
- z-index: 3;
3075
- margin: 10px;
3076
- margin-left: 10px;
3077
- -webkit-transition: opacity 0.2s ease-out;
3078
- transition: opacity 0.2s ease-out;
3079
- margin-left: 4.6em;
3080
- }
3081
-
3082
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-portrait {
3083
- width: 60px;
3084
- height: 60px;
3085
- background: rgba(23, 35, 34, 0.75);
3086
- margin-left: 1px;
3087
- -webkit-box-flex: 1;
3088
- -webkit-flex: 1 0 auto;
3089
- -moz-box-flex: 1;
3090
- -ms-flex: 1 0 auto;
3091
- flex: 1 0 auto;
3092
- padding: 0;
3093
- }
3094
-
3095
- .premium-video-box-vimeo-portrait img {
3096
- width: 50px;
3097
- height: 50px;
3098
- margin: 5px;
3099
- padding: 0;
3100
- border: 0;
3101
- -webkit-border-radius: 50%;
3102
- border-radius: 50%;
3103
- }
3104
-
3105
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-headers {
3106
- font-size: 10px;
3107
- }
3108
-
3109
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-title {
3110
- max-width: 100%;
3111
- font-size: 2em !important;
3112
- font-weight: 700;
3113
- margin: 0;
3114
- padding: 0.1em 0.2em;
3115
- background: rgba(23, 35, 34, 0.75);
3116
- display: inline-block;
3117
- text-transform: none;
3118
- line-height: normal;
3119
- letter-spacing: normal;
3120
- }
3121
-
3122
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-byline {
3123
- font-size: 1.2em !important;
3124
- font-weight: 400;
3125
- color: #fff;
3126
- margin-top: 0.1em;
3127
- padding: 0.2em 0.5em;
3128
- background: rgba(23, 35, 34, 0.75);
3129
- text-transform: none;
3130
- line-height: normal;
3131
- letter-spacing: normal;
3132
- }
3133
-
3134
- .premium-video-box-playlist-container {
3135
- -js-display: flex;
3136
- display: -webkit-box;
3137
- display: -webkit-flex;
3138
- display: -moz-box;
3139
- display: -ms-flexbox;
3140
- display: flex;
3141
- -webkit-flex-wrap: wrap;
3142
- -ms-flex-wrap: wrap;
3143
- flex-wrap: wrap;
3144
- }
3145
-
3146
- .premium-video-box-playlist-container .premium-video-box-container {
3147
- height: 100%;
3148
- overflow: hidden;
3149
- }
3150
-
3151
- .premium-video-box-container:hover .premium-video-box-image-container.zoomin {
3152
- -webkit-transform: scale(1.1);
3153
- -ms-transform: scale(1.1);
3154
- transform: scale(1.1);
3155
- }
3156
-
3157
- .premium-video-box-container:hover .premium-video-box-image-container.zoomout {
3158
- -webkit-transform: scale(1);
3159
- -ms-transform: scale(1);
3160
- transform: scale(1);
3161
- }
3162
-
3163
- .premium-video-box-container:hover .premium-video-box-image-container.scale {
3164
- -webkit-transform: scale(1.3) rotate(-5deg);
3165
- -ms-transform: scale(1.3) rotate(-5deg);
3166
- transform: scale(1.3) rotate(-5deg);
3167
- }
3168
-
3169
- .premium-video-box-container:hover .premium-video-box-image-container.gray {
3170
- -webkit-filter: grayscale(0%);
3171
- filter: grayscale(0%);
3172
- }
3173
-
3174
- .premium-video-box-container:hover .premium-video-box-image-container.blur {
3175
- -webkit-filter: blur(3px);
3176
- filter: blur(3px);
3177
- }
3178
-
3179
- .premium-video-box-container:hover .premium-video-box-image-container.sepia {
3180
- -webkit-filter: sepia(0%);
3181
- filter: sepia(0%);
3182
- }
3183
-
3184
- .premium-video-box-container:hover .premium-video-box-image-container.trans {
3185
- -webkit-transform: translateX(0px) scale(1.1);
3186
- -ms-transform: translateX(0px) scale(1.1);
3187
- transform: translateX(0px) scale(1.1);
3188
- }
3189
-
3190
- .premium-video-box-container:hover .premium-video-box-image-container.bright {
3191
- -webkit-filter: brightness(1.2);
3192
- filter: brightness(1.2);
3193
- }
3194
-
3195
- .premium-video-box-image-container.gray {
3196
- -webkit-filter: grayscale(100%);
3197
- filter: grayscale(100%);
3198
- }
3199
-
3200
- .premium-video-box-image-container.zoomout,
3201
- .premium-video-box-image-container.scale {
3202
- -webkit-transform: scale(1.2);
3203
- -ms-transform: scale(1.2);
3204
- transform: scale(1.2);
3205
- }
3206
-
3207
- .premium-video-box-image-container.sepia {
3208
- -webkit-filter: sepia(30%);
3209
- filter: sepia(30%);
3210
- }
3211
-
3212
- .premium-video-box-image-container.bright {
3213
- -webkit-filter: brightness(1);
3214
- filter: brightness(1);
3215
- }
3216
-
3217
- .premium-video-box-image-container.trans {
3218
- -webkit-transform: translateX(15px) scale(1.1);
3219
- -ms-transform: translateX(15px) scale(1.1);
3220
- transform: translateX(15px) scale(1.1);
3221
- }
3222
-
3223
- .premium-video-box-mask-media {
3224
- -webkit-mask-repeat: no-repeat;
3225
- mask-repeat: no-repeat;
3226
- }
3227
-
3228
- /* Sticky Video Option */
3229
- .premium-video-box-container.premium-video-box-sticky-apply {
3230
- z-index: 99;
3231
- overflow: unset;
3232
- }
3233
-
3234
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3235
- position: fixed !important;
3236
- z-index: 99999;
3237
- height: 225px;
3238
- width: 400px;
3239
- background: #fff;
3240
- }
3241
-
3242
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-vimeo-wrap,
3243
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-container:before {
3244
- visibility: hidden;
3245
- }
3246
-
3247
- .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 {
3248
- -webkit-box-shadow: unset;
3249
- box-shadow: unset;
3250
- }
3251
-
3252
- .premium-video-box-sticky-close,
3253
- .premium-video-box-sticky-infobar {
3254
- display: none;
3255
- }
3256
-
3257
- .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3258
- position: absolute;
3259
- padding: 5px;
3260
- cursor: pointer;
3261
- z-index: 99999;
3262
- height: 14px;
3263
- width: 14px;
3264
- -webkit-box-sizing: content-box;
3265
- -moz-box-sizing: content-box;
3266
- box-sizing: content-box;
3267
- -webkit-border-radius: 100%;
3268
- border-radius: 100%;
3269
- -js-display: flex;
3270
- display: -webkit-box;
3271
- display: -webkit-flex;
3272
- display: -moz-box;
3273
- display: -ms-flexbox;
3274
- display: flex;
3275
- -webkit-box-pack: center;
3276
- -webkit-justify-content: center;
3277
- -moz-box-pack: center;
3278
- -ms-flex-pack: center;
3279
- justify-content: center;
3280
- -webkit-box-align: center;
3281
- -webkit-align-items: center;
3282
- -moz-box-align: center;
3283
- -ms-flex-align: center;
3284
- align-items: center;
3285
- }
3286
-
3287
- .premium-video-box-sticky-apply .premium-video-box-play-icon-container {
3288
- -js-display: flex;
3289
- display: -webkit-box;
3290
- display: -webkit-flex;
3291
- display: -moz-box;
3292
- display: -ms-flexbox;
3293
- display: flex;
3294
- }
3295
-
3296
- .premium-video-box-sticky-apply .premium-video-box-play-icon {
3297
- -webkit-transition: none;
3298
- transition: none;
3299
- }
3300
-
3301
- .premium-video-box-sticky-apply .premium-video-box-sticky-infobar {
3302
- display: block;
3303
- position: relative;
3304
- top: 100%;
3305
- width: 100%;
3306
- padding: 5px;
3307
- text-align: center;
3308
- z-index: 9999;
3309
- margin-top: -1px;
3310
- }
3311
-
3312
- .premium-video-box-sticky-apply .premium-video-box-inner-wrap.ui-draggable {
3313
- cursor: move;
3314
- }
3315
-
3316
- .premium-video-sticky-top-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3317
- left: auto;
3318
- right: 20px;
3319
- top: 20px;
3320
- }
3321
-
3322
- .premium-video-sticky-bottom-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3323
- left: auto;
3324
- right: 20px;
3325
- bottom: 20px;
3326
- }
3327
-
3328
- .premium-video-sticky-top-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3329
- right: auto;
3330
- left: 20px;
3331
- top: 20px;
3332
- }
3333
-
3334
- .premium-video-sticky-bottom-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3335
- right: auto;
3336
- left: 20px;
3337
- bottom: 20px;
3338
- }
3339
-
3340
- .premium-video-sticky-center-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3341
- left: auto;
3342
- right: 20px;
3343
- top: 50%;
3344
- -webkit-transform: translateY(-50%);
3345
- -ms-transform: translateY(-50%);
3346
- transform: translateY(-50%);
3347
- }
3348
-
3349
- .premium-video-sticky-center-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3350
- right: auto;
3351
- left: 20px;
3352
- top: 50%;
3353
- -webkit-transform: translateY(-50%);
3354
- -ms-transform: translateY(-50%);
3355
- transform: translateY(-50%);
3356
- }
3357
-
3358
- .premium-video-sticky-bottom-right .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap,
3359
- .premium-video-sticky-bottom-left .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3360
- bottom: 55px;
3361
- }
3362
-
3363
- .premium-video-sticky-top-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3364
- .premium-video-sticky-bottom-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3365
- .premium-video-sticky-center-left .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3366
- top: -10px;
3367
- left: -10px;
3368
- }
3369
-
3370
- .premium-video-sticky-top-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3371
- .premium-video-sticky-bottom-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3372
- .premium-video-sticky-center-right .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3373
- top: -10px;
3374
- right: -10px;
3375
- }
3376
-
3377
- .premium-video-box-filter-sticky {
3378
- -webkit-filter: none !important;
3379
- filter: none !important;
3380
- }
3381
-
3382
- /**************** Premium Blog *****************/
3383
- /***********************************************/
3384
- .premium-blog-thumb-effect-wrapper {
3385
- position: relative;
3386
- overflow: hidden;
3387
- }
3388
-
3389
- .premium-blog-effect-container:not(.premium-blog-bordered-effect) .premium-blog-post-link {
3390
- position: absolute;
3391
- top: 0;
3392
- right: 0;
3393
- width: 100%;
3394
- height: 100%;
3395
- z-index: 2;
3396
- padding: 20px;
3397
- }
3398
-
3399
- .premium-blog-bordered-effect .premium-blog-post-link {
3400
- display: block;
3401
- height: 100%;
3402
- position: relative;
3403
- }
3404
-
3405
- /*Thumbnail Img*/
3406
- .premium-blog-thumbnail-container {
3407
- overflow: hidden;
3408
- }
3409
-
3410
- .premium-blog-thumbnail-container img,
3411
- .premium-blog-thumbnail-container .below-entry-meta {
3412
- width: 100%;
3413
- height: 100%;
3414
- margin: 0 !important;
3415
- -webkit-transition: all 0.4s ease-in-out;
3416
- transition: all 0.4s ease-in-out;
3417
- }
3418
-
3419
- .premium-blog-thumb-effect-wrapper .premium-blog-zoomout-effect img,
3420
- .premium-blog-thumb-effect-wrapper .premium-blog-scale-effect img {
3421
- -webkit-transform: scale(1.2);
3422
- -ms-transform: scale(1.2);
3423
- transform: scale(1.2);
3424
- }
3425
-
3426
- .premium-blog-thumb-effect-wrapper .premium-blog-sepia-effect img {
3427
- -webkit-filter: sepia(30%);
3428
- filter: sepia(30%);
3429
- }
3430
-
3431
- .premium-blog-thumb-effect-wrapper .premium-blog-bright-effect img {
3432
- -webkit-filter: brightness(1);
3433
- filter: brightness(1);
3434
- }
3435
-
3436
- .premium-blog-thumb-effect-wrapper .premium-blog-trans-effect img {
3437
- -webkit-transform: translateX(15px) scale(1.1);
3438
- -ms-transform: translateX(15px) scale(1.1);
3439
- transform: translateX(15px) scale(1.1);
3440
- }
3441
-
3442
- .premium-blog-post-outer-container:hover .premium-blog-zoomin-effect img {
3443
- -webkit-transform: scale(1.2);
3444
- -ms-transform: scale(1.2);
3445
- transform: scale(1.2);
3446
- }
3447
-
3448
- .premium-blog-post-outer-container:hover .premium-blog-zoomout-effect img {
3449
- -webkit-transform: scale(1.1);
3450
- -ms-transform: scale(1.1);
3451
- transform: scale(1.1);
3452
- }
3453
-
3454
- .premium-blog-post-outer-container:hover .premium-blog-scale-effect img {
3455
- -webkit-transform: scale(1.3) rotate(-5deg);
3456
- -ms-transform: scale(1.3) rotate(-5deg);
3457
- transform: scale(1.3) rotate(-5deg);
3458
- }
3459
-
3460
- .premium-blog-post-outer-container:hover .premium-blog-gray-effect img {
3461
- -webkit-filter: grayscale(100%);
3462
- filter: grayscale(100%);
3463
- }
3464
-
3465
- .premium-blog-post-outer-container:hover .premium-blog-blur-effect img {
3466
- -webkit-filter: blur(3px);
3467
- filter: blur(3px);
3468
- }
3469
-
3470
- .premium-blog-post-outer-container:hover .premium-blog-sepia-effect img {
3471
- -webkit-filter: sepia(0%);
3472
- filter: sepia(0%);
3473
- }
3474
-
3475
- .premium-blog-post-outer-container:hover .premium-blog-bright-effect img {
3476
- -webkit-filter: brightness(1.2);
3477
- filter: brightness(1.2);
3478
- }
3479
-
3480
- .premium-blog-post-outer-container:hover .premium-blog-trans-effect img {
3481
- -webkit-transform: translateX(0px) scale(1.1);
3482
- -ms-transform: translateX(0px) scale(1.1);
3483
- transform: translateX(0px) scale(1.1);
3484
- }
3485
-
3486
- .premium-blog-post-container {
3487
- overflow: hidden;
3488
- }
3489
-
3490
- .premium-blog-post-container .premium-blog-inner-container {
3491
- -js-display: flex;
3492
- display: -webkit-box;
3493
- display: -webkit-flex;
3494
- display: -moz-box;
3495
- display: -ms-flexbox;
3496
- display: flex;
3497
- }
3498
-
3499
- .premium-blog-post-container .premium-blog-post-content {
3500
- line-height: 1.5em;
3501
- color: #777;
3502
- font-size: 14px;
3503
- margin-bottom: 10px;
3504
- }
3505
-
3506
- .premium-blog-post-container ul.post-categories a:hover,
3507
- .premium-blog-post-container ul.post-categories a:focus,
3508
- .premium-blog-post-container .premium-blog-post-link:hover,
3509
- .premium-blog-post-container .premium-blog-post-link:focus {
3510
- -webkit-box-shadow: none !important;
3511
- box-shadow: none !important;
3512
- outline: none !important;
3513
- }
3514
-
3515
- .premium-blog-post-container .premium-blog-entry-title {
3516
- font-size: 18px;
3517
- margin-bottom: 5px;
3518
- }
3519
-
3520
- .premium-blog-post-container.premium-blog-skin-modern .premium-blog-content-wrapper {
3521
- position: relative;
3522
- z-index: 3;
3523
- top: -50px;
3524
- }
3525
-
3526
- .premium-blog-post-container .premium-blog-content-wrapper {
3527
- background-color: #f5f5f5;
3528
- padding: 30px;
3529
- }
3530
-
3531
- .premium-blog-post-container .premium-blog-content-wrapper.empty-thumb {
3532
- top: 0;
3533
- }
3534
-
3535
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before,
3536
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:after {
3537
- position: absolute;
3538
- content: "";
3539
- z-index: 1;
3540
- top: 50%;
3541
- right: 50%;
3542
- opacity: 0;
3543
- -webkit-transform: translate(50%, -50%);
3544
- -ms-transform: translate(50%, -50%);
3545
- transform: translate(50%, -50%);
3546
- -webkit-transition: all 0.4s linear 0s;
3547
- transition: all 0.4s linear 0s;
3548
- height: 1px;
3549
- width: 100%;
3550
- background-color: #fff;
3551
- }
3552
-
3553
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before {
3554
- width: 1px;
3555
- height: 100%;
3556
- }
3557
-
3558
- .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 {
3559
- width: 20px;
3560
- opacity: 1;
3561
- }
3562
-
3563
- .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 {
3564
- height: 20px;
3565
- opacity: 1;
3566
- }
3567
-
3568
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-content-wrapper {
3569
- margin: 0px 10px 20px;
3570
- clear: both;
3571
- }
3572
-
3573
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay,
3574
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay,
3575
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay {
3576
- position: absolute;
3577
- top: 0;
3578
- right: 0;
3579
- width: 100%;
3580
- height: 100%;
3581
- -webkit-transition: all 0.3s ease-in-out;
3582
- transition: all 0.3s ease-in-out;
3583
- opacity: 0;
3584
- }
3585
-
3586
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay a,
3587
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay a,
3588
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay a {
3589
- -js-display: flex;
3590
- display: -webkit-box;
3591
- display: -webkit-flex;
3592
- display: -moz-box;
3593
- display: -ms-flexbox;
3594
- display: flex;
3595
- -webkit-box-pack: center;
3596
- -webkit-justify-content: center;
3597
- -moz-box-pack: center;
3598
- -ms-flex-pack: center;
3599
- justify-content: center;
3600
- -webkit-box-align: center;
3601
- -webkit-align-items: center;
3602
- -moz-box-align: center;
3603
- -ms-flex-align: center;
3604
- align-items: center;
3605
- width: 100%;
3606
- height: 100%;
3607
- }
3608
-
3609
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay span,
3610
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay i,
3611
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay span,
3612
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay i,
3613
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay span,
3614
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay i {
3615
- -webkit-transition: all 0.3s ease-in-out;
3616
- transition: all 0.3s ease-in-out;
3617
- }
3618
-
3619
- .premium-blog-post-container.premium-blog-skin-side {
3620
- -js-display: flex;
3621
- display: -webkit-box;
3622
- display: -webkit-flex;
3623
- display: -moz-box;
3624
- display: -ms-flexbox;
3625
- display: flex;
3626
- }
3627
-
3628
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-container {
3629
- height: 100%;
3630
- }
3631
-
3632
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-content-wrapper {
3633
- -webkit-box-flex: 1;
3634
- -webkit-flex: 1;
3635
- -moz-box-flex: 1;
3636
- -ms-flex: 1;
3637
- flex: 1;
3638
- }
3639
-
3640
- .premium-blog-post-container.premium-blog-skin-banner {
3641
- position: relative;
3642
- }
3643
-
3644
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper {
3645
- position: absolute;
3646
- width: 100%;
3647
- bottom: 0;
3648
- -js-display: flex;
3649
- display: -webkit-box;
3650
- display: -webkit-flex;
3651
- display: -moz-box;
3652
- display: -ms-flexbox;
3653
- display: flex;
3654
- -webkit-box-orient: vertical;
3655
- -webkit-box-direction: normal;
3656
- -webkit-flex-direction: column;
3657
- -moz-box-orient: vertical;
3658
- -moz-box-direction: normal;
3659
- -ms-flex-direction: column;
3660
- flex-direction: column;
3661
- background-color: transparent;
3662
- z-index: 3;
3663
- }
3664
-
3665
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper-inner {
3666
- -webkit-transition: -webkit-transform 0.3s ease-in-out;
3667
- transition: -webkit-transform 0.3s ease-in-out;
3668
- transition: transform 0.3s ease-in-out;
3669
- transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
3670
- }
3671
-
3672
- .premium-blog-post-container.premium-blog-skin-banner:hover .premium-blog-content-wrapper-inner {
3673
- -webkit-transform: translateY(-5px);
3674
- -ms-transform: translateY(-5px);
3675
- transform: translateY(-5px);
3676
- }
3677
-
3678
- .premium-blog-post-container .premium-blog-cats-container ul.post-categories {
3679
- margin: 0;
3680
- padding: 0;
3681
- list-style: none;
3682
- -js-display: flex;
3683
- display: -webkit-box;
3684
- display: -webkit-flex;
3685
- display: -moz-box;
3686
- display: -ms-flexbox;
3687
- display: flex;
3688
- }
3689
-
3690
- .premium-blog-post-container .premium-blog-cats-container a {
3691
- display: block;
3692
- font-size: 12px;
3693
- color: #fff;
3694
- background-color: #777;
3695
- margin: 0 0 10px 3px;
3696
- padding: 5px;
3697
- -webkit-transition: all 0.3s ease-in-out;
3698
- transition: all 0.3s ease-in-out;
3699
- }
3700
-
3701
- /*
3702
- * Diagonal Effect
3703
- */
3704
- .premium-blog-diagonal-container {
3705
- position: absolute;
3706
- top: 0;
3707
- right: 0;
3708
- width: 100%;
3709
- height: 100%;
3710
- }
3711
-
3712
- .premium-blog-diagonal-effect:before {
3713
- position: absolute;
3714
- top: 0px;
3715
- right: 0px;
3716
- width: 100%;
3717
- height: 100%;
3718
- content: " ";
3719
- z-index: 1;
3720
- background: rgba(255, 255, 255, 0.2);
3721
- -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
3722
- transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
3723
- -webkit-transition: all 0.3s linear 0s;
3724
- transition: all 0.3s linear 0s;
3725
- }
3726
-
3727
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-diagonal-effect:before {
3728
- -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
3729
- transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
3730
- }
3731
-
3732
- /*
3733
- * Framed Effect
3734
- */
3735
- .premium-blog-framed-effect {
3736
- position: absolute;
3737
- width: -webkit-calc(100% - 30px);
3738
- width: calc(100% - 30px);
3739
- height: -webkit-calc(100% - 30px);
3740
- height: calc(100% - 30px);
3741
- top: 15px;
3742
- right: 15px;
3743
- opacity: 0;
3744
- -webkit-transform: scale(0.3);
3745
- -ms-transform: scale(0.3);
3746
- transform: scale(0.3);
3747
- -webkit-transition: all 0.3s linear 0s;
3748
- transition: all 0.3s linear 0s;
3749
- }
3750
-
3751
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-framed-effect {
3752
- opacity: 0.99;
3753
- -webkit-transform: scale(1);
3754
- -ms-transform: scale(1);
3755
- transform: scale(1);
3756
- }
3757
-
3758
- /*
3759
- * Bordered Effect
3760
- */
3761
- .premium-blog-bordered-effect {
3762
- position: absolute;
3763
- top: 0;
3764
- right: 0;
3765
- width: 100%;
3766
- height: 100%;
3767
- opacity: 0;
3768
- padding: 15px;
3769
- -webkit-transition: all 0.3s linear 0s;
3770
- transition: all 0.3s linear 0s;
3771
- }
3772
-
3773
- .premium-blog-bordered-effect .premium-blog-post-link:before,
3774
- .premium-blog-bordered-effect .premium-blog-post-link:after {
3775
- content: "";
3776
- display: block;
3777
- position: absolute;
3778
- top: 0;
3779
- right: 0;
3780
- width: 100%;
3781
- height: 100%;
3782
- -webkit-transition: all 0.5s linear 0s;
3783
- transition: all 0.5s linear 0s;
3784
- -webkit-transition-delay: 0s;
3785
- transition-delay: 0s;
3786
- border-color: rgba(255, 255, 255, 0.45);
3787
- }
3788
-
3789
- .premium-blog-bordered-effect .premium-blog-post-link:before {
3790
- border-left: 2px solid;
3791
- border-right: 2px solid;
3792
- -webkit-transform: scale(1, 0);
3793
- -ms-transform: scale(1, 0);
3794
- transform: scale(1, 0);
3795
- -webkit-transform-origin: 0% 0;
3796
- -ms-transform-origin: 0% 0;
3797
- transform-origin: 0% 0;
3798
- }
3799
-
3800
- .premium-blog-bordered-effect .premium-blog-post-link:after {
3801
- border-top: 2px solid;
3802
- border-bottom: 2px solid;
3803
- -webkit-transform: scale(0, 1);
3804
- -ms-transform: scale(0, 1);
3805
- transform: scale(0, 1);
3806
- -webkit-transform-origin: 100% 0;
3807
- -ms-transform-origin: 100% 0;
3808
- transform-origin: 100% 0;
3809
- }
3810
-
3811
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect {
3812
- opacity: 0.99;
3813
- }
3814
-
3815
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect .premium-blog-post-link:before,
3816
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect .premium-blog-post-link:after {
3817
- -webkit-transition-delay: 0.15s;
3818
- transition-delay: 0.15s;
3819
- opacity: 1;
3820
- -webkit-transform: scale(1);
3821
- -ms-transform: scale(1);
3822
- transform: scale(1);
3823
- }
3824
-
3825
- /*
3826
- * Squares Effect
3827
- */
3828
- .premium-blog-squares-effect,
3829
- .premium-blog-squares-square-container {
3830
- position: absolute;
3831
- top: 0;
3832
- right: 0;
3833
- width: 100%;
3834
- height: 100%;
3835
- }
3836
-
3837
- .premium-blog-squares-effect:before,
3838
- .premium-blog-squares-effect:after {
3839
- position: absolute;
3840
- content: "";
3841
- top: 0;
3842
- right: 0;
3843
- width: 50%;
3844
- height: 50%;
3845
- -webkit-transform: translate(100%, -100%);
3846
- -ms-transform: translate(100%, -100%);
3847
- transform: translate(100%, -100%);
3848
- opacity: 0.7;
3849
- -webkit-transition: all 0.3s linear 0s;
3850
- transition: all 0.3s linear 0s;
3851
- }
3852
-
3853
- .premium-blog-squares-square-container:before,
3854
- .premium-blog-squares-square-container:after {
3855
- position: absolute;
3856
- content: "";
3857
- top: 0;
3858
- right: 0;
3859
- width: 50%;
3860
- height: 50%;
3861
- -webkit-transform: translate(100%, -100%);
3862
- -ms-transform: translate(100%, -100%);
3863
- transform: translate(100%, -100%);
3864
- opacity: 0.7;
3865
- -webkit-transition: all 0.3s linear 0s;
3866
- transition: all 0.3s linear 0s;
3867
- }
3868
-
3869
- .premium-blog-squares-square-container:before,
3870
- .premium-blog-squares-square-container:after {
3871
- opacity: 0.8;
3872
- }
3873
-
3874
- .premium-blog-squares-effect:after {
3875
- -webkit-transform: translate(-200%, 200%);
3876
- -ms-transform: translate(-200%, 200%);
3877
- transform: translate(-200%, 200%);
3878
- }
3879
-
3880
- .premium-blog-squares-square-container:before {
3881
- -webkit-transform: translate(100%, 200%);
3882
- -ms-transform: translate(100%, 200%);
3883
- transform: translate(100%, 200%);
3884
- }
3885
-
3886
- .premium-blog-squares-square-container:after {
3887
- -webkit-transform: translate(-200%, -100%);
3888
- -ms-transform: translate(-200%, -100%);
3889
- transform: translate(-200%, -100%);
3890
- }
3891
-
3892
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:before {
3893
- -webkit-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
3894
- -ms-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
3895
- transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
3896
- }
3897
-
3898
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:after {
3899
- -webkit-transform: translate(-100%, 100%) scaleY(1.003) scaleX(1.003);
3900
- -ms-transform: translate(-100%, 100%) scaleY(1.003) scaleX(1.003);
3901
- transform: translate(-100%, 100%) scaleY(1.003) scaleX(1.003);
3902
- }
3903
-
3904
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:before {
3905
- -webkit-transform: translate(0, 100%);
3906
- -ms-transform: translate(0, 100%);
3907
- transform: translate(0, 100%);
3908
- }
3909
-
3910
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:after {
3911
- -webkit-transform: translate(-100%, 0%);
3912
- -ms-transform: translate(-100%, 0%);
3913
- transform: translate(-100%, 0%);
3914
- }
3915
-
3916
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay {
3917
- opacity: 1;
3918
- }
3919
-
3920
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay a {
3921
- opacity: 1;
3922
- -webkit-transform: scale(1);
3923
- -ms-transform: scale(1);
3924
- transform: scale(1);
3925
- }
3926
-
3927
- .premium-blog-clear-fix {
3928
- clear: both;
3929
- }
3930
-
3931
- /*Post Format Container*/
3932
- .premium-blog-format-link {
3933
- padding: 5px;
3934
- line-height: 0;
3935
- }
3936
-
3937
- /*Post Format Icon*/
3938
- /*Post Format Content Margin */
3939
- .premium-blog-entry-meta {
3940
- line-height: 1.3em;
3941
- font-size: 12px;
3942
- margin-bottom: 13px;
3943
- color: #adadad;
3944
- }
3945
-
3946
- .premium-blog-entry-meta i {
3947
- margin-left: 3px;
3948
- -webkit-transition: all 0.3s ease-in-out;
3949
- transition: all 0.3s ease-in-out;
3950
- }
3951
-
3952
- .premium-blog-meta-data {
3953
- display: inline-block;
3954
- }
3955
-
3956
- .premium-blog-meta-data .premium-blog-meta-separator {
3957
- margin: 0 5px;
3958
- }
3959
-
3960
- .premium-blog-meta-data a,
3961
- .premium-blog-meta-data span {
3962
- color: inherit;
3963
- -webkit-transition: all 0.3s ease-in-out;
3964
- transition: all 0.3s ease-in-out;
3965
- }
3966
-
3967
- .premium-blog-author-thumbnail {
3968
- position: relative;
3969
- padding: 0 30px;
3970
- width: 100%;
3971
- top: -10px;
3972
- height: 0;
3973
- pointer-events: none;
3974
- }
3975
-
3976
- .premium-blog-author-thumbnail img {
3977
- -webkit-border-radius: 50%;
3978
- border-radius: 50%;
3979
- width: 60px;
3980
- pointer-events: all;
3981
- -webkit-transform: translateY(-50%);
3982
- -ms-transform: translateY(-50%);
3983
- transform: translateY(-50%);
3984
- }
3985
-
3986
- .premium-blog-entry-title a,
3987
- .premium-blog-post-tags-container a,
3988
- .premium-blog-post-content .premium-blog-excerpt-link {
3989
- -webkit-transition: all 0.3s ease-in-out;
3990
- transition: all 0.3s ease-in-out;
3991
- }
3992
-
3993
- .premium-blog-excerpt-link-wrap a.premium-blog-excerpt-link {
3994
- background-color: transparent;
3995
- color: #54595f;
3996
- padding: 0;
3997
- }
3998
-
3999
- .premium-blog-cta-full-yes .premium-blog-excerpt-link {
4000
- width: 100%;
4001
- }
4002
-
4003
- .premium-blog-post-tags-container {
4004
- margin-top: 8px;
4005
- -js-display: flex;
4006
- display: -webkit-box;
4007
- display: -webkit-flex;
4008
- display: -moz-box;
4009
- display: -ms-flexbox;
4010
- display: flex;
4011
- -webkit-box-align: center;
4012
- -webkit-align-items: center;
4013
- -moz-box-align: center;
4014
- -ms-flex-align: center;
4015
- align-items: center;
4016
- -webkit-flex-wrap: wrap;
4017
- -ms-flex-wrap: wrap;
4018
- flex-wrap: wrap;
4019
- }
4020
-
4021
- .premium-blog-post-tags-container a {
4022
- color: inherit;
4023
- margin-right: 5px;
4024
- }
4025
-
4026
- .premium-blog-align-center .post-categories,
4027
- .premium-blog-align-center .premium-blog-inner-container,
4028
- .premium-blog-align-center .premium-blog-post-tags-container {
4029
- -webkit-box-pack: center;
4030
- -webkit-justify-content: center;
4031
- -moz-box-pack: center;
4032
- -ms-flex-pack: center;
4033
- justify-content: center;
4034
- }
4035
-
4036
- .premium-blog-align-left .premium-blog-post-container:not(.premium-blog-skin-cards) .post-categories,
4037
- .premium-blog-align-left .premium-blog-post-container:not(.premium-blog-skin-cards) .premium-blog-inner-container,
4038
- .premium-blog-align-left .premium-blog-post-container:not(.premium-blog-skin-cards) .premium-blog-post-tags-container {
4039
- -webkit-box-pack: end;
4040
- -webkit-justify-content: flex-end;
4041
- -moz-box-pack: end;
4042
- -ms-flex-pack: end;
4043
- justify-content: flex-end;
4044
- }
4045
-
4046
- .premium-blog-align-left .premium-blog-post-container.premium-blog-skin-cards .post-categories,
4047
- .premium-blog-align-left .premium-blog-post-container.premium-blog-skin-cards .premium-blog-inner-container,
4048
- .premium-blog-align-left .premium-blog-post-container.premium-blog-skin-cards .premium-blog-post-tags-container {
4049
- -webkit-box-pack: start;
4050
- -webkit-justify-content: flex-start;
4051
- -moz-box-pack: start;
4052
- -ms-flex-pack: start;
4053
- justify-content: flex-start;
4054
- }
4055
-
4056
- .premium-blog-align-right .premium-blog-post-container:not(.premium-blog-skin-cards) .post-categories,
4057
- .premium-blog-align-right .premium-blog-post-container:not(.premium-blog-skin-cards) .premium-blog-inner-container,
4058
- .premium-blog-align-right .premium-blog-post-container:not(.premium-blog-skin-cards) .premium-blog-post-tags-container {
4059
- -webkit-box-pack: start;
4060
- -webkit-justify-content: flex-start;
4061
- -moz-box-pack: start;
4062
- -ms-flex-pack: start;
4063
- justify-content: flex-start;
4064
- }
4065
-
4066
- .premium-blog-align-right .premium-blog-post-container.premium-blog-skin-cards .post-categories,
4067
- .premium-blog-align-right .premium-blog-post-container.premium-blog-skin-cards .premium-blog-inner-container,
4068
- .premium-blog-align-right .premium-blog-post-container.premium-blog-skin-cards .premium-blog-post-tags-container {
4069
- -webkit-box-pack: end;
4070
- -webkit-justify-content: flex-end;
4071
- -moz-box-pack: end;
4072
- -ms-flex-pack: end;
4073
- justify-content: flex-end;
4074
- }
4075
-
4076
- /* Pagination */
4077
- .premium-blog-pagination-container {
4078
- text-align: left;
4079
- }
4080
-
4081
- .premium-blog-pagination-container span {
4082
- cursor: default;
4083
- }
4084
-
4085
- .premium-blog-pagination-container .page-numbers {
4086
- display: inline-block;
4087
- color: #000;
4088
- line-height: 1;
4089
- font-size: 1em;
4090
- font-weight: 400;
4091
- text-decoration: none;
4092
- padding: 0.75em;
4093
- margin: 0 0 0.4em 0.4em;
4094
- -webkit-transition: all 0.2s ease-in-out;
4095
- transition: all 0.2s ease-in-out;
4096
- }
4097
-
4098
- .premium-blog-wrap .premium-loading-feed {
4099
- display: block;
4100
- position: absolute;
4101
- width: 100%;
4102
- height: 100%;
4103
- top: 0px;
4104
- right: 0px;
4105
- bottom: 0px;
4106
- left: 0px;
4107
- background: rgba(255, 255, 255, 0.2);
4108
- -js-display: flex;
4109
- display: -webkit-box;
4110
- display: -webkit-flex;
4111
- display: -moz-box;
4112
- display: -ms-flexbox;
4113
- display: flex;
4114
- -webkit-box-align: center;
4115
- -webkit-align-items: center;
4116
- -moz-box-align: center;
4117
- -ms-flex-align: center;
4118
- align-items: center;
4119
- z-index: 99;
4120
- }
4121
-
4122
- .premium-blog-wrap {
4123
- -js-display: flex;
4124
- display: -webkit-box;
4125
- display: -webkit-flex;
4126
- display: -moz-box;
4127
- display: -ms-flexbox;
4128
- display: flex;
4129
- -webkit-flex-wrap: wrap;
4130
- -ms-flex-wrap: wrap;
4131
- flex-wrap: wrap;
4132
- }
4133
-
4134
- .premium-blog-wrap ul.slick-dots {
4135
- width: 100%;
4136
- }
4137
-
4138
- /**
4139
- * Even Layout
4140
- */
4141
- .premium-blog-even .premium-blog-post-container {
4142
- height: 100%;
4143
- }
4144
-
4145
- .premium-blog-even .slick-track {
4146
- -js-display: flex;
4147
- display: -webkit-box;
4148
- display: -webkit-flex;
4149
- display: -moz-box;
4150
- display: -ms-flexbox;
4151
- display: flex;
4152
- }
4153
-
4154
- .premium-blog-even .slick-slide {
4155
- height: inherit !important;
4156
- }
4157
-
4158
- /**
4159
- * Responsive Style
4160
- */
4161
- @media (max-width: 768px) {
4162
- .premium-blog-content-wrapper {
4163
- top: 0;
4164
- margin: 0;
4165
- padding: 15px;
4166
- }
4167
-
4168
- .premium-blog-thumb-effect-wrapper {
4169
- margin-bottom: 15px;
4170
- }
4171
- }
4172
-
4173
- [dir="rtl"] .premium-blog-wrap.slick-slider .slick-list,
4174
- [dir="rtl"] .premium-blog-wrap.slick-slider .slick-track {
4175
- direction: ltr;
4176
- }
4177
-
4178
- /************ Premium Team Members ************/
4179
- /*********************************************/
4180
- .premium-person-container {
4181
- position: relative;
4182
- }
4183
-
4184
- .premium-person-image-container {
4185
- position: relative;
4186
- text-align: center;
4187
- }
4188
-
4189
- .premium-person-image-container .premium-person-image-wrap {
4190
- overflow: hidden;
4191
- }
4192
-
4193
- .premium-person-zoomout-effect .premium-person-image-container img,
4194
- .premium-person-scale-effect .premium-person-image-container img {
4195
- -webkit-transform: scale(1.2);
4196
- -ms-transform: scale(1.2);
4197
- transform: scale(1.2);
4198
- }
4199
-
4200
- .premium-person-sepia-effect .premium-person-image-container img {
4201
- -webkit-filter: sepia(30%);
4202
- filter: sepia(30%);
4203
- }
4204
-
4205
- .premium-person-bright-effect .premium-person-image-container img {
4206
- -webkit-filter: brightness(1);
4207
- filter: brightness(1);
4208
- }
4209
-
4210
- .premium-person-trans-effect .premium-person-image-container img {
4211
- -webkit-transform: translateX(15px) scale(1.1);
4212
- -ms-transform: translateX(15px) scale(1.1);
4213
- transform: translateX(15px) scale(1.1);
4214
- }
4215
-
4216
- .premium-person-zoomin-effect:hover .premium-person-image-container img {
4217
- -webkit-transform: scale(1.2);
4218
- -ms-transform: scale(1.2);
4219
- transform: scale(1.2);
4220
- }
4221
-
4222
- .premium-person-zoomout-effect:hover .premium-person-image-container img {
4223
- -webkit-transform: scale(1.1);
4224
- -ms-transform: scale(1.1);
4225
- transform: scale(1.1);
4226
- }
4227
-
4228
- .premium-person-scale-effect:hover .premium-person-image-container img {
4229
- -webkit-transform: scale(1.3) rotate(-5deg);
4230
- -ms-transform: scale(1.3) rotate(-5deg);
4231
- transform: scale(1.3) rotate(-5deg);
4232
- }
4233
-
4234
- .premium-person-grayscale-effect:hover .premium-person-image-container img {
4235
- -webkit-filter: grayscale(100%);
4236
- filter: grayscale(100%);
4237
- }
4238
-
4239
- .premium-person-blur-effect:hover .premium-person-image-container img {
4240
- -webkit-filter: blur(3px);
4241
- filter: blur(3px);
4242
- }
4243
-
4244
- .premium-person-sepia-effect:hover .premium-person-image-container img {
4245
- -webkit-filter: sepia(0%);
4246
- filter: sepia(0%);
4247
- }
4248
-
4249
- .premium-person-bright-effect:hover .premium-person-image-container img {
4250
- -webkit-filter: brightness(1.2);
4251
- filter: brightness(1.2);
4252
- }
4253
-
4254
- .premium-person-trans-effect:hover .premium-person-image-container img {
4255
- -webkit-transform: translateX(0px) scale(1.1);
4256
- -ms-transform: translateX(0px) scale(1.1);
4257
- transform: translateX(0px) scale(1.1);
4258
- }
4259
-
4260
- .premium-person-container .premium-person-image-container img {
4261
- width: 100%;
4262
- height: 100%;
4263
- -o-object-fit: cover;
4264
- object-fit: cover;
4265
- -webkit-transition: all 0.5s ease-in-out;
4266
- transition: all 0.5s ease-in-out;
4267
- }
4268
-
4269
- .premium-person-style2 .premium-person-social {
4270
- position: absolute;
4271
- top: 0;
4272
- right: 0;
4273
- width: 100%;
4274
- height: 100%;
4275
- z-index: 2;
4276
- -js-display: flex;
4277
- display: -webkit-box;
4278
- display: -webkit-flex;
4279
- display: -moz-box;
4280
- display: -ms-flexbox;
4281
- display: flex;
4282
- -webkit-box-pack: center;
4283
- -webkit-justify-content: center;
4284
- -moz-box-pack: center;
4285
- -ms-flex-pack: center;
4286
- justify-content: center;
4287
- -webkit-box-align: center;
4288
- -webkit-align-items: center;
4289
- -moz-box-align: center;
4290
- -ms-flex-align: center;
4291
- align-items: center;
4292
- -webkit-box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
4293
- box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
4294
- -webkit-transition: all 0.5s linear 0s;
4295
- transition: all 0.5s linear 0s;
4296
- opacity: 0;
4297
- }
4298
-
4299
- .premium-person-style2 .premium-person-image-container:hover .premium-person-social {
4300
- opacity: 1;
4301
- }
4302
-
4303
- .premium-person-list-item a {
4304
- display: inline-block;
4305
- }
4306
-
4307
- .premium-person-style2 .premium-person-list-item a {
4308
- opacity: 0;
4309
- -webkit-transform: scale(0);
4310
- -ms-transform: scale(0);
4311
- transform: scale(0);
4312
- -webkit-transition: all 0.5s ease-in-out 0s;
4313
- transition: all 0.5s ease-in-out 0s;
4314
- }
4315
-
4316
- .premium-person-style2 .premium-person-image-container:hover .premium-person-list-item a {
4317
- opacity: 1;
4318
- -webkit-transform: scale(1);
4319
- -ms-transform: scale(1);
4320
- transform: scale(1);
4321
- }
4322
-
4323
- .premium-person-info-container {
4324
- padding: 30px 15px;
4325
- }
4326
-
4327
- .premium-person-name {
4328
- margin: 0 0 5px;
4329
- font-weight: 700;
4330
- }
4331
-
4332
- .premium-person-title {
4333
- margin: 0 0 20px;
4334
- padding: 0;
4335
- }
4336
-
4337
- .premium-person-content {
4338
- margin: 0 0 30px;
4339
- }
4340
-
4341
- /*Override Theme List Margin*/
4342
- ul.premium-person-social-list {
4343
- margin: 0px !important;
4344
- padding: 0;
4345
- }
4346
-
4347
- .premium-person-social-list .premium-person-list-item {
4348
- display: inline;
4349
- list-style: none;
4350
- }
4351
-
4352
- .premium-person-social-list li {
4353
- position: relative;
4354
- bottom: 0px;
4355
- -webkit-transition: all 0.2s ease-in-out;
4356
- transition: all 0.2s ease-in-out;
4357
- }
4358
-
4359
- .premium-person-social-list li i {
4360
- position: relative;
4361
- bottom: 0px;
4362
- -webkit-transition: all 0.2s ease-in-out;
4363
- transition: all 0.2s ease-in-out;
4364
- }
4365
-
4366
- .premium-person-defaults-yes li.premium-person-facebook:hover a {
4367
- background-color: #3b5998 !important;
4368
- }
4369
-
4370
- .premium-person-defaults-yes li.premium-person-twitter:hover a {
4371
- background-color: #55acee !important;
4372
- }
4373
-
4374
- .premium-person-defaults-yes li.premium-person-linkedin:hover a {
4375
- background-color: #0077b5 !important;
4376
- }
4377
-
4378
- .premium-person-defaults-yes li.premium-person-google:hover a {
4379
- background-color: #dc4e41 !important;
4380
- }
4381
-
4382
- .premium-person-defaults-yes li.premium-person-youtube:hover a {
4383
- background-color: #b31217 !important;
4384
- }
4385
-
4386
- .premium-person-defaults-yes li.premium-person-instagram:hover a {
4387
- background-color: #e4405f !important;
4388
- }
4389
-
4390
- .premium-person-defaults-yes li.premium-person-skype:hover a {
4391
- background-color: #00aff0 !important;
4392
- }
4393
-
4394
- .premium-person-defaults-yes li.premium-person-pinterest:hover a {
4395
- background-color: #bd081c !important;
4396
- }
4397
-
4398
- .premium-person-defaults-yes li.premium-person-dribbble:hover a {
4399
- background-color: #ea4c89 !important;
4400
- }
4401
-
4402
- .premium-person-defaults-yes li.premium-person-mail:hover a {
4403
- background-color: #b23121 !important;
4404
- }
4405
-
4406
- .premium-person-defaults-yes li.premium-person-behance:hover a {
4407
- background-color: #1769ff !important;
4408
- }
4409
-
4410
- .premium-person-defaults-yes li.premium-person-whatsapp:hover a {
4411
- background-color: #25d366 !important;
4412
- }
4413
-
4414
- .premium-person-defaults-yes li.premium-person-telegram:hover a {
4415
- background-color: #0088cc !important;
4416
- }
4417
-
4418
- .premium-person-defaults-yes li.premium-person-site:hover a {
4419
- background-color: #0055a5 !important;
4420
- }
4421
-
4422
- .premium-person-social-list li:hover a {
4423
- -webkit-box-shadow: none;
4424
- box-shadow: none;
4425
- }
4426
-
4427
- .premium-person-social-list li a:focus {
4428
- -webkit-box-shadow: none;
4429
- box-shadow: none;
4430
- outline: none;
4431
- }
4432
-
4433
- .premium-person-social-list li i {
4434
- font-size: 18px;
4435
- }
4436
-
4437
- .elementor-widget-premium-addon-person .elementor-widget-container {
4438
- -js-display: flex;
4439
- display: -webkit-box;
4440
- display: -webkit-flex;
4441
- display: -moz-box;
4442
- display: -ms-flexbox;
4443
- display: flex;
4444
- -webkit-box-pack: center;
4445
- -webkit-justify-content: center;
4446
- -moz-box-pack: center;
4447
- -ms-flex-pack: center;
4448
- justify-content: center;
4449
- }
4450
-
4451
- .premium-persons-container.multiple-persons {
4452
- -js-display: flex;
4453
- display: -webkit-box;
4454
- display: -webkit-flex;
4455
- display: -moz-box;
4456
- display: -ms-flexbox;
4457
- display: flex;
4458
- -webkit-flex-wrap: wrap;
4459
- -ms-flex-wrap: wrap;
4460
- flex-wrap: wrap;
4461
- width: 100%;
4462
- }
4463
-
4464
- .premium-person-style1 .premium-person-container {
4465
- overflow: hidden;
4466
- }
4467
-
4468
- .premium-person-style1 .premium-person-container .premium-person-info {
4469
- position: absolute;
4470
- top: auto;
4471
- left: 0;
4472
- right: 0;
4473
- -webkit-transition: all 500ms ease 0s;
4474
- transition: all 500ms ease 0s;
4475
- -webkit-transform: translate3d(0, 100%, 0);
4476
- transform: translate3d(0, 100%, 0);
4477
- }
4478
-
4479
- .premium-person-style1 .premium-person-container:hover .premium-person-info {
4480
- -webkit-transform: translate3d(0, 0, 0);
4481
- transform: translate3d(0, 0, 0);
4482
- bottom: -1px !important;
4483
- }
4484
-
4485
- .premium-person-style1 .premium-person-social-list li:hover {
4486
- bottom: 5px;
4487
- }
4488
-
4489
- .premium-person-style1.multiple-persons:not([data-persons-equal="yes"]) {
4490
- -webkit-box-align: start;
4491
- -webkit-align-items: flex-start;
4492
- -moz-box-align: start;
4493
- -ms-flex-align: start;
4494
- align-items: flex-start;
4495
- }
4496
-
4497
- .premium-person-style1 .slick-track {
4498
- -js-display: flex;
4499
- display: -webkit-box;
4500
- display: -webkit-flex;
4501
- display: -moz-box;
4502
- display: -ms-flexbox;
4503
- display: flex;
4504
- }
4505
-
4506
- .premium-person-style1 .slick-slide {
4507
- height: inherit !important;
4508
- }
4509
-
4510
- .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-container,
4511
- .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-wrap {
4512
- height: 100%;
4513
- }
4514
-
4515
- .premium-person-style3 .premium-person-info-container {
4516
- position: absolute;
4517
- top: 0;
4518
- right: 0;
4519
- width: 100%;
4520
- height: 100%;
4521
- -js-display: flex;
4522
- display: -webkit-box;
4523
- display: -webkit-flex;
4524
- display: -moz-box;
4525
- display: -ms-flexbox;
4526
- display: flex;
4527
- -webkit-box-orient: vertical;
4528
- -webkit-box-direction: normal;
4529
- -webkit-flex-direction: column;
4530
- -moz-box-orient: vertical;
4531
- -moz-box-direction: normal;
4532
- -ms-flex-direction: column;
4533
- flex-direction: column;
4534
- -webkit-box-pack: justify;
4535
- -webkit-justify-content: space-between;
4536
- -moz-box-pack: justify;
4537
- -ms-flex-pack: justify;
4538
- justify-content: space-between;
4539
- }
4540
-
4541
- .premium-person-style3 .premium-person-title-desc-wrap {
4542
- -js-display: flex;
4543
- display: -webkit-box;
4544
- display: -webkit-flex;
4545
- display: -moz-box;
4546
- display: -ms-flexbox;
4547
- display: flex;
4548
- -webkit-box-orient: horizontal;
4549
- -webkit-box-direction: reverse;
4550
- -webkit-flex-direction: row-reverse;
4551
- -moz-box-orient: horizontal;
4552
- -moz-box-direction: reverse;
4553
- -ms-flex-direction: row-reverse;
4554
- flex-direction: row-reverse;
4555
- -webkit-box-pack: justify;
4556
- -webkit-justify-content: space-between;
4557
- -moz-box-pack: justify;
4558
- -ms-flex-pack: justify;
4559
- justify-content: space-between;
4560
- -webkit-box-align: start;
4561
- -webkit-align-items: flex-start;
4562
- -moz-box-align: start;
4563
- -ms-flex-align: start;
4564
- align-items: flex-start;
4565
- }
4566
-
4567
- .premium-person-style3 .premium-person-name-icons-wrap {
4568
- -js-display: flex;
4569
- display: -webkit-box;
4570
- display: -webkit-flex;
4571
- display: -moz-box;
4572
- display: -ms-flexbox;
4573
- display: flex;
4574
- -webkit-box-pack: justify;
4575
- -webkit-justify-content: space-between;
4576
- -moz-box-pack: justify;
4577
- -ms-flex-pack: justify;
4578
- justify-content: space-between;
4579
- -webkit-box-align: end;
4580
- -webkit-align-items: flex-end;
4581
- -moz-box-align: end;
4582
- -ms-flex-align: end;
4583
- align-items: flex-end;
4584
- }
4585
-
4586
- .premium-person-style3 .premium-person-title {
4587
- opacity: 0;
4588
- -webkit-transition: all 0.3s ease;
4589
- transition: all 0.3s ease;
4590
- width: 0;
4591
- }
4592
-
4593
- .premium-person-style3 .premium-person-title span {
4594
- display: inline-block;
4595
- }
4596
-
4597
- .premium-person-style3 .premium-person-name {
4598
- padding-right: 10px;
4599
- }
4600
-
4601
- .premium-person-style3 .premium-person-social-list {
4602
- -js-display: flex;
4603
- display: -webkit-box;
4604
- display: -webkit-flex;
4605
- display: -moz-box;
4606
- display: -ms-flexbox;
4607
- display: flex;
4608
- -webkit-box-orient: vertical;
4609
- -webkit-box-direction: normal;
4610
- -webkit-flex-direction: column;
4611
- -moz-box-orient: vertical;
4612
- -moz-box-direction: normal;
4613
- -ms-flex-direction: column;
4614
- flex-direction: column;
4615
- -webkit-transform: translateY(20px);
4616
- -ms-transform: translateY(20px);
4617
- transform: translateY(20px);
4618
- opacity: 0;
4619
- -webkit-transition: all 0.3s ease;
4620
- transition: all 0.3s ease;
4621
- }
4622
-
4623
- .premium-person-style3 .premium-person-list-item {
4624
- line-height: 0;
4625
- }
4626
-
4627
- .premium-person-style3 .premium-person-list-item a {
4628
- padding: 5px 0 0 10px;
4629
- margin: 5px 0;
4630
- }
4631
-
4632
- .premium-person-style3 .premium-person-container:hover .premium-person-title {
4633
- opacity: 1;
4634
- }
4635
-
4636
- .premium-person-style3 .premium-person-container:hover .premium-person-social-list {
4637
- opacity: 1;
4638
- -webkit-transform: translateY(0);
4639
- -ms-transform: translateY(0);
4640
- transform: translateY(0);
4641
- }
4642
-
4643
- .premium-persons-title-cw .premium-person-title {
4644
- -webkit-transform: translateX(-15px) rotate(-90deg);
4645
- -ms-transform: translateX(-15px) rotate(-90deg);
4646
- transform: translateX(-15px) rotate(-90deg);
4647
- -webkit-transform-origin: top;
4648
- -ms-transform-origin: top;
4649
- transform-origin: top;
4650
- }
4651
-
4652
- .premium-persons-title-cw .premium-person-container:hover .premium-person-title {
4653
- -webkit-transform: translateX(0) rotate(-90deg);
4654
- -ms-transform: translateX(0) rotate(-90deg);
4655
- transform: translateX(0) rotate(-90deg);
4656
- }
4657
-
4658
- .premium-persons-title-ccw .premium-person-title {
4659
- width: auto;
4660
- margin-left: 20px;
4661
- -webkit-transform: translateX(-15px) rotate(90deg);
4662
- -ms-transform: translateX(-15px) rotate(90deg);
4663
- transform: translateX(-15px) rotate(90deg);
4664
- -webkit-transform-origin: center left;
4665
- -ms-transform-origin: center left;
4666
- transform-origin: center left;
4667
- }
4668
-
4669
- .premium-persons-title-ccw .premium-person-container:hover .premium-person-title {
4670
- -webkit-transform: translateX(0) rotate(90deg);
4671
- -ms-transform: translateX(0) rotate(90deg);
4672
- transform: translateX(0) rotate(90deg);
4673
- }
4674
-
4675
- /**************** Premium Fancy Text *******************/
4676
- /*******************************************************/
4677
- .premium-suffix-text,
4678
- .premium-fancy-text,
4679
- .premium-prefix-text {
4680
- font-size: 40px;
4681
- }
4682
-
4683
- .premium-fancy-text-wrapper .premium-fancy-list-items {
4684
- list-style: none;
4685
- }
4686
-
4687
- .premium-fancy-text-wrapper .premium-fancy-text-span-align {
4688
- vertical-align: top;
4689
- }
4690
-
4691
- .premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-text-items-wrapper {
4692
- margin: 0;
4693
- padding: 0;
4694
- border: none;
4695
- position: relative;
4696
- }
4697
-
4698
- .premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-list-items {
4699
- position: absolute;
4700
- top: 0;
4701
- right: 0;
4702
- display: inline-block;
4703
- }
4704
-
4705
- .premium-fancy-text-wrapper.zoomout .premium-fancy-item-hidden {
4706
- opacity: 0;
4707
- -webkit-animation: pa-zoom-out 0.8s;
4708
- animation: pa-zoom-out 0.8s;
4709
- }
4710
-
4711
- .premium-fancy-text-wrapper.zoomout .premium-fancy-item-visible {
4712
- position: relative !important;
4713
- -webkit-animation: pa-zoom-in 0.8s;
4714
- animation: pa-zoom-in 0.8s;
4715
- }
4716
-
4717
- .premium-fancy-text-wrapper.zoomout .premium-fancy-text-items-wrapper {
4718
- -webkit-perspective: 300px;
4719
- perspective: 300px;
4720
- }
4721
-
4722
- .premium-fancy-text-wrapper.rotate .premium-fancy-list-items {
4723
- -webkit-transform-origin: 50% 100%;
4724
- -ms-transform-origin: 50% 100%;
4725
- transform-origin: 50% 100%;
4726
- }
4727
-
4728
- .premium-fancy-text-wrapper.rotate .premium-fancy-item-hidden {
4729
- opacity: 0;
4730
- -webkit-transform: rotateX(180deg);
4731
- -ms-transform: rotateX(180deg);
4732
- transform: rotateX(180deg);
4733
- -webkit-animation: pa-rotate-out 1.2s;
4734
- animation: pa-rotate-out 1.2s;
4735
- }
4736
-
4737
- .premium-fancy-text-wrapper.rotate .premium-fancy-item-visible {
4738
- position: relative !important;
4739
- -webkit-transform: rotateX(0deg);
4740
- -ms-transform: rotateX(0deg);
4741
- transform: rotateX(0deg);
4742
- -webkit-animation: pa-rotate-in 1.2s;
4743
- animation: pa-rotate-in 1.2s;
4744
- }
4745
-
4746
- .premium-fancy-text-wrapper.bar .premium-fancy-text-items-wrapper::after {
4747
- position: absolute;
4748
- content: "";
4749
- right: 0;
4750
- bottom: 0;
4751
- width: 0;
4752
- height: 3px;
4753
- background: #000;
4754
- }
4755
-
4756
- .premium-fancy-text-wrapper.bar .premium-fancy-text-items-wrapper.active::after {
4757
- width: 100%;
4758
- -webkit-transition: width 3s ease-in-out;
4759
- transition: width 3s ease-in-out;
4760
- }
4761
-
4762
- .premium-fancy-text-wrapper.bar .premium-fancy-list-items {
4763
- opacity: 0;
4764
- }
4765
-
4766
- .premium-fancy-text-wrapper.bar .premium-fancy-item-visible {
4767
- opacity: 1;
4768
- -webkit-transition: opacity 2s ease-in-out;
4769
- transition: opacity 2s ease-in-out;
4770
- position: relative !important;
4771
- }
4772
-
4773
- @-webkit-keyframes pa-zoom-in {
4774
- 0% {
4775
- opacity: 0;
4776
- -webkit-transform: translateZ(100px);
4777
- transform: translateZ(100px);
4778
- }
4779
-
4780
- 100% {
4781
- opacity: 1;
4782
- -webkit-transform: translateZ(0);
4783
- transform: translateZ(0);
4784
- }
4785
- }
4786
-
4787
- @keyframes pa-zoom-in {
4788
- 0% {
4789
- opacity: 0;
4790
- -webkit-transform: translateZ(100px);
4791
- transform: translateZ(100px);
4792
- }
4793
-
4794
- 100% {
4795
- opacity: 1;
4796
- -webkit-transform: translateZ(0);
4797
- transform: translateZ(0);
4798
- }
4799
- }
4800
-
4801
- @-webkit-keyframes pa-zoom-out {
4802
- 0% {
4803
- opacity: 1;
4804
- -webkit-transform: translateZ(0);
4805
- transform: translateZ(0);
4806
- }
4807
-
4808
- 100% {
4809
- opacity: 0;
4810
- -webkit-transform: translateZ(-100px);
4811
- transform: translateZ(-100px);
4812
- }
4813
- }
4814
-
4815
- @keyframes pa-zoom-out {
4816
- 0% {
4817
- opacity: 1;
4818
- -webkit-transform: translateZ(0);
4819
- transform: translateZ(0);
4820
- }
4821
-
4822
- 100% {
4823
- opacity: 0;
4824
- -webkit-transform: translateZ(-100px);
4825
- transform: translateZ(-100px);
4826
- }
4827
- }
4828
-
4829
- @-webkit-keyframes pa-rotate-in {
4830
- 0% {
4831
- opacity: 0;
4832
- -webkit-transform: rotateX(180deg);
4833
- transform: rotateX(180deg);
4834
- }
4835
-
4836
- 35% {
4837
- opacity: 0;
4838
- -webkit-transform: rotateX(120deg);
4839
- transform: rotateX(120deg);
4840
- }
4841
-
4842
- 65% {
4843
- opacity: 0;
4844
- }
4845
-
4846
- 100% {
4847
- opacity: 1;
4848
- -webkit-transform: rotateX(360deg);
4849
- transform: rotateX(360deg);
4850
- }
4851
- }
4852
-
4853
- @keyframes pa-rotate-in {
4854
- 0% {
4855
- opacity: 0;
4856
- -webkit-transform: rotateX(180deg);
4857
- transform: rotateX(180deg);
4858
- }
4859
-
4860
- 35% {
4861
- opacity: 0;
4862
- -webkit-transform: rotateX(120deg);
4863
- transform: rotateX(120deg);
4864
- }
4865
-
4866
- 65% {
4867
- opacity: 0;
4868
- }
4869
-
4870
- 100% {
4871
- opacity: 1;
4872
- -webkit-transform: rotateX(360deg);
4873
- transform: rotateX(360deg);
4874
- }
4875
- }
4876
-
4877
- @-webkit-keyframes pa-rotate-out {
4878
- 0% {
4879
- opacity: 1;
4880
- -webkit-transform: rotateX(0deg);
4881
- transform: rotateX(0deg);
4882
- }
4883
-
4884
- 35% {
4885
- opacity: 1;
4886
- -webkit-transform: rotateX(-40deg);
4887
- transform: rotateX(-40deg);
4888
- }
4889
-
4890
- 65% {
4891
- opacity: 0;
4892
- }
4893
-
4894
- 100% {
4895
- opacity: 0;
4896
- -webkit-transform: rotateX(180deg);
4897
- transform: rotateX(180deg);
4898
- }
4899
- }
4900
-
4901
- @keyframes pa-rotate-out {
4902
- 0% {
4903
- opacity: 1;
4904
- -webkit-transform: rotateX(0deg);
4905
- transform: rotateX(0deg);
4906
- }
4907
-
4908
- 35% {
4909
- opacity: 1;
4910
- -webkit-transform: rotateX(-40deg);
4911
- transform: rotateX(-40deg);
4912
- }
4913
-
4914
- 65% {
4915
- opacity: 0;
4916
- }
4917
-
4918
- 100% {
4919
- opacity: 0;
4920
- -webkit-transform: rotateX(180deg);
4921
- transform: rotateX(180deg);
4922
- }
4923
- }
4924
-
4925
- /**************** Premium Pricing Table ****************/
4926
- /*******************************************************/
4927
- .premium-pricing-table-container {
4928
- position: relative;
4929
- overflow: hidden;
4930
- text-align: center;
4931
- -webkit-transition: all 0.3s ease-in-out;
4932
- transition: all 0.3s ease-in-out;
4933
- }
4934
-
4935
- .premium-pricing-icon-container {
4936
- -js-display: flex;
4937
- display: -webkit-box;
4938
- display: -webkit-flex;
4939
- display: -moz-box;
4940
- display: -ms-flexbox;
4941
- display: flex;
4942
- -webkit-box-pack: center;
4943
- -webkit-justify-content: center;
4944
- -moz-box-pack: center;
4945
- -ms-flex-pack: center;
4946
- justify-content: center;
4947
- line-height: 0;
4948
- }
4949
-
4950
- .premium-pricing-icon-container .premium-pricing-icon {
4951
- display: inline-block;
4952
- }
4953
-
4954
- .premium-pricing-icon-container .premium-pricing-image {
4955
- overflow: hidden;
4956
- }
4957
-
4958
- .premium-pricing-icon-container .premium-pricing-image img {
4959
- width: 25px;
4960
- height: 25px;
4961
- -o-object-fit: cover;
4962
- object-fit: cover;
4963
- }
4964
-
4965
- .premium-badge-left {
4966
- position: absolute;
4967
- top: 0;
4968
- }
4969
-
4970
- .premium-badge-right {
4971
- position: absolute;
4972
- top: 0;
4973
- right: 0;
4974
- }
4975
-
4976
- .premium-badge-left {
4977
- left: 0;
4978
- }
4979
-
4980
- .premium-badge-triangle.premium-badge-left .corner {
4981
- width: 0;
4982
- height: 0;
4983
- border-top: 150px solid;
4984
- border-bottom: 150px solid transparent;
4985
- border-right: 150px solid transparent;
4986
- }
4987
-
4988
- .premium-badge-triangle.premium-badge-right .corner {
4989
- width: 0;
4990
- height: 0;
4991
- border-bottom: 150px solid transparent;
4992
- border-right: 150px solid;
4993
- border-left: 150px solid transparent;
4994
- }
4995
-
4996
- .premium-badge-triangle span {
4997
- position: absolute;
4998
- top: 35px;
4999
- width: 100px;
5000
- text-align: center;
5001
- -webkit-transform: rotate(-45deg);
5002
- -ms-transform: rotate(-45deg);
5003
- transform: rotate(-45deg);
5004
- display: block;
5005
- text-transform: uppercase;
5006
- }
5007
-
5008
- .premium-badge-triangle.premium-badge-right span {
5009
- -webkit-transform: rotate(45deg);
5010
- -ms-transform: rotate(45deg);
5011
- transform: rotate(45deg);
5012
- right: 0;
5013
- }
5014
-
5015
- .premium-badge-circle {
5016
- min-width: 4em;
5017
- min-height: 4em;
5018
- line-height: 4em;
5019
- text-align: center;
5020
- -webkit-border-radius: 100%;
5021
- border-radius: 100%;
5022
- position: absolute;
5023
- z-index: 1;
5024
- }
5025
-
5026
- .premium-badge-stripe {
5027
- position: absolute;
5028
- -webkit-transform: rotate(90deg);
5029
- -ms-transform: rotate(90deg);
5030
- transform: rotate(90deg);
5031
- width: 15em;
5032
- overflow: hidden;
5033
- height: 15em;
5034
- }
5035
-
5036
- .premium-badge-stripe.premium-badge-left {
5037
- -webkit-transform: rotate(0);
5038
- -ms-transform: rotate(0);
5039
- transform: rotate(0);
5040
- }
5041
-
5042
- .premium-badge-stripe .corner {
5043
- text-align: center;
5044
- left: 0;
5045
- width: 150%;
5046
- -webkit-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
5047
- -ms-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
5048
- transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
5049
- margin-top: 35px;
5050
- font-size: 13px;
5051
- line-height: 2;
5052
- font-weight: 800;
5053
- text-transform: uppercase;
5054
- }
5055
-
5056
- .premium-badge-flag .corner {
5057
- text-align: center;
5058
- -webkit-border-radius: 4px 4px 0 4px;
5059
- border-radius: 4px 4px 0 4px;
5060
- padding: 3px 15px;
5061
- position: absolute;
5062
- top: 10%;
5063
- right: -8px;
5064
- }
5065
-
5066
- .premium-badge-flag .corner::before,
5067
- .premium-badge-flag .corner::after {
5068
- content: "";
5069
- display: block;
5070
- position: absolute;
5071
- width: 0;
5072
- height: 0;
5073
- top: 100%;
5074
- right: 0;
5075
- border-bottom: 8px solid transparent;
5076
- }
5077
-
5078
- .elementor-widget-premium-addon-pricing-table .elementor-widget-container {
5079
- overflow: visible !important;
5080
- }
5081
-
5082
- .premium-badge-flag .corner::after {
5083
- border-left: 8px solid rgba(0, 0, 0, 0.2);
5084
- }
5085
-
5086
- .premium-pricing-price-currency {
5087
- position: relative;
5088
- }
5089
-
5090
- .premium-pricing-button-container {
5091
- display: block;
5092
- }
5093
-
5094
- .premium-pricing-list {
5095
- -js-display: flex;
5096
- display: -webkit-box;
5097
- display: -webkit-flex;
5098
- display: -moz-box;
5099
- display: -ms-flexbox;
5100
- display: flex;
5101
- -webkit-box-orient: vertical;
5102
- -webkit-box-direction: normal;
5103
- -webkit-flex-direction: column;
5104
- -moz-box-orient: vertical;
5105
- -moz-box-direction: normal;
5106
- -ms-flex-direction: column;
5107
- flex-direction: column;
5108
- list-style-type: none;
5109
- margin: 0;
5110
- }
5111
-
5112
- .premium-pricing-list .premium-pricing-list-item {
5113
- -js-display: flex;
5114
- display: -webkit-box;
5115
- display: -webkit-flex;
5116
- display: -moz-box;
5117
- display: -ms-flexbox;
5118
- display: flex;
5119
- -webkit-box-align: center;
5120
- -webkit-align-items: center;
5121
- -moz-box-align: center;
5122
- -ms-flex-align: center;
5123
- align-items: center;
5124
- }
5125
-
5126
- .premium-pricing-list .premium-pricing-list-item svg {
5127
- width: 50px;
5128
- height: 50px;
5129
- }
5130
-
5131
- .premium-pricing-list .premium-pricing-list-item img {
5132
- width: 30px;
5133
- height: 30px;
5134
- -o-object-fit: cover;
5135
- object-fit: cover;
5136
- }
5137
-
5138
- .premium-pricing-list .premium-pricing-list-span {
5139
- position: relative;
5140
- }
5141
-
5142
- .premium-pricing-list .list-item-tooltip {
5143
- border-bottom: 1px dotted;
5144
- }
5145
-
5146
- .premium-pricing-list .premium-pricing-list-tooltip {
5147
- position: absolute;
5148
- top: -webkit-calc(100% + 1px);
5149
- top: calc(100% + 1px);
5150
- right: 0;
5151
- visibility: hidden;
5152
- padding: 15px 20px;
5153
- -webkit-border-radius: 5px;
5154
- border-radius: 5px;
5155
- min-width: 200px;
5156
- overflow: hidden;
5157
- text-align: right;
5158
- font-size: 0.8rem;
5159
- color: #fff;
5160
- background-color: #aaa;
5161
- }
5162
-
5163
- .premium-pricing-list-span:hover .premium-pricing-list-tooltip {
5164
- z-index: 99;
5165
- visibility: visible;
5166
- opacity: 1;
5167
- }
5168
-
5169
- .premium-pricing-slashed-price-value {
5170
- display: inline-block;
5171
- font-size: 20px;
5172
- font-weight: 400;
5173
- margin-left: 5px;
5174
- }
5175
-
5176
- .premium-pricing-price-value {
5177
- font-size: 70px;
5178
- }
5179
-
5180
- .premium-pricing-description-container li {
5181
- list-style-position: inside;
5182
- text-indent: -40px;
5183
- }
5184
-
5185
- @-moz-document url-prefix() {
5186
- .premium-pricing-description-container li {
5187
- text-indent: 0px;
5188
- }
5189
- }
5190
-
5191
- .premium-pricing-price-button {
5192
- display: block;
5193
- padding: 6px 12px;
5194
- line-height: 1.42857143;
5195
- text-align: center;
5196
- color: #fff;
5197
- background: #6ec1e4;
5198
- margin-bottom: 0;
5199
- -webkit-transition: all 0.3s ease-in-out;
5200
- transition: all 0.3s ease-in-out;
5201
- }
5202
-
5203
- /**************** Premium Google Maps ******************/
5204
- /*******************************************************/
5205
- .premium-maps-info-container {
5206
- margin-top: 10px;
5207
- margin-bottom: 10px;
5208
- }
5209
-
5210
- .premium-maps-info-title,
5211
- .premium-maps-info-desc {
5212
- margin: 0;
5213
- padding: 0;
5214
- }
5215
-
5216
- .premium-maps-container .gm-style-iw {
5217
- text-align: center;
5218
- }
5219
-
5220
- .premium-maps-container .gm-style img {
5221
- max-width: none !important;
5222
- }
5223
-
5224
- /**************** Premium Button ***********************/
5225
- /*******************************************************/
5226
- .premium-button {
5227
- display: inline-block;
5228
- position: relative;
5229
- overflow: hidden;
5230
- cursor: pointer;
5231
- -webkit-transition: all 0.2s ease-in-out !important;
5232
- transition: all 0.2s ease-in-out !important;
5233
- }
5234
-
5235
- .premium-button-sm {
5236
- padding: 12px 24px;
5237
- font-size: 14px;
5238
- line-height: 1;
5239
- }
5240
-
5241
- .premium-button-md {
5242
- padding: 14px 26px;
5243
- font-size: 16px;
5244
- line-height: 1.2;
5245
- }
5246
-
5247
- .premium-button-lg {
5248
- padding: 16px 28px;
5249
- font-size: 18px;
5250
- line-height: 1.3333;
5251
- }
5252
-
5253
- .premium-button-block {
5254
- font-size: 15px;
5255
- line-height: 1;
5256
- padding: 12px 24px;
5257
- width: 100%;
5258
- text-align: center;
5259
- }
5260
-
5261
- .premium-button-text {
5262
- display: inline-block;
5263
- width: 100%;
5264
- }
5265
-
5266
- .premium-button-style1-bottom,
5267
- .premium-button-style1-top,
5268
- .premium-button-style1-right,
5269
- .premium-button-style1-left,
5270
- .premium-button-style2-shutouthor,
5271
- .premium-button-style2-shutoutver,
5272
- .premium-button-style2-shutinhor,
5273
- .premium-button-style2-shutinver,
5274
- .premium-button-style2-scshutouthor,
5275
- .premium-button-style2-scshutoutver,
5276
- .premium-button-style2-dshutinhor,
5277
- .premium-button-style2-dshutinver,
5278
- .premium-button-style5-radialin,
5279
- .premium-button-style5-radialout,
5280
- .premium-button-style5-rectin,
5281
- .premium-button-style5-rectout {
5282
- display: inline-block;
5283
- vertical-align: middle;
5284
- -webkit-transform: perspective(1px) translateZ(0);
5285
- transform: perspective(1px) translateZ(0);
5286
- -webkit-box-shadow: 0 0 1px transparent;
5287
- box-shadow: 0 0 1px transparent;
5288
- position: relative;
5289
- -webkit-transition-property: color;
5290
- transition-property: color;
5291
- -webkit-transition-duration: 0.15s;
5292
- transition-duration: 0.15s;
5293
- }
5294
-
5295
- .premium-button-style1-bottom:before,
5296
- .premium-button-style1-top:before,
5297
- .premium-button-style1-right:before,
5298
- .premium-button-style1-left:before,
5299
- .premium-button-style2-shutinhor:before,
5300
- .premium-button-style2-shutinver:before,
5301
- .premium-button-style2-shutouthor:before,
5302
- .premium-button-style2-shutoutver:before,
5303
- .premium-button-style2-scshutouthor:before,
5304
- .premium-button-style2-scshutoutver:before,
5305
- .premium-button-style2-dshutinhor:before,
5306
- .premium-button-style2-dshutinver:before,
5307
- .premium-button-style5-radialin:before,
5308
- .premium-button-style5-radialout:before,
5309
- .premium-button-style5-rectin:before,
5310
- .premium-button-style5-rectout:before {
5311
- content: "";
5312
- position: absolute;
5313
- z-index: -1;
5314
- top: 0;
5315
- right: 0;
5316
- left: 0;
5317
- bottom: 0;
5318
- -webkit-transform: scaleY(0);
5319
- -ms-transform: scaleY(0);
5320
- transform: scaleY(0);
5321
- -webkit-transform-origin: 50% 0;
5322
- -ms-transform-origin: 50% 0;
5323
- transform-origin: 50% 0;
5324
- -webkit-transition-property: transform;
5325
- -webkit-transition-property: -webkit-transform;
5326
- transition-property: -webkit-transform;
5327
- transition-property: transform;
5328
- transition-property: transform, -webkit-transform;
5329
- -webkit-transition-duration: 0.15s;
5330
- transition-duration: 0.15s;
5331
- -webkit-transition-timing-function: ease-out;
5332
- transition-timing-function: ease-out;
5333
- }
5334
-
5335
- .premium-button-style5-radialin:before,
5336
- .premium-button-style5-radialout:before {
5337
- -webkit-transform-origin: 50%;
5338
- -ms-transform-origin: 50%;
5339
- transform-origin: 50%;
5340
- -webkit-border-radius: 100%;
5341
- border-radius: 100%;
5342
- -webkit-transform: scale(0);
5343
- -ms-transform: scale(0);
5344
- transform: scale(0);
5345
- }
5346
-
5347
- .premium-button-style5-radialin:before {
5348
- -webkit-transform: scale(2);
5349
- -ms-transform: scale(2);
5350
- transform: scale(2);
5351
- }
5352
-
5353
- .premium-button-style5-rectin:before,
5354
- .premium-button-style5-rectout:before {
5355
- -webkit-transform-origin: 50%;
5356
- -ms-transform-origin: 50%;
5357
- transform-origin: 50%;
5358
- -webkit-transform: scale(1);
5359
- -ms-transform: scale(1);
5360
- transform: scale(1);
5361
- }
5362
-
5363
- .premium-button-style5-rectout:before {
5364
- -webkit-transform: scale(0);
5365
- -ms-transform: scale(0);
5366
- transform: scale(0);
5367
- }
5368
-
5369
- .premium-button-style5-rectout:hover:before {
5370
- -webkit-transform: scale(1);
5371
- -ms-transform: scale(1);
5372
- transform: scale(1);
5373
- }
5374
-
5375
- .premium-button-style5-rectin:hover:before {
5376
- -webkit-transform: scale(0);
5377
- -ms-transform: scale(0);
5378
- transform: scale(0);
5379
- }
5380
-
5381
- .premium-button-style5-radialout:hover:before {
5382
- -webkit-transform: scale(2);
5383
- -ms-transform: scale(2);
5384
- transform: scale(2);
5385
- }
5386
-
5387
- .premium-button-style5-radialin:hover:before {
5388
- -webkit-transform: scale(0);
5389
- -ms-transform: scale(0);
5390
- transform: scale(0);
5391
- }
5392
-
5393
- .premium-button-style1-top:before {
5394
- -webkit-transform-origin: 50% 100%;
5395
- -ms-transform-origin: 50% 100%;
5396
- transform-origin: 50% 100%;
5397
- }
5398
-
5399
- .premium-button-style1-right:before {
5400
- -webkit-transform: scaleX(0);
5401
- -ms-transform: scaleX(0);
5402
- transform: scaleX(0);
5403
- -webkit-transform-origin: 100% 50%;
5404
- -ms-transform-origin: 100% 50%;
5405
- transform-origin: 100% 50%;
5406
- }
5407
-
5408
- .premium-button-style1-left:before {
5409
- -webkit-transform: scaleX(0);
5410
- -ms-transform: scaleX(0);
5411
- transform: scaleX(0);
5412
- -webkit-transform-origin: 0% 50%;
5413
- -ms-transform-origin: 0% 50%;
5414
- transform-origin: 0% 50%;
5415
- }
5416
-
5417
- .premium-button-style2-shutouthor:before,
5418
- .premium-button-style2-scshutoutver:before {
5419
- -webkit-transform: scaleY(0);
5420
- -ms-transform: scaleY(0);
5421
- transform: scaleY(0);
5422
- -webkit-transform-origin: 0% 50%;
5423
- -ms-transform-origin: 0% 50%;
5424
- transform-origin: 0% 50%;
5425
- }
5426
-
5427
- .premium-button-style2-shutoutver:before,
5428
- .premium-button-style2-scshutouthor:before {
5429
- -webkit-transform: scaleX(0);
5430
- -ms-transform: scaleX(0);
5431
- transform: scaleX(0);
5432
- -webkit-transform-origin: 50% 50%;
5433
- -ms-transform-origin: 50% 50%;
5434
- transform-origin: 50% 50%;
5435
- }
5436
-
5437
- .premium-button-style2-shutinhor:before {
5438
- -webkit-transform: scaleX(1);
5439
- -ms-transform: scaleX(1);
5440
- transform: scaleX(1);
5441
- -webkit-transform-origin: 50%;
5442
- -ms-transform-origin: 50%;
5443
- transform-origin: 50%;
5444
- }
5445
-
5446
- .premium-button-style2-shutinver:before {
5447
- -webkit-transform: scaleY(1);
5448
- -ms-transform: scaleY(1);
5449
- transform: scaleY(1);
5450
- -webkit-transform-origin: 50%;
5451
- -ms-transform-origin: 50%;
5452
- transform-origin: 50%;
5453
- }
5454
-
5455
- .premium-button-style1-bottom:hover:before,
5456
- .premium-button-style1-top:hover:before {
5457
- -webkit-transform: scaleY(1);
5458
- -ms-transform: scaleY(1);
5459
- transform: scaleY(1);
5460
- }
5461
-
5462
- .premium-button-style1-left:hover:before,
5463
- .premium-button-style1-right:hover:before,
5464
- .premium-button-style2-shutouthor:hover:before,
5465
- .premium-button-style2-shutoutver:hover:before {
5466
- -webkit-transform: scaleX(1);
5467
- -ms-transform: scaleX(1);
5468
- transform: scaleX(1);
5469
- }
5470
-
5471
- .premium-button-style2-shutinhor:hover:before {
5472
- -webkit-transform: scaleX(0);
5473
- -ms-transform: scaleX(0);
5474
- transform: scaleX(0);
5475
- }
5476
-
5477
- .premium-button-style2-shutinver:hover:before {
5478
- -webkit-transform: scaleY(0);
5479
- -ms-transform: scaleY(0);
5480
- transform: scaleY(0);
5481
- }
5482
-
5483
- .premium-button-style2-scshutouthor:hover:before {
5484
- -webkit-transform: scaleX(0.9);
5485
- -ms-transform: scaleX(0.9);
5486
- transform: scaleX(0.9);
5487
- }
5488
-
5489
- .premium-button-style2-scshutoutver:hover:before {
5490
- -webkit-transform: scaleY(0.8);
5491
- -ms-transform: scaleY(0.8);
5492
- transform: scaleY(0.8);
5493
- }
5494
-
5495
- /*Diagonal*/
5496
- .premium-button-style2-dshutinhor:before,
5497
- .premium-button-style2-dshutinver:before {
5498
- top: 50%;
5499
- right: 50%;
5500
- width: 120%;
5501
- height: 0%;
5502
- -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
5503
- -ms-transform: translateX(50%) translateY(-50%) rotate(45deg);
5504
- transform: translateX(50%) translateY(-50%) rotate(45deg);
5505
- -webkit-transform-origin: 50%;
5506
- -ms-transform-origin: 50%;
5507
- transform-origin: 50%;
5508
- -webkit-transition-property: all;
5509
- transition-property: all;
5510
- }
5511
-
5512
- .premium-button-style2-dshutinver:before {
5513
- -webkit-transform: translateX(50%) translateY(-50%) rotate(-45deg);
5514
- -ms-transform: translateX(50%) translateY(-50%) rotate(-45deg);
5515
- transform: translateX(50%) translateY(-50%) rotate(-45deg);
5516
- }
5517
-
5518
- .premium-button-style2-dshutinhor:hover:before,
5519
- .premium-button-style2-dshutinver:hover:before {
5520
- height: 220%;
5521
- }
5522
-
5523
- .premium-button-style3-before i,
5524
- .premium-button-style3-after i {
5525
- opacity: 0;
5526
- -webkit-transform: translateX(5px);
5527
- -ms-transform: translateX(5px);
5528
- transform: translateX(5px);
5529
- -webkit-transition: all 0.5s ease-in-out;
5530
- transition: all 0.5s ease-in-out;
5531
- }
5532
-
5533
- .premium-button-style3-after i {
5534
- -webkit-transform: translateX(-5px);
5535
- -ms-transform: translateX(-5px);
5536
- transform: translateX(-5px);
5537
- }
5538
-
5539
- .premium-button-style3-after:hover i {
5540
- opacity: 1;
5541
- }
5542
-
5543
- .premium-button-style3-before:hover i {
5544
- opacity: 1;
5545
- }
5546
-
5547
- .premium-button-text-icon-wrapper {
5548
- display: -webkit-box;
5549
- display: -webkit-flex;
5550
- display: -ms-flexbox;
5551
- -js-display: flex;
5552
- display: -moz-box;
5553
- display: flex;
5554
- -webkit-box-pack: center;
5555
- -webkit-justify-content: center;
5556
- -moz-box-pack: center;
5557
- -ms-flex-pack: center;
5558
- justify-content: center;
5559
- -webkit-box-align: center;
5560
- -webkit-align-items: center;
5561
- -moz-box-align: center;
5562
- -ms-flex-align: center;
5563
- align-items: center;
5564
- }
5565
-
5566
- .premium-button-text-icon-wrapper span,
5567
- .premium-button-text-icon-wrapper,
5568
- .premium-button-text-icon-wrapper i {
5569
- -webkit-transition: all 0.2s ease-in-out;
5570
- transition: all 0.2s ease-in-out;
5571
- }
5572
-
5573
- .premium-button-style4-icon-wrapper {
5574
- position: absolute;
5575
- z-index: 2;
5576
- width: 100%;
5577
- text-align: center;
5578
- -js-display: flex;
5579
- display: -webkit-box;
5580
- display: -webkit-flex;
5581
- display: -moz-box;
5582
- display: -ms-flexbox;
5583
- display: flex;
5584
- -webkit-box-align: center;
5585
- -webkit-align-items: center;
5586
- -moz-box-align: center;
5587
- -ms-flex-align: center;
5588
- align-items: center;
5589
- -webkit-box-pack: center;
5590
- -webkit-justify-content: center;
5591
- -moz-box-pack: center;
5592
- -ms-flex-pack: center;
5593
- justify-content: center;
5594
- height: 100%;
5595
- opacity: 0;
5596
- -webkit-transition: all 0.3s ease-in-out;
5597
- transition: all 0.3s ease-in-out;
5598
- }
5599
-
5600
- .premium-button-style4-icon-wrapper.top {
5601
- bottom: -100%;
5602
- right: 0;
5603
- }
5604
-
5605
- .premium-button-style4-icon-wrapper.bottom {
5606
- top: -100%;
5607
- right: 0;
5608
- }
5609
-
5610
- .premium-button-style4-icon-wrapper.left {
5611
- top: 0;
5612
- right: -100%;
5613
- }
5614
-
5615
- .premium-button-style4-icon-wrapper.right {
5616
- top: 0;
5617
- left: -100%;
5618
- }
5619
-
5620
- .premium-button-style4-bottom:hover .premium-button-style4-icon-wrapper {
5621
- top: 0;
5622
- opacity: 1;
5623
- }
5624
-
5625
- .premium-button-style4-top:hover .premium-button-style4-icon-wrapper {
5626
- bottom: 0;
5627
- opacity: 1;
5628
- }
5629
-
5630
- .premium-button-style4-left:hover .premium-button-style4-icon-wrapper {
5631
- right: 0;
5632
- opacity: 1;
5633
- }
5634
-
5635
- .premium-button-style4-right:hover .premium-button-style4-icon-wrapper {
5636
- left: 0;
5637
- opacity: 1;
5638
- }
5639
-
5640
- .premium-button-style4-bottom:hover .premium-button-text-icon-wrapper {
5641
- -webkit-transform: translateY(100%);
5642
- -ms-transform: translateY(100%);
5643
- transform: translateY(100%);
5644
- opacity: 0;
5645
- }
5646
-
5647
- .premium-button-style4-top:hover .premium-button-text-icon-wrapper {
5648
- -webkit-transform: translateY(-100%);
5649
- -ms-transform: translateY(-100%);
5650
- transform: translateY(-100%);
5651
- opacity: 0;
5652
- }
5653
-
5654
- .premium-button-style4-left:hover .premium-button-text-icon-wrapper {
5655
- -webkit-transform: translateX(-100%);
5656
- -ms-transform: translateX(-100%);
5657
- transform: translateX(-100%);
5658
- opacity: 0;
5659
- }
5660
-
5661
- .premium-button-style4-right:hover .premium-button-text-icon-wrapper {
5662
- -webkit-transform: translateX(100%);
5663
- -ms-transform: translateX(100%);
5664
- transform: translateX(100%);
5665
- opacity: 0;
5666
- }
5667
-
5668
- .premium-button-style6:before {
5669
- content: "";
5670
- position: absolute;
5671
- left: 50%;
5672
- top: 50%;
5673
- width: 100px;
5674
- height: 100px;
5675
- -webkit-border-radius: 100%;
5676
- border-radius: 100%;
5677
- -webkit-transform: translate(-50%, -50%) scale(0);
5678
- -ms-transform: translate(-50%, -50%) scale(0);
5679
- transform: translate(-50%, -50%) scale(0);
5680
- -webkit-transition: all 0.3s ease-in-out;
5681
- transition: all 0.3s ease-in-out;
5682
- }
5683
-
5684
- .premium-button-style6:hover:before {
5685
- -webkit-transform: translate(-50%, -50%) scale(3);
5686
- -ms-transform: translate(-50%, -50%) scale(3);
5687
- transform: translate(-50%, -50%) scale(3);
5688
- }
5689
-
5690
- .premium-button-style6 .premium-button-text-icon-wrapper {
5691
- position: relative;
5692
- z-index: 1;
5693
- }
5694
-
5695
- .premium-mouse-detect-yes .premium-button-style6 .premium-button-style6-bg {
5696
- position: absolute;
5697
- z-index: 0;
5698
- top: 0;
5699
- left: 0;
5700
- width: 0px;
5701
- height: 0px;
5702
- -webkit-border-radius: 50%;
5703
- border-radius: 50%;
5704
- display: block;
5705
- -webkit-transform: translate(-50%, -50%);
5706
- -ms-transform: translate(-50%, -50%);
5707
- transform: translate(-50%, -50%);
5708
- -webkit-transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
5709
- transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
5710
- }
5711
-
5712
- .premium-mouse-detect-yes .premium-button-style6:hover .premium-button-style6-bg {
5713
- width: 225%;
5714
- height: 560px;
5715
- }
5716
-
5717
- .premium-mouse-detect-yes .premium-button-style6:before {
5718
- width: 0;
5719
- height: 0;
5720
- }
5721
-
5722
- /**************** Premium Contact Form7 **********/
5723
- /*************************************************/
5724
- .premium-contact-form-anim-yes .wpcf7-span::after {
5725
- display: block;
5726
- height: 2px;
5727
- content: "";
5728
- top: -2px;
5729
- position: relative;
5730
- width: 0px;
5731
- -webkit-transition: all ease-in-out 0.3s;
5732
- transition: all ease-in-out 0.3s;
5733
- }
5734
-
5735
- .premium-contact-form-anim-yes .wpcf7-span.is-focused::after {
5736
- width: 100%;
5737
- }
5738
-
5739
- /**************** Premium Image Button ***********/
5740
- /*************************************************/
5741
- .premium-image-button {
5742
- display: inline-block;
5743
- position: relative;
5744
- overflow: hidden;
5745
- background: #6ec1e4;
5746
- cursor: pointer;
5747
- -webkit-transition: all 0.2s ease-in-out !important;
5748
- transition: all 0.2s ease-in-out !important;
5749
- }
5750
-
5751
- /*Default background for slide styles*/
5752
- .premium-image-button:hover,
5753
- .premium-image-button-style4-icon-wrapper,
5754
- .premium-image-button-style1-top:before,
5755
- .premium-image-button-style1-bottom:before,
5756
- .premium-image-button-style1-left:before,
5757
- .premium-image-button-style1-right:before {
5758
- background-color: #54595f;
5759
- }
5760
-
5761
- .premium-image-button.premium-image-button-sm {
5762
- padding: 12px 24px;
5763
- font-size: 14px;
5764
- line-height: 1;
5765
- }
5766
-
5767
- .premium-image-button.premium-image-button-md {
5768
- padding: 14px 26px;
5769
- font-size: 16px;
5770
- line-height: 1.2;
5771
- }
5772
-
5773
- .premium-image-button.premium-image-button-lg {
5774
- padding: 16px 28px;
5775
- font-size: 18px;
5776
- line-height: 1.3333;
5777
- }
5778
-
5779
- .premium-image-button.premium-image-button-block {
5780
- font-size: 15px;
5781
- line-height: 1;
5782
- padding: 12px 24px;
5783
- width: 100%;
5784
- text-align: center;
5785
- }
5786
-
5787
- .premium-image-button-text-icon-wrapper {
5788
- display: -webkit-box;
5789
- display: -webkit-flex;
5790
- display: -ms-flexbox;
5791
- -js-display: flex;
5792
- display: -moz-box;
5793
- display: flex;
5794
- -webkit-box-pack: center;
5795
- -webkit-justify-content: center;
5796
- -moz-box-pack: center;
5797
- -ms-flex-pack: center;
5798
- justify-content: center;
5799
- -webkit-box-align: center;
5800
- -webkit-align-items: center;
5801
- -moz-box-align: center;
5802
- -ms-flex-align: center;
5803
- align-items: center;
5804
- position: relative;
5805
- z-index: 3;
5806
- }
5807
-
5808
- .premium-image-button-text-icon-wrapper span,
5809
- .premium-image-button-text-icon-wrapper,
5810
- .premium-image-button-text-icon-wrapper i {
5811
- -webkit-transition: all 0.2s ease-in-out;
5812
- transition: all 0.2s ease-in-out;
5813
- }
5814
-
5815
- .premium-image-button-style1-bottom:before,
5816
- .premium-image-button-style1-top:before,
5817
- .premium-image-button-style1-left:before,
5818
- .premium-image-button-style1-right:before {
5819
- -webkit-transition: all 0.2s ease-in-out;
5820
- transition: all 0.2s ease-in-out;
5821
- }
5822
-
5823
- .premium-image-button-style1-bottom:before {
5824
- content: "";
5825
- position: absolute;
5826
- width: 100%;
5827
- height: 0;
5828
- top: 0;
5829
- right: 0;
5830
- }
5831
-
5832
- .premium-image-button-style1-top:before {
5833
- content: "";
5834
- position: absolute;
5835
- width: 100%;
5836
- height: 0;
5837
- bottom: 0;
5838
- right: 0;
5839
- }
5840
-
5841
- .premium-image-button-style1-right:before {
5842
- content: "";
5843
- position: absolute;
5844
- width: 0;
5845
- height: 100%;
5846
- bottom: 0;
5847
- right: 0;
5848
- }
5849
-
5850
- .premium-image-button-style1-left:before {
5851
- content: "";
5852
- position: absolute;
5853
- width: 0;
5854
- height: 100%;
5855
- top: 0;
5856
- left: 0;
5857
- }
5858
-
5859
- .premium-image-button-style1-bottom:hover:before {
5860
- height: 100%;
5861
- }
5862
-
5863
- .premium-image-button-style1-top:hover:before {
5864
- height: 100%;
5865
- }
5866
-
5867
- .premium-image-button-style1-right:hover:before {
5868
- width: 100%;
5869
- }
5870
-
5871
- .premium-image-button-style1-left:hover:before {
5872
- width: 100%;
5873
- }
5874
-
5875
- .premium-image-button-diagonal-effect-top,
5876
- .premium-image-button-diagonal-effect-bottom,
5877
- .premium-image-button-diagonal-effect-left,
5878
- .premium-image-button-diagonal-effect-right {
5879
- z-index: 10;
5880
- }
5881
-
5882
- .premium-image-button-diagonal-effect-top:before,
5883
- .premium-image-button-diagonal-effect-bottom:before,
5884
- .premium-image-button-diagonal-effect-left:before,
5885
- .premium-image-button-diagonal-effect-right:before {
5886
- position: absolute;
5887
- top: 0px;
5888
- right: 0px;
5889
- width: 100%;
5890
- height: 100%;
5891
- content: "";
5892
- z-index: 1;
5893
- background: rgba(255, 255, 255, 0.2);
5894
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
5895
- -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
5896
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
5897
- -webkit-transition: all 0.8s ease-out;
5898
- transition: all 0.8s ease-out;
5899
- }
5900
-
5901
- .premium-image-button-diagonal-effect-right:hover:before,
5902
- .premium-image-button-diagonal-effect-left:before {
5903
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
5904
- -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
5905
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
5906
- }
5907
-
5908
- .premium-image-button-diagonal-effect-left:hover:before,
5909
- .premium-image-button-diagonal-effect-right:before {
5910
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
5911
- -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
5912
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
5913
- }
5914
-
5915
- .premium-image-button-diagonal-effect-top:hover:before,
5916
- .premium-image-button-diagonal-effect-bottom:before {
5917
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
5918
- -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
5919
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
5920
- }
5921
-
5922
- .premium-image-button-diagonal-effect-bottom:hover:before,
5923
- .premium-image-button-diagonal-effect-top:before {
5924
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
5925
- -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
5926
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
5927
- }
5928
-
5929
- .premium-image-button-style4-icon-wrapper {
5930
- position: absolute;
5931
- z-index: 2;
5932
- width: 100%;
5933
- text-align: center;
5934
- display: -webkit-box;
5935
- display: -webkit-flex;
5936
- display: -ms-flexbox;
5937
- -js-display: flex;
5938
- display: -moz-box;
5939
- display: flex;
5940
- -webkit-box-align: center;
5941
- -webkit-align-items: center;
5942
- -moz-box-align: center;
5943
- -ms-flex-align: center;
5944
- align-items: center;
5945
- -webkit-box-pack: center;
5946
- -webkit-justify-content: center;
5947
- -moz-box-pack: center;
5948
- -ms-flex-pack: center;
5949
- justify-content: center;
5950
- height: 100%;
5951
- opacity: 0;
5952
- -webkit-transition: all 0.3s ease-in-out;
5953
- transition: all 0.3s ease-in-out;
5954
- }
5955
-
5956
- .premium-image-button-style4-icon-wrapper.top {
5957
- bottom: -100%;
5958
- right: 0;
5959
- }
5960
-
5961
- .premium-image-button-style4-icon-wrapper.bottom {
5962
- top: -100%;
5963
- right: 0;
5964
- }
5965
-
5966
- .premium-image-button-style4-icon-wrapper.left {
5967
- top: 0;
5968
- right: -100%;
5969
- }
5970
-
5971
- .premium-image-button-style4-icon-wrapper.right {
5972
- top: 0;
5973
- left: -100%;
5974
- }
5975
-
5976
- .premium-image-button-style4-bottom:hover .premium-image-button-style4-icon-wrapper {
5977
- top: 0;
5978
- opacity: 1;
5979
- }
5980
-
5981
- .premium-image-button-style4-top:hover .premium-image-button-style4-icon-wrapper {
5982
- bottom: 0;
5983
- opacity: 1;
5984
- }
5985
-
5986
- .premium-image-button-style4-left:hover .premium-image-button-style4-icon-wrapper {
5987
- right: 0;
5988
- opacity: 1;
5989
- }
5990
-
5991
- .premium-image-button-style4-right:hover .premium-image-button-style4-icon-wrapper {
5992
- left: 0;
5993
- opacity: 1;
5994
- }
5995
-
5996
- .premium-image-button-style4-bottom:hover .premium-image-button-text-icon-wrapper {
5997
- -webkit-transform: translateY(100%);
5998
- -ms-transform: translateY(100%);
5999
- transform: translateY(100%);
6000
- opacity: 0;
6001
- }
6002
-
6003
- .premium-image-button-style4-top:hover .premium-image-button-text-icon-wrapper {
6004
- -webkit-transform: translateY(-100%);
6005
- -ms-transform: translateY(-100%);
6006
- transform: translateY(-100%);
6007
- opacity: 0;
6008
- }
6009
-
6010
- .premium-image-button-style4-left:hover .premium-image-button-text-icon-wrapper {
6011
- -webkit-transform: translateX(-100%);
6012
- -ms-transform: translateX(-100%);
6013
- transform: translateX(-100%);
6014
- opacity: 0;
6015
- }
6016
-
6017
- .premium-image-button-style4-right:hover .premium-image-button-text-icon-wrapper {
6018
- -webkit-transform: translateX(100%);
6019
- -ms-transform: translateX(100%);
6020
- transform: translateX(100%);
6021
- opacity: 0;
6022
- }
6023
-
6024
- .premium-image-button-overlap-effect-horizontal:before,
6025
- .premium-image-button-overlap-effect-vertical:before {
6026
- position: absolute;
6027
- content: "";
6028
- top: 0;
6029
- right: 0;
6030
- width: 100%;
6031
- height: 100%;
6032
- opacity: 0;
6033
- -webkit-transition: all 1s ease-in-out;
6034
- transition: all 1s ease-in-out;
6035
- background: rgba(255, 255, 255, 0.2);
6036
- -webkit-animation-name: premium-overlap-effect-done;
6037
- animation-name: premium-overlap-effect-done;
6038
- -webkit-animation-duration: 1s;
6039
- animation-duration: 1s;
6040
- }
6041
-
6042
- .premium-image-button-overlap-effect-vertical:before {
6043
- -webkit-animation-name: premium-overlap-ver-effect-done;
6044
- animation-name: premium-overlap-ver-effect-done;
6045
- -webkit-animation-duration: 1s;
6046
- animation-duration: 1s;
6047
- }
6048
-
6049
- .premium-image-button-overlap-effect-horizontal:hover:before {
6050
- -webkit-animation-name: premium-overlap-effect;
6051
- animation-name: premium-overlap-effect;
6052
- -webkit-animation-duration: 1s;
6053
- animation-duration: 1s;
6054
- }
6055
-
6056
- .premium-image-button-overlap-effect-vertical:hover:before {
6057
- -webkit-animation-name: premium-overlap-ver-effect;
6058
- animation-name: premium-overlap-ver-effect;
6059
- -webkit-animation-duration: 1s;
6060
- animation-duration: 1s;
6061
- }
6062
-
6063
- @-webkit-keyframes premium-overlap-effect {
6064
- 0% {
6065
- opacity: 0;
6066
- -webkit-transform: rotateY(0deg);
6067
- transform: rotateY(0deg);
6068
- }
6069
-
6070
- 50% {
6071
- opacity: 1;
6072
- -webkit-transform: rotateY(180deg);
6073
- transform: rotateY(180deg);
6074
- }
6075
-
6076
- 100% {
6077
- opacity: 0;
6078
- -webkit-transform: rotateY(360deg);
6079
- transform: rotateY(360deg);
6080
- }
6081
- }
6082
-
6083
- @keyframes premium-overlap-effect {
6084
- 0% {
6085
- opacity: 0;
6086
- -webkit-transform: rotateY(0deg);
6087
- transform: rotateY(0deg);
6088
- }
6089
-
6090
- 50% {
6091
- opacity: 1;
6092
- -webkit-transform: rotateY(180deg);
6093
- transform: rotateY(180deg);
6094
- }
6095
-
6096
- 100% {
6097
- opacity: 0;
6098
- -webkit-transform: rotateY(360deg);
6099
- transform: rotateY(360deg);
6100
- }
6101
- }
6102
-
6103
- @-webkit-keyframes premium-overlap-effect-done {
6104
- 0% {
6105
- opacity: 0;
6106
- -webkit-transform: rotateY(0deg);
6107
- transform: rotateY(0deg);
6108
- }
6109
-
6110
- 50% {
6111
- opacity: 1;
6112
- -webkit-transform: rotateY(180deg);
6113
- transform: rotateY(180deg);
6114
- }
6115
-
6116
- 100% {
6117
- opacity: 0;
6118
- -webkit-transform: rotateY(360deg);
6119
- transform: rotateY(360deg);
6120
- }
6121
- }
6122
-
6123
- @keyframes premium-overlap-effect-done {
6124
- 0% {
6125
- opacity: 0;
6126
- -webkit-transform: rotateY(0deg);
6127
- transform: rotateY(0deg);
6128
- }
6129
-
6130
- 50% {
6131
- opacity: 1;
6132
- -webkit-transform: rotateY(180deg);
6133
- transform: rotateY(180deg);
6134
- }
6135
-
6136
- 100% {
6137
- opacity: 0;
6138
- -webkit-transform: rotateY(360deg);
6139
- transform: rotateY(360deg);
6140
- }
6141
- }
6142
-
6143
- @-webkit-keyframes premium-overlap-ver-effect {
6144
- 0% {
6145
- opacity: 0;
6146
- -webkit-transform: rotateX(0deg);
6147
- transform: rotateX(0deg);
6148
- }
6149
-
6150
- 50% {
6151
- opacity: 1;
6152
- -webkit-transform: rotateX(180deg);
6153
- transform: rotateX(180deg);
6154
- }
6155
-
6156
- 100% {
6157
- opacity: 0;
6158
- -webkit-transform: rotateX(360deg);
6159
- transform: rotateX(360deg);
6160
- }
6161
- }
6162
-
6163
- @keyframes premium-overlap-ver-effect {
6164
- 0% {
6165
- opacity: 0;
6166
- -webkit-transform: rotateX(0deg);
6167
- transform: rotateX(0deg);
6168
- }
6169
-
6170
- 50% {
6171
- opacity: 1;
6172
- -webkit-transform: rotateX(180deg);
6173
- transform: rotateX(180deg);
6174
- }
6175
-
6176
- 100% {
6177
- opacity: 0;
6178
- -webkit-transform: rotateX(360deg);
6179
- transform: rotateX(360deg);
6180
- }
6181
- }
6182
-
6183
- @-webkit-keyframes premium-overlap-ver-effect-done {
6184
- 0% {
6185
- opacity: 0;
6186
- -webkit-transform: rotateX(0deg);
6187
- transform: rotateX(0deg);
6188
- }
6189
-
6190
- 50% {
6191
- opacity: 1;
6192
- -webkit-transform: rotateX(180deg);
6193
- transform: rotateX(180deg);
6194
- }
6195
-
6196
- 100% {
6197
- opacity: 0;
6198
- -webkit-transform: rotateX(360deg);
6199
- transform: rotateX(360deg);
6200
- }
6201
- }
6202
-
6203
- @keyframes premium-overlap-ver-effect-done {
6204
- 0% {
6205
- opacity: 0;
6206
- -webkit-transform: rotateX(0deg);
6207
- transform: rotateX(0deg);
6208
- }
6209
-
6210
- 50% {
6211
- opacity: 1;
6212
- -webkit-transform: rotateX(180deg);
6213
- transform: rotateX(180deg);
6214
- }
6215
-
6216
- 100% {
6217
- opacity: 0;
6218
- -webkit-transform: rotateX(360deg);
6219
- transform: rotateX(360deg);
6220
- }
6221
- }
6222
-
6223
- /**************** Premium Grid *******************/
6224
- /*************************************************/
6225
- .premium-img-gallery-filter,
6226
- .premium-blog-filter {
6227
- display: -webkit-box;
6228
- display: -webkit-flex;
6229
- display: -ms-flexbox;
6230
- -js-display: flex;
6231
- display: -moz-box;
6232
- display: flex;
6233
- -webkit-box-align: center;
6234
- -webkit-align-items: center;
6235
- -moz-box-align: center;
6236
- -ms-flex-align: center;
6237
- align-items: center;
6238
- -webkit-box-pack: center;
6239
- -webkit-justify-content: center;
6240
- -moz-box-pack: center;
6241
- -ms-flex-pack: center;
6242
- justify-content: center;
6243
- }
6244
-
6245
- .premium-img-gallery {
6246
- clear: both;
6247
- overflow: hidden;
6248
- }
6249
-
6250
- .premium-gallery-container .premium-gallery-item {
6251
- padding: 10px;
6252
- float: right;
6253
- /* Google Chrome isotope issue */
6254
- }
6255
-
6256
- .premium-gallery-container .grid-sizer {
6257
- width: 33.33%;
6258
- }
6259
-
6260
- .premium-img-gallery-filter .premium-gallery-cats-container li a.category,
6261
- .premium-blog-filter .premium-blog-filters-container li a.category {
6262
- outline: none;
6263
- text-decoration: none;
6264
- -webkit-border-radius: 75px;
6265
- border-radius: 75px;
6266
- margin: 15px 5px 20px;
6267
- padding: 7px 20px;
6268
- -webkit-transition: all 0.3s ease-in-out;
6269
- transition: all 0.3s ease-in-out;
6270
- }
6271
-
6272
- .premium-img-gallery-filter .premium-gallery-cats-container li a.category span {
6273
- -webkit-transition: all 0.3s ease-in-out;
6274
- transition: all 0.3s ease-in-out;
6275
- }
6276
-
6277
- .pa-gallery-img {
6278
- position: relative;
6279
- }
6280
-
6281
- .pa-gallery-img .pa-gallery-whole-link {
6282
- position: absolute;
6283
- top: 0;
6284
- right: 0;
6285
- width: 100%;
6286
- height: 100%;
6287
- }
6288
-
6289
- .pa-gallery-img.style2 .pa-gallery-whole-link {
6290
- z-index: 99;
6291
- }
6292
-
6293
- .pa-gallery-img-container {
6294
- overflow: hidden;
6295
- -webkit-backface-visibility: hidden;
6296
- -moz-backface-visibility: hidden;
6297
- -webkit-transform: translate3d(0, 0, 0);
6298
- transform: translate3d(0, 0, 0);
6299
- }
6300
-
6301
- .pa-gallery-img-container img {
6302
- display: block;
6303
- width: 100%;
6304
- -webkit-transition: all 0.3s ease-in-out;
6305
- transition: all 0.3s ease-in-out;
6306
- }
6307
-
6308
- .premium-img-gallery.gray img {
6309
- -webkit-filter: grayscale(100%);
6310
- filter: grayscale(100%);
6311
- }
6312
-
6313
- .premium-img-gallery.zoomout img,
6314
- .premium-img-gallery.scale img {
6315
- -webkit-transform: scale(1.2);
6316
- -ms-transform: scale(1.2);
6317
- transform: scale(1.2);
6318
- }
6319
-
6320
- .premium-img-gallery.sepia img {
6321
- -webkit-filter: sepia(30%);
6322
- filter: sepia(30%);
6323
- }
6324
-
6325
- .premium-img-gallery.bright img {
6326
- -webkit-filter: brightness(1);
6327
- filter: brightness(1);
6328
- }
6329
-
6330
- .premium-img-gallery.trans img {
6331
- -webkit-transform: translateX(15px) scale(1.1);
6332
- -ms-transform: translateX(15px) scale(1.1);
6333
- transform: translateX(15px) scale(1.1);
6334
- }
6335
-
6336
- .pa-gallery-img .pa-gallery-magnific-image,
6337
- .pa-gallery-img .pa-gallery-img-link {
6338
- outline: none;
6339
- }
6340
-
6341
- .pa-gallery-img .pa-gallery-magnific-image span,
6342
- .pa-gallery-img .pa-gallery-img-link span {
6343
- line-height: 1;
6344
- display: inline-block;
6345
- opacity: 0;
6346
- margin: 0 5px;
6347
- padding: 15px;
6348
- -webkit-border-radius: 50%;
6349
- border-radius: 50%;
6350
- }
6351
-
6352
- .pa-gallery-img.style2 .pa-gallery-magnific-image span,
6353
- .pa-gallery-img.style2 .pa-gallery-img-link span {
6354
- margin: 0 5px 20px;
6355
- }
6356
-
6357
- .pa-gallery-img:hover .pa-gallery-magnific-image span {
6358
- -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
6359
- transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
6360
- }
6361
-
6362
- .pa-gallery-img:hover .pa-gallery-img-link span {
6363
- -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
6364
- transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
6365
- }
6366
-
6367
- .pa-gallery-img:hover .pa-gallery-magnific-image span,
6368
- .pa-gallery-img:hover .pa-gallery-img-link span,
6369
- .premium-gallery-icon-show a.pa-gallery-video-icon span {
6370
- opacity: 1;
6371
- }
6372
-
6373
- .premium-img-gallery-filter ul.premium-gallery-cats-container,
6374
- .premium-blog-filter ul.premium-blog-filters-container {
6375
- text-align: center;
6376
- margin: 0;
6377
- padding: 0;
6378
- }
6379
-
6380
- .premium-img-gallery-filter .premium-gallery-cats-container li,
6381
- .premium-blog-filter .premium-blog-filters-container li {
6382
- list-style: none;
6383
- display: -webkit-inline-box;
6384
- display: -webkit-inline-flex;
6385
- display: -ms-inline-flexbox;
6386
- -js-display: inline-flex;
6387
- display: -moz-inline-box;
6388
- display: inline-flex;
6389
- }
6390
-
6391
- .premium-img-gallery.zoomin .pa-gallery-img:hover img {
6392
- -webkit-transform: scale(1.1);
6393
- -ms-transform: scale(1.1);
6394
- transform: scale(1.1);
6395
- }
6396
-
6397
- .premium-img-gallery.zoomout .pa-gallery-img:hover img {
6398
- -webkit-transform: scale(1);
6399
- -ms-transform: scale(1);
6400
- transform: scale(1);
6401
- }
6402
-
6403
- .premium-img-gallery.scale .pa-gallery-img:hover img {
6404
- -webkit-transform: scale(1.3) rotate(-5deg);
6405
- -ms-transform: scale(1.3) rotate(-5deg);
6406
- transform: scale(1.3) rotate(-5deg);
6407
- }
6408
-
6409
- .premium-img-gallery.gray .pa-gallery-img:hover img {
6410
- -webkit-filter: grayscale(0%);
6411
- filter: grayscale(0%);
6412
- }
6413
-
6414
- .premium-img-gallery.blur .pa-gallery-img:hover img {
6415
- -webkit-filter: blur(3px);
6416
- filter: blur(3px);
6417
- }
6418
-
6419
- .premium-img-gallery.sepia .pa-gallery-img:hover img {
6420
- -webkit-filter: sepia(0%);
6421
- filter: sepia(0%);
6422
- }
6423
-
6424
- .premium-img-gallery.trans .pa-gallery-img:hover img {
6425
- -webkit-transform: translateX(0px) scale(1.1);
6426
- -ms-transform: translateX(0px) scale(1.1);
6427
- transform: translateX(0px) scale(1.1);
6428
- }
6429
-
6430
- .premium-img-gallery.bright .pa-gallery-img:hover img {
6431
- -webkit-filter: brightness(1.2);
6432
- filter: brightness(1.2);
6433
- }
6434
-
6435
- .pa-gallery-img .premium-gallery-caption {
6436
- padding: 10px;
6437
- }
6438
-
6439
- .pa-gallery-img .premium-gallery-caption .premium-gallery-img-name {
6440
- margin-bottom: 0;
6441
- }
6442
-
6443
- .pa-gallery-img.style1 {
6444
- overflow: hidden;
6445
- }
6446
-
6447
- .pa-gallery-img:not(.style2) .pa-gallery-icons-wrapper {
6448
- position: absolute;
6449
- top: 0;
6450
- right: 0;
6451
- width: 100%;
6452
- height: 100%;
6453
- -webkit-transition: all 0.3s ease-in-out;
6454
- transition: all 0.3s ease-in-out;
6455
- }
6456
-
6457
- .pa-gallery-img:not(.style2) .pa-gallery-icons-inner-container {
6458
- position: absolute;
6459
- top: 33.33%;
6460
- width: 100%;
6461
- text-align: center;
6462
- -webkit-transform: translateY(-50%);
6463
- -ms-transform: translateY(-50%);
6464
- transform: translateY(-50%);
6465
- z-index: 999;
6466
- }
6467
-
6468
- .pa-gallery-img.style1 .premium-gallery-caption {
6469
- position: absolute;
6470
- top: auto;
6471
- left: 0;
6472
- right: 0;
6473
- width: 100%;
6474
- -webkit-transition: all 500ms ease 0s;
6475
- transition: all 500ms ease 0s;
6476
- -webkit-transform: translate3d(0, 100%, 0);
6477
- -ms-transform: translate3d(0, 100%, 0);
6478
- transform: translate3d(0, 100%, 0);
6479
- }
6480
-
6481
- .pa-gallery-img.default .premium-gallery-caption {
6482
- position: absolute;
6483
- top: auto;
6484
- left: 0;
6485
- right: 0;
6486
- width: 100%;
6487
- bottom: 0;
6488
- }
6489
-
6490
- .pa-gallery-img.style1:hover .premium-gallery-caption {
6491
- -webkit-transform: translate3d(0, 0, 0);
6492
- -ms-transform: translate3d(0, 0, 0);
6493
- transform: translate3d(0, 0, 0);
6494
- bottom: -1px !important;
6495
- }
6496
-
6497
- .pa-gallery-img.style2 .pa-gallery-icons-caption-container {
6498
- position: absolute;
6499
- top: 0;
6500
- right: 0;
6501
- width: 100%;
6502
- height: 100%;
6503
- opacity: 0;
6504
- -webkit-backface-visibility: hidden;
6505
- backface-visibility: hidden;
6506
- -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
6507
- -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
6508
- transition: opacity 0.3s, -webkit-transform 0.3s;
6509
- transition: transform 0.3s, opacity 0.3s;
6510
- transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
6511
- z-index: 1;
6512
- background-color: rgba(108, 191, 226, 0.68);
6513
- display: -webkit-box;
6514
- display: -webkit-flex;
6515
- display: -ms-flexbox;
6516
- -js-display: flex;
6517
- display: -moz-box;
6518
- display: flex;
6519
- text-align: center;
6520
- -webkit-box-align: center;
6521
- -webkit-align-items: center;
6522
- -moz-box-align: center;
6523
- -ms-flex-align: center;
6524
- align-items: center;
6525
- }
6526
-
6527
- .pa-gallery-img.style2 .pa-gallery-icons-caption-cell {
6528
- width: 100%;
6529
- }
6530
-
6531
- .pa-gallery-img.style2:hover .pa-gallery-icons-caption-container {
6532
- opacity: 1;
6533
- -webkit-transform: translate(-15px, 15px);
6534
- -ms-transform: translate(-15px, 15px);
6535
- transform: translate(-15px, 15px);
6536
- }
6537
-
6538
- .premium-clearfix {
6539
- clear: both;
6540
- }
6541
-
6542
- .premium-gallery-container .pa-gallery-item {
6543
- padding: 10px;
6544
- }
6545
-
6546
- /** * Metro Style */
6547
- .premium-img-gallery-metro .premium-gallery-item {
6548
- overflow: hidden;
6549
- }
6550
-
6551
- .premium-img-gallery-metro .pa-gallery-img,
6552
- .premium-img-gallery-metro .pa-gallery-img-container {
6553
- height: 100%;
6554
- }
6555
-
6556
- .premium-img-gallery-metro .pa-gallery-image {
6557
- min-height: 100%;
6558
- width: 100%;
6559
- -o-object-fit: fill;
6560
- object-fit: fill;
6561
- }
6562
-
6563
- .premium-img-gallery .premium-gallery-item-hidden {
6564
- visibility: hidden;
6565
- width: 0 !important;
6566
- height: 0 !important;
6567
- margin: 0 !important;
6568
- padding: 0 !important;
6569
- }
6570
-
6571
- .premium-gallery-load-more .premium-gallery-load-more-btn {
6572
- -webkit-box-shadow: none;
6573
- box-shadow: none;
6574
- text-shadow: none;
6575
- border: none;
6576
- outline: none;
6577
- -webkit-box-align: center;
6578
- -ms-flex-align: center;
6579
- -webkit-align-items: center;
6580
- -moz-box-align: center;
6581
- align-items: center;
6582
- vertical-align: bottom;
6583
- cursor: pointer;
6584
- line-height: 1;
6585
- font-style: normal;
6586
- font-weight: normal;
6587
- background-image: none;
6588
- color: #fff;
6589
- -webkit-transition: all 0.3s ease-in-out;
6590
- transition: all 0.3s ease-in-out;
6591
- }
6592
-
6593
- .premium-gallery-load-more-btn {
6594
- display: -webkit-inline-box;
6595
- display: -webkit-inline-flex;
6596
- display: -ms-inline-flexbox;
6597
- -js-display: inline-flex;
6598
- display: -moz-inline-box;
6599
- display: inline-flex;
6600
- -webkit-box-align: center;
6601
- -webkit-align-items: center;
6602
- -moz-box-align: center;
6603
- -ms-flex-align: center;
6604
- align-items: center;
6605
- }
6606
-
6607
- .premium-loader {
6608
- border: 3px solid #f3f3f3;
6609
- border-top-width: 3px;
6610
- border-top-style: solid;
6611
- border-top-color: rgb(243, 243, 243);
6612
- -webkit-border-radius: 50%;
6613
- border-radius: 50%;
6614
- border-top: 3px solid;
6615
- border-top-color: #bbb;
6616
- width: 30px;
6617
- height: 30px;
6618
- -webkit-animation: spin 2s linear infinite;
6619
- animation: spin 2s linear infinite;
6620
- margin: 0 auto;
6621
- }
6622
-
6623
- .premium-gallery-load-more-btn div {
6624
- margin-right: 3px;
6625
- }
6626
-
6627
- .premium-gallery-load-more-btn .premium-loader {
6628
- display: inline-block;
6629
- width: 20px;
6630
- height: 20px;
6631
- }
6632
-
6633
- /** * Video */
6634
- .pa-gallery-img .pa-gallery-lightbox-wrap {
6635
- display: inline-block;
6636
- }
6637
-
6638
- .premium-img-gallery-no-lightbox .premium-gallery-video-item .pa-gallery-img,
6639
- .pa-gallery-img .pa-gallery-video-icon {
6640
- cursor: pointer;
6641
- }
6642
-
6643
- .pa-gallery-img-container iframe,
6644
- .pa-gallery-img-container video {
6645
- position: absolute;
6646
- visibility: hidden;
6647
- top: 0;
6648
- right: 0;
6649
- max-width: 100%;
6650
- width: 100%;
6651
- height: 100%;
6652
- margin: 0;
6653
- line-height: 1;
6654
- border: none;
6655
- }
6656
-
6657
- .pa-gallery-img-container video {
6658
- -o-object-fit: contain;
6659
- object-fit: contain;
6660
- }
6661
-
6662
- .pa-gallery-icons-inner-container svg,
6663
- .pa-gallery-icons-caption-cell svg {
6664
- width: 14px;
6665
- height: 14px;
6666
- }
6667
-
6668
- @-webkit-keyframes spin {
6669
- 0% {
6670
- -webkit-transform: rotate(0deg);
6671
- }
6672
-
6673
- 100% {
6674
- -webkit-transform: rotate(-360deg);
6675
- }
6676
- }
6677
-
6678
- @keyframes spin {
6679
- 0% {
6680
- -webkit-transform: rotate(0deg);
6681
- transform: rotate(0deg);
6682
- }
6683
-
6684
- 100% {
6685
- -webkit-transform: rotate(-360deg);
6686
- transform: rotate(-360deg);
6687
- }
6688
- }
6689
-
6690
- /************ Premium Vertical Scroll ************/
6691
- /*************************************************/
6692
- .premium-vscroll-inner {
6693
- position: relative;
6694
- /* overflow: hidden;
6695
- */
6696
- min-height: 100%;
6697
- }
6698
-
6699
- .premium-vscroll-inner .premium-vscroll-dots {
6700
- position: fixed;
6701
- z-index: 100;
6702
- opacity: 1;
6703
- margin-top: -32px;
6704
- -webkit-transition: all 0.3s ease-in-out;
6705
- transition: all 0.3s ease-in-out;
6706
- }
6707
-
6708
- .premium-vscroll-wrap .premium-vscroll-nav-menu {
6709
- opacity: 1;
6710
- -webkit-transition: all 0.3s ease-in-out;
6711
- transition: all 0.3s ease-in-out;
6712
- }
6713
-
6714
- .premium-vscroll-inner .premium-vscroll-dots,
6715
- .premium-vscroll-wrap .premium-vscroll-dots-hide {
6716
- opacity: 0;
6717
- visibility: hidden;
6718
- }
6719
-
6720
- .premium-vscroll-nav-dots-yes .premium-vscroll-inner .premium-vscroll-dots {
6721
- opacity: 1;
6722
- visibility: visible;
6723
- }
6724
-
6725
- .premium-vscroll-dots.middle {
6726
- top: 50%;
6727
- }
6728
-
6729
- .premium-vscroll-dots.top {
6730
- top: 40px;
6731
- }
6732
-
6733
- .premium-vscroll-dots.bottom {
6734
- bottom: 30px;
6735
- }
6736
-
6737
- .premium-vscroll-dots.right {
6738
- left: 17px;
6739
- }
6740
-
6741
- .premium-vscroll-dots.left {
6742
- right: 17px;
6743
- }
6744
-
6745
- .premium-vscroll-inner ul.premium-vscroll-dots-list,
6746
- .premium-vscroll-wrap .premium-vscroll-nav-menu {
6747
- margin: 0 !important;
6748
- padding: 0;
6749
- }
6750
-
6751
- .premium-vscroll-inner ul.premium-vscroll-dots-list li {
6752
- width: 14px;
6753
- height: 13px;
6754
- margin: 7px;
6755
- position: relative;
6756
- display: -webkit-box;
6757
- display: -webkit-flex;
6758
- display: -ms-flexbox;
6759
- -js-display: flex;
6760
- display: -moz-box;
6761
- display: flex;
6762
- -webkit-box-pack: center;
6763
- -ms-flex-pack: center;
6764
- -webkit-justify-content: center;
6765
- -moz-box-pack: center;
6766
- justify-content: center;
6767
- -webkit-box-align: center;
6768
- -ms-flex-align: center;
6769
- -webkit-align-items: center;
6770
- -moz-box-align: center;
6771
- align-items: center;
6772
- overflow: visible;
6773
- }
6774
-
6775
- .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link {
6776
- display: block;
6777
- position: relative;
6778
- z-index: 1;
6779
- width: 100%;
6780
- height: 100%;
6781
- cursor: pointer;
6782
- text-decoration: none;
6783
- }
6784
-
6785
- .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link span {
6786
- top: 2px;
6787
- right: 2.5px;
6788
- width: 8px;
6789
- height: 8px;
6790
- border: 1px solid #000;
6791
- -webkit-border-radius: 50%;
6792
- border-radius: 50%;
6793
- position: absolute;
6794
- z-index: 1;
6795
- -webkit-transition: all 0.3s ease-in-out;
6796
- transition: all 0.3s ease-in-out;
6797
- }
6798
-
6799
- .premium-vscroll-inner .premium-vscroll-dot-item.active .premium-vscroll-nav-link span {
6800
- -webkit-transform: scale(1.6);
6801
- -ms-transform: scale(1.6);
6802
- transform: scale(1.6);
6803
- }
6804
-
6805
- .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-tooltip {
6806
- position: absolute;
6807
- color: #fff;
6808
- font-size: 14px;
6809
- font-family: arial, helvetica, sans-serif;
6810
- white-space: nowrap;
6811
- max-width: 220px;
6812
- padding-right: 0.4em;
6813
- padding-left: 0.4em;
6814
- }
6815
-
6816
- .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip {
6817
- left: 27px;
6818
- }
6819
-
6820
- /* * Lines */
6821
- .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item {
6822
- width: 4px;
6823
- height: 30px;
6824
- }
6825
-
6826
- .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item span {
6827
- width: 100%;
6828
- height: 100%;
6829
- -webkit-border-radius: 0;
6830
- border-radius: 0;
6831
- }
6832
-
6833
- .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item.active span {
6834
- -webkit-transform: scale(1);
6835
- -ms-transform: scale(1);
6836
- transform: scale(1);
6837
- }
6838
-
6839
- @media (max-width: 768px) {
6840
- .premium-vscroll-dots.right {
6841
- left: 7px;
6842
- }
6843
-
6844
- .premium-vscroll-dots.left {
6845
- right: 7px;
6846
- }
6847
- }
6848
-
6849
- .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip::after {
6850
- position: absolute;
6851
- top: 50%;
6852
- content: "";
6853
- right: -webkit-calc(100% - 1px);
6854
- right: calc(100% - 1px);
6855
- width: 10px;
6856
- height: 0;
6857
- border-top: 6px solid transparent;
6858
- border-bottom: 6px solid transparent;
6859
- border-right: 6px solid;
6860
- -webkit-transform: translateY(-50%);
6861
- -ms-transform: translateY(-50%);
6862
- transform: translateY(-50%);
6863
- }
6864
-
6865
- .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip::after {
6866
- position: absolute;
6867
- top: 50%;
6868
- content: "";
6869
- left: -webkit-calc(100% - 1px);
6870
- left: calc(100% - 1px);
6871
- width: 10px;
6872
- height: 0;
6873
- border-top: 6px solid transparent;
6874
- border-bottom: 6px solid transparent;
6875
- border-left: 6px solid;
6876
- -webkit-transform: translateY(-50%);
6877
- -ms-transform: translateY(-50%);
6878
- transform: translateY(-50%);
6879
- }
6880
-
6881
- .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip {
6882
- right: 27px;
6883
- }
6884
-
6885
- .premium-vscroll-nav-menu {
6886
- position: fixed;
6887
- top: 20px;
6888
- height: 40px;
6889
- z-index: 100;
6890
- padding: 0;
6891
- margin: 0;
6892
- }
6893
-
6894
- .premium-vscroll-nav-menu.left {
6895
- right: 0;
6896
- }
6897
-
6898
- .premium-vscroll-nav-menu.right {
6899
- left: 0;
6900
- }
6901
-
6902
- .premium-vscroll-nav-menu .premium-vscroll-nav-item {
6903
- display: inline-block;
6904
- margin: 10px;
6905
- color: #000;
6906
- background: #fff;
6907
- background: rgba(255, 255, 255, 0.3);
6908
- }
6909
-
6910
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link {
6911
- padding: 9px 18px;
6912
- display: block;
6913
- cursor: pointer;
6914
- }
6915
-
6916
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link,
6917
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:hover {
6918
- color: #000;
6919
- }
6920
-
6921
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:focus,
6922
- .multiscroll-nav li a:focus {
6923
- outline: none;
6924
- }
6925
-
6926
- .premium-vscroll-temp .slimScrollBar {
6927
- visibility: hidden;
6928
- }
6929
-
6930
- /************ Premium Image Scroll ***************/
6931
- /*************************************************/
6932
- .premium-image-scroll-section,
6933
- .premium-image-scroll-container {
6934
- -webkit-transition: all 0.3s ease-in-out;
6935
- transition: all 0.3s ease-in-out;
6936
- }
6937
-
6938
- .premium-image-scroll-section {
6939
- overflow: hidden;
6940
- width: 100%;
6941
- position: relative;
6942
- }
6943
-
6944
- .premium-image-scroll-container {
6945
- width: 100%;
6946
- }
6947
-
6948
- .premium-image-scroll-container .premium-image-scroll-mask-media {
6949
- -webkit-mask-repeat: no-repeat;
6950
- mask-repeat: no-repeat;
6951
- -webkit-mask-position: center;
6952
- mask-position: center;
6953
- }
6954
-
6955
- .premium-container-scroll {
6956
- overflow: auto;
6957
- }
6958
-
6959
- .premium-image-scroll-container .premium-image-scroll-horizontal {
6960
- position: relative;
6961
- width: 100%;
6962
- height: 100%;
6963
- }
6964
-
6965
- .premium-image-scroll-container .premium-image-scroll-horizontal img {
6966
- max-width: none;
6967
- height: 100%;
6968
- }
6969
-
6970
- .premium-image-scroll-container .premium-image-scroll-vertical img {
6971
- width: 100%;
6972
- max-width: 100%;
6973
- height: auto;
6974
- }
6975
-
6976
- .premium-image-scroll-ver {
6977
- position: relative;
6978
- }
6979
-
6980
- .premium-image-scroll-container .premium-image-scroll-overlay {
6981
- background: rgba(2, 2, 2, 0.3);
6982
- }
6983
-
6984
- .premium-image-scroll-container .premium-image-scroll-link,
6985
- .premium-image-scroll-container .premium-image-scroll-overlay {
6986
- position: absolute;
6987
- top: 0;
6988
- bottom: 0;
6989
- right: 0;
6990
- left: 0;
6991
- z-index: 4;
6992
- }
6993
-
6994
- .premium-image-scroll-content {
6995
- display: inline-block;
6996
- position: absolute;
6997
- height: auto;
6998
- top: 50%;
6999
- right: 50%;
7000
- text-align: center;
7001
- z-index: 5;
7002
- -webkit-transform: translate(50%, -50%);
7003
- -ms-transform: translate(50%, -50%);
7004
- transform: translate(50%, -50%);
7005
- }
7006
-
7007
- .premium-container-scroll-instant .premium-image-scroll-image {
7008
- -webkit-transition: all 0s ease-in-out !important;
7009
- transition: all 0s ease-in-out !important;
7010
- }
7011
-
7012
- .premium-image-scroll-container img {
7013
- -webkit-transition: -webkit-transform 3s ease-in-out;
7014
- transition: -webkit-transform 3s ease-in-out;
7015
- transition: transform 3s ease-in-out;
7016
- transition: transform 3s ease-in-out, -webkit-transform 3s ease-in-out;
7017
- }
7018
-
7019
- .premium-image-scroll-container .premium-image-scroll-overlay,
7020
- .premium-image-scroll-container .premium-image-scroll-content {
7021
- -webkit-transition: all 0.3s ease-in-out;
7022
- transition: all 0.3s ease-in-out;
7023
- opacity: 1;
7024
- }
7025
-
7026
- .premium-image-scroll-container:hover .premium-image-scroll-overlay {
7027
- opacity: 0;
7028
- }
7029
-
7030
- .premium-image-scroll-container:hover .premium-image-scroll-content {
7031
- opacity: 0;
7032
- visibility: hidden;
7033
- }
7034
-
7035
- .premium-image-scroll-content .premium-image-scroll-icon {
7036
- display: inline-block;
7037
- font-family: "pa-elements" !important;
7038
- speak: none;
7039
- font-style: normal;
7040
- font-weight: normal;
7041
- font-variant: normal;
7042
- text-transform: none;
7043
- line-height: 1;
7044
- -webkit-font-smoothing: antialiased;
7045
- -moz-osx-font-smoothing: grayscale;
7046
- -webkit-animation-duration: 0.5s;
7047
- animation-duration: 0.5s;
7048
- -webkit-animation-iteration-count: infinite;
7049
- animation-iteration-count: infinite;
7050
- -webkit-animation-direction: alternate;
7051
- animation-direction: alternate;
7052
- -webkit-animation-timing-function: ease-in-out;
7053
- animation-timing-function: ease-in-out;
7054
- }
7055
-
7056
- .pa-horizontal-mouse-scroll:before {
7057
- content: "\e917";
7058
- }
7059
-
7060
- .pa-vertical-mouse-scroll:before {
7061
- content: "\e918";
7062
- }
7063
-
7064
- .pa-horizontal-mouse-scroll {
7065
- -webkit-animation-name: pa-scroll-horizontal;
7066
- animation-name: pa-scroll-horizontal;
7067
- }
7068
-
7069
- .pa-vertical-mouse-scroll {
7070
- -webkit-animation-name: pa-scroll-vertical;
7071
- animation-name: pa-scroll-vertical;
7072
- }
7073
-
7074
- @-webkit-keyframes pa-scroll-vertical {
7075
- 0% {
7076
- -webkit-transform: translateY(0px);
7077
- transform: translateY(0px);
7078
- }
7079
-
7080
- 100% {
7081
- -webkit-transform: translateY(5px);
7082
- transform: translateY(5px);
7083
- }
7084
- }
7085
-
7086
- @keyframes pa-scroll-vertical {
7087
- 0% {
7088
- -webkit-transform: translateY(0px);
7089
- transform: translateY(0px);
7090
- }
7091
-
7092
- 100% {
7093
- -webkit-transform: translateY(5px);
7094
- transform: translateY(5px);
7095
- }
7096
- }
7097
-
7098
- @-webkit-keyframes pa-scroll-horizontal {
7099
- 0% {
7100
- -webkit-transform: translateX(0px);
7101
- transform: translateX(0px);
7102
- }
7103
-
7104
- 100% {
7105
- -webkit-transform: translateX(-5px);
7106
- transform: translateX(-5px);
7107
- }
7108
- }
7109
-
7110
- @keyframes pa-scroll-horizontal {
7111
- 0% {
7112
- -webkit-transform: translateX(0px);
7113
- transform: translateX(0px);
7114
- }
7115
-
7116
- 100% {
7117
- -webkit-transform: translateX(-5px);
7118
- transform: translateX(-5px);
7119
- }
7120
- }
7121
-
7122
- /********* Premium Lottie Animations **********/
7123
- /**********************************************/
7124
- .premium-lottie-wrap .premium-lottie-animation {
7125
- position: relative;
7126
- -js-display: inline-flex;
7127
- display: -webkit-inline-box;
7128
- display: -webkit-inline-flex;
7129
- display: -moz-inline-box;
7130
- display: -ms-inline-flexbox;
7131
- display: inline-flex;
7132
- -webkit-transition: all 0.3s ease-in-out;
7133
- transition: all 0.3s ease-in-out;
7134
- }
7135
-
7136
- .premium-lottie-wrap .premium-lottie-animation a {
7137
- position: absolute;
7138
- left: 0;
7139
- top: 0;
7140
- width: 100%;
7141
- height: 100%;
7142
- }
7143
-
7144
- /**************** Premium Bullet List *****************/
7145
- /******************************************************/
7146
- .premium-icon-list-box {
7147
- -js-display: flex;
7148
- display: -webkit-box;
7149
- display: -webkit-flex;
7150
- display: -moz-box;
7151
- display: -ms-flexbox;
7152
- display: flex;
7153
- -webkit-flex-wrap: wrap;
7154
- -ms-flex-wrap: wrap;
7155
- flex-wrap: wrap;
7156
- -webkit-box-orient: vertical;
7157
- -webkit-box-direction: normal;
7158
- -webkit-flex-direction: column;
7159
- -moz-box-orient: vertical;
7160
- -moz-box-direction: normal;
7161
- -ms-flex-direction: column;
7162
- flex-direction: column;
7163
- }
7164
-
7165
- .premium-icon-list-box .premium-icon-list-content-grow-lc {
7166
- -webkit-transform-origin: right center;
7167
- -ms-transform-origin: right center;
7168
- transform-origin: right center;
7169
- }
7170
-
7171
- .premium-icon-list-box .premium-icon-list-content-grow-rc {
7172
- -webkit-transform-origin: left center;
7173
- -ms-transform-origin: left center;
7174
- transform-origin: left center;
7175
- }
7176
-
7177
- .premium-icon-list-box .premium-icon-list-content-grow-cc {
7178
- -webkit-transform-origin: center center;
7179
- -ms-transform-origin: center center;
7180
- transform-origin: center center;
7181
- }
7182
-
7183
- .premium-icon-list-content {
7184
- -js-display: flex;
7185
- display: -webkit-box;
7186
- display: -webkit-flex;
7187
- display: -moz-box;
7188
- display: -ms-flexbox;
7189
- display: flex;
7190
- -webkit-transition: all 0.3s ease-in-out;
7191
- transition: all 0.3s ease-in-out;
7192
- width: auto;
7193
- position: relative;
7194
- }
7195
-
7196
- .premium-icon-list-content .premium-icon-list-text span,
7197
- .premium-icon-list-content .premium-icon-list-wrapper {
7198
- display: inline-block;
7199
- -webkit-align-self: center;
7200
- -ms-flex-item-align: center;
7201
- align-self: center;
7202
- -webkit-transition: all 0.3s ease-in-out;
7203
- transition: all 0.3s ease-in-out;
7204
- }
7205
-
7206
- .premium-icon-list-content .premium-icon-list-text span {
7207
- margin: 0 5px;
7208
- }
7209
-
7210
- .premium-icon-list-content .premium-icon-list-icon-text p {
7211
- font-size: 18px;
7212
- background-color: #eee;
7213
- padding: 1px 5px;
7214
- -webkit-border-radius: 2px;
7215
- border-radius: 2px;
7216
- }
7217
-
7218
- .premium-icon-list-content .premium-icon-list-text span,
7219
- .premium-icon-list-content .premium-icon-list-icon-text p,
7220
- .premium-icon-list-content .premium-icon-list-wrapper img,
7221
- .premium-icon-list-content .premium-icon-list-wrapper svg,
7222
- .premium-icon-list-content .premium-icon-list-wrapper i {
7223
- -webkit-transition: all 0.3s ease-in-out;
7224
- transition: all 0.3s ease-in-out;
7225
- }
7226
-
7227
- .premium-icon-list-content .premium-icon-list-wrapper {
7228
- position: relative;
7229
- line-height: 0;
7230
- }
7231
-
7232
- .premium-icon-list-content .premium-icon-list-wrapper img,
7233
- .premium-icon-list-content .premium-icon-list-wrapper .premium-lottie-animation svg {
7234
- width: 30px !important;
7235
- height: 30px !important;
7236
- position: relative;
7237
- z-index: 500;
7238
- }
7239
-
7240
- .premium-icon-list-content .premium-icon-list-wrapper i,
7241
- .premium-icon-list-content .premium-icon-list-wrapper .premium-icon-list-icon-text {
7242
- position: relative;
7243
- z-index: 500;
7244
- }
7245
-
7246
- .premium-icon-list-content .premium-icon-list-link {
7247
- position: absolute;
7248
- top: 0;
7249
- right: 0;
7250
- width: 100%;
7251
- height: 100%;
7252
- z-index: 1000;
7253
- }
7254
-
7255
- .premium-icon-list-content:not(:last-of-type) .premium-icon-list-connector {
7256
- width: 100%;
7257
- height: 100%;
7258
- position: absolute;
7259
- top: 0.5em;
7260
- z-index: 100;
7261
- -js-display: flex;
7262
- display: -webkit-box;
7263
- display: -webkit-flex;
7264
- display: -moz-box;
7265
- display: -ms-flexbox;
7266
- display: flex;
7267
- -webkit-box-pack: center;
7268
- -webkit-justify-content: center;
7269
- -moz-box-pack: center;
7270
- -ms-flex-pack: center;
7271
- justify-content: center;
7272
- }
7273
-
7274
- .premium-icon-list-content:not(:last-of-type) .premium-icon-list-connector .premium-icon-connector-content:after {
7275
- content: "";
7276
- border-left-width: 1px;
7277
- border-left-style: solid;
7278
- border-color: #333333;
7279
- display: block;
7280
- height: 100%;
7281
- }
7282
-
7283
- li.premium-icon-list-content.premium-icon-list-content-inline {
7284
- -webkit-align-self: center;
7285
- -ms-flex-item-align: center;
7286
- align-self: center;
7287
- z-index: 2;
7288
- }
7289
-
7290
- li.premium-icon-list-content.premium-icon-list-content-inline:not(:first-child) {
7291
- margin: 0 3px;
7292
- }
7293
-
7294
- li.premium-icon-list-content.premium-icon-list-content-inline:first-child {
7295
- margin: 0 0 0 3px;
7296
- }
7297
-
7298
- .premium-icon-list-divider:not(:last-child) {
7299
- width: 100%;
7300
- -webkit-box-flex: 0;
7301
- -webkit-flex: 0 0 100%;
7302
- -moz-box-flex: 0;
7303
- -ms-flex: 0 0 100%;
7304
- flex: 0 0 100%;
7305
- overflow: hidden;
7306
- }
7307
-
7308
- .premium-icon-list-divider:not(:last-child):after {
7309
- content: "";
7310
- display: block;
7311
- border-top-style: solid;
7312
- border-top-width: 1px;
7313
- }
7314
-
7315
- .premium-icon-list-divider-inline:not(:last-child) {
7316
- float: left;
7317
- display: inline-block;
7318
- position: relative;
7319
- height: 100%;
7320
- overflow: hidden;
7321
- -webkit-align-self: center;
7322
- -ms-flex-item-align: center;
7323
- align-self: center;
7324
- margin: 0 3px;
7325
- }
7326
-
7327
- .premium-icon-list-divider-inline:not(:last-child):after {
7328
- content: "";
7329
- display: block;
7330
- border-right-width: 1px;
7331
- height: 33px;
7332
- border-right-style: solid;
7333
- }
7334
-
7335
- .premium-icon-list-icon-text {
7336
- line-height: 1.5;
7337
- }
7338
-
7339
- .premium-icon-list-icon-text p,
7340
- ul.premium-icon-list-box,
7341
- li.premium-icon-list-content {
7342
- margin: 0;
7343
- }
7344
-
7345
- .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-wrapper i,
7346
- .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-text span,
7347
- .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-icon-text p {
7348
- color: transparent !important;
7349
- text-shadow: 0 0 3px #aaa;
7350
- }
7351
-
7352
- .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-connector-content,
7353
- .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-wrapper .premium-lottie-animation svg,
7354
- .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-wrapper img,
7355
- .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-badge {
7356
- -webkit-filter: blur(3px);
7357
- filter: blur(3px);
7358
- }
7359
-
7360
- .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-wrapper i,
7361
- .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-text span,
7362
- .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-icon-text p {
7363
- color: #aaa !important;
7364
- text-shadow: 0 0px 0 transparent;
7365
- }
7366
-
7367
- .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-connector-content,
7368
- .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-wrapper .premium-lottie-animation svg,
7369
- .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-wrapper img,
7370
- .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-badge {
7371
- -webkit-filter: none;
7372
- filter: none;
7373
- }
7374
-
7375
- .premium-icon-list-content .premium-icon-list-badge {
7376
- font-size: 11px;
7377
- top: auto;
7378
- min-width: -webkit-max-content;
7379
- min-width: -moz-max-content;
7380
- min-width: max-content;
7381
- height: -webkit-fit-content;
7382
- height: -moz-fit-content;
7383
- height: fit-content;
7384
- }
7385
-
7386
- .premium-icon-list-content .premium-icon-list-icon-text p {
7387
- font-size: 13px;
7388
- }
7389
-
7390
- .premium-icon-list-gradient-effect[data-text] {
7391
- display: inline-block;
7392
- position: relative;
7393
- text-decoration: none;
7394
- }
7395
-
7396
- .premium-icon-list-gradient-effect[data-text]::before {
7397
- content: attr(data-text);
7398
- position: absolute;
7399
- z-index: 1;
7400
- overflow: hidden;
7401
- -webkit-clip-path: polygon(100% 100%, 100% 100%, 50% 50%);
7402
- clip-path: polygon(100% 100%, 100% 100%, 50% 50%);
7403
- -webkit-background-clip: text;
7404
- background-clip: text;
7405
- -webkit-text-fill-color: transparent;
7406
- -webkit-transition: all 0.4s ease;
7407
- transition: all 0.4s ease;
7408
- }
7409
-
7410
- .premium-icon-list-content:hover .premium-icon-list-gradient-effect[data-text]::before,
7411
- .premium-icon-list-content:focus .premium-icon-list-gradient-effect[data-text]::before {
7412
- -webkit-animation: rtlgradient 1s forwards;
7413
- animation: rtlgradient 1s forwards;
7414
- }
7415
-
7416
- @-webkit-keyframes rtlgradient {
7417
- 0% {
7418
- -webkit-clip-path: circle(0% at 150% 50%);
7419
- clip-path: circle(0% at 150% 50%);
7420
- }
7421
-
7422
- 100% {
7423
- -webkit-clip-path: circle(100% at 50% 50%);
7424
- clip-path: circle(100% at 50% 50%);
7425
- }
7426
- }
7427
-
7428
- @keyframes rtlgradient {
7429
- 0% {
7430
- -webkit-clip-path: circle(0% at 150% 50%);
7431
- clip-path: circle(0% at 150% 50%);
7432
- }
7433
-
7434
- 100% {
7435
- -webkit-clip-path: circle(100% at 50% 50%);
7436
- clip-path: circle(100% at 50% 50%);
7437
- }
7438
- }
7439
-
7440
- ul[data-list-animation*="animated-"] .premium-icon-list-divider,
7441
- ul[data-list-animation*="animated-"] .premium-icon-list-content,
7442
- ul[data-list-animation*="animated-"] .premium-icon-list-divider-inline {
7443
- opacity: 0;
7444
- }
7445
-
7446
- .premium-icon-list-content-grow-effect:hover {
7447
- -webkit-transform: scale(1.07);
7448
- -ms-transform: scale(1.07);
7449
- transform: scale(1.07);
7450
- }
1
+ @font-face {
2
+ font-family: "pa-elements";
3
+ src: url("../../editor/fonts/pa-elements.eot?p2y7wv");
4
+ src: url("../../editor/fonts/pa-elements.eot?p2y7wv#iefix") format("embedded-opentype"),
5
+ url("../../editor/fonts/pa-elements.ttf?p2y7wv") format("truetype"),
6
+ url("../../editor/fonts/pa-elements.woff?p2y7wv") format("woff"),
7
+ url("../../editor/fonts/pa-elements.svg?p2y7wv#pa-elements") format("svg");
8
+ font-weight: normal;
9
+ font-style: normal;
10
+ }
11
+
12
+ /**************** Premium Banner ****************/
13
+ /************************************************/
14
+ .premium-banner {
15
+ overflow: hidden;
16
+ }
17
+
18
+ .premium-banner-ib {
19
+ display: block;
20
+ position: relative;
21
+ }
22
+
23
+ .premium-banner-ib img {
24
+ display: block;
25
+ position: relative;
26
+ }
27
+
28
+ .premium-banner-img-wrap {
29
+ -js-display: flex;
30
+ display: -webkit-box;
31
+ display: -webkit-flex;
32
+ display: -moz-box;
33
+ display: -ms-flexbox;
34
+ display: flex;
35
+ height: 100%;
36
+ }
37
+
38
+ .premium-banner-img-wrap .premium-banner-ib-img {
39
+ -webkit-flex-shrink: 0;
40
+ -ms-flex-negative: 0;
41
+ flex-shrink: 0;
42
+ }
43
+
44
+ .premium-banner-ib {
45
+ z-index: 1;
46
+ overflow: hidden;
47
+ margin: 0 0 35px;
48
+ text-align: center;
49
+ -webkit-box-sizing: border-box;
50
+ -moz-box-sizing: border-box;
51
+ box-sizing: border-box;
52
+ }
53
+
54
+ .premium-banner-ib-desc .premium-banner-read-more {
55
+ z-index: 100;
56
+ }
57
+
58
+ .premium-banner-ib,
59
+ .wpb_column>.wpb_wrapper .premium-banner-ib {
60
+ margin-bottom: 0px;
61
+ }
62
+
63
+ .elementor-widget-premium-addon-banner .premium-banner-ib-title {
64
+ background: transparent;
65
+ }
66
+
67
+ .premium-banner-ib *,
68
+ .premium-banner-ib .premium-banner-ib-desc {
69
+ -webkit-box-sizing: border-box;
70
+ -moz-box-sizing: border-box;
71
+ box-sizing: border-box;
72
+ }
73
+
74
+ .premium-banner-ib img {
75
+ min-width: 100%;
76
+ max-width: 100%;
77
+ -webkit-transition: opacity 0.35s;
78
+ transition: opacity 0.35s;
79
+ }
80
+
81
+ .premium-banner-ib .premium-banner-ib-desc {
82
+ padding: 15px;
83
+ -webkit-backface-visibility: hidden;
84
+ backface-visibility: hidden;
85
+ -webkit-box-sizing: border-box;
86
+ -moz-box-sizing: border-box;
87
+ box-sizing: border-box;
88
+ position: absolute;
89
+ top: 0;
90
+ right: 0;
91
+ width: 100%;
92
+ height: 100%;
93
+ }
94
+
95
+ .premium-banner-ib .premium-banner-ib-link {
96
+ position: absolute;
97
+ top: 0;
98
+ right: 0;
99
+ width: 100%;
100
+ height: 100%;
101
+ z-index: 1000;
102
+ text-indent: 200%;
103
+ white-space: nowrap;
104
+ font-size: 0;
105
+ opacity: 0;
106
+ }
107
+
108
+ .premium-banner-ib a.premium-banner-ib-link {
109
+ display: block;
110
+ background: 100% 0;
111
+ }
112
+
113
+ .premium-banner-animation1 img {
114
+ width: -webkit-calc(100% + 50px) !important;
115
+ width: calc(100% + 50px) !important;
116
+ max-width: -webkit-calc(100% + 50px) !important;
117
+ max-width: calc(100% + 50px) !important;
118
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
119
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
120
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
121
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
122
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
123
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
124
+ -webkit-transform: translate3d(40px, 0, 0);
125
+ transform: translate3d(40px, 0, 0);
126
+ }
127
+
128
+ .premium-banner-animation2 .premium-banner-ib-title {
129
+ padding: 15px;
130
+ }
131
+
132
+ .premium-banner-animation1 .premium-banner-ib-desc {
133
+ top: auto;
134
+ bottom: 0;
135
+ min-height: 25%;
136
+ height: auto;
137
+ max-height: 100%;
138
+ text-align: right;
139
+ }
140
+
141
+ .premium-banner-animation1 .premium-banner-ib-content,
142
+ .premium-banner-animation1 .premium-banner-ib-title,
143
+ .premium-banner-animation1 .premium-banner-read-more {
144
+ -webkit-transform: translate3d(0, 40px, 0);
145
+ transform: translate3d(0, 40px, 0);
146
+ -webkit-transition-delay: 0.05s;
147
+ transition-delay: 0.05s;
148
+ -webkit-transition-duration: 0.35s;
149
+ transition-duration: 0.35s;
150
+ }
151
+
152
+ .premium-banner-animation1 .premium-banner-ib-title {
153
+ -webkit-transition: -webkit-transform 0.35s;
154
+ transition: -webkit-transform 0.35s;
155
+ transition: transform 0.35s;
156
+ transition: transform 0.35s, -webkit-transform 0.35s;
157
+ }
158
+
159
+ .premium-banner-animation1 .premium-banner-ib-content,
160
+ .premium-banner-animation1 .premium-banner-read-more {
161
+ margin-top: 10px;
162
+ opacity: 0;
163
+ -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
164
+ transition: opacity 0.2s, -webkit-transform 0.35s;
165
+ transition: opacity 0.2s, transform 0.35s;
166
+ transition: opacity 0.2s, transform 0.35s, -webkit-transform 0.35s;
167
+ }
168
+
169
+ .premium-banner-animation1:hover .premium-banner-ib-content,
170
+ .premium-banner-animation1.active .premium-banner-ib-content,
171
+ .premium-banner-animation1:hover .premium-banner-read-more,
172
+ .premium-banner-animation1.active .premium-banner-read-more {
173
+ opacity: 1;
174
+ -webkit-transition-delay: 0.05s;
175
+ transition-delay: 0.05s;
176
+ -webkit-transition-duration: 0.35s;
177
+ transition-duration: 0.35s;
178
+ }
179
+
180
+ .premium-banner-animation1:hover .premium-banner-ib-content,
181
+ .premium-banner-animation1.active .premium-banner-ib-content,
182
+ .premium-banner-animation1:hover .premium-banner-read-more,
183
+ .premium-banner-animation1.active .premium-banner-read-more,
184
+ .premium-banner-animation1:hover .premium-banner-ib-title,
185
+ .premium-banner-animation1.active .premium-banner-ib-title,
186
+ .premium-banner-animation1:hover img,
187
+ .premium-banner-animation1.active img {
188
+ -webkit-transform: translate3d(0, 0, 0);
189
+ transform: translate3d(0, 0, 0);
190
+ -webkit-transition-delay: 0.05s;
191
+ transition-delay: 0.05s;
192
+ -webkit-transition-duration: 0.35s;
193
+ transition-duration: 0.35s;
194
+ }
195
+
196
+ .premium-banner-animation1.zoomout img,
197
+ .premium-banner-animation1.scale img {
198
+ -webkit-transform: translate3d(40px, 0, 0) scale(1.1);
199
+ transform: translate3d(40px, 0, 0) scale(1.1);
200
+ }
201
+
202
+ .premium-banner-ib.sepia img {
203
+ -webkit-filter: sepia(30%);
204
+ filter: sepia(30%);
205
+ }
206
+
207
+ .premium-banner-ib.bright img {
208
+ -webkit-filter: brightness(1);
209
+ filter: brightness(1);
210
+ }
211
+
212
+ .premium-banner-ib.sepia:hover img {
213
+ -webkit-filter: sepia(0%);
214
+ filter: sepia(0%);
215
+ }
216
+
217
+ .premium-banner-ib.bright:hover img {
218
+ -webkit-filter: brightness(1.2);
219
+ filter: brightness(1.2);
220
+ }
221
+
222
+ .premium-banner-animation1.premium-banner-min-height img,
223
+ .premium-banner-animation2.premium-banner-min-height img,
224
+ .premium-banner-animation4.premium-banner-min-height img,
225
+ .premium-banner-animation5.premium-banner-min-height img,
226
+ .premium-banner-animation6.premium-banner-min-height img,
227
+ .premium-banner-animation13.premium-banner-min-height img {
228
+ height: auto;
229
+ }
230
+
231
+ .premium-banner-animation2 img {
232
+ width: 100%;
233
+ }
234
+
235
+ .premium-banner-animation2 .premium-banner-ib-desc::before {
236
+ position: absolute;
237
+ content: "";
238
+ top: 0;
239
+ right: 0;
240
+ width: 100%;
241
+ height: 100%;
242
+ opacity: 0;
243
+ -webkit-transform: translate3d(0, 50%, 0);
244
+ transform: translate3d(0, 50%, 0);
245
+ }
246
+
247
+ .premium-banner-animation2 .premium-banner-ib-title {
248
+ position: absolute;
249
+ top: 50%;
250
+ right: 0;
251
+ width: 100%;
252
+ -webkit-transition: color 0.35s, -webkit-transform 0.35s;
253
+ transition: color 0.35s, -webkit-transform 0.35s;
254
+ transition: transform 0.35s, color 0.35s;
255
+ transition: transform 0.35s, color 0.35s, -webkit-transform 0.35s;
256
+ -webkit-transform: translate3d(0, -50%, 0);
257
+ transform: translate3d(0, -50%, 0);
258
+ }
259
+
260
+ .premium-banner-animation2 .premium-banner-ib-content,
261
+ .premium-banner-animation2 .premium-banner-read-more,
262
+ .premium-banner-animation2 .premium-banner-ib-desc::before {
263
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
264
+ transition: opacity 0.35s, -webkit-transform 0.35s;
265
+ transition: opacity 0.35s, transform 0.35s;
266
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
267
+ }
268
+
269
+ .premium-banner-animation2 .premium-banner-ib-content,
270
+ .premium-banner-animation2 .premium-banner-read-more {
271
+ position: absolute;
272
+ bottom: 0;
273
+ right: 0;
274
+ padding: 15px;
275
+ width: 100%;
276
+ max-height: 50%;
277
+ opacity: 0;
278
+ -webkit-transform: translate3d(0, 10px, 0);
279
+ transform: translate3d(0, 10px, 0);
280
+ }
281
+
282
+ .premium-banner-animation2:hover .premium-banner-ib-title,
283
+ .premium-banner-animation2.active .premium-banner-ib-title {
284
+ -webkit-transform: translate3d(0, -40px, 0);
285
+ transform: translate3d(0, -40px, 0);
286
+ }
287
+
288
+ .premium-banner-animation2:hover .premium-banner-read-more,
289
+ .premium-banner-animation2.active .premium-banner-read-more,
290
+ .premium-banner-animation2:hover .premium-banner-ib-desc::before,
291
+ .premium-banner-animation2.active .premium-banner-ib-desc::before {
292
+ opacity: 1;
293
+ -webkit-transform: translate3d(0, 0, 0);
294
+ transform: translate3d(0, 0, 0);
295
+ }
296
+
297
+ .premium-banner-animation2:hover .premium-banner-ib-content,
298
+ .premium-banner-animation2.active .premium-banner-ib-content {
299
+ opacity: 1;
300
+ -webkit-transform: translate3d(0, -30px, 0);
301
+ transform: translate3d(0, -30px, 0);
302
+ }
303
+
304
+ .premium-banner-animation3 .premium-banner-ib-title {
305
+ position: absolute;
306
+ bottom: 0;
307
+ right: 0;
308
+ padding: 15px;
309
+ width: 100%;
310
+ text-align: right;
311
+ -webkit-transform: translate3d(0, -30px, 0);
312
+ transform: translate3d(0, -30px, 0);
313
+ }
314
+
315
+ .premium-banner-animation3 .premium-banner-ib-desc::before,
316
+ .premium-banner-animation3 .premium-banner-ib-title {
317
+ -webkit-transition: -webkit-transform 0.35s;
318
+ transition: -webkit-transform 0.35s;
319
+ transition: transform 0.35s;
320
+ transition: transform 0.35s, -webkit-transform 0.35s;
321
+ }
322
+
323
+ .premium-banner-animation3:hover .premium-banner-ib-desc::before,
324
+ .premium-banner-animation3.active .premium-banner-ib-desc::before,
325
+ .premium-banner-animation3:hover .premium-banner-ib-title,
326
+ .premium-banner-animation3.active .premium-banner-ib-title {
327
+ opacity: 1;
328
+ -webkit-transform: translate3d(0, 0, 0);
329
+ transform: translate3d(0, 0, 0);
330
+ }
331
+
332
+ .premium-banner-animation3 .premium-banner-ib-content {
333
+ max-height: -webkit-calc(100% - 60px - 1.5em);
334
+ max-height: calc(100% - 60px - 1.5em);
335
+ overflow: hidden;
336
+ }
337
+
338
+ .premium-banner-animation4 img {
339
+ width: -webkit-calc(100% + 40px) !important;
340
+ width: calc(100% + 40px) !important;
341
+ max-width: -webkit-calc(100% + 40px) !important;
342
+ max-width: calc(100% + 40px) !important;
343
+ }
344
+
345
+ .premium-banner-animation4 .premium-banner-ib-desc {
346
+ padding: 30px;
347
+ }
348
+
349
+ .premium-banner-animation4 .premium-banner-ib-desc::after {
350
+ position: absolute;
351
+ content: "";
352
+ opacity: 0;
353
+ }
354
+
355
+ .premium-banner-animation4 .premium-banner-ib-desc::before {
356
+ position: absolute;
357
+ content: "";
358
+ opacity: 0;
359
+ top: 50px;
360
+ left: 30px;
361
+ bottom: 50px;
362
+ right: 30px;
363
+ border-top: 1px solid #fff;
364
+ border-bottom: 1px solid #fff;
365
+ -webkit-transform: scale(0, 1);
366
+ -ms-transform: scale(0, 1);
367
+ transform: scale(0, 1);
368
+ -webkit-transform-origin: 100% 0;
369
+ -ms-transform-origin: 100% 0;
370
+ transform-origin: 100% 0;
371
+ }
372
+
373
+ .premium-banner-animation4 .premium-banner-ib-desc::after {
374
+ top: 30px;
375
+ left: 50px;
376
+ bottom: 30px;
377
+ right: 50px;
378
+ border-left: 1px solid #fff;
379
+ border-right: 1px solid #fff;
380
+ -webkit-transform: scale(1, 0);
381
+ -ms-transform: scale(1, 0);
382
+ transform: scale(1, 0);
383
+ -webkit-transform-origin: 0% 0;
384
+ -ms-transform-origin: 0% 0;
385
+ transform-origin: 0% 0;
386
+ }
387
+
388
+ .premium-banner-animation4 .premium-banner-ib-title {
389
+ padding: 50px 30px 0 30px;
390
+ -webkit-transition: -webkit-transform 0.35s;
391
+ transition: -webkit-transform 0.35s;
392
+ transition: transform 0.35s;
393
+ transition: transform 0.35s, -webkit-transform 0.35s;
394
+ }
395
+
396
+ .premium-banner-animation4 .premium-banner-ib-content,
397
+ .premium-banner-animation4 .premium-banner-read-more {
398
+ padding: 10px 30px;
399
+ opacity: 0;
400
+ overflow: hidden;
401
+ -webkit-transform: translate3d(0, -10px, 0);
402
+ transform: translate3d(0, -10px, 0);
403
+ }
404
+
405
+ .premium-banner-animation4 .premium-banner-ib-title,
406
+ .premium-banner-animation4 img {
407
+ -webkit-transform: translate3d(30px, 0, 0);
408
+ transform: translate3d(30px, 0, 0);
409
+ }
410
+
411
+ .premium-banner-animation4.zoomout img,
412
+ .premium-banner-animation4.scale img {
413
+ -webkit-transform: translate3d(30px, 0, 0) scale(1.1);
414
+ transform: translate3d(30px, 0, 0) scale(1.1);
415
+ }
416
+
417
+ .premium-banner-animation4 .premium-banner-ib-content,
418
+ .premium-banner-animation4 .premium-banner-read-more {
419
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
420
+ transition: opacity 0.35s, -webkit-transform 0.35s;
421
+ transition: opacity 0.35s, transform 0.35s;
422
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
423
+ }
424
+
425
+ .premium-banner-animation4 .premium-banner-ib-desc::after,
426
+ .premium-banner-animation4 .premium-banner-ib-desc::before {
427
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
428
+ transition: opacity 0.35s, -webkit-transform 0.35s;
429
+ transition: opacity 0.35s, transform 0.35s;
430
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
431
+ }
432
+
433
+ .premium-banner-animation4 img {
434
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
435
+ transition: opacity 0.35s, -webkit-transform 0.35s;
436
+ transition: opacity 0.35s, transform 0.35s;
437
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
438
+ }
439
+
440
+ .premium-banner-animation4:hover .premium-banner-ib-desc::after,
441
+ .premium-banner-animation4.active .premium-banner-ib-desc::after,
442
+ .premium-banner-animation4:hover .premium-banner-ib-desc::before,
443
+ .premium-banner-animation4.active .premium-banner-ib-desc::before {
444
+ opacity: 1;
445
+ -webkit-transform: scale(1);
446
+ -ms-transform: scale(1);
447
+ transform: scale(1);
448
+ }
449
+
450
+ .premium-banner-animation4:hover .premium-banner-ib-content,
451
+ .premium-banner-animation4.active .premium-banner-ib-content,
452
+ .premium-banner-animation4:hover .premium-banner-read-more,
453
+ .premium-banner-animation4.active .premium-banner-read-more,
454
+ .premium-banner-animation4:hover .premium-banner-ib-title,
455
+ .premium-banner-animation4.active .premium-banner-ib-title {
456
+ opacity: 1;
457
+ -webkit-transform: translate3d(0, 0, 0);
458
+ transform: translate3d(0, 0, 0);
459
+ }
460
+
461
+ .premium-banner-animation4:hover .premium-banner-ib-content,
462
+ .premium-banner-animation4:hover .premium-banner-ib-desc::after,
463
+ .premium-banner-animation4:hover .premium-banner-ib-title,
464
+ .premium-banner-animation4:hover img {
465
+ -webkit-transition-delay: 0.15s;
466
+ transition-delay: 0.15s;
467
+ }
468
+
469
+ .premium-banner-animation5 .premium-banner-ib-desc {
470
+ top: auto;
471
+ bottom: 0;
472
+ padding: 15px;
473
+ height: auto;
474
+ background: #f2f2f2;
475
+ color: #3c4a50;
476
+ -webkit-transition: -webkit-transform 0.35s;
477
+ transition: -webkit-transform 0.35s;
478
+ transition: transform 0.35s;
479
+ transition: transform 0.35s, -webkit-transform 0.35s;
480
+ -webkit-transform: translate3d(0, 100%, 0);
481
+ transform: translate3d(0, 100%, 0);
482
+ }
483
+
484
+ .premium-banner-animation5 .premium-banner-ib-content {
485
+ position: absolute;
486
+ top: auto;
487
+ bottom: 100%;
488
+ right: 0;
489
+ width: 100%;
490
+ padding: 15px;
491
+ opacity: 0;
492
+ -webkit-transition: opacity 0.35s;
493
+ transition: opacity 0.35s;
494
+ }
495
+
496
+ .premium-banner-animation5 .premium-banner-ib-title,
497
+ .premium-banner-animation5 .premium-banner-read-more {
498
+ -webkit-transition: -webkit-transform 0.35s;
499
+ transition: -webkit-transform 0.35s;
500
+ transition: transform 0.35s;
501
+ transition: transform 0.35s, -webkit-transform 0.35s;
502
+ -webkit-transform: translate3d(0, 200%, 0);
503
+ transform: translate3d(0, 200%, 0);
504
+ text-align: center;
505
+ }
506
+
507
+ .premium-banner-animation5 .premium-banner-ib-title {
508
+ margin: 10px 0;
509
+ }
510
+
511
+ .premium-banner-animation5:hover .premium-banner-ib-content,
512
+ .premium-banner-animation5.active .premium-banner-ib-content,
513
+ .premium-banner-animation5:hover .premium-banner-ib-content *,
514
+ .premium-banner-animation5.active .premium-banner-ib-content * {
515
+ opacity: 1 !important;
516
+ z-index: 99 !important;
517
+ -webkit-backface-visibility: hidden !important;
518
+ backface-visibility: hidden !important;
519
+ }
520
+
521
+ .premium-banner-animation5:hover .premium-banner-ib-desc,
522
+ .premium-banner-animation5.active .premium-banner-ib-desc,
523
+ .premium-banner-animation5:hover .premium-banner-ib-title,
524
+ .premium-banner-animation5.active .premium-banner-ib-title,
525
+ .premium-banner-animation5:hover .premium-banner-read-more,
526
+ .premium-banner-animation5.active .premium-banner-read-more {
527
+ -webkit-transform: translateY(0);
528
+ -ms-transform: translateY(0);
529
+ transform: translateY(0);
530
+ }
531
+
532
+ .premium-banner-animation5:hover .premium-banner-ib-title {
533
+ -webkit-transition-delay: 0.05s;
534
+ transition-delay: 0.05s;
535
+ }
536
+
537
+ .premium-banner-animation5 img {
538
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
539
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
540
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
541
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
542
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
543
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
544
+ }
545
+
546
+ .premium-banner-animation2 img,
547
+ .premium-banner-animation4 img,
548
+ .premium-banner-animation6 img {
549
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
550
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
551
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
552
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
553
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
554
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
555
+ }
556
+
557
+ .premium-banner-animation5.zoomout img,
558
+ .premium-banner-animation5.scale img {
559
+ -webkit-transform: scale(1.1);
560
+ -ms-transform: scale(1.1);
561
+ transform: scale(1.1);
562
+ }
563
+
564
+ .premium-banner-animation2.zoomout img,
565
+ .premium-banner-animation2.scale img {
566
+ -webkit-transform: scale(1.1);
567
+ -ms-transform: scale(1.1);
568
+ transform: scale(1.1);
569
+ }
570
+
571
+ .premium-banner-animation6.zoomout img,
572
+ .premium-banner-animation6.scale img {
573
+ -webkit-transform: scale(1.1);
574
+ -ms-transform: scale(1.1);
575
+ transform: scale(1.1);
576
+ }
577
+
578
+ .premium-banner-animation5.zoomin:hover img,
579
+ .premium-banner-animation2.zoomin:hover img,
580
+ .premium-banner-animation6.zoomin:hover img {
581
+ -webkit-transform: scale(1.1);
582
+ -ms-transform: scale(1.1);
583
+ transform: scale(1.1);
584
+ }
585
+
586
+ .premium-banner-animation5.zoomout:hover img,
587
+ .premium-banner-animation2.zoomout:hover img,
588
+ .premium-banner-animation6.zoomout:hover img {
589
+ -webkit-transform: scale(1);
590
+ -ms-transform: scale(1);
591
+ transform: scale(1);
592
+ }
593
+
594
+ .premium-banner-animation5.scale:hover img,
595
+ .premium-banner-animation2.scale:hover img,
596
+ .premium-banner-animation6.scale:hover img {
597
+ -webkit-transform: scale(1.2) rotate(-5deg);
598
+ -ms-transform: scale(1.2) rotate(-5deg);
599
+ transform: scale(1.2) rotate(-5deg);
600
+ }
601
+
602
+ .premium-banner-animation5.grayscale:hover img,
603
+ .premium-banner-animation2.grayscale:hover img,
604
+ .premium-banner-animation6.grayscale:hover img {
605
+ -webkit-filter: grayscale(100%);
606
+ filter: grayscale(100%);
607
+ }
608
+
609
+ .premium-banner-animation5.blur:hover img,
610
+ .premium-banner-animation2.blur:hover img {
611
+ -webkit-filter: blur(3px);
612
+ filter: blur(3px);
613
+ }
614
+
615
+ .premium-banner-animation6.blur:hover img {
616
+ -webkit-filter: blur(3px);
617
+ filter: blur(3px);
618
+ }
619
+
620
+ .premium-banner-animation6 .premium-banner-ib-desc {
621
+ padding: 45px;
622
+ }
623
+
624
+ .premium-banner-animation6 .premium-banner-ib-desc::before {
625
+ position: absolute;
626
+ content: "";
627
+ top: 30px;
628
+ left: 30px;
629
+ bottom: 30px;
630
+ right: 30px;
631
+ border: 1px solid #fff;
632
+ }
633
+
634
+ .premium-banner-animation6 .premium-banner-ib-title {
635
+ margin: 20px 0 10px;
636
+ -webkit-transition: -webkit-transform 0.35s;
637
+ transition: -webkit-transform 0.35s;
638
+ transition: transform 0.35s;
639
+ transition: transform 0.35s, -webkit-transform 0.35s;
640
+ -webkit-transform: translate3d(0, 100%, 0);
641
+ transform: translate3d(0, 100%, 0);
642
+ }
643
+
644
+ .premium-banner-animation6 .premium-banner-ib-content,
645
+ .premium-banner-animation6 .premium-banner-read-more,
646
+ .premium-banner-animation6 .premium-banner-ib-desc::before {
647
+ opacity: 0;
648
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
649
+ transition: opacity 0.35s, -webkit-transform 0.35s;
650
+ transition: opacity 0.35s, transform 0.35s;
651
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
652
+ -webkit-transform: scale(0);
653
+ -ms-transform: scale(0);
654
+ transform: scale(0);
655
+ }
656
+
657
+ .premium-banner-animation6 .premium-banner-read-more {
658
+ margin-top: 10px;
659
+ }
660
+
661
+ .premium-banner-animation6:hover .premium-banner-ib-title,
662
+ .premium-banner-animation6.active .premium-banner-ib-title {
663
+ -webkit-transform: translate3d(0, 0, 0);
664
+ transform: translate3d(0, 0, 0);
665
+ }
666
+
667
+ .premium-banner-animation6:hover .premium-banner-ib-content,
668
+ .premium-banner-animation6.active .premium-banner-ib-content,
669
+ .premium-banner-animation6:hover .premium-banner-read-more,
670
+ .premium-banner-animation6.active .premium-banner-read-more,
671
+ .premium-banner-animation6:hover .premium-banner-ib-desc::before,
672
+ .premium-banner-animation6.active .premium-banner-ib-desc::before {
673
+ opacity: 1;
674
+ -webkit-transform: scale(1);
675
+ -ms-transform: scale(1);
676
+ transform: scale(1);
677
+ }
678
+
679
+ .premium-banner-animation12 .premium-banner-ib-desc::after {
680
+ position: absolute;
681
+ content: "";
682
+ left: 30px;
683
+ bottom: 30px;
684
+ right: 30px;
685
+ height: -webkit-calc(50% - 30px);
686
+ height: calc(50% - 30px);
687
+ border: 7px solid #fff;
688
+ -webkit-transition: -webkit-transform 0.35s;
689
+ transition: -webkit-transform 0.35s;
690
+ transition: transform 0.35s;
691
+ transition: transform 0.35s, -webkit-transform 0.35s;
692
+ -webkit-transform: translate3d(0, -100%, 0);
693
+ transform: translate3d(0, -100%, 0);
694
+ }
695
+
696
+ .premium-banner-animation12:hover .premium-banner-ib-desc::after,
697
+ .premium-banner-animation12.active .premium-banner-ib-desc::after {
698
+ -webkit-transform: translate3d(0, 0, 0);
699
+ transform: translate3d(0, 0, 0);
700
+ }
701
+
702
+ .premium-banner-animation12 .premium-banner-ib-desc {
703
+ padding: 45px;
704
+ text-align: right;
705
+ }
706
+
707
+ .premium-banner-animation12 .premium-banner-ib-content {
708
+ position: absolute;
709
+ left: 60px;
710
+ bottom: 60px;
711
+ right: 60px;
712
+ opacity: 0;
713
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
714
+ transition: opacity 0.35s, -webkit-transform 0.35s;
715
+ transition: opacity 0.35s, transform 0.35s;
716
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
717
+ -webkit-transform: translate3d(0, -100px, 0);
718
+ transform: translate3d(0, -100px, 0);
719
+ }
720
+
721
+ .premium-banner-animation12:hover .premium-banner-ib-content,
722
+ .premium-banner-animation12.active .premium-banner-ib-content {
723
+ opacity: 1;
724
+ -webkit-transform: translate3d(0, 0, 0);
725
+ transform: translate3d(0, 0, 0);
726
+ }
727
+
728
+ .premium-banner-animation13 img {
729
+ width: -webkit-calc(100% + 20px) !important;
730
+ width: calc(100% + 20px) !important;
731
+ max-width: -webkit-calc(100% + 20px) !important;
732
+ max-width: calc(100% + 20px) !important;
733
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
734
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
735
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
736
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
737
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
738
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
739
+ -webkit-transform: translate3d(10px, 0, 0);
740
+ transform: translate3d(10px, 0, 0);
741
+ -webkit-backface-visibility: hidden;
742
+ backface-visibility: hidden;
743
+ }
744
+
745
+ .premium-banner-animation13.zoomout img,
746
+ .premium-banner-animation13.scale img {
747
+ -webkit-transform: translate3d(10px, 0, 0) scale(1.1);
748
+ transform: translate3d(10px, 0, 0) scale(1.1);
749
+ }
750
+
751
+ .premium-banner-animation13.none:hover img {
752
+ -webkit-transform: translate3d(0, 0, 0);
753
+ transform: translate3d(0, 0, 0);
754
+ }
755
+
756
+ .premium-banner-animation1.none:hover img,
757
+ .premium-banner-animation4.none:hover img {
758
+ -webkit-transform: translate3d(0, 0, 0);
759
+ transform: translate3d(0, 0, 0);
760
+ }
761
+
762
+ .premium-banner-animation13.zoomin:hover img,
763
+ .premium-banner-animation1.zoomin:hover img,
764
+ .premium-banner-animation4.zoomin:hover img,
765
+ .premium-banner-animation8.zoomin:hover img,
766
+ .premium-banner-animation7.zoomin:hover img,
767
+ .premium-banner-animation9.zoomin:hover img,
768
+ .premium-banner-animation10.zoomin:hover img {
769
+ -webkit-transform: translate3d(0, 0, 0) scale(1.1);
770
+ transform: translate3d(0, 0, 0) scale(1.1);
771
+ }
772
+
773
+ .premium-banner-animation13.zoomout:hover img,
774
+ .premium-banner-animation1.zoomout:hover img,
775
+ .premium-banner-animation4.zoomout:hover img,
776
+ .premium-banner-animation8.zoomout:hover img,
777
+ .premium-banner-animation7.zoomout:hover img,
778
+ .premium-banner-animation9.zoomout:hover img,
779
+ .premium-banner-animation10.zoomout:hover img {
780
+ -webkit-transform: translate3d(0, 0, 0) scale(1);
781
+ transform: translate3d(0, 0, 0) scale(1);
782
+ }
783
+
784
+ .premium-banner-animation13.scale:hover img,
785
+ .premium-banner-animation1.scale:hover img,
786
+ .premium-banner-animation4.scale:hover img,
787
+ .premium-banner-animation8.scale:hover img,
788
+ .premium-banner-animation7.scale:hover img,
789
+ .premium-banner-animation9.scale:hover img,
790
+ .premium-banner-animation10.scale:hover img {
791
+ -webkit-transform: translate3d(0, 0, 0) scale(1.2) rotate(-5deg);
792
+ transform: translate3d(0, 0, 0) scale(1.2) rotate(-5deg);
793
+ }
794
+
795
+ .premium-banner-animation13.grayscale:hover img,
796
+ .premium-banner-animation1.grayscale:hover img,
797
+ .premium-banner-animation4.grayscale:hover img,
798
+ .premium-banner-animation8.grayscale:hover img,
799
+ .premium-banner-animation7.grayscale:hover img,
800
+ .premium-banner-animation9.grayscale:hover img,
801
+ .premium-banner-animation10.grayscale:hover img {
802
+ -webkit-transform: translate3d(0, 0, 0);
803
+ transform: translate3d(0, 0, 0);
804
+ -webkit-filter: grayscale(100%);
805
+ filter: grayscale(100%);
806
+ }
807
+
808
+ .premium-banner-animation13.blur:hover img,
809
+ .premium-banner-animation1.blur:hover img,
810
+ .premium-banner-animation4.blur:hover,
811
+ .premium-banner-animation8.blur:hover img,
812
+ .premium-banner-animation7.blur:hover img,
813
+ .premium-banner-animation9.blur:hover img,
814
+ .premium-banner-animation10.blur:hover img {
815
+ -webkit-transform: translate3d(0, 0, 0);
816
+ transform: translate3d(0, 0, 0);
817
+ -webkit-filter: blur(3px);
818
+ filter: blur(3px);
819
+ }
820
+
821
+ .premium-banner-animation13 .premium-banner-ib-desc {
822
+ text-align: right;
823
+ }
824
+
825
+ .premium-banner-animation13 .premium-banner-ib-title {
826
+ position: relative;
827
+ overflow: hidden;
828
+ padding: 5px 0 10px;
829
+ }
830
+
831
+ .premium-banner-animation13 .premium-banner-ib-title::after {
832
+ position: absolute;
833
+ content: "";
834
+ bottom: 0;
835
+ right: 0;
836
+ width: 100%;
837
+ height: 2px;
838
+ background: #fff;
839
+ -webkit-transition: -webkit-transform 0.35s;
840
+ transition: -webkit-transform 0.35s;
841
+ transition: transform 0.35s;
842
+ transition: transform 0.35s, -webkit-transform 0.35s;
843
+ -webkit-transform: translate3d(101%, 0, 0);
844
+ transform: translate3d(101%, 0, 0);
845
+ }
846
+
847
+ .premium-banner-animation13:hover .premium-banner-ib-title::after,
848
+ .premium-banner-animation13.active .premium-banner-ib-title::after {
849
+ -webkit-transform: translate3d(0, 0, 0);
850
+ transform: translate3d(0, 0, 0);
851
+ }
852
+
853
+ .premium-banner-animation13 .premium-banner-ib-content,
854
+ .premium-banner-animation13 .premium-banner-read-more {
855
+ padding: 15px 0;
856
+ opacity: 0;
857
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
858
+ transition: opacity 0.35s, -webkit-transform 0.35s;
859
+ transition: opacity 0.35s, transform 0.35s;
860
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
861
+ -webkit-transform: translate3d(-100%, 0, 0);
862
+ transform: translate3d(-100%, 0, 0);
863
+ }
864
+
865
+ .premium-banner-animation13:hover .premium-banner-ib-content,
866
+ .premium-banner-animation13.active .premium-banner-ib-content,
867
+ .premium-banner-animation13:hover .premium-banner-read-more,
868
+ .premium-banner-animation13.active .premium-banner-read-more {
869
+ opacity: 1;
870
+ -webkit-transform: translate3d(0, 0, 0);
871
+ transform: translate3d(0, 0, 0);
872
+ }
873
+
874
+ .premium-banner-ib.premium-banner-animation5 .premium-banner-toggle-size {
875
+ right: 50%;
876
+ width: auto !important;
877
+ height: 100%;
878
+ max-width: none;
879
+ -webkit-transform: translateX(50%);
880
+ -ms-transform: translateX(50%);
881
+ transform: translateX(50%);
882
+ }
883
+
884
+ .premium-banner-ib img {
885
+ border: none;
886
+ padding: 0;
887
+ margin: 0;
888
+ }
889
+
890
+ .premium-banner-animation7 img {
891
+ width: -webkit-calc(100% + 40px) !important;
892
+ width: calc(100% + 40px) !important;
893
+ max-width: -webkit-calc(100% + 40px) !important;
894
+ max-width: calc(100% + 40px) !important;
895
+ }
896
+
897
+ .premium-banner-animation7 .premium-banner-brlr {
898
+ width: 7px;
899
+ }
900
+
901
+ .premium-banner-animation7 .premium-banner-brtb {
902
+ height: 7px;
903
+ }
904
+
905
+ .premium-banner-animation7 .premium-banner-br {
906
+ position: absolute;
907
+ z-index: 1;
908
+ background-color: white;
909
+ -webkit-transition: all 0.3s ease-in-out;
910
+ transition: all 0.3s ease-in-out;
911
+ -webkit-transition-delay: 0.2s;
912
+ transition-delay: 0.2s;
913
+ }
914
+
915
+ .premium-banner-animation7 .premium-banner-bleft {
916
+ right: 30px;
917
+ top: -webkit-calc(100% - 150px);
918
+ top: calc(100% - 150px);
919
+ height: 0;
920
+ }
921
+
922
+ .premium-banner-animation7 .premium-banner-bright {
923
+ left: 30px;
924
+ bottom: -webkit-calc(100% - 150px);
925
+ bottom: calc(100% - 150px);
926
+ height: 0;
927
+ }
928
+
929
+ .premium-banner-animation7 .premium-banner-bottom {
930
+ left: -webkit-calc(100% - 150px);
931
+ left: calc(100% - 150px);
932
+ bottom: 30px;
933
+ width: 0;
934
+ }
935
+
936
+ .premium-banner-animation7 .premium-banner-btop {
937
+ right: -webkit-calc(100% - 150px);
938
+ right: calc(100% - 150px);
939
+ top: 30px;
940
+ width: 0;
941
+ }
942
+
943
+ .premium-banner-animation7 .premium-banner-ib-desc {
944
+ padding: 70px;
945
+ display: table;
946
+ }
947
+
948
+ .premium-banner-animation7 .premium-banner-ib-desc .premium-banner-desc-centered {
949
+ display: table-cell;
950
+ vertical-align: middle;
951
+ }
952
+
953
+ .premium-banner-animation7 .premium-banner-ib-title {
954
+ margin-top: 0;
955
+ }
956
+
957
+ .premium-banner-animation7 .premium-banner-ib-title,
958
+ .premium-banner-animation7 img {
959
+ -webkit-transform: translate3d(30px, 0, 0);
960
+ transform: translate3d(30px, 0, 0);
961
+ }
962
+
963
+ .premium-banner-animation7.zoomout img,
964
+ .premium-banner-animation7.scale img {
965
+ -webkit-transform: translate3d(30px, 0, 0) scale(1.1);
966
+ transform: translate3d(30px, 0, 0) scale(1.1);
967
+ }
968
+
969
+ .premium-banner-animation7 .premium-banner-ib-content,
970
+ .premium-banner-animation7 .premium-banner-read-more {
971
+ margin-top: 10px;
972
+ }
973
+
974
+ .premium-banner-animation7 .premium-banner-ib-desc::after,
975
+ .premium-banner-animation7 .premium-banner-ib-desc::before {
976
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
977
+ transition: opacity 0.35s, -webkit-transform 0.35s;
978
+ transition: opacity 0.35s, transform 0.35s;
979
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
980
+ }
981
+
982
+ .premium-banner-animation7 .premium-banner-ib-title,
983
+ .premium-banner-animation7 .premium-banner-ib-content,
984
+ .premium-banner-animation7 .premium-banner-read-more {
985
+ opacity: 0;
986
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
987
+ transition: opacity 0.35s, -webkit-transform 0.35s;
988
+ transition: opacity 0.35s, transform 0.35s;
989
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
990
+ }
991
+
992
+ .premium-banner-animation7 img {
993
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
994
+ transition: opacity 0.35s, -webkit-transform 0.35s;
995
+ transition: opacity 0.35s, transform 0.35s;
996
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
997
+ }
998
+
999
+ .premium-banner-animation7:hover .premium-banner-ib-content,
1000
+ .premium-banner-animation7.active .premium-banner-ib-content,
1001
+ .premium-banner-animation7:hover .premium-banner-read-more,
1002
+ .premium-banner-animation7.active .premium-banner-read-more,
1003
+ .premium-banner-animation7:hover .premium-banner-ib-title,
1004
+ .premium-banner-animation7.active .premium-banner-ib-title {
1005
+ opacity: 1;
1006
+ -webkit-transform: translate3d(0, 0, 0);
1007
+ transform: translate3d(0, 0, 0);
1008
+ }
1009
+
1010
+ .premium-banner-animation7:hover .premium-banner-bleft,
1011
+ .premium-banner-animation7.active .premium-banner-bleft {
1012
+ top: 30px;
1013
+ height: 70px;
1014
+ }
1015
+
1016
+ .premium-banner-animation7:hover .premium-banner-bright,
1017
+ .premium-banner-animation7.active .premium-banner-bright {
1018
+ bottom: 30px;
1019
+ height: 70px;
1020
+ }
1021
+
1022
+ .premium-banner-animation7:hover .premium-banner-bottom,
1023
+ .premium-banner-animation7.active .premium-banner-bottom {
1024
+ left: 30px;
1025
+ width: 70px;
1026
+ }
1027
+
1028
+ .premium-banner-animation7:hover .premium-banner-btop,
1029
+ .premium-banner-animation7.active .premium-banner-btop {
1030
+ right: 30px;
1031
+ width: 70px;
1032
+ }
1033
+
1034
+ .premium-banner-animation7:hover .premium-banner-ib-content,
1035
+ .premium-banner-animation7:hover .premium-banner-read-more,
1036
+ .premium-banner-animation7:hover .premium-banner-ib-title,
1037
+ .premium-banner-animation7:hover img {
1038
+ -webkit-transition-delay: 0.15s;
1039
+ transition-delay: 0.15s;
1040
+ }
1041
+
1042
+ .premium-banner-animation8 img {
1043
+ width: -webkit-calc(100% + 40px) !important;
1044
+ width: calc(100% + 40px) !important;
1045
+ max-width: -webkit-calc(100% + 40px) !important;
1046
+ max-width: calc(100% + 40px) !important;
1047
+ }
1048
+
1049
+ .premium-banner-animation8 .premium-banner-brlr {
1050
+ width: 7px;
1051
+ }
1052
+
1053
+ .premium-banner-animation8 .premium-banner-brtb {
1054
+ height: 7px;
1055
+ }
1056
+
1057
+ .premium-banner-animation8 .premium-banner-br {
1058
+ position: absolute;
1059
+ z-index: 1;
1060
+ background-color: white;
1061
+ -webkit-transition: all 0.3s ease-in-out;
1062
+ transition: all 0.3s ease-in-out;
1063
+ -webkit-transition-delay: 0.2s;
1064
+ transition-delay: 0.2s;
1065
+ }
1066
+
1067
+ .premium-banner-animation8 .premium-banner-bleft {
1068
+ right: 30px;
1069
+ top: 50%;
1070
+ -webkit-transform: translateY(-50%);
1071
+ -ms-transform: translateY(-50%);
1072
+ transform: translateY(-50%);
1073
+ height: 0;
1074
+ }
1075
+
1076
+ .premium-banner-animation8 .premium-banner-bright {
1077
+ left: 30px;
1078
+ top: 50%;
1079
+ -webkit-transform: translateY(-50%);
1080
+ -ms-transform: translateY(-50%);
1081
+ transform: translateY(-50%);
1082
+ height: 0;
1083
+ }
1084
+
1085
+ .premium-banner-animation8 .premium-banner-bottom {
1086
+ right: 50%;
1087
+ -webkit-transform: translateX(50%);
1088
+ -ms-transform: translateX(50%);
1089
+ transform: translateX(50%);
1090
+ bottom: 30px;
1091
+ width: 0;
1092
+ }
1093
+
1094
+ .premium-banner-animation8 .premium-banner-btop {
1095
+ right: 50%;
1096
+ -webkit-transform: translateX(50%);
1097
+ -ms-transform: translateX(50%);
1098
+ transform: translateX(50%);
1099
+ top: 30px;
1100
+ width: 0;
1101
+ }
1102
+
1103
+ .premium-banner-animation8 .premium-banner-ib-desc {
1104
+ padding: 70px;
1105
+ display: table;
1106
+ }
1107
+
1108
+ .premium-banner-animation8 .premium-banner-ib-desc .premium-banner-desc-centered {
1109
+ display: table-cell;
1110
+ vertical-align: middle;
1111
+ }
1112
+
1113
+ .premium-banner-animation8 .premium-banner-ib-title {
1114
+ margin-top: 0;
1115
+ }
1116
+
1117
+ .premium-banner-animation8 .premium-banner-ib-title,
1118
+ .premium-banner-animation8 img {
1119
+ -webkit-transform: translate3d(30px, 0, 0);
1120
+ transform: translate3d(30px, 0, 0);
1121
+ }
1122
+
1123
+ .premium-banner-animation8.zoomout img,
1124
+ .premium-banner-animation8.scale img {
1125
+ -webkit-transform: translate3d(30px, 0, 0) scale(1.1);
1126
+ transform: translate3d(30px, 0, 0) scale(1.1);
1127
+ }
1128
+
1129
+ .premium-banner-animation8 .premium-banner-ib-content,
1130
+ .premium-banner-animation8 .premium-banner-read-more {
1131
+ margin-top: 10px;
1132
+ }
1133
+
1134
+ .premium-banner-animation8 .premium-banner-ib-desc::after,
1135
+ .premium-banner-animation8 .premium-banner-ib-desc::before {
1136
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1137
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1138
+ transition: opacity 0.35s, transform 0.35s;
1139
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1140
+ }
1141
+
1142
+ .premium-banner-animation8 .premium-banner-ib-title,
1143
+ .premium-banner-animation8 .premium-banner-ib-content,
1144
+ .premium-banner-animation8 .premium-banner-read-more {
1145
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1146
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1147
+ transition: opacity 0.35s, transform 0.35s;
1148
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1149
+ opacity: 0;
1150
+ }
1151
+
1152
+ .premium-banner-animation8 img {
1153
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1154
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1155
+ transition: opacity 0.35s, transform 0.35s;
1156
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1157
+ }
1158
+
1159
+ .premium-banner-animation8:hover .premium-banner-ib-content,
1160
+ .premium-banner-animation8.active .premium-banner-ib-content,
1161
+ .premium-banner-animation8:hover .premium-banner-read-more,
1162
+ .premium-banner-animation8.active .premium-banner-read-more,
1163
+ .premium-banner-animation8:hover .premium-banner-ib-title,
1164
+ .premium-banner-animation8.active .premium-banner-ib-title {
1165
+ opacity: 1;
1166
+ -webkit-transform: translate3d(0, 0, 0);
1167
+ transform: translate3d(0, 0, 0);
1168
+ }
1169
+
1170
+ .premium-banner-animation8:hover .premium-banner-bleft,
1171
+ .premium-banner-animation8.active .premium-banner-bleft {
1172
+ height: -webkit-calc(100% - 61px);
1173
+ height: calc(100% - 61px);
1174
+ }
1175
+
1176
+ .premium-banner-animation8:hover .premium-banner-bright,
1177
+ .premium-banner-animation8.active .premium-banner-bright {
1178
+ height: -webkit-calc(100% - 61px);
1179
+ height: calc(100% - 61px);
1180
+ }
1181
+
1182
+ .premium-banner-animation8:hover .premium-banner-bottom,
1183
+ .premium-banner-animation8.active .premium-banner-bottom {
1184
+ width: -webkit-calc(100% - 61px);
1185
+ width: calc(100% - 61px);
1186
+ }
1187
+
1188
+ .premium-banner-animation8:hover .premium-banner-btop,
1189
+ .premium-banner-animation8.active .premium-banner-btop {
1190
+ width: -webkit-calc(100% - 61px);
1191
+ width: calc(100% - 61px);
1192
+ }
1193
+
1194
+ .premium-banner-animation8:hover .premium-banner-ib-content,
1195
+ .premium-banner-animation8:hover .premium-banner-ib-title,
1196
+ .premium-banner-animation8:hover .premium-banner-read-more,
1197
+ .premium-banner-animation8:hover img {
1198
+ -webkit-transition-delay: 0.15s;
1199
+ transition-delay: 0.15s;
1200
+ }
1201
+
1202
+ .premium-banner-animation9 img {
1203
+ width: -webkit-calc(100% + 20px) !important;
1204
+ width: calc(100% + 20px) !important;
1205
+ max-width: -webkit-calc(100% + 20px) !important;
1206
+ max-width: calc(100% + 20px) !important;
1207
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1208
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1209
+ transition: opacity 0.35s, transform 0.35s;
1210
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1211
+ -webkit-transform: scale(1.2);
1212
+ -ms-transform: scale(1.2);
1213
+ transform: scale(1.2);
1214
+ }
1215
+
1216
+ .premium-banner-animation9 .premium-banner-ib-desc {
1217
+ width: 100%;
1218
+ height: 100%;
1219
+ }
1220
+
1221
+ .premium-banner-animation9 .premium-banner-ib-desc::before {
1222
+ position: absolute;
1223
+ top: 50%;
1224
+ right: 50%;
1225
+ width: 80%;
1226
+ height: 1px;
1227
+ background: #fff;
1228
+ content: "";
1229
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1230
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1231
+ transition: opacity 0.35s, transform 0.35s;
1232
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1233
+ -webkit-transform: translate3d(50%, -50%, 0);
1234
+ transform: translate3d(50%, -50%, 0);
1235
+ }
1236
+
1237
+ .premium-banner-animation9 .premium-banner-ib-desc::after {
1238
+ position: absolute;
1239
+ top: 50%;
1240
+ right: 50%;
1241
+ width: 80%;
1242
+ height: 1px;
1243
+ background: #fff;
1244
+ content: "";
1245
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1246
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1247
+ transition: opacity 0.35s, transform 0.35s;
1248
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1249
+ -webkit-transform: translate3d(50%, -50%, 0);
1250
+ transform: translate3d(50%, -50%, 0);
1251
+ }
1252
+
1253
+ .premium-banner-animation9 .premium-banner-ib-title {
1254
+ position: absolute;
1255
+ top: 50%;
1256
+ right: 0;
1257
+ width: 100%;
1258
+ -webkit-transition: -webkit-transform 0.35s;
1259
+ transition: -webkit-transform 0.35s;
1260
+ transition: transform 0.35s;
1261
+ transition: transform 0.35s, -webkit-transform 0.35s;
1262
+ -webkit-transform: translate3d(0, -70px, 0);
1263
+ transform: translate3d(0, -70px, 0);
1264
+ margin-top: 0;
1265
+ padding: 0 10%;
1266
+ }
1267
+
1268
+ .premium-banner-animation9:hover .premium-banner-ib-title,
1269
+ .premium-banner-animation9.active .premium-banner-ib-title {
1270
+ -webkit-transform: translate3d(0, -80px, 0);
1271
+ transform: translate3d(0, -80px, 0);
1272
+ }
1273
+
1274
+ .premium-banner-animation9 .premium-banner-ib-content,
1275
+ .premium-banner-animation9 .premium-banner-read-more {
1276
+ position: absolute;
1277
+ top: 50%;
1278
+ right: 0;
1279
+ width: 100%;
1280
+ -webkit-transition: -webkit-transform 0.35s;
1281
+ transition: -webkit-transform 0.35s;
1282
+ transition: transform 0.35s;
1283
+ transition: transform 0.35s, -webkit-transform 0.35s;
1284
+ padding: 0 10%;
1285
+ -webkit-transform: translate3d(0, 35px, 0);
1286
+ transform: translate3d(0, 35px, 0);
1287
+ }
1288
+
1289
+ .premium-banner-animation9 .premium-banner-read-more {
1290
+ top: 75%;
1291
+ }
1292
+
1293
+ .premium-banner-animation9:hover .premium-banner-ib-content,
1294
+ .premium-banner-animation9.active .premium-banner-ib-content,
1295
+ .premium-banner-animation9:hover .premium-banner-read-more,
1296
+ .premium-banner-animation9.active .premium-banner-read-more {
1297
+ -webkit-transform: translate3d(0, 45px, 0);
1298
+ transform: translate3d(0, 45px, 0);
1299
+ }
1300
+
1301
+ .premium-banner-animation9:hover .premium-banner-ib-desc::before,
1302
+ .premium-banner-animation9.active .premium-banner-ib-desc::before {
1303
+ opacity: 0.5;
1304
+ -webkit-transform: translate3d(50%, -50%, 0) rotate(-45deg);
1305
+ transform: translate3d(50%, -50%, 0) rotate(-45deg);
1306
+ }
1307
+
1308
+ .premium-banner-animation9:hover .premium-banner-ib-desc::after,
1309
+ .premium-banner-animation9.active .premium-banner-ib-desc::after {
1310
+ opacity: 0.5;
1311
+ -webkit-transform: translate3d(50%, -50%, 0) rotate(45deg);
1312
+ transform: translate3d(50%, -50%, 0) rotate(45deg);
1313
+ }
1314
+
1315
+ .premium-banner-animation9:hover img {
1316
+ -webkit-transform: scale(1);
1317
+ -ms-transform: scale(1);
1318
+ transform: scale(1);
1319
+ }
1320
+
1321
+ .premium-banner-animation10 img {
1322
+ width: -webkit-calc(100% + 20px) !important;
1323
+ width: calc(100% + 20px) !important;
1324
+ max-width: -webkit-calc(100% + 20px) !important;
1325
+ max-width: calc(100% + 20px) !important;
1326
+ }
1327
+
1328
+ .premium-banner-animation10 .premium-banner-ib-title {
1329
+ position: relative;
1330
+ overflow: hidden;
1331
+ padding: 5px 0 15px;
1332
+ -webkit-transition: -webkit-transform 0.35s;
1333
+ transition: -webkit-transform 0.35s;
1334
+ transition: transform 0.35s;
1335
+ transition: transform 0.35s, -webkit-transform 0.35s;
1336
+ -webkit-transform: translate3d(0, 20px, 0);
1337
+ transform: translate3d(0, 20px, 0);
1338
+ margin-bottom: 0;
1339
+ }
1340
+
1341
+ .premium-banner-animation10 .premium-banner-ib-title::after {
1342
+ position: absolute;
1343
+ content: "";
1344
+ bottom: 0;
1345
+ right: 0;
1346
+ width: 100%;
1347
+ height: 3px;
1348
+ background: #fff;
1349
+ opacity: 0;
1350
+ -webkit-transform: translate3d(0, 100%, 0);
1351
+ transform: translate3d(0, 100%, 0);
1352
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1353
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1354
+ transition: opacity 0.35s, transform 0.35s;
1355
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1356
+ }
1357
+
1358
+ .premium-banner-animation10:hover .premium-banner-ib-title,
1359
+ .premium-banner-animation10.active .premium-banner-ib-title {
1360
+ -webkit-transform: translate3d(0, 0, 0);
1361
+ transform: translate3d(0, 0, 0);
1362
+ }
1363
+
1364
+ .premium-banner-animation10:hover .premium-banner-ib-title::after,
1365
+ .premium-banner-animation10.active .premium-banner-ib-title::after {
1366
+ opacity: 1;
1367
+ -webkit-transform: translate3d(0, 0, 0);
1368
+ transform: translate3d(0, 0, 0);
1369
+ }
1370
+
1371
+ .premium-banner-animation10 .premium-banner-ib-content,
1372
+ .premium-banner-animation10 .premium-banner-read-more {
1373
+ padding-top: 15px;
1374
+ opacity: 0;
1375
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1376
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1377
+ transition: opacity 0.35s, transform 0.35s;
1378
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1379
+ -webkit-transform: translate3d(0, 100%, 0);
1380
+ transform: translate3d(0, 100%, 0);
1381
+ }
1382
+
1383
+ .premium-banner-animation10 .premium-banner-read-more {
1384
+ padding: 0;
1385
+ }
1386
+
1387
+ .premium-banner-animation10:hover .premium-banner-ib-content,
1388
+ .premium-banner-animation10.active .premium-banner-ib-content,
1389
+ .premium-banner-animation10:hover .premium-banner-read-more,
1390
+ .premium-banner-animation10.active .premium-banner-read-more {
1391
+ opacity: 1;
1392
+ -webkit-transform: translate3d(0, 0, 0);
1393
+ transform: translate3d(0, 0, 0);
1394
+ }
1395
+
1396
+ /**************** Premium CountDown *************/
1397
+ /************************************************/
1398
+ .premium-countdown {
1399
+ display: -ms-flexbox;
1400
+ display: -webkit-flex;
1401
+ display: -moz-flex;
1402
+ display: -ms-flex;
1403
+ -js-display: flex;
1404
+ display: -webkit-box;
1405
+ display: -moz-box;
1406
+ display: flex;
1407
+ }
1408
+
1409
+ /* jQuery Countdown styles 2.0.0. */
1410
+ .pre_countdown-row {
1411
+ display: block;
1412
+ text-align: center;
1413
+ }
1414
+
1415
+ .countdown .pre_countdown-section {
1416
+ display: inline-block;
1417
+ max-width: 100%;
1418
+ margin-bottom: 15px;
1419
+ }
1420
+
1421
+ .countdown .pre_countdown-section {
1422
+ display: -webkit-inline-box;
1423
+ display: -webkit-inline-flex;
1424
+ display: -ms-inline-flexbox;
1425
+ -js-display: inline-flex;
1426
+ display: -moz-inline-box;
1427
+ display: inline-flex;
1428
+ -webkit-box-align: center;
1429
+ -webkit-align-items: center;
1430
+ -moz-box-align: center;
1431
+ -ms-flex-align: center;
1432
+ align-items: center;
1433
+ }
1434
+
1435
+ .countdown .pre_countdown-section:last-child {
1436
+ margin-left: 0;
1437
+ }
1438
+
1439
+ .countdown span.pre_countdown-amount {
1440
+ font-size: 70px;
1441
+ line-height: 1;
1442
+ }
1443
+
1444
+ .countdown .pre_time-mid {
1445
+ display: block;
1446
+ }
1447
+
1448
+ .premium-countdown-separator-yes .pre-countdown_separator {
1449
+ display: block;
1450
+ margin: 0 50px;
1451
+ font-size: 30px;
1452
+ }
1453
+
1454
+ .premium-countdown-separator-yes .pre_countdown-row .pre_countdown-section:last-child .pre-countdown_separator {
1455
+ display: none;
1456
+ }
1457
+
1458
+ /************************************ * Digit and unit styles *************************************/
1459
+ .side .pre_countdown-section .pre_countdown-period {
1460
+ vertical-align: bottom;
1461
+ }
1462
+
1463
+ .countdown .pre_countdown-section .pre_countdown-period {
1464
+ font-size: 17px;
1465
+ line-height: 3em;
1466
+ }
1467
+
1468
+ .side .pre_countdown-section .pre_countdown-amount,
1469
+ .side .pre_countdown-section .pre_countdown-period {
1470
+ display: inline-block;
1471
+ }
1472
+
1473
+ .side .pre_countdown-section .pre_countdown-amount {
1474
+ margin-left: 5px;
1475
+ }
1476
+
1477
+ .down .pre_countdown-section .pre_countdown-amount,
1478
+ .down .pre_countdown-section .pre_countdown-period {
1479
+ display: block;
1480
+ }
1481
+
1482
+ /**************** Premium Carousel **************/
1483
+ /************************************************/
1484
+ .premium-carousel-wrapper a.carousel-arrow,
1485
+ .premium-carousel-wrapper a.ver-carousel-arrow,
1486
+ .premium-fb-rev-container a.carousel-arrow,
1487
+ .premium-blog-wrap a.carousel-arrow,
1488
+ .premium-hscroll-wrap a.carousel-arrow,
1489
+ .premium-twitter-feed-wrapper a.carousel-arrow,
1490
+ .premium-facebook-feed-wrapper a.carousel-arrow,
1491
+ .premium-instafeed-container a.carousel-arrow,
1492
+ .premium-persons-container a.carousel-arrow {
1493
+ display: -ms-flexbox;
1494
+ display: -webkit-flex;
1495
+ display: -moz-flex;
1496
+ display: -ms-flex;
1497
+ -js-display: flex;
1498
+ display: -webkit-box;
1499
+ display: -moz-box;
1500
+ display: flex;
1501
+ -webkit-box-align: center;
1502
+ -webkit-align-items: center;
1503
+ -moz-box-align: center;
1504
+ -ms-flex-align: center;
1505
+ align-items: center;
1506
+ -webkit-box-pack: center;
1507
+ -webkit-justify-content: center;
1508
+ -moz-box-pack: center;
1509
+ -ms-flex-pack: center;
1510
+ justify-content: center;
1511
+ width: 2em;
1512
+ height: 2em;
1513
+ line-height: 0;
1514
+ text-align: center;
1515
+ position: absolute;
1516
+ z-index: 99;
1517
+ cursor: pointer;
1518
+ -webkit-transition: all 0.3s ease-in-out;
1519
+ transition: all 0.3s ease-in-out;
1520
+ -webkit-appearance: inherit;
1521
+ border: none;
1522
+ -webkit-box-shadow: none;
1523
+ box-shadow: none;
1524
+ }
1525
+
1526
+ div[class^="premium-"] .slick-arrow i {
1527
+ display: block;
1528
+ }
1529
+
1530
+ .ver-carousel-arrow.carousel-next i {
1531
+ margin-bottom: -3px;
1532
+ }
1533
+
1534
+ .premium-carousel-wrapper a.slick-arrow:hover {
1535
+ -webkit-box-shadow: none !important;
1536
+ box-shadow: none !important;
1537
+ }
1538
+
1539
+ .premium-carousel-wrapper .premium-carousel-content-hidden {
1540
+ visibility: hidden;
1541
+ }
1542
+
1543
+ .premium-carousel-wrapper a.carousel-arrow,
1544
+ .premium-fb-rev-container a.carousel-arrow,
1545
+ .premium-blog-wrap a.carousel-arrow,
1546
+ .premium-hscroll-wrap a.carousel-arrow,
1547
+ .premium-twitter-feed-wrapper a.carousel-arrow,
1548
+ .premium-facebook-feed-wrapper a.carousel-arrow,
1549
+ .premium-instafeed-container a.carousel-arrow,
1550
+ .premium-persons-container a.carousel-arrow {
1551
+ top: 50%;
1552
+ -webkit-transform: translateY(-50%);
1553
+ -ms-transform: translateY(-50%);
1554
+ transform: translateY(-50%);
1555
+ }
1556
+
1557
+ .premium-carousel-wrapper a.ver-carousel-arrow {
1558
+ right: 50%;
1559
+ -webkit-transform: translateX(50%);
1560
+ -ms-transform: translateX(50%);
1561
+ transform: translateX(50%);
1562
+ }
1563
+
1564
+ a.carousel-arrow.carousel-next {
1565
+ right: -20px;
1566
+ }
1567
+
1568
+ a.carousel-arrow.carousel-prev {
1569
+ left: -20px;
1570
+ }
1571
+
1572
+ a.ver-carousel-arrow.carousel-next {
1573
+ bottom: -56px;
1574
+ }
1575
+
1576
+ a.ver-carousel-arrow.carousel-prev {
1577
+ top: -45px;
1578
+ }
1579
+
1580
+ a.circle-bg {
1581
+ -webkit-border-radius: 100%;
1582
+ border-radius: 100%;
1583
+ }
1584
+
1585
+ a.circle-border {
1586
+ -webkit-border-radius: 100%;
1587
+ border-radius: 100%;
1588
+ border: solid black;
1589
+ }
1590
+
1591
+ a.square-border {
1592
+ border: solid black;
1593
+ }
1594
+
1595
+ .premium-carousel-wrapper ul.slick-dots,
1596
+ .premium-blog-wrap ul.slick-dots {
1597
+ list-style: none;
1598
+ text-align: center;
1599
+ margin: 0;
1600
+ padding: 0;
1601
+ }
1602
+
1603
+ .premium-carousel-dots-below ul.slick-dots {
1604
+ position: relative;
1605
+ }
1606
+
1607
+ .premium-carousel-dots-above ul.slick-dots {
1608
+ position: absolute;
1609
+ display: -ms-flexbox;
1610
+ display: -webkit-flex;
1611
+ display: -moz-flex;
1612
+ display: -ms-flex;
1613
+ -js-display: flex;
1614
+ display: -webkit-box;
1615
+ display: -moz-box;
1616
+ display: flex;
1617
+ top: 50%;
1618
+ -webkit-transform: translateY(-50%);
1619
+ -ms-transform: translateY(-50%);
1620
+ transform: translateY(-50%);
1621
+ -webkit-flex-direction: column;
1622
+ -webkit-box-orient: vertical;
1623
+ -webkit-box-direction: normal;
1624
+ -moz-box-orient: vertical;
1625
+ -moz-box-direction: normal;
1626
+ -ms-flex-direction: column;
1627
+ flex-direction: column;
1628
+ }
1629
+
1630
+ ul.slick-dots li {
1631
+ font-size: 10px;
1632
+ display: -webkit-inline-box;
1633
+ display: -webkit-inline-flex;
1634
+ display: -ms-inline-flexbox;
1635
+ -js-display: inline-flex;
1636
+ display: -moz-inline-box;
1637
+ display: inline-flex;
1638
+ -webkit-box-pack: center;
1639
+ -webkit-justify-content: center;
1640
+ -moz-box-pack: center;
1641
+ -ms-flex-pack: center;
1642
+ justify-content: center;
1643
+ -webkit-box-align: center;
1644
+ -webkit-align-items: center;
1645
+ -moz-box-align: center;
1646
+ -ms-flex-align: center;
1647
+ align-items: center;
1648
+ margin: 5px;
1649
+ width: 20px;
1650
+ height: 20px;
1651
+ cursor: pointer;
1652
+ }
1653
+
1654
+ /*
1655
+ * Custom Navigation Dot
1656
+ */
1657
+ .premium-carousel-wrapper .premium-carousel-nav-dot,
1658
+ .premium-carousel-wrapper .premium-carousel-nav-arrow-prev,
1659
+ .premium-carousel-wrapper .premium-carousel-nav-arrow-next {
1660
+ display: none;
1661
+ }
1662
+
1663
+ .premium-carousel-wrapper ul.slick-dots svg {
1664
+ width: 20px;
1665
+ height: 20px;
1666
+ }
1667
+
1668
+ /* Ripple Out */
1669
+ @-webkit-keyframes hvr-ripple-out {
1670
+ 0% {
1671
+ -webkit-transform: scale(1);
1672
+ transform: scale(1);
1673
+ opacity: 1;
1674
+ }
1675
+
1676
+ 100% {
1677
+ -webkit-transform: scale(1.5);
1678
+ transform: scale(1.5);
1679
+ opacity: 0;
1680
+ }
1681
+ }
1682
+
1683
+ @keyframes hvr-ripple-out {
1684
+ 0% {
1685
+ -webkit-transform: scale(1);
1686
+ transform: scale(1);
1687
+ opacity: 1;
1688
+ }
1689
+
1690
+ 100% {
1691
+ -webkit-transform: scale(1.5);
1692
+ transform: scale(1.5);
1693
+ opacity: 0;
1694
+ }
1695
+ }
1696
+
1697
+ .premium-carousel-ripple-yes .premium-carousel-wrapper {
1698
+ padding-bottom: 1px;
1699
+ }
1700
+
1701
+ .premium-carousel-ripple-yes ul.slick-dots li,
1702
+ .premium-carousel-ripple-yes ul.slick-dots li i {
1703
+ position: relative;
1704
+ }
1705
+
1706
+ .premium-carousel-ripple-yes ul.slick-dots li i {
1707
+ z-index: 1;
1708
+ }
1709
+
1710
+ .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
1711
+ content: "";
1712
+ position: absolute;
1713
+ -webkit-transform: scale(1);
1714
+ -ms-transform: scale(1);
1715
+ transform: scale(1);
1716
+ top: 0;
1717
+ left: 0;
1718
+ bottom: 0;
1719
+ right: 0;
1720
+ -webkit-border-radius: 50%;
1721
+ border-radius: 50%;
1722
+ pointer-events: none;
1723
+ background-color: rgba(0, 0, 0, 0.15);
1724
+ }
1725
+
1726
+ .premium-carousel-ripple-yes ul.slick-dots li.slick-active:hover:before {
1727
+ background-color: rgba(0, 0, 0, 0.3);
1728
+ }
1729
+
1730
+ .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
1731
+ -webkit-animation: hvr-ripple-out 1.3s infinite;
1732
+ animation: hvr-ripple-out 1.3s infinite;
1733
+ }
1734
+
1735
+ .premium-carousel-wrapper.premium-carousel-scale .slick-slide {
1736
+ -webkit-transform: scale(1.25, 1.25);
1737
+ -ms-transform: scale(1.25, 1.25);
1738
+ transform: scale(1.25, 1.25);
1739
+ -webkit-transition: all 0.3s ease-in-out !important;
1740
+ transition: all 0.3s ease-in-out !important;
1741
+ }
1742
+
1743
+ .premium-carousel-wrapper.premium-carousel-scale div.slick-active {
1744
+ -webkit-transform: scale(1, 1);
1745
+ -ms-transform: scale(1, 1);
1746
+ transform: scale(1, 1);
1747
+ }
1748
+
1749
+ [dir="rtl"] .premium-carousel-inner .slick-slide {
1750
+ float: right;
1751
+ }
1752
+
1753
+ /**************** Premium Counter ***************/
1754
+ /************************************************/
1755
+ .premium-counter-area {
1756
+ padding: 10px 0;
1757
+ -js-display: flex;
1758
+ display: -webkit-box;
1759
+ display: -webkit-flex;
1760
+ display: -moz-box;
1761
+ display: -ms-flexbox;
1762
+ display: flex;
1763
+ -webkit-box-pack: center;
1764
+ -webkit-justify-content: center;
1765
+ -moz-box-pack: center;
1766
+ -ms-flex-pack: center;
1767
+ justify-content: center;
1768
+ -webkit-box-align: center;
1769
+ -webkit-align-items: center;
1770
+ -moz-box-align: center;
1771
+ -ms-flex-align: center;
1772
+ align-items: center;
1773
+ }
1774
+
1775
+ .premium-counter-area.top {
1776
+ -webkit-box-orient: vertical;
1777
+ -webkit-box-direction: normal;
1778
+ -webkit-flex-direction: column;
1779
+ -moz-box-orient: vertical;
1780
+ -moz-box-direction: normal;
1781
+ -ms-flex-direction: column;
1782
+ flex-direction: column;
1783
+ }
1784
+
1785
+ .premium-counter-area.right {
1786
+ -webkit-box-orient: horizontal;
1787
+ -webkit-box-direction: reverse;
1788
+ -webkit-flex-direction: row-reverse;
1789
+ -moz-box-orient: horizontal;
1790
+ -moz-box-direction: reverse;
1791
+ -ms-flex-direction: row-reverse;
1792
+ flex-direction: row-reverse;
1793
+ }
1794
+
1795
+ .premium-counter-area.right .premium-counter-icon {
1796
+ padding-right: 20px;
1797
+ }
1798
+
1799
+ .premium-counter-area.left .premium-counter-icon {
1800
+ padding-left: 20px;
1801
+ }
1802
+
1803
+ .premium-counter-area .premium-counter-icon .icon i.fa:before {
1804
+ vertical-align: text-top;
1805
+ }
1806
+
1807
+ .premium-counter-area .premium-counter-icon span.icon {
1808
+ text-align: center;
1809
+ display: inline-block;
1810
+ vertical-align: middle;
1811
+ }
1812
+
1813
+ .premium-counter-area .premium-counter-icon .circle {
1814
+ -webkit-border-radius: 100%;
1815
+ border-radius: 100%;
1816
+ }
1817
+
1818
+ .premium-counter-area .premium-counter-icon img,
1819
+ .premium-counter-area .premium-counter-icon svg {
1820
+ width: 80px;
1821
+ }
1822
+
1823
+ .premium-counter-area .premium-counter-icon .premium-counter-animation svg {
1824
+ height: 80px;
1825
+ }
1826
+
1827
+ .premium-counter-area .premium-counter-title {
1828
+ padding: 0;
1829
+ margin: 0;
1830
+ }
1831
+
1832
+ .premium-counter-area .premium-counter-value-wrap {
1833
+ -js-display: flex;
1834
+ display: -webkit-box;
1835
+ display: -webkit-flex;
1836
+ display: -moz-box;
1837
+ display: -ms-flexbox;
1838
+ display: flex;
1839
+ -webkit-box-align: center;
1840
+ -webkit-align-items: center;
1841
+ -moz-box-align: center;
1842
+ -ms-flex-align: center;
1843
+ align-items: center;
1844
+ }
1845
+
1846
+ .premium-init-wrapper.right {
1847
+ text-align: left;
1848
+ }
1849
+
1850
+ /* * Custom image and simple styles image fix */
1851
+ span.icon.flex-width {
1852
+ width: auto !important;
1853
+ height: auto !important;
1854
+ }
1855
+
1856
+ .premium-counter-area .premium-counter-init {
1857
+ font-size: 35px;
1858
+ }
1859
+
1860
+ /**************** Premium Image Separator ****************/
1861
+ /*********************************************************/
1862
+ /*Image Separator Container Style*/
1863
+ .premium-image-separator-container {
1864
+ position: absolute;
1865
+ width: 100%;
1866
+ z-index: 2;
1867
+ top: auto;
1868
+ }
1869
+
1870
+ .premium-image-separator-container svg,
1871
+ .premium-image-separator-container img {
1872
+ display: inline-block !important;
1873
+ }
1874
+
1875
+ /*Link on Image Style*/
1876
+ .premium-image-separator-link {
1877
+ position: absolute;
1878
+ z-index: 9999;
1879
+ top: 0;
1880
+ right: 0;
1881
+ width: 100%;
1882
+ height: 100%;
1883
+ text-decoration: none;
1884
+ }
1885
+
1886
+ /*Important to override Theme options*/
1887
+ a.premium-image-separator-link:hover,
1888
+ a.premium-image-separator-link:visited,
1889
+ a.premium-image-separator-link:focus,
1890
+ a.premium-image-separator-link:active {
1891
+ -webkit-box-shadow: none !important;
1892
+ box-shadow: none !important;
1893
+ outline: none !important;
1894
+ border: none !important;
1895
+ text-decoration: none !important;
1896
+ }
1897
+
1898
+ .premium-image-separator-container .img-responsive {
1899
+ display: inline-block;
1900
+ }
1901
+
1902
+ .premium-image-separator-container i {
1903
+ padding: 0.1em;
1904
+ -webkit-transition: all 0.3s ease-in-out;
1905
+ transition: all 0.3s ease-in-out;
1906
+ }
1907
+
1908
+ /**************** Premium Modal Box ****************/
1909
+ /***************************************************/
1910
+ .premium-modal-trigger-btn,
1911
+ .premium-modal-box-modal-lower-close {
1912
+ display: inline-block;
1913
+ padding: 6px 12px;
1914
+ margin-bottom: 0;
1915
+ font-size: 14px;
1916
+ font-weight: normal;
1917
+ line-height: 1.42857143;
1918
+ text-align: center;
1919
+ white-space: nowrap;
1920
+ vertical-align: middle;
1921
+ -ms-touch-action: manipulation;
1922
+ touch-action: manipulation;
1923
+ cursor: pointer;
1924
+ -webkit-user-select: none;
1925
+ -moz-user-select: none;
1926
+ -ms-user-select: none;
1927
+ user-select: none;
1928
+ background-image: none;
1929
+ border: 1px solid transparent;
1930
+ }
1931
+
1932
+ .premium-modal-trigger-btn i {
1933
+ -webkit-transition: all 0.3s ease-in-out;
1934
+ transition: all 0.3s ease-in-out;
1935
+ }
1936
+
1937
+ .premium-btn-md {
1938
+ padding: 8px 14px;
1939
+ font-size: 16px;
1940
+ line-height: 1.2;
1941
+ }
1942
+
1943
+ .premium-btn-lg {
1944
+ padding: 10px 16px;
1945
+ font-size: 18px;
1946
+ line-height: 1.3333333;
1947
+ }
1948
+
1949
+ .premium-btn-block {
1950
+ display: block;
1951
+ width: 100%;
1952
+ }
1953
+
1954
+ .premium-modal-box-modal-close {
1955
+ float: left;
1956
+ font-size: 21px;
1957
+ font-weight: bold;
1958
+ line-height: 1;
1959
+ color: #000;
1960
+ }
1961
+
1962
+ .premium-modal-box-modal-close:hover,
1963
+ .premium-modal-box-modal-close:focus {
1964
+ color: #000;
1965
+ text-decoration: none;
1966
+ cursor: pointer;
1967
+ }
1968
+
1969
+ button.premium-modal-box-modal-close {
1970
+ -webkit-appearance: none;
1971
+ padding: 0;
1972
+ cursor: pointer;
1973
+ background: transparent;
1974
+ border: 0;
1975
+ }
1976
+
1977
+ .premium-modal-box-modal {
1978
+ position: fixed;
1979
+ top: 0;
1980
+ left: 0;
1981
+ bottom: 0;
1982
+ right: 0;
1983
+ z-index: 1050;
1984
+ display: none;
1985
+ -webkit-overflow-scrolling: touch;
1986
+ outline: 0;
1987
+ padding: 0 !important;
1988
+ background: rgba(0, 0, 0, 0.5);
1989
+ -webkit-box-align: center;
1990
+ -webkit-align-items: center;
1991
+ -moz-box-align: center;
1992
+ -ms-flex-align: center;
1993
+ align-items: center;
1994
+ -webkit-box-pack: center;
1995
+ -webkit-justify-content: center;
1996
+ -moz-box-pack: center;
1997
+ -ms-flex-pack: center;
1998
+ justify-content: center;
1999
+ }
2000
+
2001
+ .premium-modal-box-modal .premium-modal-box-modal-dialog {
2002
+ position: absolute;
2003
+ max-height: -webkit-calc(100vh - 150px);
2004
+ max-height: calc(100vh - 150px);
2005
+ -js-display: flex;
2006
+ display: -webkit-box;
2007
+ display: -webkit-flex;
2008
+ display: -moz-box;
2009
+ display: -ms-flexbox;
2010
+ display: flex;
2011
+ -webkit-box-orient: vertical;
2012
+ -webkit-box-direction: normal;
2013
+ -webkit-flex-direction: column;
2014
+ -moz-box-orient: vertical;
2015
+ -moz-box-direction: normal;
2016
+ -ms-flex-direction: column;
2017
+ flex-direction: column;
2018
+ opacity: 0;
2019
+ }
2020
+
2021
+ .premium-modal-box-modal-content {
2022
+ background-color: #fff;
2023
+ -webkit-background-clip: padding-box;
2024
+ background-clip: padding-box;
2025
+ border: 1px solid rgba(0, 0, 0, 0.2);
2026
+ -webkit-border-radius: 6px;
2027
+ border-radius: 6px;
2028
+ outline: 0;
2029
+ }
2030
+
2031
+ .premium-modal-backdrop.premium-in {
2032
+ filter: alpha(opacity=50);
2033
+ opacity: 0.5 !important;
2034
+ }
2035
+
2036
+ .premium-modal-fade.premium-in {
2037
+ opacity: 1;
2038
+ }
2039
+
2040
+ .premium-modal-backdrop {
2041
+ position: fixed;
2042
+ top: 0;
2043
+ left: 0;
2044
+ bottom: 0;
2045
+ right: 0;
2046
+ z-index: 1040;
2047
+ background-color: #000;
2048
+ }
2049
+
2050
+ .premium-modal-backdrop.premium-modal-fade {
2051
+ filter: alpha(opacity=0);
2052
+ opacity: 0;
2053
+ }
2054
+
2055
+ .premium-modal-fade {
2056
+ opacity: 0;
2057
+ }
2058
+
2059
+ .premium-in {
2060
+ -js-display: flex !important;
2061
+ display: -webkit-box !important;
2062
+ display: -webkit-flex !important;
2063
+ display: -moz-box !important;
2064
+ display: -ms-flexbox !important;
2065
+ display: flex !important;
2066
+ }
2067
+
2068
+ .premium-modal-box-modal-header {
2069
+ -js-display: flex;
2070
+ display: -webkit-box;
2071
+ display: -webkit-flex;
2072
+ display: -moz-box;
2073
+ display: -ms-flexbox;
2074
+ display: flex;
2075
+ -webkit-box-pack: justify;
2076
+ -webkit-justify-content: space-between;
2077
+ -moz-box-pack: justify;
2078
+ -ms-flex-pack: justify;
2079
+ justify-content: space-between;
2080
+ -webkit-box-align: center;
2081
+ -webkit-align-items: center;
2082
+ -moz-box-align: center;
2083
+ -ms-flex-align: center;
2084
+ align-items: center;
2085
+ padding: 5px 15px;
2086
+ border-bottom: 1px solid #e5e5e5;
2087
+ }
2088
+
2089
+ .premium-modal-box-modal-header .premium-modal-box-modal-close {
2090
+ margin-top: -2px;
2091
+ }
2092
+
2093
+ .premium-modal-box-modal-header .premium-modal-box-modal-title {
2094
+ -js-display: flex;
2095
+ display: -webkit-box;
2096
+ display: -webkit-flex;
2097
+ display: -moz-box;
2098
+ display: -ms-flexbox;
2099
+ display: flex;
2100
+ -webkit-box-align: center;
2101
+ -webkit-align-items: center;
2102
+ -moz-box-align: center;
2103
+ -ms-flex-align: center;
2104
+ align-items: center;
2105
+ margin: 0;
2106
+ padding: 0;
2107
+ }
2108
+
2109
+ .premium-modal-box-modal-header .premium-modal-box-modal-title svg {
2110
+ width: 50px;
2111
+ height: 60px;
2112
+ }
2113
+
2114
+ .premium-modal-box-modal-body {
2115
+ position: relative;
2116
+ padding: 15px;
2117
+ overflow: hidden;
2118
+ }
2119
+
2120
+ .premium-modal-box-modal-footer {
2121
+ padding: 15px;
2122
+ text-align: left;
2123
+ border-top: 1px solid #e5e5e5;
2124
+ }
2125
+
2126
+ .premium-modal-scrollbar-measure {
2127
+ position: absolute;
2128
+ top: -9999px;
2129
+ width: 50px;
2130
+ height: 50px;
2131
+ overflow: scroll;
2132
+ }
2133
+
2134
+ .premium-modal-trigger-text {
2135
+ background: none !important;
2136
+ }
2137
+
2138
+ .premium-modal-box-container {
2139
+ width: 100% !important;
2140
+ }
2141
+
2142
+ /*Open Modal Button Style*/
2143
+ .premium-modal-trigger-container .premium-modal-trigger-btn {
2144
+ border: none;
2145
+ -webkit-transition: all 0.3s ease-in-out;
2146
+ transition: all 0.3s ease-in-out;
2147
+ }
2148
+
2149
+ .premium-modal-trigger-container .premium-modal-trigger-img,
2150
+ .premium-modal-trigger-container .premium-modal-trigger-text,
2151
+ .premium-modal-trigger-container .premium-modal-trigger-animation {
2152
+ cursor: pointer;
2153
+ }
2154
+
2155
+ .premium-modal-trigger-container .premium-modal-trigger-animation {
2156
+ display: inline-block;
2157
+ width: 200px;
2158
+ height: 200px;
2159
+ -webkit-transition: all 0.3s ease-in-out;
2160
+ transition: all 0.3s ease-in-out;
2161
+ }
2162
+
2163
+ /*Image on Modal Header Style*/
2164
+ .premium-modal-box-modal-header img {
2165
+ width: 48px;
2166
+ padding-left: 5px;
2167
+ }
2168
+
2169
+ .premium-modal-box-modal-header i,
2170
+ .premium-modal-box-modal-header svg {
2171
+ padding-left: 6px;
2172
+ }
2173
+
2174
+ .premium-modal-box-modal-close {
2175
+ position: relative;
2176
+ z-index: 99;
2177
+ }
2178
+
2179
+ .premium-modal-trigger-img,
2180
+ .premium-modal-trigger-text,
2181
+ .premium-modal-box-close-button-container,
2182
+ .premium-modal-box-modal-close,
2183
+ .premium-modal-box-modal-lower-close {
2184
+ -webkit-transition: all 0.3s ease-in-out;
2185
+ transition: all 0.3s ease-in-out;
2186
+ }
2187
+
2188
+ @media (min-width: 768px) {
2189
+ .premium-modal-box-modal-dialog {
2190
+ width: 700px;
2191
+ max-height: 600px;
2192
+ overflow: auto;
2193
+ }
2194
+ }
2195
+
2196
+ @media (max-width: 767px) {
2197
+ .premium-modal-box-modal-dialog {
2198
+ width: 100%;
2199
+ max-height: 500px;
2200
+ overflow: auto;
2201
+ }
2202
+ }
2203
+
2204
+ .premium-modal-box-container[data-modal-animation*="animated-"] {
2205
+ opacity: 0;
2206
+ }
2207
+
2208
+ /**************** Premium Progress Bar ****************/
2209
+ /******************************************************/
2210
+ .premium-progressbar-container {
2211
+ position: relative;
2212
+ }
2213
+
2214
+ .premium-progressbar-bar-wrap {
2215
+ position: relative;
2216
+ text-align: right;
2217
+ overflow: hidden;
2218
+ height: 25px;
2219
+ margin-bottom: 50px;
2220
+ background-color: #f5f5f5;
2221
+ -webkit-border-radius: 4px;
2222
+ border-radius: 4px;
2223
+ -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
2224
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
2225
+ }
2226
+
2227
+ .premium-progressbar-bar-wrap.premium-progressbar-dots {
2228
+ background-color: transparent;
2229
+ width: 100%;
2230
+ -js-display: flex;
2231
+ display: -webkit-box;
2232
+ display: -webkit-flex;
2233
+ display: -moz-box;
2234
+ display: -ms-flexbox;
2235
+ display: flex;
2236
+ height: auto;
2237
+ -webkit-box-shadow: none;
2238
+ box-shadow: none;
2239
+ }
2240
+
2241
+ .premium-progressbar-bar-wrap .progress-segment {
2242
+ position: relative;
2243
+ width: 25px;
2244
+ height: 25px;
2245
+ -webkit-border-radius: 50%;
2246
+ border-radius: 50%;
2247
+ overflow: hidden;
2248
+ background-color: #f5f5f5;
2249
+ }
2250
+
2251
+ .premium-progressbar-bar-wrap .progress-segment.filled {
2252
+ background: #6ec1e4;
2253
+ }
2254
+
2255
+ .premium-progressbar-bar-wrap .progress-segment:not(:first-child):not(:last-child) {
2256
+ margin: 0 4px;
2257
+ }
2258
+
2259
+ .premium-progressbar-bar-wrap .progress-segment:first-child {
2260
+ margin-left: 4px;
2261
+ }
2262
+
2263
+ .premium-progressbar-bar-wrap .progress-segment:last-child {
2264
+ margin-right: 4px;
2265
+ }
2266
+
2267
+ .premium-progressbar-bar-wrap .progress-segment .segment-inner {
2268
+ position: absolute;
2269
+ top: 0;
2270
+ right: 0;
2271
+ height: 100%;
2272
+ background-color: #6ec1e4;
2273
+ }
2274
+
2275
+ .premium-progressbar-bar {
2276
+ float: right;
2277
+ width: 0%;
2278
+ height: 100%;
2279
+ font-size: 12px;
2280
+ line-height: 20px;
2281
+ background: #6ec1e4;
2282
+ text-align: center;
2283
+ -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2284
+ box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2285
+ }
2286
+
2287
+ .premium-progressbar-striped .premium-progressbar-bar {
2288
+ background-image: -webkit-linear-gradient(-135deg,
2289
+ rgba(255, 255, 255, 0.15) 25%,
2290
+ transparent 25%,
2291
+ transparent 50%,
2292
+ rgba(255, 255, 255, 0.15) 50%,
2293
+ rgba(255, 255, 255, 0.15) 75%,
2294
+ transparent 75%,
2295
+ transparent);
2296
+ background-image: -webkit-linear-gradient(45deg,
2297
+ rgba(255, 255, 255, 0.15) 25%,
2298
+ transparent 25%,
2299
+ transparent 50%,
2300
+ rgba(255, 255, 255, 0.15) 50%,
2301
+ rgba(255, 255, 255, 0.15) 75%,
2302
+ transparent 75%,
2303
+ transparent);
2304
+ background-image: linear-gradient(45deg,
2305
+ rgba(255, 255, 255, 0.15) 25%,
2306
+ transparent 25%,
2307
+ transparent 50%,
2308
+ rgba(255, 255, 255, 0.15) 50%,
2309
+ rgba(255, 255, 255, 0.15) 75%,
2310
+ transparent 75%,
2311
+ transparent);
2312
+ -webkit-background-size: 40px 40px;
2313
+ background-size: 40px 40px;
2314
+ }
2315
+
2316
+ .premium-progressbar-active .premium-progressbar-bar {
2317
+ -webkit-animation: progress-bar-stripes 2s linear infinite;
2318
+ animation: progress-bar-stripes 2s linear infinite;
2319
+ }
2320
+
2321
+ .premium-progressbar-gradient .premium-progressbar-bar {
2322
+ -webkit-background-size: 400% 400% !important;
2323
+ background-size: 400% 400% !important;
2324
+ -webkit-animation: progress-bar-gradient 10s ease-in-out infinite;
2325
+ animation: progress-bar-gradient 10s ease-in-out infinite;
2326
+ }
2327
+
2328
+ .premium-progressbar-bar {
2329
+ position: absolute;
2330
+ overflow: hidden;
2331
+ line-height: 20px;
2332
+ }
2333
+
2334
+ .premium-progressbar-container .clearfix {
2335
+ clear: both;
2336
+ }
2337
+
2338
+ .premium-progressbar-bar {
2339
+ -webkit-transition: width 0s ease-in-out !important;
2340
+ transition: width 0s ease-in-out !important;
2341
+ }
2342
+
2343
+ .premium-progressbar-container p:first-of-type {
2344
+ margin: 0;
2345
+ float: right;
2346
+ }
2347
+
2348
+ .premium-progressbar-container p:nth-of-type(2) {
2349
+ margin: 0;
2350
+ float: left;
2351
+ }
2352
+
2353
+ .premium-progressbar-name {
2354
+ right: 50%;
2355
+ top: 0;
2356
+ left: 0;
2357
+ -webkit-transform: translateX(12.5px);
2358
+ -ms-transform: translateX(12.5px);
2359
+ transform: translateX(12.5px);
2360
+ z-index: 1;
2361
+ }
2362
+
2363
+ .premium-progressbar-multiple-label {
2364
+ position: relative;
2365
+ float: right;
2366
+ width: 0;
2367
+ right: 50%;
2368
+ }
2369
+
2370
+ .premium-progressbar-center-label {
2371
+ position: relative;
2372
+ white-space: nowrap;
2373
+ }
2374
+
2375
+ .premium-progressbar-arrow {
2376
+ right: 50%;
2377
+ display: inline-block;
2378
+ border-right: 7px solid transparent;
2379
+ border-left: 7px solid transparent;
2380
+ border-top: 11px solid;
2381
+ -webkit-transform: translateX(50%);
2382
+ -ms-transform: translateX(50%);
2383
+ transform: translateX(50%);
2384
+ }
2385
+
2386
+ .premium-progressbar-pin {
2387
+ border-right: 1px solid;
2388
+ height: 12px;
2389
+ right: 50%;
2390
+ display: inline-block;
2391
+ }
2392
+
2393
+ /**
2394
+ * Circle Progress Bar
2395
+ */
2396
+ .premium-progressbar-circle-wrap {
2397
+ width: 200px;
2398
+ height: 200px;
2399
+ position: relative;
2400
+ margin: 0 auto;
2401
+ }
2402
+
2403
+ .premium-progressbar-circle-wrap .premium-progressbar-circle {
2404
+ position: absolute;
2405
+ top: 0;
2406
+ right: 0;
2407
+ width: 100%;
2408
+ height: 100%;
2409
+ -webkit-clip-path: inset(0 0 0 50%);
2410
+ clip-path: inset(0 0 0 50%);
2411
+ }
2412
+
2413
+ .premium-progressbar-circle-wrap .premium-progressbar-circle div {
2414
+ position: absolute;
2415
+ right: 0;
2416
+ top: 0;
2417
+ height: 100%;
2418
+ width: 100%;
2419
+ border-width: 6px;
2420
+ border-style: solid;
2421
+ border-color: #54595f;
2422
+ -webkit-border-radius: 50%;
2423
+ border-radius: 50%;
2424
+ -webkit-clip-path: inset(0 50% 0 0);
2425
+ clip-path: inset(0 50% 0 0);
2426
+ }
2427
+
2428
+ .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-left {
2429
+ -webkit-transform: rotate(0);
2430
+ -ms-transform: rotate(0);
2431
+ transform: rotate(0);
2432
+ }
2433
+
2434
+ .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-right {
2435
+ -webkit-transform: rotate(-180deg);
2436
+ -ms-transform: rotate(-180deg);
2437
+ transform: rotate(-180deg);
2438
+ visibility: hidden;
2439
+ }
2440
+
2441
+ .premium-progressbar-circle-wrap .premium-progressbar-circle-base {
2442
+ width: 100%;
2443
+ height: 100%;
2444
+ border: 6px solid #eee;
2445
+ -webkit-border-radius: 50%;
2446
+ border-radius: 50%;
2447
+ }
2448
+
2449
+ .premium-progressbar-circle-wrap .premium-progressbar-circle-content {
2450
+ position: absolute;
2451
+ top: 0;
2452
+ right: 0;
2453
+ width: 100%;
2454
+ height: 100%;
2455
+ -js-display: flex;
2456
+ display: -webkit-box;
2457
+ display: -webkit-flex;
2458
+ display: -moz-box;
2459
+ display: -ms-flexbox;
2460
+ display: flex;
2461
+ -webkit-box-orient: vertical;
2462
+ -webkit-box-direction: normal;
2463
+ -webkit-flex-direction: column;
2464
+ -moz-box-orient: vertical;
2465
+ -moz-box-direction: normal;
2466
+ -ms-flex-direction: column;
2467
+ flex-direction: column;
2468
+ -webkit-box-pack: center;
2469
+ -webkit-justify-content: center;
2470
+ -moz-box-pack: center;
2471
+ -ms-flex-pack: center;
2472
+ justify-content: center;
2473
+ -webkit-box-align: center;
2474
+ -webkit-align-items: center;
2475
+ -moz-box-align: center;
2476
+ -ms-flex-align: center;
2477
+ align-items: center;
2478
+ }
2479
+
2480
+ .premium-progressbar-circle-wrap .premium-lottie-animation {
2481
+ line-height: 1;
2482
+ }
2483
+
2484
+ @-webkit-keyframes progress-bar-stripes {
2485
+ from {
2486
+ background-position: 100% 0;
2487
+ }
2488
+
2489
+ to {
2490
+ background-position: 40px 0;
2491
+ }
2492
+ }
2493
+
2494
+ @keyframes progress-bar-stripes {
2495
+ from {
2496
+ background-position: 100% 0;
2497
+ }
2498
+
2499
+ to {
2500
+ background-position: 40px 0;
2501
+ }
2502
+ }
2503
+
2504
+ @-webkit-keyframes progress-bar-gradient {
2505
+ 0% {
2506
+ background-position: 100% 50%;
2507
+ }
2508
+
2509
+ 50% {
2510
+ background-position: 0% 50%;
2511
+ }
2512
+
2513
+ 100% {
2514
+ background-position: 100% 50%;
2515
+ }
2516
+ }
2517
+
2518
+ @keyframes progress-bar-gradient {
2519
+ 0% {
2520
+ background-position: 100% 50%;
2521
+ }
2522
+
2523
+ 50% {
2524
+ background-position: 0% 50%;
2525
+ }
2526
+
2527
+ 100% {
2528
+ background-position: 100% 50%;
2529
+ }
2530
+ }
2531
+
2532
+ /**************** Premium Testimonials ****************/
2533
+ /******************************************************/
2534
+ .premium-testimonial-box {
2535
+ width: 100%;
2536
+ background: transparent;
2537
+ -webkit-transition: all 0.3s ease-in-out;
2538
+ transition: all 0.3s ease-in-out;
2539
+ }
2540
+
2541
+ .premium-testimonial-box .premium-testimonial-author-info {
2542
+ -js-display: flex;
2543
+ display: -webkit-box;
2544
+ display: -webkit-flex;
2545
+ display: -moz-box;
2546
+ display: -ms-flexbox;
2547
+ display: flex;
2548
+ -webkit-box-pack: center;
2549
+ -webkit-justify-content: center;
2550
+ -moz-box-pack: center;
2551
+ -ms-flex-pack: center;
2552
+ justify-content: center;
2553
+ -webkit-box-align: center;
2554
+ -webkit-align-items: center;
2555
+ -moz-box-align: center;
2556
+ -ms-flex-align: center;
2557
+ align-items: center;
2558
+ }
2559
+
2560
+ .premium-testimonial-box .premium-testimonial-person-name,
2561
+ .premium-testimonial-box .premium-testimonial-company-name {
2562
+ font-weight: 600;
2563
+ margin: 0;
2564
+ }
2565
+
2566
+ .premium-testimonial-container {
2567
+ position: relative;
2568
+ }
2569
+
2570
+ .premium-testimonial-img-wrapper {
2571
+ margin-right: auto;
2572
+ margin-left: auto;
2573
+ overflow: hidden;
2574
+ border-style: solid !important;
2575
+ }
2576
+
2577
+ .premium-testimonial-img-wrapper.circle {
2578
+ -webkit-border-radius: 50%;
2579
+ border-radius: 50%;
2580
+ }
2581
+
2582
+ .premium-testimonial-img-wrapper.rounded {
2583
+ -webkit-border-radius: 15px;
2584
+ border-radius: 15px;
2585
+ }
2586
+
2587
+ .premium-testimonial-img-wrapper img {
2588
+ -o-object-fit: cover;
2589
+ object-fit: cover;
2590
+ width: 100%;
2591
+ height: 100% !important;
2592
+ }
2593
+
2594
+ .premium-testimonial-content-wrapper {
2595
+ position: relative;
2596
+ display: -ms-flexbox;
2597
+ display: -webkit-flex;
2598
+ display: -moz-flex;
2599
+ display: -ms-flex;
2600
+ -js-display: flex;
2601
+ display: -webkit-box;
2602
+ display: -moz-box;
2603
+ display: flex;
2604
+ -webkit-box-orient: vertical;
2605
+ -webkit-box-direction: normal;
2606
+ -webkit-flex-direction: column;
2607
+ -moz-box-orient: vertical;
2608
+ -moz-box-direction: normal;
2609
+ -ms-flex-direction: column;
2610
+ flex-direction: column;
2611
+ z-index: 2;
2612
+ width: 100%;
2613
+ padding: 20px;
2614
+ text-align: center;
2615
+ }
2616
+
2617
+ .premium-testimonial-clear-float {
2618
+ clear: both;
2619
+ }
2620
+
2621
+ .premium-testimonial-upper-quote,
2622
+ .premium-testimonial-lower-quote {
2623
+ position: absolute;
2624
+ z-index: 1;
2625
+ }
2626
+
2627
+ /**************** Premium Dual Heading *****************/
2628
+ /*******************************************************/
2629
+ .premium-dual-header-container .premium-dual-header-first-header,
2630
+ .premium-dual-header-container .premium-dual-header-second-header {
2631
+ position: relative;
2632
+ padding: 0;
2633
+ margin: 0;
2634
+ display: inline-block;
2635
+ -webkit-transform: translate(0, 0);
2636
+ -ms-transform: translate(0, 0);
2637
+ transform: translate(0, 0);
2638
+ }
2639
+
2640
+ .premium-dual-header-first-clip .premium-dual-header-first-span,
2641
+ .premium-dual-header-second-clip {
2642
+ -webkit-text-fill-color: transparent;
2643
+ -webkit-background-clip: text;
2644
+ }
2645
+
2646
+ .premium-dual-header-first-clip.stroke .premium-dual-header-first-span,
2647
+ .premium-dual-header-second-clip.stroke {
2648
+ -webkit-text-stroke-color: transparent;
2649
+ -webkit-text-fill-color: #fafafa;
2650
+ -webkit-text-stroke-width: 2px;
2651
+ }
2652
+
2653
+ @media (max-width: 500px) {
2654
+
2655
+ .premium-dual-header-container .premium-dual-header-first-header,
2656
+ .premium-dual-header-container .premium-dual-header-second-header {
2657
+ display: block;
2658
+ word-wrap: break-word;
2659
+ }
2660
+
2661
+ .premium-dual-header-first-container,
2662
+ .premium-dual-header-second-container {
2663
+ margin: 0;
2664
+ }
2665
+ }
2666
+
2667
+ @media (min-width: 501px) {
2668
+ .premium-dual-header-first-container {
2669
+ margin-left: 5px;
2670
+ }
2671
+ }
2672
+
2673
+ .premium-dual-header-first-header.gradient .premium-dual-header-first-span,
2674
+ .premium-dual-header-second-header.gradient {
2675
+ -webkit-background-size: 300% 300% !important;
2676
+ background-size: 300% 300% !important;
2677
+ -webkit-animation: Gradient 10s ease-in-out infinite;
2678
+ animation: Gradient 10s ease-in-out infinite;
2679
+ }
2680
+
2681
+ @-webkit-keyframes Gradient {
2682
+ 0% {
2683
+ background-position: 100% 50%;
2684
+ }
2685
+
2686
+ 50% {
2687
+ background-position: 0% 50%;
2688
+ }
2689
+
2690
+ 100% {
2691
+ background-position: 100% 50%;
2692
+ }
2693
+ }
2694
+
2695
+ @keyframes Gradient {
2696
+ 0% {
2697
+ background-position: 100% 50%;
2698
+ }
2699
+
2700
+ 50% {
2701
+ background-position: 0% 50%;
2702
+ }
2703
+
2704
+ 100% {
2705
+ background-position: 100% 50%;
2706
+ }
2707
+ }
2708
+
2709
+ /**************** Premium Title ****************/
2710
+ /***********************************************/
2711
+ .premium-title-container {
2712
+ position: relative;
2713
+ width: 100%;
2714
+ clear: both;
2715
+ overflow: hidden;
2716
+ }
2717
+
2718
+ .premium-title-container .premium-title-header {
2719
+ position: relative;
2720
+ margin: 0;
2721
+ padding: 10px;
2722
+ }
2723
+
2724
+ .premium-title-container .premium-title-header:not(.premium-title-style7) {
2725
+ -webkit-box-align: center;
2726
+ -webkit-align-items: center;
2727
+ -moz-box-align: center;
2728
+ -ms-flex-align: center;
2729
+ align-items: center;
2730
+ }
2731
+
2732
+ .premium-title-container .premium-title-header svg {
2733
+ width: 40px;
2734
+ height: 40px;
2735
+ }
2736
+
2737
+ .premium-title-container .premium-title-header img {
2738
+ width: 40px;
2739
+ height: 40px;
2740
+ -o-object-fit: cover;
2741
+ object-fit: cover;
2742
+ }
2743
+
2744
+ .premium-title-container .premium-title-header a {
2745
+ position: absolute;
2746
+ top: 0;
2747
+ right: 0;
2748
+ width: 100%;
2749
+ height: 100%;
2750
+ }
2751
+
2752
+ .premium-title-container .premium-lottie-animation {
2753
+ -js-display: flex;
2754
+ display: -webkit-box;
2755
+ display: -webkit-flex;
2756
+ display: -moz-box;
2757
+ display: -ms-flexbox;
2758
+ display: flex;
2759
+ }
2760
+
2761
+ .premium-title-icon-row .premium-title-icon {
2762
+ margin-left: 10px;
2763
+ }
2764
+
2765
+ .premium-title-icon-row-reverse .premium-title-icon {
2766
+ margin-right: 10px;
2767
+ }
2768
+
2769
+ .premium-title-style3,
2770
+ .premium-title-style4 {
2771
+ -js-display: flex;
2772
+ display: -webkit-box;
2773
+ display: -webkit-flex;
2774
+ display: -moz-box;
2775
+ display: -ms-flexbox;
2776
+ display: flex;
2777
+ }
2778
+
2779
+ .premium-title-style1,
2780
+ .premium-title-style2,
2781
+ .premium-title-style5,
2782
+ .premium-title-style6,
2783
+ .premium-title-style8,
2784
+ .premium-title-style9 {
2785
+ -js-display: inline-flex;
2786
+ display: -webkit-inline-box;
2787
+ display: -webkit-inline-flex;
2788
+ display: -moz-inline-box;
2789
+ display: -ms-inline-flexbox;
2790
+ display: inline-flex;
2791
+ }
2792
+
2793
+ .premium-title-style7 {
2794
+ -js-display: inline-flex;
2795
+ display: -webkit-inline-box;
2796
+ display: -webkit-inline-flex;
2797
+ display: -moz-inline-box;
2798
+ display: -ms-inline-flexbox;
2799
+ display: inline-flex;
2800
+ -webkit-box-orient: vertical;
2801
+ -webkit-box-direction: normal;
2802
+ -webkit-flex-direction: column;
2803
+ -moz-box-orient: vertical;
2804
+ -moz-box-direction: normal;
2805
+ -ms-flex-direction: column;
2806
+ flex-direction: column;
2807
+ }
2808
+
2809
+ .premium-title-style7 .premium-title-style7-inner {
2810
+ -js-display: flex;
2811
+ display: -webkit-box;
2812
+ display: -webkit-flex;
2813
+ display: -moz-box;
2814
+ display: -ms-flexbox;
2815
+ display: flex;
2816
+ -webkit-box-align: center;
2817
+ -webkit-align-items: center;
2818
+ -moz-box-align: center;
2819
+ -ms-flex-align: center;
2820
+ align-items: center;
2821
+ }
2822
+
2823
+ .premium-title-style1 {
2824
+ border-right: 3px solid #6ec1e4;
2825
+ }
2826
+
2827
+ .premium-title-container.style2,
2828
+ .premium-title-container.style4,
2829
+ .premium-title-container.style5,
2830
+ .premium-title-container.style6 {
2831
+ border-bottom: 3px solid #6ec1e4;
2832
+ }
2833
+
2834
+ /*Style 6 Header*/
2835
+ .premium-title-style6:before {
2836
+ position: absolute;
2837
+ right: 50%;
2838
+ bottom: 0;
2839
+ margin-right: -2px;
2840
+ content: "";
2841
+ border: 3px solid transparent;
2842
+ }
2843
+
2844
+ /*Style 6 Trinagle*/
2845
+ .premium-title-style7-stripe-wrap {
2846
+ -js-display: flex;
2847
+ display: -webkit-box;
2848
+ display: -webkit-flex;
2849
+ display: -moz-box;
2850
+ display: -ms-flexbox;
2851
+ display: flex;
2852
+ }
2853
+
2854
+ .premium-title-style7:before {
2855
+ display: none;
2856
+ }
2857
+
2858
+ .premium-title-style8 .premium-title-text[data-animation="shiny"] {
2859
+ -webkit-background-size: 125px 125px !important;
2860
+ background-size: 125px !important;
2861
+ color: rgba(255, 255, 255, 0);
2862
+ -webkit-background-clip: text !important;
2863
+ background-clip: text !important;
2864
+ -webkit-animation-name: shining_title !important;
2865
+ animation-name: shining_title !important;
2866
+ -webkit-animation-duration: var(--animation-speed) !important;
2867
+ animation-duration: var(--animation-speed) !important;
2868
+ -webkit-animation-iteration-count: infinite !important;
2869
+ animation-iteration-count: infinite !important;
2870
+ background: var(--base-color) -webkit-gradient(linear,
2871
+ left top,
2872
+ right top,
2873
+ from(var(--base-color)),
2874
+ to(var(--base-color)),
2875
+ color-stop(0.5, var(--shiny-color))) 0 0 no-repeat;
2876
+ }
2877
+
2878
+ @-webkit-keyframes shining_title {
2879
+ 0% {
2880
+ background-position: 100%;
2881
+ }
2882
+
2883
+ 100% {
2884
+ background-position: -100%;
2885
+ }
2886
+ }
2887
+
2888
+ @keyframes shining_title {
2889
+ 0% {
2890
+ background-position: 100%;
2891
+ }
2892
+
2893
+ 100% {
2894
+ background-position: -100%;
2895
+ }
2896
+ }
2897
+
2898
+ .premium-title-style9[data-animation-blur="process"] .premium-title-style9-letter {
2899
+ -webkit-animation: premium_blurshadow 2s 1 alternate;
2900
+ animation: premium_blurshadow 2s 1 alternate;
2901
+ }
2902
+
2903
+ @-webkit-keyframes premium_blurshadow {
2904
+ from {
2905
+ text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
2906
+ color: transparent;
2907
+ }
2908
+
2909
+ to {
2910
+ text-shadow: 0;
2911
+ }
2912
+ }
2913
+
2914
+ @keyframes premium_blurshadow {
2915
+ from {
2916
+ text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
2917
+ color: transparent;
2918
+ }
2919
+
2920
+ to {
2921
+ text-shadow: 0;
2922
+ }
2923
+ }
2924
+
2925
+ /*
2926
+ * Common Title/Dual Heading
2927
+ */
2928
+ .premium-title-bg-text:before {
2929
+ position: absolute;
2930
+ content: attr(data-background);
2931
+ top: 0;
2932
+ right: 0;
2933
+ text-align: left;
2934
+ }
2935
+
2936
+ /**************** Premium Video Box ************/
2937
+ /***********************************************/
2938
+ .premium-video-box-transform {
2939
+ -webkit-transform: none !important;
2940
+ -ms-transform: none !important;
2941
+ transform: none !important;
2942
+ }
2943
+
2944
+ .premium-video-box-container>div {
2945
+ position: relative;
2946
+ }
2947
+
2948
+ .pa-aspect-ratio-11 .premium-video-box-container>div {
2949
+ padding-bottom: 100%;
2950
+ }
2951
+
2952
+ .pa-aspect-ratio-169 .premium-video-box-container>div {
2953
+ padding-bottom: 56.25%;
2954
+ }
2955
+
2956
+ .pa-aspect-ratio-43 .premium-video-box-container>div {
2957
+ padding-bottom: 75%;
2958
+ }
2959
+
2960
+ .pa-aspect-ratio-32 .premium-video-box-container>div {
2961
+ padding-bottom: 66.6666%;
2962
+ }
2963
+
2964
+ .pa-aspect-ratio-219 .premium-video-box-container>div {
2965
+ padding-bottom: 42.8571%;
2966
+ }
2967
+
2968
+ .pa-aspect-ratio-916 .premium-video-box-container>div {
2969
+ padding-bottom: 177.8%;
2970
+ }
2971
+
2972
+ .premium-video-box-image-container {
2973
+ position: absolute;
2974
+ top: 0;
2975
+ right: 0;
2976
+ bottom: 0;
2977
+ left: 0;
2978
+ width: 100%;
2979
+ height: 100%;
2980
+ -webkit-background-size: cover;
2981
+ background-size: cover;
2982
+ background-position: 50%;
2983
+ cursor: pointer;
2984
+ margin: auto;
2985
+ -webkit-transition: 0.2s all;
2986
+ transition: 0.2s all;
2987
+ }
2988
+
2989
+ .premium-video-box-play-icon-container {
2990
+ position: absolute;
2991
+ z-index: 2;
2992
+ cursor: pointer;
2993
+ -webkit-transform: translate(50%, -50%);
2994
+ -ms-transform: translate(50%, -50%);
2995
+ transform: translate(50%, -50%);
2996
+ background: rgba(252, 252, 252, 0.35);
2997
+ }
2998
+
2999
+ .premium-video-box-description-container {
3000
+ position: absolute;
3001
+ z-index: 2;
3002
+ padding: 5px;
3003
+ text-align: center;
3004
+ cursor: pointer;
3005
+ -webkit-transform: translate(50%, -50%);
3006
+ -ms-transform: translate(50%, -50%);
3007
+ transform: translate(50%, -50%);
3008
+ }
3009
+
3010
+ .premium-video-box-text {
3011
+ margin-bottom: 0 !important;
3012
+ -webkit-transition: all 0.3s ease-in-out;
3013
+ transition: all 0.3s ease-in-out;
3014
+ }
3015
+
3016
+ .premium-video-box-play-icon {
3017
+ padding: 15px;
3018
+ -webkit-transform: translateX(-4%);
3019
+ -ms-transform: translateX(-4%);
3020
+ transform: translateX(-4%);
3021
+ -webkit-transition: all 0.3s ease-in-out;
3022
+ transition: all 0.3s ease-in-out;
3023
+ }
3024
+
3025
+ .premium-video-box-video-container {
3026
+ position: absolute;
3027
+ top: 0;
3028
+ right: 0;
3029
+ z-index: 2;
3030
+ width: 100%;
3031
+ height: 100%;
3032
+ -webkit-transition: opacity 0.8s ease-in-out;
3033
+ transition: opacity 0.8s ease-in-out;
3034
+ overflow: hidden;
3035
+ cursor: pointer;
3036
+ }
3037
+
3038
+ .premium-video-box-container[data-overlay="true"][data-type="self"] .premium-video-box-video-container {
3039
+ opacity: 0;
3040
+ visibility: hidden;
3041
+ }
3042
+
3043
+ .premium-video-box-video-container iframe {
3044
+ max-width: 100%;
3045
+ width: 100%;
3046
+ height: 100%;
3047
+ margin: 0;
3048
+ line-height: 1;
3049
+ border: none;
3050
+ }
3051
+
3052
+ .premium-video-box-video-container video {
3053
+ max-width: 100%;
3054
+ width: 100%;
3055
+ height: 100%;
3056
+ margin: 0;
3057
+ line-height: 1;
3058
+ border: none;
3059
+ background-color: #000;
3060
+ -o-object-fit: contain;
3061
+ object-fit: contain;
3062
+ }
3063
+
3064
+ .premium-video-box-container .premium-video-box-vimeo-wrap {
3065
+ -js-display: flex;
3066
+ display: -webkit-box;
3067
+ display: -webkit-flex;
3068
+ display: -moz-box;
3069
+ display: -ms-flexbox;
3070
+ display: flex;
3071
+ position: absolute;
3072
+ top: 0;
3073
+ right: 0;
3074
+ z-index: 3;
3075
+ margin: 10px;
3076
+ margin-left: 10px;
3077
+ -webkit-transition: opacity 0.2s ease-out;
3078
+ transition: opacity 0.2s ease-out;
3079
+ margin-left: 4.6em;
3080
+ }
3081
+
3082
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-portrait {
3083
+ width: 60px;
3084
+ height: 60px;
3085
+ background: rgba(23, 35, 34, 0.75);
3086
+ margin-left: 1px;
3087
+ -webkit-box-flex: 1;
3088
+ -webkit-flex: 1 0 auto;
3089
+ -moz-box-flex: 1;
3090
+ -ms-flex: 1 0 auto;
3091
+ flex: 1 0 auto;
3092
+ padding: 0;
3093
+ }
3094
+
3095
+ .premium-video-box-vimeo-portrait img {
3096
+ width: 50px;
3097
+ height: 50px;
3098
+ margin: 5px;
3099
+ padding: 0;
3100
+ border: 0;
3101
+ -webkit-border-radius: 50%;
3102
+ border-radius: 50%;
3103
+ }
3104
+
3105
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-headers {
3106
+ font-size: 10px;
3107
+ }
3108
+
3109
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-title {
3110
+ max-width: 100%;
3111
+ font-size: 2em !important;
3112
+ font-weight: 700;
3113
+ margin: 0;
3114
+ padding: 0.1em 0.2em;
3115
+ background: rgba(23, 35, 34, 0.75);
3116
+ display: inline-block;
3117
+ text-transform: none;
3118
+ line-height: normal;
3119
+ letter-spacing: normal;
3120
+ }
3121
+
3122
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-byline {
3123
+ font-size: 1.2em !important;
3124
+ font-weight: 400;
3125
+ color: #fff;
3126
+ margin-top: 0.1em;
3127
+ padding: 0.2em 0.5em;
3128
+ background: rgba(23, 35, 34, 0.75);
3129
+ text-transform: none;
3130
+ line-height: normal;
3131
+ letter-spacing: normal;
3132
+ }
3133
+
3134
+ .premium-video-box-playlist-container {
3135
+ -js-display: flex;
3136
+ display: -webkit-box;
3137
+ display: -webkit-flex;
3138
+ display: -moz-box;
3139
+ display: -ms-flexbox;
3140
+ display: flex;
3141
+ -webkit-flex-wrap: wrap;
3142
+ -ms-flex-wrap: wrap;
3143
+ flex-wrap: wrap;
3144
+ }
3145
+
3146
+ .premium-video-box-playlist-container .premium-video-box-container {
3147
+ height: 100%;
3148
+ overflow: hidden;
3149
+ }
3150
+
3151
+ .premium-video-box-container:hover .premium-video-box-image-container.zoomin {
3152
+ -webkit-transform: scale(1.1);
3153
+ -ms-transform: scale(1.1);
3154
+ transform: scale(1.1);
3155
+ }
3156
+
3157
+ .premium-video-box-container:hover .premium-video-box-image-container.zoomout {
3158
+ -webkit-transform: scale(1);
3159
+ -ms-transform: scale(1);
3160
+ transform: scale(1);
3161
+ }
3162
+
3163
+ .premium-video-box-container:hover .premium-video-box-image-container.scale {
3164
+ -webkit-transform: scale(1.3) rotate(-5deg);
3165
+ -ms-transform: scale(1.3) rotate(-5deg);
3166
+ transform: scale(1.3) rotate(-5deg);
3167
+ }
3168
+
3169
+ .premium-video-box-container:hover .premium-video-box-image-container.gray {
3170
+ -webkit-filter: grayscale(0%);
3171
+ filter: grayscale(0%);
3172
+ }
3173
+
3174
+ .premium-video-box-container:hover .premium-video-box-image-container.blur {
3175
+ -webkit-filter: blur(3px);
3176
+ filter: blur(3px);
3177
+ }
3178
+
3179
+ .premium-video-box-container:hover .premium-video-box-image-container.sepia {
3180
+ -webkit-filter: sepia(0%);
3181
+ filter: sepia(0%);
3182
+ }
3183
+
3184
+ .premium-video-box-container:hover .premium-video-box-image-container.trans {
3185
+ -webkit-transform: translateX(0px) scale(1.1);
3186
+ -ms-transform: translateX(0px) scale(1.1);
3187
+ transform: translateX(0px) scale(1.1);
3188
+ }
3189
+
3190
+ .premium-video-box-container:hover .premium-video-box-image-container.bright {
3191
+ -webkit-filter: brightness(1.2);
3192
+ filter: brightness(1.2);
3193
+ }
3194
+
3195
+ .premium-video-box-image-container.gray {
3196
+ -webkit-filter: grayscale(100%);
3197
+ filter: grayscale(100%);
3198
+ }
3199
+
3200
+ .premium-video-box-image-container.zoomout,
3201
+ .premium-video-box-image-container.scale {
3202
+ -webkit-transform: scale(1.2);
3203
+ -ms-transform: scale(1.2);
3204
+ transform: scale(1.2);
3205
+ }
3206
+
3207
+ .premium-video-box-image-container.sepia {
3208
+ -webkit-filter: sepia(30%);
3209
+ filter: sepia(30%);
3210
+ }
3211
+
3212
+ .premium-video-box-image-container.bright {
3213
+ -webkit-filter: brightness(1);
3214
+ filter: brightness(1);
3215
+ }
3216
+
3217
+ .premium-video-box-image-container.trans {
3218
+ -webkit-transform: translateX(15px) scale(1.1);
3219
+ -ms-transform: translateX(15px) scale(1.1);
3220
+ transform: translateX(15px) scale(1.1);
3221
+ }
3222
+
3223
+ .premium-video-box-mask-media {
3224
+ -webkit-mask-repeat: no-repeat;
3225
+ mask-repeat: no-repeat;
3226
+ }
3227
+
3228
+ /* Sticky Video Option */
3229
+ .premium-video-box-container.premium-video-box-sticky-apply {
3230
+ z-index: 99;
3231
+ overflow: unset;
3232
+ }
3233
+
3234
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3235
+ position: fixed !important;
3236
+ z-index: 99999;
3237
+ height: 225px;
3238
+ width: 400px;
3239
+ background: #fff;
3240
+ }
3241
+
3242
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-vimeo-wrap,
3243
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-container:before {
3244
+ visibility: hidden;
3245
+ }
3246
+
3247
+ .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 {
3248
+ -webkit-box-shadow: unset;
3249
+ box-shadow: unset;
3250
+ }
3251
+
3252
+ .premium-video-box-sticky-close,
3253
+ .premium-video-box-sticky-infobar {
3254
+ display: none;
3255
+ }
3256
+
3257
+ .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3258
+ position: absolute;
3259
+ padding: 5px;
3260
+ cursor: pointer;
3261
+ z-index: 99999;
3262
+ height: 14px;
3263
+ width: 14px;
3264
+ -webkit-box-sizing: content-box;
3265
+ -moz-box-sizing: content-box;
3266
+ box-sizing: content-box;
3267
+ -webkit-border-radius: 100%;
3268
+ border-radius: 100%;
3269
+ -js-display: flex;
3270
+ display: -webkit-box;
3271
+ display: -webkit-flex;
3272
+ display: -moz-box;
3273
+ display: -ms-flexbox;
3274
+ display: flex;
3275
+ -webkit-box-pack: center;
3276
+ -webkit-justify-content: center;
3277
+ -moz-box-pack: center;
3278
+ -ms-flex-pack: center;
3279
+ justify-content: center;
3280
+ -webkit-box-align: center;
3281
+ -webkit-align-items: center;
3282
+ -moz-box-align: center;
3283
+ -ms-flex-align: center;
3284
+ align-items: center;
3285
+ }
3286
+
3287
+ .premium-video-box-sticky-apply .premium-video-box-play-icon-container {
3288
+ -js-display: flex;
3289
+ display: -webkit-box;
3290
+ display: -webkit-flex;
3291
+ display: -moz-box;
3292
+ display: -ms-flexbox;
3293
+ display: flex;
3294
+ }
3295
+
3296
+ .premium-video-box-sticky-apply .premium-video-box-play-icon {
3297
+ -webkit-transition: none;
3298
+ transition: none;
3299
+ }
3300
+
3301
+ .premium-video-box-sticky-apply .premium-video-box-sticky-infobar {
3302
+ display: block;
3303
+ position: relative;
3304
+ top: 100%;
3305
+ width: 100%;
3306
+ padding: 5px;
3307
+ text-align: center;
3308
+ z-index: 9999;
3309
+ margin-top: -1px;
3310
+ }
3311
+
3312
+ .premium-video-box-sticky-apply .premium-video-box-inner-wrap.ui-draggable {
3313
+ cursor: move;
3314
+ }
3315
+
3316
+ .premium-video-sticky-top-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3317
+ left: auto;
3318
+ right: 20px;
3319
+ top: 20px;
3320
+ }
3321
+
3322
+ .premium-video-sticky-bottom-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3323
+ left: auto;
3324
+ right: 20px;
3325
+ bottom: 20px;
3326
+ }
3327
+
3328
+ .premium-video-sticky-top-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3329
+ right: auto;
3330
+ left: 20px;
3331
+ top: 20px;
3332
+ }
3333
+
3334
+ .premium-video-sticky-bottom-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3335
+ right: auto;
3336
+ left: 20px;
3337
+ bottom: 20px;
3338
+ }
3339
+
3340
+ .premium-video-sticky-center-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3341
+ left: auto;
3342
+ right: 20px;
3343
+ top: 50%;
3344
+ -webkit-transform: translateY(-50%);
3345
+ -ms-transform: translateY(-50%);
3346
+ transform: translateY(-50%);
3347
+ }
3348
+
3349
+ .premium-video-sticky-center-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3350
+ right: auto;
3351
+ left: 20px;
3352
+ top: 50%;
3353
+ -webkit-transform: translateY(-50%);
3354
+ -ms-transform: translateY(-50%);
3355
+ transform: translateY(-50%);
3356
+ }
3357
+
3358
+ .premium-video-sticky-bottom-right .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap,
3359
+ .premium-video-sticky-bottom-left .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3360
+ bottom: 55px;
3361
+ }
3362
+
3363
+ .premium-video-sticky-top-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3364
+ .premium-video-sticky-bottom-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3365
+ .premium-video-sticky-center-left .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3366
+ top: -10px;
3367
+ left: -10px;
3368
+ }
3369
+
3370
+ .premium-video-sticky-top-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3371
+ .premium-video-sticky-bottom-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3372
+ .premium-video-sticky-center-right .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3373
+ top: -10px;
3374
+ right: -10px;
3375
+ }
3376
+
3377
+ .premium-video-box-filter-sticky {
3378
+ -webkit-filter: none !important;
3379
+ filter: none !important;
3380
+ }
3381
+
3382
+ /**************** Premium Blog *****************/
3383
+ /***********************************************/
3384
+ .premium-blog-thumb-effect-wrapper {
3385
+ position: relative;
3386
+ overflow: hidden;
3387
+ }
3388
+
3389
+ .premium-blog-effect-container:not(.premium-blog-bordered-effect) .premium-blog-post-link {
3390
+ position: absolute;
3391
+ top: 0;
3392
+ right: 0;
3393
+ width: 100%;
3394
+ height: 100%;
3395
+ z-index: 2;
3396
+ padding: 20px;
3397
+ }
3398
+
3399
+ .premium-blog-bordered-effect .premium-blog-post-link {
3400
+ display: block;
3401
+ height: 100%;
3402
+ position: relative;
3403
+ }
3404
+
3405
+ /*Thumbnail Img*/
3406
+ .premium-blog-thumbnail-container {
3407
+ overflow: hidden;
3408
+ }
3409
+
3410
+ .premium-blog-thumbnail-container img,
3411
+ .premium-blog-thumbnail-container .below-entry-meta {
3412
+ width: 100%;
3413
+ height: 100%;
3414
+ margin: 0 !important;
3415
+ -webkit-transition: all 0.4s ease-in-out;
3416
+ transition: all 0.4s ease-in-out;
3417
+ }
3418
+
3419
+ .premium-blog-thumb-effect-wrapper .premium-blog-zoomout-effect img,
3420
+ .premium-blog-thumb-effect-wrapper .premium-blog-scale-effect img {
3421
+ -webkit-transform: scale(1.2);
3422
+ -ms-transform: scale(1.2);
3423
+ transform: scale(1.2);
3424
+ }
3425
+
3426
+ .premium-blog-thumb-effect-wrapper .premium-blog-sepia-effect img {
3427
+ -webkit-filter: sepia(30%);
3428
+ filter: sepia(30%);
3429
+ }
3430
+
3431
+ .premium-blog-thumb-effect-wrapper .premium-blog-bright-effect img {
3432
+ -webkit-filter: brightness(1);
3433
+ filter: brightness(1);
3434
+ }
3435
+
3436
+ .premium-blog-thumb-effect-wrapper .premium-blog-trans-effect img {
3437
+ -webkit-transform: translateX(15px) scale(1.1);
3438
+ -ms-transform: translateX(15px) scale(1.1);
3439
+ transform: translateX(15px) scale(1.1);
3440
+ }
3441
+
3442
+ .premium-blog-post-outer-container:hover .premium-blog-zoomin-effect img {
3443
+ -webkit-transform: scale(1.2);
3444
+ -ms-transform: scale(1.2);
3445
+ transform: scale(1.2);
3446
+ }
3447
+
3448
+ .premium-blog-post-outer-container:hover .premium-blog-zoomout-effect img {
3449
+ -webkit-transform: scale(1.1);
3450
+ -ms-transform: scale(1.1);
3451
+ transform: scale(1.1);
3452
+ }
3453
+
3454
+ .premium-blog-post-outer-container:hover .premium-blog-scale-effect img {
3455
+ -webkit-transform: scale(1.3) rotate(-5deg);
3456
+ -ms-transform: scale(1.3) rotate(-5deg);
3457
+ transform: scale(1.3) rotate(-5deg);
3458
+ }
3459
+
3460
+ .premium-blog-post-outer-container:hover .premium-blog-gray-effect img {
3461
+ -webkit-filter: grayscale(100%);
3462
+ filter: grayscale(100%);
3463
+ }
3464
+
3465
+ .premium-blog-post-outer-container:hover .premium-blog-blur-effect img {
3466
+ -webkit-filter: blur(3px);
3467
+ filter: blur(3px);
3468
+ }
3469
+
3470
+ .premium-blog-post-outer-container:hover .premium-blog-sepia-effect img {
3471
+ -webkit-filter: sepia(0%);
3472
+ filter: sepia(0%);
3473
+ }
3474
+
3475
+ .premium-blog-post-outer-container:hover .premium-blog-bright-effect img {
3476
+ -webkit-filter: brightness(1.2);
3477
+ filter: brightness(1.2);
3478
+ }
3479
+
3480
+ .premium-blog-post-outer-container:hover .premium-blog-trans-effect img {
3481
+ -webkit-transform: translateX(0px) scale(1.1);
3482
+ -ms-transform: translateX(0px) scale(1.1);
3483
+ transform: translateX(0px) scale(1.1);
3484
+ }
3485
+
3486
+ .premium-blog-post-container {
3487
+ overflow: hidden;
3488
+ }
3489
+
3490
+ .premium-blog-post-container .premium-blog-inner-container {
3491
+ -js-display: flex;
3492
+ display: -webkit-box;
3493
+ display: -webkit-flex;
3494
+ display: -moz-box;
3495
+ display: -ms-flexbox;
3496
+ display: flex;
3497
+ }
3498
+
3499
+ .premium-blog-post-container .premium-blog-post-content {
3500
+ line-height: 1.5em;
3501
+ color: #777;
3502
+ font-size: 14px;
3503
+ margin-bottom: 10px;
3504
+ }
3505
+
3506
+ .premium-blog-post-container ul.post-categories a:hover,
3507
+ .premium-blog-post-container ul.post-categories a:focus,
3508
+ .premium-blog-post-container .premium-blog-post-link:hover,
3509
+ .premium-blog-post-container .premium-blog-post-link:focus {
3510
+ -webkit-box-shadow: none !important;
3511
+ box-shadow: none !important;
3512
+ outline: none !important;
3513
+ }
3514
+
3515
+ .premium-blog-post-container .premium-blog-entry-title {
3516
+ font-size: 18px;
3517
+ margin-bottom: 5px;
3518
+ }
3519
+
3520
+ .premium-blog-post-container.premium-blog-skin-modern .premium-blog-content-wrapper {
3521
+ position: relative;
3522
+ z-index: 3;
3523
+ top: -50px;
3524
+ }
3525
+
3526
+ .premium-blog-post-container .premium-blog-content-wrapper {
3527
+ background-color: #f5f5f5;
3528
+ padding: 30px;
3529
+ }
3530
+
3531
+ .premium-blog-post-container .premium-blog-content-wrapper.empty-thumb {
3532
+ top: 0;
3533
+ }
3534
+
3535
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before,
3536
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:after {
3537
+ position: absolute;
3538
+ content: "";
3539
+ z-index: 1;
3540
+ top: 50%;
3541
+ right: 50%;
3542
+ opacity: 0;
3543
+ -webkit-transform: translate(50%, -50%);
3544
+ -ms-transform: translate(50%, -50%);
3545
+ transform: translate(50%, -50%);
3546
+ -webkit-transition: all 0.4s linear 0s;
3547
+ transition: all 0.4s linear 0s;
3548
+ height: 1px;
3549
+ width: 100%;
3550
+ background-color: #fff;
3551
+ }
3552
+
3553
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before {
3554
+ width: 1px;
3555
+ height: 100%;
3556
+ }
3557
+
3558
+ .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 {
3559
+ width: 20px;
3560
+ opacity: 1;
3561
+ }
3562
+
3563
+ .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 {
3564
+ height: 20px;
3565
+ opacity: 1;
3566
+ }
3567
+
3568
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-content-wrapper {
3569
+ margin: 0px 10px 20px;
3570
+ clear: both;
3571
+ }
3572
+
3573
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay,
3574
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay,
3575
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay {
3576
+ position: absolute;
3577
+ top: 0;
3578
+ right: 0;
3579
+ width: 100%;
3580
+ height: 100%;
3581
+ -webkit-transition: all 0.3s ease-in-out;
3582
+ transition: all 0.3s ease-in-out;
3583
+ opacity: 0;
3584
+ }
3585
+
3586
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay a,
3587
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay a,
3588
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay a {
3589
+ -js-display: flex;
3590
+ display: -webkit-box;
3591
+ display: -webkit-flex;
3592
+ display: -moz-box;
3593
+ display: -ms-flexbox;
3594
+ display: flex;
3595
+ -webkit-box-pack: center;
3596
+ -webkit-justify-content: center;
3597
+ -moz-box-pack: center;
3598
+ -ms-flex-pack: center;
3599
+ justify-content: center;
3600
+ -webkit-box-align: center;
3601
+ -webkit-align-items: center;
3602
+ -moz-box-align: center;
3603
+ -ms-flex-align: center;
3604
+ align-items: center;
3605
+ width: 100%;
3606
+ height: 100%;
3607
+ }
3608
+
3609
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay span,
3610
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay i,
3611
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay span,
3612
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay i,
3613
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay span,
3614
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay i {
3615
+ -webkit-transition: all 0.3s ease-in-out;
3616
+ transition: all 0.3s ease-in-out;
3617
+ }
3618
+
3619
+ .premium-blog-post-container.premium-blog-skin-side {
3620
+ -js-display: flex;
3621
+ display: -webkit-box;
3622
+ display: -webkit-flex;
3623
+ display: -moz-box;
3624
+ display: -ms-flexbox;
3625
+ display: flex;
3626
+ }
3627
+
3628
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-container {
3629
+ height: 100%;
3630
+ }
3631
+
3632
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-content-wrapper {
3633
+ -webkit-box-flex: 1;
3634
+ -webkit-flex: 1;
3635
+ -moz-box-flex: 1;
3636
+ -ms-flex: 1;
3637
+ flex: 1;
3638
+ }
3639
+
3640
+ .premium-blog-post-container.premium-blog-skin-banner {
3641
+ position: relative;
3642
+ }
3643
+
3644
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper {
3645
+ position: absolute;
3646
+ width: 100%;
3647
+ bottom: 0;
3648
+ -js-display: flex;
3649
+ display: -webkit-box;
3650
+ display: -webkit-flex;
3651
+ display: -moz-box;
3652
+ display: -ms-flexbox;
3653
+ display: flex;
3654
+ -webkit-box-orient: vertical;
3655
+ -webkit-box-direction: normal;
3656
+ -webkit-flex-direction: column;
3657
+ -moz-box-orient: vertical;
3658
+ -moz-box-direction: normal;
3659
+ -ms-flex-direction: column;
3660
+ flex-direction: column;
3661
+ background-color: transparent;
3662
+ z-index: 3;
3663
+ }
3664
+
3665
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper-inner {
3666
+ -webkit-transition: -webkit-transform 0.3s ease-in-out;
3667
+ transition: -webkit-transform 0.3s ease-in-out;
3668
+ transition: transform 0.3s ease-in-out;
3669
+ transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
3670
+ }
3671
+
3672
+ .premium-blog-post-container.premium-blog-skin-banner:hover .premium-blog-content-wrapper-inner {
3673
+ -webkit-transform: translateY(-5px);
3674
+ -ms-transform: translateY(-5px);
3675
+ transform: translateY(-5px);
3676
+ }
3677
+
3678
+ .premium-blog-post-container .premium-blog-cats-container ul.post-categories {
3679
+ margin: 0;
3680
+ padding: 0;
3681
+ list-style: none;
3682
+ -js-display: flex;
3683
+ display: -webkit-box;
3684
+ display: -webkit-flex;
3685
+ display: -moz-box;
3686
+ display: -ms-flexbox;
3687
+ display: flex;
3688
+ }
3689
+
3690
+ .premium-blog-post-container .premium-blog-cats-container a {
3691
+ display: block;
3692
+ font-size: 12px;
3693
+ color: #fff;
3694
+ background-color: #777;
3695
+ margin: 0 0 10px 3px;
3696
+ padding: 5px;
3697
+ -webkit-transition: all 0.3s ease-in-out;
3698
+ transition: all 0.3s ease-in-out;
3699
+ }
3700
+
3701
+ /*
3702
+ * Diagonal Effect
3703
+ */
3704
+ .premium-blog-diagonal-container {
3705
+ position: absolute;
3706
+ top: 0;
3707
+ right: 0;
3708
+ width: 100%;
3709
+ height: 100%;
3710
+ }
3711
+
3712
+ .premium-blog-diagonal-effect:before {
3713
+ position: absolute;
3714
+ top: 0px;
3715
+ right: 0px;
3716
+ width: 100%;
3717
+ height: 100%;
3718
+ content: " ";
3719
+ z-index: 1;
3720
+ background: rgba(255, 255, 255, 0.2);
3721
+ -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
3722
+ transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
3723
+ -webkit-transition: all 0.3s linear 0s;
3724
+ transition: all 0.3s linear 0s;
3725
+ }
3726
+
3727
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-diagonal-effect:before {
3728
+ -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
3729
+ transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
3730
+ }
3731
+
3732
+ /*
3733
+ * Framed Effect
3734
+ */
3735
+ .premium-blog-framed-effect {
3736
+ position: absolute;
3737
+ width: -webkit-calc(100% - 30px);
3738
+ width: calc(100% - 30px);
3739
+ height: -webkit-calc(100% - 30px);
3740
+ height: calc(100% - 30px);
3741
+ top: 15px;
3742
+ right: 15px;
3743
+ opacity: 0;
3744
+ -webkit-transform: scale(0.3);
3745
+ -ms-transform: scale(0.3);
3746
+ transform: scale(0.3);
3747
+ -webkit-transition: all 0.3s linear 0s;
3748
+ transition: all 0.3s linear 0s;
3749
+ }
3750
+
3751
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-framed-effect {
3752
+ opacity: 0.99;
3753
+ -webkit-transform: scale(1);
3754
+ -ms-transform: scale(1);
3755
+ transform: scale(1);
3756
+ }
3757
+
3758
+ /*
3759
+ * Bordered Effect
3760
+ */
3761
+ .premium-blog-bordered-effect {
3762
+ position: absolute;
3763
+ top: 0;
3764
+ right: 0;
3765
+ width: 100%;
3766
+ height: 100%;
3767
+ opacity: 0;
3768
+ padding: 15px;
3769
+ -webkit-transition: all 0.3s linear 0s;
3770
+ transition: all 0.3s linear 0s;
3771
+ }
3772
+
3773
+ .premium-blog-bordered-effect .premium-blog-post-link:before,
3774
+ .premium-blog-bordered-effect .premium-blog-post-link:after {
3775
+ content: "";
3776
+ display: block;
3777
+ position: absolute;
3778
+ top: 0;
3779
+ right: 0;
3780
+ width: 100%;
3781
+ height: 100%;
3782
+ -webkit-transition: all 0.5s linear 0s;
3783
+ transition: all 0.5s linear 0s;
3784
+ -webkit-transition-delay: 0s;
3785
+ transition-delay: 0s;
3786
+ border-color: rgba(255, 255, 255, 0.45);
3787
+ }
3788
+
3789
+ .premium-blog-bordered-effect .premium-blog-post-link:before {
3790
+ border-left: 2px solid;
3791
+ border-right: 2px solid;
3792
+ -webkit-transform: scale(1, 0);
3793
+ -ms-transform: scale(1, 0);
3794
+ transform: scale(1, 0);
3795
+ -webkit-transform-origin: 0% 0;
3796
+ -ms-transform-origin: 0% 0;
3797
+ transform-origin: 0% 0;
3798
+ }
3799
+
3800
+ .premium-blog-bordered-effect .premium-blog-post-link:after {
3801
+ border-top: 2px solid;
3802
+ border-bottom: 2px solid;
3803
+ -webkit-transform: scale(0, 1);
3804
+ -ms-transform: scale(0, 1);
3805
+ transform: scale(0, 1);
3806
+ -webkit-transform-origin: 100% 0;
3807
+ -ms-transform-origin: 100% 0;
3808
+ transform-origin: 100% 0;
3809
+ }
3810
+
3811
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect {
3812
+ opacity: 0.99;
3813
+ }
3814
+
3815
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect .premium-blog-post-link:before,
3816
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect .premium-blog-post-link:after {
3817
+ -webkit-transition-delay: 0.15s;
3818
+ transition-delay: 0.15s;
3819
+ opacity: 1;
3820
+ -webkit-transform: scale(1);
3821
+ -ms-transform: scale(1);
3822
+ transform: scale(1);
3823
+ }
3824
+
3825
+ /*
3826
+ * Squares Effect
3827
+ */
3828
+ .premium-blog-squares-effect,
3829
+ .premium-blog-squares-square-container {
3830
+ position: absolute;
3831
+ top: 0;
3832
+ right: 0;
3833
+ width: 100%;
3834
+ height: 100%;
3835
+ }
3836
+
3837
+ .premium-blog-squares-effect:before,
3838
+ .premium-blog-squares-effect:after {
3839
+ position: absolute;
3840
+ content: "";
3841
+ top: 0;
3842
+ right: 0;
3843
+ width: 50%;
3844
+ height: 50%;
3845
+ -webkit-transform: translate(100%, -100%);
3846
+ -ms-transform: translate(100%, -100%);
3847
+ transform: translate(100%, -100%);
3848
+ opacity: 0.7;
3849
+ -webkit-transition: all 0.3s linear 0s;
3850
+ transition: all 0.3s linear 0s;
3851
+ }
3852
+
3853
+ .premium-blog-squares-square-container:before,
3854
+ .premium-blog-squares-square-container:after {
3855
+ position: absolute;
3856
+ content: "";
3857
+ top: 0;
3858
+ right: 0;
3859
+ width: 50%;
3860
+ height: 50%;
3861
+ -webkit-transform: translate(100%, -100%);
3862
+ -ms-transform: translate(100%, -100%);
3863
+ transform: translate(100%, -100%);
3864
+ opacity: 0.7;
3865
+ -webkit-transition: all 0.3s linear 0s;
3866
+ transition: all 0.3s linear 0s;
3867
+ }
3868
+
3869
+ .premium-blog-squares-square-container:before,
3870
+ .premium-blog-squares-square-container:after {
3871
+ opacity: 0.8;
3872
+ }
3873
+
3874
+ .premium-blog-squares-effect:after {
3875
+ -webkit-transform: translate(-200%, 200%);
3876
+ -ms-transform: translate(-200%, 200%);
3877
+ transform: translate(-200%, 200%);
3878
+ }
3879
+
3880
+ .premium-blog-squares-square-container:before {
3881
+ -webkit-transform: translate(100%, 200%);
3882
+ -ms-transform: translate(100%, 200%);
3883
+ transform: translate(100%, 200%);
3884
+ }
3885
+
3886
+ .premium-blog-squares-square-container:after {
3887
+ -webkit-transform: translate(-200%, -100%);
3888
+ -ms-transform: translate(-200%, -100%);
3889
+ transform: translate(-200%, -100%);
3890
+ }
3891
+
3892
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:before {
3893
+ -webkit-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
3894
+ -ms-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
3895
+ transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
3896
+ }
3897
+
3898
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:after {
3899
+ -webkit-transform: translate(-100%, 100%) scaleY(1.003) scaleX(1.003);
3900
+ -ms-transform: translate(-100%, 100%) scaleY(1.003) scaleX(1.003);
3901
+ transform: translate(-100%, 100%) scaleY(1.003) scaleX(1.003);
3902
+ }
3903
+
3904
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:before {
3905
+ -webkit-transform: translate(0, 100%);
3906
+ -ms-transform: translate(0, 100%);
3907
+ transform: translate(0, 100%);
3908
+ }
3909
+
3910
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:after {
3911
+ -webkit-transform: translate(-100%, 0%);
3912
+ -ms-transform: translate(-100%, 0%);
3913
+ transform: translate(-100%, 0%);
3914
+ }
3915
+
3916
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay {
3917
+ opacity: 1;
3918
+ }
3919
+
3920
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay a {
3921
+ opacity: 1;
3922
+ -webkit-transform: scale(1);
3923
+ -ms-transform: scale(1);
3924
+ transform: scale(1);
3925
+ }
3926
+
3927
+ .premium-blog-clear-fix {
3928
+ clear: both;
3929
+ }
3930
+
3931
+ /*Post Format Container*/
3932
+ .premium-blog-format-link {
3933
+ padding: 5px;
3934
+ line-height: 0;
3935
+ }
3936
+
3937
+ /*Post Format Icon*/
3938
+ /*Post Format Content Margin */
3939
+ .premium-blog-entry-meta {
3940
+ line-height: 1.3em;
3941
+ font-size: 12px;
3942
+ margin-bottom: 13px;
3943
+ color: #adadad;
3944
+ }
3945
+
3946
+ .premium-blog-entry-meta i {
3947
+ margin-left: 3px;
3948
+ -webkit-transition: all 0.3s ease-in-out;
3949
+ transition: all 0.3s ease-in-out;
3950
+ }
3951
+
3952
+ .premium-blog-meta-data {
3953
+ display: inline-block;
3954
+ }
3955
+
3956
+ .premium-blog-meta-data .premium-blog-meta-separator {
3957
+ margin: 0 5px;
3958
+ }
3959
+
3960
+ .premium-blog-meta-data a,
3961
+ .premium-blog-meta-data span {
3962
+ color: inherit;
3963
+ -webkit-transition: all 0.3s ease-in-out;
3964
+ transition: all 0.3s ease-in-out;
3965
+ }
3966
+
3967
+ .premium-blog-author-thumbnail {
3968
+ position: relative;
3969
+ padding: 0 30px;
3970
+ width: 100%;
3971
+ top: -10px;
3972
+ height: 0;
3973
+ pointer-events: none;
3974
+ }
3975
+
3976
+ .premium-blog-author-thumbnail img {
3977
+ -webkit-border-radius: 50%;
3978
+ border-radius: 50%;
3979
+ width: 60px;
3980
+ pointer-events: all;
3981
+ -webkit-transform: translateY(-50%);
3982
+ -ms-transform: translateY(-50%);
3983
+ transform: translateY(-50%);
3984
+ }
3985
+
3986
+ .premium-blog-entry-title a,
3987
+ .premium-blog-post-tags-container a,
3988
+ .premium-blog-post-content .premium-blog-excerpt-link {
3989
+ -webkit-transition: all 0.3s ease-in-out;
3990
+ transition: all 0.3s ease-in-out;
3991
+ }
3992
+
3993
+ .premium-blog-excerpt-link-wrap a.premium-blog-excerpt-link {
3994
+ background-color: transparent;
3995
+ color: #54595f;
3996
+ padding: 0;
3997
+ }
3998
+
3999
+ .premium-blog-cta-full-yes .premium-blog-excerpt-link {
4000
+ width: 100%;
4001
+ }
4002
+
4003
+ .premium-blog-post-tags-container {
4004
+ margin-top: 8px;
4005
+ -js-display: flex;
4006
+ display: -webkit-box;
4007
+ display: -webkit-flex;
4008
+ display: -moz-box;
4009
+ display: -ms-flexbox;
4010
+ display: flex;
4011
+ -webkit-box-align: center;
4012
+ -webkit-align-items: center;
4013
+ -moz-box-align: center;
4014
+ -ms-flex-align: center;
4015
+ align-items: center;
4016
+ -webkit-flex-wrap: wrap;
4017
+ -ms-flex-wrap: wrap;
4018
+ flex-wrap: wrap;
4019
+ }
4020
+
4021
+ .premium-blog-post-tags-container a {
4022
+ color: inherit;
4023
+ margin-right: 5px;
4024
+ }
4025
+
4026
+ .premium-blog-align-center .post-categories,
4027
+ .premium-blog-align-center .premium-blog-inner-container,
4028
+ .premium-blog-align-center .premium-blog-post-tags-container {
4029
+ -webkit-box-pack: center;
4030
+ -webkit-justify-content: center;
4031
+ -moz-box-pack: center;
4032
+ -ms-flex-pack: center;
4033
+ justify-content: center;
4034
+ }
4035
+
4036
+ .premium-blog-align-left .premium-blog-post-container:not(.premium-blog-skin-cards) .post-categories,
4037
+ .premium-blog-align-left .premium-blog-post-container:not(.premium-blog-skin-cards) .premium-blog-inner-container,
4038
+ .premium-blog-align-left .premium-blog-post-container:not(.premium-blog-skin-cards) .premium-blog-post-tags-container {
4039
+ -webkit-box-pack: end;
4040
+ -webkit-justify-content: flex-end;
4041
+ -moz-box-pack: end;
4042
+ -ms-flex-pack: end;
4043
+ justify-content: flex-end;
4044
+ }
4045
+
4046
+ .premium-blog-align-left .premium-blog-post-container.premium-blog-skin-cards .post-categories,
4047
+ .premium-blog-align-left .premium-blog-post-container.premium-blog-skin-cards .premium-blog-inner-container,
4048
+ .premium-blog-align-left .premium-blog-post-container.premium-blog-skin-cards .premium-blog-post-tags-container {
4049
+ -webkit-box-pack: start;
4050
+ -webkit-justify-content: flex-start;
4051
+ -moz-box-pack: start;
4052
+ -ms-flex-pack: start;
4053
+ justify-content: flex-start;
4054
+ }
4055
+
4056
+ .premium-blog-align-right .premium-blog-post-container:not(.premium-blog-skin-cards) .post-categories,
4057
+ .premium-blog-align-right .premium-blog-post-container:not(.premium-blog-skin-cards) .premium-blog-inner-container,
4058
+ .premium-blog-align-right .premium-blog-post-container:not(.premium-blog-skin-cards) .premium-blog-post-tags-container {
4059
+ -webkit-box-pack: start;
4060
+ -webkit-justify-content: flex-start;
4061
+ -moz-box-pack: start;
4062
+ -ms-flex-pack: start;
4063
+ justify-content: flex-start;
4064
+ }
4065
+
4066
+ .premium-blog-align-right .premium-blog-post-container.premium-blog-skin-cards .post-categories,
4067
+ .premium-blog-align-right .premium-blog-post-container.premium-blog-skin-cards .premium-blog-inner-container,
4068
+ .premium-blog-align-right .premium-blog-post-container.premium-blog-skin-cards .premium-blog-post-tags-container {
4069
+ -webkit-box-pack: end;
4070
+ -webkit-justify-content: flex-end;
4071
+ -moz-box-pack: end;
4072
+ -ms-flex-pack: end;
4073
+ justify-content: flex-end;
4074
+ }
4075
+
4076
+ /* Pagination */
4077
+ .premium-blog-pagination-container {
4078
+ text-align: left;
4079
+ }
4080
+
4081
+ .premium-blog-pagination-container span {
4082
+ cursor: default;
4083
+ }
4084
+
4085
+ .premium-blog-pagination-container .page-numbers {
4086
+ display: inline-block;
4087
+ color: #000;
4088
+ line-height: 1;
4089
+ font-size: 1em;
4090
+ font-weight: 400;
4091
+ text-decoration: none;
4092
+ padding: 0.75em;
4093
+ margin: 0 0 0.4em 0.4em;
4094
+ -webkit-transition: all 0.2s ease-in-out;
4095
+ transition: all 0.2s ease-in-out;
4096
+ }
4097
+
4098
+ .premium-blog-wrap .premium-loading-feed {
4099
+ display: block;
4100
+ position: absolute;
4101
+ width: 100%;
4102
+ height: 100%;
4103
+ top: 0px;
4104
+ right: 0px;
4105
+ bottom: 0px;
4106
+ left: 0px;
4107
+ background: rgba(255, 255, 255, 0.2);
4108
+ -js-display: flex;
4109
+ display: -webkit-box;
4110
+ display: -webkit-flex;
4111
+ display: -moz-box;
4112
+ display: -ms-flexbox;
4113
+ display: flex;
4114
+ -webkit-box-align: center;
4115
+ -webkit-align-items: center;
4116
+ -moz-box-align: center;
4117
+ -ms-flex-align: center;
4118
+ align-items: center;
4119
+ z-index: 99;
4120
+ }
4121
+
4122
+ .premium-blog-wrap {
4123
+ -js-display: flex;
4124
+ display: -webkit-box;
4125
+ display: -webkit-flex;
4126
+ display: -moz-box;
4127
+ display: -ms-flexbox;
4128
+ display: flex;
4129
+ -webkit-flex-wrap: wrap;
4130
+ -ms-flex-wrap: wrap;
4131
+ flex-wrap: wrap;
4132
+ }
4133
+
4134
+ .premium-blog-wrap ul.slick-dots {
4135
+ width: 100%;
4136
+ }
4137
+
4138
+ /**
4139
+ * Even Layout
4140
+ */
4141
+ .premium-blog-even .premium-blog-post-container {
4142
+ height: 100%;
4143
+ }
4144
+
4145
+ .premium-blog-even .slick-track {
4146
+ -js-display: flex;
4147
+ display: -webkit-box;
4148
+ display: -webkit-flex;
4149
+ display: -moz-box;
4150
+ display: -ms-flexbox;
4151
+ display: flex;
4152
+ }
4153
+
4154
+ .premium-blog-even .slick-slide {
4155
+ height: inherit !important;
4156
+ }
4157
+
4158
+ /**
4159
+ * Responsive Style
4160
+ */
4161
+ @media (max-width: 768px) {
4162
+ .premium-blog-content-wrapper {
4163
+ top: 0;
4164
+ margin: 0;
4165
+ padding: 15px;
4166
+ }
4167
+
4168
+ .premium-blog-thumb-effect-wrapper {
4169
+ margin-bottom: 15px;
4170
+ }
4171
+ }
4172
+
4173
+ [dir="rtl"] .premium-blog-wrap.slick-slider .slick-list,
4174
+ [dir="rtl"] .premium-blog-wrap.slick-slider .slick-track {
4175
+ direction: ltr;
4176
+ }
4177
+
4178
+ /************ Premium Team Members ************/
4179
+ /*********************************************/
4180
+ .premium-person-container {
4181
+ position: relative;
4182
+ }
4183
+
4184
+ .premium-person-image-container {
4185
+ position: relative;
4186
+ text-align: center;
4187
+ }
4188
+
4189
+ .premium-person-image-container .premium-person-image-wrap {
4190
+ overflow: hidden;
4191
+ }
4192
+
4193
+ .premium-person-zoomout-effect .premium-person-image-container img,
4194
+ .premium-person-scale-effect .premium-person-image-container img {
4195
+ -webkit-transform: scale(1.2);
4196
+ -ms-transform: scale(1.2);
4197
+ transform: scale(1.2);
4198
+ }
4199
+
4200
+ .premium-person-sepia-effect .premium-person-image-container img {
4201
+ -webkit-filter: sepia(30%);
4202
+ filter: sepia(30%);
4203
+ }
4204
+
4205
+ .premium-person-bright-effect .premium-person-image-container img {
4206
+ -webkit-filter: brightness(1);
4207
+ filter: brightness(1);
4208
+ }
4209
+
4210
+ .premium-person-trans-effect .premium-person-image-container img {
4211
+ -webkit-transform: translateX(15px) scale(1.1);
4212
+ -ms-transform: translateX(15px) scale(1.1);
4213
+ transform: translateX(15px) scale(1.1);
4214
+ }
4215
+
4216
+ .premium-person-zoomin-effect:hover .premium-person-image-container img {
4217
+ -webkit-transform: scale(1.2);
4218
+ -ms-transform: scale(1.2);
4219
+ transform: scale(1.2);
4220
+ }
4221
+
4222
+ .premium-person-zoomout-effect:hover .premium-person-image-container img {
4223
+ -webkit-transform: scale(1.1);
4224
+ -ms-transform: scale(1.1);
4225
+ transform: scale(1.1);
4226
+ }
4227
+
4228
+ .premium-person-scale-effect:hover .premium-person-image-container img {
4229
+ -webkit-transform: scale(1.3) rotate(-5deg);
4230
+ -ms-transform: scale(1.3) rotate(-5deg);
4231
+ transform: scale(1.3) rotate(-5deg);
4232
+ }
4233
+
4234
+ .premium-person-grayscale-effect:hover .premium-person-image-container img {
4235
+ -webkit-filter: grayscale(100%);
4236
+ filter: grayscale(100%);
4237
+ }
4238
+
4239
+ .premium-person-blur-effect:hover .premium-person-image-container img {
4240
+ -webkit-filter: blur(3px);
4241
+ filter: blur(3px);
4242
+ }
4243
+
4244
+ .premium-person-sepia-effect:hover .premium-person-image-container img {
4245
+ -webkit-filter: sepia(0%);
4246
+ filter: sepia(0%);
4247
+ }
4248
+
4249
+ .premium-person-bright-effect:hover .premium-person-image-container img {
4250
+ -webkit-filter: brightness(1.2);
4251
+ filter: brightness(1.2);
4252
+ }
4253
+
4254
+ .premium-person-trans-effect:hover .premium-person-image-container img {
4255
+ -webkit-transform: translateX(0px) scale(1.1);
4256
+ -ms-transform: translateX(0px) scale(1.1);
4257
+ transform: translateX(0px) scale(1.1);
4258
+ }
4259
+
4260
+ .premium-person-container .premium-person-image-container img {
4261
+ width: 100%;
4262
+ height: 100%;
4263
+ -o-object-fit: cover;
4264
+ object-fit: cover;
4265
+ -webkit-transition: all 0.5s ease-in-out;
4266
+ transition: all 0.5s ease-in-out;
4267
+ }
4268
+
4269
+ .premium-person-style2 .premium-person-social {
4270
+ position: absolute;
4271
+ top: 0;
4272
+ right: 0;
4273
+ width: 100%;
4274
+ height: 100%;
4275
+ z-index: 2;
4276
+ -js-display: flex;
4277
+ display: -webkit-box;
4278
+ display: -webkit-flex;
4279
+ display: -moz-box;
4280
+ display: -ms-flexbox;
4281
+ display: flex;
4282
+ -webkit-box-pack: center;
4283
+ -webkit-justify-content: center;
4284
+ -moz-box-pack: center;
4285
+ -ms-flex-pack: center;
4286
+ justify-content: center;
4287
+ -webkit-box-align: center;
4288
+ -webkit-align-items: center;
4289
+ -moz-box-align: center;
4290
+ -ms-flex-align: center;
4291
+ align-items: center;
4292
+ -webkit-box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
4293
+ box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
4294
+ -webkit-transition: all 0.5s linear 0s;
4295
+ transition: all 0.5s linear 0s;
4296
+ opacity: 0;
4297
+ }
4298
+
4299
+ .premium-person-style2 .premium-person-image-container:hover .premium-person-social {
4300
+ opacity: 1;
4301
+ }
4302
+
4303
+ .premium-person-list-item a {
4304
+ display: inline-block;
4305
+ }
4306
+
4307
+ .premium-person-style2 .premium-person-list-item a {
4308
+ opacity: 0;
4309
+ -webkit-transform: scale(0);
4310
+ -ms-transform: scale(0);
4311
+ transform: scale(0);
4312
+ -webkit-transition: all 0.5s ease-in-out 0s;
4313
+ transition: all 0.5s ease-in-out 0s;
4314
+ }
4315
+
4316
+ .premium-person-style2 .premium-person-image-container:hover .premium-person-list-item a {
4317
+ opacity: 1;
4318
+ -webkit-transform: scale(1);
4319
+ -ms-transform: scale(1);
4320
+ transform: scale(1);
4321
+ }
4322
+
4323
+ .premium-person-info-container {
4324
+ padding: 30px 15px;
4325
+ }
4326
+
4327
+ .premium-person-name {
4328
+ margin: 0 0 5px;
4329
+ font-weight: 700;
4330
+ }
4331
+
4332
+ .premium-person-title {
4333
+ margin: 0 0 20px;
4334
+ padding: 0;
4335
+ }
4336
+
4337
+ .premium-person-content {
4338
+ margin: 0 0 30px;
4339
+ }
4340
+
4341
+ /*Override Theme List Margin*/
4342
+ ul.premium-person-social-list {
4343
+ margin: 0px !important;
4344
+ padding: 0;
4345
+ }
4346
+
4347
+ .premium-person-social-list .premium-person-list-item {
4348
+ display: inline;
4349
+ list-style: none;
4350
+ }
4351
+
4352
+ .premium-person-social-list li {
4353
+ position: relative;
4354
+ bottom: 0px;
4355
+ -webkit-transition: all 0.2s ease-in-out;
4356
+ transition: all 0.2s ease-in-out;
4357
+ }
4358
+
4359
+ .premium-person-social-list li i {
4360
+ position: relative;
4361
+ bottom: 0px;
4362
+ -webkit-transition: all 0.2s ease-in-out;
4363
+ transition: all 0.2s ease-in-out;
4364
+ }
4365
+
4366
+ .premium-person-defaults-yes li.premium-person-facebook:hover a {
4367
+ background-color: #3b5998 !important;
4368
+ }
4369
+
4370
+ .premium-person-defaults-yes li.premium-person-twitter:hover a {
4371
+ background-color: #55acee !important;
4372
+ }
4373
+
4374
+ .premium-person-defaults-yes li.premium-person-linkedin:hover a {
4375
+ background-color: #0077b5 !important;
4376
+ }
4377
+
4378
+ .premium-person-defaults-yes li.premium-person-google:hover a {
4379
+ background-color: #dc4e41 !important;
4380
+ }
4381
+
4382
+ .premium-person-defaults-yes li.premium-person-youtube:hover a {
4383
+ background-color: #b31217 !important;
4384
+ }
4385
+
4386
+ .premium-person-defaults-yes li.premium-person-instagram:hover a {
4387
+ background-color: #e4405f !important;
4388
+ }
4389
+
4390
+ .premium-person-defaults-yes li.premium-person-skype:hover a {
4391
+ background-color: #00aff0 !important;
4392
+ }
4393
+
4394
+ .premium-person-defaults-yes li.premium-person-pinterest:hover a {
4395
+ background-color: #bd081c !important;
4396
+ }
4397
+
4398
+ .premium-person-defaults-yes li.premium-person-dribbble:hover a {
4399
+ background-color: #ea4c89 !important;
4400
+ }
4401
+
4402
+ .premium-person-defaults-yes li.premium-person-mail:hover a {
4403
+ background-color: #b23121 !important;
4404
+ }
4405
+
4406
+ .premium-person-defaults-yes li.premium-person-behance:hover a {
4407
+ background-color: #1769ff !important;
4408
+ }
4409
+
4410
+ .premium-person-defaults-yes li.premium-person-whatsapp:hover a {
4411
+ background-color: #25d366 !important;
4412
+ }
4413
+
4414
+ .premium-person-defaults-yes li.premium-person-telegram:hover a {
4415
+ background-color: #0088cc !important;
4416
+ }
4417
+
4418
+ .premium-person-defaults-yes li.premium-person-site:hover a {
4419
+ background-color: #0055a5 !important;
4420
+ }
4421
+
4422
+ .premium-person-social-list li:hover a {
4423
+ -webkit-box-shadow: none;
4424
+ box-shadow: none;
4425
+ }
4426
+
4427
+ .premium-person-social-list li a:focus {
4428
+ -webkit-box-shadow: none;
4429
+ box-shadow: none;
4430
+ outline: none;
4431
+ }
4432
+
4433
+ .premium-person-social-list li i {
4434
+ font-size: 18px;
4435
+ }
4436
+
4437
+ .elementor-widget-premium-addon-person .elementor-widget-container {
4438
+ -js-display: flex;
4439
+ display: -webkit-box;
4440
+ display: -webkit-flex;
4441
+ display: -moz-box;
4442
+ display: -ms-flexbox;
4443
+ display: flex;
4444
+ -webkit-box-pack: center;
4445
+ -webkit-justify-content: center;
4446
+ -moz-box-pack: center;
4447
+ -ms-flex-pack: center;
4448
+ justify-content: center;
4449
+ }
4450
+
4451
+ .premium-persons-container.multiple-persons {
4452
+ -js-display: flex;
4453
+ display: -webkit-box;
4454
+ display: -webkit-flex;
4455
+ display: -moz-box;
4456
+ display: -ms-flexbox;
4457
+ display: flex;
4458
+ -webkit-flex-wrap: wrap;
4459
+ -ms-flex-wrap: wrap;
4460
+ flex-wrap: wrap;
4461
+ width: 100%;
4462
+ }
4463
+
4464
+ .premium-person-style1 .premium-person-container {
4465
+ overflow: hidden;
4466
+ }
4467
+
4468
+ .premium-person-style1 .premium-person-container .premium-person-info {
4469
+ position: absolute;
4470
+ top: auto;
4471
+ left: 0;
4472
+ right: 0;
4473
+ -webkit-transition: all 500ms ease 0s;
4474
+ transition: all 500ms ease 0s;
4475
+ -webkit-transform: translate3d(0, 100%, 0);
4476
+ transform: translate3d(0, 100%, 0);
4477
+ }
4478
+
4479
+ .premium-person-style1 .premium-person-container:hover .premium-person-info {
4480
+ -webkit-transform: translate3d(0, 0, 0);
4481
+ transform: translate3d(0, 0, 0);
4482
+ bottom: -1px !important;
4483
+ }
4484
+
4485
+ .premium-person-style1 .premium-person-social-list li:hover {
4486
+ bottom: 5px;
4487
+ }
4488
+
4489
+ .premium-person-style1.multiple-persons:not([data-persons-equal="yes"]) {
4490
+ -webkit-box-align: start;
4491
+ -webkit-align-items: flex-start;
4492
+ -moz-box-align: start;
4493
+ -ms-flex-align: start;
4494
+ align-items: flex-start;
4495
+ }
4496
+
4497
+ .premium-person-style1 .slick-track {
4498
+ -js-display: flex;
4499
+ display: -webkit-box;
4500
+ display: -webkit-flex;
4501
+ display: -moz-box;
4502
+ display: -ms-flexbox;
4503
+ display: flex;
4504
+ }
4505
+
4506
+ .premium-person-style1 .slick-slide {
4507
+ height: inherit !important;
4508
+ }
4509
+
4510
+ .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-container,
4511
+ .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-wrap {
4512
+ height: 100%;
4513
+ }
4514
+
4515
+ .premium-person-style3 .premium-person-info-container {
4516
+ position: absolute;
4517
+ top: 0;
4518
+ right: 0;
4519
+ width: 100%;
4520
+ height: 100%;
4521
+ -js-display: flex;
4522
+ display: -webkit-box;
4523
+ display: -webkit-flex;
4524
+ display: -moz-box;
4525
+ display: -ms-flexbox;
4526
+ display: flex;
4527
+ -webkit-box-orient: vertical;
4528
+ -webkit-box-direction: normal;
4529
+ -webkit-flex-direction: column;
4530
+ -moz-box-orient: vertical;
4531
+ -moz-box-direction: normal;
4532
+ -ms-flex-direction: column;
4533
+ flex-direction: column;
4534
+ -webkit-box-pack: justify;
4535
+ -webkit-justify-content: space-between;
4536
+ -moz-box-pack: justify;
4537
+ -ms-flex-pack: justify;
4538
+ justify-content: space-between;
4539
+ }
4540
+
4541
+ .premium-person-style3 .premium-person-title-desc-wrap {
4542
+ -js-display: flex;
4543
+ display: -webkit-box;
4544
+ display: -webkit-flex;
4545
+ display: -moz-box;
4546
+ display: -ms-flexbox;
4547
+ display: flex;
4548
+ -webkit-box-orient: horizontal;
4549
+ -webkit-box-direction: reverse;
4550
+ -webkit-flex-direction: row-reverse;
4551
+ -moz-box-orient: horizontal;
4552
+ -moz-box-direction: reverse;
4553
+ -ms-flex-direction: row-reverse;
4554
+ flex-direction: row-reverse;
4555
+ -webkit-box-pack: justify;
4556
+ -webkit-justify-content: space-between;
4557
+ -moz-box-pack: justify;
4558
+ -ms-flex-pack: justify;
4559
+ justify-content: space-between;
4560
+ -webkit-box-align: start;
4561
+ -webkit-align-items: flex-start;
4562
+ -moz-box-align: start;
4563
+ -ms-flex-align: start;
4564
+ align-items: flex-start;
4565
+ }
4566
+
4567
+ .premium-person-style3 .premium-person-name-icons-wrap {
4568
+ -js-display: flex;
4569
+ display: -webkit-box;
4570
+ display: -webkit-flex;
4571
+ display: -moz-box;
4572
+ display: -ms-flexbox;
4573
+ display: flex;
4574
+ -webkit-box-pack: justify;
4575
+ -webkit-justify-content: space-between;
4576
+ -moz-box-pack: justify;
4577
+ -ms-flex-pack: justify;
4578
+ justify-content: space-between;
4579
+ -webkit-box-align: end;
4580
+ -webkit-align-items: flex-end;
4581
+ -moz-box-align: end;
4582
+ -ms-flex-align: end;
4583
+ align-items: flex-end;
4584
+ }
4585
+
4586
+ .premium-person-style3 .premium-person-title {
4587
+ opacity: 0;
4588
+ -webkit-transition: all 0.3s ease;
4589
+ transition: all 0.3s ease;
4590
+ width: 0;
4591
+ }
4592
+
4593
+ .premium-person-style3 .premium-person-title span {
4594
+ display: inline-block;
4595
+ }
4596
+
4597
+ .premium-person-style3 .premium-person-name {
4598
+ padding-right: 10px;
4599
+ }
4600
+
4601
+ .premium-person-style3 .premium-person-social-list {
4602
+ -js-display: flex;
4603
+ display: -webkit-box;
4604
+ display: -webkit-flex;
4605
+ display: -moz-box;
4606
+ display: -ms-flexbox;
4607
+ display: flex;
4608
+ -webkit-box-orient: vertical;
4609
+ -webkit-box-direction: normal;
4610
+ -webkit-flex-direction: column;
4611
+ -moz-box-orient: vertical;
4612
+ -moz-box-direction: normal;
4613
+ -ms-flex-direction: column;
4614
+ flex-direction: column;
4615
+ -webkit-transform: translateY(20px);
4616
+ -ms-transform: translateY(20px);
4617
+ transform: translateY(20px);
4618
+ opacity: 0;
4619
+ -webkit-transition: all 0.3s ease;
4620
+ transition: all 0.3s ease;
4621
+ }
4622
+
4623
+ .premium-person-style3 .premium-person-list-item {
4624
+ line-height: 0;
4625
+ }
4626
+
4627
+ .premium-person-style3 .premium-person-list-item a {
4628
+ padding: 5px 0 0 10px;
4629
+ margin: 5px 0;
4630
+ }
4631
+
4632
+ .premium-person-style3 .premium-person-container:hover .premium-person-title {
4633
+ opacity: 1;
4634
+ }
4635
+
4636
+ .premium-person-style3 .premium-person-container:hover .premium-person-social-list {
4637
+ opacity: 1;
4638
+ -webkit-transform: translateY(0);
4639
+ -ms-transform: translateY(0);
4640
+ transform: translateY(0);
4641
+ }
4642
+
4643
+ .premium-persons-title-cw .premium-person-title {
4644
+ -webkit-transform: translateX(-15px) rotate(-90deg);
4645
+ -ms-transform: translateX(-15px) rotate(-90deg);
4646
+ transform: translateX(-15px) rotate(-90deg);
4647
+ -webkit-transform-origin: top;
4648
+ -ms-transform-origin: top;
4649
+ transform-origin: top;
4650
+ }
4651
+
4652
+ .premium-persons-title-cw .premium-person-container:hover .premium-person-title {
4653
+ -webkit-transform: translateX(0) rotate(-90deg);
4654
+ -ms-transform: translateX(0) rotate(-90deg);
4655
+ transform: translateX(0) rotate(-90deg);
4656
+ }
4657
+
4658
+ .premium-persons-title-ccw .premium-person-title {
4659
+ width: auto;
4660
+ margin-left: 20px;
4661
+ -webkit-transform: translateX(-15px) rotate(90deg);
4662
+ -ms-transform: translateX(-15px) rotate(90deg);
4663
+ transform: translateX(-15px) rotate(90deg);
4664
+ -webkit-transform-origin: center left;
4665
+ -ms-transform-origin: center left;
4666
+ transform-origin: center left;
4667
+ }
4668
+
4669
+ .premium-persons-title-ccw .premium-person-container:hover .premium-person-title {
4670
+ -webkit-transform: translateX(0) rotate(90deg);
4671
+ -ms-transform: translateX(0) rotate(90deg);
4672
+ transform: translateX(0) rotate(90deg);
4673
+ }
4674
+
4675
+ /**************** Premium Fancy Text *******************/
4676
+ /*******************************************************/
4677
+ .premium-suffix-text,
4678
+ .premium-fancy-text,
4679
+ .premium-prefix-text {
4680
+ font-size: 40px;
4681
+ }
4682
+
4683
+ .premium-fancy-text-wrapper .premium-fancy-list-items {
4684
+ list-style: none;
4685
+ }
4686
+
4687
+ .premium-fancy-text-wrapper .premium-fancy-text-span-align {
4688
+ vertical-align: top;
4689
+ }
4690
+
4691
+ .premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-text-items-wrapper {
4692
+ margin: 0;
4693
+ padding: 0;
4694
+ border: none;
4695
+ position: relative;
4696
+ }
4697
+
4698
+ .premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-list-items {
4699
+ position: absolute;
4700
+ top: 0;
4701
+ right: 0;
4702
+ display: inline-block;
4703
+ }
4704
+
4705
+ .premium-fancy-text-wrapper.zoomout .premium-fancy-item-hidden {
4706
+ opacity: 0;
4707
+ -webkit-animation: pa-zoom-out 0.8s;
4708
+ animation: pa-zoom-out 0.8s;
4709
+ }
4710
+
4711
+ .premium-fancy-text-wrapper.zoomout .premium-fancy-item-visible {
4712
+ position: relative !important;
4713
+ -webkit-animation: pa-zoom-in 0.8s;
4714
+ animation: pa-zoom-in 0.8s;
4715
+ }
4716
+
4717
+ .premium-fancy-text-wrapper.zoomout .premium-fancy-text-items-wrapper {
4718
+ -webkit-perspective: 300px;
4719
+ perspective: 300px;
4720
+ }
4721
+
4722
+ .premium-fancy-text-wrapper.rotate .premium-fancy-list-items {
4723
+ -webkit-transform-origin: 50% 100%;
4724
+ -ms-transform-origin: 50% 100%;
4725
+ transform-origin: 50% 100%;
4726
+ }
4727
+
4728
+ .premium-fancy-text-wrapper.rotate .premium-fancy-item-hidden {
4729
+ opacity: 0;
4730
+ -webkit-transform: rotateX(180deg);
4731
+ -ms-transform: rotateX(180deg);
4732
+ transform: rotateX(180deg);
4733
+ -webkit-animation: pa-rotate-out 1.2s;
4734
+ animation: pa-rotate-out 1.2s;
4735
+ }
4736
+
4737
+ .premium-fancy-text-wrapper.rotate .premium-fancy-item-visible {
4738
+ position: relative !important;
4739
+ -webkit-transform: rotateX(0deg);
4740
+ -ms-transform: rotateX(0deg);
4741
+ transform: rotateX(0deg);
4742
+ -webkit-animation: pa-rotate-in 1.2s;
4743
+ animation: pa-rotate-in 1.2s;
4744
+ }
4745
+
4746
+ .premium-fancy-text-wrapper.bar .premium-fancy-text-items-wrapper::after {
4747
+ position: absolute;
4748
+ content: "";
4749
+ right: 0;
4750
+ bottom: 0;
4751
+ width: 0;
4752
+ height: 3px;
4753
+ background: #000;
4754
+ }
4755
+
4756
+ .premium-fancy-text-wrapper.bar .premium-fancy-text-items-wrapper.active::after {
4757
+ width: 100%;
4758
+ -webkit-transition: width 3s ease-in-out;
4759
+ transition: width 3s ease-in-out;
4760
+ }
4761
+
4762
+ .premium-fancy-text-wrapper.bar .premium-fancy-list-items {
4763
+ opacity: 0;
4764
+ }
4765
+
4766
+ .premium-fancy-text-wrapper.bar .premium-fancy-item-visible {
4767
+ opacity: 1;
4768
+ -webkit-transition: opacity 2s ease-in-out;
4769
+ transition: opacity 2s ease-in-out;
4770
+ position: relative !important;
4771
+ }
4772
+
4773
+ @-webkit-keyframes pa-zoom-in {
4774
+ 0% {
4775
+ opacity: 0;
4776
+ -webkit-transform: translateZ(100px);
4777
+ transform: translateZ(100px);
4778
+ }
4779
+
4780
+ 100% {
4781
+ opacity: 1;
4782
+ -webkit-transform: translateZ(0);
4783
+ transform: translateZ(0);
4784
+ }
4785
+ }
4786
+
4787
+ @keyframes pa-zoom-in {
4788
+ 0% {
4789
+ opacity: 0;
4790
+ -webkit-transform: translateZ(100px);
4791
+ transform: translateZ(100px);
4792
+ }
4793
+
4794
+ 100% {
4795
+ opacity: 1;
4796
+ -webkit-transform: translateZ(0);
4797
+ transform: translateZ(0);
4798
+ }
4799
+ }
4800
+
4801
+ @-webkit-keyframes pa-zoom-out {
4802
+ 0% {
4803
+ opacity: 1;
4804
+ -webkit-transform: translateZ(0);
4805
+ transform: translateZ(0);
4806
+ }
4807
+
4808
+ 100% {
4809
+ opacity: 0;
4810
+ -webkit-transform: translateZ(-100px);
4811
+ transform: translateZ(-100px);
4812
+ }
4813
+ }
4814
+
4815
+ @keyframes pa-zoom-out {
4816
+ 0% {
4817
+ opacity: 1;
4818
+ -webkit-transform: translateZ(0);
4819
+ transform: translateZ(0);
4820
+ }
4821
+
4822
+ 100% {
4823
+ opacity: 0;
4824
+ -webkit-transform: translateZ(-100px);
4825
+ transform: translateZ(-100px);
4826
+ }
4827
+ }
4828
+
4829
+ @-webkit-keyframes pa-rotate-in {
4830
+ 0% {
4831
+ opacity: 0;
4832
+ -webkit-transform: rotateX(180deg);
4833
+ transform: rotateX(180deg);
4834
+ }
4835
+
4836
+ 35% {
4837
+ opacity: 0;
4838
+ -webkit-transform: rotateX(120deg);
4839
+ transform: rotateX(120deg);
4840
+ }
4841
+
4842
+ 65% {
4843
+ opacity: 0;
4844
+ }
4845
+
4846
+ 100% {
4847
+ opacity: 1;
4848
+ -webkit-transform: rotateX(360deg);
4849
+ transform: rotateX(360deg);
4850
+ }
4851
+ }
4852
+
4853
+ @keyframes pa-rotate-in {
4854
+ 0% {
4855
+ opacity: 0;
4856
+ -webkit-transform: rotateX(180deg);
4857
+ transform: rotateX(180deg);
4858
+ }
4859
+
4860
+ 35% {
4861
+ opacity: 0;
4862
+ -webkit-transform: rotateX(120deg);
4863
+ transform: rotateX(120deg);
4864
+ }
4865
+
4866
+ 65% {
4867
+ opacity: 0;
4868
+ }
4869
+
4870
+ 100% {
4871
+ opacity: 1;
4872
+ -webkit-transform: rotateX(360deg);
4873
+ transform: rotateX(360deg);
4874
+ }
4875
+ }
4876
+
4877
+ @-webkit-keyframes pa-rotate-out {
4878
+ 0% {
4879
+ opacity: 1;
4880
+ -webkit-transform: rotateX(0deg);
4881
+ transform: rotateX(0deg);
4882
+ }
4883
+
4884
+ 35% {
4885
+ opacity: 1;
4886
+ -webkit-transform: rotateX(-40deg);
4887
+ transform: rotateX(-40deg);
4888
+ }
4889
+
4890
+ 65% {
4891
+ opacity: 0;
4892
+ }
4893
+
4894
+ 100% {
4895
+ opacity: 0;
4896
+ -webkit-transform: rotateX(180deg);
4897
+ transform: rotateX(180deg);
4898
+ }
4899
+ }
4900
+
4901
+ @keyframes pa-rotate-out {
4902
+ 0% {
4903
+ opacity: 1;
4904
+ -webkit-transform: rotateX(0deg);
4905
+ transform: rotateX(0deg);
4906
+ }
4907
+
4908
+ 35% {
4909
+ opacity: 1;
4910
+ -webkit-transform: rotateX(-40deg);
4911
+ transform: rotateX(-40deg);
4912
+ }
4913
+
4914
+ 65% {
4915
+ opacity: 0;
4916
+ }
4917
+
4918
+ 100% {
4919
+ opacity: 0;
4920
+ -webkit-transform: rotateX(180deg);
4921
+ transform: rotateX(180deg);
4922
+ }
4923
+ }
4924
+
4925
+ /**************** Premium Pricing Table ****************/
4926
+ /*******************************************************/
4927
+ .premium-pricing-table-container {
4928
+ position: relative;
4929
+ overflow: hidden;
4930
+ text-align: center;
4931
+ -webkit-transition: all 0.3s ease-in-out;
4932
+ transition: all 0.3s ease-in-out;
4933
+ }
4934
+
4935
+ .premium-pricing-icon-container {
4936
+ -js-display: flex;
4937
+ display: -webkit-box;
4938
+ display: -webkit-flex;
4939
+ display: -moz-box;
4940
+ display: -ms-flexbox;
4941
+ display: flex;
4942
+ -webkit-box-pack: center;
4943
+ -webkit-justify-content: center;
4944
+ -moz-box-pack: center;
4945
+ -ms-flex-pack: center;
4946
+ justify-content: center;
4947
+ line-height: 0;
4948
+ }
4949
+
4950
+ .premium-pricing-icon-container .premium-pricing-icon {
4951
+ display: inline-block;
4952
+ }
4953
+
4954
+ .premium-pricing-icon-container .premium-pricing-image {
4955
+ overflow: hidden;
4956
+ }
4957
+
4958
+ .premium-pricing-icon-container .premium-pricing-image img {
4959
+ width: 25px;
4960
+ height: 25px;
4961
+ -o-object-fit: cover;
4962
+ object-fit: cover;
4963
+ }
4964
+
4965
+ .premium-badge-left {
4966
+ position: absolute;
4967
+ top: 0;
4968
+ }
4969
+
4970
+ .premium-badge-right {
4971
+ position: absolute;
4972
+ top: 0;
4973
+ right: 0;
4974
+ }
4975
+
4976
+ .premium-badge-left {
4977
+ left: 0;
4978
+ }
4979
+
4980
+ .premium-badge-triangle.premium-badge-left .corner {
4981
+ width: 0;
4982
+ height: 0;
4983
+ border-top: 150px solid;
4984
+ border-bottom: 150px solid transparent;
4985
+ border-right: 150px solid transparent;
4986
+ }
4987
+
4988
+ .premium-badge-triangle.premium-badge-right .corner {
4989
+ width: 0;
4990
+ height: 0;
4991
+ border-bottom: 150px solid transparent;
4992
+ border-right: 150px solid;
4993
+ border-left: 150px solid transparent;
4994
+ }
4995
+
4996
+ .premium-badge-triangle span {
4997
+ position: absolute;
4998
+ top: 35px;
4999
+ width: 100px;
5000
+ text-align: center;
5001
+ -webkit-transform: rotate(-45deg);
5002
+ -ms-transform: rotate(-45deg);
5003
+ transform: rotate(-45deg);
5004
+ display: block;
5005
+ text-transform: uppercase;
5006
+ }
5007
+
5008
+ .premium-badge-triangle.premium-badge-right span {
5009
+ -webkit-transform: rotate(45deg);
5010
+ -ms-transform: rotate(45deg);
5011
+ transform: rotate(45deg);
5012
+ right: 0;
5013
+ }
5014
+
5015
+ .premium-badge-circle {
5016
+ min-width: 4em;
5017
+ min-height: 4em;
5018
+ line-height: 4em;
5019
+ text-align: center;
5020
+ -webkit-border-radius: 100%;
5021
+ border-radius: 100%;
5022
+ position: absolute;
5023
+ z-index: 1;
5024
+ }
5025
+
5026
+ .premium-badge-stripe {
5027
+ position: absolute;
5028
+ -webkit-transform: rotate(90deg);
5029
+ -ms-transform: rotate(90deg);
5030
+ transform: rotate(90deg);
5031
+ width: 15em;
5032
+ overflow: hidden;
5033
+ height: 15em;
5034
+ }
5035
+
5036
+ .premium-badge-stripe.premium-badge-left {
5037
+ -webkit-transform: rotate(0);
5038
+ -ms-transform: rotate(0);
5039
+ transform: rotate(0);
5040
+ }
5041
+
5042
+ .premium-badge-stripe .corner {
5043
+ text-align: center;
5044
+ left: 0;
5045
+ width: 150%;
5046
+ -webkit-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
5047
+ -ms-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
5048
+ transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
5049
+ margin-top: 35px;
5050
+ font-size: 13px;
5051
+ line-height: 2;
5052
+ font-weight: 800;
5053
+ text-transform: uppercase;
5054
+ }
5055
+
5056
+ .premium-badge-flag .corner {
5057
+ text-align: center;
5058
+ -webkit-border-radius: 4px 4px 0 4px;
5059
+ border-radius: 4px 4px 0 4px;
5060
+ padding: 3px 15px;
5061
+ position: absolute;
5062
+ top: 10%;
5063
+ right: -8px;
5064
+ }
5065
+
5066
+ .premium-badge-flag .corner::before,
5067
+ .premium-badge-flag .corner::after {
5068
+ content: "";
5069
+ display: block;
5070
+ position: absolute;
5071
+ width: 0;
5072
+ height: 0;
5073
+ top: 100%;
5074
+ right: 0;
5075
+ border-bottom: 8px solid transparent;
5076
+ }
5077
+
5078
+ .elementor-widget-premium-addon-pricing-table .elementor-widget-container {
5079
+ overflow: visible !important;
5080
+ }
5081
+
5082
+ .premium-badge-flag .corner::after {
5083
+ border-left: 8px solid rgba(0, 0, 0, 0.2);
5084
+ }
5085
+
5086
+ .premium-pricing-price-currency {
5087
+ position: relative;
5088
+ }
5089
+
5090
+ .premium-pricing-button-container {
5091
+ display: block;
5092
+ }
5093
+
5094
+ .premium-pricing-list {
5095
+ -js-display: flex;
5096
+ display: -webkit-box;
5097
+ display: -webkit-flex;
5098
+ display: -moz-box;
5099
+ display: -ms-flexbox;
5100
+ display: flex;
5101
+ -webkit-box-orient: vertical;
5102
+ -webkit-box-direction: normal;
5103
+ -webkit-flex-direction: column;
5104
+ -moz-box-orient: vertical;
5105
+ -moz-box-direction: normal;
5106
+ -ms-flex-direction: column;
5107
+ flex-direction: column;
5108
+ list-style-type: none;
5109
+ margin: 0;
5110
+ }
5111
+
5112
+ .premium-pricing-list .premium-pricing-list-item {
5113
+ -js-display: flex;
5114
+ display: -webkit-box;
5115
+ display: -webkit-flex;
5116
+ display: -moz-box;
5117
+ display: -ms-flexbox;
5118
+ display: flex;
5119
+ -webkit-box-align: center;
5120
+ -webkit-align-items: center;
5121
+ -moz-box-align: center;
5122
+ -ms-flex-align: center;
5123
+ align-items: center;
5124
+ }
5125
+
5126
+ .premium-pricing-list .premium-pricing-list-item svg {
5127
+ width: 50px;
5128
+ height: 50px;
5129
+ }
5130
+
5131
+ .premium-pricing-list .premium-pricing-list-item img {
5132
+ width: 30px;
5133
+ height: 30px;
5134
+ -o-object-fit: cover;
5135
+ object-fit: cover;
5136
+ }
5137
+
5138
+ .premium-pricing-list .premium-pricing-list-span {
5139
+ position: relative;
5140
+ }
5141
+
5142
+ .premium-pricing-list .list-item-tooltip {
5143
+ border-bottom: 1px dotted;
5144
+ }
5145
+
5146
+ .premium-pricing-list .premium-pricing-list-tooltip {
5147
+ position: absolute;
5148
+ top: -webkit-calc(100% + 1px);
5149
+ top: calc(100% + 1px);
5150
+ right: 0;
5151
+ visibility: hidden;
5152
+ padding: 15px 20px;
5153
+ -webkit-border-radius: 5px;
5154
+ border-radius: 5px;
5155
+ min-width: 200px;
5156
+ overflow: hidden;
5157
+ text-align: right;
5158
+ font-size: 0.8rem;
5159
+ color: #fff;
5160
+ background-color: #aaa;
5161
+ }
5162
+
5163
+ .premium-pricing-list-span:hover .premium-pricing-list-tooltip {
5164
+ z-index: 99;
5165
+ visibility: visible;
5166
+ opacity: 1;
5167
+ }
5168
+
5169
+ .premium-pricing-slashed-price-value {
5170
+ display: inline-block;
5171
+ font-size: 20px;
5172
+ font-weight: 400;
5173
+ margin-left: 5px;
5174
+ }
5175
+
5176
+ .premium-pricing-price-value {
5177
+ font-size: 70px;
5178
+ }
5179
+
5180
+ .premium-pricing-description-container li {
5181
+ list-style-position: inside;
5182
+ text-indent: -40px;
5183
+ }
5184
+
5185
+ @-moz-document url-prefix() {
5186
+ .premium-pricing-description-container li {
5187
+ text-indent: 0px;
5188
+ }
5189
+ }
5190
+
5191
+ .premium-pricing-price-button {
5192
+ display: block;
5193
+ padding: 6px 12px;
5194
+ line-height: 1.42857143;
5195
+ text-align: center;
5196
+ color: #fff;
5197
+ background: #6ec1e4;
5198
+ margin-bottom: 0;
5199
+ -webkit-transition: all 0.3s ease-in-out;
5200
+ transition: all 0.3s ease-in-out;
5201
+ }
5202
+
5203
+ /**************** Premium Google Maps ******************/
5204
+ /*******************************************************/
5205
+ .premium-maps-info-container {
5206
+ margin-top: 10px;
5207
+ margin-bottom: 10px;
5208
+ }
5209
+
5210
+ .premium-maps-info-title,
5211
+ .premium-maps-info-desc {
5212
+ margin: 0;
5213
+ padding: 0;
5214
+ }
5215
+
5216
+ .premium-maps-container .gm-style-iw {
5217
+ text-align: center;
5218
+ }
5219
+
5220
+ .premium-maps-container .gm-style img {
5221
+ max-width: none !important;
5222
+ }
5223
+
5224
+ /**************** Premium Button ***********************/
5225
+ /*******************************************************/
5226
+ .premium-button {
5227
+ display: inline-block;
5228
+ position: relative;
5229
+ overflow: hidden;
5230
+ cursor: pointer;
5231
+ -webkit-transition: all 0.2s ease-in-out !important;
5232
+ transition: all 0.2s ease-in-out !important;
5233
+ }
5234
+
5235
+ .premium-button-sm {
5236
+ padding: 12px 24px;
5237
+ font-size: 14px;
5238
+ line-height: 1;
5239
+ }
5240
+
5241
+ .premium-button-md {
5242
+ padding: 14px 26px;
5243
+ font-size: 16px;
5244
+ line-height: 1.2;
5245
+ }
5246
+
5247
+ .premium-button-lg {
5248
+ padding: 16px 28px;
5249
+ font-size: 18px;
5250
+ line-height: 1.3333;
5251
+ }
5252
+
5253
+ .premium-button-block {
5254
+ font-size: 15px;
5255
+ line-height: 1;
5256
+ padding: 12px 24px;
5257
+ width: 100%;
5258
+ text-align: center;
5259
+ }
5260
+
5261
+ .premium-button-text {
5262
+ display: inline-block;
5263
+ width: 100%;
5264
+ }
5265
+
5266
+ .premium-button-style1-bottom,
5267
+ .premium-button-style1-top,
5268
+ .premium-button-style1-right,
5269
+ .premium-button-style1-left,
5270
+ .premium-button-style2-shutouthor,
5271
+ .premium-button-style2-shutoutver,
5272
+ .premium-button-style2-shutinhor,
5273
+ .premium-button-style2-shutinver,
5274
+ .premium-button-style2-scshutouthor,
5275
+ .premium-button-style2-scshutoutver,
5276
+ .premium-button-style2-dshutinhor,
5277
+ .premium-button-style2-dshutinver,
5278
+ .premium-button-style5-radialin,
5279
+ .premium-button-style5-radialout,
5280
+ .premium-button-style5-rectin,
5281
+ .premium-button-style5-rectout {
5282
+ display: inline-block;
5283
+ vertical-align: middle;
5284
+ -webkit-transform: perspective(1px) translateZ(0);
5285
+ transform: perspective(1px) translateZ(0);
5286
+ -webkit-box-shadow: 0 0 1px transparent;
5287
+ box-shadow: 0 0 1px transparent;
5288
+ position: relative;
5289
+ -webkit-transition-property: color;
5290
+ transition-property: color;
5291
+ -webkit-transition-duration: 0.15s;
5292
+ transition-duration: 0.15s;
5293
+ }
5294
+
5295
+ .premium-button-style1-bottom:before,
5296
+ .premium-button-style1-top:before,
5297
+ .premium-button-style1-right:before,
5298
+ .premium-button-style1-left:before,
5299
+ .premium-button-style2-shutinhor:before,
5300
+ .premium-button-style2-shutinver:before,
5301
+ .premium-button-style2-shutouthor:before,
5302
+ .premium-button-style2-shutoutver:before,
5303
+ .premium-button-style2-scshutouthor:before,
5304
+ .premium-button-style2-scshutoutver:before,
5305
+ .premium-button-style2-dshutinhor:before,
5306
+ .premium-button-style2-dshutinver:before,
5307
+ .premium-button-style5-radialin:before,
5308
+ .premium-button-style5-radialout:before,
5309
+ .premium-button-style5-rectin:before,
5310
+ .premium-button-style5-rectout:before {
5311
+ content: "";
5312
+ position: absolute;
5313
+ z-index: -1;
5314
+ top: 0;
5315
+ right: 0;
5316
+ left: 0;
5317
+ bottom: 0;
5318
+ -webkit-transform: scaleY(0);
5319
+ -ms-transform: scaleY(0);
5320
+ transform: scaleY(0);
5321
+ -webkit-transform-origin: 50% 0;
5322
+ -ms-transform-origin: 50% 0;
5323
+ transform-origin: 50% 0;
5324
+ -webkit-transition-property: transform;
5325
+ -webkit-transition-property: -webkit-transform;
5326
+ transition-property: -webkit-transform;
5327
+ transition-property: transform;
5328
+ transition-property: transform, -webkit-transform;
5329
+ -webkit-transition-duration: 0.15s;
5330
+ transition-duration: 0.15s;
5331
+ -webkit-transition-timing-function: ease-out;
5332
+ transition-timing-function: ease-out;
5333
+ }
5334
+
5335
+ .premium-button-style5-radialin:before,
5336
+ .premium-button-style5-radialout:before {
5337
+ -webkit-transform-origin: 50%;
5338
+ -ms-transform-origin: 50%;
5339
+ transform-origin: 50%;
5340
+ -webkit-border-radius: 100%;
5341
+ border-radius: 100%;
5342
+ -webkit-transform: scale(0);
5343
+ -ms-transform: scale(0);
5344
+ transform: scale(0);
5345
+ }
5346
+
5347
+ .premium-button-style5-radialin:before {
5348
+ -webkit-transform: scale(2);
5349
+ -ms-transform: scale(2);
5350
+ transform: scale(2);
5351
+ }
5352
+
5353
+ .premium-button-style5-rectin:before,
5354
+ .premium-button-style5-rectout:before {
5355
+ -webkit-transform-origin: 50%;
5356
+ -ms-transform-origin: 50%;
5357
+ transform-origin: 50%;
5358
+ -webkit-transform: scale(1);
5359
+ -ms-transform: scale(1);
5360
+ transform: scale(1);
5361
+ }
5362
+
5363
+ .premium-button-style5-rectout:before {
5364
+ -webkit-transform: scale(0);
5365
+ -ms-transform: scale(0);
5366
+ transform: scale(0);
5367
+ }
5368
+
5369
+ .premium-button-style5-rectout:hover:before {
5370
+ -webkit-transform: scale(1);
5371
+ -ms-transform: scale(1);
5372
+ transform: scale(1);
5373
+ }
5374
+
5375
+ .premium-button-style5-rectin:hover:before {
5376
+ -webkit-transform: scale(0);
5377
+ -ms-transform: scale(0);
5378
+ transform: scale(0);
5379
+ }
5380
+
5381
+ .premium-button-style5-radialout:hover:before {
5382
+ -webkit-transform: scale(2);
5383
+ -ms-transform: scale(2);
5384
+ transform: scale(2);
5385
+ }
5386
+
5387
+ .premium-button-style5-radialin:hover:before {
5388
+ -webkit-transform: scale(0);
5389
+ -ms-transform: scale(0);
5390
+ transform: scale(0);
5391
+ }
5392
+
5393
+ .premium-button-style1-top:before {
5394
+ -webkit-transform-origin: 50% 100%;
5395
+ -ms-transform-origin: 50% 100%;
5396
+ transform-origin: 50% 100%;
5397
+ }
5398
+
5399
+ .premium-button-style1-right:before {
5400
+ -webkit-transform: scaleX(0);
5401
+ -ms-transform: scaleX(0);
5402
+ transform: scaleX(0);
5403
+ -webkit-transform-origin: 100% 50%;
5404
+ -ms-transform-origin: 100% 50%;
5405
+ transform-origin: 100% 50%;
5406
+ }
5407
+
5408
+ .premium-button-style1-left:before {
5409
+ -webkit-transform: scaleX(0);
5410
+ -ms-transform: scaleX(0);
5411
+ transform: scaleX(0);
5412
+ -webkit-transform-origin: 0% 50%;
5413
+ -ms-transform-origin: 0% 50%;
5414
+ transform-origin: 0% 50%;
5415
+ }
5416
+
5417
+ .premium-button-style2-shutouthor:before,
5418
+ .premium-button-style2-scshutoutver:before {
5419
+ -webkit-transform: scaleY(0);
5420
+ -ms-transform: scaleY(0);
5421
+ transform: scaleY(0);
5422
+ -webkit-transform-origin: 0% 50%;
5423
+ -ms-transform-origin: 0% 50%;
5424
+ transform-origin: 0% 50%;
5425
+ }
5426
+
5427
+ .premium-button-style2-shutoutver:before,
5428
+ .premium-button-style2-scshutouthor:before {
5429
+ -webkit-transform: scaleX(0);
5430
+ -ms-transform: scaleX(0);
5431
+ transform: scaleX(0);
5432
+ -webkit-transform-origin: 50% 50%;
5433
+ -ms-transform-origin: 50% 50%;
5434
+ transform-origin: 50% 50%;
5435
+ }
5436
+
5437
+ .premium-button-style2-shutinhor:before {
5438
+ -webkit-transform: scaleX(1);
5439
+ -ms-transform: scaleX(1);
5440
+ transform: scaleX(1);
5441
+ -webkit-transform-origin: 50%;
5442
+ -ms-transform-origin: 50%;
5443
+ transform-origin: 50%;
5444
+ }
5445
+
5446
+ .premium-button-style2-shutinver:before {
5447
+ -webkit-transform: scaleY(1);
5448
+ -ms-transform: scaleY(1);
5449
+ transform: scaleY(1);
5450
+ -webkit-transform-origin: 50%;
5451
+ -ms-transform-origin: 50%;
5452
+ transform-origin: 50%;
5453
+ }
5454
+
5455
+ .premium-button-style1-bottom:hover:before,
5456
+ .premium-button-style1-top:hover:before {
5457
+ -webkit-transform: scaleY(1);
5458
+ -ms-transform: scaleY(1);
5459
+ transform: scaleY(1);
5460
+ }
5461
+
5462
+ .premium-button-style1-left:hover:before,
5463
+ .premium-button-style1-right:hover:before,
5464
+ .premium-button-style2-shutouthor:hover:before,
5465
+ .premium-button-style2-shutoutver:hover:before {
5466
+ -webkit-transform: scaleX(1);
5467
+ -ms-transform: scaleX(1);
5468
+ transform: scaleX(1);
5469
+ }
5470
+
5471
+ .premium-button-style2-shutinhor:hover:before {
5472
+ -webkit-transform: scaleX(0);
5473
+ -ms-transform: scaleX(0);
5474
+ transform: scaleX(0);
5475
+ }
5476
+
5477
+ .premium-button-style2-shutinver:hover:before {
5478
+ -webkit-transform: scaleY(0);
5479
+ -ms-transform: scaleY(0);
5480
+ transform: scaleY(0);
5481
+ }
5482
+
5483
+ .premium-button-style2-scshutouthor:hover:before {
5484
+ -webkit-transform: scaleX(0.9);
5485
+ -ms-transform: scaleX(0.9);
5486
+ transform: scaleX(0.9);
5487
+ }
5488
+
5489
+ .premium-button-style2-scshutoutver:hover:before {
5490
+ -webkit-transform: scaleY(0.8);
5491
+ -ms-transform: scaleY(0.8);
5492
+ transform: scaleY(0.8);
5493
+ }
5494
+
5495
+ /*Diagonal*/
5496
+ .premium-button-style2-dshutinhor:before,
5497
+ .premium-button-style2-dshutinver:before {
5498
+ top: 50%;
5499
+ right: 50%;
5500
+ width: 120%;
5501
+ height: 0%;
5502
+ -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
5503
+ -ms-transform: translateX(50%) translateY(-50%) rotate(45deg);
5504
+ transform: translateX(50%) translateY(-50%) rotate(45deg);
5505
+ -webkit-transform-origin: 50%;
5506
+ -ms-transform-origin: 50%;
5507
+ transform-origin: 50%;
5508
+ -webkit-transition-property: all;
5509
+ transition-property: all;
5510
+ }
5511
+
5512
+ .premium-button-style2-dshutinver:before {
5513
+ -webkit-transform: translateX(50%) translateY(-50%) rotate(-45deg);
5514
+ -ms-transform: translateX(50%) translateY(-50%) rotate(-45deg);
5515
+ transform: translateX(50%) translateY(-50%) rotate(-45deg);
5516
+ }
5517
+
5518
+ .premium-button-style2-dshutinhor:hover:before,
5519
+ .premium-button-style2-dshutinver:hover:before {
5520
+ height: 220%;
5521
+ }
5522
+
5523
+ .premium-button-style3-before i,
5524
+ .premium-button-style3-after i {
5525
+ opacity: 0;
5526
+ -webkit-transform: translateX(5px);
5527
+ -ms-transform: translateX(5px);
5528
+ transform: translateX(5px);
5529
+ -webkit-transition: all 0.5s ease-in-out;
5530
+ transition: all 0.5s ease-in-out;
5531
+ }
5532
+
5533
+ .premium-button-style3-after i {
5534
+ -webkit-transform: translateX(-5px);
5535
+ -ms-transform: translateX(-5px);
5536
+ transform: translateX(-5px);
5537
+ }
5538
+
5539
+ .premium-button-style3-after:hover i {
5540
+ opacity: 1;
5541
+ }
5542
+
5543
+ .premium-button-style3-before:hover i {
5544
+ opacity: 1;
5545
+ }
5546
+
5547
+ .premium-button-text-icon-wrapper {
5548
+ display: -webkit-box;
5549
+ display: -webkit-flex;
5550
+ display: -ms-flexbox;
5551
+ -js-display: flex;
5552
+ display: -moz-box;
5553
+ display: flex;
5554
+ -webkit-box-pack: center;
5555
+ -webkit-justify-content: center;
5556
+ -moz-box-pack: center;
5557
+ -ms-flex-pack: center;
5558
+ justify-content: center;
5559
+ -webkit-box-align: center;
5560
+ -webkit-align-items: center;
5561
+ -moz-box-align: center;
5562
+ -ms-flex-align: center;
5563
+ align-items: center;
5564
+ }
5565
+
5566
+ .premium-button-text-icon-wrapper span,
5567
+ .premium-button-text-icon-wrapper,
5568
+ .premium-button-text-icon-wrapper i {
5569
+ -webkit-transition: all 0.2s ease-in-out;
5570
+ transition: all 0.2s ease-in-out;
5571
+ }
5572
+
5573
+ .premium-button-style4-icon-wrapper {
5574
+ position: absolute;
5575
+ z-index: 2;
5576
+ width: 100%;
5577
+ text-align: center;
5578
+ -js-display: flex;
5579
+ display: -webkit-box;
5580
+ display: -webkit-flex;
5581
+ display: -moz-box;
5582
+ display: -ms-flexbox;
5583
+ display: flex;
5584
+ -webkit-box-align: center;
5585
+ -webkit-align-items: center;
5586
+ -moz-box-align: center;
5587
+ -ms-flex-align: center;
5588
+ align-items: center;
5589
+ -webkit-box-pack: center;
5590
+ -webkit-justify-content: center;
5591
+ -moz-box-pack: center;
5592
+ -ms-flex-pack: center;
5593
+ justify-content: center;
5594
+ height: 100%;
5595
+ opacity: 0;
5596
+ -webkit-transition: all 0.3s ease-in-out;
5597
+ transition: all 0.3s ease-in-out;
5598
+ }
5599
+
5600
+ .premium-button-style4-icon-wrapper.top {
5601
+ bottom: -100%;
5602
+ right: 0;
5603
+ }
5604
+
5605
+ .premium-button-style4-icon-wrapper.bottom {
5606
+ top: -100%;
5607
+ right: 0;
5608
+ }
5609
+
5610
+ .premium-button-style4-icon-wrapper.left {
5611
+ top: 0;
5612
+ right: -100%;
5613
+ }
5614
+
5615
+ .premium-button-style4-icon-wrapper.right {
5616
+ top: 0;
5617
+ left: -100%;
5618
+ }
5619
+
5620
+ .premium-button-style4-bottom:hover .premium-button-style4-icon-wrapper {
5621
+ top: 0;
5622
+ opacity: 1;
5623
+ }
5624
+
5625
+ .premium-button-style4-top:hover .premium-button-style4-icon-wrapper {
5626
+ bottom: 0;
5627
+ opacity: 1;
5628
+ }
5629
+
5630
+ .premium-button-style4-left:hover .premium-button-style4-icon-wrapper {
5631
+ right: 0;
5632
+ opacity: 1;
5633
+ }
5634
+
5635
+ .premium-button-style4-right:hover .premium-button-style4-icon-wrapper {
5636
+ left: 0;
5637
+ opacity: 1;
5638
+ }
5639
+
5640
+ .premium-button-style4-bottom:hover .premium-button-text-icon-wrapper {
5641
+ -webkit-transform: translateY(100%);
5642
+ -ms-transform: translateY(100%);
5643
+ transform: translateY(100%);
5644
+ opacity: 0;
5645
+ }
5646
+
5647
+ .premium-button-style4-top:hover .premium-button-text-icon-wrapper {
5648
+ -webkit-transform: translateY(-100%);
5649
+ -ms-transform: translateY(-100%);
5650
+ transform: translateY(-100%);
5651
+ opacity: 0;
5652
+ }
5653
+
5654
+ .premium-button-style4-left:hover .premium-button-text-icon-wrapper {
5655
+ -webkit-transform: translateX(-100%);
5656
+ -ms-transform: translateX(-100%);
5657
+ transform: translateX(-100%);
5658
+ opacity: 0;
5659
+ }
5660
+
5661
+ .premium-button-style4-right:hover .premium-button-text-icon-wrapper {
5662
+ -webkit-transform: translateX(100%);
5663
+ -ms-transform: translateX(100%);
5664
+ transform: translateX(100%);
5665
+ opacity: 0;
5666
+ }
5667
+
5668
+ .premium-button-style6:before {
5669
+ content: "";
5670
+ position: absolute;
5671
+ left: 50%;
5672
+ top: 50%;
5673
+ width: 100px;
5674
+ height: 100px;
5675
+ -webkit-border-radius: 100%;
5676
+ border-radius: 100%;
5677
+ -webkit-transform: translate(-50%, -50%) scale(0);
5678
+ -ms-transform: translate(-50%, -50%) scale(0);
5679
+ transform: translate(-50%, -50%) scale(0);
5680
+ -webkit-transition: all 0.3s ease-in-out;
5681
+ transition: all 0.3s ease-in-out;
5682
+ }
5683
+
5684
+ .premium-button-style6:hover:before {
5685
+ -webkit-transform: translate(-50%, -50%) scale(3);
5686
+ -ms-transform: translate(-50%, -50%) scale(3);
5687
+ transform: translate(-50%, -50%) scale(3);
5688
+ }
5689
+
5690
+ .premium-button-style6 .premium-button-text-icon-wrapper {
5691
+ position: relative;
5692
+ z-index: 1;
5693
+ }
5694
+
5695
+ .premium-mouse-detect-yes .premium-button-style6 .premium-button-style6-bg {
5696
+ position: absolute;
5697
+ z-index: 0;
5698
+ top: 0;
5699
+ left: 0;
5700
+ width: 0px;
5701
+ height: 0px;
5702
+ -webkit-border-radius: 50%;
5703
+ border-radius: 50%;
5704
+ display: block;
5705
+ -webkit-transform: translate(-50%, -50%);
5706
+ -ms-transform: translate(-50%, -50%);
5707
+ transform: translate(-50%, -50%);
5708
+ -webkit-transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
5709
+ transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
5710
+ }
5711
+
5712
+ .premium-mouse-detect-yes .premium-button-style6:hover .premium-button-style6-bg {
5713
+ width: 225%;
5714
+ height: 560px;
5715
+ }
5716
+
5717
+ .premium-mouse-detect-yes .premium-button-style6:before {
5718
+ width: 0;
5719
+ height: 0;
5720
+ }
5721
+
5722
+ /**************** Premium Contact Form7 **********/
5723
+ /*************************************************/
5724
+ .premium-contact-form-anim-yes .wpcf7-span::after {
5725
+ display: block;
5726
+ height: 2px;
5727
+ content: "";
5728
+ top: -2px;
5729
+ position: relative;
5730
+ width: 0px;
5731
+ -webkit-transition: all ease-in-out 0.3s;
5732
+ transition: all ease-in-out 0.3s;
5733
+ }
5734
+
5735
+ .premium-contact-form-anim-yes .wpcf7-span.is-focused::after {
5736
+ width: 100%;
5737
+ }
5738
+
5739
+ /**************** Premium Image Button ***********/
5740
+ /*************************************************/
5741
+ .premium-image-button {
5742
+ display: inline-block;
5743
+ position: relative;
5744
+ overflow: hidden;
5745
+ background: #6ec1e4;
5746
+ cursor: pointer;
5747
+ -webkit-transition: all 0.2s ease-in-out !important;
5748
+ transition: all 0.2s ease-in-out !important;
5749
+ }
5750
+
5751
+ /*Default background for slide styles*/
5752
+ .premium-image-button:hover,
5753
+ .premium-image-button-style4-icon-wrapper,
5754
+ .premium-image-button-style1-top:before,
5755
+ .premium-image-button-style1-bottom:before,
5756
+ .premium-image-button-style1-left:before,
5757
+ .premium-image-button-style1-right:before {
5758
+ background-color: #54595f;
5759
+ }
5760
+
5761
+ .premium-image-button.premium-image-button-sm {
5762
+ padding: 12px 24px;
5763
+ font-size: 14px;
5764
+ line-height: 1;
5765
+ }
5766
+
5767
+ .premium-image-button.premium-image-button-md {
5768
+ padding: 14px 26px;
5769
+ font-size: 16px;
5770
+ line-height: 1.2;
5771
+ }
5772
+
5773
+ .premium-image-button.premium-image-button-lg {
5774
+ padding: 16px 28px;
5775
+ font-size: 18px;
5776
+ line-height: 1.3333;
5777
+ }
5778
+
5779
+ .premium-image-button.premium-image-button-block {
5780
+ font-size: 15px;
5781
+ line-height: 1;
5782
+ padding: 12px 24px;
5783
+ width: 100%;
5784
+ text-align: center;
5785
+ }
5786
+
5787
+ .premium-image-button-text-icon-wrapper {
5788
+ display: -webkit-box;
5789
+ display: -webkit-flex;
5790
+ display: -ms-flexbox;
5791
+ -js-display: flex;
5792
+ display: -moz-box;
5793
+ display: flex;
5794
+ -webkit-box-pack: center;
5795
+ -webkit-justify-content: center;
5796
+ -moz-box-pack: center;
5797
+ -ms-flex-pack: center;
5798
+ justify-content: center;
5799
+ -webkit-box-align: center;
5800
+ -webkit-align-items: center;
5801
+ -moz-box-align: center;
5802
+ -ms-flex-align: center;
5803
+ align-items: center;
5804
+ position: relative;
5805
+ z-index: 3;
5806
+ }
5807
+
5808
+ .premium-image-button-text-icon-wrapper span,
5809
+ .premium-image-button-text-icon-wrapper,
5810
+ .premium-image-button-text-icon-wrapper i {
5811
+ -webkit-transition: all 0.2s ease-in-out;
5812
+ transition: all 0.2s ease-in-out;
5813
+ }
5814
+
5815
+ .premium-image-button-style1-bottom:before,
5816
+ .premium-image-button-style1-top:before,
5817
+ .premium-image-button-style1-left:before,
5818
+ .premium-image-button-style1-right:before {
5819
+ -webkit-transition: all 0.2s ease-in-out;
5820
+ transition: all 0.2s ease-in-out;
5821
+ }
5822
+
5823
+ .premium-image-button-style1-bottom:before {
5824
+ content: "";
5825
+ position: absolute;
5826
+ width: 100%;
5827
+ height: 0;
5828
+ top: 0;
5829
+ right: 0;
5830
+ }
5831
+
5832
+ .premium-image-button-style1-top:before {
5833
+ content: "";
5834
+ position: absolute;
5835
+ width: 100%;
5836
+ height: 0;
5837
+ bottom: 0;
5838
+ right: 0;
5839
+ }
5840
+
5841
+ .premium-image-button-style1-right:before {
5842
+ content: "";
5843
+ position: absolute;
5844
+ width: 0;
5845
+ height: 100%;
5846
+ bottom: 0;
5847
+ right: 0;
5848
+ }
5849
+
5850
+ .premium-image-button-style1-left:before {
5851
+ content: "";
5852
+ position: absolute;
5853
+ width: 0;
5854
+ height: 100%;
5855
+ top: 0;
5856
+ left: 0;
5857
+ }
5858
+
5859
+ .premium-image-button-style1-bottom:hover:before {
5860
+ height: 100%;
5861
+ }
5862
+
5863
+ .premium-image-button-style1-top:hover:before {
5864
+ height: 100%;
5865
+ }
5866
+
5867
+ .premium-image-button-style1-right:hover:before {
5868
+ width: 100%;
5869
+ }
5870
+
5871
+ .premium-image-button-style1-left:hover:before {
5872
+ width: 100%;
5873
+ }
5874
+
5875
+ .premium-image-button-diagonal-effect-top,
5876
+ .premium-image-button-diagonal-effect-bottom,
5877
+ .premium-image-button-diagonal-effect-left,
5878
+ .premium-image-button-diagonal-effect-right {
5879
+ z-index: 10;
5880
+ }
5881
+
5882
+ .premium-image-button-diagonal-effect-top:before,
5883
+ .premium-image-button-diagonal-effect-bottom:before,
5884
+ .premium-image-button-diagonal-effect-left:before,
5885
+ .premium-image-button-diagonal-effect-right:before {
5886
+ position: absolute;
5887
+ top: 0px;
5888
+ right: 0px;
5889
+ width: 100%;
5890
+ height: 100%;
5891
+ content: "";
5892
+ z-index: 1;
5893
+ background: rgba(255, 255, 255, 0.2);
5894
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
5895
+ -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
5896
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
5897
+ -webkit-transition: all 0.8s ease-out;
5898
+ transition: all 0.8s ease-out;
5899
+ }
5900
+
5901
+ .premium-image-button-diagonal-effect-right:hover:before,
5902
+ .premium-image-button-diagonal-effect-left:before {
5903
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
5904
+ -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
5905
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
5906
+ }
5907
+
5908
+ .premium-image-button-diagonal-effect-left:hover:before,
5909
+ .premium-image-button-diagonal-effect-right:before {
5910
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
5911
+ -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
5912
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
5913
+ }
5914
+
5915
+ .premium-image-button-diagonal-effect-top:hover:before,
5916
+ .premium-image-button-diagonal-effect-bottom:before {
5917
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
5918
+ -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
5919
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
5920
+ }
5921
+
5922
+ .premium-image-button-diagonal-effect-bottom:hover:before,
5923
+ .premium-image-button-diagonal-effect-top:before {
5924
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
5925
+ -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
5926
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
5927
+ }
5928
+
5929
+ .premium-image-button-style4-icon-wrapper {
5930
+ position: absolute;
5931
+ z-index: 2;
5932
+ width: 100%;
5933
+ text-align: center;
5934
+ display: -webkit-box;
5935
+ display: -webkit-flex;
5936
+ display: -ms-flexbox;
5937
+ -js-display: flex;
5938
+ display: -moz-box;
5939
+ display: flex;
5940
+ -webkit-box-align: center;
5941
+ -webkit-align-items: center;
5942
+ -moz-box-align: center;
5943
+ -ms-flex-align: center;
5944
+ align-items: center;
5945
+ -webkit-box-pack: center;
5946
+ -webkit-justify-content: center;
5947
+ -moz-box-pack: center;
5948
+ -ms-flex-pack: center;
5949
+ justify-content: center;
5950
+ height: 100%;
5951
+ opacity: 0;
5952
+ -webkit-transition: all 0.3s ease-in-out;
5953
+ transition: all 0.3s ease-in-out;
5954
+ }
5955
+
5956
+ .premium-image-button-style4-icon-wrapper.top {
5957
+ bottom: -100%;
5958
+ right: 0;
5959
+ }
5960
+
5961
+ .premium-image-button-style4-icon-wrapper.bottom {
5962
+ top: -100%;
5963
+ right: 0;
5964
+ }
5965
+
5966
+ .premium-image-button-style4-icon-wrapper.left {
5967
+ top: 0;
5968
+ right: -100%;
5969
+ }
5970
+
5971
+ .premium-image-button-style4-icon-wrapper.right {
5972
+ top: 0;
5973
+ left: -100%;
5974
+ }
5975
+
5976
+ .premium-image-button-style4-bottom:hover .premium-image-button-style4-icon-wrapper {
5977
+ top: 0;
5978
+ opacity: 1;
5979
+ }
5980
+
5981
+ .premium-image-button-style4-top:hover .premium-image-button-style4-icon-wrapper {
5982
+ bottom: 0;
5983
+ opacity: 1;
5984
+ }
5985
+
5986
+ .premium-image-button-style4-left:hover .premium-image-button-style4-icon-wrapper {
5987
+ right: 0;
5988
+ opacity: 1;
5989
+ }
5990
+
5991
+ .premium-image-button-style4-right:hover .premium-image-button-style4-icon-wrapper {
5992
+ left: 0;
5993
+ opacity: 1;
5994
+ }
5995
+
5996
+ .premium-image-button-style4-bottom:hover .premium-image-button-text-icon-wrapper {
5997
+ -webkit-transform: translateY(100%);
5998
+ -ms-transform: translateY(100%);
5999
+ transform: translateY(100%);
6000
+ opacity: 0;
6001
+ }
6002
+
6003
+ .premium-image-button-style4-top:hover .premium-image-button-text-icon-wrapper {
6004
+ -webkit-transform: translateY(-100%);
6005
+ -ms-transform: translateY(-100%);
6006
+ transform: translateY(-100%);
6007
+ opacity: 0;
6008
+ }
6009
+
6010
+ .premium-image-button-style4-left:hover .premium-image-button-text-icon-wrapper {
6011
+ -webkit-transform: translateX(-100%);
6012
+ -ms-transform: translateX(-100%);
6013
+ transform: translateX(-100%);
6014
+ opacity: 0;
6015
+ }
6016
+
6017
+ .premium-image-button-style4-right:hover .premium-image-button-text-icon-wrapper {
6018
+ -webkit-transform: translateX(100%);
6019
+ -ms-transform: translateX(100%);
6020
+ transform: translateX(100%);
6021
+ opacity: 0;
6022
+ }
6023
+
6024
+ .premium-image-button-overlap-effect-horizontal:before,
6025
+ .premium-image-button-overlap-effect-vertical:before {
6026
+ position: absolute;
6027
+ content: "";
6028
+ top: 0;
6029
+ right: 0;
6030
+ width: 100%;
6031
+ height: 100%;
6032
+ opacity: 0;
6033
+ -webkit-transition: all 1s ease-in-out;
6034
+ transition: all 1s ease-in-out;
6035
+ background: rgba(255, 255, 255, 0.2);
6036
+ -webkit-animation-name: premium-overlap-effect-done;
6037
+ animation-name: premium-overlap-effect-done;
6038
+ -webkit-animation-duration: 1s;
6039
+ animation-duration: 1s;
6040
+ }
6041
+
6042
+ .premium-image-button-overlap-effect-vertical:before {
6043
+ -webkit-animation-name: premium-overlap-ver-effect-done;
6044
+ animation-name: premium-overlap-ver-effect-done;
6045
+ -webkit-animation-duration: 1s;
6046
+ animation-duration: 1s;
6047
+ }
6048
+
6049
+ .premium-image-button-overlap-effect-horizontal:hover:before {
6050
+ -webkit-animation-name: premium-overlap-effect;
6051
+ animation-name: premium-overlap-effect;
6052
+ -webkit-animation-duration: 1s;
6053
+ animation-duration: 1s;
6054
+ }
6055
+
6056
+ .premium-image-button-overlap-effect-vertical:hover:before {
6057
+ -webkit-animation-name: premium-overlap-ver-effect;
6058
+ animation-name: premium-overlap-ver-effect;
6059
+ -webkit-animation-duration: 1s;
6060
+ animation-duration: 1s;
6061
+ }
6062
+
6063
+ @-webkit-keyframes premium-overlap-effect {
6064
+ 0% {
6065
+ opacity: 0;
6066
+ -webkit-transform: rotateY(0deg);
6067
+ transform: rotateY(0deg);
6068
+ }
6069
+
6070
+ 50% {
6071
+ opacity: 1;
6072
+ -webkit-transform: rotateY(180deg);
6073
+ transform: rotateY(180deg);
6074
+ }
6075
+
6076
+ 100% {
6077
+ opacity: 0;
6078
+ -webkit-transform: rotateY(360deg);
6079
+ transform: rotateY(360deg);
6080
+ }
6081
+ }
6082
+
6083
+ @keyframes premium-overlap-effect {
6084
+ 0% {
6085
+ opacity: 0;
6086
+ -webkit-transform: rotateY(0deg);
6087
+ transform: rotateY(0deg);
6088
+ }
6089
+
6090
+ 50% {
6091
+ opacity: 1;
6092
+ -webkit-transform: rotateY(180deg);
6093
+ transform: rotateY(180deg);
6094
+ }
6095
+
6096
+ 100% {
6097
+ opacity: 0;
6098
+ -webkit-transform: rotateY(360deg);
6099
+ transform: rotateY(360deg);
6100
+ }
6101
+ }
6102
+
6103
+ @-webkit-keyframes premium-overlap-effect-done {
6104
+ 0% {
6105
+ opacity: 0;
6106
+ -webkit-transform: rotateY(0deg);
6107
+ transform: rotateY(0deg);
6108
+ }
6109
+
6110
+ 50% {
6111
+ opacity: 1;
6112
+ -webkit-transform: rotateY(180deg);
6113
+ transform: rotateY(180deg);
6114
+ }
6115
+
6116
+ 100% {
6117
+ opacity: 0;
6118
+ -webkit-transform: rotateY(360deg);
6119
+ transform: rotateY(360deg);
6120
+ }
6121
+ }
6122
+
6123
+ @keyframes premium-overlap-effect-done {
6124
+ 0% {
6125
+ opacity: 0;
6126
+ -webkit-transform: rotateY(0deg);
6127
+ transform: rotateY(0deg);
6128
+ }
6129
+
6130
+ 50% {
6131
+ opacity: 1;
6132
+ -webkit-transform: rotateY(180deg);
6133
+ transform: rotateY(180deg);
6134
+ }
6135
+
6136
+ 100% {
6137
+ opacity: 0;
6138
+ -webkit-transform: rotateY(360deg);
6139
+ transform: rotateY(360deg);
6140
+ }
6141
+ }
6142
+
6143
+ @-webkit-keyframes premium-overlap-ver-effect {
6144
+ 0% {
6145
+ opacity: 0;
6146
+ -webkit-transform: rotateX(0deg);
6147
+ transform: rotateX(0deg);
6148
+ }
6149
+
6150
+ 50% {
6151
+ opacity: 1;
6152
+ -webkit-transform: rotateX(180deg);
6153
+ transform: rotateX(180deg);
6154
+ }
6155
+
6156
+ 100% {
6157
+ opacity: 0;
6158
+ -webkit-transform: rotateX(360deg);
6159
+ transform: rotateX(360deg);
6160
+ }
6161
+ }
6162
+
6163
+ @keyframes premium-overlap-ver-effect {
6164
+ 0% {
6165
+ opacity: 0;
6166
+ -webkit-transform: rotateX(0deg);
6167
+ transform: rotateX(0deg);
6168
+ }
6169
+
6170
+ 50% {
6171
+ opacity: 1;
6172
+ -webkit-transform: rotateX(180deg);
6173
+ transform: rotateX(180deg);
6174
+ }
6175
+
6176
+ 100% {
6177
+ opacity: 0;
6178
+ -webkit-transform: rotateX(360deg);
6179
+ transform: rotateX(360deg);
6180
+ }
6181
+ }
6182
+
6183
+ @-webkit-keyframes premium-overlap-ver-effect-done {
6184
+ 0% {
6185
+ opacity: 0;
6186
+ -webkit-transform: rotateX(0deg);
6187
+ transform: rotateX(0deg);
6188
+ }
6189
+
6190
+ 50% {
6191
+ opacity: 1;
6192
+ -webkit-transform: rotateX(180deg);
6193
+ transform: rotateX(180deg);
6194
+ }
6195
+
6196
+ 100% {
6197
+ opacity: 0;
6198
+ -webkit-transform: rotateX(360deg);
6199
+ transform: rotateX(360deg);
6200
+ }
6201
+ }
6202
+
6203
+ @keyframes premium-overlap-ver-effect-done {
6204
+ 0% {
6205
+ opacity: 0;
6206
+ -webkit-transform: rotateX(0deg);
6207
+ transform: rotateX(0deg);
6208
+ }
6209
+
6210
+ 50% {
6211
+ opacity: 1;
6212
+ -webkit-transform: rotateX(180deg);
6213
+ transform: rotateX(180deg);
6214
+ }
6215
+
6216
+ 100% {
6217
+ opacity: 0;
6218
+ -webkit-transform: rotateX(360deg);
6219
+ transform: rotateX(360deg);
6220
+ }
6221
+ }
6222
+
6223
+ /**************** Premium Grid *******************/
6224
+ /*************************************************/
6225
+ .premium-img-gallery-filter,
6226
+ .premium-blog-filter {
6227
+ display: -webkit-box;
6228
+ display: -webkit-flex;
6229
+ display: -ms-flexbox;
6230
+ -js-display: flex;
6231
+ display: -moz-box;
6232
+ display: flex;
6233
+ -webkit-box-align: center;
6234
+ -webkit-align-items: center;
6235
+ -moz-box-align: center;
6236
+ -ms-flex-align: center;
6237
+ align-items: center;
6238
+ -webkit-box-pack: center;
6239
+ -webkit-justify-content: center;
6240
+ -moz-box-pack: center;
6241
+ -ms-flex-pack: center;
6242
+ justify-content: center;
6243
+ }
6244
+
6245
+ .premium-img-gallery {
6246
+ clear: both;
6247
+ overflow: hidden;
6248
+ }
6249
+
6250
+ .premium-gallery-container .premium-gallery-item {
6251
+ padding: 10px;
6252
+ float: right;
6253
+ /* Google Chrome isotope issue */
6254
+ }
6255
+
6256
+ .premium-gallery-container .grid-sizer {
6257
+ width: 33.33%;
6258
+ }
6259
+
6260
+ .premium-img-gallery-filter .premium-gallery-cats-container li a.category,
6261
+ .premium-blog-filter .premium-blog-filters-container li a.category {
6262
+ outline: none;
6263
+ text-decoration: none;
6264
+ -webkit-border-radius: 75px;
6265
+ border-radius: 75px;
6266
+ margin: 15px 5px 20px;
6267
+ padding: 7px 20px;
6268
+ -webkit-transition: all 0.3s ease-in-out;
6269
+ transition: all 0.3s ease-in-out;
6270
+ }
6271
+
6272
+ .premium-img-gallery-filter .premium-gallery-cats-container li a.category span {
6273
+ -webkit-transition: all 0.3s ease-in-out;
6274
+ transition: all 0.3s ease-in-out;
6275
+ }
6276
+
6277
+ .pa-gallery-img {
6278
+ position: relative;
6279
+ }
6280
+
6281
+ .pa-gallery-img .pa-gallery-whole-link {
6282
+ position: absolute;
6283
+ top: 0;
6284
+ right: 0;
6285
+ width: 100%;
6286
+ height: 100%;
6287
+ }
6288
+
6289
+ .pa-gallery-img.style2 .pa-gallery-whole-link {
6290
+ z-index: 99;
6291
+ }
6292
+
6293
+ .pa-gallery-img-container {
6294
+ overflow: hidden;
6295
+ -webkit-backface-visibility: hidden;
6296
+ -moz-backface-visibility: hidden;
6297
+ -webkit-transform: translate3d(0, 0, 0);
6298
+ transform: translate3d(0, 0, 0);
6299
+ }
6300
+
6301
+ .pa-gallery-img-container img {
6302
+ display: block;
6303
+ width: 100%;
6304
+ -webkit-transition: all 0.3s ease-in-out;
6305
+ transition: all 0.3s ease-in-out;
6306
+ }
6307
+
6308
+ .premium-img-gallery.gray img {
6309
+ -webkit-filter: grayscale(100%);
6310
+ filter: grayscale(100%);
6311
+ }
6312
+
6313
+ .premium-img-gallery.zoomout img,
6314
+ .premium-img-gallery.scale img {
6315
+ -webkit-transform: scale(1.2);
6316
+ -ms-transform: scale(1.2);
6317
+ transform: scale(1.2);
6318
+ }
6319
+
6320
+ .premium-img-gallery.sepia img {
6321
+ -webkit-filter: sepia(30%);
6322
+ filter: sepia(30%);
6323
+ }
6324
+
6325
+ .premium-img-gallery.bright img {
6326
+ -webkit-filter: brightness(1);
6327
+ filter: brightness(1);
6328
+ }
6329
+
6330
+ .premium-img-gallery.trans img {
6331
+ -webkit-transform: translateX(15px) scale(1.1);
6332
+ -ms-transform: translateX(15px) scale(1.1);
6333
+ transform: translateX(15px) scale(1.1);
6334
+ }
6335
+
6336
+ .pa-gallery-img .pa-gallery-magnific-image,
6337
+ .pa-gallery-img .pa-gallery-img-link {
6338
+ outline: none;
6339
+ }
6340
+
6341
+ .pa-gallery-img .pa-gallery-magnific-image span,
6342
+ .pa-gallery-img .pa-gallery-img-link span {
6343
+ line-height: 1;
6344
+ display: inline-block;
6345
+ opacity: 0;
6346
+ margin: 0 5px;
6347
+ padding: 15px;
6348
+ -webkit-border-radius: 50%;
6349
+ border-radius: 50%;
6350
+ }
6351
+
6352
+ .pa-gallery-img.style2 .pa-gallery-magnific-image span,
6353
+ .pa-gallery-img.style2 .pa-gallery-img-link span {
6354
+ margin: 0 5px 20px;
6355
+ }
6356
+
6357
+ .pa-gallery-img:hover .pa-gallery-magnific-image span {
6358
+ -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
6359
+ transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
6360
+ }
6361
+
6362
+ .pa-gallery-img:hover .pa-gallery-img-link span {
6363
+ -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
6364
+ transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
6365
+ }
6366
+
6367
+ .pa-gallery-img:hover .pa-gallery-magnific-image span,
6368
+ .pa-gallery-img:hover .pa-gallery-img-link span,
6369
+ .premium-gallery-icon-show a.pa-gallery-video-icon span {
6370
+ opacity: 1;
6371
+ }
6372
+
6373
+ .premium-img-gallery-filter ul.premium-gallery-cats-container,
6374
+ .premium-blog-filter ul.premium-blog-filters-container {
6375
+ text-align: center;
6376
+ margin: 0;
6377
+ padding: 0;
6378
+ }
6379
+
6380
+ .premium-img-gallery-filter .premium-gallery-cats-container li,
6381
+ .premium-blog-filter .premium-blog-filters-container li {
6382
+ list-style: none;
6383
+ display: -webkit-inline-box;
6384
+ display: -webkit-inline-flex;
6385
+ display: -ms-inline-flexbox;
6386
+ -js-display: inline-flex;
6387
+ display: -moz-inline-box;
6388
+ display: inline-flex;
6389
+ }
6390
+
6391
+ .premium-img-gallery.zoomin .pa-gallery-img:hover img {
6392
+ -webkit-transform: scale(1.1);
6393
+ -ms-transform: scale(1.1);
6394
+ transform: scale(1.1);
6395
+ }
6396
+
6397
+ .premium-img-gallery.zoomout .pa-gallery-img:hover img {
6398
+ -webkit-transform: scale(1);
6399
+ -ms-transform: scale(1);
6400
+ transform: scale(1);
6401
+ }
6402
+
6403
+ .premium-img-gallery.scale .pa-gallery-img:hover img {
6404
+ -webkit-transform: scale(1.3) rotate(-5deg);
6405
+ -ms-transform: scale(1.3) rotate(-5deg);
6406
+ transform: scale(1.3) rotate(-5deg);
6407
+ }
6408
+
6409
+ .premium-img-gallery.gray .pa-gallery-img:hover img {
6410
+ -webkit-filter: grayscale(0%);
6411
+ filter: grayscale(0%);
6412
+ }
6413
+
6414
+ .premium-img-gallery.blur .pa-gallery-img:hover img {
6415
+ -webkit-filter: blur(3px);
6416
+ filter: blur(3px);
6417
+ }
6418
+
6419
+ .premium-img-gallery.sepia .pa-gallery-img:hover img {
6420
+ -webkit-filter: sepia(0%);
6421
+ filter: sepia(0%);
6422
+ }
6423
+
6424
+ .premium-img-gallery.trans .pa-gallery-img:hover img {
6425
+ -webkit-transform: translateX(0px) scale(1.1);
6426
+ -ms-transform: translateX(0px) scale(1.1);
6427
+ transform: translateX(0px) scale(1.1);
6428
+ }
6429
+
6430
+ .premium-img-gallery.bright .pa-gallery-img:hover img {
6431
+ -webkit-filter: brightness(1.2);
6432
+ filter: brightness(1.2);
6433
+ }
6434
+
6435
+ .pa-gallery-img .premium-gallery-caption {
6436
+ padding: 10px;
6437
+ }
6438
+
6439
+ .pa-gallery-img .premium-gallery-caption .premium-gallery-img-name {
6440
+ margin-bottom: 0;
6441
+ }
6442
+
6443
+ .pa-gallery-img.style1 {
6444
+ overflow: hidden;
6445
+ }
6446
+
6447
+ .pa-gallery-img:not(.style2) .pa-gallery-icons-wrapper {
6448
+ position: absolute;
6449
+ top: 0;
6450
+ right: 0;
6451
+ width: 100%;
6452
+ height: 100%;
6453
+ -webkit-transition: all 0.3s ease-in-out;
6454
+ transition: all 0.3s ease-in-out;
6455
+ }
6456
+
6457
+ .pa-gallery-img:not(.style2) .pa-gallery-icons-inner-container {
6458
+ position: absolute;
6459
+ top: 33.33%;
6460
+ width: 100%;
6461
+ text-align: center;
6462
+ -webkit-transform: translateY(-50%);
6463
+ -ms-transform: translateY(-50%);
6464
+ transform: translateY(-50%);
6465
+ z-index: 999;
6466
+ }
6467
+
6468
+ .pa-gallery-img.style1 .premium-gallery-caption {
6469
+ position: absolute;
6470
+ top: auto;
6471
+ left: 0;
6472
+ right: 0;
6473
+ width: 100%;
6474
+ -webkit-transition: all 500ms ease 0s;
6475
+ transition: all 500ms ease 0s;
6476
+ -webkit-transform: translate3d(0, 100%, 0);
6477
+ -ms-transform: translate3d(0, 100%, 0);
6478
+ transform: translate3d(0, 100%, 0);
6479
+ }
6480
+
6481
+ .pa-gallery-img.default .premium-gallery-caption {
6482
+ position: absolute;
6483
+ top: auto;
6484
+ left: 0;
6485
+ right: 0;
6486
+ width: 100%;
6487
+ bottom: 0;
6488
+ }
6489
+
6490
+ .pa-gallery-img.style1:hover .premium-gallery-caption {
6491
+ -webkit-transform: translate3d(0, 0, 0);
6492
+ -ms-transform: translate3d(0, 0, 0);
6493
+ transform: translate3d(0, 0, 0);
6494
+ bottom: -1px !important;
6495
+ }
6496
+
6497
+ .pa-gallery-img.style2 .pa-gallery-icons-caption-container {
6498
+ position: absolute;
6499
+ top: 0;
6500
+ right: 0;
6501
+ width: 100%;
6502
+ height: 100%;
6503
+ opacity: 0;
6504
+ -webkit-backface-visibility: hidden;
6505
+ backface-visibility: hidden;
6506
+ -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
6507
+ -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
6508
+ transition: opacity 0.3s, -webkit-transform 0.3s;
6509
+ transition: transform 0.3s, opacity 0.3s;
6510
+ transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
6511
+ z-index: 1;
6512
+ background-color: rgba(108, 191, 226, 0.68);
6513
+ display: -webkit-box;
6514
+ display: -webkit-flex;
6515
+ display: -ms-flexbox;
6516
+ -js-display: flex;
6517
+ display: -moz-box;
6518
+ display: flex;
6519
+ text-align: center;
6520
+ -webkit-box-align: center;
6521
+ -webkit-align-items: center;
6522
+ -moz-box-align: center;
6523
+ -ms-flex-align: center;
6524
+ align-items: center;
6525
+ }
6526
+
6527
+ .pa-gallery-img.style2 .pa-gallery-icons-caption-cell {
6528
+ width: 100%;
6529
+ }
6530
+
6531
+ .pa-gallery-img.style2:hover .pa-gallery-icons-caption-container {
6532
+ opacity: 1;
6533
+ -webkit-transform: translate(-15px, 15px);
6534
+ -ms-transform: translate(-15px, 15px);
6535
+ transform: translate(-15px, 15px);
6536
+ }
6537
+
6538
+ .premium-clearfix {
6539
+ clear: both;
6540
+ }
6541
+
6542
+ .premium-gallery-container .pa-gallery-item {
6543
+ padding: 10px;
6544
+ }
6545
+
6546
+ /** * Metro Style */
6547
+ .premium-img-gallery-metro .premium-gallery-item {
6548
+ overflow: hidden;
6549
+ }
6550
+
6551
+ .premium-img-gallery-metro .pa-gallery-img,
6552
+ .premium-img-gallery-metro .pa-gallery-img-container {
6553
+ height: 100%;
6554
+ }
6555
+
6556
+ .premium-img-gallery-metro .pa-gallery-image {
6557
+ min-height: 100%;
6558
+ width: 100%;
6559
+ -o-object-fit: fill;
6560
+ object-fit: fill;
6561
+ }
6562
+
6563
+ .premium-img-gallery .premium-gallery-item-hidden {
6564
+ visibility: hidden;
6565
+ width: 0 !important;
6566
+ height: 0 !important;
6567
+ margin: 0 !important;
6568
+ padding: 0 !important;
6569
+ }
6570
+
6571
+ .premium-gallery-load-more .premium-gallery-load-more-btn {
6572
+ -webkit-box-shadow: none;
6573
+ box-shadow: none;
6574
+ text-shadow: none;
6575
+ border: none;
6576
+ outline: none;
6577
+ -webkit-box-align: center;
6578
+ -ms-flex-align: center;
6579
+ -webkit-align-items: center;
6580
+ -moz-box-align: center;
6581
+ align-items: center;
6582
+ vertical-align: bottom;
6583
+ cursor: pointer;
6584
+ line-height: 1;
6585
+ font-style: normal;
6586
+ font-weight: normal;
6587
+ background-image: none;
6588
+ color: #fff;
6589
+ -webkit-transition: all 0.3s ease-in-out;
6590
+ transition: all 0.3s ease-in-out;
6591
+ }
6592
+
6593
+ .premium-gallery-load-more-btn {
6594
+ display: -webkit-inline-box;
6595
+ display: -webkit-inline-flex;
6596
+ display: -ms-inline-flexbox;
6597
+ -js-display: inline-flex;
6598
+ display: -moz-inline-box;
6599
+ display: inline-flex;
6600
+ -webkit-box-align: center;
6601
+ -webkit-align-items: center;
6602
+ -moz-box-align: center;
6603
+ -ms-flex-align: center;
6604
+ align-items: center;
6605
+ }
6606
+
6607
+ .premium-loader {
6608
+ border: 3px solid #f3f3f3;
6609
+ border-top-width: 3px;
6610
+ border-top-style: solid;
6611
+ border-top-color: rgb(243, 243, 243);
6612
+ -webkit-border-radius: 50%;
6613
+ border-radius: 50%;
6614
+ border-top: 3px solid;
6615
+ border-top-color: #bbb;
6616
+ width: 30px;
6617
+ height: 30px;
6618
+ -webkit-animation: spin 2s linear infinite;
6619
+ animation: spin 2s linear infinite;
6620
+ margin: 0 auto;
6621
+ }
6622
+
6623
+ .premium-gallery-load-more-btn div {
6624
+ margin-right: 3px;
6625
+ }
6626
+
6627
+ .premium-gallery-load-more-btn .premium-loader {
6628
+ display: inline-block;
6629
+ width: 20px;
6630
+ height: 20px;
6631
+ }
6632
+
6633
+ /** * Video */
6634
+ .pa-gallery-img .pa-gallery-lightbox-wrap {
6635
+ display: inline-block;
6636
+ }
6637
+
6638
+ .premium-img-gallery-no-lightbox .premium-gallery-video-item .pa-gallery-img,
6639
+ .pa-gallery-img .pa-gallery-video-icon {
6640
+ cursor: pointer;
6641
+ }
6642
+
6643
+ .pa-gallery-img-container iframe,
6644
+ .pa-gallery-img-container video {
6645
+ position: absolute;
6646
+ visibility: hidden;
6647
+ top: 0;
6648
+ right: 0;
6649
+ max-width: 100%;
6650
+ width: 100%;
6651
+ height: 100%;
6652
+ margin: 0;
6653
+ line-height: 1;
6654
+ border: none;
6655
+ }
6656
+
6657
+ .pa-gallery-img-container video {
6658
+ -o-object-fit: contain;
6659
+ object-fit: contain;
6660
+ }
6661
+
6662
+ .pa-gallery-icons-inner-container svg,
6663
+ .pa-gallery-icons-caption-cell svg {
6664
+ width: 14px;
6665
+ height: 14px;
6666
+ }
6667
+
6668
+ @-webkit-keyframes spin {
6669
+ 0% {
6670
+ -webkit-transform: rotate(0deg);
6671
+ }
6672
+
6673
+ 100% {
6674
+ -webkit-transform: rotate(-360deg);
6675
+ }
6676
+ }
6677
+
6678
+ @keyframes spin {
6679
+ 0% {
6680
+ -webkit-transform: rotate(0deg);
6681
+ transform: rotate(0deg);
6682
+ }
6683
+
6684
+ 100% {
6685
+ -webkit-transform: rotate(-360deg);
6686
+ transform: rotate(-360deg);
6687
+ }
6688
+ }
6689
+
6690
+ /************ Premium Vertical Scroll ************/
6691
+ /*************************************************/
6692
+ .premium-vscroll-inner {
6693
+ position: relative;
6694
+ /* overflow: hidden;
6695
+ */
6696
+ min-height: 100%;
6697
+ }
6698
+
6699
+ .premium-vscroll-inner .premium-vscroll-dots {
6700
+ position: fixed;
6701
+ z-index: 100;
6702
+ opacity: 1;
6703
+ margin-top: -32px;
6704
+ -webkit-transition: all 0.3s ease-in-out;
6705
+ transition: all 0.3s ease-in-out;
6706
+ }
6707
+
6708
+ .premium-vscroll-wrap .premium-vscroll-nav-menu {
6709
+ opacity: 1;
6710
+ -webkit-transition: all 0.3s ease-in-out;
6711
+ transition: all 0.3s ease-in-out;
6712
+ }
6713
+
6714
+ .premium-vscroll-inner .premium-vscroll-dots,
6715
+ .premium-vscroll-wrap .premium-vscroll-dots-hide {
6716
+ opacity: 0;
6717
+ visibility: hidden;
6718
+ }
6719
+
6720
+ .premium-vscroll-nav-dots-yes .premium-vscroll-inner .premium-vscroll-dots {
6721
+ opacity: 1;
6722
+ visibility: visible;
6723
+ }
6724
+
6725
+ .premium-vscroll-dots.middle {
6726
+ top: 50%;
6727
+ }
6728
+
6729
+ .premium-vscroll-dots.top {
6730
+ top: 40px;
6731
+ }
6732
+
6733
+ .premium-vscroll-dots.bottom {
6734
+ bottom: 30px;
6735
+ }
6736
+
6737
+ .premium-vscroll-dots.right {
6738
+ left: 17px;
6739
+ }
6740
+
6741
+ .premium-vscroll-dots.left {
6742
+ right: 17px;
6743
+ }
6744
+
6745
+ .premium-vscroll-inner ul.premium-vscroll-dots-list,
6746
+ .premium-vscroll-wrap .premium-vscroll-nav-menu {
6747
+ margin: 0 !important;
6748
+ padding: 0;
6749
+ }
6750
+
6751
+ .premium-vscroll-inner ul.premium-vscroll-dots-list li {
6752
+ width: 14px;
6753
+ height: 13px;
6754
+ margin: 7px;
6755
+ position: relative;
6756
+ display: -webkit-box;
6757
+ display: -webkit-flex;
6758
+ display: -ms-flexbox;
6759
+ -js-display: flex;
6760
+ display: -moz-box;
6761
+ display: flex;
6762
+ -webkit-box-pack: center;
6763
+ -ms-flex-pack: center;
6764
+ -webkit-justify-content: center;
6765
+ -moz-box-pack: center;
6766
+ justify-content: center;
6767
+ -webkit-box-align: center;
6768
+ -ms-flex-align: center;
6769
+ -webkit-align-items: center;
6770
+ -moz-box-align: center;
6771
+ align-items: center;
6772
+ overflow: visible;
6773
+ }
6774
+
6775
+ .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link {
6776
+ display: block;
6777
+ position: relative;
6778
+ z-index: 1;
6779
+ width: 100%;
6780
+ height: 100%;
6781
+ cursor: pointer;
6782
+ text-decoration: none;
6783
+ }
6784
+
6785
+ .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link span {
6786
+ top: 2px;
6787
+ right: 2.5px;
6788
+ width: 8px;
6789
+ height: 8px;
6790
+ border: 1px solid #000;
6791
+ -webkit-border-radius: 50%;
6792
+ border-radius: 50%;
6793
+ position: absolute;
6794
+ z-index: 1;
6795
+ -webkit-transition: all 0.3s ease-in-out;
6796
+ transition: all 0.3s ease-in-out;
6797
+ }
6798
+
6799
+ .premium-vscroll-inner .premium-vscroll-dot-item.active .premium-vscroll-nav-link span {
6800
+ -webkit-transform: scale(1.6);
6801
+ -ms-transform: scale(1.6);
6802
+ transform: scale(1.6);
6803
+ }
6804
+
6805
+ .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-tooltip {
6806
+ position: absolute;
6807
+ color: #fff;
6808
+ font-size: 14px;
6809
+ font-family: arial, helvetica, sans-serif;
6810
+ white-space: nowrap;
6811
+ max-width: 220px;
6812
+ padding-right: 0.4em;
6813
+ padding-left: 0.4em;
6814
+ }
6815
+
6816
+ .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip {
6817
+ left: 27px;
6818
+ }
6819
+
6820
+ /* * Lines */
6821
+ .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item {
6822
+ width: 4px;
6823
+ height: 30px;
6824
+ }
6825
+
6826
+ .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item span {
6827
+ width: 100%;
6828
+ height: 100%;
6829
+ -webkit-border-radius: 0;
6830
+ border-radius: 0;
6831
+ }
6832
+
6833
+ .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item.active span {
6834
+ -webkit-transform: scale(1);
6835
+ -ms-transform: scale(1);
6836
+ transform: scale(1);
6837
+ }
6838
+
6839
+ @media (max-width: 768px) {
6840
+ .premium-vscroll-dots.right {
6841
+ left: 7px;
6842
+ }
6843
+
6844
+ .premium-vscroll-dots.left {
6845
+ right: 7px;
6846
+ }
6847
+ }
6848
+
6849
+ .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip::after {
6850
+ position: absolute;
6851
+ top: 50%;
6852
+ content: "";
6853
+ right: -webkit-calc(100% - 1px);
6854
+ right: calc(100% - 1px);
6855
+ width: 10px;
6856
+ height: 0;
6857
+ border-top: 6px solid transparent;
6858
+ border-bottom: 6px solid transparent;
6859
+ border-right: 6px solid;
6860
+ -webkit-transform: translateY(-50%);
6861
+ -ms-transform: translateY(-50%);
6862
+ transform: translateY(-50%);
6863
+ }
6864
+
6865
+ .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip::after {
6866
+ position: absolute;
6867
+ top: 50%;
6868
+ content: "";
6869
+ left: -webkit-calc(100% - 1px);
6870
+ left: calc(100% - 1px);
6871
+ width: 10px;
6872
+ height: 0;
6873
+ border-top: 6px solid transparent;
6874
+ border-bottom: 6px solid transparent;
6875
+ border-left: 6px solid;
6876
+ -webkit-transform: translateY(-50%);
6877
+ -ms-transform: translateY(-50%);
6878
+ transform: translateY(-50%);
6879
+ }
6880
+
6881
+ .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip {
6882
+ right: 27px;
6883
+ }
6884
+
6885
+ .premium-vscroll-nav-menu {
6886
+ position: fixed;
6887
+ top: 20px;
6888
+ height: 40px;
6889
+ z-index: 100;
6890
+ padding: 0;
6891
+ margin: 0;
6892
+ }
6893
+
6894
+ .premium-vscroll-nav-menu.left {
6895
+ right: 0;
6896
+ }
6897
+
6898
+ .premium-vscroll-nav-menu.right {
6899
+ left: 0;
6900
+ }
6901
+
6902
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item {
6903
+ display: inline-block;
6904
+ margin: 10px;
6905
+ color: #000;
6906
+ background: #fff;
6907
+ background: rgba(255, 255, 255, 0.3);
6908
+ }
6909
+
6910
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link {
6911
+ padding: 9px 18px;
6912
+ display: block;
6913
+ cursor: pointer;
6914
+ }
6915
+
6916
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link,
6917
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:hover {
6918
+ color: #000;
6919
+ }
6920
+
6921
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:focus,
6922
+ .multiscroll-nav li a:focus {
6923
+ outline: none;
6924
+ }
6925
+
6926
+ .premium-vscroll-temp .slimScrollBar {
6927
+ visibility: hidden;
6928
+ }
6929
+
6930
+ /************ Premium Image Scroll ***************/
6931
+ /*************************************************/
6932
+ .premium-image-scroll-section,
6933
+ .premium-image-scroll-container {
6934
+ -webkit-transition: all 0.3s ease-in-out;
6935
+ transition: all 0.3s ease-in-out;
6936
+ }
6937
+
6938
+ .premium-image-scroll-section {
6939
+ overflow: hidden;
6940
+ width: 100%;
6941
+ position: relative;
6942
+ }
6943
+
6944
+ .premium-image-scroll-container {
6945
+ width: 100%;
6946
+ }
6947
+
6948
+ .premium-image-scroll-container .premium-image-scroll-mask-media {
6949
+ -webkit-mask-repeat: no-repeat;
6950
+ mask-repeat: no-repeat;
6951
+ -webkit-mask-position: center;
6952
+ mask-position: center;
6953
+ }
6954
+
6955
+ .premium-container-scroll {
6956
+ overflow: auto;
6957
+ }
6958
+
6959
+ .premium-image-scroll-container .premium-image-scroll-horizontal {
6960
+ position: relative;
6961
+ width: 100%;
6962
+ height: 100%;
6963
+ }
6964
+
6965
+ .premium-image-scroll-container .premium-image-scroll-horizontal img {
6966
+ max-width: none;
6967
+ height: 100%;
6968
+ }
6969
+
6970
+ .premium-image-scroll-container .premium-image-scroll-vertical img {
6971
+ width: 100%;
6972
+ max-width: 100%;
6973
+ height: auto;
6974
+ }
6975
+
6976
+ .premium-image-scroll-ver {
6977
+ position: relative;
6978
+ }
6979
+
6980
+ .premium-image-scroll-container .premium-image-scroll-overlay {
6981
+ background: rgba(2, 2, 2, 0.3);
6982
+ }
6983
+
6984
+ .premium-image-scroll-container .premium-image-scroll-link,
6985
+ .premium-image-scroll-container .premium-image-scroll-overlay {
6986
+ position: absolute;
6987
+ top: 0;
6988
+ bottom: 0;
6989
+ right: 0;
6990
+ left: 0;
6991
+ z-index: 4;
6992
+ }
6993
+
6994
+ .premium-image-scroll-content {
6995
+ display: inline-block;
6996
+ position: absolute;
6997
+ height: auto;
6998
+ top: 50%;
6999
+ right: 50%;
7000
+ text-align: center;
7001
+ z-index: 5;
7002
+ -webkit-transform: translate(50%, -50%);
7003
+ -ms-transform: translate(50%, -50%);
7004
+ transform: translate(50%, -50%);
7005
+ }
7006
+
7007
+ .premium-container-scroll-instant .premium-image-scroll-image {
7008
+ -webkit-transition: all 0s ease-in-out !important;
7009
+ transition: all 0s ease-in-out !important;
7010
+ }
7011
+
7012
+ .premium-image-scroll-container img {
7013
+ -webkit-transition: -webkit-transform 3s ease-in-out;
7014
+ transition: -webkit-transform 3s ease-in-out;
7015
+ transition: transform 3s ease-in-out;
7016
+ transition: transform 3s ease-in-out, -webkit-transform 3s ease-in-out;
7017
+ }
7018
+
7019
+ .premium-image-scroll-container .premium-image-scroll-overlay,
7020
+ .premium-image-scroll-container .premium-image-scroll-content {
7021
+ -webkit-transition: all 0.3s ease-in-out;
7022
+ transition: all 0.3s ease-in-out;
7023
+ opacity: 1;
7024
+ }
7025
+
7026
+ .premium-image-scroll-container:hover .premium-image-scroll-overlay {
7027
+ opacity: 0;
7028
+ }
7029
+
7030
+ .premium-image-scroll-container:hover .premium-image-scroll-content {
7031
+ opacity: 0;
7032
+ visibility: hidden;
7033
+ }
7034
+
7035
+ .premium-image-scroll-content .premium-image-scroll-icon {
7036
+ display: inline-block;
7037
+ font-family: "pa-elements" !important;
7038
+ speak: none;
7039
+ font-style: normal;
7040
+ font-weight: normal;
7041
+ font-variant: normal;
7042
+ text-transform: none;
7043
+ line-height: 1;
7044
+ -webkit-font-smoothing: antialiased;
7045
+ -moz-osx-font-smoothing: grayscale;
7046
+ -webkit-animation-duration: 0.5s;
7047
+ animation-duration: 0.5s;
7048
+ -webkit-animation-iteration-count: infinite;
7049
+ animation-iteration-count: infinite;
7050
+ -webkit-animation-direction: alternate;
7051
+ animation-direction: alternate;
7052
+ -webkit-animation-timing-function: ease-in-out;
7053
+ animation-timing-function: ease-in-out;
7054
+ }
7055
+
7056
+ .pa-horizontal-mouse-scroll:before {
7057
+ content: "\e917";
7058
+ }
7059
+
7060
+ .pa-vertical-mouse-scroll:before {
7061
+ content: "\e918";
7062
+ }
7063
+
7064
+ .pa-horizontal-mouse-scroll {
7065
+ -webkit-animation-name: pa-scroll-horizontal;
7066
+ animation-name: pa-scroll-horizontal;
7067
+ }
7068
+
7069
+ .pa-vertical-mouse-scroll {
7070
+ -webkit-animation-name: pa-scroll-vertical;
7071
+ animation-name: pa-scroll-vertical;
7072
+ }
7073
+
7074
+ @-webkit-keyframes pa-scroll-vertical {
7075
+ 0% {
7076
+ -webkit-transform: translateY(0px);
7077
+ transform: translateY(0px);
7078
+ }
7079
+
7080
+ 100% {
7081
+ -webkit-transform: translateY(5px);
7082
+ transform: translateY(5px);
7083
+ }
7084
+ }
7085
+
7086
+ @keyframes pa-scroll-vertical {
7087
+ 0% {
7088
+ -webkit-transform: translateY(0px);
7089
+ transform: translateY(0px);
7090
+ }
7091
+
7092
+ 100% {
7093
+ -webkit-transform: translateY(5px);
7094
+ transform: translateY(5px);
7095
+ }
7096
+ }
7097
+
7098
+ @-webkit-keyframes pa-scroll-horizontal {
7099
+ 0% {
7100
+ -webkit-transform: translateX(0px);
7101
+ transform: translateX(0px);
7102
+ }
7103
+
7104
+ 100% {
7105
+ -webkit-transform: translateX(-5px);
7106
+ transform: translateX(-5px);
7107
+ }
7108
+ }
7109
+
7110
+ @keyframes pa-scroll-horizontal {
7111
+ 0% {
7112
+ -webkit-transform: translateX(0px);
7113
+ transform: translateX(0px);
7114
+ }
7115
+
7116
+ 100% {
7117
+ -webkit-transform: translateX(-5px);
7118
+ transform: translateX(-5px);
7119
+ }
7120
+ }
7121
+
7122
+ /********* Premium Lottie Animations **********/
7123
+ /**********************************************/
7124
+ .premium-lottie-wrap .premium-lottie-animation {
7125
+ position: relative;
7126
+ -js-display: inline-flex;
7127
+ display: -webkit-inline-box;
7128
+ display: -webkit-inline-flex;
7129
+ display: -moz-inline-box;
7130
+ display: -ms-inline-flexbox;
7131
+ display: inline-flex;
7132
+ -webkit-transition: all 0.3s ease-in-out;
7133
+ transition: all 0.3s ease-in-out;
7134
+ }
7135
+
7136
+ .premium-lottie-wrap .premium-lottie-animation a {
7137
+ position: absolute;
7138
+ left: 0;
7139
+ top: 0;
7140
+ width: 100%;
7141
+ height: 100%;
7142
+ }
7143
+
7144
+ /**************** Premium Bullet List *****************/
7145
+ /******************************************************/
7146
+ .premium-icon-list-box {
7147
+ -js-display: flex;
7148
+ display: -webkit-box;
7149
+ display: -webkit-flex;
7150
+ display: -moz-box;
7151
+ display: -ms-flexbox;
7152
+ display: flex;
7153
+ -webkit-flex-wrap: wrap;
7154
+ -ms-flex-wrap: wrap;
7155
+ flex-wrap: wrap;
7156
+ -webkit-box-orient: vertical;
7157
+ -webkit-box-direction: normal;
7158
+ -webkit-flex-direction: column;
7159
+ -moz-box-orient: vertical;
7160
+ -moz-box-direction: normal;
7161
+ -ms-flex-direction: column;
7162
+ flex-direction: column;
7163
+ }
7164
+
7165
+ .premium-icon-list-box .premium-icon-list-content-grow-lc {
7166
+ -webkit-transform-origin: right center;
7167
+ -ms-transform-origin: right center;
7168
+ transform-origin: right center;
7169
+ }
7170
+
7171
+ .premium-icon-list-box .premium-icon-list-content-grow-rc {
7172
+ -webkit-transform-origin: left center;
7173
+ -ms-transform-origin: left center;
7174
+ transform-origin: left center;
7175
+ }
7176
+
7177
+ .premium-icon-list-box .premium-icon-list-content-grow-cc {
7178
+ -webkit-transform-origin: center center;
7179
+ -ms-transform-origin: center center;
7180
+ transform-origin: center center;
7181
+ }
7182
+
7183
+ .premium-icon-list-content {
7184
+ -js-display: flex;
7185
+ display: -webkit-box;
7186
+ display: -webkit-flex;
7187
+ display: -moz-box;
7188
+ display: -ms-flexbox;
7189
+ display: flex;
7190
+ -webkit-transition: all 0.3s ease-in-out;
7191
+ transition: all 0.3s ease-in-out;
7192
+ width: auto;
7193
+ position: relative;
7194
+ }
7195
+
7196
+ .premium-icon-list-content .premium-icon-list-text span,
7197
+ .premium-icon-list-content .premium-icon-list-wrapper {
7198
+ display: inline-block;
7199
+ -webkit-align-self: center;
7200
+ -ms-flex-item-align: center;
7201
+ align-self: center;
7202
+ -webkit-transition: all 0.3s ease-in-out;
7203
+ transition: all 0.3s ease-in-out;
7204
+ }
7205
+
7206
+ .premium-icon-list-content .premium-icon-list-text span {
7207
+ margin: 0 5px;
7208
+ }
7209
+
7210
+ .premium-icon-list-content .premium-icon-list-icon-text p {
7211
+ font-size: 18px;
7212
+ background-color: #eee;
7213
+ padding: 1px 5px;
7214
+ -webkit-border-radius: 2px;
7215
+ border-radius: 2px;
7216
+ }
7217
+
7218
+ .premium-icon-list-content .premium-icon-list-text span,
7219
+ .premium-icon-list-content .premium-icon-list-icon-text p,
7220
+ .premium-icon-list-content .premium-icon-list-wrapper img,
7221
+ .premium-icon-list-content .premium-icon-list-wrapper svg,
7222
+ .premium-icon-list-content .premium-icon-list-wrapper i {
7223
+ -webkit-transition: all 0.3s ease-in-out;
7224
+ transition: all 0.3s ease-in-out;
7225
+ }
7226
+
7227
+ .premium-icon-list-content .premium-icon-list-wrapper {
7228
+ position: relative;
7229
+ line-height: 0;
7230
+ }
7231
+
7232
+ .premium-icon-list-content .premium-icon-list-wrapper img,
7233
+ .premium-icon-list-content .premium-icon-list-wrapper .premium-lottie-animation svg {
7234
+ width: 30px !important;
7235
+ height: 30px !important;
7236
+ position: relative;
7237
+ z-index: 500;
7238
+ }
7239
+
7240
+ .premium-icon-list-content .premium-icon-list-wrapper i,
7241
+ .premium-icon-list-content .premium-icon-list-wrapper .premium-icon-list-icon-text {
7242
+ position: relative;
7243
+ z-index: 500;
7244
+ }
7245
+
7246
+ .premium-icon-list-content .premium-icon-list-link {
7247
+ position: absolute;
7248
+ top: 0;
7249
+ right: 0;
7250
+ width: 100%;
7251
+ height: 100%;
7252
+ z-index: 1000;
7253
+ }
7254
+
7255
+ .premium-icon-list-content:not(:last-of-type) .premium-icon-list-connector {
7256
+ width: 100%;
7257
+ height: 100%;
7258
+ position: absolute;
7259
+ top: 0.5em;
7260
+ z-index: 100;
7261
+ -js-display: flex;
7262
+ display: -webkit-box;
7263
+ display: -webkit-flex;
7264
+ display: -moz-box;
7265
+ display: -ms-flexbox;
7266
+ display: flex;
7267
+ -webkit-box-pack: center;
7268
+ -webkit-justify-content: center;
7269
+ -moz-box-pack: center;
7270
+ -ms-flex-pack: center;
7271
+ justify-content: center;
7272
+ }
7273
+
7274
+ .premium-icon-list-content:not(:last-of-type) .premium-icon-list-connector .premium-icon-connector-content:after {
7275
+ content: "";
7276
+ border-left-width: 1px;
7277
+ border-left-style: solid;
7278
+ border-color: #333333;
7279
+ display: block;
7280
+ height: 100%;
7281
+ }
7282
+
7283
+ li.premium-icon-list-content.premium-icon-list-content-inline {
7284
+ -webkit-align-self: center;
7285
+ -ms-flex-item-align: center;
7286
+ align-self: center;
7287
+ z-index: 2;
7288
+ }
7289
+
7290
+ li.premium-icon-list-content.premium-icon-list-content-inline:not(:first-child) {
7291
+ margin: 0 3px;
7292
+ }
7293
+
7294
+ li.premium-icon-list-content.premium-icon-list-content-inline:first-child {
7295
+ margin: 0 0 0 3px;
7296
+ }
7297
+
7298
+ .premium-icon-list-divider:not(:last-child) {
7299
+ width: 100%;
7300
+ -webkit-box-flex: 0;
7301
+ -webkit-flex: 0 0 100%;
7302
+ -moz-box-flex: 0;
7303
+ -ms-flex: 0 0 100%;
7304
+ flex: 0 0 100%;
7305
+ overflow: hidden;
7306
+ }
7307
+
7308
+ .premium-icon-list-divider:not(:last-child):after {
7309
+ content: "";
7310
+ display: block;
7311
+ border-top-style: solid;
7312
+ border-top-width: 1px;
7313
+ }
7314
+
7315
+ .premium-icon-list-divider-inline:not(:last-child) {
7316
+ float: left;
7317
+ display: inline-block;
7318
+ position: relative;
7319
+ height: 100%;
7320
+ overflow: hidden;
7321
+ -webkit-align-self: center;
7322
+ -ms-flex-item-align: center;
7323
+ align-self: center;
7324
+ margin: 0 3px;
7325
+ }
7326
+
7327
+ .premium-icon-list-divider-inline:not(:last-child):after {
7328
+ content: "";
7329
+ display: block;
7330
+ border-right-width: 1px;
7331
+ height: 33px;
7332
+ border-right-style: solid;
7333
+ }
7334
+
7335
+ .premium-icon-list-icon-text {
7336
+ line-height: 1.5;
7337
+ }
7338
+
7339
+ .premium-icon-list-icon-text p,
7340
+ ul.premium-icon-list-box,
7341
+ li.premium-icon-list-content {
7342
+ margin: 0;
7343
+ }
7344
+
7345
+ .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-wrapper i,
7346
+ .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-text span,
7347
+ .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-icon-text p {
7348
+ color: transparent !important;
7349
+ text-shadow: 0 0 3px #aaa;
7350
+ }
7351
+
7352
+ .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-connector-content,
7353
+ .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-wrapper .premium-lottie-animation svg,
7354
+ .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-wrapper img,
7355
+ .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-badge {
7356
+ -webkit-filter: blur(3px);
7357
+ filter: blur(3px);
7358
+ }
7359
+
7360
+ .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-wrapper i,
7361
+ .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-text span,
7362
+ .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-icon-text p {
7363
+ color: #aaa !important;
7364
+ text-shadow: 0 0px 0 transparent;
7365
+ }
7366
+
7367
+ .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-connector-content,
7368
+ .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-wrapper .premium-lottie-animation svg,
7369
+ .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-wrapper img,
7370
+ .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-badge {
7371
+ -webkit-filter: none;
7372
+ filter: none;
7373
+ }
7374
+
7375
+ .premium-icon-list-content .premium-icon-list-badge {
7376
+ font-size: 11px;
7377
+ top: auto;
7378
+ min-width: -webkit-max-content;
7379
+ min-width: -moz-max-content;
7380
+ min-width: max-content;
7381
+ height: -webkit-fit-content;
7382
+ height: -moz-fit-content;
7383
+ height: fit-content;
7384
+ }
7385
+
7386
+ .premium-icon-list-content .premium-icon-list-icon-text p {
7387
+ font-size: 13px;
7388
+ }
7389
+
7390
+ .premium-icon-list-gradient-effect[data-text] {
7391
+ display: inline-block;
7392
+ position: relative;
7393
+ text-decoration: none;
7394
+ }
7395
+
7396
+ .premium-icon-list-gradient-effect[data-text]::before {
7397
+ content: attr(data-text);
7398
+ position: absolute;
7399
+ z-index: 1;
7400
+ overflow: hidden;
7401
+ -webkit-clip-path: polygon(100% 100%, 100% 100%, 50% 50%);
7402
+ clip-path: polygon(100% 100%, 100% 100%, 50% 50%);
7403
+ -webkit-background-clip: text;
7404
+ background-clip: text;
7405
+ -webkit-text-fill-color: transparent;
7406
+ -webkit-transition: all 0.4s ease;
7407
+ transition: all 0.4s ease;
7408
+ }
7409
+
7410
+ .premium-icon-list-content:hover .premium-icon-list-gradient-effect[data-text]::before,
7411
+ .premium-icon-list-content:focus .premium-icon-list-gradient-effect[data-text]::before {
7412
+ -webkit-animation: rtlgradient 1s forwards;
7413
+ animation: rtlgradient 1s forwards;
7414
+ }
7415
+
7416
+ @-webkit-keyframes rtlgradient {
7417
+ 0% {
7418
+ -webkit-clip-path: circle(0% at 150% 50%);
7419
+ clip-path: circle(0% at 150% 50%);
7420
+ }
7421
+
7422
+ 100% {
7423
+ -webkit-clip-path: circle(100% at 50% 50%);
7424
+ clip-path: circle(100% at 50% 50%);
7425
+ }
7426
+ }
7427
+
7428
+ @keyframes rtlgradient {
7429
+ 0% {
7430
+ -webkit-clip-path: circle(0% at 150% 50%);
7431
+ clip-path: circle(0% at 150% 50%);
7432
+ }
7433
+
7434
+ 100% {
7435
+ -webkit-clip-path: circle(100% at 50% 50%);
7436
+ clip-path: circle(100% at 50% 50%);
7437
+ }
7438
+ }
7439
+
7440
+ ul[data-list-animation*="animated-"] .premium-icon-list-divider,
7441
+ ul[data-list-animation*="animated-"] .premium-icon-list-content,
7442
+ ul[data-list-animation*="animated-"] .premium-icon-list-divider-inline {
7443
+ opacity: 0;
7444
+ }
7445
+
7446
+ .premium-icon-list-content-grow-effect:hover {
7447
+ -webkit-transform: scale(1.07);
7448
+ -ms-transform: scale(1.07);
7449
+ transform: scale(1.07);
7450
+ }
assets/frontend/css/premium-addons.css CHANGED
@@ -1,6210 +1,6210 @@
1
- @font-face {
2
- font-family: "pa-elements";
3
- src: url("../../editor/fonts/pa-elements.eot?p2y7wv");
4
- src: url("../../editor/fonts/pa-elements.eot?p2y7wv#iefix") format("embedded-opentype"), url("../../editor/fonts/pa-elements.ttf?p2y7wv") format("truetype"), url("../../editor/fonts/pa-elements.woff?p2y7wv") format("woff"), url("../../editor/fonts/pa-elements.svg?p2y7wv#pa-elements") format("svg");
5
- font-weight: normal;
6
- font-style: normal; }
7
-
8
- /**************** Premium Banner ****************/
9
- /************************************************/
10
- .premium-banner {
11
- overflow: hidden; }
12
-
13
- .premium-banner-ib {
14
- display: block;
15
- position: relative; }
16
- .premium-banner-ib img {
17
- display: block;
18
- position: relative; }
19
-
20
- .premium-banner-img-wrap {
21
- -js-display: flex;
22
- display: -webkit-box;
23
- display: -webkit-flex;
24
- display: -moz-box;
25
- display: -ms-flexbox;
26
- display: flex;
27
- height: 100%; }
28
- .premium-banner-img-wrap .premium-banner-ib-img {
29
- -webkit-flex-shrink: 0;
30
- -ms-flex-negative: 0;
31
- flex-shrink: 0; }
32
-
33
- .premium-banner-ib {
34
- z-index: 1;
35
- overflow: hidden;
36
- margin: 0 0 35px;
37
- text-align: center;
38
- -webkit-box-sizing: border-box;
39
- -moz-box-sizing: border-box;
40
- box-sizing: border-box; }
41
-
42
- .premium-banner-ib-desc .premium-banner-read-more {
43
- z-index: 100; }
44
-
45
- .premium-banner-ib,
46
- .wpb_column > .wpb_wrapper .premium-banner-ib {
47
- margin-bottom: 0px; }
48
-
49
- .elementor-widget-premium-addon-banner .premium-banner-ib-title {
50
- background: transparent; }
51
-
52
- .premium-banner-ib *,
53
- .premium-banner-ib .premium-banner-ib-desc {
54
- -webkit-box-sizing: border-box;
55
- -moz-box-sizing: border-box;
56
- box-sizing: border-box; }
57
-
58
- .premium-banner-ib img {
59
- min-width: 100%;
60
- max-width: 100%;
61
- -webkit-transition: opacity 0.35s;
62
- transition: opacity 0.35s; }
63
-
64
- .premium-banner-ib .premium-banner-ib-desc {
65
- padding: 15px;
66
- -webkit-backface-visibility: hidden;
67
- backface-visibility: hidden;
68
- -webkit-box-sizing: border-box;
69
- -moz-box-sizing: border-box;
70
- box-sizing: border-box;
71
- position: absolute;
72
- top: 0;
73
- left: 0;
74
- width: 100%;
75
- height: 100%; }
76
-
77
- .premium-banner-ib .premium-banner-ib-link {
78
- position: absolute;
79
- top: 0;
80
- left: 0;
81
- width: 100%;
82
- height: 100%;
83
- z-index: 1000;
84
- text-indent: 200%;
85
- white-space: nowrap;
86
- font-size: 0;
87
- opacity: 0; }
88
-
89
- .premium-banner-ib a.premium-banner-ib-link {
90
- display: block;
91
- background: 0 0; }
92
-
93
- .premium-banner-animation1 img {
94
- width: -webkit-calc(100% + 50px) !important;
95
- width: calc(100% + 50px) !important;
96
- max-width: -webkit-calc(100% + 50px) !important;
97
- max-width: calc(100% + 50px) !important;
98
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
99
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
100
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
101
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
102
- -webkit-transform: translate3d(-40px, 0, 0);
103
- transform: translate3d(-40px, 0, 0); }
104
-
105
- .premium-banner-animation2 .premium-banner-ib-title {
106
- padding: 15px; }
107
-
108
- .premium-banner-animation1 .premium-banner-ib-desc {
109
- top: auto;
110
- bottom: 0;
111
- min-height: 25%;
112
- height: auto;
113
- max-height: 100%;
114
- text-align: left; }
115
-
116
- .premium-banner-animation1 .premium-banner-ib-content,
117
- .premium-banner-animation1 .premium-banner-ib-title,
118
- .premium-banner-animation1 .premium-banner-read-more {
119
- -webkit-transform: translate3d(0, 40px, 0);
120
- transform: translate3d(0, 40px, 0);
121
- -webkit-transition-delay: 0.05s;
122
- transition-delay: 0.05s;
123
- -webkit-transition-duration: 0.35s;
124
- transition-duration: 0.35s; }
125
-
126
- .premium-banner-animation1 .premium-banner-ib-title {
127
- -webkit-transition: -webkit-transform 0.35s;
128
- transition: -webkit-transform 0.35s;
129
- transition: transform 0.35s;
130
- transition: transform 0.35s, -webkit-transform 0.35s; }
131
-
132
- .premium-banner-animation1 .premium-banner-ib-content,
133
- .premium-banner-animation1 .premium-banner-read-more {
134
- margin-top: 10px;
135
- opacity: 0;
136
- -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
137
- transition: opacity 0.2s, -webkit-transform 0.35s;
138
- transition: opacity 0.2s, transform 0.35s;
139
- transition: opacity 0.2s, transform 0.35s, -webkit-transform 0.35s; }
140
-
141
- .premium-banner-animation1:hover .premium-banner-ib-content,
142
- .premium-banner-animation1.active .premium-banner-ib-content,
143
- .premium-banner-animation1:hover .premium-banner-read-more,
144
- .premium-banner-animation1.active .premium-banner-read-more {
145
- opacity: 1;
146
- -webkit-transition-delay: 0.05s;
147
- transition-delay: 0.05s;
148
- -webkit-transition-duration: 0.35s;
149
- transition-duration: 0.35s; }
150
-
151
- .premium-banner-animation1:hover .premium-banner-ib-content,
152
- .premium-banner-animation1.active .premium-banner-ib-content,
153
- .premium-banner-animation1:hover .premium-banner-read-more,
154
- .premium-banner-animation1.active .premium-banner-read-more,
155
- .premium-banner-animation1:hover .premium-banner-ib-title,
156
- .premium-banner-animation1.active .premium-banner-ib-title,
157
- .premium-banner-animation1:hover img,
158
- .premium-banner-animation1.active img {
159
- -webkit-transform: translate3d(0, 0, 0);
160
- transform: translate3d(0, 0, 0);
161
- -webkit-transition-delay: 0.05s;
162
- transition-delay: 0.05s;
163
- -webkit-transition-duration: 0.35s;
164
- transition-duration: 0.35s; }
165
-
166
- .premium-banner-animation1.zoomout img,
167
- .premium-banner-animation1.scale img {
168
- -webkit-transform: translate3d(-40px, 0, 0) scale(1.1);
169
- transform: translate3d(-40px, 0, 0) scale(1.1); }
170
-
171
- .premium-banner-ib.sepia img {
172
- -webkit-filter: sepia(30%);
173
- filter: sepia(30%); }
174
-
175
- .premium-banner-ib.bright img {
176
- -webkit-filter: brightness(1);
177
- filter: brightness(1); }
178
-
179
- .premium-banner-ib.sepia:hover img {
180
- -webkit-filter: sepia(0%);
181
- filter: sepia(0%); }
182
-
183
- .premium-banner-ib.bright:hover img {
184
- -webkit-filter: brightness(1.2);
185
- filter: brightness(1.2); }
186
-
187
- .premium-banner-animation1.premium-banner-min-height img,
188
- .premium-banner-animation2.premium-banner-min-height img,
189
- .premium-banner-animation4.premium-banner-min-height img,
190
- .premium-banner-animation5.premium-banner-min-height img,
191
- .premium-banner-animation6.premium-banner-min-height img,
192
- .premium-banner-animation13.premium-banner-min-height img {
193
- height: auto; }
194
-
195
- .premium-banner-animation2 img {
196
- width: 100%; }
197
-
198
- .premium-banner-animation2 .premium-banner-ib-desc::before {
199
- position: absolute;
200
- content: "";
201
- top: 0;
202
- left: 0;
203
- width: 100%;
204
- height: 100%;
205
- opacity: 0;
206
- -webkit-transform: translate3d(0, 50%, 0);
207
- transform: translate3d(0, 50%, 0); }
208
-
209
- .premium-banner-animation2 .premium-banner-ib-title {
210
- position: absolute;
211
- top: 50%;
212
- left: 0;
213
- width: 100%;
214
- -webkit-transition: color 0.35s, -webkit-transform 0.35s;
215
- transition: color 0.35s, -webkit-transform 0.35s;
216
- transition: transform 0.35s, color 0.35s;
217
- transition: transform 0.35s, color 0.35s, -webkit-transform 0.35s;
218
- -webkit-transform: translate3d(0, -50%, 0);
219
- transform: translate3d(0, -50%, 0); }
220
-
221
- .premium-banner-animation2 .premium-banner-ib-content,
222
- .premium-banner-animation2 .premium-banner-read-more,
223
- .premium-banner-animation2 .premium-banner-ib-desc::before {
224
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
225
- transition: opacity 0.35s, -webkit-transform 0.35s;
226
- transition: opacity 0.35s, transform 0.35s;
227
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
228
-
229
- .premium-banner-animation2 .premium-banner-ib-content,
230
- .premium-banner-animation2 .premium-banner-read-more {
231
- position: absolute;
232
- bottom: 0;
233
- left: 0;
234
- padding: 15px;
235
- width: 100%;
236
- max-height: 50%;
237
- opacity: 0;
238
- -webkit-transform: translate3d(0, 10px, 0);
239
- transform: translate3d(0, 10px, 0); }
240
-
241
- .premium-banner-animation2:hover .premium-banner-ib-title,
242
- .premium-banner-animation2.active .premium-banner-ib-title {
243
- -webkit-transform: translate3d(0, -40px, 0);
244
- transform: translate3d(0, -40px, 0); }
245
-
246
- .premium-banner-animation2:hover .premium-banner-read-more,
247
- .premium-banner-animation2.active .premium-banner-read-more,
248
- .premium-banner-animation2:hover .premium-banner-ib-desc::before,
249
- .premium-banner-animation2.active .premium-banner-ib-desc::before {
250
- opacity: 1;
251
- -webkit-transform: translate3d(0, 0, 0);
252
- transform: translate3d(0, 0, 0); }
253
-
254
- .premium-banner-animation2:hover .premium-banner-ib-content,
255
- .premium-banner-animation2.active .premium-banner-ib-content {
256
- opacity: 1;
257
- -webkit-transform: translate3d(0, -30px, 0);
258
- transform: translate3d(0, -30px, 0); }
259
-
260
- .premium-banner-animation3 .premium-banner-ib-title {
261
- position: absolute;
262
- bottom: 0;
263
- left: 0;
264
- padding: 15px;
265
- width: 100%;
266
- text-align: left;
267
- -webkit-transform: translate3d(0, -30px, 0);
268
- transform: translate3d(0, -30px, 0); }
269
-
270
- .premium-banner-animation3 .premium-banner-ib-desc::before,
271
- .premium-banner-animation3 .premium-banner-ib-title {
272
- -webkit-transition: -webkit-transform 0.35s;
273
- transition: -webkit-transform 0.35s;
274
- transition: transform 0.35s;
275
- transition: transform 0.35s, -webkit-transform 0.35s; }
276
-
277
- .premium-banner-animation3:hover .premium-banner-ib-desc::before,
278
- .premium-banner-animation3.active .premium-banner-ib-desc::before,
279
- .premium-banner-animation3:hover .premium-banner-ib-title,
280
- .premium-banner-animation3.active .premium-banner-ib-title {
281
- opacity: 1;
282
- -webkit-transform: translate3d(0, 0, 0);
283
- transform: translate3d(0, 0, 0); }
284
-
285
- .premium-banner-animation3 .premium-banner-ib-content {
286
- max-height: -webkit-calc(100% - 60px - 1.5em);
287
- max-height: calc(100% - 60px - 1.5em);
288
- overflow: hidden; }
289
-
290
- .premium-banner-animation4 img {
291
- width: -webkit-calc(100% + 40px) !important;
292
- width: calc(100% + 40px) !important;
293
- max-width: -webkit-calc(100% + 40px) !important;
294
- max-width: calc(100% + 40px) !important; }
295
-
296
- .premium-banner-animation4 .premium-banner-ib-desc {
297
- padding: 30px; }
298
- .premium-banner-animation4 .premium-banner-ib-desc::after {
299
- position: absolute;
300
- content: "";
301
- opacity: 0; }
302
- .premium-banner-animation4 .premium-banner-ib-desc::before {
303
- position: absolute;
304
- content: "";
305
- opacity: 0;
306
- top: 50px;
307
- right: 30px;
308
- bottom: 50px;
309
- left: 30px;
310
- border-top: 1px solid #fff;
311
- border-bottom: 1px solid #fff;
312
- -webkit-transform: scale(0, 1);
313
- -ms-transform: scale(0, 1);
314
- transform: scale(0, 1);
315
- -webkit-transform-origin: 0 0;
316
- -ms-transform-origin: 0 0;
317
- transform-origin: 0 0; }
318
- .premium-banner-animation4 .premium-banner-ib-desc::after {
319
- top: 30px;
320
- right: 50px;
321
- bottom: 30px;
322
- left: 50px;
323
- border-right: 1px solid #fff;
324
- border-left: 1px solid #fff;
325
- -webkit-transform: scale(1, 0);
326
- -ms-transform: scale(1, 0);
327
- transform: scale(1, 0);
328
- -webkit-transform-origin: 100% 0;
329
- -ms-transform-origin: 100% 0;
330
- transform-origin: 100% 0; }
331
-
332
- .premium-banner-animation4 .premium-banner-ib-title {
333
- padding: 50px 30px 0 30px;
334
- -webkit-transition: -webkit-transform 0.35s;
335
- transition: -webkit-transform 0.35s;
336
- transition: transform 0.35s;
337
- transition: transform 0.35s, -webkit-transform 0.35s; }
338
-
339
- .premium-banner-animation4 .premium-banner-ib-content,
340
- .premium-banner-animation4 .premium-banner-read-more {
341
- padding: 10px 30px;
342
- opacity: 0;
343
- overflow: hidden;
344
- -webkit-transform: translate3d(0, -10px, 0);
345
- transform: translate3d(0, -10px, 0); }
346
-
347
- .premium-banner-animation4 .premium-banner-ib-title,
348
- .premium-banner-animation4 img {
349
- -webkit-transform: translate3d(-30px, 0, 0);
350
- transform: translate3d(-30px, 0, 0); }
351
-
352
- .premium-banner-animation4.zoomout img,
353
- .premium-banner-animation4.scale img {
354
- -webkit-transform: translate3d(-30px, 0, 0) scale(1.1);
355
- transform: translate3d(-30px, 0, 0) scale(1.1); }
356
-
357
- .premium-banner-animation4 .premium-banner-ib-content,
358
- .premium-banner-animation4 .premium-banner-read-more {
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 .premium-banner-ib-desc::after, .premium-banner-animation4 .premium-banner-ib-desc::before {
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 img {
371
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
372
- transition: opacity 0.35s, -webkit-transform 0.35s;
373
- transition: opacity 0.35s, transform 0.35s;
374
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
375
-
376
- .premium-banner-animation4:hover .premium-banner-ib-desc::after,
377
- .premium-banner-animation4.active .premium-banner-ib-desc::after,
378
- .premium-banner-animation4:hover .premium-banner-ib-desc::before,
379
- .premium-banner-animation4.active .premium-banner-ib-desc::before {
380
- opacity: 1;
381
- -webkit-transform: scale(1);
382
- -ms-transform: scale(1);
383
- transform: scale(1); }
384
-
385
- .premium-banner-animation4:hover .premium-banner-ib-content,
386
- .premium-banner-animation4.active .premium-banner-ib-content,
387
- .premium-banner-animation4:hover .premium-banner-read-more,
388
- .premium-banner-animation4.active .premium-banner-read-more,
389
- .premium-banner-animation4:hover .premium-banner-ib-title,
390
- .premium-banner-animation4.active .premium-banner-ib-title {
391
- opacity: 1;
392
- -webkit-transform: translate3d(0, 0, 0);
393
- transform: translate3d(0, 0, 0); }
394
-
395
- .premium-banner-animation4:hover .premium-banner-ib-content,
396
- .premium-banner-animation4:hover .premium-banner-ib-desc::after,
397
- .premium-banner-animation4:hover .premium-banner-ib-title,
398
- .premium-banner-animation4:hover img {
399
- -webkit-transition-delay: 0.15s;
400
- transition-delay: 0.15s; }
401
-
402
- .premium-banner-animation5 .premium-banner-ib-desc {
403
- top: auto;
404
- bottom: 0;
405
- padding: 15px;
406
- height: auto;
407
- background: #f2f2f2;
408
- color: #3c4a50;
409
- -webkit-transition: -webkit-transform 0.35s;
410
- transition: -webkit-transform 0.35s;
411
- transition: transform 0.35s;
412
- transition: transform 0.35s, -webkit-transform 0.35s;
413
- -webkit-transform: translate3d(0, 100%, 0);
414
- transform: translate3d(0, 100%, 0); }
415
-
416
- .premium-banner-animation5 .premium-banner-ib-content {
417
- position: absolute;
418
- top: auto;
419
- bottom: 100%;
420
- left: 0;
421
- width: 100%;
422
- padding: 15px;
423
- opacity: 0;
424
- -webkit-transition: opacity 0.35s;
425
- transition: opacity 0.35s; }
426
-
427
- .premium-banner-animation5 .premium-banner-ib-title,
428
- .premium-banner-animation5 .premium-banner-read-more {
429
- -webkit-transition: -webkit-transform 0.35s;
430
- transition: -webkit-transform 0.35s;
431
- transition: transform 0.35s;
432
- transition: transform 0.35s, -webkit-transform 0.35s;
433
- -webkit-transform: translate3d(0, 200%, 0);
434
- transform: translate3d(0, 200%, 0);
435
- text-align: center; }
436
-
437
- .premium-banner-animation5 .premium-banner-ib-title {
438
- margin: 10px 0; }
439
-
440
- .premium-banner-animation5:hover .premium-banner-ib-content,
441
- .premium-banner-animation5.active .premium-banner-ib-content,
442
- .premium-banner-animation5:hover .premium-banner-ib-content *,
443
- .premium-banner-animation5.active .premium-banner-ib-content * {
444
- opacity: 1 !important;
445
- z-index: 99 !important;
446
- -webkit-backface-visibility: hidden !important;
447
- backface-visibility: hidden !important; }
448
-
449
- .premium-banner-animation5:hover .premium-banner-ib-desc,
450
- .premium-banner-animation5.active .premium-banner-ib-desc,
451
- .premium-banner-animation5:hover .premium-banner-ib-title,
452
- .premium-banner-animation5.active .premium-banner-ib-title,
453
- .premium-banner-animation5:hover .premium-banner-read-more,
454
- .premium-banner-animation5.active .premium-banner-read-more {
455
- -webkit-transform: translateY(0);
456
- -ms-transform: translateY(0);
457
- transform: translateY(0); }
458
-
459
- .premium-banner-animation5:hover .premium-banner-ib-title {
460
- -webkit-transition-delay: 0.05s;
461
- transition-delay: 0.05s; }
462
-
463
- .premium-banner-animation5 img {
464
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
465
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
466
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
467
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; }
468
-
469
- .premium-banner-animation2 img,
470
- .premium-banner-animation4 img,
471
- .premium-banner-animation6 img {
472
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
473
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
474
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
475
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; }
476
-
477
- .premium-banner-animation5.zoomout img,
478
- .premium-banner-animation5.scale img {
479
- -webkit-transform: scale(1.1);
480
- -ms-transform: scale(1.1);
481
- transform: scale(1.1); }
482
-
483
- .premium-banner-animation2.zoomout img,
484
- .premium-banner-animation2.scale img {
485
- -webkit-transform: scale(1.1);
486
- -ms-transform: scale(1.1);
487
- transform: scale(1.1); }
488
-
489
- .premium-banner-animation6.zoomout img,
490
- .premium-banner-animation6.scale img {
491
- -webkit-transform: scale(1.1);
492
- -ms-transform: scale(1.1);
493
- transform: scale(1.1); }
494
-
495
- .premium-banner-animation5.zoomin:hover img,
496
- .premium-banner-animation2.zoomin:hover img,
497
- .premium-banner-animation6.zoomin:hover img {
498
- -webkit-transform: scale(1.1);
499
- -ms-transform: scale(1.1);
500
- transform: scale(1.1); }
501
-
502
- .premium-banner-animation5.zoomout:hover img,
503
- .premium-banner-animation2.zoomout:hover img,
504
- .premium-banner-animation6.zoomout:hover img {
505
- -webkit-transform: scale(1);
506
- -ms-transform: scale(1);
507
- transform: scale(1); }
508
-
509
- .premium-banner-animation5.scale:hover img,
510
- .premium-banner-animation2.scale:hover img,
511
- .premium-banner-animation6.scale:hover img {
512
- -webkit-transform: scale(1.2) rotate(5deg);
513
- -ms-transform: scale(1.2) rotate(5deg);
514
- transform: scale(1.2) rotate(5deg); }
515
-
516
- .premium-banner-animation5.grayscale:hover img,
517
- .premium-banner-animation2.grayscale:hover img,
518
- .premium-banner-animation6.grayscale:hover img {
519
- -webkit-filter: grayscale(100%);
520
- filter: grayscale(100%); }
521
-
522
- .premium-banner-animation5.blur:hover img,
523
- .premium-banner-animation2.blur:hover img {
524
- -webkit-filter: blur(3px);
525
- filter: blur(3px); }
526
-
527
- .premium-banner-animation6.blur:hover img {
528
- -webkit-filter: blur(3px);
529
- filter: blur(3px); }
530
-
531
- .premium-banner-animation6 .premium-banner-ib-desc {
532
- padding: 45px; }
533
- .premium-banner-animation6 .premium-banner-ib-desc::before {
534
- position: absolute;
535
- content: "";
536
- top: 30px;
537
- right: 30px;
538
- bottom: 30px;
539
- left: 30px;
540
- border: 1px solid #fff; }
541
-
542
- .premium-banner-animation6 .premium-banner-ib-title {
543
- margin: 20px 0 10px;
544
- -webkit-transition: -webkit-transform 0.35s;
545
- transition: -webkit-transform 0.35s;
546
- transition: transform 0.35s;
547
- transition: transform 0.35s, -webkit-transform 0.35s;
548
- -webkit-transform: translate3d(0, 100%, 0);
549
- transform: translate3d(0, 100%, 0); }
550
-
551
- .premium-banner-animation6 .premium-banner-ib-content,
552
- .premium-banner-animation6 .premium-banner-read-more,
553
- .premium-banner-animation6 .premium-banner-ib-desc::before {
554
- opacity: 0;
555
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
556
- transition: opacity 0.35s, -webkit-transform 0.35s;
557
- transition: opacity 0.35s, transform 0.35s;
558
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
559
- -webkit-transform: scale(0);
560
- -ms-transform: scale(0);
561
- transform: scale(0); }
562
-
563
- .premium-banner-animation6 .premium-banner-read-more {
564
- margin-top: 10px; }
565
-
566
- .premium-banner-animation6:hover .premium-banner-ib-title,
567
- .premium-banner-animation6.active .premium-banner-ib-title {
568
- -webkit-transform: translate3d(0, 0, 0);
569
- transform: translate3d(0, 0, 0); }
570
-
571
- .premium-banner-animation6:hover .premium-banner-ib-content,
572
- .premium-banner-animation6.active .premium-banner-ib-content,
573
- .premium-banner-animation6:hover .premium-banner-read-more,
574
- .premium-banner-animation6.active .premium-banner-read-more,
575
- .premium-banner-animation6:hover .premium-banner-ib-desc::before,
576
- .premium-banner-animation6.active .premium-banner-ib-desc::before {
577
- opacity: 1;
578
- -webkit-transform: scale(1);
579
- -ms-transform: scale(1);
580
- transform: scale(1); }
581
-
582
- .premium-banner-animation12 .premium-banner-ib-desc::after {
583
- position: absolute;
584
- content: "";
585
- right: 30px;
586
- bottom: 30px;
587
- left: 30px;
588
- height: -webkit-calc(50% - 30px);
589
- height: calc(50% - 30px);
590
- border: 7px solid #fff;
591
- -webkit-transition: -webkit-transform 0.35s;
592
- transition: -webkit-transform 0.35s;
593
- transition: transform 0.35s;
594
- transition: transform 0.35s, -webkit-transform 0.35s;
595
- -webkit-transform: translate3d(0, -100%, 0);
596
- transform: translate3d(0, -100%, 0); }
597
-
598
- .premium-banner-animation12:hover .premium-banner-ib-desc::after,
599
- .premium-banner-animation12.active .premium-banner-ib-desc::after {
600
- -webkit-transform: translate3d(0, 0, 0);
601
- transform: translate3d(0, 0, 0); }
602
-
603
- .premium-banner-animation12 .premium-banner-ib-desc {
604
- padding: 45px;
605
- text-align: left; }
606
-
607
- .premium-banner-animation12 .premium-banner-ib-content {
608
- position: absolute;
609
- right: 60px;
610
- bottom: 60px;
611
- left: 60px;
612
- opacity: 0;
613
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
614
- transition: opacity 0.35s, -webkit-transform 0.35s;
615
- transition: opacity 0.35s, transform 0.35s;
616
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
617
- -webkit-transform: translate3d(0, -100px, 0);
618
- transform: translate3d(0, -100px, 0); }
619
-
620
- .premium-banner-animation12:hover .premium-banner-ib-content,
621
- .premium-banner-animation12.active .premium-banner-ib-content {
622
- opacity: 1;
623
- -webkit-transform: translate3d(0, 0, 0);
624
- transform: translate3d(0, 0, 0); }
625
-
626
- .premium-banner-animation13 img {
627
- width: -webkit-calc(100% + 20px) !important;
628
- width: calc(100% + 20px) !important;
629
- max-width: -webkit-calc(100% + 20px) !important;
630
- max-width: calc(100% + 20px) !important;
631
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
632
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
633
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
634
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
635
- -webkit-transform: translate3d(-10px, 0, 0);
636
- transform: translate3d(-10px, 0, 0);
637
- -webkit-backface-visibility: hidden;
638
- backface-visibility: hidden; }
639
-
640
- .premium-banner-animation13.zoomout img,
641
- .premium-banner-animation13.scale img {
642
- -webkit-transform: translate3d(-10px, 0, 0) scale(1.1);
643
- transform: translate3d(-10px, 0, 0) scale(1.1); }
644
-
645
- .premium-banner-animation13.none:hover img {
646
- -webkit-transform: translate3d(0, 0, 0);
647
- transform: translate3d(0, 0, 0); }
648
-
649
- .premium-banner-animation1.none:hover img,
650
- .premium-banner-animation4.none:hover img {
651
- -webkit-transform: translate3d(0, 0, 0);
652
- transform: translate3d(0, 0, 0); }
653
-
654
- .premium-banner-animation13.zoomin:hover img,
655
- .premium-banner-animation1.zoomin:hover img,
656
- .premium-banner-animation4.zoomin:hover img,
657
- .premium-banner-animation8.zoomin:hover img,
658
- .premium-banner-animation7.zoomin:hover img,
659
- .premium-banner-animation9.zoomin:hover img,
660
- .premium-banner-animation10.zoomin:hover img {
661
- -webkit-transform: translate3d(0, 0, 0) scale(1.1);
662
- transform: translate3d(0, 0, 0) scale(1.1); }
663
-
664
- .premium-banner-animation13.zoomout:hover img,
665
- .premium-banner-animation1.zoomout:hover img,
666
- .premium-banner-animation4.zoomout:hover img,
667
- .premium-banner-animation8.zoomout:hover img,
668
- .premium-banner-animation7.zoomout:hover img,
669
- .premium-banner-animation9.zoomout:hover img,
670
- .premium-banner-animation10.zoomout:hover img {
671
- -webkit-transform: translate3d(0, 0, 0) scale(1);
672
- transform: translate3d(0, 0, 0) scale(1); }
673
-
674
- .premium-banner-animation13.scale:hover img,
675
- .premium-banner-animation1.scale:hover img,
676
- .premium-banner-animation4.scale:hover img,
677
- .premium-banner-animation8.scale:hover img,
678
- .premium-banner-animation7.scale:hover img,
679
- .premium-banner-animation9.scale:hover img,
680
- .premium-banner-animation10.scale:hover img {
681
- -webkit-transform: translate3d(0, 0, 0) scale(1.2) rotate(5deg);
682
- transform: translate3d(0, 0, 0) scale(1.2) rotate(5deg); }
683
-
684
- .premium-banner-animation13.grayscale:hover img,
685
- .premium-banner-animation1.grayscale:hover img,
686
- .premium-banner-animation4.grayscale:hover img,
687
- .premium-banner-animation8.grayscale:hover img,
688
- .premium-banner-animation7.grayscale:hover img,
689
- .premium-banner-animation9.grayscale:hover img,
690
- .premium-banner-animation10.grayscale:hover img {
691
- -webkit-transform: translate3d(0, 0, 0);
692
- transform: translate3d(0, 0, 0);
693
- -webkit-filter: grayscale(100%);
694
- filter: grayscale(100%); }
695
-
696
- .premium-banner-animation13.blur:hover img,
697
- .premium-banner-animation1.blur:hover img,
698
- .premium-banner-animation4.blur:hover,
699
- .premium-banner-animation8.blur:hover img,
700
- .premium-banner-animation7.blur:hover img,
701
- .premium-banner-animation9.blur:hover img,
702
- .premium-banner-animation10.blur:hover img {
703
- -webkit-transform: translate3d(0, 0, 0);
704
- transform: translate3d(0, 0, 0);
705
- -webkit-filter: blur(3px);
706
- filter: blur(3px); }
707
-
708
- .premium-banner-animation13 .premium-banner-ib-desc {
709
- text-align: left; }
710
-
711
- .premium-banner-animation13 .premium-banner-ib-title {
712
- position: relative;
713
- overflow: hidden;
714
- padding: 5px 0 10px; }
715
- .premium-banner-animation13 .premium-banner-ib-title::after {
716
- position: absolute;
717
- content: "";
718
- bottom: 0;
719
- left: 0;
720
- width: 100%;
721
- height: 2px;
722
- background: #fff;
723
- -webkit-transition: -webkit-transform 0.35s;
724
- transition: -webkit-transform 0.35s;
725
- transition: transform 0.35s;
726
- transition: transform 0.35s, -webkit-transform 0.35s;
727
- -webkit-transform: translate3d(-101%, 0, 0);
728
- transform: translate3d(-101%, 0, 0); }
729
-
730
- .premium-banner-animation13:hover .premium-banner-ib-title::after,
731
- .premium-banner-animation13.active .premium-banner-ib-title::after {
732
- -webkit-transform: translate3d(0, 0, 0);
733
- transform: translate3d(0, 0, 0); }
734
-
735
- .premium-banner-animation13 .premium-banner-ib-content,
736
- .premium-banner-animation13 .premium-banner-read-more {
737
- padding: 15px 0;
738
- opacity: 0;
739
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
740
- transition: opacity 0.35s, -webkit-transform 0.35s;
741
- transition: opacity 0.35s, transform 0.35s;
742
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
743
- -webkit-transform: translate3d(100%, 0, 0);
744
- transform: translate3d(100%, 0, 0); }
745
-
746
- .premium-banner-animation13:hover .premium-banner-ib-content,
747
- .premium-banner-animation13.active .premium-banner-ib-content,
748
- .premium-banner-animation13:hover .premium-banner-read-more,
749
- .premium-banner-animation13.active .premium-banner-read-more {
750
- opacity: 1;
751
- -webkit-transform: translate3d(0, 0, 0);
752
- transform: translate3d(0, 0, 0); }
753
-
754
- .premium-banner-ib.premium-banner-animation5 .premium-banner-toggle-size {
755
- left: 50%;
756
- width: auto !important;
757
- height: 100%;
758
- max-width: none;
759
- -webkit-transform: translateX(-50%);
760
- -ms-transform: translateX(-50%);
761
- transform: translateX(-50%); }
762
-
763
- .premium-banner-ib img {
764
- border: none;
765
- padding: 0;
766
- margin: 0; }
767
-
768
- .premium-banner-animation7 img {
769
- width: -webkit-calc(100% + 40px) !important;
770
- width: calc(100% + 40px) !important;
771
- max-width: -webkit-calc(100% + 40px) !important;
772
- max-width: calc(100% + 40px) !important;
773
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
774
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
775
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
776
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; }
777
-
778
- .premium-banner-animation7 .premium-banner-brlr {
779
- width: 7px; }
780
-
781
- .premium-banner-animation7 .premium-banner-brtb {
782
- height: 7px; }
783
-
784
- .premium-banner-animation7 .premium-banner-br {
785
- position: absolute;
786
- z-index: 1;
787
- background-color: white;
788
- -webkit-transition: all 0.3s ease-in-out;
789
- transition: all 0.3s ease-in-out;
790
- -webkit-transition-delay: 0.2s;
791
- transition-delay: 0.2s; }
792
-
793
- .premium-banner-animation7 .premium-banner-bleft {
794
- left: 30px;
795
- top: -webkit-calc(100% - 150px);
796
- top: calc(100% - 150px);
797
- height: 0; }
798
-
799
- .premium-banner-animation7 .premium-banner-bright {
800
- right: 30px;
801
- bottom: -webkit-calc(100% - 150px);
802
- bottom: calc(100% - 150px);
803
- height: 0; }
804
-
805
- .premium-banner-animation7 .premium-banner-bottom {
806
- right: -webkit-calc(100% - 150px);
807
- right: calc(100% - 150px);
808
- bottom: 30px;
809
- width: 0; }
810
-
811
- .premium-banner-animation7 .premium-banner-btop {
812
- left: -webkit-calc(100% - 150px);
813
- left: calc(100% - 150px);
814
- top: 30px;
815
- width: 0; }
816
-
817
- .premium-banner-animation7 .premium-banner-ib-desc {
818
- padding: 70px;
819
- display: table; }
820
- .premium-banner-animation7 .premium-banner-ib-desc .premium-banner-desc-centered {
821
- display: table-cell;
822
- vertical-align: middle; }
823
-
824
- .premium-banner-animation7 .premium-banner-ib-title {
825
- margin-top: 0; }
826
-
827
- .premium-banner-animation7 .premium-banner-ib-title,
828
- .premium-banner-animation7 img {
829
- -webkit-transform: translate3d(-30px, 0, 0);
830
- transform: translate3d(-30px, 0, 0); }
831
-
832
- .premium-banner-animation7.zoomout img,
833
- .premium-banner-animation7.scale img {
834
- -webkit-transform: translate3d(-30px, 0, 0) scale(1.1);
835
- transform: translate3d(-30px, 0, 0) scale(1.1); }
836
-
837
- .premium-banner-animation7 .premium-banner-ib-content,
838
- .premium-banner-animation7 .premium-banner-read-more {
839
- margin-top: 10px; }
840
-
841
- .premium-banner-animation7 .premium-banner-ib-desc::after, .premium-banner-animation7 .premium-banner-ib-desc::before {
842
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
843
- transition: opacity 0.35s, -webkit-transform 0.35s;
844
- transition: opacity 0.35s, transform 0.35s;
845
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
846
-
847
- .premium-banner-animation7 .premium-banner-ib-title,
848
- .premium-banner-animation7 .premium-banner-ib-content,
849
- .premium-banner-animation7 .premium-banner-read-more {
850
- opacity: 0;
851
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
852
- transition: opacity 0.35s, -webkit-transform 0.35s;
853
- transition: opacity 0.35s, transform 0.35s;
854
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
855
-
856
- .premium-banner-animation7:hover .premium-banner-ib-content,
857
- .premium-banner-animation7.active .premium-banner-ib-content,
858
- .premium-banner-animation7:hover .premium-banner-read-more,
859
- .premium-banner-animation7.active .premium-banner-read-more,
860
- .premium-banner-animation7:hover .premium-banner-ib-title,
861
- .premium-banner-animation7.active .premium-banner-ib-title {
862
- opacity: 1;
863
- -webkit-transform: translate3d(0, 0, 0);
864
- transform: translate3d(0, 0, 0); }
865
-
866
- .premium-banner-animation7:hover .premium-banner-bleft, .premium-banner-animation7.active .premium-banner-bleft {
867
- top: 30px;
868
- height: 70px; }
869
-
870
- .premium-banner-animation7:hover .premium-banner-bright, .premium-banner-animation7.active .premium-banner-bright {
871
- bottom: 30px;
872
- height: 70px; }
873
-
874
- .premium-banner-animation7:hover .premium-banner-bottom, .premium-banner-animation7.active .premium-banner-bottom {
875
- right: 30px;
876
- width: 70px; }
877
-
878
- .premium-banner-animation7:hover .premium-banner-btop, .premium-banner-animation7.active .premium-banner-btop {
879
- left: 30px;
880
- width: 70px; }
881
-
882
- .premium-banner-animation7:hover .premium-banner-ib-content,
883
- .premium-banner-animation7:hover .premium-banner-read-more,
884
- .premium-banner-animation7:hover .premium-banner-ib-title,
885
- .premium-banner-animation7:hover img {
886
- -webkit-transition-delay: 0.15s;
887
- transition-delay: 0.15s; }
888
-
889
- .premium-banner-animation8 img {
890
- width: -webkit-calc(100% + 40px) !important;
891
- width: calc(100% + 40px) !important;
892
- max-width: -webkit-calc(100% + 40px) !important;
893
- max-width: calc(100% + 40px) !important;
894
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
895
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
896
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
897
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; }
898
-
899
- .premium-banner-animation8 .premium-banner-brlr {
900
- width: 7px; }
901
-
902
- .premium-banner-animation8 .premium-banner-brtb {
903
- height: 7px; }
904
-
905
- .premium-banner-animation8 .premium-banner-br {
906
- position: absolute;
907
- z-index: 1;
908
- background-color: white;
909
- -webkit-transition: all 0.3s ease-in-out;
910
- transition: all 0.3s ease-in-out;
911
- -webkit-transition-delay: 0.2s;
912
- transition-delay: 0.2s; }
913
-
914
- .premium-banner-animation8 .premium-banner-bleft {
915
- left: 30px;
916
- top: 50%;
917
- -webkit-transform: translateY(-50%);
918
- -ms-transform: translateY(-50%);
919
- transform: translateY(-50%);
920
- height: 0; }
921
-
922
- .premium-banner-animation8 .premium-banner-bright {
923
- right: 30px;
924
- top: 50%;
925
- -webkit-transform: translateY(-50%);
926
- -ms-transform: translateY(-50%);
927
- transform: translateY(-50%);
928
- height: 0; }
929
-
930
- .premium-banner-animation8 .premium-banner-bottom {
931
- left: 50%;
932
- -webkit-transform: translateX(-50%);
933
- -ms-transform: translateX(-50%);
934
- transform: translateX(-50%);
935
- bottom: 30px;
936
- width: 0; }
937
-
938
- .premium-banner-animation8 .premium-banner-btop {
939
- left: 50%;
940
- -webkit-transform: translateX(-50%);
941
- -ms-transform: translateX(-50%);
942
- transform: translateX(-50%);
943
- top: 30px;
944
- width: 0; }
945
-
946
- .premium-banner-animation8 .premium-banner-ib-desc {
947
- padding: 70px;
948
- display: table; }
949
- .premium-banner-animation8 .premium-banner-ib-desc .premium-banner-desc-centered {
950
- display: table-cell;
951
- vertical-align: middle; }
952
-
953
- .premium-banner-animation8 .premium-banner-ib-title {
954
- margin-top: 0; }
955
-
956
- .premium-banner-animation8 .premium-banner-ib-title,
957
- .premium-banner-animation8 img {
958
- -webkit-transform: translate3d(-30px, 0, 0);
959
- transform: translate3d(-30px, 0, 0); }
960
-
961
- .premium-banner-animation8.zoomout img,
962
- .premium-banner-animation8.scale img {
963
- -webkit-transform: translate3d(-30px, 0, 0) scale(1.1);
964
- transform: translate3d(-30px, 0, 0) scale(1.1); }
965
-
966
- .premium-banner-animation8 .premium-banner-ib-content,
967
- .premium-banner-animation8 .premium-banner-read-more {
968
- margin-top: 10px; }
969
-
970
- .premium-banner-animation8 .premium-banner-ib-desc::after, .premium-banner-animation8 .premium-banner-ib-desc::before {
971
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
972
- transition: opacity 0.35s, -webkit-transform 0.35s;
973
- transition: opacity 0.35s, transform 0.35s;
974
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
975
-
976
- .premium-banner-animation8 .premium-banner-ib-title,
977
- .premium-banner-animation8 .premium-banner-ib-content,
978
- .premium-banner-animation8 .premium-banner-read-more {
979
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
980
- transition: opacity 0.35s, -webkit-transform 0.35s;
981
- transition: opacity 0.35s, transform 0.35s;
982
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
983
- opacity: 0; }
984
-
985
- .premium-banner-animation8:hover .premium-banner-ib-content,
986
- .premium-banner-animation8.active .premium-banner-ib-content,
987
- .premium-banner-animation8:hover .premium-banner-read-more,
988
- .premium-banner-animation8.active .premium-banner-read-more,
989
- .premium-banner-animation8:hover .premium-banner-ib-title,
990
- .premium-banner-animation8.active .premium-banner-ib-title {
991
- opacity: 1;
992
- -webkit-transform: translate3d(0, 0, 0);
993
- transform: translate3d(0, 0, 0); }
994
-
995
- .premium-banner-animation8:hover .premium-banner-bleft, .premium-banner-animation8.active .premium-banner-bleft {
996
- height: -webkit-calc(100% - 61px);
997
- height: calc(100% - 61px); }
998
-
999
- .premium-banner-animation8:hover .premium-banner-bright, .premium-banner-animation8.active .premium-banner-bright {
1000
- height: -webkit-calc(100% - 61px);
1001
- height: calc(100% - 61px); }
1002
-
1003
- .premium-banner-animation8:hover .premium-banner-bottom, .premium-banner-animation8.active .premium-banner-bottom {
1004
- width: -webkit-calc(100% - 61px);
1005
- width: calc(100% - 61px); }
1006
-
1007
- .premium-banner-animation8:hover .premium-banner-btop, .premium-banner-animation8.active .premium-banner-btop {
1008
- width: -webkit-calc(100% - 61px);
1009
- width: calc(100% - 61px); }
1010
-
1011
- .premium-banner-animation8:hover .premium-banner-ib-content,
1012
- .premium-banner-animation8:hover .premium-banner-ib-title,
1013
- .premium-banner-animation8:hover .premium-banner-read-more,
1014
- .premium-banner-animation8:hover img {
1015
- -webkit-transition-delay: 0.15s;
1016
- transition-delay: 0.15s; }
1017
-
1018
- .premium-banner-animation9 img {
1019
- width: -webkit-calc(100% + 20px) !important;
1020
- width: calc(100% + 20px) !important;
1021
- max-width: -webkit-calc(100% + 20px) !important;
1022
- max-width: calc(100% + 20px) !important;
1023
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1024
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1025
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
1026
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1027
- -webkit-transform: scale(1.2);
1028
- -ms-transform: scale(1.2);
1029
- transform: scale(1.2); }
1030
-
1031
- .premium-banner-animation9 .premium-banner-ib-desc {
1032
- width: 100%;
1033
- height: 100%; }
1034
- .premium-banner-animation9 .premium-banner-ib-desc::before {
1035
- position: absolute;
1036
- top: 50%;
1037
- left: 50%;
1038
- width: 80%;
1039
- height: 1px;
1040
- background: #fff;
1041
- content: "";
1042
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1043
- transition: opacity 0.35s, -webkit-transform 0.35s;
1044
- transition: opacity 0.35s, transform 0.35s;
1045
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1046
- -webkit-transform: translate3d(-50%, -50%, 0);
1047
- transform: translate3d(-50%, -50%, 0); }
1048
- .premium-banner-animation9 .premium-banner-ib-desc::after {
1049
- position: absolute;
1050
- top: 50%;
1051
- left: 50%;
1052
- width: 80%;
1053
- height: 1px;
1054
- background: #fff;
1055
- content: "";
1056
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1057
- transition: opacity 0.35s, -webkit-transform 0.35s;
1058
- transition: opacity 0.35s, transform 0.35s;
1059
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1060
- -webkit-transform: translate3d(-50%, -50%, 0);
1061
- transform: translate3d(-50%, -50%, 0); }
1062
-
1063
- .premium-banner-animation9 .premium-banner-ib-title {
1064
- position: absolute;
1065
- top: 50%;
1066
- left: 0;
1067
- width: 100%;
1068
- -webkit-transition: -webkit-transform 0.35s;
1069
- transition: -webkit-transform 0.35s;
1070
- transition: transform 0.35s;
1071
- transition: transform 0.35s, -webkit-transform 0.35s;
1072
- -webkit-transform: translate3d(0, -70px, 0);
1073
- transform: translate3d(0, -70px, 0);
1074
- margin-top: 0;
1075
- padding: 0 10%; }
1076
-
1077
- .premium-banner-animation9:hover .premium-banner-ib-title,
1078
- .premium-banner-animation9.active .premium-banner-ib-title {
1079
- -webkit-transform: translate3d(0, -80px, 0);
1080
- transform: translate3d(0, -80px, 0); }
1081
-
1082
- .premium-banner-animation9 .premium-banner-ib-content,
1083
- .premium-banner-animation9 .premium-banner-read-more {
1084
- position: absolute;
1085
- top: 50%;
1086
- left: 0;
1087
- width: 100%;
1088
- -webkit-transition: -webkit-transform 0.35s;
1089
- transition: -webkit-transform 0.35s;
1090
- transition: transform 0.35s;
1091
- transition: transform 0.35s, -webkit-transform 0.35s;
1092
- padding: 0 10%;
1093
- -webkit-transform: translate3d(0, 35px, 0);
1094
- transform: translate3d(0, 35px, 0); }
1095
-
1096
- .premium-banner-animation9 .premium-banner-read-more {
1097
- top: 75%; }
1098
-
1099
- .premium-banner-animation9:hover .premium-banner-ib-content,
1100
- .premium-banner-animation9.active .premium-banner-ib-content,
1101
- .premium-banner-animation9:hover .premium-banner-read-more,
1102
- .premium-banner-animation9.active .premium-banner-read-more {
1103
- -webkit-transform: translate3d(0, 45px, 0);
1104
- transform: translate3d(0, 45px, 0); }
1105
-
1106
- .premium-banner-animation9:hover .premium-banner-ib-desc::before,
1107
- .premium-banner-animation9.active .premium-banner-ib-desc::before {
1108
- opacity: 0.5;
1109
- -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
1110
- transform: translate3d(-50%, -50%, 0) rotate(45deg); }
1111
-
1112
- .premium-banner-animation9:hover .premium-banner-ib-desc::after,
1113
- .premium-banner-animation9.active .premium-banner-ib-desc::after {
1114
- opacity: 0.5;
1115
- -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
1116
- transform: translate3d(-50%, -50%, 0) rotate(-45deg); }
1117
-
1118
- .premium-banner-animation9:hover img {
1119
- -webkit-transform: scale(1);
1120
- -ms-transform: scale(1);
1121
- transform: scale(1); }
1122
-
1123
- .premium-banner-animation10 img {
1124
- width: -webkit-calc(100% + 20px) !important;
1125
- width: calc(100% + 20px) !important;
1126
- max-width: -webkit-calc(100% + 20px) !important;
1127
- max-width: calc(100% + 20px) !important;
1128
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1129
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1130
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
1131
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; }
1132
-
1133
- .premium-banner-animation10 .premium-banner-ib-title {
1134
- position: relative;
1135
- overflow: hidden;
1136
- padding: 5px 0 15px;
1137
- -webkit-transition: -webkit-transform 0.35s;
1138
- transition: -webkit-transform 0.35s;
1139
- transition: transform 0.35s;
1140
- transition: transform 0.35s, -webkit-transform 0.35s;
1141
- -webkit-transform: translate3d(0, 20px, 0);
1142
- transform: translate3d(0, 20px, 0);
1143
- margin-bottom: 0; }
1144
- .premium-banner-animation10 .premium-banner-ib-title::after {
1145
- position: absolute;
1146
- content: "";
1147
- bottom: 0;
1148
- left: 0;
1149
- width: 100%;
1150
- height: 3px;
1151
- background: #fff;
1152
- opacity: 0;
1153
- -webkit-transform: translate3d(0, 100%, 0);
1154
- transform: translate3d(0, 100%, 0);
1155
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1156
- transition: opacity 0.35s, -webkit-transform 0.35s;
1157
- transition: opacity 0.35s, transform 0.35s;
1158
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
1159
-
1160
- .premium-banner-animation10:hover .premium-banner-ib-title,
1161
- .premium-banner-animation10.active .premium-banner-ib-title {
1162
- -webkit-transform: translate3d(0, 0, 0);
1163
- transform: translate3d(0, 0, 0); }
1164
-
1165
- .premium-banner-animation10:hover .premium-banner-ib-title::after,
1166
- .premium-banner-animation10.active .premium-banner-ib-title::after {
1167
- opacity: 1;
1168
- -webkit-transform: translate3d(0, 0, 0);
1169
- transform: translate3d(0, 0, 0); }
1170
-
1171
- .premium-banner-animation10.zoomout img,
1172
- .premium-banner-animation10.scale img {
1173
- -webkit-transform: translate3d(-10px, 0, 0) scale(1.1);
1174
- transform: translate3d(-10px, 0, 0) scale(1.1); }
1175
-
1176
- .premium-banner-animation10 .premium-banner-ib-content,
1177
- .premium-banner-animation10 .premium-banner-read-more {
1178
- padding-top: 15px;
1179
- opacity: 0;
1180
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1181
- transition: opacity 0.35s, -webkit-transform 0.35s;
1182
- transition: opacity 0.35s, transform 0.35s;
1183
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1184
- -webkit-transform: translate3d(0, 100%, 0);
1185
- transform: translate3d(0, 100%, 0); }
1186
-
1187
- .premium-banner-animation10 .premium-banner-read-more {
1188
- padding: 0; }
1189
-
1190
- .premium-banner-animation10:hover .premium-banner-ib-content,
1191
- .premium-banner-animation10.active .premium-banner-ib-content,
1192
- .premium-banner-animation10:hover .premium-banner-read-more,
1193
- .premium-banner-animation10.active .premium-banner-read-more {
1194
- opacity: 1;
1195
- -webkit-transform: translate3d(0, 0, 0);
1196
- transform: translate3d(0, 0, 0); }
1197
-
1198
- /**************** Premium CountDown *************/
1199
- /************************************************/
1200
- .premium-countdown {
1201
- -js-display: flex;
1202
- display: -webkit-box;
1203
- display: -webkit-flex;
1204
- display: -moz-box;
1205
- display: -ms-flexbox;
1206
- display: flex; }
1207
-
1208
- .pre_countdown-row {
1209
- display: block;
1210
- text-align: center; }
1211
-
1212
- .countdown .pre_countdown-section {
1213
- display: inline-block;
1214
- max-width: 100%;
1215
- margin-bottom: 15px;
1216
- -js-display: inline-flex;
1217
- display: -webkit-inline-box;
1218
- display: -webkit-inline-flex;
1219
- display: -moz-inline-box;
1220
- display: -ms-inline-flexbox;
1221
- display: inline-flex;
1222
- -webkit-box-align: center;
1223
- -webkit-align-items: center;
1224
- -moz-box-align: center;
1225
- -ms-flex-align: center;
1226
- align-items: center; }
1227
- .countdown .pre_countdown-section:last-child {
1228
- margin-right: 0; }
1229
-
1230
- .countdown span.pre_countdown-amount {
1231
- font-size: 70px;
1232
- line-height: 1; }
1233
-
1234
- .countdown .pre_time-mid {
1235
- display: block; }
1236
-
1237
- .premium-countdown-separator-yes .pre-countdown_separator {
1238
- display: block;
1239
- margin: 0 50px;
1240
- font-size: 30px; }
1241
-
1242
- .premium-countdown-separator-yes .pre_countdown-row .pre_countdown-section:last-child .pre-countdown_separator {
1243
- display: none; }
1244
-
1245
- /************************************ * Digit and unit styles *************************************/
1246
- .side .pre_countdown-section .pre_countdown-period {
1247
- vertical-align: bottom; }
1248
-
1249
- .countdown .pre_countdown-section .pre_countdown-period {
1250
- font-size: 17px;
1251
- line-height: 3em; }
1252
-
1253
- .side .pre_countdown-section .pre_countdown-amount,
1254
- .side .pre_countdown-section .pre_countdown-period {
1255
- display: inline-block; }
1256
-
1257
- .side .pre_countdown-section .pre_countdown-amount {
1258
- margin-right: 5px; }
1259
-
1260
- .down .pre_countdown-section .pre_countdown-amount,
1261
- .down .pre_countdown-section .pre_countdown-period {
1262
- display: block; }
1263
-
1264
- /**************** Premium Carousel **************/
1265
- /************************************************/
1266
- .premium-carousel-wrapper a.carousel-arrow, .premium-carousel-wrapper a.ver-carousel-arrow {
1267
- -js-display: flex;
1268
- display: -webkit-box;
1269
- display: -webkit-flex;
1270
- display: -moz-box;
1271
- display: -ms-flexbox;
1272
- display: flex;
1273
- -webkit-box-align: center;
1274
- -webkit-align-items: center;
1275
- -moz-box-align: center;
1276
- -ms-flex-align: center;
1277
- align-items: center;
1278
- -webkit-box-pack: center;
1279
- -webkit-justify-content: center;
1280
- -moz-box-pack: center;
1281
- -ms-flex-pack: center;
1282
- justify-content: center;
1283
- width: 2em;
1284
- height: 2em;
1285
- line-height: 0;
1286
- text-align: center;
1287
- position: absolute;
1288
- z-index: 99;
1289
- cursor: pointer;
1290
- -webkit-transition: all 0.3s ease-in-out;
1291
- transition: all 0.3s ease-in-out;
1292
- -webkit-appearance: inherit;
1293
- border: none;
1294
- -webkit-box-shadow: none;
1295
- box-shadow: none; }
1296
-
1297
- .premium-fb-rev-container a.carousel-arrow,
1298
- .premium-blog-wrap a.carousel-arrow,
1299
- .premium-hscroll-wrap a.carousel-arrow,
1300
- .premium-twitter-feed-wrapper a.carousel-arrow,
1301
- .premium-facebook-feed-wrapper a.carousel-arrow,
1302
- .premium-instafeed-container a.carousel-arrow,
1303
- .premium-persons-container a.carousel-arrow {
1304
- -js-display: flex;
1305
- display: -webkit-box;
1306
- display: -webkit-flex;
1307
- display: -moz-box;
1308
- display: -ms-flexbox;
1309
- display: flex;
1310
- -webkit-box-align: center;
1311
- -webkit-align-items: center;
1312
- -moz-box-align: center;
1313
- -ms-flex-align: center;
1314
- align-items: center;
1315
- -webkit-box-pack: center;
1316
- -webkit-justify-content: center;
1317
- -moz-box-pack: center;
1318
- -ms-flex-pack: center;
1319
- justify-content: center;
1320
- width: 2em;
1321
- height: 2em;
1322
- line-height: 0;
1323
- text-align: center;
1324
- position: absolute;
1325
- z-index: 99;
1326
- cursor: pointer;
1327
- -webkit-transition: all 0.3s ease-in-out;
1328
- transition: all 0.3s ease-in-out;
1329
- -webkit-appearance: inherit;
1330
- border: none;
1331
- -webkit-box-shadow: none;
1332
- box-shadow: none; }
1333
-
1334
- div[class^="premium-"] .slick-arrow i {
1335
- display: block; }
1336
-
1337
- .ver-carousel-arrow.carousel-next i {
1338
- margin-bottom: -3px; }
1339
-
1340
- .premium-carousel-wrapper a.slick-arrow:hover {
1341
- -webkit-box-shadow: none !important;
1342
- box-shadow: none !important; }
1343
-
1344
- .premium-carousel-wrapper .premium-carousel-content-hidden {
1345
- visibility: hidden; }
1346
-
1347
- .premium-carousel-wrapper a.carousel-arrow {
1348
- top: 50%; }
1349
-
1350
- .premium-fb-rev-container a.carousel-arrow,
1351
- .premium-blog-wrap a.carousel-arrow,
1352
- .premium-hscroll-wrap a.carousel-arrow,
1353
- .premium-twitter-feed-wrapper a.carousel-arrow,
1354
- .premium-facebook-feed-wrapper a.carousel-arrow,
1355
- .premium-instafeed-container a.carousel-arrow,
1356
- .premium-persons-container a.carousel-arrow {
1357
- top: 50%;
1358
- -webkit-transform: translateY(-50%);
1359
- -ms-transform: translateY(-50%);
1360
- transform: translateY(-50%); }
1361
-
1362
- .premium-carousel-wrapper a.ver-carousel-arrow {
1363
- left: 50%;
1364
- -webkit-transform: translateX(-50%);
1365
- -ms-transform: translateX(-50%);
1366
- transform: translateX(-50%); }
1367
-
1368
- a.carousel-arrow.carousel-next {
1369
- right: -20px; }
1370
-
1371
- a.carousel-arrow.carousel-prev {
1372
- left: -20px; }
1373
-
1374
- a.ver-carousel-arrow.carousel-next {
1375
- bottom: -56px; }
1376
-
1377
- a.ver-carousel-arrow.carousel-prev {
1378
- top: -45px; }
1379
-
1380
- a.circle-bg {
1381
- -webkit-border-radius: 100%;
1382
- border-radius: 100%; }
1383
-
1384
- a.circle-border {
1385
- -webkit-border-radius: 100%;
1386
- border-radius: 100%;
1387
- border: solid black; }
1388
-
1389
- a.square-border {
1390
- border: solid black; }
1391
-
1392
- .premium-carousel-wrapper ul.slick-dots,
1393
- .premium-blog-wrap ul.slick-dots {
1394
- list-style: none;
1395
- text-align: center;
1396
- margin: 0;
1397
- padding: 0; }
1398
-
1399
- .premium-carousel-dots-below ul.slick-dots {
1400
- position: relative; }
1401
-
1402
- .premium-carousel-dots-above ul.slick-dots {
1403
- position: absolute;
1404
- -js-display: flex;
1405
- display: -webkit-box;
1406
- display: -webkit-flex;
1407
- display: -moz-box;
1408
- display: -ms-flexbox;
1409
- display: flex;
1410
- width: auto;
1411
- top: 50%;
1412
- bottom: auto;
1413
- -webkit-transform: translateY(-50%);
1414
- -ms-transform: translateY(-50%);
1415
- transform: translateY(-50%);
1416
- -webkit-box-orient: vertical;
1417
- -webkit-box-direction: normal;
1418
- -webkit-flex-direction: column;
1419
- -moz-box-orient: vertical;
1420
- -moz-box-direction: normal;
1421
- -ms-flex-direction: column;
1422
- flex-direction: column; }
1423
-
1424
- ul.slick-dots li {
1425
- font-size: 10px;
1426
- -js-display: inline-flex;
1427
- display: -webkit-inline-box;
1428
- display: -webkit-inline-flex;
1429
- display: -moz-inline-box;
1430
- display: -ms-inline-flexbox;
1431
- display: inline-flex;
1432
- -webkit-box-pack: center;
1433
- -webkit-justify-content: center;
1434
- -moz-box-pack: center;
1435
- -ms-flex-pack: center;
1436
- justify-content: center;
1437
- -webkit-box-align: center;
1438
- -webkit-align-items: center;
1439
- -moz-box-align: center;
1440
- -ms-flex-align: center;
1441
- align-items: center;
1442
- margin: 5px;
1443
- width: 20px;
1444
- height: 20px;
1445
- cursor: pointer; }
1446
-
1447
- /*
1448
- * Custom Navigation Dot
1449
- */
1450
- .premium-carousel-wrapper .premium-carousel-nav-dot,
1451
- .premium-carousel-wrapper .premium-carousel-nav-arrow-prev,
1452
- .premium-carousel-wrapper .premium-carousel-nav-arrow-next {
1453
- display: none; }
1454
-
1455
- .premium-carousel-wrapper ul.slick-dots svg {
1456
- width: 20px;
1457
- height: 20px; }
1458
-
1459
- /* Ripple Out */
1460
- @-webkit-keyframes hvr-ripple-out {
1461
- 0% {
1462
- -webkit-transform: scale(1);
1463
- transform: scale(1);
1464
- opacity: 1; }
1465
- 100% {
1466
- -webkit-transform: scale(1.5);
1467
- transform: scale(1.5);
1468
- opacity: 0; } }
1469
-
1470
- @keyframes hvr-ripple-out {
1471
- 0% {
1472
- -webkit-transform: scale(1);
1473
- transform: scale(1);
1474
- opacity: 1; }
1475
- 100% {
1476
- -webkit-transform: scale(1.5);
1477
- transform: scale(1.5);
1478
- opacity: 0; } }
1479
-
1480
- .premium-carousel-ripple-yes .premium-carousel-wrapper {
1481
- padding-bottom: 1px; }
1482
-
1483
- .premium-carousel-ripple-yes ul.slick-dots li {
1484
- position: relative; }
1485
- .premium-carousel-ripple-yes ul.slick-dots li i {
1486
- position: relative;
1487
- z-index: 1; }
1488
- .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
1489
- content: "";
1490
- position: absolute;
1491
- -webkit-transform: scale(1);
1492
- -ms-transform: scale(1);
1493
- transform: scale(1);
1494
- top: 0;
1495
- right: 0;
1496
- bottom: 0;
1497
- left: 0;
1498
- -webkit-border-radius: 50%;
1499
- border-radius: 50%;
1500
- pointer-events: none;
1501
- background-color: rgba(0, 0, 0, 0.15); }
1502
- .premium-carousel-ripple-yes ul.slick-dots li.slick-active:hover:before {
1503
- background-color: rgba(0, 0, 0, 0.3); }
1504
- .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
1505
- -webkit-animation: hvr-ripple-out 1.3s infinite;
1506
- animation: hvr-ripple-out 1.3s infinite; }
1507
-
1508
- .premium-carousel-wrapper.premium-carousel-scale .slick-slide {
1509
- -webkit-transform: scale(1.25, 1.25);
1510
- -ms-transform: scale(1.25, 1.25);
1511
- transform: scale(1.25, 1.25);
1512
- -webkit-transition: all 0.3s ease-in-out !important;
1513
- transition: all 0.3s ease-in-out !important; }
1514
-
1515
- .premium-carousel-wrapper.premium-carousel-scale div.slick-active {
1516
- -webkit-transform: scale(1, 1);
1517
- -ms-transform: scale(1, 1);
1518
- transform: scale(1, 1); }
1519
-
1520
- [dir="rtl"] .premium-carousel-inner .slick-slide {
1521
- float: right; }
1522
-
1523
- /**************** Premium Counter ***************/
1524
- /************************************************/
1525
- .premium-counter-area {
1526
- padding: 10px 0;
1527
- -js-display: flex;
1528
- display: -webkit-box;
1529
- display: -webkit-flex;
1530
- display: -moz-box;
1531
- display: -ms-flexbox;
1532
- display: flex;
1533
- -webkit-box-pack: center;
1534
- -webkit-justify-content: center;
1535
- -moz-box-pack: center;
1536
- -ms-flex-pack: center;
1537
- justify-content: center;
1538
- -webkit-box-align: center;
1539
- -webkit-align-items: center;
1540
- -moz-box-align: center;
1541
- -ms-flex-align: center;
1542
- align-items: center; }
1543
- .premium-counter-area.top {
1544
- -webkit-box-orient: vertical;
1545
- -webkit-box-direction: normal;
1546
- -webkit-flex-direction: column;
1547
- -moz-box-orient: vertical;
1548
- -moz-box-direction: normal;
1549
- -ms-flex-direction: column;
1550
- flex-direction: column; }
1551
- .premium-counter-area.right {
1552
- -webkit-box-orient: horizontal;
1553
- -webkit-box-direction: reverse;
1554
- -webkit-flex-direction: row-reverse;
1555
- -moz-box-orient: horizontal;
1556
- -moz-box-direction: reverse;
1557
- -ms-flex-direction: row-reverse;
1558
- flex-direction: row-reverse; }
1559
- .premium-counter-area.right .premium-counter-icon {
1560
- padding-left: 20px; }
1561
- .premium-counter-area.left .premium-counter-icon {
1562
- padding-right: 20px; }
1563
- .premium-counter-area .premium-counter-icon .icon i.fa:before {
1564
- vertical-align: text-top; }
1565
- .premium-counter-area .premium-counter-icon span.icon {
1566
- text-align: center;
1567
- display: inline-block;
1568
- vertical-align: middle; }
1569
- .premium-counter-area .premium-counter-icon .circle {
1570
- -webkit-border-radius: 100%;
1571
- border-radius: 100%; }
1572
- .premium-counter-area .premium-counter-icon img,
1573
- .premium-counter-area .premium-counter-icon svg {
1574
- width: 80px; }
1575
- .premium-counter-area .premium-counter-icon .premium-counter-animation svg {
1576
- height: 80px; }
1577
- .premium-counter-area .premium-counter-title {
1578
- padding: 0;
1579
- margin: 0; }
1580
- .premium-counter-area .premium-counter-value-wrap {
1581
- -js-display: flex;
1582
- display: -webkit-box;
1583
- display: -webkit-flex;
1584
- display: -moz-box;
1585
- display: -ms-flexbox;
1586
- display: flex;
1587
- -webkit-box-align: center;
1588
- -webkit-align-items: center;
1589
- -moz-box-align: center;
1590
- -ms-flex-align: center;
1591
- align-items: center; }
1592
-
1593
- .premium-init-wrapper.right {
1594
- text-align: right; }
1595
-
1596
- /* * Custom image and simple styles image fix */
1597
- span.icon.flex-width {
1598
- width: auto !important;
1599
- height: auto !important; }
1600
-
1601
- .premium-counter-area .premium-counter-init {
1602
- font-size: 35px; }
1603
-
1604
- /**************** Premium Image Separator ****************/
1605
- /*********************************************************/
1606
- .premium-image-separator-container {
1607
- position: absolute;
1608
- width: 100%;
1609
- z-index: 2;
1610
- top: auto;
1611
- -webkit-transition: all 0.3s ease-in-out;
1612
- transition: all 0.3s ease-in-out; }
1613
- .premium-image-separator-container svg,
1614
- .premium-image-separator-container img {
1615
- display: inline-block !important; }
1616
- .premium-image-separator-container .premium-image-separator-link {
1617
- position: absolute;
1618
- z-index: 9999;
1619
- top: 0;
1620
- left: 0;
1621
- width: 100%;
1622
- height: 100%;
1623
- text-decoration: none; }
1624
- .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 {
1625
- -webkit-box-shadow: none !important;
1626
- box-shadow: none !important;
1627
- outline: none !important;
1628
- border: none !important;
1629
- text-decoration: none !important; }
1630
- .premium-image-separator-container i {
1631
- padding: 0.1em;
1632
- -webkit-transition: all 0.3s ease-in-out;
1633
- transition: all 0.3s ease-in-out; }
1634
-
1635
- /**************** Premium Modal Box ****************/
1636
- /***************************************************/
1637
- .premium-modal-trigger-btn,
1638
- .premium-modal-box-modal-lower-close {
1639
- display: inline-block;
1640
- padding: 6px 12px;
1641
- margin-bottom: 0;
1642
- font-size: 14px;
1643
- font-weight: normal;
1644
- line-height: 1.42857143;
1645
- text-align: center;
1646
- white-space: nowrap;
1647
- vertical-align: middle;
1648
- -ms-touch-action: manipulation;
1649
- touch-action: manipulation;
1650
- cursor: pointer;
1651
- -webkit-user-select: none;
1652
- -moz-user-select: none;
1653
- -ms-user-select: none;
1654
- user-select: none;
1655
- background-image: none;
1656
- border: 1px solid transparent; }
1657
-
1658
- .premium-modal-trigger-btn i {
1659
- -webkit-transition: all 0.3s ease-in-out;
1660
- transition: all 0.3s ease-in-out; }
1661
-
1662
- .premium-btn-md {
1663
- padding: 8px 14px;
1664
- font-size: 16px;
1665
- line-height: 1.2; }
1666
-
1667
- .premium-btn-lg {
1668
- padding: 10px 16px;
1669
- font-size: 18px;
1670
- line-height: 1.3333333; }
1671
-
1672
- .premium-btn-block {
1673
- display: block;
1674
- width: 100%; }
1675
-
1676
- .premium-modal-box-modal-close {
1677
- float: right;
1678
- font-size: 21px;
1679
- font-weight: bold;
1680
- line-height: 1;
1681
- color: #000; }
1682
- .premium-modal-box-modal-close:hover, .premium-modal-box-modal-close:focus {
1683
- color: #000;
1684
- text-decoration: none;
1685
- cursor: pointer; }
1686
-
1687
- button.premium-modal-box-modal-close {
1688
- -webkit-appearance: none;
1689
- padding: 0;
1690
- cursor: pointer;
1691
- background: transparent;
1692
- border: 0; }
1693
-
1694
- .premium-modal-box-modal {
1695
- position: fixed;
1696
- top: 0;
1697
- right: 0;
1698
- bottom: 0;
1699
- left: 0;
1700
- z-index: 1050;
1701
- display: none;
1702
- -webkit-overflow-scrolling: touch;
1703
- outline: 0;
1704
- padding: 0 !important;
1705
- background: rgba(0, 0, 0, 0.5);
1706
- -webkit-box-align: center;
1707
- -webkit-align-items: center;
1708
- -moz-box-align: center;
1709
- -ms-flex-align: center;
1710
- align-items: center;
1711
- -webkit-box-pack: center;
1712
- -webkit-justify-content: center;
1713
- -moz-box-pack: center;
1714
- -ms-flex-pack: center;
1715
- justify-content: center; }
1716
- .premium-modal-box-modal .premium-modal-box-modal-dialog {
1717
- position: absolute;
1718
- max-height: -webkit-calc(100vh - 150px);
1719
- max-height: calc(100vh - 150px);
1720
- -js-display: flex;
1721
- display: -webkit-box;
1722
- display: -webkit-flex;
1723
- display: -moz-box;
1724
- display: -ms-flexbox;
1725
- display: flex;
1726
- -webkit-box-orient: vertical;
1727
- -webkit-box-direction: normal;
1728
- -webkit-flex-direction: column;
1729
- -moz-box-orient: vertical;
1730
- -moz-box-direction: normal;
1731
- -ms-flex-direction: column;
1732
- flex-direction: column;
1733
- opacity: 0; }
1734
-
1735
- .premium-modal-box-modal-content {
1736
- background-color: #fff;
1737
- -webkit-background-clip: padding-box;
1738
- background-clip: padding-box;
1739
- border: 1px solid rgba(0, 0, 0, 0.2);
1740
- -webkit-border-radius: 6px;
1741
- border-radius: 6px;
1742
- outline: 0; }
1743
-
1744
- .premium-modal-backdrop.premium-in {
1745
- filter: alpha(opacity=50);
1746
- opacity: 0.5 !important; }
1747
-
1748
- .premium-in {
1749
- opacity: 1; }
1750
-
1751
- .premium-modal-backdrop {
1752
- position: fixed;
1753
- top: 0;
1754
- right: 0;
1755
- bottom: 0;
1756
- left: 0;
1757
- z-index: 1040;
1758
- background-color: #000; }
1759
-
1760
- .premium-in {
1761
- -js-display: flex !important;
1762
- display: -webkit-box !important;
1763
- display: -webkit-flex !important;
1764
- display: -moz-box !important;
1765
- display: -ms-flexbox !important;
1766
- display: flex !important; }
1767
-
1768
- .premium-modal-box-modal-header {
1769
- -js-display: flex;
1770
- display: -webkit-box;
1771
- display: -webkit-flex;
1772
- display: -moz-box;
1773
- display: -ms-flexbox;
1774
- display: flex;
1775
- -webkit-box-pack: justify;
1776
- -webkit-justify-content: space-between;
1777
- -moz-box-pack: justify;
1778
- -ms-flex-pack: justify;
1779
- justify-content: space-between;
1780
- -webkit-box-align: center;
1781
- -webkit-align-items: center;
1782
- -moz-box-align: center;
1783
- -ms-flex-align: center;
1784
- align-items: center;
1785
- padding: 5px 15px;
1786
- border-bottom: 1px solid #e5e5e5; }
1787
- .premium-modal-box-modal-header .premium-modal-box-modal-close {
1788
- margin-top: -2px; }
1789
- .premium-modal-box-modal-header .premium-modal-box-modal-title {
1790
- -js-display: flex;
1791
- display: -webkit-box;
1792
- display: -webkit-flex;
1793
- display: -moz-box;
1794
- display: -ms-flexbox;
1795
- display: flex;
1796
- -webkit-box-align: center;
1797
- -webkit-align-items: center;
1798
- -moz-box-align: center;
1799
- -ms-flex-align: center;
1800
- align-items: center;
1801
- margin: 0;
1802
- padding: 0; }
1803
- .premium-modal-box-modal-header .premium-modal-box-modal-title svg {
1804
- width: 50px;
1805
- height: 60px; }
1806
-
1807
- .premium-modal-box-modal-body {
1808
- position: relative;
1809
- padding: 15px;
1810
- overflow: hidden; }
1811
-
1812
- .premium-modal-box-modal-footer {
1813
- padding: 15px;
1814
- text-align: right;
1815
- border-top: 1px solid #e5e5e5; }
1816
-
1817
- .premium-modal-scrollbar-measure {
1818
- position: absolute;
1819
- top: -9999px;
1820
- width: 50px;
1821
- height: 50px;
1822
- overflow: scroll; }
1823
-
1824
- .premium-modal-trigger-text {
1825
- background: none !important; }
1826
-
1827
- .premium-modal-box-container {
1828
- width: 100% !important; }
1829
-
1830
- /*Open Modal Button Style*/
1831
- .premium-modal-trigger-container .premium-modal-trigger-btn {
1832
- border: none;
1833
- -webkit-transition: all 0.3s ease-in-out;
1834
- transition: all 0.3s ease-in-out; }
1835
-
1836
- .premium-modal-trigger-container .premium-modal-trigger-img,
1837
- .premium-modal-trigger-container .premium-modal-trigger-text,
1838
- .premium-modal-trigger-container .premium-modal-trigger-animation {
1839
- cursor: pointer; }
1840
-
1841
- .premium-modal-trigger-container .premium-modal-trigger-animation {
1842
- display: inline-block;
1843
- width: 200px;
1844
- height: 200px;
1845
- -webkit-transition: all 0.3s ease-in-out;
1846
- transition: all 0.3s ease-in-out; }
1847
-
1848
- /*Image on Modal Header Style*/
1849
- .premium-modal-box-modal-header img {
1850
- width: 48px;
1851
- padding-right: 5px; }
1852
-
1853
- .premium-modal-box-modal-header i,
1854
- .premium-modal-box-modal-header svg {
1855
- padding-right: 6px; }
1856
-
1857
- .premium-modal-box-modal-close {
1858
- position: relative;
1859
- z-index: 99; }
1860
-
1861
- .premium-modal-trigger-img,
1862
- .premium-modal-trigger-text,
1863
- .premium-modal-box-close-button-container,
1864
- .premium-modal-box-modal-close,
1865
- .premium-modal-box-modal-lower-close {
1866
- -webkit-transition: all 0.3s ease-in-out;
1867
- transition: all 0.3s ease-in-out; }
1868
-
1869
- @media (min-width: 768px) {
1870
- .premium-modal-box-modal-dialog {
1871
- width: 700px;
1872
- max-height: 600px;
1873
- overflow: auto; } }
1874
-
1875
- @media (max-width: 767px) {
1876
- .premium-modal-box-modal-dialog {
1877
- width: 100%;
1878
- max-height: 500px;
1879
- overflow: auto; } }
1880
-
1881
- .premium-modal-box-container[data-modal-animation*="animated-"] {
1882
- opacity: 0; }
1883
-
1884
- /**************** Premium Progress Bar ****************/
1885
- /******************************************************/
1886
- .premium-progressbar-container {
1887
- position: relative; }
1888
-
1889
- .premium-progressbar-bar-wrap {
1890
- position: relative;
1891
- text-align: left;
1892
- overflow: hidden;
1893
- height: 25px;
1894
- margin-bottom: 50px;
1895
- background-color: #f5f5f5;
1896
- -webkit-border-radius: 4px;
1897
- border-radius: 4px;
1898
- -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
1899
- box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }
1900
- .premium-progressbar-bar-wrap.premium-progressbar-dots {
1901
- background-color: transparent;
1902
- width: 100%;
1903
- -js-display: flex;
1904
- display: -webkit-box;
1905
- display: -webkit-flex;
1906
- display: -moz-box;
1907
- display: -ms-flexbox;
1908
- display: flex;
1909
- height: auto;
1910
- -webkit-box-shadow: none;
1911
- box-shadow: none; }
1912
- .premium-progressbar-bar-wrap .progress-segment {
1913
- position: relative;
1914
- width: 25px;
1915
- height: 25px;
1916
- -webkit-border-radius: 50%;
1917
- border-radius: 50%;
1918
- overflow: hidden;
1919
- background-color: #f5f5f5; }
1920
- .premium-progressbar-bar-wrap .progress-segment.filled {
1921
- background: #6ec1e4; }
1922
- .premium-progressbar-bar-wrap .progress-segment:not(:first-child):not(:last-child) {
1923
- margin: 0 4px; }
1924
- .premium-progressbar-bar-wrap .progress-segment:first-child {
1925
- margin-right: 4px; }
1926
- .premium-progressbar-bar-wrap .progress-segment:last-child {
1927
- margin-left: 4px; }
1928
- .premium-progressbar-bar-wrap .progress-segment .segment-inner {
1929
- position: absolute;
1930
- top: 0;
1931
- left: 0;
1932
- height: 100%;
1933
- background-color: #6ec1e4; }
1934
-
1935
- .premium-progressbar-bar {
1936
- float: left;
1937
- width: 0%;
1938
- height: 100%;
1939
- font-size: 12px;
1940
- line-height: 20px;
1941
- background: #6ec1e4;
1942
- text-align: center;
1943
- -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
1944
- box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); }
1945
-
1946
- .premium-progressbar-striped .premium-progressbar-bar {
1947
- 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);
1948
- 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);
1949
- -webkit-background-size: 40px 40px;
1950
- background-size: 40px 40px; }
1951
-
1952
- .premium-progressbar-active .premium-progressbar-bar {
1953
- -webkit-animation: progress-bar-stripes 2s linear infinite;
1954
- animation: progress-bar-stripes 2s linear infinite; }
1955
-
1956
- .premium-progressbar-gradient .premium-progressbar-bar {
1957
- -webkit-background-size: 400% 400% !important;
1958
- background-size: 400% 400% !important;
1959
- -webkit-animation: progress-bar-gradient 10s ease-in-out infinite;
1960
- animation: progress-bar-gradient 10s ease-in-out infinite; }
1961
-
1962
- .premium-progressbar-bar {
1963
- position: absolute;
1964
- overflow: hidden;
1965
- line-height: 20px; }
1966
-
1967
- .premium-progressbar-container .clearfix {
1968
- clear: both; }
1969
-
1970
- .premium-progressbar-bar {
1971
- -webkit-transition: width 0s ease-in-out !important;
1972
- transition: width 0s ease-in-out !important; }
1973
-
1974
- .premium-progressbar-container p:first-of-type {
1975
- margin: 0;
1976
- float: left; }
1977
-
1978
- .premium-progressbar-container p:nth-of-type(2) {
1979
- margin: 0;
1980
- float: right; }
1981
-
1982
- .premium-progressbar-name {
1983
- left: 50%;
1984
- top: 0;
1985
- right: 0;
1986
- -webkit-transform: translateX(-12.5px);
1987
- -ms-transform: translateX(-12.5px);
1988
- transform: translateX(-12.5px);
1989
- z-index: 1; }
1990
-
1991
- .premium-progressbar-multiple-label {
1992
- position: relative;
1993
- float: left;
1994
- width: 0;
1995
- left: 50%; }
1996
-
1997
- .premium-progressbar-center-label {
1998
- position: relative;
1999
- white-space: nowrap; }
2000
-
2001
- .premium-progressbar-arrow {
2002
- left: 50%;
2003
- display: inline-block;
2004
- border-left: 7px solid transparent;
2005
- border-right: 7px solid transparent;
2006
- border-top: 11px solid;
2007
- -webkit-transform: translateX(-50%);
2008
- -ms-transform: translateX(-50%);
2009
- transform: translateX(-50%); }
2010
-
2011
- .premium-progressbar-pin {
2012
- border-left: 1px solid;
2013
- height: 12px;
2014
- left: 50%;
2015
- display: inline-block; }
2016
-
2017
- /**
2018
- * Circle Progress Bar
2019
- */
2020
- .premium-progressbar-circle-wrap {
2021
- width: 200px;
2022
- height: 200px;
2023
- position: relative;
2024
- margin: 0 auto; }
2025
- .premium-progressbar-circle-wrap .premium-progressbar-circle {
2026
- position: absolute;
2027
- top: 0;
2028
- left: 0;
2029
- width: 100%;
2030
- height: 100%;
2031
- -webkit-clip-path: inset(0 0 0 50%);
2032
- clip-path: inset(0 0 0 50%); }
2033
- .premium-progressbar-circle-wrap .premium-progressbar-circle div {
2034
- position: absolute;
2035
- left: 0;
2036
- top: 0;
2037
- height: 100%;
2038
- width: 100%;
2039
- border-width: 6px;
2040
- border-style: solid;
2041
- border-color: #54595f;
2042
- -webkit-border-radius: 50%;
2043
- border-radius: 50%;
2044
- -webkit-clip-path: inset(0 50% 0 0);
2045
- clip-path: inset(0 50% 0 0); }
2046
- .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-left {
2047
- -webkit-transform: rotate(0);
2048
- -ms-transform: rotate(0);
2049
- transform: rotate(0); }
2050
- .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-right {
2051
- -webkit-transform: rotate(180deg);
2052
- -ms-transform: rotate(180deg);
2053
- transform: rotate(180deg);
2054
- visibility: hidden; }
2055
- .premium-progressbar-circle-wrap .premium-progressbar-circle-base {
2056
- width: 100%;
2057
- height: 100%;
2058
- border: 6px solid #eee;
2059
- -webkit-border-radius: 50%;
2060
- border-radius: 50%; }
2061
- .premium-progressbar-circle-wrap .premium-progressbar-circle-content {
2062
- position: absolute;
2063
- top: 0;
2064
- left: 0;
2065
- width: 100%;
2066
- height: 100%;
2067
- -js-display: flex;
2068
- display: -webkit-box;
2069
- display: -webkit-flex;
2070
- display: -moz-box;
2071
- display: -ms-flexbox;
2072
- display: flex;
2073
- -webkit-box-orient: vertical;
2074
- -webkit-box-direction: normal;
2075
- -webkit-flex-direction: column;
2076
- -moz-box-orient: vertical;
2077
- -moz-box-direction: normal;
2078
- -ms-flex-direction: column;
2079
- flex-direction: column;
2080
- -webkit-box-pack: center;
2081
- -webkit-justify-content: center;
2082
- -moz-box-pack: center;
2083
- -ms-flex-pack: center;
2084
- justify-content: center;
2085
- -webkit-box-align: center;
2086
- -webkit-align-items: center;
2087
- -moz-box-align: center;
2088
- -ms-flex-align: center;
2089
- align-items: center; }
2090
- .premium-progressbar-circle-wrap .premium-lottie-animation {
2091
- line-height: 1; }
2092
-
2093
- @-webkit-keyframes progress-bar-stripes {
2094
- from {
2095
- background-position: 0 0; }
2096
- to {
2097
- background-position: 40px 0; } }
2098
-
2099
- @keyframes progress-bar-stripes {
2100
- from {
2101
- background-position: 0 0; }
2102
- to {
2103
- background-position: 40px 0; } }
2104
-
2105
- @-webkit-keyframes progress-bar-gradient {
2106
- 0% {
2107
- background-position: 0% 50%; }
2108
- 50% {
2109
- background-position: 100% 50%; }
2110
- 100% {
2111
- background-position: 0% 50%; } }
2112
-
2113
- @keyframes progress-bar-gradient {
2114
- 0% {
2115
- background-position: 0% 50%; }
2116
- 50% {
2117
- background-position: 100% 50%; }
2118
- 100% {
2119
- background-position: 0% 50%; } }
2120
-
2121
- /**************** Premium Testimonials ****************/
2122
- /******************************************************/
2123
- .premium-testimonial-box {
2124
- width: 100%;
2125
- background: transparent;
2126
- -webkit-transition: all 0.3s ease-in-out;
2127
- transition: all 0.3s ease-in-out; }
2128
- .premium-testimonial-box .premium-testimonial-author-info {
2129
- -js-display: flex;
2130
- display: -webkit-box;
2131
- display: -webkit-flex;
2132
- display: -moz-box;
2133
- display: -ms-flexbox;
2134
- display: flex;
2135
- -webkit-box-pack: center;
2136
- -webkit-justify-content: center;
2137
- -moz-box-pack: center;
2138
- -ms-flex-pack: center;
2139
- justify-content: center;
2140
- -webkit-box-align: center;
2141
- -webkit-align-items: center;
2142
- -moz-box-align: center;
2143
- -ms-flex-align: center;
2144
- align-items: center; }
2145
- .premium-testimonial-box .premium-testimonial-person-name,
2146
- .premium-testimonial-box .premium-testimonial-company-name {
2147
- font-weight: 600;
2148
- margin: 0; }
2149
-
2150
- .premium-testimonial-container {
2151
- position: relative; }
2152
-
2153
- .premium-testimonial-img-wrapper {
2154
- margin-left: auto;
2155
- margin-right: auto;
2156
- overflow: hidden;
2157
- border-style: solid !important; }
2158
- .premium-testimonial-img-wrapper.circle {
2159
- -webkit-border-radius: 50%;
2160
- border-radius: 50%; }
2161
- .premium-testimonial-img-wrapper.rounded {
2162
- -webkit-border-radius: 15px;
2163
- border-radius: 15px; }
2164
- .premium-testimonial-img-wrapper img {
2165
- -o-object-fit: cover;
2166
- object-fit: cover;
2167
- width: 100%;
2168
- height: 100% !important; }
2169
-
2170
- .premium-testimonial-content-wrapper {
2171
- position: relative;
2172
- -js-display: flex;
2173
- display: -webkit-box;
2174
- display: -webkit-flex;
2175
- display: -moz-box;
2176
- display: -ms-flexbox;
2177
- display: flex;
2178
- -webkit-box-orient: vertical;
2179
- -webkit-box-direction: normal;
2180
- -webkit-flex-direction: column;
2181
- -moz-box-orient: vertical;
2182
- -moz-box-direction: normal;
2183
- -ms-flex-direction: column;
2184
- flex-direction: column;
2185
- z-index: 2;
2186
- width: 100%;
2187
- padding: 20px;
2188
- text-align: center; }
2189
-
2190
- .premium-testimonial-clear-float {
2191
- clear: both; }
2192
-
2193
- .premium-testimonial-upper-quote,
2194
- .premium-testimonial-lower-quote {
2195
- position: absolute;
2196
- z-index: 1; }
2197
-
2198
- /**************** Premium Dual Heading *****************/
2199
- /*******************************************************/
2200
- .premium-dual-header-container .premium-dual-header-first-header,
2201
- .premium-dual-header-container .premium-dual-header-second-header {
2202
- position: relative;
2203
- padding: 0;
2204
- margin: 0;
2205
- display: inline-block;
2206
- -webkit-transform: translate(0, 0);
2207
- -ms-transform: translate(0, 0);
2208
- transform: translate(0, 0); }
2209
-
2210
- .premium-dual-header-first-clip .premium-dual-header-first-span,
2211
- .premium-dual-header-second-clip {
2212
- -webkit-text-fill-color: transparent;
2213
- -webkit-background-clip: text;
2214
- background-clip: text; }
2215
-
2216
- .premium-dual-header-first-clip.stroke .premium-dual-header-first-span,
2217
- .premium-dual-header-second-clip.stroke {
2218
- -webkit-text-stroke-color: transparent;
2219
- -webkit-text-fill-color: #fafafa;
2220
- -webkit-text-stroke-width: 2px; }
2221
-
2222
- @media (max-width: 500px) {
2223
- .premium-dual-header-container .premium-dual-header-first-header,
2224
- .premium-dual-header-container .premium-dual-header-second-header {
2225
- display: block;
2226
- word-wrap: break-word; }
2227
- .premium-dual-header-first-container,
2228
- .premium-dual-header-second-container {
2229
- margin: 0; } }
2230
-
2231
- @media (min-width: 501px) {
2232
- .premium-dual-header-first-container {
2233
- margin-right: 5px; } }
2234
-
2235
- .premium-dual-header-first-header.gradient .premium-dual-header-first-span,
2236
- .premium-dual-header-second-header.gradient {
2237
- -webkit-background-size: 300% 300% !important;
2238
- background-size: 300% 300% !important;
2239
- -webkit-animation: Gradient 10s ease-in-out infinite;
2240
- animation: Gradient 10s ease-in-out infinite; }
2241
-
2242
- @-webkit-keyframes Gradient {
2243
- 0% {
2244
- background-position: 0% 50%; }
2245
- 50% {
2246
- background-position: 100% 50%; }
2247
- 100% {
2248
- background-position: 0% 50%; } }
2249
-
2250
- @keyframes Gradient {
2251
- 0% {
2252
- background-position: 0% 50%; }
2253
- 50% {
2254
- background-position: 100% 50%; }
2255
- 100% {
2256
- background-position: 0% 50%; } }
2257
-
2258
- /**************** Premium Title ****************/
2259
- /***********************************************/
2260
- .premium-title-container {
2261
- position: relative;
2262
- width: 100%;
2263
- clear: both; }
2264
- .premium-title-container .premium-title-header {
2265
- position: relative;
2266
- margin: 0;
2267
- padding: 10px; }
2268
- .premium-title-container .premium-title-header:not(.premium-title-style7) {
2269
- -webkit-box-align: center;
2270
- -webkit-align-items: center;
2271
- -moz-box-align: center;
2272
- -ms-flex-align: center;
2273
- align-items: center; }
2274
- .premium-title-container .premium-title-header svg {
2275
- width: 40px;
2276
- height: 40px; }
2277
- .premium-title-container .premium-title-header img {
2278
- width: 40px;
2279
- height: 40px;
2280
- -o-object-fit: cover;
2281
- object-fit: cover; }
2282
- .premium-title-container .premium-title-header a {
2283
- position: absolute;
2284
- top: 0;
2285
- left: 0;
2286
- width: 100%;
2287
- height: 100%; }
2288
- .premium-title-container .premium-lottie-animation {
2289
- -js-display: flex;
2290
- display: -webkit-box;
2291
- display: -webkit-flex;
2292
- display: -moz-box;
2293
- display: -ms-flexbox;
2294
- display: flex; }
2295
-
2296
- .premium-title-icon-row .premium-title-icon {
2297
- margin-right: 10px; }
2298
-
2299
- .premium-title-icon-row-reverse .premium-title-icon {
2300
- margin-left: 10px; }
2301
-
2302
- .premium-title-style3,
2303
- .premium-title-style4 {
2304
- -js-display: flex;
2305
- display: -webkit-box;
2306
- display: -webkit-flex;
2307
- display: -moz-box;
2308
- display: -ms-flexbox;
2309
- display: flex; }
2310
-
2311
- .premium-title-style1,
2312
- .premium-title-style2,
2313
- .premium-title-style5,
2314
- .premium-title-style6,
2315
- .premium-title-style8,
2316
- .premium-title-style9 {
2317
- -js-display: inline-flex;
2318
- display: -webkit-inline-box;
2319
- display: -webkit-inline-flex;
2320
- display: -moz-inline-box;
2321
- display: -ms-inline-flexbox;
2322
- display: inline-flex; }
2323
-
2324
- .premium-title-style7 {
2325
- -js-display: inline-flex;
2326
- display: -webkit-inline-box;
2327
- display: -webkit-inline-flex;
2328
- display: -moz-inline-box;
2329
- display: -ms-inline-flexbox;
2330
- display: inline-flex;
2331
- -webkit-box-orient: vertical;
2332
- -webkit-box-direction: normal;
2333
- -webkit-flex-direction: column;
2334
- -moz-box-orient: vertical;
2335
- -moz-box-direction: normal;
2336
- -ms-flex-direction: column;
2337
- flex-direction: column; }
2338
- .premium-title-style7 .premium-title-style7-inner {
2339
- -js-display: flex;
2340
- display: -webkit-box;
2341
- display: -webkit-flex;
2342
- display: -moz-box;
2343
- display: -ms-flexbox;
2344
- display: flex;
2345
- -webkit-box-align: center;
2346
- -webkit-align-items: center;
2347
- -moz-box-align: center;
2348
- -ms-flex-align: center;
2349
- align-items: center; }
2350
-
2351
- .premium-title-style1 {
2352
- border-left: 3px solid #6ec1e4; }
2353
-
2354
- .premium-title-container.style2, .premium-title-container.style4, .premium-title-container.style5, .premium-title-container.style6 {
2355
- border-bottom: 3px solid #6ec1e4; }
2356
-
2357
- /*Style 6 Header*/
2358
- .premium-title-style6:before {
2359
- position: absolute;
2360
- left: 50%;
2361
- bottom: 0;
2362
- margin-left: -2px;
2363
- content: "";
2364
- border: 3px solid transparent; }
2365
-
2366
- /*Style 6 Trinagle*/
2367
- .premium-title-style7-stripe-wrap {
2368
- -js-display: flex;
2369
- display: -webkit-box;
2370
- display: -webkit-flex;
2371
- display: -moz-box;
2372
- display: -ms-flexbox;
2373
- display: flex; }
2374
-
2375
- .premium-title-style7:before {
2376
- display: none; }
2377
-
2378
- .premium-title-style8 .premium-title-text[data-animation="shiny"] {
2379
- -webkit-background-size: 125px 125px !important;
2380
- background-size: 125px !important;
2381
- color: rgba(255, 255, 255, 0);
2382
- -webkit-background-clip: text !important;
2383
- background-clip: text !important;
2384
- -webkit-animation-name: shining_title !important;
2385
- animation-name: shining_title !important;
2386
- -webkit-animation-duration: var(--animation-speed) !important;
2387
- animation-duration: var(--animation-speed) !important;
2388
- -webkit-animation-iteration-count: infinite !important;
2389
- animation-iteration-count: infinite !important;
2390
- 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; }
2391
-
2392
- @-webkit-keyframes shining_title {
2393
- 0% {
2394
- background-position: 0%; }
2395
- 100% {
2396
- background-position: 200%; } }
2397
-
2398
- @keyframes shining_title {
2399
- 0% {
2400
- background-position: 0%; }
2401
- 100% {
2402
- background-position: 200%; } }
2403
-
2404
- .premium-title-style9[data-animation-blur="process"] .premium-title-style9-letter {
2405
- -webkit-animation: premium_blurshadow 2s 1 alternate;
2406
- animation: premium_blurshadow 2s 1 alternate; }
2407
-
2408
- @-webkit-keyframes premium_blurshadow {
2409
- from {
2410
- text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
2411
- color: transparent; }
2412
- to {
2413
- text-shadow: 0; } }
2414
-
2415
- @keyframes premium_blurshadow {
2416
- from {
2417
- text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
2418
- color: transparent; }
2419
- to {
2420
- text-shadow: 0; } }
2421
-
2422
- /*
2423
- * Common Title/Dual Heading
2424
- */
2425
- .premium-title-bg-text:before {
2426
- position: absolute;
2427
- content: attr(data-background);
2428
- top: 0;
2429
- left: 0;
2430
- text-align: left; }
2431
-
2432
- /**************** Premium Video Box ************/
2433
- /***********************************************/
2434
- .premium-video-box-transform {
2435
- -webkit-transform: none !important;
2436
- -ms-transform: none !important;
2437
- transform: none !important; }
2438
-
2439
- .premium-video-box-container > div {
2440
- position: relative; }
2441
-
2442
- .pa-aspect-ratio-11 .premium-video-box-container > div {
2443
- padding-bottom: 100%; }
2444
-
2445
- .pa-aspect-ratio-169 .premium-video-box-container > div {
2446
- padding-bottom: 56.25%; }
2447
-
2448
- .pa-aspect-ratio-43 .premium-video-box-container > div {
2449
- padding-bottom: 75%; }
2450
-
2451
- .pa-aspect-ratio-32 .premium-video-box-container > div {
2452
- padding-bottom: 66.6666%; }
2453
-
2454
- .pa-aspect-ratio-219 .premium-video-box-container > div {
2455
- padding-bottom: 42.8571%; }
2456
-
2457
- .pa-aspect-ratio-916 .premium-video-box-container > div {
2458
- padding-bottom: 177.8%; }
2459
-
2460
- .premium-video-box-image-container {
2461
- position: absolute;
2462
- top: 0;
2463
- left: 0;
2464
- bottom: 0;
2465
- right: 0;
2466
- width: 100%;
2467
- height: 100%;
2468
- -webkit-background-size: cover;
2469
- background-size: cover;
2470
- background-position: 50%;
2471
- cursor: pointer;
2472
- margin: auto;
2473
- -webkit-transition: 0.2s all;
2474
- transition: 0.2s all; }
2475
-
2476
- .premium-video-box-play-icon-container {
2477
- position: absolute;
2478
- z-index: 2;
2479
- cursor: pointer;
2480
- -webkit-transform: translate(-50%, -50%);
2481
- -ms-transform: translate(-50%, -50%);
2482
- transform: translate(-50%, -50%);
2483
- background: rgba(252, 252, 252, 0.35); }
2484
-
2485
- .premium-video-box-description-container {
2486
- position: absolute;
2487
- z-index: 2;
2488
- padding: 5px;
2489
- text-align: center;
2490
- cursor: pointer;
2491
- -webkit-transform: translate(-50%, -50%);
2492
- -ms-transform: translate(-50%, -50%);
2493
- transform: translate(-50%, -50%); }
2494
-
2495
- .premium-video-box-text {
2496
- margin-bottom: 0 !important;
2497
- -webkit-transition: all 0.3s ease-in-out;
2498
- transition: all 0.3s ease-in-out; }
2499
-
2500
- .premium-video-box-play-icon {
2501
- padding: 15px;
2502
- -webkit-transform: translateX(4%);
2503
- -ms-transform: translateX(4%);
2504
- transform: translateX(4%);
2505
- -webkit-transition: all 0.3s ease-in-out;
2506
- transition: all 0.3s ease-in-out; }
2507
-
2508
- .premium-video-box-video-container {
2509
- position: absolute;
2510
- top: 0;
2511
- left: 0;
2512
- z-index: 2;
2513
- width: 100%;
2514
- height: 100%;
2515
- -webkit-transition: opacity 0.8s ease-in-out;
2516
- transition: opacity 0.8s ease-in-out;
2517
- overflow: hidden;
2518
- cursor: pointer; }
2519
-
2520
- .premium-video-box-container[data-overlay="true"][data-type="self"] .premium-video-box-video-container {
2521
- opacity: 0;
2522
- visibility: hidden; }
2523
-
2524
- .premium-video-box-video-container iframe {
2525
- max-width: 100%;
2526
- width: 100%;
2527
- height: 100%;
2528
- margin: 0;
2529
- line-height: 1;
2530
- border: none; }
2531
-
2532
- .premium-video-box-video-container video {
2533
- max-width: 100%;
2534
- width: 100%;
2535
- height: 100%;
2536
- margin: 0;
2537
- line-height: 1;
2538
- border: none;
2539
- background-color: #000;
2540
- -o-object-fit: contain;
2541
- object-fit: contain; }
2542
-
2543
- .premium-video-box-container .premium-video-box-vimeo-wrap {
2544
- -js-display: flex;
2545
- display: -webkit-box;
2546
- display: -webkit-flex;
2547
- display: -moz-box;
2548
- display: -ms-flexbox;
2549
- display: flex;
2550
- position: absolute;
2551
- top: 0;
2552
- left: 0;
2553
- z-index: 3;
2554
- margin: 10px;
2555
- margin-right: 10px;
2556
- -webkit-transition: opacity 0.2s ease-out;
2557
- transition: opacity 0.2s ease-out;
2558
- margin-right: 4.6em; }
2559
-
2560
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-portrait {
2561
- width: 60px;
2562
- height: 60px;
2563
- background: rgba(23, 35, 34, 0.75);
2564
- margin-right: 1px;
2565
- -webkit-box-flex: 1;
2566
- -webkit-flex: 1 0 auto;
2567
- -moz-box-flex: 1;
2568
- -ms-flex: 1 0 auto;
2569
- flex: 1 0 auto;
2570
- padding: 0; }
2571
-
2572
- .premium-video-box-vimeo-portrait img {
2573
- width: 50px;
2574
- height: 50px;
2575
- margin: 5px;
2576
- padding: 0;
2577
- border: 0;
2578
- -webkit-border-radius: 50%;
2579
- border-radius: 50%; }
2580
-
2581
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-headers {
2582
- font-size: 10px; }
2583
-
2584
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-title {
2585
- max-width: 100%;
2586
- font-size: 2em !important;
2587
- font-weight: 700;
2588
- margin: 0;
2589
- padding: 0.1em 0.2em;
2590
- background: rgba(23, 35, 34, 0.75);
2591
- display: inline-block;
2592
- text-transform: none;
2593
- line-height: normal;
2594
- letter-spacing: normal; }
2595
-
2596
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-byline {
2597
- font-size: 1.2em !important;
2598
- font-weight: 400;
2599
- color: #fff;
2600
- margin-top: 0.1em;
2601
- padding: 0.2em 0.5em;
2602
- background: rgba(23, 35, 34, 0.75);
2603
- text-transform: none;
2604
- line-height: normal;
2605
- letter-spacing: normal; }
2606
-
2607
- .premium-video-box-playlist-container {
2608
- -js-display: flex;
2609
- display: -webkit-box;
2610
- display: -webkit-flex;
2611
- display: -moz-box;
2612
- display: -ms-flexbox;
2613
- display: flex;
2614
- -webkit-flex-wrap: wrap;
2615
- -ms-flex-wrap: wrap;
2616
- flex-wrap: wrap; }
2617
- .premium-video-box-playlist-container .premium-video-box-container {
2618
- height: 100%;
2619
- overflow: hidden; }
2620
-
2621
- .premium-video-box-container:hover .premium-video-box-image-container.zoomin {
2622
- -webkit-transform: scale(1.1);
2623
- -ms-transform: scale(1.1);
2624
- transform: scale(1.1); }
2625
-
2626
- .premium-video-box-container:hover .premium-video-box-image-container.zoomout {
2627
- -webkit-transform: scale(1);
2628
- -ms-transform: scale(1);
2629
- transform: scale(1); }
2630
-
2631
- .premium-video-box-container:hover .premium-video-box-image-container.scale {
2632
- -webkit-transform: scale(1.3) rotate(5deg);
2633
- -ms-transform: scale(1.3) rotate(5deg);
2634
- transform: scale(1.3) rotate(5deg); }
2635
-
2636
- .premium-video-box-container:hover .premium-video-box-image-container.gray {
2637
- -webkit-filter: grayscale(0%);
2638
- filter: grayscale(0%); }
2639
-
2640
- .premium-video-box-container:hover .premium-video-box-image-container.blur {
2641
- -webkit-filter: blur(3px);
2642
- filter: blur(3px); }
2643
-
2644
- .premium-video-box-container:hover .premium-video-box-image-container.sepia {
2645
- -webkit-filter: sepia(0%);
2646
- filter: sepia(0%); }
2647
-
2648
- .premium-video-box-container:hover .premium-video-box-image-container.trans {
2649
- -webkit-transform: translateX(0px) scale(1.1);
2650
- -ms-transform: translateX(0px) scale(1.1);
2651
- transform: translateX(0px) scale(1.1); }
2652
-
2653
- .premium-video-box-container:hover .premium-video-box-image-container.bright {
2654
- -webkit-filter: brightness(1.2);
2655
- filter: brightness(1.2); }
2656
-
2657
- .premium-video-box-image-container.gray {
2658
- -webkit-filter: grayscale(100%);
2659
- filter: grayscale(100%); }
2660
-
2661
- .premium-video-box-image-container.zoomout, .premium-video-box-image-container.scale {
2662
- -webkit-transform: scale(1.2);
2663
- -ms-transform: scale(1.2);
2664
- transform: scale(1.2); }
2665
-
2666
- .premium-video-box-image-container.sepia {
2667
- -webkit-filter: sepia(30%);
2668
- filter: sepia(30%); }
2669
-
2670
- .premium-video-box-image-container.bright {
2671
- -webkit-filter: brightness(1);
2672
- filter: brightness(1); }
2673
-
2674
- .premium-video-box-image-container.trans {
2675
- -webkit-transform: translateX(-15px) scale(1.1);
2676
- -ms-transform: translateX(-15px) scale(1.1);
2677
- transform: translateX(-15px) scale(1.1); }
2678
-
2679
- .premium-video-box-mask-media {
2680
- -webkit-mask-repeat: no-repeat;
2681
- mask-repeat: no-repeat; }
2682
-
2683
- /* Sticky Video Option */
2684
- .premium-video-box-container.premium-video-box-sticky-apply {
2685
- z-index: 99;
2686
- overflow: unset; }
2687
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
2688
- position: fixed !important;
2689
- z-index: 99999;
2690
- height: 225px;
2691
- width: 400px;
2692
- background: #fff; }
2693
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-vimeo-wrap,
2694
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-container:before {
2695
- visibility: hidden; }
2696
- .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 {
2697
- -webkit-box-shadow: unset;
2698
- box-shadow: unset; }
2699
-
2700
- .premium-video-box-sticky-close,
2701
- .premium-video-box-sticky-infobar {
2702
- display: none; }
2703
-
2704
- .premium-video-box-sticky-apply .premium-video-box-sticky-close {
2705
- position: absolute;
2706
- padding: 5px;
2707
- cursor: pointer;
2708
- z-index: 99999;
2709
- height: 14px;
2710
- width: 14px;
2711
- -webkit-box-sizing: content-box;
2712
- -moz-box-sizing: content-box;
2713
- box-sizing: content-box;
2714
- -webkit-border-radius: 100%;
2715
- border-radius: 100%;
2716
- -js-display: flex;
2717
- display: -webkit-box;
2718
- display: -webkit-flex;
2719
- display: -moz-box;
2720
- display: -ms-flexbox;
2721
- display: flex;
2722
- -webkit-box-pack: center;
2723
- -webkit-justify-content: center;
2724
- -moz-box-pack: center;
2725
- -ms-flex-pack: center;
2726
- justify-content: center;
2727
- -webkit-box-align: center;
2728
- -webkit-align-items: center;
2729
- -moz-box-align: center;
2730
- -ms-flex-align: center;
2731
- align-items: center; }
2732
-
2733
- .premium-video-box-sticky-apply .premium-video-box-play-icon-container {
2734
- -js-display: flex;
2735
- display: -webkit-box;
2736
- display: -webkit-flex;
2737
- display: -moz-box;
2738
- display: -ms-flexbox;
2739
- display: flex; }
2740
-
2741
- .premium-video-box-sticky-apply .premium-video-box-play-icon {
2742
- -webkit-transition: none;
2743
- transition: none; }
2744
-
2745
- .premium-video-box-sticky-apply .premium-video-box-sticky-infobar {
2746
- display: block;
2747
- position: relative;
2748
- top: 100%;
2749
- width: 100%;
2750
- padding: 5px;
2751
- text-align: center;
2752
- z-index: 9999;
2753
- margin-top: -1px; }
2754
-
2755
- .premium-video-box-sticky-apply .premium-video-box-inner-wrap.ui-draggable {
2756
- cursor: move; }
2757
-
2758
- .premium-video-sticky-top-left
2759
- .premium-video-box-container.premium-video-box-sticky-apply
2760
- .premium-video-box-inner-wrap {
2761
- right: auto;
2762
- left: 20px;
2763
- top: 20px; }
2764
-
2765
- .premium-video-sticky-bottom-left
2766
- .premium-video-box-container.premium-video-box-sticky-apply
2767
- .premium-video-box-inner-wrap {
2768
- right: auto;
2769
- left: 20px;
2770
- bottom: 20px; }
2771
-
2772
- .premium-video-sticky-top-right
2773
- .premium-video-box-container.premium-video-box-sticky-apply
2774
- .premium-video-box-inner-wrap {
2775
- left: auto;
2776
- right: 20px;
2777
- top: 20px; }
2778
-
2779
- .premium-video-sticky-bottom-right
2780
- .premium-video-box-container.premium-video-box-sticky-apply
2781
- .premium-video-box-inner-wrap {
2782
- left: auto;
2783
- right: 20px;
2784
- bottom: 20px; }
2785
-
2786
- .premium-video-sticky-center-left
2787
- .premium-video-box-container.premium-video-box-sticky-apply
2788
- .premium-video-box-inner-wrap {
2789
- right: auto;
2790
- left: 20px;
2791
- top: 50%;
2792
- -webkit-transform: translateY(-50%);
2793
- -ms-transform: translateY(-50%);
2794
- transform: translateY(-50%); }
2795
-
2796
- .premium-video-sticky-center-right
2797
- .premium-video-box-container.premium-video-box-sticky-apply
2798
- .premium-video-box-inner-wrap {
2799
- left: auto;
2800
- right: 20px;
2801
- top: 50%;
2802
- -webkit-transform: translateY(-50%);
2803
- -ms-transform: translateY(-50%);
2804
- transform: translateY(-50%); }
2805
-
2806
- .premium-video-sticky-bottom-right
2807
- .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply
2808
- .premium-video-box-inner-wrap,
2809
- .premium-video-sticky-bottom-left
2810
- .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply
2811
- .premium-video-box-inner-wrap {
2812
- bottom: 55px; }
2813
-
2814
- .premium-video-sticky-top-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
2815
- .premium-video-sticky-bottom-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
2816
- .premium-video-sticky-center-left .premium-video-box-sticky-apply .premium-video-box-sticky-close {
2817
- top: -10px;
2818
- right: -10px; }
2819
-
2820
- .premium-video-sticky-top-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
2821
- .premium-video-sticky-bottom-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
2822
- .premium-video-sticky-center-right .premium-video-box-sticky-apply .premium-video-box-sticky-close {
2823
- top: -10px;
2824
- left: -10px; }
2825
-
2826
- .premium-video-box-filter-sticky {
2827
- -webkit-filter: none !important;
2828
- filter: none !important; }
2829
-
2830
- /**************** Premium Blog *****************/
2831
- /***********************************************/
2832
- .premium-blog-thumb-effect-wrapper {
2833
- position: relative;
2834
- overflow: hidden; }
2835
-
2836
- .premium-blog-effect-container:not(.premium-blog-bordered-effect) .premium-blog-post-link {
2837
- position: absolute;
2838
- top: 0;
2839
- left: 0;
2840
- width: 100%;
2841
- height: 100%;
2842
- z-index: 2;
2843
- padding: 20px; }
2844
-
2845
- .premium-blog-bordered-effect .premium-blog-post-link {
2846
- display: block;
2847
- height: 100%;
2848
- position: relative; }
2849
-
2850
- /*Thumbnail Img*/
2851
- .premium-blog-thumbnail-container {
2852
- overflow: hidden; }
2853
- .premium-blog-thumbnail-container img,
2854
- .premium-blog-thumbnail-container .below-entry-meta {
2855
- width: 100%;
2856
- height: 100%;
2857
- margin: 0 !important;
2858
- -webkit-transition: all 0.4s ease-in-out;
2859
- transition: all 0.4s ease-in-out; }
2860
-
2861
- .premium-blog-thumb-effect-wrapper .premium-blog-zoomout-effect img,
2862
- .premium-blog-thumb-effect-wrapper .premium-blog-scale-effect img {
2863
- -webkit-transform: scale(1.2);
2864
- -ms-transform: scale(1.2);
2865
- transform: scale(1.2); }
2866
-
2867
- .premium-blog-thumb-effect-wrapper .premium-blog-sepia-effect img {
2868
- -webkit-filter: sepia(30%);
2869
- filter: sepia(30%); }
2870
-
2871
- .premium-blog-thumb-effect-wrapper .premium-blog-bright-effect img {
2872
- -webkit-filter: brightness(1);
2873
- filter: brightness(1); }
2874
-
2875
- .premium-blog-thumb-effect-wrapper .premium-blog-trans-effect img {
2876
- -webkit-transform: translateX(-15px) scale(1.1);
2877
- -ms-transform: translateX(-15px) scale(1.1);
2878
- transform: translateX(-15px) scale(1.1); }
2879
-
2880
- .premium-blog-post-outer-container:hover .premium-blog-zoomin-effect img {
2881
- -webkit-transform: scale(1.2);
2882
- -ms-transform: scale(1.2);
2883
- transform: scale(1.2); }
2884
-
2885
- .premium-blog-post-outer-container:hover .premium-blog-zoomout-effect img {
2886
- -webkit-transform: scale(1.1);
2887
- -ms-transform: scale(1.1);
2888
- transform: scale(1.1); }
2889
-
2890
- .premium-blog-post-outer-container:hover .premium-blog-scale-effect img {
2891
- -webkit-transform: scale(1.3) rotate(5deg);
2892
- -ms-transform: scale(1.3) rotate(5deg);
2893
- transform: scale(1.3) rotate(5deg); }
2894
-
2895
- .premium-blog-post-outer-container:hover .premium-blog-gray-effect img {
2896
- -webkit-filter: grayscale(100%);
2897
- filter: grayscale(100%); }
2898
-
2899
- .premium-blog-post-outer-container:hover .premium-blog-blur-effect img {
2900
- -webkit-filter: blur(3px);
2901
- filter: blur(3px); }
2902
-
2903
- .premium-blog-post-outer-container:hover .premium-blog-sepia-effect img {
2904
- -webkit-filter: sepia(0%);
2905
- filter: sepia(0%); }
2906
-
2907
- .premium-blog-post-outer-container:hover .premium-blog-bright-effect img {
2908
- -webkit-filter: brightness(1.2);
2909
- filter: brightness(1.2); }
2910
-
2911
- .premium-blog-post-outer-container:hover .premium-blog-trans-effect img {
2912
- -webkit-transform: translateX(0px) scale(1.1);
2913
- -ms-transform: translateX(0px) scale(1.1);
2914
- transform: translateX(0px) scale(1.1); }
2915
-
2916
- .premium-blog-post-container {
2917
- overflow: hidden; }
2918
- .premium-blog-post-container .premium-blog-inner-container {
2919
- -js-display: flex;
2920
- display: -webkit-box;
2921
- display: -webkit-flex;
2922
- display: -moz-box;
2923
- display: -ms-flexbox;
2924
- display: flex; }
2925
- .premium-blog-post-container .premium-blog-post-content {
2926
- line-height: 1.5em;
2927
- color: #777;
2928
- font-size: 14px;
2929
- margin-bottom: 10px; }
2930
- .premium-blog-post-container ul.post-categories a:hover, .premium-blog-post-container ul.post-categories a:focus,
2931
- .premium-blog-post-container .premium-blog-post-link:hover,
2932
- .premium-blog-post-container .premium-blog-post-link:focus {
2933
- -webkit-box-shadow: none !important;
2934
- box-shadow: none !important;
2935
- outline: none !important; }
2936
- .premium-blog-post-container .premium-blog-entry-title {
2937
- font-size: 18px;
2938
- margin-bottom: 5px; }
2939
- .premium-blog-post-container.premium-blog-skin-modern .premium-blog-content-wrapper {
2940
- position: relative;
2941
- z-index: 3;
2942
- top: -50px; }
2943
- .premium-blog-post-container .premium-blog-content-wrapper {
2944
- background-color: #f5f5f5;
2945
- padding: 30px; }
2946
- .premium-blog-post-container .premium-blog-content-wrapper.empty-thumb {
2947
- top: 0; }
2948
- .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 {
2949
- position: absolute;
2950
- content: "";
2951
- z-index: 1;
2952
- top: 50%;
2953
- left: 50%;
2954
- opacity: 0;
2955
- -webkit-transform: translate(-50%, -50%);
2956
- -ms-transform: translate(-50%, -50%);
2957
- transform: translate(-50%, -50%);
2958
- -webkit-transition: all 0.4s linear 0s;
2959
- transition: all 0.4s linear 0s;
2960
- height: 1px;
2961
- width: 100%;
2962
- background-color: #fff; }
2963
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before {
2964
- width: 1px;
2965
- height: 100%; }
2966
- .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 {
2967
- width: 20px;
2968
- opacity: 1; }
2969
- .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 {
2970
- height: 20px;
2971
- opacity: 1; }
2972
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-content-wrapper {
2973
- margin: 0px 10px 20px;
2974
- clear: both; }
2975
- .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 {
2976
- position: absolute;
2977
- top: 0;
2978
- left: 0;
2979
- width: 100%;
2980
- height: 100%;
2981
- -webkit-transition: all 0.3s ease-in-out;
2982
- transition: all 0.3s ease-in-out;
2983
- opacity: 0; }
2984
- .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 {
2985
- -js-display: flex;
2986
- display: -webkit-box;
2987
- display: -webkit-flex;
2988
- display: -moz-box;
2989
- display: -ms-flexbox;
2990
- display: flex;
2991
- -webkit-box-pack: center;
2992
- -webkit-justify-content: center;
2993
- -moz-box-pack: center;
2994
- -ms-flex-pack: center;
2995
- justify-content: center;
2996
- -webkit-box-align: center;
2997
- -webkit-align-items: center;
2998
- -moz-box-align: center;
2999
- -ms-flex-align: center;
3000
- align-items: center;
3001
- width: 100%;
3002
- height: 100%; }
3003
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay span,
3004
- .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,
3005
- .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,
3006
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay i {
3007
- -webkit-transition: all 0.3s ease-in-out;
3008
- transition: all 0.3s ease-in-out; }
3009
- .premium-blog-post-container.premium-blog-skin-side {
3010
- -js-display: flex;
3011
- display: -webkit-box;
3012
- display: -webkit-flex;
3013
- display: -moz-box;
3014
- display: -ms-flexbox;
3015
- display: flex; }
3016
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-container {
3017
- height: 100%; }
3018
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-content-wrapper {
3019
- -webkit-box-flex: 1;
3020
- -webkit-flex: 1;
3021
- -moz-box-flex: 1;
3022
- -ms-flex: 1;
3023
- flex: 1; }
3024
- .premium-blog-post-container.premium-blog-skin-banner {
3025
- position: relative; }
3026
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper {
3027
- position: absolute;
3028
- width: 100%;
3029
- bottom: 0;
3030
- -js-display: flex;
3031
- display: -webkit-box;
3032
- display: -webkit-flex;
3033
- display: -moz-box;
3034
- display: -ms-flexbox;
3035
- display: flex;
3036
- -webkit-box-orient: vertical;
3037
- -webkit-box-direction: normal;
3038
- -webkit-flex-direction: column;
3039
- -moz-box-orient: vertical;
3040
- -moz-box-direction: normal;
3041
- -ms-flex-direction: column;
3042
- flex-direction: column;
3043
- background-color: transparent;
3044
- z-index: 3; }
3045
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper-inner {
3046
- -webkit-transition: -webkit-transform 0.3s ease-in-out;
3047
- transition: -webkit-transform 0.3s ease-in-out;
3048
- transition: transform 0.3s ease-in-out;
3049
- transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; }
3050
- .premium-blog-post-container.premium-blog-skin-banner:hover .premium-blog-content-wrapper-inner {
3051
- -webkit-transform: translateY(-5px);
3052
- -ms-transform: translateY(-5px);
3053
- transform: translateY(-5px); }
3054
- .premium-blog-post-container .premium-blog-cats-container ul.post-categories {
3055
- margin: 0;
3056
- padding: 0;
3057
- list-style: none;
3058
- -js-display: flex;
3059
- display: -webkit-box;
3060
- display: -webkit-flex;
3061
- display: -moz-box;
3062
- display: -ms-flexbox;
3063
- display: flex; }
3064
- .premium-blog-post-container .premium-blog-cats-container a {
3065
- display: block;
3066
- font-size: 12px;
3067
- color: #fff;
3068
- background-color: #777;
3069
- margin: 0 3px 10px 0;
3070
- padding: 5px;
3071
- -webkit-transition: all 0.3s ease-in-out;
3072
- transition: all 0.3s ease-in-out; }
3073
-
3074
- /*
3075
- * Diagonal Effect
3076
- */
3077
- .premium-blog-diagonal-container {
3078
- position: absolute;
3079
- top: 0;
3080
- left: 0;
3081
- width: 100%;
3082
- height: 100%; }
3083
-
3084
- .premium-blog-diagonal-effect:before {
3085
- position: absolute;
3086
- top: 0px;
3087
- left: 0px;
3088
- width: 100%;
3089
- height: 100%;
3090
- content: " ";
3091
- z-index: 1;
3092
- background: rgba(255, 255, 255, 0.2);
3093
- -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
3094
- transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
3095
- -webkit-transition: all 0.3s linear 0s;
3096
- transition: all 0.3s linear 0s; }
3097
-
3098
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-diagonal-effect:before {
3099
- -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
3100
- transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); }
3101
-
3102
- /*
3103
- * Framed Effect
3104
- */
3105
- .premium-blog-framed-effect {
3106
- position: absolute;
3107
- width: -webkit-calc(100% - 30px);
3108
- width: calc(100% - 30px);
3109
- height: -webkit-calc(100% - 30px);
3110
- height: calc(100% - 30px);
3111
- top: 15px;
3112
- left: 15px;
3113
- opacity: 0;
3114
- -webkit-transform: scale(0.3);
3115
- -ms-transform: scale(0.3);
3116
- transform: scale(0.3);
3117
- -webkit-transition: all 0.3s linear 0s;
3118
- transition: all 0.3s linear 0s; }
3119
-
3120
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-framed-effect {
3121
- opacity: 0.99;
3122
- -webkit-transform: scale(1);
3123
- -ms-transform: scale(1);
3124
- transform: scale(1); }
3125
-
3126
- /*
3127
- * Bordered Effect
3128
- */
3129
- .premium-blog-bordered-effect {
3130
- position: absolute;
3131
- top: 0;
3132
- left: 0;
3133
- width: 100%;
3134
- height: 100%;
3135
- opacity: 0;
3136
- padding: 15px;
3137
- -webkit-transition: all 0.3s linear 0s;
3138
- transition: all 0.3s linear 0s; }
3139
- .premium-blog-bordered-effect .premium-blog-post-link:before, .premium-blog-bordered-effect .premium-blog-post-link:after {
3140
- content: "";
3141
- display: block;
3142
- position: absolute;
3143
- top: 0;
3144
- left: 0;
3145
- width: 100%;
3146
- height: 100%;
3147
- -webkit-transition: all 0.5s linear 0s;
3148
- transition: all 0.5s linear 0s;
3149
- -webkit-transition-delay: 0s;
3150
- transition-delay: 0s;
3151
- border-color: rgba(255, 255, 255, 0.45); }
3152
- .premium-blog-bordered-effect .premium-blog-post-link:before {
3153
- border-right: 2px solid;
3154
- border-left: 2px solid;
3155
- -webkit-transform: scale(1, 0);
3156
- -ms-transform: scale(1, 0);
3157
- transform: scale(1, 0);
3158
- -webkit-transform-origin: 100% 0;
3159
- -ms-transform-origin: 100% 0;
3160
- transform-origin: 100% 0; }
3161
- .premium-blog-bordered-effect .premium-blog-post-link:after {
3162
- border-top: 2px solid;
3163
- border-bottom: 2px solid;
3164
- -webkit-transform: scale(0, 1);
3165
- -ms-transform: scale(0, 1);
3166
- transform: scale(0, 1);
3167
- -webkit-transform-origin: 0 0;
3168
- -ms-transform-origin: 0 0;
3169
- transform-origin: 0 0; }
3170
-
3171
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect {
3172
- opacity: 0.99; }
3173
- .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 {
3174
- -webkit-transition-delay: 0.15s;
3175
- transition-delay: 0.15s;
3176
- opacity: 1;
3177
- -webkit-transform: scale(1);
3178
- -ms-transform: scale(1);
3179
- transform: scale(1); }
3180
-
3181
- /*
3182
- * Squares Effect
3183
- */
3184
- .premium-blog-squares-effect,
3185
- .premium-blog-squares-square-container {
3186
- position: absolute;
3187
- top: 0;
3188
- left: 0;
3189
- width: 100%;
3190
- height: 100%; }
3191
-
3192
- .premium-blog-squares-effect:before, .premium-blog-squares-effect:after {
3193
- position: absolute;
3194
- content: "";
3195
- top: 0;
3196
- left: 0;
3197
- width: 50%;
3198
- height: 50%;
3199
- -webkit-transform: translate(-100%, -100%);
3200
- -ms-transform: translate(-100%, -100%);
3201
- transform: translate(-100%, -100%);
3202
- opacity: 0.7;
3203
- -webkit-transition: all 0.3s linear 0s;
3204
- transition: all 0.3s linear 0s; }
3205
-
3206
- .premium-blog-squares-square-container:before, .premium-blog-squares-square-container:after {
3207
- position: absolute;
3208
- content: "";
3209
- top: 0;
3210
- left: 0;
3211
- width: 50%;
3212
- height: 50%;
3213
- -webkit-transform: translate(-100%, -100%);
3214
- -ms-transform: translate(-100%, -100%);
3215
- transform: translate(-100%, -100%);
3216
- opacity: 0.7;
3217
- -webkit-transition: all 0.3s linear 0s;
3218
- transition: all 0.3s linear 0s; }
3219
-
3220
- .premium-blog-squares-square-container:before, .premium-blog-squares-square-container:after {
3221
- opacity: 0.8; }
3222
-
3223
- .premium-blog-squares-effect:after {
3224
- -webkit-transform: translate(200%, 200%);
3225
- -ms-transform: translate(200%, 200%);
3226
- transform: translate(200%, 200%); }
3227
-
3228
- .premium-blog-squares-square-container:before {
3229
- -webkit-transform: translate(-100%, 200%);
3230
- -ms-transform: translate(-100%, 200%);
3231
- transform: translate(-100%, 200%); }
3232
-
3233
- .premium-blog-squares-square-container:after {
3234
- -webkit-transform: translate(200%, -100%);
3235
- -ms-transform: translate(200%, -100%);
3236
- transform: translate(200%, -100%); }
3237
-
3238
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:before {
3239
- -webkit-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
3240
- -ms-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
3241
- transform: translate(0, 0%) scaleY(1.003) scaleX(1.003); }
3242
-
3243
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:after {
3244
- -webkit-transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003);
3245
- -ms-transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003);
3246
- transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003); }
3247
-
3248
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:before {
3249
- -webkit-transform: translate(0, 100%);
3250
- -ms-transform: translate(0, 100%);
3251
- transform: translate(0, 100%); }
3252
-
3253
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:after {
3254
- -webkit-transform: translate(100%, 0%);
3255
- -ms-transform: translate(100%, 0%);
3256
- transform: translate(100%, 0%); }
3257
-
3258
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay {
3259
- opacity: 1; }
3260
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay a {
3261
- opacity: 1;
3262
- -webkit-transform: scale(1);
3263
- -ms-transform: scale(1);
3264
- transform: scale(1); }
3265
-
3266
- .premium-blog-clear-fix {
3267
- clear: both; }
3268
-
3269
- /*Post Format Container*/
3270
- .premium-blog-format-link {
3271
- padding: 5px;
3272
- line-height: 0; }
3273
-
3274
- /*Post Format Icon*/
3275
- /*Post Format Content Margin */
3276
- .premium-blog-entry-meta {
3277
- line-height: 1.3em;
3278
- font-size: 12px;
3279
- margin-bottom: 13px;
3280
- color: #adadad; }
3281
- .premium-blog-entry-meta i {
3282
- margin-right: 3px;
3283
- -webkit-transition: all 0.3s ease-in-out;
3284
- transition: all 0.3s ease-in-out; }
3285
-
3286
- .premium-blog-meta-data {
3287
- display: inline-block; }
3288
- .premium-blog-meta-data .premium-blog-meta-separator {
3289
- margin: 0 5px; }
3290
- .premium-blog-meta-data a,
3291
- .premium-blog-meta-data span {
3292
- color: inherit;
3293
- -webkit-transition: all 0.3s ease-in-out;
3294
- transition: all 0.3s ease-in-out; }
3295
-
3296
- .premium-blog-author-thumbnail {
3297
- position: relative;
3298
- padding: 0 30px;
3299
- width: 100%;
3300
- top: -10px;
3301
- height: 0;
3302
- pointer-events: none; }
3303
- .premium-blog-author-thumbnail img {
3304
- -webkit-border-radius: 50%;
3305
- border-radius: 50%;
3306
- width: 60px;
3307
- pointer-events: all;
3308
- -webkit-transform: translateY(-50%);
3309
- -ms-transform: translateY(-50%);
3310
- transform: translateY(-50%); }
3311
-
3312
- .premium-blog-entry-title a,
3313
- .premium-blog-post-tags-container a,
3314
- .premium-blog-post-content .premium-blog-excerpt-link {
3315
- -webkit-transition: all 0.3s ease-in-out;
3316
- transition: all 0.3s ease-in-out; }
3317
-
3318
- .premium-blog-excerpt-link-wrap a.premium-blog-excerpt-link {
3319
- background-color: transparent;
3320
- color: #54595f;
3321
- padding: 0; }
3322
-
3323
- .premium-blog-cta-full-yes .premium-blog-excerpt-link {
3324
- width: 100%; }
3325
-
3326
- .premium-blog-post-tags-container {
3327
- margin-top: 8px;
3328
- -js-display: flex;
3329
- display: -webkit-box;
3330
- display: -webkit-flex;
3331
- display: -moz-box;
3332
- display: -ms-flexbox;
3333
- display: flex;
3334
- -webkit-box-align: center;
3335
- -webkit-align-items: center;
3336
- -moz-box-align: center;
3337
- -ms-flex-align: center;
3338
- align-items: center;
3339
- -webkit-flex-wrap: wrap;
3340
- -ms-flex-wrap: wrap;
3341
- flex-wrap: wrap; }
3342
- .premium-blog-post-tags-container a {
3343
- color: inherit;
3344
- margin-left: 5px; }
3345
-
3346
- /*Tags align*/
3347
- .premium-blog-align-left .post-categories,
3348
- .premium-blog-align-left .premium-blog-inner-container,
3349
- .premium-blog-align-left .premium-blog-post-tags-container {
3350
- -webkit-box-pack: start;
3351
- -webkit-justify-content: flex-start;
3352
- -moz-box-pack: start;
3353
- -ms-flex-pack: start;
3354
- justify-content: flex-start; }
3355
-
3356
- .premium-blog-align-center .post-categories,
3357
- .premium-blog-align-center .premium-blog-inner-container,
3358
- .premium-blog-align-center .premium-blog-post-tags-container {
3359
- -webkit-box-pack: center;
3360
- -webkit-justify-content: center;
3361
- -moz-box-pack: center;
3362
- -ms-flex-pack: center;
3363
- justify-content: center; }
3364
-
3365
- .premium-blog-align-right .post-categories,
3366
- .premium-blog-align-right .premium-blog-inner-container,
3367
- .premium-blog-align-right .premium-blog-post-tags-container {
3368
- -webkit-box-pack: end;
3369
- -webkit-justify-content: flex-end;
3370
- -moz-box-pack: end;
3371
- -ms-flex-pack: end;
3372
- justify-content: flex-end; }
3373
-
3374
- /* Pagination */
3375
- .premium-blog-pagination-container {
3376
- text-align: right; }
3377
- .premium-blog-pagination-container span {
3378
- cursor: default; }
3379
- .premium-blog-pagination-container .page-numbers {
3380
- display: inline-block;
3381
- color: #000;
3382
- line-height: 1;
3383
- font-size: 1em;
3384
- font-weight: 400;
3385
- text-decoration: none;
3386
- padding: 0.75em;
3387
- margin: 0 0.4em 0.4em 0;
3388
- -webkit-transition: all 0.2s ease-in-out;
3389
- transition: all 0.2s ease-in-out; }
3390
-
3391
- .premium-blog-wrap .premium-loading-feed {
3392
- display: block;
3393
- position: absolute;
3394
- width: 100%;
3395
- height: 100%;
3396
- top: 0px;
3397
- left: 0px;
3398
- bottom: 0px;
3399
- right: 0px;
3400
- background: rgba(255, 255, 255, 0.2);
3401
- -js-display: flex;
3402
- display: -webkit-box;
3403
- display: -webkit-flex;
3404
- display: -moz-box;
3405
- display: -ms-flexbox;
3406
- display: flex;
3407
- -webkit-box-align: center;
3408
- -webkit-align-items: center;
3409
- -moz-box-align: center;
3410
- -ms-flex-align: center;
3411
- align-items: center;
3412
- z-index: 99; }
3413
-
3414
- .premium-blog-wrap {
3415
- -js-display: flex;
3416
- display: -webkit-box;
3417
- display: -webkit-flex;
3418
- display: -moz-box;
3419
- display: -ms-flexbox;
3420
- display: flex;
3421
- -webkit-flex-wrap: wrap;
3422
- -ms-flex-wrap: wrap;
3423
- flex-wrap: wrap; }
3424
- .premium-blog-wrap ul.slick-dots {
3425
- width: 100%; }
3426
-
3427
- /*
3428
- * List Layout
3429
- */
3430
- .premium-blog-list .premium-blog-post-outer-container {
3431
- width: 100%; }
3432
-
3433
- /**
3434
- * Even Layout
3435
- */
3436
- .premium-blog-even .premium-blog-post-container {
3437
- height: 100%; }
3438
-
3439
- .premium-blog-even .slick-track {
3440
- -js-display: flex;
3441
- display: -webkit-box;
3442
- display: -webkit-flex;
3443
- display: -moz-box;
3444
- display: -ms-flexbox;
3445
- display: flex; }
3446
-
3447
- .premium-blog-even .slick-slide {
3448
- height: inherit !important; }
3449
-
3450
- /**
3451
- * Responsive Style
3452
- */
3453
- @media (max-width: 768px) {
3454
- .premium-blog-content-wrapper {
3455
- top: 0;
3456
- margin: 0;
3457
- padding: 15px; }
3458
- .premium-blog-skin-side {
3459
- -webkit-box-orient: vertical;
3460
- -webkit-box-direction: normal;
3461
- -webkit-flex-direction: column;
3462
- -moz-box-orient: vertical;
3463
- -moz-box-direction: normal;
3464
- -ms-flex-direction: column;
3465
- flex-direction: column; } }
3466
-
3467
- /************ Premium Team Members ************/
3468
- /*********************************************/
3469
- .premium-person-container {
3470
- position: relative; }
3471
-
3472
- .premium-person-image-container {
3473
- position: relative;
3474
- text-align: center; }
3475
- .premium-person-image-container .premium-person-image-wrap {
3476
- overflow: hidden; }
3477
-
3478
- .premium-person-zoomout-effect .premium-person-image-container img,
3479
- .premium-person-scale-effect .premium-person-image-container img {
3480
- -webkit-transform: scale(1.2);
3481
- -ms-transform: scale(1.2);
3482
- transform: scale(1.2); }
3483
-
3484
- .premium-person-sepia-effect .premium-person-image-container img {
3485
- -webkit-filter: sepia(30%);
3486
- filter: sepia(30%); }
3487
-
3488
- .premium-person-bright-effect .premium-person-image-container img {
3489
- -webkit-filter: brightness(1);
3490
- filter: brightness(1); }
3491
-
3492
- .premium-person-trans-effect .premium-person-image-container img {
3493
- -webkit-transform: translateX(-15px) scale(1.1);
3494
- -ms-transform: translateX(-15px) scale(1.1);
3495
- transform: translateX(-15px) scale(1.1); }
3496
-
3497
- .premium-person-zoomin-effect:hover .premium-person-image-container img {
3498
- -webkit-transform: scale(1.2);
3499
- -ms-transform: scale(1.2);
3500
- transform: scale(1.2); }
3501
-
3502
- .premium-person-zoomout-effect:hover .premium-person-image-container img {
3503
- -webkit-transform: scale(1.1);
3504
- -ms-transform: scale(1.1);
3505
- transform: scale(1.1); }
3506
-
3507
- .premium-person-scale-effect:hover .premium-person-image-container img {
3508
- -webkit-transform: scale(1.3) rotate(5deg);
3509
- -ms-transform: scale(1.3) rotate(5deg);
3510
- transform: scale(1.3) rotate(5deg); }
3511
-
3512
- .premium-person-grayscale-effect:hover .premium-person-image-container img {
3513
- -webkit-filter: grayscale(100%);
3514
- filter: grayscale(100%); }
3515
-
3516
- .premium-person-blur-effect:hover .premium-person-image-container img {
3517
- -webkit-filter: blur(3px);
3518
- filter: blur(3px); }
3519
-
3520
- .premium-person-sepia-effect:hover .premium-person-image-container img {
3521
- -webkit-filter: sepia(0%);
3522
- filter: sepia(0%); }
3523
-
3524
- .premium-person-bright-effect:hover .premium-person-image-container img {
3525
- -webkit-filter: brightness(1.2);
3526
- filter: brightness(1.2); }
3527
-
3528
- .premium-person-trans-effect:hover .premium-person-image-container img {
3529
- -webkit-transform: translateX(0px) scale(1.1);
3530
- -ms-transform: translateX(0px) scale(1.1);
3531
- transform: translateX(0px) scale(1.1); }
3532
-
3533
- .premium-person-container .premium-person-image-container img {
3534
- width: 100%;
3535
- height: 100%;
3536
- -o-object-fit: cover;
3537
- object-fit: cover;
3538
- -webkit-transition: all 0.5s ease-in-out;
3539
- transition: all 0.5s ease-in-out; }
3540
-
3541
- .premium-person-style2 .premium-person-social {
3542
- position: absolute;
3543
- top: 0;
3544
- left: 0;
3545
- width: 100%;
3546
- height: 100%;
3547
- z-index: 2;
3548
- -js-display: flex;
3549
- display: -webkit-box;
3550
- display: -webkit-flex;
3551
- display: -moz-box;
3552
- display: -ms-flexbox;
3553
- display: flex;
3554
- -webkit-box-pack: center;
3555
- -webkit-justify-content: center;
3556
- -moz-box-pack: center;
3557
- -ms-flex-pack: center;
3558
- justify-content: center;
3559
- -webkit-box-align: center;
3560
- -webkit-align-items: center;
3561
- -moz-box-align: center;
3562
- -ms-flex-align: center;
3563
- align-items: center;
3564
- -webkit-box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
3565
- box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
3566
- -webkit-transition: all 0.5s linear 0s;
3567
- transition: all 0.5s linear 0s;
3568
- opacity: 0; }
3569
-
3570
- .premium-person-style2 .premium-person-image-container:hover .premium-person-social {
3571
- opacity: 1; }
3572
-
3573
- .premium-person-list-item a {
3574
- display: inline-block; }
3575
-
3576
- .premium-person-style2 .premium-person-list-item a {
3577
- opacity: 0;
3578
- -webkit-transform: scale(0);
3579
- -ms-transform: scale(0);
3580
- transform: scale(0);
3581
- -webkit-transition: all 0.5s ease-in-out 0s;
3582
- transition: all 0.5s ease-in-out 0s; }
3583
-
3584
- .premium-person-style2 .premium-person-image-container:hover .premium-person-list-item a {
3585
- opacity: 1;
3586
- -webkit-transform: scale(1);
3587
- -ms-transform: scale(1);
3588
- transform: scale(1); }
3589
-
3590
- .premium-person-info-container {
3591
- padding: 30px 15px; }
3592
-
3593
- .premium-person-name {
3594
- margin: 0 0 5px;
3595
- font-weight: 700; }
3596
-
3597
- .premium-person-title {
3598
- margin: 0 0 20px;
3599
- padding: 0; }
3600
-
3601
- .premium-person-content {
3602
- margin: 0 0 30px; }
3603
-
3604
- /*Override Theme List Margin*/
3605
- ul.premium-person-social-list {
3606
- margin: 0px !important;
3607
- padding: 0; }
3608
-
3609
- .premium-person-social-list .premium-person-list-item {
3610
- display: inline;
3611
- list-style: none; }
3612
-
3613
- .premium-person-social-list li {
3614
- position: relative;
3615
- bottom: 0px;
3616
- -webkit-transition: all 0.2s ease-in-out;
3617
- transition: all 0.2s ease-in-out; }
3618
- .premium-person-social-list li i {
3619
- position: relative;
3620
- bottom: 0px;
3621
- -webkit-transition: all 0.2s ease-in-out;
3622
- transition: all 0.2s ease-in-out; }
3623
-
3624
- .premium-person-defaults-yes li.premium-person-facebook:hover a {
3625
- background-color: #3b5998 !important; }
3626
-
3627
- .premium-person-defaults-yes li.premium-person-twitter:hover a {
3628
- background-color: #55acee !important; }
3629
-
3630
- .premium-person-defaults-yes li.premium-person-linkedin:hover a {
3631
- background-color: #0077b5 !important; }
3632
-
3633
- .premium-person-defaults-yes li.premium-person-google:hover a {
3634
- background-color: #dc4e41 !important; }
3635
-
3636
- .premium-person-defaults-yes li.premium-person-youtube:hover a {
3637
- background-color: #b31217 !important; }
3638
-
3639
- .premium-person-defaults-yes li.premium-person-instagram:hover a {
3640
- background-color: #e4405f !important; }
3641
-
3642
- .premium-person-defaults-yes li.premium-person-skype:hover a {
3643
- background-color: #00aff0 !important; }
3644
-
3645
- .premium-person-defaults-yes li.premium-person-pinterest:hover a {
3646
- background-color: #bd081c !important; }
3647
-
3648
- .premium-person-defaults-yes li.premium-person-dribbble:hover a {
3649
- background-color: #ea4c89 !important; }
3650
-
3651
- .premium-person-defaults-yes li.premium-person-mail:hover a {
3652
- background-color: #b23121 !important; }
3653
-
3654
- .premium-person-defaults-yes li.premium-person-behance:hover a {
3655
- background-color: #1769ff !important; }
3656
-
3657
- .premium-person-defaults-yes li.premium-person-whatsapp:hover a {
3658
- background-color: #25d366 !important; }
3659
-
3660
- .premium-person-defaults-yes li.premium-person-telegram:hover a {
3661
- background-color: #0088cc !important; }
3662
-
3663
- .premium-person-defaults-yes li.premium-person-site:hover a {
3664
- background-color: #0055a5 !important; }
3665
-
3666
- .premium-person-social-list li:hover a {
3667
- -webkit-box-shadow: none;
3668
- box-shadow: none; }
3669
-
3670
- .premium-person-social-list li a:focus {
3671
- -webkit-box-shadow: none;
3672
- box-shadow: none;
3673
- outline: none; }
3674
-
3675
- .premium-person-social-list li i {
3676
- font-size: 18px; }
3677
-
3678
- .elementor-widget-premium-addon-person .elementor-widget-container {
3679
- -js-display: flex;
3680
- display: -webkit-box;
3681
- display: -webkit-flex;
3682
- display: -moz-box;
3683
- display: -ms-flexbox;
3684
- display: flex;
3685
- -webkit-box-pack: center;
3686
- -webkit-justify-content: center;
3687
- -moz-box-pack: center;
3688
- -ms-flex-pack: center;
3689
- justify-content: center; }
3690
-
3691
- .premium-persons-container.multiple-persons {
3692
- -js-display: flex;
3693
- display: -webkit-box;
3694
- display: -webkit-flex;
3695
- display: -moz-box;
3696
- display: -ms-flexbox;
3697
- display: flex;
3698
- -webkit-flex-wrap: wrap;
3699
- -ms-flex-wrap: wrap;
3700
- flex-wrap: wrap;
3701
- width: 100%; }
3702
-
3703
- .premium-person-style1 .premium-person-container {
3704
- overflow: hidden; }
3705
- .premium-person-style1 .premium-person-container .premium-person-info {
3706
- position: absolute;
3707
- top: auto;
3708
- right: 0;
3709
- left: 0;
3710
- -webkit-transition: all 500ms ease 0s;
3711
- transition: all 500ms ease 0s;
3712
- -webkit-transform: translate3d(0, 100%, 0);
3713
- transform: translate3d(0, 100%, 0); }
3714
- .premium-person-style1 .premium-person-container:hover .premium-person-info {
3715
- -webkit-transform: translate3d(0, 0, 0);
3716
- transform: translate3d(0, 0, 0);
3717
- bottom: -1px !important; }
3718
-
3719
- .premium-person-style1 .premium-person-social-list li:hover {
3720
- bottom: 5px; }
3721
-
3722
- .premium-person-style1.multiple-persons:not([data-persons-equal="yes"]) {
3723
- -webkit-box-align: start;
3724
- -webkit-align-items: flex-start;
3725
- -moz-box-align: start;
3726
- -ms-flex-align: start;
3727
- align-items: flex-start; }
3728
-
3729
- .premium-person-style1 .slick-track {
3730
- -js-display: flex;
3731
- display: -webkit-box;
3732
- display: -webkit-flex;
3733
- display: -moz-box;
3734
- display: -ms-flexbox;
3735
- display: flex; }
3736
-
3737
- .premium-person-style1 .slick-slide {
3738
- height: inherit !important; }
3739
-
3740
- .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-container,
3741
- .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-wrap {
3742
- height: 100%; }
3743
-
3744
- .premium-person-style3 .premium-person-info-container {
3745
- position: absolute;
3746
- top: 0;
3747
- left: 0;
3748
- width: 100%;
3749
- height: 100%;
3750
- -js-display: flex;
3751
- display: -webkit-box;
3752
- display: -webkit-flex;
3753
- display: -moz-box;
3754
- display: -ms-flexbox;
3755
- display: flex;
3756
- -webkit-box-orient: vertical;
3757
- -webkit-box-direction: normal;
3758
- -webkit-flex-direction: column;
3759
- -moz-box-orient: vertical;
3760
- -moz-box-direction: normal;
3761
- -ms-flex-direction: column;
3762
- flex-direction: column;
3763
- -webkit-box-pack: justify;
3764
- -webkit-justify-content: space-between;
3765
- -moz-box-pack: justify;
3766
- -ms-flex-pack: justify;
3767
- justify-content: space-between; }
3768
-
3769
- .premium-person-style3 .premium-person-title-desc-wrap {
3770
- -js-display: flex;
3771
- display: -webkit-box;
3772
- display: -webkit-flex;
3773
- display: -moz-box;
3774
- display: -ms-flexbox;
3775
- display: flex;
3776
- -webkit-box-orient: horizontal;
3777
- -webkit-box-direction: reverse;
3778
- -webkit-flex-direction: row-reverse;
3779
- -moz-box-orient: horizontal;
3780
- -moz-box-direction: reverse;
3781
- -ms-flex-direction: row-reverse;
3782
- flex-direction: row-reverse;
3783
- -webkit-box-pack: justify;
3784
- -webkit-justify-content: space-between;
3785
- -moz-box-pack: justify;
3786
- -ms-flex-pack: justify;
3787
- justify-content: space-between;
3788
- -webkit-box-align: start;
3789
- -webkit-align-items: flex-start;
3790
- -moz-box-align: start;
3791
- -ms-flex-align: start;
3792
- align-items: flex-start; }
3793
-
3794
- .premium-person-style3 .premium-person-name-icons-wrap {
3795
- -js-display: flex;
3796
- display: -webkit-box;
3797
- display: -webkit-flex;
3798
- display: -moz-box;
3799
- display: -ms-flexbox;
3800
- display: flex;
3801
- -webkit-box-pack: justify;
3802
- -webkit-justify-content: space-between;
3803
- -moz-box-pack: justify;
3804
- -ms-flex-pack: justify;
3805
- justify-content: space-between;
3806
- -webkit-box-align: end;
3807
- -webkit-align-items: flex-end;
3808
- -moz-box-align: end;
3809
- -ms-flex-align: end;
3810
- align-items: flex-end; }
3811
-
3812
- .premium-person-style3 .premium-person-title {
3813
- opacity: 0;
3814
- -webkit-transition: all 0.3s ease;
3815
- transition: all 0.3s ease;
3816
- width: 0; }
3817
- .premium-person-style3 .premium-person-title span {
3818
- display: inline-block; }
3819
-
3820
- .premium-person-style3 .premium-person-name {
3821
- padding-left: 10px; }
3822
-
3823
- .premium-person-style3 .premium-person-social-list {
3824
- -js-display: flex;
3825
- display: -webkit-box;
3826
- display: -webkit-flex;
3827
- display: -moz-box;
3828
- display: -ms-flexbox;
3829
- display: flex;
3830
- -webkit-box-orient: vertical;
3831
- -webkit-box-direction: normal;
3832
- -webkit-flex-direction: column;
3833
- -moz-box-orient: vertical;
3834
- -moz-box-direction: normal;
3835
- -ms-flex-direction: column;
3836
- flex-direction: column;
3837
- -webkit-transform: translateY(20px);
3838
- -ms-transform: translateY(20px);
3839
- transform: translateY(20px);
3840
- opacity: 0;
3841
- -webkit-transition: all 0.3s ease;
3842
- transition: all 0.3s ease; }
3843
-
3844
- .premium-person-style3 .premium-person-list-item {
3845
- line-height: 0; }
3846
- .premium-person-style3 .premium-person-list-item a {
3847
- padding: 5px 10px 0 0;
3848
- margin: 5px 0; }
3849
-
3850
- .premium-person-style3 .premium-person-container:hover .premium-person-title {
3851
- opacity: 1; }
3852
-
3853
- .premium-person-style3 .premium-person-container:hover .premium-person-social-list {
3854
- opacity: 1;
3855
- -webkit-transform: translateY(0);
3856
- -ms-transform: translateY(0);
3857
- transform: translateY(0); }
3858
-
3859
- .premium-persons-title-cw .premium-person-title {
3860
- -webkit-transform: translateX(15px) rotate(90deg);
3861
- -ms-transform: translateX(15px) rotate(90deg);
3862
- transform: translateX(15px) rotate(90deg);
3863
- -webkit-transform-origin: top;
3864
- -ms-transform-origin: top;
3865
- transform-origin: top; }
3866
-
3867
- .premium-persons-title-cw .premium-person-container:hover .premium-person-title {
3868
- -webkit-transform: translateX(0) rotate(90deg);
3869
- -ms-transform: translateX(0) rotate(90deg);
3870
- transform: translateX(0) rotate(90deg); }
3871
-
3872
- .premium-persons-title-ccw .premium-person-title {
3873
- width: auto;
3874
- margin-right: 20px;
3875
- -webkit-transform: translateX(15px) rotate(-90deg);
3876
- -ms-transform: translateX(15px) rotate(-90deg);
3877
- transform: translateX(15px) rotate(-90deg);
3878
- -webkit-transform-origin: center right;
3879
- -ms-transform-origin: center right;
3880
- transform-origin: center right; }
3881
-
3882
- .premium-persons-title-ccw .premium-person-container:hover .premium-person-title {
3883
- -webkit-transform: translateX(0) rotate(-90deg);
3884
- -ms-transform: translateX(0) rotate(-90deg);
3885
- transform: translateX(0) rotate(-90deg); }
3886
-
3887
- /**************** Premium Fancy Text *******************/
3888
- /*******************************************************/
3889
- .premium-suffix-text,
3890
- .premium-fancy-text,
3891
- .premium-prefix-text {
3892
- font-size: 40px; }
3893
-
3894
- .premium-fancy-text-wrapper .premium-fancy-list-items {
3895
- list-style: none; }
3896
-
3897
- .premium-fancy-text-wrapper .premium-fancy-text-span-align {
3898
- vertical-align: top; }
3899
-
3900
- .premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-text-items-wrapper {
3901
- margin: 0;
3902
- padding: 0;
3903
- border: none;
3904
- position: relative; }
3905
-
3906
- .premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-list-items {
3907
- position: absolute;
3908
- top: 0;
3909
- left: 0;
3910
- display: inline-block; }
3911
-
3912
- .premium-fancy-text-wrapper.zoomout .premium-fancy-item-hidden {
3913
- opacity: 0;
3914
- -webkit-animation: pa-zoom-out 0.8s;
3915
- animation: pa-zoom-out 0.8s; }
3916
-
3917
- .premium-fancy-text-wrapper.zoomout .premium-fancy-item-visible {
3918
- position: relative !important;
3919
- -webkit-animation: pa-zoom-in 0.8s;
3920
- animation: pa-zoom-in 0.8s; }
3921
-
3922
- .premium-fancy-text-wrapper.zoomout .premium-fancy-text-items-wrapper {
3923
- -webkit-perspective: 300px;
3924
- perspective: 300px; }
3925
-
3926
- .premium-fancy-text-wrapper.rotate .premium-fancy-list-items {
3927
- -webkit-transform-origin: 50% 100%;
3928
- -ms-transform-origin: 50% 100%;
3929
- transform-origin: 50% 100%; }
3930
-
3931
- .premium-fancy-text-wrapper.rotate .premium-fancy-item-hidden {
3932
- opacity: 0;
3933
- -webkit-transform: rotateX(180deg);
3934
- transform: rotateX(180deg);
3935
- -webkit-animation: pa-rotate-out 1.2s;
3936
- animation: pa-rotate-out 1.2s; }
3937
-
3938
- .premium-fancy-text-wrapper.rotate .premium-fancy-item-visible {
3939
- position: relative !important;
3940
- -webkit-transform: rotateX(0deg);
3941
- transform: rotateX(0deg);
3942
- -webkit-animation: pa-rotate-in 1.2s;
3943
- animation: pa-rotate-in 1.2s; }
3944
-
3945
- .premium-fancy-text-wrapper.custom .premium-fancy-item-hidden {
3946
- opacity: 0; }
3947
-
3948
- .premium-fancy-text-wrapper.custom .premium-fancy-item-visible {
3949
- position: relative !important; }
3950
-
3951
- @-webkit-keyframes pa-zoom-in {
3952
- 0% {
3953
- opacity: 0;
3954
- -webkit-transform: translateZ(100px);
3955
- transform: translateZ(100px); }
3956
- 100% {
3957
- opacity: 1;
3958
- -webkit-transform: translateZ(0);
3959
- transform: translateZ(0); } }
3960
-
3961
- @keyframes pa-zoom-in {
3962
- 0% {
3963
- opacity: 0;
3964
- -webkit-transform: translateZ(100px);
3965
- transform: translateZ(100px); }
3966
- 100% {
3967
- opacity: 1;
3968
- -webkit-transform: translateZ(0);
3969
- transform: translateZ(0); } }
3970
-
3971
- @-webkit-keyframes pa-zoom-out {
3972
- 0% {
3973
- opacity: 1;
3974
- -webkit-transform: translateZ(0);
3975
- transform: translateZ(0); }
3976
- 100% {
3977
- opacity: 0;
3978
- -webkit-transform: translateZ(-100px);
3979
- transform: translateZ(-100px); } }
3980
-
3981
- @keyframes pa-zoom-out {
3982
- 0% {
3983
- opacity: 1;
3984
- -webkit-transform: translateZ(0);
3985
- transform: translateZ(0); }
3986
- 100% {
3987
- opacity: 0;
3988
- -webkit-transform: translateZ(-100px);
3989
- transform: translateZ(-100px); } }
3990
-
3991
- @-webkit-keyframes pa-rotate-in {
3992
- 0% {
3993
- opacity: 0;
3994
- -webkit-transform: rotateX(180deg);
3995
- transform: rotateX(180deg); }
3996
- 35% {
3997
- opacity: 0;
3998
- -webkit-transform: rotateX(120deg);
3999
- transform: rotateX(120deg); }
4000
- 65% {
4001
- opacity: 0; }
4002
- 100% {
4003
- opacity: 1;
4004
- -webkit-transform: rotateX(360deg);
4005
- transform: rotateX(360deg); } }
4006
-
4007
- @keyframes pa-rotate-in {
4008
- 0% {
4009
- opacity: 0;
4010
- -webkit-transform: rotateX(180deg);
4011
- transform: rotateX(180deg); }
4012
- 35% {
4013
- opacity: 0;
4014
- -webkit-transform: rotateX(120deg);
4015
- transform: rotateX(120deg); }
4016
- 65% {
4017
- opacity: 0; }
4018
- 100% {
4019
- opacity: 1;
4020
- -webkit-transform: rotateX(360deg);
4021
- transform: rotateX(360deg); } }
4022
-
4023
- @-webkit-keyframes pa-rotate-out {
4024
- 0% {
4025
- opacity: 1;
4026
- -webkit-transform: rotateX(0deg);
4027
- transform: rotateX(0deg); }
4028
- 35% {
4029
- opacity: 1;
4030
- -webkit-transform: rotateX(-40deg);
4031
- transform: rotateX(-40deg); }
4032
- 65% {
4033
- opacity: 0; }
4034
- 100% {
4035
- opacity: 0;
4036
- -webkit-transform: rotateX(180deg);
4037
- transform: rotateX(180deg); } }
4038
-
4039
- @keyframes pa-rotate-out {
4040
- 0% {
4041
- opacity: 1;
4042
- -webkit-transform: rotateX(0deg);
4043
- transform: rotateX(0deg); }
4044
- 35% {
4045
- opacity: 1;
4046
- -webkit-transform: rotateX(-40deg);
4047
- transform: rotateX(-40deg); }
4048
- 65% {
4049
- opacity: 0; }
4050
- 100% {
4051
- opacity: 0;
4052
- -webkit-transform: rotateX(180deg);
4053
- transform: rotateX(180deg); } }
4054
-
4055
- /**************** Premium Pricing Table ****************/
4056
- /*******************************************************/
4057
- .premium-pricing-table-container {
4058
- position: relative;
4059
- overflow: hidden;
4060
- text-align: center;
4061
- -webkit-transition: all 0.3s ease-in-out;
4062
- transition: all 0.3s ease-in-out; }
4063
-
4064
- .premium-pricing-icon-container {
4065
- -js-display: flex;
4066
- display: -webkit-box;
4067
- display: -webkit-flex;
4068
- display: -moz-box;
4069
- display: -ms-flexbox;
4070
- display: flex;
4071
- -webkit-box-pack: center;
4072
- -webkit-justify-content: center;
4073
- -moz-box-pack: center;
4074
- -ms-flex-pack: center;
4075
- justify-content: center;
4076
- line-height: 0; }
4077
- .premium-pricing-icon-container .premium-pricing-icon {
4078
- display: inline-block; }
4079
- .premium-pricing-icon-container .premium-pricing-image {
4080
- overflow: hidden; }
4081
- .premium-pricing-icon-container .premium-pricing-image img {
4082
- width: 25px;
4083
- height: 25px;
4084
- -o-object-fit: cover;
4085
- object-fit: cover; }
4086
-
4087
- .premium-badge-left {
4088
- position: absolute;
4089
- top: 0; }
4090
-
4091
- .premium-badge-right {
4092
- position: absolute;
4093
- top: 0;
4094
- right: 0; }
4095
-
4096
- .premium-badge-left {
4097
- left: 0; }
4098
-
4099
- .premium-badge-triangle.premium-badge-left .corner {
4100
- width: 0;
4101
- height: 0;
4102
- border-top: 150px solid;
4103
- border-bottom: 150px solid transparent;
4104
- border-right: 150px solid transparent; }
4105
-
4106
- .premium-badge-triangle.premium-badge-right .corner {
4107
- width: 0;
4108
- height: 0;
4109
- border-bottom: 150px solid transparent;
4110
- border-right: 150px solid;
4111
- border-left: 150px solid transparent; }
4112
-
4113
- .premium-badge-triangle span {
4114
- position: absolute;
4115
- top: 35px;
4116
- width: 100px;
4117
- text-align: center;
4118
- -webkit-transform: rotate(-45deg);
4119
- -ms-transform: rotate(-45deg);
4120
- transform: rotate(-45deg);
4121
- display: block;
4122
- text-transform: uppercase; }
4123
-
4124
- .premium-badge-triangle.premium-badge-right span {
4125
- -webkit-transform: rotate(45deg);
4126
- -ms-transform: rotate(45deg);
4127
- transform: rotate(45deg);
4128
- right: 0; }
4129
-
4130
- .premium-badge-circle {
4131
- min-width: 4em;
4132
- min-height: 4em;
4133
- line-height: 4em;
4134
- text-align: center;
4135
- -webkit-border-radius: 100%;
4136
- border-radius: 100%;
4137
- position: absolute;
4138
- z-index: 1; }
4139
-
4140
- .premium-badge-stripe {
4141
- position: absolute;
4142
- -webkit-transform: rotate(90deg);
4143
- -ms-transform: rotate(90deg);
4144
- transform: rotate(90deg);
4145
- width: 15em;
4146
- overflow: hidden;
4147
- height: 15em; }
4148
- .premium-badge-stripe.premium-badge-left {
4149
- -webkit-transform: rotate(0);
4150
- -ms-transform: rotate(0);
4151
- transform: rotate(0); }
4152
- .premium-badge-stripe .corner {
4153
- text-align: center;
4154
- left: 0;
4155
- width: 150%;
4156
- -webkit-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
4157
- -ms-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
4158
- transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
4159
- margin-top: 35px;
4160
- font-size: 13px;
4161
- line-height: 2;
4162
- font-weight: 800;
4163
- text-transform: uppercase; }
4164
-
4165
- .premium-badge-flag .corner {
4166
- text-align: center;
4167
- -webkit-border-radius: 4px 4px 0 4px;
4168
- border-radius: 4px 4px 0 4px;
4169
- padding: 3px 15px;
4170
- position: absolute;
4171
- top: 10%;
4172
- right: -8px; }
4173
- .premium-badge-flag .corner::before, .premium-badge-flag .corner::after {
4174
- content: "";
4175
- display: block;
4176
- position: absolute;
4177
- width: 0;
4178
- height: 0;
4179
- top: 100%;
4180
- right: 0;
4181
- border-bottom: 8px solid transparent; }
4182
-
4183
- .elementor-widget-premium-addon-pricing-table .elementor-widget-container {
4184
- overflow: visible !important; }
4185
-
4186
- .premium-badge-flag .corner::after {
4187
- border-left: 8px solid rgba(0, 0, 0, 0.2); }
4188
-
4189
- .premium-pricing-price-currency {
4190
- position: relative; }
4191
-
4192
- .premium-pricing-button-container {
4193
- display: block; }
4194
-
4195
- .premium-pricing-list {
4196
- -js-display: flex;
4197
- display: -webkit-box;
4198
- display: -webkit-flex;
4199
- display: -moz-box;
4200
- display: -ms-flexbox;
4201
- display: flex;
4202
- -webkit-box-orient: vertical;
4203
- -webkit-box-direction: normal;
4204
- -webkit-flex-direction: column;
4205
- -moz-box-orient: vertical;
4206
- -moz-box-direction: normal;
4207
- -ms-flex-direction: column;
4208
- flex-direction: column;
4209
- list-style-type: none;
4210
- margin: 0; }
4211
- .premium-pricing-list .premium-pricing-list-item {
4212
- -js-display: flex;
4213
- display: -webkit-box;
4214
- display: -webkit-flex;
4215
- display: -moz-box;
4216
- display: -ms-flexbox;
4217
- display: flex;
4218
- -webkit-box-align: center;
4219
- -webkit-align-items: center;
4220
- -moz-box-align: center;
4221
- -ms-flex-align: center;
4222
- align-items: center; }
4223
- .premium-pricing-list .premium-pricing-list-item svg {
4224
- width: 50px;
4225
- height: 50px; }
4226
- .premium-pricing-list .premium-pricing-list-item img {
4227
- width: 30px;
4228
- height: 30px;
4229
- -o-object-fit: cover;
4230
- object-fit: cover; }
4231
- .premium-pricing-list .premium-pricing-list-span {
4232
- position: relative; }
4233
- .premium-pricing-list .list-item-tooltip {
4234
- border-bottom: 1px dotted; }
4235
- .premium-pricing-list .premium-pricing-list-tooltip {
4236
- position: absolute;
4237
- top: -webkit-calc(100% + 1px);
4238
- top: calc(100% + 1px);
4239
- left: 0;
4240
- visibility: hidden;
4241
- padding: 15px 20px;
4242
- -webkit-border-radius: 5px;
4243
- border-radius: 5px;
4244
- min-width: 200px;
4245
- overflow: hidden;
4246
- text-align: left;
4247
- font-size: 0.8rem;
4248
- color: #fff;
4249
- background-color: #aaa; }
4250
-
4251
- .premium-pricing-list-span:hover .premium-pricing-list-tooltip {
4252
- z-index: 99;
4253
- visibility: visible;
4254
- opacity: 1; }
4255
-
4256
- .premium-pricing-slashed-price-value {
4257
- display: inline-block;
4258
- font-size: 20px;
4259
- font-weight: 400;
4260
- margin-right: 5px; }
4261
-
4262
- .premium-pricing-price-value {
4263
- font-size: 70px; }
4264
-
4265
- .premium-pricing-description-container li {
4266
- list-style-position: inside;
4267
- text-indent: -40px; }
4268
-
4269
- @-moz-document url-prefix() {
4270
- .premium-pricing-description-container li {
4271
- text-indent: 0px; } }
4272
-
4273
- .premium-pricing-price-button {
4274
- display: block;
4275
- padding: 6px 12px;
4276
- line-height: 1.42857143;
4277
- text-align: center;
4278
- color: #fff;
4279
- background: #6ec1e4;
4280
- margin-bottom: 0;
4281
- -webkit-transition: all 0.3s ease-in-out;
4282
- transition: all 0.3s ease-in-out; }
4283
-
4284
- /**************** Premium Google Maps ******************/
4285
- /*******************************************************/
4286
- .premium-maps-info-container {
4287
- margin-top: 10px;
4288
- margin-bottom: 10px; }
4289
-
4290
- .premium-maps-info-title,
4291
- .premium-maps-info-desc {
4292
- margin: 0;
4293
- padding: 0; }
4294
-
4295
- .premium-maps-container .gm-style-iw {
4296
- text-align: center; }
4297
-
4298
- .premium-maps-container .gm-style img {
4299
- max-width: none !important; }
4300
-
4301
- /**************** Premium Button ***********************/
4302
- /*******************************************************/
4303
- .premium-button {
4304
- display: inline-block;
4305
- position: relative;
4306
- overflow: hidden;
4307
- cursor: pointer;
4308
- -webkit-transition: all 0.2s ease-in-out !important;
4309
- transition: all 0.2s ease-in-out !important; }
4310
-
4311
- .premium-button-sm {
4312
- padding: 12px 24px;
4313
- font-size: 14px;
4314
- line-height: 1; }
4315
-
4316
- .premium-button .premium-lottie-animation,
4317
- .premium-image-button .premium-lottie-animation {
4318
- -js-display: flex;
4319
- display: -webkit-box;
4320
- display: -webkit-flex;
4321
- display: -moz-box;
4322
- display: -ms-flexbox;
4323
- display: flex; }
4324
- .premium-button .premium-lottie-animation svg,
4325
- .premium-image-button .premium-lottie-animation svg {
4326
- width: 50px;
4327
- height: 50px; }
4328
-
4329
- .premium-button-md {
4330
- padding: 14px 26px;
4331
- font-size: 16px;
4332
- line-height: 1.2; }
4333
-
4334
- .premium-button-lg {
4335
- padding: 16px 28px;
4336
- font-size: 18px;
4337
- line-height: 1.3333; }
4338
-
4339
- .premium-button-block {
4340
- font-size: 15px;
4341
- line-height: 1;
4342
- padding: 12px 24px;
4343
- width: 100%;
4344
- text-align: center; }
4345
-
4346
- .premium-button-text {
4347
- display: inline-block;
4348
- width: 100%; }
4349
-
4350
- .premium-button-style1-bottom,
4351
- .premium-button-style1-top,
4352
- .premium-button-style1-right,
4353
- .premium-button-style1-left,
4354
- .premium-button-style2-shutouthor,
4355
- .premium-button-style2-shutoutver,
4356
- .premium-button-style2-shutinhor,
4357
- .premium-button-style2-shutinver,
4358
- .premium-button-style2-scshutouthor,
4359
- .premium-button-style2-scshutoutver,
4360
- .premium-button-style2-dshutinhor,
4361
- .premium-button-style2-dshutinver,
4362
- .premium-button-style5-radialin,
4363
- .premium-button-style5-radialout,
4364
- .premium-button-style5-rectin,
4365
- .premium-button-style5-rectout {
4366
- display: inline-block;
4367
- vertical-align: middle;
4368
- -webkit-transform: perspective(1px) translateZ(0);
4369
- transform: perspective(1px) translateZ(0);
4370
- -webkit-box-shadow: 0 0 1px transparent;
4371
- box-shadow: 0 0 1px transparent;
4372
- position: relative;
4373
- -webkit-transition-property: color;
4374
- transition-property: color;
4375
- -webkit-transition-duration: 0.15s;
4376
- transition-duration: 0.15s; }
4377
-
4378
- .premium-button-style1-bottom:before,
4379
- .premium-button-style1-top:before,
4380
- .premium-button-style1-right:before,
4381
- .premium-button-style1-left:before,
4382
- .premium-button-style2-shutinhor:before,
4383
- .premium-button-style2-shutinver:before,
4384
- .premium-button-style2-shutouthor:before,
4385
- .premium-button-style2-shutoutver:before,
4386
- .premium-button-style2-scshutouthor:before,
4387
- .premium-button-style2-scshutoutver:before,
4388
- .premium-button-style2-dshutinhor:before,
4389
- .premium-button-style2-dshutinver:before,
4390
- .premium-button-style5-radialin:before,
4391
- .premium-button-style5-radialout:before,
4392
- .premium-button-style5-rectin:before,
4393
- .premium-button-style5-rectout:before {
4394
- content: "";
4395
- position: absolute;
4396
- z-index: -1;
4397
- top: 0;
4398
- left: 0;
4399
- right: 0;
4400
- bottom: 0;
4401
- -webkit-transform: scaleY(0);
4402
- -ms-transform: scaleY(0);
4403
- transform: scaleY(0);
4404
- -webkit-transform-origin: 50% 0;
4405
- -ms-transform-origin: 50% 0;
4406
- transform-origin: 50% 0;
4407
- -webkit-transition-property: -webkit-transform;
4408
- transition-property: -webkit-transform;
4409
- transition-property: transform;
4410
- transition-property: transform, -webkit-transform;
4411
- -webkit-transition-duration: 0.15s;
4412
- transition-duration: 0.15s;
4413
- -webkit-transition-timing-function: ease-out;
4414
- transition-timing-function: ease-out; }
4415
-
4416
- .premium-button-style5-radialin:before,
4417
- .premium-button-style5-radialout:before {
4418
- -webkit-transform-origin: 50%;
4419
- -ms-transform-origin: 50%;
4420
- transform-origin: 50%;
4421
- -webkit-border-radius: 100%;
4422
- border-radius: 100%;
4423
- -webkit-transform: scale(0);
4424
- -ms-transform: scale(0);
4425
- transform: scale(0); }
4426
-
4427
- .premium-button-style5-radialin:before {
4428
- -webkit-transform: scale(2);
4429
- -ms-transform: scale(2);
4430
- transform: scale(2); }
4431
-
4432
- .premium-button-style5-rectin:before {
4433
- -webkit-transform-origin: 50%;
4434
- -ms-transform-origin: 50%;
4435
- transform-origin: 50%;
4436
- -webkit-transform: scale(1);
4437
- -ms-transform: scale(1);
4438
- transform: scale(1); }
4439
-
4440
- .premium-button-style5-rectout:before {
4441
- -webkit-transform-origin: 50%;
4442
- -ms-transform-origin: 50%;
4443
- transform-origin: 50%;
4444
- -webkit-transform: scale(0);
4445
- -ms-transform: scale(0);
4446
- transform: scale(0); }
4447
-
4448
- .premium-button-style5-rectout:hover:before {
4449
- -webkit-transform: scale(1);
4450
- -ms-transform: scale(1);
4451
- transform: scale(1); }
4452
-
4453
- .premium-button-style5-rectin:hover:before {
4454
- -webkit-transform: scale(0);
4455
- -ms-transform: scale(0);
4456
- transform: scale(0); }
4457
-
4458
- .premium-button-style5-radialout:hover:before {
4459
- -webkit-transform: scale(2);
4460
- -ms-transform: scale(2);
4461
- transform: scale(2); }
4462
-
4463
- .premium-button-style5-radialin:hover:before {
4464
- -webkit-transform: scale(0);
4465
- -ms-transform: scale(0);
4466
- transform: scale(0); }
4467
-
4468
- .premium-button-style1-top:before {
4469
- -webkit-transform-origin: 50% 100%;
4470
- -ms-transform-origin: 50% 100%;
4471
- transform-origin: 50% 100%; }
4472
-
4473
- .premium-button-style1-right:before {
4474
- -webkit-transform: scaleX(0);
4475
- -ms-transform: scaleX(0);
4476
- transform: scaleX(0);
4477
- -webkit-transform-origin: 0% 50%;
4478
- -ms-transform-origin: 0% 50%;
4479
- transform-origin: 0% 50%; }
4480
-
4481
- .premium-button-style1-left:before {
4482
- -webkit-transform: scaleX(0);
4483
- -ms-transform: scaleX(0);
4484
- transform: scaleX(0);
4485
- -webkit-transform-origin: 100% 50%;
4486
- -ms-transform-origin: 100% 50%;
4487
- transform-origin: 100% 50%; }
4488
-
4489
- .premium-button-style2-shutouthor:before,
4490
- .premium-button-style2-scshutoutver:before {
4491
- -webkit-transform: scaleY(0);
4492
- -ms-transform: scaleY(0);
4493
- transform: scaleY(0);
4494
- -webkit-transform-origin: 100% 50%;
4495
- -ms-transform-origin: 100% 50%;
4496
- transform-origin: 100% 50%; }
4497
-
4498
- .premium-button-style2-shutoutver:before,
4499
- .premium-button-style2-scshutouthor:before {
4500
- -webkit-transform: scaleX(0);
4501
- -ms-transform: scaleX(0);
4502
- transform: scaleX(0);
4503
- -webkit-transform-origin: 50% 50%;
4504
- -ms-transform-origin: 50% 50%;
4505
- transform-origin: 50% 50%; }
4506
-
4507
- .premium-button-style2-shutinhor:before {
4508
- -webkit-transform: scaleX(1);
4509
- -ms-transform: scaleX(1);
4510
- transform: scaleX(1);
4511
- -webkit-transform-origin: 50%;
4512
- -ms-transform-origin: 50%;
4513
- transform-origin: 50%; }
4514
-
4515
- .premium-button-style2-shutinver:before {
4516
- -webkit-transform: scaleY(1);
4517
- -ms-transform: scaleY(1);
4518
- transform: scaleY(1);
4519
- -webkit-transform-origin: 50%;
4520
- -ms-transform-origin: 50%;
4521
- transform-origin: 50%; }
4522
-
4523
- .premium-button-style1-bottom:hover:before,
4524
- .premium-button-style1-top:hover:before {
4525
- -webkit-transform: scaleY(1);
4526
- -ms-transform: scaleY(1);
4527
- transform: scaleY(1); }
4528
-
4529
- .premium-button-style1-left:hover:before,
4530
- .premium-button-style1-right:hover:before,
4531
- .premium-button-style2-shutouthor:hover:before,
4532
- .premium-button-style2-shutoutver:hover:before {
4533
- -webkit-transform: scaleX(1);
4534
- -ms-transform: scaleX(1);
4535
- transform: scaleX(1); }
4536
-
4537
- .premium-button-style2-shutinhor:hover:before {
4538
- -webkit-transform: scaleX(0);
4539
- -ms-transform: scaleX(0);
4540
- transform: scaleX(0); }
4541
-
4542
- .premium-button-style2-shutinver:hover:before {
4543
- -webkit-transform: scaleY(0);
4544
- -ms-transform: scaleY(0);
4545
- transform: scaleY(0); }
4546
-
4547
- .premium-button-style2-scshutouthor:hover:before {
4548
- -webkit-transform: scaleX(0.9);
4549
- -ms-transform: scaleX(0.9);
4550
- transform: scaleX(0.9); }
4551
-
4552
- .premium-button-style2-scshutoutver:hover:before {
4553
- -webkit-transform: scaleY(0.8);
4554
- -ms-transform: scaleY(0.8);
4555
- transform: scaleY(0.8); }
4556
-
4557
- /*Diagonal*/
4558
- .premium-button-style2-dshutinhor:before {
4559
- top: 50%;
4560
- left: 50%;
4561
- width: 120%;
4562
- height: 0%;
4563
- -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
4564
- -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
4565
- transform: translateX(-50%) translateY(-50%) rotate(-45deg);
4566
- -webkit-transform-origin: 50%;
4567
- -ms-transform-origin: 50%;
4568
- transform-origin: 50%;
4569
- -webkit-transition-property: all;
4570
- transition-property: all; }
4571
-
4572
- .premium-button-style2-dshutinver:before {
4573
- top: 50%;
4574
- left: 50%;
4575
- width: 120%;
4576
- height: 0%;
4577
- -webkit-transform-origin: 50%;
4578
- -ms-transform-origin: 50%;
4579
- transform-origin: 50%;
4580
- -webkit-transition-property: all;
4581
- transition-property: all;
4582
- -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
4583
- -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
4584
- transform: translateX(-50%) translateY(-50%) rotate(45deg); }
4585
-
4586
- .premium-button-style2-dshutinhor:hover:before,
4587
- .premium-button-style2-dshutinver:hover:before {
4588
- height: 220%; }
4589
-
4590
- .premium-button-style3-before i,
4591
- .premium-button-style3-before svg {
4592
- opacity: 0;
4593
- -webkit-transform: translateX(-5px);
4594
- -ms-transform: translateX(-5px);
4595
- transform: translateX(-5px);
4596
- -webkit-transition: all 0.5s ease-in-out;
4597
- transition: all 0.5s ease-in-out; }
4598
-
4599
- .premium-button-style3-after i,
4600
- .premium-button-style3-after svg {
4601
- opacity: 0;
4602
- -webkit-transform: translateX(-5px);
4603
- -ms-transform: translateX(-5px);
4604
- transform: translateX(-5px);
4605
- -webkit-transition: all 0.5s ease-in-out;
4606
- transition: all 0.5s ease-in-out;
4607
- -webkit-transform: translateX(5px);
4608
- -ms-transform: translateX(5px);
4609
- transform: translateX(5px); }
4610
-
4611
- .premium-button-style3-after:hover i,
4612
- .premium-button-style3-after:hover svg {
4613
- opacity: 1; }
4614
-
4615
- .premium-button-style3-before:hover i,
4616
- .premium-button-style3-before:hover svg {
4617
- opacity: 1; }
4618
-
4619
- .premium-button-text-icon-wrapper {
4620
- -js-display: flex;
4621
- display: -webkit-box;
4622
- display: -webkit-flex;
4623
- display: -moz-box;
4624
- display: -ms-flexbox;
4625
- display: flex;
4626
- -webkit-box-pack: center;
4627
- -webkit-justify-content: center;
4628
- -moz-box-pack: center;
4629
- -ms-flex-pack: center;
4630
- justify-content: center;
4631
- -webkit-box-align: center;
4632
- -webkit-align-items: center;
4633
- -moz-box-align: center;
4634
- -ms-flex-align: center;
4635
- align-items: center;
4636
- -webkit-transition: all 0.2s ease-in-out;
4637
- transition: all 0.2s ease-in-out; }
4638
- .premium-button-text-icon-wrapper span,
4639
- .premium-button-text-icon-wrapper i {
4640
- -webkit-transition: all 0.2s ease-in-out;
4641
- transition: all 0.2s ease-in-out; }
4642
-
4643
- .premium-button-style4-icon-wrapper {
4644
- position: absolute;
4645
- z-index: 2;
4646
- width: 100%;
4647
- text-align: center;
4648
- -js-display: flex;
4649
- display: -webkit-box;
4650
- display: -webkit-flex;
4651
- display: -moz-box;
4652
- display: -ms-flexbox;
4653
- display: flex;
4654
- -webkit-box-align: center;
4655
- -webkit-align-items: center;
4656
- -moz-box-align: center;
4657
- -ms-flex-align: center;
4658
- align-items: center;
4659
- -webkit-box-pack: center;
4660
- -webkit-justify-content: center;
4661
- -moz-box-pack: center;
4662
- -ms-flex-pack: center;
4663
- justify-content: center;
4664
- height: 100%;
4665
- opacity: 0;
4666
- -webkit-transition: all 0.3s ease-in-out;
4667
- transition: all 0.3s ease-in-out; }
4668
- .premium-button-style4-icon-wrapper.top {
4669
- bottom: -100%;
4670
- left: 0; }
4671
- .premium-button-style4-icon-wrapper.bottom {
4672
- top: -100%;
4673
- left: 0; }
4674
- .premium-button-style4-icon-wrapper.left {
4675
- top: 0;
4676
- left: -100%; }
4677
- .premium-button-style4-icon-wrapper.right {
4678
- top: 0;
4679
- right: -100%; }
4680
-
4681
- .premium-button-style4-bottom:hover .premium-button-style4-icon-wrapper {
4682
- top: 0;
4683
- opacity: 1; }
4684
-
4685
- .premium-button-style4-top:hover .premium-button-style4-icon-wrapper {
4686
- bottom: 0;
4687
- opacity: 1; }
4688
-
4689
- .premium-button-style4-left:hover .premium-button-style4-icon-wrapper {
4690
- left: 0;
4691
- opacity: 1; }
4692
-
4693
- .premium-button-style4-right:hover .premium-button-style4-icon-wrapper {
4694
- right: 0;
4695
- opacity: 1; }
4696
-
4697
- .premium-button-style4-bottom:hover .premium-button-text-icon-wrapper {
4698
- -webkit-transform: translateY(100%);
4699
- -ms-transform: translateY(100%);
4700
- transform: translateY(100%);
4701
- opacity: 0; }
4702
-
4703
- .premium-button-style4-top:hover .premium-button-text-icon-wrapper {
4704
- -webkit-transform: translateY(-100%);
4705
- -ms-transform: translateY(-100%);
4706
- transform: translateY(-100%);
4707
- opacity: 0; }
4708
-
4709
- .premium-button-style4-left:hover .premium-button-text-icon-wrapper {
4710
- -webkit-transform: translateX(100%);
4711
- -ms-transform: translateX(100%);
4712
- transform: translateX(100%);
4713
- opacity: 0; }
4714
-
4715
- .premium-button-style4-right:hover .premium-button-text-icon-wrapper {
4716
- -webkit-transform: translateX(-100%);
4717
- -ms-transform: translateX(-100%);
4718
- transform: translateX(-100%);
4719
- opacity: 0; }
4720
-
4721
- .premium-button-style6:before {
4722
- content: "";
4723
- position: absolute;
4724
- left: 50%;
4725
- top: 50%;
4726
- width: 100px;
4727
- height: 100px;
4728
- -webkit-border-radius: 100%;
4729
- border-radius: 100%;
4730
- -webkit-transform: translate(-50%, -50%) scale(0);
4731
- -ms-transform: translate(-50%, -50%) scale(0);
4732
- transform: translate(-50%, -50%) scale(0);
4733
- -webkit-transition: all 0.3s ease-in-out;
4734
- transition: all 0.3s ease-in-out; }
4735
-
4736
- .premium-button-style6:hover:before {
4737
- -webkit-transform: translate(-50%, -50%) scale(3);
4738
- -ms-transform: translate(-50%, -50%) scale(3);
4739
- transform: translate(-50%, -50%) scale(3); }
4740
-
4741
- .premium-button-style6 .premium-button-text-icon-wrapper {
4742
- position: relative;
4743
- z-index: 1; }
4744
-
4745
- .premium-mouse-detect-yes .premium-button-style6 .premium-button-style6-bg {
4746
- position: absolute;
4747
- z-index: 0;
4748
- top: 0;
4749
- left: 0;
4750
- width: 0px;
4751
- height: 0px;
4752
- -webkit-border-radius: 50%;
4753
- border-radius: 50%;
4754
- display: block;
4755
- -webkit-transform: translate(-50%, -50%);
4756
- -ms-transform: translate(-50%, -50%);
4757
- transform: translate(-50%, -50%);
4758
- -webkit-transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
4759
- transition: width 0.4s ease-in-out, height 0.4s ease-in-out; }
4760
-
4761
- .premium-mouse-detect-yes .premium-button-style6:hover .premium-button-style6-bg {
4762
- width: 225%;
4763
- height: 560px; }
4764
-
4765
- .premium-mouse-detect-yes .premium-button-style6:before {
4766
- width: 0;
4767
- height: 0; }
4768
-
4769
- /**************** Premium Contact Form7 **********/
4770
- /*************************************************/
4771
- .premium-contact-form-anim-yes .wpcf7-span::after {
4772
- display: block;
4773
- height: 2px;
4774
- content: "";
4775
- top: -2px;
4776
- position: relative;
4777
- width: 0px;
4778
- -webkit-transition: all ease-in-out 0.3s;
4779
- transition: all ease-in-out 0.3s; }
4780
-
4781
- .premium-contact-form-anim-yes .wpcf7-span.is-focused::after {
4782
- width: 100%; }
4783
-
4784
- /**************** Premium Image Button ***********/
4785
- /*************************************************/
4786
- .premium-image-button {
4787
- display: inline-block;
4788
- position: relative;
4789
- overflow: hidden;
4790
- background: #6ec1e4;
4791
- cursor: pointer;
4792
- -webkit-transition: all 0.2s ease-in-out !important;
4793
- transition: all 0.2s ease-in-out !important; }
4794
- .premium-image-button:hover {
4795
- background-color: #54595f; }
4796
-
4797
- /*Default background for slide styles*/
4798
- .premium-image-button-style4-icon-wrapper,
4799
- .premium-image-button-style1-top:before,
4800
- .premium-image-button-style1-bottom:before,
4801
- .premium-image-button-style1-left:before,
4802
- .premium-image-button-style1-right:before {
4803
- background-color: #54595f; }
4804
-
4805
- .premium-image-button.premium-image-button-sm {
4806
- padding: 12px 24px;
4807
- font-size: 14px;
4808
- line-height: 1; }
4809
-
4810
- .premium-image-button.premium-image-button-md {
4811
- padding: 14px 26px;
4812
- font-size: 16px;
4813
- line-height: 1.2; }
4814
-
4815
- .premium-image-button.premium-image-button-lg {
4816
- padding: 16px 28px;
4817
- font-size: 18px;
4818
- line-height: 1.3333; }
4819
-
4820
- .premium-image-button.premium-image-button-block {
4821
- font-size: 15px;
4822
- line-height: 1;
4823
- padding: 12px 24px;
4824
- width: 100%;
4825
- text-align: center; }
4826
-
4827
- .premium-image-button-text-icon-wrapper {
4828
- -js-display: flex;
4829
- display: -webkit-box;
4830
- display: -webkit-flex;
4831
- display: -moz-box;
4832
- display: -ms-flexbox;
4833
- display: flex;
4834
- -webkit-box-pack: center;
4835
- -webkit-justify-content: center;
4836
- -moz-box-pack: center;
4837
- -ms-flex-pack: center;
4838
- justify-content: center;
4839
- -webkit-box-align: center;
4840
- -webkit-align-items: center;
4841
- -moz-box-align: center;
4842
- -ms-flex-align: center;
4843
- align-items: center;
4844
- position: relative;
4845
- z-index: 3;
4846
- -webkit-transition: all 0.2s ease-in-out;
4847
- transition: all 0.2s ease-in-out; }
4848
- .premium-image-button-text-icon-wrapper span,
4849
- .premium-image-button-text-icon-wrapper i {
4850
- -webkit-transition: all 0.2s ease-in-out;
4851
- transition: all 0.2s ease-in-out; }
4852
-
4853
- .premium-image-button-style1-bottom:before,
4854
- .premium-image-button-style1-top:before,
4855
- .premium-image-button-style1-left:before,
4856
- .premium-image-button-style1-right:before {
4857
- -webkit-transition: all 0.2s ease-in-out;
4858
- transition: all 0.2s ease-in-out; }
4859
-
4860
- .premium-image-button-style1-bottom:before {
4861
- content: "";
4862
- position: absolute;
4863
- width: 100%;
4864
- height: 0;
4865
- top: 0;
4866
- left: 0; }
4867
-
4868
- .premium-image-button-style1-top:before {
4869
- content: "";
4870
- position: absolute;
4871
- width: 100%;
4872
- height: 0;
4873
- bottom: 0;
4874
- left: 0; }
4875
-
4876
- .premium-image-button-style1-right:before {
4877
- content: "";
4878
- position: absolute;
4879
- width: 0;
4880
- height: 100%;
4881
- bottom: 0;
4882
- left: 0; }
4883
-
4884
- .premium-image-button-style1-left:before {
4885
- content: "";
4886
- position: absolute;
4887
- width: 0;
4888
- height: 100%;
4889
- top: 0;
4890
- right: 0; }
4891
-
4892
- .premium-image-button-style1-bottom:hover:before,
4893
- .premium-image-button-style1-top:hover:before {
4894
- height: 100%; }
4895
-
4896
- .premium-image-button-style1-right:hover:before,
4897
- .premium-image-button-style1-left:hover:before {
4898
- width: 100%; }
4899
-
4900
- .premium-image-button-diagonal-effect-top,
4901
- .premium-image-button-diagonal-effect-bottom,
4902
- .premium-image-button-diagonal-effect-left,
4903
- .premium-image-button-diagonal-effect-right {
4904
- z-index: 10; }
4905
-
4906
- .premium-image-button-diagonal-effect-top:before,
4907
- .premium-image-button-diagonal-effect-bottom:before,
4908
- .premium-image-button-diagonal-effect-left:before {
4909
- position: absolute;
4910
- top: 0px;
4911
- left: 0px;
4912
- width: 100%;
4913
- height: 100%;
4914
- content: "";
4915
- z-index: 1;
4916
- background: rgba(255, 255, 255, 0.2);
4917
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
4918
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
4919
- -webkit-transition: all 0.8s ease-out;
4920
- transition: all 0.8s ease-out; }
4921
-
4922
- .premium-image-button-diagonal-effect-right:before {
4923
- position: absolute;
4924
- top: 0px;
4925
- left: 0px;
4926
- width: 100%;
4927
- height: 100%;
4928
- content: "";
4929
- z-index: 1;
4930
- background: rgba(255, 255, 255, 0.2);
4931
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
4932
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
4933
- -webkit-transition: all 0.8s ease-out;
4934
- transition: all 0.8s ease-out; }
4935
-
4936
- .premium-image-button-diagonal-effect-right:hover:before {
4937
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
4938
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0); }
4939
-
4940
- .premium-image-button-diagonal-effect-left:before {
4941
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
4942
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0); }
4943
-
4944
- .premium-image-button-diagonal-effect-left:hover:before {
4945
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
4946
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0); }
4947
-
4948
- .premium-image-button-diagonal-effect-right:before {
4949
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
4950
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0); }
4951
-
4952
- .premium-image-button-diagonal-effect-top:hover:before {
4953
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
4954
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0); }
4955
-
4956
- .premium-image-button-diagonal-effect-bottom:before {
4957
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
4958
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0); }
4959
-
4960
- .premium-image-button-diagonal-effect-bottom:hover:before {
4961
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
4962
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); }
4963
-
4964
- .premium-image-button-diagonal-effect-top:before {
4965
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
4966
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); }
4967
-
4968
- .premium-image-button-style4-icon-wrapper {
4969
- position: absolute;
4970
- z-index: 2;
4971
- width: 100%;
4972
- text-align: center;
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-box-align: center;
4980
- -webkit-align-items: center;
4981
- -moz-box-align: center;
4982
- -ms-flex-align: center;
4983
- align-items: center;
4984
- -webkit-box-pack: center;
4985
- -webkit-justify-content: center;
4986
- -moz-box-pack: center;
4987
- -ms-flex-pack: center;
4988
- justify-content: center;
4989
- height: 100%;
4990
- opacity: 0;
4991
- -webkit-transition: all 0.3s ease-in-out;
4992
- transition: all 0.3s ease-in-out; }
4993
- .premium-image-button-style4-icon-wrapper.top {
4994
- bottom: -100%;
4995
- left: 0; }
4996
- .premium-image-button-style4-icon-wrapper.bottom {
4997
- top: -100%;
4998
- left: 0; }
4999
- .premium-image-button-style4-icon-wrapper.left {
5000
- top: 0;
5001
- left: -100%; }
5002
- .premium-image-button-style4-icon-wrapper.right {
5003
- top: 0;
5004
- right: -100%; }
5005
-
5006
- .premium-image-button-style4-bottom:hover .premium-image-button-style4-icon-wrapper {
5007
- top: 0;
5008
- opacity: 1; }
5009
-
5010
- .premium-image-button-style4-top:hover .premium-image-button-style4-icon-wrapper {
5011
- bottom: 0;
5012
- opacity: 1; }
5013
-
5014
- .premium-image-button-style4-left:hover .premium-image-button-style4-icon-wrapper {
5015
- left: 0;
5016
- opacity: 1; }
5017
-
5018
- .premium-image-button-style4-right:hover .premium-image-button-style4-icon-wrapper {
5019
- right: 0;
5020
- opacity: 1; }
5021
-
5022
- .premium-image-button-style4-bottom:hover .premium-image-button-text-icon-wrapper {
5023
- -webkit-transform: translateY(100%);
5024
- -ms-transform: translateY(100%);
5025
- transform: translateY(100%);
5026
- opacity: 0; }
5027
-
5028
- .premium-image-button-style4-top:hover .premium-image-button-text-icon-wrapper {
5029
- -webkit-transform: translateY(-100%);
5030
- -ms-transform: translateY(-100%);
5031
- transform: translateY(-100%);
5032
- opacity: 0; }
5033
-
5034
- .premium-image-button-style4-left:hover .premium-image-button-text-icon-wrapper {
5035
- -webkit-transform: translateX(100%);
5036
- -ms-transform: translateX(100%);
5037
- transform: translateX(100%);
5038
- opacity: 0; }
5039
-
5040
- .premium-image-button-style4-right:hover .premium-image-button-text-icon-wrapper {
5041
- -webkit-transform: translateX(-100%);
5042
- -ms-transform: translateX(-100%);
5043
- transform: translateX(-100%);
5044
- opacity: 0; }
5045
-
5046
- .premium-image-button-overlap-effect-horizontal:before {
5047
- position: absolute;
5048
- content: "";
5049
- top: 0;
5050
- left: 0;
5051
- width: 100%;
5052
- height: 100%;
5053
- opacity: 0;
5054
- -webkit-transition: all 1s ease-in-out;
5055
- transition: all 1s ease-in-out;
5056
- background: rgba(255, 255, 255, 0.2);
5057
- -webkit-animation-name: premium-overlap-effect-done;
5058
- animation-name: premium-overlap-effect-done;
5059
- -webkit-animation-duration: 1s;
5060
- animation-duration: 1s; }
5061
-
5062
- .premium-image-button-overlap-effect-vertical:before {
5063
- position: absolute;
5064
- content: "";
5065
- top: 0;
5066
- left: 0;
5067
- width: 100%;
5068
- height: 100%;
5069
- opacity: 0;
5070
- -webkit-transition: all 1s ease-in-out;
5071
- transition: all 1s ease-in-out;
5072
- background: rgba(255, 255, 255, 0.2);
5073
- -webkit-animation-name: premium-overlap-effect-done;
5074
- animation-name: premium-overlap-effect-done;
5075
- -webkit-animation-duration: 1s;
5076
- animation-duration: 1s;
5077
- -webkit-animation-name: premium-overlap-ver-effect-done;
5078
- animation-name: premium-overlap-ver-effect-done;
5079
- animation-duration: 1s; }
5080
-
5081
- .premium-image-button-overlap-effect-horizontal:hover:before {
5082
- -webkit-animation-name: premium-overlap-effect;
5083
- animation-name: premium-overlap-effect;
5084
- -webkit-animation-duration: 1s;
5085
- animation-duration: 1s; }
5086
-
5087
- .premium-image-button-overlap-effect-vertical:hover:before {
5088
- -webkit-animation-name: premium-overlap-ver-effect;
5089
- animation-name: premium-overlap-ver-effect;
5090
- -webkit-animation-duration: 1s;
5091
- animation-duration: 1s; }
5092
-
5093
- @-webkit-keyframes premium-overlap-effect {
5094
- 0% {
5095
- opacity: 0;
5096
- -webkit-transform: rotateY(0deg);
5097
- transform: rotateY(0deg); }
5098
- 50% {
5099
- opacity: 1;
5100
- -webkit-transform: rotateY(180deg);
5101
- transform: rotateY(180deg); }
5102
- 100% {
5103
- opacity: 0;
5104
- -webkit-transform: rotateY(360deg);
5105
- transform: rotateY(360deg); } }
5106
-
5107
- @keyframes premium-overlap-effect {
5108
- 0% {
5109
- opacity: 0;
5110
- -webkit-transform: rotateY(0deg);
5111
- transform: rotateY(0deg); }
5112
- 50% {
5113
- opacity: 1;
5114
- -webkit-transform: rotateY(180deg);
5115
- transform: rotateY(180deg); }
5116
- 100% {
5117
- opacity: 0;
5118
- -webkit-transform: rotateY(360deg);
5119
- transform: rotateY(360deg); } }
5120
-
5121
- @-webkit-keyframes premium-overlap-effect-done {
5122
- 0% {
5123
- opacity: 0;
5124
- -webkit-transform: rotateY(0deg);
5125
- transform: rotateY(0deg); }
5126
- 50% {
5127
- opacity: 1;
5128
- -webkit-transform: rotateY(180deg);
5129
- transform: rotateY(180deg); }
5130
- 100% {
5131
- opacity: 0;
5132
- -webkit-transform: rotateY(360deg);
5133
- transform: rotateY(360deg); } }
5134
-
5135
- @keyframes premium-overlap-effect-done {
5136
- 0% {
5137
- opacity: 0;
5138
- -webkit-transform: rotateY(0deg);
5139
- transform: rotateY(0deg); }
5140
- 50% {
5141
- opacity: 1;
5142
- -webkit-transform: rotateY(180deg);
5143
- transform: rotateY(180deg); }
5144
- 100% {
5145
- opacity: 0;
5146
- -webkit-transform: rotateY(360deg);
5147
- transform: rotateY(360deg); } }
5148
-
5149
- @-webkit-keyframes premium-overlap-ver-effect {
5150
- 0% {
5151
- opacity: 0;
5152
- -webkit-transform: rotateX(0deg);
5153
- transform: rotateX(0deg); }
5154
- 50% {
5155
- opacity: 1;
5156
- -webkit-transform: rotateX(180deg);
5157
- transform: rotateX(180deg); }
5158
- 100% {
5159
- opacity: 0;
5160
- -webkit-transform: rotateX(360deg);
5161
- transform: rotateX(360deg); } }
5162
-
5163
- @keyframes premium-overlap-ver-effect {
5164
- 0% {
5165
- opacity: 0;
5166
- -webkit-transform: rotateX(0deg);
5167
- transform: rotateX(0deg); }
5168
- 50% {
5169
- opacity: 1;
5170
- -webkit-transform: rotateX(180deg);
5171
- transform: rotateX(180deg); }
5172
- 100% {
5173
- opacity: 0;
5174
- -webkit-transform: rotateX(360deg);
5175
- transform: rotateX(360deg); } }
5176
-
5177
- @-webkit-keyframes premium-overlap-ver-effect-done {
5178
- 0% {
5179
- opacity: 0;
5180
- -webkit-transform: rotateX(0deg);
5181
- transform: rotateX(0deg); }
5182
- 50% {
5183
- opacity: 1;
5184
- -webkit-transform: rotateX(180deg);
5185
- transform: rotateX(180deg); }
5186
- 100% {
5187
- opacity: 0;
5188
- -webkit-transform: rotateX(360deg);
5189
- transform: rotateX(360deg); } }
5190
-
5191
- @keyframes premium-overlap-ver-effect-done {
5192
- 0% {
5193
- opacity: 0;
5194
- -webkit-transform: rotateX(0deg);
5195
- transform: rotateX(0deg); }
5196
- 50% {
5197
- opacity: 1;
5198
- -webkit-transform: rotateX(180deg);
5199
- transform: rotateX(180deg); }
5200
- 100% {
5201
- opacity: 0;
5202
- -webkit-transform: rotateX(360deg);
5203
- transform: rotateX(360deg); } }
5204
-
5205
- /**************** Premium Grid *******************/
5206
- /*************************************************/
5207
- .premium-img-gallery-filter,
5208
- .premium-blog-filter {
5209
- -js-display: flex;
5210
- display: -webkit-box;
5211
- display: -webkit-flex;
5212
- display: -moz-box;
5213
- display: -ms-flexbox;
5214
- display: flex;
5215
- -webkit-box-align: center;
5216
- -webkit-align-items: center;
5217
- -moz-box-align: center;
5218
- -ms-flex-align: center;
5219
- align-items: center;
5220
- -webkit-box-pack: center;
5221
- -webkit-justify-content: center;
5222
- -moz-box-pack: center;
5223
- -ms-flex-pack: center;
5224
- justify-content: center; }
5225
-
5226
- .premium-img-gallery {
5227
- clear: both;
5228
- overflow: hidden; }
5229
-
5230
- .premium-gallery-container .premium-gallery-item {
5231
- padding: 10px;
5232
- float: left; }
5233
-
5234
- .premium-gallery-container .grid-sizer {
5235
- width: 33.33%; }
5236
-
5237
- .premium-gallery-container .pa-gallery-item {
5238
- padding: 10px; }
5239
-
5240
- .premium-img-gallery-filter .premium-gallery-cats-container li a.category,
5241
- .premium-blog-filter .premium-blog-filters-container li a.category {
5242
- outline: none;
5243
- text-decoration: none;
5244
- -webkit-border-radius: 75px;
5245
- border-radius: 75px;
5246
- margin: 15px 5px 20px;
5247
- padding: 7px 20px;
5248
- -webkit-transition: all 0.3s ease-in-out;
5249
- transition: all 0.3s ease-in-out; }
5250
-
5251
- .premium-img-gallery-filter .premium-gallery-cats-container li a.category span {
5252
- -webkit-transition: all 0.3s ease-in-out;
5253
- transition: all 0.3s ease-in-out; }
5254
-
5255
- .pa-gallery-img {
5256
- position: relative; }
5257
- .pa-gallery-img .pa-gallery-whole-link {
5258
- position: absolute;
5259
- top: 0;
5260
- left: 0;
5261
- width: 100%;
5262
- height: 100%; }
5263
- .pa-gallery-img.style2 .pa-gallery-whole-link {
5264
- z-index: 99; }
5265
-
5266
- .pa-gallery-img-container {
5267
- overflow: hidden;
5268
- -webkit-backface-visibility: hidden;
5269
- backface-visibility: hidden;
5270
- -webkit-transform: translate3d(0, 0, 0);
5271
- transform: translate3d(0, 0, 0); }
5272
- .pa-gallery-img-container img {
5273
- display: block;
5274
- width: 100%;
5275
- -webkit-transition: all 0.3s ease-in-out;
5276
- transition: all 0.3s ease-in-out; }
5277
-
5278
- .premium-img-gallery.gray img {
5279
- -webkit-filter: grayscale(100%);
5280
- filter: grayscale(100%); }
5281
-
5282
- .premium-img-gallery.zoomout img,
5283
- .premium-img-gallery.scale img {
5284
- -webkit-transform: scale(1.2);
5285
- -ms-transform: scale(1.2);
5286
- transform: scale(1.2); }
5287
-
5288
- .premium-img-gallery.sepia img {
5289
- -webkit-filter: sepia(30%);
5290
- filter: sepia(30%); }
5291
-
5292
- .premium-img-gallery.bright img {
5293
- -webkit-filter: brightness(1);
5294
- filter: brightness(1); }
5295
-
5296
- .premium-img-gallery.trans img {
5297
- -webkit-transform: translateX(-15px) scale(1.1);
5298
- -ms-transform: translateX(-15px) scale(1.1);
5299
- transform: translateX(-15px) scale(1.1); }
5300
-
5301
- .pa-gallery-img .pa-gallery-magnific-image,
5302
- .pa-gallery-img .pa-gallery-img-link {
5303
- outline: none; }
5304
-
5305
- .pa-gallery-img .pa-gallery-magnific-image span,
5306
- .pa-gallery-img .pa-gallery-img-link span {
5307
- line-height: 1;
5308
- display: inline-block;
5309
- opacity: 0;
5310
- margin: 0 5px;
5311
- padding: 15px;
5312
- -webkit-border-radius: 50%;
5313
- border-radius: 50%; }
5314
-
5315
- .pa-gallery-img.style2 .pa-gallery-magnific-image span,
5316
- .pa-gallery-img.style2 .pa-gallery-img-link span {
5317
- margin: 0 5px 20px; }
5318
-
5319
- .pa-gallery-img:hover .pa-gallery-magnific-image span {
5320
- -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
5321
- transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s; }
5322
-
5323
- .pa-gallery-img:hover .pa-gallery-img-link span {
5324
- -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
5325
- transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s; }
5326
-
5327
- .pa-gallery-img:hover .pa-gallery-magnific-image span,
5328
- .pa-gallery-img:hover .pa-gallery-img-link span {
5329
- opacity: 1; }
5330
-
5331
- .premium-gallery-icon-show a.pa-gallery-video-icon span {
5332
- opacity: 1; }
5333
-
5334
- .premium-img-gallery-filter ul.premium-gallery-cats-container,
5335
- .premium-blog-filter ul.premium-blog-filters-container {
5336
- text-align: center;
5337
- margin: 0;
5338
- padding: 0; }
5339
-
5340
- .premium-img-gallery-filter .premium-gallery-cats-container li,
5341
- .premium-blog-filter .premium-blog-filters-container li {
5342
- list-style: none;
5343
- -js-display: inline-flex;
5344
- display: -webkit-inline-box;
5345
- display: -webkit-inline-flex;
5346
- display: -moz-inline-box;
5347
- display: -ms-inline-flexbox;
5348
- display: inline-flex; }
5349
-
5350
- .premium-img-gallery.zoomin .pa-gallery-img:hover img {
5351
- -webkit-transform: scale(1.1);
5352
- -ms-transform: scale(1.1);
5353
- transform: scale(1.1); }
5354
-
5355
- .premium-img-gallery.zoomout .pa-gallery-img:hover img {
5356
- -webkit-transform: scale(1);
5357
- -ms-transform: scale(1);
5358
- transform: scale(1); }
5359
-
5360
- .premium-img-gallery.scale .pa-gallery-img:hover img {
5361
- -webkit-transform: scale(1.3) rotate(5deg);
5362
- -ms-transform: scale(1.3) rotate(5deg);
5363
- transform: scale(1.3) rotate(5deg); }
5364
-
5365
- .premium-img-gallery.gray .pa-gallery-img:hover img {
5366
- -webkit-filter: grayscale(0%);
5367
- filter: grayscale(0%); }
5368
-
5369
- .premium-img-gallery.blur .pa-gallery-img:hover img {
5370
- -webkit-filter: blur(3px);
5371
- filter: blur(3px); }
5372
-
5373
- .premium-img-gallery.sepia .pa-gallery-img:hover img {
5374
- -webkit-filter: sepia(0%);
5375
- filter: sepia(0%); }
5376
-
5377
- .premium-img-gallery.trans .pa-gallery-img:hover img {
5378
- -webkit-transform: translateX(0px) scale(1.1);
5379
- -ms-transform: translateX(0px) scale(1.1);
5380
- transform: translateX(0px) scale(1.1); }
5381
-
5382
- .premium-img-gallery.bright .pa-gallery-img:hover img {
5383
- -webkit-filter: brightness(1.2);
5384
- filter: brightness(1.2); }
5385
-
5386
- .pa-gallery-img .premium-gallery-caption {
5387
- padding: 10px; }
5388
- .pa-gallery-img .premium-gallery-caption .premium-gallery-img-name {
5389
- margin-bottom: 0; }
5390
-
5391
- .pa-gallery-img.style1 {
5392
- overflow: hidden; }
5393
-
5394
- .pa-gallery-img:not(.style2) .pa-gallery-icons-wrapper {
5395
- position: absolute;
5396
- top: 0;
5397
- left: 0;
5398
- width: 100%;
5399
- height: 100%;
5400
- -webkit-transition: all 0.3s ease-in-out;
5401
- transition: all 0.3s ease-in-out; }
5402
-
5403
- .pa-gallery-img:not(.style2) .pa-gallery-icons-inner-container {
5404
- position: absolute;
5405
- top: 33.33%;
5406
- width: 100%;
5407
- text-align: center;
5408
- -webkit-transform: translateY(-50%);
5409
- -ms-transform: translateY(-50%);
5410
- transform: translateY(-50%);
5411
- z-index: 999; }
5412
-
5413
- .pa-gallery-img.style1 .premium-gallery-caption {
5414
- position: absolute;
5415
- top: auto;
5416
- right: 0;
5417
- bottom: -1px;
5418
- left: 0;
5419
- width: 100%;
5420
- -webkit-transition: all 500ms ease 0s;
5421
- transition: all 500ms ease 0s;
5422
- -webkit-transform: translate3d(0, 100%, 0);
5423
- transform: translate3d(0, 100%, 0); }
5424
-
5425
- .pa-gallery-img.style1:hover .premium-gallery-caption {
5426
- -webkit-transform: translate3d(0, 0, 0);
5427
- transform: translate3d(0, 0, 0);
5428
- bottom: -1px !important; }
5429
-
5430
- .pa-gallery-img.default .premium-gallery-caption {
5431
- position: absolute;
5432
- top: auto;
5433
- right: 0;
5434
- left: 0;
5435
- width: 100%;
5436
- bottom: 0; }
5437
-
5438
- .pa-gallery-img.style2 .pa-gallery-icons-caption-container {
5439
- position: absolute;
5440
- top: 0;
5441
- left: 0;
5442
- width: 100%;
5443
- height: 100%;
5444
- opacity: 0;
5445
- -webkit-backface-visibility: hidden;
5446
- backface-visibility: hidden;
5447
- -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
5448
- transition: opacity 0.3s, -webkit-transform 0.3s;
5449
- transition: transform 0.3s, opacity 0.3s;
5450
- transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
5451
- z-index: 1;
5452
- background-color: rgba(108, 191, 226, 0.68);
5453
- -js-display: flex;
5454
- display: -webkit-box;
5455
- display: -webkit-flex;
5456
- display: -moz-box;
5457
- display: -ms-flexbox;
5458
- display: flex;
5459
- text-align: center;
5460
- -webkit-box-align: center;
5461
- -webkit-align-items: center;
5462
- -moz-box-align: center;
5463
- -ms-flex-align: center;
5464
- align-items: center; }
5465
-
5466
- .pa-gallery-img.style2 .pa-gallery-icons-caption-cell {
5467
- width: 100%; }
5468
-
5469
- .pa-gallery-img.style2:hover .pa-gallery-icons-caption-container {
5470
- opacity: 1;
5471
- -webkit-transform: translate(15px, 15px);
5472
- -ms-transform: translate(15px, 15px);
5473
- transform: translate(15px, 15px); }
5474
-
5475
- .premium-clearfix {
5476
- clear: both; }
5477
-
5478
- /** * Metro Style */
5479
- .premium-img-gallery-metro .premium-gallery-item {
5480
- overflow: hidden; }
5481
-
5482
- .premium-img-gallery-metro .pa-gallery-img,
5483
- .premium-img-gallery-metro .pa-gallery-img-container {
5484
- height: 100%; }
5485
-
5486
- .premium-img-gallery-metro .pa-gallery-image {
5487
- min-height: 100%;
5488
- width: 100%;
5489
- -o-object-fit: fill;
5490
- object-fit: fill; }
5491
-
5492
- .premium-img-gallery .premium-gallery-item-hidden {
5493
- visibility: hidden;
5494
- width: 0 !important;
5495
- height: 0 !important;
5496
- margin: 0 !important;
5497
- padding: 0 !important; }
5498
-
5499
- .premium-gallery-load-more .premium-gallery-load-more-btn {
5500
- -webkit-box-shadow: none;
5501
- box-shadow: none;
5502
- text-shadow: none;
5503
- border: none;
5504
- outline: none;
5505
- -webkit-box-align: center;
5506
- -webkit-align-items: center;
5507
- -moz-box-align: center;
5508
- -ms-flex-align: center;
5509
- align-items: center;
5510
- vertical-align: bottom;
5511
- cursor: pointer;
5512
- line-height: 1;
5513
- font-style: normal;
5514
- font-weight: normal;
5515
- background-image: none;
5516
- color: #fff;
5517
- -webkit-transition: all 0.3s ease-in-out;
5518
- transition: all 0.3s ease-in-out; }
5519
-
5520
- .premium-gallery-load-more-btn {
5521
- -js-display: inline-flex;
5522
- display: -webkit-inline-box;
5523
- display: -webkit-inline-flex;
5524
- display: -moz-inline-box;
5525
- display: -ms-inline-flexbox;
5526
- display: inline-flex;
5527
- -webkit-box-align: center;
5528
- -webkit-align-items: center;
5529
- -moz-box-align: center;
5530
- -ms-flex-align: center;
5531
- align-items: center; }
5532
-
5533
- .premium-loader {
5534
- border: 3px solid #f3f3f3;
5535
- border-top-width: 3px;
5536
- border-top-style: solid;
5537
- border-top-color: #f3f3f3;
5538
- -webkit-border-radius: 50%;
5539
- border-radius: 50%;
5540
- border-top: 3px solid;
5541
- border-top-color: #bbb;
5542
- width: 30px;
5543
- height: 30px;
5544
- -webkit-animation: spin 2s linear infinite;
5545
- animation: spin 2s linear infinite;
5546
- margin: 0 auto; }
5547
-
5548
- .premium-gallery-load-more-btn div {
5549
- margin-left: 3px; }
5550
-
5551
- .premium-gallery-load-more-btn .premium-loader {
5552
- display: inline-block;
5553
- width: 20px;
5554
- height: 20px; }
5555
-
5556
- .pa-gallery-img .pa-gallery-lightbox-wrap {
5557
- display: inline-block; }
5558
-
5559
- .premium-img-gallery-no-lightbox .premium-gallery-video-item .pa-gallery-img,
5560
- .pa-gallery-img .pa-gallery-video-icon {
5561
- cursor: pointer; }
5562
-
5563
- .pa-gallery-img-container iframe {
5564
- position: absolute;
5565
- visibility: hidden;
5566
- top: 0;
5567
- left: 0;
5568
- max-width: 100%;
5569
- width: 100%;
5570
- height: 100%;
5571
- margin: 0;
5572
- line-height: 1;
5573
- border: none; }
5574
-
5575
- .pa-gallery-img-container video {
5576
- position: absolute;
5577
- visibility: hidden;
5578
- top: 0;
5579
- left: 0;
5580
- max-width: 100%;
5581
- width: 100%;
5582
- height: 100%;
5583
- margin: 0;
5584
- line-height: 1;
5585
- border: none;
5586
- -o-object-fit: contain;
5587
- object-fit: contain; }
5588
-
5589
- .pa-gallery-icons-inner-container svg,
5590
- .pa-gallery-icons-caption-cell svg {
5591
- width: 14px;
5592
- height: 14px; }
5593
-
5594
- @-webkit-keyframes spin {
5595
- 0% {
5596
- -webkit-transform: rotate(0deg); }
5597
- 100% {
5598
- -webkit-transform: rotate(360deg); } }
5599
-
5600
- @keyframes spin {
5601
- 0% {
5602
- -webkit-transform: rotate(0deg);
5603
- transform: rotate(0deg); }
5604
- 100% {
5605
- -webkit-transform: rotate(360deg);
5606
- transform: rotate(360deg); } }
5607
-
5608
- /************ Premium Vertical Scroll ************/
5609
- /*************************************************/
5610
- .premium-vscroll-inner {
5611
- position: relative;
5612
- /* overflow: hidden;
5613
- */
5614
- min-height: 100%; }
5615
- .premium-vscroll-inner .premium-vscroll-dots {
5616
- position: fixed;
5617
- z-index: 100;
5618
- opacity: 1;
5619
- margin-top: -32px;
5620
- -webkit-transition: all 0.3s ease-in-out;
5621
- transition: all 0.3s ease-in-out; }
5622
-
5623
- .premium-vscroll-wrap .premium-vscroll-nav-menu {
5624
- opacity: 1;
5625
- -webkit-transition: all 0.3s ease-in-out;
5626
- transition: all 0.3s ease-in-out; }
5627
-
5628
- .premium-vscroll-inner .premium-vscroll-dots,
5629
- .premium-vscroll-wrap .premium-vscroll-dots-hide {
5630
- opacity: 0;
5631
- visibility: hidden; }
5632
-
5633
- .premium-vscroll-nav-dots-yes .premium-vscroll-inner .premium-vscroll-dots:not(.premium-vscroll-dots-hide) {
5634
- opacity: 1;
5635
- visibility: visible; }
5636
-
5637
- .premium-vscroll-dots.middle {
5638
- top: 50%; }
5639
-
5640
- .premium-vscroll-dots.top {
5641
- top: 40px; }
5642
-
5643
- .premium-vscroll-dots.bottom {
5644
- bottom: 30px; }
5645
-
5646
- .premium-vscroll-dots.right {
5647
- right: 17px; }
5648
-
5649
- .premium-vscroll-dots.left {
5650
- left: 17px; }
5651
-
5652
- .premium-vscroll-inner ul.premium-vscroll-dots-list,
5653
- .premium-vscroll-wrap .premium-vscroll-nav-menu {
5654
- margin: 0 !important;
5655
- padding: 0; }
5656
-
5657
- .premium-vscroll-inner ul.premium-vscroll-dots-list li {
5658
- width: 14px;
5659
- height: 13px;
5660
- margin: 7px;
5661
- position: relative;
5662
- -js-display: flex;
5663
- display: -webkit-box;
5664
- display: -webkit-flex;
5665
- display: -moz-box;
5666
- display: -ms-flexbox;
5667
- display: flex;
5668
- -webkit-box-pack: center;
5669
- -webkit-justify-content: center;
5670
- -moz-box-pack: center;
5671
- -ms-flex-pack: center;
5672
- justify-content: center;
5673
- -webkit-box-align: center;
5674
- -webkit-align-items: center;
5675
- -moz-box-align: center;
5676
- -ms-flex-align: center;
5677
- align-items: center;
5678
- overflow: visible; }
5679
-
5680
- .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link {
5681
- display: block;
5682
- position: relative;
5683
- z-index: 1;
5684
- width: 100%;
5685
- height: 100%;
5686
- cursor: pointer;
5687
- text-decoration: none; }
5688
- .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link span {
5689
- top: 2px;
5690
- left: 2.5px;
5691
- width: 8px;
5692
- height: 8px;
5693
- border: 1px solid #000;
5694
- -webkit-border-radius: 50%;
5695
- border-radius: 50%;
5696
- position: absolute;
5697
- z-index: 1;
5698
- -webkit-transition: all 0.3s ease-in-out;
5699
- transition: all 0.3s ease-in-out; }
5700
-
5701
- .premium-vscroll-inner .premium-vscroll-dot-item.active .premium-vscroll-nav-link span {
5702
- -webkit-transform: scale(1.6);
5703
- -ms-transform: scale(1.6);
5704
- transform: scale(1.6); }
5705
-
5706
- .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-tooltip {
5707
- position: absolute;
5708
- color: #fff;
5709
- font-size: 14px;
5710
- font-family: arial, helvetica, sans-serif;
5711
- white-space: nowrap;
5712
- max-width: 220px;
5713
- padding-left: 0.4em;
5714
- padding-right: 0.4em; }
5715
-
5716
- .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip {
5717
- right: 27px; }
5718
-
5719
- .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item {
5720
- width: 4px;
5721
- height: 30px; }
5722
- .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item span {
5723
- width: 100%;
5724
- height: 100%;
5725
- -webkit-border-radius: 0;
5726
- border-radius: 0; }
5727
- .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item.active span {
5728
- -webkit-transform: scale(1);
5729
- -ms-transform: scale(1);
5730
- transform: scale(1); }
5731
-
5732
- .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip::after {
5733
- position: absolute;
5734
- top: 50%;
5735
- content: "";
5736
- left: -webkit-calc(100% - 1px);
5737
- left: calc(100% - 1px);
5738
- width: 10px;
5739
- height: 0;
5740
- border-top: 6px solid transparent;
5741
- border-bottom: 6px solid transparent;
5742
- border-left: 6px solid;
5743
- -webkit-transform: translateY(-50%);
5744
- -ms-transform: translateY(-50%);
5745
- transform: translateY(-50%); }
5746
-
5747
- .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip {
5748
- left: 27px; }
5749
- .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip::after {
5750
- position: absolute;
5751
- top: 50%;
5752
- content: "";
5753
- right: -webkit-calc(100% - 1px);
5754
- right: calc(100% - 1px);
5755
- width: 10px;
5756
- height: 0;
5757
- border-top: 6px solid transparent;
5758
- border-bottom: 6px solid transparent;
5759
- border-right: 6px solid;
5760
- -webkit-transform: translateY(-50%);
5761
- -ms-transform: translateY(-50%);
5762
- transform: translateY(-50%); }
5763
-
5764
- /* * Lines */
5765
- @media (max-width: 768px) {
5766
- .premium-vscroll-dots.right {
5767
- right: 7px; }
5768
- .premium-vscroll-dots.left {
5769
- left: 7px; } }
5770
-
5771
- .premium-vscroll-nav-menu {
5772
- position: fixed;
5773
- top: 20px;
5774
- height: 40px;
5775
- z-index: 100;
5776
- padding: 0;
5777
- margin: 0; }
5778
- .premium-vscroll-nav-menu.left {
5779
- left: 0; }
5780
- .premium-vscroll-nav-menu.right {
5781
- right: 0; }
5782
- .premium-vscroll-nav-menu .premium-vscroll-nav-item {
5783
- display: inline-block;
5784
- margin: 10px;
5785
- color: #000;
5786
- background: #fff;
5787
- background: rgba(255, 255, 255, 0.3); }
5788
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link {
5789
- padding: 9px 18px;
5790
- display: block;
5791
- cursor: pointer;
5792
- color: #000; }
5793
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:hover {
5794
- color: #000; }
5795
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:focus {
5796
- outline: none; }
5797
-
5798
- .multiscroll-nav li a:focus {
5799
- outline: none; }
5800
-
5801
- .premium-vscroll-temp .slimScrollBar {
5802
- visibility: hidden; }
5803
-
5804
- /************ Premium Image Scroll ***************/
5805
- /*************************************************/
5806
- .premium-image-scroll-section,
5807
- .premium-image-scroll-container {
5808
- -webkit-transition: all 0.3s ease-in-out;
5809
- transition: all 0.3s ease-in-out; }
5810
-
5811
- .premium-image-scroll-section {
5812
- overflow: hidden;
5813
- width: 100%;
5814
- position: relative; }
5815
-
5816
- .premium-image-scroll-container {
5817
- width: 100%; }
5818
- .premium-image-scroll-container .premium-image-scroll-mask-media {
5819
- -webkit-mask-repeat: no-repeat;
5820
- mask-repeat: no-repeat;
5821
- -webkit-mask-position: center;
5822
- mask-position: center; }
5823
-
5824
- .premium-container-scroll {
5825
- overflow: auto; }
5826
-
5827
- .premium-image-scroll-container .premium-image-scroll-horizontal {
5828
- position: relative;
5829
- width: 100%;
5830
- height: 100%; }
5831
- .premium-image-scroll-container .premium-image-scroll-horizontal img {
5832
- max-width: none;
5833
- height: 100%; }
5834
-
5835
- .premium-image-scroll-container .premium-image-scroll-vertical img {
5836
- width: 100%;
5837
- max-width: 100%;
5838
- height: auto; }
5839
-
5840
- .premium-image-scroll-ver {
5841
- position: relative; }
5842
-
5843
- .premium-image-scroll-container .premium-image-scroll-overlay {
5844
- background: rgba(2, 2, 2, 0.3); }
5845
-
5846
- .premium-image-scroll-container .premium-image-scroll-link,
5847
- .premium-image-scroll-container .premium-image-scroll-overlay {
5848
- position: absolute;
5849
- top: 0;
5850
- bottom: 0;
5851
- left: 0;
5852
- right: 0;
5853
- z-index: 4; }
5854
-
5855
- .premium-image-scroll-content {
5856
- display: inline-block;
5857
- position: absolute;
5858
- height: auto;
5859
- top: 50%;
5860
- left: 50%;
5861
- text-align: center;
5862
- z-index: 5;
5863
- -webkit-transform: translate(-50%, -50%);
5864
- -ms-transform: translate(-50%, -50%);
5865
- transform: translate(-50%, -50%); }
5866
-
5867
- .premium-container-scroll-instant .premium-image-scroll-image {
5868
- -webkit-transition: all 0s ease-in-out !important;
5869
- transition: all 0s ease-in-out !important; }
5870
-
5871
- .premium-image-scroll-container img {
5872
- -webkit-transition: -webkit-transform 3s ease-in-out;
5873
- transition: -webkit-transform 3s ease-in-out;
5874
- transition: transform 3s ease-in-out;
5875
- transition: transform 3s ease-in-out, -webkit-transform 3s ease-in-out; }
5876
-
5877
- .premium-image-scroll-container .premium-image-scroll-overlay,
5878
- .premium-image-scroll-container .premium-image-scroll-content {
5879
- -webkit-transition: all 0.3s ease-in-out;
5880
- transition: all 0.3s ease-in-out;
5881
- opacity: 1; }
5882
-
5883
- .premium-image-scroll-container:hover .premium-image-scroll-overlay {
5884
- opacity: 0; }
5885
-
5886
- .premium-image-scroll-container:hover .premium-image-scroll-content {
5887
- opacity: 0;
5888
- visibility: hidden; }
5889
-
5890
- .premium-image-scroll-content .premium-image-scroll-icon {
5891
- display: inline-block;
5892
- font-family: "pa-elements" !important;
5893
- speak: none;
5894
- font-style: normal;
5895
- font-weight: normal;
5896
- font-variant: normal;
5897
- text-transform: none;
5898
- line-height: 1;
5899
- -webkit-font-smoothing: antialiased;
5900
- -moz-osx-font-smoothing: grayscale;
5901
- -webkit-animation-duration: 0.5s;
5902
- animation-duration: 0.5s;
5903
- -webkit-animation-iteration-count: infinite;
5904
- animation-iteration-count: infinite;
5905
- -webkit-animation-direction: alternate;
5906
- animation-direction: alternate;
5907
- -webkit-animation-timing-function: ease-in-out;
5908
- animation-timing-function: ease-in-out; }
5909
-
5910
- .pa-horizontal-mouse-scroll:before {
5911
- content: "\e917"; }
5912
-
5913
- .pa-vertical-mouse-scroll:before {
5914
- content: "\e918"; }
5915
-
5916
- .pa-horizontal-mouse-scroll {
5917
- -webkit-animation-name: pa-scroll-horizontal;
5918
- animation-name: pa-scroll-horizontal; }
5919
-
5920
- .pa-vertical-mouse-scroll {
5921
- -webkit-animation-name: pa-scroll-vertical;
5922
- animation-name: pa-scroll-vertical; }
5923
-
5924
- @-webkit-keyframes pa-scroll-vertical {
5925
- 0% {
5926
- -webkit-transform: translateY(0px);
5927
- transform: translateY(0px); }
5928
- 100% {
5929
- -webkit-transform: translateY(5px);
5930
- transform: translateY(5px); } }
5931
-
5932
- @keyframes pa-scroll-vertical {
5933
- 0% {
5934
- -webkit-transform: translateY(0px);
5935
- transform: translateY(0px); }
5936
- 100% {
5937
- -webkit-transform: translateY(5px);
5938
- transform: translateY(5px); } }
5939
-
5940
- @-webkit-keyframes pa-scroll-horizontal {
5941
- 0% {
5942
- -webkit-transform: translateX(0px);
5943
- transform: translateX(0px); }
5944
- 100% {
5945
- -webkit-transform: translateX(5px);
5946
- transform: translateX(5px); } }
5947
-
5948
- @keyframes pa-scroll-horizontal {
5949
- 0% {
5950
- -webkit-transform: translateX(0px);
5951
- transform: translateX(0px); }
5952
- 100% {
5953
- -webkit-transform: translateX(5px);
5954
- transform: translateX(5px); } }
5955
-
5956
- /********* Premium Lottie Animations **********/
5957
- /**********************************************/
5958
- .premium-lottie-wrap .premium-lottie-animation {
5959
- position: relative;
5960
- -js-display: inline-flex;
5961
- display: -webkit-inline-box;
5962
- display: -webkit-inline-flex;
5963
- display: -moz-inline-box;
5964
- display: -ms-inline-flexbox;
5965
- display: inline-flex;
5966
- -webkit-transition: all 0.3s ease-in-out;
5967
- transition: all 0.3s ease-in-out; }
5968
- .premium-lottie-wrap .premium-lottie-animation a {
5969
- position: absolute;
5970
- left: 0;
5971
- top: 0;
5972
- width: 100%;
5973
- height: 100%; }
5974
-
5975
- /**************** Premium Bullet List ***************/
5976
- /****************************************************/
5977
- .premium-icon-list-box {
5978
- -js-display: flex;
5979
- display: -webkit-box;
5980
- display: -webkit-flex;
5981
- display: -moz-box;
5982
- display: -ms-flexbox;
5983
- display: flex;
5984
- -webkit-flex-wrap: wrap;
5985
- -ms-flex-wrap: wrap;
5986
- flex-wrap: wrap;
5987
- -webkit-box-orient: vertical;
5988
- -webkit-box-direction: normal;
5989
- -webkit-flex-direction: column;
5990
- -moz-box-orient: vertical;
5991
- -moz-box-direction: normal;
5992
- -ms-flex-direction: column;
5993
- flex-direction: column; }
5994
- .premium-icon-list-box .premium-icon-list-content-grow-lc {
5995
- -webkit-transform-origin: left center;
5996
- -ms-transform-origin: left center;
5997
- transform-origin: left center; }
5998
- .premium-icon-list-box .premium-icon-list-content-grow-rc {
5999
- -webkit-transform-origin: right center;
6000
- -ms-transform-origin: right center;
6001
- transform-origin: right center; }
6002
- .premium-icon-list-box .premium-icon-list-content-grow-cc {
6003
- -webkit-transform-origin: center center;
6004
- -ms-transform-origin: center center;
6005
- transform-origin: center center; }
6006
-
6007
- .premium-icon-list-content {
6008
- -js-display: flex;
6009
- display: -webkit-box;
6010
- display: -webkit-flex;
6011
- display: -moz-box;
6012
- display: -ms-flexbox;
6013
- display: flex;
6014
- -webkit-transition: all 0.3s ease-in-out;
6015
- transition: all 0.3s ease-in-out;
6016
- width: auto;
6017
- position: relative; }
6018
- .premium-icon-list-content .premium-icon-list-text span,
6019
- .premium-icon-list-content .premium-icon-list-wrapper {
6020
- display: inline-block;
6021
- -webkit-align-self: center;
6022
- -ms-flex-item-align: center;
6023
- align-self: center;
6024
- -webkit-transition: all 0.3s ease-in-out;
6025
- transition: all 0.3s ease-in-out; }
6026
- .premium-icon-list-content .premium-icon-list-text span {
6027
- margin: 0 5px; }
6028
- .premium-icon-list-content .premium-icon-list-icon-text p {
6029
- font-size: 18px;
6030
- background-color: #eee;
6031
- padding: 1px 5px;
6032
- -webkit-border-radius: 2px;
6033
- border-radius: 2px; }
6034
- .premium-icon-list-content .premium-icon-list-text span,
6035
- .premium-icon-list-content .premium-icon-list-icon-text p,
6036
- .premium-icon-list-content .premium-icon-list-wrapper img,
6037
- .premium-icon-list-content .premium-icon-list-wrapper svg,
6038
- .premium-icon-list-content .premium-icon-list-wrapper i {
6039
- -webkit-transition: all 0.3s ease-in-out;
6040
- transition: all 0.3s ease-in-out; }
6041
- .premium-icon-list-content .premium-icon-list-wrapper {
6042
- position: relative;
6043
- line-height: 0; }
6044
- .premium-icon-list-content .premium-icon-list-wrapper img,
6045
- .premium-icon-list-content .premium-icon-list-wrapper .premium-lottie-animation svg {
6046
- width: 30px !important;
6047
- height: 30px !important;
6048
- position: relative;
6049
- z-index: 500; }
6050
- .premium-icon-list-content .premium-icon-list-wrapper i,
6051
- .premium-icon-list-content .premium-icon-list-wrapper .premium-icon-list-icon-text {
6052
- position: relative;
6053
- z-index: 500; }
6054
- .premium-icon-list-content .premium-icon-list-link {
6055
- position: absolute;
6056
- top: 0;
6057
- left: 0;
6058
- width: 100%;
6059
- height: 100%;
6060
- z-index: 1000; }
6061
-
6062
- .premium-icon-list-content:not(:last-of-type) .premium-icon-list-connector {
6063
- width: 100%;
6064
- height: 100%;
6065
- position: absolute;
6066
- top: 0.5em;
6067
- z-index: 100;
6068
- -js-display: flex;
6069
- display: -webkit-box;
6070
- display: -webkit-flex;
6071
- display: -moz-box;
6072
- display: -ms-flexbox;
6073
- display: flex;
6074
- -webkit-box-pack: center;
6075
- -webkit-justify-content: center;
6076
- -moz-box-pack: center;
6077
- -ms-flex-pack: center;
6078
- justify-content: center; }
6079
- .premium-icon-list-content:not(:last-of-type) .premium-icon-list-connector .premium-icon-connector-content:after {
6080
- content: "";
6081
- border-right-width: 1px;
6082
- border-right-style: solid;
6083
- border-color: #333333;
6084
- display: block;
6085
- height: 100%; }
6086
-
6087
- li.premium-icon-list-content.premium-icon-list-content-inline {
6088
- -webkit-align-self: center;
6089
- -ms-flex-item-align: center;
6090
- align-self: center;
6091
- z-index: 2; }
6092
-
6093
- li.premium-icon-list-content.premium-icon-list-content-inline:not(:first-child) {
6094
- margin: 0 3px; }
6095
-
6096
- li.premium-icon-list-content.premium-icon-list-content-inline:first-child {
6097
- margin: 0 3px 0 0; }
6098
-
6099
- .premium-icon-list-divider:not(:last-child) {
6100
- width: 100%;
6101
- -webkit-box-flex: 0;
6102
- -webkit-flex: 0 0 100%;
6103
- -moz-box-flex: 0;
6104
- -ms-flex: 0 0 100%;
6105
- flex: 0 0 100%;
6106
- overflow: hidden; }
6107
-
6108
- .premium-icon-list-divider:not(:last-child):after {
6109
- content: "";
6110
- display: block;
6111
- border-top-style: solid;
6112
- border-top-width: 1px; }
6113
-
6114
- .premium-icon-list-divider-inline:not(:last-child) {
6115
- float: right;
6116
- display: inline-block;
6117
- position: relative;
6118
- height: 100%;
6119
- overflow: hidden;
6120
- -webkit-align-self: center;
6121
- -ms-flex-item-align: center;
6122
- align-self: center;
6123
- margin: 0 3px; }
6124
-
6125
- .premium-icon-list-divider-inline:not(:last-child):after {
6126
- content: "";
6127
- display: block;
6128
- border-left-width: 1px;
6129
- height: 33px;
6130
- border-left-style: solid; }
6131
-
6132
- .premium-icon-list-icon-text {
6133
- line-height: 1.5; }
6134
-
6135
- .premium-icon-list-icon-text p,
6136
- ul.premium-icon-list-box,
6137
- li.premium-icon-list-content {
6138
- margin: 0; }
6139
-
6140
- .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-wrapper i,
6141
- .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-text span,
6142
- .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-icon-text p {
6143
- color: transparent !important;
6144
- text-shadow: 0 0 3px #aaa; }
6145
-
6146
- .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-connector-content,
6147
- .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-wrapper .premium-lottie-animation svg,
6148
- .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-wrapper img,
6149
- .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-badge {
6150
- -webkit-filter: blur(3px);
6151
- filter: blur(3px); }
6152
-
6153
- .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-wrapper i,
6154
- .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-text span,
6155
- .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-icon-text p {
6156
- color: #aaa !important;
6157
- text-shadow: 0 0px 0 transparent; }
6158
-
6159
- .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-connector-content,
6160
- .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-wrapper .premium-lottie-animation svg,
6161
- .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-wrapper img,
6162
- .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-badge {
6163
- -webkit-filter: none;
6164
- filter: none; }
6165
-
6166
- .premium-icon-list-content .premium-icon-list-badge {
6167
- font-size: 11px;
6168
- top: auto;
6169
- min-width: -webkit-max-content;
6170
- min-width: -moz-max-content;
6171
- min-width: max-content;
6172
- height: -webkit-fit-content;
6173
- height: -moz-fit-content;
6174
- height: fit-content; }
6175
-
6176
- .premium-icon-list-content .premium-icon-list-icon-text p {
6177
- font-size: 13px; }
6178
-
6179
- .premium-icon-list-gradient-effect[data-text] {
6180
- display: inline-block;
6181
- position: relative;
6182
- text-decoration: none; }
6183
-
6184
- .premium-icon-list-gradient-effect[data-text]::before {
6185
- content: attr(data-text);
6186
- position: absolute;
6187
- z-index: 1;
6188
- overflow: hidden;
6189
- -webkit-clip-path: polygon(0 0, 1px 0, 1px 100%, 0 100%);
6190
- clip-path: polygon(0 0, 1px 0, 1px 100%, 0 100%);
6191
- -webkit-background-clip: text;
6192
- background-clip: text;
6193
- -webkit-text-fill-color: transparent;
6194
- -webkit-transition: all 0.4s ease;
6195
- transition: all 0.4s ease; }
6196
-
6197
- .premium-icon-list-content:hover .premium-icon-list-gradient-effect[data-text]::before,
6198
- .premium-icon-list-content:focus .premium-icon-list-gradient-effect[data-text]::before {
6199
- -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
6200
- clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
6201
-
6202
- ul[data-list-animation*="animated-"] .premium-icon-list-divider,
6203
- ul[data-list-animation*="animated-"] .premium-icon-list-content,
6204
- ul[data-list-animation*="animated-"] .premium-icon-list-divider-inline {
6205
- opacity: 0; }
6206
-
6207
- .premium-icon-list-content-grow-effect:hover {
6208
- -webkit-transform: scale(1.07);
6209
- -ms-transform: scale(1.07);
6210
- transform: scale(1.07); }
1
+ @font-face {
2
+ font-family: "pa-elements";
3
+ src: url("../../editor/fonts/pa-elements.eot?p2y7wv");
4
+ src: url("../../editor/fonts/pa-elements.eot?p2y7wv#iefix") format("embedded-opentype"), url("../../editor/fonts/pa-elements.ttf?p2y7wv") format("truetype"), url("../../editor/fonts/pa-elements.woff?p2y7wv") format("woff"), url("../../editor/fonts/pa-elements.svg?p2y7wv#pa-elements") format("svg");
5
+ font-weight: normal;
6
+ font-style: normal; }
7
+
8
+ /**************** Premium Banner ****************/
9
+ /************************************************/
10
+ .premium-banner {
11
+ overflow: hidden; }
12
+
13
+ .premium-banner-ib {
14
+ display: block;
15
+ position: relative; }
16
+ .premium-banner-ib img {
17
+ display: block;
18
+ position: relative; }
19
+
20
+ .premium-banner-img-wrap {
21
+ -js-display: flex;
22
+ display: -webkit-box;
23
+ display: -webkit-flex;
24
+ display: -moz-box;
25
+ display: -ms-flexbox;
26
+ display: flex;
27
+ height: 100%; }
28
+ .premium-banner-img-wrap .premium-banner-ib-img {
29
+ -webkit-flex-shrink: 0;
30
+ -ms-flex-negative: 0;
31
+ flex-shrink: 0; }
32
+
33
+ .premium-banner-ib {
34
+ z-index: 1;
35
+ overflow: hidden;
36
+ margin: 0 0 35px;
37
+ text-align: center;
38
+ -webkit-box-sizing: border-box;
39
+ -moz-box-sizing: border-box;
40
+ box-sizing: border-box; }
41
+
42
+ .premium-banner-ib-desc .premium-banner-read-more {
43
+ z-index: 100; }
44
+
45
+ .premium-banner-ib,
46
+ .wpb_column > .wpb_wrapper .premium-banner-ib {
47
+ margin-bottom: 0px; }
48
+
49
+ .elementor-widget-premium-addon-banner .premium-banner-ib-title {
50
+ background: transparent; }
51
+
52
+ .premium-banner-ib *,
53
+ .premium-banner-ib .premium-banner-ib-desc {
54
+ -webkit-box-sizing: border-box;
55
+ -moz-box-sizing: border-box;
56
+ box-sizing: border-box; }
57
+
58
+ .premium-banner-ib img {
59
+ min-width: 100%;
60
+ max-width: 100%;
61
+ -webkit-transition: opacity 0.35s;
62
+ transition: opacity 0.35s; }
63
+
64
+ .premium-banner-ib .premium-banner-ib-desc {
65
+ padding: 15px;
66
+ -webkit-backface-visibility: hidden;
67
+ backface-visibility: hidden;
68
+ -webkit-box-sizing: border-box;
69
+ -moz-box-sizing: border-box;
70
+ box-sizing: border-box;
71
+ position: absolute;
72
+ top: 0;
73
+ left: 0;
74
+ width: 100%;
75
+ height: 100%; }
76
+
77
+ .premium-banner-ib .premium-banner-ib-link {
78
+ position: absolute;
79
+ top: 0;
80
+ left: 0;
81
+ width: 100%;
82
+ height: 100%;
83
+ z-index: 1000;
84
+ text-indent: 200%;
85
+ white-space: nowrap;
86
+ font-size: 0;
87
+ opacity: 0; }
88
+
89
+ .premium-banner-ib a.premium-banner-ib-link {
90
+ display: block;
91
+ background: 0 0; }
92
+
93
+ .premium-banner-animation1 img {
94
+ width: -webkit-calc(100% + 50px) !important;
95
+ width: calc(100% + 50px) !important;
96
+ max-width: -webkit-calc(100% + 50px) !important;
97
+ max-width: calc(100% + 50px) !important;
98
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
99
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
100
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
101
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
102
+ -webkit-transform: translate3d(-40px, 0, 0);
103
+ transform: translate3d(-40px, 0, 0); }
104
+
105
+ .premium-banner-animation2 .premium-banner-ib-title {
106
+ padding: 15px; }
107
+
108
+ .premium-banner-animation1 .premium-banner-ib-desc {
109
+ top: auto;
110
+ bottom: 0;
111
+ min-height: 25%;
112
+ height: auto;
113
+ max-height: 100%;
114
+ text-align: left; }
115
+
116
+ .premium-banner-animation1 .premium-banner-ib-content,
117
+ .premium-banner-animation1 .premium-banner-ib-title,
118
+ .premium-banner-animation1 .premium-banner-read-more {
119
+ -webkit-transform: translate3d(0, 40px, 0);
120
+ transform: translate3d(0, 40px, 0);
121
+ -webkit-transition-delay: 0.05s;
122
+ transition-delay: 0.05s;
123
+ -webkit-transition-duration: 0.35s;
124
+ transition-duration: 0.35s; }
125
+
126
+ .premium-banner-animation1 .premium-banner-ib-title {
127
+ -webkit-transition: -webkit-transform 0.35s;
128
+ transition: -webkit-transform 0.35s;
129
+ transition: transform 0.35s;
130
+ transition: transform 0.35s, -webkit-transform 0.35s; }
131
+
132
+ .premium-banner-animation1 .premium-banner-ib-content,
133
+ .premium-banner-animation1 .premium-banner-read-more {
134
+ margin-top: 10px;
135
+ opacity: 0;
136
+ -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
137
+ transition: opacity 0.2s, -webkit-transform 0.35s;
138
+ transition: opacity 0.2s, transform 0.35s;
139
+ transition: opacity 0.2s, transform 0.35s, -webkit-transform 0.35s; }
140
+
141
+ .premium-banner-animation1:hover .premium-banner-ib-content,
142
+ .premium-banner-animation1.active .premium-banner-ib-content,
143
+ .premium-banner-animation1:hover .premium-banner-read-more,
144
+ .premium-banner-animation1.active .premium-banner-read-more {
145
+ opacity: 1;
146
+ -webkit-transition-delay: 0.05s;
147
+ transition-delay: 0.05s;
148
+ -webkit-transition-duration: 0.35s;
149
+ transition-duration: 0.35s; }
150
+
151
+ .premium-banner-animation1:hover .premium-banner-ib-content,
152
+ .premium-banner-animation1.active .premium-banner-ib-content,
153
+ .premium-banner-animation1:hover .premium-banner-read-more,
154
+ .premium-banner-animation1.active .premium-banner-read-more,
155
+ .premium-banner-animation1:hover .premium-banner-ib-title,
156
+ .premium-banner-animation1.active .premium-banner-ib-title,
157
+ .premium-banner-animation1:hover img,
158
+ .premium-banner-animation1.active img {
159
+ -webkit-transform: translate3d(0, 0, 0);
160
+ transform: translate3d(0, 0, 0);
161
+ -webkit-transition-delay: 0.05s;
162
+ transition-delay: 0.05s;
163
+ -webkit-transition-duration: 0.35s;
164
+ transition-duration: 0.35s; }
165
+
166
+ .premium-banner-animation1.zoomout img,
167
+ .premium-banner-animation1.scale img {
168
+ -webkit-transform: translate3d(-40px, 0, 0) scale(1.1);
169
+ transform: translate3d(-40px, 0, 0) scale(1.1); }
170
+
171
+ .premium-banner-ib.sepia img {
172
+ -webkit-filter: sepia(30%);
173
+ filter: sepia(30%); }
174
+
175
+ .premium-banner-ib.bright img {
176
+ -webkit-filter: brightness(1);
177
+ filter: brightness(1); }
178
+
179
+ .premium-banner-ib.sepia:hover img {
180
+ -webkit-filter: sepia(0%);
181
+ filter: sepia(0%); }
182
+
183
+ .premium-banner-ib.bright:hover img {
184
+ -webkit-filter: brightness(1.2);
185
+ filter: brightness(1.2); }
186
+
187
+ .premium-banner-animation1.premium-banner-min-height img,
188
+ .premium-banner-animation2.premium-banner-min-height img,
189
+ .premium-banner-animation4.premium-banner-min-height img,
190
+ .premium-banner-animation5.premium-banner-min-height img,
191
+ .premium-banner-animation6.premium-banner-min-height img,
192
+ .premium-banner-animation13.premium-banner-min-height img {
193
+ height: auto; }
194
+
195
+ .premium-banner-animation2 img {
196
+ width: 100%; }
197
+
198
+ .premium-banner-animation2 .premium-banner-ib-desc::before {
199
+ position: absolute;
200
+ content: "";
201
+ top: 0;
202
+ left: 0;
203
+ width: 100%;
204
+ height: 100%;
205
+ opacity: 0;
206
+ -webkit-transform: translate3d(0, 50%, 0);
207
+ transform: translate3d(0, 50%, 0); }
208
+
209
+ .premium-banner-animation2 .premium-banner-ib-title {
210
+ position: absolute;
211
+ top: 50%;
212
+ left: 0;
213
+ width: 100%;
214
+ -webkit-transition: color 0.35s, -webkit-transform 0.35s;
215
+ transition: color 0.35s, -webkit-transform 0.35s;
216
+ transition: transform 0.35s, color 0.35s;
217
+ transition: transform 0.35s, color 0.35s, -webkit-transform 0.35s;
218
+ -webkit-transform: translate3d(0, -50%, 0);
219
+ transform: translate3d(0, -50%, 0); }
220
+
221
+ .premium-banner-animation2 .premium-banner-ib-content,
222
+ .premium-banner-animation2 .premium-banner-read-more,
223
+ .premium-banner-animation2 .premium-banner-ib-desc::before {
224
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
225
+ transition: opacity 0.35s, -webkit-transform 0.35s;
226
+ transition: opacity 0.35s, transform 0.35s;
227
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
228
+
229
+ .premium-banner-animation2 .premium-banner-ib-content,
230
+ .premium-banner-animation2 .premium-banner-read-more {
231
+ position: absolute;
232
+ bottom: 0;
233
+ left: 0;
234
+ padding: 15px;
235
+ width: 100%;
236
+ max-height: 50%;
237
+ opacity: 0;
238
+ -webkit-transform: translate3d(0, 10px, 0);
239
+ transform: translate3d(0, 10px, 0); }
240
+
241
+ .premium-banner-animation2:hover .premium-banner-ib-title,
242
+ .premium-banner-animation2.active .premium-banner-ib-title {
243
+ -webkit-transform: translate3d(0, -40px, 0);
244
+ transform: translate3d(0, -40px, 0); }
245
+
246
+ .premium-banner-animation2:hover .premium-banner-read-more,
247
+ .premium-banner-animation2.active .premium-banner-read-more,
248
+ .premium-banner-animation2:hover .premium-banner-ib-desc::before,
249
+ .premium-banner-animation2.active .premium-banner-ib-desc::before {
250
+ opacity: 1;
251
+ -webkit-transform: translate3d(0, 0, 0);
252
+ transform: translate3d(0, 0, 0); }
253
+
254
+ .premium-banner-animation2:hover .premium-banner-ib-content,
255
+ .premium-banner-animation2.active .premium-banner-ib-content {
256
+ opacity: 1;
257
+ -webkit-transform: translate3d(0, -30px, 0);
258
+ transform: translate3d(0, -30px, 0); }
259
+
260
+ .premium-banner-animation3 .premium-banner-ib-title {
261
+ position: absolute;
262
+ bottom: 0;
263
+ left: 0;
264
+ padding: 15px;
265
+ width: 100%;
266
+ text-align: left;
267
+ -webkit-transform: translate3d(0, -30px, 0);
268
+ transform: translate3d(0, -30px, 0); }
269
+
270
+ .premium-banner-animation3 .premium-banner-ib-desc::before,
271
+ .premium-banner-animation3 .premium-banner-ib-title {
272
+ -webkit-transition: -webkit-transform 0.35s;
273
+ transition: -webkit-transform 0.35s;
274
+ transition: transform 0.35s;
275
+ transition: transform 0.35s, -webkit-transform 0.35s; }
276
+
277
+ .premium-banner-animation3:hover .premium-banner-ib-desc::before,
278
+ .premium-banner-animation3.active .premium-banner-ib-desc::before,
279
+ .premium-banner-animation3:hover .premium-banner-ib-title,
280
+ .premium-banner-animation3.active .premium-banner-ib-title {
281
+ opacity: 1;
282
+ -webkit-transform: translate3d(0, 0, 0);
283
+ transform: translate3d(0, 0, 0); }
284
+
285
+ .premium-banner-animation3 .premium-banner-ib-content {
286
+ max-height: -webkit-calc(100% - 60px - 1.5em);
287
+ max-height: calc(100% - 60px - 1.5em);
288
+ overflow: hidden; }
289
+
290
+ .premium-banner-animation4 img {
291
+ width: -webkit-calc(100% + 40px) !important;
292
+ width: calc(100% + 40px) !important;
293
+ max-width: -webkit-calc(100% + 40px) !important;
294
+ max-width: calc(100% + 40px) !important; }
295
+
296
+ .premium-banner-animation4 .premium-banner-ib-desc {
297
+ padding: 30px; }
298
+ .premium-banner-animation4 .premium-banner-ib-desc::after {
299
+ position: absolute;
300
+ content: "";
301
+ opacity: 0; }
302
+ .premium-banner-animation4 .premium-banner-ib-desc::before {
303
+ position: absolute;
304
+ content: "";
305
+ opacity: 0;
306
+ top: 50px;
307
+ right: 30px;
308
+ bottom: 50px;
309
+ left: 30px;
310
+ border-top: 1px solid #fff;
311
+ border-bottom: 1px solid #fff;
312
+ -webkit-transform: scale(0, 1);
313
+ -ms-transform: scale(0, 1);
314
+ transform: scale(0, 1);
315
+ -webkit-transform-origin: 0 0;
316
+ -ms-transform-origin: 0 0;
317
+ transform-origin: 0 0; }
318
+ .premium-banner-animation4 .premium-banner-ib-desc::after {
319
+ top: 30px;
320
+ right: 50px;
321
+ bottom: 30px;
322
+ left: 50px;
323
+ border-right: 1px solid #fff;
324
+ border-left: 1px solid #fff;
325
+ -webkit-transform: scale(1, 0);
326
+ -ms-transform: scale(1, 0);
327
+ transform: scale(1, 0);
328
+ -webkit-transform-origin: 100% 0;
329
+ -ms-transform-origin: 100% 0;
330
+ transform-origin: 100% 0; }
331
+
332
+ .premium-banner-animation4 .premium-banner-ib-title {
333
+ padding: 50px 30px 0 30px;
334
+ -webkit-transition: -webkit-transform 0.35s;
335
+ transition: -webkit-transform 0.35s;
336
+ transition: transform 0.35s;
337
+ transition: transform 0.35s, -webkit-transform 0.35s; }
338
+
339
+ .premium-banner-animation4 .premium-banner-ib-content,
340
+ .premium-banner-animation4 .premium-banner-read-more {
341
+ padding: 10px 30px;
342
+ opacity: 0;
343
+ overflow: hidden;
344
+ -webkit-transform: translate3d(0, -10px, 0);
345
+ transform: translate3d(0, -10px, 0); }
346
+
347
+ .premium-banner-animation4 .premium-banner-ib-title,
348
+ .premium-banner-animation4 img {
349
+ -webkit-transform: translate3d(-30px, 0, 0);
350
+ transform: translate3d(-30px, 0, 0); }
351
+
352
+ .premium-banner-animation4.zoomout img,
353
+ .premium-banner-animation4.scale img {
354
+ -webkit-transform: translate3d(-30px, 0, 0) scale(1.1);
355
+ transform: translate3d(-30px, 0, 0) scale(1.1); }
356
+
357
+ .premium-banner-animation4 .premium-banner-ib-content,
358
+ .premium-banner-animation4 .premium-banner-read-more {
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 .premium-banner-ib-desc::after, .premium-banner-animation4 .premium-banner-ib-desc::before {
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 img {
371
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
372
+ transition: opacity 0.35s, -webkit-transform 0.35s;
373
+ transition: opacity 0.35s, transform 0.35s;
374
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
375
+
376
+ .premium-banner-animation4:hover .premium-banner-ib-desc::after,
377
+ .premium-banner-animation4.active .premium-banner-ib-desc::after,
378
+ .premium-banner-animation4:hover .premium-banner-ib-desc::before,
379
+ .premium-banner-animation4.active .premium-banner-ib-desc::before {
380
+ opacity: 1;
381
+ -webkit-transform: scale(1);
382
+ -ms-transform: scale(1);
383
+ transform: scale(1); }
384
+
385
+ .premium-banner-animation4:hover .premium-banner-ib-content,
386
+ .premium-banner-animation4.active .premium-banner-ib-content,
387
+ .premium-banner-animation4:hover .premium-banner-read-more,
388
+ .premium-banner-animation4.active .premium-banner-read-more,
389
+ .premium-banner-animation4:hover .premium-banner-ib-title,
390
+ .premium-banner-animation4.active .premium-banner-ib-title {
391
+ opacity: 1;
392
+ -webkit-transform: translate3d(0, 0, 0);
393
+ transform: translate3d(0, 0, 0); }
394
+
395
+ .premium-banner-animation4:hover .premium-banner-ib-content,
396
+ .premium-banner-animation4:hover .premium-banner-ib-desc::after,
397
+ .premium-banner-animation4:hover .premium-banner-ib-title,
398
+ .premium-banner-animation4:hover img {
399
+ -webkit-transition-delay: 0.15s;
400
+ transition-delay: 0.15s; }
401
+
402
+ .premium-banner-animation5 .premium-banner-ib-desc {
403
+ top: auto;
404
+ bottom: 0;
405
+ padding: 15px;
406
+ height: auto;
407
+ background: #f2f2f2;
408
+ color: #3c4a50;
409
+ -webkit-transition: -webkit-transform 0.35s;
410
+ transition: -webkit-transform 0.35s;
411
+ transition: transform 0.35s;
412
+ transition: transform 0.35s, -webkit-transform 0.35s;
413
+ -webkit-transform: translate3d(0, 100%, 0);
414
+ transform: translate3d(0, 100%, 0); }
415
+
416
+ .premium-banner-animation5 .premium-banner-ib-content {
417
+ position: absolute;
418
+ top: auto;
419
+ bottom: 100%;
420
+ left: 0;
421
+ width: 100%;
422
+ padding: 15px;
423
+ opacity: 0;
424
+ -webkit-transition: opacity 0.35s;
425
+ transition: opacity 0.35s; }
426
+
427
+ .premium-banner-animation5 .premium-banner-ib-title,
428
+ .premium-banner-animation5 .premium-banner-read-more {
429
+ -webkit-transition: -webkit-transform 0.35s;
430
+ transition: -webkit-transform 0.35s;
431
+ transition: transform 0.35s;
432
+ transition: transform 0.35s, -webkit-transform 0.35s;
433
+ -webkit-transform: translate3d(0, 200%, 0);
434
+ transform: translate3d(0, 200%, 0);
435
+ text-align: center; }
436
+
437
+ .premium-banner-animation5 .premium-banner-ib-title {
438
+ margin: 10px 0; }
439
+
440
+ .premium-banner-animation5:hover .premium-banner-ib-content,
441
+ .premium-banner-animation5.active .premium-banner-ib-content,
442
+ .premium-banner-animation5:hover .premium-banner-ib-content *,
443
+ .premium-banner-animation5.active .premium-banner-ib-content * {
444
+ opacity: 1 !important;
445
+ z-index: 99 !important;
446
+ -webkit-backface-visibility: hidden !important;
447
+ backface-visibility: hidden !important; }
448
+
449
+ .premium-banner-animation5:hover .premium-banner-ib-desc,
450
+ .premium-banner-animation5.active .premium-banner-ib-desc,
451
+ .premium-banner-animation5:hover .premium-banner-ib-title,
452
+ .premium-banner-animation5.active .premium-banner-ib-title,
453
+ .premium-banner-animation5:hover .premium-banner-read-more,
454
+ .premium-banner-animation5.active .premium-banner-read-more {
455
+ -webkit-transform: translateY(0);
456
+ -ms-transform: translateY(0);
457
+ transform: translateY(0); }
458
+
459
+ .premium-banner-animation5:hover .premium-banner-ib-title {
460
+ -webkit-transition-delay: 0.05s;
461
+ transition-delay: 0.05s; }
462
+
463
+ .premium-banner-animation5 img {
464
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
465
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
466
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
467
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; }
468
+
469
+ .premium-banner-animation2 img,
470
+ .premium-banner-animation4 img,
471
+ .premium-banner-animation6 img {
472
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
473
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
474
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
475
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; }
476
+
477
+ .premium-banner-animation5.zoomout img,
478
+ .premium-banner-animation5.scale img {
479
+ -webkit-transform: scale(1.1);
480
+ -ms-transform: scale(1.1);
481
+ transform: scale(1.1); }
482
+
483
+ .premium-banner-animation2.zoomout img,
484
+ .premium-banner-animation2.scale img {
485
+ -webkit-transform: scale(1.1);
486
+ -ms-transform: scale(1.1);
487
+ transform: scale(1.1); }
488
+
489
+ .premium-banner-animation6.zoomout img,
490
+ .premium-banner-animation6.scale img {
491
+ -webkit-transform: scale(1.1);
492
+ -ms-transform: scale(1.1);
493
+ transform: scale(1.1); }
494
+
495
+ .premium-banner-animation5.zoomin:hover img,
496
+ .premium-banner-animation2.zoomin:hover img,
497
+ .premium-banner-animation6.zoomin:hover img {
498
+ -webkit-transform: scale(1.1);
499
+ -ms-transform: scale(1.1);
500
+ transform: scale(1.1); }
501
+
502
+ .premium-banner-animation5.zoomout:hover img,
503
+ .premium-banner-animation2.zoomout:hover img,
504
+ .premium-banner-animation6.zoomout:hover img {
505
+ -webkit-transform: scale(1);
506
+ -ms-transform: scale(1);
507
+ transform: scale(1); }
508
+
509
+ .premium-banner-animation5.scale:hover img,
510
+ .premium-banner-animation2.scale:hover img,
511
+ .premium-banner-animation6.scale:hover img {
512
+ -webkit-transform: scale(1.2) rotate(5deg);
513
+ -ms-transform: scale(1.2) rotate(5deg);
514
+ transform: scale(1.2) rotate(5deg); }
515
+
516
+ .premium-banner-animation5.grayscale:hover img,
517
+ .premium-banner-animation2.grayscale:hover img,
518
+ .premium-banner-animation6.grayscale:hover img {
519
+ -webkit-filter: grayscale(100%);
520
+ filter: grayscale(100%); }
521
+
522
+ .premium-banner-animation5.blur:hover img,
523
+ .premium-banner-animation2.blur:hover img {
524
+ -webkit-filter: blur(3px);
525
+ filter: blur(3px); }
526
+
527
+ .premium-banner-animation6.blur:hover img {
528
+ -webkit-filter: blur(3px);
529
+ filter: blur(3px); }
530
+
531
+ .premium-banner-animation6 .premium-banner-ib-desc {
532
+ padding: 45px; }
533
+ .premium-banner-animation6 .premium-banner-ib-desc::before {
534
+ position: absolute;
535
+ content: "";
536
+ top: 30px;
537
+ right: 30px;
538
+ bottom: 30px;
539
+ left: 30px;
540
+ border: 1px solid #fff; }
541
+
542
+ .premium-banner-animation6 .premium-banner-ib-title {
543
+ margin: 20px 0 10px;
544
+ -webkit-transition: -webkit-transform 0.35s;
545
+ transition: -webkit-transform 0.35s;
546
+ transition: transform 0.35s;
547
+ transition: transform 0.35s, -webkit-transform 0.35s;
548
+ -webkit-transform: translate3d(0, 100%, 0);
549
+ transform: translate3d(0, 100%, 0); }
550
+
551
+ .premium-banner-animation6 .premium-banner-ib-content,
552
+ .premium-banner-animation6 .premium-banner-read-more,
553
+ .premium-banner-animation6 .premium-banner-ib-desc::before {
554
+ opacity: 0;
555
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
556
+ transition: opacity 0.35s, -webkit-transform 0.35s;
557
+ transition: opacity 0.35s, transform 0.35s;
558
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
559
+ -webkit-transform: scale(0);
560
+ -ms-transform: scale(0);
561
+ transform: scale(0); }
562
+
563
+ .premium-banner-animation6 .premium-banner-read-more {
564
+ margin-top: 10px; }
565
+
566
+ .premium-banner-animation6:hover .premium-banner-ib-title,
567
+ .premium-banner-animation6.active .premium-banner-ib-title {
568
+ -webkit-transform: translate3d(0, 0, 0);
569
+ transform: translate3d(0, 0, 0); }
570
+
571
+ .premium-banner-animation6:hover .premium-banner-ib-content,
572
+ .premium-banner-animation6.active .premium-banner-ib-content,
573
+ .premium-banner-animation6:hover .premium-banner-read-more,
574
+ .premium-banner-animation6.active .premium-banner-read-more,
575
+ .premium-banner-animation6:hover .premium-banner-ib-desc::before,
576
+ .premium-banner-animation6.active .premium-banner-ib-desc::before {
577
+ opacity: 1;
578
+ -webkit-transform: scale(1);
579
+ -ms-transform: scale(1);
580
+ transform: scale(1); }
581
+
582
+ .premium-banner-animation12 .premium-banner-ib-desc::after {
583
+ position: absolute;
584
+ content: "";
585
+ right: 30px;
586
+ bottom: 30px;
587
+ left: 30px;
588
+ height: -webkit-calc(50% - 30px);
589
+ height: calc(50% - 30px);
590
+ border: 7px solid #fff;
591
+ -webkit-transition: -webkit-transform 0.35s;
592
+ transition: -webkit-transform 0.35s;
593
+ transition: transform 0.35s;
594
+ transition: transform 0.35s, -webkit-transform 0.35s;
595
+ -webkit-transform: translate3d(0, -100%, 0);
596
+ transform: translate3d(0, -100%, 0); }
597
+
598
+ .premium-banner-animation12:hover .premium-banner-ib-desc::after,
599
+ .premium-banner-animation12.active .premium-banner-ib-desc::after {
600
+ -webkit-transform: translate3d(0, 0, 0);
601
+ transform: translate3d(0, 0, 0); }
602
+
603
+ .premium-banner-animation12 .premium-banner-ib-desc {
604
+ padding: 45px;
605
+ text-align: left; }
606
+
607
+ .premium-banner-animation12 .premium-banner-ib-content {
608
+ position: absolute;
609
+ right: 60px;
610
+ bottom: 60px;
611
+ left: 60px;
612
+ opacity: 0;
613
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
614
+ transition: opacity 0.35s, -webkit-transform 0.35s;
615
+ transition: opacity 0.35s, transform 0.35s;
616
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
617
+ -webkit-transform: translate3d(0, -100px, 0);
618
+ transform: translate3d(0, -100px, 0); }
619
+
620
+ .premium-banner-animation12:hover .premium-banner-ib-content,
621
+ .premium-banner-animation12.active .premium-banner-ib-content {
622
+ opacity: 1;
623
+ -webkit-transform: translate3d(0, 0, 0);
624
+ transform: translate3d(0, 0, 0); }
625
+
626
+ .premium-banner-animation13 img {
627
+ width: -webkit-calc(100% + 20px) !important;
628
+ width: calc(100% + 20px) !important;
629
+ max-width: -webkit-calc(100% + 20px) !important;
630
+ max-width: calc(100% + 20px) !important;
631
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
632
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
633
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
634
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
635
+ -webkit-transform: translate3d(-10px, 0, 0);
636
+ transform: translate3d(-10px, 0, 0);
637
+ -webkit-backface-visibility: hidden;
638
+ backface-visibility: hidden; }
639
+
640
+ .premium-banner-animation13.zoomout img,
641
+ .premium-banner-animation13.scale img {
642
+ -webkit-transform: translate3d(-10px, 0, 0) scale(1.1);
643
+ transform: translate3d(-10px, 0, 0) scale(1.1); }
644
+
645
+ .premium-banner-animation13.none:hover img {
646
+ -webkit-transform: translate3d(0, 0, 0);
647
+ transform: translate3d(0, 0, 0); }
648
+
649
+ .premium-banner-animation1.none:hover img,
650
+ .premium-banner-animation4.none:hover img {
651
+ -webkit-transform: translate3d(0, 0, 0);
652
+ transform: translate3d(0, 0, 0); }
653
+
654
+ .premium-banner-animation13.zoomin:hover img,
655
+ .premium-banner-animation1.zoomin:hover img,
656
+ .premium-banner-animation4.zoomin:hover img,
657
+ .premium-banner-animation8.zoomin:hover img,
658
+ .premium-banner-animation7.zoomin:hover img,
659
+ .premium-banner-animation9.zoomin:hover img,
660
+ .premium-banner-animation10.zoomin:hover img {
661
+ -webkit-transform: translate3d(0, 0, 0) scale(1.1);
662
+ transform: translate3d(0, 0, 0) scale(1.1); }
663
+
664
+ .premium-banner-animation13.zoomout:hover img,
665
+ .premium-banner-animation1.zoomout:hover img,
666
+ .premium-banner-animation4.zoomout:hover img,
667
+ .premium-banner-animation8.zoomout:hover img,
668
+ .premium-banner-animation7.zoomout:hover img,
669
+ .premium-banner-animation9.zoomout:hover img,
670
+ .premium-banner-animation10.zoomout:hover img {
671
+ -webkit-transform: translate3d(0, 0, 0) scale(1);
672
+ transform: translate3d(0, 0, 0) scale(1); }
673
+
674
+ .premium-banner-animation13.scale:hover img,
675
+ .premium-banner-animation1.scale:hover img,
676
+ .premium-banner-animation4.scale:hover img,
677
+ .premium-banner-animation8.scale:hover img,
678
+ .premium-banner-animation7.scale:hover img,
679
+ .premium-banner-animation9.scale:hover img,
680
+ .premium-banner-animation10.scale:hover img {
681
+ -webkit-transform: translate3d(0, 0, 0) scale(1.2) rotate(5deg);
682
+ transform: translate3d(0, 0, 0) scale(1.2) rotate(5deg); }
683
+
684
+ .premium-banner-animation13.grayscale:hover img,
685
+ .premium-banner-animation1.grayscale:hover img,
686
+ .premium-banner-animation4.grayscale:hover img,
687
+ .premium-banner-animation8.grayscale:hover img,
688
+ .premium-banner-animation7.grayscale:hover img,
689
+ .premium-banner-animation9.grayscale:hover img,
690
+ .premium-banner-animation10.grayscale:hover img {
691
+ -webkit-transform: translate3d(0, 0, 0);
692
+ transform: translate3d(0, 0, 0);
693
+ -webkit-filter: grayscale(100%);
694
+ filter: grayscale(100%); }
695
+
696
+ .premium-banner-animation13.blur:hover img,
697
+ .premium-banner-animation1.blur:hover img,
698
+ .premium-banner-animation4.blur:hover,
699
+ .premium-banner-animation8.blur:hover img,
700
+ .premium-banner-animation7.blur:hover img,
701
+ .premium-banner-animation9.blur:hover img,
702
+ .premium-banner-animation10.blur:hover img {
703
+ -webkit-transform: translate3d(0, 0, 0);
704
+ transform: translate3d(0, 0, 0);
705
+ -webkit-filter: blur(3px);
706
+ filter: blur(3px); }
707
+
708
+ .premium-banner-animation13 .premium-banner-ib-desc {
709
+ text-align: left; }
710
+
711
+ .premium-banner-animation13 .premium-banner-ib-title {
712
+ position: relative;
713
+ overflow: hidden;
714
+ padding: 5px 0 10px; }
715
+ .premium-banner-animation13 .premium-banner-ib-title::after {
716
+ position: absolute;
717
+ content: "";
718
+ bottom: 0;
719
+ left: 0;
720
+ width: 100%;
721
+ height: 2px;
722
+ background: #fff;
723
+ -webkit-transition: -webkit-transform 0.35s;
724
+ transition: -webkit-transform 0.35s;
725
+ transition: transform 0.35s;
726
+ transition: transform 0.35s, -webkit-transform 0.35s;
727
+ -webkit-transform: translate3d(-101%, 0, 0);
728
+ transform: translate3d(-101%, 0, 0); }
729
+
730
+ .premium-banner-animation13:hover .premium-banner-ib-title::after,
731
+ .premium-banner-animation13.active .premium-banner-ib-title::after {
732
+ -webkit-transform: translate3d(0, 0, 0);
733
+ transform: translate3d(0, 0, 0); }
734
+
735
+ .premium-banner-animation13 .premium-banner-ib-content,
736
+ .premium-banner-animation13 .premium-banner-read-more {
737
+ padding: 15px 0;
738
+ opacity: 0;
739
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
740
+ transition: opacity 0.35s, -webkit-transform 0.35s;
741
+ transition: opacity 0.35s, transform 0.35s;
742
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
743
+ -webkit-transform: translate3d(100%, 0, 0);
744
+ transform: translate3d(100%, 0, 0); }
745
+
746
+ .premium-banner-animation13:hover .premium-banner-ib-content,
747
+ .premium-banner-animation13.active .premium-banner-ib-content,
748
+ .premium-banner-animation13:hover .premium-banner-read-more,
749
+ .premium-banner-animation13.active .premium-banner-read-more {
750
+ opacity: 1;
751
+ -webkit-transform: translate3d(0, 0, 0);
752
+ transform: translate3d(0, 0, 0); }
753
+
754
+ .premium-banner-ib.premium-banner-animation5 .premium-banner-toggle-size {
755
+ left: 50%;
756
+ width: auto !important;
757
+ height: 100%;
758
+ max-width: none;
759
+ -webkit-transform: translateX(-50%);
760
+ -ms-transform: translateX(-50%);
761
+ transform: translateX(-50%); }
762
+
763
+ .premium-banner-ib img {
764
+ border: none;
765
+ padding: 0;
766
+ margin: 0; }
767
+
768
+ .premium-banner-animation7 img {
769
+ width: -webkit-calc(100% + 40px) !important;
770
+ width: calc(100% + 40px) !important;
771
+ max-width: -webkit-calc(100% + 40px) !important;
772
+ max-width: calc(100% + 40px) !important;
773
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
774
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
775
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
776
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; }
777
+
778
+ .premium-banner-animation7 .premium-banner-brlr {
779
+ width: 7px; }
780
+
781
+ .premium-banner-animation7 .premium-banner-brtb {
782
+ height: 7px; }
783
+
784
+ .premium-banner-animation7 .premium-banner-br {
785
+ position: absolute;
786
+ z-index: 1;
787
+ background-color: white;
788
+ -webkit-transition: all 0.3s ease-in-out;
789
+ transition: all 0.3s ease-in-out;
790
+ -webkit-transition-delay: 0.2s;
791
+ transition-delay: 0.2s; }
792
+
793
+ .premium-banner-animation7 .premium-banner-bleft {
794
+ left: 30px;
795
+ top: -webkit-calc(100% - 150px);
796
+ top: calc(100% - 150px);
797
+ height: 0; }
798
+
799
+ .premium-banner-animation7 .premium-banner-bright {
800
+ right: 30px;
801
+ bottom: -webkit-calc(100% - 150px);
802
+ bottom: calc(100% - 150px);
803
+ height: 0; }
804
+
805
+ .premium-banner-animation7 .premium-banner-bottom {
806
+ right: -webkit-calc(100% - 150px);
807
+ right: calc(100% - 150px);
808
+ bottom: 30px;
809
+ width: 0; }
810
+
811
+ .premium-banner-animation7 .premium-banner-btop {
812
+ left: -webkit-calc(100% - 150px);
813
+ left: calc(100% - 150px);
814
+ top: 30px;
815
+ width: 0; }
816
+
817
+ .premium-banner-animation7 .premium-banner-ib-desc {
818
+ padding: 70px;
819
+ display: table; }
820
+ .premium-banner-animation7 .premium-banner-ib-desc .premium-banner-desc-centered {
821
+ display: table-cell;
822
+ vertical-align: middle; }
823
+
824
+ .premium-banner-animation7 .premium-banner-ib-title {
825
+ margin-top: 0; }
826
+
827
+ .premium-banner-animation7 .premium-banner-ib-title,
828
+ .premium-banner-animation7 img {
829
+ -webkit-transform: translate3d(-30px, 0, 0);
830
+ transform: translate3d(-30px, 0, 0); }
831
+
832
+ .premium-banner-animation7.zoomout img,
833
+ .premium-banner-animation7.scale img {
834
+ -webkit-transform: translate3d(-30px, 0, 0) scale(1.1);
835
+ transform: translate3d(-30px, 0, 0) scale(1.1); }
836
+
837
+ .premium-banner-animation7 .premium-banner-ib-content,
838
+ .premium-banner-animation7 .premium-banner-read-more {
839
+ margin-top: 10px; }
840
+
841
+ .premium-banner-animation7 .premium-banner-ib-desc::after, .premium-banner-animation7 .premium-banner-ib-desc::before {
842
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
843
+ transition: opacity 0.35s, -webkit-transform 0.35s;
844
+ transition: opacity 0.35s, transform 0.35s;
845
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
846
+
847
+ .premium-banner-animation7 .premium-banner-ib-title,
848
+ .premium-banner-animation7 .premium-banner-ib-content,
849
+ .premium-banner-animation7 .premium-banner-read-more {
850
+ opacity: 0;
851
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
852
+ transition: opacity 0.35s, -webkit-transform 0.35s;
853
+ transition: opacity 0.35s, transform 0.35s;
854
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
855
+
856
+ .premium-banner-animation7:hover .premium-banner-ib-content,
857
+ .premium-banner-animation7.active .premium-banner-ib-content,
858
+ .premium-banner-animation7:hover .premium-banner-read-more,
859
+ .premium-banner-animation7.active .premium-banner-read-more,
860
+ .premium-banner-animation7:hover .premium-banner-ib-title,
861
+ .premium-banner-animation7.active .premium-banner-ib-title {
862
+ opacity: 1;
863
+ -webkit-transform: translate3d(0, 0, 0);
864
+ transform: translate3d(0, 0, 0); }
865
+
866
+ .premium-banner-animation7:hover .premium-banner-bleft, .premium-banner-animation7.active .premium-banner-bleft {
867
+ top: 30px;
868
+ height: 70px; }
869
+
870
+ .premium-banner-animation7:hover .premium-banner-bright, .premium-banner-animation7.active .premium-banner-bright {
871
+ bottom: 30px;
872
+ height: 70px; }
873
+
874
+ .premium-banner-animation7:hover .premium-banner-bottom, .premium-banner-animation7.active .premium-banner-bottom {
875
+ right: 30px;
876
+ width: 70px; }
877
+
878
+ .premium-banner-animation7:hover .premium-banner-btop, .premium-banner-animation7.active .premium-banner-btop {
879
+ left: 30px;
880
+ width: 70px; }
881
+
882
+ .premium-banner-animation7:hover .premium-banner-ib-content,
883
+ .premium-banner-animation7:hover .premium-banner-read-more,
884
+ .premium-banner-animation7:hover .premium-banner-ib-title,
885
+ .premium-banner-animation7:hover img {
886
+ -webkit-transition-delay: 0.15s;
887
+ transition-delay: 0.15s; }
888
+
889
+ .premium-banner-animation8 img {
890
+ width: -webkit-calc(100% + 40px) !important;
891
+ width: calc(100% + 40px) !important;
892
+ max-width: -webkit-calc(100% + 40px) !important;
893
+ max-width: calc(100% + 40px) !important;
894
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
895
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
896
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
897
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; }
898
+
899
+ .premium-banner-animation8 .premium-banner-brlr {
900
+ width: 7px; }
901
+
902
+ .premium-banner-animation8 .premium-banner-brtb {
903
+ height: 7px; }
904
+
905
+ .premium-banner-animation8 .premium-banner-br {
906
+ position: absolute;
907
+ z-index: 1;
908
+ background-color: white;
909
+ -webkit-transition: all 0.3s ease-in-out;
910
+ transition: all 0.3s ease-in-out;
911
+ -webkit-transition-delay: 0.2s;
912
+ transition-delay: 0.2s; }
913
+
914
+ .premium-banner-animation8 .premium-banner-bleft {
915
+ left: 30px;
916
+ top: 50%;
917
+ -webkit-transform: translateY(-50%);
918
+ -ms-transform: translateY(-50%);
919
+ transform: translateY(-50%);
920
+ height: 0; }
921
+
922
+ .premium-banner-animation8 .premium-banner-bright {
923
+ right: 30px;
924
+ top: 50%;
925
+ -webkit-transform: translateY(-50%);
926
+ -ms-transform: translateY(-50%);
927
+ transform: translateY(-50%);
928
+ height: 0; }
929
+
930
+ .premium-banner-animation8 .premium-banner-bottom {
931
+ left: 50%;
932
+ -webkit-transform: translateX(-50%);
933
+ -ms-transform: translateX(-50%);
934
+ transform: translateX(-50%);
935
+ bottom: 30px;
936
+ width: 0; }
937
+
938
+ .premium-banner-animation8 .premium-banner-btop {
939
+ left: 50%;
940
+ -webkit-transform: translateX(-50%);
941
+ -ms-transform: translateX(-50%);
942
+ transform: translateX(-50%);
943
+ top: 30px;
944
+ width: 0; }
945
+
946
+ .premium-banner-animation8 .premium-banner-ib-desc {
947
+ padding: 70px;
948
+ display: table; }
949
+ .premium-banner-animation8 .premium-banner-ib-desc .premium-banner-desc-centered {
950
+ display: table-cell;
951
+ vertical-align: middle; }
952
+
953
+ .premium-banner-animation8 .premium-banner-ib-title {
954
+ margin-top: 0; }
955
+
956
+ .premium-banner-animation8 .premium-banner-ib-title,
957
+ .premium-banner-animation8 img {
958
+ -webkit-transform: translate3d(-30px, 0, 0);
959
+ transform: translate3d(-30px, 0, 0); }
960
+
961
+ .premium-banner-animation8.zoomout img,
962
+ .premium-banner-animation8.scale img {
963
+ -webkit-transform: translate3d(-30px, 0, 0) scale(1.1);
964
+ transform: translate3d(-30px, 0, 0) scale(1.1); }
965
+
966
+ .premium-banner-animation8 .premium-banner-ib-content,
967
+ .premium-banner-animation8 .premium-banner-read-more {
968
+ margin-top: 10px; }
969
+
970
+ .premium-banner-animation8 .premium-banner-ib-desc::after, .premium-banner-animation8 .premium-banner-ib-desc::before {
971
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
972
+ transition: opacity 0.35s, -webkit-transform 0.35s;
973
+ transition: opacity 0.35s, transform 0.35s;
974
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
975
+
976
+ .premium-banner-animation8 .premium-banner-ib-title,
977
+ .premium-banner-animation8 .premium-banner-ib-content,
978
+ .premium-banner-animation8 .premium-banner-read-more {
979
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
980
+ transition: opacity 0.35s, -webkit-transform 0.35s;
981
+ transition: opacity 0.35s, transform 0.35s;
982
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
983
+ opacity: 0; }
984
+
985
+ .premium-banner-animation8:hover .premium-banner-ib-content,
986
+ .premium-banner-animation8.active .premium-banner-ib-content,
987
+ .premium-banner-animation8:hover .premium-banner-read-more,
988
+ .premium-banner-animation8.active .premium-banner-read-more,
989
+ .premium-banner-animation8:hover .premium-banner-ib-title,
990
+ .premium-banner-animation8.active .premium-banner-ib-title {
991
+ opacity: 1;
992
+ -webkit-transform: translate3d(0, 0, 0);
993
+ transform: translate3d(0, 0, 0); }
994
+
995
+ .premium-banner-animation8:hover .premium-banner-bleft, .premium-banner-animation8.active .premium-banner-bleft {
996
+ height: -webkit-calc(100% - 61px);
997
+ height: calc(100% - 61px); }
998
+
999
+ .premium-banner-animation8:hover .premium-banner-bright, .premium-banner-animation8.active .premium-banner-bright {
1000
+ height: -webkit-calc(100% - 61px);
1001
+ height: calc(100% - 61px); }
1002
+
1003
+ .premium-banner-animation8:hover .premium-banner-bottom, .premium-banner-animation8.active .premium-banner-bottom {
1004
+ width: -webkit-calc(100% - 61px);
1005
+ width: calc(100% - 61px); }
1006
+
1007
+ .premium-banner-animation8:hover .premium-banner-btop, .premium-banner-animation8.active .premium-banner-btop {
1008
+ width: -webkit-calc(100% - 61px);
1009
+ width: calc(100% - 61px); }
1010
+
1011
+ .premium-banner-animation8:hover .premium-banner-ib-content,
1012
+ .premium-banner-animation8:hover .premium-banner-ib-title,
1013
+ .premium-banner-animation8:hover .premium-banner-read-more,
1014
+ .premium-banner-animation8:hover img {
1015
+ -webkit-transition-delay: 0.15s;
1016
+ transition-delay: 0.15s; }
1017
+
1018
+ .premium-banner-animation9 img {
1019
+ width: -webkit-calc(100% + 20px) !important;
1020
+ width: calc(100% + 20px) !important;
1021
+ max-width: -webkit-calc(100% + 20px) !important;
1022
+ max-width: calc(100% + 20px) !important;
1023
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1024
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1025
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
1026
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1027
+ -webkit-transform: scale(1.2);
1028
+ -ms-transform: scale(1.2);
1029
+ transform: scale(1.2); }
1030
+
1031
+ .premium-banner-animation9 .premium-banner-ib-desc {
1032
+ width: 100%;
1033
+ height: 100%; }
1034
+ .premium-banner-animation9 .premium-banner-ib-desc::before {
1035
+ position: absolute;
1036
+ top: 50%;
1037
+ left: 50%;
1038
+ width: 80%;
1039
+ height: 1px;
1040
+ background: #fff;
1041
+ content: "";
1042
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1043
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1044
+ transition: opacity 0.35s, transform 0.35s;
1045
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1046
+ -webkit-transform: translate3d(-50%, -50%, 0);
1047
+ transform: translate3d(-50%, -50%, 0); }
1048
+ .premium-banner-animation9 .premium-banner-ib-desc::after {
1049
+ position: absolute;
1050
+ top: 50%;
1051
+ left: 50%;
1052
+ width: 80%;
1053
+ height: 1px;
1054
+ background: #fff;
1055
+ content: "";
1056
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1057
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1058
+ transition: opacity 0.35s, transform 0.35s;
1059
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1060
+ -webkit-transform: translate3d(-50%, -50%, 0);
1061
+ transform: translate3d(-50%, -50%, 0); }
1062
+
1063
+ .premium-banner-animation9 .premium-banner-ib-title {
1064
+ position: absolute;
1065
+ top: 50%;
1066
+ left: 0;
1067
+ width: 100%;
1068
+ -webkit-transition: -webkit-transform 0.35s;
1069
+ transition: -webkit-transform 0.35s;
1070
+ transition: transform 0.35s;
1071
+ transition: transform 0.35s, -webkit-transform 0.35s;
1072
+ -webkit-transform: translate3d(0, -70px, 0);
1073
+ transform: translate3d(0, -70px, 0);
1074
+ margin-top: 0;
1075
+ padding: 0 10%; }
1076
+
1077
+ .premium-banner-animation9:hover .premium-banner-ib-title,
1078
+ .premium-banner-animation9.active .premium-banner-ib-title {
1079
+ -webkit-transform: translate3d(0, -80px, 0);
1080
+ transform: translate3d(0, -80px, 0); }
1081
+
1082
+ .premium-banner-animation9 .premium-banner-ib-content,
1083
+ .premium-banner-animation9 .premium-banner-read-more {
1084
+ position: absolute;
1085
+ top: 50%;
1086
+ left: 0;
1087
+ width: 100%;
1088
+ -webkit-transition: -webkit-transform 0.35s;
1089
+ transition: -webkit-transform 0.35s;
1090
+ transition: transform 0.35s;
1091
+ transition: transform 0.35s, -webkit-transform 0.35s;
1092
+ padding: 0 10%;
1093
+ -webkit-transform: translate3d(0, 35px, 0);
1094
+ transform: translate3d(0, 35px, 0); }
1095
+
1096
+ .premium-banner-animation9 .premium-banner-read-more {
1097
+ top: 75%; }
1098
+
1099
+ .premium-banner-animation9:hover .premium-banner-ib-content,
1100
+ .premium-banner-animation9.active .premium-banner-ib-content,
1101
+ .premium-banner-animation9:hover .premium-banner-read-more,
1102
+ .premium-banner-animation9.active .premium-banner-read-more {
1103
+ -webkit-transform: translate3d(0, 45px, 0);
1104
+ transform: translate3d(0, 45px, 0); }
1105
+
1106
+ .premium-banner-animation9:hover .premium-banner-ib-desc::before,
1107
+ .premium-banner-animation9.active .premium-banner-ib-desc::before {
1108
+ opacity: 0.5;
1109
+ -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
1110
+ transform: translate3d(-50%, -50%, 0) rotate(45deg); }
1111
+
1112
+ .premium-banner-animation9:hover .premium-banner-ib-desc::after,
1113
+ .premium-banner-animation9.active .premium-banner-ib-desc::after {
1114
+ opacity: 0.5;
1115
+ -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
1116
+ transform: translate3d(-50%, -50%, 0) rotate(-45deg); }
1117
+
1118
+ .premium-banner-animation9:hover img {
1119
+ -webkit-transform: scale(1);
1120
+ -ms-transform: scale(1);
1121
+ transform: scale(1); }
1122
+
1123
+ .premium-banner-animation10 img {
1124
+ width: -webkit-calc(100% + 20px) !important;
1125
+ width: calc(100% + 20px) !important;
1126
+ max-width: -webkit-calc(100% + 20px) !important;
1127
+ max-width: calc(100% + 20px) !important;
1128
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1129
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1130
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
1131
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; }
1132
+
1133
+ .premium-banner-animation10 .premium-banner-ib-title {
1134
+ position: relative;
1135
+ overflow: hidden;
1136
+ padding: 5px 0 15px;
1137
+ -webkit-transition: -webkit-transform 0.35s;
1138
+ transition: -webkit-transform 0.35s;
1139
+ transition: transform 0.35s;
1140
+ transition: transform 0.35s, -webkit-transform 0.35s;
1141
+ -webkit-transform: translate3d(0, 20px, 0);
1142
+ transform: translate3d(0, 20px, 0);
1143
+ margin-bottom: 0; }
1144
+ .premium-banner-animation10 .premium-banner-ib-title::after {
1145
+ position: absolute;
1146
+ content: "";
1147
+ bottom: 0;
1148
+ left: 0;
1149
+ width: 100%;
1150
+ height: 3px;
1151
+ background: #fff;
1152
+ opacity: 0;
1153
+ -webkit-transform: translate3d(0, 100%, 0);
1154
+ transform: translate3d(0, 100%, 0);
1155
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1156
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1157
+ transition: opacity 0.35s, transform 0.35s;
1158
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
1159
+
1160
+ .premium-banner-animation10:hover .premium-banner-ib-title,
1161
+ .premium-banner-animation10.active .premium-banner-ib-title {
1162
+ -webkit-transform: translate3d(0, 0, 0);
1163
+ transform: translate3d(0, 0, 0); }
1164
+
1165
+ .premium-banner-animation10:hover .premium-banner-ib-title::after,
1166
+ .premium-banner-animation10.active .premium-banner-ib-title::after {
1167
+ opacity: 1;
1168
+ -webkit-transform: translate3d(0, 0, 0);
1169
+ transform: translate3d(0, 0, 0); }
1170
+
1171
+ .premium-banner-animation10.zoomout img,
1172
+ .premium-banner-animation10.scale img {
1173
+ -webkit-transform: translate3d(-10px, 0, 0) scale(1.1);
1174
+ transform: translate3d(-10px, 0, 0) scale(1.1); }
1175
+
1176
+ .premium-banner-animation10 .premium-banner-ib-content,
1177
+ .premium-banner-animation10 .premium-banner-read-more {
1178
+ padding-top: 15px;
1179
+ opacity: 0;
1180
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1181
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1182
+ transition: opacity 0.35s, transform 0.35s;
1183
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1184
+ -webkit-transform: translate3d(0, 100%, 0);
1185
+ transform: translate3d(0, 100%, 0); }
1186
+
1187
+ .premium-banner-animation10 .premium-banner-read-more {
1188
+ padding: 0; }
1189
+
1190
+ .premium-banner-animation10:hover .premium-banner-ib-content,
1191
+ .premium-banner-animation10.active .premium-banner-ib-content,
1192
+ .premium-banner-animation10:hover .premium-banner-read-more,
1193
+ .premium-banner-animation10.active .premium-banner-read-more {
1194
+ opacity: 1;
1195
+ -webkit-transform: translate3d(0, 0, 0);
1196
+ transform: translate3d(0, 0, 0); }
1197
+
1198
+ /**************** Premium CountDown *************/
1199
+ /************************************************/
1200
+ .premium-countdown {
1201
+ -js-display: flex;
1202
+ display: -webkit-box;
1203
+ display: -webkit-flex;
1204
+ display: -moz-box;
1205
+ display: -ms-flexbox;
1206
+ display: flex; }
1207
+
1208
+ .pre_countdown-row {
1209
+ display: block;
1210
+ text-align: center; }
1211
+
1212
+ .countdown .pre_countdown-section {
1213
+ display: inline-block;
1214
+ max-width: 100%;
1215
+ margin-bottom: 15px;
1216
+ -js-display: inline-flex;
1217
+ display: -webkit-inline-box;
1218
+ display: -webkit-inline-flex;
1219
+ display: -moz-inline-box;
1220
+ display: -ms-inline-flexbox;
1221
+ display: inline-flex;
1222
+ -webkit-box-align: center;
1223
+ -webkit-align-items: center;
1224
+ -moz-box-align: center;
1225
+ -ms-flex-align: center;
1226
+ align-items: center; }
1227
+ .countdown .pre_countdown-section:last-child {
1228
+ margin-right: 0; }
1229
+
1230
+ .countdown span.pre_countdown-amount {
1231
+ font-size: 70px;
1232
+ line-height: 1; }
1233
+
1234
+ .countdown .pre_time-mid {
1235
+ display: block; }
1236
+
1237
+ .premium-countdown-separator-yes .pre-countdown_separator {
1238
+ display: block;
1239
+ margin: 0 50px;
1240
+ font-size: 30px; }
1241
+
1242
+ .premium-countdown-separator-yes .pre_countdown-row .pre_countdown-section:last-child .pre-countdown_separator {
1243
+ display: none; }
1244
+
1245
+ /************************************ * Digit and unit styles *************************************/
1246
+ .side .pre_countdown-section .pre_countdown-period {
1247
+ vertical-align: bottom; }
1248
+
1249
+ .countdown .pre_countdown-section .pre_countdown-period {
1250
+ font-size: 17px;
1251
+ line-height: 3em; }
1252
+
1253
+ .side .pre_countdown-section .pre_countdown-amount,
1254
+ .side .pre_countdown-section .pre_countdown-period {
1255
+ display: inline-block; }
1256
+
1257
+ .side .pre_countdown-section .pre_countdown-amount {
1258
+ margin-right: 5px; }
1259
+
1260
+ .down .pre_countdown-section .pre_countdown-amount,
1261
+ .down .pre_countdown-section .pre_countdown-period {
1262
+ display: block; }
1263
+
1264
+ /**************** Premium Carousel **************/
1265
+ /************************************************/
1266
+ .premium-carousel-wrapper a.carousel-arrow, .premium-carousel-wrapper a.ver-carousel-arrow {
1267
+ -js-display: flex;
1268
+ display: -webkit-box;
1269
+ display: -webkit-flex;
1270
+ display: -moz-box;
1271
+ display: -ms-flexbox;
1272
+ display: flex;
1273
+ -webkit-box-align: center;
1274
+ -webkit-align-items: center;
1275
+ -moz-box-align: center;
1276
+ -ms-flex-align: center;
1277
+ align-items: center;
1278
+ -webkit-box-pack: center;
1279
+ -webkit-justify-content: center;
1280
+ -moz-box-pack: center;
1281
+ -ms-flex-pack: center;
1282
+ justify-content: center;
1283
+ width: 2em;
1284
+ height: 2em;
1285
+ line-height: 0;
1286
+ text-align: center;
1287
+ position: absolute;
1288
+ z-index: 99;
1289
+ cursor: pointer;
1290
+ -webkit-transition: all 0.3s ease-in-out;
1291
+ transition: all 0.3s ease-in-out;
1292
+ -webkit-appearance: inherit;
1293
+ border: none;
1294
+ -webkit-box-shadow: none;
1295
+ box-shadow: none; }
1296
+
1297
+ .premium-fb-rev-container a.carousel-arrow,
1298
+ .premium-blog-wrap a.carousel-arrow,
1299
+ .premium-hscroll-wrap a.carousel-arrow,
1300
+ .premium-twitter-feed-wrapper a.carousel-arrow,
1301
+ .premium-facebook-feed-wrapper a.carousel-arrow,
1302
+ .premium-instafeed-container a.carousel-arrow,
1303
+ .premium-persons-container a.carousel-arrow {
1304
+ -js-display: flex;
1305
+ display: -webkit-box;
1306
+ display: -webkit-flex;
1307
+ display: -moz-box;
1308
+ display: -ms-flexbox;
1309
+ display: flex;
1310
+ -webkit-box-align: center;
1311
+ -webkit-align-items: center;
1312
+ -moz-box-align: center;
1313
+ -ms-flex-align: center;
1314
+ align-items: center;
1315
+ -webkit-box-pack: center;
1316
+ -webkit-justify-content: center;
1317
+ -moz-box-pack: center;
1318
+ -ms-flex-pack: center;
1319
+ justify-content: center;
1320
+ width: 2em;
1321
+ height: 2em;
1322
+ line-height: 0;
1323
+ text-align: center;
1324
+ position: absolute;
1325
+ z-index: 99;
1326
+ cursor: pointer;
1327
+ -webkit-transition: all 0.3s ease-in-out;
1328
+ transition: all 0.3s ease-in-out;
1329
+ -webkit-appearance: inherit;
1330
+ border: none;
1331
+ -webkit-box-shadow: none;
1332
+ box-shadow: none; }
1333
+
1334
+ div[class^="premium-"] .slick-arrow i {
1335
+ display: block; }
1336
+
1337
+ .ver-carousel-arrow.carousel-next i {
1338
+ margin-bottom: -3px; }
1339
+
1340
+ .premium-carousel-wrapper a.slick-arrow:hover {
1341
+ -webkit-box-shadow: none !important;
1342
+ box-shadow: none !important; }
1343
+
1344
+ .premium-carousel-wrapper .premium-carousel-content-hidden {
1345
+ visibility: hidden; }
1346
+
1347
+ .premium-carousel-wrapper a.carousel-arrow {
1348
+ top: 50%; }
1349
+
1350
+ .premium-fb-rev-container a.carousel-arrow,
1351
+ .premium-blog-wrap a.carousel-arrow,
1352
+ .premium-hscroll-wrap a.carousel-arrow,
1353
+ .premium-twitter-feed-wrapper a.carousel-arrow,
1354
+ .premium-facebook-feed-wrapper a.carousel-arrow,
1355
+ .premium-instafeed-container a.carousel-arrow,
1356
+ .premium-persons-container a.carousel-arrow {
1357
+ top: 50%;
1358
+ -webkit-transform: translateY(-50%);
1359
+ -ms-transform: translateY(-50%);
1360
+ transform: translateY(-50%); }
1361
+
1362
+ .premium-carousel-wrapper a.ver-carousel-arrow {
1363
+ left: 50%;
1364
+ -webkit-transform: translateX(-50%);
1365
+ -ms-transform: translateX(-50%);
1366
+ transform: translateX(-50%); }
1367
+
1368
+ a.carousel-arrow.carousel-next {
1369
+ right: -20px; }
1370
+
1371
+ a.carousel-arrow.carousel-prev {
1372
+ left: -20px; }
1373
+
1374
+ a.ver-carousel-arrow.carousel-next {
1375
+ bottom: -56px; }
1376
+
1377
+ a.ver-carousel-arrow.carousel-prev {
1378
+ top: -45px; }
1379
+
1380
+ a.circle-bg {
1381
+ -webkit-border-radius: 100%;
1382
+ border-radius: 100%; }
1383
+
1384
+ a.circle-border {
1385
+ -webkit-border-radius: 100%;
1386
+ border-radius: 100%;
1387
+ border: solid black; }
1388
+
1389
+ a.square-border {
1390
+ border: solid black; }
1391
+
1392
+ .premium-carousel-wrapper ul.slick-dots,
1393
+ .premium-blog-wrap ul.slick-dots {
1394
+ list-style: none;
1395
+ text-align: center;
1396
+ margin: 0;
1397
+ padding: 0; }
1398
+
1399
+ .premium-carousel-dots-below ul.slick-dots {
1400
+ position: relative; }
1401
+
1402
+ .premium-carousel-dots-above ul.slick-dots {
1403
+ position: absolute;
1404
+ -js-display: flex;
1405
+ display: -webkit-box;
1406
+ display: -webkit-flex;
1407
+ display: -moz-box;
1408
+ display: -ms-flexbox;
1409
+ display: flex;
1410
+ width: auto;
1411
+ top: 50%;
1412
+ bottom: auto;
1413
+ -webkit-transform: translateY(-50%);
1414
+ -ms-transform: translateY(-50%);
1415
+ transform: translateY(-50%);
1416
+ -webkit-box-orient: vertical;
1417
+ -webkit-box-direction: normal;
1418
+ -webkit-flex-direction: column;
1419
+ -moz-box-orient: vertical;
1420
+ -moz-box-direction: normal;
1421
+ -ms-flex-direction: column;
1422
+ flex-direction: column; }
1423
+
1424
+ ul.slick-dots li {
1425
+ font-size: 10px;
1426
+ -js-display: inline-flex;
1427
+ display: -webkit-inline-box;
1428
+ display: -webkit-inline-flex;
1429
+ display: -moz-inline-box;
1430
+ display: -ms-inline-flexbox;
1431
+ display: inline-flex;
1432
+ -webkit-box-pack: center;
1433
+ -webkit-justify-content: center;
1434
+ -moz-box-pack: center;
1435
+ -ms-flex-pack: center;
1436
+ justify-content: center;
1437
+ -webkit-box-align: center;
1438
+ -webkit-align-items: center;
1439
+ -moz-box-align: center;
1440
+ -ms-flex-align: center;
1441
+ align-items: center;
1442
+ margin: 5px;
1443
+ width: 20px;
1444
+ height: 20px;
1445
+ cursor: pointer; }
1446
+
1447
+ /*
1448
+ * Custom Navigation Dot
1449
+ */
1450
+ .premium-carousel-wrapper .premium-carousel-nav-dot,
1451
+ .premium-carousel-wrapper .premium-carousel-nav-arrow-prev,
1452
+ .premium-carousel-wrapper .premium-carousel-nav-arrow-next {
1453
+ display: none; }
1454
+
1455
+ .premium-carousel-wrapper ul.slick-dots svg {
1456
+ width: 20px;
1457
+ height: 20px; }
1458
+
1459
+ /* Ripple Out */
1460
+ @-webkit-keyframes hvr-ripple-out {
1461
+ 0% {
1462
+ -webkit-transform: scale(1);
1463
+ transform: scale(1);
1464
+ opacity: 1; }
1465
+ 100% {
1466
+ -webkit-transform: scale(1.5);
1467
+ transform: scale(1.5);
1468
+ opacity: 0; } }
1469
+
1470
+ @keyframes hvr-ripple-out {
1471
+ 0% {
1472
+ -webkit-transform: scale(1);
1473
+ transform: scale(1);
1474
+ opacity: 1; }
1475
+ 100% {
1476
+ -webkit-transform: scale(1.5);
1477
+ transform: scale(1.5);
1478
+ opacity: 0; } }
1479
+
1480
+ .premium-carousel-ripple-yes .premium-carousel-wrapper {
1481
+ padding-bottom: 1px; }
1482
+
1483
+ .premium-carousel-ripple-yes ul.slick-dots li {
1484
+ position: relative; }
1485
+ .premium-carousel-ripple-yes ul.slick-dots li i {
1486
+ position: relative;
1487
+ z-index: 1; }
1488
+ .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
1489
+ content: "";
1490
+ position: absolute;
1491
+ -webkit-transform: scale(1);
1492
+ -ms-transform: scale(1);
1493
+ transform: scale(1);
1494
+ top: 0;
1495
+ right: 0;
1496
+ bottom: 0;
1497
+ left: 0;
1498
+ -webkit-border-radius: 50%;
1499
+ border-radius: 50%;
1500
+ pointer-events: none;
1501
+ background-color: rgba(0, 0, 0, 0.15); }
1502
+ .premium-carousel-ripple-yes ul.slick-dots li.slick-active:hover:before {
1503
+ background-color: rgba(0, 0, 0, 0.3); }
1504
+ .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
1505
+ -webkit-animation: hvr-ripple-out 1.3s infinite;
1506
+ animation: hvr-ripple-out 1.3s infinite; }
1507
+
1508
+ .premium-carousel-wrapper.premium-carousel-scale .slick-slide {
1509
+ -webkit-transform: scale(1.25, 1.25);
1510
+ -ms-transform: scale(1.25, 1.25);
1511
+ transform: scale(1.25, 1.25);
1512
+ -webkit-transition: all 0.3s ease-in-out !important;
1513
+ transition: all 0.3s ease-in-out !important; }
1514
+
1515
+ .premium-carousel-wrapper.premium-carousel-scale div.slick-active {
1516
+ -webkit-transform: scale(1, 1);
1517
+ -ms-transform: scale(1, 1);
1518
+ transform: scale(1, 1); }
1519
+
1520
+ [dir="rtl"] .premium-carousel-inner .slick-slide {
1521
+ float: right; }
1522
+
1523
+ /**************** Premium Counter ***************/
1524
+ /************************************************/
1525
+ .premium-counter-area {
1526
+ padding: 10px 0;
1527
+ -js-display: flex;
1528
+ display: -webkit-box;
1529
+ display: -webkit-flex;
1530
+ display: -moz-box;
1531
+ display: -ms-flexbox;
1532
+ display: flex;
1533
+ -webkit-box-pack: center;
1534
+ -webkit-justify-content: center;
1535
+ -moz-box-pack: center;
1536
+ -ms-flex-pack: center;
1537
+ justify-content: center;
1538
+ -webkit-box-align: center;
1539
+ -webkit-align-items: center;
1540
+ -moz-box-align: center;
1541
+ -ms-flex-align: center;
1542
+ align-items: center; }
1543
+ .premium-counter-area.top {
1544
+ -webkit-box-orient: vertical;
1545
+ -webkit-box-direction: normal;
1546
+ -webkit-flex-direction: column;
1547
+ -moz-box-orient: vertical;
1548
+ -moz-box-direction: normal;
1549
+ -ms-flex-direction: column;
1550
+ flex-direction: column; }
1551
+ .premium-counter-area.right {
1552
+ -webkit-box-orient: horizontal;
1553
+ -webkit-box-direction: reverse;
1554
+ -webkit-flex-direction: row-reverse;
1555
+ -moz-box-orient: horizontal;
1556
+ -moz-box-direction: reverse;
1557
+ -ms-flex-direction: row-reverse;
1558
+ flex-direction: row-reverse; }
1559
+ .premium-counter-area.right .premium-counter-icon {
1560
+ padding-left: 20px; }
1561
+ .premium-counter-area.left .premium-counter-icon {
1562
+ padding-right: 20px; }
1563
+ .premium-counter-area .premium-counter-icon .icon i.fa:before {
1564
+ vertical-align: text-top; }
1565
+ .premium-counter-area .premium-counter-icon span.icon {
1566
+ text-align: center;
1567
+ display: inline-block;
1568
+ vertical-align: middle; }
1569
+ .premium-counter-area .premium-counter-icon .circle {
1570
+ -webkit-border-radius: 100%;
1571
+ border-radius: 100%; }
1572
+ .premium-counter-area .premium-counter-icon img,
1573
+ .premium-counter-area .premium-counter-icon svg {
1574
+ width: 80px; }
1575
+ .premium-counter-area .premium-counter-icon .premium-counter-animation svg {
1576
+ height: 80px; }
1577
+ .premium-counter-area .premium-counter-title {
1578
+ padding: 0;
1579
+ margin: 0; }
1580
+ .premium-counter-area .premium-counter-value-wrap {
1581
+ -js-display: flex;
1582
+ display: -webkit-box;
1583
+ display: -webkit-flex;
1584
+ display: -moz-box;
1585
+ display: -ms-flexbox;
1586
+ display: flex;
1587
+ -webkit-box-align: center;
1588
+ -webkit-align-items: center;
1589
+ -moz-box-align: center;
1590
+ -ms-flex-align: center;
1591
+ align-items: center; }
1592
+
1593
+ .premium-init-wrapper.right {
1594
+ text-align: right; }
1595
+
1596
+ /* * Custom image and simple styles image fix */
1597
+ span.icon.flex-width {
1598
+ width: auto !important;
1599
+ height: auto !important; }
1600
+
1601
+ .premium-counter-area .premium-counter-init {
1602
+ font-size: 35px; }
1603
+
1604
+ /**************** Premium Image Separator ****************/
1605
+ /*********************************************************/
1606
+ .premium-image-separator-container {
1607
+ position: absolute;
1608
+ width: 100%;
1609
+ z-index: 2;
1610
+ top: auto;
1611
+ -webkit-transition: all 0.3s ease-in-out;
1612
+ transition: all 0.3s ease-in-out; }
1613
+ .premium-image-separator-container svg,
1614
+ .premium-image-separator-container img {
1615
+ display: inline-block !important; }
1616
+ .premium-image-separator-container .premium-image-separator-link {
1617
+ position: absolute;
1618
+ z-index: 9999;
1619
+ top: 0;
1620
+ left: 0;
1621
+ width: 100%;
1622
+ height: 100%;
1623
+ text-decoration: none; }
1624
+ .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 {
1625
+ -webkit-box-shadow: none !important;
1626
+ box-shadow: none !important;
1627
+ outline: none !important;
1628
+ border: none !important;
1629
+ text-decoration: none !important; }
1630
+ .premium-image-separator-container i {
1631
+ padding: 0.1em;
1632
+ -webkit-transition: all 0.3s ease-in-out;
1633
+ transition: all 0.3s ease-in-out; }
1634
+
1635
+ /**************** Premium Modal Box ****************/
1636
+ /***************************************************/
1637
+ .premium-modal-trigger-btn,
1638
+ .premium-modal-box-modal-lower-close {
1639
+ display: inline-block;
1640
+ padding: 6px 12px;
1641
+ margin-bottom: 0;
1642
+ font-size: 14px;
1643
+ font-weight: normal;
1644
+ line-height: 1.42857143;
1645
+ text-align: center;
1646
+ white-space: nowrap;
1647
+ vertical-align: middle;
1648
+ -ms-touch-action: manipulation;
1649
+ touch-action: manipulation;
1650
+ cursor: pointer;
1651
+ -webkit-user-select: none;
1652
+ -moz-user-select: none;
1653
+ -ms-user-select: none;
1654
+ user-select: none;
1655
+ background-image: none;
1656
+ border: 1px solid transparent; }
1657
+
1658
+ .premium-modal-trigger-btn i {
1659
+ -webkit-transition: all 0.3s ease-in-out;
1660
+ transition: all 0.3s ease-in-out; }
1661
+
1662
+ .premium-btn-md {
1663
+ padding: 8px 14px;
1664
+ font-size: 16px;
1665
+ line-height: 1.2; }
1666
+
1667
+ .premium-btn-lg {
1668
+ padding: 10px 16px;
1669
+ font-size: 18px;
1670
+ line-height: 1.3333333; }
1671
+
1672
+ .premium-btn-block {
1673
+ display: block;
1674
+ width: 100%; }
1675
+
1676
+ .premium-modal-box-modal-close {
1677
+ float: right;
1678
+ font-size: 21px;
1679
+ font-weight: bold;
1680
+ line-height: 1;
1681
+ color: #000; }
1682
+ .premium-modal-box-modal-close:hover, .premium-modal-box-modal-close:focus {
1683
+ color: #000;
1684
+ text-decoration: none;
1685
+ cursor: pointer; }
1686
+
1687
+ button.premium-modal-box-modal-close {
1688
+ -webkit-appearance: none;
1689
+ padding: 0;
1690
+ cursor: pointer;
1691
+ background: transparent;
1692
+ border: 0; }
1693
+
1694
+ .premium-modal-box-modal {
1695
+ position: fixed;
1696
+ top: 0;
1697
+ right: 0;
1698
+ bottom: 0;
1699
+ left: 0;
1700
+ z-index: 1050;
1701
+ display: none;
1702
+ -webkit-overflow-scrolling: touch;
1703
+ outline: 0;
1704
+ padding: 0 !important;
1705
+ background: rgba(0, 0, 0, 0.5);
1706
+ -webkit-box-align: center;
1707
+ -webkit-align-items: center;
1708
+ -moz-box-align: center;
1709
+ -ms-flex-align: center;
1710
+ align-items: center;
1711
+ -webkit-box-pack: center;
1712
+ -webkit-justify-content: center;
1713
+ -moz-box-pack: center;
1714
+ -ms-flex-pack: center;
1715
+ justify-content: center; }
1716
+ .premium-modal-box-modal .premium-modal-box-modal-dialog {
1717
+ position: absolute;
1718
+ max-height: -webkit-calc(100vh - 150px);
1719
+ max-height: calc(100vh - 150px);
1720
+ -js-display: flex;
1721
+ display: -webkit-box;
1722
+ display: -webkit-flex;
1723
+ display: -moz-box;
1724
+ display: -ms-flexbox;
1725
+ display: flex;
1726
+ -webkit-box-orient: vertical;
1727
+ -webkit-box-direction: normal;
1728
+ -webkit-flex-direction: column;
1729
+ -moz-box-orient: vertical;
1730
+ -moz-box-direction: normal;
1731
+ -ms-flex-direction: column;
1732
+ flex-direction: column;
1733
+ opacity: 0; }
1734
+
1735
+ .premium-modal-box-modal-content {
1736
+ background-color: #fff;
1737
+ -webkit-background-clip: padding-box;
1738
+ background-clip: padding-box;
1739
+ border: 1px solid rgba(0, 0, 0, 0.2);
1740
+ -webkit-border-radius: 6px;
1741
+ border-radius: 6px;
1742
+ outline: 0; }
1743
+
1744
+ .premium-modal-backdrop.premium-in {
1745
+ filter: alpha(opacity=50);
1746
+ opacity: 0.5 !important; }
1747
+
1748
+ .premium-in {
1749
+ opacity: 1; }
1750
+
1751
+ .premium-modal-backdrop {
1752
+ position: fixed;
1753
+ top: 0;
1754
+ right: 0;
1755
+ bottom: 0;
1756
+ left: 0;
1757
+ z-index: 1040;
1758
+ background-color: #000; }
1759
+
1760
+ .premium-in {
1761
+ -js-display: flex !important;
1762
+ display: -webkit-box !important;
1763
+ display: -webkit-flex !important;
1764
+ display: -moz-box !important;
1765
+ display: -ms-flexbox !important;
1766
+ display: flex !important; }
1767
+
1768
+ .premium-modal-box-modal-header {
1769
+ -js-display: flex;
1770
+ display: -webkit-box;
1771
+ display: -webkit-flex;
1772
+ display: -moz-box;
1773
+ display: -ms-flexbox;
1774
+ display: flex;
1775
+ -webkit-box-pack: justify;
1776
+ -webkit-justify-content: space-between;
1777
+ -moz-box-pack: justify;
1778
+ -ms-flex-pack: justify;
1779
+ justify-content: space-between;
1780
+ -webkit-box-align: center;
1781
+ -webkit-align-items: center;
1782
+ -moz-box-align: center;
1783
+ -ms-flex-align: center;
1784
+ align-items: center;
1785
+ padding: 5px 15px;
1786
+ border-bottom: 1px solid #e5e5e5; }
1787
+ .premium-modal-box-modal-header .premium-modal-box-modal-close {
1788
+ margin-top: -2px; }
1789
+ .premium-modal-box-modal-header .premium-modal-box-modal-title {
1790
+ -js-display: flex;
1791
+ display: -webkit-box;
1792
+ display: -webkit-flex;
1793
+ display: -moz-box;
1794
+ display: -ms-flexbox;
1795
+ display: flex;
1796
+ -webkit-box-align: center;
1797
+ -webkit-align-items: center;
1798
+ -moz-box-align: center;
1799
+ -ms-flex-align: center;
1800
+ align-items: center;
1801
+ margin: 0;
1802
+ padding: 0; }
1803
+ .premium-modal-box-modal-header .premium-modal-box-modal-title svg {
1804
+ width: 50px;
1805
+ height: 60px; }
1806
+
1807
+ .premium-modal-box-modal-body {
1808
+ position: relative;
1809
+ padding: 15px;
1810
+ overflow: hidden; }
1811
+
1812
+ .premium-modal-box-modal-footer {
1813
+ padding: 15px;
1814
+ text-align: right;
1815
+ border-top: 1px solid #e5e5e5; }
1816
+
1817
+ .premium-modal-scrollbar-measure {
1818
+ position: absolute;
1819
+ top: -9999px;
1820
+ width: 50px;
1821
+ height: 50px;
1822
+ overflow: scroll; }
1823
+
1824
+ .premium-modal-trigger-text {
1825
+ background: none !important; }
1826
+
1827
+ .premium-modal-box-container {
1828
+ width: 100% !important; }
1829
+
1830
+ /*Open Modal Button Style*/
1831
+ .premium-modal-trigger-container .premium-modal-trigger-btn {
1832
+ border: none;
1833
+ -webkit-transition: all 0.3s ease-in-out;
1834
+ transition: all 0.3s ease-in-out; }
1835
+
1836
+ .premium-modal-trigger-container .premium-modal-trigger-img,
1837
+ .premium-modal-trigger-container .premium-modal-trigger-text,
1838
+ .premium-modal-trigger-container .premium-modal-trigger-animation {
1839
+ cursor: pointer; }
1840
+
1841
+ .premium-modal-trigger-container .premium-modal-trigger-animation {
1842
+ display: inline-block;
1843
+ width: 200px;
1844
+ height: 200px;
1845
+ -webkit-transition: all 0.3s ease-in-out;
1846
+ transition: all 0.3s ease-in-out; }
1847
+
1848
+ /*Image on Modal Header Style*/
1849
+ .premium-modal-box-modal-header img {
1850
+ width: 48px;
1851
+ padding-right: 5px; }
1852
+
1853
+ .premium-modal-box-modal-header i,
1854
+ .premium-modal-box-modal-header svg {
1855
+ padding-right: 6px; }
1856
+
1857
+ .premium-modal-box-modal-close {
1858
+ position: relative;
1859
+ z-index: 99; }
1860
+
1861
+ .premium-modal-trigger-img,
1862
+ .premium-modal-trigger-text,
1863
+ .premium-modal-box-close-button-container,
1864
+ .premium-modal-box-modal-close,
1865
+ .premium-modal-box-modal-lower-close {
1866
+ -webkit-transition: all 0.3s ease-in-out;
1867
+ transition: all 0.3s ease-in-out; }
1868
+
1869
+ @media (min-width: 768px) {
1870
+ .premium-modal-box-modal-dialog {
1871
+ width: 700px;
1872
+ max-height: 600px;
1873
+ overflow: auto; } }
1874
+
1875
+ @media (max-width: 767px) {
1876
+ .premium-modal-box-modal-dialog {
1877
+ width: 100%;
1878
+ max-height: 500px;
1879
+ overflow: auto; } }
1880
+
1881
+ .premium-modal-box-container[data-modal-animation*="animated-"] {
1882
+ opacity: 0; }
1883
+
1884
+ /**************** Premium Progress Bar ****************/
1885
+ /******************************************************/
1886
+ .premium-progressbar-container {
1887
+ position: relative; }
1888
+
1889
+ .premium-progressbar-bar-wrap {
1890
+ position: relative;
1891
+ text-align: left;
1892
+ overflow: hidden;
1893
+ height: 25px;
1894
+ margin-bottom: 50px;
1895
+ background-color: #f5f5f5;
1896
+ -webkit-border-radius: 4px;
1897
+ border-radius: 4px;
1898
+ -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
1899
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }
1900
+ .premium-progressbar-bar-wrap.premium-progressbar-dots {
1901
+ background-color: transparent;
1902
+ width: 100%;
1903
+ -js-display: flex;
1904
+ display: -webkit-box;
1905
+ display: -webkit-flex;
1906
+ display: -moz-box;
1907
+ display: -ms-flexbox;
1908
+ display: flex;
1909
+ height: auto;
1910
+ -webkit-box-shadow: none;
1911
+ box-shadow: none; }
1912
+ .premium-progressbar-bar-wrap .progress-segment {
1913
+ position: relative;
1914
+ width: 25px;
1915
+ height: 25px;
1916
+ -webkit-border-radius: 50%;
1917
+ border-radius: 50%;
1918
+ overflow: hidden;
1919
+ background-color: #f5f5f5; }
1920
+ .premium-progressbar-bar-wrap .progress-segment.filled {
1921
+ background: #6ec1e4; }
1922
+ .premium-progressbar-bar-wrap .progress-segment:not(:first-child):not(:last-child) {
1923
+ margin: 0 4px; }
1924
+ .premium-progressbar-bar-wrap .progress-segment:first-child {
1925
+ margin-right: 4px; }
1926
+ .premium-progressbar-bar-wrap .progress-segment:last-child {
1927
+ margin-left: 4px; }
1928
+ .premium-progressbar-bar-wrap .progress-segment .segment-inner {
1929
+ position: absolute;
1930
+ top: 0;
1931
+ left: 0;
1932
+ height: 100%;
1933
+ background-color: #6ec1e4; }
1934
+
1935
+ .premium-progressbar-bar {
1936
+ float: left;
1937
+ width: 0%;
1938
+ height: 100%;
1939
+ font-size: 12px;
1940
+ line-height: 20px;
1941
+ background: #6ec1e4;
1942
+ text-align: center;
1943
+ -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
1944
+ box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); }
1945
+
1946
+ .premium-progressbar-striped .premium-progressbar-bar {
1947
+ 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);
1948
+ 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);
1949
+ -webkit-background-size: 40px 40px;
1950
+ background-size: 40px 40px; }
1951
+
1952
+ .premium-progressbar-active .premium-progressbar-bar {
1953
+ -webkit-animation: progress-bar-stripes 2s linear infinite;
1954
+ animation: progress-bar-stripes 2s linear infinite; }
1955
+
1956
+ .premium-progressbar-gradient .premium-progressbar-bar {
1957
+ -webkit-background-size: 400% 400% !important;
1958
+ background-size: 400% 400% !important;
1959
+ -webkit-animation: progress-bar-gradient 10s ease-in-out infinite;
1960
+ animation: progress-bar-gradient 10s ease-in-out infinite; }
1961
+
1962
+ .premium-progressbar-bar {
1963
+ position: absolute;
1964
+ overflow: hidden;
1965
+ line-height: 20px; }
1966
+
1967
+ .premium-progressbar-container .clearfix {
1968
+ clear: both; }
1969
+
1970
+ .premium-progressbar-bar {
1971
+ -webkit-transition: width 0s ease-in-out !important;
1972
+ transition: width 0s ease-in-out !important; }
1973
+
1974
+ .premium-progressbar-container p:first-of-type {
1975
+ margin: 0;
1976
+ float: left; }
1977
+
1978
+ .premium-progressbar-container p:nth-of-type(2) {
1979
+ margin: 0;
1980
+ float: right; }
1981
+
1982
+ .premium-progressbar-name {
1983
+ left: 50%;
1984
+ top: 0;
1985
+ right: 0;
1986
+ -webkit-transform: translateX(-12.5px);
1987
+ -ms-transform: translateX(-12.5px);
1988
+ transform: translateX(-12.5px);
1989
+ z-index: 1; }
1990
+
1991
+ .premium-progressbar-multiple-label {
1992
+ position: relative;
1993
+ float: left;
1994
+ width: 0;
1995
+ left: 50%; }
1996
+
1997
+ .premium-progressbar-center-label {
1998
+ position: relative;
1999
+ white-space: nowrap; }
2000
+
2001
+ .premium-progressbar-arrow {
2002
+ left: 50%;
2003
+ display: inline-block;
2004
+ border-left: 7px solid transparent;
2005
+ border-right: 7px solid transparent;
2006
+ border-top: 11px solid;
2007
+ -webkit-transform: translateX(-50%);
2008
+ -ms-transform: translateX(-50%);
2009
+ transform: translateX(-50%); }
2010
+
2011
+ .premium-progressbar-pin {
2012
+ border-left: 1px solid;
2013
+ height: 12px;
2014
+ left: 50%;
2015
+ display: inline-block; }
2016
+
2017
+ /**
2018
+ * Circle Progress Bar
2019
+ */
2020
+ .premium-progressbar-circle-wrap {
2021
+ width: 200px;
2022
+ height: 200px;
2023
+ position: relative;
2024
+ margin: 0 auto; }
2025
+ .premium-progressbar-circle-wrap .premium-progressbar-circle {
2026
+ position: absolute;
2027
+ top: 0;
2028
+ left: 0;
2029
+ width: 100%;
2030
+ height: 100%;
2031
+ -webkit-clip-path: inset(0 0 0 50%);
2032
+ clip-path: inset(0 0 0 50%); }
2033
+ .premium-progressbar-circle-wrap .premium-progressbar-circle div {
2034
+ position: absolute;
2035
+ left: 0;
2036
+ top: 0;
2037
+ height: 100%;
2038
+ width: 100%;
2039
+ border-width: 6px;
2040
+ border-style: solid;
2041
+ border-color: #54595f;
2042
+ -webkit-border-radius: 50%;
2043
+ border-radius: 50%;
2044
+ -webkit-clip-path: inset(0 50% 0 0);
2045
+ clip-path: inset(0 50% 0 0); }
2046
+ .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-left {
2047
+ -webkit-transform: rotate(0);
2048
+ -ms-transform: rotate(0);
2049
+ transform: rotate(0); }
2050
+ .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-right {
2051
+ -webkit-transform: rotate(180deg);
2052
+ -ms-transform: rotate(180deg);
2053
+ transform: rotate(180deg);
2054
+ visibility: hidden; }
2055
+ .premium-progressbar-circle-wrap .premium-progressbar-circle-base {
2056
+ width: 100%;
2057
+ height: 100%;
2058
+ border: 6px solid #eee;
2059
+ -webkit-border-radius: 50%;
2060
+ border-radius: 50%; }
2061
+ .premium-progressbar-circle-wrap .premium-progressbar-circle-content {
2062
+ position: absolute;
2063
+ top: 0;
2064
+ left: 0;
2065
+ width: 100%;
2066
+ height: 100%;
2067
+ -js-display: flex;
2068
+ display: -webkit-box;
2069
+ display: -webkit-flex;
2070
+ display: -moz-box;
2071
+ display: -ms-flexbox;
2072
+ display: flex;
2073
+ -webkit-box-orient: vertical;
2074
+ -webkit-box-direction: normal;
2075
+ -webkit-flex-direction: column;
2076
+ -moz-box-orient: vertical;
2077
+ -moz-box-direction: normal;
2078
+ -ms-flex-direction: column;
2079
+ flex-direction: column;
2080
+ -webkit-box-pack: center;
2081
+ -webkit-justify-content: center;
2082
+ -moz-box-pack: center;
2083
+ -ms-flex-pack: center;
2084
+ justify-content: center;
2085
+ -webkit-box-align: center;
2086
+ -webkit-align-items: center;
2087
+ -moz-box-align: center;
2088
+ -ms-flex-align: center;
2089
+ align-items: center; }
2090
+ .premium-progressbar-circle-wrap .premium-lottie-animation {
2091
+ line-height: 1; }
2092
+
2093
+ @-webkit-keyframes progress-bar-stripes {
2094
+ from {
2095
+ background-position: 0 0; }
2096
+ to {
2097
+ background-position: 40px 0; } }
2098
+
2099
+ @keyframes progress-bar-stripes {
2100
+ from {
2101
+ background-position: 0 0; }
2102
+ to {
2103
+ background-position: 40px 0; } }
2104
+
2105
+ @-webkit-keyframes progress-bar-gradient {
2106
+ 0% {
2107
+ background-position: 0% 50%; }
2108
+ 50% {
2109
+ background-position: 100% 50%; }
2110
+ 100% {
2111
+ background-position: 0% 50%; } }
2112
+
2113
+ @keyframes progress-bar-gradient {
2114
+ 0% {
2115
+ background-position: 0% 50%; }
2116
+ 50% {
2117
+ background-position: 100% 50%; }
2118
+ 100% {
2119
+ background-position: 0% 50%; } }
2120
+
2121
+ /**************** Premium Testimonials ****************/
2122
+ /******************************************************/
2123
+ .premium-testimonial-box {
2124
+ width: 100%;
2125
+ background: transparent;
2126
+ -webkit-transition: all 0.3s ease-in-out;
2127
+ transition: all 0.3s ease-in-out; }
2128
+ .premium-testimonial-box .premium-testimonial-author-info {
2129
+ -js-display: flex;
2130
+ display: -webkit-box;
2131
+ display: -webkit-flex;
2132
+ display: -moz-box;
2133
+ display: -ms-flexbox;
2134
+ display: flex;
2135
+ -webkit-box-pack: center;
2136
+ -webkit-justify-content: center;
2137
+ -moz-box-pack: center;
2138
+ -ms-flex-pack: center;
2139
+ justify-content: center;
2140
+ -webkit-box-align: center;
2141
+ -webkit-align-items: center;
2142
+ -moz-box-align: center;
2143
+ -ms-flex-align: center;
2144
+ align-items: center; }
2145
+ .premium-testimonial-box .premium-testimonial-person-name,
2146
+ .premium-testimonial-box .premium-testimonial-company-name {
2147
+ font-weight: 600;
2148
+ margin: 0; }
2149
+
2150
+ .premium-testimonial-container {
2151
+ position: relative; }
2152
+
2153
+ .premium-testimonial-img-wrapper {
2154
+ margin-left: auto;
2155
+ margin-right: auto;
2156
+ overflow: hidden;
2157
+ border-style: solid !important; }
2158
+ .premium-testimonial-img-wrapper.circle {
2159
+ -webkit-border-radius: 50%;
2160
+ border-radius: 50%; }
2161
+ .premium-testimonial-img-wrapper.rounded {
2162
+ -webkit-border-radius: 15px;
2163
+ border-radius: 15px; }
2164
+ .premium-testimonial-img-wrapper img {
2165
+ -o-object-fit: cover;
2166
+ object-fit: cover;
2167
+ width: 100%;
2168
+ height: 100% !important; }
2169
+
2170
+ .premium-testimonial-content-wrapper {
2171
+ position: relative;
2172
+ -js-display: flex;
2173
+ display: -webkit-box;
2174
+ display: -webkit-flex;
2175
+ display: -moz-box;
2176
+ display: -ms-flexbox;
2177
+ display: flex;
2178
+ -webkit-box-orient: vertical;
2179
+ -webkit-box-direction: normal;
2180
+ -webkit-flex-direction: column;
2181
+ -moz-box-orient: vertical;
2182
+ -moz-box-direction: normal;
2183
+ -ms-flex-direction: column;
2184
+ flex-direction: column;
2185
+ z-index: 2;
2186
+ width: 100%;
2187
+ padding: 20px;
2188
+ text-align: center; }
2189
+
2190
+ .premium-testimonial-clear-float {
2191
+ clear: both; }
2192
+
2193
+ .premium-testimonial-upper-quote,
2194
+ .premium-testimonial-lower-quote {
2195
+ position: absolute;
2196
+ z-index: 1; }
2197
+
2198
+ /**************** Premium Dual Heading *****************/
2199
+ /*******************************************************/
2200
+ .premium-dual-header-container .premium-dual-header-first-header,
2201
+ .premium-dual-header-container .premium-dual-header-second-header {
2202
+ position: relative;
2203
+ padding: 0;
2204
+ margin: 0;
2205
+ display: inline-block;
2206
+ -webkit-transform: translate(0, 0);
2207
+ -ms-transform: translate(0, 0);
2208
+ transform: translate(0, 0); }
2209
+
2210
+ .premium-dual-header-first-clip .premium-dual-header-first-span,
2211
+ .premium-dual-header-second-clip {
2212
+ -webkit-text-fill-color: transparent;
2213
+ -webkit-background-clip: text;
2214
+ background-clip: text; }
2215
+
2216
+ .premium-dual-header-first-clip.stroke .premium-dual-header-first-span,
2217
+ .premium-dual-header-second-clip.stroke {
2218
+ -webkit-text-stroke-color: transparent;
2219
+ -webkit-text-fill-color: #fafafa;
2220
+ -webkit-text-stroke-width: 2px; }
2221
+
2222
+ @media (max-width: 500px) {
2223
+ .premium-dual-header-container .premium-dual-header-first-header,
2224
+ .premium-dual-header-container .premium-dual-header-second-header {
2225
+ display: block;
2226
+ word-wrap: break-word; }
2227
+ .premium-dual-header-first-container,
2228
+ .premium-dual-header-second-container {
2229
+ margin: 0; } }
2230
+
2231
+ @media (min-width: 501px) {
2232
+ .premium-dual-header-first-container {
2233
+ margin-right: 5px; } }
2234
+
2235
+ .premium-dual-header-first-header.gradient .premium-dual-header-first-span,
2236
+ .premium-dual-header-second-header.gradient {
2237
+ -webkit-background-size: 300% 300% !important;
2238
+ background-size: 300% 300% !important;
2239
+ -webkit-animation: Gradient 10s ease-in-out infinite;
2240
+ animation: Gradient 10s ease-in-out infinite; }
2241
+
2242
+ @-webkit-keyframes Gradient {
2243
+ 0% {
2244
+ background-position: 0% 50%; }
2245
+ 50% {
2246
+ background-position: 100% 50%; }
2247
+ 100% {
2248
+ background-position: 0% 50%; } }
2249
+
2250
+ @keyframes Gradient {
2251
+ 0% {
2252
+ background-position: 0% 50%; }
2253
+ 50% {
2254
+ background-position: 100% 50%; }
2255
+ 100% {
2256
+ background-position: 0% 50%; } }
2257
+
2258
+ /**************** Premium Title ****************/
2259
+ /***********************************************/
2260
+ .premium-title-container {
2261
+ position: relative;
2262
+ width: 100%;
2263
+ clear: both; }
2264
+ .premium-title-container .premium-title-header {
2265
+ position: relative;
2266
+ margin: 0;
2267
+ padding: 10px; }
2268
+ .premium-title-container .premium-title-header:not(.premium-title-style7) {
2269
+ -webkit-box-align: center;
2270
+ -webkit-align-items: center;
2271
+ -moz-box-align: center;
2272
+ -ms-flex-align: center;
2273
+ align-items: center; }
2274
+ .premium-title-container .premium-title-header svg {
2275
+ width: 40px;
2276
+ height: 40px; }
2277
+ .premium-title-container .premium-title-header img {
2278
+ width: 40px;
2279
+ height: 40px;
2280
+ -o-object-fit: cover;
2281
+ object-fit: cover; }
2282
+ .premium-title-container .premium-title-header a {
2283
+ position: absolute;
2284
+ top: 0;
2285
+ left: 0;
2286
+ width: 100%;
2287
+ height: 100%; }
2288
+ .premium-title-container .premium-lottie-animation {
2289
+ -js-display: flex;
2290
+ display: -webkit-box;
2291
+ display: -webkit-flex;
2292
+ display: -moz-box;
2293
+ display: -ms-flexbox;
2294
+ display: flex; }
2295
+
2296
+ .premium-title-icon-row .premium-title-icon {
2297
+ margin-right: 10px; }
2298
+
2299
+ .premium-title-icon-row-reverse .premium-title-icon {
2300
+ margin-left: 10px; }
2301
+
2302
+ .premium-title-style3,
2303
+ .premium-title-style4 {
2304
+ -js-display: flex;
2305
+ display: -webkit-box;
2306
+ display: -webkit-flex;
2307
+ display: -moz-box;
2308
+ display: -ms-flexbox;
2309
+ display: flex; }
2310
+
2311
+ .premium-title-style1,
2312
+ .premium-title-style2,
2313
+ .premium-title-style5,
2314
+ .premium-title-style6,
2315
+ .premium-title-style8,
2316
+ .premium-title-style9 {
2317
+ -js-display: inline-flex;
2318
+ display: -webkit-inline-box;
2319
+ display: -webkit-inline-flex;
2320
+ display: -moz-inline-box;
2321
+ display: -ms-inline-flexbox;
2322
+ display: inline-flex; }
2323
+
2324
+ .premium-title-style7 {
2325
+ -js-display: inline-flex;
2326
+ display: -webkit-inline-box;
2327
+ display: -webkit-inline-flex;
2328
+ display: -moz-inline-box;
2329
+ display: -ms-inline-flexbox;
2330
+ display: inline-flex;
2331
+ -webkit-box-orient: vertical;
2332
+ -webkit-box-direction: normal;
2333
+ -webkit-flex-direction: column;
2334
+ -moz-box-orient: vertical;
2335
+ -moz-box-direction: normal;
2336
+ -ms-flex-direction: column;
2337
+ flex-direction: column; }
2338
+ .premium-title-style7 .premium-title-style7-inner {
2339
+ -js-display: flex;
2340
+ display: -webkit-box;
2341
+ display: -webkit-flex;
2342
+ display: -moz-box;
2343
+ display: -ms-flexbox;
2344
+ display: flex;
2345
+ -webkit-box-align: center;
2346
+ -webkit-align-items: center;
2347
+ -moz-box-align: center;
2348
+ -ms-flex-align: center;
2349
+ align-items: center; }
2350
+
2351
+ .premium-title-style1 {
2352
+ border-left: 3px solid #6ec1e4; }
2353
+
2354
+ .premium-title-container.style2, .premium-title-container.style4, .premium-title-container.style5, .premium-title-container.style6 {
2355
+ border-bottom: 3px solid #6ec1e4; }
2356
+
2357
+ /*Style 6 Header*/
2358
+ .premium-title-style6:before {
2359
+ position: absolute;
2360
+ left: 50%;
2361
+ bottom: 0;
2362
+ margin-left: -2px;
2363
+ content: "";
2364
+ border: 3px solid transparent; }
2365
+
2366
+ /*Style 6 Trinagle*/
2367
+ .premium-title-style7-stripe-wrap {
2368
+ -js-display: flex;
2369
+ display: -webkit-box;
2370
+ display: -webkit-flex;
2371
+ display: -moz-box;
2372
+ display: -ms-flexbox;
2373
+ display: flex; }
2374
+
2375
+ .premium-title-style7:before {
2376
+ display: none; }
2377
+
2378
+ .premium-title-style8 .premium-title-text[data-animation="shiny"] {
2379
+ -webkit-background-size: 125px 125px !important;
2380
+ background-size: 125px !important;
2381
+ color: rgba(255, 255, 255, 0);
2382
+ -webkit-background-clip: text !important;
2383
+ background-clip: text !important;
2384
+ -webkit-animation-name: shining_title !important;
2385
+ animation-name: shining_title !important;
2386
+ -webkit-animation-duration: var(--animation-speed) !important;
2387
+ animation-duration: var(--animation-speed) !important;
2388
+ -webkit-animation-iteration-count: infinite !important;
2389
+ animation-iteration-count: infinite !important;
2390
+ 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; }
2391
+
2392
+ @-webkit-keyframes shining_title {
2393
+ 0% {
2394
+ background-position: 0%; }
2395
+ 100% {
2396
+ background-position: 200%; } }
2397
+
2398
+ @keyframes shining_title {
2399
+ 0% {
2400
+ background-position: 0%; }
2401
+ 100% {
2402
+ background-position: 200%; } }
2403
+
2404
+ .premium-title-style9[data-animation-blur="process"] .premium-title-style9-letter {
2405
+ -webkit-animation: premium_blurshadow 2s 1 alternate;
2406
+ animation: premium_blurshadow 2s 1 alternate; }
2407
+
2408
+ @-webkit-keyframes premium_blurshadow {
2409
+ from {
2410
+ text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
2411
+ color: transparent; }
2412
+ to {
2413
+ text-shadow: 0; } }
2414
+
2415
+ @keyframes premium_blurshadow {
2416
+ from {
2417
+ text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
2418
+ color: transparent; }
2419
+ to {
2420
+ text-shadow: 0; } }
2421
+
2422
+ /*
2423
+ * Common Title/Dual Heading
2424
+ */
2425
+ .premium-title-bg-text:before {
2426
+ position: absolute;
2427
+ content: attr(data-background);
2428
+ top: 0;
2429
+ left: 0;
2430
+ text-align: left; }
2431
+
2432
+ /**************** Premium Video Box ************/
2433
+ /***********************************************/
2434
+ .premium-video-box-transform {
2435
+ -webkit-transform: none !important;
2436
+ -ms-transform: none !important;
2437
+ transform: none !important; }
2438
+
2439
+ .premium-video-box-container > div {
2440
+ position: relative; }
2441
+
2442
+ .pa-aspect-ratio-11 .premium-video-box-container > div {
2443
+ padding-bottom: 100%; }
2444
+
2445
+ .pa-aspect-ratio-169 .premium-video-box-container > div {
2446
+ padding-bottom: 56.25%; }
2447
+
2448
+ .pa-aspect-ratio-43 .premium-video-box-container > div {
2449
+ padding-bottom: 75%; }
2450
+
2451
+ .pa-aspect-ratio-32 .premium-video-box-container > div {
2452
+ padding-bottom: 66.6666%; }
2453
+
2454
+ .pa-aspect-ratio-219 .premium-video-box-container > div {
2455
+ padding-bottom: 42.8571%; }
2456
+
2457
+ .pa-aspect-ratio-916 .premium-video-box-container > div {
2458
+ padding-bottom: 177.8%; }
2459
+
2460
+ .premium-video-box-image-container {
2461
+ position: absolute;
2462
+ top: 0;
2463
+ left: 0;
2464
+ bottom: 0;
2465
+ right: 0;
2466
+ width: 100%;
2467
+ height: 100%;
2468
+ -webkit-background-size: cover;
2469
+ background-size: cover;
2470
+ background-position: 50%;
2471
+ cursor: pointer;
2472
+ margin: auto;
2473
+ -webkit-transition: 0.2s all;
2474
+ transition: 0.2s all; }
2475
+
2476
+ .premium-video-box-play-icon-container {
2477
+ position: absolute;
2478
+ z-index: 2;
2479
+ cursor: pointer;
2480
+ -webkit-transform: translate(-50%, -50%);
2481
+ -ms-transform: translate(-50%, -50%);
2482
+ transform: translate(-50%, -50%);
2483
+ background: rgba(252, 252, 252, 0.35); }
2484
+
2485
+ .premium-video-box-description-container {
2486
+ position: absolute;
2487
+ z-index: 2;
2488
+ padding: 5px;
2489
+ text-align: center;
2490
+ cursor: pointer;
2491
+ -webkit-transform: translate(-50%, -50%);
2492
+ -ms-transform: translate(-50%, -50%);
2493
+ transform: translate(-50%, -50%); }
2494
+
2495
+ .premium-video-box-text {
2496
+ margin-bottom: 0 !important;
2497
+ -webkit-transition: all 0.3s ease-in-out;
2498
+ transition: all 0.3s ease-in-out; }
2499
+
2500
+ .premium-video-box-play-icon {
2501
+ padding: 15px;
2502
+ -webkit-transform: translateX(4%);
2503
+ -ms-transform: translateX(4%);
2504
+ transform: translateX(4%);
2505
+ -webkit-transition: all 0.3s ease-in-out;
2506
+ transition: all 0.3s ease-in-out; }
2507
+
2508
+ .premium-video-box-video-container {
2509
+ position: absolute;
2510
+ top: 0;
2511
+ left: 0;
2512
+ z-index: 2;
2513
+ width: 100%;
2514
+ height: 100%;
2515
+ -webkit-transition: opacity 0.8s ease-in-out;
2516
+ transition: opacity 0.8s ease-in-out;
2517
+ overflow: hidden;
2518
+ cursor: pointer; }
2519
+
2520
+ .premium-video-box-container[data-overlay="true"][data-type="self"] .premium-video-box-video-container {
2521
+ opacity: 0;
2522
+ visibility: hidden; }
2523
+
2524
+ .premium-video-box-video-container iframe {
2525
+ max-width: 100%;
2526
+ width: 100%;
2527
+ height: 100%;
2528
+ margin: 0;
2529
+ line-height: 1;
2530
+ border: none; }
2531
+
2532
+ .premium-video-box-video-container video {
2533
+ max-width: 100%;
2534
+ width: 100%;
2535
+ height: 100%;
2536
+ margin: 0;
2537
+ line-height: 1;
2538
+ border: none;
2539
+ background-color: #000;
2540
+ -o-object-fit: contain;
2541
+ object-fit: contain; }
2542
+
2543
+ .premium-video-box-container .premium-video-box-vimeo-wrap {
2544
+ -js-display: flex;
2545
+ display: -webkit-box;
2546
+ display: -webkit-flex;
2547
+ display: -moz-box;
2548
+ display: -ms-flexbox;
2549
+ display: flex;
2550
+ position: absolute;
2551
+ top: 0;
2552
+ left: 0;
2553
+ z-index: 3;
2554
+ margin: 10px;
2555
+ margin-right: 10px;
2556
+ -webkit-transition: opacity 0.2s ease-out;
2557
+ transition: opacity 0.2s ease-out;
2558
+ margin-right: 4.6em; }
2559
+
2560
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-portrait {
2561
+ width: 60px;
2562
+ height: 60px;
2563
+ background: rgba(23, 35, 34, 0.75);
2564
+ margin-right: 1px;
2565
+ -webkit-box-flex: 1;
2566
+ -webkit-flex: 1 0 auto;
2567
+ -moz-box-flex: 1;
2568
+ -ms-flex: 1 0 auto;
2569
+ flex: 1 0 auto;
2570
+ padding: 0; }
2571
+
2572
+ .premium-video-box-vimeo-portrait img {
2573
+ width: 50px;
2574
+ height: 50px;
2575
+ margin: 5px;
2576
+ padding: 0;
2577
+ border: 0;
2578
+ -webkit-border-radius: 50%;
2579
+ border-radius: 50%; }
2580
+
2581
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-headers {
2582
+ font-size: 10px; }
2583
+
2584
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-title {
2585
+ max-width: 100%;
2586
+ font-size: 2em !important;
2587
+ font-weight: 700;
2588
+ margin: 0;
2589
+ padding: 0.1em 0.2em;
2590
+ background: rgba(23, 35, 34, 0.75);
2591
+ display: inline-block;
2592
+ text-transform: none;
2593
+ line-height: normal;
2594
+ letter-spacing: normal; }
2595
+
2596
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-byline {
2597
+ font-size: 1.2em !important;
2598
+ font-weight: 400;
2599
+ color: #fff;
2600
+ margin-top: 0.1em;
2601
+ padding: 0.2em 0.5em;
2602
+ background: rgba(23, 35, 34, 0.75);
2603
+ text-transform: none;
2604
+ line-height: normal;
2605
+ letter-spacing: normal; }
2606
+
2607
+ .premium-video-box-playlist-container {
2608
+ -js-display: flex;
2609
+ display: -webkit-box;
2610
+ display: -webkit-flex;
2611
+ display: -moz-box;
2612
+ display: -ms-flexbox;
2613
+ display: flex;
2614
+ -webkit-flex-wrap: wrap;
2615
+ -ms-flex-wrap: wrap;
2616
+ flex-wrap: wrap; }
2617
+ .premium-video-box-playlist-container .premium-video-box-container {
2618
+ height: 100%;
2619
+ overflow: hidden; }
2620
+
2621
+ .premium-video-box-container:hover .premium-video-box-image-container.zoomin {
2622
+ -webkit-transform: scale(1.1);
2623
+ -ms-transform: scale(1.1);
2624
+ transform: scale(1.1); }
2625
+
2626
+ .premium-video-box-container:hover .premium-video-box-image-container.zoomout {
2627
+ -webkit-transform: scale(1);
2628
+ -ms-transform: scale(1);
2629
+ transform: scale(1); }
2630
+
2631
+ .premium-video-box-container:hover .premium-video-box-image-container.scale {
2632
+ -webkit-transform: scale(1.3) rotate(5deg);
2633
+ -ms-transform: scale(1.3) rotate(5deg);
2634
+ transform: scale(1.3) rotate(5deg); }
2635
+
2636
+ .premium-video-box-container:hover .premium-video-box-image-container.gray {
2637
+ -webkit-filter: grayscale(0%);
2638
+ filter: grayscale(0%); }
2639
+
2640
+ .premium-video-box-container:hover .premium-video-box-image-container.blur {
2641
+ -webkit-filter: blur(3px);
2642
+ filter: blur(3px); }
2643
+
2644
+ .premium-video-box-container:hover .premium-video-box-image-container.sepia {
2645
+ -webkit-filter: sepia(0%);
2646
+ filter: sepia(0%); }
2647
+
2648
+ .premium-video-box-container:hover .premium-video-box-image-container.trans {
2649
+ -webkit-transform: translateX(0px) scale(1.1);
2650
+ -ms-transform: translateX(0px) scale(1.1);
2651
+ transform: translateX(0px) scale(1.1); }
2652
+
2653
+ .premium-video-box-container:hover .premium-video-box-image-container.bright {
2654
+ -webkit-filter: brightness(1.2);
2655
+ filter: brightness(1.2); }
2656
+
2657
+ .premium-video-box-image-container.gray {
2658
+ -webkit-filter: grayscale(100%);
2659
+ filter: grayscale(100%); }
2660
+
2661
+ .premium-video-box-image-container.zoomout, .premium-video-box-image-container.scale {
2662
+ -webkit-transform: scale(1.2);
2663
+ -ms-transform: scale(1.2);
2664
+ transform: scale(1.2); }
2665
+
2666
+ .premium-video-box-image-container.sepia {
2667
+ -webkit-filter: sepia(30%);
2668
+ filter: sepia(30%); }
2669
+
2670
+ .premium-video-box-image-container.bright {
2671
+ -webkit-filter: brightness(1);
2672
+ filter: brightness(1); }
2673
+
2674
+ .premium-video-box-image-container.trans {
2675
+ -webkit-transform: translateX(-15px) scale(1.1);
2676
+ -ms-transform: translateX(-15px) scale(1.1);
2677
+ transform: translateX(-15px) scale(1.1); }
2678
+
2679
+ .premium-video-box-mask-media {
2680
+ -webkit-mask-repeat: no-repeat;
2681
+ mask-repeat: no-repeat; }
2682
+
2683
+ /* Sticky Video Option */
2684
+ .premium-video-box-container.premium-video-box-sticky-apply {
2685
+ z-index: 99;
2686
+ overflow: unset; }
2687
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
2688
+ position: fixed !important;
2689
+ z-index: 99999;
2690
+ height: 225px;
2691
+ width: 400px;
2692
+ background: #fff; }
2693
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-vimeo-wrap,
2694
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-container:before {
2695
+ visibility: hidden; }
2696
+ .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 {
2697
+ -webkit-box-shadow: unset;
2698
+ box-shadow: unset; }
2699
+
2700
+ .premium-video-box-sticky-close,
2701
+ .premium-video-box-sticky-infobar {
2702
+ display: none; }
2703
+
2704
+ .premium-video-box-sticky-apply .premium-video-box-sticky-close {
2705
+ position: absolute;
2706
+ padding: 5px;
2707
+ cursor: pointer;
2708
+ z-index: 99999;
2709
+ height: 14px;
2710
+ width: 14px;
2711
+ -webkit-box-sizing: content-box;
2712
+ -moz-box-sizing: content-box;
2713
+ box-sizing: content-box;
2714
+ -webkit-border-radius: 100%;
2715
+ border-radius: 100%;
2716
+ -js-display: flex;
2717
+ display: -webkit-box;
2718
+ display: -webkit-flex;
2719
+ display: -moz-box;
2720
+ display: -ms-flexbox;
2721
+ display: flex;
2722
+ -webkit-box-pack: center;
2723
+ -webkit-justify-content: center;
2724
+ -moz-box-pack: center;
2725
+ -ms-flex-pack: center;
2726
+ justify-content: center;
2727
+ -webkit-box-align: center;
2728
+ -webkit-align-items: center;
2729
+ -moz-box-align: center;
2730
+ -ms-flex-align: center;
2731
+ align-items: center; }
2732
+
2733
+ .premium-video-box-sticky-apply .premium-video-box-play-icon-container {
2734
+ -js-display: flex;
2735
+ display: -webkit-box;
2736
+ display: -webkit-flex;
2737
+ display: -moz-box;
2738
+ display: -ms-flexbox;
2739
+ display: flex; }
2740
+
2741
+ .premium-video-box-sticky-apply .premium-video-box-play-icon {
2742
+ -webkit-transition: none;
2743
+ transition: none; }
2744
+
2745
+ .premium-video-box-sticky-apply .premium-video-box-sticky-infobar {
2746
+ display: block;
2747
+ position: relative;
2748
+ top: 100%;
2749
+ width: 100%;
2750
+ padding: 5px;
2751
+ text-align: center;
2752
+ z-index: 9999;
2753
+ margin-top: -1px; }
2754
+
2755
+ .premium-video-box-sticky-apply .premium-video-box-inner-wrap.ui-draggable {
2756
+ cursor: move; }
2757
+
2758
+ .premium-video-sticky-top-left
2759
+ .premium-video-box-container.premium-video-box-sticky-apply
2760
+ .premium-video-box-inner-wrap {
2761
+ right: auto;
2762
+ left: 20px;
2763
+ top: 20px; }
2764
+
2765
+ .premium-video-sticky-bottom-left
2766
+ .premium-video-box-container.premium-video-box-sticky-apply
2767
+ .premium-video-box-inner-wrap {
2768
+ right: auto;
2769
+ left: 20px;
2770
+ bottom: 20px; }
2771
+
2772
+ .premium-video-sticky-top-right
2773
+ .premium-video-box-container.premium-video-box-sticky-apply
2774
+ .premium-video-box-inner-wrap {
2775
+ left: auto;
2776
+ right: 20px;
2777
+ top: 20px; }
2778
+
2779
+ .premium-video-sticky-bottom-right
2780
+ .premium-video-box-container.premium-video-box-sticky-apply
2781
+ .premium-video-box-inner-wrap {
2782
+ left: auto;
2783
+ right: 20px;
2784
+ bottom: 20px; }
2785
+
2786
+ .premium-video-sticky-center-left
2787
+ .premium-video-box-container.premium-video-box-sticky-apply
2788
+ .premium-video-box-inner-wrap {
2789
+ right: auto;
2790
+ left: 20px;
2791
+ top: 50%;
2792
+ -webkit-transform: translateY(-50%);
2793
+ -ms-transform: translateY(-50%);
2794
+ transform: translateY(-50%); }
2795
+
2796
+ .premium-video-sticky-center-right
2797
+ .premium-video-box-container.premium-video-box-sticky-apply
2798
+ .premium-video-box-inner-wrap {
2799
+ left: auto;
2800
+ right: 20px;
2801
+ top: 50%;
2802
+ -webkit-transform: translateY(-50%);
2803
+ -ms-transform: translateY(-50%);
2804
+ transform: translateY(-50%); }
2805
+
2806
+ .premium-video-sticky-bottom-right
2807
+ .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply
2808
+ .premium-video-box-inner-wrap,
2809
+ .premium-video-sticky-bottom-left
2810
+ .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply
2811
+ .premium-video-box-inner-wrap {
2812
+ bottom: 55px; }
2813
+
2814
+ .premium-video-sticky-top-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
2815
+ .premium-video-sticky-bottom-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
2816
+ .premium-video-sticky-center-left .premium-video-box-sticky-apply .premium-video-box-sticky-close {
2817
+ top: -10px;
2818
+ right: -10px; }
2819
+
2820
+ .premium-video-sticky-top-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
2821
+ .premium-video-sticky-bottom-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
2822
+ .premium-video-sticky-center-right .premium-video-box-sticky-apply .premium-video-box-sticky-close {
2823
+ top: -10px;
2824
+ left: -10px; }
2825
+
2826
+ .premium-video-box-filter-sticky {
2827
+ -webkit-filter: none !important;
2828
+ filter: none !important; }
2829
+
2830
+ /**************** Premium Blog *****************/
2831
+ /***********************************************/
2832
+ .premium-blog-thumb-effect-wrapper {
2833
+ position: relative;
2834
+ overflow: hidden; }
2835
+
2836
+ .premium-blog-effect-container:not(.premium-blog-bordered-effect) .premium-blog-post-link {
2837
+ position: absolute;
2838
+ top: 0;
2839
+ left: 0;
2840
+ width: 100%;
2841
+ height: 100%;
2842
+ z-index: 2;
2843
+ padding: 20px; }
2844
+
2845
+ .premium-blog-bordered-effect .premium-blog-post-link {
2846
+ display: block;
2847
+ height: 100%;
2848
+ position: relative; }
2849
+
2850
+ /*Thumbnail Img*/
2851
+ .premium-blog-thumbnail-container {
2852
+ overflow: hidden; }
2853
+ .premium-blog-thumbnail-container img,
2854
+ .premium-blog-thumbnail-container .below-entry-meta {
2855
+ width: 100%;
2856
+ height: 100%;
2857
+ margin: 0 !important;
2858
+ -webkit-transition: all 0.4s ease-in-out;
2859
+ transition: all 0.4s ease-in-out; }
2860
+
2861
+ .premium-blog-thumb-effect-wrapper .premium-blog-zoomout-effect img,
2862
+ .premium-blog-thumb-effect-wrapper .premium-blog-scale-effect img {
2863
+ -webkit-transform: scale(1.2);
2864
+ -ms-transform: scale(1.2);
2865
+ transform: scale(1.2); }
2866
+
2867
+ .premium-blog-thumb-effect-wrapper .premium-blog-sepia-effect img {
2868
+ -webkit-filter: sepia(30%);
2869
+ filter: sepia(30%); }
2870
+
2871
+ .premium-blog-thumb-effect-wrapper .premium-blog-bright-effect img {
2872
+ -webkit-filter: brightness(1);
2873
+ filter: brightness(1); }
2874
+
2875
+ .premium-blog-thumb-effect-wrapper .premium-blog-trans-effect img {
2876
+ -webkit-transform: translateX(-15px) scale(1.1);
2877
+ -ms-transform: translateX(-15px) scale(1.1);
2878
+ transform: translateX(-15px) scale(1.1); }
2879
+
2880
+ .premium-blog-post-outer-container:hover .premium-blog-zoomin-effect img {
2881
+ -webkit-transform: scale(1.2);
2882
+ -ms-transform: scale(1.2);
2883
+ transform: scale(1.2); }
2884
+
2885
+ .premium-blog-post-outer-container:hover .premium-blog-zoomout-effect img {
2886
+ -webkit-transform: scale(1.1);
2887
+ -ms-transform: scale(1.1);
2888
+ transform: scale(1.1); }
2889
+
2890
+ .premium-blog-post-outer-container:hover .premium-blog-scale-effect img {
2891
+ -webkit-transform: scale(1.3) rotate(5deg);
2892
+ -ms-transform: scale(1.3) rotate(5deg);
2893
+ transform: scale(1.3) rotate(5deg); }
2894
+
2895
+ .premium-blog-post-outer-container:hover .premium-blog-gray-effect img {
2896
+ -webkit-filter: grayscale(100%);
2897
+ filter: grayscale(100%); }
2898
+
2899
+ .premium-blog-post-outer-container:hover .premium-blog-blur-effect img {
2900
+ -webkit-filter: blur(3px);
2901
+ filter: blur(3px); }
2902
+
2903
+ .premium-blog-post-outer-container:hover .premium-blog-sepia-effect img {
2904
+ -webkit-filter: sepia(0%);
2905
+ filter: sepia(0%); }
2906
+
2907
+ .premium-blog-post-outer-container:hover .premium-blog-bright-effect img {
2908
+ -webkit-filter: brightness(1.2);
2909
+ filter: brightness(1.2); }
2910
+
2911
+ .premium-blog-post-outer-container:hover .premium-blog-trans-effect img {
2912
+ -webkit-transform: translateX(0px) scale(1.1);
2913
+ -ms-transform: translateX(0px) scale(1.1);
2914
+ transform: translateX(0px) scale(1.1); }
2915
+
2916
+ .premium-blog-post-container {
2917
+ overflow: hidden; }
2918
+ .premium-blog-post-container .premium-blog-inner-container {
2919
+ -js-display: flex;
2920
+ display: -webkit-box;
2921
+ display: -webkit-flex;
2922
+ display: -moz-box;
2923
+ display: -ms-flexbox;
2924
+ display: flex; }
2925
+ .premium-blog-post-container .premium-blog-post-content {
2926
+ line-height: 1.5em;
2927
+ color: #777;
2928
+ font-size: 14px;
2929
+ margin-bottom: 10px; }
2930
+ .premium-blog-post-container ul.post-categories a:hover, .premium-blog-post-container ul.post-categories a:focus,
2931
+ .premium-blog-post-container .premium-blog-post-link:hover,
2932
+ .premium-blog-post-container .premium-blog-post-link:focus {
2933
+ -webkit-box-shadow: none !important;
2934
+ box-shadow: none !important;
2935
+ outline: none !important; }
2936
+ .premium-blog-post-container .premium-blog-entry-title {
2937
+ font-size: 18px;
2938
+ margin-bottom: 5px; }
2939
+ .premium-blog-post-container.premium-blog-skin-modern .premium-blog-content-wrapper {
2940
+ position: relative;
2941
+ z-index: 3;
2942
+ top: -50px; }
2943
+ .premium-blog-post-container .premium-blog-content-wrapper {
2944
+ background-color: #f5f5f5;
2945
+ padding: 30px; }
2946
+ .premium-blog-post-container .premium-blog-content-wrapper.empty-thumb {
2947
+ top: 0; }
2948
+ .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 {
2949
+ position: absolute;
2950
+ content: "";
2951
+ z-index: 1;
2952
+ top: 50%;
2953
+ left: 50%;
2954
+ opacity: 0;
2955
+ -webkit-transform: translate(-50%, -50%);
2956
+ -ms-transform: translate(-50%, -50%);
2957
+ transform: translate(-50%, -50%);
2958
+ -webkit-transition: all 0.4s linear 0s;
2959
+ transition: all 0.4s linear 0s;
2960
+ height: 1px;
2961
+ width: 100%;
2962
+ background-color: #fff; }
2963
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before {
2964
+ width: 1px;
2965
+ height: 100%; }
2966
+ .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 {
2967
+ width: 20px;
2968
+ opacity: 1; }
2969
+ .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 {
2970
+ height: 20px;
2971
+ opacity: 1; }
2972
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-content-wrapper {
2973
+ margin: 0px 10px 20px;
2974
+ clear: both; }
2975
+ .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 {
2976
+ position: absolute;
2977
+ top: 0;
2978
+ left: 0;
2979
+ width: 100%;
2980
+ height: 100%;
2981
+ -webkit-transition: all 0.3s ease-in-out;
2982
+ transition: all 0.3s ease-in-out;
2983
+ opacity: 0; }
2984
+ .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 {
2985
+ -js-display: flex;
2986
+ display: -webkit-box;
2987
+ display: -webkit-flex;
2988
+ display: -moz-box;
2989
+ display: -ms-flexbox;
2990
+ display: flex;
2991
+ -webkit-box-pack: center;
2992
+ -webkit-justify-content: center;
2993
+ -moz-box-pack: center;
2994
+ -ms-flex-pack: center;
2995
+ justify-content: center;
2996
+ -webkit-box-align: center;
2997
+ -webkit-align-items: center;
2998
+ -moz-box-align: center;
2999
+ -ms-flex-align: center;
3000
+ align-items: center;
3001
+ width: 100%;
3002
+ height: 100%; }
3003
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay span,
3004
+ .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,
3005
+ .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,
3006
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay i {
3007
+ -webkit-transition: all 0.3s ease-in-out;
3008
+ transition: all 0.3s ease-in-out; }
3009
+ .premium-blog-post-container.premium-blog-skin-side {
3010
+ -js-display: flex;
3011
+ display: -webkit-box;
3012
+ display: -webkit-flex;
3013
+ display: -moz-box;
3014
+ display: -ms-flexbox;
3015
+ display: flex; }
3016
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-container {
3017
+ height: 100%; }
3018
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-content-wrapper {
3019
+ -webkit-box-flex: 1;
3020
+ -webkit-flex: 1;
3021
+ -moz-box-flex: 1;
3022
+ -ms-flex: 1;
3023
+ flex: 1; }
3024
+ .premium-blog-post-container.premium-blog-skin-banner {
3025
+ position: relative; }
3026
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper {
3027
+ position: absolute;
3028
+ width: 100%;
3029
+ bottom: 0;
3030
+ -js-display: flex;
3031
+ display: -webkit-box;
3032
+ display: -webkit-flex;
3033
+ display: -moz-box;
3034
+ display: -ms-flexbox;
3035
+ display: flex;
3036
+ -webkit-box-orient: vertical;
3037
+ -webkit-box-direction: normal;
3038
+ -webkit-flex-direction: column;
3039
+ -moz-box-orient: vertical;
3040
+ -moz-box-direction: normal;
3041
+ -ms-flex-direction: column;
3042
+ flex-direction: column;
3043
+ background-color: transparent;
3044
+ z-index: 3; }
3045
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper-inner {
3046
+ -webkit-transition: -webkit-transform 0.3s ease-in-out;
3047
+ transition: -webkit-transform 0.3s ease-in-out;
3048
+ transition: transform 0.3s ease-in-out;
3049
+ transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; }
3050
+ .premium-blog-post-container.premium-blog-skin-banner:hover .premium-blog-content-wrapper-inner {
3051
+ -webkit-transform: translateY(-5px);
3052
+ -ms-transform: translateY(-5px);
3053
+ transform: translateY(-5px); }
3054
+ .premium-blog-post-container .premium-blog-cats-container ul.post-categories {
3055
+ margin: 0;
3056
+ padding: 0;
3057
+ list-style: none;
3058
+ -js-display: flex;
3059
+ display: -webkit-box;
3060
+ display: -webkit-flex;
3061
+ display: -moz-box;
3062
+ display: -ms-flexbox;
3063
+ display: flex; }
3064
+ .premium-blog-post-container .premium-blog-cats-container a {
3065
+ display: block;
3066
+ font-size: 12px;
3067
+ color: #fff;
3068
+ background-color: #777;
3069
+ margin: 0 3px 10px 0;
3070
+ padding: 5px;
3071
+ -webkit-transition: all 0.3s ease-in-out;
3072
+ transition: all 0.3s ease-in-out; }
3073
+
3074
+ /*
3075
+ * Diagonal Effect
3076
+ */
3077
+ .premium-blog-diagonal-container {
3078
+ position: absolute;
3079
+ top: 0;
3080
+ left: 0;
3081
+ width: 100%;
3082
+ height: 100%; }
3083
+
3084
+ .premium-blog-diagonal-effect:before {
3085
+ position: absolute;
3086
+ top: 0px;
3087
+ left: 0px;
3088
+ width: 100%;
3089
+ height: 100%;
3090
+ content: " ";
3091
+ z-index: 1;
3092
+ background: rgba(255, 255, 255, 0.2);
3093
+ -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
3094
+ transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
3095
+ -webkit-transition: all 0.3s linear 0s;
3096
+ transition: all 0.3s linear 0s; }
3097
+
3098
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-diagonal-effect:before {
3099
+ -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
3100
+ transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); }
3101
+
3102
+ /*
3103
+ * Framed Effect
3104
+ */
3105
+ .premium-blog-framed-effect {
3106
+ position: absolute;
3107
+ width: -webkit-calc(100% - 30px);
3108
+ width: calc(100% - 30px);
3109
+ height: -webkit-calc(100% - 30px);
3110
+ height: calc(100% - 30px);
3111
+ top: 15px;
3112
+ left: 15px;
3113
+ opacity: 0;
3114
+ -webkit-transform: scale(0.3);
3115
+ -ms-transform: scale(0.3);
3116
+ transform: scale(0.3);
3117
+ -webkit-transition: all 0.3s linear 0s;
3118
+ transition: all 0.3s linear 0s; }
3119
+
3120
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-framed-effect {
3121
+ opacity: 0.99;
3122
+ -webkit-transform: scale(1);
3123
+ -ms-transform: scale(1);
3124
+ transform: scale(1); }
3125
+
3126
+ /*
3127
+ * Bordered Effect
3128
+ */
3129
+ .premium-blog-bordered-effect {
3130
+ position: absolute;
3131
+ top: 0;
3132
+ left: 0;
3133
+ width: 100%;
3134
+ height: 100%;
3135
+ opacity: 0;
3136
+ padding: 15px;
3137
+ -webkit-transition: all 0.3s linear 0s;
3138
+ transition: all 0.3s linear 0s; }
3139
+ .premium-blog-bordered-effect .premium-blog-post-link:before, .premium-blog-bordered-effect .premium-blog-post-link:after {
3140
+ content: "";
3141
+ display: block;
3142
+ position: absolute;
3143
+ top: 0;
3144
+ left: 0;
3145
+ width: 100%;
3146
+ height: 100%;
3147
+ -webkit-transition: all 0.5s linear 0s;
3148
+ transition: all 0.5s linear 0s;
3149
+ -webkit-transition-delay: 0s;
3150
+ transition-delay: 0s;
3151
+ border-color: rgba(255, 255, 255, 0.45); }
3152
+ .premium-blog-bordered-effect .premium-blog-post-link:before {
3153
+ border-right: 2px solid;
3154
+ border-left: 2px solid;
3155
+ -webkit-transform: scale(1, 0);
3156
+ -ms-transform: scale(1, 0);
3157
+ transform: scale(1, 0);
3158
+ -webkit-transform-origin: 100% 0;
3159
+ -ms-transform-origin: 100% 0;
3160
+ transform-origin: 100% 0; }
3161
+ .premium-blog-bordered-effect .premium-blog-post-link:after {
3162
+ border-top: 2px solid;
3163
+ border-bottom: 2px solid;
3164
+ -webkit-transform: scale(0, 1);
3165
+ -ms-transform: scale(0, 1);
3166
+ transform: scale(0, 1);
3167
+ -webkit-transform-origin: 0 0;
3168
+ -ms-transform-origin: 0 0;
3169
+ transform-origin: 0 0; }
3170
+
3171
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect {
3172
+ opacity: 0.99; }
3173
+ .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 {
3174
+ -webkit-transition-delay: 0.15s;
3175
+ transition-delay: 0.15s;
3176
+ opacity: 1;
3177
+ -webkit-transform: scale(1);
3178
+ -ms-transform: scale(1);
3179
+ transform: scale(1); }
3180
+
3181
+ /*
3182
+ * Squares Effect
3183
+ */
3184
+ .premium-blog-squares-effect,
3185
+ .premium-blog-squares-square-container {
3186
+ position: absolute;
3187
+ top: 0;
3188
+ left: 0;
3189
+ width: 100%;
3190
+ height: 100%; }
3191
+
3192
+ .premium-blog-squares-effect:before, .premium-blog-squares-effect:after {
3193
+ position: absolute;
3194
+ content: "";
3195
+ top: 0;
3196
+ left: 0;
3197
+ width: 50%;
3198
+ height: 50%;
3199
+ -webkit-transform: translate(-100%, -100%);
3200
+ -ms-transform: translate(-100%, -100%);
3201
+ transform: translate(-100%, -100%);
3202
+ opacity: 0.7;
3203
+ -webkit-transition: all 0.3s linear 0s;
3204
+ transition: all 0.3s linear 0s; }
3205
+
3206
+ .premium-blog-squares-square-container:before, .premium-blog-squares-square-container:after {
3207
+ position: absolute;
3208
+ content: "";
3209
+ top: 0;
3210
+ left: 0;
3211
+ width: 50%;
3212
+ height: 50%;
3213
+ -webkit-transform: translate(-100%, -100%);
3214
+ -ms-transform: translate(-100%, -100%);
3215
+ transform: translate(-100%, -100%);
3216
+ opacity: 0.7;
3217
+ -webkit-transition: all 0.3s linear 0s;
3218
+ transition: all 0.3s linear 0s; }
3219
+
3220
+ .premium-blog-squares-square-container:before, .premium-blog-squares-square-container:after {
3221
+ opacity: 0.8; }
3222
+
3223
+ .premium-blog-squares-effect:after {
3224
+ -webkit-transform: translate(200%, 200%);
3225
+ -ms-transform: translate(200%, 200%);
3226
+ transform: translate(200%, 200%); }
3227
+
3228
+ .premium-blog-squares-square-container:before {
3229
+ -webkit-transform: translate(-100%, 200%);
3230
+ -ms-transform: translate(-100%, 200%);
3231
+ transform: translate(-100%, 200%); }
3232
+
3233
+ .premium-blog-squares-square-container:after {
3234
+ -webkit-transform: translate(200%, -100%);
3235
+ -ms-transform: translate(200%, -100%);
3236
+ transform: translate(200%, -100%); }
3237
+
3238
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:before {
3239
+ -webkit-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
3240
+ -ms-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
3241
+ transform: translate(0, 0%) scaleY(1.003) scaleX(1.003); }
3242
+
3243
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:after {
3244
+ -webkit-transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003);
3245
+ -ms-transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003);
3246
+ transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003); }
3247
+
3248
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:before {
3249
+ -webkit-transform: translate(0, 100%);
3250
+ -ms-transform: translate(0, 100%);
3251
+ transform: translate(0, 100%); }
3252
+
3253
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:after {
3254
+ -webkit-transform: translate(100%, 0%);
3255
+ -ms-transform: translate(100%, 0%);
3256
+ transform: translate(100%, 0%); }
3257
+
3258
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay {
3259
+ opacity: 1; }
3260
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay a {
3261
+ opacity: 1;
3262
+ -webkit-transform: scale(1);
3263
+ -ms-transform: scale(1);
3264
+ transform: scale(1); }
3265
+
3266
+ .premium-blog-clear-fix {
3267
+ clear: both; }
3268
+
3269
+ /*Post Format Container*/
3270
+ .premium-blog-format-link {
3271
+ padding: 5px;
3272
+ line-height: 0; }
3273
+
3274
+ /*Post Format Icon*/
3275
+ /*Post Format Content Margin */
3276
+ .premium-blog-entry-meta {
3277
+ line-height: 1.3em;
3278
+ font-size: 12px;
3279
+ margin-bottom: 13px;
3280
+ color: #adadad; }
3281
+ .premium-blog-entry-meta i {
3282
+ margin-right: 3px;
3283
+ -webkit-transition: all 0.3s ease-in-out;
3284
+ transition: all 0.3s ease-in-out; }
3285
+
3286
+ .premium-blog-meta-data {
3287
+ display: inline-block; }
3288
+ .premium-blog-meta-data .premium-blog-meta-separator {
3289
+ margin: 0 5px; }
3290
+ .premium-blog-meta-data a,
3291
+ .premium-blog-meta-data span {
3292
+ color: inherit;
3293
+ -webkit-transition: all 0.3s ease-in-out;
3294
+ transition: all 0.3s ease-in-out; }
3295
+
3296
+ .premium-blog-author-thumbnail {
3297
+ position: relative;
3298
+ padding: 0 30px;
3299
+ width: 100%;
3300
+ top: -10px;
3301
+ height: 0;
3302
+ pointer-events: none; }
3303
+ .premium-blog-author-thumbnail img {
3304
+ -webkit-border-radius: 50%;
3305
+ border-radius: 50%;
3306
+ width: 60px;
3307
+ pointer-events: all;
3308
+ -webkit-transform: translateY(-50%);
3309
+ -ms-transform: translateY(-50%);
3310
+ transform: translateY(-50%); }
3311
+
3312
+ .premium-blog-entry-title a,
3313
+ .premium-blog-post-tags-container a,
3314
+ .premium-blog-post-content .premium-blog-excerpt-link {
3315
+ -webkit-transition: all 0.3s ease-in-out;
3316
+ transition: all 0.3s ease-in-out; }
3317
+
3318
+ .premium-blog-excerpt-link-wrap a.premium-blog-excerpt-link {
3319
+ background-color: transparent;
3320
+ color: #54595f;
3321
+ padding: 0; }
3322
+
3323
+ .premium-blog-cta-full-yes .premium-blog-excerpt-link {
3324
+ width: 100%; }
3325
+
3326
+ .premium-blog-post-tags-container {
3327
+ margin-top: 8px;
3328
+ -js-display: flex;
3329
+ display: -webkit-box;
3330
+ display: -webkit-flex;
3331
+ display: -moz-box;
3332
+ display: -ms-flexbox;
3333
+ display: flex;
3334
+ -webkit-box-align: center;
3335
+ -webkit-align-items: center;
3336
+ -moz-box-align: center;
3337
+ -ms-flex-align: center;
3338
+ align-items: center;
3339
+ -webkit-flex-wrap: wrap;
3340
+ -ms-flex-wrap: wrap;
3341
+ flex-wrap: wrap; }
3342
+ .premium-blog-post-tags-container a {
3343
+ color: inherit;
3344
+ margin-left: 5px; }
3345
+
3346
+ /*Tags align*/
3347
+ .premium-blog-align-left .post-categories,
3348
+ .premium-blog-align-left .premium-blog-inner-container,
3349
+ .premium-blog-align-left .premium-blog-post-tags-container {
3350
+ -webkit-box-pack: start;
3351
+ -webkit-justify-content: flex-start;
3352
+ -moz-box-pack: start;
3353
+ -ms-flex-pack: start;
3354
+ justify-content: flex-start; }
3355
+
3356
+ .premium-blog-align-center .post-categories,
3357
+ .premium-blog-align-center .premium-blog-inner-container,
3358
+ .premium-blog-align-center .premium-blog-post-tags-container {
3359
+ -webkit-box-pack: center;
3360
+ -webkit-justify-content: center;
3361
+ -moz-box-pack: center;
3362
+ -ms-flex-pack: center;
3363
+ justify-content: center; }
3364
+
3365
+ .premium-blog-align-right .post-categories,
3366
+ .premium-blog-align-right .premium-blog-inner-container,
3367
+ .premium-blog-align-right .premium-blog-post-tags-container {
3368
+ -webkit-box-pack: end;
3369
+ -webkit-justify-content: flex-end;
3370
+ -moz-box-pack: end;
3371
+ -ms-flex-pack: end;
3372
+ justify-content: flex-end; }
3373
+
3374
+ /* Pagination */
3375
+ .premium-blog-pagination-container {
3376
+ text-align: right; }
3377
+ .premium-blog-pagination-container span {
3378
+ cursor: default; }
3379
+ .premium-blog-pagination-container .page-numbers {
3380
+ display: inline-block;
3381
+ color: #000;
3382
+ line-height: 1;
3383
+ font-size: 1em;
3384
+ font-weight: 400;
3385
+ text-decoration: none;
3386
+ padding: 0.75em;
3387
+ margin: 0 0.4em 0.4em 0;
3388
+ -webkit-transition: all 0.2s ease-in-out;
3389
+ transition: all 0.2s ease-in-out; }
3390
+
3391
+ .premium-blog-wrap .premium-loading-feed {
3392
+ display: block;
3393
+ position: absolute;
3394
+ width: 100%;
3395
+ height: 100%;
3396
+ top: 0px;
3397
+ left: 0px;
3398
+ bottom: 0px;
3399
+ right: 0px;
3400
+ background: rgba(255, 255, 255, 0.2);
3401
+ -js-display: flex;
3402
+ display: -webkit-box;
3403
+ display: -webkit-flex;
3404
+ display: -moz-box;
3405
+ display: -ms-flexbox;
3406
+ display: flex;
3407
+ -webkit-box-align: center;
3408
+ -webkit-align-items: center;
3409
+ -moz-box-align: center;
3410
+ -ms-flex-align: center;
3411
+ align-items: center;
3412
+ z-index: 99; }
3413
+
3414
+ .premium-blog-wrap {
3415
+ -js-display: flex;
3416
+ display: -webkit-box;
3417
+ display: -webkit-flex;
3418
+ display: -moz-box;
3419
+ display: -ms-flexbox;
3420
+ display: flex;
3421
+ -webkit-flex-wrap: wrap;
3422
+ -ms-flex-wrap: wrap;
3423
+ flex-wrap: wrap; }
3424
+ .premium-blog-wrap ul.slick-dots {
3425
+ width: 100%; }
3426
+
3427
+ /*
3428
+ * List Layout
3429
+ */
3430
+ .premium-blog-list .premium-blog-post-outer-container {
3431
+ width: 100%; }
3432
+
3433
+ /**
3434
+ * Even Layout
3435
+ */
3436
+ .premium-blog-even .premium-blog-post-container {
3437
+ height: 100%; }
3438
+
3439
+ .premium-blog-even .slick-track {
3440
+ -js-display: flex;
3441
+ display: -webkit-box;
3442
+ display: -webkit-flex;
3443
+ display: -moz-box;
3444
+ display: -ms-flexbox;
3445
+ display: flex; }
3446
+
3447
+ .premium-blog-even .slick-slide {
3448
+ height: inherit !important; }
3449
+
3450
+ /**
3451
+ * Responsive Style
3452
+ */
3453
+ @media (max-width: 768px) {
3454
+ .premium-blog-content-wrapper {
3455
+ top: 0;
3456
+ margin: 0;
3457
+ padding: 15px; }
3458
+ .premium-blog-skin-side {
3459
+ -webkit-box-orient: vertical;
3460
+ -webkit-box-direction: normal;
3461
+ -webkit-flex-direction: column;
3462
+ -moz-box-orient: vertical;
3463
+ -moz-box-direction: normal;
3464
+ -ms-flex-direction: column;
3465
+ flex-direction: column; } }
3466
+
3467
+ /************ Premium Team Members ************/
3468
+ /*********************************************/
3469
+ .premium-person-container {
3470
+ position: relative; }
3471
+
3472
+ .premium-person-image-container {
3473
+ position: relative;
3474
+ text-align: center; }
3475
+ .premium-person-image-container .premium-person-image-wrap {
3476
+ overflow: hidden; }
3477
+
3478
+ .premium-person-zoomout-effect .premium-person-image-container img,
3479
+ .premium-person-scale-effect .premium-person-image-container img {
3480
+ -webkit-transform: scale(1.2);
3481
+ -ms-transform: scale(1.2);
3482
+ transform: scale(1.2); }
3483
+
3484
+ .premium-person-sepia-effect .premium-person-image-container img {
3485
+ -webkit-filter: sepia(30%);
3486
+ filter: sepia(30%); }
3487
+
3488
+ .premium-person-bright-effect .premium-person-image-container img {
3489
+ -webkit-filter: brightness(1);
3490
+ filter: brightness(1); }
3491
+
3492
+ .premium-person-trans-effect .premium-person-image-container img {
3493
+ -webkit-transform: translateX(-15px) scale(1.1);
3494
+ -ms-transform: translateX(-15px) scale(1.1);
3495
+ transform: translateX(-15px) scale(1.1); }
3496
+
3497
+ .premium-person-zoomin-effect:hover .premium-person-image-container img {
3498
+ -webkit-transform: scale(1.2);
3499
+ -ms-transform: scale(1.2);
3500
+ transform: scale(1.2); }
3501
+
3502
+ .premium-person-zoomout-effect:hover .premium-person-image-container img {
3503
+ -webkit-transform: scale(1.1);
3504
+ -ms-transform: scale(1.1);
3505
+ transform: scale(1.1); }
3506
+
3507
+ .premium-person-scale-effect:hover .premium-person-image-container img {
3508
+ -webkit-transform: scale(1.3) rotate(5deg);
3509
+ -ms-transform: scale(1.3) rotate(5deg);
3510
+ transform: scale(1.3) rotate(5deg); }
3511
+
3512
+ .premium-person-grayscale-effect:hover .premium-person-image-container img {
3513
+ -webkit-filter: grayscale(100%);
3514
+ filter: grayscale(100%); }
3515
+
3516
+ .premium-person-blur-effect:hover .premium-person-image-container img {
3517
+ -webkit-filter: blur(3px);
3518
+ filter: blur(3px); }
3519
+
3520
+ .premium-person-sepia-effect:hover .premium-person-image-container img {
3521
+ -webkit-filter: sepia(0%);
3522
+ filter: sepia(0%); }
3523
+
3524
+ .premium-person-bright-effect:hover .premium-person-image-container img {
3525
+ -webkit-filter: brightness(1.2);
3526
+ filter: brightness(1.2); }
3527
+
3528
+ .premium-person-trans-effect:hover .premium-person-image-container img {
3529
+ -webkit-transform: translateX(0px) scale(1.1);
3530
+ -ms-transform: translateX(0px) scale(1.1);
3531
+ transform: translateX(0px) scale(1.1); }
3532
+
3533
+ .premium-person-container .premium-person-image-container img {
3534
+ width: 100%;
3535
+ height: 100%;
3536
+ -o-object-fit: cover;
3537
+ object-fit: cover;
3538
+ -webkit-transition: all 0.5s ease-in-out;
3539
+ transition: all 0.5s ease-in-out; }
3540
+
3541
+ .premium-person-style2 .premium-person-social {
3542
+ position: absolute;
3543
+ top: 0;
3544
+ left: 0;
3545
+ width: 100%;
3546
+ height: 100%;
3547
+ z-index: 2;
3548
+ -js-display: flex;
3549
+ display: -webkit-box;
3550
+ display: -webkit-flex;
3551
+ display: -moz-box;
3552
+ display: -ms-flexbox;
3553
+ display: flex;
3554
+ -webkit-box-pack: center;
3555
+ -webkit-justify-content: center;
3556
+ -moz-box-pack: center;
3557
+ -ms-flex-pack: center;
3558
+ justify-content: center;
3559
+ -webkit-box-align: center;
3560
+ -webkit-align-items: center;
3561
+ -moz-box-align: center;
3562
+ -ms-flex-align: center;
3563
+ align-items: center;
3564
+ -webkit-box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
3565
+ box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
3566
+ -webkit-transition: all 0.5s linear 0s;
3567
+ transition: all 0.5s linear 0s;
3568
+ opacity: 0; }
3569
+
3570
+ .premium-person-style2 .premium-person-image-container:hover .premium-person-social {
3571
+ opacity: 1; }
3572
+
3573
+ .premium-person-list-item a {
3574
+ display: inline-block; }
3575
+
3576
+ .premium-person-style2 .premium-person-list-item a {
3577
+ opacity: 0;
3578
+ -webkit-transform: scale(0);
3579
+ -ms-transform: scale(0);
3580
+ transform: scale(0);
3581
+ -webkit-transition: all 0.5s ease-in-out 0s;
3582
+ transition: all 0.5s ease-in-out 0s; }
3583
+
3584
+ .premium-person-style2 .premium-person-image-container:hover .premium-person-list-item a {
3585
+ opacity: 1;
3586
+ -webkit-transform: scale(1);
3587
+ -ms-transform: scale(1);
3588
+ transform: scale(1); }
3589
+
3590
+ .premium-person-info-container {
3591
+ padding: 30px 15px; }
3592
+
3593
+ .premium-person-name {
3594
+ margin: 0 0 5px;
3595
+ font-weight: 700; }
3596
+
3597
+ .premium-person-title {
3598
+ margin: 0 0 20px;
3599
+ padding: 0; }
3600
+
3601
+ .premium-person-content {
3602
+ margin: 0 0 30px; }
3603
+
3604
+ /*Override Theme List Margin*/
3605
+ ul.premium-person-social-list {
3606
+ margin: 0px !important;
3607
+ padding: 0; }
3608
+
3609
+ .premium-person-social-list .premium-person-list-item {
3610
+ display: inline;
3611
+ list-style: none; }
3612
+
3613
+ .premium-person-social-list li {
3614
+ position: relative;
3615
+ bottom: 0px;
3616
+ -webkit-transition: all 0.2s ease-in-out;
3617
+ transition: all 0.2s ease-in-out; }
3618
+ .premium-person-social-list li i {
3619
+ position: relative;
3620
+ bottom: 0px;
3621
+ -webkit-transition: all 0.2s ease-in-out;
3622
+ transition: all 0.2s ease-in-out; }
3623
+
3624
+ .premium-person-defaults-yes li.premium-person-facebook:hover a {
3625
+ background-color: #3b5998 !important; }
3626
+
3627
+ .premium-person-defaults-yes li.premium-person-twitter:hover a {
3628
+ background-color: #55acee !important; }
3629
+
3630
+ .premium-person-defaults-yes li.premium-person-linkedin:hover a {
3631
+ background-color: #0077b5 !important; }
3632
+
3633
+ .premium-person-defaults-yes li.premium-person-google:hover a {
3634
+ background-color: #dc4e41 !important; }
3635
+
3636
+ .premium-person-defaults-yes li.premium-person-youtube:hover a {
3637
+ background-color: #b31217 !important; }
3638
+
3639
+ .premium-person-defaults-yes li.premium-person-instagram:hover a {
3640
+ background-color: #e4405f !important; }
3641
+
3642
+ .premium-person-defaults-yes li.premium-person-skype:hover a {
3643
+ background-color: #00aff0 !important; }
3644
+
3645
+ .premium-person-defaults-yes li.premium-person-pinterest:hover a {
3646
+ background-color: #bd081c !important; }
3647
+
3648
+ .premium-person-defaults-yes li.premium-person-dribbble:hover a {
3649
+ background-color: #ea4c89 !important; }
3650
+
3651
+ .premium-person-defaults-yes li.premium-person-mail:hover a {
3652
+ background-color: #b23121 !important; }
3653
+
3654
+ .premium-person-defaults-yes li.premium-person-behance:hover a {
3655
+ background-color: #1769ff !important; }
3656
+
3657
+ .premium-person-defaults-yes li.premium-person-whatsapp:hover a {
3658
+ background-color: #25d366 !important; }
3659
+
3660
+ .premium-person-defaults-yes li.premium-person-telegram:hover a {
3661
+ background-color: #0088cc !important; }
3662
+
3663
+ .premium-person-defaults-yes li.premium-person-site:hover a {
3664
+ background-color: #0055a5 !important; }
3665
+
3666
+ .premium-person-social-list li:hover a {
3667
+ -webkit-box-shadow: none;
3668
+ box-shadow: none; }
3669
+
3670
+ .premium-person-social-list li a:focus {
3671
+ -webkit-box-shadow: none;
3672
+ box-shadow: none;
3673
+ outline: none; }
3674
+
3675
+ .premium-person-social-list li i {
3676
+ font-size: 18px; }
3677
+
3678
+ .elementor-widget-premium-addon-person .elementor-widget-container {
3679
+ -js-display: flex;
3680
+ display: -webkit-box;
3681
+ display: -webkit-flex;
3682
+ display: -moz-box;
3683
+ display: -ms-flexbox;
3684
+ display: flex;
3685
+ -webkit-box-pack: center;
3686
+ -webkit-justify-content: center;
3687
+ -moz-box-pack: center;
3688
+ -ms-flex-pack: center;
3689
+ justify-content: center; }
3690
+
3691
+ .premium-persons-container.multiple-persons {
3692
+ -js-display: flex;
3693
+ display: -webkit-box;
3694
+ display: -webkit-flex;
3695
+ display: -moz-box;
3696
+ display: -ms-flexbox;
3697
+ display: flex;
3698
+ -webkit-flex-wrap: wrap;
3699
+ -ms-flex-wrap: wrap;
3700
+ flex-wrap: wrap;
3701
+ width: 100%; }
3702
+
3703
+ .premium-person-style1 .premium-person-container {
3704
+ overflow: hidden; }
3705
+ .premium-person-style1 .premium-person-container .premium-person-info {
3706
+ position: absolute;
3707
+ top: auto;
3708
+ right: 0;
3709
+ left: 0;
3710
+ -webkit-transition: all 500ms ease 0s;
3711
+ transition: all 500ms ease 0s;
3712
+ -webkit-transform: translate3d(0, 100%, 0);
3713
+ transform: translate3d(0, 100%, 0); }
3714
+ .premium-person-style1 .premium-person-container:hover .premium-person-info {
3715
+ -webkit-transform: translate3d(0, 0, 0);
3716
+ transform: translate3d(0, 0, 0);
3717
+ bottom: -1px !important; }
3718
+
3719
+ .premium-person-style1 .premium-person-social-list li:hover {
3720
+ bottom: 5px; }
3721
+
3722
+ .premium-person-style1.multiple-persons:not([data-persons-equal="yes"]) {
3723
+ -webkit-box-align: start;
3724
+ -webkit-align-items: flex-start;
3725
+ -moz-box-align: start;
3726
+ -ms-flex-align: start;
3727
+ align-items: flex-start; }
3728
+
3729
+ .premium-person-style1 .slick-track {
3730
+ -js-display: flex;
3731
+ display: -webkit-box;
3732
+ display: -webkit-flex;
3733
+ display: -moz-box;
3734
+ display: -ms-flexbox;
3735
+ display: flex; }
3736
+
3737
+ .premium-person-style1 .slick-slide {
3738
+ height: inherit !important; }
3739
+
3740
+ .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-container,
3741
+ .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-wrap {
3742
+ height: 100%; }
3743
+
3744
+ .premium-person-style3 .premium-person-info-container {
3745
+ position: absolute;
3746
+ top: 0;
3747
+ left: 0;
3748
+ width: 100%;
3749
+ height: 100%;
3750
+ -js-display: flex;
3751
+ display: -webkit-box;
3752
+ display: -webkit-flex;
3753
+ display: -moz-box;
3754
+ display: -ms-flexbox;
3755
+ display: flex;
3756
+ -webkit-box-orient: vertical;
3757
+ -webkit-box-direction: normal;
3758
+ -webkit-flex-direction: column;
3759
+ -moz-box-orient: vertical;
3760
+ -moz-box-direction: normal;
3761
+ -ms-flex-direction: column;
3762
+ flex-direction: column;
3763
+ -webkit-box-pack: justify;
3764
+ -webkit-justify-content: space-between;
3765
+ -moz-box-pack: justify;
3766
+ -ms-flex-pack: justify;
3767
+ justify-content: space-between; }
3768
+
3769
+ .premium-person-style3 .premium-person-title-desc-wrap {
3770
+ -js-display: flex;
3771
+ display: -webkit-box;
3772
+ display: -webkit-flex;
3773
+ display: -moz-box;
3774
+ display: -ms-flexbox;
3775
+ display: flex;
3776
+ -webkit-box-orient: horizontal;
3777
+ -webkit-box-direction: reverse;
3778
+ -webkit-flex-direction: row-reverse;
3779
+ -moz-box-orient: horizontal;
3780
+ -moz-box-direction: reverse;
3781
+ -ms-flex-direction: row-reverse;
3782
+ flex-direction: row-reverse;
3783
+ -webkit-box-pack: justify;
3784
+ -webkit-justify-content: space-between;
3785
+ -moz-box-pack: justify;
3786
+ -ms-flex-pack: justify;
3787
+ justify-content: space-between;
3788
+ -webkit-box-align: start;
3789
+ -webkit-align-items: flex-start;
3790
+ -moz-box-align: start;
3791
+ -ms-flex-align: start;
3792
+ align-items: flex-start; }
3793
+
3794
+ .premium-person-style3 .premium-person-name-icons-wrap {
3795
+ -js-display: flex;
3796
+ display: -webkit-box;
3797
+ display: -webkit-flex;
3798
+ display: -moz-box;
3799
+ display: -ms-flexbox;
3800
+ display: flex;
3801
+ -webkit-box-pack: justify;
3802
+ -webkit-justify-content: space-between;
3803
+ -moz-box-pack: justify;
3804
+ -ms-flex-pack: justify;
3805
+ justify-content: space-between;
3806
+ -webkit-box-align: end;
3807
+ -webkit-align-items: flex-end;
3808
+ -moz-box-align: end;
3809
+ -ms-flex-align: end;
3810
+ align-items: flex-end; }
3811
+
3812
+ .premium-person-style3 .premium-person-title {
3813
+ opacity: 0;
3814
+ -webkit-transition: all 0.3s ease;
3815
+ transition: all 0.3s ease;
3816
+ width: 0; }
3817
+ .premium-person-style3 .premium-person-title span {
3818
+ display: inline-block; }
3819
+
3820
+ .premium-person-style3 .premium-person-name {
3821
+ padding-left: 10px; }
3822
+
3823
+ .premium-person-style3 .premium-person-social-list {
3824
+ -js-display: flex;
3825
+ display: -webkit-box;
3826
+ display: -webkit-flex;
3827
+ display: -moz-box;
3828
+ display: -ms-flexbox;
3829
+ display: flex;
3830
+ -webkit-box-orient: vertical;
3831
+ -webkit-box-direction: normal;
3832
+ -webkit-flex-direction: column;
3833
+ -moz-box-orient: vertical;
3834
+ -moz-box-direction: normal;
3835
+ -ms-flex-direction: column;
3836
+ flex-direction: column;
3837
+ -webkit-transform: translateY(20px);
3838
+ -ms-transform: translateY(20px);
3839
+ transform: translateY(20px);
3840
+ opacity: 0;
3841
+ -webkit-transition: all 0.3s ease;
3842
+ transition: all 0.3s ease; }
3843
+
3844
+ .premium-person-style3 .premium-person-list-item {
3845
+ line-height: 0; }
3846
+ .premium-person-style3 .premium-person-list-item a {
3847
+ padding: 5px 10px 0 0;
3848
+ margin: 5px 0; }
3849
+
3850
+ .premium-person-style3 .premium-person-container:hover .premium-person-title {
3851
+ opacity: 1; }
3852
+
3853
+ .premium-person-style3 .premium-person-container:hover .premium-person-social-list {
3854
+ opacity: 1;
3855
+ -webkit-transform: translateY(0);
3856
+ -ms-transform: translateY(0);
3857
+ transform: translateY(0); }
3858
+
3859
+ .premium-persons-title-cw .premium-person-title {
3860
+ -webkit-transform: translateX(15px) rotate(90deg);
3861
+ -ms-transform: translateX(15px) rotate(90deg);
3862
+ transform: translateX(15px) rotate(90deg);
3863
+ -webkit-transform-origin: top;
3864
+ -ms-transform-origin: top;
3865
+ transform-origin: top; }
3866
+
3867
+ .premium-persons-title-cw .premium-person-container:hover .premium-person-title {
3868
+ -webkit-transform: translateX(0) rotate(90deg);
3869
+ -ms-transform: translateX(0) rotate(90deg);
3870
+ transform: translateX(0) rotate(90deg); }
3871
+
3872
+ .premium-persons-title-ccw .premium-person-title {
3873
+ width: auto;
3874
+ margin-right: 20px;
3875
+ -webkit-transform: translateX(15px) rotate(-90deg);
3876
+ -ms-transform: translateX(15px) rotate(-90deg);
3877
+ transform: translateX(15px) rotate(-90deg);
3878
+ -webkit-transform-origin: center right;
3879
+ -ms-transform-origin: center right;
3880
+ transform-origin: center right; }
3881
+
3882
+ .premium-persons-title-ccw .premium-person-container:hover .premium-person-title {
3883
+ -webkit-transform: translateX(0) rotate(-90deg);
3884
+ -ms-transform: translateX(0) rotate(-90deg);
3885
+ transform: translateX(0) rotate(-90deg); }
3886
+
3887
+ /**************** Premium Fancy Text *******************/
3888
+ /*******************************************************/
3889
+ .premium-suffix-text,
3890
+ .premium-fancy-text,
3891
+ .premium-prefix-text {
3892
+ font-size: 40px; }
3893
+
3894
+ .premium-fancy-text-wrapper .premium-fancy-list-items {
3895
+ list-style: none; }
3896
+
3897
+ .premium-fancy-text-wrapper .premium-fancy-text-span-align {
3898
+ vertical-align: top; }
3899
+
3900
+ .premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-text-items-wrapper {
3901
+ margin: 0;
3902
+ padding: 0;
3903
+ border: none;
3904
+ position: relative; }
3905
+
3906
+ .premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-list-items {
3907
+ position: absolute;
3908
+ top: 0;
3909
+ left: 0;
3910
+ display: inline-block; }
3911
+
3912
+ .premium-fancy-text-wrapper.zoomout .premium-fancy-item-hidden {
3913
+ opacity: 0;
3914
+ -webkit-animation: pa-zoom-out 0.8s;
3915
+ animation: pa-zoom-out 0.8s; }
3916
+
3917
+ .premium-fancy-text-wrapper.zoomout .premium-fancy-item-visible {
3918
+ position: relative !important;
3919
+ -webkit-animation: pa-zoom-in 0.8s;
3920
+ animation: pa-zoom-in 0.8s; }
3921
+
3922
+ .premium-fancy-text-wrapper.zoomout .premium-fancy-text-items-wrapper {
3923
+ -webkit-perspective: 300px;
3924
+ perspective: 300px; }
3925
+
3926
+ .premium-fancy-text-wrapper.rotate .premium-fancy-list-items {
3927
+ -webkit-transform-origin: 50% 100%;
3928
+ -ms-transform-origin: 50% 100%;
3929
+ transform-origin: 50% 100%; }
3930
+
3931
+ .premium-fancy-text-wrapper.rotate .premium-fancy-item-hidden {
3932
+ opacity: 0;
3933
+ -webkit-transform: rotateX(180deg);
3934
+ transform: rotateX(180deg);
3935
+ -webkit-animation: pa-rotate-out 1.2s;
3936
+ animation: pa-rotate-out 1.2s; }
3937
+
3938
+ .premium-fancy-text-wrapper.rotate .premium-fancy-item-visible {
3939
+ position: relative !important;
3940
+ -webkit-transform: rotateX(0deg);
3941
+ transform: rotateX(0deg);
3942
+ -webkit-animation: pa-rotate-in 1.2s;
3943
+ animation: pa-rotate-in 1.2s; }
3944
+
3945
+ .premium-fancy-text-wrapper.custom .premium-fancy-item-hidden {
3946
+ opacity: 0; }
3947
+
3948
+ .premium-fancy-text-wrapper.custom .premium-fancy-item-visible {
3949
+ position: relative !important; }
3950
+
3951
+ @-webkit-keyframes pa-zoom-in {
3952
+ 0% {
3953
+ opacity: 0;
3954
+ -webkit-transform: translateZ(100px);
3955
+ transform: translateZ(100px); }
3956
+ 100% {
3957
+ opacity: 1;
3958
+ -webkit-transform: translateZ(0);
3959
+ transform: translateZ(0); } }
3960
+
3961
+ @keyframes pa-zoom-in {
3962
+ 0% {
3963
+ opacity: 0;
3964
+ -webkit-transform: translateZ(100px);
3965
+ transform: translateZ(100px); }
3966
+ 100% {
3967
+ opacity: 1;
3968
+ -webkit-transform: translateZ(0);
3969
+ transform: translateZ(0); } }
3970
+
3971
+ @-webkit-keyframes pa-zoom-out {
3972
+ 0% {
3973
+ opacity: 1;
3974
+ -webkit-transform: translateZ(0);
3975
+ transform: translateZ(0); }
3976
+ 100% {
3977
+ opacity: 0;
3978
+ -webkit-transform: translateZ(-100px);
3979
+ transform: translateZ(-100px); } }
3980
+
3981
+ @keyframes pa-zoom-out {
3982
+ 0% {
3983
+ opacity: 1;
3984
+ -webkit-transform: translateZ(0);
3985
+ transform: translateZ(0); }
3986
+ 100% {
3987
+ opacity: 0;
3988
+ -webkit-transform: translateZ(-100px);
3989
+ transform: translateZ(-100px); } }
3990
+
3991
+ @-webkit-keyframes pa-rotate-in {
3992
+ 0% {
3993
+ opacity: 0;
3994
+ -webkit-transform: rotateX(180deg);
3995
+ transform: rotateX(180deg); }
3996
+ 35% {
3997
+ opacity: 0;
3998
+ -webkit-transform: rotateX(120deg);
3999
+ transform: rotateX(120deg); }
4000
+ 65% {
4001
+ opacity: 0; }
4002
+ 100% {
4003
+ opacity: 1;
4004
+ -webkit-transform: rotateX(360deg);
4005
+ transform: rotateX(360deg); } }
4006
+
4007
+ @keyframes pa-rotate-in {
4008
+ 0% {
4009
+ opacity: 0;
4010
+ -webkit-transform: rotateX(180deg);
4011
+ transform: rotateX(180deg); }
4012
+ 35% {
4013
+ opacity: 0;
4014
+ -webkit-transform: rotateX(120deg);
4015
+ transform: rotateX(120deg); }
4016
+ 65% {
4017
+ opacity: 0; }
4018
+ 100% {
4019
+ opacity: 1;
4020
+ -webkit-transform: rotateX(360deg);
4021
+ transform: rotateX(360deg); } }
4022
+
4023
+ @-webkit-keyframes pa-rotate-out {
4024
+ 0% {
4025
+ opacity: 1;
4026
+ -webkit-transform: rotateX(0deg);
4027
+ transform: rotateX(0deg); }
4028
+ 35% {
4029
+ opacity: 1;
4030
+ -webkit-transform: rotateX(-40deg);
4031
+ transform: rotateX(-40deg); }
4032
+ 65% {
4033
+ opacity: 0; }
4034
+ 100% {
4035
+ opacity: 0;
4036
+ -webkit-transform: rotateX(180deg);
4037
+ transform: rotateX(180deg); } }
4038
+
4039
+ @keyframes pa-rotate-out {
4040
+ 0% {
4041
+ opacity: 1;
4042
+ -webkit-transform: rotateX(0deg);
4043
+ transform: rotateX(0deg); }
4044
+ 35% {
4045
+ opacity: 1;
4046
+ -webkit-transform: rotateX(-40deg);
4047
+ transform: rotateX(-40deg); }
4048
+ 65% {
4049
+ opacity: 0; }
4050
+ 100% {
4051
+ opacity: 0;
4052
+ -webkit-transform: rotateX(180deg);
4053
+ transform: rotateX(180deg); } }
4054
+
4055
+ /**************** Premium Pricing Table ****************/
4056
+ /*******************************************************/
4057
+ .premium-pricing-table-container {
4058
+ position: relative;
4059
+ overflow: hidden;
4060
+ text-align: center;
4061
+ -webkit-transition: all 0.3s ease-in-out;
4062
+ transition: all 0.3s ease-in-out; }
4063
+
4064
+ .premium-pricing-icon-container {
4065
+ -js-display: flex;
4066
+ display: -webkit-box;
4067
+ display: -webkit-flex;
4068
+ display: -moz-box;
4069
+ display: -ms-flexbox;
4070
+ display: flex;
4071
+ -webkit-box-pack: center;
4072
+ -webkit-justify-content: center;
4073
+ -moz-box-pack: center;
4074
+ -ms-flex-pack: center;
4075
+ justify-content: center;
4076
+ line-height: 0; }
4077
+ .premium-pricing-icon-container .premium-pricing-icon {
4078
+ display: inline-block; }
4079
+ .premium-pricing-icon-container .premium-pricing-image {
4080
+ overflow: hidden; }
4081
+ .premium-pricing-icon-container .premium-pricing-image img {
4082
+ width: 25px;
4083
+ height: 25px;
4084
+ -o-object-fit: cover;
4085
+ object-fit: cover; }
4086
+
4087
+ .premium-badge-left {
4088
+ position: absolute;
4089
+ top: 0; }
4090
+
4091
+ .premium-badge-right {
4092
+ position: absolute;
4093
+ top: 0;
4094
+ right: 0; }
4095
+
4096
+ .premium-badge-left {
4097
+ left: 0; }
4098
+
4099
+ .premium-badge-triangle.premium-badge-left .corner {
4100
+ width: 0;
4101
+ height: 0;
4102
+ border-top: 150px solid;
4103
+ border-bottom: 150px solid transparent;
4104
+ border-right: 150px solid transparent; }
4105
+
4106
+ .premium-badge-triangle.premium-badge-right .corner {
4107
+ width: 0;
4108
+ height: 0;
4109
+ border-bottom: 150px solid transparent;
4110
+ border-right: 150px solid;
4111
+ border-left: 150px solid transparent; }
4112
+
4113
+ .premium-badge-triangle span {
4114
+ position: absolute;
4115
+ top: 35px;
4116
+ width: 100px;
4117
+ text-align: center;
4118
+ -webkit-transform: rotate(-45deg);
4119
+ -ms-transform: rotate(-45deg);
4120
+ transform: rotate(-45deg);
4121
+ display: block;
4122
+ text-transform: uppercase; }
4123
+
4124
+ .premium-badge-triangle.premium-badge-right span {
4125
+ -webkit-transform: rotate(45deg);
4126
+ -ms-transform: rotate(45deg);
4127
+ transform: rotate(45deg);
4128
+ right: 0; }
4129
+
4130
+ .premium-badge-circle {
4131
+ min-width: 4em;
4132
+ min-height: 4em;
4133
+ line-height: 4em;
4134
+ text-align: center;
4135
+ -webkit-border-radius: 100%;
4136
+ border-radius: 100%;
4137
+ position: absolute;
4138
+ z-index: 1; }
4139
+
4140
+ .premium-badge-stripe {
4141
+ position: absolute;
4142
+ -webkit-transform: rotate(90deg);
4143
+ -ms-transform: rotate(90deg);
4144
+ transform: rotate(90deg);
4145
+ width: 15em;
4146
+ overflow: hidden;
4147
+ height: 15em; }
4148
+ .premium-badge-stripe.premium-badge-left {
4149
+ -webkit-transform: rotate(0);
4150
+ -ms-transform: rotate(0);
4151
+ transform: rotate(0); }
4152
+ .premium-badge-stripe .corner {
4153
+ text-align: center;
4154
+ left: 0;
4155
+ width: 150%;
4156
+ -webkit-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
4157
+ -ms-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
4158
+ transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
4159
+ margin-top: 35px;
4160
+ font-size: 13px;
4161
+ line-height: 2;
4162
+ font-weight: 800;
4163
+ text-transform: uppercase; }
4164
+
4165
+ .premium-badge-flag .corner {
4166
+ text-align: center;
4167
+ -webkit-border-radius: 4px 4px 0 4px;
4168
+ border-radius: 4px 4px 0 4px;
4169
+ padding: 3px 15px;
4170
+ position: absolute;
4171
+ top: 10%;
4172
+ right: -8px; }
4173
+ .premium-badge-flag .corner::before, .premium-badge-flag .corner::after {
4174
+ content: "";
4175
+ display: block;
4176
+ position: absolute;
4177
+ width: 0;
4178
+ height: 0;
4179
+ top: 100%;
4180
+ right: 0;
4181
+ border-bottom: 8px solid transparent; }
4182
+
4183
+ .elementor-widget-premium-addon-pricing-table .elementor-widget-container {
4184
+ overflow: visible !important; }
4185
+
4186
+ .premium-badge-flag .corner::after {
4187
+ border-left: 8px solid rgba(0, 0, 0, 0.2); }
4188
+
4189
+ .premium-pricing-price-currency {
4190
+ position: relative; }
4191
+
4192
+ .premium-pricing-button-container {
4193
+ display: block; }
4194
+
4195
+ .premium-pricing-list {
4196
+ -js-display: flex;
4197
+ display: -webkit-box;
4198
+ display: -webkit-flex;
4199
+ display: -moz-box;
4200
+ display: -ms-flexbox;
4201
+ display: flex;
4202
+ -webkit-box-orient: vertical;
4203
+ -webkit-box-direction: normal;
4204
+ -webkit-flex-direction: column;
4205
+ -moz-box-orient: vertical;
4206
+ -moz-box-direction: normal;
4207
+ -ms-flex-direction: column;
4208
+ flex-direction: column;
4209
+ list-style-type: none;
4210
+ margin: 0; }
4211
+ .premium-pricing-list .premium-pricing-list-item {
4212
+ -js-display: flex;
4213
+ display: -webkit-box;
4214
+ display: -webkit-flex;
4215
+ display: -moz-box;
4216
+ display: -ms-flexbox;
4217
+ display: flex;
4218
+ -webkit-box-align: center;
4219
+ -webkit-align-items: center;
4220
+ -moz-box-align: center;
4221
+ -ms-flex-align: center;
4222
+ align-items: center; }
4223
+ .premium-pricing-list .premium-pricing-list-item svg {
4224
+ width: 50px;
4225
+ height: 50px; }
4226
+ .premium-pricing-list .premium-pricing-list-item img {
4227
+ width: 30px;
4228
+ height: 30px;
4229
+ -o-object-fit: cover;
4230
+ object-fit: cover; }
4231
+ .premium-pricing-list .premium-pricing-list-span {
4232
+ position: relative; }
4233
+ .premium-pricing-list .list-item-tooltip {
4234
+ border-bottom: 1px dotted; }
4235
+ .premium-pricing-list .premium-pricing-list-tooltip {
4236
+ position: absolute;
4237
+ top: -webkit-calc(100% + 1px);
4238
+ top: calc(100% + 1px);
4239
+ left: 0;
4240
+ visibility: hidden;
4241
+ padding: 15px 20px;
4242
+ -webkit-border-radius: 5px;
4243
+ border-radius: 5px;
4244
+ min-width: 200px;
4245
+ overflow: hidden;
4246
+ text-align: left;
4247
+ font-size: 0.8rem;
4248
+ color: #fff;
4249
+ background-color: #aaa; }
4250
+
4251
+ .premium-pricing-list-span:hover .premium-pricing-list-tooltip {
4252
+ z-index: 99;
4253
+ visibility: visible;
4254
+ opacity: 1; }
4255
+
4256
+ .premium-pricing-slashed-price-value {
4257
+ display: inline-block;
4258
+ font-size: 20px;
4259
+ font-weight: 400;
4260
+ margin-right: 5px; }
4261
+
4262
+ .premium-pricing-price-value {
4263
+ font-size: 70px; }
4264
+
4265
+ .premium-pricing-description-container li {
4266
+ list-style-position: inside;
4267
+ text-indent: -40px; }
4268
+
4269
+ @-moz-document url-prefix() {
4270
+ .premium-pricing-description-container li {
4271
+ text-indent: 0px; } }
4272
+
4273
+ .premium-pricing-price-button {
4274
+ display: block;
4275
+ padding: 6px 12px;
4276
+ line-height: 1.42857143;
4277
+ text-align: center;
4278
+ color: #fff;
4279
+ background: #6ec1e4;
4280
+ margin-bottom: 0;
4281
+ -webkit-transition: all 0.3s ease-in-out;
4282
+ transition: all 0.3s ease-in-out; }
4283
+
4284
+ /**************** Premium Google Maps ******************/
4285
+ /*******************************************************/
4286
+ .premium-maps-info-container {
4287
+ margin-top: 10px;
4288
+ margin-bottom: 10px; }
4289
+
4290
+ .premium-maps-info-title,
4291
+ .premium-maps-info-desc {
4292
+ margin: 0;
4293
+ padding: 0; }
4294
+
4295
+ .premium-maps-container .gm-style-iw {
4296
+ text-align: center; }
4297
+
4298
+ .premium-maps-container .gm-style img {
4299
+ max-width: none !important; }
4300
+
4301
+ /**************** Premium Button ***********************/
4302
+ /*******************************************************/
4303
+ .premium-button {
4304
+ display: inline-block;
4305
+ position: relative;
4306
+ overflow: hidden;
4307
+ cursor: pointer;
4308
+ -webkit-transition: all 0.2s ease-in-out !important;
4309
+ transition: all 0.2s ease-in-out !important; }
4310
+
4311
+ .premium-button-sm {
4312
+ padding: 12px 24px;
4313
+ font-size: 14px;
4314
+ line-height: 1; }
4315
+
4316
+ .premium-button .premium-lottie-animation,
4317
+ .premium-image-button .premium-lottie-animation {
4318
+ -js-display: flex;
4319
+ display: -webkit-box;
4320
+ display: -webkit-flex;
4321
+ display: -moz-box;
4322
+ display: -ms-flexbox;
4323
+ display: flex; }
4324
+ .premium-button .premium-lottie-animation svg,
4325
+ .premium-image-button .premium-lottie-animation svg {
4326
+ width: 50px;
4327
+ height: 50px; }
4328
+
4329
+ .premium-button-md {
4330
+ padding: 14px 26px;
4331
+ font-size: 16px;
4332
+ line-height: 1.2; }
4333
+
4334
+ .premium-button-lg {
4335
+ padding: 16px 28px;
4336
+ font-size: 18px;
4337
+ line-height: 1.3333; }
4338
+
4339
+ .premium-button-block {
4340
+ font-size: 15px;
4341
+ line-height: 1;
4342
+ padding: 12px 24px;
4343
+ width: 100%;
4344
+ text-align: center; }
4345
+
4346
+ .premium-button-text {
4347
+ display: inline-block;
4348
+ width: 100%; }
4349
+
4350
+ .premium-button-style1-bottom,
4351
+ .premium-button-style1-top,
4352
+ .premium-button-style1-right,
4353
+ .premium-button-style1-left,
4354
+ .premium-button-style2-shutouthor,
4355
+ .premium-button-style2-shutoutver,
4356
+ .premium-button-style2-shutinhor,
4357
+ .premium-button-style2-shutinver,
4358
+ .premium-button-style2-scshutouthor,
4359
+ .premium-button-style2-scshutoutver,
4360
+ .premium-button-style2-dshutinhor,
4361
+ .premium-button-style2-dshutinver,
4362
+ .premium-button-style5-radialin,
4363
+ .premium-button-style5-radialout,
4364
+ .premium-button-style5-rectin,
4365
+ .premium-button-style5-rectout {
4366
+ display: inline-block;
4367
+ vertical-align: middle;
4368
+ -webkit-transform: perspective(1px) translateZ(0);
4369
+ transform: perspective(1px) translateZ(0);
4370
+ -webkit-box-shadow: 0 0 1px transparent;
4371
+ box-shadow: 0 0 1px transparent;
4372
+ position: relative;
4373
+ -webkit-transition-property: color;
4374
+ transition-property: color;
4375
+ -webkit-transition-duration: 0.15s;
4376
+ transition-duration: 0.15s; }
4377
+
4378
+ .premium-button-style1-bottom:before,
4379
+ .premium-button-style1-top:before,
4380
+ .premium-button-style1-right:before,
4381
+ .premium-button-style1-left:before,
4382
+ .premium-button-style2-shutinhor:before,
4383
+ .premium-button-style2-shutinver:before,
4384
+ .premium-button-style2-shutouthor:before,
4385
+ .premium-button-style2-shutoutver:before,
4386
+ .premium-button-style2-scshutouthor:before,
4387
+ .premium-button-style2-scshutoutver:before,
4388
+ .premium-button-style2-dshutinhor:before,
4389
+ .premium-button-style2-dshutinver:before,
4390
+ .premium-button-style5-radialin:before,
4391
+ .premium-button-style5-radialout:before,
4392
+ .premium-button-style5-rectin:before,
4393
+ .premium-button-style5-rectout:before {
4394
+ content: "";
4395
+ position: absolute;
4396
+ z-index: -1;
4397
+ top: 0;
4398
+ left: 0;
4399
+ right: 0;
4400
+ bottom: 0;
4401
+ -webkit-transform: scaleY(0);
4402
+ -ms-transform: scaleY(0);
4403
+ transform: scaleY(0);
4404
+ -webkit-transform-origin: 50% 0;
4405
+ -ms-transform-origin: 50% 0;
4406
+ transform-origin: 50% 0;
4407
+ -webkit-transition-property: -webkit-transform;
4408
+ transition-property: -webkit-transform;
4409
+ transition-property: transform;
4410
+ transition-property: transform, -webkit-transform;
4411
+ -webkit-transition-duration: 0.15s;
4412
+ transition-duration: 0.15s;
4413
+ -webkit-transition-timing-function: ease-out;
4414
+ transition-timing-function: ease-out; }
4415
+
4416
+ .premium-button-style5-radialin:before,
4417
+ .premium-button-style5-radialout:before {
4418
+ -webkit-transform-origin: 50%;
4419
+ -ms-transform-origin: 50%;
4420
+ transform-origin: 50%;
4421
+ -webkit-border-radius: 100%;
4422
+ border-radius: 100%;
4423
+ -webkit-transform: scale(0);
4424
+ -ms-transform: scale(0);
4425
+ transform: scale(0); }
4426
+
4427
+ .premium-button-style5-radialin:before {
4428
+ -webkit-transform: scale(2);
4429
+ -ms-transform: scale(2);
4430
+ transform: scale(2); }
4431
+
4432
+ .premium-button-style5-rectin:before {
4433
+ -webkit-transform-origin: 50%;
4434
+ -ms-transform-origin: 50%;
4435
+ transform-origin: 50%;
4436
+ -webkit-transform: scale(1);
4437
+ -ms-transform: scale(1);
4438
+ transform: scale(1); }
4439
+
4440
+ .premium-button-style5-rectout:before {
4441
+ -webkit-transform-origin: 50%;
4442
+ -ms-transform-origin: 50%;
4443
+ transform-origin: 50%;
4444
+ -webkit-transform: scale(0);
4445
+ -ms-transform: scale(0);
4446
+ transform: scale(0); }
4447
+
4448
+ .premium-button-style5-rectout:hover:before {
4449
+ -webkit-transform: scale(1);
4450
+ -ms-transform: scale(1);
4451
+ transform: scale(1); }
4452
+
4453
+ .premium-button-style5-rectin:hover:before {
4454
+ -webkit-transform: scale(0);
4455
+ -ms-transform: scale(0);
4456
+ transform: scale(0); }
4457
+
4458
+ .premium-button-style5-radialout:hover:before {
4459
+ -webkit-transform: scale(2);
4460
+ -ms-transform: scale(2);
4461
+ transform: scale(2); }
4462
+
4463
+ .premium-button-style5-radialin:hover:before {
4464
+ -webkit-transform: scale(0);
4465
+ -ms-transform: scale(0);
4466
+ transform: scale(0); }
4467
+
4468
+ .premium-button-style1-top:before {
4469
+ -webkit-transform-origin: 50% 100%;
4470
+ -ms-transform-origin: 50% 100%;
4471
+ transform-origin: 50% 100%; }
4472
+
4473
+ .premium-button-style1-right:before {
4474
+ -webkit-transform: scaleX(0);
4475
+ -ms-transform: scaleX(0);
4476
+ transform: scaleX(0);
4477
+ -webkit-transform-origin: 0% 50%;
4478
+ -ms-transform-origin: 0% 50%;
4479
+ transform-origin: 0% 50%; }
4480
+
4481
+ .premium-button-style1-left:before {
4482
+ -webkit-transform: scaleX(0);
4483
+ -ms-transform: scaleX(0);
4484
+ transform: scaleX(0);
4485
+ -webkit-transform-origin: 100% 50%;
4486
+ -ms-transform-origin: 100% 50%;
4487
+ transform-origin: 100% 50%; }
4488
+
4489
+ .premium-button-style2-shutouthor:before,
4490
+ .premium-button-style2-scshutoutver:before {
4491
+ -webkit-transform: scaleY(0);
4492
+ -ms-transform: scaleY(0);
4493
+ transform: scaleY(0);
4494
+ -webkit-transform-origin: 100% 50%;
4495
+ -ms-transform-origin: 100% 50%;
4496
+ transform-origin: 100% 50%; }
4497
+
4498
+ .premium-button-style2-shutoutver:before,
4499
+ .premium-button-style2-scshutouthor:before {
4500
+ -webkit-transform: scaleX(0);
4501
+ -ms-transform: scaleX(0);
4502
+ transform: scaleX(0);
4503
+ -webkit-transform-origin: 50% 50%;
4504
+ -ms-transform-origin: 50% 50%;
4505
+ transform-origin: 50% 50%; }
4506
+
4507
+ .premium-button-style2-shutinhor:before {
4508
+ -webkit-transform: scaleX(1);
4509
+ -ms-transform: scaleX(1);
4510
+ transform: scaleX(1);
4511
+ -webkit-transform-origin: 50%;
4512
+ -ms-transform-origin: 50%;
4513
+ transform-origin: 50%; }
4514
+
4515
+ .premium-button-style2-shutinver:before {
4516
+ -webkit-transform: scaleY(1);
4517
+ -ms-transform: scaleY(1);
4518
+ transform: scaleY(1);
4519
+ -webkit-transform-origin: 50%;
4520
+ -ms-transform-origin: 50%;
4521
+ transform-origin: 50%; }
4522
+
4523
+ .premium-button-style1-bottom:hover:before,
4524
+ .premium-button-style1-top:hover:before {
4525
+ -webkit-transform: scaleY(1);
4526
+ -ms-transform: scaleY(1);
4527
+ transform: scaleY(1); }
4528
+
4529
+ .premium-button-style1-left:hover:before,
4530
+ .premium-button-style1-right:hover:before,
4531
+ .premium-button-style2-shutouthor:hover:before,
4532
+ .premium-button-style2-shutoutver:hover:before {
4533
+ -webkit-transform: scaleX(1);
4534
+ -ms-transform: scaleX(1);
4535
+ transform: scaleX(1); }
4536
+
4537
+ .premium-button-style2-shutinhor:hover:before {
4538
+ -webkit-transform: scaleX(0);
4539
+ -ms-transform: scaleX(0);
4540
+ transform: scaleX(0); }
4541
+
4542
+ .premium-button-style2-shutinver:hover:before {
4543
+ -webkit-transform: scaleY(0);
4544
+ -ms-transform: scaleY(0);
4545
+ transform: scaleY(0); }
4546
+
4547
+ .premium-button-style2-scshutouthor:hover:before {
4548
+ -webkit-transform: scaleX(0.9);
4549
+ -ms-transform: scaleX(0.9);
4550
+ transform: scaleX(0.9); }
4551
+
4552
+ .premium-button-style2-scshutoutver:hover:before {
4553
+ -webkit-transform: scaleY(0.8);
4554
+ -ms-transform: scaleY(0.8);
4555
+ transform: scaleY(0.8); }
4556
+
4557
+ /*Diagonal*/
4558
+ .premium-button-style2-dshutinhor:before {
4559
+ top: 50%;
4560
+ left: 50%;
4561
+ width: 120%;
4562
+ height: 0%;
4563
+ -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
4564
+ -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
4565
+ transform: translateX(-50%) translateY(-50%) rotate(-45deg);
4566
+ -webkit-transform-origin: 50%;
4567
+ -ms-transform-origin: 50%;
4568
+ transform-origin: 50%;
4569
+ -webkit-transition-property: all;
4570
+ transition-property: all; }
4571
+
4572
+ .premium-button-style2-dshutinver:before {
4573
+ top: 50%;
4574
+ left: 50%;
4575
+ width: 120%;
4576
+ height: 0%;
4577
+ -webkit-transform-origin: 50%;
4578
+ -ms-transform-origin: 50%;
4579
+ transform-origin: 50%;
4580
+ -webkit-transition-property: all;
4581
+ transition-property: all;
4582
+ -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
4583
+ -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
4584
+ transform: translateX(-50%) translateY(-50%) rotate(45deg); }
4585
+
4586
+ .premium-button-style2-dshutinhor:hover:before,
4587
+ .premium-button-style2-dshutinver:hover:before {
4588
+ height: 220%; }
4589
+
4590
+ .premium-button-style3-before i,
4591
+ .premium-button-style3-before svg {
4592
+ opacity: 0;
4593
+ -webkit-transform: translateX(-5px);
4594
+ -ms-transform: translateX(-5px);
4595
+ transform: translateX(-5px);
4596
+ -webkit-transition: all 0.5s ease-in-out;
4597
+ transition: all 0.5s ease-in-out; }
4598
+
4599
+ .premium-button-style3-after i,
4600
+ .premium-button-style3-after svg {
4601
+ opacity: 0;
4602
+ -webkit-transform: translateX(-5px);
4603
+ -ms-transform: translateX(-5px);
4604
+ transform: translateX(-5px);
4605
+ -webkit-transition: all 0.5s ease-in-out;
4606
+ transition: all 0.5s ease-in-out;
4607
+ -webkit-transform: translateX(5px);
4608
+ -ms-transform: translateX(5px);
4609
+ transform: translateX(5px); }
4610
+
4611
+ .premium-button-style3-after:hover i,
4612
+ .premium-button-style3-after:hover svg {
4613
+ opacity: 1; }
4614
+
4615
+ .premium-button-style3-before:hover i,
4616
+ .premium-button-style3-before:hover svg {
4617
+ opacity: 1; }
4618
+
4619
+ .premium-button-text-icon-wrapper {
4620
+ -js-display: flex;
4621
+ display: -webkit-box;
4622
+ display: -webkit-flex;
4623
+ display: -moz-box;
4624
+ display: -ms-flexbox;
4625
+ display: flex;
4626
+ -webkit-box-pack: center;
4627
+ -webkit-justify-content: center;
4628
+ -moz-box-pack: center;
4629
+ -ms-flex-pack: center;
4630
+ justify-content: center;
4631
+ -webkit-box-align: center;
4632
+ -webkit-align-items: center;
4633
+ -moz-box-align: center;
4634
+ -ms-flex-align: center;
4635
+ align-items: center;
4636
+ -webkit-transition: all 0.2s ease-in-out;
4637
+ transition: all 0.2s ease-in-out; }
4638
+ .premium-button-text-icon-wrapper span,
4639
+ .premium-button-text-icon-wrapper i {
4640
+ -webkit-transition: all 0.2s ease-in-out;
4641
+ transition: all 0.2s ease-in-out; }
4642
+
4643
+ .premium-button-style4-icon-wrapper {
4644
+ position: absolute;
4645
+ z-index: 2;
4646
+ width: 100%;
4647
+ text-align: center;
4648
+ -js-display: flex;
4649
+ display: -webkit-box;
4650
+ display: -webkit-flex;
4651
+ display: -moz-box;
4652
+ display: -ms-flexbox;
4653
+ display: flex;
4654
+ -webkit-box-align: center;
4655
+ -webkit-align-items: center;
4656
+ -moz-box-align: center;
4657
+ -ms-flex-align: center;
4658
+ align-items: center;
4659
+ -webkit-box-pack: center;
4660
+ -webkit-justify-content: center;
4661
+ -moz-box-pack: center;
4662
+ -ms-flex-pack: center;
4663
+ justify-content: center;
4664
+ height: 100%;
4665
+ opacity: 0;
4666
+ -webkit-transition: all 0.3s ease-in-out;
4667
+ transition: all 0.3s ease-in-out; }
4668
+ .premium-button-style4-icon-wrapper.top {
4669
+ bottom: -100%;
4670
+ left: 0; }
4671
+ .premium-button-style4-icon-wrapper.bottom {
4672
+ top: -100%;
4673
+ left: 0; }
4674
+ .premium-button-style4-icon-wrapper.left {
4675
+ top: 0;
4676
+ left: -100%; }
4677
+ .premium-button-style4-icon-wrapper.right {
4678
+ top: 0;
4679
+ right: -100%; }
4680
+
4681
+ .premium-button-style4-bottom:hover .premium-button-style4-icon-wrapper {
4682
+ top: 0;
4683
+ opacity: 1; }
4684
+
4685
+ .premium-button-style4-top:hover .premium-button-style4-icon-wrapper {
4686
+ bottom: 0;
4687
+ opacity: 1; }
4688
+
4689
+ .premium-button-style4-left:hover .premium-button-style4-icon-wrapper {
4690
+ left: 0;
4691
+ opacity: 1; }
4692
+
4693
+ .premium-button-style4-right:hover .premium-button-style4-icon-wrapper {
4694
+ right: 0;
4695
+ opacity: 1; }
4696
+
4697
+ .premium-button-style4-bottom:hover .premium-button-text-icon-wrapper {
4698
+ -webkit-transform: translateY(100%);
4699
+ -ms-transform: translateY(100%);
4700
+ transform: translateY(100%);
4701
+ opacity: 0; }
4702
+
4703
+ .premium-button-style4-top:hover .premium-button-text-icon-wrapper {
4704
+ -webkit-transform: translateY(-100%);
4705
+ -ms-transform: translateY(-100%);
4706
+ transform: translateY(-100%);
4707
+ opacity: 0; }
4708
+
4709
+ .premium-button-style4-left:hover .premium-button-text-icon-wrapper {
4710
+ -webkit-transform: translateX(100%);
4711
+ -ms-transform: translateX(100%);
4712
+ transform: translateX(100%);
4713
+ opacity: 0; }
4714
+
4715
+ .premium-button-style4-right:hover .premium-button-text-icon-wrapper {
4716
+ -webkit-transform: translateX(-100%);
4717
+ -ms-transform: translateX(-100%);
4718
+ transform: translateX(-100%);
4719
+ opacity: 0; }
4720
+
4721
+ .premium-button-style6:before {
4722
+ content: "";
4723
+ position: absolute;
4724
+ left: 50%;
4725
+ top: 50%;
4726
+ width: 100px;
4727
+ height: 100px;
4728
+ -webkit-border-radius: 100%;
4729
+ border-radius: 100%;
4730
+ -webkit-transform: translate(-50%, -50%) scale(0);
4731
+ -ms-transform: translate(-50%, -50%) scale(0);
4732
+ transform: translate(-50%, -50%) scale(0);
4733
+ -webkit-transition: all 0.3s ease-in-out;
4734
+ transition: all 0.3s ease-in-out; }
4735
+
4736
+ .premium-button-style6:hover:before {
4737
+ -webkit-transform: translate(-50%, -50%) scale(3);
4738
+ -ms-transform: translate(-50%, -50%) scale(3);
4739
+ transform: translate(-50%, -50%) scale(3); }
4740
+
4741
+ .premium-button-style6 .premium-button-text-icon-wrapper {
4742
+ position: relative;
4743
+ z-index: 1; }
4744
+
4745
+ .premium-mouse-detect-yes .premium-button-style6 .premium-button-style6-bg {
4746
+ position: absolute;
4747
+ z-index: 0;
4748
+ top: 0;
4749
+ left: 0;
4750
+ width: 0px;
4751
+ height: 0px;
4752
+ -webkit-border-radius: 50%;
4753
+ border-radius: 50%;
4754
+ display: block;
4755
+ -webkit-transform: translate(-50%, -50%);
4756
+ -ms-transform: translate(-50%, -50%);
4757
+ transform: translate(-50%, -50%);
4758
+ -webkit-transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
4759
+ transition: width 0.4s ease-in-out, height 0.4s ease-in-out; }
4760
+
4761
+ .premium-mouse-detect-yes .premium-button-style6:hover .premium-button-style6-bg {
4762
+ width: 225%;
4763
+ height: 560px; }
4764
+
4765
+ .premium-mouse-detect-yes .premium-button-style6:before {
4766
+ width: 0;
4767
+ height: 0; }
4768
+
4769
+ /**************** Premium Contact Form7 **********/
4770
+ /*************************************************/
4771
+ .premium-contact-form-anim-yes .wpcf7-span::after {
4772
+ display: block;
4773
+ height: 2px;
4774
+ content: "";
4775
+ top: -2px;
4776
+ position: relative;
4777
+ width: 0px;
4778
+ -webkit-transition: all ease-in-out 0.3s;
4779
+ transition: all ease-in-out 0.3s; }
4780
+
4781
+ .premium-contact-form-anim-yes .wpcf7-span.is-focused::after {
4782
+ width: 100%; }
4783
+
4784
+ /**************** Premium Image Button ***********/
4785
+ /*************************************************/
4786
+ .premium-image-button {
4787
+ display: inline-block;
4788
+ position: relative;
4789
+ overflow: hidden;
4790
+ background: #6ec1e4;
4791
+ cursor: pointer;
4792
+ -webkit-transition: all 0.2s ease-in-out !important;
4793
+ transition: all 0.2s ease-in-out !important; }
4794
+ .premium-image-button:hover {
4795
+ background-color: #54595f; }
4796
+
4797
+ /*Default background for slide styles*/
4798
+ .premium-image-button-style4-icon-wrapper,
4799
+ .premium-image-button-style1-top:before,
4800
+ .premium-image-button-style1-bottom:before,
4801
+ .premium-image-button-style1-left:before,
4802
+ .premium-image-button-style1-right:before {
4803
+ background-color: #54595f; }
4804
+
4805
+ .premium-image-button.premium-image-button-sm {
4806
+ padding: 12px 24px;
4807
+ font-size: 14px;
4808
+ line-height: 1; }
4809
+
4810
+ .premium-image-button.premium-image-button-md {
4811
+ padding: 14px 26px;
4812
+ font-size: 16px;
4813
+ line-height: 1.2; }
4814
+
4815
+ .premium-image-button.premium-image-button-lg {
4816
+ padding: 16px 28px;
4817
+ font-size: 18px;
4818
+ line-height: 1.3333; }
4819
+
4820
+ .premium-image-button.premium-image-button-block {
4821
+ font-size: 15px;
4822
+ line-height: 1;
4823
+ padding: 12px 24px;
4824
+ width: 100%;
4825
+ text-align: center; }
4826
+
4827
+ .premium-image-button-text-icon-wrapper {
4828
+ -js-display: flex;
4829
+ display: -webkit-box;
4830
+ display: -webkit-flex;
4831
+ display: -moz-box;
4832
+ display: -ms-flexbox;
4833
+ display: flex;
4834
+ -webkit-box-pack: center;
4835
+ -webkit-justify-content: center;
4836
+ -moz-box-pack: center;
4837
+ -ms-flex-pack: center;
4838
+ justify-content: center;
4839
+ -webkit-box-align: center;
4840
+ -webkit-align-items: center;
4841
+ -moz-box-align: center;
4842
+ -ms-flex-align: center;
4843
+ align-items: center;
4844
+ position: relative;
4845
+ z-index: 3;
4846
+ -webkit-transition: all 0.2s ease-in-out;
4847
+ transition: all 0.2s ease-in-out; }
4848
+ .premium-image-button-text-icon-wrapper span,
4849
+ .premium-image-button-text-icon-wrapper i {
4850
+ -webkit-transition: all 0.2s ease-in-out;
4851
+ transition: all 0.2s ease-in-out; }
4852
+
4853
+ .premium-image-button-style1-bottom:before,
4854
+ .premium-image-button-style1-top:before,
4855
+ .premium-image-button-style1-left:before,
4856
+ .premium-image-button-style1-right:before {
4857
+ -webkit-transition: all 0.2s ease-in-out;
4858
+ transition: all 0.2s ease-in-out; }
4859
+
4860
+ .premium-image-button-style1-bottom:before {
4861
+ content: "";
4862
+ position: absolute;
4863
+ width: 100%;
4864
+ height: 0;
4865
+ top: 0;
4866
+ left: 0; }
4867
+
4868
+ .premium-image-button-style1-top:before {
4869
+ content: "";
4870
+ position: absolute;
4871
+ width: 100%;
4872
+ height: 0;
4873
+ bottom: 0;
4874
+ left: 0; }
4875
+
4876
+ .premium-image-button-style1-right:before {
4877
+ content: "";
4878
+ position: absolute;
4879
+ width: 0;
4880
+ height: 100%;
4881
+ bottom: 0;
4882
+ left: 0; }
4883
+
4884
+ .premium-image-button-style1-left:before {
4885
+ content: "";
4886
+ position: absolute;
4887
+ width: 0;
4888
+ height: 100%;
4889
+ top: 0;
4890
+ right: 0; }
4891
+
4892
+ .premium-image-button-style1-bottom:hover:before,
4893
+ .premium-image-button-style1-top:hover:before {
4894
+ height: 100%; }
4895
+
4896
+ .premium-image-button-style1-right:hover:before,
4897
+ .premium-image-button-style1-left:hover:before {
4898
+ width: 100%; }
4899
+
4900
+ .premium-image-button-diagonal-effect-top,
4901
+ .premium-image-button-diagonal-effect-bottom,
4902
+ .premium-image-button-diagonal-effect-left,
4903
+ .premium-image-button-diagonal-effect-right {
4904
+ z-index: 10; }
4905
+
4906
+ .premium-image-button-diagonal-effect-top:before,
4907
+ .premium-image-button-diagonal-effect-bottom:before,
4908
+ .premium-image-button-diagonal-effect-left:before {
4909
+ position: absolute;
4910
+ top: 0px;
4911
+ left: 0px;
4912
+ width: 100%;
4913
+ height: 100%;
4914
+ content: "";
4915
+ z-index: 1;
4916
+ background: rgba(255, 255, 255, 0.2);
4917
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
4918
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
4919
+ -webkit-transition: all 0.8s ease-out;
4920
+ transition: all 0.8s ease-out; }
4921
+
4922
+ .premium-image-button-diagonal-effect-right:before {
4923
+ position: absolute;
4924
+ top: 0px;
4925
+ left: 0px;
4926
+ width: 100%;
4927
+ height: 100%;
4928
+ content: "";
4929
+ z-index: 1;
4930
+ background: rgba(255, 255, 255, 0.2);
4931
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
4932
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
4933
+ -webkit-transition: all 0.8s ease-out;
4934
+ transition: all 0.8s ease-out; }
4935
+
4936
+ .premium-image-button-diagonal-effect-right:hover:before {
4937
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
4938
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0); }
4939
+
4940
+ .premium-image-button-diagonal-effect-left:before {
4941
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
4942
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0); }
4943
+
4944
+ .premium-image-button-diagonal-effect-left:hover:before {
4945
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
4946
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0); }
4947
+
4948
+ .premium-image-button-diagonal-effect-right:before {
4949
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
4950
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0); }
4951
+
4952
+ .premium-image-button-diagonal-effect-top:hover:before {
4953
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
4954
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0); }
4955
+
4956
+ .premium-image-button-diagonal-effect-bottom:before {
4957
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
4958
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0); }
4959
+
4960
+ .premium-image-button-diagonal-effect-bottom:hover:before {
4961
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
4962
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); }
4963
+
4964
+ .premium-image-button-diagonal-effect-top:before {
4965
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
4966
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); }
4967
+
4968
+ .premium-image-button-style4-icon-wrapper {
4969
+ position: absolute;
4970
+ z-index: 2;
4971
+ width: 100%;
4972
+ text-align: center;
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-box-align: center;
4980
+ -webkit-align-items: center;
4981
+ -moz-box-align: center;
4982
+ -ms-flex-align: center;
4983
+ align-items: center;
4984
+ -webkit-box-pack: center;
4985
+ -webkit-justify-content: center;
4986
+ -moz-box-pack: center;
4987
+ -ms-flex-pack: center;
4988
+ justify-content: center;
4989
+ height: 100%;
4990
+ opacity: 0;
4991
+ -webkit-transition: all 0.3s ease-in-out;
4992
+ transition: all 0.3s ease-in-out; }
4993
+ .premium-image-button-style4-icon-wrapper.top {
4994
+ bottom: -100%;
4995
+ left: 0; }
4996
+ .premium-image-button-style4-icon-wrapper.bottom {
4997
+ top: -100%;
4998
+ left: 0; }
4999
+ .premium-image-button-style4-icon-wrapper.left {
5000
+ top: 0;
5001
+ left: -100%; }
5002
+ .premium-image-button-style4-icon-wrapper.right {
5003
+ top: 0;
5004
+ right: -100%; }
5005
+
5006
+ .premium-image-button-style4-bottom:hover .premium-image-button-style4-icon-wrapper {
5007
+ top: 0;
5008
+ opacity: 1; }
5009
+
5010
+ .premium-image-button-style4-top:hover .premium-image-button-style4-icon-wrapper {
5011
+ bottom: 0;
5012
+ opacity: 1; }
5013
+
5014
+ .premium-image-button-style4-left:hover .premium-image-button-style4-icon-wrapper {
5015
+ left: 0;
5016
+ opacity: 1; }
5017
+
5018
+ .premium-image-button-style4-right:hover .premium-image-button-style4-icon-wrapper {
5019
+ right: 0;
5020
+ opacity: 1; }
5021
+
5022
+ .premium-image-button-style4-bottom:hover .premium-image-button-text-icon-wrapper {
5023
+ -webkit-transform: translateY(100%);
5024
+ -ms-transform: translateY(100%);
5025
+ transform: translateY(100%);
5026
+ opacity: 0; }
5027
+
5028
+ .premium-image-button-style4-top:hover .premium-image-button-text-icon-wrapper {
5029
+ -webkit-transform: translateY(-100%);
5030
+ -ms-transform: translateY(-100%);
5031
+ transform: translateY(-100%);
5032
+ opacity: 0; }
5033
+
5034
+ .premium-image-button-style4-left:hover .premium-image-button-text-icon-wrapper {
5035
+ -webkit-transform: translateX(100%);
5036
+ -ms-transform: translateX(100%);
5037
+ transform: translateX(100%);
5038
+ opacity: 0; }
5039
+
5040
+ .premium-image-button-style4-right:hover .premium-image-button-text-icon-wrapper {
5041
+ -webkit-transform: translateX(-100%);
5042
+ -ms-transform: translateX(-100%);
5043
+ transform: translateX(-100%);
5044
+ opacity: 0; }
5045
+
5046
+ .premium-image-button-overlap-effect-horizontal:before {
5047
+ position: absolute;
5048
+ content: "";
5049
+ top: 0;
5050
+ left: 0;
5051
+ width: 100%;
5052
+ height: 100%;
5053
+ opacity: 0;
5054
+ -webkit-transition: all 1s ease-in-out;
5055
+ transition: all 1s ease-in-out;
5056
+ background: rgba(255, 255, 255, 0.2);
5057
+ -webkit-animation-name: premium-overlap-effect-done;
5058
+ animation-name: premium-overlap-effect-done;
5059
+ -webkit-animation-duration: 1s;
5060
+ animation-duration: 1s; }
5061
+
5062
+ .premium-image-button-overlap-effect-vertical:before {
5063
+ position: absolute;
5064
+ content: "";
5065
+ top: 0;
5066
+ left: 0;
5067
+ width: 100%;
5068
+ height: 100%;
5069
+ opacity: 0;
5070
+ -webkit-transition: all 1s ease-in-out;
5071
+ transition: all 1s ease-in-out;
5072
+ background: rgba(255, 255, 255, 0.2);
5073
+ -webkit-animation-name: premium-overlap-effect-done;
5074
+ animation-name: premium-overlap-effect-done;
5075
+ -webkit-animation-duration: 1s;
5076
+ animation-duration: 1s;
5077
+ -webkit-animation-name: premium-overlap-ver-effect-done;
5078
+ animation-name: premium-overlap-ver-effect-done;
5079
+ animation-duration: 1s; }
5080
+
5081
+ .premium-image-button-overlap-effect-horizontal:hover:before {
5082
+ -webkit-animation-name: premium-overlap-effect;
5083
+ animation-name: premium-overlap-effect;
5084
+ -webkit-animation-duration: 1s;
5085
+ animation-duration: 1s; }
5086
+
5087
+ .premium-image-button-overlap-effect-vertical:hover:before {
5088
+ -webkit-animation-name: premium-overlap-ver-effect;
5089
+ animation-name: premium-overlap-ver-effect;
5090
+ -webkit-animation-duration: 1s;
5091
+ animation-duration: 1s; }
5092
+
5093
+ @-webkit-keyframes premium-overlap-effect {
5094
+ 0% {
5095
+ opacity: 0;
5096
+ -webkit-transform: rotateY(0deg);
5097
+ transform: rotateY(0deg); }
5098
+ 50% {
5099
+ opacity: 1;
5100
+ -webkit-transform: rotateY(180deg);
5101
+ transform: rotateY(180deg); }
5102
+ 100% {
5103
+ opacity: 0;
5104
+ -webkit-transform: rotateY(360deg);
5105
+ transform: rotateY(360deg); } }
5106
+
5107
+ @keyframes premium-overlap-effect {
5108
+ 0% {
5109
+ opacity: 0;
5110
+ -webkit-transform: rotateY(0deg);
5111
+ transform: rotateY(0deg); }
5112
+ 50% {
5113
+ opacity: 1;
5114
+ -webkit-transform: rotateY(180deg);
5115
+ transform: rotateY(180deg); }
5116
+ 100% {
5117
+ opacity: 0;
5118
+ -webkit-transform: rotateY(360deg);
5119
+ transform: rotateY(360deg); } }
5120
+
5121
+ @-webkit-keyframes premium-overlap-effect-done {
5122
+ 0% {
5123
+ opacity: 0;
5124
+ -webkit-transform: rotateY(0deg);
5125
+ transform: rotateY(0deg); }
5126
+ 50% {
5127
+ opacity: 1;
5128
+ -webkit-transform: rotateY(180deg);
5129
+ transform: rotateY(180deg); }
5130
+ 100% {
5131
+ opacity: 0;
5132
+ -webkit-transform: rotateY(360deg);
5133
+ transform: rotateY(360deg); } }
5134
+
5135
+ @keyframes premium-overlap-effect-done {
5136
+ 0% {
5137
+ opacity: 0;
5138
+ -webkit-transform: rotateY(0deg);
5139
+ transform: rotateY(0deg); }
5140
+ 50% {
5141
+ opacity: 1;
5142
+ -webkit-transform: rotateY(180deg);
5143
+ transform: rotateY(180deg); }
5144
+ 100% {
5145
+ opacity: 0;
5146
+ -webkit-transform: rotateY(360deg);
5147
+ transform: rotateY(360deg); } }
5148
+
5149
+ @-webkit-keyframes premium-overlap-ver-effect {
5150
+ 0% {
5151
+ opacity: 0;
5152
+ -webkit-transform: rotateX(0deg);
5153
+ transform: rotateX(0deg); }
5154
+ 50% {
5155
+ opacity: 1;
5156
+ -webkit-transform: rotateX(180deg);
5157
+ transform: rotateX(180deg); }
5158
+ 100% {
5159
+ opacity: 0;
5160
+ -webkit-transform: rotateX(360deg);
5161
+ transform: rotateX(360deg); } }
5162
+
5163
+ @keyframes premium-overlap-ver-effect {
5164
+ 0% {
5165
+ opacity: 0;
5166
+ -webkit-transform: rotateX(0deg);
5167
+ transform: rotateX(0deg); }
5168
+ 50% {
5169
+ opacity: 1;
5170
+ -webkit-transform: rotateX(180deg);
5171
+ transform: rotateX(180deg); }
5172
+ 100% {
5173
+ opacity: 0;
5174
+ -webkit-transform: rotateX(360deg);
5175
+ transform: rotateX(360deg); } }
5176
+
5177
+ @-webkit-keyframes premium-overlap-ver-effect-done {
5178
+ 0% {
5179
+ opacity: 0;
5180
+ -webkit-transform: rotateX(0deg);
5181
+ transform: rotateX(0deg); }
5182
+ 50% {
5183
+ opacity: 1;
5184
+ -webkit-transform: rotateX(180deg);
5185
+ transform: rotateX(180deg); }
5186
+ 100% {
5187
+ opacity: 0;
5188
+ -webkit-transform: rotateX(360deg);
5189
+ transform: rotateX(360deg); } }
5190
+
5191
+ @keyframes premium-overlap-ver-effect-done {
5192
+ 0% {
5193
+ opacity: 0;
5194
+ -webkit-transform: rotateX(0deg);
5195
+ transform: rotateX(0deg); }
5196
+ 50% {
5197
+ opacity: 1;
5198
+ -webkit-transform: rotateX(180deg);
5199
+ transform: rotateX(180deg); }
5200
+ 100% {
5201
+ opacity: 0;
5202
+ -webkit-transform: rotateX(360deg);
5203
+ transform: rotateX(360deg); } }
5204
+
5205
+ /**************** Premium Grid *******************/
5206
+ /*************************************************/
5207
+ .premium-img-gallery-filter,
5208
+ .premium-blog-filter {
5209
+ -js-display: flex;
5210
+ display: -webkit-box;
5211
+ display: -webkit-flex;
5212
+ display: -moz-box;
5213
+ display: -ms-flexbox;
5214
+ display: flex;
5215
+ -webkit-box-align: center;
5216
+ -webkit-align-items: center;
5217
+ -moz-box-align: center;
5218
+ -ms-flex-align: center;
5219
+ align-items: center;
5220
+ -webkit-box-pack: center;
5221
+ -webkit-justify-content: center;
5222
+ -moz-box-pack: center;
5223
+ -ms-flex-pack: center;
5224
+ justify-content: center; }
5225
+
5226
+ .premium-img-gallery {
5227
+ clear: both;
5228
+ overflow: hidden; }
5229
+
5230
+ .premium-gallery-container .premium-gallery-item {
5231
+ padding: 10px;
5232
+ float: left; }
5233
+
5234
+ .premium-gallery-container .grid-sizer {
5235
+ width: 33.33%; }
5236
+
5237
+ .premium-gallery-container .pa-gallery-item {
5238
+ padding: 10px; }
5239
+
5240
+ .premium-img-gallery-filter .premium-gallery-cats-container li a.category,
5241
+ .premium-blog-filter .premium-blog-filters-container li a.category {
5242
+ outline: none;
5243
+ text-decoration: none;
5244
+ -webkit-border-radius: 75px;
5245
+ border-radius: 75px;
5246
+ margin: 15px 5px 20px;
5247
+ padding: 7px 20px;
5248
+ -webkit-transition: all 0.3s ease-in-out;
5249
+ transition: all 0.3s ease-in-out; }
5250
+
5251
+ .premium-img-gallery-filter .premium-gallery-cats-container li a.category span {
5252
+ -webkit-transition: all 0.3s ease-in-out;
5253
+ transition: all 0.3s ease-in-out; }
5254
+
5255
+ .pa-gallery-img {
5256
+ position: relative; }
5257
+ .pa-gallery-img .pa-gallery-whole-link {
5258
+ position: absolute;
5259
+ top: 0;
5260
+ left: 0;
5261
+ width: 100%;
5262
+ height: 100%; }
5263
+ .pa-gallery-img.style2 .pa-gallery-whole-link {
5264
+ z-index: 99; }
5265
+
5266
+ .pa-gallery-img-container {
5267
+ overflow: hidden;
5268
+ -webkit-backface-visibility: hidden;
5269
+ backface-visibility: hidden;
5270
+ -webkit-transform: translate3d(0, 0, 0);
5271
+ transform: translate3d(0, 0, 0); }
5272
+ .pa-gallery-img-container img {
5273
+ display: block;
5274
+ width: 100%;
5275
+ -webkit-transition: all 0.3s ease-in-out;
5276
+ transition: all 0.3s ease-in-out; }
5277
+
5278
+ .premium-img-gallery.gray img {
5279
+ -webkit-filter: grayscale(100%);
5280
+ filter: grayscale(100%); }
5281
+
5282
+ .premium-img-gallery.zoomout img,
5283
+ .premium-img-gallery.scale img {
5284
+ -webkit-transform: scale(1.2);
5285
+ -ms-transform: scale(1.2);
5286
+ transform: scale(1.2); }
5287
+
5288
+ .premium-img-gallery.sepia img {
5289
+ -webkit-filter: sepia(30%);
5290
+ filter: sepia(30%); }
5291
+
5292
+ .premium-img-gallery.bright img {
5293
+ -webkit-filter: brightness(1);
5294
+ filter: brightness(1); }
5295
+
5296
+ .premium-img-gallery.trans img {
5297
+ -webkit-transform: translateX(-15px) scale(1.1);
5298
+ -ms-transform: translateX(-15px) scale(1.1);
5299
+ transform: translateX(-15px) scale(1.1); }
5300
+
5301
+ .pa-gallery-img .pa-gallery-magnific-image,
5302
+ .pa-gallery-img .pa-gallery-img-link {
5303
+ outline: none; }
5304
+
5305
+ .pa-gallery-img .pa-gallery-magnific-image span,
5306
+ .pa-gallery-img .pa-gallery-img-link span {
5307
+ line-height: 1;
5308
+ display: inline-block;
5309
+ opacity: 0;
5310
+ margin: 0 5px;
5311
+ padding: 15px;
5312
+ -webkit-border-radius: 50%;
5313
+ border-radius: 50%; }
5314
+
5315
+ .pa-gallery-img.style2 .pa-gallery-magnific-image span,
5316
+ .pa-gallery-img.style2 .pa-gallery-img-link span {
5317
+ margin: 0 5px 20px; }
5318
+
5319
+ .pa-gallery-img:hover .pa-gallery-magnific-image span {
5320
+ -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
5321
+ transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s; }
5322
+
5323
+ .pa-gallery-img:hover .pa-gallery-img-link span {
5324
+ -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
5325
+ transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s; }
5326
+
5327
+ .pa-gallery-img:hover .pa-gallery-magnific-image span,
5328
+ .pa-gallery-img:hover .pa-gallery-img-link span {
5329
+ opacity: 1; }
5330
+
5331
+ .premium-gallery-icon-show a.pa-gallery-video-icon span {
5332
+ opacity: 1; }
5333
+
5334
+ .premium-img-gallery-filter ul.premium-gallery-cats-container,
5335
+ .premium-blog-filter ul.premium-blog-filters-container {
5336
+ text-align: center;
5337
+ margin: 0;
5338
+ padding: 0; }
5339
+
5340
+ .premium-img-gallery-filter .premium-gallery-cats-container li,
5341
+ .premium-blog-filter .premium-blog-filters-container li {
5342
+ list-style: none;
5343
+ -js-display: inline-flex;
5344
+ display: -webkit-inline-box;
5345
+ display: -webkit-inline-flex;
5346
+ display: -moz-inline-box;
5347
+ display: -ms-inline-flexbox;
5348
+ display: inline-flex; }
5349
+
5350
+ .premium-img-gallery.zoomin .pa-gallery-img:hover img {
5351
+ -webkit-transform: scale(1.1);
5352
+ -ms-transform: scale(1.1);
5353
+ transform: scale(1.1); }
5354
+
5355
+ .premium-img-gallery.zoomout .pa-gallery-img:hover img {
5356
+ -webkit-transform: scale(1);
5357
+ -ms-transform: scale(1);
5358
+ transform: scale(1); }
5359
+
5360
+ .premium-img-gallery.scale .pa-gallery-img:hover img {
5361
+ -webkit-transform: scale(1.3) rotate(5deg);
5362
+ -ms-transform: scale(1.3) rotate(5deg);
5363
+ transform: scale(1.3) rotate(5deg); }
5364
+
5365
+ .premium-img-gallery.gray .pa-gallery-img:hover img {
5366
+ -webkit-filter: grayscale(0%);
5367
+ filter: grayscale(0%); }
5368
+
5369
+ .premium-img-gallery.blur .pa-gallery-img:hover img {
5370
+ -webkit-filter: blur(3px);
5371
+ filter: blur(3px); }
5372
+
5373
+ .premium-img-gallery.sepia .pa-gallery-img:hover img {
5374
+ -webkit-filter: sepia(0%);
5375
+ filter: sepia(0%); }
5376
+
5377
+ .premium-img-gallery.trans .pa-gallery-img:hover img {
5378
+ -webkit-transform: translateX(0px) scale(1.1);
5379
+ -ms-transform: translateX(0px) scale(1.1);
5380
+ transform: translateX(0px) scale(1.1); }
5381
+
5382
+ .premium-img-gallery.bright .pa-gallery-img:hover img {
5383
+ -webkit-filter: brightness(1.2);
5384
+ filter: brightness(1.2); }
5385
+
5386
+ .pa-gallery-img .premium-gallery-caption {
5387
+ padding: 10px; }
5388
+ .pa-gallery-img .premium-gallery-caption .premium-gallery-img-name {
5389
+ margin-bottom: 0; }
5390
+
5391
+ .pa-gallery-img.style1 {
5392
+ overflow: hidden; }
5393
+
5394
+ .pa-gallery-img:not(.style2) .pa-gallery-icons-wrapper {
5395
+ position: absolute;
5396
+ top: 0;
5397
+ left: 0;
5398
+ width: 100%;
5399
+ height: 100%;
5400
+ -webkit-transition: all 0.3s ease-in-out;
5401
+ transition: all 0.3s ease-in-out; }
5402
+
5403
+ .pa-gallery-img:not(.style2) .pa-gallery-icons-inner-container {
5404
+ position: absolute;
5405
+ top: 33.33%;
5406
+ width: 100%;
5407
+ text-align: center;
5408
+ -webkit-transform: translateY(-50%);
5409
+ -ms-transform: translateY(-50%);
5410
+ transform: translateY(-50%);
5411
+ z-index: 999; }
5412
+
5413
+ .pa-gallery-img.style1 .premium-gallery-caption {
5414
+ position: absolute;
5415
+ top: auto;
5416
+ right: 0;
5417
+ bottom: -1px;
5418
+ left: 0;
5419
+ width: 100%;
5420
+ -webkit-transition: all 500ms ease 0s;
5421
+ transition: all 500ms ease 0s;
5422
+ -webkit-transform: translate3d(0, 100%, 0);
5423
+ transform: translate3d(0, 100%, 0); }
5424
+
5425
+ .pa-gallery-img.style1:hover .premium-gallery-caption {
5426
+ -webkit-transform: translate3d(0, 0, 0);
5427
+ transform: translate3d(0, 0, 0);
5428
+ bottom: -1px !important; }
5429
+
5430
+ .pa-gallery-img.default .premium-gallery-caption {
5431
+ position: absolute;
5432
+ top: auto;
5433
+ right: 0;
5434
+ left: 0;
5435
+ width: 100%;
5436
+ bottom: 0; }
5437
+
5438
+ .pa-gallery-img.style2 .pa-gallery-icons-caption-container {
5439
+ position: absolute;
5440
+ top: 0;
5441
+ left: 0;
5442
+ width: 100%;
5443
+ height: 100%;
5444
+ opacity: 0;
5445
+ -webkit-backface-visibility: hidden;
5446
+ backface-visibility: hidden;
5447
+ -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
5448
+ transition: opacity 0.3s, -webkit-transform 0.3s;
5449
+ transition: transform 0.3s, opacity 0.3s;
5450
+ transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
5451
+ z-index: 1;
5452
+ background-color: rgba(108, 191, 226, 0.68);
5453
+ -js-display: flex;
5454
+ display: -webkit-box;
5455
+ display: -webkit-flex;
5456
+ display: -moz-box;
5457
+ display: -ms-flexbox;
5458
+ display: flex;
5459
+ text-align: center;
5460
+ -webkit-box-align: center;
5461
+ -webkit-align-items: center;
5462
+ -moz-box-align: center;
5463
+ -ms-flex-align: center;
5464
+ align-items: center; }
5465
+
5466
+ .pa-gallery-img.style2 .pa-gallery-icons-caption-cell {
5467
+ width: 100%; }
5468
+
5469
+ .pa-gallery-img.style2:hover .pa-gallery-icons-caption-container {
5470
+ opacity: 1;
5471
+ -webkit-transform: translate(15px, 15px);
5472
+ -ms-transform: translate(15px, 15px);
5473
+ transform: translate(15px, 15px); }
5474
+
5475
+ .premium-clearfix {
5476
+ clear: both; }
5477
+
5478
+ /** * Metro Style */
5479
+ .premium-img-gallery-metro .premium-gallery-item {
5480
+ overflow: hidden; }
5481
+
5482
+ .premium-img-gallery-metro .pa-gallery-img,
5483
+ .premium-img-gallery-metro .pa-gallery-img-container {
5484
+ height: 100%; }
5485
+
5486
+ .premium-img-gallery-metro .pa-gallery-image {
5487
+ min-height: 100%;
5488
+ width: 100%;
5489
+ -o-object-fit: fill;
5490
+ object-fit: fill; }
5491
+
5492
+ .premium-img-gallery .premium-gallery-item-hidden {
5493
+ visibility: hidden;
5494
+ width: 0 !important;
5495
+ height: 0 !important;
5496
+ margin: 0 !important;
5497
+ padding: 0 !important; }
5498
+
5499
+ .premium-gallery-load-more .premium-gallery-load-more-btn {
5500
+ -webkit-box-shadow: none;
5501
+ box-shadow: none;
5502
+ text-shadow: none;
5503
+ border: none;
5504
+ outline: none;
5505
+ -webkit-box-align: center;
5506
+ -webkit-align-items: center;
5507
+ -moz-box-align: center;
5508
+ -ms-flex-align: center;
5509
+ align-items: center;
5510
+ vertical-align: bottom;
5511
+ cursor: pointer;
5512
+ line-height: 1;
5513
+ font-style: normal;
5514
+ font-weight: normal;
5515
+ background-image: none;
5516
+ color: #fff;
5517
+ -webkit-transition: all 0.3s ease-in-out;
5518
+ transition: all 0.3s ease-in-out; }
5519
+
5520
+ .premium-gallery-load-more-btn {
5521
+ -js-display: inline-flex;
5522
+ display: -webkit-inline-box;
5523
+ display: -webkit-inline-flex;
5524
+ display: -moz-inline-box;
5525
+ display: -ms-inline-flexbox;
5526
+ display: inline-flex;
5527
+ -webkit-box-align: center;
5528
+ -webkit-align-items: center;
5529
+ -moz-box-align: center;
5530
+ -ms-flex-align: center;
5531
+ align-items: center; }
5532
+
5533
+ .premium-loader {
5534
+ border: 3px solid #f3f3f3;
5535
+ border-top-width: 3px;
5536
+ border-top-style: solid;
5537
+ border-top-color: #f3f3f3;
5538
+ -webkit-border-radius: 50%;
5539
+ border-radius: 50%;
5540
+ border-top: 3px solid;
5541
+ border-top-color: #bbb;
5542
+ width: 30px;
5543
+ height: 30px;
5544
+ -webkit-animation: spin 2s linear infinite;
5545
+ animation: spin 2s linear infinite;
5546
+ margin: 0 auto; }
5547
+
5548
+ .premium-gallery-load-more-btn div {
5549
+ margin-left: 3px; }
5550
+
5551
+ .premium-gallery-load-more-btn .premium-loader {
5552
+ display: inline-block;
5553
+ width: 20px;
5554
+ height: 20px; }
5555
+
5556
+ .pa-gallery-img .pa-gallery-lightbox-wrap {
5557
+ display: inline-block; }
5558
+
5559
+ .premium-img-gallery-no-lightbox .premium-gallery-video-item .pa-gallery-img,
5560
+ .pa-gallery-img .pa-gallery-video-icon {
5561
+ cursor: pointer; }
5562
+
5563
+ .pa-gallery-img-container iframe {
5564
+ position: absolute;
5565
+ visibility: hidden;
5566
+ top: 0;
5567
+ left: 0;
5568
+ max-width: 100%;
5569
+ width: 100%;
5570
+ height: 100%;
5571
+ margin: 0;
5572
+ line-height: 1;
5573
+ border: none; }
5574
+
5575
+ .pa-gallery-img-container video {
5576
+ position: absolute;
5577
+ visibility: hidden;
5578
+ top: 0;
5579
+ left: 0;
5580
+ max-width: 100%;
5581
+ width: 100%;
5582
+ height: 100%;
5583
+ margin: 0;
5584
+ line-height: 1;
5585
+ border: none;
5586
+ -o-object-fit: contain;
5587
+ object-fit: contain; }
5588
+
5589
+ .pa-gallery-icons-inner-container svg,
5590
+ .pa-gallery-icons-caption-cell svg {
5591
+ width: 14px;
5592
+ height: 14px; }
5593
+
5594
+ @-webkit-keyframes spin {
5595
+ 0% {
5596
+ -webkit-transform: rotate(0deg); }
5597
+ 100% {
5598
+ -webkit-transform: rotate(360deg); } }
5599
+
5600
+ @keyframes spin {
5601
+ 0% {
5602
+ -webkit-transform: rotate(0deg);
5603
+ transform: rotate(0deg); }
5604
+ 100% {
5605
+ -webkit-transform: rotate(360deg);
5606
+ transform: rotate(360deg); } }
5607
+
5608
+ /************ Premium Vertical Scroll ************/
5609
+ /*************************************************/
5610
+ .premium-vscroll-inner {
5611
+ position: relative;
5612
+ /* overflow: hidden;
5613
+ */
5614
+ min-height: 100%; }
5615
+ .premium-vscroll-inner .premium-vscroll-dots {
5616
+ position: fixed;
5617
+ z-index: 100;
5618
+ opacity: 1;
5619
+ margin-top: -32px;
5620
+ -webkit-transition: all 0.3s ease-in-out;
5621
+ transition: all 0.3s ease-in-out; }
5622
+
5623
+ .premium-vscroll-wrap .premium-vscroll-nav-menu {
5624
+ opacity: 1;
5625
+ -webkit-transition: all 0.3s ease-in-out;
5626
+ transition: all 0.3s ease-in-out; }
5627
+
5628
+ .premium-vscroll-inner .premium-vscroll-dots,
5629
+ .premium-vscroll-wrap .premium-vscroll-dots-hide {
5630
+ opacity: 0;
5631
+ visibility: hidden; }
5632
+
5633
+ .premium-vscroll-nav-dots-yes .premium-vscroll-inner .premium-vscroll-dots:not(.premium-vscroll-dots-hide) {
5634
+ opacity: 1;
5635
+ visibility: visible; }
5636
+
5637
+ .premium-vscroll-dots.middle {
5638
+ top: 50%; }
5639
+
5640
+ .premium-vscroll-dots.top {
5641
+ top: 40px; }
5642
+
5643
+ .premium-vscroll-dots.bottom {
5644
+ bottom: 30px; }
5645
+
5646
+ .premium-vscroll-dots.right {
5647
+ right: 17px; }
5648
+
5649
+ .premium-vscroll-dots.left {
5650
+ left: 17px; }
5651
+
5652
+ .premium-vscroll-inner ul.premium-vscroll-dots-list,
5653
+ .premium-vscroll-wrap .premium-vscroll-nav-menu {
5654
+ margin: 0 !important;
5655
+ padding: 0; }
5656
+
5657
+ .premium-vscroll-inner ul.premium-vscroll-dots-list li {
5658
+ width: 14px;
5659
+ height: 13px;
5660
+ margin: 7px;
5661
+ position: relative;
5662
+ -js-display: flex;
5663
+ display: -webkit-box;
5664
+ display: -webkit-flex;
5665
+ display: -moz-box;
5666
+ display: -ms-flexbox;
5667
+ display: flex;
5668
+ -webkit-box-pack: center;
5669
+ -webkit-justify-content: center;
5670
+ -moz-box-pack: center;
5671
+ -ms-flex-pack: center;
5672
+ justify-content: center;
5673
+ -webkit-box-align: center;
5674
+ -webkit-align-items: center;
5675
+ -moz-box-align: center;
5676
+ -ms-flex-align: center;
5677
+ align-items: center;
5678
+ overflow: visible; }
5679
+
5680
+ .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link {
5681
+ display: block;
5682
+ position: relative;
5683
+ z-index: 1;
5684
+ width: 100%;
5685
+ height: 100%;
5686
+ cursor: pointer;
5687
+ text-decoration: none; }
5688
+ .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link span {
5689
+ top: 2px;
5690
+ left: 2.5px;
5691
+ width: 8px;
5692
+ height: 8px;
5693
+ border: 1px solid #000;
5694
+ -webkit-border-radius: 50%;
5695
+ border-radius: 50%;
5696
+ position: absolute;
5697
+ z-index: 1;
5698
+ -webkit-transition: all 0.3s ease-in-out;
5699
+ transition: all 0.3s ease-in-out; }
5700
+
5701
+ .premium-vscroll-inner .premium-vscroll-dot-item.active .premium-vscroll-nav-link span {
5702
+ -webkit-transform: scale(1.6);
5703
+ -ms-transform: scale(1.6);
5704
+ transform: scale(1.6); }
5705
+
5706
+ .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-tooltip {
5707
+ position: absolute;
5708
+ color: #fff;
5709
+ font-size: 14px;
5710
+ font-family: arial, helvetica, sans-serif;
5711
+ white-space: nowrap;
5712
+ max-width: 220px;
5713
+ padding-left: 0.4em;
5714
+ padding-right: 0.4em; }
5715
+
5716
+ .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip {
5717
+ right: 27px; }
5718
+
5719
+ .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item {
5720
+ width: 4px;
5721
+ height: 30px; }
5722
+ .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item span {
5723
+ width: 100%;
5724
+ height: 100%;
5725
+ -webkit-border-radius: 0;
5726
+ border-radius: 0; }
5727
+ .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item.active span {
5728
+ -webkit-transform: scale(1);
5729
+ -ms-transform: scale(1);
5730
+ transform: scale(1); }
5731
+
5732
+ .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip::after {
5733
+ position: absolute;
5734
+ top: 50%;
5735
+ content: "";
5736
+ left: -webkit-calc(100% - 1px);
5737
+ left: calc(100% - 1px);
5738
+ width: 10px;
5739
+ height: 0;
5740
+ border-top: 6px solid transparent;
5741
+ border-bottom: 6px solid transparent;
5742
+ border-left: 6px solid;
5743
+ -webkit-transform: translateY(-50%);
5744
+ -ms-transform: translateY(-50%);
5745
+ transform: translateY(-50%); }
5746
+
5747
+ .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip {
5748
+ left: 27px; }
5749
+ .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip::after {
5750
+ position: absolute;
5751
+ top: 50%;
5752
+ content: "";
5753
+ right: -webkit-calc(100% - 1px);
5754
+ right: calc(100% - 1px);
5755
+ width: 10px;
5756
+ height: 0;
5757
+ border-top: 6px solid transparent;
5758
+ border-bottom: 6px solid transparent;
5759
+ border-right: 6px solid;
5760
+ -webkit-transform: translateY(-50%);
5761
+ -ms-transform: translateY(-50%);
5762
+ transform: translateY(-50%); }
5763
+
5764
+ /* * Lines */
5765
+ @media (max-width: 768px) {
5766
+ .premium-vscroll-dots.right {
5767
+ right: 7px; }
5768
+ .premium-vscroll-dots.left {
5769
+ left: 7px; } }
5770
+
5771
+ .premium-vscroll-nav-menu {
5772
+ position: fixed;
5773
+ top: 20px;
5774
+ height: 40px;
5775
+ z-index: 100;
5776
+ padding: 0;
5777
+ margin: 0; }
5778
+ .premium-vscroll-nav-menu.left {
5779
+ left: 0; }
5780
+ .premium-vscroll-nav-menu.right {
5781
+ right: 0; }
5782
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item {
5783
+ display: inline-block;
5784
+ margin: 10px;
5785
+ color: #000;
5786
+ background: #fff;
5787
+ background: rgba(255, 255, 255, 0.3); }
5788
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link {
5789
+ padding: 9px 18px;
5790
+ display: block;
5791
+ cursor: pointer;
5792
+ color: #000; }
5793
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:hover {
5794
+ color: #000; }
5795
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:focus {
5796
+ outline: none; }
5797
+
5798
+ .multiscroll-nav li a:focus {
5799
+ outline: none; }
5800
+
5801
+ .premium-vscroll-temp .slimScrollBar {
5802
+ visibility: hidden; }
5803
+
5804
+ /************ Premium Image Scroll ***************/
5805
+ /*************************************************/
5806
+ .premium-image-scroll-section,
5807
+ .premium-image-scroll-container {
5808
+ -webkit-transition: all 0.3s ease-in-out;
5809
+ transition: all 0.3s ease-in-out; }
5810
+
5811
+ .premium-image-scroll-section {
5812
+ overflow: hidden;
5813
+ width: 100%;
5814
+ position: relative; }
5815
+
5816
+ .premium-image-scroll-container {
5817
+ width: 100%; }
5818
+ .premium-image-scroll-container .premium-image-scroll-mask-media {
5819
+ -webkit-mask-repeat: no-repeat;
5820
+ mask-repeat: no-repeat;
5821
+ -webkit-mask-position: center;
5822
+ mask-position: center; }
5823
+
5824
+ .premium-container-scroll {
5825
+ overflow: auto; }
5826
+
5827
+ .premium-image-scroll-container .premium-image-scroll-horizontal {
5828
+ position: relative;
5829
+ width: 100%;
5830
+ height: 100%; }
5831
+ .premium-image-scroll-container .premium-image-scroll-horizontal img {
5832
+ max-width: none;
5833
+ height: 100%; }
5834
+
5835
+ .premium-image-scroll-container .premium-image-scroll-vertical img {
5836
+ width: 100%;
5837
+ max-width: 100%;
5838
+ height: auto; }
5839
+
5840
+ .premium-image-scroll-ver {
5841
+ position: relative; }
5842
+
5843
+ .premium-image-scroll-container .premium-image-scroll-overlay {
5844
+ background: rgba(2, 2, 2, 0.3); }
5845
+
5846
+ .premium-image-scroll-container .premium-image-scroll-link,
5847
+ .premium-image-scroll-container .premium-image-scroll-overlay {
5848
+ position: absolute;
5849
+ top: 0;
5850
+ bottom: 0;
5851
+ left: 0;
5852
+ right: 0;
5853
+ z-index: 4; }
5854
+
5855
+ .premium-image-scroll-content {
5856
+ display: inline-block;
5857
+ position: absolute;
5858
+ height: auto;
5859
+ top: 50%;
5860
+ left: 50%;
5861
+ text-align: center;
5862
+ z-index: 5;
5863
+ -webkit-transform: translate(-50%, -50%);
5864
+ -ms-transform: translate(-50%, -50%);
5865
+ transform: translate(-50%, -50%); }
5866
+
5867
+ .premium-container-scroll-instant .premium-image-scroll-image {
5868
+ -webkit-transition: all 0s ease-in-out !important;
5869
+ transition: all 0s ease-in-out !important; }
5870
+
5871
+ .premium-image-scroll-container img {
5872
+ -webkit-transition: -webkit-transform 3s ease-in-out;
5873
+ transition: -webkit-transform 3s ease-in-out;
5874
+ transition: transform 3s ease-in-out;
5875
+ transition: transform 3s ease-in-out, -webkit-transform 3s ease-in-out; }
5876
+
5877
+ .premium-image-scroll-container .premium-image-scroll-overlay,
5878
+ .premium-image-scroll-container .premium-image-scroll-content {
5879
+ -webkit-transition: all 0.3s ease-in-out;
5880
+ transition: all 0.3s ease-in-out;
5881
+ opacity: 1; }
5882
+
5883
+ .premium-image-scroll-container:hover .premium-image-scroll-overlay {
5884
+ opacity: 0; }
5885
+
5886
+ .premium-image-scroll-container:hover .premium-image-scroll-content {
5887
+ opacity: 0;
5888
+ visibility: hidden; }
5889
+
5890
+ .premium-image-scroll-content .premium-image-scroll-icon {
5891
+ display: inline-block;
5892
+ font-family: "pa-elements" !important;
5893
+ speak: none;
5894
+ font-style: normal;
5895
+ font-weight: normal;
5896
+ font-variant: normal;
5897
+ text-transform: none;
5898
+ line-height: 1;
5899
+ -webkit-font-smoothing: antialiased;
5900
+ -moz-osx-font-smoothing: grayscale;
5901
+ -webkit-animation-duration: 0.5s;
5902
+ animation-duration: 0.5s;
5903
+ -webkit-animation-iteration-count: infinite;
5904
+ animation-iteration-count: infinite;
5905
+ -webkit-animation-direction: alternate;
5906
+ animation-direction: alternate;
5907
+ -webkit-animation-timing-function: ease-in-out;
5908
+ animation-timing-function: ease-in-out; }
5909
+
5910
+ .pa-horizontal-mouse-scroll:before {
5911
+ content: "\e917"; }
5912
+
5913
+ .pa-vertical-mouse-scroll:before {
5914
+ content: "\e918"; }
5915
+
5916
+ .pa-horizontal-mouse-scroll {
5917
+ -webkit-animation-name: pa-scroll-horizontal;
5918
+ animation-name: pa-scroll-horizontal; }
5919
+
5920
+ .pa-vertical-mouse-scroll {
5921
+ -webkit-animation-name: pa-scroll-vertical;
5922
+ animation-name: pa-scroll-vertical; }
5923
+
5924
+ @-webkit-keyframes pa-scroll-vertical {
5925
+ 0% {
5926
+ -webkit-transform: translateY(0px);
5927
+ transform: translateY(0px); }
5928
+ 100% {
5929
+ -webkit-transform: translateY(5px);
5930
+ transform: translateY(5px); } }
5931
+
5932
+ @keyframes pa-scroll-vertical {
5933
+ 0% {
5934
+ -webkit-transform: translateY(0px);
5935
+ transform: translateY(0px); }
5936
+ 100% {
5937
+ -webkit-transform: translateY(5px);
5938
+ transform: translateY(5px); } }
5939
+
5940
+ @-webkit-keyframes pa-scroll-horizontal {
5941
+ 0% {
5942
+ -webkit-transform: translateX(0px);
5943
+ transform: translateX(0px); }
5944
+ 100% {
5945
+ -webkit-transform: translateX(5px);
5946
+ transform: translateX(5px); } }
5947
+
5948
+ @keyframes pa-scroll-horizontal {
5949
+ 0% {
5950
+ -webkit-transform: translateX(0px);
5951
+ transform: translateX(0px); }
5952
+ 100% {
5953
+ -webkit-transform: translateX(5px);
5954
+ transform: translateX(5px); } }
5955
+
5956
+ /********* Premium Lottie Animations **********/
5957
+ /**********************************************/
5958
+ .premium-lottie-wrap .premium-lottie-animation {
5959
+ position: relative;
5960
+ -js-display: inline-flex;
5961
+ display: -webkit-inline-box;
5962
+ display: -webkit-inline-flex;
5963
+ display: -moz-inline-box;
5964
+ display: -ms-inline-flexbox;
5965
+ display: inline-flex;
5966
+ -webkit-transition: all 0.3s ease-in-out;
5967
+ transition: all 0.3s ease-in-out; }
5968
+ .premium-lottie-wrap .premium-lottie-animation a {
5969
+ position: absolute;
5970
+ left: 0;
5971
+ top: 0;
5972
+ width: 100%;
5973
+ height: 100%; }
5974
+
5975
+ /**************** Premium Bullet List ***************/
5976
+ /****************************************************/
5977
+ .premium-icon-list-box {
5978
+ -js-display: flex;
5979
+ display: -webkit-box;
5980
+ display: -webkit-flex;
5981
+ display: -moz-box;
5982
+ display: -ms-flexbox;
5983
+ display: flex;
5984
+ -webkit-flex-wrap: wrap;
5985
+ -ms-flex-wrap: wrap;
5986
+ flex-wrap: wrap;
5987
+ -webkit-box-orient: vertical;
5988
+ -webkit-box-direction: normal;
5989
+ -webkit-flex-direction: column;
5990
+ -moz-box-orient: vertical;
5991
+ -moz-box-direction: normal;
5992
+ -ms-flex-direction: column;
5993
+ flex-direction: column; }
5994
+ .premium-icon-list-box .premium-icon-list-content-grow-lc {
5995
+ -webkit-transform-origin: left center;
5996
+ -ms-transform-origin: left center;
5997
+ transform-origin: left center; }
5998
+ .premium-icon-list-box .premium-icon-list-content-grow-rc {
5999
+ -webkit-transform-origin: right center;
6000
+ -ms-transform-origin: right center;
6001
+ transform-origin: right center; }
6002
+ .premium-icon-list-box .premium-icon-list-content-grow-cc {
6003
+ -webkit-transform-origin: center center;
6004
+ -ms-transform-origin: center center;
6005
+ transform-origin: center center; }
6006
+
6007
+ .premium-icon-list-content {
6008
+ -js-display: flex;
6009
+ display: -webkit-box;
6010
+ display: -webkit-flex;
6011
+ display: -moz-box;
6012
+ display: -ms-flexbox;
6013
+ display: flex;
6014
+ -webkit-transition: all 0.3s ease-in-out;
6015
+ transition: all 0.3s ease-in-out;
6016
+ width: auto;
6017
+ position: relative; }
6018
+ .premium-icon-list-content .premium-icon-list-text span,
6019
+ .premium-icon-list-content .premium-icon-list-wrapper {
6020
+ display: inline-block;
6021
+ -webkit-align-self: center;
6022
+ -ms-flex-item-align: center;
6023
+ align-self: center;
6024
+ -webkit-transition: all 0.3s ease-in-out;
6025
+ transition: all 0.3s ease-in-out; }
6026
+ .premium-icon-list-content .premium-icon-list-text span {
6027
+ margin: 0 5px; }
6028
+ .premium-icon-list-content .premium-icon-list-icon-text p {
6029
+ font-size: 18px;
6030
+ background-color: #eee;
6031
+ padding: 1px 5px;
6032
+ -webkit-border-radius: 2px;
6033
+ border-radius: 2px; }
6034
+ .premium-icon-list-content .premium-icon-list-text span,
6035
+ .premium-icon-list-content .premium-icon-list-icon-text p,
6036
+ .premium-icon-list-content .premium-icon-list-wrapper img,
6037
+ .premium-icon-list-content .premium-icon-list-wrapper svg,
6038
+ .premium-icon-list-content .premium-icon-list-wrapper i {
6039
+ -webkit-transition: all 0.3s ease-in-out;
6040
+ transition: all 0.3s ease-in-out; }
6041
+ .premium-icon-list-content .premium-icon-list-wrapper {
6042
+ position: relative;
6043
+ line-height: 0; }
6044
+ .premium-icon-list-content .premium-icon-list-wrapper img,
6045
+ .premium-icon-list-content .premium-icon-list-wrapper .premium-lottie-animation svg {
6046
+ width: 30px !important;
6047
+ height: 30px !important;
6048
+ position: relative;
6049
+ z-index: 500; }
6050
+ .premium-icon-list-content .premium-icon-list-wrapper i,
6051
+ .premium-icon-list-content .premium-icon-list-wrapper .premium-icon-list-icon-text {
6052
+ position: relative;
6053
+ z-index: 500; }
6054
+ .premium-icon-list-content .premium-icon-list-link {
6055
+ position: absolute;
6056
+ top: 0;
6057
+ left: 0;
6058
+ width: 100%;
6059
+ height: 100%;
6060
+ z-index: 1000; }
6061
+
6062
+ .premium-icon-list-content:not(:last-of-type) .premium-icon-list-connector {
6063
+ width: 100%;
6064
+ height: 100%;
6065
+ position: absolute;
6066
+ top: 0.5em;
6067
+ z-index: 100;
6068
+ -js-display: flex;
6069
+ display: -webkit-box;
6070
+ display: -webkit-flex;
6071
+ display: -moz-box;
6072
+ display: -ms-flexbox;
6073
+ display: flex;
6074
+ -webkit-box-pack: center;
6075
+ -webkit-justify-content: center;
6076
+ -moz-box-pack: center;
6077
+ -ms-flex-pack: center;
6078
+ justify-content: center; }
6079
+ .premium-icon-list-content:not(:last-of-type) .premium-icon-list-connector .premium-icon-connector-content:after {
6080
+ content: "";
6081
+ border-right-width: 1px;
6082
+ border-right-style: solid;
6083
+ border-color: #333333;
6084
+ display: block;
6085
+ height: 100%; }
6086
+
6087
+ li.premium-icon-list-content.premium-icon-list-content-inline {
6088
+ -webkit-align-self: center;
6089
+ -ms-flex-item-align: center;
6090
+ align-self: center;
6091
+ z-index: 2; }
6092
+
6093
+ li.premium-icon-list-content.premium-icon-list-content-inline:not(:first-child) {
6094
+ margin: 0 3px; }
6095
+
6096
+ li.premium-icon-list-content.premium-icon-list-content-inline:first-child {
6097
+ margin: 0 3px 0 0; }
6098
+
6099
+ .premium-icon-list-divider:not(:last-child) {
6100
+ width: 100%;
6101
+ -webkit-box-flex: 0;
6102
+ -webkit-flex: 0 0 100%;
6103
+ -moz-box-flex: 0;
6104
+ -ms-flex: 0 0 100%;
6105
+ flex: 0 0 100%;
6106
+ overflow: hidden; }
6107
+
6108
+ .premium-icon-list-divider:not(:last-child):after {
6109
+ content: "";
6110
+ display: block;
6111
+ border-top-style: solid;
6112
+ border-top-width: 1px; }
6113
+
6114
+ .premium-icon-list-divider-inline:not(:last-child) {
6115
+ float: right;
6116
+ display: inline-block;
6117
+ position: relative;
6118
+ height: 100%;
6119
+ overflow: hidden;
6120
+ -webkit-align-self: center;
6121
+ -ms-flex-item-align: center;
6122
+ align-self: center;
6123
+ margin: 0 3px; }
6124
+
6125
+ .premium-icon-list-divider-inline:not(:last-child):after {
6126
+ content: "";
6127
+ display: block;
6128
+ border-left-width: 1px;
6129
+ height: 33px;
6130
+ border-left-style: solid; }
6131
+
6132
+ .premium-icon-list-icon-text {
6133
+ line-height: 1.5; }
6134
+
6135
+ .premium-icon-list-icon-text p,
6136
+ ul.premium-icon-list-box,
6137
+ li.premium-icon-list-content {
6138
+ margin: 0; }
6139
+
6140
+ .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-wrapper i,
6141
+ .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-text span,
6142
+ .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-icon-text p {
6143
+ color: transparent !important;
6144
+ text-shadow: 0 0 3px #aaa; }
6145
+
6146
+ .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-connector-content,
6147
+ .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-wrapper .premium-lottie-animation svg,
6148
+ .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-wrapper img,
6149
+ .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-badge {
6150
+ -webkit-filter: blur(3px);
6151
+ filter: blur(3px); }
6152
+
6153
+ .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-wrapper i,
6154
+ .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-text span,
6155
+ .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-icon-text p {
6156
+ color: #aaa !important;
6157
+ text-shadow: 0 0px 0 transparent; }
6158
+
6159
+ .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-connector-content,
6160
+ .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-wrapper .premium-lottie-animation svg,
6161
+ .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-wrapper img,
6162
+ .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-badge {
6163
+ -webkit-filter: none;
6164
+ filter: none; }
6165
+
6166
+ .premium-icon-list-content .premium-icon-list-badge {
6167
+ font-size: 11px;
6168
+ top: auto;
6169
+ min-width: -webkit-max-content;
6170
+ min-width: -moz-max-content;
6171
+ min-width: max-content;
6172
+ height: -webkit-fit-content;
6173
+ height: -moz-fit-content;
6174
+ height: fit-content; }
6175
+
6176
+ .premium-icon-list-content .premium-icon-list-icon-text p {
6177
+ font-size: 13px; }
6178
+
6179
+ .premium-icon-list-gradient-effect[data-text] {
6180
+ display: inline-block;
6181
+ position: relative;
6182
+ text-decoration: none; }
6183
+
6184
+ .premium-icon-list-gradient-effect[data-text]::before {
6185
+ content: attr(data-text);
6186
+ position: absolute;
6187
+ z-index: 1;
6188
+ overflow: hidden;
6189
+ -webkit-clip-path: polygon(0 0, 1px 0, 1px 100%, 0 100%);
6190
+ clip-path: polygon(0 0, 1px 0, 1px 100%, 0 100%);
6191
+ -webkit-background-clip: text;
6192
+ background-clip: text;
6193
+ -webkit-text-fill-color: transparent;
6194
+ -webkit-transition: all 0.4s ease;
6195
+ transition: all 0.4s ease; }
6196
+
6197
+ .premium-icon-list-content:hover .premium-icon-list-gradient-effect[data-text]::before,
6198
+ .premium-icon-list-content:focus .premium-icon-list-gradient-effect[data-text]::before {
6199
+ -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
6200
+ clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
6201
+
6202
+ ul[data-list-animation*="animated-"] .premium-icon-list-divider,
6203
+ ul[data-list-animation*="animated-"] .premium-icon-list-content,
6204
+ ul[data-list-animation*="animated-"] .premium-icon-list-divider-inline {
6205
+ opacity: 0; }
6206
+
6207
+ .premium-icon-list-content-grow-effect:hover {
6208
+ -webkit-transform: scale(1.07);
6209
+ -ms-transform: scale(1.07);
6210
+ transform: scale(1.07); }
assets/frontend/css/prettyphoto-rtl.css CHANGED
@@ -1,997 +1,997 @@
1
- /* ------------------------------------------------------------------------
2
- This you can edit.
3
- ------------------------------------------------------------------------- */
4
-
5
- /* ----------------------------------
6
- Default Theme
7
- ----------------------------------- */
8
-
9
- div.pp_default .pp_top,
10
- div.pp_default .pp_top .pp_middle,
11
- div.pp_default .pp_top .pp_left,
12
- div.pp_default .pp_top .pp_right,
13
- div.pp_default .pp_bottom,
14
- div.pp_default .pp_bottom .pp_left,
15
- div.pp_default .pp_bottom .pp_middle,
16
- div.pp_default .pp_bottom .pp_right {
17
- height: 13px;
18
- }
19
-
20
- div.pp_default .pp_top .pp_left {
21
- background: url(../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat;
22
- } /* Top left corner */
23
- div.pp_default .pp_top .pp_middle {
24
- background: url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x;
25
- } /* Top pattern/color */
26
- div.pp_default .pp_top .pp_right {
27
- background: url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat;
28
- } /* Top right corner */
29
-
30
- div.pp_default .pp_content .ppt {
31
- color: #f8f8f8;
32
- }
33
- div.pp_default .pp_content_container .pp_left {
34
- background: url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;
35
- padding-left: 13px;
36
- }
37
- div.pp_default .pp_content_container .pp_right {
38
- background: url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y;
39
- padding-right: 13px;
40
- }
41
- div.pp_default .pp_content {
42
- background-color: #fff;
43
- } /* Content background */
44
- div.pp_default .pp_next:hover {
45
- background: url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat;
46
- cursor: pointer;
47
- } /* Next button */
48
- div.pp_default .pp_previous:hover {
49
- background: url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;
50
- cursor: pointer;
51
- } /* Previous button */
52
- div.pp_default .pp_expand {
53
- background: url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;
54
- cursor: pointer;
55
- width: 28px;
56
- height: 28px;
57
- } /* Expand button */
58
- div.pp_default .pp_expand:hover {
59
- background: url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;
60
- cursor: pointer;
61
- } /* Expand button hover */
62
- div.pp_default .pp_contract {
63
- background: url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;
64
- cursor: pointer;
65
- width: 28px;
66
- height: 28px;
67
- } /* Contract button */
68
- div.pp_default .pp_contract:hover {
69
- background: url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;
70
- cursor: pointer;
71
- } /* Contract button hover */
72
- div.pp_default .pp_close {
73
- width: 30px;
74
- height: 30px;
75
- background: url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;
76
- cursor: pointer;
77
- } /* Close button */
78
- div.pp_default #pp_full_res .pp_inline {
79
- color: #000;
80
- }
81
- div.pp_default .pp_gallery ul li a {
82
- background: url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;
83
- border: 1px solid #aaa;
84
- }
85
- div.pp_default .pp_gallery ul li a:hover,
86
- div.pp_default .pp_gallery ul li.selected a {
87
- border-color: #fff;
88
- }
89
- div.pp_default .pp_social {
90
- margin-top: 7px;
91
- }
92
-
93
- div.pp_default .pp_gallery a.pp_arrow_previous,
94
- div.pp_default .pp_gallery a.pp_arrow_next {
95
- position: static;
96
- left: auto;
97
- }
98
- div.pp_default .pp_nav .pp_play,
99
- div.pp_default .pp_nav .pp_pause {
100
- background: url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;
101
- height: 30px;
102
- width: 30px;
103
- }
104
- div.pp_default .pp_nav .pp_pause {
105
- background-position: -51px -29px;
106
- }
107
- div.pp_default .pp_details {
108
- position: relative;
109
- }
110
- div.pp_default a.pp_arrow_previous,
111
- div.pp_default a.pp_arrow_next {
112
- background: url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;
113
- height: 20px;
114
- margin: 4px 0 0 0;
115
- width: 20px;
116
- }
117
- div.pp_default a.pp_arrow_next {
118
- right: 52px;
119
- background-position: -82px -3px;
120
- } /* The next arrow in the bottom nav */
121
- div.pp_default .pp_content_container .pp_details {
122
- margin-top: 5px;
123
- }
124
- div.pp_default .pp_nav {
125
- clear: none;
126
- height: 30px;
127
- width: 110px;
128
- position: relative;
129
- }
130
- div.pp_default .pp_nav .currentTextHolder {
131
- font-family: Georgia;
132
- font-style: italic;
133
- color: #999;
134
- font-size: 11px;
135
- left: 75px;
136
- line-height: 25px;
137
- margin: 0;
138
- padding: 0 0 0 10px;
139
- position: absolute;
140
- top: 2px;
141
- }
142
-
143
- div.pp_default .pp_close:hover,
144
- div.pp_default .pp_nav .pp_play:hover,
145
- div.pp_default .pp_nav .pp_pause:hover,
146
- div.pp_default .pp_arrow_next:hover,
147
- div.pp_default .pp_arrow_previous:hover {
148
- opacity: 0.7;
149
- }
150
-
151
- div.pp_default .pp_description {
152
- font-size: 11px;
153
- font-weight: bold;
154
- line-height: 14px;
155
- margin: 5px 0 5px 50px;
156
- }
157
-
158
- div.pp_default .pp_bottom .pp_left {
159
- background: url(../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat;
160
- } /* Bottom left corner */
161
- div.pp_default .pp_bottom .pp_middle {
162
- background: url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x;
163
- } /* Bottom pattern/color */
164
- div.pp_default .pp_bottom .pp_right {
165
- background: url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat;
166
- } /* Bottom right corner */
167
-
168
- div.pp_default .pp_loaderIcon {
169
- background: url(../images/prettyPhoto/default/loader.gif) center center no-repeat;
170
- } /* Loader icon */
171
-
172
- /* ----------------------------------
173
- Light Rounded Theme
174
- ----------------------------------- */
175
-
176
- div.light_rounded .pp_top .pp_left {
177
- background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat;
178
- } /* Top left corner */
179
- div.light_rounded .pp_top .pp_middle {
180
- background: #fff;
181
- } /* Top pattern/color */
182
- div.light_rounded .pp_top .pp_right {
183
- background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat;
184
- } /* Top right corner */
185
-
186
- div.light_rounded .pp_content .ppt {
187
- color: #000;
188
- }
189
- div.light_rounded .pp_content_container .pp_left,
190
- div.light_rounded .pp_content_container .pp_right {
191
- background: #fff;
192
- }
193
- div.light_rounded .pp_content {
194
- background-color: #fff;
195
- } /* Content background */
196
- div.light_rounded .pp_next:hover {
197
- background: url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;
198
- cursor: pointer;
199
- } /* Next button */
200
- div.light_rounded .pp_previous:hover {
201
- background: url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;
202
- cursor: pointer;
203
- } /* Previous button */
204
- div.light_rounded .pp_expand {
205
- background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;
206
- cursor: pointer;
207
- } /* Expand button */
208
- div.light_rounded .pp_expand:hover {
209
- background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;
210
- cursor: pointer;
211
- } /* Expand button hover */
212
- div.light_rounded .pp_contract {
213
- background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;
214
- cursor: pointer;
215
- } /* Contract button */
216
- div.light_rounded .pp_contract:hover {
217
- background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;
218
- cursor: pointer;
219
- } /* Contract button hover */
220
- div.light_rounded .pp_close {
221
- width: 75px;
222
- height: 22px;
223
- background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;
224
- cursor: pointer;
225
- } /* Close button */
226
- div.light_rounded .pp_details {
227
- position: relative;
228
- }
229
- div.light_rounded .pp_description {
230
- margin-left: 85px;
231
- }
232
- div.light_rounded #pp_full_res .pp_inline {
233
- color: #000;
234
- }
235
- div.light_rounded .pp_gallery a.pp_arrow_previous,
236
- div.light_rounded .pp_gallery a.pp_arrow_next {
237
- margin-top: 12px !important;
238
- }
239
- div.light_rounded .pp_nav .pp_play {
240
- background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;
241
- height: 15px;
242
- width: 14px;
243
- }
244
- div.light_rounded .pp_nav .pp_pause {
245
- background: url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;
246
- height: 15px;
247
- width: 14px;
248
- }
249
-
250
- div.light_rounded .pp_arrow_previous {
251
- background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat;
252
- } /* The previous arrow in the bottom nav */
253
- div.light_rounded .pp_arrow_previous.disabled {
254
- background-position: 100% -87px;
255
- cursor: default;
256
- }
257
- div.light_rounded .pp_arrow_next {
258
- background: url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat;
259
- } /* The next arrow in the bottom nav */
260
- div.light_rounded .pp_arrow_next.disabled {
261
- background-position: -22px -87px;
262
- cursor: default;
263
- }
264
-
265
- div.light_rounded .pp_bottom .pp_left {
266
- background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat;
267
- } /* Bottom left corner */
268
- div.light_rounded .pp_bottom .pp_middle {
269
- background: #fff;
270
- } /* Bottom pattern/color */
271
- div.light_rounded .pp_bottom .pp_right {
272
- background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat;
273
- } /* Bottom right corner */
274
-
275
- div.light_rounded .pp_loaderIcon {
276
- background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat;
277
- } /* Loader icon */
278
-
279
- /* ----------------------------------
280
- Dark Rounded Theme
281
- ----------------------------------- */
282
-
283
- div.dark_rounded .pp_top .pp_left {
284
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat;
285
- } /* Top left corner */
286
- div.dark_rounded .pp_top .pp_middle {
287
- background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;
288
- } /* Top pattern/color */
289
- div.dark_rounded .pp_top .pp_right {
290
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat;
291
- } /* Top right corner */
292
-
293
- div.dark_rounded .pp_content_container .pp_left {
294
- background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y;
295
- } /* Left Content background */
296
- div.dark_rounded .pp_content_container .pp_right {
297
- background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y;
298
- } /* Right Content background */
299
- div.dark_rounded .pp_content {
300
- background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;
301
- } /* Content background */
302
- div.dark_rounded .pp_next:hover {
303
- background: url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;
304
- cursor: pointer;
305
- } /* Next button */
306
- div.dark_rounded .pp_previous:hover {
307
- background: url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;
308
- cursor: pointer;
309
- } /* Previous button */
310
- div.dark_rounded .pp_expand {
311
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;
312
- cursor: pointer;
313
- } /* Expand button */
314
- div.dark_rounded .pp_expand:hover {
315
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;
316
- cursor: pointer;
317
- } /* Expand button hover */
318
- div.dark_rounded .pp_contract {
319
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;
320
- cursor: pointer;
321
- } /* Contract button */
322
- div.dark_rounded .pp_contract:hover {
323
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;
324
- cursor: pointer;
325
- } /* Contract button hover */
326
- div.dark_rounded .pp_close {
327
- width: 75px;
328
- height: 22px;
329
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;
330
- cursor: pointer;
331
- } /* Close button */
332
- div.dark_rounded .pp_details {
333
- position: relative;
334
- }
335
- div.dark_rounded .pp_description {
336
- margin-left: 85px;
337
- }
338
- div.dark_rounded .currentTextHolder {
339
- color: #c4c4c4;
340
- }
341
- div.dark_rounded .pp_description {
342
- color: #fff;
343
- }
344
- div.dark_rounded #pp_full_res .pp_inline {
345
- color: #fff;
346
- }
347
- div.dark_rounded .pp_gallery a.pp_arrow_previous,
348
- div.dark_rounded .pp_gallery a.pp_arrow_next {
349
- margin-top: 12px !important;
350
- }
351
- div.dark_rounded .pp_nav .pp_play {
352
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;
353
- height: 15px;
354
- width: 14px;
355
- }
356
- div.dark_rounded .pp_nav .pp_pause {
357
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;
358
- height: 15px;
359
- width: 14px;
360
- }
361
-
362
- div.dark_rounded .pp_arrow_previous {
363
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat;
364
- } /* The previous arrow in the bottom nav */
365
- div.dark_rounded .pp_arrow_previous.disabled {
366
- background-position: 100% -87px;
367
- cursor: default;
368
- }
369
- div.dark_rounded .pp_arrow_next {
370
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat;
371
- } /* The next arrow in the bottom nav */
372
- div.dark_rounded .pp_arrow_next.disabled {
373
- background-position: -22px -87px;
374
- cursor: default;
375
- }
376
-
377
- div.dark_rounded .pp_bottom .pp_left {
378
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat;
379
- } /* Bottom left corner */
380
- div.dark_rounded .pp_bottom .pp_middle {
381
- background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;
382
- } /* Bottom pattern/color */
383
- div.dark_rounded .pp_bottom .pp_right {
384
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat;
385
- } /* Bottom right corner */
386
-
387
- div.dark_rounded .pp_loaderIcon {
388
- background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat;
389
- } /* Loader icon */
390
-
391
- /* ----------------------------------
392
- Dark Square Theme
393
- ----------------------------------- */
394
-
395
- div.dark_square .pp_left,
396
- div.dark_square .pp_middle,
397
- div.dark_square .pp_right,
398
- div.dark_square .pp_content {
399
- background: #000;
400
- }
401
-
402
- div.dark_square .currentTextHolder {
403
- color: #c4c4c4;
404
- }
405
- div.dark_square .pp_description {
406
- color: #fff;
407
- }
408
- div.dark_square .pp_loaderIcon {
409
- background: url(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat;
410
- } /* Loader icon */
411
-
412
- div.dark_square .pp_expand {
413
- background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;
414
- cursor: pointer;
415
- } /* Expand button */
416
- div.dark_square .pp_expand:hover {
417
- background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;
418
- cursor: pointer;
419
- } /* Expand button hover */
420
- div.dark_square .pp_contract {
421
- background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;
422
- cursor: pointer;
423
- } /* Contract button */
424
- div.dark_square .pp_contract:hover {
425
- background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;
426
- cursor: pointer;
427
- } /* Contract button hover */
428
- div.dark_square .pp_close {
429
- width: 75px;
430
- height: 22px;
431
- background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;
432
- cursor: pointer;
433
- } /* Close button */
434
- div.dark_square .pp_details {
435
- position: relative;
436
- }
437
- div.dark_square .pp_description {
438
- margin: 0 0 0 85px;
439
- }
440
- div.dark_square #pp_full_res .pp_inline {
441
- color: #fff;
442
- }
443
- div.dark_square .pp_gallery a.pp_arrow_previous,
444
- div.dark_square .pp_gallery a.pp_arrow_next {
445
- margin-top: 12px !important;
446
- }
447
- div.dark_square .pp_nav {
448
- clear: none;
449
- }
450
- div.dark_square .pp_nav .pp_play {
451
- background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;
452
- height: 15px;
453
- width: 14px;
454
- }
455
- div.dark_square .pp_nav .pp_pause {
456
- background: url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;
457
- height: 15px;
458
- width: 14px;
459
- }
460
-
461
- div.dark_square .pp_arrow_previous {
462
- background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat;
463
- } /* The previous arrow in the bottom nav */
464
- div.dark_square .pp_arrow_previous.disabled {
465
- background-position: 100% -87px;
466
- cursor: default;
467
- }
468
- div.dark_square .pp_arrow_next {
469
- background: url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat;
470
- } /* The next arrow in the bottom nav */
471
- div.dark_square .pp_arrow_next.disabled {
472
- background-position: -22px -87px;
473
- cursor: default;
474
- }
475
-
476
- div.dark_square .pp_next:hover {
477
- background: url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;
478
- cursor: pointer;
479
- } /* Next button */
480
- div.dark_square .pp_previous:hover {
481
- background: url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;
482
- cursor: pointer;
483
- } /* Previous button */
484
-
485
- /* ----------------------------------
486
- Light Square Theme
487
- ----------------------------------- */
488
-
489
- div.light_square .pp_left,
490
- div.light_square .pp_middle,
491
- div.light_square .pp_right,
492
- div.light_square .pp_content {
493
- background: #fff;
494
- }
495
-
496
- div.light_square .pp_content .ppt {
497
- color: #000;
498
- }
499
- div.light_square .pp_expand {
500
- background: url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;
501
- cursor: pointer;
502
- } /* Expand button */
503
- div.light_square .pp_expand:hover {
504
- background: url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;
505
- cursor: pointer;
506
- } /* Expand button hover */
507
- div.light_square .pp_contract {
508
- background: url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;
509
- cursor: pointer;
510
- } /* Contract button */
511
- div.light_square .pp_contract:hover {
512
- background: url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;
513
- cursor: pointer;
514
- } /* Contract button hover */
515
- div.light_square .pp_close {
516
- width: 75px;
517
- height: 22px;
518
- background: url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;
519
- cursor: pointer;
520
- } /* Close button */
521
- div.light_square .pp_details {
522
- position: relative;
523
- }
524
- div.light_square .pp_description {
525
- margin-left: 85px;
526
- }
527
- div.light_square #pp_full_res .pp_inline {
528
- color: #000;
529
- }
530
- div.light_square .pp_gallery a.pp_arrow_previous,
531
- div.light_square .pp_gallery a.pp_arrow_next {
532
- margin-top: 12px !important;
533
- }
534
- div.light_square .pp_nav .pp_play {
535
- background: url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;
536
- height: 15px;
537
- width: 14px;
538
- }
539
- div.light_square .pp_nav .pp_pause {
540
- background: url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;
541
- height: 15px;
542
- width: 14px;
543
- }
544
-
545
- div.light_square .pp_arrow_previous {
546
- background: url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat;
547
- } /* The previous arrow in the bottom nav */
548
- div.light_square .pp_arrow_previous.disabled {
549
- background-position: 100% -87px;
550
- cursor: default;
551
- }
552
- div.light_square .pp_arrow_next {
553
- background: url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat;
554
- } /* The next arrow in the bottom nav */
555
- div.light_square .pp_arrow_next.disabled {
556
- background-position: -22px -87px;
557
- cursor: default;
558
- }
559
-
560
- div.light_square .pp_next:hover {
561
- background: url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;
562
- cursor: pointer;
563
- } /* Next button */
564
- div.light_square .pp_previous:hover {
565
- background: url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;
566
- cursor: pointer;
567
- } /* Previous button */
568
-
569
- div.light_square .pp_loaderIcon {
570
- background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat;
571
- } /* Loader icon */
572
-
573
- /* ----------------------------------
574
- Facebook style Theme
575
- ----------------------------------- */
576
-
577
- div.facebook .pp_top .pp_left {
578
- background: url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat;
579
- } /* Top left corner */
580
- div.facebook .pp_top .pp_middle {
581
- background: url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x;
582
- } /* Top pattern/color */
583
- div.facebook .pp_top .pp_right {
584
- background: url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat;
585
- } /* Top right corner */
586
-
587
- div.facebook .pp_content .ppt {
588
- color: #000;
589
- }
590
- div.facebook .pp_content_container .pp_left {
591
- background: url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y;
592
- } /* Content background */
593
- div.facebook .pp_content_container .pp_right {
594
- background: url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y;
595
- } /* Content background */
596
- div.facebook .pp_content {
597
- background: #fff;
598
- } /* Content background */
599
- div.facebook .pp_expand {
600
- background: url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;
601
- cursor: pointer;
602
- } /* Expand button */
603
- div.facebook .pp_expand:hover {
604
- background: url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;
605
- cursor: pointer;
606
- } /* Expand button hover */
607
- div.facebook .pp_contract {
608
- background: url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;
609
- cursor: pointer;
610
- } /* Contract button */
611
- div.facebook .pp_contract:hover {
612
- background: url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;
613
- cursor: pointer;
614
- } /* Contract button hover */
615
- div.facebook .pp_close {
616
- width: 22px;
617
- height: 22px;
618
- background: url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;
619
- cursor: pointer;
620
- } /* Close button */
621
- div.facebook .pp_details {
622
- position: relative;
623
- }
624
- div.facebook .pp_description {
625
- margin: 0 0 0 37px;
626
- }
627
- div.facebook #pp_full_res .pp_inline {
628
- color: #000;
629
- }
630
- div.facebook .pp_loaderIcon {
631
- background: url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat;
632
- } /* Loader icon */
633
-
634
- div.facebook .pp_arrow_previous {
635
- background: url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;
636
- height: 22px;
637
- margin-top: 0;
638
- width: 22px;
639
- } /* The previous arrow in the bottom nav */
640
- div.facebook .pp_arrow_previous.disabled {
641
- background-position: 100% -96px;
642
- cursor: default;
643
- }
644
- div.facebook .pp_arrow_next {
645
- background: url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;
646
- height: 22px;
647
- margin-top: 0;
648
- width: 22px;
649
- } /* The next arrow in the bottom nav */
650
- div.facebook .pp_arrow_next.disabled {
651
- background-position: -32px -96px;
652
- cursor: default;
653
- }
654
- div.facebook .pp_nav {
655
- margin-top: 0;
656
- }
657
- div.facebook .pp_nav p {
658
- font-size: 15px;
659
- padding: 0 4px 0 3px;
660
- }
661
- div.facebook .pp_nav .pp_play {
662
- background: url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;
663
- height: 22px;
664
- width: 22px;
665
- }
666
- div.facebook .pp_nav .pp_pause {
667
- background: url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;
668
- height: 22px;
669
- width: 22px;
670
- }
671
-
672
- div.facebook .pp_next:hover {
673
- background: url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;
674
- cursor: pointer;
675
- } /* Next button */
676
- div.facebook .pp_previous:hover {
677
- background: url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;
678
- cursor: pointer;
679
- } /* Previous button */
680
-
681
- div.facebook .pp_bottom .pp_left {
682
- background: url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat;
683
- } /* Bottom left corner */
684
- div.facebook .pp_bottom .pp_middle {
685
- background: url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x;
686
- } /* Bottom pattern/color */
687
- div.facebook .pp_bottom .pp_right {
688
- background: url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat;
689
- } /* Bottom right corner */
690
-
691
- /* ------------------------------------------------------------------------
692
- DO NOT CHANGE
693
- ------------------------------------------------------------------------- */
694
-
695
- div.pp_pic_holder a:focus {
696
- outline: none;
697
- }
698
-
699
- div.pp_overlay {
700
- background: #000;
701
- display: none;
702
- right: 0;
703
- position: absolute;
704
- top: 0;
705
- width: 100%;
706
- z-index: 9500;
707
- }
708
-
709
- div.pp_pic_holder {
710
- display: none;
711
- position: absolute;
712
- width: 100px;
713
- z-index: 10000;
714
- }
715
-
716
- .pp_top {
717
- height: 20px;
718
- position: relative;
719
- }
720
- * html .pp_top {
721
- padding: 0 20px;
722
- }
723
- .pp_top .pp_left {
724
- height: 20px;
725
- left: 0;
726
- position: absolute;
727
- width: 20px;
728
- }
729
- .pp_top .pp_middle {
730
- height: 20px;
731
- right: 20px;
732
- position: absolute;
733
- left: 20px;
734
- }
735
- * html .pp_top .pp_middle {
736
- right: 0;
737
- position: static;
738
- }
739
- .pp_top .pp_right {
740
- height: 20px;
741
- left: auto;
742
- position: absolute;
743
- right: 0;
744
- top: 0;
745
- width: 20px;
746
- }
747
-
748
- .pp_content {
749
- height: 40px;
750
- min-width: 40px;
751
- }
752
- * html .pp_content {
753
- width: 40px;
754
- }
755
-
756
- .pp_fade {
757
- display: none;
758
- }
759
-
760
- .pp_content_container {
761
- position: relative;
762
- text-align: right;
763
- width: 100%;
764
- }
765
- .pp_content_container .pp_left {
766
- padding-left: 20px;
767
- }
768
- .pp_content_container .pp_right {
769
- padding-right: 20px;
770
- }
771
-
772
- .pp_content_container .pp_details {
773
- float: right;
774
- margin: 10px 0 2px 0;
775
- }
776
- .pp_description {
777
- display: none;
778
- margin: 0;
779
- }
780
-
781
- .pp_social {
782
- float: right;
783
- margin: 0;
784
- }
785
- .pp_social .facebook {
786
- float: right;
787
- margin-right: 5px;
788
- width: 55px;
789
- overflow: hidden;
790
- }
791
- .pp_social .twitter {
792
- float: right;
793
- }
794
-
795
- .pp_nav {
796
- clear: left;
797
- float: right;
798
- margin: 3px 0 0 10px;
799
- }
800
-
801
- .pp_nav p {
802
- float: right;
803
- margin: 2px 4px;
804
- white-space: nowrap;
805
- }
806
-
807
- .pp_nav .pp_play,
808
- .pp_nav .pp_pause {
809
- float: left;
810
- margin-right: 4px;
811
- text-indent: 10000px;
812
- }
813
-
814
- a.pp_arrow_previous,
815
- a.pp_arrow_next {
816
- display: block;
817
- float: left;
818
- height: 15px;
819
- margin-top: 3px;
820
- overflow: hidden;
821
- text-indent: 10000px;
822
- width: 14px;
823
- }
824
-
825
- .pp_hoverContainer {
826
- position: absolute;
827
- top: 0;
828
- width: 100%;
829
- z-index: 2000;
830
- }
831
-
832
- .pp_gallery {
833
- display: none;
834
- left: 50%;
835
- margin-top: -50px;
836
- position: absolute;
837
- z-index: 10000;
838
- direction: ltr;
839
- }
840
-
841
- .pp_gallery div {
842
- float: left;
843
- overflow: hidden;
844
- position: relative;
845
- }
846
-
847
- .pp_gallery ul {
848
- float: left;
849
- height: 35px;
850
- margin: 0 0 0 5px;
851
- padding: 0;
852
- position: relative;
853
- white-space: nowrap;
854
- }
855
-
856
- .pp_gallery ul a {
857
- border: 1px #000 solid;
858
- border: 1px rgba(0, 0, 0, 0.5) solid;
859
- display: block;
860
- float: left;
861
- height: 33px;
862
- overflow: hidden;
863
- }
864
-
865
- .pp_gallery ul a:hover,
866
- .pp_gallery li.selected a {
867
- border-color: #fff;
868
- }
869
-
870
- .pp_gallery ul a img {
871
- border: 0;
872
- }
873
-
874
- .pp_gallery li {
875
- display: block;
876
- float: left;
877
- margin: 0 5px 0 0;
878
- padding: 0;
879
- }
880
-
881
- .pp_gallery li.default a {
882
- background: url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
883
- display: block;
884
- height: 33px;
885
- width: 50px;
886
- }
887
-
888
- .pp_gallery li.default a img {
889
- display: none;
890
- }
891
-
892
- .pp_gallery .pp_arrow_previous,
893
- .pp_gallery .pp_arrow_next {
894
- margin-top: 7px !important;
895
- }
896
- a.pp_next {
897
- background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
898
- display: block;
899
- float: right;
900
- height: 100%;
901
- text-indent: 10000px;
902
- width: 49%;
903
- }
904
- a.pp_previous {
905
- background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
906
- display: block;
907
- float: left;
908
- height: 100%;
909
- text-indent: 10000px;
910
- width: 49%;
911
- }
912
-
913
- a.pp_expand,
914
- a.pp_contract {
915
- cursor: pointer;
916
- display: none;
917
- height: 20px;
918
- position: absolute;
919
- left: 30px;
920
- text-indent: 10000px;
921
- top: 10px;
922
- width: 20px;
923
- z-index: 20000;
924
- }
925
-
926
- a.pp_close {
927
- position: absolute;
928
- left: 0;
929
- top: 0;
930
- display: block;
931
- line-height: 22px;
932
- text-indent: 10000px;
933
- }
934
-
935
- .pp_bottom {
936
- height: 20px;
937
- position: relative;
938
- }
939
- * html .pp_bottom {
940
- padding: 0 20px;
941
- }
942
- .pp_bottom .pp_left {
943
- height: 20px;
944
- left: 0;
945
- position: absolute;
946
- width: 20px;
947
- }
948
- .pp_bottom .pp_middle {
949
- height: 20px;
950
- right: 20px;
951
- position: absolute;
952
- left: 20px;
953
- }
954
- * html .pp_bottom .pp_middle {
955
- right: 0;
956
- position: static;
957
- }
958
- .pp_bottom .pp_right {
959
- height: 20px;
960
- left: auto;
961
- position: absolute;
962
- right: 0;
963
- top: 0;
964
- width: 20px;
965
- }
966
-
967
- .pp_loaderIcon {
968
- display: block;
969
- height: 24px;
970
- right: 50%;
971
- margin: -12px -12px 0 0;
972
- position: absolute;
973
- top: 50%;
974
- width: 24px;
975
- }
976
-
977
- #pp_full_res {
978
- line-height: 1 !important;
979
- }
980
-
981
- #pp_full_res .pp_inline {
982
- text-align: right;
983
- }
984
-
985
- #pp_full_res .pp_inline p {
986
- margin: 0 0 15px 0;
987
- }
988
-
989
- div.ppt {
990
- color: #fff;
991
- display: none;
992
- font-size: 17px;
993
- margin: 0 15px 5px 0;
994
- z-index: 9999;
995
- text-align: right;
996
- width: 100% !important;
997
- }
1
+ /* ------------------------------------------------------------------------
2
+ This you can edit.
3
+ ------------------------------------------------------------------------- */
4
+
5
+ /* ----------------------------------
6
+ Default Theme
7
+ ----------------------------------- */
8
+
9
+ div.pp_default .pp_top,
10
+ div.pp_default .pp_top .pp_middle,
11
+ div.pp_default .pp_top .pp_left,
12
+ div.pp_default .pp_top .pp_right,
13
+ div.pp_default .pp_bottom,
14
+ div.pp_default .pp_bottom .pp_left,
15
+ div.pp_default .pp_bottom .pp_middle,
16
+ div.pp_default .pp_bottom .pp_right {
17
+ height: 13px;
18
+ }
19
+
20
+ div.pp_default .pp_top .pp_left {
21
+ background: url(../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat;
22
+ } /* Top left corner */
23
+ div.pp_default .pp_top .pp_middle {
24
+ background: url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x;
25
+ } /* Top pattern/color */
26
+ div.pp_default .pp_top .pp_right {
27
+ background: url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat;
28
+ } /* Top right corner */
29
+
30
+ div.pp_default .pp_content .ppt {
31
+ color: #f8f8f8;
32
+ }
33
+ div.pp_default .pp_content_container .pp_left {
34
+ background: url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;
35
+ padding-left: 13px;
36
+ }
37
+ div.pp_default .pp_content_container .pp_right {
38
+ background: url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y;
39
+ padding-right: 13px;
40
+ }
41
+ div.pp_default .pp_content {
42
+ background-color: #fff;
43
+ } /* Content background */
44
+ div.pp_default .pp_next:hover {
45
+ background: url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat;
46
+ cursor: pointer;
47
+ } /* Next button */
48
+ div.pp_default .pp_previous:hover {
49
+ background: url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;
50
+ cursor: pointer;
51
+ } /* Previous button */
52
+ div.pp_default .pp_expand {
53
+ background: url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;
54
+ cursor: pointer;
55
+ width: 28px;
56
+ height: 28px;
57
+ } /* Expand button */
58
+ div.pp_default .pp_expand:hover {
59
+ background: url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;
60
+ cursor: pointer;
61
+ } /* Expand button hover */
62
+ div.pp_default .pp_contract {
63
+ background: url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;
64
+ cursor: pointer;
65
+ width: 28px;
66
+ height: 28px;
67
+ } /* Contract button */
68
+ div.pp_default .pp_contract:hover {
69
+ background: url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;
70
+ cursor: pointer;
71
+ } /* Contract button hover */
72
+ div.pp_default .pp_close {
73
+ width: 30px;
74
+ height: 30px;
75
+ background: url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;
76
+ cursor: pointer;
77
+ } /* Close button */
78
+ div.pp_default #pp_full_res .pp_inline {
79
+ color: #000;
80
+ }
81
+ div.pp_default .pp_gallery ul li a {
82
+ background: url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;
83
+ border: 1px solid #aaa;
84
+ }
85
+ div.pp_default .pp_gallery ul li a:hover,
86
+ div.pp_default .pp_gallery ul li.selected a {
87
+ border-color: #fff;
88
+ }
89
+ div.pp_default .pp_social {
90
+ margin-top: 7px;
91
+ }
92
+
93
+ div.pp_default .pp_gallery a.pp_arrow_previous,
94
+ div.pp_default .pp_gallery a.pp_arrow_next {
95
+ position: static;
96
+ left: auto;
97
+ }
98
+ div.pp_default .pp_nav .pp_play,
99
+ div.pp_default .pp_nav .pp_pause {
100
+ background: url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;
101
+ height: 30px;
102
+ width: 30px;
103
+ }
104
+ div.pp_default .pp_nav .pp_pause {
105
+ background-position: -51px -29px;
106
+ }
107
+ div.pp_default .pp_details {
108
+ position: relative;
109
+ }
110
+ div.pp_default a.pp_arrow_previous,
111
+ div.pp_default a.pp_arrow_next {
112
+ background: url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;
113
+ height: 20px;
114
+ margin: 4px 0 0 0;
115
+ width: 20px;
116
+ }
117
+ div.pp_default a.pp_arrow_next {
118
+ right: 52px;
119
+ background-position: -82px -3px;
120
+ } /* The next arrow in the bottom nav */
121
+ div.pp_default .pp_content_container .pp_details {
122
+ margin-top: 5px;
123
+ }
124
+ div.pp_default .pp_nav {
125
+ clear: none;
126
+ height: 30px;
127
+ width: 110px;
128
+ position: relative;
129
+ }
130
+ div.pp_default .pp_nav .currentTextHolder {
131
+ font-family: Georgia;
132
+ font-style: italic;
133
+ color: #999;
134
+ font-size: 11px;
135
+ left: 75px;
136
+ line-height: 25px;
137
+ margin: 0;
138
+ padding: 0 0 0 10px;
139
+ position: absolute;
140
+ top: 2px;
141
+ }
142
+
143
+ div.pp_default .pp_close:hover,
144
+ div.pp_default .pp_nav .pp_play:hover,
145
+ div.pp_default .pp_nav .pp_pause:hover,
146
+ div.pp_default .pp_arrow_next:hover,
147
+ div.pp_default .pp_arrow_previous:hover {
148
+ opacity: 0.7;
149
+ }
150
+
151
+ div.pp_default .pp_description {
152
+ font-size: 11px;
153
+ font-weight: bold;
154
+ line-height: 14px;
155
+ margin: 5px 0 5px 50px;
156
+ }
157
+
158
+ div.pp_default .pp_bottom .pp_left {
159
+ background: url(../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat;
160
+ } /* Bottom left corner */
161
+ div.pp_default .pp_bottom .pp_middle {
162
+ background: url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x;
163
+ } /* Bottom pattern/color */
164
+ div.pp_default .pp_bottom .pp_right {
165
+ background: url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat;
166
+ } /* Bottom right corner */
167
+
168
+ div.pp_default .pp_loaderIcon {
169
+ background: url(../images/prettyPhoto/default/loader.gif) center center no-repeat;
170
+ } /* Loader icon */
171
+
172
+ /* ----------------------------------
173
+ Light Rounded Theme
174
+ ----------------------------------- */
175
+
176
+ div.light_rounded .pp_top .pp_left {
177
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat;
178
+ } /* Top left corner */
179
+ div.light_rounded .pp_top .pp_middle {
180
+ background: #fff;
181
+ } /* Top pattern/color */
182
+ div.light_rounded .pp_top .pp_right {
183
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat;
184
+ } /* Top right corner */
185
+
186
+ div.light_rounded .pp_content .ppt {
187
+ color: #000;
188
+ }
189
+ div.light_rounded .pp_content_container .pp_left,
190
+ div.light_rounded .pp_content_container .pp_right {
191
+ background: #fff;
192
+ }
193
+ div.light_rounded .pp_content {
194
+ background-color: #fff;
195
+ } /* Content background */
196
+ div.light_rounded .pp_next:hover {
197
+ background: url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;
198
+ cursor: pointer;
199
+ } /* Next button */
200
+ div.light_rounded .pp_previous:hover {
201
+ background: url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;
202
+ cursor: pointer;
203
+ } /* Previous button */
204
+ div.light_rounded .pp_expand {
205
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;
206
+ cursor: pointer;
207
+ } /* Expand button */
208
+ div.light_rounded .pp_expand:hover {
209
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;
210
+ cursor: pointer;
211
+ } /* Expand button hover */
212
+ div.light_rounded .pp_contract {
213
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;
214
+ cursor: pointer;
215
+ } /* Contract button */
216
+ div.light_rounded .pp_contract:hover {
217
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;
218
+ cursor: pointer;
219
+ } /* Contract button hover */
220
+ div.light_rounded .pp_close {
221
+ width: 75px;
222
+ height: 22px;
223
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;
224
+ cursor: pointer;
225
+ } /* Close button */
226
+ div.light_rounded .pp_details {
227
+ position: relative;
228
+ }
229
+ div.light_rounded .pp_description {
230
+ margin-left: 85px;
231
+ }
232
+ div.light_rounded #pp_full_res .pp_inline {
233
+ color: #000;
234
+ }
235
+ div.light_rounded .pp_gallery a.pp_arrow_previous,
236
+ div.light_rounded .pp_gallery a.pp_arrow_next {
237
+ margin-top: 12px !important;
238
+ }
239
+ div.light_rounded .pp_nav .pp_play {
240
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;
241
+ height: 15px;
242
+ width: 14px;
243
+ }
244
+ div.light_rounded .pp_nav .pp_pause {
245
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;
246
+ height: 15px;
247
+ width: 14px;
248
+ }
249
+
250
+ div.light_rounded .pp_arrow_previous {
251
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat;
252
+ } /* The previous arrow in the bottom nav */
253
+ div.light_rounded .pp_arrow_previous.disabled {
254
+ background-position: 100% -87px;
255
+ cursor: default;
256
+ }
257
+ div.light_rounded .pp_arrow_next {
258
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat;
259
+ } /* The next arrow in the bottom nav */
260
+ div.light_rounded .pp_arrow_next.disabled {
261
+ background-position: -22px -87px;
262
+ cursor: default;
263
+ }
264
+
265
+ div.light_rounded .pp_bottom .pp_left {
266
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat;
267
+ } /* Bottom left corner */
268
+ div.light_rounded .pp_bottom .pp_middle {
269
+ background: #fff;
270
+ } /* Bottom pattern/color */
271
+ div.light_rounded .pp_bottom .pp_right {
272
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat;
273
+ } /* Bottom right corner */
274
+
275
+ div.light_rounded .pp_loaderIcon {
276
+ background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat;
277
+ } /* Loader icon */
278
+
279
+ /* ----------------------------------
280
+ Dark Rounded Theme
281
+ ----------------------------------- */
282
+
283
+ div.dark_rounded .pp_top .pp_left {
284
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat;
285
+ } /* Top left corner */
286
+ div.dark_rounded .pp_top .pp_middle {
287
+ background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;
288
+ } /* Top pattern/color */
289
+ div.dark_rounded .pp_top .pp_right {
290
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat;
291
+ } /* Top right corner */
292
+
293
+ div.dark_rounded .pp_content_container .pp_left {
294
+ background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y;
295
+ } /* Left Content background */
296
+ div.dark_rounded .pp_content_container .pp_right {
297
+ background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y;
298
+ } /* Right Content background */
299
+ div.dark_rounded .pp_content {
300
+ background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;
301
+ } /* Content background */
302
+ div.dark_rounded .pp_next:hover {
303
+ background: url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;
304
+ cursor: pointer;
305
+ } /* Next button */
306
+ div.dark_rounded .pp_previous:hover {
307
+ background: url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;
308
+ cursor: pointer;
309
+ } /* Previous button */
310
+ div.dark_rounded .pp_expand {
311
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;
312
+ cursor: pointer;
313
+ } /* Expand button */
314
+ div.dark_rounded .pp_expand:hover {
315
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;
316
+ cursor: pointer;
317
+ } /* Expand button hover */
318
+ div.dark_rounded .pp_contract {
319
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;
320
+ cursor: pointer;
321
+ } /* Contract button */
322
+ div.dark_rounded .pp_contract:hover {
323
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;
324
+ cursor: pointer;
325
+ } /* Contract button hover */
326
+ div.dark_rounded .pp_close {
327
+ width: 75px;
328
+ height: 22px;
329
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;
330
+ cursor: pointer;
331
+ } /* Close button */
332
+ div.dark_rounded .pp_details {
333
+ position: relative;
334
+ }
335
+ div.dark_rounded .pp_description {
336
+ margin-left: 85px;
337
+ }
338
+ div.dark_rounded .currentTextHolder {
339
+ color: #c4c4c4;
340
+ }
341
+ div.dark_rounded .pp_description {
342
+ color: #fff;
343
+ }
344
+ div.dark_rounded #pp_full_res .pp_inline {
345
+ color: #fff;
346
+ }
347
+ div.dark_rounded .pp_gallery a.pp_arrow_previous,
348
+ div.dark_rounded .pp_gallery a.pp_arrow_next {
349
+ margin-top: 12px !important;
350
+ }
351
+ div.dark_rounded .pp_nav .pp_play {
352
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;
353
+ height: 15px;
354
+ width: 14px;
355
+ }
356
+ div.dark_rounded .pp_nav .pp_pause {
357
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;
358
+ height: 15px;
359
+ width: 14px;
360
+ }
361
+
362
+ div.dark_rounded .pp_arrow_previous {
363
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat;
364
+ } /* The previous arrow in the bottom nav */
365
+ div.dark_rounded .pp_arrow_previous.disabled {
366
+ background-position: 100% -87px;
367
+ cursor: default;
368
+ }
369
+ div.dark_rounded .pp_arrow_next {
370
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat;
371
+ } /* The next arrow in the bottom nav */
372
+ div.dark_rounded .pp_arrow_next.disabled {
373
+ background-position: -22px -87px;
374
+ cursor: default;
375
+ }
376
+
377
+ div.dark_rounded .pp_bottom .pp_left {
378
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat;
379
+ } /* Bottom left corner */
380
+ div.dark_rounded .pp_bottom .pp_middle {
381
+ background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;
382
+ } /* Bottom pattern/color */
383
+ div.dark_rounded .pp_bottom .pp_right {
384
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat;
385
+ } /* Bottom right corner */
386
+
387
+ div.dark_rounded .pp_loaderIcon {
388
+ background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat;
389
+ } /* Loader icon */
390
+
391
+ /* ----------------------------------
392
+ Dark Square Theme
393
+ ----------------------------------- */
394
+
395
+ div.dark_square .pp_left,
396
+ div.dark_square .pp_middle,
397
+ div.dark_square .pp_right,
398
+ div.dark_square .pp_content {
399
+ background: #000;
400
+ }
401
+
402
+ div.dark_square .currentTextHolder {
403
+ color: #c4c4c4;
404
+ }
405
+ div.dark_square .pp_description {
406
+ color: #fff;
407
+ }
408
+ div.dark_square .pp_loaderIcon {
409
+ background: url(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat;
410
+ } /* Loader icon */
411
+
412
+ div.dark_square .pp_expand {
413
+ background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;
414
+ cursor: pointer;
415
+ } /* Expand button */
416
+ div.dark_square .pp_expand:hover {
417
+ background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;
418
+ cursor: pointer;
419
+ } /* Expand button hover */
420
+ div.dark_square .pp_contract {
421
+ background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;
422
+ cursor: pointer;
423
+ } /* Contract button */
424
+ div.dark_square .pp_contract:hover {
425
+ background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;
426
+ cursor: pointer;
427
+ } /* Contract button hover */
428
+ div.dark_square .pp_close {
429
+ width: 75px;
430
+ height: 22px;
431
+ background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;
432
+ cursor: pointer;
433
+ } /* Close button */
434
+ div.dark_square .pp_details {
435
+ position: relative;
436
+ }
437
+ div.dark_square .pp_description {
438
+ margin: 0 0 0 85px;
439
+ }
440
+ div.dark_square #pp_full_res .pp_inline {
441
+ color: #fff;
442
+ }
443
+ div.dark_square .pp_gallery a.pp_arrow_previous,
444
+ div.dark_square .pp_gallery a.pp_arrow_next {
445
+ margin-top: 12px !important;
446
+ }
447
+ div.dark_square .pp_nav {
448
+ clear: none;
449
+ }
450
+ div.dark_square .pp_nav .pp_play {
451
+ background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;
452
+ height: 15px;
453
+ width: 14px;
454
+ }
455
+ div.dark_square .pp_nav .pp_pause {
456
+ background: url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;
457
+ height: 15px;
458
+ width: 14px;
459
+ }
460
+
461
+ div.dark_square .pp_arrow_previous {
462
+ background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat;
463
+ } /* The previous arrow in the bottom nav */
464
+ div.dark_square .pp_arrow_previous.disabled {
465
+ background-position: 100% -87px;
466
+ cursor: default;
467
+ }
468
+ div.dark_square .pp_arrow_next {
469
+ background: url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat;
470
+ } /* The next arrow in the bottom nav */
471
+ div.dark_square .pp_arrow_next.disabled {
472
+ background-position: -22px -87px;
473
+ cursor: default;
474
+ }
475
+
476
+ div.dark_square .pp_next:hover {
477
+ background: url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;
478
+ cursor: pointer;
479
+ } /* Next button */
480
+ div.dark_square .pp_previous:hover {
481
+ background: url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;
482
+ cursor: pointer;
483
+ } /* Previous button */
484
+
485
+ /* ----------------------------------
486
+ Light Square Theme
487
+ ----------------------------------- */
488
+
489
+ div.light_square .pp_left,
490
+ div.light_square .pp_middle,
491
+ div.light_square .pp_right,
492
+ div.light_square .pp_content {
493
+ background: #fff;
494
+ }
495
+
496
+ div.light_square .pp_content .ppt {
497
+ color: #000;
498
+ }
499
+ div.light_square .pp_expand {
500
+ background: url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;
501
+ cursor: pointer;
502
+ } /* Expand button */
503
+ div.light_square .pp_expand:hover {
504
+ background: url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;
505
+ cursor: pointer;
506
+ } /* Expand button hover */
507
+ div.light_square .pp_contract {
508
+ background: url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;
509
+ cursor: pointer;
510
+ } /* Contract button */
511
+ div.light_square .pp_contract:hover {
512
+ background: url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;
513
+ cursor: pointer;
514
+ } /* Contract button hover */
515
+ div.light_square .pp_close {
516
+ width: 75px;
517
+ height: 22px;
518
+ background: url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;
519
+ cursor: pointer;
520
+ } /* Close button */
521
+ div.light_square .pp_details {
522
+ position: relative;
523
+ }
524
+ div.light_square .pp_description {
525
+ margin-left: 85px;
526
+ }
527
+ div.light_square #pp_full_res .pp_inline {
528
+ color: #000;
529
+ }
530
+ div.light_square .pp_gallery a.pp_arrow_previous,
531
+ div.light_square .pp_gallery a.pp_arrow_next {
532
+ margin-top: 12px !important;
533
+ }
534
+ div.light_square .pp_nav .pp_play {
535
+ background: url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;
536
+ height: 15px;
537
+ width: 14px;
538
+ }
539
+ div.light_square .pp_nav .pp_pause {
540
+ background: url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;
541
+ height: 15px;
542
+ width: 14px;
543
+ }
544
+
545
+ div.light_square .pp_arrow_previous {
546
+ background: url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat;
547
+ } /* The previous arrow in the bottom nav */
548
+ div.light_square .pp_arrow_previous.disabled {
549
+ background-position: 100% -87px;
550
+ cursor: default;
551
+ }
552
+ div.light_square .pp_arrow_next {
553
+ background: url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat;
554
+ } /* The next arrow in the bottom nav */
555
+ div.light_square .pp_arrow_next.disabled {
556
+ background-position: -22px -87px;
557
+ cursor: default;
558
+ }
559
+
560
+ div.light_square .pp_next:hover {
561
+ background: url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;
562
+ cursor: pointer;
563
+ } /* Next button */
564
+ div.light_square .pp_previous:hover {
565
+ background: url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;
566
+ cursor: pointer;
567
+ } /* Previous button */
568
+
569
+ div.light_square .pp_loaderIcon {
570
+ background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat;
571
+ } /* Loader icon */
572
+
573
+ /* ----------------------------------
574
+ Facebook style Theme
575
+ ----------------------------------- */
576
+
577
+ div.facebook .pp_top .pp_left {
578
+ background: url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat;
579
+ } /* Top left corner */
580
+ div.facebook .pp_top .pp_middle {
581
+ background: url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x;
582
+ } /* Top pattern/color */
583
+ div.facebook .pp_top .pp_right {
584
+ background: url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat;
585
+ } /* Top right corner */
586
+
587
+ div.facebook .pp_content .ppt {
588
+ color: #000;
589
+ }
590
+ div.facebook .pp_content_container .pp_left {
591
+ background: url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y;
592
+ } /* Content background */
593
+ div.facebook .pp_content_container .pp_right {
594
+ background: url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y;
595
+ } /* Content background */
596
+ div.facebook .pp_content {
597
+ background: #fff;
598
+ } /* Content background */
599
+ div.facebook .pp_expand {
600
+ background: url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;
601
+ cursor: pointer;
602
+ } /* Expand button */
603
+ div.facebook .pp_expand:hover {
604
+ background: url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;
605
+ cursor: pointer;
606
+ } /* Expand button hover */
607
+ div.facebook .pp_contract {
608
+ background: url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;
609
+ cursor: pointer;
610
+ } /* Contract button */
611
+ div.facebook .pp_contract:hover {
612
+ background: url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;
613
+ cursor: pointer;
614
+ } /* Contract button hover */
615
+ div.facebook .pp_close {
616
+ width: 22px;
617
+ height: 22px;
618
+ background: url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;
619
+ cursor: pointer;
620
+ } /* Close button */
621
+ div.facebook .pp_details {
622
+ position: relative;
623
+ }
624
+ div.facebook .pp_description {
625
+ margin: 0 0 0 37px;
626
+ }
627
+ div.facebook #pp_full_res .pp_inline {
628
+ color: #000;
629
+ }
630
+ div.facebook .pp_loaderIcon {
631
+ background: url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat;
632
+ } /* Loader icon */
633
+
634
+ div.facebook .pp_arrow_previous {
635
+ background: url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;
636
+ height: 22px;
637
+ margin-top: 0;
638
+ width: 22px;
639
+ } /* The previous arrow in the bottom nav */
640
+ div.facebook .pp_arrow_previous.disabled {
641
+ background-position: 100% -96px;
642
+ cursor: default;
643
+ }
644
+ div.facebook .pp_arrow_next {
645
+ background: url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;
646
+ height: 22px;
647
+ margin-top: 0;
648
+ width: 22px;
649
+ } /* The next arrow in the bottom nav */
650
+ div.facebook .pp_arrow_next.disabled {
651
+ background-position: -32px -96px;
652
+ cursor: default;
653
+ }
654
+ div.facebook .pp_nav {
655
+ margin-top: 0;
656
+ }
657
+ div.facebook .pp_nav p {
658
+ font-size: 15px;
659
+ padding: 0 4px 0 3px;
660
+ }
661
+ div.facebook .pp_nav .pp_play {
662
+ background: url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;
663
+ height: 22px;
664
+ width: 22px;
665
+ }
666
+ div.facebook .pp_nav .pp_pause {
667
+ background: url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;
668
+ height: 22px;
669
+ width: 22px;
670
+ }
671
+
672
+ div.facebook .pp_next:hover {
673
+ background: url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;
674
+ cursor: pointer;
675
+ } /* Next button */
676
+ div.facebook .pp_previous:hover {
677
+ background: url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;
678
+ cursor: pointer;
679
+ } /* Previous button */
680
+
681
+ div.facebook .pp_bottom .pp_left {
682
+ background: url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat;
683
+ } /* Bottom left corner */
684
+ div.facebook .pp_bottom .pp_middle {
685
+ background: url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x;
686
+ } /* Bottom pattern/color */
687
+ div.facebook .pp_bottom .pp_right {
688
+ background: url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat;
689
+ } /* Bottom right corner */
690
+
691
+ /* ------------------------------------------------------------------------
692
+ DO NOT CHANGE
693
+ ------------------------------------------------------------------------- */
694
+
695
+ div.pp_pic_holder a:focus {
696
+ outline: none;
697
+ }
698
+
699
+ div.pp_overlay {
700
+ background: #000;
701
+ display: none;
702
+ right: 0;
703
+ position: absolute;
704
+ top: 0;
705
+ width: 100%;
706
+ z-index: 9500;
707
+ }
708
+
709
+ div.pp_pic_holder {
710
+ display: none;
711
+ position: absolute;
712
+ width: 100px;
713
+ z-index: 10000;
714
+ }
715
+
716
+ .pp_top {
717
+ height: 20px;
718
+ position: relative;
719
+ }
720
+ * html .pp_top {
721
+ padding: 0 20px;
722
+ }
723
+ .pp_top .pp_left {
724
+ height: 20px;
725
+ left: 0;
726
+ position: absolute;
727
+ width: 20px;
728
+ }
729
+ .pp_top .pp_middle {
730
+ height: 20px;
731
+ right: 20px;
732
+ position: absolute;
733
+ left: 20px;
734
+ }
735
+ * html .pp_top .pp_middle {
736
+ right: 0;
737
+ position: static;
738
+ }
739
+ .pp_top .pp_right {
740
+ height: 20px;
741
+ left: auto;
742
+ position: absolute;
743
+ right: 0;
744
+ top: 0;
745
+ width: 20px;
746
+ }
747
+
748
+ .pp_content {
749
+ height: 40px;
750
+ min-width: 40px;
751
+ }
752
+ * html .pp_content {
753
+ width: 40px;
754
+ }
755
+
756
+ .pp_fade {
757
+ display: none;
758
+ }
759
+
760
+ .pp_content_container {
761
+ position: relative;
762
+ text-align: right;
763
+ width: 100%;
764
+ }
765
+ .pp_content_container .pp_left {
766
+ padding-left: 20px;
767
+ }
768
+ .pp_content_container .pp_right {
769
+ padding-right: 20px;
770
+ }
771
+
772
+ .pp_content_container .pp_details {
773
+ float: right;
774
+ margin: 10px 0 2px 0;
775
+ }
776
+ .pp_description {
777
+ display: none;
778
+ margin: 0;
779
+ }
780
+
781
+ .pp_social {
782
+ float: right;
783
+ margin: 0;
784
+ }
785
+ .pp_social .facebook {
786
+ float: right;
787
+ margin-right: 5px;
788
+ width: 55px;
789
+ overflow: hidden;
790
+ }
791
+ .pp_social .twitter {
792
+ float: right;
793
+ }
794
+
795
+ .pp_nav {
796
+ clear: left;
797
+ float: right;
798
+ margin: 3px 0 0 10px;
799
+ }
800
+
801
+ .pp_nav p {
802
+ float: right;
803
+ margin: 2px 4px;
804
+ white-space: nowrap;
805
+ }
806
+
807
+ .pp_nav .pp_play,
808
+ .pp_nav .pp_pause {
809
+ float: left;
810
+ margin-right: 4px;
811
+ text-indent: 10000px;
812
+ }
813
+
814
+ a.pp_arrow_previous,
815
+ a.pp_arrow_next {
816
+ display: block;
817
+ float: left;
818
+ height: 15px;
819
+ margin-top: 3px;
820
+ overflow: hidden;
821
+ text-indent: 10000px;
822
+ width: 14px;
823
+ }
824
+
825
+ .pp_hoverContainer {
826
+ position: absolute;
827
+ top: 0;
828
+ width: 100%;
829
+ z-index: 2000;
830
+ }
831
+
832
+ .pp_gallery {
833
+ display: none;
834
+ left: 50%;
835
+ margin-top: -50px;
836
+ position: absolute;
837
+ z-index: 10000;
838
+ direction: ltr;
839
+ }
840
+
841
+ .pp_gallery div {
842
+ float: left;
843
+ overflow: hidden;
844
+ position: relative;
845
+ }
846
+
847
+ .pp_gallery ul {
848
+ float: left;
849
+ height: 35px;
850
+ margin: 0 0 0 5px;
851
+ padding: 0;
852
+ position: relative;
853
+ white-space: nowrap;
854
+ }
855
+
856
+ .pp_gallery ul a {
857
+ border: 1px #000 solid;
858
+ border: 1px rgba(0, 0, 0, 0.5) solid;
859
+ display: block;
860
+ float: left;
861
+ height: 33px;
862
+ overflow: hidden;
863
+ }
864
+
865
+ .pp_gallery ul a:hover,
866
+ .pp_gallery li.selected a {
867
+ border-color: #fff;
868
+ }
869
+
870
+ .pp_gallery ul a img {
871
+ border: 0;
872
+ }
873
+
874
+ .pp_gallery li {
875
+ display: block;
876
+ float: left;
877
+ margin: 0 5px 0 0;
878
+ padding: 0;
879
+ }
880
+
881
+ .pp_gallery li.default a {
882
+ background: url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
883
+ display: block;
884
+ height: 33px;
885
+ width: 50px;
886
+ }
887
+
888
+ .pp_gallery li.default a img {
889
+ display: none;
890
+ }
891
+
892
+ .pp_gallery .pp_arrow_previous,
893
+ .pp_gallery .pp_arrow_next {
894
+ margin-top: 7px !important;
895
+ }
896
+ a.pp_next {
897
+ background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
898
+ display: block;
899
+ float: right;
900
+ height: 100%;
901
+ text-indent: 10000px;
902
+ width: 49%;
903
+ }
904
+ a.pp_previous {
905
+ background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
906
+ display: block;
907
+ float: left;
908
+ height: 100%;
909
+ text-indent: 10000px;
910
+ width: 49%;
911
+ }
912
+
913
+ a.pp_expand,
914
+ a.pp_contract {
915
+ cursor: pointer;
916
+ display: none;
917
+ height: 20px;
918
+ position: absolute;
919
+ left: 30px;
920
+ text-indent: 10000px;
921
+ top: 10px;
922
+ width: 20px;
923
+ z-index: 20000;
924
+ }
925
+
926
+ a.pp_close {
927
+ position: absolute;
928
+ left: 0;
929
+ top: 0;
930
+ display: block;
931
+ line-height: 22px;
932
+ text-indent: 10000px;
933
+ }
934
+
935
+ .pp_bottom {
936
+ height: 20px;
937
+ position: relative;
938
+ }
939
+ * html .pp_bottom {
940
+ padding: 0 20px;
941
+ }
942
+ .pp_bottom .pp_left {
943
+ height: 20px;
944
+ left: 0;
945
+ position: absolute;
946
+ width: 20px;
947
+ }
948
+ .pp_bottom .pp_middle {
949
+ height: 20px;
950
+ right: 20px;
951
+ position: absolute;
952
+ left: 20px;
953
+ }
954
+ * html .pp_bottom .pp_middle {
955
+ right: 0;
956
+ position: static;
957
+ }
958
+ .pp_bottom .pp_right {
959
+ height: 20px;
960
+ left: auto;
961
+ position: absolute;
962
+ right: 0;
963
+ top: 0;
964
+ width: 20px;
965
+ }
966
+
967
+ .pp_loaderIcon {
968
+ display: block;
969
+ height: 24px;
970
+ right: 50%;
971
+ margin: -12px -12px 0 0;
972
+ position: absolute;
973
+ top: 50%;
974
+ width: 24px;
975
+ }
976
+
977
+ #pp_full_res {
978
+ line-height: 1 !important;
979
+ }
980
+
981
+ #pp_full_res .pp_inline {
982
+ text-align: right;
983
+ }
984
+
985
+ #pp_full_res .pp_inline p {
986
+ margin: 0 0 15px 0;
987
+ }
988
+
989
+ div.ppt {
990
+ color: #fff;
991
+ display: none;
992
+ font-size: 17px;
993
+ margin: 0 15px 5px 0;
994
+ z-index: 9999;
995
+ text-align: right;
996
+ width: 100% !important;
997
+ }
assets/frontend/css/prettyphoto.css CHANGED
@@ -1,797 +1,797 @@
1
- div.pp_default .pp_top,
2
- div.pp_default .pp_top .pp_middle,
3
- div.pp_default .pp_top .pp_left,
4
- div.pp_default .pp_top .pp_right,
5
- div.pp_default .pp_bottom,
6
- div.pp_default .pp_bottom .pp_left,
7
- div.pp_default .pp_bottom .pp_middle,
8
- div.pp_default .pp_bottom .pp_right {
9
- height: 13px;
10
- }
11
- div.pp_default .pp_top .pp_left {
12
- background: url(../images/prettyphoto/default/sprite.png) -78px -93px no-repeat;
13
- }
14
- div.pp_default .pp_top .pp_middle {
15
- background: url(../images/prettyphoto/default/sprite_x.png) top left repeat-x;
16
- }
17
- div.pp_default .pp_top .pp_right {
18
- background: url(../images/prettyphoto/default/sprite.png) -112px -93px no-repeat;
19
- }
20
- div.pp_default .pp_content .ppt {
21
- color: #f8f8f8;
22
- }
23
- div.pp_default .pp_content_container .pp_left {
24
- background: url(../images/prettyphoto/default/sprite_y.png) -7px 0 repeat-y;
25
- padding-left: 13px;
26
- }
27
- div.pp_default .pp_content_container .pp_right {
28
- background: url(../images/prettyphoto/default/sprite_y.png) top right repeat-y;
29
- padding-right: 13px;
30
- }
31
- div.pp_default .pp_next:hover {
32
- background: url(../images/prettyphoto/default/sprite_next.png) center right no-repeat;
33
- cursor: pointer;
34
- }
35
- div.pp_default .pp_previous:hover {
36
- background: url(../images/prettyphoto/default/sprite_prev.png) center left no-repeat;
37
- cursor: pointer;
38
- }
39
- div.pp_default .pp_expand {
40
- background: url(../images/prettyphoto/default/sprite.png) 0 -29px no-repeat;
41
- cursor: pointer;
42
- width: 28px;
43
- height: 28px;
44
- }
45
- div.pp_default .pp_expand:hover {
46
- background: url(../images/prettyphoto/default/sprite.png) 0 -56px no-repeat;
47
- cursor: pointer;
48
- }
49
- div.pp_default .pp_contract {
50
- background: url(../images/prettyphoto/default/sprite.png) 0 -84px no-repeat;
51
- cursor: pointer;
52
- width: 28px;
53
- height: 28px;
54
- }
55
- div.pp_default .pp_contract:hover {
56
- background: url(../images/prettyphoto/default/sprite.png) 0 -113px no-repeat;
57
- cursor: pointer;
58
- }
59
- div.pp_default .pp_close {
60
- width: 30px;
61
- height: 30px;
62
- background: url(../images/prettyphoto/default/sprite.png) 2px 1px no-repeat;
63
- cursor: pointer;
64
- }
65
- div.pp_default .pp_gallery ul li a {
66
- background: url(../images/prettyphoto/default/default_thumb.png) center center #f8f8f8;
67
- border: 1px solid #aaa;
68
- }
69
- div.pp_default .pp_social {
70
- margin-top: 7px;
71
- }
72
- div.pp_default .pp_gallery a.pp_arrow_previous,
73
- div.pp_default .pp_gallery a.pp_arrow_next {
74
- position: static;
75
- left: auto;
76
- }
77
- div.pp_default .pp_nav .pp_play,
78
- div.pp_default .pp_nav .pp_pause {
79
- background: url(../images/prettyphoto/default/sprite.png) -51px 1px no-repeat;
80
- height: 30px;
81
- width: 30px;
82
- }
83
- div.pp_default .pp_nav .pp_pause {
84
- background-position: -51px -29px;
85
- }
86
- div.pp_default a.pp_arrow_previous,
87
- div.pp_default a.pp_arrow_next {
88
- background: url(../images/prettyphoto/default/sprite.png) -31px -3px no-repeat;
89
- height: 20px;
90
- width: 20px;
91
- margin: 4px 0 0;
92
- }
93
- div.pp_default a.pp_arrow_next {
94
- left: 52px;
95
- background-position: -82px -3px;
96
- }
97
- div.pp_default .pp_content_container .pp_details {
98
- margin-top: 5px;
99
- }
100
- div.pp_default .pp_nav {
101
- clear: none;
102
- height: 30px;
103
- width: 110px;
104
- position: relative;
105
- }
106
- div.pp_default .pp_nav .currentTextHolder {
107
- font-family: Georgia;
108
- font-style: italic;
109
- color: #999;
110
- font-size: 11px;
111
- left: 75px;
112
- line-height: 25px;
113
- position: absolute;
114
- top: 2px;
115
- margin: 0;
116
- padding: 0 0 0 10px;
117
- }
118
- div.pp_default .pp_close:hover,
119
- div.pp_default .pp_nav .pp_play:hover,
120
- div.pp_default .pp_nav .pp_pause:hover,
121
- div.pp_default .pp_arrow_next:hover,
122
- div.pp_default .pp_arrow_previous:hover {
123
- opacity: 0.7;
124
- }
125
- div.pp_default .pp_description {
126
- font-size: 11px;
127
- font-weight: 700;
128
- line-height: 14px;
129
- margin: 5px 50px 5px 0;
130
- }
131
- div.pp_default .pp_bottom .pp_left {
132
- background: url(../images/prettyphoto/default/sprite.png) -78px -127px no-repeat;
133
- }
134
- div.pp_default .pp_bottom .pp_middle {
135
- background: url(../images/prettyphoto/default/sprite_x.png) bottom left repeat-x;
136
- }
137
- div.pp_default .pp_bottom .pp_right {
138
- background: url(../images/prettyphoto/default/sprite.png) -112px -127px no-repeat;
139
- }
140
- div.pp_default .pp_loaderIcon {
141
- background: url(../images/prettyphoto/default/loader.gif) center center no-repeat;
142
- }
143
- div.light_rounded .pp_top .pp_left {
144
- background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat;
145
- }
146
- div.light_rounded .pp_top .pp_right {
147
- background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat;
148
- }
149
- div.light_rounded .pp_next:hover {
150
- background: url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;
151
- cursor: pointer;
152
- }
153
- div.light_rounded .pp_previous:hover {
154
- background: url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;
155
- cursor: pointer;
156
- }
157
- div.light_rounded .pp_expand {
158
- background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;
159
- cursor: pointer;
160
- }
161
- div.light_rounded .pp_expand:hover {
162
- background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;
163
- cursor: pointer;
164
- }
165
- div.light_rounded .pp_contract {
166
- background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;
167
- cursor: pointer;
168
- }
169
- div.light_rounded .pp_contract:hover {
170
- background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;
171
- cursor: pointer;
172
- }
173
- div.light_rounded .pp_close {
174
- width: 75px;
175
- height: 22px;
176
- background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;
177
- cursor: pointer;
178
- }
179
- div.light_rounded .pp_nav .pp_play {
180
- background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;
181
- height: 15px;
182
- width: 14px;
183
- }
184
- div.light_rounded .pp_nav .pp_pause {
185
- background: url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;
186
- height: 15px;
187
- width: 14px;
188
- }
189
- div.light_rounded .pp_arrow_previous {
190
- background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat;
191
- }
192
- div.light_rounded .pp_arrow_next {
193
- background: url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat;
194
- }
195
- div.light_rounded .pp_bottom .pp_left {
196
- background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat;
197
- }
198
- div.light_rounded .pp_bottom .pp_right {
199
- background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat;
200
- }
201
- div.dark_rounded .pp_top .pp_left {
202
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat;
203
- }
204
- div.dark_rounded .pp_top .pp_right {
205
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat;
206
- }
207
- div.dark_rounded .pp_content_container .pp_left {
208
- background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y;
209
- }
210
- div.dark_rounded .pp_content_container .pp_right {
211
- background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y;
212
- }
213
- div.dark_rounded .pp_next:hover {
214
- background: url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;
215
- cursor: pointer;
216
- }
217
- div.dark_rounded .pp_previous:hover {
218
- background: url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;
219
- cursor: pointer;
220
- }
221
- div.dark_rounded .pp_expand {
222
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;
223
- cursor: pointer;
224
- }
225
- div.dark_rounded .pp_expand:hover {
226
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;
227
- cursor: pointer;
228
- }
229
- div.dark_rounded .pp_contract {
230
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;
231
- cursor: pointer;
232
- }
233
- div.dark_rounded .pp_contract:hover {
234
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;
235
- cursor: pointer;
236
- }
237
- div.dark_rounded .pp_close {
238
- width: 75px;
239
- height: 22px;
240
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;
241
- cursor: pointer;
242
- }
243
- div.dark_rounded .pp_description {
244
- margin-right: 85px;
245
- color: #fff;
246
- }
247
- div.dark_rounded .pp_nav .pp_play {
248
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;
249
- height: 15px;
250
- width: 14px;
251
- }
252
- div.dark_rounded .pp_nav .pp_pause {
253
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;
254
- height: 15px;
255
- width: 14px;
256
- }
257
- div.dark_rounded .pp_arrow_previous {
258
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat;
259
- }
260
- div.dark_rounded .pp_arrow_next {
261
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat;
262
- }
263
- div.dark_rounded .pp_bottom .pp_left {
264
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat;
265
- }
266
- div.dark_rounded .pp_bottom .pp_right {
267
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat;
268
- }
269
- div.dark_rounded .pp_loaderIcon {
270
- background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat;
271
- }
272
- div.dark_square .pp_left,
273
- div.dark_square .pp_middle,
274
- div.dark_square .pp_right,
275
- div.dark_square .pp_content {
276
- background: #000;
277
- }
278
- div.dark_square .pp_description {
279
- color: #fff;
280
- margin: 0 85px 0 0;
281
- }
282
- div.dark_square .pp_loaderIcon {
283
- background: url(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat;
284
- }
285
- div.dark_square .pp_expand {
286
- background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;
287
- cursor: pointer;
288
- }
289
- div.dark_square .pp_expand:hover {
290
- background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;
291
- cursor: pointer;
292
- }
293
- div.dark_square .pp_contract {
294
- background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;
295
- cursor: pointer;
296
- }
297
- div.dark_square .pp_contract:hover {
298
- background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;
299
- cursor: pointer;
300
- }
301
- div.dark_square .pp_close {
302
- width: 75px;
303
- height: 22px;
304
- background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;
305
- cursor: pointer;
306
- }
307
- div.dark_square .pp_nav {
308
- clear: none;
309
- }
310
- div.dark_square .pp_nav .pp_play {
311
- background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;
312
- height: 15px;
313
- width: 14px;
314
- }
315
- div.dark_square .pp_nav .pp_pause {
316
- background: url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;
317
- height: 15px;
318
- width: 14px;
319
- }
320
- div.dark_square .pp_arrow_previous {
321
- background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat;
322
- }
323
- div.dark_square .pp_arrow_next {
324
- background: url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat;
325
- }
326
- div.dark_square .pp_next:hover {
327
- background: url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;
328
- cursor: pointer;
329
- }
330
- div.dark_square .pp_previous:hover {
331
- background: url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;
332
- cursor: pointer;
333
- }
334
- div.light_square .pp_expand {
335
- background: url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;
336
- cursor: pointer;
337
- }
338
- div.light_square .pp_expand:hover {
339
- background: url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;
340
- cursor: pointer;
341
- }
342
- div.light_square .pp_contract {
343
- background: url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;
344
- cursor: pointer;
345
- }
346
- div.light_square .pp_contract:hover {
347
- background: url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;
348
- cursor: pointer;
349
- }
350
- div.light_square .pp_close {
351
- width: 75px;
352
- height: 22px;
353
- background: url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;
354
- cursor: pointer;
355
- }
356
- div.light_square .pp_nav .pp_play {
357
- background: url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;
358
- height: 15px;
359
- width: 14px;
360
- }
361
- div.light_square .pp_nav .pp_pause {
362
- background: url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;
363
- height: 15px;
364
- width: 14px;
365
- }
366
- div.light_square .pp_arrow_previous {
367
- background: url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat;
368
- }
369
- div.light_square .pp_arrow_next {
370
- background: url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat;
371
- }
372
- div.light_square .pp_next:hover {
373
- background: url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;
374
- cursor: pointer;
375
- }
376
- div.light_square .pp_previous:hover {
377
- background: url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;
378
- cursor: pointer;
379
- }
380
- div.facebook .pp_top .pp_left {
381
- background: url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat;
382
- }
383
- div.facebook .pp_top .pp_middle {
384
- background: url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x;
385
- }
386
- div.facebook .pp_top .pp_right {
387
- background: url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat;
388
- }
389
- div.facebook .pp_content_container .pp_left {
390
- background: url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y;
391
- }
392
- div.facebook .pp_content_container .pp_right {
393
- background: url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y;
394
- }
395
- div.facebook .pp_expand {
396
- background: url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;
397
- cursor: pointer;
398
- }
399
- div.facebook .pp_expand:hover {
400
- background: url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;
401
- cursor: pointer;
402
- }
403
- div.facebook .pp_contract {
404
- background: url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;
405
- cursor: pointer;
406
- }
407
- div.facebook .pp_contract:hover {
408
- background: url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;
409
- cursor: pointer;
410
- }
411
- div.facebook .pp_close {
412
- width: 22px;
413
- height: 22px;
414
- background: url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;
415
- cursor: pointer;
416
- }
417
- div.facebook .pp_description {
418
- margin: 0 37px 0 0;
419
- }
420
- div.facebook .pp_loaderIcon {
421
- background: url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat;
422
- }
423
- div.facebook .pp_arrow_previous {
424
- background: url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;
425
- height: 22px;
426
- margin-top: 0;
427
- width: 22px;
428
- }
429
- div.facebook .pp_arrow_previous.disabled {
430
- background-position: 0 -96px;
431
- cursor: default;
432
- }
433
- div.facebook .pp_arrow_next {
434
- background: url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;
435
- height: 22px;
436
- margin-top: 0;
437
- width: 22px;
438
- }
439
- div.facebook .pp_arrow_next.disabled {
440
- background-position: -32px -96px;
441
- cursor: default;
442
- }
443
- div.facebook .pp_nav {
444
- margin-top: 0;
445
- }
446
- div.facebook .pp_nav p {
447
- font-size: 15px;
448
- padding: 0 3px 0 4px;
449
- }
450
- div.facebook .pp_nav .pp_play {
451
- background: url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;
452
- height: 22px;
453
- width: 22px;
454
- }
455
- div.facebook .pp_nav .pp_pause {
456
- background: url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;
457
- height: 22px;
458
- width: 22px;
459
- }
460
- div.facebook .pp_next:hover {
461
- background: url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;
462
- cursor: pointer;
463
- }
464
- div.facebook .pp_previous:hover {
465
- background: url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;
466
- cursor: pointer;
467
- }
468
- div.facebook .pp_bottom .pp_left {
469
- background: url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat;
470
- }
471
- div.facebook .pp_bottom .pp_middle {
472
- background: url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x;
473
- }
474
- div.facebook .pp_bottom .pp_right {
475
- background: url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat;
476
- }
477
- div.pp_pic_holder a:focus {
478
- outline: none;
479
- }
480
- div.pp_overlay {
481
- background: #000;
482
- display: none;
483
- left: 0;
484
- position: absolute;
485
- top: 0;
486
- width: 100%;
487
- z-index: 9500;
488
- }
489
- div.pp_pic_holder {
490
- display: none;
491
- position: absolute;
492
- width: 100px;
493
- z-index: 10000;
494
- }
495
- .pp_content {
496
- height: 40px;
497
- min-width: 40px;
498
- }
499
- * html .pp_content {
500
- width: 40px;
501
- }
502
- .pp_content_container {
503
- position: relative;
504
- text-align: left;
505
- width: 100%;
506
- }
507
- .pp_content_container .pp_left {
508
- padding-left: 20px;
509
- }
510
- .pp_content_container .pp_right {
511
- padding-right: 20px;
512
- }
513
- .pp_content_container .pp_details {
514
- float: left;
515
- margin: 10px 0 2px;
516
- }
517
- .pp_description {
518
- display: none;
519
- margin: 0;
520
- }
521
- .pp_social {
522
- float: left;
523
- margin: 0;
524
- }
525
- .pp_social .facebook {
526
- float: left;
527
- margin-left: 5px;
528
- width: 55px;
529
- overflow: hidden;
530
- }
531
- .pp_social .twitter {
532
- float: left;
533
- }
534
- .pp_nav {
535
- clear: right;
536
- float: left;
537
- margin: 3px 10px 0 0;
538
- }
539
- .pp_nav p {
540
- float: left;
541
- white-space: nowrap;
542
- margin: 2px 4px;
543
- font-size: 0.6em;
544
- }
545
- .pp_nav .pp_play,
546
- .pp_nav .pp_pause {
547
- float: left;
548
- margin-right: 4px;
549
- text-indent: -10000px;
550
- }
551
- a.pp_arrow_previous,
552
- a.pp_arrow_next {
553
- display: block;
554
- float: left;
555
- height: 15px;
556
- margin-top: 3px;
557
- overflow: hidden;
558
- text-indent: -10000px;
559
- width: 14px;
560
- }
561
- .pp_hoverContainer {
562
- position: absolute;
563
- top: 0;
564
- width: 100%;
565
- z-index: 2000;
566
- }
567
- .pp_gallery {
568
- display: none;
569
- left: 50%;
570
- margin-top: -50px;
571
- position: absolute;
572
- z-index: 10000;
573
- }
574
- .pp_gallery div {
575
- float: left;
576
- overflow: hidden;
577
- position: relative;
578
- }
579
- .pp_gallery ul {
580
- float: left;
581
- height: 35px;
582
- position: relative;
583
- white-space: nowrap;
584
- margin: 0 0 0 5px;
585
- padding: 0;
586
- }
587
- .pp_gallery ul a {
588
- border: 1px rgba(0, 0, 0, 0.5) solid;
589
- display: block;
590
- float: left;
591
- height: 33px;
592
- overflow: hidden;
593
- }
594
- .pp_gallery ul a img {
595
- border: 0;
596
- }
597
- .pp_gallery li {
598
- display: block;
599
- float: left;
600
- margin: 0 5px 0 0;
601
- padding: 0;
602
- }
603
- .pp_gallery li.default a {
604
- background: url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
605
- display: block;
606
- height: 33px;
607
- width: 50px;
608
- }
609
- .pp_gallery .pp_arrow_previous,
610
- .pp_gallery .pp_arrow_next {
611
- margin-top: 7px !important;
612
- }
613
- a.pp_next {
614
- background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
615
- display: block;
616
- float: right;
617
- height: 100%;
618
- text-indent: -10000px;
619
- width: 49%;
620
- }
621
- a.pp_previous {
622
- background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
623
- display: block;
624
- float: left;
625
- height: 100%;
626
- text-indent: -10000px;
627
- width: 49%;
628
- }
629
- a.pp_expand,
630
- a.pp_contract {
631
- cursor: pointer;
632
- display: none;
633
- height: 20px;
634
- position: absolute;
635
- right: 30px;
636
- text-indent: -10000px;
637
- top: 10px;
638
- width: 20px;
639
- z-index: 20000;
640
- }
641
- a.pp_close {
642
- position: absolute;
643
- right: 0;
644
- top: 0;
645
- display: block;
646
- line-height: 22px;
647
- text-indent: -10000px;
648
- }
649
- .pp_loaderIcon {
650
- display: block;
651
- height: 24px;
652
- left: 50%;
653
- position: absolute;
654
- top: 50%;
655
- width: 24px;
656
- margin: -12px 0 0 -12px;
657
- }
658
- #pp_full_res {
659
- line-height: 1 !important;
660
- }
661
- #pp_full_res .pp_inline {
662
- text-align: left;
663
- }
664
- #pp_full_res .pp_inline p {
665
- margin: 0 0 15px;
666
- }
667
- div.ppt {
668
- color: #fff;
669
- display: none;
670
- font-size: 17px;
671
- z-index: 9999;
672
- margin: 0 0 5px 15px;
673
- }
674
- div.pp_default .pp_content,
675
- div.light_rounded .pp_content {
676
- background-color: #fff;
677
- }
678
- div.pp_default #pp_full_res .pp_inline,
679
- div.light_rounded .pp_content .ppt,
680
- div.light_rounded #pp_full_res .pp_inline,
681
- div.light_square .pp_content .ppt,
682
- div.light_square #pp_full_res .pp_inline,
683
- div.facebook .pp_content .ppt,
684
- div.facebook #pp_full_res .pp_inline {
685
- color: #000;
686
- }
687
- div.pp_default .pp_gallery ul li a:hover,
688
- div.pp_default .pp_gallery ul li.selected a,
689
- .pp_gallery ul a:hover,
690
- .pp_gallery li.selected a {
691
- border-color: #fff;
692
- }
693
- div.pp_default .pp_details,
694
- div.light_rounded .pp_details,
695
- div.dark_rounded .pp_details,
696
- div.dark_square .pp_details,
697
- div.light_square .pp_details,
698
- div.facebook .pp_details {
699
- position: relative;
700
- }
701
- div.light_rounded .pp_top .pp_middle,
702
- div.light_rounded .pp_content_container .pp_left,
703
- div.light_rounded .pp_content_container .pp_right,
704
- div.light_rounded .pp_bottom .pp_middle,
705
- div.light_square .pp_left,
706
- div.light_square .pp_middle,
707
- div.light_square .pp_right,
708
- div.light_square .pp_content,
709
- div.facebook .pp_content {
710
- background: #fff;
711
- }
712
- div.light_rounded .pp_description,
713
- div.light_square .pp_description {
714
- margin-right: 85px;
715
- }
716
- div.light_rounded .pp_gallery a.pp_arrow_previous,
717
- div.light_rounded .pp_gallery a.pp_arrow_next,
718
- div.dark_rounded .pp_gallery a.pp_arrow_previous,
719
- div.dark_rounded .pp_gallery a.pp_arrow_next,
720
- div.dark_square .pp_gallery a.pp_arrow_previous,
721
- div.dark_square .pp_gallery a.pp_arrow_next,
722
- div.light_square .pp_gallery a.pp_arrow_previous,
723
- div.light_square .pp_gallery a.pp_arrow_next {
724
- margin-top: 12px !important;
725
- }
726
- div.light_rounded .pp_arrow_previous.disabled,
727
- div.dark_rounded .pp_arrow_previous.disabled,
728
- div.dark_square .pp_arrow_previous.disabled,
729
- div.light_square .pp_arrow_previous.disabled {
730
- background-position: 0 -87px;
731
- cursor: default;
732
- }
733
- div.light_rounded .pp_arrow_next.disabled,
734
- div.dark_rounded .pp_arrow_next.disabled,
735
- div.dark_square .pp_arrow_next.disabled,
736
- div.light_square .pp_arrow_next.disabled {
737
- background-position: -22px -87px;
738
- cursor: default;
739
- }
740
- div.light_rounded .pp_loaderIcon,
741
- div.light_square .pp_loaderIcon {
742
- background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat;
743
- }
744
- div.dark_rounded .pp_top .pp_middle,
745
- div.dark_rounded .pp_content,
746
- div.dark_rounded .pp_bottom .pp_middle {
747
- background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;
748
- }
749
- div.dark_rounded .currentTextHolder,
750
- div.dark_square .currentTextHolder {
751
- color: #c4c4c4;
752
- }
753
- div.dark_rounded #pp_full_res .pp_inline,
754
- div.dark_square #pp_full_res .pp_inline {
755
- color: #fff;
756
- }
757
- .pp_top,
758
- .pp_bottom {
759
- height: 20px;
760
- position: relative;
761
- }
762
- * html .pp_top,
763
- * html .pp_bottom {
764
- padding: 0 20px;
765
- }
766
- .pp_top .pp_left,
767
- .pp_bottom .pp_left {
768
- height: 20px;
769
- left: 0;
770
- position: absolute;
771
- width: 20px;
772
- }
773
- .pp_top .pp_middle,
774
- .pp_bottom .pp_middle {
775
- height: 20px;
776
- left: 20px;
777
- position: absolute;
778
- right: 20px;
779
- }
780
- * html .pp_top .pp_middle,
781
- * html .pp_bottom .pp_middle {
782
- left: 0;
783
- position: static;
784
- }
785
- .pp_top .pp_right,
786
- .pp_bottom .pp_right {
787
- height: 20px;
788
- left: auto;
789
- position: absolute;
790
- right: 0;
791
- top: 0;
792
- width: 20px;
793
- }
794
- .pp_fade,
795
- .pp_gallery li.default a img {
796
- display: none;
797
- }
1
+ div.pp_default .pp_top,
2
+ div.pp_default .pp_top .pp_middle,
3
+ div.pp_default .pp_top .pp_left,
4
+ div.pp_default .pp_top .pp_right,
5
+ div.pp_default .pp_bottom,
6
+ div.pp_default .pp_bottom .pp_left,
7
+ div.pp_default .pp_bottom .pp_middle,
8
+ div.pp_default .pp_bottom .pp_right {
9
+ height: 13px;
10
+ }
11
+ div.pp_default .pp_top .pp_left {
12
+ background: url(../images/prettyphoto/default/sprite.png) -78px -93px no-repeat;
13
+ }
14
+ div.pp_default .pp_top .pp_middle {
15
+ background: url(../images/prettyphoto/default/sprite_x.png) top left repeat-x;
16
+ }
17
+ div.pp_default .pp_top .pp_right {
18
+ background: url(../images/prettyphoto/default/sprite.png) -112px -93px no-repeat;
19
+ }
20
+ div.pp_default .pp_content .ppt {
21
+ color: #f8f8f8;
22
+ }
23
+ div.pp_default .pp_content_container .pp_left {
24
+ background: url(../images/prettyphoto/default/sprite_y.png) -7px 0 repeat-y;
25
+ padding-left: 13px;
26
+ }
27
+ div.pp_default .pp_content_container .pp_right {
28
+ background: url(../images/prettyphoto/default/sprite_y.png) top right repeat-y;
29
+ padding-right: 13px;
30
+ }
31
+ div.pp_default .pp_next:hover {
32
+ background: url(../images/prettyphoto/default/sprite_next.png) center right no-repeat;
33
+ cursor: pointer;
34
+ }
35
+ div.pp_default .pp_previous:hover {
36
+ background: url(../images/prettyphoto/default/sprite_prev.png) center left no-repeat;
37
+ cursor: pointer;
38
+ }
39
+ div.pp_default .pp_expand {
40
+ background: url(../images/prettyphoto/default/sprite.png) 0 -29px no-repeat;
41
+ cursor: pointer;
42
+ width: 28px;
43
+ height: 28px;
44
+ }
45
+ div.pp_default .pp_expand:hover {
46
+ background: url(../images/prettyphoto/default/sprite.png) 0 -56px no-repeat;
47
+ cursor: pointer;
48
+ }
49
+ div.pp_default .pp_contract {
50
+ background: url(../images/prettyphoto/default/sprite.png) 0 -84px no-repeat;
51
+ cursor: pointer;
52
+ width: 28px;
53
+ height: 28px;
54
+ }
55
+ div.pp_default .pp_contract:hover {
56
+ background: url(../images/prettyphoto/default/sprite.png) 0 -113px no-repeat;
57
+ cursor: pointer;
58
+ }
59
+ div.pp_default .pp_close {
60
+ width: 30px;
61
+ height: 30px;
62
+ background: url(../images/prettyphoto/default/sprite.png) 2px 1px no-repeat;
63
+ cursor: pointer;
64
+ }
65
+ div.pp_default .pp_gallery ul li a {
66
+ background: url(../images/prettyphoto/default/default_thumb.png) center center #f8f8f8;
67
+ border: 1px solid #aaa;
68
+ }
69
+ div.pp_default .pp_social {
70
+ margin-top: 7px;
71
+ }
72
+ div.pp_default .pp_gallery a.pp_arrow_previous,
73
+ div.pp_default .pp_gallery a.pp_arrow_next {
74
+ position: static;
75
+ left: auto;
76
+ }
77
+ div.pp_default .pp_nav .pp_play,
78
+ div.pp_default .pp_nav .pp_pause {
79
+ background: url(../images/prettyphoto/default/sprite.png) -51px 1px no-repeat;
80
+ height: 30px;
81
+ width: 30px;
82
+ }
83
+ div.pp_default .pp_nav .pp_pause {
84
+ background-position: -51px -29px;
85
+ }
86
+ div.pp_default a.pp_arrow_previous,
87
+ div.pp_default a.pp_arrow_next {
88
+ background: url(../images/prettyphoto/default/sprite.png) -31px -3px no-repeat;
89
+ height: 20px;
90
+ width: 20px;
91
+ margin: 4px 0 0;
92
+ }
93
+ div.pp_default a.pp_arrow_next {
94
+ left: 52px;
95
+ background-position: -82px -3px;
96
+ }
97
+ div.pp_default .pp_content_container .pp_details {
98
+ margin-top: 5px;
99
+ }
100
+ div.pp_default .pp_nav {
101
+ clear: none;
102
+ height: 30px;
103
+ width: 110px;
104
+ position: relative;
105
+ }
106
+ div.pp_default .pp_nav .currentTextHolder {
107
+ font-family: Georgia;
108
+ font-style: italic;
109
+ color: #999;
110
+ font-size: 11px;
111
+ left: 75px;
112
+ line-height: 25px;
113
+ position: absolute;
114
+ top: 2px;
115
+ margin: 0;
116
+ padding: 0 0 0 10px;
117
+ }
118
+ div.pp_default .pp_close:hover,
119
+ div.pp_default .pp_nav .pp_play:hover,
120
+ div.pp_default .pp_nav .pp_pause:hover,
121
+ div.pp_default .pp_arrow_next:hover,
122
+ div.pp_default .pp_arrow_previous:hover {
123
+ opacity: 0.7;
124
+ }
125
+ div.pp_default .pp_description {
126
+ font-size: 11px;
127
+ font-weight: 700;
128
+ line-height: 14px;
129
+ margin: 5px 50px 5px 0;
130
+ }
131
+ div.pp_default .pp_bottom .pp_left {
132
+ background: url(../images/prettyphoto/default/sprite.png) -78px -127px no-repeat;
133
+ }
134
+ div.pp_default .pp_bottom .pp_middle {
135
+ background: url(../images/prettyphoto/default/sprite_x.png) bottom left repeat-x;
136
+ }
137
+ div.pp_default .pp_bottom .pp_right {
138
+ background: url(../images/prettyphoto/default/sprite.png) -112px -127px no-repeat;
139
+ }
140
+ div.pp_default .pp_loaderIcon {
141
+ background: url(../images/prettyphoto/default/loader.gif) center center no-repeat;
142
+ }
143
+ div.light_rounded .pp_top .pp_left {
144
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat;
145
+ }
146
+ div.light_rounded .pp_top .pp_right {
147
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat;
148
+ }
149
+ div.light_rounded .pp_next:hover {
150
+ background: url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;
151
+ cursor: pointer;
152
+ }
153
+ div.light_rounded .pp_previous:hover {
154
+ background: url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;
155
+ cursor: pointer;
156
+ }
157
+ div.light_rounded .pp_expand {
158
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;
159
+ cursor: pointer;
160
+ }
161
+ div.light_rounded .pp_expand:hover {
162
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;
163
+ cursor: pointer;
164
+ }
165
+ div.light_rounded .pp_contract {
166
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;
167
+ cursor: pointer;
168
+ }
169
+ div.light_rounded .pp_contract:hover {
170
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;
171
+ cursor: pointer;
172
+ }
173
+ div.light_rounded .pp_close {
174
+ width: 75px;
175
+ height: 22px;
176
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;
177
+ cursor: pointer;
178
+ }
179
+ div.light_rounded .pp_nav .pp_play {
180
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;
181
+ height: 15px;
182
+ width: 14px;
183
+ }
184
+ div.light_rounded .pp_nav .pp_pause {
185
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;
186
+ height: 15px;
187
+ width: 14px;
188
+ }
189
+ div.light_rounded .pp_arrow_previous {
190
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat;
191
+ }
192
+ div.light_rounded .pp_arrow_next {
193
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat;
194
+ }
195
+ div.light_rounded .pp_bottom .pp_left {
196
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat;
197
+ }
198
+ div.light_rounded .pp_bottom .pp_right {
199
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat;
200
+ }
201
+ div.dark_rounded .pp_top .pp_left {
202
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat;
203
+ }
204
+ div.dark_rounded .pp_top .pp_right {
205
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat;
206
+ }
207
+ div.dark_rounded .pp_content_container .pp_left {
208
+ background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y;
209
+ }
210
+ div.dark_rounded .pp_content_container .pp_right {
211
+ background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y;
212
+ }
213
+ div.dark_rounded .pp_next:hover {
214
+ background: url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;
215
+ cursor: pointer;
216
+ }
217
+ div.dark_rounded .pp_previous:hover {
218
+ background: url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;
219
+ cursor: pointer;
220
+ }
221
+ div.dark_rounded .pp_expand {
222
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;
223
+ cursor: pointer;
224
+ }
225
+ div.dark_rounded .pp_expand:hover {
226
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;
227
+ cursor: pointer;
228
+ }
229
+ div.dark_rounded .pp_contract {
230
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;
231
+ cursor: pointer;
232
+ }
233
+ div.dark_rounded .pp_contract:hover {
234
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;
235
+ cursor: pointer;
236
+ }
237
+ div.dark_rounded .pp_close {
238
+ width: 75px;
239
+ height: 22px;
240
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;
241
+ cursor: pointer;
242
+ }
243
+ div.dark_rounded .pp_description {
244
+ margin-right: 85px;
245
+ color: #fff;
246
+ }
247
+ div.dark_rounded .pp_nav .pp_play {
248
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;
249
+ height: 15px;
250
+ width: 14px;
251
+ }
252
+ div.dark_rounded .pp_nav .pp_pause {
253
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;
254
+ height: 15px;
255
+ width: 14px;
256
+ }
257
+ div.dark_rounded .pp_arrow_previous {
258
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat;
259
+ }
260
+ div.dark_rounded .pp_arrow_next {
261
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat;
262
+ }
263
+ div.dark_rounded .pp_bottom .pp_left {
264
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat;
265
+ }
266
+ div.dark_rounded .pp_bottom .pp_right {
267
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat;
268
+ }
269
+ div.dark_rounded .pp_loaderIcon {
270
+ background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat;
271
+ }
272
+ div.dark_square .pp_left,
273
+ div.dark_square .pp_middle,
274
+ div.dark_square .pp_right,
275
+ div.dark_square .pp_content {
276
+ background: #000;
277
+ }
278
+ div.dark_square .pp_description {
279
+ color: #fff;
280
+ margin: 0 85px 0 0;
281
+ }
282
+ div.dark_square .pp_loaderIcon {
283
+ background: url(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat;
284
+ }
285
+ div.dark_square .pp_expand {
286
+