Premium Addons for Elementor - Version 4.9.14

Version Description

  • New: Added Half Circle layout in Progress Bar widget - here.
  • Tweak: Improved Load More button behavior in WooCommerce Products Listing widget - here.
  • Tweak: Added option for Custom Menus to align mega content to the widget center in Mega Menu widget.
  • Fixed: PHP warning in WooCommerce Products Listing widget.
  • Fixed: Link attributes are duplicated with Custom Menu in Mega Menu widget.
  • Fixed: Elementor placeholder images are inserted in Media Library in Copy N' Paste feature.
  • Fixed: Copy/Paste all content in Copy N' Paste feature not working.
Download this release

Release Info

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

Code changes from version 4.9.13 to 4.9.14

assets/editor/js/premium-cross-cp.js CHANGED
@@ -110,7 +110,17 @@
110
  icon: "pa-dash-icon",
111
  callback: function () {
112
  var a = {};
113
- a.eletype = "widget" == c[e] ? f.model.get("widgetType") : null, a.elecode = f.model.toJSON(), xdLocalStorage.setItem("premium-c-p-element", JSON.stringify(a)), console.log(a)
 
 
 
 
 
 
 
 
 
 
114
  }
115
  }, {
116
  name: "premium_addons_paste",
110
  icon: "pa-dash-icon",
111
  callback: function () {
112
  var a = {};
113
+
114
+ a.eletype = "widget" == c[e] ? f.model.get("widgetType") : null;
115
+ a.elecode = f.model.toJSON();
116
+
117
+ xdLocalStorage.setItem("premium-c-p-element", JSON.stringify(a), function () {
118
+ elementor.notifications.showToast({
119
+ message: elementor.translate('Copied')
120
+ });
121
+ });
122
+
123
+
124
  }
125
  }, {
126
  name: "premium_addons_paste",
assets/editor/templates/css/editor-rtl.css CHANGED
@@ -1,578 +1,578 @@
1
- #premium-template-modal .dialog-widget-content {
2
- background-color: #f1f3f5;
3
- width: 100%;
4
- }
5
-
6
- @media (max-width: 1439px) {
7
- #premium-template-modal .dialog-widget-content {
8
- max-width: 990px;
9
- }
10
- }
11
-
12
- @media (min-width: 1440px) {
13
- #premium-template-modal .dialog-widget-content {
14
- max-width: 1200px;
15
- }
16
- }
17
-
18
- #premium-template-modal .dialog-widget-header,
19
- #premium-template-modal .dialog-header {
20
- padding: 0;
21
- background-color: #fff;
22
- -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
23
- box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
24
- position: relative;
25
- z-index: 1;
26
- }
27
-
28
- #premium-template-modal .dialog-buttons-wrapper {
29
- display: none;
30
- }
31
-
32
- #premium-template-modal a,
33
- #premium-template-modal a:hover {
34
- color: inherit;
35
- }
36
-
37
- #premium-template-modal a.elementor-template-library-blank-footer-link {
38
- -webkit-transition: color 0.5s;
39
- transition: color 0.5s;
40
- }
41
-
42
- #premium-template-modal a.elementor-template-library-blank-footer-link:hover {
43
- color: #9b0a46;
44
- }
45
-
46
- #premium-template-modal .elementor-button {
47
- text-transform: uppercase;
48
- }
49
-
50
- #premium-template-modal ::-webkit-scrollbar {
51
- width: 6px;
52
- height: 0;
53
- border-radius: 3px;
54
- }
55
-
56
- #premium-template-modal ::-webkit-scrollbar-button {
57
- width: 0;
58
- height: 10px;
59
- }
60
-
61
- #premium-template-modal ::-webkit-scrollbar-thumb {
62
- background-color: #d5dadf;
63
- border: 0 none #d5dadf;
64
- border-radius: 0;
65
- border-radius: 3px;
66
- }
67
-
68
- #premium-template-modal ::-webkit-scrollbar-track {
69
- border: 0 none #fff;
70
- border-radius: 0;
71
- }
72
-
73
- #premium-template-modal ::-webkit-scrollbar-corner {
74
- background: transparent;
75
- }
76
-
77
- #premium-template-modal-header {
78
- display: -webkit-box;
79
- display: -ms-flexbox;
80
- display: flex;
81
- -webkit-box-pack: justify;
82
- -ms-flex-pack: justify;
83
- display: -webkit-box;
84
- display: -webkit-flex;
85
- display: -ms-flexbox;
86
- display: flex;
87
- -webkit-box-align: center;
88
- -webkit-align-items: center;
89
- -ms-flex-align: center;
90
- align-items: center;
91
- -webkit-box-pack: justify;
92
- -ms-flex-pack: justify;
93
-
94
- height: 50px;
95
- }
96
-
97
- #premium-template-modal-header .premium-template-modal-back {
98
- background: none;
99
- border: none;
100
- border-left: 1px solid #e6e9ec;
101
- padding: 15px 15px 15px 20px;
102
- line-height: 20px;
103
- font-size: 13px;
104
- font-weight: 700;
105
- outline: none;
106
- -webkit-transition: all 200ms linear;
107
- transition: all 200ms linear;
108
- cursor: pointer;
109
- color: #6d7882;
110
- }
111
-
112
- #premium-template-modal-header .premium-template-modal-back:not(:hover) {
113
- color: #a4afb7;
114
- }
115
-
116
- #premium-template-modal-header .elementor-button {
117
- padding: 8px 10px;
118
- }
119
-
120
- #premium-template-modal-header-close-modal {
121
- width: 45px;
122
- border-right: 1px solid #e6e9ec;
123
- display: -webkit-box;
124
- display: -ms-flexbox;
125
- display: flex;
126
- -webkit-box-align: center;
127
- -ms-flex-align: center;
128
- align-items: center;
129
- -webkit-box-pack: center;
130
- -ms-flex-pack: center;
131
- justify-content: center;
132
- cursor: pointer;
133
- -webkit-transition: all 200ms linear;
134
- transition: all 200ms linear;
135
- }
136
-
137
- #premium-template-modal-header-close-modal i {
138
- color: #a4afb7;
139
- font-size: 16px;
140
- }
141
-
142
- #premium-template-modal-header-close-modal:hover i {
143
- color: #6d7882;
144
- }
145
-
146
- #premium-template-modal-header-actions .template-library-activate-license {
147
- display: block;
148
- padding: 8px 10px;
149
- color: #fff;
150
- }
151
-
152
- #premium-template-modal-header-actions .template-library-activate-license:hover {
153
- color: #fff;
154
- opacity: 0.85;
155
- -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2);
156
- box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2);
157
- }
158
-
159
- #premium-template-modal-header-actions .premium-template-insert-no-media {
160
- background-color: #a4afb7;
161
- color: #fff;
162
- }
163
-
164
- #premium-template-modal .elementor-library-error {
165
- margin: 18% 0 0;
166
- }
167
-
168
- #premium-template-modal .elementor-library-error-message {
169
- font-size: 18px;
170
- padding: 0 0 20px;
171
- }
172
-
173
- #premium-template-modal .elementor-library-error-link a {
174
- display: inline-block;
175
- color: #fff;
176
- background-image: none;
177
- background: #f47216;
178
- font-size: 13px;
179
- font-weight: 400;
180
- font-style: normal;
181
- text-transform: uppercase;
182
- line-height: 1;
183
- height: 40px;
184
- line-height: 40px;
185
- min-width: 170px;
186
- padding: 0 20px;
187
- border: none;
188
- border-radius: 3px;
189
- cursor: pointer;
190
- -webkit-transition: all 0.5s;
191
- transition: all 0.5s;
192
- }
193
-
194
- #premium-template-modal .elementor-library-error-link a:hover {
195
- opacity: 0.85;
196
- -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2);
197
- box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2);
198
- }
199
-
200
- #premium-modal-tabs-items {
201
- display: none;
202
- }
203
-
204
- #premium-template-modal-header-tabs {
205
- display: -webkit-box;
206
- display: -webkit-flex;
207
- display: -ms-flexbox;
208
- display: flex;
209
- flex: 2;
210
- -webkit-box-align: center;
211
- -webkit-align-items: center;
212
- -ms-flex-align: center;
213
- align-items: center;
214
- -webkit-box-pack: justify;
215
- -webkit-justify-content: space-between;
216
- -ms-flex-pack: justify;
217
- justify-content: space-between;
218
- }
219
-
220
- #premium-template-modal-header-logo-area {
221
- text-align: right;
222
- padding-right: 15px;
223
- }
224
-
225
- #premium-template-modal-header-logo-area>* {
226
- display: -webkit-box;
227
- display: -webkit-flex;
228
- display: -ms-flexbox;
229
- display: flex;
230
- -webkit-box-align: center;
231
- -webkit-align-items: center;
232
- -ms-flex-align: center;
233
- align-items: center;
234
- }
235
-
236
- #premium-template-modal-header-logo .premium-template-modal-header-logo-icon {
237
- margin-left: 5px;
238
- }
239
-
240
- #premium-template-modal-header-logo .premium-template-modal-header-logo-icon img {
241
- width: 30px;
242
- height: 30px;
243
- }
244
-
245
- #premium-template-modal-header-logo {
246
- color: #495157;
247
- line-height: 1;
248
- text-transform: uppercase;
249
- font-weight: 700;
250
- cursor: pointer;
251
- }
252
-
253
- #premium-template-library-content {
254
- display: -webkit-box;
255
- display: -ms-flexbox;
256
- display: flex;
257
- height: calc(100% - 20px);
258
- }
259
-
260
- #premium-template-library-content .premium-filters-list {
261
- width: 18%;
262
- padding: 0px 0px 10px 10px;
263
- height: 100%;
264
- overflow: auto;
265
- }
266
-
267
- #premium-template-library-content .premium-templates-wrap {
268
- width: 85%;
269
- }
270
-
271
- #premium-template-library-content .premium-templates-list {
272
- height: 100%;
273
- overflow: auto;
274
- margin-top: 12px;
275
- }
276
-
277
- #premium-template-library-content .premium-keywords-list {
278
- padding-right: 10px;
279
- }
280
-
281
- #elementor-template-library-filter {
282
- display: -webkit-box;
283
- display: -ms-flexbox;
284
- display: flex;
285
- align-items: center;
286
- }
287
-
288
- #elementor-template-library-filter label {
289
- color: #6d7882;
290
- font-size: 14px;
291
- font-weight: 500;
292
- margin-left: 0.5em;
293
- }
294
-
295
- #premium-template-modal .elementor-loader {
296
- position: relative;
297
- background-color: hsla(0, 0%, 100%, 0.9);
298
- }
299
-
300
- #premium-template-modal .elementor-loader .elementor-loader-box:first-of-type {
301
- left: 40px;
302
- top: 40px;
303
- width: 14px;
304
- height: 70px;
305
- }
306
-
307
- #premium-template-modal .elementor-loader .elementor-loader-box:nth-of-type(2) {
308
- top: 40px;
309
- }
310
-
311
- #premium-template-modal .elementor-loader .elementor-loader-box:nth-of-type(3) {
312
- top: 68px;
313
- }
314
-
315
- #premium-template-modal .elementor-loader .elementor-loader-box:nth-of-type(4) {
316
- bottom: 40px;
317
- }
318
-
319
- #premium-template-modal .elementor-loader .elementor-loader-box:not(:first-of-type) {
320
- right: 40px;
321
- height: 14px;
322
- width: 42px;
323
- }
324
-
325
- #premium-template-library-content .premium-template-filter-label {
326
- display: block;
327
- position: relative;
328
- text-align: right;
329
- padding: 9px 0;
330
- }
331
-
332
- #premium-template-library-content .premium-template-filter-label input[type="radio"] {
333
- position: absolute;
334
- right: 0;
335
- top: 0;
336
- left: 0;
337
- bottom: 0;
338
- margin: 0;
339
- opacity: 0;
340
- display: block;
341
- width: 100%;
342
- height: 100%;
343
- cursor: pointer;
344
- }
345
-
346
- .premium-template-filter-label span {
347
- color: #6d7882;
348
- }
349
-
350
- #premium-template-library-content .premium-template-filter-label:hover span,
351
- #premium-template-library-content .premium-template-filter-label input:checked+span {
352
- color: #f47216;
353
- }
354
-
355
- #premium-template-library-content .premium-template-filter-item {
356
- border-top: 1px solid rgba(213, 218, 223, 0.5);
357
- }
358
-
359
- #premium-template-library-content .premium-template-filter-item:first-child {
360
- border-top: none;
361
- }
362
-
363
- #premium-template-library-content .premium-templates-wrap {
364
- width: 100%;
365
- }
366
-
367
- #premium-template-library-content .premium-template-insert,
368
- #premium-template-library-content .premium-template-insert-no-media {
369
- padding: 5px 12px;
370
- }
371
-
372
- #premium-template-library-content .premium-template-insert-no-media {
373
- color: #6d7882 !important;
374
- margin-right: 8px !important;
375
- }
376
-
377
- /* #premium-template-library-content .premium-template-insert i,
378
- #premium-template-library-content .premium-template-insert-no-media i {
379
- margin-right: 2px;
380
- } */
381
-
382
- #premium-template-library-content .premium-template-insert span,
383
- #premium-template-library-content .premium-template-insert-no-media span {
384
- font-size: 11px;
385
- }
386
-
387
- #premium-template-library-content .elementor-template-library-template-name {
388
- width: 200px;
389
- }
390
-
391
- #premium-modal-templates-container {
392
- display: -webkit-box;
393
- display: -ms-flexbox;
394
- display: flex;
395
- -ms-flex-wrap: wrap;
396
- flex-wrap: wrap;
397
- -webkit-box-align: start;
398
- -ms-flex-align: start;
399
- align-items: flex-start;
400
- }
401
-
402
- #premium-modal-templates-container .elementor-template-library-template {
403
- position: relative;
404
- background: #fff;
405
- }
406
-
407
- #premium-modal-templates-container .premium-template-pro::before {
408
- position: absolute;
409
- left: -76px;
410
- top: 2px;
411
- content: "PRO";
412
- z-index: 10;
413
- width: 180px;
414
- height: 20px;
415
- padding: 0 20px;
416
- font-size: 12px;
417
- line-height: 10px;
418
- text-align: center;
419
- color: #fff;
420
- font-weight: bold;
421
- box-shadow: 0px 1px 3px #888888;
422
- background: #f47216;
423
- border-top: 5px solid #f47216;
424
- border-bottom: 5px solid #f47216;
425
- -webkit-transform: rotate(-35deg);
426
- transform: rotate(-35deg);
427
- }
428
-
429
- #premium-modal-templates-container .elementor-template-library-template-remote {
430
- width: calc(33.3333% - 30px);
431
- }
432
-
433
- #premium-template-library-content #premium-modal-templates-container .elementor-template-library-template-controls {
434
- position: absolute;
435
- background-color: #fff;
436
- right: 0;
437
- bottom: -15px;
438
- left: 0;
439
- display: -webkit-box;
440
- display: -ms-flexbox;
441
- display: flex;
442
- -webkit-box-pack: justify;
443
- -ms-flex-pack: justify;
444
- -webkit-transition: all 0.3s ease;
445
- transition: all 0.3s ease;
446
- justify-content: center;
447
- padding: 9px 8px 9px 10px;
448
- z-index: 10;
449
- }
450
-
451
- #premium-template-library-content #premium-modal-templates-container .elementor-template-library-template:hover .elementor-template-library-template-controls {
452
- bottom: 0;
453
- }
454
-
455
- #premium-template-library-content #premium-modal-templates-container .premium-template-insert,
456
- #premium-template-library-content #premium-modal-templates-container .premium-template-insert-no-media {
457
- padding: 0;
458
- margin: 0;
459
- color: #39b54a;
460
- background: none;
461
- text-transform: none;
462
- font-size: 12px;
463
- }
464
-
465
- #premium-template-library-content #premium-modal-templates-container .premium-clone-template {
466
- background: none;
467
- border: none;
468
- padding: 0;
469
- margin: 0;
470
- color: #9b0a46;
471
- cursor: pointer;
472
- display: none;
473
- font-size: 12px;
474
- -webkit-box-shadow: none;
475
- box-shadow: none;
476
- outline: none;
477
- font-weight: bold;
478
- }
479
-
480
- div.premium-template-has-url:hover .premium-clone-template {
481
- display: block !important;
482
- }
483
-
484
- #premium-template-library-content #premium-modal-templates-container .premium-template-insert:hover,
485
- #premium-template-library-content #premium-modal-templates-container .premium-template-insert-no-media:hover {
486
- -webkit-box-shadow: none;
487
- box-shadow: none;
488
- }
489
-
490
- #premium-template-library-content #premium-modal-templates-container .elementor-template-library-template-name {
491
- padding: 5px 0 0;
492
- text-align: center;
493
- display: block !important;
494
- }
495
-
496
- #premium-template-library-content #premium-modal-templates-container .elementor-template-library-template-name-holder {
497
- height: 23px;
498
- }
499
-
500
- #premium-template-library-content #premium-modal-templates-container .template-library-activate-license {
501
- display: none;
502
- color: #fcb92c;
503
- font-size: 12px;
504
- }
505
-
506
- #premium-template-library-content #premium-modal-templates-container .template-library-activate-license:hover {
507
- color: #d89403;
508
- }
509
-
510
- #premium-template-library-content #premium-modal-templates-container .elementor-template-library-template:hover .elementor-template-library-template-name {
511
- opacity: 0;
512
- }
513
-
514
- .library-tab-premium_page #premium-modal-templates-container .elementor-template-library-template-remote {
515
- width: calc(25% - 20px);
516
- margin: 10px;
517
- }
518
-
519
- .library-tab-premium_page #premium-modal-templates-container .elementor-template-library-template-remote .elementor-template-library-template-action {
520
- padding: 8px;
521
- }
522
-
523
- #premium-modal-templates-container .premium-template-no-url .elementor-template-library-template-preview {
524
- cursor: default !important;
525
- opacity: 0 !important;
526
- }
527
-
528
- #premium-modal-templates-container .premium-template-no-url .fa-search-plus {
529
- display: none !important;
530
- }
531
-
532
- #premium-modal-templates-container .elementor-template-library-template:hover .template-library-activate-license {
533
- display: block !important;
534
- }
535
-
536
- .elementor-template-library-template-screenshot img {
537
- width: 100%;
538
- max-width: 100%;
539
- height: auto;
540
- display: block;
541
- }
542
-
543
- /* * Preview Iframe */
544
- #premium-templatate-item-preview-wrap,
545
- #premium-templatate-item-preview-wrap .premium-template-item-preview-iframe {
546
- height: 100%;
547
- overflow: hidden;
548
- }
549
-
550
- #premium-templatate-item-preview-wrap iframe {
551
- height: 140%;
552
- -webkit-transform: scale(0.666) translateX(25%) translateY(-25%);
553
- -ms-transform: scale(0.666) translateX(25%) translateY(-25%);
554
- transform: scale(0.666) translateX(25%) translateY(-25%);
555
- }
556
-
557
- @media (max-width: 1439px) {
558
- #premium-templatate-item-preview-wrap iframe {
559
- width: 1440px;
560
- }
561
- }
562
-
563
- @media (min-width: 1440px) {
564
- #premium-templatate-item-preview-wrap iframe {
565
- width: 1710px;
566
- }
567
- }
568
-
569
- .premium-template-item-notice div {
570
- color: #31708f;
571
- background-color: #d9edf7;
572
- border-color: #bcdff1;
573
- padding: 15px;
574
- border-right: 5px solid #bcdff1;
575
- position: relative;
576
- text-align: right;
577
- margin-bottom: 8px;
578
  }
1
+ #premium-template-modal .dialog-widget-content {
2
+ background-color: #f1f3f5;
3
+ width: 100%;
4
+ }
5
+
6
+ @media (max-width: 1439px) {
7
+ #premium-template-modal .dialog-widget-content {
8
+ max-width: 990px;
9
+ }
10
+ }
11
+
12
+ @media (min-width: 1440px) {
13
+ #premium-template-modal .dialog-widget-content {
14
+ max-width: 1200px;
15
+ }
16
+ }
17
+
18
+ #premium-template-modal .dialog-widget-header,
19
+ #premium-template-modal .dialog-header {
20
+ padding: 0;
21
+ background-color: #fff;
22
+ -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
23
+ box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
24
+ position: relative;
25
+ z-index: 1;
26
+ }
27
+
28
+ #premium-template-modal .dialog-buttons-wrapper {
29
+ display: none;
30
+ }
31
+
32
+ #premium-template-modal a,
33
+ #premium-template-modal a:hover {
34
+ color: inherit;
35
+ }
36
+
37
+ #premium-template-modal a.elementor-template-library-blank-footer-link {
38
+ -webkit-transition: color 0.5s;
39
+ transition: color 0.5s;
40
+ }
41
+
42
+ #premium-template-modal a.elementor-template-library-blank-footer-link:hover {
43
+ color: #9b0a46;
44
+ }
45
+
46
+ #premium-template-modal .elementor-button {
47
+ text-transform: uppercase;
48
+ }
49
+
50
+ #premium-template-modal ::-webkit-scrollbar {
51
+ width: 6px;
52
+ height: 0;
53
+ border-radius: 3px;
54
+ }
55
+
56
+ #premium-template-modal ::-webkit-scrollbar-button {
57
+ width: 0;
58
+ height: 10px;
59
+ }
60
+
61
+ #premium-template-modal ::-webkit-scrollbar-thumb {
62
+ background-color: #d5dadf;
63
+ border: 0 none #d5dadf;
64
+ border-radius: 0;
65
+ border-radius: 3px;
66
+ }
67
+
68
+ #premium-template-modal ::-webkit-scrollbar-track {
69
+ border: 0 none #fff;
70
+ border-radius: 0;
71
+ }
72
+
73
+ #premium-template-modal ::-webkit-scrollbar-corner {
74
+ background: transparent;
75
+ }
76
+
77
+ #premium-template-modal-header {
78
+ display: -webkit-box;
79
+ display: -ms-flexbox;
80
+ display: flex;
81
+ -webkit-box-pack: justify;
82
+ -ms-flex-pack: justify;
83
+ display: -webkit-box;
84
+ display: -webkit-flex;
85
+ display: -ms-flexbox;
86
+ display: flex;
87
+ -webkit-box-align: center;
88
+ -webkit-align-items: center;
89
+ -ms-flex-align: center;
90
+ align-items: center;
91
+ -webkit-box-pack: justify;
92
+ -ms-flex-pack: justify;
93
+
94
+ height: 50px;
95
+ }
96
+
97
+ #premium-template-modal-header .premium-template-modal-back {
98
+ background: none;
99
+ border: none;
100
+ border-left: 1px solid #e6e9ec;
101
+ padding: 15px 15px 15px 20px;
102
+ line-height: 20px;
103
+ font-size: 13px;
104
+ font-weight: 700;
105
+ outline: none;
106
+ -webkit-transition: all 200ms linear;
107
+ transition: all 200ms linear;
108
+ cursor: pointer;
109
+ color: #6d7882;
110
+ }
111
+
112
+ #premium-template-modal-header .premium-template-modal-back:not(:hover) {
113
+ color: #a4afb7;
114
+ }
115
+
116
+ #premium-template-modal-header .elementor-button {
117
+ padding: 8px 10px;
118
+ }
119
+
120
+ #premium-template-modal-header-close-modal {
121
+ width: 45px;
122
+ border-right: 1px solid #e6e9ec;
123
+ display: -webkit-box;
124
+ display: -ms-flexbox;
125
+ display: flex;
126
+ -webkit-box-align: center;
127
+ -ms-flex-align: center;
128
+ align-items: center;
129
+ -webkit-box-pack: center;
130
+ -ms-flex-pack: center;
131
+ justify-content: center;
132
+ cursor: pointer;
133
+ -webkit-transition: all 200ms linear;
134
+ transition: all 200ms linear;
135
+ }
136
+
137
+ #premium-template-modal-header-close-modal i {
138
+ color: #a4afb7;
139
+ font-size: 16px;
140
+ }
141
+
142
+ #premium-template-modal-header-close-modal:hover i {
143
+ color: #6d7882;
144
+ }
145
+
146
+ #premium-template-modal-header-actions .template-library-activate-license {
147
+ display: block;
148
+ padding: 8px 10px;
149
+ color: #fff;
150
+ }
151
+
152
+ #premium-template-modal-header-actions .template-library-activate-license:hover {
153
+ color: #fff;
154
+ opacity: 0.85;
155
+ -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2);
156
+ box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2);
157
+ }
158
+
159
+ #premium-template-modal-header-actions .premium-template-insert-no-media {
160
+ background-color: #a4afb7;
161
+ color: #fff;
162
+ }
163
+
164
+ #premium-template-modal .elementor-library-error {
165
+ margin: 18% 0 0;
166
+ }
167
+
168
+ #premium-template-modal .elementor-library-error-message {
169
+ font-size: 18px;
170
+ padding: 0 0 20px;
171
+ }
172
+
173
+ #premium-template-modal .elementor-library-error-link a {
174
+ display: inline-block;
175
+ color: #fff;
176
+ background-image: none;
177
+ background: #f47216;
178
+ font-size: 13px;
179
+ font-weight: 400;
180
+ font-style: normal;
181
+ text-transform: uppercase;
182
+ line-height: 1;
183
+ height: 40px;
184
+ line-height: 40px;
185
+ min-width: 170px;
186
+ padding: 0 20px;
187
+ border: none;
188
+ border-radius: 3px;
189
+ cursor: pointer;
190
+ -webkit-transition: all 0.5s;
191
+ transition: all 0.5s;
192
+ }
193
+
194
+ #premium-template-modal .elementor-library-error-link a:hover {
195
+ opacity: 0.85;
196
+ -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2);
197
+ box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2);
198
+ }
199
+
200
+ #premium-modal-tabs-items {
201
+ display: none;
202
+ }
203
+
204
+ #premium-template-modal-header-tabs {
205
+ display: -webkit-box;
206
+ display: -webkit-flex;
207
+ display: -ms-flexbox;
208
+ display: flex;
209
+ flex: 2;
210
+ -webkit-box-align: center;
211
+ -webkit-align-items: center;
212
+ -ms-flex-align: center;
213
+ align-items: center;
214
+ -webkit-box-pack: justify;
215
+ -webkit-justify-content: space-between;
216
+ -ms-flex-pack: justify;
217
+ justify-content: space-between;
218
+ }
219
+
220
+ #premium-template-modal-header-logo-area {
221
+ text-align: right;
222
+ padding-right: 15px;
223
+ }
224
+
225
+ #premium-template-modal-header-logo-area>* {
226
+ display: -webkit-box;
227
+ display: -webkit-flex;
228
+ display: -ms-flexbox;
229
+ display: flex;
230
+ -webkit-box-align: center;
231
+ -webkit-align-items: center;
232
+ -ms-flex-align: center;
233
+ align-items: center;
234
+ }
235
+
236
+ #premium-template-modal-header-logo .premium-template-modal-header-logo-icon {
237
+ margin-left: 5px;
238
+ }
239
+
240
+ #premium-template-modal-header-logo .premium-template-modal-header-logo-icon img {
241
+ width: 30px;
242
+ height: 30px;
243
+ }
244
+
245
+ #premium-template-modal-header-logo {
246
+ color: #495157;
247
+ line-height: 1;
248
+ text-transform: uppercase;
249
+ font-weight: 700;
250
+ cursor: pointer;
251
+ }
252
+
253
+ #premium-template-library-content {
254
+ display: -webkit-box;
255
+ display: -ms-flexbox;
256
+ display: flex;
257
+ height: calc(100% - 20px);
258
+ }
259
+
260
+ #premium-template-library-content .premium-filters-list {
261
+ width: 18%;
262
+ padding: 0px 0px 10px 10px;
263
+ height: 100%;
264
+ overflow: auto;
265
+ }
266
+
267
+ #premium-template-library-content .premium-templates-wrap {
268
+ width: 85%;
269
+ }
270
+
271
+ #premium-template-library-content .premium-templates-list {
272
+ height: 100%;
273
+ overflow: auto;
274
+ margin-top: 12px;
275
+ }
276
+
277
+ #premium-template-library-content .premium-keywords-list {
278
+ padding-right: 10px;
279
+ }
280
+
281
+ #elementor-template-library-filter {
282
+ display: -webkit-box;
283
+ display: -ms-flexbox;
284
+ display: flex;
285
+ align-items: center;
286
+ }
287
+
288
+ #elementor-template-library-filter label {
289
+ color: #6d7882;
290
+ font-size: 14px;
291
+ font-weight: 500;
292
+ margin-left: 0.5em;
293
+ }
294
+
295
+ #premium-template-modal .elementor-loader {
296
+ position: relative;
297
+ background-color: hsla(0, 0%, 100%, 0.9);
298
+ }
299
+
300
+ #premium-template-modal .elementor-loader .elementor-loader-box:first-of-type {
301
+ left: 40px;
302
+ top: 40px;
303
+ width: 14px;
304
+ height: 70px;
305
+ }
306
+
307
+ #premium-template-modal .elementor-loader .elementor-loader-box:nth-of-type(2) {
308
+ top: 40px;
309
+ }
310
+
311
+ #premium-template-modal .elementor-loader .elementor-loader-box:nth-of-type(3) {
312
+ top: 68px;
313
+ }
314
+
315
+ #premium-template-modal .elementor-loader .elementor-loader-box:nth-of-type(4) {
316
+ bottom: 40px;
317
+ }
318
+
319
+ #premium-template-modal .elementor-loader .elementor-loader-box:not(:first-of-type) {
320
+ right: 40px;
321
+ height: 14px;
322
+ width: 42px;
323
+ }
324
+
325
+ #premium-template-library-content .premium-template-filter-label {
326
+ display: block;
327
+ position: relative;
328
+ text-align: right;
329
+ padding: 9px 0;
330
+ }
331
+
332
+ #premium-template-library-content .premium-template-filter-label input[type="radio"] {
333
+ position: absolute;
334
+ right: 0;
335
+ top: 0;
336
+ left: 0;
337
+ bottom: 0;
338
+ margin: 0;
339
+ opacity: 0;
340
+ display: block;
341
+ width: 100%;
342
+ height: 100%;
343
+ cursor: pointer;
344
+ }
345
+
346
+ .premium-template-filter-label span {
347
+ color: #6d7882;
348
+ }
349
+
350
+ #premium-template-library-content .premium-template-filter-label:hover span,
351
+ #premium-template-library-content .premium-template-filter-label input:checked+span {
352
+ color: #f47216;
353
+ }
354
+
355
+ #premium-template-library-content .premium-template-filter-item {
356
+ border-top: 1px solid rgba(213, 218, 223, 0.5);
357
+ }
358
+
359
+ #premium-template-library-content .premium-template-filter-item:first-child {
360
+ border-top: none;
361
+ }
362
+
363
+ #premium-template-library-content .premium-templates-wrap {
364
+ width: 100%;
365
+ }
366
+
367
+ #premium-template-library-content .premium-template-insert,
368
+ #premium-template-library-content .premium-template-insert-no-media {
369
+ padding: 5px 12px;
370
+ }
371
+
372
+ #premium-template-library-content .premium-template-insert-no-media {
373
+ color: #6d7882 !important;
374
+ margin-left: 8px !important;
375
+ }
376
+
377
+ /* #premium-template-library-content .premium-template-insert i,
378
+ #premium-template-library-content .premium-template-insert-no-media i {
379
+ margin-right: 2px;
380
+ } */
381
+
382
+ #premium-template-library-content .premium-template-insert span,
383
+ #premium-template-library-content .premium-template-insert-no-media span {
384
+ font-size: 11px;
385
+ }
386
+
387
+ #premium-template-library-content .elementor-template-library-template-name {
388
+ width: 200px;
389
+ }
390
+
391
+ #premium-modal-templates-container {
392
+ display: -webkit-box;
393
+ display: -ms-flexbox;
394
+ display: flex;
395
+ -ms-flex-wrap: wrap;
396
+ flex-wrap: wrap;
397
+ -webkit-box-align: start;
398
+ -ms-flex-align: start;
399
+ align-items: flex-start;
400
+ }
401
+
402
+ #premium-modal-templates-container .elementor-template-library-template {
403
+ position: relative;
404
+ background: #fff;
405
+ }
406
+
407
+ #premium-modal-templates-container .premium-template-pro::before {
408
+ position: absolute;
409
+ left: -76px;
410
+ top: 2px;
411
+ content: "PRO";
412
+ z-index: 10;
413
+ width: 180px;
414
+ height: 20px;
415
+ padding: 0 20px;
416
+ font-size: 12px;
417
+ line-height: 10px;
418
+ text-align: center;
419
+ color: #fff;
420
+ font-weight: bold;
421
+ box-shadow: 0px 1px 3px #888888;
422
+ background: #f47216;
423
+ border-top: 5px solid #f47216;
424
+ border-bottom: 5px solid #f47216;
425
+ -webkit-transform: rotate(-35deg);
426
+ transform: rotate(-35deg);
427
+ }
428
+
429
+ #premium-modal-templates-container .elementor-template-library-template-remote {
430
+ width: calc(33.3333% - 30px);
431
+ }
432
+
433
+ #premium-template-library-content #premium-modal-templates-container .elementor-template-library-template-controls {
434
+ position: absolute;
435
+ background-color: #fff;
436
+ right: 0;
437
+ bottom: -15px;
438
+ left: 0;
439
+ display: -webkit-box;
440
+ display: -ms-flexbox;
441
+ display: flex;
442
+ -webkit-box-pack: justify;
443
+ -ms-flex-pack: justify;
444
+ -webkit-transition: all 0.3s ease;
445
+ transition: all 0.3s ease;
446
+ justify-content: center;
447
+ padding: 9px 8px 9px 10px;
448
+ z-index: 10;
449
+ }
450
+
451
+ #premium-template-library-content #premium-modal-templates-container .elementor-template-library-template:hover .elementor-template-library-template-controls {
452
+ bottom: 0;
453
+ }
454
+
455
+ #premium-template-library-content #premium-modal-templates-container .premium-template-insert,
456
+ #premium-template-library-content #premium-modal-templates-container .premium-template-insert-no-media {
457
+ padding: 0;
458
+ margin: 0;
459
+ color: #39b54a;
460
+ background: none;
461
+ text-transform: none;
462
+ font-size: 12px;
463
+ }
464
+
465
+ #premium-template-library-content #premium-modal-templates-container .premium-clone-template {
466
+ background: none;
467
+ border: none;
468
+ padding: 0;
469
+ margin: 0;
470
+ color: #9b0a46;
471
+ cursor: pointer;
472
+ display: none;
473
+ font-size: 12px;
474
+ -webkit-box-shadow: none;
475
+ box-shadow: none;
476
+ outline: none;
477
+ font-weight: bold;
478
+ }
479
+
480
+ div.premium-template-has-url:hover .premium-clone-template {
481
+ display: block !important;
482
+ }
483
+
484
+ #premium-template-library-content #premium-modal-templates-container .premium-template-insert:hover,
485
+ #premium-template-library-content #premium-modal-templates-container .premium-template-insert-no-media:hover {
486
+ -webkit-box-shadow: none;
487
+ box-shadow: none;
488
+ }
489
+
490
+ #premium-template-library-content #premium-modal-templates-container .elementor-template-library-template-name {
491
+ padding: 5px 0 0;
492
+ text-align: center;
493
+ display: block !important;
494
+ }
495
+
496
+ #premium-template-library-content #premium-modal-templates-container .elementor-template-library-template-name-holder {
497
+ height: 23px;
498
+ }
499
+
500
+ #premium-template-library-content #premium-modal-templates-container .template-library-activate-license {
501
+ display: none;
502
+ color: #fcb92c;
503
+ font-size: 12px;
504
+ }
505
+
506
+ #premium-template-library-content #premium-modal-templates-container .template-library-activate-license:hover {
507
+ color: #d89403;
508
+ }
509
+
510
+ #premium-template-library-content #premium-modal-templates-container .elementor-template-library-template:hover .elementor-template-library-template-name {
511
+ opacity: 0;
512
+ }
513
+
514
+ .library-tab-premium_page #premium-modal-templates-container .elementor-template-library-template-remote {
515
+ width: calc(25% - 20px);
516
+ margin: 10px;
517
+ }
518
+
519
+ .library-tab-premium_page #premium-modal-templates-container .elementor-template-library-template-remote .elementor-template-library-template-action {
520
+ padding: 8px;
521
+ }
522
+
523
+ #premium-modal-templates-container .premium-template-no-url .elementor-template-library-template-preview {
524
+ cursor: default !important;
525
+ opacity: 0 !important;
526
+ }
527
+
528
+ #premium-modal-templates-container .premium-template-no-url .fa-search-plus {
529
+ display: none !important;
530
+ }
531
+
532
+ #premium-modal-templates-container .elementor-template-library-template:hover .template-library-activate-license {
533
+ display: block !important;
534
+ }
535
+
536
+ .elementor-template-library-template-screenshot img {
537
+ width: 100%;
538
+ max-width: 100%;
539
+ height: auto;
540
+ display: block;
541
+ }
542
+
543
+ /* * Preview Iframe */
544
+ #premium-templatate-item-preview-wrap,
545
+ #premium-templatate-item-preview-wrap .premium-template-item-preview-iframe {
546
+ height: 100%;
547
+ overflow: hidden;
548
+ }
549
+
550
+ #premium-templatate-item-preview-wrap iframe {
551
+ height: 140%;
552
+ -webkit-transform: scale(0.666) translateX(25%) translateY(-25%);
553
+ -ms-transform: scale(0.666) translateX(25%) translateY(-25%);
554
+ transform: scale(0.666) translateX(25%) translateY(-25%);
555
+ }
556
+
557
+ @media (max-width: 1439px) {
558
+ #premium-templatate-item-preview-wrap iframe {
559
+ width: 1440px;
560
+ }
561
+ }
562
+
563
+ @media (min-width: 1440px) {
564
+ #premium-templatate-item-preview-wrap iframe {
565
+ width: 1710px;
566
+ }
567
+ }
568
+
569
+ .premium-template-item-notice div {
570
+ color: #31708f;
571
+ background-color: #d9edf7;
572
+ border-color: #bcdff1;
573
+ padding: 15px;
574
+ border-right: 5px solid #bcdff1;
575
+ position: relative;
576
+ text-align: right;
577
+ margin-bottom: 8px;
578
  }
assets/frontend/css/premium-addons-rtl.css CHANGED
@@ -5680,4733 +5680,4597 @@ button.premium-modal-box-modal-close {
5680
  .premium-modal-box-container[data-modal-animation*="animated-"] {
5681
  opacity: 0;
5682
  }
5683
- /************ Premium Nav Menu ************/
5684
- .premium-nav-widget-container ul {
5685
- list-style: none;
5686
- margin: 0;
5687
- }
5688
-
5689
- .premium-nav-widget-container .premium-main-nav-menu {
5690
- -js-display: flex;
5691
- display: -webkit-box;
5692
- display: -webkit-flex;
5693
- display: -moz-box;
5694
- display: -ms-flexbox;
5695
- display: flex;
5696
- height: 100%;
5697
- }
5698
-
5699
- /*Vertical Main Menu**/
5700
- .premium-nav-ver .premium-nav-menu-container {
5701
- width: 45%;
5702
- }
5703
-
5704
- .premium-nav-ver .premium-main-nav-menu {
5705
- position: relative;
5706
- -webkit-box-orient: vertical;
5707
- -webkit-box-direction: normal;
5708
- -webkit-flex-direction: column;
5709
- -moz-box-orient: vertical;
5710
- -moz-box-direction: normal;
5711
- -ms-flex-direction: column;
5712
- flex-direction: column;
5713
- -webkit-box-align: start;
5714
- -webkit-align-items: flex-start;
5715
- -moz-box-align: start;
5716
- -ms-flex-align: start;
5717
- align-items: flex-start;
5718
- }
5719
-
5720
- .premium-nav-ver:not(.premium-hamburger-menu)
5721
- .premium-nav-menu-item.menu-item-has-children
5722
- .premium-sub-menu {
5723
- visibility: hidden;
5724
- opacity: 0;
5725
- position: absolute;
5726
- min-width: 250px;
5727
- }
5728
-
5729
- .premium-nav-ver:not(.premium-hamburger-menu)
5730
- .premium-nav-menu-item.menu-item-has-children:hover
5731
- > .premium-sub-menu,
5732
- .premium-nav-ver:not(.premium-hamburger-menu)
5733
- .premium-nav-menu-item.menu-item-has-children:hover
5734
- .premium-mega-content-container {
5735
- opacity: 1;
5736
- visibility: visible;
5737
- pointer-events: auto;
5738
- }
5739
-
5740
- .premium-nav-ver .premium-nav-menu-item {
5741
- width: 100%;
5742
- }
5743
-
5744
- .premium-nav-ver:not(.premium-hamburger-menu).premium-vertical-right .premium-mega-content-container,
5745
- .premium-nav-ver:not(.premium-hamburger-menu).premium-vertical-right
5746
- .premium-nav-menu-item.menu-item-has-children
5747
- .premium-sub-menu {
5748
- left: 100%;
5749
- top: 0;
5750
- }
5751
-
5752
- .premium-nav-ver:not(.premium-hamburger-menu).premium-vertical-left .premium-mega-content-container,
5753
- .premium-nav-ver:not(.premium-hamburger-menu).premium-vertical-left
5754
- .premium-nav-menu-item.menu-item-has-children
5755
- .premium-sub-menu {
5756
- right: 100%;
5757
- top: 0;
5758
- }
5759
-
5760
- .premium-nav-ver.premium-vertical-left .premium-menu-link {
5761
- -webkit-box-orient: horizontal;
5762
- -webkit-box-direction: reverse;
5763
- -webkit-flex-direction: row-reverse;
5764
- -moz-box-orient: horizontal;
5765
- -moz-box-direction: reverse;
5766
- -ms-flex-direction: row-reverse;
5767
- flex-direction: row-reverse;
5768
- }
5769
-
5770
- /*Horizontal Main Menu**/
5771
- .premium-nav-hor .premium-nav-menu-container {
5772
- height: 60px;
5773
- }
5774
-
5775
- .premium-nav-hor:not(.premium-hamburger-menu)
5776
- .premium-nav-menu-item
5777
- .premium-sub-menu {
5778
- visibility: hidden;
5779
- opacity: 0;
5780
- position: absolute;
5781
- min-width: 220px;
5782
- }
5783
-
5784
- .premium-nav-hor:not(.premium-hamburger-menu)
5785
- .premium-nav-menu-item
5786
- > .premium-sub-menu,
5787
- .premium-nav-hor:not(.premium-hamburger-menu)
5788
- .premium-nav-menu-item
5789
- .premium-mega-content-container {
5790
- top: 100%;
5791
- }
5792
-
5793
- .premium-nav-hor:not(.premium-hamburger-menu)
5794
- .premium-nav-menu-item
5795
- > .premium-sub-menu
5796
- .premium-sub-menu,
5797
- .premium-nav-hor:not(.premium-hamburger-menu)
5798
- .premium-nav-menu-item
5799
- .premium-mega-content-container
5800
- .premium-sub-menu {
5801
- right: 100%;
5802
- top: 0;
5803
- }
5804
-
5805
- .premium-nav-hor:not(.premium-hamburger-menu)
5806
- .premium-nav-menu-item:hover
5807
- > .premium-sub-menu,
5808
- .premium-nav-hor:not(.premium-hamburger-menu)
5809
- .premium-nav-menu-item:hover
5810
- .premium-mega-content-container {
5811
- visibility: visible;
5812
- opacity: 1;
5813
- pointer-events: auto;
5814
- }
5815
-
5816
- .premium-nav-hor:not(.premium-hamburger-menu)
5817
- .premium-nav-menu-item.premium-mega-item-static
5818
- .premium-mega-content-container {
5819
- left: 50%;
5820
- -webkit-transform: translateX(-50%);
5821
- -ms-transform: translateX(-50%);
5822
- transform: translateX(-50%);
5823
- }
5824
-
5825
- .premium-nav-hor:not(.premium-hamburger-menu)
5826
- .premium-nav-menu-item:not(.premium-mega-item-static)
5827
- .premium-mega-content-container {
5828
- left: 0;
5829
- }
5830
-
5831
- /**Mega Menu Container*/
5832
- .premium-mega-nav-item .premium-sub-menu {
5833
- display: none;
5834
- }
5835
-
5836
- .premium-mega-nav-item {
5837
- position: relative;
5838
- }
5839
-
5840
- .premium-mega-nav-item:hover .premium-mega-content-container {
5841
- visibility: visible;
5842
- opacity: 1;
5843
- pointer-events: auto;
5844
- }
5845
-
5846
- .premium-mega-content-container {
5847
- visibility: hidden;
5848
- position: absolute;
5849
- z-index: 9999;
5850
- opacity: 0;
5851
- pointer-events: none;
5852
- }
5853
-
5854
- .premium-hamburger-menu .premium-mega-content-container,
5855
- .premium-nav-slide .premium-mega-content-container,
5856
- .premium-nav-dropdown .premium-mega-content-container {
5857
- visibility: visible;
5858
- position: relative;
5859
- opacity: 1;
5860
- pointer-events: auto;
5861
- }
5862
-
5863
- /**Hamburger Menu*/
5864
- .premium-nav-widget-container a.premium-hamburger-toggle,
5865
- .premium-mobile-menu-outer-container a.premium-mobile-menu-close {
5866
- text-decoration: none;
5867
- }
5868
-
5869
- .premium-nav-widget-container .premium-hamburger-toggle {
5870
- display: none;
5871
- -webkit-box-pack: center;
5872
- -webkit-justify-content: center;
5873
- -moz-box-pack: center;
5874
- -ms-flex-pack: center;
5875
- justify-content: center;
5876
- -webkit-box-align: center;
5877
- -webkit-align-items: center;
5878
- -moz-box-align: center;
5879
- -ms-flex-align: center;
5880
- align-items: center;
5881
- }
5882
-
5883
- .premium-nav-widget-container .premium-hamburger-toggle i {
5884
- padding: 0.25em;
5885
- font-size: 22px;
5886
- }
5887
-
5888
- .premium-nav-widget-container .premium-hamburger-toggle svg {
5889
- width: 22px;
5890
- height: 22px;
5891
- }
5892
-
5893
- .premium-nav-widget-container .premium-hamburger-toggle i,
5894
- .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-text,
5895
- .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-close {
5896
- color: #494c4f;
5897
- }
5898
-
5899
- .premium-nav-widget-container .premium-hamburger-toggle svg {
5900
- fill: #494c4f;
5901
- }
5902
-
5903
- .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-text,
5904
- .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-close {
5905
- margin: 2px;
5906
- }
5907
-
5908
- .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-close {
5909
- display: none;
5910
- }
5911
-
5912
- .premium-mobile-menu-container {
5913
- width: 100%;
5914
- }
5915
-
5916
- .premium-mobile-menu-container .premium-main-mobile-menu {
5917
- width: 100%;
5918
- }
5919
-
5920
- .premium-mobile-menu-container ul {
5921
- list-style: none;
5922
- margin: 0;
5923
- }
5924
-
5925
- .premium-mobile-menu-container .premium-mobile-menu,
5926
- .premium-mobile-menu-container .premium-sub-menu {
5927
- display: none;
5928
- -webkit-box-orient: vertical;
5929
- -webkit-box-direction: normal;
5930
- -webkit-flex-direction: column;
5931
- -moz-box-orient: vertical;
5932
- -moz-box-direction: normal;
5933
- -ms-flex-direction: column;
5934
- flex-direction: column;
5935
- }
5936
-
5937
- .premium-mobile-menu-container .premium-nav-menu-item {
5938
- -webkit-box-orient: vertical;
5939
- -webkit-box-direction: normal;
5940
- -webkit-flex-direction: column;
5941
- -moz-box-orient: vertical;
5942
- -moz-box-direction: normal;
5943
- -ms-flex-direction: column;
5944
- flex-direction: column;
5945
- }
5946
-
5947
- .premium-mobile-menu-container .premium-item-badge {
5948
- top: 50%;
5949
- left: 0;
5950
- -webkit-transform: translateY(-50%);
5951
- -ms-transform: translateY(-50%);
5952
- transform: translateY(-50%);
5953
- }
5954
-
5955
- /**Vertical Hamburger Menu*/
5956
- .premium-mobile-menu-outer-container {
5957
- opacity: 0;
5958
- }
5959
-
5960
- .premium-mobile-menu-outer-container.premium-vertical-toggle-open {
5961
- opacity: 1;
5962
- }
5963
-
5964
- .premium-ver-hamburger-menu .premium-mobile-menu-outer-container {
5965
- background-color: #f7f7f7;
5966
- width: 300px;
5967
- -webkit-transform: translateX(-300px);
5968
- -ms-transform: translateX(-300px);
5969
- transform: translateX(-300px);
5970
- height: 100%;
5971
- position: fixed;
5972
- top: 0;
5973
- left: 0;
5974
- overflow-x: hidden;
5975
- z-index: 10000;
5976
- -webkit-transition: 0.5s;
5977
- transition: 0.5s;
5978
- padding-top: 50px;
5979
- }
5980
-
5981
- .premium-ver-hamburger-menu
5982
- .premium-mobile-menu-outer-container
5983
- .premium-mobile-menu {
5984
- -js-display: flex;
5985
- display: -webkit-box;
5986
- display: -webkit-flex;
5987
- display: -moz-box;
5988
- display: -ms-flexbox;
5989
- display: flex;
5990
- }
5991
-
5992
- .premium-ver-hamburger-menu
5993
- .premium-mobile-menu-outer-container
5994
- .premium-mobile-menu-container {
5995
- margin-top: 50px;
5996
- }
5997
-
5998
- .premium-ver-hamburger-menu
5999
- .premium-mobile-menu-outer-container
6000
- .premium-mobile-menu-container
6001
- .premium-item-badge {
6002
- -webkit-transform: translateY(0);
6003
- -ms-transform: translateY(0);
6004
- transform: translateY(0);
6005
- }
6006
-
6007
- .premium-ver-hamburger-menu
6008
- .premium-mobile-menu-outer-container
6009
- .premium-mobile-menu-close {
6010
- position: absolute;
6011
- top: 2%;
6012
- right: 5px;
6013
- padding: 0 9px;
6014
- z-index: 10000;
6015
- -js-display: inline-flex;
6016
- display: -webkit-inline-box;
6017
- display: -webkit-inline-flex;
6018
- display: -moz-inline-box;
6019
- display: -ms-inline-flexbox;
6020
- display: inline-flex;
6021
- color: #494c4f;
6022
- -webkit-box-pack: center;
6023
- -webkit-justify-content: center;
6024
- -moz-box-pack: center;
6025
- -ms-flex-pack: center;
6026
- justify-content: center;
6027
- -webkit-box-align: center;
6028
- -webkit-align-items: center;
6029
- -moz-box-align: center;
6030
- -ms-flex-align: center;
6031
- align-items: center;
6032
- }
6033
-
6034
- .premium-ver-hamburger-menu
6035
- .premium-mobile-menu-outer-container
6036
- .premium-mobile-menu-close
6037
- .premium-toggle-close {
6038
- margin: 5px;
6039
- }
6040
-
6041
- .premium-ver-hamburger-menu
6042
- .premium-mobile-menu-outer-container
6043
- .premium-mobile-menu-close
6044
- svg {
6045
- width: 22px;
6046
- height: 22px;
6047
- fill: #494c4f;
6048
- }
6049
-
6050
- .premium-ver-hamburger-menu
6051
- .premium-mobile-menu-outer-container
6052
- .premium-mobile-menu-close
6053
- i {
6054
- font-size: 22px;
6055
- }
6056
-
6057
- .premium-ver-hamburger-menu .premium-vertical-toggle-open {
6058
- -webkit-transform: translateX(0) !important;
6059
- -ms-transform: translateX(0) !important;
6060
- transform: translateX(0) !important;
6061
- -webkit-transition: 0.5s;
6062
- transition: 0.5s;
6063
- }
6064
-
6065
- /**Common*/
6066
- .premium-nav-slide-overlay {
6067
- display: none;
6068
- position: fixed;
6069
- top: 0;
6070
- left: 0;
6071
- right: 0;
6072
- bottom: 0;
6073
- -webkit-backface-visibility: hidden;
6074
- backface-visibility: hidden;
6075
- background: rgba(0, 0, 0, 0.6);
6076
- z-index: 9999;
6077
- }
6078
-
6079
- .premium-nav-slide-overlay.premium-vertical-toggle-open {
6080
- display: block;
6081
- }
6082
-
6083
- .premium-active-menu,
6084
- .premium-active-menu:not(.premium-mega-nav-item) > .premium-sub-menu,
6085
- .premium-active-menu.premium-mega-nav-item > .premium-mega-content-container {
6086
- -js-display: flex !important;
6087
- display: -webkit-box !important;
6088
- display: -webkit-flex !important;
6089
- display: -moz-box !important;
6090
- display: -ms-flexbox !important;
6091
- display: flex !important;
6092
- -webkit-box-orient: vertical;
6093
- -webkit-box-direction: normal;
6094
- -webkit-flex-direction: column;
6095
- -moz-box-orient: vertical;
6096
- -moz-box-direction: normal;
6097
- -ms-flex-direction: column;
6098
- flex-direction: column;
6099
- }
6100
-
6101
- .premium-active-menu .premium-toggle-close {
6102
- display: block;
6103
- }
6104
-
6105
- .premium-nav-menu-container .premium-sub-menu {
6106
- background-color: #fff;
6107
- }
6108
-
6109
- .premium-mobile-menu-container li,
6110
- .premium-mobile-menu-container li > .premium-mega-content-container {
6111
- width: 100% !important;
6112
- }
6113
-
6114
- .premium-item-icon,
6115
- .premium-sub-item-icon {
6116
- font-size: 13px;
6117
- margin: 0 7px;
6118
- }
6119
-
6120
- .premium-item-icon svg,
6121
- .premium-sub-item-icon svg {
6122
- width: 100%;
6123
- height: 100%;
6124
- }
6125
-
6126
- .premium-item-icon.premium-lottie-animation,
6127
- .premium-sub-item-icon.premium-lottie-animation {
6128
- width: 20px;
6129
- height: 20px;
6130
- -js-display: flex;
6131
- display: -webkit-box;
6132
- display: -webkit-flex;
6133
- display: -moz-box;
6134
- display: -ms-flexbox;
6135
- display: flex;
6136
- -webkit-box-pack: center;
6137
- -webkit-justify-content: center;
6138
- -moz-box-pack: center;
6139
- -ms-flex-pack: center;
6140
- justify-content: center;
6141
- }
6142
-
6143
- .premium-item-icon.dashicons,
6144
- .premium-sub-item-icon.dashicons {
6145
- width: 13px;
6146
- height: 13px;
6147
- }
6148
-
6149
- .premium-nav-menu-item {
6150
- position: relative;
6151
- }
6152
-
6153
- .premium-nav-menu-item .premium-menu-link {
6154
- -js-display: flex;
6155
- display: -webkit-box;
6156
- display: -webkit-flex;
6157
- display: -moz-box;
6158
- display: -ms-flexbox;
6159
- display: flex;
6160
- -webkit-box-align: center;
6161
- -webkit-align-items: center;
6162
- -moz-box-align: center;
6163
- -ms-flex-align: center;
6164
- align-items: center;
6165
- height: 100%;
6166
- padding: 7px 10px;
6167
- text-decoration: none;
6168
- position: relative;
6169
- }
6170
-
6171
- .premium-nav-menu-item .premium-dropdown-icon {
6172
- margin: 5px;
6173
- }
6174
-
6175
- .premium-nav-menu-item.menu-item-has-children {
6176
- position: relative;
6177
- }
6178
-
6179
- .premium-nav-menu-item.menu-item-has-children .premium-sub-menu {
6180
- max-width: 100%;
6181
- z-index: 9999;
6182
- }
6183
-
6184
- .premium-nav-menu-item.menu-item-has-children
6185
- .premium-sub-menu
6186
- .premium-sub-menu-link {
6187
- -webkit-box-pack: start;
6188
- -webkit-justify-content: flex-start;
6189
- -moz-box-pack: start;
6190
- -ms-flex-pack: start;
6191
- justify-content: flex-start;
6192
- }
6193
-
6194
- .premium-nav-menu-item .menu-link {
6195
- position: relative;
6196
- text-decoration: none;
6197
- }
6198
-
6199
- .premium-item-badge,
6200
- .premium-sub-item-badge {
6201
- position: absolute;
6202
- padding: 1px 6px;
6203
- min-width: 35px;
6204
- text-align: center;
6205
- font-size: 10px;
6206
- -webkit-border-radius: 4px;
6207
- border-radius: 4px;
6208
- line-height: 1.8;
6209
- white-space: nowrap;
6210
- }
6211
-
6212
- .premium-nav-hor:not(.premium-hamburger-menu) .premium-item-badge,
6213
- .premium-nav-hor:not(.premium-nav-slide) .premium-item-badge,
6214
- .premium-nav-hor:not(.premium-nav-dropdown) .premium-item-badge {
6215
- position: relative;
6216
- margin: 8px;
6217
- }
6218
-
6219
- .premium-nav-hor .premium-sub-item-badge,
6220
- .premium-nav-slide .premium-sub-item-badge,
6221
- .premium-nav-dropdown .premium-sub-item-badge,
6222
- .premium-nav-ver.premium-vertical-right .premium-item-badge,
6223
- .premium-nav-ver.premium-vertical-right .premium-sub-item-badge {
6224
- top: 50%;
6225
- right: 0;
6226
- -webkit-transform: translateY(-50%);
6227
- -ms-transform: translateY(-50%);
6228
- transform: translateY(-50%);
6229
- }
6230
-
6231
- .premium-nav-ver.premium-vertical-left .premium-item-badge,
6232
- .premium-nav-ver.premium-vertical-left .premium-sub-item-badge {
6233
- top: 50%;
6234
- right: 0;
6235
- -webkit-transform: translateY(-50%);
6236
- -ms-transform: translateY(-50%);
6237
- transform: translateY(-50%);
6238
- }
6239
-
6240
- .premium-mega-nav-item .premium-sub-menu {
6241
- display: none;
6242
- }
6243
-
6244
- .premium-mega-nav-item {
6245
- position: relative;
6246
- }
6247
-
6248
- .premium-hamburger-menu .premium-mega-content-container,
6249
- .premium-nav-dropdown .premium-mega-content-container,
6250
- .premium-nav-slide .premium-mega-content-container {
6251
- display: none;
6252
- }
6253
-
6254
- .premium-mega-item-static {
6255
- position: static !important;
6256
- }
6257
-
6258
- .premium-hamburger-menu .premium-nav-menu-container {
6259
- display: none;
6260
- }
6261
-
6262
- .premium-hamburger-menu .premium-hamburger-toggle,
6263
- .premium-nav-dropdown .premium-hamburger-toggle,
6264
- .premium-nav-slide .premium-hamburger-toggle {
6265
- -js-display: inline-flex;
6266
- display: -webkit-inline-box;
6267
- display: -webkit-inline-flex;
6268
- display: -moz-inline-box;
6269
- display: -ms-inline-flexbox;
6270
- display: inline-flex;
6271
- -webkit-box-orient: horizontal;
6272
- -webkit-box-direction: reverse;
6273
- -webkit-flex-direction: row-reverse;
6274
- -moz-box-orient: horizontal;
6275
- -moz-box-direction: reverse;
6276
- -ms-flex-direction: row-reverse;
6277
- flex-direction: row-reverse;
6278
- }
6279
-
6280
- .premium-hidden-icon-yes.premium-hamburger-menu .premium-item-icon,
6281
- .premium-hidden-icon-yes.premium-hamburger-menu .premium-sub-item-icon,
6282
- .premium-hidden-icon-yes.premium-nav-dropdown .premium-item-icon,
6283
- .premium-hidden-icon-yes.premium-nav-dropdown .premium-sub-item-icon,
6284
- .premium-hidden-icon-yes.premium-nav-slide .premium-item-icon,
6285
- .premium-hidden-icon-yes.premium-nav-slide .premium-sub-item-icon {
6286
- display: none;
6287
- }
6288
-
6289
- .premium-hidden-badge-yes.premium-hamburger-menu .premium-item-badge,
6290
- .premium-hidden-badge-yes.premium-hamburger-menu .premium-sub-item-badge,
6291
- .premium-hidden-badge-yes.premium-nav-dropdown .premium-item-badge,
6292
- .premium-hidden-badge-yes.premium-nav-dropdown .premium-sub-item-badge,
6293
- .premium-hidden-badge-yes.premium-nav-slide .premium-item-badge,
6294
- .premium-hidden-badge-yes.premium-nav-slide .premium-sub-item-badge {
6295
- display: none;
6296
- }
6297
-
6298
- .premium-ham-dropdown .premium-mobile-menu-container,
6299
- .premium-nav-dropdown .premium-mobile-menu-container {
6300
- -js-display: flex;
6301
- display: -webkit-box;
6302
- display: -webkit-flex;
6303
- display: -moz-box;
6304
- display: -ms-flexbox;
6305
- display: flex;
6306
- }
6307
-
6308
- .premium-ham-dropdown .premium-toggle-opened .premium-toggle-close,
6309
- .premium-nav-dropdown .premium-toggle-opened .premium-toggle-close {
6310
- display: inline !important;
6311
- }
6312
-
6313
- .premium-ham-dropdown .premium-toggle-opened .premium-toggle-text,
6314
- .premium-nav-dropdown .premium-toggle-opened .premium-toggle-text {
6315
- display: none !important;
6316
- }
6317
-
6318
- .premium-stretch-dropdown .premium-mobile-menu-container {
6319
- position: absolute;
6320
- z-index: 9999;
6321
- }
6322
-
6323
- .premium-nav-default {
6324
- display: none;
6325
- }
6326
-
6327
- .premium-hamburger-toggle {
6328
- width: 100%;
6329
- }
6330
-
6331
- /*
6332
- * Pointer & Pointer Animations
6333
- */
6334
- .premium-menu-link-parent::before,
6335
- .premium-menu-link-parent::after {
6336
- display: block;
6337
- position: absolute;
6338
- -webkit-transition: all 0.3s cubic-bezier(0.58, 0.3, 0.005, 1);
6339
- transition: all 0.3s cubic-bezier(0.58, 0.3, 0.005, 1);
6340
- }
6341
-
6342
- .premium-nav-pointer-underline .premium-menu-link-parent::after,
6343
- .premium-nav-pointer-double-line .premium-menu-link-parent::after {
6344
- content: "";
6345
- bottom: 0;
6346
- }
6347
-
6348
- .premium-nav-pointer-overline .premium-menu-link-parent::before,
6349
- .premium-nav-pointer-double-line .premium-menu-link-parent::before {
6350
- content: "";
6351
- top: 0;
6352
- }
6353
-
6354
- .premium-nav-pointer-underline .premium-menu-link-parent::before,
6355
- .premium-nav-pointer-underline .premium-menu-link-parent::after,
6356
- .premium-nav-pointer-overline .premium-menu-link-parent::before,
6357
- .premium-nav-pointer-overline .premium-menu-link-parent::after,
6358
- .premium-nav-pointer-double-line .premium-menu-link-parent::before,
6359
- .premium-nav-pointer-double-line .premium-menu-link-parent::after {
6360
- height: 3px;
6361
- width: 100%;
6362
- right: 0;
6363
- background-color: #55595c;
6364
- z-index: 2;
6365
- }
6366
-
6367
- .premium-nav-menu-item:not(.premium-active-item)
6368
- .premium-menu-link-parent:not(:hover):not(:focus)::before,
6369
- .premium-nav-menu-item:not(.premium-active-item)
6370
- .premium-menu-link-parent:not(:hover):not(:focus)::after {
6371
- opacity: 0;
6372
- }
6373
-
6374
- .premium-nav-pointer-underline.premium-nav-animation-none,
6375
- .premium-nav-pointer-overline.premium-nav-animation-none,
6376
- .premium-nav-pointer-double-line.premium-nav-animation-none {
6377
- -webkit-transition-duration: 0s;
6378
- transition-duration: 0s;
6379
- }
6380
-
6381
- .premium-nav-pointer-underline.premium-nav-animation-none
6382
- .premium-menu-link-parent,
6383
- .premium-nav-pointer-underline.premium-nav-animation-none
6384
- .premium-menu-link-parent::before,
6385
- .premium-nav-pointer-underline.premium-nav-animation-none
6386
- .premium-menu-link-parent::after,
6387
- .premium-nav-pointer-underline.premium-nav-animation-none
6388
- .premium-menu-link-parent:focus,
6389
- .premium-nav-pointer-underline.premium-nav-animation-none
6390
- .premium-menu-link-parent:hover,
6391
- .premium-nav-pointer-overline.premium-nav-animation-none
6392
- .premium-menu-link-parent,
6393
- .premium-nav-pointer-overline.premium-nav-animation-none
6394
- .premium-menu-link-parent::before,
6395
- .premium-nav-pointer-overline.premium-nav-animation-none
6396
- .premium-menu-link-parent::after,
6397
- .premium-nav-pointer-overline.premium-nav-animation-none
6398
- .premium-menu-link-parent:focus,
6399
- .premium-nav-pointer-overline.premium-nav-animation-none
6400
- .premium-menu-link-parent:hover,
6401
- .premium-nav-pointer-double-line.premium-nav-animation-none
6402
- .premium-menu-link-parent,
6403
- .premium-nav-pointer-double-line.premium-nav-animation-none
6404
- .premium-menu-link-parent::before,
6405
- .premium-nav-pointer-double-line.premium-nav-animation-none
6406
- .premium-menu-link-parent::after,
6407
- .premium-nav-pointer-double-line.premium-nav-animation-none
6408
- .premium-menu-link-parent:focus,
6409
- .premium-nav-pointer-double-line.premium-nav-animation-none
6410
- .premium-menu-link-parent:hover {
6411
- -webkit-transition-duration: 0s;
6412
- transition-duration: 0s;
6413
- }
6414
-
6415
- .premium-nav-pointer-underline.premium-nav-animation-slide
6416
- .premium-nav-menu-item:not(.premium-active-item)
6417
- .premium-menu-link-parent:not(:hover):not(:focus)::after,
6418
- .premium-nav-pointer-double-line.premium-nav-animation-slide
6419
- .premium-nav-menu-item:not(.premium-active-item)
6420
- .premium-menu-link-parent:not(:hover):not(:focus)::after {
6421
- width: 10px;
6422
- inset-inline-start: 100%;
6423
- }
6424
-
6425
- .premium-nav-pointer-overline.premium-nav-animation-slide
6426
- .premium-nav-menu-item:not(.premium-active-item)
6427
- .premium-menu-link-parent:not(:hover):not(:focus)::before,
6428
- .premium-nav-pointer-double-line.premium-nav-animation-slide
6429
- .premium-nav-menu-item:not(.premium-active-item)
6430
- .premium-menu-link-parent:not(:hover):not(:focus)::before {
6431
- width: 10px;
6432
- left: -20px;
6433
- }
6434
-
6435
- .premium-nav-pointer-underline.premium-nav-animation-grow
6436
- .premium-nav-menu-item:not(.premium-active-item)
6437
- .premium-menu-link-parent:not(:hover):not(:focus)::before,
6438
- .premium-nav-pointer-underline.premium-nav-animation-grow
6439
- .premium-nav-menu-item:not(.premium-active-item)
6440
- .premium-menu-link-parent:not(:hover):not(:focus)::after,
6441
- .premium-nav-pointer-overline.premium-nav-animation-grow
6442
- .premium-nav-menu-item:not(.premium-active-item)
6443
- .premium-menu-link-parent:not(:hover):not(:focus)::before,
6444
- .premium-nav-pointer-overline.premium-nav-animation-grow
6445
- .premium-nav-menu-item:not(.premium-active-item)
6446
- .premium-menu-link-parent:not(:hover):not(:focus)::after,
6447
- .premium-nav-pointer-double-line.premium-nav-animation-grow
6448
- .premium-nav-menu-item:not(.premium-active-item)
6449
- .premium-menu-link-parent:not(:hover):not(:focus)::before,
6450
- .premium-nav-pointer-double-line.premium-nav-animation-grow
6451
- .premium-nav-menu-item:not(.premium-active-item)
6452
- .premium-menu-link-parent:not(:hover):not(:focus)::after {
6453
- height: 0;
6454
- width: 0;
6455
- left: 50%;
6456
- }
6457
-
6458
- .premium-nav-pointer-underline.premium-nav-animation-drop-in
6459
- .premium-nav-menu-item:not(.premium-active-item)
6460
- .premium-menu-link-parent:not(:hover):not(:focus)::before,
6461
- .premium-nav-pointer-overline.premium-nav-animation-drop-in
6462
- .premium-nav-menu-item:not(.premium-active-item)
6463
- .premium-menu-link-parent:not(:hover):not(:focus)::before,
6464
- .premium-nav-pointer-double-line.premium-nav-animation-drop-in
6465
- .premium-nav-menu-item:not(.premium-active-item)
6466
- .premium-menu-link-parent:not(:hover):not(:focus)::before {
6467
- top: -10px;
6468
- }
6469
-
6470
- .premium-nav-pointer-underline.premium-nav-animation-drop-in
6471
- .premium-nav-menu-item:not(.premium-active-item)
6472
- .premium-menu-link-parent:not(:hover):not(:focus)::after,
6473
- .premium-nav-pointer-overline.premium-nav-animation-drop-in
6474
- .premium-nav-menu-item:not(.premium-active-item)
6475
- .premium-menu-link-parent:not(:hover):not(:focus)::after,
6476
- .premium-nav-pointer-double-line.premium-nav-animation-drop-in
6477
- .premium-nav-menu-item:not(.premium-active-item)
6478
- .premium-menu-link-parent:not(:hover):not(:focus)::after {
6479
- bottom: -10px;
6480
- }
6481
-
6482
- .premium-nav-pointer-underline.premium-nav-animation-drop-out
6483
- .premium-nav-menu-item:not(.premium-active-item)
6484
- .premium-menu-link-parent:not(:hover):not(:focus)::before,
6485
- .premium-nav-pointer-overline.premium-nav-animation-drop-out
6486
- .premium-nav-menu-item:not(.premium-active-item)
6487
- .premium-menu-link-parent:not(:hover):not(:focus)::before,
6488
- .premium-nav-pointer-double-line.premium-nav-animation-drop-out
6489
- .premium-nav-menu-item:not(.premium-active-item)
6490
- .premium-menu-link-parent:not(:hover):not(:focus)::before {
6491
- top: 10px;
6492
- }
6493
-
6494
- .premium-nav-pointer-underline.premium-nav-animation-drop-out
6495
- .premium-nav-menu-item:not(.premium-active-item)
6496
- .premium-menu-link-parent:not(:hover):not(:focus)::after,
6497
- .premium-nav-pointer-overline.premium-nav-animation-drop-out
6498
- .premium-nav-menu-item:not(.premium-active-item)
6499
- .premium-menu-link-parent:not(:hover):not(:focus)::after,
6500
- .premium-nav-pointer-double-line.premium-nav-animation-drop-out
6501
- .premium-nav-menu-item:not(.premium-active-item)
6502
- .premium-menu-link-parent:not(:hover):not(:focus)::after {
6503
- bottom: 10px;
6504
- }
6505
-
6506
- .premium-nav-pointer-framed .premium-menu-link-parent::before {
6507
- content: "";
6508
- }
6509
-
6510
- .premium-nav-pointer-framed .premium-menu-link-parent::before,
6511
- .premium-nav-pointer-framed .premium-menu-link-parent::after {
6512
- background: transparent;
6513
- left: 0;
6514
- top: 0;
6515
- bottom: 0;
6516
- right: 0;
6517
- border: 3px solid #55595c;
6518
- }
6519
-
6520
- .premium-nav-pointer-framed.premium-nav-animation-grow
6521
- .premium-nav-menu-item:not(.premium-active-item)
6522
- .premium-menu-link-parent:not(:hover):not(:focus)::before {
6523
- -webkit-transform: scale(0.75);
6524
- -ms-transform: scale(0.75);
6525
- transform: scale(0.75);
6526
- }
6527
-
6528
- .premium-nav-pointer-framed.premium-nav-animation-shrink
6529
- .premium-nav-menu-item:not(.premium-active-item)
6530
- .premium-menu-link-parent:not(:hover):not(:focus)::before {
6531
- -webkit-transform: scale(1.25);
6532
- -ms-transform: scale(1.25);
6533
- transform: scale(1.25);
6534
- }
6535
-
6536
- .premium-nav-pointer-framed.premium-nav-animation-draw
6537
- .premium-menu-link-parent::before,
6538
- .premium-nav-pointer-framed.premium-nav-animation-draw
6539
- .premium-menu-link-parent::after {
6540
- width: 3px;
6541
- height: 3px;
6542
- }
6543
-
6544
- .premium-nav-pointer-framed.premium-nav-animation-draw
6545
- .premium-menu-link-parent::before {
6546
- border-width: 0 3px 3px 0;
6547
- -webkit-transition: width 0.1s 0.2s, height 0.1s 0.3s, opacity 0.12s 0.22s;
6548
- transition: width 0.1s 0.2s, height 0.1s 0.3s, opacity 0.12s 0.22s;
6549
- }
6550
-
6551
- .premium-nav-pointer-framed.premium-nav-animation-draw
6552
- .premium-menu-link-parent::after {
6553
- content: "";
6554
- top: auto;
6555
- bottom: 0;
6556
- left: 0;
6557
- right: auto;
6558
- border-width: 3px 0 0 3px;
6559
- -webkit-transition: width 0.1s, height 0.1s 0.1s, opacity 0.02s 0.18s;
6560
- transition: width 0.1s, height 0.1s 0.1s, opacity 0.02s 0.18s;
6561
- }
6562
-
6563
- .premium-nav-pointer-framed.premium-nav-animation-draw
6564
- .premium-menu-link-parent:hover::before,
6565
- .premium-nav-pointer-framed.premium-nav-animation-draw
6566
- .premium-menu-link-parent:focus::before {
6567
- -webkit-transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s;
6568
- transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s;
6569
- }
6570
-
6571
- .premium-nav-pointer-framed.premium-nav-animation-draw
6572
- .premium-menu-link-parent:hover::after,
6573
- .premium-nav-pointer-framed.premium-nav-animation-draw
6574
- .premium-menu-link-parent:focus::after {
6575
- -webkit-transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s;
6576
- transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s;
6577
- }
6578
-
6579
- .premium-nav-pointer-framed.premium-nav-animation-draw
6580
- .premium-menu-link-parent:hover::before,
6581
- .premium-nav-pointer-framed.premium-nav-animation-draw
6582
- .premium-menu-link-parent:hover::after,
6583
- .premium-nav-pointer-framed.premium-nav-animation-draw
6584
- .premium-menu-link-parent:focus::before,
6585
- .premium-nav-pointer-framed.premium-nav-animation-draw
6586
- .premium-menu-link-parent:focus::after {
6587
- width: 100%;
6588
- height: 100%;
6589
- }
6590
-
6591
- .premium-nav-pointer-framed.premium-nav-animation-draw
6592
- .premium-active-item
6593
- .premium-menu-link-parent::before {
6594
- -webkit-transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s;
6595
- transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s;
6596
- }
6597
-
6598
- .premium-nav-pointer-framed.premium-nav-animation-draw
6599
- .premium-active-item
6600
- .premium-menu-link-parent::after {
6601
- -webkit-transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s;
6602
- transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s;
6603
- }
6604
-
6605
- .premium-nav-pointer-framed.premium-nav-animation-draw
6606
- .premium-active-item
6607
- .premium-menu-link-parent::before,
6608
- .premium-nav-pointer-framed.premium-nav-animation-draw
6609
- .premium-active-item
6610
- .premium-menu-link-parent::after {
6611
- width: 100%;
6612
- height: 100%;
6613
- }
6614
-
6615
- .premium-nav-pointer-framed.premium-nav-animation-corners
6616
- .premium-menu-link-parent::before {
6617
- border-width: 3px 3px 0 0;
6618
- }
6619
-
6620
- .premium-nav-pointer-framed.premium-nav-animation-corners
6621
- .premium-menu-link-parent::after {
6622
- content: "";
6623
- top: auto;
6624
- bottom: 0;
6625
- left: 0;
6626
- right: auto;
6627
- border-width: 0 0 3px 3px;
6628
- }
6629
-
6630
- .premium-nav-pointer-framed.premium-nav-animation-corners
6631
- .premium-menu-link-parent::before,
6632
- .premium-nav-pointer-framed.premium-nav-animation-corners
6633
- .premium-menu-link-parent::after {
6634
- width: 3px;
6635
- height: 3px;
6636
- }
6637
-
6638
- .premium-nav-pointer-framed.premium-nav-animation-corners
6639
- .premium-menu-link-parent:hover::before,
6640
- .premium-nav-pointer-framed.premium-nav-animation-corners
6641
- .premium-menu-link-parent:hover::after,
6642
- .premium-nav-pointer-framed.premium-nav-animation-corners
6643
- .premium-menu-link-parent:focus::before,
6644
- .premium-nav-pointer-framed.premium-nav-animation-corners
6645
- .premium-menu-link-parent:focus::after {
6646
- width: 100%;
6647
- height: 100%;
6648
- -webkit-transition: opacity 2ms, width 0.4s, height 0.4s;
6649
- transition: opacity 2ms, width 0.4s, height 0.4s;
6650
- }
6651
-
6652
- .premium-nav-pointer-framed.premium-nav-animation-corners
6653
- .premium-active-item
6654
- .premium-menu-link-parent::before,
6655
- .premium-nav-pointer-framed.premium-nav-animation-corners
6656
- .premium-active-item
6657
- .premium-menu-link-parent::after {
6658
- width: 100%;
6659
- height: 100%;
6660
- -webkit-transition: opacity 2ms, width 0.4s, height 0.4s;
6661
- transition: opacity 2ms, width 0.4s, height 0.4s;
6662
- }
6663
-
6664
- .premium-nav-pointer-text.premium-nav-animation-grow
6665
- .premium-menu-link-parent:hover,
6666
- .premium-nav-pointer-text.premium-nav-animation-grow
6667
- .premium-menu-link-parent:focus {
6668
- -webkit-transform: scale(1.2);
6669
- -ms-transform: scale(1.2);
6670
- transform: scale(1.2);
6671
- }
6672
-
6673
- .premium-nav-pointer-text.premium-nav-animation-shrink
6674
- .premium-menu-link-parent:hover,
6675
- .premium-nav-pointer-text.premium-nav-animation-shrink
6676
- .premium-menu-link-parent:focus {
6677
- -webkit-transform: scale(0.8);
6678
- -ms-transform: scale(0.8);
6679
- transform: scale(0.8);
6680
- }
6681
-
6682
- .premium-nav-pointer-text.premium-nav-animation-sink
6683
- .premium-menu-link-parent:hover,
6684
- .premium-nav-pointer-text.premium-nav-animation-sink
6685
- .premium-menu-link-parent:focus {
6686
- -webkit-transform: translateY(8px);
6687
- -ms-transform: translateY(8px);
6688
- transform: translateY(8px);
6689
- }
6690
-
6691
- .premium-nav-pointer-text.premium-nav-animation-float
6692
- .premium-menu-link-parent:hover,
6693
- .premium-nav-pointer-text.premium-nav-animation-float
6694
- .premium-menu-link-parent:focus {
6695
- -webkit-transform: translateY(-8px);
6696
- -ms-transform: translateY(-8px);
6697
- transform: translateY(-8px);
6698
- }
6699
-
6700
- .premium-nav-pointer-text.premium-nav-animation-skew
6701
- .premium-menu-link-parent:hover,
6702
- .premium-nav-pointer-text.premium-nav-animation-skew
6703
- .premium-menu-link-parent:focus {
6704
- -webkit-transform: skew(-8deg);
6705
- -ms-transform: skew(-8deg);
6706
- transform: skew(-8deg);
6707
- }
6708
-
6709
- .premium-nav-pointer-text.premium-nav-animation-rotate
6710
- .premium-menu-link-parent:hover,
6711
- .premium-nav-pointer-text.premium-nav-animation-rotate
6712
- .premium-menu-link-parent:focus {
6713
- -webkit-transform: rotate(6deg);
6714
- -ms-transform: rotate(6deg);
6715
- transform: rotate(6deg);
6716
- }
6717
-
6718
- .premium-nav-pointer-background .premium-menu-link-parent::before {
6719
- top: 0;
6720
- left: 0;
6721
- right: 0;
6722
- bottom: 0;
6723
- background: #55595c;
6724
- background-color: #55595c;
6725
- z-index: -1;
6726
- }
6727
-
6728
- .premium-nav-pointer-background .premium-menu-link-parent::before,
6729
- .premium-nav-pointer-background .premium-menu-link-parent::after {
6730
- content: "";
6731
- -webkit-transition: 0.3s;
6732
- transition: 0.3s;
6733
- }
6734
-
6735
- .premium-nav-pointer-background.premium-nav-animation-grow
6736
- .premium-menu-link-parent::before {
6737
- -webkit-transform: scale(0.5);
6738
- -ms-transform: scale(0.5);
6739
- transform: scale(0.5);
6740
- }
6741
-
6742
- .premium-nav-pointer-background.premium-nav-animation-grow
6743
- .premium-menu-link-parent:hover::before,
6744
- .premium-nav-pointer-background.premium-nav-animation-grow
6745
- .premium-menu-link-parent:focus::before {
6746
- -webkit-transform: scale(1);
6747
- -ms-transform: scale(1);
6748
- transform: scale(1);
6749
- }
6750
-
6751
- .premium-nav-pointer-background.premium-nav-animation-grow
6752
- .premium-active-item
6753
- .premium-menu-link-parent::before {
6754
- -webkit-transform: scale(1);
6755
- -ms-transform: scale(1);
6756
- transform: scale(1);
6757
- }
6758
-
6759
- .premium-nav-pointer-background.premium-nav-animation-shrink
6760
- .premium-nav-menu-item:not(.premium-active-item)
6761
- .premium-menu-link-parent:not(:hover):not(:focus)::before {
6762
- -webkit-transform: scale(1.2);
6763
- -ms-transform: scale(1.2);
6764
- transform: scale(1.2);
6765
- -webkit-transition: 0.3;
6766
- transition: 0.3;
6767
- }
6768
-
6769
- .premium-nav-pointer-background.premium-nav-animation-sweep-left
6770
- .premium-nav-menu-item:not(.premium-active-item)
6771
- .premium-menu-link-parent:not(:hover):not(:focus)::before {
6772
- left: 100%;
6773
- }
6774
-
6775
- .premium-nav-pointer-background.premium-nav-animation-sweep-right
6776
- .premium-nav-menu-item:not(.premium-active-item)
6777
- .premium-menu-link-parent:not(:hover):not(:focus)::before {
6778
- right: 100%;
6779
- }
6780
-
6781
- .premium-nav-pointer-background.premium-nav-animation-sweep-up
6782
- .premium-nav-menu-item:not(.premium-active-item)
6783
- .premium-menu-link-parent:not(:hover):not(:focus)::before {
6784
- top: 100%;
6785
- }
6786
-
6787
- .premium-nav-pointer-background.premium-nav-animation-sweep-down
6788
- .premium-nav-menu-item:not(.premium-active-item)
6789
- .premium-menu-link-parent:not(:hover):not(:focus)::before {
6790
- bottom: 100%;
6791
- }
6792
-
6793
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical
6794
- .premium-menu-link-parent::after,
6795
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal
6796
- .premium-menu-link-parent::after {
6797
- top: 0;
6798
- left: 0;
6799
- right: 0;
6800
- bottom: 0;
6801
- background: #55595c;
6802
- background-color: #55595c;
6803
- z-index: -1;
6804
- }
6805
-
6806
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical
6807
- .premium-menu-link-parent::before {
6808
- top: 0;
6809
- bottom: 100%;
6810
- }
6811
-
6812
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical
6813
- .premium-menu-link-parent::after {
6814
- top: 100%;
6815
- bottom: 0;
6816
- }
6817
-
6818
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical
6819
- .premium-menu-link-parent:hover::before,
6820
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical
6821
- .premium-menu-link-parent:focus::before {
6822
- bottom: 50%;
6823
- }
6824
-
6825
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical
6826
- .premium-menu-link-parent:hover::after,
6827
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical
6828
- .premium-menu-link-parent:focus::after {
6829
- top: 50%;
6830
- }
6831
-
6832
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical
6833
- .premium-active-item
6834
- .premium-menu-link-parent::before {
6835
- bottom: 50%;
6836
- }
6837
-
6838
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical
6839
- .premium-active-item
6840
- .premium-menu-link-parent::after {
6841
- top: 50%;
6842
- }
6843
-
6844
- .premium-nav-pointer-background.premium-nav-animation-shutter-out-vertical
6845
- .premium-nav-menu-item:not(.premium-active-item)
6846
- .premium-menu-link-parent:not(:hover):not(:focus)::before {
6847
- bottom: 50%;
6848
- top: 50%;
6849
- }
6850
-
6851
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal
6852
- .premium-menu-link-parent::before {
6853
- right: 0;
6854
- left: 100%;
6855
- }
6856
-
6857
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal
6858
- .premium-menu-link-parent::after {
6859
- right: 100%;
6860
- left: 0;
6861
- }
6862
-
6863
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal
6864
- .premium-menu-link-parent:hover::before,
6865
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal
6866
- .premium-menu-link-parent:focus::before {
6867
- left: 50%;
6868
- }
6869
-
6870
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal
6871
- .premium-menu-link-parent:hover::after,
6872
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal
6873
- .premium-menu-link-parent:focus::after {
6874
- right: 50%;
6875
- }
6876
-
6877
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal
6878
- .premium-active-item
6879
- .premium-menu-link-parent::before {
6880
- left: 50%;
6881
- }
6882
-
6883
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal
6884
- .premium-active-item
6885
- .premium-menu-link-parent::after {
6886
- right: 50%;
6887
- }
6888
-
6889
- .premium-nav-pointer-background.premium-nav-animation-shutter-out-horizontal
6890
- .premium-nav-menu-item:not(.premium-active-item)
6891
- .premium-menu-link-parent:not(:hover):not(:focus)::before {
6892
- left: 50%;
6893
- right: 50%;
6894
- }
6895
-
6896
- .premium-active-item::before,
6897
- .premium-active-item::after,
6898
- .premium-menu-link-parent:hover::before,
6899
- .premium-menu-link-parent:hover::after,
6900
- .premium-menu-link-parent:focus::before,
6901
- .premium-menu-link-parent:focus::after {
6902
- -webkit-transform: scale(1);
6903
- -ms-transform: scale(1);
6904
- transform: scale(1);
6905
- }
6906
-
6907
- /**Sub Menu Animation*/
6908
- .premium-nav-menu-item .premium-sub-menu,
6909
- .premium-nav-menu-item .premium-mega-content-container {
6910
- -webkit-transition: 0.5s all ease-in-out;
6911
- transition: 0.5s all ease-in-out;
6912
- -webkit-transition-delay: 0.1s;
6913
- transition-delay: 0.1s;
6914
- }
6915
-
6916
- [class*="premium-nav-slide-"].premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item:hover > .premium-sub-menu,
6917
- [class*="premium-nav-slide-"].premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item:hover > .premium-mega-content-container,
6918
- [class*="premium-nav-slide-"].premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu:hover > .premium-sub-menu,
6919
- [class*="premium-nav-slide-"].premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item:hover > .premium-sub-menu,
6920
- [class*="premium-nav-slide-"].premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item:hover > .premium-mega-content-container,
6921
- [class*="premium-nav-slide-"].premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu:hover > .premium-sub-menu {
6922
- -webkit-transform: translate(0);
6923
- -ms-transform: translate(0);
6924
- transform: translate(0);
6925
- }
6926
-
6927
- .premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu)
6928
- .premium-sub-menu,
6929
- .premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu)
6930
- .premium-mega-content-container,
6931
- .premium-nav-slide-up.premium-nav-ver:not(.premium-hamburger-menu)
6932
- .premium-sub-menu,
6933
- .premium-nav-slide-up.premium-nav-ver:not(.premium-hamburger-menu)
6934
- .premium-mega-content-container {
6935
- -webkit-transform: translateY(10px);
6936
- -ms-transform: translateY(10px);
6937
- transform: translateY(10px);
6938
- }
6939
-
6940
- .premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu)
6941
- .premium-sub-menu,
6942
- .premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu)
6943
- .premium-mega-content-container,
6944
- .premium-nav-slide-down.premium-nav-ver:not(.premium-hamburger-menu)
6945
- .premium-sub-menu,
6946
- .premium-nav-slide-down.premium-nav-ver:not(.premium-hamburger-menu)
6947
- .premium-mega-content-container {
6948
- -webkit-transform: translateY(-10px);
6949
- -ms-transform: translateY(-10px);
6950
- transform: translateY(-10px);
6951
- }
6952
-
6953
- .premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu)
6954
- .premium-sub-menu,
6955
- .premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu)
6956
- .premium-mega-content-container,
6957
- .premium-nav-slide-right.premium-nav-ver:not(.premium-hamburger-menu)
6958
- .premium-sub-menu,
6959
- .premium-nav-slide-right.premium-nav-ver:not(.premium-hamburger-menu)
6960
- .premium-mega-content-container {
6961
- -webkit-transform: translateX(-10px);
6962
- -ms-transform: translateX(-10px);
6963
- transform: translateX(-10px);
6964
- }
6965
-
6966
- .premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu)
6967
- .premium-sub-menu,
6968
- .premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu)
6969
- .premium-mega-content-container,
6970
- .premium-nav-slide-left.premium-nav-ver:not(.premium-hamburger-menu)
6971
- .premium-sub-menu,
6972
- .premium-nav-slide-left.premium-nav-ver:not(.premium-hamburger-menu)
6973
- .premium-mega-content-container {
6974
- -webkit-transform: translateX(10px);
6975
- -ms-transform: translateX(10px);
6976
- transform: translateX(10px);
6977
- }
6978
-
6979
- /**Horizontal - Static Mega Content*/
6980
- /*UP*/
6981
- .premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu)
6982
- .premium-mega-item-static
6983
- .premium-mega-content-container {
6984
- -webkit-transform: translateX(-50%) translateY(10px);
6985
- -ms-transform: translateX(-50%) translateY(10px);
6986
- transform: translateX(-50%) translateY(10px);
6987
- }
6988
-
6989
- .premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu)
6990
- .premium-mega-item-static:hover
6991
- .premium-mega-content-container {
6992
- -webkit-transform: translateX(-50%) translateY(0);
6993
- -ms-transform: translateX(-50%) translateY(0);
6994
- transform: translateX(-50%) translateY(0);
6995
- }
6996
-
6997
- /*DOWN*/
6998
- .premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu)
6999
- .premium-mega-item-static
7000
- .premium-mega-content-container {
7001
- -webkit-transform: translateX(-50%) translateY(-10px);
7002
- -ms-transform: translateX(-50%) translateY(-10px);
7003
- transform: translateX(-50%) translateY(-10px);
7004
- }
7005
-
7006
- .premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu)
7007
- .premium-mega-item-static:hover
7008
- .premium-mega-content-container {
7009
- -webkit-transform: translateX(-50%) translateY(0);
7010
- -ms-transform: translateX(-50%) translateY(0);
7011
- transform: translateX(-50%) translateY(0);
7012
- }
7013
-
7014
- /*Left*/
7015
- .premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu)
7016
- .premium-mega-item-static
7017
- .premium-mega-content-container {
7018
- -webkit-transform: translateX(-45%);
7019
- -ms-transform: translateX(-45%);
7020
- transform: translateX(-45%);
7021
- }
7022
-
7023
- .premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu)
7024
- .premium-mega-item-static:hover
7025
- .premium-mega-content-container {
7026
- -webkit-transform: translateX(-50%);
7027
- -ms-transform: translateX(-50%);
7028
- transform: translateX(-50%);
7029
- }
7030
-
7031
- /*Right*/
7032
- .premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu)
7033
- .premium-mega-item-static
7034
- .premium-mega-content-container {
7035
- -webkit-transform: translateX(-55%);
7036
- -ms-transform: translateX(-55%);
7037
- transform: translateX(-55%);
7038
- }
7039
-
7040
- .premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu)
7041
- .premium-mega-item-static:hover
7042
- .premium-mega-content-container {
7043
- -webkit-transform: translateX(-50%);
7044
- -ms-transform: translateX(-50%);
7045
- transform: translateX(-50%);
7046
- }
7047
-
7048
- /**Vertical - Static Mega Content*/
7049
- .premium-nav-slide-down.premium-nav-ver:not(.premium-hamburger-menu)
7050
- .premium-mega-item-static:hover
7051
- .premium-mega-content-container,
7052
- .premium-nav-slide-up.premium-nav-ver:not(.premium-hamburger-menu)
7053
- .premium-mega-item-static:hover
7054
- .premium-mega-content-container {
7055
- -webkit-transform: translateY(0);
7056
- -ms-transform: translateY(0);
7057
- transform: translateY(0);
7058
- }
7059
-
7060
- .premium-nav-slide-right.premium-nav-ver:not(.premium-hamburger-menu)
7061
- .premium-mega-item-static:hover
7062
- .premium-mega-content-container,
7063
- .premium-nav-slide-left.premium-nav-ver:not(.premium-hamburger-menu)
7064
- .premium-mega-item-static:hover
7065
- .premium-mega-content-container {
7066
- -webkit-transform: translateX(0);
7067
- -ms-transform: translateX(0);
7068
- transform: translateX(0);
7069
- }
7070
-
7071
- /************ Premium Team Members ************/
7072
- /*********************************************/
7073
- .premium-person-container {
7074
- position: relative;
7075
- }
7076
-
7077
- .premium-person-image-container {
7078
- position: relative;
7079
- text-align: center;
7080
- overflow: hidden;
7081
- }
7082
-
7083
- .premium-person-image-container .premium-person-image-wrap {
7084
- overflow: hidden;
7085
- }
7086
-
7087
- .premium-person-zoomout-effect .premium-person-image-container img,
7088
- .premium-person-scale-effect .premium-person-image-container img {
7089
- -webkit-transform: scale(1.2);
7090
- -ms-transform: scale(1.2);
7091
- transform: scale(1.2);
7092
- }
7093
-
7094
- .premium-person-sepia-effect .premium-person-image-container img {
7095
- -webkit-filter: sepia(30%);
7096
- filter: sepia(30%);
7097
- }
7098
-
7099
- .premium-person-bright-effect .premium-person-image-container img {
7100
- -webkit-filter: brightness(1);
7101
- filter: brightness(1);
7102
- }
7103
-
7104
- .premium-person-trans-effect .premium-person-image-container img {
7105
- -webkit-transform: translateX(15px) scale(1.1);
7106
- -ms-transform: translateX(15px) scale(1.1);
7107
- transform: translateX(15px) scale(1.1);
7108
- }
7109
-
7110
- .premium-person-zoomin-effect:hover .premium-person-image-container img {
7111
- -webkit-transform: scale(1.2);
7112
- -ms-transform: scale(1.2);
7113
- transform: scale(1.2);
7114
- }
7115
-
7116
- .premium-person-zoomout-effect:hover .premium-person-image-container img {
7117
- -webkit-transform: scale(1.1);
7118
- -ms-transform: scale(1.1);
7119
- transform: scale(1.1);
7120
- }
7121
-
7122
- .premium-person-scale-effect:hover .premium-person-image-container img {
7123
- -webkit-transform: scale(1.3) rotate(-5deg);
7124
- -ms-transform: scale(1.3) rotate(-5deg);
7125
- transform: scale(1.3) rotate(-5deg);
7126
- }
7127
-
7128
- .premium-person-grayscale-effect:hover .premium-person-image-container img {
7129
- -webkit-filter: grayscale(100%);
7130
- filter: grayscale(100%);
7131
- }
7132
-
7133
- .premium-person-blur-effect:hover .premium-person-image-container img {
7134
- -webkit-filter: blur(3px);
7135
- filter: blur(3px);
7136
- }
7137
-
7138
- .premium-person-sepia-effect:hover .premium-person-image-container img {
7139
- -webkit-filter: sepia(0%);
7140
- filter: sepia(0%);
7141
- }
7142
-
7143
- .premium-person-bright-effect:hover .premium-person-image-container img {
7144
- -webkit-filter: brightness(1.2);
7145
- filter: brightness(1.2);
7146
- }
7147
-
7148
- .premium-person-trans-effect:hover .premium-person-image-container img {
7149
- -webkit-transform: translateX(0px) scale(1.1);
7150
- -ms-transform: translateX(0px) scale(1.1);
7151
- transform: translateX(0px) scale(1.1);
7152
- }
7153
-
7154
- .premium-person-container .premium-person-image-container img {
7155
- width: 100%;
7156
- height: 100%;
7157
- display: block;
7158
- -o-object-fit: cover;
7159
- object-fit: cover;
7160
- -webkit-transition: all 0.5s ease-in-out;
7161
- transition: all 0.5s ease-in-out;
7162
- }
7163
-
7164
- .premium-person-style2 .premium-person-social {
7165
- position: absolute;
7166
- top: 0;
7167
- right: 0;
7168
- width: 100%;
7169
- height: 100%;
7170
- z-index: 2;
7171
- -js-display: flex;
7172
- display: -webkit-box;
7173
- display: -webkit-flex;
7174
- display: -moz-box;
7175
- display: -ms-flexbox;
7176
- display: flex;
7177
- -webkit-box-pack: center;
7178
- -webkit-justify-content: center;
7179
- -moz-box-pack: center;
7180
- -ms-flex-pack: center;
7181
- justify-content: center;
7182
- -webkit-box-align: center;
7183
- -webkit-align-items: center;
7184
- -moz-box-align: center;
7185
- -ms-flex-align: center;
7186
- align-items: center;
7187
- -webkit-box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
7188
- box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
7189
- -webkit-transition: all 0.5s linear 0s;
7190
- transition: all 0.5s linear 0s;
7191
- opacity: 0;
7192
- }
7193
-
7194
- .premium-person-style2 .premium-person-image-container:hover .premium-person-social {
7195
- opacity: 1;
7196
- }
7197
-
7198
- .premium-person-list-item a {
7199
- display: inline-block;
7200
- }
7201
-
7202
- .premium-person-style2 .premium-person-list-item a {
7203
- opacity: 0;
7204
- -webkit-transform: scale(0);
7205
- -ms-transform: scale(0);
7206
- transform: scale(0);
7207
- -webkit-transition: all 0.5s ease-in-out 0s;
7208
- transition: all 0.5s ease-in-out 0s;
7209
- }
7210
-
7211
- .premium-person-style2 .premium-person-image-container:hover .premium-person-list-item a {
7212
- opacity: 1;
7213
- -webkit-transform: scale(1);
7214
- -ms-transform: scale(1);
7215
- transform: scale(1);
7216
- }
7217
-
7218
- .premium-person-info-container {
7219
- padding: 30px 15px;
7220
- }
7221
-
7222
- .premium-person-name {
7223
- margin: 0 0 5px;
7224
- font-weight: 700;
7225
- }
7226
-
7227
- .premium-person-title {
7228
- margin: 0 0 20px;
7229
- padding: 0;
7230
- }
7231
-
7232
- .premium-person-content {
7233
- margin: 0 0 30px;
7234
- }
7235
-
7236
- /*Override Theme List Margin*/
7237
- ul.premium-person-social-list {
7238
- margin: 0px !important;
7239
- padding: 0;
7240
- }
7241
-
7242
- .premium-person-social-list .premium-person-list-item {
7243
- display: inline;
7244
- list-style: none;
7245
- }
7246
-
7247
- .premium-person-social-list li {
7248
- position: relative;
7249
- bottom: 0px;
7250
- -webkit-transition: all 0.2s ease-in-out;
7251
- transition: all 0.2s ease-in-out;
7252
- }
7253
-
7254
- .premium-person-social-list li i {
7255
- position: relative;
7256
- bottom: 0px;
7257
- -webkit-transition: all 0.2s ease-in-out;
7258
- transition: all 0.2s ease-in-out;
7259
- }
7260
-
7261
- .premium-person-defaults-yes li.premium-person-facebook:hover a {
7262
- background-color: #3b5998 !important;
7263
- }
7264
-
7265
- .premium-person-defaults-yes li.premium-person-twitter:hover a {
7266
- background-color: #55acee !important;
7267
- }
7268
-
7269
- .premium-person-defaults-yes li.premium-person-linkedin:hover a {
7270
- background-color: #0077b5 !important;
7271
- }
7272
-
7273
- .premium-person-defaults-yes li.premium-person-google:hover a {
7274
- background-color: #dc4e41 !important;
7275
- }
7276
-
7277
- .premium-person-defaults-yes li.premium-person-youtube:hover a {
7278
- background-color: #b31217 !important;
7279
- }
7280
-
7281
- .premium-person-defaults-yes li.premium-person-instagram:hover a {
7282
- background-color: #e4405f !important;
7283
- }
7284
-
7285
- .premium-person-defaults-yes li.premium-person-skype:hover a {
7286
- background-color: #00aff0 !important;
7287
- }
7288
-
7289
- .premium-person-defaults-yes li.premium-person-pinterest:hover a {
7290
- background-color: #bd081c !important;
7291
- }
7292
-
7293
- .premium-person-defaults-yes li.premium-person-dribbble:hover a {
7294
- background-color: #ea4c89 !important;
7295
- }
7296
-
7297
- .premium-person-defaults-yes li.premium-person-mail:hover a {
7298
- background-color: #b23121 !important;
7299
- }
7300
-
7301
- .premium-person-defaults-yes li.premium-person-behance:hover a {
7302
- background-color: #1769ff !important;
7303
- }
7304
-
7305
- .premium-person-defaults-yes li.premium-person-whatsapp:hover a {
7306
- background-color: #25d366 !important;
7307
- }
7308
-
7309
- .premium-person-defaults-yes li.premium-person-telegram:hover a {
7310
- background-color: #0088cc !important;
7311
- }
7312
-
7313
- .premium-person-defaults-yes li.premium-person-site:hover a {
7314
- background-color: #0055a5 !important;
7315
- }
7316
-
7317
- .premium-person-social-list li:hover a {
7318
- -webkit-box-shadow: none;
7319
- box-shadow: none;
7320
- }
7321
-
7322
- .premium-person-social-list li a:focus {
7323
- -webkit-box-shadow: none;
7324
- box-shadow: none;
7325
- outline: none;
7326
- }
7327
-
7328
- .premium-person-social-list li i {
7329
- font-size: 18px;
7330
- }
7331
-
7332
- .elementor-widget-premium-addon-person .elementor-widget-container {
7333
- -js-display: flex;
7334
- display: -webkit-box;
7335
- display: -webkit-flex;
7336
- display: -moz-box;
7337
- display: -ms-flexbox;
7338
- display: flex;
7339
- -webkit-box-pack: center;
7340
- -webkit-justify-content: center;
7341
- -moz-box-pack: center;
7342
- -ms-flex-pack: center;
7343
- justify-content: center;
7344
- }
7345
-
7346
- .premium-persons-container.multiple-persons {
7347
- -js-display: flex;
7348
- display: -webkit-box;
7349
- display: -webkit-flex;
7350
- display: -moz-box;
7351
- display: -ms-flexbox;
7352
- display: flex;
7353
- -webkit-flex-wrap: wrap;
7354
- -ms-flex-wrap: wrap;
7355
- flex-wrap: wrap;
7356
- width: 100%;
7357
- }
7358
-
7359
- .premium-person-style1 .premium-person-container {
7360
- overflow: hidden;
7361
- }
7362
-
7363
- .premium-person-style1 .premium-person-container .premium-person-info {
7364
- position: absolute;
7365
- top: auto;
7366
- left: 0;
7367
- right: 0;
7368
- -webkit-transition: all 500ms ease 0s;
7369
- transition: all 500ms ease 0s;
7370
- -webkit-transform: translate3d(0, 100%, 0);
7371
- transform: translate3d(0, 100%, 0);
7372
- }
7373
-
7374
- .premium-person-style1 .premium-person-container:hover .premium-person-info {
7375
- -webkit-transform: translate3d(0, 0, 0);
7376
- transform: translate3d(0, 0, 0);
7377
- bottom: -1px !important;
7378
- }
7379
-
7380
- .premium-person-style1 .premium-person-social-list li:hover {
7381
- bottom: 5px;
7382
- }
7383
-
7384
- .premium-person-style1.multiple-persons:not([data-persons-equal="yes"]) {
7385
- -webkit-box-align: start;
7386
- -webkit-align-items: flex-start;
7387
- -moz-box-align: start;
7388
- -ms-flex-align: start;
7389
- align-items: flex-start;
7390
- }
7391
-
7392
- .premium-person-style1 .slick-track {
7393
- -js-display: flex;
7394
- display: -webkit-box;
7395
- display: -webkit-flex;
7396
- display: -moz-box;
7397
- display: -ms-flexbox;
7398
- display: flex;
7399
- }
7400
-
7401
- .premium-person-style1 .slick-slide {
7402
- height: inherit !important;
7403
- }
7404
-
7405
- /* .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-container,
7406
- .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-wrap {
7407
- height: 100%;
7408
- } */
7409
-
7410
- .premium-person-style3 .premium-person-info-container {
7411
- position: absolute;
7412
- top: 0;
7413
- right: 0;
7414
- width: 100%;
7415
- height: 100%;
7416
- -js-display: flex;
7417
- display: -webkit-box;
7418
- display: -webkit-flex;
7419
- display: -moz-box;
7420
- display: -ms-flexbox;
7421
- display: flex;
7422
- -webkit-box-orient: vertical;
7423
- -webkit-box-direction: normal;
7424
- -webkit-flex-direction: column;
7425
- -moz-box-orient: vertical;
7426
- -moz-box-direction: normal;
7427
- -ms-flex-direction: column;
7428
- flex-direction: column;
7429
- -webkit-box-pack: justify;
7430
- -webkit-justify-content: space-between;
7431
- -moz-box-pack: justify;
7432
- -ms-flex-pack: justify;
7433
- justify-content: space-between;
7434
- }
7435
-
7436
- .premium-person-style3 .premium-person-title-desc-wrap {
7437
- -js-display: flex;
7438
- display: -webkit-box;
7439
- display: -webkit-flex;
7440
- display: -moz-box;
7441
- display: -ms-flexbox;
7442
- display: flex;
7443
- -webkit-box-orient: horizontal;
7444
- -webkit-box-direction: reverse;
7445
- -webkit-flex-direction: row-reverse;
7446
- -moz-box-orient: horizontal;
7447
- -moz-box-direction: reverse;
7448
- -ms-flex-direction: row-reverse;
7449
- flex-direction: row-reverse;
7450
- -webkit-box-pack: justify;
7451
- -webkit-justify-content: space-between;
7452
- -moz-box-pack: justify;
7453
- -ms-flex-pack: justify;
7454
- justify-content: space-between;
7455
- -webkit-box-align: start;
7456
- -webkit-align-items: flex-start;
7457
- -moz-box-align: start;
7458
- -ms-flex-align: start;
7459
- align-items: flex-start;
7460
- }
7461
-
7462
- .premium-person-style3 .premium-person-name-icons-wrap {
7463
- -js-display: flex;
7464
- display: -webkit-box;
7465
- display: -webkit-flex;
7466
- display: -moz-box;
7467
- display: -ms-flexbox;
7468
- display: flex;
7469
- -webkit-box-pack: justify;
7470
- -webkit-justify-content: space-between;
7471
- -moz-box-pack: justify;
7472
- -ms-flex-pack: justify;
7473
- justify-content: space-between;
7474
- -webkit-box-align: end;
7475
- -webkit-align-items: flex-end;
7476
- -moz-box-align: end;
7477
- -ms-flex-align: end;
7478
- align-items: flex-end;
7479
- }
7480
-
7481
- .premium-person-style3 .premium-person-title {
7482
- opacity: 0;
7483
- -webkit-transition: all 0.3s ease;
7484
- transition: all 0.3s ease;
7485
- width: 0;
7486
- }
7487
-
7488
- .premium-person-style3 .premium-person-title span {
7489
- display: inline-block;
7490
- }
7491
-
7492
- .premium-person-style3 .premium-person-name {
7493
- padding-right: 10px;
7494
- }
7495
-
7496
- .premium-person-style3 .premium-person-social-list {
7497
- -js-display: flex;
7498
- display: -webkit-box;
7499
- display: -webkit-flex;
7500
- display: -moz-box;
7501
- display: -ms-flexbox;
7502
- display: flex;
7503
- -webkit-box-orient: vertical;
7504
- -webkit-box-direction: normal;
7505
- -webkit-flex-direction: column;
7506
- -moz-box-orient: vertical;
7507
- -moz-box-direction: normal;
7508
- -ms-flex-direction: column;
7509
- flex-direction: column;
7510
- -webkit-transform: translateY(20px);
7511
- -ms-transform: translateY(20px);
7512
- transform: translateY(20px);
7513
- opacity: 0;
7514
- -webkit-transition: all 0.3s ease;
7515
- transition: all 0.3s ease;
7516
- }
7517
-
7518
- .premium-person-style3 .premium-person-list-item {
7519
- line-height: 0;
7520
- }
7521
-
7522
- .premium-person-style3 .premium-person-list-item a {
7523
- padding: 5px 0 0 10px;
7524
- margin: 5px 0;
7525
- }
7526
-
7527
- .premium-person-style3 .premium-person-container:hover .premium-person-title {
7528
- opacity: 1;
7529
- }
7530
-
7531
- .premium-person-style3 .premium-person-container:hover .premium-person-social-list {
7532
- opacity: 1;
7533
- -webkit-transform: translateY(0);
7534
- -ms-transform: translateY(0);
7535
- transform: translateY(0);
7536
- }
7537
-
7538
- .premium-persons-title-cw .premium-person-title {
7539
- -webkit-transform: translateX(-15px) rotate(-90deg);
7540
- -ms-transform: translateX(-15px) rotate(-90deg);
7541
- transform: translateX(-15px) rotate(-90deg);
7542
- -webkit-transform-origin: top;
7543
- -ms-transform-origin: top;
7544
- transform-origin: top;
7545
- }
7546
-
7547
- .premium-persons-title-cw .premium-person-container:hover .premium-person-title {
7548
- -webkit-transform: translateX(0) rotate(-90deg);
7549
- -ms-transform: translateX(0) rotate(-90deg);
7550
- transform: translateX(0) rotate(-90deg);
7551
- }
7552
-
7553
- .premium-persons-title-ccw .premium-person-title {
7554
- width: auto;
7555
- margin-left: 20px;
7556
- -webkit-transform: translateX(-15px) rotate(90deg);
7557
- -ms-transform: translateX(-15px) rotate(90deg);
7558
- transform: translateX(-15px) rotate(90deg);
7559
- -webkit-transform-origin: center left;
7560
- -ms-transform-origin: center left;
7561
- transform-origin: center left;
7562
- }
7563
-
7564
- .premium-persons-title-ccw .premium-person-container:hover .premium-person-title {
7565
- -webkit-transform: translateX(0) rotate(90deg);
7566
- -ms-transform: translateX(0) rotate(90deg);
7567
- transform: translateX(0) rotate(90deg);
7568
- }
7569
- /**************** Premium Pricing Table ****************/
7570
- /*******************************************************/
7571
- .premium-pricing-table-container {
7572
- position: relative;
7573
- text-align: center;
7574
- display: inline-block;
7575
- width: 100%;
7576
- -webkit-transition: all 0.3s ease-in-out;
7577
- transition: all 0.3s ease-in-out;
7578
- }
7579
-
7580
- .premium-pricing-icon-container {
7581
- -js-display: flex;
7582
- display: -webkit-box;
7583
- display: -webkit-flex;
7584
- display: -moz-box;
7585
- display: -ms-flexbox;
7586
- display: flex;
7587
- -webkit-box-pack: center;
7588
- -webkit-justify-content: center;
7589
- -moz-box-pack: center;
7590
- -ms-flex-pack: center;
7591
- justify-content: center;
7592
- line-height: 0;
7593
- }
7594
-
7595
- .premium-pricing-icon-container .premium-pricing-icon {
7596
- display: inline-block;
7597
- }
7598
-
7599
- .premium-pricing-icon-container .premium-pricing-image {
7600
- overflow: hidden;
7601
- }
7602
-
7603
- .premium-pricing-icon-container .premium-pricing-image img {
7604
- width: 25px;
7605
- height: 25px;
7606
- -o-object-fit: cover;
7607
- object-fit: cover;
7608
- }
7609
-
7610
- .premium-badge-left {
7611
- position: absolute;
7612
- top: 0;
7613
- }
7614
-
7615
- .premium-badge-right {
7616
- position: absolute;
7617
- top: 0;
7618
- right: 0;
7619
- }
7620
-
7621
- .premium-badge-left {
7622
- left: 0;
7623
- }
7624
-
7625
- .premium-badge-triangle.premium-badge-left .corner {
7626
- width: 0;
7627
- height: 0;
7628
- border-top: 150px solid;
7629
- border-bottom: 150px solid transparent;
7630
- border-right: 150px solid transparent;
7631
- }
7632
-
7633
- .premium-badge-triangle.premium-badge-right .corner {
7634
- width: 0;
7635
- height: 0;
7636
- border-bottom: 150px solid transparent;
7637
- border-right: 150px solid;
7638
- border-left: 150px solid transparent;
7639
- }
7640
-
7641
- .premium-badge-triangle span {
7642
- position: absolute;
7643
- top: 35px;
7644
- width: 100px;
7645
- text-align: center;
7646
- -webkit-transform: rotate(-45deg);
7647
- -ms-transform: rotate(-45deg);
7648
- transform: rotate(-45deg);
7649
- display: block;
7650
- text-transform: uppercase;
7651
- }
7652
-
7653
- .premium-badge-triangle.premium-badge-right span {
7654
- -webkit-transform: rotate(45deg);
7655
- -ms-transform: rotate(45deg);
7656
- transform: rotate(45deg);
7657
- right: 0;
7658
- }
7659
-
7660
- .premium-badge-circle {
7661
- min-width: 4em;
7662
- min-height: 4em;
7663
- line-height: 4em;
7664
- text-align: center;
7665
- -webkit-border-radius: 100%;
7666
- border-radius: 100%;
7667
- position: absolute;
7668
- z-index: 1;
7669
- }
7670
-
7671
- .premium-badge-stripe {
7672
- position: absolute;
7673
- -webkit-transform: rotate(90deg);
7674
- -ms-transform: rotate(90deg);
7675
- transform: rotate(90deg);
7676
- width: 15em;
7677
- overflow: hidden;
7678
- height: 15em;
7679
- }
7680
-
7681
- .premium-badge-stripe.premium-badge-left {
7682
- -webkit-transform: rotate(0);
7683
- -ms-transform: rotate(0);
7684
- transform: rotate(0);
7685
- }
7686
-
7687
- .premium-badge-stripe .corner {
7688
- text-align: center;
7689
- left: 0;
7690
- width: 150%;
7691
- -webkit-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
7692
- -ms-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
7693
- transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
7694
- margin-top: 35px;
7695
- font-size: 13px;
7696
- line-height: 2;
7697
- font-weight: 800;
7698
- text-transform: uppercase;
7699
- }
7700
-
7701
- .premium-badge-flag .corner {
7702
- text-align: center;
7703
- -webkit-border-radius: 4px 4px 0 4px;
7704
- border-radius: 4px 4px 0 4px;
7705
- padding: 3px 15px;
7706
- position: absolute;
7707
- top: 10%;
7708
- right: -8px;
7709
- }
7710
-
7711
- .premium-badge-flag .corner::before,
7712
- .premium-badge-flag .corner::after {
7713
- content: "";
7714
- display: block;
7715
- position: absolute;
7716
- width: 0;
7717
- height: 0;
7718
- top: 100%;
7719
- right: 0;
7720
- border-bottom: 8px solid transparent;
7721
- }
7722
-
7723
- .elementor-widget-premium-addon-pricing-table .elementor-widget-container {
7724
- overflow: visible !important;
7725
- }
7726
-
7727
- .premium-badge-flag .corner::after {
7728
- border-left: 8px solid rgba(0, 0, 0, 0.2);
7729
- }
7730
-
7731
- .premium-pricing-price-currency {
7732
- position: relative;
7733
- }
7734
-
7735
- .premium-pricing-button-container {
7736
- display: block;
7737
- }
7738
-
7739
- .premium-pricing-list {
7740
- -js-display: flex;
7741
- display: -webkit-box;
7742
- display: -webkit-flex;
7743
- display: -moz-box;
7744
- display: -ms-flexbox;
7745
- display: flex;
7746
- -webkit-box-orient: vertical;
7747
- -webkit-box-direction: normal;
7748
- -webkit-flex-direction: column;
7749
- -moz-box-orient: vertical;
7750
- -moz-box-direction: normal;
7751
- -ms-flex-direction: column;
7752
- flex-direction: column;
7753
- list-style-type: none;
7754
- margin: 0;
7755
- }
7756
-
7757
- .premium-pricing-list .premium-pricing-list-item {
7758
- -js-display: flex;
7759
- display: -webkit-box;
7760
- display: -webkit-flex;
7761
- display: -moz-box;
7762
- display: -ms-flexbox;
7763
- display: flex;
7764
- -webkit-box-align: center;
7765
- -webkit-align-items: center;
7766
- -moz-box-align: center;
7767
- -ms-flex-align: center;
7768
- align-items: center;
7769
- }
7770
-
7771
- .premium-pricing-list .premium-pricing-list-item svg {
7772
- width: 50px;
7773
- height: 50px;
7774
- }
7775
-
7776
- .premium-pricing-list .premium-pricing-list-item img {
7777
- width: 30px;
7778
- height: 30px;
7779
- -o-object-fit: cover;
7780
- object-fit: cover;
7781
- }
7782
-
7783
- .premium-pricing-list .premium-pricing-list-span {
7784
- position: relative;
7785
- }
7786
-
7787
- .premium-pricing-list .list-item-tooltip {
7788
- border-bottom: 1px dotted;
7789
- }
7790
-
7791
- .premium-pricing-list .premium-pricing-list-tooltip {
7792
- position: absolute;
7793
- top: -webkit-calc(100% + 1px);
7794
- top: calc(100% + 1px);
7795
- right: 0;
7796
- visibility: hidden;
7797
- padding: 15px 20px;
7798
- -webkit-border-radius: 5px;
7799
- border-radius: 5px;
7800
- min-width: 200px;
7801
- overflow: hidden;
7802
- text-align: right;
7803
- font-size: 0.8rem;
7804
- color: #fff;
7805
- background-color: #aaa;
7806
- }
7807
-
7808
- .premium-pricing-features-left .premium-pricing-list-span {
7809
- text-align: right;
7810
- }
7811
-
7812
- .premium-pricing-features-center .premium-pricing-list-span {
7813
- text-align: center;
7814
- }
7815
-
7816
- .premium-pricing-features-right .premium-pricing-list-span {
7817
- text-align: left;
7818
- }
7819
-
7820
- .premium-pricing-list-span:hover .premium-pricing-list-tooltip {
7821
- z-index: 99;
7822
- visibility: visible;
7823
- opacity: 1;
7824
- }
7825
-
7826
- .premium-pricing-slashed-price-value {
7827
- display: inline-block;
7828
- font-size: 20px;
7829
- font-weight: 400;
7830
- margin-left: 5px;
7831
- }
7832
-
7833
- .premium-pricing-price-value {
7834
- font-size: 70px;
7835
- }
7836
-
7837
- .premium-pricing-description-container li {
7838
- list-style-position: inside;
7839
- text-indent: -40px;
7840
- }
7841
-
7842
- @-moz-document url-prefix() {
7843
- .premium-pricing-description-container li {
7844
- text-indent: 0px;
7845
- }
7846
- }
7847
-
7848
- .premium-pricing-price-button {
7849
- display: block;
7850
- padding: 6px 12px;
7851
- line-height: 1.42857143;
7852
- text-align: center;
7853
- color: #fff;
7854
- background: #6ec1e4;
7855
- margin-bottom: 0;
7856
- -webkit-transition: all 0.3s ease-in-out;
7857
- transition: all 0.3s ease-in-out;
7858
- }
7859
- /**************** Premium Progress Bar ****************/
7860
- /******************************************************/
7861
- .premium-progressbar-container {
7862
- position: relative;
7863
- }
7864
-
7865
- .premium-progressbar-bar-wrap {
7866
- position: relative;
7867
- text-align: right;
7868
- overflow: hidden;
7869
- height: 25px;
7870
- margin-bottom: 50px;
7871
- background-color: #f5f5f5;
7872
- -webkit-border-radius: 4px;
7873
- border-radius: 4px;
7874
- -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
7875
- box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
7876
- }
7877
-
7878
- .premium-progressbar-bar-wrap.premium-progressbar-dots {
7879
- background-color: transparent;
7880
- width: 100%;
7881
- -js-display: flex;
7882
- display: -webkit-box;
7883
- display: -webkit-flex;
7884
- display: -moz-box;
7885
- display: -ms-flexbox;
7886
- display: flex;
7887
- height: auto;
7888
- -webkit-box-shadow: none;
7889
- box-shadow: none;
7890
- }
7891
-
7892
- .premium-progressbar-bar-wrap .progress-segment {
7893
- position: relative;
7894
- width: 25px;
7895
- height: 25px;
7896
- -webkit-border-radius: 50%;
7897
- border-radius: 50%;
7898
- overflow: hidden;
7899
- background-color: #f5f5f5;
7900
- }
7901
-
7902
- .premium-progressbar-bar-wrap .progress-segment.filled {
7903
- background: #6ec1e4;
7904
- }
7905
-
7906
- .premium-progressbar-bar-wrap .progress-segment:not(:first-child):not(:last-child) {
7907
- margin: 0 4px;
7908
- }
7909
-
7910
- .premium-progressbar-bar-wrap .progress-segment:first-child {
7911
- margin-left: 4px;
7912
- }
7913
-
7914
- .premium-progressbar-bar-wrap .progress-segment:last-child {
7915
- margin-right: 4px;
7916
- }
7917
-
7918
- .premium-progressbar-bar-wrap .progress-segment .segment-inner {
7919
- position: absolute;
7920
- top: 0;
7921
- right: 0;
7922
- height: 100%;
7923
- background-color: #6ec1e4;
7924
- }
7925
-
7926
- .premium-progressbar-bar {
7927
- float: right;
7928
- width: 0%;
7929
- height: 100%;
7930
- font-size: 12px;
7931
- line-height: 20px;
7932
- background: #6ec1e4;
7933
- text-align: center;
7934
- -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
7935
- box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
7936
- }
7937
-
7938
- .premium-progressbar-striped .premium-progressbar-bar {
7939
- background-image: -webkit-linear-gradient(-135deg,
7940
- rgba(255, 255, 255, 0.15) 25%,
7941
- transparent 25%,
7942
- transparent 50%,
7943
- rgba(255, 255, 255, 0.15) 50%,
7944
- rgba(255, 255, 255, 0.15) 75%,
7945
- transparent 75%,
7946
- transparent);
7947
- background-image: -webkit-linear-gradient(45deg,
7948
- rgba(255, 255, 255, 0.15) 25%,
7949
- transparent 25%,
7950
- transparent 50%,
7951
- rgba(255, 255, 255, 0.15) 50%,
7952
- rgba(255, 255, 255, 0.15) 75%,
7953
- transparent 75%,
7954
- transparent);
7955
- background-image: linear-gradient(45deg,
7956
- rgba(255, 255, 255, 0.15) 25%,
7957
- transparent 25%,
7958
- transparent 50%,
7959
- rgba(255, 255, 255, 0.15) 50%,
7960
- rgba(255, 255, 255, 0.15) 75%,
7961
- transparent 75%,
7962
- transparent);
7963
- -webkit-background-size: 40px 40px;
7964
- background-size: 40px 40px;
7965
- }
7966
-
7967
- .premium-progressbar-active .premium-progressbar-bar {
7968
- -webkit-animation: progress-bar-stripes 2s linear infinite;
7969
- animation: progress-bar-stripes 2s linear infinite;
7970
- }
7971
-
7972
- .premium-progressbar-gradient .premium-progressbar-bar {
7973
- -webkit-background-size: 400% 400% !important;
7974
- background-size: 400% 400% !important;
7975
- -webkit-animation: progress-bar-gradient 10s ease-in-out infinite;
7976
- animation: progress-bar-gradient 10s ease-in-out infinite;
7977
- }
7978
-
7979
- .premium-progressbar-bar {
7980
- position: absolute;
7981
- overflow: hidden;
7982
- line-height: 20px;
7983
- }
7984
-
7985
- .premium-progressbar-container .clearfix {
7986
- clear: both;
7987
- }
7988
-
7989
- .premium-progressbar-bar {
7990
- -webkit-transition: width 0s ease-in-out !important;
7991
- transition: width 0s ease-in-out !important;
7992
- }
7993
-
7994
- .premium-progressbar-container p:first-of-type {
7995
- margin: 0;
7996
- float: right;
7997
- }
7998
-
7999
- .premium-progressbar-container p:nth-of-type(2) {
8000
- margin: 0;
8001
- float: left;
8002
- }
8003
-
8004
- .premium-progressbar-name {
8005
- right: 50%;
8006
- top: 0;
8007
- left: 0;
8008
- -webkit-transform: translateX(12.5px);
8009
- -ms-transform: translateX(12.5px);
8010
- transform: translateX(12.5px);
8011
- z-index: 1;
8012
- }
8013
-
8014
- .premium-progressbar-multiple-label {
8015
- position: relative;
8016
- float: right;
8017
- width: 0;
8018
- right: 50%;
8019
- }
8020
-
8021
- .premium-progressbar-center-label {
8022
- position: relative;
8023
- white-space: nowrap;
8024
- }
8025
-
8026
- .premium-progressbar-arrow {
8027
- height: 15px;
8028
- right: 50%;
8029
- display: inline-block;
8030
- border-right: 7px solid transparent;
8031
- border-left: 7px solid transparent;
8032
- border-top: 11px solid;
8033
- -webkit-transform: translateX(50%);
8034
- -ms-transform: translateX(50%);
8035
- transform: translateX(50%);
8036
- }
8037
-
8038
- .premium-progressbar-pin {
8039
- border-right: 1px solid;
8040
- height: 12px;
8041
- right: 50%;
8042
- display: inline-block;
8043
- }
8044
-
8045
- /**
8046
- * Circle Progress Bar
8047
- */
8048
- .premium-progressbar-circle-wrap {
8049
- width: 200px;
8050
- height: 200px;
8051
- position: relative;
8052
- margin: 0 auto;
8053
- }
8054
-
8055
- .premium-progressbar-circle-wrap .premium-progressbar-circle {
8056
- position: absolute;
8057
- top: 0;
8058
- right: 0;
8059
- width: 100%;
8060
- height: 100%;
8061
- -webkit-clip-path: inset(0 0 0 50%);
8062
- clip-path: inset(0 0 0 50%);
8063
- }
8064
-
8065
- .premium-progressbar-circle-wrap .premium-progressbar-circle div {
8066
- position: absolute;
8067
- right: 0;
8068
- top: 0;
8069
- height: 100%;
8070
- width: 100%;
8071
- border-width: 6px;
8072
- border-style: solid;
8073
- border-color: #54595f;
8074
- -webkit-border-radius: 50%;
8075
- border-radius: 50%;
8076
- -webkit-clip-path: inset(0 50% 0 0);
8077
- clip-path: inset(0 50% 0 0);
8078
- }
8079
-
8080
- .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-left {
8081
- -webkit-transform: rotate(0);
8082
- -ms-transform: rotate(0);
8083
- transform: rotate(0);
8084
- }
8085
-
8086
- .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-right {
8087
- -webkit-transform: rotate(-180deg);
8088
- -ms-transform: rotate(-180deg);
8089
- transform: rotate(-180deg);
8090
- visibility: hidden;
8091
- }
8092
-
8093
- .premium-progressbar-circle-wrap .premium-progressbar-circle-base {
8094
- width: 100%;
8095
- height: 100%;
8096
- border: 6px solid #eee;
8097
- -webkit-border-radius: 50%;
8098
- border-radius: 50%;
8099
- }
8100
-
8101
- .premium-progressbar-circle-wrap .premium-progressbar-circle-content {
8102
- position: absolute;
8103
- top: 0;
8104
- right: 0;
8105
- width: 100%;
8106
- height: 100%;
8107
- -js-display: flex;
8108
- display: -webkit-box;
8109
- display: -webkit-flex;
8110
- display: -moz-box;
8111
- display: -ms-flexbox;
8112
- display: flex;
8113
- -webkit-box-orient: vertical;
8114
- -webkit-box-direction: normal;
8115
- -webkit-flex-direction: column;
8116
- -moz-box-orient: vertical;
8117
- -moz-box-direction: normal;
8118
- -ms-flex-direction: column;
8119
- flex-direction: column;
8120
- -webkit-box-pack: center;
8121
- -webkit-justify-content: center;
8122
- -moz-box-pack: center;
8123
- -ms-flex-pack: center;
8124
- justify-content: center;
8125
- -webkit-box-align: center;
8126
- -webkit-align-items: center;
8127
- -moz-box-align: center;
8128
- -ms-flex-align: center;
8129
- align-items: center;
8130
- }
8131
-
8132
- .premium-progressbar-circle-wrap .premium-lottie-animation {
8133
- line-height: 1;
8134
- }
8135
-
8136
- @-webkit-keyframes progress-bar-stripes {
8137
- from {
8138
- background-position: 100% 0;
8139
- }
8140
-
8141
- to {
8142
- background-position: 40px 0;
8143
- }
8144
- }
8145
-
8146
- @keyframes progress-bar-stripes {
8147
- from {
8148
- background-position: 100% 0;
8149
- }
8150
-
8151
- to {
8152
- background-position: 40px 0;
8153
- }
8154
- }
8155
-
8156
- @-webkit-keyframes progress-bar-gradient {
8157
- 0% {
8158
- background-position: 100% 50%;
8159
- }
8160
-
8161
- 50% {
8162
- background-position: 0% 50%;
8163
- }
8164
-
8165
- 100% {
8166
- background-position: 100% 50%;
8167
- }
8168
- }
8169
-
8170
- @keyframes progress-bar-gradient {
8171
- 0% {
8172
- background-position: 100% 50%;
8173
- }
8174
-
8175
- 50% {
8176
- background-position: 0% 50%;
8177
- }
8178
-
8179
- 100% {
8180
- background-position: 100% 50%;
8181
- }
8182
- }
8183
- /**************** Premium Testimonials ****************/
8184
- /******************************************************/
8185
- .premium-testimonial-box {
8186
- width: 100%;
8187
- background: transparent;
8188
- -webkit-transition: all 0.3s ease-in-out;
8189
- transition: all 0.3s ease-in-out;
8190
- }
8191
-
8192
- .premium-testimonial-box .premium-testimonial-author-info {
8193
- -js-display: flex;
8194
- display: -webkit-box;
8195
- display: -webkit-flex;
8196
- display: -moz-box;
8197
- display: -ms-flexbox;
8198
- display: flex;
8199
- -webkit-box-pack: center;
8200
- -webkit-justify-content: center;
8201
- -moz-box-pack: center;
8202
- -ms-flex-pack: center;
8203
- justify-content: center;
8204
- -webkit-box-align: center;
8205
- -webkit-align-items: center;
8206
- -moz-box-align: center;
8207
- -ms-flex-align: center;
8208
- align-items: center;
8209
- }
8210
-
8211
- .premium-testimonial-box .premium-testimonial-person-name,
8212
- .premium-testimonial-box .premium-testimonial-company-name {
8213
- font-weight: 600;
8214
- margin: 0;
8215
- }
8216
-
8217
- .premium-testimonial-container {
8218
- position: relative;
8219
- }
8220
-
8221
- .premium-testimonial-img-wrapper {
8222
- margin-right: auto;
8223
- margin-left: auto;
8224
- overflow: hidden;
8225
- border-style: solid !important;
8226
- }
8227
-
8228
- .premium-testimonial-img-wrapper.circle {
8229
- -webkit-border-radius: 50%;
8230
- border-radius: 50%;
8231
- }
8232
-
8233
- .premium-testimonial-img-wrapper.rounded {
8234
- -webkit-border-radius: 15px;
8235
- border-radius: 15px;
8236
- }
8237
-
8238
- .premium-testimonial-img-wrapper img {
8239
- -o-object-fit: cover;
8240
- object-fit: cover;
8241
- width: 100%;
8242
- height: 100% !important;
8243
- }
8244
-
8245
- .premium-testimonial-content-wrapper {
8246
- position: relative;
8247
- display: -ms-flexbox;
8248
- display: -webkit-flex;
8249
- display: -moz-flex;
8250
- display: -ms-flex;
8251
- -js-display: flex;
8252
- display: -webkit-box;
8253
- display: -moz-box;
8254
- display: flex;
8255
- -webkit-box-orient: vertical;
8256
- -webkit-box-direction: normal;
8257
- -webkit-flex-direction: column;
8258
- -moz-box-orient: vertical;
8259
- -moz-box-direction: normal;
8260
- -ms-flex-direction: column;
8261
- flex-direction: column;
8262
- z-index: 2;
8263
- width: 100%;
8264
- padding: 20px;
8265
- text-align: center;
8266
- }
8267
-
8268
- .premium-testimonial-clear-float {
8269
- clear: both;
8270
- }
8271
-
8272
- .premium-testimonial-upper-quote,
8273
- .premium-testimonial-lower-quote {
8274
- position: absolute;
8275
- z-index: 1;
8276
- }
8277
- /**************** Premium Title ****************/
8278
- /***********************************************/
8279
- .premium-title-container .premium-title-header {
8280
- position: relative;
8281
- margin: 0;
8282
- padding: 10px;
8283
- }
8284
-
8285
- .premium-title-container .premium-title-header:not(.premium-title-style7) {
8286
- -webkit-box-align: center;
8287
- -webkit-align-items: center;
8288
- -moz-box-align: center;
8289
- -ms-flex-align: center;
8290
- align-items: center;
8291
- }
8292
-
8293
- .premium-title-container .premium-title-header svg {
8294
- width: 40px;
8295
- height: 40px;
8296
- }
8297
-
8298
- .premium-title-container .premium-title-header img {
8299
- width: 40px;
8300
- height: 40px;
8301
- -o-object-fit: cover;
8302
- object-fit: cover;
8303
- }
8304
-
8305
- .premium-title-container .premium-title-header a {
8306
- position: absolute;
8307
- top: 0;
8308
- right: 0;
8309
- width: 100%;
8310
- height: 100%;
8311
- }
8312
-
8313
- .premium-title-container .premium-lottie-animation {
8314
- -js-display: flex;
8315
- display: -webkit-box;
8316
- display: -webkit-flex;
8317
- display: -moz-box;
8318
- display: -ms-flexbox;
8319
- display: flex;
8320
- }
8321
-
8322
- .premium-title-icon-row .premium-title-icon {
8323
- margin-left: 10px;
8324
- }
8325
-
8326
- .premium-title-icon-row-reverse .premium-title-icon {
8327
- margin-right: 10px;
8328
- }
8329
-
8330
- .premium-title-style3,
8331
- .premium-title-style4 {
8332
- -js-display: flex;
8333
- display: -webkit-box;
8334
- display: -webkit-flex;
8335
- display: -moz-box;
8336
- display: -ms-flexbox;
8337
- display: flex;
8338
- }
8339
-
8340
- .premium-title-style1,
8341
- .premium-title-style2,
8342
- .premium-title-style5,
8343
- .premium-title-style6,
8344
- .premium-title-style8,
8345
- .premium-title-style9 {
8346
- -js-display: inline-flex;
8347
- display: -webkit-inline-box;
8348
- display: -webkit-inline-flex;
8349
- display: -moz-inline-box;
8350
- display: -ms-inline-flexbox;
8351
- display: inline-flex;
8352
- }
8353
-
8354
- .premium-title-style7 {
8355
- -js-display: inline-flex;
8356
- display: -webkit-inline-box;
8357
- display: -webkit-inline-flex;
8358
- display: -moz-inline-box;
8359
- display: -ms-inline-flexbox;
8360
- display: inline-flex;
8361
- -webkit-box-orient: vertical;
8362
- -webkit-box-direction: normal;
8363
- -webkit-flex-direction: column;
8364
- -moz-box-orient: vertical;
8365
- -moz-box-direction: normal;
8366
- -ms-flex-direction: column;
8367
- flex-direction: column;
8368
- }
8369
-
8370
- .premium-title-style7 .premium-title-style7-inner {
8371
- -js-display: flex;
8372
- display: -webkit-box;
8373
- display: -webkit-flex;
8374
- display: -moz-box;
8375
- display: -ms-flexbox;
8376
- display: flex;
8377
- -webkit-box-align: center;
8378
- -webkit-align-items: center;
8379
- -moz-box-align: center;
8380
- -ms-flex-align: center;
8381
- align-items: center;
8382
- }
8383
-
8384
- .premium-title-style1 {
8385
- border-width: 0;
8386
- border-right: 3px solid #6ec1e4;
8387
- }
8388
-
8389
- .premium-title-container.style2,
8390
- .premium-title-container.style4,
8391
- .premium-title-container.style5,
8392
- .premium-title-container.style6 {
8393
- border-bottom: 3px solid #6ec1e4;
8394
- }
8395
-
8396
- /*Style 6 Header*/
8397
- .premium-title-style6:before {
8398
- position: absolute;
8399
- right: 50%;
8400
- bottom: 0;
8401
- margin-right: -2px;
8402
- content: "";
8403
- border: 3px solid transparent;
8404
- }
8405
-
8406
- /*Style 6 Trinagle*/
8407
- .premium-title-style7-stripe-wrap {
8408
- -js-display: flex;
8409
- display: -webkit-box;
8410
- display: -webkit-flex;
8411
- display: -moz-box;
8412
- display: -ms-flexbox;
8413
- display: flex;
8414
- }
8415
-
8416
- .premium-title-style7:before {
8417
- display: none;
8418
- }
8419
-
8420
- .premium-title-style8 .premium-title-text[data-animation="shiny"] {
8421
- -webkit-background-size: 125px 125px !important;
8422
- background-size: 125px !important;
8423
- color: rgba(255, 255, 255, 0);
8424
- -webkit-background-clip: text !important;
8425
- background-clip: text !important;
8426
- -webkit-animation-name: pa-shinny-text !important;
8427
- animation-name: pa-shinny-text !important;
8428
- -webkit-animation-duration: var(--animation-speed) !important;
8429
- animation-duration: var(--animation-speed) !important;
8430
- -webkit-animation-iteration-count: infinite !important;
8431
- animation-iteration-count: infinite !important;
8432
- background: var(--base-color) -webkit-gradient(linear,
8433
- left top,
8434
- right top,
8435
- from(var(--base-color)),
8436
- to(var(--base-color)),
8437
- color-stop(0.5, var(--shiny-color))) 0 0 no-repeat;
8438
- }
8439
-
8440
- .premium-title-style9[data-animation-blur="process"] .premium-title-style9-letter {
8441
- -webkit-animation: pa-blur-shadow 2s 1 alternate;
8442
- animation: pa-blur-shadow 2s 1 alternate;
8443
- }
8444
-
8445
- .premium-title-gradient-yes .premium-title-text,
8446
- .premium-title-gradient-yes .premium-title-icon {
8447
- -webkit-background-clip: text;
8448
- -webkit-text-fill-color: transparent;
8449
- background-image: -webkit-gradient(linear, left top, right top, from(#ffa648), color-stop(#f17cc1), to(#4da9fd));
8450
- background-image: -webkit-linear-gradient(left, #ffa648, #f17cc1, #4da9fd);
8451
- background-image: linear-gradient(to right, #ffa648, #f17cc1, #4da9fd);
8452
- -webkit-animation: pa-text-gradient 8s infinite;
8453
- animation: pa-text-gradient 8s infinite;
8454
- }
8455
-
8456
- .premium-title-clipped .premium-title-header {
8457
- -webkit-text-fill-color: transparent;
8458
- -webkit-background-clip: text;
8459
- background-clip: text;
8460
- }
8461
-
8462
- @-webkit-keyframes pa-shinny-text {
8463
- 0% {
8464
- background-position: 100%;
8465
- }
8466
-
8467
- 100% {
8468
- background-position: -100%;
8469
- }
8470
- }
8471
-
8472
- @keyframes pa-shinny-text {
8473
- 0% {
8474
- background-position: 100%;
8475
- }
8476
-
8477
- 100% {
8478
- background-position: -100%;
8479
- }
8480
- }
8481
-
8482
- @-webkit-keyframes pa-blur-shadow {
8483
- from {
8484
- text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
8485
- color: transparent;
8486
- }
8487
-
8488
- to {
8489
- text-shadow: 0;
8490
- }
8491
- }
8492
-
8493
- @keyframes pa-blur-shadow {
8494
- from {
8495
- text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
8496
- color: transparent;
8497
- }
8498
-
8499
- to {
8500
- text-shadow: 0;
8501
- }
8502
- }
8503
-
8504
- @-webkit-keyframes pa-text-gradient {
8505
-
8506
- 0%,
8507
- 100% {
8508
- -webkit-filter: hue-rotate(0deg);
8509
- filter: hue-rotate(0deg);
8510
- }
8511
-
8512
- 50% {
8513
- -webkit-filter: hue-rotate(360deg);
8514
- filter: hue-rotate(360deg);
8515
- }
8516
- }
8517
-
8518
- @keyframes pa-text-gradient {
8519
-
8520
- 0%,
8521
- 100% {
8522
- -webkit-filter: hue-rotate(0deg);
8523
- filter: hue-rotate(0deg);
8524
- }
8525
-
8526
- 50% {
8527
- -webkit-filter: hue-rotate(360deg);
8528
- filter: hue-rotate(360deg);
8529
- }
8530
- }
8531
- /**************** Premium Video Box ************/
8532
- /***********************************************/
8533
- .premium-video-box-transform {
8534
- -webkit-transform: none !important;
8535
- -ms-transform: none !important;
8536
- transform: none !important;
8537
- }
8538
-
8539
- .premium-video-box-container {
8540
- -js-display: flex;
8541
- display: -webkit-box;
8542
- display: -webkit-flex;
8543
- display: -moz-box;
8544
- display: -ms-flexbox;
8545
- display: flex;
8546
- -webkit-box-orient: vertical;
8547
- -webkit-box-direction: normal;
8548
- -webkit-flex-direction: column;
8549
- -moz-box-orient: vertical;
8550
- -moz-box-direction: normal;
8551
- -ms-flex-direction: column;
8552
- flex-direction: column;
8553
- }
8554
-
8555
- .premium-video-box-container>div {
8556
- position: relative;
8557
- overflow: hidden;
8558
- }
8559
-
8560
- .pa-aspect-ratio-11 .premium-video-box-container>div {
8561
- padding-bottom: 100%;
8562
- }
8563
-
8564
- .pa-aspect-ratio-169 .premium-video-box-container>div {
8565
- padding-bottom: 56.25%;
8566
- }
8567
-
8568
- .pa-aspect-ratio-43 .premium-video-box-container>div {
8569
- padding-bottom: 75%;
8570
- }
8571
-
8572
- .pa-aspect-ratio-32 .premium-video-box-container>div {
8573
- padding-bottom: 66.6666%;
8574
- }
8575
-
8576
- .pa-aspect-ratio-219 .premium-video-box-container>div {
8577
- padding-bottom: 42.8571%;
8578
- }
8579
-
8580
- .pa-aspect-ratio-916 .premium-video-box-container>div {
8581
- padding-bottom: 177.8%;
8582
- }
8583
-
8584
- .premium-video-box-image-container {
8585
- position: absolute;
8586
- top: 0;
8587
- right: 0;
8588
- bottom: 0;
8589
- left: 0;
8590
- width: 100%;
8591
- height: 100%;
8592
- -webkit-background-size: cover;
8593
- background-size: cover;
8594
- background-position: 50%;
8595
- cursor: pointer;
8596
- margin: auto;
8597
- -webkit-transition: 0.2s all;
8598
- transition: 0.2s all;
8599
- }
8600
-
8601
- .premium-video-box-play-icon-container {
8602
- position: absolute;
8603
- z-index: 2;
8604
- cursor: pointer;
8605
- -webkit-transform: translate(50%, -50%);
8606
- -ms-transform: translate(50%, -50%);
8607
- transform: translate(50%, -50%);
8608
- background: rgba(252, 252, 252, 0.35);
8609
- }
8610
-
8611
- .premium-video-box-description-container {
8612
- position: absolute;
8613
- z-index: 2;
8614
- padding: 5px;
8615
- text-align: center;
8616
- cursor: pointer;
8617
- -webkit-transform: translate(50%, -50%);
8618
- -ms-transform: translate(50%, -50%);
8619
- transform: translate(50%, -50%);
8620
- }
8621
-
8622
- .premium-video-box-text {
8623
- margin-bottom: 0 !important;
8624
- -webkit-transition: all 0.3s ease-in-out;
8625
- transition: all 0.3s ease-in-out;
8626
- }
8627
-
8628
- .premium-video-box-play-icon {
8629
- padding: 15px;
8630
- -webkit-transform: translateX(-4%);
8631
- -ms-transform: translateX(-4%);
8632
- transform: translateX(-4%);
8633
- -webkit-transition: all 0.3s ease-in-out;
8634
- transition: all 0.3s ease-in-out;
8635
- }
8636
-
8637
- .premium-video-box-video-container,
8638
- .premium-vid-lightbox-container {
8639
- position: absolute;
8640
- top: 0;
8641
- right: 0;
8642
- z-index: 2;
8643
- width: 100%;
8644
- height: 100%;
8645
- -webkit-transition: opacity 0.8s ease-in-out;
8646
- transition: opacity 0.8s ease-in-out;
8647
- overflow: hidden;
8648
- cursor: pointer;
8649
- }
8650
-
8651
- .premium-video-box-container[data-overlay="true"][data-type="self"] .premium-video-box-video-container {
8652
- opacity: 0;
8653
- visibility: hidden;
8654
- }
8655
-
8656
- .premium-video-box-video-container iframe {
8657
- max-width: 100%;
8658
- width: 100%;
8659
- height: 100%;
8660
- margin: 0;
8661
- line-height: 1;
8662
- border: none;
8663
- }
8664
-
8665
- .premium-video-box-video-container video {
8666
- max-width: 100%;
8667
- width: 100%;
8668
- height: 100%;
8669
- margin: 0;
8670
- line-height: 1;
8671
- border: none;
8672
- background-color: #000;
8673
- -o-object-fit: contain;
8674
- object-fit: contain;
8675
- }
8676
-
8677
- .premium-video-box-container .premium-video-box-vimeo-wrap {
8678
- -js-display: flex;
8679
- display: -webkit-box;
8680
- display: -webkit-flex;
8681
- display: -moz-box;
8682
- display: -ms-flexbox;
8683
- display: flex;
8684
- position: absolute;
8685
- top: 0;
8686
- right: 0;
8687
- z-index: 3;
8688
- margin: 10px;
8689
- margin-left: 10px;
8690
- -webkit-transition: opacity 0.2s ease-out;
8691
- transition: opacity 0.2s ease-out;
8692
- margin-left: 4.6em;
8693
- }
8694
-
8695
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-portrait {
8696
- width: 60px;
8697
- height: 60px;
8698
- background: rgba(23, 35, 34, 0.75);
8699
- margin-left: 1px;
8700
- -webkit-box-flex: 1;
8701
- -webkit-flex: 1 0 auto;
8702
- -moz-box-flex: 1;
8703
- -ms-flex: 1 0 auto;
8704
- flex: 1 0 auto;
8705
- padding: 0;
8706
- }
8707
-
8708
- .premium-video-box-vimeo-portrait img {
8709
- width: 50px;
8710
- height: 50px;
8711
- margin: 5px;
8712
- padding: 0;
8713
- border: 0;
8714
- -webkit-border-radius: 50%;
8715
- border-radius: 50%;
8716
- }
8717
-
8718
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-headers {
8719
- font-size: 10px;
8720
- }
8721
-
8722
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-title {
8723
- max-width: 100%;
8724
- font-size: 2em !important;
8725
- font-weight: 700;
8726
- margin: 0;
8727
- padding: 0.1em 0.2em;
8728
- background: rgba(23, 35, 34, 0.75);
8729
- display: inline-block;
8730
- text-transform: none;
8731
- line-height: normal;
8732
- letter-spacing: normal;
8733
- }
8734
-
8735
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-byline {
8736
- font-size: 1.2em !important;
8737
- font-weight: 400;
8738
- color: #fff;
8739
- margin-top: 0.1em;
8740
- padding: 0.2em 0.5em;
8741
- background: rgba(23, 35, 34, 0.75);
8742
- text-transform: none;
8743
- line-height: normal;
8744
- letter-spacing: normal;
8745
- }
8746
-
8747
- .premium-video-box-playlist-container {
8748
- -js-display: flex;
8749
- display: -webkit-box;
8750
- display: -webkit-flex;
8751
- display: -moz-box;
8752
- display: -ms-flexbox;
8753
- display: flex;
8754
- -webkit-flex-wrap: wrap;
8755
- -ms-flex-wrap: wrap;
8756
- flex-wrap: wrap;
8757
- }
8758
-
8759
- .premium-video-box-playlist-container .premium-video-box-container {
8760
- height: 100%;
8761
- overflow: hidden;
8762
- }
8763
-
8764
- .premium-video-box-container:hover .premium-video-box-image-container.zoomin {
8765
- -webkit-transform: scale(1.1);
8766
- -ms-transform: scale(1.1);
8767
- transform: scale(1.1);
8768
- }
8769
-
8770
- .premium-video-box-container:hover .premium-video-box-image-container.zoomout {
8771
- -webkit-transform: scale(1);
8772
- -ms-transform: scale(1);
8773
- transform: scale(1);
8774
- }
8775
-
8776
- .premium-video-box-container:hover .premium-video-box-image-container.scale {
8777
- -webkit-transform: scale(1.3) rotate(-5deg);
8778
- -ms-transform: scale(1.3) rotate(-5deg);
8779
- transform: scale(1.3) rotate(-5deg);
8780
- }
8781
-
8782
- .premium-video-box-container:hover .premium-video-box-image-container.gray {
8783
- -webkit-filter: grayscale(0%);
8784
- filter: grayscale(0%);
8785
- }
8786
-
8787
- .premium-video-box-container:hover .premium-video-box-image-container.blur {
8788
- -webkit-filter: blur(3px);
8789
- filter: blur(3px);
8790
- }
8791
-
8792
- .premium-video-box-container:hover .premium-video-box-image-container.sepia {
8793
- -webkit-filter: sepia(0%);
8794
- filter: sepia(0%);
8795
- }
8796
-
8797
- .premium-video-box-container:hover .premium-video-box-image-container.trans {
8798
- -webkit-transform: translateX(0px) scale(1.1);
8799
- -ms-transform: translateX(0px) scale(1.1);
8800
- transform: translateX(0px) scale(1.1);
8801
- }
8802
-
8803
- .premium-video-box-container:hover .premium-video-box-image-container.bright {
8804
- -webkit-filter: brightness(1.2);
8805
- filter: brightness(1.2);
8806
- }
8807
-
8808
- .premium-video-box-image-container.gray {
8809
- -webkit-filter: grayscale(100%);
8810
- filter: grayscale(100%);
8811
- }
8812
-
8813
- .premium-video-box-image-container.zoomout,
8814
- .premium-video-box-image-container.scale {
8815
- -webkit-transform: scale(1.2);
8816
- -ms-transform: scale(1.2);
8817
- transform: scale(1.2);
8818
- }
8819
-
8820
- .premium-video-box-image-container.sepia {
8821
- -webkit-filter: sepia(30%);
8822
- filter: sepia(30%);
8823
- }
8824
-
8825
- .premium-video-box-image-container.bright {
8826
- -webkit-filter: brightness(1);
8827
- filter: brightness(1);
8828
- }
8829
-
8830
- .premium-video-box-image-container.trans {
8831
- -webkit-transform: translateX(15px) scale(1.1);
8832
- -ms-transform: translateX(15px) scale(1.1);
8833
- transform: translateX(15px) scale(1.1);
8834
- }
8835
-
8836
- .premium-video-box-mask-media {
8837
- -webkit-mask-repeat: no-repeat;
8838
- mask-repeat: no-repeat;
8839
- }
8840
-
8841
- /* Sticky Video Option */
8842
- .premium-video-box-container.premium-video-box-sticky-apply {
8843
- z-index: 99;
8844
- overflow: unset;
8845
- }
8846
-
8847
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
8848
- position: fixed !important;
8849
- z-index: 99999;
8850
- height: 225px;
8851
- width: 400px;
8852
- background: #fff;
8853
- }
8854
-
8855
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-vimeo-wrap,
8856
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-container:before {
8857
- visibility: hidden;
8858
- }
8859
-
8860
- .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 {
8861
- -webkit-box-shadow: unset;
8862
- box-shadow: unset;
8863
- }
8864
-
8865
- .premium-video-box-sticky-close,
8866
- .premium-video-box-sticky-infobar {
8867
- display: none;
8868
- }
8869
-
8870
- .premium-video-box-sticky-apply .premium-video-box-sticky-close {
8871
- position: absolute;
8872
- padding: 5px;
8873
- cursor: pointer;
8874
- z-index: 99999;
8875
- height: 14px;
8876
- width: 14px;
8877
- -webkit-box-sizing: content-box;
8878
- -moz-box-sizing: content-box;
8879
- box-sizing: content-box;
8880
- -webkit-border-radius: 100%;
8881
- border-radius: 100%;
8882
- -js-display: flex;
8883
- display: -webkit-box;
8884
- display: -webkit-flex;
8885
- display: -moz-box;
8886
- display: -ms-flexbox;
8887
- display: flex;
8888
- -webkit-box-pack: center;
8889
- -webkit-justify-content: center;
8890
- -moz-box-pack: center;
8891
- -ms-flex-pack: center;
8892
- justify-content: center;
8893
- -webkit-box-align: center;
8894
- -webkit-align-items: center;
8895
- -moz-box-align: center;
8896
- -ms-flex-align: center;
8897
- align-items: center;
8898
- }
8899
-
8900
- .premium-video-box-sticky-apply .premium-video-box-play-icon-container {
8901
- -js-display: flex;
8902
- display: -webkit-box;
8903
- display: -webkit-flex;
8904
- display: -moz-box;
8905
- display: -ms-flexbox;
8906
- display: flex;
8907
- }
8908
-
8909
- .premium-video-box-sticky-apply .premium-video-box-play-icon {
8910
- -webkit-transition: none;
8911
- transition: none;
8912
  }
8913
-
8914
- .premium-video-box-sticky-apply .premium-video-box-sticky-infobar {
8915
- display: block;
8916
- position: relative;
8917
- top: 100%;
8918
- width: 100%;
8919
- padding: 5px;
8920
- text-align: center;
8921
- z-index: 9999;
8922
- margin-top: -1px;
8923
  }
8924
 
8925
- .premium-video-box-sticky-apply .premium-video-box-inner-wrap.ui-draggable {
8926
- cursor: move;
 
 
8927
  }
8928
 
8929
- .premium-video-sticky-top-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
8930
- left: auto;
8931
- right: 20px;
8932
- top: 20px;
8933
  }
8934
 
8935
- .premium-video-sticky-bottom-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
8936
- left: auto;
8937
- right: 20px;
8938
- bottom: 20px;
 
8939
  }
8940
 
8941
- .premium-video-sticky-top-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
8942
- right: auto;
8943
- left: 20px;
8944
- top: 20px;
8945
  }
8946
 
8947
- .premium-video-sticky-bottom-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
8948
- right: auto;
8949
- left: 20px;
8950
- bottom: 20px;
8951
  }
8952
 
8953
- .premium-video-sticky-center-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
8954
- left: auto;
8955
- right: 20px;
8956
- top: 50%;
8957
- -webkit-transform: translateY(-50%);
8958
- -ms-transform: translateY(-50%);
8959
- transform: translateY(-50%);
8960
  }
8961
 
8962
- .premium-video-sticky-center-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
8963
- right: auto;
8964
- left: 20px;
8965
- top: 50%;
8966
- -webkit-transform: translateY(-50%);
8967
- -ms-transform: translateY(-50%);
8968
- transform: translateY(-50%);
8969
  }
8970
 
8971
- .premium-video-sticky-bottom-right .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap,
8972
- .premium-video-sticky-bottom-left .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
8973
- bottom: 55px;
 
8974
  }
8975
 
8976
- .premium-video-sticky-top-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
8977
- .premium-video-sticky-bottom-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
8978
- .premium-video-sticky-center-left .premium-video-box-sticky-apply .premium-video-box-sticky-close {
8979
- top: -10px;
8980
- left: -10px;
8981
  }
8982
 
8983
- .premium-video-sticky-top-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
8984
- .premium-video-sticky-bottom-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
8985
- .premium-video-sticky-center-right .premium-video-box-sticky-apply .premium-video-box-sticky-close {
8986
- top: -10px;
8987
- right: -10px;
8988
  }
8989
 
8990
- .premium-video-box-filter-sticky {
8991
- -webkit-filter: none !important;
8992
- filter: none !important;
8993
- }
8994
- /************ Premium Vertical Scroll ************/
8995
- /*************************************************/
8996
- .premium-vscroll-inner {
8997
- position: relative;
8998
- /* overflow: hidden;
8999
- */
9000
- min-height: 100%;
9001
  }
9002
 
9003
- .premium-vscroll-inner .premium-vscroll-dots {
9004
- position: fixed;
9005
- z-index: 100;
9006
- opacity: 1;
9007
- margin-top: -32px;
9008
- -webkit-transition: all 0.3s ease-in-out;
9009
- transition: all 0.3s ease-in-out;
9010
  }
9011
 
9012
- .premium-vscroll-wrap .premium-vscroll-nav-menu {
9013
- opacity: 1;
9014
- -webkit-transition: all 0.3s ease-in-out;
9015
- transition: all 0.3s ease-in-out;
9016
  }
9017
 
9018
- .premium-vscroll-inner .premium-vscroll-dots,
9019
- .premium-vscroll-wrap .premium-vscroll-dots-hide {
9020
- opacity: 0;
9021
- visibility: hidden;
9022
  }
9023
 
9024
- .premium-vscroll-nav-dots-yes .premium-vscroll-inner .premium-vscroll-dots {
9025
- opacity: 1;
9026
- visibility: visible;
 
 
 
 
 
9027
  }
9028
 
9029
- .premium-vscroll-dots.middle {
9030
- top: 50%;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
9031
  }
9032
 
9033
- .premium-vscroll-dots.top {
9034
- top: 40px;
9035
  }
9036
 
9037
- .premium-vscroll-dots.bottom {
9038
- bottom: 30px;
9039
  }
9040
 
9041
- .premium-vscroll-dots.right {
9042
- left: 17px;
 
 
 
 
 
9043
  }
9044
 
9045
- .premium-vscroll-dots.left {
9046
- right: 17px;
 
 
 
9047
  }
9048
 
9049
- .premium-vscroll-inner ul.premium-vscroll-dots-list,
9050
- .premium-vscroll-wrap .premium-vscroll-nav-menu {
9051
- margin: 0 !important;
9052
- padding: 0;
9053
  }
9054
 
9055
- .premium-vscroll-inner ul.premium-vscroll-dots-list li {
9056
- width: 14px;
9057
- height: 13px;
9058
- margin: 7px;
9059
- position: relative;
9060
- display: -webkit-box;
9061
- display: -webkit-flex;
9062
- display: -ms-flexbox;
9063
- -js-display: flex;
9064
- display: -moz-box;
9065
- display: flex;
9066
- -webkit-box-pack: center;
9067
- -ms-flex-pack: center;
9068
- -webkit-justify-content: center;
9069
- -moz-box-pack: center;
9070
- justify-content: center;
9071
- -webkit-box-align: center;
9072
- -ms-flex-align: center;
9073
- -webkit-align-items: center;
9074
- -moz-box-align: center;
9075
- align-items: center;
9076
- overflow: visible;
9077
  }
9078
 
9079
- .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link {
9080
- display: block;
9081
- position: relative;
9082
- z-index: 1;
9083
- width: 100%;
9084
- height: 100%;
9085
- cursor: pointer;
9086
- text-decoration: none;
9087
  }
9088
 
9089
- .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link span {
9090
- top: 2px;
9091
- right: 2.5px;
9092
- width: 8px;
9093
- height: 8px;
9094
- border: 1px solid #000;
9095
- -webkit-border-radius: 50%;
9096
- border-radius: 50%;
9097
- position: absolute;
9098
- z-index: 1;
9099
- -webkit-transition: all 0.3s ease-in-out;
9100
- transition: all 0.3s ease-in-out;
9101
  }
9102
 
9103
- .premium-vscroll-inner .premium-vscroll-dot-item.active .premium-vscroll-nav-link span {
9104
- -webkit-transform: scale(1.6);
9105
- -ms-transform: scale(1.6);
9106
- transform: scale(1.6);
9107
  }
9108
 
9109
- .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-tooltip {
9110
- position: absolute;
9111
- color: #fff;
9112
- font-size: 14px;
9113
- font-family: arial, helvetica, sans-serif;
9114
- white-space: nowrap;
9115
- max-width: 220px;
9116
- padding-right: 0.4em;
9117
- padding-left: 0.4em;
9118
  }
9119
 
9120
- .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip {
9121
- left: 27px;
 
 
 
9122
  }
9123
 
9124
- /* * Lines */
9125
- .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item {
9126
- width: 4px;
9127
- height: 30px;
 
9128
  }
9129
 
9130
- .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item span {
9131
- width: 100%;
9132
- height: 100%;
9133
- -webkit-border-radius: 0;
9134
- border-radius: 0;
9135
  }
9136
 
9137
- .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item.active span {
9138
- -webkit-transform: scale(1);
9139
- -ms-transform: scale(1);
9140
- transform: scale(1);
9141
  }
9142
 
9143
- @media (max-width: 768px) {
9144
- .premium-vscroll-dots.right {
9145
- left: 7px;
9146
- }
9147
-
9148
- .premium-vscroll-dots.left {
9149
- right: 7px;
9150
- }
9151
  }
9152
 
9153
- .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip::after {
9154
- position: absolute;
9155
- top: 50%;
9156
- content: "";
9157
- right: -webkit-calc(100% - 1px);
9158
- right: calc(100% - 1px);
9159
- width: 10px;
9160
- height: 0;
9161
- border-top: 6px solid transparent;
9162
- border-bottom: 6px solid transparent;
9163
- border-right: 6px solid;
9164
- -webkit-transform: translateY(-50%);
9165
- -ms-transform: translateY(-50%);
9166
- transform: translateY(-50%);
9167
  }
9168
 
9169
- .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip::after {
9170
- position: absolute;
9171
- top: 50%;
9172
- content: "";
9173
- left: -webkit-calc(100% - 1px);
9174
- left: calc(100% - 1px);
9175
- width: 10px;
9176
- height: 0;
9177
- border-top: 6px solid transparent;
9178
- border-bottom: 6px solid transparent;
9179
- border-left: 6px solid;
9180
- -webkit-transform: translateY(-50%);
9181
- -ms-transform: translateY(-50%);
9182
- transform: translateY(-50%);
9183
  }
9184
 
9185
- .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip {
9186
- right: 27px;
9187
  }
9188
 
9189
- .premium-vscroll-nav-menu {
9190
- position: fixed;
9191
- top: 20px;
9192
- height: 40px;
9193
- z-index: 100;
9194
- padding: 0;
9195
- margin: 0;
9196
  }
9197
 
9198
- .premium-vscroll-nav-menu.left {
9199
- right: 0;
9200
  }
9201
 
9202
- .premium-vscroll-nav-menu.right {
9203
- left: 0;
9204
  }
9205
 
9206
- .premium-vscroll-nav-menu .premium-vscroll-nav-item {
9207
- display: inline-block;
9208
- margin: 10px;
9209
- color: #000;
9210
- background: #fff;
9211
- background: rgba(255, 255, 255, 0.3);
9212
  }
9213
 
9214
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link {
9215
- padding: 9px 18px;
9216
- display: block;
9217
- cursor: pointer;
9218
  }
9219
 
9220
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link,
9221
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:hover {
9222
- color: #000;
9223
  }
9224
 
9225
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:focus,
9226
- .multiscroll-nav li a:focus {
9227
- outline: none;
9228
  }
9229
 
9230
- .premium-vscroll-temp .slimScrollBar {
9231
- visibility: hidden;
9232
- }
9233
- /********** Premium Woo Products **********/
9234
- /******************************************/
9235
- .ast-single-post .entry-content .premium-woocommerce a {
9236
- text-decoration: none;
9237
  }
9238
 
9239
- .premium-woocommerce .premium-woo-qv-btn {
9240
- cursor: pointer;
 
9241
  }
9242
 
9243
- .premium-woocommerce:not(.premium-woo-skin-grid-7) li.product .star-rating {
9244
- margin: 0 auto 0.5em;
 
 
9245
  }
9246
 
9247
- .premium-woocommerce:not(.premium-woo-skin-grid-10) .premium-woo-product-sale-wrap .premium-woo-product-onsale,
9248
- .premium-woocommerce:not(.premium-woo-skin-grid-10) .premium-woo-product-featured-wrap .premium-woo-product-featured {
9249
- display: block;
9250
- text-align: center;
9251
- color: #fff;
9252
- min-width: 2em;
9253
- min-height: 2em;
9254
- line-height: 2em;
9255
- padding: 0.3em 0.6em;
9256
- margin: 0.5em 0.6em;
9257
  }
9258
 
9259
- .premium-woocommerce .pa-out-of-stock {
9260
- display: block;
9261
- text-align: center;
9262
- color: #fff;
9263
- min-width: 2em;
9264
- min-height: 2em;
9265
- line-height: 2em;
9266
- padding: 0.3em 0.6em;
9267
- margin: 0.5em 0.6em;
 
 
 
9268
  }
9269
 
9270
- .premium-woocommerce .premium-woo-products-inner ul.products {
9271
  -js-display: flex;
9272
  display: -webkit-box;
9273
  display: -webkit-flex;
9274
  display: -moz-box;
9275
  display: -ms-flexbox;
9276
  display: flex;
9277
- margin: 0;
9278
- padding: 0;
9279
  -webkit-flex-wrap: wrap;
9280
  -ms-flex-wrap: wrap;
9281
  flex-wrap: wrap;
9282
- list-style: none outside;
9283
- -webkit-column-gap: 0;
9284
- -moz-column-gap: 0;
9285
- column-gap: 0;
9286
  }
9287
 
9288
- .premium-woocommerce .premium-woo-products-inner ul.products li.product {
9289
- margin: 0 0 10px;
9290
- padding: 0 10px;
9291
  }
9292
 
9293
- .premium-woocommerce.premium-woo-products-inner ul.products li.product .premium-woo-product-wrapper {
9294
- overflow: hidden;
9295
- -webkit-transition: all 0.3s ease-in-out;
9296
- transition: all 0.3s ease-in-out;
 
 
 
 
 
9297
  }
9298
 
9299
- .premium-woocommerce .premium-woo-product-category {
9300
- display: block;
9301
- font-size: 0.85em;
9302
- margin-bottom: 0.5em;
9303
- line-height: 1.3;
9304
  }
9305
 
9306
- .premium-woocommerce .woocommerce-loop-product__title {
9307
- margin-bottom: 0.5em;
9308
- font-size: 1em;
9309
- -webkit-transition: all 0.3s ease-in-out;
9310
- transition: all 0.3s ease-in-out;
9311
  }
9312
 
9313
- .premium-woocommerce .woocommerce-loop-product__link {
9314
- position: relative;
9315
- display: block !important;
9316
- overflow: hidden;
9317
- -webkit-transition: all 0.3s ease-in-out;
9318
- transition: all 0.3s ease-in-out;
9319
  }
9320
 
9321
- .premium-woocommerce .premium-woo-ribbon-container,
9322
- .premium-woocommerce .pa-out-of-stock {
9323
- position: absolute;
9324
- z-index: 9;
 
 
 
 
 
 
 
9325
  }
9326
 
9327
- .premium-woocommerce .premium-woo-ribbon-container {
 
 
 
 
 
 
9328
  top: 0;
9329
  right: 0;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
9330
  }
9331
 
9332
- .premium-woocommerce .pa-out-of-stock {
9333
- top: 7px;
9334
- right: 9px;
9335
- margin: 0;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
9336
  }
9337
 
9338
- .premium-woocommerce .star-rating {
9339
- display: block;
9340
- float: none;
9341
- margin: 0 auto 0.5em;
9342
- -webkit-backface-visibility: hidden;
9343
- backface-visibility: hidden;
9344
- overflow: hidden;
9345
- position: relative;
9346
- height: 1em;
9347
- line-height: 1;
9348
- font-size: 0.857em;
9349
- width: 5.4em;
9350
- font-family: star;
 
 
 
 
9351
  }
9352
 
9353
- .premium-woocommerce .star-rating::before {
9354
- content: "\73\73\73\73\73";
9355
- color: #54595f;
9356
- float: right;
9357
- top: 0;
9358
- right: 0;
9359
- position: absolute;
9360
  }
9361
 
9362
- .premium-woocommerce .premium-woo-products-inner ul.products .star-rating span {
9363
- overflow: hidden;
9364
- float: right;
9365
- top: 0;
9366
- right: 0;
9367
- position: absolute;
9368
- padding-top: 1.5em;
9369
  }
9370
 
9371
- .premium-woocommerce .star-rating span::before {
9372
- content: "\53\53\53\53\53";
9373
- color: inherit;
9374
- top: 0;
9375
- position: absolute;
9376
- right: 0;
9377
  }
9378
 
9379
- .premium-woo-product-thumbnail {
9380
- position: relative;
9381
- overflow: hidden;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
9382
  }
9383
 
9384
- .premium-woo-product-thumbnail .woocommerce-loop-product__link img {
9385
- margin: 0;
9386
- width: 100%;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
9387
  }
9388
 
9389
- .premium-woo-product-sale-wrap,
9390
- .premium-woo-product-featured-wrap {
9391
- margin: 0;
 
 
 
 
 
 
9392
  }
9393
 
9394
- .premium-woocommerce .premium-woo-products-details-wrap {
9395
- padding: 1em 1.2em;
 
 
9396
  }
9397
-
9398
- .premium-woocommerce .premium-woo-products-details-wrap .button {
9399
- display: inline-block;
9400
- background-color: #6ec1e4;
9401
- color: #fff;
9402
- margin: 0.5em 0;
9403
- line-height: 1.3;
9404
- padding: 10px 40px;
9405
- font-size: 100%;
9406
- cursor: pointer;
9407
- text-decoration: none;
9408
- overflow: visible;
9409
- font-weight: 700;
9410
- background-image: none;
9411
- border: none;
9412
- -webkit-border-radius: 0px;
9413
- border-radius: 0px;
9414
- -webkit-box-shadow: none;
9415
- box-shadow: none;
9416
- text-shadow: none;
9417
- -webkit-transition: all 0.3s ease-in-out;
9418
- transition: all 0.3s ease-in-out;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
9419
  }
9420
-
9421
- .premium-woocommerce li.product .price {
9422
- display: block;
9423
- line-height: 1.3;
9424
- font-weight: 700;
9425
- margin-bottom: 0.5em;
9426
- font-size: 0.9em;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
9427
  }
9428
-
9429
- .premium-woocommerce li.product .price del {
9430
- display: inline-block;
9431
- font-weight: 400;
9432
- background: transparent;
9433
- opacity: 1;
 
9434
  }
9435
 
9436
- .premium-woocommerce li.product .price ins {
9437
- display: inline-block;
9438
- background: transparent;
9439
- text-decoration: none;
9440
- font-weight: inherit;
 
 
 
 
 
 
 
 
 
 
 
 
9441
  }
9442
 
9443
- .premium-woocommerce li.product .price .amount {
9444
- color: inherit !important;
 
 
9445
  }
9446
 
9447
- .premium-woocommerce li.product .premium-woo-product-desc p {
9448
- margin: 0;
9449
  }
9450
 
9451
- .premium-woo-product-align-left .premium-woocommerce li.product .star-rating {
9452
- margin-right: auto;
9453
- margin-left: 0;
 
 
9454
  }
9455
 
9456
- .premium-woo-product-align-center .premium-woocommerce li.product .star-rating {
9457
- margin-right: auto;
9458
- margin-left: auto;
9459
  }
9460
 
9461
- .premium-woo-product-align-right .premium-woocommerce li.product .star-rating {
9462
- margin-right: 0;
9463
- margin-left: auto;
9464
  }
9465
 
9466
- .premium-woo-products-pagination ul.page-numbers {
9467
- -js-display: flex;
9468
- display: -webkit-box;
9469
- display: -webkit-flex;
9470
- display: -moz-box;
9471
- display: -ms-flexbox;
9472
- display: flex;
9473
- list-style-type: none;
9474
- margin: 0;
9475
- margin-top: 10px;
9476
- padding: 0;
9477
- border: none;
9478
- -webkit-box-pack: center;
9479
- -webkit-justify-content: center;
9480
- -moz-box-pack: center;
9481
- -ms-flex-pack: center;
9482
- justify-content: center;
9483
  }
9484
 
9485
- .premium-woo-products-pagination ul.page-numbers li {
9486
- margin: 0 0 0.4em 0.4em;
9487
- padding: 0;
9488
- text-align: center;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
9489
  }
9490
 
9491
- .premium-woo-products-pagination ul.page-numbers li .page-numbers {
9492
- margin: 0;
9493
- text-decoration: none;
9494
- color: #000;
9495
- border: 1px solid #54595f;
9496
- padding: 0;
9497
- line-height: 1;
9498
- font-size: 1em;
9499
- font-weight: 400;
9500
- padding: 0.75em;
9501
- display: block;
9502
- min-width: 2.5em;
9503
- -webkit-transition: all 0.3s ease-in-out;
9504
- transition: all 0.3s ease-in-out;
9505
  }
9506
 
9507
- .premium-woo-products-pagination ul.page-numbers li .page-numbers:hover,
9508
- .premium-woo-products-pagination ul.page-numbers li .page-numbers.current {
9509
- background-color: #54595f;
9510
- color: #fff;
9511
- outline: none;
9512
  }
9513
-
9514
- .premium-woocommerce .premium-loading-feed,
9515
- .premium-woo-quick-view-loader .premium-loading-feed {
9516
- display: block;
9517
- position: absolute;
9518
- width: 100%;
9519
- height: 100%;
9520
- top: 0px;
9521
- right: 0px;
9522
- bottom: 0px;
9523
- left: 0px;
9524
- background: rgba(255, 255, 255, 0.2);
9525
- -js-display: flex;
9526
- display: -webkit-box;
9527
- display: -webkit-flex;
9528
- display: -moz-box;
9529
- display: -ms-flexbox;
9530
- display: flex;
9531
- -webkit-box-align: center;
9532
- -webkit-align-items: center;
9533
- -moz-box-align: center;
9534
- -ms-flex-align: center;
9535
- align-items: center;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
9536
  }
9537
-
9538
- /**
9539
- * Image Hover Effects
9540
- */
9541
- .premium-woocommerce .woocommerce-loop-product__link img {
9542
- -webkit-transition: all 0.3s ease-in-out;
9543
- transition: all 0.3s ease-in-out;
9544
  }
9545
 
9546
- .premium-woo-product__hover-zoomout .woocommerce-loop-product__link img {
9547
- -webkit-transform: scale(1.2);
9548
- -ms-transform: scale(1.2);
9549
- transform: scale(1.2);
 
 
 
 
 
 
 
 
 
 
9550
  }
9551
 
9552
- .premium-woo-product__hover-zoomout li.product:hover .woocommerce-loop-product__link img {
9553
- -webkit-transform: none;
9554
- -ms-transform: none;
9555
- transform: none;
9556
  }
9557
 
9558
- .premium-woo-product__hover-zoomin .woocommerce-loop-product__link img {
9559
- -webkit-transform: none;
9560
- -ms-transform: none;
9561
- transform: none;
9562
  }
9563
 
9564
- .premium-woo-product__hover-zoomin li.product:hover .woocommerce-loop-product__link img {
9565
- -webkit-transform: scale(1.2);
9566
- -ms-transform: scale(1.2);
9567
- transform: scale(1.2);
9568
  }
9569
 
9570
- .premium-woo-product__hover-gray .woocommerce-loop-product__link img {
9571
- -webkit-filter: grayscale(100%);
9572
- filter: grayscale(100%);
9573
  }
9574
 
9575
- .premium-woo-product__hover-gray li.product:hover .woocommerce-loop-product__link img {
9576
- -webkit-filter: grayscale(0%);
9577
- filter: grayscale(0%);
9578
  }
9579
 
9580
- .premium-woo-product__hover-sepia .woocommerce-loop-product__link img {
9581
- -webkit-filter: sepia(30%);
9582
- filter: sepia(30%);
9583
  }
9584
 
9585
- .premium-woo-product__hover-sepia li.product:hover .woocommerce-loop-product__link img {
9586
- -webkit-filter: sepia(0%);
9587
- filter: sepia(0%);
9588
  }
9589
 
9590
- .premium-woo-product__hover-bright .woocommerce-loop-product__link img {
9591
- -webkit-filter: brightness(1);
9592
- filter: brightness(1);
 
 
 
 
 
 
 
 
 
 
 
 
9593
  }
9594
 
9595
- .premium-woo-product__hover-bright li.product:hover .woocommerce-loop-product__link img {
9596
- -webkit-filter: brightness(1.2);
9597
- filter: brightness(1.2);
 
 
 
 
 
9598
  }
9599
 
9600
- .premium-woo-product__hover-trans .woocommerce-loop-product__link img {
9601
- -webkit-transform: translateX(15px) scale(1.1);
9602
- -ms-transform: translateX(15px) scale(1.1);
9603
- transform: translateX(15px) scale(1.1);
 
 
 
 
 
9604
  }
9605
 
9606
- .premium-woo-product__hover-trans li.product:hover .woocommerce-loop-product__link img {
9607
- -webkit-transform: translateX(0px) scale(1.1);
9608
- -ms-transform: translateX(0px) scale(1.1);
9609
- transform: translateX(0px) scale(1.1);
9610
  }
9611
 
9612
- .premium-woo-product__hover-scale li.product:hover .woocommerce-loop-product__link img {
9613
- -webkit-transform: scaleX(1.3) scaleY(1.3) rotate(-5deg);
9614
- -ms-transform: scaleX(1.3) scaleY(1.3) rotate(-5deg);
9615
- transform: scaleX(1.3) scaleY(1.3) rotate(-5deg);
 
 
 
9616
  }
9617
 
9618
- .premium-woocommerce .premium-woo-product__on_hover {
9619
- position: absolute;
9620
- top: 0;
9621
- left: 0;
9622
- bottom: 0;
9623
- right: 0;
9624
- height: 100%;
9625
- opacity: 0;
 
 
 
 
9626
  }
9627
 
9628
- .premium-woo-product__hover-swap li.product:hover .premium-woo-product__on_hover {
9629
- opacity: 1;
 
9630
  }
9631
 
9632
- .premium-woo-skin-grid-1 .premium-woo-qv-btn,
9633
- .premium-woo-skin-grid-3 .premium-woo-qv-btn,
9634
- .premium-woo-skin-grid-4 .premium-woo-qv-btn {
9635
- position: absolute;
9636
- bottom: 0;
9637
- right: 0;
9638
- width: 100%;
9639
- text-align: center;
9640
- padding: 5px;
9641
- background: rgba(2, 2, 2, 0.5);
9642
- color: #fff;
9643
- -webkit-transition: all 0.3s ease-in-out;
9644
- transition: all 0.3s ease-in-out;
9645
- z-index: 2;
9646
- -webkit-transform: translateY(100%);
9647
- -ms-transform: translateY(100%);
9648
- transform: translateY(100%);
9649
  }
9650
 
9651
- .premium-woo-skin-grid-4 .premium-woo-qv-btn {
9652
- -webkit-transition-delay: 0.1s;
9653
- transition-delay: 0.1s;
 
 
 
 
 
 
 
9654
  }
9655
 
9656
- .premium-woo-skin-grid-1 .premium-woo-qv-icon,
9657
- .premium-woo-skin-grid-3 .premium-woo-qv-icon,
9658
- .premium-woo-skin-grid-4 .premium-woo-qv-icon,
9659
- .premium-woo-skin-grid-6 .premium-woo-qv-icon {
9660
- margin-right: 0.5em;
 
 
 
 
 
 
 
 
 
 
 
9661
  }
9662
 
9663
- .premium-woo-product-thumbnail:hover .premium-woo-qv-btn-translate {
9664
- -webkit-transform: translateY(0);
9665
- -ms-transform: translateY(0);
9666
- transform: translateY(0);
 
 
 
 
 
 
 
9667
  }
9668
 
9669
- .premium-woo-product-wrapper .premium-woo-qv-data {
9670
- position: absolute;
9671
- top: 0;
9672
- right: 0;
9673
- width: 100%;
9674
- height: 100%;
9675
- z-index: 1;
9676
- overflow: hidden;
9677
- cursor: pointer;
9678
  }
9679
 
9680
- /**
9681
- * Skin 1,4
9682
- */
9683
- .premium-woo-skin-grid-1 .premium-woo-product-actions-wrapper,
9684
- .premium-woo-skin-grid-4 .premium-woo-product-actions-wrapper {
9685
- position: absolute;
9686
- top: 0.7em;
9687
- left: 1em;
9688
- -webkit-transform: translate3d(-15px, 0, 0);
9689
- transform: translate3d(-15px, 0, 0);
9690
- -webkit-transition: all 0.3s ease-in-out;
9691
- transition: all 0.3s ease-in-out;
9692
- opacity: 0;
9693
- z-index: 9;
9694
  }
9695
 
9696
- .premium-woocommerce .premium-woo-product-actions-wrapper .premium-woo-cart-btn {
9697
- position: relative;
9698
- display: block;
9699
- margin: 0 0 3px;
9700
- background: #fff;
9701
- text-align: center;
9702
- outline: 0;
9703
- -webkit-transition: all 0.3s ease-in-out;
9704
- transition: all 0.3s ease-in-out;
 
 
9705
  }
9706
 
9707
- .premium-woocommerce .premium-woo-product-actions-wrapper .premium-woo-add-cart-icon {
9708
- display: block;
9709
- color: #54595f;
9710
- width: 30px;
9711
- line-height: 30px;
9712
- height: 30px;
9713
- cursor: pointer;
9714
- -webkit-transition: all 0.3s ease-in-out;
9715
- transition: all 0.3s ease-in-out;
 
9716
  }
9717
 
9718
- .premium-woo-skin-grid-1 li.product:hover .premium-woo-product-actions-wrapper,
9719
- .premium-woo-skin-grid-4 li.product:hover .premium-woo-product-actions-wrapper {
9720
- -webkit-transform: translate3d(-5px, 0, 0);
9721
- transform: translate3d(-5px, 0, 0);
9722
- opacity: 1;
 
 
 
 
 
9723
  }
9724
 
9725
- .premium-woocommerce .premium-woo-cart-btn.adding .premium-woo-add-cart-icon {
9726
- -webkit-animation: spin 2s linear infinite;
9727
- animation: spin 2s linear infinite;
9728
  }
9729
 
9730
- .premium-woocommerce .premium-woo-cart-btn.adding .premium-woo-add-cart-icon::before {
9731
- content: "\f013";
 
 
9732
  }
9733
 
9734
- .premium-woocommerce .premium-woo-cart-btn.added .premium-woo-add-cart-icon::before {
9735
- content: "\f00c";
 
 
9736
  }
9737
 
9738
- /**
9739
- * Skin 2
9740
- */
9741
- .premium-woo-skin-grid-2 li.product .premium-woo-products-details-wrap {
9742
- position: absolute;
9743
- background: #fff;
9744
- bottom: 0;
9745
- right: 0;
9746
- width: 100%;
9747
- z-index: 2;
9748
- padding: 0;
9749
- opacity: 0;
9750
- -webkit-transition: opacity 0.2s, -webkit-transform 0.4s;
9751
- transition: opacity 0.2s, -webkit-transform 0.4s;
9752
- transition: transform 0.4s, opacity 0.2s;
9753
- transition: transform 0.4s, opacity 0.2s, -webkit-transform 0.4s;
9754
- -webkit-transform: translateZ(0) translateY(5px);
9755
- transform: translateZ(0) translateY(5px);
9756
  }
9757
 
9758
- .premium-woo-skin-grid-2 .premium-woo-product-details {
9759
- padding: 15px 0;
 
9760
  }
9761
 
9762
- .premium-woo-skin-grid-2 li.product:hover .premium-woo-products-details-wrap {
9763
- opacity: 1;
9764
- -webkit-transform: translateZ(0) translateY(0);
9765
- transform: translateZ(0) translateY(0);
9766
  }
9767
 
9768
- .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper {
9769
- position: static;
9770
- -js-display: flex;
9771
- display: -webkit-box;
9772
- display: -webkit-flex;
9773
- display: -moz-box;
9774
- display: -ms-flexbox;
9775
- display: flex;
9776
- -webkit-box-orient: horizontal;
9777
- -webkit-box-direction: reverse;
9778
- -webkit-flex-direction: row-reverse;
9779
- -moz-box-orient: horizontal;
9780
- -moz-box-direction: reverse;
9781
- -ms-flex-direction: row-reverse;
9782
- flex-direction: row-reverse;
9783
  }
9784
 
9785
- .premium-woo-skin-grid-2 .premium-woo-product-actions-wrapper>* {
9786
- -webkit-box-flex: 1;
9787
- -webkit-flex: 1;
9788
- -moz-box-flex: 1;
9789
- -ms-flex: 1;
9790
- flex: 1;
9791
- min-width: 50%;
9792
  }
9793
 
9794
- .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper .button {
9795
- -js-display: flex;
9796
- display: -webkit-box;
9797
- display: -webkit-flex;
9798
- display: -moz-box;
9799
- display: -ms-flexbox;
9800
- display: flex;
9801
- margin: 0;
9802
- text-align: center;
9803
- -webkit-box-pack: center;
9804
- -webkit-justify-content: center;
9805
- -moz-box-pack: center;
9806
- -ms-flex-pack: center;
9807
- justify-content: center;
9808
- -webkit-box-align: center;
9809
- -webkit-align-items: center;
9810
- -moz-box-align: center;
9811
- -ms-flex-align: center;
9812
- align-items: center;
9813
  }
9814
 
9815
- .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper .premium-woo-qv-btn {
9816
- background-color: #54595f;
 
9817
  }
9818
 
9819
- /**
9820
- * Skin 4
9821
- */
9822
- .premium-woo-skin-grid-4 li.product .premium-woo-products-details-wrap {
9823
- position: absolute;
9824
- right: 0;
9825
- left: 0;
9826
- top: 50%;
9827
- -webkit-transform: scale(0.9) translateZ(0) translateY(-50%);
9828
- transform: scale(0.9) translateZ(0) translateY(-50%);
9829
- text-align: center;
9830
- z-index: 2;
9831
- opacity: 0;
9832
- -webkit-transition: opacity 0.5s, -webkit-transform 0.3s;
9833
- transition: opacity 0.5s, -webkit-transform 0.3s;
9834
- transition: opacity 0.5s, transform 0.3s;
9835
- transition: opacity 0.5s, transform 0.3s, -webkit-transform 0.3s;
9836
  }
9837
 
9838
- .premium-woo-skin-grid-4 li.product .premium-woo-product-overlay,
9839
- .premium-woo-skin-grid-8 li.product .premium-woo-product-overlay {
9840
- position: absolute;
9841
- top: 0;
9842
- right: 0;
9843
- width: 100%;
9844
- height: 100%;
9845
- opacity: 0;
9846
- visibility: hidden;
9847
- background-color: rgba(27, 27, 23, 0.3);
9848
- -webkit-transition: all 0.25s ease-in-out;
9849
- transition: all 0.25s ease-in-out;
9850
  }
9851
 
9852
- .premium-woo-skin-grid-4 li.product:hover .premium-woo-product-overlay,
9853
- .premium-woo-skin-grid-8 li.product:hover .premium-woo-product-overlay {
9854
- opacity: 1;
9855
- visibility: visible;
9856
- z-index: 1;
9857
  }
9858
 
9859
- .premium-woo-skin-grid-4 li.product:hover .premium-woo-products-details-wrap {
9860
- -webkit-transform: scale(1) translateZ(0) translateY(-50%);
9861
- transform: scale(1) translateZ(0) translateY(-50%);
9862
- opacity: 1;
9863
  }
9864
 
9865
- /**
9866
- * Skin 5
9867
- */
9868
- .premium-woo-skin-grid-5 li.product .premium-woo-product-actions-wrapper {
9869
- -js-display: flex;
9870
- display: -webkit-box;
9871
- display: -webkit-flex;
9872
- display: -moz-box;
9873
- display: -ms-flexbox;
9874
- display: flex;
9875
  }
9876
 
9877
- .premium-woo-skin-grid-5 li.product .premium-woo-product-actions-wrapper .premium-woo-qv-btn {
9878
- -js-display: flex;
9879
- display: -webkit-box;
9880
- display: -webkit-flex;
9881
- display: -moz-box;
9882
- display: -ms-flexbox;
9883
- display: flex;
9884
- -webkit-box-align: center;
9885
- -webkit-align-items: center;
9886
- -moz-box-align: center;
9887
- -ms-flex-align: center;
9888
- align-items: center;
9889
- background-color: #54595f;
9890
- padding: 10px;
9891
- -webkit-transition: all 0.25s ease 0s;
9892
- transition: all 0.25s ease 0s;
9893
  }
9894
 
9895
- .premium-woo-skin-grid-5 li.product .premium-woo-products-details-wrap {
9896
- width: 75%;
 
 
 
 
9897
  }
9898
 
9899
- .premium-woo-skin-grid-5 .premium-woo-product-wrapper {
9900
- -js-display: flex;
9901
- display: -webkit-box;
9902
- display: -webkit-flex;
9903
- display: -moz-box;
9904
- display: -ms-flexbox;
9905
- display: flex;
9906
- -webkit-box-align: center;
9907
- -webkit-align-items: center;
9908
- -moz-box-align: center;
9909
- -ms-flex-align: center;
9910
- align-items: center;
9911
  }
9912
 
9913
- .premium-woo-product-align-right .premium-woo-skin-grid-5 .premium-woo-product-actions-wrapper {
9914
- -webkit-box-pack: end;
9915
- -webkit-justify-content: flex-end;
9916
- -moz-box-pack: end;
9917
- -ms-flex-pack: end;
9918
- justify-content: flex-end;
9919
  }
9920
 
9921
- .premium-woo-product-align-center .premium-woo-skin-grid-5 .premium-woo-product-actions-wrapper {
9922
- -webkit-box-pack: center;
9923
- -webkit-justify-content: center;
9924
- -moz-box-pack: center;
9925
- -ms-flex-pack: center;
9926
- justify-content: center;
9927
  }
9928
 
9929
- /**
9930
- * Skin 6
9931
- */
9932
- .premium-woo-skin-grid-6 .premium-woo-qv-btn {
9933
- position: absolute;
9934
- top: 50%;
9935
- right: 50%;
9936
- min-width: 40%;
9937
- text-align: center;
9938
- padding: 5px;
9939
- background: rgba(2, 2, 2, 0.5);
9940
- color: #fff;
9941
- -webkit-transform: translate(50%, -50%);
9942
- -ms-transform: translate(50%, -50%);
9943
- transform: translate(50%, -50%);
9944
- opacity: 0;
9945
- visibility: hidden;
9946
- -webkit-transition: all 0.3s ease-in-out;
9947
- transition: all 0.3s ease-in-out;
9948
- cursor: pointer;
9949
- z-index: 2;
 
 
 
 
 
 
 
9950
  }
9951
 
9952
- .premium-woo-skin-grid-6 li.product:hover .premium-woo-qv-btn {
9953
- opacity: 1;
9954
- visibility: visible;
 
 
 
 
9955
  }
9956
 
9957
- .premium-woo-product-align-right .premium-woo-skin-grid-6 li.product .premium-woo-product-info .star-rating,
9958
- .premium-woo-product-align-left .premium-woo-skin-grid-6 li.product .premium-woo-product-info .star-rating,
9959
- .premium-woo-product-align-right .premium-woo-skin-grid-7 li.product .premium-woo-product-info .star-rating,
9960
- .premium-woo-product-align-left .premium-woo-skin-grid-7 li.product .premium-woo-product-info .star-rating {
9961
- margin: 0;
9962
  }
9963
 
9964
- .premium-woo-skin-grid-6 li.product .premium-woo-product-info {
9965
- -js-display: flex;
9966
- display: -webkit-box;
9967
- display: -webkit-flex;
9968
- display: -moz-box;
9969
- display: -ms-flexbox;
9970
- display: flex;
9971
- -webkit-box-pack: justify;
9972
- -webkit-justify-content: space-between;
9973
- -moz-box-pack: justify;
9974
- -ms-flex-pack: justify;
9975
- justify-content: space-between;
9976
  }
9977
 
9978
- .premium-woo-product-align-center .premium-woocommerce li.product .premium-woo-product-info {
9979
- -webkit-box-orient: vertical;
9980
- -webkit-box-direction: normal;
9981
- -webkit-flex-direction: column;
9982
- -moz-box-orient: vertical;
9983
- -moz-box-direction: normal;
9984
- -ms-flex-direction: column;
9985
- flex-direction: column;
9986
  }
9987
 
9988
- .premium-woo-product-align-right .premium-woocommerce li.product .premium-woo-product-info {
9989
- -webkit-box-orient: horizontal;
9990
- -webkit-box-direction: reverse;
9991
- -webkit-flex-direction: row-reverse;
9992
- -moz-box-orient: horizontal;
9993
- -moz-box-direction: reverse;
9994
- -ms-flex-direction: row-reverse;
9995
- flex-direction: row-reverse;
9996
  }
9997
 
9998
- .premium-woo-skin-grid-6 li.product .premium-woo-product-gallery-images {
9999
- -js-display: flex;
10000
- display: -webkit-box;
10001
- display: -webkit-flex;
10002
- display: -moz-box;
10003
- display: -ms-flexbox;
10004
- display: flex;
10005
- position: absolute;
10006
- bottom: 10px;
10007
- width: 100%;
10008
- -webkit-box-pack: center;
10009
- -webkit-justify-content: center;
10010
- -moz-box-pack: center;
10011
- -ms-flex-pack: center;
10012
- justify-content: center;
10013
  }
10014
 
10015
- .premium-woo-product-gallery-images .premium-woo-product__gallery_image {
10016
- width: 20%;
10017
- margin: 0 0.2em;
10018
- border: 2px solid #aaa;
10019
- cursor: pointer;
10020
  }
10021
 
10022
- /**
10023
- * Metro
10024
- */
10025
- /*.premium-woo-grid-style1 ul.products li.product {
10026
- width: 25%;
10027
- }*/
10028
- .premium-woo-products-metro li.product .premium-woo-product-thumbnail img,
10029
- .premium-woo-products-metro li.product .premium-woo-product-wrapper,
10030
- .premium-woo-products-metro li.product .premium-woo-product-thumbnail,
10031
- .premium-woo-products-metro li.product .woocommerce-LoopProduct-link {
10032
- height: 100%;
10033
  }
10034
 
10035
- .premium-woo-products-metro ul.products li.product {
10036
- margin-bottom: 0;
 
 
 
 
 
10037
  }
10038
 
10039
- .premium-woo-products-metro li.product .premium-woo-product-thumbnail img {
10040
- -o-object-fit: cover;
10041
- object-fit: cover;
 
 
 
 
10042
  }
10043
 
10044
- /*
10045
- * Carousel
10046
- */
10047
- .premium-carousel-hidden {
10048
- opacity: 0;
10049
- visibility: hidden;
10050
  }
10051
 
10052
- .premium-woocommerce:not(.premium-woo-skin-grid-7) .slick-arrow {
10053
- -webkit-border-radius: 50%;
10054
- border-radius: 50%;
 
 
10055
  }
10056
 
10057
- .premium-woocommerce ul.slick-dots {
10058
- width: 100%;
 
 
 
10059
  }
10060
 
10061
- /*
10062
- * Quick View Html/body
10063
- */
10064
- html.premium-woo-qv-opened,
10065
- html.premium-woo-qv-opened body {
10066
- overflow: hidden;
10067
  }
10068
-
10069
- /**
10070
- * Quick View Modal
 
 
10071
  */
10072
- .premium-woo-quick-view-back {
10073
- position: fixed;
10074
- visibility: hidden;
10075
- overflow: hidden;
10076
- background: rgba(2, 2, 2, 0.5);
10077
- opacity: 0;
10078
- -webkit-transition: opacity 0.25s;
10079
- transition: opacity 0.25s;
10080
- z-index: 999;
10081
  }
10082
 
10083
- .premium-woo-quick-view-active {
10084
- top: 0;
10085
- right: 0;
10086
- width: 100%;
10087
- height: 100%;
10088
- opacity: 1;
10089
- visibility: visible;
10090
  }
10091
 
10092
- #premium-woo-quick-view-modal {
10093
- position: fixed;
10094
- visibility: hidden;
10095
- opacity: 0;
10096
- top: 0;
10097
- right: 0;
10098
- width: 100%;
10099
- height: 100%;
10100
- z-index: 1400;
10101
- text-align: center;
10102
- -webkit-transition: all 0.3s;
10103
- transition: all 0.3s;
10104
- overflow-x: hidden;
10105
- overflow-y: auto;
10106
  }
10107
 
10108
- #premium-woo-quick-view-modal.active {
10109
- visibility: visible;
10110
- opacity: 1;
 
10111
  }
10112
 
10113
- #premium-woo-quick-view-modal.active .premium-woo-content-main {
10114
- -webkit-transform: translateY(0);
10115
- -ms-transform: translateY(0);
10116
- transform: translateY(0);
10117
- opacity: 1;
10118
- width: 100%;
10119
  }
10120
 
10121
- #premium-woo-quick-view-modal .premium-woo-content-main-wrapper {
10122
- position: absolute;
10123
- width: 100%;
10124
- height: 100%;
10125
- top: 0;
10126
- right: 0;
10127
- text-align: center;
10128
- padding: 30px;
10129
- -js-display: flex;
10130
- display: -webkit-box;
10131
- display: -webkit-flex;
10132
- display: -moz-box;
10133
- display: -ms-flexbox;
10134
- display: flex;
10135
- -webkit-box-align: center;
10136
- -webkit-align-items: center;
10137
- -moz-box-align: center;
10138
- -ms-flex-align: center;
10139
- align-items: center;
10140
  }
10141
 
10142
- #premium-woo-quick-view-modal .premium-woo-content-main {
10143
- position: relative;
10144
- pointer-events: none;
10145
- max-width: 100%;
10146
- text-align: right;
10147
- z-index: 1045;
10148
- -webkit-transform: translateY(-30px);
10149
- -ms-transform: translateY(-30px);
10150
- transform: translateY(-30px);
10151
- opacity: 0;
10152
- -webkit-transition: opacity 0.3s, -webkit-transform 0.5s;
10153
- transition: opacity 0.3s, -webkit-transform 0.5s;
10154
- transition: transform 0.5s, opacity 0.3s;
10155
- transition: transform 0.5s, opacity 0.3s, -webkit-transform 0.5s;
10156
- margin: 0 auto;
10157
  }
10158
 
10159
- #premium-woo-quick-view-modal .premium-woo-lightbox-content {
10160
- position: relative;
10161
- display: table;
10162
- pointer-events: auto;
10163
- background-color: #fff;
10164
- max-width: 975px;
10165
- margin: 20px auto;
10166
- -webkit-transform: translateZ(0);
10167
- transform: translateZ(0);
10168
- -webkit-box-shadow: -3px 3px 20px 0 rgba(0, 0, 0, 0.15);
10169
- box-shadow: -3px 3px 20px 0 rgba(0, 0, 0, 0.15);
10170
- overflow: hidden;
10171
  }
10172
 
10173
- #premium-woo-quick-view-modal .summary {
10174
- width: 50%;
10175
- margin: 0;
10176
- padding: 30px;
10177
- float: right;
10178
- -webkit-box-sizing: border-box;
10179
- -moz-box-sizing: border-box;
10180
- box-sizing: border-box;
10181
  }
10182
 
10183
- #premium-woo-quick-view-modal .summary .quantity {
10184
- min-width: auto;
10185
  }
10186
 
10187
- #premium-woo-quick-view-modal .summary .quantity input.qty {
10188
- width: 54px;
10189
- -webkit-appearance: button;
10190
- -moz-appearance: button;
10191
- appearance: button;
10192
  }
10193
 
10194
- #premium-woo-quick-view-modal .summary .quantity input[type="number"]::-webkit-inner-spin-button,
10195
- #premium-woo-quick-view-modal .summary .quantity input[type="number"]::-webkit-outer-spin-button {
10196
- display: unset;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
10197
  }
10198
 
10199
- #premium-woo-quick-view-modal .woocommerce-product-details__short-description p {
10200
- margin: 0;
 
 
 
 
 
 
10201
  }
10202
 
10203
- #premium-woo-quick-view-close {
10204
- position: absolute;
10205
- font-size: 22px;
10206
- top: 10px;
10207
- left: 10px;
10208
- width: 22px;
10209
- height: 22px;
10210
- line-height: 22px;
10211
- opacity: 0.7;
10212
- text-align: center;
10213
- z-index: 2;
10214
- color: #000;
10215
  }
10216
 
10217
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider {
10218
- position: relative;
 
 
10219
  }
10220
 
10221
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider li {
10222
- list-style: none;
 
 
 
 
 
 
 
10223
  }
10224
 
10225
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav {
10226
- margin: 0;
10227
- padding: 0;
10228
- width: 100%;
10229
- position: absolute;
10230
- bottom: 10px;
10231
- text-align: center;
10232
- direction: ltr;
10233
  }
10234
 
10235
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li {
10236
- margin: 0 6px;
10237
- display: inline-block;
10238
- vertical-align: middle;
10239
  }
10240
 
10241
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a {
10242
- width: 11px;
10243
- height: 11px;
10244
- display: block;
10245
- background: #666;
10246
- background: rgba(0, 0, 0, 0.5);
10247
- cursor: pointer;
10248
- text-indent: -9999px;
10249
- -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
10250
- box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
10251
- -webkit-border-radius: 20px;
10252
- border-radius: 20px;
10253
  }
10254
 
10255
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a.flex-active {
10256
- background: rgba(0, 0, 0, 0.9);
10257
- cursor: default;
 
10258
  }
10259
 
10260
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a:focus {
10261
- outline: none;
10262
- }
 
10263
 
10264
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider img {
10265
- -o-object-fit: cover;
10266
- object-fit: cover;
10267
  }
10268
 
10269
- #premium-woo-quick-view-content div.images {
10270
- width: 50%;
10271
- float: right;
10272
- opacity: 1 !important;
10273
- margin: 0;
 
 
 
 
 
 
 
 
 
10274
  }
10275
 
10276
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav {
10277
- margin: 0;
10278
- padding: 0;
10279
- list-style: none;
10280
- direction: ltr;
 
 
 
 
 
 
 
 
 
10281
  }
10282
 
10283
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav a {
10284
- text-decoration: none;
10285
- display: block;
10286
- width: 14px;
10287
- height: 32px;
10288
- font-size: 32px;
10289
- line-height: 32px;
10290
- margin: -20px 0 0;
10291
- position: absolute;
10292
- top: 50%;
10293
- z-index: 10;
10294
- overflow: hidden;
10295
- cursor: pointer;
10296
- color: rgba(0, 0, 0, 0.8);
10297
- text-shadow: -1px 1px 0 rgba(255, 255, 255, 0.3);
10298
- -webkit-transition: all 0.3s ease-in-out;
10299
- transition: all 0.3s ease-in-out;
10300
  }
10301
 
10302
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next,
10303
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev {
10304
- display: inline-block;
10305
- font-family: "Font Awesome 5 Free";
10306
- font-weight: 900;
10307
- text-rendering: auto;
10308
- -webkit-font-smoothing: antialiased;
10309
- -moz-osx-font-smoothing: grayscale;
10310
  }
10311
 
10312
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev {
10313
- left: 10px;
10314
  }
10315
 
10316
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next {
10317
- right: 10px;
10318
  }
10319
 
10320
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev::before {
10321
- content: "\f104";
 
 
 
 
10322
  }
10323
 
10324
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next::before {
10325
- content: "\f105";
 
 
10326
  }
10327
 
10328
- .premium-woocommerce li.product .added_to_cart.wc-forward {
10329
- display: none;
 
10330
  }
10331
 
10332
- .premium-woo-atc-button .add_to_cart_button span {
10333
- -webkit-animation: spin 2s linear infinite;
10334
- animation: spin 2s linear infinite;
10335
- margin-right: 5px;
10336
- vertical-align: baseline;
10337
  }
10338
 
10339
- /*
10340
- * Load More Button
10341
- */
10342
- .premium-woo-load-more {
10343
- position: relative; }
10344
- .premium-woo-load-more .premium-woo-load-more-btn {
10345
- -webkit-box-shadow: none;
10346
- box-shadow: none;
10347
- text-shadow: none;
10348
- border: none;
10349
- outline: none;
10350
- -webkit-box-align: center;
10351
- -webkit-align-items: center;
10352
- -moz-box-align: center;
10353
- -ms-flex-align: center;
10354
- align-items: center;
10355
- vertical-align: bottom;
10356
- cursor: pointer;
10357
- line-height: 1;
10358
- font-style: normal;
10359
- font-weight: normal;
10360
- background-image: none;
10361
- color: #fff;
10362
- -webkit-transition: all 0.3s ease-in-out;
10363
- transition: all 0.3s ease-in-out; }
10364
-
10365
- .premium-woo-load-more-btn {
10366
- -js-display: inline-flex;
10367
- display: -webkit-inline-box;
10368
- display: -webkit-inline-flex;
10369
- display: -moz-inline-box;
10370
- display: -ms-inline-flexbox;
10371
- display: inline-flex;
10372
- -webkit-box-align: center;
10373
- -webkit-align-items: center;
10374
- -moz-box-align: center;
10375
- -ms-flex-align: center;
10376
- align-items: center; }
10377
-
10378
- .premium-woo-load-more-btn span {
10379
- margin-right: 3px; }
10380
-
10381
- .premium-woo-load-more-btn .premium-loader {
10382
- display: inline-block;
10383
- width: 20px;
10384
- height: 20px; }
10385
-
10386
- .premium-woo-hidden {
10387
- visibility: hidden;
10388
- width: 0 !important;
10389
- height: 0 !important;
10390
- margin: 0 !important;
10391
- padding: 0 !important; }
10392
-
10393
- @media (min-width: 545px) {
10394
- #premium-woo-quick-view-content div.summary {
10395
- content: "544";
10396
- overflow-y: auto;
10397
- }
10398
  }
10399
-
10400
- @media (max-width: 544px) {
10401
- #premium-woo-quick-view-content .premium-woo-lightbox-content {
10402
- display: block;
10403
- }
10404
-
10405
- #premium-woo-quick-view-content div.images,
10406
- #premium-woo-quick-view-content div.summary {
10407
- width: 100%;
10408
- float: none;
10409
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
10410
  }
10411
  /*
10412
  * Common Title/Dual Heading
5680
  .premium-modal-box-container[data-modal-animation*="animated-"] {
5681
  opacity: 0;
5682
  }
5683
+ /************ Premium Nav Menu ************/
5684
+ .premium-nav-widget-container ul {
5685
+ list-style: none;
5686
+ margin: 0;
5687
+ }
5688
+
5689
+ .premium-nav-widget-container .premium-main-nav-menu {
5690
+ -js-display: flex;
5691
+ display: -webkit-box;
5692
+ display: -webkit-flex;
5693
+ display: -moz-box;
5694
+ display: -ms-flexbox;
5695
+ display: flex;
5696
+ height: 100%;
5697
+ }
5698
+
5699
+ /*Vertical Main Menu**/
5700
+ .premium-nav-ver .premium-nav-menu-container {
5701
+ width: 45%;
5702
+ }
5703
+
5704
+ .premium-nav-ver .premium-main-nav-menu {
5705
+ position: relative;
5706
+ -webkit-box-orient: vertical;
5707
+ -webkit-box-direction: normal;
5708
+ -webkit-flex-direction: column;
5709
+ -moz-box-orient: vertical;
5710
+ -moz-box-direction: normal;
5711
+ -ms-flex-direction: column;
5712
+ flex-direction: column;
5713
+ -webkit-box-align: start;
5714
+ -webkit-align-items: flex-start;
5715
+ -moz-box-align: start;
5716
+ -ms-flex-align: start;
5717
+ align-items: flex-start;
5718
+ }
5719
+
5720
+ .premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item.menu-item-has-children .premium-sub-menu {
5721
+ visibility: hidden;
5722
+ opacity: 0;
5723
+ position: absolute;
5724
+ min-width: 250px;
5725
+ }
5726
+
5727
+ .premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item.menu-item-has-children:hover>.premium-sub-menu,
5728
+ .premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item.menu-item-has-children:hover .premium-mega-content-container {
5729
+ opacity: 1;
5730
+ visibility: visible;
5731
+ pointer-events: auto;
5732
+ }
5733
+
5734
+ .premium-nav-ver .premium-nav-menu-item {
5735
+ width: 100%;
5736
+ }
5737
+
5738
+ .premium-nav-ver:not(.premium-hamburger-menu).premium-vertical-right .premium-mega-content-container,
5739
+ .premium-nav-ver:not(.premium-hamburger-menu).premium-vertical-right .premium-nav-menu-item.menu-item-has-children .premium-sub-menu {
5740
+ left: 100%;
5741
+ top: 0;
5742
+ }
5743
+
5744
+ .premium-nav-ver:not(.premium-hamburger-menu).premium-vertical-left .premium-mega-content-container,
5745
+ .premium-nav-ver:not(.premium-hamburger-menu).premium-vertical-left .premium-nav-menu-item.menu-item-has-children .premium-sub-menu {
5746
+ right: 100%;
5747
+ top: 0;
5748
+ }
5749
+
5750
+ .premium-nav-ver.premium-vertical-left .premium-menu-link {
5751
+ -webkit-box-orient: horizontal;
5752
+ -webkit-box-direction: reverse;
5753
+ -webkit-flex-direction: row-reverse;
5754
+ -moz-box-orient: horizontal;
5755
+ -moz-box-direction: reverse;
5756
+ -ms-flex-direction: row-reverse;
5757
+ flex-direction: row-reverse;
5758
+ }
5759
+
5760
+ /*Horizontal Main Menu**/
5761
+ .premium-nav-hor .premium-nav-menu-container {
5762
+ height: 60px;
5763
+ }
5764
+
5765
+ .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item .premium-sub-menu {
5766
+ visibility: hidden;
5767
+ opacity: 0;
5768
+ position: absolute;
5769
+ min-width: 220px;
5770
+ }
5771
+
5772
+ .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item>.premium-sub-menu,
5773
+ .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item .premium-mega-content-container {
5774
+ top: 100%;
5775
+ }
5776
+
5777
+ .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item>.premium-sub-menu .premium-sub-menu,
5778
+ .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item .premium-mega-content-container .premium-sub-menu {
5779
+ right: 100%;
5780
+ top: 0;
5781
+ }
5782
+
5783
+ .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item:hover>.premium-sub-menu,
5784
+ .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item:hover .premium-mega-content-container {
5785
+ visibility: visible;
5786
+ opacity: 1;
5787
+ pointer-events: auto;
5788
+ }
5789
+
5790
+ .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item.premium-mega-item-static .premium-mega-content-container {
5791
+ left: 50%;
5792
+ -webkit-transform: translateX(-50%);
5793
+ -ms-transform: translateX(-50%);
5794
+ transform: translateX(-50%);
5795
+ }
5796
+
5797
+ .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item .premium-mega-content-centered {
5798
+ left: 50%;
5799
+ -webkit-transform: translateX(-50%);
5800
+ -ms-transform: translateX(-50%);
5801
+ transform: translateX(-50%);
5802
+ }
5803
+
5804
+ .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item:not(.premium-mega-item-static) .premium-mega-content-container {
5805
+ left: 0;
5806
+ }
5807
+
5808
+ /**Mega Menu Container*/
5809
+ .premium-mega-nav-item .premium-sub-menu {
5810
+ display: none;
5811
+ }
5812
+
5813
+ .premium-mega-nav-item {
5814
+ position: relative;
5815
+ }
5816
+
5817
+ .premium-mega-nav-item:hover .premium-mega-content-container {
5818
+ visibility: visible;
5819
+ opacity: 1;
5820
+ pointer-events: auto;
5821
+ }
5822
+
5823
+ .premium-mega-content-container {
5824
+ visibility: hidden;
5825
+ position: absolute;
5826
+ z-index: 9999;
5827
+ opacity: 0;
5828
+ pointer-events: none;
5829
+ }
5830
+
5831
+ .premium-hamburger-menu .premium-mega-content-container,
5832
+ .premium-nav-slide .premium-mega-content-container,
5833
+ .premium-nav-dropdown .premium-mega-content-container {
5834
+ visibility: visible;
5835
+ position: relative;
5836
+ opacity: 1;
5837
+ pointer-events: auto;
5838
+ }
5839
+
5840
+ /**Hamburger Menu*/
5841
+ .premium-nav-widget-container a.premium-hamburger-toggle,
5842
+ .premium-mobile-menu-outer-container a.premium-mobile-menu-close {
5843
+ text-decoration: none;
5844
+ }
5845
+
5846
+ .premium-nav-widget-container .premium-hamburger-toggle {
5847
+ display: none;
5848
+ -webkit-box-pack: center;
5849
+ -webkit-justify-content: center;
5850
+ -moz-box-pack: center;
5851
+ -ms-flex-pack: center;
5852
+ justify-content: center;
5853
+ -webkit-box-align: center;
5854
+ -webkit-align-items: center;
5855
+ -moz-box-align: center;
5856
+ -ms-flex-align: center;
5857
+ align-items: center;
5858
+ }
5859
+
5860
+ .premium-nav-widget-container .premium-hamburger-toggle i {
5861
+ padding: 0.25em;
5862
+ font-size: 22px;
5863
+ }
5864
+
5865
+ .premium-nav-widget-container .premium-hamburger-toggle svg {
5866
+ width: 22px;
5867
+ height: 22px;
5868
+ }
5869
+
5870
+ .premium-nav-widget-container .premium-hamburger-toggle i,
5871
+ .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-text,
5872
+ .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-close {
5873
+ color: #494c4f;
5874
+ }
5875
+
5876
+ .premium-nav-widget-container .premium-hamburger-toggle svg {
5877
+ fill: #494c4f;
5878
+ }
5879
+
5880
+ .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-text,
5881
+ .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-close {
5882
+ margin: 2px;
5883
+ }
5884
+
5885
+ .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-close {
5886
+ display: none;
5887
+ }
5888
+
5889
+ .premium-mobile-menu-container {
5890
+ width: 100%;
5891
+ }
5892
+
5893
+ .premium-mobile-menu-container .premium-main-mobile-menu {
5894
+ width: 100%;
5895
+ }
5896
+
5897
+ .premium-mobile-menu-container ul {
5898
+ list-style: none;
5899
+ margin: 0;
5900
+ padding: 0;
5901
+ }
5902
+
5903
+ .premium-mobile-menu-container .premium-mobile-menu,
5904
+ .premium-mobile-menu-container .premium-sub-menu {
5905
+ display: none;
5906
+ -webkit-box-orient: vertical;
5907
+ -webkit-box-direction: normal;
5908
+ -webkit-flex-direction: column;
5909
+ -moz-box-orient: vertical;
5910
+ -moz-box-direction: normal;
5911
+ -ms-flex-direction: column;
5912
+ flex-direction: column;
5913
+ }
5914
+
5915
+ .premium-mobile-menu-container .premium-nav-menu-item {
5916
+ -webkit-box-orient: vertical;
5917
+ -webkit-box-direction: normal;
5918
+ -webkit-flex-direction: column;
5919
+ -moz-box-orient: vertical;
5920
+ -moz-box-direction: normal;
5921
+ -ms-flex-direction: column;
5922
+ flex-direction: column;
5923
+ }
5924
+
5925
+ .premium-mobile-menu-container .premium-item-badge {
5926
+ top: 50%;
5927
+ left: 0;
5928
+ -webkit-transform: translateY(-50%);
5929
+ -ms-transform: translateY(-50%);
5930
+ transform: translateY(-50%);
5931
+ }
5932
+
5933
+ /**Vertical Hamburger Menu*/
5934
+ .premium-mobile-menu-outer-container {
5935
+ opacity: 0;
5936
+ }
5937
+
5938
+ .premium-mobile-menu-outer-container.premium-vertical-toggle-open {
5939
+ opacity: 1;
5940
+ }
5941
+
5942
+ .premium-ver-hamburger-menu .premium-mobile-menu-outer-container {
5943
+ background-color: #f7f7f7;
5944
+ width: 300px;
5945
+ -webkit-transform: translateX(-300px);
5946
+ -ms-transform: translateX(-300px);
5947
+ transform: translateX(-300px);
5948
+ height: 100%;
5949
+ position: fixed;
5950
+ top: 0;
5951
+ left: 0;
5952
+ overflow-x: hidden;
5953
+ z-index: 10000;
5954
+ -webkit-transition: 0.5s;
5955
+ transition: 0.5s;
5956
+ padding-top: 50px;
5957
+ }
5958
+
5959
+ .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu {
5960
+ -js-display: flex;
5961
+ display: -webkit-box;
5962
+ display: -webkit-flex;
5963
+ display: -moz-box;
5964
+ display: -ms-flexbox;
5965
+ display: flex;
5966
+ }
5967
+
5968
+ .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-container {
5969
+ margin-top: 50px;
5970
+ }
5971
+
5972
+ .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-container .premium-item-badge {
5973
+ -webkit-transform: translateY(0);
5974
+ -ms-transform: translateY(0);
5975
+ transform: translateY(0);
5976
+ }
5977
+
5978
+ .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-close {
5979
+ position: absolute;
5980
+ top: 2%;
5981
+ right: 5px;
5982
+ padding: 0 9px;
5983
+ z-index: 10000;
5984
+ -js-display: inline-flex;
5985
+ display: -webkit-inline-box;
5986
+ display: -webkit-inline-flex;
5987
+ display: -moz-inline-box;
5988
+ display: -ms-inline-flexbox;
5989
+ display: inline-flex;
5990
+ color: #494c4f;
5991
+ -webkit-box-pack: center;
5992
+ -webkit-justify-content: center;
5993
+ -moz-box-pack: center;
5994
+ -ms-flex-pack: center;
5995
+ justify-content: center;
5996
+ -webkit-box-align: center;
5997
+ -webkit-align-items: center;
5998
+ -moz-box-align: center;
5999
+ -ms-flex-align: center;
6000
+ align-items: center;
6001
+ }
6002
+
6003
+ .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-close .premium-toggle-close {
6004
+ margin: 5px;
6005
+ }
6006
+
6007
+ .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-close svg {
6008
+ width: 22px;
6009
+ height: 22px;
6010
+ fill: #494c4f;
6011
+ }
6012
+
6013
+ .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-close i {
6014
+ font-size: 22px;
6015
+ }
6016
+
6017
+ .premium-ver-hamburger-menu .premium-vertical-toggle-open {
6018
+ -webkit-transform: translateX(0) !important;
6019
+ -ms-transform: translateX(0) !important;
6020
+ transform: translateX(0) !important;
6021
+ -webkit-transition: 0.5s;
6022
+ transition: 0.5s;
6023
+ }
6024
+
6025
+ /**Common*/
6026
+ .premium-nav-slide-overlay {
6027
+ display: none;
6028
+ position: fixed;
6029
+ top: 0;
6030
+ left: 0;
6031
+ right: 0;
6032
+ bottom: 0;
6033
+ -webkit-backface-visibility: hidden;
6034
+ backface-visibility: hidden;
6035
+ background: rgba(0, 0, 0, 0.6);
6036
+ z-index: 9999;
6037
+ }
6038
+
6039
+ .premium-nav-slide-overlay.premium-vertical-toggle-open {
6040
+ display: block;
6041
+ }
6042
+
6043
+ .premium-active-menu,
6044
+ .premium-active-menu:not(.premium-mega-nav-item)>.premium-sub-menu,
6045
+ .premium-active-menu.premium-mega-nav-item>.premium-mega-content-container {
6046
+ -js-display: flex !important;
6047
+ display: -webkit-box !important;
6048
+ display: -webkit-flex !important;
6049
+ display: -moz-box !important;
6050
+ display: -ms-flexbox !important;
6051
+ display: flex !important;
6052
+ -webkit-box-orient: vertical;
6053
+ -webkit-box-direction: normal;
6054
+ -webkit-flex-direction: column;
6055
+ -moz-box-orient: vertical;
6056
+ -moz-box-direction: normal;
6057
+ -ms-flex-direction: column;
6058
+ flex-direction: column;
6059
+ }
6060
+
6061
+ .premium-active-menu .premium-toggle-close {
6062
+ display: block;
6063
+ }
6064
+
6065
+ .premium-nav-menu-container .premium-sub-menu {
6066
+ background-color: #fff;
6067
+ }
6068
+
6069
+ .premium-mobile-menu-container li,
6070
+ .premium-mobile-menu-container li>.premium-mega-content-container {
6071
+ width: 100% !important;
6072
+ }
6073
+
6074
+ .premium-item-icon,
6075
+ .premium-sub-item-icon {
6076
+ font-size: 13px;
6077
+ margin: 0 7px;
6078
+ }
6079
+
6080
+ .premium-item-icon svg,
6081
+ .premium-sub-item-icon svg {
6082
+ width: 100%;
6083
+ height: 100%;
6084
+ }
6085
+
6086
+ .premium-item-icon.premium-lottie-animation,
6087
+ .premium-sub-item-icon.premium-lottie-animation {
6088
+ width: 20px;
6089
+ height: 20px;
6090
+ -js-display: flex;
6091
+ display: -webkit-box;
6092
+ display: -webkit-flex;
6093
+ display: -moz-box;
6094
+ display: -ms-flexbox;
6095
+ display: flex;
6096
+ -webkit-box-pack: center;
6097
+ -webkit-justify-content: center;
6098
+ -moz-box-pack: center;
6099
+ -ms-flex-pack: center;
6100
+ justify-content: center;
6101
+ }
6102
+
6103
+ .premium-item-icon.dashicons,
6104
+ .premium-sub-item-icon.dashicons {
6105
+ width: 13px;
6106
+ height: 13px;
6107
+ }
6108
+
6109
+ .premium-nav-menu-item {
6110
+ position: relative;
6111
+ }
6112
+
6113
+ .premium-nav-menu-item .premium-menu-link {
6114
+ -js-display: flex;
6115
+ display: -webkit-box;
6116
+ display: -webkit-flex;
6117
+ display: -moz-box;
6118
+ display: -ms-flexbox;
6119
+ display: flex;
6120
+ -webkit-box-align: center;
6121
+ -webkit-align-items: center;
6122
+ -moz-box-align: center;
6123
+ -ms-flex-align: center;
6124
+ align-items: center;
6125
+ height: 100%;
6126
+ padding: 7px 10px;
6127
+ text-decoration: none;
6128
+ position: relative;
6129
+ }
6130
+
6131
+ .premium-nav-menu-item .premium-dropdown-icon {
6132
+ margin: 5px;
6133
+ }
6134
+
6135
+ .premium-nav-menu-item.menu-item-has-children {
6136
+ position: relative;
6137
+ }
6138
+
6139
+ .premium-nav-menu-item.menu-item-has-children .premium-sub-menu {
6140
+ max-width: 100%;
6141
+ z-index: 9999;
6142
+ }
6143
+
6144
+ .premium-nav-menu-item.menu-item-has-children .premium-sub-menu .premium-sub-menu-link {
6145
+ -webkit-box-pack: start;
6146
+ -webkit-justify-content: flex-start;
6147
+ -moz-box-pack: start;
6148
+ -ms-flex-pack: start;
6149
+ justify-content: flex-start;
6150
+ }
6151
+
6152
+ .premium-nav-menu-item .menu-link {
6153
+ position: relative;
6154
+ text-decoration: none;
6155
+ }
6156
+
6157
+ .premium-item-badge,
6158
+ .premium-sub-item-badge {
6159
+ position: absolute;
6160
+ padding: 1px 6px;
6161
+ min-width: 35px;
6162
+ text-align: center;
6163
+ font-size: 10px;
6164
+ -webkit-border-radius: 4px;
6165
+ border-radius: 4px;
6166
+ line-height: 1.8;
6167
+ white-space: nowrap;
6168
+ }
6169
+
6170
+ .premium-nav-hor:not(.premium-hamburger-menu) .premium-item-badge,
6171
+ .premium-nav-hor:not(.premium-nav-slide) .premium-item-badge,
6172
+ .premium-nav-hor:not(.premium-nav-dropdown) .premium-item-badge {
6173
+ position: relative;
6174
+ margin: 8px;
6175
+ }
6176
+
6177
+ .premium-nav-hor .premium-sub-item-badge,
6178
+ .premium-nav-slide .premium-sub-item-badge,
6179
+ .premium-nav-dropdown .premium-sub-item-badge,
6180
+ .premium-nav-ver.premium-vertical-right .premium-item-badge,
6181
+ .premium-nav-ver.premium-vertical-right .premium-sub-item-badge {
6182
+ top: 50%;
6183
+ right: 0;
6184
+ -webkit-transform: translateY(-50%);
6185
+ -ms-transform: translateY(-50%);
6186
+ transform: translateY(-50%);
6187
+ }
6188
+
6189
+ .premium-nav-ver.premium-vertical-left .premium-item-badge,
6190
+ .premium-nav-ver.premium-vertical-left .premium-sub-item-badge {
6191
+ top: 50%;
6192
+ right: 0;
6193
+ -webkit-transform: translateY(-50%);
6194
+ -ms-transform: translateY(-50%);
6195
+ transform: translateY(-50%);
6196
+ }
6197
+
6198
+ .premium-mega-nav-item .premium-sub-menu {
6199
+ display: none;
6200
+ }
6201
+
6202
+ .premium-mega-nav-item {
6203
+ position: relative;
6204
+ }
6205
+
6206
+ .premium-hamburger-menu .premium-mega-content-container,
6207
+ .premium-nav-dropdown .premium-mega-content-container,
6208
+ .premium-nav-slide .premium-mega-content-container {
6209
+ display: none;
6210
+ }
6211
+
6212
+ .premium-mega-item-static {
6213
+ position: static !important;
6214
+ }
6215
+
6216
+ .premium-hamburger-menu .premium-nav-menu-container {
6217
+ display: none;
6218
+ }
6219
+
6220
+ .premium-hamburger-menu .premium-hamburger-toggle,
6221
+ .premium-nav-dropdown .premium-hamburger-toggle,
6222
+ .premium-nav-slide .premium-hamburger-toggle {
6223
+ -js-display: inline-flex;
6224
+ display: -webkit-inline-box;
6225
+ display: -webkit-inline-flex;
6226
+ display: -moz-inline-box;
6227
+ display: -ms-inline-flexbox;
6228
+ display: inline-flex;
6229
+ -webkit-box-orient: horizontal;
6230
+ -webkit-box-direction: reverse;
6231
+ -webkit-flex-direction: row-reverse;
6232
+ -moz-box-orient: horizontal;
6233
+ -moz-box-direction: reverse;
6234
+ -ms-flex-direction: row-reverse;
6235
+ flex-direction: row-reverse;
6236
+ }
6237
+
6238
+ .premium-hidden-icon-yes.premium-hamburger-menu .premium-item-icon,
6239
+ .premium-hidden-icon-yes.premium-hamburger-menu .premium-sub-item-icon,
6240
+ .premium-hidden-icon-yes.premium-nav-dropdown .premium-item-icon,
6241
+ .premium-hidden-icon-yes.premium-nav-dropdown .premium-sub-item-icon,
6242
+ .premium-hidden-icon-yes.premium-nav-slide .premium-item-icon,
6243
+ .premium-hidden-icon-yes.premium-nav-slide .premium-sub-item-icon {
6244
+ display: none;
6245
+ }
6246
+
6247
+ .premium-hidden-badge-yes.premium-hamburger-menu .premium-item-badge,
6248
+ .premium-hidden-badge-yes.premium-hamburger-menu .premium-sub-item-badge,
6249
+ .premium-hidden-badge-yes.premium-nav-dropdown .premium-item-badge,
6250
+ .premium-hidden-badge-yes.premium-nav-dropdown .premium-sub-item-badge,
6251
+ .premium-hidden-badge-yes.premium-nav-slide .premium-item-badge,
6252
+ .premium-hidden-badge-yes.premium-nav-slide .premium-sub-item-badge {
6253
+ display: none;
6254
+ }
6255
+
6256
+ .premium-ham-dropdown .premium-mobile-menu-container,
6257
+ .premium-nav-dropdown .premium-mobile-menu-container {
6258
+ -js-display: flex;
6259
+ display: -webkit-box;
6260
+ display: -webkit-flex;
6261
+ display: -moz-box;
6262
+ display: -ms-flexbox;
6263
+ display: flex;
6264
+ }
6265
+
6266
+ .premium-ham-dropdown .premium-toggle-opened .premium-toggle-close,
6267
+ .premium-nav-dropdown .premium-toggle-opened .premium-toggle-close {
6268
+ display: inline !important;
6269
+ }
6270
+
6271
+ .premium-ham-dropdown .premium-toggle-opened .premium-toggle-text,
6272
+ .premium-nav-dropdown .premium-toggle-opened .premium-toggle-text {
6273
+ display: none !important;
6274
+ }
6275
+
6276
+ .premium-stretch-dropdown .premium-mobile-menu-container {
6277
+ position: absolute;
6278
+ z-index: 9999;
6279
+ }
6280
+
6281
+ .premium-nav-default {
6282
+ display: none;
6283
+ }
6284
+
6285
+ .premium-hamburger-toggle {
6286
+ width: 100%;
6287
+ }
6288
+
6289
+ /*
6290
+ * Pointer & Pointer Animations
6291
+ */
6292
+ .premium-menu-link-parent::before,
6293
+ .premium-menu-link-parent::after {
6294
+ display: block;
6295
+ position: absolute;
6296
+ -webkit-transition: all 0.3s cubic-bezier(0.58, 0.3, 0.005, 1);
6297
+ transition: all 0.3s cubic-bezier(0.58, 0.3, 0.005, 1);
6298
+ }
6299
+
6300
+ .premium-nav-pointer-underline .premium-menu-link-parent::after,
6301
+ .premium-nav-pointer-double-line .premium-menu-link-parent::after {
6302
+ content: "";
6303
+ bottom: 0;
6304
+ }
6305
+
6306
+ .premium-nav-pointer-overline .premium-menu-link-parent::before,
6307
+ .premium-nav-pointer-double-line .premium-menu-link-parent::before {
6308
+ content: "";
6309
+ top: 0;
6310
+ }
6311
+
6312
+ .premium-nav-pointer-underline .premium-menu-link-parent::before,
6313
+ .premium-nav-pointer-underline .premium-menu-link-parent::after,
6314
+ .premium-nav-pointer-overline .premium-menu-link-parent::before,
6315
+ .premium-nav-pointer-overline .premium-menu-link-parent::after,
6316
+ .premium-nav-pointer-double-line .premium-menu-link-parent::before,
6317
+ .premium-nav-pointer-double-line .premium-menu-link-parent::after {
6318
+ height: 3px;
6319
+ width: 100%;
6320
+ right: 0;
6321
+ background-color: #55595c;
6322
+ z-index: 2;
6323
+ }
6324
+
6325
+ .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,
6326
+ .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after {
6327
+ opacity: 0;
6328
+ }
6329
+
6330
+ .premium-nav-pointer-underline.premium-nav-animation-none,
6331
+ .premium-nav-pointer-overline.premium-nav-animation-none,
6332
+ .premium-nav-pointer-double-line.premium-nav-animation-none {
6333
+ -webkit-transition-duration: 0s;
6334
+ transition-duration: 0s;
6335
+ }
6336
+
6337
+ .premium-nav-pointer-underline.premium-nav-animation-none .premium-menu-link-parent,
6338
+ .premium-nav-pointer-underline.premium-nav-animation-none .premium-menu-link-parent::before,
6339
+ .premium-nav-pointer-underline.premium-nav-animation-none .premium-menu-link-parent::after,
6340
+ .premium-nav-pointer-underline.premium-nav-animation-none .premium-menu-link-parent:focus,
6341
+ .premium-nav-pointer-underline.premium-nav-animation-none .premium-menu-link-parent:hover,
6342
+ .premium-nav-pointer-overline.premium-nav-animation-none .premium-menu-link-parent,
6343
+ .premium-nav-pointer-overline.premium-nav-animation-none .premium-menu-link-parent::before,
6344
+ .premium-nav-pointer-overline.premium-nav-animation-none .premium-menu-link-parent::after,
6345
+ .premium-nav-pointer-overline.premium-nav-animation-none .premium-menu-link-parent:focus,
6346
+ .premium-nav-pointer-overline.premium-nav-animation-none .premium-menu-link-parent:hover,
6347
+ .premium-nav-pointer-double-line.premium-nav-animation-none .premium-menu-link-parent,
6348
+ .premium-nav-pointer-double-line.premium-nav-animation-none .premium-menu-link-parent::before,
6349
+ .premium-nav-pointer-double-line.premium-nav-animation-none .premium-menu-link-parent::after,
6350
+ .premium-nav-pointer-double-line.premium-nav-animation-none .premium-menu-link-parent:focus,
6351
+ .premium-nav-pointer-double-line.premium-nav-animation-none .premium-menu-link-parent:hover {
6352
+ -webkit-transition-duration: 0s;
6353
+ transition-duration: 0s;
6354
+ }
6355
+
6356
+ .premium-nav-pointer-underline.premium-nav-animation-slide .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after,
6357
+ .premium-nav-pointer-double-line.premium-nav-animation-slide .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after {
6358
+ width: 10px;
6359
+ inset-inline-start: 100%;
6360
+ }
6361
+
6362
+ .premium-nav-pointer-overline.premium-nav-animation-slide .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,
6363
+ .premium-nav-pointer-double-line.premium-nav-animation-slide .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
6364
+ width: 10px;
6365
+ left: -20px;
6366
+ }
6367
+
6368
+ .premium-nav-pointer-underline.premium-nav-animation-grow .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,
6369
+ .premium-nav-pointer-underline.premium-nav-animation-grow .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after,
6370
+ .premium-nav-pointer-overline.premium-nav-animation-grow .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,
6371
+ .premium-nav-pointer-overline.premium-nav-animation-grow .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after,
6372
+ .premium-nav-pointer-double-line.premium-nav-animation-grow .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,
6373
+ .premium-nav-pointer-double-line.premium-nav-animation-grow .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after {
6374
+ height: 0;
6375
+ width: 0;
6376
+ left: 50%;
6377
+ }
6378
+
6379
+ .premium-nav-pointer-underline.premium-nav-animation-drop-in .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,
6380
+ .premium-nav-pointer-overline.premium-nav-animation-drop-in .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,
6381
+ .premium-nav-pointer-double-line.premium-nav-animation-drop-in .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
6382
+ top: -10px;
6383
+ }
6384
+
6385
+ .premium-nav-pointer-underline.premium-nav-animation-drop-in .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after,
6386
+ .premium-nav-pointer-overline.premium-nav-animation-drop-in .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after,
6387
+ .premium-nav-pointer-double-line.premium-nav-animation-drop-in .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after {
6388
+ bottom: -10px;
6389
+ }
6390
+
6391
+ .premium-nav-pointer-underline.premium-nav-animation-drop-out .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,
6392
+ .premium-nav-pointer-overline.premium-nav-animation-drop-out .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,
6393
+ .premium-nav-pointer-double-line.premium-nav-animation-drop-out .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
6394
+ top: 10px;
6395
+ }
6396
+
6397
+ .premium-nav-pointer-underline.premium-nav-animation-drop-out .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after,
6398
+ .premium-nav-pointer-overline.premium-nav-animation-drop-out .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after,
6399
+ .premium-nav-pointer-double-line.premium-nav-animation-drop-out .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after {
6400
+ bottom: 10px;
6401
+ }
6402
+
6403
+ .premium-nav-pointer-framed .premium-menu-link-parent::before {
6404
+ content: "";
6405
+ }
6406
+
6407
+ .premium-nav-pointer-framed .premium-menu-link-parent::before,
6408
+ .premium-nav-pointer-framed .premium-menu-link-parent::after {
6409
+ background: transparent;
6410
+ left: 0;
6411
+ top: 0;
6412
+ bottom: 0;
6413
+ right: 0;
6414
+ border: 3px solid #55595c;
6415
+ }
6416
+
6417
+ .premium-nav-pointer-framed.premium-nav-animation-grow .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
6418
+ -webkit-transform: scale(0.75);
6419
+ -ms-transform: scale(0.75);
6420
+ transform: scale(0.75);
6421
+ }
6422
+
6423
+ .premium-nav-pointer-framed.premium-nav-animation-shrink .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
6424
+ -webkit-transform: scale(1.25);
6425
+ -ms-transform: scale(1.25);
6426
+ transform: scale(1.25);
6427
+ }
6428
+
6429
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent::before,
6430
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent::after {
6431
+ width: 3px;
6432
+ height: 3px;
6433
+ }
6434
+
6435
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent::before {
6436
+ border-width: 0 3px 3px 0;
6437
+ -webkit-transition: width 0.1s 0.2s, height 0.1s 0.3s, opacity 0.12s 0.22s;
6438
+ transition: width 0.1s 0.2s, height 0.1s 0.3s, opacity 0.12s 0.22s;
6439
+ }
6440
+
6441
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent::after {
6442
+ content: "";
6443
+ top: auto;
6444
+ bottom: 0;
6445
+ left: 0;
6446
+ right: auto;
6447
+ border-width: 3px 0 0 3px;
6448
+ -webkit-transition: width 0.1s, height 0.1s 0.1s, opacity 0.02s 0.18s;
6449
+ transition: width 0.1s, height 0.1s 0.1s, opacity 0.02s 0.18s;
6450
+ }
6451
+
6452
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:hover::before,
6453
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:focus::before {
6454
+ -webkit-transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s;
6455
+ transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s;
6456
+ }
6457
+
6458
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:hover::after,
6459
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:focus::after {
6460
+ -webkit-transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s;
6461
+ transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s;
6462
+ }
6463
+
6464
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:hover::before,
6465
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:hover::after,
6466
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:focus::before,
6467
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:focus::after {
6468
+ width: 100%;
6469
+ height: 100%;
6470
+ }
6471
+
6472
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-active-item .premium-menu-link-parent::before {
6473
+ -webkit-transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s;
6474
+ transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s;
6475
+ }
6476
+
6477
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-active-item .premium-menu-link-parent::after {
6478
+ -webkit-transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s;
6479
+ transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s;
6480
+ }
6481
+
6482
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-active-item .premium-menu-link-parent::before,
6483
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-active-item .premium-menu-link-parent::after {
6484
+ width: 100%;
6485
+ height: 100%;
6486
+ }
6487
+
6488
+ .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent::before {
6489
+ border-width: 3px 3px 0 0;
6490
+ }
6491
+
6492
+ .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent::after {
6493
+ content: "";
6494
+ top: auto;
6495
+ bottom: 0;
6496
+ left: 0;
6497
+ right: auto;
6498
+ border-width: 0 0 3px 3px;
6499
+ }
6500
+
6501
+ .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent::before,
6502
+ .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent::after {
6503
+ width: 3px;
6504
+ height: 3px;
6505
+ }
6506
+
6507
+ .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent:hover::before,
6508
+ .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent:hover::after,
6509
+ .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent:focus::before,
6510
+ .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent:focus::after {
6511
+ width: 100%;
6512
+ height: 100%;
6513
+ -webkit-transition: opacity 2ms, width 0.4s, height 0.4s;
6514
+ transition: opacity 2ms, width 0.4s, height 0.4s;
6515
+ }
6516
+
6517
+ .premium-nav-pointer-framed.premium-nav-animation-corners .premium-active-item .premium-menu-link-parent::before,
6518
+ .premium-nav-pointer-framed.premium-nav-animation-corners .premium-active-item .premium-menu-link-parent::after {
6519
+ width: 100%;
6520
+ height: 100%;
6521
+ -webkit-transition: opacity 2ms, width 0.4s, height 0.4s;
6522
+ transition: opacity 2ms, width 0.4s, height 0.4s;
6523
+ }
6524
+
6525
+ .premium-nav-pointer-text.premium-nav-animation-grow .premium-menu-link-parent:hover,
6526
+ .premium-nav-pointer-text.premium-nav-animation-grow .premium-menu-link-parent:focus {
6527
+ -webkit-transform: scale(1.2);
6528
+ -ms-transform: scale(1.2);
6529
+ transform: scale(1.2);
6530
+ }
6531
+
6532
+ .premium-nav-pointer-text.premium-nav-animation-shrink .premium-menu-link-parent:hover,
6533
+ .premium-nav-pointer-text.premium-nav-animation-shrink .premium-menu-link-parent:focus {
6534
+ -webkit-transform: scale(0.8);
6535
+ -ms-transform: scale(0.8);
6536
+ transform: scale(0.8);
6537
+ }
6538
+
6539
+ .premium-nav-pointer-text.premium-nav-animation-sink .premium-menu-link-parent:hover,
6540
+ .premium-nav-pointer-text.premium-nav-animation-sink .premium-menu-link-parent:focus {
6541
+ -webkit-transform: translateY(8px);
6542
+ -ms-transform: translateY(8px);
6543
+ transform: translateY(8px);
6544
+ }
6545
+
6546
+ .premium-nav-pointer-text.premium-nav-animation-float .premium-menu-link-parent:hover,
6547
+ .premium-nav-pointer-text.premium-nav-animation-float .premium-menu-link-parent:focus {
6548
+ -webkit-transform: translateY(-8px);
6549
+ -ms-transform: translateY(-8px);
6550
+ transform: translateY(-8px);
6551
+ }
6552
+
6553
+ .premium-nav-pointer-text.premium-nav-animation-skew .premium-menu-link-parent:hover,
6554
+ .premium-nav-pointer-text.premium-nav-animation-skew .premium-menu-link-parent:focus {
6555
+ -webkit-transform: skew(-8deg);
6556
+ -ms-transform: skew(-8deg);
6557
+ transform: skew(-8deg);
6558
+ }
6559
+
6560
+ .premium-nav-pointer-text.premium-nav-animation-rotate .premium-menu-link-parent:hover,
6561
+ .premium-nav-pointer-text.premium-nav-animation-rotate .premium-menu-link-parent:focus {
6562
+ -webkit-transform: rotate(6deg);
6563
+ -ms-transform: rotate(6deg);
6564
+ transform: rotate(6deg);
6565
+ }
6566
+
6567
+ .premium-nav-pointer-background .premium-menu-link-parent::before {
6568
+ top: 0;
6569
+ left: 0;
6570
+ right: 0;
6571
+ bottom: 0;
6572
+ background: #55595c;
6573
+ background-color: #55595c;
6574
+ z-index: -1;
6575
+ }
6576
+
6577
+ .premium-nav-pointer-background .premium-menu-link-parent::before,
6578
+ .premium-nav-pointer-background .premium-menu-link-parent::after {
6579
+ content: "";
6580
+ -webkit-transition: 0.3s;
6581
+ transition: 0.3s;
6582
+ }
6583
+
6584
+ .premium-nav-pointer-background.premium-nav-animation-grow .premium-menu-link-parent::before {
6585
+ -webkit-transform: scale(0.5);
6586
+ -ms-transform: scale(0.5);
6587
+ transform: scale(0.5);
6588
+ }
6589
+
6590
+ .premium-nav-pointer-background.premium-nav-animation-grow .premium-menu-link-parent:hover::before,
6591
+ .premium-nav-pointer-background.premium-nav-animation-grow .premium-menu-link-parent:focus::before {
6592
+ -webkit-transform: scale(1);
6593
+ -ms-transform: scale(1);
6594
+ transform: scale(1);
6595
+ }
6596
+
6597
+ .premium-nav-pointer-background.premium-nav-animation-grow .premium-active-item .premium-menu-link-parent::before {
6598
+ -webkit-transform: scale(1);
6599
+ -ms-transform: scale(1);
6600
+ transform: scale(1);
6601
+ }
6602
+
6603
+ .premium-nav-pointer-background.premium-nav-animation-shrink .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
6604
+ -webkit-transform: scale(1.2);
6605
+ -ms-transform: scale(1.2);
6606
+ transform: scale(1.2);
6607
+ -webkit-transition: 0.3;
6608
+ transition: 0.3;
6609
+ }
6610
+
6611
+ .premium-nav-pointer-background.premium-nav-animation-sweep-left .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
6612
+ left: 100%;
6613
+ }
6614
+
6615
+ .premium-nav-pointer-background.premium-nav-animation-sweep-right .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
6616
+ right: 100%;
6617
+ }
6618
+
6619
+ .premium-nav-pointer-background.premium-nav-animation-sweep-up .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
6620
+ top: 100%;
6621
+ }
6622
+
6623
+ .premium-nav-pointer-background.premium-nav-animation-sweep-down .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
6624
+ bottom: 100%;
6625
+ }
6626
+
6627
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent::after,
6628
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent::after {
6629
+ top: 0;
6630
+ left: 0;
6631
+ right: 0;
6632
+ bottom: 0;
6633
+ background: #55595c;
6634
+ background-color: #55595c;
6635
+ z-index: -1;
6636
+ }
6637
+
6638
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent::before {
6639
+ top: 0;
6640
+ bottom: 100%;
6641
+ }
6642
+
6643
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent::after {
6644
+ top: 100%;
6645
+ bottom: 0;
6646
+ }
6647
+
6648
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent:hover::before,
6649
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent:focus::before {
6650
+ bottom: 50%;
6651
+ }
6652
+
6653
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent:hover::after,
6654
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent:focus::after {
6655
+ top: 50%;
6656
+ }
6657
+
6658
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-active-item .premium-menu-link-parent::before {
6659
+ bottom: 50%;
6660
+ }
6661
+
6662
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-active-item .premium-menu-link-parent::after {
6663
+ top: 50%;
6664
+ }
6665
+
6666
+ .premium-nav-pointer-background.premium-nav-animation-shutter-out-vertical .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
6667
+ bottom: 50%;
6668
+ top: 50%;
6669
+ }
6670
+
6671
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent::before {
6672
+ right: 0;
6673
+ left: 100%;
6674
+ }
6675
+
6676
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent::after {
6677
+ right: 100%;
6678
+ left: 0;
6679
+ }
6680
+
6681
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent:hover::before,
6682
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent:focus::before {
6683
+ left: 50%;
6684
+ }
6685
+
6686
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent:hover::after,
6687
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent:focus::after {
6688
+ right: 50%;
6689
+ }
6690
+
6691
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-active-item .premium-menu-link-parent::before {
6692
+ left: 50%;
6693
+ }
6694
+
6695
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-active-item .premium-menu-link-parent::after {
6696
+ right: 50%;
6697
+ }
6698
+
6699
+ .premium-nav-pointer-background.premium-nav-animation-shutter-out-horizontal .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
6700
+ left: 50%;
6701
+ right: 50%;
6702
+ }
6703
+
6704
+ .premium-active-item::before,
6705
+ .premium-active-item::after,
6706
+ .premium-menu-link-parent:hover::before,
6707
+ .premium-menu-link-parent:hover::after,
6708
+ .premium-menu-link-parent:focus::before,
6709
+ .premium-menu-link-parent:focus::after {
6710
+ -webkit-transform: scale(1);
6711
+ -ms-transform: scale(1);
6712
+ transform: scale(1);
6713
+ }
6714
+
6715
+ /**Sub Menu Animation*/
6716
+ .premium-nav-menu-item .premium-sub-menu,
6717
+ .premium-nav-menu-item .premium-mega-content-container {
6718
+ -webkit-transition: 0.5s all ease-in-out;
6719
+ transition: 0.5s all ease-in-out;
6720
+ -webkit-transition-delay: 0.1s;
6721
+ transition-delay: 0.1s;
6722
+ }
6723
+
6724
+ [class*="premium-nav-slide-"].premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item:hover>.premium-sub-menu,
6725
+ [class*="premium-nav-slide-"].premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item:hover>.premium-mega-content-container,
6726
+ [class*="premium-nav-slide-"].premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu:hover>.premium-sub-menu,
6727
+ [class*="premium-nav-slide-"].premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item:hover>.premium-sub-menu,
6728
+ [class*="premium-nav-slide-"].premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item:hover>.premium-mega-content-container,
6729
+ [class*="premium-nav-slide-"].premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu:hover>.premium-sub-menu {
6730
+ -webkit-transform: translate(0);
6731
+ -ms-transform: translate(0);
6732
+ transform: translate(0);
6733
+ }
6734
+
6735
+ .premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu,
6736
+ .premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-content-container,
6737
+ .premium-nav-slide-up.premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu,
6738
+ .premium-nav-slide-up.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-content-container {
6739
+ -webkit-transform: translateY(10px);
6740
+ -ms-transform: translateY(10px);
6741
+ transform: translateY(10px);
6742
+ }
6743
+
6744
+ .premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu,
6745
+ .premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-content-container,
6746
+ .premium-nav-slide-down.premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu,
6747
+ .premium-nav-slide-down.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-content-container {
6748
+ -webkit-transform: translateY(-10px);
6749
+ -ms-transform: translateY(-10px);
6750
+ transform: translateY(-10px);
6751
+ }
6752
+
6753
+ .premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu,
6754
+ .premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-content-container,
6755
+ .premium-nav-slide-right.premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu,
6756
+ .premium-nav-slide-right.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-content-container {
6757
+ -webkit-transform: translateX(-10px);
6758
+ -ms-transform: translateX(-10px);
6759
+ transform: translateX(-10px);
6760
+ }
6761
+
6762
+ .premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu,
6763
+ .premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-content-container,
6764
+ .premium-nav-slide-left.premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu,
6765
+ .premium-nav-slide-left.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-content-container {
6766
+ -webkit-transform: translateX(10px);
6767
+ -ms-transform: translateX(10px);
6768
+ transform: translateX(10px);
6769
+ }
6770
+
6771
+ /**Horizontal - Static Mega Content*/
6772
+ /*UP*/
6773
+ .premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static .premium-mega-content-container {
6774
+ -webkit-transform: translateX(-50%) translateY(10px);
6775
+ -ms-transform: translateX(-50%) translateY(10px);
6776
+ transform: translateX(-50%) translateY(10px);
6777
+ }
6778
+
6779
+ .premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container {
6780
+ -webkit-transform: translateX(-50%) translateY(0);
6781
+ -ms-transform: translateX(-50%) translateY(0);
6782
+ transform: translateX(-50%) translateY(0);
6783
+ }
6784
+
6785
+ /*DOWN*/
6786
+ .premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static .premium-mega-content-container {
6787
+ -webkit-transform: translateX(-50%) translateY(-10px);
6788
+ -ms-transform: translateX(-50%) translateY(-10px);
6789
+ transform: translateX(-50%) translateY(-10px);
6790
+ }
6791
+
6792
+ .premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container {
6793
+ -webkit-transform: translateX(-50%) translateY(0);
6794
+ -ms-transform: translateX(-50%) translateY(0);
6795
+ transform: translateX(-50%) translateY(0);
6796
+ }
6797
+
6798
+ /*Left*/
6799
+ .premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static .premium-mega-content-container {
6800
+ -webkit-transform: translateX(-45%);
6801
+ -ms-transform: translateX(-45%);
6802
+ transform: translateX(-45%);
6803
+ }
6804
+
6805
+ .premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container {
6806
+ -webkit-transform: translateX(-50%);
6807
+ -ms-transform: translateX(-50%);
6808
+ transform: translateX(-50%);
6809
+ }
6810
+
6811
+ /*Right*/
6812
+ .premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static .premium-mega-content-container {
6813
+ -webkit-transform: translateX(-55%);
6814
+ -ms-transform: translateX(-55%);
6815
+ transform: translateX(-55%);
6816
+ }
6817
+
6818
+ .premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container {
6819
+ -webkit-transform: translateX(-50%);
6820
+ -ms-transform: translateX(-50%);
6821
+ transform: translateX(-50%);
6822
+ }
6823
+
6824
+ /**Vertical - Static Mega Content*/
6825
+ .premium-nav-slide-down.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container,
6826
+ .premium-nav-slide-up.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container {
6827
+ -webkit-transform: translateY(0);
6828
+ -ms-transform: translateY(0);
6829
+ transform: translateY(0);
6830
+ }
6831
+
6832
+ .premium-nav-slide-right.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container,
6833
+ .premium-nav-slide-left.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container {
6834
+ -webkit-transform: translateX(0);
6835
+ -ms-transform: translateX(0);
6836
+ transform: translateX(0);
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
6837
  }
6838
+ /************ Premium Team Members ************/
6839
+ /*********************************************/
6840
+ .premium-person-container {
6841
+ position: relative;
 
 
 
 
 
 
6842
  }
6843
 
6844
+ .premium-person-image-container {
6845
+ position: relative;
6846
+ text-align: center;
6847
+ overflow: hidden;
6848
  }
6849
 
6850
+ .premium-person-image-container .premium-person-image-wrap {
6851
+ overflow: hidden;
 
 
6852
  }
6853
 
6854
+ .premium-person-zoomout-effect .premium-person-image-container img,
6855
+ .premium-person-scale-effect .premium-person-image-container img {
6856
+ -webkit-transform: scale(1.2);
6857
+ -ms-transform: scale(1.2);
6858
+ transform: scale(1.2);
6859
  }
6860
 
6861
+ .premium-person-sepia-effect .premium-person-image-container img {
6862
+ -webkit-filter: sepia(30%);
6863
+ filter: sepia(30%);
 
6864
  }
6865
 
6866
+ .premium-person-bright-effect .premium-person-image-container img {
6867
+ -webkit-filter: brightness(1);
6868
+ filter: brightness(1);
 
6869
  }
6870
 
6871
+ .premium-person-trans-effect .premium-person-image-container img {
6872
+ -webkit-transform: translateX(15px) scale(1.1);
6873
+ -ms-transform: translateX(15px) scale(1.1);
6874
+ transform: translateX(15px) scale(1.1);
 
 
 
6875
  }
6876
 
6877
+ .premium-person-zoomin-effect:hover .premium-person-image-container img {
6878
+ -webkit-transform: scale(1.2);
6879
+ -ms-transform: scale(1.2);
6880
+ transform: scale(1.2);
 
 
 
6881
  }
6882
 
6883
+ .premium-person-zoomout-effect:hover .premium-person-image-container img {
6884
+ -webkit-transform: scale(1.1);
6885
+ -ms-transform: scale(1.1);
6886
+ transform: scale(1.1);
6887
  }
6888
 
6889
+ .premium-person-scale-effect:hover .premium-person-image-container img {
6890
+ -webkit-transform: scale(1.3) rotate(-5deg);
6891
+ -ms-transform: scale(1.3) rotate(-5deg);
6892
+ transform: scale(1.3) rotate(-5deg);
 
6893
  }
6894
 
6895
+ .premium-person-grayscale-effect:hover .premium-person-image-container img {
6896
+ -webkit-filter: grayscale(100%);
6897
+ filter: grayscale(100%);
 
 
6898
  }
6899
 
6900
+ .premium-person-blur-effect:hover .premium-person-image-container img {
6901
+ -webkit-filter: blur(3px);
6902
+ filter: blur(3px);
 
 
 
 
 
 
 
 
6903
  }
6904
 
6905
+ .premium-person-sepia-effect:hover .premium-person-image-container img {
6906
+ -webkit-filter: sepia(0%);
6907
+ filter: sepia(0%);
 
 
 
 
6908
  }
6909
 
6910
+ .premium-person-bright-effect:hover .premium-person-image-container img {
6911
+ -webkit-filter: brightness(1.2);
6912
+ filter: brightness(1.2);
 
6913
  }
6914
 
6915
+ .premium-person-trans-effect:hover .premium-person-image-container img {
6916
+ -webkit-transform: translateX(0px) scale(1.1);
6917
+ -ms-transform: translateX(0px) scale(1.1);
6918
+ transform: translateX(0px) scale(1.1);
6919
  }
6920
 
6921
+ .premium-person-container .premium-person-image-container img {
6922
+ width: 100%;
6923
+ height: 100%;
6924
+ display: block;
6925
+ -o-object-fit: cover;
6926
+ object-fit: cover;
6927
+ -webkit-transition: all 0.5s ease-in-out;
6928
+ transition: all 0.5s ease-in-out;
6929
  }
6930
 
6931
+ .premium-person-style2 .premium-person-social {
6932
+ position: absolute;
6933
+ top: 0;
6934
+ right: 0;
6935
+ width: 100%;
6936
+ height: 100%;
6937
+ z-index: 2;
6938
+ -js-display: flex;
6939
+ display: -webkit-box;
6940
+ display: -webkit-flex;
6941
+ display: -moz-box;
6942
+ display: -ms-flexbox;
6943
+ display: flex;
6944
+ -webkit-box-pack: center;
6945
+ -webkit-justify-content: center;
6946
+ -moz-box-pack: center;
6947
+ -ms-flex-pack: center;
6948
+ justify-content: center;
6949
+ -webkit-box-align: center;
6950
+ -webkit-align-items: center;
6951
+ -moz-box-align: center;
6952
+ -ms-flex-align: center;
6953
+ align-items: center;
6954
+ -webkit-box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
6955
+ box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
6956
+ -webkit-transition: all 0.5s linear 0s;
6957
+ transition: all 0.5s linear 0s;
6958
+ opacity: 0;
6959
  }
6960
 
6961
+ .premium-person-style2 .premium-person-image-container:hover .premium-person-social {
6962
+ opacity: 1;
6963
  }
6964
 
6965
+ .premium-person-list-item a {
6966
+ display: inline-block;
6967
  }
6968
 
6969
+ .premium-person-style2 .premium-person-list-item a {
6970
+ opacity: 0;
6971
+ -webkit-transform: scale(0);
6972
+ -ms-transform: scale(0);
6973
+ transform: scale(0);
6974
+ -webkit-transition: all 0.5s ease-in-out 0s;
6975
+ transition: all 0.5s ease-in-out 0s;
6976
  }
6977
 
6978
+ .premium-person-style2 .premium-person-image-container:hover .premium-person-list-item a {
6979
+ opacity: 1;
6980
+ -webkit-transform: scale(1);
6981
+ -ms-transform: scale(1);
6982
+ transform: scale(1);
6983
  }
6984
 
6985
+ .premium-person-info-container {
6986
+ padding: 30px 15px;
 
 
6987
  }
6988
 
6989
+ .premium-person-name {
6990
+ margin: 0 0 5px;
6991
+ font-weight: 700;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
6992
  }
6993
 
6994
+ .premium-person-title {
6995
+ margin: 0 0 20px;
6996
+ padding: 0;
 
 
 
 
 
6997
  }
6998
 
6999
+ .premium-person-content {
7000
+ margin: 0 0 30px;
 
 
 
 
 
 
 
 
 
 
7001
  }
7002
 
7003
+ /*Override Theme List Margin*/
7004
+ ul.premium-person-social-list {
7005
+ margin: 0px !important;
7006
+ padding: 0;
7007
  }
7008
 
7009
+ .premium-person-social-list .premium-person-list-item {
7010
+ display: inline;
7011
+ list-style: none;
 
 
 
 
 
 
7012
  }
7013
 
7014
+ .premium-person-social-list li {
7015
+ position: relative;
7016
+ bottom: 0px;
7017
+ -webkit-transition: all 0.2s ease-in-out;
7018
+ transition: all 0.2s ease-in-out;
7019
  }
7020
 
7021
+ .premium-person-social-list li i {
7022
+ position: relative;
7023
+ bottom: 0px;
7024
+ -webkit-transition: all 0.2s ease-in-out;
7025
+ transition: all 0.2s ease-in-out;
7026
  }
7027
 
7028
+ .premium-person-defaults-yes li.premium-person-facebook:hover a {
7029
+ background-color: #3b5998 !important;
 
 
 
7030
  }
7031
 
7032
+ .premium-person-defaults-yes li.premium-person-twitter:hover a {
7033
+ background-color: #55acee !important;
 
 
7034
  }
7035
 
7036
+ .premium-person-defaults-yes li.premium-person-linkedin:hover a {
7037
+ background-color: #0077b5 !important;
 
 
 
 
 
 
7038
  }
7039
 
7040
+ .premium-person-defaults-yes li.premium-person-google:hover a {
7041
+ background-color: #dc4e41 !important;
 
 
 
 
 
 
 
 
 
 
 
 
7042
  }
7043
 
7044
+ .premium-person-defaults-yes li.premium-person-youtube:hover a {
7045
+ background-color: #b31217 !important;
 
 
 
 
 
 
 
 
 
 
 
 
7046
  }
7047
 
7048
+ .premium-person-defaults-yes li.premium-person-instagram:hover a {
7049
+ background-color: #e4405f !important;
7050
  }
7051
 
7052
+ .premium-person-defaults-yes li.premium-person-skype:hover a {
7053
+ background-color: #00aff0 !important;
 
 
 
 
 
7054
  }
7055
 
7056
+ .premium-person-defaults-yes li.premium-person-pinterest:hover a {
7057
+ background-color: #bd081c !important;
7058
  }
7059
 
7060
+ .premium-person-defaults-yes li.premium-person-dribbble:hover a {
7061
+ background-color: #ea4c89 !important;
7062
  }
7063
 
7064
+ .premium-person-defaults-yes li.premium-person-mail:hover a {
7065
+ background-color: #b23121 !important;
 
 
 
 
7066
  }
7067
 
7068
+ .premium-person-defaults-yes li.premium-person-behance:hover a {
7069
+ background-color: #1769ff !important;
 
 
7070
  }
7071
 
7072
+ .premium-person-defaults-yes li.premium-person-whatsapp:hover a {
7073
+ background-color: #25d366 !important;
 
7074
  }
7075
 
7076
+ .premium-person-defaults-yes li.premium-person-telegram:hover a {
7077
+ background-color: #0088cc !important;
 
7078
  }
7079
 
7080
+ .premium-person-defaults-yes li.premium-person-site:hover a {
7081
+ background-color: #0055a5 !important;
 
 
 
 
 
7082
  }
7083
 
7084
+ .premium-person-social-list li:hover a {
7085
+ -webkit-box-shadow: none;
7086
+ box-shadow: none;
7087
  }
7088
 
7089
+ .premium-person-social-list li a:focus {
7090
+ -webkit-box-shadow: none;
7091
+ box-shadow: none;
7092
+ outline: none;
7093
  }
7094
 
7095
+ .premium-person-social-list li i {
7096
+ font-size: 18px;
 
 
 
 
 
 
 
 
7097
  }
7098
 
7099
+ .elementor-widget-premium-addon-person .elementor-widget-container {
7100
+ -js-display: flex;
7101
+ display: -webkit-box;
7102
+ display: -webkit-flex;
7103
+ display: -moz-box;
7104
+ display: -ms-flexbox;
7105
+ display: flex;
7106
+ -webkit-box-pack: center;
7107
+ -webkit-justify-content: center;
7108
+ -moz-box-pack: center;
7109
+ -ms-flex-pack: center;
7110
+ justify-content: center;
7111
  }
7112
 
7113
+ .premium-persons-container.multiple-persons {
7114
  -js-display: flex;
7115
  display: -webkit-box;
7116
  display: -webkit-flex;
7117
  display: -moz-box;
7118
  display: -ms-flexbox;
7119
  display: flex;
 
 
7120
  -webkit-flex-wrap: wrap;
7121
  -ms-flex-wrap: wrap;
7122
  flex-wrap: wrap;
7123
+ width: 100%;
 
 
 
7124
  }
7125
 
7126
+ .premium-person-style1 .premium-person-container {
7127
+ overflow: hidden;
 
7128
  }
7129
 
7130
+ .premium-person-style1 .premium-person-container .premium-person-info {
7131
+ position: absolute;
7132
+ top: auto;
7133
+ left: 0;
7134
+ right: 0;
7135
+ -webkit-transition: all 500ms ease 0s;
7136
+ transition: all 500ms ease 0s;
7137
+ -webkit-transform: translate3d(0, 100%, 0);
7138
+ transform: translate3d(0, 100%, 0);
7139
  }
7140
 
7141
+ .premium-person-style1 .premium-person-container:hover .premium-person-info {
7142
+ -webkit-transform: translate3d(0, 0, 0);
7143
+ transform: translate3d(0, 0, 0);
7144
+ bottom: -1px !important;
 
7145
  }
7146
 
7147
+ .premium-person-style1 .premium-person-social-list li:hover {
7148
+ bottom: 5px;
 
 
 
7149
  }
7150
 
7151
+ .premium-person-style1.multiple-persons:not([data-persons-equal="yes"]) {
7152
+ -webkit-box-align: start;
7153
+ -webkit-align-items: flex-start;
7154
+ -moz-box-align: start;
7155
+ -ms-flex-align: start;
7156
+ align-items: flex-start;
7157
  }
7158
 
7159
+ .premium-person-style1 .slick-track {
7160
+ -js-display: flex;
7161
+ display: -webkit-box;
7162
+ display: -webkit-flex;
7163
+ display: -moz-box;
7164
+ display: -ms-flexbox;
7165
+ display: flex;
7166
+ }
7167
+
7168
+ .premium-person-style1 .slick-slide {
7169
+ height: inherit !important;
7170
  }
7171
 
7172
+ /* .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-container,
7173
+ .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-wrap {
7174
+ height: 100%;
7175
+ } */
7176
+
7177
+ .premium-person-style3 .premium-person-info-container {
7178
+ position: absolute;
7179
  top: 0;
7180
  right: 0;
7181
+ width: 100%;
7182
+ height: 100%;
7183
+ -js-display: flex;
7184
+ display: -webkit-box;
7185
+ display: -webkit-flex;
7186
+ display: -moz-box;
7187
+ display: -ms-flexbox;
7188
+ display: flex;
7189
+ -webkit-box-orient: vertical;
7190
+ -webkit-box-direction: normal;
7191
+ -webkit-flex-direction: column;
7192
+ -moz-box-orient: vertical;
7193
+ -moz-box-direction: normal;
7194
+ -ms-flex-direction: column;
7195
+ flex-direction: column;
7196
+ -webkit-box-pack: justify;
7197
+ -webkit-justify-content: space-between;
7198
+ -moz-box-pack: justify;
7199
+ -ms-flex-pack: justify;
7200
+ justify-content: space-between;
7201
  }
7202
 
7203
+ .premium-person-style3 .premium-person-title-desc-wrap {
7204
+ -js-display: flex;
7205
+ display: -webkit-box;
7206
+ display: -webkit-flex;
7207
+ display: -moz-box;
7208
+ display: -ms-flexbox;
7209
+ display: flex;
7210
+ -webkit-box-orient: horizontal;
7211
+ -webkit-box-direction: reverse;
7212
+ -webkit-flex-direction: row-reverse;
7213
+ -moz-box-orient: horizontal;
7214
+ -moz-box-direction: reverse;
7215
+ -ms-flex-direction: row-reverse;
7216
+ flex-direction: row-reverse;
7217
+ -webkit-box-pack: justify;
7218
+ -webkit-justify-content: space-between;
7219
+ -moz-box-pack: justify;
7220
+ -ms-flex-pack: justify;
7221
+ justify-content: space-between;
7222
+ -webkit-box-align: start;
7223
+ -webkit-align-items: flex-start;
7224
+ -moz-box-align: start;
7225
+ -ms-flex-align: start;
7226
+ align-items: flex-start;
7227
  }
7228
 
7229
+ .premium-person-style3 .premium-person-name-icons-wrap {
7230
+ -js-display: flex;
7231
+ display: -webkit-box;
7232
+ display: -webkit-flex;
7233
+ display: -moz-box;
7234
+ display: -ms-flexbox;
7235
+ display: flex;
7236
+ -webkit-box-pack: justify;
7237
+ -webkit-justify-content: space-between;
7238
+ -moz-box-pack: justify;
7239
+ -ms-flex-pack: justify;
7240
+ justify-content: space-between;
7241
+ -webkit-box-align: end;
7242
+ -webkit-align-items: flex-end;
7243
+ -moz-box-align: end;
7244
+ -ms-flex-align: end;
7245
+ align-items: flex-end;
7246
  }
7247
 
7248
+ .premium-person-style3 .premium-person-title {
7249
+ opacity: 0;
7250
+ -webkit-transition: all 0.3s ease;
7251
+ transition: all 0.3s ease;
7252
+ width: 0;
 
 
7253
  }
7254
 
7255
+ .premium-person-style3 .premium-person-title span {
7256
+ display: inline-block;
 
 
 
 
 
7257
  }
7258
 
7259
+ .premium-person-style3 .premium-person-name {
7260
+ padding-right: 10px;
 
 
 
 
7261
  }
7262
 
7263
+ .premium-person-style3 .premium-person-social-list {
7264
+ -js-display: flex;
7265
+ display: -webkit-box;
7266
+ display: -webkit-flex;
7267
+ display: -moz-box;
7268
+ display: -ms-flexbox;
7269
+ display: flex;
7270
+ -webkit-box-orient: vertical;
7271
+ -webkit-box-direction: normal;
7272
+ -webkit-flex-direction: column;
7273
+ -moz-box-orient: vertical;
7274
+ -moz-box-direction: normal;
7275
+ -ms-flex-direction: column;
7276
+ flex-direction: column;
7277
+ -webkit-transform: translateY(20px);
7278
+ -ms-transform: translateY(20px);
7279
+ transform: translateY(20px);
7280
+ opacity: 0;
7281
+ -webkit-transition: all 0.3s ease;
7282
+ transition: all 0.3s ease;
7283
  }
7284
 
7285
+ .premium-person-style3 .premium-person-list-item {
7286
+ line-height: 0;
7287
+ }
7288
+
7289
+ .premium-person-style3 .premium-person-list-item a {
7290
+ padding: 5px 0 0 10px;
7291
+ margin: 5px 0;
7292
+ }
7293
+
7294
+ .premium-person-style3 .premium-person-container:hover .premium-person-title {
7295
+ opacity: 1;
7296
+ }
7297
+
7298
+ .premium-person-style3 .premium-person-container:hover .premium-person-social-list {
7299
+ opacity: 1;
7300
+ -webkit-transform: translateY(0);
7301
+ -ms-transform: translateY(0);
7302
+ transform: translateY(0);
7303
+ }
7304
+
7305
+ .premium-persons-title-cw .premium-person-title {
7306
+ -webkit-transform: translateX(-15px) rotate(-90deg);
7307
+ -ms-transform: translateX(-15px) rotate(-90deg);
7308
+ transform: translateX(-15px) rotate(-90deg);
7309
+ -webkit-transform-origin: top;
7310
+ -ms-transform-origin: top;
7311
+ transform-origin: top;
7312
+ }
7313
+
7314
+ .premium-persons-title-cw .premium-person-container:hover .premium-person-title {
7315
+ -webkit-transform: translateX(0) rotate(-90deg);
7316
+ -ms-transform: translateX(0) rotate(-90deg);
7317
+ transform: translateX(0) rotate(-90deg);
7318
  }
7319
 
7320
+ .premium-persons-title-ccw .premium-person-title {
7321
+ width: auto;
7322
+ margin-left: 20px;
7323
+ -webkit-transform: translateX(-15px) rotate(90deg);
7324
+ -ms-transform: translateX(-15px) rotate(90deg);
7325
+ transform: translateX(-15px) rotate(90deg);
7326
+ -webkit-transform-origin: center left;
7327
+ -ms-transform-origin: center left;
7328
+ transform-origin: center left;
7329
  }
7330
 
7331
+ .premium-persons-title-ccw .premium-person-container:hover .premium-person-title {
7332
+ -webkit-transform: translateX(0) rotate(90deg);
7333
+ -ms-transform: translateX(0) rotate(90deg);
7334
+ transform: translateX(0) rotate(90deg);
7335
  }
7336
+ /**************** Premium Pricing Table ****************/
7337
+ /*******************************************************/
7338
+ .premium-pricing-table-container {
7339
+ position: relative;
7340
+ text-align: center;
7341
+ display: inline-block;
7342
+ width: 100%;
7343
+ -webkit-transition: all 0.3s ease-in-out;
7344
+ transition: all 0.3s ease-in-out;
7345
+ }
7346
+
7347
+ .premium-pricing-icon-container {
7348
+ -js-display: flex;
7349
+ display: -webkit-box;
7350
+ display: -webkit-flex;
7351
+ display: -moz-box;
7352
+ display: -ms-flexbox;
7353
+ display: flex;
7354
+ -webkit-box-pack: center;
7355
+ -webkit-justify-content: center;
7356
+ -moz-box-pack: center;
7357
+ -ms-flex-pack: center;
7358
+ justify-content: center;
7359
+ line-height: 0;
7360
+ }
7361
+
7362
+ .premium-pricing-icon-container .premium-pricing-icon {
7363
+ display: inline-block;
7364
+ }
7365
+
7366
+ .premium-pricing-icon-container .premium-pricing-image {
7367
+ overflow: hidden;
7368
+ }
7369
+
7370
+ .premium-pricing-icon-container .premium-pricing-image img {
7371
+ width: 25px;
7372
+ height: 25px;
7373
+ -o-object-fit: cover;
7374
+ object-fit: cover;
7375
+ }
7376
+
7377
+ .premium-badge-left {
7378
+ position: absolute;
7379
+ top: 0;
7380
+ }
7381
+
7382
+ .premium-badge-right {
7383
+ position: absolute;
7384
+ top: 0;
7385
+ right: 0;
7386
+ }
7387
+
7388
+ .premium-badge-left {
7389
+ left: 0;
7390
+ }
7391
+
7392
+ .premium-badge-triangle.premium-badge-left .corner {
7393
+ width: 0;
7394
+ height: 0;
7395
+ border-top: 150px solid;
7396
+ border-bottom: 150px solid transparent;
7397
+ border-right: 150px solid transparent;
7398
+ }
7399
+
7400
+ .premium-badge-triangle.premium-badge-right .corner {
7401
+ width: 0;
7402
+ height: 0;
7403
+ border-bottom: 150px solid transparent;
7404
+ border-right: 150px solid;
7405
+ border-left: 150px solid transparent;
7406
+ }
7407
+
7408
+ .premium-badge-triangle span {
7409
+ position: absolute;
7410
+ top: 35px;
7411
+ width: 100px;
7412
+ text-align: center;
7413
+ -webkit-transform: rotate(-45deg);
7414
+ -ms-transform: rotate(-45deg);
7415
+ transform: rotate(-45deg);
7416
+ display: block;
7417
+ text-transform: uppercase;
7418
+ }
7419
+
7420
+ .premium-badge-triangle.premium-badge-right span {
7421
+ -webkit-transform: rotate(45deg);
7422
+ -ms-transform: rotate(45deg);
7423
+ transform: rotate(45deg);
7424
+ right: 0;
7425
+ }
7426
+
7427
+ .premium-badge-circle {
7428
+ min-width: 4em;
7429
+ min-height: 4em;
7430
+ line-height: 4em;
7431
+ text-align: center;
7432
+ -webkit-border-radius: 100%;
7433
+ border-radius: 100%;
7434
+ position: absolute;
7435
+ z-index: 1;
7436
+ }
7437
+
7438
+ .premium-badge-stripe {
7439
+ position: absolute;
7440
+ -webkit-transform: rotate(90deg);
7441
+ -ms-transform: rotate(90deg);
7442
+ transform: rotate(90deg);
7443
+ width: 15em;
7444
+ overflow: hidden;
7445
+ height: 15em;
7446
+ }
7447
+
7448
+ .premium-badge-stripe.premium-badge-left {
7449
+ -webkit-transform: rotate(0);
7450
+ -ms-transform: rotate(0);
7451
+ transform: rotate(0);
7452
+ }
7453
+
7454
+ .premium-badge-stripe .corner {
7455
+ text-align: center;
7456
+ left: 0;
7457
+ width: 150%;
7458
+ -webkit-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
7459
+ -ms-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
7460
+ transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
7461
+ margin-top: 35px;
7462
+ font-size: 13px;
7463
+ line-height: 2;
7464
+ font-weight: 800;
7465
+ text-transform: uppercase;
7466
+ }
7467
+
7468
+ .premium-badge-flag .corner {
7469
+ text-align: center;
7470
+ -webkit-border-radius: 4px 4px 0 4px;
7471
+ border-radius: 4px 4px 0 4px;
7472
+ padding: 3px 15px;
7473
+ position: absolute;
7474
+ top: 10%;
7475
+ right: -8px;
7476
+ }
7477
+
7478
+ .premium-badge-flag .corner::before,
7479
+ .premium-badge-flag .corner::after {
7480
+ content: "";
7481
+ display: block;
7482
+ position: absolute;
7483
+ width: 0;
7484
+ height: 0;
7485
+ top: 100%;
7486
+ right: 0;
7487
+ border-bottom: 8px solid transparent;
7488
+ }
7489
+
7490
+ .elementor-widget-premium-addon-pricing-table .elementor-widget-container {
7491
+ overflow: visible !important;
7492
+ }
7493
+
7494
+ .premium-badge-flag .corner::after {
7495
+ border-left: 8px solid rgba(0, 0, 0, 0.2);
7496
+ }
7497
+
7498
+ .premium-pricing-price-currency {
7499
+ position: relative;
7500
+ }
7501
+
7502
+ .premium-pricing-button-container {
7503
+ display: block;
7504
+ }
7505
+
7506
+ .premium-pricing-list {
7507
+ -js-display: flex;
7508
+ display: -webkit-box;
7509
+ display: -webkit-flex;
7510
+ display: -moz-box;
7511
+ display: -ms-flexbox;
7512
+ display: flex;
7513
+ -webkit-box-orient: vertical;
7514
+ -webkit-box-direction: normal;
7515
+ -webkit-flex-direction: column;
7516
+ -moz-box-orient: vertical;
7517
+ -moz-box-direction: normal;
7518
+ -ms-flex-direction: column;
7519
+ flex-direction: column;
7520
+ list-style-type: none;
7521
+ margin: 0;
7522
+ }
7523
+
7524
+ .premium-pricing-list .premium-pricing-list-item {
7525
+ -js-display: flex;
7526
+ display: -webkit-box;
7527
+ display: -webkit-flex;
7528
+ display: -moz-box;
7529
+ display: -ms-flexbox;
7530
+ display: flex;
7531
+ -webkit-box-align: center;
7532
+ -webkit-align-items: center;
7533
+ -moz-box-align: center;
7534
+ -ms-flex-align: center;
7535
+ align-items: center;
7536
+ }
7537
+
7538
+ .premium-pricing-list .premium-pricing-list-item svg {
7539
+ width: 50px;
7540
+ height: 50px;
7541
+ }
7542
+
7543
+ .premium-pricing-list .premium-pricing-list-item img {
7544
+ width: 30px;
7545
+ height: 30px;
7546
+ -o-object-fit: cover;
7547
+ object-fit: cover;
7548
+ }
7549
+
7550
+ .premium-pricing-list .premium-pricing-list-span {
7551
+ position: relative;
7552
+ }
7553
+
7554
+ .premium-pricing-list .list-item-tooltip {
7555
+ border-bottom: 1px dotted;
7556
+ }
7557
+
7558
+ .premium-pricing-list .premium-pricing-list-tooltip {
7559
+ position: absolute;
7560
+ top: -webkit-calc(100% + 1px);
7561
+ top: calc(100% + 1px);
7562
+ right: 0;
7563
+ visibility: hidden;
7564
+ padding: 15px 20px;
7565
+ -webkit-border-radius: 5px;
7566
+ border-radius: 5px;
7567
+ min-width: 200px;
7568
+ overflow: hidden;
7569
+ text-align: right;
7570
+ font-size: 0.8rem;
7571
+ color: #fff;
7572
+ background-color: #aaa;
7573
+ }
7574
+
7575
+ .premium-pricing-features-left .premium-pricing-list-span {
7576
+ text-align: right;
7577
+ }
7578
+
7579
+ .premium-pricing-features-center .premium-pricing-list-span {
7580
+ text-align: center;
7581
+ }
7582
+
7583
+ .premium-pricing-features-right .premium-pricing-list-span {
7584
+ text-align: left;
7585
+ }
7586
+
7587
+ .premium-pricing-list-span:hover .premium-pricing-list-tooltip {
7588
+ z-index: 99;
7589
+ visibility: visible;
7590
+ opacity: 1;
7591
+ }
7592
+
7593
+ .premium-pricing-slashed-price-value {
7594
+ display: inline-block;
7595
+ font-size: 20px;
7596
+ font-weight: 400;
7597
+ margin-left: 5px;
7598
+ }
7599
+
7600
+ .premium-pricing-price-value {
7601
+ font-size: 70px;
7602
+ }
7603
+
7604
+ .premium-pricing-description-container li {
7605
+ list-style-position: inside;
7606
+ text-indent: -40px;
7607
+ }
7608
+
7609
+ @-moz-document url-prefix() {
7610
+ .premium-pricing-description-container li {
7611
+ text-indent: 0px;
7612
+ }
7613
+ }
7614
+
7615
+ .premium-pricing-price-button {
7616
+ display: block;
7617
+ padding: 6px 12px;
7618
+ line-height: 1.42857143;
7619
+ text-align: center;
7620
+ color: #fff;
7621
+ background: #6ec1e4;
7622
+ margin-bottom: 0;
7623
+ -webkit-transition: all 0.3s ease-in-out;
7624
+ transition: all 0.3s ease-in-out;
7625
  }
7626
+ /**************** Premium Progress Bar ****************/
7627
+ /******************************************************/
7628
+ .premium-progressbar-container {
7629
+ position: relative;
7630
+ }
7631
+
7632
+ .premium-progressbar-bar-wrap {
7633
+ position: relative;
7634
+ text-align: right;
7635
+ overflow: hidden;
7636
+ height: 25px;
7637
+ margin-bottom: 50px;
7638
+ background-color: #f5f5f5;
7639
+ -webkit-border-radius: 4px;
7640
+ border-radius: 4px;
7641
+ -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
7642
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
7643
+ }
7644
+
7645
+ .premium-progressbar-bar-wrap.premium-progressbar-dots {
7646
+ background-color: transparent;
7647
+ width: 100%;
7648
+ -js-display: flex;
7649
+ display: -webkit-box;
7650
+ display: -webkit-flex;
7651
+ display: -moz-box;
7652
+ display: -ms-flexbox;
7653
+ display: flex;
7654
+ height: auto;
7655
+ -webkit-box-shadow: none;
7656
+ box-shadow: none;
7657
+ }
7658
+
7659
+ .premium-progressbar-bar-wrap .progress-segment {
7660
+ position: relative;
7661
+ width: 25px;
7662
+ height: 25px;
7663
+ -webkit-border-radius: 50%;
7664
+ border-radius: 50%;
7665
+ overflow: hidden;
7666
+ background-color: #f5f5f5;
7667
+ }
7668
+
7669
+ .premium-progressbar-bar-wrap .progress-segment.filled {
7670
+ background: #6ec1e4;
7671
+ }
7672
+
7673
+ .premium-progressbar-bar-wrap .progress-segment:not(:first-child):not(:last-child) {
7674
+ margin: 0 4px;
7675
+ }
7676
+
7677
+ .premium-progressbar-bar-wrap .progress-segment:first-child {
7678
+ margin-left: 4px;
7679
+ }
7680
+
7681
+ .premium-progressbar-bar-wrap .progress-segment:last-child {
7682
+ margin-right: 4px;
7683
+ }
7684
+
7685
+ .premium-progressbar-bar-wrap .progress-segment .segment-inner {
7686
+ position: absolute;
7687
+ top: 0;
7688
+ right: 0;
7689
+ height: 100%;
7690
+ background-color: #6ec1e4;
7691
+ }
7692
+
7693
+ .premium-progressbar-bar {
7694
+ float: right;
7695
+ width: 0%;
7696
+ height: 100%;
7697
+ font-size: 12px;
7698
+ line-height: 20px;
7699
+ background: #6ec1e4;
7700
+ text-align: center;
7701
+ -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
7702
+ box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
7703
+ }
7704
+
7705
+ .premium-progressbar-striped .premium-progressbar-bar {
7706
+ background-image: -webkit-linear-gradient(-135deg,
7707
+ rgba(255, 255, 255, 0.15) 25%,
7708
+ transparent 25%,
7709
+ transparent 50%,
7710
+ rgba(255, 255, 255, 0.15) 50%,
7711
+ rgba(255, 255, 255, 0.15) 75%,
7712
+ transparent 75%,
7713
+ transparent);
7714
+ background-image: -webkit-linear-gradient(45deg,
7715
+ rgba(255, 255, 255, 0.15) 25%,
7716
+ transparent 25%,
7717
+ transparent 50%,
7718
+ rgba(255, 255, 255, 0.15) 50%,
7719
+ rgba(255, 255, 255, 0.15) 75%,
7720
+ transparent 75%,
7721
+ transparent);
7722
+ background-image: linear-gradient(45deg,
7723
+ rgba(255, 255, 255, 0.15) 25%,
7724
+ transparent 25%,
7725
+ transparent 50%,
7726
+ rgba(255, 255, 255, 0.15) 50%,
7727
+ rgba(255, 255, 255, 0.15) 75%,
7728
+ transparent 75%,
7729
+ transparent);
7730
+ -webkit-background-size: 40px 40px;
7731
+ background-size: 40px 40px;
7732
+ }
7733
+
7734
+ .premium-progressbar-active .premium-progressbar-bar {
7735
+ -webkit-animation: progress-bar-stripes 2s linear infinite;
7736
+ animation: progress-bar-stripes 2s linear infinite;
7737
+ }
7738
+
7739
+ .premium-progressbar-gradient .premium-progressbar-bar {
7740
+ -webkit-background-size: 400% 400% !important;
7741
+ background-size: 400% 400% !important;
7742
+ -webkit-animation: progress-bar-gradient 10s ease-in-out infinite;
7743
+ animation: progress-bar-gradient 10s ease-in-out infinite;
7744
+ }
7745
+
7746
+ .premium-progressbar-bar {
7747
+ position: absolute;
7748
+ overflow: hidden;
7749
+ line-height: 20px;
7750
+ }
7751
+
7752
+ .premium-progressbar-container .clearfix {
7753
+ clear: both;
7754
+ }
7755
+
7756
+ .premium-progressbar-bar {
7757
+ -webkit-transition: width 0s ease-in-out !important;
7758
+ transition: width 0s ease-in-out !important;
7759
+ }
7760
+
7761
+ .premium-progressbar-container p:first-of-type {
7762
+ margin: 0;
7763
+ float: left;
7764
+ }
7765
+
7766
+ .premium-progressbar-container p:nth-of-type(2) {
7767
+ margin: 0;
7768
+ float: right;
7769
+ }
7770
+
7771
+ .premium-progressbar-name {
7772
+ right: 50%;
7773
+ top: 0;
7774
+ left: 0;
7775
+ -webkit-transform: translateX(12.5px);
7776
+ -ms-transform: translateX(12.5px);
7777
+ transform: translateX(12.5px);
7778
+ z-index: 1;
7779
+ }
7780
+
7781
+ .premium-progressbar-multiple-label {
7782
+ position: relative;
7783
+ float: right;
7784
+ width: 0;
7785
+ right: 50%;
7786
+ }
7787
+
7788
+ .premium-progressbar-center-label {
7789
+ position: relative;
7790
+ white-space: nowrap;
7791
+ }
7792
+
7793
+ .premium-progressbar-arrow {
7794
+ height: 15px;
7795
+ right: 50%;
7796
+ display: inline-block;
7797
+ border-right: 7px solid transparent;
7798
+ border-left: 7px solid transparent;
7799
+ border-top: 11px solid;
7800
+ -webkit-transform: translateX(50%);
7801
+ -ms-transform: translateX(50%);
7802
+ transform: translateX(50%);
7803
+ }
7804
+
7805
+ .premium-progressbar-pin {
7806
+ border-right: 1px solid;
7807
+ height: 12px;
7808
+ right: 50%;
7809
+ display: inline-block;
7810
+ }
7811
+
7812
+ /**
7813
+ * Circle Progress Bar
7814
+ */
7815
+ .premium-progressbar-circle-wrap,
7816
+ .premium-progressbar-hf-circle-wrap {
7817
+ width: 200px;
7818
+ height: 200px;
7819
+ position: relative;
7820
+ margin: 0 auto;
7821
+ }
7822
+
7823
+ .premium-progressbar-circle-wrap .premium-progressbar-circle-content,
7824
+ .premium-progressbar-hf-circle-wrap .premium-progressbar-circle-content {
7825
+ position: absolute;
7826
+ top: 0;
7827
+ right: 0;
7828
+ width: 100%;
7829
+ height: 100%;
7830
+ -js-display: flex;
7831
+ display: -webkit-box;
7832
+ display: -webkit-flex;
7833
+ display: -moz-box;
7834
+ display: -ms-flexbox;
7835
+ display: flex;
7836
+ -webkit-box-orient: vertical;
7837
+ -webkit-box-direction: normal;
7838
+ -webkit-flex-direction: column;
7839
+ -moz-box-orient: vertical;
7840
+ -moz-box-direction: normal;
7841
+ -ms-flex-direction: column;
7842
+ flex-direction: column;
7843
+ -webkit-box-pack: center;
7844
+ -webkit-justify-content: center;
7845
+ -moz-box-pack: center;
7846
+ -ms-flex-pack: center;
7847
+ justify-content: center;
7848
+ -webkit-box-align: center;
7849
+ -webkit-align-items: center;
7850
+ -moz-box-align: center;
7851
+ -ms-flex-align: center;
7852
+ align-items: center;
7853
+ text-align: center;
7854
+ }
7855
+
7856
+ .premium-progressbar-circle-wrap .premium-lottie-animation,
7857
+ .premium-progressbar-hf-circle-wrap .premium-lottie-animation {
7858
+ line-height: 1;
7859
+ }
7860
+
7861
+ .premium-progressbar-circle-wrap .premium-progressbar-circle {
7862
+ position: absolute;
7863
+ top: 0;
7864
+ right: 0;
7865
+ width: 100%;
7866
+ height: 100%;
7867
+ -webkit-clip-path: inset(0 0 0 50%);
7868
+ clip-path: inset(0 0 0 50%);
7869
+ }
7870
+
7871
+ .premium-progressbar-circle-wrap .premium-progressbar-circle div {
7872
+ position: absolute;
7873
+ right: 0;
7874
+ top: 0;
7875
+ height: 100%;
7876
+ width: 100%;
7877
+ border-width: 6px;
7878
+ border-style: solid;
7879
+ border-color: #54595f;
7880
+ -webkit-border-radius: 50%;
7881
+ border-radius: 50%;
7882
+ -webkit-clip-path: inset(0 50% 0 0);
7883
+ clip-path: inset(0 50% 0 0);
7884
+ }
7885
+
7886
+ .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-left {
7887
+ -webkit-transform: rotate(0);
7888
+ -ms-transform: rotate(0);
7889
+ transform: rotate(0);
7890
+ }
7891
+
7892
+ .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-right {
7893
+ -webkit-transform: rotate(-180deg);
7894
+ -ms-transform: rotate(-180deg);
7895
+ transform: rotate(-180deg);
7896
+ visibility: hidden;
7897
+ }
7898
+
7899
+ .premium-progressbar-circle-wrap .premium-progressbar-circle-base {
7900
+ width: 100%;
7901
+ height: 100%;
7902
+ border: 6px solid #eee;
7903
+ -webkit-border-radius: 50%;
7904
+ border-radius: 50%;
7905
+ }
7906
+
7907
+ .premium-progressbar-circle-wrap .premium-lottie-animation {
7908
+ line-height: 1;
7909
+ }
7910
+
7911
+ /**
7912
+ * Half Circle Progress Bar
7913
+ */
7914
+ .premium-progressbar-hf-container {
7915
+ position: relative;
7916
+ width: 200px;
7917
+ height: 200px;
7918
+ }
7919
+
7920
+ .premium-progressbar-hf-circle-wrap {
7921
+ overflow: hidden;
7922
+ }
7923
+
7924
+ .premium-progressbar-hf-circle-wrap .premium-progressbar-left-label {
7925
+ -webkit-box-ordinal-group: 2;
7926
+ -webkit-order: 1;
7927
+ -moz-box-ordinal-group: 2;
7928
+ -ms-flex-order: 1;
7929
+ order: 1;
7930
+ }
7931
+
7932
+ .premium-progressbar-hf-circle {
7933
+ position: absolute;
7934
+ top: 0;
7935
+ left: 0;
7936
+ width: 100%;
7937
+ height: 100%;
7938
+ -webkit-clip-path: inset(0 0 50% 0);
7939
+ clip-path: inset(0 0 50% 0);
7940
+ }
7941
+
7942
+ .premium-progressbar-hf-circle-progress {
7943
+ position: absolute;
7944
+ left: 0;
7945
+ top: 0;
7946
+ height: 100%;
7947
+ width: 100%;
7948
+ border: 12px solid #000;
7949
+ -webkit-border-radius: 50%;
7950
+ border-radius: 50%;
7951
+ -webkit-clip-path: inset(50% 0 0 0);
7952
+ clip-path: inset(50% 0 0 0);
7953
+ -webkit-transform: rotate(0deg);
7954
+ -ms-transform: rotate(0deg);
7955
+ transform: rotate(0deg);
7956
+ -webkit-transition: -webkit-transform 1500ms linear;
7957
+ transition: -webkit-transform 1500ms linear;
7958
+ transition: transform 1500ms linear;
7959
+ transition: transform 1500ms linear, -webkit-transform 1500ms linear;
7960
+ }
7961
+
7962
+ .premium-progressbar-circle-inner {
7963
+ height: 100%;
7964
+ width: 100%;
7965
+ border: 12px solid #eee;
7966
+ -webkit-border-radius: 50%;
7967
+ border-radius: 50%;
7968
+ }
7969
+
7970
+ .premium-progressbar-hf-labels {
7971
+ margin: 0 auto;
7972
+ position: relative;
7973
+ font-size: 12px;
7974
+ font-weight: 400;
7975
+ -js-display: flex;
7976
+ display: -webkit-box;
7977
+ display: -webkit-flex;
7978
+ display: -moz-box;
7979
+ display: -ms-flexbox;
7980
+ display: flex;
7981
+ -webkit-box-pack: justify;
7982
+ -webkit-justify-content: space-between;
7983
+ -moz-box-pack: justify;
7984
+ -ms-flex-pack: justify;
7985
+ justify-content: space-between;
7986
+ }
7987
+
7988
+
7989
+ @-webkit-keyframes progress-bar-stripes {
7990
+ from {
7991
+ background-position: 100% 0;
7992
+ }
7993
+
7994
+ to {
7995
+ background-position: 40px 0;
7996
+ }
7997
+ }
7998
+
7999
+ @keyframes progress-bar-stripes {
8000
+ from {
8001
+ background-position: 100% 0;
8002
+ }
8003
+
8004
+ to {
8005
+ background-position: 40px 0;
8006
+ }
8007
+ }
8008
+
8009
+ @-webkit-keyframes progress-bar-gradient {
8010
+ 0% {
8011
+ background-position: 100% 50%;
8012
+ }
8013
+
8014
+ 50% {
8015
+ background-position: 0% 50%;
8016
+ }
8017
+
8018
+ 100% {
8019
+ background-position: 100% 50%;
8020
+ }
8021
+ }
8022
+
8023
+ @keyframes progress-bar-gradient {
8024
+ 0% {
8025
+ background-position: 100% 50%;
8026
+ }
8027
+
8028
+ 50% {
8029
+ background-position: 0% 50%;
8030
+ }
8031
+
8032
+ 100% {
8033
+ background-position: 100% 50%;
8034
+ }
8035
+ }
8036
+
8037
+ @media (max-width: 768px) {
8038
+ .premium-progressbar-center-label {
8039
+ -webkit-transform: rotate(-90deg) !important;
8040
+ -ms-transform: rotate(-90deg) !important;
8041
+ transform: rotate(-90deg) !important;
8042
+ -webkit-transform-origin: 0;
8043
+ -ms-transform-origin: 0;
8044
+ transform-origin: 0;
8045
+ }
8046
  }
8047
+ /**************** Premium Testimonials ****************/
8048
+ /******************************************************/
8049
+ .premium-testimonial-box {
8050
+ width: 100%;
8051
+ background: transparent;
8052
+ -webkit-transition: all 0.3s ease-in-out;
8053
+ transition: all 0.3s ease-in-out;
8054
  }
8055
 
8056
+ .premium-testimonial-box .premium-testimonial-author-info {
8057
+ -js-display: flex;
8058
+ display: -webkit-box;
8059
+ display: -webkit-flex;
8060
+ display: -moz-box;
8061
+ display: -ms-flexbox;
8062
+ display: flex;
8063
+ -webkit-box-pack: center;
8064
+ -webkit-justify-content: center;
8065
+ -moz-box-pack: center;
8066
+ -ms-flex-pack: center;
8067
+ justify-content: center;
8068
+ -webkit-box-align: center;
8069
+ -webkit-align-items: center;
8070
+ -moz-box-align: center;
8071
+ -ms-flex-align: center;
8072
+ align-items: center;
8073
  }
8074
 
8075
+ .premium-testimonial-box .premium-testimonial-person-name,
8076
+ .premium-testimonial-box .premium-testimonial-company-name {
8077
+ font-weight: 600;
8078
+ margin: 0;
8079
  }
8080
 
8081
+ .premium-testimonial-container {
8082
+ position: relative;
8083
  }
8084
 
8085
+ .premium-testimonial-img-wrapper {
8086
+ margin-right: auto;
8087
+ margin-left: auto;
8088
+ overflow: hidden;
8089
+ border-style: solid !important;
8090
  }
8091
 
8092
+ .premium-testimonial-img-wrapper.circle {
8093
+ -webkit-border-radius: 50%;
8094
+ border-radius: 50%;
8095
  }
8096
 
8097
+ .premium-testimonial-img-wrapper.rounded {
8098
+ -webkit-border-radius: 15px;
8099
+ border-radius: 15px;
8100
  }
8101
 
8102
+ .premium-testimonial-img-wrapper img {
8103
+ -o-object-fit: cover;
8104
+ object-fit: cover;
8105
+ width: 100%;
8106
+ height: 100% !important;
 
 
 
 
 
 
 
 
 
 
 
 
8107
  }
8108
 
8109
+ .premium-testimonial-content-wrapper {
8110
+ position: relative;
8111
+ display: -ms-flexbox;
8112
+ display: -webkit-flex;
8113
+ display: -moz-flex;
8114
+ display: -ms-flex;
8115
+ -js-display: flex;
8116
+ display: -webkit-box;
8117
+ display: -moz-box;
8118
+ display: flex;
8119
+ -webkit-box-orient: vertical;
8120
+ -webkit-box-direction: normal;
8121
+ -webkit-flex-direction: column;
8122
+ -moz-box-orient: vertical;
8123
+ -moz-box-direction: normal;
8124
+ -ms-flex-direction: column;
8125
+ flex-direction: column;
8126
+ z-index: 2;
8127
+ width: 100%;
8128
+ padding: 20px;
8129
+ text-align: center;
8130
  }
8131
 
8132
+ .premium-testimonial-clear-float {
8133
+ clear: both;
 
 
 
 
 
 
 
 
 
 
 
 
8134
  }
8135
 
8136
+ .premium-testimonial-upper-quote,
8137
+ .premium-testimonial-lower-quote {
8138
+ position: absolute;
8139
+ z-index: 1;
 
8140
  }
8141
+ /**************** Premium Title ****************/
8142
+ /***********************************************/
8143
+ .premium-title-container .premium-title-header {
8144
+ position: relative;
8145
+ margin: 0;
8146
+ padding: 10px;
8147
+ }
8148
+
8149
+ .premium-title-container .premium-title-header:not(.premium-title-style7) {
8150
+ -webkit-box-align: center;
8151
+ -webkit-align-items: center;
8152
+ -moz-box-align: center;
8153
+ -ms-flex-align: center;
8154
+ align-items: center;
8155
+ }
8156
+
8157
+ .premium-title-container .premium-title-header svg {
8158
+ width: 40px;
8159
+ height: 40px;
8160
+ }
8161
+
8162
+ .premium-title-container .premium-title-header img {
8163
+ width: 40px;
8164
+ height: 40px;
8165
+ -o-object-fit: cover;
8166
+ object-fit: cover;
8167
+ }
8168
+
8169
+ .premium-title-container .premium-title-header a {
8170
+ position: absolute;
8171
+ top: 0;
8172
+ right: 0;
8173
+ width: 100%;
8174
+ height: 100%;
8175
+ }
8176
+
8177
+ .premium-title-container .premium-lottie-animation {
8178
+ -js-display: flex;
8179
+ display: -webkit-box;
8180
+ display: -webkit-flex;
8181
+ display: -moz-box;
8182
+ display: -ms-flexbox;
8183
+ display: flex;
8184
+ }
8185
+
8186
+ .premium-title-icon-row .premium-title-icon {
8187
+ margin-left: 10px;
8188
+ }
8189
+
8190
+ .premium-title-icon-row-reverse .premium-title-icon {
8191
+ margin-right: 10px;
8192
+ }
8193
+
8194
+ .premium-title-style3,
8195
+ .premium-title-style4 {
8196
+ -js-display: flex;
8197
+ display: -webkit-box;
8198
+ display: -webkit-flex;
8199
+ display: -moz-box;
8200
+ display: -ms-flexbox;
8201
+ display: flex;
8202
+ }
8203
+
8204
+ .premium-title-style1,
8205
+ .premium-title-style2,
8206
+ .premium-title-style5,
8207
+ .premium-title-style6,
8208
+ .premium-title-style8,
8209
+ .premium-title-style9 {
8210
+ -js-display: inline-flex;
8211
+ display: -webkit-inline-box;
8212
+ display: -webkit-inline-flex;
8213
+ display: -moz-inline-box;
8214
+ display: -ms-inline-flexbox;
8215
+ display: inline-flex;
8216
+ }
8217
+
8218
+ .premium-title-style7 {
8219
+ -js-display: inline-flex;
8220
+ display: -webkit-inline-box;
8221
+ display: -webkit-inline-flex;
8222
+ display: -moz-inline-box;
8223
+ display: -ms-inline-flexbox;
8224
+ display: inline-flex;
8225
+ -webkit-box-orient: vertical;
8226
+ -webkit-box-direction: normal;
8227
+ -webkit-flex-direction: column;
8228
+ -moz-box-orient: vertical;
8229
+ -moz-box-direction: normal;
8230
+ -ms-flex-direction: column;
8231
+ flex-direction: column;
8232
+ }
8233
+
8234
+ .premium-title-style7 .premium-title-style7-inner {
8235
+ -js-display: flex;
8236
+ display: -webkit-box;
8237
+ display: -webkit-flex;
8238
+ display: -moz-box;
8239
+ display: -ms-flexbox;
8240
+ display: flex;
8241
+ -webkit-box-align: center;
8242
+ -webkit-align-items: center;
8243
+ -moz-box-align: center;
8244
+ -ms-flex-align: center;
8245
+ align-items: center;
8246
+ }
8247
+
8248
+ .premium-title-style1 {
8249
+ border-width: 0;
8250
+ border-right: 3px solid #6ec1e4;
8251
+ }
8252
+
8253
+ .premium-title-container.style2,
8254
+ .premium-title-container.style4,
8255
+ .premium-title-container.style5,
8256
+ .premium-title-container.style6 {
8257
+ border-bottom: 3px solid #6ec1e4;
8258
+ }
8259
+
8260
+ /*Style 6 Header*/
8261
+ .premium-title-style6:before {
8262
+ position: absolute;
8263
+ right: 50%;
8264
+ bottom: 0;
8265
+ margin-right: -2px;
8266
+ content: "";
8267
+ border: 3px solid transparent;
8268
+ }
8269
+
8270
+ /*Style 6 Trinagle*/
8271
+ .premium-title-style7-stripe-wrap {
8272
+ -js-display: flex;
8273
+ display: -webkit-box;
8274
+ display: -webkit-flex;
8275
+ display: -moz-box;
8276
+ display: -ms-flexbox;
8277
+ display: flex;
8278
+ }
8279
+
8280
+ .premium-title-style7:before {
8281
+ display: none;
8282
+ }
8283
+
8284
+ .premium-title-style8 .premium-title-text[data-animation="shiny"] {
8285
+ -webkit-background-size: 125px 125px !important;
8286
+ background-size: 125px !important;
8287
+ color: rgba(255, 255, 255, 0);
8288
+ -webkit-background-clip: text !important;
8289
+ background-clip: text !important;
8290
+ -webkit-animation-name: pa-shinny-text !important;
8291
+ animation-name: pa-shinny-text !important;
8292
+ -webkit-animation-duration: var(--animation-speed) !important;
8293
+ animation-duration: var(--animation-speed) !important;
8294
+ -webkit-animation-iteration-count: infinite !important;
8295
+ animation-iteration-count: infinite !important;
8296
+ background: var(--base-color) -webkit-gradient(linear,
8297
+ left top,
8298
+ right top,
8299
+ from(var(--base-color)),
8300
+ to(var(--base-color)),
8301
+ color-stop(0.5, var(--shiny-color))) 0 0 no-repeat;
8302
+ }
8303
+
8304
+ .premium-title-style9[data-animation-blur="process"] .premium-title-style9-letter {
8305
+ -webkit-animation: pa-blur-shadow 2s 1 alternate;
8306
+ animation: pa-blur-shadow 2s 1 alternate;
8307
+ }
8308
+
8309
+ .premium-title-gradient-yes .premium-title-text,
8310
+ .premium-title-gradient-yes .premium-title-icon {
8311
+ -webkit-background-clip: text;
8312
+ -webkit-text-fill-color: transparent;
8313
+ background-image: -webkit-gradient(linear, left top, right top, from(#ffa648), color-stop(#f17cc1), to(#4da9fd));
8314
+ background-image: -webkit-linear-gradient(left, #ffa648, #f17cc1, #4da9fd);
8315
+ background-image: linear-gradient(to right, #ffa648, #f17cc1, #4da9fd);
8316
+ -webkit-animation: pa-text-gradient 8s infinite;
8317
+ animation: pa-text-gradient 8s infinite;
8318
+ }
8319
+
8320
+ .premium-title-clipped .premium-title-header {
8321
+ -webkit-text-fill-color: transparent;
8322
+ -webkit-background-clip: text;
8323
+ background-clip: text;
8324
+ }
8325
+
8326
+ @-webkit-keyframes pa-shinny-text {
8327
+ 0% {
8328
+ background-position: 100%;
8329
+ }
8330
+
8331
+ 100% {
8332
+ background-position: -100%;
8333
+ }
8334
+ }
8335
+
8336
+ @keyframes pa-shinny-text {
8337
+ 0% {
8338
+ background-position: 100%;
8339
+ }
8340
+
8341
+ 100% {
8342
+ background-position: -100%;
8343
+ }
8344
+ }
8345
+
8346
+ @-webkit-keyframes pa-blur-shadow {
8347
+ from {
8348
+ text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
8349
+ color: transparent;
8350
+ }
8351
+
8352
+ to {
8353
+ text-shadow: 0;
8354
+ }
8355
+ }
8356
+
8357
+ @keyframes pa-blur-shadow {
8358
+ from {
8359
+ text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
8360
+ color: transparent;
8361
+ }
8362
+
8363
+ to {
8364
+ text-shadow: 0;
8365
+ }
8366
+ }
8367
+
8368
+ @-webkit-keyframes pa-text-gradient {
8369
+
8370
+ 0%,
8371
+ 100% {
8372
+ -webkit-filter: hue-rotate(0deg);
8373
+ filter: hue-rotate(0deg);
8374
+ }
8375
+
8376
+ 50% {
8377
+ -webkit-filter: hue-rotate(360deg);
8378
+ filter: hue-rotate(360deg);
8379
+ }
8380
+ }
8381
+
8382
+ @keyframes pa-text-gradient {
8383
+
8384
+ 0%,
8385
+ 100% {
8386
+ -webkit-filter: hue-rotate(0deg);
8387
+ filter: hue-rotate(0deg);
8388
+ }
8389
+
8390
+ 50% {
8391
+ -webkit-filter: hue-rotate(360deg);
8392
+ filter: hue-rotate(360deg);
8393
+ }
8394
  }
8395
+ /**************** Premium Video Box ************/
8396
+ /***********************************************/
8397
+ .premium-video-box-transform {
8398
+ -webkit-transform: none !important;
8399
+ -ms-transform: none !important;
8400
+ transform: none !important;
 
8401
  }
8402
 
8403
+ .premium-video-box-container {
8404
+ -js-display: flex;
8405
+ display: -webkit-box;
8406
+ display: -webkit-flex;
8407
+ display: -moz-box;
8408
+ display: -ms-flexbox;
8409
+ display: flex;
8410
+ -webkit-box-orient: vertical;
8411
+ -webkit-box-direction: normal;
8412
+ -webkit-flex-direction: column;
8413
+ -moz-box-orient: vertical;
8414
+ -moz-box-direction: normal;
8415
+ -ms-flex-direction: column;
8416
+ flex-direction: column;
8417
  }
8418
 
8419
+ .premium-video-box-container>div {
8420
+ position: relative;
8421
+ overflow: hidden;
 
8422
  }
8423
 
8424
+ .pa-aspect-ratio-11 .premium-video-box-container>div {
8425
+ padding-bottom: 100%;
 
 
8426
  }
8427
 
8428
+ .pa-aspect-ratio-169 .premium-video-box-container>div {
8429
+ padding-bottom: 56.25%;
 
 
8430
  }
8431
 
8432
+ .pa-aspect-ratio-43 .premium-video-box-container>div {
8433
+ padding-bottom: 75%;
 
8434
  }
8435
 
8436
+ .pa-aspect-ratio-32 .premium-video-box-container>div {
8437
+ padding-bottom: 66.6666%;
 
8438
  }
8439
 
8440
+ .pa-aspect-ratio-219 .premium-video-box-container>div {
8441
+ padding-bottom: 42.8571%;
 
8442
  }
8443
 
8444
+ .pa-aspect-ratio-916 .premium-video-box-container>div {
8445
+ padding-bottom: 177.8%;
 
8446
  }
8447
 
8448
+ .premium-video-box-image-container {
8449
+ position: absolute;
8450
+ top: 0;
8451
+ right: 0;
8452
+ bottom: 0;
8453
+ left: 0;
8454
+ width: 100%;
8455
+ height: 100%;
8456
+ -webkit-background-size: cover;
8457
+ background-size: cover;
8458
+ background-position: 50%;
8459
+ cursor: pointer;
8460
+ margin: auto;
8461
+ -webkit-transition: 0.2s all;
8462
+ transition: 0.2s all;
8463
  }
8464
 
8465
+ .premium-video-box-play-icon-container {
8466
+ position: absolute;
8467
+ z-index: 2;
8468
+ cursor: pointer;
8469
+ -webkit-transform: translate(50%, -50%);
8470
+ -ms-transform: translate(50%, -50%);
8471
+ transform: translate(50%, -50%);
8472
+ background: rgba(252, 252, 252, 0.35);
8473
  }
8474
 
8475
+ .premium-video-box-description-container {
8476
+ position: absolute;
8477
+ z-index: 2;
8478
+ padding: 5px;
8479
+ text-align: center;
8480
+ cursor: pointer;
8481
+ -webkit-transform: translate(50%, -50%);
8482
+ -ms-transform: translate(50%, -50%);
8483
+ transform: translate(50%, -50%);
8484
  }
8485
 
8486
+ .premium-video-box-text {
8487
+ margin-bottom: 0 !important;
8488
+ -webkit-transition: all 0.3s ease-in-out;
8489
+ transition: all 0.3s ease-in-out;
8490
  }
8491
 
8492
+ .premium-video-box-play-icon {
8493
+ padding: 15px;
8494
+ -webkit-transform: translateX(-4%);
8495
+ -ms-transform: translateX(-4%);
8496
+ transform: translateX(-4%);
8497
+ -webkit-transition: all 0.3s ease-in-out;
8498
+ transition: all 0.3s ease-in-out;
8499
  }
8500
 
8501
+ .premium-video-box-video-container,
8502
+ .premium-vid-lightbox-container {
8503
+ position: absolute;
8504
+ top: 0;
8505
+ right: 0;
8506
+ z-index: 2;
8507
+ width: 100%;
8508
+ height: 100%;
8509
+ -webkit-transition: opacity 0.8s ease-in-out;
8510
+ transition: opacity 0.8s ease-in-out;
8511
+ overflow: hidden;
8512
+ cursor: pointer;
8513
  }
8514
 
8515
+ .premium-video-box-container[data-overlay="true"][data-type="self"] .premium-video-box-video-container {
8516
+ opacity: 0;
8517
+ visibility: hidden;
8518
  }
8519
 
8520
+ .premium-video-box-video-container iframe {
8521
+ max-width: 100%;
8522
+ width: 100%;
8523
+ height: 100%;
8524
+ margin: 0;
8525
+ line-height: 1;
8526
+ border: none;
 
 
 
 
 
 
 
 
 
 
8527
  }
8528
 
8529
+ .premium-video-box-video-container video {
8530
+ max-width: 100%;
8531
+ width: 100%;
8532
+ height: 100%;
8533
+ margin: 0;
8534
+ line-height: 1;
8535
+ border: none;
8536
+ background-color: #000;
8537
+ -o-object-fit: contain;
8538
+ object-fit: contain;
8539
  }
8540
 
8541
+ .premium-video-box-container .premium-video-box-vimeo-wrap {
8542
+ -js-display: flex;
8543
+ display: -webkit-box;
8544
+ display: -webkit-flex;
8545
+ display: -moz-box;
8546
+ display: -ms-flexbox;
8547
+ display: flex;
8548
+ position: absolute;
8549
+ top: 0;
8550
+ right: 0;
8551
+ z-index: 3;
8552
+ margin: 10px;
8553
+ margin-left: 10px;
8554
+ -webkit-transition: opacity 0.2s ease-out;
8555
+ transition: opacity 0.2s ease-out;
8556
+ margin-left: 4.6em;
8557
  }
8558
 
8559
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-portrait {
8560
+ width: 60px;
8561
+ height: 60px;
8562
+ background: rgba(23, 35, 34, 0.75);
8563
+ margin-left: 1px;
8564
+ -webkit-box-flex: 1;
8565
+ -webkit-flex: 1 0 auto;
8566
+ -moz-box-flex: 1;
8567
+ -ms-flex: 1 0 auto;
8568
+ flex: 1 0 auto;
8569
+ padding: 0;
8570
  }
8571
 
8572
+ .premium-video-box-vimeo-portrait img {
8573
+ width: 50px;
8574
+ height: 50px;
8575
+ margin: 5px;
8576
+ padding: 0;
8577
+ border: 0;
8578
+ -webkit-border-radius: 50%;
8579
+ border-radius: 50%;
 
8580
  }
8581
 
8582
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-headers {
8583
+ font-size: 10px;
 
 
 
 
 
 
 
 
 
 
 
 
8584
  }
8585
 
8586
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-title {
8587
+ max-width: 100%;
8588
+ font-size: 2em !important;
8589
+ font-weight: 700;
8590
+ margin: 0;
8591
+ padding: 0.1em 0.2em;
8592
+ background: rgba(23, 35, 34, 0.75);
8593
+ display: inline-block;
8594
+ text-transform: none;
8595
+ line-height: normal;
8596
+ letter-spacing: normal;
8597
  }
8598
 
8599
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-byline {
8600
+ font-size: 1.2em !important;
8601
+ font-weight: 400;
8602
+ color: #fff;
8603
+ margin-top: 0.1em;
8604
+ padding: 0.2em 0.5em;
8605
+ background: rgba(23, 35, 34, 0.75);
8606
+ text-transform: none;
8607
+ line-height: normal;
8608
+ letter-spacing: normal;
8609
  }
8610
 
8611
+ .premium-video-box-playlist-container {
8612
+ -js-display: flex;
8613
+ display: -webkit-box;
8614
+ display: -webkit-flex;
8615
+ display: -moz-box;
8616
+ display: -ms-flexbox;
8617
+ display: flex;
8618
+ -webkit-flex-wrap: wrap;
8619
+ -ms-flex-wrap: wrap;
8620
+ flex-wrap: wrap;
8621
  }
8622
 
8623
+ .premium-video-box-playlist-container .premium-video-box-container {
8624
+ height: 100%;
8625
+ overflow: hidden;
8626
  }
8627
 
8628
+ .premium-video-box-container:hover .premium-video-box-image-container.zoomin {
8629
+ -webkit-transform: scale(1.1);
8630
+ -ms-transform: scale(1.1);
8631
+ transform: scale(1.1);
8632
  }
8633
 
8634
+ .premium-video-box-container:hover .premium-video-box-image-container.zoomout {
8635
+ -webkit-transform: scale(1);
8636
+ -ms-transform: scale(1);
8637
+ transform: scale(1);
8638
  }
8639
 
8640
+ .premium-video-box-container:hover .premium-video-box-image-container.scale {
8641
+ -webkit-transform: scale(1.3) rotate(-5deg);
8642
+ -ms-transform: scale(1.3) rotate(-5deg);
8643
+ transform: scale(1.3) rotate(-5deg);
 
 
 
 
 
 
 
 
 
 
 
 
 
 
8644
  }
8645
 
8646
+ .premium-video-box-container:hover .premium-video-box-image-container.gray {
8647
+ -webkit-filter: grayscale(0%);
8648
+ filter: grayscale(0%);
8649
  }
8650
 
8651
+ .premium-video-box-container:hover .premium-video-box-image-container.blur {
8652
+ -webkit-filter: blur(3px);
8653
+ filter: blur(3px);
 
8654
  }
8655
 
8656
+ .premium-video-box-container:hover .premium-video-box-image-container.sepia {
8657
+ -webkit-filter: sepia(0%);
8658
+ filter: sepia(0%);
 
 
 
 
 
 
 
 
 
 
 
 
8659
  }
8660
 
8661
+ .premium-video-box-container:hover .premium-video-box-image-container.trans {
8662
+ -webkit-transform: translateX(0px) scale(1.1);
8663
+ -ms-transform: translateX(0px) scale(1.1);
8664
+ transform: translateX(0px) scale(1.1);
 
 
 
8665
  }
8666
 
8667
+ .premium-video-box-container:hover .premium-video-box-image-container.bright {
8668
+ -webkit-filter: brightness(1.2);
8669
+ filter: brightness(1.2);
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
8670
  }
8671
 
8672
+ .premium-video-box-image-container.gray {
8673
+ -webkit-filter: grayscale(100%);
8674
+ filter: grayscale(100%);
8675
  }
8676
 
8677
+ .premium-video-box-image-container.zoomout,
8678
+ .premium-video-box-image-container.scale {
8679
+ -webkit-transform: scale(1.2);
8680
+ -ms-transform: scale(1.2);
8681
+ transform: scale(1.2);
 
 
 
 
 
 
 
 
 
 
 
 
8682
  }
8683
 
8684
+ .premium-video-box-image-container.sepia {
8685
+ -webkit-filter: sepia(30%);
8686
+ filter: sepia(30%);
 
 
 
 
 
 
 
 
 
8687
  }
8688
 
8689
+ .premium-video-box-image-container.bright {
8690
+ -webkit-filter: brightness(1);
8691
+ filter: brightness(1);
 
 
8692
  }
8693
 
8694
+ .premium-video-box-image-container.trans {
8695
+ -webkit-transform: translateX(15px) scale(1.1);
8696
+ -ms-transform: translateX(15px) scale(1.1);
8697
+ transform: translateX(15px) scale(1.1);
8698
  }
8699
 
8700
+ .premium-video-box-mask-media {
8701
+ -webkit-mask-repeat: no-repeat;
8702
+ mask-repeat: no-repeat;
 
 
 
 
 
 
 
8703
  }
8704
 
8705
+ /* Sticky Video Option */
8706
+ .premium-video-box-container.premium-video-box-sticky-apply {
8707
+ z-index: 99;
8708
+ overflow: unset;
 
 
 
 
 
 
 
 
 
 
 
 
8709
  }
8710
 
8711
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
8712
+ position: fixed !important;
8713
+ z-index: 99999;
8714
+ height: 225px;
8715
+ width: 400px;
8716
+ background: #fff;
8717
  }
8718
 
8719
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-vimeo-wrap,
8720
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-container:before {
8721
+ visibility: hidden;
 
 
 
 
 
 
 
 
 
8722
  }
8723
 
8724
+ .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 {
8725
+ -webkit-box-shadow: unset;
8726
+ box-shadow: unset;
 
 
 
8727
  }
8728
 
8729
+ .premium-video-box-sticky-close,
8730
+ .premium-video-box-sticky-infobar {
8731
+ display: none;
 
 
 
8732
  }
8733
 
8734
+ .premium-video-box-sticky-apply .premium-video-box-sticky-close {
8735
+ position: absolute;
8736
+ padding: 5px;
8737
+ cursor: pointer;
8738
+ z-index: 99999;
8739
+ height: 14px;
8740
+ width: 14px;
8741
+ -webkit-box-sizing: content-box;
8742
+ -moz-box-sizing: content-box;
8743
+ box-sizing: content-box;
8744
+ -webkit-border-radius: 100%;
8745
+ border-radius: 100%;
8746
+ -js-display: flex;
8747
+ display: -webkit-box;
8748
+ display: -webkit-flex;
8749
+ display: -moz-box;
8750
+ display: -ms-flexbox;
8751
+ display: flex;
8752
+ -webkit-box-pack: center;
8753
+ -webkit-justify-content: center;
8754
+ -moz-box-pack: center;
8755
+ -ms-flex-pack: center;
8756
+ justify-content: center;
8757
+ -webkit-box-align: center;
8758
+ -webkit-align-items: center;
8759
+ -moz-box-align: center;
8760
+ -ms-flex-align: center;
8761
+ align-items: center;
8762
  }
8763
 
8764
+ .premium-video-box-sticky-apply .premium-video-box-play-icon-container {
8765
+ -js-display: flex;
8766
+ display: -webkit-box;
8767
+ display: -webkit-flex;
8768
+ display: -moz-box;
8769
+ display: -ms-flexbox;
8770
+ display: flex;
8771
  }
8772
 
8773
+ .premium-video-box-sticky-apply .premium-video-box-play-icon {
8774
+ -webkit-transition: none;
8775
+ transition: none;
 
 
8776
  }
8777
 
8778
+ .premium-video-box-sticky-apply .premium-video-box-sticky-infobar {
8779
+ display: block;
8780
+ position: relative;
8781
+ top: 100%;
8782
+ width: 100%;
8783
+ padding: 5px;
8784
+ text-align: center;
8785
+ z-index: 9999;
8786
+ margin-top: -1px;
 
 
 
8787
  }
8788
 
8789
+ .premium-video-box-sticky-apply .premium-video-box-inner-wrap.ui-draggable {
8790
+ cursor: move;
 
 
 
 
 
 
8791
  }
8792
 
8793
+ .premium-video-sticky-top-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
8794
+ left: auto;
8795
+ right: 20px;
8796
+ top: 20px;
 
 
 
 
8797
  }
8798
 
8799
+ .premium-video-sticky-bottom-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
8800
+ left: auto;
8801
+ right: 20px;
8802
+ bottom: 20px;
 
 
 
 
 
 
 
 
 
 
 
8803
  }
8804
 
8805
+ .premium-video-sticky-top-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
8806
+ right: auto;
8807
+ left: 20px;
8808
+ top: 20px;
 
8809
  }
8810
 
8811
+ .premium-video-sticky-bottom-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
8812
+ right: auto;
8813
+ left: 20px;
8814
+ bottom: 20px;
 
 
 
 
 
 
 
8815
  }
8816
 
8817
+ .premium-video-sticky-center-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
8818
+ left: auto;
8819
+ right: 20px;
8820
+ top: 50%;
8821
+ -webkit-transform: translateY(-50%);
8822
+ -ms-transform: translateY(-50%);
8823
+ transform: translateY(-50%);
8824
  }
8825
 
8826
+ .premium-video-sticky-center-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
8827
+ right: auto;
8828
+ left: 20px;
8829
+ top: 50%;
8830
+ -webkit-transform: translateY(-50%);
8831
+ -ms-transform: translateY(-50%);
8832
+ transform: translateY(-50%);
8833
  }
8834
 
8835
+ .premium-video-sticky-bottom-right .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap,
8836
+ .premium-video-sticky-bottom-left .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
8837
+ bottom: 55px;
 
 
 
8838
  }
8839
 
8840
+ .premium-video-sticky-top-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
8841
+ .premium-video-sticky-bottom-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
8842
+ .premium-video-sticky-center-left .premium-video-box-sticky-apply .premium-video-box-sticky-close {
8843
+ top: -10px;
8844
+ left: -10px;
8845
  }
8846
 
8847
+ .premium-video-sticky-top-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
8848
+ .premium-video-sticky-bottom-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
8849
+ .premium-video-sticky-center-right .premium-video-box-sticky-apply .premium-video-box-sticky-close {
8850
+ top: -10px;
8851
+ right: -10px;
8852
  }
8853
 
8854
+ .premium-video-box-filter-sticky {
8855
+ -webkit-filter: none !important;
8856
+ filter: none !important;
 
 
 
8857
  }
8858
+ /************ Premium Vertical Scroll ************/
8859
+ /*************************************************/
8860
+ .premium-vscroll-inner {
8861
+ position: relative;
8862
+ /* overflow: hidden;
8863
  */
8864
+ min-height: 100%;
 
 
 
 
 
 
 
 
8865
  }
8866
 
8867
+ .premium-vscroll-inner .premium-vscroll-dots {
8868
+ position: fixed;
8869
+ z-index: 100;
8870
+ opacity: 1;
8871
+ margin-top: -32px;
8872
+ -webkit-transition: all 0.3s ease-in-out;
8873
+ transition: all 0.3s ease-in-out;
8874
  }
8875
 
8876
+ .premium-vscroll-wrap .premium-vscroll-nav-menu {
8877
+ opacity: 1;
8878
+ -webkit-transition: all 0.3s ease-in-out;
8879
+ transition: all 0.3s ease-in-out;
 
 
 
 
 
 
 
 
 
 
8880
  }
8881
 
8882
+ .premium-vscroll-inner .premium-vscroll-dots,
8883
+ .premium-vscroll-wrap .premium-vscroll-dots-hide {
8884
+ opacity: 0;
8885
+ visibility: hidden;
8886
  }
8887
 
8888
+ .premium-vscroll-nav-dots-yes .premium-vscroll-inner .premium-vscroll-dots {
8889
+ opacity: 1;
8890
+ visibility: visible;
 
 
 
8891
  }
8892
 
8893
+ .premium-vscroll-dots.middle {
8894
+ top: 50%;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
8895
  }
8896
 
8897
+ .premium-vscroll-dots.top {
8898
+ top: 40px;
 
 
 
 
 
 
 
 
 
 
 
 
 
8899
  }
8900
 
8901
+ .premium-vscroll-dots.bottom {
8902
+ bottom: 30px;
 
 
 
 
 
 
 
 
 
 
8903
  }
8904
 
8905
+ .premium-vscroll-dots.right {
8906
+ left: 17px;
 
 
 
 
 
 
8907
  }
8908
 
8909
+ .premium-vscroll-dots.left {
8910
+ right: 17px;
8911
  }
8912
 
8913
+ .premium-vscroll-inner ul.premium-vscroll-dots-list,
8914
+ .premium-vscroll-wrap .premium-vscroll-nav-menu {
8915
+ margin: 0 !important;
8916
+ padding: 0;
 
8917
  }
8918
 
8919
+ .premium-vscroll-inner ul.premium-vscroll-dots-list li {
8920
+ width: 14px;
8921
+ height: 13px;
8922
+ margin: 7px;
8923
+ position: relative;
8924
+ display: -webkit-box;
8925
+ display: -webkit-flex;
8926
+ display: -ms-flexbox;
8927
+ -js-display: flex;
8928
+ display: -moz-box;
8929
+ display: flex;
8930
+ -webkit-box-pack: center;
8931
+ -ms-flex-pack: center;
8932
+ -webkit-justify-content: center;
8933
+ -moz-box-pack: center;
8934
+ justify-content: center;
8935
+ -webkit-box-align: center;
8936
+ -ms-flex-align: center;
8937
+ -webkit-align-items: center;
8938
+ -moz-box-align: center;
8939
+ align-items: center;
8940
+ overflow: visible;
8941
  }
8942
 
8943
+ .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link {
8944
+ display: block;
8945
+ position: relative;
8946
+ z-index: 1;
8947
+ width: 100%;
8948
+ height: 100%;
8949
+ cursor: pointer;
8950
+ text-decoration: none;
8951
  }
8952
 
8953
+ .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link span {
8954
+ top: 2px;
8955
+ right: 2.5px;
8956
+ width: 8px;
8957
+ height: 8px;
8958
+ border: 1px solid #000;
8959
+ -webkit-border-radius: 50%;
8960
+ border-radius: 50%;
8961
+ position: absolute;
8962
+ z-index: 1;
8963
+ -webkit-transition: all 0.3s ease-in-out;
8964
+ transition: all 0.3s ease-in-out;
8965
  }
8966
 
8967
+ .premium-vscroll-inner .premium-vscroll-dot-item.active .premium-vscroll-nav-link span {
8968
+ -webkit-transform: scale(1.6);
8969
+ -ms-transform: scale(1.6);
8970
+ transform: scale(1.6);
8971
  }
8972
 
8973
+ .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-tooltip {
8974
+ position: absolute;
8975
+ color: #fff;
8976
+ font-size: 14px;
8977
+ font-family: arial, helvetica, sans-serif;
8978
+ white-space: nowrap;
8979
+ max-width: 220px;
8980
+ padding-right: 0.4em;
8981
+ padding-left: 0.4em;
8982
  }
8983
 
8984
+ .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip {
8985
+ left: 27px;
 
 
 
 
 
 
8986
  }
8987
 
8988
+ /* * Lines */
8989
+ .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item {
8990
+ width: 4px;
8991
+ height: 30px;
8992
  }
8993
 
8994
+ .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item span {
8995
+ width: 100%;
8996
+ height: 100%;
8997
+ -webkit-border-radius: 0;
8998
+ border-radius: 0;
 
 
 
 
 
 
 
8999
  }
9000
 
9001
+ .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item.active span {
9002
+ -webkit-transform: scale(1);
9003
+ -ms-transform: scale(1);
9004
+ transform: scale(1);
9005
  }
9006
 
9007
+ @media (max-width: 768px) {
9008
+ .premium-vscroll-dots.right {
9009
+ left: 7px;
9010
+ }
9011
 
9012
+ .premium-vscroll-dots.left {
9013
+ right: 7px;
9014
+ }
9015
  }
9016
 
9017
+ .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip::after {
9018
+ position: absolute;
9019
+ top: 50%;
9020
+ content: "";
9021
+ right: -webkit-calc(100% - 1px);
9022
+ right: calc(100% - 1px);
9023
+ width: 10px;
9024
+ height: 0;
9025
+ border-top: 6px solid transparent;
9026
+ border-bottom: 6px solid transparent;
9027
+ border-right: 6px solid;
9028
+ -webkit-transform: translateY(-50%);
9029
+ -ms-transform: translateY(-50%);
9030
+ transform: translateY(-50%);
9031
  }
9032
 
9033
+ .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip::after {
9034
+ position: absolute;
9035
+ top: 50%;
9036
+ content: "";
9037
+ left: -webkit-calc(100% - 1px);
9038
+ left: calc(100% - 1px);
9039
+ width: 10px;
9040
+ height: 0;
9041
+ border-top: 6px solid transparent;
9042
+ border-bottom: 6px solid transparent;
9043
+ border-left: 6px solid;
9044
+ -webkit-transform: translateY(-50%);
9045
+ -ms-transform: translateY(-50%);
9046
+ transform: translateY(-50%);
9047
  }
9048
 
9049
+ .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip {
9050
+ right: 27px;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
9051
  }
9052
 
9053
+ .premium-vscroll-nav-menu {
9054
+ position: fixed;
9055
+ top: 20px;
9056
+ height: 40px;
9057
+ z-index: 100;
9058
+ padding: 0;
9059
+ margin: 0;
 
9060
  }
9061
 
9062
+ .premium-vscroll-nav-menu.left {
9063
+ right: 0;
9064
  }
9065
 
9066
+ .premium-vscroll-nav-menu.right {
9067
+ left: 0;
9068
  }
9069
 
9070
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item {
9071
+ display: inline-block;
9072
+ margin: 10px;
9073
+ color: #000;
9074
+ background: #fff;
9075
+ background: rgba(255, 255, 255, 0.3);
9076
  }
9077
 
9078
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link {
9079
+ padding: 9px 18px;
9080
+ display: block;
9081
+ cursor: pointer;
9082
  }
9083
 
9084
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link,
9085
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:hover {
9086
+ color: #000;
9087
  }
9088
 
9089
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:focus,
9090
+ .multiscroll-nav li a:focus {
9091
+ outline: none;
 
 
9092
  }
9093
 
9094
+ .premium-vscroll-temp .slimScrollBar {
9095
+ visibility: hidden;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
9096
  }
9097
+ /********** Premium Woo Products **********/
9098
+ /******************************************/
9099
+ .ast-single-post .entry-content .premium-woocommerce a {
9100
+ text-decoration: none;
9101
+ }
9102
+
9103
+ .premium-woocommerce .premium-woo-qv-btn {
9104
+ cursor: pointer;
9105
+ }
9106
+
9107
+ .premium-woocommerce:not(.premium-woo-skin-grid-7) li.product .star-rating {
9108
+ margin: 0 auto 0.5em;
9109
+ }
9110
+
9111
+ .premium-woocommerce:not(.premium-woo-skin-grid-10) .premium-woo-product-sale-wrap .premium-woo-product-onsale,
9112
+ .premium-woocommerce:not(.premium-woo-skin-grid-10) .premium-woo-product-featured-wrap .premium-woo-product-featured {
9113
+ display: block;
9114
+ text-align: center;
9115
+ color: #fff;
9116
+ min-width: 2em;
9117
+ min-height: 2em;
9118
+ line-height: 2em;
9119
+ padding: 0.3em 0.6em;
9120
+ margin: 0.5em 0.6em;
9121
+ }
9122
+
9123
+ .premium-woocommerce .pa-out-of-stock {
9124
+ display: block;
9125
+ text-align: center;
9126
+ color: #fff;
9127
+ min-width: 2em;
9128
+ min-height: 2em;
9129
+ line-height: 2em;
9130
+ padding: 0.3em 0.6em;
9131
+ margin: 0.5em 0.6em;
9132
+ }
9133
+
9134
+ .premium-woocommerce .premium-woo-products-inner ul.products {
9135
+ -js-display: flex;
9136
+ display: -webkit-box;
9137
+ display: -webkit-flex;
9138
+ display: -moz-box;
9139
+ display: -ms-flexbox;
9140
+ display: flex;
9141
+ margin: 0;
9142
+ padding: 0;
9143
+ -webkit-flex-wrap: wrap;
9144
+ -ms-flex-wrap: wrap;
9145
+ flex-wrap: wrap;
9146
+ list-style: none outside;
9147
+ -webkit-column-gap: 0;
9148
+ -moz-column-gap: 0;
9149
+ column-gap: 0;
9150
+ }
9151
+
9152
+ .premium-woocommerce .premium-woo-products-inner ul.products li.product {
9153
+ margin: 0 0 10px;
9154
+ padding: 0 10px;
9155
+ }
9156
+
9157
+ .premium-woocommerce.premium-woo-products-inner ul.products li.product .premium-woo-product-wrapper {
9158
+ overflow: hidden;
9159
+ -webkit-transition: all 0.3s ease-in-out;
9160
+ transition: all 0.3s ease-in-out;
9161
+ }
9162
+
9163
+ .premium-woocommerce .premium-woo-product-category {
9164
+ display: block;
9165
+ font-size: 0.85em;
9166
+ margin-bottom: 0.5em;
9167
+ line-height: 1.3;
9168
+ }
9169
+
9170
+ .premium-woocommerce .woocommerce-loop-product__title {
9171
+ margin-bottom: 0.5em;
9172
+ font-size: 1em;
9173
+ -webkit-transition: all 0.3s ease-in-out;
9174
+ transition: all 0.3s ease-in-out;
9175
+ }
9176
+
9177
+ .premium-woocommerce .woocommerce-loop-product__link {
9178
+ position: relative;
9179
+ display: block !important;
9180
+ overflow: hidden;
9181
+ -webkit-transition: all 0.3s ease-in-out;
9182
+ transition: all 0.3s ease-in-out;
9183
+ }
9184
+
9185
+ .premium-woocommerce .premium-woo-ribbon-container,
9186
+ .premium-woocommerce .pa-out-of-stock {
9187
+ position: absolute;
9188
+ z-index: 9;
9189
+ }
9190
+
9191
+ .premium-woocommerce .premium-woo-ribbon-container {
9192
+ top: 0;
9193
+ right: 0;
9194
+ }
9195
+
9196
+ .premium-woocommerce .pa-out-of-stock {
9197
+ top: 7px;
9198
+ right: 9px;
9199
+ margin: 0;
9200
+ }
9201
+
9202
+ .premium-woocommerce .star-rating {
9203
+ display: block;
9204
+ float: none;
9205
+ margin: 0 auto 0.5em;
9206
+ -webkit-backface-visibility: hidden;
9207
+ backface-visibility: hidden;
9208
+ overflow: hidden;
9209
+ position: relative;
9210
+ height: 1em;
9211
+ line-height: 1;
9212
+ font-size: 0.857em;
9213
+ width: 5.4em;
9214
+ font-family: star;
9215
+ }
9216
+
9217
+ .premium-woocommerce .star-rating::before {
9218
+ content: "\73\73\73\73\73";
9219
+ color: #54595f;
9220
+ float: right;
9221
+ top: 0;
9222
+ right: 0;
9223
+ position: absolute;
9224
+ }
9225
+
9226
+ .premium-woocommerce .premium-woo-products-inner ul.products .star-rating span {
9227
+ overflow: hidden;
9228
+ float: right;
9229
+ top: 0;
9230
+ right: 0;
9231
+ position: absolute;
9232
+ padding-top: 1.5em;
9233
+ }
9234
+
9235
+ .premium-woocommerce .star-rating span::before {
9236
+ content: "\53\53\53\53\53";
9237
+ color: inherit;
9238
+ top: 0;
9239
+ position: absolute;
9240
+ right: 0;
9241
+ }
9242
+
9243
+ .premium-woo-product-thumbnail {
9244
+ position: relative;
9245
+ overflow: hidden;
9246
+ }
9247
+
9248
+ .premium-woo-product-thumbnail .woocommerce-loop-product__link img {
9249
+ margin: 0;
9250
+ width: 100%;
9251
+ }
9252
+
9253
+ .premium-woo-product-sale-wrap,
9254
+ .premium-woo-product-featured-wrap {
9255
+ margin: 0;
9256
+ }
9257
+
9258
+ .premium-woocommerce .premium-woo-products-details-wrap {
9259
+ padding: 1em 1.2em;
9260
+ }
9261
+
9262
+ .premium-woocommerce .premium-woo-products-details-wrap .button {
9263
+ display: inline-block;
9264
+ background-color: #6ec1e4;
9265
+ color: #fff;
9266
+ margin: 0.5em 0;
9267
+ line-height: 1.3;
9268
+ padding: 10px 40px;
9269
+ font-size: 100%;
9270
+ cursor: pointer;
9271
+ text-decoration: none;
9272
+ overflow: visible;
9273
+ font-weight: 700;
9274
+ background-image: none;
9275
+ border: none;
9276
+ -webkit-border-radius: 0px;
9277
+ border-radius: 0px;
9278
+ -webkit-box-shadow: none;
9279
+ box-shadow: none;
9280
+ text-shadow: none;
9281
+ -webkit-transition: all 0.3s ease-in-out;
9282
+ transition: all 0.3s ease-in-out;
9283
+ }
9284
+
9285
+ .premium-woocommerce li.product .price {
9286
+ display: block;
9287
+ line-height: 1.3;
9288
+ font-weight: 700;
9289
+ margin-bottom: 0.5em;
9290
+ font-size: 0.9em;
9291
+ }
9292
+
9293
+ .premium-woocommerce li.product .price del {
9294
+ display: inline-block;
9295
+ font-weight: 400;
9296
+ background: transparent;
9297
+ opacity: 1;
9298
+ }
9299
+
9300
+ .premium-woocommerce li.product .price ins {
9301
+ display: inline-block;
9302
+ background: transparent;
9303
+ text-decoration: none;
9304
+ font-weight: inherit;
9305
+ }
9306
+
9307
+ .premium-woocommerce li.product .price .amount {
9308
+ color: inherit !important;
9309
+ }
9310
+
9311
+ .premium-woocommerce li.product .premium-woo-product-desc p {
9312
+ margin: 0;
9313
+ }
9314
+
9315
+ .premium-woo-product-align-left .premium-woocommerce li.product .star-rating {
9316
+ margin-right: auto;
9317
+ margin-left: 0;
9318
+ }
9319
+
9320
+ .premium-woo-product-align-center .premium-woocommerce li.product .star-rating {
9321
+ margin-right: auto;
9322
+ margin-left: auto;
9323
+ }
9324
+
9325
+ .premium-woo-product-align-right .premium-woocommerce li.product .star-rating {
9326
+ margin-right: 0;
9327
+ margin-left: auto;
9328
+ }
9329
+
9330
+ .premium-woo-products-pagination ul.page-numbers {
9331
+ -js-display: flex;
9332
+ display: -webkit-box;
9333
+ display: -webkit-flex;
9334
+ display: -moz-box;
9335
+ display: -ms-flexbox;
9336
+ display: flex;
9337
+ list-style-type: none;
9338
+ margin: 0;
9339
+ margin-top: 10px;
9340
+ padding: 0;
9341
+ border: none;
9342
+ -webkit-box-pack: center;
9343
+ -webkit-justify-content: center;
9344
+ -moz-box-pack: center;
9345
+ -ms-flex-pack: center;
9346
+ justify-content: center;
9347
+ }
9348
+
9349
+ .premium-woo-products-pagination ul.page-numbers li {
9350
+ margin: 0 0 0.4em 0.4em;
9351
+ padding: 0;
9352
+ text-align: center;
9353
+ }
9354
+
9355
+ .premium-woo-products-pagination ul.page-numbers li .page-numbers {
9356
+ margin: 0;
9357
+ text-decoration: none;
9358
+ color: #000;
9359
+ border: 1px solid #54595f;
9360
+ padding: 0;
9361
+ line-height: 1;
9362
+ font-size: 1em;
9363
+ font-weight: 400;
9364
+ padding: 0.75em;
9365
+ display: block;
9366
+ min-width: 2.5em;
9367
+ -webkit-transition: all 0.3s ease-in-out;
9368
+ transition: all 0.3s ease-in-out;
9369
+ }
9370
+
9371
+ .premium-woo-products-pagination ul.page-numbers li .page-numbers:hover,
9372
+ .premium-woo-products-pagination ul.page-numbers li .page-numbers.current {
9373
+ background-color: #54595f;
9374
+ color: #fff;
9375
+ outline: none;
9376
+ }
9377
+
9378
+ .premium-woocommerce .premium-loading-feed,
9379
+ .premium-woo-quick-view-loader .premium-loading-feed {
9380
+ display: block;
9381
+ position: absolute;
9382
+ width: 100%;
9383
+ height: 100%;
9384
+ top: 0px;
9385
+ right: 0px;
9386
+ bottom: 0px;
9387
+ left: 0px;
9388
+ background: rgba(255, 255, 255, 0.2);
9389
+ -js-display: flex;
9390
+ display: -webkit-box;
9391
+ display: -webkit-flex;
9392
+ display: -moz-box;
9393
+ display: -ms-flexbox;
9394
+ display: flex;
9395
+ -webkit-box-align: center;
9396
+ -webkit-align-items: center;
9397
+ -moz-box-align: center;
9398
+ -ms-flex-align: center;
9399
+ align-items: center;
9400
+ }
9401
+
9402
+ /**
9403
+ * Image Hover Effects
9404
+ */
9405
+ .premium-woocommerce .woocommerce-loop-product__link img {
9406
+ -webkit-transition: all 0.3s ease-in-out;
9407
+ transition: all 0.3s ease-in-out;
9408
+ }
9409
+
9410
+ .premium-woo-product__hover-zoomout .woocommerce-loop-product__link img {
9411
+ -webkit-transform: scale(1.2);
9412
+ -ms-transform: scale(1.2);
9413
+ transform: scale(1.2);
9414
+ }
9415
+
9416
+ .premium-woo-product__hover-zoomout li.product:hover .woocommerce-loop-product__link img {
9417
+ -webkit-transform: none;
9418
+ -ms-transform: none;
9419
+ transform: none;
9420
+ }
9421
+
9422
+ .premium-woo-product__hover-zoomin .woocommerce-loop-product__link img {
9423
+ -webkit-transform: none;
9424
+ -ms-transform: none;
9425
+ transform: none;
9426
+ }
9427
+
9428
+ .premium-woo-product__hover-zoomin li.product:hover .woocommerce-loop-product__link img {
9429
+ -webkit-transform: scale(1.2);
9430
+ -ms-transform: scale(1.2);
9431
+ transform: scale(1.2);
9432
+ }
9433
+
9434
+ .premium-woo-product__hover-gray .woocommerce-loop-product__link img {
9435
+ -webkit-filter: grayscale(100%);
9436
+ filter: grayscale(100%);
9437
+ }
9438
+
9439
+ .premium-woo-product__hover-gray li.product:hover .woocommerce-loop-product__link img {
9440
+ -webkit-filter: grayscale(0%);
9441
+ filter: grayscale(0%);
9442
+ }
9443
+
9444
+ .premium-woo-product__hover-sepia .woocommerce-loop-product__link img {
9445
+ -webkit-filter: sepia(30%);
9446
+ filter: sepia(30%);
9447
+ }
9448
+
9449
+ .premium-woo-product__hover-sepia li.product:hover .woocommerce-loop-product__link img {
9450
+ -webkit-filter: sepia(0%);
9451
+ filter: sepia(0%);
9452
+ }
9453
+
9454
+ .premium-woo-product__hover-bright .woocommerce-loop-product__link img {
9455
+ -webkit-filter: brightness(1);
9456
+ filter: brightness(1);
9457
+ }
9458
+
9459
+ .premium-woo-product__hover-bright li.product:hover .woocommerce-loop-product__link img {
9460
+ -webkit-filter: brightness(1.2);
9461
+ filter: brightness(1.2);
9462
+ }
9463
+
9464
+ .premium-woo-product__hover-trans .woocommerce-loop-product__link img {
9465
+ -webkit-transform: translateX(15px) scale(1.1);
9466
+ -ms-transform: translateX(15px) scale(1.1);
9467
+ transform: translateX(15px) scale(1.1);
9468
+ }
9469
+
9470
+ .premium-woo-product__hover-trans li.product:hover .woocommerce-loop-product__link img {
9471
+ -webkit-transform: translateX(0px) scale(1.1);
9472
+ -ms-transform: translateX(0px) scale(1.1);
9473
+ transform: translateX(0px) scale(1.1);
9474
+ }
9475
+
9476
+ .premium-woo-product__hover-scale li.product:hover .woocommerce-loop-product__link img {
9477
+ -webkit-transform: scaleX(1.3) scaleY(1.3) rotate(-5deg);
9478
+ -ms-transform: scaleX(1.3) scaleY(1.3) rotate(-5deg);
9479
+ transform: scaleX(1.3) scaleY(1.3) rotate(-5deg);
9480
+ }
9481
+
9482
+ .premium-woocommerce .premium-woo-product__on_hover {
9483
+ position: absolute;
9484
+ top: 0;
9485
+ left: 0;
9486
+ bottom: 0;
9487
+ right: 0;
9488
+ height: 100%;
9489
+ opacity: 0;
9490
+ }
9491
+
9492
+ .premium-woo-product__hover-swap li.product:hover .premium-woo-product__on_hover {
9493
+ opacity: 1;
9494
+ }
9495
+
9496
+ .premium-woo-skin-grid-1 .premium-woo-qv-btn,
9497
+ .premium-woo-skin-grid-3 .premium-woo-qv-btn,
9498
+ .premium-woo-skin-grid-4 .premium-woo-qv-btn {
9499
+ position: absolute;
9500
+ bottom: 0;
9501
+ right: 0;
9502
+ width: 100%;
9503
+ text-align: center;
9504
+ padding: 5px;
9505
+ background: rgba(2, 2, 2, 0.5);
9506
+ color: #fff;
9507
+ -webkit-transition: all 0.3s ease-in-out;
9508
+ transition: all 0.3s ease-in-out;
9509
+ z-index: 2;
9510
+ -webkit-transform: translateY(100%);
9511
+ -ms-transform: translateY(100%);
9512
+ transform: translateY(100%);
9513
+ }
9514
+
9515
+ .premium-woo-skin-grid-4 .premium-woo-qv-btn {
9516
+ -webkit-transition-delay: 0.1s;
9517
+ transition-delay: 0.1s;
9518
+ }
9519
+
9520
+ .premium-woo-skin-grid-1 .premium-woo-qv-icon,
9521
+ .premium-woo-skin-grid-3 .premium-woo-qv-icon,
9522
+ .premium-woo-skin-grid-4 .premium-woo-qv-icon,
9523
+ .premium-woo-skin-grid-6 .premium-woo-qv-icon {
9524
+ margin-right: 0.5em;
9525
+ }
9526
+
9527
+ .premium-woo-product-thumbnail:hover .premium-woo-qv-btn-translate {
9528
+ -webkit-transform: translateY(0);
9529
+ -ms-transform: translateY(0);
9530
+ transform: translateY(0);
9531
+ }
9532
+
9533
+ .premium-woo-product-wrapper .premium-woo-qv-data {
9534
+ position: absolute;
9535
+ top: 0;
9536
+ right: 0;
9537
+ width: 100%;
9538
+ height: 100%;
9539
+ z-index: 1;
9540
+ overflow: hidden;
9541
+ cursor: pointer;
9542
+ }
9543
+
9544
+ /**
9545
+ * Skin 1,4
9546
+ */
9547
+ .premium-woo-skin-grid-1 .premium-woo-product-actions-wrapper,
9548
+ .premium-woo-skin-grid-4 .premium-woo-product-actions-wrapper {
9549
+ position: absolute;
9550
+ top: 0.7em;
9551
+ left: 1em;
9552
+ -webkit-transform: translate3d(-15px, 0, 0);
9553
+ transform: translate3d(-15px, 0, 0);
9554
+ -webkit-transition: all 0.3s ease-in-out;
9555
+ transition: all 0.3s ease-in-out;
9556
+ opacity: 0;
9557
+ z-index: 9;
9558
+ }
9559
+
9560
+ .premium-woocommerce .premium-woo-product-actions-wrapper .premium-woo-cart-btn {
9561
+ position: relative;
9562
+ display: block;
9563
+ margin: 0 0 3px;
9564
+ background: #fff;
9565
+ text-align: center;
9566
+ outline: 0;
9567
+ -webkit-transition: all 0.3s ease-in-out;
9568
+ transition: all 0.3s ease-in-out;
9569
+ }
9570
+
9571
+ .premium-woocommerce .premium-woo-product-actions-wrapper .premium-woo-add-cart-icon {
9572
+ display: block;
9573
+ color: #54595f;
9574
+ width: 30px;
9575
+ line-height: 30px;
9576
+ height: 30px;
9577
+ cursor: pointer;
9578
+ -webkit-transition: all 0.3s ease-in-out;
9579
+ transition: all 0.3s ease-in-out;
9580
+ }
9581
+
9582
+ .premium-woo-skin-grid-1 li.product:hover .premium-woo-product-actions-wrapper,
9583
+ .premium-woo-skin-grid-4 li.product:hover .premium-woo-product-actions-wrapper {
9584
+ -webkit-transform: translate3d(-5px, 0, 0);
9585
+ transform: translate3d(-5px, 0, 0);
9586
+ opacity: 1;
9587
+ }
9588
+
9589
+ .premium-woocommerce .premium-woo-cart-btn.adding .premium-woo-add-cart-icon {
9590
+ -webkit-animation: spin 2s linear infinite;
9591
+ animation: spin 2s linear infinite;
9592
+ }
9593
+
9594
+ .premium-woocommerce .premium-woo-cart-btn.adding .premium-woo-add-cart-icon::before {
9595
+ content: "\f013";
9596
+ }
9597
+
9598
+ .premium-woocommerce .premium-woo-cart-btn.added .premium-woo-add-cart-icon::before {
9599
+ content: "\f00c";
9600
+ }
9601
+
9602
+ /**
9603
+ * Skin 2
9604
+ */
9605
+ .premium-woo-skin-grid-2 li.product .premium-woo-products-details-wrap {
9606
+ position: absolute;
9607
+ background: #fff;
9608
+ bottom: 0;
9609
+ right: 0;
9610
+ width: 100%;
9611
+ z-index: 2;
9612
+ padding: 0;
9613
+ opacity: 0;
9614
+ -webkit-transition: opacity 0.2s, -webkit-transform 0.4s;
9615
+ transition: opacity 0.2s, -webkit-transform 0.4s;
9616
+ transition: transform 0.4s, opacity 0.2s;
9617
+ transition: transform 0.4s, opacity 0.2s, -webkit-transform 0.4s;
9618
+ -webkit-transform: translateZ(0) translateY(5px);
9619
+ transform: translateZ(0) translateY(5px);
9620
+ }
9621
+
9622
+ .premium-woo-skin-grid-2 .premium-woo-product-details {
9623
+ padding: 15px 0;
9624
+ }
9625
+
9626
+ .premium-woo-skin-grid-2 li.product:hover .premium-woo-products-details-wrap {
9627
+ opacity: 1;
9628
+ -webkit-transform: translateZ(0) translateY(0);
9629
+ transform: translateZ(0) translateY(0);
9630
+ }
9631
+
9632
+ .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper {
9633
+ position: static;
9634
+ -js-display: flex;
9635
+ display: -webkit-box;
9636
+ display: -webkit-flex;
9637
+ display: -moz-box;
9638
+ display: -ms-flexbox;
9639
+ display: flex;
9640
+ -webkit-box-orient: horizontal;
9641
+ -webkit-box-direction: reverse;
9642
+ -webkit-flex-direction: row-reverse;
9643
+ -moz-box-orient: horizontal;
9644
+ -moz-box-direction: reverse;
9645
+ -ms-flex-direction: row-reverse;
9646
+ flex-direction: row-reverse;
9647
+ }
9648
+
9649
+ .premium-woo-skin-grid-2 .premium-woo-product-actions-wrapper>* {
9650
+ -webkit-box-flex: 1;
9651
+ -webkit-flex: 1;
9652
+ -moz-box-flex: 1;
9653
+ -ms-flex: 1;
9654
+ flex: 1;
9655
+ min-width: 50%;
9656
+ }
9657
+
9658
+ .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper .button {
9659
+ -js-display: flex;
9660
+ display: -webkit-box;
9661
+ display: -webkit-flex;
9662
+ display: -moz-box;
9663
+ display: -ms-flexbox;
9664
+ display: flex;
9665
+ margin: 0;
9666
+ text-align: center;
9667
+ -webkit-box-pack: center;
9668
+ -webkit-justify-content: center;
9669
+ -moz-box-pack: center;
9670
+ -ms-flex-pack: center;
9671
+ justify-content: center;
9672
+ -webkit-box-align: center;
9673
+ -webkit-align-items: center;
9674
+ -moz-box-align: center;
9675
+ -ms-flex-align: center;
9676
+ align-items: center;
9677
+ }
9678
+
9679
+ .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper .premium-woo-qv-btn {
9680
+ background-color: #54595f;
9681
+ }
9682
+
9683
+ /**
9684
+ * Skin 4
9685
+ */
9686
+ .premium-woo-skin-grid-4 li.product .premium-woo-products-details-wrap {
9687
+ position: absolute;
9688
+ right: 0;
9689
+ left: 0;
9690
+ top: 50%;
9691
+ -webkit-transform: scale(0.9) translateZ(0) translateY(-50%);
9692
+ transform: scale(0.9) translateZ(0) translateY(-50%);
9693
+ text-align: center;
9694
+ z-index: 2;
9695
+ opacity: 0;
9696
+ -webkit-transition: opacity 0.5s, -webkit-transform 0.3s;
9697
+ transition: opacity 0.5s, -webkit-transform 0.3s;
9698
+ transition: opacity 0.5s, transform 0.3s;
9699
+ transition: opacity 0.5s, transform 0.3s, -webkit-transform 0.3s;
9700
+ }
9701
+
9702
+ .premium-woo-skin-grid-4 li.product .premium-woo-product-overlay,
9703
+ .premium-woo-skin-grid-8 li.product .premium-woo-product-overlay {
9704
+ position: absolute;
9705
+ top: 0;
9706
+ right: 0;
9707
+ width: 100%;
9708
+ height: 100%;
9709
+ opacity: 0;
9710
+ visibility: hidden;
9711
+ background-color: rgba(27, 27, 23, 0.3);
9712
+ -webkit-transition: all 0.25s ease-in-out;
9713
+ transition: all 0.25s ease-in-out;
9714
+ }
9715
+
9716
+ .premium-woo-skin-grid-4 li.product:hover .premium-woo-product-overlay,
9717
+ .premium-woo-skin-grid-8 li.product:hover .premium-woo-product-overlay {
9718
+ opacity: 1;
9719
+ visibility: visible;
9720
+ z-index: 1;
9721
+ }
9722
+
9723
+ .premium-woo-skin-grid-4 li.product:hover .premium-woo-products-details-wrap {
9724
+ -webkit-transform: scale(1) translateZ(0) translateY(-50%);
9725
+ transform: scale(1) translateZ(0) translateY(-50%);
9726
+ opacity: 1;
9727
+ }
9728
+
9729
+ /**
9730
+ * Skin 5
9731
+ */
9732
+ .premium-woo-skin-grid-5 li.product .premium-woo-product-actions-wrapper {
9733
+ -js-display: flex;
9734
+ display: -webkit-box;
9735
+ display: -webkit-flex;
9736
+ display: -moz-box;
9737
+ display: -ms-flexbox;
9738
+ display: flex;
9739
+ }
9740
+
9741
+ .premium-woo-skin-grid-5 li.product .premium-woo-product-actions-wrapper .premium-woo-qv-btn {
9742
+ -js-display: flex;
9743
+ display: -webkit-box;
9744
+ display: -webkit-flex;
9745
+ display: -moz-box;
9746
+ display: -ms-flexbox;
9747
+ display: flex;
9748
+ -webkit-box-align: center;
9749
+ -webkit-align-items: center;
9750
+ -moz-box-align: center;
9751
+ -ms-flex-align: center;
9752
+ align-items: center;
9753
+ background-color: #54595f;
9754
+ padding: 10px;
9755
+ -webkit-transition: all 0.25s ease 0s;
9756
+ transition: all 0.25s ease 0s;
9757
+ }
9758
+
9759
+ .premium-woo-skin-grid-5 li.product .premium-woo-products-details-wrap {
9760
+ width: 75%;
9761
+ }
9762
+
9763
+ .premium-woo-skin-grid-5 .premium-woo-product-wrapper {
9764
+ -js-display: flex;
9765
+ display: -webkit-box;
9766
+ display: -webkit-flex;
9767
+ display: -moz-box;
9768
+ display: -ms-flexbox;
9769
+ display: flex;
9770
+ -webkit-box-align: center;
9771
+ -webkit-align-items: center;
9772
+ -moz-box-align: center;
9773
+ -ms-flex-align: center;
9774
+ align-items: center;
9775
+ }
9776
+
9777
+ .premium-woo-product-align-right .premium-woo-skin-grid-5 .premium-woo-product-actions-wrapper {
9778
+ -webkit-box-pack: end;
9779
+ -webkit-justify-content: flex-end;
9780
+ -moz-box-pack: end;
9781
+ -ms-flex-pack: end;
9782
+ justify-content: flex-end;
9783
+ }
9784
+
9785
+ .premium-woo-product-align-center .premium-woo-skin-grid-5 .premium-woo-product-actions-wrapper {
9786
+ -webkit-box-pack: center;
9787
+ -webkit-justify-content: center;
9788
+ -moz-box-pack: center;
9789
+ -ms-flex-pack: center;
9790
+ justify-content: center;
9791
+ }
9792
+
9793
+ /**
9794
+ * Skin 6
9795
+ */
9796
+ .premium-woo-skin-grid-6 .premium-woo-qv-btn {
9797
+ position: absolute;
9798
+ top: 50%;
9799
+ right: 50%;
9800
+ min-width: 40%;
9801
+ text-align: center;
9802
+ padding: 5px;
9803
+ background: rgba(2, 2, 2, 0.5);
9804
+ color: #fff;
9805
+ -webkit-transform: translate(50%, -50%);
9806
+ -ms-transform: translate(50%, -50%);
9807
+ transform: translate(50%, -50%);
9808
+ opacity: 0;
9809
+ visibility: hidden;
9810
+ -webkit-transition: all 0.3s ease-in-out;
9811
+ transition: all 0.3s ease-in-out;
9812
+ cursor: pointer;
9813
+ z-index: 2;
9814
+ }
9815
+
9816
+ .premium-woo-skin-grid-6 li.product:hover .premium-woo-qv-btn {
9817
+ opacity: 1;
9818
+ visibility: visible;
9819
+ }
9820
+
9821
+ .premium-woo-product-align-right .premium-woo-skin-grid-6 li.product .premium-woo-product-info .star-rating,
9822
+ .premium-woo-product-align-left .premium-woo-skin-grid-6 li.product .premium-woo-product-info .star-rating,
9823
+ .premium-woo-product-align-right .premium-woo-skin-grid-7 li.product .premium-woo-product-info .star-rating,
9824
+ .premium-woo-product-align-left .premium-woo-skin-grid-7 li.product .premium-woo-product-info .star-rating {
9825
+ margin: 0;
9826
+ }
9827
+
9828
+ .premium-woo-skin-grid-6 li.product .premium-woo-product-info {
9829
+ -js-display: flex;
9830
+ display: -webkit-box;
9831
+ display: -webkit-flex;
9832
+ display: -moz-box;
9833
+ display: -ms-flexbox;
9834
+ display: flex;
9835
+ -webkit-box-pack: justify;
9836
+ -webkit-justify-content: space-between;
9837
+ -moz-box-pack: justify;
9838
+ -ms-flex-pack: justify;
9839
+ justify-content: space-between;
9840
+ }
9841
+
9842
+ .premium-woo-product-align-center .premium-woocommerce li.product .premium-woo-product-info {
9843
+ -webkit-box-orient: vertical;
9844
+ -webkit-box-direction: normal;
9845
+ -webkit-flex-direction: column;
9846
+ -moz-box-orient: vertical;
9847
+ -moz-box-direction: normal;
9848
+ -ms-flex-direction: column;
9849
+ flex-direction: column;
9850
+ }
9851
+
9852
+ .premium-woo-product-align-right .premium-woocommerce li.product .premium-woo-product-info {
9853
+ -webkit-box-orient: horizontal;
9854
+ -webkit-box-direction: reverse;
9855
+ -webkit-flex-direction: row-reverse;
9856
+ -moz-box-orient: horizontal;
9857
+ -moz-box-direction: reverse;
9858
+ -ms-flex-direction: row-reverse;
9859
+ flex-direction: row-reverse;
9860
+ }
9861
+
9862
+ .premium-woo-skin-grid-6 li.product .premium-woo-product-gallery-images {
9863
+ -js-display: flex;
9864
+ display: -webkit-box;
9865
+ display: -webkit-flex;
9866
+ display: -moz-box;
9867
+ display: -ms-flexbox;
9868
+ display: flex;
9869
+ position: absolute;
9870
+ bottom: 10px;
9871
+ width: 100%;
9872
+ -webkit-box-pack: center;
9873
+ -webkit-justify-content: center;
9874
+ -moz-box-pack: center;
9875
+ -ms-flex-pack: center;
9876
+ justify-content: center;
9877
+ }
9878
+
9879
+ .premium-woo-product-gallery-images .premium-woo-product__gallery_image {
9880
+ width: 20%;
9881
+ margin: 0 0.2em;
9882
+ border: 2px solid #aaa;
9883
+ cursor: pointer;
9884
+ }
9885
+
9886
+ /**
9887
+ * Metro
9888
+ */
9889
+ /*.premium-woo-grid-style1 ul.products li.product {
9890
+ width: 25%;
9891
+ }*/
9892
+ .premium-woo-products-metro li.product .premium-woo-product-thumbnail img,
9893
+ .premium-woo-products-metro li.product .premium-woo-product-wrapper,
9894
+ .premium-woo-products-metro li.product .premium-woo-product-thumbnail,
9895
+ .premium-woo-products-metro li.product .woocommerce-LoopProduct-link {
9896
+ height: 100%;
9897
+ }
9898
+
9899
+ .premium-woo-products-metro ul.products li.product {
9900
+ margin-bottom: 0;
9901
+ }
9902
+
9903
+ .premium-woo-products-metro li.product .premium-woo-product-thumbnail img {
9904
+ -o-object-fit: cover;
9905
+ object-fit: cover;
9906
+ }
9907
+
9908
+ /*
9909
+ * Carousel
9910
+ */
9911
+ .premium-carousel-hidden {
9912
+ opacity: 0;
9913
+ visibility: hidden;
9914
+ }
9915
+
9916
+ .premium-woocommerce:not(.premium-woo-skin-grid-7) .slick-arrow {
9917
+ -webkit-border-radius: 50%;
9918
+ border-radius: 50%;
9919
+ }
9920
+
9921
+ .premium-woocommerce ul.slick-dots {
9922
+ width: 100%;
9923
+ }
9924
+
9925
+ /*
9926
+ * Quick View Html/body
9927
+ */
9928
+ html.premium-woo-qv-opened,
9929
+ html.premium-woo-qv-opened body {
9930
+ overflow: hidden;
9931
+ }
9932
+
9933
+ /**
9934
+ * Quick View Modal
9935
+ */
9936
+ .premium-woo-quick-view-back {
9937
+ position: fixed;
9938
+ visibility: hidden;
9939
+ overflow: hidden;
9940
+ background: rgba(2, 2, 2, 0.5);
9941
+ opacity: 0;
9942
+ -webkit-transition: opacity 0.25s;
9943
+ transition: opacity 0.25s;
9944
+ z-index: 999;
9945
+ }
9946
+
9947
+ .premium-woo-quick-view-active {
9948
+ top: 0;
9949
+ right: 0;
9950
+ width: 100%;
9951
+ height: 100%;
9952
+ opacity: 1;
9953
+ visibility: visible;
9954
+ }
9955
+
9956
+ #premium-woo-quick-view-modal {
9957
+ position: fixed;
9958
+ visibility: hidden;
9959
+ opacity: 0;
9960
+ top: 0;
9961
+ right: 0;
9962
+ width: 100%;
9963
+ height: 100%;
9964
+ z-index: 1400;
9965
+ text-align: center;
9966
+ -webkit-transition: all 0.3s;
9967
+ transition: all 0.3s;
9968
+ overflow-x: hidden;
9969
+ overflow-y: auto;
9970
+ }
9971
+
9972
+ #premium-woo-quick-view-modal.active {
9973
+ visibility: visible;
9974
+ opacity: 1;
9975
+ }
9976
+
9977
+ #premium-woo-quick-view-modal.active .premium-woo-content-main {
9978
+ -webkit-transform: translateY(0);
9979
+ -ms-transform: translateY(0);
9980
+ transform: translateY(0);
9981
+ opacity: 1;
9982
+ width: 100%;
9983
+ }
9984
+
9985
+ #premium-woo-quick-view-modal .premium-woo-content-main-wrapper {
9986
+ position: absolute;
9987
+ width: 100%;
9988
+ height: 100%;
9989
+ top: 0;
9990
+ right: 0;
9991
+ text-align: center;
9992
+ padding: 30px;
9993
+ -js-display: flex;
9994
+ display: -webkit-box;
9995
+ display: -webkit-flex;
9996
+ display: -moz-box;
9997
+ display: -ms-flexbox;
9998
+ display: flex;
9999
+ -webkit-box-align: center;
10000
+ -webkit-align-items: center;
10001
+ -moz-box-align: center;
10002
+ -ms-flex-align: center;
10003
+ align-items: center;
10004
+ }
10005
+
10006
+ #premium-woo-quick-view-modal .premium-woo-content-main {
10007
+ position: relative;
10008
+ pointer-events: none;
10009
+ max-width: 100%;
10010
+ text-align: right;
10011
+ z-index: 1045;
10012
+ -webkit-transform: translateY(-30px);
10013
+ -ms-transform: translateY(-30px);
10014
+ transform: translateY(-30px);
10015
+ opacity: 0;
10016
+ -webkit-transition: opacity 0.3s, -webkit-transform 0.5s;
10017
+ transition: opacity 0.3s, -webkit-transform 0.5s;
10018
+ transition: transform 0.5s, opacity 0.3s;
10019
+ transition: transform 0.5s, opacity 0.3s, -webkit-transform 0.5s;
10020
+ margin: 0 auto;
10021
+ }
10022
+
10023
+ #premium-woo-quick-view-modal .premium-woo-lightbox-content {
10024
+ position: relative;
10025
+ display: table;
10026
+ pointer-events: auto;
10027
+ background-color: #fff;
10028
+ max-width: 975px;
10029
+ margin: 20px auto;
10030
+ -webkit-transform: translateZ(0);
10031
+ transform: translateZ(0);
10032
+ -webkit-box-shadow: -3px 3px 20px 0 rgba(0, 0, 0, 0.15);
10033
+ box-shadow: -3px 3px 20px 0 rgba(0, 0, 0, 0.15);
10034
+ overflow: hidden;
10035
+ }
10036
+
10037
+ #premium-woo-quick-view-modal .summary {
10038
+ width: 50%;
10039
+ margin: 0;
10040
+ padding: 30px;
10041
+ float: right;
10042
+ -webkit-box-sizing: border-box;
10043
+ -moz-box-sizing: border-box;
10044
+ box-sizing: border-box;
10045
+ }
10046
+
10047
+ #premium-woo-quick-view-modal .summary .quantity {
10048
+ min-width: auto;
10049
+ }
10050
+
10051
+ #premium-woo-quick-view-modal .summary .quantity input.qty {
10052
+ width: 54px;
10053
+ -webkit-appearance: button;
10054
+ -moz-appearance: button;
10055
+ appearance: button;
10056
+ }
10057
+
10058
+ #premium-woo-quick-view-modal .summary .quantity input[type="number"]::-webkit-inner-spin-button,
10059
+ #premium-woo-quick-view-modal .summary .quantity input[type="number"]::-webkit-outer-spin-button {
10060
+ display: unset;
10061
+ }
10062
+
10063
+ #premium-woo-quick-view-modal .woocommerce-product-details__short-description p {
10064
+ margin: 0;
10065
+ }
10066
+
10067
+ #premium-woo-quick-view-close {
10068
+ position: absolute;
10069
+ font-size: 22px;
10070
+ top: 10px;
10071
+ left: 10px;
10072
+ width: 22px;
10073
+ height: 22px;
10074
+ line-height: 22px;
10075
+ opacity: 0.7;
10076
+ text-align: center;
10077
+ z-index: 2;
10078
+ color: #000;
10079
+ }
10080
+
10081
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider {
10082
+ position: relative;
10083
+ }
10084
+
10085
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider li {
10086
+ list-style: none;
10087
+ }
10088
+
10089
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav {
10090
+ margin: 0;
10091
+ padding: 0;
10092
+ width: 100%;
10093
+ position: absolute;
10094
+ bottom: 10px;
10095
+ text-align: center;
10096
+ direction: ltr;
10097
+ }
10098
+
10099
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li {
10100
+ margin: 0 6px;
10101
+ display: inline-block;
10102
+ vertical-align: middle;
10103
+ }
10104
+
10105
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a {
10106
+ width: 11px;
10107
+ height: 11px;
10108
+ display: block;
10109
+ background: #666;
10110
+ background: rgba(0, 0, 0, 0.5);
10111
+ cursor: pointer;
10112
+ text-indent: -9999px;
10113
+ -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
10114
+ box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
10115
+ -webkit-border-radius: 20px;
10116
+ border-radius: 20px;
10117
+ }
10118
+
10119
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a.flex-active {
10120
+ background: rgba(0, 0, 0, 0.9);
10121
+ cursor: default;
10122
+ }
10123
+
10124
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a:focus {
10125
+ outline: none;
10126
+ }
10127
+
10128
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider img {
10129
+ -o-object-fit: cover;
10130
+ object-fit: cover;
10131
+ }
10132
+
10133
+ #premium-woo-quick-view-content div.images {
10134
+ width: 50%;
10135
+ float: right;
10136
+ opacity: 1 !important;
10137
+ margin: 0;
10138
+ }
10139
+
10140
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav {
10141
+ margin: 0;
10142
+ padding: 0;
10143
+ list-style: none;
10144
+ direction: ltr;
10145
+ }
10146
+
10147
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav a {
10148
+ text-decoration: none;
10149
+ display: block;
10150
+ width: 14px;
10151
+ height: 32px;
10152
+ font-size: 32px;
10153
+ line-height: 32px;
10154
+ margin: -20px 0 0;
10155
+ position: absolute;
10156
+ top: 50%;
10157
+ z-index: 10;
10158
+ overflow: hidden;
10159
+ cursor: pointer;
10160
+ color: rgba(0, 0, 0, 0.8);
10161
+ text-shadow: -1px 1px 0 rgba(255, 255, 255, 0.3);
10162
+ -webkit-transition: all 0.3s ease-in-out;
10163
+ transition: all 0.3s ease-in-out;
10164
+ }
10165
+
10166
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next,
10167
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev {
10168
+ display: inline-block;
10169
+ font-family: "Font Awesome 5 Free";
10170
+ font-weight: 900;
10171
+ text-rendering: auto;
10172
+ -webkit-font-smoothing: antialiased;
10173
+ -moz-osx-font-smoothing: grayscale;
10174
+ }
10175
+
10176
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev {
10177
+ left: 10px;
10178
+ }
10179
+
10180
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next {
10181
+ right: 10px;
10182
+ }
10183
+
10184
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev::before {
10185
+ content: "\f104";
10186
+ }
10187
+
10188
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next::before {
10189
+ content: "\f105";
10190
+ }
10191
+
10192
+ .premium-woocommerce li.product .added_to_cart.wc-forward {
10193
+ display: none;
10194
+ }
10195
+
10196
+ .premium-woo-atc-button .add_to_cart_button span {
10197
+ -webkit-animation: spin 2s linear infinite;
10198
+ animation: spin 2s linear infinite;
10199
+ margin-right: 5px;
10200
+ vertical-align: baseline;
10201
+ }
10202
+
10203
+ /*
10204
+ * Load More Button
10205
+ */
10206
+ .premium-woo-load-more {
10207
+ position: relative;
10208
+ }
10209
+
10210
+ .premium-woo-load-more .premium-woo-load-more-btn {
10211
+ -webkit-box-shadow: none;
10212
+ box-shadow: none;
10213
+ text-shadow: none;
10214
+ border: none;
10215
+ outline: none;
10216
+ -webkit-box-align: center;
10217
+ -webkit-align-items: center;
10218
+ -moz-box-align: center;
10219
+ -ms-flex-align: center;
10220
+ align-items: center;
10221
+ vertical-align: bottom;
10222
+ cursor: pointer;
10223
+ line-height: 1;
10224
+ font-style: normal;
10225
+ font-weight: normal;
10226
+ background-image: none;
10227
+ color: #fff;
10228
+ -webkit-transition: all 0.3s ease-in-out;
10229
+ transition: all 0.3s ease-in-out;
10230
+ padding: 10px 20px;
10231
+ }
10232
+
10233
+ .premium-woo-load-more-btn {
10234
+ -js-display: inline-flex;
10235
+ display: -webkit-inline-box;
10236
+ display: -webkit-inline-flex;
10237
+ display: -moz-inline-box;
10238
+ display: -ms-inline-flexbox;
10239
+ display: inline-flex;
10240
+ -webkit-box-align: center;
10241
+ -webkit-align-items: center;
10242
+ -moz-box-align: center;
10243
+ -ms-flex-align: center;
10244
+ align-items: center;
10245
+ }
10246
+
10247
+ .premium-woo-load-more-btn span {
10248
+ margin-right: 3px;
10249
+ }
10250
+
10251
+ .premium-woo-load-more-btn .premium-loader {
10252
+ display: inline-block;
10253
+ width: 20px;
10254
+ height: 20px;
10255
+ }
10256
+
10257
+ @media (min-width: 545px) {
10258
+ #premium-woo-quick-view-content div.summary {
10259
+ content: "544";
10260
+ overflow-y: auto;
10261
+ }
10262
+ }
10263
+
10264
+ @media (max-width: 544px) {
10265
+ #premium-woo-quick-view-content .premium-woo-lightbox-content {
10266
+ display: block;
10267
+ }
10268
+
10269
+ #premium-woo-quick-view-content div.images,
10270
+ #premium-woo-quick-view-content div.summary {
10271
+ width: 100%;
10272
+ float: none;
10273
+ }
10274
  }
10275
  /*
10276
  * Common Title/Dual Heading
assets/frontend/css/premium-addons.css CHANGED
@@ -2460,158 +2460,158 @@
2460
  width: 100%;
2461
  right: 0; }
2462
 
2463
- /**************** Premium Carousel ****************/
2464
- /**************************************************/
2465
- .premium-carousel-wrapper a.carousel-arrow, .premium-carousel-wrapper a.ver-carousel-arrow {
2466
- -js-display: flex;
2467
- display: -webkit-box;
2468
- display: -webkit-flex;
2469
- display: -moz-box;
2470
- display: -ms-flexbox;
2471
- display: flex;
2472
- -webkit-box-align: center;
2473
- -webkit-align-items: center;
2474
- -moz-box-align: center;
2475
- -ms-flex-align: center;
2476
- align-items: center;
2477
- -webkit-box-pack: center;
2478
- -webkit-justify-content: center;
2479
- -moz-box-pack: center;
2480
- -ms-flex-pack: center;
2481
- justify-content: center;
2482
- width: 2em;
2483
- height: 2em;
2484
- line-height: 0;
2485
- text-align: center;
2486
- position: absolute;
2487
- z-index: 99;
2488
- cursor: pointer;
2489
- -webkit-transition: all 0.3s ease-in-out;
2490
- transition: all 0.3s ease-in-out;
2491
- -webkit-appearance: inherit;
2492
- border: none;
2493
- -webkit-box-shadow: none;
2494
- box-shadow: none; }
2495
- .premium-carousel-wrapper a.carousel-arrow svg, .premium-carousel-wrapper a.ver-carousel-arrow svg {
2496
- -webkit-transition: all 0.3s ease-in-out;
2497
- transition: all 0.3s ease-in-out; }
2498
-
2499
- .ver-carousel-arrow.carousel-next i {
2500
- margin-bottom: -3px; }
2501
-
2502
- .premium-carousel-wrapper a.slick-arrow:hover {
2503
- -webkit-box-shadow: none !important;
2504
- box-shadow: none !important; }
2505
-
2506
- .premium-carousel-wrapper .premium-carousel-content-hidden {
2507
- visibility: hidden; }
2508
-
2509
- .premium-carousel-wrapper a.carousel-arrow {
2510
- top: 50%; }
2511
-
2512
- .premium-carousel-wrapper a.ver-carousel-arrow {
2513
- left: 50%;
2514
- -webkit-transform: translateX(-50%);
2515
- -ms-transform: translateX(-50%);
2516
- transform: translateX(-50%); }
2517
-
2518
- .premium-carousel-dots-above ul.slick-dots {
2519
- position: absolute;
2520
- -js-display: flex;
2521
- display: -webkit-box;
2522
- display: -webkit-flex;
2523
- display: -moz-box;
2524
- display: -ms-flexbox;
2525
- display: flex;
2526
- width: auto;
2527
- top: 50%;
2528
- bottom: auto;
2529
- -webkit-transform: translateY(-50%);
2530
- -ms-transform: translateY(-50%);
2531
- transform: translateY(-50%);
2532
- -webkit-box-orient: vertical;
2533
- -webkit-box-direction: normal;
2534
- -webkit-flex-direction: column;
2535
- -moz-box-orient: vertical;
2536
- -moz-box-direction: normal;
2537
- -ms-flex-direction: column;
2538
- flex-direction: column; }
2539
-
2540
  /*
2541
  * Custom Navigation Dot
2542
- */
2543
- .premium-carousel-wrapper .premium-carousel-nav-dot,
2544
- .premium-carousel-wrapper .premium-carousel-nav-arrow-prev,
2545
- .premium-carousel-wrapper .premium-carousel-nav-arrow-next {
2546
- display: none; }
2547
-
2548
- .premium-carousel-wrapper ul.slick-dots svg {
2549
- width: 20px;
2550
- height: 20px;
2551
- outline: none !important; }
2552
-
2553
- /* Ripple Out */
2554
- @-webkit-keyframes hvr-ripple-out {
2555
- 0% {
2556
- -webkit-transform: scale(1);
2557
- transform: scale(1);
2558
- opacity: 1; }
2559
- 100% {
2560
- -webkit-transform: scale(1.5);
2561
- transform: scale(1.5);
2562
- opacity: 0; } }
2563
- @keyframes hvr-ripple-out {
2564
- 0% {
2565
- -webkit-transform: scale(1);
2566
- transform: scale(1);
2567
- opacity: 1; }
2568
- 100% {
2569
- -webkit-transform: scale(1.5);
2570
- transform: scale(1.5);
2571
- opacity: 0; } }
2572
-
2573
- .premium-carousel-ripple-yes .premium-carousel-wrapper {
2574
- padding-bottom: 1px; }
2575
-
2576
- .premium-carousel-ripple-yes ul.slick-dots li {
2577
- position: relative; }
2578
- .premium-carousel-ripple-yes ul.slick-dots li i {
2579
- position: relative;
2580
- z-index: 1; }
2581
- .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
2582
- content: "";
2583
- position: absolute;
2584
- -webkit-transform: scale(1);
2585
- -ms-transform: scale(1);
2586
- transform: scale(1);
2587
- top: 0;
2588
- right: 0;
2589
- bottom: 0;
2590
- left: 0;
2591
- -webkit-border-radius: 50%;
2592
- border-radius: 50%;
2593
- pointer-events: none;
2594
- background-color: rgba(0, 0, 0, 0.15); }
2595
- .premium-carousel-ripple-yes ul.slick-dots li.slick-active:hover:before {
2596
- background-color: rgba(0, 0, 0, 0.3); }
2597
- .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
2598
- -webkit-animation: hvr-ripple-out 1.3s infinite;
2599
- animation: hvr-ripple-out 1.3s infinite; }
2600
-
2601
- .premium-carousel-wrapper.premium-carousel-scale .slick-slide {
2602
- -webkit-transform: scale(1.25, 1.25);
2603
- -ms-transform: scale(1.25, 1.25);
2604
- transform: scale(1.25, 1.25);
2605
- -webkit-transition: all 0.3s ease-in-out;
2606
- transition: all 0.3s ease-in-out; }
2607
-
2608
- .premium-carousel-wrapper.premium-carousel-scale div.slick-active {
2609
- -webkit-transform: scale(1, 1);
2610
- -ms-transform: scale(1, 1);
2611
- transform: scale(1, 1); }
2612
-
2613
- [dir="rtl"] .premium-carousel-inner .slick-slide {
2614
- float: right; }
2615
 
2616
  /**************** Premium Contact Form7 **********/
2617
  /*************************************************/
@@ -4718,1010 +4718,144 @@ button.premium-modal-box-modal-close {
4718
  .premium-modal-box-container[data-modal-animation*="animated-"] {
4719
  opacity: 0; }
4720
 
4721
- /************ Premium Nav Menu ************/
4722
- .premium-nav-widget-container ul {
4723
- list-style: none;
4724
- margin: 0; }
4725
-
4726
- .premium-nav-widget-container .premium-main-nav-menu {
4727
- -js-display: flex;
4728
- display: -webkit-box;
4729
- display: -webkit-flex;
4730
- display: -moz-box;
4731
- display: -ms-flexbox;
4732
- display: flex;
4733
- height: 100%; }
4734
-
4735
- /*Vertical Main Menu**/
4736
- .premium-nav-ver .premium-nav-menu-container {
4737
- width: 45%; }
4738
-
4739
- .premium-nav-ver .premium-main-nav-menu {
4740
- position: relative;
4741
- -webkit-box-orient: vertical;
4742
- -webkit-box-direction: normal;
4743
- -webkit-flex-direction: column;
4744
- -moz-box-orient: vertical;
4745
- -moz-box-direction: normal;
4746
- -ms-flex-direction: column;
4747
- flex-direction: column;
4748
- -webkit-box-align: start;
4749
- -webkit-align-items: flex-start;
4750
- -moz-box-align: start;
4751
- -ms-flex-align: start;
4752
- align-items: flex-start; }
4753
-
4754
- .premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item.menu-item-has-children .premium-sub-menu {
4755
- visibility: hidden;
4756
- opacity: 0;
4757
- position: absolute;
4758
- min-width: 250px; }
4759
-
4760
- .premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item.menu-item-has-children:hover > .premium-sub-menu,
4761
- .premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item.menu-item-has-children:hover .premium-mega-content-container {
4762
- opacity: 1;
4763
- visibility: visible; }
4764
-
4765
- .premium-nav-ver .premium-nav-menu-item {
4766
- width: 100%; }
4767
-
4768
- .premium-nav-ver:not(.premium-hamburger-menu).premium-vertical-right .premium-mega-content-container,
4769
- .premium-nav-ver:not(.premium-hamburger-menu).premium-vertical-right .premium-nav-menu-item.menu-item-has-children .premium-sub-menu {
4770
- left: 100%;
4771
- top: 0; }
4772
-
4773
- .premium-nav-ver .premium-vertical-left:not(.premium-hamburger-menu) .premium-mega-content-container,
4774
- .premium-nav-ver .premium-vertical-left:not(.premium-hamburger-menu) .premium-nav-menu-item.menu-item-has-children .premium-sub-menu {
4775
- right: 100%;
4776
- top: 0; }
4777
-
4778
- .premium-nav-ver .premium-vertical-left .premium-menu-link {
4779
- -webkit-box-orient: horizontal;
4780
- -webkit-box-direction: reverse;
4781
- -webkit-flex-direction: row-reverse;
4782
- -moz-box-orient: horizontal;
4783
- -moz-box-direction: reverse;
4784
- -ms-flex-direction: row-reverse;
4785
- flex-direction: row-reverse; }
4786
-
4787
- /*Horizontal Main Menu**/
4788
- .premium-nav-hor .premium-nav-menu-container {
4789
- height: 60px; }
4790
-
4791
- .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item .premium-sub-menu {
4792
- visibility: hidden;
4793
- opacity: 0;
4794
- position: absolute;
4795
- min-width: 220px; }
4796
-
4797
- .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item > .premium-sub-menu,
4798
- .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item .premium-mega-content-container {
4799
- top: 100%; }
4800
- .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item > .premium-sub-menu .premium-sub-menu,
4801
- .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item .premium-mega-content-container .premium-sub-menu {
4802
- left: 100%;
4803
- top: 0; }
4804
-
4805
- .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item:hover > .premium-sub-menu,
4806
- .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item:hover .premium-mega-content-container {
4807
- visibility: visible;
4808
- opacity: 1;
4809
- pointer-events: auto; }
4810
-
4811
- .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item.premium-mega-item-static .premium-mega-content-container {
4812
- left: 50%;
4813
- -webkit-transform: translateX(-50%);
4814
- -ms-transform: translateX(-50%);
4815
- transform: translateX(-50%); }
4816
-
4817
- .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item:not(.premium-mega-item-static) .premium-mega-content-container {
4818
- left: 0; }
4819
-
4820
- /**Mega Menu Container*/
4821
- .premium-mega-nav-item .premium-sub-menu {
4822
- display: none; }
4823
-
4824
- .premium-mega-nav-item {
4825
- position: relative; }
4826
- .premium-mega-nav-item:hover .premium-mega-content-container {
4827
- visibility: visible;
4828
- opacity: 1;
4829
- pointer-events: auto; }
4830
-
4831
- .premium-mega-content-container {
4832
- visibility: hidden;
4833
- position: absolute;
4834
- z-index: 9999;
4835
- opacity: 0;
4836
- pointer-events: none; }
4837
-
4838
- .premium-hamburger-menu .premium-mega-content-container,
4839
- .premium-nav-slide .premium-mega-content-container,
4840
- .premium-nav-dropdown .premium-mega-content-container {
4841
- visibility: visible;
4842
- position: relative;
4843
- opacity: 1;
4844
- pointer-events: auto; }
4845
-
4846
- /**Hamburger Menu*/
4847
- .premium-nav-widget-container a.premium-hamburger-toggle,
4848
- .premium-mobile-menu-outer-container a.premium-mobile-menu-close {
4849
- text-decoration: none; }
4850
-
4851
- .premium-nav-widget-container .premium-hamburger-toggle {
4852
- display: none;
4853
- -webkit-box-pack: center;
4854
- -webkit-justify-content: center;
4855
- -moz-box-pack: center;
4856
- -ms-flex-pack: center;
4857
- justify-content: center;
4858
- -webkit-box-align: center;
4859
- -webkit-align-items: center;
4860
- -moz-box-align: center;
4861
- -ms-flex-align: center;
4862
- align-items: center; }
4863
- .premium-nav-widget-container .premium-hamburger-toggle i {
4864
- padding: 0.25em;
4865
- font-size: 22px; }
4866
- .premium-nav-widget-container .premium-hamburger-toggle svg {
4867
- width: 22px;
4868
- height: 22px; }
4869
- .premium-nav-widget-container .premium-hamburger-toggle i,
4870
- .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-text,
4871
- .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-close {
4872
- color: #494c4f; }
4873
- .premium-nav-widget-container .premium-hamburger-toggle svg {
4874
- fill: #494c4f; }
4875
- .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-text,
4876
- .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-close {
4877
- margin: 2px; }
4878
- .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-close {
4879
- display: none; }
4880
-
4881
- .premium-mobile-menu-container {
4882
- width: 100%; }
4883
- .premium-mobile-menu-container .premium-main-mobile-menu {
4884
- width: 100%; }
4885
- .premium-mobile-menu-container ul {
4886
- list-style: none;
4887
- margin: 0; }
4888
- .premium-mobile-menu-container .premium-mobile-menu,
4889
- .premium-mobile-menu-container .premium-sub-menu {
4890
- display: none;
4891
- -webkit-box-orient: vertical;
4892
- -webkit-box-direction: normal;
4893
- -webkit-flex-direction: column;
4894
- -moz-box-orient: vertical;
4895
- -moz-box-direction: normal;
4896
- -ms-flex-direction: column;
4897
- flex-direction: column; }
4898
- .premium-mobile-menu-container .premium-nav-menu-item {
4899
- -webkit-box-orient: vertical;
4900
- -webkit-box-direction: normal;
4901
- -webkit-flex-direction: column;
4902
- -moz-box-orient: vertical;
4903
- -moz-box-direction: normal;
4904
- -ms-flex-direction: column;
4905
- flex-direction: column; }
4906
- .premium-mobile-menu-container .premium-item-badge {
4907
- top: 50%;
4908
- right: 0;
4909
- left: unset;
4910
- -webkit-transform: translateY(-50%);
4911
- -ms-transform: translateY(-50%);
4912
- transform: translateY(-50%); }
4913
-
4914
- /**Vertical Hamburger Menu*/
4915
- .premium-mobile-menu-outer-container {
4916
- opacity: 0; }
4917
- .premium-mobile-menu-outer-container.premium-vertical-toggle-open {
4918
- opacity: 1; }
4919
-
4920
- .premium-ver-hamburger-menu .premium-mobile-menu-outer-container {
4921
- background-color: #f7f7f7;
4922
- width: 300px;
4923
- -webkit-transform: translateX(-300px);
4924
- -ms-transform: translateX(-300px);
4925
- transform: translateX(-300px);
4926
- height: 100%;
4927
- position: fixed;
4928
- top: 0;
4929
- left: 0;
4930
- overflow-x: hidden;
4931
- z-index: 10000;
4932
- -webkit-transition: 0.5s;
4933
- transition: 0.5s;
4934
- padding-top: 50px; }
4935
- .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu {
4936
- -js-display: flex;
4937
- display: -webkit-box;
4938
- display: -webkit-flex;
4939
- display: -moz-box;
4940
- display: -ms-flexbox;
4941
- display: flex; }
4942
- .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-container {
4943
- margin-top: 50px; }
4944
- .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-container .premium-item-badge {
4945
- -webkit-transform: translateY(0);
4946
- -ms-transform: translateY(0);
4947
- transform: translateY(0); }
4948
- .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-close {
4949
- position: absolute;
4950
- top: 2%;
4951
- right: 5px;
4952
- padding: 0 9px;
4953
- z-index: 10000;
4954
- -js-display: inline-flex;
4955
- display: -webkit-inline-box;
4956
- display: -webkit-inline-flex;
4957
- display: -moz-inline-box;
4958
- display: -ms-inline-flexbox;
4959
- display: inline-flex;
4960
- color: #494c4f;
4961
- -webkit-box-pack: center;
4962
- -webkit-justify-content: center;
4963
- -moz-box-pack: center;
4964
- -ms-flex-pack: center;
4965
- justify-content: center;
4966
- -webkit-box-align: center;
4967
- -webkit-align-items: center;
4968
- -moz-box-align: center;
4969
- -ms-flex-align: center;
4970
- align-items: center; }
4971
- .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-close .premium-toggle-close {
4972
- margin: 5px; }
4973
- .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-close svg {
4974
- width: 22px;
4975
- height: 22px;
4976
- fill: #494c4f; }
4977
- .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-close i {
4978
- font-size: 22px; }
4979
-
4980
- .premium-ver-hamburger-menu .premium-vertical-toggle-open {
4981
- -webkit-transform: translateX(0) !important;
4982
- -ms-transform: translateX(0) !important;
4983
- transform: translateX(0) !important;
4984
- -webkit-transition: 0.5s;
4985
- transition: 0.5s; }
4986
-
4987
- /**Common*/
4988
- .premium-nav-slide-overlay {
4989
- display: none;
4990
- position: fixed;
4991
- top: 0;
4992
- left: 0;
4993
- right: 0;
4994
- bottom: 0;
4995
- -webkit-backface-visibility: hidden;
4996
- backface-visibility: hidden;
4997
- background: rgba(0, 0, 0, 0.6);
4998
- z-index: 9999; }
4999
- .premium-nav-slide-overlay.premium-vertical-toggle-open {
5000
- display: block; }
5001
-
5002
- .premium-active-menu,
5003
- .premium-active-menu:not(.premium-mega-nav-item) > .premium-sub-menu,
5004
- .premium-active-menu.premium-mega-nav-item > .premium-mega-content-container {
5005
- -js-display: flex !important;
5006
- display: -webkit-box !important;
5007
- display: -webkit-flex !important;
5008
- display: -moz-box !important;
5009
- display: -ms-flexbox !important;
5010
- display: flex !important;
5011
- -webkit-box-orient: vertical;
5012
- -webkit-box-direction: normal;
5013
- -webkit-flex-direction: column;
5014
- -moz-box-orient: vertical;
5015
- -moz-box-direction: normal;
5016
- -ms-flex-direction: column;
5017
- flex-direction: column; }
5018
-
5019
- .premium-active-menu .premium-toggle-close {
5020
- display: block; }
5021
-
5022
- .premium-nav-menu-container .premium-sub-menu {
5023
- background-color: #fff; }
5024
-
5025
- .premium-mobile-menu-container li,
5026
- .premium-mobile-menu-container li > .premium-mega-content-container {
5027
- width: 100% !important; }
5028
-
5029
- .premium-item-icon,
5030
- .premium-sub-item-icon {
5031
- font-size: 13px;
5032
- margin: 0 7px; }
5033
- .premium-item-icon svg,
5034
- .premium-sub-item-icon svg {
5035
- width: 100%;
5036
- height: 100%; }
5037
- .premium-item-icon.premium-lottie-animation,
5038
- .premium-sub-item-icon.premium-lottie-animation {
5039
- width: 20px;
5040
- height: 20px;
5041
- -js-display: flex;
5042
- display: -webkit-box;
5043
- display: -webkit-flex;
5044
- display: -moz-box;
5045
- display: -ms-flexbox;
5046
- display: flex;
5047
- -webkit-box-pack: center;
5048
- -webkit-justify-content: center;
5049
- -moz-box-pack: center;
5050
- -ms-flex-pack: center;
5051
- justify-content: center; }
5052
- .premium-item-icon.dashicons,
5053
- .premium-sub-item-icon.dashicons {
5054
- width: 13px;
5055
- height: 13px; }
5056
-
5057
- .premium-nav-menu-item {
5058
- position: relative; }
5059
- .premium-nav-menu-item .premium-menu-link {
5060
- -js-display: flex;
5061
- display: -webkit-box;
5062
- display: -webkit-flex;
5063
- display: -moz-box;
5064
- display: -ms-flexbox;
5065
- display: flex;
5066
- -webkit-box-align: center;
5067
- -webkit-align-items: center;
5068
- -moz-box-align: center;
5069
- -ms-flex-align: center;
5070
- align-items: center;
5071
- height: 100%;
5072
- padding: 7px 10px;
5073
- text-decoration: none;
5074
- position: relative; }
5075
- .premium-nav-menu-item .premium-dropdown-icon {
5076
- margin: 5px; }
5077
- .premium-nav-menu-item.menu-item-has-children {
5078
- position: relative; }
5079
- .premium-nav-menu-item.menu-item-has-children .premium-sub-menu {
5080
- z-index: 9999; }
5081
- .premium-nav-menu-item.menu-item-has-children .premium-sub-menu .premium-sub-menu-link {
5082
- -webkit-box-pack: start;
5083
- -webkit-justify-content: flex-start;
5084
- -moz-box-pack: start;
5085
- -ms-flex-pack: start;
5086
- justify-content: flex-start; }
5087
- .premium-nav-menu-item .menu-link {
5088
- position: relative;
5089
- text-decoration: none; }
5090
-
5091
- .premium-item-badge,
5092
- .premium-sub-item-badge {
5093
- position: absolute;
5094
- padding: 1px 6px;
5095
- min-width: 35px;
5096
- text-align: center;
5097
- font-size: 10px;
5098
- -webkit-border-radius: 4px;
5099
- border-radius: 4px;
5100
- line-height: 1.8;
5101
- white-space: nowrap; }
5102
-
5103
- .premium-nav-hor:not(.premium-hamburger-menu) .premium-item-badge, .premium-nav-hor:not(.premium-nav-slide) .premium-item-badge, .premium-nav-hor:not(.premium-nav-dropdown) .premium-item-badge {
5104
- position: relative;
5105
- margin: 8px; }
5106
-
5107
- .premium-nav-hor .premium-sub-item-badge,
5108
- .premium-nav-slide .premium-sub-item-badge,
5109
- .premium-nav-dropdown .premium-sub-item-badge,
5110
- .premium-nav-ver.premium-vertical-right .premium-item-badge,
5111
- .premium-nav-ver.premium-vertical-right .premium-sub-item-badge {
5112
- top: 50%;
5113
- right: 0;
5114
- -webkit-transform: translateY(-50%);
5115
- -ms-transform: translateY(-50%);
5116
- transform: translateY(-50%); }
5117
-
5118
- .premium-nav-ver.premium-vertical-left .premium-item-badge,
5119
- .premium-nav-ver.premium-vertical-left .premium-sub-item-badge {
5120
- top: 50%;
5121
- left: 0;
5122
- -webkit-transform: translateY(-50%);
5123
- -ms-transform: translateY(-50%);
5124
- transform: translateY(-50%); }
5125
-
5126
- .premium-mega-nav-item .premium-sub-menu {
5127
- display: none; }
5128
-
5129
- .premium-mega-nav-item {
5130
- position: relative; }
5131
-
5132
- .premium-hamburger-menu .premium-mega-content-container,
5133
- .premium-nav-dropdown .premium-mega-content-container,
5134
- .premium-nav-slide .premium-mega-content-container {
5135
- display: none; }
5136
-
5137
- .premium-mega-item-static {
5138
- position: static !important; }
5139
-
5140
- .premium-hamburger-menu .premium-nav-menu-container,
5141
- .premium-nav-dropdown .premium-nav-menu-container,
5142
- .premium-nav-slide .premium-nav-menu-container {
5143
- display: none; }
5144
-
5145
- .premium-hamburger-menu .premium-hamburger-toggle,
5146
- .premium-nav-dropdown .premium-hamburger-toggle,
5147
- .premium-nav-slide .premium-hamburger-toggle {
5148
- -js-display: inline-flex;
5149
- display: -webkit-inline-box;
5150
- display: -webkit-inline-flex;
5151
- display: -moz-inline-box;
5152
- display: -ms-inline-flexbox;
5153
- display: inline-flex; }
5154
-
5155
- .premium-hidden-icon-yes.premium-hamburger-menu .premium-item-icon,
5156
- .premium-hidden-icon-yes.premium-hamburger-menu .premium-sub-item-icon,
5157
- .premium-hidden-icon-yes.premium-nav-dropdown .premium-item-icon,
5158
- .premium-hidden-icon-yes.premium-nav-dropdown .premium-sub-item-icon,
5159
- .premium-hidden-icon-yes.premium-nav-slide .premium-item-icon,
5160
- .premium-hidden-icon-yes.premium-nav-slide .premium-sub-item-icon {
5161
- display: none; }
5162
-
5163
- .premium-hidden-badge-yes.premium-hamburger-menu .premium-item-badge,
5164
- .premium-hidden-badge-yes.premium-hamburger-menu .premium-sub-item-badge,
5165
- .premium-hidden-badge-yes.premium-nav-dropdown .premium-item-badge,
5166
- .premium-hidden-badge-yes.premium-nav-dropdown .premium-sub-item-badge,
5167
- .premium-hidden-badge-yes.premium-nav-slide .premium-item-badge,
5168
- .premium-hidden-badge-yes.premium-nav-slide .premium-sub-item-badge {
5169
- display: none; }
5170
-
5171
- .premium-ham-dropdown .premium-mobile-menu-container,
5172
- .premium-nav-dropdown .premium-mobile-menu-container {
5173
- -js-display: flex;
5174
- display: -webkit-box;
5175
- display: -webkit-flex;
5176
- display: -moz-box;
5177
- display: -ms-flexbox;
5178
- display: flex; }
5179
-
5180
- .premium-ham-dropdown .premium-toggle-opened .premium-toggle-close,
5181
- .premium-nav-dropdown .premium-toggle-opened .premium-toggle-close {
5182
- display: inline !important; }
5183
-
5184
- .premium-ham-dropdown .premium-toggle-opened .premium-toggle-text,
5185
- .premium-nav-dropdown .premium-toggle-opened .premium-toggle-text {
5186
- display: none !important; }
5187
-
5188
- .premium-stretch-dropdown .premium-mobile-menu-container {
5189
- position: absolute;
5190
- z-index: 9999; }
5191
-
5192
- .premium-nav-default {
5193
- display: none; }
5194
-
5195
- .premium-hamburger-toggle {
5196
- width: 100%; }
5197
-
5198
- /*
5199
- * Pointer & Pointer Animations
5200
- */
5201
- .premium-menu-link-parent::before, .premium-menu-link-parent::after {
5202
- display: block;
5203
- position: absolute;
5204
- -webkit-transition: all 0.3s cubic-bezier(0.58, 0.3, 0.005, 1);
5205
- transition: all 0.3s cubic-bezier(0.58, 0.3, 0.005, 1); }
5206
-
5207
- .premium-nav-pointer-underline .premium-menu-link-parent::after,
5208
- .premium-nav-pointer-double-line .premium-menu-link-parent::after {
5209
- content: "";
5210
- bottom: 0; }
5211
-
5212
- .premium-nav-pointer-overline .premium-menu-link-parent::before,
5213
- .premium-nav-pointer-double-line .premium-menu-link-parent::before {
5214
- content: "";
5215
- top: 0; }
5216
-
5217
- .premium-nav-pointer-underline .premium-menu-link-parent::before, .premium-nav-pointer-underline .premium-menu-link-parent::after,
5218
- .premium-nav-pointer-overline .premium-menu-link-parent::before,
5219
- .premium-nav-pointer-overline .premium-menu-link-parent::after,
5220
- .premium-nav-pointer-double-line .premium-menu-link-parent::before,
5221
- .premium-nav-pointer-double-line .premium-menu-link-parent::after {
5222
- height: 3px;
5223
- width: 100%;
5224
- left: 0;
5225
- background-color: #55595c;
5226
- z-index: 2; }
5227
-
5228
- .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before, .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after {
5229
- opacity: 0; }
5230
-
5231
- .premium-nav-pointer-underline.premium-nav-animation-none,
5232
- .premium-nav-pointer-overline.premium-nav-animation-none,
5233
- .premium-nav-pointer-double-line.premium-nav-animation-none {
5234
- -webkit-transition-duration: 0s;
5235
- transition-duration: 0s; }
5236
- .premium-nav-pointer-underline.premium-nav-animation-none .premium-menu-link-parent,
5237
- .premium-nav-pointer-underline.premium-nav-animation-none .premium-menu-link-parent::before,
5238
- .premium-nav-pointer-underline.premium-nav-animation-none .premium-menu-link-parent::after,
5239
- .premium-nav-pointer-underline.premium-nav-animation-none .premium-menu-link-parent:focus,
5240
- .premium-nav-pointer-underline.premium-nav-animation-none .premium-menu-link-parent:hover,
5241
- .premium-nav-pointer-overline.premium-nav-animation-none .premium-menu-link-parent,
5242
- .premium-nav-pointer-overline.premium-nav-animation-none .premium-menu-link-parent::before,
5243
- .premium-nav-pointer-overline.premium-nav-animation-none .premium-menu-link-parent::after,
5244
- .premium-nav-pointer-overline.premium-nav-animation-none .premium-menu-link-parent:focus,
5245
- .premium-nav-pointer-overline.premium-nav-animation-none .premium-menu-link-parent:hover,
5246
- .premium-nav-pointer-double-line.premium-nav-animation-none .premium-menu-link-parent,
5247
- .premium-nav-pointer-double-line.premium-nav-animation-none .premium-menu-link-parent::before,
5248
- .premium-nav-pointer-double-line.premium-nav-animation-none .premium-menu-link-parent::after,
5249
- .premium-nav-pointer-double-line.premium-nav-animation-none .premium-menu-link-parent:focus,
5250
- .premium-nav-pointer-double-line.premium-nav-animation-none .premium-menu-link-parent:hover {
5251
- -webkit-transition-duration: 0s;
5252
- transition-duration: 0s; }
5253
-
5254
- .premium-nav-pointer-underline.premium-nav-animation-slide .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after,
5255
- .premium-nav-pointer-double-line.premium-nav-animation-slide .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after {
5256
- width: 10px;
5257
- inset-inline-start: 100%; }
5258
-
5259
- .premium-nav-pointer-overline.premium-nav-animation-slide .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,
5260
- .premium-nav-pointer-double-line.premium-nav-animation-slide .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
5261
- width: 10px;
5262
- left: -20px; }
5263
-
5264
- .premium-nav-pointer-underline.premium-nav-animation-grow .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before, .premium-nav-pointer-underline.premium-nav-animation-grow .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after,
5265
- .premium-nav-pointer-overline.premium-nav-animation-grow .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,
5266
- .premium-nav-pointer-overline.premium-nav-animation-grow .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after,
5267
- .premium-nav-pointer-double-line.premium-nav-animation-grow .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,
5268
- .premium-nav-pointer-double-line.premium-nav-animation-grow .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after {
5269
- height: 0;
5270
- width: 0;
5271
- left: 50%; }
5272
-
5273
- .premium-nav-pointer-underline.premium-nav-animation-drop-in .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,
5274
- .premium-nav-pointer-overline.premium-nav-animation-drop-in .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,
5275
- .premium-nav-pointer-double-line.premium-nav-animation-drop-in .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
5276
- top: -10px; }
5277
-
5278
- .premium-nav-pointer-underline.premium-nav-animation-drop-in .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after,
5279
- .premium-nav-pointer-overline.premium-nav-animation-drop-in .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after,
5280
- .premium-nav-pointer-double-line.premium-nav-animation-drop-in .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after {
5281
- bottom: -10px; }
5282
-
5283
- .premium-nav-pointer-underline.premium-nav-animation-drop-out .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,
5284
- .premium-nav-pointer-overline.premium-nav-animation-drop-out .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,
5285
- .premium-nav-pointer-double-line.premium-nav-animation-drop-out .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
5286
- top: 10px; }
5287
-
5288
- .premium-nav-pointer-underline.premium-nav-animation-drop-out .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after,
5289
- .premium-nav-pointer-overline.premium-nav-animation-drop-out .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after,
5290
- .premium-nav-pointer-double-line.premium-nav-animation-drop-out .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after {
5291
- bottom: 10px; }
5292
-
5293
- .premium-nav-pointer-framed .premium-menu-link-parent::before {
5294
- content: ""; }
5295
-
5296
- .premium-nav-pointer-framed .premium-menu-link-parent::before, .premium-nav-pointer-framed .premium-menu-link-parent::after {
5297
- background: transparent;
5298
- left: 0;
5299
- top: 0;
5300
- bottom: 0;
5301
- right: 0;
5302
- border: 3px solid #55595c; }
5303
-
5304
- .premium-nav-pointer-framed.premium-nav-animation-grow .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
5305
- -webkit-transform: scale(0.75);
5306
- -ms-transform: scale(0.75);
5307
- transform: scale(0.75); }
5308
-
5309
- .premium-nav-pointer-framed.premium-nav-animation-shrink .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
5310
- -webkit-transform: scale(1.25);
5311
- -ms-transform: scale(1.25);
5312
- transform: scale(1.25); }
5313
-
5314
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent::before, .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent::after {
5315
- width: 3px;
5316
- height: 3px; }
5317
-
5318
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent::before {
5319
- border-width: 0 0 3px 3px;
5320
- -webkit-transition: width 0.1s 0.2s, height 0.1s 0.3s, opacity 0.12s 0.22s;
5321
- transition: width 0.1s 0.2s, height 0.1s 0.3s, opacity 0.12s 0.22s; }
5322
-
5323
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent::after {
5324
- content: "";
5325
- top: auto;
5326
- bottom: 0;
5327
- left: auto;
5328
- right: 0;
5329
- border-width: 3px 3px 0 0;
5330
- -webkit-transition: width 0.1s, height 0.1s 0.1s, opacity 0.02s 0.18s;
5331
- transition: width 0.1s, height 0.1s 0.1s, opacity 0.02s 0.18s; }
5332
-
5333
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:hover::before, .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:focus::before {
5334
- -webkit-transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s;
5335
- transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s; }
5336
-
5337
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:hover::after, .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:focus::after {
5338
- -webkit-transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s;
5339
- transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s; }
5340
-
5341
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:hover::before, .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:hover::after, .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:focus::before, .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:focus::after {
5342
- width: 100%;
5343
- height: 100%; }
5344
-
5345
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-active-item .premium-menu-link-parent::before {
5346
- -webkit-transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s;
5347
- transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s; }
5348
-
5349
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-active-item .premium-menu-link-parent::after {
5350
- -webkit-transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s;
5351
- transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s; }
5352
-
5353
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-active-item .premium-menu-link-parent::before, .premium-nav-pointer-framed.premium-nav-animation-draw .premium-active-item .premium-menu-link-parent::after {
5354
- width: 100%;
5355
- height: 100%; }
5356
-
5357
- .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent::before {
5358
- border-width: 3px 0 0 3px; }
5359
-
5360
- .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent::after {
5361
- content: "";
5362
- top: auto;
5363
- bottom: 0;
5364
- left: auto;
5365
- right: 0;
5366
- border-width: 0 3px 3px 0; }
5367
-
5368
- .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent::before, .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent::after {
5369
- width: 3px;
5370
- height: 3px; }
5371
-
5372
- .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent:hover::before, .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent:hover::after, .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent:focus::before, .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent:focus::after {
5373
- width: 100%;
5374
- height: 100%;
5375
- -webkit-transition: opacity 2ms, width 0.4s, height 0.4s;
5376
- transition: opacity 2ms, width 0.4s, height 0.4s; }
5377
-
5378
- .premium-nav-pointer-framed.premium-nav-animation-corners .premium-active-item .premium-menu-link-parent::before, .premium-nav-pointer-framed.premium-nav-animation-corners .premium-active-item .premium-menu-link-parent::after {
5379
- width: 100%;
5380
- height: 100%;
5381
- -webkit-transition: opacity 2ms, width 0.4s, height 0.4s;
5382
- transition: opacity 2ms, width 0.4s, height 0.4s; }
5383
-
5384
- .premium-nav-pointer-text.premium-nav-animation-grow .premium-menu-link-parent:hover, .premium-nav-pointer-text.premium-nav-animation-grow .premium-menu-link-parent:focus {
5385
- -webkit-transform: scale(1.2);
5386
- -ms-transform: scale(1.2);
5387
- transform: scale(1.2); }
5388
-
5389
- .premium-nav-pointer-text.premium-nav-animation-shrink .premium-menu-link-parent:hover, .premium-nav-pointer-text.premium-nav-animation-shrink .premium-menu-link-parent:focus {
5390
- -webkit-transform: scale(0.8);
5391
- -ms-transform: scale(0.8);
5392
- transform: scale(0.8); }
5393
-
5394
- .premium-nav-pointer-text.premium-nav-animation-sink .premium-menu-link-parent:hover, .premium-nav-pointer-text.premium-nav-animation-sink .premium-menu-link-parent:focus {
5395
- -webkit-transform: translateY(8px);
5396
- -ms-transform: translateY(8px);
5397
- transform: translateY(8px); }
5398
-
5399
- .premium-nav-pointer-text.premium-nav-animation-float .premium-menu-link-parent:hover, .premium-nav-pointer-text.premium-nav-animation-float .premium-menu-link-parent:focus {
5400
- -webkit-transform: translateY(-8px);
5401
- -ms-transform: translateY(-8px);
5402
- transform: translateY(-8px); }
5403
-
5404
- .premium-nav-pointer-text.premium-nav-animation-skew .premium-menu-link-parent:hover, .premium-nav-pointer-text.premium-nav-animation-skew .premium-menu-link-parent:focus {
5405
- -webkit-transform: skew(-8deg);
5406
- -ms-transform: skew(-8deg);
5407
- transform: skew(-8deg); }
5408
-
5409
- .premium-nav-pointer-text.premium-nav-animation-rotate .premium-menu-link-parent:hover, .premium-nav-pointer-text.premium-nav-animation-rotate .premium-menu-link-parent:focus {
5410
- -webkit-transform: rotate(6deg);
5411
- -ms-transform: rotate(6deg);
5412
- transform: rotate(6deg); }
5413
-
5414
- .premium-nav-pointer-background .premium-menu-link-parent::before {
5415
- top: 0;
5416
- left: 0;
5417
- right: 0;
5418
- bottom: 0;
5419
- background: #55595c;
5420
- background-color: #55595c;
5421
- z-index: -1; }
5422
-
5423
- .premium-nav-pointer-background .premium-menu-link-parent::before, .premium-nav-pointer-background .premium-menu-link-parent::after {
5424
- content: "";
5425
- -webkit-transition: 0.3s;
5426
- transition: 0.3s; }
5427
-
5428
- .premium-nav-pointer-background.premium-nav-animation-grow .premium-menu-link-parent::before {
5429
- -webkit-transform: scale(0.5);
5430
- -ms-transform: scale(0.5);
5431
- transform: scale(0.5); }
5432
-
5433
- .premium-nav-pointer-background.premium-nav-animation-grow .premium-menu-link-parent:hover::before, .premium-nav-pointer-background.premium-nav-animation-grow .premium-menu-link-parent:focus::before {
5434
- -webkit-transform: scale(1);
5435
- -ms-transform: scale(1);
5436
- transform: scale(1); }
5437
-
5438
- .premium-nav-pointer-background.premium-nav-animation-grow .premium-active-item .premium-menu-link-parent::before {
5439
- -webkit-transform: scale(1);
5440
- -ms-transform: scale(1);
5441
- transform: scale(1); }
5442
-
5443
- .premium-nav-pointer-background.premium-nav-animation-shrink .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
5444
- -webkit-transform: scale(1.2);
5445
- -ms-transform: scale(1.2);
5446
- transform: scale(1.2);
5447
- -webkit-transition: 0.3;
5448
- transition: 0.3; }
5449
-
5450
- .premium-nav-pointer-background.premium-nav-animation-sweep-left .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
5451
- left: 100%; }
5452
-
5453
- .premium-nav-pointer-background.premium-nav-animation-sweep-right .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
5454
- right: 100%; }
5455
-
5456
- .premium-nav-pointer-background.premium-nav-animation-sweep-up .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
5457
- top: 100%; }
5458
-
5459
- .premium-nav-pointer-background.premium-nav-animation-sweep-down .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
5460
- bottom: 100%; }
5461
-
5462
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent::after, .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent::after {
5463
- top: 0;
5464
- left: 0;
5465
- right: 0;
5466
- bottom: 0;
5467
- background: #55595c;
5468
- background-color: #55595c;
5469
- z-index: -1; }
5470
-
5471
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent::before {
5472
- top: 0;
5473
- bottom: 100%; }
5474
-
5475
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent::after {
5476
- top: 100%;
5477
- bottom: 0; }
5478
-
5479
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent:hover::before, .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent:focus::before {
5480
- bottom: 50%; }
5481
-
5482
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent:hover::after, .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent:focus::after {
5483
- top: 50%; }
5484
-
5485
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-active-item .premium-menu-link-parent::before {
5486
- bottom: 50%; }
5487
-
5488
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-active-item .premium-menu-link-parent::after {
5489
- top: 50%; }
5490
-
5491
- .premium-nav-pointer-background.premium-nav-animation-shutter-out-vertical .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
5492
- bottom: 50%;
5493
- top: 50%; }
5494
-
5495
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent::before {
5496
- right: 0;
5497
- left: 100%; }
5498
-
5499
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent::after {
5500
- right: 100%;
5501
- left: 0; }
5502
-
5503
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent:hover::before, .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent:focus::before {
5504
- left: 50%; }
5505
-
5506
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent:hover::after, .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent:focus::after {
5507
- right: 50%; }
5508
-
5509
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-active-item .premium-menu-link-parent::before {
5510
- left: 50%; }
5511
-
5512
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-active-item .premium-menu-link-parent::after {
5513
- right: 50%; }
5514
-
5515
- .premium-nav-pointer-background.premium-nav-animation-shutter-out-horizontal .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
5516
- left: 50%;
5517
- right: 50%; }
5518
-
5519
- .premium-active-item::before, .premium-active-item::after,
5520
- .premium-menu-link-parent:hover::before,
5521
- .premium-menu-link-parent:hover::after,
5522
- .premium-menu-link-parent:focus::before,
5523
- .premium-menu-link-parent:focus::after {
5524
- -webkit-transform: scale(1);
5525
- -ms-transform: scale(1);
5526
- transform: scale(1); }
5527
-
5528
- /**Sub Menu Animation*/
5529
- .premium-nav-menu-item .premium-sub-menu,
5530
- .premium-nav-menu-item .premium-mega-content-container {
5531
- -webkit-transition: 0.5s all ease-in-out;
5532
- transition: 0.5s all ease-in-out;
5533
- -webkit-transition-delay: 0.1s;
5534
- transition-delay: 0.1s; }
5535
-
5536
- [class*="premium-nav-slide-"].premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item:hover > .premium-sub-menu,
5537
- [class*="premium-nav-slide-"].premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item:hover > .premium-mega-content-container,
5538
- [class*="premium-nav-slide-"].premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu:hover > .premium-sub-menu,
5539
- [class*="premium-nav-slide-"].premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item:hover > .premium-sub-menu,
5540
- [class*="premium-nav-slide-"].premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item:hover > .premium-mega-content-container,
5541
- [class*="premium-nav-slide-"].premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu:hover > .premium-sub-menu {
5542
- -webkit-transform: translate(0);
5543
- -ms-transform: translate(0);
5544
- transform: translate(0); }
5545
-
5546
- .premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu,
5547
- .premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-content-container,
5548
- .premium-nav-slide-up.premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu,
5549
- .premium-nav-slide-up.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-content-container {
5550
- -webkit-transform: translateY(10px);
5551
- -ms-transform: translateY(10px);
5552
- transform: translateY(10px); }
5553
-
5554
- .premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu,
5555
- .premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-content-container,
5556
- .premium-nav-slide-down.premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu,
5557
- .premium-nav-slide-down.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-content-container {
5558
- -webkit-transform: translateY(-10px);
5559
- -ms-transform: translateY(-10px);
5560
- transform: translateY(-10px); }
5561
-
5562
- .premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu,
5563
- .premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-content-container,
5564
- .premium-nav-slide-right.premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu,
5565
- .premium-nav-slide-right.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-content-container {
5566
- -webkit-transform: translateX(-10px);
5567
- -ms-transform: translateX(-10px);
5568
- transform: translateX(-10px); }
5569
-
5570
- .premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu,
5571
- .premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-content-container,
5572
- .premium-nav-slide-left.premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu,
5573
- .premium-nav-slide-left.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-content-container {
5574
- -webkit-transform: translateX(10px);
5575
- -ms-transform: translateX(10px);
5576
- transform: translateX(10px); }
5577
-
5578
- /**Horizontal - Static Mega Content*/
5579
- /*UP*/
5580
- .premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static .premium-mega-content-container {
5581
- -webkit-transform: translateX(-50%) translateY(10px);
5582
- -ms-transform: translateX(-50%) translateY(10px);
5583
- transform: translateX(-50%) translateY(10px); }
5584
-
5585
- .premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container {
5586
- -webkit-transform: translateX(-50%) translateY(0);
5587
- -ms-transform: translateX(-50%) translateY(0);
5588
- transform: translateX(-50%) translateY(0); }
5589
-
5590
- /*DOWN*/
5591
- .premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static .premium-mega-content-container {
5592
- -webkit-transform: translateX(-50%) translateY(-10px);
5593
- -ms-transform: translateX(-50%) translateY(-10px);
5594
- transform: translateX(-50%) translateY(-10px); }
5595
-
5596
- .premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container {
5597
- -webkit-transform: translateX(-50%) translateY(0);
5598
- -ms-transform: translateX(-50%) translateY(0);
5599
- transform: translateX(-50%) translateY(0); }
5600
-
5601
- /*Left*/
5602
- .premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static .premium-mega-content-container {
5603
- -webkit-transform: translateX(-45%);
5604
- -ms-transform: translateX(-45%);
5605
- transform: translateX(-45%); }
5606
-
5607
- .premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container {
5608
- -webkit-transform: translateX(-50%);
5609
- -ms-transform: translateX(-50%);
5610
- transform: translateX(-50%); }
5611
-
5612
- /*Right*/
5613
- .premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static .premium-mega-content-container {
5614
- -webkit-transform: translateX(-55%);
5615
- -ms-transform: translateX(-55%);
5616
- transform: translateX(-55%); }
5617
-
5618
- .premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container {
5619
- -webkit-transform: translateX(-50%);
5620
- -ms-transform: translateX(-50%);
5621
- transform: translateX(-50%); }
5622
-
5623
- /**Vertical - Static Mega Content*/
5624
- .premium-nav-slide-down.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container,
5625
- .premium-nav-slide-up.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container {
5626
- -webkit-transform: translateY(0);
5627
- -ms-transform: translateY(0);
5628
- transform: translateY(0); }
5629
-
5630
- .premium-nav-slide-right.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container,
5631
- .premium-nav-slide-left.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container {
5632
- -webkit-transform: translateX(0);
5633
- -ms-transform: translateX(0);
5634
- transform: translateX(0); }
5635
-
5636
- /************ Premium Team Members ************/
5637
- /**********************************************/
5638
- .premium-person-container {
5639
- position: relative; }
5640
 
5641
- .premium-person-image-container {
 
 
 
 
 
 
 
 
 
 
 
 
 
5642
  position: relative;
5643
- text-align: center;
5644
- overflow: hidden; }
5645
- .premium-person-image-container .premium-person-image-wrap {
5646
- overflow: hidden; }
 
 
 
 
 
 
 
 
5647
 
5648
- .premium-person-zoomout-effect .premium-person-image-container img,
5649
- .premium-person-scale-effect .premium-person-image-container img {
5650
- -webkit-transform: scale(1.2);
5651
- -ms-transform: scale(1.2);
5652
- transform: scale(1.2); }
5653
 
5654
- .premium-person-sepia-effect .premium-person-image-container img {
5655
- -webkit-filter: sepia(30%);
5656
- filter: sepia(30%); }
 
5657
 
5658
- .premium-person-bright-effect .premium-person-image-container img {
5659
- -webkit-filter: brightness(1);
5660
- filter: brightness(1); }
5661
 
5662
- .premium-person-trans-effect .premium-person-image-container img {
5663
- -webkit-transform: translateX(-15px) scale(1.1);
5664
- -ms-transform: translateX(-15px) scale(1.1);
5665
- transform: translateX(-15px) scale(1.1); }
5666
 
5667
- .premium-person-zoomin-effect:hover .premium-person-image-container img {
5668
- -webkit-transform: scale(1.2);
5669
- -ms-transform: scale(1.2);
5670
- transform: scale(1.2); }
5671
 
5672
- .premium-person-zoomout-effect:hover .premium-person-image-container img {
5673
- -webkit-transform: scale(1.1);
5674
- -ms-transform: scale(1.1);
5675
- transform: scale(1.1); }
 
 
 
 
5676
 
5677
- .premium-person-scale-effect:hover .premium-person-image-container img {
5678
- -webkit-transform: scale(1.3) rotate(5deg);
5679
- -ms-transform: scale(1.3) rotate(5deg);
5680
- transform: scale(1.3) rotate(5deg); }
5681
 
5682
- .premium-person-grayscale-effect:hover .premium-person-image-container img {
5683
- -webkit-filter: grayscale(100%);
5684
- filter: grayscale(100%); }
 
 
 
 
 
 
 
 
 
 
5685
 
5686
- .premium-person-blur-effect:hover .premium-person-image-container img {
5687
- -webkit-filter: blur(3px);
5688
- filter: blur(3px); }
 
 
5689
 
5690
- .premium-person-sepia-effect:hover .premium-person-image-container img {
5691
- -webkit-filter: sepia(0%);
5692
- filter: sepia(0%); }
 
 
5693
 
5694
- .premium-person-bright-effect:hover .premium-person-image-container img {
5695
- -webkit-filter: brightness(1.2);
5696
- filter: brightness(1.2); }
 
 
5697
 
5698
- .premium-person-trans-effect:hover .premium-person-image-container img {
5699
- -webkit-transform: translateX(0px) scale(1.1);
5700
- -ms-transform: translateX(0px) scale(1.1);
5701
- transform: translateX(0px) scale(1.1); }
5702
 
5703
- .premium-person-container .premium-person-image-container img {
5704
- width: 100%;
5705
- height: 100%;
5706
- display: block;
5707
- -o-object-fit: cover;
5708
- object-fit: cover;
5709
- -webkit-transition: all 0.5s ease-in-out;
5710
- transition: all 0.5s ease-in-out; }
5711
 
5712
- .premium-person-style2 .premium-person-social {
 
 
 
 
 
 
 
 
5713
  position: absolute;
5714
- top: 0;
5715
- left: 0;
5716
- width: 100%;
5717
- height: 100%;
5718
- z-index: 2;
5719
- -js-display: flex;
5720
- display: -webkit-box;
5721
- display: -webkit-flex;
5722
- display: -moz-box;
5723
- display: -ms-flexbox;
5724
- display: flex;
 
 
 
 
 
 
 
 
5725
  -webkit-box-pack: center;
5726
  -webkit-justify-content: center;
5727
  -moz-box-pack: center;
@@ -5731,2690 +4865,3641 @@ button.premium-modal-box-modal-close {
5731
  -webkit-align-items: center;
5732
  -moz-box-align: center;
5733
  -ms-flex-align: center;
5734
- align-items: center;
5735
- -webkit-box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
5736
- box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
5737
- -webkit-transition: all 0.5s linear 0s;
5738
- transition: all 0.5s linear 0s;
5739
- opacity: 0; }
5740
-
5741
- .premium-person-style2 .premium-person-image-container:hover .premium-person-social {
5742
- opacity: 1; }
5743
-
5744
- .premium-person-list-item a {
5745
- display: inline-block; }
5746
-
5747
- .premium-person-style2 .premium-person-list-item a {
5748
- opacity: 0;
5749
- -webkit-transform: scale(0);
5750
- -ms-transform: scale(0);
5751
- transform: scale(0);
5752
- -webkit-transition: all 0.5s ease-in-out 0s;
5753
- transition: all 0.5s ease-in-out 0s; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
5754
 
5755
- .premium-person-style2 .premium-person-image-container:hover .premium-person-list-item a {
5756
- opacity: 1;
5757
- -webkit-transform: scale(1);
5758
- -ms-transform: scale(1);
5759
- transform: scale(1); }
5760
 
5761
- .premium-person-info-container {
5762
- padding: 30px 15px; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
5763
 
5764
- .premium-person-name {
5765
- margin: 0 0 5px;
5766
- font-weight: 700; }
 
 
 
 
 
 
 
 
 
 
 
 
 
5767
 
5768
- .premium-person-title {
5769
- margin: 0 0 20px;
5770
- padding: 0; }
5771
 
5772
- .premium-person-content {
5773
- margin: 0 0 30px; }
5774
 
5775
- /*Override Theme List Margin*/
5776
- ul.premium-person-social-list {
5777
- margin: 0px !important;
5778
- padding: 0; }
5779
 
5780
- .premium-person-social-list .premium-person-list-item {
5781
- display: inline;
5782
- list-style: none; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
5783
 
5784
- .premium-person-social-list li {
5785
- position: relative;
5786
- bottom: 0px;
5787
- -webkit-transition: all 0.2s ease-in-out;
5788
- transition: all 0.2s ease-in-out; }
5789
- .premium-person-social-list li i {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
5790
  position: relative;
5791
- bottom: 0px;
5792
- -webkit-transition: all 0.2s ease-in-out;
5793
- transition: all 0.2s ease-in-out; }
5794
-
5795
- .premium-person-defaults-yes li.premium-person-facebook:hover a {
5796
- background-color: #3b5998 !important; }
5797
-
5798
- .premium-person-defaults-yes li.premium-person-twitter:hover a {
5799
- background-color: #55acee !important; }
5800
-
5801
- .premium-person-defaults-yes li.premium-person-linkedin:hover a {
5802
- background-color: #0077b5 !important; }
5803
-
5804
- .premium-person-defaults-yes li.premium-person-google:hover a {
5805
- background-color: #dc4e41 !important; }
5806
-
5807
- .premium-person-defaults-yes li.premium-person-youtube:hover a {
5808
- background-color: #b31217 !important; }
5809
-
5810
- .premium-person-defaults-yes li.premium-person-instagram:hover a {
5811
- background-color: #e4405f !important; }
5812
 
5813
- .premium-person-defaults-yes li.premium-person-skype:hover a {
5814
- background-color: #00aff0 !important; }
 
 
 
 
 
 
 
 
 
5815
 
5816
- .premium-person-defaults-yes li.premium-person-pinterest:hover a {
5817
- background-color: #bd081c !important; }
 
5818
 
5819
- .premium-person-defaults-yes li.premium-person-dribbble:hover a {
5820
- background-color: #ea4c89 !important; }
 
 
 
 
 
 
 
 
5821
 
5822
- .premium-person-defaults-yes li.premium-person-mail:hover a {
5823
- background-color: #b23121 !important; }
 
 
 
 
 
5824
 
5825
- .premium-person-defaults-yes li.premium-person-behance:hover a {
5826
- background-color: #1769ff !important; }
5827
 
5828
- .premium-person-defaults-yes li.premium-person-whatsapp:hover a {
5829
- background-color: #25d366 !important; }
5830
 
5831
- .premium-person-defaults-yes li.premium-person-telegram:hover a {
5832
- background-color: #0088cc !important; }
 
 
5833
 
5834
- .premium-person-defaults-yes li.premium-person-site:hover a {
5835
- background-color: #0055a5 !important; }
5836
 
5837
- .premium-person-social-list li:hover a {
5838
- -webkit-box-shadow: none;
5839
- box-shadow: none; }
 
5840
 
5841
- .premium-person-social-list li a:focus {
5842
- -webkit-box-shadow: none;
5843
- box-shadow: none;
5844
- outline: none; }
 
 
 
 
 
5845
 
5846
- .premium-person-social-list li i {
5847
- font-size: 18px; }
 
 
 
 
 
5848
 
5849
- .elementor-widget-premium-addon-person .elementor-widget-container {
5850
- -js-display: flex;
5851
- display: -webkit-box;
5852
- display: -webkit-flex;
5853
- display: -moz-box;
5854
- display: -ms-flexbox;
5855
- display: flex;
5856
- -webkit-box-pack: center;
5857
- -webkit-justify-content: center;
5858
- -moz-box-pack: center;
5859
- -ms-flex-pack: center;
5860
- justify-content: center; }
5861
 
5862
- .premium-persons-container.multiple-persons {
 
5863
  -js-display: flex;
5864
  display: -webkit-box;
5865
  display: -webkit-flex;
5866
  display: -moz-box;
5867
  display: -ms-flexbox;
5868
- display: flex;
5869
- -webkit-flex-wrap: wrap;
5870
- -ms-flex-wrap: wrap;
5871
- flex-wrap: wrap;
5872
- width: 100%; }
5873
 
5874
- .premium-person-style1 .premium-person-container {
5875
- overflow: hidden; }
5876
- .premium-person-style1 .premium-person-container .premium-person-info {
5877
- position: absolute;
5878
- top: auto;
5879
- right: 0;
5880
- left: 0;
5881
- -webkit-transition: all 500ms ease 0s;
5882
- transition: all 500ms ease 0s;
5883
- -webkit-transform: translate3d(0, 100%, 0);
5884
- transform: translate3d(0, 100%, 0); }
5885
- .premium-person-style1 .premium-person-container:hover .premium-person-info {
5886
- -webkit-transform: translate3d(0, 0, 0);
5887
- transform: translate3d(0, 0, 0);
5888
- bottom: -1px !important; }
5889
 
5890
- .premium-person-style1 .premium-person-social-list li:hover {
5891
- bottom: 5px; }
 
5892
 
5893
- .premium-person-style1.multiple-persons:not([data-persons-equal="yes"]) {
5894
- -webkit-box-align: start;
5895
- -webkit-align-items: flex-start;
5896
- -moz-box-align: start;
5897
- -ms-flex-align: start;
5898
- align-items: flex-start; }
5899
 
5900
- .premium-person-style1 .slick-track {
5901
- -js-display: flex;
5902
- display: -webkit-box;
5903
- display: -webkit-flex;
5904
- display: -moz-box;
5905
- display: -ms-flexbox;
5906
- display: flex; }
5907
 
5908
- .premium-person-style1 .slick-slide {
5909
- height: inherit !important; }
5910
 
5911
- .premium-person-style3 .premium-person-info-container {
 
 
 
 
5912
  position: absolute;
5913
- top: 0;
5914
- left: 0;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
5915
  width: 100%;
5916
- height: 100%;
5917
- -js-display: flex;
5918
- display: -webkit-box;
5919
- display: -webkit-flex;
5920
- display: -moz-box;
5921
- display: -ms-flexbox;
5922
- display: flex;
5923
- -webkit-box-orient: vertical;
5924
- -webkit-box-direction: normal;
5925
- -webkit-flex-direction: column;
5926
- -moz-box-orient: vertical;
5927
- -moz-box-direction: normal;
5928
- -ms-flex-direction: column;
5929
- flex-direction: column;
5930
- -webkit-box-pack: justify;
5931
- -webkit-justify-content: space-between;
5932
- -moz-box-pack: justify;
5933
- -ms-flex-pack: justify;
5934
- justify-content: space-between; }
5935
 
5936
- .premium-person-style3 .premium-person-title-desc-wrap {
5937
- -js-display: flex;
5938
- display: -webkit-box;
5939
- display: -webkit-flex;
5940
- display: -moz-box;
5941
- display: -ms-flexbox;
5942
- display: flex;
5943
- -webkit-box-orient: horizontal;
5944
- -webkit-box-direction: reverse;
5945
- -webkit-flex-direction: row-reverse;
5946
- -moz-box-orient: horizontal;
5947
- -moz-box-direction: reverse;
5948
- -ms-flex-direction: row-reverse;
5949
- flex-direction: row-reverse;
5950
- -webkit-box-pack: justify;
5951
- -webkit-justify-content: space-between;
5952
- -moz-box-pack: justify;
5953
- -ms-flex-pack: justify;
5954
- justify-content: space-between;
5955
- -webkit-box-align: start;
5956
- -webkit-align-items: flex-start;
5957
- -moz-box-align: start;
5958
- -ms-flex-align: start;
5959
- align-items: flex-start; }
5960
 
5961
- .premium-person-style3 .premium-person-name-icons-wrap {
5962
- -js-display: flex;
5963
- display: -webkit-box;
5964
- display: -webkit-flex;
5965
- display: -moz-box;
5966
- display: -ms-flexbox;
5967
- display: flex;
5968
- -webkit-box-pack: justify;
5969
- -webkit-justify-content: space-between;
5970
- -moz-box-pack: justify;
5971
- -ms-flex-pack: justify;
5972
- justify-content: space-between;
5973
- -webkit-box-align: end;
5974
- -webkit-align-items: flex-end;
5975
- -moz-box-align: end;
5976
- -ms-flex-align: end;
5977
- align-items: flex-end; }
 
 
 
 
 
 
 
 
 
 
5978
 
5979
- .premium-person-style3 .premium-person-title {
5980
- opacity: 0;
5981
- -webkit-transition: all 0.3s ease;
5982
- transition: all 0.3s ease;
5983
- width: 0; }
5984
- .premium-person-style3 .premium-person-title span {
5985
- display: inline-block; }
5986
 
5987
- .premium-person-style3 .premium-person-name {
5988
- padding-left: 10px; }
 
 
 
 
 
 
5989
 
5990
- .premium-person-style3 .premium-person-social-list {
5991
- -js-display: flex;
5992
- display: -webkit-box;
5993
- display: -webkit-flex;
5994
- display: -moz-box;
5995
- display: -ms-flexbox;
5996
- display: flex;
5997
- -webkit-box-orient: vertical;
5998
- -webkit-box-direction: normal;
5999
- -webkit-flex-direction: column;
6000
- -moz-box-orient: vertical;
6001
- -moz-box-direction: normal;
6002
- -ms-flex-direction: column;
6003
- flex-direction: column;
6004
- -webkit-transform: translateY(20px);
6005
- -ms-transform: translateY(20px);
6006
- transform: translateY(20px);
6007
- opacity: 0;
6008
- -webkit-transition: all 0.3s ease;
6009
- transition: all 0.3s ease; }
6010
 
6011
- .premium-person-style3 .premium-person-list-item {
6012
- line-height: 0; }
6013
- .premium-person-style3 .premium-person-list-item a {
6014
- padding: 5px 10px 0 0;
6015
- margin: 5px 0; }
6016
 
6017
- .premium-person-style3 .premium-person-container:hover .premium-person-title {
6018
- opacity: 1; }
 
 
6019
 
6020
- .premium-person-style3 .premium-person-container:hover .premium-person-social-list {
6021
- opacity: 1;
6022
- -webkit-transform: translateY(0);
6023
- -ms-transform: translateY(0);
6024
- transform: translateY(0); }
6025
 
6026
- .premium-persons-title-cw .premium-person-title {
6027
- -webkit-transform: translateX(15px) rotate(90deg);
6028
- -ms-transform: translateX(15px) rotate(90deg);
6029
- transform: translateX(15px) rotate(90deg);
6030
- -webkit-transform-origin: top;
6031
- -ms-transform-origin: top;
6032
- transform-origin: top; }
6033
 
6034
- .premium-persons-title-cw .premium-person-container:hover .premium-person-title {
6035
- -webkit-transform: translateX(0) rotate(90deg);
6036
- -ms-transform: translateX(0) rotate(90deg);
6037
- transform: translateX(0) rotate(90deg); }
 
 
 
6038
 
6039
- .premium-persons-title-ccw .premium-person-title {
6040
- width: auto;
6041
- margin-right: 20px;
6042
- -webkit-transform: translateX(15px) rotate(-90deg);
6043
- -ms-transform: translateX(15px) rotate(-90deg);
6044
- transform: translateX(15px) rotate(-90deg);
6045
- -webkit-transform-origin: center right;
6046
- -ms-transform-origin: center right;
6047
- transform-origin: center right; }
6048
 
6049
- .premium-persons-title-ccw .premium-person-container:hover .premium-person-title {
6050
- -webkit-transform: translateX(0) rotate(-90deg);
6051
- -ms-transform: translateX(0) rotate(-90deg);
6052
- transform: translateX(0) rotate(-90deg); }
6053
-
6054
- /**************** Premium Pricing Table ****************/
6055
- /*******************************************************/
6056
- .premium-pricing-table-container {
6057
- position: relative;
6058
- text-align: center;
6059
- display: inline-block;
6060
- width: 100%;
6061
- -webkit-transition: all 0.3s ease-in-out;
6062
- transition: all 0.3s ease-in-out; }
6063
 
6064
- .premium-pricing-icon-container {
6065
- -js-display: flex;
6066
- display: -webkit-box;
6067
- display: -webkit-flex;
6068
- display: -moz-box;
6069
- display: -ms-flexbox;
6070
- display: flex;
6071
- -webkit-box-pack: center;
6072
- -webkit-justify-content: center;
6073
- -moz-box-pack: center;
6074
- -ms-flex-pack: center;
6075
- justify-content: center;
6076
- line-height: 0; }
6077
- .premium-pricing-icon-container .premium-pricing-icon {
6078
- display: inline-block; }
6079
- .premium-pricing-icon-container .premium-pricing-image {
6080
- overflow: hidden; }
6081
- .premium-pricing-icon-container .premium-pricing-image img {
6082
- width: 25px;
6083
- height: 25px;
6084
- -o-object-fit: cover;
6085
- object-fit: cover; }
6086
 
6087
- .premium-badge-left {
6088
- position: absolute;
6089
- top: 0; }
 
6090
 
6091
- .premium-badge-right {
6092
- position: absolute;
6093
- top: 0;
6094
- right: 0; }
 
 
 
 
 
6095
 
6096
- .premium-badge-left {
6097
- left: 0; }
 
6098
 
6099
- .premium-badge-triangle.premium-badge-left .corner {
6100
- width: 0;
6101
- height: 0;
6102
- border-top: 150px solid;
6103
- border-bottom: 150px solid transparent;
6104
- border-right: 150px solid transparent; }
6105
 
6106
- .premium-badge-triangle.premium-badge-right .corner {
6107
- width: 0;
6108
- height: 0;
6109
- border-bottom: 150px solid transparent;
6110
- border-right: 150px solid;
6111
- border-left: 150px solid transparent; }
6112
 
6113
- .premium-badge-triangle span {
6114
- position: absolute;
6115
- top: 35px;
6116
- width: 100px;
6117
- text-align: center;
6118
- -webkit-transform: rotate(-45deg);
6119
- -ms-transform: rotate(-45deg);
6120
- transform: rotate(-45deg);
6121
- display: block;
6122
- text-transform: uppercase; }
6123
 
6124
- .premium-badge-triangle.premium-badge-right span {
6125
- -webkit-transform: rotate(45deg);
6126
- -ms-transform: rotate(45deg);
6127
- transform: rotate(45deg);
6128
- right: 0; }
6129
 
6130
- .premium-badge-circle {
6131
- min-width: 4em;
6132
- min-height: 4em;
6133
- line-height: 4em;
6134
- text-align: center;
6135
- -webkit-border-radius: 100%;
6136
- border-radius: 100%;
6137
- position: absolute;
6138
- z-index: 1; }
6139
 
6140
- .premium-badge-stripe {
6141
- position: absolute;
6142
- -webkit-transform: rotate(90deg);
6143
- -ms-transform: rotate(90deg);
6144
- transform: rotate(90deg);
6145
- width: 15em;
6146
- overflow: hidden;
6147
- height: 15em; }
6148
- .premium-badge-stripe.premium-badge-left {
6149
- -webkit-transform: rotate(0);
6150
- -ms-transform: rotate(0);
6151
- transform: rotate(0); }
6152
- .premium-badge-stripe .corner {
6153
- text-align: center;
6154
- left: 0;
6155
- width: 150%;
6156
- -webkit-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
6157
- -ms-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
6158
- transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
6159
- margin-top: 35px;
6160
- font-size: 13px;
6161
- line-height: 2;
6162
- font-weight: 800;
6163
- text-transform: uppercase; }
6164
 
6165
- .premium-badge-flag .corner {
6166
- text-align: center;
6167
- -webkit-border-radius: 4px 4px 0 4px;
6168
- border-radius: 4px 4px 0 4px;
6169
- padding: 3px 15px;
6170
- position: absolute;
6171
- top: 10%;
6172
- right: -8px; }
6173
- .premium-badge-flag .corner::before, .premium-badge-flag .corner::after {
6174
- content: "";
6175
- display: block;
6176
- position: absolute;
6177
- width: 0;
6178
- height: 0;
6179
- top: 100%;
6180
- right: 0;
6181
- border-bottom: 8px solid transparent; }
6182
 
6183
- .elementor-widget-premium-addon-pricing-table .elementor-widget-container {
6184
- overflow: visible !important; }
 
6185
 
6186
- .premium-badge-flag .corner::after {
6187
- border-left: 8px solid rgba(0, 0, 0, 0.2); }
 
 
 
6188
 
6189
- .premium-pricing-price-currency {
6190
- position: relative; }
 
 
 
6191
 
6192
- .premium-pricing-button-container {
6193
- display: block; }
 
 
6194
 
6195
- .premium-pricing-list {
6196
- -js-display: flex;
6197
- display: -webkit-box;
6198
- display: -webkit-flex;
6199
- display: -moz-box;
6200
- display: -ms-flexbox;
6201
- display: flex;
6202
- -webkit-box-orient: vertical;
6203
- -webkit-box-direction: normal;
6204
- -webkit-flex-direction: column;
6205
- -moz-box-orient: vertical;
6206
- -moz-box-direction: normal;
6207
- -ms-flex-direction: column;
6208
- flex-direction: column;
6209
- list-style-type: none;
6210
- margin: 0; }
6211
- .premium-pricing-list .premium-pricing-list-item {
6212
- -js-display: flex;
6213
- display: -webkit-box;
6214
- display: -webkit-flex;
6215
- display: -moz-box;
6216
- display: -ms-flexbox;
6217
- display: flex;
6218
- -webkit-box-align: center;
6219
- -webkit-align-items: center;
6220
- -moz-box-align: center;
6221
- -ms-flex-align: center;
6222
- align-items: center; }
6223
- .premium-pricing-list .premium-pricing-list-item svg {
6224
- width: 50px;
6225
- height: 50px; }
6226
- .premium-pricing-list .premium-pricing-list-item img {
6227
- width: 30px;
6228
- height: 30px;
6229
- -o-object-fit: cover;
6230
- object-fit: cover; }
6231
- .premium-pricing-list .premium-pricing-list-span {
6232
- position: relative; }
6233
- .premium-pricing-list .list-item-tooltip {
6234
- border-bottom: 1px dotted; }
6235
- .premium-pricing-list .premium-pricing-list-tooltip {
6236
- position: absolute;
6237
- top: -webkit-calc(100% + 1px);
6238
- top: calc(100% + 1px);
6239
- left: 0;
6240
- visibility: hidden;
6241
- padding: 15px 20px;
6242
- -webkit-border-radius: 5px;
6243
- border-radius: 5px;
6244
- min-width: 200px;
6245
- overflow: hidden;
6246
- text-align: left;
6247
- font-size: 0.8rem;
6248
- color: #fff;
6249
- background-color: #aaa; }
6250
 
6251
- .premium-pricing-features-left .premium-pricing-list-span {
6252
- text-align: left; }
 
 
6253
 
6254
- .premium-pricing-features-center .premium-pricing-list-span {
6255
- text-align: center; }
 
 
6256
 
6257
- .premium-pricing-features-right .premium-pricing-list-span {
6258
- text-align: right; }
 
 
6259
 
6260
- .premium-pricing-list-span:hover .premium-pricing-list-tooltip {
6261
- z-index: 99;
6262
- visibility: visible;
6263
- opacity: 1; }
6264
 
6265
- .premium-pricing-slashed-price-value {
6266
- display: inline-block;
6267
- font-size: 20px;
6268
- font-weight: 400;
6269
- margin-right: 5px; }
 
 
 
6270
 
6271
- .premium-pricing-price-value {
6272
- font-size: 70px; }
 
 
6273
 
6274
- .premium-pricing-description-container li {
6275
- list-style-position: inside;
6276
- text-indent: -40px; }
 
6277
 
6278
- @-moz-document url-prefix() {
6279
- .premium-pricing-description-container li {
6280
- text-indent: 0px; } }
 
6281
 
6282
- .premium-pricing-price-button {
6283
- display: block;
6284
- padding: 6px 12px;
6285
- line-height: 1.42857143;
6286
- text-align: center;
6287
- color: #fff;
6288
- background: #6ec1e4;
6289
- margin-bottom: 0;
6290
- -webkit-transition: all 0.3s ease-in-out;
6291
- transition: all 0.3s ease-in-out; }
6292
-
6293
- /**************** Premium Progress Bar ****************/
6294
- /******************************************************/
6295
- .premium-progressbar-container {
6296
- position: relative; }
6297
 
6298
- .premium-progressbar-bar-wrap {
6299
- position: relative;
6300
- text-align: left;
6301
- overflow: hidden;
6302
- height: 25px;
6303
- margin-bottom: 50px;
6304
- background-color: #f5f5f5;
6305
- -webkit-border-radius: 4px;
6306
- border-radius: 4px;
6307
- -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
6308
- box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }
6309
- .premium-progressbar-bar-wrap.premium-progressbar-dots {
6310
- background-color: transparent;
6311
- width: 100%;
6312
- -js-display: flex;
6313
- display: -webkit-box;
6314
- display: -webkit-flex;
6315
- display: -moz-box;
6316
- display: -ms-flexbox;
6317
- display: flex;
6318
- height: auto;
6319
- -webkit-box-shadow: none;
6320
- box-shadow: none; }
6321
- .premium-progressbar-bar-wrap .progress-segment {
6322
- position: relative;
6323
- width: 25px;
6324
- height: 25px;
6325
- -webkit-border-radius: 50%;
6326
- border-radius: 50%;
6327
- overflow: hidden;
6328
- background-color: #f5f5f5; }
6329
- .premium-progressbar-bar-wrap .progress-segment.filled {
6330
- background: #6ec1e4; }
6331
- .premium-progressbar-bar-wrap .progress-segment:not(:first-child):not(:last-child) {
6332
- margin: 0 4px; }
6333
- .premium-progressbar-bar-wrap .progress-segment:first-child {
6334
- margin-right: 4px; }
6335
- .premium-progressbar-bar-wrap .progress-segment:last-child {
6336
- margin-left: 4px; }
6337
- .premium-progressbar-bar-wrap .progress-segment .segment-inner {
6338
- position: absolute;
6339
- top: 0;
6340
- left: 0;
6341
- height: 100%;
6342
- background-color: #6ec1e4; }
6343
 
6344
- .premium-progressbar-bar {
6345
- float: left;
6346
- width: 0%;
6347
- height: 100%;
6348
- font-size: 12px;
6349
- line-height: 20px;
6350
- background: #6ec1e4;
6351
- text-align: center;
6352
- -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
6353
- box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); }
6354
 
6355
- .premium-progressbar-striped .premium-progressbar-bar {
6356
- 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);
6357
- 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);
6358
- -webkit-background-size: 40px 40px;
6359
- background-size: 40px 40px; }
6360
 
6361
- .premium-progressbar-active .premium-progressbar-bar {
6362
- -webkit-animation: progress-bar-stripes 2s linear infinite;
6363
- animation: progress-bar-stripes 2s linear infinite; }
6364
 
6365
- .premium-progressbar-gradient .premium-progressbar-bar {
6366
- -webkit-background-size: 400% 400% !important;
6367
- background-size: 400% 400% !important;
6368
- -webkit-animation: progress-bar-gradient 10s ease-in-out infinite;
6369
- animation: progress-bar-gradient 10s ease-in-out infinite; }
6370
 
6371
- .premium-progressbar-bar {
6372
- position: absolute;
6373
- overflow: hidden;
6374
- line-height: 20px; }
 
 
 
 
6375
 
6376
- .premium-progressbar-container .clearfix {
6377
- clear: both; }
 
6378
 
6379
- .premium-progressbar-bar {
6380
- -webkit-transition: width 0s ease-in-out !important;
6381
- transition: width 0s ease-in-out !important; }
6382
 
6383
- .premium-progressbar-container p:first-of-type {
6384
- margin: 0;
6385
- float: left; }
6386
 
6387
- .premium-progressbar-container p:nth-of-type(2) {
6388
- margin: 0;
6389
- float: right; }
6390
 
6391
- .premium-progressbar-name {
6392
- left: 50%;
6393
- top: 0;
 
 
 
 
 
 
 
 
6394
  right: 0;
6395
- -webkit-transform: translateX(-12.5px);
6396
- -ms-transform: translateX(-12.5px);
6397
- transform: translateX(-12.5px);
6398
- z-index: 1; }
6399
 
6400
- .premium-progressbar-multiple-label {
6401
- position: relative;
6402
- float: left;
6403
- width: 0;
 
6404
  left: 50%; }
6405
 
6406
- .premium-progressbar-center-label {
6407
- position: relative;
6408
- white-space: nowrap; }
6409
 
6410
- .premium-progressbar-arrow {
6411
- height: 15px;
 
 
 
 
 
6412
  left: 50%;
6413
- display: inline-block;
6414
- border-left: 7px solid transparent;
6415
- border-right: 7px solid transparent;
6416
- border-top: 11px solid;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
6417
  -webkit-transform: translateX(-50%);
6418
  -ms-transform: translateX(-50%);
6419
  transform: translateX(-50%); }
6420
 
6421
- .premium-progressbar-pin {
6422
- border-left: 1px solid;
6423
- height: 12px;
6424
- left: 50%;
6425
- display: inline-block; }
6426
 
6427
- /**
6428
- * Circle Progress Bar
6429
- */
6430
- .premium-progressbar-circle-wrap {
6431
- width: 200px;
6432
- height: 200px;
6433
- position: relative;
6434
- margin: 0 auto; }
6435
- .premium-progressbar-circle-wrap .premium-progressbar-circle {
6436
- position: absolute;
6437
- top: 0;
6438
- left: 0;
6439
- width: 100%;
6440
- height: 100%;
6441
- -webkit-clip-path: inset(0 0 0 50%);
6442
- clip-path: inset(0 0 0 50%); }
6443
- .premium-progressbar-circle-wrap .premium-progressbar-circle div {
6444
- position: absolute;
6445
- left: 0;
6446
- top: 0;
6447
- height: 100%;
6448
- width: 100%;
6449
- border-width: 6px;
6450
- border-style: solid;
6451
- border-color: #54595f;
6452
- -webkit-border-radius: 50%;
6453
- border-radius: 50%;
6454
- -webkit-clip-path: inset(0 50% 0 0);
6455
- clip-path: inset(0 50% 0 0); }
6456
- .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-left {
6457
- -webkit-transform: rotate(0);
6458
- -ms-transform: rotate(0);
6459
- transform: rotate(0); }
6460
- .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-right {
6461
- -webkit-transform: rotate(180deg);
6462
- -ms-transform: rotate(180deg);
6463
- transform: rotate(180deg);
6464
- visibility: hidden; }
6465
- .premium-progressbar-circle-wrap .premium-progressbar-circle-base {
6466
- width: 100%;
6467
- height: 100%;
6468
- border: 6px solid #eee;
6469
- -webkit-border-radius: 50%;
6470
- border-radius: 50%; }
6471
- .premium-progressbar-circle-wrap .premium-progressbar-circle-content {
6472
- position: absolute;
6473
- top: 0;
6474
- left: 0;
6475
- width: 100%;
6476
- height: 100%;
6477
- -js-display: flex;
6478
- display: -webkit-box;
6479
- display: -webkit-flex;
6480
- display: -moz-box;
6481
- display: -ms-flexbox;
6482
- display: flex;
6483
- -webkit-box-orient: vertical;
6484
- -webkit-box-direction: normal;
6485
- -webkit-flex-direction: column;
6486
- -moz-box-orient: vertical;
6487
- -moz-box-direction: normal;
6488
- -ms-flex-direction: column;
6489
- flex-direction: column;
6490
- -webkit-box-pack: center;
6491
- -webkit-justify-content: center;
6492
- -moz-box-pack: center;
6493
- -ms-flex-pack: center;
6494
- justify-content: center;
6495
- -webkit-box-align: center;
6496
- -webkit-align-items: center;
6497
- -moz-box-align: center;
6498
- -ms-flex-align: center;
6499
- align-items: center; }
6500
- .premium-progressbar-circle-wrap .premium-lottie-animation {
6501
- line-height: 1; }
6502
 
6503
- @-webkit-keyframes progress-bar-stripes {
6504
- from {
6505
- background-position: 0 0; }
6506
- to {
6507
- background-position: 40px 0; } }
 
6508
 
6509
- @keyframes progress-bar-stripes {
6510
- from {
6511
- background-position: 0 0; }
6512
- to {
6513
- background-position: 40px 0; } }
 
 
 
 
 
6514
 
6515
- @-webkit-keyframes progress-bar-gradient {
6516
- 0% {
6517
- background-position: 0% 50%; }
6518
- 50% {
6519
- background-position: 100% 50%; }
6520
- 100% {
6521
- background-position: 0% 50%; } }
6522
 
6523
- @keyframes progress-bar-gradient {
6524
- 0% {
6525
- background-position: 0% 50%; }
6526
- 50% {
6527
- background-position: 100% 50%; }
6528
- 100% {
6529
- background-position: 0% 50%; } }
6530
-
6531
- /**************** Premium Testimonials ****************/
6532
- /******************************************************/
6533
- .premium-testimonial-box {
6534
- width: 100%;
6535
- background: transparent;
6536
- -webkit-transition: all 0.3s ease-in-out;
6537
- transition: all 0.3s ease-in-out; }
6538
- .premium-testimonial-box .premium-testimonial-author-info {
6539
- -js-display: flex;
6540
- display: -webkit-box;
6541
- display: -webkit-flex;
6542
- display: -moz-box;
6543
- display: -ms-flexbox;
6544
- display: flex;
6545
- -webkit-box-pack: center;
6546
- -webkit-justify-content: center;
6547
- -moz-box-pack: center;
6548
- -ms-flex-pack: center;
6549
- justify-content: center;
6550
- -webkit-box-align: center;
6551
- -webkit-align-items: center;
6552
- -moz-box-align: center;
6553
- -ms-flex-align: center;
6554
- align-items: center; }
6555
- .premium-testimonial-box .premium-testimonial-person-name,
6556
- .premium-testimonial-box .premium-testimonial-company-name {
6557
- font-weight: 600;
6558
- margin: 0; }
6559
-
6560
- .premium-testimonial-container {
6561
- position: relative; }
6562
 
6563
- .premium-testimonial-img-wrapper {
6564
- margin-left: auto;
6565
- margin-right: auto;
6566
- overflow: hidden;
6567
- border-style: solid !important; }
6568
- .premium-testimonial-img-wrapper.circle {
6569
- -webkit-border-radius: 50%;
6570
- border-radius: 50%; }
6571
- .premium-testimonial-img-wrapper.rounded {
6572
- -webkit-border-radius: 15px;
6573
- border-radius: 15px; }
6574
- .premium-testimonial-img-wrapper img {
6575
- -o-object-fit: cover;
6576
- object-fit: cover;
6577
- width: 100%;
6578
- height: 100% !important; }
6579
 
6580
- .premium-testimonial-content-wrapper {
6581
- position: relative;
6582
- -js-display: flex;
6583
- display: -webkit-box;
6584
- display: -webkit-flex;
6585
- display: -moz-box;
6586
- display: -ms-flexbox;
6587
- display: flex;
6588
- -webkit-box-orient: vertical;
6589
- -webkit-box-direction: normal;
6590
- -webkit-flex-direction: column;
6591
- -moz-box-orient: vertical;
6592
- -moz-box-direction: normal;
6593
- -ms-flex-direction: column;
6594
- flex-direction: column;
6595
- z-index: 2;
6596
- width: 100%;
6597
- padding: 20px;
6598
- text-align: center; }
6599
 
6600
- .premium-testimonial-clear-float {
6601
- clear: both; }
 
 
6602
 
6603
- .premium-testimonial-upper-quote,
6604
- .premium-testimonial-lower-quote {
6605
- position: absolute;
6606
- z-index: 1; }
6607
-
6608
- /**************** Premium Title ****************/
6609
- /***********************************************/
6610
- .premium-title-container .premium-title-header {
6611
- position: relative;
6612
- margin: 0;
6613
- padding: 10px; }
6614
- .premium-title-container .premium-title-header:not(.premium-title-style7) {
6615
- -webkit-box-align: center;
6616
- -webkit-align-items: center;
6617
- -moz-box-align: center;
6618
- -ms-flex-align: center;
6619
- align-items: center; }
6620
- .premium-title-container .premium-title-header svg {
6621
- width: 40px;
6622
- height: 40px; }
6623
- .premium-title-container .premium-title-header img {
6624
- width: 40px;
6625
- height: 40px;
6626
- -o-object-fit: cover;
6627
- object-fit: cover; }
6628
- .premium-title-container .premium-title-header a {
6629
- position: absolute;
6630
- top: 0;
6631
- left: 0;
6632
- width: 100%;
6633
- height: 100%; }
6634
 
6635
- .premium-title-container .premium-lottie-animation {
6636
- -js-display: flex;
6637
- display: -webkit-box;
6638
- display: -webkit-flex;
6639
- display: -moz-box;
6640
- display: -ms-flexbox;
6641
- display: flex; }
6642
 
6643
- .premium-title-icon-row .premium-title-icon {
6644
- margin-right: 10px; }
 
 
6645
 
6646
- .premium-title-icon-row-reverse .premium-title-icon {
6647
- margin-left: 10px; }
 
6648
 
6649
- .premium-title-style3,
6650
- .premium-title-style4 {
6651
- -js-display: flex;
6652
- display: -webkit-box;
6653
- display: -webkit-flex;
6654
- display: -moz-box;
6655
- display: -ms-flexbox;
6656
- display: flex; }
6657
 
6658
- .premium-title-style1,
6659
- .premium-title-style2,
6660
- .premium-title-style5,
6661
- .premium-title-style6,
6662
- .premium-title-style8,
6663
- .premium-title-style9 {
6664
- -js-display: inline-flex;
6665
- display: -webkit-inline-box;
6666
- display: -webkit-inline-flex;
6667
- display: -moz-inline-box;
6668
- display: -ms-inline-flexbox;
6669
- display: inline-flex; }
6670
 
6671
- .premium-title-style7 {
6672
- -js-display: inline-flex;
6673
- display: -webkit-inline-box;
6674
- display: -webkit-inline-flex;
6675
- display: -moz-inline-box;
6676
- display: -ms-inline-flexbox;
6677
- display: inline-flex;
6678
- -webkit-box-orient: vertical;
6679
- -webkit-box-direction: normal;
6680
- -webkit-flex-direction: column;
6681
- -moz-box-orient: vertical;
6682
- -moz-box-direction: normal;
6683
- -ms-flex-direction: column;
6684
- flex-direction: column; }
6685
- .premium-title-style7 .premium-title-style7-inner {
6686
- -js-display: flex;
6687
- display: -webkit-box;
6688
- display: -webkit-flex;
6689
- display: -moz-box;
6690
- display: -ms-flexbox;
6691
- display: flex;
6692
- -webkit-box-align: center;
6693
- -webkit-align-items: center;
6694
- -moz-box-align: center;
6695
- -ms-flex-align: center;
6696
- align-items: center; }
6697
 
6698
- .premium-title-style1 {
6699
- border-width: 0;
6700
- border-left: 3px solid #6ec1e4; }
 
6701
 
6702
- .premium-title-container.style2, .premium-title-container.style4, .premium-title-container.style5, .premium-title-container.style6 {
6703
- border-bottom: 3px solid #6ec1e4; }
 
 
 
 
 
 
6704
 
6705
- /*Style 6 Header*/
6706
- .premium-title-style6:before {
6707
  position: absolute;
6708
- left: 50%;
6709
- bottom: 0;
6710
- margin-left: -2px;
6711
- content: "";
6712
- border: 3px solid transparent; }
6713
-
6714
- /*Style 6 Trinagle*/
6715
- .premium-title-style7-stripe-wrap {
6716
  -js-display: flex;
6717
  display: -webkit-box;
6718
  display: -webkit-flex;
6719
  display: -moz-box;
6720
  display: -ms-flexbox;
6721
- display: flex; }
6722
-
6723
- .premium-title-style7:before {
6724
- display: none; }
 
 
 
 
 
 
 
 
 
 
 
 
6725
 
6726
- .premium-title-style8 .premium-title-text[data-animation="shiny"] {
6727
- -webkit-background-size: 125px 125px !important;
6728
- background-size: 125px !important;
6729
- color: rgba(255, 255, 255, 0);
6730
- -webkit-background-clip: text !important;
6731
- background-clip: text !important;
6732
- -webkit-animation-name: pa-shinny-text !important;
6733
- animation-name: pa-shinny-text !important;
6734
- -webkit-animation-duration: var(--animation-speed) !important;
6735
- animation-duration: var(--animation-speed) !important;
6736
- -webkit-animation-iteration-count: infinite !important;
6737
- animation-iteration-count: infinite !important;
6738
- 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; }
6739
 
6740
- @-webkit-keyframes pa-shinny-text {
6741
- 0% {
6742
- background-position: 0%; }
6743
- 100% {
6744
- background-position: 200%; } }
6745
 
6746
- @keyframes pa-shinny-text {
6747
- 0% {
6748
- background-position: 0%; }
6749
- 100% {
6750
- background-position: 200%; } }
 
 
6751
 
6752
- .premium-title-style9[data-animation-blur="process"] .premium-title-style9-letter {
6753
- -webkit-animation: pa-blur-shadow 2s 1 alternate;
6754
- animation: pa-blur-shadow 2s 1 alternate; }
 
 
6755
 
6756
- @-webkit-keyframes pa-blur-shadow {
6757
- from {
6758
- text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
6759
- color: transparent; }
6760
- to {
6761
- text-shadow: 0; } }
6762
 
6763
- @keyframes pa-blur-shadow {
6764
- from {
6765
- text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
6766
- color: transparent; }
6767
- to {
6768
- text-shadow: 0; } }
6769
 
6770
- .premium-title-gradient-yes .premium-title-text,
6771
- .premium-title-gradient-yes .premium-title-icon {
6772
- -webkit-background-clip: text;
6773
- -webkit-text-fill-color: transparent;
6774
- background-image: -webkit-gradient(linear, left top, right top, from(#ffa648), color-stop(#f17cc1), to(#4da9fd));
6775
- background-image: -webkit-linear-gradient(left, #ffa648, #f17cc1, #4da9fd);
6776
- background-image: linear-gradient(to right, #ffa648, #f17cc1, #4da9fd);
6777
- -webkit-animation: pa-text-gradient 8s infinite;
6778
- animation: pa-text-gradient 8s infinite; }
6779
 
6780
- .premium-title-clipped .premium-title-header {
6781
- -webkit-text-fill-color: transparent;
6782
- -webkit-background-clip: text;
6783
- background-clip: text; }
6784
 
6785
- @-webkit-keyframes pa-text-gradient {
6786
- 0%,
6787
- 100% {
6788
- -webkit-filter: hue-rotate(0deg);
6789
- filter: hue-rotate(0deg); }
6790
- 50% {
6791
- -webkit-filter: hue-rotate(360deg);
6792
- filter: hue-rotate(360deg); } }
6793
 
6794
- @keyframes pa-text-gradient {
6795
- 0%,
6796
- 100% {
6797
- -webkit-filter: hue-rotate(0deg);
6798
- filter: hue-rotate(0deg); }
6799
- 50% {
6800
- -webkit-filter: hue-rotate(360deg);
6801
- filter: hue-rotate(360deg); } }
6802
-
6803
- /**************** Premium Video Box ************/
6804
- /***********************************************/
6805
- .premium-video-box-transform {
6806
- -webkit-transform: none !important;
6807
- -ms-transform: none !important;
6808
- transform: none !important; }
6809
 
6810
- .premium-video-box-container {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
6811
  -js-display: flex;
6812
  display: -webkit-box;
6813
  display: -webkit-flex;
6814
  display: -moz-box;
6815
  display: -ms-flexbox;
6816
  display: flex;
6817
- -webkit-box-orient: vertical;
6818
- -webkit-box-direction: normal;
6819
- -webkit-flex-direction: column;
6820
- -moz-box-orient: vertical;
6821
- -moz-box-direction: normal;
6822
- -ms-flex-direction: column;
6823
- flex-direction: column; }
6824
-
6825
- .premium-video-box-container > div {
6826
- position: relative;
6827
- overflow: hidden; }
6828
 
6829
- .pa-aspect-ratio-11 .premium-video-box-container > div {
6830
- padding-bottom: 100%; }
 
 
 
 
 
 
 
 
 
6831
 
6832
- .pa-aspect-ratio-169 .premium-video-box-container > div {
6833
- padding-bottom: 56.25%; }
 
 
 
 
 
 
 
 
 
 
 
 
 
6834
 
6835
- .pa-aspect-ratio-43 .premium-video-box-container > div {
6836
- padding-bottom: 75%; }
6837
 
6838
- .pa-aspect-ratio-32 .premium-video-box-container > div {
6839
- padding-bottom: 66.6666%; }
 
 
 
 
6840
 
6841
- .pa-aspect-ratio-219 .premium-video-box-container > div {
6842
- padding-bottom: 42.8571%; }
 
 
 
 
 
6843
 
6844
- .pa-aspect-ratio-916 .premium-video-box-container > div {
6845
- padding-bottom: 177.8%; }
6846
 
6847
- .premium-video-box-image-container {
6848
  position: absolute;
6849
  top: 0;
6850
  left: 0;
6851
- bottom: 0;
6852
- right: 0;
6853
  width: 100%;
6854
  height: 100%;
6855
- -webkit-background-size: cover;
6856
- background-size: cover;
6857
- background-position: 50%;
6858
- cursor: pointer;
6859
- margin: auto;
6860
- -webkit-transition: 0.2s all;
6861
- transition: 0.2s all; }
6862
-
6863
- .premium-video-box-play-icon-container {
6864
- position: absolute;
6865
- z-index: 2;
6866
- cursor: pointer;
6867
- -webkit-transform: translate(-50%, -50%);
6868
- -ms-transform: translate(-50%, -50%);
6869
- transform: translate(-50%, -50%);
6870
- background: rgba(252, 252, 252, 0.35); }
6871
-
6872
- .premium-video-box-description-container {
6873
- position: absolute;
6874
- z-index: 2;
6875
- padding: 5px;
6876
- text-align: center;
6877
- cursor: pointer;
6878
- -webkit-transform: translate(-50%, -50%);
6879
- -ms-transform: translate(-50%, -50%);
6880
- transform: translate(-50%, -50%); }
6881
-
6882
- .premium-video-box-text {
6883
- margin-bottom: 0 !important;
6884
- -webkit-transition: all 0.3s ease-in-out;
6885
- transition: all 0.3s ease-in-out; }
6886
 
6887
- .premium-video-box-play-icon {
6888
- padding: 15px;
6889
- -webkit-transform: translateX(4%);
6890
- -ms-transform: translateX(4%);
6891
- transform: translateX(4%);
6892
- -webkit-transition: all 0.3s ease-in-out;
6893
- transition: all 0.3s ease-in-out; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
6894
 
6895
- .premium-video-box-video-container,
6896
- .premium-vid-lightbox-container {
6897
- position: absolute;
6898
- top: 0;
6899
- left: 0;
6900
- z-index: 2;
6901
- width: 100%;
6902
- height: 100%;
6903
- -webkit-transition: opacity 0.8s ease-in-out;
6904
- transition: opacity 0.8s ease-in-out;
6905
- overflow: hidden;
6906
- cursor: pointer; }
 
 
 
 
 
6907
 
6908
- .premium-video-box-container[data-overlay="true"][data-type="self"] .premium-video-box-video-container {
6909
  opacity: 0;
6910
- visibility: hidden; }
6911
-
6912
- .premium-video-box-video-container iframe {
6913
- max-width: 100%;
6914
- width: 100%;
6915
- height: 100%;
6916
- margin: 0;
6917
- line-height: 1;
6918
- border: none; }
6919
 
6920
- .premium-video-box-video-container video {
6921
- max-width: 100%;
6922
- width: 100%;
6923
- height: 100%;
6924
- margin: 0;
6925
- line-height: 1;
6926
- border: none;
6927
- background-color: #000;
6928
- -o-object-fit: contain;
6929
- object-fit: contain; }
6930
 
6931
- .premium-video-box-container .premium-video-box-vimeo-wrap {
6932
  -js-display: flex;
6933
  display: -webkit-box;
6934
  display: -webkit-flex;
6935
  display: -moz-box;
6936
  display: -ms-flexbox;
6937
  display: flex;
6938
- position: absolute;
6939
- top: 0;
6940
- left: 0;
6941
- z-index: 3;
6942
- margin: 10px;
6943
- margin-right: 10px;
6944
- -webkit-transition: opacity 0.2s ease-out;
6945
- transition: opacity 0.2s ease-out;
6946
- margin-right: 4.6em; }
 
 
 
 
6947
 
6948
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-portrait {
6949
- width: 60px;
6950
- height: 60px;
6951
- background: rgba(23, 35, 34, 0.75);
6952
- margin-right: 1px;
6953
- -webkit-box-flex: 1;
6954
- -webkit-flex: 1 0 auto;
6955
- -moz-box-flex: 1;
6956
- -ms-flex: 1 0 auto;
6957
- flex: 1 0 auto;
6958
- padding: 0; }
6959
 
6960
- .premium-video-box-vimeo-portrait img {
6961
- width: 50px;
6962
- height: 50px;
6963
- margin: 5px;
6964
- padding: 0;
6965
- border: 0;
6966
- -webkit-border-radius: 50%;
6967
- border-radius: 50%; }
6968
 
6969
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-headers {
6970
- font-size: 10px; }
 
 
 
6971
 
6972
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-title {
6973
- max-width: 100%;
6974
- font-size: 2em !important;
6975
- font-weight: 700;
6976
- margin: 0;
6977
- padding: 0.1em 0.2em;
6978
- background: rgba(23, 35, 34, 0.75);
6979
- display: inline-block;
6980
- text-transform: none;
6981
- line-height: normal;
6982
- letter-spacing: normal; }
6983
 
6984
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-byline {
6985
- font-size: 1.2em !important;
6986
- font-weight: 400;
6987
- color: #fff;
6988
- margin-top: 0.1em;
6989
- padding: 0.2em 0.5em;
6990
- background: rgba(23, 35, 34, 0.75);
6991
- text-transform: none;
6992
- line-height: normal;
6993
- letter-spacing: normal; }
6994
 
6995
- .premium-video-box-playlist-container {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
6996
  -js-display: flex;
6997
  display: -webkit-box;
6998
  display: -webkit-flex;
6999
  display: -moz-box;
7000
  display: -ms-flexbox;
7001
  display: flex;
7002
- -webkit-flex-wrap: wrap;
7003
- -ms-flex-wrap: wrap;
7004
- flex-wrap: wrap; }
7005
- .premium-video-box-playlist-container .premium-video-box-container {
7006
- height: 100%;
7007
- overflow: hidden; }
7008
-
7009
- .premium-video-box-container:hover .premium-video-box-image-container.zoomin {
7010
- -webkit-transform: scale(1.1);
7011
- -ms-transform: scale(1.1);
7012
- transform: scale(1.1); }
7013
-
7014
- .premium-video-box-container:hover .premium-video-box-image-container.zoomout {
7015
- -webkit-transform: scale(1);
7016
- -ms-transform: scale(1);
7017
- transform: scale(1); }
7018
 
7019
- .premium-video-box-container:hover .premium-video-box-image-container.scale {
7020
- -webkit-transform: scale(1.3) rotate(5deg);
7021
- -ms-transform: scale(1.3) rotate(5deg);
7022
- transform: scale(1.3) rotate(5deg); }
7023
 
7024
- .premium-video-box-container:hover .premium-video-box-image-container.gray {
7025
- -webkit-filter: grayscale(0%);
7026
- filter: grayscale(0%); }
 
7027
 
7028
- .premium-video-box-container:hover .premium-video-box-image-container.blur {
7029
- -webkit-filter: blur(3px);
7030
- filter: blur(3px); }
7031
 
7032
- .premium-video-box-container:hover .premium-video-box-image-container.sepia {
7033
- -webkit-filter: sepia(0%);
7034
- filter: sepia(0%); }
 
 
 
7035
 
7036
- .premium-video-box-container:hover .premium-video-box-image-container.trans {
7037
- -webkit-transform: translateX(0px) scale(1.1);
7038
- -ms-transform: translateX(0px) scale(1.1);
7039
- transform: translateX(0px) scale(1.1); }
 
 
7040
 
7041
- .premium-video-box-container:hover .premium-video-box-image-container.bright {
7042
- -webkit-filter: brightness(1.2);
7043
- filter: brightness(1.2); }
 
 
 
 
 
 
 
7044
 
7045
- .premium-video-box-image-container.gray {
7046
- -webkit-filter: grayscale(100%);
7047
- filter: grayscale(100%); }
 
 
7048
 
7049
- .premium-video-box-image-container.zoomout, .premium-video-box-image-container.scale {
7050
- -webkit-transform: scale(1.2);
7051
- -ms-transform: scale(1.2);
7052
- transform: scale(1.2); }
 
 
 
 
 
7053
 
7054
- .premium-video-box-image-container.sepia {
7055
- -webkit-filter: sepia(30%);
7056
- filter: sepia(30%); }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
7057
 
7058
- .premium-video-box-image-container.bright {
7059
- -webkit-filter: brightness(1);
7060
- filter: brightness(1); }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
7061
 
7062
- .premium-video-box-image-container.trans {
7063
- -webkit-transform: translateX(-15px) scale(1.1);
7064
- -ms-transform: translateX(-15px) scale(1.1);
7065
- transform: translateX(-15px) scale(1.1); }
7066
 
7067
- .premium-video-box-mask-media {
7068
- -webkit-mask-repeat: no-repeat;
7069
- mask-repeat: no-repeat; }
7070
 
7071
- /* Sticky Video Option */
7072
- .premium-video-box-container.premium-video-box-sticky-apply {
7073
- z-index: 99;
7074
- overflow: unset; }
7075
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
7076
- position: fixed !important;
7077
- z-index: 99999;
7078
- height: 225px;
7079
- width: 400px;
7080
- background: #fff; }
7081
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-vimeo-wrap,
7082
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-container:before {
7083
- visibility: hidden; }
7084
- .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 {
7085
- -webkit-box-shadow: unset;
7086
- box-shadow: unset; }
7087
 
7088
- .premium-video-box-sticky-close,
7089
- .premium-video-box-sticky-infobar {
7090
- display: none; }
7091
 
7092
- .premium-video-box-sticky-apply .premium-video-box-sticky-close {
7093
- position: absolute;
7094
- padding: 5px;
7095
- cursor: pointer;
7096
- z-index: 99999;
7097
- height: 14px;
7098
- width: 14px;
7099
- -webkit-box-sizing: content-box;
7100
- -moz-box-sizing: content-box;
7101
- box-sizing: content-box;
7102
- -webkit-border-radius: 100%;
7103
- border-radius: 100%;
7104
  -js-display: flex;
7105
  display: -webkit-box;
7106
  display: -webkit-flex;
7107
  display: -moz-box;
7108
  display: -ms-flexbox;
7109
  display: flex;
7110
- -webkit-box-pack: center;
7111
- -webkit-justify-content: center;
7112
- -moz-box-pack: center;
7113
- -ms-flex-pack: center;
7114
- justify-content: center;
7115
- -webkit-box-align: center;
7116
- -webkit-align-items: center;
7117
- -moz-box-align: center;
7118
- -ms-flex-align: center;
7119
- align-items: center; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
7120
 
7121
- .premium-video-box-sticky-apply .premium-video-box-play-icon-container {
7122
- -js-display: flex;
7123
- display: -webkit-box;
7124
- display: -webkit-flex;
7125
- display: -moz-box;
7126
- display: -ms-flexbox;
7127
- display: flex; }
7128
 
7129
- .premium-video-box-sticky-apply .premium-video-box-play-icon {
7130
- -webkit-transition: none;
7131
- transition: none; }
7132
-
7133
- .premium-video-box-sticky-apply .premium-video-box-sticky-infobar {
7134
- display: block;
7135
- position: relative;
7136
- top: 100%;
7137
- width: 100%;
7138
- padding: 5px;
7139
- text-align: center;
7140
- z-index: 9999;
7141
- margin-top: -1px; }
7142
-
7143
- .premium-video-box-sticky-apply .premium-video-box-inner-wrap.ui-draggable {
7144
- cursor: move; }
7145
 
7146
- .premium-video-sticky-top-left
7147
- .premium-video-box-container.premium-video-box-sticky-apply
7148
- .premium-video-box-inner-wrap {
7149
- right: auto;
7150
- left: 20px;
7151
- top: 20px; }
7152
 
7153
- .premium-video-sticky-bottom-left
7154
- .premium-video-box-container.premium-video-box-sticky-apply
7155
- .premium-video-box-inner-wrap {
7156
- right: auto;
7157
- left: 20px;
7158
- bottom: 20px; }
7159
 
7160
- .premium-video-sticky-top-right
7161
- .premium-video-box-container.premium-video-box-sticky-apply
7162
- .premium-video-box-inner-wrap {
7163
- left: auto;
7164
- right: 20px;
7165
- top: 20px; }
7166
 
7167
- .premium-video-sticky-bottom-right
7168
- .premium-video-box-container.premium-video-box-sticky-apply
7169
- .premium-video-box-inner-wrap {
7170
- left: auto;
7171
- right: 20px;
7172
- bottom: 20px; }
7173
 
7174
- .premium-video-sticky-center-left
7175
- .premium-video-box-container.premium-video-box-sticky-apply
7176
- .premium-video-box-inner-wrap {
7177
- right: auto;
7178
- left: 20px;
7179
- top: 50%;
7180
- -webkit-transform: translateY(-50%);
7181
- -ms-transform: translateY(-50%);
7182
- transform: translateY(-50%); }
7183
 
7184
- .premium-video-sticky-center-right
7185
- .premium-video-box-container.premium-video-box-sticky-apply
7186
- .premium-video-box-inner-wrap {
7187
- left: auto;
7188
- right: 20px;
7189
- top: 50%;
7190
- -webkit-transform: translateY(-50%);
7191
- -ms-transform: translateY(-50%);
7192
- transform: translateY(-50%); }
7193
 
7194
- .premium-video-sticky-bottom-right
7195
- .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply
7196
- .premium-video-box-inner-wrap,
7197
- .premium-video-sticky-bottom-left
7198
- .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply
7199
- .premium-video-box-inner-wrap {
7200
- bottom: 55px; }
 
 
 
 
 
 
 
 
7201
 
7202
- .premium-video-sticky-top-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
7203
- .premium-video-sticky-bottom-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
7204
- .premium-video-sticky-center-left .premium-video-box-sticky-apply .premium-video-box-sticky-close {
7205
- top: -10px;
7206
- right: -10px; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
7207
 
7208
- .premium-video-sticky-top-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
7209
- .premium-video-sticky-bottom-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
7210
- .premium-video-sticky-center-right .premium-video-box-sticky-apply .premium-video-box-sticky-close {
7211
- top: -10px;
7212
- left: -10px; }
 
 
 
 
 
7213
 
7214
- .premium-video-box-filter-sticky {
7215
- -webkit-filter: none !important;
7216
- filter: none !important; }
7217
-
7218
- /************ Premium Vertical Scroll ************/
7219
- /*************************************************/
7220
- .premium-vscroll-inner {
7221
- position: relative;
7222
- min-height: 100%; }
7223
- .premium-vscroll-inner .premium-vscroll-dots {
7224
- position: fixed;
7225
- z-index: 100;
7226
- opacity: 1;
7227
- margin-top: -32px;
7228
- -webkit-transition: all 0.3s ease-in-out;
7229
- transition: all 0.3s ease-in-out; }
7230
 
7231
- .premium-vscroll-wrap .premium-vscroll-nav-menu {
7232
- opacity: 1;
7233
- -webkit-transition: all 0.3s ease-in-out;
7234
- transition: all 0.3s ease-in-out; }
7235
 
7236
- .premium-vscroll-inner .premium-vscroll-dots,
7237
- .premium-vscroll-wrap .premium-vscroll-dots-hide {
7238
- opacity: 0;
7239
- visibility: hidden; }
 
7240
 
7241
- .premium-vscroll-nav-dots-yes .premium-vscroll-inner .premium-vscroll-dots:not(.premium-vscroll-dots-hide) {
7242
- opacity: 1;
7243
- visibility: visible; }
 
7244
 
7245
- .premium-vscroll-dots.middle {
7246
- top: 50%; }
7247
 
7248
- .premium-vscroll-dots.top {
7249
- top: 40px; }
 
7250
 
7251
- .premium-vscroll-dots.bottom {
7252
- bottom: 30px; }
 
7253
 
7254
- .premium-vscroll-dots.right {
7255
- right: 17px; }
 
7256
 
7257
- .premium-vscroll-dots.left {
7258
- left: 17px; }
 
 
 
 
 
 
7259
 
7260
- .premium-vscroll-inner ul.premium-vscroll-dots-list,
7261
- .premium-vscroll-wrap .premium-vscroll-nav-menu {
7262
- margin: 0 !important;
7263
- padding: 0; }
 
7264
 
7265
- .premium-vscroll-inner ul.premium-vscroll-dots-list li {
7266
- width: 14px;
7267
- height: 13px;
7268
- margin: 7px;
7269
  position: relative;
7270
- -js-display: flex;
7271
- display: -webkit-box;
7272
- display: -webkit-flex;
7273
- display: -moz-box;
7274
- display: -ms-flexbox;
7275
- display: flex;
7276
- -webkit-box-pack: center;
7277
- -webkit-justify-content: center;
7278
- -moz-box-pack: center;
7279
- -ms-flex-pack: center;
7280
- justify-content: center;
7281
- -webkit-box-align: center;
7282
- -webkit-align-items: center;
7283
- -moz-box-align: center;
7284
- -ms-flex-align: center;
7285
- align-items: center;
7286
- overflow: visible; }
7287
 
7288
- .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link {
7289
- display: block;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
7290
  position: relative;
7291
- z-index: 1;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
7292
  width: 100%;
7293
  height: 100%;
7294
- cursor: pointer;
7295
- text-decoration: none; }
7296
- .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link span {
7297
- top: 2px;
7298
- left: 2.5px;
7299
- width: 8px;
7300
- height: 8px;
7301
- border: 1px solid #000;
 
 
 
7302
  -webkit-border-radius: 50%;
7303
  border-radius: 50%;
7304
- position: absolute;
7305
- z-index: 1;
7306
- -webkit-transition: all 0.3s ease-in-out;
7307
- transition: all 0.3s ease-in-out; }
7308
-
7309
- .premium-vscroll-inner .premium-vscroll-dot-item.active .premium-vscroll-nav-link span {
7310
- -webkit-transform: scale(1.6);
7311
- -ms-transform: scale(1.6);
7312
- transform: scale(1.6); }
 
 
7313
 
7314
- .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-tooltip {
7315
- position: absolute;
7316
- color: #fff;
7317
- font-size: 14px;
7318
- font-family: arial, helvetica, sans-serif;
7319
- white-space: nowrap;
7320
- max-width: 220px;
7321
- padding-left: 0.4em;
7322
- padding-right: 0.4em; }
7323
 
7324
- .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip {
7325
- right: 27px; }
 
 
 
 
 
7326
 
7327
- .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item {
7328
- width: 4px;
7329
- height: 30px; }
7330
- .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item span {
7331
- width: 100%;
7332
- height: 100%;
7333
- -webkit-border-radius: 0;
7334
- border-radius: 0; }
7335
- .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item.active span {
7336
- -webkit-transform: scale(1);
7337
- -ms-transform: scale(1);
7338
- transform: scale(1); }
 
 
 
 
 
7339
 
7340
- .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip::after {
7341
  position: absolute;
7342
- top: 50%;
7343
- content: "";
7344
- left: -webkit-calc(100% - 1px);
7345
- left: calc(100% - 1px);
7346
- width: 10px;
7347
- height: 0;
7348
- border-top: 6px solid transparent;
7349
- border-bottom: 6px solid transparent;
7350
- border-left: 6px solid;
7351
- -webkit-transform: translateY(-50%);
7352
- -ms-transform: translateY(-50%);
7353
- transform: translateY(-50%); }
 
 
 
 
 
 
 
 
 
 
 
7354
 
7355
- .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip {
7356
- left: 27px; }
7357
- .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip::after {
7358
- position: absolute;
7359
- top: 50%;
7360
- content: "";
7361
- right: -webkit-calc(100% - 1px);
7362
- right: calc(100% - 1px);
7363
- width: 10px;
7364
- height: 0;
7365
- border-top: 6px solid transparent;
7366
- border-bottom: 6px solid transparent;
7367
- border-right: 6px solid;
7368
- -webkit-transform: translateY(-50%);
7369
- -ms-transform: translateY(-50%);
7370
- transform: translateY(-50%); }
7371
 
7372
- /* * Lines */
7373
- @media (max-width: 768px) {
7374
- .premium-vscroll-dots.right {
7375
- right: 7px; }
7376
- .premium-vscroll-dots.left {
7377
- left: 7px; } }
7378
 
7379
- .premium-vscroll-nav-menu {
7380
- position: fixed;
7381
- top: 20px;
7382
- height: 40px;
7383
- z-index: 100;
7384
- padding: 0;
7385
- margin: 0; }
7386
- .premium-vscroll-nav-menu.left {
7387
- left: 0; }
7388
- .premium-vscroll-nav-menu.right {
7389
- right: 0; }
7390
- .premium-vscroll-nav-menu .premium-vscroll-nav-item {
7391
- display: inline-block;
7392
- margin: 10px;
7393
- color: #000;
7394
- background: #fff;
7395
- background: rgba(255, 255, 255, 0.3); }
7396
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link {
7397
- padding: 9px 18px;
7398
- display: block;
7399
- cursor: pointer;
7400
- color: #000; }
7401
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:hover {
7402
- color: #000; }
7403
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:focus {
7404
- outline: none; }
7405
 
7406
- .multiscroll-nav li a:focus {
7407
- outline: none; }
 
 
 
 
 
7408
 
7409
- .premium-vscroll-temp .slimScrollBar {
7410
- visibility: hidden; }
7411
-
7412
- /********** Premium Woo Products **********/
7413
- /******************************************/
7414
- .ast-single-post .entry-content .premium-woocommerce a {
7415
- text-decoration: none; }
7416
-
7417
- .premium-woocommerce .premium-woo-qv-btn {
7418
- cursor: pointer; }
7419
-
7420
- .premium-woocommerce:not(.premium-woo-skin-grid-7) li.product .star-rating {
7421
- margin: 0 auto 0.5em; }
7422
-
7423
- .premium-woocommerce:not(.premium-woo-skin-grid-10) .premium-woo-product-sale-wrap .premium-woo-product-onsale,
7424
- .premium-woocommerce:not(.premium-woo-skin-grid-10) .premium-woo-product-featured-wrap .premium-woo-product-featured {
7425
- display: block;
7426
- text-align: center;
7427
- color: #fff;
7428
- min-width: 2em;
7429
- min-height: 2em;
7430
- line-height: 2em;
7431
- padding: 0.3em 0.6em;
7432
- margin: 0.5em 0.6em; }
7433
-
7434
- .premium-woocommerce .pa-out-of-stock {
7435
- display: block;
7436
- text-align: center;
7437
- color: #fff;
7438
- min-width: 2em;
7439
- min-height: 2em;
7440
- line-height: 2em;
7441
- padding: 0.3em 0.6em;
7442
- margin: 0.5em 0.6em; }
7443
-
7444
- .premium-woocommerce .woocommerce-loop-product__title {
7445
- margin-bottom: 0.5em;
7446
- font-size: 1em;
7447
- -webkit-transition: all 0.3s ease-in-out;
7448
- transition: all 0.3s ease-in-out; }
7449
-
7450
- .premium-woocommerce .premium-woo-product-category {
7451
- display: block;
7452
- font-size: 0.85em;
7453
- margin-bottom: 0.5em;
7454
- line-height: 1.3; }
7455
 
7456
- .premium-woocommerce .star-rating {
7457
- display: block;
7458
- float: none;
7459
- -webkit-backface-visibility: hidden;
7460
- backface-visibility: hidden;
7461
- overflow: hidden;
7462
- position: relative;
7463
- height: 1em;
7464
- line-height: 1;
7465
- font-size: 0.857em;
7466
- width: 5.4em;
7467
- font-family: "star"; }
7468
- .premium-woocommerce .star-rating::before {
7469
- content: "\73\73\73\73\73";
7470
- color: #54595f;
7471
- float: left;
7472
- top: 0;
7473
- left: 0;
7474
- position: absolute; }
7475
- .premium-woocommerce .star-rating span {
7476
- overflow: hidden;
7477
- float: left;
7478
- top: 0;
7479
- left: 0;
7480
- position: absolute;
7481
- padding-top: 1.5em; }
7482
- .premium-woocommerce .star-rating span::before {
7483
- content: "\53\53\53\53\53";
7484
- color: inherit;
7485
- top: 0;
7486
- position: absolute;
7487
- left: 0; }
7488
-
7489
- .premium-woocommerce .premium-woo-products-inner ul.products {
7490
- -js-display: flex;
7491
- display: -webkit-box;
7492
- display: -webkit-flex;
7493
- display: -moz-box;
7494
- display: -ms-flexbox;
7495
- display: flex;
7496
- margin: 0;
7497
- padding: 0;
7498
- -webkit-flex-wrap: wrap;
7499
- -ms-flex-wrap: wrap;
7500
- flex-wrap: wrap;
7501
- list-style: none outside;
7502
- -webkit-column-gap: 0;
7503
- -moz-column-gap: 0;
7504
- column-gap: 0; }
7505
- .premium-woocommerce .premium-woo-products-inner ul.products li.product {
7506
- margin: 0 0 10px;
7507
- padding: 0 10px; }
7508
- .premium-woocommerce .premium-woo-products-inner ul.products li.product .premium-woo-product-wrapper {
7509
- overflow: hidden;
7510
- -webkit-transition: all 0.3s ease-in-out;
7511
- transition: all 0.3s ease-in-out; }
7512
-
7513
- .premium-woocommerce .woocommerce-loop-product__link {
7514
- position: relative;
7515
- display: block !important;
7516
- overflow: hidden;
7517
- -webkit-transition: all 0.3s ease-in-out;
7518
- transition: all 0.3s ease-in-out; }
7519
-
7520
- .premium-woocommerce .premium-woo-ribbon-container,
7521
- .premium-woocommerce .pa-out-of-stock {
7522
- position: absolute;
7523
- z-index: 9; }
7524
-
7525
- .premium-woocommerce .premium-woo-ribbon-container {
7526
- top: 0;
7527
- left: 0; }
7528
-
7529
- .premium-woocommerce .pa-out-of-stock {
7530
- top: 7px;
7531
- left: 9px;
7532
- margin: 0; }
7533
-
7534
- .premium-woo-product-thumbnail {
7535
- position: relative;
7536
- overflow: hidden; }
7537
- .premium-woo-product-thumbnail .woocommerce-loop-product__link img {
7538
- margin: 0;
7539
- width: 100%; }
7540
-
7541
- .premium-woo-product-sale-wrap,
7542
- .premium-woo-product-featured-wrap {
7543
- margin: 0; }
7544
-
7545
- .premium-woocommerce .premium-woo-products-details-wrap {
7546
- padding: 1em 1.2em; }
7547
- .premium-woocommerce .premium-woo-products-details-wrap .button {
7548
- display: inline-block;
7549
- background-color: #6ec1e4;
7550
- color: #fff;
7551
- margin: 0.5em 0;
7552
- line-height: 1.3;
7553
- padding: 10px 40px;
7554
- font-size: 100%;
7555
- cursor: pointer;
7556
- text-decoration: none;
7557
- overflow: visible;
7558
- font-weight: 700;
7559
- background-image: none;
7560
- border: none;
7561
- -webkit-border-radius: 0px;
7562
- border-radius: 0px;
7563
- -webkit-box-shadow: none;
7564
- box-shadow: none;
7565
- text-shadow: none;
7566
- -webkit-transition: all 0.3s ease-in-out;
7567
- transition: all 0.3s ease-in-out; }
7568
-
7569
- .premium-woocommerce li.product .price {
7570
- display: block;
7571
- line-height: 1.3;
7572
- font-weight: 700;
7573
- margin-bottom: 0.5em;
7574
- font-size: 0.9em; }
7575
- .premium-woocommerce li.product .price del {
7576
- display: inline-block;
7577
- font-weight: 400;
7578
- background: transparent;
7579
- opacity: 1; }
7580
- .premium-woocommerce li.product .price ins {
7581
- display: inline-block;
7582
- background: transparent;
7583
- text-decoration: none;
7584
- font-weight: inherit; }
7585
- .premium-woocommerce li.product .price .amount {
7586
- color: inherit !important; }
7587
-
7588
- .premium-woocommerce li.product .premium-woo-product-desc p {
7589
- margin: 0; }
7590
-
7591
- .premium-woo-product-align-left .premium-woocommerce li.product .star-rating {
7592
- margin-left: 0;
7593
- margin-right: auto; }
7594
-
7595
- .premium-woo-product-align-center .premium-woocommerce li.product .star-rating {
7596
- margin-left: auto;
7597
- margin-right: auto; }
7598
-
7599
- .premium-woo-product-align-right .premium-woocommerce li.product .star-rating {
7600
- margin-left: auto;
7601
- margin-right: 0; }
7602
-
7603
- .premium-woo-products-pagination ul.page-numbers {
7604
- -js-display: flex;
7605
- display: -webkit-box;
7606
- display: -webkit-flex;
7607
- display: -moz-box;
7608
- display: -ms-flexbox;
7609
- display: flex;
7610
- list-style-type: none;
7611
- margin: 0;
7612
- margin-top: 10px;
7613
- padding: 0;
7614
- border: none;
7615
- -webkit-box-pack: center;
7616
- -webkit-justify-content: center;
7617
- -moz-box-pack: center;
7618
- -ms-flex-pack: center;
7619
- justify-content: center; }
7620
- .premium-woo-products-pagination ul.page-numbers li {
7621
- margin: 0 0.4em 0.4em 0;
7622
- padding: 0;
7623
- text-align: center; }
7624
- .premium-woo-products-pagination ul.page-numbers li .page-numbers {
7625
- margin: 0;
7626
- text-decoration: none;
7627
- color: #000;
7628
- border: 1px solid #54595f;
7629
- padding: 0;
7630
- line-height: 1;
7631
- font-size: 1em;
7632
- font-weight: 400;
7633
- padding: 0.75em;
7634
- display: block;
7635
- min-width: 2.5em;
7636
- -webkit-transition: all 0.3s ease-in-out;
7637
- transition: all 0.3s ease-in-out; }
7638
- .premium-woo-products-pagination ul.page-numbers li .page-numbers:hover, .premium-woo-products-pagination ul.page-numbers li .page-numbers.current {
7639
- background-color: #54595f;
7640
- color: #fff;
7641
- outline: none; }
7642
-
7643
- .premium-woocommerce .premium-loading-feed,
7644
- .premium-woo-quick-view-loader .premium-loading-feed {
7645
- display: block;
7646
- position: absolute;
7647
- width: 100%;
7648
- height: 100%;
7649
- top: 0px;
7650
- left: 0px;
7651
- bottom: 0px;
7652
- right: 0px;
7653
- background: rgba(255, 255, 255, 0.2);
7654
- -js-display: flex;
7655
- display: -webkit-box;
7656
- display: -webkit-flex;
7657
- display: -moz-box;
7658
- display: -ms-flexbox;
7659
- display: flex;
7660
- -webkit-box-align: center;
7661
- -webkit-align-items: center;
7662
- -moz-box-align: center;
7663
- -ms-flex-align: center;
7664
- align-items: center; }
7665
-
7666
- /**
7667
- * Image Hover Effects
7668
- */
7669
- .premium-woocommerce .woocommerce-loop-product__link img {
7670
- -webkit-transition: all 0.3s ease-in-out;
7671
- transition: all 0.3s ease-in-out; }
7672
-
7673
- .premium-woo-product__hover-zoomout .woocommerce-loop-product__link img {
7674
- -webkit-transform: scale(1.2);
7675
- -ms-transform: scale(1.2);
7676
- transform: scale(1.2); }
7677
-
7678
- .premium-woo-product__hover-zoomout li.product:hover .woocommerce-loop-product__link img {
7679
- -webkit-transform: none;
7680
- -ms-transform: none;
7681
- transform: none; }
7682
-
7683
- .premium-woo-product__hover-zoomin .woocommerce-loop-product__link img {
7684
- -webkit-transform: none;
7685
- -ms-transform: none;
7686
- transform: none; }
7687
-
7688
- .premium-woo-product__hover-zoomin li.product:hover .woocommerce-loop-product__link img {
7689
- -webkit-transform: scale(1.2);
7690
- -ms-transform: scale(1.2);
7691
- transform: scale(1.2); }
7692
-
7693
- .premium-woo-product__hover-gray .woocommerce-loop-product__link img {
7694
- -webkit-filter: grayscale(100%);
7695
- filter: grayscale(100%); }
7696
-
7697
- .premium-woo-product__hover-gray li.product:hover .woocommerce-loop-product__link img {
7698
- -webkit-filter: grayscale(0%);
7699
- filter: grayscale(0%); }
7700
-
7701
- .premium-woo-product__hover-sepia .woocommerce-loop-product__link img {
7702
- -webkit-filter: sepia(30%);
7703
- filter: sepia(30%); }
7704
-
7705
- .premium-woo-product__hover-sepia li.product:hover .woocommerce-loop-product__link img {
7706
- -webkit-filter: sepia(0%);
7707
- filter: sepia(0%); }
7708
-
7709
- .premium-woo-product__hover-bright .woocommerce-loop-product__link img {
7710
- -webkit-filter: brightness(1);
7711
- filter: brightness(1); }
7712
-
7713
- .premium-woo-product__hover-bright li.product:hover .woocommerce-loop-product__link img {
7714
- -webkit-filter: brightness(1.2);
7715
- filter: brightness(1.2); }
7716
-
7717
- .premium-woo-product__hover-trans .woocommerce-loop-product__link img {
7718
- -webkit-transform: translateX(-15px) scale(1.1);
7719
- -ms-transform: translateX(-15px) scale(1.1);
7720
- transform: translateX(-15px) scale(1.1); }
7721
-
7722
- .premium-woo-product__hover-trans li.product:hover .woocommerce-loop-product__link img {
7723
- -webkit-transform: translateX(0px) scale(1.1);
7724
- -ms-transform: translateX(0px) scale(1.1);
7725
- transform: translateX(0px) scale(1.1); }
7726
-
7727
- .premium-woo-product__hover-scale li.product:hover .woocommerce-loop-product__link img {
7728
- -webkit-transform: scaleX(1.3) scaleY(1.3) rotate(5deg);
7729
- -ms-transform: scaleX(1.3) scaleY(1.3) rotate(5deg);
7730
- transform: scaleX(1.3) scaleY(1.3) rotate(5deg); }
7731
-
7732
- .premium-woocommerce .premium-woo-product__on_hover {
7733
- position: absolute;
7734
- top: 0;
7735
- right: 0;
7736
- bottom: 0;
7737
- left: 0;
7738
- height: 100%;
7739
- opacity: 0; }
7740
-
7741
- .premium-woo-product__hover-swap li.product:hover .premium-woo-product__on_hover {
7742
- opacity: 1; }
7743
-
7744
- .premium-woo-skin-grid-1 .premium-woo-qv-btn,
7745
- .premium-woo-skin-grid-3 .premium-woo-qv-btn,
7746
- .premium-woo-skin-grid-4 .premium-woo-qv-btn {
7747
- position: absolute;
7748
- bottom: 0;
7749
- left: 0;
7750
- width: 100%;
7751
- text-align: center;
7752
- padding: 5px;
7753
- background: rgba(2, 2, 2, 0.5);
7754
- color: #fff;
7755
- -webkit-transition: all 0.3s ease-in-out;
7756
- transition: all 0.3s ease-in-out;
7757
- z-index: 2;
7758
- -webkit-transform: translateY(100%);
7759
- -ms-transform: translateY(100%);
7760
- transform: translateY(100%); }
7761
-
7762
- .premium-woo-skin-grid-4 .premium-woo-qv-btn {
7763
- -webkit-transition-delay: 0.1s;
7764
- transition-delay: 0.1s; }
7765
-
7766
- .premium-woo-skin-grid-1 .premium-woo-qv-icon,
7767
- .premium-woo-skin-grid-3 .premium-woo-qv-icon,
7768
- .premium-woo-skin-grid-4 .premium-woo-qv-icon,
7769
- .premium-woo-skin-grid-6 .premium-woo-qv-icon {
7770
- margin-left: 0.5em; }
7771
-
7772
- .premium-woo-product-thumbnail:hover .premium-woo-qv-btn-translate {
7773
- -webkit-transform: translateY(0);
7774
- -ms-transform: translateY(0);
7775
- transform: translateY(0); }
7776
-
7777
- .premium-woo-product-wrapper .premium-woo-qv-data {
7778
- position: absolute;
7779
- top: 0;
7780
- left: 0;
7781
- width: 100%;
7782
- height: 100%;
7783
- z-index: 1;
7784
- overflow: hidden;
7785
- cursor: pointer; }
7786
-
7787
- /**
7788
- * Skin 1,4
7789
- */
7790
- .premium-woo-skin-grid-1 .premium-woo-product-actions-wrapper,
7791
- .premium-woo-skin-grid-4 .premium-woo-product-actions-wrapper {
7792
- position: absolute;
7793
- top: 0.7em;
7794
- right: 1em;
7795
- -webkit-transform: translate3d(15px, 0, 0);
7796
- transform: translate3d(15px, 0, 0);
7797
- -webkit-transition: all 0.3s ease-in-out;
7798
- transition: all 0.3s ease-in-out;
7799
- opacity: 0;
7800
- z-index: 9; }
7801
-
7802
- .premium-woocommerce .premium-woo-product-actions-wrapper .premium-woo-cart-btn {
7803
- position: relative;
7804
- display: block;
7805
- margin: 0 0 3px;
7806
- background: #fff;
7807
- text-align: center;
7808
- outline: 0;
7809
- -webkit-transition: all 0.3s ease-in-out;
7810
- transition: all 0.3s ease-in-out; }
7811
-
7812
- .premium-woocommerce .premium-woo-product-actions-wrapper .premium-woo-add-cart-icon {
7813
- display: block;
7814
- color: #54595f;
7815
- width: 30px;
7816
- line-height: 30px;
7817
- height: 30px;
7818
- cursor: pointer;
7819
- -webkit-transition: all 0.3s ease-in-out;
7820
- transition: all 0.3s ease-in-out; }
7821
-
7822
- .premium-woo-skin-grid-1 li.product:hover .premium-woo-product-actions-wrapper,
7823
- .premium-woo-skin-grid-4 li.product:hover .premium-woo-product-actions-wrapper {
7824
- -webkit-transform: translate3d(5px, 0, 0);
7825
- transform: translate3d(5px, 0, 0);
7826
- opacity: 1; }
7827
-
7828
- .premium-woocommerce .premium-woo-cart-btn.adding .premium-woo-add-cart-icon {
7829
- -webkit-animation: spin 2s linear infinite;
7830
- animation: spin 2s linear infinite; }
7831
-
7832
- .premium-woocommerce .premium-woo-cart-btn.adding .premium-woo-add-cart-icon::before {
7833
- content: "\f013"; }
7834
-
7835
- .premium-woocommerce .premium-woo-cart-btn.added .premium-woo-add-cart-icon::before {
7836
- content: "\f00c"; }
7837
-
7838
- /**
7839
- * Skin 2
7840
- */
7841
- .premium-woo-skin-grid-2 li.product .premium-woo-products-details-wrap {
7842
- position: absolute;
7843
- background: #fff;
7844
- bottom: 0;
7845
- left: 0;
7846
- width: 100%;
7847
- z-index: 2;
7848
- padding: 0;
7849
- opacity: 0;
7850
- -webkit-transition: opacity 0.2s, -webkit-transform 0.4s;
7851
- transition: opacity 0.2s, -webkit-transform 0.4s;
7852
- transition: transform 0.4s, opacity 0.2s;
7853
- transition: transform 0.4s, opacity 0.2s, -webkit-transform 0.4s;
7854
- -webkit-transform: translateZ(0) translateY(5px);
7855
- transform: translateZ(0) translateY(5px); }
7856
-
7857
- .premium-woo-skin-grid-2 .premium-woo-product-details {
7858
- padding: 15px 0; }
7859
-
7860
- .premium-woo-skin-grid-2 li.product:hover .premium-woo-products-details-wrap {
7861
- opacity: 1;
7862
- -webkit-transform: translateZ(0) translateY(0);
7863
- transform: translateZ(0) translateY(0); }
7864
-
7865
- .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper {
7866
- position: static;
7867
- -js-display: flex;
7868
- display: -webkit-box;
7869
- display: -webkit-flex;
7870
- display: -moz-box;
7871
- display: -ms-flexbox;
7872
- display: flex;
7873
- -webkit-box-orient: horizontal;
7874
- -webkit-box-direction: reverse;
7875
- -webkit-flex-direction: row-reverse;
7876
- -moz-box-orient: horizontal;
7877
- -moz-box-direction: reverse;
7878
- -ms-flex-direction: row-reverse;
7879
- flex-direction: row-reverse; }
7880
-
7881
- .premium-woo-skin-grid-2 .premium-woo-product-actions-wrapper > * {
7882
- -webkit-box-flex: 1;
7883
- -webkit-flex: 1;
7884
- -moz-box-flex: 1;
7885
- -ms-flex: 1;
7886
- flex: 1;
7887
- min-width: 50%; }
7888
-
7889
- .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper .button {
7890
- -js-display: flex;
7891
- display: -webkit-box;
7892
- display: -webkit-flex;
7893
- display: -moz-box;
7894
- display: -ms-flexbox;
7895
- display: flex;
7896
- margin: 0;
7897
- text-align: center;
7898
- -webkit-box-pack: center;
7899
- -webkit-justify-content: center;
7900
- -moz-box-pack: center;
7901
- -ms-flex-pack: center;
7902
- justify-content: center;
7903
- -webkit-box-align: center;
7904
- -webkit-align-items: center;
7905
- -moz-box-align: center;
7906
- -ms-flex-align: center;
7907
- align-items: center; }
7908
-
7909
- .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper .premium-woo-qv-btn {
7910
- background-color: #54595f; }
7911
-
7912
- /**
7913
- * Skin 4
7914
- */
7915
- .premium-woo-skin-grid-4 li.product .premium-woo-products-details-wrap {
7916
- position: absolute;
7917
- left: 0;
7918
- right: 0;
7919
- top: 50%;
7920
- -webkit-transform: scale(0.9) translateZ(0) translateY(-50%);
7921
- transform: scale(0.9) translateZ(0) translateY(-50%);
7922
- text-align: center;
7923
- z-index: 2;
7924
- opacity: 0;
7925
- -webkit-transition: opacity 0.5s, -webkit-transform 0.3s;
7926
- transition: opacity 0.5s, -webkit-transform 0.3s;
7927
- transition: opacity 0.5s, transform 0.3s;
7928
- transition: opacity 0.5s, transform 0.3s, -webkit-transform 0.3s; }
7929
-
7930
- .premium-woo-skin-grid-4 li.product .premium-woo-product-overlay,
7931
- .premium-woo-skin-grid-8 li.product .premium-woo-product-overlay {
7932
- position: absolute;
7933
- top: 0;
7934
- left: 0;
7935
- width: 100%;
7936
- height: 100%;
7937
- opacity: 0;
7938
- visibility: hidden;
7939
- background-color: rgba(27, 27, 23, 0.3);
7940
- -webkit-transition: all 0.25s ease-in-out;
7941
- transition: all 0.25s ease-in-out; }
7942
-
7943
- .premium-woo-skin-grid-4 li.product:hover .premium-woo-product-overlay,
7944
- .premium-woo-skin-grid-8 li.product:hover .premium-woo-product-overlay {
7945
- opacity: 1;
7946
- visibility: visible;
7947
- z-index: 1; }
7948
-
7949
- .premium-woo-skin-grid-4 li.product:hover .premium-woo-products-details-wrap {
7950
- -webkit-transform: scale(1) translateZ(0) translateY(-50%);
7951
- transform: scale(1) translateZ(0) translateY(-50%);
7952
- opacity: 1; }
7953
-
7954
- /**
7955
- * Skin 5
7956
- */
7957
- .premium-woo-skin-grid-5 li.product .premium-woo-product-actions-wrapper {
7958
- -js-display: flex;
7959
- display: -webkit-box;
7960
- display: -webkit-flex;
7961
- display: -moz-box;
7962
- display: -ms-flexbox;
7963
- display: flex; }
7964
- .premium-woo-skin-grid-5 li.product .premium-woo-product-actions-wrapper .premium-woo-qv-btn {
7965
- -js-display: flex;
7966
- display: -webkit-box;
7967
- display: -webkit-flex;
7968
- display: -moz-box;
7969
- display: -ms-flexbox;
7970
- display: flex;
7971
- -webkit-box-align: center;
7972
- -webkit-align-items: center;
7973
- -moz-box-align: center;
7974
- -ms-flex-align: center;
7975
- align-items: center;
7976
- background-color: #54595f;
7977
- padding: 10px;
7978
- -webkit-transition: all 0.25s ease 0s;
7979
- transition: all 0.25s ease 0s; }
7980
-
7981
- .premium-woo-skin-grid-5 li.product .premium-woo-products-details-wrap {
7982
- width: 75%; }
7983
-
7984
- .premium-woo-skin-grid-5 .premium-woo-product-wrapper {
7985
- -js-display: flex;
7986
- display: -webkit-box;
7987
- display: -webkit-flex;
7988
- display: -moz-box;
7989
- display: -ms-flexbox;
7990
- display: flex;
7991
- -webkit-box-align: center;
7992
- -webkit-align-items: center;
7993
- -moz-box-align: center;
7994
- -ms-flex-align: center;
7995
- align-items: center; }
7996
-
7997
- .premium-woo-product-align-right .premium-woo-skin-grid-5 .premium-woo-product-actions-wrapper {
7998
- -webkit-box-pack: end;
7999
- -webkit-justify-content: flex-end;
8000
- -moz-box-pack: end;
8001
- -ms-flex-pack: end;
8002
- justify-content: flex-end; }
8003
-
8004
- .premium-woo-product-align-center .premium-woo-skin-grid-5 .premium-woo-product-actions-wrapper {
8005
- -webkit-box-pack: center;
8006
- -webkit-justify-content: center;
8007
- -moz-box-pack: center;
8008
- -ms-flex-pack: center;
8009
- justify-content: center; }
8010
-
8011
- /**
8012
- * Skin 6
8013
- */
8014
- .premium-woo-skin-grid-6 .premium-woo-qv-btn {
8015
- position: absolute;
8016
- top: 50%;
8017
- left: 50%;
8018
- min-width: 40%;
8019
- text-align: center;
8020
- padding: 5px;
8021
- background: rgba(2, 2, 2, 0.5);
8022
- color: #fff;
8023
- -webkit-transform: translate(-50%, -50%);
8024
- -ms-transform: translate(-50%, -50%);
8025
- transform: translate(-50%, -50%);
8026
- opacity: 0;
8027
- visibility: hidden;
8028
- -webkit-transition: all 0.3s ease-in-out;
8029
- transition: all 0.3s ease-in-out;
8030
- cursor: pointer;
8031
- z-index: 2; }
8032
-
8033
- .premium-woo-skin-grid-6 li.product:hover .premium-woo-qv-btn {
8034
- opacity: 1;
8035
- visibility: visible; }
8036
-
8037
- .premium-woo-product-align-right .premium-woo-skin-grid-6 li.product .premium-woo-product-info .star-rating,
8038
- .premium-woo-product-align-left .premium-woo-skin-grid-6 li.product .premium-woo-product-info .star-rating,
8039
- .premium-woo-product-align-right .premium-woo-skin-grid-7 li.product .premium-woo-product-info .star-rating,
8040
- .premium-woo-product-align-left .premium-woo-skin-grid-7 li.product .premium-woo-product-info .star-rating {
8041
- margin: 0; }
8042
-
8043
- .premium-woo-skin-grid-6 li.product .premium-woo-product-info {
8044
- -js-display: flex;
8045
- display: -webkit-box;
8046
- display: -webkit-flex;
8047
- display: -moz-box;
8048
- display: -ms-flexbox;
8049
- display: flex;
8050
- -webkit-box-pack: justify;
8051
- -webkit-justify-content: space-between;
8052
- -moz-box-pack: justify;
8053
- -ms-flex-pack: justify;
8054
- justify-content: space-between; }
8055
-
8056
- .premium-woo-product-align-center .premium-woocommerce li.product .premium-woo-product-info {
8057
- -webkit-box-orient: vertical;
8058
- -webkit-box-direction: normal;
8059
- -webkit-flex-direction: column;
8060
- -moz-box-orient: vertical;
8061
- -moz-box-direction: normal;
8062
- -ms-flex-direction: column;
8063
- flex-direction: column; }
8064
-
8065
- .premium-woo-product-align-right .premium-woocommerce li.product .premium-woo-product-info {
8066
- -webkit-box-orient: horizontal;
8067
- -webkit-box-direction: reverse;
8068
- -webkit-flex-direction: row-reverse;
8069
- -moz-box-orient: horizontal;
8070
- -moz-box-direction: reverse;
8071
- -ms-flex-direction: row-reverse;
8072
- flex-direction: row-reverse; }
8073
-
8074
- .premium-woo-skin-grid-6 li.product .premium-woo-product-gallery-images {
8075
- -js-display: flex;
8076
- display: -webkit-box;
8077
- display: -webkit-flex;
8078
- display: -moz-box;
8079
- display: -ms-flexbox;
8080
- display: flex;
8081
- position: absolute;
8082
- bottom: 10px;
8083
- width: 100%;
8084
- -webkit-box-pack: center;
8085
- -webkit-justify-content: center;
8086
- -moz-box-pack: center;
8087
- -ms-flex-pack: center;
8088
- justify-content: center; }
8089
-
8090
- .premium-woo-product-gallery-images .premium-woo-product__gallery_image {
8091
- width: 20%;
8092
- margin: 0 0.2em;
8093
- border: 2px solid #aaa;
8094
- cursor: pointer; }
8095
-
8096
- /**
8097
- * Metro
8098
- */
8099
- .premium-woo-products-metro li.product .premium-woo-product-thumbnail img,
8100
- .premium-woo-products-metro li.product .premium-woo-product-wrapper,
8101
- .premium-woo-products-metro li.product .premium-woo-product-thumbnail,
8102
- .premium-woo-products-metro li.product .woocommerce-LoopProduct-link {
8103
- height: 100%; }
8104
-
8105
- .premium-woo-products-metro ul.products li.product {
8106
- margin-bottom: 0; }
8107
-
8108
- .premium-woo-products-metro li.product .premium-woo-product-thumbnail img {
8109
- -o-object-fit: cover;
8110
- object-fit: cover; }
8111
-
8112
- /*
8113
- * Carousel
8114
- */
8115
- .premium-carousel-hidden {
8116
- opacity: 0;
8117
- visibility: hidden; }
8118
-
8119
- .premium-woocommerce:not(.premium-woo-skin-grid-7) .slick-arrow {
8120
- -webkit-border-radius: 50%;
8121
- border-radius: 50%; }
8122
-
8123
- .premium-woocommerce ul.slick-dots {
8124
- width: 100%; }
8125
-
8126
- /*
8127
- * Quick View Html/body
8128
- */
8129
- html.premium-woo-qv-opened,
8130
- html.premium-woo-qv-opened body {
8131
- overflow: hidden; }
8132
-
8133
- /**
8134
- * Quick View Modal
8135
- */
8136
- .premium-woo-quick-view-back {
8137
- position: fixed;
8138
- visibility: hidden;
8139
- overflow: hidden;
8140
- background: rgba(2, 2, 2, 0.5);
8141
- opacity: 0;
8142
- -webkit-transition: opacity 0.25s;
8143
- transition: opacity 0.25s;
8144
- z-index: 999; }
8145
-
8146
- .premium-woo-quick-view-active {
8147
- top: 0;
8148
- left: 0;
8149
- width: 100%;
8150
- height: 100%;
8151
- opacity: 1;
8152
- visibility: visible; }
8153
-
8154
- #premium-woo-quick-view-modal {
8155
- position: fixed;
8156
- visibility: hidden;
8157
- opacity: 0;
8158
- top: 0;
8159
- left: 0;
8160
- width: 100%;
8161
- height: 100%;
8162
- z-index: 1400;
8163
- text-align: center;
8164
- -webkit-transition: all 0.3s;
8165
- transition: all 0.3s;
8166
- overflow-x: hidden;
8167
- overflow-y: auto; }
8168
- #premium-woo-quick-view-modal.active {
8169
- visibility: visible;
8170
- opacity: 1; }
8171
- #premium-woo-quick-view-modal.active .premium-woo-content-main {
8172
- -webkit-transform: translateY(0);
8173
- -ms-transform: translateY(0);
8174
- transform: translateY(0);
8175
- opacity: 1;
8176
- width: 100%; }
8177
- #premium-woo-quick-view-modal .premium-woo-content-main-wrapper {
8178
- position: absolute;
8179
- width: 100%;
8180
- height: 100%;
8181
- top: 0;
8182
- left: 0;
8183
- text-align: center;
8184
- padding: 30px;
8185
- -js-display: flex;
8186
- display: -webkit-box;
8187
- display: -webkit-flex;
8188
- display: -moz-box;
8189
- display: -ms-flexbox;
8190
- display: flex;
8191
- -webkit-box-align: center;
8192
- -webkit-align-items: center;
8193
- -moz-box-align: center;
8194
- -ms-flex-align: center;
8195
- align-items: center; }
8196
- #premium-woo-quick-view-modal .premium-woo-content-main {
8197
- position: relative;
8198
- pointer-events: none;
8199
- max-width: 100%;
8200
- text-align: left;
8201
- z-index: 1045;
8202
- -webkit-transform: translateY(-30px);
8203
- -ms-transform: translateY(-30px);
8204
- transform: translateY(-30px);
8205
- opacity: 0;
8206
- -webkit-transition: opacity 0.3s, -webkit-transform 0.5s;
8207
- transition: opacity 0.3s, -webkit-transform 0.5s;
8208
- transition: transform 0.5s, opacity 0.3s;
8209
- transition: transform 0.5s, opacity 0.3s, -webkit-transform 0.5s;
8210
- margin: 0 auto; }
8211
- #premium-woo-quick-view-modal .premium-woo-lightbox-content {
8212
- position: relative;
8213
- display: table;
8214
- pointer-events: auto;
8215
- background-color: #fff;
8216
- max-width: 975px;
8217
- margin: 20px auto;
8218
- -webkit-transform: translateZ(0);
8219
- transform: translateZ(0);
8220
- -webkit-box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, 0.15);
8221
- box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, 0.15);
8222
- overflow: hidden; }
8223
- #premium-woo-quick-view-modal .summary {
8224
- width: 50%;
8225
- margin: 0;
8226
- padding: 30px;
8227
- float: left;
8228
- -webkit-box-sizing: border-box;
8229
- -moz-box-sizing: border-box;
8230
- box-sizing: border-box; }
8231
- #premium-woo-quick-view-modal .summary .quantity {
8232
- min-width: auto; }
8233
- #premium-woo-quick-view-modal .summary .quantity input.qty {
8234
- width: 54px;
8235
- -webkit-appearance: button;
8236
- -moz-appearance: button;
8237
- appearance: button; }
8238
- #premium-woo-quick-view-modal .summary .quantity input[type="number"]::-webkit-inner-spin-button,
8239
- #premium-woo-quick-view-modal .summary .quantity input[type="number"]::-webkit-outer-spin-button {
8240
- display: unset; }
8241
- #premium-woo-quick-view-modal .woocommerce-product-details__short-description p {
8242
- margin: 0; }
8243
-
8244
- #premium-woo-quick-view-close {
8245
- position: absolute;
8246
- font-size: 22px;
8247
- top: 10px;
8248
- right: 10px;
8249
- width: 22px;
8250
- height: 22px;
8251
- line-height: 22px;
8252
- opacity: 0.7;
8253
- text-align: center;
8254
- z-index: 2;
8255
- color: #000; }
8256
-
8257
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider {
8258
- position: relative; }
8259
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider li {
8260
- list-style: none; }
8261
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav {
8262
- margin: 0;
8263
- padding: 0;
8264
- width: 100%;
8265
- position: absolute;
8266
- bottom: 10px;
8267
- text-align: center; }
8268
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li {
8269
- margin: 0 6px;
8270
- display: inline-block;
8271
- vertical-align: middle; }
8272
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a {
8273
- width: 11px;
8274
- height: 11px;
8275
- display: block;
8276
- background: #666;
8277
- background: rgba(0, 0, 0, 0.5);
8278
- cursor: pointer;
8279
- text-indent: -9999px;
8280
- -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
8281
- box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
8282
- -webkit-border-radius: 20px;
8283
- border-radius: 20px; }
8284
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a.flex-active {
8285
- background: rgba(0, 0, 0, 0.9);
8286
- cursor: default; }
8287
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a:focus {
8288
- outline: none; }
8289
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider img {
8290
- -o-object-fit: cover;
8291
- object-fit: cover; }
8292
-
8293
- #premium-woo-quick-view-content div.images {
8294
- width: 50%;
8295
- float: left;
8296
- opacity: 1 !important;
8297
- margin: 0; }
8298
-
8299
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav {
8300
- margin: 0;
8301
- padding: 0;
8302
- list-style: none; }
8303
-
8304
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav a {
8305
- text-decoration: none;
8306
- display: block;
8307
- width: 14px;
8308
- height: 32px;
8309
- font-size: 32px;
8310
- line-height: 32px;
8311
- margin: -20px 0 0;
8312
- position: absolute;
8313
- top: 50%;
8314
- z-index: 10;
8315
- overflow: hidden;
8316
- cursor: pointer;
8317
- color: rgba(0, 0, 0, 0.8);
8318
- text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
8319
- -webkit-transition: all 0.3s ease-in-out;
8320
- transition: all 0.3s ease-in-out; }
8321
-
8322
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next,
8323
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev {
8324
- display: inline-block;
8325
- font-family: "Font Awesome 5 Free";
8326
- font-weight: 900;
8327
- text-rendering: auto;
8328
- -webkit-font-smoothing: antialiased;
8329
- -moz-osx-font-smoothing: grayscale; }
8330
-
8331
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev {
8332
- left: 10px; }
8333
-
8334
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next {
8335
- right: 10px; }
8336
-
8337
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev::before {
8338
- content: "\f104"; }
8339
-
8340
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next::before {
8341
- content: "\f105"; }
8342
-
8343
- .premium-woocommerce li.product .added_to_cart.wc-forward {
8344
- display: none; }
8345
-
8346
- .premium-woo-atc-button .add_to_cart_button span {
8347
- -webkit-animation: spin 2s linear infinite;
8348
- animation: spin 2s linear infinite;
8349
- margin-left: 5px;
8350
- vertical-align: baseline; }
8351
-
8352
- /*
8353
- * Load More Button
8354
- */
8355
- .premium-woo-load-more {
8356
- position: relative; }
8357
- .premium-woo-load-more .premium-woo-load-more-btn {
8358
- -webkit-box-shadow: none;
8359
- box-shadow: none;
8360
- text-shadow: none;
8361
- border: none;
8362
- outline: none;
8363
- -webkit-box-align: center;
8364
- -webkit-align-items: center;
8365
- -moz-box-align: center;
8366
- -ms-flex-align: center;
8367
- align-items: center;
8368
- vertical-align: bottom;
8369
- cursor: pointer;
8370
- line-height: 1;
8371
- font-style: normal;
8372
- font-weight: normal;
8373
- background-image: none;
8374
- color: #fff;
8375
- -webkit-transition: all 0.3s ease-in-out;
8376
- transition: all 0.3s ease-in-out; }
8377
-
8378
- .premium-woo-load-more-btn {
8379
- -js-display: inline-flex;
8380
- display: -webkit-inline-box;
8381
- display: -webkit-inline-flex;
8382
- display: -moz-inline-box;
8383
- display: -ms-inline-flexbox;
8384
- display: inline-flex;
8385
- -webkit-box-align: center;
8386
- -webkit-align-items: center;
8387
- -moz-box-align: center;
8388
- -ms-flex-align: center;
8389
- align-items: center; }
8390
-
8391
- .premium-woo-load-more-btn span {
8392
- margin-right: 3px; }
8393
-
8394
- .premium-woo-load-more-btn .premium-loader {
8395
- display: inline-block;
8396
- width: 20px;
8397
- height: 20px; }
8398
-
8399
- .premium-woo-btn-hidden {
8400
- visibility: hidden;
8401
- width: 0 !important;
8402
- height: 0 !important;
8403
- margin: 0 !important;
8404
- padding: 0 !important; }
8405
-
8406
- @media (min-width: 545px) {
8407
- #premium-woo-quick-view-content div.summary {
8408
- content: "544";
8409
- overflow-y: auto; } }
8410
 
8411
- @media (max-width: 544px) {
8412
- #premium-woo-quick-view-content .premium-woo-lightbox-content {
8413
- display: block; }
8414
- #premium-woo-quick-view-content div.images,
8415
- #premium-woo-quick-view-content div.summary {
8416
- width: 100%;
8417
- float: none; } }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
8418
 
8419
  /*
8420
  * Common Title/Dual Heading
2460
  width: 100%;
2461
  right: 0; }
2462
 
2463
+ /**************** Premium Carousel ****************/
2464
+ /**************************************************/
2465
+ .premium-carousel-wrapper a.carousel-arrow, .premium-carousel-wrapper a.ver-carousel-arrow {
2466
+ -js-display: flex;
2467
+ display: -webkit-box;
2468
+ display: -webkit-flex;
2469
+ display: -moz-box;
2470
+ display: -ms-flexbox;
2471
+ display: flex;
2472
+ -webkit-box-align: center;
2473
+ -webkit-align-items: center;
2474
+ -moz-box-align: center;
2475
+ -ms-flex-align: center;
2476
+ align-items: center;
2477
+ -webkit-box-pack: center;
2478
+ -webkit-justify-content: center;
2479
+ -moz-box-pack: center;
2480
+ -ms-flex-pack: center;
2481
+ justify-content: center;
2482
+ width: 2em;
2483
+ height: 2em;
2484
+ line-height: 0;
2485
+ text-align: center;
2486
+ position: absolute;
2487
+ z-index: 99;
2488
+ cursor: pointer;
2489
+ -webkit-transition: all 0.3s ease-in-out;
2490
+ transition: all 0.3s ease-in-out;
2491
+ -webkit-appearance: inherit;
2492
+ border: none;
2493
+ -webkit-box-shadow: none;
2494
+ box-shadow: none; }
2495
+ .premium-carousel-wrapper a.carousel-arrow svg, .premium-carousel-wrapper a.ver-carousel-arrow svg {
2496
+ -webkit-transition: all 0.3s ease-in-out;
2497
+ transition: all 0.3s ease-in-out; }
2498
+
2499
+ .ver-carousel-arrow.carousel-next i {
2500
+ margin-bottom: -3px; }
2501
+
2502
+ .premium-carousel-wrapper a.slick-arrow:hover {
2503
+ -webkit-box-shadow: none !important;
2504
+ box-shadow: none !important; }
2505
+
2506
+ .premium-carousel-wrapper .premium-carousel-content-hidden {
2507
+ visibility: hidden; }
2508
+
2509
+ .premium-carousel-wrapper a.carousel-arrow {
2510
+ top: 50%; }
2511
+
2512
+ .premium-carousel-wrapper a.ver-carousel-arrow {
2513
+ left: 50%;
2514
+ -webkit-transform: translateX(-50%);
2515
+ -ms-transform: translateX(-50%);
2516
+ transform: translateX(-50%); }
2517
+
2518
+ .premium-carousel-dots-above ul.slick-dots {
2519
+ position: absolute;
2520
+ -js-display: flex;
2521
+ display: -webkit-box;
2522
+ display: -webkit-flex;
2523
+ display: -moz-box;
2524
+ display: -ms-flexbox;
2525
+ display: flex;
2526
+ width: auto;
2527
+ top: 50%;
2528
+ bottom: auto;
2529
+ -webkit-transform: translateY(-50%);
2530
+ -ms-transform: translateY(-50%);
2531
+ transform: translateY(-50%);
2532
+ -webkit-box-orient: vertical;
2533
+ -webkit-box-direction: normal;
2534
+ -webkit-flex-direction: column;
2535
+ -moz-box-orient: vertical;
2536
+ -moz-box-direction: normal;
2537
+ -ms-flex-direction: column;
2538
+ flex-direction: column; }
2539
+
2540
  /*
2541
  * Custom Navigation Dot
2542
+ */
2543
+ .premium-carousel-wrapper .premium-carousel-nav-dot,
2544
+ .premium-carousel-wrapper .premium-carousel-nav-arrow-prev,
2545
+ .premium-carousel-wrapper .premium-carousel-nav-arrow-next {
2546
+ display: none; }
2547
+
2548
+ .premium-carousel-wrapper ul.slick-dots svg {
2549
+ width: 20px;
2550
+ height: 20px;
2551
+ outline: none !important; }
2552
+
2553
+ /* Ripple Out */
2554
+ @-webkit-keyframes hvr-ripple-out {
2555
+ 0% {
2556
+ -webkit-transform: scale(1);
2557
+ transform: scale(1);
2558
+ opacity: 1; }
2559
+ 100% {
2560
+ -webkit-transform: scale(1.5);
2561
+ transform: scale(1.5);
2562
+ opacity: 0; } }
2563
+ @keyframes hvr-ripple-out {
2564
+ 0% {
2565
+ -webkit-transform: scale(1);
2566
+ transform: scale(1);
2567
+ opacity: 1; }
2568
+ 100% {
2569
+ -webkit-transform: scale(1.5);
2570
+ transform: scale(1.5);
2571
+ opacity: 0; } }
2572
+
2573
+ .premium-carousel-ripple-yes .premium-carousel-wrapper {
2574
+ padding-bottom: 1px; }
2575
+
2576
+ .premium-carousel-ripple-yes ul.slick-dots li {
2577
+ position: relative; }
2578
+ .premium-carousel-ripple-yes ul.slick-dots li i {
2579
+ position: relative;
2580
+ z-index: 1; }
2581
+ .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
2582
+ content: "";
2583
+ position: absolute;
2584
+ -webkit-transform: scale(1);
2585
+ -ms-transform: scale(1);
2586
+ transform: scale(1);
2587
+ top: 0;
2588
+ right: 0;
2589
+ bottom: 0;
2590
+ left: 0;
2591
+ -webkit-border-radius: 50%;
2592
+ border-radius: 50%;
2593
+ pointer-events: none;
2594
+ background-color: rgba(0, 0, 0, 0.15); }
2595
+ .premium-carousel-ripple-yes ul.slick-dots li.slick-active:hover:before {
2596
+ background-color: rgba(0, 0, 0, 0.3); }
2597
+ .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
2598
+ -webkit-animation: hvr-ripple-out 1.3s infinite;
2599
+ animation: hvr-ripple-out 1.3s infinite; }
2600
+
2601
+ .premium-carousel-wrapper.premium-carousel-scale .slick-slide {
2602
+ -webkit-transform: scale(1.25, 1.25);
2603
+ -ms-transform: scale(1.25, 1.25);
2604
+ transform: scale(1.25, 1.25);
2605
+ -webkit-transition: all 0.3s ease-in-out;
2606
+ transition: all 0.3s ease-in-out; }
2607
+
2608
+ .premium-carousel-wrapper.premium-carousel-scale div.slick-active {
2609
+ -webkit-transform: scale(1, 1);
2610
+ -ms-transform: scale(1, 1);
2611
+ transform: scale(1, 1); }
2612
+
2613
+ [dir="rtl"] .premium-carousel-inner .slick-slide {
2614
+ float: right; }
2615
 
2616
  /**************** Premium Contact Form7 **********/
2617
  /*************************************************/
4718
  .premium-modal-box-container[data-modal-animation*="animated-"] {
4719
  opacity: 0; }
4720
 
4721
+ /************ Premium Nav Menu ************/
4722
+ .premium-nav-widget-container ul {
4723
+ list-style: none;
4724
+ margin: 0; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
4725
 
4726
+ .premium-nav-widget-container .premium-main-nav-menu {
4727
+ -js-display: flex;
4728
+ display: -webkit-box;
4729
+ display: -webkit-flex;
4730
+ display: -moz-box;
4731
+ display: -ms-flexbox;
4732
+ display: flex;
4733
+ height: 100%; }
4734
+
4735
+ /*Vertical Main Menu**/
4736
+ .premium-nav-ver .premium-nav-menu-container {
4737
+ width: 45%; }
4738
+
4739
+ .premium-nav-ver .premium-main-nav-menu {
4740
  position: relative;
4741
+ -webkit-box-orient: vertical;
4742
+ -webkit-box-direction: normal;
4743
+ -webkit-flex-direction: column;
4744
+ -moz-box-orient: vertical;
4745
+ -moz-box-direction: normal;
4746
+ -ms-flex-direction: column;
4747
+ flex-direction: column;
4748
+ -webkit-box-align: start;
4749
+ -webkit-align-items: flex-start;
4750
+ -moz-box-align: start;
4751
+ -ms-flex-align: start;
4752
+ align-items: flex-start; }
4753
 
4754
+ .premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item.menu-item-has-children .premium-sub-menu {
4755
+ visibility: hidden;
4756
+ opacity: 0;
4757
+ position: absolute;
4758
+ min-width: 250px; }
4759
 
4760
+ .premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item.menu-item-has-children:hover > .premium-sub-menu,
4761
+ .premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item.menu-item-has-children:hover .premium-mega-content-container {
4762
+ opacity: 1;
4763
+ visibility: visible; }
4764
 
4765
+ .premium-nav-ver .premium-nav-menu-item {
4766
+ width: 100%; }
 
4767
 
4768
+ .premium-nav-ver:not(.premium-hamburger-menu).premium-vertical-right .premium-mega-content-container,
4769
+ .premium-nav-ver:not(.premium-hamburger-menu).premium-vertical-right .premium-nav-menu-item.menu-item-has-children .premium-sub-menu {
4770
+ left: 100%;
4771
+ top: 0; }
4772
 
4773
+ .premium-nav-ver .premium-vertical-left:not(.premium-hamburger-menu) .premium-mega-content-container,
4774
+ .premium-nav-ver .premium-vertical-left:not(.premium-hamburger-menu) .premium-nav-menu-item.menu-item-has-children .premium-sub-menu {
4775
+ right: 100%;
4776
+ top: 0; }
4777
 
4778
+ .premium-nav-ver .premium-vertical-left .premium-menu-link {
4779
+ -webkit-box-orient: horizontal;
4780
+ -webkit-box-direction: reverse;
4781
+ -webkit-flex-direction: row-reverse;
4782
+ -moz-box-orient: horizontal;
4783
+ -moz-box-direction: reverse;
4784
+ -ms-flex-direction: row-reverse;
4785
+ flex-direction: row-reverse; }
4786
 
4787
+ /*Horizontal Main Menu**/
4788
+ .premium-nav-hor .premium-nav-menu-container {
4789
+ height: 60px; }
 
4790
 
4791
+ .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item .premium-sub-menu {
4792
+ visibility: hidden;
4793
+ opacity: 0;
4794
+ position: absolute;
4795
+ min-width: 220px; }
4796
+
4797
+ .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item > .premium-sub-menu,
4798
+ .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item .premium-mega-content-container {
4799
+ top: 100%; }
4800
+ .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item > .premium-sub-menu .premium-sub-menu,
4801
+ .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item .premium-mega-content-container .premium-sub-menu {
4802
+ left: 100%;
4803
+ top: 0; }
4804
 
4805
+ .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item:hover > .premium-sub-menu,
4806
+ .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item:hover .premium-mega-content-container {
4807
+ visibility: visible;
4808
+ opacity: 1;
4809
+ pointer-events: auto; }
4810
 
4811
+ .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item.premium-mega-item-static .premium-mega-content-container {
4812
+ left: 50%;
4813
+ -webkit-transform: translateX(-50%);
4814
+ -ms-transform: translateX(-50%);
4815
+ transform: translateX(-50%); }
4816
 
4817
+ .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item .premium-mega-content-centered {
4818
+ left: 50%;
4819
+ -webkit-transform: translateX(-50%);
4820
+ -ms-transform: translateX(-50%);
4821
+ transform: translateX(-50%); }
4822
 
4823
+ .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item:not(.premium-mega-item-static) .premium-mega-content-container {
4824
+ left: 0; }
 
 
4825
 
4826
+ /**Mega Menu Container*/
4827
+ .premium-mega-nav-item .premium-sub-menu {
4828
+ display: none; }
 
 
 
 
 
4829
 
4830
+ .premium-mega-nav-item {
4831
+ position: relative; }
4832
+ .premium-mega-nav-item:hover .premium-mega-content-container {
4833
+ visibility: visible;
4834
+ opacity: 1;
4835
+ pointer-events: auto; }
4836
+
4837
+ .premium-mega-content-container {
4838
+ visibility: hidden;
4839
  position: absolute;
4840
+ z-index: 9999;
4841
+ opacity: 0;
4842
+ pointer-events: none; }
4843
+
4844
+ .premium-hamburger-menu .premium-mega-content-container,
4845
+ .premium-nav-slide .premium-mega-content-container,
4846
+ .premium-nav-dropdown .premium-mega-content-container {
4847
+ visibility: visible;
4848
+ position: relative;
4849
+ opacity: 1;
4850
+ pointer-events: auto; }
4851
+
4852
+ /**Hamburger Menu*/
4853
+ .premium-nav-widget-container a.premium-hamburger-toggle,
4854
+ .premium-mobile-menu-outer-container a.premium-mobile-menu-close {
4855
+ text-decoration: none; }
4856
+
4857
+ .premium-nav-widget-container .premium-hamburger-toggle {
4858
+ display: none;
4859
  -webkit-box-pack: center;
4860
  -webkit-justify-content: center;
4861
  -moz-box-pack: center;
4865
  -webkit-align-items: center;
4866
  -moz-box-align: center;
4867
  -ms-flex-align: center;
4868
+ align-items: center; }
4869
+ .premium-nav-widget-container .premium-hamburger-toggle i {
4870
+ padding: 0.25em;
4871
+ font-size: 22px; }
4872
+ .premium-nav-widget-container .premium-hamburger-toggle svg {
4873
+ width: 22px;
4874
+ height: 22px; }
4875
+ .premium-nav-widget-container .premium-hamburger-toggle i,
4876
+ .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-text,
4877
+ .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-close {
4878
+ color: #494c4f; }
4879
+ .premium-nav-widget-container .premium-hamburger-toggle svg {
4880
+ fill: #494c4f; }
4881
+ .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-text,
4882
+ .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-close {
4883
+ margin: 2px; }
4884
+ .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-close {
4885
+ display: none; }
4886
+
4887
+ .premium-mobile-menu-container {
4888
+ width: 100%; }
4889
+ .premium-mobile-menu-container .premium-main-mobile-menu {
4890
+ width: 100%; }
4891
+ .premium-mobile-menu-container ul {
4892
+ list-style: none;
4893
+ margin: 0;
4894
+ padding: 0; }
4895
+ .premium-mobile-menu-container .premium-mobile-menu,
4896
+ .premium-mobile-menu-container .premium-sub-menu {
4897
+ display: none;
4898
+ -webkit-box-orient: vertical;
4899
+ -webkit-box-direction: normal;
4900
+ -webkit-flex-direction: column;
4901
+ -moz-box-orient: vertical;
4902
+ -moz-box-direction: normal;
4903
+ -ms-flex-direction: column;
4904
+ flex-direction: column; }
4905
+ .premium-mobile-menu-container .premium-nav-menu-item {
4906
+ -webkit-box-orient: vertical;
4907
+ -webkit-box-direction: normal;
4908
+ -webkit-flex-direction: column;
4909
+ -moz-box-orient: vertical;
4910
+ -moz-box-direction: normal;
4911
+ -ms-flex-direction: column;
4912
+ flex-direction: column; }
4913
+ .premium-mobile-menu-container .premium-item-badge {
4914
+ top: 50%;
4915
+ right: 0;
4916
+ left: unset;
4917
+ -webkit-transform: translateY(-50%);
4918
+ -ms-transform: translateY(-50%);
4919
+ transform: translateY(-50%); }
4920
 
4921
+ /**Vertical Hamburger Menu*/
4922
+ .premium-mobile-menu-outer-container {
4923
+ opacity: 0; }
4924
+ .premium-mobile-menu-outer-container.premium-vertical-toggle-open {
4925
+ opacity: 1; }
4926
 
4927
+ .premium-ver-hamburger-menu .premium-mobile-menu-outer-container {
4928
+ background-color: #f7f7f7;
4929
+ width: 300px;
4930
+ -webkit-transform: translateX(-300px);
4931
+ -ms-transform: translateX(-300px);
4932
+ transform: translateX(-300px);
4933
+ height: 100%;
4934
+ position: fixed;
4935
+ top: 0;
4936
+ left: 0;
4937
+ overflow-x: hidden;
4938
+ z-index: 10000;
4939
+ -webkit-transition: 0.5s;
4940
+ transition: 0.5s;
4941
+ padding-top: 50px; }
4942
+ .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu {
4943
+ -js-display: flex;
4944
+ display: -webkit-box;
4945
+ display: -webkit-flex;
4946
+ display: -moz-box;
4947
+ display: -ms-flexbox;
4948
+ display: flex; }
4949
+ .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-container {
4950
+ margin-top: 50px; }
4951
+ .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-container .premium-item-badge {
4952
+ -webkit-transform: translateY(0);
4953
+ -ms-transform: translateY(0);
4954
+ transform: translateY(0); }
4955
+ .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-close {
4956
+ position: absolute;
4957
+ top: 2%;
4958
+ right: 5px;
4959
+ padding: 0 9px;
4960
+ z-index: 10000;
4961
+ -js-display: inline-flex;
4962
+ display: -webkit-inline-box;
4963
+ display: -webkit-inline-flex;
4964
+ display: -moz-inline-box;
4965
+ display: -ms-inline-flexbox;
4966
+ display: inline-flex;
4967
+ color: #494c4f;
4968
+ -webkit-box-pack: center;
4969
+ -webkit-justify-content: center;
4970
+ -moz-box-pack: center;
4971
+ -ms-flex-pack: center;
4972
+ justify-content: center;
4973
+ -webkit-box-align: center;
4974
+ -webkit-align-items: center;
4975
+ -moz-box-align: center;
4976
+ -ms-flex-align: center;
4977
+ align-items: center; }
4978
+ .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-close .premium-toggle-close {
4979
+ margin: 5px; }
4980
+ .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-close svg {
4981
+ width: 22px;
4982
+ height: 22px;
4983
+ fill: #494c4f; }
4984
+ .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-close i {
4985
+ font-size: 22px; }
4986
+
4987
+ .premium-ver-hamburger-menu .premium-vertical-toggle-open {
4988
+ -webkit-transform: translateX(0) !important;
4989
+ -ms-transform: translateX(0) !important;
4990
+ transform: translateX(0) !important;
4991
+ -webkit-transition: 0.5s;
4992
+ transition: 0.5s; }
4993
+
4994
+ /**Common*/
4995
+ .premium-nav-slide-overlay {
4996
+ display: none;
4997
+ position: fixed;
4998
+ top: 0;
4999
+ left: 0;
5000
+ right: 0;
5001
+ bottom: 0;
5002
+ -webkit-backface-visibility: hidden;
5003
+ backface-visibility: hidden;
5004
+ background: rgba(0, 0, 0, 0.6);
5005
+ z-index: 9999; }
5006
+ .premium-nav-slide-overlay.premium-vertical-toggle-open {
5007
+ display: block; }
5008
 
5009
+ .premium-active-menu,
5010
+ .premium-active-menu:not(.premium-mega-nav-item) > .premium-sub-menu,
5011
+ .premium-active-menu.premium-mega-nav-item > .premium-mega-content-container {
5012
+ -js-display: flex !important;
5013
+ display: -webkit-box !important;
5014
+ display: -webkit-flex !important;
5015
+ display: -moz-box !important;
5016
+ display: -ms-flexbox !important;
5017
+ display: flex !important;
5018
+ -webkit-box-orient: vertical;
5019
+ -webkit-box-direction: normal;
5020
+ -webkit-flex-direction: column;
5021
+ -moz-box-orient: vertical;
5022
+ -moz-box-direction: normal;
5023
+ -ms-flex-direction: column;
5024
+ flex-direction: column; }
5025
 
5026
+ .premium-active-menu .premium-toggle-close {
5027
+ display: block; }
 
5028
 
5029
+ .premium-nav-menu-container .premium-sub-menu {
5030
+ background-color: #fff; }
5031
 
5032
+ .premium-mobile-menu-container li,
5033
+ .premium-mobile-menu-container li > .premium-mega-content-container {
5034
+ width: 100% !important; }
 
5035
 
5036
+ .premium-item-icon,
5037
+ .premium-sub-item-icon {
5038
+ font-size: 13px;
5039
+ margin: 0 7px; }
5040
+ .premium-item-icon svg,
5041
+ .premium-sub-item-icon svg {
5042
+ width: 100%;
5043
+ height: 100%; }
5044
+ .premium-item-icon.premium-lottie-animation,
5045
+ .premium-sub-item-icon.premium-lottie-animation {
5046
+ width: 20px;
5047
+ height: 20px;
5048
+ -js-display: flex;
5049
+ display: -webkit-box;
5050
+ display: -webkit-flex;
5051
+ display: -moz-box;
5052
+ display: -ms-flexbox;
5053
+ display: flex;
5054
+ -webkit-box-pack: center;
5055
+ -webkit-justify-content: center;
5056
+ -moz-box-pack: center;
5057
+ -ms-flex-pack: center;
5058
+ justify-content: center; }
5059
+ .premium-item-icon.dashicons,
5060
+ .premium-sub-item-icon.dashicons {
5061
+ width: 13px;
5062
+ height: 13px; }
5063
 
5064
+ .premium-nav-menu-item {
5065
+ position: relative; }
5066
+ .premium-nav-menu-item .premium-menu-link {
5067
+ -js-display: flex;
5068
+ display: -webkit-box;
5069
+ display: -webkit-flex;
5070
+ display: -moz-box;
5071
+ display: -ms-flexbox;
5072
+ display: flex;
5073
+ -webkit-box-align: center;
5074
+ -webkit-align-items: center;
5075
+ -moz-box-align: center;
5076
+ -ms-flex-align: center;
5077
+ align-items: center;
5078
+ height: 100%;
5079
+ padding: 7px 10px;
5080
+ text-decoration: none;
5081
+ position: relative; }
5082
+ .premium-nav-menu-item .premium-dropdown-icon {
5083
+ margin: 5px; }
5084
+ .premium-nav-menu-item.menu-item-has-children {
5085
+ position: relative; }
5086
+ .premium-nav-menu-item.menu-item-has-children .premium-sub-menu {
5087
+ z-index: 9999; }
5088
+ .premium-nav-menu-item.menu-item-has-children .premium-sub-menu .premium-sub-menu-link {
5089
+ -webkit-box-pack: start;
5090
+ -webkit-justify-content: flex-start;
5091
+ -moz-box-pack: start;
5092
+ -ms-flex-pack: start;
5093
+ justify-content: flex-start; }
5094
+ .premium-nav-menu-item .menu-link {
5095
  position: relative;
5096
+ text-decoration: none; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
5097
 
5098
+ .premium-item-badge,
5099
+ .premium-sub-item-badge {
5100
+ position: absolute;
5101
+ padding: 1px 6px;
5102
+ min-width: 35px;
5103
+ text-align: center;
5104
+ font-size: 10px;
5105
+ -webkit-border-radius: 4px;
5106
+ border-radius: 4px;
5107
+ line-height: 1.8;
5108
+ white-space: nowrap; }
5109
 
5110
+ .premium-nav-hor:not(.premium-hamburger-menu) .premium-item-badge, .premium-nav-hor:not(.premium-nav-slide) .premium-item-badge, .premium-nav-hor:not(.premium-nav-dropdown) .premium-item-badge {
5111
+ position: relative;
5112
+ margin: 8px; }
5113
 
5114
+ .premium-nav-hor .premium-sub-item-badge,
5115
+ .premium-nav-slide .premium-sub-item-badge,
5116
+ .premium-nav-dropdown .premium-sub-item-badge,
5117
+ .premium-nav-ver.premium-vertical-right .premium-item-badge,
5118
+ .premium-nav-ver.premium-vertical-right .premium-sub-item-badge {
5119
+ top: 50%;
5120
+ right: 0;
5121
+ -webkit-transform: translateY(-50%);
5122
+ -ms-transform: translateY(-50%);
5123
+ transform: translateY(-50%); }
5124
 
5125
+ .premium-nav-ver.premium-vertical-left .premium-item-badge,
5126
+ .premium-nav-ver.premium-vertical-left .premium-sub-item-badge {
5127
+ top: 50%;
5128
+ left: 0;
5129
+ -webkit-transform: translateY(-50%);
5130
+ -ms-transform: translateY(-50%);
5131
+ transform: translateY(-50%); }
5132
 
5133
+ .premium-mega-nav-item .premium-sub-menu {
5134
+ display: none; }
5135
 
5136
+ .premium-mega-nav-item {
5137
+ position: relative; }
5138
 
5139
+ .premium-hamburger-menu .premium-mega-content-container,
5140
+ .premium-nav-dropdown .premium-mega-content-container,
5141
+ .premium-nav-slide .premium-mega-content-container {
5142
+ display: none; }
5143
 
5144
+ .premium-mega-item-static {
5145
+ position: static !important; }
5146
 
5147
+ .premium-hamburger-menu .premium-nav-menu-container,
5148
+ .premium-nav-dropdown .premium-nav-menu-container,
5149
+ .premium-nav-slide .premium-nav-menu-container {
5150
+ display: none; }
5151
 
5152
+ .premium-hamburger-menu .premium-hamburger-toggle,
5153
+ .premium-nav-dropdown .premium-hamburger-toggle,
5154
+ .premium-nav-slide .premium-hamburger-toggle {
5155
+ -js-display: inline-flex;
5156
+ display: -webkit-inline-box;
5157
+ display: -webkit-inline-flex;
5158
+ display: -moz-inline-box;
5159
+ display: -ms-inline-flexbox;
5160
+ display: inline-flex; }
5161
 
5162
+ .premium-hidden-icon-yes.premium-hamburger-menu .premium-item-icon,
5163
+ .premium-hidden-icon-yes.premium-hamburger-menu .premium-sub-item-icon,
5164
+ .premium-hidden-icon-yes.premium-nav-dropdown .premium-item-icon,
5165
+ .premium-hidden-icon-yes.premium-nav-dropdown .premium-sub-item-icon,
5166
+ .premium-hidden-icon-yes.premium-nav-slide .premium-item-icon,
5167
+ .premium-hidden-icon-yes.premium-nav-slide .premium-sub-item-icon {
5168
+ display: none; }
5169
 
5170
+ .premium-hidden-badge-yes.premium-hamburger-menu .premium-item-badge,
5171
+ .premium-hidden-badge-yes.premium-hamburger-menu .premium-sub-item-badge,
5172
+ .premium-hidden-badge-yes.premium-nav-dropdown .premium-item-badge,
5173
+ .premium-hidden-badge-yes.premium-nav-dropdown .premium-sub-item-badge,
5174
+ .premium-hidden-badge-yes.premium-nav-slide .premium-item-badge,
5175
+ .premium-hidden-badge-yes.premium-nav-slide .premium-sub-item-badge {
5176
+ display: none; }
 
 
 
 
 
5177
 
5178
+ .premium-ham-dropdown .premium-mobile-menu-container,
5179
+ .premium-nav-dropdown .premium-mobile-menu-container {
5180
  -js-display: flex;
5181
  display: -webkit-box;
5182
  display: -webkit-flex;
5183
  display: -moz-box;
5184
  display: -ms-flexbox;
5185
+ display: flex; }
 
 
 
 
5186
 
5187
+ .premium-ham-dropdown .premium-toggle-opened .premium-toggle-close,
5188
+ .premium-nav-dropdown .premium-toggle-opened .premium-toggle-close {
5189
+ display: inline !important; }
 
 
 
 
 
 
 
 
 
 
 
 
5190
 
5191
+ .premium-ham-dropdown .premium-toggle-opened .premium-toggle-text,
5192
+ .premium-nav-dropdown .premium-toggle-opened .premium-toggle-text {
5193
+ display: none !important; }
5194
 
5195
+ .premium-stretch-dropdown .premium-mobile-menu-container {
5196
+ position: absolute;
5197
+ z-index: 9999; }
 
 
 
5198
 
5199
+ .premium-nav-default {
5200
+ display: none; }
 
 
 
 
 
5201
 
5202
+ .premium-hamburger-toggle {
5203
+ width: 100%; }
5204
 
5205
+ /*
5206
+ * Pointer & Pointer Animations
5207
+ */
5208
+ .premium-menu-link-parent::before, .premium-menu-link-parent::after {
5209
+ display: block;
5210
  position: absolute;
5211
+ -webkit-transition: all 0.3s cubic-bezier(0.58, 0.3, 0.005, 1);
5212
+ transition: all 0.3s cubic-bezier(0.58, 0.3, 0.005, 1); }
5213
+
5214
+ .premium-nav-pointer-underline .premium-menu-link-parent::after,
5215
+ .premium-nav-pointer-double-line .premium-menu-link-parent::after {
5216
+ content: "";
5217
+ bottom: 0; }
5218
+
5219
+ .premium-nav-pointer-overline .premium-menu-link-parent::before,
5220
+ .premium-nav-pointer-double-line .premium-menu-link-parent::before {
5221
+ content: "";
5222
+ top: 0; }
5223
+
5224
+ .premium-nav-pointer-underline .premium-menu-link-parent::before, .premium-nav-pointer-underline .premium-menu-link-parent::after,
5225
+ .premium-nav-pointer-overline .premium-menu-link-parent::before,
5226
+ .premium-nav-pointer-overline .premium-menu-link-parent::after,
5227
+ .premium-nav-pointer-double-line .premium-menu-link-parent::before,
5228
+ .premium-nav-pointer-double-line .premium-menu-link-parent::after {
5229
+ height: 3px;
5230
  width: 100%;
5231
+ left: 0;
5232
+ background-color: #55595c;
5233
+ z-index: 2; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
5234
 
5235
+ .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before, .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after {
5236
+ opacity: 0; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
5237
 
5238
+ .premium-nav-pointer-underline.premium-nav-animation-none,
5239
+ .premium-nav-pointer-overline.premium-nav-animation-none,
5240
+ .premium-nav-pointer-double-line.premium-nav-animation-none {
5241
+ -webkit-transition-duration: 0s;
5242
+ transition-duration: 0s; }
5243
+ .premium-nav-pointer-underline.premium-nav-animation-none .premium-menu-link-parent,
5244
+ .premium-nav-pointer-underline.premium-nav-animation-none .premium-menu-link-parent::before,
5245
+ .premium-nav-pointer-underline.premium-nav-animation-none .premium-menu-link-parent::after,
5246
+ .premium-nav-pointer-underline.premium-nav-animation-none .premium-menu-link-parent:focus,
5247
+ .premium-nav-pointer-underline.premium-nav-animation-none .premium-menu-link-parent:hover,
5248
+ .premium-nav-pointer-overline.premium-nav-animation-none .premium-menu-link-parent,
5249
+ .premium-nav-pointer-overline.premium-nav-animation-none .premium-menu-link-parent::before,
5250
+ .premium-nav-pointer-overline.premium-nav-animation-none .premium-menu-link-parent::after,
5251
+ .premium-nav-pointer-overline.premium-nav-animation-none .premium-menu-link-parent:focus,
5252
+ .premium-nav-pointer-overline.premium-nav-animation-none .premium-menu-link-parent:hover,
5253
+ .premium-nav-pointer-double-line.premium-nav-animation-none .premium-menu-link-parent,
5254
+ .premium-nav-pointer-double-line.premium-nav-animation-none .premium-menu-link-parent::before,
5255
+ .premium-nav-pointer-double-line.premium-nav-animation-none .premium-menu-link-parent::after,
5256
+ .premium-nav-pointer-double-line.premium-nav-animation-none .premium-menu-link-parent:focus,
5257
+ .premium-nav-pointer-double-line.premium-nav-animation-none .premium-menu-link-parent:hover {
5258
+ -webkit-transition-duration: 0s;
5259
+ transition-duration: 0s; }
5260
+
5261
+ .premium-nav-pointer-underline.premium-nav-animation-slide .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after,
5262
+ .premium-nav-pointer-double-line.premium-nav-animation-slide .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after {
5263
+ width: 10px;
5264
+ inset-inline-start: 100%; }
5265
 
5266
+ .premium-nav-pointer-overline.premium-nav-animation-slide .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,
5267
+ .premium-nav-pointer-double-line.premium-nav-animation-slide .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
5268
+ width: 10px;
5269
+ left: -20px; }
 
 
 
5270
 
5271
+ .premium-nav-pointer-underline.premium-nav-animation-grow .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before, .premium-nav-pointer-underline.premium-nav-animation-grow .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after,
5272
+ .premium-nav-pointer-overline.premium-nav-animation-grow .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,
5273
+ .premium-nav-pointer-overline.premium-nav-animation-grow .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after,
5274
+ .premium-nav-pointer-double-line.premium-nav-animation-grow .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,
5275
+ .premium-nav-pointer-double-line.premium-nav-animation-grow .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after {
5276
+ height: 0;
5277
+ width: 0;
5278
+ left: 50%; }
5279
 
5280
+ .premium-nav-pointer-underline.premium-nav-animation-drop-in .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,
5281
+ .premium-nav-pointer-overline.premium-nav-animation-drop-in .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,
5282
+ .premium-nav-pointer-double-line.premium-nav-animation-drop-in .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
5283
+ top: -10px; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
5284
 
5285
+ .premium-nav-pointer-underline.premium-nav-animation-drop-in .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after,
5286
+ .premium-nav-pointer-overline.premium-nav-animation-drop-in .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after,
5287
+ .premium-nav-pointer-double-line.premium-nav-animation-drop-in .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after {
5288
+ bottom: -10px; }
 
5289
 
5290
+ .premium-nav-pointer-underline.premium-nav-animation-drop-out .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,
5291
+ .premium-nav-pointer-overline.premium-nav-animation-drop-out .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,
5292
+ .premium-nav-pointer-double-line.premium-nav-animation-drop-out .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
5293
+ top: 10px; }
5294
 
5295
+ .premium-nav-pointer-underline.premium-nav-animation-drop-out .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after,
5296
+ .premium-nav-pointer-overline.premium-nav-animation-drop-out .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after,
5297
+ .premium-nav-pointer-double-line.premium-nav-animation-drop-out .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after {
5298
+ bottom: 10px; }
 
5299
 
5300
+ .premium-nav-pointer-framed .premium-menu-link-parent::before {
5301
+ content: ""; }
 
 
 
 
 
5302
 
5303
+ .premium-nav-pointer-framed .premium-menu-link-parent::before, .premium-nav-pointer-framed .premium-menu-link-parent::after {
5304
+ background: transparent;
5305
+ left: 0;
5306
+ top: 0;
5307
+ bottom: 0;
5308
+ right: 0;
5309
+ border: 3px solid #55595c; }
5310
 
5311
+ .premium-nav-pointer-framed.premium-nav-animation-grow .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
5312
+ -webkit-transform: scale(0.75);
5313
+ -ms-transform: scale(0.75);
5314
+ transform: scale(0.75); }
 
 
 
 
 
5315
 
5316
+ .premium-nav-pointer-framed.premium-nav-animation-shrink .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
5317
+ -webkit-transform: scale(1.25);
5318
+ -ms-transform: scale(1.25);
5319
+ transform: scale(1.25); }
 
 
 
 
 
 
 
 
 
 
5320
 
5321
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent::before, .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent::after {
5322
+ width: 3px;
5323
+ height: 3px; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
5324
 
5325
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent::before {
5326
+ border-width: 0 0 3px 3px;
5327
+ -webkit-transition: width 0.1s 0.2s, height 0.1s 0.3s, opacity 0.12s 0.22s;
5328
+ transition: width 0.1s 0.2s, height 0.1s 0.3s, opacity 0.12s 0.22s; }
5329
 
5330
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent::after {
5331
+ content: "";
5332
+ top: auto;
5333
+ bottom: 0;
5334
+ left: auto;
5335
+ right: 0;
5336
+ border-width: 3px 3px 0 0;
5337
+ -webkit-transition: width 0.1s, height 0.1s 0.1s, opacity 0.02s 0.18s;
5338
+ transition: width 0.1s, height 0.1s 0.1s, opacity 0.02s 0.18s; }
5339
 
5340
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:hover::before, .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:focus::before {
5341
+ -webkit-transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s;
5342
+ transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s; }
5343
 
5344
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:hover::after, .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:focus::after {
5345
+ -webkit-transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s;
5346
+ transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s; }
 
 
 
5347
 
5348
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:hover::before, .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:hover::after, .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:focus::before, .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:focus::after {
5349
+ width: 100%;
5350
+ height: 100%; }
 
 
 
5351
 
5352
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-active-item .premium-menu-link-parent::before {
5353
+ -webkit-transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s;
5354
+ transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s; }
 
 
 
 
 
 
 
5355
 
5356
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-active-item .premium-menu-link-parent::after {
5357
+ -webkit-transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s;
5358
+ transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s; }
 
 
5359
 
5360
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-active-item .premium-menu-link-parent::before, .premium-nav-pointer-framed.premium-nav-animation-draw .premium-active-item .premium-menu-link-parent::after {
5361
+ width: 100%;
5362
+ height: 100%; }
 
 
 
 
 
 
5363
 
5364
+ .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent::before {
5365
+ border-width: 3px 0 0 3px; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
5366
 
5367
+ .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent::after {
5368
+ content: "";
5369
+ top: auto;
5370
+ bottom: 0;
5371
+ left: auto;
5372
+ right: 0;
5373
+ border-width: 0 3px 3px 0; }
 
 
 
 
 
 
 
 
 
 
5374
 
5375
+ .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent::before, .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent::after {
5376
+ width: 3px;
5377
+ height: 3px; }
5378
 
5379
+ .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent:hover::before, .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent:hover::after, .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent:focus::before, .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent:focus::after {
5380
+ width: 100%;
5381
+ height: 100%;
5382
+ -webkit-transition: opacity 2ms, width 0.4s, height 0.4s;
5383
+ transition: opacity 2ms, width 0.4s, height 0.4s; }
5384
 
5385
+ .premium-nav-pointer-framed.premium-nav-animation-corners .premium-active-item .premium-menu-link-parent::before, .premium-nav-pointer-framed.premium-nav-animation-corners .premium-active-item .premium-menu-link-parent::after {
5386
+ width: 100%;
5387
+ height: 100%;
5388
+ -webkit-transition: opacity 2ms, width 0.4s, height 0.4s;
5389
+ transition: opacity 2ms, width 0.4s, height 0.4s; }
5390
 
5391
+ .premium-nav-pointer-text.premium-nav-animation-grow .premium-menu-link-parent:hover, .premium-nav-pointer-text.premium-nav-animation-grow .premium-menu-link-parent:focus {
5392
+ -webkit-transform: scale(1.2);
5393
+ -ms-transform: scale(1.2);
5394
+ transform: scale(1.2); }
5395
 
5396
+ .premium-nav-pointer-text.premium-nav-animation-shrink .premium-menu-link-parent:hover, .premium-nav-pointer-text.premium-nav-animation-shrink .premium-menu-link-parent:focus {
5397
+ -webkit-transform: scale(0.8);
5398
+ -ms-transform: scale(0.8);
5399
+ transform: scale(0.8); }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
5400
 
5401
+ .premium-nav-pointer-text.premium-nav-animation-sink .premium-menu-link-parent:hover, .premium-nav-pointer-text.premium-nav-animation-sink .premium-menu-link-parent:focus {
5402
+ -webkit-transform: translateY(8px);
5403
+ -ms-transform: translateY(8px);
5404
+ transform: translateY(8px); }
5405
 
5406
+ .premium-nav-pointer-text.premium-nav-animation-float .premium-menu-link-parent:hover, .premium-nav-pointer-text.premium-nav-animation-float .premium-menu-link-parent:focus {
5407
+ -webkit-transform: translateY(-8px);
5408
+ -ms-transform: translateY(-8px);
5409
+ transform: translateY(-8px); }
5410
 
5411
+ .premium-nav-pointer-text.premium-nav-animation-skew .premium-menu-link-parent:hover, .premium-nav-pointer-text.premium-nav-animation-skew .premium-menu-link-parent:focus {
5412
+ -webkit-transform: skew(-8deg);
5413
+ -ms-transform: skew(-8deg);
5414
+ transform: skew(-8deg); }
5415
 
5416
+ .premium-nav-pointer-text.premium-nav-animation-rotate .premium-menu-link-parent:hover, .premium-nav-pointer-text.premium-nav-animation-rotate .premium-menu-link-parent:focus {
5417
+ -webkit-transform: rotate(6deg);
5418
+ -ms-transform: rotate(6deg);
5419
+ transform: rotate(6deg); }
5420
 
5421
+ .premium-nav-pointer-background .premium-menu-link-parent::before {
5422
+ top: 0;
5423
+ left: 0;
5424
+ right: 0;
5425
+ bottom: 0;
5426
+ background: #55595c;
5427
+ background-color: #55595c;
5428
+ z-index: -1; }
5429
 
5430
+ .premium-nav-pointer-background .premium-menu-link-parent::before, .premium-nav-pointer-background .premium-menu-link-parent::after {
5431
+ content: "";
5432
+ -webkit-transition: 0.3s;
5433
+ transition: 0.3s; }
5434
 
5435
+ .premium-nav-pointer-background.premium-nav-animation-grow .premium-menu-link-parent::before {
5436
+ -webkit-transform: scale(0.5);
5437
+ -ms-transform: scale(0.5);
5438
+ transform: scale(0.5); }
5439
 
5440
+ .premium-nav-pointer-background.premium-nav-animation-grow .premium-menu-link-parent:hover::before, .premium-nav-pointer-background.premium-nav-animation-grow .premium-menu-link-parent:focus::before {
5441
+ -webkit-transform: scale(1);
5442
+ -ms-transform: scale(1);
5443
+ transform: scale(1); }
5444
 
5445
+ .premium-nav-pointer-background.premium-nav-animation-grow .premium-active-item .premium-menu-link-parent::before {
5446
+ -webkit-transform: scale(1);
5447
+ -ms-transform: scale(1);
5448
+ transform: scale(1); }
 
 
 
 
 
 
 
 
 
 
 
5449
 
5450
+ .premium-nav-pointer-background.premium-nav-animation-shrink .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
5451
+ -webkit-transform: scale(1.2);
5452
+ -ms-transform: scale(1.2);
5453
+ transform: scale(1.2);
5454
+ -webkit-transition: 0.3;
5455
+ transition: 0.3; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
5456
 
5457
+ .premium-nav-pointer-background.premium-nav-animation-sweep-left .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
5458
+ left: 100%; }
 
 
 
 
 
 
 
 
5459
 
5460
+ .premium-nav-pointer-background.premium-nav-animation-sweep-right .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
5461
+ right: 100%; }
 
 
 
5462
 
5463
+ .premium-nav-pointer-background.premium-nav-animation-sweep-up .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
5464
+ top: 100%; }
 
5465
 
5466
+ .premium-nav-pointer-background.premium-nav-animation-sweep-down .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
5467
+ bottom: 100%; }
 
 
 
5468
 
5469
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent::after, .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent::after {
5470
+ top: 0;
5471
+ left: 0;
5472
+ right: 0;
5473
+ bottom: 0;
5474
+ background: #55595c;
5475
+ background-color: #55595c;
5476
+ z-index: -1; }
5477
 
5478
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent::before {
5479
+ top: 0;
5480
+ bottom: 100%; }
5481
 
5482
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent::after {
5483
+ top: 100%;
5484
+ bottom: 0; }
5485
 
5486
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent:hover::before, .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent:focus::before {
5487
+ bottom: 50%; }
 
5488
 
5489
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent:hover::after, .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent:focus::after {
5490
+ top: 50%; }
 
5491
 
5492
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-active-item .premium-menu-link-parent::before {
5493
+ bottom: 50%; }
5494
+
5495
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-active-item .premium-menu-link-parent::after {
5496
+ top: 50%; }
5497
+
5498
+ .premium-nav-pointer-background.premium-nav-animation-shutter-out-vertical .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
5499
+ bottom: 50%;
5500
+ top: 50%; }
5501
+
5502
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent::before {
5503
  right: 0;
5504
+ left: 100%; }
 
 
 
5505
 
5506
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent::after {
5507
+ right: 100%;
5508
+ left: 0; }
5509
+
5510
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent:hover::before, .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent:focus::before {
5511
  left: 50%; }
5512
 
5513
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent:hover::after, .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent:focus::after {
5514
+ right: 50%; }
 
5515
 
5516
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-active-item .premium-menu-link-parent::before {
5517
+ left: 50%; }
5518
+
5519
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-active-item .premium-menu-link-parent::after {
5520
+ right: 50%; }
5521
+
5522
+ .premium-nav-pointer-background.premium-nav-animation-shutter-out-horizontal .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
5523
  left: 50%;
5524
+ right: 50%; }
5525
+
5526
+ .premium-active-item::before, .premium-active-item::after,
5527
+ .premium-menu-link-parent:hover::before,
5528
+ .premium-menu-link-parent:hover::after,
5529
+ .premium-menu-link-parent:focus::before,
5530
+ .premium-menu-link-parent:focus::after {
5531
+ -webkit-transform: scale(1);
5532
+ -ms-transform: scale(1);
5533
+ transform: scale(1); }
5534
+
5535
+ /**Sub Menu Animation*/
5536
+ .premium-nav-menu-item .premium-sub-menu,
5537
+ .premium-nav-menu-item .premium-mega-content-container {
5538
+ -webkit-transition: 0.5s all ease-in-out;
5539
+ transition: 0.5s all ease-in-out;
5540
+ -webkit-transition-delay: 0.1s;
5541
+ transition-delay: 0.1s; }
5542
+
5543
+ [class*="premium-nav-slide-"].premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item:hover > .premium-sub-menu,
5544
+ [class*="premium-nav-slide-"].premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item:hover > .premium-mega-content-container,
5545
+ [class*="premium-nav-slide-"].premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu:hover > .premium-sub-menu,
5546
+ [class*="premium-nav-slide-"].premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item:hover > .premium-sub-menu,
5547
+ [class*="premium-nav-slide-"].premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item:hover > .premium-mega-content-container,
5548
+ [class*="premium-nav-slide-"].premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu:hover > .premium-sub-menu {
5549
+ -webkit-transform: translate(0);
5550
+ -ms-transform: translate(0);
5551
+ transform: translate(0); }
5552
+
5553
+ .premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu,
5554
+ .premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-content-container,
5555
+ .premium-nav-slide-up.premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu,
5556
+ .premium-nav-slide-up.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-content-container {
5557
+ -webkit-transform: translateY(10px);
5558
+ -ms-transform: translateY(10px);
5559
+ transform: translateY(10px); }
5560
+
5561
+ .premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu,
5562
+ .premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-content-container,
5563
+ .premium-nav-slide-down.premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu,
5564
+ .premium-nav-slide-down.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-content-container {
5565
+ -webkit-transform: translateY(-10px);
5566
+ -ms-transform: translateY(-10px);
5567
+ transform: translateY(-10px); }
5568
+
5569
+ .premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu,
5570
+ .premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-content-container,
5571
+ .premium-nav-slide-right.premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu,
5572
+ .premium-nav-slide-right.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-content-container {
5573
+ -webkit-transform: translateX(-10px);
5574
+ -ms-transform: translateX(-10px);
5575
+ transform: translateX(-10px); }
5576
+
5577
+ .premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu,
5578
+ .premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-content-container,
5579
+ .premium-nav-slide-left.premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu,
5580
+ .premium-nav-slide-left.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-content-container {
5581
+ -webkit-transform: translateX(10px);
5582
+ -ms-transform: translateX(10px);
5583
+ transform: translateX(10px); }
5584
+
5585
+ /**Horizontal - Static Mega Content*/
5586
+ /*UP*/
5587
+ .premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static .premium-mega-content-container {
5588
+ -webkit-transform: translateX(-50%) translateY(10px);
5589
+ -ms-transform: translateX(-50%) translateY(10px);
5590
+ transform: translateX(-50%) translateY(10px); }
5591
+
5592
+ .premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container {
5593
+ -webkit-transform: translateX(-50%) translateY(0);
5594
+ -ms-transform: translateX(-50%) translateY(0);
5595
+ transform: translateX(-50%) translateY(0); }
5596
+
5597
+ /*DOWN*/
5598
+ .premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static .premium-mega-content-container {
5599
+ -webkit-transform: translateX(-50%) translateY(-10px);
5600
+ -ms-transform: translateX(-50%) translateY(-10px);
5601
+ transform: translateX(-50%) translateY(-10px); }
5602
+
5603
+ .premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container {
5604
+ -webkit-transform: translateX(-50%) translateY(0);
5605
+ -ms-transform: translateX(-50%) translateY(0);
5606
+ transform: translateX(-50%) translateY(0); }
5607
+
5608
+ /*Left*/
5609
+ .premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static .premium-mega-content-container {
5610
+ -webkit-transform: translateX(-45%);
5611
+ -ms-transform: translateX(-45%);
5612
+ transform: translateX(-45%); }
5613
+
5614
+ .premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container {
5615
  -webkit-transform: translateX(-50%);
5616
  -ms-transform: translateX(-50%);
5617
  transform: translateX(-50%); }
5618
 
5619
+ /*Right*/
5620
+ .premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static .premium-mega-content-container {
5621
+ -webkit-transform: translateX(-55%);
5622
+ -ms-transform: translateX(-55%);
5623
+ transform: translateX(-55%); }
5624
 
5625
+ .premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container {
5626
+ -webkit-transform: translateX(-50%);
5627
+ -ms-transform: translateX(-50%);
5628
+ transform: translateX(-50%); }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
5629
 
5630
+ /**Vertical - Static Mega Content*/
5631
+ .premium-nav-slide-down.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container,
5632
+ .premium-nav-slide-up.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container {
5633
+ -webkit-transform: translateY(0);
5634
+ -ms-transform: translateY(0);
5635
+ transform: translateY(0); }
5636
 
5637
+ .premium-nav-slide-right.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container,
5638
+ .premium-nav-slide-left.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container {
5639
+ -webkit-transform: translateX(0);
5640
+ -ms-transform: translateX(0);
5641
+ transform: translateX(0); }
5642
+
5643
+ /************ Premium Team Members ************/
5644
+ /**********************************************/
5645
+ .premium-person-container {
5646
+ position: relative; }
5647
 
5648
+ .premium-person-image-container {
5649
+ position: relative;
5650
+ text-align: center;
5651
+ overflow: hidden; }
5652
+ .premium-person-image-container .premium-person-image-wrap {
5653
+ overflow: hidden; }
 
5654
 
5655
+ .premium-person-zoomout-effect .premium-person-image-container img,
5656
+ .premium-person-scale-effect .premium-person-image-container img {
5657
+ -webkit-transform: scale(1.2);
5658
+ -ms-transform: scale(1.2);
5659
+ transform: scale(1.2); }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
5660
 
5661
+ .premium-person-sepia-effect .premium-person-image-container img {
5662
+ -webkit-filter: sepia(30%);
5663
+ filter: sepia(30%); }
 
 
 
 
 
 
 
 
 
 
 
 
 
5664
 
5665
+ .premium-person-bright-effect .premium-person-image-container img {
5666
+ -webkit-filter: brightness(1);
5667
+ filter: brightness(1); }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
5668
 
5669
+ .premium-person-trans-effect .premium-person-image-container img {
5670
+ -webkit-transform: translateX(-15px) scale(1.1);
5671
+ -ms-transform: translateX(-15px) scale(1.1);
5672
+ transform: translateX(-15px) scale(1.1); }
5673
 
5674
+ .premium-person-zoomin-effect:hover .premium-person-image-container img {
5675
+ -webkit-transform: scale(1.2);
5676
+ -ms-transform: scale(1.2);
5677
+ transform: scale(1.2); }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
5678
 
5679
+ .premium-person-zoomout-effect:hover .premium-person-image-container img {
5680
+ -webkit-transform: scale(1.1);
5681
+ -ms-transform: scale(1.1);
5682
+ transform: scale(1.1); }
 
 
 
5683
 
5684
+ .premium-person-scale-effect:hover .premium-person-image-container img {
5685
+ -webkit-transform: scale(1.3) rotate(5deg);
5686
+ -ms-transform: scale(1.3) rotate(5deg);
5687
+ transform: scale(1.3) rotate(5deg); }
5688
 
5689
+ .premium-person-grayscale-effect:hover .premium-person-image-container img {
5690
+ -webkit-filter: grayscale(100%);
5691
+ filter: grayscale(100%); }
5692
 
5693
+ .premium-person-blur-effect:hover .premium-person-image-container img {
5694
+ -webkit-filter: blur(3px);
5695
+ filter: blur(3px); }
 
 
 
 
 
5696
 
5697
+ .premium-person-sepia-effect:hover .premium-person-image-container img {
5698
+ -webkit-filter: sepia(0%);
5699
+ filter: sepia(0%); }
 
 
 
 
 
 
 
 
 
5700
 
5701
+ .premium-person-bright-effect:hover .premium-person-image-container img {
5702
+ -webkit-filter: brightness(1.2);
5703
+ filter: brightness(1.2); }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
5704
 
5705
+ .premium-person-trans-effect:hover .premium-person-image-container img {
5706
+ -webkit-transform: translateX(0px) scale(1.1);
5707
+ -ms-transform: translateX(0px) scale(1.1);
5708
+ transform: translateX(0px) scale(1.1); }
5709
 
5710
+ .premium-person-container .premium-person-image-container img {
5711
+ width: 100%;
5712
+ height: 100%;
5713
+ display: block;
5714
+ -o-object-fit: cover;
5715
+ object-fit: cover;
5716
+ -webkit-transition: all 0.5s ease-in-out;
5717
+ transition: all 0.5s ease-in-out; }
5718
 
5719
+ .premium-person-style2 .premium-person-social {
 
5720
  position: absolute;
5721
+ top: 0;
5722
+ left: 0;
5723
+ width: 100%;
5724
+ height: 100%;
5725
+ z-index: 2;
 
 
 
5726
  -js-display: flex;
5727
  display: -webkit-box;
5728
  display: -webkit-flex;
5729
  display: -moz-box;
5730
  display: -ms-flexbox;
5731
+ display: flex;
5732
+ -webkit-box-pack: center;
5733
+ -webkit-justify-content: center;
5734
+ -moz-box-pack: center;
5735
+ -ms-flex-pack: center;
5736
+ justify-content: center;
5737
+ -webkit-box-align: center;
5738
+ -webkit-align-items: center;
5739
+ -moz-box-align: center;
5740
+ -ms-flex-align: center;
5741
+ align-items: center;
5742
+ -webkit-box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
5743
+ box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
5744
+ -webkit-transition: all 0.5s linear 0s;
5745
+ transition: all 0.5s linear 0s;
5746
+ opacity: 0; }
5747
 
5748
+ .premium-person-style2 .premium-person-image-container:hover .premium-person-social {
5749
+ opacity: 1; }
 
 
 
 
 
 
 
 
 
 
 
5750
 
5751
+ .premium-person-list-item a {
5752
+ display: inline-block; }
 
 
 
5753
 
5754
+ .premium-person-style2 .premium-person-list-item a {
5755
+ opacity: 0;
5756
+ -webkit-transform: scale(0);
5757
+ -ms-transform: scale(0);
5758
+ transform: scale(0);
5759
+ -webkit-transition: all 0.5s ease-in-out 0s;
5760
+ transition: all 0.5s ease-in-out 0s; }
5761
 
5762
+ .premium-person-style2 .premium-person-image-container:hover .premium-person-list-item a {
5763
+ opacity: 1;
5764
+ -webkit-transform: scale(1);
5765
+ -ms-transform: scale(1);
5766
+ transform: scale(1); }
5767
 
5768
+ .premium-person-info-container {
5769
+ padding: 30px 15px; }
 
 
 
 
5770
 
5771
+ .premium-person-name {
5772
+ margin: 0 0 5px;
5773
+ font-weight: 700; }
 
 
 
5774
 
5775
+ .premium-person-title {
5776
+ margin: 0 0 20px;
5777
+ padding: 0; }
 
 
 
 
 
 
5778
 
5779
+ .premium-person-content {
5780
+ margin: 0 0 30px; }
 
 
5781
 
5782
+ /*Override Theme List Margin*/
5783
+ ul.premium-person-social-list {
5784
+ margin: 0px !important;
5785
+ padding: 0; }
 
 
 
 
5786
 
5787
+ .premium-person-social-list .premium-person-list-item {
5788
+ display: inline;
5789
+ list-style: none; }
 
 
 
 
 
 
 
 
 
 
 
 
5790
 
5791
+ .premium-person-social-list li {
5792
+ position: relative;
5793
+ bottom: 0px;
5794
+ -webkit-transition: all 0.2s ease-in-out;
5795
+ transition: all 0.2s ease-in-out; }
5796
+ .premium-person-social-list li i {
5797
+ position: relative;
5798
+ bottom: 0px;
5799
+ -webkit-transition: all 0.2s ease-in-out;
5800
+ transition: all 0.2s ease-in-out; }
5801
+
5802
+ .premium-person-defaults-yes li.premium-person-facebook:hover a {
5803
+ background-color: #3b5998 !important; }
5804
+
5805
+ .premium-person-defaults-yes li.premium-person-twitter:hover a {
5806
+ background-color: #55acee !important; }
5807
+
5808
+ .premium-person-defaults-yes li.premium-person-linkedin:hover a {
5809
+ background-color: #0077b5 !important; }
5810
+
5811
+ .premium-person-defaults-yes li.premium-person-google:hover a {
5812
+ background-color: #dc4e41 !important; }
5813
+
5814
+ .premium-person-defaults-yes li.premium-person-youtube:hover a {
5815
+ background-color: #b31217 !important; }
5816
+
5817
+ .premium-person-defaults-yes li.premium-person-instagram:hover a {
5818
+ background-color: #e4405f !important; }
5819
+
5820
+ .premium-person-defaults-yes li.premium-person-skype:hover a {
5821
+ background-color: #00aff0 !important; }
5822
+
5823
+ .premium-person-defaults-yes li.premium-person-pinterest:hover a {
5824
+ background-color: #bd081c !important; }
5825
+
5826
+ .premium-person-defaults-yes li.premium-person-dribbble:hover a {
5827
+ background-color: #ea4c89 !important; }
5828
+
5829
+ .premium-person-defaults-yes li.premium-person-mail:hover a {
5830
+ background-color: #b23121 !important; }
5831
+
5832
+ .premium-person-defaults-yes li.premium-person-behance:hover a {
5833
+ background-color: #1769ff !important; }
5834
+
5835
+ .premium-person-defaults-yes li.premium-person-whatsapp:hover a {
5836
+ background-color: #25d366 !important; }
5837
+
5838
+ .premium-person-defaults-yes li.premium-person-telegram:hover a {
5839
+ background-color: #0088cc !important; }
5840
+
5841
+ .premium-person-defaults-yes li.premium-person-site:hover a {
5842
+ background-color: #0055a5 !important; }
5843
+
5844
+ .premium-person-social-list li:hover a {
5845
+ -webkit-box-shadow: none;
5846
+ box-shadow: none; }
5847
+
5848
+ .premium-person-social-list li a:focus {
5849
+ -webkit-box-shadow: none;
5850
+ box-shadow: none;
5851
+ outline: none; }
5852
+
5853
+ .premium-person-social-list li i {
5854
+ font-size: 18px; }
5855
+
5856
+ .elementor-widget-premium-addon-person .elementor-widget-container {
5857
  -js-display: flex;
5858
  display: -webkit-box;
5859
  display: -webkit-flex;
5860
  display: -moz-box;
5861
  display: -ms-flexbox;
5862
  display: flex;
5863
+ -webkit-box-pack: center;
5864
+ -webkit-justify-content: center;
5865
+ -moz-box-pack: center;
5866
+ -ms-flex-pack: center;
5867
+ justify-content: center; }
 
 
 
 
 
 
5868
 
5869
+ .premium-persons-container.multiple-persons {
5870
+ -js-display: flex;
5871
+ display: -webkit-box;
5872
+ display: -webkit-flex;
5873
+ display: -moz-box;
5874
+ display: -ms-flexbox;
5875
+ display: flex;
5876
+ -webkit-flex-wrap: wrap;
5877
+ -ms-flex-wrap: wrap;
5878
+ flex-wrap: wrap;
5879
+ width: 100%; }
5880
 
5881
+ .premium-person-style1 .premium-person-container {
5882
+ overflow: hidden; }
5883
+ .premium-person-style1 .premium-person-container .premium-person-info {
5884
+ position: absolute;
5885
+ top: auto;
5886
+ right: 0;
5887
+ left: 0;
5888
+ -webkit-transition: all 500ms ease 0s;
5889
+ transition: all 500ms ease 0s;
5890
+ -webkit-transform: translate3d(0, 100%, 0);
5891
+ transform: translate3d(0, 100%, 0); }
5892
+ .premium-person-style1 .premium-person-container:hover .premium-person-info {
5893
+ -webkit-transform: translate3d(0, 0, 0);
5894
+ transform: translate3d(0, 0, 0);
5895
+ bottom: -1px !important; }
5896
 
5897
+ .premium-person-style1 .premium-person-social-list li:hover {
5898
+ bottom: 5px; }
5899
 
5900
+ .premium-person-style1.multiple-persons:not([data-persons-equal="yes"]) {
5901
+ -webkit-box-align: start;
5902
+ -webkit-align-items: flex-start;
5903
+ -moz-box-align: start;
5904
+ -ms-flex-align: start;
5905
+ align-items: flex-start; }
5906
 
5907
+ .premium-person-style1 .slick-track {
5908
+ -js-display: flex;
5909
+ display: -webkit-box;
5910
+ display: -webkit-flex;
5911
+ display: -moz-box;
5912
+ display: -ms-flexbox;
5913
+ display: flex; }
5914
 
5915
+ .premium-person-style1 .slick-slide {
5916
+ height: inherit !important; }
5917
 
5918
+ .premium-person-style3 .premium-person-info-container {
5919
  position: absolute;
5920
  top: 0;
5921
  left: 0;
 
 
5922
  width: 100%;
5923
  height: 100%;
5924
+ -js-display: flex;
5925
+ display: -webkit-box;
5926
+ display: -webkit-flex;
5927
+ display: -moz-box;
5928
+ display: -ms-flexbox;
5929
+ display: flex;
5930
+ -webkit-box-orient: vertical;
5931
+ -webkit-box-direction: normal;
5932
+ -webkit-flex-direction: column;
5933
+ -moz-box-orient: vertical;
5934
+ -moz-box-direction: normal;
5935
+ -ms-flex-direction: column;
5936
+ flex-direction: column;
5937
+ -webkit-box-pack: justify;
5938
+ -webkit-justify-content: space-between;
5939
+ -moz-box-pack: justify;
5940
+ -ms-flex-pack: justify;
5941
+ justify-content: space-between; }
 
 
 
 
 
 
 
 
 
 
 
 
 
5942
 
5943
+ .premium-person-style3 .premium-person-title-desc-wrap {
5944
+ -js-display: flex;
5945
+ display: -webkit-box;
5946
+ display: -webkit-flex;
5947
+ display: -moz-box;
5948
+ display: -ms-flexbox;
5949
+ display: flex;
5950
+ -webkit-box-orient: horizontal;
5951
+ -webkit-box-direction: reverse;
5952
+ -webkit-flex-direction: row-reverse;
5953
+ -moz-box-orient: horizontal;
5954
+ -moz-box-direction: reverse;
5955
+ -ms-flex-direction: row-reverse;
5956
+ flex-direction: row-reverse;
5957
+ -webkit-box-pack: justify;
5958
+ -webkit-justify-content: space-between;
5959
+ -moz-box-pack: justify;
5960
+ -ms-flex-pack: justify;
5961
+ justify-content: space-between;
5962
+ -webkit-box-align: start;
5963
+ -webkit-align-items: flex-start;
5964
+ -moz-box-align: start;
5965
+ -ms-flex-align: start;
5966
+ align-items: flex-start; }
5967
 
5968
+ .premium-person-style3 .premium-person-name-icons-wrap {
5969
+ -js-display: flex;
5970
+ display: -webkit-box;
5971
+ display: -webkit-flex;
5972
+ display: -moz-box;
5973
+ display: -ms-flexbox;
5974
+ display: flex;
5975
+ -webkit-box-pack: justify;
5976
+ -webkit-justify-content: space-between;
5977
+ -moz-box-pack: justify;
5978
+ -ms-flex-pack: justify;
5979
+ justify-content: space-between;
5980
+ -webkit-box-align: end;
5981
+ -webkit-align-items: flex-end;
5982
+ -moz-box-align: end;
5983
+ -ms-flex-align: end;
5984
+ align-items: flex-end; }
5985
 
5986
+ .premium-person-style3 .premium-person-title {
5987
  opacity: 0;
5988
+ -webkit-transition: all 0.3s ease;
5989
+ transition: all 0.3s ease;
5990
+ width: 0; }
5991
+ .premium-person-style3 .premium-person-title span {
5992
+ display: inline-block; }
 
 
 
 
5993
 
5994
+ .premium-person-style3 .premium-person-name {
5995
+ padding-left: 10px; }
 
 
 
 
 
 
 
 
5996
 
5997
+ .premium-person-style3 .premium-person-social-list {
5998
  -js-display: flex;
5999
  display: -webkit-box;
6000
  display: -webkit-flex;
6001
  display: -moz-box;
6002
  display: -ms-flexbox;
6003
  display: flex;
6004
+ -webkit-box-orient: vertical;
6005
+ -webkit-box-direction: normal;
6006
+ -webkit-flex-direction: column;
6007
+ -moz-box-orient: vertical;
6008
+ -moz-box-direction: normal;
6009
+ -ms-flex-direction: column;
6010
+ flex-direction: column;
6011
+ -webkit-transform: translateY(20px);
6012
+ -ms-transform: translateY(20px);
6013
+ transform: translateY(20px);
6014
+ opacity: 0;
6015
+ -webkit-transition: all 0.3s ease;
6016
+ transition: all 0.3s ease; }
6017
 
6018
+ .premium-person-style3 .premium-person-list-item {
6019
+ line-height: 0; }
6020
+ .premium-person-style3 .premium-person-list-item a {
6021
+ padding: 5px 10px 0 0;
6022
+ margin: 5px 0; }
 
 
 
 
 
 
6023
 
6024
+ .premium-person-style3 .premium-person-container:hover .premium-person-title {
6025
+ opacity: 1; }
 
 
 
 
 
 
6026
 
6027
+ .premium-person-style3 .premium-person-container:hover .premium-person-social-list {
6028
+ opacity: 1;
6029
+ -webkit-transform: translateY(0);
6030
+ -ms-transform: translateY(0);
6031
+ transform: translateY(0); }
6032
 
6033
+ .premium-persons-title-cw .premium-person-title {
6034
+ -webkit-transform: translateX(15px) rotate(90deg);
6035
+ -ms-transform: translateX(15px) rotate(90deg);
6036
+ transform: translateX(15px) rotate(90deg);
6037
+ -webkit-transform-origin: top;
6038
+ -ms-transform-origin: top;
6039
+ transform-origin: top; }
 
 
 
 
6040
 
6041
+ .premium-persons-title-cw .premium-person-container:hover .premium-person-title {
6042
+ -webkit-transform: translateX(0) rotate(90deg);
6043
+ -ms-transform: translateX(0) rotate(90deg);
6044
+ transform: translateX(0) rotate(90deg); }
 
 
 
 
 
 
6045
 
6046
+ .premium-persons-title-ccw .premium-person-title {
6047
+ width: auto;
6048
+ margin-right: 20px;
6049
+ -webkit-transform: translateX(15px) rotate(-90deg);
6050
+ -ms-transform: translateX(15px) rotate(-90deg);
6051
+ transform: translateX(15px) rotate(-90deg);
6052
+ -webkit-transform-origin: center right;
6053
+ -ms-transform-origin: center right;
6054
+ transform-origin: center right; }
6055
+
6056
+ .premium-persons-title-ccw .premium-person-container:hover .premium-person-title {
6057
+ -webkit-transform: translateX(0) rotate(-90deg);
6058
+ -ms-transform: translateX(0) rotate(-90deg);
6059
+ transform: translateX(0) rotate(-90deg); }
6060
+
6061
+ /**************** Premium Pricing Table ****************/
6062
+ /*******************************************************/
6063
+ .premium-pricing-table-container {
6064
+ position: relative;
6065
+ text-align: center;
6066
+ display: inline-block;
6067
+ width: 100%;
6068
+ -webkit-transition: all 0.3s ease-in-out;
6069
+ transition: all 0.3s ease-in-out; }
6070
+
6071
+ .premium-pricing-icon-container {
6072
  -js-display: flex;
6073
  display: -webkit-box;
6074
  display: -webkit-flex;
6075
  display: -moz-box;
6076
  display: -ms-flexbox;
6077
  display: flex;
6078
+ -webkit-box-pack: center;
6079
+ -webkit-justify-content: center;
6080
+ -moz-box-pack: center;
6081
+ -ms-flex-pack: center;
6082
+ justify-content: center;
6083
+ line-height: 0; }
6084
+ .premium-pricing-icon-container .premium-pricing-icon {
6085
+ display: inline-block; }
6086
+ .premium-pricing-icon-container .premium-pricing-image {
6087
+ overflow: hidden; }
6088
+ .premium-pricing-icon-container .premium-pricing-image img {
6089
+ width: 25px;
6090
+ height: 25px;
6091
+ -o-object-fit: cover;
6092
+ object-fit: cover; }
 
6093
 
6094
+ .premium-badge-left {
6095
+ position: absolute;
6096
+ top: 0; }
 
6097
 
6098
+ .premium-badge-right {
6099
+ position: absolute;
6100
+ top: 0;
6101
+ right: 0; }
6102
 
6103
+ .premium-badge-left {
6104
+ left: 0; }
 
6105
 
6106
+ .premium-badge-triangle.premium-badge-left .corner {
6107
+ width: 0;
6108
+ height: 0;
6109
+ border-top: 150px solid;
6110
+ border-bottom: 150px solid transparent;
6111
+ border-right: 150px solid transparent; }
6112
 
6113
+ .premium-badge-triangle.premium-badge-right .corner {
6114
+ width: 0;
6115
+ height: 0;
6116
+ border-bottom: 150px solid transparent;
6117
+ border-right: 150px solid;
6118
+ border-left: 150px solid transparent; }
6119
 
6120
+ .premium-badge-triangle span {
6121
+ position: absolute;
6122
+ top: 35px;
6123
+ width: 100px;
6124
+ text-align: center;
6125
+ -webkit-transform: rotate(-45deg);
6126
+ -ms-transform: rotate(-45deg);
6127
+ transform: rotate(-45deg);
6128
+ display: block;
6129
+ text-transform: uppercase; }
6130
 
6131
+ .premium-badge-triangle.premium-badge-right span {
6132
+ -webkit-transform: rotate(45deg);
6133
+ -ms-transform: rotate(45deg);
6134
+ transform: rotate(45deg);
6135
+ right: 0; }
6136
 
6137
+ .premium-badge-circle {
6138
+ min-width: 4em;
6139
+ min-height: 4em;
6140
+ line-height: 4em;
6141
+ text-align: center;
6142
+ -webkit-border-radius: 100%;
6143
+ border-radius: 100%;
6144
+ position: absolute;
6145
+ z-index: 1; }
6146
 
6147
+ .premium-badge-stripe {
6148
+ position: absolute;
6149
+ -webkit-transform: rotate(90deg);
6150
+ -ms-transform: rotate(90deg);
6151
+ transform: rotate(90deg);
6152
+ width: 15em;
6153
+ overflow: hidden;
6154
+ height: 15em; }
6155
+ .premium-badge-stripe.premium-badge-left {
6156
+ -webkit-transform: rotate(0);
6157
+ -ms-transform: rotate(0);
6158
+ transform: rotate(0); }
6159
+ .premium-badge-stripe .corner {
6160
+ text-align: center;
6161
+ left: 0;
6162
+ width: 150%;
6163
+ -webkit-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
6164
+ -ms-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
6165
+ transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
6166
+ margin-top: 35px;
6167
+ font-size: 13px;
6168
+ line-height: 2;
6169
+ font-weight: 800;
6170
+ text-transform: uppercase; }
6171
 
6172
+ .premium-badge-flag .corner {
6173
+ text-align: center;
6174
+ -webkit-border-radius: 4px 4px 0 4px;
6175
+ border-radius: 4px 4px 0 4px;
6176
+ padding: 3px 15px;
6177
+ position: absolute;
6178
+ top: 10%;
6179
+ right: -8px; }
6180
+ .premium-badge-flag .corner::before, .premium-badge-flag .corner::after {
6181
+ content: "";
6182
+ display: block;
6183
+ position: absolute;
6184
+ width: 0;
6185
+ height: 0;
6186
+ top: 100%;
6187
+ right: 0;
6188
+ border-bottom: 8px solid transparent; }
6189
 
6190
+ .elementor-widget-premium-addon-pricing-table .elementor-widget-container {
6191
+ overflow: visible !important; }
 
 
6192
 
6193
+ .premium-badge-flag .corner::after {
6194
+ border-left: 8px solid rgba(0, 0, 0, 0.2); }
 
6195
 
6196
+ .premium-pricing-price-currency {
6197
+ position: relative; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
6198
 
6199
+ .premium-pricing-button-container {
6200
+ display: block; }
 
6201
 
6202
+ .premium-pricing-list {
 
 
 
 
 
 
 
 
 
 
 
6203
  -js-display: flex;
6204
  display: -webkit-box;
6205
  display: -webkit-flex;
6206
  display: -moz-box;
6207
  display: -ms-flexbox;
6208
  display: flex;
6209
+ -webkit-box-orient: vertical;
6210
+ -webkit-box-direction: normal;
6211
+ -webkit-flex-direction: column;
6212
+ -moz-box-orient: vertical;
6213
+ -moz-box-direction: normal;
6214
+ -ms-flex-direction: column;
6215
+ flex-direction: column;
6216
+ list-style-type: none;
6217
+ margin: 0; }
6218
+ .premium-pricing-list .premium-pricing-list-item {
6219
+ -js-display: flex;
6220
+ display: -webkit-box;
6221
+ display: -webkit-flex;
6222
+ display: -moz-box;
6223
+ display: -ms-flexbox;
6224
+ display: flex;
6225
+ -webkit-box-align: center;
6226
+ -webkit-align-items: center;
6227
+ -moz-box-align: center;
6228
+ -ms-flex-align: center;
6229
+ align-items: center; }
6230
+ .premium-pricing-list .premium-pricing-list-item svg {
6231
+ width: 50px;
6232
+ height: 50px; }
6233
+ .premium-pricing-list .premium-pricing-list-item img {
6234
+ width: 30px;
6235
+ height: 30px;
6236
+ -o-object-fit: cover;
6237
+ object-fit: cover; }
6238
+ .premium-pricing-list .premium-pricing-list-span {
6239
+ position: relative; }
6240
+ .premium-pricing-list .list-item-tooltip {
6241
+ border-bottom: 1px dotted; }
6242
+ .premium-pricing-list .premium-pricing-list-tooltip {
6243
+ position: absolute;
6244
+ top: -webkit-calc(100% + 1px);
6245
+ top: calc(100% + 1px);
6246
+ left: 0;
6247
+ visibility: hidden;
6248
+ padding: 15px 20px;
6249
+ -webkit-border-radius: 5px;
6250
+ border-radius: 5px;
6251
+ min-width: 200px;
6252
+ overflow: hidden;
6253
+ text-align: left;
6254
+ font-size: 0.8rem;
6255
+ color: #fff;
6256
+ background-color: #aaa; }
6257
 
6258
+ .premium-pricing-features-left .premium-pricing-list-span {
6259
+ text-align: left; }
 
 
 
 
 
6260
 
6261
+ .premium-pricing-features-center .premium-pricing-list-span {
6262
+ text-align: center; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
6263
 
6264
+ .premium-pricing-features-right .premium-pricing-list-span {
6265
+ text-align: right; }
 
 
 
 
6266
 
6267
+ .premium-pricing-list-span:hover .premium-pricing-list-tooltip {
6268
+ z-index: 99;
6269
+ visibility: visible;
6270
+ opacity: 1; }
 
 
6271
 
6272
+ .premium-pricing-slashed-price-value {
6273
+ display: inline-block;
6274
+ font-size: 20px;
6275
+ font-weight: 400;
6276
+ margin-right: 5px; }
 
6277
 
6278
+ .premium-pricing-price-value {
6279
+ font-size: 70px; }
 
 
 
 
6280
 
6281
+ .premium-pricing-description-container li {
6282
+ list-style-position: inside;
6283
+ text-indent: -40px; }
 
 
 
 
 
 
6284
 
6285
+ @-moz-document url-prefix() {
6286
+ .premium-pricing-description-container li {
6287
+ text-indent: 0px; } }
 
 
 
 
 
 
6288
 
6289
+ .premium-pricing-price-button {
6290
+ display: block;
6291
+ padding: 6px 12px;
6292
+ line-height: 1.42857143;
6293
+ text-align: center;
6294
+ color: #fff;
6295
+ background: #6ec1e4;
6296
+ margin-bottom: 0;
6297
+ -webkit-transition: all 0.3s ease-in-out;
6298
+ transition: all 0.3s ease-in-out; }
6299
+
6300
+ /**************** Premium Progress Bar ****************/
6301
+ /******************************************************/
6302
+ .premium-progressbar-container {
6303
+ position: relative; }
6304
 
6305
+ .premium-progressbar-bar-wrap {
6306
+ position: relative;
6307
+ text-align: left;
6308
+ overflow: hidden;
6309
+ height: 25px;
6310
+ margin-bottom: 50px;
6311
+ background-color: #f5f5f5;
6312
+ -webkit-border-radius: 4px;
6313
+ border-radius: 4px;
6314
+ -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
6315
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }
6316
+ .premium-progressbar-bar-wrap.premium-progressbar-dots {
6317
+ background-color: transparent;
6318
+ width: 100%;
6319
+ -js-display: flex;
6320
+ display: -webkit-box;
6321
+ display: -webkit-flex;
6322
+ display: -moz-box;
6323
+ display: -ms-flexbox;
6324
+ display: flex;
6325
+ height: auto;
6326
+ -webkit-box-shadow: none;
6327
+ box-shadow: none; }
6328
+ .premium-progressbar-bar-wrap .progress-segment {
6329
+ position: relative;
6330
+ width: 25px;
6331
+ height: 25px;
6332
+ -webkit-border-radius: 50%;
6333
+ border-radius: 50%;
6334
+ overflow: hidden;
6335
+ background-color: #f5f5f5; }
6336
+ .premium-progressbar-bar-wrap .progress-segment.filled {
6337
+ background: #6ec1e4; }
6338
+ .premium-progressbar-bar-wrap .progress-segment:not(:first-child):not(:last-child) {
6339
+ margin: 0 4px; }
6340
+ .premium-progressbar-bar-wrap .progress-segment:first-child {
6341
+ margin-right: 4px; }
6342
+ .premium-progressbar-bar-wrap .progress-segment:last-child {
6343
+ margin-left: 4px; }
6344
+ .premium-progressbar-bar-wrap .progress-segment .segment-inner {
6345
+ position: absolute;
6346
+ top: 0;
6347
+ left: 0;
6348
+ height: 100%;
6349
+ background-color: #6ec1e4; }
6350
 
6351
+ .premium-progressbar-bar {
6352
+ float: left;
6353
+ width: 0%;
6354
+ height: 100%;
6355
+ font-size: 12px;
6356
+ line-height: 20px;
6357
+ background: #6ec1e4;
6358
+ text-align: center;
6359
+ -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
6360
+ box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); }
6361
 
6362
+ .premium-progressbar-striped .premium-progressbar-bar {
6363
+ 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);
6364
+ 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);
6365
+ -webkit-background-size: 40px 40px;
6366
+ background-size: 40px 40px; }
 
 
 
 
 
 
 
 
 
 
 
6367
 
6368
+ .premium-progressbar-active .premium-progressbar-bar {
6369
+ -webkit-animation: progress-bar-stripes 2s linear infinite;
6370
+ animation: progress-bar-stripes 2s linear infinite; }
 
6371
 
6372
+ .premium-progressbar-gradient .premium-progressbar-bar {
6373
+ -webkit-background-size: 400% 400% !important;
6374
+ background-size: 400% 400% !important;
6375
+ -webkit-animation: progress-bar-gradient 10s ease-in-out infinite;
6376
+ animation: progress-bar-gradient 10s ease-in-out infinite; }
6377
 
6378
+ .premium-progressbar-bar {
6379
+ position: absolute;
6380
+ overflow: hidden;
6381
+ line-height: 20px; }
6382
 
6383
+ .premium-progressbar-container .clearfix {
6384
+ clear: both; }
6385
 
6386
+ .premium-progressbar-bar {
6387
+ -webkit-transition: width 0s ease-in-out !important;
6388
+ transition: width 0s ease-in-out !important; }
6389
 
6390
+ .premium-progressbar-container p:first-of-type {
6391
+ margin: 0;
6392
+ float: left; }
6393
 
6394
+ .premium-progressbar-container p:nth-of-type(2) {
6395
+ margin: 0;
6396
+ float: right; }
6397
 
6398
+ .premium-progressbar-name {
6399
+ left: 50%;
6400
+ top: 0;
6401
+ right: 0;
6402
+ -webkit-transform: translateX(-12.5px);
6403
+ -ms-transform: translateX(-12.5px);
6404
+ transform: translateX(-12.5px);
6405
+ z-index: 1; }
6406
 
6407
+ .premium-progressbar-multiple-label {
6408
+ position: relative;
6409
+ float: left;
6410
+ width: 0;
6411
+ left: 50%; }
6412
 
6413
+ .premium-progressbar-center-label {
 
 
 
6414
  position: relative;
6415
+ white-space: nowrap; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
6416
 
6417
+ .premium-progressbar-arrow {
6418
+ height: 15px;
6419
+ left: 50%;
6420
+ display: inline-block;
6421
+ border-left: 7px solid transparent;
6422
+ border-right: 7px solid transparent;
6423
+ border-top: 11px solid;
6424
+ -webkit-transform: translateX(-50%);
6425
+ -ms-transform: translateX(-50%);
6426
+ transform: translateX(-50%); }
6427
+
6428
+ .premium-progressbar-pin {
6429
+ border-left: 1px solid;
6430
+ height: 12px;
6431
+ left: 50%;
6432
+ display: inline-block; }
6433
+
6434
+ /**
6435
+ * Circle Progress Bar
6436
+ */
6437
+ .premium-progressbar-circle-wrap,
6438
+ .premium-progressbar-hf-circle-wrap {
6439
+ width: 200px;
6440
+ height: 200px;
6441
  position: relative;
6442
+ margin: 0 auto; }
6443
+ .premium-progressbar-circle-wrap .premium-progressbar-circle-content,
6444
+ .premium-progressbar-hf-circle-wrap .premium-progressbar-circle-content {
6445
+ position: absolute;
6446
+ top: 0;
6447
+ left: 0;
6448
+ width: 100%;
6449
+ height: 100%;
6450
+ -js-display: flex;
6451
+ display: -webkit-box;
6452
+ display: -webkit-flex;
6453
+ display: -moz-box;
6454
+ display: -ms-flexbox;
6455
+ display: flex;
6456
+ -webkit-box-orient: vertical;
6457
+ -webkit-box-direction: normal;
6458
+ -webkit-flex-direction: column;
6459
+ -moz-box-orient: vertical;
6460
+ -moz-box-direction: normal;
6461
+ -ms-flex-direction: column;
6462
+ flex-direction: column;
6463
+ -webkit-box-pack: center;
6464
+ -webkit-justify-content: center;
6465
+ -moz-box-pack: center;
6466
+ -ms-flex-pack: center;
6467
+ justify-content: center;
6468
+ -webkit-box-align: center;
6469
+ -webkit-align-items: center;
6470
+ -moz-box-align: center;
6471
+ -ms-flex-align: center;
6472
+ align-items: center;
6473
+ text-align: center; }
6474
+ .premium-progressbar-circle-wrap .premium-lottie-animation,
6475
+ .premium-progressbar-hf-circle-wrap .premium-lottie-animation {
6476
+ line-height: 1; }
6477
+
6478
+ .premium-progressbar-circle-wrap .premium-progressbar-circle {
6479
+ position: absolute;
6480
+ top: 0;
6481
+ left: 0;
6482
  width: 100%;
6483
  height: 100%;
6484
+ -webkit-clip-path: inset(0 0 0 50%);
6485
+ clip-path: inset(0 0 0 50%); }
6486
+ .premium-progressbar-circle-wrap .premium-progressbar-circle div {
6487
+ position: absolute;
6488
+ left: 0;
6489
+ top: 0;
6490
+ height: 100%;
6491
+ width: 100%;
6492
+ border-width: 6px;
6493
+ border-style: solid;
6494
+ border-color: #54595f;
6495
  -webkit-border-radius: 50%;
6496
  border-radius: 50%;
6497
+ -webkit-clip-path: inset(0 50% 0 0);
6498
+ clip-path: inset(0 50% 0 0); }
6499
+ .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-left {
6500
+ -webkit-transform: rotate(0);
6501
+ -ms-transform: rotate(0);
6502
+ transform: rotate(0); }
6503
+ .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-right {
6504
+ -webkit-transform: rotate(180deg);
6505
+ -ms-transform: rotate(180deg);
6506
+ transform: rotate(180deg);
6507
+ visibility: hidden; }
6508
 
6509
+ .premium-progressbar-circle-wrap .premium-progressbar-circle-base {
6510
+ width: 100%;
6511
+ height: 100%;
6512
+ border: 6px solid #eee;
6513
+ -webkit-border-radius: 50%;
6514
+ border-radius: 50%; }
 
 
 
6515
 
6516
+ /**
6517
+ * Half Circle Progress Bar
6518
+ */
6519
+ .premium-progressbar-hf-container {
6520
+ position: relative;
6521
+ width: 200px;
6522
+ height: 200px; }
6523
 
6524
+ .premium-progressbar-hf-circle-wrap {
6525
+ overflow: hidden; }
6526
+ .premium-progressbar-hf-circle-wrap .premium-progressbar-left-label {
6527
+ -webkit-box-ordinal-group: 2;
6528
+ -webkit-order: 1;
6529
+ -moz-box-ordinal-group: 2;
6530
+ -ms-flex-order: 1;
6531
+ order: 1; }
6532
+
6533
+ .premium-progressbar-hf-circle {
6534
+ position: absolute;
6535
+ top: 0;
6536
+ left: 0;
6537
+ width: 100%;
6538
+ height: 100%;
6539
+ -webkit-clip-path: inset(0 0 50% 0);
6540
+ clip-path: inset(0 0 50% 0); }
6541
 
6542
+ .premium-progressbar-hf-circle-progress {
6543
  position: absolute;
6544
+ left: 0;
6545
+ top: 0;
6546
+ height: 100%;
6547
+ width: 100%;
6548
+ border: 12px solid #000;
6549
+ -webkit-border-radius: 50%;
6550
+ border-radius: 50%;
6551
+ -webkit-clip-path: inset(50% 0 0 0);
6552
+ clip-path: inset(50% 0 0 0);
6553
+ -webkit-transform: rotate(0deg);
6554
+ -ms-transform: rotate(0deg);
6555
+ transform: rotate(0deg);
6556
+ -webkit-transition: -webkit-transform 1500ms linear;
6557
+ transition: -webkit-transform 1500ms linear;
6558
+ transition: transform 1500ms linear;
6559
+ transition: transform 1500ms linear, -webkit-transform 1500ms linear; }
6560
+
6561
+ .premium-progressbar-circle-inner {
6562
+ height: 100%;
6563
+ width: 100%;
6564
+ border: 12px solid #eee;
6565
+ -webkit-border-radius: 50%;
6566
+ border-radius: 50%; }
6567
 
6568
+ .premium-progressbar-hf-labels {
6569
+ margin: 0 auto;
6570
+ position: relative;
6571
+ font-size: 12px;
6572
+ font-weight: 400;
6573
+ -js-display: flex;
6574
+ display: -webkit-box;
6575
+ display: -webkit-flex;
6576
+ display: -moz-box;
6577
+ display: -ms-flexbox;
6578
+ display: flex;
6579
+ -webkit-box-pack: justify;
6580
+ -webkit-justify-content: space-between;
6581
+ -moz-box-pack: justify;
6582
+ -ms-flex-pack: justify;
6583
+ justify-content: space-between; }
6584
 
6585
+ @-webkit-keyframes progress-bar-stripes {
6586
+ from {
6587
+ background-position: 0 0; }
6588
+ to {
6589
+ background-position: 40px 0; } }
 
6590
 
6591
+ @keyframes progress-bar-stripes {
6592
+ from {
6593
+ background-position: 0 0; }
6594
+ to {
6595
+ background-position: 40px 0; } }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
6596
 
6597
+ @-webkit-keyframes progress-bar-gradient {
6598
+ 0% {
6599
+ background-position: 0% 50%; }
6600
+ 50% {
6601
+ background-position: 100% 50%; }
6602
+ 100% {
6603
+ background-position: 0% 50%; } }
6604
 
6605
+ @keyframes progress-bar-gradient {
6606
+ 0% {
6607
+ background-position: 0% 50%; }
6608
+ 50% {
6609
+ background-position: 100% 50%; }
6610
+ 100% {
6611
+ background-position: 0% 50%; } }
6612
+
6613
+ @media (max-width: 768px) {
6614
+ .premium-progressbar-center-label {
6615
+ -webkit-transform: rotate(-90deg) !important;
6616
+ -ms-transform: rotate(-90deg) !important;
6617
+ transform: rotate(-90deg) !important;
6618
+ -webkit-transform-origin: 0;
6619
+ -ms-transform-origin: 0;
6620
+ transform-origin: 0; } }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
6621
 
6622
+ /**************** Premium Testimonials ****************/
6623
+ /******************************************************/
6624
+ .premium-testimonial-box {
6625
+ width: 100%;
6626
+ background: transparent;
6627
+ -webkit-transition: all 0.3s ease-in-out;
6628
+ transition: all 0.3s ease-in-out; }
6629
+ .premium-testimonial-box .premium-testimonial-author-info {
6630
+ -js-display: flex;
6631
+ display: -webkit-box;
6632
+ display: -webkit-flex;
6633
+ display: -moz-box;
6634
+ display: -ms-flexbox;
6635
+ display: flex;
6636
+ -webkit-box-pack: center;
6637
+ -webkit-justify-content: center;
6638
+ -moz-box-pack: center;
6639
+ -ms-flex-pack: center;
6640
+ justify-content: center;
6641
+ -webkit-box-align: center;
6642
+ -webkit-align-items: center;
6643
+ -moz-box-align: center;
6644
+ -ms-flex-align: center;
6645
+ align-items: center; }
6646
+ .premium-testimonial-box .premium-testimonial-person-name,
6647
+ .premium-testimonial-box .premium-testimonial-company-name {
6648
+ font-weight: 600;
6649
+ margin: 0; }
6650
+
6651
+ .premium-testimonial-container {
6652
+ position: relative; }
6653
+
6654
+ .premium-testimonial-img-wrapper {
6655
+ margin-left: auto;
6656
+ margin-right: auto;
6657
+ overflow: hidden;
6658
+ border-style: solid !important; }
6659
+ .premium-testimonial-img-wrapper.circle {
6660
+ -webkit-border-radius: 50%;
6661
+ border-radius: 50%; }
6662
+ .premium-testimonial-img-wrapper.rounded {
6663
+ -webkit-border-radius: 15px;
6664
+ border-radius: 15px; }
6665
+ .premium-testimonial-img-wrapper img {
6666
+ -o-object-fit: cover;
6667
+ object-fit: cover;
6668
+ width: 100%;
6669
+ height: 100% !important; }
6670
+
6671
+ .premium-testimonial-content-wrapper {
6672
+ position: relative;
6673
+ -js-display: flex;
6674
+ display: -webkit-box;
6675
+ display: -webkit-flex;
6676
+ display: -moz-box;
6677
+ display: -ms-flexbox;
6678
+ display: flex;
6679
+ -webkit-box-orient: vertical;
6680
+ -webkit-box-direction: normal;
6681
+ -webkit-flex-direction: column;
6682
+ -moz-box-orient: vertical;
6683
+ -moz-box-direction: normal;
6684
+ -ms-flex-direction: column;
6685
+ flex-direction: column;
6686
+ z-index: 2;
6687
+ width: 100%;
6688
+ padding: 20px;
6689
+ text-align: center; }
6690
+
6691
+ .premium-testimonial-clear-float {
6692
+ clear: both; }
6693
+
6694
+ .premium-testimonial-upper-quote,
6695
+ .premium-testimonial-lower-quote {
6696
+ position: absolute;
6697
+ z-index: 1; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
6698
 
6699
+ /**************** Premium Title ****************/
6700
+ /***********************************************/
6701
+ .premium-title-container .premium-title-header {
6702
+ position: relative;
6703
+ margin: 0;
6704
+ padding: 10px; }
6705
+ .premium-title-container .premium-title-header:not(.premium-title-style7) {
6706
+ -webkit-box-align: center;
6707
+ -webkit-align-items: center;
6708
+ -moz-box-align: center;
6709
+ -ms-flex-align: center;
6710
+ align-items: center; }
6711
+ .premium-title-container .premium-title-header svg {
6712
+ width: 40px;
6713
+ height: 40px; }
6714
+ .premium-title-container .premium-title-header img {
6715
+ width: 40px;
6716
+ height: 40px;
6717
+ -o-object-fit: cover;
6718
+ object-fit: cover; }
6719
+ .premium-title-container .premium-title-header a {
6720
+ position: absolute;
6721
+ top: 0;
6722
+ left: 0;
6723
+ width: 100%;
6724
+ height: 100%; }
6725
+
6726
+ .premium-title-container .premium-lottie-animation {
6727
+ -js-display: flex;
6728
+ display: -webkit-box;
6729
+ display: -webkit-flex;
6730
+ display: -moz-box;
6731
+ display: -ms-flexbox;
6732
+ display: flex; }
6733
+
6734
+ .premium-title-icon-row .premium-title-icon {
6735
+ margin-right: 10px; }
6736
+
6737
+ .premium-title-icon-row-reverse .premium-title-icon {
6738
+ margin-left: 10px; }
6739
+
6740
+ .premium-title-style3,
6741
+ .premium-title-style4 {
6742
+ -js-display: flex;
6743
+ display: -webkit-box;
6744
+ display: -webkit-flex;
6745
+ display: -moz-box;
6746
+ display: -ms-flexbox;
6747
+ display: flex; }
6748
+
6749
+ .premium-title-style1,
6750
+ .premium-title-style2,
6751
+ .premium-title-style5,
6752
+ .premium-title-style6,
6753
+ .premium-title-style8,
6754
+ .premium-title-style9 {
6755
+ -js-display: inline-flex;
6756
+ display: -webkit-inline-box;
6757
+ display: -webkit-inline-flex;
6758
+ display: -moz-inline-box;
6759
+ display: -ms-inline-flexbox;
6760
+ display: inline-flex; }
6761
+
6762
+ .premium-title-style7 {
6763
+ -js-display: inline-flex;
6764
+ display: -webkit-inline-box;
6765
+ display: -webkit-inline-flex;
6766
+ display: -moz-inline-box;
6767
+ display: -ms-inline-flexbox;
6768
+ display: inline-flex;
6769
+ -webkit-box-orient: vertical;
6770
+ -webkit-box-direction: normal;
6771
+ -webkit-flex-direction: column;
6772
+ -moz-box-orient: vertical;
6773
+ -moz-box-direction: normal;
6774
+ -ms-flex-direction: column;
6775
+ flex-direction: column; }
6776
+ .premium-title-style7 .premium-title-style7-inner {
6777
+ -js-display: flex;
6778
+ display: -webkit-box;
6779
+ display: -webkit-flex;
6780
+ display: -moz-box;
6781
+ display: -ms-flexbox;
6782
+ display: flex;
6783
+ -webkit-box-align: center;
6784
+ -webkit-align-items: center;
6785
+ -moz-box-align: center;
6786
+ -ms-flex-align: center;
6787
+ align-items: center; }
6788
+
6789
+ .premium-title-style1 {
6790
+ border-width: 0;
6791
+ border-left: 3px solid #6ec1e4; }
6792
+
6793
+ .premium-title-container.style2, .premium-title-container.style4, .premium-title-container.style5, .premium-title-container.style6 {
6794
+ border-bottom: 3px solid #6ec1e4; }
6795
+
6796
+ /*Style 6 Header*/
6797
+ .premium-title-style6:before {
6798
+ position: absolute;
6799
+ left: 50%;
6800
+ bottom: 0;
6801
+ margin-left: -2px;
6802
+ content: "";
6803
+ border: 3px solid transparent; }
6804
+
6805
+ /*Style 6 Trinagle*/
6806
+ .premium-title-style7-stripe-wrap {
6807
+ -js-display: flex;
6808
+ display: -webkit-box;
6809
+ display: -webkit-flex;
6810
+ display: -moz-box;
6811
+ display: -ms-flexbox;
6812
+ display: flex; }
6813
+
6814
+ .premium-title-style7:before {
6815
+ display: none; }
6816
+
6817
+ .premium-title-style8 .premium-title-text[data-animation="shiny"] {
6818
+ -webkit-background-size: 125px 125px !important;
6819
+ background-size: 125px !important;
6820
+ color: rgba(255, 255, 255, 0);
6821
+ -webkit-background-clip: text !important;
6822
+ background-clip: text !important;
6823
+ -webkit-animation-name: pa-shinny-text !important;
6824
+ animation-name: pa-shinny-text !important;
6825
+ -webkit-animation-duration: var(--animation-speed) !important;
6826
+ animation-duration: var(--animation-speed) !important;
6827
+ -webkit-animation-iteration-count: infinite !important;
6828
+ animation-iteration-count: infinite !important;
6829
+ 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; }
6830
+
6831
+ @-webkit-keyframes pa-shinny-text {
6832
+ 0% {
6833
+ background-position: 0%; }
6834
+ 100% {
6835
+ background-position: 200%; } }
6836
+
6837
+ @keyframes pa-shinny-text {
6838
+ 0% {
6839
+ background-position: 0%; }
6840
+ 100% {
6841
+ background-position: 200%; } }
6842
+
6843
+ .premium-title-style9[data-animation-blur="process"] .premium-title-style9-letter {
6844
+ -webkit-animation: pa-blur-shadow 2s 1 alternate;
6845
+ animation: pa-blur-shadow 2s 1 alternate; }
6846
+
6847
+ @-webkit-keyframes pa-blur-shadow {
6848
+ from {
6849
+ text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
6850
+ color: transparent; }
6851
+ to {
6852
+ text-shadow: 0; } }
6853
+
6854
+ @keyframes pa-blur-shadow {
6855
+ from {
6856
+ text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
6857
+ color: transparent; }
6858
+ to {
6859
+ text-shadow: 0; } }
6860
+
6861
+ .premium-title-gradient-yes .premium-title-text,
6862
+ .premium-title-gradient-yes .premium-title-icon {
6863
+ -webkit-background-clip: text;
6864
+ -webkit-text-fill-color: transparent;
6865
+ background-image: -webkit-gradient(linear, left top, right top, from(#ffa648), color-stop(#f17cc1), to(#4da9fd));
6866
+ background-image: -webkit-linear-gradient(left, #ffa648, #f17cc1, #4da9fd);
6867
+ background-image: linear-gradient(to right, #ffa648, #f17cc1, #4da9fd);
6868
+ -webkit-animation: pa-text-gradient 8s infinite;
6869
+ animation: pa-text-gradient 8s infinite; }
6870
+
6871
+ .premium-title-clipped .premium-title-header {
6872
+ -webkit-text-fill-color: transparent;
6873
+ -webkit-background-clip: text;
6874
+ background-clip: text; }
6875
+
6876
+ @-webkit-keyframes pa-text-gradient {
6877
+ 0%,
6878
+ 100% {
6879
+ -webkit-filter: hue-rotate(0deg);
6880
+ filter: hue-rotate(0deg); }
6881
+ 50% {
6882
+ -webkit-filter: hue-rotate(360deg);
6883
+ filter: hue-rotate(360deg); } }
6884
+
6885
+ @keyframes pa-text-gradient {
6886
+ 0%,
6887
+ 100% {
6888
+ -webkit-filter: hue-rotate(0deg);
6889
+ filter: hue-rotate(0deg); }
6890
+ 50% {
6891
+ -webkit-filter: hue-rotate(360deg);
6892
+ filter: hue-rotate(360deg); } }
6893
+
6894
+ /**************** Premium Video Box ************/
6895
+ /***********************************************/
6896
+ .premium-video-box-transform {
6897
+ -webkit-transform: none !important;
6898
+ -ms-transform: none !important;
6899
+ transform: none !important; }
6900
+
6901
+ .premium-video-box-container {
6902
+ -js-display: flex;
6903
+ display: -webkit-box;
6904
+ display: -webkit-flex;
6905
+ display: -moz-box;
6906
+ display: -ms-flexbox;
6907
+ display: flex;
6908
+ -webkit-box-orient: vertical;
6909
+ -webkit-box-direction: normal;
6910
+ -webkit-flex-direction: column;
6911
+ -moz-box-orient: vertical;
6912
+ -moz-box-direction: normal;
6913
+ -ms-flex-direction: column;
6914
+ flex-direction: column; }
6915
+
6916
+ .premium-video-box-container > div {
6917
+ position: relative;
6918
+ overflow: hidden; }
6919
+
6920
+ .pa-aspect-ratio-11 .premium-video-box-container > div {
6921
+ padding-bottom: 100%; }
6922
+
6923
+ .pa-aspect-ratio-169 .premium-video-box-container > div {
6924
+ padding-bottom: 56.25%; }
6925
+
6926
+ .pa-aspect-ratio-43 .premium-video-box-container > div {
6927
+ padding-bottom: 75%; }
6928
+
6929
+ .pa-aspect-ratio-32 .premium-video-box-container > div {
6930
+ padding-bottom: 66.6666%; }
6931
+
6932
+ .pa-aspect-ratio-219 .premium-video-box-container > div {
6933
+ padding-bottom: 42.8571%; }
6934
+
6935
+ .pa-aspect-ratio-916 .premium-video-box-container > div {
6936
+ padding-bottom: 177.8%; }
6937
+
6938
+ .premium-video-box-image-container {
6939
+ position: absolute;
6940
+ top: 0;
6941
+ left: 0;
6942
+ bottom: 0;
6943
+ right: 0;
6944
+ width: 100%;
6945
+ height: 100%;
6946
+ -webkit-background-size: cover;
6947
+ background-size: cover;
6948
+ background-position: 50%;
6949
+ cursor: pointer;
6950
+ margin: auto;
6951
+ -webkit-transition: 0.2s all;
6952
+ transition: 0.2s all; }
6953
+
6954
+ .premium-video-box-play-icon-container {
6955
+ position: absolute;
6956
+ z-index: 2;
6957
+ cursor: pointer;
6958
+ -webkit-transform: translate(-50%, -50%);
6959
+ -ms-transform: translate(-50%, -50%);
6960
+ transform: translate(-50%, -50%);
6961
+ background: rgba(252, 252, 252, 0.35); }
6962
+
6963
+ .premium-video-box-description-container {
6964
+ position: absolute;
6965
+ z-index: 2;
6966
+ padding: 5px;
6967
+ text-align: center;
6968
+ cursor: pointer;
6969
+ -webkit-transform: translate(-50%, -50%);
6970
+ -ms-transform: translate(-50%, -50%);
6971
+ transform: translate(-50%, -50%); }
6972
+
6973
+ .premium-video-box-text {
6974
+ margin-bottom: 0 !important;
6975
+ -webkit-transition: all 0.3s ease-in-out;
6976
+ transition: all 0.3s ease-in-out; }
6977
+
6978
+ .premium-video-box-play-icon {
6979
+ padding: 15px;
6980
+ -webkit-transform: translateX(4%);
6981
+ -ms-transform: translateX(4%);
6982
+ transform: translateX(4%);
6983
+ -webkit-transition: all 0.3s ease-in-out;
6984
+ transition: all 0.3s ease-in-out; }
6985
+
6986
+ .premium-video-box-video-container,
6987
+ .premium-vid-lightbox-container {
6988
+ position: absolute;
6989
+ top: 0;
6990
+ left: 0;
6991
+ z-index: 2;
6992
+ width: 100%;
6993
+ height: 100%;
6994
+ -webkit-transition: opacity 0.8s ease-in-out;
6995
+ transition: opacity 0.8s ease-in-out;
6996
+ overflow: hidden;
6997
+ cursor: pointer; }
6998
+
6999
+ .premium-video-box-container[data-overlay="true"][data-type="self"] .premium-video-box-video-container {
7000
+ opacity: 0;
7001
+ visibility: hidden; }
7002
+
7003
+ .premium-video-box-video-container iframe {
7004
+ max-width: 100%;
7005
+ width: 100%;
7006
+ height: 100%;
7007
+ margin: 0;
7008
+ line-height: 1;
7009
+ border: none; }
7010
+
7011
+ .premium-video-box-video-container video {
7012
+ max-width: 100%;
7013
+ width: 100%;
7014
+ height: 100%;
7015
+ margin: 0;
7016
+ line-height: 1;
7017
+ border: none;
7018
+ background-color: #000;
7019
+ -o-object-fit: contain;
7020
+ object-fit: contain; }
7021
+
7022
+ .premium-video-box-container .premium-video-box-vimeo-wrap {
7023
+ -js-display: flex;
7024
+ display: -webkit-box;
7025
+ display: -webkit-flex;
7026
+ display: -moz-box;
7027
+ display: -ms-flexbox;
7028
+ display: flex;
7029
+ position: absolute;
7030
+ top: 0;
7031
+ left: 0;
7032
+ z-index: 3;
7033
+ margin: 10px;
7034
+ margin-right: 10px;
7035
+ -webkit-transition: opacity 0.2s ease-out;
7036
+ transition: opacity 0.2s ease-out;
7037
+ margin-right: 4.6em; }
7038
+
7039
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-portrait {
7040
+ width: 60px;
7041
+ height: 60px;
7042
+ background: rgba(23, 35, 34, 0.75);
7043
+ margin-right: 1px;
7044
+ -webkit-box-flex: 1;
7045
+ -webkit-flex: 1 0 auto;
7046
+ -moz-box-flex: 1;
7047
+ -ms-flex: 1 0 auto;
7048
+ flex: 1 0 auto;
7049
+ padding: 0; }
7050
+
7051
+ .premium-video-box-vimeo-portrait img {
7052
+ width: 50px;
7053
+ height: 50px;
7054
+ margin: 5px;
7055
+ padding: 0;
7056
+ border: 0;
7057
+ -webkit-border-radius: 50%;
7058
+ border-radius: 50%; }
7059
+
7060
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-headers {
7061
+ font-size: 10px; }
7062
+
7063
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-title {
7064
+ max-width: 100%;
7065
+ font-size: 2em !important;
7066
+ font-weight: 700;
7067
+ margin: 0;
7068
+ padding: 0.1em 0.2em;
7069
+ background: rgba(23, 35, 34, 0.75);
7070
+ display: inline-block;
7071
+ text-transform: none;
7072
+ line-height: normal;
7073
+ letter-spacing: normal; }
7074
+
7075
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-byline {
7076
+ font-size: 1.2em !important;
7077
+ font-weight: 400;
7078
+ color: #fff;
7079
+ margin-top: 0.1em;
7080
+ padding: 0.2em 0.5em;
7081
+ background: rgba(23, 35, 34, 0.75);
7082
+ text-transform: none;
7083
+ line-height: normal;
7084
+ letter-spacing: normal; }
7085
+
7086
+ .premium-video-box-playlist-container {
7087
+ -js-display: flex;
7088
+ display: -webkit-box;
7089
+ display: -webkit-flex;
7090
+ display: -moz-box;
7091
+ display: -ms-flexbox;
7092
+ display: flex;
7093
+ -webkit-flex-wrap: wrap;
7094
+ -ms-flex-wrap: wrap;
7095
+ flex-wrap: wrap; }
7096
+ .premium-video-box-playlist-container .premium-video-box-container {
7097
+ height: 100%;
7098
+ overflow: hidden; }
7099
+
7100
+ .premium-video-box-container:hover .premium-video-box-image-container.zoomin {
7101
+ -webkit-transform: scale(1.1);
7102
+ -ms-transform: scale(1.1);
7103
+ transform: scale(1.1); }
7104
+
7105
+ .premium-video-box-container:hover .premium-video-box-image-container.zoomout {
7106
+ -webkit-transform: scale(1);
7107
+ -ms-transform: scale(1);
7108
+ transform: scale(1); }
7109
+
7110
+ .premium-video-box-container:hover .premium-video-box-image-container.scale {
7111
+ -webkit-transform: scale(1.3) rotate(5deg);
7112
+ -ms-transform: scale(1.3) rotate(5deg);
7113
+ transform: scale(1.3) rotate(5deg); }
7114
+
7115
+ .premium-video-box-container:hover .premium-video-box-image-container.gray {
7116
+ -webkit-filter: grayscale(0%);
7117
+ filter: grayscale(0%); }
7118
+
7119
+ .premium-video-box-container:hover .premium-video-box-image-container.blur {
7120
+ -webkit-filter: blur(3px);
7121
+ filter: blur(3px); }
7122
+
7123
+ .premium-video-box-container:hover .premium-video-box-image-container.sepia {
7124
+ -webkit-filter: sepia(0%);
7125
+ filter: sepia(0%); }
7126
+
7127
+ .premium-video-box-container:hover .premium-video-box-image-container.trans {
7128
+ -webkit-transform: translateX(0px) scale(1.1);
7129
+ -ms-transform: translateX(0px) scale(1.1);
7130
+ transform: translateX(0px) scale(1.1); }
7131
+
7132
+ .premium-video-box-container:hover .premium-video-box-image-container.bright {
7133
+ -webkit-filter: brightness(1.2);
7134
+ filter: brightness(1.2); }
7135
+
7136
+ .premium-video-box-image-container.gray {
7137
+ -webkit-filter: grayscale(100%);
7138
+ filter: grayscale(100%); }
7139
+
7140
+ .premium-video-box-image-container.zoomout, .premium-video-box-image-container.scale {
7141
+ -webkit-transform: scale(1.2);
7142
+ -ms-transform: scale(1.2);
7143
+ transform: scale(1.2); }
7144
+
7145
+ .premium-video-box-image-container.sepia {
7146
+ -webkit-filter: sepia(30%);
7147
+ filter: sepia(30%); }
7148
+
7149
+ .premium-video-box-image-container.bright {
7150
+ -webkit-filter: brightness(1);
7151
+ filter: brightness(1); }
7152
+
7153
+ .premium-video-box-image-container.trans {
7154
+ -webkit-transform: translateX(-15px) scale(1.1);
7155
+ -ms-transform: translateX(-15px) scale(1.1);
7156
+ transform: translateX(-15px) scale(1.1); }
7157
+
7158
+ .premium-video-box-mask-media {
7159
+ -webkit-mask-repeat: no-repeat;
7160
+ mask-repeat: no-repeat; }
7161
+
7162
+ /* Sticky Video Option */
7163
+ .premium-video-box-container.premium-video-box-sticky-apply {
7164
+ z-index: 99;
7165
+ overflow: unset; }
7166
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
7167
+ position: fixed !important;
7168
+ z-index: 99999;
7169
+ height: 225px;
7170
+ width: 400px;
7171
+ background: #fff; }
7172
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-vimeo-wrap,
7173
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-container:before {
7174
+ visibility: hidden; }
7175
+ .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 {
7176
+ -webkit-box-shadow: unset;
7177
+ box-shadow: unset; }
7178
+
7179
+ .premium-video-box-sticky-close,
7180
+ .premium-video-box-sticky-infobar {
7181
+ display: none; }
7182
+
7183
+ .premium-video-box-sticky-apply .premium-video-box-sticky-close {
7184
+ position: absolute;
7185
+ padding: 5px;
7186
+ cursor: pointer;
7187
+ z-index: 99999;
7188
+ height: 14px;
7189
+ width: 14px;
7190
+ -webkit-box-sizing: content-box;
7191
+ -moz-box-sizing: content-box;
7192
+ box-sizing: content-box;
7193
+ -webkit-border-radius: 100%;
7194
+ border-radius: 100%;
7195
+ -js-display: flex;
7196
+ display: -webkit-box;
7197
+ display: -webkit-flex;
7198
+ display: -moz-box;
7199
+ display: -ms-flexbox;
7200
+ display: flex;
7201
+ -webkit-box-pack: center;
7202
+ -webkit-justify-content: center;
7203
+ -moz-box-pack: center;
7204
+ -ms-flex-pack: center;
7205
+ justify-content: center;
7206
+ -webkit-box-align: center;
7207
+ -webkit-align-items: center;
7208
+ -moz-box-align: center;
7209
+ -ms-flex-align: center;
7210
+ align-items: center; }
7211
+
7212
+ .premium-video-box-sticky-apply .premium-video-box-play-icon-container {
7213
+ -js-display: flex;
7214
+ display: -webkit-box;
7215
+ display: -webkit-flex;
7216
+ display: -moz-box;
7217
+ display: -ms-flexbox;
7218
+ display: flex; }
7219
+
7220
+ .premium-video-box-sticky-apply .premium-video-box-play-icon {
7221
+ -webkit-transition: none;
7222
+ transition: none; }
7223
+
7224
+ .premium-video-box-sticky-apply .premium-video-box-sticky-infobar {
7225
+ display: block;
7226
+ position: relative;
7227
+ top: 100%;
7228
+ width: 100%;
7229
+ padding: 5px;
7230
+ text-align: center;
7231
+ z-index: 9999;
7232
+ margin-top: -1px; }
7233
+
7234
+ .premium-video-box-sticky-apply .premium-video-box-inner-wrap.ui-draggable {
7235
+ cursor: move; }
7236
+
7237
+ .premium-video-sticky-top-left
7238
+ .premium-video-box-container.premium-video-box-sticky-apply
7239
+ .premium-video-box-inner-wrap {
7240
+ right: auto;
7241
+ left: 20px;
7242
+ top: 20px; }
7243
+
7244
+ .premium-video-sticky-bottom-left
7245
+ .premium-video-box-container.premium-video-box-sticky-apply
7246
+ .premium-video-box-inner-wrap {
7247
+ right: auto;
7248
+ left: 20px;
7249
+ bottom: 20px; }
7250
+
7251
+ .premium-video-sticky-top-right
7252
+ .premium-video-box-container.premium-video-box-sticky-apply
7253
+ .premium-video-box-inner-wrap {
7254
+ left: auto;
7255
+ right: 20px;
7256
+ top: 20px; }
7257
+
7258
+ .premium-video-sticky-bottom-right
7259
+ .premium-video-box-container.premium-video-box-sticky-apply
7260
+ .premium-video-box-inner-wrap {
7261
+ left: auto;
7262
+ right: 20px;
7263
+ bottom: 20px; }
7264
+
7265
+ .premium-video-sticky-center-left
7266
+ .premium-video-box-container.premium-video-box-sticky-apply
7267
+ .premium-video-box-inner-wrap {
7268
+ right: auto;
7269
+ left: 20px;
7270
+ top: 50%;
7271
+ -webkit-transform: translateY(-50%);
7272
+ -ms-transform: translateY(-50%);
7273
+ transform: translateY(-50%); }
7274
+
7275
+ .premium-video-sticky-center-right
7276
+ .premium-video-box-container.premium-video-box-sticky-apply
7277
+ .premium-video-box-inner-wrap {
7278
+ left: auto;
7279
+ right: 20px;
7280
+ top: 50%;
7281
+ -webkit-transform: translateY(-50%);
7282
+ -ms-transform: translateY(-50%);
7283
+ transform: translateY(-50%); }
7284
+
7285
+ .premium-video-sticky-bottom-right
7286
+ .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply
7287
+ .premium-video-box-inner-wrap,
7288
+ .premium-video-sticky-bottom-left
7289
+ .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply
7290
+ .premium-video-box-inner-wrap {
7291
+ bottom: 55px; }
7292
+
7293
+ .premium-video-sticky-top-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
7294
+ .premium-video-sticky-bottom-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
7295
+ .premium-video-sticky-center-left .premium-video-box-sticky-apply .premium-video-box-sticky-close {
7296
+ top: -10px;
7297
+ right: -10px; }
7298
+
7299
+ .premium-video-sticky-top-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
7300
+ .premium-video-sticky-bottom-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
7301
+ .premium-video-sticky-center-right .premium-video-box-sticky-apply .premium-video-box-sticky-close {
7302
+ top: -10px;
7303
+ left: -10px; }
7304
+
7305
+ .premium-video-box-filter-sticky {
7306
+ -webkit-filter: none !important;
7307
+ filter: none !important; }
7308
+
7309
+ /************ Premium Vertical Scroll ************/
7310
+ /*************************************************/
7311
+ .premium-vscroll-inner {
7312
+ position: relative;
7313
+ min-height: 100%; }
7314
+ .premium-vscroll-inner .premium-vscroll-dots {
7315
+ position: fixed;
7316
+ z-index: 100;
7317
+ opacity: 1;
7318
+ margin-top: -32px;
7319
+ -webkit-transition: all 0.3s ease-in-out;
7320
+ transition: all 0.3s ease-in-out; }
7321
+
7322
+ .premium-vscroll-wrap .premium-vscroll-nav-menu {
7323
+ opacity: 1;
7324
+ -webkit-transition: all 0.3s ease-in-out;
7325
+ transition: all 0.3s ease-in-out; }
7326
+
7327
+ .premium-vscroll-inner .premium-vscroll-dots,
7328
+ .premium-vscroll-wrap .premium-vscroll-dots-hide {
7329
+ opacity: 0;
7330
+ visibility: hidden; }
7331
+
7332
+ .premium-vscroll-nav-dots-yes .premium-vscroll-inner .premium-vscroll-dots:not(.premium-vscroll-dots-hide) {
7333
+ opacity: 1;
7334
+ visibility: visible; }
7335
+
7336
+ .premium-vscroll-dots.middle {
7337
+ top: 50%; }
7338
+
7339
+ .premium-vscroll-dots.top {
7340
+ top: 40px; }
7341
+
7342
+ .premium-vscroll-dots.bottom {
7343
+ bottom: 30px; }
7344
+
7345
+ .premium-vscroll-dots.right {
7346
+ right: 17px; }
7347
+
7348
+ .premium-vscroll-dots.left {
7349
+ left: 17px; }
7350
+
7351
+ .premium-vscroll-inner ul.premium-vscroll-dots-list,
7352
+ .premium-vscroll-wrap .premium-vscroll-nav-menu {
7353
+ margin: 0 !important;
7354
+ padding: 0; }
7355
+
7356
+ .premium-vscroll-inner ul.premium-vscroll-dots-list li {
7357
+ width: 14px;
7358
+ height: 13px;
7359
+ margin: 7px;
7360
+ position: relative;
7361
+ -js-display: flex;
7362
+ display: -webkit-box;
7363
+ display: -webkit-flex;
7364
+ display: -moz-box;
7365
+ display: -ms-flexbox;
7366
+ display: flex;
7367
+ -webkit-box-pack: center;
7368
+ -webkit-justify-content: center;
7369
+ -moz-box-pack: center;
7370
+ -ms-flex-pack: center;
7371
+ justify-content: center;
7372
+ -webkit-box-align: center;
7373
+ -webkit-align-items: center;
7374
+ -moz-box-align: center;
7375
+ -ms-flex-align: center;
7376
+ align-items: center;
7377
+ overflow: visible; }
7378
+
7379
+ .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link {
7380
+ display: block;
7381
+ position: relative;
7382
+ z-index: 1;
7383
+ width: 100%;
7384
+ height: 100%;
7385
+ cursor: pointer;
7386
+ text-decoration: none; }
7387
+ .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link span {
7388
+ top: 2px;
7389
+ left: 2.5px;
7390
+ width: 8px;
7391
+ height: 8px;
7392
+ border: 1px solid #000;
7393
+ -webkit-border-radius: 50%;
7394
+ border-radius: 50%;
7395
+ position: absolute;
7396
+ z-index: 1;
7397
+ -webkit-transition: all 0.3s ease-in-out;
7398
+ transition: all 0.3s ease-in-out; }
7399
+
7400
+ .premium-vscroll-inner .premium-vscroll-dot-item.active .premium-vscroll-nav-link span {
7401
+ -webkit-transform: scale(1.6);
7402
+ -ms-transform: scale(1.6);
7403
+ transform: scale(1.6); }
7404
+
7405
+ .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-tooltip {
7406
+ position: absolute;
7407
+ color: #fff;
7408
+ font-size: 14px;
7409
+ font-family: arial, helvetica, sans-serif;
7410
+ white-space: nowrap;
7411
+ max-width: 220px;
7412
+ padding-left: 0.4em;
7413
+ padding-right: 0.4em; }
7414
+
7415
+ .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip {
7416
+ right: 27px; }
7417
+
7418
+ .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item {
7419
+ width: 4px;
7420
+ height: 30px; }
7421
+ .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item span {
7422
+ width: 100%;
7423
+ height: 100%;
7424
+ -webkit-border-radius: 0;
7425
+ border-radius: 0; }
7426
+ .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item.active span {
7427
+ -webkit-transform: scale(1);
7428
+ -ms-transform: scale(1);
7429
+ transform: scale(1); }
7430
+
7431
+ .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip::after {
7432
+ position: absolute;
7433
+ top: 50%;
7434
+ content: "";
7435
+ left: -webkit-calc(100% - 1px);
7436
+ left: calc(100% - 1px);
7437
+ width: 10px;
7438
+ height: 0;
7439
+ border-top: 6px solid transparent;
7440
+ border-bottom: 6px solid transparent;
7441
+ border-left: 6px solid;
7442
+ -webkit-transform: translateY(-50%);
7443
+ -ms-transform: translateY(-50%);
7444
+ transform: translateY(-50%); }
7445
+
7446
+ .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip {
7447
+ left: 27px; }
7448
+ .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip::after {
7449
+ position: absolute;
7450
+ top: 50%;
7451
+ content: "";
7452
+ right: -webkit-calc(100% - 1px);
7453
+ right: calc(100% - 1px);
7454
+ width: 10px;
7455
+ height: 0;
7456
+ border-top: 6px solid transparent;
7457
+ border-bottom: 6px solid transparent;
7458
+ border-right: 6px solid;
7459
+ -webkit-transform: translateY(-50%);
7460
+ -ms-transform: translateY(-50%);
7461
+ transform: translateY(-50%); }
7462
+
7463
+ /* * Lines */
7464
+ @media (max-width: 768px) {
7465
+ .premium-vscroll-dots.right {
7466
+ right: 7px; }
7467
+ .premium-vscroll-dots.left {
7468
+ left: 7px; } }
7469
+
7470
+ .premium-vscroll-nav-menu {
7471
+ position: fixed;
7472
+ top: 20px;
7473
+ height: 40px;
7474
+ z-index: 100;
7475
+ padding: 0;
7476
+ margin: 0; }
7477
+ .premium-vscroll-nav-menu.left {
7478
+ left: 0; }
7479
+ .premium-vscroll-nav-menu.right {
7480
+ right: 0; }
7481
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item {
7482
+ display: inline-block;
7483
+ margin: 10px;
7484
+ color: #000;
7485
+ background: #fff;
7486
+ background: rgba(255, 255, 255, 0.3); }
7487
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link {
7488
+ padding: 9px 18px;
7489
+ display: block;
7490
+ cursor: pointer;
7491
+ color: #000; }
7492
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:hover {
7493
+ color: #000; }
7494
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:focus {
7495
+ outline: none; }
7496
+
7497
+ .multiscroll-nav li a:focus {
7498
+ outline: none; }
7499
+
7500
+ .premium-vscroll-temp .slimScrollBar {
7501
+ visibility: hidden; }
7502
+
7503
+ /********** Premium Woo Products **********/
7504
+ /******************************************/
7505
+ .ast-single-post .entry-content .premium-woocommerce a {
7506
+ text-decoration: none; }
7507
+
7508
+ .premium-woocommerce .premium-woo-qv-btn {
7509
+ cursor: pointer; }
7510
+
7511
+ .premium-woocommerce:not(.premium-woo-skin-grid-7) li.product .star-rating {
7512
+ margin: 0 auto 0.5em; }
7513
+
7514
+ .premium-woocommerce:not(.premium-woo-skin-grid-10) .premium-woo-product-sale-wrap .premium-woo-product-onsale,
7515
+ .premium-woocommerce:not(.premium-woo-skin-grid-10) .premium-woo-product-featured-wrap .premium-woo-product-featured {
7516
+ display: block;
7517
+ text-align: center;
7518
+ color: #fff;
7519
+ min-width: 2em;
7520
+ min-height: 2em;
7521
+ line-height: 2em;
7522
+ padding: 0.3em 0.6em;
7523
+ margin: 0.5em 0.6em; }
7524
+
7525
+ .premium-woocommerce .pa-out-of-stock {
7526
+ display: block;
7527
+ text-align: center;
7528
+ color: #fff;
7529
+ min-width: 2em;
7530
+ min-height: 2em;
7531
+ line-height: 2em;
7532
+ padding: 0.3em 0.6em;
7533
+ margin: 0.5em 0.6em; }
7534
+
7535
+ .premium-woocommerce .woocommerce-loop-product__title {
7536
+ margin-bottom: 0.5em;
7537
+ font-size: 1em;
7538
+ -webkit-transition: all 0.3s ease-in-out;
7539
+ transition: all 0.3s ease-in-out; }
7540
+
7541
+ .premium-woocommerce .premium-woo-product-category {
7542
+ display: block;
7543
+ font-size: 0.85em;
7544
+ margin-bottom: 0.5em;
7545
+ line-height: 1.3; }
7546
+
7547
+ .premium-woocommerce .star-rating {
7548
+ display: block;
7549
+ float: none;
7550
+ -webkit-backface-visibility: hidden;
7551
+ backface-visibility: hidden;
7552
+ overflow: hidden;
7553
+ position: relative;
7554
+ height: 1em;
7555
+ line-height: 1;
7556
+ font-size: 0.857em;
7557
+ width: 5.4em;
7558
+ font-family: "star"; }
7559
+ .premium-woocommerce .star-rating::before {
7560
+ content: "\73\73\73\73\73";
7561
+ color: #54595f;
7562
+ float: left;
7563
+ top: 0;
7564
+ left: 0;
7565
+ position: absolute; }
7566
+ .premium-woocommerce .star-rating span {
7567
+ overflow: hidden;
7568
+ float: left;
7569
+ top: 0;
7570
+ left: 0;
7571
+ position: absolute;
7572
+ padding-top: 1.5em; }
7573
+ .premium-woocommerce .star-rating span::before {
7574
+ content: "\53\53\53\53\53";
7575
+ color: inherit;
7576
+ top: 0;
7577
+ position: absolute;
7578
+ left: 0; }
7579
+
7580
+ .premium-woocommerce .premium-woo-products-inner ul.products {
7581
+ -js-display: flex;
7582
+ display: -webkit-box;
7583
+ display: -webkit-flex;
7584
+ display: -moz-box;
7585
+ display: -ms-flexbox;
7586
+ display: flex;
7587
+ margin: 0;
7588
+ padding: 0;
7589
+ -webkit-flex-wrap: wrap;
7590
+ -ms-flex-wrap: wrap;
7591
+ flex-wrap: wrap;
7592
+ list-style: none outside;
7593
+ -webkit-column-gap: 0;
7594
+ -moz-column-gap: 0;
7595
+ column-gap: 0; }
7596
+ .premium-woocommerce .premium-woo-products-inner ul.products li.product {
7597
+ margin: 0 0 10px;
7598
+ padding: 0 10px; }
7599
+ .premium-woocommerce .premium-woo-products-inner ul.products li.product .premium-woo-product-wrapper {
7600
+ overflow: hidden;
7601
+ -webkit-transition: all 0.3s ease-in-out;
7602
+ transition: all 0.3s ease-in-out; }
7603
+
7604
+ .premium-woocommerce .woocommerce-loop-product__link {
7605
+ position: relative;
7606
+ display: block !important;
7607
+ overflow: hidden;
7608
+ -webkit-transition: all 0.3s ease-in-out;
7609
+ transition: all 0.3s ease-in-out; }
7610
+
7611
+ .premium-woocommerce .premium-woo-ribbon-container,
7612
+ .premium-woocommerce .pa-out-of-stock {
7613
+ position: absolute;
7614
+ z-index: 9; }
7615
+
7616
+ .premium-woocommerce .premium-woo-ribbon-container {
7617
+ top: 0;
7618
+ left: 0; }
7619
+
7620
+ .premium-woocommerce .pa-out-of-stock {
7621
+ top: 7px;
7622
+ left: 9px;
7623
+ margin: 0; }
7624
+
7625
+ .premium-woo-product-thumbnail {
7626
+ position: relative;
7627
+ overflow: hidden; }
7628
+ .premium-woo-product-thumbnail .woocommerce-loop-product__link img {
7629
+ margin: 0;
7630
+ width: 100%; }
7631
+
7632
+ .premium-woo-product-sale-wrap,
7633
+ .premium-woo-product-featured-wrap {
7634
+ margin: 0; }
7635
+
7636
+ .premium-woocommerce .premium-woo-products-details-wrap {
7637
+ padding: 1em 1.2em; }
7638
+ .premium-woocommerce .premium-woo-products-details-wrap .button {
7639
+ display: inline-block;
7640
+ background-color: #6ec1e4;
7641
+ color: #fff;
7642
+ margin: 0.5em 0;
7643
+ line-height: 1.3;
7644
+ padding: 10px 40px;
7645
+ font-size: 100%;
7646
+ cursor: pointer;
7647
+ text-decoration: none;
7648
+ overflow: visible;
7649
+ font-weight: 700;
7650
+ background-image: none;
7651
+ border: none;
7652
+ -webkit-border-radius: 0px;
7653
+ border-radius: 0px;
7654
+ -webkit-box-shadow: none;
7655
+ box-shadow: none;
7656
+ text-shadow: none;
7657
+ -webkit-transition: all 0.3s ease-in-out;
7658
+ transition: all 0.3s ease-in-out; }
7659
+
7660
+ .premium-woocommerce li.product .price {
7661
+ display: block;
7662
+ line-height: 1.3;
7663
+ font-weight: 700;
7664
+ margin-bottom: 0.5em;
7665
+ font-size: 0.9em; }
7666
+ .premium-woocommerce li.product .price del {
7667
+ display: inline-block;
7668
+ font-weight: 400;
7669
+ background: transparent;
7670
+ opacity: 1; }
7671
+ .premium-woocommerce li.product .price ins {
7672
+ display: inline-block;
7673
+ background: transparent;
7674
+ text-decoration: none;
7675
+ font-weight: inherit; }
7676
+ .premium-woocommerce li.product .price .amount {
7677
+ color: inherit !important; }
7678
+
7679
+ .premium-woocommerce li.product .premium-woo-product-desc p {
7680
+ margin: 0; }
7681
+
7682
+ .premium-woo-product-align-left .premium-woocommerce li.product .star-rating {
7683
+ margin-left: 0;
7684
+ margin-right: auto; }
7685
+
7686
+ .premium-woo-product-align-center .premium-woocommerce li.product .star-rating {
7687
+ margin-left: auto;
7688
+ margin-right: auto; }
7689
+
7690
+ .premium-woo-product-align-right .premium-woocommerce li.product .star-rating {
7691
+ margin-left: auto;
7692
+ margin-right: 0; }
7693
+
7694
+ .premium-woo-products-pagination ul.page-numbers {
7695
+ -js-display: flex;
7696
+ display: -webkit-box;
7697
+ display: -webkit-flex;
7698
+ display: -moz-box;
7699
+ display: -ms-flexbox;
7700
+ display: flex;
7701
+ list-style-type: none;
7702
+ margin: 0;
7703
+ margin-top: 10px;
7704
+ padding: 0;
7705
+ border: none;
7706
+ -webkit-box-pack: center;
7707
+ -webkit-justify-content: center;
7708
+ -moz-box-pack: center;
7709
+ -ms-flex-pack: center;
7710
+ justify-content: center; }
7711
+ .premium-woo-products-pagination ul.page-numbers li {
7712
+ margin: 0 0.4em 0.4em 0;
7713
+ padding: 0;
7714
+ text-align: center; }
7715
+ .premium-woo-products-pagination ul.page-numbers li .page-numbers {
7716
+ margin: 0;
7717
+ text-decoration: none;
7718
+ color: #000;
7719
+ border: 1px solid #54595f;
7720
+ padding: 0;
7721
+ line-height: 1;
7722
+ font-size: 1em;
7723
+ font-weight: 400;
7724
+ padding: 0.75em;
7725
+ display: block;
7726
+ min-width: 2.5em;
7727
+ -webkit-transition: all 0.3s ease-in-out;
7728
+ transition: all 0.3s ease-in-out; }
7729
+ .premium-woo-products-pagination ul.page-numbers li .page-numbers:hover, .premium-woo-products-pagination ul.page-numbers li .page-numbers.current {
7730
+ background-color: #54595f;
7731
+ color: #fff;
7732
+ outline: none; }
7733
+
7734
+ .premium-woocommerce .premium-loading-feed,
7735
+ .premium-woo-quick-view-loader .premium-loading-feed {
7736
+ display: block;
7737
+ position: absolute;
7738
+ width: 100%;
7739
+ height: 100%;
7740
+ top: 0px;
7741
+ left: 0px;
7742
+ bottom: 0px;
7743
+ right: 0px;
7744
+ background: rgba(255, 255, 255, 0.2);
7745
+ -js-display: flex;
7746
+ display: -webkit-box;
7747
+ display: -webkit-flex;
7748
+ display: -moz-box;
7749
+ display: -ms-flexbox;
7750
+ display: flex;
7751
+ -webkit-box-align: center;
7752
+ -webkit-align-items: center;
7753
+ -moz-box-align: center;
7754
+ -ms-flex-align: center;
7755
+ align-items: center; }
7756
+
7757
+ /**
7758
+ * Image Hover Effects
7759
+ */
7760
+ .premium-woocommerce .woocommerce-loop-product__link img {
7761
+ -webkit-transition: all 0.3s ease-in-out;
7762
+ transition: all 0.3s ease-in-out; }
7763
+
7764
+ .premium-woo-product__hover-zoomout .woocommerce-loop-product__link img {
7765
+ -webkit-transform: scale(1.2);
7766
+ -ms-transform: scale(1.2);
7767
+ transform: scale(1.2); }
7768
+
7769
+ .premium-woo-product__hover-zoomout li.product:hover .woocommerce-loop-product__link img {
7770
+ -webkit-transform: none;
7771
+ -ms-transform: none;
7772
+ transform: none; }
7773
+
7774
+ .premium-woo-product__hover-zoomin .woocommerce-loop-product__link img {
7775
+ -webkit-transform: none;
7776
+ -ms-transform: none;
7777
+ transform: none; }
7778
+
7779
+ .premium-woo-product__hover-zoomin li.product:hover .woocommerce-loop-product__link img {
7780
+ -webkit-transform: scale(1.2);
7781
+ -ms-transform: scale(1.2);
7782
+ transform: scale(1.2); }
7783
+
7784
+ .premium-woo-product__hover-gray .woocommerce-loop-product__link img {
7785
+ -webkit-filter: grayscale(100%);
7786
+ filter: grayscale(100%); }
7787
+
7788
+ .premium-woo-product__hover-gray li.product:hover .woocommerce-loop-product__link img {
7789
+ -webkit-filter: grayscale(0%);
7790
+ filter: grayscale(0%); }
7791
+
7792
+ .premium-woo-product__hover-sepia .woocommerce-loop-product__link img {
7793
+ -webkit-filter: sepia(30%);
7794
+ filter: sepia(30%); }
7795
+
7796
+ .premium-woo-product__hover-sepia li.product:hover .woocommerce-loop-product__link img {
7797
+ -webkit-filter: sepia(0%);
7798
+ filter: sepia(0%); }
7799
+
7800
+ .premium-woo-product__hover-bright .woocommerce-loop-product__link img {
7801
+ -webkit-filter: brightness(1);
7802
+ filter: brightness(1); }
7803
+
7804
+ .premium-woo-product__hover-bright li.product:hover .woocommerce-loop-product__link img {
7805
+ -webkit-filter: brightness(1.2);
7806
+ filter: brightness(1.2); }
7807
+
7808
+ .premium-woo-product__hover-trans .woocommerce-loop-product__link img {
7809
+ -webkit-transform: translateX(-15px) scale(1.1);
7810
+ -ms-transform: translateX(-15px) scale(1.1);
7811
+ transform: translateX(-15px) scale(1.1); }
7812
+
7813
+ .premium-woo-product__hover-trans li.product:hover .woocommerce-loop-product__link img {
7814
+ -webkit-transform: translateX(0px) scale(1.1);
7815
+ -ms-transform: translateX(0px) scale(1.1);
7816
+ transform: translateX(0px) scale(1.1); }
7817
+
7818
+ .premium-woo-product__hover-scale li.product:hover .woocommerce-loop-product__link img {
7819
+ -webkit-transform: scaleX(1.3) scaleY(1.3) rotate(5deg);
7820
+ -ms-transform: scaleX(1.3) scaleY(1.3) rotate(5deg);
7821
+ transform: scaleX(1.3) scaleY(1.3) rotate(5deg); }
7822
+
7823
+ .premium-woocommerce .premium-woo-product__on_hover {
7824
+ position: absolute;
7825
+ top: 0;
7826
+ right: 0;
7827
+ bottom: 0;
7828
+ left: 0;
7829
+ height: 100%;
7830
+ opacity: 0; }
7831
+
7832
+ .premium-woo-product__hover-swap li.product:hover .premium-woo-product__on_hover {
7833
+ opacity: 1; }
7834
+
7835
+ .premium-woo-skin-grid-1 .premium-woo-qv-btn,
7836
+ .premium-woo-skin-grid-3 .premium-woo-qv-btn,
7837
+ .premium-woo-skin-grid-4 .premium-woo-qv-btn {
7838
+ position: absolute;
7839
+ bottom: 0;
7840
+ left: 0;
7841
+ width: 100%;
7842
+ text-align: center;
7843
+ padding: 5px;
7844
+ background: rgba(2, 2, 2, 0.5);
7845
+ color: #fff;
7846
+ -webkit-transition: all 0.3s ease-in-out;
7847
+ transition: all 0.3s ease-in-out;
7848
+ z-index: 2;
7849
+ -webkit-transform: translateY(100%);
7850
+ -ms-transform: translateY(100%);
7851
+ transform: translateY(100%); }
7852
+
7853
+ .premium-woo-skin-grid-4 .premium-woo-qv-btn {
7854
+ -webkit-transition-delay: 0.1s;
7855
+ transition-delay: 0.1s; }
7856
+
7857
+ .premium-woo-skin-grid-1 .premium-woo-qv-icon,
7858
+ .premium-woo-skin-grid-3 .premium-woo-qv-icon,
7859
+ .premium-woo-skin-grid-4 .premium-woo-qv-icon,
7860
+ .premium-woo-skin-grid-6 .premium-woo-qv-icon {
7861
+ margin-left: 0.5em; }
7862
+
7863
+ .premium-woo-product-thumbnail:hover .premium-woo-qv-btn-translate {
7864
+ -webkit-transform: translateY(0);
7865
+ -ms-transform: translateY(0);
7866
+ transform: translateY(0); }
7867
+
7868
+ .premium-woo-product-wrapper .premium-woo-qv-data {
7869
+ position: absolute;
7870
+ top: 0;
7871
+ left: 0;
7872
+ width: 100%;
7873
+ height: 100%;
7874
+ z-index: 1;
7875
+ overflow: hidden;
7876
+ cursor: pointer; }
7877
+
7878
+ /**
7879
+ * Skin 1,4
7880
+ */
7881
+ .premium-woo-skin-grid-1 .premium-woo-product-actions-wrapper,
7882
+ .premium-woo-skin-grid-4 .premium-woo-product-actions-wrapper {
7883
+ position: absolute;
7884
+ top: 0.7em;
7885
+ right: 1em;
7886
+ -webkit-transform: translate3d(15px, 0, 0);
7887
+ transform: translate3d(15px, 0, 0);
7888
+ -webkit-transition: all 0.3s ease-in-out;
7889
+ transition: all 0.3s ease-in-out;
7890
+ opacity: 0;
7891
+ z-index: 9; }
7892
+
7893
+ .premium-woocommerce .premium-woo-product-actions-wrapper .premium-woo-cart-btn {
7894
+ position: relative;
7895
+ display: block;
7896
+ margin: 0 0 3px;
7897
+ background: #fff;
7898
+ text-align: center;
7899
+ outline: 0;
7900
+ -webkit-transition: all 0.3s ease-in-out;
7901
+ transition: all 0.3s ease-in-out; }
7902
+
7903
+ .premium-woocommerce .premium-woo-product-actions-wrapper .premium-woo-add-cart-icon {
7904
+ display: block;
7905
+ color: #54595f;
7906
+ width: 30px;
7907
+ line-height: 30px;
7908
+ height: 30px;
7909
+ cursor: pointer;
7910
+ -webkit-transition: all 0.3s ease-in-out;
7911
+ transition: all 0.3s ease-in-out; }
7912
+
7913
+ .premium-woo-skin-grid-1 li.product:hover .premium-woo-product-actions-wrapper,
7914
+ .premium-woo-skin-grid-4 li.product:hover .premium-woo-product-actions-wrapper {
7915
+ -webkit-transform: translate3d(5px, 0, 0);
7916
+ transform: translate3d(5px, 0, 0);
7917
+ opacity: 1; }
7918
+
7919
+ .premium-woocommerce .premium-woo-cart-btn.adding .premium-woo-add-cart-icon {
7920
+ -webkit-animation: spin 2s linear infinite;
7921
+ animation: spin 2s linear infinite; }
7922
+
7923
+ .premium-woocommerce .premium-woo-cart-btn.adding .premium-woo-add-cart-icon::before {
7924
+ content: "\f013"; }
7925
+
7926
+ .premium-woocommerce .premium-woo-cart-btn.added .premium-woo-add-cart-icon::before {
7927
+ content: "\f00c"; }
7928
+
7929
+ /**
7930
+ * Skin 2
7931
+ */
7932
+ .premium-woo-skin-grid-2 li.product .premium-woo-products-details-wrap {
7933
+ position: absolute;
7934
+ background: #fff;
7935
+ bottom: 0;
7936
+ left: 0;
7937
+ width: 100%;
7938
+ z-index: 2;
7939
+ padding: 0;
7940
+ opacity: 0;
7941
+ -webkit-transition: opacity 0.2s, -webkit-transform 0.4s;
7942
+ transition: opacity 0.2s, -webkit-transform 0.4s;
7943
+ transition: transform 0.4s, opacity 0.2s;
7944
+ transition: transform 0.4s, opacity 0.2s, -webkit-transform 0.4s;
7945
+ -webkit-transform: translateZ(0) translateY(5px);
7946
+ transform: translateZ(0) translateY(5px); }
7947
+
7948
+ .premium-woo-skin-grid-2 .premium-woo-product-details {
7949
+ padding: 15px 0; }
7950
+
7951
+ .premium-woo-skin-grid-2 li.product:hover .premium-woo-products-details-wrap {
7952
+ opacity: 1;
7953
+ -webkit-transform: translateZ(0) translateY(0);
7954
+ transform: translateZ(0) translateY(0); }
7955
+
7956
+ .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper {
7957
+ position: static;
7958
+ -js-display: flex;
7959
+ display: -webkit-box;
7960
+ display: -webkit-flex;
7961
+ display: -moz-box;
7962
+ display: -ms-flexbox;
7963
+ display: flex;
7964
+ -webkit-box-orient: horizontal;
7965
+ -webkit-box-direction: reverse;
7966
+ -webkit-flex-direction: row-reverse;
7967
+ -moz-box-orient: horizontal;
7968
+ -moz-box-direction: reverse;
7969
+ -ms-flex-direction: row-reverse;
7970
+ flex-direction: row-reverse; }
7971
+
7972
+ .premium-woo-skin-grid-2 .premium-woo-product-actions-wrapper > * {
7973
+ -webkit-box-flex: 1;
7974
+ -webkit-flex: 1;
7975
+ -moz-box-flex: 1;
7976
+ -ms-flex: 1;
7977
+ flex: 1;
7978
+ min-width: 50%; }
7979
+
7980
+ .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper .button {
7981
+ -js-display: flex;
7982
+ display: -webkit-box;
7983
+ display: -webkit-flex;
7984
+ display: -moz-box;
7985
+ display: -ms-flexbox;
7986
+ display: flex;
7987
+ margin: 0;
7988
+ text-align: center;
7989
+ -webkit-box-pack: center;
7990
+ -webkit-justify-content: center;
7991
+ -moz-box-pack: center;
7992
+ -ms-flex-pack: center;
7993
+ justify-content: center;
7994
+ -webkit-box-align: center;
7995
+ -webkit-align-items: center;
7996
+ -moz-box-align: center;
7997
+ -ms-flex-align: center;
7998
+ align-items: center; }
7999
+
8000
+ .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper .premium-woo-qv-btn {
8001
+ background-color: #54595f; }
8002
+
8003
+ /**
8004
+ * Skin 4
8005
+ */
8006
+ .premium-woo-skin-grid-4 li.product .premium-woo-products-details-wrap {
8007
+ position: absolute;
8008
+ left: 0;
8009
+ right: 0;
8010
+ top: 50%;
8011
+ -webkit-transform: scale(0.9) translateZ(0) translateY(-50%);
8012
+ transform: scale(0.9) translateZ(0) translateY(-50%);
8013
+ text-align: center;
8014
+ z-index: 2;
8015
+ opacity: 0;
8016
+ -webkit-transition: opacity 0.5s, -webkit-transform 0.3s;
8017
+ transition: opacity 0.5s, -webkit-transform 0.3s;
8018
+ transition: opacity 0.5s, transform 0.3s;
8019
+ transition: opacity 0.5s, transform 0.3s, -webkit-transform 0.3s; }
8020
+
8021
+ .premium-woo-skin-grid-4 li.product .premium-woo-product-overlay,
8022
+ .premium-woo-skin-grid-8 li.product .premium-woo-product-overlay {
8023
+ position: absolute;
8024
+ top: 0;
8025
+ left: 0;
8026
+ width: 100%;
8027
+ height: 100%;
8028
+ opacity: 0;
8029
+ visibility: hidden;
8030
+ background-color: rgba(27, 27, 23, 0.3);
8031
+ -webkit-transition: all 0.25s ease-in-out;
8032
+ transition: all 0.25s ease-in-out; }
8033
+
8034
+ .premium-woo-skin-grid-4 li.product:hover .premium-woo-product-overlay,
8035
+ .premium-woo-skin-grid-8 li.product:hover .premium-woo-product-overlay {
8036
+ opacity: 1;
8037
+ visibility: visible;
8038
+ z-index: 1; }
8039
+
8040
+ .premium-woo-skin-grid-4 li.product:hover .premium-woo-products-details-wrap {
8041
+ -webkit-transform: scale(1) translateZ(0) translateY(-50%);
8042
+ transform: scale(1) translateZ(0) translateY(-50%);
8043
+ opacity: 1; }
8044
+
8045
+ /**
8046
+ * Skin 5
8047
+ */
8048
+ .premium-woo-skin-grid-5 li.product .premium-woo-product-actions-wrapper {
8049
+ -js-display: flex;
8050
+ display: -webkit-box;
8051
+ display: -webkit-flex;
8052
+ display: -moz-box;
8053
+ display: -ms-flexbox;
8054
+ display: flex; }
8055
+ .premium-woo-skin-grid-5 li.product .premium-woo-product-actions-wrapper .premium-woo-qv-btn {
8056
+ -js-display: flex;
8057
+ display: -webkit-box;
8058
+ display: -webkit-flex;
8059
+ display: -moz-box;
8060
+ display: -ms-flexbox;
8061
+ display: flex;
8062
+ -webkit-box-align: center;
8063
+ -webkit-align-items: center;
8064
+ -moz-box-align: center;
8065
+ -ms-flex-align: center;
8066
+ align-items: center;
8067
+ background-color: #54595f;
8068
+ padding: 10px;
8069
+ -webkit-transition: all 0.25s ease 0s;
8070
+ transition: all 0.25s ease 0s; }
8071
+
8072
+ .premium-woo-skin-grid-5 li.product .premium-woo-products-details-wrap {
8073
+ width: 75%; }
8074
+
8075
+ .premium-woo-skin-grid-5 .premium-woo-product-wrapper {
8076
+ -js-display: flex;
8077
+ display: -webkit-box;
8078
+ display: -webkit-flex;
8079
+ display: -moz-box;
8080
+ display: -ms-flexbox;
8081
+ display: flex;
8082
+ -webkit-box-align: center;
8083
+ -webkit-align-items: center;
8084
+ -moz-box-align: center;
8085
+ -ms-flex-align: center;
8086
+ align-items: center; }
8087
+
8088
+ .premium-woo-product-align-right .premium-woo-skin-grid-5 .premium-woo-product-actions-wrapper {
8089
+ -webkit-box-pack: end;
8090
+ -webkit-justify-content: flex-end;
8091
+ -moz-box-pack: end;
8092
+ -ms-flex-pack: end;
8093
+ justify-content: flex-end; }
8094
+
8095
+ .premium-woo-product-align-center .premium-woo-skin-grid-5 .premium-woo-product-actions-wrapper {
8096
+ -webkit-box-pack: center;
8097
+ -webkit-justify-content: center;
8098
+ -moz-box-pack: center;
8099
+ -ms-flex-pack: center;
8100
+ justify-content: center; }
8101
+
8102
+ /**
8103
+ * Skin 6
8104
+ */
8105
+ .premium-woo-skin-grid-6 .premium-woo-qv-btn {
8106
+ position: absolute;
8107
+ top: 50%;
8108
+ left: 50%;
8109
+ min-width: 40%;
8110
+ text-align: center;
8111
+ padding: 5px;
8112
+ background: rgba(2, 2, 2, 0.5);
8113
+ color: #fff;
8114
+ -webkit-transform: translate(-50%, -50%);
8115
+ -ms-transform: translate(-50%, -50%);
8116
+ transform: translate(-50%, -50%);
8117
+ opacity: 0;
8118
+ visibility: hidden;
8119
+ -webkit-transition: all 0.3s ease-in-out;
8120
+ transition: all 0.3s ease-in-out;
8121
+ cursor: pointer;
8122
+ z-index: 2; }
8123
+
8124
+ .premium-woo-skin-grid-6 li.product:hover .premium-woo-qv-btn {
8125
+ opacity: 1;
8126
+ visibility: visible; }
8127
+
8128
+ .premium-woo-product-align-right .premium-woo-skin-grid-6 li.product .premium-woo-product-info .star-rating,
8129
+ .premium-woo-product-align-left .premium-woo-skin-grid-6 li.product .premium-woo-product-info .star-rating,
8130
+ .premium-woo-product-align-right .premium-woo-skin-grid-7 li.product .premium-woo-product-info .star-rating,
8131
+ .premium-woo-product-align-left .premium-woo-skin-grid-7 li.product .premium-woo-product-info .star-rating {
8132
+ margin: 0; }
8133
+
8134
+ .premium-woo-skin-grid-6 li.product .premium-woo-product-info {
8135
+ -js-display: flex;
8136
+ display: -webkit-box;
8137
+ display: -webkit-flex;
8138
+ display: -moz-box;
8139
+ display: -ms-flexbox;
8140
+ display: flex;
8141
+ -webkit-box-pack: justify;
8142
+ -webkit-justify-content: space-between;
8143
+ -moz-box-pack: justify;
8144
+ -ms-flex-pack: justify;
8145
+ justify-content: space-between; }
8146
+
8147
+ .premium-woo-product-align-center .premium-woocommerce li.product .premium-woo-product-info {
8148
+ -webkit-box-orient: vertical;
8149
+ -webkit-box-direction: normal;
8150
+ -webkit-flex-direction: column;
8151
+ -moz-box-orient: vertical;
8152
+ -moz-box-direction: normal;
8153
+ -ms-flex-direction: column;
8154
+ flex-direction: column; }
8155
+
8156
+ .premium-woo-product-align-right .premium-woocommerce li.product .premium-woo-product-info {
8157
+ -webkit-box-orient: horizontal;
8158
+ -webkit-box-direction: reverse;
8159
+ -webkit-flex-direction: row-reverse;
8160
+ -moz-box-orient: horizontal;
8161
+ -moz-box-direction: reverse;
8162
+ -ms-flex-direction: row-reverse;
8163
+ flex-direction: row-reverse; }
8164
+
8165
+ .premium-woo-skin-grid-6 li.product .premium-woo-product-gallery-images {
8166
+ -js-display: flex;
8167
+ display: -webkit-box;
8168
+ display: -webkit-flex;
8169
+ display: -moz-box;
8170
+ display: -ms-flexbox;
8171
+ display: flex;
8172
+ position: absolute;
8173
+ bottom: 10px;
8174
+ width: 100%;
8175
+ -webkit-box-pack: center;
8176
+ -webkit-justify-content: center;
8177
+ -moz-box-pack: center;
8178
+ -ms-flex-pack: center;
8179
+ justify-content: center; }
8180
+
8181
+ .premium-woo-product-gallery-images .premium-woo-product__gallery_image {
8182
+ width: 20%;
8183
+ margin: 0 0.2em;
8184
+ border: 2px solid #aaa;
8185
+ cursor: pointer; }
8186
+
8187
+ /**
8188
+ * Metro
8189
+ */
8190
+ .premium-woo-products-metro li.product .premium-woo-product-thumbnail img,
8191
+ .premium-woo-products-metro li.product .premium-woo-product-wrapper,
8192
+ .premium-woo-products-metro li.product .premium-woo-product-thumbnail,
8193
+ .premium-woo-products-metro li.product .woocommerce-LoopProduct-link {
8194
+ height: 100%; }
8195
+
8196
+ .premium-woo-products-metro ul.products li.product {
8197
+ margin-bottom: 0; }
8198
+
8199
+ .premium-woo-products-metro li.product .premium-woo-product-thumbnail img {
8200
+ -o-object-fit: cover;
8201
+ object-fit: cover; }
8202
+
8203
+ /*
8204
+ * Carousel
8205
+ */
8206
+ .premium-carousel-hidden {
8207
+ opacity: 0;
8208
+ visibility: hidden; }
8209
+
8210
+ .premium-woocommerce:not(.premium-woo-skin-grid-7) .slick-arrow {
8211
+ -webkit-border-radius: 50%;
8212
+ border-radius: 50%; }
8213
+
8214
+ .premium-woocommerce ul.slick-dots {
8215
+ width: 100%; }
8216
+
8217
+ /*
8218
+ * Quick View Html/body
8219
+ */
8220
+ html.premium-woo-qv-opened,
8221
+ html.premium-woo-qv-opened body {
8222
+ overflow: hidden; }
8223
+
8224
+ /**
8225
+ * Quick View Modal
8226
+ */
8227
+ .premium-woo-quick-view-back {
8228
+ position: fixed;
8229
+ visibility: hidden;
8230
+ overflow: hidden;
8231
+ background: rgba(2, 2, 2, 0.5);
8232
+ opacity: 0;
8233
+ -webkit-transition: opacity 0.25s;
8234
+ transition: opacity 0.25s;
8235
+ z-index: 999; }
8236
+
8237
+ .premium-woo-quick-view-active {
8238
+ top: 0;
8239
+ left: 0;
8240
+ width: 100%;
8241
+ height: 100%;
8242
+ opacity: 1;
8243
+ visibility: visible; }
8244
+
8245
+ #premium-woo-quick-view-modal {
8246
+ position: fixed;
8247
+ visibility: hidden;
8248
+ opacity: 0;
8249
+ top: 0;
8250
+ left: 0;
8251
+ width: 100%;
8252
+ height: 100%;
8253
+ z-index: 1400;
8254
+ text-align: center;
8255
+ -webkit-transition: all 0.3s;
8256
+ transition: all 0.3s;
8257
+ overflow-x: hidden;
8258
+ overflow-y: auto; }
8259
+ #premium-woo-quick-view-modal.active {
8260
+ visibility: visible;
8261
+ opacity: 1; }
8262
+ #premium-woo-quick-view-modal.active .premium-woo-content-main {
8263
+ -webkit-transform: translateY(0);
8264
+ -ms-transform: translateY(0);
8265
+ transform: translateY(0);
8266
+ opacity: 1;
8267
+ width: 100%; }
8268
+ #premium-woo-quick-view-modal .premium-woo-content-main-wrapper {
8269
+ position: absolute;
8270
+ width: 100%;
8271
+ height: 100%;
8272
+ top: 0;
8273
+ left: 0;
8274
+ text-align: center;
8275
+ padding: 30px;
8276
+ -js-display: flex;
8277
+ display: -webkit-box;
8278
+ display: -webkit-flex;
8279
+ display: -moz-box;
8280
+ display: -ms-flexbox;
8281
+ display: flex;
8282
+ -webkit-box-align: center;
8283
+ -webkit-align-items: center;
8284
+ -moz-box-align: center;
8285
+ -ms-flex-align: center;
8286
+ align-items: center; }
8287
+ #premium-woo-quick-view-modal .premium-woo-content-main {
8288
+ position: relative;
8289
+ pointer-events: none;
8290
+ max-width: 100%;
8291
+ text-align: left;
8292
+ z-index: 1045;
8293
+ -webkit-transform: translateY(-30px);
8294
+ -ms-transform: translateY(-30px);
8295
+ transform: translateY(-30px);
8296
+ opacity: 0;
8297
+ -webkit-transition: opacity 0.3s, -webkit-transform 0.5s;
8298
+ transition: opacity 0.3s, -webkit-transform 0.5s;
8299
+ transition: transform 0.5s, opacity 0.3s;
8300
+ transition: transform 0.5s, opacity 0.3s, -webkit-transform 0.5s;
8301
+ margin: 0 auto; }
8302
+ #premium-woo-quick-view-modal .premium-woo-lightbox-content {
8303
+ position: relative;
8304
+ display: table;
8305
+ pointer-events: auto;
8306
+ background-color: #fff;
8307
+ max-width: 975px;
8308
+ margin: 20px auto;
8309
+ -webkit-transform: translateZ(0);
8310
+ transform: translateZ(0);
8311
+ -webkit-box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, 0.15);
8312
+ box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, 0.15);
8313
+ overflow: hidden; }
8314
+ #premium-woo-quick-view-modal .summary {
8315
+ width: 50%;
8316
+ margin: 0;
8317
+ padding: 30px;
8318
+ float: left;
8319
+ -webkit-box-sizing: border-box;
8320
+ -moz-box-sizing: border-box;
8321
+ box-sizing: border-box; }
8322
+ #premium-woo-quick-view-modal .summary .quantity {
8323
+ min-width: auto; }
8324
+ #premium-woo-quick-view-modal .summary .quantity input.qty {
8325
+ width: 54px;
8326
+ -webkit-appearance: button;
8327
+ -moz-appearance: button;
8328
+ appearance: button; }
8329
+ #premium-woo-quick-view-modal .summary .quantity input[type="number"]::-webkit-inner-spin-button,
8330
+ #premium-woo-quick-view-modal .summary .quantity input[type="number"]::-webkit-outer-spin-button {
8331
+ display: unset; }
8332
+ #premium-woo-quick-view-modal .woocommerce-product-details__short-description p {
8333
+ margin: 0; }
8334
+
8335
+ #premium-woo-quick-view-close {
8336
+ position: absolute;
8337
+ font-size: 22px;
8338
+ top: 10px;
8339
+ right: 10px;
8340
+ width: 22px;
8341
+ height: 22px;
8342
+ line-height: 22px;
8343
+ opacity: 0.7;
8344
+ text-align: center;
8345
+ z-index: 2;
8346
+ color: #000; }
8347
+
8348
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider {
8349
+ position: relative; }
8350
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider li {
8351
+ list-style: none; }
8352
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav {
8353
+ margin: 0;
8354
+ padding: 0;
8355
+ width: 100%;
8356
+ position: absolute;
8357
+ bottom: 10px;
8358
+ text-align: center; }
8359
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li {
8360
+ margin: 0 6px;
8361
+ display: inline-block;
8362
+ vertical-align: middle; }
8363
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a {
8364
+ width: 11px;
8365
+ height: 11px;
8366
+ display: block;
8367
+ background: #666;
8368
+ background: rgba(0, 0, 0, 0.5);
8369
+ cursor: pointer;
8370
+ text-indent: -9999px;
8371
+ -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
8372
+ box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
8373
+ -webkit-border-radius: 20px;
8374
+ border-radius: 20px; }
8375
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a.flex-active {
8376
+ background: rgba(0, 0, 0, 0.9);
8377
+ cursor: default; }
8378
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a:focus {
8379
+ outline: none; }
8380
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider img {
8381
+ -o-object-fit: cover;
8382
+ object-fit: cover; }
8383
+
8384
+ #premium-woo-quick-view-content div.images {
8385
+ width: 50%;
8386
+ float: left;
8387
+ opacity: 1 !important;
8388
+ margin: 0; }
8389
+
8390
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav {
8391
+ margin: 0;
8392
+ padding: 0;
8393
+ list-style: none; }
8394
+
8395
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav a {
8396
+ text-decoration: none;
8397
+ display: block;
8398
+ width: 14px;
8399
+ height: 32px;
8400
+ font-size: 32px;
8401
+ line-height: 32px;
8402
+ margin: -20px 0 0;
8403
+ position: absolute;
8404
+ top: 50%;
8405
+ z-index: 10;
8406
+ overflow: hidden;
8407
+ cursor: pointer;
8408
+ color: rgba(0, 0, 0, 0.8);
8409
+ text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
8410
+ -webkit-transition: all 0.3s ease-in-out;
8411
+ transition: all 0.3s ease-in-out; }
8412
+
8413
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next,
8414
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev {
8415
+ display: inline-block;
8416
+ font-family: "Font Awesome 5 Free";
8417
+ font-weight: 900;
8418
+ text-rendering: auto;
8419
+ -webkit-font-smoothing: antialiased;
8420
+ -moz-osx-font-smoothing: grayscale; }
8421
+
8422
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev {
8423
+ left: 10px; }
8424
+
8425
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next {
8426
+ right: 10px; }
8427
+
8428
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev::before {
8429
+ content: "\f104"; }
8430
+
8431
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next::before {
8432
+ content: "\f105"; }
8433
+
8434
+ .premium-woocommerce li.product .added_to_cart.wc-forward {
8435
+ display: none; }
8436
+
8437
+ .premium-woo-atc-button .add_to_cart_button span {
8438
+ -webkit-animation: spin 2s linear infinite;
8439
+ animation: spin 2s linear infinite;
8440
+ margin-left: 5px;
8441
+ vertical-align: baseline; }
8442
+
8443
+ /*
8444
+ * Load More Button
8445
+ */
8446
+ .premium-woo-load-more {
8447
+ position: relative; }
8448
+ .premium-woo-load-more .premium-woo-load-more-btn {
8449
+ -webkit-box-shadow: none;
8450
+ box-shadow: none;
8451
+ text-shadow: none;
8452
+ border: none;
8453
+ outline: none;
8454
+ -webkit-box-align: center;
8455
+ -webkit-align-items: center;
8456
+ -moz-box-align: center;
8457
+ -ms-flex-align: center;
8458
+ align-items: center;
8459
+ vertical-align: bottom;
8460
+ cursor: pointer;
8461
+ line-height: 1;
8462
+ font-style: normal;
8463
+ font-weight: normal;
8464
+ background-image: none;
8465
+ color: #fff;
8466
+ -webkit-transition: all 0.3s ease-in-out;
8467
+ transition: all 0.3s ease-in-out;
8468
+ padding: 10px 20px; }
8469
+
8470
+ .premium-woo-load-more-btn {
8471
+ -js-display: inline-flex;
8472
+ display: -webkit-inline-box;
8473
+ display: -webkit-inline-flex;
8474
+ display: -moz-inline-box;
8475
+ display: -ms-inline-flexbox;
8476
+ display: inline-flex;
8477
+ -webkit-box-align: center;
8478
+ -webkit-align-items: center;
8479
+ -moz-box-align: center;
8480
+ -ms-flex-align: center;
8481
+ align-items: center; }
8482
+
8483
+ .premium-woo-load-more-btn span {
8484
+ margin-right: 3px; }
8485
+
8486
+ .premium-woo-load-more-btn .premium-loader {
8487
+ display: inline-block;
8488
+ width: 20px;
8489
+ height: 20px; }
8490
+
8491
+ @media (min-width: 545px) {
8492
+ #premium-woo-quick-view-content div.summary {
8493
+ content: "544";
8494
+ overflow-y: auto; } }
8495
+
8496
+ @media (max-width: 544px) {
8497
+ #premium-woo-quick-view-content .premium-woo-lightbox-content {
8498
+ display: block; }
8499
+ #premium-woo-quick-view-content div.images,
8500
+ #premium-woo-quick-view-content div.summary {
8501
+ width: 100%;
8502
+ float: none; } }
8503
 
8504
  /*
8505
  * Common Title/Dual Heading
assets/frontend/css/premium-carousel-widget.css CHANGED
@@ -1,152 +1,152 @@
1
- /**************** Premium Carousel ****************/
2
- /**************************************************/
3
- .premium-carousel-wrapper a.carousel-arrow, .premium-carousel-wrapper a.ver-carousel-arrow {
4
- -js-display: flex;
5
- display: -webkit-box;
6
- display: -webkit-flex;
7
- display: -moz-box;
8
- display: -ms-flexbox;
9
- display: flex;
10
- -webkit-box-align: center;
11
- -webkit-align-items: center;
12
- -moz-box-align: center;
13
- -ms-flex-align: center;
14
- align-items: center;
15
- -webkit-box-pack: center;
16
- -webkit-justify-content: center;
17
- -moz-box-pack: center;
18
- -ms-flex-pack: center;
19
- justify-content: center;
20
- width: 2em;
21
- height: 2em;
22
- line-height: 0;
23
- text-align: center;
24
- position: absolute;
25
- z-index: 99;
26
- cursor: pointer;
27
- -webkit-transition: all 0.3s ease-in-out;
28
- transition: all 0.3s ease-in-out;
29
- -webkit-appearance: inherit;
30
- border: none;
31
- -webkit-box-shadow: none;
32
- box-shadow: none; }
33
- .premium-carousel-wrapper a.carousel-arrow svg, .premium-carousel-wrapper a.ver-carousel-arrow svg {
34
- -webkit-transition: all 0.3s ease-in-out;
35
- transition: all 0.3s ease-in-out; }
36
-
37
- .ver-carousel-arrow.carousel-next i {
38
- margin-bottom: -3px; }
39
-
40
- .premium-carousel-wrapper a.slick-arrow:hover {
41
- -webkit-box-shadow: none !important;
42
- box-shadow: none !important; }
43
-
44
- .premium-carousel-wrapper .premium-carousel-content-hidden {
45
- visibility: hidden; }
46
-
47
- .premium-carousel-wrapper a.carousel-arrow {
48
- top: 50%; }
49
-
50
- .premium-carousel-wrapper a.ver-carousel-arrow {
51
- left: 50%;
52
- -webkit-transform: translateX(-50%);
53
- -ms-transform: translateX(-50%);
54
- transform: translateX(-50%); }
55
-
56
- .premium-carousel-dots-above ul.slick-dots {
57
- position: absolute;
58
- -js-display: flex;
59
- display: -webkit-box;
60
- display: -webkit-flex;
61
- display: -moz-box;
62
- display: -ms-flexbox;
63
- display: flex;
64
- width: auto;
65
- top: 50%;
66
- bottom: auto;
67
- -webkit-transform: translateY(-50%);
68
- -ms-transform: translateY(-50%);
69
- transform: translateY(-50%);
70
- -webkit-box-orient: vertical;
71
- -webkit-box-direction: normal;
72
- -webkit-flex-direction: column;
73
- -moz-box-orient: vertical;
74
- -moz-box-direction: normal;
75
- -ms-flex-direction: column;
76
- flex-direction: column; }
77
-
78
  /*
79
  * Custom Navigation Dot
80
- */
81
- .premium-carousel-wrapper .premium-carousel-nav-dot,
82
- .premium-carousel-wrapper .premium-carousel-nav-arrow-prev,
83
- .premium-carousel-wrapper .premium-carousel-nav-arrow-next {
84
- display: none; }
85
-
86
- .premium-carousel-wrapper ul.slick-dots svg {
87
- width: 20px;
88
- height: 20px;
89
- outline: none !important; }
90
-
91
- /* Ripple Out */
92
- @-webkit-keyframes hvr-ripple-out {
93
- 0% {
94
- -webkit-transform: scale(1);
95
- transform: scale(1);
96
- opacity: 1; }
97
- 100% {
98
- -webkit-transform: scale(1.5);
99
- transform: scale(1.5);
100
- opacity: 0; } }
101
- @keyframes hvr-ripple-out {
102
- 0% {
103
- -webkit-transform: scale(1);
104
- transform: scale(1);
105
- opacity: 1; }
106
- 100% {
107
- -webkit-transform: scale(1.5);
108
- transform: scale(1.5);
109
- opacity: 0; } }
110
-
111
- .premium-carousel-ripple-yes .premium-carousel-wrapper {
112
- padding-bottom: 1px; }
113
-
114
- .premium-carousel-ripple-yes ul.slick-dots li {
115
- position: relative; }
116
- .premium-carousel-ripple-yes ul.slick-dots li i {
117
- position: relative;
118
- z-index: 1; }
119
- .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
120
- content: "";
121
- position: absolute;
122
- -webkit-transform: scale(1);
123
- -ms-transform: scale(1);
124
- transform: scale(1);
125
- top: 0;
126
- right: 0;
127
- bottom: 0;
128
- left: 0;
129
- -webkit-border-radius: 50%;
130
- border-radius: 50%;
131
- pointer-events: none;
132
- background-color: rgba(0, 0, 0, 0.15); }
133
- .premium-carousel-ripple-yes ul.slick-dots li.slick-active:hover:before {
134
- background-color: rgba(0, 0, 0, 0.3); }
135
- .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
136
- -webkit-animation: hvr-ripple-out 1.3s infinite;
137
- animation: hvr-ripple-out 1.3s infinite; }
138
-
139
- .premium-carousel-wrapper.premium-carousel-scale .slick-slide {
140
- -webkit-transform: scale(1.25, 1.25);
141
- -ms-transform: scale(1.25, 1.25);
142
- transform: scale(1.25, 1.25);
143
- -webkit-transition: all 0.3s ease-in-out;
144
- transition: all 0.3s ease-in-out; }
145
-
146
- .premium-carousel-wrapper.premium-carousel-scale div.slick-active {
147
- -webkit-transform: scale(1, 1);
148
- -ms-transform: scale(1, 1);
149
- transform: scale(1, 1); }
150
-
151
- [dir="rtl"] .premium-carousel-inner .slick-slide {
152
- float: right; }
1
+ /**************** Premium Carousel ****************/
2
+ /**************************************************/
3
+ .premium-carousel-wrapper a.carousel-arrow, .premium-carousel-wrapper a.ver-carousel-arrow {
4
+ -js-display: flex;
5
+ display: -webkit-box;
6
+ display: -webkit-flex;
7
+ display: -moz-box;
8
+ display: -ms-flexbox;
9
+ display: flex;
10
+ -webkit-box-align: center;
11
+ -webkit-align-items: center;
12
+ -moz-box-align: center;
13
+ -ms-flex-align: center;
14
+ align-items: center;
15
+ -webkit-box-pack: center;
16
+ -webkit-justify-content: center;
17
+ -moz-box-pack: center;
18
+ -ms-flex-pack: center;
19
+ justify-content: center;
20
+ width: 2em;
21
+ height: 2em;
22
+ line-height: 0;
23
+ text-align: center;
24
+ position: absolute;
25
+ z-index: 99;
26
+ cursor: pointer;
27
+ -webkit-transition: all 0.3s ease-in-out;
28
+ transition: all 0.3s ease-in-out;
29
+ -webkit-appearance: inherit;
30
+ border: none;
31
+ -webkit-box-shadow: none;
32
+ box-shadow: none; }
33
+ .premium-carousel-wrapper a.carousel-arrow svg, .premium-carousel-wrapper a.ver-carousel-arrow svg {
34
+ -webkit-transition: all 0.3s ease-in-out;
35
+ transition: all 0.3s ease-in-out; }
36
+
37
+ .ver-carousel-arrow.carousel-next i {
38
+ margin-bottom: -3px; }
39
+
40
+ .premium-carousel-wrapper a.slick-arrow:hover {
41
+ -webkit-box-shadow: none !important;
42
+ box-shadow: none !important; }
43
+
44
+ .premium-carousel-wrapper .premium-carousel-content-hidden {
45
+ visibility: hidden; }
46
+
47
+ .premium-carousel-wrapper a.carousel-arrow {
48
+ top: 50%; }
49
+
50
+ .premium-carousel-wrapper a.ver-carousel-arrow {
51
+ left: 50%;
52
+ -webkit-transform: translateX(-50%);
53
+ -ms-transform: translateX(-50%);
54
+ transform: translateX(-50%); }
55
+
56
+ .premium-carousel-dots-above ul.slick-dots {
57
+ position: absolute;
58
+ -js-display: flex;
59
+ display: -webkit-box;
60
+ display: -webkit-flex;
61
+ display: -moz-box;
62
+ display: -ms-flexbox;
63
+ display: flex;
64
+ width: auto;
65
+ top: 50%;
66
+ bottom: auto;
67
+ -webkit-transform: translateY(-50%);
68
+ -ms-transform: translateY(-50%);
69
+ transform: translateY(-50%);
70
+ -webkit-box-orient: vertical;
71
+ -webkit-box-direction: normal;
72
+ -webkit-flex-direction: column;
73
+ -moz-box-orient: vertical;
74
+ -moz-box-direction: normal;
75
+ -ms-flex-direction: column;
76
+ flex-direction: column; }
77
+
78
  /*
79
  * Custom Navigation Dot
80
+ */
81
+ .premium-carousel-wrapper .premium-carousel-nav-dot,
82
+ .premium-carousel-wrapper .premium-carousel-nav-arrow-prev,
83
+ .premium-carousel-wrapper .premium-carousel-nav-arrow-next {
84
+ display: none; }
85
+
86
+ .premium-carousel-wrapper ul.slick-dots svg {
87
+ width: 20px;
88
+ height: 20px;
89
+ outline: none !important; }
90
+
91
+ /* Ripple Out */
92
+ @-webkit-keyframes hvr-ripple-out {
93
+ 0% {
94
+ -webkit-transform: scale(1);
95
+ transform: scale(1);
96
+ opacity: 1; }
97
+ 100% {
98
+ -webkit-transform: scale(1.5);
99
+ transform: scale(1.5);
100
+ opacity: 0; } }
101
+ @keyframes hvr-ripple-out {
102
+ 0% {
103
+ -webkit-transform: scale(1);
104
+ transform: scale(1);
105
+ opacity: 1; }
106
+ 100% {
107
+ -webkit-transform: scale(1.5);
108
+ transform: scale(1.5);
109
+ opacity: 0; } }
110
+
111
+ .premium-carousel-ripple-yes .premium-carousel-wrapper {
112
+ padding-bottom: 1px; }
113
+
114
+ .premium-carousel-ripple-yes ul.slick-dots li {
115
+ position: relative; }
116
+ .premium-carousel-ripple-yes ul.slick-dots li i {
117
+ position: relative;
118
+ z-index: 1; }
119
+ .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
120
+ content: "";
121
+ position: absolute;
122
+ -webkit-transform: scale(1);
123
+ -ms-transform: scale(1);
124
+ transform: scale(1);
125
+ top: 0;
126
+ right: 0;
127
+ bottom: 0;
128
+ left: 0;
129
+ -webkit-border-radius: 50%;
130
+ border-radius: 50%;
131
+ pointer-events: none;
132
+ background-color: rgba(0, 0, 0, 0.15); }
133
+ .premium-carousel-ripple-yes ul.slick-dots li.slick-active:hover:before {
134
+ background-color: rgba(0, 0, 0, 0.3); }
135
+ .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
136
+ -webkit-animation: hvr-ripple-out 1.3s infinite;
137
+ animation: hvr-ripple-out 1.3s infinite; }
138
+
139
+ .premium-carousel-wrapper.premium-carousel-scale .slick-slide {
140
+ -webkit-transform: scale(1.25, 1.25);
141
+ -ms-transform: scale(1.25, 1.25);
142
+ transform: scale(1.25, 1.25);
143
+ -webkit-transition: all 0.3s ease-in-out;
144
+ transition: all 0.3s ease-in-out; }
145
+
146
+ .premium-carousel-wrapper.premium-carousel-scale div.slick-active {
147
+ -webkit-transform: scale(1, 1);
148
+ -ms-transform: scale(1, 1);
149
+ transform: scale(1, 1); }
150
+
151
+ [dir="rtl"] .premium-carousel-inner .slick-slide {
152
+ float: right; }
assets/frontend/css/premium-nav-menu-rtl.css CHANGED
@@ -1,1387 +1,1155 @@
1
- /************ Premium Nav Menu ************/
2
- .premium-nav-widget-container ul {
3
- list-style: none;
4
- margin: 0;
5
- }
6
-
7
- .premium-nav-widget-container .premium-main-nav-menu {
8
- -js-display: flex;
9
- display: -webkit-box;
10
- display: -webkit-flex;
11
- display: -moz-box;
12
- display: -ms-flexbox;
13
- display: flex;
14
- height: 100%;
15
- }
16
-
17
- /*Vertical Main Menu**/
18
- .premium-nav-ver .premium-nav-menu-container {
19
- width: 45%;
20
- }
21
-
22
- .premium-nav-ver .premium-main-nav-menu {
23
- position: relative;
24
- -webkit-box-orient: vertical;
25
- -webkit-box-direction: normal;
26
- -webkit-flex-direction: column;
27
- -moz-box-orient: vertical;
28
- -moz-box-direction: normal;
29
- -ms-flex-direction: column;
30
- flex-direction: column;
31
- -webkit-box-align: start;
32
- -webkit-align-items: flex-start;
33
- -moz-box-align: start;
34
- -ms-flex-align: start;
35
- align-items: flex-start;
36
- }
37
-
38
- .premium-nav-ver:not(.premium-hamburger-menu)
39
- .premium-nav-menu-item.menu-item-has-children
40
- .premium-sub-menu {
41
- visibility: hidden;
42
- opacity: 0;
43
- position: absolute;
44
- min-width: 250px;
45
- }
46
-
47
- .premium-nav-ver:not(.premium-hamburger-menu)
48
- .premium-nav-menu-item.menu-item-has-children:hover
49
- > .premium-sub-menu,
50
- .premium-nav-ver:not(.premium-hamburger-menu)
51
- .premium-nav-menu-item.menu-item-has-children:hover
52
- .premium-mega-content-container {
53
- opacity: 1;
54
- visibility: visible;
55
- pointer-events: auto;
56
- }
57
-
58
- .premium-nav-ver .premium-nav-menu-item {
59
- width: 100%;
60
- }
61
-
62
- .premium-nav-ver:not(.premium-hamburger-menu).premium-vertical-right .premium-mega-content-container,
63
- .premium-nav-ver:not(.premium-hamburger-menu).premium-vertical-right
64
- .premium-nav-menu-item.menu-item-has-children
65
- .premium-sub-menu {
66
- left: 100%;
67
- top: 0;
68
- }
69
-
70
- .premium-nav-ver:not(.premium-hamburger-menu).premium-vertical-left .premium-mega-content-container,
71
- .premium-nav-ver:not(.premium-hamburger-menu).premium-vertical-left
72
- .premium-nav-menu-item.menu-item-has-children
73
- .premium-sub-menu {
74
- right: 100%;
75
- top: 0;
76
- }
77
-
78
- .premium-nav-ver.premium-vertical-left .premium-menu-link {
79
- -webkit-box-orient: horizontal;
80
- -webkit-box-direction: reverse;
81
- -webkit-flex-direction: row-reverse;
82
- -moz-box-orient: horizontal;
83
- -moz-box-direction: reverse;
84
- -ms-flex-direction: row-reverse;
85
- flex-direction: row-reverse;
86
- }
87
-
88
- /*Horizontal Main Menu**/
89
- .premium-nav-hor .premium-nav-menu-container {
90
- height: 60px;
91
- }
92
-
93
- .premium-nav-hor:not(.premium-hamburger-menu)
94
- .premium-nav-menu-item
95
- .premium-sub-menu {
96
- visibility: hidden;
97
- opacity: 0;
98
- position: absolute;
99
- min-width: 220px;
100
- }
101
-
102
- .premium-nav-hor:not(.premium-hamburger-menu)
103
- .premium-nav-menu-item
104
- > .premium-sub-menu,
105
- .premium-nav-hor:not(.premium-hamburger-menu)
106
- .premium-nav-menu-item
107
- .premium-mega-content-container {
108
- top: 100%;
109
- }
110
-
111
- .premium-nav-hor:not(.premium-hamburger-menu)
112
- .premium-nav-menu-item
113
- > .premium-sub-menu
114
- .premium-sub-menu,
115
- .premium-nav-hor:not(.premium-hamburger-menu)
116
- .premium-nav-menu-item
117
- .premium-mega-content-container
118
- .premium-sub-menu {
119
- right: 100%;
120
- top: 0;
121
- }
122
-
123
- .premium-nav-hor:not(.premium-hamburger-menu)
124
- .premium-nav-menu-item:hover
125
- > .premium-sub-menu,
126
- .premium-nav-hor:not(.premium-hamburger-menu)
127
- .premium-nav-menu-item:hover
128
- .premium-mega-content-container {
129
- visibility: visible;
130
- opacity: 1;
131
- pointer-events: auto;
132
- }
133
-
134
- .premium-nav-hor:not(.premium-hamburger-menu)
135
- .premium-nav-menu-item.premium-mega-item-static
136
- .premium-mega-content-container {
137
- left: 50%;
138
- -webkit-transform: translateX(-50%);
139
- -ms-transform: translateX(-50%);
140
- transform: translateX(-50%);
141
- }
142
-
143
- .premium-nav-hor:not(.premium-hamburger-menu)
144
- .premium-nav-menu-item:not(.premium-mega-item-static)
145
- .premium-mega-content-container {
146
- left: 0;
147
- }
148
-
149
- /**Mega Menu Container*/
150
- .premium-mega-nav-item .premium-sub-menu {
151
- display: none;
152
- }
153
-
154
- .premium-mega-nav-item {
155
- position: relative;
156
- }
157
-
158
- .premium-mega-nav-item:hover .premium-mega-content-container {
159
- visibility: visible;
160
- opacity: 1;
161
- pointer-events: auto;
162
- }
163
-
164
- .premium-mega-content-container {
165
- visibility: hidden;
166
- position: absolute;
167
- z-index: 9999;
168
- opacity: 0;
169
- pointer-events: none;
170
- }
171
-
172
- .premium-hamburger-menu .premium-mega-content-container,
173
- .premium-nav-slide .premium-mega-content-container,
174
- .premium-nav-dropdown .premium-mega-content-container {
175
- visibility: visible;
176
- position: relative;
177
- opacity: 1;
178
- pointer-events: auto;
179
- }
180
-
181
- /**Hamburger Menu*/
182
- .premium-nav-widget-container a.premium-hamburger-toggle,
183
- .premium-mobile-menu-outer-container a.premium-mobile-menu-close {
184
- text-decoration: none;
185
- }
186
-
187
- .premium-nav-widget-container .premium-hamburger-toggle {
188
- display: none;
189
- -webkit-box-pack: center;
190
- -webkit-justify-content: center;
191
- -moz-box-pack: center;
192
- -ms-flex-pack: center;
193
- justify-content: center;
194
- -webkit-box-align: center;
195
- -webkit-align-items: center;
196
- -moz-box-align: center;
197
- -ms-flex-align: center;
198
- align-items: center;
199
- }
200
-
201
- .premium-nav-widget-container .premium-hamburger-toggle i {
202
- padding: 0.25em;
203
- font-size: 22px;
204
- }
205
-
206
- .premium-nav-widget-container .premium-hamburger-toggle svg {
207
- width: 22px;
208
- height: 22px;
209
- }
210
-
211
- .premium-nav-widget-container .premium-hamburger-toggle i,
212
- .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-text,
213
- .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-close {
214
- color: #494c4f;
215
- }
216
-
217
- .premium-nav-widget-container .premium-hamburger-toggle svg {
218
- fill: #494c4f;
219
- }
220
-
221
- .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-text,
222
- .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-close {
223
- margin: 2px;
224
- }
225
-
226
- .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-close {
227
- display: none;
228
- }
229
-
230
- .premium-mobile-menu-container {
231
- width: 100%;
232
- }
233
-
234
- .premium-mobile-menu-container .premium-main-mobile-menu {
235
- width: 100%;
236
- }
237
-
238
- .premium-mobile-menu-container ul {
239
- list-style: none;
240
- margin: 0;
241
- }
242
-
243
- .premium-mobile-menu-container .premium-mobile-menu,
244
- .premium-mobile-menu-container .premium-sub-menu {
245
- display: none;
246
- -webkit-box-orient: vertical;
247
- -webkit-box-direction: normal;
248
- -webkit-flex-direction: column;
249
- -moz-box-orient: vertical;
250
- -moz-box-direction: normal;
251
- -ms-flex-direction: column;
252
- flex-direction: column;
253
- }
254
-
255
- .premium-mobile-menu-container .premium-nav-menu-item {
256
- -webkit-box-orient: vertical;
257
- -webkit-box-direction: normal;
258
- -webkit-flex-direction: column;
259
- -moz-box-orient: vertical;
260
- -moz-box-direction: normal;
261
- -ms-flex-direction: column;
262
- flex-direction: column;
263
- }
264
-
265
- .premium-mobile-menu-container .premium-item-badge {
266
- top: 50%;
267
- left: 0;
268
- -webkit-transform: translateY(-50%);
269
- -ms-transform: translateY(-50%);
270
- transform: translateY(-50%);
271
- }
272
-
273
- /**Vertical Hamburger Menu*/
274
- .premium-mobile-menu-outer-container {
275
- opacity: 0;
276
- }
277
-
278
- .premium-mobile-menu-outer-container.premium-vertical-toggle-open {
279
- opacity: 1;
280
- }
281
-
282
- .premium-ver-hamburger-menu .premium-mobile-menu-outer-container {
283
- background-color: #f7f7f7;
284
- width: 300px;
285
- -webkit-transform: translateX(-300px);
286
- -ms-transform: translateX(-300px);
287
- transform: translateX(-300px);
288
- height: 100%;
289
- position: fixed;
290
- top: 0;
291
- left: 0;
292
- overflow-x: hidden;
293
- z-index: 10000;
294
- -webkit-transition: 0.5s;
295
- transition: 0.5s;
296
- padding-top: 50px;
297
- }
298
-
299
- .premium-ver-hamburger-menu
300
- .premium-mobile-menu-outer-container
301
- .premium-mobile-menu {
302
- -js-display: flex;
303
- display: -webkit-box;
304
- display: -webkit-flex;
305
- display: -moz-box;
306
- display: -ms-flexbox;
307
- display: flex;
308
- }
309
-
310
- .premium-ver-hamburger-menu
311
- .premium-mobile-menu-outer-container
312
- .premium-mobile-menu-container {
313
- margin-top: 50px;
314
- }
315
-
316
- .premium-ver-hamburger-menu
317
- .premium-mobile-menu-outer-container
318
- .premium-mobile-menu-container
319
- .premium-item-badge {
320
- -webkit-transform: translateY(0);
321
- -ms-transform: translateY(0);
322
- transform: translateY(0);
323
- }
324
-
325
- .premium-ver-hamburger-menu
326
- .premium-mobile-menu-outer-container
327
- .premium-mobile-menu-close {
328
- position: absolute;
329
- top: 2%;
330
- right: 5px;
331
- padding: 0 9px;
332
- z-index: 10000;
333
- -js-display: inline-flex;
334
- display: -webkit-inline-box;
335
- display: -webkit-inline-flex;
336
- display: -moz-inline-box;
337
- display: -ms-inline-flexbox;
338
- display: inline-flex;
339
- color: #494c4f;
340
- -webkit-box-pack: center;
341
- -webkit-justify-content: center;
342
- -moz-box-pack: center;
343
- -ms-flex-pack: center;
344
- justify-content: center;
345
- -webkit-box-align: center;
346
- -webkit-align-items: center;
347
- -moz-box-align: center;
348
- -ms-flex-align: center;
349
- align-items: center;
350
- }
351
-
352
- .premium-ver-hamburger-menu
353
- .premium-mobile-menu-outer-container
354
- .premium-mobile-menu-close
355
- .premium-toggle-close {
356
- margin: 5px;
357
- }
358
-
359
- .premium-ver-hamburger-menu
360
- .premium-mobile-menu-outer-container
361
- .premium-mobile-menu-close
362
- svg {
363
- width: 22px;
364
- height: 22px;
365
- fill: #494c4f;
366
- }
367
-
368
- .premium-ver-hamburger-menu
369
- .premium-mobile-menu-outer-container
370
- .premium-mobile-menu-close
371
- i {
372
- font-size: 22px;
373
- }
374
-
375
- .premium-ver-hamburger-menu .premium-vertical-toggle-open {
376
- -webkit-transform: translateX(0) !important;
377
- -ms-transform: translateX(0) !important;
378
- transform: translateX(0) !important;
379
- -webkit-transition: 0.5s;
380
- transition: 0.5s;
381
- }
382
-
383
- /**Common*/
384
- .premium-nav-slide-overlay {
385
- display: none;
386
- position: fixed;
387
- top: 0;
388
- left: 0;
389
- right: 0;
390
- bottom: 0;
391
- -webkit-backface-visibility: hidden;
392
- backface-visibility: hidden;
393
- background: rgba(0, 0, 0, 0.6);
394
- z-index: 9999;
395
- }
396
-
397
- .premium-nav-slide-overlay.premium-vertical-toggle-open {
398
- display: block;
399
- }
400
-
401
- .premium-active-menu,
402
- .premium-active-menu:not(.premium-mega-nav-item) > .premium-sub-menu,
403
- .premium-active-menu.premium-mega-nav-item > .premium-mega-content-container {
404
- -js-display: flex !important;
405
- display: -webkit-box !important;
406
- display: -webkit-flex !important;
407
- display: -moz-box !important;
408
- display: -ms-flexbox !important;
409
- display: flex !important;
410
- -webkit-box-orient: vertical;
411
- -webkit-box-direction: normal;
412
- -webkit-flex-direction: column;
413
- -moz-box-orient: vertical;
414
- -moz-box-direction: normal;
415
- -ms-flex-direction: column;
416
- flex-direction: column;
417
- }
418
-
419
- .premium-active-menu .premium-toggle-close {
420
- display: block;
421
- }
422
-
423
- .premium-nav-menu-container .premium-sub-menu {
424
- background-color: #fff;
425
- }
426
-
427
- .premium-mobile-menu-container li,
428
- .premium-mobile-menu-container li > .premium-mega-content-container {
429
- width: 100% !important;
430
- }
431
-
432
- .premium-item-icon,
433
- .premium-sub-item-icon {
434
- font-size: 13px;
435
- margin: 0 7px;
436
- }
437
-
438
- .premium-item-icon svg,
439
- .premium-sub-item-icon svg {
440
- width: 100%;
441
- height: 100%;
442
- }
443
-
444
- .premium-item-icon.premium-lottie-animation,
445
- .premium-sub-item-icon.premium-lottie-animation {
446
- width: 20px;
447
- height: 20px;
448
- -js-display: flex;
449
- display: -webkit-box;
450
- display: -webkit-flex;
451
- display: -moz-box;
452
- display: -ms-flexbox;
453
- display: flex;
454
- -webkit-box-pack: center;
455
- -webkit-justify-content: center;
456
- -moz-box-pack: center;
457
- -ms-flex-pack: center;
458
- justify-content: center;
459
- }
460
-
461
- .premium-item-icon.dashicons,
462
- .premium-sub-item-icon.dashicons {
463
- width: 13px;
464
- height: 13px;
465
- }
466
-
467
- .premium-nav-menu-item {
468
- position: relative;
469
- }
470
-
471
- .premium-nav-menu-item .premium-menu-link {
472
- -js-display: flex;
473
- display: -webkit-box;
474
- display: -webkit-flex;
475
- display: -moz-box;
476
- display: -ms-flexbox;
477
- display: flex;
478
- -webkit-box-align: center;
479
- -webkit-align-items: center;
480
- -moz-box-align: center;
481
- -ms-flex-align: center;
482
- align-items: center;
483
- height: 100%;
484
- padding: 7px 10px;
485
- text-decoration: none;
486
- position: relative;
487
- }
488
-
489
- .premium-nav-menu-item .premium-dropdown-icon {
490
- margin: 5px;
491
- }
492
-
493
- .premium-nav-menu-item.menu-item-has-children {
494
- position: relative;
495
- }
496
-
497
- .premium-nav-menu-item.menu-item-has-children .premium-sub-menu {
498
- max-width: 100%;
499
- z-index: 9999;
500
- }
501
-
502
- .premium-nav-menu-item.menu-item-has-children
503
- .premium-sub-menu
504
- .premium-sub-menu-link {
505
- -webkit-box-pack: start;
506
- -webkit-justify-content: flex-start;
507
- -moz-box-pack: start;
508
- -ms-flex-pack: start;
509
- justify-content: flex-start;
510
- }
511
-
512
- .premium-nav-menu-item .menu-link {
513
- position: relative;
514
- text-decoration: none;
515
- }
516
-
517
- .premium-item-badge,
518
- .premium-sub-item-badge {
519
- position: absolute;
520
- padding: 1px 6px;
521
- min-width: 35px;
522
- text-align: center;
523
- font-size: 10px;
524
- -webkit-border-radius: 4px;
525
- border-radius: 4px;
526
- line-height: 1.8;
527
- white-space: nowrap;
528
- }
529
-
530
- .premium-nav-hor:not(.premium-hamburger-menu) .premium-item-badge,
531
- .premium-nav-hor:not(.premium-nav-slide) .premium-item-badge,
532
- .premium-nav-hor:not(.premium-nav-dropdown) .premium-item-badge {
533
- position: relative;
534
- margin: 8px;
535
- }
536
-
537
- .premium-nav-hor .premium-sub-item-badge,
538
- .premium-nav-slide .premium-sub-item-badge,
539
- .premium-nav-dropdown .premium-sub-item-badge,
540
- .premium-nav-ver.premium-vertical-right .premium-item-badge,
541
- .premium-nav-ver.premium-vertical-right .premium-sub-item-badge {
542
- top: 50%;
543
- right: 0;
544
- -webkit-transform: translateY(-50%);
545
- -ms-transform: translateY(-50%);
546
- transform: translateY(-50%);
547
- }
548
-
549
- .premium-nav-ver.premium-vertical-left .premium-item-badge,
550
- .premium-nav-ver.premium-vertical-left .premium-sub-item-badge {
551
- top: 50%;
552
- right: 0;
553
- -webkit-transform: translateY(-50%);
554
- -ms-transform: translateY(-50%);
555
- transform: translateY(-50%);
556
- }
557
-
558
- .premium-mega-nav-item .premium-sub-menu {
559
- display: none;
560
- }
561
-
562
- .premium-mega-nav-item {
563
- position: relative;
564
- }
565
-
566
- .premium-hamburger-menu .premium-mega-content-container,
567
- .premium-nav-dropdown .premium-mega-content-container,
568
- .premium-nav-slide .premium-mega-content-container {
569
- display: none;
570
- }
571
-
572
- .premium-mega-item-static {
573
- position: static !important;
574
- }
575
-
576
- .premium-hamburger-menu .premium-nav-menu-container {
577
- display: none;
578
- }
579
-
580
- .premium-hamburger-menu .premium-hamburger-toggle,
581
- .premium-nav-dropdown .premium-hamburger-toggle,
582
- .premium-nav-slide .premium-hamburger-toggle {
583
- -js-display: inline-flex;
584
- display: -webkit-inline-box;
585
- display: -webkit-inline-flex;
586
- display: -moz-inline-box;
587
- display: -ms-inline-flexbox;
588
- display: inline-flex;
589
- -webkit-box-orient: horizontal;
590
- -webkit-box-direction: reverse;
591
- -webkit-flex-direction: row-reverse;
592
- -moz-box-orient: horizontal;
593
- -moz-box-direction: reverse;
594
- -ms-flex-direction: row-reverse;
595
- flex-direction: row-reverse;
596
- }
597
-
598
- .premium-hidden-icon-yes.premium-hamburger-menu .premium-item-icon,
599
- .premium-hidden-icon-yes.premium-hamburger-menu .premium-sub-item-icon,
600
- .premium-hidden-icon-yes.premium-nav-dropdown .premium-item-icon,
601
- .premium-hidden-icon-yes.premium-nav-dropdown .premium-sub-item-icon,
602
- .premium-hidden-icon-yes.premium-nav-slide .premium-item-icon,
603
- .premium-hidden-icon-yes.premium-nav-slide .premium-sub-item-icon {
604
- display: none;
605
- }
606
-
607
- .premium-hidden-badge-yes.premium-hamburger-menu .premium-item-badge,
608
- .premium-hidden-badge-yes.premium-hamburger-menu .premium-sub-item-badge,
609
- .premium-hidden-badge-yes.premium-nav-dropdown .premium-item-badge,
610
- .premium-hidden-badge-yes.premium-nav-dropdown .premium-sub-item-badge,
611
- .premium-hidden-badge-yes.premium-nav-slide .premium-item-badge,
612
- .premium-hidden-badge-yes.premium-nav-slide .premium-sub-item-badge {
613
- display: none;
614
- }
615
-
616
- .premium-ham-dropdown .premium-mobile-menu-container,
617
- .premium-nav-dropdown .premium-mobile-menu-container {
618
- -js-display: flex;
619
- display: -webkit-box;
620
- display: -webkit-flex;
621
- display: -moz-box;
622
- display: -ms-flexbox;
623
- display: flex;
624
- }
625
-
626
- .premium-ham-dropdown .premium-toggle-opened .premium-toggle-close,
627
- .premium-nav-dropdown .premium-toggle-opened .premium-toggle-close {
628
- display: inline !important;
629
- }
630
-
631
- .premium-ham-dropdown .premium-toggle-opened .premium-toggle-text,
632
- .premium-nav-dropdown .premium-toggle-opened .premium-toggle-text {
633
- display: none !important;
634
- }
635
-
636
- .premium-stretch-dropdown .premium-mobile-menu-container {
637
- position: absolute;
638
- z-index: 9999;
639
- }
640
-
641
- .premium-nav-default {
642
- display: none;
643
- }
644
-
645
- .premium-hamburger-toggle {
646
- width: 100%;
647
- }
648
-
649
- /*
650
- * Pointer & Pointer Animations
651
- */
652
- .premium-menu-link-parent::before,
653
- .premium-menu-link-parent::after {
654
- display: block;
655
- position: absolute;
656
- -webkit-transition: all 0.3s cubic-bezier(0.58, 0.3, 0.005, 1);
657
- transition: all 0.3s cubic-bezier(0.58, 0.3, 0.005, 1);
658
- }
659
-
660
- .premium-nav-pointer-underline .premium-menu-link-parent::after,
661
- .premium-nav-pointer-double-line .premium-menu-link-parent::after {
662
- content: "";
663
- bottom: 0;
664
- }
665
-
666
- .premium-nav-pointer-overline .premium-menu-link-parent::before,
667
- .premium-nav-pointer-double-line .premium-menu-link-parent::before {
668
- content: "";
669
- top: 0;
670
- }
671
-
672
- .premium-nav-pointer-underline .premium-menu-link-parent::before,
673
- .premium-nav-pointer-underline .premium-menu-link-parent::after,
674
- .premium-nav-pointer-overline .premium-menu-link-parent::before,
675
- .premium-nav-pointer-overline .premium-menu-link-parent::after,
676
- .premium-nav-pointer-double-line .premium-menu-link-parent::before,
677
- .premium-nav-pointer-double-line .premium-menu-link-parent::after {
678
- height: 3px;
679
- width: 100%;
680
- right: 0;
681
- background-color: #55595c;
682
- z-index: 2;
683
- }
684
-
685
- .premium-nav-menu-item:not(.premium-active-item)
686
- .premium-menu-link-parent:not(:hover):not(:focus)::before,
687
- .premium-nav-menu-item:not(.premium-active-item)
688
- .premium-menu-link-parent:not(:hover):not(:focus)::after {
689
- opacity: 0;
690
- }
691
-
692
- .premium-nav-pointer-underline.premium-nav-animation-none,
693
- .premium-nav-pointer-overline.premium-nav-animation-none,
694
- .premium-nav-pointer-double-line.premium-nav-animation-none {
695
- -webkit-transition-duration: 0s;
696
- transition-duration: 0s;
697
- }
698
-
699
- .premium-nav-pointer-underline.premium-nav-animation-none
700
- .premium-menu-link-parent,
701
- .premium-nav-pointer-underline.premium-nav-animation-none
702
- .premium-menu-link-parent::before,
703
- .premium-nav-pointer-underline.premium-nav-animation-none
704
- .premium-menu-link-parent::after,
705
- .premium-nav-pointer-underline.premium-nav-animation-none
706
- .premium-menu-link-parent:focus,
707
- .premium-nav-pointer-underline.premium-nav-animation-none
708
- .premium-menu-link-parent:hover,
709
- .premium-nav-pointer-overline.premium-nav-animation-none
710
- .premium-menu-link-parent,
711
- .premium-nav-pointer-overline.premium-nav-animation-none
712
- .premium-menu-link-parent::before,
713
- .premium-nav-pointer-overline.premium-nav-animation-none
714
- .premium-menu-link-parent::after,
715
- .premium-nav-pointer-overline.premium-nav-animation-none
716
- .premium-menu-link-parent:focus,
717
- .premium-nav-pointer-overline.premium-nav-animation-none
718
- .premium-menu-link-parent:hover,
719
- .premium-nav-pointer-double-line.premium-nav-animation-none
720
- .premium-menu-link-parent,
721
- .premium-nav-pointer-double-line.premium-nav-animation-none
722
- .premium-menu-link-parent::before,
723
- .premium-nav-pointer-double-line.premium-nav-animation-none
724
- .premium-menu-link-parent::after,
725
- .premium-nav-pointer-double-line.premium-nav-animation-none
726
- .premium-menu-link-parent:focus,
727
- .premium-nav-pointer-double-line.premium-nav-animation-none
728
- .premium-menu-link-parent:hover {
729
- -webkit-transition-duration: 0s;
730
- transition-duration: 0s;
731
- }
732
-
733
- .premium-nav-pointer-underline.premium-nav-animation-slide
734
- .premium-nav-menu-item:not(.premium-active-item)
735
- .premium-menu-link-parent:not(:hover):not(:focus)::after,
736
- .premium-nav-pointer-double-line.premium-nav-animation-slide
737
- .premium-nav-menu-item:not(.premium-active-item)
738
- .premium-menu-link-parent:not(:hover):not(:focus)::after {
739
- width: 10px;
740
- inset-inline-start: 100%;
741
- }
742
-
743
- .premium-nav-pointer-overline.premium-nav-animation-slide
744
- .premium-nav-menu-item:not(.premium-active-item)
745
- .premium-menu-link-parent:not(:hover):not(:focus)::before,
746
- .premium-nav-pointer-double-line.premium-nav-animation-slide
747
- .premium-nav-menu-item:not(.premium-active-item)
748
- .premium-menu-link-parent:not(:hover):not(:focus)::before {
749
- width: 10px;
750
- left: -20px;
751
- }
752
-
753
- .premium-nav-pointer-underline.premium-nav-animation-grow
754
- .premium-nav-menu-item:not(.premium-active-item)
755
- .premium-menu-link-parent:not(:hover):not(:focus)::before,
756
- .premium-nav-pointer-underline.premium-nav-animation-grow
757
- .premium-nav-menu-item:not(.premium-active-item)
758
- .premium-menu-link-parent:not(:hover):not(:focus)::after,
759
- .premium-nav-pointer-overline.premium-nav-animation-grow
760
- .premium-nav-menu-item:not(.premium-active-item)
761
- .premium-menu-link-parent:not(:hover):not(:focus)::before,
762
- .premium-nav-pointer-overline.premium-nav-animation-grow
763
- .premium-nav-menu-item:not(.premium-active-item)
764
- .premium-menu-link-parent:not(:hover):not(:focus)::after,
765
- .premium-nav-pointer-double-line.premium-nav-animation-grow
766
- .premium-nav-menu-item:not(.premium-active-item)
767
- .premium-menu-link-parent:not(:hover):not(:focus)::before,
768
- .premium-nav-pointer-double-line.premium-nav-animation-grow
769
- .premium-nav-menu-item:not(.premium-active-item)
770
- .premium-menu-link-parent:not(:hover):not(:focus)::after {
771
- height: 0;
772
- width: 0;
773
- left: 50%;
774
- }
775
-
776
- .premium-nav-pointer-underline.premium-nav-animation-drop-in
777
- .premium-nav-menu-item:not(.premium-active-item)
778
- .premium-menu-link-parent:not(:hover):not(:focus)::before,
779
- .premium-nav-pointer-overline.premium-nav-animation-drop-in
780
- .premium-nav-menu-item:not(.premium-active-item)
781
- .premium-menu-link-parent:not(:hover):not(:focus)::before,
782
- .premium-nav-pointer-double-line.premium-nav-animation-drop-in
783
- .premium-nav-menu-item:not(.premium-active-item)
784
- .premium-menu-link-parent:not(:hover):not(:focus)::before {
785
- top: -10px;
786
- }
787
-
788
- .premium-nav-pointer-underline.premium-nav-animation-drop-in
789
- .premium-nav-menu-item:not(.premium-active-item)
790
- .premium-menu-link-parent:not(:hover):not(:focus)::after,
791
- .premium-nav-pointer-overline.premium-nav-animation-drop-in
792
- .premium-nav-menu-item:not(.premium-active-item)
793
- .premium-menu-link-parent:not(:hover):not(:focus)::after,
794
- .premium-nav-pointer-double-line.premium-nav-animation-drop-in
795
- .premium-nav-menu-item:not(.premium-active-item)
796
- .premium-menu-link-parent:not(:hover):not(:focus)::after {
797
- bottom: -10px;
798
- }
799
-
800
- .premium-nav-pointer-underline.premium-nav-animation-drop-out
801
- .premium-nav-menu-item:not(.premium-active-item)
802
- .premium-menu-link-parent:not(:hover):not(:focus)::before,
803
- .premium-nav-pointer-overline.premium-nav-animation-drop-out
804
- .premium-nav-menu-item:not(.premium-active-item)
805
- .premium-menu-link-parent:not(:hover):not(:focus)::before,
806
- .premium-nav-pointer-double-line.premium-nav-animation-drop-out
807
- .premium-nav-menu-item:not(.premium-active-item)
808
- .premium-menu-link-parent:not(:hover):not(:focus)::before {
809
- top: 10px;
810
- }
811
-
812
- .premium-nav-pointer-underline.premium-nav-animation-drop-out
813
- .premium-nav-menu-item:not(.premium-active-item)
814
- .premium-menu-link-parent:not(:hover):not(:focus)::after,
815
- .premium-nav-pointer-overline.premium-nav-animation-drop-out
816
- .premium-nav-menu-item:not(.premium-active-item)
817
- .premium-menu-link-parent:not(:hover):not(:focus)::after,
818
- .premium-nav-pointer-double-line.premium-nav-animation-drop-out
819
- .premium-nav-menu-item:not(.premium-active-item)
820
- .premium-menu-link-parent:not(:hover):not(:focus)::after {
821
- bottom: 10px;
822
- }
823
-
824
- .premium-nav-pointer-framed .premium-menu-link-parent::before {
825
- content: "";
826
- }
827
-
828
- .premium-nav-pointer-framed .premium-menu-link-parent::before,
829
- .premium-nav-pointer-framed .premium-menu-link-parent::after {
830
- background: transparent;
831
- left: 0;
832
- top: 0;
833
- bottom: 0;
834
- right: 0;
835
- border: 3px solid #55595c;
836
- }
837
-
838
- .premium-nav-pointer-framed.premium-nav-animation-grow
839
- .premium-nav-menu-item:not(.premium-active-item)
840
- .premium-menu-link-parent:not(:hover):not(:focus)::before {
841
- -webkit-transform: scale(0.75);
842
- -ms-transform: scale(0.75);
843
- transform: scale(0.75);
844
- }
845
-
846
- .premium-nav-pointer-framed.premium-nav-animation-shrink
847
- .premium-nav-menu-item:not(.premium-active-item)
848
- .premium-menu-link-parent:not(:hover):not(:focus)::before {
849
- -webkit-transform: scale(1.25);
850
- -ms-transform: scale(1.25);
851
- transform: scale(1.25);
852
- }
853
-
854
- .premium-nav-pointer-framed.premium-nav-animation-draw
855
- .premium-menu-link-parent::before,
856
- .premium-nav-pointer-framed.premium-nav-animation-draw
857
- .premium-menu-link-parent::after {
858
- width: 3px;
859
- height: 3px;
860
- }
861
-
862
- .premium-nav-pointer-framed.premium-nav-animation-draw
863
- .premium-menu-link-parent::before {
864
- border-width: 0 3px 3px 0;
865
- -webkit-transition: width 0.1s 0.2s, height 0.1s 0.3s, opacity 0.12s 0.22s;
866
- transition: width 0.1s 0.2s, height 0.1s 0.3s, opacity 0.12s 0.22s;
867
- }
868
-
869
- .premium-nav-pointer-framed.premium-nav-animation-draw
870
- .premium-menu-link-parent::after {
871
- content: "";
872
- top: auto;
873
- bottom: 0;
874
- left: 0;
875
- right: auto;
876
- border-width: 3px 0 0 3px;
877
- -webkit-transition: width 0.1s, height 0.1s 0.1s, opacity 0.02s 0.18s;
878
- transition: width 0.1s, height 0.1s 0.1s, opacity 0.02s 0.18s;
879
- }
880
-
881
- .premium-nav-pointer-framed.premium-nav-animation-draw
882
- .premium-menu-link-parent:hover::before,
883
- .premium-nav-pointer-framed.premium-nav-animation-draw
884
- .premium-menu-link-parent:focus::before {
885
- -webkit-transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s;
886
- transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s;
887
- }
888
-
889
- .premium-nav-pointer-framed.premium-nav-animation-draw
890
- .premium-menu-link-parent:hover::after,
891
- .premium-nav-pointer-framed.premium-nav-animation-draw
892
- .premium-menu-link-parent:focus::after {
893
- -webkit-transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s;
894
- transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s;
895
- }
896
-
897
- .premium-nav-pointer-framed.premium-nav-animation-draw
898
- .premium-menu-link-parent:hover::before,
899
- .premium-nav-pointer-framed.premium-nav-animation-draw
900
- .premium-menu-link-parent:hover::after,
901
- .premium-nav-pointer-framed.premium-nav-animation-draw
902
- .premium-menu-link-parent:focus::before,
903
- .premium-nav-pointer-framed.premium-nav-animation-draw
904
- .premium-menu-link-parent:focus::after {
905
- width: 100%;
906
- height: 100%;
907
- }
908
-
909
- .premium-nav-pointer-framed.premium-nav-animation-draw
910
- .premium-active-item
911
- .premium-menu-link-parent::before {
912
- -webkit-transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s;
913
- transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s;
914
- }
915
-
916
- .premium-nav-pointer-framed.premium-nav-animation-draw
917
- .premium-active-item
918
- .premium-menu-link-parent::after {
919
- -webkit-transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s;
920
- transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s;
921
- }
922
-
923
- .premium-nav-pointer-framed.premium-nav-animation-draw
924
- .premium-active-item
925
- .premium-menu-link-parent::before,
926
- .premium-nav-pointer-framed.premium-nav-animation-draw
927
- .premium-active-item
928
- .premium-menu-link-parent::after {
929
- width: 100%;
930
- height: 100%;
931
- }
932
-
933
- .premium-nav-pointer-framed.premium-nav-animation-corners
934
- .premium-menu-link-parent::before {
935
- border-width: 3px 3px 0 0;
936
- }
937
-
938
- .premium-nav-pointer-framed.premium-nav-animation-corners
939
- .premium-menu-link-parent::after {
940
- content: "";
941
- top: auto;
942
- bottom: 0;
943
- left: 0;
944
- right: auto;
945
- border-width: 0 0 3px 3px;
946
- }
947
-
948
- .premium-nav-pointer-framed.premium-nav-animation-corners
949
- .premium-menu-link-parent::before,
950
- .premium-nav-pointer-framed.premium-nav-animation-corners
951
- .premium-menu-link-parent::after {
952
- width: 3px;
953
- height: 3px;
954
- }
955
-
956
- .premium-nav-pointer-framed.premium-nav-animation-corners
957
- .premium-menu-link-parent:hover::before,
958
- .premium-nav-pointer-framed.premium-nav-animation-corners
959
- .premium-menu-link-parent:hover::after,
960
- .premium-nav-pointer-framed.premium-nav-animation-corners
961
- .premium-menu-link-parent:focus::before,
962
- .premium-nav-pointer-framed.premium-nav-animation-corners
963
- .premium-menu-link-parent:focus::after {
964
- width: 100%;
965
- height: 100%;
966
- -webkit-transition: opacity 2ms, width 0.4s, height 0.4s;
967
- transition: opacity 2ms, width 0.4s, height 0.4s;
968
- }
969
-
970
- .premium-nav-pointer-framed.premium-nav-animation-corners
971
- .premium-active-item
972
- .premium-menu-link-parent::before,
973
- .premium-nav-pointer-framed.premium-nav-animation-corners
974
- .premium-active-item
975
- .premium-menu-link-parent::after {
976
- width: 100%;
977
- height: 100%;
978
- -webkit-transition: opacity 2ms, width 0.4s, height 0.4s;
979
- transition: opacity 2ms, width 0.4s, height 0.4s;
980
- }
981
-
982
- .premium-nav-pointer-text.premium-nav-animation-grow
983
- .premium-menu-link-parent:hover,
984
- .premium-nav-pointer-text.premium-nav-animation-grow
985
- .premium-menu-link-parent:focus {
986
- -webkit-transform: scale(1.2);
987
- -ms-transform: scale(1.2);
988
- transform: scale(1.2);
989
- }
990
-
991
- .premium-nav-pointer-text.premium-nav-animation-shrink
992
- .premium-menu-link-parent:hover,
993
- .premium-nav-pointer-text.premium-nav-animation-shrink
994
- .premium-menu-link-parent:focus {
995
- -webkit-transform: scale(0.8);
996
- -ms-transform: scale(0.8);
997
- transform: scale(0.8);
998
- }
999
-
1000
- .premium-nav-pointer-text.premium-nav-animation-sink
1001
- .premium-menu-link-parent:hover,
1002
- .premium-nav-pointer-text.premium-nav-animation-sink
1003
- .premium-menu-link-parent:focus {
1004
- -webkit-transform: translateY(8px);
1005
- -ms-transform: translateY(8px);
1006
- transform: translateY(8px);
1007
- }
1008
-
1009
- .premium-nav-pointer-text.premium-nav-animation-float
1010
- .premium-menu-link-parent:hover,
1011
- .premium-nav-pointer-text.premium-nav-animation-float
1012
- .premium-menu-link-parent:focus {
1013
- -webkit-transform: translateY(-8px);
1014
- -ms-transform: translateY(-8px);
1015
- transform: translateY(-8px);
1016
- }
1017
-
1018
- .premium-nav-pointer-text.premium-nav-animation-skew
1019
- .premium-menu-link-parent:hover,
1020
- .premium-nav-pointer-text.premium-nav-animation-skew
1021
- .premium-menu-link-parent:focus {
1022
- -webkit-transform: skew(-8deg);
1023
- -ms-transform: skew(-8deg);
1024
- transform: skew(-8deg);
1025
- }
1026
-
1027
- .premium-nav-pointer-text.premium-nav-animation-rotate
1028
- .premium-menu-link-parent:hover,
1029
- .premium-nav-pointer-text.premium-nav-animation-rotate
1030
- .premium-menu-link-parent:focus {
1031
- -webkit-transform: rotate(6deg);
1032
- -ms-transform: rotate(6deg);
1033
- transform: rotate(6deg);
1034
- }
1035
-
1036
- .premium-nav-pointer-background .premium-menu-link-parent::before {
1037
- top: 0;
1038
- left: 0;
1039
- right: 0;
1040
- bottom: 0;
1041
- background: #55595c;
1042
- background-color: #55595c;
1043
- z-index: -1;
1044
- }
1045
-
1046
- .premium-nav-pointer-background .premium-menu-link-parent::before,
1047
- .premium-nav-pointer-background .premium-menu-link-parent::after {
1048
- content: "";
1049
- -webkit-transition: 0.3s;
1050
- transition: 0.3s;
1051
- }
1052
-
1053
- .premium-nav-pointer-background.premium-nav-animation-grow
1054
- .premium-menu-link-parent::before {
1055
- -webkit-transform: scale(0.5);
1056
- -ms-transform: scale(0.5);
1057
- transform: scale(0.5);
1058
- }
1059
-
1060
- .premium-nav-pointer-background.premium-nav-animation-grow
1061
- .premium-menu-link-parent:hover::before,
1062
- .premium-nav-pointer-background.premium-nav-animation-grow
1063
- .premium-menu-link-parent:focus::before {
1064
- -webkit-transform: scale(1);
1065
- -ms-transform: scale(1);
1066
- transform: scale(1);
1067
- }
1068
-
1069
- .premium-nav-pointer-background.premium-nav-animation-grow
1070
- .premium-active-item
1071
- .premium-menu-link-parent::before {
1072
- -webkit-transform: scale(1);
1073
- -ms-transform: scale(1);
1074
- transform: scale(1);
1075
- }
1076
-
1077
- .premium-nav-pointer-background.premium-nav-animation-shrink
1078
- .premium-nav-menu-item:not(.premium-active-item)
1079
- .premium-menu-link-parent:not(:hover):not(:focus)::before {
1080
- -webkit-transform: scale(1.2);
1081
- -ms-transform: scale(1.2);
1082
- transform: scale(1.2);
1083
- -webkit-transition: 0.3;
1084
- transition: 0.3;
1085
- }
1086
-
1087
- .premium-nav-pointer-background.premium-nav-animation-sweep-left
1088
- .premium-nav-menu-item:not(.premium-active-item)
1089
- .premium-menu-link-parent:not(:hover):not(:focus)::before {
1090
- left: 100%;
1091
- }
1092
-
1093
- .premium-nav-pointer-background.premium-nav-animation-sweep-right
1094
- .premium-nav-menu-item:not(.premium-active-item)
1095
- .premium-menu-link-parent:not(:hover):not(:focus)::before {
1096
- right: 100%;
1097
- }
1098
-
1099
- .premium-nav-pointer-background.premium-nav-animation-sweep-up
1100
- .premium-nav-menu-item:not(.premium-active-item)
1101
- .premium-menu-link-parent:not(:hover):not(:focus)::before {
1102
- top: 100%;
1103
- }
1104
-
1105
- .premium-nav-pointer-background.premium-nav-animation-sweep-down
1106
- .premium-nav-menu-item:not(.premium-active-item)
1107
- .premium-menu-link-parent:not(:hover):not(:focus)::before {
1108
- bottom: 100%;
1109
- }
1110
-
1111
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical
1112
- .premium-menu-link-parent::after,
1113
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal
1114
- .premium-menu-link-parent::after {
1115
- top: 0;
1116
- left: 0;
1117
- right: 0;
1118
- bottom: 0;
1119
- background: #55595c;
1120
- background-color: #55595c;
1121
- z-index: -1;
1122
- }
1123
-
1124
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical
1125
- .premium-menu-link-parent::before {
1126
- top: 0;
1127
- bottom: 100%;
1128
- }
1129
-
1130
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical
1131
- .premium-menu-link-parent::after {
1132
- top: 100%;
1133
- bottom: 0;
1134
- }
1135
-
1136
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical
1137
- .premium-menu-link-parent:hover::before,
1138
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical
1139
- .premium-menu-link-parent:focus::before {
1140
- bottom: 50%;
1141
- }
1142
-
1143
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical
1144
- .premium-menu-link-parent:hover::after,
1145
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical
1146
- .premium-menu-link-parent:focus::after {
1147
- top: 50%;
1148
- }
1149
-
1150
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical
1151
- .premium-active-item
1152
- .premium-menu-link-parent::before {
1153
- bottom: 50%;
1154
- }
1155
-
1156
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical
1157
- .premium-active-item
1158
- .premium-menu-link-parent::after {
1159
- top: 50%;
1160
- }
1161
-
1162
- .premium-nav-pointer-background.premium-nav-animation-shutter-out-vertical
1163
- .premium-nav-menu-item:not(.premium-active-item)
1164
- .premium-menu-link-parent:not(:hover):not(:focus)::before {
1165
- bottom: 50%;
1166
- top: 50%;
1167
- }
1168
-
1169
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal
1170
- .premium-menu-link-parent::before {
1171
- right: 0;
1172
- left: 100%;
1173
- }
1174
-
1175
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal
1176
- .premium-menu-link-parent::after {
1177
- right: 100%;
1178
- left: 0;
1179
- }
1180
-
1181
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal
1182
- .premium-menu-link-parent:hover::before,
1183
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal
1184
- .premium-menu-link-parent:focus::before {
1185
- left: 50%;
1186
- }
1187
-
1188
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal
1189
- .premium-menu-link-parent:hover::after,
1190
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal
1191
- .premium-menu-link-parent:focus::after {
1192
- right: 50%;
1193
- }
1194
-
1195
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal
1196
- .premium-active-item
1197
- .premium-menu-link-parent::before {
1198
- left: 50%;
1199
- }
1200
-
1201
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal
1202
- .premium-active-item
1203
- .premium-menu-link-parent::after {
1204
- right: 50%;
1205
- }
1206
-
1207
- .premium-nav-pointer-background.premium-nav-animation-shutter-out-horizontal
1208
- .premium-nav-menu-item:not(.premium-active-item)
1209
- .premium-menu-link-parent:not(:hover):not(:focus)::before {
1210
- left: 50%;
1211
- right: 50%;
1212
- }
1213
-
1214
- .premium-active-item::before,
1215
- .premium-active-item::after,
1216
- .premium-menu-link-parent:hover::before,
1217
- .premium-menu-link-parent:hover::after,
1218
- .premium-menu-link-parent:focus::before,
1219
- .premium-menu-link-parent:focus::after {
1220
- -webkit-transform: scale(1);
1221
- -ms-transform: scale(1);
1222
- transform: scale(1);
1223
- }
1224
-
1225
- /**Sub Menu Animation*/
1226
- .premium-nav-menu-item .premium-sub-menu,
1227
- .premium-nav-menu-item .premium-mega-content-container {
1228
- -webkit-transition: 0.5s all ease-in-out;
1229
- transition: 0.5s all ease-in-out;
1230
- -webkit-transition-delay: 0.1s;
1231
- transition-delay: 0.1s;
1232
- }
1233
-
1234
- [class*="premium-nav-slide-"].premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item:hover > .premium-sub-menu,
1235
- [class*="premium-nav-slide-"].premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item:hover > .premium-mega-content-container,
1236
- [class*="premium-nav-slide-"].premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu:hover > .premium-sub-menu,
1237
- [class*="premium-nav-slide-"].premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item:hover > .premium-sub-menu,
1238
- [class*="premium-nav-slide-"].premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item:hover > .premium-mega-content-container,
1239
- [class*="premium-nav-slide-"].premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu:hover > .premium-sub-menu {
1240
- -webkit-transform: translate(0);
1241
- -ms-transform: translate(0);
1242
- transform: translate(0);
1243
- }
1244
-
1245
- .premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu)
1246
- .premium-sub-menu,
1247
- .premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu)
1248
- .premium-mega-content-container,
1249
- .premium-nav-slide-up.premium-nav-ver:not(.premium-hamburger-menu)
1250
- .premium-sub-menu,
1251
- .premium-nav-slide-up.premium-nav-ver:not(.premium-hamburger-menu)
1252
- .premium-mega-content-container {
1253
- -webkit-transform: translateY(10px);
1254
- -ms-transform: translateY(10px);
1255
- transform: translateY(10px);
1256
- }
1257
-
1258
- .premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu)
1259
- .premium-sub-menu,
1260
- .premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu)
1261
- .premium-mega-content-container,
1262
- .premium-nav-slide-down.premium-nav-ver:not(.premium-hamburger-menu)
1263
- .premium-sub-menu,
1264
- .premium-nav-slide-down.premium-nav-ver:not(.premium-hamburger-menu)
1265
- .premium-mega-content-container {
1266
- -webkit-transform: translateY(-10px);
1267
- -ms-transform: translateY(-10px);
1268
- transform: translateY(-10px);
1269
- }
1270
-
1271
- .premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu)
1272
- .premium-sub-menu,
1273
- .premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu)
1274
- .premium-mega-content-container,
1275
- .premium-nav-slide-right.premium-nav-ver:not(.premium-hamburger-menu)
1276
- .premium-sub-menu,
1277
- .premium-nav-slide-right.premium-nav-ver:not(.premium-hamburger-menu)
1278
- .premium-mega-content-container {
1279
- -webkit-transform: translateX(-10px);
1280
- -ms-transform: translateX(-10px);
1281
- transform: translateX(-10px);
1282
- }
1283
-
1284
- .premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu)
1285
- .premium-sub-menu,
1286
- .premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu)
1287
- .premium-mega-content-container,
1288
- .premium-nav-slide-left.premium-nav-ver:not(.premium-hamburger-menu)
1289
- .premium-sub-menu,
1290
- .premium-nav-slide-left.premium-nav-ver:not(.premium-hamburger-menu)
1291
- .premium-mega-content-container {
1292
- -webkit-transform: translateX(10px);
1293
- -ms-transform: translateX(10px);
1294
- transform: translateX(10px);
1295
- }
1296
-
1297
- /**Horizontal - Static Mega Content*/
1298
- /*UP*/
1299
- .premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu)
1300
- .premium-mega-item-static
1301
- .premium-mega-content-container {
1302
- -webkit-transform: translateX(-50%) translateY(10px);
1303
- -ms-transform: translateX(-50%) translateY(10px);
1304
- transform: translateX(-50%) translateY(10px);
1305
- }
1306
-
1307
- .premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu)
1308
- .premium-mega-item-static:hover
1309
- .premium-mega-content-container {
1310
- -webkit-transform: translateX(-50%) translateY(0);
1311
- -ms-transform: translateX(-50%) translateY(0);
1312
- transform: translateX(-50%) translateY(0);
1313
- }
1314
-
1315
- /*DOWN*/
1316
- .premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu)
1317
- .premium-mega-item-static
1318
- .premium-mega-content-container {
1319
- -webkit-transform: translateX(-50%) translateY(-10px);
1320
- -ms-transform: translateX(-50%) translateY(-10px);
1321
- transform: translateX(-50%) translateY(-10px);
1322
- }
1323
-
1324
- .premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu)
1325
- .premium-mega-item-static:hover
1326
- .premium-mega-content-container {
1327
- -webkit-transform: translateX(-50%) translateY(0);
1328
- -ms-transform: translateX(-50%) translateY(0);
1329
- transform: translateX(-50%) translateY(0);
1330
- }
1331
-
1332
- /*Left*/
1333
- .premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu)
1334
- .premium-mega-item-static
1335
- .premium-mega-content-container {
1336
- -webkit-transform: translateX(-45%);
1337
- -ms-transform: translateX(-45%);
1338
- transform: translateX(-45%);
1339
- }
1340
-
1341
- .premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu)
1342
- .premium-mega-item-static:hover
1343
- .premium-mega-content-container {
1344
- -webkit-transform: translateX(-50%);
1345
- -ms-transform: translateX(-50%);
1346
- transform: translateX(-50%);
1347
- }
1348
-
1349
- /*Right*/
1350
- .premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu)
1351
- .premium-mega-item-static
1352
- .premium-mega-content-container {
1353
- -webkit-transform: translateX(-55%);
1354
- -ms-transform: translateX(-55%);
1355
- transform: translateX(-55%);
1356
- }
1357
-
1358
- .premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu)
1359
- .premium-mega-item-static:hover
1360
- .premium-mega-content-container {
1361
- -webkit-transform: translateX(-50%);
1362
- -ms-transform: translateX(-50%);
1363
- transform: translateX(-50%);
1364
- }
1365
-
1366
- /**Vertical - Static Mega Content*/
1367
- .premium-nav-slide-down.premium-nav-ver:not(.premium-hamburger-menu)
1368
- .premium-mega-item-static:hover
1369
- .premium-mega-content-container,
1370
- .premium-nav-slide-up.premium-nav-ver:not(.premium-hamburger-menu)
1371
- .premium-mega-item-static:hover
1372
- .premium-mega-content-container {
1373
- -webkit-transform: translateY(0);
1374
- -ms-transform: translateY(0);
1375
- transform: translateY(0);
1376
- }
1377
-
1378
- .premium-nav-slide-right.premium-nav-ver:not(.premium-hamburger-menu)
1379
- .premium-mega-item-static:hover
1380
- .premium-mega-content-container,
1381
- .premium-nav-slide-left.premium-nav-ver:not(.premium-hamburger-menu)
1382
- .premium-mega-item-static:hover
1383
- .premium-mega-content-container {
1384
- -webkit-transform: translateX(0);
1385
- -ms-transform: translateX(0);
1386
- transform: translateX(0);
1387
- }
1
+ /************ Premium Nav Menu ************/
2
+ .premium-nav-widget-container ul {
3
+ list-style: none;
4
+ margin: 0;
5
+ }
6
+
7
+ .premium-nav-widget-container .premium-main-nav-menu {
8
+ -js-display: flex;
9
+ display: -webkit-box;
10
+ display: -webkit-flex;
11
+ display: -moz-box;
12
+ display: -ms-flexbox;
13
+ display: flex;
14
+ height: 100%;
15
+ }
16
+
17
+ /*Vertical Main Menu**/
18
+ .premium-nav-ver .premium-nav-menu-container {
19
+ width: 45%;
20
+ }
21
+
22
+ .premium-nav-ver .premium-main-nav-menu {
23
+ position: relative;
24
+ -webkit-box-orient: vertical;
25
+ -webkit-box-direction: normal;
26
+ -webkit-flex-direction: column;
27
+ -moz-box-orient: vertical;
28
+ -moz-box-direction: normal;
29
+ -ms-flex-direction: column;
30
+ flex-direction: column;
31
+ -webkit-box-align: start;
32
+ -webkit-align-items: flex-start;
33
+ -moz-box-align: start;
34
+ -ms-flex-align: start;
35
+ align-items: flex-start;
36
+ }
37
+
38
+ .premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item.menu-item-has-children .premium-sub-menu {
39
+ visibility: hidden;
40
+ opacity: 0;
41
+ position: absolute;
42
+ min-width: 250px;
43
+ }
44
+
45
+ .premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item.menu-item-has-children:hover>.premium-sub-menu,
46
+ .premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item.menu-item-has-children:hover .premium-mega-content-container {
47
+ opacity: 1;
48
+ visibility: visible;
49
+ pointer-events: auto;
50
+ }
51
+
52
+ .premium-nav-ver .premium-nav-menu-item {
53
+ width: 100%;
54
+ }
55
+
56
+ .premium-nav-ver:not(.premium-hamburger-menu).premium-vertical-right .premium-mega-content-container,
57
+ .premium-nav-ver:not(.premium-hamburger-menu).premium-vertical-right .premium-nav-menu-item.menu-item-has-children .premium-sub-menu {
58
+ left: 100%;
59
+ top: 0;
60
+ }
61
+
62
+ .premium-nav-ver:not(.premium-hamburger-menu).premium-vertical-left .premium-mega-content-container,
63
+ .premium-nav-ver:not(.premium-hamburger-menu).premium-vertical-left .premium-nav-menu-item.menu-item-has-children .premium-sub-menu {
64
+ right: 100%;
65
+ top: 0;
66
+ }
67
+
68
+ .premium-nav-ver.premium-vertical-left .premium-menu-link {
69
+ -webkit-box-orient: horizontal;
70
+ -webkit-box-direction: reverse;
71
+ -webkit-flex-direction: row-reverse;
72
+ -moz-box-orient: horizontal;
73
+ -moz-box-direction: reverse;
74
+ -ms-flex-direction: row-reverse;
75
+ flex-direction: row-reverse;
76
+ }
77
+
78
+ /*Horizontal Main Menu**/
79
+ .premium-nav-hor .premium-nav-menu-container {
80
+ height: 60px;
81
+ }
82
+
83
+ .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item .premium-sub-menu {
84
+ visibility: hidden;
85
+ opacity: 0;
86
+ position: absolute;
87
+ min-width: 220px;
88
+ }
89
+
90
+ .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item>.premium-sub-menu,
91
+ .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item .premium-mega-content-container {
92
+ top: 100%;
93
+ }
94
+
95
+ .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item>.premium-sub-menu .premium-sub-menu,
96
+ .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item .premium-mega-content-container .premium-sub-menu {
97
+ right: 100%;
98
+ top: 0;
99
+ }
100
+
101
+ .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item:hover>.premium-sub-menu,
102
+ .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item:hover .premium-mega-content-container {
103
+ visibility: visible;
104
+ opacity: 1;
105
+ pointer-events: auto;
106
+ }
107
+
108
+ .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item.premium-mega-item-static .premium-mega-content-container {
109
+ left: 50%;
110
+ -webkit-transform: translateX(-50%);
111
+ -ms-transform: translateX(-50%);
112
+ transform: translateX(-50%);
113
+ }
114
+
115
+ .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item .premium-mega-content-centered {
116
+ left: 50%;
117
+ -webkit-transform: translateX(-50%);
118
+ -ms-transform: translateX(-50%);
119
+ transform: translateX(-50%);
120
+ }
121
+
122
+ .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item:not(.premium-mega-item-static) .premium-mega-content-container {
123
+ left: 0;
124
+ }
125
+
126
+ /**Mega Menu Container*/
127
+ .premium-mega-nav-item .premium-sub-menu {
128
+ display: none;
129
+ }
130
+
131
+ .premium-mega-nav-item {
132
+ position: relative;
133
+ }
134
+
135
+ .premium-mega-nav-item:hover .premium-mega-content-container {
136
+ visibility: visible;
137
+ opacity: 1;
138
+ pointer-events: auto;
139
+ }
140
+
141
+ .premium-mega-content-container {
142
+ visibility: hidden;
143
+ position: absolute;
144
+ z-index: 9999;
145
+ opacity: 0;
146
+ pointer-events: none;
147
+ }
148
+
149
+ .premium-hamburger-menu .premium-mega-content-container,
150
+ .premium-nav-slide .premium-mega-content-container,
151
+ .premium-nav-dropdown .premium-mega-content-container {
152
+ visibility: visible;
153
+ position: relative;
154
+ opacity: 1;
155
+ pointer-events: auto;
156
+ }
157
+
158
+ /**Hamburger Menu*/
159
+ .premium-nav-widget-container a.premium-hamburger-toggle,
160
+ .premium-mobile-menu-outer-container a.premium-mobile-menu-close {
161
+ text-decoration: none;
162
+ }
163
+
164
+ .premium-nav-widget-container .premium-hamburger-toggle {
165
+ display: none;
166
+ -webkit-box-pack: center;
167
+ -webkit-justify-content: center;
168
+ -moz-box-pack: center;
169
+ -ms-flex-pack: center;
170
+ justify-content: center;
171
+ -webkit-box-align: center;
172
+ -webkit-align-items: center;
173
+ -moz-box-align: center;
174
+ -ms-flex-align: center;
175
+ align-items: center;
176
+ }
177
+
178
+ .premium-nav-widget-container .premium-hamburger-toggle i {
179
+ padding: 0.25em;
180
+ font-size: 22px;
181
+ }
182
+
183
+ .premium-nav-widget-container .premium-hamburger-toggle svg {
184
+ width: 22px;
185
+ height: 22px;
186
+ }
187
+
188
+ .premium-nav-widget-container .premium-hamburger-toggle i,
189
+ .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-text,
190
+ .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-close {
191
+ color: #494c4f;
192
+ }
193
+
194
+ .premium-nav-widget-container .premium-hamburger-toggle svg {
195
+ fill: #494c4f;
196
+ }
197
+
198
+ .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-text,
199
+ .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-close {
200
+ margin: 2px;
201
+ }
202
+
203
+ .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-close {
204
+ display: none;
205
+ }
206
+
207
+ .premium-mobile-menu-container {
208
+ width: 100%;
209
+ }
210
+
211
+ .premium-mobile-menu-container .premium-main-mobile-menu {
212
+ width: 100%;
213
+ }
214
+
215
+ .premium-mobile-menu-container ul {
216
+ list-style: none;
217
+ margin: 0;
218
+ padding: 0;
219
+ }
220
+
221
+ .premium-mobile-menu-container .premium-mobile-menu,
222
+ .premium-mobile-menu-container .premium-sub-menu {
223
+ display: none;
224
+ -webkit-box-orient: vertical;
225
+ -webkit-box-direction: normal;
226
+ -webkit-flex-direction: column;
227
+ -moz-box-orient: vertical;
228
+ -moz-box-direction: normal;
229
+ -ms-flex-direction: column;
230
+ flex-direction: column;
231
+ }
232
+
233
+ .premium-mobile-menu-container .premium-nav-menu-item {
234
+ -webkit-box-orient: vertical;
235
+ -webkit-box-direction: normal;
236
+ -webkit-flex-direction: column;
237
+ -moz-box-orient: vertical;
238
+ -moz-box-direction: normal;
239
+ -ms-flex-direction: column;
240
+ flex-direction: column;
241
+ }
242
+
243
+ .premium-mobile-menu-container .premium-item-badge {
244
+ top: 50%;
245
+ left: 0;
246
+ -webkit-transform: translateY(-50%);
247
+ -ms-transform: translateY(-50%);
248
+ transform: translateY(-50%);
249
+ }
250
+
251
+ /**Vertical Hamburger Menu*/
252
+ .premium-mobile-menu-outer-container {
253
+ opacity: 0;
254
+ }
255
+
256
+ .premium-mobile-menu-outer-container.premium-vertical-toggle-open {
257
+ opacity: 1;
258
+ }
259
+
260
+ .premium-ver-hamburger-menu .premium-mobile-menu-outer-container {
261
+ background-color: #f7f7f7;
262
+ width: 300px;
263
+ -webkit-transform: translateX(-300px);
264
+ -ms-transform: translateX(-300px);
265
+ transform: translateX(-300px);
266
+ height: 100%;
267
+ position: fixed;
268
+ top: 0;
269
+ left: 0;
270
+ overflow-x: hidden;
271
+ z-index: 10000;
272
+ -webkit-transition: 0.5s;
273
+ transition: 0.5s;
274
+ padding-top: 50px;
275
+ }
276
+
277
+ .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu {
278
+ -js-display: flex;
279
+ display: -webkit-box;
280
+ display: -webkit-flex;
281
+ display: -moz-box;
282
+ display: -ms-flexbox;
283
+ display: flex;
284
+ }
285
+
286
+ .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-container {
287
+ margin-top: 50px;
288
+ }
289
+
290
+ .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-container .premium-item-badge {
291
+ -webkit-transform: translateY(0);
292
+ -ms-transform: translateY(0);
293
+ transform: translateY(0);
294
+ }
295
+
296
+ .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-close {
297
+ position: absolute;
298
+ top: 2%;
299
+ right: 5px;
300
+ padding: 0 9px;
301
+ z-index: 10000;
302
+ -js-display: inline-flex;
303
+ display: -webkit-inline-box;
304
+ display: -webkit-inline-flex;
305
+ display: -moz-inline-box;
306
+ display: -ms-inline-flexbox;
307
+ display: inline-flex;
308
+ color: #494c4f;
309
+ -webkit-box-pack: center;
310
+ -webkit-justify-content: center;
311
+ -moz-box-pack: center;
312
+ -ms-flex-pack: center;
313
+ justify-content: center;
314
+ -webkit-box-align: center;
315
+ -webkit-align-items: center;
316
+ -moz-box-align: center;
317
+ -ms-flex-align: center;
318
+ align-items: center;
319
+ }
320
+
321
+ .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-close .premium-toggle-close {
322
+ margin: 5px;
323
+ }
324
+
325
+ .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-close svg {
326
+ width: 22px;
327
+ height: 22px;
328
+ fill: #494c4f;
329
+ }
330
+
331
+ .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-close i {
332
+ font-size: 22px;
333
+ }
334
+
335
+ .premium-ver-hamburger-menu .premium-vertical-toggle-open {
336
+ -webkit-transform: translateX(0) !important;
337
+ -ms-transform: translateX(0) !important;
338
+ transform: translateX(0) !important;
339
+ -webkit-transition: 0.5s;
340
+ transition: 0.5s;
341
+ }
342
+
343
+ /**Common*/
344
+ .premium-nav-slide-overlay {
345
+ display: none;
346
+ position: fixed;
347
+ top: 0;
348
+ left: 0;
349
+ right: 0;
350
+ bottom: 0;
351
+ -webkit-backface-visibility: hidden;
352
+ backface-visibility: hidden;
353
+ background: rgba(0, 0, 0, 0.6);
354
+ z-index: 9999;
355
+ }
356
+
357
+ .premium-nav-slide-overlay.premium-vertical-toggle-open {
358
+ display: block;
359
+ }
360
+
361
+ .premium-active-menu,
362
+ .premium-active-menu:not(.premium-mega-nav-item)>.premium-sub-menu,
363
+ .premium-active-menu.premium-mega-nav-item>.premium-mega-content-container {
364
+ -js-display: flex !important;
365
+ display: -webkit-box !important;
366
+ display: -webkit-flex !important;
367
+ display: -moz-box !important;
368
+ display: -ms-flexbox !important;
369
+ display: flex !important;
370
+ -webkit-box-orient: vertical;
371
+ -webkit-box-direction: normal;
372
+ -webkit-flex-direction: column;
373
+ -moz-box-orient: vertical;
374
+ -moz-box-direction: normal;
375
+ -ms-flex-direction: column;
376
+ flex-direction: column;
377
+ }
378
+
379
+ .premium-active-menu .premium-toggle-close {
380
+ display: block;
381
+ }
382
+
383
+ .premium-nav-menu-container .premium-sub-menu {
384
+ background-color: #fff;
385
+ }
386
+
387
+ .premium-mobile-menu-container li,
388
+ .premium-mobile-menu-container li>.premium-mega-content-container {
389
+ width: 100% !important;
390
+ }
391
+
392
+ .premium-item-icon,
393
+ .premium-sub-item-icon {
394
+ font-size: 13px;
395
+ margin: 0 7px;
396
+ }
397
+
398
+ .premium-item-icon svg,
399
+ .premium-sub-item-icon svg {
400
+ width: 100%;
401
+ height: 100%;
402
+ }
403
+
404
+ .premium-item-icon.premium-lottie-animation,
405
+ .premium-sub-item-icon.premium-lottie-animation {
406
+ width: 20px;
407
+ height: 20px;
408
+ -js-display: flex;
409
+ display: -webkit-box;
410
+ display: -webkit-flex;
411
+ display: -moz-box;
412
+ display: -ms-flexbox;
413
+ display: flex;
414
+ -webkit-box-pack: center;
415
+ -webkit-justify-content: center;
416
+ -moz-box-pack: center;
417
+ -ms-flex-pack: center;
418
+ justify-content: center;
419
+ }
420
+
421
+ .premium-item-icon.dashicons,
422
+ .premium-sub-item-icon.dashicons {
423
+ width: 13px;
424
+ height: 13px;
425
+ }
426
+
427
+ .premium-nav-menu-item {
428
+ position: relative;
429
+ }
430
+
431
+ .premium-nav-menu-item .premium-menu-link {
432
+ -js-display: flex;
433
+ display: -webkit-box;
434
+ display: -webkit-flex;
435
+ display: -moz-box;
436
+ display: -ms-flexbox;
437
+ display: flex;
438
+ -webkit-box-align: center;
439
+ -webkit-align-items: center;
440
+ -moz-box-align: center;
441
+ -ms-flex-align: center;
442
+ align-items: center;
443
+ height: 100%;
444
+ padding: 7px 10px;
445
+ text-decoration: none;
446
+ position: relative;
447
+ }
448
+
449
+ .premium-nav-menu-item .premium-dropdown-icon {
450
+ margin: 5px;
451
+ }
452
+
453
+ .premium-nav-menu-item.menu-item-has-children {
454
+ position: relative;
455
+ }
456
+
457
+ .premium-nav-menu-item.menu-item-has-children .premium-sub-menu {
458
+ max-width: 100%;
459
+ z-index: 9999;
460
+ }
461
+
462
+ .premium-nav-menu-item.menu-item-has-children .premium-sub-menu .premium-sub-menu-link {
463
+ -webkit-box-pack: start;
464
+ -webkit-justify-content: flex-start;
465
+ -moz-box-pack: start;
466
+ -ms-flex-pack: start;
467
+ justify-content: flex-start;
468
+ }
469
+
470
+ .premium-nav-menu-item .menu-link {
471
+ position: relative;
472
+ text-decoration: none;
473
+ }
474
+
475
+ .premium-item-badge,
476
+ .premium-sub-item-badge {
477
+ position: absolute;
478
+ padding: 1px 6px;
479
+ min-width: 35px;
480
+ text-align: center;
481
+ font-size: 10px;
482
+ -webkit-border-radius: 4px;
483
+ border-radius: 4px;
484
+ line-height: 1.8;
485
+ white-space: nowrap;
486
+ }
487
+
488
+ .premium-nav-hor:not(.premium-hamburger-menu) .premium-item-badge,
489
+ .premium-nav-hor:not(.premium-nav-slide) .premium-item-badge,
490
+ .premium-nav-hor:not(.premium-nav-dropdown) .premium-item-badge {
491
+ position: relative;
492
+ margin: 8px;
493
+ }
494
+
495
+ .premium-nav-hor .premium-sub-item-badge,
496
+ .premium-nav-slide .premium-sub-item-badge,
497
+ .premium-nav-dropdown .premium-sub-item-badge,
498
+ .premium-nav-ver.premium-vertical-right .premium-item-badge,
499
+ .premium-nav-ver.premium-vertical-right .premium-sub-item-badge {
500
+ top: 50%;
501
+ right: 0;
502
+ -webkit-transform: translateY(-50%);
503
+ -ms-transform: translateY(-50%);
504
+ transform: translateY(-50%);
505
+ }
506
+
507
+ .premium-nav-ver.premium-vertical-left .premium-item-badge,
508
+ .premium-nav-ver.premium-vertical-left .premium-sub-item-badge {
509
+ top: 50%;
510
+ right: 0;
511
+ -webkit-transform: translateY(-50%);
512
+ -ms-transform: translateY(-50%);
513
+ transform: translateY(-50%);
514
+ }
515
+
516
+ .premium-mega-nav-item .premium-sub-menu {
517
+ display: none;
518
+ }
519
+
520
+ .premium-mega-nav-item {
521
+ position: relative;
522
+ }
523
+
524
+ .premium-hamburger-menu .premium-mega-content-container,
525
+ .premium-nav-dropdown .premium-mega-content-container,
526
+ .premium-nav-slide .premium-mega-content-container {
527
+ display: none;
528
+ }
529
+
530
+ .premium-mega-item-static {
531
+ position: static !important;
532
+ }
533
+
534
+ .premium-hamburger-menu .premium-nav-menu-container {
535
+ display: none;
536
+ }
537
+
538
+ .premium-hamburger-menu .premium-hamburger-toggle,
539
+ .premium-nav-dropdown .premium-hamburger-toggle,
540
+ .premium-nav-slide .premium-hamburger-toggle {
541
+ -js-display: inline-flex;
542
+ display: -webkit-inline-box;
543
+ display: -webkit-inline-flex;
544
+ display: -moz-inline-box;
545
+ display: -ms-inline-flexbox;
546
+ display: inline-flex;
547
+ -webkit-box-orient: horizontal;
548
+ -webkit-box-direction: reverse;
549
+ -webkit-flex-direction: row-reverse;
550
+ -moz-box-orient: horizontal;
551
+ -moz-box-direction: reverse;
552
+ -ms-flex-direction: row-reverse;
553
+ flex-direction: row-reverse;
554
+ }
555
+
556
+ .premium-hidden-icon-yes.premium-hamburger-menu .premium-item-icon,
557
+ .premium-hidden-icon-yes.premium-hamburger-menu .premium-sub-item-icon,
558
+ .premium-hidden-icon-yes.premium-nav-dropdown .premium-item-icon,
559
+ .premium-hidden-icon-yes.premium-nav-dropdown .premium-sub-item-icon,
560
+ .premium-hidden-icon-yes.premium-nav-slide .premium-item-icon,
561
+ .premium-hidden-icon-yes.premium-nav-slide .premium-sub-item-icon {
562
+ display: none;
563
+ }
564
+
565
+ .premium-hidden-badge-yes.premium-hamburger-menu .premium-item-badge,
566
+ .premium-hidden-badge-yes.premium-hamburger-menu .premium-sub-item-badge,
567
+ .premium-hidden-badge-yes.premium-nav-dropdown .premium-item-badge,
568
+ .premium-hidden-badge-yes.premium-nav-dropdown .premium-sub-item-badge,
569
+ .premium-hidden-badge-yes.premium-nav-slide .premium-item-badge,
570
+ .premium-hidden-badge-yes.premium-nav-slide .premium-sub-item-badge {
571
+ display: none;
572
+ }
573
+
574
+ .premium-ham-dropdown .premium-mobile-menu-container,
575
+ .premium-nav-dropdown .premium-mobile-menu-container {
576
+ -js-display: flex;
577
+ display: -webkit-box;
578
+ display: -webkit-flex;
579
+ display: -moz-box;
580
+ display: -ms-flexbox;
581
+ display: flex;
582
+ }
583
+
584
+ .premium-ham-dropdown .premium-toggle-opened .premium-toggle-close,
585
+ .premium-nav-dropdown .premium-toggle-opened .premium-toggle-close {
586
+ display: inline !important;
587
+ }
588
+
589
+ .premium-ham-dropdown .premium-toggle-opened .premium-toggle-text,
590
+ .premium-nav-dropdown .premium-toggle-opened .premium-toggle-text {
591
+ display: none !important;
592
+ }
593
+
594
+ .premium-stretch-dropdown .premium-mobile-menu-container {
595
+ position: absolute;
596
+ z-index: 9999;
597
+ }
598
+
599
+ .premium-nav-default {
600
+ display: none;
601
+ }
602
+
603
+ .premium-hamburger-toggle {
604
+ width: 100%;
605
+ }
606
+
607
+ /*
608
+ * Pointer & Pointer Animations
609
+ */
610
+ .premium-menu-link-parent::before,
611
+ .premium-menu-link-parent::after {
612
+ display: block;
613
+ position: absolute;
614
+ -webkit-transition: all 0.3s cubic-bezier(0.58, 0.3, 0.005, 1);
615
+ transition: all 0.3s cubic-bezier(0.58, 0.3, 0.005, 1);
616
+ }
617
+
618
+ .premium-nav-pointer-underline .premium-menu-link-parent::after,
619
+ .premium-nav-pointer-double-line .premium-menu-link-parent::after {
620
+ content: "";
621
+ bottom: 0;
622
+ }
623
+
624
+ .premium-nav-pointer-overline .premium-menu-link-parent::before,
625
+ .premium-nav-pointer-double-line .premium-menu-link-parent::before {
626
+ content: "";
627
+ top: 0;
628
+ }
629
+
630
+ .premium-nav-pointer-underline .premium-menu-link-parent::before,
631
+ .premium-nav-pointer-underline .premium-menu-link-parent::after,
632
+ .premium-nav-pointer-overline .premium-menu-link-parent::before,
633
+ .premium-nav-pointer-overline .premium-menu-link-parent::after,
634
+ .premium-nav-pointer-double-line .premium-menu-link-parent::before,
635
+ .premium-nav-pointer-double-line .premium-menu-link-parent::after {
636
+ height: 3px;
637
+ width: 100%;
638
+ right: 0;
639
+ background-color: #55595c;
640
+ z-index: 2;
641
+ }
642
+
643
+ .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,
644
+ .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after {
645
+ opacity: 0;
646
+ }
647
+
648
+ .premium-nav-pointer-underline.premium-nav-animation-none,
649
+ .premium-nav-pointer-overline.premium-nav-animation-none,
650
+ .premium-nav-pointer-double-line.premium-nav-animation-none {
651
+ -webkit-transition-duration: 0s;
652
+ transition-duration: 0s;
653
+ }
654
+
655
+ .premium-nav-pointer-underline.premium-nav-animation-none .premium-menu-link-parent,
656
+ .premium-nav-pointer-underline.premium-nav-animation-none .premium-menu-link-parent::before,
657
+ .premium-nav-pointer-underline.premium-nav-animation-none .premium-menu-link-parent::after,
658
+ .premium-nav-pointer-underline.premium-nav-animation-none .premium-menu-link-parent:focus,
659
+ .premium-nav-pointer-underline.premium-nav-animation-none .premium-menu-link-parent:hover,
660
+ .premium-nav-pointer-overline.premium-nav-animation-none .premium-menu-link-parent,
661
+ .premium-nav-pointer-overline.premium-nav-animation-none .premium-menu-link-parent::before,
662
+ .premium-nav-pointer-overline.premium-nav-animation-none .premium-menu-link-parent::after,
663
+ .premium-nav-pointer-overline.premium-nav-animation-none .premium-menu-link-parent:focus,
664
+ .premium-nav-pointer-overline.premium-nav-animation-none .premium-menu-link-parent:hover,
665
+ .premium-nav-pointer-double-line.premium-nav-animation-none .premium-menu-link-parent,
666
+ .premium-nav-pointer-double-line.premium-nav-animation-none .premium-menu-link-parent::before,
667
+ .premium-nav-pointer-double-line.premium-nav-animation-none .premium-menu-link-parent::after,
668
+ .premium-nav-pointer-double-line.premium-nav-animation-none .premium-menu-link-parent:focus,
669
+ .premium-nav-pointer-double-line.premium-nav-animation-none .premium-menu-link-parent:hover {
670
+ -webkit-transition-duration: 0s;
671
+ transition-duration: 0s;
672
+ }
673
+
674
+ .premium-nav-pointer-underline.premium-nav-animation-slide .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after,
675
+ .premium-nav-pointer-double-line.premium-nav-animation-slide .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after {
676
+ width: 10px;
677
+ inset-inline-start: 100%;
678
+ }
679
+
680
+ .premium-nav-pointer-overline.premium-nav-animation-slide .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,
681
+ .premium-nav-pointer-double-line.premium-nav-animation-slide .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
682
+ width: 10px;
683
+ left: -20px;
684
+ }
685
+
686
+ .premium-nav-pointer-underline.premium-nav-animation-grow .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,
687
+ .premium-nav-pointer-underline.premium-nav-animation-grow .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after,
688
+ .premium-nav-pointer-overline.premium-nav-animation-grow .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,
689
+ .premium-nav-pointer-overline.premium-nav-animation-grow .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after,
690
+ .premium-nav-pointer-double-line.premium-nav-animation-grow .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,
691
+ .premium-nav-pointer-double-line.premium-nav-animation-grow .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after {
692
+ height: 0;
693
+ width: 0;
694
+ left: 50%;
695
+ }
696
+
697
+ .premium-nav-pointer-underline.premium-nav-animation-drop-in .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,
698
+ .premium-nav-pointer-overline.premium-nav-animation-drop-in .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,
699
+ .premium-nav-pointer-double-line.premium-nav-animation-drop-in .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
700
+ top: -10px;
701
+ }
702
+
703
+ .premium-nav-pointer-underline.premium-nav-animation-drop-in .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after,
704
+ .premium-nav-pointer-overline.premium-nav-animation-drop-in .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after,
705
+ .premium-nav-pointer-double-line.premium-nav-animation-drop-in .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after {
706
+ bottom: -10px;
707
+ }
708
+
709
+ .premium-nav-pointer-underline.premium-nav-animation-drop-out .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,
710
+ .premium-nav-pointer-overline.premium-nav-animation-drop-out .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,
711
+ .premium-nav-pointer-double-line.premium-nav-animation-drop-out .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
712
+ top: 10px;
713
+ }
714
+
715
+ .premium-nav-pointer-underline.premium-nav-animation-drop-out .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after,
716
+ .premium-nav-pointer-overline.premium-nav-animation-drop-out .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after,
717
+ .premium-nav-pointer-double-line.premium-nav-animation-drop-out .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after {
718
+ bottom: 10px;
719
+ }
720
+
721
+ .premium-nav-pointer-framed .premium-menu-link-parent::before {
722
+ content: "";
723
+ }
724
+
725
+ .premium-nav-pointer-framed .premium-menu-link-parent::before,
726
+ .premium-nav-pointer-framed .premium-menu-link-parent::after {
727
+ background: transparent;
728
+ left: 0;
729
+ top: 0;
730
+ bottom: 0;
731
+ right: 0;
732
+ border: 3px solid #55595c;
733
+ }
734
+
735
+ .premium-nav-pointer-framed.premium-nav-animation-grow .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
736
+ -webkit-transform: scale(0.75);
737
+ -ms-transform: scale(0.75);
738
+ transform: scale(0.75);
739
+ }
740
+
741
+ .premium-nav-pointer-framed.premium-nav-animation-shrink .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
742
+ -webkit-transform: scale(1.25);
743
+ -ms-transform: scale(1.25);
744
+ transform: scale(1.25);
745
+ }
746
+
747
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent::before,
748
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent::after {
749
+ width: 3px;
750
+ height: 3px;
751
+ }
752
+
753
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent::before {
754
+ border-width: 0 3px 3px 0;
755
+ -webkit-transition: width 0.1s 0.2s, height 0.1s 0.3s, opacity 0.12s 0.22s;
756
+ transition: width 0.1s 0.2s, height 0.1s 0.3s, opacity 0.12s 0.22s;
757
+ }
758
+
759
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent::after {
760
+ content: "";
761
+ top: auto;
762
+ bottom: 0;
763
+ left: 0;
764
+ right: auto;
765
+ border-width: 3px 0 0 3px;
766
+ -webkit-transition: width 0.1s, height 0.1s 0.1s, opacity 0.02s 0.18s;
767
+ transition: width 0.1s, height 0.1s 0.1s, opacity 0.02s 0.18s;
768
+ }
769
+
770
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:hover::before,
771
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:focus::before {
772
+ -webkit-transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s;
773
+ transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s;
774
+ }
775
+
776
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:hover::after,
777
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:focus::after {
778
+ -webkit-transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s;
779
+ transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s;
780
+ }
781
+
782
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:hover::before,
783
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:hover::after,
784
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:focus::before,
785
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:focus::after {
786
+ width: 100%;
787
+ height: 100%;
788
+ }
789
+
790
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-active-item .premium-menu-link-parent::before {
791
+ -webkit-transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s;
792
+ transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s;
793
+ }
794
+
795
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-active-item .premium-menu-link-parent::after {
796
+ -webkit-transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s;
797
+ transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s;
798
+ }
799
+
800
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-active-item .premium-menu-link-parent::before,
801
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-active-item .premium-menu-link-parent::after {
802
+ width: 100%;
803
+ height: 100%;
804
+ }
805
+
806
+ .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent::before {
807
+ border-width: 3px 3px 0 0;
808
+ }
809
+
810
+ .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent::after {
811
+ content: "";
812
+ top: auto;
813
+ bottom: 0;
814
+ left: 0;
815
+ right: auto;
816
+ border-width: 0 0 3px 3px;
817
+ }
818
+
819
+ .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent::before,
820
+ .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent::after {
821
+ width: 3px;
822
+ height: 3px;
823
+ }
824
+
825
+ .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent:hover::before,
826
+ .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent:hover::after,
827
+ .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent:focus::before,
828
+ .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent:focus::after {
829
+ width: 100%;
830
+ height: 100%;
831
+ -webkit-transition: opacity 2ms, width 0.4s, height 0.4s;
832
+ transition: opacity 2ms, width 0.4s, height 0.4s;
833
+ }
834
+
835
+ .premium-nav-pointer-framed.premium-nav-animation-corners .premium-active-item .premium-menu-link-parent::before,
836
+ .premium-nav-pointer-framed.premium-nav-animation-corners .premium-active-item .premium-menu-link-parent::after {
837
+ width: 100%;
838
+ height: 100%;
839
+ -webkit-transition: opacity 2ms, width 0.4s, height 0.4s;
840
+ transition: opacity 2ms, width 0.4s, height 0.4s;
841
+ }
842
+
843
+ .premium-nav-pointer-text.premium-nav-animation-grow .premium-menu-link-parent:hover,
844
+ .premium-nav-pointer-text.premium-nav-animation-grow .premium-menu-link-parent:focus {
845
+ -webkit-transform: scale(1.2);
846
+ -ms-transform: scale(1.2);
847
+ transform: scale(1.2);
848
+ }
849
+
850
+ .premium-nav-pointer-text.premium-nav-animation-shrink .premium-menu-link-parent:hover,
851
+ .premium-nav-pointer-text.premium-nav-animation-shrink .premium-menu-link-parent:focus {
852
+ -webkit-transform: scale(0.8);
853
+ -ms-transform: scale(0.8);
854
+ transform: scale(0.8);
855
+ }
856
+
857
+ .premium-nav-pointer-text.premium-nav-animation-sink .premium-menu-link-parent:hover,
858
+ .premium-nav-pointer-text.premium-nav-animation-sink .premium-menu-link-parent:focus {
859
+ -webkit-transform: translateY(8px);
860
+ -ms-transform: translateY(8px);
861
+ transform: translateY(8px);
862
+ }
863
+
864
+ .premium-nav-pointer-text.premium-nav-animation-float .premium-menu-link-parent:hover,
865
+ .premium-nav-pointer-text.premium-nav-animation-float .premium-menu-link-parent:focus {
866
+ -webkit-transform: translateY(-8px);
867
+ -ms-transform: translateY(-8px);
868
+ transform: translateY(-8px);
869
+ }
870
+
871
+ .premium-nav-pointer-text.premium-nav-animation-skew .premium-menu-link-parent:hover,
872
+ .premium-nav-pointer-text.premium-nav-animation-skew .premium-menu-link-parent:focus {
873
+ -webkit-transform: skew(-8deg);
874
+ -ms-transform: skew(-8deg);
875
+ transform: skew(-8deg);
876
+ }
877
+
878
+ .premium-nav-pointer-text.premium-nav-animation-rotate .premium-menu-link-parent:hover,
879
+ .premium-nav-pointer-text.premium-nav-animation-rotate .premium-menu-link-parent:focus {
880
+ -webkit-transform: rotate(6deg);
881
+ -ms-transform: rotate(6deg);
882
+ transform: rotate(6deg);
883
+ }
884
+
885
+ .premium-nav-pointer-background .premium-menu-link-parent::before {
886
+ top: 0;
887
+ left: 0;
888
+ right: 0;
889
+ bottom: 0;
890
+ background: #55595c;
891
+ background-color: #55595c;
892
+ z-index: -1;
893
+ }
894
+
895
+ .premium-nav-pointer-background .premium-menu-link-parent::before,
896
+ .premium-nav-pointer-background .premium-menu-link-parent::after {
897
+ content: "";
898
+ -webkit-transition: 0.3s;
899
+ transition: 0.3s;
900
+ }
901
+
902
+ .premium-nav-pointer-background.premium-nav-animation-grow .premium-menu-link-parent::before {
903
+ -webkit-transform: scale(0.5);
904
+ -ms-transform: scale(0.5);
905
+ transform: scale(0.5);
906
+ }
907
+
908
+ .premium-nav-pointer-background.premium-nav-animation-grow .premium-menu-link-parent:hover::before,
909
+ .premium-nav-pointer-background.premium-nav-animation-grow .premium-menu-link-parent:focus::before {
910
+ -webkit-transform: scale(1);
911
+ -ms-transform: scale(1);
912
+ transform: scale(1);
913
+ }
914
+
915
+ .premium-nav-pointer-background.premium-nav-animation-grow .premium-active-item .premium-menu-link-parent::before {
916
+ -webkit-transform: scale(1);
917
+ -ms-transform: scale(1);
918
+ transform: scale(1);
919
+ }
920
+
921
+ .premium-nav-pointer-background.premium-nav-animation-shrink .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
922
+ -webkit-transform: scale(1.2);
923
+ -ms-transform: scale(1.2);
924
+ transform: scale(1.2);
925
+ -webkit-transition: 0.3;
926
+ transition: 0.3;
927
+ }
928
+
929
+ .premium-nav-pointer-background.premium-nav-animation-sweep-left .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
930
+ left: 100%;
931
+ }
932
+
933
+ .premium-nav-pointer-background.premium-nav-animation-sweep-right .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
934
+ right: 100%;
935
+ }
936
+
937
+ .premium-nav-pointer-background.premium-nav-animation-sweep-up .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
938
+ top: 100%;
939
+ }
940
+
941
+ .premium-nav-pointer-background.premium-nav-animation-sweep-down .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
942
+ bottom: 100%;
943
+ }
944
+
945
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent::after,
946
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent::after {
947
+ top: 0;
948
+ left: 0;
949
+ right: 0;
950
+ bottom: 0;
951
+ background: #55595c;
952
+ background-color: #55595c;
953
+ z-index: -1;
954
+ }
955
+
956
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent::before {
957
+ top: 0;
958
+ bottom: 100%;
959
+ }
960
+
961
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent::after {
962
+ top: 100%;
963
+ bottom: 0;
964
+ }
965
+
966
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent:hover::before,
967
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent:focus::before {
968
+ bottom: 50%;
969
+ }
970
+
971
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent:hover::after,
972
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent:focus::after {
973
+ top: 50%;
974
+ }
975
+
976
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-active-item .premium-menu-link-parent::before {
977
+ bottom: 50%;
978
+ }
979
+
980
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-active-item .premium-menu-link-parent::after {
981
+ top: 50%;
982
+ }
983
+
984
+ .premium-nav-pointer-background.premium-nav-animation-shutter-out-vertical .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
985
+ bottom: 50%;
986
+ top: 50%;
987
+ }
988
+
989
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent::before {
990
+ right: 0;
991
+ left: 100%;
992
+ }
993
+
994
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent::after {
995
+ right: 100%;
996
+ left: 0;
997
+ }
998
+
999
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent:hover::before,
1000
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent:focus::before {
1001
+ left: 50%;
1002
+ }
1003
+
1004
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent:hover::after,
1005
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent:focus::after {
1006
+ right: 50%;
1007
+ }
1008
+
1009
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-active-item .premium-menu-link-parent::before {
1010
+ left: 50%;
1011
+ }
1012
+
1013
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-active-item .premium-menu-link-parent::after {
1014
+ right: 50%;
1015
+ }
1016
+
1017
+ .premium-nav-pointer-background.premium-nav-animation-shutter-out-horizontal .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
1018
+ left: 50%;
1019
+ right: 50%;
1020
+ }
1021
+
1022
+ .premium-active-item::before,
1023
+ .premium-active-item::after,
1024
+ .premium-menu-link-parent:hover::before,
1025
+ .premium-menu-link-parent:hover::after,
1026
+ .premium-menu-link-parent:focus::before,
1027
+ .premium-menu-link-parent:focus::after {
1028
+ -webkit-transform: scale(1);
1029
+ -ms-transform: scale(1);
1030
+ transform: scale(1);
1031
+ }
1032
+
1033
+ /**Sub Menu Animation*/
1034
+ .premium-nav-menu-item .premium-sub-menu,
1035
+ .premium-nav-menu-item .premium-mega-content-container {
1036
+ -webkit-transition: 0.5s all ease-in-out;
1037
+ transition: 0.5s all ease-in-out;
1038
+ -webkit-transition-delay: 0.1s;
1039
+ transition-delay: 0.1s;
1040
+ }
1041
+
1042
+ [class*="premium-nav-slide-"].premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item:hover>.premium-sub-menu,
1043
+ [class*="premium-nav-slide-"].premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item:hover>.premium-mega-content-container,
1044
+ [class*="premium-nav-slide-"].premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu:hover>.premium-sub-menu,
1045
+ [class*="premium-nav-slide-"].premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item:hover>.premium-sub-menu,
1046
+ [class*="premium-nav-slide-"].premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item:hover>.premium-mega-content-container,
1047
+ [class*="premium-nav-slide-"].premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu:hover>.premium-sub-menu {
1048
+ -webkit-transform: translate(0);
1049
+ -ms-transform: translate(0);
1050
+ transform: translate(0);
1051
+ }
1052
+
1053
+ .premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu,
1054
+ .premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-content-container,
1055
+ .premium-nav-slide-up.premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu,
1056
+ .premium-nav-slide-up.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-content-container {
1057
+ -webkit-transform: translateY(10px);
1058
+ -ms-transform: translateY(10px);
1059
+ transform: translateY(10px);
1060
+ }
1061
+
1062
+ .premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu,
1063
+ .premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-content-container,
1064
+ .premium-nav-slide-down.premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu,
1065
+ .premium-nav-slide-down.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-content-container {
1066
+ -webkit-transform: translateY(-10px);
1067
+ -ms-transform: translateY(-10px);
1068
+ transform: translateY(-10px);
1069
+ }
1070
+
1071
+ .premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu,
1072
+ .premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-content-container,
1073
+ .premium-nav-slide-right.premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu,
1074
+ .premium-nav-slide-right.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-content-container {
1075
+ -webkit-transform: translateX(-10px);
1076
+ -ms-transform: translateX(-10px);
1077
+ transform: translateX(-10px);
1078
+ }
1079
+
1080
+ .premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu,
1081
+ .premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-content-container,
1082
+ .premium-nav-slide-left.premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu,
1083
+ .premium-nav-slide-left.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-content-container {
1084
+ -webkit-transform: translateX(10px);
1085
+ -ms-transform: translateX(10px);
1086
+ transform: translateX(10px);
1087
+ }
1088
+
1089
+ /**Horizontal - Static Mega Content*/
1090
+ /*UP*/
1091
+ .premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static .premium-mega-content-container {
1092
+ -webkit-transform: translateX(-50%) translateY(10px);
1093
+ -ms-transform: translateX(-50%) translateY(10px);
1094
+ transform: translateX(-50%) translateY(10px);
1095
+ }
1096
+
1097
+ .premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container {
1098
+ -webkit-transform: translateX(-50%) translateY(0);
1099
+ -ms-transform: translateX(-50%) translateY(0);
1100
+ transform: translateX(-50%) translateY(0);
1101
+ }
1102
+
1103
+ /*DOWN*/
1104
+ .premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static .premium-mega-content-container {
1105
+ -webkit-transform: translateX(-50%) translateY(-10px);
1106
+ -ms-transform: translateX(-50%) translateY(-10px);
1107
+ transform: translateX(-50%) translateY(-10px);
1108
+ }
1109
+
1110
+ .premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container {
1111
+ -webkit-transform: translateX(-50%) translateY(0);
1112
+ -ms-transform: translateX(-50%) translateY(0);
1113
+ transform: translateX(-50%) translateY(0);
1114
+ }
1115
+
1116
+ /*Left*/
1117
+ .premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static .premium-mega-content-container {
1118
+ -webkit-transform: translateX(-45%);
1119
+ -ms-transform: translateX(-45%);
1120
+ transform: translateX(-45%);
1121
+ }
1122
+
1123
+ .premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container {
1124
+ -webkit-transform: translateX(-50%);
1125
+ -ms-transform: translateX(-50%);
1126
+ transform: translateX(-50%);
1127
+ }
1128
+
1129
+ /*Right*/
1130
+ .premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static .premium-mega-content-container {
1131
+ -webkit-transform: translateX(-55%);
1132
+ -ms-transform: translateX(-55%);
1133
+ transform: translateX(-55%);
1134
+ }
1135
+
1136
+ .premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container {
1137
+ -webkit-transform: translateX(-50%);
1138
+ -ms-transform: translateX(-50%);
1139
+ transform: translateX(-50%);
1140
+ }
1141
+
1142
+ /**Vertical - Static Mega Content*/
1143
+ .premium-nav-slide-down.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container,
1144
+ .premium-nav-slide-up.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container {
1145
+ -webkit-transform: translateY(0);
1146
+ -ms-transform: translateY(0);
1147
+ transform: translateY(0);
1148
+ }
1149
+
1150
+ .premium-nav-slide-right.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container,
1151
+ .premium-nav-slide-left.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container {
1152
+ -webkit-transform: translateX(0);
1153
+ -ms-transform: translateX(0);
1154
+ transform: translateX(0);
1155
+ }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
assets/frontend/css/premium-nav-menu.css CHANGED
@@ -1,914 +1,921 @@
1
- /************ Premium Nav Menu ************/
2
- .premium-nav-widget-container ul {
3
- list-style: none;
4
- margin: 0; }
5
-
6
- .premium-nav-widget-container .premium-main-nav-menu {
7
- -js-display: flex;
8
- display: -webkit-box;
9
- display: -webkit-flex;
10
- display: -moz-box;
11
- display: -ms-flexbox;
12
- display: flex;
13
- height: 100%; }
14
-
15
- /*Vertical Main Menu**/
16
- .premium-nav-ver .premium-nav-menu-container {
17
- width: 45%; }
18
-
19
- .premium-nav-ver .premium-main-nav-menu {
20
- position: relative;
21
- -webkit-box-orient: vertical;
22
- -webkit-box-direction: normal;
23
- -webkit-flex-direction: column;
24
- -moz-box-orient: vertical;
25
- -moz-box-direction: normal;
26
- -ms-flex-direction: column;
27
- flex-direction: column;
28
- -webkit-box-align: start;
29
- -webkit-align-items: flex-start;
30
- -moz-box-align: start;
31
- -ms-flex-align: start;
32
- align-items: flex-start; }
33
-
34
- .premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item.menu-item-has-children .premium-sub-menu {
35
- visibility: hidden;
36
- opacity: 0;
37
- position: absolute;
38
- min-width: 250px; }
39
-
40
- .premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item.menu-item-has-children:hover > .premium-sub-menu,
41
- .premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item.menu-item-has-children:hover .premium-mega-content-container {
42
- opacity: 1;
43
- visibility: visible; }
44
-
45
- .premium-nav-ver .premium-nav-menu-item {
46
- width: 100%; }
47
-
48
- .premium-nav-ver:not(.premium-hamburger-menu).premium-vertical-right .premium-mega-content-container,
49
- .premium-nav-ver:not(.premium-hamburger-menu).premium-vertical-right .premium-nav-menu-item.menu-item-has-children .premium-sub-menu {
50
- left: 100%;
51
- top: 0; }
52
-
53
- .premium-nav-ver .premium-vertical-left:not(.premium-hamburger-menu) .premium-mega-content-container,
54
- .premium-nav-ver .premium-vertical-left:not(.premium-hamburger-menu) .premium-nav-menu-item.menu-item-has-children .premium-sub-menu {
55
- right: 100%;
56
- top: 0; }
57
-
58
- .premium-nav-ver .premium-vertical-left .premium-menu-link {
59
- -webkit-box-orient: horizontal;
60
- -webkit-box-direction: reverse;
61
- -webkit-flex-direction: row-reverse;
62
- -moz-box-orient: horizontal;
63
- -moz-box-direction: reverse;
64
- -ms-flex-direction: row-reverse;
65
- flex-direction: row-reverse; }
66
-
67
- /*Horizontal Main Menu**/
68
- .premium-nav-hor .premium-nav-menu-container {
69
- height: 60px; }
70
-
71
- .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item .premium-sub-menu {
72
- visibility: hidden;
73
- opacity: 0;
74
- position: absolute;
75
- min-width: 220px; }
76
-
77
- .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item > .premium-sub-menu,
78
- .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item .premium-mega-content-container {
79
- top: 100%; }
80
- .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item > .premium-sub-menu .premium-sub-menu,
81
- .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item .premium-mega-content-container .premium-sub-menu {
82
- left: 100%;
83
- top: 0; }
84
-
85
- .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item:hover > .premium-sub-menu,
86
- .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item:hover .premium-mega-content-container {
87
- visibility: visible;
88
- opacity: 1;
89
- pointer-events: auto; }
90
-
91
- .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item.premium-mega-item-static .premium-mega-content-container {
92
- left: 50%;
93
- -webkit-transform: translateX(-50%);
94
- -ms-transform: translateX(-50%);
95
- transform: translateX(-50%); }
96
-
97
- .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item:not(.premium-mega-item-static) .premium-mega-content-container {
98
- left: 0; }
99
-
100
- /**Mega Menu Container*/
101
- .premium-mega-nav-item .premium-sub-menu {
102
- display: none; }
103
-
104
- .premium-mega-nav-item {
105
- position: relative; }
106
- .premium-mega-nav-item:hover .premium-mega-content-container {
107
- visibility: visible;
108
- opacity: 1;
109
- pointer-events: auto; }
110
-
111
- .premium-mega-content-container {
112
- visibility: hidden;
113
- position: absolute;
114
- z-index: 9999;
115
- opacity: 0;
116
- pointer-events: none; }
117
-
118
- .premium-hamburger-menu .premium-mega-content-container,
119
- .premium-nav-slide .premium-mega-content-container,
120
- .premium-nav-dropdown .premium-mega-content-container {
121
- visibility: visible;
122
- position: relative;
123
- opacity: 1;
124
- pointer-events: auto; }
125
-
126
- /**Hamburger Menu*/
127
- .premium-nav-widget-container a.premium-hamburger-toggle,
128
- .premium-mobile-menu-outer-container a.premium-mobile-menu-close {
129
- text-decoration: none; }
130
-
131
- .premium-nav-widget-container .premium-hamburger-toggle {
132
- display: none;
133
- -webkit-box-pack: center;
134
- -webkit-justify-content: center;
135
- -moz-box-pack: center;
136
- -ms-flex-pack: center;
137
- justify-content: center;
138
- -webkit-box-align: center;
139
- -webkit-align-items: center;
140
- -moz-box-align: center;
141
- -ms-flex-align: center;
142
- align-items: center; }
143
- .premium-nav-widget-container .premium-hamburger-toggle i {
144
- padding: 0.25em;
145
- font-size: 22px; }
146
- .premium-nav-widget-container .premium-hamburger-toggle svg {
147
- width: 22px;
148
- height: 22px; }
149
- .premium-nav-widget-container .premium-hamburger-toggle i,
150
- .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-text,
151
- .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-close {
152
- color: #494c4f; }
153
- .premium-nav-widget-container .premium-hamburger-toggle svg {
154
- fill: #494c4f; }
155
- .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-text,
156
- .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-close {
157
- margin: 2px; }
158
- .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-close {
159
- display: none; }
160
-
161
- .premium-mobile-menu-container {
162
- width: 100%; }
163
- .premium-mobile-menu-container .premium-main-mobile-menu {
164
- width: 100%; }
165
- .premium-mobile-menu-container ul {
166
- list-style: none;
167
- margin: 0; }
168
- .premium-mobile-menu-container .premium-mobile-menu,
169
- .premium-mobile-menu-container .premium-sub-menu {
170
- display: none;
171
- -webkit-box-orient: vertical;
172
- -webkit-box-direction: normal;
173
- -webkit-flex-direction: column;
174
- -moz-box-orient: vertical;
175
- -moz-box-direction: normal;
176
- -ms-flex-direction: column;
177
- flex-direction: column; }
178
- .premium-mobile-menu-container .premium-nav-menu-item {
179
- -webkit-box-orient: vertical;
180
- -webkit-box-direction: normal;
181
- -webkit-flex-direction: column;
182
- -moz-box-orient: vertical;
183
- -moz-box-direction: normal;
184
- -ms-flex-direction: column;
185
- flex-direction: column; }
186
- .premium-mobile-menu-container .premium-item-badge {
187
- top: 50%;
188
- right: 0;
189
- left: unset;
190
- -webkit-transform: translateY(-50%);
191
- -ms-transform: translateY(-50%);
192
- transform: translateY(-50%); }
193
-
194
- /**Vertical Hamburger Menu*/
195
- .premium-mobile-menu-outer-container {
196
- opacity: 0; }
197
- .premium-mobile-menu-outer-container.premium-vertical-toggle-open {
198
- opacity: 1; }
199
-
200
- .premium-ver-hamburger-menu .premium-mobile-menu-outer-container {
201
- background-color: #f7f7f7;
202
- width: 300px;
203
- -webkit-transform: translateX(-300px);
204
- -ms-transform: translateX(-300px);
205
- transform: translateX(-300px);
206
- height: 100%;
207
- position: fixed;
208
- top: 0;
209
- left: 0;
210
- overflow-x: hidden;
211
- z-index: 10000;
212
- -webkit-transition: 0.5s;
213
- transition: 0.5s;
214
- padding-top: 50px; }
215
- .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu {
216
- -js-display: flex;
217
- display: -webkit-box;
218
- display: -webkit-flex;
219
- display: -moz-box;
220
- display: -ms-flexbox;
221
- display: flex; }
222
- .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-container {
223
- margin-top: 50px; }
224
- .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-container .premium-item-badge {
225
- -webkit-transform: translateY(0);
226
- -ms-transform: translateY(0);
227
- transform: translateY(0); }
228
- .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-close {
229
- position: absolute;
230
- top: 2%;
231
- right: 5px;
232
- padding: 0 9px;
233
- z-index: 10000;
234
- -js-display: inline-flex;
235
- display: -webkit-inline-box;
236
- display: -webkit-inline-flex;
237
- display: -moz-inline-box;
238
- display: -ms-inline-flexbox;
239
- display: inline-flex;
240
- color: #494c4f;
241
- -webkit-box-pack: center;
242
- -webkit-justify-content: center;
243
- -moz-box-pack: center;
244
- -ms-flex-pack: center;
245
- justify-content: center;
246
- -webkit-box-align: center;
247
- -webkit-align-items: center;
248
- -moz-box-align: center;
249
- -ms-flex-align: center;
250
- align-items: center; }
251
- .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-close .premium-toggle-close {
252
- margin: 5px; }
253
- .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-close svg {
254
- width: 22px;
255
- height: 22px;
256
- fill: #494c4f; }
257
- .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-close i {
258
- font-size: 22px; }
259
-
260
- .premium-ver-hamburger-menu .premium-vertical-toggle-open {
261
- -webkit-transform: translateX(0) !important;
262
- -ms-transform: translateX(0) !important;
263
- transform: translateX(0) !important;
264
- -webkit-transition: 0.5s;
265
- transition: 0.5s; }
266
-
267
- /**Common*/
268
- .premium-nav-slide-overlay {
269
- display: none;
270
- position: fixed;
271
- top: 0;
272
- left: 0;
273
- right: 0;
274
- bottom: 0;
275
- -webkit-backface-visibility: hidden;
276
- backface-visibility: hidden;
277
- background: rgba(0, 0, 0, 0.6);
278
- z-index: 9999; }
279
- .premium-nav-slide-overlay.premium-vertical-toggle-open {
280
- display: block; }
281
-
282
- .premium-active-menu,
283
- .premium-active-menu:not(.premium-mega-nav-item) > .premium-sub-menu,
284
- .premium-active-menu.premium-mega-nav-item > .premium-mega-content-container {
285
- -js-display: flex !important;
286
- display: -webkit-box !important;
287
- display: -webkit-flex !important;
288
- display: -moz-box !important;
289
- display: -ms-flexbox !important;
290
- display: flex !important;
291
- -webkit-box-orient: vertical;
292
- -webkit-box-direction: normal;
293
- -webkit-flex-direction: column;
294
- -moz-box-orient: vertical;
295
- -moz-box-direction: normal;
296
- -ms-flex-direction: column;
297
- flex-direction: column; }
298
-
299
- .premium-active-menu .premium-toggle-close {
300
- display: block; }
301
-
302
- .premium-nav-menu-container .premium-sub-menu {
303
- background-color: #fff; }
304
-
305
- .premium-mobile-menu-container li,
306
- .premium-mobile-menu-container li > .premium-mega-content-container {
307
- width: 100% !important; }
308
-
309
- .premium-item-icon,
310
- .premium-sub-item-icon {
311
- font-size: 13px;
312
- margin: 0 7px; }
313
- .premium-item-icon svg,
314
- .premium-sub-item-icon svg {
315
- width: 100%;
316
- height: 100%; }
317
- .premium-item-icon.premium-lottie-animation,
318
- .premium-sub-item-icon.premium-lottie-animation {
319
- width: 20px;
320
- height: 20px;
321
- -js-display: flex;
322
- display: -webkit-box;
323
- display: -webkit-flex;
324
- display: -moz-box;
325
- display: -ms-flexbox;
326
- display: flex;
327
- -webkit-box-pack: center;
328
- -webkit-justify-content: center;
329
- -moz-box-pack: center;
330
- -ms-flex-pack: center;
331
- justify-content: center; }
332
- .premium-item-icon.dashicons,
333
- .premium-sub-item-icon.dashicons {
334
- width: 13px;
335
- height: 13px; }
336
-
337
- .premium-nav-menu-item {
338
- position: relative; }
339
- .premium-nav-menu-item .premium-menu-link {
340
- -js-display: flex;
341
- display: -webkit-box;
342
- display: -webkit-flex;
343
- display: -moz-box;
344
- display: -ms-flexbox;
345
- display: flex;
346
- -webkit-box-align: center;
347
- -webkit-align-items: center;
348
- -moz-box-align: center;
349
- -ms-flex-align: center;
350
- align-items: center;
351
- height: 100%;
352
- padding: 7px 10px;
353
- text-decoration: none;
354
- position: relative; }
355
- .premium-nav-menu-item .premium-dropdown-icon {
356
- margin: 5px; }
357
- .premium-nav-menu-item.menu-item-has-children {
358
- position: relative; }
359
- .premium-nav-menu-item.menu-item-has-children .premium-sub-menu {
360
- z-index: 9999; }
361
- .premium-nav-menu-item.menu-item-has-children .premium-sub-menu .premium-sub-menu-link {
362
- -webkit-box-pack: start;
363
- -webkit-justify-content: flex-start;
364
- -moz-box-pack: start;
365
- -ms-flex-pack: start;
366
- justify-content: flex-start; }
367
- .premium-nav-menu-item .menu-link {
368
- position: relative;
369
- text-decoration: none; }
370
-
371
- .premium-item-badge,
372
- .premium-sub-item-badge {
373
- position: absolute;
374
- padding: 1px 6px;
375
- min-width: 35px;
376
- text-align: center;
377
- font-size: 10px;
378
- -webkit-border-radius: 4px;
379
- border-radius: 4px;
380
- line-height: 1.8;
381
- white-space: nowrap; }
382
-
383
- .premium-nav-hor:not(.premium-hamburger-menu) .premium-item-badge, .premium-nav-hor:not(.premium-nav-slide) .premium-item-badge, .premium-nav-hor:not(.premium-nav-dropdown) .premium-item-badge {
384
- position: relative;
385
- margin: 8px; }
386
-
387
- .premium-nav-hor .premium-sub-item-badge,
388
- .premium-nav-slide .premium-sub-item-badge,
389
- .premium-nav-dropdown .premium-sub-item-badge,
390
- .premium-nav-ver.premium-vertical-right .premium-item-badge,
391
- .premium-nav-ver.premium-vertical-right .premium-sub-item-badge {
392
- top: 50%;
393
- right: 0;
394
- -webkit-transform: translateY(-50%);
395
- -ms-transform: translateY(-50%);
396
- transform: translateY(-50%); }
397
-
398
- .premium-nav-ver.premium-vertical-left .premium-item-badge,
399
- .premium-nav-ver.premium-vertical-left .premium-sub-item-badge {
400
- top: 50%;
401
- left: 0;
402
- -webkit-transform: translateY(-50%);
403
- -ms-transform: translateY(-50%);
404
- transform: translateY(-50%); }
405
-
406
- .premium-mega-nav-item .premium-sub-menu {
407
- display: none; }
408
-
409
- .premium-mega-nav-item {
410
- position: relative; }
411
-
412
- .premium-hamburger-menu .premium-mega-content-container,
413
- .premium-nav-dropdown .premium-mega-content-container,
414
- .premium-nav-slide .premium-mega-content-container {
415
- display: none; }
416
-
417
- .premium-mega-item-static {
418
- position: static !important; }
419
-
420
- .premium-hamburger-menu .premium-nav-menu-container,
421
- .premium-nav-dropdown .premium-nav-menu-container,
422
- .premium-nav-slide .premium-nav-menu-container {
423
- display: none; }
424
-
425
- .premium-hamburger-menu .premium-hamburger-toggle,
426
- .premium-nav-dropdown .premium-hamburger-toggle,
427
- .premium-nav-slide .premium-hamburger-toggle {
428
- -js-display: inline-flex;
429
- display: -webkit-inline-box;
430
- display: -webkit-inline-flex;
431
- display: -moz-inline-box;
432
- display: -ms-inline-flexbox;
433
- display: inline-flex; }
434
-
435
- .premium-hidden-icon-yes.premium-hamburger-menu .premium-item-icon,
436
- .premium-hidden-icon-yes.premium-hamburger-menu .premium-sub-item-icon,
437
- .premium-hidden-icon-yes.premium-nav-dropdown .premium-item-icon,
438
- .premium-hidden-icon-yes.premium-nav-dropdown .premium-sub-item-icon,
439
- .premium-hidden-icon-yes.premium-nav-slide .premium-item-icon,
440
- .premium-hidden-icon-yes.premium-nav-slide .premium-sub-item-icon {
441
- display: none; }
442
-
443
- .premium-hidden-badge-yes.premium-hamburger-menu .premium-item-badge,
444
- .premium-hidden-badge-yes.premium-hamburger-menu .premium-sub-item-badge,
445
- .premium-hidden-badge-yes.premium-nav-dropdown .premium-item-badge,
446
- .premium-hidden-badge-yes.premium-nav-dropdown .premium-sub-item-badge,
447
- .premium-hidden-badge-yes.premium-nav-slide .premium-item-badge,
448
- .premium-hidden-badge-yes.premium-nav-slide .premium-sub-item-badge {
449
- display: none; }
450
-
451
- .premium-ham-dropdown .premium-mobile-menu-container,
452
- .premium-nav-dropdown .premium-mobile-menu-container {
453
- -js-display: flex;
454
- display: -webkit-box;
455
- display: -webkit-flex;
456
- display: -moz-box;
457
- display: -ms-flexbox;
458
- display: flex; }
459
-
460
- .premium-ham-dropdown .premium-toggle-opened .premium-toggle-close,
461
- .premium-nav-dropdown .premium-toggle-opened .premium-toggle-close {
462
- display: inline !important; }
463
-
464
- .premium-ham-dropdown .premium-toggle-opened .premium-toggle-text,
465
- .premium-nav-dropdown .premium-toggle-opened .premium-toggle-text {
466
- display: none !important; }
467
-
468
- .premium-stretch-dropdown .premium-mobile-menu-container {
469
- position: absolute;
470
- z-index: 9999; }
471
-
472
- .premium-nav-default {
473
- display: none; }
474
-
475
- .premium-hamburger-toggle {
476
- width: 100%; }
477
-
478
- /*
479
- * Pointer & Pointer Animations
480
- */
481
- .premium-menu-link-parent::before, .premium-menu-link-parent::after {
482
- display: block;
483
- position: absolute;
484
- -webkit-transition: all 0.3s cubic-bezier(0.58, 0.3, 0.005, 1);
485
- transition: all 0.3s cubic-bezier(0.58, 0.3, 0.005, 1); }
486
-
487
- .premium-nav-pointer-underline .premium-menu-link-parent::after,
488
- .premium-nav-pointer-double-line .premium-menu-link-parent::after {
489
- content: "";
490
- bottom: 0; }
491
-
492
- .premium-nav-pointer-overline .premium-menu-link-parent::before,
493
- .premium-nav-pointer-double-line .premium-menu-link-parent::before {
494
- content: "";
495
- top: 0; }
496
-
497
- .premium-nav-pointer-underline .premium-menu-link-parent::before, .premium-nav-pointer-underline .premium-menu-link-parent::after,
498
- .premium-nav-pointer-overline .premium-menu-link-parent::before,
499
- .premium-nav-pointer-overline .premium-menu-link-parent::after,
500
- .premium-nav-pointer-double-line .premium-menu-link-parent::before,
501
- .premium-nav-pointer-double-line .premium-menu-link-parent::after {
502
- height: 3px;
503
- width: 100%;
504
- left: 0;
505
- background-color: #55595c;
506
- z-index: 2; }
507
-
508
- .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before, .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after {
509
- opacity: 0; }
510
-
511
- .premium-nav-pointer-underline.premium-nav-animation-none,
512
- .premium-nav-pointer-overline.premium-nav-animation-none,
513
- .premium-nav-pointer-double-line.premium-nav-animation-none {
514
- -webkit-transition-duration: 0s;
515
- transition-duration: 0s; }
516
- .premium-nav-pointer-underline.premium-nav-animation-none .premium-menu-link-parent,
517
- .premium-nav-pointer-underline.premium-nav-animation-none .premium-menu-link-parent::before,
518
- .premium-nav-pointer-underline.premium-nav-animation-none .premium-menu-link-parent::after,
519
- .premium-nav-pointer-underline.premium-nav-animation-none .premium-menu-link-parent:focus,
520
- .premium-nav-pointer-underline.premium-nav-animation-none .premium-menu-link-parent:hover,
521
- .premium-nav-pointer-overline.premium-nav-animation-none .premium-menu-link-parent,
522
- .premium-nav-pointer-overline.premium-nav-animation-none .premium-menu-link-parent::before,
523
- .premium-nav-pointer-overline.premium-nav-animation-none .premium-menu-link-parent::after,
524
- .premium-nav-pointer-overline.premium-nav-animation-none .premium-menu-link-parent:focus,
525
- .premium-nav-pointer-overline.premium-nav-animation-none .premium-menu-link-parent:hover,
526
- .premium-nav-pointer-double-line.premium-nav-animation-none .premium-menu-link-parent,
527
- .premium-nav-pointer-double-line.premium-nav-animation-none .premium-menu-link-parent::before,
528
- .premium-nav-pointer-double-line.premium-nav-animation-none .premium-menu-link-parent::after,
529
- .premium-nav-pointer-double-line.premium-nav-animation-none .premium-menu-link-parent:focus,
530
- .premium-nav-pointer-double-line.premium-nav-animation-none .premium-menu-link-parent:hover {
531
- -webkit-transition-duration: 0s;
532
- transition-duration: 0s; }
533
-
534
- .premium-nav-pointer-underline.premium-nav-animation-slide .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after,
535
- .premium-nav-pointer-double-line.premium-nav-animation-slide .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after {
536
- width: 10px;
537
- inset-inline-start: 100%; }
538
-
539
- .premium-nav-pointer-overline.premium-nav-animation-slide .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,
540
- .premium-nav-pointer-double-line.premium-nav-animation-slide .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
541
- width: 10px;
542
- left: -20px; }
543
-
544
- .premium-nav-pointer-underline.premium-nav-animation-grow .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before, .premium-nav-pointer-underline.premium-nav-animation-grow .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after,
545
- .premium-nav-pointer-overline.premium-nav-animation-grow .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,
546
- .premium-nav-pointer-overline.premium-nav-animation-grow .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after,
547
- .premium-nav-pointer-double-line.premium-nav-animation-grow .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,
548
- .premium-nav-pointer-double-line.premium-nav-animation-grow .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after {
549
- height: 0;
550
- width: 0;
551
- left: 50%; }
552
-
553
- .premium-nav-pointer-underline.premium-nav-animation-drop-in .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,
554
- .premium-nav-pointer-overline.premium-nav-animation-drop-in .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,
555
- .premium-nav-pointer-double-line.premium-nav-animation-drop-in .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
556
- top: -10px; }
557
-
558
- .premium-nav-pointer-underline.premium-nav-animation-drop-in .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after,
559
- .premium-nav-pointer-overline.premium-nav-animation-drop-in .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after,
560
- .premium-nav-pointer-double-line.premium-nav-animation-drop-in .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after {
561
- bottom: -10px; }
562
-
563
- .premium-nav-pointer-underline.premium-nav-animation-drop-out .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,
564
- .premium-nav-pointer-overline.premium-nav-animation-drop-out .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,
565
- .premium-nav-pointer-double-line.premium-nav-animation-drop-out .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
566
- top: 10px; }
567
-
568
- .premium-nav-pointer-underline.premium-nav-animation-drop-out .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after,
569
- .premium-nav-pointer-overline.premium-nav-animation-drop-out .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after,
570
- .premium-nav-pointer-double-line.premium-nav-animation-drop-out .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after {
571
- bottom: 10px; }
572
-
573
- .premium-nav-pointer-framed .premium-menu-link-parent::before {
574
- content: ""; }
575
-
576
- .premium-nav-pointer-framed .premium-menu-link-parent::before, .premium-nav-pointer-framed .premium-menu-link-parent::after {
577
- background: transparent;
578
- left: 0;
579
- top: 0;
580
- bottom: 0;
581
- right: 0;
582
- border: 3px solid #55595c; }
583
-
584
- .premium-nav-pointer-framed.premium-nav-animation-grow .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
585
- -webkit-transform: scale(0.75);
586
- -ms-transform: scale(0.75);
587
- transform: scale(0.75); }
588
-
589
- .premium-nav-pointer-framed.premium-nav-animation-shrink .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
590
- -webkit-transform: scale(1.25);
591
- -ms-transform: scale(1.25);
592
- transform: scale(1.25); }
593
-
594
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent::before, .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent::after {
595
- width: 3px;
596
- height: 3px; }
597
-
598
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent::before {
599
- border-width: 0 0 3px 3px;
600
- -webkit-transition: width 0.1s 0.2s, height 0.1s 0.3s, opacity 0.12s 0.22s;
601
- transition: width 0.1s 0.2s, height 0.1s 0.3s, opacity 0.12s 0.22s; }
602
-
603
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent::after {
604
- content: "";
605
- top: auto;
606
- bottom: 0;
607
- left: auto;
608
- right: 0;
609
- border-width: 3px 3px 0 0;
610
- -webkit-transition: width 0.1s, height 0.1s 0.1s, opacity 0.02s 0.18s;
611
- transition: width 0.1s, height 0.1s 0.1s, opacity 0.02s 0.18s; }
612
-
613
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:hover::before, .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:focus::before {
614
- -webkit-transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s;
615
- transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s; }
616
-
617
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:hover::after, .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:focus::after {
618
- -webkit-transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s;
619
- transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s; }
620
-
621
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:hover::before, .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:hover::after, .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:focus::before, .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:focus::after {
622
- width: 100%;
623
- height: 100%; }
624
-
625
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-active-item .premium-menu-link-parent::before {
626
- -webkit-transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s;
627
- transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s; }
628
-
629
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-active-item .premium-menu-link-parent::after {
630
- -webkit-transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s;
631
- transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s; }
632
-
633
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-active-item .premium-menu-link-parent::before, .premium-nav-pointer-framed.premium-nav-animation-draw .premium-active-item .premium-menu-link-parent::after {
634
- width: 100%;
635
- height: 100%; }
636
-
637
- .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent::before {
638
- border-width: 3px 0 0 3px; }
639
-
640
- .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent::after {
641
- content: "";
642
- top: auto;
643
- bottom: 0;
644
- left: auto;
645
- right: 0;
646
- border-width: 0 3px 3px 0; }
647
-
648
- .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent::before, .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent::after {
649
- width: 3px;
650
- height: 3px; }
651
-
652
- .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent:hover::before, .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent:hover::after, .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent:focus::before, .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent:focus::after {
653
- width: 100%;
654
- height: 100%;
655
- -webkit-transition: opacity 2ms, width 0.4s, height 0.4s;
656
- transition: opacity 2ms, width 0.4s, height 0.4s; }
657
-
658
- .premium-nav-pointer-framed.premium-nav-animation-corners .premium-active-item .premium-menu-link-parent::before, .premium-nav-pointer-framed.premium-nav-animation-corners .premium-active-item .premium-menu-link-parent::after {
659
- width: 100%;
660
- height: 100%;
661
- -webkit-transition: opacity 2ms, width 0.4s, height 0.4s;
662
- transition: opacity 2ms, width 0.4s, height 0.4s; }
663
-
664
- .premium-nav-pointer-text.premium-nav-animation-grow .premium-menu-link-parent:hover, .premium-nav-pointer-text.premium-nav-animation-grow .premium-menu-link-parent:focus {
665
- -webkit-transform: scale(1.2);
666
- -ms-transform: scale(1.2);
667
- transform: scale(1.2); }
668
-
669
- .premium-nav-pointer-text.premium-nav-animation-shrink .premium-menu-link-parent:hover, .premium-nav-pointer-text.premium-nav-animation-shrink .premium-menu-link-parent:focus {
670
- -webkit-transform: scale(0.8);
671
- -ms-transform: scale(0.8);
672
- transform: scale(0.8); }
673
-
674
- .premium-nav-pointer-text.premium-nav-animation-sink .premium-menu-link-parent:hover, .premium-nav-pointer-text.premium-nav-animation-sink .premium-menu-link-parent:focus {
675
- -webkit-transform: translateY(8px);
676
- -ms-transform: translateY(8px);
677
- transform: translateY(8px); }
678
-
679
- .premium-nav-pointer-text.premium-nav-animation-float .premium-menu-link-parent:hover, .premium-nav-pointer-text.premium-nav-animation-float .premium-menu-link-parent:focus {
680
- -webkit-transform: translateY(-8px);
681
- -ms-transform: translateY(-8px);
682
- transform: translateY(-8px); }
683
-
684
- .premium-nav-pointer-text.premium-nav-animation-skew .premium-menu-link-parent:hover, .premium-nav-pointer-text.premium-nav-animation-skew .premium-menu-link-parent:focus {
685
- -webkit-transform: skew(-8deg);
686
- -ms-transform: skew(-8deg);
687
- transform: skew(-8deg); }
688
-
689
- .premium-nav-pointer-text.premium-nav-animation-rotate .premium-menu-link-parent:hover, .premium-nav-pointer-text.premium-nav-animation-rotate .premium-menu-link-parent:focus {
690
- -webkit-transform: rotate(6deg);
691
- -ms-transform: rotate(6deg);
692
- transform: rotate(6deg); }
693
-
694
- .premium-nav-pointer-background .premium-menu-link-parent::before {
695
- top: 0;
696
- left: 0;
697
- right: 0;
698
- bottom: 0;
699
- background: #55595c;
700
- background-color: #55595c;
701
- z-index: -1; }
702
-
703
- .premium-nav-pointer-background .premium-menu-link-parent::before, .premium-nav-pointer-background .premium-menu-link-parent::after {
704
- content: "";
705
- -webkit-transition: 0.3s;
706
- transition: 0.3s; }
707
-
708
- .premium-nav-pointer-background.premium-nav-animation-grow .premium-menu-link-parent::before {
709
- -webkit-transform: scale(0.5);
710
- -ms-transform: scale(0.5);
711
- transform: scale(0.5); }
712
-
713
- .premium-nav-pointer-background.premium-nav-animation-grow .premium-menu-link-parent:hover::before, .premium-nav-pointer-background.premium-nav-animation-grow .premium-menu-link-parent:focus::before {
714
- -webkit-transform: scale(1);
715
- -ms-transform: scale(1);
716
- transform: scale(1); }
717
-
718
- .premium-nav-pointer-background.premium-nav-animation-grow .premium-active-item .premium-menu-link-parent::before {
719
- -webkit-transform: scale(1);
720
- -ms-transform: scale(1);
721
- transform: scale(1); }
722
-
723
- .premium-nav-pointer-background.premium-nav-animation-shrink .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
724
- -webkit-transform: scale(1.2);
725
- -ms-transform: scale(1.2);
726
- transform: scale(1.2);
727
- -webkit-transition: 0.3;
728
- transition: 0.3; }
729
-
730
- .premium-nav-pointer-background.premium-nav-animation-sweep-left .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
731
- left: 100%; }
732
-
733
- .premium-nav-pointer-background.premium-nav-animation-sweep-right .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
734
- right: 100%; }
735
-
736
- .premium-nav-pointer-background.premium-nav-animation-sweep-up .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
737
- top: 100%; }
738
-
739
- .premium-nav-pointer-background.premium-nav-animation-sweep-down .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
740
- bottom: 100%; }
741
-
742
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent::after, .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent::after {
743
- top: 0;
744
- left: 0;
745
- right: 0;
746
- bottom: 0;
747
- background: #55595c;
748
- background-color: #55595c;
749
- z-index: -1; }
750
-
751
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent::before {
752
- top: 0;
753
- bottom: 100%; }
754
-
755
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent::after {
756
- top: 100%;
757
- bottom: 0; }
758
-
759
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent:hover::before, .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent:focus::before {
760
- bottom: 50%; }
761
-
762
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent:hover::after, .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent:focus::after {
763
- top: 50%; }
764
-
765
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-active-item .premium-menu-link-parent::before {
766
- bottom: 50%; }
767
-
768
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-active-item .premium-menu-link-parent::after {
769
- top: 50%; }
770
-
771
- .premium-nav-pointer-background.premium-nav-animation-shutter-out-vertical .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
772
- bottom: 50%;
773
- top: 50%; }
774
-
775
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent::before {
776
- right: 0;
777
- left: 100%; }
778
-
779
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent::after {
780
- right: 100%;
781
- left: 0; }
782
-
783
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent:hover::before, .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent:focus::before {
784
- left: 50%; }
785
-
786
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent:hover::after, .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent:focus::after {
787
- right: 50%; }
788
-
789
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-active-item .premium-menu-link-parent::before {
790
- left: 50%; }
791
-
792
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-active-item .premium-menu-link-parent::after {
793
- right: 50%; }
794
-
795
- .premium-nav-pointer-background.premium-nav-animation-shutter-out-horizontal .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
796
- left: 50%;
797
- right: 50%; }
798
-
799
- .premium-active-item::before, .premium-active-item::after,
800
- .premium-menu-link-parent:hover::before,
801
- .premium-menu-link-parent:hover::after,
802
- .premium-menu-link-parent:focus::before,
803
- .premium-menu-link-parent:focus::after {
804
- -webkit-transform: scale(1);
805
- -ms-transform: scale(1);
806
- transform: scale(1); }
807
-
808
- /**Sub Menu Animation*/
809
- .premium-nav-menu-item .premium-sub-menu,
810
- .premium-nav-menu-item .premium-mega-content-container {
811
- -webkit-transition: 0.5s all ease-in-out;
812
- transition: 0.5s all ease-in-out;
813
- -webkit-transition-delay: 0.1s;
814
- transition-delay: 0.1s; }
815
-
816
- [class*="premium-nav-slide-"].premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item:hover > .premium-sub-menu,
817
- [class*="premium-nav-slide-"].premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item:hover > .premium-mega-content-container,
818
- [class*="premium-nav-slide-"].premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu:hover > .premium-sub-menu,
819
- [class*="premium-nav-slide-"].premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item:hover > .premium-sub-menu,
820
- [class*="premium-nav-slide-"].premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item:hover > .premium-mega-content-container,
821
- [class*="premium-nav-slide-"].premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu:hover > .premium-sub-menu {
822
- -webkit-transform: translate(0);
823
- -ms-transform: translate(0);
824
- transform: translate(0); }
825
-
826
- .premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu,
827
- .premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-content-container,
828
- .premium-nav-slide-up.premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu,
829
- .premium-nav-slide-up.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-content-container {
830
- -webkit-transform: translateY(10px);
831
- -ms-transform: translateY(10px);
832
- transform: translateY(10px); }
833
-
834
- .premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu,
835
- .premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-content-container,
836
- .premium-nav-slide-down.premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu,
837
- .premium-nav-slide-down.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-content-container {
838
- -webkit-transform: translateY(-10px);
839
- -ms-transform: translateY(-10px);
840
- transform: translateY(-10px); }
841
-
842
- .premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu,
843
- .premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-content-container,
844
- .premium-nav-slide-right.premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu,
845
- .premium-nav-slide-right.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-content-container {
846
- -webkit-transform: translateX(-10px);
847
- -ms-transform: translateX(-10px);
848
- transform: translateX(-10px); }
849
-
850
- .premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu,
851
- .premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-content-container,
852
- .premium-nav-slide-left.premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu,
853
- .premium-nav-slide-left.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-content-container {
854
- -webkit-transform: translateX(10px);
855
- -ms-transform: translateX(10px);
856
- transform: translateX(10px); }
857
-
858
- /**Horizontal - Static Mega Content*/
859
- /*UP*/
860
- .premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static .premium-mega-content-container {
861
- -webkit-transform: translateX(-50%) translateY(10px);
862
- -ms-transform: translateX(-50%) translateY(10px);
863
- transform: translateX(-50%) translateY(10px); }
864
-
865
- .premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container {
866
- -webkit-transform: translateX(-50%) translateY(0);
867
- -ms-transform: translateX(-50%) translateY(0);
868
- transform: translateX(-50%) translateY(0); }
869
-
870
- /*DOWN*/
871
- .premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static .premium-mega-content-container {
872
- -webkit-transform: translateX(-50%) translateY(-10px);
873
- -ms-transform: translateX(-50%) translateY(-10px);
874
- transform: translateX(-50%) translateY(-10px); }
875
-
876
- .premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container {
877
- -webkit-transform: translateX(-50%) translateY(0);
878
- -ms-transform: translateX(-50%) translateY(0);
879
- transform: translateX(-50%) translateY(0); }
880
-
881
- /*Left*/
882
- .premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static .premium-mega-content-container {
883
- -webkit-transform: translateX(-45%);
884
- -ms-transform: translateX(-45%);
885
- transform: translateX(-45%); }
886
-
887
- .premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container {
888
- -webkit-transform: translateX(-50%);
889
- -ms-transform: translateX(-50%);
890
- transform: translateX(-50%); }
891
-
892
- /*Right*/
893
- .premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static .premium-mega-content-container {
894
- -webkit-transform: translateX(-55%);
895
- -ms-transform: translateX(-55%);
896
- transform: translateX(-55%); }
897
-
898
- .premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container {
899
- -webkit-transform: translateX(-50%);
900
- -ms-transform: translateX(-50%);
901
- transform: translateX(-50%); }
902
-
903
- /**Vertical - Static Mega Content*/
904
- .premium-nav-slide-down.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container,
905
- .premium-nav-slide-up.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container {
906
- -webkit-transform: translateY(0);
907
- -ms-transform: translateY(0);
908
- transform: translateY(0); }
909
-
910
- .premium-nav-slide-right.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container,
911
- .premium-nav-slide-left.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container {
912
- -webkit-transform: translateX(0);
913
- -ms-transform: translateX(0);
914
- transform: translateX(0); }
 
 
 
 
 
 
 
1
+ /************ Premium Nav Menu ************/
2
+ .premium-nav-widget-container ul {
3
+ list-style: none;
4
+ margin: 0; }
5
+
6
+ .premium-nav-widget-container .premium-main-nav-menu {
7
+ -js-display: flex;
8
+ display: -webkit-box;
9
+ display: -webkit-flex;
10
+ display: -moz-box;
11
+ display: -ms-flexbox;
12
+ display: flex;
13
+ height: 100%; }
14
+
15
+ /*Vertical Main Menu**/
16
+ .premium-nav-ver .premium-nav-menu-container {
17
+ width: 45%; }
18
+
19
+ .premium-nav-ver .premium-main-nav-menu {
20
+ position: relative;
21
+ -webkit-box-orient: vertical;
22
+ -webkit-box-direction: normal;
23
+ -webkit-flex-direction: column;
24
+ -moz-box-orient: vertical;
25
+ -moz-box-direction: normal;
26
+ -ms-flex-direction: column;
27
+ flex-direction: column;
28
+ -webkit-box-align: start;
29
+ -webkit-align-items: flex-start;
30
+ -moz-box-align: start;
31
+ -ms-flex-align: start;
32
+ align-items: flex-start; }
33
+
34
+ .premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item.menu-item-has-children .premium-sub-menu {
35
+ visibility: hidden;
36
+ opacity: 0;
37
+ position: absolute;
38
+ min-width: 250px; }
39
+
40
+ .premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item.menu-item-has-children:hover > .premium-sub-menu,
41
+ .premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item.menu-item-has-children:hover .premium-mega-content-container {
42
+ opacity: 1;
43
+ visibility: visible; }
44
+
45
+ .premium-nav-ver .premium-nav-menu-item {
46
+ width: 100%; }
47
+
48
+ .premium-nav-ver:not(.premium-hamburger-menu).premium-vertical-right .premium-mega-content-container,
49
+ .premium-nav-ver:not(.premium-hamburger-menu).premium-vertical-right .premium-nav-menu-item.menu-item-has-children .premium-sub-menu {
50
+ left: 100%;
51
+ top: 0; }
52
+
53
+ .premium-nav-ver .premium-vertical-left:not(.premium-hamburger-menu) .premium-mega-content-container,
54
+ .premium-nav-ver .premium-vertical-left:not(.premium-hamburger-menu) .premium-nav-menu-item.menu-item-has-children .premium-sub-menu {
55
+ right: 100%;
56
+ top: 0; }
57
+
58
+ .premium-nav-ver .premium-vertical-left .premium-menu-link {
59
+ -webkit-box-orient: horizontal;
60
+ -webkit-box-direction: reverse;
61
+ -webkit-flex-direction: row-reverse;
62
+ -moz-box-orient: horizontal;
63
+ -moz-box-direction: reverse;
64
+ -ms-flex-direction: row-reverse;
65
+ flex-direction: row-reverse; }
66
+
67
+ /*Horizontal Main Menu**/
68
+ .premium-nav-hor .premium-nav-menu-container {
69
+ height: 60px; }
70
+
71
+ .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item .premium-sub-menu {
72
+ visibility: hidden;
73
+ opacity: 0;
74
+ position: absolute;
75
+ min-width: 220px; }
76
+
77
+ .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item > .premium-sub-menu,
78
+ .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item .premium-mega-content-container {
79
+ top: 100%; }
80
+ .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item > .premium-sub-menu .premium-sub-menu,
81
+ .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item .premium-mega-content-container .premium-sub-menu {
82
+ left: 100%;
83
+ top: 0; }
84
+
85
+ .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item:hover > .premium-sub-menu,
86
+ .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item:hover .premium-mega-content-container {
87
+ visibility: visible;
88
+ opacity: 1;
89
+ pointer-events: auto; }
90
+
91
+ .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item.premium-mega-item-static .premium-mega-content-container {
92
+ left: 50%;
93
+ -webkit-transform: translateX(-50%);
94
+ -ms-transform: translateX(-50%);
95
+ transform: translateX(-50%); }
96
+
97
+ .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item .premium-mega-content-centered {
98
+ left: 50%;
99
+ -webkit-transform: translateX(-50%);
100
+ -ms-transform: translateX(-50%);
101
+ transform: translateX(-50%); }
102
+
103
+ .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item:not(.premium-mega-item-static) .premium-mega-content-container {
104
+ left: 0; }
105
+
106
+ /**Mega Menu Container*/
107
+ .premium-mega-nav-item .premium-sub-menu {
108
+ display: none; }
109
+
110
+ .premium-mega-nav-item {
111
+ position: relative; }
112
+ .premium-mega-nav-item:hover .premium-mega-content-container {
113
+ visibility: visible;
114
+ opacity: 1;
115
+ pointer-events: auto; }
116
+
117
+ .premium-mega-content-container {
118
+ visibility: hidden;
119
+ position: absolute;
120
+ z-index: 9999;
121
+ opacity: 0;
122
+ pointer-events: none; }
123
+
124
+ .premium-hamburger-menu .premium-mega-content-container,
125
+ .premium-nav-slide .premium-mega-content-container,
126
+ .premium-nav-dropdown .premium-mega-content-container {
127
+ visibility: visible;
128
+ position: relative;
129
+ opacity: 1;
130
+ pointer-events: auto; }
131
+
132
+ /**Hamburger Menu*/
133
+ .premium-nav-widget-container a.premium-hamburger-toggle,
134
+ .premium-mobile-menu-outer-container a.premium-mobile-menu-close {
135
+ text-decoration: none; }
136
+
137
+ .premium-nav-widget-container .premium-hamburger-toggle {
138
+ display: none;
139
+ -webkit-box-pack: center;
140
+ -webkit-justify-content: center;
141
+ -moz-box-pack: center;
142
+ -ms-flex-pack: center;
143
+ justify-content: center;
144
+ -webkit-box-align: center;
145
+ -webkit-align-items: center;
146
+ -moz-box-align: center;
147
+ -ms-flex-align: center;
148
+ align-items: center; }
149
+ .premium-nav-widget-container .premium-hamburger-toggle i {
150
+ padding: 0.25em;
151
+ font-size: 22px; }
152
+ .premium-nav-widget-container .premium-hamburger-toggle svg {
153
+ width: 22px;
154
+ height: 22px; }
155
+ .premium-nav-widget-container .premium-hamburger-toggle i,
156
+ .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-text,
157
+ .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-close {
158
+ color: #494c4f; }
159
+ .premium-nav-widget-container .premium-hamburger-toggle svg {
160
+ fill: #494c4f; }
161
+ .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-text,
162
+ .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-close {
163
+ margin: 2px; }
164
+ .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-close {
165
+ display: none; }
166
+
167
+ .premium-mobile-menu-container {
168
+ width: 100%; }
169
+ .premium-mobile-menu-container .premium-main-mobile-menu {
170
+ width: 100%; }
171
+ .premium-mobile-menu-container ul {
172
+ list-style: none;
173
+ margin: 0;
174
+ padding: 0; }
175
+ .premium-mobile-menu-container .premium-mobile-menu,
176
+ .premium-mobile-menu-container .premium-sub-menu {
177
+ display: none;
178
+ -webkit-box-orient: vertical;
179
+ -webkit-box-direction: normal;
180
+ -webkit-flex-direction: column;
181
+ -moz-box-orient: vertical;
182
+ -moz-box-direction: normal;
183
+ -ms-flex-direction: column;
184
+ flex-direction: column; }
185
+ .premium-mobile-menu-container .premium-nav-menu-item {
186
+ -webkit-box-orient: vertical;
187
+ -webkit-box-direction: normal;
188
+ -webkit-flex-direction: column;
189
+ -moz-box-orient: vertical;
190
+ -moz-box-direction: normal;
191
+ -ms-flex-direction: column;
192
+ flex-direction: column; }
193
+ .premium-mobile-menu-container .premium-item-badge {
194
+ top: 50%;
195
+ right: 0;
196
+ left: unset;
197
+ -webkit-transform: translateY(-50%);
198
+ -ms-transform: translateY(-50%);
199
+ transform: translateY(-50%); }
200
+
201
+ /**Vertical Hamburger Menu*/
202
+ .premium-mobile-menu-outer-container {
203
+ opacity: 0; }
204
+ .premium-mobile-menu-outer-container.premium-vertical-toggle-open {
205
+ opacity: 1; }
206
+
207
+ .premium-ver-hamburger-menu .premium-mobile-menu-outer-container {
208
+ background-color: #f7f7f7;
209
+ width: 300px;
210
+ -webkit-transform: translateX(-300px);
211
+ -ms-transform: translateX(-300px);
212
+ transform: translateX(-300px);
213
+ height: 100%;
214
+ position: fixed;
215
+ top: 0;
216
+ left: 0;
217
+ overflow-x: hidden;
218
+ z-index: 10000;
219
+ -webkit-transition: 0.5s;
220
+ transition: 0.5s;
221
+ padding-top: 50px; }
222
+ .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu {
223
+ -js-display: flex;
224
+ display: -webkit-box;
225
+ display: -webkit-flex;
226
+ display: -moz-box;
227
+ display: -ms-flexbox;
228
+ display: flex; }
229
+ .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-container {
230
+ margin-top: 50px; }
231
+ .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-container .premium-item-badge {
232
+ -webkit-transform: translateY(0);
233
+ -ms-transform: translateY(0);
234
+ transform: translateY(0); }
235
+ .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-close {
236
+ position: absolute;
237
+ top: 2%;
238
+ right: 5px;
239
+ padding: 0 9px;
240
+ z-index: 10000;
241
+ -js-display: inline-flex;
242
+ display: -webkit-inline-box;
243
+ display: -webkit-inline-flex;
244
+ display: -moz-inline-box;
245
+ display: -ms-inline-flexbox;
246
+ display: inline-flex;
247
+ color: #494c4f;
248
+ -webkit-box-pack: center;
249
+ -webkit-justify-content: center;
250
+ -moz-box-pack: center;
251
+ -ms-flex-pack: center;
252
+ justify-content: center;
253
+ -webkit-box-align: center;
254
+ -webkit-align-items: center;
255
+ -moz-box-align: center;
256
+ -ms-flex-align: center;
257
+ align-items: center; }
258
+ .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-close .premium-toggle-close {
259
+ margin: 5px; }
260
+ .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-close svg {
261
+ width: 22px;
262
+ height: 22px;
263
+ fill: #494c4f; }
264
+ .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-close i {
265
+ font-size: 22px; }
266
+
267
+ .premium-ver-hamburger-menu .premium-vertical-toggle-open {
268
+ -webkit-transform: translateX(0) !important;
269
+ -ms-transform: translateX(0) !important;
270
+ transform: translateX(0) !important;
271
+ -webkit-transition: 0.5s;
272
+ transition: 0.5s; }
273
+
274
+ /**Common*/
275
+ .premium-nav-slide-overlay {
276
+ display: none;
277
+ position: fixed;
278
+ top: 0;
279
+ left: 0;
280
+ right: 0;
281
+ bottom: 0;
282
+ -webkit-backface-visibility: hidden;
283
+ backface-visibility: hidden;
284
+ background: rgba(0, 0, 0, 0.6);
285
+ z-index: 9999; }
286
+ .premium-nav-slide-overlay.premium-vertical-toggle-open {
287
+ display: block; }
288
+
289
+ .premium-active-menu,
290
+ .premium-active-menu:not(.premium-mega-nav-item) > .premium-sub-menu,
291
+ .premium-active-menu.premium-mega-nav-item > .premium-mega-content-container {
292
+ -js-display: flex !important;
293
+ display: -webkit-box !important;
294
+ display: -webkit-flex !important;
295
+ display: -moz-box !important;
296
+ display: -ms-flexbox !important;
297
+ display: flex !important;
298
+ -webkit-box-orient: vertical;
299
+ -webkit-box-direction: normal;
300
+ -webkit-flex-direction: column;
301
+ -moz-box-orient: vertical;
302
+ -moz-box-direction: normal;
303
+ -ms-flex-direction: column;
304
+ flex-direction: column; }
305
+
306
+ .premium-active-menu .premium-toggle-close {
307
+ display: block; }
308
+
309
+ .premium-nav-menu-container .premium-sub-menu {
310
+ background-color: #fff; }
311
+
312
+ .premium-mobile-menu-container li,
313
+ .premium-mobile-menu-container li > .premium-mega-content-container {
314
+ width: 100% !important; }
315
+
316
+ .premium-item-icon,
317
+ .premium-sub-item-icon {
318
+ font-size: 13px;
319
+ margin: 0 7px; }
320
+ .premium-item-icon svg,
321
+ .premium-sub-item-icon svg {
322
+ width: 100%;
323
+ height: 100%; }
324
+ .premium-item-icon.premium-lottie-animation,
325
+ .premium-sub-item-icon.premium-lottie-animation {
326
+ width: 20px;
327
+ height: 20px;
328
+ -js-display: flex;
329
+ display: -webkit-box;
330
+ display: -webkit-flex;
331
+ display: -moz-box;
332
+ display: -ms-flexbox;
333
+ display: flex;
334
+ -webkit-box-pack: center;
335
+ -webkit-justify-content: center;
336
+ -moz-box-pack: center;
337
+ -ms-flex-pack: center;
338
+ justify-content: center; }
339
+ .premium-item-icon.dashicons,
340
+ .premium-sub-item-icon.dashicons {
341
+ width: 13px;
342
+ height: 13px; }
343
+
344
+ .premium-nav-menu-item {
345
+ position: relative; }
346
+ .premium-nav-menu-item .premium-menu-link {
347
+ -js-display: flex;
348
+ display: -webkit-box;
349
+ display: -webkit-flex;
350
+ display: -moz-box;
351
+ display: -ms-flexbox;
352
+ display: flex;
353
+ -webkit-box-align: center;
354
+ -webkit-align-items: center;
355
+ -moz-box-align: center;
356
+ -ms-flex-align: center;
357
+ align-items: center;
358
+ height: 100%;
359
+ padding: 7px 10px;
360
+ text-decoration: none;
361
+ position: relative; }
362
+ .premium-nav-menu-item .premium-dropdown-icon {
363
+ margin: 5px; }
364
+ .premium-nav-menu-item.menu-item-has-children {
365
+ position: relative; }
366
+ .premium-nav-menu-item.menu-item-has-children .premium-sub-menu {
367
+ z-index: 9999; }
368
+ .premium-nav-menu-item.menu-item-has-children .premium-sub-menu .premium-sub-menu-link {
369
+ -webkit-box-pack: start;
370
+ -webkit-justify-content: flex-start;
371
+ -moz-box-pack: start;
372
+ -ms-flex-pack: start;
373
+ justify-content: flex-start; }
374
+ .premium-nav-menu-item .menu-link {
375
+ position: relative;
376
+ text-decoration: none; }
377
+
378
+ .premium-item-badge,
379
+ .premium-sub-item-badge {
380
+ position: absolute;
381
+ padding: 1px 6px;
382
+ min-width: 35px;
383
+ text-align: center;
384
+ font-size: 10px;
385
+ -webkit-border-radius: 4px;
386
+ border-radius: 4px;
387
+ line-height: 1.8;
388
+ white-space: nowrap; }
389
+
390
+ .premium-nav-hor:not(.premium-hamburger-menu) .premium-item-badge, .premium-nav-hor:not(.premium-nav-slide) .premium-item-badge, .premium-nav-hor:not(.premium-nav-dropdown) .premium-item-badge {
391
+ position: relative;
392
+ margin: 8px; }
393
+
394
+ .premium-nav-hor .premium-sub-item-badge,
395
+ .premium-nav-slide .premium-sub-item-badge,
396
+ .premium-nav-dropdown .premium-sub-item-badge,
397
+ .premium-nav-ver.premium-vertical-right .premium-item-badge,
398
+ .premium-nav-ver.premium-vertical-right .premium-sub-item-badge {
399
+ top: 50%;
400
+ right: 0;
401
+ -webkit-transform: translateY(-50%);
402
+ -ms-transform: translateY(-50%);
403
+ transform: translateY(-50%); }
404
+
405
+ .premium-nav-ver.premium-vertical-left .premium-item-badge,
406
+ .premium-nav-ver.premium-vertical-left .premium-sub-item-badge {
407
+ top: 50%;
408
+ left: 0;
409
+ -webkit-transform: translateY(-50%);
410
+ -ms-transform: translateY(-50%);
411
+ transform: translateY(-50%); }
412
+
413
+ .premium-mega-nav-item .premium-sub-menu {
414
+ display: none; }
415
+
416
+ .premium-mega-nav-item {
417
+ position: relative; }
418
+
419
+ .premium-hamburger-menu .premium-mega-content-container,
420
+ .premium-nav-dropdown .premium-mega-content-container,
421
+ .premium-nav-slide .premium-mega-content-container {
422
+ display: none; }
423
+
424
+ .premium-mega-item-static {
425
+ position: static !important; }
426
+
427
+ .premium-hamburger-menu .premium-nav-menu-container,
428
+ .premium-nav-dropdown .premium-nav-menu-container,
429
+ .premium-nav-slide .premium-nav-menu-container {
430
+ display: none; }
431
+
432
+ .premium-hamburger-menu .premium-hamburger-toggle,
433
+ .premium-nav-dropdown .premium-hamburger-toggle,
434
+ .premium-nav-slide .premium-hamburger-toggle {
435
+ -js-display: inline-flex;
436
+ display: -webkit-inline-box;
437
+ display: -webkit-inline-flex;
438
+ display: -moz-inline-box;
439
+ display: -ms-inline-flexbox;
440
+ display: inline-flex; }
441
+
442
+ .premium-hidden-icon-yes.premium-hamburger-menu .premium-item-icon,
443
+ .premium-hidden-icon-yes.premium-hamburger-menu .premium-sub-item-icon,
444
+ .premium-hidden-icon-yes.premium-nav-dropdown .premium-item-icon,
445
+ .premium-hidden-icon-yes.premium-nav-dropdown .premium-sub-item-icon,
446
+ .premium-hidden-icon-yes.premium-nav-slide .premium-item-icon,
447
+ .premium-hidden-icon-yes.premium-nav-slide .premium-sub-item-icon {
448
+ display: none; }
449
+
450
+ .premium-hidden-badge-yes.premium-hamburger-menu .premium-item-badge,
451
+ .premium-hidden-badge-yes.premium-hamburger-menu .premium-sub-item-badge,
452
+ .premium-hidden-badge-yes.premium-nav-dropdown .premium-item-badge,
453
+ .premium-hidden-badge-yes.premium-nav-dropdown .premium-sub-item-badge,
454
+ .premium-hidden-badge-yes.premium-nav-slide .premium-item-badge,
455
+ .premium-hidden-badge-yes.premium-nav-slide .premium-sub-item-badge {
456
+ display: none; }
457
+
458
+ .premium-ham-dropdown .premium-mobile-menu-container,
459
+ .premium-nav-dropdown .premium-mobile-menu-container {
460
+ -js-display: flex;
461
+ display: -webkit-box;
462
+ display: -webkit-flex;
463
+ display: -moz-box;
464
+ display: -ms-flexbox;
465
+ display: flex; }
466
+
467
+ .premium-ham-dropdown .premium-toggle-opened .premium-toggle-close,
468
+ .premium-nav-dropdown .premium-toggle-opened .premium-toggle-close {
469
+ display: inline !important; }
470
+
471
+ .premium-ham-dropdown .premium-toggle-opened .premium-toggle-text,
472
+ .premium-nav-dropdown .premium-toggle-opened .premium-toggle-text {
473
+ display: none !important; }
474
+
475
+ .premium-stretch-dropdown .premium-mobile-menu-container {
476
+ position: absolute;
477
+ z-index: 9999; }
478
+
479
+ .premium-nav-default {
480
+ display: none; }
481
+
482
+ .premium-hamburger-toggle {
483
+ width: 100%; }
484
+
485
+ /*
486
+ * Pointer & Pointer Animations
487
+ */
488
+ .premium-menu-link-parent::before, .premium-menu-link-parent::after {
489
+ display: block;
490
+ position: absolute;
491
+ -webkit-transition: all 0.3s cubic-bezier(0.58, 0.3, 0.005, 1);
492
+ transition: all 0.3s cubic-bezier(0.58, 0.3, 0.005, 1); }
493
+
494
+ .premium-nav-pointer-underline .premium-menu-link-parent::after,
495
+ .premium-nav-pointer-double-line .premium-menu-link-parent::after {
496
+ content: "";
497
+ bottom: 0; }
498
+
499
+ .premium-nav-pointer-overline .premium-menu-link-parent::before,
500
+ .premium-nav-pointer-double-line .premium-menu-link-parent::before {
501
+ content: "";
502
+ top: 0; }
503
+
504
+ .premium-nav-pointer-underline .premium-menu-link-parent::before, .premium-nav-pointer-underline .premium-menu-link-parent::after,
505
+ .premium-nav-pointer-overline .premium-menu-link-parent::before,
506
+ .premium-nav-pointer-overline .premium-menu-link-parent::after,
507
+ .premium-nav-pointer-double-line .premium-menu-link-parent::before,
508
+ .premium-nav-pointer-double-line .premium-menu-link-parent::after {
509
+ height: 3px;
510
+ width: 100%;
511
+ left: 0;
512
+ background-color: #55595c;
513
+ z-index: 2; }
514
+
515
+ .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before, .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after {
516
+ opacity: 0; }
517
+
518
+ .premium-nav-pointer-underline.premium-nav-animation-none,
519
+ .premium-nav-pointer-overline.premium-nav-animation-none,
520
+ .premium-nav-pointer-double-line.premium-nav-animation-none {
521
+ -webkit-transition-duration: 0s;
522
+ transition-duration: 0s; }
523
+ .premium-nav-pointer-underline.premium-nav-animation-none .premium-menu-link-parent,
524
+ .premium-nav-pointer-underline.premium-nav-animation-none .premium-menu-link-parent::before,
525
+ .premium-nav-pointer-underline.premium-nav-animation-none .premium-menu-link-parent::after,
526
+ .premium-nav-pointer-underline.premium-nav-animation-none .premium-menu-link-parent:focus,
527
+ .premium-nav-pointer-underline.premium-nav-animation-none .premium-menu-link-parent:hover,
528
+ .premium-nav-pointer-overline.premium-nav-animation-none .premium-menu-link-parent,
529
+ .premium-nav-pointer-overline.premium-nav-animation-none .premium-menu-link-parent::before,
530
+ .premium-nav-pointer-overline.premium-nav-animation-none .premium-menu-link-parent::after,
531
+ .premium-nav-pointer-overline.premium-nav-animation-none .premium-menu-link-parent:focus,
532
+ .premium-nav-pointer-overline.premium-nav-animation-none .premium-menu-link-parent:hover,
533
+ .premium-nav-pointer-double-line.premium-nav-animation-none .premium-menu-link-parent,
534
+ .premium-nav-pointer-double-line.premium-nav-animation-none .premium-menu-link-parent::before,
535
+ .premium-nav-pointer-double-line.premium-nav-animation-none .premium-menu-link-parent::after,
536
+ .premium-nav-pointer-double-line.premium-nav-animation-none .premium-menu-link-parent:focus,
537
+ .premium-nav-pointer-double-line.premium-nav-animation-none .premium-menu-link-parent:hover {
538
+ -webkit-transition-duration: 0s;
539
+ transition-duration: 0s; }
540
+
541
+ .premium-nav-pointer-underline.premium-nav-animation-slide .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after,
542
+ .premium-nav-pointer-double-line.premium-nav-animation-slide .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after {
543
+ width: 10px;
544
+ inset-inline-start: 100%; }
545
+
546
+ .premium-nav-pointer-overline.premium-nav-animation-slide .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,
547
+ .premium-nav-pointer-double-line.premium-nav-animation-slide .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
548
+ width: 10px;
549
+ left: -20px; }
550
+
551
+ .premium-nav-pointer-underline.premium-nav-animation-grow .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before, .premium-nav-pointer-underline.premium-nav-animation-grow .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after,
552
+ .premium-nav-pointer-overline.premium-nav-animation-grow .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,
553
+ .premium-nav-pointer-overline.premium-nav-animation-grow .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after,
554
+ .premium-nav-pointer-double-line.premium-nav-animation-grow .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,
555
+ .premium-nav-pointer-double-line.premium-nav-animation-grow .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after {
556
+ height: 0;
557
+ width: 0;
558
+ left: 50%; }
559
+
560
+ .premium-nav-pointer-underline.premium-nav-animation-drop-in .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,
561
+ .premium-nav-pointer-overline.premium-nav-animation-drop-in .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,
562
+ .premium-nav-pointer-double-line.premium-nav-animation-drop-in .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
563
+ top: -10px; }
564
+
565
+ .premium-nav-pointer-underline.premium-nav-animation-drop-in .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after,
566
+ .premium-nav-pointer-overline.premium-nav-animation-drop-in .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after,
567
+ .premium-nav-pointer-double-line.premium-nav-animation-drop-in .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after {
568
+ bottom: -10px; }
569
+
570
+ .premium-nav-pointer-underline.premium-nav-animation-drop-out .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,
571
+ .premium-nav-pointer-overline.premium-nav-animation-drop-out .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,
572
+ .premium-nav-pointer-double-line.premium-nav-animation-drop-out .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
573
+ top: 10px; }
574
+
575
+ .premium-nav-pointer-underline.premium-nav-animation-drop-out .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after,
576
+ .premium-nav-pointer-overline.premium-nav-animation-drop-out .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after,
577
+ .premium-nav-pointer-double-line.premium-nav-animation-drop-out .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after {
578
+ bottom: 10px; }
579
+
580
+ .premium-nav-pointer-framed .premium-menu-link-parent::before {
581
+ content: ""; }
582
+
583
+ .premium-nav-pointer-framed .premium-menu-link-parent::before, .premium-nav-pointer-framed .premium-menu-link-parent::after {
584
+ background: transparent;
585
+ left: 0;
586
+ top: 0;
587
+ bottom: 0;
588
+ right: 0;
589
+ border: 3px solid #55595c; }
590
+
591
+ .premium-nav-pointer-framed.premium-nav-animation-grow .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
592
+ -webkit-transform: scale(0.75);
593
+ -ms-transform: scale(0.75);
594
+ transform: scale(0.75); }
595
+
596
+ .premium-nav-pointer-framed.premium-nav-animation-shrink .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
597
+ -webkit-transform: scale(1.25);
598
+ -ms-transform: scale(1.25);
599
+ transform: scale(1.25); }
600
+
601
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent::before, .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent::after {
602
+ width: 3px;
603
+ height: 3px; }
604
+
605
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent::before {
606
+ border-width: 0 0 3px 3px;
607
+ -webkit-transition: width 0.1s 0.2s, height 0.1s 0.3s, opacity 0.12s 0.22s;
608
+ transition: width 0.1s 0.2s, height 0.1s 0.3s, opacity 0.12s 0.22s; }
609
+
610
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent::after {
611
+ content: "";
612
+ top: auto;
613
+ bottom: 0;
614
+ left: auto;
615
+ right: 0;
616
+ border-width: 3px 3px 0 0;
617
+ -webkit-transition: width 0.1s, height 0.1s 0.1s, opacity 0.02s 0.18s;
618
+ transition: width 0.1s, height 0.1s 0.1s, opacity 0.02s 0.18s; }
619
+
620
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:hover::before, .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:focus::before {
621
+ -webkit-transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s;
622
+ transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s; }
623
+
624
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:hover::after, .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:focus::after {
625
+ -webkit-transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s;
626
+ transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s; }
627
+
628
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:hover::before, .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:hover::after, .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:focus::before, .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:focus::after {
629
+ width: 100%;
630
+ height: 100%; }
631
+
632
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-active-item .premium-menu-link-parent::before {
633
+ -webkit-transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s;
634
+ transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s; }
635
+
636
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-active-item .premium-menu-link-parent::after {
637
+ -webkit-transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s;
638
+ transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s; }
639
+
640
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-active-item .premium-menu-link-parent::before, .premium-nav-pointer-framed.premium-nav-animation-draw .premium-active-item .premium-menu-link-parent::after {
641
+ width: 100%;
642
+ height: 100%; }
643
+
644
+ .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent::before {
645
+ border-width: 3px 0 0 3px; }
646
+
647
+ .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent::after {
648
+ content: "";
649
+ top: auto;
650
+ bottom: 0;
651
+ left: auto;
652
+ right: 0;
653
+ border-width: 0 3px 3px 0; }
654
+
655
+ .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent::before, .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent::after {
656
+ width: 3px;
657
+ height: 3px; }
658
+
659
+ .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent:hover::before, .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent:hover::after, .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent:focus::before, .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent:focus::after {
660
+ width: 100%;
661
+ height: 100%;
662
+ -webkit-transition: opacity 2ms, width 0.4s, height 0.4s;
663
+ transition: opacity 2ms, width 0.4s, height 0.4s; }
664
+
665
+ .premium-nav-pointer-framed.premium-nav-animation-corners .premium-active-item .premium-menu-link-parent::before, .premium-nav-pointer-framed.premium-nav-animation-corners .premium-active-item .premium-menu-link-parent::after {
666
+ width: 100%;
667
+ height: 100%;
668
+ -webkit-transition: opacity 2ms, width 0.4s, height 0.4s;
669
+ transition: opacity 2ms, width 0.4s, height 0.4s; }
670
+
671
+ .premium-nav-pointer-text.premium-nav-animation-grow .premium-menu-link-parent:hover, .premium-nav-pointer-text.premium-nav-animation-grow .premium-menu-link-parent:focus {
672
+ -webkit-transform: scale(1.2);
673
+ -ms-transform: scale(1.2);
674
+ transform: scale(1.2); }
675
+
676
+ .premium-nav-pointer-text.premium-nav-animation-shrink .premium-menu-link-parent:hover, .premium-nav-pointer-text.premium-nav-animation-shrink .premium-menu-link-parent:focus {
677
+ -webkit-transform: scale(0.8);
678
+ -ms-transform: scale(0.8);
679
+ transform: scale(0.8); }
680
+
681
+ .premium-nav-pointer-text.premium-nav-animation-sink .premium-menu-link-parent:hover, .premium-nav-pointer-text.premium-nav-animation-sink .premium-menu-link-parent:focus {
682
+ -webkit-transform: translateY(8px);
683
+ -ms-transform: translateY(8px);
684
+ transform: translateY(8px); }
685
+
686
+ .premium-nav-pointer-text.premium-nav-animation-float .premium-menu-link-parent:hover, .premium-nav-pointer-text.premium-nav-animation-float .premium-menu-link-parent:focus {
687
+ -webkit-transform: translateY(-8px);
688
+ -ms-transform: translateY(-8px);
689
+ transform: translateY(-8px); }
690
+
691
+ .premium-nav-pointer-text.premium-nav-animation-skew .premium-menu-link-parent:hover, .premium-nav-pointer-text.premium-nav-animation-skew .premium-menu-link-parent:focus {
692
+ -webkit-transform: skew(-8deg);
693
+ -ms-transform: skew(-8deg);
694
+ transform: skew(-8deg); }
695
+
696
+ .premium-nav-pointer-text.premium-nav-animation-rotate .premium-menu-link-parent:hover, .premium-nav-pointer-text.premium-nav-animation-rotate .premium-menu-link-parent:focus {
697
+ -webkit-transform: rotate(6deg);
698
+ -ms-transform: rotate(6deg);
699
+ transform: rotate(6deg); }
700
+
701
+ .premium-nav-pointer-background .premium-menu-link-parent::before {
702
+ top: 0;
703
+ left: 0;
704
+ right: 0;
705
+ bottom: 0;
706
+ background: #55595c;
707
+ background-color: #55595c;
708
+ z-index: -1; }
709
+
710
+ .premium-nav-pointer-background .premium-menu-link-parent::before, .premium-nav-pointer-background .premium-menu-link-parent::after {
711
+ content: "";
712
+ -webkit-transition: 0.3s;
713
+ transition: 0.3s; }
714
+
715
+ .premium-nav-pointer-background.premium-nav-animation-grow .premium-menu-link-parent::before {
716
+ -webkit-transform: scale(0.5);
717
+ -ms-transform: scale(0.5);
718
+ transform: scale(0.5); }
719
+
720
+ .premium-nav-pointer-background.premium-nav-animation-grow .premium-menu-link-parent:hover::before, .premium-nav-pointer-background.premium-nav-animation-grow .premium-menu-link-parent:focus::before {
721
+ -webkit-transform: scale(1);
722
+ -ms-transform: scale(1);
723
+ transform: scale(1); }
724
+
725
+ .premium-nav-pointer-background.premium-nav-animation-grow .premium-active-item .premium-menu-link-parent::before {
726
+ -webkit-transform: scale(1);
727
+ -ms-transform: scale(1);
728
+ transform: scale(1); }
729
+
730
+ .premium-nav-pointer-background.premium-nav-animation-shrink .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
731
+ -webkit-transform: scale(1.2);
732
+ -ms-transform: scale(1.2);
733
+ transform: scale(1.2);
734
+ -webkit-transition: 0.3;
735
+ transition: 0.3; }
736
+
737
+ .premium-nav-pointer-background.premium-nav-animation-sweep-left .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
738
+ left: 100%; }
739
+
740
+ .premium-nav-pointer-background.premium-nav-animation-sweep-right .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
741
+ right: 100%; }
742
+
743
+ .premium-nav-pointer-background.premium-nav-animation-sweep-up .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
744
+ top: 100%; }
745
+
746
+ .premium-nav-pointer-background.premium-nav-animation-sweep-down .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
747
+ bottom: 100%; }
748
+
749
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent::after, .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent::after {
750
+ top: 0;
751
+ left: 0;
752
+ right: 0;
753
+ bottom: 0;
754
+ background: #55595c;
755
+ background-color: #55595c;
756
+ z-index: -1; }
757
+
758
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent::before {
759
+ top: 0;
760
+ bottom: 100%; }
761
+
762
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent::after {
763
+ top: 100%;
764
+ bottom: 0; }
765
+
766
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent:hover::before, .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent:focus::before {
767
+ bottom: 50%; }
768
+
769
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent:hover::after, .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent:focus::after {
770
+ top: 50%; }
771
+
772
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-active-item .premium-menu-link-parent::before {
773
+ bottom: 50%; }
774
+
775
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-active-item .premium-menu-link-parent::after {
776
+ top: 50%; }
777
+
778
+ .premium-nav-pointer-background.premium-nav-animation-shutter-out-vertical .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
779
+ bottom: 50%;
780
+ top: 50%; }
781
+
782
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent::before {
783
+ right: 0;
784
+ left: 100%; }
785
+
786
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent::after {
787
+ right: 100%;
788
+ left: 0; }
789
+
790
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent:hover::before, .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent:focus::before {
791
+ left: 50%; }
792
+
793
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent:hover::after, .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent:focus::after {
794
+ right: 50%; }
795
+
796
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-active-item .premium-menu-link-parent::before {
797
+ left: 50%; }
798
+
799
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-active-item .premium-menu-link-parent::after {
800
+ right: 50%; }
801
+
802
+ .premium-nav-pointer-background.premium-nav-animation-shutter-out-horizontal .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
803
+ left: 50%;
804
+ right: 50%; }
805
+
806
+ .premium-active-item::before, .premium-active-item::after,
807
+ .premium-menu-link-parent:hover::before,
808
+ .premium-menu-link-parent:hover::after,
809
+ .premium-menu-link-parent:focus::before,
810
+ .premium-menu-link-parent:focus::after {
811
+ -webkit-transform: scale(1);
812
+ -ms-transform: scale(1);
813
+ transform: scale(1); }
814
+
815
+ /**Sub Menu Animation*/
816
+ .premium-nav-menu-item .premium-sub-menu,
817
+ .premium-nav-menu-item .premium-mega-content-container {
818
+ -webkit-transition: 0.5s all ease-in-out;
819
+ transition: 0.5s all ease-in-out;
820
+ -webkit-transition-delay: 0.1s;
821
+ transition-delay: 0.1s; }
822
+
823
+ [class*="premium-nav-slide-"].premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item:hover > .premium-sub-menu,
824
+ [class*="premium-nav-slide-"].premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item:hover > .premium-mega-content-container,
825
+ [class*="premium-nav-slide-"].premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu:hover > .premium-sub-menu,
826
+ [class*="premium-nav-slide-"].premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item:hover > .premium-sub-menu,
827
+ [class*="premium-nav-slide-"].premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item:hover > .premium-mega-content-container,
828
+ [class*="premium-nav-slide-"].premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu:hover > .premium-sub-menu {
829
+ -webkit-transform: translate(0);
830
+ -ms-transform: translate(0);
831
+ transform: translate(0); }
832
+
833
+ .premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu,
834
+ .premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-content-container,
835
+ .premium-nav-slide-up.premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu,
836
+ .premium-nav-slide-up.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-content-container {
837
+ -webkit-transform: translateY(10px);
838
+ -ms-transform: translateY(10px);
839
+ transform: translateY(10px); }
840
+
841
+ .premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu,
842
+ .premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-content-container,
843
+ .premium-nav-slide-down.premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu,
844
+ .premium-nav-slide-down.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-content-container {
845
+ -webkit-transform: translateY(-10px);
846
+ -ms-transform: translateY(-10px);
847
+ transform: translateY(-10px); }
848
+
849
+ .premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu,
850
+ .premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-content-container,
851
+ .premium-nav-slide-right.premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu,
852
+ .premium-nav-slide-right.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-content-container {
853
+ -webkit-transform: translateX(-10px);
854
+ -ms-transform: translateX(-10px);
855
+ transform: translateX(-10px); }
856
+
857
+ .premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu,
858
+ .premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-content-container,
859
+ .premium-nav-slide-left.premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu,
860
+ .premium-nav-slide-left.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-content-container {
861
+ -webkit-transform: translateX(10px);
862
+ -ms-transform: translateX(10px);
863
+ transform: translateX(10px); }
864
+
865
+ /**Horizontal - Static Mega Content*/
866
+ /*UP*/
867
+ .premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static .premium-mega-content-container {
868
+ -webkit-transform: translateX(-50%) translateY(10px);
869
+ -ms-transform: translateX(-50%) translateY(10px);
870
+ transform: translateX(-50%) translateY(10px); }
871
+
872
+ .premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container {
873
+ -webkit-transform: translateX(-50%) translateY(0);
874
+ -ms-transform: translateX(-50%) translateY(0);
875
+ transform: translateX(-50%) translateY(0); }
876
+
877
+ /*DOWN*/
878
+ .premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static .premium-mega-content-container {
879
+ -webkit-transform: translateX(-50%) translateY(-10px);
880
+ -ms-transform: translateX(-50%) translateY(-10px);
881
+ transform: translateX(-50%) translateY(-10px); }
882
+
883
+ .premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container {
884
+ -webkit-transform: translateX(-50%) translateY(0);
885
+ -ms-transform: translateX(-50%) translateY(0);
886
+ transform: translateX(-50%) translateY(0); }
887
+
888
+ /*Left*/
889
+ .premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static .premium-mega-content-container {
890
+ -webkit-transform: translateX(-45%);
891
+ -ms-transform: translateX(-45%);
892
+ transform: translateX(-45%); }
893
+
894
+ .premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container {
895
+ -webkit-transform: translateX(-50%);
896
+ -ms-transform: translateX(-50%);
897
+ transform: translateX(-50%); }
898
+
899
+ /*Right*/
900
+ .premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static .premium-mega-content-container {
901
+ -webkit-transform: translateX(-55%);
902
+ -ms-transform: translateX(-55%);
903
+ transform: translateX(-55%); }
904
+
905
+ .premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container {
906
+ -webkit-transform: translateX(-50%);
907
+ -ms-transform: translateX(-50%);
908
+ transform: translateX(-50%); }
909
+
910
+ /**Vertical - Static Mega Content*/
911
+ .premium-nav-slide-down.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container,
912
+ .premium-nav-slide-up.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container {
913
+ -webkit-transform: translateY(0);
914
+ -ms-transform: translateY(0);
915
+ transform: translateY(0); }
916
+
917
+ .premium-nav-slide-right.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container,
918
+ .premium-nav-slide-left.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container {
919
+ -webkit-transform: translateX(0);
920
+ -ms-transform: translateX(0);
921
+ transform: translateX(0); }
assets/frontend/css/premium-progressbar-rtl.css CHANGED
@@ -1,324 +1,421 @@
1
- /**************** Premium Progress Bar ****************/
2
- /******************************************************/
3
- .premium-progressbar-container {
4
- position: relative;
5
- }
6
-
7
- .premium-progressbar-bar-wrap {
8
- position: relative;
9
- text-align: right;
10
- overflow: hidden;
11
- height: 25px;
12
- margin-bottom: 50px;
13
- background-color: #f5f5f5;
14
- -webkit-border-radius: 4px;
15
- border-radius: 4px;
16
- -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
17
- box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
18
- }
19
-
20
- .premium-progressbar-bar-wrap.premium-progressbar-dots {
21
- background-color: transparent;
22
- width: 100%;
23
- -js-display: flex;
24
- display: -webkit-box;
25
- display: -webkit-flex;
26
- display: -moz-box;
27
- display: -ms-flexbox;
28
- display: flex;
29
- height: auto;
30
- -webkit-box-shadow: none;
31
- box-shadow: none;
32
- }
33
-
34
- .premium-progressbar-bar-wrap .progress-segment {
35
- position: relative;
36
- width: 25px;
37
- height: 25px;
38
- -webkit-border-radius: 50%;
39
- border-radius: 50%;
40
- overflow: hidden;
41
- background-color: #f5f5f5;
42
- }
43
-
44
- .premium-progressbar-bar-wrap .progress-segment.filled {
45
- background: #6ec1e4;
46
- }
47
-
48
- .premium-progressbar-bar-wrap .progress-segment:not(:first-child):not(:last-child) {
49
- margin: 0 4px;
50
- }
51
-
52
- .premium-progressbar-bar-wrap .progress-segment:first-child {
53
- margin-left: 4px;
54
- }
55
-
56
- .premium-progressbar-bar-wrap .progress-segment:last-child {
57
- margin-right: 4px;
58
- }
59
-
60
- .premium-progressbar-bar-wrap .progress-segment .segment-inner {
61
- position: absolute;
62
- top: 0;
63
- right: 0;
64
- height: 100%;
65
- background-color: #6ec1e4;
66
- }
67
-
68
- .premium-progressbar-bar {
69
- float: right;
70
- width: 0%;
71
- height: 100%;
72
- font-size: 12px;
73
- line-height: 20px;
74
- background: #6ec1e4;
75
- text-align: center;
76
- -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
77
- box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
78
- }
79
-
80
- .premium-progressbar-striped .premium-progressbar-bar {
81
- background-image: -webkit-linear-gradient(-135deg,
82
- rgba(255, 255, 255, 0.15) 25%,
83
- transparent 25%,
84
- transparent 50%,
85
- rgba(255, 255, 255, 0.15) 50%,
86
- rgba(255, 255, 255, 0.15) 75%,
87
- transparent 75%,
88
- transparent);
89
- background-image: -webkit-linear-gradient(45deg,
90
- rgba(255, 255, 255, 0.15) 25%,
91
- transparent 25%,
92
- transparent 50%,
93
- rgba(255, 255, 255, 0.15) 50%,
94
- rgba(255, 255, 255, 0.15) 75%,
95
- transparent 75%,
96
- transparent);
97
- background-image: linear-gradient(45deg,
98
- rgba(255, 255, 255, 0.15) 25%,
99
- transparent 25%,
100
- transparent 50%,
101
- rgba(255, 255, 255, 0.15) 50%,
102
- rgba(255, 255, 255, 0.15) 75%,
103
- transparent 75%,
104
- transparent);
105
- -webkit-background-size: 40px 40px;
106
- background-size: 40px 40px;
107
- }
108
-
109
- .premium-progressbar-active .premium-progressbar-bar {
110
- -webkit-animation: progress-bar-stripes 2s linear infinite;
111
- animation: progress-bar-stripes 2s linear infinite;
112
- }
113
-
114
- .premium-progressbar-gradient .premium-progressbar-bar {
115
- -webkit-background-size: 400% 400% !important;
116
- background-size: 400% 400% !important;
117
- -webkit-animation: progress-bar-gradient 10s ease-in-out infinite;
118
- animation: progress-bar-gradient 10s ease-in-out infinite;
119
- }
120
-
121
- .premium-progressbar-bar {
122
- position: absolute;
123
- overflow: hidden;
124
- line-height: 20px;
125
- }
126
-
127
- .premium-progressbar-container .clearfix {
128
- clear: both;
129
- }
130
-
131
- .premium-progressbar-bar {
132
- -webkit-transition: width 0s ease-in-out !important;
133
- transition: width 0s ease-in-out !important;
134
- }
135
-
136
- .premium-progressbar-container p:first-of-type {
137
- margin: 0;
138
- float: right;
139
- }
140
-
141
- .premium-progressbar-container p:nth-of-type(2) {
142
- margin: 0;
143
- float: left;
144
- }
145
-
146
- .premium-progressbar-name {
147
- right: 50%;
148
- top: 0;
149
- left: 0;
150
- -webkit-transform: translateX(12.5px);
151
- -ms-transform: translateX(12.5px);
152
- transform: translateX(12.5px);
153
- z-index: 1;
154
- }
155
-
156
- .premium-progressbar-multiple-label {
157
- position: relative;
158
- float: right;
159
- width: 0;
160
- right: 50%;
161
- }
162
-
163
- .premium-progressbar-center-label {
164
- position: relative;
165
- white-space: nowrap;
166
- }
167
-
168
- .premium-progressbar-arrow {
169
- height: 15px;
170
- right: 50%;
171
- display: inline-block;
172
- border-right: 7px solid transparent;
173
- border-left: 7px solid transparent;
174
- border-top: 11px solid;
175
- -webkit-transform: translateX(50%);
176
- -ms-transform: translateX(50%);
177
- transform: translateX(50%);
178
- }
179
-
180
- .premium-progressbar-pin {
181
- border-right: 1px solid;
182
- height: 12px;
183
- right: 50%;
184
- display: inline-block;
185
- }
186
-
187
- /**
188
- * Circle Progress Bar
189
- */
190
- .premium-progressbar-circle-wrap {
191
- width: 200px;
192
- height: 200px;
193
- position: relative;
194
- margin: 0 auto;
195
- }
196
-
197
- .premium-progressbar-circle-wrap .premium-progressbar-circle {
198
- position: absolute;
199
- top: 0;
200
- right: 0;
201
- width: 100%;
202
- height: 100%;
203
- -webkit-clip-path: inset(0 0 0 50%);
204
- clip-path: inset(0 0 0 50%);
205
- }
206
-
207
- .premium-progressbar-circle-wrap .premium-progressbar-circle div {
208
- position: absolute;
209
- right: 0;
210
- top: 0;
211
- height: 100%;
212
- width: 100%;
213
- border-width: 6px;
214
- border-style: solid;
215
- border-color: #54595f;
216
- -webkit-border-radius: 50%;
217
- border-radius: 50%;
218
- -webkit-clip-path: inset(0 50% 0 0);
219
- clip-path: inset(0 50% 0 0);
220
- }
221
-
222
- .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-left {
223
- -webkit-transform: rotate(0);
224
- -ms-transform: rotate(0);
225
- transform: rotate(0);
226
- }
227
-
228
- .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-right {
229
- -webkit-transform: rotate(-180deg);
230
- -ms-transform: rotate(-180deg);
231
- transform: rotate(-180deg);
232
- visibility: hidden;
233
- }
234
-
235
- .premium-progressbar-circle-wrap .premium-progressbar-circle-base {
236
- width: 100%;
237
- height: 100%;
238
- border: 6px solid #eee;
239
- -webkit-border-radius: 50%;
240
- border-radius: 50%;
241
- }
242
-
243
- .premium-progressbar-circle-wrap .premium-progressbar-circle-content {
244
- position: absolute;
245
- top: 0;
246
- right: 0;
247
- width: 100%;
248
- height: 100%;
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-orient: vertical;
256
- -webkit-box-direction: normal;
257
- -webkit-flex-direction: column;
258
- -moz-box-orient: vertical;
259
- -moz-box-direction: normal;
260
- -ms-flex-direction: column;
261
- flex-direction: column;
262
- -webkit-box-pack: center;
263
- -webkit-justify-content: center;
264
- -moz-box-pack: center;
265
- -ms-flex-pack: center;
266
- justify-content: center;
267
- -webkit-box-align: center;
268
- -webkit-align-items: center;
269
- -moz-box-align: center;
270
- -ms-flex-align: center;
271
- align-items: center;
272
- }
273
-
274
- .premium-progressbar-circle-wrap .premium-lottie-animation {
275
- line-height: 1;
276
- }
277
-
278
- @-webkit-keyframes progress-bar-stripes {
279
- from {
280
- background-position: 100% 0;
281
- }
282
-
283
- to {
284
- background-position: 40px 0;
285
- }
286
- }
287
-
288
- @keyframes progress-bar-stripes {
289
- from {
290
- background-position: 100% 0;
291
- }
292
-
293
- to {
294
- background-position: 40px 0;
295
- }
296
- }
297
-
298
- @-webkit-keyframes progress-bar-gradient {
299
- 0% {
300
- background-position: 100% 50%;
301
- }
302
-
303
- 50% {
304
- background-position: 0% 50%;
305
- }
306
-
307
- 100% {
308
- background-position: 100% 50%;
309
- }
310
- }
311
-
312
- @keyframes progress-bar-gradient {
313
- 0% {
314
- background-position: 100% 50%;
315
- }
316
-
317
- 50% {
318
- background-position: 0% 50%;
319
- }
320
-
321
- 100% {
322
- background-position: 100% 50%;
323
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
324
  }
1
+ /**************** Premium Progress Bar ****************/
2
+ /******************************************************/
3
+ .premium-progressbar-container {
4
+ position: relative;
5
+ }
6
+
7
+ .premium-progressbar-bar-wrap {
8
+ position: relative;
9
+ text-align: right;
10
+ overflow: hidden;
11
+ height: 25px;
12
+ margin-bottom: 50px;
13
+ background-color: #f5f5f5;
14
+ -webkit-border-radius: 4px;
15
+ border-radius: 4px;
16
+ -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
17
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
18
+ }
19
+
20
+ .premium-progressbar-bar-wrap.premium-progressbar-dots {
21
+ background-color: transparent;
22
+ width: 100%;
23
+ -js-display: flex;
24
+ display: -webkit-box;
25
+ display: -webkit-flex;
26
+ display: -moz-box;
27
+ display: -ms-flexbox;
28
+ display: flex;
29
+ height: auto;
30
+ -webkit-box-shadow: none;
31
+ box-shadow: none;
32
+ }
33
+
34
+ .premium-progressbar-bar-wrap .progress-segment {
35
+ position: relative;
36
+ width: 25px;
37
+ height: 25px;
38
+ -webkit-border-radius: 50%;
39
+ border-radius: 50%;
40
+ overflow: hidden;
41
+ background-color: #f5f5f5;
42
+ }
43
+
44
+ .premium-progressbar-bar-wrap .progress-segment.filled {
45
+ background: #6ec1e4;
46
+ }
47
+
48
+ .premium-progressbar-bar-wrap .progress-segment:not(:first-child):not(:last-child) {
49
+ margin: 0 4px;
50
+ }
51
+
52
+ .premium-progressbar-bar-wrap .progress-segment:first-child {
53
+ margin-left: 4px;
54
+ }
55
+
56
+ .premium-progressbar-bar-wrap .progress-segment:last-child {
57
+ margin-right: 4px;
58
+ }
59
+
60
+ .premium-progressbar-bar-wrap .progress-segment .segment-inner {
61
+ position: absolute;
62
+ top: 0;
63
+ right: 0;
64
+ height: 100%;
65
+ background-color: #6ec1e4;
66
+ }
67
+
68
+ .premium-progressbar-bar {
69
+ float: right;
70
+ width: 0%;
71
+ height: 100%;
72
+ font-size: 12px;
73
+ line-height: 20px;
74
+ background: #6ec1e4;
75
+ text-align: center;
76
+ -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
77
+ box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
78
+ }
79
+
80
+ .premium-progressbar-striped .premium-progressbar-bar {
81
+ background-image: -webkit-linear-gradient(-135deg,
82
+ rgba(255, 255, 255, 0.15) 25%,
83
+ transparent 25%,
84
+ transparent 50%,
85
+ rgba(255, 255, 255, 0.15) 50%,
86
+ rgba(255, 255, 255, 0.15) 75%,
87
+ transparent 75%,
88
+ transparent);
89
+ background-image: -webkit-linear-gradient(45deg,
90
+ rgba(255, 255, 255, 0.15) 25%,
91
+ transparent 25%,
92
+ transparent 50%,
93
+ rgba(255, 255, 255, 0.15) 50%,
94
+ rgba(255, 255, 255, 0.15) 75%,
95
+ transparent 75%,
96
+ transparent);
97
+ background-image: linear-gradient(45deg,
98
+ rgba(255, 255, 255, 0.15) 25%,
99
+ transparent 25%,
100
+ transparent 50%,
101
+ rgba(255, 255, 255, 0.15) 50%,
102
+ rgba(255, 255, 255, 0.15) 75%,
103
+ transparent 75%,
104
+ transparent);
105
+ -webkit-background-size: 40px 40px;
106
+ background-size: 40px 40px;
107
+ }
108
+
109
+ .premium-progressbar-active .premium-progressbar-bar {
110
+ -webkit-animation: progress-bar-stripes 2s linear infinite;
111
+ animation: progress-bar-stripes 2s linear infinite;
112
+ }
113
+
114
+ .premium-progressbar-gradient .premium-progressbar-bar {
115
+ -webkit-background-size: 400% 400% !important;
116
+ background-size: 400% 400% !important;
117
+ -webkit-animation: progress-bar-gradient 10s ease-in-out infinite;
118
+ animation: progress-bar-gradient 10s ease-in-out infinite;
119
+ }
120
+
121
+ .premium-progressbar-bar {
122
+ position: absolute;
123
+ overflow: hidden;
124
+ line-height: 20px;
125
+ }
126
+
127
+ .premium-progressbar-container .clearfix {
128
+ clear: both;
129
+ }
130
+
131
+ .premium-progressbar-bar {
132
+ -webkit-transition: width 0s ease-in-out !important;
133
+ transition: width 0s ease-in-out !important;
134
+ }
135
+
136
+ .premium-progressbar-container p:first-of-type {
137
+ margin: 0;
138
+ float: left;
139
+ }
140
+
141
+ .premium-progressbar-container p:nth-of-type(2) {
142
+ margin: 0;
143
+ float: right;
144
+ }
145
+
146
+ .premium-progressbar-name {
147
+ right: 50%;
148
+ top: 0;
149
+ left: 0;
150
+ -webkit-transform: translateX(12.5px);
151
+ -ms-transform: translateX(12.5px);
152
+ transform: translateX(12.5px);
153
+ z-index: 1;
154
+ }
155
+
156
+ .premium-progressbar-multiple-label {
157
+ position: relative;
158
+ float: right;
159
+ width: 0;
160
+ right: 50%;
161
+ }
162
+
163
+ .premium-progressbar-center-label {
164
+ position: relative;
165
+ white-space: nowrap;
166
+ }
167
+
168
+ .premium-progressbar-arrow {
169
+ height: 15px;
170
+ right: 50%;
171
+ display: inline-block;
172
+ border-right: 7px solid transparent;
173
+ border-left: 7px solid transparent;
174
+ border-top: 11px solid;
175
+ -webkit-transform: translateX(50%);
176
+ -ms-transform: translateX(50%);
177
+ transform: translateX(50%);
178
+ }
179
+
180
+ .premium-progressbar-pin {
181
+ border-right: 1px solid;
182
+ height: 12px;
183
+ right: 50%;
184
+ display: inline-block;
185
+ }
186
+
187
+ /**
188
+ * Circle Progress Bar
189
+ */
190
+ .premium-progressbar-circle-wrap,
191
+ .premium-progressbar-hf-circle-wrap {
192
+ width: 200px;
193
+ height: 200px;
194
+ position: relative;
195
+ margin: 0 auto;
196
+ }
197
+
198
+ .premium-progressbar-circle-wrap .premium-progressbar-circle-content,
199
+ .premium-progressbar-hf-circle-wrap .premium-progressbar-circle-content {
200
+ position: absolute;
201
+ top: 0;
202
+ right: 0;
203
+ width: 100%;
204
+ height: 100%;
205
+ -js-display: flex;
206
+ display: -webkit-box;
207
+ display: -webkit-flex;
208
+ display: -moz-box;
209
+ display: -ms-flexbox;
210
+ display: flex;
211
+ -webkit-box-orient: vertical;
212
+ -webkit-box-direction: normal;
213
+ -webkit-flex-direction: column;
214
+ -moz-box-orient: vertical;
215
+ -moz-box-direction: normal;
216
+ -ms-flex-direction: column;
217
+ flex-direction: column;
218
+ -webkit-box-pack: center;
219
+ -webkit-justify-content: center;
220
+ -moz-box-pack: center;
221
+ -ms-flex-pack: center;
222
+ justify-content: center;
223
+ -webkit-box-align: center;
224
+ -webkit-align-items: center;
225
+ -moz-box-align: center;
226
+ -ms-flex-align: center;
227
+ align-items: center;
228
+ text-align: center;
229
+ }
230
+
231
+ .premium-progressbar-circle-wrap .premium-lottie-animation,
232
+ .premium-progressbar-hf-circle-wrap .premium-lottie-animation {
233
+ line-height: 1;
234
+ }
235
+
236
+ .premium-progressbar-circle-wrap .premium-progressbar-circle {
237
+ position: absolute;
238
+ top: 0;
239
+ right: 0;
240
+ width: 100%;
241
+ height: 100%;
242
+ -webkit-clip-path: inset(0 0 0 50%);
243
+ clip-path: inset(0 0 0 50%);
244
+ }
245
+
246
+ .premium-progressbar-circle-wrap .premium-progressbar-circle div {
247
+ position: absolute;
248
+ right: 0;
249
+ top: 0;
250
+ height: 100%;
251
+ width: 100%;
252
+ border-width: 6px;
253
+ border-style: solid;
254
+ border-color: #54595f;
255
+ -webkit-border-radius: 50%;
256
+ border-radius: 50%;
257
+ -webkit-clip-path: inset(0 50% 0 0);
258
+ clip-path: inset(0 50% 0 0);
259
+ }
260
+
261
+ .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-left {
262
+ -webkit-transform: rotate(0);
263
+ -ms-transform: rotate(0);
264
+ transform: rotate(0);
265
+ }
266
+
267
+ .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-right {
268
+ -webkit-transform: rotate(-180deg);
269
+ -ms-transform: rotate(-180deg);
270
+ transform: rotate(-180deg);
271
+ visibility: hidden;
272
+ }
273
+
274
+ .premium-progressbar-circle-wrap .premium-progressbar-circle-base {
275
+ width: 100%;
276
+ height: 100%;
277
+ border: 6px solid #eee;
278
+ -webkit-border-radius: 50%;
279
+ border-radius: 50%;
280
+ }
281
+
282
+ .premium-progressbar-circle-wrap .premium-lottie-animation {
283
+ line-height: 1;
284
+ }
285
+
286
+ /**
287
+ * Half Circle Progress Bar
288
+ */
289
+ .premium-progressbar-hf-container {
290
+ position: relative;
291
+ width: 200px;
292
+ height: 200px;
293
+ }
294
+
295
+ .premium-progressbar-hf-circle-wrap {
296
+ overflow: hidden;
297
+ }
298
+
299
+ .premium-progressbar-hf-circle-wrap .premium-progressbar-left-label {
300
+ -webkit-box-ordinal-group: 2;
301
+ -webkit-order: 1;
302
+ -moz-box-ordinal-group: 2;
303
+ -ms-flex-order: 1;
304
+ order: 1;
305
+ }
306
+
307
+ .premium-progressbar-hf-circle {
308
+ position: absolute;
309
+ top: 0;
310
+ left: 0;
311
+ width: 100%;
312
+ height: 100%;
313
+ -webkit-clip-path: inset(0 0 50% 0);
314
+ clip-path: inset(0 0 50% 0);
315
+ }
316
+
317
+ .premium-progressbar-hf-circle-progress {
318
+ position: absolute;
319
+ left: 0;
320
+ top: 0;
321
+ height: 100%;
322
+ width: 100%;
323
+ border: 12px solid #000;
324
+ -webkit-border-radius: 50%;
325
+ border-radius: 50%;
326
+ -webkit-clip-path: inset(50% 0 0 0);
327
+ clip-path: inset(50% 0 0 0);
328
+ -webkit-transform: rotate(0deg);
329
+ -ms-transform: rotate(0deg);
330
+ transform: rotate(0deg);
331
+ -webkit-transition: -webkit-transform 1500ms linear;
332
+ transition: -webkit-transform 1500ms linear;
333
+ transition: transform 1500ms linear;
334
+ transition: transform 1500ms linear, -webkit-transform 1500ms linear;
335
+ }
336
+
337
+ .premium-progressbar-circle-inner {
338
+ height: 100%;
339
+ width: 100%;
340
+ border: 12px solid #eee;
341
+ -webkit-border-radius: 50%;
342
+ border-radius: 50%;
343
+ }
344
+
345
+ .premium-progressbar-hf-labels {
346
+ margin: 0 auto;
347
+ position: relative;
348
+ font-size: 12px;
349
+ font-weight: 400;
350
+ -js-display: flex;
351
+ display: -webkit-box;
352
+ display: -webkit-flex;
353
+ display: -moz-box;
354
+ display: -ms-flexbox;
355
+ display: flex;
356
+ -webkit-box-pack: justify;
357
+ -webkit-justify-content: space-between;
358
+ -moz-box-pack: justify;
359
+ -ms-flex-pack: justify;
360
+ justify-content: space-between;
361
+ }
362
+
363
+
364
+ @-webkit-keyframes progress-bar-stripes {
365
+ from {
366
+ background-position: 100% 0;
367
+ }
368
+
369
+ to {
370
+ background-position: 40px 0;
371
+ }
372
+ }
373
+
374
+ @keyframes progress-bar-stripes {
375
+ from {
376
+ background-position: 100% 0;
377
+ }
378
+
379
+ to {
380
+ background-position: 40px 0;
381
+ }
382
+ }
383
+
384
+ @-webkit-keyframes progress-bar-gradient {
385
+ 0% {
386
+ background-position: 100% 50%;
387
+ }
388
+
389
+ 50% {
390
+ background-position: 0% 50%;
391
+ }
392
+
393
+ 100% {
394
+ background-position: 100% 50%;
395
+ }
396
+ }
397
+
398
+ @keyframes progress-bar-gradient {
399
+ 0% {
400
+ background-position: 100% 50%;
401
+ }
402
+
403
+ 50% {
404
+ background-position: 0% 50%;
405
+ }
406
+
407
+ 100% {
408
+ background-position: 100% 50%;
409
+ }
410
+ }
411
+
412
+ @media (max-width: 768px) {
413
+ .premium-progressbar-center-label {
414
+ -webkit-transform: rotate(-90deg) !important;
415
+ -ms-transform: rotate(-90deg) !important;
416
+ transform: rotate(-90deg) !important;
417
+ -webkit-transform-origin: 0;
418
+ -ms-transform-origin: 0;
419
+ transform-origin: 0;
420
+ }
421
  }
assets/frontend/css/premium-progressbar.css CHANGED
@@ -132,51 +132,17 @@
132
  left: 50%;
133
  display: inline-block; }
134
 
135
- /**
136
- * Circle Progress Bar
137
  */
138
- .premium-progressbar-circle-wrap {
 
139
  width: 200px;
140
  height: 200px;
141
  position: relative;
142
  margin: 0 auto; }
143
- .premium-progressbar-circle-wrap .premium-progressbar-circle {
144
- position: absolute;
145
- top: 0;
146
- left: 0;
147
- width: 100%;
148
- height: 100%;
149
- -webkit-clip-path: inset(0 0 0 50%);
150
- clip-path: inset(0 0 0 50%); }
151
- .premium-progressbar-circle-wrap .premium-progressbar-circle div {
152
- position: absolute;
153
- left: 0;
154
- top: 0;
155
- height: 100%;
156
- width: 100%;
157
- border-width: 6px;
158
- border-style: solid;
159
- border-color: #54595f;
160
- -webkit-border-radius: 50%;
161
- border-radius: 50%;
162
- -webkit-clip-path: inset(0 50% 0 0);
163
- clip-path: inset(0 50% 0 0); }
164
- .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-left {
165
- -webkit-transform: rotate(0);
166
- -ms-transform: rotate(0);
167
- transform: rotate(0); }
168
- .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-right {
169
- -webkit-transform: rotate(180deg);
170
- -ms-transform: rotate(180deg);
171
- transform: rotate(180deg);
172
- visibility: hidden; }
173
- .premium-progressbar-circle-wrap .premium-progressbar-circle-base {
174
- width: 100%;
175
- height: 100%;
176
- border: 6px solid #eee;
177
- -webkit-border-radius: 50%;
178
- border-radius: 50%; }
179
- .premium-progressbar-circle-wrap .premium-progressbar-circle-content {
180
  position: absolute;
181
  top: 0;
182
  left: 0;
@@ -204,10 +170,119 @@
204
  -webkit-align-items: center;
205
  -moz-box-align: center;
206
  -ms-flex-align: center;
207
- align-items: center; }
208
- .premium-progressbar-circle-wrap .premium-lottie-animation {
 
 
209
  line-height: 1; }
210
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
211
  @-webkit-keyframes progress-bar-stripes {
212
  from {
213
  background-position: 0 0; }
@@ -235,3 +310,12 @@
235
  background-position: 100% 50%; }
236
  100% {
237
  background-position: 0% 50%; } }
 
 
 
 
 
 
 
 
 
132
  left: 50%;
133
  display: inline-block; }
134
 
135
+ /**
136
+ * Circle Progress Bar
137
  */
138
+ .premium-progressbar-circle-wrap,
139
+ .premium-progressbar-hf-circle-wrap {
140
  width: 200px;
141
  height: 200px;
142
  position: relative;
143
  margin: 0 auto; }
144
+ .premium-progressbar-circle-wrap .premium-progressbar-circle-content,
145
+ .premium-progressbar-hf-circle-wrap .premium-progressbar-circle-content {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
146
  position: absolute;
147
  top: 0;
148
  left: 0;
170
  -webkit-align-items: center;
171
  -moz-box-align: center;
172
  -ms-flex-align: center;
173
+ align-items: center;
174
+ text-align: center; }
175
+ .premium-progressbar-circle-wrap .premium-lottie-animation,
176
+ .premium-progressbar-hf-circle-wrap .premium-lottie-animation {
177
  line-height: 1; }
178
 
179
+ .premium-progressbar-circle-wrap .premium-progressbar-circle {
180
+ position: absolute;
181
+ top: 0;
182
+ left: 0;
183
+ width: 100%;
184
+ height: 100%;
185
+ -webkit-clip-path: inset(0 0 0 50%);
186
+ clip-path: inset(0 0 0 50%); }
187
+ .premium-progressbar-circle-wrap .premium-progressbar-circle div {
188
+ position: absolute;
189
+ left: 0;
190
+ top: 0;
191
+ height: 100%;
192
+ width: 100%;
193
+ border-width: 6px;
194
+ border-style: solid;
195
+ border-color: #54595f;
196
+ -webkit-border-radius: 50%;
197
+ border-radius: 50%;
198
+ -webkit-clip-path: inset(0 50% 0 0);
199
+ clip-path: inset(0 50% 0 0); }
200
+ .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-left {
201
+ -webkit-transform: rotate(0);
202
+ -ms-transform: rotate(0);
203
+ transform: rotate(0); }
204
+ .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-right {
205
+ -webkit-transform: rotate(180deg);
206
+ -ms-transform: rotate(180deg);
207
+ transform: rotate(180deg);
208
+ visibility: hidden; }
209
+
210
+ .premium-progressbar-circle-wrap .premium-progressbar-circle-base {
211
+ width: 100%;
212
+ height: 100%;
213
+ border: 6px solid #eee;
214
+ -webkit-border-radius: 50%;
215
+ border-radius: 50%; }
216
+
217
+ /**
218
+ * Half Circle Progress Bar
219
+ */
220
+ .premium-progressbar-hf-container {
221
+ position: relative;
222
+ width: 200px;
223
+ height: 200px; }
224
+
225
+ .premium-progressbar-hf-circle-wrap {
226
+ overflow: hidden; }
227
+ .premium-progressbar-hf-circle-wrap .premium-progressbar-left-label {
228
+ -webkit-box-ordinal-group: 2;
229
+ -webkit-order: 1;
230
+ -moz-box-ordinal-group: 2;
231
+ -ms-flex-order: 1;
232
+ order: 1; }
233
+
234
+ .premium-progressbar-hf-circle {
235
+ position: absolute;
236
+ top: 0;
237
+ left: 0;
238
+ width: 100%;
239
+ height: 100%;
240
+ -webkit-clip-path: inset(0 0 50% 0);
241
+ clip-path: inset(0 0 50% 0); }
242
+
243
+ .premium-progressbar-hf-circle-progress {
244
+ position: absolute;
245
+ left: 0;
246
+ top: 0;
247
+ height: 100%;
248
+ width: 100%;
249
+ border: 12px solid #000;
250
+ -webkit-border-radius: 50%;
251
+ border-radius: 50%;
252
+ -webkit-clip-path: inset(50% 0 0 0);
253
+ clip-path: inset(50% 0 0 0);
254
+ -webkit-transform: rotate(0deg);
255
+ -ms-transform: rotate(0deg);
256
+ transform: rotate(0deg);
257
+ -webkit-transition: -webkit-transform 1500ms linear;
258
+ transition: -webkit-transform 1500ms linear;
259
+ transition: transform 1500ms linear;
260
+ transition: transform 1500ms linear, -webkit-transform 1500ms linear; }
261
+
262
+ .premium-progressbar-circle-inner {
263
+ height: 100%;
264
+ width: 100%;
265
+ border: 12px solid #eee;
266
+ -webkit-border-radius: 50%;
267
+ border-radius: 50%; }
268
+
269
+ .premium-progressbar-hf-labels {
270
+ margin: 0 auto;
271
+ position: relative;
272
+ font-size: 12px;
273
+ font-weight: 400;
274
+ -js-display: flex;
275
+ display: -webkit-box;
276
+ display: -webkit-flex;
277
+ display: -moz-box;
278
+ display: -ms-flexbox;
279
+ display: flex;
280
+ -webkit-box-pack: justify;
281
+ -webkit-justify-content: space-between;
282
+ -moz-box-pack: justify;
283
+ -ms-flex-pack: justify;
284
+ justify-content: space-between; }
285
+
286
  @-webkit-keyframes progress-bar-stripes {
287
  from {
288
  background-position: 0 0; }
310
  background-position: 100% 50%; }
311
  100% {
312
  background-position: 0% 50%; } }
313
+
314
+ @media (max-width: 768px) {
315
+ .premium-progressbar-center-label {
316
+ -webkit-transform: rotate(-90deg) !important;
317
+ -ms-transform: rotate(-90deg) !important;
318
+ transform: rotate(-90deg) !important;
319
+ -webkit-transform-origin: 0;
320
+ -ms-transform-origin: 0;
321
+ transform-origin: 0; } }
assets/frontend/css/premium-woo-products-rtl.css CHANGED
@@ -1,1178 +1,1178 @@
1
- /********** Premium Woo Products **********/
2
- /******************************************/
3
- .ast-single-post .entry-content .premium-woocommerce a {
4
- text-decoration: none;
5
- }
6
-
7
- .premium-woocommerce .premium-woo-qv-btn {
8
- cursor: pointer;
9
- }
10
-
11
- .premium-woocommerce:not(.premium-woo-skin-grid-7) li.product .star-rating {
12
- margin: 0 auto 0.5em;
13
- }
14
-
15
- .premium-woocommerce:not(.premium-woo-skin-grid-10) .premium-woo-product-sale-wrap .premium-woo-product-onsale,
16
- .premium-woocommerce:not(.premium-woo-skin-grid-10) .premium-woo-product-featured-wrap .premium-woo-product-featured {
17
- display: block;
18
- text-align: center;
19
- color: #fff;
20
- min-width: 2em;
21
- min-height: 2em;
22
- line-height: 2em;
23
- padding: 0.3em 0.6em;
24
- margin: 0.5em 0.6em;
25
- }
26
-
27
- .premium-woocommerce .pa-out-of-stock {
28
- display: block;
29
- text-align: center;
30
- color: #fff;
31
- min-width: 2em;
32
- min-height: 2em;
33
- line-height: 2em;
34
- padding: 0.3em 0.6em;
35
- margin: 0.5em 0.6em;
36
- }
37
-
38
- .premium-woocommerce .premium-woo-products-inner ul.products {
39
- -js-display: flex;
40
- display: -webkit-box;
41
- display: -webkit-flex;
42
- display: -moz-box;
43
- display: -ms-flexbox;
44
- display: flex;
45
- margin: 0;
46
- padding: 0;
47
- -webkit-flex-wrap: wrap;
48
- -ms-flex-wrap: wrap;
49
- flex-wrap: wrap;
50
- list-style: none outside;
51
- -webkit-column-gap: 0;
52
- -moz-column-gap: 0;
53
- column-gap: 0;
54
- }
55
-
56
- .premium-woocommerce .premium-woo-products-inner ul.products li.product {
57
- margin: 0 0 10px;
58
- padding: 0 10px;
59
- }
60
-
61
- .premium-woocommerce.premium-woo-products-inner ul.products li.product .premium-woo-product-wrapper {
62
- overflow: hidden;
63
- -webkit-transition: all 0.3s ease-in-out;
64
- transition: all 0.3s ease-in-out;
65
- }
66
-
67
- .premium-woocommerce .premium-woo-product-category {
68
- display: block;
69
- font-size: 0.85em;
70
- margin-bottom: 0.5em;
71
- line-height: 1.3;
72
- }
73
-
74
- .premium-woocommerce .woocommerce-loop-product__title {
75
- margin-bottom: 0.5em;
76
- font-size: 1em;
77
- -webkit-transition: all 0.3s ease-in-out;
78
- transition: all 0.3s ease-in-out;
79
- }
80
-
81
- .premium-woocommerce .woocommerce-loop-product__link {
82
- position: relative;
83
- display: block !important;
84
- overflow: hidden;
85
- -webkit-transition: all 0.3s ease-in-out;
86
- transition: all 0.3s ease-in-out;
87
- }
88
-
89
- .premium-woocommerce .premium-woo-ribbon-container,
90
- .premium-woocommerce .pa-out-of-stock {
91
- position: absolute;
92
- z-index: 9;
93
- }
94
-
95
- .premium-woocommerce .premium-woo-ribbon-container {
96
- top: 0;
97
- right: 0;
98
- }
99
-
100
- .premium-woocommerce .pa-out-of-stock {
101
- top: 7px;
102
- right: 9px;
103
- margin: 0;
104
- }
105
-
106
- .premium-woocommerce .star-rating {
107
- display: block;
108
- float: none;
109
- margin: 0 auto 0.5em;
110
- -webkit-backface-visibility: hidden;
111
- backface-visibility: hidden;
112
- overflow: hidden;
113
- position: relative;
114
- height: 1em;
115
- line-height: 1;
116
- font-size: 0.857em;
117
- width: 5.4em;
118
- font-family: star;
119
- }
120
-
121
- .premium-woocommerce .star-rating::before {
122
- content: "\73\73\73\73\73";
123
- color: #54595f;
124
- float: right;
125
- top: 0;
126
- right: 0;
127
- position: absolute;
128
- }
129
-
130
- .premium-woocommerce .premium-woo-products-inner ul.products .star-rating span {
131
- overflow: hidden;
132
- float: right;
133
- top: 0;
134
- right: 0;
135
- position: absolute;
136
- padding-top: 1.5em;
137
- }
138
-
139
- .premium-woocommerce .star-rating span::before {
140
- content: "\53\53\53\53\53";
141
- color: inherit;
142
- top: 0;
143
- position: absolute;
144
- right: 0;
145
- }
146
-
147
- .premium-woo-product-thumbnail {
148
- position: relative;
149
- overflow: hidden;
150
- }
151
-
152
- .premium-woo-product-thumbnail .woocommerce-loop-product__link img {
153
- margin: 0;
154
- width: 100%;
155
- }
156
-
157
- .premium-woo-product-sale-wrap,
158
- .premium-woo-product-featured-wrap {
159
- margin: 0;
160
- }
161
-
162
- .premium-woocommerce .premium-woo-products-details-wrap {
163
- padding: 1em 1.2em;
164
- }
165
-
166
- .premium-woocommerce .premium-woo-products-details-wrap .button {
167
- display: inline-block;
168
- background-color: #6ec1e4;
169
- color: #fff;
170
- margin: 0.5em 0;
171
- line-height: 1.3;
172
- padding: 10px 40px;
173
- font-size: 100%;
174
- cursor: pointer;
175
- text-decoration: none;
176
- overflow: visible;
177
- font-weight: 700;
178
- background-image: none;
179
- border: none;
180
- -webkit-border-radius: 0px;
181
- border-radius: 0px;
182
- -webkit-box-shadow: none;
183
- box-shadow: none;
184
- text-shadow: none;
185
- -webkit-transition: all 0.3s ease-in-out;
186
- transition: all 0.3s ease-in-out;
187
- }
188
-
189
- .premium-woocommerce li.product .price {
190
- display: block;
191
- line-height: 1.3;
192
- font-weight: 700;
193
- margin-bottom: 0.5em;
194
- font-size: 0.9em;
195
- }
196
-
197
- .premium-woocommerce li.product .price del {
198
- display: inline-block;
199
- font-weight: 400;
200
- background: transparent;
201
- opacity: 1;
202
- }
203
-
204
- .premium-woocommerce li.product .price ins {
205
- display: inline-block;
206
- background: transparent;
207
- text-decoration: none;
208
- font-weight: inherit;
209
- }
210
-
211
- .premium-woocommerce li.product .price .amount {
212
- color: inherit !important;
213
- }
214
-
215
- .premium-woocommerce li.product .premium-woo-product-desc p {
216
- margin: 0;
217
- }
218
-
219
- .premium-woo-product-align-left .premium-woocommerce li.product .star-rating {
220
- margin-right: auto;
221
- margin-left: 0;
222
- }
223
-
224
- .premium-woo-product-align-center .premium-woocommerce li.product .star-rating {
225
- margin-right: auto;
226
- margin-left: auto;
227
- }
228
-
229
- .premium-woo-product-align-right .premium-woocommerce li.product .star-rating {
230
- margin-right: 0;
231
- margin-left: auto;
232
- }
233
-
234
- .premium-woo-products-pagination ul.page-numbers {
235
- -js-display: flex;
236
- display: -webkit-box;
237
- display: -webkit-flex;
238
- display: -moz-box;
239
- display: -ms-flexbox;
240
- display: flex;
241
- list-style-type: none;
242
- margin: 0;
243
- margin-top: 10px;
244
- padding: 0;
245
- border: none;
246
- -webkit-box-pack: center;
247
- -webkit-justify-content: center;
248
- -moz-box-pack: center;
249
- -ms-flex-pack: center;
250
- justify-content: center;
251
- }
252
-
253
- .premium-woo-products-pagination ul.page-numbers li {
254
- margin: 0 0 0.4em 0.4em;
255
- padding: 0;
256
- text-align: center;
257
- }
258
-
259
- .premium-woo-products-pagination ul.page-numbers li .page-numbers {
260
- margin: 0;
261
- text-decoration: none;
262
- color: #000;
263
- border: 1px solid #54595f;
264
- padding: 0;
265
- line-height: 1;
266
- font-size: 1em;
267
- font-weight: 400;
268
- padding: 0.75em;
269
- display: block;
270
- min-width: 2.5em;
271
- -webkit-transition: all 0.3s ease-in-out;
272
- transition: all 0.3s ease-in-out;
273
- }
274
-
275
- .premium-woo-products-pagination ul.page-numbers li .page-numbers:hover,
276
- .premium-woo-products-pagination ul.page-numbers li .page-numbers.current {
277
- background-color: #54595f;
278
- color: #fff;
279
- outline: none;
280
- }
281
-
282
- .premium-woocommerce .premium-loading-feed,
283
- .premium-woo-quick-view-loader .premium-loading-feed {
284
- display: block;
285
- position: absolute;
286
- width: 100%;
287
- height: 100%;
288
- top: 0px;
289
- right: 0px;
290
- bottom: 0px;
291
- left: 0px;
292
- background: rgba(255, 255, 255, 0.2);
293
- -js-display: flex;
294
- display: -webkit-box;
295
- display: -webkit-flex;
296
- display: -moz-box;
297
- display: -ms-flexbox;
298
- display: flex;
299
- -webkit-box-align: center;
300
- -webkit-align-items: center;
301
- -moz-box-align: center;
302
- -ms-flex-align: center;
303
- align-items: center;
304
- }
305
-
306
- /**
307
- * Image Hover Effects
308
- */
309
- .premium-woocommerce .woocommerce-loop-product__link img {
310
- -webkit-transition: all 0.3s ease-in-out;
311
- transition: all 0.3s ease-in-out;
312
- }
313
-
314
- .premium-woo-product__hover-zoomout .woocommerce-loop-product__link img {
315
- -webkit-transform: scale(1.2);
316
- -ms-transform: scale(1.2);
317
- transform: scale(1.2);
318
- }
319
-
320
- .premium-woo-product__hover-zoomout li.product:hover .woocommerce-loop-product__link img {
321
- -webkit-transform: none;
322
- -ms-transform: none;
323
- transform: none;
324
- }
325
-
326
- .premium-woo-product__hover-zoomin .woocommerce-loop-product__link img {
327
- -webkit-transform: none;
328
- -ms-transform: none;
329
- transform: none;
330
- }
331
-
332
- .premium-woo-product__hover-zoomin li.product:hover .woocommerce-loop-product__link img {
333
- -webkit-transform: scale(1.2);
334
- -ms-transform: scale(1.2);
335
- transform: scale(1.2);
336
- }
337
-
338
- .premium-woo-product__hover-gray .woocommerce-loop-product__link img {
339
- -webkit-filter: grayscale(100%);
340
- filter: grayscale(100%);
341
- }
342
-
343
- .premium-woo-product__hover-gray li.product:hover .woocommerce-loop-product__link img {
344
- -webkit-filter: grayscale(0%);
345
- filter: grayscale(0%);
346
- }
347
-
348
- .premium-woo-product__hover-sepia .woocommerce-loop-product__link img {
349
- -webkit-filter: sepia(30%);
350
- filter: sepia(30%);
351
- }
352
-
353
- .premium-woo-product__hover-sepia li.product:hover .woocommerce-loop-product__link img {
354
- -webkit-filter: sepia(0%);
355
- filter: sepia(0%);
356
- }
357
-
358
- .premium-woo-product__hover-bright .woocommerce-loop-product__link img {
359
- -webkit-filter: brightness(1);
360
- filter: brightness(1);
361
- }
362
-
363
- .premium-woo-product__hover-bright li.product:hover .woocommerce-loop-product__link img {
364
- -webkit-filter: brightness(1.2);
365
- filter: brightness(1.2);
366
- }
367
-
368
- .premium-woo-product__hover-trans .woocommerce-loop-product__link img {
369
- -webkit-transform: translateX(15px) scale(1.1);
370
- -ms-transform: translateX(15px) scale(1.1);
371
- transform: translateX(15px) scale(1.1);
372
- }
373
-
374
- .premium-woo-product__hover-trans li.product:hover .woocommerce-loop-product__link img {
375
- -webkit-transform: translateX(0px) scale(1.1);
376
- -ms-transform: translateX(0px) scale(1.1);
377
- transform: translateX(0px) scale(1.1);
378
- }
379
-
380
- .premium-woo-product__hover-scale li.product:hover .woocommerce-loop-product__link img {
381
- -webkit-transform: scaleX(1.3) scaleY(1.3) rotate(-5deg);
382
- -ms-transform: scaleX(1.3) scaleY(1.3) rotate(-5deg);
383
- transform: scaleX(1.3) scaleY(1.3) rotate(-5deg);
384
- }
385
-
386
- .premium-woocommerce .premium-woo-product__on_hover {
387
- position: absolute;
388
- top: 0;
389
- left: 0;
390
- bottom: 0;
391
- right: 0;
392
- height: 100%;
393
- opacity: 0;
394
- }
395
-
396
- .premium-woo-product__hover-swap li.product:hover .premium-woo-product__on_hover {
397
- opacity: 1;
398
- }
399
-
400
- .premium-woo-skin-grid-1 .premium-woo-qv-btn,
401
- .premium-woo-skin-grid-3 .premium-woo-qv-btn,
402
- .premium-woo-skin-grid-4 .premium-woo-qv-btn {
403
- position: absolute;
404
- bottom: 0;
405
- right: 0;
406
- width: 100%;
407
- text-align: center;
408
- padding: 5px;
409
- background: rgba(2, 2, 2, 0.5);
410
- color: #fff;
411
- -webkit-transition: all 0.3s ease-in-out;
412
- transition: all 0.3s ease-in-out;
413
- z-index: 2;
414
- -webkit-transform: translateY(100%);
415
- -ms-transform: translateY(100%);
416
- transform: translateY(100%);
417
- }
418
-
419
- .premium-woo-skin-grid-4 .premium-woo-qv-btn {
420
- -webkit-transition-delay: 0.1s;
421
- transition-delay: 0.1s;
422
- }
423
-
424
- .premium-woo-skin-grid-1 .premium-woo-qv-icon,
425
- .premium-woo-skin-grid-3 .premium-woo-qv-icon,
426
- .premium-woo-skin-grid-4 .premium-woo-qv-icon,
427
- .premium-woo-skin-grid-6 .premium-woo-qv-icon {
428
- margin-right: 0.5em;
429
- }
430
-
431
- .premium-woo-product-thumbnail:hover .premium-woo-qv-btn-translate {
432
- -webkit-transform: translateY(0);
433
- -ms-transform: translateY(0);
434
- transform: translateY(0);
435
- }
436
-
437
- .premium-woo-product-wrapper .premium-woo-qv-data {
438
- position: absolute;
439
- top: 0;
440
- right: 0;
441
- width: 100%;
442
- height: 100%;
443
- z-index: 1;
444
- overflow: hidden;
445
- cursor: pointer;
446
- }
447
-
448
- /**
449
- * Skin 1,4
450
- */
451
- .premium-woo-skin-grid-1 .premium-woo-product-actions-wrapper,
452
- .premium-woo-skin-grid-4 .premium-woo-product-actions-wrapper {
453
- position: absolute;
454
- top: 0.7em;
455
- left: 1em;
456
- -webkit-transform: translate3d(-15px, 0, 0);
457
- transform: translate3d(-15px, 0, 0);
458
- -webkit-transition: all 0.3s ease-in-out;
459
- transition: all 0.3s ease-in-out;
460
- opacity: 0;
461
- z-index: 9;
462
- }
463
-
464
- .premium-woocommerce .premium-woo-product-actions-wrapper .premium-woo-cart-btn {
465
- position: relative;
466
- display: block;
467
- margin: 0 0 3px;
468
- background: #fff;
469
- text-align: center;
470
- outline: 0;
471
- -webkit-transition: all 0.3s ease-in-out;
472
- transition: all 0.3s ease-in-out;
473
- }
474
-
475
- .premium-woocommerce .premium-woo-product-actions-wrapper .premium-woo-add-cart-icon {
476
- display: block;
477
- color: #54595f;
478
- width: 30px;
479
- line-height: 30px;
480
- height: 30px;
481
- cursor: pointer;
482
- -webkit-transition: all 0.3s ease-in-out;
483
- transition: all 0.3s ease-in-out;
484
- }
485
-
486
- .premium-woo-skin-grid-1 li.product:hover .premium-woo-product-actions-wrapper,
487
- .premium-woo-skin-grid-4 li.product:hover .premium-woo-product-actions-wrapper {
488
- -webkit-transform: translate3d(-5px, 0, 0);
489
- transform: translate3d(-5px, 0, 0);
490
- opacity: 1;
491
- }
492
-
493
- .premium-woocommerce .premium-woo-cart-btn.adding .premium-woo-add-cart-icon {
494
- -webkit-animation: spin 2s linear infinite;
495
- animation: spin 2s linear infinite;
496
- }
497
-
498
- .premium-woocommerce .premium-woo-cart-btn.adding .premium-woo-add-cart-icon::before {
499
- content: "\f013";
500
- }
501
-
502
- .premium-woocommerce .premium-woo-cart-btn.added .premium-woo-add-cart-icon::before {
503
- content: "\f00c";
504
- }
505
-
506
- /**
507
- * Skin 2
508
- */
509
- .premium-woo-skin-grid-2 li.product .premium-woo-products-details-wrap {
510
- position: absolute;
511
- background: #fff;
512
- bottom: 0;
513
- right: 0;
514
- width: 100%;
515
- z-index: 2;
516
- padding: 0;
517
- opacity: 0;
518
- -webkit-transition: opacity 0.2s, -webkit-transform 0.4s;
519
- transition: opacity 0.2s, -webkit-transform 0.4s;
520
- transition: transform 0.4s, opacity 0.2s;
521
- transition: transform 0.4s, opacity 0.2s, -webkit-transform 0.4s;
522
- -webkit-transform: translateZ(0) translateY(5px);
523
- transform: translateZ(0) translateY(5px);
524
- }
525
-
526
- .premium-woo-skin-grid-2 .premium-woo-product-details {
527
- padding: 15px 0;
528
- }
529
-
530
- .premium-woo-skin-grid-2 li.product:hover .premium-woo-products-details-wrap {
531
- opacity: 1;
532
- -webkit-transform: translateZ(0) translateY(0);
533
- transform: translateZ(0) translateY(0);
534
- }
535
-
536
- .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper {
537
- position: static;
538
- -js-display: flex;
539
- display: -webkit-box;
540
- display: -webkit-flex;
541
- display: -moz-box;
542
- display: -ms-flexbox;
543
- display: flex;
544
- -webkit-box-orient: horizontal;
545
- -webkit-box-direction: reverse;
546
- -webkit-flex-direction: row-reverse;
547
- -moz-box-orient: horizontal;
548
- -moz-box-direction: reverse;
549
- -ms-flex-direction: row-reverse;
550
- flex-direction: row-reverse;
551
- }
552
-
553
- .premium-woo-skin-grid-2 .premium-woo-product-actions-wrapper>* {
554
- -webkit-box-flex: 1;
555
- -webkit-flex: 1;
556
- -moz-box-flex: 1;
557
- -ms-flex: 1;
558
- flex: 1;
559
- min-width: 50%;
560
- }
561
-
562
- .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper .button {
563
- -js-display: flex;
564
- display: -webkit-box;
565
- display: -webkit-flex;
566
- display: -moz-box;
567
- display: -ms-flexbox;
568
- display: flex;
569
- margin: 0;
570
- text-align: center;
571
- -webkit-box-pack: center;
572
- -webkit-justify-content: center;
573
- -moz-box-pack: center;
574
- -ms-flex-pack: center;
575
- justify-content: center;
576
- -webkit-box-align: center;
577
- -webkit-align-items: center;
578
- -moz-box-align: center;
579
- -ms-flex-align: center;
580
- align-items: center;
581
- }
582
-
583
- .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper .premium-woo-qv-btn {
584
- background-color: #54595f;
585
- }
586
-
587
- /**
588
- * Skin 4
589
- */
590
- .premium-woo-skin-grid-4 li.product .premium-woo-products-details-wrap {
591
- position: absolute;
592
- right: 0;
593
- left: 0;
594
- top: 50%;
595
- -webkit-transform: scale(0.9) translateZ(0) translateY(-50%);
596
- transform: scale(0.9) translateZ(0) translateY(-50%);
597
- text-align: center;
598
- z-index: 2;
599
- opacity: 0;
600
- -webkit-transition: opacity 0.5s, -webkit-transform 0.3s;
601
- transition: opacity 0.5s, -webkit-transform 0.3s;
602
- transition: opacity 0.5s, transform 0.3s;
603
- transition: opacity 0.5s, transform 0.3s, -webkit-transform 0.3s;
604
- }
605
-
606
- .premium-woo-skin-grid-4 li.product .premium-woo-product-overlay,
607
- .premium-woo-skin-grid-8 li.product .premium-woo-product-overlay {
608
- position: absolute;
609
- top: 0;
610
- right: 0;
611
- width: 100%;
612
- height: 100%;
613
- opacity: 0;
614
- visibility: hidden;
615
- background-color: rgba(27, 27, 23, 0.3);
616
- -webkit-transition: all 0.25s ease-in-out;
617
- transition: all 0.25s ease-in-out;
618
- }
619
-
620
- .premium-woo-skin-grid-4 li.product:hover .premium-woo-product-overlay,
621
- .premium-woo-skin-grid-8 li.product:hover .premium-woo-product-overlay {
622
- opacity: 1;
623
- visibility: visible;
624
- z-index: 1;
625
- }
626
-
627
- .premium-woo-skin-grid-4 li.product:hover .premium-woo-products-details-wrap {
628
- -webkit-transform: scale(1) translateZ(0) translateY(-50%);
629
- transform: scale(1) translateZ(0) translateY(-50%);
630
- opacity: 1;
631
- }
632
-
633
- /**
634
- * Skin 5
635
- */
636
- .premium-woo-skin-grid-5 li.product .premium-woo-product-actions-wrapper {
637
- -js-display: flex;
638
- display: -webkit-box;
639
- display: -webkit-flex;
640
- display: -moz-box;
641
- display: -ms-flexbox;
642
- display: flex;
643
- }
644
-
645
- .premium-woo-skin-grid-5 li.product .premium-woo-product-actions-wrapper .premium-woo-qv-btn {
646
- -js-display: flex;
647
- display: -webkit-box;
648
- display: -webkit-flex;
649
- display: -moz-box;
650
- display: -ms-flexbox;
651
- display: flex;
652
- -webkit-box-align: center;
653
- -webkit-align-items: center;
654
- -moz-box-align: center;
655
- -ms-flex-align: center;
656
- align-items: center;
657
- background-color: #54595f;
658
- padding: 10px;
659
- -webkit-transition: all 0.25s ease 0s;
660
- transition: all 0.25s ease 0s;
661
- }
662
-
663
- .premium-woo-skin-grid-5 li.product .premium-woo-products-details-wrap {
664
- width: 75%;
665
- }
666
-
667
- .premium-woo-skin-grid-5 .premium-woo-product-wrapper {
668
- -js-display: flex;
669
- display: -webkit-box;
670
- display: -webkit-flex;
671
- display: -moz-box;
672
- display: -ms-flexbox;
673
- display: flex;
674
- -webkit-box-align: center;
675
- -webkit-align-items: center;
676
- -moz-box-align: center;
677
- -ms-flex-align: center;
678
- align-items: center;
679
- }
680
-
681
- .premium-woo-product-align-right .premium-woo-skin-grid-5 .premium-woo-product-actions-wrapper {
682
- -webkit-box-pack: end;
683
- -webkit-justify-content: flex-end;
684
- -moz-box-pack: end;
685
- -ms-flex-pack: end;
686
- justify-content: flex-end;
687
- }
688
-
689
- .premium-woo-product-align-center .premium-woo-skin-grid-5 .premium-woo-product-actions-wrapper {
690
- -webkit-box-pack: center;
691
- -webkit-justify-content: center;
692
- -moz-box-pack: center;
693
- -ms-flex-pack: center;
694
- justify-content: center;
695
- }
696
-
697
- /**
698
- * Skin 6
699
- */
700
- .premium-woo-skin-grid-6 .premium-woo-qv-btn {
701
- position: absolute;
702
- top: 50%;
703
- right: 50%;
704
- min-width: 40%;
705
- text-align: center;
706
- padding: 5px;
707
- background: rgba(2, 2, 2, 0.5);
708
- color: #fff;
709
- -webkit-transform: translate(50%, -50%);
710
- -ms-transform: translate(50%, -50%);
711
- transform: translate(50%, -50%);
712
- opacity: 0;
713
- visibility: hidden;
714
- -webkit-transition: all 0.3s ease-in-out;
715
- transition: all 0.3s ease-in-out;
716
- cursor: pointer;
717
- z-index: 2;
718
- }
719
-
720
- .premium-woo-skin-grid-6 li.product:hover .premium-woo-qv-btn {
721
- opacity: 1;
722
- visibility: visible;
723
- }
724
-
725
- .premium-woo-product-align-right .premium-woo-skin-grid-6 li.product .premium-woo-product-info .star-rating,
726
- .premium-woo-product-align-left .premium-woo-skin-grid-6 li.product .premium-woo-product-info .star-rating,
727
- .premium-woo-product-align-right .premium-woo-skin-grid-7 li.product .premium-woo-product-info .star-rating,
728
- .premium-woo-product-align-left .premium-woo-skin-grid-7 li.product .premium-woo-product-info .star-rating {
729
- margin: 0;
730
- }
731
-
732
- .premium-woo-skin-grid-6 li.product .premium-woo-product-info {
733
- -js-display: flex;
734
- display: -webkit-box;
735
- display: -webkit-flex;
736
- display: -moz-box;
737
- display: -ms-flexbox;
738
- display: flex;
739
- -webkit-box-pack: justify;
740
- -webkit-justify-content: space-between;
741
- -moz-box-pack: justify;
742
- -ms-flex-pack: justify;
743
- justify-content: space-between;
744
- }
745
-
746
- .premium-woo-product-align-center .premium-woocommerce li.product .premium-woo-product-info {
747
- -webkit-box-orient: vertical;
748
- -webkit-box-direction: normal;
749
- -webkit-flex-direction: column;
750
- -moz-box-orient: vertical;
751
- -moz-box-direction: normal;
752
- -ms-flex-direction: column;
753
- flex-direction: column;
754
- }
755
-
756
- .premium-woo-product-align-right .premium-woocommerce li.product .premium-woo-product-info {
757
- -webkit-box-orient: horizontal;
758
- -webkit-box-direction: reverse;
759
- -webkit-flex-direction: row-reverse;
760
- -moz-box-orient: horizontal;
761
- -moz-box-direction: reverse;
762
- -ms-flex-direction: row-reverse;
763
- flex-direction: row-reverse;
764
- }
765
-
766
- .premium-woo-skin-grid-6 li.product .premium-woo-product-gallery-images {
767
- -js-display: flex;
768
- display: -webkit-box;
769
- display: -webkit-flex;
770
- display: -moz-box;
771
- display: -ms-flexbox;
772
- display: flex;
773
- position: absolute;
774
- bottom: 10px;
775
- width: 100%;
776
- -webkit-box-pack: center;
777
- -webkit-justify-content: center;
778
- -moz-box-pack: center;
779
- -ms-flex-pack: center;
780
- justify-content: center;
781
- }
782
-
783
- .premium-woo-product-gallery-images .premium-woo-product__gallery_image {
784
- width: 20%;
785
- margin: 0 0.2em;
786
- border: 2px solid #aaa;
787
- cursor: pointer;
788
- }
789
-
790
- /**
791
- * Metro
792
- */
793
- /*.premium-woo-grid-style1 ul.products li.product {
794
- width: 25%;
795
- }*/
796
- .premium-woo-products-metro li.product .premium-woo-product-thumbnail img,
797
- .premium-woo-products-metro li.product .premium-woo-product-wrapper,
798
- .premium-woo-products-metro li.product .premium-woo-product-thumbnail,
799
- .premium-woo-products-metro li.product .woocommerce-LoopProduct-link {
800
- height: 100%;
801
- }
802
-
803
- .premium-woo-products-metro ul.products li.product {
804
- margin-bottom: 0;
805
- }
806
-
807
- .premium-woo-products-metro li.product .premium-woo-product-thumbnail img {
808
- -o-object-fit: cover;
809
- object-fit: cover;
810
- }
811
-
812
- /*
813
- * Carousel
814
- */
815
- .premium-carousel-hidden {
816
- opacity: 0;
817
- visibility: hidden;
818
- }
819
-
820
- .premium-woocommerce:not(.premium-woo-skin-grid-7) .slick-arrow {
821
- -webkit-border-radius: 50%;
822
- border-radius: 50%;
823
- }
824
-
825
- .premium-woocommerce ul.slick-dots {
826
- width: 100%;
827
- }
828
-
829
- /*
830
- * Quick View Html/body
831
- */
832
- html.premium-woo-qv-opened,
833
- html.premium-woo-qv-opened body {
834
- overflow: hidden;
835
- }
836
-
837
- /**
838
- * Quick View Modal
839
- */
840
- .premium-woo-quick-view-back {
841
- position: fixed;
842
- visibility: hidden;
843
- overflow: hidden;
844
- background: rgba(2, 2, 2, 0.5);
845
- opacity: 0;
846
- -webkit-transition: opacity 0.25s;
847
- transition: opacity 0.25s;
848
- z-index: 999;
849
- }
850
-
851
- .premium-woo-quick-view-active {
852
- top: 0;
853
- right: 0;
854
- width: 100%;
855
- height: 100%;
856
- opacity: 1;
857
- visibility: visible;
858
- }
859
-
860
- #premium-woo-quick-view-modal {
861
- position: fixed;
862
- visibility: hidden;
863
- opacity: 0;
864
- top: 0;
865
- right: 0;
866
- width: 100%;
867
- height: 100%;
868
- z-index: 1400;
869
- text-align: center;
870
- -webkit-transition: all 0.3s;
871
- transition: all 0.3s;
872
- overflow-x: hidden;
873
- overflow-y: auto;
874
- }
875
-
876
- #premium-woo-quick-view-modal.active {
877
- visibility: visible;
878
- opacity: 1;
879
- }
880
-
881
- #premium-woo-quick-view-modal.active .premium-woo-content-main {
882
- -webkit-transform: translateY(0);
883
- -ms-transform: translateY(0);
884
- transform: translateY(0);
885
- opacity: 1;
886
- width: 100%;
887
- }
888
-
889
- #premium-woo-quick-view-modal .premium-woo-content-main-wrapper {
890
- position: absolute;
891
- width: 100%;
892
- height: 100%;
893
- top: 0;
894
- right: 0;
895
- text-align: center;
896
- padding: 30px;
897
- -js-display: flex;
898
- display: -webkit-box;
899
- display: -webkit-flex;
900
- display: -moz-box;
901
- display: -ms-flexbox;
902
- display: flex;
903
- -webkit-box-align: center;
904
- -webkit-align-items: center;
905
- -moz-box-align: center;
906
- -ms-flex-align: center;
907
- align-items: center;
908
- }
909
-
910
- #premium-woo-quick-view-modal .premium-woo-content-main {
911
- position: relative;
912
- pointer-events: none;
913
- max-width: 100%;
914
- text-align: right;
915
- z-index: 1045;
916
- -webkit-transform: translateY(-30px);
917
- -ms-transform: translateY(-30px);
918
- transform: translateY(-30px);
919
- opacity: 0;
920
- -webkit-transition: opacity 0.3s, -webkit-transform 0.5s;
921
- transition: opacity 0.3s, -webkit-transform 0.5s;
922
- transition: transform 0.5s, opacity 0.3s;
923
- transition: transform 0.5s, opacity 0.3s, -webkit-transform 0.5s;
924
- margin: 0 auto;
925
- }
926
-
927
- #premium-woo-quick-view-modal .premium-woo-lightbox-content {
928
- position: relative;
929
- display: table;
930
- pointer-events: auto;
931
- background-color: #fff;
932
- max-width: 975px;
933
- margin: 20px auto;
934
- -webkit-transform: translateZ(0);
935
- transform: translateZ(0);
936
- -webkit-box-shadow: -3px 3px 20px 0 rgba(0, 0, 0, 0.15);
937
- box-shadow: -3px 3px 20px 0 rgba(0, 0, 0, 0.15);
938
- overflow: hidden;
939
- }
940
-
941
- #premium-woo-quick-view-modal .summary {
942
- width: 50%;
943
- margin: 0;
944
- padding: 30px;
945
- float: right;
946
- -webkit-box-sizing: border-box;
947
- -moz-box-sizing: border-box;
948
- box-sizing: border-box;
949
- }
950
-
951
- #premium-woo-quick-view-modal .summary .quantity {
952
- min-width: auto;
953
- }
954
-
955
- #premium-woo-quick-view-modal .summary .quantity input.qty {
956
- width: 54px;
957
- -webkit-appearance: button;
958
- -moz-appearance: button;
959
- appearance: button;
960
- }
961
-
962
- #premium-woo-quick-view-modal .summary .quantity input[type="number"]::-webkit-inner-spin-button,
963
- #premium-woo-quick-view-modal .summary .quantity input[type="number"]::-webkit-outer-spin-button {
964
- display: unset;
965
- }
966
-
967
- #premium-woo-quick-view-modal .woocommerce-product-details__short-description p {
968
- margin: 0;
969
- }
970
-
971
- #premium-woo-quick-view-close {
972
- position: absolute;
973
- font-size: 22px;
974
- top: 10px;
975
- left: 10px;
976
- width: 22px;
977
- height: 22px;
978
- line-height: 22px;
979
- opacity: 0.7;
980
- text-align: center;
981
- z-index: 2;
982
- color: #000;
983
- }
984
-
985
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider {
986
- position: relative;
987
- }
988
-
989
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider li {
990
- list-style: none;
991
- }
992
-
993
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav {
994
- margin: 0;
995
- padding: 0;
996
- width: 100%;
997
- position: absolute;
998
- bottom: 10px;
999
- text-align: center;
1000
- direction: ltr;
1001
- }
1002
-
1003
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li {
1004
- margin: 0 6px;
1005
- display: inline-block;
1006
- vertical-align: middle;
1007
- }
1008
-
1009
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a {
1010
- width: 11px;
1011
- height: 11px;
1012
- display: block;
1013
- background: #666;
1014
- background: rgba(0, 0, 0, 0.5);
1015
- cursor: pointer;
1016
- text-indent: -9999px;
1017
- -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
1018
- box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
1019
- -webkit-border-radius: 20px;
1020
- border-radius: 20px;
1021
- }
1022
-
1023
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a.flex-active {
1024
- background: rgba(0, 0, 0, 0.9);
1025
- cursor: default;
1026
- }
1027
-
1028
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a:focus {
1029
- outline: none;
1030
- }
1031
-
1032
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider img {
1033
- -o-object-fit: cover;
1034
- object-fit: cover;
1035
- }
1036
-
1037
- #premium-woo-quick-view-content div.images {
1038
- width: 50%;
1039
- float: right;
1040
- opacity: 1 !important;
1041
- margin: 0;
1042
- }
1043
-
1044
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav {
1045
- margin: 0;
1046
- padding: 0;
1047
- list-style: none;
1048
- direction: ltr;
1049
- }
1050
-
1051
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav a {
1052
- text-decoration: none;
1053
- display: block;
1054
- width: 14px;
1055
- height: 32px;
1056
- font-size: 32px;
1057
- line-height: 32px;
1058
- margin: -20px 0 0;
1059
- position: absolute;
1060
- top: 50%;
1061
- z-index: 10;
1062
- overflow: hidden;
1063
- cursor: pointer;
1064
- color: rgba(0, 0, 0, 0.8);
1065
- text-shadow: -1px 1px 0 rgba(255, 255, 255, 0.3);
1066
- -webkit-transition: all 0.3s ease-in-out;
1067
- transition: all 0.3s ease-in-out;
1068
- }
1069
-
1070
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next,
1071
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev {
1072
- display: inline-block;
1073
- font-family: "Font Awesome 5 Free";
1074
- font-weight: 900;
1075
- text-rendering: auto;
1076
- -webkit-font-smoothing: antialiased;
1077
- -moz-osx-font-smoothing: grayscale;
1078
- }
1079
-
1080
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev {
1081
- left: 10px;
1082
- }
1083
-
1084
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next {
1085
- right: 10px;
1086
- }
1087
-
1088
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev::before {
1089
- content: "\f104";
1090
- }
1091
-
1092
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next::before {
1093
- content: "\f105";
1094
- }
1095
-
1096
- .premium-woocommerce li.product .added_to_cart.wc-forward {
1097
- display: none;
1098
- }
1099
-
1100
- .premium-woo-atc-button .add_to_cart_button span {
1101
- -webkit-animation: spin 2s linear infinite;
1102
- animation: spin 2s linear infinite;
1103
- margin-right: 5px;
1104
- vertical-align: baseline;
1105
- }
1106
-
1107
- /*
1108
- * Load More Button
1109
- */
1110
- .premium-woo-load-more {
1111
- position: relative; }
1112
- .premium-woo-load-more .premium-woo-load-more-btn {
1113
- -webkit-box-shadow: none;
1114
- box-shadow: none;
1115
- text-shadow: none;
1116
- border: none;
1117
- outline: none;
1118
- -webkit-box-align: center;
1119
- -webkit-align-items: center;
1120
- -moz-box-align: center;
1121
- -ms-flex-align: center;
1122
- align-items: center;
1123
- vertical-align: bottom;
1124
- cursor: pointer;
1125
- line-height: 1;
1126
- font-style: normal;
1127
- font-weight: normal;
1128
- background-image: none;
1129
- color: #fff;
1130
- -webkit-transition: all 0.3s ease-in-out;
1131
- transition: all 0.3s ease-in-out; }
1132
-
1133
- .premium-woo-load-more-btn {
1134
- -js-display: inline-flex;
1135
- display: -webkit-inline-box;
1136
- display: -webkit-inline-flex;
1137
- display: -moz-inline-box;
1138
- display: -ms-inline-flexbox;
1139
- display: inline-flex;
1140
- -webkit-box-align: center;
1141
- -webkit-align-items: center;
1142
- -moz-box-align: center;
1143
- -ms-flex-align: center;
1144
- align-items: center; }
1145
-
1146
- .premium-woo-load-more-btn span {
1147
- margin-right: 3px; }
1148
-
1149
- .premium-woo-load-more-btn .premium-loader {
1150
- display: inline-block;
1151
- width: 20px;
1152
- height: 20px; }
1153
-
1154
- .premium-woo-hidden {
1155
- visibility: hidden;
1156
- width: 0 !important;
1157
- height: 0 !important;
1158
- margin: 0 !important;
1159
- padding: 0 !important; }
1160
-
1161
- @media (min-width: 545px) {
1162
- #premium-woo-quick-view-content div.summary {
1163
- content: "544";
1164
- overflow-y: auto;
1165
- }
1166
- }
1167
-
1168
- @media (max-width: 544px) {
1169
- #premium-woo-quick-view-content .premium-woo-lightbox-content {
1170
- display: block;
1171
- }
1172
-
1173
- #premium-woo-quick-view-content div.images,
1174
- #premium-woo-quick-view-content div.summary {
1175
- width: 100%;
1176
- float: none;
1177
- }
1178
  }
1
+ /********** Premium Woo Products **********/
2
+ /******************************************/
3
+ .ast-single-post .entry-content .premium-woocommerce a {
4
+ text-decoration: none;
5
+ }
6
+
7
+ .premium-woocommerce .premium-woo-qv-btn {
8
+ cursor: pointer;
9
+ }
10
+
11
+ .premium-woocommerce:not(.premium-woo-skin-grid-7) li.product .star-rating {
12
+ margin: 0 auto 0.5em;
13
+ }
14
+
15
+ .premium-woocommerce:not(.premium-woo-skin-grid-10) .premium-woo-product-sale-wrap .premium-woo-product-onsale,
16
+ .premium-woocommerce:not(.premium-woo-skin-grid-10) .premium-woo-product-featured-wrap .premium-woo-product-featured {
17
+ display: block;
18
+ text-align: center;
19
+ color: #fff;
20
+ min-width: 2em;
21
+ min-height: 2em;
22
+ line-height: 2em;
23
+ padding: 0.3em 0.6em;
24
+ margin: 0.5em 0.6em;
25
+ }
26
+
27
+ .premium-woocommerce .pa-out-of-stock {
28
+ display: block;
29
+ text-align: center;
30
+ color: #fff;
31
+ min-width: 2em;
32
+ min-height: 2em;
33
+ line-height: 2em;
34
+ padding: 0.3em 0.6em;
35
+ margin: 0.5em 0.6em;
36
+ }
37
+
38
+ .premium-woocommerce .premium-woo-products-inner ul.products {
39
+ -js-display: flex;
40
+ display: -webkit-box;
41
+ display: -webkit-flex;
42
+ display: -moz-box;
43
+ display: -ms-flexbox;
44
+ display: flex;
45
+ margin: 0;
46
+ padding: 0;
47
+ -webkit-flex-wrap: wrap;
48
+ -ms-flex-wrap: wrap;
49
+ flex-wrap: wrap;
50
+ list-style: none outside;
51
+ -webkit-column-gap: 0;
52
+ -moz-column-gap: 0;
53
+ column-gap: 0;
54
+ }
55
+
56
+ .premium-woocommerce .premium-woo-products-inner ul.products li.product {
57
+ margin: 0 0 10px;
58
+ padding: 0 10px;
59
+ }
60
+
61
+ .premium-woocommerce.premium-woo-products-inner ul.products li.product .premium-woo-product-wrapper {
62
+ overflow: hidden;
63
+ -webkit-transition: all 0.3s ease-in-out;
64
+ transition: all 0.3s ease-in-out;
65
+ }
66
+
67
+ .premium-woocommerce .premium-woo-product-category {
68
+ display: block;
69
+ font-size: 0.85em;
70
+ margin-bottom: 0.5em;
71
+ line-height: 1.3;
72
+ }
73
+
74
+ .premium-woocommerce .woocommerce-loop-product__title {
75
+ margin-bottom: 0.5em;
76
+ font-size: 1em;
77
+ -webkit-transition: all 0.3s ease-in-out;
78
+ transition: all 0.3s ease-in-out;
79
+ }
80
+
81
+ .premium-woocommerce .woocommerce-loop-product__link {
82
+ position: relative;
83
+ display: block !important;
84
+ overflow: hidden;
85
+ -webkit-transition: all 0.3s ease-in-out;
86
+ transition: all 0.3s ease-in-out;
87
+ }
88
+
89
+ .premium-woocommerce .premium-woo-ribbon-container,
90
+ .premium-woocommerce .pa-out-of-stock {
91
+ position: absolute;
92
+ z-index: 9;
93
+ }
94
+
95
+ .premium-woocommerce .premium-woo-ribbon-container {
96
+ top: 0;
97
+ right: 0;
98
+ }
99
+
100
+ .premium-woocommerce .pa-out-of-stock {
101
+ top: 7px;
102
+ right: 9px;
103
+ margin: 0;
104
+ }
105
+
106
+ .premium-woocommerce .star-rating {
107
+ display: block;
108
+ float: none;
109
+ margin: 0 auto 0.5em;
110
+ -webkit-backface-visibility: hidden;
111
+ backface-visibility: hidden;
112
+ overflow: hidden;
113
+ position: relative;
114
+ height: 1em;
115
+ line-height: 1;
116
+ font-size: 0.857em;
117
+ width: 5.4em;
118
+ font-family: star;
119
+ }
120
+
121
+ .premium-woocommerce .star-rating::before {
122
+ content: "\73\73\73\73\73";
123
+ color: #54595f;
124
+ float: right;
125
+ top: 0;
126
+ right: 0;
127
+ position: absolute;
128
+ }
129
+
130
+ .premium-woocommerce .premium-woo-products-inner ul.products .star-rating span {
131
+ overflow: hidden;
132
+ float: right;
133
+ top: 0;
134
+ right: 0;
135
+ position: absolute;
136
+ padding-top: 1.5em;
137
+ }
138
+
139
+ .premium-woocommerce .star-rating span::before {
140
+ content: "\53\53\53\53\53";
141
+ color: inherit;
142
+ top: 0;
143
+ position: absolute;
144
+ right: 0;
145
+ }
146
+
147
+ .premium-woo-product-thumbnail {
148
+ position: relative;
149
+ overflow: hidden;
150
+ }
151
+
152
+ .premium-woo-product-thumbnail .woocommerce-loop-product__link img {
153
+ margin: 0;
154
+ width: 100%;
155
+ }
156
+
157
+ .premium-woo-product-sale-wrap,
158
+ .premium-woo-product-featured-wrap {
159
+ margin: 0;
160
+ }
161
+
162
+ .premium-woocommerce .premium-woo-products-details-wrap {
163
+ padding: 1em 1.2em;
164
+ }
165
+
166
+ .premium-woocommerce .premium-woo-products-details-wrap .button {
167
+ display: inline-block;
168
+ background-color: #6ec1e4;
169
+ color: #fff;
170
+ margin: 0.5em 0;
171
+ line-height: 1.3;
172
+ padding: 10px 40px;
173
+ font-size: 100%;
174
+ cursor: pointer;
175
+ text-decoration: none;
176
+ overflow: visible;
177
+ font-weight: 700;
178
+ background-image: none;
179
+ border: none;
180
+ -webkit-border-radius: 0px;
181
+ border-radius: 0px;
182
+ -webkit-box-shadow: none;
183
+ box-shadow: none;
184
+ text-shadow: none;
185
+ -webkit-transition: all 0.3s ease-in-out;
186
+ transition: all 0.3s ease-in-out;
187
+ }
188
+
189
+ .premium-woocommerce li.product .price {
190
+ display: block;
191
+ line-height: 1.3;
192
+ font-weight: 700;
193
+ margin-bottom: 0.5em;
194
+ font-size: 0.9em;
195
+ }
196
+
197
+ .premium-woocommerce li.product .price del {
198
+ display: inline-block;
199
+ font-weight: 400;
200
+ background: transparent;
201
+ opacity: 1;
202
+ }
203
+
204
+ .premium-woocommerce li.product .price ins {
205
+ display: inline-block;
206
+ background: transparent;
207
+ text-decoration: none;
208
+ font-weight: inherit;
209
+ }
210
+
211
+ .premium-woocommerce li.product .price .amount {
212
+ color: inherit !important;
213
+ }
214
+
215
+ .premium-woocommerce li.product .premium-woo-product-desc p {
216
+ margin: 0;
217
+ }
218
+
219
+ .premium-woo-product-align-left .premium-woocommerce li.product .star-rating {
220
+ margin-right: auto;
221
+ margin-left: 0;
222
+ }
223
+
224
+ .premium-woo-product-align-center .premium-woocommerce li.product .star-rating {
225
+ margin-right: auto;
226
+ margin-left: auto;
227
+ }
228
+
229
+ .premium-woo-product-align-right .premium-woocommerce li.product .star-rating {
230
+ margin-right: 0;
231
+ margin-left: auto;
232
+ }
233
+
234
+ .premium-woo-products-pagination ul.page-numbers {
235
+ -js-display: flex;
236
+ display: -webkit-box;
237
+ display: -webkit-flex;
238
+ display: -moz-box;
239
+ display: -ms-flexbox;
240
+ display: flex;
241
+ list-style-type: none;
242
+ margin: 0;
243
+ margin-top: 10px;
244
+ padding: 0;
245
+ border: none;
246
+ -webkit-box-pack: center;
247
+ -webkit-justify-content: center;
248
+ -moz-box-pack: center;
249
+ -ms-flex-pack: center;
250
+ justify-content: center;
251
+ }
252
+
253
+ .premium-woo-products-pagination ul.page-numbers li {
254
+ margin: 0 0 0.4em 0.4em;
255
+ padding: 0;
256
+ text-align: center;
257
+ }
258
+
259
+ .premium-woo-products-pagination ul.page-numbers li .page-numbers {
260
+ margin: 0;
261
+ text-decoration: none;
262
+ color: #000;
263
+ border: 1px solid #54595f;
264
+ padding: 0;
265
+ line-height: 1;
266
+ font-size: 1em;
267
+ font-weight: 400;
268
+ padding: 0.75em;
269
+ display: block;
270
+ min-width: 2.5em;
271
+ -webkit-transition: all 0.3s ease-in-out;
272
+ transition: all 0.3s ease-in-out;
273
+ }
274
+
275
+ .premium-woo-products-pagination ul.page-numbers li .page-numbers:hover,
276
+ .premium-woo-products-pagination ul.page-numbers li .page-numbers.current {
277
+ background-color: #54595f;
278
+ color: #fff;
279
+ outline: none;
280
+ }
281
+
282
+ .premium-woocommerce .premium-loading-feed,
283
+ .premium-woo-quick-view-loader .premium-loading-feed {
284
+ display: block;
285
+ position: absolute;
286
+ width: 100%;
287
+ height: 100%;
288
+ top: 0px;
289
+ right: 0px;
290
+ bottom: 0px;
291
+ left: 0px;
292
+ background: rgba(255, 255, 255, 0.2);
293
+ -js-display: flex;
294
+ display: -webkit-box;
295
+ display: -webkit-flex;
296
+ display: -moz-box;
297
+ display: -ms-flexbox;
298
+ display: flex;
299
+ -webkit-box-align: center;
300
+ -webkit-align-items: center;
301
+ -moz-box-align: center;
302
+ -ms-flex-align: center;
303
+ align-items: center;
304
+ }
305
+
306
+ /**
307
+ * Image Hover Effects
308
+ */
309
+ .premium-woocommerce .woocommerce-loop-product__link img {
310
+ -webkit-transition: all 0.3s ease-in-out;
311
+ transition: all 0.3s ease-in-out;
312
+ }
313
+
314
+ .premium-woo-product__hover-zoomout .woocommerce-loop-product__link img {
315
+ -webkit-transform: scale(1.2);
316
+ -ms-transform: scale(1.2);
317
+ transform: scale(1.2);
318
+ }
319
+
320
+ .premium-woo-product__hover-zoomout li.product:hover .woocommerce-loop-product__link img {
321
+ -webkit-transform: none;
322
+ -ms-transform: none;
323
+ transform: none;
324
+ }
325
+
326
+ .premium-woo-product__hover-zoomin .woocommerce-loop-product__link img {
327
+ -webkit-transform: none;
328
+ -ms-transform: none;
329
+ transform: none;
330
+ }
331
+
332
+ .premium-woo-product__hover-zoomin li.product:hover .woocommerce-loop-product__link img {
333
+ -webkit-transform: scale(1.2);
334
+ -ms-transform: scale(1.2);
335
+ transform: scale(1.2);
336
+ }
337
+
338
+ .premium-woo-product__hover-gray .woocommerce-loop-product__link img {
339
+ -webkit-filter: grayscale(100%);
340
+ filter: grayscale(100%);
341
+ }
342
+
343
+ .premium-woo-product__hover-gray li.product:hover .woocommerce-loop-product__link img {
344
+ -webkit-filter: grayscale(0%);
345
+ filter: grayscale(0%);
346
+ }
347
+
348
+ .premium-woo-product__hover-sepia .woocommerce-loop-product__link img {
349
+ -webkit-filter: sepia(30%);
350
+ filter: sepia(30%);
351
+ }
352
+
353
+ .premium-woo-product__hover-sepia li.product:hover .woocommerce-loop-product__link img {
354
+ -webkit-filter: sepia(0%);
355
+ filter: sepia(0%);
356
+ }
357
+
358
+ .premium-woo-product__hover-bright .woocommerce-loop-product__link img {
359
+ -webkit-filter: brightness(1);
360
+ filter: brightness(1);
361
+ }
362
+
363
+ .premium-woo-product__hover-bright li.product:hover .woocommerce-loop-product__link img {
364
+ -webkit-filter: brightness(1.2);
365
+ filter: brightness(1.2);
366
+ }
367
+
368
+ .premium-woo-product__hover-trans .woocommerce-loop-product__link img {
369
+ -webkit-transform: translateX(15px) scale(1.1);
370
+ -ms-transform: translateX(15px) scale(1.1);
371
+ transform: translateX(15px) scale(1.1);
372
+ }
373
+
374
+ .premium-woo-product__hover-trans li.product:hover .woocommerce-loop-product__link img {
375
+ -webkit-transform: translateX(0px) scale(1.1);
376
+ -ms-transform: translateX(0px) scale(1.1);
377
+ transform: translateX(0px) scale(1.1);
378
+ }
379
+
380
+ .premium-woo-product__hover-scale li.product:hover .woocommerce-loop-product__link img {
381
+ -webkit-transform: scaleX(1.3) scaleY(1.3) rotate(-5deg);
382
+ -ms-transform: scaleX(1.3) scaleY(1.3) rotate(-5deg);
383
+ transform: scaleX(1.3) scaleY(1.3) rotate(-5deg);
384
+ }
385
+
386
+ .premium-woocommerce .premium-woo-product__on_hover {
387
+ position: absolute;
388
+ top: 0;
389
+ left: 0;
390
+ bottom: 0;
391
+ right: 0;
392
+ height: 100%;
393
+ opacity: 0;
394
+ }
395
+
396
+ .premium-woo-product__hover-swap li.product:hover .premium-woo-product__on_hover {
397
+ opacity: 1;
398
+ }
399
+
400
+ .premium-woo-skin-grid-1 .premium-woo-qv-btn,
401
+ .premium-woo-skin-grid-3 .premium-woo-qv-btn,
402
+ .premium-woo-skin-grid-4 .premium-woo-qv-btn {
403
+ position: absolute;
404
+ bottom: 0;
405
+ right: 0;
406
+ width: 100%;
407
+ text-align: center;
408
+ padding: 5px;
409
+ background: rgba(2, 2, 2, 0.5);
410
+ color: #fff;
411
+ -webkit-transition: all 0.3s ease-in-out;
412
+ transition: all 0.3s ease-in-out;
413
+ z-index: 2;
414
+ -webkit-transform: translateY(100%);
415
+ -ms-transform: translateY(100%);
416
+ transform: translateY(100%);
417
+ }
418
+
419
+ .premium-woo-skin-grid-4 .premium-woo-qv-btn {
420
+ -webkit-transition-delay: 0.1s;
421
+ transition-delay: 0.1s;
422
+ }
423
+
424
+ .premium-woo-skin-grid-1 .premium-woo-qv-icon,
425
+ .premium-woo-skin-grid-3 .premium-woo-qv-icon,
426
+ .premium-woo-skin-grid-4 .premium-woo-qv-icon,
427
+ .premium-woo-skin-grid-6 .premium-woo-qv-icon {
428
+ margin-right: 0.5em;
429
+ }
430
+
431
+ .premium-woo-product-thumbnail:hover .premium-woo-qv-btn-translate {
432
+ -webkit-transform: translateY(0);
433
+ -ms-transform: translateY(0);
434
+ transform: translateY(0);
435
+ }
436
+
437
+ .premium-woo-product-wrapper .premium-woo-qv-data {
438
+ position: absolute;
439
+ top: 0;
440
+ right: 0;
441
+ width: 100%;
442
+ height: 100%;
443
+ z-index: 1;
444
+ overflow: hidden;
445
+ cursor: pointer;
446
+ }
447
+
448
+ /**
449
+ * Skin 1,4
450
+ */
451
+ .premium-woo-skin-grid-1 .premium-woo-product-actions-wrapper,
452
+ .premium-woo-skin-grid-4 .premium-woo-product-actions-wrapper {
453
+ position: absolute;
454
+ top: 0.7em;
455
+ left: 1em;
456
+ -webkit-transform: translate3d(-15px, 0, 0);
457
+ transform: translate3d(-15px, 0, 0);
458
+ -webkit-transition: all 0.3s ease-in-out;
459
+ transition: all 0.3s ease-in-out;
460
+ opacity: 0;
461
+ z-index: 9;
462
+ }
463
+
464
+ .premium-woocommerce .premium-woo-product-actions-wrapper .premium-woo-cart-btn {
465
+ position: relative;
466
+ display: block;
467
+ margin: 0 0 3px;
468
+ background: #fff;
469
+ text-align: center;
470
+ outline: 0;
471
+ -webkit-transition: all 0.3s ease-in-out;
472
+ transition: all 0.3s ease-in-out;
473
+ }
474
+
475
+ .premium-woocommerce .premium-woo-product-actions-wrapper .premium-woo-add-cart-icon {
476
+ display: block;
477
+ color: #54595f;
478
+ width: 30px;
479
+ line-height: 30px;
480
+ height: 30px;
481
+ cursor: pointer;
482
+ -webkit-transition: all 0.3s ease-in-out;
483
+ transition: all 0.3s ease-in-out;
484
+ }
485
+
486
+ .premium-woo-skin-grid-1 li.product:hover .premium-woo-product-actions-wrapper,
487
+ .premium-woo-skin-grid-4 li.product:hover .premium-woo-product-actions-wrapper {
488
+ -webkit-transform: translate3d(-5px, 0, 0);
489
+ transform: translate3d(-5px, 0, 0);
490
+ opacity: 1;
491
+ }
492
+
493
+ .premium-woocommerce .premium-woo-cart-btn.adding .premium-woo-add-cart-icon {
494
+ -webkit-animation: spin 2s linear infinite;
495
+ animation: spin 2s linear infinite;
496
+ }
497
+
498
+ .premium-woocommerce .premium-woo-cart-btn.adding .premium-woo-add-cart-icon::before {
499
+ content: "\f013";
500
+ }
501
+
502
+ .premium-woocommerce .premium-woo-cart-btn.added .premium-woo-add-cart-icon::before {
503
+ content: "\f00c";
504
+ }
505
+
506
+ /**
507
+ * Skin 2
508
+ */
509
+ .premium-woo-skin-grid-2 li.product .premium-woo-products-details-wrap {
510
+ position: absolute;
511
+ background: #fff;
512
+ bottom: 0;
513
+ right: 0;
514
+ width: 100%;
515
+ z-index: 2;
516
+ padding: 0;
517
+ opacity: 0;
518
+ -webkit-transition: opacity 0.2s, -webkit-transform 0.4s;
519
+ transition: opacity 0.2s, -webkit-transform 0.4s;
520
+ transition: transform 0.4s, opacity 0.2s;
521
+ transition: transform 0.4s, opacity 0.2s, -webkit-transform 0.4s;
522
+ -webkit-transform: translateZ(0) translateY(5px);
523
+ transform: translateZ(0) translateY(5px);
524
+ }
525
+
526
+ .premium-woo-skin-grid-2 .premium-woo-product-details {
527
+ padding: 15px 0;
528
+ }
529
+
530
+ .premium-woo-skin-grid-2 li.product:hover .premium-woo-products-details-wrap {
531
+ opacity: 1;
532
+ -webkit-transform: translateZ(0) translateY(0);
533
+ transform: translateZ(0) translateY(0);
534
+ }
535
+
536
+ .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper {
537
+ position: static;
538
+ -js-display: flex;
539
+ display: -webkit-box;
540
+ display: -webkit-flex;
541
+ display: -moz-box;
542
+ display: -ms-flexbox;
543
+ display: flex;
544
+ -webkit-box-orient: horizontal;
545
+ -webkit-box-direction: reverse;
546
+ -webkit-flex-direction: row-reverse;
547
+ -moz-box-orient: horizontal;
548
+ -moz-box-direction: reverse;
549
+ -ms-flex-direction: row-reverse;
550
+ flex-direction: row-reverse;
551
+ }
552
+
553
+ .premium-woo-skin-grid-2 .premium-woo-product-actions-wrapper>* {
554
+ -webkit-box-flex: 1;
555
+ -webkit-flex: 1;
556
+ -moz-box-flex: 1;
557
+ -ms-flex: 1;
558
+ flex: 1;
559
+ min-width: 50%;
560
+ }
561
+
562
+ .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper .button {
563
+ -js-display: flex;
564
+ display: -webkit-box;
565
+ display: -webkit-flex;
566
+ display: -moz-box;
567
+ display: -ms-flexbox;
568
+ display: flex;
569
+ margin: 0;
570
+ text-align: center;
571
+ -webkit-box-pack: center;
572
+ -webkit-justify-content: center;
573
+ -moz-box-pack: center;
574
+ -ms-flex-pack: center;
575
+ justify-content: center;
576
+ -webkit-box-align: center;
577
+ -webkit-align-items: center;
578
+ -moz-box-align: center;
579
+ -ms-flex-align: center;
580
+ align-items: center;
581
+ }
582
+
583
+ .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper .premium-woo-qv-btn {
584
+ background-color: #54595f;
585
+ }
586
+
587
+ /**
588
+ * Skin 4
589
+ */
590
+ .premium-woo-skin-grid-4 li.product .premium-woo-products-details-wrap {
591
+ position: absolute;
592
+ right: 0;
593
+ left: 0;
594
+ top: 50%;
595
+ -webkit-transform: scale(0.9) translateZ(0) translateY(-50%);
596
+ transform: scale(0.9) translateZ(0) translateY(-50%);
597
+ text-align: center;
598
+ z-index: 2;
599
+ opacity: 0;
600
+ -webkit-transition: opacity 0.5s, -webkit-transform 0.3s;
601
+ transition: opacity 0.5s, -webkit-transform 0.3s;
602
+ transition: opacity 0.5s, transform 0.3s;
603
+ transition: opacity 0.5s, transform 0.3s, -webkit-transform 0.3s;
604
+ }
605
+
606
+ .premium-woo-skin-grid-4 li.product .premium-woo-product-overlay,
607
+ .premium-woo-skin-grid-8 li.product .premium-woo-product-overlay {
608
+ position: absolute;
609
+ top: 0;
610
+ right: 0;
611
+ width: 100%;
612
+ height: 100%;
613
+ opacity: 0;
614
+ visibility: hidden;
615
+ background-color: rgba(27, 27, 23, 0.3);
616
+ -webkit-transition: all 0.25s ease-in-out;
617
+ transition: all 0.25s ease-in-out;
618
+ }
619
+
620
+ .premium-woo-skin-grid-4 li.product:hover .premium-woo-product-overlay,
621
+ .premium-woo-skin-grid-8 li.product:hover .premium-woo-product-overlay {
622
+ opacity: 1;
623
+ visibility: visible;
624
+ z-index: 1;
625
+ }
626
+
627
+ .premium-woo-skin-grid-4 li.product:hover .premium-woo-products-details-wrap {
628
+ -webkit-transform: scale(1) translateZ(0) translateY(-50%);
629
+ transform: scale(1) translateZ(0) translateY(-50%);
630
+ opacity: 1;
631
+ }
632
+
633
+ /**
634
+ * Skin 5
635
+ */
636
+ .premium-woo-skin-grid-5 li.product .premium-woo-product-actions-wrapper {
637
+ -js-display: flex;
638
+ display: -webkit-box;
639
+ display: -webkit-flex;
640
+ display: -moz-box;
641
+ display: -ms-flexbox;
642
+ display: flex;
643
+ }
644
+
645
+ .premium-woo-skin-grid-5 li.product .premium-woo-product-actions-wrapper .premium-woo-qv-btn {
646
+ -js-display: flex;
647
+ display: -webkit-box;
648
+ display: -webkit-flex;
649
+ display: -moz-box;
650
+ display: -ms-flexbox;
651
+ display: flex;
652
+ -webkit-box-align: center;
653
+ -webkit-align-items: center;
654
+ -moz-box-align: center;
655
+ -ms-flex-align: center;
656
+ align-items: center;
657
+ background-color: #54595f;
658
+ padding: 10px;
659
+ -webkit-transition: all 0.25s ease 0s;
660
+ transition: all 0.25s ease 0s;
661
+ }
662
+
663
+ .premium-woo-skin-grid-5 li.product .premium-woo-products-details-wrap {
664
+ width: 75%;
665
+ }
666
+
667
+ .premium-woo-skin-grid-5 .premium-woo-product-wrapper {
668
+ -js-display: flex;
669
+ display: -webkit-box;
670
+ display: -webkit-flex;
671
+ display: -moz-box;
672
+ display: -ms-flexbox;
673
+ display: flex;
674
+ -webkit-box-align: center;
675
+ -webkit-align-items: center;
676
+ -moz-box-align: center;
677
+ -ms-flex-align: center;
678
+ align-items: center;
679
+ }
680
+
681
+ .premium-woo-product-align-right .premium-woo-skin-grid-5 .premium-woo-product-actions-wrapper {
682
+ -webkit-box-pack: end;
683
+ -webkit-justify-content: flex-end;
684
+ -moz-box-pack: end;
685
+ -ms-flex-pack: end;
686
+ justify-content: flex-end;
687
+ }
688
+
689
+ .premium-woo-product-align-center .premium-woo-skin-grid-5 .premium-woo-product-actions-wrapper {
690
+ -webkit-box-pack: center;
691
+ -webkit-justify-content: center;
692
+ -moz-box-pack: center;
693
+ -ms-flex-pack: center;
694
+ justify-content: center;
695
+ }
696
+
697
+ /**
698
+ * Skin 6
699
+ */
700
+ .premium-woo-skin-grid-6 .premium-woo-qv-btn {
701
+ position: absolute;
702
+ top: 50%;
703
+ right: 50%;
704
+ min-width: 40%;
705
+ text-align: center;
706
+ padding: 5px;
707
+ background: rgba(2, 2, 2, 0.5);
708
+ color: #fff;
709
+ -webkit-transform: translate(50%, -50%);
710
+ -ms-transform: translate(50%, -50%);
711
+ transform: translate(50%, -50%);
712
+ opacity: 0;
713
+ visibility: hidden;
714
+ -webkit-transition: all 0.3s ease-in-out;
715
+ transition: all 0.3s ease-in-out;
716
+ cursor: pointer;
717
+ z-index: 2;
718
+ }
719
+
720
+ .premium-woo-skin-grid-6 li.product:hover .premium-woo-qv-btn {
721
+ opacity: 1;
722
+ visibility: visible;
723
+ }
724
+
725
+ .premium-woo-product-align-right .premium-woo-skin-grid-6 li.product .premium-woo-product-info .star-rating,
726
+ .premium-woo-product-align-left .premium-woo-skin-grid-6 li.product .premium-woo-product-info .star-rating,
727
+ .premium-woo-product-align-right .premium-woo-skin-grid-7 li.product .premium-woo-product-info .star-rating,
728
+ .premium-woo-product-align-left .premium-woo-skin-grid-7 li.product .premium-woo-product-info .star-rating {
729
+ margin: 0;
730
+ }
731
+
732
+ .premium-woo-skin-grid-6 li.product .premium-woo-product-info {
733
+ -js-display: flex;
734
+ display: -webkit-box;
735
+ display: -webkit-flex;
736
+ display: -moz-box;
737
+ display: -ms-flexbox;
738
+ display: flex;
739
+ -webkit-box-pack: justify;
740
+ -webkit-justify-content: space-between;
741
+ -moz-box-pack: justify;
742
+ -ms-flex-pack: justify;
743
+ justify-content: space-between;
744
+ }
745
+
746
+ .premium-woo-product-align-center .premium-woocommerce li.product .premium-woo-product-info {
747
+ -webkit-box-orient: vertical;
748
+ -webkit-box-direction: normal;
749
+ -webkit-flex-direction: column;
750
+ -moz-box-orient: vertical;
751
+ -moz-box-direction: normal;
752
+ -ms-flex-direction: column;
753
+ flex-direction: column;
754
+ }
755
+
756
+ .premium-woo-product-align-right .premium-woocommerce li.product .premium-woo-product-info {
757
+ -webkit-box-orient: horizontal;
758
+ -webkit-box-direction: reverse;
759
+ -webkit-flex-direction: row-reverse;
760
+ -moz-box-orient: horizontal;
761
+ -moz-box-direction: reverse;
762
+ -ms-flex-direction: row-reverse;
763
+ flex-direction: row-reverse;
764
+ }
765
+
766
+ .premium-woo-skin-grid-6 li.product .premium-woo-product-gallery-images {
767
+ -js-display: flex;
768
+ display: -webkit-box;
769
+ display: -webkit-flex;
770
+ display: -moz-box;
771
+ display: -ms-flexbox;
772
+ display: flex;
773
+ position: absolute;
774
+ bottom: 10px;
775
+ width: 100%;
776
+ -webkit-box-pack: center;
777
+ -webkit-justify-content: center;
778
+ -moz-box-pack: center;
779
+ -ms-flex-pack: center;
780
+ justify-content: center;
781
+ }
782
+
783
+ .premium-woo-product-gallery-images .premium-woo-product__gallery_image {
784
+ width: 20%;
785
+ margin: 0 0.2em;
786
+ border: 2px solid #aaa;
787
+ cursor: pointer;
788
+ }
789
+
790
+ /**
791
+ * Metro
792
+ */
793
+ /*.premium-woo-grid-style1 ul.products li.product {
794
+ width: 25%;
795
+ }*/
796
+ .premium-woo-products-metro li.product .premium-woo-product-thumbnail img,
797
+ .premium-woo-products-metro li.product .premium-woo-product-wrapper,
798
+ .premium-woo-products-metro li.product .premium-woo-product-thumbnail,
799
+ .premium-woo-products-metro li.product .woocommerce-LoopProduct-link {
800
+ height: 100%;
801
+ }
802
+
803
+ .premium-woo-products-metro ul.products li.product {
804
+ margin-bottom: 0;
805
+ }
806
+
807
+ .premium-woo-products-metro li.product .premium-woo-product-thumbnail img {
808
+ -o-object-fit: cover;
809
+ object-fit: cover;
810
+ }
811
+
812
+ /*
813
+ * Carousel
814
+ */
815
+ .premium-carousel-hidden {
816
+ opacity: 0;
817
+ visibility: hidden;
818
+ }
819
+
820
+ .premium-woocommerce:not(.premium-woo-skin-grid-7) .slick-arrow {
821
+ -webkit-border-radius: 50%;
822
+ border-radius: 50%;
823
+ }
824
+
825
+ .premium-woocommerce ul.slick-dots {
826
+ width: 100%;
827
+ }
828
+
829
+ /*
830
+ * Quick View Html/body
831
+ */
832
+ html.premium-woo-qv-opened,
833
+ html.premium-woo-qv-opened body {
834
+ overflow: hidden;
835
+ }
836
+
837
+ /**
838
+ * Quick View Modal
839
+ */
840
+ .premium-woo-quick-view-back {
841
+ position: fixed;
842
+ visibility: hidden;
843
+ overflow: hidden;
844
+ background: rgba(2, 2, 2, 0.5);
845
+ opacity: 0;
846
+ -webkit-transition: opacity 0.25s;
847
+ transition: opacity 0.25s;
848
+ z-index: 999;
849
+ }
850
+
851
+ .premium-woo-quick-view-active {
852
+ top: 0;
853
+ right: 0;
854
+ width: 100%;
855
+ height: 100%;
856
+ opacity: 1;
857
+ visibility: visible;
858
+ }
859
+
860
+ #premium-woo-quick-view-modal {
861
+ position: fixed;
862
+ visibility: hidden;
863
+ opacity: 0;
864
+ top: 0;
865
+ right: 0;
866
+ width: 100%;
867
+ height: 100%;
868
+ z-index: 1400;
869
+ text-align: center;
870
+ -webkit-transition: all 0.3s;
871
+ transition: all 0.3s;
872
+ overflow-x: hidden;
873
+ overflow-y: auto;
874
+ }
875
+
876
+ #premium-woo-quick-view-modal.active {
877
+ visibility: visible;
878
+ opacity: 1;
879
+ }
880
+
881
+ #premium-woo-quick-view-modal.active .premium-woo-content-main {
882
+ -webkit-transform: translateY(0);
883
+ -ms-transform: translateY(0);
884
+ transform: translateY(0);
885
+ opacity: 1;
886
+ width: 100%;
887
+ }
888
+
889
+ #premium-woo-quick-view-modal .premium-woo-content-main-wrapper {
890
+ position: absolute;
891
+ width: 100%;
892
+ height: 100%;
893
+ top: 0;
894
+ right: 0;
895
+ text-align: center;
896
+ padding: 30px;
897
+ -js-display: flex;
898
+ display: -webkit-box;
899
+ display: -webkit-flex;
900
+ display: -moz-box;
901
+ display: -ms-flexbox;
902
+ display: flex;
903
+ -webkit-box-align: center;
904
+ -webkit-align-items: center;
905
+ -moz-box-align: center;
906
+ -ms-flex-align: center;
907
+ align-items: center;
908
+ }
909
+
910
+ #premium-woo-quick-view-modal .premium-woo-content-main {
911
+ position: relative;
912
+ pointer-events: none;
913
+ max-width: 100%;
914
+ text-align: right;
915
+ z-index: 1045;
916
+ -webkit-transform: translateY(-30px);
917
+ -ms-transform: translateY(-30px);
918
+ transform: translateY(-30px);
919
+ opacity: 0;
920
+ -webkit-transition: opacity 0.3s, -webkit-transform 0.5s;
921
+ transition: opacity 0.3s, -webkit-transform 0.5s;
922
+ transition: transform 0.5s, opacity 0.3s;
923
+ transition: transform 0.5s, opacity 0.3s, -webkit-transform 0.5s;
924
+ margin: 0 auto;
925
+ }
926
+
927
+ #premium-woo-quick-view-modal .premium-woo-lightbox-content {
928
+ position: relative;
929
+ display: table;
930
+ pointer-events: auto;
931
+ background-color: #fff;
932
+ max-width: 975px;
933
+ margin: 20px auto;
934
+ -webkit-transform: translateZ(0);
935
+ transform: translateZ(0);
936
+ -webkit-box-shadow: -3px 3px 20px 0 rgba(0, 0, 0, 0.15);
937
+ box-shadow: -3px 3px 20px 0 rgba(0, 0, 0, 0.15);
938
+ overflow: hidden;
939
+ }
940
+
941
+ #premium-woo-quick-view-modal .summary {
942
+ width: 50%;
943
+ margin: 0;
944
+ padding: 30px;
945
+ float: right;
946
+ -webkit-box-sizing: border-box;
947
+ -moz-box-sizing: border-box;
948
+ box-sizing: border-box;
949
+ }
950
+
951
+ #premium-woo-quick-view-modal .summary .quantity {
952
+ min-width: auto;
953
+ }
954
+
955
+ #premium-woo-quick-view-modal .summary .quantity input.qty {
956
+ width: 54px;
957
+ -webkit-appearance: button;
958
+ -moz-appearance: button;
959
+ appearance: button;
960
+ }
961
+
962
+ #premium-woo-quick-view-modal .summary .quantity input[type="number"]::-webkit-inner-spin-button,
963
+ #premium-woo-quick-view-modal .summary .quantity input[type="number"]::-webkit-outer-spin-button {
964
+ display: unset;
965
+ }
966
+
967
+ #premium-woo-quick-view-modal .woocommerce-product-details__short-description p {
968
+ margin: 0;
969
+ }
970
+
971
+ #premium-woo-quick-view-close {
972
+ position: absolute;
973
+ font-size: 22px;
974
+ top: 10px;
975
+ left: 10px;
976
+ width: 22px;
977
+ height: 22px;
978
+ line-height: 22px;
979
+ opacity: 0.7;
980
+ text-align: center;
981
+ z-index: 2;
982
+ color: #000;
983
+ }
984
+
985
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider {
986
+ position: relative;
987
+ }
988
+
989
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider li {
990
+ list-style: none;
991
+ }
992
+
993
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav {
994
+ margin: 0;
995
+ padding: 0;
996
+ width: 100%;
997
+ position: absolute;
998
+ bottom: 10px;
999
+ text-align: center;
1000
+ direction: ltr;
1001
+ }
1002
+
1003
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li {
1004
+ margin: 0 6px;
1005
+ display: inline-block;
1006
+ vertical-align: middle;
1007
+ }
1008
+
1009
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a {
1010
+ width: 11px;
1011
+ height: 11px;
1012
+ display: block;
1013
+ background: #666;
1014
+ background: rgba(0, 0, 0, 0.5);
1015
+ cursor: pointer;
1016
+ text-indent: -9999px;
1017
+ -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
1018
+ box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
1019
+ -webkit-border-radius: 20px;
1020
+ border-radius: 20px;
1021
+ }
1022
+
1023
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a.flex-active {
1024
+ background: rgba(0, 0, 0, 0.9);
1025
+ cursor: default;
1026
+ }
1027
+
1028
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a:focus {
1029
+ outline: none;
1030
+ }
1031
+
1032
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider img {
1033
+ -o-object-fit: cover;
1034
+ object-fit: cover;
1035
+ }
1036
+
1037
+ #premium-woo-quick-view-content div.images {
1038
+ width: 50%;
1039
+ float: right;
1040
+ opacity: 1 !important;
1041
+ margin: 0;
1042
+ }
1043
+
1044
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav {
1045
+ margin: 0;
1046
+ padding: 0;
1047
+ list-style: none;
1048
+ direction: ltr;
1049
+ }
1050
+
1051
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav a {
1052
+ text-decoration: none;
1053
+ display: block;
1054
+ width: 14px;
1055
+ height: 32px;
1056
+ font-size: 32px;
1057
+ line-height: 32px;
1058
+ margin: -20px 0 0;
1059
+ position: absolute;
1060
+ top: 50%;
1061
+ z-index: 10;
1062
+ overflow: hidden;
1063
+ cursor: pointer;
1064
+ color: rgba(0, 0, 0, 0.8);
1065
+ text-shadow: -1px 1px 0 rgba(255, 255, 255, 0.3);
1066
+ -webkit-transition: all 0.3s ease-in-out;
1067
+ transition: all 0.3s ease-in-out;
1068
+ }
1069
+
1070
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next,
1071
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev {
1072
+ display: inline-block;
1073
+ font-family: "Font Awesome 5 Free";
1074
+ font-weight: 900;
1075
+ text-rendering: auto;
1076
+ -webkit-font-smoothing: antialiased;
1077
+ -moz-osx-font-smoothing: grayscale;
1078
+ }
1079
+
1080
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev {
1081
+ left: 10px;
1082
+ }
1083
+
1084
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next {
1085
+ right: 10px;
1086
+ }
1087
+
1088
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev::before {
1089
+ content: "\f104";
1090
+ }
1091
+
1092
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next::before {
1093
+ content: "\f105";
1094
+ }
1095
+
1096
+ .premium-woocommerce li.product .added_to_cart.wc-forward {
1097
+ display: none;
1098
+ }
1099
+
1100
+ .premium-woo-atc-button .add_to_cart_button span {
1101
+ -webkit-animation: spin 2s linear infinite;
1102
+ animation: spin 2s linear infinite;
1103
+ margin-right: 5px;
1104
+ vertical-align: baseline;
1105
+ }
1106
+
1107
+ /*
1108
+ * Load More Button
1109
+ */
1110
+ .premium-woo-load-more {
1111
+ position: relative;
1112
+ }
1113
+
1114
+ .premium-woo-load-more .premium-woo-load-more-btn {
1115
+ -webkit-box-shadow: none;
1116
+ box-shadow: none;
1117
+ text-shadow: none;
1118
+ border: none;
1119
+ outline: none;
1120
+ -webkit-box-align: center;
1121
+ -webkit-align-items: center;
1122
+ -moz-box-align: center;
1123
+ -ms-flex-align: center;
1124
+ align-items: center;
1125
+ vertical-align: bottom;
1126
+ cursor: pointer;
1127
+ line-height: 1;
1128
+ font-style: normal;
1129
+ font-weight: normal;
1130
+ background-image: none;
1131
+ color: #fff;
1132
+ -webkit-transition: all 0.3s ease-in-out;
1133
+ transition: all 0.3s ease-in-out;
1134
+ padding: 10px 20px;
1135
+ }
1136
+
1137
+ .premium-woo-load-more-btn {
1138
+ -js-display: inline-flex;
1139
+ display: -webkit-inline-box;
1140
+ display: -webkit-inline-flex;
1141
+ display: -moz-inline-box;
1142
+ display: -ms-inline-flexbox;
1143
+ display: inline-flex;
1144
+ -webkit-box-align: center;
1145
+ -webkit-align-items: center;
1146
+ -moz-box-align: center;
1147
+ -ms-flex-align: center;
1148
+ align-items: center;
1149
+ }
1150
+
1151
+ .premium-woo-load-more-btn span {
1152
+ margin-right: 3px;
1153
+ }
1154
+
1155
+ .premium-woo-load-more-btn .premium-loader {
1156
+ display: inline-block;
1157
+ width: 20px;
1158
+ height: 20px;
1159
+ }
1160
+
1161
+ @media (min-width: 545px) {
1162
+ #premium-woo-quick-view-content div.summary {
1163
+ content: "544";
1164
+ overflow-y: auto;
1165
+ }
1166
+ }
1167
+
1168
+ @media (max-width: 544px) {
1169
+ #premium-woo-quick-view-content .premium-woo-lightbox-content {
1170
+ display: block;
1171
+ }
1172
+
1173
+ #premium-woo-quick-view-content div.images,
1174
+ #premium-woo-quick-view-content div.summary {
1175
+ width: 100%;
1176
+ float: none;
1177
+ }
1178
  }
assets/frontend/css/premium-woo-products.css CHANGED
@@ -1,1006 +1,1000 @@
1
- /********** Premium Woo Products **********/
2
- /******************************************/
3
- .ast-single-post .entry-content .premium-woocommerce a {
4
- text-decoration: none; }
5
-
6
- .premium-woocommerce .premium-woo-qv-btn {
7
- cursor: pointer; }
8
-
9
- .premium-woocommerce:not(.premium-woo-skin-grid-7) li.product .star-rating {
10
- margin: 0 auto 0.5em; }
11
-
12
- .premium-woocommerce:not(.premium-woo-skin-grid-10) .premium-woo-product-sale-wrap .premium-woo-product-onsale,
13
- .premium-woocommerce:not(.premium-woo-skin-grid-10) .premium-woo-product-featured-wrap .premium-woo-product-featured {
14
- display: block;
15
- text-align: center;
16
- color: #fff;
17
- min-width: 2em;
18
- min-height: 2em;
19
- line-height: 2em;
20
- padding: 0.3em 0.6em;
21
- margin: 0.5em 0.6em; }
22
-
23
- .premium-woocommerce .pa-out-of-stock {
24
- display: block;
25
- text-align: center;
26
- color: #fff;
27
- min-width: 2em;
28
- min-height: 2em;
29
- line-height: 2em;
30
- padding: 0.3em 0.6em;
31
- margin: 0.5em 0.6em; }
32
-
33
- .premium-woocommerce .woocommerce-loop-product__title {
34
- margin-bottom: 0.5em;
35
- font-size: 1em;
36
- -webkit-transition: all 0.3s ease-in-out;
37
- transition: all 0.3s ease-in-out; }
38
-
39
- .premium-woocommerce .premium-woo-product-category {
40
- display: block;
41
- font-size: 0.85em;
42
- margin-bottom: 0.5em;
43
- line-height: 1.3; }
44
-
45
- .premium-woocommerce .star-rating {
46
- display: block;
47
- float: none;
48
- -webkit-backface-visibility: hidden;
49
- backface-visibility: hidden;
50
- overflow: hidden;
51
- position: relative;
52
- height: 1em;
53
- line-height: 1;
54
- font-size: 0.857em;
55
- width: 5.4em;
56
- font-family: "star"; }
57
- .premium-woocommerce .star-rating::before {
58
- content: "\73\73\73\73\73";
59
- color: #54595f;
60
- float: left;
61
- top: 0;
62
- left: 0;
63
- position: absolute; }
64
- .premium-woocommerce .star-rating span {
65
- overflow: hidden;
66
- float: left;
67
- top: 0;
68
- left: 0;
69
- position: absolute;
70
- padding-top: 1.5em; }
71
- .premium-woocommerce .star-rating span::before {
72
- content: "\53\53\53\53\53";
73
- color: inherit;
74
- top: 0;
75
- position: absolute;
76
- left: 0; }
77
-
78
- .premium-woocommerce .premium-woo-products-inner ul.products {
79
- -js-display: flex;
80
- display: -webkit-box;
81
- display: -webkit-flex;
82
- display: -moz-box;
83
- display: -ms-flexbox;
84
- display: flex;
85
- margin: 0;
86
- padding: 0;
87
- -webkit-flex-wrap: wrap;
88
- -ms-flex-wrap: wrap;
89
- flex-wrap: wrap;
90
- list-style: none outside;
91
- -webkit-column-gap: 0;
92
- -moz-column-gap: 0;
93
- column-gap: 0; }
94
- .premium-woocommerce .premium-woo-products-inner ul.products li.product {
95
- margin: 0 0 10px;
96
- padding: 0 10px; }
97
- .premium-woocommerce .premium-woo-products-inner ul.products li.product .premium-woo-product-wrapper {
98
- overflow: hidden;
99
- -webkit-transition: all 0.3s ease-in-out;
100
- transition: all 0.3s ease-in-out; }
101
-
102
- .premium-woocommerce .woocommerce-loop-product__link {
103
- position: relative;
104
- display: block !important;
105
- overflow: hidden;
106
- -webkit-transition: all 0.3s ease-in-out;
107
- transition: all 0.3s ease-in-out; }
108
-
109
- .premium-woocommerce .premium-woo-ribbon-container,
110
- .premium-woocommerce .pa-out-of-stock {
111
- position: absolute;
112
- z-index: 9; }
113
-
114
- .premium-woocommerce .premium-woo-ribbon-container {
115
- top: 0;
116
- left: 0; }
117
-
118
- .premium-woocommerce .pa-out-of-stock {
119
- top: 7px;
120
- left: 9px;
121
- margin: 0; }
122
-
123
- .premium-woo-product-thumbnail {
124
- position: relative;
125
- overflow: hidden; }
126
- .premium-woo-product-thumbnail .woocommerce-loop-product__link img {
127
- margin: 0;
128
- width: 100%; }
129
-
130
- .premium-woo-product-sale-wrap,
131
- .premium-woo-product-featured-wrap {
132
- margin: 0; }
133
-
134
- .premium-woocommerce .premium-woo-products-details-wrap {
135
- padding: 1em 1.2em; }
136
- .premium-woocommerce .premium-woo-products-details-wrap .button {
137
- display: inline-block;
138
- background-color: #6ec1e4;
139
- color: #fff;
140
- margin: 0.5em 0;
141
- line-height: 1.3;
142
- padding: 10px 40px;
143
- font-size: 100%;
144
- cursor: pointer;
145
- text-decoration: none;
146
- overflow: visible;
147
- font-weight: 700;
148
- background-image: none;
149
- border: none;
150
- -webkit-border-radius: 0px;
151
- border-radius: 0px;
152
- -webkit-box-shadow: none;
153
- box-shadow: none;
154
- text-shadow: none;
155
- -webkit-transition: all 0.3s ease-in-out;
156
- transition: all 0.3s ease-in-out; }
157
-
158
- .premium-woocommerce li.product .price {
159
- display: block;
160
- line-height: 1.3;
161
- font-weight: 700;
162
- margin-bottom: 0.5em;
163
- font-size: 0.9em; }
164
- .premium-woocommerce li.product .price del {
165
- display: inline-block;
166
- font-weight: 400;
167
- background: transparent;
168
- opacity: 1; }
169
- .premium-woocommerce li.product .price ins {
170
- display: inline-block;
171
- background: transparent;
172
- text-decoration: none;
173
- font-weight: inherit; }
174
- .premium-woocommerce li.product .price .amount {
175
- color: inherit !important; }
176
-
177
- .premium-woocommerce li.product .premium-woo-product-desc p {
178
- margin: 0; }
179
-
180
- .premium-woo-product-align-left .premium-woocommerce li.product .star-rating {
181
- margin-left: 0;
182
- margin-right: auto; }
183
-
184
- .premium-woo-product-align-center .premium-woocommerce li.product .star-rating {
185
- margin-left: auto;
186
- margin-right: auto; }
187
-
188
- .premium-woo-product-align-right .premium-woocommerce li.product .star-rating {
189
- margin-left: auto;
190
- margin-right: 0; }
191
-
192
- .premium-woo-products-pagination ul.page-numbers {
193
- -js-display: flex;
194
- display: -webkit-box;
195
- display: -webkit-flex;
196
- display: -moz-box;
197
- display: -ms-flexbox;
198
- display: flex;
199
- list-style-type: none;
200
- margin: 0;
201
- margin-top: 10px;
202
- padding: 0;
203
- border: none;
204
- -webkit-box-pack: center;
205
- -webkit-justify-content: center;
206
- -moz-box-pack: center;
207
- -ms-flex-pack: center;
208
- justify-content: center; }
209
- .premium-woo-products-pagination ul.page-numbers li {
210
- margin: 0 0.4em 0.4em 0;
211
- padding: 0;
212
- text-align: center; }
213
- .premium-woo-products-pagination ul.page-numbers li .page-numbers {
214
- margin: 0;
215
- text-decoration: none;
216
- color: #000;
217
- border: 1px solid #54595f;
218
- padding: 0;
219
- line-height: 1;
220
- font-size: 1em;
221
- font-weight: 400;
222
- padding: 0.75em;
223
- display: block;
224
- min-width: 2.5em;
225
- -webkit-transition: all 0.3s ease-in-out;
226
- transition: all 0.3s ease-in-out; }
227
- .premium-woo-products-pagination ul.page-numbers li .page-numbers:hover, .premium-woo-products-pagination ul.page-numbers li .page-numbers.current {
228
- background-color: #54595f;
229
- color: #fff;
230
- outline: none; }
231
-
232
- .premium-woocommerce .premium-loading-feed,
233
- .premium-woo-quick-view-loader .premium-loading-feed {
234
- display: block;
235
- position: absolute;
236
- width: 100%;
237
- height: 100%;
238
- top: 0px;
239
- left: 0px;
240
- bottom: 0px;
241
- right: 0px;
242
- background: rgba(255, 255, 255, 0.2);
243
- -js-display: flex;
244
- display: -webkit-box;
245
- display: -webkit-flex;
246
- display: -moz-box;
247
- display: -ms-flexbox;
248
- display: flex;
249
- -webkit-box-align: center;
250
- -webkit-align-items: center;
251
- -moz-box-align: center;
252
- -ms-flex-align: center;
253
- align-items: center; }
254
-
255
- /**
256
- * Image Hover Effects
257
- */
258
- .premium-woocommerce .woocommerce-loop-product__link img {
259
- -webkit-transition: all 0.3s ease-in-out;
260
- transition: all 0.3s ease-in-out; }
261
-
262
- .premium-woo-product__hover-zoomout .woocommerce-loop-product__link img {
263
- -webkit-transform: scale(1.2);
264
- -ms-transform: scale(1.2);
265
- transform: scale(1.2); }
266
-
267
- .premium-woo-product__hover-zoomout li.product:hover .woocommerce-loop-product__link img {
268
- -webkit-transform: none;
269
- -ms-transform: none;
270
- transform: none; }
271
-
272
- .premium-woo-product__hover-zoomin .woocommerce-loop-product__link img {
273
- -webkit-transform: none;
274
- -ms-transform: none;
275
- transform: none; }
276
-
277
- .premium-woo-product__hover-zoomin li.product:hover .woocommerce-loop-product__link img {
278
- -webkit-transform: scale(1.2);
279
- -ms-transform: scale(1.2);
280
- transform: scale(1.2); }
281
-
282
- .premium-woo-product__hover-gray .woocommerce-loop-product__link img {
283
- -webkit-filter: grayscale(100%);
284
- filter: grayscale(100%); }
285
-
286
- .premium-woo-product__hover-gray li.product:hover .woocommerce-loop-product__link img {
287
- -webkit-filter: grayscale(0%);
288
- filter: grayscale(0%); }
289
-
290
- .premium-woo-product__hover-sepia .woocommerce-loop-product__link img {
291
- -webkit-filter: sepia(30%);
292
- filter: sepia(30%); }
293
-
294
- .premium-woo-product__hover-sepia li.product:hover .woocommerce-loop-product__link img {
295
- -webkit-filter: sepia(0%);
296
- filter: sepia(0%); }
297
-
298
- .premium-woo-product__hover-bright .woocommerce-loop-product__link img {
299
- -webkit-filter: brightness(1);
300
- filter: brightness(1); }
301
-
302
- .premium-woo-product__hover-bright li.product:hover .woocommerce-loop-product__link img {
303
- -webkit-filter: brightness(1.2);
304
- filter: brightness(1.2); }
305
-
306
- .premium-woo-product__hover-trans .woocommerce-loop-product__link img {
307
- -webkit-transform: translateX(-15px) scale(1.1);
308
- -ms-transform: translateX(-15px) scale(1.1);
309
- transform: translateX(-15px) scale(1.1); }
310
-
311
- .premium-woo-product__hover-trans li.product:hover .woocommerce-loop-product__link img {
312
- -webkit-transform: translateX(0px) scale(1.1);
313
- -ms-transform: translateX(0px) scale(1.1);
314
- transform: translateX(0px) scale(1.1); }
315
-
316
- .premium-woo-product__hover-scale li.product:hover .woocommerce-loop-product__link img {
317
- -webkit-transform: scaleX(1.3) scaleY(1.3) rotate(5deg);
318
- -ms-transform: scaleX(1.3) scaleY(1.3) rotate(5deg);
319
- transform: scaleX(1.3) scaleY(1.3) rotate(5deg); }
320
-
321
- .premium-woocommerce .premium-woo-product__on_hover {
322
- position: absolute;
323
- top: 0;
324
- right: 0;
325
- bottom: 0;
326
- left: 0;
327
- height: 100%;
328
- opacity: 0; }
329
-
330
- .premium-woo-product__hover-swap li.product:hover .premium-woo-product__on_hover {
331
- opacity: 1; }
332
-
333
- .premium-woo-skin-grid-1 .premium-woo-qv-btn,
334
- .premium-woo-skin-grid-3 .premium-woo-qv-btn,
335
- .premium-woo-skin-grid-4 .premium-woo-qv-btn {
336
- position: absolute;
337
- bottom: 0;
338
- left: 0;
339
- width: 100%;
340
- text-align: center;
341
- padding: 5px;
342
- background: rgba(2, 2, 2, 0.5);
343
- color: #fff;
344
- -webkit-transition: all 0.3s ease-in-out;
345
- transition: all 0.3s ease-in-out;
346
- z-index: 2;
347
- -webkit-transform: translateY(100%);
348
- -ms-transform: translateY(100%);
349
- transform: translateY(100%); }
350
-
351
- .premium-woo-skin-grid-4 .premium-woo-qv-btn {
352
- -webkit-transition-delay: 0.1s;
353
- transition-delay: 0.1s; }
354
-
355
- .premium-woo-skin-grid-1 .premium-woo-qv-icon,
356
- .premium-woo-skin-grid-3 .premium-woo-qv-icon,
357
- .premium-woo-skin-grid-4 .premium-woo-qv-icon,
358
- .premium-woo-skin-grid-6 .premium-woo-qv-icon {
359
- margin-left: 0.5em; }
360
-
361
- .premium-woo-product-thumbnail:hover .premium-woo-qv-btn-translate {
362
- -webkit-transform: translateY(0);
363
- -ms-transform: translateY(0);
364
- transform: translateY(0); }
365
-
366
- .premium-woo-product-wrapper .premium-woo-qv-data {
367
- position: absolute;
368
- top: 0;
369
- left: 0;
370
- width: 100%;
371
- height: 100%;
372
- z-index: 1;
373
- overflow: hidden;
374
- cursor: pointer; }
375
-
376
- /**
377
- * Skin 1,4
378
- */
379
- .premium-woo-skin-grid-1 .premium-woo-product-actions-wrapper,
380
- .premium-woo-skin-grid-4 .premium-woo-product-actions-wrapper {
381
- position: absolute;
382
- top: 0.7em;
383
- right: 1em;
384
- -webkit-transform: translate3d(15px, 0, 0);
385
- transform: translate3d(15px, 0, 0);
386
- -webkit-transition: all 0.3s ease-in-out;
387
- transition: all 0.3s ease-in-out;
388
- opacity: 0;
389
- z-index: 9; }
390
-
391
- .premium-woocommerce .premium-woo-product-actions-wrapper .premium-woo-cart-btn {
392
- position: relative;
393
- display: block;
394
- margin: 0 0 3px;
395
- background: #fff;
396
- text-align: center;
397
- outline: 0;
398
- -webkit-transition: all 0.3s ease-in-out;
399
- transition: all 0.3s ease-in-out; }
400
-
401
- .premium-woocommerce .premium-woo-product-actions-wrapper .premium-woo-add-cart-icon {
402
- display: block;
403
- color: #54595f;
404
- width: 30px;
405
- line-height: 30px;
406
- height: 30px;
407
- cursor: pointer;
408
- -webkit-transition: all 0.3s ease-in-out;
409
- transition: all 0.3s ease-in-out; }
410
-
411
- .premium-woo-skin-grid-1 li.product:hover .premium-woo-product-actions-wrapper,
412
- .premium-woo-skin-grid-4 li.product:hover .premium-woo-product-actions-wrapper {
413
- -webkit-transform: translate3d(5px, 0, 0);
414
- transform: translate3d(5px, 0, 0);
415
- opacity: 1; }
416
-
417
- .premium-woocommerce .premium-woo-cart-btn.adding .premium-woo-add-cart-icon {
418
- -webkit-animation: spin 2s linear infinite;
419
- animation: spin 2s linear infinite; }
420
-
421
- .premium-woocommerce .premium-woo-cart-btn.adding .premium-woo-add-cart-icon::before {
422
- content: "\f013"; }
423
-
424
- .premium-woocommerce .premium-woo-cart-btn.added .premium-woo-add-cart-icon::before {
425
- content: "\f00c"; }
426
-
427
- /**
428
- * Skin 2
429
- */
430
- .premium-woo-skin-grid-2 li.product .premium-woo-products-details-wrap {
431
- position: absolute;
432
- background: #fff;
433
- bottom: 0;
434
- left: 0;
435
- width: 100%;
436
- z-index: 2;
437
- padding: 0;
438
- opacity: 0;
439
- -webkit-transition: opacity 0.2s, -webkit-transform 0.4s;
440
- transition: opacity 0.2s, -webkit-transform 0.4s;
441
- transition: transform 0.4s, opacity 0.2s;
442
- transition: transform 0.4s, opacity 0.2s, -webkit-transform 0.4s;
443
- -webkit-transform: translateZ(0) translateY(5px);
444
- transform: translateZ(0) translateY(5px); }
445
-
446
- .premium-woo-skin-grid-2 .premium-woo-product-details {
447
- padding: 15px 0; }
448
-
449
- .premium-woo-skin-grid-2 li.product:hover .premium-woo-products-details-wrap {
450
- opacity: 1;
451
- -webkit-transform: translateZ(0) translateY(0);
452
- transform: translateZ(0) translateY(0); }
453
-
454
- .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper {
455
- position: static;
456
- -js-display: flex;
457
- display: -webkit-box;
458
- display: -webkit-flex;
459
- display: -moz-box;
460
- display: -ms-flexbox;
461
- display: flex;
462
- -webkit-box-orient: horizontal;
463
- -webkit-box-direction: reverse;
464
- -webkit-flex-direction: row-reverse;
465
- -moz-box-orient: horizontal;
466
- -moz-box-direction: reverse;
467
- -ms-flex-direction: row-reverse;
468
- flex-direction: row-reverse; }
469
-
470
- .premium-woo-skin-grid-2 .premium-woo-product-actions-wrapper > * {
471
- -webkit-box-flex: 1;
472
- -webkit-flex: 1;
473
- -moz-box-flex: 1;
474
- -ms-flex: 1;
475
- flex: 1;
476
- min-width: 50%; }
477
-
478
- .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper .button {
479
- -js-display: flex;
480
- display: -webkit-box;
481
- display: -webkit-flex;
482
- display: -moz-box;
483
- display: -ms-flexbox;
484
- display: flex;
485
- margin: 0;
486
- text-align: center;
487
- -webkit-box-pack: center;
488
- -webkit-justify-content: center;
489
- -moz-box-pack: center;
490
- -ms-flex-pack: center;
491
- justify-content: center;
492
- -webkit-box-align: center;
493
- -webkit-align-items: center;
494
- -moz-box-align: center;
495
- -ms-flex-align: center;
496
- align-items: center; }
497
-
498
- .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper .premium-woo-qv-btn {
499
- background-color: #54595f; }
500
-
501
- /**
502
- * Skin 4
503
- */
504
- .premium-woo-skin-grid-4 li.product .premium-woo-products-details-wrap {
505
- position: absolute;
506
- left: 0;
507
- right: 0;
508
- top: 50%;
509
- -webkit-transform: scale(0.9) translateZ(0) translateY(-50%);
510
- transform: scale(0.9) translateZ(0) translateY(-50%);
511
- text-align: center;
512
- z-index: 2;
513
- opacity: 0;
514
- -webkit-transition: opacity 0.5s, -webkit-transform 0.3s;
515
- transition: opacity 0.5s, -webkit-transform 0.3s;
516
- transition: opacity 0.5s, transform 0.3s;
517
- transition: opacity 0.5s, transform 0.3s, -webkit-transform 0.3s; }
518
-
519
- .premium-woo-skin-grid-4 li.product .premium-woo-product-overlay,
520
- .premium-woo-skin-grid-8 li.product .premium-woo-product-overlay {
521
- position: absolute;
522
- top: 0;
523
- left: 0;
524
- width: 100%;
525
- height: 100%;
526
- opacity: 0;
527
- visibility: hidden;
528
- background-color: rgba(27, 27, 23, 0.3);
529
- -webkit-transition: all 0.25s ease-in-out;
530
- transition: all 0.25s ease-in-out; }
531
-
532
- .premium-woo-skin-grid-4 li.product:hover .premium-woo-product-overlay,
533
- .premium-woo-skin-grid-8 li.product:hover .premium-woo-product-overlay {
534
- opacity: 1;
535
- visibility: visible;
536
- z-index: 1; }
537
-
538
- .premium-woo-skin-grid-4 li.product:hover .premium-woo-products-details-wrap {
539
- -webkit-transform: scale(1) translateZ(0) translateY(-50%);
540
- transform: scale(1) translateZ(0) translateY(-50%);
541
- opacity: 1; }
542
-
543
- /**
544
- * Skin 5
545
- */
546
- .premium-woo-skin-grid-5 li.product .premium-woo-product-actions-wrapper {
547
- -js-display: flex;
548
- display: -webkit-box;
549
- display: -webkit-flex;
550
- display: -moz-box;
551
- display: -ms-flexbox;
552
- display: flex; }
553
- .premium-woo-skin-grid-5 li.product .premium-woo-product-actions-wrapper .premium-woo-qv-btn {
554
- -js-display: flex;
555
- display: -webkit-box;
556
- display: -webkit-flex;
557
- display: -moz-box;
558
- display: -ms-flexbox;
559
- display: flex;
560
- -webkit-box-align: center;
561
- -webkit-align-items: center;
562
- -moz-box-align: center;
563
- -ms-flex-align: center;
564
- align-items: center;
565
- background-color: #54595f;
566
- padding: 10px;
567
- -webkit-transition: all 0.25s ease 0s;
568
- transition: all 0.25s ease 0s; }
569
-
570
- .premium-woo-skin-grid-5 li.product .premium-woo-products-details-wrap {
571
- width: 75%; }
572
-
573
- .premium-woo-skin-grid-5 .premium-woo-product-wrapper {
574
- -js-display: flex;
575
- display: -webkit-box;
576
- display: -webkit-flex;
577
- display: -moz-box;
578
- display: -ms-flexbox;
579
- display: flex;
580
- -webkit-box-align: center;
581
- -webkit-align-items: center;
582
- -moz-box-align: center;
583
- -ms-flex-align: center;
584
- align-items: center; }
585
-
586
- .premium-woo-product-align-right .premium-woo-skin-grid-5 .premium-woo-product-actions-wrapper {
587
- -webkit-box-pack: end;
588
- -webkit-justify-content: flex-end;
589
- -moz-box-pack: end;
590
- -ms-flex-pack: end;
591
- justify-content: flex-end; }
592
-
593
- .premium-woo-product-align-center .premium-woo-skin-grid-5 .premium-woo-product-actions-wrapper {
594
- -webkit-box-pack: center;
595
- -webkit-justify-content: center;
596
- -moz-box-pack: center;
597
- -ms-flex-pack: center;
598
- justify-content: center; }
599
-
600
- /**
601
- * Skin 6
602
- */
603
- .premium-woo-skin-grid-6 .premium-woo-qv-btn {
604
- position: absolute;
605
- top: 50%;
606
- left: 50%;
607
- min-width: 40%;
608
- text-align: center;
609
- padding: 5px;
610
- background: rgba(2, 2, 2, 0.5);
611
- color: #fff;
612
- -webkit-transform: translate(-50%, -50%);
613
- -ms-transform: translate(-50%, -50%);
614
- transform: translate(-50%, -50%);
615
- opacity: 0;
616
- visibility: hidden;
617
- -webkit-transition: all 0.3s ease-in-out;
618
- transition: all 0.3s ease-in-out;
619
- cursor: pointer;
620
- z-index: 2; }
621
-
622
- .premium-woo-skin-grid-6 li.product:hover .premium-woo-qv-btn {
623
- opacity: 1;
624
- visibility: visible; }
625
-
626
- .premium-woo-product-align-right .premium-woo-skin-grid-6 li.product .premium-woo-product-info .star-rating,
627
- .premium-woo-product-align-left .premium-woo-skin-grid-6 li.product .premium-woo-product-info .star-rating,
628
- .premium-woo-product-align-right .premium-woo-skin-grid-7 li.product .premium-woo-product-info .star-rating,
629
- .premium-woo-product-align-left .premium-woo-skin-grid-7 li.product .premium-woo-product-info .star-rating {
630
- margin: 0; }
631
-
632
- .premium-woo-skin-grid-6 li.product .premium-woo-product-info {
633
- -js-display: flex;
634
- display: -webkit-box;
635
- display: -webkit-flex;
636
- display: -moz-box;
637
- display: -ms-flexbox;
638
- display: flex;
639
- -webkit-box-pack: justify;
640
- -webkit-justify-content: space-between;
641
- -moz-box-pack: justify;
642
- -ms-flex-pack: justify;
643
- justify-content: space-between; }
644
-
645
- .premium-woo-product-align-center .premium-woocommerce li.product .premium-woo-product-info {
646
- -webkit-box-orient: vertical;
647
- -webkit-box-direction: normal;
648
- -webkit-flex-direction: column;
649
- -moz-box-orient: vertical;
650
- -moz-box-direction: normal;
651
- -ms-flex-direction: column;
652
- flex-direction: column; }
653
-
654
- .premium-woo-product-align-right .premium-woocommerce li.product .premium-woo-product-info {
655
- -webkit-box-orient: horizontal;
656
- -webkit-box-direction: reverse;
657
- -webkit-flex-direction: row-reverse;
658
- -moz-box-orient: horizontal;
659
- -moz-box-direction: reverse;
660
- -ms-flex-direction: row-reverse;
661
- flex-direction: row-reverse; }
662
-
663
- .premium-woo-skin-grid-6 li.product .premium-woo-product-gallery-images {
664
- -js-display: flex;
665
- display: -webkit-box;
666
- display: -webkit-flex;
667
- display: -moz-box;
668
- display: -ms-flexbox;
669
- display: flex;
670
- position: absolute;
671
- bottom: 10px;
672
- width: 100%;
673
- -webkit-box-pack: center;
674
- -webkit-justify-content: center;
675
- -moz-box-pack: center;
676
- -ms-flex-pack: center;
677
- justify-content: center; }
678
-
679
- .premium-woo-product-gallery-images .premium-woo-product__gallery_image {
680
- width: 20%;
681
- margin: 0 0.2em;
682
- border: 2px solid #aaa;
683
- cursor: pointer; }
684
-
685
- /**
686
- * Metro
687
- */
688
- .premium-woo-products-metro li.product .premium-woo-product-thumbnail img,
689
- .premium-woo-products-metro li.product .premium-woo-product-wrapper,
690
- .premium-woo-products-metro li.product .premium-woo-product-thumbnail,
691
- .premium-woo-products-metro li.product .woocommerce-LoopProduct-link {
692
- height: 100%; }
693
-
694
- .premium-woo-products-metro ul.products li.product {
695
- margin-bottom: 0; }
696
-
697
- .premium-woo-products-metro li.product .premium-woo-product-thumbnail img {
698
- -o-object-fit: cover;
699
- object-fit: cover; }
700
-
701
- /*
702
- * Carousel
703
- */
704
- .premium-carousel-hidden {
705
- opacity: 0;
706
- visibility: hidden; }
707
-
708
- .premium-woocommerce:not(.premium-woo-skin-grid-7) .slick-arrow {
709
- -webkit-border-radius: 50%;
710
- border-radius: 50%; }
711
-
712
- .premium-woocommerce ul.slick-dots {
713
- width: 100%; }
714
-
715
- /*
716
- * Quick View Html/body
717
- */
718
- html.premium-woo-qv-opened,
719
- html.premium-woo-qv-opened body {
720
- overflow: hidden; }
721
-
722
- /**
723
- * Quick View Modal
724
- */
725
- .premium-woo-quick-view-back {
726
- position: fixed;
727
- visibility: hidden;
728
- overflow: hidden;
729
- background: rgba(2, 2, 2, 0.5);
730
- opacity: 0;
731
- -webkit-transition: opacity 0.25s;
732
- transition: opacity 0.25s;
733
- z-index: 999; }
734
-
735
- .premium-woo-quick-view-active {
736
- top: 0;
737
- left: 0;
738
- width: 100%;
739
- height: 100%;
740
- opacity: 1;
741
- visibility: visible; }
742
-
743
- #premium-woo-quick-view-modal {
744
- position: fixed;
745
- visibility: hidden;
746
- opacity: 0;
747
- top: 0;
748
- left: 0;
749
- width: 100%;
750
- height: 100%;
751
- z-index: 1400;
752
- text-align: center;
753
- -webkit-transition: all 0.3s;
754
- transition: all 0.3s;
755
- overflow-x: hidden;
756
- overflow-y: auto; }
757
- #premium-woo-quick-view-modal.active {
758
- visibility: visible;
759
- opacity: 1; }
760
- #premium-woo-quick-view-modal.active .premium-woo-content-main {
761
- -webkit-transform: translateY(0);
762
- -ms-transform: translateY(0);
763
- transform: translateY(0);
764
- opacity: 1;
765
- width: 100%; }
766
- #premium-woo-quick-view-modal .premium-woo-content-main-wrapper {
767
- position: absolute;
768
- width: 100%;
769
- height: 100%;
770
- top: 0;
771
- left: 0;
772
- text-align: center;
773
- padding: 30px;
774
- -js-display: flex;
775
- display: -webkit-box;
776
- display: -webkit-flex;
777
- display: -moz-box;
778
- display: -ms-flexbox;
779
- display: flex;
780
- -webkit-box-align: center;
781
- -webkit-align-items: center;
782
- -moz-box-align: center;
783
- -ms-flex-align: center;
784
- align-items: center; }
785
- #premium-woo-quick-view-modal .premium-woo-content-main {
786
- position: relative;
787
- pointer-events: none;
788
- max-width: 100%;
789
- text-align: left;
790
- z-index: 1045;
791
- -webkit-transform: translateY(-30px);
792
- -ms-transform: translateY(-30px);
793
- transform: translateY(-30px);
794
- opacity: 0;
795
- -webkit-transition: opacity 0.3s, -webkit-transform 0.5s;
796
- transition: opacity 0.3s, -webkit-transform 0.5s;
797
- transition: transform 0.5s, opacity 0.3s;
798
- transition: transform 0.5s, opacity 0.3s, -webkit-transform 0.5s;
799
- margin: 0 auto; }
800
- #premium-woo-quick-view-modal .premium-woo-lightbox-content {
801
- position: relative;
802
- display: table;
803
- pointer-events: auto;
804
- background-color: #fff;
805
- max-width: 975px;
806
- margin: 20px auto;
807
- -webkit-transform: translateZ(0);
808
- transform: translateZ(0);
809
- -webkit-box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, 0.15);
810
- box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, 0.15);
811
- overflow: hidden; }
812
- #premium-woo-quick-view-modal .summary {
813
- width: 50%;
814
- margin: 0;
815
- padding: 30px;
816
- float: left;
817
- -webkit-box-sizing: border-box;
818
- -moz-box-sizing: border-box;
819
- box-sizing: border-box; }
820
- #premium-woo-quick-view-modal .summary .quantity {
821
- min-width: auto; }
822
- #premium-woo-quick-view-modal .summary .quantity input.qty {
823
- width: 54px;
824
- -webkit-appearance: button;
825
- -moz-appearance: button;
826
- appearance: button; }
827
- #premium-woo-quick-view-modal .summary .quantity input[type="number"]::-webkit-inner-spin-button,
828
- #premium-woo-quick-view-modal .summary .quantity input[type="number"]::-webkit-outer-spin-button {
829
- display: unset; }
830
- #premium-woo-quick-view-modal .woocommerce-product-details__short-description p {
831
- margin: 0; }
832
-
833
- #premium-woo-quick-view-close {
834
- position: absolute;
835
- font-size: 22px;
836
- top: 10px;
837
- right: 10px;
838
- width: 22px;
839
- height: 22px;
840
- line-height: 22px;
841
- opacity: 0.7;
842
- text-align: center;
843
- z-index: 2;
844
- color: #000; }
845
-
846
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider {
847
- position: relative; }
848
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider li {
849
- list-style: none; }
850
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav {
851
- margin: 0;
852
- padding: 0;
853
- width: 100%;
854
- position: absolute;
855
- bottom: 10px;
856
- text-align: center; }
857
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li {
858
- margin: 0 6px;
859
- display: inline-block;
860
- vertical-align: middle; }
861
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a {
862
- width: 11px;
863
- height: 11px;
864
- display: block;
865
- background: #666;
866
- background: rgba(0, 0, 0, 0.5);
867
- cursor: pointer;
868
- text-indent: -9999px;
869
- -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
870
- box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
871
- -webkit-border-radius: 20px;
872
- border-radius: 20px; }
873
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a.flex-active {
874
- background: rgba(0, 0, 0, 0.9);
875
- cursor: default; }
876
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a:focus {
877
- outline: none; }
878
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider img {
879
- -o-object-fit: cover;
880
- object-fit: cover; }
881
-
882
- #premium-woo-quick-view-content div.images {
883
- width: 50%;
884
- float: left;
885
- opacity: 1 !important;
886
- margin: 0; }
887
-
888
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav {
889
- margin: 0;
890
- padding: 0;
891
- list-style: none; }
892
-
893
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav a {
894
- text-decoration: none;
895
- display: block;
896
- width: 14px;
897
- height: 32px;
898
- font-size: 32px;
899
- line-height: 32px;
900
- margin: -20px 0 0;
901
- position: absolute;
902
- top: 50%;
903
- z-index: 10;
904
- overflow: hidden;
905
- cursor: pointer;
906
- color: rgba(0, 0, 0, 0.8);
907
- text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
908
- -webkit-transition: all 0.3s ease-in-out;
909
- transition: all 0.3s ease-in-out; }
910
-
911
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next,
912
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev {
913
- display: inline-block;
914
- font-family: "Font Awesome 5 Free";
915
- font-weight: 900;
916
- text-rendering: auto;
917
- -webkit-font-smoothing: antialiased;
918
- -moz-osx-font-smoothing: grayscale; }
919
-
920
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev {
921
- left: 10px; }
922
-
923
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next {
924
- right: 10px; }
925
-
926
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev::before {
927
- content: "\f104"; }
928
-
929
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next::before {
930
- content: "\f105"; }
931
-
932
- .premium-woocommerce li.product .added_to_cart.wc-forward {
933
- display: none; }
934
-
935
- .premium-woo-atc-button .add_to_cart_button span {
936
- -webkit-animation: spin 2s linear infinite;
937
- animation: spin 2s linear infinite;
938
- margin-left: 5px;
939
- vertical-align: baseline; }
940
-
941
- /*
942
- * Load More Button
943
- */
944
- .premium-woo-load-more {
945
- position: relative; }
946
- .premium-woo-load-more .premium-woo-load-more-btn {
947
- -webkit-box-shadow: none;
948
- box-shadow: none;
949
- text-shadow: none;
950
- border: none;
951
- outline: none;
952
- -webkit-box-align: center;
953
- -webkit-align-items: center;
954
- -moz-box-align: center;
955
- -ms-flex-align: center;
956
- align-items: center;
957
- vertical-align: bottom;
958
- cursor: pointer;
959
- line-height: 1;
960
- font-style: normal;
961
- font-weight: normal;
962
- background-image: none;
963
- color: #fff;
964
- -webkit-transition: all 0.3s ease-in-out;
965
- transition: all 0.3s ease-in-out; }
966
-
967
- .premium-woo-load-more-btn {
968
- -js-display: inline-flex;
969
- display: -webkit-inline-box;
970
- display: -webkit-inline-flex;
971
- display: -moz-inline-box;
972
- display: -ms-inline-flexbox;
973
- display: inline-flex;
974
- -webkit-box-align: center;
975
- -webkit-align-items: center;
976
- -moz-box-align: center;
977
- -ms-flex-align: center;
978
- align-items: center; }
979
-
980
- .premium-woo-load-more-btn span {
981
- margin-right: 3px; }
982
-
983
- .premium-woo-load-more-btn .premium-loader {
984
- display: inline-block;
985
- width: 20px;
986
- height: 20px; }
987
-
988
- .premium-woo-btn-hidden {
989
- visibility: hidden;
990
- width: 0 !important;
991
- height: 0 !important;
992
- margin: 0 !important;
993
- padding: 0 !important; }
994
-
995
- @media (min-width: 545px) {
996
- #premium-woo-quick-view-content div.summary {
997
- content: "544";
998
- overflow-y: auto; } }
999
-
1000
- @media (max-width: 544px) {
1001
- #premium-woo-quick-view-content .premium-woo-lightbox-content {
1002
- display: block; }
1003
- #premium-woo-quick-view-content div.images,
1004
- #premium-woo-quick-view-content div.summary {
1005
- width: 100%;
1006
- float: none; } }
1
+ /********** Premium Woo Products **********/
2
+ /******************************************/
3
+ .ast-single-post .entry-content .premium-woocommerce a {
4
+ text-decoration: none; }
5
+
6
+ .premium-woocommerce .premium-woo-qv-btn {
7
+ cursor: pointer; }
8
+
9
+ .premium-woocommerce:not(.premium-woo-skin-grid-7) li.product .star-rating {
10
+ margin: 0 auto 0.5em; }
11
+
12
+ .premium-woocommerce:not(.premium-woo-skin-grid-10) .premium-woo-product-sale-wrap .premium-woo-product-onsale,
13
+ .premium-woocommerce:not(.premium-woo-skin-grid-10) .premium-woo-product-featured-wrap .premium-woo-product-featured {
14
+ display: block;
15
+ text-align: center;
16
+ color: #fff;
17
+ min-width: 2em;
18
+ min-height: 2em;
19
+ line-height: 2em;
20
+ padding: 0.3em 0.6em;
21
+ margin: 0.5em 0.6em; }
22
+
23
+ .premium-woocommerce .pa-out-of-stock {
24
+ display: block;
25
+ text-align: center;
26
+ color: #fff;
27
+ min-width: 2em;
28
+ min-height: 2em;
29
+ line-height: 2em;
30
+ padding: 0.3em 0.6em;
31
+ margin: 0.5em 0.6em; }
32
+
33
+ .premium-woocommerce .woocommerce-loop-product__title {
34
+ margin-bottom: 0.5em;
35
+ font-size: 1em;
36
+ -webkit-transition: all 0.3s ease-in-out;
37
+ transition: all 0.3s ease-in-out; }
38
+
39
+ .premium-woocommerce .premium-woo-product-category {
40
+ display: block;
41
+ font-size: 0.85em;
42
+ margin-bottom: 0.5em;
43
+ line-height: 1.3; }
44
+
45
+ .premium-woocommerce .star-rating {
46
+ display: block;
47
+ float: none;
48
+ -webkit-backface-visibility: hidden;
49
+ backface-visibility: hidden;
50
+ overflow: hidden;
51
+ position: relative;
52
+ height: 1em;
53
+ line-height: 1;
54
+ font-size: 0.857em;
55
+ width: 5.4em;
56
+ font-family: "star"; }
57
+ .premium-woocommerce .star-rating::before {
58
+ content: "\73\73\73\73\73";
59
+ color: #54595f;
60
+ float: left;
61
+ top: 0;
62
+ left: 0;
63
+ position: absolute; }
64
+ .premium-woocommerce .star-rating span {
65
+ overflow: hidden;
66
+ float: left;
67
+ top: 0;
68
+ left: 0;
69
+ position: absolute;
70
+ padding-top: 1.5em; }
71
+ .premium-woocommerce .star-rating span::before {
72
+ content: "\53\53\53\53\53";
73
+ color: inherit;
74
+ top: 0;
75
+ position: absolute;
76
+ left: 0; }
77
+
78
+ .premium-woocommerce .premium-woo-products-inner ul.products {
79
+ -js-display: flex;
80
+ display: -webkit-box;
81
+ display: -webkit-flex;
82
+ display: -moz-box;
83
+ display: -ms-flexbox;
84
+ display: flex;
85
+ margin: 0;
86
+ padding: 0;
87
+ -webkit-flex-wrap: wrap;
88
+ -ms-flex-wrap: wrap;
89
+ flex-wrap: wrap;
90
+ list-style: none outside;
91
+ -webkit-column-gap: 0;
92
+ -moz-column-gap: 0;
93
+ column-gap: 0; }
94
+ .premium-woocommerce .premium-woo-products-inner ul.products li.product {
95
+ margin: 0 0 10px;
96
+ padding: 0 10px; }
97
+ .premium-woocommerce .premium-woo-products-inner ul.products li.product .premium-woo-product-wrapper {
98
+ overflow: hidden;
99
+ -webkit-transition: all 0.3s ease-in-out;
100
+ transition: all 0.3s ease-in-out; }
101
+
102
+ .premium-woocommerce .woocommerce-loop-product__link {
103
+ position: relative;
104
+ display: block !important;
105
+ overflow: hidden;
106
+ -webkit-transition: all 0.3s ease-in-out;
107
+ transition: all 0.3s ease-in-out; }
108
+
109
+ .premium-woocommerce .premium-woo-ribbon-container,
110
+ .premium-woocommerce .pa-out-of-stock {
111
+ position: absolute;
112
+ z-index: 9; }
113
+
114
+ .premium-woocommerce .premium-woo-ribbon-container {
115
+ top: 0;
116
+ left: 0; }
117
+
118
+ .premium-woocommerce .pa-out-of-stock {
119
+ top: 7px;
120
+ left: 9px;
121
+ margin: 0; }
122
+
123
+ .premium-woo-product-thumbnail {
124
+ position: relative;
125
+ overflow: hidden; }
126
+ .premium-woo-product-thumbnail .woocommerce-loop-product__link img {
127
+ margin: 0;
128
+ width: 100%; }
129
+
130
+ .premium-woo-product-sale-wrap,
131
+ .premium-woo-product-featured-wrap {
132
+ margin: 0; }
133
+
134
+ .premium-woocommerce .premium-woo-products-details-wrap {
135
+ padding: 1em 1.2em; }
136
+ .premium-woocommerce .premium-woo-products-details-wrap .button {
137
+ display: inline-block;
138
+ background-color: #6ec1e4;
139
+ color: #fff;
140
+ margin: 0.5em 0;
141
+ line-height: 1.3;
142
+ padding: 10px 40px;
143
+ font-size: 100%;
144
+ cursor: pointer;
145
+ text-decoration: none;
146
+ overflow: visible;
147
+ font-weight: 700;
148
+ background-image: none;
149
+ border: none;
150
+ -webkit-border-radius: 0px;
151
+ border-radius: 0px;
152
+ -webkit-box-shadow: none;
153
+ box-shadow: none;
154
+ text-shadow: none;
155
+ -webkit-transition: all 0.3s ease-in-out;
156
+ transition: all 0.3s ease-in-out; }
157
+
158
+ .premium-woocommerce li.product .price {
159
+ display: block;
160
+ line-height: 1.3;
161
+ font-weight: 700;
162
+ margin-bottom: 0.5em;
163
+ font-size: 0.9em; }
164
+ .premium-woocommerce li.product .price del {
165
+ display: inline-block;
166
+ font-weight: 400;
167
+ background: transparent;
168
+ opacity: 1; }
169
+ .premium-woocommerce li.product .price ins {
170
+ display: inline-block;
171
+ background: transparent;
172
+ text-decoration: none;
173
+ font-weight: inherit; }
174
+ .premium-woocommerce li.product .price .amount {
175
+ color: inherit !important; }
176
+
177
+ .premium-woocommerce li.product .premium-woo-product-desc p {
178
+ margin: 0; }
179
+
180
+ .premium-woo-product-align-left .premium-woocommerce li.product .star-rating {
181
+ margin-left: 0;
182
+ margin-right: auto; }
183
+
184
+ .premium-woo-product-align-center .premium-woocommerce li.product .star-rating {
185
+ margin-left: auto;
186
+ margin-right: auto; }
187
+
188
+ .premium-woo-product-align-right .premium-woocommerce li.product .star-rating {
189
+ margin-left: auto;
190
+ margin-right: 0; }
191
+
192
+ .premium-woo-products-pagination ul.page-numbers {
193
+ -js-display: flex;
194
+ display: -webkit-box;
195
+ display: -webkit-flex;
196
+ display: -moz-box;
197
+ display: -ms-flexbox;
198
+ display: flex;
199
+ list-style-type: none;
200
+ margin: 0;
201
+ margin-top: 10px;
202
+ padding: 0;
203
+ border: none;
204
+ -webkit-box-pack: center;
205
+ -webkit-justify-content: center;
206
+ -moz-box-pack: center;
207
+ -ms-flex-pack: center;
208
+ justify-content: center; }
209
+ .premium-woo-products-pagination ul.page-numbers li {
210
+ margin: 0 0.4em 0.4em 0;
211
+ padding: 0;
212
+ text-align: center; }
213
+ .premium-woo-products-pagination ul.page-numbers li .page-numbers {
214
+ margin: 0;
215
+ text-decoration: none;
216
+ color: #000;
217
+ border: 1px solid #54595f;
218
+ padding: 0;
219
+ line-height: 1;
220
+ font-size: 1em;
221
+ font-weight: 400;
222
+ padding: 0.75em;
223
+ display: block;
224
+ min-width: 2.5em;
225
+ -webkit-transition: all 0.3s ease-in-out;
226
+ transition: all 0.3s ease-in-out; }
227
+ .premium-woo-products-pagination ul.page-numbers li .page-numbers:hover, .premium-woo-products-pagination ul.page-numbers li .page-numbers.current {
228
+ background-color: #54595f;
229
+ color: #fff;
230
+ outline: none; }
231
+
232
+ .premium-woocommerce .premium-loading-feed,
233
+ .premium-woo-quick-view-loader .premium-loading-feed {
234
+ display: block;
235
+ position: absolute;
236
+ width: 100%;
237
+ height: 100%;
238
+ top: 0px;
239
+ left: 0px;
240
+ bottom: 0px;
241
+ right: 0px;
242
+ background: rgba(255, 255, 255, 0.2);
243
+ -js-display: flex;
244
+ display: -webkit-box;
245
+ display: -webkit-flex;
246
+ display: -moz-box;
247
+ display: -ms-flexbox;
248
+ display: flex;
249
+ -webkit-box-align: center;
250
+ -webkit-align-items: center;
251
+ -moz-box-align: center;
252
+ -ms-flex-align: center;
253
+ align-items: center; }
254
+
255
+ /**
256
+ * Image Hover Effects
257
+ */
258
+ .premium-woocommerce .woocommerce-loop-product__link img {
259
+ -webkit-transition: all 0.3s ease-in-out;
260
+ transition: all 0.3s ease-in-out; }
261
+
262
+ .premium-woo-product__hover-zoomout .woocommerce-loop-product__link img {
263
+ -webkit-transform: scale(1.2);
264
+ -ms-transform: scale(1.2);
265
+ transform: scale(1.2); }
266
+
267
+ .premium-woo-product__hover-zoomout li.product:hover .woocommerce-loop-product__link img {
268
+ -webkit-transform: none;
269
+ -ms-transform: none;
270
+ transform: none; }
271
+
272
+ .premium-woo-product__hover-zoomin .woocommerce-loop-product__link img {
273
+ -webkit-transform: none;
274
+ -ms-transform: none;
275
+ transform: none; }
276
+
277
+ .premium-woo-product__hover-zoomin li.product:hover .woocommerce-loop-product__link img {
278
+ -webkit-transform: scale(1.2);
279
+ -ms-transform: scale(1.2);
280
+ transform: scale(1.2); }
281
+
282
+ .premium-woo-product__hover-gray .woocommerce-loop-product__link img {
283
+ -webkit-filter: grayscale(100%);
284
+ filter: grayscale(100%); }
285
+
286
+ .premium-woo-product__hover-gray li.product:hover .woocommerce-loop-product__link img {
287
+ -webkit-filter: grayscale(0%);
288
+ filter: grayscale(0%); }
289
+
290
+ .premium-woo-product__hover-sepia .woocommerce-loop-product__link img {
291
+ -webkit-filter: sepia(30%);
292
+ filter: sepia(30%); }
293
+
294
+ .premium-woo-product__hover-sepia li.product:hover .woocommerce-loop-product__link img {
295
+ -webkit-filter: sepia(0%);
296
+ filter: sepia(0%); }
297
+
298
+ .premium-woo-product__hover-bright .woocommerce-loop-product__link img {
299
+ -webkit-filter: brightness(1);
300
+ filter: brightness(1); }
301
+
302
+ .premium-woo-product__hover-bright li.product:hover .woocommerce-loop-product__link img {
303
+ -webkit-filter: brightness(1.2);
304
+ filter: brightness(1.2); }
305
+
306
+ .premium-woo-product__hover-trans .woocommerce-loop-product__link img {
307
+ -webkit-transform: translateX(-15px) scale(1.1);
308
+ -ms-transform: translateX(-15px) scale(1.1);
309
+ transform: translateX(-15px) scale(1.1); }
310
+
311
+ .premium-woo-product__hover-trans li.product:hover .woocommerce-loop-product__link img {
312
+ -webkit-transform: translateX(0px) scale(1.1);
313
+ -ms-transform: translateX(0px) scale(1.1);
314
+ transform: translateX(0px) scale(1.1); }
315
+
316
+ .premium-woo-product__hover-scale li.product:hover .woocommerce-loop-product__link img {
317
+ -webkit-transform: scaleX(1.3) scaleY(1.3) rotate(5deg);
318
+ -ms-transform: scaleX(1.3) scaleY(1.3) rotate(5deg);
319
+ transform: scaleX(1.3) scaleY(1.3) rotate(5deg); }
320
+
321
+ .premium-woocommerce .premium-woo-product__on_hover {
322
+ position: absolute;
323
+ top: 0;
324
+ right: 0;
325
+ bottom: 0;
326
+ left: 0;
327
+ height: 100%;
328
+ opacity: 0; }
329
+
330
+ .premium-woo-product__hover-swap li.product:hover .premium-woo-product__on_hover {
331
+ opacity: 1; }
332
+
333
+ .premium-woo-skin-grid-1 .premium-woo-qv-btn,
334
+ .premium-woo-skin-grid-3 .premium-woo-qv-btn,
335
+ .premium-woo-skin-grid-4 .premium-woo-qv-btn {
336
+ position: absolute;
337
+ bottom: 0;
338
+ left: 0;
339
+ width: 100%;
340
+ text-align: center;
341
+ padding: 5px;
342
+ background: rgba(2, 2, 2, 0.5);
343
+ color: #fff;
344
+ -webkit-transition: all 0.3s ease-in-out;
345
+ transition: all 0.3s ease-in-out;
346
+ z-index: 2;
347
+ -webkit-transform: translateY(100%);
348
+ -ms-transform: translateY(100%);
349
+ transform: translateY(100%); }
350
+
351
+ .premium-woo-skin-grid-4 .premium-woo-qv-btn {
352
+ -webkit-transition-delay: 0.1s;
353
+ transition-delay: 0.1s; }
354
+
355
+ .premium-woo-skin-grid-1 .premium-woo-qv-icon,
356
+ .premium-woo-skin-grid-3 .premium-woo-qv-icon,
357
+ .premium-woo-skin-grid-4 .premium-woo-qv-icon,
358
+ .premium-woo-skin-grid-6 .premium-woo-qv-icon {
359
+ margin-left: 0.5em; }
360
+
361
+ .premium-woo-product-thumbnail:hover .premium-woo-qv-btn-translate {
362
+ -webkit-transform: translateY(0);
363
+ -ms-transform: translateY(0);
364
+ transform: translateY(0); }
365
+
366
+ .premium-woo-product-wrapper .premium-woo-qv-data {
367
+ position: absolute;
368
+ top: 0;
369
+ left: 0;
370
+ width: 100%;
371
+ height: 100%;
372
+ z-index: 1;
373
+ overflow: hidden;
374
+ cursor: pointer; }
375
+
376
+ /**
377
+ * Skin 1,4
378
+ */
379
+ .premium-woo-skin-grid-1 .premium-woo-product-actions-wrapper,
380
+ .premium-woo-skin-grid-4 .premium-woo-product-actions-wrapper {
381
+ position: absolute;
382
+ top: 0.7em;
383
+ right: 1em;
384
+ -webkit-transform: translate3d(15px, 0, 0);
385
+ transform: translate3d(15px, 0, 0);
386
+ -webkit-transition: all 0.3s ease-in-out;
387
+ transition: all 0.3s ease-in-out;
388
+ opacity: 0;
389
+ z-index: 9; }
390
+
391
+ .premium-woocommerce .premium-woo-product-actions-wrapper .premium-woo-cart-btn {
392
+ position: relative;
393
+ display: block;
394
+ margin: 0 0 3px;
395
+ background: #fff;
396
+ text-align: center;
397
+ outline: 0;
398
+ -webkit-transition: all 0.3s ease-in-out;
399
+ transition: all 0.3s ease-in-out; }
400
+
401
+ .premium-woocommerce .premium-woo-product-actions-wrapper .premium-woo-add-cart-icon {
402
+ display: block;
403
+ color: #54595f;
404
+ width: 30px;
405
+ line-height: 30px;
406
+ height: 30px;
407
+ cursor: pointer;
408
+ -webkit-transition: all 0.3s ease-in-out;
409
+ transition: all 0.3s ease-in-out; }
410
+
411
+ .premium-woo-skin-grid-1 li.product:hover .premium-woo-product-actions-wrapper,
412
+ .premium-woo-skin-grid-4 li.product:hover .premium-woo-product-actions-wrapper {
413
+ -webkit-transform: translate3d(5px, 0, 0);
414
+ transform: translate3d(5px, 0, 0);
415
+ opacity: 1; }
416
+
417
+ .premium-woocommerce .premium-woo-cart-btn.adding .premium-woo-add-cart-icon {
418
+ -webkit-animation: spin 2s linear infinite;
419
+ animation: spin 2s linear infinite; }
420
+
421
+ .premium-woocommerce .premium-woo-cart-btn.adding .premium-woo-add-cart-icon::before {
422
+ content: "\f013"; }
423
+
424
+ .premium-woocommerce .premium-woo-cart-btn.added .premium-woo-add-cart-icon::before {
425
+ content: "\f00c"; }
426
+
427
+ /**
428
+ * Skin 2
429
+ */
430
+ .premium-woo-skin-grid-2 li.product .premium-woo-products-details-wrap {
431
+ position: absolute;
432
+ background: #fff;
433
+ bottom: 0;
434
+ left: 0;
435
+ width: 100%;
436
+ z-index: 2;
437
+ padding: 0;
438
+ opacity: 0;
439
+ -webkit-transition: opacity 0.2s, -webkit-transform 0.4s;
440
+ transition: opacity 0.2s, -webkit-transform 0.4s;
441
+ transition: transform 0.4s, opacity 0.2s;
442
+ transition: transform 0.4s, opacity 0.2s, -webkit-transform 0.4s;
443
+ -webkit-transform: translateZ(0) translateY(5px);
444
+ transform: translateZ(0) translateY(5px); }
445
+
446
+ .premium-woo-skin-grid-2 .premium-woo-product-details {
447
+ padding: 15px 0; }
448
+
449
+ .premium-woo-skin-grid-2 li.product:hover .premium-woo-products-details-wrap {
450
+ opacity: 1;
451
+ -webkit-transform: translateZ(0) translateY(0);
452
+ transform: translateZ(0) translateY(0); }
453
+
454
+ .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper {
455
+ position: static;
456
+ -js-display: flex;
457
+ display: -webkit-box;
458
+ display: -webkit-flex;
459
+ display: -moz-box;
460
+ display: -ms-flexbox;
461
+ display: flex;
462
+ -webkit-box-orient: horizontal;
463
+ -webkit-box-direction: reverse;
464
+ -webkit-flex-direction: row-reverse;
465
+ -moz-box-orient: horizontal;
466
+ -moz-box-direction: reverse;
467
+ -ms-flex-direction: row-reverse;
468
+ flex-direction: row-reverse; }
469
+
470
+ .premium-woo-skin-grid-2 .premium-woo-product-actions-wrapper > * {
471
+ -webkit-box-flex: 1;
472
+ -webkit-flex: 1;
473
+ -moz-box-flex: 1;
474
+ -ms-flex: 1;
475
+ flex: 1;
476
+ min-width: 50%; }
477
+
478
+ .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper .button {
479
+ -js-display: flex;
480
+ display: -webkit-box;
481
+ display: -webkit-flex;
482
+ display: -moz-box;
483
+ display: -ms-flexbox;
484
+ display: flex;
485
+ margin: 0;
486
+ text-align: center;
487
+ -webkit-box-pack: center;
488
+ -webkit-justify-content: center;
489
+ -moz-box-pack: center;
490
+ -ms-flex-pack: center;
491
+ justify-content: center;
492
+ -webkit-box-align: center;
493
+ -webkit-align-items: center;
494
+ -moz-box-align: center;
495
+ -ms-flex-align: center;
496
+ align-items: center; }
497
+
498
+ .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper .premium-woo-qv-btn {
499
+ background-color: #54595f; }
500
+
501
+ /**
502
+ * Skin 4
503
+ */
504
+ .premium-woo-skin-grid-4 li.product .premium-woo-products-details-wrap {
505
+ position: absolute;
506
+ left: 0;
507
+ right: 0;
508
+ top: 50%;
509
+ -webkit-transform: scale(0.9) translateZ(0) translateY(-50%);
510
+ transform: scale(0.9) translateZ(0) translateY(-50%);
511
+ text-align: center;
512
+ z-index: 2;
513
+ opacity: 0;
514
+ -webkit-transition: opacity 0.5s, -webkit-transform 0.3s;
515
+ transition: opacity 0.5s, -webkit-transform 0.3s;
516
+ transition: opacity 0.5s, transform 0.3s;
517
+ transition: opacity 0.5s, transform 0.3s, -webkit-transform 0.3s; }
518
+
519
+ .premium-woo-skin-grid-4 li.product .premium-woo-product-overlay,
520
+ .premium-woo-skin-grid-8 li.product .premium-woo-product-overlay {
521
+ position: absolute;
522
+ top: 0;
523
+ left: 0;
524
+ width: 100%;
525
+ height: 100%;
526
+ opacity: 0;
527
+ visibility: hidden;
528
+ background-color: rgba(27, 27, 23, 0.3);
529
+ -webkit-transition: all 0.25s ease-in-out;
530
+ transition: all 0.25s ease-in-out; }
531
+
532
+ .premium-woo-skin-grid-4 li.product:hover .premium-woo-product-overlay,
533
+ .premium-woo-skin-grid-8 li.product:hover .premium-woo-product-overlay {
534
+ opacity: 1;
535
+ visibility: visible;
536
+ z-index: 1; }
537
+
538
+ .premium-woo-skin-grid-4 li.product:hover .premium-woo-products-details-wrap {
539
+ -webkit-transform: scale(1) translateZ(0) translateY(-50%);
540
+ transform: scale(1) translateZ(0) translateY(-50%);
541
+ opacity: 1; }
542
+
543
+ /**
544
+ * Skin 5
545
+ */
546
+ .premium-woo-skin-grid-5 li.product .premium-woo-product-actions-wrapper {
547
+ -js-display: flex;
548
+ display: -webkit-box;
549
+ display: -webkit-flex;
550
+ display: -moz-box;
551
+ display: -ms-flexbox;
552
+ display: flex; }
553
+ .premium-woo-skin-grid-5 li.product .premium-woo-product-actions-wrapper .premium-woo-qv-btn {
554
+ -js-display: flex;
555
+ display: -webkit-box;
556
+ display: -webkit-flex;
557
+ display: -moz-box;
558
+ display: -ms-flexbox;
559
+ display: flex;
560
+ -webkit-box-align: center;
561
+ -webkit-align-items: center;
562
+ -moz-box-align: center;
563
+ -ms-flex-align: center;
564
+ align-items: center;
565
+ background-color: #54595f;
566
+ padding: 10px;
567
+ -webkit-transition: all 0.25s ease 0s;
568
+ transition: all 0.25s ease 0s; }
569
+
570
+ .premium-woo-skin-grid-5 li.product .premium-woo-products-details-wrap {
571
+ width: 75%; }
572
+
573
+ .premium-woo-skin-grid-5 .premium-woo-product-wrapper {
574
+ -js-display: flex;
575
+ display: -webkit-box;
576
+ display: -webkit-flex;
577
+ display: -moz-box;
578
+ display: -ms-flexbox;
579
+ display: flex;
580
+ -webkit-box-align: center;
581
+ -webkit-align-items: center;
582
+ -moz-box-align: center;
583
+ -ms-flex-align: center;
584
+ align-items: center; }
585
+
586
+ .premium-woo-product-align-right .premium-woo-skin-grid-5 .premium-woo-product-actions-wrapper {
587
+ -webkit-box-pack: end;
588
+ -webkit-justify-content: flex-end;
589
+ -moz-box-pack: end;
590
+ -ms-flex-pack: end;
591
+ justify-content: flex-end; }
592
+
593
+ .premium-woo-product-align-center .premium-woo-skin-grid-5 .premium-woo-product-actions-wrapper {
594
+ -webkit-box-pack: center;
595
+ -webkit-justify-content: center;
596
+ -moz-box-pack: center;
597
+ -ms-flex-pack: center;
598
+ justify-content: center; }
599
+
600
+ /**
601
+ * Skin 6
602
+ */
603
+ .premium-woo-skin-grid-6 .premium-woo-qv-btn {
604
+ position: absolute;
605
+ top: 50%;
606
+ left: 50%;
607
+ min-width: 40%;
608
+ text-align: center;
609
+ padding: 5px;
610
+ background: rgba(2, 2, 2, 0.5);
611
+ color: #fff;
612
+ -webkit-transform: translate(-50%, -50%);
613
+ -ms-transform: translate(-50%, -50%);
614
+ transform: translate(-50%, -50%);
615
+ opacity: 0;
616
+ visibility: hidden;
617
+ -webkit-transition: all 0.3s ease-in-out;
618
+ transition: all 0.3s ease-in-out;
619
+ cursor: pointer;
620
+ z-index: 2; }
621
+
622
+ .premium-woo-skin-grid-6 li.product:hover .premium-woo-qv-btn {
623
+ opacity: 1;
624
+ visibility: visible; }
625
+
626
+ .premium-woo-product-align-right .premium-woo-skin-grid-6 li.product .premium-woo-product-info .star-rating,
627
+ .premium-woo-product-align-left .premium-woo-skin-grid-6 li.product .premium-woo-product-info .star-rating,
628
+ .premium-woo-product-align-right .premium-woo-skin-grid-7 li.product .premium-woo-product-info .star-rating,
629
+ .premium-woo-product-align-left .premium-woo-skin-grid-7 li.product .premium-woo-product-info .star-rating {
630
+ margin: 0; }
631
+
632
+ .premium-woo-skin-grid-6 li.product .premium-woo-product-info {
633
+ -js-display: flex;
634
+ display: -webkit-box;
635
+ display: -webkit-flex;
636
+ display: -moz-box;
637
+ display: -ms-flexbox;
638
+ display: flex;
639
+ -webkit-box-pack: justify;
640
+ -webkit-justify-content: space-between;
641
+ -moz-box-pack: justify;
642
+ -ms-flex-pack: justify;
643
+ justify-content: space-between; }
644
+
645
+ .premium-woo-product-align-center .premium-woocommerce li.product .premium-woo-product-info {
646
+ -webkit-box-orient: vertical;
647
+ -webkit-box-direction: normal;
648
+ -webkit-flex-direction: column;
649
+ -moz-box-orient: vertical;
650
+ -moz-box-direction: normal;
651
+ -ms-flex-direction: column;
652
+ flex-direction: column; }
653
+
654
+ .premium-woo-product-align-right .premium-woocommerce li.product .premium-woo-product-info {
655
+ -webkit-box-orient: horizontal;
656
+ -webkit-box-direction: reverse;
657
+ -webkit-flex-direction: row-reverse;
658
+ -moz-box-orient: horizontal;
659
+ -moz-box-direction: reverse;
660
+ -ms-flex-direction: row-reverse;
661
+ flex-direction: row-reverse; }
662
+
663
+ .premium-woo-skin-grid-6 li.product .premium-woo-product-gallery-images {
664
+ -js-display: flex;
665
+ display: -webkit-box;
666
+ display: -webkit-flex;
667
+ display: -moz-box;
668
+ display: -ms-flexbox;
669
+ display: flex;
670
+ position: absolute;
671
+ bottom: 10px;
672
+ width: 100%;
673
+ -webkit-box-pack: center;
674
+ -webkit-justify-content: center;
675
+ -moz-box-pack: center;
676
+ -ms-flex-pack: center;
677
+ justify-content: center; }
678
+
679
+ .premium-woo-product-gallery-images .premium-woo-product__gallery_image {
680
+ width: 20%;
681
+ margin: 0 0.2em;
682
+ border: 2px solid #aaa;
683
+ cursor: pointer; }
684
+
685
+ /**
686
+ * Metro
687
+ */
688
+ .premium-woo-products-metro li.product .premium-woo-product-thumbnail img,
689
+ .premium-woo-products-metro li.product .premium-woo-product-wrapper,
690
+ .premium-woo-products-metro li.product .premium-woo-product-thumbnail,
691
+ .premium-woo-products-metro li.product .woocommerce-LoopProduct-link {
692
+ height: 100%; }
693
+
694
+ .premium-woo-products-metro ul.products li.product {
695
+ margin-bottom: 0; }
696
+
697
+ .premium-woo-products-metro li.product .premium-woo-product-thumbnail img {
698
+ -o-object-fit: cover;
699
+ object-fit: cover; }
700
+
701
+ /*
702
+ * Carousel
703
+ */
704
+ .premium-carousel-hidden {
705
+ opacity: 0;
706
+ visibility: hidden; }
707
+
708
+ .premium-woocommerce:not(.premium-woo-skin-grid-7) .slick-arrow {
709
+ -webkit-border-radius: 50%;
710
+ border-radius: 50%; }
711
+
712
+ .premium-woocommerce ul.slick-dots {
713
+ width: 100%; }
714
+
715
+ /*
716
+ * Quick View Html/body
717
+ */
718
+ html.premium-woo-qv-opened,
719
+ html.premium-woo-qv-opened body {
720
+ overflow: hidden; }
721
+
722
+ /**
723
+ * Quick View Modal
724
+ */
725
+ .premium-woo-quick-view-back {
726
+ position: fixed;
727
+ visibility: hidden;
728
+ overflow: hidden;
729
+ background: rgba(2, 2, 2, 0.5);
730
+ opacity: 0;
731
+ -webkit-transition: opacity 0.25s;
732
+ transition: opacity 0.25s;
733
+ z-index: 999; }
734
+
735
+ .premium-woo-quick-view-active {
736
+ top: 0;
737
+ left: 0;
738
+ width: 100%;
739
+ height: 100%;
740
+ opacity: 1;
741
+ visibility: visible; }
742
+
743
+ #premium-woo-quick-view-modal {
744
+ position: fixed;
745
+ visibility: hidden;
746
+ opacity: 0;
747
+ top: 0;
748
+ left: 0;
749
+ width: 100%;
750
+ height: 100%;
751
+ z-index: 1400;
752
+ text-align: center;
753
+ -webkit-transition: all 0.3s;
754
+ transition: all 0.3s;
755
+ overflow-x: hidden;
756
+ overflow-y: auto; }
757
+ #premium-woo-quick-view-modal.active {
758
+ visibility: visible;
759
+ opacity: 1; }
760
+ #premium-woo-quick-view-modal.active .premium-woo-content-main {
761
+ -webkit-transform: translateY(0);
762
+ -ms-transform: translateY(0);
763
+ transform: translateY(0);
764
+ opacity: 1;
765
+ width: 100%; }
766
+ #premium-woo-quick-view-modal .premium-woo-content-main-wrapper {
767
+ position: absolute;
768
+ width: 100%;
769
+ height: 100%;
770
+ top: 0;
771
+ left: 0;
772
+ text-align: center;
773
+ padding: 30px;
774
+ -js-display: flex;
775
+ display: -webkit-box;
776
+ display: -webkit-flex;
777
+ display: -moz-box;
778
+ display: -ms-flexbox;
779
+ display: flex;
780
+ -webkit-box-align: center;
781
+ -webkit-align-items: center;
782
+ -moz-box-align: center;
783
+ -ms-flex-align: center;
784
+ align-items: center; }
785
+ #premium-woo-quick-view-modal .premium-woo-content-main {
786
+ position: relative;
787
+ pointer-events: none;
788
+ max-width: 100%;
789
+ text-align: left;
790
+ z-index: 1045;
791
+ -webkit-transform: translateY(-30px);
792
+ -ms-transform: translateY(-30px);
793
+ transform: translateY(-30px);
794
+ opacity: 0;
795
+ -webkit-transition: opacity 0.3s, -webkit-transform 0.5s;
796
+ transition: opacity 0.3s, -webkit-transform 0.5s;
797
+ transition: transform 0.5s, opacity 0.3s;
798
+ transition: transform 0.5s, opacity 0.3s, -webkit-transform 0.5s;
799
+ margin: 0 auto; }
800
+ #premium-woo-quick-view-modal .premium-woo-lightbox-content {
801
+ position: relative;
802
+ display: table;
803
+ pointer-events: auto;
804
+ background-color: #fff;
805
+ max-width: 975px;
806
+ margin: 20px auto;
807
+ -webkit-transform: translateZ(0);
808
+ transform: translateZ(0);
809
+ -webkit-box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, 0.15);
810
+ box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, 0.15);
811
+ overflow: hidden; }
812
+ #premium-woo-quick-view-modal .summary {
813
+ width: 50%;
814
+ margin: 0;
815
+ padding: 30px;
816
+ float: left;
817
+ -webkit-box-sizing: border-box;
818
+ -moz-box-sizing: border-box;
819
+ box-sizing: border-box; }
820
+ #premium-woo-quick-view-modal .summary .quantity {
821
+ min-width: auto; }
822
+ #premium-woo-quick-view-modal .summary .quantity input.qty {
823
+ width: 54px;
824
+ -webkit-appearance: button;
825
+ -moz-appearance: button;
826
+ appearance: button; }
827
+ #premium-woo-quick-view-modal .summary .quantity input[type="number"]::-webkit-inner-spin-button,
828
+ #premium-woo-quick-view-modal .summary .quantity input[type="number"]::-webkit-outer-spin-button {
829
+ display: unset; }
830
+ #premium-woo-quick-view-modal .woocommerce-product-details__short-description p {
831
+ margin: 0; }
832
+
833
+ #premium-woo-quick-view-close {
834
+ position: absolute;
835
+ font-size: 22px;
836
+ top: 10px;
837
+ right: 10px;
838
+ width: 22px;
839
+ height: 22px;
840
+ line-height: 22px;
841
+ opacity: 0.7;
842
+ text-align: center;
843
+ z-index: 2;
844
+ color: #000; }
845
+
846
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider {
847
+ position: relative; }
848
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider li {
849
+ list-style: none; }
850
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav {
851
+ margin: 0;
852
+ padding: 0;
853
+ width: 100%;
854
+ position: absolute;
855
+ bottom: 10px;
856
+ text-align: center; }
857
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li {
858
+ margin: 0 6px;
859
+ display: inline-block;
860
+ vertical-align: middle; }
861
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a {
862
+ width: 11px;
863
+ height: 11px;
864
+ display: block;
865
+ background: #666;
866
+ background: rgba(0, 0, 0, 0.5);
867
+ cursor: pointer;
868
+ text-indent: -9999px;
869
+ -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
870
+ box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
871
+ -webkit-border-radius: 20px;
872
+ border-radius: 20px; }
873
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a.flex-active {
874
+ background: rgba(0, 0, 0, 0.9);
875
+ cursor: default; }
876
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a:focus {
877
+ outline: none; }
878
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider img {
879
+ -o-object-fit: cover;
880
+ object-fit: cover; }
881
+
882
+ #premium-woo-quick-view-content div.images {
883
+ width: 50%;
884
+ float: left;
885
+ opacity: 1 !important;
886
+ margin: 0; }
887
+
888
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav {
889
+ margin: 0;
890
+ padding: 0;
891
+ list-style: none; }
892
+
893
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav a {
894
+ text-decoration: none;
895
+ display: block;
896
+ width: 14px;
897
+ height: 32px;
898
+ font-size: 32px;
899
+ line-height: 32px;
900
+ margin: -20px 0 0;
901
+ position: absolute;
902
+ top: 50%;
903
+ z-index: 10;
904
+ overflow: hidden;
905
+ cursor: pointer;
906
+ color: rgba(0, 0, 0, 0.8);
907
+ text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
908
+ -webkit-transition: all 0.3s ease-in-out;
909
+ transition: all 0.3s ease-in-out; }
910
+
911
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next,
912
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev {
913
+ display: inline-block;
914
+ font-family: "Font Awesome 5 Free";
915
+ font-weight: 900;
916
+ text-rendering: auto;
917
+ -webkit-font-smoothing: antialiased;
918
+ -moz-osx-font-smoothing: grayscale; }
919
+
920
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev {
921
+ left: 10px; }
922
+
923
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next {
924
+ right: 10px; }
925
+
926
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev::before {
927
+ content: "\f104"; }
928
+
929
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next::before {
930
+ content: "\f105"; }
931
+
932
+ .premium-woocommerce li.product .added_to_cart.wc-forward {
933
+ display: none; }
934
+
935
+ .premium-woo-atc-button .add_to_cart_button span {
936
+ -webkit-animation: spin 2s linear infinite;
937
+ animation: spin 2s linear infinite;
938
+ margin-left: 5px;
939
+ vertical-align: baseline; }
940
+
941
+ /*
942
+ * Load More Button
943
+ */
944
+ .premium-woo-load-more {
945
+ position: relative; }
946
+ .premium-woo-load-more .premium-woo-load-more-btn {
947
+ -webkit-box-shadow: none;
948
+ box-shadow: none;
949
+ text-shadow: none;
950
+ border: none;
951
+ outline: none;
952
+ -webkit-box-align: center;
953
+ -webkit-align-items: center;
954
+ -moz-box-align: center;
955
+ -ms-flex-align: center;
956
+ align-items: center;
957
+ vertical-align: bottom;
958
+ cursor: pointer;
959
+ line-height: 1;
960
+ font-style: normal;
961
+ font-weight: normal;
962
+ background-image: none;
963
+ color: #fff;
964
+ -webkit-transition: all 0.3s ease-in-out;
965
+ transition: all 0.3s ease-in-out;
966
+ padding: 10px 20px; }
967
+
968
+ .premium-woo-load-more-btn {
969
+ -js-display: inline-flex;
970
+ display: -webkit-inline-box;
971
+ display: -webkit-inline-flex;
972
+ display: -moz-inline-box;
973
+ display: -ms-inline-flexbox;
974
+ display: inline-flex;
975
+ -webkit-box-align: center;
976
+ -webkit-align-items: center;
977
+ -moz-box-align: center;
978
+ -ms-flex-align: center;
979
+ align-items: center; }
980
+
981
+ .premium-woo-load-more-btn span {
982
+ margin-right: 3px; }
983
+
984
+ .premium-woo-load-more-btn .premium-loader {
985
+ display: inline-block;
986
+ width: 20px;
987
+ height: 20px; }
988
+
989
+ @media (min-width: 545px) {
990
+ #premium-woo-quick-view-content div.summary {
991
+ content: "544";
992
+ overflow-y: auto; } }
993
+
994
+ @media (max-width: 544px) {
995
+ #premium-woo-quick-view-content .premium-woo-lightbox-content {
996
+ display: block; }
997
+ #premium-woo-quick-view-content div.images,
998
+ #premium-woo-quick-view-content div.summary {
999
+ width: 100%;
1000
+ float: none; } }
 
 
 
 
 
 
assets/frontend/css/slick.css CHANGED
@@ -1,189 +1,189 @@
1
- .slick-slider {
2
- position: relative;
3
- display: block;
4
- -webkit-box-sizing: border-box;
5
- -moz-box-sizing: border-box;
6
- box-sizing: border-box;
7
- -webkit-touch-callout: none;
8
- -webkit-user-select: none;
9
- -moz-user-select: none;
10
- -ms-user-select: none;
11
- user-select: none;
12
- -ms-touch-action: pan-y;
13
- touch-action: pan-y;
14
- -webkit-tap-highlight-color: transparent; }
15
-
16
- .slick-list {
17
- position: relative;
18
- overflow: hidden;
19
- display: block;
20
- margin: 0;
21
- padding: 0; }
22
- .slick-list:focus {
23
- outline: none; }
24
- .slick-list.dragging {
25
- cursor: pointer; }
26
-
27
- .slick-slider .slick-track,
28
- .slick-slider .slick-list {
29
- -webkit-transform: translate3d(0, 0, 0);
30
- transform: translate3d(0, 0, 0); }
31
-
32
- .slick-track {
33
- position: relative;
34
- left: 0;
35
- top: 0;
36
- display: block; }
37
- .slick-track:before, .slick-track:after {
38
- content: "";
39
- display: table; }
40
- .slick-track:after {
41
- clear: both; }
42
- .slick-loading .slick-track {
43
- visibility: hidden; }
44
-
45
- .slick-slide {
46
- float: left;
47
- height: 100%;
48
- min-height: 1px;
49
- display: none; }
50
- .elementor-slick-slider[dir="rtl"] .slick-slide {
51
- float: right; }
52
- .slick-slide.slick-loading img {
53
- display: none; }
54
- .slick-slide.dragging img {
55
- pointer-events: none; }
56
- .slick-initialized .slick-slide {
57
- display: block; }
58
- .slick-loading .slick-slide {
59
- visibility: hidden; }
60
- .slick-vertical .slick-slide {
61
- display: block;
62
- height: auto;
63
- border: 1px solid transparent; }
64
-
65
- .slick-arrow.slick-hidden {
66
- display: none; }
67
-
68
  /*
69
  * Common Carousel Style.
70
- */
71
- .premium-tabs-nav-list a.carousel-arrow,
72
- .premium-fb-rev-container a.carousel-arrow,
73
- .premium-blog-wrap a.carousel-arrow,
74
- .premium-hscroll-wrap a.carousel-arrow,
75
- .premium-twitter-feed-wrapper a.carousel-arrow,
76
- .premium-facebook-feed-wrapper a.carousel-arrow,
77
- .premium-instafeed-container a.carousel-arrow,
78
- .premium-persons-container a.carousel-arrow,
79
- .premium-woocommerce a.carousel-arrow {
80
- -js-display: flex;
81
- display: -webkit-box;
82
- display: -webkit-flex;
83
- display: -moz-box;
84
- display: -ms-flexbox;
85
- display: flex;
86
- -webkit-box-align: center;
87
- -webkit-align-items: center;
88
- -moz-box-align: center;
89
- -ms-flex-align: center;
90
- align-items: center;
91
- -webkit-box-pack: center;
92
- -webkit-justify-content: center;
93
- -moz-box-pack: center;
94
- -ms-flex-pack: center;
95
- justify-content: center;
96
- width: 2em;
97
- height: 2em;
98
- line-height: 0;
99
- text-align: center;
100
- position: absolute;
101
- z-index: 99;
102
- cursor: pointer;
103
- -webkit-transition: all 0.3s ease-in-out;
104
- transition: all 0.3s ease-in-out;
105
- -webkit-appearance: inherit;
106
- border: none;
107
- -webkit-box-shadow: none;
108
- box-shadow: none; }
109
-
110
- div[class^="premium-"] .slick-arrow i {
111
- display: block; }
112
-
113
- .premium-tabs-nav-list a.carousel-arrow,
114
- .premium-fb-rev-container a.carousel-arrow,
115
- .premium-blog-wrap a.carousel-arrow,
116
- .premium-hscroll-wrap a.carousel-arrow,
117
- .premium-twitter-feed-wrapper a.carousel-arrow,
118
- .premium-facebook-feed-wrapper a.carousel-arrow,
119
- .premium-instafeed-container a.carousel-arrow,
120
- .premium-persons-container a.carousel-arrow,
121
- .premium-woocommerce a.carousel-arrow {
122
- top: 50%;
123
- -webkit-transform: translateY(-50%);
124
- -ms-transform: translateY(-50%);
125
- transform: translateY(-50%); }
126
-
127
- a.carousel-arrow.carousel-next {
128
- left: auto;
129
- right: -20px; }
130
-
131
- a.carousel-arrow.carousel-prev {
132
- left: -20px;
133
- right: auto; }
134
-
135
- a.ver-carousel-arrow.carousel-next {
136
- bottom: -56px; }
137
-
138
- a.ver-carousel-arrow.carousel-prev {
139
- top: -45px; }
140
-
141
- a.circle-bg {
142
- -webkit-border-radius: 100%;
143
- border-radius: 100%; }
144
-
145
- a.circle-border {
146
- -webkit-border-radius: 100%;
147
- border-radius: 100%;
148
- border: solid black; }
149
-
150
- a.square-border {
151
- border: solid black; }
152
-
153
- .premium-woocommerce ul.slick-dots,
154
- .premium-carousel-dots-below ul.slick-dots,
155
- .premium-blog-wrap ul.slick-dots,
156
- .premium-fb-rev-reviews ul.slick-dots {
157
- position: relative;
158
- bottom: 0;
159
- list-style: none;
160
- text-align: center;
161
- margin: 0;
162
- padding: 0; }
163
-
164
- ul.slick-dots li {
165
- font-size: 10px;
166
- -js-display: inline-flex;
167
- display: -webkit-inline-box;
168
- display: -webkit-inline-flex;
169
- display: -moz-inline-box;
170
- display: -ms-inline-flexbox;
171
- display: inline-flex;
172
- -webkit-box-pack: center;
173
- -webkit-justify-content: center;
174
- -moz-box-pack: center;
175
- -ms-flex-pack: center;
176
- justify-content: center;
177
- -webkit-box-align: center;
178
- -webkit-align-items: center;
179
- -moz-box-align: center;
180
- -ms-flex-align: center;
181
- align-items: center;
182
- margin: 5px;
183
- width: 20px;
184
- height: 20px;
185
- cursor: pointer; }
186
-
187
- .premium-carousel-hidden {
188
- opacity: 0;
189
- visibility: hidden; }
1
+ .slick-slider {
2
+ position: relative;
3
+ display: block;
4
+ -webkit-box-sizing: border-box;
5
+ -moz-box-sizing: border-box;
6
+ box-sizing: border-box;
7
+ -webkit-touch-callout: none;
8
+ -webkit-user-select: none;
9
+ -moz-user-select: none;
10
+ -ms-user-select: none;
11
+ user-select: none;
12
+ -ms-touch-action: pan-y;
13
+ touch-action: pan-y;
14
+ -webkit-tap-highlight-color: transparent; }
15
+
16
+ .slick-list {
17
+ position: relative;
18
+ overflow: hidden;
19
+ display: block;
20
+ margin: 0;
21
+ padding: 0; }
22
+ .slick-list:focus {
23
+ outline: none; }
24
+ .slick-list.dragging {
25
+ cursor: pointer; }
26
+
27
+ .slick-slider .slick-track,
28
+ .slick-slider .slick-list {
29
+ -webkit-transform: translate3d(0, 0, 0);
30
+ transform: translate3d(0, 0, 0); }
31
+
32
+ .slick-track {
33
+ position: relative;
34
+ left: 0;
35
+ top: 0;
36
+ display: block; }
37
+ .slick-track:before, .slick-track:after {
38
+ content: "";
39
+ display: table; }
40
+ .slick-track:after {
41
+ clear: both; }
42
+ .slick-loading .slick-track {
43
+ visibility: hidden; }
44
+
45
+ .slick-slide {
46
+ float: left;
47
+ height: 100%;
48
+ min-height: 1px;
49
+ display: none; }
50
+ .elementor-slick-slider[dir="rtl"] .slick-slide {
51
+ float: right; }
52
+ .slick-slide.slick-loading img {
53
+ display: none; }
54
+ .slick-slide.dragging img {
55
+ pointer-events: none; }
56
+ .slick-initialized .slick-slide {
57
+ display: block; }
58
+ .slick-loading .slick-slide {
59
+ visibility: hidden; }
60
+ .slick-vertical .slick-slide {
61
+ display: block;
62
+ height: auto;
63
+ border: 1px solid transparent; }
64
+
65
+ .slick-arrow.slick-hidden {
66
+ display: none; }
67
+
68
  /*
69
  * Common Carousel Style.
70
+ */
71
+ .premium-tabs-nav-list a.carousel-arrow,
72
+ .premium-fb-rev-container a.carousel-arrow,
73
+ .premium-blog-wrap a.carousel-arrow,
74
+ .premium-hscroll-wrap a.carousel-arrow,
75
+ .premium-twitter-feed-wrapper a.carousel-arrow,
76
+ .premium-facebook-feed-wrapper a.carousel-arrow,
77
+ .premium-instafeed-container a.carousel-arrow,
78
+ .premium-persons-container a.carousel-arrow,
79
+ .premium-woocommerce a.carousel-arrow {
80
+ -js-display: flex;
81
+ display: -webkit-box;
82
+ display: -webkit-flex;
83
+ display: -moz-box;
84
+ display: -ms-flexbox;
85
+ display: flex;
86
+ -webkit-box-align: center;
87
+ -webkit-align-items: center;
88
+ -moz-box-align: center;
89
+ -ms-flex-align: center;
90
+ align-items: center;
91
+ -webkit-box-pack: center;
92
+ -webkit-justify-content: center;
93
+ -moz-box-pack: center;
94
+ -ms-flex-pack: center;
95
+ justify-content: center;
96
+ width: 2em;
97
+ height: 2em;
98
+ line-height: 0;
99
+ text-align: center;
100
+ position: absolute;
101
+ z-index: 99;
102
+ cursor: pointer;
103
+ -webkit-transition: all 0.3s ease-in-out;
104
+ transition: all 0.3s ease-in-out;
105
+ -webkit-appearance: inherit;
106
+ border: none;
107
+ -webkit-box-shadow: none;
108
+ box-shadow: none; }
109
+
110
+ div[class^="premium-"] .slick-arrow i {
111
+ display: block; }
112
+
113
+ .premium-tabs-nav-list a.carousel-arrow,
114
+ .premium-fb-rev-container a.carousel-arrow,
115
+ .premium-blog-wrap a.carousel-arrow,
116
+ .premium-hscroll-wrap a.carousel-arrow,
117
+ .premium-twitter-feed-wrapper a.carousel-arrow,
118
+ .premium-facebook-feed-wrapper a.carousel-arrow,
119
+ .premium-instafeed-container a.carousel-arrow,
120
+ .premium-persons-container a.carousel-arrow,
121
+ .premium-woocommerce a.carousel-arrow {
122
+ top: 50%;
123
+ -webkit-transform: translateY(-50%);
124
+ -ms-transform: translateY(-50%);
125
+ transform: translateY(-50%); }
126
+
127
+ a.carousel-arrow.carousel-next {
128
+ left: auto;
129
+ right: -20px; }
130
+
131
+ a.carousel-arrow.carousel-prev {
132
+ left: -20px;
133
+ right: auto; }
134
+
135
+ a.ver-carousel-arrow.carousel-next {
136
+ bottom: -56px; }
137
+
138
+ a.ver-carousel-arrow.carousel-prev {
139
+ top: -45px; }
140
+
141
+ a.circle-bg {
142
+ -webkit-border-radius: 100%;
143
+ border-radius: 100%; }
144
+
145
+ a.circle-border {
146
+ -webkit-border-radius: 100%;
147
+ border-radius: 100%;
148
+ border: solid black; }
149
+
150
+ a.square-border {
151
+ border: solid black; }
152
+
153
+ .premium-woocommerce ul.slick-dots,
154
+ .premium-carousel-dots-below ul.slick-dots,
155
+ .premium-blog-wrap ul.slick-dots,
156
+ .premium-fb-rev-reviews ul.slick-dots {
157
+ position: relative;
158
+ bottom: 0;
159
+ list-style: none;
160
+ text-align: center;
161
+ margin: 0;
162
+ padding: 0; }
163
+
164
+ ul.slick-dots li {
165
+ font-size: 10px;
166
+ -js-display: inline-flex;
167
+ display: -webkit-inline-box;
168
+ display: -webkit-inline-flex;
169
+ display: -moz-inline-box;
170
+ display: -ms-inline-flexbox;
171
+ display: inline-flex;
172
+ -webkit-box-pack: center;
173
+ -webkit-justify-content: center;
174
+ -moz-box-pack: center;
175
+ -ms-flex-pack: center;
176
+ justify-content: center;
177
+ -webkit-box-align: center;
178
+ -webkit-align-items: center;
179
+ -moz-box-align: center;
180
+ -ms-flex-align: center;
181
+ align-items: center;
182
+ margin: 5px;
183
+ width: 20px;
184
+ height: 20px;
185
+ cursor: pointer; }
186
+
187
+ .premium-carousel-hidden {
188
+ opacity: 0;
189
+ visibility: hidden; }
assets/frontend/js/premium-addons.js CHANGED
@@ -1,2461 +1,2469 @@
1
- (function ($) {
2
-
3
- $(window).on('elementor/frontend/init', function () {
4
- var ModuleHandler = elementorModules.frontend.handlers.Base;
5
-
6
- /****** Premium Progress Bar Handler ******/
7
- var PremiumProgressBarWidgetHandler = function ($scope, trigger) {
8
-
9
- var $progressbarElem = $scope.find(".premium-progressbar-container"),
10
- settings = $progressbarElem.data("settings"),
11
- length = settings.progress_length,
12
- speed = settings.speed,
13
- type = settings.type;
14
-
15
-
16
- if ("line" === type) {
17
-
18
- var $progressbar = $progressbarElem.find(".premium-progressbar-bar");
19
-
20
- if (settings.gradient)
21
- $progressbar.css("background", "linear-gradient(-45deg, " + settings.gradient + ")");
22
-
23
- $progressbar.animate({
24
- width: length + "%"
25
- }, speed);
26
-
27
- } else if ("circle" === type) {
28
- if (length > 100)
29
- length = 100;
30
-
31
- $progressbarElem.prop({
32
- 'counter': 0
33
- }).animate({
34
- counter: length
35
- }, {
36
- duration: speed,
37
- easing: 'linear',
38
- step: function (counter) {
39
- var rotate = (counter * 3.6);
40
-
41
- $progressbarElem.find(".premium-progressbar-right-label").text(Math.ceil(counter) + "%");
42
-
43
- $progressbarElem.find(".premium-progressbar-circle-left").css('transform', "rotate(" + rotate + "deg)");
44
- if (rotate > 180) {
45
-
46
- $progressbarElem.find(".premium-progressbar-circle").css({
47
- '-webkit-clip-path': 'inset(0)',
48
- 'clip-path': 'inset(0)',
49
- });
50
-
51
- $progressbarElem.find(".premium-progressbar-circle-right").css('visibility', 'visible');
52
- }
53
- }
54
- });
55
-
56
- } else {
57
-
58
- var $progressbar = $progressbarElem.find(".premium-progressbar-bar-wrap"),
59
- width = $progressbarElem.outerWidth(),
60
- dotSize = settings.dot || 25,
61
- dotSpacing = settings.spacing || 10,
62
- numberOfCircles = Math.ceil(width / (dotSize + dotSpacing)),
63
- circlesToFill = numberOfCircles * (length / 100),
64
- numberOfTotalFill = Math.floor(circlesToFill),
65
- fillPercent = 100 * (circlesToFill - numberOfTotalFill);
66
-
67
- $progressbar.attr('data-circles', numberOfCircles);
68
- $progressbar.attr('data-total-fill', numberOfTotalFill);
69
- $progressbar.attr('data-partial-fill', fillPercent);
70
-
71
- var className = "progress-segment";
72
- for (var i = 0; i < numberOfCircles; i++) {
73
- className = "progress-segment";
74
- var innerHTML = '';
75
-
76
- if (i < numberOfTotalFill) {
77
- innerHTML = "<div class='segment-inner'></div>";
78
- } else if (i === numberOfTotalFill) {
79
-
80
- innerHTML = "<div class='segment-inner'></div>";
81
- }
82
-
83
- $progressbar.append("<div class='" + className + "'>" + innerHTML + "</div>");
84
-
85
- }
86
-
87
- if ("frontend" !== trigger) {
88
- PremiumProgressDotsHandler($scope);
89
- }
90
-
91
- }
92
-
93
- };
94
-
95
- var PremiumProgressDotsHandler = function ($scope) {
96
-
97
- var $progressbarElem = $scope.find(".premium-progressbar-container"),
98
- settings = $progressbarElem.data("settings"),
99
- $progressbar = $scope.find(".premium-progressbar-bar-wrap"),
100
- data = $progressbar.data(),
101
- speed = settings.speed,
102
- increment = 0;
103
-
104
- var numberOfTotalFill = data.totalFill,
105
- numberOfCircles = data.circles,
106
- fillPercent = data.partialFill;
107
-
108
- dotIncrement(increment);
109
-
110
- function dotIncrement(inc) {
111
-
112
- var $dot = $progressbar.find(".progress-segment").eq(inc),
113
- dotWidth = 100;
114
-
115
- if (inc === numberOfTotalFill)
116
- dotWidth = fillPercent
117
-
118
- $dot.find(".segment-inner").animate({
119
- width: dotWidth + '%'
120
- }, speed / numberOfCircles, function () {
121
- increment++;
122
- if (increment <= numberOfTotalFill) {
123
- dotIncrement(increment);
124
- }
125
-
126
- });
127
- }
128
- };
129
-
130
- /****** Premium Progress Bar Scroll Handler *****/
131
- var PremiumProgressBarScrollWidgetHandler = function ($scope, $) {
132
-
133
- var $progressbarElem = $scope.find(".premium-progressbar-container"),
134
- settings = $progressbarElem.data("settings"),
135
- type = settings.type;
136
-
137
- if ("dots" === type) {
138
- PremiumProgressBarWidgetHandler($scope, "frontend");
139
- }
140
-
141
- elementorFrontend.waypoint($scope, function () {
142
- if ("dots" !== type) {
143
- PremiumProgressBarWidgetHandler($(this));
144
- } else {
145
- PremiumProgressDotsHandler($(this));
146
- }
147
-
148
- });
149
- };
150
-
151
- /****** Premium Video Box Handler ******/
152
- var PremiumVideoBoxWidgetHandler = function ($scope, $) {
153
-
154
- var $videoBoxElement = $scope.find(".premium-video-box-container"),
155
- $videoListElement = $scope.find(".premium-video-box-playlist-container"),
156
- $videoContainer = $videoBoxElement.find(".premium-video-box-video-container"), //should be clicked
157
- $videoInnerContainer = $videoBoxElement.find('.premium-video-box-inner-wrap'),
158
- $videoImageContainer = $videoInnerContainer.find('.premium-video-box-image-container'),
159
- type = $videoBoxElement.data("type"),
160
- thumbnail = $videoBoxElement.data("thumbnail"),
161
- sticky = $videoBoxElement.data('sticky'),
162
- stickyOnPlay = $videoBoxElement.data('sticky-play'),
163
- hoverEffect = $videoBoxElement.data('hover'),
164
- $lighboxContainer = $videoListElement.length ? $videoListElement : $videoBoxElement,
165
- lightBox = $lighboxContainer.data('lightbox') ? $lighboxContainer.data('lightbox') : false,
166
- video, vidSrc;
167
-
168
- if (lightBox) {
169
-
170
- if ('prettyphoto' === lightBox.type) {
171
- $lighboxContainer.find(".premium-vid-lightbox-container[data-rel^='prettyPhoto']").prettyPhoto(getPrettyPhotoSettings(lightBox.theme));
172
- }
173
-
174
- $lighboxContainer.find('.premium-video-box-image-container, .premium-video-box-play-icon-container').on('click', function (e) {
175
- triggerLightbox($lighboxContainer, lightBox.type);
176
- });
177
-
178
- } else {
179
- // Youtube playlist option.
180
- if ($videoListElement.length) {
181
-
182
- //Make sure that video were pulled from the API.
183
- if (!$videoContainer.length)
184
- return;
185
-
186
- $videoContainer.each(function (index, item) {
187
-
188
- var vidSrc,
189
- $videoContainer = $(item),
190
- $videoBoxElement = $videoContainer.closest(".premium-video-box-container"),
191
- $trigger = $videoContainer.closest(".premium-video-box-trigger");
192
-
193
- vidSrc = $videoContainer.data("src");
194
- vidSrc = vidSrc + "&autoplay=1";
195
-
196
- $trigger.on("click", function () {
197
-
198
- var $iframe = $("<iframe/>");
199
-
200
- $iframe.attr({
201
- "src": vidSrc,
202
- "frameborder": "0",
203
- "allowfullscreen": "1",
204
- "allow": "autoplay;encrypted-media;"
205
- });
206
- $videoContainer.css("background", "#000");
207
- $videoContainer.html($iframe);
208
-
209
- $videoBoxElement.find(
210
- ".premium-video-box-image-container, .premium-video-box-play-icon-container"
211
- ).remove();
212
-
213
- });
214
-
215
- });
216
-
217
- return;
218
- }
219
-
220
- if ("self" === type) {
221
-
222
- video = $videoContainer.find("video");
223
- vidSrc = video.attr("src");
224
-
225
- } else {
226
-
227
- vidSrc = $videoContainer.data("src");
228
-
229
- if (!thumbnail || -1 !== vidSrc.indexOf("autoplay=1")) {
230
-
231
- //Check if Autoplay on viewport option is enabled
232
- if ($videoBoxElement.data("play-viewport")) {
233
- elementorFrontend.waypoint($videoBoxElement, function () {
234
- playVideo();
235
- });
236
- } else {
237
- playVideo();
238
- }
239
-
240
- } else {
241
- vidSrc = vidSrc + "&autoplay=1";
242
- }
243
-
244
- }
245
-
246
- $videoBoxElement.on("click", function () {
247
- playVideo();
248
- });
249
-
250
- if ("yes" !== sticky || "yes" === stickyOnPlay)
251
- return;
252
-
253
- stickyOption();
254
- }
255
-
256
- function playVideo() {
257
-
258
- if ($videoBoxElement.hasClass("playing")) return;
259
-
260
- $videoBoxElement.addClass("playing");
261
-
262
- if (stickyOnPlay === 'yes')
263
- stickyOption();
264
-
265
- if ("self" === type) {
266
-
267
- $(video).get(0).play();
268
-
269
- $videoContainer.css({
270
- opacity: "1",
271
- visibility: "visible"
272
- });
273
-
274
- } else {
275
-
276
- var $iframe = $("<iframe/>");
277
-
278
- $iframe.attr({
279
- "src": vidSrc,
280
- "frameborder": "0",
281
- "allowfullscreen": "1",
282
- "allow": "autoplay;encrypted-media;"
283
- });
284
- $videoContainer.css("background", "#000");
285
- $videoContainer.html($iframe);
286
- }
287
-
288
- $videoBoxElement.find(
289
- ".premium-video-box-image-container, .premium-video-box-play-icon-container, .premium-video-box-description-container"
290
- ).remove();
291
-
292
- if ("vimeo" === type)
293
- $videoBoxElement.find(".premium-video-box-vimeo-wrap").remove();
294
- }
295
-
296
- function triggerLightbox($container, type) {
297
- if ('elementor' === type) {
298
- $container.find('.premium-video-box-video-container').click();
299
- } else {
300
- $container.find(".premium-vid-lightbox-container[data-rel^='prettyPhoto']").click();
301
- }
302
- }
303
-
304
- function stickyOption() {
305
-
306
- var stickyDesktop = $videoBoxElement.data('hide-desktop'),
307
- stickyTablet = $videoBoxElement.data('hide-tablet'),
308
- stickyMobile = $videoBoxElement.data('hide-mobile'),
309
- stickyMargin = $videoBoxElement.data('sticky-margin');
310
-
311
- $videoBoxElement.off('click').on('click', function (e) {
312
- // if ('yes' === sticky) {
313
- var stickyTarget = e.target.className;
314
- if ((stickyTarget.toString().indexOf('premium-video-box-sticky-close') >= 0) || (stickyTarget.toString().indexOf('premium-video-box-sticky-close') >= 0)) {
315
- return false;
316
- }
317
- // }
318
- playVideo();
319
-
320
- });
321
-
322
- //Make sure Elementor Waypoint is defined
323
- if (typeof elementorFrontend.waypoint !== 'undefined') {
324
-
325
- var stickyWaypoint = elementorFrontend.waypoint(
326
- $videoBoxElement,
327
- function (direction) {
328
- if ('down' === direction) {
329
-
330
- $videoBoxElement.removeClass('premium-video-box-sticky-hide').addClass('premium-video-box-sticky-apply premium-video-box-filter-sticky');
331
-
332
- //Fix conflict with Elementor motion effects
333
- if ($scope.hasClass("elementor-motion-effects-parent")) {
334
- $scope.removeClass("elementor-motion-effects-perspective").find(".elementor-widget-container").addClass("premium-video-box-transform");
335
- }
336
-
337
- if ($videoBoxElement.data("mask")) {
338
- //Fix Sticky position issue when drop-shadow is applied
339
- $scope.find(".premium-video-box-mask-filter").removeClass("premium-video-box-mask-filter");
340
-
341
- $videoBoxElement.find(':first-child').removeClass('premium-video-box-mask-media');
342
-
343
- $videoImageContainer.removeClass(hoverEffect).removeClass('premium-video-box-mask-media').css({
344
- 'transition': 'width 0.2s, height 0.2s',
345
- '-webkit-transition': 'width 0.2s, height 0.2s'
346
- });
347
- }
348
-
349
- $(document).trigger('premium_after_sticky_applied', [$scope]);
350
-
351
- // Entrance Animation Option
352
- if ($videoInnerContainer.data("video-animation") && " " != $videoInnerContainer.data("video-animation")) {
353
- $videoInnerContainer.css("opacity", "0");
354
- var animationDelay = $videoInnerContainer.data('delay-animation');
355
- setTimeout(function () {
356
-
357
- $videoInnerContainer.css("opacity", "1").addClass("animated " + $videoInnerContainer.data("video-animation"));
358
-
359
- }, animationDelay * 1000);
360
- }
361
-
362
- } else {
363
-
364
- $videoBoxElement.removeClass('premium-video-box-sticky-apply premium-video-box-filter-sticky').addClass('premium-video-box-sticky-hide');
365
-
366
- //Fix conflict with Elementor motion effects
367
- if ($scope.hasClass("elementor-motion-effects-parent")) {
368
- $scope.addClass("elementor-motion-effects-perspective").find(".elementor-widget-container").removeClass("premium-video-box-transform");
369
- }
370
-
371
- if ($videoBoxElement.data("mask")) {
372
- //Fix Sticky position issue when drop-shadow is applied
373
- $videoBoxElement.parent().addClass("premium-video-box-mask-filter");
374
-
375
- $videoBoxElement.find(':first-child').eq(0).addClass('premium-video-box-mask-media');
376
- $videoImageContainer.addClass('premium-video-box-mask-media');
377
- }
378
-
379
- $videoImageContainer.addClass(hoverEffect).css({
380
- 'transition': 'all 0.2s',
381
- '-webkit-transition': 'all 0.2s'
382
- });
383
-
384
- $videoInnerContainer.removeClass("animated " + $videoInnerContainer.data("video-animation"));
385
- }
386
- }, {
387
- offset: 0 + '%',
388
- triggerOnce: false
389
- }
390
- );
391
- }
392
-
393
- var closeBtn = $scope.find('.premium-video-box-sticky-close');
394
-
395
- closeBtn.off('click.closetrigger').on('click.closetrigger', function (e) {
396
- e.stopPropagation();
397
- stickyWaypoint[0].disable();
398
-
399
- $videoBoxElement.removeClass('premium-video-box-sticky-apply premium-video-box-sticky-hide');
400
-
401
- //Fix conflict with Elementor motion effects
402
- if ($scope.hasClass("elementor-motion-effects-parent")) {
403
- $scope.addClass("elementor-motion-effects-perspective").find(".elementor-widget-container").removeClass("premium-video-box-transform");
404
- }
405
-
406
- if ($videoBoxElement.data("mask")) {
407
- //Fix Sticky position issue when drop-shadow is applied
408
- $videoBoxElement.parent().addClass("premium-video-box-mask-filter");
409
-
410
- //Necessary classes for mask shape option
411
- $videoBoxElement.find(':first-child').eq(0).addClass('premium-video-box-mask-media');
412
- $videoImageContainer.addClass('premium-video-box-mask-media');
413
- }
414
-
415
-
416
- });
417
-
418
- checkResize(stickyWaypoint);
419
-
420
- checkScroll();
421
-
422
- window.addEventListener("scroll", checkScroll);
423
-
424
- $(window).resize(function (e) {
425
- checkResize(stickyWaypoint);
426
- });
427
-
428
- function checkResize(stickyWaypoint) {
429
- var currentDeviceMode = elementorFrontend.getCurrentDeviceMode();
430
-
431
- if ('' !== stickyDesktop && currentDeviceMode == stickyDesktop) {
432
- disableSticky(stickyWaypoint);
433
- } else if ('' !== stickyTablet && currentDeviceMode == stickyTablet) {
434
- disableSticky(stickyWaypoint);
435
- } else if ('' !== stickyMobile && currentDeviceMode == stickyMobile) {
436
- disableSticky(stickyWaypoint);
437
- } else {
438
- stickyWaypoint[0].enable();
439
- }
440
- }
441
-
442
- function disableSticky(stickyWaypoint) {
443
- stickyWaypoint[0].disable();
444
- $videoBoxElement.removeClass('premium-video-box-sticky-apply premium-video-box-sticky-hide');
445
- }
446
-
447
- function checkScroll() {
448
- if ($videoBoxElement.hasClass('premium-video-box-sticky-apply')) {
449
- $videoInnerContainer.draggable({
450
- start: function () {
451
- $(this).css({
452
- transform: "none",
453
- top: $(this).offset().top + "px",
454
- left: $(this).offset().left + "px"
455
- });
456
- },
457
- containment: 'window'
458
- });
459
- }
460
- }
461
-
462
- $(document).on('premium_after_sticky_applied', function (e, $scope) {
463
- var infobar = $scope.find('.premium-video-box-sticky-infobar');
464
-
465
- if (0 !== infobar.length) {
466
- var infobarHeight = infobar.outerHeight();
467
-
468
- if ($scope.hasClass('premium-video-sticky-center-left') || $scope.hasClass('premium-video-sticky-center-right')) {
469
- infobarHeight = Math.ceil(infobarHeight / 2);
470
- $videoInnerContainer.css('top', 'calc( 50% - ' + infobarHeight + 'px )');
471
- }
472
-
473
- if ($scope.hasClass('premium-video-sticky-bottom-left') || $scope.hasClass('premium-video-sticky-bottom-right')) {
474
- if ('' !== stickyMargin) {
475
- infobarHeight = Math.ceil(infobarHeight);
476
- var stickBottom = infobarHeight + stickyMargin;
477
- $videoInnerContainer.css('bottom', stickBottom);
478
- }
479
- }
480
- }
481
- });
482
-
483
- }
484
-
485
- function getPrettyPhotoSettings(theme) {
486
- return {
487
- theme: theme,
488
- hook: "data-rel",
489
- opacity: 0.7,
490
- show_title: false,
491
- deeplinking: false,
492
- overlay_gallery: true,
493
- custom_markup: "",
494
- default_width: 900,
495
- default_height: 506,
496
- social_tools: ""
497
- };
498
- }
499
- };
500
-
501
- /****** Premium Media Grid Handler ******/
502
- var PremiumGridWidgetHandler = ModuleHandler.extend({
503
-
504
- settings: {},
505
-
506
- getDefaultSettings: function () {
507
- return {
508
- selectors: {
509
- galleryElement: '.premium-gallery-container',
510
- filters: '.premium-gallery-cats-container li',
511
- gradientLayer: '.premium-gallery-gradient-layer',
512
- loadMore: '.premium-gallery-load-more',
513
- loadMoreDiv: '.premium-gallery-load-more div',
514
- vidWrap: '.premium-gallery-video-wrap',
515
- }
516
- }
517
- },
518
-
519
- getDefaultElements: function () {
520
-
521
- var selectors = this.getSettings('selectors'),
522
- elements = {
523
- $galleryElement: this.$element.find(selectors.galleryElement),
524
- $filters: this.$element.find(selectors.filters),
525
- $gradientLayer: this.$element.find(selectors.gradientLayer),
526
- $vidWrap: this.$element.find(selectors.vidWrap)
527
- };
528
-
529
- elements.$loadMore = elements.$galleryElement.parent().find(selectors.loadMore)
530
- elements.$loadMoreDiv = elements.$galleryElement.parent().find(selectors.loadMoreDiv)
531
-
532
- return elements;
533
- },
534
-
535
- bindEvents: function () {
536
- this.getGlobalSettings();
537
- this.run();
538
- },
539
-
540
- getGlobalSettings: function () {
541
- var $galleryElement = this.elements.$galleryElement,
542
- settings = $galleryElement.data('settings');
543
-
544
- this.settings = {
545
- layout: settings.img_size,
546
- loadMore: settings.load_more,
547
- columnWidth: null,
548
- filter: null,
549
- isFilterClicked: false,
550
- minimum: settings.minimum,
551
- imageToShow: settings.click_images,
552
- counter: settings.minimum,
553
- ltrMode: settings.ltr_mode,
554
- shuffle: settings.shuffle,
555
- active_cat: settings.active_cat,
556
- theme: settings.theme,
557
- overlay: settings.overlay,
558
- sort_by: settings.sort_by,
559
- light_box: settings.light_box,
560
- flag: settings.flag,
561
- lightbox_type: settings.lightbox_type
562
- }
563
- },
564
-
565
- updateCounter: function () {
566
-
567
- if (this.settings.isFilterClicked) {
568
-
569
- this.settings.counter = this.settings.minimum;
570
-
571
- this.settings.isFilterClicked = false;
572
-
573
- } else {
574
- this.settings.counter = this.settings.counter;
575
- }
576
-
577
- this.settings.counter = this.settings.counter + this.settings.imageToShow;
578
- },
579
-
580
- updateGrid: function (gradHeight, $isotopeGallery, $loadMoreDiv) {
581
- $.ajax({
582
- url: this.appendItems(this.settings.counter, gradHeight, $isotopeGallery),
583
- beforeSend: function () {
584
- $loadMoreDiv.removeClass("premium-gallery-item-hidden");
585
- },
586
- success: function () {
587
- $loadMoreDiv.addClass("premium-gallery-item-hidden");
588
- }
589
- });
590
- },
591
-
592
- loadMore: function (gradHeight, $isotopeGallery) {
593
-
594
- var $galleryElement = this.elements.$galleryElement,
595
- $loadMoreDiv = this.elements.$loadMoreDiv,
596
- $loadMore = this.elements.$loadMore,
597
- _this = this;
598
-
599
- $loadMoreDiv.addClass("premium-gallery-item-hidden");
600
-
601
- if ($galleryElement.find(".premium-gallery-item").length > this.settings.minimum) {
602
-
603
- $loadMore.removeClass("premium-gallery-item-hidden");
604
-
605
- $galleryElement.parent().on("click", ".premium-gallery-load-less", function () {
606
- _this.settings.counter = _this.settings.counter - _this.settings.imageToShow;
607
- });
608
-
609
- $galleryElement.parent().on("click", ".premium-gallery-load-more-btn:not(.premium-gallery-load-less)", function () {
610
- _this.updateCounter();
611
- _this.updateGrid(gradHeight, $isotopeGallery, $loadMoreDiv);
612
- });
613
-
614
- }
615
-
616
- },
617
-
618
- getItemsToHide: function (instance, imagesToShow) {
619
- var items = instance.filteredItems.slice(imagesToShow, instance
620
- .filteredItems.length).map(function (item) {
621
- return item.element;
622
- });
623
-
624
- return items;
625
- },
626
-
627
- appendItems: function (imagesToShow, gradHeight, $isotopeGallery) {
628
-
629
- var $galleryElement = this.elements.$galleryElement,
630
- $gradientLayer = this.elements.$gradientLayer,
631
- instance = $galleryElement.data("isotope"),
632
- itemsToHide = this.getItemsToHide(instance, imagesToShow);
633
-
634
- $gradientLayer.outerHeight(gradHeight);
635
-
636
- $galleryElement.find(".premium-gallery-item-hidden").removeClass("premium-gallery-item-hidden");
637
-
638
- $galleryElement.parent().find(".premium-gallery-load-more").removeClass("premium-gallery-item-hidden");
639
-
640
- $(itemsToHide).addClass("premium-gallery-item-hidden");
641
-
642
- $isotopeGallery.isotope("layout");
643
-
644
- if (0 == itemsToHide) {
645
-
646
- $gradientLayer.addClass("premium-gallery-item-hidden");
647
-
648
- $galleryElement.parent().find(".premium-gallery-load-more").addClass("premium-gallery-item-hidden");
649
- }
650
- },
651
-
652
- triggerFilerTabs: function (url) {
653
- var filterIndex = url.searchParams.get(this.settings.flag),
654
- $filters = this.elements.$filters;
655
-
656
- if (filterIndex) {
657
-
658
- var $targetFilter = $filters.eq(filterIndex).find("a");
659
-
660
- $targetFilter.trigger('click');
661
-
662
- }
663
- },
664
-
665
- onReady: function ($isotopeGallery) {
666
- var _this = this;
667
-
668
- $isotopeGallery.isotope("layout");
669
-
670
- $isotopeGallery.isotope({
671
- filter: _this.settings.active_cat
672
- });
673
-
674
- var url = new URL(window.location.href);
675
-
676
- if (url)
677
- _this.triggerFilerTabs(url);
678
-
679
- },
680
-
681
- onResize: function ($isotopeGallery) {
682
- var _this = this;
683
-
684
- _this.setMetroLayout();
685
-
686
- $isotopeGallery.isotope({
687
- itemSelector: ".premium-gallery-item",
688
- masonry: {
689
- columnWidth: _this.settings.columnWidth
690
- },
691
- });
692
-
693
- },
694
-
695
- lightBoxDisabled: function () {
696
- var _this = this,
697
- $vidWrap = this.elements.$vidWrap;
698
-
699
- $vidWrap.each(function (index, item) {
700
- var type = $(item).data("type");
701
-
702
- $(item).closest(".premium-gallery-item").on("click", function () {
703
- var $this = $(this);
704
-
705
- $this.find(".pa-gallery-img-container").css("background", "#000");
706
-
707
- $this.find("img, .pa-gallery-icons-caption-container, .pa-gallery-icons-wrapper").css("visibility", "hidden");
708
-
709
- if ("style3" !== _this.settings.skin)
710
- $this.find(".premium-gallery-caption").css("visibility", "hidden");
711
-
712
- if ("hosted" !== type) {
713
- _this.playVid($this);
714
- } else {
715
- _this.playHostedVid(item);
716
- }
717
- });
718
- });
719
-
720
- },
721
-
722
- playVid: function ($this) {
723
- var $iframeWrap = $this.find(".premium-gallery-iframe-wrap"),
724
- src = $iframeWrap.data("src");
725
-
726
- src = src.replace("&mute", "&autoplay=1&mute");
727
-
728
- var $iframe = $("<iframe/>");
729
-
730
- $iframe.attr({
731
- "src": src,
732
- "frameborder": "0",
733
- "allowfullscreen": "1",
734
- "allow": "autoplay;encrypted-media;"
735
- });
736
-
737
- $iframeWrap.html($iframe);
738
-
739
- $iframe.css("visibility", "visible");
740
- },
741
-
742
- playHostedVid: function (item) {
743
- var $video = $(item).find("video");
744
-
745
- $video.get(0).play();
746
- $video.css("visibility", "visible");
747
- },
748
-
749
- run: function () {
750
-
751
- var $galleryElement = this.elements.$galleryElement,
752
- $vidWrap = this.elements.$vidWrap,
753
- $filters = this.elements.$filters,
754
- _this = this;
755
-
756
- if ('metro' === this.settings.layout) {
757
-
758
- this.setMetroLayout();
759
-
760
- this.settings.layout = "masonry";
761
-
762
- $(window).resize(function () { _this.onResize($isotopeGallery); });
763
- }
764
-
765
- var $isotopeGallery = $galleryElement.isotope(this.getIsoTopeSettings());
766
-
767
- $isotopeGallery.imagesLoaded().progress(function () {
768
- $isotopeGallery.isotope("layout");
769
- });
770
-
771
- $(document).ready(function () { _this.onReady($isotopeGallery); });
772
-
773
- if (this.settings.loadMore) {
774
-
775
- var $gradientLayer = this.elements.$gradientLayer,
776
- gradHeight = null;
777
-
778
- setTimeout(function () {
779
- gradHeight = $gradientLayer.outerHeight();
780
- }, 200);
781
-
782
- this.loadMore(gradHeight, $isotopeGallery);
783
- }
784
-
785
- if ("yes" !== this.settings.light_box)
786
- this.lightBoxDisabled();
787
-
788
- $filters.find("a").click(function (e) {
789
- e.preventDefault();
790
-
791
- _this.isFilterClicked = true;
792
-
793
- $filters.find(".active").removeClass("active");
794
-
795
- $(this).addClass("active");
796
-
797
- _this.settings.filter = $(this).attr("data-filter");
798
-
799
- $isotopeGallery.isotope({
800
- filter: _this.settings.filter
801
- });
802
-
803
- if (_this.settings.shuffle) $isotopeGallery.isotope("shuffle");
804
-
805
- if (_this.settings.loadMore) _this.appendItems(_this.settings.minimum, gradHeight, $isotopeGallery);
806
-
807
- return false;
808
- });
809
-
810
- if ("default" === this.settings.lightbox_type)
811
- this.$element.find(".premium-img-gallery a[data-rel^='prettyPhoto']").prettyPhoto(this.getPrettyPhotoSettings());
812
- },
813
-
814
- getPrettyPhotoSettings: function () {
815
- return {
816
- theme: this.settings.theme,
817
- hook: "data-rel",
818
- opacity: 0.7,
819
- show_title: false,
820
- deeplinking: false,
821
- overlay_gallery: this.settings.overlay,
822
- custom_markup: "",
823
- default_width: 900,
824
- default_height: 506,
825
- social_tools: ""
826
- }
827
- },
828
-
829
- getIsoTopeSettings: function () {
830
- return {
831
- itemSelector: '.premium-gallery-item',
832
- percentPosition: true,
833
- animationOptions: {
834
- duration: 750,
835
- easing: 'linear'
836
- },
837
- filter: this.settings.active_cat,
838
- layoutMode: this.settings.layout,
839
- originLeft: this.settings.ltrMode,
840
- masonry: {
841
- columnWidth: this.settings.columnWidth
842
- },
843
- sortBy: this.settings.sort_by
844
- }
845
- },
846
-
847
- getRepeaterSettings: function () {
848
- return this.getElementSettings('premium_gallery_img_content');
849
- },
850
-
851
- setMetroLayout: function () {
852
-
853
- var $galleryElement = this.elements.$galleryElement,
854
- gridWidth = $galleryElement.width(),
855
- cellSize = Math.floor(gridWidth / 12),
856
- deviceType = elementorFrontend.getCurrentDeviceMode(),
857
- suffix = 'desktop' === deviceType ? '' : '_' + deviceType,
858
- repeater = this.getRepeaterSettings();
859
-
860
- $galleryElement.find(".premium-gallery-item").each(function (index, item) { //should be added to selectors and elements
861
-
862
- var cells = repeater[index]['premium_gallery_image_cell' + suffix].size,
863
- vCells = repeater[index]['premium_gallery_image_vcell' + suffix].size;
864
-
865
- if ("" === cells || undefined == cells) {
866
- cells = repeater[index].premium_gallery_image_cell.size;
867
- }
868
-
869
- if ("" === vCells || undefined == vCells) {
870
- vCells = repeater[index].premium_gallery_image_vcell.size;
871
- }
872
-
873
- $(item).css({
874
- width: Math.ceil(cells * cellSize),
875
- height: Math.ceil(vCells * cellSize)
876
- });
877
- });
878
-
879
- this.settings.columnWidth = cellSize;
880
- }
881
-
882
- });
883
-
884
- /****** Premium Counter Handler ******/
885
- var PremiumCounterHandler = function ($scope, $) {
886
-
887
- var $counterElement = $scope.find(".premium-counter"),
888
- isHScrollWidget = $counterElement.closest(".premium-hscroll-temp"),
889
- counterSettings = $counterElement.data(),
890
- incrementElement = $counterElement.find(".premium-counter-init"),
891
- iconElement = $counterElement.find(".icon");
892
-
893
- if (!isHScrollWidget.length) {
894
- elementorFrontend.waypoint($counterElement, function () {
895
-
896
- $(incrementElement).numerator(counterSettings);
897
-
898
- $(iconElement).addClass("animated " + iconElement.data("animation"));
899
-
900
- });
901
- } else {
902
-
903
- $(window).on("scroll", function () {
904
-
905
- if ($(window).scrollTop() >= isHScrollWidget.data("scroll-offset")) {
906
- $(incrementElement).numerator(counterSettings);
907
-
908
- $(iconElement).addClass("animated " + iconElement.data("animation"));
909
- }
910
-
911
- });
912
-
913
- }
914
-
915
- };
916
-
917
- /****** Premium Fancy Text Handler ******/
918
- var PremiumFancyTextHandler = function ($scope, $) {
919
-
920
- var $elem = $scope.find(".premium-fancy-text-wrapper"),
921
- settings = $elem.data("settings"),
922
- loadingSpeed = settings.delay || 2500,
923
- itemCount = $elem.find('.premium-fancy-list-items').length,
924
- loopCount = ('' === settings.count && !['typing', 'slide', 'autofade'].includes(settings.effect)) ? 'infinite' : (settings.count * itemCount);
925
-
926
- function escapeHtml(unsafe) {
927
- return unsafe.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(
928
- /"/g, "&quot;");
929
- }
930
-
931
- if ("typing" === settings.effect) {
932
-
933
- var fancyStrings = [];
934
-
935
- settings.strings.forEach(function (item) {
936
- fancyStrings.push(escapeHtml(item));
937
- });
938
-
939
- var fancyTextID = '#' + $elem.find('.premium-fancy-text').attr('id');
940
- new Typed(fancyTextID, {
941
- strings: fancyStrings,
942
- typeSpeed: settings.typeSpeed,
943
- backSpeed: settings.backSpeed,
944
- startDelay: settings.startDelay,
945
- backDelay: settings.backDelay,
946
- showCursor: settings.showCursor,
947
- cursorChar: settings.cursorChar,
948
- loop: settings.loop
949
- });
950
-
951
- } else if ("slide" === settings.effect) {
952
- loadingSpeed = settings.pause;
953
-
954
- $elem.find(".premium-fancy-text").vTicker({
955
- speed: settings.speed,
956
- showItems: settings.showItems,
957
- pause: settings.pause,
958
- mousePause: settings.mousePause,
959
- direction: "up"
960
- });
961
-
962
- } else if ('auto-fade' === settings.effect) {
963
- var $items = $elem.find(".premium-fancy-list-items"),
964
- len = $items.length;
965
-
966
- if (0 === len) {
967
- return;
968
- }
969
-
970
- var delay = settings.duration / len,
971
- itemDelay = 0;
972
-
973
- loadingSpeed = delay;
974
-
975
- $items.each(function ($index, $item) {
976
- $item.style.animationDelay = itemDelay + 'ms';
977
- itemDelay += delay;
978
- });
979
-
980
- } else {
981
-
982
- setFancyAnimation();
983
-
984
- function setFancyAnimation() {
985
-
986
- var $item = $elem.find(".premium-fancy-list-items"),
987
- current = 1;
988
-
989
- //Get effect settings
990
- var delay = settings.delay || 2500,
991
- loopCount = settings.count;
992
-
993
- //If Loop Count option is set
994
- if (loopCount) {
995
- var currentLoop = 1,
996
- fancyStringsCount = $elem.find(".premium-fancy-list-items").length;
997
- }
998
-
999
- var loopInterval = setInterval(function () {
1000
-
1001
- var animationClass = "";
1002
-
1003
- //Add animation class
1004
- if (settings.effect === "custom")
1005
- animationClass = "animated " + settings.animation;
1006
-
1007
- //Show current active item
1008
- $item.eq(current).addClass("premium-fancy-item-visible " + animationClass).removeClass("premium-fancy-item-hidden");
1009
-
1010
- var $inactiveItems = $item.filter(function (index) {
1011
- return index !== current;
1012
- });
1013
-
1014
- //Hide inactive items
1015
- $inactiveItems.addClass("premium-fancy-item-hidden").removeClass("premium-fancy-item-visible " + animationClass);
1016
-
1017
- current++;
1018
-
1019
- //Restart loop
1020
- if ($item.length === current)
1021
- current = 0;
1022
-
1023
- //Increment interval and check if loop count is reached
1024
- if (loopCount) {
1025
- currentLoop++;
1026
-
1027
- if ((fancyStringsCount * loopCount) === currentLoop)
1028
- clearInterval(loopInterval);
1029
- }
1030
-
1031
-
1032
- }, delay);
1033
-
1034
- }
1035
- }
1036
-
1037
- //Show the strings after the layout is set.
1038
- if ("typing" !== settings.effect) {
1039
- setTimeout(function () {
1040
- $elem.find(".premium-fancy-text").css('opacity', '1');
1041
- }, 500);
1042
-
1043
- }
1044
-
1045
- if ('loading' === settings.loading && 'typing' !== settings.effect) {
1046
- $scope.find('.premium-fancy-text').append('<span class="premium-loading-bar"></span>');
1047
- $scope.find('.premium-loading-bar').css({
1048
- 'animation-iteration-count': loopCount,
1049
- 'animation-duration': loadingSpeed + 'ms'
1050
- });
1051
- }
1052
-
1053
- };
1054
-
1055
- /****** Premium Countdown Handler ******/
1056
- var PremiumCountDownHandler = function ($scope, $) {
1057
-
1058
- var $countDownElement = $scope.find(".premium-countdown"),
1059
- settings = $countDownElement.data("settings"),
1060
- id = $scope.data('id'),
1061
- label1 = settings.label1,
1062
- label2 = settings.label2,
1063
- newLabe1 = label1.split(","),
1064
- newLabel2 = label2.split(","),
1065
- timerType = settings.timerType,
1066
- until = 'evergreen' === timerType ? settings.until.date : settings.until,
1067
- layout = '',
1068
- map = {
1069
- y: { index: 0, oldVal: '' },
1070
- o: { index: 1, oldVal: '' },
1071
- w: { index: 2, oldVal: '' },
1072
- d: { index: 3, oldVal: '' },
1073
- h: { index: 4, oldVal: '' },
1074
- m: { index: 5, oldVal: '' },
1075
- s: { index: 6, oldVal: '' }
1076
- };
1077
-
1078
- if ($countDownElement.find('#countdown-' + id).hasClass('premium-countdown-flip')) {
1079
- settings.format.split('').forEach(function (unit) {
1080
- var lowercased = unit.toLowerCase();
1081
-
1082
- layout += '<div class="premium-countdown-block premium-countdown-' + lowercased + '"><div class="pre_time-mid"> <div class="premium-countdown-figure"><span class="top">{' + lowercased + 'nn}</span><span class="top-back"><span>{' + lowercased + 'nn}</span></span><span class="bottom">{' + lowercased + 'nn}</span><span class="bottom-back"><span>{' + lowercased + 'nn}</span></span></div><span class="premium-countdown-label">{' + lowercased + 'l}</span></div><span class="countdown_separator">{sep}</span></div>';
1083
- });
1084
- }
1085
-
1086
- $countDownElement.find('#countdown-' + id).countdown({
1087
- layout: layout,
1088
- labels: newLabel2,
1089
- labels1: newLabe1,
1090
- until: new Date(until),
1091
- format: settings.format,
1092
- padZeroes: true,
1093
- timeSeparator: settings.separator,
1094
- onTick: function (periods) {
1095
-
1096
- equalWidth();
1097
-
1098
- if ($countDownElement.find('#countdown-' + id).hasClass('premium-countdown-flip')) {
1099
- animateFigure(periods, map);
1100
- }
1101
- },
1102
- onExpiry: function () {
1103
- if ('onExpiry' === settings.event) {
1104
- $countDownElement.find('#countdown-' + id).html(settings.text);
1105
- }
1106
- },
1107
- serverSync: function () {
1108
- return new Date(settings.serverSync);
1109
- }
1110
- });
1111
-
1112
- if (settings.reset) {
1113
- $countDownElement.find('.premium-countdown-init').countdown('option', 'until', new Date(until));
1114
- }
1115
-
1116
- if ('expiryUrl' === settings.event) {
1117
- $countDownElement.find('#countdown-' + id).countdown('option', 'expiryUrl', (elementorFrontend.isEditMode()) ? '' : settings.text);
1118
- }
1119
-
1120
- function equalWidth() {
1121
- var width = 0;
1122
- $countDownElement.find('#countdown-' + id + ' .countdown-amount').each(function (index, slot) {
1123
- if (width < $(slot).outerWidth()) {
1124
- width = $(slot).outerWidth();
1125
- }
1126
- });
1127
-
1128
- $countDownElement.find('#countdown-' + id + ' .countdown-amount').css('width', width);
1129
- }
1130
-
1131
- function animateFigure(periods, map) {
1132
- settings.format.split('').forEach(function (unit) {
1133
-
1134
- var lowercased = unit.toLowerCase(),
1135
- index = map[lowercased].index,
1136
- oldVal = map[lowercased].oldVal;
1137
-
1138
- if (periods[index] !== oldVal) {
1139
-
1140
- map[lowercased].oldVal = periods[index];
1141
-
1142
- var $top = $('#countdown-' + id).find('.premium-countdown-' + lowercased + ' .top'),
1143
- $back_top = $('#countdown-' + id).find('.premium-countdown-' + lowercased + ' .top-back');
1144
-
1145
- TweenMax.to($top, 0.8, {
1146
- rotationX: '-180deg',
1147
- transformPerspective: 300,
1148
- ease: Quart.easeOut,
1149
- onComplete: function () {
1150
- TweenMax.set($top, { rotationX: 0 });
1151
- }
1152
- });
1153
-
1154
- TweenMax.to($back_top, 0.8, {
1155
- rotationX: 0,
1156
- transformPerspective: 300,
1157
- ease: Quart.easeOut,
1158
- clearProps: 'all'
1159
- });
1160
- }
1161
- });
1162
- }
1163
-
1164
- times = $countDownElement.find('#countdown-' + id).countdown("getTimes");
1165
-
1166
- function runTimer(el) {
1167
- return el == 0;
1168
- }
1169
-
1170
- if (times.every(runTimer)) {
1171
-
1172
- if ('onExpiry' === settings.event) {
1173
- $countDownElement.find('#countdown-' + id).html(settings.text);
1174
- } else if ('expiryUrl' === settings.event && !elementorFrontend.isEditMode()) {
1175
- var editMode = $('body').find('#elementor').length;
1176
- if (0 < editMode) {
1177
- $countDownElement.find('#countdown-' + id).html(
1178
- "<h1>You can not redirect url from elementor Editor!!</h1>");
1179
- } else {
1180
- if (!elementorFrontend.isEditMode()) {
1181
- window.location.href = settings.text;
1182
- }
1183
- }
1184
-
1185
- }
1186
- }
1187
-
1188
- };
1189
-
1190
- /****** Premium Carousel Handler ******/
1191
- var PremiumCarouselHandler = function ($scope, $) {
1192
-
1193
- var $carouselElem = $scope.find(".premium-carousel-wrapper"),
1194
- settings = $($carouselElem).data("settings"),
1195
- isEdit = elementorFrontend.isEditMode();
1196
-
1197
- if ($carouselElem.find(".item-wrapper").length < 1)
1198
- return;
1199
-
1200
- function slideToShow(slick) {
1201
-
1202
- var slidesToShow = slick.options.slidesToShow,
1203
- windowWidth = $(window).width();
1204
- if (windowWidth > settings.tabletBreak) {
1205
- slidesToShow = settings.slidesDesk;
1206
- }
1207
- if (windowWidth <= settings.tabletBreak) {
1208
- slidesToShow = settings.slidesTab;
1209
- }
1210
- if (windowWidth <= settings.mobileBreak) {
1211
- slidesToShow = settings.slidesMob;
1212
- }
1213
- return slidesToShow;
1214
-
1215
- }
1216
-
1217
- //Get templates content on the editor page
1218
- if (isEdit) {
1219
-
1220
- $carouselElem.find(".item-wrapper").each(function (index, slide) {
1221
-
1222
- var templateID = $(slide).data("template");
1223
-
1224
- if (undefined !== templateID && '' !== templateID) {
1225
- $.ajax({
1226
- type: "GET",
1227
- url: PremiumSettings.ajaxurl,
1228
- dataType: "html",
1229
- data: {
1230
- action: "get_elementor_template_content",
1231
- templateID: templateID
1232
- }
1233
- }).success(function (response) {
1234
-
1235
- var data = JSON.parse(response).data;
1236
-
1237
- if (undefined !== data.template_content) {
1238
-
1239
- $(slide).html(data.template_content);
1240
- $carouselElem.find(".premium-carousel-inner").slick("refresh");
1241
-
1242
- }
1243
- });
1244
- }
1245
- });
1246
-
1247
- }
1248
-
1249
- $carouselElem.on("init", function (event) {
1250
-
1251
- event.preventDefault();
1252
-
1253
- setTimeout(function () {
1254
- resetAnimations("init");
1255
- }, 500);
1256
-
1257
- $(this).find("item-wrapper.slick-active").each(function () {
1258
- var $this = $(this);
1259
- $this.addClass($this.data("animation"));
1260
- });
1261
-
1262
- $(".slick-track").addClass("translate");
1263
-
1264
- });
1265
-
1266
- $carouselElem.find(".premium-carousel-inner").slick({
1267
- vertical: settings.vertical,
1268
- slidesToScroll: settings.slidesToScroll,
1269
- slidesToShow: settings.slidesToShow,
1270
- responsive: [{
1271
- breakpoint: settings.tabletBreak,
1272
- settings: {
1273
- slidesToShow: settings.slidesTab,
1274
- slidesToScroll: settings.slidesTab,
1275
- swipe: settings.touchMove,
1276
- }
1277
- },
1278
- {
1279
- breakpoint: settings.mobileBreak,
1280
- settings: {
1281
- slidesToShow: settings.slidesMob,
1282
- slidesToScroll: settings.slidesMob,
1283
- swipe: settings.touchMove,
1284
- }
1285
- }
1286
- ],
1287
- useTransform: true,
1288
- fade: settings.fade,
1289
- infinite: settings.infinite,
1290
- speed: settings.speed,
1291
- autoplay: settings.autoplay,
1292
- autoplaySpeed: settings.autoplaySpeed,
1293
- rows: 0,
1294
- draggable: settings.draggable,
1295
- rtl: settings.rtl,
1296
- adaptiveHeight: settings.adaptiveHeight,
1297
- pauseOnHover: settings.pauseOnHover,
1298
- centerMode: settings.centerMode,
1299
- centerPadding: settings.centerPadding,
1300
- arrows: settings.arrows,
1301
- prevArrow: $carouselElem.find(".premium-carousel-nav-arrow-prev").html(),
1302
- nextArrow: $carouselElem.find(".premium-carousel-nav-arrow-next").html(),
1303
- dots: settings.dots,
1304
- variableWidth: settings.variableWidth,
1305
- cssEase: settings.cssEase,
1306
- customPaging: function () {
1307
- var customDot = $carouselElem.find(".premium-carousel-nav-dot").html();
1308
- return customDot;
1309
- }
1310
- });
1311
-
1312
- $scope.find(".premium-carousel-hidden").removeClass("premium-carousel-hidden");
1313
- $carouselElem.find(".premium-carousel-nav-arrow-prev").remove();
1314
- $carouselElem.find(".premium-carousel-nav-arrow-next").remove();
1315
- // $carouselElem.find(".premium-carousel-nav-dot").remove();
1316
-
1317
- if (settings.variableWidth) {
1318
- $carouselElem.find(".elementor-container").css("flex-wrap", "nowrap");
1319
- }
1320
-
1321
- function resetAnimations(event) {
1322
-
1323
- var $slides = $carouselElem.find(".slick-slide");
1324
-
1325
- if ("init" === event)
1326
- $slides = $slides.not(".slick-current");
1327
-
1328
- $slides.find(".animated").each(function (index, elem) {
1329
-
1330
- var settings = $(elem).data("settings");
1331
-
1332
- if (!settings)
1333
- return;
1334
-
1335
- if (!settings._animation && !settings.animation)
1336
- return;
1337
-
1338
- var animation = settings._animation || settings.animation;
1339
-
1340
- $(elem).removeClass("animated " + animation).addClass("elementor-invisible");
1341
- });
1342
- };
1343
-
1344
- function triggerAnimation() {
1345
-
1346
- $carouselElem.find(".slick-active .elementor-invisible").each(function (index, elem) {
1347
-
1348
- var settings = $(elem).data("settings");
1349
-
1350
- if (!settings)
1351
- return;
1352
-
1353
- if (!settings._animation && !settings.animation)
1354
- return;
1355
-
1356
- var delay = settings._animation_delay ? settings._animation_delay : 0,
1357
- animation = settings._animation || settings.animation;
1358
-
1359
- setTimeout(function () {
1360
- $(elem).removeClass("elementor-invisible").addClass(animation +
1361
- ' animated');
1362
- }, delay);
1363
- });
1364
- }
1365
-
1366
- $carouselElem.on("afterChange", function (event, slick, currentSlide) {
1367
-
1368
- var slidesScrolled = slick.options.slidesToScroll,
1369
- slidesToShow = slideToShow(slick),
1370
- centerMode = slick.options.centerMode,
1371
- slideToAnimate = currentSlide + slidesToShow - 1;
1372
-
1373
- //Trigger Aniamtions for the current slide
1374
- triggerAnimation();
1375
-
1376
- if (slidesScrolled === 1) {
1377
- if (!centerMode === true) {
1378
- var $inViewPort = $(this).find("[data-slick-index='" + slideToAnimate +
1379
- "']");
1380
- if ("null" != settings.animation) {
1381
- $inViewPort.find("p, h1, h2, h3, h4, h5, h6, span, a, img, i, button")
1382
- .addClass(settings.animation).removeClass(
1383
- "premium-carousel-content-hidden");
1384
- }
1385
- }
1386
- } else {
1387
- for (var i = slidesScrolled + currentSlide; i >= 0; i--) {
1388
- $inViewPort = $(this).find("[data-slick-index='" + i + "']");
1389
- if ("null" != settings.animation) {
1390
- $inViewPort.find("p, h1, h2, h3, h4, h5, h6, span, a, img, i, button")
1391
- .addClass(settings.animation).removeClass(
1392
- "premium-carousel-content-hidden");
1393
- }
1394
- }
1395
- }
1396
- });
1397
-
1398
- $carouselElem.on("beforeChange", function (event, slick, currentSlide) {
1399
-
1400
- //Reset Aniamtions for the other slides
1401
- resetAnimations();
1402
-
1403
- var $inViewPort = $(this).find("[data-slick-index='" + currentSlide + "']");
1404
-
1405
- if ("null" != settings.animation) {
1406
- $inViewPort.siblings().find(
1407
- "p, h1, h2, h3, h4, h5, h6, span, a, img, i, button").removeClass(
1408
- settings.animation).addClass(
1409
- "premium-carousel-content-hidden");
1410
- }
1411
- });
1412
-
1413
- if (settings.vertical) {
1414
-
1415
- var maxHeight = -1;
1416
-
1417
- elementorFrontend.elements.$window.on('load', function () {
1418
- $carouselElem.find(".slick-slide").each(function () {
1419
- if ($(this).height() > maxHeight) {
1420
- maxHeight = $(this).height();
1421
- }
1422
- });
1423
- $carouselElem.find(".slick-slide").each(function () {
1424
- if ($(this).height() < maxHeight) {
1425
- $(this).css("margin", Math.ceil(
1426
- (maxHeight - $(this).height()) / 2) + "px 0");
1427
- }
1428
- });
1429
- });
1430
- }
1431
- var marginFix = {
1432
- element: $("a.ver-carousel-arrow"),
1433
- getWidth: function () {
1434
- var width = this.element.outerWidth();
1435
- return width / 2;
1436
- },
1437
- setWidth: function (type) {
1438
- type = type || "vertical";
1439
- if (type == "vertical") {
1440
- this.element.css("margin-left", "-" + this.getWidth() + "px");
1441
- } else {
1442
- this.element.css("margin-top", "-" + this.getWidth() + "px");
1443
- }
1444
- }
1445
- };
1446
- marginFix.setWidth();
1447
- marginFix.element = $("a.carousel-arrow");
1448
- marginFix.setWidth("horizontal");
1449
-
1450
- $(document).ready(function () {
1451
-
1452
- settings.navigation.map(function (item, index) {
1453
-
1454
- if (item) {
1455
-
1456
- $(item).on("click", function () {
1457
-
1458
- var currentActive = $carouselElem.find(".premium-carousel-inner").slick("slickCurrentSlide");
1459
-
1460
- if (index !== currentActive) {
1461
- $carouselElem.find(".premium-carousel-inner").slick("slickGoTo", index)
1462
- }
1463
-
1464
- })
1465
- }
1466
-
1467
- })
1468
- })
1469
-
1470
- };
1471
-
1472
- var PremiumBannerHandler = ModuleHandler.extend({
1473
-
1474
- getDefaultSettings: function () {
1475
-
1476
- return {
1477
- selectors: {
1478
- bannerImgWrap: '.premium-banner-ib',
1479
- bannerImg: 'img',
1480
- }
1481
- }
1482
-
1483
- },
1484
-
1485
- getDefaultElements: function () {
1486
-
1487
- var selectors = this.getSettings('selectors');
1488
-
1489
- return {
1490
- $bannerImgWrap: this.$element.find(selectors.bannerImgWrap),
1491
- $bannerImg: this.$element.find(selectors.bannerImg)
1492
- }
1493
-
1494
- },
1495
-
1496
- bindEvents: function () {
1497
-
1498
- var _this = this;
1499
-
1500
- _this.elements.$bannerImgWrap.hover(function () {
1501
- _this.elements.$bannerImg.addClass("active");
1502
- }, function () {
1503
- _this.elements.$bannerImg.removeClass("active");
1504
- });
1505
-
1506
- this.run();
1507
- },
1508
-
1509
- run: function () {
1510
-
1511
- var $bannerElement = this.$element;
1512
-
1513
- if ($bannerElement.hasClass("premium-banner-tilt-yes")) {
1514
-
1515
- var reverse = $bannerElement.hasClass("premium-banner-tilt-rev-yes");
1516
-
1517
- UniversalTilt.init({
1518
- elements: $bannerElement.closest(".elementor-widget"),
1519
- settings: {
1520
- reverse: reverse
1521
- },
1522
- callbacks: {
1523
- onMouseLeave: function (el) {
1524
- el.style.boxShadow = "0 45px 100px rgba(255, 255, 255, 0)";
1525
- },
1526
- onDeviceMove: function (el) {
1527
- el.style.boxShadow = "0 45px 100px rgba(255, 255, 255, 0.3)";
1528
- }
1529
- }
1530
- });
1531
-
1532
- }
1533
- }
1534
-
1535
- });
1536
-
1537
- /****** Premium Modal Box Handler ******/
1538
- var PremiumModalBoxHandler = function ($scope, $) {
1539
-
1540
- var $modalElem = $scope.find(".premium-modal-box-container"),
1541
- settings = $modalElem.data("settings"),
1542
- $modal = $modalElem.find(".premium-modal-box-modal-dialog");
1543
-
1544
- if (!settings) {
1545
- return;
1546
- }
1547
-
1548
- if (settings.trigger === "pageload") {
1549
- $(document).ready(function ($) {
1550
- setTimeout(function () {
1551
- $modalElem.find(".premium-modal-box-modal").modal();
1552
- }, settings.delay * 1000);
1553
- });
1554
- }
1555
-
1556
- if ($modal.data("modal-animation") && " " != $modal.data("modal-animation")) {
1557
-
1558
- var animationDelay = $modal.data('delay-animation');
1559
-
1560
- new Waypoint({
1561
- element: $modal,
1562
- handler: function () {
1563
- setTimeout(function () {
1564
- $modal.css("opacity", "1").addClass("animated " + $modal.data("modal-animation"));
1565
- }, animationDelay * 1000);
1566
- this.destroy();
1567
- },
1568
- offset: Waypoint.viewportHeight() - 150,
1569
- });
1570
- }
1571
- };
1572
-
1573
- /****** Premium Blog Handler ******/
1574
- var PremiumBlogHandler = ModuleHandler.extend({
1575
-
1576
- settings: {},
1577
-
1578
- getDefaultSettings: function () {
1579
- return {
1580
- selectors: {
1581
- user: '.fa-user',
1582
- activeCat: '.category.active',
1583
- loading: '.premium-loading-feed',
1584
- blogElement: '.premium-blog-wrap',
1585
- blogFilterTabs: '.premium-blog-filter',
1586
- contentWrapper: '.premium-blog-content-wrapper',
1587
- blogPost: '.premium-blog-post-outer-container',
1588
- metaSeparators: '.premium-blog-meta-separator',
1589
- filterLinks: '.premium-blog-filters-container li a',
1590
- currentPage: '.premium-blog-pagination-container .page-numbers.current',
1591
- activeElememnt: '.premium-blog-filters-container li .active',
1592
- }
1593
- }
1594
- },
1595
-
1596
- getDefaultElements: function () {
1597
- var selectors = this.getSettings('selectors'),
1598
- elements = {
1599
- $blogElement: this.$element.find(selectors.blogElement),
1600
- $blogFilterTabs: this.$element.find(selectors.blogFilterTabs),
1601
- $activeCat: this.$element.find(selectors.activeCat),
1602
- $filterLinks: this.$element.find(selectors.filterLinks),
1603
- $blogPost: this.$element.find(selectors.blogPost),
1604
- $contentWrapper: this.$element.find(selectors.contentWrapper)
1605
- };
1606
-
1607
- return elements;
1608
- },
1609
-
1610
- bindEvents: function () {
1611
- this.setLayoutSettings();
1612
- this.removeMetaSeparators();
1613
- this.run();
1614
- },
1615
-
1616
- setLayoutSettings: function () {
1617
-
1618
- var settings = this.getElementSettings(),
1619
- $blogPost = this.elements.$blogPost;
1620
-
1621
- var layoutSettings = {
1622
- pageNumber: 1,
1623
- isLoaded: true,
1624
- count: 2,
1625
- equalHeight: settings.force_height,
1626
- layout: settings.premium_blog_layout,
1627
- carousel: 'yes' === settings.premium_blog_carousel ? true : false,
1628
- infinite: 'yes' === settings.premium_blog_infinite_scroll ? true : false,
1629
- scrollAfter: 'yes' === settings.scroll_to_offset ? true : false,
1630
- grid: 'yes' === settings.premium_blog_grid ? true : false,
1631
- total: $blogPost.data('total'),
1632
- };
1633
-
1634
-
1635
- if (layoutSettings.carousel) {
1636
-
1637
- layoutSettings.slidesToScroll = settings.slides_to_scroll;
1638
- layoutSettings.spacing = parseInt(settings.premium_blog_carousel_spacing);
1639
- layoutSettings.autoPlay = 'yes' === settings.premium_blog_carousel_play ? true : false;
1640
- layoutSettings.arrows = 'yes' === settings.premium_blog_carousel_arrows ? true : false;
1641
- layoutSettings.fade = 'yes' === settings.premium_blog_carousel_fade ? true : false;
1642
- layoutSettings.center = 'yes' === settings.premium_blog_carousel_center ? true : false;
1643
- layoutSettings.dots = 'yes' === settings.premium_blog_carousel_dots ? true : false;
1644
- layoutSettings.speed = '' !== settings.premium_blog_carousel_autoplay_speed ? parseInt(settings.premium_blog_carousel_autoplay_speed) : 5000;
1645
-
1646
- }
1647
-
1648
- this.settings = layoutSettings;
1649
-
1650
- },
1651
-
1652
- removeMetaSeparators: function () {
1653
-
1654
- var selectors = this.getSettings('selectors'),
1655
- $blogPost = this.$element.find(selectors.blogPost);
1656
-
1657
- var $metaSeparators = $blogPost.first().find(selectors.metaSeparators),
1658
- $user = $blogPost.find(selectors.user);
1659
-
1660
- if (1 === $metaSeparators.length) {
1661
- //If two meta only are enabled. One of them is author meta.
1662
- if (!$user.length) {
1663
- $blogPost.find(selectors.metaSeparators).remove();
1664
- }
1665
-
1666
- } else {
1667
- if (!$user.length) {
1668
- $blogPost.each(function (index, post) {
1669
- $(post).find(selectors.metaSeparators).first().remove();
1670
- });
1671
- }
1672
- }
1673
-
1674
- },
1675
- run: function () {
1676
-
1677
- var _this = this,
1678
- $blogElement = this.elements.$blogElement,
1679
- $activeCategory = this.elements.$activeCat.data('filter'),
1680
- $filterTabs = this.elements.$blogFilterTabs.length,
1681
- pagination = $blogElement.data("pagination");
1682
-
1683
- this.settings.activeCategory = $activeCategory;
1684
- this.settings.filterTabs = $filterTabs;
1685
-
1686
-
1687
-
1688
- if (this.settings.filterTabs) {
1689
- this.filterTabs();
1690
- }
1691
-
1692
- if (!this.settings.filterTabs || "*" === this.settings.activeCategory) {
1693
- if ("masonry" === this.settings.layout && !this.settings.carousel) {
1694
- $blogElement.imagesLoaded(function () {
1695
- $blogElement.isotope(_this.getIsoTopeSettings());
1696
- });
1697
- }
1698
- } else {
1699
- //If `All` categories not exist, then we need to get posts through AJAX.
1700
- this.getPostsByAjax(false);
1701
- }
1702
-
1703
- if (this.settings.carousel) {
1704
- $blogElement.slick(this.getSlickSettings());
1705
-
1706
- $blogElement.removeClass("premium-carousel-hidden");
1707
- }
1708
-
1709
- if ("even" === this.settings.layout && this.settings.equalHeight) {
1710
- $blogElement.imagesLoaded(function () {
1711
- _this.forceEqualHeight();
1712
- });
1713
- }
1714
-
1715
- if (pagination) {
1716
- this.paginate();
1717
- }
1718
-
1719
- if (this.settings.infinite && $blogElement.is(":visible")) {
1720
- this.getInfiniteScrollPosts();
1721
- }
1722
-
1723
- },
1724
-
1725
- paginate: function () {
1726
- var _this = this,
1727
- $scope = this.$element,
1728
- selectors = this.getSettings('selectors');
1729
-
1730
- $scope.on('click', '.premium-blog-pagination-container .page-numbers', function (e) {
1731
-
1732
- e.preventDefault();
1733
-
1734
- if ($(this).hasClass("current")) return;
1735
-
1736
- var currentPage = parseInt($scope.find(selectors.currentPage).html());
1737
-
1738
- if ($(this).hasClass('next')) {
1739
- _this.settings.pageNumber = currentPage + 1;
1740
- } else if ($(this).hasClass('prev')) {
1741
- _this.settings.pageNumber = currentPage - 1;
1742
- } else {
1743
- _this.settings.pageNumber = $(this).html();
1744
- }
1745
-
1746
- _this.getPostsByAjax(_this.settings.scrollAfter);
1747
-
1748
- })
1749
- },
1750
-
1751
- forceEqualHeight: function () {
1752
- var heights = new Array(),
1753
- contentWrapper = this.getSettings('selectors').contentWrapper,
1754
- $blogWrapper = this.$element.find(contentWrapper);
1755
-
1756
- $blogWrapper.each(function (index, post) {
1757
-
1758
- var height = $(post).outerHeight();
1759
-
1760
- heights.push(height);
1761
- });
1762
-
1763
- var maxHeight = Math.max.apply(null, heights);
1764
-
1765
- $blogWrapper.css("height", maxHeight + "px");
1766
- },
1767
-
1768
- getSlickSettings: function () {
1769
-
1770
- var settings = this.settings,
1771
- slickCols = settings.grid ? this.getSlickCols() : null,
1772
- cols = settings.grid ? slickCols.cols : 1,
1773
- colsTablet = settings.grid ? slickCols.colsTablet : 1,
1774
- colsMobile = settings.grid ? slickCols.colsMobile : 1,
1775
- prevArrow = settings.arrows ? '<a type="button" data-role="none" class="carousel-arrow carousel-prev" aria-label="Previous" role="button" style=""><i class="fas fa-angle-left" aria-hidden="true"></i></a>' : '',
1776
- nextArrow = settings.arrows ? '<a type="button" data-role="none" class="carousel-arrow carousel-next" aria-label="Next" role="button" style=""><i class="fas fa-angle-right" aria-hidden="true"></i></a>' : '';
1777
-
1778
- return {
1779
- infinite: true,
1780
- slidesToShow: cols,
1781
- slidesToScroll: settings.slidesToScroll || cols,
1782
- responsive: [{
1783
- breakpoint: 1025,
1784
- settings: {
1785
- slidesToShow: colsTablet,
1786
- slidesToScroll: 1
1787
- }
1788
- },
1789
- {
1790
- breakpoint: 768,
1791
- settings: {
1792
- slidesToShow: colsMobile,
1793
- slidesToScroll: 1
1794
- }
1795
- }
1796
- ],
1797
- autoplay: settings.autoPlay,
1798
- rows: 0,
1799
- autoplaySpeed: settings.speed,
1800
- nextArrow: nextArrow,
1801
- prevArrow: prevArrow,
1802
- fade: settings.fade,
1803
- centerMode: settings.center,
1804
- centerPadding: settings.spacing + "px",
1805
- draggable: true,
1806
- dots: settings.dots,
1807
- customPaging: function () {
1808
- return '<i class="fas fa-circle"></i>';
1809
- }
1810
- }
1811
-
1812
- },
1813
-
1814
- getSlickCols: function () {
1815
- var slickCols = this.getElementSettings(),
1816
- cols = slickCols.premium_blog_columns_number,
1817
- colsTablet = slickCols.premium_blog_columns_number_tablet,
1818
- colsMobile = slickCols.premium_blog_columns_number_mobile;
1819
-
1820
- return {
1821
- cols: parseInt(100 / cols.substr(0, cols.indexOf('%'))),
1822
- colsTablet: parseInt(100 / colsTablet.substr(0, colsTablet.indexOf('%'))),
1823
- colsMobile: parseInt(100 / colsMobile.substr(0, colsMobile.indexOf('%'))),
1824
- }
1825
-
1826
- },
1827
-
1828
- getIsoTopeSettings: function () {
1829
- return {
1830
- itemSelector: ".premium-blog-post-outer-container",
1831
- percentPosition: true,
1832
- filter: this.settings.activeCategory,
1833
- animationOptions: {
1834
- duration: 750,
1835
- easing: "linear",
1836
- queue: false
1837
- }
1838
- }
1839
- },
1840
-
1841
- filterTabs: function () {
1842
-
1843
- var _this = this,
1844
- selectors = this.getSettings('selectors'),
1845
- $filterLinks = this.elements.$filterLinks;
1846
-
1847
- $filterLinks.click(function (e) {
1848
-
1849
- e.preventDefault();
1850
-
1851
- _this.$element.find(selectors.activeElememnt).removeClass("active");
1852
-
1853
- $(this).addClass("active");
1854
-
1855
- //Get clicked tab slug
1856
- _this.settings.activeCategory = $(this).attr("data-filter");
1857
-
1858
- _this.settings.pageNumber = 1;
1859
-
1860
- if (_this.settings.infinite) {
1861
- _this.getPostsByAjax(false);
1862
- _this.settings.count = 2;
1863
- _this.getInfiniteScrollPosts();
1864
- } else {
1865
- //Make sure to reset pagination before sending our AJAX request
1866
- _this.getPostsByAjax(_this.settings.scrollAfter);
1867
- }
1868
-
1869
- });
1870
- },
1871
-
1872
- getPostsByAjax: function (shouldScroll) {
1873
-
1874
- //If filter tabs is not enabled, then always set category to all.
1875
- if ('undefined' === typeof this.settings.activeCategory) {
1876
- this.settings.activeCategory = '*';
1877
- }
1878
-
1879
- var _this = this,
1880
- $blogElement = this.elements.$blogElement,
1881
- selectors = this.getSettings('selectors');
1882
-
1883
- $.ajax({
1884
- url: PremiumSettings.ajaxurl,
1885
- dataType: 'json',
1886
- type: 'POST',
1887
- data: {
1888
- action: 'pa_get_posts',
1889
- page_id: $blogElement.data('page'),
1890
- widget_id: _this.$element.data('id'),
1891
- page_number: _this.settings.pageNumber,
1892
- category: _this.settings.activeCategory,
1893
- nonce: PremiumSettings.nonce,
1894
- },
1895
- beforeSend: function () {
1896
-
1897
- $blogElement.append('<div class="premium-loading-feed"><div class="premium-loader"></div></div>');
1898
-
1899
- if (shouldScroll) {
1900
- $('html, body').animate({
1901
- scrollTop: (($blogElement.offset().top) - 50)
1902
- }, 'slow');
1903
- }
1904
-
1905
- },
1906
- success: function (res) {
1907
- if (!res.data)
1908
- return;
1909
-
1910
- $blogElement.find(selectors.loading).remove();
1911
-
1912
- var posts = res.data.posts,
1913
- paging = res.data.paging;
1914
-
1915
- if (_this.settings.infinite) {
1916
- _this.settings.isLoaded = true;
1917
- if (_this.settings.filterTabs && _this.settings.pageNumber === 1) {
1918
- $blogElement.html(posts);
1919
- } else {
1920
- $blogElement.append(posts);
1921
- }
1922
- } else {
1923
- //Render the new markup into the widget
1924
- $blogElement.html(posts);
1925
-
1926
- _this.$element.find(".premium-blog-footer").html(paging);
1927
- }
1928
-
1929
- _this.removeMetaSeparators();
1930
-
1931
- //Make sure grid option is enabled.
1932
- if (_this.settings.layout) {
1933
- if ("even" === _this.settings.layout) {
1934
- if (_this.settings.equalHeight)
1935
- _this.forceEqualHeight();
1936
-
1937
- } else {
1938
-
1939
- $blogElement.imagesLoaded(function () {
1940
-
1941
- $blogElement.isotope('reloadItems');
1942
- $blogElement.isotope({
1943
- itemSelector: ".premium-blog-post-outer-container",
1944
- animate: false
1945
- });
1946
- });
1947
- }
1948
- }
1949
-
1950
- },
1951
- error: function (err) {
1952
- console.log(err);
1953
- }
1954
-
1955
- });
1956
- },
1957
-
1958
- getInfiniteScrollPosts: function () {
1959
- var windowHeight = jQuery(window).outerHeight() / 1.25,
1960
- _this = this;
1961
-
1962
- $(window).scroll(function () {
1963
-
1964
- if (_this.settings.filterTabs) {
1965
- $blogPost = _this.elements.$blogElement.find(".premium-blog-post-outer-container");
1966
- _this.settings.total = $blogPost.data('total');
1967
- }
1968
-
1969
- if (_this.settings.count <= _this.settings.total) {
1970
- if (($(window).scrollTop() + windowHeight) >= (_this.$element.find('.premium-blog-post-outer-container:last').offset().top)) {
1971
- if (true == _this.settings.isLoaded) {
1972
- _this.settings.pageNumber = _this.settings.count;
1973
- _this.getPostsByAjax(false);
1974
- _this.settings.count++;
1975
- _this.settings.isLoaded = false;
1976
- }
1977
-
1978
- }
1979
- }
1980
- });
1981
- },
1982
-
1983
- });
1984
-
1985
- /****** Premium Image Scroll Handler ******/
1986
- var PremiumImageScrollHandler = function ($scope, $) {
1987
- var scrollElement = $scope.find(".premium-image-scroll-container"),
1988
- scrollOverlay = scrollElement.find(".premium-image-scroll-overlay"),
1989
- scrollVertical = scrollElement.find(".premium-image-scroll-vertical"),
1990
- dataElement = scrollElement.data("settings"),
1991
- imageScroll = scrollElement.find("img"),
1992
- direction = dataElement["direction"],
1993
- reverse = dataElement["reverse"],
1994
- transformOffset = null;
1995
-
1996
- function startTransform() {
1997
- imageScroll.css("transform", (direction === "vertical" ? "translateY" : "translateX") + "( -" +
1998
- transformOffset + "px)");
1999
- }
2000
-
2001
- function endTransform() {
2002
- imageScroll.css("transform", (direction === "vertical" ? "translateY" : "translateX") + "(0px)");
2003
- }
2004
-
2005
- function setTransform() {
2006
- if (direction === "vertical") {
2007
- transformOffset = imageScroll.height() - scrollElement.height();
2008
- } else {
2009
- transformOffset = imageScroll.width() - scrollElement.width();
2010
- }
2011
- }
2012
- if (dataElement["trigger"] === "scroll") {
2013
- scrollElement.addClass("premium-container-scroll");
2014
- if (direction === "vertical") {
2015
- scrollVertical.addClass("premium-image-scroll-ver");
2016
- } else {
2017
- scrollElement.imagesLoaded(function () {
2018
- scrollOverlay.css({
2019
- width: imageScroll.width(),
2020
- height: imageScroll.height()
2021
- });
2022
- });
2023
- }
2024
- } else {
2025
- if (reverse === "yes") {
2026
- scrollElement.imagesLoaded(function () {
2027
- scrollElement.addClass("premium-container-scroll-instant");
2028
- setTransform();
2029
- startTransform();
2030
- });
2031
- }
2032
- if (direction === "vertical") {
2033
- scrollVertical.removeClass("premium-image-scroll-ver");
2034
- }
2035
- scrollElement.mouseenter(function () {
2036
- scrollElement.removeClass("premium-container-scroll-instant");
2037
- setTransform();
2038
- reverse === "yes" ? endTransform() : startTransform();
2039
- });
2040
- scrollElement.mouseleave(function () {
2041
- reverse === "yes" ? startTransform() : endTransform();
2042
- });
2043
- }
2044
- };
2045
-
2046
-
2047
- /****** Premium Contact Form 7 Handler ******/
2048
- var PremiumContactFormHandler = function ($scope, $) {
2049
-
2050
- var $contactForm = $scope.find(".premium-cf7-container");
2051
- var $input = $contactForm.find(
2052
- 'input[type="text"], input[type="email"], textarea, input[type="password"], input[type="date"], input[type="number"], input[type="tel"], input[type="file"], input[type="url"]'
2053
- );
2054
-
2055
- $input.wrap("<span class='wpcf7-span'>");
2056
-
2057
- $input.on("focus blur", function () {
2058
- $(this).closest(".wpcf7-span").toggleClass("is-focused");
2059
- });
2060
- };
2061
-
2062
- /****** Premium Team Members Handler ******/
2063
- var PremiumTeamMembersHandler = ModuleHandler.extend({
2064
-
2065
- getDefaultSettings: function () {
2066
-
2067
- return {
2068
- slick: {
2069
- infinite: true,
2070
- rows: 0,
2071
- prevArrow: '<a type="button" data-role="none" class="carousel-arrow carousel-prev" aria-label="Next" role="button" style=""><i class="fas fa-angle-left" aria-hidden="true"></i></a>',
2072
- nextArrow: '<a type="button" data-role="none" class="carousel-arrow carousel-next" aria-label="Next" role="button" style=""><i class="fas fa-angle-right" aria-hidden="true"></i></a>',
2073
- draggable: true,
2074
- pauseOnHover: true,
2075
- },
2076
- selectors: {
2077
- multiplePersons: '.multiple-persons',
2078
- person: '.premium-person-container',
2079
- personCarousel: '.premium-person-container.slick-active',
2080
- personImg: '.premium-person-image-container img',
2081
-
2082
- }
2083
- }
2084
- },
2085
-
2086
- getDefaultElements: function () {
2087
-
2088
- var selectors = this.getSettings('selectors');
2089
-
2090
- return {
2091
- $multiplePersons: this.$element.find(selectors.multiplePersons),
2092
- $persons: this.$element.find(selectors.person),
2093
- $personImg: this.$element.find(selectors.personImg),
2094
- }
2095
-
2096
- },
2097
- bindEvents: function () {
2098
- this.run();
2099
- },
2100
- getSlickSettings: function () {
2101
-
2102
- var settings = this.getElementSettings(),
2103
- rtl = this.elements.$multiplePersons.data("rtl"),
2104
- colsNumber = settings.persons_per_row,
2105
- colsTablet = settings.persons_per_row_tablet,
2106
- colsMobile = settings.persons_per_row_mobile;
2107
-
2108
- return Object.assign(this.getSettings('slick'), {
2109
-
2110
- slidesToShow: parseInt(100 / colsNumber.substr(0, colsNumber.indexOf('%'))),
2111
- slidesToScroll: parseInt(100 / colsNumber.substr(0, colsNumber.indexOf('%'))),
2112
- responsive: [{
2113
- breakpoint: 1025,
2114
- settings: {
2115
- slidesToShow: parseInt(100 / colsTablet.substr(0, colsTablet.indexOf('%'))),
2116
- slidesToScroll: 1
2117
- }
2118
- },
2119
- {
2120
- breakpoint: 768,
2121
- settings: {
2122
- slidesToShow: parseInt(100 / colsMobile.substr(0, colsMobile.indexOf('%'))),
2123
- slidesToScroll: 1
2124
- }
2125
- }
2126
- ],
2127
- autoplay: settings.carousel_play,
2128
- rtl: rtl ? true : false,
2129
- autoplaySpeed: settings.speed || 5000,
2130
-
2131
- });
2132
-
2133
-
2134
- },
2135
-
2136
- runEqualHeight: function () {
2137
-
2138
- var $persons = this.elements.$persons,
2139
- $personImg = this.elements.$personImg;
2140
-
2141
- var selectors = this.getSettings('selectors'),
2142
- carousel = this.getElementSettings('carousel'),
2143
- heights = new Array();
2144
-
2145
- if (carousel) {
2146
- $persons = this.$element.find(selectors.personCarousel);
2147
- }
2148
-
2149
- $persons.each(function (index, person) {
2150
- $(person).imagesLoaded(function () { }).done(function () {
2151
-
2152
- var imageHeight = $(person).find(selectors.personImg).outerHeight();
2153
-
2154
- heights.push(imageHeight);
2155
- });
2156
- });
2157
-
2158
- $persons.imagesLoaded(function () { }).done(function () {
2159
- var maxHeight = Math.max.apply(null, heights);
2160
- $personImg.css("height", maxHeight + "px");
2161
- });
2162
-
2163
- },
2164
-
2165
- run: function () {
2166
-
2167
- var $multiplePersons = this.elements.$multiplePersons,
2168
- _this = this;
2169
-
2170
- if (!$multiplePersons.length) return;
2171
-
2172
- if ("yes" === $multiplePersons.data("persons-equal")) {
2173
- this.runEqualHeight();
2174
- }
2175
-
2176
- var carousel = this.getElementSettings('carousel');
2177
-
2178
- if (carousel)
2179
- $multiplePersons.slick(this.getSlickSettings());
2180
-
2181
- }
2182
-
2183
- });
2184
-
2185
- /****** Premium Title Handler ******/
2186
- var PremiumTitleHandler = function ($scope, $) {
2187
-
2188
- var $titleContainer = $scope.find(".premium-title-container"),
2189
- $titleElement = $titleContainer.find('.premium-title-text');
2190
-
2191
- if ($titleContainer.hasClass('style9')) {
2192
- var $style9 = $scope.find(".premium-title-style9");
2193
-
2194
- $style9.each(function () {
2195
- var elm = $(this);
2196
- var holdTime = elm.attr('data-blur-delay') * 1000;
2197
- elm.attr('data-animation-blur', 'process')
2198
- elm.find('.premium-title-style9-letter').each(function (index, letter) {
2199
- index += 1;
2200
- var animateDelay;
2201
- if ($('body').hasClass('rtl')) {
2202
- animateDelay = 0.2 / index + 's';
2203
- } else {
2204
- animateDelay = index / 20 + 's';
2205
- }
2206
- $(letter).css({
2207
- '-webkit-animation-delay': animateDelay,
2208
- 'animation-delay': animateDelay
2209
- });
2210
- })
2211
- setInterval(function () {
2212
- elm.attr('data-animation-blur', 'done')
2213
- setTimeout(function () {
2214
- elm.attr('data-animation-blur', 'process')
2215
- }, 150);
2216
- }, holdTime);
2217
- });
2218
- }
2219
-
2220
-
2221
- if ($titleContainer.hasClass('style8')) {
2222
-
2223
- var holdTime = $titleElement.attr('data-shiny-delay') * 1000,
2224
- duration = $titleElement.attr('data-shiny-dur') * 1000;
2225
-
2226
- function shinyEffect() {
2227
- $titleElement.get(0).setAttribute('data-animation', 'shiny');
2228
- setTimeout(function () {
2229
- $titleElement.removeAttr('data-animation')
2230
- }, duration);
2231
- }
2232
-
2233
- (function repeat() {
2234
- shinyEffect();
2235
- setTimeout(repeat, holdTime);
2236
- })();
2237
- }
2238
-
2239
- };
2240
-
2241
- /****** Premium Bullet List Handler ******/
2242
- var PremiumBulletListHandler = function ($scope, $) {
2243
-
2244
- var $listItems = $scope.find(".premium-bullet-list-box"),
2245
- items = $listItems.find(".premium-bullet-list-content");
2246
-
2247
- items.each(function (index, item) {
2248
-
2249
- if ($listItems.data("list-animation") && " " != $listItems.data("list-animation")) {
2250
- elementorFrontend.waypoint($(item), function () {
2251
-
2252
- var element = $(item),
2253
- delay = element.data('delay');
2254
-
2255
- setTimeout(function () {
2256
- element.next('.premium-bullet-list-divider , .premium-bullet-list-divider-inline').css("opacity", "1");
2257
- element.next('.premium-bullet-list-divider-inline , .premium-bullet-list-divider').addClass("animated " + $listItems.data("list-animation"));
2258
-
2259
- element.css("opacity", "1").addClass("animated " + $listItems.data("list-animation"));
2260
- }, delay);
2261
-
2262
- });
2263
- }
2264
-
2265
- });
2266
- };
2267
-
2268
- /****** Premium Grow Effect Handler ******/
2269
- var PremiumButtonHandler = function ($scope, $) {
2270
-
2271
- var $btnGrow = $scope.find('.premium-button-style6-bg');
2272
-
2273
- if ($btnGrow.length !== 0 && $scope.hasClass('premium-mouse-detect-yes')) {
2274
- $scope.on('mouseenter mouseleave', '.premium-button-style6', function (e) {
2275
-
2276
- var parentOffset = $(this).offset(),
2277
- left = e.pageX - parentOffset.left,
2278
- top = e.pageY - parentOffset.top;
2279
-
2280
- $btnGrow.css({
2281
- top: top,
2282
- left: left,
2283
- });
2284
-
2285
- });
2286
- }
2287
-
2288
- };
2289
-
2290
- var PremiumMaskHandler = function ($scope, $) {
2291
- var mask = $scope.hasClass('premium-mask-yes');
2292
-
2293
- if (!mask) return;
2294
-
2295
- if ('premium-addon-title.default' === $scope.data('widget_type')) {
2296
- var target = '.premium-title-header';
2297
- $scope.find(target).find('.premium-title-icon, .premium-title-img').addClass('premium-mask-span');
2298
- } else {
2299
- var target = '.premium-dual-header-first-header';
2300
- }
2301
-
2302
- $scope.find(target).find('span:not(.premium-title-style7-stripe-wrap):not(.premium-title-img)').each(function (index, span) {
2303
- var html = '';
2304
-
2305
- $(this).text().split(' ').forEach(function (item) {
2306
- if ('' !== item) {
2307
- html += ' <span class="premium-mask-span">' + item + '</span>';
2308
- }
2309
- });
2310
-
2311
- $(this).text('').append(html);
2312
- });
2313
-
2314
- elementorFrontend.waypoint($scope, function () {
2315
- $($scope).addClass('premium-mask-active');
2316
- });
2317
- };
2318
-
2319
- /**Premium Nav Menu */
2320
- var PremiumNavMenuHandler = function ($scope, $) {
2321
- var $menuContainer = $scope.find('.premium-mobile-menu'),
2322
- $menuToggler = $scope.find('.premium-hamburger-toggle'),
2323
- $hamMenuCloser = $scope.find('.premium-mobile-menu-close'),
2324
- settings = $scope.find('.premium-nav-widget-container').data('settings');
2325
-
2326
- if (!settings) {
2327
- return;
2328
- }
2329
-
2330
- if ('slide' === settings.mobileLayout || 'slide' === settings.mainLayout) {
2331
- $scope.addClass('premium-ver-hamburger-menu');
2332
- }
2333
-
2334
- checkBreakPoint(settings);
2335
-
2336
- $hamMenuCloser.on('click', function () {
2337
- $scope.find('.premium-mobile-menu-outer-container, .premium-nav-slide-overlay').removeClass('premium-vertical-toggle-open');
2338
- });
2339
-
2340
- $menuToggler.on('click', function () {
2341
- if ('slide' === settings.mobileLayout || 'slide' === settings.mainLayout) {
2342
- $scope.find('.premium-mobile-menu-outer-container, .premium-nav-slide-overlay').addClass('premium-vertical-toggle-open');
2343
- } else {
2344
- $menuContainer.toggleClass('premium-active-menu');
2345
- }
2346
-
2347
- $menuToggler.toggleClass('premium-toggle-opened');
2348
- });
2349
-
2350
- $menuContainer.find('.premium-nav-menu-item.menu-item-has-children a, .premium-mega-nav-item a').on('click', function (e) {
2351
-
2352
- if ($(this).find(".premium-dropdown-icon").length < 1)
2353
- return;
2354
-
2355
- var $parent = $(this).parent(".premium-nav-menu-item");
2356
-
2357
- e.stopPropagation();
2358
- e.preventDefault();
2359
-
2360
- //If it was opened, then close it.
2361
- if ($parent.hasClass('premium-active-menu')) {
2362
-
2363
- $parent.removeClass('premium-active-menu');
2364
-
2365
- } else {
2366
- //Close any other opened items.
2367
- $menuContainer.find('.premium-active-menu').toggleClass('premium-active-menu');
2368
- //Then, open this item.
2369
- $parent.toggleClass('premium-active-menu');
2370
- }
2371
-
2372
- // make sure the parent node is always open whenever the child node is opened.
2373
- // $(this).parents('.premium-nav-menu-item.menu-item-has-children').toggleClass('premium-active-menu');
2374
- });
2375
-
2376
- // $(window).on('resize', function () {
2377
- // $menuToggler.removeClass('premium-toggle-opened');
2378
- // checkBreakPoint(settings);
2379
- // });
2380
-
2381
- $(document).on('click', '.premium-nav-slide-overlay', function () {
2382
- $scope.find('.premium-mobile-menu-outer-container, .premium-nav-slide-overlay').removeClass('premium-vertical-toggle-open');
2383
- });
2384
-
2385
- function checkBreakPoint(settings) {
2386
- if (settings.breakpoint >= $(window).width()) {
2387
-
2388
- $scope.addClass('premium-hamburger-menu');
2389
- $scope.find('.premium-active-menu').removeClass('premium-active-menu');
2390
-
2391
- stretchDropdown($scope.find('.premium-stretch-dropdown .premium-mobile-menu-container'));
2392
-
2393
- } else {
2394
- $scope.removeClass('premium-hamburger-menu');
2395
- $scope.find('.premium-vertical-toggle-open').removeClass('premium-vertical-toggle-open');
2396
- $scope.find('.premium-nav-default').removeClass('premium-nav-default');
2397
- }
2398
- }
2399
-
2400
- function stretchDropdown($menu) {
2401
-
2402
- var $sectionContainer = $($scope).closest('.elementor-top-section'),
2403
- width = $($sectionContainer).width(),
2404
- top = $scope.find('.premium-nav-widget-container').outerHeight(),
2405
- left = width - $scope.find('.premium-stretch-dropdown').width() - 10;
2406
-
2407
- $($menu).css({
2408
- width: width + 'px',
2409
- left: '-' + left + 'px',
2410
- top: top + 'px',
2411
- });
2412
- }
2413
- };
2414
-
2415
- var functionalHandlers = {
2416
- 'premium-addon-dual-header.default': PremiumMaskHandler,
2417
- 'premium-addon-video-box.default': PremiumVideoBoxWidgetHandler,
2418
- 'premium-addon-fancy-text.default': PremiumFancyTextHandler,
2419
- 'premium-counter.default': PremiumCounterHandler,
2420
- 'premium-addon-title.default': [PremiumTitleHandler, PremiumMaskHandler],
2421
- 'premium-countdown-timer.default': PremiumCountDownHandler,
2422
- 'premium-carousel-widget.default': PremiumCarouselHandler,
2423
- 'premium-addon-modal-box.default': PremiumModalBoxHandler,
2424
- 'premium-image-scroll.default': PremiumImageScrollHandler,
2425
- 'premium-contact-form.default': PremiumContactFormHandler,
2426
- 'premium-icon-list.default': PremiumBulletListHandler,
2427
- 'premium-addon-button.default': PremiumButtonHandler,
2428
- 'premium-addon-image-button.default': PremiumButtonHandler,
2429
- 'premium-nav-menu.default': PremiumNavMenuHandler
2430
- };
2431
-
2432
- var classHandlers = {
2433
- 'premium-addon-person': PremiumTeamMembersHandler,
2434
- 'premium-addon-blog': PremiumBlogHandler,
2435
- 'premium-img-gallery': PremiumGridWidgetHandler,
2436
- 'premium-addon-banner': PremiumBannerHandler,
2437
- };
2438
-
2439
- $.each(functionalHandlers, function (elemName, func) {
2440
- if ('object' === typeof func) {
2441
- $.each(func, function (index, handler) {
2442
- elementorFrontend.hooks.addAction('frontend/element_ready/' + elemName, handler);
2443
- })
2444
- } else {
2445
- elementorFrontend.hooks.addAction('frontend/element_ready/' + elemName, func);
2446
- }
2447
-
2448
- });
2449
-
2450
- $.each(classHandlers, function (elemName, clas) {
2451
- elementorFrontend.elementsHandler.attachHandler(elemName, clas);
2452
- });
2453
-
2454
-
2455
- if (elementorFrontend.isEditMode()) {
2456
- elementorFrontend.hooks.addAction("frontend/element_ready/premium-addon-progressbar.default", PremiumProgressBarWidgetHandler);
2457
- } else {
2458
- elementorFrontend.hooks.addAction("frontend/element_ready/premium-addon-progressbar.default", PremiumProgressBarScrollWidgetHandler);
2459
- }
2460
- });
1
+ (function ($) {
2
+
3
+ $(window).on('elementor/frontend/init', function () {
4
+ var ModuleHandler = elementorModules.frontend.handlers.Base;
5
+
6
+ /****** Premium Progress Bar Handler ******/
7
+ var PremiumProgressBarWidgetHandler = function ($scope, trigger) {
8
+
9
+ var $progressbarElem = $scope.find(".premium-progressbar-container"),
10
+ settings = $progressbarElem.data("settings"),
11
+ length = settings.progress_length,
12
+ speed = settings.speed,
13
+ type = settings.type;
14
+
15
+
16
+ if ("line" === type) {
17
+
18
+ var $progressbar = $progressbarElem.find(".premium-progressbar-bar");
19
+
20
+ if (settings.gradient)
21
+ $progressbar.css("background", "linear-gradient(-45deg, " + settings.gradient + ")");
22
+
23
+ $progressbar.animate({
24
+ width: length + "%"
25
+ }, speed);
26
+
27
+ } else if ("circle" === type || "half-circle" === type) {
28
+ if (length > 100)
29
+ length = 100;
30
+
31
+ var degreesFactor = 1.8 * (elementorFrontend.config.is_rtl ? -1 : 1);
32
+
33
+ $progressbarElem.find(".premium-progressbar-hf-circle-progress").css({
34
+ transform: "rotate(" + length * degreesFactor + "deg)",
35
+ });
36
+
37
+ $progressbarElem.prop({
38
+ 'counter': 0
39
+ }).animate({
40
+ counter: length
41
+ }, {
42
+ duration: speed,
43
+ easing: 'linear',
44
+ step: function (counter) {
45
+ var rotate = (counter * 3.6);
46
+
47
+ $progressbarElem.find(".premium-progressbar-right-label").text(Math.ceil(counter) + "%");
48
+
49
+
50
+ if ('circle' === type && rotate > 180) {
51
+
52
+ $progressbarElem.find(".premium-progressbar-circle-left").css('transform', "rotate(" + rotate + "deg)");
53
+
54
+ $progressbarElem.find(".premium-progressbar-circle").css({
55
+ '-webkit-clip-path': 'inset(0)',
56
+ 'clip-path': 'inset(0)',
57
+ });
58
+
59
+ $progressbarElem.find(".premium-progressbar-circle-right").css('visibility', 'visible');
60
+ }
61
+ }
62
+ });
63
+
64
+ } else {
65
+
66
+ var $progressbar = $progressbarElem.find(".premium-progressbar-bar-wrap"),
67
+ width = $progressbarElem.outerWidth(),
68
+ dotSize = settings.dot || 25,
69
+ dotSpacing = settings.spacing || 10,
70
+ numberOfCircles = Math.ceil(width / (dotSize + dotSpacing)),
71
+ circlesToFill = numberOfCircles * (length / 100),
72
+ numberOfTotalFill = Math.floor(circlesToFill),
73
+ fillPercent = 100 * (circlesToFill - numberOfTotalFill);
74
+
75
+ $progressbar.attr('data-circles', numberOfCircles);
76
+ $progressbar.attr('data-total-fill', numberOfTotalFill);
77
+ $progressbar.attr('data-partial-fill', fillPercent);
78
+
79
+ var className = "progress-segment";
80
+ for (var i = 0; i < numberOfCircles; i++) {
81
+ className = "progress-segment";
82
+ var innerHTML = '';
83
+
84
+ if (i < numberOfTotalFill) {
85
+ innerHTML = "<div class='segment-inner'></div>";
86
+ } else if (i === numberOfTotalFill) {
87
+
88
+ innerHTML = "<div class='segment-inner'></div>";
89
+ }
90
+
91
+ $progressbar.append("<div class='" + className + "'>" + innerHTML + "</div>");
92
+
93
+ }
94
+
95
+ if ("frontend" !== trigger) {
96
+ PremiumProgressDotsHandler($scope);
97
+ }
98
+
99
+ }
100
+
101
+ };
102
+
103
+ var PremiumProgressDotsHandler = function ($scope) {
104
+
105
+ var $progressbarElem = $scope.find(".premium-progressbar-container"),
106
+ settings = $progressbarElem.data("settings"),
107
+ $progressbar = $scope.find(".premium-progressbar-bar-wrap"),
108
+ data = $progressbar.data(),
109
+ speed = settings.speed,
110
+ increment = 0;
111
+
112
+ var numberOfTotalFill = data.totalFill,
113
+ numberOfCircles = data.circles,
114
+ fillPercent = data.partialFill;
115
+
116
+ dotIncrement(increment);
117
+
118
+ function dotIncrement(inc) {
119
+
120
+ var $dot = $progressbar.find(".progress-segment").eq(inc),
121
+ dotWidth = 100;
122
+
123
+ if (inc === numberOfTotalFill)
124
+ dotWidth = fillPercent
125
+
126
+ $dot.find(".segment-inner").animate({
127
+ width: dotWidth + '%'
128
+ }, speed / numberOfCircles, function () {
129
+ increment++;
130
+ if (increment <= numberOfTotalFill) {
131
+ dotIncrement(increment);
132
+ }
133
+
134
+ });
135
+ }
136
+ };
137
+
138
+ /****** Premium Progress Bar Scroll Handler *****/
139
+ var PremiumProgressBarScrollWidgetHandler = function ($scope, $) {
140
+
141
+ var $progressbarElem = $scope.find(".premium-progressbar-container"),
142
+ settings = $progressbarElem.data("settings"),
143
+ type = settings.type;
144
+
145
+ if ("dots" === type) {
146
+ PremiumProgressBarWidgetHandler($scope, "frontend");
147
+ }
148
+
149
+ elementorFrontend.waypoint($scope, function () {
150
+ if ("dots" !== type) {
151
+ PremiumProgressBarWidgetHandler($(this));
152
+ } else {
153
+ PremiumProgressDotsHandler($(this));
154
+ }
155
+
156
+ });
157
+ };
158
+
159
+ /****** Premium Video Box Handler ******/
160
+ var PremiumVideoBoxWidgetHandler = function ($scope, $) {
161
+
162
+ var $videoBoxElement = $scope.find(".premium-video-box-container"),
163
+ $videoListElement = $scope.find(".premium-video-box-playlist-container"),
164
+ $videoContainer = $videoBoxElement.find(".premium-video-box-video-container"), //should be clicked
165
+ $videoInnerContainer = $videoBoxElement.find('.premium-video-box-inner-wrap'),
166
+ $videoImageContainer = $videoInnerContainer.find('.premium-video-box-image-container'),
167
+ type = $videoBoxElement.data("type"),
168
+ thumbnail = $videoBoxElement.data("thumbnail"),
169
+ sticky = $videoBoxElement.data('sticky'),
170
+ stickyOnPlay = $videoBoxElement.data('sticky-play'),
171
+ hoverEffect = $videoBoxElement.data('hover'),
172
+ $lighboxContainer = $videoListElement.length ? $videoListElement : $videoBoxElement,
173
+ lightBox = $lighboxContainer.data('lightbox') ? $lighboxContainer.data('lightbox') : false,
174
+ video, vidSrc;
175
+
176
+ if (lightBox) {
177
+
178
+ if ('prettyphoto' === lightBox.type) {
179
+ $lighboxContainer.find(".premium-vid-lightbox-container[data-rel^='prettyPhoto']").prettyPhoto(getPrettyPhotoSettings(lightBox.theme));
180
+ }
181
+
182
+ $lighboxContainer.find('.premium-video-box-image-container, .premium-video-box-play-icon-container').on('click', function (e) {
183
+ triggerLightbox($lighboxContainer, lightBox.type);
184
+ });
185
+
186
+ } else {
187
+ // Youtube playlist option.
188
+ if ($videoListElement.length) {
189
+
190
+ //Make sure that video were pulled from the API.
191
+ if (!$videoContainer.length)
192
+ return;
193
+
194
+ $videoContainer.each(function (index, item) {
195
+
196
+ var vidSrc,
197
+ $videoContainer = $(item),
198
+ $videoBoxElement = $videoContainer.closest(".premium-video-box-container"),
199
+ $trigger = $videoContainer.closest(".premium-video-box-trigger");
200
+
201
+ vidSrc = $videoContainer.data("src");
202
+ vidSrc = vidSrc + "&autoplay=1";
203
+
204
+ $trigger.on("click", function () {
205
+
206
+ var $iframe = $("<iframe/>");
207
+
208
+ $iframe.attr({
209
+ "src": vidSrc,
210
+ "frameborder": "0",
211
+ "allowfullscreen": "1",
212
+ "allow": "autoplay;encrypted-media;"
213
+ });
214
+ $videoContainer.css("background", "#000");
215
+ $videoContainer.html($iframe);
216
+
217
+ $videoBoxElement.find(
218
+ ".premium-video-box-image-container, .premium-video-box-play-icon-container"
219
+ ).remove();
220
+
221
+ });
222
+
223
+ });
224
+
225
+ return;
226
+ }
227
+
228
+ if ("self" === type) {
229
+
230
+ video = $videoContainer.find("video");
231
+ vidSrc = video.attr("src");
232
+
233
+ } else {
234
+
235
+ vidSrc = $videoContainer.data("src");
236
+
237
+ if (!thumbnail || -1 !== vidSrc.indexOf("autoplay=1")) {
238
+
239
+ //Check if Autoplay on viewport option is enabled
240
+ if ($videoBoxElement.data("play-viewport")) {
241
+ elementorFrontend.waypoint($videoBoxElement, function () {
242
+ playVideo();
243
+ });
244
+ } else {
245
+ playVideo();
246
+ }
247
+
248
+ } else {
249
+ vidSrc = vidSrc + "&autoplay=1";
250
+ }
251
+
252
+ }
253
+
254
+ $videoBoxElement.on("click", function () {
255
+ playVideo();
256
+ });
257
+
258
+ if ("yes" !== sticky || "yes" === stickyOnPlay)
259
+ return;
260
+
261
+ stickyOption();
262
+ }
263
+
264
+ function playVideo() {
265
+
266
+ if ($videoBoxElement.hasClass("playing")) return;
267
+
268
+ $videoBoxElement.addClass("playing");
269
+
270
+ if (stickyOnPlay === 'yes')
271
+ stickyOption();
272
+
273
+ if ("self" === type) {
274
+
275
+ $(video).get(0).play();
276
+
277
+ $videoContainer.css({
278
+ opacity: "1",
279
+ visibility: "visible"
280
+ });
281
+
282
+ } else {
283
+
284
+ var $iframe = $("<iframe/>");
285
+
286
+ $iframe.attr({
287
+ "src": vidSrc,
288
+ "frameborder": "0",
289
+ "allowfullscreen": "1",
290
+ "allow": "autoplay;encrypted-media;"
291
+ });
292
+ $videoContainer.css("background", "#000");
293
+ $videoContainer.html($iframe);
294
+ }
295
+
296
+ $videoBoxElement.find(
297
+ ".premium-video-box-image-container, .premium-video-box-play-icon-container, .premium-video-box-description-container"
298
+ ).remove();
299
+
300
+ if ("vimeo" === type)
301
+ $videoBoxElement.find(".premium-video-box-vimeo-wrap").remove();
302
+ }
303
+
304
+ function triggerLightbox($container, type) {
305
+ if ('elementor' === type) {
306
+ $container.find('.premium-video-box-video-container').click();
307
+ } else {
308
+ $container.find(".premium-vid-lightbox-container[data-rel^='prettyPhoto']").click();
309
+ }
310
+ }
311
+
312
+ function stickyOption() {
313
+
314
+ var stickyDesktop = $videoBoxElement.data('hide-desktop'),
315
+ stickyTablet = $videoBoxElement.data('hide-tablet'),
316
+ stickyMobile = $videoBoxElement.data('hide-mobile'),
317
+ stickyMargin = $videoBoxElement.data('sticky-margin');
318
+
319
+ $videoBoxElement.off('click').on('click', function (e) {
320
+ // if ('yes' === sticky) {
321
+ var stickyTarget = e.target.className;
322
+ if ((stickyTarget.toString().indexOf('premium-video-box-sticky-close') >= 0) || (stickyTarget.toString().indexOf('premium-video-box-sticky-close') >= 0)) {
323
+ return false;
324
+ }
325
+ // }
326
+ playVideo();
327
+
328
+ });
329
+
330
+ //Make sure Elementor Waypoint is defined
331
+ if (typeof elementorFrontend.waypoint !== 'undefined') {
332
+
333
+ var stickyWaypoint = elementorFrontend.waypoint(
334
+ $videoBoxElement,
335
+ function (direction) {
336
+ if ('down' === direction) {
337
+
338
+ $videoBoxElement.removeClass('premium-video-box-sticky-hide').addClass('premium-video-box-sticky-apply premium-video-box-filter-sticky');
339
+
340
+ //Fix conflict with Elementor motion effects
341
+ if ($scope.hasClass("elementor-motion-effects-parent")) {
342
+ $scope.removeClass("elementor-motion-effects-perspective").find(".elementor-widget-container").addClass("premium-video-box-transform");
343
+ }
344
+
345
+ if ($videoBoxElement.data("mask")) {
346
+ //Fix Sticky position issue when drop-shadow is applied
347
+ $scope.find(".premium-video-box-mask-filter").removeClass("premium-video-box-mask-filter");
348
+
349
+ $videoBoxElement.find(':first-child').removeClass('premium-video-box-mask-media');
350
+
351
+ $videoImageContainer.removeClass(hoverEffect).removeClass('premium-video-box-mask-media').css({
352
+ 'transition': 'width 0.2s, height 0.2s',
353
+ '-webkit-transition': 'width 0.2s, height 0.2s'
354
+ });
355
+ }
356
+
357
+ $(document).trigger('premium_after_sticky_applied', [$scope]);
358
+
359
+ // Entrance Animation Option
360
+ if ($videoInnerContainer.data("video-animation") && " " != $videoInnerContainer.data("video-animation")) {
361
+ $videoInnerContainer.css("opacity", "0");
362
+ var animationDelay = $videoInnerContainer.data('delay-animation');
363
+ setTimeout(function () {
364
+
365
+ $videoInnerContainer.css("opacity", "1").addClass("animated " + $videoInnerContainer.data("video-animation"));
366
+
367
+ }, animationDelay * 1000);
368
+ }
369
+
370
+ } else {
371
+
372
+ $videoBoxElement.removeClass('premium-video-box-sticky-apply premium-video-box-filter-sticky').addClass('premium-video-box-sticky-hide');
373
+
374
+ //Fix conflict with Elementor motion effects
375
+ if ($scope.hasClass("elementor-motion-effects-parent")) {
376
+ $scope.addClass("elementor-motion-effects-perspective").find(".elementor-widget-container").removeClass("premium-video-box-transform");
377
+ }
378
+
379
+ if ($videoBoxElement.data("mask")) {
380
+ //Fix Sticky position issue when drop-shadow is applied
381
+ $videoBoxElement.parent().addClass("premium-video-box-mask-filter");
382
+
383
+ $videoBoxElement.find(':first-child').eq(0).addClass('premium-video-box-mask-media');
384
+ $videoImageContainer.addClass('premium-video-box-mask-media');
385
+ }
386
+
387
+ $videoImageContainer.addClass(hoverEffect).css({
388
+ 'transition': 'all 0.2s',
389
+ '-webkit-transition': 'all 0.2s'
390
+ });
391
+
392
+ $videoInnerContainer.removeClass("animated " + $videoInnerContainer.data("video-animation"));
393
+ }
394
+ }, {
395
+ offset: 0 + '%',
396
+ triggerOnce: false
397
+ }
398
+ );
399
+ }
400
+
401
+ var closeBtn = $scope.find('.premium-video-box-sticky-close');
402
+
403
+ closeBtn.off('click.closetrigger').on('click.closetrigger', function (e) {
404
+ e.stopPropagation();
405
+ stickyWaypoint[0].disable();
406
+
407
+ $videoBoxElement.removeClass('premium-video-box-sticky-apply premium-video-box-sticky-hide');
408
+
409
+ //Fix conflict with Elementor motion effects
410
+ if ($scope.hasClass("elementor-motion-effects-parent")) {
411
+ $scope.addClass("elementor-motion-effects-perspective").find(".elementor-widget-container").removeClass("premium-video-box-transform");
412
+ }
413
+
414
+ if ($videoBoxElement.data("mask")) {
415
+ //Fix Sticky position issue when drop-shadow is applied
416
+ $videoBoxElement.parent().addClass("premium-video-box-mask-filter");
417
+
418
+ //Necessary classes for mask shape option
419
+ $videoBoxElement.find(':first-child').eq(0).addClass('premium-video-box-mask-media');
420
+ $videoImageContainer.addClass('premium-video-box-mask-media');
421
+ }
422
+
423
+
424
+ });
425
+
426
+ checkResize(stickyWaypoint);
427
+
428
+ checkScroll();
429
+
430
+ window.addEventListener("scroll", checkScroll);
431
+
432
+ $(window).resize(function (e) {
433
+ checkResize(stickyWaypoint);
434
+ });
435
+
436
+ function checkResize(stickyWaypoint) {
437
+ var currentDeviceMode = elementorFrontend.getCurrentDeviceMode();
438
+
439
+ if ('' !== stickyDesktop && currentDeviceMode == stickyDesktop) {
440
+ disableSticky(stickyWaypoint);
441
+ } else if ('' !== stickyTablet && currentDeviceMode == stickyTablet) {
442
+ disableSticky(stickyWaypoint);
443
+ } else if ('' !== stickyMobile && currentDeviceMode == stickyMobile) {
444
+ disableSticky(stickyWaypoint);
445
+ } else {
446
+ stickyWaypoint[0].enable();
447
+ }
448
+ }
449
+
450
+ function disableSticky(stickyWaypoint) {
451
+ stickyWaypoint[0].disable();
452
+ $videoBoxElement.removeClass('premium-video-box-sticky-apply premium-video-box-sticky-hide');
453
+ }
454
+
455
+ function checkScroll() {
456
+ if ($videoBoxElement.hasClass('premium-video-box-sticky-apply')) {
457
+ $videoInnerContainer.draggable({
458
+ start: function () {
459
+ $(this).css({
460
+ transform: "none",
461
+ top: $(this).offset().top + "px",
462
+ left: $(this).offset().left + "px"
463
+ });
464
+ },
465
+ containment: 'window'
466
+ });
467
+ }
468
+ }
469
+
470
+ $(document).on('premium_after_sticky_applied', function (e, $scope) {
471
+ var infobar = $scope.find('.premium-video-box-sticky-infobar');
472
+
473
+ if (0 !== infobar.length) {
474
+ var infobarHeight = infobar.outerHeight();
475
+
476
+ if ($scope.hasClass('premium-video-sticky-center-left') || $scope.hasClass('premium-video-sticky-center-right')) {
477
+ infobarHeight = Math.ceil(infobarHeight / 2);
478
+ $videoInnerContainer.css('top', 'calc( 50% - ' + infobarHeight + 'px )');
479
+ }
480
+
481
+ if ($scope.hasClass('premium-video-sticky-bottom-left') || $scope.hasClass('premium-video-sticky-bottom-right')) {
482
+ if ('' !== stickyMargin) {
483
+ infobarHeight = Math.ceil(infobarHeight);
484
+ var stickBottom = infobarHeight + stickyMargin;
485
+ $videoInnerContainer.css('bottom', stickBottom);
486
+ }
487
+ }
488
+ }
489
+ });
490
+
491
+ }
492
+
493
+ function getPrettyPhotoSettings(theme) {
494
+ return {
495
+ theme: theme,
496
+ hook: "data-rel",
497
+ opacity: 0.7,
498
+ show_title: false,
499
+ deeplinking: false,
500
+ overlay_gallery: true,
501
+ custom_markup: "",
502
+ default_width: 900,
503
+ default_height: 506,
504
+ social_tools: ""
505
+ };
506
+ }
507
+ };
508
+
509
+ /****** Premium Media Grid Handler ******/
510
+ var PremiumGridWidgetHandler = ModuleHandler.extend({
511
+
512
+ settings: {},
513
+
514
+ getDefaultSettings: function () {
515
+ return {
516
+ selectors: {
517
+ galleryElement: '.premium-gallery-container',
518
+ filters: '.premium-gallery-cats-container li',
519
+ gradientLayer: '.premium-gallery-gradient-layer',
520
+ loadMore: '.premium-gallery-load-more',
521
+ loadMoreDiv: '.premium-gallery-load-more div',
522
+ vidWrap: '.premium-gallery-video-wrap',
523
+ }
524
+ }
525
+ },
526
+
527
+ getDefaultElements: function () {
528
+
529
+ var selectors = this.getSettings('selectors'),
530
+ elements = {
531
+ $galleryElement: this.$element.find(selectors.galleryElement),
532
+ $filters: this.$element.find(selectors.filters),
533
+ $gradientLayer: this.$element.find(selectors.gradientLayer),
534
+ $vidWrap: this.$element.find(selectors.vidWrap)
535
+ };
536
+
537
+ elements.$loadMore = elements.$galleryElement.parent().find(selectors.loadMore)
538
+ elements.$loadMoreDiv = elements.$galleryElement.parent().find(selectors.loadMoreDiv)
539
+
540
+ return elements;
541
+ },
542
+
543
+ bindEvents: function () {
544
+ this.getGlobalSettings();
545
+ this.run();
546
+ },
547
+
548
+ getGlobalSettings: function () {
549
+ var $galleryElement = this.elements.$galleryElement,
550
+ settings = $galleryElement.data('settings');
551
+
552
+ this.settings = {
553
+ layout: settings.img_size,
554
+ loadMore: settings.load_more,
555
+ columnWidth: null,
556
+ filter: null,
557
+ isFilterClicked: false,
558
+ minimum: settings.minimum,
559
+ imageToShow: settings.click_images,
560
+ counter: settings.minimum,
561
+ ltrMode: settings.ltr_mode,
562
+ shuffle: settings.shuffle,
563
+ active_cat: settings.active_cat,
564
+ theme: settings.theme,
565
+ overlay: settings.overlay,
566
+ sort_by: settings.sort_by,
567
+ light_box: settings.light_box,
568
+ flag: settings.flag,
569
+ lightbox_type: settings.lightbox_type
570
+ }
571
+ },
572
+
573
+ updateCounter: function () {
574
+
575
+ if (this.settings.isFilterClicked) {
576
+
577
+ this.settings.counter = this.settings.minimum;
578
+
579
+ this.settings.isFilterClicked = false;
580
+
581
+ } else {
582
+ this.settings.counter = this.settings.counter;
583
+ }
584
+
585
+ this.settings.counter = this.settings.counter + this.settings.imageToShow;
586
+ },
587
+
588
+ updateGrid: function (gradHeight, $isotopeGallery, $loadMoreDiv) {
589
+ $.ajax({
590
+ url: this.appendItems(this.settings.counter, gradHeight, $isotopeGallery),
591
+ beforeSend: function () {
592
+ $loadMoreDiv.removeClass("premium-gallery-item-hidden");
593
+ },
594
+ success: function () {
595
+ $loadMoreDiv.addClass("premium-gallery-item-hidden");
596
+ }
597
+ });
598
+ },
599
+
600
+ loadMore: function (gradHeight, $isotopeGallery) {
601
+
602
+ var $galleryElement = this.elements.$galleryElement,
603
+ $loadMoreDiv = this.elements.$loadMoreDiv,
604
+ $loadMore = this.elements.$loadMore,
605
+ _this = this;
606
+
607
+ $loadMoreDiv.addClass("premium-gallery-item-hidden");
608
+
609
+ if ($galleryElement.find(".premium-gallery-item").length > this.settings.minimum) {
610
+
611
+ $loadMore.removeClass("premium-gallery-item-hidden");
612
+
613
+ $galleryElement.parent().on("click", ".premium-gallery-load-less", function () {
614
+ _this.settings.counter = _this.settings.counter - _this.settings.imageToShow;
615
+ });
616
+
617
+ $galleryElement.parent().on("click", ".premium-gallery-load-more-btn:not(.premium-gallery-load-less)", function () {
618
+ _this.updateCounter();
619
+ _this.updateGrid(gradHeight, $isotopeGallery, $loadMoreDiv);
620
+ });
621
+
622
+ }
623
+
624
+ },
625
+
626
+ getItemsToHide: function (instance, imagesToShow) {
627
+ var items = instance.filteredItems.slice(imagesToShow, instance
628
+ .filteredItems.length).map(function (item) {
629
+ return item.element;
630
+ });
631
+
632
+ return items;
633
+ },
634
+
635
+ appendItems: function (imagesToShow, gradHeight, $isotopeGallery) {
636
+
637
+ var $galleryElement = this.elements.$galleryElement,
638
+ $gradientLayer = this.elements.$gradientLayer,
639
+ instance = $galleryElement.data("isotope"),
640
+ itemsToHide = this.getItemsToHide(instance, imagesToShow);
641
+
642
+ $gradientLayer.outerHeight(gradHeight);
643
+
644
+ $galleryElement.find(".premium-gallery-item-hidden").removeClass("premium-gallery-item-hidden");
645
+
646
+ $galleryElement.parent().find(".premium-gallery-load-more").removeClass("premium-gallery-item-hidden");
647
+
648
+ $(itemsToHide).addClass("premium-gallery-item-hidden");
649
+
650
+ $isotopeGallery.isotope("layout");
651
+
652
+ if (0 == itemsToHide) {
653
+
654
+ $gradientLayer.addClass("premium-gallery-item-hidden");
655
+
656
+ $galleryElement.parent().find(".premium-gallery-load-more").addClass("premium-gallery-item-hidden");
657
+ }
658
+ },
659
+
660
+ triggerFilerTabs: function (url) {
661
+ var filterIndex = url.searchParams.get(this.settings.flag),
662
+ $filters = this.elements.$filters;
663
+
664
+ if (filterIndex) {
665
+
666
+ var $targetFilter = $filters.eq(filterIndex).find("a");
667
+
668
+ $targetFilter.trigger('click');
669
+
670
+ }
671
+ },
672
+
673
+ onReady: function ($isotopeGallery) {
674
+ var _this = this;
675
+
676
+ $isotopeGallery.isotope("layout");
677
+
678
+ $isotopeGallery.isotope({
679
+ filter: _this.settings.active_cat
680
+ });
681
+
682
+ var url = new URL(window.location.href);
683
+
684
+ if (url)
685
+ _this.triggerFilerTabs(url);
686
+
687
+ },
688
+
689
+ onResize: function ($isotopeGallery) {
690
+ var _this = this;
691
+
692
+ _this.setMetroLayout();
693
+
694
+ $isotopeGallery.isotope({
695
+ itemSelector: ".premium-gallery-item",
696
+ masonry: {
697
+ columnWidth: _this.settings.columnWidth
698
+ },
699
+ });
700
+
701
+ },
702
+
703
+ lightBoxDisabled: function () {
704
+ var _this = this,
705
+ $vidWrap = this.elements.$vidWrap;
706
+
707
+ $vidWrap.each(function (index, item) {
708
+ var type = $(item).data("type");
709
+
710
+ $(item).closest(".premium-gallery-item").on("click", function () {
711
+ var $this = $(this);
712
+
713
+ $this.find(".pa-gallery-img-container").css("background", "#000");
714
+
715
+ $this.find("img, .pa-gallery-icons-caption-container, .pa-gallery-icons-wrapper").css("visibility", "hidden");
716
+
717
+ if ("style3" !== _this.settings.skin)
718
+ $this.find(".premium-gallery-caption").css("visibility", "hidden");
719
+
720
+ if ("hosted" !== type) {
721
+ _this.playVid($this);
722
+ } else {
723
+ _this.playHostedVid(item);
724
+ }
725
+ });
726
+ });
727
+
728
+ },
729
+
730
+ playVid: function ($this) {
731
+ var $iframeWrap = $this.find(".premium-gallery-iframe-wrap"),
732
+ src = $iframeWrap.data("src");
733
+
734
+ src = src.replace("&mute", "&autoplay=1&mute");
735
+
736
+ var $iframe = $("<iframe/>");
737
+
738
+ $iframe.attr({
739
+ "src": src,
740
+ "frameborder": "0",
741
+ "allowfullscreen": "1",
742
+ "allow": "autoplay;encrypted-media;"
743
+ });
744
+
745
+ $iframeWrap.html($iframe);
746
+
747
+ $iframe.css("visibility", "visible");
748
+ },
749
+
750
+ playHostedVid: function (item) {
751
+ var $video = $(item).find("video");
752
+
753
+ $video.get(0).play();
754
+ $video.css("visibility", "visible");
755
+ },
756
+
757
+ run: function () {
758
+
759
+ var $galleryElement = this.elements.$galleryElement,
760
+ $vidWrap = this.elements.$vidWrap,
761
+ $filters = this.elements.$filters,
762
+ _this = this;
763
+
764
+ if ('metro' === this.settings.layout) {
765
+
766
+ this.setMetroLayout();
767
+
768
+ this.settings.layout = "masonry";
769
+
770
+ $(window).resize(function () { _this.onResize($isotopeGallery); });
771
+ }
772
+
773
+ var $isotopeGallery = $galleryElement.isotope(this.getIsoTopeSettings());
774
+
775
+ $isotopeGallery.imagesLoaded().progress(function () {
776
+ $isotopeGallery.isotope("layout");
777
+ });
778
+
779
+ $(document).ready(function () { _this.onReady($isotopeGallery); });
780
+
781
+ if (this.settings.loadMore) {
782
+
783
+ var $gradientLayer = this.elements.$gradientLayer,
784
+ gradHeight = null;
785
+
786
+ setTimeout(function () {
787
+ gradHeight = $gradientLayer.outerHeight();
788
+ }, 200);
789
+
790
+ this.loadMore(gradHeight, $isotopeGallery);
791
+ }
792
+
793
+ if ("yes" !== this.settings.light_box)
794
+ this.lightBoxDisabled();
795
+
796
+ $filters.find("a").click(function (e) {
797
+ e.preventDefault();
798
+
799
+ _this.isFilterClicked = true;
800
+
801
+ $filters.find(".active").removeClass("active");
802
+
803
+ $(this).addClass("active");
804
+
805
+ _this.settings.filter = $(this).attr("data-filter");
806
+
807
+ $isotopeGallery.isotope({
808
+ filter: _this.settings.filter
809
+ });
810
+
811
+ if (_this.settings.shuffle) $isotopeGallery.isotope("shuffle");
812
+
813
+ if (_this.settings.loadMore) _this.appendItems(_this.settings.minimum, gradHeight, $isotopeGallery);
814
+
815
+ return false;
816
+ });
817
+
818
+ if ("default" === this.settings.lightbox_type)
819
+ this.$element.find(".premium-img-gallery a[data-rel^='prettyPhoto']").prettyPhoto(this.getPrettyPhotoSettings());
820
+ },
821
+
822
+ getPrettyPhotoSettings: function () {
823
+ return {
824
+ theme: this.settings.theme,
825
+ hook: "data-rel",
826
+ opacity: 0.7,
827
+ show_title: false,
828
+ deeplinking: false,
829
+ overlay_gallery: this.settings.overlay,
830
+ custom_markup: "",
831
+ default_width: 900,
832
+ default_height: 506,
833
+ social_tools: ""
834
+ }
835
+ },
836
+
837
+ getIsoTopeSettings: function () {
838
+ return {
839
+ itemSelector: '.premium-gallery-item',
840
+ percentPosition: true,
841
+ animationOptions: {
842
+ duration: 750,
843
+ easing: 'linear'
844
+ },
845
+ filter: this.settings.active_cat,
846
+ layoutMode: this.settings.layout,
847
+ originLeft: this.settings.ltrMode,
848
+ masonry: {
849
+ columnWidth: this.settings.columnWidth
850
+ },
851
+ sortBy: this.settings.sort_by
852
+ }
853
+ },
854
+
855
+ getRepeaterSettings: function () {
856
+ return this.getElementSettings('premium_gallery_img_content');
857
+ },
858
+
859
+ setMetroLayout: function () {
860
+
861
+ var $galleryElement = this.elements.$galleryElement,
862
+ gridWidth = $galleryElement.width(),
863
+ cellSize = Math.floor(gridWidth / 12),
864
+ deviceType = elementorFrontend.getCurrentDeviceMode(),
865
+ suffix = 'desktop' === deviceType ? '' : '_' + deviceType,
866
+ repeater = this.getRepeaterSettings();
867
+
868
+ $galleryElement.find(".premium-gallery-item").each(function (index, item) { //should be added to selectors and elements
869
+
870
+ var cells = repeater[index]['premium_gallery_image_cell' + suffix].size,
871
+ vCells = repeater[index]['premium_gallery_image_vcell' + suffix].size;
872
+
873
+ if ("" === cells || undefined == cells) {
874
+ cells = repeater[index].premium_gallery_image_cell.size;
875
+ }
876
+
877
+ if ("" === vCells || undefined == vCells) {
878
+ vCells = repeater[index].premium_gallery_image_vcell.size;
879
+ }
880
+
881
+ $(item).css({
882
+ width: Math.ceil(cells * cellSize),
883
+ height: Math.ceil(vCells * cellSize)
884
+ });
885
+ });
886
+
887
+ this.settings.columnWidth = cellSize;
888
+ }
889
+
890
+ });
891
+
892
+ /****** Premium Counter Handler ******/
893
+ var PremiumCounterHandler = function ($scope, $) {
894
+
895
+ var $counterElement = $scope.find(".premium-counter"),
896
+ isHScrollWidget = $counterElement.closest(".premium-hscroll-temp"),
897
+ counterSettings = $counterElement.data(),
898
+ incrementElement = $counterElement.find(".premium-counter-init"),
899
+ iconElement = $counterElement.find(".icon");
900
+
901
+ if (!isHScrollWidget.length) {
902
+ elementorFrontend.waypoint($counterElement, function () {
903
+
904
+ $(incrementElement).numerator(counterSettings);
905
+
906
+ $(iconElement).addClass("animated " + iconElement.data("animation"));
907
+
908
+ });
909
+ } else {
910
+
911
+ $(window).on("scroll", function () {
912
+
913
+ if ($(window).scrollTop() >= isHScrollWidget.data("scroll-offset")) {
914
+ $(incrementElement).numerator(counterSettings);
915
+
916
+ $(iconElement).addClass("animated " + iconElement.data("animation"));
917
+ }
918
+
919
+ });
920
+
921
+ }
922
+
923
+ };
924
+
925
+ /****** Premium Fancy Text Handler ******/
926
+ var PremiumFancyTextHandler = function ($scope, $) {
927
+
928
+ var $elem = $scope.find(".premium-fancy-text-wrapper"),
929
+ settings = $elem.data("settings"),
930
+ loadingSpeed = settings.delay || 2500,
931
+ itemCount = $elem.find('.premium-fancy-list-items').length,
932
+ loopCount = ('' === settings.count && !['typing', 'slide', 'autofade'].includes(settings.effect)) ? 'infinite' : (settings.count * itemCount);
933
+
934
+ function escapeHtml(unsafe) {
935
+ return unsafe.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(
936
+ /"/g, "&quot;");
937
+ }
938
+
939
+ if ("typing" === settings.effect) {
940
+
941
+ var fancyStrings = [];
942
+
943
+ settings.strings.forEach(function (item) {
944
+ fancyStrings.push(escapeHtml(item));
945
+ });
946
+
947
+ var fancyTextID = '#' + $elem.find('.premium-fancy-text').attr('id');
948
+ new Typed(fancyTextID, {
949
+ strings: fancyStrings,
950
+ typeSpeed: settings.typeSpeed,
951
+ backSpeed: settings.backSpeed,
952
+ startDelay: settings.startDelay,
953
+ backDelay: settings.backDelay,
954
+ showCursor: settings.showCursor,
955
+ cursorChar: settings.cursorChar,
956
+ loop: settings.loop
957
+ });
958
+
959
+ } else if ("slide" === settings.effect) {
960
+ loadingSpeed = settings.pause;
961
+
962
+ $elem.find(".premium-fancy-text").vTicker({
963
+ speed: settings.speed,
964
+ showItems: settings.showItems,
965
+ pause: settings.pause,
966
+ mousePause: settings.mousePause,
967
+ direction: "up"
968
+ });
969
+
970
+ } else if ('auto-fade' === settings.effect) {
971
+ var $items = $elem.find(".premium-fancy-list-items"),
972
+ len = $items.length;
973
+
974
+ if (0 === len) {
975
+ return;
976
+ }
977
+
978
+ var delay = settings.duration / len,
979
+ itemDelay = 0;
980
+
981
+ loadingSpeed = delay;
982
+
983
+ $items.each(function ($index, $item) {
984
+ $item.style.animationDelay = itemDelay + 'ms';
985
+ itemDelay += delay;
986
+ });
987
+
988
+ } else {
989
+
990
+ setFancyAnimation();
991
+
992
+ function setFancyAnimation() {
993
+
994
+ var $item = $elem.find(".premium-fancy-list-items"),
995
+ current = 1;
996
+
997
+ //Get effect settings
998
+ var delay = settings.delay || 2500,
999
+ loopCount = settings.count;
1000
+
1001
+ //If Loop Count option is set
1002
+ if (loopCount) {
1003
+ var currentLoop = 1,
1004
+ fancyStringsCount = $elem.find(".premium-fancy-list-items").length;
1005
+ }
1006
+
1007
+ var loopInterval = setInterval(function () {
1008
+
1009
+ var animationClass = "";
1010
+
1011
+ //Add animation class
1012
+ if (settings.effect === "custom")
1013
+ animationClass = "animated " + settings.animation;
1014
+
1015
+ //Show current active item
1016
+ $item.eq(current).addClass("premium-fancy-item-visible " + animationClass).removeClass("premium-fancy-item-hidden");
1017
+
1018
+ var $inactiveItems = $item.filter(function (index) {
1019
+ return index !== current;
1020
+ });
1021
+
1022
+ //Hide inactive items
1023
+ $inactiveItems.addClass("premium-fancy-item-hidden").removeClass("premium-fancy-item-visible " + animationClass);
1024
+
1025
+ current++;
1026
+
1027
+ //Restart loop
1028
+ if ($item.length === current)
1029
+ current = 0;
1030
+
1031
+ //Increment interval and check if loop count is reached
1032
+ if (loopCount) {
1033
+ currentLoop++;
1034
+
1035
+ if ((fancyStringsCount * loopCount) === currentLoop)
1036
+ clearInterval(loopInterval);
1037
+ }
1038
+
1039
+
1040
+ }, delay);
1041
+
1042
+ }
1043
+ }
1044
+
1045
+ //Show the strings after the layout is set.
1046
+ if ("typing" !== settings.effect) {
1047
+ setTimeout(function () {
1048
+ $elem.find(".premium-fancy-text").css('opacity', '1');
1049
+ }, 500);
1050
+
1051
+ }
1052
+
1053
+ if ('loading' === settings.loading && 'typing' !== settings.effect) {
1054
+ $scope.find('.premium-fancy-text').append('<span class="premium-loading-bar"></span>');
1055
+ $scope.find('.premium-loading-bar').css({
1056
+ 'animation-iteration-count': loopCount,
1057
+ 'animation-duration': loadingSpeed + 'ms'
1058
+ });
1059
+ }
1060
+
1061
+ };
1062
+
1063
+ /****** Premium Countdown Handler ******/
1064
+ var PremiumCountDownHandler = function ($scope, $) {
1065
+
1066
+ var $countDownElement = $scope.find(".premium-countdown"),
1067
+ settings = $countDownElement.data("settings"),
1068
+ id = $scope.data('id'),
1069
+ label1 = settings.label1,
1070
+ label2 = settings.label2,
1071
+ newLabe1 = label1.split(","),
1072
+ newLabel2 = label2.split(","),
1073
+ timerType = settings.timerType,
1074
+ until = 'evergreen' === timerType ? settings.until.date : settings.until,
1075
+ layout = '',
1076
+ map = {
1077
+ y: { index: 0, oldVal: '' },
1078
+ o: { index: 1, oldVal: '' },
1079
+ w: { index: 2, oldVal: '' },
1080
+ d: { index: 3, oldVal: '' },
1081
+ h: { index: 4, oldVal: '' },
1082
+ m: { index: 5, oldVal: '' },
1083
+ s: { index: 6, oldVal: '' }
1084
+ };
1085
+
1086
+ if ($countDownElement.find('#countdown-' + id).hasClass('premium-countdown-flip')) {
1087
+ settings.format.split('').forEach(function (unit) {
1088
+ var lowercased = unit.toLowerCase();
1089
+
1090
+ layout += '<div class="premium-countdown-block premium-countdown-' + lowercased + '"><div class="pre_time-mid"> <div class="premium-countdown-figure"><span class="top">{' + lowercased + 'n