Premium Addons for Elementor - Version 4.9.37

Version Description

  • Tweak: Added option to open submenu items by click in Mega Menu widget.
  • Tweak: Added VH unit for Height option in Maps widget.
  • Fixed: Grid Items are not focusable if lightbox option is disabled in Media Grid widget.
  • Fixed: Submenu content disappears issue in Mega Menu widget.
  • Fixed: Icon Colors not applied properly on SVG icons.
Download this release

Release Info

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

Code changes from version 4.9.36 to 4.9.37

Files changed (21) hide show
  1. admin/assets/js/admin.js +554 -554
  2. admin/includes/beta-testers.php +143 -143
  3. assets/editor/templates/css/editor-rtl.css +577 -577
  4. assets/frontend/css/common.css +264 -264
  5. assets/frontend/css/premium-addons-rtl.css +3517 -3517
  6. assets/frontend/css/premium-addons.css +2144 -2144
  7. assets/frontend/css/premium-blog.css +702 -702
  8. assets/frontend/css/premium-image-scroll-rtl.css +191 -191
  9. assets/frontend/css/premium-image-scroll.css +159 -159
  10. assets/frontend/css/premium-nav-menu-rtl.css +1582 -1582
  11. assets/frontend/css/premium-nav-menu.css +19 -19
  12. assets/frontend/css/premium-progressbar-rtl.css +420 -420
  13. assets/frontend/css/premium-progressbar.css +321 -321
  14. assets/frontend/css/premium-title-rtl.css +253 -253
  15. assets/frontend/css/premium-video-box-rtl.css +466 -466
  16. assets/frontend/css/premium-video-box.css +427 -427
  17. assets/frontend/css/premium-vscroll.css +246 -246
  18. assets/frontend/css/prettyphoto-rtl.css +1251 -1251
  19. assets/frontend/css/slick-rtl.css +5 -0
  20. assets/frontend/css/slick.css +191 -187
  21. assets/frontend/js/pa-gsap.js +1072 -2960
admin/assets/js/admin.js CHANGED
@@ -1,554 +1,554 @@
1
- (function ($) {
2
-
3
- "use strict";
4
-
5
- var redHadfontLink = document.createElement('link');
6
- redHadfontLink.rel = 'stylesheet';
7
- redHadfontLink.href = 'https://fonts.googleapis.com/css?family=Red Hat Display:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic';
8
- redHadfontLink.type = 'text/css';
9
- document.head.appendChild(redHadfontLink);
10
-
11
- var poppinsfontLink = document.createElement('link');
12
- poppinsfontLink.rel = 'stylesheet';
13
- poppinsfontLink.href = 'https://fonts.googleapis.com/css?family=Poppins:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic';
14
- poppinsfontLink.type = 'text/css';
15
- document.head.appendChild(poppinsfontLink);
16
-
17
- var settings = premiumAddonsSettings.settings;
18
-
19
- window.PremiumAddonsNavigation = function () {
20
-
21
- var self = this,
22
- $tabs = $(".pa-settings-tab"),
23
- $elementsTabs = $(".pa-elements-tab");
24
-
25
- self.init = function () {
26
-
27
- if (!$tabs.length) {
28
- return;
29
- }
30
-
31
- self.genButtonDisplay();
32
-
33
- self.initNavTabs($tabs);
34
-
35
- self.initElementsTabs($elementsTabs);
36
-
37
- if (settings.isTrackerAllowed) {
38
- self.getUnusedWidget();
39
- }
40
-
41
- self.handleElementsActions();
42
-
43
- self.handleSearchField();
44
-
45
- self.handleSettingsSave();
46
-
47
- self.handleRollBack();
48
-
49
- self.handleNewsLetterForm();
50
-
51
- self.handlePaproActions();
52
-
53
- };
54
-
55
- // Handle settings form submission
56
- self.handleSettingsSave = function () {
57
-
58
- $("#pa-features .pa-section-info-cta input, #pa-modules .pa-switcher input, #pa-modules .pa-section-info-cta input").on(
59
- 'change',
60
- function () {
61
- self.saveElementsSettings('elements');
62
- }
63
- )
64
-
65
- $("#pa-ver-control input, #pa-integrations input, #pa-ver-control input, #pa-integrations select").change(
66
- function () {
67
- self.saveElementsSettings('additional');
68
- }
69
- );
70
-
71
- $("#pa-integrations input[type=text]").on(
72
- 'keyup',
73
- function () {
74
- self.saveElementsSettings('additional');
75
- }
76
- )
77
-
78
- };
79
-
80
- //get unused widgets.
81
- self.getUnusedWidget = function () {
82
-
83
- if ($(".pa-btn-group .pa-btn-disable").hasClass("active")) {
84
- $(".pa-btn-group .pa-btn-unused").addClass("dimmed");
85
- }
86
-
87
- $.ajax(
88
- {
89
- url: settings.ajaxurl,
90
- type: 'POST',
91
- data: {
92
- action: 'pa_get_unused_widgets',
93
- security: settings.nonce,
94
- },
95
- success: function (response) {
96
- console.log('unused widgets retrieved');
97
- self.unusedElements = response.data;
98
- },
99
- error: function (err) {
100
- console.log(err);
101
- }
102
- }
103
- );
104
- };
105
-
106
- // Handle global enable/disable buttons
107
- self.handleElementsActions = function () {
108
-
109
- $(".pa-elements-filter select").on(
110
- 'change',
111
- function () {
112
- var filter = $(this).val(),
113
- $activeTab = $(".pa-switchers-container").not(".hidden");
114
-
115
- $activeTab.find(".pa-switcher").removeClass("hidden");
116
-
117
- if ('free' === filter) {
118
- $activeTab.find(".pro-element").addClass("hidden");
119
- } else if ('pro' === filter) {
120
- $activeTab.find(".pa-switcher").not(".pro-element").addClass("hidden");
121
- }
122
- }
123
- );
124
-
125
- $(".pa-elements-filter input").on(
126
- 'keyup',
127
- function () {
128
- var filter = $(this).val(),
129
- $activeTab = $(".pa-switchers-container").not(".hidden"),
130
- currentQuerySwitchers = $activeTab.find(".pa-switcher");
131
-
132
- currentQuerySwitchers.addClass("hidden");
133
- var searchResults = currentQuerySwitchers.filter(function (index, switcher) {
134
- var elementName = $(switcher).find(".pa-element-name").text().toLowerCase();
135
-
136
- return -1 != elementName.indexOf(filter.toLowerCase()) ? $(switcher) : '';
137
- });
138
-
139
- searchResults.removeClass("hidden");
140
- }
141
- );
142
-
143
- // Enable/Disable all widgets
144
- $(".pa-btn-group").on(
145
- "click",
146
- '.pa-btn',
147
- function () {
148
-
149
- var $btn = $(this),
150
- isChecked = $btn.hasClass("pa-btn-enable");
151
-
152
- if (!$btn.hasClass("active")) {
153
- $(".pa-btn-group .pa-btn").removeClass("active");
154
- $btn.addClass("active");
155
-
156
- $.ajax(
157
- {
158
- url: settings.ajaxurl,
159
- type: 'POST',
160
- data: {
161
- action: 'pa_save_global_btn',
162
- security: settings.nonce,
163
- isGlobalOn: isChecked
164
- }
165
- }
166
- );
167
-
168
- }
169
-
170
- if (isChecked) {
171
- $(".pa-btn-group .pa-btn-unused").removeClass("dimmed");
172
- } else {
173
- $(".pa-btn-group .pa-btn-unused").addClass("dimmed");
174
- }
175
-
176
- $("#pa-modules .pa-switcher input").prop("checked", isChecked);
177
-
178
- self.saveElementsSettings('elements');
179
-
180
- }
181
- );
182
-
183
- //Disable unused widgets.
184
- $(".pa-btn-group").on(
185
- "click",
186
- '.pa-btn-unused',
187
- function () {
188
-
189
- $.each(self.unusedElements, function (index, selector) {
190
- $('#pa-modules .pa-switcher.' + selector).find('input').prop('checked', false);
191
- });
192
-
193
- $(this).addClass('dimmed');
194
-
195
- self.saveElementsSettings('elements');
196
- }
197
- );
198
-
199
- $("#pa-modules .pa-switcher input").on(
200
- 'change',
201
- function () {
202
- var $this = $(this),
203
- id = $this.attr('id'),
204
- isChecked = $this.prop('checked');
205
-
206
- $("input[name='" + id + "']").prop('checked', isChecked);
207
- }
208
- )
209
-
210
- //Disable unused widgets.
211
- $(".pa-section-info-cta").on(
212
- "click",
213
- '.pa-btn-regenerate',
214
- function () {
215
-
216
- var _this = $(this);
217
- _this.addClass("loading");
218
-
219
- $.ajax(
220
- {
221
- url: settings.ajaxurl,
222
- type: 'POST',
223
- data: {
224
- action: 'pa_clear_cached_assets',
225
- security: settings.generate_nonce,
226
- },
227
- success: function (response) {
228
-
229
- swal.fire({
230
- title: 'Generated Assets Cleared!',
231
- text: 'Click OK to continue',
232
- type: 'success',
233
- timer: 1500
234
- });
235
-
236
- _this.removeClass("loading");
237
-
238
- },
239
- }
240
- );
241
- }
242
- );
243
-
244
- };
245
-
246
- self.handleSearchField = function () {
247
-
248
- var urlString = window.location.href,
249
- url = new URL(urlString);
250
-
251
- var searchInput = url.searchParams.get("search");
252
-
253
- if (!searchInput)
254
- return;
255
-
256
- $(".pa-elements-filter input").val(searchInput).trigger("keyup");
257
-
258
-
259
- }
260
-
261
- // Handle Tabs Elements
262
- self.initElementsTabs = function ($elem) {
263
-
264
- var $links = $elem.find('a'),
265
- $sections = $(".pa-switchers-container");
266
-
267
- $sections.eq(0).removeClass("hidden");
268
- $links.eq(0).addClass("active");
269
-
270
- $links.on(
271
- 'click',
272
- function (e) {
273
-
274
- e.preventDefault();
275
-
276
- var $link = $(this),
277
- href = $link.attr('href');
278
-
279
- // Set this tab to active
280
- $links.removeClass("active");
281
- $link.addClass("active");
282
-
283
- // Navigate to tab section
284
- $sections.addClass("hidden");
285
- $("#" + href).removeClass("hidden");
286
-
287
- }
288
- );
289
- };
290
-
291
- // Handle settings tabs
292
- self.initNavTabs = function ($elem) {
293
-
294
- var $links = $elem.find('a'),
295
- $lastSection = null;
296
-
297
- $(window).on(
298
- 'hashchange',
299
- function () {
300
-
301
- var hash = window.location.hash.match(new RegExp('tab=([^&]*)')),
302
- slug = hash ? hash[1] : $links.first().attr('href').replace('#tab=', ''),
303
- $link = $('#pa-tab-link-' + slug);
304
-
305
- if (!$link.length) {
306
- return
307
-
308
- }
309
- $links.removeClass('pa-section-active');
310
- $link.addClass('pa-section-active');
311
-
312
- // Hide the last active section
313
- if ($lastSection) {
314
- $lastSection.hide();
315
- }
316
-
317
- var $section = $('#pa-section-' + slug);
318
- $section.css(
319
- {
320
- display: 'block'
321
- }
322
- );
323
-
324
- $lastSection = $section;
325
-
326
- }
327
- ).trigger('hashchange');
328
-
329
- };
330
-
331
- self.handleRollBack = function () {
332
-
333
- // Rollback button
334
- $('.pa-rollback-button').on(
335
- 'click',
336
- function (event) {
337
-
338
- event.preventDefault();
339
-
340
- var $this = $(this),
341
- href = $this.attr('href');
342
-
343
- if (!href) {
344
- return;
345
- }
346
-
347
- // Show PAPRO stable version if PAPRO Rollback is clicked
348
- var isPAPRO = '';
349
- if (-1 !== href.indexOf('papro_rollback')) {
350
- isPAPRO = 'papro_';
351
- }
352
-
353
- var premiumRollBackConfirm = premiumAddonsSettings.premiumRollBackConfirm;
354
-
355
- var dialogsManager = new DialogsManager.Instance();
356
-
357
- dialogsManager.createWidget(
358
- 'confirm',
359
- {
360
- headerMessage: premiumRollBackConfirm.i18n.rollback_to_previous_version,
361
- message: premiumRollBackConfirm['i18n'][isPAPRO + 'rollback_confirm'],
362
- strings: {
363
- cancel: premiumRollBackConfirm.i18n.cancel,
364
- confirm: premiumRollBackConfirm.i18n.yes,
365
- },
366
- onConfirm: function () {
367
-
368
- $this.addClass('loading');
369
-
370
- location.href = $this.attr('href');
371
-
372
- }
373
- }
374
- ).show();
375
- }
376
- );
377
-
378
- };
379
-
380
- self.saveElementsSettings = function (action) { //save elements settings changes
381
-
382
- var $form = null;
383
-
384
- if ('elements' === action) {
385
- $form = $('form#pa-settings, form#pa-features');
386
- action = 'pa_elements_settings';
387
- } else {
388
- $form = $('form#pa-ver-control, form#pa-integrations');
389
- action = 'pa_additional_settings';
390
- }
391
-
392
- $.ajax(
393
- {
394
- url: settings.ajaxurl,
395
- type: 'POST',
396
- data: {
397
- action: action,
398
- security: settings.nonce,
399
- fields: $form.serialize(),
400
- },
401
- success: function (response) {
402
- console.log('settings saved');
403
-
404
- self.genButtonDisplay();
405
- },
406
- error: function (err) {
407
- console.log(err);
408
- }
409
- }
410
- );
411
- }
412
-
413
- self.genButtonDisplay = function () {
414
- var $form = $('form#pa-settings'),
415
- searchTerm = 'premium-assets-generator=on',
416
- indexOfFirst = $form.serialize().indexOf(searchTerm);
417
-
418
- if (indexOfFirst !== -1) {
419
- $('.pa-btn-generate').show();
420
- } else {
421
- $('.pa-btn-generate').hide();
422
- }
423
- };
424
-
425
- self.handlePaproActions = function () {
426
-
427
- // Trigger SWAL for PRO elements
428
- $(".pro-slider").on(
429
- 'click',
430
- function () {
431
-
432
- var redirectionLink = " https://premiumaddons.com/pro/?utm_source=wp-menu&utm_medium=wp-dash&utm_campaign=get-pro&utm_term=";
433
-
434
- Swal.fire(
435
- {
436
- title: '<span class="pa-swal-head">Get PRO Widgets & Addons<span>',
437
- html: 'Supercharge your Elementor with PRO widgets and addons that you won’t find anywhere else.',
438
- type: 'warning',
439
- showCloseButton: true,
440
- showCancelButton: true,
441
- cancelButtonText: "More Info",
442
- focusConfirm: true,
443
- customClass: 'pa-swal',
444
- }
445
- ).then(
446
- function (res) {
447
- // Handle More Info button
448
- if (res.dismiss === 'cancel') {
449
- window.open(redirectionLink + settings.theme, '_blank');
450
- }
451
-
452
- }
453
- );
454
- }
455
- );
456
-
457
- // Trigger SWAL for White Labeling
458
- $(".premium-white-label-form.pro-inactive").on(
459
- 'submit',
460
- function (e) {
461
-
462
- e.preventDefault();
463
-
464
- var redirectionLink = " https://premiumaddons.com/pro/?utm_source=wp-menu&utm_medium=wp-dash&utm_campaign=get-pro&utm_term=";
465
-
466
- Swal.fire(
467
- {
468
- title: '<span class="pa-swal-head">Enable White Labeling Options<span>',
469
- html: 'Premium Addons can be completely re-branded with your own brand name and author details. Your clients will never know what tools you are using to build their website and will think that this is your own tool set. White-labeling works as long as your license is active.',
470
- type: 'warning',
471
- showCloseButton: true,
472
- showCancelButton: true,
473
- cancelButtonText: "More Info",
474
- focusConfirm: true
475
- }
476
- ).then(
477
- function (res) {
478
- // Handle More Info button
479
- if (res.dismiss === 'cancel') {
480
- window.open(redirectionLink + settings.theme, '_blank');
481
- }
482
-
483
- }
484
- );
485
- }
486
- );
487
-
488
- };
489
-
490
- self.handleNewsLetterForm = function () {
491
-
492
- $('.pa-newsletter-form').on('submit', function (e) {
493
- e.preventDefault();
494
-
495
- var email = $("#pa_news_email").val();
496
-
497
- if (checkEmail(email)) {
498
- $.ajax(
499
- {
500
- url: settings.ajaxurl,
501
- type: 'POST',
502
- data: {
503
- action: 'subscribe_newsletter',
504
- security: settings.nonce,
505
- email: email
506
- },
507
- beforeSend: function () {
508
- console.log("Adding user to subscribers list");
509
- },
510
- success: function (response) {
511
- if (response.data) {
512
- var status = response.data.status;
513
- if (status) {
514
- console.log("User added to subscribers list");
515
- swal.fire({
516
- title: 'Thanks for subscribing!',
517
- text: 'Click OK to continue',
518
- type: 'success',
519
- timer: 1000
520
- });
521
- }
522
-
523
- }
524
-
525
- },
526
- error: function (err) {
527
- console.log(err);
528
- }
529
- }
530
- );
531
- } else {
532
- Swal.fire({
533
- type: 'error',
534
- title: 'Invalid Email Address...',
535
- text: 'Please enter a valid email address!'
536
- });
537
- }
538
-
539
- })
540
-
541
- };
542
-
543
- function checkEmail(emailAddress) {
544
- var pattern = new RegExp(/^(("[\w-+\s]+")|([\w-+]+(?:\.[\w-+]+)*)|("[\w-+\s]+")([\w-+]+(?:\.[\w-+]+)*))(@((?:[\w-+]+\.)*\w[\w-+]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][\d]\.|1[\d]{2}\.|[\d]{1,2}\.))((25[0-5]|2[0-4][\d]|1[\d]{2}|[\d]{1,2})\.){2}(25[0-5]|2[0-4][\d]|1[\d]{2}|[\d]{1,2})\]?$)/i);
545
- return pattern.test(emailAddress);
546
- }
547
-
548
- };
549
-
550
- var instance = new PremiumAddonsNavigation();
551
-
552
- instance.init();
553
-
554
- })(jQuery);
1
+ (function ($) {
2
+
3
+ "use strict";
4
+
5
+ var redHadfontLink = document.createElement('link');
6
+ redHadfontLink.rel = 'stylesheet';
7
+ redHadfontLink.href = 'https://fonts.googleapis.com/css?family=Red Hat Display:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic';
8
+ redHadfontLink.type = 'text/css';
9
+ document.head.appendChild(redHadfontLink);
10
+
11
+ var poppinsfontLink = document.createElement('link');
12
+ poppinsfontLink.rel = 'stylesheet';
13
+ poppinsfontLink.href = 'https://fonts.googleapis.com/css?family=Poppins:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic';
14
+ poppinsfontLink.type = 'text/css';
15
+ document.head.appendChild(poppinsfontLink);
16
+
17
+ var settings = premiumAddonsSettings.settings;
18
+
19
+ window.PremiumAddonsNavigation = function () {
20
+
21
+ var self = this,
22
+ $tabs = $(".pa-settings-tab"),
23
+ $elementsTabs = $(".pa-elements-tab");
24
+
25
+ self.init = function () {
26
+
27
+ if (!$tabs.length) {
28
+ return;
29
+ }
30
+
31
+ self.genButtonDisplay();
32
+
33
+ self.initNavTabs($tabs);
34
+
35
+ self.initElementsTabs($elementsTabs);
36
+
37
+ if (settings.isTrackerAllowed) {
38
+ self.getUnusedWidget();
39
+ }
40
+
41
+ self.handleElementsActions();
42
+
43
+ self.handleSearchField();
44
+
45
+ self.handleSettingsSave();
46
+
47
+ self.handleRollBack();
48
+
49
+ self.handleNewsLetterForm();
50
+
51
+ self.handlePaproActions();
52
+
53
+ };
54
+
55
+ // Handle settings form submission
56
+ self.handleSettingsSave = function () {
57
+
58
+ $("#pa-features .pa-section-info-cta input, #pa-modules .pa-switcher input, #pa-modules .pa-section-info-cta input").on(
59
+ 'change',
60
+ function () {
61
+ self.saveElementsSettings('elements');
62
+ }
63
+ )
64
+
65
+ $("#pa-ver-control input, #pa-integrations input, #pa-ver-control input, #pa-integrations select").change(
66
+ function () {
67
+ self.saveElementsSettings('additional');
68
+ }
69
+ );
70
+
71
+ $("#pa-integrations input[type=text]").on(
72
+ 'keyup',
73
+ function () {
74
+ self.saveElementsSettings('additional');
75
+ }
76
+ )
77
+
78
+ };
79
+
80
+ //get unused widgets.
81
+ self.getUnusedWidget = function () {
82
+
83
+ if ($(".pa-btn-group .pa-btn-disable").hasClass("active")) {
84
+ $(".pa-btn-group .pa-btn-unused").addClass("dimmed");
85
+ }
86
+
87
+ $.ajax(
88
+ {
89
+ url: settings.ajaxurl,
90
+ type: 'POST',
91
+ data: {
92
+ action: 'pa_get_unused_widgets',
93
+ security: settings.nonce,
94
+ },
95
+ success: function (response) {
96
+ console.log('unused widgets retrieved');
97
+ self.unusedElements = response.data;
98
+ },
99
+ error: function (err) {
100
+ console.log(err);
101
+ }
102
+ }
103
+ );
104
+ };
105
+
106
+ // Handle global enable/disable buttons
107
+ self.handleElementsActions = function () {
108
+
109
+ $(".pa-elements-filter select").on(
110
+ 'change',
111
+ function () {
112
+ var filter = $(this).val(),
113
+ $activeTab = $(".pa-switchers-container").not(".hidden");
114
+
115
+ $activeTab.find(".pa-switcher").removeClass("hidden");
116
+
117
+ if ('free' === filter) {
118
+ $activeTab.find(".pro-element").addClass("hidden");
119
+ } else if ('pro' === filter) {
120
+ $activeTab.find(".pa-switcher").not(".pro-element").addClass("hidden");
121
+ }
122
+ }
123
+ );
124
+
125
+ $(".pa-elements-filter input").on(
126
+ 'keyup',
127
+ function () {
128
+ var filter = $(this).val(),
129
+ $activeTab = $(".pa-switchers-container").not(".hidden"),
130
+ currentQuerySwitchers = $activeTab.find(".pa-switcher");
131
+
132
+ currentQuerySwitchers.addClass("hidden");
133
+ var searchResults = currentQuerySwitchers.filter(function (index, switcher) {
134
+ var elementName = $(switcher).find(".pa-element-name").text().toLowerCase();
135
+
136
+ return -1 != elementName.indexOf(filter.toLowerCase()) ? $(switcher) : '';
137
+ });
138
+
139
+ searchResults.removeClass("hidden");
140
+ }
141
+ );
142
+
143
+ // Enable/Disable all widgets
144
+ $(".pa-btn-group").on(
145
+ "click",
146
+ '.pa-btn',
147
+ function () {
148
+
149
+ var $btn = $(this),
150
+ isChecked = $btn.hasClass("pa-btn-enable");
151
+
152
+ if (!$btn.hasClass("active")) {
153
+ $(".pa-btn-group .pa-btn").removeClass("active");
154
+ $btn.addClass("active");
155
+
156
+ $.ajax(
157
+ {
158
+ url: settings.ajaxurl,
159
+ type: 'POST',
160
+ data: {
161
+ action: 'pa_save_global_btn',
162
+ security: settings.nonce,
163
+ isGlobalOn: isChecked
164
+ }
165
+ }
166
+ );
167
+
168
+ }
169
+
170
+ if (isChecked) {
171
+ $(".pa-btn-group .pa-btn-unused").removeClass("dimmed");
172
+ } else {
173
+ $(".pa-btn-group .pa-btn-unused").addClass("dimmed");
174
+ }
175
+
176
+ $("#pa-modules .pa-switcher input").prop("checked", isChecked);
177
+
178
+ self.saveElementsSettings('elements');
179
+
180
+ }
181
+ );
182
+
183
+ //Disable unused widgets.
184
+ $(".pa-btn-group").on(
185
+ "click",
186
+ '.pa-btn-unused',
187
+ function () {
188
+
189
+ $.each(self.unusedElements, function (index, selector) {
190
+ $('#pa-modules .pa-switcher.' + selector).find('input').prop('checked', false);
191
+ });
192
+
193
+ $(this).addClass('dimmed');
194
+
195
+ self.saveElementsSettings('elements');
196
+ }
197
+ );
198
+
199
+ $("#pa-modules .pa-switcher input").on(
200
+ 'change',
201
+ function () {
202
+ var $this = $(this),
203
+ id = $this.attr('id'),
204
+ isChecked = $this.prop('checked');
205
+
206
+ $("input[name='" + id + "']").prop('checked', isChecked);
207
+ }
208
+ )
209
+
210
+ //Disable unused widgets.
211
+ $(".pa-section-info-cta").on(
212
+ "click",
213
+ '.pa-btn-regenerate',
214
+ function () {
215
+
216
+ var _this = $(this);
217
+ _this.addClass("loading");
218
+
219
+ $.ajax(
220
+ {
221
+ url: settings.ajaxurl,
222
+ type: 'POST',
223
+ data: {
224
+ action: 'pa_clear_cached_assets',
225
+ security: settings.generate_nonce,
226
+ },
227
+ success: function (response) {
228
+
229
+ swal.fire({
230
+ title: 'Generated Assets Cleared!',
231
+ text: 'Click OK to continue',
232
+ type: 'success',
233
+ timer: 1500
234
+ });
235
+
236
+ _this.removeClass("loading");
237
+
238
+ },
239
+ }
240
+ );
241
+ }
242
+ );
243
+
244
+ };
245
+
246
+ self.handleSearchField = function () {
247
+
248
+ var urlString = window.location.href,
249
+ url = new URL(urlString);
250
+
251
+ var searchInput = url.searchParams.get("search");
252
+
253
+ if (!searchInput)
254
+ return;
255
+
256
+ $(".pa-elements-filter input").val(searchInput).trigger("keyup");
257
+
258
+
259
+ }
260
+
261
+ // Handle Tabs Elements
262
+ self.initElementsTabs = function ($elem) {
263
+
264
+ var $links = $elem.find('a'),
265
+ $sections = $(".pa-switchers-container");
266
+
267
+ $sections.eq(0).removeClass("hidden");
268
+ $links.eq(0).addClass("active");
269
+
270
+ $links.on(
271
+ 'click',
272
+ function (e) {
273
+
274
+ e.preventDefault();
275
+
276
+ var $link = $(this),
277
+ href = $link.attr('href');
278
+
279
+ // Set this tab to active
280
+ $links.removeClass("active");
281
+ $link.addClass("active");
282
+
283
+ // Navigate to tab section
284
+ $sections.addClass("hidden");
285
+ $("#" + href).removeClass("hidden");
286
+
287
+ }
288
+ );
289
+ };
290
+
291
+ // Handle settings tabs
292
+ self.initNavTabs = function ($elem) {
293
+
294
+ var $links = $elem.find('a'),
295
+ $lastSection = null;
296
+
297
+ $(window).on(
298
+ 'hashchange',
299
+ function () {
300
+
301
+ var hash = window.location.hash.match(new RegExp('tab=([^&]*)')),
302
+ slug = hash ? hash[1] : $links.first().attr('href').replace('#tab=', ''),
303
+ $link = $('#pa-tab-link-' + slug);
304
+
305
+ if (!$link.length) {
306
+ return
307
+
308
+ }
309
+ $links.removeClass('pa-section-active');
310
+ $link.addClass('pa-section-active');
311
+
312
+ // Hide the last active section
313
+ if ($lastSection) {
314
+ $lastSection.hide();
315
+ }
316
+
317
+ var $section = $('#pa-section-' + slug);
318
+ $section.css(
319
+ {
320
+ display: 'block'
321
+ }
322
+ );
323
+
324
+ $lastSection = $section;
325
+
326
+ }
327
+ ).trigger('hashchange');
328
+
329
+ };
330
+
331
+ self.handleRollBack = function () {
332
+
333
+ // Rollback button
334
+ $('.pa-rollback-button').on(
335
+ 'click',
336
+ function (event) {
337
+
338
+ event.preventDefault();
339
+
340
+ var $this = $(this),
341
+ href = $this.attr('href');
342
+
343
+ if (!href) {
344
+ return;
345
+ }
346
+
347
+ // Show PAPRO stable version if PAPRO Rollback is clicked
348
+ var isPAPRO = '';
349
+ if (-1 !== href.indexOf('papro_rollback')) {
350
+ isPAPRO = 'papro_';
351
+ }
352
+
353
+ var premiumRollBackConfirm = premiumAddonsSettings.premiumRollBackConfirm;
354
+
355
+ var dialogsManager = new DialogsManager.Instance();
356
+
357
+ dialogsManager.createWidget(
358
+ 'confirm',
359
+ {
360
+ headerMessage: premiumRollBackConfirm.i18n.rollback_to_previous_version,
361
+ message: premiumRollBackConfirm['i18n'][isPAPRO + 'rollback_confirm'],
362
+ strings: {
363
+ cancel: premiumRollBackConfirm.i18n.cancel,
364
+ confirm: premiumRollBackConfirm.i18n.yes,
365
+ },
366
+ onConfirm: function () {
367
+
368
+ $this.addClass('loading');
369
+
370
+ location.href = $this.attr('href');
371
+
372
+ }
373
+ }
374
+ ).show();
375
+ }
376
+ );
377
+
378
+ };
379
+
380
+ self.saveElementsSettings = function (action) { //save elements settings changes
381
+
382
+ var $form = null;
383
+
384
+ if ('elements' === action) {
385
+ $form = $('form#pa-settings, form#pa-features');
386
+ action = 'pa_elements_settings';
387
+ } else {
388
+ $form = $('form#pa-ver-control, form#pa-integrations');
389
+ action = 'pa_additional_settings';
390
+ }
391
+
392
+ $.ajax(
393
+ {
394
+ url: settings.ajaxurl,
395
+ type: 'POST',
396
+ data: {
397
+ action: action,
398
+ security: settings.nonce,
399
+ fields: $form.serialize(),
400
+ },
401
+ success: function (response) {
402
+ console.log('settings saved');
403
+
404
+ self.genButtonDisplay();
405
+ },
406
+ error: function (err) {
407
+ console.log(err);
408
+ }
409
+ }
410
+ );
411
+ }
412
+
413
+ self.genButtonDisplay = function () {
414
+ var $form = $('form#pa-settings'),
415
+ searchTerm = 'premium-assets-generator=on',
416
+ indexOfFirst = $form.serialize().indexOf(searchTerm);
417
+
418
+ if (indexOfFirst !== -1) {
419
+ $('.pa-btn-generate').show();
420
+ } else {
421
+ $('.pa-btn-generate').hide();
422
+ }
423
+ };
424
+
425
+ self.handlePaproActions = function () {
426
+
427
+ // Trigger SWAL for PRO elements
428
+ $(".pro-slider").on(
429
+ 'click',
430
+ function () {
431
+
432
+ var redirectionLink = " https://premiumaddons.com/pro/?utm_source=wp-menu&utm_medium=wp-dash&utm_campaign=get-pro&utm_term=";
433
+
434
+ Swal.fire(
435
+ {
436
+ title: '<span class="pa-swal-head">Get PRO Widgets & Addons<span>',
437
+ html: 'Supercharge your Elementor with PRO widgets and addons that you won’t find anywhere else.',
438
+ type: 'warning',
439
+ showCloseButton: true,
440
+ showCancelButton: true,
441
+ cancelButtonText: "More Info",
442
+ focusConfirm: true,
443
+ customClass: 'pa-swal',
444
+ }
445
+ ).then(
446
+ function (res) {
447
+ // Handle More Info button
448
+ if (res.dismiss === 'cancel') {
449
+ window.open(redirectionLink + settings.theme, '_blank');
450
+ }
451
+
452
+ }
453
+ );
454
+ }
455
+ );
456
+
457
+ // Trigger SWAL for White Labeling
458
+ $(".premium-white-label-form.pro-inactive").on(
459
+ 'submit',
460
+ function (e) {
461
+
462
+ e.preventDefault();
463
+
464
+ var redirectionLink = " https://premiumaddons.com/pro/?utm_source=wp-menu&utm_medium=wp-dash&utm_campaign=get-pro&utm_term=";
465
+
466
+ Swal.fire(
467
+ {
468
+ title: '<span class="pa-swal-head">Enable White Labeling Options<span>',
469
+ html: 'Premium Addons can be completely re-branded with your own brand name and author details. Your clients will never know what tools you are using to build their website and will think that this is your own tool set. White-labeling works as long as your license is active.',
470
+ type: 'warning',
471
+ showCloseButton: true,
472
+ showCancelButton: true,
473
+ cancelButtonText: "More Info",
474
+ focusConfirm: true
475
+ }
476
+ ).then(
477
+ function (res) {
478
+ // Handle More Info button
479
+ if (res.dismiss === 'cancel') {
480
+ window.open(redirectionLink + settings.theme, '_blank');
481
+ }
482
+
483
+ }
484
+ );
485
+ }
486
+ );
487
+
488
+ };
489
+
490
+ self.handleNewsLetterForm = function () {
491
+
492
+ $('.pa-newsletter-form').on('submit', function (e) {
493
+ e.preventDefault();
494
+
495
+ var email = $("#pa_news_email").val();
496
+
497
+ if (checkEmail(email)) {
498
+ $.ajax(
499
+ {
500
+ url: settings.ajaxurl,
501
+ type: 'POST',
502
+ data: {
503
+ action: 'subscribe_newsletter',
504
+ security: settings.nonce,
505
+ email: email
506
+ },
507
+ beforeSend: function () {
508
+ console.log("Adding user to subscribers list");
509
+ },
510
+ success: function (response) {
511
+ if (response.data) {
512
+ var status = response.data.status;
513
+ if (status) {
514
+ console.log("User added to subscribers list");
515
+ swal.fire({
516
+ title: 'Thanks for subscribing!',
517
+ text: 'Click OK to continue',
518
+ type: 'success',
519
+ timer: 1000
520
+ });
521
+ }
522
+
523
+ }
524
+
525
+ },
526
+ error: function (err) {
527
+ console.log(err);
528
+ }
529
+ }
530
+ );
531
+ } else {
532
+ Swal.fire({
533
+ type: 'error',
534
+ title: 'Invalid Email Address...',
535
+ text: 'Please enter a valid email address!'
536
+ });
537
+ }
538
+
539
+ })
540
+
541
+ };
542
+
543
+ function checkEmail(emailAddress) {
544
+ var pattern = new RegExp(/^(("[\w-+\s]+")|([\w-+]+(?:\.[\w-+]+)*)|("[\w-+\s]+")([\w-+]+(?:\.[\w-+]+)*))(@((?:[\w-+]+\.)*\w[\w-+]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][\d]\.|1[\d]{2}\.|[\d]{1,2}\.))((25[0-5]|2[0-4][\d]|1[\d]{2}|[\d]{1,2})\.){2}(25[0-5]|2[0-4][\d]|1[\d]{2}|[\d]{1,2})\]?$)/i);
545
+ return pattern.test(emailAddress);
546
+ }
547
+
548
+ };
549
+
550
+ var instance = new PremiumAddonsNavigation();
551
+
552
+ instance.init();
553
+
554
+ })(jQuery);
admin/includes/beta-testers.php CHANGED
@@ -1,143 +1,143 @@
1
- <?php
2
- /**
3
- * PA Beta Tester.
4
- */
5
-
6
- namespace PremiumAddons\Admin\Includes;
7
-
8
- if ( ! defined( 'ABSPATH' ) ) {
9
- exit;
10
- }
11
-
12
- /**
13
- * Class Beta_Testers.
14
- */
15
- class Beta_Testers {
16
-
17
- /**
18
- * Class object
19
- *
20
- * @var instance
21
- */
22
- private static $instance = null;
23
-
24
- /**
25
- * Transient key
26
- *
27
- * @var transient_key
28
- */
29
- private $transient_key;
30
-
31
- /**
32
- * Class Constructor
33
- */
34
- public function __construct() {
35
-
36
- $settings = Admin_Helper::get_integrations_settings();
37
-
38
- $is_beta_tester = isset( $settings['is-beta-tester'] ) ? $settings['is-beta-tester'] : 0;
39
-
40
- if ( ! $is_beta_tester ) {
41
- return;
42
- }
43
-
44
- $this->transient_key = md5( 'premium_addons_beta_response_key' );
45
-
46
- add_filter( 'pre_set_site_transient_update_plugins', array( $this, 'compare_version' ) );
47
-
48
- }
49
-
50
- /**
51
- * Get beta version
52
- *
53
- * Checks if the version in trunk is beta
54
- *
55
- * @since 2.1.3
56
- * @access public
57
- */
58
- private function get_beta_version() {
59
-
60
- $beta_version = get_site_transient( $this->transient_key );
61
-
62
- if ( false === $beta_version ) {
63
-
64
- $beta_version = 'false';
65
-
66
- $response = wp_remote_get( 'https://plugins.svn.wordpress.org/premium-addons-for-elementor/trunk/readme.txt' );
67
-
68
- if ( ! is_wp_error( $response ) && ! empty( $response['body'] ) ) {
69
- preg_match( '/Beta tag: (.*)/i', $response['body'], $matches );
70
- if ( isset( $matches[1] ) ) {
71
- $beta_version = trim( $matches[1] );
72
- }
73
- }
74
-
75
- set_site_transient( $this->transient_key, $beta_version, 12 * HOUR_IN_SECONDS );
76
-
77
- }
78
-
79
- return $beta_version;
80
- }
81
-
82
- /**
83
- * Get version
84
- *
85
- * Checks if the version in trunk is beta
86
- *
87
- * @since 2.1.3
88
- * @access public
89
- *
90
- * @param object $transient Plugin updates data.
91
- *
92
- * @return object Plugin updates data.
93
- */
94
- public function compare_version( $transient ) {
95
-
96
- if ( empty( $transient->checked ) ) {
97
- return $transient;
98
- }
99
-
100
- delete_site_transient( $this->transient_key );
101
-
102
- $plugin_slug = basename( PREMIUM_ADDONS_FILE, '.php' );
103
-
104
- $beta_version = $this->get_beta_version();
105
-
106
- if ( 'false' !== $beta_version && version_compare( $beta_version, PREMIUM_ADDONS_VERSION, '>' ) ) {
107
-
108
- $response = new \stdClass();
109
-
110
- $response->plugin = $plugin_slug;
111
-
112
- $response->slug = $plugin_slug;
113
-
114
- $response->new_version = $beta_version;
115
-
116
- $response->url = 'https://premiumaddons.com/';
117
-
118
- $response->package = sprintf( 'https://downloads.wordpress.org/plugin/premium-addons-for-elementor.%s.zip', $beta_version );
119
-
120
- $transient->response[ PREMIUM_ADDONS_BASENAME ] = $response;
121
- }
122
-
123
- return $transient;
124
- }
125
-
126
- /**
127
- * Creates and returns an instance of the class
128
- *
129
- * @since 2.6.8
130
- * @access public
131
- *
132
- * @return object
133
- */
134
- public static function get_instance() {
135
-
136
- if ( ! isset( self::$instance ) ) {
137
-
138
- self::$instance = new self();
139
-
140
- }
141
- return self::$instance;
142
- }
143
- }
1
+ <?php
2
+ /**
3
+ * PA Beta Tester.
4
+ */
5
+
6
+ namespace PremiumAddons\Admin\Includes;
7
+
8
+ if ( ! defined( 'ABSPATH' ) ) {
9
+ exit;
10
+ }
11
+
12
+ /**
13
+ * Class Beta_Testers.
14
+ */
15
+ class Beta_Testers {
16
+
17
+ /**
18
+ * Class object
19
+ *
20
+ * @var instance
21
+ */
22
+ private static $instance = null;
23
+
24
+ /**
25
+ * Transient key
26
+ *
27
+ * @var transient_key
28
+ */
29
+ private $transient_key;
30
+
31
+ /**
32
+ * Class Constructor
33
+ */
34
+ public function __construct() {
35
+
36
+ $settings = Admin_Helper::get_integrations_settings();
37
+
38
+ $is_beta_tester = isset( $settings['is-beta-tester'] ) ? $settings['is-beta-tester'] : 0;
39
+
40
+ if ( ! $is_beta_tester ) {
41
+ return;
42
+ }
43
+
44
+ $this->transient_key = md5( 'premium_addons_beta_response_key' );
45
+
46
+ add_filter( 'pre_set_site_transient_update_plugins', array( $this, 'compare_version' ) );
47
+
48
+ }
49
+
50
+ /**
51
+ * Get beta version
52
+ *
53
+ * Checks if the version in trunk is beta
54
+ *
55
+ * @since 2.1.3
56
+ * @access public
57
+ */
58
+ private function get_beta_version() {
59
+
60
+ $beta_version = get_site_transient( $this->transient_key );
61
+
62
+ if ( false === $beta_version ) {
63
+
64
+ $beta_version = 'false';
65
+
66
+ $response = wp_remote_get( 'https://plugins.svn.wordpress.org/premium-addons-for-elementor/trunk/readme.txt' );
67
+
68
+ if ( ! is_wp_error( $response ) && ! empty( $response['body'] ) ) {
69
+ preg_match( '/Beta tag: (.*)/i', $response['body'], $matches );
70
+ if ( isset( $matches[1] ) ) {
71
+ $beta_version = trim( $matches[1] );
72
+ }
73
+ }
74
+
75
+ set_site_transient( $this->transient_key, $beta_version, 12 * HOUR_IN_SECONDS );
76
+
77
+ }
78
+
79
+ return $beta_version;
80
+ }
81
+
82
+ /**
83
+ * Get version
84
+ *
85
+ * Checks if the version in trunk is beta
86
+ *
87
+ * @since 2.1.3
88
+ * @access public
89
+ *
90
+ * @param object $transient Plugin updates data.
91
+ *
92
+ * @return object Plugin updates data.
93
+ */
94
+ public function compare_version( $transient ) {
95
+
96
+ if ( empty( $transient->checked ) ) {
97
+ return $transient;
98
+ }
99
+
100
+ delete_site_transient( $this->transient_key );
101
+
102
+ $plugin_slug = basename( PREMIUM_ADDONS_FILE, '.php' );
103
+
104
+ $beta_version = $this->get_beta_version();
105
+
106
+ if ( 'false' !== $beta_version && version_compare( $beta_version, PREMIUM_ADDONS_VERSION, '>' ) ) {
107
+
108
+ $response = new \stdClass();
109
+
110
+ $response->plugin = $plugin_slug;
111
+
112
+ $response->slug = $plugin_slug;
113
+
114
+ $response->new_version = $beta_version;
115
+
116
+ $response->url = 'https://premiumaddons.com/';
117
+
118
+ $response->package = sprintf( 'https://downloads.wordpress.org/plugin/premium-addons-for-elementor.%s.zip', $beta_version );
119
+
120
+ $transient->response[ PREMIUM_ADDONS_BASENAME ] = $response;
121
+ }
122
+
123
+ return $transient;
124
+ }
125
+
126
+ /**
127
+ * Creates and returns an instance of the class
128
+ *
129
+ * @since 2.6.8
130
+ * @access public
131
+ *
132
+ * @return object
133
+ */
134
+ public static function get_instance() {
135
+
136
+ if ( ! isset( self::$instance ) ) {
137
+
138
+ self::$instance = new self();
139
+
140
+ }
141
+ return self::$instance;
142
+ }
143
+ }
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-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
  }
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/common.css CHANGED
@@ -1,274 +1,274 @@
1
  /*
2
  * Common Title/Dual Heading
3
- */
4
- .premium-title-bg-text:before {
5
- position: absolute;
6
- content: attr(data-background);
7
- top: 0;
8
- left: 0;
9
- text-align: left; }
10
-
11
- .premium-bg-text-yes .elementor-widget-container:before {
12
- position: absolute;
13
- top: 0;
14
- left: 0;
15
- text-align: left; }
16
-
17
- .premium-mask-yes .premium-dual-header-first-clip .premium-dual-header-first-span .premium-mask-span,
18
- .premium-mask-yes .premium-dual-header-second-clip .premium-mask-span {
19
- background: inherit; }
20
-
21
- .premium-mask-yes .premium-mask-span {
22
- position: relative;
23
- overflow: hidden;
24
- -js-display: inline-flex !important;
25
- display: -webkit-inline-box !important;
26
- display: -webkit-inline-flex !important;
27
- display: -moz-inline-box !important;
28
- display: -ms-inline-flexbox !important;
29
- display: inline-flex !important; }
30
- .premium-mask-yes .premium-mask-span::after {
31
- content: "";
32
- position: absolute;
33
- top: 0;
34
- right: 0px;
35
- width: 100%;
36
- height: 100%;
37
- background-color: currentColor;
38
- -webkit-backface-visibility: visible;
39
- backface-visibility: visible; }
40
-
41
- .premium-mask-active.premium-mask-tr .premium-mask-span::after {
42
- -webkit-animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
43
- animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
44
- -webkit-transform: translateX(-103%);
45
- -ms-transform: translateX(-103%);
46
- transform: translateX(-103%); }
47
-
48
- .premium-mask-active.premium-mask-tl .premium-mask-span::after {
49
- -webkit-animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
50
- animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
51
- -webkit-transform: translateX(103%);
52
- -ms-transform: translateX(103%);
53
- transform: translateX(103%); }
54
-
55
- .premium-mask-active.premium-mask-tb .premium-mask-span::after {
56
- -webkit-animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
57
- animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
58
- -webkit-transform: translateY(-103%);
59
- -ms-transform: translateY(-103%);
60
- transform: translateY(-103%); }
61
-
62
- .premium-mask-active.premium-mask-tt .premium-mask-span::after {
63
- -webkit-animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
64
- animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
65
- -webkit-transform: translateY(103%);
66
- -ms-transform: translateY(103%);
67
- transform: translateY(103%); }
68
-
69
- @-webkit-keyframes pa-mask-tr {
70
- 0% {
71
- -webkit-transform: translateX(0%);
72
- transform: translateX(0%); }
73
- 100% {
74
- -webkit-transform: translateX(103%);
75
- transform: translateX(103%); } }
76
-
77
- @keyframes pa-mask-tr {
78
- 0% {
79
- -webkit-transform: translateX(0%);
80
- transform: translateX(0%); }
81
- 100% {
82
- -webkit-transform: translateX(103%);
83
- transform: translateX(103%); } }
84
-
85
- @-webkit-keyframes pa-mask-tl {
86
- 0% {
87
- -webkit-transform: translateX(0%);
88
- transform: translateX(0%); }
89
- 100% {
90
- -webkit-transform: translateX(-103%);
91
- transform: translateX(-103%); } }
92
-
93
- @keyframes pa-mask-tl {
94
- 0% {
95
- -webkit-transform: translateX(0%);
96
- transform: translateX(0%); }
97
- 100% {
98
- -webkit-transform: translateX(-103%);
99
- transform: translateX(-103%); } }
100
-
101
- @-webkit-keyframes pa-mask-tb {
102
- 0% {
103
- -webkit-transform: translateY(0%);
104
- transform: translateY(0%); }
105
- 100% {
106
- -webkit-transform: translateY(103%);
107
- transform: translateY(103%); } }
108
-
109
- @keyframes pa-mask-tb {
110
- 0% {
111
- -webkit-transform: translateY(0%);
112
- transform: translateY(0%); }
113
- 100% {
114
- -webkit-transform: translateY(103%);
115
- transform: translateY(103%); } }
116
-
117
- @-webkit-keyframes pa-mask-tt {
118
- 0% {
119
- -webkit-transform: translateY(0%);
120
- transform: translateY(0%); }
121
- 100% {
122
- -webkit-transform: translateY(-103%);
123
- transform: translateY(-103%); } }
124
-
125
- @keyframes pa-mask-tt {
126
- 0% {
127
- -webkit-transform: translateY(0%);
128
- transform: translateY(0%); }
129
- 100% {
130
- -webkit-transform: translateY(-103%);
131
- transform: translateY(-103%); } }
132
-
133
  /*
134
  * Common Buttons Style.
135
- */
136
- .premium-button .premium-lottie-animation,
137
- .premium-image-button .premium-lottie-animation {
138
- -js-display: flex;
139
- display: -webkit-box;
140
- display: -webkit-flex;
141
- display: -moz-box;
142
- display: -ms-flexbox;
143
- display: flex; }
144
-
145
- .premium-button svg,
146
- .premium-image-button svg {
147
- width: 30px;
148
- height: 30px; }
149
-
150
- .premium-btn-sm,
151
- .premium-btn-md,
152
- .premium-btn-lg,
153
- .premium-btn-block {
154
- background-color: #eee;
155
- color: #042551;
156
- margin: 0px;
157
- text-decoration: none; }
158
- .premium-btn-sm:hover,
159
- .premium-btn-md:hover,
160
- .premium-btn-lg:hover,
161
- .premium-btn-block:hover {
162
- background-color: #54595f;
163
- color: #eee; }
164
-
165
- div[class*="elementor-widget-premium"] .premium-btn-sm {
166
- padding: 12px 24px;
167
- font-size: 14px;
168
- line-height: 1; }
169
-
170
- div[class*="elementor-widget-premium"] .premium-btn-md {
171
- padding: 14px 26px;
172
- font-size: 16px;
173
- line-height: 1.2; }
174
-
175
- div[class*="elementor-widget-premium"] .premium-btn-lg {
176
- padding: 16px 28px;
177
- font-size: 18px;
178
- line-height: 1.3333; }
179
-
180
- div[class*="elementor-widget-premium"] .premium-btn-block {
181
- font-size: 18px;
182
- line-height: 1;
183
- padding: 20px 0px;
184
- width: 100%;
185
- text-align: center; }
186
-
187
- .premium-button-text {
188
- display: inline-block;
189
- width: 100%; }
190
-
191
  /*
192
  * Common Button/Image Button Mouse Detect Effect.
193
- */
194
- .premium-mouse-detect-yes .premium-button-style6 .premium-button-style6-bg {
195
- position: absolute;
196
- z-index: 0;
197
- top: 0;
198
- left: 0;
199
- width: 0px;
200
- height: 0px;
201
- -webkit-border-radius: 50%;
202
- border-radius: 50%;
203
- display: block;
204
- -webkit-transform: translate(-50%, -50%);
205
- -ms-transform: translate(-50%, -50%);
206
- transform: translate(-50%, -50%);
207
- -webkit-transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
208
- transition: width 0.4s ease-in-out, height 0.4s ease-in-out; }
209
-
210
- .premium-mouse-detect-yes .premium-button-style6:hover .premium-button-style6-bg {
211
- width: 225%;
212
- height: 560px; }
213
-
214
- .premium-mouse-detect-yes .premium-button-style6:before {
215
- width: 0;
216
- height: 0; }
217
-
218
- /** Loader */
219
- .premium-loader {
220
- border: 3px solid #f3f3f3;
221
- border-top-width: 3px;
222
- border-top-style: solid;
223
- border-top-color: #f3f3f3;
224
- -webkit-border-radius: 50%;
225
- border-radius: 50%;
226
- border-top: 3px solid;
227
- border-top-color: #bbb;
228
- width: 30px;
229
- height: 30px;
230
- -webkit-animation: spin 2s linear infinite;
231
- animation: spin 2s linear infinite;
232
- margin: 0 auto; }
233
-
234
  /*
235
  Common SVG Draw
236
  premium-svg-drawer not prefixed with 'svg'
237
  because it's rendered as div with custom SVG code.
238
- */
239
- .premium-svg-nodraw *,
240
- .premium-svg-drawer * {
241
- -webkit-transition: all 0.3s ease-in-out;
242
- transition: all 0.3s ease-in-out;
243
- -webkit-transition-property: stroke, fill, background-color;
244
- transition-property: stroke, fill, background-color; }
245
-
246
- .premium-svg-nodraw .no-transition,
247
- .premium-svg-drawer .no-transition {
248
- -webkit-transition: none !important;
249
- transition: none !important; }
250
-
251
- /** Common Animation */
252
- @-webkit-keyframes spin {
253
- 0% {
254
- -webkit-transform: rotate(0deg);
255
- transform: rotate(0deg); }
256
- 100% {
257
- -webkit-transform: rotate(360deg);
258
- transform: rotate(360deg); } }
259
- @keyframes spin {
260
- 0% {
261
- -webkit-transform: rotate(0deg);
262
- transform: rotate(0deg); }
263
- 100% {
264
- -webkit-transform: rotate(360deg);
265
- transform: rotate(360deg); } }
266
-
267
- /**Notice*/
268
- .premium-error-notice {
269
- width: 100%;
270
- padding: 10px;
271
- color: #b94a48;
272
- background-color: #f2dede;
273
- border-color: #eed3d7;
274
- text-align: center; }
1
  /*
2
  * Common Title/Dual Heading
3
+ */
4
+ .premium-title-bg-text:before {
5
+ position: absolute;
6
+ content: attr(data-background);
7
+ top: 0;
8
+ left: 0;
9
+ text-align: left; }
10
+
11
+ .premium-bg-text-yes .elementor-widget-container:before {
12
+ position: absolute;
13
+ top: 0;
14
+ left: 0;
15
+ text-align: left; }
16
+
17
+ .premium-mask-yes .premium-dual-header-first-clip .premium-dual-header-first-span .premium-mask-span,
18
+ .premium-mask-yes .premium-dual-header-second-clip .premium-mask-span {
19
+ background: inherit; }
20
+
21
+ .premium-mask-yes .premium-mask-span {
22
+ position: relative;
23
+ overflow: hidden;
24
+ -js-display: inline-flex !important;
25
+ display: -webkit-inline-box !important;
26
+ display: -webkit-inline-flex !important;
27
+ display: -moz-inline-box !important;
28
+ display: -ms-inline-flexbox !important;
29
+ display: inline-flex !important; }
30
+ .premium-mask-yes .premium-mask-span::after {
31
+ content: "";
32
+ position: absolute;
33
+ top: 0;
34
+ right: 0px;
35
+ width: 100%;
36
+ height: 100%;
37
+ background-color: currentColor;
38
+ -webkit-backface-visibility: visible;
39
+ backface-visibility: visible; }
40
+
41
+ .premium-mask-active.premium-mask-tr .premium-mask-span::after {
42
+ -webkit-animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
43
+ animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
44
+ -webkit-transform: translateX(-103%);
45
+ -ms-transform: translateX(-103%);
46
+ transform: translateX(-103%); }
47
+
48
+ .premium-mask-active.premium-mask-tl .premium-mask-span::after {
49
+ -webkit-animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
50
+ animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
51
+ -webkit-transform: translateX(103%);
52
+ -ms-transform: translateX(103%);
53
+ transform: translateX(103%); }
54
+
55
+ .premium-mask-active.premium-mask-tb .premium-mask-span::after {
56
+ -webkit-animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
57
+ animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
58
+ -webkit-transform: translateY(-103%);
59
+ -ms-transform: translateY(-103%);
60
+ transform: translateY(-103%); }
61
+
62
+ .premium-mask-active.premium-mask-tt .premium-mask-span::after {
63
+ -webkit-animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
64
+ animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
65
+ -webkit-transform: translateY(103%);
66
+ -ms-transform: translateY(103%);
67
+ transform: translateY(103%); }
68
+
69
+ @-webkit-keyframes pa-mask-tr {
70
+ 0% {
71
+ -webkit-transform: translateX(0%);
72
+ transform: translateX(0%); }
73
+ 100% {
74
+ -webkit-transform: translateX(103%);
75
+ transform: translateX(103%); } }
76
+
77
+ @keyframes pa-mask-tr {
78
+ 0% {
79
+ -webkit-transform: translateX(0%);
80
+ transform: translateX(0%); }
81
+ 100% {
82
+ -webkit-transform: translateX(103%);
83
+ transform: translateX(103%); } }
84
+
85
+ @-webkit-keyframes pa-mask-tl {
86
+ 0% {
87
+ -webkit-transform: translateX(0%);
88
+ transform: translateX(0%); }
89
+ 100% {
90
+ -webkit-transform: translateX(-103%);
91
+ transform: translateX(-103%); } }
92
+
93
+ @keyframes pa-mask-tl {
94
+ 0% {
95
+ -webkit-transform: translateX(0%);
96
+ transform: translateX(0%); }
97
+ 100% {
98
+ -webkit-transform: translateX(-103%);
99
+ transform: translateX(-103%); } }
100
+
101
+ @-webkit-keyframes pa-mask-tb {
102
+ 0% {
103
+ -webkit-transform: translateY(0%);
104
+ transform: translateY(0%); }
105
+ 100% {
106
+ -webkit-transform: translateY(103%);
107
+ transform: translateY(103%); } }
108
+
109
+ @keyframes pa-mask-tb {
110
+ 0% {
111
+ -webkit-transform: translateY(0%);
112
+ transform: translateY(0%); }
113
+ 100% {
114
+ -webkit-transform: translateY(103%);
115
+ transform: translateY(103%); } }
116
+
117
+ @-webkit-keyframes pa-mask-tt {
118
+ 0% {
119
+ -webkit-transform: translateY(0%);
120
+ transform: translateY(0%); }
121
+ 100% {
122
+ -webkit-transform: translateY(-103%);
123
+ transform: translateY(-103%); } }
124
+
125
+ @keyframes pa-mask-tt {
126
+ 0% {
127
+ -webkit-transform: translateY(0%);
128
+ transform: translateY(0%); }
129
+ 100% {
130
+ -webkit-transform: translateY(-103%);
131
+ transform: translateY(-103%); } }
132
+
133
  /*
134
  * Common Buttons Style.
135
+ */
136
+ .premium-button .premium-lottie-animation,
137
+ .premium-image-button .premium-lottie-animation {
138
+ -js-display: flex;
139
+ display: -webkit-box;
140
+ display: -webkit-flex;
141
+ display: -moz-box;
142
+ display: -ms-flexbox;
143
+ display: flex; }
144
+
145
+ .premium-button svg,
146
+ .premium-image-button svg {
147
+ width: 30px;
148
+ height: 30px; }
149
+
150
+ .premium-btn-sm,
151
+ .premium-btn-md,
152
+ .premium-btn-lg,
153
+ .premium-btn-block {
154
+ background-color: #eee;
155
+ color: #042551;
156
+ margin: 0px;
157
+ text-decoration: none; }
158
+ .premium-btn-sm:hover,
159
+ .premium-btn-md:hover,
160
+ .premium-btn-lg:hover,
161
+ .premium-btn-block:hover {
162
+ background-color: #54595f;
163
+ color: #eee; }
164
+
165
+ div[class*="elementor-widget-premium"] .premium-btn-sm {
166
+ padding: 12px 24px;
167
+ font-size: 14px;
168
+ line-height: 1; }
169
+
170
+ div[class*="elementor-widget-premium"] .premium-btn-md {
171
+ padding: 14px 26px;
172
+ font-size: 16px;
173
+ line-height: 1.2; }
174
+
175
+ div[class*="elementor-widget-premium"] .premium-btn-lg {
176
+ padding: 16px 28px;
177
+ font-size: 18px;
178
+ line-height: 1.3333; }
179
+
180
+ div[class*="elementor-widget-premium"] .premium-btn-block {
181
+ font-size: 18px;
182
+ line-height: 1;
183
+ padding: 20px 0px;
184
+ width: 100%;
185
+ text-align: center; }
186
+
187
+ .premium-button-text {
188
+ display: inline-block;
189
+ width: 100%; }
190
+
191
  /*
192
  * Common Button/Image Button Mouse Detect Effect.
193
+ */
194
+ .premium-mouse-detect-yes .premium-button-style6 .premium-button-style6-bg {
195
+ position: absolute;
196
+ z-index: 0;
197
+ top: 0;
198
+ left: 0;
199
+ width: 0px;
200
+ height: 0px;
201
+ -webkit-border-radius: 50%;
202
+ border-radius: 50%;
203
+ display: block;
204
+ -webkit-transform: translate(-50%, -50%);
205
+ -ms-transform: translate(-50%, -50%);
206
+ transform: translate(-50%, -50%);
207
+ -webkit-transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
208
+ transition: width 0.4s ease-in-out, height 0.4s ease-in-out; }
209
+
210
+ .premium-mouse-detect-yes .premium-button-style6:hover .premium-button-style6-bg {
211
+ width: 225%;
212
+ height: 560px; }
213
+
214
+ .premium-mouse-detect-yes .premium-button-style6:before {
215
+ width: 0;
216
+ height: 0; }
217
+
218
+ /** Loader */
219
+ .premium-loader {
220
+ border: 3px solid #f3f3f3;
221
+ border-top-width: 3px;
222
+ border-top-style: solid;
223
+ border-top-color: #f3f3f3;
224
+ -webkit-border-radius: 50%;
225
+ border-radius: 50%;
226
+ border-top: 3px solid;
227
+ border-top-color: #bbb;
228
+ width: 30px;
229
+ height: 30px;
230
+ -webkit-animation: spin 2s linear infinite;
231
+ animation: spin 2s linear infinite;
232
+ margin: 0 auto; }
233
+
234
  /*
235
  Common SVG Draw
236
  premium-svg-drawer not prefixed with 'svg'
237
  because it's rendered as div with custom SVG code.
238
+ */
239
+ .premium-svg-nodraw *,
240
+ .premium-svg-drawer * {
241
+ -webkit-transition: all 0.3s ease-in-out;
242
+ transition: all 0.3s ease-in-out;
243
+ -webkit-transition-property: stroke, fill, background-color;
244
+ transition-property: stroke, fill, background-color; }
245
+
246
+ .premium-svg-nodraw .no-transition,
247
+ .premium-svg-drawer .no-transition {
248
+ -webkit-transition: none !important;
249
+ transition: none !important; }
250
+
251
+ /** Common Animation */
252
+ @-webkit-keyframes spin {
253
+ 0% {
254
+ -webkit-transform: rotate(0deg);
255
+ transform: rotate(0deg); }
256
+ 100% {
257
+ -webkit-transform: rotate(360deg);
258
+ transform: rotate(360deg); } }
259
+ @keyframes spin {
260
+ 0% {
261
+ -webkit-transform: rotate(0deg);
262
+ transform: rotate(0deg); }
263
+ 100% {
264
+ -webkit-transform: rotate(360deg);
265
+ transform: rotate(360deg); } }
266
+
267
+ /**Notice*/
268
+ .premium-error-notice {
269
+ width: 100%;
270
+ padding: 10px;
271
+ color: #b94a48;
272
+ background-color: #f2dede;
273
+ border-color: #eed3d7;
274
+ text-align: center; }
assets/frontend/css/premium-addons-rtl.css CHANGED
@@ -4657,197 +4657,197 @@ ul[data-list-animation*="animated-"] .premium-bullet-list-divider-inline {
4657
  transform: rotateX(360deg);
4658
  }
4659
  }
4660
- /************ Premium Image Scroll ***************/
4661
- /*************************************************/
4662
- .premium-image-scroll-section,
4663
- .premium-image-scroll-container {
4664
- -webkit-transition: all 0.3s ease-in-out;
4665
- transition: all 0.3s ease-in-out;
4666
- }
4667
-
4668
- .premium-image-scroll-section {
4669
- position: relative;
4670
- overflow: hidden;
4671
- width: 100%;
4672
- -webkit-mask-image: -webkit-radial-gradient(white, black);
4673
- }
4674
-
4675
- .premium-image-scroll-container {
4676
- width: 100%;
4677
- }
4678
-
4679
- .premium-image-scroll-container .premium-image-scroll-mask-media {
4680
- -webkit-mask-repeat: no-repeat;
4681
- mask-repeat: no-repeat;
4682
- -webkit-mask-position: center;
4683
- mask-position: center;
4684
- }
4685
-
4686
- .premium-container-scroll {
4687
- overflow: auto;
4688
- }
4689
-
4690
- .premium-image-scroll-container .premium-image-scroll-horizontal {
4691
- position: relative;
4692
- width: 100%;
4693
- height: 100%;
4694
- }
4695
-
4696
- .premium-image-scroll-container .premium-image-scroll-horizontal img {
4697
- max-width: none;
4698
- height: 100%;
4699
- }
4700
-
4701
- .premium-image-scroll-container .premium-image-scroll-vertical img {
4702
- width: 100%;
4703
- max-width: 100%;
4704
- height: auto;
4705
- }
4706
-
4707
- .premium-image-scroll-ver {
4708
- position: relative;
4709
- }
4710
-
4711
- .premium-image-scroll-container .premium-image-scroll-overlay {
4712
- background: rgba(2, 2, 2, 0.3);
4713
- }
4714
-
4715
- .premium-image-scroll-container .premium-image-scroll-link,
4716
- .premium-image-scroll-container .premium-image-scroll-overlay {
4717
- position: absolute;
4718
- top: 0;
4719
- bottom: 0;
4720
- right: 0;
4721
- left: 0;
4722
- z-index: 4;
4723
- }
4724
-
4725
- .premium-image-scroll-content {
4726
- display: inline-block;
4727
- position: absolute;
4728
- height: auto;
4729
- top: 50%;
4730
- right: 50%;
4731
- text-align: center;
4732
- z-index: 5;
4733
- -webkit-transform: translate(50%, -50%);
4734
- -ms-transform: translate(50%, -50%);
4735
- transform: translate(50%, -50%);
4736
- }
4737
-
4738
- .premium-container-scroll-instant .premium-image-scroll-image {
4739
- -webkit-transition: all 0s ease-in-out !important;
4740
- transition: all 0s ease-in-out !important;
4741
- }
4742
-
4743
- .premium-image-scroll-container img {
4744
- -webkit-transition: -webkit-transform 3s ease-in-out;
4745
- transition: -webkit-transform 3s ease-in-out;
4746
- transition: transform 3s ease-in-out;
4747
- transition: transform 3s ease-in-out, -webkit-transform 3s ease-in-out;
4748
- }
4749
-
4750
- .premium-image-scroll-container .premium-image-scroll-overlay,
4751
- .premium-image-scroll-container .premium-image-scroll-content {
4752
- -webkit-transition: all 0.3s ease-in-out;
4753
- transition: all 0.3s ease-in-out;
4754
- opacity: 1;
4755
- }
4756
-
4757
- .premium-image-scroll-container:hover .premium-image-scroll-overlay {
4758
- opacity: 0;
4759
- }
4760
-
4761
- .premium-image-scroll-container:hover .premium-image-scroll-content {
4762
- opacity: 0;
4763
- visibility: hidden;
4764
- }
4765
-
4766
- .premium-image-scroll-content .premium-image-scroll-icon {
4767
- display: inline-block;
4768
- font-family: "pa-elements" !important;
4769
- speak: none;
4770
- font-style: normal;
4771
- font-weight: normal;
4772
- font-variant: normal;
4773
- text-transform: none;
4774
- line-height: 1;
4775
- -webkit-font-smoothing: antialiased;
4776
- -moz-osx-font-smoothing: grayscale;
4777
- -webkit-animation-duration: 0.5s;
4778
- animation-duration: 0.5s;
4779
- -webkit-animation-iteration-count: infinite;
4780
- animation-iteration-count: infinite;
4781
- -webkit-animation-direction: alternate;
4782
- animation-direction: alternate;
4783
- -webkit-animation-timing-function: ease-in-out;
4784
- animation-timing-function: ease-in-out;
4785
- }
4786
-
4787
- .pa-horizontal-mouse-scroll:before {
4788
- content: "\e901";
4789
- }
4790
-
4791
- .pa-vertical-mouse-scroll:before {
4792
- content: "\e93c";
4793
- }
4794
-
4795
- .pa-horizontal-mouse-scroll {
4796
- -webkit-animation-name: pa-scroll-horizontal;
4797
- animation-name: pa-scroll-horizontal;
4798
- }
4799
-
4800
- .pa-vertical-mouse-scroll {
4801
- -webkit-animation-name: pa-scroll-vertical;
4802
- animation-name: pa-scroll-vertical;
4803
- }
4804
-
4805
- @-webkit-keyframes pa-scroll-vertical {
4806
- 0% {
4807
- -webkit-transform: translateY(0px);
4808
- transform: translateY(0px);
4809
- }
4810
-
4811
- 100% {
4812
- -webkit-transform: translateY(5px);
4813
- transform: translateY(5px);
4814
- }
4815
- }
4816
-
4817
- @keyframes pa-scroll-vertical {
4818
- 0% {
4819
- -webkit-transform: translateY(0px);
4820
- transform: translateY(0px);
4821
- }
4822
-
4823
- 100% {
4824
- -webkit-transform: translateY(5px);
4825
- transform: translateY(5px);
4826
- }
4827
- }
4828
-
4829
- @-webkit-keyframes pa-scroll-horizontal {
4830
- 0% {
4831
- -webkit-transform: translateX(0px);
4832
- transform: translateX(0px);
4833
- }
4834
-
4835
- 100% {
4836
- -webkit-transform: translateX(-5px);
4837
- transform: translateX(-5px);
4838
- }
4839
- }
4840
-
4841
- @keyframes pa-scroll-horizontal {
4842
- 0% {
4843
- -webkit-transform: translateX(0px);
4844
- transform: translateX(0px);
4845
- }
4846
-
4847
- 100% {
4848
- -webkit-transform: translateX(-5px);
4849
- transform: translateX(-5px);
4850
- }
4851
  }
4852
  /**************** Premium Image Separator ****************/
4853
  /*********************************************************/
@@ -5702,2015 +5702,3156 @@ button.premium-modal-box-modal-close {
5702
  .premium-modal-box-container[data-modal-animation*="animated-"] {
5703
  opacity: 0;
5704
  }
5705
- /************ Premium Nav Menu ************/
5706
- .premium-nav-widget-container ul {
5707
- list-style: none;
5708
- margin: 0;
5709
- padding: 0;
5710
- }
5711
-
5712
- .premium-nav-widget-container .premium-main-nav-menu {
5713
- -js-display: flex;
5714
- display: -webkit-box;
5715
- display: -webkit-flex;
5716
- display: -moz-box;
5717
- display: -ms-flexbox;
5718
- display: flex;
5719
- height: 100%;
5720
- }
5721
-
5722
- /*Vertical Main Menu**/
5723
- .premium-nav-ver .premium-ver-inner-container {
5724
- width: 45%;
5725
- position: relative;
5726
- }
5727
-
5728
- .premium-nav-ver .premium-nav-menu-container,
5729
- .premium-nav-ver .premium-ver-toggler {
5730
- width: 100%;
5731
- }
5732
-
5733
- .premium-nav-ver .premium-nav-menu-container {
5734
- background-color: #fff;
5735
- -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
5736
- box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
5737
- }
5738
-
5739
- .premium-nav-ver .premium-main-nav-menu {
5740
- position: relative;
5741
- -webkit-box-orient: vertical;
5742
- -webkit-box-direction: normal;
5743
- -webkit-flex-direction: column;
5744
- -moz-box-orient: vertical;
5745
- -moz-box-direction: normal;
5746
- -ms-flex-direction: column;
5747
- flex-direction: column;
5748
- -webkit-box-align: start;
5749
- -webkit-align-items: flex-start;
5750
- -moz-box-align: start;
5751
- -ms-flex-align: start;
5752
- align-items: flex-start;
5753
- }
5754
-
5755
- .premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item.menu-item-has-children .premium-sub-menu {
5756
- visibility: hidden;
5757
- opacity: 0;
5758
- position: absolute;
5759
- min-width: 250px;
5760
- }
5761
-
5762
- .premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item.menu-item-has-children:hover>.premium-sub-menu,
5763
- .premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item.menu-item-has-children:hover .premium-mega-content-container {
5764
- opacity: 1;
5765
- visibility: visible;
5766
- pointer-events: auto;
5767
- }
5768
-
5769
- .premium-nav-ver .premium-nav-menu-item {
5770
- width: 100%;
5771
- }
5772
-
5773
- .premium-nav-ver:not(.premium-hamburger-menu).premium-vertical-right .premium-mega-content-container,
5774
- .premium-nav-ver:not(.premium-hamburger-menu).premium-vertical-right .premium-nav-menu-item.menu-item-has-children .premium-sub-menu {
5775
- left: 100%;
5776
- top: 0;
5777
- }
5778
-
5779
- .premium-nav-ver:not(.premium-hamburger-menu).premium-vertical-left .premium-mega-content-container,
5780
- .premium-nav-ver:not(.premium-hamburger-menu).premium-vertical-left .premium-nav-menu-item.menu-item-has-children .premium-sub-menu {
5781
- right: 100%;
5782
- top: 0;
5783
- }
5784
-
5785
- .premium-nav-ver.premium-vertical-left .premium-menu-link {
5786
- -webkit-box-orient: horizontal;
5787
- -webkit-box-direction: reverse;
5788
- -webkit-flex-direction: row-reverse;
5789
- -moz-box-orient: horizontal;
5790
- -moz-box-direction: reverse;
5791
- -ms-flex-direction: row-reverse;
5792
- flex-direction: row-reverse;
5793
- }
5794
-
5795
- /*Horizontal Main Menu**/
5796
- .premium-nav-hor .premium-nav-menu-container {
5797
- height: 60px;
5798
- }
5799
-
5800
- .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item .premium-sub-menu {
5801
- visibility: hidden;
5802
- opacity: 0;
5803
- position: absolute;
5804
- min-width: 220px;
5805
- }
5806
-
5807
- .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item>.premium-sub-menu,
5808
- .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item .premium-mega-content-container {
5809
- top: 100%;
5810
- }
5811
-
5812
- .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item>.premium-sub-menu .premium-sub-menu,
5813
- .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item .premium-mega-content-container .premium-sub-menu {
5814
- right: 100%;
5815
- top: 0;
5816
- }
5817
-
5818
- .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item.premium-item-hovered>.premium-sub-menu,
5819
- .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item.premium-item-hovered .premium-mega-content-container {
5820
- visibility: visible;
5821
- opacity: 1;
5822
- pointer-events: auto;
5823
- }
5824
-
5825
- .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item.premium-mega-item-static .premium-mega-content-container {
5826
- left: 50%;
5827
- -webkit-transform: translateX(-50%);
5828
- -ms-transform: translateX(-50%);
5829
- transform: translateX(-50%);
5830
- }
5831
-
5832
- .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item:not(.premium-mega-item-static) .premium-mega-content-container {
5833
- left: 0;
5834
- }
5835
-
5836
- /**Mega Menu Container*/
5837
- .premium-mega-nav-item>.premium-sub-menu {
5838
- display: none;
5839
- }
5840
-
5841
- .premium-mega-nav-item {
5842
- position: relative;
5843
- }
5844
-
5845
- .premium-mega-nav-item.premium-item-hovered .premium-mega-content-container {
5846
- visibility: visible;
5847
- opacity: 1;
5848
- pointer-events: auto;
5849
- }
5850
-
5851
- .premium-mega-content-container {
5852
- visibility: hidden;
5853
- position: absolute;
5854
- z-index: 9999;
5855
- opacity: 0;
5856
- pointer-events: none;
5857
- }
5858
-
5859
- .premium-hamburger-menu .premium-mega-content-container,
5860
- .premium-nav-slide .premium-mega-content-container,
5861
- .premium-nav-dropdown .premium-mega-content-container {
5862
- visibility: visible;
5863
- position: relative;
5864
- opacity: 1;
5865
- pointer-events: auto;
5866
- }
5867
-
5868
- /**Hamburger Menu*/
5869
- .premium-nav-widget-container a.premium-hamburger-toggle,
5870
- .premium-mobile-menu-outer-container a.premium-mobile-menu-close {
5871
- text-decoration: none;
5872
- }
5873
-
5874
- .premium-nav-widget-container .premium-hamburger-toggle {
5875
- display: none;
5876
- -webkit-box-pack: center;
5877
- -webkit-justify-content: center;
5878
- -moz-box-pack: center;
5879
- -ms-flex-pack: center;
5880
- justify-content: center;
5881
- -webkit-box-align: center;
5882
- -webkit-align-items: center;
5883
- -moz-box-align: center;
5884
- -ms-flex-align: center;
5885
- align-items: center;
5886
- }
5887
-
5888
- .premium-nav-widget-container .premium-hamburger-toggle i {
5889
- padding: 0.25em;
5890
- font-size: 22px;
5891
- }
5892
-
5893
- .premium-nav-widget-container .premium-hamburger-toggle svg {
5894
- width: 22px;
5895
- height: 22px;
5896
- }
5897
-
5898
- .premium-nav-widget-container .premium-hamburger-toggle i,
5899
- .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-text,
5900
- .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-close {
5901
- color: #494c4f;
5902
- }
5903
-
5904
- .premium-nav-widget-container .premium-hamburger-toggle svg,
5905
- .premium-nav-widget-container .premium-hamburger-toggle svg path {
5906
- fill: #494c4f;
5907
- }
5908
-
5909
- .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-text,
5910
- .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-close {
5911
- margin: 2px;
5912
- }
5913
-
5914
- .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-close {
5915
- display: none;
5916
- }
5917
-
5918
- .premium-mobile-menu-container {
5919
- width: 100%;
5920
- }
5921
-
5922
- .premium-mobile-menu-container .premium-main-mobile-menu {
5923
- width: 100%;
5924
- }
5925
-
5926
- .premium-mobile-menu-container ul {
5927
- list-style: none;
5928
- margin: 0;
5929
- padding: 0;
5930
- }
5931
-
5932
- .premium-mobile-menu-container .premium-mobile-menu,
5933
- .premium-mobile-menu-container .premium-sub-menu {
5934
- display: none;
5935
- -webkit-box-orient: vertical;
5936
- -webkit-box-direction: normal;
5937
- -webkit-flex-direction: column;
5938
- -moz-box-orient: vertical;
5939
- -moz-box-direction: normal;
5940
- -ms-flex-direction: column;
5941
- flex-direction: column;
5942
- }
5943
-
5944
- .premium-mobile-menu-container .premium-nav-menu-item {
5945
- -webkit-box-orient: vertical;
5946
- -webkit-box-direction: normal;
5947
- -webkit-flex-direction: column;
5948
- -moz-box-orient: vertical;
5949
- -moz-box-direction: normal;
5950
- -ms-flex-direction: column;
5951
- flex-direction: column;
5952
- }
5953
-
5954
- .premium-mobile-menu-container .premium-item-badge {
5955
- top: 50%;
5956
- left: 0;
5957
- -webkit-transform: translateY(-50%);
5958
- -ms-transform: translateY(-50%);
5959
- transform: translateY(-50%);
5960
- }
5961
-
5962
- .premium-nav-hor .premium-mobile-menu-container .premium-item-badge {
5963
- top: 0;
5964
- -webkit-transform: translateY(0);
5965
- -ms-transform: translateY(0);
5966
- transform: translateY(0);
5967
- }
5968
-
5969
- /**Vertical Hamburger Menu*/
5970
- .premium-mobile-menu-outer-container {
5971
- opacity: 0;
5972
- }
5973
-
5974
- .premium-mobile-menu-outer-container.premium-vertical-toggle-open {
5975
- opacity: 1;
5976
- }
5977
-
5978
- .premium-ver-hamburger-menu .premium-mobile-menu-outer-container {
5979
- background-color: #f7f7f7;
5980
- width: 300px;
5981
- -webkit-transform: translateX(300px);
5982
- -ms-transform: translateX(300px);
5983
- transform: translateX(300px);
5984
- height: 100%;
5985
- position: fixed;
5986
- top: 0;
5987
- right: 0;
5988
- overflow-x: hidden;
5989
- z-index: 10002;
5990
- -webkit-transition: 0.5s;
5991
- transition: 0.5s;
5992
- padding-top: 50px;
5993
- }
5994
-
5995
- .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu {
5996
- -js-display: flex;
5997
- display: -webkit-box;
5998
- display: -webkit-flex;
5999
- display: -moz-box;
6000
- display: -ms-flexbox;
6001
- display: flex;
6002
- }
6003
-
6004
- .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-container {
6005
- margin-top: 50px;
6006
- }
6007
-
6008
- .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-container .premium-item-badge {
6009
- -webkit-transform: translateY(0);
6010
- -ms-transform: translateY(0);
6011
- transform: translateY(0);
6012
- }
6013
-
6014
- .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-close {
6015
- position: absolute;
6016
- top: 2%;
6017
- right: 5px;
6018
- padding: 0 9px;
6019
- z-index: 10000;
6020
- -js-display: inline-flex;
6021
- display: -webkit-inline-box;
6022
- display: -webkit-inline-flex;
6023
- display: -moz-inline-box;
6024
- display: -ms-inline-flexbox;
6025
- display: inline-flex;
6026
- color: #494c4f;
6027
- -webkit-box-pack: center;
6028
- -webkit-justify-content: center;
6029
- -moz-box-pack: center;
6030
- -ms-flex-pack: center;
6031
- justify-content: center;
6032
- -webkit-box-align: center;
6033
- -webkit-align-items: center;
6034
- -moz-box-align: center;
6035
- -ms-flex-align: center;
6036
- align-items: center;
6037
- }
6038
-
6039
- .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-close .premium-toggle-close {
6040
- margin: 5px;
6041
- }
6042
-
6043
- .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-close svg {
6044
- width: 22px;
6045
- height: 22px;
6046
- fill: #494c4f;
6047
- }
6048
-
6049
- .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-close svg path {
6050
- fill: #494c4f;
6051
- }
6052
-
6053
- .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-close 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
- /** Vertical Toggler*/
6066
- .premium-ver-toggle-yes .premium-nav-menu-container {
6067
- height: auto;
6068
- }
6069
-
6070
- .premium-ver-toggle-yes .premium-ver-toggler {
6071
- -js-display: flex;
6072
- display: -webkit-box;
6073
- display: -webkit-flex;
6074
- display: -moz-box;
6075
- display: -ms-flexbox;
6076
- display: flex;
6077
- -webkit-box-align: center;
6078
- -webkit-align-items: center;
6079
- -moz-box-align: center;
6080
- -ms-flex-align: center;
6081
- align-items: center;
6082
- -webkit-box-pack: justify;
6083
- -webkit-justify-content: space-between;
6084
- -moz-box-pack: justify;
6085
- -ms-flex-pack: justify;
6086
- justify-content: space-between;
6087
- padding: 15px 20px 15px 20px;
6088
- background: #eeeeee;
6089
- color: #042551;
6090
- cursor: pointer;
6091
- }
6092
-
6093
- .premium-ver-toggle-yes .premium-ver-toggler .premium-ver-toggler-title,
6094
- .premium-ver-toggle-yes .premium-ver-toggler .premium-ver-toggler-btn {
6095
- -js-display: flex;
6096
- display: -webkit-box;
6097
- display: -webkit-flex;
6098
- display: -moz-box;
6099
- display: -ms-flexbox;
6100
- display: flex;
6101
- -webkit-box-pack: center;
6102
- -webkit-justify-content: center;
6103
- -moz-box-pack: center;
6104
- -ms-flex-pack: center;
6105
- justify-content: center;
6106
- -webkit-box-align: center;
6107
- -webkit-align-items: center;
6108
- -moz-box-align: center;
6109
- -ms-flex-align: center;
6110
- align-items: center;
6111
- }
6112
-
6113
- .premium-ver-toggle-yes .premium-ver-toggler .premium-ver-toggler-txt {
6114
- text-indent: 5px;
6115
- }
6116
-
6117
- .premium-ver-toggle-yes .premium-ver-toggler:hover {
6118
- background: #54595f;
6119
- color: #fff;
6120
- }
6121
-
6122
- .premium-ver-toggle-yes .premium-ver-toggler:hover .premium-ver-close svg,
6123
- .premium-ver-toggle-yes .premium-ver-toggler:hover .premium-ver-close svg path,
6124
- .premium-ver-toggle-yes .premium-ver-toggler:hover .premium-ver-open svg,
6125
- .premium-ver-toggle-yes .premium-ver-toggler:hover .premium-ver-open svg path,
6126
- .premium-ver-toggle-yes .premium-ver-toggler:hover .premium-ver-title-icon svg,
6127
- .premium-ver-toggle-yes .premium-ver-toggler:hover .premium-ver-title-icon svg path {
6128
- fill: #fff;
6129
- }
6130
-
6131
- .premium-ver-toggle-yes .premium-ver-close,
6132
- .premium-ver-toggle-yes .premium-ver-open,
6133
- .premium-ver-toggle-yes .premium-nav-menu-container,
6134
- .premium-ver-toggle-yes .premium-ver-toggler {
6135
- -webkit-transition: all 0.3s linear 0s;
6136
- transition: all 0.3s linear 0s;
6137
- }
6138
-
6139
- .premium-ver-toggle-yes .premium-ver-toggler-txt {
6140
- -webkit-transition: all 0.3s linear 0s;
6141
- transition: all 0.3s linear 0s;
6142
- }
6143
-
6144
- .premium-ver-toggle-yes .premium-ver-close i,
6145
- .premium-ver-toggle-yes .premium-ver-close svg,
6146
- .premium-ver-toggle-yes .premium-ver-open i,
6147
- .premium-ver-toggle-yes .premium-ver-open svg,
6148
- .premium-ver-toggle-yes .premium-nav-menu-container i,
6149
- .premium-ver-toggle-yes .premium-nav-menu-container svg,
6150
- .premium-ver-toggle-yes .premium-ver-toggler i,
6151
- .premium-ver-toggle-yes .premium-ver-toggler svg {
6152
- -webkit-transition: color 0.3s linear 0s;
6153
- transition: color 0.3s linear 0s;
6154
- }
6155
-
6156
- .premium-ver-toggle-yes .premium-ver-close,
6157
- .premium-ver-toggle-yes .premium-ver-open,
6158
- .premium-ver-toggle-yes .premium-ver-title-icon {
6159
- -webkit-box-pack: center;
6160
- -webkit-justify-content: center;
6161
- -moz-box-pack: center;
6162
- -ms-flex-pack: center;
6163
- justify-content: center;
6164
- -webkit-box-align: center;
6165
- -webkit-align-items: center;
6166
- -moz-box-align: center;
6167
- -ms-flex-align: center;
6168
- align-items: center;
6169
- }
6170
-
6171
- .premium-ver-toggle-yes .premium-ver-close i,
6172
- .premium-ver-toggle-yes .premium-ver-open i,
6173
- .premium-ver-toggle-yes .premium-ver-title-icon i {
6174
- font-size: 16px;
6175
- }
6176
-
6177
- .premium-ver-toggle-yes .premium-ver-close svg,
6178
- .premium-ver-toggle-yes .premium-ver-open svg,
6179
- .premium-ver-toggle-yes .premium-ver-title-icon svg {
6180
- width: 17px;
6181
- height: 17px;
6182
- fill: #042551;
6183
- }
6184
-
6185
- .premium-ver-toggle-yes .premium-ver-close svg path,
6186
- .premium-ver-toggle-yes .premium-ver-open svg path,
6187
- .premium-ver-toggle-yes .premium-ver-title-icon svg path {
6188
- fill: #042551;
6189
- }
6190
-
6191
- .premium-ver-toggle-yes.premium-ver-always .premium-ver-open {
6192
- -js-display: inline-flex;
6193
- display: -webkit-inline-box;
6194
- display: -webkit-inline-flex;
6195
- display: -moz-inline-box;
6196
- display: -ms-inline-flexbox;
6197
- display: inline-flex;
6198
- }
6199
-
6200
- .premium-ver-toggle-yes .premium-ver-collapsed .premium-nav-menu-container {
6201
- visibility: hidden;
6202
- opacity: 0;
6203
- }
6204
-
6205
- .premium-ver-toggle-yes .premium-ver-collapsed .premium-ver-close {
6206
- display: none;
6207
- }
6208
-
6209
- .premium-ver-toggle-yes .premium-ver-collapsed .premium-ver-open {
6210
- -js-display: inline-flex;
6211
- display: -webkit-inline-box;
6212
- display: -webkit-inline-flex;
6213
- display: -moz-inline-box;
6214
- display: -ms-inline-flexbox;
6215
- display: inline-flex;
6216
- }
6217
-
6218
- .premium-ver-toggle-yes.premium-ver-hover .premium-nav-menu-container {
6219
- position: absolute;
6220
- z-index: 10002;
6221
- }
6222
-
6223
- .premium-ver-toggle-yes.premium-ver-click .premium-nav-menu-container {
6224
- position: absolute;
6225
- z-index: 10001;
6226
- }
6227
-
6228
- .premium-ver-toggle-yes .premium-nav-menu-container,
6229
- .premium-ver-toggle-yes.premium-ver-hover .premium-ver-inner-container:hover .premium-nav-menu-container {
6230
- visibility: visible;
6231
- opacity: 1;
6232
- }
6233
-
6234
- .premium-ver-toggle-yes .premium-ver-open,
6235
- .premium-ver-toggle-yes.premium-ver-hover .premium-ver-inner-container:hover .premium-ver-open {
6236
- display: none;
6237
- }
6238
-
6239
- .premium-ver-toggle-yes .premium-ver-close,
6240
- .premium-ver-toggle-yes .premium-ver-title-icon,
6241
- .premium-ver-toggle-yes.premium-ver-hover .premium-ver-inner-container:hover .premium-ver-close,
6242
- .premium-ver-toggle-yes.premium-ver-hover .premium-ver-inner-container:hover .premium-ver-title-icon {
6243
- -js-display: inline-flex;
6244
- display: -webkit-inline-box;
6245
- display: -webkit-inline-flex;
6246
- display: -moz-inline-box;
6247
- display: -ms-inline-flexbox;
6248
- display: inline-flex;
6249
- }
6250
-
6251
- /** Sticky Menu */
6252
- .premium-sticky-parent {
6253
- position: fixed;
6254
- z-index: 10003;
6255
- -webkit-transition: all 0.3s linear;
6256
- transition: all 0.3s linear;
6257
- }
6258
-
6259
- .premium-sticky-scroll-yes.premium-sticky-parent.headroom--not-top {
6260
- will-change: transform;
6261
- -webkit-transition: -webkit-transform 500ms linear !important;
6262
- transition: -webkit-transform 500ms linear !important;
6263
- transition: transform 500ms linear !important;
6264
- transition: transform 500ms linear, -webkit-transform 500ms linear !important;
6265
- -webkit-transition-delay: 1s;
6266
- transition-delay: 1s;
6267
- }
6268
-
6269
- .premium-sticky-scroll-yes.premium-sticky-parent.headroom--not-top.slideDown {
6270
- -webkit-transform: translateY(0%);
6271
- -ms-transform: translateY(0%);
6272
- transform: translateY(0%);
6273
- }
6274
-
6275
- .premium-sticky-scroll-yes.premium-sticky-parent.headroom--not-top.slideUp {
6276
- -webkit-transform: translateY(-100%);
6277
- -ms-transform: translateY(-100%);
6278
- transform: translateY(-100%);
6279
- }
6280
-
6281
- .premium-nav-sticky-yes.premium-sticky-active.premium-ham-dropdown .premium-mobile-menu-container,
6282
- .premium-ham-dropdown .premium-stretch-dropdown .premium-mobile-menu-container {
6283
- max-height: 400px;
6284
- overflow-y: auto;
6285
- }
6286
-
6287
- /**Common*/
6288
- .premium-nav-slide-overlay {
6289
- display: none;
6290
- position: fixed;
6291
- top: 0;
6292
- left: 0;
6293
- right: 0;
6294
- bottom: 0;
6295
- -webkit-backface-visibility: hidden;
6296
- backface-visibility: hidden;
6297
- background: rgba(0, 0, 0, 0.6);
6298
- z-index: 10002;
6299
- }
6300
-
6301
- .premium-nav-slide-overlay.premium-vertical-toggle-open {
6302
- display: block;
6303
- }
6304
-
6305
- .premium-active-menu,
6306
- .premium-active-menu:not(.premium-mega-nav-item)>.premium-sub-menu,
6307
- .premium-active-menu.premium-mega-nav-item>.premium-mega-content-container {
6308
- -js-display: flex !important;
6309
- display: -webkit-box !important;
6310
- display: -webkit-flex !important;
6311
- display: -moz-box !important;
6312
- display: -ms-flexbox !important;
6313
- display: flex !important;
6314
- -webkit-box-orient: vertical;
6315
- -webkit-box-direction: normal;
6316
- -webkit-flex-direction: column;
6317
- -moz-box-orient: vertical;
6318
- -moz-box-direction: normal;
6319
- -ms-flex-direction: column;
6320
- flex-direction: column;
6321
- }
6322
-
6323
- .premium-active-menu .premium-toggle-close {
6324
- display: block;
6325
- }
6326
-
6327
- .premium-nav-menu-container .premium-sub-menu {
6328
- background-color: #fff;
6329
- }
6330
-
6331
- .premium-mobile-menu-container li,
6332
- .premium-mobile-menu-container li>.premium-mega-content-container {
6333
- width: 100% !important;
6334
- }
6335
-
6336
- .premium-item-icon,
6337
- .premium-sub-item-icon {
6338
- font-size: 13px;
6339
- margin: 0 7px;
6340
- }
6341
-
6342
- .premium-item-icon svg,
6343
- .premium-sub-item-icon svg {
6344
- width: 100%;
6345
- height: 100%;
6346
- }
6347
-
6348
- .premium-item-icon.premium-lottie-animation,
6349
- .premium-sub-item-icon.premium-lottie-animation {
6350
- width: 20px;
6351
- height: 20px;
6352
- -js-display: flex;
6353
- display: -webkit-box;
6354
- display: -webkit-flex;
6355
- display: -moz-box;
6356
- display: -ms-flexbox;
6357
- display: flex;
6358
- -webkit-box-pack: center;
6359
- -webkit-justify-content: center;
6360
- -moz-box-pack: center;
6361
- -ms-flex-pack: center;
6362
- justify-content: center;
6363
- }
6364
-
6365
- .premium-item-icon.dashicons,
6366
- .premium-sub-item-icon.dashicons {
6367
- width: 13px;
6368
- height: 13px;
6369
- }
6370
-
6371
- .premium-nav-menu-item {
6372
- position: relative;
6373
- }
6374
-
6375
- .premium-nav-menu-item .premium-menu-link {
6376
- -js-display: flex;
6377
- display: -webkit-box;
6378
- display: -webkit-flex;
6379
- display: -moz-box;
6380
- display: -ms-flexbox;
6381
- display: flex;
6382
- -webkit-box-align: center;
6383
- -webkit-align-items: center;
6384
- -moz-box-align: center;
6385
- -ms-flex-align: center;
6386
- align-items: center;
6387
- height: 100%;
6388
- padding: 7px 10px;
6389
- text-decoration: none;
6390
- position: relative;
6391
- }
6392
-
6393
- .premium-nav-menu-item .premium-dropdown-icon {
6394
- margin: 5px;
6395
- }
6396
-
6397
- .premium-nav-menu-item.menu-item-has-children {
6398
- position: relative;
6399
- }
6400
-
6401
- .premium-nav-menu-item.menu-item-has-children .premium-sub-menu {
6402
- max-width: 100%;
6403
- z-index: 9999;
6404
- }
6405
-
6406
- .premium-nav-menu-item.menu-item-has-children .premium-sub-menu .premium-sub-menu-link {
6407
- -webkit-box-pack: start;
6408
- -webkit-justify-content: flex-start;
6409
- -moz-box-pack: start;
6410
- -ms-flex-pack: start;
6411
- justify-content: flex-start;
6412
- }
6413
-
6414
- .premium-nav-menu-item .menu-link {
6415
- position: relative;
6416
- text-decoration: none;
6417
- }
6418
-
6419
- .premium-item-badge,
6420
- .premium-sub-item-badge,
6421
- .premium-rn-badge {
6422
- position: absolute;
6423
- padding: 1px 6px;
6424
- min-width: 35px;
6425
- text-align: center;
6426
- font-size: 10px;
6427
- -webkit-border-radius: 4px;
6428
- border-radius: 4px;
6429
- line-height: 1.8;
6430
- white-space: nowrap;
6431
- }
6432
-
6433
- .premium-nav-hor:not(.premium-hamburger-menu) .premium-item-badge,
6434
- .premium-nav-hor:not(.premium-nav-slide) .premium-item-badge,
6435
- .premium-nav-hor:not(.premium-nav-dropdown) .premium-item-badge {
6436
- position: relative;
6437
- margin: 8px;
6438
- }
6439
-
6440
- .premium-nav-hor .premium-sub-item-badge,
6441
- .premium-nav-slide .premium-sub-item-badge,
6442
- .premium-nav-dropdown .premium-sub-item-badge {
6443
- top: 50%;
6444
- left: 0;
6445
- -webkit-transform: translateY(-50%);
6446
- -ms-transform: translateY(-50%);
6447
- transform: translateY(-50%);
6448
- }
6449
-
6450
- .premium-nav-ver.premium-vertical-right .premium-item-badge,
6451
- .premium-nav-ver.premium-vertical-right .premium-sub-item-badge {
6452
- top: 50%;
6453
- right: 0;
6454
- -webkit-transform: translateY(-50%);
6455
- -ms-transform: translateY(-50%);
6456
- transform: translateY(-50%);
6457
- }
6458
-
6459
- .premium-nav-ver.premium-vertical-left .premium-item-badge,
6460
- .premium-nav-ver.premium-vertical-left .premium-sub-item-badge {
6461
- top: 50%;
6462
- left: 0;
6463
- -webkit-transform: translateY(-50%);
6464
- -ms-transform: translateY(-50%);
6465
- transform: translateY(-50%);
6466
- }
6467
-
6468
- .premium-mega-nav-item {
6469
- position: relative;
6470
- }
6471
-
6472
- .premium-hamburger-menu .premium-mega-content-container,
6473
- .premium-nav-dropdown .premium-mega-content-container,
6474
- .premium-nav-slide .premium-mega-content-container {
6475
- display: none;
6476
- }
6477
-
6478
- .premium-mega-item-static {
6479
- position: static !important;
6480
- }
6481
-
6482
- .premium-hamburger-menu .premium-nav-menu-container,
6483
- .premium-nav-dropdown .premium-nav-menu-container,
6484
- .premium-nav-slide .premium-nav-menu-container {
6485
- display: none;
6486
- }
6487
-
6488
- .premium-hamburger-menu .premium-hamburger-toggle,
6489
- .premium-nav-dropdown .premium-hamburger-toggle,
6490
- .premium-nav-slide .premium-hamburger-toggle {
6491
- -js-display: inline-flex;
6492
- display: -webkit-inline-box;
6493
- display: -webkit-inline-flex;
6494
- display: -moz-inline-box;
6495
- display: -ms-inline-flexbox;
6496
- display: inline-flex;
6497
- -webkit-box-orient: horizontal;
6498
- -webkit-box-direction: reverse;
6499
- -webkit-flex-direction: row-reverse;
6500
- -moz-box-orient: horizontal;
6501
- -moz-box-direction: reverse;
6502
- -ms-flex-direction: row-reverse;
6503
- flex-direction: row-reverse;
6504
- }
6505
-
6506
- .premium-hidden-icon-yes.premium-hamburger-menu .premium-item-icon,
6507
- .premium-hidden-icon-yes.premium-hamburger-menu .premium-sub-item-icon,
6508
- .premium-hidden-icon-yes.premium-nav-dropdown .premium-item-icon,
6509
- .premium-hidden-icon-yes.premium-nav-dropdown .premium-sub-item-icon,
6510
- .premium-hidden-icon-yes.premium-nav-slide .premium-item-icon,
6511
- .premium-hidden-icon-yes.premium-nav-slide .premium-sub-item-icon {
6512
- display: none;
6513
- }
6514
-
6515
- .premium-hidden-badge-yes.premium-hamburger-menu .premium-item-badge,
6516
- .premium-hidden-badge-yes.premium-hamburger-menu .premium-sub-item-badge,
6517
- .premium-hidden-badge-yes.premium-hamburger-menu .premium-rn-badge,
6518
- .premium-hidden-badge-yes.premium-nav-dropdown .premium-item-badge,
6519
- .premium-hidden-badge-yes.premium-nav-dropdown .premium-sub-item-badge,
6520
- .premium-hidden-badge-yes.premium-nav-dropdown .premium-rn-badge,
6521
- .premium-hidden-badge-yes.premium-nav-slide .premium-item-badge,
6522
- .premium-hidden-badge-yes.premium-nav-slide .premium-sub-item-badge,
6523
- .premium-hidden-badge-yes.premium-nav-slide .premium-rn-badge {
6524
- display: none;
6525
- }
6526
-
6527
- .premium-ham-dropdown .premium-mobile-menu-container,
6528
- .premium-nav-dropdown .premium-mobile-menu-container {
6529
- -js-display: flex;
6530
- display: -webkit-box;
6531
- display: -webkit-flex;
6532
- display: -moz-box;
6533
- display: -ms-flexbox;
6534
- display: flex;
6535
- }
6536
-
6537
- .premium-ham-dropdown .premium-toggle-opened .premium-toggle-close,
6538
- .premium-nav-dropdown .premium-toggle-opened .premium-toggle-close {
6539
- display: inline !important;
6540
- }
6541
-
6542
- .premium-ham-dropdown .premium-toggle-opened .premium-toggle-text,
6543
- .premium-nav-dropdown .premium-toggle-opened .premium-toggle-text {
6544
- display: none !important;
6545
- }
6546
-
6547
- .premium-stretch-dropdown .premium-mobile-menu-container {
6548
- position: absolute;
6549
- z-index: 9999;
6550
- }
6551
-
6552
- .premium-nav-default {
6553
- display: none;
6554
- }
6555
-
6556
- .premium-hamburger-toggle {
6557
- width: 100%;
6558
- }
6559
-
6560
- /*
6561
- * Pointer & Pointer Animations
6562
- */
6563
- .premium-menu-link-parent::before,
6564
- .premium-menu-link-parent::after {
6565
- display: block;
6566
- position: absolute;
6567
- -webkit-transition: all 0.3s cubic-bezier(0.58, 0.3, 0.005, 1);
6568
- transition: all 0.3s cubic-bezier(0.58, 0.3, 0.005, 1);
6569
- }
6570
-
6571
- .premium-nav-pointer-underline .premium-menu-link-parent::after,
6572
- .premium-nav-pointer-double-line .premium-menu-link-parent::after {
6573
- content: "";
6574
- bottom: 0;
6575
- }
6576
-
6577
- .premium-nav-pointer-overline .premium-menu-link-parent::before,
6578
- .premium-nav-pointer-double-line .premium-menu-link-parent::before {
6579
- content: "";
6580
- top: 0;
6581
- }
6582
-
6583
- .premium-nav-pointer-underline .premium-menu-link-parent::before,
6584
- .premium-nav-pointer-underline .premium-menu-link-parent::after,
6585
- .premium-nav-pointer-overline .premium-menu-link-parent::before,
6586
- .premium-nav-pointer-overline .premium-menu-link-parent::after,
6587
- .premium-nav-pointer-double-line .premium-menu-link-parent::before,
6588
- .premium-nav-pointer-double-line .premium-menu-link-parent::after {
6589
- height: 3px;
6590
- width: 100%;
6591
- right: 0;
6592
- background-color: #55595c;
6593
- z-index: 2;
6594
- }
6595
-
6596
- .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,
6597
- .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after {
6598
- opacity: 0;
6599
- }
6600
-
6601
- .premium-nav-pointer-underline.premium-nav-animation-none,
6602
- .premium-nav-pointer-overline.premium-nav-animation-none,
6603
- .premium-nav-pointer-double-line.premium-nav-animation-none {
6604
- -webkit-transition-duration: 0s;
6605
- transition-duration: 0s;
6606
- }
6607
-
6608
- .premium-nav-pointer-underline.premium-nav-animation-none .premium-menu-link-parent,
6609
- .premium-nav-pointer-underline.premium-nav-animation-none .premium-menu-link-parent::before,
6610
- .premium-nav-pointer-underline.premium-nav-animation-none .premium-menu-link-parent::after,
6611
- .premium-nav-pointer-underline.premium-nav-animation-none .premium-menu-link-parent:focus,
6612
- .premium-nav-pointer-underline.premium-nav-animation-none .premium-menu-link-parent:hover,
6613
- .premium-nav-pointer-overline.premium-nav-animation-none .premium-menu-link-parent,
6614
- .premium-nav-pointer-overline.premium-nav-animation-none .premium-menu-link-parent::before,
6615
- .premium-nav-pointer-overline.premium-nav-animation-none .premium-menu-link-parent::after,
6616
- .premium-nav-pointer-overline.premium-nav-animation-none .premium-menu-link-parent:focus,
6617
- .premium-nav-pointer-overline.premium-nav-animation-none .premium-menu-link-parent:hover,
6618
- .premium-nav-pointer-double-line.premium-nav-animation-none .premium-menu-link-parent,
6619
- .premium-nav-pointer-double-line.premium-nav-animation-none .premium-menu-link-parent::before,
6620
- .premium-nav-pointer-double-line.premium-nav-animation-none .premium-menu-link-parent::after,
6621
- .premium-nav-pointer-double-line.premium-nav-animation-none .premium-menu-link-parent:focus,
6622
- .premium-nav-pointer-double-line.premium-nav-animation-none .premium-menu-link-parent:hover {
6623
- -webkit-transition-duration: 0s;
6624
- transition-duration: 0s;
6625
- }
6626
-
6627
- .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,
6628
- .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 {
6629
- width: 10px;
6630
- inset-inline-start: 100%;
6631
- }
6632
-
6633
- .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,
6634
- .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 {
6635
- width: 10px;
6636
- left: -20px;
6637
- }
6638
-
6639
- .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,
6640
- .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,
6641
- .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,
6642
- .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,
6643
- .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,
6644
- .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 {
6645
- height: 0;
6646
- width: 0;
6647
- left: 50%;
6648
- }
6649
-
6650
- .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,
6651
- .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,
6652
- .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 {
6653
- top: -10px;
6654
- }
6655
-
6656
- .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,
6657
- .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,
6658
- .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 {
6659
- bottom: -10px;
6660
- }
6661
-
6662
- .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,
6663
- .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,
6664
- .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 {
6665
- top: 10px;
6666
- }
6667
-
6668
- .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,
6669
- .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,
6670
- .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 {
6671
- bottom: 10px;
6672
- }
6673
-
6674
- .premium-nav-pointer-framed .premium-menu-link-parent::before {
6675
- content: "";
6676
- }
6677
-
6678
- .premium-nav-pointer-framed .premium-menu-link-parent::before,
6679
- .premium-nav-pointer-framed .premium-menu-link-parent::after {
6680
- background: transparent;
6681
- left: 0;
6682
- top: 0;
6683
- bottom: 0;
6684
- right: 0;
6685
- border: 3px solid #55595c;
6686
- }
6687
-
6688
- .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 {
6689
- -webkit-transform: scale(0.75);
6690
- -ms-transform: scale(0.75);
6691
- transform: scale(0.75);
6692
- }
6693
-
6694
- .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 {
6695
- -webkit-transform: scale(1.25);
6696
- -ms-transform: scale(1.25);
6697
- transform: scale(1.25);
6698
- }
6699
-
6700
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent::before,
6701
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent::after {
6702
- width: 3px;
6703
- height: 3px;
6704
- }
6705
-
6706
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent::before {
6707
- border-width: 0 3px 3px 0;
6708
- -webkit-transition: width 0.1s 0.2s, height 0.1s 0.3s, opacity 0.12s 0.22s;
6709
- transition: width 0.1s 0.2s, height 0.1s 0.3s, opacity 0.12s 0.22s;
6710
- }
6711
-
6712
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent::after {
6713
- content: "";
6714
- top: auto;
6715
- bottom: 0;
6716
- left: 0;
6717
- right: auto;
6718
- border-width: 3px 0 0 3px;
6719
- -webkit-transition: width 0.1s, height 0.1s 0.1s, opacity 0.02s 0.18s;
6720
- transition: width 0.1s, height 0.1s 0.1s, opacity 0.02s 0.18s;
6721
- }
6722
-
6723
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:hover::before,
6724
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:focus::before {
6725
- -webkit-transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s;
6726
- transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s;
6727
- }
6728
-
6729
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:hover::after,
6730
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:focus::after {
6731
- -webkit-transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s;
6732
- transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s;
6733
- }
6734
-
6735
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:hover::before,
6736
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:hover::after,
6737
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:focus::before,
6738
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:focus::after {
6739
- width: 100%;
6740
- height: 100%;
6741
- }
6742
-
6743
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-active-item .premium-menu-link-parent::before {
6744
- -webkit-transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s;
6745
- transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s;
6746
- }
6747
-
6748
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-active-item .premium-menu-link-parent::after {
6749
- -webkit-transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s;
6750
- transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s;
6751
- }
6752
-
6753
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-active-item .premium-menu-link-parent::before,
6754
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-active-item .premium-menu-link-parent::after {
6755
- width: 100%;
6756
- height: 100%;
6757
- }
6758
-
6759
- .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent::before {
6760
- border-width: 3px 3px 0 0;
6761
- }
6762
-
6763
- .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent::after {
6764
- content: "";
6765
- top: auto;
6766
- bottom: 0;
6767
- left: 0;
6768
- right: auto;
6769
- border-width: 0 0 3px 3px;
6770
- }
6771
-
6772
- .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent::before,
6773
- .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent::after {
6774
- width: 3px;
6775
- height: 3px;
6776
- }
6777
-
6778
- .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent:hover::before,
6779
- .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent:hover::after,
6780
- .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent:focus::before,
6781
- .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent:focus::after {
6782
- width: 100%;
6783
- height: 100%;
6784
- -webkit-transition: opacity 2ms, width 0.4s, height 0.4s;
6785
- transition: opacity 2ms, width 0.4s, height 0.4s;
6786
- }
6787
-
6788
- .premium-nav-pointer-framed.premium-nav-animation-corners .premium-active-item .premium-menu-link-parent::before,
6789
- .premium-nav-pointer-framed.premium-nav-animation-corners .premium-active-item .premium-menu-link-parent::after {
6790
- width: 100%;
6791
- height: 100%;
6792
- -webkit-transition: opacity 2ms, width 0.4s, height 0.4s;
6793
- transition: opacity 2ms, width 0.4s, height 0.4s;
6794
- }
6795
-
6796
- .premium-nav-pointer-text.premium-nav-animation-grow .premium-menu-link-parent:hover,
6797
- .premium-nav-pointer-text.premium-nav-animation-grow .premium-menu-link-parent:focus {
6798
- -webkit-transform: scale(1.2);
6799
- -ms-transform: scale(1.2);
6800
- transform: scale(1.2);
6801
- }
6802
-
6803
- .premium-nav-pointer-text.premium-nav-animation-shrink .premium-menu-link-parent:hover,
6804
- .premium-nav-pointer-text.premium-nav-animation-shrink .premium-menu-link-parent:focus {
6805
- -webkit-transform: scale(0.8);
6806
- -ms-transform: scale(0.8);
6807
- transform: scale(0.8);
6808
- }
6809
-
6810
- .premium-nav-pointer-text.premium-nav-animation-sink .premium-menu-link-parent:hover,
6811
- .premium-nav-pointer-text.premium-nav-animation-sink .premium-menu-link-parent:focus {
6812
- -webkit-transform: translateY(8px);
6813
- -ms-transform: translateY(8px);
6814
- transform: translateY(8px);
6815
- }
6816
-
6817
- .premium-nav-pointer-text.premium-nav-animation-float .premium-menu-link-parent:hover,
6818
- .premium-nav-pointer-text.premium-nav-animation-float .premium-menu-link-parent:focus {
6819
- -webkit-transform: translateY(-8px);
6820
- -ms-transform: translateY(-8px);
6821
- transform: translateY(-8px);
6822
- }
6823
-
6824
- .premium-nav-pointer-text.premium-nav-animation-skew .premium-menu-link-parent:hover,
6825
- .premium-nav-pointer-text.premium-nav-animation-skew .premium-menu-link-parent:focus {
6826
- -webkit-transform: skew(-8deg);
6827
- -ms-transform: skew(-8deg);
6828
- transform: skew(-8deg);
6829
- }
6830
-
6831
- .premium-nav-pointer-text.premium-nav-animation-rotate .premium-menu-link-parent:hover,
6832
- .premium-nav-pointer-text.premium-nav-animation-rotate .premium-menu-link-parent:focus {
6833
- -webkit-transform: rotate(6deg);
6834
- -ms-transform: rotate(6deg);
6835
- transform: rotate(6deg);
6836
- }
6837
-
6838
- .premium-nav-pointer-background .premium-menu-link-parent::before {
6839
- top: 0;
6840
- left: 0;
6841
- right: 0;
6842
- bottom: 0;
6843
- background: #55595c;
6844
- background-color: #55595c;
6845
- z-index: -1;
6846
- }
6847
-
6848
- .premium-nav-pointer-background .premium-menu-link-parent::before,
6849
- .premium-nav-pointer-background .premium-menu-link-parent::after {
6850
- content: "";
6851
- -webkit-transition: 0.3s;
6852
- transition: 0.3s;
6853
- }
6854
-
6855
- .premium-nav-pointer-background.premium-nav-animation-grow .premium-menu-link-parent::before {
6856
- -webkit-transform: scale(0.5);
6857
- -ms-transform: scale(0.5);
6858
- transform: scale(0.5);
6859
- }
6860
-
6861
- .premium-nav-pointer-background.premium-nav-animation-grow .premium-menu-link-parent:hover::before,
6862
- .premium-nav-pointer-background.premium-nav-animation-grow .premium-menu-link-parent:focus::before {
6863
- -webkit-transform: scale(1);
6864
- -ms-transform: scale(1);
6865
- transform: scale(1);
6866
- }
6867
-
6868
- .premium-nav-pointer-background.premium-nav-animation-grow .premium-active-item .premium-menu-link-parent::before {
6869
- -webkit-transform: scale(1);
6870
- -ms-transform: scale(1);
6871
- transform: scale(1);
6872
- }
6873
-
6874
- .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 {
6875
- -webkit-transform: scale(1.2);
6876
- -ms-transform: scale(1.2);
6877
- transform: scale(1.2);
6878
- -webkit-transition: 0.3;
6879
- transition: 0.3;
6880
- }
6881
-
6882
- .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 {
6883
- left: 100%;
6884
- }
6885
-
6886
- .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 {
6887
- right: 100%;
6888
- }
6889
-
6890
- .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 {
6891
- top: 100%;
6892
- }
6893
-
6894
- .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 {
6895
- bottom: 100%;
6896
- }
6897
-
6898
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent::after,
6899
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent::after {
6900
- top: 0;
6901
- left: 0;
6902
- right: 0;
6903
- bottom: 0;
6904
- background: #55595c;
6905
- background-color: #55595c;
6906
- z-index: -1;
6907
- }
6908
-
6909
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent::before {
6910
- top: 0;
6911
- bottom: 100%;
6912
- }
6913
-
6914
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent::after {
6915
- top: 100%;
6916
- bottom: 0;
6917
- }
6918
-
6919
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent:hover::before,
6920
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent:focus::before {
6921
- bottom: 50%;
6922
- }
6923
-
6924
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent:hover::after,
6925
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent:focus::after {
6926
- top: 50%;
6927
- }
6928
-
6929
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-active-item .premium-menu-link-parent::before {
6930
- bottom: 50%;
6931
- }
6932
-
6933
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-active-item .premium-menu-link-parent::after {
6934
- top: 50%;
6935
- }
6936
-
6937
- .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 {
6938
- bottom: 50%;
6939
- top: 50%;
6940
- }
6941
-
6942
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent::before {
6943
- right: 0;
6944
- left: 100%;
6945
- }
6946
-
6947
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent::after {
6948
- right: 100%;
6949
- left: 0;
6950
- }
6951
-
6952
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent:hover::before,
6953
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent:focus::before {
6954
- left: 50%;
6955
- }
6956
-
6957
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent:hover::after,
6958
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent:focus::after {
6959
- right: 50%;
6960
- }
6961
-
6962
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-active-item .premium-menu-link-parent::before {
6963
- left: 50%;
6964
- }
6965
-
6966
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-active-item .premium-menu-link-parent::after {
6967
- right: 50%;
6968
- }
6969
-
6970
- .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 {
6971
- left: 50%;
6972
- right: 50%;
6973
- }
6974
-
6975
- .premium-active-item::before,
6976
- .premium-active-item::after,
6977
- .premium-menu-link-parent:hover::before,
6978
- .premium-menu-link-parent:hover::after,
6979
- .premium-menu-link-parent:focus::before,
6980
- .premium-menu-link-parent:focus::after {
6981
- -webkit-transform: scale(1);
6982
- -ms-transform: scale(1);
6983
- transform: scale(1);
6984
- }
6985
-
6986
- /**Sub Menu Animation*/
6987
- .premium-nav-menu-item .premium-sub-menu,
6988
- .premium-nav-menu-item .premium-mega-content-container {
6989
- -webkit-transition: 0.5s all ease-in-out;
6990
- transition: 0.5s all ease-in-out;
6991
- -webkit-transition-delay: 0.1s;
6992
- transition-delay: 0.1s;
6993
- }
6994
-
6995
- [class*="premium-nav-slide-"].premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item:hover>.premium-sub-menu,
6996
- [class*="premium-nav-slide-"].premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item:hover>.premium-mega-content-container,
6997
- [class*="premium-nav-slide-"].premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu:hover>.premium-sub-menu,
6998
- [class*="premium-nav-slide-"].premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item:hover>.premium-sub-menu,
6999
- [class*="premium-nav-slide-"].premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item:hover>.premium-mega-content-container,
7000
- [class*="premium-nav-slide-"].premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu:hover>.premium-sub-menu {
7001
- -webkit-transform: translate(0);
7002
- -ms-transform: translate(0);
7003
- transform: translate(0);
7004
- }
7005
-
7006
- .premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu,
7007
- .premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-content-container,
7008
- .premium-nav-slide-up.premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu,
7009
- .premium-nav-slide-up.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-content-container {
7010
- -webkit-transform: translateY(10px);
7011
- -ms-transform: translateY(10px);
7012
- transform: translateY(10px);
7013
- }
7014
-
7015
- .premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu,
7016
- .premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-content-container,
7017
- .premium-nav-slide-down.premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu,
7018
- .premium-nav-slide-down.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-content-container {
7019
- -webkit-transform: translateY(-10px);
7020
- -ms-transform: translateY(-10px);
7021
- transform: translateY(-10px);
7022
- }
7023
-
7024
- .premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu,
7025
- .premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-content-container,
7026
- .premium-nav-slide-right.premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu,
7027
- .premium-nav-slide-right.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-content-container {
7028
- -webkit-transform: translateX(-10px);
7029
- -ms-transform: translateX(-10px);
7030
- transform: translateX(-10px);
7031
- }
7032
-
7033
- .premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu,
7034
- .premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-content-container,
7035
- .premium-nav-slide-left.premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu,
7036
- .premium-nav-slide-left.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-content-container {
7037
- -webkit-transform: translateX(10px);
7038
- -ms-transform: translateX(10px);
7039
- transform: translateX(10px);
7040
- }
7041
-
7042
- /**Horizontal - Static Mega Content*/
7043
- /*UP*/
7044
- .premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static .premium-mega-content-container {
7045
- -webkit-transform: translateX(-50%) translateY(10px);
7046
- -ms-transform: translateX(-50%) translateY(10px);
7047
- transform: translateX(-50%) translateY(10px);
7048
- }
7049
-
7050
- .premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container {
7051
- -webkit-transform: translateX(-50%) translateY(0);
7052
- -ms-transform: translateX(-50%) translateY(0);
7053
- transform: translateX(-50%) translateY(0);
7054
- }
7055
-
7056
- /*DOWN*/
7057
- .premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static .premium-mega-content-container {
7058
- -webkit-transform: translateX(-50%) translateY(-10px);
7059
- -ms-transform: translateX(-50%) translateY(-10px);
7060
- transform: translateX(-50%) translateY(-10px);
7061
- }
7062
-
7063
- .premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container {
7064
- -webkit-transform: translateX(-50%) translateY(0);
7065
- -ms-transform: translateX(-50%) translateY(0);
7066
- transform: translateX(-50%) translateY(0);
7067
- }
7068
-
7069
- /*Left*/
7070
- .premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static .premium-mega-content-container {
7071
- -webkit-transform: translateX(-45%);
7072
- -ms-transform: translateX(-45%);
7073
- transform: translateX(-45%);
7074
- }
7075
-
7076
- .premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container {
7077
- -webkit-transform: translateX(-50%);
7078
- -ms-transform: translateX(-50%);
7079
- transform: translateX(-50%);
7080
- }
7081
-
7082
- /*Right*/
7083
- .premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static .premium-mega-content-container {
7084
- -webkit-transform: translateX(-55%);
7085
- -ms-transform: translateX(-55%);
7086
- transform: translateX(-55%);
7087
- }
7088
-
7089
- .premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container {
7090
- -webkit-transform: translateX(-50%);
7091
- -ms-transform: translateX(-50%);
7092
- transform: translateX(-50%);
7093
- }
7094
-
7095
- /**Vertical - Static Mega Content*/
7096
- .premium-nav-slide-down.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container,
7097
- .premium-nav-slide-up.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container {
7098
- -webkit-transform: translateY(0);
7099
- -ms-transform: translateY(0);
7100
- transform: translateY(0);
7101
- }
7102
-
7103
- .premium-nav-slide-right.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container,
7104
- .premium-nav-slide-left.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container {
7105
- -webkit-transform: translateX(0);
7106
- -ms-transform: translateX(0);
7107
- transform: translateX(0);
7108
- }
7109
-
7110
- /** Random Badge */
7111
- .premium-rn-badge,
7112
- .premium-mega-content-container .premium-rn-badge {
7113
- position: absolute;
7114
- -webkit-transform: translateY(-50%);
7115
- -ms-transform: translateY(-50%);
7116
- transform: translateY(-50%);
7117
- top: 50%;
7118
- left: 10px;
7119
- -webkit-transition: all 0.3s;
7120
- transition: all 0.3s;
7121
- }
7122
-
7123
- .premium-nav-ver.premium-vertical-right .premium-rn-badge {
7124
- top: 50%;
7125
- right: 10px;
7126
- left: unset;
7127
- -webkit-transform: translateY(-50%);
7128
- -ms-transform: translateY(-50%);
7129
- transform: translateY(-50%);
7130
- }
7131
-
7132
- .premium-nav-ver.premium-vertical-right .premium-mega-content-container .premium-rn-badge {
7133
- left: 10px;
7134
- right: unset;
7135
- }
7136
-
7137
- /** Sub Item Badge Effects*/
7138
- .has-pa-badge:hover {
7139
- -webkit-transition: all 0.3s;
7140
- transition: all 0.3s;
7141
- }
7142
-
7143
- .premium-sub-item-badge {
7144
- -webkit-transition: all 0.3s;
7145
- transition: all 0.3s;
7146
- }
7147
-
7148
- .premium-mega-content-container .premium-badge-dot .premium-sub-item-badge,
7149
- .premium-mega-content-container .premium-badge-dot .premium-rn-badge,
7150
- .premium-sub-menu .premium-badge-dot .premium-sub-item-badge,
7151
- .premium-sub-menu .premium-badge-dot .premium-rn-badge {
7152
- font-size: 0px;
7153
- min-width: 1px;
7154
- padding: 3px;
7155
- -webkit-border-radius: 50%;
7156
- border-radius: 50%;
7157
- -webkit-transition: all 0.3s;
7158
- transition: all 0.3s;
7159
- }
7160
-
7161
- .premium-mega-content-container .premium-badge-pulse:hover .premium-sub-item-badge,
7162
- .premium-mega-content-container .premium-badge-pulse:hover .premium-rn-badge,
7163
- .premium-sub-menu .premium-badge-pulse:hover .premium-sub-item-badge,
7164
- .premium-sub-menu .premium-badge-pulse:hover .premium-rn-badge {
7165
- -webkit-animation: badge-pulse-grow 0.5s alternate infinite ease-in-out;
7166
- animation: badge-pulse-grow 0.5s alternate infinite ease-in-out;
7167
- }
7168
-
7169
- .premium-mega-content-container .premium-badge-buzz:hover .premium-sub-item-badge,
7170
- .premium-mega-content-container .premium-badge-buzz:hover .premium-rn-badge,
7171
- .premium-sub-menu .premium-badge-buzz:hover .premium-sub-item-badge,
7172
- .premium-sub-menu .premium-badge-buzz:hover .premium-rn-badge {
7173
- -webkit-animation: badge-buzz 0.5s alternate infinite ease-in-out;
7174
- animation: badge-buzz 0.5s alternate infinite ease-in-out;
7175
- }
7176
-
7177
- .premium-mega-content-container .premium-badge-slide-right .premium-sub-item-badge,
7178
- .premium-mega-content-container .premium-badge-slide-right .premium-rn-badge,
7179
- .premium-sub-menu .premium-badge-slide-right .premium-sub-item-badge,
7180
- .premium-sub-menu .premium-badge-slide-right .premium-rn-badge {
7181
- -webkit-transform: translateY(-50%) translateX(-5px);
7182
- -ms-transform: translateY(-50%) translateX(-5px);
7183
- transform: translateY(-50%) translateX(-5px);
7184
- -webkit-transition: -webkit-transform 0.5s;
7185
- transition: -webkit-transform 0.5s;
7186
- transition: transform 0.5s;
7187
- transition: transform 0.5s, -webkit-transform 0.5s;
7188
- }
7189
-
7190
- .premium-mega-content-container .premium-badge-slide-right:hover .premium-sub-item-badge,
7191
- .premium-mega-content-container .premium-badge-slide-right:hover .premium-rn-badge,
7192
- .premium-sub-menu .premium-badge-slide-right:hover .premium-sub-item-badge,
7193
- .premium-sub-menu .premium-badge-slide-right:hover .premium-rn-badge {
7194
- -webkit-transform: translateY(-50%) translateX(5px);
7195
- -ms-transform: translateY(-50%) translateX(5px);
7196
- transform: translateY(-50%) translateX(5px);
7197
- }
7198
-
7199
- .premium-mega-content-container .premium-badge-slide-left .premium-sub-item-badge,
7200
- .premium-mega-content-container .premium-badge-slide-left .premium-rn-badge,
7201
- .premium-sub-menu .premium-badge-slide-left .premium-sub-item-badge,
7202
- .premium-sub-menu .premium-badge-slide-left .premium-rn-badge {
7203
- -webkit-transform: translateY(-50%) translateX(5px);
7204
- -ms-transform: translateY(-50%) translateX(5px);
7205
- transform: translateY(-50%) translateX(5px);
7206
- -webkit-transition: -webkit-transform 0.5s;
7207
- transition: -webkit-transform 0.5s;
7208
- transition: transform 0.5s;
7209
- transition: transform 0.5s, -webkit-transform 0.5s;
7210
- }
7211
-
7212
- .premium-mega-content-container .premium-badge-slide-left:hover .premium-sub-item-badge,
7213
- .premium-mega-content-container .premium-badge-slide-left:hover .premium-rn-badge,
7214
- .premium-sub-menu .premium-badge-slide-left:hover .premium-sub-item-badge,
7215
- .premium-sub-menu .premium-badge-slide-left:hover .premium-rn-badge {
7216
- -webkit-transform: translateY(-50%) translateX(-5px);
7217
- -ms-transform: translateY(-50%) translateX(-5px);
7218
- transform: translateY(-50%) translateX(-5px);
7219
- }
7220
-
7221
- .premium-mega-content-container .premium-badge-expand .premium-sub-item-badge,
7222
- .premium-mega-content-container .premium-badge-expand .premium-rn-badge,
7223
- .premium-sub-menu .premium-badge-expand .premium-sub-item-badge,
7224
- .premium-sub-menu .premium-badge-expand .premium-rn-badge {
7225
- -webkit-transform: translateY(-50%) scaleX(0);
7226
- -ms-transform: translateY(-50%) scaleX(0);
7227
- transform: translateY(-50%) scaleX(0);
7228
- -webkit-transition: -webkit-transform 0.25s ease-out;
7229
- transition: -webkit-transform 0.25s ease-out;
7230
- transition: transform 0.25s ease-out;
7231
- transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
7232
- }
7233
-
7234
- .premium-mega-content-container .premium-badge-expand:hover .premium-sub-item-badge,
7235
- .premium-mega-content-container .premium-badge-expand:hover .premium-rn-badge,
7236
- .premium-sub-menu .premium-badge-expand:hover .premium-sub-item-badge,
7237
- .premium-sub-menu .premium-badge-expand:hover .premium-rn-badge {
7238
- -webkit-transform: translateY(-50%) scaleX(1);
7239
- -ms-transform: translateY(-50%) scaleX(1);
7240
- transform: translateY(-50%) scaleX(1);
7241
- }
7242
-
7243
- /* Pulse Grow */
7244
- @-webkit-keyframes badge-pulse-grow {
7245
- to {
7246
- -webkit-transform: translateY(-50%) scale(1.07);
7247
- transform: translateY(-50%) scale(1.07);
7248
- }
7249
- }
7250
-
7251
- @keyframes badge-pulse-grow {
7252
- to {
7253
- -webkit-transform: translateY(-50%) scale(1.07);
7254
- transform: translateY(-50%) scale(1.07);
7255
- }
7256
- }
7257
-
7258
- /* Buzz */
7259
- @-webkit-keyframes badge-buzz {
7260
- 50% {
7261
- -webkit-transform: translateY(-50%) translateX(3px) rotate(2deg);
7262
- transform: translateY(-50%) translateX(3px) rotate(2deg);
7263
- }
7264
-
7265
- 100% {
7266
- -webkit-transform: translateY(-50%) translateX(-3px) rotate(-2deg);
7267
- transform: translateY(-50%) translateX(-3px) rotate(-2deg);
7268
- }
7269
- }
7270
-
7271
- @keyframes badge-buzz {
7272
- 50% {
7273
- -webkit-transform: translateY(-50%) translateX(3px) rotate(3deg);
7274
- transform: translateY(-50%) translateX(3px) rotate(3deg);
7275
- }
7276
-
7277
- 100% {
7278
- -webkit-transform: translateY(-50%) translateX(-3px) rotate(-3deg);
7279
- transform: translateY(-50%) translateX(-3px) rotate(-3deg);
7280
- }
7281
- }
7282
-
7283
- body.premium-scroll-disabled {
7284
- overflow-y: hidden;
7285
- height: 100vh;
7286
- margin: 0;
7287
- }
7288
- /************ Premium Team Members ************/
7289
- /*********************************************/
7290
- .premium-person-container {
7291
- position: relative;
7292
- }
7293
-
7294
- .premium-person-image-container {
7295
- position: relative;
7296
- text-align: center;
7297
- overflow: hidden;
7298
  }
7299
 
7300
- .premium-person-image-container .premium-person-image-wrap {
7301
- overflow: hidden;
 
 
 
 
 
 
7302
  }
7303
 
7304
- .premium-person-zoomout-effect .premium-person-image-container img,
7305
- .premium-person-scale-effect .premium-person-image-container img {
7306
- -webkit-transform: scale(1.2);
7307
- -ms-transform: scale(1.2);
7308
- transform: scale(1.2);
7309
  }
7310
 
7311
- .premium-person-sepia-effect .premium-person-image-container img {
7312
- -webkit-filter: sepia(30%);
7313
- filter: sepia(30%);
7314
  }
7315
 
7316
- .premium-person-bright-effect .premium-person-image-container img {
7317
- -webkit-filter: brightness(1);
7318
- filter: brightness(1);
 
7319
  }
7320
 
7321
- .premium-person-trans-effect .premium-person-image-container img {
7322
- -webkit-transform: translateX(15px) scale(1.1);
7323
- -ms-transform: translateX(15px) scale(1.1);
7324
- transform: translateX(15px) scale(1.1);
 
 
 
 
 
 
 
 
 
 
7325
  }
7326
 
7327
- .premium-person-zoomin-effect:hover .premium-person-image-container img {
7328
- -webkit-transform: scale(1.2);
7329
- -ms-transform: scale(1.2);
7330
- transform: scale(1.2);
 
7331
  }
7332
 
7333
- .premium-person-zoomout-effect:hover .premium-person-image-container img {
7334
- -webkit-transform: scale(1.1);
7335
- -ms-transform: scale(1.1);
7336
- transform: scale(1.1);
 
7337
  }
7338
 
7339
- .premium-person-scale-effect:hover .premium-person-image-container img {
7340
- -webkit-transform: scale(1.3) rotate(-5deg);
7341
- -ms-transform: scale(1.3) rotate(-5deg);
7342
- transform: scale(1.3) rotate(-5deg);
7343
  }
7344
 
7345
- .premium-person-grayscale-effect:hover .premium-person-image-container img {
7346
- -webkit-filter: grayscale(100%);
7347
- filter: grayscale(100%);
 
7348
  }
7349
 
7350
- .premium-person-blur-effect:hover .premium-person-image-container img {
7351
- -webkit-filter: blur(3px);
7352
- filter: blur(3px);
 
7353
  }
7354
 
7355
- .premium-person-sepia-effect:hover .premium-person-image-container img {
7356
- -webkit-filter: sepia(0%);
7357
- filter: sepia(0%);
 
 
 
 
 
7358
  }
7359
 
7360
- .premium-person-bright-effect:hover .premium-person-image-container img {
7361
- -webkit-filter: brightness(1.2);
7362
- filter: brightness(1.2);
7363
  }
7364
 
7365
- .premium-person-trans-effect:hover .premium-person-image-container img {
7366
- -webkit-transform: translateX(0px) scale(1.1);
7367
- -ms-transform: translateX(0px) scale(1.1);
7368
- transform: translateX(0px) scale(1.1);
 
7369
  }
7370
 
7371
- .premium-person-container .premium-person-image-container img {
7372
- width: 100%;
7373
- height: 100%;
7374
- display: block;
7375
- -o-object-fit: cover;
7376
- object-fit: cover;
7377
- -webkit-transition: all 0.5s ease-in-out;
7378
- transition: all 0.5s ease-in-out;
7379
  }
7380
 
7381
- .premium-person-style2 .premium-person-social {
7382
- position: absolute;
 
7383
  top: 0;
7384
- right: 0;
7385
- width: 100%;
7386
- height: 100%;
7387
- z-index: 2;
7388
- -js-display: flex;
7389
- display: -webkit-box;
7390
- display: -webkit-flex;
7391
- display: -moz-box;
7392
- display: -ms-flexbox;
7393
- display: flex;
7394
- -webkit-box-pack: center;
7395
- -webkit-justify-content: center;
7396
- -moz-box-pack: center;
7397
- -ms-flex-pack: center;
7398
- justify-content: center;
7399
- -webkit-box-align: center;
7400
- -webkit-align-items: center;
7401
- -moz-box-align: center;
7402
- -ms-flex-align: center;
7403
- align-items: center;
7404
- -webkit-box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
7405
- box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
7406
- -webkit-transition: all 0.5s linear 0s;
7407
- transition: all 0.5s linear 0s;
7408
- opacity: 0;
7409
  }
7410
 
7411
- .premium-person-style2 .premium-person-image-container:hover .premium-person-social {
 
 
7412
  opacity: 1;
 
7413
  }
7414
 
7415
- .premium-person-list-item a {
7416
- display: inline-block;
 
 
 
7417
  }
7418
 
7419
- .premium-person-style2 .premium-person-list-item a {
7420
- opacity: 0;
7421
- -webkit-transform: scale(0);
7422
- -ms-transform: scale(0);
7423
- transform: scale(0);
7424
- -webkit-transition: all 0.5s ease-in-out 0s;
7425
- transition: all 0.5s ease-in-out 0s;
7426
- }
7427
-
7428
- .premium-person-style2 .premium-person-image-container:hover .premium-person-list-item a {
7429
- opacity: 1;
7430
- -webkit-transform: scale(1);
7431
- -ms-transform: scale(1);
7432
- transform: scale(1);
7433
- }
7434
-
7435
- .premium-person-info-container {
7436
- padding: 30px 15px;
7437
- }
7438
-
7439
- .premium-person-name {
7440
- margin: 0 0 5px;
7441
- font-weight: 700;
7442
  }
7443
 
7444
- .premium-person-title {
7445
- margin: 0 0 20px;
7446
- padding: 0;
7447
  }
7448
 
7449
- .premium-person-content {
7450
- margin: 0 0 30px;
7451
  }
7452
 
7453
- /*Override Theme List Margin*/
7454
- ul.premium-person-social-list {
7455
- margin: 0px !important;
7456
- padding: 0;
7457
  }
7458
 
7459
- .premium-person-social-list .premium-person-list-item {
7460
- display: inline;
7461
- list-style: none;
 
 
 
7462
  }
7463
 
7464
- .premium-person-social-list li {
 
 
 
7465
  position: relative;
7466
- bottom: 0px;
7467
- -webkit-transition: all 0.2s ease-in-out;
7468
- transition: all 0.2s ease-in-out;
7469
  }
7470
 
7471
- .premium-person-social-list li i {
7472
- position: relative;
7473
- bottom: 0px;
7474
- -webkit-transition: all 0.2s ease-in-out;
7475
- transition: all 0.2s ease-in-out;
7476
  }
7477
 
7478
- .premium-person-defaults-yes li.premium-person-facebook:hover a {
7479
- background-color: #3b5998 !important;
 
 
 
 
 
 
 
 
 
 
7480
  }
7481
 
7482
- .premium-person-defaults-yes li.premium-person-twitter:hover a {
7483
- background-color: #55acee !important;
 
7484
  }
7485
 
7486
- .premium-person-defaults-yes li.premium-person-linkedin:hover a {
7487
- background-color: #0077b5 !important;
 
7488
  }
7489
 
7490
- .premium-person-defaults-yes li.premium-person-google:hover a {
7491
- background-color: #dc4e41 !important;
 
 
7492
  }
7493
 
7494
- .premium-person-defaults-yes li.premium-person-youtube:hover a {
7495
- background-color: #b31217 !important;
 
7496
  }
7497
 
7498
- .premium-person-defaults-yes li.premium-person-instagram:hover a {
7499
- background-color: #e4405f !important;
 
7500
  }
7501
 
7502
- .premium-person-defaults-yes li.premium-person-skype:hover a {
7503
- background-color: #00aff0 !important;
7504
  }
7505
 
7506
- .premium-person-defaults-yes li.premium-person-pinterest:hover a {
7507
- background-color: #bd081c !important;
7508
  }
7509
 
7510
- .premium-person-defaults-yes li.premium-person-dribbble:hover a {
7511
- background-color: #ea4c89 !important;
7512
  }
7513
 
7514
- .premium-person-defaults-yes li.premium-person-mail:hover a {
7515
- background-color: #b23121 !important;
 
 
7516
  }
7517
 
7518
- .premium-person-defaults-yes li.premium-person-behance:hover a {
7519
- background-color: #1769ff !important;
 
 
 
 
 
 
 
 
7520
  }
7521
 
7522
- .premium-person-defaults-yes li.premium-person-whatsapp:hover a {
7523
- background-color: #25d366 !important;
 
 
 
 
 
 
7524
  }
7525
 
7526
- .premium-person-defaults-yes li.premium-person-telegram:hover a {
7527
- background-color: #0088cc !important;
 
 
 
 
7528
  }
7529
 
7530
- .premium-person-defaults-yes li.premium-person-site:hover a {
7531
- background-color: #0055a5 !important;
 
 
 
7532
  }
7533
 
7534
- .premium-person-social-list li:hover a {
7535
- -webkit-box-shadow: none;
7536
- box-shadow: none;
7537
  }
7538
 
7539
- .premium-person-social-list li a:focus {
7540
- -webkit-box-shadow: none;
7541
- box-shadow: none;
7542
- outline: none;
7543
  }
7544
 
7545
- .premium-person-social-list li i {
7546
- font-size: 18px;
 
 
 
 
 
 
 
 
 
 
 
 
 
7547
  }
7548
 
7549
- .elementor-widget-premium-addon-person .elementor-widget-container {
7550
  -js-display: flex;
7551
  display: -webkit-box;
7552
  display: -webkit-flex;
7553
  display: -moz-box;
7554
  display: -ms-flexbox;
7555
  display: flex;
7556
- -webkit-box-pack: center;
7557
- -webkit-justify-content: center;
7558
- -moz-box-pack: center;
7559
- -ms-flex-pack: center;
7560
- justify-content: center;
7561
  }
7562
 
7563
- .premium-persons-container.multiple-persons {
7564
- -js-display: flex;
7565
- display: -webkit-box;
7566
- display: -webkit-flex;
7567
- display: -moz-box;
7568
- display: -ms-flexbox;
7569
- display: flex;
7570
- -webkit-flex-wrap: wrap;
7571
- -ms-flex-wrap: wrap;
7572
- flex-wrap: wrap;
7573
- width: 100%;
7574
  }
7575
 
7576
- .premium-person-style1 .premium-person-container {
7577
- overflow: hidden;
 
 
7578
  }
7579
 
7580
- .premium-person-style1 .premium-person-container .premium-person-info {
7581
  position: absolute;
7582
- top: auto;
7583
- left: 0;
7584
- right: 0;
7585
- -webkit-transition: all 500ms ease 0s;
7586
- transition: all 500ms ease 0s;
7587
- -webkit-transform: translate3d(0, 100%, 0);
7588
- transform: translate3d(0, 100%, 0);
 
 
 
 
 
 
 
 
 
 
 
 
 
 
7589
  }
7590
 
7591
- .premium-person-style1 .premium-person-container:hover .premium-person-info {
7592
- -webkit-transform: translate3d(0, 0, 0);
7593
- transform: translate3d(0, 0, 0);
7594
- bottom: -1px !important;
7595
  }
7596
 
7597
- .premium-person-style1 .premium-person-social-list li:hover {
7598
- bottom: 5px;
 
 
7599
  }
7600
 
7601
- .premium-person-style1.multiple-persons:not([data-persons-equal="yes"]) {
7602
- -webkit-box-align: start;
7603
- -webkit-align-items: flex-start;
7604
- -moz-box-align: start;
7605
- -ms-flex-align: start;
7606
- align-items: flex-start;
7607
  }
7608
 
7609
- .premium-person-style1 .slick-track {
7610
- -js-display: flex;
7611
- display: -webkit-box;
7612
- display: -webkit-flex;
7613
- display: -moz-box;
7614
- display: -ms-flexbox;
7615
- display: flex;
7616
  }
7617
 
7618
- .premium-person-style1 .slick-slide {
7619
- height: inherit !important;
 
 
 
 
7620
  }
7621
 
7622
- /* .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-container,
7623
- .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-wrap {
7624
- height: 100%;
7625
- } */
7626
 
7627
- .premium-person-style3 .premium-person-info-container {
7628
- position: absolute;
7629
- top: 0;
7630
- right: 0;
7631
- width: 100%;
7632
- height: 100%;
7633
  -js-display: flex;
7634
  display: -webkit-box;
7635
  display: -webkit-flex;
7636
  display: -moz-box;
7637
  display: -ms-flexbox;
7638
  display: flex;
7639
- -webkit-box-orient: vertical;
7640
- -webkit-box-direction: normal;
7641
- -webkit-flex-direction: column;
7642
- -moz-box-orient: vertical;
7643
- -moz-box-direction: normal;
7644
- -ms-flex-direction: column;
7645
- flex-direction: column;
7646
  -webkit-box-pack: justify;
7647
  -webkit-justify-content: space-between;
7648
  -moz-box-pack: justify;
7649
  -ms-flex-pack: justify;
7650
  justify-content: space-between;
 
 
 
 
7651
  }
7652
 
7653
- .premium-person-style3 .premium-person-title-desc-wrap {
 
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-orient: horizontal;
7661
- -webkit-box-direction: reverse;
7662
- -webkit-flex-direction: row-reverse;
7663
- -moz-box-orient: horizontal;
7664
- -moz-box-direction: reverse;
7665
- -ms-flex-direction: row-reverse;
7666
- flex-direction: row-reverse;
7667
- -webkit-box-pack: justify;
7668
- -webkit-justify-content: space-between;
7669
- -moz-box-pack: justify;
7670
- -ms-flex-pack: justify;
7671
- justify-content: space-between;
7672
- -webkit-box-align: start;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
7673
  -webkit-align-items: flex-start;
7674
  -moz-box-align: start;
7675
  -ms-flex-align: start;
7676
  align-items: flex-start;
7677
  }
7678
 
7679
- .premium-person-style3 .premium-person-name-icons-wrap {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
7680
  -js-display: flex;
7681
  display: -webkit-box;
7682
  display: -webkit-flex;
7683
  display: -moz-box;
7684
  display: -ms-flexbox;
7685
  display: flex;
7686
- -webkit-box-pack: justify;
7687
- -webkit-justify-content: space-between;
7688
- -moz-box-pack: justify;
7689
- -ms-flex-pack: justify;
7690
- justify-content: space-between;
7691
- -webkit-box-align: end;
7692
- -webkit-align-items: flex-end;
7693
- -moz-box-align: end;
7694
- -ms-flex-align: end;
7695
- align-items: flex-end;
7696
  }
7697
 
7698
- .premium-person-style3 .premium-person-title {
7699
- opacity: 0;
7700
- -webkit-transition: all 0.3s ease;
7701
- transition: all 0.3s ease;
7702
- width: 0;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
7703
  }
7704
 
7705
- .premium-person-style3 .premium-person-title span {
7706
- display: inline-block;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
7707
  }
7708
-
7709
- .premium-person-style3 .premium-person-name {
7710
- padding-right: 10px;
 
 
 
7711
  }
7712
 
7713
- .premium-person-style3 .premium-person-social-list {
7714
  -js-display: flex;
7715
  display: -webkit-box;
7716
  display: -webkit-flex;
@@ -7724,1591 +8865,450 @@ ul.premium-person-social-list {
7724
  -moz-box-direction: normal;
7725
  -ms-flex-direction: column;
7726
  flex-direction: column;
7727
- -webkit-transform: translateY(20px);
7728
- -ms-transform: translateY(20px);
7729
- transform: translateY(20px);
7730
- opacity: 0;
7731
- -webkit-transition: all 0.3s ease;
7732
- transition: all 0.3s ease;
7733
  }
7734
 
7735
- .premium-person-style3 .premium-person-list-item {
7736
- line-height: 0;
 
7737
  }
7738
 
7739
- .premium-person-style3 .premium-person-list-item a {
7740
- padding: 5px 0 0 10px;
7741
- margin: 5px 0;
7742
  }
7743
 
7744
- .premium-person-style3 .premium-person-container:hover .premium-person-title {
7745
- opacity: 1;
7746
  }
7747
 
7748
- .premium-person-style3 .premium-person-container:hover .premium-person-social-list {
7749
- opacity: 1;
7750
- -webkit-transform: translateY(0);
7751
- -ms-transform: translateY(0);
7752
- transform: translateY(0);
7753
  }
7754
 
7755
- .premium-persons-title-cw .premium-person-title {
7756
- -webkit-transform: translateX(-15px) rotate(-90deg);
7757
- -ms-transform: translateX(-15px) rotate(-90deg);
7758
- transform: translateX(-15px) rotate(-90deg);
7759
- -webkit-transform-origin: top;
7760
- -ms-transform-origin: top;
7761
- transform-origin: top;
7762
  }
7763
 
7764
- .premium-persons-title-cw .premium-person-container:hover .premium-person-title {
7765
- -webkit-transform: translateX(0) rotate(-90deg);
7766
- -ms-transform: translateX(0) rotate(-90deg);
7767
- transform: translateX(0) rotate(-90deg);
7768
  }
7769
 
7770
- .premium-persons-title-ccw .premium-person-title {
7771
- width: auto;
7772
- margin-left: 20px;
7773
- -webkit-transform: translateX(-15px) rotate(90deg);
7774
- -ms-transform: translateX(-15px) rotate(90deg);
7775
- transform: translateX(-15px) rotate(90deg);
7776
- -webkit-transform-origin: center left;
7777
- -ms-transform-origin: center left;
7778
- transform-origin: center left;
7779
  }
7780
 
7781
- .premium-persons-title-ccw .premium-person-container:hover .premium-person-title {
7782
- -webkit-transform: translateX(0) rotate(90deg);
7783
- -ms-transform: translateX(0) rotate(90deg);
7784
- transform: translateX(0) rotate(90deg);
7785
- }
7786
- /**************** Premium Pricing Table ****************/
7787
- /*******************************************************/
7788
- .premium-pricing-table-container {
7789
- position: relative;
7790
- text-align: center;
7791
- display: inline-block;
7792
  width: 100%;
7793
- -webkit-transition: all 0.3s ease-in-out;
7794
- transition: all 0.3s ease-in-out;
7795
- }
7796
-
7797
- .premium-pricing-icon-container {
7798
- -js-display: flex;
7799
- display: -webkit-box;
7800
- display: -webkit-flex;
7801
- display: -moz-box;
7802
- display: -ms-flexbox;
7803
- display: flex;
7804
- -webkit-box-pack: center;
7805
- -webkit-justify-content: center;
7806
- -moz-box-pack: center;
7807
- -ms-flex-pack: center;
7808
- justify-content: center;
7809
- line-height: 0;
7810
  }
7811
 
7812
- .premium-pricing-icon-container .premium-pricing-icon {
7813
- display: inline-block;
 
 
 
 
 
 
7814
  }
7815
 
7816
- .premium-pricing-icon-container .premium-pricing-image {
7817
- overflow: hidden;
 
 
 
 
 
 
 
7818
  }
7819
 
7820
- .premium-pricing-icon-container .premium-pricing-image img {
7821
- width: 25px;
7822
- height: 25px;
7823
- -o-object-fit: cover;
7824
- object-fit: cover;
7825
  }
7826
 
7827
- .premium-badge-left {
7828
- position: absolute;
7829
- top: 0;
 
 
 
 
7830
  }
7831
 
7832
- .premium-badge-right {
 
7833
  position: absolute;
7834
  top: 0;
7835
  right: 0;
 
 
 
 
 
 
 
7836
  }
7837
 
7838
- .premium-badge-left {
7839
- left: 0;
 
7840
  }
7841
 
7842
- .premium-badge-triangle.premium-badge-left .corner {
7843
- width: 0;
7844
- height: 0;
7845
- border-top: 150px solid;
7846
- border-bottom: 150px solid transparent;
7847
- border-right: 150px solid transparent;
 
7848
  }
7849
 
7850
- .premium-badge-triangle.premium-badge-right .corner {
7851
- width: 0;
7852
- height: 0;
7853
- border-bottom: 150px solid transparent;
7854
- border-right: 150px solid;
7855
- border-left: 150px solid transparent;
 
 
 
 
7856
  }
7857
 
7858
- .premium-badge-triangle span {
 
 
 
 
 
 
7859
  position: absolute;
7860
- top: 35px;
7861
- width: 100px;
7862
- text-align: center;
7863
- -webkit-transform: rotate(-45deg);
7864
- -ms-transform: rotate(-45deg);
7865
- transform: rotate(-45deg);
7866
- display: block;
7867
- text-transform: uppercase;
7868
  }
7869
 
7870
- .premium-badge-triangle.premium-badge-right span {
7871
- -webkit-transform: rotate(45deg);
7872
- -ms-transform: rotate(45deg);
7873
- transform: rotate(45deg);
7874
- right: 0;
 
 
 
 
 
 
7875
  }
7876
 
7877
- .premium-badge-circle {
7878
- min-width: 4em;
7879
- min-height: 4em;
7880
- line-height: 4em;
7881
- text-align: center;
7882
- -webkit-border-radius: 100%;
7883
- border-radius: 100%;
7884
- position: absolute;
7885
- z-index: 1;
7886
  }
7887
 
7888
- .premium-badge-stripe {
7889
- position: absolute;
7890
- -webkit-transform: rotate(90deg);
7891
- -ms-transform: rotate(90deg);
7892
- transform: rotate(90deg);
7893
- width: 15em;
7894
- overflow: hidden;
7895
- height: 15em;
7896
  }
7897
 
7898
- .premium-badge-stripe.premium-badge-left {
7899
- -webkit-transform: rotate(0);
7900
- -ms-transform: rotate(0);
7901
- transform: rotate(0);
 
 
 
 
 
 
 
7902
  }
7903
 
7904
- .premium-badge-stripe .corner {
7905
- text-align: center;
7906
- left: 0;
7907
- width: 150%;
7908
- -webkit-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
7909
- -ms-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
7910
- transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
7911
- margin-top: 35px;
7912
- font-size: 13px;
7913
- line-height: 2;
7914
- font-weight: 800;
7915
- text-transform: uppercase;
7916
  }
7917
 
7918
- .premium-badge-flag .corner {
7919
- text-align: center;
7920
- -webkit-border-radius: 4px 4px 0 4px;
7921
- border-radius: 4px 4px 0 4px;
7922
- padding: 3px 15px;
7923
- position: absolute;
7924
- top: 10%;
7925
- right: -8px;
 
 
7926
  }
7927
 
7928
- .premium-badge-flag .corner::before,
7929
- .premium-badge-flag .corner::after {
7930
- content: "";
7931
- display: block;
7932
- position: absolute;
7933
- width: 0;
7934
- height: 0;
7935
- top: 100%;
7936
- right: 0;
7937
- border-bottom: 8px solid transparent;
7938
  }
7939
 
7940
- .elementor-widget-premium-addon-pricing-table .elementor-widget-container {
7941
- overflow: visible !important;
 
 
7942
  }
7943
 
7944
- .premium-badge-flag .corner::after {
7945
- border-left: 8px solid rgba(0, 0, 0, 0.2);
 
 
7946
  }
7947
 
7948
- .premium-pricing-price-currency {
7949
- position: relative;
 
7950
  }
7951
 
7952
- .premium-pricing-button-container {
7953
- display: block;
 
7954
  }
7955
 
7956
- .premium-pricing-list {
7957
- -js-display: flex;
7958
- display: -webkit-box;
7959
- display: -webkit-flex;
7960
- display: -moz-box;
7961
- display: -ms-flexbox;
7962
- display: flex;
7963
- -webkit-box-orient: vertical;
7964
- -webkit-box-direction: normal;
7965
- -webkit-flex-direction: column;
7966
- -moz-box-orient: vertical;
7967
- -moz-box-direction: normal;
7968
- -ms-flex-direction: column;
7969
- flex-direction: column;
7970
- list-style-type: none;
7971
- margin: 0;
7972
- padding: 0;
7973
  }
7974
 
7975
- .premium-pricing-list .premium-pricing-list-item {
7976
- -js-display: flex;
7977
- display: -webkit-box;
7978
- display: -webkit-flex;
7979
- display: -moz-box;
7980
- display: -ms-flexbox;
7981
- display: flex;
7982
- -webkit-box-align: center;
7983
- -webkit-align-items: center;
7984
- -moz-box-align: center;
7985
- -ms-flex-align: center;
7986
- align-items: center;
7987
  }
7988
 
7989
- .premium-pricing-list .premium-pricing-list-item svg {
7990
- width: 50px;
7991
- height: 50px;
7992
  }
7993
 
7994
- .premium-pricing-list .premium-pricing-list-item img {
7995
- width: 30px;
7996
- height: 30px;
7997
- -o-object-fit: cover;
7998
- object-fit: cover;
7999
  }
8000
 
8001
- .premium-pricing-list .premium-pricing-list-span {
8002
- position: relative;
 
 
 
8003
  }
8004
 
8005
- .premium-pricing-list .list-item-tooltip {
8006
- border-bottom: 1px dotted;
 
8007
  }
8008
 
8009
- .premium-pricing-list .premium-pricing-list-tooltip {
8010
- position: absolute;
8011
- top: -webkit-calc(100% + 1px);
8012
- top: calc(100% + 1px);
8013
- right: 0;
8014
- visibility: hidden;
8015
- padding: 15px 20px;
8016
- -webkit-border-radius: 5px;
8017
- border-radius: 5px;
8018
- min-width: 200px;
8019
- overflow: hidden;
8020
- text-align: right;
8021
- font-size: 0.8rem;
8022
- color: #fff;
8023
- background-color: #aaa;
8024
  }
8025
 
8026
- .premium-pricing-features-left .premium-pricing-list-span {
8027
- text-align: right;
 
 
8028
  }
8029
 
8030
- .premium-pricing-features-center .premium-pricing-list-span {
8031
- text-align: center;
 
8032
  }
8033
 
8034
- .premium-pricing-features-right .premium-pricing-list-span {
8035
- text-align: left;
 
 
8036
  }
8037
 
8038
- .premium-pricing-list-span:hover .premium-pricing-list-tooltip {
8039
- z-index: 99;
8040
- visibility: visible;
8041
- opacity: 1;
 
 
8042
  }
8043
 
8044
- .premium-pricing-slashed-price-value {
8045
- display: inline-block;
8046
- font-size: 20px;
8047
- font-weight: 400;
8048
- margin-left: 5px;
8049
  }
8050
 
8051
- .premium-pricing-price-value {
8052
- font-size: 70px;
 
8053
  }
8054
 
8055
- .premium-pricing-description-container li {
8056
- list-style-position: inside;
8057
- text-indent: -40px;
8058
  }
8059
 
8060
- @-moz-document url-prefix() {
8061
- .premium-pricing-description-container li {
8062
- text-indent: 0px;
8063
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
8064
  }
8065
 
8066
- .premium-pricing-price-button {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
8067
  display: block;
8068
- padding: 6px 12px;
8069
- line-height: 1.42857143;
 
 
8070
  text-align: center;
8071
- color: #fff;
8072
- background: #6ec1e4;
8073
- margin-bottom: 0;
8074
- -webkit-transition: all 0.3s ease-in-out;
8075
- transition: all 0.3s ease-in-out;
8076
- }
8077
- /**************** Premium Progress Bar ****************/
8078
- /******************************************************/
8079
- .premium-progressbar-container {
8080
- position: relative;
8081
- }
8082
-
8083
- .premium-progressbar-bar-wrap {
8084
- position: relative;
8085
- text-align: right;
8086
- overflow: hidden;
8087
- height: 25px;
8088
- margin-bottom: 50px;
8089
- background-color: #f5f5f5;
8090
- -webkit-border-radius: 4px;
8091
- border-radius: 4px;
8092
- -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
8093
- box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
8094
- }
8095
-
8096
- .premium-progressbar-bar-wrap.premium-progressbar-dots {
8097
- background-color: transparent;
8098
- width: 100%;
8099
- -js-display: flex;
8100
- display: -webkit-box;
8101
- display: -webkit-flex;
8102
- display: -moz-box;
8103
- display: -ms-flexbox;
8104
- display: flex;
8105
- height: auto;
8106
- -webkit-box-shadow: none;
8107
- box-shadow: none;
8108
- }
8109
-
8110
- .premium-progressbar-bar-wrap .progress-segment {
8111
- position: relative;
8112
- width: 25px;
8113
- height: 25px;
8114
- -webkit-border-radius: 50%;
8115
- border-radius: 50%;
8116
- overflow: hidden;
8117
- background-color: #f5f5f5;
8118
- }
8119
-
8120
- .premium-progressbar-bar-wrap .progress-segment.filled {
8121
- background: #6ec1e4;
8122
- }
8123
-
8124
- .premium-progressbar-bar-wrap .progress-segment:not(:first-child):not(:last-child) {
8125
- margin: 0 4px;
8126
- }
8127
-
8128
- .premium-progressbar-bar-wrap .progress-segment:first-child {
8129
- margin-left: 4px;
8130
- }
8131
-
8132
- .premium-progressbar-bar-wrap .progress-segment:last-child {
8133
- margin-right: 4px;
8134
- }
8135
-
8136
- .premium-progressbar-bar-wrap .progress-segment .segment-inner {
8137
- position: absolute;
8138
- top: 0;
8139
- right: 0;
8140
- height: 100%;
8141
- background-color: #6ec1e4;
8142
- }
8143
-
8144
- .premium-progressbar-bar {
8145
- float: right;
8146
- width: 0%;
8147
- height: 100%;
8148
- font-size: 12px;
8149
- line-height: 20px;
8150
- background: #6ec1e4;
8151
- text-align: center;
8152
- -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
8153
- box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
8154
- }
8155
-
8156
- .premium-progressbar-striped .premium-progressbar-bar {
8157
- background-image: -webkit-linear-gradient(-135deg,
8158
- rgba(255, 255, 255, 0.15) 25%,
8159
- transparent 25%,
8160
- transparent 50%,
8161
- rgba(255, 255, 255, 0.15) 50%,
8162
- rgba(255, 255, 255, 0.15) 75%,
8163
- transparent 75%,
8164
- transparent);
8165
- background-image: -webkit-linear-gradient(45deg,
8166
- rgba(255, 255, 255, 0.15) 25%,
8167
- transparent 25%,
8168
- transparent 50%,
8169
- rgba(255, 255, 255, 0.15) 50%,
8170
- rgba(255, 255, 255, 0.15) 75%,
8171
- transparent 75%,
8172
- transparent);
8173
- background-image: linear-gradient(45deg,
8174
- rgba(255, 255, 255, 0.15) 25%,
8175
- transparent 25%,
8176
- transparent 50%,
8177
- rgba(255, 255, 255, 0.15) 50%,
8178
- rgba(255, 255, 255, 0.15) 75%,
8179
- transparent 75%,
8180
- transparent);
8181
- -webkit-background-size: 40px 40px;
8182
- background-size: 40px 40px;
8183
- }
8184
-
8185
- .premium-progressbar-active .premium-progressbar-bar {
8186
- -webkit-animation: progress-bar-stripes 2s linear infinite;
8187
- animation: progress-bar-stripes 2s linear infinite;
8188
- }
8189
-
8190
- .premium-progressbar-gradient .premium-progressbar-bar {
8191
- -webkit-background-size: 400% 400% !important;
8192
- background-size: 400% 400% !important;
8193
- -webkit-animation: progress-bar-gradient 10s ease-in-out infinite;
8194
- animation: progress-bar-gradient 10s ease-in-out infinite;
8195
- }
8196
-
8197
- .premium-progressbar-bar {
8198
- position: absolute;
8199
- overflow: hidden;
8200
- line-height: 20px;
8201
- }
8202
-
8203
- .premium-progressbar-container .clearfix {
8204
- clear: both;
8205
- }
8206
-
8207
- .premium-progressbar-bar {
8208
- -webkit-transition: width 0s ease-in-out !important;
8209
- transition: width 0s ease-in-out !important;
8210
- }
8211
-
8212
- .premium-progressbar-container p:first-of-type {
8213
- margin: 0;
8214
- float: left;
8215
- }
8216
-
8217
- .premium-progressbar-container p:nth-of-type(2) {
8218
- margin: 0;
8219
- float: right;
8220
- }
8221
-
8222
- .premium-progressbar-name {
8223
- right: 50%;
8224
- top: 0;
8225
- left: 0;
8226
- -webkit-transform: translateX(12.5px);
8227
- -ms-transform: translateX(12.5px);
8228
- transform: translateX(12.5px);
8229
- z-index: 1;
8230
- }
8231
-
8232
- .premium-progressbar-multiple-label {
8233
- position: relative;
8234
- float: right;
8235
- width: 0;
8236
- right: 50%;
8237
- }
8238
-
8239
- .premium-progressbar-center-label {
8240
- position: relative;
8241
- white-space: nowrap;
8242
- }
8243
-
8244
- .premium-progressbar-arrow {
8245
- height: 15px;
8246
- right: 50%;
8247
- display: inline-block;
8248
- border-right: 7px solid transparent;
8249
- border-left: 7px solid transparent;
8250
- border-top: 11px solid;
8251
- -webkit-transform: translateX(50%);
8252
- -ms-transform: translateX(50%);
8253
- transform: translateX(50%);
8254
- }
8255
-
8256
- .premium-progressbar-pin {
8257
- border-right: 1px solid;
8258
- height: 12px;
8259
- right: 50%;
8260
- display: inline-block;
8261
- }
8262
-
8263
- /**
8264
- * Circle Progress Bar
8265
- */
8266
- .premium-progressbar-circle-wrap,
8267
- .premium-progressbar-hf-circle-wrap {
8268
- width: 200px;
8269
- height: 200px;
8270
- position: relative;
8271
- margin: 0 auto;
8272
- }
8273
-
8274
- .premium-progressbar-circle-wrap .premium-progressbar-circle-content,
8275
- .premium-progressbar-hf-circle-wrap .premium-progressbar-circle-content {
8276
- position: absolute;
8277
- top: 0;
8278
- right: 0;
8279
- width: 100%;
8280
- height: 100%;
8281
- -js-display: flex;
8282
- display: -webkit-box;
8283
- display: -webkit-flex;
8284
- display: -moz-box;
8285
- display: -ms-flexbox;
8286
- display: flex;
8287
- -webkit-box-orient: vertical;
8288
- -webkit-box-direction: normal;
8289
- -webkit-flex-direction: column;
8290
- -moz-box-orient: vertical;
8291
- -moz-box-direction: normal;
8292
- -ms-flex-direction: column;
8293
- flex-direction: column;
8294
- -webkit-box-pack: center;
8295
- -webkit-justify-content: center;
8296
- -moz-box-pack: center;
8297
- -ms-flex-pack: center;
8298
- justify-content: center;
8299
- -webkit-box-align: center;
8300
- -webkit-align-items: center;
8301
- -moz-box-align: center;
8302
- -ms-flex-align: center;
8303
- align-items: center;
8304
- text-align: center;
8305
- }
8306
-
8307
- .premium-progressbar-circle-wrap .premium-lottie-animation,
8308
- .premium-progressbar-hf-circle-wrap .premium-lottie-animation {
8309
- line-height: 1;
8310
- }
8311
-
8312
- .premium-progressbar-circle-wrap .premium-progressbar-circle {
8313
- position: absolute;
8314
- top: 0;
8315
- right: 0;
8316
- width: 100%;
8317
- height: 100%;
8318
- -webkit-clip-path: inset(0 0 0 50%);
8319
- clip-path: inset(0 0 0 50%);
8320
- }
8321
-
8322
- .premium-progressbar-circle-wrap .premium-progressbar-circle div {
8323
- position: absolute;
8324
- right: 0;
8325
- top: 0;
8326
- height: 100%;
8327
- width: 100%;
8328
- border-width: 6px;
8329
- border-style: solid;
8330
- border-color: #54595f;
8331
- -webkit-border-radius: 50%;
8332
- border-radius: 50%;
8333
- -webkit-clip-path: inset(0 50% 0 0);
8334
- clip-path: inset(0 50% 0 0);
8335
- }
8336
-
8337
- .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-left {
8338
- -webkit-transform: rotate(0);
8339
- -ms-transform: rotate(0);
8340
- transform: rotate(0);
8341
- }
8342
-
8343
- .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-right {
8344
- -webkit-transform: rotate(-180deg);
8345
- -ms-transform: rotate(-180deg);
8346
- transform: rotate(-180deg);
8347
- visibility: hidden;
8348
- }
8349
-
8350
- .premium-progressbar-circle-wrap .premium-progressbar-circle-base {
8351
- width: 100%;
8352
- height: 100%;
8353
- border: 6px solid #eee;
8354
- -webkit-border-radius: 50%;
8355
- border-radius: 50%;
8356
- }
8357
-
8358
- .premium-progressbar-circle-wrap .premium-lottie-animation {
8359
- line-height: 1;
8360
- }
8361
-
8362
- /**
8363
- * Half Circle Progress Bar
8364
- */
8365
- .premium-progressbar-hf-container {
8366
- position: relative;
8367
- width: 200px;
8368
- height: 200px;
8369
- }
8370
-
8371
- .premium-progressbar-hf-circle-wrap {
8372
- overflow: hidden;
8373
- }
8374
-
8375
- .premium-progressbar-hf-circle-wrap .premium-progressbar-left-label {
8376
- -webkit-box-ordinal-group: 2;
8377
- -webkit-order: 1;
8378
- -moz-box-ordinal-group: 2;
8379
- -ms-flex-order: 1;
8380
- order: 1;
8381
- }
8382
-
8383
- .premium-progressbar-hf-circle {
8384
- position: absolute;
8385
- top: 0;
8386
- left: 0;
8387
- width: 100%;
8388
- height: 100%;
8389
- -webkit-clip-path: inset(0 0 50% 0);
8390
- clip-path: inset(0 0 50% 0);
8391
- }
8392
-
8393
- .premium-progressbar-hf-circle-progress {
8394
- position: absolute;
8395
- left: 0;
8396
- top: 0;
8397
- height: 100%;
8398
- width: 100%;
8399
- border: 12px solid #000;
8400
- -webkit-border-radius: 50%;
8401
- border-radius: 50%;
8402
- -webkit-clip-path: inset(50% 0 0 0);
8403
- clip-path: inset(50% 0 0 0);
8404
- -webkit-transform: rotate(0deg);
8405
- -ms-transform: rotate(0deg);
8406
- transform: rotate(0deg);
8407
- -webkit-transition: -webkit-transform 1500ms linear;
8408
- transition: -webkit-transform 1500ms linear;
8409
- transition: transform 1500ms linear;
8410
- transition: transform 1500ms linear, -webkit-transform 1500ms linear;
8411
- }
8412
-
8413
- .premium-progressbar-circle-inner {
8414
- height: 100%;
8415
- width: 100%;
8416
- border: 12px solid #eee;
8417
- -webkit-border-radius: 50%;
8418
- border-radius: 50%;
8419
- }
8420
-
8421
- .premium-progressbar-hf-labels {
8422
- margin: 0 auto;
8423
- position: relative;
8424
- font-size: 12px;
8425
- font-weight: 400;
8426
- -js-display: flex;
8427
- display: -webkit-box;
8428
- display: -webkit-flex;
8429
- display: -moz-box;
8430
- display: -ms-flexbox;
8431
- display: flex;
8432
- -webkit-box-pack: justify;
8433
- -webkit-justify-content: space-between;
8434
- -moz-box-pack: justify;
8435
- -ms-flex-pack: justify;
8436
- justify-content: space-between;
8437
- }
8438
-
8439
-
8440
- @-webkit-keyframes progress-bar-stripes {
8441
- from {
8442
- background-position: 100% 0;
8443
- }
8444
-
8445
- to {
8446
- background-position: 40px 0;
8447
- }
8448
- }
8449
-
8450
- @keyframes progress-bar-stripes {
8451
- from {
8452
- background-position: 100% 0;
8453
- }
8454
-
8455
- to {
8456
- background-position: 40px 0;
8457
- }
8458
- }
8459
-
8460
- @-webkit-keyframes progress-bar-gradient {
8461
- 0% {
8462
- background-position: 100% 50%;
8463
- }
8464
-
8465
- 50% {
8466
- background-position: 0% 50%;
8467
- }
8468
-
8469
- 100% {
8470
- background-position: 100% 50%;
8471
- }
8472
- }
8473
-
8474
- @keyframes progress-bar-gradient {
8475
- 0% {
8476
- background-position: 100% 50%;
8477
- }
8478
-
8479
- 50% {
8480
- background-position: 0% 50%;
8481
- }
8482
-
8483
- 100% {
8484
- background-position: 100% 50%;
8485
- }
8486
- }
8487
-
8488
- @media (max-width: 768px) {
8489
- .premium-progressbar-center-label {
8490
- -webkit-transform: rotate(-90deg) !important;
8491
- -ms-transform: rotate(-90deg) !important;
8492
- transform: rotate(-90deg) !important;
8493
- -webkit-transform-origin: 0;
8494
- -ms-transform-origin: 0;
8495
- transform-origin: 0;
8496
- }
8497
  }
8498
- /**************** Premium Testimonials ****************/
8499
- /******************************************************/
8500
- .premium-testimonial-box {
8501
- width: 100%;
8502
- background: transparent;
8503
- -webkit-transition: all 0.3s ease-in-out;
8504
- transition: all 0.3s ease-in-out;
8505
  }
8506
 
8507
- .premium-testimonial-box .premium-testimonial-author-info {
8508
- -js-display: flex;
8509
- display: -webkit-box;
8510
- display: -webkit-flex;
8511
- display: -moz-box;
8512
- display: -ms-flexbox;
8513
- display: flex;
8514
- -webkit-box-pack: center;
8515
- -webkit-justify-content: center;
8516
- -moz-box-pack: center;
8517
- -ms-flex-pack: center;
8518
- justify-content: center;
8519
- -webkit-box-align: center;
8520
- -webkit-align-items: center;
8521
- -moz-box-align: center;
8522
- -ms-flex-align: center;
8523
- align-items: center;
8524
  }
8525
 
8526
- .premium-testimonial-box .premium-testimonial-person-name,
8527
- .premium-testimonial-box .premium-testimonial-company-name {
8528
- font-weight: 600;
8529
- margin: 0;
8530
  }
8531
 
8532
- .premium-testimonial-container {
8533
- position: relative;
 
 
8534
  }
8535
 
8536
- .premium-testimonial-img-wrapper {
8537
- margin-right: auto;
8538
- margin-left: auto;
8539
- overflow: hidden;
8540
- border-style: solid !important;
8541
  }
8542
 
8543
- .premium-testimonial-img-wrapper.circle {
8544
- -webkit-border-radius: 50%;
8545
- border-radius: 50%;
 
 
 
 
8546
  }
8547
 
8548
- .premium-testimonial-img-wrapper.rounded {
8549
- -webkit-border-radius: 15px;
8550
- border-radius: 15px;
 
 
 
 
8551
  }
8552
 
8553
- .premium-testimonial-img-wrapper img {
8554
- -o-object-fit: cover;
8555
- object-fit: cover;
8556
- width: 100%;
8557
- height: 100% !important;
8558
  }
8559
 
8560
- .premium-testimonial-content-wrapper {
8561
- position: relative;
8562
- display: -ms-flexbox;
8563
- display: -webkit-flex;
8564
- display: -moz-flex;
8565
- display: -ms-flex;
8566
- -js-display: flex;
8567
- display: -webkit-box;
8568
- display: -moz-box;
8569
- display: flex;
8570
- -webkit-box-orient: vertical;
8571
- -webkit-box-direction: normal;
8572
- -webkit-flex-direction: column;
8573
- -moz-box-orient: vertical;
8574
- -moz-box-direction: normal;
8575
- -ms-flex-direction: column;
8576
- flex-direction: column;
8577
- z-index: 2;
8578
- width: 100%;
8579
- padding: 20px;
8580
- text-align: center;
8581
  }
8582
 
8583
- .premium-testimonial-clear-float {
8584
- clear: both;
 
 
 
8585
  }
8586
 
8587
- .premium-testimonial-upper-quote,
8588
- .premium-testimonial-lower-quote {
8589
- position: absolute;
8590
- z-index: 1;
8591
  }
8592
- /**************** Premium Title ****************/
8593
- /***********************************************/
8594
- .premium-title-container .premium-title-header {
8595
- position: relative;
8596
- margin: 0;
8597
- padding: 10px;
8598
- }
8599
-
8600
- .premium-title-container .premium-title-header:not(.premium-title-style7) {
8601
- -webkit-box-align: center;
8602
- -webkit-align-items: center;
8603
- -moz-box-align: center;
8604
- -ms-flex-align: center;
8605
- align-items: center;
8606
- }
8607
-
8608
- .premium-title-container .premium-title-header svg {
8609
- width: 40px;
8610
- height: 40px;
8611
- }
8612
-
8613
- .premium-title-container .premium-title-header img {
8614
- width: 40px;
8615
- height: 40px;
8616
- -o-object-fit: cover;
8617
- object-fit: cover;
8618
- }
8619
-
8620
- .premium-title-container .premium-title-header a {
8621
- position: absolute;
8622
- top: 0;
8623
- right: 0;
8624
- width: 100%;
8625
- height: 100%;
8626
- }
8627
-
8628
- .premium-title-container .premium-lottie-animation {
8629
- -js-display: flex;
8630
- display: -webkit-box;
8631
- display: -webkit-flex;
8632
- display: -moz-box;
8633
- display: -ms-flexbox;
8634
- display: flex;
8635
- }
8636
-
8637
- .premium-title-icon-row .premium-title-icon {
8638
- margin-left: 10px;
8639
- }
8640
-
8641
- .premium-title-icon-row-reverse .premium-title-icon {
8642
- margin-right: 10px;
8643
- }
8644
-
8645
- .premium-title-style3,
8646
- .premium-title-style4 {
8647
- -js-display: flex;
8648
- display: -webkit-box;
8649
- display: -webkit-flex;
8650
- display: -moz-box;
8651
- display: -ms-flexbox;
8652
- display: flex;
8653
- }
8654
-
8655
- .premium-title-style1,
8656
- .premium-title-style2,
8657
- .premium-title-style5,
8658
- .premium-title-style6,
8659
- .premium-title-style8,
8660
- .premium-title-style9 {
8661
- -js-display: inline-flex;
8662
- display: -webkit-inline-box;
8663
- display: -webkit-inline-flex;
8664
- display: -moz-inline-box;
8665
- display: -ms-inline-flexbox;
8666
- display: inline-flex;
8667
- }
8668
-
8669
- .premium-title-style7 {
8670
- -js-display: inline-flex;
8671
- display: -webkit-inline-box;
8672
- display: -webkit-inline-flex;
8673
- display: -moz-inline-box;
8674
- display: -ms-inline-flexbox;
8675
- display: inline-flex;
8676
- -webkit-box-orient: vertical;
8677
- -webkit-box-direction: normal;
8678
- -webkit-flex-direction: column;
8679
- -moz-box-orient: vertical;
8680
- -moz-box-direction: normal;
8681
- -ms-flex-direction: column;
8682
- flex-direction: column;
8683
- }
8684
-
8685
- .premium-title-style7 .premium-title-style7-inner {
8686
- -js-display: flex;
8687
- display: -webkit-box;
8688
- display: -webkit-flex;
8689
- display: -moz-box;
8690
- display: -ms-flexbox;
8691
- display: flex;
8692
- -webkit-box-align: center;
8693
- -webkit-align-items: center;
8694
- -moz-box-align: center;
8695
- -ms-flex-align: center;
8696
- align-items: center;
8697
- }
8698
-
8699
- .premium-title-style1 {
8700
- border-width: 0;
8701
- border-right: 3px solid #6ec1e4;
8702
- }
8703
-
8704
- .premium-title-container.style2,
8705
- .premium-title-container.style4,
8706
- .premium-title-container.style5,
8707
- .premium-title-container.style6 {
8708
- border-bottom: 3px solid #6ec1e4;
8709
- }
8710
-
8711
- /*Style 6 Header*/
8712
- .premium-title-style6:before {
8713
- position: absolute;
8714
- right: 50%;
8715
- bottom: 0;
8716
- margin-right: -2px;
8717
- content: "";
8718
- border: 3px solid transparent;
8719
- }
8720
-
8721
- /*Style 6 Trinagle*/
8722
- .premium-title-style7-stripe-wrap {
8723
- -js-display: flex;
8724
- display: -webkit-box;
8725
- display: -webkit-flex;
8726
- display: -moz-box;
8727
- display: -ms-flexbox;
8728
- display: flex;
8729
- }
8730
-
8731
- .premium-title-style7:before {
8732
- display: none;
8733
- }
8734
-
8735
- .premium-title-style8 .premium-title-text[data-animation="shiny"] {
8736
- -webkit-background-size: 125px 125px !important;
8737
- background-size: 125px !important;
8738
- color: rgba(255, 255, 255, 0);
8739
- -webkit-background-clip: text !important;
8740
- background-clip: text !important;
8741
- -webkit-animation-name: pa-shinny-text !important;
8742
- animation-name: pa-shinny-text !important;
8743
- -webkit-animation-duration: var(--animation-speed) !important;
8744
- animation-duration: var(--animation-speed) !important;
8745
- -webkit-animation-iteration-count: infinite !important;
8746
- animation-iteration-count: infinite !important;
8747
- background: var(--base-color) -webkit-gradient(linear,
8748
- left top,
8749
- right top,
8750
- from(var(--base-color)),
8751
- to(var(--base-color)),
8752
- color-stop(0.5, var(--shiny-color))) 0 0 no-repeat;
8753
- }
8754
-
8755
- .premium-title-style9[data-animation-blur="process"] .premium-title-style9-letter {
8756
- -webkit-animation: pa-blur-shadow 2s 1 alternate;
8757
- animation: pa-blur-shadow 2s 1 alternate;
8758
- }
8759
-
8760
- .premium-title-gradient-yes .premium-title-text,
8761
- .premium-title-gradient-yes .premium-title-icon {
8762
- -webkit-background-clip: text;
8763
- -webkit-text-fill-color: transparent;
8764
- background-image: -webkit-gradient(linear, left top, right top, from(#ffa648), color-stop(#f17cc1), to(#4da9fd));
8765
- background-image: -webkit-linear-gradient(left, #ffa648, #f17cc1, #4da9fd);
8766
- background-image: linear-gradient(to right, #ffa648, #f17cc1, #4da9fd);
8767
- -webkit-animation: pa-text-gradient 8s infinite;
8768
- animation: pa-text-gradient 8s infinite;
8769
- }
8770
-
8771
- .premium-title-clipped .premium-title-header {
8772
- -webkit-text-fill-color: transparent;
8773
- -webkit-background-clip: text;
8774
- background-clip: text;
8775
- }
8776
-
8777
- @-webkit-keyframes pa-shinny-text {
8778
- 0% {
8779
- background-position: 100%;
8780
- }
8781
-
8782
- 100% {
8783
- background-position: -100%;
8784
- }
8785
- }
8786
-
8787
- @keyframes pa-shinny-text {
8788
- 0% {
8789
- background-position: 100%;
8790
- }
8791
-
8792
- 100% {
8793
- background-position: -100%;
8794
- }
8795
- }
8796
-
8797
- @-webkit-keyframes pa-blur-shadow {
8798
- from {
8799
- text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
8800
- color: transparent;
8801
- }
8802
-
8803
- to {
8804
- text-shadow: 0;
8805
- }
8806
- }
8807
-
8808
- @keyframes pa-blur-shadow {
8809
- from {
8810
- text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
8811
- color: transparent;
8812
- }
8813
-
8814
- to {
8815
- text-shadow: 0;
8816
- }
8817
- }
8818
-
8819
- @-webkit-keyframes pa-text-gradient {
8820
-
8821
- 0%,
8822
- 100% {
8823
- -webkit-filter: hue-rotate(0deg);
8824
- filter: hue-rotate(0deg);
8825
- }
8826
-
8827
- 50% {
8828
- -webkit-filter: hue-rotate(360deg);
8829
- filter: hue-rotate(360deg);
8830
- }
8831
- }
8832
-
8833
- @keyframes pa-text-gradient {
8834
-
8835
- 0%,
8836
- 100% {
8837
- -webkit-filter: hue-rotate(0deg);
8838
- filter: hue-rotate(0deg);
8839
- }
8840
-
8841
- 50% {
8842
- -webkit-filter: hue-rotate(360deg);
8843
- filter: hue-rotate(360deg);
8844
- }
8845
- }
8846
- /**************** Premium Video Box ************/
8847
- /***********************************************/
8848
- .premium-video-box-transform {
8849
- -webkit-transform: none !important;
8850
- -ms-transform: none !important;
8851
- transform: none !important;
8852
- }
8853
-
8854
- .premium-video-box-container {
8855
- -js-display: flex;
8856
- display: -webkit-box;
8857
- display: -webkit-flex;
8858
- display: -moz-box;
8859
- display: -ms-flexbox;
8860
- display: flex;
8861
- -webkit-box-orient: vertical;
8862
- -webkit-box-direction: normal;
8863
- -webkit-flex-direction: column;
8864
- -moz-box-orient: vertical;
8865
- -moz-box-direction: normal;
8866
- -ms-flex-direction: column;
8867
- flex-direction: column;
8868
- }
8869
-
8870
- .premium-video-box-container>div {
8871
- position: relative;
8872
- overflow: hidden;
8873
- }
8874
-
8875
- .pa-aspect-ratio-11 .premium-video-box-container>div {
8876
- padding-bottom: 100%;
8877
- }
8878
-
8879
- .pa-aspect-ratio-169 .premium-video-box-container>div {
8880
- padding-bottom: 56.25%;
8881
- }
8882
-
8883
- .pa-aspect-ratio-43 .premium-video-box-container>div {
8884
- padding-bottom: 75%;
8885
- }
8886
-
8887
- .pa-aspect-ratio-32 .premium-video-box-container>div {
8888
- padding-bottom: 66.6666%;
8889
- }
8890
-
8891
- .pa-aspect-ratio-219 .premium-video-box-container>div {
8892
- padding-bottom: 42.8571%;
8893
- }
8894
-
8895
- .pa-aspect-ratio-916 .premium-video-box-container>div {
8896
- padding-bottom: 177.8%;
8897
- }
8898
-
8899
- .premium-video-box-image-container {
8900
- position: absolute;
8901
- top: 0;
8902
- right: 0;
8903
- bottom: 0;
8904
- left: 0;
8905
- width: 100%;
8906
- height: 100%;
8907
- -webkit-background-size: cover;
8908
- background-size: cover;
8909
- background-position: 50%;
8910
- cursor: pointer;
8911
- margin: auto;
8912
- -webkit-transition: 0.2s all;
8913
- transition: 0.2s all;
8914
- }
8915
-
8916
- .premium-video-box-play-icon-container {
8917
- position: absolute;
8918
- z-index: 2;
8919
- cursor: pointer;
8920
- -webkit-transform: translate(50%, -50%);
8921
- -ms-transform: translate(50%, -50%);
8922
- transform: translate(50%, -50%);
8923
- background: rgba(252, 252, 252, 0.35);
8924
- }
8925
-
8926
- .premium-video-box-description-container {
8927
- position: absolute;
8928
- z-index: 2;
8929
- padding: 5px;
8930
- text-align: center;
8931
- cursor: pointer;
8932
- -webkit-transform: translate(50%, -50%);
8933
- -ms-transform: translate(50%, -50%);
8934
- transform: translate(50%, -50%);
8935
- }
8936
-
8937
- .premium-video-box-text {
8938
- margin-bottom: 0 !important;
8939
- -webkit-transition: all 0.3s ease-in-out;
8940
- transition: all 0.3s ease-in-out;
8941
- }
8942
-
8943
- .premium-video-box-play-icon {
8944
- padding: 15px;
8945
- -webkit-transform: translateX(-4%);
8946
- -ms-transform: translateX(-4%);
8947
- transform: translateX(-4%);
8948
- -webkit-transition: all 0.3s ease-in-out;
8949
- transition: all 0.3s ease-in-out;
8950
- }
8951
-
8952
- .premium-video-box-video-container,
8953
- .premium-vid-lightbox-container {
8954
- position: absolute;
8955
- top: 0;
8956
- right: 0;
8957
- z-index: 2;
8958
- width: 100%;
8959
- height: 100%;
8960
- -webkit-transition: opacity 0.8s ease-in-out;
8961
- transition: opacity 0.8s ease-in-out;
8962
- overflow: hidden;
8963
- cursor: pointer;
8964
- }
8965
-
8966
- .premium-video-box-container[data-overlay="true"][data-type="self"] .premium-video-box-video-container {
8967
- opacity: 0;
8968
- visibility: hidden;
8969
- }
8970
-
8971
- .premium-video-box-video-container iframe {
8972
- max-width: 100%;
8973
- width: 100%;
8974
- height: 100%;
8975
- margin: 0;
8976
- line-height: 1;
8977
- border: none;
8978
- }
8979
-
8980
- .premium-video-box-video-container video {
8981
- max-width: 100%;
8982
- width: 100%;
8983
- height: 100%;
8984
- margin: 0;
8985
- line-height: 1;
8986
- border: none;
8987
- background-color: #000;
8988
- -o-object-fit: contain;
8989
- object-fit: contain;
8990
- }
8991
-
8992
- .premium-video-box-container .premium-video-box-vimeo-wrap {
8993
- -js-display: flex;
8994
- display: -webkit-box;
8995
- display: -webkit-flex;
8996
- display: -moz-box;
8997
- display: -ms-flexbox;
8998
- display: flex;
8999
- position: absolute;
9000
- top: 0;
9001
- right: 0;
9002
- z-index: 3;
9003
- margin: 10px;
9004
- margin-left: 10px;
9005
- -webkit-transition: opacity 0.2s ease-out;
9006
- transition: opacity 0.2s ease-out;
9007
- margin-left: 4.6em;
9008
- }
9009
-
9010
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-portrait {
9011
- width: 60px;
9012
- height: 60px;
9013
- background: rgba(23, 35, 34, 0.75);
9014
- margin-left: 1px;
9015
- -webkit-box-flex: 1;
9016
- -webkit-flex: 1 0 auto;
9017
- -moz-box-flex: 1;
9018
- -ms-flex: 1 0 auto;
9019
- flex: 1 0 auto;
9020
- padding: 0;
9021
- }
9022
-
9023
- .premium-video-box-vimeo-portrait img {
9024
- width: 50px;
9025
- height: 50px;
9026
- margin: 5px;
9027
- padding: 0;
9028
- border: 0;
9029
- -webkit-border-radius: 50%;
9030
- border-radius: 50%;
9031
- }
9032
-
9033
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-headers {
9034
- font-size: 10px;
9035
- }
9036
-
9037
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-title {
9038
- max-width: 100%;
9039
- font-size: 2em !important;
9040
- font-weight: 700;
9041
- margin: 0;
9042
- padding: 0.1em 0.2em;
9043
- background: rgba(23, 35, 34, 0.75);
9044
- display: inline-block;
9045
- text-transform: none;
9046
- line-height: normal;
9047
- letter-spacing: normal;
9048
- }
9049
-
9050
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-byline {
9051
- font-size: 1.2em !important;
9052
- font-weight: 400;
9053
- color: #fff;
9054
- margin-top: 0.1em;
9055
- padding: 0.2em 0.5em;
9056
- background: rgba(23, 35, 34, 0.75);
9057
- text-transform: none;
9058
- line-height: normal;
9059
- letter-spacing: normal;
9060
- }
9061
-
9062
- .premium-video-box-playlist-container {
9063
- -js-display: flex;
9064
- display: -webkit-box;
9065
- display: -webkit-flex;
9066
- display: -moz-box;
9067
- display: -ms-flexbox;
9068
- display: flex;
9069
- -webkit-flex-wrap: wrap;
9070
- -ms-flex-wrap: wrap;
9071
- flex-wrap: wrap;
9072
- }
9073
-
9074
- .premium-video-box-playlist-container .premium-video-box-container {
9075
- height: 100%;
9076
- overflow: hidden;
9077
- }
9078
-
9079
- .premium-video-box-container:hover .premium-video-box-image-container.zoomin {
9080
- -webkit-transform: scale(1.1);
9081
- -ms-transform: scale(1.1);
9082
- transform: scale(1.1);
9083
- }
9084
-
9085
- .premium-video-box-container:hover .premium-video-box-image-container.zoomout {
9086
- -webkit-transform: scale(1);
9087
- -ms-transform: scale(1);
9088
- transform: scale(1);
9089
- }
9090
-
9091
- .premium-video-box-container:hover .premium-video-box-image-container.scale {
9092
- -webkit-transform: scale(1.3) rotate(-5deg);
9093
- -ms-transform: scale(1.3) rotate(-5deg);
9094
- transform: scale(1.3) rotate(-5deg);
9095
- }
9096
-
9097
- .premium-video-box-container:hover .premium-video-box-image-container.gray {
9098
- -webkit-filter: grayscale(0%);
9099
- filter: grayscale(0%);
9100
- }
9101
-
9102
- .premium-video-box-container:hover .premium-video-box-image-container.blur {
9103
- -webkit-filter: blur(3px);
9104
- filter: blur(3px);
9105
- }
9106
-
9107
- .premium-video-box-container:hover .premium-video-box-image-container.sepia {
9108
- -webkit-filter: sepia(0%);
9109
- filter: sepia(0%);
9110
- }
9111
-
9112
- .premium-video-box-container:hover .premium-video-box-image-container.trans {
9113
- -webkit-transform: translateX(0px) scale(1.1);
9114
- -ms-transform: translateX(0px) scale(1.1);
9115
- transform: translateX(0px) scale(1.1);
9116
- }
9117
-
9118
- .premium-video-box-container:hover .premium-video-box-image-container.bright {
9119
- -webkit-filter: brightness(1.2);
9120
- filter: brightness(1.2);
9121
- }
9122
-
9123
- .premium-video-box-image-container.gray {
9124
- -webkit-filter: grayscale(100%);
9125
- filter: grayscale(100%);
9126
- }
9127
-
9128
- .premium-video-box-image-container.zoomout,
9129
- .premium-video-box-image-container.scale {
9130
- -webkit-transform: scale(1.2);
9131
- -ms-transform: scale(1.2);
9132
- transform: scale(1.2);
9133
- }
9134
-
9135
- .premium-video-box-image-container.sepia {
9136
- -webkit-filter: sepia(30%);
9137
- filter: sepia(30%);
9138
- }
9139
-
9140
- .premium-video-box-image-container.bright {
9141
- -webkit-filter: brightness(1);
9142
- filter: brightness(1);
9143
- }
9144
-
9145
- .premium-video-box-image-container.trans {
9146
- -webkit-transform: translateX(15px) scale(1.1);
9147
- -ms-transform: translateX(15px) scale(1.1);
9148
- transform: translateX(15px) scale(1.1);
9149
- }
9150
-
9151
- .premium-video-box-mask-media {
9152
- -webkit-mask-repeat: no-repeat;
9153
- mask-repeat: no-repeat;
9154
- }
9155
-
9156
- /* Sticky Video Option */
9157
- .premium-video-box-container.premium-video-box-sticky-apply {
9158
- z-index: 99;
9159
- overflow: unset;
9160
- }
9161
-
9162
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
9163
- position: fixed !important;
9164
- z-index: 99999;
9165
- height: 225px;
9166
- width: 400px;
9167
- background: #fff;
9168
- }
9169
-
9170
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-vimeo-wrap,
9171
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-container:before {
9172
- visibility: hidden;
9173
- }
9174
-
9175
- .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 {
9176
- -webkit-box-shadow: unset;
9177
- box-shadow: unset;
9178
- }
9179
-
9180
- .premium-video-box-sticky-close,
9181
- .premium-video-box-sticky-infobar {
9182
- display: none;
9183
- }
9184
-
9185
- .premium-video-box-sticky-apply .premium-video-box-sticky-close {
9186
- position: absolute;
9187
- padding: 5px;
9188
- cursor: pointer;
9189
- z-index: 99999;
9190
- height: 14px;
9191
- width: 14px;
9192
- -webkit-box-sizing: content-box;
9193
- -moz-box-sizing: content-box;
9194
- box-sizing: content-box;
9195
- -webkit-border-radius: 100%;
9196
- border-radius: 100%;
9197
- -js-display: flex;
9198
- display: -webkit-box;
9199
- display: -webkit-flex;
9200
- display: -moz-box;
9201
- display: -ms-flexbox;
9202
- display: flex;
9203
- -webkit-box-pack: center;
9204
- -webkit-justify-content: center;
9205
- -moz-box-pack: center;
9206
- -ms-flex-pack: center;
9207
- justify-content: center;
9208
- -webkit-box-align: center;
9209
- -webkit-align-items: center;
9210
- -moz-box-align: center;
9211
- -ms-flex-align: center;
9212
- align-items: center;
9213
- }
9214
-
9215
- .premium-video-box-sticky-apply .premium-video-box-play-icon-container {
9216
- -js-display: flex;
9217
- display: -webkit-box;
9218
- display: -webkit-flex;
9219
- display: -moz-box;
9220
- display: -ms-flexbox;
9221
- display: flex;
9222
- }
9223
-
9224
- .premium-video-box-sticky-apply .premium-video-box-play-icon {
9225
- -webkit-transition: none;
9226
- transition: none;
9227
- }
9228
-
9229
- .premium-video-box-sticky-apply .premium-video-box-sticky-infobar {
9230
- display: block;
9231
- position: relative;
9232
- top: 100%;
9233
- width: 100%;
9234
- padding: 5px;
9235
- text-align: center;
9236
- z-index: 9999;
9237
- margin-top: -1px;
9238
- }
9239
-
9240
- .premium-video-box-sticky-apply .premium-video-box-inner-wrap.ui-draggable {
9241
- cursor: move;
9242
- }
9243
-
9244
- .premium-video-sticky-top-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
9245
- left: auto;
9246
- right: 20px;
9247
- top: 20px;
9248
- }
9249
-
9250
- .premium-video-sticky-bottom-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
9251
- left: auto;
9252
- right: 20px;
9253
- bottom: 20px;
9254
- }
9255
-
9256
- .premium-video-sticky-top-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
9257
- right: auto;
9258
- left: 20px;
9259
- top: 20px;
9260
- }
9261
-
9262
- .premium-video-sticky-bottom-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
9263
- right: auto;
9264
- left: 20px;
9265
- bottom: 20px;
9266
- }
9267
-
9268
- .premium-video-sticky-center-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
9269
- left: auto;
9270
- right: 20px;
9271
- top: 50%;
9272
- -webkit-transform: translateY(-50%);
9273
- -ms-transform: translateY(-50%);
9274
- transform: translateY(-50%);
9275
- }
9276
-
9277
- .premium-video-sticky-center-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
9278
- right: auto;
9279
- left: 20px;
9280
- top: 50%;
9281
- -webkit-transform: translateY(-50%);
9282
- -ms-transform: translateY(-50%);
9283
- transform: translateY(-50%);
9284
- }
9285
-
9286
- .premium-video-sticky-bottom-right .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap,
9287
- .premium-video-sticky-bottom-left .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
9288
- bottom: 55px;
9289
- }
9290
-
9291
- .premium-video-sticky-top-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
9292
- .premium-video-sticky-bottom-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
9293
- .premium-video-sticky-center-left .premium-video-box-sticky-apply .premium-video-box-sticky-close {
9294
- top: -10px;
9295
- left: -10px;
9296
- }
9297
-
9298
- .premium-video-sticky-top-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
9299
- .premium-video-sticky-bottom-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
9300
- .premium-video-sticky-center-right .premium-video-box-sticky-apply .premium-video-box-sticky-close {
9301
- top: -10px;
9302
- right: -10px;
9303
- }
9304
-
9305
- .premium-video-box-filter-sticky {
9306
- -webkit-filter: none !important;
9307
- filter: none !important;
9308
- }
9309
-
9310
- .premium-mscroll-yes.elementor-widget-premium-addon-video-box div {
9311
- cursor: default;
9312
  }
9313
  /************ Premium Vertical Scroll ************/
9314
  /*************************************************/
4657
  transform: rotateX(360deg);
4658
  }
4659
  }
4660
+ /************ Premium Image Scroll ***************/
4661
+ /*************************************************/
4662
+ .premium-image-scroll-section,
4663
+ .premium-image-scroll-container {
4664
+ -webkit-transition: all 0.3s ease-in-out;
4665
+ transition: all 0.3s ease-in-out;
4666
+ }
4667
+
4668
+ .premium-image-scroll-section {
4669
+ position: relative;
4670
+ overflow: hidden;
4671
+ width: 100%;
4672
+ -webkit-mask-image: -webkit-radial-gradient(white, black);
4673
+ }
4674
+
4675
+ .premium-image-scroll-container {
4676
+ width: 100%;
4677
+ }
4678
+
4679
+ .premium-image-scroll-container .premium-image-scroll-mask-media {
4680
+ -webkit-mask-repeat: no-repeat;
4681
+ mask-repeat: no-repeat;
4682
+ -webkit-mask-position: center;
4683
+ mask-position: center;
4684
+ }
4685
+
4686
+ .premium-container-scroll {
4687
+ overflow: auto;
4688
+ }
4689
+
4690
+ .premium-image-scroll-container .premium-image-scroll-horizontal {
4691
+ position: relative;
4692
+ width: 100%;
4693
+ height: 100%;
4694
+ }
4695
+
4696
+ .premium-image-scroll-container .premium-image-scroll-horizontal img {
4697
+ max-width: none;
4698
+ height: 100%;
4699
+ }
4700
+
4701
+ .premium-image-scroll-container .premium-image-scroll-vertical img {
4702
+ width: 100%;
4703
+ max-width: 100%;
4704
+ height: auto;
4705
+ }
4706
+
4707
+ .premium-image-scroll-ver {
4708
+ position: relative;
4709
+ }
4710
+
4711
+ .premium-image-scroll-container .premium-image-scroll-overlay {
4712
+ background: rgba(2, 2, 2, 0.3);
4713
+ }
4714
+
4715
+ .premium-image-scroll-container .premium-image-scroll-link,
4716
+ .premium-image-scroll-container .premium-image-scroll-overlay {
4717
+ position: absolute;
4718
+ top: 0;
4719
+ bottom: 0;
4720
+ right: 0;
4721
+ left: 0;
4722
+ z-index: 4;
4723
+ }
4724
+
4725
+ .premium-image-scroll-content {
4726
+ display: inline-block;
4727
+ position: absolute;
4728
+ height: auto;
4729
+ top: 50%;
4730
+ right: 50%;
4731
+ text-align: center;
4732
+ z-index: 5;
4733
+ -webkit-transform: translate(50%, -50%);
4734
+ -ms-transform: translate(50%, -50%);
4735
+ transform: translate(50%, -50%);
4736
+ }
4737
+
4738
+ .premium-container-scroll-instant .premium-image-scroll-image {
4739
+ -webkit-transition: all 0s ease-in-out !important;
4740
+ transition: all 0s ease-in-out !important;
4741
+ }
4742
+
4743
+ .premium-image-scroll-container img {
4744
+ -webkit-transition: -webkit-transform 3s ease-in-out;
4745
+ transition: -webkit-transform 3s ease-in-out;
4746
+ transition: transform 3s ease-in-out;
4747
+ transition: transform 3s ease-in-out, -webkit-transform 3s ease-in-out;
4748
+ }
4749
+
4750
+ .premium-image-scroll-container .premium-image-scroll-overlay,
4751
+ .premium-image-scroll-container .premium-image-scroll-content {
4752
+ -webkit-transition: all 0.3s ease-in-out;
4753
+ transition: all 0.3s ease-in-out;
4754
+ opacity: 1;
4755
+ }
4756
+
4757
+ .premium-image-scroll-container:hover .premium-image-scroll-overlay {
4758
+ opacity: 0;
4759
+ }
4760
+
4761
+ .premium-image-scroll-container:hover .premium-image-scroll-content {
4762
+ opacity: 0;
4763
+ visibility: hidden;
4764
+ }
4765
+
4766
+ .premium-image-scroll-content .premium-image-scroll-icon {
4767
+ display: inline-block;
4768
+ font-family: "pa-elements" !important;
4769
+ speak: none;
4770
+ font-style: normal;
4771
+ font-weight: normal;
4772
+ font-variant: normal;
4773
+ text-transform: none;
4774
+ line-height: 1;
4775
+ -webkit-font-smoothing: antialiased;
4776
+ -moz-osx-font-smoothing: grayscale;
4777
+ -webkit-animation-duration: 0.5s;
4778
+ animation-duration: 0.5s;
4779
+ -webkit-animation-iteration-count: infinite;
4780
+ animation-iteration-count: infinite;
4781
+ -webkit-animation-direction: alternate;
4782
+ animation-direction: alternate;
4783
+ -webkit-animation-timing-function: ease-in-out;
4784
+ animation-timing-function: ease-in-out;
4785
+ }
4786
+
4787
+ .pa-horizontal-mouse-scroll:before {
4788
+ content: "\e901";
4789
+ }
4790
+
4791
+ .pa-vertical-mouse-scroll:before {
4792
+ content: "\e93c";
4793
+ }
4794
+
4795
+ .pa-horizontal-mouse-scroll {
4796
+ -webkit-animation-name: pa-scroll-horizontal;
4797
+ animation-name: pa-scroll-horizontal;
4798
+ }
4799
+
4800
+ .pa-vertical-mouse-scroll {
4801
+ -webkit-animation-name: pa-scroll-vertical;
4802
+ animation-name: pa-scroll-vertical;
4803
+ }
4804
+
4805
+ @-webkit-keyframes pa-scroll-vertical {
4806
+ 0% {
4807
+ -webkit-transform: translateY(0px);
4808
+ transform: translateY(0px);
4809
+ }
4810
+
4811
+ 100% {
4812
+ -webkit-transform: translateY(5px);
4813
+ transform: translateY(5px);
4814
+ }
4815
+ }
4816
+
4817
+ @keyframes pa-scroll-vertical {
4818
+ 0% {
4819
+ -webkit-transform: translateY(0px);
4820
+ transform: translateY(0px);
4821
+ }
4822
+
4823
+ 100% {
4824
+ -webkit-transform: translateY(5px);
4825
+ transform: translateY(5px);
4826
+ }
4827
+ }
4828
+
4829
+ @-webkit-keyframes pa-scroll-horizontal {
4830
+ 0% {
4831
+ -webkit-transform: translateX(0px);
4832
+ transform: translateX(0px);
4833
+ }
4834
+
4835
+ 100% {
4836
+ -webkit-transform: translateX(-5px);
4837
+ transform: translateX(-5px);
4838
+ }
4839
+ }
4840
+
4841
+ @keyframes pa-scroll-horizontal {
4842
+ 0% {
4843
+ -webkit-transform: translateX(0px);
4844
+ transform: translateX(0px);
4845
+ }
4846
+
4847
+ 100% {
4848
+ -webkit-transform: translateX(-5px);
4849
+ transform: translateX(-5px);
4850
+ }
4851
  }
4852
  /**************** Premium Image Separator ****************/
4853
  /*********************************************************/
5702
  .premium-modal-box-container[data-modal-animation*="animated-"] {
5703
  opacity: 0;
5704
  }
5705
+ /************ Premium Nav Menu ************/
5706
+ .premium-nav-widget-container ul {
5707
+ list-style: none;
5708
+ margin: 0;
5709
+ padding: 0;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
5710
  }
5711
 
5712
+ .premium-nav-widget-container .premium-main-nav-menu {
5713
+ -js-display: flex;
5714
+ display: -webkit-box;
5715
+ display: -webkit-flex;
5716
+ display: -moz-box;
5717
+ display: -ms-flexbox;
5718
+ display: flex;
5719
+ height: 100%;
5720
  }
5721
 
5722
+ /*Vertical Main Menu**/
5723
+ .premium-nav-ver .premium-ver-inner-container {
5724
+ width: 45%;
5725
+ position: relative;
 
5726
  }
5727
 
5728
+ .premium-nav-ver .premium-nav-menu-container,
5729
+ .premium-nav-ver .premium-ver-toggler {
5730
+ width: 100%;
5731
  }
5732
 
5733
+ .premium-nav-ver .premium-nav-menu-container {
5734
+ background-color: #fff;
5735
+ -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
5736
+ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
5737
  }
5738
 
5739
+ .premium-nav-ver .premium-main-nav-menu {
5740
+ position: relative;
5741
+ -webkit-box-orient: vertical;
5742
+ -webkit-box-direction: normal;
5743
+ -webkit-flex-direction: column;
5744
+ -moz-box-orient: vertical;
5745
+ -moz-box-direction: normal;
5746
+ -ms-flex-direction: column;
5747
+ flex-direction: column;
5748
+ -webkit-box-align: start;
5749
+ -webkit-align-items: flex-start;
5750
+ -moz-box-align: start;
5751
+ -ms-flex-align: start;
5752
+ align-items: flex-start;
5753
  }
5754
 
5755
+ .premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item.menu-item-has-children .premium-sub-menu {
5756
+ visibility: hidden;
5757
+ opacity: 0;
5758
+ position: absolute;
5759
+ min-width: 250px;
5760
  }
5761
 
5762
+ .premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item.menu-item-has-children.premium-item-hovered >.premium-sub-menu,
5763
+ .premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item.menu-item-has-children.premium-item-hovered .premium-mega-content-container {
5764
+ opacity: 1;
5765
+ visibility: visible;
5766
+ pointer-events: auto;
5767
  }
5768
 
5769
+ .premium-nav-ver .premium-nav-menu-item {
5770
+ width: 100%;
 
 
5771
  }
5772
 
5773
+ .premium-nav-ver:not(.premium-hamburger-menu).premium-vertical-right .premium-mega-content-container,
5774
+ .premium-nav-ver:not(.premium-hamburger-menu).premium-vertical-right .premium-nav-menu-item.menu-item-has-children .premium-sub-menu {
5775
+ left: 100%;
5776
+ top: 0;
5777
  }
5778
 
5779
+ .premium-nav-ver:not(.premium-hamburger-menu).premium-vertical-left .premium-mega-content-container,
5780
+ .premium-nav-ver:not(.premium-hamburger-menu).premium-vertical-left .premium-nav-menu-item.menu-item-has-children .premium-sub-menu {
5781
+ right: 100%;
5782
+ top: 0;
5783
  }
5784
 
5785
+ .premium-nav-ver.premium-vertical-left .premium-menu-link {
5786
+ -webkit-box-orient: horizontal;
5787
+ -webkit-box-direction: reverse;
5788
+ -webkit-flex-direction: row-reverse;
5789
+ -moz-box-orient: horizontal;
5790
+ -moz-box-direction: reverse;
5791
+ -ms-flex-direction: row-reverse;
5792
+ flex-direction: row-reverse;
5793
  }
5794
 
5795
+ /*Horizontal Main Menu**/
5796
+ .premium-nav-hor > .elementor-widget-container > .premium-nav-widget-container > .premium-ver-inner-container > .premium-nav-menu-container {
5797
+ height: 60px;
5798
  }
5799
 
5800
+ .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item .premium-sub-menu {
5801
+ visibility: hidden;
5802
+ opacity: 0;
5803
+ position: absolute;
5804
+ min-width: 220px;
5805
  }
5806
 
5807
+ .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item>.premium-sub-menu,
5808
+ .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item .premium-mega-content-container {
5809
+ top: 100%;
 
 
 
 
 
5810
  }
5811
 
5812
+ .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item>.premium-sub-menu .premium-sub-menu,
5813
+ .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item .premium-mega-content-container .premium-sub-menu {
5814
+ right: 100%;
5815
  top: 0;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
5816
  }
5817
 
5818
+ .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item.premium-item-hovered>.premium-sub-menu,
5819
+ .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item.premium-item-hovered .premium-mega-content-container {
5820
+ visibility: visible;
5821
  opacity: 1;
5822
+ pointer-events: auto;
5823
  }
5824
 
5825
+ .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item.premium-mega-item-static .premium-mega-content-container {
5826
+ left: 50%;
5827
+ -webkit-transform: translateX(-50%);
5828
+ -ms-transform: translateX(-50%);
5829
+ transform: translateX(-50%);
5830
  }
5831
 
5832
+ .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item:not(.premium-mega-item-static) .premium-mega-content-container {
5833
+ left: 0;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
5834
  }
5835
 
5836
+ /**Mega Menu Container*/
5837
+ .premium-mega-nav-item>.premium-sub-menu {
5838
+ display: none;
5839
  }
5840
 
5841
+ .premium-mega-nav-item {
5842
+ position: relative;
5843
  }
5844
 
5845
+ .premium-mega-nav-item.premium-item-hovered .premium-mega-content-container {
5846
+ visibility: visible;
5847
+ opacity: 1;
5848
+ pointer-events: auto;
5849
  }
5850
 
5851
+ .premium-mega-content-container {
5852
+ visibility: hidden;
5853
+ position: absolute;
5854
+ z-index: 9999;
5855
+ opacity: 0;
5856
+ pointer-events: none;
5857
  }
5858
 
5859
+ .premium-hamburger-menu .premium-mega-content-container,
5860
+ .premium-nav-slide .premium-mega-content-container,
5861
+ .premium-nav-dropdown .premium-mega-content-container {
5862
+ visibility: visible;
5863
  position: relative;
5864
+ opacity: 1;
5865
+ pointer-events: auto;
 
5866
  }
5867
 
5868
+ /**Hamburger Menu*/
5869
+ .premium-nav-widget-container a.premium-hamburger-toggle,
5870
+ .premium-mobile-menu-outer-container a.premium-mobile-menu-close {
5871
+ text-decoration: none;
 
5872
  }
5873
 
5874
+ .premium-nav-widget-container .premium-hamburger-toggle {
5875
+ display: none;
5876
+ -webkit-box-pack: center;
5877
+ -webkit-justify-content: center;
5878
+ -moz-box-pack: center;
5879
+ -ms-flex-pack: center;
5880
+ justify-content: center;
5881
+ -webkit-box-align: center;
5882
+ -webkit-align-items: center;
5883
+ -moz-box-align: center;
5884
+ -ms-flex-align: center;
5885
+ align-items: center;
5886
  }
5887
 
5888
+ .premium-nav-widget-container .premium-hamburger-toggle i {
5889
+ padding: 0.25em;
5890
+ font-size: 22px;
5891
  }
5892
 
5893
+ .premium-nav-widget-container .premium-hamburger-toggle svg {
5894
+ width: 22px;
5895
+ height: 22px;
5896
  }
5897
 
5898
+ .premium-nav-widget-container .premium-hamburger-toggle i,
5899
+ .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-text,
5900
+ .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-close {
5901
+ color: #494c4f;
5902
  }
5903
 
5904
+ .premium-nav-widget-container .premium-hamburger-toggle svg,
5905
+ .premium-nav-widget-container .premium-hamburger-toggle svg path {
5906
+ fill: #494c4f;
5907
  }
5908
 
5909
+ .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-text,
5910
+ .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-close {
5911
+ margin: 2px;
5912
  }
5913
 
5914
+ .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-close {
5915
+ display: none;
5916
  }
5917
 
5918
+ .premium-mobile-menu-container {
5919
+ width: 100%;
5920
  }
5921
 
5922
+ .premium-mobile-menu-container .premium-main-mobile-menu {
5923
+ width: 100%;
5924
  }
5925
 
5926
+ .premium-mobile-menu-container ul {
5927
+ list-style: none;
5928
+ margin: 0;
5929
+ padding: 0;
5930
  }
5931
 
5932
+ .premium-mobile-menu-container .premium-mobile-menu,
5933
+ .premium-mobile-menu-container .premium-sub-menu {
5934
+ display: none;
5935
+ -webkit-box-orient: vertical;
5936
+ -webkit-box-direction: normal;
5937
+ -webkit-flex-direction: column;
5938
+ -moz-box-orient: vertical;
5939
+ -moz-box-direction: normal;
5940
+ -ms-flex-direction: column;
5941
+ flex-direction: column;
5942
  }
5943
 
5944
+ .premium-mobile-menu-container .premium-nav-menu-item {
5945
+ -webkit-box-orient: vertical;
5946
+ -webkit-box-direction: normal;
5947
+ -webkit-flex-direction: column;
5948
+ -moz-box-orient: vertical;
5949
+ -moz-box-direction: normal;
5950
+ -ms-flex-direction: column;
5951
+ flex-direction: column;
5952
  }
5953
 
5954
+ .premium-mobile-menu-container .premium-item-badge {
5955
+ top: 50%;
5956
+ left: 0;
5957
+ -webkit-transform: translateY(-50%);
5958
+ -ms-transform: translateY(-50%);
5959
+ transform: translateY(-50%);
5960
  }
5961
 
5962
+ .premium-nav-hor .premium-mobile-menu-container .premium-item-badge {
5963
+ top: 0;
5964
+ -webkit-transform: translateY(0);
5965
+ -ms-transform: translateY(0);
5966
+ transform: translateY(0);
5967
  }
5968
 
5969
+ /**Vertical Hamburger Menu*/
5970
+ .premium-mobile-menu-outer-container {
5971
+ opacity: 0;
5972
  }
5973
 
5974
+ .premium-mobile-menu-outer-container.premium-vertical-toggle-open {
5975
+ opacity: 1;
 
 
5976
  }
5977
 
5978
+ .premium-ver-hamburger-menu .premium-mobile-menu-outer-container {
5979
+ background-color: #f7f7f7;
5980
+ width: 300px;
5981
+ -webkit-transform: translateX(300px);
5982
+ -ms-transform: translateX(300px);
5983
+ transform: translateX(300px);
5984
+ height: 100%;
5985
+ position: fixed;
5986
+ top: 0;
5987
+ right: 0;
5988
+ overflow-x: hidden;
5989
+ z-index: 10002;
5990
+ -webkit-transition: 0.5s;
5991
+ transition: 0.5s;
5992
+ padding-top: 50px;
5993
  }
5994
 
5995
+ .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu {
5996
  -js-display: flex;
5997
  display: -webkit-box;
5998
  display: -webkit-flex;
5999
  display: -moz-box;
6000
  display: -ms-flexbox;
6001
  display: flex;
 
 
 
 
 
6002
  }
6003
 
6004
+ .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-container {
6005
+ margin-top: 50px;
 
 
 
 
 
 
 
 
 
6006
  }
6007
 
6008
+ .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-container .premium-item-badge {
6009
+ -webkit-transform: translateY(0);
6010
+ -ms-transform: translateY(0);
6011
+ transform: translateY(0);
6012
  }
6013
 
6014
+ .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-close {
6015
  position: absolute;
6016
+ top: 2%;
6017
+ right: 5px;
6018
+ padding: 0 9px;
6019
+ z-index: 10000;
6020
+ -js-display: inline-flex;
6021
+ display: -webkit-inline-box;
6022
+ display: -webkit-inline-flex;
6023
+ display: -moz-inline-box;
6024
+ display: -ms-inline-flexbox;
6025
+ display: inline-flex;
6026
+ color: #494c4f;
6027
+ -webkit-box-pack: center;
6028
+ -webkit-justify-content: center;
6029
+ -moz-box-pack: center;
6030
+ -ms-flex-pack: center;
6031
+ justify-content: center;
6032
+ -webkit-box-align: center;
6033
+ -webkit-align-items: center;
6034
+ -moz-box-align: center;
6035
+ -ms-flex-align: center;
6036
+ align-items: center;
6037
  }
6038
 
6039
+ .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-close .premium-toggle-close {
6040
+ margin: 5px;
 
 
6041
  }
6042
 
6043
+ .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-close svg {
6044
+ width: 22px;
6045
+ height: 22px;
6046
+ fill: #494c4f;
6047
  }
6048
 
6049
+ .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-close svg path {
6050
+ fill: #494c4f;
 
 
 
 
6051
  }
6052
 
6053
+ .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-close 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
+ /** Vertical Toggler*/
6066
+ .premium-ver-toggle-yes .premium-nav-menu-container {
6067
+ height: auto;
6068
+ }
6069
 
6070
+ .premium-ver-toggle-yes .premium-ver-toggler {
 
 
 
 
 
6071
  -js-display: flex;
6072
  display: -webkit-box;
6073
  display: -webkit-flex;
6074
  display: -moz-box;
6075
  display: -ms-flexbox;
6076
  display: flex;
6077
+ -webkit-box-align: center;
6078
+ -webkit-align-items: center;
6079
+ -moz-box-align: center;
6080
+ -ms-flex-align: center;
6081
+ align-items: center;
 
 
6082
  -webkit-box-pack: justify;
6083
  -webkit-justify-content: space-between;
6084
  -moz-box-pack: justify;
6085
  -ms-flex-pack: justify;
6086
  justify-content: space-between;
6087
+ padding: 15px 20px 15px 20px;
6088
+ background: #eeeeee;
6089
+ color: #042551;
6090
+ cursor: pointer;
6091
  }
6092
 
6093
+ .premium-ver-toggle-yes .premium-ver-toggler .premium-ver-toggler-title,
6094
+ .premium-ver-toggle-yes .premium-ver-toggler .premium-ver-toggler-btn {
6095
  -js-display: flex;
6096
  display: -webkit-box;
6097
  display: -webkit-flex;
6098
  display: -moz-box;
6099
  display: -ms-flexbox;
6100
  display: flex;
6101
+ -webkit-box-pack: center;
6102
+ -webkit-justify-content: center;
6103
+ -moz-box-pack: center;
6104
+ -ms-flex-pack: center;
6105
+ justify-content: center;
6106
+ -webkit-box-align: center;
6107
+ -webkit-align-items: center;
6108
+ -moz-box-align: center;
6109
+ -ms-flex-align: center;
6110
+ align-items: center;
6111
+ }
6112
+
6113
+ .premium-ver-toggle-yes .premium-ver-toggler .premium-ver-toggler-txt {
6114
+ text-indent: 5px;
6115
+ }
6116
+
6117
+ .premium-ver-toggle-yes .premium-ver-toggler:hover {
6118
+ background: #54595f;
6119
+ color: #fff;
6120
+ }
6121
+
6122
+ .premium-ver-toggle-yes .premium-ver-toggler:hover .premium-ver-close svg,
6123
+ .premium-ver-toggle-yes .premium-ver-toggler:hover .premium-ver-close svg path,
6124
+ .premium-ver-toggle-yes .premium-ver-toggler:hover .premium-ver-open svg,
6125
+ .premium-ver-toggle-yes .premium-ver-toggler:hover .premium-ver-open svg path,
6126
+ .premium-ver-toggle-yes .premium-ver-toggler:hover .premium-ver-title-icon svg,
6127
+ .premium-ver-toggle-yes .premium-ver-toggler:hover .premium-ver-title-icon svg path {
6128
+ fill: #fff;
6129
+ }
6130
+
6131
+ .premium-ver-toggle-yes .premium-ver-close,
6132
+ .premium-ver-toggle-yes .premium-ver-open,
6133
+ .premium-ver-toggle-yes .premium-nav-menu-container,
6134
+ .premium-ver-toggle-yes .premium-ver-toggler {
6135
+ -webkit-transition: all 0.3s linear 0s;
6136
+ transition: all 0.3s linear 0s;
6137
+ }
6138
+
6139
+ .premium-ver-toggle-yes .premium-ver-toggler-txt {
6140
+ -webkit-transition: all 0.3s linear 0s;
6141
+ transition: all 0.3s linear 0s;
6142
+ }
6143
+
6144
+ .premium-ver-toggle-yes .premium-ver-close i,
6145
+ .premium-ver-toggle-yes .premium-ver-close svg,
6146
+ .premium-ver-toggle-yes .premium-ver-open i,
6147
+ .premium-ver-toggle-yes .premium-ver-open svg,
6148
+ .premium-ver-toggle-yes .premium-nav-menu-container i,
6149
+ .premium-ver-toggle-yes .premium-nav-menu-container svg,
6150
+ .premium-ver-toggle-yes .premium-ver-toggler i,
6151
+ .premium-ver-toggle-yes .premium-ver-toggler svg {
6152
+ -webkit-transition: color 0.3s linear 0s;
6153
+ transition: color 0.3s linear 0s;
6154
+ }
6155
+
6156
+ .premium-ver-toggle-yes .premium-ver-close,
6157
+ .premium-ver-toggle-yes .premium-ver-open,
6158
+ .premium-ver-toggle-yes .premium-ver-title-icon {
6159
+ -webkit-box-pack: center;
6160
+ -webkit-justify-content: center;
6161
+ -moz-box-pack: center;
6162
+ -ms-flex-pack: center;
6163
+ justify-content: center;
6164
+ -webkit-box-align: center;
6165
+ -webkit-align-items: center;
6166
+ -moz-box-align: center;
6167
+ -ms-flex-align: center;
6168
+ align-items: center;
6169
+ }
6170
+
6171
+ .premium-ver-toggle-yes .premium-ver-close i,
6172
+ .premium-ver-toggle-yes .premium-ver-open i,
6173
+ .premium-ver-toggle-yes .premium-ver-title-icon i {
6174
+ font-size: 16px;
6175
+ }
6176
+
6177
+ .premium-ver-toggle-yes .premium-ver-close svg,
6178
+ .premium-ver-toggle-yes .premium-ver-open svg,
6179
+ .premium-ver-toggle-yes .premium-ver-title-icon svg {
6180
+ width: 17px;
6181
+ height: 17px;
6182
+ fill: #042551;
6183
+ }
6184
+
6185
+ .premium-ver-toggle-yes .premium-ver-close svg path,
6186
+ .premium-ver-toggle-yes .premium-ver-open svg path,
6187
+ .premium-ver-toggle-yes .premium-ver-title-icon svg path {
6188
+ fill: #042551;
6189
+ }
6190
+
6191
+ .premium-ver-toggle-yes.premium-ver-always .premium-ver-open {
6192
+ -js-display: inline-flex;
6193
+ display: -webkit-inline-box;
6194
+ display: -webkit-inline-flex;
6195
+ display: -moz-inline-box;
6196
+ display: -ms-inline-flexbox;
6197
+ display: inline-flex;
6198
+ }
6199
+
6200
+ .premium-ver-toggle-yes .premium-ver-collapsed .premium-nav-menu-container {
6201
+ visibility: hidden;
6202
+ opacity: 0;
6203
+ }
6204
+
6205
+ .premium-ver-toggle-yes .premium-ver-collapsed .premium-ver-close {
6206
+ display: none;
6207
+ }
6208
+
6209
+ .premium-ver-toggle-yes .premium-ver-collapsed .premium-ver-open {
6210
+ -js-display: inline-flex;
6211
+ display: -webkit-inline-box;
6212
+ display: -webkit-inline-flex;
6213
+ display: -moz-inline-box;
6214
+ display: -ms-inline-flexbox;
6215
+ display: inline-flex;
6216
+ }
6217
+
6218
+ .premium-ver-toggle-yes.premium-ver-hover .premium-nav-menu-container {
6219
+ position: absolute;
6220
+ z-index: 10002;
6221
+ }
6222
+
6223
+ .premium-ver-toggle-yes.premium-ver-click .premium-nav-menu-container {
6224
+ position: absolute;
6225
+ z-index: 10001;
6226
+ }
6227
+
6228
+ .premium-ver-toggle-yes .premium-nav-menu-container,
6229
+ .premium-ver-toggle-yes.premium-ver-hover .premium-ver-inner-container:hover .premium-nav-menu-container {
6230
+ visibility: visible;
6231
+ opacity: 1;
6232
+ }
6233
+
6234
+ .premium-ver-toggle-yes .premium-ver-open,
6235
+ .premium-ver-toggle-yes.premium-ver-hover .premium-ver-inner-container:hover .premium-ver-open {
6236
+ display: none;
6237
+ }
6238
+
6239
+ .premium-ver-toggle-yes .premium-ver-close,
6240
+ .premium-ver-toggle-yes .premium-ver-title-icon,
6241
+ .premium-ver-toggle-yes.premium-ver-hover .premium-ver-inner-container:hover .premium-ver-close,
6242
+ .premium-ver-toggle-yes.premium-ver-hover .premium-ver-inner-container:hover .premium-ver-title-icon {
6243
+ -js-display: inline-flex;
6244
+ display: -webkit-inline-box;
6245
+ display: -webkit-inline-flex;
6246
+ display: -moz-inline-box;
6247
+ display: -ms-inline-flexbox;
6248
+ display: inline-flex;
6249
+ }
6250
+
6251
+ /** Sticky Menu */
6252
+ .premium-sticky-parent {
6253
+ position: fixed;
6254
+ z-index: 10003;
6255
+ -webkit-transition: all 0.3s linear;
6256
+ transition: all 0.3s linear;
6257
+ }
6258
+
6259
+ .premium-sticky-scroll-yes.premium-sticky-parent.headroom--not-top {
6260
+ will-change: transform;
6261
+ -webkit-transition: -webkit-transform 500ms linear !important;
6262
+ transition: -webkit-transform 500ms linear !important;
6263
+ transition: transform 500ms linear !important;
6264
+ transition: transform 500ms linear, -webkit-transform 500ms linear !important;
6265
+ -webkit-transition-delay: 1s;
6266
+ transition-delay: 1s;
6267
+ }
6268
+
6269
+ .premium-sticky-scroll-yes.premium-sticky-parent.headroom--not-top.slideDown {
6270
+ -webkit-transform: translateY(0%);
6271
+ -ms-transform: translateY(0%);
6272
+ transform: translateY(0%);
6273
+ }
6274
+
6275
+ .premium-sticky-scroll-yes.premium-sticky-parent.headroom--not-top.slideUp {
6276
+ -webkit-transform: translateY(-100%);
6277
+ -ms-transform: translateY(-100%);
6278
+ transform: translateY(-100%);
6279
+ }
6280
+
6281
+ .premium-nav-sticky-yes.premium-sticky-active.premium-ham-dropdown .premium-mobile-menu-container,
6282
+ .premium-ham-dropdown .premium-stretch-dropdown .premium-mobile-menu-container {
6283
+ max-height: 400px;
6284
+ overflow-y: auto;
6285
+ }
6286
+
6287
+ /**Common*/
6288
+ .premium-nav-slide-overlay {
6289
+ display: none;
6290
+ position: fixed;
6291
+ top: 0;
6292
+ left: 0;
6293
+ right: 0;
6294
+ bottom: 0;
6295
+ -webkit-backface-visibility: hidden;
6296
+ backface-visibility: hidden;
6297
+ background: rgba(0, 0, 0, 0.6);
6298
+ z-index: 10002;
6299
+ }
6300
+
6301
+ .premium-nav-slide-overlay.premium-vertical-toggle-open {
6302
+ display: block;
6303
+ }
6304
+
6305
+ .premium-active-menu,
6306
+ .premium-active-menu:not(.premium-mega-nav-item)>.premium-sub-menu,
6307
+ .premium-active-menu.premium-mega-nav-item>.premium-mega-content-container {
6308
+ -js-display: flex !important;
6309
+ display: -webkit-box !important;
6310
+ display: -webkit-flex !important;
6311
+ display: -moz-box !important;
6312
+ display: -ms-flexbox !important;
6313
+ display: flex !important;
6314
+ -webkit-box-orient: vertical;
6315
+ -webkit-box-direction: normal;
6316
+ -webkit-flex-direction: column;
6317
+ -moz-box-orient: vertical;
6318
+ -moz-box-direction: normal;
6319
+ -ms-flex-direction: column;
6320
+ flex-direction: column;
6321
+ }
6322
+
6323
+ .premium-active-menu .premium-toggle-close {
6324
+ display: block;
6325
+ }
6326
+
6327
+ .premium-nav-menu-container .premium-sub-menu {
6328
+ background-color: #fff;
6329
+ }
6330
+
6331
+ .premium-mobile-menu-container li,
6332
+ .premium-mobile-menu-container li>.premium-mega-content-container {
6333
+ width: 100% !important;
6334
+ }
6335
+
6336
+ .premium-item-icon,
6337
+ .premium-sub-item-icon {
6338
+ font-size: 13px;
6339
+ margin: 0 7px;
6340
+ }
6341
+
6342
+ .premium-item-icon svg,
6343
+ .premium-sub-item-icon svg {
6344
+ width: 100%;
6345
+ height: 100%;
6346
+ }
6347
+
6348
+ .premium-item-icon.premium-lottie-animation,
6349
+ .premium-sub-item-icon.premium-lottie-animation {
6350
+ width: 20px;
6351
+ height: 20px;
6352
+ -js-display: flex;
6353
+ display: -webkit-box;
6354
+ display: -webkit-flex;
6355
+ display: -moz-box;
6356
+ display: -ms-flexbox;
6357
+ display: flex;
6358
+ -webkit-box-pack: center;
6359
+ -webkit-justify-content: center;
6360
+ -moz-box-pack: center;
6361
+ -ms-flex-pack: center;
6362
+ justify-content: center;
6363
+ }
6364
+
6365
+ .premium-item-icon.dashicons,
6366
+ .premium-sub-item-icon.dashicons {
6367
+ width: 13px;
6368
+ height: 13px;
6369
+ }
6370
+
6371
+ .premium-nav-menu-item {
6372
+ position: relative;
6373
+ }
6374
+
6375
+ .premium-nav-menu-item .premium-menu-link {
6376
+ -js-display: flex;
6377
+ display: -webkit-box;
6378
+ display: -webkit-flex;
6379
+ display: -moz-box;
6380
+ display: -ms-flexbox;
6381
+ display: flex;
6382
+ -webkit-box-align: center;
6383
+ -webkit-align-items: center;
6384
+ -moz-box-align: center;
6385
+ -ms-flex-align: center;
6386
+ align-items: center;
6387
+ height: 100%;
6388
+ padding: 7px 10px;
6389
+ text-decoration: none;
6390
+ position: relative;
6391
+ }
6392
+
6393
+ .premium-nav-menu-item .premium-dropdown-icon {
6394
+ margin: 5px;
6395
+ }
6396
+
6397
+ .premium-nav-menu-item.menu-item-has-children {
6398
+ position: relative;
6399
+ }
6400
+
6401
+ .premium-nav-menu-item.menu-item-has-children .premium-sub-menu {
6402
+ max-width: 100%;
6403
+ z-index: 9999;
6404
+ }
6405
+
6406
+ .premium-nav-menu-item.menu-item-has-children .premium-sub-menu .premium-sub-menu-link {
6407
+ -webkit-box-pack: start;
6408
+ -webkit-justify-content: flex-start;
6409
+ -moz-box-pack: start;
6410
+ -ms-flex-pack: start;
6411
+ justify-content: flex-start;
6412
+ }
6413
+
6414
+ .premium-nav-menu-item .menu-link {
6415
+ position: relative;
6416
+ text-decoration: none;
6417
+ }
6418
+
6419
+ .premium-item-badge,
6420
+ .premium-sub-item-badge,
6421
+ .premium-rn-badge {
6422
+ position: absolute;
6423
+ padding: 1px 6px;
6424
+ min-width: 35px;
6425
+ text-align: center;
6426
+ font-size: 10px;
6427
+ -webkit-border-radius: 4px;
6428
+ border-radius: 4px;
6429
+ line-height: 1.8;
6430
+ white-space: nowrap;
6431
+ }
6432
+
6433
+ .premium-nav-hor:not(.premium-hamburger-menu) .premium-item-badge,
6434
+ .premium-nav-hor:not(.premium-nav-slide) .premium-item-badge,
6435
+ .premium-nav-hor:not(.premium-nav-dropdown) .premium-item-badge {
6436
+ position: relative;
6437
+ margin: 8px;
6438
+ }
6439
+
6440
+ .premium-nav-hor .premium-sub-item-badge,
6441
+ .premium-nav-slide .premium-sub-item-badge,
6442
+ .premium-nav-dropdown .premium-sub-item-badge {
6443
+ top: 50%;
6444
+ left: 0;
6445
+ -webkit-transform: translateY(-50%);
6446
+ -ms-transform: translateY(-50%);
6447
+ transform: translateY(-50%);
6448
+ }
6449
+
6450
+ .premium-nav-ver.premium-vertical-right .premium-item-badge,
6451
+ .premium-nav-ver.premium-vertical-right .premium-sub-item-badge {
6452
+ top: 50%;
6453
+ right: 0;
6454
+ -webkit-transform: translateY(-50%);
6455
+ -ms-transform: translateY(-50%);
6456
+ transform: translateY(-50%);
6457
+ }
6458
+
6459
+ .premium-nav-ver.premium-vertical-left .premium-item-badge,
6460
+ .premium-nav-ver.premium-vertical-left .premium-sub-item-badge {
6461
+ top: 50%;
6462
+ left: 0;
6463
+ -webkit-transform: translateY(-50%);
6464
+ -ms-transform: translateY(-50%);
6465
+ transform: translateY(-50%);
6466
+ }
6467
+
6468
+ .premium-mega-nav-item {
6469
+ position: relative;
6470
+ }
6471
+
6472
+ .premium-hamburger-menu .premium-mega-content-container,
6473
+ .premium-nav-dropdown .premium-mega-content-container,
6474
+ .premium-nav-slide .premium-mega-content-container {
6475
+ display: none;
6476
+ }
6477
+
6478
+ .premium-mega-item-static {
6479
+ position: static !important;
6480
+ }
6481
+
6482
+ .premium-hamburger-menu .premium-nav-menu-container,
6483
+ .premium-nav-dropdown .premium-nav-menu-container,
6484
+ .premium-nav-slide .premium-nav-menu-container {
6485
+ display: none;
6486
+ }
6487
+
6488
+ .premium-hamburger-menu .premium-hamburger-toggle,
6489
+ .premium-nav-dropdown .premium-hamburger-toggle,
6490
+ .premium-nav-slide .premium-hamburger-toggle {
6491
+ -js-display: inline-flex;
6492
+ display: -webkit-inline-box;
6493
+ display: -webkit-inline-flex;
6494
+ display: -moz-inline-box;
6495
+ display: -ms-inline-flexbox;
6496
+ display: inline-flex;
6497
+ -webkit-box-orient: horizontal;
6498
+ -webkit-box-direction: reverse;
6499
+ -webkit-flex-direction: row-reverse;
6500
+ -moz-box-orient: horizontal;
6501
+ -moz-box-direction: reverse;
6502
+ -ms-flex-direction: row-reverse;
6503
+ flex-direction: row-reverse;
6504
+ }
6505
+
6506
+ .premium-hidden-icon-yes.premium-hamburger-menu .premium-item-icon,
6507
+ .premium-hidden-icon-yes.premium-hamburger-menu .premium-sub-item-icon,
6508
+ .premium-hidden-icon-yes.premium-nav-dropdown .premium-item-icon,
6509
+ .premium-hidden-icon-yes.premium-nav-dropdown .premium-sub-item-icon,
6510
+ .premium-hidden-icon-yes.premium-nav-slide .premium-item-icon,
6511
+ .premium-hidden-icon-yes.premium-nav-slide .premium-sub-item-icon {
6512
+ display: none;
6513
+ }
6514
+
6515
+ .premium-hidden-badge-yes.premium-hamburger-menu .premium-item-badge,
6516
+ .premium-hidden-badge-yes.premium-hamburger-menu .premium-sub-item-badge,
6517
+ .premium-hidden-badge-yes.premium-hamburger-menu .premium-rn-badge,
6518
+ .premium-hidden-badge-yes.premium-nav-dropdown .premium-item-badge,
6519
+ .premium-hidden-badge-yes.premium-nav-dropdown .premium-sub-item-badge,
6520
+ .premium-hidden-badge-yes.premium-nav-dropdown .premium-rn-badge,
6521
+ .premium-hidden-badge-yes.premium-nav-slide .premium-item-badge,
6522
+ .premium-hidden-badge-yes.premium-nav-slide .premium-sub-item-badge,
6523
+ .premium-hidden-badge-yes.premium-nav-slide .premium-rn-badge {
6524
+ display: none;
6525
+ }
6526
+
6527
+ .premium-ham-dropdown .premium-mobile-menu-container,
6528
+ .premium-nav-dropdown .premium-mobile-menu-container {
6529
+ -js-display: flex;
6530
+ display: -webkit-box;
6531
+ display: -webkit-flex;
6532
+ display: -moz-box;
6533
+ display: -ms-flexbox;
6534
+ display: flex;
6535
+ }
6536
+
6537
+ .premium-ham-dropdown .premium-toggle-opened .premium-toggle-close,
6538
+ .premium-nav-dropdown .premium-toggle-opened .premium-toggle-close {
6539
+ display: inline !important;
6540
+ }
6541
+
6542
+ .premium-ham-dropdown .premium-toggle-opened .premium-toggle-text,
6543
+ .premium-nav-dropdown .premium-toggle-opened .premium-toggle-text {
6544
+ display: none !important;
6545
+ }
6546
+
6547
+ .premium-stretch-dropdown .premium-mobile-menu-container {
6548
+ position: absolute;
6549
+ z-index: 9999;
6550
+ }
6551
+
6552
+ .premium-nav-default {
6553
+ display: none;
6554
+ }
6555
+
6556
+ .premium-hamburger-toggle {
6557
+ width: 100%;
6558
+ }
6559
+
6560
+ /*
6561
+ * Pointer & Pointer Animations
6562
+ */
6563
+ .premium-menu-link-parent::before,
6564
+ .premium-menu-link-parent::after {
6565
+ display: block;
6566
+ position: absolute;
6567
+ -webkit-transition: all 0.3s cubic-bezier(0.58, 0.3, 0.005, 1);
6568
+ transition: all 0.3s cubic-bezier(0.58, 0.3, 0.005, 1);
6569
+ }
6570
+
6571
+ .premium-nav-pointer-underline .premium-menu-link-parent::after,
6572
+ .premium-nav-pointer-double-line .premium-menu-link-parent::after {
6573
+ content: "";
6574
+ bottom: 0;
6575
+ }
6576
+
6577
+ .premium-nav-pointer-overline .premium-menu-link-parent::before,
6578
+ .premium-nav-pointer-double-line .premium-menu-link-parent::before {
6579
+ content: "";
6580
+ top: 0;
6581
+ }
6582
+
6583
+ .premium-nav-pointer-underline .premium-menu-link-parent::before,
6584
+ .premium-nav-pointer-underline .premium-menu-link-parent::after,
6585
+ .premium-nav-pointer-overline .premium-menu-link-parent::before,
6586
+ .premium-nav-pointer-overline .premium-menu-link-parent::after,
6587
+ .premium-nav-pointer-double-line .premium-menu-link-parent::before,
6588
+ .premium-nav-pointer-double-line .premium-menu-link-parent::after {
6589
+ height: 3px;
6590
+ width: 100%;
6591
+ right: 0;
6592
+ background-color: #55595c;
6593
+ z-index: 2;
6594
+ }
6595
+
6596
+ .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,
6597
+ .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after {
6598
+ opacity: 0;
6599
+ }
6600
+
6601
+ .premium-nav-pointer-underline.premium-nav-animation-none,
6602
+ .premium-nav-pointer-overline.premium-nav-animation-none,
6603
+ .premium-nav-pointer-double-line.premium-nav-animation-none {
6604
+ -webkit-transition-duration: 0s;
6605
+ transition-duration: 0s;
6606
+ }
6607
+
6608
+ .premium-nav-pointer-underline.premium-nav-animation-none .premium-menu-link-parent,
6609
+ .premium-nav-pointer-underline.premium-nav-animation-none .premium-menu-link-parent::before,
6610
+ .premium-nav-pointer-underline.premium-nav-animation-none .premium-menu-link-parent::after,
6611
+ .premium-nav-pointer-underline.premium-nav-animation-none .premium-menu-link-parent:focus,
6612
+ .premium-nav-pointer-underline.premium-nav-animation-none .premium-menu-link-parent:hover,
6613
+ .premium-nav-pointer-overline.premium-nav-animation-none .premium-menu-link-parent,
6614
+ .premium-nav-pointer-overline.premium-nav-animation-none .premium-menu-link-parent::before,
6615
+ .premium-nav-pointer-overline.premium-nav-animation-none .premium-menu-link-parent::after,
6616
+ .premium-nav-pointer-overline.premium-nav-animation-none .premium-menu-link-parent:focus,
6617
+ .premium-nav-pointer-overline.premium-nav-animation-none .premium-menu-link-parent:hover,
6618
+ .premium-nav-pointer-double-line.premium-nav-animation-none .premium-menu-link-parent,
6619
+ .premium-nav-pointer-double-line.premium-nav-animation-none .premium-menu-link-parent::before,
6620
+ .premium-nav-pointer-double-line.premium-nav-animation-none .premium-menu-link-parent::after,
6621
+ .premium-nav-pointer-double-line.premium-nav-animation-none .premium-menu-link-parent:focus,
6622
+ .premium-nav-pointer-double-line.premium-nav-animation-none .premium-menu-link-parent:hover {
6623
+ -webkit-transition-duration: 0s;
6624
+ transition-duration: 0s;
6625
+ }
6626
+
6627
+ .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,
6628
+ .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 {
6629
+ width: 10px;
6630
+ inset-inline-start: 100%;
6631
+ }
6632
+
6633
+ .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,
6634
+ .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 {
6635
+ width: 10px;
6636
+ left: -20px;
6637
+ }
6638
+
6639
+ .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,
6640
+ .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,
6641
+ .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,
6642
+ .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,
6643
+ .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,
6644
+ .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 {
6645
+ height: 0;
6646
+ width: 0;
6647
+ left: 50%;
6648
+ }
6649
+
6650
+ .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,
6651
+ .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,
6652
+ .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 {
6653
+ top: -10px;
6654
+ }
6655
+
6656
+ .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,
6657
+ .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,
6658
+ .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 {
6659
+ bottom: -10px;
6660
+ }
6661
+
6662
+ .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,
6663
+ .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,
6664
+ .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 {
6665
+ top: 10px;
6666
+ }
6667
+
6668
+ .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,
6669
+ .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,
6670
+ .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 {
6671
+ bottom: 10px;
6672
+ }
6673
+
6674
+ .premium-nav-pointer-framed .premium-menu-link-parent::before {
6675
+ content: "";
6676
+ }
6677
+
6678
+ .premium-nav-pointer-framed .premium-menu-link-parent::before,
6679
+ .premium-nav-pointer-framed .premium-menu-link-parent::after {
6680
+ background: transparent;
6681
+ left: 0;
6682
+ top: 0;
6683
+ bottom: 0;
6684
+ right: 0;
6685
+ border: 3px solid #55595c;
6686
+ }
6687
+
6688
+ .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 {
6689
+ -webkit-transform: scale(0.75);
6690
+ -ms-transform: scale(0.75);
6691
+ transform: scale(0.75);
6692
+ }
6693
+
6694
+ .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 {
6695
+ -webkit-transform: scale(1.25);
6696
+ -ms-transform: scale(1.25);
6697
+ transform: scale(1.25);
6698
+ }
6699
+
6700
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent::before,
6701
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent::after {
6702
+ width: 3px;
6703
+ height: 3px;
6704
+ }
6705
+
6706
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent::before {
6707
+ border-width: 0 3px 3px 0;
6708
+ -webkit-transition: width 0.1s 0.2s, height 0.1s 0.3s, opacity 0.12s 0.22s;
6709
+ transition: width 0.1s 0.2s, height 0.1s 0.3s, opacity 0.12s 0.22s;
6710
+ }
6711
+
6712
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent::after {
6713
+ content: "";
6714
+ top: auto;
6715
+ bottom: 0;
6716
+ left: 0;
6717
+ right: auto;
6718
+ border-width: 3px 0 0 3px;
6719
+ -webkit-transition: width 0.1s, height 0.1s 0.1s, opacity 0.02s 0.18s;
6720
+ transition: width 0.1s, height 0.1s 0.1s, opacity 0.02s 0.18s;
6721
+ }
6722
+
6723
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:hover::before,
6724
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:focus::before {
6725
+ -webkit-transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s;
6726
+ transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s;
6727
+ }
6728
+
6729
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:hover::after,
6730
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:focus::after {
6731
+ -webkit-transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s;
6732
+ transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s;
6733
+ }
6734
+
6735
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:hover::before,
6736
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:hover::after,
6737
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:focus::before,
6738
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:focus::after {
6739
+ width: 100%;
6740
+ height: 100%;
6741
+ }
6742
+
6743
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-active-item .premium-menu-link-parent::before {
6744
+ -webkit-transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s;
6745
+ transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s;
6746
+ }
6747
+
6748
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-active-item .premium-menu-link-parent::after {
6749
+ -webkit-transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s;
6750
+ transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s;
6751
+ }
6752
+
6753
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-active-item .premium-menu-link-parent::before,
6754
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-active-item .premium-menu-link-parent::after {
6755
+ width: 100%;
6756
+ height: 100%;
6757
+ }
6758
+
6759
+ .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent::before {
6760
+ border-width: 3px 3px 0 0;
6761
+ }
6762
+
6763
+ .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent::after {
6764
+ content: "";
6765
+ top: auto;
6766
+ bottom: 0;
6767
+ left: 0;
6768
+ right: auto;
6769
+ border-width: 0 0 3px 3px;
6770
+ }
6771
+
6772
+ .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent::before,
6773
+ .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent::after {
6774
+ width: 3px;
6775
+ height: 3px;
6776
+ }
6777
+
6778
+ .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent:hover::before,
6779
+ .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent:hover::after,
6780
+ .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent:focus::before,
6781
+ .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent:focus::after {
6782
+ width: 100%;
6783
+ height: 100%;
6784
+ -webkit-transition: opacity 2ms, width 0.4s, height 0.4s;
6785
+ transition: opacity 2ms, width 0.4s, height 0.4s;
6786
+ }
6787
+
6788
+ .premium-nav-pointer-framed.premium-nav-animation-corners .premium-active-item .premium-menu-link-parent::before,
6789
+ .premium-nav-pointer-framed.premium-nav-animation-corners .premium-active-item .premium-menu-link-parent::after {
6790
+ width: 100%;
6791
+ height: 100%;
6792
+ -webkit-transition: opacity 2ms, width 0.4s, height 0.4s;
6793
+ transition: opacity 2ms, width 0.4s, height 0.4s;
6794
+ }
6795
+
6796
+ .premium-nav-pointer-text.premium-nav-animation-grow .premium-menu-link-parent:hover,
6797
+ .premium-nav-pointer-text.premium-nav-animation-grow .premium-menu-link-parent:focus {
6798
+ -webkit-transform: scale(1.2);
6799
+ -ms-transform: scale(1.2);
6800
+ transform: scale(1.2);
6801
+ }
6802
+
6803
+ .premium-nav-pointer-text.premium-nav-animation-shrink .premium-menu-link-parent:hover,
6804
+ .premium-nav-pointer-text.premium-nav-animation-shrink .premium-menu-link-parent:focus {
6805
+ -webkit-transform: scale(0.8);
6806
+ -ms-transform: scale(0.8);
6807
+ transform: scale(0.8);
6808
+ }
6809
+
6810
+ .premium-nav-pointer-text.premium-nav-animation-sink .premium-menu-link-parent:hover,
6811
+ .premium-nav-pointer-text.premium-nav-animation-sink .premium-menu-link-parent:focus {
6812
+ -webkit-transform: translateY(8px);
6813
+ -ms-transform: translateY(8px);
6814
+ transform: translateY(8px);
6815
+ }
6816
+
6817
+ .premium-nav-pointer-text.premium-nav-animation-float .premium-menu-link-parent:hover,
6818
+ .premium-nav-pointer-text.premium-nav-animation-float .premium-menu-link-parent:focus {
6819
+ -webkit-transform: translateY(-8px);
6820
+ -ms-transform: translateY(-8px);
6821
+ transform: translateY(-8px);
6822
+ }
6823
+
6824
+ .premium-nav-pointer-text.premium-nav-animation-skew .premium-menu-link-parent:hover,
6825
+ .premium-nav-pointer-text.premium-nav-animation-skew .premium-menu-link-parent:focus {
6826
+ -webkit-transform: skew(-8deg);
6827
+ -ms-transform: skew(-8deg);
6828
+ transform: skew(-8deg);
6829
+ }
6830
+
6831
+ .premium-nav-pointer-text.premium-nav-animation-rotate .premium-menu-link-parent:hover,
6832
+ .premium-nav-pointer-text.premium-nav-animation-rotate .premium-menu-link-parent:focus {
6833
+ -webkit-transform: rotate(6deg);
6834
+ -ms-transform: rotate(6deg);
6835
+ transform: rotate(6deg);
6836
+ }
6837
+
6838
+ .premium-nav-pointer-background .premium-menu-link-parent::before {
6839
+ top: 0;
6840
+ left: 0;
6841
+ right: 0;
6842
+ bottom: 0;
6843
+ background: #55595c;
6844
+ background-color: #55595c;
6845
+ z-index: -1;
6846
+ }
6847
+
6848
+ .premium-nav-pointer-background .premium-menu-link-parent::before,
6849
+ .premium-nav-pointer-background .premium-menu-link-parent::after {
6850
+ content: "";
6851
+ -webkit-transition: 0.3s;
6852
+ transition: 0.3s;
6853
+ }
6854
+
6855
+ .premium-nav-pointer-background.premium-nav-animation-grow .premium-menu-link-parent::before {
6856
+ -webkit-transform: scale(0.5);
6857
+ -ms-transform: scale(0.5);
6858
+ transform: scale(0.5);
6859
+ }
6860
+
6861
+ .premium-nav-pointer-background.premium-nav-animation-grow .premium-menu-link-parent:hover::before,
6862
+ .premium-nav-pointer-background.premium-nav-animation-grow .premium-menu-link-parent:focus::before {
6863
+ -webkit-transform: scale(1);
6864
+ -ms-transform: scale(1);
6865
+ transform: scale(1);
6866
+ }
6867
+
6868
+ .premium-nav-pointer-background.premium-nav-animation-grow .premium-active-item .premium-menu-link-parent::before {
6869
+ -webkit-transform: scale(1);
6870
+ -ms-transform: scale(1);
6871
+ transform: scale(1);
6872
+ }
6873
+
6874
+ .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 {
6875
+ -webkit-transform: scale(1.2);
6876
+ -ms-transform: scale(1.2);
6877
+ transform: scale(1.2);
6878
+ -webkit-transition: 0.3;
6879
+ transition: 0.3;
6880
+ }
6881
+
6882
+ .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 {
6883
+ left: 100%;
6884
+ }
6885
+
6886
+ .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 {
6887
+ right: 100%;
6888
+ }
6889
+
6890
+ .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 {
6891
+ top: 100%;
6892
+ }
6893
+
6894
+ .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 {
6895
+ bottom: 100%;
6896
+ }
6897
+
6898
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent::after,
6899
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent::after {
6900
+ top: 0;
6901
+ left: 0;
6902
+ right: 0;
6903
+ bottom: 0;
6904
+ background: #55595c;
6905
+ background-color: #55595c;
6906
+ z-index: -1;
6907
+ }
6908
+
6909
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent::before {
6910
+ top: 0;
6911
+ bottom: 100%;
6912
+ }
6913
+
6914
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent::after {
6915
+ top: 100%;
6916
+ bottom: 0;
6917
+ }
6918
+
6919
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent:hover::before,
6920
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent:focus::before {
6921
+ bottom: 50%;
6922
+ }
6923
+
6924
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent:hover::after,
6925
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent:focus::after {
6926
+ top: 50%;
6927
+ }
6928
+
6929
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-active-item .premium-menu-link-parent::before {
6930
+ bottom: 50%;
6931
+ }
6932
+
6933
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-active-item .premium-menu-link-parent::after {
6934
+ top: 50%;
6935
+ }
6936
+
6937
+ .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 {
6938
+ bottom: 50%;
6939
+ top: 50%;
6940
+ }
6941
+
6942
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent::before {
6943
+ right: 0;
6944
+ left: 100%;
6945
+ }
6946
+
6947
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent::after {
6948
+ right: 100%;
6949
+ left: 0;
6950
+ }
6951
+
6952
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent:hover::before,
6953
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent:focus::before {
6954
+ left: 50%;
6955
+ }
6956
+
6957
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent:hover::after,
6958
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent:focus::after {
6959
+ right: 50%;
6960
+ }
6961
+
6962
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-active-item .premium-menu-link-parent::before {
6963
+ left: 50%;
6964
+ }
6965
+
6966
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-active-item .premium-menu-link-parent::after {
6967
+ right: 50%;
6968
+ }
6969
+
6970
+ .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 {
6971
+ left: 50%;
6972
+ right: 50%;
6973
+ }
6974
+
6975
+ .premium-active-item::before,
6976
+ .premium-active-item::after,
6977
+ .premium-menu-link-parent:hover::before,
6978
+ .premium-menu-link-parent:hover::after,
6979
+ .premium-menu-link-parent:focus::before,
6980
+ .premium-menu-link-parent:focus::after {
6981
+ -webkit-transform: scale(1);
6982
+ -ms-transform: scale(1);
6983
+ transform: scale(1);
6984
+ }
6985
+
6986
+ /**Sub Menu Animation*/
6987
+ .premium-nav-menu-item .premium-sub-menu,
6988
+ .premium-nav-menu-item .premium-mega-content-container {
6989
+ -webkit-transition: 0.5s all ease-in-out;
6990
+ transition: 0.5s all ease-in-out;
6991
+ -webkit-transition-delay: 0.1s;
6992
+ transition-delay: 0.1s;
6993
+ }
6994
+
6995
+ [class*="premium-nav-slide-"].premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item.premium-item-hovered>.premium-sub-menu,
6996
+ [class*="premium-nav-slide-"].premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item.premium-item-hovered>.premium-mega-content-container,
6997
+ [class*="premium-nav-slide-"].premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu.premium-item-hovered>.premium-sub-menu,
6998
+ [class*="premium-nav-slide-"].premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item.premium-item-hovered>.premium-sub-menu,
6999
+ [class*="premium-nav-slide-"].premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item.premium-item-hovered>.premium-mega-content-container,
7000
+ [class*="premium-nav-slide-"].premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu.premium-item-hovered>.premium-sub-menu {
7001
+ -webkit-transform: translate(0);
7002
+ -ms-transform: translate(0);
7003
+ transform: translate(0);
7004
+ }
7005
+
7006
+ .premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu,
7007
+ .premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-content-container,
7008
+ .premium-nav-slide-up.premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu,
7009
+ .premium-nav-slide-up.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-content-container {
7010
+ -webkit-transform: translateY(10px);
7011
+ -ms-transform: translateY(10px);
7012
+ transform: translateY(10px);
7013
+ }
7014
+
7015
+ .premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu,
7016
+ .premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-content-container,
7017
+ .premium-nav-slide-down.premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu,
7018
+ .premium-nav-slide-down.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-content-container {
7019
+ -webkit-transform: translateY(-10px);
7020
+ -ms-transform: translateY(-10px);
7021
+ transform: translateY(-10px);
7022
+ }
7023
+
7024
+ .premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu,
7025
+ .premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-content-container,
7026
+ .premium-nav-slide-right.premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu,
7027
+ .premium-nav-slide-right.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-content-container {
7028
+ -webkit-transform: translateX(-10px);
7029
+ -ms-transform: translateX(-10px);
7030
+ transform: translateX(-10px);
7031
+ }
7032
+
7033
+ .premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu,
7034
+ .premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-content-container,
7035
+ .premium-nav-slide-left.premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu,
7036
+ .premium-nav-slide-left.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-content-container {
7037
+ -webkit-transform: translateX(10px);
7038
+ -ms-transform: translateX(10px);
7039
+ transform: translateX(10px);
7040
+ }
7041
+
7042
+ /**Horizontal - Static Mega Content*/
7043
+ /*UP*/
7044
+ .premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static .premium-mega-content-container {
7045
+ -webkit-transform: translateX(-50%) translateY(10px);
7046
+ -ms-transform: translateX(-50%) translateY(10px);
7047
+ transform: translateX(-50%) translateY(10px);
7048
+ }
7049
+
7050
+ .premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static.premium-item-hovered .premium-mega-content-container {
7051
+ -webkit-transform: translateX(-50%) translateY(0);
7052
+ -ms-transform: translateX(-50%) translateY(0);
7053
+ transform: translateX(-50%) translateY(0);
7054
+ }
7055
+
7056
+ /*DOWN*/
7057
+ .premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static .premium-mega-content-container {
7058
+ -webkit-transform: translateX(-50%) translateY(-10px);
7059
+ -ms-transform: translateX(-50%) translateY(-10px);
7060
+ transform: translateX(-50%) translateY(-10px);
7061
+ }
7062
+
7063
+ .premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static.premium-item-hovered .premium-mega-content-container {
7064
+ -webkit-transform: translateX(-50%) translateY(0);
7065
+ -ms-transform: translateX(-50%) translateY(0);
7066
+ transform: translateX(-50%) translateY(0);
7067
+ }
7068
+
7069
+ /*Left*/
7070
+ .premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static .premium-mega-content-container {
7071
+ -webkit-transform: translateX(-45%);
7072
+ -ms-transform: translateX(-45%);
7073
+ transform: translateX(-45%);
7074
+ }
7075
+
7076
+ .premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static.premium-item-hovered .premium-mega-content-container {
7077
+ -webkit-transform: translateX(-50%);
7078
+ -ms-transform: translateX(-50%);
7079
+ transform: translateX(-50%);
7080
+ }
7081
+
7082
+ /*Right*/
7083
+ .premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static .premium-mega-content-container {
7084
+ -webkit-transform: translateX(-55%);
7085
+ -ms-transform: translateX(-55%);
7086
+ transform: translateX(-55%);
7087
+ }
7088
+
7089
+ .premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static.premium-item-hovered .premium-mega-content-container {
7090
+ -webkit-transform: translateX(-50%);
7091
+ -ms-transform: translateX(-50%);
7092
+ transform: translateX(-50%);
7093
+ }
7094
+
7095
+ /**Vertical - Static Mega Content*/
7096
+ .premium-nav-slide-down.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-item-static.premium-item-hovered .premium-mega-content-container,
7097
+ .premium-nav-slide-up.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-item-static.premium-item-hovered .premium-mega-content-container {
7098
+ -webkit-transform: translateY(0);
7099
+ -ms-transform: translateY(0);
7100
+ transform: translateY(0);
7101
+ }
7102
+
7103
+ .premium-nav-slide-right.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-item-static.premium-item-hovered .premium-mega-content-container,
7104
+ .premium-nav-slide-left.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-item-static.premium-item-hovered .premium-mega-content-container {
7105
+ -webkit-transform: translateX(0);
7106
+ -ms-transform: translateX(0);
7107
+ transform: translateX(0);
7108
+ }
7109
+
7110
+ /** Random Badge */
7111
+ .premium-rn-badge,
7112
+ .premium-mega-content-container .premium-rn-badge {
7113
+ position: absolute;
7114
+ -webkit-transform: translateY(-50%);
7115
+ -ms-transform: translateY(-50%);
7116
+ transform: translateY(-50%);
7117
+ top: 50%;
7118
+ left: 10px;
7119
+ -webkit-transition: all 0.3s;
7120
+ transition: all 0.3s;
7121
+ }
7122
+
7123
+ .premium-nav-ver.premium-vertical-right .premium-rn-badge {
7124
+ top: 50%;
7125
+ right: 10px;
7126
+ left: unset;
7127
+ -webkit-transform: translateY(-50%);
7128
+ -ms-transform: translateY(-50%);
7129
+ transform: translateY(-50%);
7130
+ }
7131
+
7132
+ .premium-nav-ver.premium-vertical-right .premium-mega-content-container .premium-rn-badge {
7133
+ left: 10px;
7134
+ right: unset;
7135
+ }
7136
+
7137
+ /** Sub Item Badge Effects*/
7138
+ .has-pa-badge:hover {
7139
+ -webkit-transition: all 0.3s;
7140
+ transition: all 0.3s;
7141
+ }
7142
+
7143
+ .premium-sub-item-badge {
7144
+ -webkit-transition: all 0.3s;
7145
+ transition: all 0.3s;
7146
+ }
7147
+
7148
+ .premium-mega-content-container .premium-badge-dot .premium-sub-item-badge,
7149
+ .premium-mega-content-container .premium-badge-dot .premium-rn-badge,
7150
+ .premium-sub-menu .premium-badge-dot .premium-sub-item-badge,
7151
+ .premium-sub-menu .premium-badge-dot .premium-rn-badge {
7152
+ font-size: 0px;
7153
+ min-width: 1px;
7154
+ padding: 3px;
7155
+ -webkit-border-radius: 50%;
7156
+ border-radius: 50%;
7157
+ -webkit-transition: all 0.3s;
7158
+ transition: all 0.3s;
7159
+ }
7160
+
7161
+ .premium-mega-content-container .premium-badge-pulse:hover .premium-sub-item-badge,
7162
+ .premium-mega-content-container .premium-badge-pulse:hover .premium-rn-badge,
7163
+ .premium-sub-menu .premium-badge-pulse:hover .premium-sub-item-badge,
7164
+ .premium-sub-menu .premium-badge-pulse:hover .premium-rn-badge {
7165
+ -webkit-animation: badge-pulse-grow 0.5s alternate infinite ease-in-out;
7166
+ animation: badge-pulse-grow 0.5s alternate infinite ease-in-out;
7167
+ }
7168
+
7169
+ .premium-mega-content-container .premium-badge-buzz:hover .premium-sub-item-badge,
7170
+ .premium-mega-content-container .premium-badge-buzz:hover .premium-rn-badge,
7171
+ .premium-sub-menu .premium-badge-buzz:hover .premium-sub-item-badge,
7172
+ .premium-sub-menu .premium-badge-buzz:hover .premium-rn-badge {
7173
+ -webkit-animation: badge-buzz 0.5s alternate infinite ease-in-out;
7174
+ animation: badge-buzz 0.5s alternate infinite ease-in-out;
7175
+ }
7176
+
7177
+ .premium-mega-content-container .premium-badge-slide-right .premium-sub-item-badge,
7178
+ .premium-mega-content-container .premium-badge-slide-right .premium-rn-badge,
7179
+ .premium-sub-menu .premium-badge-slide-right .premium-sub-item-badge,
7180
+ .premium-sub-menu .premium-badge-slide-right .premium-rn-badge {
7181
+ -webkit-transform: translateY(-50%) translateX(-5px);
7182
+ -ms-transform: translateY(-50%) translateX(-5px);
7183
+ transform: translateY(-50%) translateX(-5px);
7184
+ -webkit-transition: -webkit-transform 0.5s;
7185
+ transition: -webkit-transform 0.5s;
7186
+ transition: transform 0.5s;
7187
+ transition: transform 0.5s, -webkit-transform 0.5s;
7188
+ }
7189
+
7190
+ .premium-mega-content-container .premium-badge-slide-right:hover .premium-sub-item-badge,
7191
+ .premium-mega-content-container .premium-badge-slide-right:hover .premium-rn-badge,
7192
+ .premium-sub-menu .premium-badge-slide-right:hover .premium-sub-item-badge,
7193
+ .premium-sub-menu .premium-badge-slide-right:hover .premium-rn-badge {
7194
+ -webkit-transform: translateY(-50%) translateX(5px);
7195
+ -ms-transform: translateY(-50%) translateX(5px);
7196
+ transform: translateY(-50%) translateX(5px);
7197
+ }
7198
+
7199
+ .premium-mega-content-container .premium-badge-slide-left .premium-sub-item-badge,
7200
+ .premium-mega-content-container .premium-badge-slide-left .premium-rn-badge,
7201
+ .premium-sub-menu .premium-badge-slide-left .premium-sub-item-badge,
7202
+ .premium-sub-menu .premium-badge-slide-left .premium-rn-badge {
7203
+ -webkit-transform: translateY(-50%) translateX(5px);
7204
+ -ms-transform: translateY(-50%) translateX(5px);
7205
+ transform: translateY(-50%) translateX(5px);
7206
+ -webkit-transition: -webkit-transform 0.5s;
7207
+ transition: -webkit-transform 0.5s;
7208
+ transition: transform 0.5s;
7209
+ transition: transform 0.5s, -webkit-transform 0.5s;
7210
+ }
7211
+
7212
+ .premium-mega-content-container .premium-badge-slide-left:hover .premium-sub-item-badge,
7213
+ .premium-mega-content-container .premium-badge-slide-left:hover .premium-rn-badge,
7214
+ .premium-sub-menu .premium-badge-slide-left:hover .premium-sub-item-badge,
7215
+ .premium-sub-menu .premium-badge-slide-left:hover .premium-rn-badge {
7216
+ -webkit-transform: translateY(-50%) translateX(-5px);
7217
+ -ms-transform: translateY(-50%) translateX(-5px);
7218
+ transform: translateY(-50%) translateX(-5px);
7219
+ }
7220
+
7221
+ .premium-mega-content-container .premium-badge-expand .premium-sub-item-badge,
7222
+ .premium-mega-content-container .premium-badge-expand .premium-rn-badge,
7223
+ .premium-sub-menu .premium-badge-expand .premium-sub-item-badge,
7224
+ .premium-sub-menu .premium-badge-expand .premium-rn-badge {
7225
+ -webkit-transform: translateY(-50%) scaleX(0);
7226
+ -ms-transform: translateY(-50%) scaleX(0);
7227
+ transform: translateY(-50%) scaleX(0);
7228
+ -webkit-transition: -webkit-transform 0.25s ease-out;
7229
+ transition: -webkit-transform 0.25s ease-out;
7230
+ transition: transform 0.25s ease-out;
7231
+ transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
7232
+ }
7233
+
7234
+ .premium-mega-content-container .premium-badge-expand:hover .premium-sub-item-badge,
7235
+ .premium-mega-content-container .premium-badge-expand:hover .premium-rn-badge,
7236
+ .premium-sub-menu .premium-badge-expand:hover .premium-sub-item-badge,
7237
+ .premium-sub-menu .premium-badge-expand:hover .premium-rn-badge {
7238
+ -webkit-transform: translateY(-50%) scaleX(1);
7239
+ -ms-transform: translateY(-50%) scaleX(1);
7240
+ transform: translateY(-50%) scaleX(1);
7241
+ }
7242
+
7243
+ /* Pulse Grow */
7244
+ @-webkit-keyframes badge-pulse-grow {
7245
+ to {
7246
+ -webkit-transform: translateY(-50%) scale(1.07);
7247
+ transform: translateY(-50%) scale(1.07);
7248
+ }
7249
+ }
7250
+
7251
+ @keyframes badge-pulse-grow {
7252
+ to {
7253
+ -webkit-transform: translateY(-50%) scale(1.07);
7254
+ transform: translateY(-50%) scale(1.07);
7255
+ }
7256
+ }
7257
+
7258
+ /* Buzz */
7259
+ @-webkit-keyframes badge-buzz {
7260
+ 50% {
7261
+ -webkit-transform: translateY(-50%) translateX(3px) rotate(2deg);
7262
+ transform: translateY(-50%) translateX(3px) rotate(2deg);
7263
+ }
7264
+
7265
+ 100% {
7266
+ -webkit-transform: translateY(-50%) translateX(-3px) rotate(-2deg);
7267
+ transform: translateY(-50%) translateX(-3px) rotate(-2deg);
7268
+ }
7269
+ }
7270
+
7271
+ @keyframes badge-buzz {
7272
+ 50% {
7273
+ -webkit-transform: translateY(-50%) translateX(3px) rotate(3deg);
7274
+ transform: translateY(-50%) translateX(3px) rotate(3deg);
7275
+ }
7276
+
7277
+ 100% {
7278
+ -webkit-transform: translateY(-50%) translateX(-3px) rotate(-3deg);
7279
+ transform: translateY(-50%) translateX(-3px) rotate(-3deg);
7280
+ }
7281
+ }
7282
+
7283
+ body.premium-scroll-disabled {
7284
+ overflow-y: hidden;
7285
+ height: 100vh;
7286
+ margin: 0;
7287
+ }
7288
+ /************ Premium Team Members ************/
7289
+ /*********************************************/
7290
+ .premium-person-container {
7291
+ position: relative;
7292
+ }
7293
+
7294
+ .premium-person-image-container {
7295
+ position: relative;
7296
+ text-align: center;
7297
+ overflow: hidden;
7298
+ }
7299
+
7300
+ .premium-person-image-container .premium-person-image-wrap {
7301
+ overflow: hidden;
7302
+ }
7303
+
7304
+ .premium-person-zoomout-effect .premium-person-image-container img,
7305
+ .premium-person-scale-effect .premium-person-image-container img {
7306
+ -webkit-transform: scale(1.2);
7307
+ -ms-transform: scale(1.2);
7308
+ transform: scale(1.2);
7309
+ }
7310
+
7311
+ .premium-person-sepia-effect .premium-person-image-container img {
7312
+ -webkit-filter: sepia(30%);
7313
+ filter: sepia(30%);
7314
+ }
7315
+
7316
+ .premium-person-bright-effect .premium-person-image-container img {
7317
+ -webkit-filter: brightness(1);
7318
+ filter: brightness(1);
7319
+ }
7320
+
7321
+ .premium-person-trans-effect .premium-person-image-container img {
7322
+ -webkit-transform: translateX(15px) scale(1.1);
7323
+ -ms-transform: translateX(15px) scale(1.1);
7324
+ transform: translateX(15px) scale(1.1);
7325
+ }
7326
+
7327
+ .premium-person-zoomin-effect:hover .premium-person-image-container img {
7328
+ -webkit-transform: scale(1.2);
7329
+ -ms-transform: scale(1.2);
7330
+ transform: scale(1.2);
7331
+ }
7332
+
7333
+ .premium-person-zoomout-effect:hover .premium-person-image-container img {
7334
+ -webkit-transform: scale(1.1);
7335
+ -ms-transform: scale(1.1);
7336
+ transform: scale(1.1);
7337
+ }
7338
+
7339
+ .premium-person-scale-effect:hover .premium-person-image-container img {
7340
+ -webkit-transform: scale(1.3) rotate(-5deg);
7341
+ -ms-transform: scale(1.3) rotate(-5deg);
7342
+ transform: scale(1.3) rotate(-5deg);
7343
+ }
7344
+
7345
+ .premium-person-grayscale-effect:hover .premium-person-image-container img {
7346
+ -webkit-filter: grayscale(100%);
7347
+ filter: grayscale(100%);
7348
+ }
7349
+
7350
+ .premium-person-blur-effect:hover .premium-person-image-container img {
7351
+ -webkit-filter: blur(3px);
7352
+ filter: blur(3px);
7353
+ }
7354
+
7355
+ .premium-person-sepia-effect:hover .premium-person-image-container img {
7356
+ -webkit-filter: sepia(0%);
7357
+ filter: sepia(0%);
7358
+ }
7359
+
7360
+ .premium-person-bright-effect:hover .premium-person-image-container img {
7361
+ -webkit-filter: brightness(1.2);
7362
+ filter: brightness(1.2);
7363
+ }
7364
+
7365
+ .premium-person-trans-effect:hover .premium-person-image-container img {
7366
+ -webkit-transform: translateX(0px) scale(1.1);
7367
+ -ms-transform: translateX(0px) scale(1.1);
7368
+ transform: translateX(0px) scale(1.1);
7369
+ }
7370
+
7371
+ .premium-person-container .premium-person-image-container img {
7372
+ width: 100%;
7373
+ height: 100%;
7374
+ display: block;
7375
+ -o-object-fit: cover;
7376
+ object-fit: cover;
7377
+ -webkit-transition: all 0.5s ease-in-out;
7378
+ transition: all 0.5s ease-in-out;
7379
+ }
7380
+
7381
+ .premium-person-style2 .premium-person-social {
7382
+ position: absolute;
7383
+ top: 0;
7384
+ right: 0;
7385
+ width: 100%;
7386
+ height: 100%;
7387
+ z-index: 2;
7388
+ -js-display: flex;
7389
+ display: -webkit-box;
7390
+ display: -webkit-flex;
7391
+ display: -moz-box;
7392
+ display: -ms-flexbox;
7393
+ display: flex;
7394
+ -webkit-box-pack: center;
7395
+ -webkit-justify-content: center;
7396
+ -moz-box-pack: center;
7397
+ -ms-flex-pack: center;
7398
+ justify-content: center;
7399
+ -webkit-box-align: center;
7400
+ -webkit-align-items: center;
7401
+ -moz-box-align: center;
7402
+ -ms-flex-align: center;
7403
+ align-items: center;
7404
+ -webkit-box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
7405
+ box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
7406
+ -webkit-transition: all 0.5s linear 0s;
7407
+ transition: all 0.5s linear 0s;
7408
+ opacity: 0;
7409
+ }
7410
+
7411
+ .premium-person-style2 .premium-person-image-container:hover .premium-person-social {
7412
+ opacity: 1;
7413
+ }
7414
+
7415
+ .premium-person-list-item a {
7416
+ display: inline-block;
7417
+ }
7418
+
7419
+ .premium-person-style2 .premium-person-list-item a {
7420
+ opacity: 0;
7421
+ -webkit-transform: scale(0);
7422
+ -ms-transform: scale(0);
7423
+ transform: scale(0);
7424
+ -webkit-transition: all 0.5s ease-in-out 0s;
7425
+ transition: all 0.5s ease-in-out 0s;
7426
+ }
7427
+
7428
+ .premium-person-style2 .premium-person-image-container:hover .premium-person-list-item a {
7429
+ opacity: 1;
7430
+ -webkit-transform: scale(1);
7431
+ -ms-transform: scale(1);
7432
+ transform: scale(1);
7433
+ }
7434
+
7435
+ .premium-person-info-container {
7436
+ padding: 30px 15px;
7437
+ }
7438
+
7439
+ .premium-person-name {
7440
+ margin: 0 0 5px;
7441
+ font-weight: 700;
7442
+ }
7443
+
7444
+ .premium-person-title {
7445
+ margin: 0 0 20px;
7446
+ padding: 0;
7447
+ }
7448
+
7449
+ .premium-person-content {
7450
+ margin: 0 0 30px;
7451
+ }
7452
+
7453
+ /*Override Theme List Margin*/
7454
+ ul.premium-person-social-list {
7455
+ margin: 0px !important;
7456
+ padding: 0;
7457
+ }
7458
+
7459
+ .premium-person-social-list .premium-person-list-item {
7460
+ display: inline;
7461
+ list-style: none;
7462
+ }
7463
+
7464
+ .premium-person-social-list li {
7465
+ position: relative;
7466
+ bottom: 0px;
7467
+ -webkit-transition: all 0.2s ease-in-out;
7468
+ transition: all 0.2s ease-in-out;
7469
+ }
7470
+
7471
+ .premium-person-social-list li i {
7472
+ position: relative;
7473
+ bottom: 0px;
7474
+ -webkit-transition: all 0.2s ease-in-out;
7475
+ transition: all 0.2s ease-in-out;
7476
+ }
7477
+
7478
+ .premium-person-defaults-yes li.premium-person-facebook:hover a {
7479
+ background-color: #3b5998 !important;
7480
+ }
7481
+
7482
+ .premium-person-defaults-yes li.premium-person-twitter:hover a {
7483
+ background-color: #55acee !important;
7484
+ }
7485
+
7486
+ .premium-person-defaults-yes li.premium-person-linkedin:hover a {
7487
+ background-color: #0077b5 !important;
7488
+ }
7489
+
7490
+ .premium-person-defaults-yes li.premium-person-google:hover a {
7491
+ background-color: #dc4e41 !important;
7492
+ }
7493
+
7494
+ .premium-person-defaults-yes li.premium-person-youtube:hover a {
7495
+ background-color: #b31217 !important;
7496
+ }
7497
+
7498
+ .premium-person-defaults-yes li.premium-person-instagram:hover a {
7499
+ background-color: #e4405f !important;
7500
+ }
7501
+
7502
+ .premium-person-defaults-yes li.premium-person-skype:hover a {
7503
+ background-color: #00aff0 !important;
7504
+ }
7505
+
7506
+ .premium-person-defaults-yes li.premium-person-pinterest:hover a {
7507
+ background-color: #bd081c !important;
7508
+ }
7509
+
7510
+ .premium-person-defaults-yes li.premium-person-dribbble:hover a {
7511
+ background-color: #ea4c89 !important;
7512
+ }
7513
+
7514
+ .premium-person-defaults-yes li.premium-person-mail:hover a {
7515
+ background-color: #b23121 !important;
7516
+ }
7517
+
7518
+ .premium-person-defaults-yes li.premium-person-behance:hover a {
7519
+ background-color: #1769ff !important;
7520
+ }
7521
+
7522
+ .premium-person-defaults-yes li.premium-person-whatsapp:hover a {
7523
+ background-color: #25d366 !important;
7524
+ }
7525
+
7526
+ .premium-person-defaults-yes li.premium-person-telegram:hover a {
7527
+ background-color: #0088cc !important;
7528
+ }
7529
+
7530
+ .premium-person-defaults-yes li.premium-person-site:hover a {
7531
+ background-color: #0055a5 !important;
7532
+ }
7533
+
7534
+ .premium-person-social-list li:hover a {
7535
+ -webkit-box-shadow: none;
7536
+ box-shadow: none;
7537
+ }
7538
+
7539
+ .premium-person-social-list li a:focus {
7540
+ -webkit-box-shadow: none;
7541
+ box-shadow: none;
7542
+ outline: none;
7543
+ }
7544
+
7545
+ .premium-person-social-list li i {
7546
+ font-size: 18px;
7547
+ }
7548
+
7549
+ .elementor-widget-premium-addon-person .elementor-widget-container {
7550
+ -js-display: flex;
7551
+ display: -webkit-box;
7552
+ display: -webkit-flex;
7553
+ display: -moz-box;
7554
+ display: -ms-flexbox;
7555
+ display: flex;
7556
+ -webkit-box-pack: center;
7557
+ -webkit-justify-content: center;
7558
+ -moz-box-pack: center;
7559
+ -ms-flex-pack: center;
7560
+ justify-content: center;
7561
+ }
7562
+
7563
+ .premium-persons-container.multiple-persons {
7564
+ -js-display: flex;
7565
+ display: -webkit-box;
7566
+ display: -webkit-flex;
7567
+ display: -moz-box;
7568
+ display: -ms-flexbox;
7569
+ display: flex;
7570
+ -webkit-flex-wrap: wrap;
7571
+ -ms-flex-wrap: wrap;
7572
+ flex-wrap: wrap;
7573
+ width: 100%;
7574
+ }
7575
+
7576
+ .premium-person-style1 .premium-person-container {
7577
+ overflow: hidden;
7578
+ }
7579
+
7580
+ .premium-person-style1 .premium-person-container .premium-person-info {
7581
+ position: absolute;
7582
+ top: auto;
7583
+ left: 0;
7584
+ right: 0;
7585
+ -webkit-transition: all 500ms ease 0s;
7586
+ transition: all 500ms ease 0s;
7587
+ -webkit-transform: translate3d(0, 100%, 0);
7588
+ transform: translate3d(0, 100%, 0);
7589
+ }
7590
+
7591
+ .premium-person-style1 .premium-person-container:hover .premium-person-info {
7592
+ -webkit-transform: translate3d(0, 0, 0);
7593
+ transform: translate3d(0, 0, 0);
7594
+ bottom: -1px !important;
7595
+ }
7596
+
7597
+ .premium-person-style1 .premium-person-social-list li:hover {
7598
+ bottom: 5px;
7599
+ }
7600
+
7601
+ .premium-person-style1.multiple-persons:not([data-persons-equal="yes"]) {
7602
+ -webkit-box-align: start;
7603
+ -webkit-align-items: flex-start;
7604
+ -moz-box-align: start;
7605
+ -ms-flex-align: start;
7606
+ align-items: flex-start;
7607
+ }
7608
+
7609
+ .premium-person-style1 .slick-track {
7610
+ -js-display: flex;
7611
+ display: -webkit-box;
7612
+ display: -webkit-flex;
7613
+ display: -moz-box;
7614
+ display: -ms-flexbox;
7615
+ display: flex;
7616
+ }
7617
+
7618
+ .premium-person-style1 .slick-slide {
7619
+ height: inherit !important;
7620
+ }
7621
+
7622
+ /* .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-container,
7623
+ .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-wrap {
7624
+ height: 100%;
7625
+ } */
7626
+
7627
+ .premium-person-style3 .premium-person-info-container {
7628
+ position: absolute;
7629
+ top: 0;
7630
+ right: 0;
7631
+ width: 100%;
7632
+ height: 100%;
7633
+ -js-display: flex;
7634
+ display: -webkit-box;
7635
+ display: -webkit-flex;
7636
+ display: -moz-box;
7637
+ display: -ms-flexbox;
7638
+ display: flex;
7639
+ -webkit-box-orient: vertical;
7640
+ -webkit-box-direction: normal;
7641
+ -webkit-flex-direction: column;
7642
+ -moz-box-orient: vertical;
7643
+ -moz-box-direction: normal;
7644
+ -ms-flex-direction: column;
7645
+ flex-direction: column;
7646
+ -webkit-box-pack: justify;
7647
+ -webkit-justify-content: space-between;
7648
+ -moz-box-pack: justify;
7649
+ -ms-flex-pack: justify;
7650
+ justify-content: space-between;
7651
+ }
7652
+
7653
+ .premium-person-style3 .premium-person-title-desc-wrap {
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-orient: horizontal;
7661
+ -webkit-box-direction: reverse;
7662
+ -webkit-flex-direction: row-reverse;
7663
+ -moz-box-orient: horizontal;
7664
+ -moz-box-direction: reverse;
7665
+ -ms-flex-direction: row-reverse;
7666
+ flex-direction: row-reverse;
7667
+ -webkit-box-pack: justify;
7668
+ -webkit-justify-content: space-between;
7669
+ -moz-box-pack: justify;
7670
+ -ms-flex-pack: justify;
7671
+ justify-content: space-between;
7672
+ -webkit-box-align: start;
7673
  -webkit-align-items: flex-start;
7674
  -moz-box-align: start;
7675
  -ms-flex-align: start;
7676
  align-items: flex-start;
7677
  }
7678
 
7679
+ .premium-person-style3 .premium-person-name-icons-wrap {
7680
+ -js-display: flex;
7681
+ display: -webkit-box;
7682
+ display: -webkit-flex;
7683
+ display: -moz-box;
7684
+ display: -ms-flexbox;
7685
+ display: flex;
7686
+ -webkit-box-pack: justify;
7687
+ -webkit-justify-content: space-between;
7688
+ -moz-box-pack: justify;
7689
+ -ms-flex-pack: justify;
7690
+ justify-content: space-between;
7691
+ -webkit-box-align: end;
7692
+ -webkit-align-items: flex-end;
7693
+ -moz-box-align: end;
7694
+ -ms-flex-align: end;
7695
+ align-items: flex-end;
7696
+ }
7697
+
7698
+ .premium-person-style3 .premium-person-title {
7699
+ opacity: 0;
7700
+ -webkit-transition: all 0.3s ease;
7701
+ transition: all 0.3s ease;
7702
+ width: 0;
7703
+ }
7704
+
7705
+ .premium-person-style3 .premium-person-title span {
7706
+ display: inline-block;
7707
+ }
7708
+
7709
+ .premium-person-style3 .premium-person-name {
7710
+ padding-right: 10px;
7711
+ }
7712
+
7713
+ .premium-person-style3 .premium-person-social-list {
7714
+ -js-display: flex;
7715
+ display: -webkit-box;
7716
+ display: -webkit-flex;
7717
+ display: -moz-box;
7718
+ display: -ms-flexbox;
7719
+ display: flex;
7720
+ -webkit-box-orient: vertical;
7721
+ -webkit-box-direction: normal;
7722
+ -webkit-flex-direction: column;
7723
+ -moz-box-orient: vertical;
7724
+ -moz-box-direction: normal;
7725
+ -ms-flex-direction: column;
7726
+ flex-direction: column;
7727
+ -webkit-transform: translateY(20px);
7728
+ -ms-transform: translateY(20px);
7729
+ transform: translateY(20px);
7730
+ opacity: 0;
7731
+ -webkit-transition: all 0.3s ease;
7732
+ transition: all 0.3s ease;
7733
+ }
7734
+
7735
+ .premium-person-style3 .premium-person-list-item {
7736
+ line-height: 0;
7737
+ }
7738
+
7739
+ .premium-person-style3 .premium-person-list-item a {
7740
+ padding: 5px 0 0 10px;
7741
+ margin: 5px 0;
7742
+ }
7743
+
7744
+ .premium-person-style3 .premium-person-container:hover .premium-person-title {
7745
+ opacity: 1;
7746
+ }
7747
+
7748
+ .premium-person-style3 .premium-person-container:hover .premium-person-social-list {
7749
+ opacity: 1;
7750
+ -webkit-transform: translateY(0);
7751
+ -ms-transform: translateY(0);
7752
+ transform: translateY(0);
7753
+ }
7754
+
7755
+ .premium-persons-title-cw .premium-person-title {
7756
+ -webkit-transform: translateX(-15px) rotate(-90deg);
7757
+ -ms-transform: translateX(-15px) rotate(-90deg);
7758
+ transform: translateX(-15px) rotate(-90deg);
7759
+ -webkit-transform-origin: top;
7760
+ -ms-transform-origin: top;
7761
+ transform-origin: top;
7762
+ }
7763
+
7764
+ .premium-persons-title-cw .premium-person-container:hover .premium-person-title {
7765
+ -webkit-transform: translateX(0) rotate(-90deg);
7766
+ -ms-transform: translateX(0) rotate(-90deg);
7767
+ transform: translateX(0) rotate(-90deg);
7768
+ }
7769
+
7770
+ .premium-persons-title-ccw .premium-person-title {
7771
+ width: auto;
7772
+ margin-left: 20px;
7773
+ -webkit-transform: translateX(-15px) rotate(90deg);
7774
+ -ms-transform: translateX(-15px) rotate(90deg);
7775
+ transform: translateX(-15px) rotate(90deg);
7776
+ -webkit-transform-origin: center left;
7777
+ -ms-transform-origin: center left;
7778
+ transform-origin: center left;
7779
+ }
7780
+
7781
+ .premium-persons-title-ccw .premium-person-container:hover .premium-person-title {
7782
+ -webkit-transform: translateX(0) rotate(90deg);
7783
+ -ms-transform: translateX(0) rotate(90deg);
7784
+ transform: translateX(0) rotate(90deg);
7785
+ }
7786
+ /**************** Premium Pricing Table ****************/
7787
+ /*******************************************************/
7788
+ .premium-pricing-table-container {
7789
+ position: relative;
7790
+ text-align: center;
7791
+ display: inline-block;
7792
+ width: 100%;
7793
+ -webkit-transition: all 0.3s ease-in-out;
7794
+ transition: all 0.3s ease-in-out;
7795
+ }
7796
+
7797
+ .premium-pricing-icon-container {
7798
+ -js-display: flex;
7799
+ display: -webkit-box;
7800
+ display: -webkit-flex;
7801
+ display: -moz-box;
7802
+ display: -ms-flexbox;
7803
+ display: flex;
7804
+ -webkit-box-pack: center;
7805
+ -webkit-justify-content: center;
7806
+ -moz-box-pack: center;
7807
+ -ms-flex-pack: center;
7808
+ justify-content: center;
7809
+ line-height: 0;
7810
+ }
7811
+
7812
+ .premium-pricing-icon-container .premium-pricing-icon {
7813
+ display: inline-block;
7814
+ }
7815
+
7816
+ .premium-pricing-icon-container .premium-pricing-image {
7817
+ overflow: hidden;
7818
+ }
7819
+
7820
+ .premium-pricing-icon-container .premium-pricing-image img {
7821
+ width: 25px;
7822
+ height: 25px;
7823
+ -o-object-fit: cover;
7824
+ object-fit: cover;
7825
+ }
7826
+
7827
+ .premium-badge-left {
7828
+ position: absolute;
7829
+ top: 0;
7830
+ }
7831
+
7832
+ .premium-badge-right {
7833
+ position: absolute;
7834
+ top: 0;
7835
+ right: 0;
7836
+ }
7837
+
7838
+ .premium-badge-left {
7839
+ left: 0;
7840
+ }
7841
+
7842
+ .premium-badge-triangle.premium-badge-left .corner {
7843
+ width: 0;
7844
+ height: 0;
7845
+ border-top: 150px solid;
7846
+ border-bottom: 150px solid transparent;
7847
+ border-right: 150px solid transparent;
7848
+ }
7849
+
7850
+ .premium-badge-triangle.premium-badge-right .corner {
7851
+ width: 0;
7852
+ height: 0;
7853
+ border-bottom: 150px solid transparent;
7854
+ border-right: 150px solid;
7855
+ border-left: 150px solid transparent;
7856
+ }
7857
+
7858
+ .premium-badge-triangle span {
7859
+ position: absolute;
7860
+ top: 35px;
7861
+ width: 100px;
7862
+ text-align: center;
7863
+ -webkit-transform: rotate(-45deg);
7864
+ -ms-transform: rotate(-45deg);
7865
+ transform: rotate(-45deg);
7866
+ display: block;
7867
+ text-transform: uppercase;
7868
+ }
7869
+
7870
+ .premium-badge-triangle.premium-badge-right span {
7871
+ -webkit-transform: rotate(45deg);
7872
+ -ms-transform: rotate(45deg);
7873
+ transform: rotate(45deg);
7874
+ right: 0;
7875
+ }
7876
+
7877
+ .premium-badge-circle {
7878
+ min-width: 4em;
7879
+ min-height: 4em;
7880
+ line-height: 4em;
7881
+ text-align: center;
7882
+ -webkit-border-radius: 100%;
7883
+ border-radius: 100%;
7884
+ position: absolute;
7885
+ z-index: 1;
7886
+ }
7887
+
7888
+ .premium-badge-stripe {
7889
+ position: absolute;
7890
+ -webkit-transform: rotate(90deg);
7891
+ -ms-transform: rotate(90deg);
7892
+ transform: rotate(90deg);
7893
+ width: 15em;
7894
+ overflow: hidden;
7895
+ height: 15em;
7896
+ }
7897
+
7898
+ .premium-badge-stripe.premium-badge-left {
7899
+ -webkit-transform: rotate(0);
7900
+ -ms-transform: rotate(0);
7901
+ transform: rotate(0);
7902
+ }
7903
+
7904
+ .premium-badge-stripe .corner {
7905
+ text-align: center;
7906
+ left: 0;
7907
+ width: 150%;
7908
+ -webkit-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
7909
+ -ms-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
7910
+ transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
7911
+ margin-top: 35px;
7912
+ font-size: 13px;
7913
+ line-height: 2;
7914
+ font-weight: 800;
7915
+ text-transform: uppercase;
7916
+ }
7917
+
7918
+ .premium-badge-flag .corner {
7919
+ text-align: center;
7920
+ -webkit-border-radius: 4px 4px 0 4px;
7921
+ border-radius: 4px 4px 0 4px;
7922
+ padding: 3px 15px;
7923
+ position: absolute;
7924
+ top: 10%;
7925
+ right: -8px;
7926
+ }
7927
+
7928
+ .premium-badge-flag .corner::before,
7929
+ .premium-badge-flag .corner::after {
7930
+ content: "";
7931
+ display: block;
7932
+ position: absolute;
7933
+ width: 0;
7934
+ height: 0;
7935
+ top: 100%;
7936
+ right: 0;
7937
+ border-bottom: 8px solid transparent;
7938
+ }
7939
+
7940
+ .elementor-widget-premium-addon-pricing-table .elementor-widget-container {
7941
+ overflow: visible !important;
7942
+ }
7943
+
7944
+ .premium-badge-flag .corner::after {
7945
+ border-left: 8px solid rgba(0, 0, 0, 0.2);
7946
+ }
7947
+
7948
+ .premium-pricing-price-currency {
7949
+ position: relative;
7950
+ }
7951
+
7952
+ .premium-pricing-button-container {
7953
+ display: block;
7954
+ }
7955
+
7956
+ .premium-pricing-list {
7957
+ -js-display: flex;
7958
+ display: -webkit-box;
7959
+ display: -webkit-flex;
7960
+ display: -moz-box;
7961
+ display: -ms-flexbox;
7962
+ display: flex;
7963
+ -webkit-box-orient: vertical;
7964
+ -webkit-box-direction: normal;
7965
+ -webkit-flex-direction: column;
7966
+ -moz-box-orient: vertical;
7967
+ -moz-box-direction: normal;
7968
+ -ms-flex-direction: column;
7969
+ flex-direction: column;
7970
+ list-style-type: none;
7971
+ margin: 0;
7972
+ padding: 0;
7973
+ }
7974
+
7975
+ .premium-pricing-list .premium-pricing-list-item {
7976
+ -js-display: flex;
7977
+ display: -webkit-box;
7978
+ display: -webkit-flex;
7979
+ display: -moz-box;
7980
+ display: -ms-flexbox;
7981
+ display: flex;
7982
+ -webkit-box-align: center;
7983
+ -webkit-align-items: center;
7984
+ -moz-box-align: center;
7985
+ -ms-flex-align: center;
7986
+ align-items: center;
7987
+ }
7988
+
7989
+ .premium-pricing-list .premium-pricing-list-item svg {
7990
+ width: 50px;
7991
+ height: 50px;
7992
+ }
7993
+
7994
+ .premium-pricing-list .premium-pricing-list-item img {
7995
+ width: 30px;
7996
+ height: 30px;
7997
+ -o-object-fit: cover;
7998
+ object-fit: cover;
7999
+ }
8000
+
8001
+ .premium-pricing-list .premium-pricing-list-span {
8002
+ position: relative;
8003
+ }
8004
+
8005
+ .premium-pricing-list .list-item-tooltip {
8006
+ border-bottom: 1px dotted;
8007
+ }
8008
+
8009
+ .premium-pricing-list .premium-pricing-list-tooltip {
8010
+ position: absolute;
8011
+ top: -webkit-calc(100% + 1px);
8012
+ top: calc(100% + 1px);
8013
+ right: 0;
8014
+ visibility: hidden;
8015
+ padding: 15px 20px;
8016
+ -webkit-border-radius: 5px;
8017
+ border-radius: 5px;
8018
+ min-width: 200px;
8019
+ overflow: hidden;
8020
+ text-align: right;
8021
+ font-size: 0.8rem;
8022
+ color: #fff;
8023
+ background-color: #aaa;
8024
+ }
8025
+
8026
+ .premium-pricing-features-left .premium-pricing-list-span {
8027
+ text-align: right;
8028
+ }
8029
+
8030
+ .premium-pricing-features-center .premium-pricing-list-span {
8031
+ text-align: center;
8032
+ }
8033
+
8034
+ .premium-pricing-features-right .premium-pricing-list-span {
8035
+ text-align: left;
8036
+ }
8037
+
8038
+ .premium-pricing-list-span:hover .premium-pricing-list-tooltip {
8039
+ z-index: 99;
8040
+ visibility: visible;
8041
+ opacity: 1;
8042
+ }
8043
+
8044
+ .premium-pricing-slashed-price-value {
8045
+ display: inline-block;
8046
+ font-size: 20px;
8047
+ font-weight: 400;
8048
+ margin-left: 5px;
8049
+ }
8050
+
8051
+ .premium-pricing-price-value {
8052
+ font-size: 70px;
8053
+ }
8054
+
8055
+ .premium-pricing-description-container li {
8056
+ list-style-position: inside;
8057
+ text-indent: -40px;
8058
+ }
8059
+
8060
+ @-moz-document url-prefix() {
8061
+ .premium-pricing-description-container li {
8062
+ text-indent: 0px;
8063
+ }
8064
+ }
8065
+
8066
+ .premium-pricing-price-button {
8067
+ display: block;
8068
+ padding: 6px 12px;
8069
+ line-height: 1.42857143;
8070
+ text-align: center;
8071
+ color: #fff;
8072
+ background: #6ec1e4;
8073
+ margin-bottom: 0;
8074
+ -webkit-transition: all 0.3s ease-in-out;
8075
+ transition: all 0.3s ease-in-out;
8076
+ }
8077
+ /**************** Premium Progress Bar ****************/
8078
+ /******************************************************/
8079
+ .premium-progressbar-container {
8080
+ position: relative;
8081
+ }
8082
+
8083
+ .premium-progressbar-bar-wrap {
8084
+ position: relative;
8085
+ text-align: right;
8086
+ overflow: hidden;
8087
+ height: 25px;
8088
+ margin-bottom: 50px;
8089
+ background-color: #f5f5f5;
8090
+ -webkit-border-radius: 4px;
8091
+ border-radius: 4px;
8092
+ -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
8093
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
8094
+ }
8095
+
8096
+ .premium-progressbar-bar-wrap.premium-progressbar-dots {
8097
+ background-color: transparent;
8098
+ width: 100%;
8099
+ -js-display: flex;
8100
+ display: -webkit-box;
8101
+ display: -webkit-flex;
8102
+ display: -moz-box;
8103
+ display: -ms-flexbox;
8104
+ display: flex;
8105
+ height: auto;
8106
+ -webkit-box-shadow: none;
8107
+ box-shadow: none;
8108
+ }
8109
+
8110
+ .premium-progressbar-bar-wrap .progress-segment {
8111
+ position: relative;
8112
+ width: 25px;
8113
+ height: 25px;
8114
+ -webkit-border-radius: 50%;
8115
+ border-radius: 50%;
8116
+ overflow: hidden;
8117
+ background-color: #f5f5f5;
8118
+ }
8119
+
8120
+ .premium-progressbar-bar-wrap .progress-segment.filled {
8121
+ background: #6ec1e4;
8122
+ }
8123
+
8124
+ .premium-progressbar-bar-wrap .progress-segment:not(:first-child):not(:last-child) {
8125
+ margin: 0 4px;
8126
+ }
8127
+
8128
+ .premium-progressbar-bar-wrap .progress-segment:first-child {
8129
+ margin-left: 4px;
8130
+ }
8131
+
8132
+ .premium-progressbar-bar-wrap .progress-segment:last-child {
8133
+ margin-right: 4px;
8134
+ }
8135
+
8136
+ .premium-progressbar-bar-wrap .progress-segment .segment-inner {
8137
+ position: absolute;
8138
+ top: 0;
8139
+ right: 0;
8140
+ height: 100%;
8141
+ background-color: #6ec1e4;
8142
+ }
8143
+
8144
+ .premium-progressbar-bar {
8145
+ float: right;
8146
+ width: 0%;
8147
+ height: 100%;
8148
+ font-size: 12px;
8149
+ line-height: 20px;
8150
+ background: #6ec1e4;
8151
+ text-align: center;
8152
+ -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
8153
+ box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
8154
+ }
8155
+
8156
+ .premium-progressbar-striped .premium-progressbar-bar {
8157
+ background-image: -webkit-linear-gradient(-135deg,
8158
+ rgba(255, 255, 255, 0.15) 25%,
8159
+ transparent 25%,
8160
+ transparent 50%,
8161
+ rgba(255, 255, 255, 0.15) 50%,
8162
+ rgba(255, 255, 255, 0.15) 75%,
8163
+ transparent 75%,
8164
+ transparent);
8165
+ background-image: -webkit-linear-gradient(45deg,
8166
+ rgba(255, 255, 255, 0.15) 25%,
8167
+ transparent 25%,
8168
+ transparent 50%,
8169
+ rgba(255, 255, 255, 0.15) 50%,
8170
+ rgba(255, 255, 255, 0.15) 75%,
8171
+ transparent 75%,
8172
+ transparent);
8173
+ background-image: linear-gradient(45deg,
8174
+ rgba(255, 255, 255, 0.15) 25%,
8175
+ transparent 25%,
8176
+ transparent 50%,
8177
+ rgba(255, 255, 255, 0.15) 50%,
8178
+ rgba(255, 255, 255, 0.15) 75%,
8179
+ transparent 75%,
8180
+ transparent);
8181
+ -webkit-background-size: 40px 40px;
8182
+ background-size: 40px 40px;
8183
+ }
8184
+
8185
+ .premium-progressbar-active .premium-progressbar-bar {
8186
+ -webkit-animation: progress-bar-stripes 2s linear infinite;
8187
+ animation: progress-bar-stripes 2s linear infinite;
8188
+ }
8189
+
8190
+ .premium-progressbar-gradient .premium-progressbar-bar {
8191
+ -webkit-background-size: 400% 400% !important;
8192
+ background-size: 400% 400% !important;
8193
+ -webkit-animation: progress-bar-gradient 10s ease-in-out infinite;
8194
+ animation: progress-bar-gradient 10s ease-in-out infinite;
8195
+ }
8196
+
8197
+ .premium-progressbar-bar {
8198
+ position: absolute;
8199
+ overflow: hidden;
8200
+ line-height: 20px;
8201
+ }
8202
+
8203
+ .premium-progressbar-container .clearfix {
8204
+ clear: both;
8205
+ }
8206
+
8207
+ .premium-progressbar-bar {
8208
+ -webkit-transition: width 0s ease-in-out !important;
8209
+ transition: width 0s ease-in-out !important;
8210
+ }
8211
+
8212
+ .premium-progressbar-container p:first-of-type {
8213
+ margin: 0;
8214
+ float: left;
8215
+ }
8216
+
8217
+ .premium-progressbar-container p:nth-of-type(2) {
8218
+ margin: 0;
8219
+ float: right;
8220
+ }
8221
+
8222
+ .premium-progressbar-name {
8223
+ right: 50%;
8224
+ top: 0;
8225
+ left: 0;
8226
+ -webkit-transform: translateX(12.5px);
8227
+ -ms-transform: translateX(12.5px);
8228
+ transform: translateX(12.5px);
8229
+ z-index: 1;
8230
+ }
8231
+
8232
+ .premium-progressbar-multiple-label {
8233
+ position: relative;
8234
+ float: right;
8235
+ width: 0;
8236
+ right: 50%;
8237
+ }
8238
+
8239
+ .premium-progressbar-center-label {
8240
+ position: relative;
8241
+ white-space: nowrap;
8242
+ }
8243
+
8244
+ .premium-progressbar-arrow {
8245
+ height: 15px;
8246
+ right: 50%;
8247
+ display: inline-block;
8248
+ border-right: 7px solid transparent;
8249
+ border-left: 7px solid transparent;
8250
+ border-top: 11px solid;
8251
+ -webkit-transform: translateX(50%);
8252
+ -ms-transform: translateX(50%);
8253
+ transform: translateX(50%);
8254
+ }
8255
+
8256
+ .premium-progressbar-pin {
8257
+ border-right: 1px solid;
8258
+ height: 12px;
8259
+ right: 50%;
8260
+ display: inline-block;
8261
+ }
8262
+
8263
+ /**
8264
+ * Circle Progress Bar
8265
+ */
8266
+ .premium-progressbar-circle-wrap,
8267
+ .premium-progressbar-hf-circle-wrap {
8268
+ width: 200px;
8269
+ height: 200px;
8270
+ position: relative;
8271
+ margin: 0 auto;
8272
+ }
8273
+
8274
+ .premium-progressbar-circle-wrap .premium-progressbar-circle-content,
8275
+ .premium-progressbar-hf-circle-wrap .premium-progressbar-circle-content {
8276
+ position: absolute;
8277
+ top: 0;
8278
+ right: 0;
8279
+ width: 100%;
8280
+ height: 100%;
8281
+ -js-display: flex;
8282
+ display: -webkit-box;
8283
+ display: -webkit-flex;
8284
+ display: -moz-box;
8285
+ display: -ms-flexbox;
8286
+ display: flex;
8287
+ -webkit-box-orient: vertical;
8288
+ -webkit-box-direction: normal;
8289
+ -webkit-flex-direction: column;
8290
+ -moz-box-orient: vertical;
8291
+ -moz-box-direction: normal;
8292
+ -ms-flex-direction: column;
8293
+ flex-direction: column;
8294
+ -webkit-box-pack: center;
8295
+ -webkit-justify-content: center;
8296
+ -moz-box-pack: center;
8297
+ -ms-flex-pack: center;
8298
+ justify-content: center;
8299
+ -webkit-box-align: center;
8300
+ -webkit-align-items: center;
8301
+ -moz-box-align: center;
8302
+ -ms-flex-align: center;
8303
+ align-items: center;
8304
+ text-align: center;
8305
+ }
8306
+
8307
+ .premium-progressbar-circle-wrap .premium-lottie-animation,
8308
+ .premium-progressbar-hf-circle-wrap .premium-lottie-animation {
8309
+ line-height: 1;
8310
+ }
8311
+
8312
+ .premium-progressbar-circle-wrap .premium-progressbar-circle {
8313
+ position: absolute;
8314
+ top: 0;
8315
+ right: 0;
8316
+ width: 100%;
8317
+ height: 100%;
8318
+ -webkit-clip-path: inset(0 0 0 50%);
8319
+ clip-path: inset(0 0 0 50%);
8320
+ }
8321
+
8322
+ .premium-progressbar-circle-wrap .premium-progressbar-circle div {
8323
+ position: absolute;
8324
+ right: 0;
8325
+ top: 0;
8326
+ height: 100%;
8327
+ width: 100%;
8328
+ border-width: 6px;
8329
+ border-style: solid;
8330
+ border-color: #54595f;
8331
+ -webkit-border-radius: 50%;
8332
+ border-radius: 50%;
8333
+ -webkit-clip-path: inset(0 50% 0 0);
8334
+ clip-path: inset(0 50% 0 0);
8335
+ }
8336
+
8337
+ .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-left {
8338
+ -webkit-transform: rotate(0);
8339
+ -ms-transform: rotate(0);
8340
+ transform: rotate(0);
8341
+ }
8342
+
8343
+ .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-right {
8344
+ -webkit-transform: rotate(-180deg);
8345
+ -ms-transform: rotate(-180deg);
8346
+ transform: rotate(-180deg);
8347
+ visibility: hidden;
8348
+ }
8349
+
8350
+ .premium-progressbar-circle-wrap .premium-progressbar-circle-base {
8351
+ width: 100%;
8352
+ height: 100%;
8353
+ border: 6px solid #eee;
8354
+ -webkit-border-radius: 50%;
8355
+ border-radius: 50%;
8356
+ }
8357
+
8358
+ .premium-progressbar-circle-wrap .premium-lottie-animation {
8359
+ line-height: 1;
8360
+ }
8361
+
8362
+ /**
8363
+ * Half Circle Progress Bar
8364
+ */
8365
+ .premium-progressbar-hf-container {
8366
+ position: relative;
8367
+ width: 200px;
8368
+ height: 200px;
8369
+ }
8370
+
8371
+ .premium-progressbar-hf-circle-wrap {
8372
+ overflow: hidden;
8373
+ }
8374
+
8375
+ .premium-progressbar-hf-circle-wrap .premium-progressbar-left-label {
8376
+ -webkit-box-ordinal-group: 2;
8377
+ -webkit-order: 1;
8378
+ -moz-box-ordinal-group: 2;
8379
+ -ms-flex-order: 1;
8380
+ order: 1;
8381
+ }
8382
+
8383
+ .premium-progressbar-hf-circle {
8384
+ position: absolute;
8385
+ top: 0;
8386
+ left: 0;
8387
+ width: 100%;
8388
+ height: 100%;
8389
+ -webkit-clip-path: inset(0 0 50% 0);
8390
+ clip-path: inset(0 0 50% 0);
8391
+ }
8392
+
8393
+ .premium-progressbar-hf-circle-progress {
8394
+ position: absolute;
8395
+ left: 0;
8396
+ top: 0;
8397
+ height: 100%;
8398
+ width: 100%;
8399
+ border: 12px solid #000;
8400
+ -webkit-border-radius: 50%;
8401
+ border-radius: 50%;
8402
+ -webkit-clip-path: inset(50% 0 0 0);
8403
+ clip-path: inset(50% 0 0 0);
8404
+ -webkit-transform: rotate(0deg);
8405
+ -ms-transform: rotate(0deg);
8406
+ transform: rotate(0deg);
8407
+ -webkit-transition: -webkit-transform 1500ms linear;
8408
+ transition: -webkit-transform 1500ms linear;
8409
+ transition: transform 1500ms linear;
8410
+ transition: transform 1500ms linear, -webkit-transform 1500ms linear;
8411
+ }
8412
+
8413
+ .premium-progressbar-circle-inner {
8414
+ height: 100%;
8415
+ width: 100%;
8416
+ border: 12px solid #eee;
8417
+ -webkit-border-radius: 50%;
8418
+ border-radius: 50%;
8419
+ }
8420
+
8421
+ .premium-progressbar-hf-labels {
8422
+ margin: 0 auto;
8423
+ position: relative;
8424
+ font-size: 12px;
8425
+ font-weight: 400;
8426
+ -js-display: flex;
8427
+ display: -webkit-box;
8428
+ display: -webkit-flex;
8429
+ display: -moz-box;
8430
+ display: -ms-flexbox;
8431
+ display: flex;
8432
+ -webkit-box-pack: justify;
8433
+ -webkit-justify-content: space-between;
8434
+ -moz-box-pack: justify;
8435
+ -ms-flex-pack: justify;
8436
+ justify-content: space-between;
8437
+ }
8438
+
8439
+
8440
+ @-webkit-keyframes progress-bar-stripes {
8441
+ from {
8442
+ background-position: 100% 0;
8443
+ }
8444
+
8445
+ to {
8446
+ background-position: 40px 0;
8447
+ }
8448
+ }
8449
+
8450
+ @keyframes progress-bar-stripes {
8451
+ from {
8452
+ background-position: 100% 0;
8453
+ }
8454
+
8455
+ to {
8456
+ background-position: 40px 0;
8457
+ }
8458
+ }
8459
+
8460
+ @-webkit-keyframes progress-bar-gradient {
8461
+ 0% {
8462
+ background-position: 100% 50%;
8463
+ }
8464
+
8465
+ 50% {
8466
+ background-position: 0% 50%;
8467
+ }
8468
+
8469
+ 100% {
8470
+ background-position: 100% 50%;
8471
+ }
8472
+ }
8473
+
8474
+ @keyframes progress-bar-gradient {
8475
+ 0% {
8476
+ background-position: 100% 50%;
8477
+ }
8478
+
8479
+ 50% {
8480
+ background-position: 0% 50%;
8481
+ }
8482
+
8483
+ 100% {
8484
+ background-position: 100% 50%;
8485
+ }
8486
+ }
8487
+
8488
+ @media (max-width: 768px) {
8489
+ .premium-progressbar-center-label {
8490
+ -webkit-transform: rotate(-90deg) !important;
8491
+ -ms-transform: rotate(-90deg) !important;
8492
+ transform: rotate(-90deg) !important;
8493
+ -webkit-transform-origin: 0;
8494
+ -ms-transform-origin: 0;
8495
+ transform-origin: 0;
8496
+ }
8497
+ }
8498
+ /**************** Premium Testimonials ****************/
8499
+ /******************************************************/
8500
+ .premium-testimonial-box {
8501
+ width: 100%;
8502
+ background: transparent;
8503
+ -webkit-transition: all 0.3s ease-in-out;
8504
+ transition: all 0.3s ease-in-out;
8505
+ }
8506
+
8507
+ .premium-testimonial-box .premium-testimonial-author-info {
8508
+ -js-display: flex;
8509
+ display: -webkit-box;
8510
+ display: -webkit-flex;
8511
+ display: -moz-box;
8512
+ display: -ms-flexbox;
8513
+ display: flex;
8514
+ -webkit-box-pack: center;
8515
+ -webkit-justify-content: center;
8516
+ -moz-box-pack: center;
8517
+ -ms-flex-pack: center;
8518
+ justify-content: center;
8519
+ -webkit-box-align: center;
8520
+ -webkit-align-items: center;
8521
+ -moz-box-align: center;
8522
+ -ms-flex-align: center;
8523
+ align-items: center;
8524
+ }
8525
+
8526
+ .premium-testimonial-box .premium-testimonial-person-name,
8527
+ .premium-testimonial-box .premium-testimonial-company-name {
8528
+ font-weight: 600;
8529
+ margin: 0;
8530
+ }
8531
+
8532
+ .premium-testimonial-container {
8533
+ position: relative;
8534
+ }
8535
+
8536
+ .premium-testimonial-img-wrapper {
8537
+ margin-right: auto;
8538
+ margin-left: auto;
8539
+ overflow: hidden;
8540
+ border-style: solid !important;
8541
+ }
8542
+
8543
+ .premium-testimonial-img-wrapper.circle {
8544
+ -webkit-border-radius: 50%;
8545
+ border-radius: 50%;
8546
+ }
8547
+
8548
+ .premium-testimonial-img-wrapper.rounded {
8549
+ -webkit-border-radius: 15px;
8550
+ border-radius: 15px;
8551
+ }
8552
+
8553
+ .premium-testimonial-img-wrapper img {
8554
+ -o-object-fit: cover;
8555
+ object-fit: cover;
8556
+ width: 100%;
8557
+ height: 100% !important;
8558
+ }
8559
+
8560
+ .premium-testimonial-content-wrapper {
8561
+ position: relative;
8562
+ display: -ms-flexbox;
8563
+ display: -webkit-flex;
8564
+ display: -moz-flex;
8565
+ display: -ms-flex;
8566
+ -js-display: flex;
8567
+ display: -webkit-box;
8568
+ display: -moz-box;
8569
+ display: flex;
8570
+ -webkit-box-orient: vertical;
8571
+ -webkit-box-direction: normal;
8572
+ -webkit-flex-direction: column;
8573
+ -moz-box-orient: vertical;
8574
+ -moz-box-direction: normal;
8575
+ -ms-flex-direction: column;
8576
+ flex-direction: column;
8577
+ z-index: 2;
8578
+ width: 100%;
8579
+ padding: 20px;
8580
+ text-align: center;
8581
+ }
8582
+
8583
+ .premium-testimonial-clear-float {
8584
+ clear: both;
8585
+ }
8586
+
8587
+ .premium-testimonial-upper-quote,
8588
+ .premium-testimonial-lower-quote {
8589
+ position: absolute;
8590
+ z-index: 1;
8591
+ }
8592
+ /**************** Premium Title ****************/
8593
+ /***********************************************/
8594
+ .premium-title-container .premium-title-header {
8595
+ position: relative;
8596
+ margin: 0;
8597
+ padding: 10px;
8598
+ }
8599
+
8600
+ .premium-title-container .premium-title-header:not(.premium-title-style7) {
8601
+ -webkit-box-align: center;
8602
+ -webkit-align-items: center;
8603
+ -moz-box-align: center;
8604
+ -ms-flex-align: center;
8605
+ align-items: center;
8606
+ }
8607
+
8608
+ .premium-title-container .premium-title-header svg {
8609
+ width: 40px;
8610
+ height: 40px;
8611
+ }
8612
+
8613
+ .premium-title-container .premium-title-header img {
8614
+ width: 40px;
8615
+ height: 40px;
8616
+ -o-object-fit: cover;
8617
+ object-fit: cover;
8618
+ }
8619
+
8620
+ .premium-title-container .premium-title-header a {
8621
+ position: absolute;
8622
+ top: 0;
8623
+ right: 0;
8624
+ width: 100%;
8625
+ height: 100%;
8626
+ }
8627
+
8628
+ .premium-title-container .premium-lottie-animation {
8629
  -js-display: flex;
8630
  display: -webkit-box;
8631
  display: -webkit-flex;
8632
  display: -moz-box;
8633
  display: -ms-flexbox;
8634
  display: flex;
 
 
 
 
 
 
 
 
 
 
8635
  }
8636
 
8637
+ .premium-title-icon-row .premium-title-icon {
8638
+ margin-left: 10px;
8639
+ }
8640
+
8641
+ .premium-title-icon-row-reverse .premium-title-icon {
8642
+ margin-right: 10px;
8643
+ }
8644
+
8645
+ .premium-title-style3,
8646
+ .premium-title-style4 {
8647
+ -js-display: flex;
8648
+ display: -webkit-box;
8649
+ display: -webkit-flex;
8650
+ display: -moz-box;
8651
+ display: -ms-flexbox;
8652
+ display: flex;
8653
+ }
8654
+
8655
+ .premium-title-style1,
8656
+ .premium-title-style2,
8657
+ .premium-title-style5,
8658
+ .premium-title-style6,
8659
+ .premium-title-style8,
8660
+ .premium-title-style9 {
8661
+ -js-display: inline-flex;
8662
+ display: -webkit-inline-box;
8663
+ display: -webkit-inline-flex;
8664
+ display: -moz-inline-box;
8665
+ display: -ms-inline-flexbox;
8666
+ display: inline-flex;
8667
+ }
8668
+
8669
+ .premium-title-style7 {
8670
+ -js-display: inline-flex;
8671
+ display: -webkit-inline-box;
8672
+ display: -webkit-inline-flex;
8673
+ display: -moz-inline-box;
8674
+ display: -ms-inline-flexbox;
8675
+ display: inline-flex;
8676
+ -webkit-box-orient: vertical;
8677
+ -webkit-box-direction: normal;
8678
+ -webkit-flex-direction: column;
8679
+ -moz-box-orient: vertical;
8680
+ -moz-box-direction: normal;
8681
+ -ms-flex-direction: column;
8682
+ flex-direction: column;
8683
+ }
8684
+
8685
+ .premium-title-style7 .premium-title-style7-inner {
8686
+ -js-display: flex;
8687
+ display: -webkit-box;
8688
+ display: -webkit-flex;
8689
+ display: -moz-box;
8690
+ display: -ms-flexbox;
8691
+ display: flex;
8692
+ -webkit-box-align: center;
8693
+ -webkit-align-items: center;
8694
+ -moz-box-align: center;
8695
+ -ms-flex-align: center;
8696
+ align-items: center;
8697
  }
8698
 
8699
+ .premium-title-style1 {
8700
+ border-width: 0;
8701
+ border-right: 3px solid #6ec1e4;
8702
+ }
8703
+
8704
+ .premium-title-container.style2,
8705
+ .premium-title-container.style4,
8706
+ .premium-title-container.style5,
8707
+ .premium-title-container.style6 {
8708
+ border-bottom: 3px solid #6ec1e4;
8709
+ }
8710
+
8711
+ /*Style 6 Header*/
8712
+ .premium-title-style6:before {
8713
+ position: absolute;
8714
+ right: 50%;
8715
+ bottom: 0;
8716
+ margin-right: -2px;
8717
+ content: "";
8718
+ border: 3px solid transparent;
8719
+ }
8720
+
8721
+ /*Style 6 Trinagle*/
8722
+ .premium-title-style7-stripe-wrap {
8723
+ -js-display: flex;
8724
+ display: -webkit-box;
8725
+ display: -webkit-flex;
8726
+ display: -moz-box;
8727
+ display: -ms-flexbox;
8728
+ display: flex;
8729
+ }
8730
+
8731
+ .premium-title-style7:before {
8732
+ display: none;
8733
+ }
8734
+
8735
+ .premium-title-style8 .premium-title-text[data-animation="shiny"] {
8736
+ -webkit-background-size: 125px 125px !important;
8737
+ background-size: 125px !important;
8738
+ color: rgba(255, 255, 255, 0);
8739
+ -webkit-background-clip: text !important;
8740
+ background-clip: text !important;
8741
+ -webkit-animation-name: pa-shinny-text !important;
8742
+ animation-name: pa-shinny-text !important;
8743
+ -webkit-animation-duration: var(--animation-speed) !important;
8744
+ animation-duration: var(--animation-speed) !important;
8745
+ -webkit-animation-iteration-count: infinite !important;
8746
+ animation-iteration-count: infinite !important;
8747
+ background: var(--base-color) -webkit-gradient(linear,
8748
+ left top,
8749
+ right top,
8750
+ from(var(--base-color)),
8751
+ to(var(--base-color)),
8752
+ color-stop(0.5, var(--shiny-color))) 0 0 no-repeat;
8753
+ }
8754
+
8755
+ .premium-title-style9[data-animation-blur="process"] .premium-title-style9-letter {
8756
+ -webkit-animation: pa-blur-shadow 2s 1 alternate;
8757
+ animation: pa-blur-shadow 2s 1 alternate;
8758
+ }
8759
+
8760
+ .premium-title-gradient-yes .premium-title-text,
8761
+ .premium-title-gradient-yes .premium-title-icon {
8762
+ -webkit-background-clip: text;
8763
+ -webkit-text-fill-color: transparent;
8764
+ background-image: -webkit-gradient(linear, left top, right top, from(#ffa648), color-stop(#f17cc1), to(#4da9fd));
8765
+ background-image: -webkit-linear-gradient(left, #ffa648, #f17cc1, #4da9fd);
8766
+ background-image: linear-gradient(to right, #ffa648, #f17cc1, #4da9fd);
8767
+ -webkit-animation: pa-text-gradient 8s infinite;
8768
+ animation: pa-text-gradient 8s infinite;
8769
+ }
8770
+
8771
+ .premium-title-clipped .premium-title-header {
8772
+ -webkit-text-fill-color: transparent;
8773
+ -webkit-background-clip: text;
8774
+ background-clip: text;
8775
+ }
8776
+
8777
+ @-webkit-keyframes pa-shinny-text {
8778
+ 0% {
8779
+ background-position: 100%;
8780
+ }
8781
+
8782
+ 100% {
8783
+ background-position: -100%;
8784
+ }
8785
+ }
8786
+
8787
+ @keyframes pa-shinny-text {
8788
+ 0% {
8789
+ background-position: 100%;
8790
+ }
8791
+
8792
+ 100% {
8793
+ background-position: -100%;
8794
+ }
8795
+ }
8796
+
8797
+ @-webkit-keyframes pa-blur-shadow {
8798
+ from {
8799
+ text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
8800
+ color: transparent;
8801
+ }
8802
+
8803
+ to {
8804
+ text-shadow: 0;
8805
+ }
8806
+ }
8807
+
8808
+ @keyframes pa-blur-shadow {
8809
+ from {
8810
+ text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
8811
+ color: transparent;
8812
+ }
8813
+
8814
+ to {
8815
+ text-shadow: 0;
8816
+ }
8817
+ }
8818
+
8819
+ @-webkit-keyframes pa-text-gradient {
8820
+
8821
+ 0%,
8822
+ 100% {
8823
+ -webkit-filter: hue-rotate(0deg);
8824
+ filter: hue-rotate(0deg);
8825
+ }
8826
+
8827
+ 50% {
8828
+ -webkit-filter: hue-rotate(360deg);
8829
+ filter: hue-rotate(360deg);
8830
+ }
8831
+ }
8832
+
8833
+ @keyframes pa-text-gradient {
8834
+
8835
+ 0%,
8836
+ 100% {
8837
+ -webkit-filter: hue-rotate(0deg);
8838
+ filter: hue-rotate(0deg);
8839
+ }
8840
+
8841
+ 50% {
8842
+ -webkit-filter: hue-rotate(360deg);
8843
+ filter: hue-rotate(360deg);
8844
+ }
8845
  }
8846
+ /**************** Premium Video Box ************/
8847
+ /***********************************************/
8848
+ .premium-video-box-transform {
8849
+ -webkit-transform: none !important;
8850
+ -ms-transform: none !important;
8851
+ transform: none !important;
8852
  }
8853
 
8854
+ .premium-video-box-container {
8855
  -js-display: flex;
8856
  display: -webkit-box;
8857
  display: -webkit-flex;
8865
  -moz-box-direction: normal;
8866
  -ms-flex-direction: column;
8867
  flex-direction: column;
 
 
 
 
 
 
8868
  }
8869
 
8870
+ .premium-video-box-container>div {
8871
+ position: relative;
8872
+ overflow: hidden;
8873
  }
8874
 
8875
+ .pa-aspect-ratio-11 .premium-video-box-container>div {
8876
+ padding-bottom: 100%;
 
8877
  }
8878
 
8879
+ .pa-aspect-ratio-169 .premium-video-box-container>div {
8880
+ padding-bottom: 56.25%;
8881
  }
8882
 
8883
+ .pa-aspect-ratio-43 .premium-video-box-container>div {
8884
+ padding-bottom: 75%;
 
 
 
8885
  }
8886
 
8887
+ .pa-aspect-ratio-32 .premium-video-box-container>div {
8888
+ padding-bottom: 66.6666%;
 
 
 
 
 
8889
  }
8890
 
8891
+ .pa-aspect-ratio-219 .premium-video-box-container>div {
8892
+ padding-bottom: 42.8571%;
 
 
8893
  }
8894
 
8895
+ .pa-aspect-ratio-916 .premium-video-box-container>div {
8896
+ padding-bottom: 177.8%;
 
 
 
 
 
 
 
8897
  }
8898
 
8899
+ .premium-video-box-image-container {
8900
+ position: absolute;
8901
+ top: 0;
8902
+ right: 0;
8903
+ bottom: 0;
8904
+ left: 0;
 
 
 
 
 
8905
  width: 100%;
8906
+ height: 100%;
8907
+ -webkit-background-size: cover;
8908
+ background-size: cover;
8909
+ background-position: 50%;
8910
+ cursor: pointer;
8911
+ margin: auto;
8912
+ -webkit-transition: 0.2s all;
8913
+ transition: 0.2s all;
 
 
 
 
 
 
 
 
 
8914
  }
8915
 
8916
+ .premium-video-box-play-icon-container {
8917
+ position: absolute;
8918
+ z-index: 2;
8919
+ cursor: pointer;
8920
+ -webkit-transform: translate(50%, -50%);
8921
+ -ms-transform: translate(50%, -50%);
8922
+ transform: translate(50%, -50%);
8923
+ background: rgba(252, 252, 252, 0.35);
8924
  }
8925
 
8926
+ .premium-video-box-description-container {
8927
+ position: absolute;
8928
+ z-index: 2;
8929
+ padding: 5px;
8930
+ text-align: center;
8931
+ cursor: pointer;
8932
+ -webkit-transform: translate(50%, -50%);
8933
+ -ms-transform: translate(50%, -50%);
8934
+ transform: translate(50%, -50%);
8935
  }
8936
 
8937
+ .premium-video-box-text {
8938
+ margin-bottom: 0 !important;
8939
+ -webkit-transition: all 0.3s ease-in-out;
8940
+ transition: all 0.3s ease-in-out;
 
8941
  }
8942
 
8943
+ .premium-video-box-play-icon {
8944
+ padding: 15px;
8945
+ -webkit-transform: translateX(-4%);
8946
+ -ms-transform: translateX(-4%);
8947
+ transform: translateX(-4%);
8948
+ -webkit-transition: all 0.3s ease-in-out;
8949
+ transition: all 0.3s ease-in-out;
8950
  }
8951
 
8952
+ .premium-video-box-video-container,
8953
+ .premium-vid-lightbox-container {
8954
  position: absolute;
8955
  top: 0;
8956
  right: 0;
8957
+ z-index: 2;
8958
+ width: 100%;
8959
+ height: 100%;
8960
+ -webkit-transition: opacity 0.8s ease-in-out;
8961
+ transition: opacity 0.8s ease-in-out;
8962
+ overflow: hidden;
8963
+ cursor: pointer;
8964
  }
8965
 
8966
+ .premium-video-box-container[data-overlay="true"][data-type="self"] .premium-video-box-video-container {
8967
+ opacity: 0;
8968
+ visibility: hidden;
8969
  }
8970
 
8971
+ .premium-video-box-video-container iframe {
8972
+ max-width: 100%;
8973
+ width: 100%;
8974
+ height: 100%;
8975
+ margin: 0;
8976
+ line-height: 1;
8977
+ border: none;
8978
  }
8979
 
8980
+ .premium-video-box-video-container video {
8981
+ max-width: 100%;
8982
+ width: 100%;
8983
+ height: 100%;
8984
+ margin: 0;
8985
+ line-height: 1;
8986
+ border: none;
8987
+ background-color: #000;
8988
+ -o-object-fit: contain;
8989
+ object-fit: contain;
8990
  }
8991
 
8992
+ .premium-video-box-container .premium-video-box-vimeo-wrap {
8993
+ -js-display: flex;
8994
+ display: -webkit-box;
8995
+ display: -webkit-flex;
8996
+ display: -moz-box;
8997
+ display: -ms-flexbox;
8998
+ display: flex;
8999
  position: absolute;
9000
+ top: 0;
9001
+ right: 0;
9002
+ z-index: 3;
9003
+ margin: 10px;
9004
+ margin-left: 10px;
9005
+ -webkit-transition: opacity 0.2s ease-out;
9006
+ transition: opacity 0.2s ease-out;
9007
+ margin-left: 4.6em;
9008
  }
9009
 
9010
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-portrait {
9011
+ width: 60px;
9012
+ height: 60px;
9013
+ background: rgba(23, 35, 34, 0.75);
9014
+ margin-left: 1px;
9015
+ -webkit-box-flex: 1;
9016
+ -webkit-flex: 1 0 auto;
9017
+ -moz-box-flex: 1;
9018
+ -ms-flex: 1 0 auto;
9019
+ flex: 1 0 auto;
9020
+ padding: 0;
9021
  }
9022
 
9023
+ .premium-video-box-vimeo-portrait img {
9024
+ width: 50px;
9025
+ height: 50px;
9026
+ margin: 5px;
9027
+ padding: 0;
9028
+ border: 0;
9029
+ -webkit-border-radius: 50%;
9030
+ border-radius: 50%;
 
9031
  }
9032
 
9033
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-headers {
9034
+ font-size: 10px;
 
 
 
 
 
 
9035
  }
9036
 
9037
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-title {
9038
+ max-width: 100%;
9039
+ font-size: 2em !important;
9040
+ font-weight: 700;
9041
+ margin: 0;
9042
+ padding: 0.1em 0.2em;
9043
+ background: rgba(23, 35, 34, 0.75);
9044
+ display: inline-block;
9045
+ text-transform: none;
9046
+ line-height: normal;
9047
+ letter-spacing: normal;
9048
  }
9049
 
9050
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-byline {
9051
+ font-size: 1.2em !important;
9052
+ font-weight: 400;
9053
+ color: #fff;
9054
+ margin-top: 0.1em;
9055
+ padding: 0.2em 0.5em;
9056
+ background: rgba(23, 35, 34, 0.75);
9057
+ text-transform: none;
9058
+ line-height: normal;
9059
+ letter-spacing: normal;
 
 
9060
  }
9061
 
9062
+ .premium-video-box-playlist-container {
9063
+ -js-display: flex;
9064
+ display: -webkit-box;
9065
+ display: -webkit-flex;
9066
+ display: -moz-box;
9067
+ display: -ms-flexbox;
9068
+ display: flex;
9069
+ -webkit-flex-wrap: wrap;
9070
+ -ms-flex-wrap: wrap;
9071
+ flex-wrap: wrap;
9072
  }
9073
 
9074
+ .premium-video-box-playlist-container .premium-video-box-container {
9075
+ height: 100%;
9076
+ overflow: hidden;
9077
+ }
9078
+
9079
+ .premium-video-box-container:hover .premium-video-box-image-container.zoomin {
9080
+ -webkit-transform: scale(1.1);
9081
+ -ms-transform: scale(1.1);
9082
+ transform: scale(1.1);
 
9083
  }
9084
 
9085
+ .premium-video-box-container:hover .premium-video-box-image-container.zoomout {
9086
+ -webkit-transform: scale(1);
9087
+ -ms-transform: scale(1);
9088
+ transform: scale(1);
9089
  }
9090
 
9091
+ .premium-video-box-container:hover .premium-video-box-image-container.scale {
9092
+ -webkit-transform: scale(1.3) rotate(-5deg);
9093
+ -ms-transform: scale(1.3) rotate(-5deg);
9094
+ transform: scale(1.3) rotate(-5deg);
9095
  }
9096
 
9097
+ .premium-video-box-container:hover .premium-video-box-image-container.gray {
9098
+ -webkit-filter: grayscale(0%);
9099
+ filter: grayscale(0%);
9100
  }
9101
 
9102
+ .premium-video-box-container:hover .premium-video-box-image-container.blur {
9103
+ -webkit-filter: blur(3px);
9104
+ filter: blur(3px);
9105
  }
9106
 
9107
+ .premium-video-box-container:hover .premium-video-box-image-container.sepia {
9108
+ -webkit-filter: sepia(0%);
9109
+ filter: sepia(0%);
 
 
 
 
 
 
 
 
 
 
 
 
 
 
9110
  }
9111
 
9112
+ .premium-video-box-container:hover .premium-video-box-image-container.trans {
9113
+ -webkit-transform: translateX(0px) scale(1.1);
9114
+ -ms-transform: translateX(0px) scale(1.1);
9115
+ transform: translateX(0px) scale(1.1);
 
 
 
 
 
 
 
 
9116
  }
9117
 
9118
+ .premium-video-box-container:hover .premium-video-box-image-container.bright {
9119
+ -webkit-filter: brightness(1.2);
9120
+ filter: brightness(1.2);
9121
  }
9122
 
9123
+ .premium-video-box-image-container.gray {
9124
+ -webkit-filter: grayscale(100%);
9125
+ filter: grayscale(100%);
 
 
9126
  }
9127
 
9128
+ .premium-video-box-image-container.zoomout,
9129
+ .premium-video-box-image-container.scale {
9130
+ -webkit-transform: scale(1.2);
9131
+ -ms-transform: scale(1.2);
9132
+ transform: scale(1.2);
9133
  }
9134
 
9135
+ .premium-video-box-image-container.sepia {
9136
+ -webkit-filter: sepia(30%);
9137
+ filter: sepia(30%);
9138
  }
9139
 
9140
+ .premium-video-box-image-container.bright {
9141
+ -webkit-filter: brightness(1);
9142
+ filter: brightness(1);
 
 
 
 
 
 
 
 
 
 
 
 
9143
  }
9144
 
9145
+ .premium-video-box-image-container.trans {
9146
+ -webkit-transform: translateX(15px) scale(1.1);
9147
+ -ms-transform: translateX(15px) scale(1.1);
9148
+ transform: translateX(15px) scale(1.1);
9149
  }
9150
 
9151
+ .premium-video-box-mask-media {
9152
+ -webkit-mask-repeat: no-repeat;
9153
+ mask-repeat: no-repeat;
9154
  }
9155
 
9156
+ /* Sticky Video Option */
9157
+ .premium-video-box-container.premium-video-box-sticky-apply {
9158
+ z-index: 99;
9159
+ overflow: unset;
9160
  }
9161
 
9162
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
9163
+ position: fixed !important;
9164
+ z-index: 99999;
9165
+ height: 225px;
9166
+ width: 400px;
9167
+ background: #fff;
9168
  }
9169
 
9170
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-vimeo-wrap,
9171
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-container:before {
9172
+ visibility: hidden;
 
 
9173
  }
9174
 
9175
+ .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 {
9176
+ -webkit-box-shadow: unset;
9177
+ box-shadow: unset;
9178
  }
9179
 
9180
+ .premium-video-box-sticky-close,
9181
+ .premium-video-box-sticky-infobar {
9182
+ display: none;
9183
  }
9184
 
9185
+ .premium-video-box-sticky-apply .premium-video-box-sticky-close {
9186
+ position: absolute;
9187
+ padding: 5px;
9188
+ cursor: pointer;
9189
+ z-index: 99999;
9190
+ height: 14px;
9191
+ width: 14px;
9192
+ -webkit-box-sizing: content-box;
9193
+ -moz-box-sizing: content-box;
9194
+ box-sizing: content-box;
9195
+ -webkit-border-radius: 100%;
9196
+ border-radius: 100%;
9197
+ -js-display: flex;
9198
+ display: -webkit-box;
9199
+ display: -webkit-flex;
9200
+ display: -moz-box;
9201
+ display: -ms-flexbox;
9202
+ display: flex;
9203
+ -webkit-box-pack: center;
9204
+ -webkit-justify-content: center;
9205
+ -moz-box-pack: center;
9206
+ -ms-flex-pack: center;
9207
+ justify-content: center;
9208
+ -webkit-box-align: center;
9209
+ -webkit-align-items: center;
9210
+ -moz-box-align: center;
9211
+ -ms-flex-align: center;
9212
+ align-items: center;
9213
  }
9214
 
9215
+ .premium-video-box-sticky-apply .premium-video-box-play-icon-container {
9216
+ -js-display: flex;
9217
+ display: -webkit-box;
9218
+ display: -webkit-flex;
9219
+ display: -moz-box;
9220
+ display: -ms-flexbox;
9221
+ display: flex;
9222
+ }
9223
+
9224
+ .premium-video-box-sticky-apply .premium-video-box-play-icon {
9225
+ -webkit-transition: none;
9226
+ transition: none;
9227
+ }
9228
+
9229
+ .premium-video-box-sticky-apply .premium-video-box-sticky-infobar {
9230
  display: block;
9231
+ position: relative;
9232
+ top: 100%;
9233
+ width: 100%;
9234
+ padding: 5px;
9235
  text-align: center;
9236
+ z-index: 9999;
9237
+ margin-top: -1px;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
9238
  }
9239
+
9240
+ .premium-video-box-sticky-apply .premium-video-box-inner-wrap.ui-draggable {
9241
+ cursor: move;
 
 
 
 
9242
  }
9243
 
9244
+ .premium-video-sticky-top-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
9245
+ left: auto;
9246
+ right: 20px;
9247
+ top: 20px;
 
 
 
 
 
 
 
 
 
 
 
 
 
9248
  }
9249
 
9250
+ .premium-video-sticky-bottom-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
9251
+ left: auto;
9252
+ right: 20px;
9253
+ bottom: 20px;
9254
  }
9255
 
9256
+ .premium-video-sticky-top-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
9257
+ right: auto;
9258
+ left: 20px;
9259
+ top: 20px;
9260
  }
9261
 
9262
+ .premium-video-sticky-bottom-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
9263
+ right: auto;
9264
+ left: 20px;
9265
+ bottom: 20px;
 
9266
  }
9267
 
9268
+ .premium-video-sticky-center-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
9269
+ left: auto;
9270
+ right: 20px;
9271
+ top: 50%;
9272
+ -webkit-transform: translateY(-50%);
9273
+ -ms-transform: translateY(-50%);
9274
+ transform: translateY(-50%);
9275
  }
9276
 
9277
+ .premium-video-sticky-center-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
9278
+ right: auto;
9279
+ left: 20px;
9280
+ top: 50%;
9281
+ -webkit-transform: translateY(-50%);
9282
+ -ms-transform: translateY(-50%);
9283
+ transform: translateY(-50%);
9284
  }
9285
 
9286
+ .premium-video-sticky-bottom-right .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap,
9287
+ .premium-video-sticky-bottom-left .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
9288
+ bottom: 55px;
 
 
9289
  }
9290
 
9291
+ .premium-video-sticky-top-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
9292
+ .premium-video-sticky-bottom-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
9293
+ .premium-video-sticky-center-left .premium-video-box-sticky-apply .premium-video-box-sticky-close {
9294
+ top: -10px;
9295
+ left: -10px;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
9296
  }
9297
 
9298
+ .premium-video-sticky-top-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
9299
+ .premium-video-sticky-bottom-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
9300
+ .premium-video-sticky-center-right .premium-video-box-sticky-apply .premium-video-box-sticky-close {
9301
+ top: -10px;
9302
+ right: -10px;
9303
  }
9304
 
9305
+ .premium-video-box-filter-sticky {
9306
+ -webkit-filter: none !important;
9307
+ filter: none !important;
 
9308
  }
9309
+
9310
+ .premium-mscroll-yes.elementor-widget-premium-addon-video-box div {
9311
+ cursor: default;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
9312
  }
9313
  /************ Premium Vertical Scroll ************/
9314
  /*************************************************/
assets/frontend/css/premium-addons.css CHANGED
@@ -1264,722 +1264,722 @@
1264
  -webkit-transform: translate3d(-10px, 0, 0) scale(1.1);
1265
  transform: translate3d(-10px, 0, 0) scale(1.1); }
1266
 
1267
- /**************** Premium Blog *****************/
1268
- /***********************************************/
1269
- .premium-blog-thumb-effect-wrapper {
1270
- position: relative;
1271
- overflow: hidden; }
1272
-
1273
- .premium-blog-effect-container:not(.premium-blog-bordered-effect) .premium-blog-post-link {
1274
- position: absolute;
1275
- top: 0;
1276
- left: 0;
1277
- width: 100%;
1278
- height: 100%;
1279
- z-index: 2;
1280
- padding: 20px; }
1281
-
1282
- .premium-blog-bordered-effect .premium-blog-post-link {
1283
- display: block;
1284
- height: 100%;
1285
- position: relative; }
1286
-
1287
- /*Thumbnail Img*/
1288
- .premium-blog-wrap .premium-blog-thumbnail-container {
1289
- overflow: hidden; }
1290
- .premium-blog-wrap .premium-blog-thumbnail-container img,
1291
- .premium-blog-wrap .premium-blog-thumbnail-container .below-entry-meta {
1292
- width: 100%;
1293
- height: 100%;
1294
- margin: 0 !important;
1295
- -webkit-transition: all 0.4s ease-in-out;
1296
- transition: all 0.4s ease-in-out;
1297
- display: block; }
1298
-
1299
- .premium-blog-zoomout-effect img,
1300
- .premium-blog-scale-effect img {
1301
- -webkit-transform: scale(1.2);
1302
- -ms-transform: scale(1.2);
1303
- transform: scale(1.2); }
1304
-
1305
- .premium-blog-sepia-effect img {
1306
- -webkit-filter: sepia(30%);
1307
- filter: sepia(30%); }
1308
-
1309
- .premium-blog-bright-effect img {
1310
- -webkit-filter: brightness(1);
1311
- filter: brightness(1); }
1312
-
1313
- .premium-blog-trans-effect img {
1314
- -webkit-transform: translateX(-15px) scale(1.1);
1315
- -ms-transform: translateX(-15px) scale(1.1);
1316
- transform: translateX(-15px) scale(1.1); }
1317
-
1318
- .premium-blog-post-outer-container:hover .premium-blog-zoomin-effect img {
1319
- -webkit-transform: scale(1.2);
1320
- -ms-transform: scale(1.2);
1321
- transform: scale(1.2); }
1322
-
1323
- .premium-blog-post-outer-container:hover .premium-blog-zoomout-effect img {
1324
- -webkit-transform: scale(1.1);
1325
- -ms-transform: scale(1.1);
1326
- transform: scale(1.1); }
1327
-
1328
- .premium-blog-post-outer-container:hover .premium-blog-scale-effect img {
1329
- -webkit-transform: scale(1.3) rotate(5deg);
1330
- -ms-transform: scale(1.3) rotate(5deg);
1331
- transform: scale(1.3) rotate(5deg); }
1332
-
1333
- .premium-blog-post-outer-container:hover .premium-blog-gray-effect img {
1334
- -webkit-filter: grayscale(100%);
1335
- filter: grayscale(100%); }
1336
-
1337
- .premium-blog-post-outer-container:hover .premium-blog-blur-effect img {
1338
- -webkit-filter: blur(3px);
1339
- filter: blur(3px); }
1340
-
1341
- .premium-blog-post-outer-container:hover .premium-blog-sepia-effect img {
1342
- -webkit-filter: sepia(0%);
1343
- filter: sepia(0%); }
1344
-
1345
- .premium-blog-post-outer-container:hover .premium-blog-bright-effect img {
1346
- -webkit-filter: brightness(1.2);
1347
- filter: brightness(1.2); }
1348
-
1349
- .premium-blog-post-outer-container:hover .premium-blog-trans-effect img {
1350
- -webkit-transform: translateX(0px) scale(1.1);
1351
- -ms-transform: translateX(0px) scale(1.1);
1352
- transform: translateX(0px) scale(1.1); }
1353
-
1354
- .premium-blog-post-container {
1355
- overflow: hidden; }
1356
- .premium-blog-post-container .premium-blog-inner-container {
1357
- -js-display: flex;
1358
- display: -webkit-box;
1359
- display: -webkit-flex;
1360
- display: -moz-box;
1361
- display: -ms-flexbox;
1362
- display: flex;
1363
- -webkit-box-orient: vertical;
1364
- -webkit-box-direction: normal;
1365
- -webkit-flex-direction: column;
1366
- -moz-box-orient: vertical;
1367
- -moz-box-direction: normal;
1368
- -ms-flex-direction: column;
1369
- flex-direction: column; }
1370
- .premium-blog-post-container .premium-blog-post-content {
1371
- line-height: 1.5em;
1372
- color: #777;
1373
- font-size: 14px;
1374
- margin-bottom: 10px; }
1375
- .premium-blog-post-container ul.post-categories a:hover, .premium-blog-post-container ul.post-categories a:focus,
1376
- .premium-blog-post-container .premium-blog-post-link:hover,
1377
- .premium-blog-post-container .premium-blog-post-link:focus {
1378
- -webkit-box-shadow: none !important;
1379
- box-shadow: none !important;
1380
- outline: none !important; }
1381
- .premium-blog-post-container .premium-blog-entry-title {
1382
- font-size: 18px;
1383
- margin-bottom: 5px; }
1384
- .premium-blog-post-container.premium-blog-skin-modern .premium-blog-content-wrapper {
1385
- position: relative;
1386
- z-index: 3;
1387
- top: -50px; }
1388
- .premium-blog-post-container .premium-blog-content-wrapper {
1389
- background-color: #f5f5f5;
1390
- padding: 30px; }
1391
- .premium-blog-post-container .premium-blog-content-wrapper.empty-thumb {
1392
- top: 0; }
1393
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before, .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:after {
1394
- position: absolute;
1395
- content: "";
1396
- z-index: 1;
1397
- top: 50%;
1398
- left: 50%;
1399
- opacity: 0;
1400
- -webkit-transform: translate(-50%, -50%);
1401
- -ms-transform: translate(-50%, -50%);
1402
- transform: translate(-50%, -50%);
1403
- -webkit-transition: all 0.4s linear 0s;
1404
- transition: all 0.4s linear 0s;
1405
- height: 1px;
1406
- width: 100%;
1407
- background-color: #fff; }
1408
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before {
1409
- width: 1px;
1410
- height: 100%; }
1411
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner):hover .premium-blog-thumbnail-container:after {
1412
- width: 20px;
1413
- opacity: 1; }
1414
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner):hover .premium-blog-thumbnail-container:before {
1415
- height: 20px;
1416
- opacity: 1; }
1417
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-content-wrapper {
1418
- margin: 0px 10px 20px;
1419
- clear: both; }
1420
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay, .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay, .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay {
1421
- position: absolute;
1422
- top: 0;
1423
- left: 0;
1424
- width: 100%;
1425
- height: 100%;
1426
- -webkit-transition: all 0.3s ease-in-out;
1427
- transition: all 0.3s ease-in-out;
1428
- opacity: 0; }
1429
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay a, .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay a, .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay a {
1430
- -js-display: flex;
1431
- display: -webkit-box;
1432
- display: -webkit-flex;
1433
- display: -moz-box;
1434
- display: -ms-flexbox;
1435
- display: flex;
1436
- -webkit-box-pack: center;
1437
- -webkit-justify-content: center;
1438
- -moz-box-pack: center;
1439
- -ms-flex-pack: center;
1440
- justify-content: center;
1441
- -webkit-box-align: center;
1442
- -webkit-align-items: center;
1443
- -moz-box-align: center;
1444
- -ms-flex-align: center;
1445
- align-items: center;
1446
- width: 100%;
1447
- height: 100%; }
1448
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay span,
1449
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay i, .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay span,
1450
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay i, .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay span,
1451
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay i {
1452
- -webkit-transition: all 0.3s ease-in-out;
1453
- transition: all 0.3s ease-in-out; }
1454
- .premium-blog-post-container.premium-blog-skin-side {
1455
- -js-display: flex;
1456
- display: -webkit-box;
1457
- display: -webkit-flex;
1458
- display: -moz-box;
1459
- display: -ms-flexbox;
1460
- display: flex; }
1461
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-container {
1462
- height: 100%; }
1463
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-content-wrapper {
1464
- -webkit-box-flex: 1;
1465
- -webkit-flex: 1;
1466
- -moz-box-flex: 1;
1467
- -ms-flex: 1;
1468
- flex: 1; }
1469
- .premium-blog-post-container.premium-blog-skin-banner {
1470
- position: relative; }
1471
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper {
1472
- position: absolute;
1473
- width: 100%;
1474
- bottom: -5px;
1475
- -js-display: flex;
1476
- display: -webkit-box;
1477
- display: -webkit-flex;
1478
- display: -moz-box;
1479
- display: -ms-flexbox;
1480
- display: flex;
1481
- -webkit-box-orient: vertical;
1482
- -webkit-box-direction: normal;
1483
- -webkit-flex-direction: column;
1484
- -moz-box-orient: vertical;
1485
- -moz-box-direction: normal;
1486
- -ms-flex-direction: column;
1487
- flex-direction: column;
1488
- background-color: transparent;
1489
- z-index: 3;
1490
- -webkit-transition: bottom 0.3s ease-in-out;
1491
- transition: bottom 0.3s ease-in-out; }
1492
- .premium-blog-post-container.premium-blog-skin-banner:hover .premium-blog-content-wrapper {
1493
- bottom: 0px; }
1494
- .premium-blog-post-container .premium-blog-cats-container ul.post-categories {
1495
- margin: 0;
1496
- padding: 0;
1497
- list-style: none;
1498
- -js-display: flex;
1499
- display: -webkit-box;
1500
- display: -webkit-flex;
1501
- display: -moz-box;
1502
- display: -ms-flexbox;
1503
- display: flex; }
1504
- .premium-blog-post-container .premium-blog-cats-container a {
1505
- display: block;
1506
- font-size: 12px;
1507
- color: #fff;
1508
- background-color: #777;
1509
- margin: 0 3px 10px 0;
1510
- padding: 5px;
1511
- -webkit-transition: all 0.3s ease-in-out;
1512
- transition: all 0.3s ease-in-out; }
1513
-
1514
  /*
1515
  * Diagonal Effect
1516
- */
1517
- .premium-blog-diagonal-container {
1518
- position: absolute;
1519
- top: 0;
1520
- left: 0;
1521
- width: 100%;
1522
- height: 100%; }
1523
-
1524
- .premium-blog-diagonal-effect:before {
1525
- position: absolute;
1526
- top: 0px;
1527
- left: 0px;
1528
- width: 100%;
1529
- height: 100%;
1530
- content: " ";
1531
- z-index: 1;
1532
- background: rgba(255, 255, 255, 0.2);
1533
- -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
1534
- transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
1535
- -webkit-transition: all 0.3s linear 0s;
1536
- transition: all 0.3s linear 0s; }
1537
-
1538
- .premium-blog-post-outer-container:hover .premium-blog-diagonal-effect:before {
1539
- -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
1540
- transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); }
1541
-
1542
- /*
1543
- * Framed Effect
1544
- */
1545
- .premium-blog-framed-effect {
1546
- position: absolute;
1547
- width: -webkit-calc(100% - 30px);
1548
- width: calc(100% - 30px);
1549
- height: -webkit-calc(100% - 30px);
1550
- height: calc(100% - 30px);
1551
- top: 15px;
1552
- left: 15px;
1553
- opacity: 0;
1554
- -webkit-transform: scale(0.3);
1555
- -ms-transform: scale(0.3);
1556
- transform: scale(0.3);
1557
- -webkit-transition: all 0.3s linear 0s;
1558
- transition: all 0.3s linear 0s; }
1559
-
1560
- .premium-blog-post-outer-container:hover .premium-blog-framed-effect {
1561
- opacity: 0.99;
1562
- -webkit-transform: scale(1);
1563
- -ms-transform: scale(1);
1564
- transform: scale(1); }
1565
-
1566
  /*
1567
  * Bordered Effect
1568
- */
1569
- .premium-blog-bordered-effect {
1570
- position: absolute;
1571
- top: 0;
1572
- left: 0;
1573
- width: 100%;
1574
- height: 100%;
1575
- opacity: 0;
1576
- padding: 15px;
1577
- -webkit-transition: all 0.3s linear 0s;
1578
- transition: all 0.3s linear 0s; }
1579
- .premium-blog-bordered-effect .premium-blog-post-link:before, .premium-blog-bordered-effect .premium-blog-post-link:after {
1580
- content: "";
1581
- display: block;
1582
- position: absolute;
1583
- top: 0;
1584
- left: 0;
1585
- width: 100%;
1586
- height: 100%;
1587
- -webkit-transition: all 0.5s linear 0s;
1588
- transition: all 0.5s linear 0s;
1589
- -webkit-transition-delay: 0s;
1590
- transition-delay: 0s;
1591
- border-color: rgba(255, 255, 255, 0.45); }
1592
- .premium-blog-bordered-effect .premium-blog-post-link:before {
1593
- border-right: 2px solid;
1594
- border-left: 2px solid;
1595
- -webkit-transform: scale(1, 0);
1596
- -ms-transform: scale(1, 0);
1597
- transform: scale(1, 0);
1598
- -webkit-transform-origin: 100% 0;
1599
- -ms-transform-origin: 100% 0;
1600
- transform-origin: 100% 0; }
1601
- .premium-blog-bordered-effect .premium-blog-post-link:after {
1602
- border-top: 2px solid;
1603
- border-bottom: 2px solid;
1604
- -webkit-transform: scale(0, 1);
1605
- -ms-transform: scale(0, 1);
1606
- transform: scale(0, 1);
1607
- -webkit-transform-origin: 0 0;
1608
- -ms-transform-origin: 0 0;
1609
- transform-origin: 0 0; }
1610
-
1611
- .premium-blog-bordered-effect:hover {
1612
- opacity: 0.99; }
1613
- .premium-blog-bordered-effect:hover .premium-blog-post-link:before, .premium-blog-bordered-effect:hover .premium-blog-post-link:after {
1614
- -webkit-transition-delay: 0.15s;
1615
- transition-delay: 0.15s;
1616
- opacity: 1;
1617
- -webkit-transform: scale(1);
1618
- -ms-transform: scale(1);
1619
- transform: scale(1); }
1620
-
1621
  /*
1622
  * Squares Effect
1623
- */
1624
- .premium-blog-squares-effect,
1625
- .premium-blog-squares-square-container {
1626
- position: absolute;
1627
- top: 0;
1628
- left: 0;
1629
- width: 100%;
1630
- height: 100%; }
1631
-
1632
- .premium-blog-squares-effect:before, .premium-blog-squares-effect:after {
1633
- position: absolute;
1634
- content: "";
1635
- top: 0;
1636
- left: 0;
1637
- width: 50%;
1638
- height: 50%;
1639
- -webkit-transform: translate(-100%, -100%);
1640
- -ms-transform: translate(-100%, -100%);
1641
- transform: translate(-100%, -100%);
1642
- opacity: 0.7;
1643
- -webkit-transition: all 0.3s linear 0s;
1644
- transition: all 0.3s linear 0s; }
1645
-
1646
- .premium-blog-squares-square-container:before, .premium-blog-squares-square-container:after {
1647
- position: absolute;
1648
- content: "";
1649
- top: 0;
1650
- left: 0;
1651
- width: 50%;
1652
- height: 50%;
1653
- -webkit-transform: translate(-100%, -100%);
1654
- -ms-transform: translate(-100%, -100%);
1655
- transform: translate(-100%, -100%);
1656
- opacity: 0.7;
1657
- -webkit-transition: all 0.3s linear 0s;
1658
- transition: all 0.3s linear 0s; }
1659
-
1660
- .premium-blog-squares-square-container:before, .premium-blog-squares-square-container:after {
1661
- opacity: 0.8; }
1662
-
1663
- .premium-blog-squares-effect:after {
1664
- -webkit-transform: translate(200%, 200%);
1665
- -ms-transform: translate(200%, 200%);
1666
- transform: translate(200%, 200%); }
1667
-
1668
- .premium-blog-squares-square-container:before {
1669
- -webkit-transform: translate(-100%, 200%);
1670
- -ms-transform: translate(-100%, 200%);
1671
- transform: translate(-100%, 200%); }
1672
-
1673
- .premium-blog-squares-square-container:after {
1674
- -webkit-transform: translate(200%, -100%);
1675
- -ms-transform: translate(200%, -100%);
1676
- transform: translate(200%, -100%); }
1677
-
1678
- .premium-blog-squares-effect:hover:before {
1679
- -webkit-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
1680
- -ms-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
1681
- transform: translate(0, 0%) scaleY(1.003) scaleX(1.003); }
1682
-
1683
- .premium-blog-squares-effect:hover:after {
1684
- -webkit-transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003);
1685
- -ms-transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003);
1686
- transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003); }
1687
-
1688
- .premium-blog-squares-effect:hover .premium-blog-squares-square-container:before {
1689
- -webkit-transform: translate(0, 100%);
1690
- -ms-transform: translate(0, 100%);
1691
- transform: translate(0, 100%); }
1692
-
1693
- .premium-blog-squares-effect:hover .premium-blog-squares-square-container:after {
1694
- -webkit-transform: translate(100%, 0%);
1695
- -ms-transform: translate(100%, 0%);
1696
- transform: translate(100%, 0%); }
1697
-
1698
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay {
1699
- opacity: 1; }
1700
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay a {
1701
- opacity: 1;
1702
- -webkit-transform: scale(1);
1703
- -ms-transform: scale(1);
1704
- transform: scale(1); }
1705
-
1706
- .premium-blog-clear-fix {
1707
- clear: both; }
1708
-
1709
- .premium-blog-masked .premium-blog-thumbnail-container {
1710
- position: relative;
1711
- overflow: visible; }
1712
- .premium-blog-masked .premium-blog-thumbnail-container svg {
1713
- position: absolute;
1714
- height: 100px;
1715
- width: 100%;
1716
- bottom: -5px;
1717
- left: 0;
1718
- fill: #f5f5f5;
1719
- z-index: 99; }
1720
- .premium-blog-masked .premium-blog-thumbnail-container svg.premium-blog-shape-divider-svg {
1721
- -webkit-transform: rotate(180deg);
1722
- -ms-transform: rotate(180deg);
1723
- transform: rotate(180deg); }
1724
-
1725
- .premium-blog-masked .premium-blog-author-thumbnail,
1726
- .premium-blog-masked .premium-blog-skin-banner .premium-blog-content-wrapper {
1727
- z-index: 999 !important; }
1728
-
1729
- .premium-blog-format-link {
1730
- padding: 5px;
1731
- line-height: 0; }
1732
-
1733
- .premium-blog-entry-meta {
1734
- line-height: 1.3em;
1735
- font-size: 12px;
1736
- margin-bottom: 13px;
1737
- color: #adadad; }
1738
- .premium-blog-entry-meta i {
1739
- margin-right: 3px;
1740
- -webkit-transition: all 0.3s ease-in-out;
1741
- transition: all 0.3s ease-in-out; }
1742
-
1743
- .premium-blog-meta-data {
1744
- display: inline-block; }
1745
- .premium-blog-meta-data .premium-blog-meta-separator {
1746
- margin: 0 5px; }
1747
- .premium-blog-meta-data a,
1748
- .premium-blog-meta-data span {
1749
- color: inherit;
1750
- -webkit-transition: all 0.3s ease-in-out;
1751
- transition: all 0.3s ease-in-out; }
1752
-
1753
- .premium-blog-author-thumbnail {
1754
- position: relative;
1755
- padding: 0 30px;
1756
- width: 100%;
1757
- top: -10px;
1758
- height: 0;
1759
- pointer-events: none; }
1760
- .premium-blog-author-thumbnail img {
1761
- -webkit-border-radius: 50%;
1762
- border-radius: 50%;
1763
- width: 60px;
1764
- pointer-events: all;
1765
- -webkit-transform: translateY(-50%);
1766
- -ms-transform: translateY(-50%);
1767
- transform: translateY(-50%); }
1768
-
1769
- .premium-blog-entry-title a,
1770
- .premium-blog-post-tags-container a,
1771
- .premium-blog-post-content .premium-blog-excerpt-link {
1772
- -webkit-transition: all 0.3s ease-in-out;
1773
- transition: all 0.3s ease-in-out; }
1774
-
1775
- .premium-blog-excerpt-link-wrap a.premium-blog-excerpt-link {
1776
- background-color: transparent;
1777
- color: #54595f;
1778
- padding: 0; }
1779
-
1780
- .premium-blog-cta-full-yes .premium-blog-excerpt-link {
1781
- width: 100%; }
1782
-
1783
- .premium-blog-post-tags-container {
1784
- margin-top: 8px;
1785
- -js-display: flex;
1786
- display: -webkit-box;
1787
- display: -webkit-flex;
1788
- display: -moz-box;
1789
- display: -ms-flexbox;
1790
- display: flex;
1791
- -webkit-box-align: center;
1792
- -webkit-align-items: center;
1793
- -moz-box-align: center;
1794
- -ms-flex-align: center;
1795
- align-items: center;
1796
- -webkit-flex-wrap: wrap;
1797
- -ms-flex-wrap: wrap;
1798
- flex-wrap: wrap; }
1799
- .premium-blog-post-tags-container a {
1800
- color: inherit;
1801
- margin-left: 5px; }
1802
-
1803
- /*Tags align*/
1804
- .premium-blog-align-left .post-categories,
1805
- .premium-blog-align-left .premium-blog-post-tags-container {
1806
- -webkit-box-pack: start;
1807
- -webkit-justify-content: flex-start;
1808
- -moz-box-pack: start;
1809
- -ms-flex-pack: start;
1810
- justify-content: flex-start; }
1811
-
1812
- .premium-blog-align-left .premium-blog-inner-container {
1813
- -webkit-box-align: start;
1814
- -webkit-align-items: flex-start;
1815
- -moz-box-align: start;
1816
- -ms-flex-align: start;
1817
- align-items: flex-start; }
1818
-
1819
- .premium-blog-align-center .post-categories,
1820
- .premium-blog-align-center .premium-blog-post-tags-container {
1821
- -webkit-box-pack: center;
1822
- -webkit-justify-content: center;
1823
- -moz-box-pack: center;
1824
- -ms-flex-pack: center;
1825
- justify-content: center; }
1826
-
1827
- .premium-blog-align-center .premium-blog-inner-container {
1828
- -webkit-box-align: center;
1829
- -webkit-align-items: center;
1830
- -moz-box-align: center;
1831
- -ms-flex-align: center;
1832
- align-items: center; }
1833
-
1834
- .premium-blog-align-right .post-categories,
1835
- .premium-blog-align-right .premium-blog-post-tags-container {
1836
- -webkit-box-pack: end;
1837
- -webkit-justify-content: flex-end;
1838
- -moz-box-pack: end;
1839
- -ms-flex-pack: end;
1840
- justify-content: flex-end; }
1841
-
1842
- .premium-blog-align-right .premium-blog-inner-container {
1843
- -webkit-box-align: end;
1844
- -webkit-align-items: flex-end;
1845
- -moz-box-align: end;
1846
- -ms-flex-align: end;
1847
- align-items: flex-end; }
1848
-
1849
- /* Pagination */
1850
- .premium-blog-pagination-container {
1851
- text-align: right; }
1852
- .premium-blog-pagination-container span {
1853
- cursor: default; }
1854
- .premium-blog-pagination-container .page-numbers {
1855
- display: inline-block;
1856
- color: #000;
1857
- line-height: 1;
1858
- font-size: 1em;
1859
- font-weight: 400;
1860
- text-decoration: none;
1861
- padding: 0.75em;
1862
- margin: 0 0.4em 0.4em 0;
1863
- -webkit-transition: all 0.3s ease-in-out;
1864
- transition: all 0.3s ease-in-out; }
1865
-
1866
- .premium-blog-wrap .premium-loading-feed {
1867
- display: block;
1868
- position: absolute;
1869
- width: 100%;
1870
- height: 100%;
1871
- top: 0px;
1872
- left: 0px;
1873
- bottom: 0px;
1874
- right: 0px;
1875
- background: rgba(255, 255, 255, 0.2);
1876
- -js-display: flex;
1877
- display: -webkit-box;
1878
- display: -webkit-flex;
1879
- display: -moz-box;
1880
- display: -ms-flexbox;
1881
- display: flex;
1882
- -webkit-box-align: center;
1883
- -webkit-align-items: center;
1884
- -moz-box-align: center;
1885
- -ms-flex-align: center;
1886
- align-items: center;
1887
- z-index: 99; }
1888
-
1889
- .premium-blog-wrap {
1890
- -js-display: flex;
1891
- display: -webkit-box;
1892
- display: -webkit-flex;
1893
- display: -moz-box;
1894
- display: -ms-flexbox;
1895
- display: flex;
1896
- -webkit-flex-wrap: wrap;
1897
- -ms-flex-wrap: wrap;
1898
- flex-wrap: wrap; }
1899
- .premium-blog-wrap ul.slick-dots {
1900
- width: 100%; }
1901
-
1902
- /*
1903
- * List Layout
1904
- */
1905
- .premium-blog-list .premium-blog-post-outer-container {
1906
- width: 100%; }
1907
-
1908
- /**
1909
- * Even Layout
1910
- */
1911
- .premium-blog-even .premium-blog-post-container {
1912
- height: 100%; }
1913
-
1914
- .premium-blog-even .slick-track {
1915
- -js-display: flex;
1916
- display: -webkit-box;
1917
- display: -webkit-flex;
1918
- display: -moz-box;
1919
- display: -ms-flexbox;
1920
- display: flex; }
1921
-
1922
- .premium-blog-even .slick-slide {
1923
- height: inherit !important; }
1924
-
1925
- .premium-blog-filter {
1926
- -js-display: flex;
1927
- display: -webkit-box;
1928
- display: -webkit-flex;
1929
- display: -moz-box;
1930
- display: -ms-flexbox;
1931
- display: flex;
1932
- -webkit-box-align: center;
1933
- -webkit-align-items: center;
1934
- -moz-box-align: center;
1935
- -ms-flex-align: center;
1936
- align-items: center;
1937
- -webkit-box-pack: center;
1938
- -webkit-justify-content: center;
1939
- -moz-box-pack: center;
1940
- -ms-flex-pack: center;
1941
- justify-content: center; }
1942
-
1943
- .premium-blog-filter .premium-blog-filters-container li a.category {
1944
- outline: none;
1945
- text-decoration: none;
1946
- -webkit-border-radius: 75px;
1947
- border-radius: 75px;
1948
- margin: 15px 5px 20px;
1949
- padding: 7px 20px;
1950
- -webkit-transition: all 0.3s ease-in-out;
1951
- transition: all 0.3s ease-in-out; }
1952
-
1953
- .premium-blog-filter ul.premium-blog-filters-container {
1954
- text-align: center;
1955
- margin: 0;
1956
- padding: 0; }
1957
-
1958
- .premium-blog-filter .premium-blog-filters-container li {
1959
- list-style: none;
1960
- -js-display: inline-flex;
1961
- display: -webkit-inline-box;
1962
- display: -webkit-inline-flex;
1963
- display: -moz-inline-box;
1964
- display: -ms-inline-flexbox;
1965
- display: inline-flex; }
1966
-
1967
  /**
1968
  * Responsive Style
1969
- */
1970
- @media (max-width: 768px) {
1971
- .premium-blog-content-wrapper {
1972
- top: 0;
1973
- margin: 0;
1974
- padding: 15px; }
1975
- .premium-blog-skin-side {
1976
- -webkit-box-orient: vertical;
1977
- -webkit-box-direction: normal;
1978
- -webkit-flex-direction: column;
1979
- -moz-box-orient: vertical;
1980
- -moz-box-direction: normal;
1981
- -ms-flex-direction: column;
1982
- flex-direction: column; } }
1983
 
1984
  /**************** Premium Button ***********************/
1985
  /*******************************************************/
@@ -3861,165 +3861,165 @@ ul[data-list-animation*="animated-"] .premium-bullet-list-divider-inline {
3861
  -webkit-transform: rotateX(360deg);
3862
  transform: rotateX(360deg); } }
3863
 
3864
- /************ Premium Image Scroll ************/
3865
- /**********************************************/
3866
- @font-face {
3867
- font-family: "pa-elements";
3868
- src: url("../../plugins/premium-addons-for-elementor/assets/editor/fonts/pa-elements.eot?vcwy2s");
3869
- src: url("../../plugins/premium-addons-for-elementor/assets/editor/fonts/pa-elements.eot?vcwy2s#iefix") format("embedded-opentype"), url("../../plugins/premium-addons-for-elementor/assets/editor/fonts/pa-elements.ttf?vcwy2s") format("truetype"), url("../../plugins/premium-addons-for-elementor/assets/editor/fonts/pa-elements.woff?vcwy2s") format("woff"), url("../../plugins/premium-addons-for-elementor/assets/editor/fonts/pa-elements.svg?vcwy2s#pa-elements") format("svg");
3870
- font-weight: normal;
3871
- font-style: normal; }
3872
-
3873
- .premium-image-scroll-section,
3874
- .premium-image-scroll-container {
3875
- -webkit-transition: all 0.3s ease-in-out;
3876
- transition: all 0.3s ease-in-out; }
3877
-
3878
- .premium-image-scroll-section {
3879
- position: relative;
3880
- overflow: hidden;
3881
- width: 100%;
3882
- -webkit-mask-image: -webkit-radial-gradient(white, black); }
3883
-
3884
- .premium-image-scroll-container {
3885
- width: 100%; }
3886
- .premium-image-scroll-container .premium-image-scroll-mask-media {
3887
- -webkit-mask-repeat: no-repeat;
3888
- mask-repeat: no-repeat;
3889
- -webkit-mask-position: center;
3890
- mask-position: center; }
3891
-
3892
- .premium-container-scroll {
3893
- overflow: auto; }
3894
-
3895
- .premium-image-scroll-container .premium-image-scroll-horizontal {
3896
- position: relative;
3897
- width: 100%;
3898
- height: 100%; }
3899
- .premium-image-scroll-container .premium-image-scroll-horizontal img {
3900
- max-width: none;
3901
- height: 100%; }
3902
-
3903
- .premium-image-scroll-container .premium-image-scroll-vertical img {
3904
- width: 100%;
3905
- max-width: 100%;
3906
- height: auto; }
3907
-
3908
- .premium-image-scroll-ver {
3909
- position: relative; }
3910
-
3911
- .premium-image-scroll-container .premium-image-scroll-overlay {
3912
- background: rgba(2, 2, 2, 0.3); }
3913
-
3914
- .premium-image-scroll-container .premium-image-scroll-link,
3915
- .premium-image-scroll-container .premium-image-scroll-overlay {
3916
- position: absolute;
3917
- top: 0;
3918
- bottom: 0;
3919
- left: 0;
3920
- right: 0;
3921
- z-index: 4; }
3922
-
3923
- .premium-image-scroll-content {
3924
- display: inline-block;
3925
- position: absolute;
3926
- height: auto;
3927
- top: 50%;
3928
- left: 50%;
3929
- text-align: center;
3930
- z-index: 5;
3931
- -webkit-transform: translate(-50%, -50%);
3932
- -ms-transform: translate(-50%, -50%);
3933
- transform: translate(-50%, -50%); }
3934
-
3935
- .premium-container-scroll-instant .premium-image-scroll-image {
3936
- -webkit-transition: all 0s ease-in-out !important;
3937
- transition: all 0s ease-in-out !important; }
3938
-
3939
- .premium-image-scroll-container img {
3940
- -webkit-transition: -webkit-transform 3s ease-in-out;
3941
- transition: -webkit-transform 3s ease-in-out;
3942
- transition: transform 3s ease-in-out;
3943
- transition: transform 3s ease-in-out, -webkit-transform 3s ease-in-out; }
3944
-
3945
- .premium-image-scroll-container .premium-image-scroll-overlay,
3946
- .premium-image-scroll-container .premium-image-scroll-content {
3947
- -webkit-transition: all 0.3s ease-in-out;
3948
- transition: all 0.3s ease-in-out;
3949
- opacity: 1; }
3950
-
3951
- .premium-image-scroll-container:hover .premium-image-scroll-overlay {
3952
- opacity: 0; }
3953
-
3954
- .premium-image-scroll-container:hover .premium-image-scroll-content {
3955
- opacity: 0;
3956
- visibility: hidden; }
3957
-
3958
- .premium-image-scroll-content .premium-image-scroll-icon {
3959
- display: inline-block;
3960
- font-family: "pa-elements" !important;
3961
- speak: none;
3962
- font-style: normal;
3963
- font-weight: normal;
3964
- font-variant: normal;
3965
- text-transform: none;
3966
- line-height: 1;
3967
- -webkit-font-smoothing: antialiased;
3968
- -moz-osx-font-smoothing: grayscale;
3969
- -webkit-animation-duration: 0.5s;
3970
- animation-duration: 0.5s;
3971
- -webkit-animation-iteration-count: infinite;
3972
- animation-iteration-count: infinite;
3973
- -webkit-animation-direction: alternate;
3974
- animation-direction: alternate;
3975
- -webkit-animation-timing-function: ease-in-out;
3976
- animation-timing-function: ease-in-out; }
3977
-
3978
- .pa-horizontal-mouse-scroll:before {
3979
- content: "\e901"; }
3980
-
3981
- .pa-vertical-mouse-scroll:before {
3982
- content: "\e93c"; }
3983
-
3984
- .pa-horizontal-mouse-scroll {
3985
- -webkit-animation-name: pa-scroll-horizontal;
3986
- animation-name: pa-scroll-horizontal; }
3987
-
3988
- .pa-vertical-mouse-scroll {
3989
- -webkit-animation-name: pa-scroll-vertical;
3990
- animation-name: pa-scroll-vertical; }
3991
-
3992
- @-webkit-keyframes pa-scroll-vertical {
3993
- 0% {
3994
- -webkit-transform: translateY(0px);
3995
- transform: translateY(0px); }
3996
- 100% {
3997
- -webkit-transform: translateY(5px);
3998
- transform: translateY(5px); } }
3999
-
4000
- @keyframes pa-scroll-vertical {
4001
- 0% {
4002
- -webkit-transform: translateY(0px);
4003
- transform: translateY(0px); }
4004
- 100% {
4005
- -webkit-transform: translateY(5px);
4006
- transform: translateY(5px); } }
4007
-
4008
- @-webkit-keyframes pa-scroll-horizontal {
4009
- 0% {
4010
- -webkit-transform: translateX(0px);
4011
- transform: translateX(0px); }
4012
- 100% {
4013
- -webkit-transform: translateX(5px);
4014
- transform: translateX(5px); } }
4015
-
4016
- @keyframes pa-scroll-horizontal {
4017
- 0% {
4018
- -webkit-transform: translateX(0px);
4019
- transform: translateX(0px); }
4020
- 100% {
4021
- -webkit-transform: translateX(5px);
4022
- transform: translateX(5px); } }
4023
 
4024
  /**************** Premium Image Separator ****************/
4025
  /*********************************************************/
@@ -4791,8 +4791,8 @@ button.premium-modal-box-modal-close {
4791
  position: absolute;
4792
  min-width: 250px; }
4793
 
4794
- .premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item.menu-item-has-children:hover > .premium-sub-menu,
4795
- .premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item.menu-item-has-children:hover .premium-mega-content-container {
4796
  opacity: 1;
4797
  visibility: visible; }
4798
 
@@ -4819,7 +4819,7 @@ button.premium-modal-box-modal-close {
4819
  flex-direction: row-reverse; }
4820
 
4821
  /*Horizontal Main Menu**/
4822
- .premium-nav-hor .premium-nav-menu-container {
4823
  height: 60px; }
4824
 
4825
  .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item .premium-sub-menu {
@@ -5427,8 +5427,8 @@ button.premium-modal-box-modal-close {
5427
  .premium-hamburger-toggle {
5428
  width: 100%; }
5429
 
5430
- /*
5431
- * Pointer & Pointer Animations
5432
  */
5433
  .premium-menu-link-parent::before, .premium-menu-link-parent::after {
5434
  display: block;
@@ -5765,12 +5765,12 @@ button.premium-modal-box-modal-close {
5765
  -webkit-transition-delay: 0.1s;
5766
  transition-delay: 0.1s; }
5767
 
5768
- [class*="premium-nav-slide-"].premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item:hover > .premium-sub-menu,
5769
- [class*="premium-nav-slide-"].premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item:hover > .premium-mega-content-container,
5770
- [class*="premium-nav-slide-"].premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu:hover > .premium-sub-menu,
5771
- [class*="premium-nav-slide-"].premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item:hover > .premium-sub-menu,
5772
- [class*="premium-nav-slide-"].premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item:hover > .premium-mega-content-container,
5773
- [class*="premium-nav-slide-"].premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu:hover > .premium-sub-menu {
5774
  -webkit-transform: translate(0);
5775
  -ms-transform: translate(0);
5776
  transform: translate(0); }
@@ -5814,7 +5814,7 @@ button.premium-modal-box-modal-close {
5814
  -ms-transform: translateX(-50%) translateY(10px);
5815
  transform: translateX(-50%) translateY(10px); }
5816
 
5817
- .premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container {
5818
  -webkit-transform: translateX(-50%) translateY(0);
5819
  -ms-transform: translateX(-50%) translateY(0);
5820
  transform: translateX(-50%) translateY(0); }
@@ -5825,7 +5825,7 @@ button.premium-modal-box-modal-close {
5825
  -ms-transform: translateX(-50%) translateY(-10px);
5826
  transform: translateX(-50%) translateY(-10px); }
5827
 
5828
- .premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container {
5829
  -webkit-transform: translateX(-50%) translateY(0);
5830
  -ms-transform: translateX(-50%) translateY(0);
5831
  transform: translateX(-50%) translateY(0); }
@@ -5836,7 +5836,7 @@ button.premium-modal-box-modal-close {
5836
  -ms-transform: translateX(-45%);
5837
  transform: translateX(-45%); }
5838
 
5839
- .premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container {
5840
  -webkit-transform: translateX(-50%);
5841
  -ms-transform: translateX(-50%);
5842
  transform: translateX(-50%); }
@@ -5847,20 +5847,20 @@ button.premium-modal-box-modal-close {
5847
  -ms-transform: translateX(-55%);
5848
  transform: translateX(-55%); }
5849
 
5850
- .premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container {
5851
  -webkit-transform: translateX(-50%);
5852
  -ms-transform: translateX(-50%);
5853
  transform: translateX(-50%); }
5854
 
5855
  /**Vertical - Static Mega Content*/
5856
- .premium-nav-slide-down.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container,
5857
- .premium-nav-slide-up.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container {
5858
  -webkit-transform: translateY(0);
5859
  -ms-transform: translateY(0);
5860
  transform: translateY(0); }
5861
 
5862
- .premium-nav-slide-right.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container,
5863
- .premium-nav-slide-left.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container {
5864
  -webkit-transform: translateX(0);
5865
  -ms-transform: translateX(0);
5866
  transform: translateX(0); }
@@ -6688,327 +6688,327 @@ ul.premium-person-social-list {
6688
  -webkit-transition: all 0.3s ease-in-out;
6689
  transition: all 0.3s ease-in-out; }
6690
 
6691
- /**************** Premium Progress Bar ****************/
6692
- /******************************************************/
6693
- .premium-progressbar-container {
6694
- position: relative; }
6695
-
6696
- .premium-progressbar-bar-wrap {
6697
- position: relative;
6698
- text-align: left;
6699
- overflow: hidden;
6700
- height: 25px;
6701
- margin-bottom: 50px;
6702
- background-color: #f5f5f5;
6703
- -webkit-border-radius: 4px;
6704
- border-radius: 4px;
6705
- -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
6706
- box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }
6707
- .premium-progressbar-bar-wrap.premium-progressbar-dots {
6708
- background-color: transparent;
6709
- width: 100%;
6710
- -js-display: flex;
6711
- display: -webkit-box;
6712
- display: -webkit-flex;
6713
- display: -moz-box;
6714
- display: -ms-flexbox;
6715
- display: flex;
6716
- height: auto;
6717
- -webkit-box-shadow: none;
6718
- box-shadow: none; }
6719
- .premium-progressbar-bar-wrap .progress-segment {
6720
- position: relative;
6721
- width: 25px;
6722
- height: 25px;
6723
- -webkit-border-radius: 50%;
6724
- border-radius: 50%;
6725
- overflow: hidden;
6726
- background-color: #f5f5f5; }
6727
- .premium-progressbar-bar-wrap .progress-segment.filled {
6728
- background: #6ec1e4; }
6729
- .premium-progressbar-bar-wrap .progress-segment:not(:first-child):not(:last-child) {
6730
- margin: 0 4px; }
6731
- .premium-progressbar-bar-wrap .progress-segment:first-child {
6732
- margin-right: 4px; }
6733
- .premium-progressbar-bar-wrap .progress-segment:last-child {
6734
- margin-left: 4px; }
6735
- .premium-progressbar-bar-wrap .progress-segment .segment-inner {
6736
- position: absolute;
6737
- top: 0;
6738
- left: 0;
6739
- height: 100%;
6740
- background-color: #6ec1e4; }
6741
-
6742
- .premium-progressbar-bar {
6743
- float: left;
6744
- width: 0%;
6745
- height: 100%;
6746
- font-size: 12px;
6747
- line-height: 20px;
6748
- background: #6ec1e4;
6749
- text-align: center;
6750
- -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
6751
- box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); }
6752
-
6753
- .premium-progressbar-striped .premium-progressbar-bar {
6754
- 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);
6755
- 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);
6756
- -webkit-background-size: 40px 40px;
6757
- background-size: 40px 40px; }
6758
-
6759
- .premium-progressbar-active .premium-progressbar-bar {
6760
- -webkit-animation: progress-bar-stripes 2s linear infinite;
6761
- animation: progress-bar-stripes 2s linear infinite; }
6762
-
6763
- .premium-progressbar-gradient .premium-progressbar-bar {
6764
- -webkit-background-size: 400% 400% !important;
6765
- background-size: 400% 400% !important;
6766
- -webkit-animation: progress-bar-gradient 10s ease-in-out infinite;
6767
- animation: progress-bar-gradient 10s ease-in-out infinite; }
6768
-
6769
- .premium-progressbar-bar {
6770
- position: absolute;
6771
- overflow: hidden;
6772
- line-height: 20px; }
6773
-
6774
- .premium-progressbar-container .clearfix {
6775
- clear: both; }
6776
-
6777
- .premium-progressbar-bar {
6778
- -webkit-transition: width 0s ease-in-out !important;
6779
- transition: width 0s ease-in-out !important; }
6780
-
6781
- .premium-progressbar-container p:first-of-type {
6782
- margin: 0;
6783
- float: left; }
6784
-
6785
- .premium-progressbar-container p:nth-of-type(2) {
6786
- margin: 0;
6787
- float: right; }
6788
-
6789
- .premium-progressbar-name {
6790
- left: 50%;
6791
- top: 0;
6792
- right: 0;
6793
- -webkit-transform: translateX(-12.5px);
6794
- -ms-transform: translateX(-12.5px);
6795
- transform: translateX(-12.5px);
6796
- z-index: 1; }
6797
-
6798
- .premium-progressbar-multiple-label {
6799
- position: relative;
6800
- float: left;
6801
- width: 0;
6802
- left: 50%; }
6803
-
6804
- .premium-progressbar-center-label {
6805
- position: relative;
6806
- white-space: nowrap; }
6807
-
6808
- .premium-progressbar-arrow {
6809
- height: 15px;
6810
- left: 50%;
6811
- display: inline-block;
6812
- border-left: 7px solid transparent;
6813
- border-right: 7px solid transparent;
6814
- border-top: 11px solid;
6815
- -webkit-transform: translateX(-50%);
6816
- -ms-transform: translateX(-50%);
6817
- transform: translateX(-50%); }
6818
-
6819
- .premium-progressbar-pin {
6820
- border-left: 1px solid;
6821
- height: 12px;
6822
- left: 50%;
6823
- display: inline-block; }
6824
-
6825
- /**
6826
- * Circle Progress Bar
6827
- */
6828
- .premium-progressbar-circle-wrap,
6829
- .premium-progressbar-hf-circle-wrap {
6830
- width: 200px;
6831
- height: 200px;
6832
- position: relative;
6833
- margin: 0 auto; }
6834
- .premium-progressbar-circle-wrap .premium-progressbar-circle-content,
6835
- .premium-progressbar-hf-circle-wrap .premium-progressbar-circle-content {
6836
- position: absolute;
6837
- top: 0;
6838
- left: 0;
6839
- width: 100%;
6840
- height: 100%;
6841
- -js-display: flex;
6842
- display: -webkit-box;
6843
- display: -webkit-flex;
6844
- display: -moz-box;
6845
- display: -ms-flexbox;
6846
- display: flex;
6847
- -webkit-box-orient: vertical;
6848
- -webkit-box-direction: normal;
6849
- -webkit-flex-direction: column;
6850
- -moz-box-orient: vertical;
6851
- -moz-box-direction: normal;
6852
- -ms-flex-direction: column;
6853
- flex-direction: column;
6854
- -webkit-box-pack: center;
6855
- -webkit-justify-content: center;
6856
- -moz-box-pack: center;
6857
- -ms-flex-pack: center;
6858
- justify-content: center;
6859
- -webkit-box-align: center;
6860
- -webkit-align-items: center;
6861
- -moz-box-align: center;
6862
- -ms-flex-align: center;
6863
- align-items: center;
6864
- text-align: center; }
6865
- .premium-progressbar-circle-wrap .premium-lottie-animation,
6866
- .premium-progressbar-hf-circle-wrap .premium-lottie-animation {
6867
- line-height: 1; }
6868
-
6869
- .premium-progressbar-circle-wrap .premium-progressbar-circle {
6870
- position: absolute;
6871
- top: 0;
6872
- left: 0;
6873
- width: 100%;
6874
- height: 100%;
6875
- -webkit-clip-path: inset(0 0 0 50%);
6876
- clip-path: inset(0 0 0 50%); }
6877
- .premium-progressbar-circle-wrap .premium-progressbar-circle div {
6878
- position: absolute;
6879
- left: 0;
6880
- top: 0;
6881
- height: 100%;
6882
- width: 100%;
6883
- border-width: 6px;
6884
- border-style: solid;
6885
- border-color: #54595f;
6886
- -webkit-border-radius: 50%;
6887
- border-radius: 50%;
6888
- -webkit-clip-path: inset(0 50% 0 0);
6889
- clip-path: inset(0 50% 0 0); }
6890
- .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-left {
6891
- -webkit-transform: rotate(0);
6892
- -ms-transform: rotate(0);
6893
- transform: rotate(0); }
6894
- .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-right {
6895
- -webkit-transform: rotate(180deg);
6896
- -ms-transform: rotate(180deg);
6897
- transform: rotate(180deg);
6898
- visibility: hidden; }
6899
-
6900
- .premium-progressbar-circle-wrap .premium-progressbar-circle-base {
6901
- width: 100%;
6902
- height: 100%;
6903
- border: 6px solid #eee;
6904
- -webkit-border-radius: 50%;
6905
- border-radius: 50%; }
6906
-
6907
- /**
6908
- * Half Circle Progress Bar
6909
- */
6910
- .premium-progressbar-hf-container {
6911
- position: relative;
6912
- width: 200px;
6913
- height: 200px; }
6914
-
6915
- .premium-progressbar-hf-circle-wrap {
6916
- overflow: hidden; }
6917
- .premium-progressbar-hf-circle-wrap .premium-progressbar-left-label {
6918
- -webkit-box-ordinal-group: 2;
6919
- -webkit-order: 1;
6920
- -moz-box-ordinal-group: 2;
6921
- -ms-flex-order: 1;
6922
- order: 1; }
6923
-
6924
- .premium-progressbar-hf-circle {
6925
- position: absolute;
6926
- top: 0;
6927
- left: 0;
6928
- width: 100%;
6929
- height: 100%;
6930
- -webkit-clip-path: inset(0 0 50% 0);
6931
- clip-path: inset(0 0 50% 0); }
6932
-
6933
- .premium-progressbar-hf-circle-progress {
6934
- position: absolute;
6935
- left: 0;
6936
- top: 0;
6937
- height: 100%;
6938
- width: 100%;
6939
- border: 12px solid #000;
6940
- -webkit-border-radius: 50%;
6941
- border-radius: 50%;
6942
- -webkit-clip-path: inset(50% 0 0 0);
6943
- clip-path: inset(50% 0 0 0);
6944
- -webkit-transform: rotate(0deg);
6945
- -ms-transform: rotate(0deg);
6946
- transform: rotate(0deg);
6947
- -webkit-transition: -webkit-transform 1500ms linear;
6948
- transition: -webkit-transform 1500ms linear;
6949
- transition: transform 1500ms linear;
6950
- transition: transform 1500ms linear, -webkit-transform 1500ms linear; }
6951
-
6952
- .premium-progressbar-circle-inner {
6953
- height: 100%;
6954
- width: 100%;
6955
- border: 12px solid #eee;
6956
- -webkit-border-radius: 50%;
6957
- border-radius: 50%; }
6958
-
6959
- .premium-progressbar-hf-labels {
6960
- margin: 0 auto;
6961
- position: relative;
6962
- font-size: 12px;
6963
- font-weight: 400;
6964
- -js-display: flex;
6965
- display: -webkit-box;
6966
- display: -webkit-flex;
6967
- display: -moz-box;
6968
- display: -ms-flexbox;
6969
- display: flex;
6970
- -webkit-box-pack: justify;
6971
- -webkit-justify-content: space-between;
6972
- -moz-box-pack: justify;
6973
- -ms-flex-pack: justify;
6974
- justify-content: space-between; }
6975
-
6976
- @-webkit-keyframes progress-bar-stripes {
6977
- from {
6978
- background-position: 0 0; }
6979
- to {
6980
- background-position: 40px 0; } }
6981
-
6982
- @keyframes progress-bar-stripes {
6983
- from {
6984
- background-position: 0 0; }
6985
- to {
6986
- background-position: 40px 0; } }
6987
-
6988
- @-webkit-keyframes progress-bar-gradient {
6989
- 0% {
6990
- background-position: 0% 50%; }
6991
- 50% {
6992
- background-position: 100% 50%; }
6993
- 100% {
6994
- background-position: 0% 50%; } }
6995
-
6996
- @keyframes progress-bar-gradient {
6997
- 0% {
6998
- background-position: 0% 50%; }
6999
- 50% {
7000
- background-position: 100% 50%; }
7001
- 100% {
7002
- background-position: 0% 50%; } }
7003
-
7004
- @media (max-width: 768px) {
7005
- .premium-progressbar-center-label {
7006
- -webkit-transform: rotate(-90deg) !important;
7007
- -ms-transform: rotate(-90deg) !important;
7008
- transform: rotate(-90deg) !important;
7009
- -webkit-transform-origin: 0;
7010
- -ms-transform-origin: 0;
7011
- transform-origin: 0; } }
7012
 
7013
  /**************** Premium Testimonials ****************/
7014
  /******************************************************/
@@ -7282,680 +7282,680 @@ ul.premium-person-social-list {
7282
  -webkit-filter: hue-rotate(360deg);
7283
  filter: hue-rotate(360deg); } }
7284
 
7285
- /**************** Premium Video Box ************/
7286
- /***********************************************/
7287
- .premium-video-box-transform {
7288
- -webkit-transform: none !important;
7289
- -ms-transform: none !important;
7290
- transform: none !important; }
7291
-
7292
- .premium-video-box-container {
7293
- -js-display: flex;
7294
- display: -webkit-box;
7295
- display: -webkit-flex;
7296
- display: -moz-box;
7297
- display: -ms-flexbox;
7298
- display: flex;
7299
- -webkit-box-orient: vertical;
7300
- -webkit-box-direction: normal;
7301
- -webkit-flex-direction: column;
7302
- -moz-box-orient: vertical;
7303
- -moz-box-direction: normal;
7304
- -ms-flex-direction: column;
7305
- flex-direction: column; }
7306
-
7307
- .premium-video-box-container > div {
7308
- position: relative;
7309
- overflow: hidden; }
7310
-
7311
- .pa-aspect-ratio-11 .premium-video-box-container > div {
7312
- padding-bottom: 100%; }
7313
-
7314
- .pa-aspect-ratio-169 .premium-video-box-container > div {
7315
- padding-bottom: 56.25%; }
7316
-
7317
- .pa-aspect-ratio-43 .premium-video-box-container > div {
7318
- padding-bottom: 75%; }
7319
-
7320
- .pa-aspect-ratio-32 .premium-video-box-container > div {
7321
- padding-bottom: 66.6666%; }
7322
-
7323
- .pa-aspect-ratio-219 .premium-video-box-container > div {
7324
- padding-bottom: 42.8571%; }
7325
-
7326
- .pa-aspect-ratio-916 .premium-video-box-container > div {
7327
- padding-bottom: 177.8%; }
7328
-
7329
- .premium-video-box-image-container {
7330
- position: absolute;
7331
- top: 0;
7332
- left: 0;
7333
- bottom: 0;
7334
- right: 0;
7335
- width: 100%;
7336
- height: 100%;
7337
- -webkit-background-size: cover;
7338
- background-size: cover;
7339
- background-position: 50%;
7340
- cursor: pointer;
7341
- margin: auto;
7342
- -webkit-transition: 0.2s all;
7343
- transition: 0.2s all; }
7344
-
7345
- .premium-video-box-play-icon-container {
7346
- position: absolute;
7347
- z-index: 2;
7348
- cursor: pointer;
7349
- -webkit-transform: translate(-50%, -50%);
7350
- -ms-transform: translate(-50%, -50%);
7351
- transform: translate(-50%, -50%);
7352
- background: rgba(252, 252, 252, 0.35); }
7353
-
7354
- .premium-video-box-description-container {
7355
- position: absolute;
7356
- z-index: 2;
7357
- padding: 5px;
7358
- text-align: center;
7359
- cursor: pointer;
7360
- -webkit-transform: translate(-50%, -50%);
7361
- -ms-transform: translate(-50%, -50%);
7362
- transform: translate(-50%, -50%); }
7363
-
7364
- .premium-video-box-text {
7365
- margin-bottom: 0 !important;
7366
- -webkit-transition: all 0.3s ease-in-out;
7367
- transition: all 0.3s ease-in-out; }
7368
-
7369
- .premium-video-box-play-icon {
7370
- padding: 15px;
7371
- -webkit-transform: translateX(4%);
7372
- -ms-transform: translateX(4%);
7373
- transform: translateX(4%);
7374
- -webkit-transition: all 0.3s ease-in-out;
7375
- transition: all 0.3s ease-in-out; }
7376
-
7377
- .premium-video-box-video-container,
7378
- .premium-vid-lightbox-container {
7379
- position: absolute;
7380
- top: 0;
7381
- left: 0;
7382
- z-index: 2;
7383
- width: 100%;
7384
- height: 100%;
7385
- -webkit-transition: opacity 0.8s ease-in-out;
7386
- transition: opacity 0.8s ease-in-out;
7387
- overflow: hidden;
7388
- cursor: pointer; }
7389
-
7390
- .premium-video-box-container[data-overlay="true"][data-type="self"] .premium-video-box-video-container {
7391
- opacity: 0;
7392
- visibility: hidden; }
7393
-
7394
- .premium-video-box-video-container iframe {
7395
- max-width: 100%;
7396
- width: 100%;
7397
- height: 100%;
7398
- margin: 0;
7399
- line-height: 1;
7400
- border: none; }
7401
-
7402
- .premium-video-box-video-container video {
7403
- max-width: 100%;
7404
- width: 100%;
7405
- height: 100%;
7406
- margin: 0;
7407
- line-height: 1;
7408
- border: none;
7409
- background-color: #000;
7410
- -o-object-fit: contain;
7411
- object-fit: contain; }
7412
-
7413
- .premium-video-box-container .premium-video-box-vimeo-wrap {
7414
- -js-display: flex;
7415
- display: -webkit-box;
7416
- display: -webkit-flex;
7417
- display: -moz-box;
7418
- display: -ms-flexbox;
7419
- display: flex;
7420
- position: absolute;
7421
- top: 0;
7422
- left: 0;
7423
- z-index: 3;
7424
- margin: 10px;
7425
- margin-right: 10px;
7426
- -webkit-transition: opacity 0.2s ease-out;
7427
- transition: opacity 0.2s ease-out;
7428
- margin-right: 4.6em; }
7429
-
7430
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-portrait {
7431
- width: 60px;
7432
- height: 60px;
7433
- background: rgba(23, 35, 34, 0.75);
7434
- margin-right: 1px;
7435
- -webkit-box-flex: 1;
7436
- -webkit-flex: 1 0 auto;
7437
- -moz-box-flex: 1;
7438
- -ms-flex: 1 0 auto;
7439
- flex: 1 0 auto;
7440
- padding: 0; }
7441
-
7442
- .premium-video-box-vimeo-portrait img {
7443
- width: 50px;
7444
- height: 50px;
7445
- margin: 5px;
7446
- padding: 0;
7447
- border: 0;
7448
- -webkit-border-radius: 50%;
7449
- border-radius: 50%; }
7450
-
7451
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-headers {
7452
- font-size: 10px; }
7453
-
7454
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-title {
7455
- max-width: 100%;
7456
- font-size: 2em !important;
7457
- font-weight: 700;
7458
- margin: 0;
7459
- padding: 0.1em 0.2em;
7460
- background: rgba(23, 35, 34, 0.75);
7461
- display: inline-block;
7462
- text-transform: none;
7463
- line-height: normal;
7464
- letter-spacing: normal; }
7465
-
7466
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-byline {
7467
- font-size: 1.2em !important;
7468
- font-weight: 400;
7469
- color: #fff;
7470
- margin-top: 0.1em;
7471
- padding: 0.2em 0.5em;
7472
- background: rgba(23, 35, 34, 0.75);
7473
- text-transform: none;
7474
- line-height: normal;
7475
- letter-spacing: normal; }
7476
-
7477
- .premium-video-box-playlist-container {
7478
- -js-display: flex;
7479
- display: -webkit-box;
7480
- display: -webkit-flex;
7481
- display: -moz-box;
7482
- display: -ms-flexbox;
7483
- display: flex;
7484
- -webkit-flex-wrap: wrap;
7485
- -ms-flex-wrap: wrap;
7486
- flex-wrap: wrap; }
7487
- .premium-video-box-playlist-container .premium-video-box-container {
7488
- height: 100%;
7489
- overflow: hidden; }
7490
-
7491
- .premium-video-box-container:hover .premium-video-box-image-container.zoomin {
7492
- -webkit-transform: scale(1.1);
7493
- -ms-transform: scale(1.1);
7494
- transform: scale(1.1); }
7495
-
7496
- .premium-video-box-container:hover .premium-video-box-image-container.zoomout {
7497
- -webkit-transform: scale(1);
7498
- -ms-transform: scale(1);
7499
- transform: scale(1); }
7500
-
7501
- .premium-video-box-container:hover .premium-video-box-image-container.scale {
7502
- -webkit-transform: scale(1.3) rotate(5deg);
7503
- -ms-transform: scale(1.3) rotate(5deg);
7504
- transform: scale(1.3) rotate(5deg); }
7505
-
7506
- .premium-video-box-container:hover .premium-video-box-image-container.gray {
7507
- -webkit-filter: grayscale(0%);
7508
- filter: grayscale(0%); }
7509
-
7510
- .premium-video-box-container:hover .premium-video-box-image-container.blur {
7511
- -webkit-filter: blur(3px);
7512
- filter: blur(3px); }
7513
-
7514
- .premium-video-box-container:hover .premium-video-box-image-container.sepia {
7515
- -webkit-filter: sepia(0%);
7516
- filter: sepia(0%); }
7517
-
7518
- .premium-video-box-container:hover .premium-video-box-image-container.trans {
7519
- -webkit-transform: translateX(0px) scale(1.1);
7520
- -ms-transform: translateX(0px) scale(1.1);
7521
- transform: translateX(0px) scale(1.1); }
7522
-
7523
- .premium-video-box-container:hover .premium-video-box-image-container.bright {
7524
- -webkit-filter: brightness(1.2);
7525
- filter: brightness(1.2); }
7526
-
7527
- .premium-video-box-image-container.gray {
7528
- -webkit-filter: grayscale(100%);
7529
- filter: grayscale(100%); }
7530
-
7531
- .premium-video-box-image-container.zoomout, .premium-video-box-image-container.scale {
7532
- -webkit-transform: scale(1.2);
7533
- -ms-transform: scale(1.2);
7534
- transform: scale(1.2); }
7535
-
7536
- .premium-video-box-image-container.sepia {
7537
- -webkit-filter: sepia(30%);
7538
- filter: sepia(30%); }
7539
-
7540
- .premium-video-box-image-container.bright {
7541
- -webkit-filter: brightness(1);
7542
- filter: brightness(1); }
7543
-
7544
- .premium-video-box-image-container.trans {
7545
- -webkit-transform: translateX(-15px) scale(1.1);
7546
- -ms-transform: translateX(-15px) scale(1.1);
7547
- transform: translateX(-15px) scale(1.1); }
7548
-
7549
- .premium-video-box-mask-media {
7550
- -webkit-mask-repeat: no-repeat;
7551
- mask-repeat: no-repeat; }
7552
-
7553
- /* Sticky Video Option */
7554
- .premium-video-box-container.premium-video-box-sticky-apply {
7555
- z-index: 99;
7556
- overflow: unset; }
7557
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
7558
- position: fixed !important;
7559
- z-index: 99999;
7560
- height: 225px;
7561
- width: 400px;
7562
- background: #fff; }
7563
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-vimeo-wrap,
7564
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-container:before {
7565
- visibility: hidden; }
7566
- .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 {
7567
- -webkit-box-shadow: unset;
7568
- box-shadow: unset; }
7569
-
7570
- .premium-video-box-sticky-close,
7571
- .premium-video-box-sticky-infobar {
7572
- display: none; }
7573
-
7574
- .premium-video-box-sticky-apply .premium-video-box-sticky-close {
7575
- position: absolute;
7576
- padding: 5px;
7577
- cursor: pointer;
7578
- z-index: 99999;
7579
- height: 14px;
7580
- width: 14px;
7581
- -webkit-box-sizing: content-box;
7582
- -moz-box-sizing: content-box;
7583
- box-sizing: content-box;
7584
- -webkit-border-radius: 100%;
7585
- border-radius: 100%;
7586
- -js-display: flex;
7587
- display: -webkit-box;
7588
- display: -webkit-flex;
7589
- display: -moz-box;
7590
- display: -ms-flexbox;
7591
- display: flex;
7592
- -webkit-box-pack: center;
7593
- -webkit-justify-content: center;
7594
- -moz-box-pack: center;
7595
- -ms-flex-pack: center;
7596
- justify-content: center;
7597
- -webkit-box-align: center;
7598
- -webkit-align-items: center;
7599
- -moz-box-align: center;
7600
- -ms-flex-align: center;
7601
- align-items: center; }
7602
-
7603
- .premium-video-box-sticky-apply .premium-video-box-play-icon-container {
7604
- -js-display: flex;
7605
- display: -webkit-box;
7606
- display: -webkit-flex;
7607
- display: -moz-box;
7608
- display: -ms-flexbox;
7609
- display: flex; }
7610
-
7611
- .premium-video-box-sticky-apply .premium-video-box-play-icon {
7612
- -webkit-transition: none;
7613
- transition: none; }
7614
-
7615
- .premium-video-box-sticky-apply .premium-video-box-sticky-infobar {
7616
- display: block;
7617
- position: relative;
7618
- top: 100%;
7619
- width: 100%;
7620
- padding: 5px;
7621
- text-align: center;
7622
- z-index: 9999;
7623
- margin-top: -1px; }
7624
-
7625
- .premium-video-box-sticky-apply .premium-video-box-inner-wrap.ui-draggable {
7626
- cursor: move; }
7627
-
7628
- .premium-video-sticky-top-left
7629
- .premium-video-box-container.premium-video-box-sticky-apply
7630
- .premium-video-box-inner-wrap {
7631
- right: auto;
7632
- left: 20px;
7633
- top: 20px; }
7634
-
7635
- .premium-video-sticky-bottom-left
7636
- .premium-video-box-container.premium-video-box-sticky-apply
7637
- .premium-video-box-inner-wrap {
7638
- right: auto;
7639
- left: 20px;
7640
- bottom: 20px; }
7641
-
7642
- .premium-video-sticky-top-right
7643
- .premium-video-box-container.premium-video-box-sticky-apply
7644
- .premium-video-box-inner-wrap {
7645
- left: auto;
7646
- right: 20px;
7647
- top: 20px; }
7648
-
7649
- .premium-video-sticky-bottom-right
7650
- .premium-video-box-container.premium-video-box-sticky-apply
7651
- .premium-video-box-inner-wrap {
7652
- left: auto;
7653
- right: 20px;
7654
- bottom: 20px; }
7655
-
7656
- .premium-video-sticky-center-left
7657
- .premium-video-box-container.premium-video-box-sticky-apply
7658
- .premium-video-box-inner-wrap {
7659
- right: auto;
7660
- left: 20px;
7661
- top: 50%;
7662
- -webkit-transform: translateY(-50%);
7663
- -ms-transform: translateY(-50%);
7664
- transform: translateY(-50%); }
7665
-
7666
- .premium-video-sticky-center-right
7667
- .premium-video-box-container.premium-video-box-sticky-apply
7668
- .premium-video-box-inner-wrap {
7669
- left: auto;
7670
- right: 20px;
7671
- top: 50%;
7672
- -webkit-transform: translateY(-50%);
7673
- -ms-transform: translateY(-50%);
7674
- transform: translateY(-50%); }
7675
-
7676
- .premium-video-sticky-bottom-right
7677
- .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply
7678
- .premium-video-box-inner-wrap,
7679
- .premium-video-sticky-bottom-left
7680
- .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply
7681
- .premium-video-box-inner-wrap {
7682
- bottom: 55px; }
7683
-
7684
- .premium-video-sticky-top-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
7685
- .premium-video-sticky-bottom-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
7686
- .premium-video-sticky-center-left .premium-video-box-sticky-apply .premium-video-box-sticky-close {
7687
- top: -10px;
7688
- right: -10px; }
7689
-
7690
- .premium-video-sticky-top-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
7691
- .premium-video-sticky-bottom-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
7692
- .premium-video-sticky-center-right .premium-video-box-sticky-apply .premium-video-box-sticky-close {
7693
- top: -10px;
7694
- left: -10px; }
7695
-
7696
- .premium-video-box-filter-sticky {
7697
- -webkit-filter: none !important;
7698
- filter: none !important; }
7699
-
7700
- .premium-mscroll-yes.elementor-widget-premium-addon-video-box div {
7701
- cursor: default; }
7702
-
7703
- .premium-video-box-background {
7704
- width: 100%; }
7705
-
7706
- .premium-video-box-background + div {
7707
- position: absolute;
7708
- width: 80%;
7709
- height: 80%;
7710
- top: 0;
7711
- left: 0; }
7712
 
7713
- /************ Premium Vertical Scroll ************/
7714
- /*************************************************/
7715
- .premium-vscroll-inner {
7716
- position: relative;
7717
- min-height: 100%; }
7718
- .premium-vscroll-inner .premium-vscroll-dots {
7719
- position: fixed;
7720
- z-index: 100;
7721
- opacity: 1;
7722
- margin-top: -32px;
7723
- -webkit-transition: all 0.3s ease-in-out;
7724
- transition: all 0.3s ease-in-out; }
7725
-
7726
- .premium-vscroll-wrap .premium-vscroll-nav-menu {
7727
- opacity: 1;
7728
- -webkit-transition: all 0.3s ease-in-out;
7729
- transition: all 0.3s ease-in-out; }
7730
-
7731
- .premium-vscroll-inner .premium-vscroll-dots,
7732
- .premium-vscroll-wrap .premium-vscroll-dots-hide {
7733
- opacity: 0;
7734
- visibility: hidden; }
7735
-
7736
- .premium-vscroll-nav-dots-yes .premium-vscroll-inner .premium-vscroll-dots:not(.premium-vscroll-dots-hide) {
7737
- opacity: 1;
7738
- visibility: visible; }
7739
-
7740
- .premium-vscroll-dots.middle {
7741
- top: 50%;
7742
- margin-top: 0;
7743
- -webkit-transform: translateY(-50%);
7744
- -ms-transform: translateY(-50%);
7745
- transform: translateY(-50%); }
7746
-
7747
- .premium-vscroll-dots.top {
7748
- top: 40px; }
7749
-
7750
- .premium-vscroll-dots.bottom {
7751
- bottom: 30px; }
7752
-
7753
- .premium-vscroll-dots.right {
7754
- right: 17px; }
7755
-
7756
- .premium-vscroll-dots.left {
7757
- left: 17px; }
7758
-
7759
- .premium-vscroll-inner ul.premium-vscroll-dots-list,
7760
- .premium-vscroll-wrap .premium-vscroll-nav-menu {
7761
- margin: 0 !important;
7762
- padding: 0; }
7763
-
7764
- .premium-vscroll-inner ul.premium-vscroll-dots-list li {
7765
- width: 14px;
7766
- height: 13px;
7767
- margin: 7px;
7768
- position: relative;
7769
- -js-display: flex;
7770
- display: -webkit-box;
7771
- display: -webkit-flex;
7772
- display: -moz-box;
7773
- display: -ms-flexbox;
7774
- display: flex;
7775
- -webkit-box-pack: center;
7776
- -webkit-justify-content: center;
7777
- -moz-box-pack: center;
7778
- -ms-flex-pack: center;
7779
- justify-content: center;
7780
- -webkit-box-align: center;
7781
- -webkit-align-items: center;
7782
- -moz-box-align: center;
7783
- -ms-flex-align: center;
7784
- align-items: center;
7785
- overflow: visible; }
7786
-
7787
- .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link {
7788
- display: block;
7789
- position: relative;
7790
- z-index: 1;
7791
- width: 100%;
7792
- height: 100%;
7793
- cursor: pointer;
7794
- text-decoration: none; }
7795
- .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link span {
7796
- top: 2px;
7797
- left: 2.5px;
7798
- width: 8px;
7799
- height: 8px;
7800
- border: 1px solid #000;
7801
- -webkit-border-radius: 50%;
7802
- border-radius: 50%;
7803
- position: absolute;
7804
- z-index: 1;
7805
- -webkit-transition: all 0.3s ease-in-out;
7806
- transition: all 0.3s ease-in-out; }
7807
-
7808
- .premium-vscroll-inner .premium-vscroll-dot-item.active .premium-vscroll-nav-link span {
7809
- -webkit-transform: scale(1.6);
7810
- -ms-transform: scale(1.6);
7811
- transform: scale(1.6); }
7812
-
7813
- .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-tooltip {
7814
- position: absolute;
7815
- color: #fff;
7816
- font-size: 14px;
7817
- font-family: arial, helvetica, sans-serif;
7818
- white-space: nowrap;
7819
- max-width: 220px;
7820
- padding-left: 0.4em;
7821
- padding-right: 0.4em; }
7822
-
7823
- .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip {
7824
- right: 27px; }
7825
-
7826
- .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item {
7827
- width: 4px;
7828
- height: 30px; }
7829
- .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item span {
7830
- width: 100%;
7831
- height: 100%;
7832
- -webkit-border-radius: 0;
7833
- border-radius: 0; }
7834
- .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item.active span {
7835
- -webkit-transform: scale(1);
7836
- -ms-transform: scale(1);
7837
- transform: scale(1); }
7838
-
7839
- .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip::after {
7840
- position: absolute;
7841
- top: 50%;
7842
- content: "";
7843
- left: -webkit-calc(100% - 1px);
7844
- left: calc(100% - 1px);
7845
- width: 10px;
7846
- height: 0;
7847
- border-top: 6px solid transparent;
7848
- border-bottom: 6px solid transparent;
7849
- border-left: 6px solid;
7850
- -webkit-transform: translateY(-50%);
7851
- -ms-transform: translateY(-50%);
7852
- transform: translateY(-50%); }
7853
-
7854
- .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip {
7855
- left: 27px; }
7856
- .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip::after {
7857
- position: absolute;
7858
- top: 50%;
7859
- content: "";
7860
- right: -webkit-calc(100% - 1px);
7861
- right: calc(100% - 1px);
7862
- width: 10px;
7863
- height: 0;
7864
- border-top: 6px solid transparent;
7865
- border-bottom: 6px solid transparent;
7866
- border-right: 6px solid;
7867
- -webkit-transform: translateY(-50%);
7868
- -ms-transform: translateY(-50%);
7869
- transform: translateY(-50%); }
7870
-
7871
- /* * Lines */
7872
- @media (max-width: 768px) {
7873
- .premium-vscroll-dots.right {
7874
- right: 7px; }
7875
- .premium-vscroll-dots.left {
7876
- left: 7px; } }
7877
-
7878
- .premium-vscroll-nav-menu {
7879
- position: fixed;
7880
- top: 20px;
7881
- height: 40px;
7882
- z-index: 100;
7883
- padding: 0;
7884
- margin: 0; }
7885
- .premium-vscroll-nav-menu.left {
7886
- left: 0; }
7887
- .premium-vscroll-nav-menu.right {
7888
- right: 0; }
7889
- .premium-vscroll-nav-menu .premium-vscroll-nav-item {
7890
- display: inline-block;
7891
- margin: 10px;
7892
- color: #000;
7893
- background: #fff;
7894
- background: rgba(255, 255, 255, 0.3); }
7895
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link {
7896
- padding: 9px 18px;
7897
- display: block;
7898
- cursor: pointer;
7899
- color: #000; }
7900
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:hover {
7901
- color: #000; }
7902
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:focus {
7903
- outline: none; }
7904
-
7905
- .multiscroll-nav li a:focus {
7906
- outline: none; }
7907
-
7908
- .premium-vscroll-temp .slimScrollBar {
7909
- visibility: hidden; }
7910
-
7911
- [data-hijacking="off"] .premium-vscroll-temp {
7912
- height: 100vh; }
7913
- [data-hijacking="off"] .premium-vscroll-temp > div {
7914
- opacity: 0;
7915
- top: 0;
7916
- left: 0;
7917
- width: 100%;
7918
- /* Force Hardware Acceleration */
7919
- -webkit-transform: translateZ(0);
7920
- transform: translateZ(0);
7921
- -webkit-backface-visibility: hidden;
7922
- backface-visibility: hidden; }
7923
-
7924
- [data-hijacking="off"] .premium-vscroll-temp:first-of-type > div::before {
7925
- display: none;
7926
- position: absolute;
7927
- width: 100%;
7928
- top: 20px;
7929
- z-index: 2; }
7930
-
7931
- [data-hijacking="off"][data-animation="rotate"] .premium-vscroll-temp {
7932
- position: relative;
7933
- /* enable a 3D-space for children elements */
7934
- -webkit-perspective: 1800px;
7935
- perspective: 1800px; }
7936
- [data-hijacking="off"][data-animation="rotate"] .premium-vscroll-temp > div {
7937
- position: absolute;
7938
- -webkit-transform-origin: center bottom;
7939
- -ms-transform-origin: center bottom;
7940
- transform-origin: center bottom; }
7941
- [data-hijacking="off"][data-animation="rotate"] .premium-vscroll-temp:last-of-type > div {
7942
- opacity: 1 !important;
7943
- -webkit-transform: translateY(0px) scale(1) rotateX(0deg) !important;
7944
- transform: translateY(0px) scale(1) rotateX(0deg) !important; }
7945
-
7946
- [data-hijacking="off"][data-animation="parallax"] .premium-vscroll-temp > div {
7947
- position: fixed; }
7948
-
7949
- [data-hijacking="off"][data-animation="scaleDown"] .premium-vscroll-temp > div {
7950
- position: fixed; }
7951
-
7952
- [data-hijacking="off"] .premium-vscroll-parallax-last {
7953
- -webkit-transform: translateY(0px) scale(1) !important;
7954
- -ms-transform: translateY(0px) scale(1) !important;
7955
- transform: translateY(0px) scale(1) !important; }
7956
-
7957
- [data-hijacking="off"] .premium-vscroll-parallax-position {
7958
- position: unset !important; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
7959
 
7960
  /********** Premium Woo Products **********/
7961
  /******************************************/
@@ -8964,275 +8964,275 @@ html.premium-woo-qv-opened body {
8964
 
8965
  /*
8966
  * Common Title/Dual Heading
8967
- */
8968
- .premium-title-bg-text:before {
8969
- position: absolute;
8970
- content: attr(data-background);
8971
- top: 0;
8972
- left: 0;
8973
- text-align: left; }
8974
-
8975
- .premium-bg-text-yes .elementor-widget-container:before {
8976
- position: absolute;
8977
- top: 0;
8978
- left: 0;
8979
- text-align: left; }
8980
-
8981
- .premium-mask-yes .premium-dual-header-first-clip .premium-dual-header-first-span .premium-mask-span,
8982
- .premium-mask-yes .premium-dual-header-second-clip .premium-mask-span {
8983
- background: inherit; }
8984
-
8985
- .premium-mask-yes .premium-mask-span {
8986
- position: relative;
8987
- overflow: hidden;
8988
- -js-display: inline-flex !important;
8989
- display: -webkit-inline-box !important;
8990
- display: -webkit-inline-flex !important;
8991
- display: -moz-inline-box !important;
8992
- display: -ms-inline-flexbox !important;
8993
- display: inline-flex !important; }
8994
- .premium-mask-yes .premium-mask-span::after {
8995
- content: "";
8996
- position: absolute;
8997
- top: 0;
8998
- right: 0px;
8999
- width: 100%;
9000
- height: 100%;
9001
- background-color: currentColor;
9002
- -webkit-backface-visibility: visible;
9003
- backface-visibility: visible; }
9004
-
9005
- .premium-mask-active.premium-mask-tr .premium-mask-span::after {
9006
- -webkit-animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
9007
- animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
9008
- -webkit-transform: translateX(-103%);
9009
- -ms-transform: translateX(-103%);
9010
- transform: translateX(-103%); }
9011
-
9012
- .premium-mask-active.premium-mask-tl .premium-mask-span::after {
9013
- -webkit-animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
9014
- animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
9015
- -webkit-transform: translateX(103%);
9016
- -ms-transform: translateX(103%);
9017
- transform: translateX(103%); }
9018
-
9019
- .premium-mask-active.premium-mask-tb .premium-mask-span::after {
9020
- -webkit-animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
9021
- animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
9022
- -webkit-transform: translateY(-103%);
9023
- -ms-transform: translateY(-103%);
9024
- transform: translateY(-103%); }
9025
-
9026
- .premium-mask-active.premium-mask-tt .premium-mask-span::after {
9027
- -webkit-animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
9028
- animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
9029
- -webkit-transform: translateY(103%);
9030
- -ms-transform: translateY(103%);
9031
- transform: translateY(103%); }
9032
-
9033
- @-webkit-keyframes pa-mask-tr {
9034
- 0% {
9035
- -webkit-transform: translateX(0%);
9036
- transform: translateX(0%); }
9037
- 100% {
9038
- -webkit-transform: translateX(103%);
9039
- transform: translateX(103%); } }
9040
-
9041
- @keyframes pa-mask-tr {
9042
- 0% {
9043
- -webkit-transform: translateX(0%);
9044
- transform: translateX(0%); }
9045
- 100% {
9046
- -webkit-transform: translateX(103%);
9047
- transform: translateX(103%); } }
9048
-
9049
- @-webkit-keyframes pa-mask-tl {
9050
- 0% {
9051
- -webkit-transform: translateX(0%);
9052
- transform: translateX(0%); }
9053
- 100% {
9054
- -webkit-transform: translateX(-103%);
9055
- transform: translateX(-103%); } }
9056
-
9057
- @keyframes pa-mask-tl {
9058
- 0% {
9059
- -webkit-transform: translateX(0%);
9060
- transform: translateX(0%); }
9061
- 100% {
9062
- -webkit-transform: translateX(-103%);
9063
- transform: translateX(-103%); } }
9064
-
9065
- @-webkit-keyframes pa-mask-tb {
9066
- 0% {
9067
- -webkit-transform: translateY(0%);
9068
- transform: translateY(0%); }
9069
- 100% {
9070
- -webkit-transform: translateY(103%);
9071
- transform: translateY(103%); } }
9072
-
9073
- @keyframes pa-mask-tb {
9074
- 0% {
9075
- -webkit-transform: translateY(0%);
9076
- transform: translateY(0%); }
9077
- 100% {
9078
- -webkit-transform: translateY(103%);
9079
- transform: translateY(103%); } }
9080
-
9081
- @-webkit-keyframes pa-mask-tt {
9082
- 0% {
9083
- -webkit-transform: translateY(0%);
9084
- transform: translateY(0%); }
9085
- 100% {
9086
- -webkit-transform: translateY(-103%);
9087
- transform: translateY(-103%); } }
9088
-
9089
- @keyframes pa-mask-tt {
9090
- 0% {
9091
- -webkit-transform: translateY(0%);
9092
- transform: translateY(0%); }
9093
- 100% {
9094
- -webkit-transform: translateY(-103%);
9095
- transform: translateY(-103%); } }
9096
-
9097
  /*
9098
  * Common Buttons Style.
9099
- */
9100
- .premium-button .premium-lottie-animation,
9101
- .premium-image-button .premium-lottie-animation {
9102
- -js-display: flex;
9103
- display: -webkit-box;
9104
- display: -webkit-flex;
9105
- display: -moz-box;
9106
- display: -ms-flexbox;
9107
- display: flex; }
9108
-
9109
- .premium-button svg,
9110
- .premium-image-button svg {
9111
- width: 30px;
9112
- height: 30px; }
9113
-
9114
- .premium-btn-sm,
9115
- .premium-btn-md,
9116
- .premium-btn-lg,
9117
- .premium-btn-block {
9118
- background-color: #eee;
9119
- color: #042551;
9120
- margin: 0px;
9121
- text-decoration: none; }
9122
- .premium-btn-sm:hover,
9123
- .premium-btn-md:hover,
9124
- .premium-btn-lg:hover,
9125
- .premium-btn-block:hover {
9126
- background-color: #54595f;
9127
- color: #eee; }
9128
-
9129
- div[class*="elementor-widget-premium"] .premium-btn-sm {
9130
- padding: 12px 24px;
9131
- font-size: 14px;
9132
- line-height: 1; }
9133
-
9134
- div[class*="elementor-widget-premium"] .premium-btn-md {
9135
- padding: 14px 26px;
9136
- font-size: 16px;
9137
- line-height: 1.2; }
9138
-
9139
- div[class*="elementor-widget-premium"] .premium-btn-lg {
9140
- padding: 16px 28px;
9141
- font-size: 18px;
9142
- line-height: 1.3333; }
9143
-
9144
- div[class*="elementor-widget-premium"] .premium-btn-block {
9145
- font-size: 18px;
9146
- line-height: 1;
9147
- padding: 20px 0px;
9148
- width: 100%;
9149
- text-align: center; }
9150
-
9151
- .premium-button-text {
9152
- display: inline-block;
9153
- width: 100%; }
9154
-
9155
  /*
9156
  * Common Button/Image Button Mouse Detect Effect.
9157
- */
9158
- .premium-mouse-detect-yes .premium-button-style6 .premium-button-style6-bg {
9159
- position: absolute;
9160
- z-index: 0;
9161
- top: 0;
9162
- left: 0;
9163
- width: 0px;
9164
- height: 0px;
9165
- -webkit-border-radius: 50%;
9166
- border-radius: 50%;
9167
- display: block;
9168
- -webkit-transform: translate(-50%, -50%);
9169
- -ms-transform: translate(-50%, -50%);
9170
- transform: translate(-50%, -50%);
9171
- -webkit-transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
9172
- transition: width 0.4s ease-in-out, height 0.4s ease-in-out; }
9173
-
9174
- .premium-mouse-detect-yes .premium-button-style6:hover .premium-button-style6-bg {
9175
- width: 225%;
9176
- height: 560px; }
9177
-
9178
- .premium-mouse-detect-yes .premium-button-style6:before {
9179
- width: 0;
9180
- height: 0; }
9181
-
9182
- /** Loader */
9183
- .premium-loader {
9184
- border: 3px solid #f3f3f3;
9185
- border-top-width: 3px;
9186
- border-top-style: solid;
9187
- border-top-color: #f3f3f3;
9188
- -webkit-border-radius: 50%;
9189
- border-radius: 50%;
9190
- border-top: 3px solid;
9191
- border-top-color: #bbb;
9192
- width: 30px;
9193
- height: 30px;
9194
- -webkit-animation: spin 2s linear infinite;
9195
- animation: spin 2s linear infinite;
9196
- margin: 0 auto; }
9197
-
9198
  /*
9199
  Common SVG Draw
9200
  premium-svg-drawer not prefixed with 'svg'
9201
  because it's rendered as div with custom SVG code.
9202
- */
9203
- .premium-svg-nodraw *,
9204
- .premium-svg-drawer * {
9205
- -webkit-transition: all 0.3s ease-in-out;
9206
- transition: all 0.3s ease-in-out;
9207
- -webkit-transition-property: stroke, fill, background-color;
9208
- transition-property: stroke, fill, background-color; }
9209
-
9210
- .premium-svg-nodraw .no-transition,
9211
- .premium-svg-drawer .no-transition {
9212
- -webkit-transition: none !important;
9213
- transition: none !important; }
9214
-
9215
- /** Common Animation */
9216
- @-webkit-keyframes spin {
9217
- 0% {
9218
- -webkit-transform: rotate(0deg);
9219
- transform: rotate(0deg); }
9220
- 100% {
9221
- -webkit-transform: rotate(360deg);
9222
- transform: rotate(360deg); } }
9223
- @keyframes spin {
9224
- 0% {
9225
- -webkit-transform: rotate(0deg);
9226
- transform: rotate(0deg); }
9227
- 100% {
9228
- -webkit-transform: rotate(360deg);
9229
- transform: rotate(360deg); } }
9230
-
9231
- /**Notice*/
9232
- .premium-error-notice {
9233
- width: 100%;
9234
- padding: 10px;
9235
- color: #b94a48;
9236
- background-color: #f2dede;
9237
- border-color: #eed3d7;
9238
- text-align: center; }
1264
  -webkit-transform: translate3d(-10px, 0, 0) scale(1.1);
1265
  transform: translate3d(-10px, 0, 0) scale(1.1); }
1266
 
1267
+ /**************** Premium Blog *****************/
1268
+ /***********************************************/
1269
+ .premium-blog-thumb-effect-wrapper {
1270
+ position: relative;
1271
+ overflow: hidden; }
1272
+
1273
+ .premium-blog-effect-container:not(.premium-blog-bordered-effect) .premium-blog-post-link {
1274
+ position: absolute;
1275
+ top: 0;
1276
+ left: 0;
1277
+ width: 100%;
1278
+ height: 100%;
1279
+ z-index: 2;
1280
+ padding: 20px; }
1281
+
1282
+ .premium-blog-bordered-effect .premium-blog-post-link {
1283
+ display: block;
1284
+ height: 100%;
1285
+ position: relative; }
1286
+
1287
+ /*Thumbnail Img*/
1288
+ .premium-blog-wrap .premium-blog-thumbnail-container {
1289
+ overflow: hidden; }
1290
+ .premium-blog-wrap .premium-blog-thumbnail-container img,
1291
+ .premium-blog-wrap .premium-blog-thumbnail-container .below-entry-meta {
1292
+ width: 100%;
1293
+ height: 100%;
1294
+ margin: 0 !important;
1295
+ -webkit-transition: all 0.4s ease-in-out;
1296
+ transition: all 0.4s ease-in-out;
1297
+ display: block; }
1298
+
1299
+ .premium-blog-zoomout-effect img,
1300
+ .premium-blog-scale-effect img {
1301
+ -webkit-transform: scale(1.2);
1302
+ -ms-transform: scale(1.2);
1303
+ transform: scale(1.2); }
1304
+
1305
+ .premium-blog-sepia-effect img {
1306
+ -webkit-filter: sepia(30%);
1307
+ filter: sepia(30%); }
1308
+
1309
+ .premium-blog-bright-effect img {
1310
+ -webkit-filter: brightness(1);
1311
+ filter: brightness(1); }
1312
+
1313
+ .premium-blog-trans-effect img {
1314
+ -webkit-transform: translateX(-15px) scale(1.1);
1315
+ -ms-transform: translateX(-15px) scale(1.1);
1316
+ transform: translateX(-15px) scale(1.1); }
1317
+
1318
+ .premium-blog-post-outer-container:hover .premium-blog-zoomin-effect img {
1319
+ -webkit-transform: scale(1.2);
1320
+ -ms-transform: scale(1.2);
1321
+ transform: scale(1.2); }
1322
+
1323
+ .premium-blog-post-outer-container:hover .premium-blog-zoomout-effect img {
1324
+ -webkit-transform: scale(1.1);
1325
+ -ms-transform: scale(1.1);
1326
+ transform: scale(1.1); }
1327
+
1328
+ .premium-blog-post-outer-container:hover .premium-blog-scale-effect img {
1329
+ -webkit-transform: scale(1.3) rotate(5deg);
1330
+ -ms-transform: scale(1.3) rotate(5deg);
1331
+ transform: scale(1.3) rotate(5deg); }
1332
+
1333
+ .premium-blog-post-outer-container:hover .premium-blog-gray-effect img {
1334
+ -webkit-filter: grayscale(100%);
1335
+ filter: grayscale(100%); }
1336
+
1337
+ .premium-blog-post-outer-container:hover .premium-blog-blur-effect img {
1338
+ -webkit-filter: blur(3px);
1339
+ filter: blur(3px); }
1340
+
1341
+ .premium-blog-post-outer-container:hover .premium-blog-sepia-effect img {
1342
+ -webkit-filter: sepia(0%);
1343
+ filter: sepia(0%); }
1344
+
1345
+ .premium-blog-post-outer-container:hover .premium-blog-bright-effect img {
1346
+ -webkit-filter: brightness(1.2);
1347
+ filter: brightness(1.2); }
1348
+
1349
+ .premium-blog-post-outer-container:hover .premium-blog-trans-effect img {
1350
+ -webkit-transform: translateX(0px) scale(1.1);
1351
+ -ms-transform: translateX(0px) scale(1.1);
1352
+ transform: translateX(0px) scale(1.1); }
1353
+
1354
+ .premium-blog-post-container {
1355
+ overflow: hidden; }
1356
+ .premium-blog-post-container .premium-blog-inner-container {
1357
+ -js-display: flex;
1358
+ display: -webkit-box;
1359
+ display: -webkit-flex;
1360
+ display: -moz-box;
1361
+ display: -ms-flexbox;
1362
+ display: flex;
1363
+ -webkit-box-orient: vertical;
1364
+ -webkit-box-direction: normal;
1365
+ -webkit-flex-direction: column;
1366
+ -moz-box-orient: vertical;
1367
+ -moz-box-direction: normal;
1368
+ -ms-flex-direction: column;
1369
+ flex-direction: column; }
1370
+ .premium-blog-post-container .premium-blog-post-content {
1371
+ line-height: 1.5em;
1372
+ color: #777;
1373
+ font-size: 14px;
1374
+ margin-bottom: 10px; }
1375
+ .premium-blog-post-container ul.post-categories a:hover, .premium-blog-post-container ul.post-categories a:focus,
1376
+ .premium-blog-post-container .premium-blog-post-link:hover,
1377
+ .premium-blog-post-container .premium-blog-post-link:focus {
1378
+ -webkit-box-shadow: none !important;
1379
+ box-shadow: none !important;
1380
+ outline: none !important; }
1381
+ .premium-blog-post-container .premium-blog-entry-title {
1382
+ font-size: 18px;
1383
+ margin-bottom: 5px; }
1384
+ .premium-blog-post-container.premium-blog-skin-modern .premium-blog-content-wrapper {
1385
+ position: relative;
1386
+ z-index: 3;
1387
+ top: -50px; }
1388
+ .premium-blog-post-container .premium-blog-content-wrapper {
1389
+ background-color: #f5f5f5;
1390
+ padding: 30px; }
1391
+ .premium-blog-post-container .premium-blog-content-wrapper.empty-thumb {
1392
+ top: 0; }
1393
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before, .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:after {
1394
+ position: absolute;
1395
+ content: "";
1396
+ z-index: 1;
1397
+ top: 50%;
1398
+ left: 50%;
1399
+ opacity: 0;
1400
+ -webkit-transform: translate(-50%, -50%);
1401
+ -ms-transform: translate(-50%, -50%);
1402
+ transform: translate(-50%, -50%);
1403
+ -webkit-transition: all 0.4s linear 0s;
1404
+ transition: all 0.4s linear 0s;
1405
+ height: 1px;
1406
+ width: 100%;
1407
+ background-color: #fff; }
1408
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before {
1409
+ width: 1px;
1410
+ height: 100%; }
1411
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner):hover .premium-blog-thumbnail-container:after {
1412
+ width: 20px;
1413
+ opacity: 1; }
1414
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner):hover .premium-blog-thumbnail-container:before {
1415
+ height: 20px;
1416
+ opacity: 1; }
1417
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-content-wrapper {
1418
+ margin: 0px 10px 20px;
1419
+ clear: both; }
1420
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay, .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay, .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay {
1421
+ position: absolute;
1422
+ top: 0;
1423
+ left: 0;
1424
+ width: 100%;
1425
+ height: 100%;
1426
+ -webkit-transition: all 0.3s ease-in-out;
1427
+ transition: all 0.3s ease-in-out;
1428
+ opacity: 0; }
1429
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay a, .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay a, .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay a {
1430
+ -js-display: flex;
1431
+ display: -webkit-box;
1432
+ display: -webkit-flex;
1433
+ display: -moz-box;
1434
+ display: -ms-flexbox;
1435
+ display: flex;
1436
+ -webkit-box-pack: center;
1437
+ -webkit-justify-content: center;
1438
+ -moz-box-pack: center;
1439
+ -ms-flex-pack: center;
1440
+ justify-content: center;
1441
+ -webkit-box-align: center;
1442
+ -webkit-align-items: center;
1443
+ -moz-box-align: center;
1444
+ -ms-flex-align: center;
1445
+ align-items: center;
1446
+ width: 100%;
1447
+ height: 100%; }
1448
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay span,
1449
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay i, .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay span,
1450
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay i, .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay span,
1451
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay i {
1452
+ -webkit-transition: all 0.3s ease-in-out;
1453
+ transition: all 0.3s ease-in-out; }
1454
+ .premium-blog-post-container.premium-blog-skin-side {
1455
+ -js-display: flex;
1456
+ display: -webkit-box;
1457
+ display: -webkit-flex;
1458
+ display: -moz-box;
1459
+ display: -ms-flexbox;
1460
+ display: flex; }
1461
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-container {
1462
+ height: 100%; }
1463
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-content-wrapper {
1464
+ -webkit-box-flex: 1;
1465
+ -webkit-flex: 1;
1466
+ -moz-box-flex: 1;
1467
+ -ms-flex: 1;
1468
+ flex: 1; }
1469
+ .premium-blog-post-container.premium-blog-skin-banner {
1470
+ position: relative; }
1471
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper {
1472
+ position: absolute;
1473
+ width: 100%;
1474
+ bottom: -5px;
1475
+ -js-display: flex;
1476
+ display: -webkit-box;
1477
+ display: -webkit-flex;
1478
+ display: -moz-box;
1479
+ display: -ms-flexbox;
1480
+ display: flex;
1481
+ -webkit-box-orient: vertical;
1482
+ -webkit-box-direction: normal;
1483
+ -webkit-flex-direction: column;
1484
+ -moz-box-orient: vertical;
1485
+ -moz-box-direction: normal;
1486
+ -ms-flex-direction: column;
1487
+ flex-direction: column;
1488
+ background-color: transparent;
1489
+ z-index: 3;
1490
+ -webkit-transition: bottom 0.3s ease-in-out;
1491
+ transition: bottom 0.3s ease-in-out; }
1492
+ .premium-blog-post-container.premium-blog-skin-banner:hover .premium-blog-content-wrapper {
1493
+ bottom: 0px; }
1494
+ .premium-blog-post-container .premium-blog-cats-container ul.post-categories {
1495
+ margin: 0;
1496
+ padding: 0;
1497
+ list-style: none;
1498
+ -js-display: flex;
1499
+ display: -webkit-box;
1500
+ display: -webkit-flex;
1501
+ display: -moz-box;
1502
+ display: -ms-flexbox;
1503
+ display: flex; }
1504
+ .premium-blog-post-container .premium-blog-cats-container a {
1505
+ display: block;
1506
+ font-size: 12px;
1507
+ color: #fff;
1508
+ background-color: #777;
1509
+ margin: 0 3px 10px 0;
1510
+ padding: 5px;
1511
+ -webkit-transition: all 0.3s ease-in-out;
1512
+ transition: all 0.3s ease-in-out; }
1513
+
1514
  /*
1515
  * Diagonal Effect
1516
+ */
1517
+ .premium-blog-diagonal-container {
1518
+ position: absolute;
1519
+ top: 0;
1520
+ left: 0;
1521
+ width: 100%;
1522
+ height: 100%; }
1523
+
1524
+ .premium-blog-diagonal-effect:before {
1525
+ position: absolute;
1526
+ top: 0px;
1527
+ left: 0px;
1528
+ width: 100%;
1529
+ height: 100%;
1530
+ content: " ";
1531
+ z-index: 1;
1532
+ background: rgba(255, 255, 255, 0.2);
1533
+ -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
1534
+ transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
1535
+ -webkit-transition: all 0.3s linear 0s;
1536
+ transition: all 0.3s linear 0s; }
1537
+
1538
+ .premium-blog-post-outer-container:hover .premium-blog-diagonal-effect:before {
1539
+ -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
1540
+ transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); }
1541
+
1542
+ /*
1543
+ * Framed Effect
1544
+ */
1545
+ .premium-blog-framed-effect {
1546
+ position: absolute;
1547
+ width: -webkit-calc(100% - 30px);
1548
+ width: calc(100% - 30px);
1549
+ height: -webkit-calc(100% - 30px);
1550
+ height: calc(100% - 30px);
1551
+ top: 15px;
1552
+ left: 15px;
1553
+ opacity: 0;
1554
+ -webkit-transform: scale(0.3);
1555
+ -ms-transform: scale(0.3);
1556
+ transform: scale(0.3);
1557
+ -webkit-transition: all 0.3s linear 0s;
1558
+ transition: all 0.3s linear 0s; }
1559
+
1560
+ .premium-blog-post-outer-container:hover .premium-blog-framed-effect {
1561
+ opacity: 0.99;
1562
+ -webkit-transform: scale(1);
1563
+ -ms-transform: scale(1);
1564
+ transform: scale(1); }
1565
+
1566
  /*
1567
  * Bordered Effect
1568
+ */
1569
+ .premium-blog-bordered-effect {
1570
+ position: absolute;
1571
+ top: 0;
1572
+ left: 0;
1573
+ width: 100%;
1574
+ height: 100%;
1575
+ opacity: 0;
1576
+ padding: 15px;
1577
+ -webkit-transition: all 0.3s linear 0s;
1578
+ transition: all 0.3s linear 0s; }
1579
+ .premium-blog-bordered-effect .premium-blog-post-link:before, .premium-blog-bordered-effect .premium-blog-post-link:after {
1580
+ content: "";
1581
+ display: block;
1582
+ position: absolute;
1583
+ top: 0;
1584
+ left: 0;
1585
+ width: 100%;
1586
+ height: 100%;
1587
+ -webkit-transition: all 0.5s linear 0s;
1588
+ transition: all 0.5s linear 0s;
1589
+ -webkit-transition-delay: 0s;
1590
+ transition-delay: 0s;
1591
+ border-color: rgba(255, 255, 255, 0.45); }
1592
+ .premium-blog-bordered-effect .premium-blog-post-link:before {
1593
+ border-right: 2px solid;
1594
+ border-left: 2px solid;
1595
+ -webkit-transform: scale(1, 0);
1596
+ -ms-transform: scale(1, 0);
1597
+ transform: scale(1, 0);
1598
+ -webkit-transform-origin: 100% 0;
1599
+ -ms-transform-origin: 100% 0;
1600
+ transform-origin: 100% 0; }
1601
+ .premium-blog-bordered-effect .premium-blog-post-link:after {
1602
+ border-top: 2px solid;
1603
+ border-bottom: 2px solid;
1604
+ -webkit-transform: scale(0, 1);
1605
+ -ms-transform: scale(0, 1);
1606
+ transform: scale(0, 1);
1607
+ -webkit-transform-origin: 0 0;
1608
+ -ms-transform-origin: 0 0;
1609
+ transform-origin: 0 0; }
1610
+
1611
+ .premium-blog-bordered-effect:hover {
1612
+ opacity: 0.99; }
1613
+ .premium-blog-bordered-effect:hover .premium-blog-post-link:before, .premium-blog-bordered-effect:hover .premium-blog-post-link:after {
1614
+ -webkit-transition-delay: 0.15s;
1615
+ transition-delay: 0.15s;
1616
+ opacity: 1;
1617
+ -webkit-transform: scale(1);
1618
+ -ms-transform: scale(1);
1619
+ transform: scale(1); }
1620
+
1621
  /*
1622
  * Squares Effect
1623
+ */
1624
+ .premium-blog-squares-effect,
1625
+ .premium-blog-squares-square-container {
1626
+ position: absolute;
1627
+ top: 0;
1628
+ left: 0;
1629
+ width: 100%;
1630
+ height: 100%; }
1631
+
1632
+ .premium-blog-squares-effect:before, .premium-blog-squares-effect:after {
1633
+ position: absolute;
1634
+ content: "";
1635
+ top: 0;
1636
+ left: 0;
1637
+ width: 50%;
1638
+ height: 50%;
1639
+ -webkit-transform: translate(-100%, -100%);
1640
+ -ms-transform: translate(-100%, -100%);
1641
+ transform: translate(-100%, -100%);
1642
+ opacity: 0.7;
1643
+ -webkit-transition: all 0.3s linear 0s;
1644
+ transition: all 0.3s linear 0s; }
1645
+
1646
+ .premium-blog-squares-square-container:before, .premium-blog-squares-square-container:after {
1647
+ position: absolute;
1648
+ content: "";
1649
+ top: 0;
1650
+ left: 0;
1651
+ width: 50%;
1652
+ height: 50%;
1653
+ -webkit-transform: translate(-100%, -100%);
1654
+ -ms-transform: translate(-100%, -100%);
1655
+ transform: translate(-100%, -100%);
1656
+ opacity: 0.7;
1657
+ -webkit-transition: all 0.3s linear 0s;
1658
+ transition: all 0.3s linear 0s; }
1659
+
1660
+ .premium-blog-squares-square-container:before, .premium-blog-squares-square-container:after {
1661
+ opacity: 0.8; }
1662
+
1663
+ .premium-blog-squares-effect:after {
1664
+ -webkit-transform: translate(200%, 200%);
1665
+ -ms-transform: translate(200%, 200%);
1666
+ transform: translate(200%, 200%); }
1667
+
1668
+ .premium-blog-squares-square-container:before {
1669
+ -webkit-transform: translate(-100%, 200%);
1670
+ -ms-transform: translate(-100%, 200%);
1671
+ transform: translate(-100%, 200%); }
1672
+
1673
+ .premium-blog-squares-square-container:after {
1674
+ -webkit-transform: translate(200%, -100%);
1675
+ -ms-transform: translate(200%, -100%);
1676
+ transform: translate(200%, -100%); }
1677
+
1678
+ .premium-blog-squares-effect:hover:before {
1679
+ -webkit-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
1680
+ -ms-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
1681
+ transform: translate(0, 0%) scaleY(1.003) scaleX(1.003); }
1682
+
1683
+ .premium-blog-squares-effect:hover:after {
1684
+ -webkit-transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003);
1685
+ -ms-transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003);
1686
+ transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003); }
1687
+
1688
+ .premium-blog-squares-effect:hover .premium-blog-squares-square-container:before {
1689
+ -webkit-transform: translate(0, 100%);
1690
+ -ms-transform: translate(0, 100%);
1691
+ transform: translate(0, 100%); }
1692
+
1693
+ .premium-blog-squares-effect:hover .premium-blog-squares-square-container:after {
1694
+ -webkit-transform: translate(100%, 0%);
1695
+ -ms-transform: translate(100%, 0%);
1696
+ transform: translate(100%, 0%); }
1697
+
1698
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay {
1699
+ opacity: 1; }
1700
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay a {
1701
+ opacity: 1;
1702
+ -webkit-transform: scale(1);
1703
+ -ms-transform: scale(1);
1704
+ transform: scale(1); }
1705
+
1706
+ .premium-blog-clear-fix {
1707
+ clear: both; }
1708
+
1709
+ .premium-blog-masked .premium-blog-thumbnail-container {
1710
+ position: relative;
1711
+ overflow: visible; }
1712
+ .premium-blog-masked .premium-blog-thumbnail-container svg {
1713
+ position: absolute;
1714
+ height: 100px;
1715
+ width: 100%;
1716
+ bottom: -5px;
1717
+ left: 0;
1718
+ fill: #f5f5f5;
1719
+ z-index: 99; }
1720
+ .premium-blog-masked .premium-blog-thumbnail-container svg.premium-blog-shape-divider-svg {
1721
+ -webkit-transform: rotate(180deg);
1722
+ -ms-transform: rotate(180deg);
1723
+ transform: rotate(180deg); }
1724
+
1725
+ .premium-blog-masked .premium-blog-author-thumbnail,
1726
+ .premium-blog-masked .premium-blog-skin-banner .premium-blog-content-wrapper {
1727
+ z-index: 999 !important; }
1728
+
1729
+ .premium-blog-format-link {
1730
+ padding: 5px;
1731
+ line-height: 0; }
1732
+
1733
+ .premium-blog-entry-meta {
1734
+ line-height: 1.3em;
1735
+ font-size: 12px;
1736
+ margin-bottom: 13px;
1737
+ color: #adadad; }
1738
+ .premium-blog-entry-meta i {
1739
+ margin-right: 3px;
1740
+ -webkit-transition: all 0.3s ease-in-out;
1741
+ transition: all 0.3s ease-in-out; }
1742
+
1743
+ .premium-blog-meta-data {
1744
+ display: inline-block; }
1745
+ .premium-blog-meta-data .premium-blog-meta-separator {
1746
+ margin: 0 5px; }
1747
+ .premium-blog-meta-data a,
1748
+ .premium-blog-meta-data span {
1749
+ color: inherit;
1750
+ -webkit-transition: all 0.3s ease-in-out;
1751
+ transition: all 0.3s ease-in-out; }
1752
+
1753
+ .premium-blog-author-thumbnail {
1754
+ position: relative;
1755
+ padding: 0 30px;
1756
+ width: 100%;
1757
+ top: -10px;
1758
+ height: 0;
1759
+ pointer-events: none; }
1760
+ .premium-blog-author-thumbnail img {
1761
+ -webkit-border-radius: 50%;
1762
+ border-radius: 50%;
1763
+ width: 60px;
1764
+ pointer-events: all;
1765
+ -webkit-transform: translateY(-50%);
1766
+ -ms-transform: translateY(-50%);
1767
+ transform: translateY(-50%); }
1768
+
1769
+ .premium-blog-entry-title a,
1770
+ .premium-blog-post-tags-container a,
1771
+ .premium-blog-post-content .premium-blog-excerpt-link {
1772
+ -webkit-transition: all 0.3s ease-in-out;
1773
+ transition: all 0.3s ease-in-out; }
1774
+
1775
+ .premium-blog-excerpt-link-wrap a.premium-blog-excerpt-link {
1776
+ background-color: transparent;
1777
+ color: #54595f;
1778
+ padding: 0; }
1779
+
1780
+ .premium-blog-cta-full-yes .premium-blog-excerpt-link {
1781
+ width: 100%; }
1782
+
1783
+ .premium-blog-post-tags-container {
1784
+ margin-top: 8px;
1785
+ -js-display: flex;
1786
+ display: -webkit-box;
1787
+ display: -webkit-flex;
1788
+ display: -moz-box;
1789
+ display: -ms-flexbox;
1790
+ display: flex;
1791
+ -webkit-box-align: center;
1792
+ -webkit-align-items: center;
1793
+ -moz-box-align: center;
1794
+ -ms-flex-align: center;
1795
+ align-items: center;
1796
+ -webkit-flex-wrap: wrap;
1797
+ -ms-flex-wrap: wrap;
1798
+ flex-wrap: wrap; }
1799
+ .premium-blog-post-tags-container a {
1800
+ color: inherit;
1801
+ margin-left: 5px; }
1802
+
1803
+ /*Tags align*/
1804
+ .premium-blog-align-left .post-categories,
1805
+ .premium-blog-align-left .premium-blog-post-tags-container {
1806
+ -webkit-box-pack: start;
1807
+ -webkit-justify-content: flex-start;
1808
+ -moz-box-pack: start;
1809
+ -ms-flex-pack: start;
1810
+ justify-content: flex-start; }
1811
+
1812
+ .premium-blog-align-left .premium-blog-inner-container {
1813
+ -webkit-box-align: start;
1814
+ -webkit-align-items: flex-start;
1815
+ -moz-box-align: start;
1816
+ -ms-flex-align: start;
1817
+ align-items: flex-start; }
1818
+
1819
+ .premium-blog-align-center .post-categories,
1820
+ .premium-blog-align-center .premium-blog-post-tags-container {
1821
+ -webkit-box-pack: center;
1822
+ -webkit-justify-content: center;
1823
+ -moz-box-pack: center;
1824
+ -ms-flex-pack: center;
1825
+ justify-content: center; }
1826
+
1827
+ .premium-blog-align-center .premium-blog-inner-container {
1828
+ -webkit-box-align: center;
1829
+ -webkit-align-items: center;
1830
+ -moz-box-align: center;
1831
+ -ms-flex-align: center;
1832
+ align-items: center; }
1833
+
1834
+ .premium-blog-align-right .post-categories,
1835
+ .premium-blog-align-right .premium-blog-post-tags-container {
1836
+ -webkit-box-pack: end;
1837
+ -webkit-justify-content: flex-end;
1838
+ -moz-box-pack: end;
1839
+ -ms-flex-pack: end;
1840
+ justify-content: flex-end; }
1841
+
1842
+ .premium-blog-align-right .premium-blog-inner-container {
1843
+ -webkit-box-align: end;
1844
+ -webkit-align-items: flex-end;
1845
+ -moz-box-align: end;
1846
+ -ms-flex-align: end;
1847
+ align-items: flex-end; }
1848
+
1849
+ /* Pagination */
1850
+ .premium-blog-pagination-container {
1851
+ text-align: right; }
1852
+ .premium-blog-pagination-container span {
1853
+ cursor: default; }
1854
+ .premium-blog-pagination-container .page-numbers {
1855
+ display: inline-block;
1856
+ color: #000;
1857
+ line-height: 1;
1858
+ font-size: 1em;
1859
+ font-weight: 400;
1860
+ text-decoration: none;
1861
+ padding: 0.75em;
1862
+ margin: 0 0.4em 0.4em 0;
1863
+ -webkit-transition: all 0.3s ease-in-out;
1864
+ transition: all 0.3s ease-in-out; }
1865
+
1866
+ .premium-blog-wrap .premium-loading-feed {
1867
+ display: block;
1868
+ position: absolute;
1869
+ width: 100%;
1870
+ height: 100%;
1871
+ top: 0px;
1872
+ left: 0px;
1873
+ bottom: 0px;
1874
+ right: 0px;
1875
+ background: rgba(255, 255, 255, 0.2);
1876
+ -js-display: flex;
1877
+ display: -webkit-box;
1878
+ display: -webkit-flex;
1879
+ display: -moz-box;
1880
+ display: -ms-flexbox;
1881
+ display: flex;
1882
+ -webkit-box-align: center;
1883
+ -webkit-align-items: center;
1884
+ -moz-box-align: center;
1885
+ -ms-flex-align: center;
1886
+ align-items: center;
1887
+ z-index: 99; }
1888
+
1889
+ .premium-blog-wrap {
1890
+ -js-display: flex;
1891
+ display: -webkit-box;
1892
+ display: -webkit-flex;
1893
+ display: -moz-box;
1894
+ display: -ms-flexbox;
1895
+ display: flex;
1896
+ -webkit-flex-wrap: wrap;
1897
+ -ms-flex-wrap: wrap;
1898
+ flex-wrap: wrap; }
1899
+ .premium-blog-wrap ul.slick-dots {
1900
+ width: 100%; }
1901
+
1902
+ /*
1903
+ * List Layout
1904
+ */
1905
+ .premium-blog-list .premium-blog-post-outer-container {
1906
+ width: 100%; }
1907
+
1908
+ /**
1909
+ * Even Layout
1910
+ */
1911
+ .premium-blog-even .premium-blog-post-container {
1912
+ height: 100%; }
1913
+
1914
+ .premium-blog-even .slick-track {
1915
+ -js-display: flex;
1916
+ display: -webkit-box;
1917
+ display: -webkit-flex;
1918
+ display: -moz-box;
1919
+ display: -ms-flexbox;
1920
+ display: flex; }
1921
+
1922
+ .premium-blog-even .slick-slide {
1923
+ height: inherit !important; }
1924
+
1925
+ .premium-blog-filter {
1926
+ -js-display: flex;
1927
+ display: -webkit-box;
1928
+ display: -webkit-flex;
1929
+ display: -moz-box;
1930
+ display: -ms-flexbox;
1931
+ display: flex;
1932
+ -webkit-box-align: center;
1933
+ -webkit-align-items: center;
1934
+ -moz-box-align: center;
1935
+ -ms-flex-align: center;
1936
+ align-items: center;
1937
+ -webkit-box-pack: center;
1938
+ -webkit-justify-content: center;
1939
+ -moz-box-pack: center;
1940
+ -ms-flex-pack: center;
1941
+ justify-content: center; }
1942
+
1943
+ .premium-blog-filter .premium-blog-filters-container li a.category {
1944
+ outline: none;
1945
+ text-decoration: none;
1946
+ -webkit-border-radius: 75px;
1947
+ border-radius: 75px;
1948
+ margin: 15px 5px 20px;
1949
+ padding: 7px 20px;
1950
+ -webkit-transition: all 0.3s ease-in-out;
1951
+ transition: all 0.3s ease-in-out; }
1952
+
1953
+ .premium-blog-filter ul.premium-blog-filters-container {
1954
+ text-align: center;
1955
+ margin: 0;
1956
+ padding: 0; }
1957
+
1958
+ .premium-blog-filter .premium-blog-filters-container li {
1959
+ list-style: none;
1960
+ -js-display: inline-flex;
1961
+ display: -webkit-inline-box;
1962
+ display: -webkit-inline-flex;
1963
+ display: -moz-inline-box;
1964
+ display: -ms-inline-flexbox;
1965
+ display: inline-flex; }
1966
+
1967
  /**
1968
  * Responsive Style
1969
+ */
1970
+ @media (max-width: 768px) {
1971
+ .premium-blog-content-wrapper {
1972
+ top: 0;
1973
+ margin: 0;
1974
+ padding: 15px; }
1975
+ .premium-blog-skin-side {
1976
+ -webkit-box-orient: vertical;
1977
+ -webkit-box-direction: normal;
1978
+ -webkit-flex-direction: column;
1979
+ -moz-box-orient: vertical;
1980
+ -moz-box-direction: normal;
1981
+ -ms-flex-direction: column;
1982
+ flex-direction: column; } }
1983
 
1984
  /**************** Premium Button ***********************/
1985
  /*******************************************************/
3861
  -webkit-transform: rotateX(360deg);
3862
  transform: rotateX(360deg); } }
3863
 
3864
+ /************ Premium Image Scroll ************/
3865
+ /**********************************************/
3866
+ @font-face {
3867
+ font-family: "pa-elements";
3868
+ src: url("../../plugins/premium-addons-for-elementor/assets/editor/fonts/pa-elements.eot?vcwy2s");
3869
+ src: url("../../plugins/premium-addons-for-elementor/assets/editor/fonts/pa-elements.eot?vcwy2s#iefix") format("embedded-opentype"), url("../../plugins/premium-addons-for-elementor/assets/editor/fonts/pa-elements.ttf?vcwy2s") format("truetype"), url("../../plugins/premium-addons-for-elementor/assets/editor/fonts/pa-elements.woff?vcwy2s") format("woff"), url("../../plugins/premium-addons-for-elementor/assets/editor/fonts/pa-elements.svg?vcwy2s#pa-elements") format("svg");
3870
+ font-weight: normal;
3871
+ font-style: normal; }
3872
+
3873
+ .premium-image-scroll-section,
3874
+ .premium-image-scroll-container {
3875
+ -webkit-transition: all 0.3s ease-in-out;
3876
+ transition: all 0.3s ease-in-out; }
3877
+
3878
+ .premium-image-scroll-section {
3879
+ position: relative;
3880
+ overflow: hidden;
3881
+ width: 100%;
3882
+ -webkit-mask-image: -webkit-radial-gradient(white, black); }
3883
+
3884
+ .premium-image-scroll-container {
3885
+ width: 100%; }
3886
+ .premium-image-scroll-container .premium-image-scroll-mask-media {
3887
+ -webkit-mask-repeat: no-repeat;
3888
+ mask-repeat: no-repeat;
3889
+ -webkit-mask-position: center;
3890
+ mask-position: center; }
3891
+
3892
+ .premium-container-scroll {
3893
+ overflow: auto; }
3894
+
3895
+ .premium-image-scroll-container .premium-image-scroll-horizontal {
3896
+ position: relative;
3897
+ width: 100%;
3898
+ height: 100%; }
3899
+ .premium-image-scroll-container .premium-image-scroll-horizontal img {
3900
+ max-width: none;
3901
+ height: 100%; }
3902
+
3903
+ .premium-image-scroll-container .premium-image-scroll-vertical img {
3904
+ width: 100%;
3905
+ max-width: 100%;
3906
+ height: auto; }
3907
+
3908
+ .premium-image-scroll-ver {
3909
+ position: relative; }
3910
+
3911
+ .premium-image-scroll-container .premium-image-scroll-overlay {
3912
+ background: rgba(2, 2, 2, 0.3); }
3913
+
3914
+ .premium-image-scroll-container .premium-image-scroll-link,
3915
+ .premium-image-scroll-container .premium-image-scroll-overlay {
3916
+ position: absolute;
3917
+ top: 0;
3918
+ bottom: 0;
3919
+ left: 0;
3920
+ right: 0;
3921
+ z-index: 4; }
3922
+
3923
+ .premium-image-scroll-content {
3924
+ display: inline-block;
3925
+ position: absolute;
3926
+ height: auto;
3927
+ top: 50%;
3928
+ left: 50%;
3929
+ text-align: center;
3930
+ z-index: 5;
3931
+ -webkit-transform: translate(-50%, -50%);
3932
+ -ms-transform: translate(-50%, -50%);
3933
+ transform: translate(-50%, -50%); }
3934
+
3935
+ .premium-container-scroll-instant .premium-image-scroll-image {
3936
+ -webkit-transition: all 0s ease-in-out !important;
3937
+ transition: all 0s ease-in-out !important; }
3938
+
3939
+ .premium-image-scroll-container img {
3940
+ -webkit-transition: -webkit-transform 3s ease-in-out;
3941
+ transition: -webkit-transform 3s ease-in-out;
3942
+ transition: transform 3s ease-in-out;
3943
+ transition: transform 3s ease-in-out, -webkit-transform 3s ease-in-out; }
3944
+
3945
+ .premium-image-scroll-container .premium-image-scroll-overlay,
3946
+ .premium-image-scroll-container .premium-image-scroll-content {
3947
+ -webkit-transition: all 0.3s ease-in-out;
3948
+ transition: all 0.3s ease-in-out;
3949
+ opacity: 1; }
3950
+
3951
+ .premium-image-scroll-container:hover .premium-image-scroll-overlay {
3952
+ opacity: 0; }
3953
+
3954
+ .premium-image-scroll-container:hover .premium-image-scroll-content {
3955
+ opacity: 0;
3956
+ visibility: hidden; }
3957
+
3958
+ .premium-image-scroll-content .premium-image-scroll-icon {
3959
+ display: inline-block;
3960
+ font-family: "pa-elements" !important;
3961
+ speak: none;
3962
+ font-style: normal;
3963
+ font-weight: normal;
3964
+ font-variant: normal;
3965
+ text-transform: none;
3966
+ line-height: 1;
3967
+ -webkit-font-smoothing: antialiased;
3968
+ -moz-osx-font-smoothing: grayscale;
3969
+ -webkit-animation-duration: 0.5s;
3970
+ animation-duration: 0.5s;
3971
+ -webkit-animation-iteration-count: infinite;
3972
+ animation-iteration-count: infinite;
3973
+ -webkit-animation-direction: alternate;
3974
+ animation-direction: alternate;
3975
+ -webkit-animation-timing-function: ease-in-out;
3976
+ animation-timing-function: ease-in-out; }
3977
+
3978
+ .pa-horizontal-mouse-scroll:before {
3979
+ content: "\e901"; }
3980
+
3981
+ .pa-vertical-mouse-scroll:before {
3982
+ content: "\e93c"; }
3983
+
3984
+ .pa-horizontal-mouse-scroll {
3985
+ -webkit-animation-name: pa-scroll-horizontal;
3986
+ animation-name: pa-scroll-horizontal; }
3987
+
3988
+ .pa-vertical-mouse-scroll {
3989
+ -webkit-animation-name: pa-scroll-vertical;
3990
+ animation-name: pa-scroll-vertical; }
3991
+
3992
+ @-webkit-keyframes pa-scroll-vertical {
3993
+ 0% {
3994
+ -webkit-transform: translateY(0px);
3995
+ transform: translateY(0px); }
3996
+ 100% {
3997
+ -webkit-transform: translateY(5px);
3998
+ transform: translateY(5px); } }
3999
+
4000
+ @keyframes pa-scroll-vertical {
4001
+ 0% {
4002
+ -webkit-transform: translateY(0px);
4003
+ transform: translateY(0px); }
4004
+ 100% {
4005
+ -webkit-transform: translateY(5px);
4006
+ transform: translateY(5px); } }
4007
+
4008
+ @-webkit-keyframes pa-scroll-horizontal {
4009
+ 0% {
4010
+ -webkit-transform: translateX(0px);
4011
+ transform: translateX(0px); }
4012
+ 100% {
4013
+ -webkit-transform: translateX(5px);
4014
+ transform: translateX(5px); } }
4015
+
4016
+ @keyframes pa-scroll-horizontal {
4017
+ 0% {
4018
+ -webkit-transform: translateX(0px);
4019
+ transform: translateX(0px); }
4020
+ 100% {
4021
+ -webkit-transform: translateX(5px);
4022
+ transform: translateX(5px); } }
4023
 
4024
  /**************** Premium Image Separator ****************/
4025
  /*********************************************************/
4791
  position: absolute;
4792
  min-width: 250px; }
4793
 
4794
+ .premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item.menu-item-has-children.premium-item-hovered > .premium-sub-menu,
4795
+ .premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item.menu-item-has-children.premium-item-hovered .premium-mega-content-container {
4796
  opacity: 1;
4797
  visibility: visible; }
4798
 
4819
  flex-direction: row-reverse; }
4820
 
4821
  /*Horizontal Main Menu**/
4822
+ .premium-nav-hor > .elementor-widget-container > .premium-nav-widget-container > .premium-ver-inner-container > .premium-nav-menu-container {
4823
  height: 60px; }
4824
 
4825
  .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item .premium-sub-menu {
5427
  .premium-hamburger-toggle {
5428
  width: 100%; }
5429
 
5430
+ /*
5431
+ * Pointer & Pointer Animations
5432
  */
5433
  .premium-menu-link-parent::before, .premium-menu-link-parent::after {
5434
  display: block;
5765
  -webkit-transition-delay: 0.1s;
5766
  transition-delay: 0.1s; }
5767
 
5768
+ [class*="premium-nav-slide-"].premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item.premium-item-hovered > .premium-sub-menu,
5769
+ [class*="premium-nav-slide-"].premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item.premium-item-hovered > .premium-mega-content-container,
5770
+ [class*="premium-nav-slide-"].premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu.premium-item-hovered > .premium-sub-menu,
5771
+ [class*="premium-nav-slide-"].premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item.premium-item-hovered > .premium-sub-menu,
5772
+ [class*="premium-nav-slide-"].premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item.premium-item-hovered > .premium-mega-content-container,
5773
+ [class*="premium-nav-slide-"].premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu.premium-item-hovered > .premium-sub-menu {
5774
  -webkit-transform: translate(0);
5775
  -ms-transform: translate(0);
5776
  transform: translate(0); }
5814
  -ms-transform: translateX(-50%) translateY(10px);
5815
  transform: translateX(-50%) translateY(10px); }
5816
 
5817
+ .premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static.premium-item-hovered .premium-mega-content-container {
5818
  -webkit-transform: translateX(-50%) translateY(0);
5819
  -ms-transform: translateX(-50%) translateY(0);
5820
  transform: translateX(-50%) translateY(0); }
5825
  -ms-transform: translateX(-50%) translateY(-10px);
5826
  transform: translateX(-50%) translateY(-10px); }
5827
 
5828
+ .premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static.premium-item-hovered .premium-mega-content-container {
5829
  -webkit-transform: translateX(-50%) translateY(0);
5830
  -ms-transform: translateX(-50%) translateY(0);
5831
  transform: translateX(-50%) translateY(0); }
5836
  -ms-transform: translateX(-45%);
5837
  transform: translateX(-45%); }
5838
 
5839
+ .premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static.premium-item-hovered .premium-mega-content-container {
5840
  -webkit-transform: translateX(-50%);
5841
  -ms-transform: translateX(-50%);
5842
  transform: translateX(-50%); }
5847
  -ms-transform: translateX(-55%);
5848
  transform: translateX(-55%); }
5849
 
5850
+ .premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static.premium-item-hovered .premium-mega-content-container {
5851
  -webkit-transform: translateX(-50%);
5852
  -ms-transform: translateX(-50%);
5853
  transform: translateX(-50%); }
5854
 
5855
  /**Vertical - Static Mega Content*/
5856
+ .premium-nav-slide-down.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-item-static.premium-item-hovered .premium-mega-content-container,
5857
+ .premium-nav-slide-up.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-item-static.premium-item-hovered .premium-mega-content-container {
5858
  -webkit-transform: translateY(0);
5859
  -ms-transform: translateY(0);
5860
  transform: translateY(0); }
5861
 
5862
+ .premium-nav-slide-right.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-item-static.premium-item-hovered .premium-mega-content-container,
5863
+ .premium-nav-slide-left.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-item-static.premium-item-hovered .premium-mega-content-container {
5864
  -webkit-transform: translateX(0);
5865
  -ms-transform: translateX(0);
5866
  transform: translateX(0); }
6688
  -webkit-transition: all 0.3s ease-in-out;
6689
  transition: all 0.3s ease-in-out; }
6690
 
6691
+ /**************** Premium Progress Bar ****************/
6692
+ /******************************************************/
6693
+ .premium-progressbar-container {
6694
+ position: relative; }
6695
+
6696
+ .premium-progressbar-bar-wrap {
6697
+ position: relative;
6698
+ text-align: left;
6699
+ overflow: hidden;
6700
+ height: 25px;
6701
+ margin-bottom: 50px;
6702
+ background-color: #f5f5f5;
6703
+ -webkit-border-radius: 4px;
6704
+ border-radius: 4px;
6705
+ -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
6706
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }
6707
+ .premium-progressbar-bar-wrap.premium-progressbar-dots {
6708
+ background-color: transparent;
6709
+ width: 100%;
6710
+ -js-display: flex;
6711
+ display: -webkit-box;
6712
+ display: -webkit-flex;
6713
+ display: -moz-box;
6714
+ display: -ms-flexbox;
6715
+ display: flex;
6716
+ height: auto;
6717
+ -webkit-box-shadow: none;
6718
+ box-shadow: none; }
6719
+ .premium-progressbar-bar-wrap .progress-segment {
6720
+ position: relative;
6721
+ width: 25px;
6722
+ height: 25px;
6723
+ -webkit-border-radius: 50%;
6724
+ border-radius: 50%;
6725
+ overflow: hidden;
6726
+ background-color: #f5f5f5; }
6727
+ .premium-progressbar-bar-wrap .progress-segment.filled {
6728
+ background: #6ec1e4; }
6729
+ .premium-progressbar-bar-wrap .progress-segment:not(:first-child):not(:last-child) {
6730
+ margin: 0 4px; }
6731
+ .premium-progressbar-bar-wrap .progress-segment:first-child {
6732
+ margin-right: 4px; }
6733
+ .premium-progressbar-bar-wrap .progress-segment:last-child {
6734
+ margin-left: 4px; }
6735
+ .premium-progressbar-bar-wrap .progress-segment .segment-inner {
6736
+ position: absolute;
6737
+ top: 0;
6738
+ left: 0;
6739
+ height: 100%;
6740
+ background-color: #6ec1e4; }
6741
+
6742
+ .premium-progressbar-bar {
6743
+ float: left;
6744
+ width: 0%;
6745
+ height: 100%;
6746
+ font-size: 12px;
6747
+ line-height: 20px;
6748
+ background: #6ec1e4;
6749
+ text-align: center;
6750
+ -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
6751
+ box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); }
6752
+
6753
+ .premium-progressbar-striped .premium-progressbar-bar {
6754
+ 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);
6755
+ 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);
6756
+ -webkit-background-size: 40px 40px;
6757
+ background-size: 40px 40px; }
6758
+
6759
+ .premium-progressbar-active .premium-progressbar-bar {
6760
+ -webkit-animation: progress-bar-stripes 2s linear infinite;
6761
+ animation: progress-bar-stripes 2s linear infinite; }
6762
+
6763
+ .premium-progressbar-gradient .premium-progressbar-bar {
6764
+ -webkit-background-size: 400% 400% !important;
6765
+ background-size: 400% 400% !important;
6766
+ -webkit-animation: progress-bar-gradient 10s ease-in-out infinite;
6767
+ animation: progress-bar-gradient 10s ease-in-out infinite; }
6768
+
6769
+ .premium-progressbar-bar {
6770
+ position: absolute;
6771
+ overflow: hidden;
6772
+ line-height: 20px; }
6773
+
6774
+ .premium-progressbar-container .clearfix {
6775
+ clear: both; }
6776
+
6777
+ .premium-progressbar-bar {
6778
+ -webkit-transition: width 0s ease-in-out !important;
6779
+ transition: width 0s ease-in-out !important; }
6780
+
6781
+ .premium-progressbar-container p:first-of-type {
6782
+ margin: 0;
6783
+ float: left; }
6784
+
6785
+ .premium-progressbar-container p:nth-of-type(2) {
6786
+ margin: 0;
6787
+ float: right; }
6788
+
6789
+ .premium-progressbar-name {
6790
+ left: 50%;
6791
+ top: 0;
6792
+ right: 0;
6793
+ -webkit-transform: translateX(-12.5px);
6794
+ -ms-transform: translateX(-12.5px);
6795
+ transform: translateX(-12.5px);
6796
+ z-index: 1; }
6797
+
6798
+ .premium-progressbar-multiple-label {
6799
+ position: relative;
6800
+ float: left;
6801
+ width: 0;
6802
+ left: 50%; }
6803
+
6804
+ .premium-progressbar-center-label {
6805
+ position: relative;
6806
+ white-space: nowrap; }
6807
+
6808
+ .premium-progressbar-arrow {
6809
+ height: 15px;
6810
+ left: 50%;
6811
+ display: inline-block;
6812
+ border-left: 7px solid transparent;
6813
+ border-right: 7px solid transparent;
6814
+ border-top: 11px solid;
6815
+ -webkit-transform: translateX(-50%);
6816
+ -ms-transform: translateX(-50%);
6817
+ transform: translateX(-50%); }
6818
+
6819
+ .premium-progressbar-pin {
6820
+ border-left: 1px solid;
6821
+ height: 12px;
6822
+ left: 50%;
6823
+ display: inline-block; }
6824
+
6825
+ /**
6826
+ * Circle Progress Bar
6827
+ */
6828
+ .premium-progressbar-circle-wrap,
6829
+ .premium-progressbar-hf-circle-wrap {
6830
+ width: 200px;
6831
+ height: 200px;
6832
+ position: relative;
6833
+ margin: 0 auto; }
6834
+ .premium-progressbar-circle-wrap .premium-progressbar-circle-content,
6835
+ .premium-progressbar-hf-circle-wrap .premium-progressbar-circle-content {
6836
+ position: absolute;
6837
+ top: 0;
6838
+ left: 0;
6839
+ width: 100%;
6840
+ height: 100%;
6841
+ -js-display: flex;
6842
+ display: -webkit-box;
6843
+ display: -webkit-flex;
6844
+ display: -moz-box;
6845
+ display: -ms-flexbox;
6846
+ display: flex;
6847
+ -webkit-box-orient: vertical;
6848
+ -webkit-box-direction: normal;
6849
+ -webkit-flex-direction: column;
6850
+ -moz-box-orient: vertical;
6851
+ -moz-box-direction: normal;
6852
+ -ms-flex-direction: column;
6853
+ flex-direction: column;
6854
+ -webkit-box-pack: center;
6855
+ -webkit-justify-content: center;
6856
+ -moz-box-pack: center;
6857
+ -ms-flex-pack: center;
6858
+ justify-content: center;
6859
+ -webkit-box-align: center;
6860
+ -webkit-align-items: center;
6861
+ -moz-box-align: center;
6862
+ -ms-flex-align: center;
6863
+ align-items: center;
6864
+ text-align: center; }
6865
+ .premium-progressbar-circle-wrap .premium-lottie-animation,
6866
+ .premium-progressbar-hf-circle-wrap .premium-lottie-animation {
6867
+ line-height: 1; }
6868
+
6869
+ .premium-progressbar-circle-wrap .premium-progressbar-circle {
6870
+ position: absolute;
6871
+ top: 0;
6872
+ left: 0;
6873
+ width: 100%;
6874
+ height: 100%;
6875
+ -webkit-clip-path: inset(0 0 0 50%);
6876
+ clip-path: inset(0 0 0 50%); }
6877
+ .premium-progressbar-circle-wrap .premium-progressbar-circle div {
6878
+ position: absolute;
6879
+ left: 0;
6880
+ top: 0;
6881
+ height: 100%;
6882
+ width: 100%;
6883
+ border-width: 6px;
6884
+ border-style: solid;
6885
+ border-color: #54595f;
6886
+ -webkit-border-radius: 50%;
6887
+ border-radius: 50%;
6888
+ -webkit-clip-path: inset(0 50% 0 0);
6889
+ clip-path: inset(0 50% 0 0); }
6890
+ .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-left {
6891
+ -webkit-transform: rotate(0);
6892
+ -ms-transform: rotate(0);
6893
+ transform: rotate(0); }
6894
+ .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-right {
6895
+ -webkit-transform: rotate(180deg);
6896
+ -ms-transform: rotate(180deg);
6897
+ transform: rotate(180deg);
6898
+ visibility: hidden; }
6899
+
6900
+ .premium-progressbar-circle-wrap .premium-progressbar-circle-base {
6901
+ width: 100%;
6902
+ height: 100%;
6903
+ border: 6px solid #eee;
6904
+ -webkit-border-radius: 50%;
6905
+ border-radius: 50%; }
6906
+
6907
+ /**
6908
+ * Half Circle Progress Bar
6909
+ */
6910
+ .premium-progressbar-hf-container {
6911
+ position: relative;
6912
+ width: 200px;
6913
+ height: 200px; }
6914
+
6915
+ .premium-progressbar-hf-circle-wrap {
6916
+ overflow: hidden; }
6917
+ .premium-progressbar-hf-circle-wrap .premium-progressbar-left-label {
6918
+ -webkit-box-ordinal-group: 2;
6919
+ -webkit-order: 1;
6920
+ -moz-box-ordinal-group: 2;
6921
+ -ms-flex-order: 1;
6922
+ order: 1; }
6923
+
6924
+ .premium-progressbar-hf-circle {
6925
+ position: absolute;
6926
+ top: 0;
6927
+ left: 0;
6928
+ width: 100%;
6929
+ height: 100%;
6930
+ -webkit-clip-path: inset(0 0 50% 0);
6931
+ clip-path: inset(0 0 50% 0); }
6932
+
6933
+ .premium-progressbar-hf-circle-progress {
6934
+ position: absolute;
6935
+ left: 0;
6936
+ top: 0;
6937
+ height: 100%;
6938
+ width: 100%;
6939
+ border: 12px solid #000;
6940
+ -webkit-border-radius: 50%;
6941
+ border-radius: 50%;
6942
+ -webkit-clip-path: inset(50% 0 0 0);
6943
+ clip-path: inset(50% 0 0 0);
6944
+ -webkit-transform: rotate(0deg);
6945
+ -ms-transform: rotate(0deg);
6946
+ transform: rotate(0deg);
6947
+ -webkit-transition: -webkit-transform 1500ms linear;
6948
+ transition: -webkit-transform 1500ms linear;
6949
+ transition: transform 1500ms linear;
6950
+ transition: transform 1500ms linear, -webkit-transform 1500ms linear; }
6951
+
6952
+ .premium-progressbar-circle-inner {
6953
+ height: 100%;
6954
+ width: 100%;
6955
+ border: 12px solid #eee;
6956
+ -webkit-border-radius: 50%;
6957
+ border-radius: 50%; }
6958
+
6959
+ .premium-progressbar-hf-labels {
6960
+ margin: 0 auto;
6961
+ position: relative;
6962
+ font-size: 12px;
6963
+ font-weight: 400;
6964
+ -js-display: flex;
6965
+ display: -webkit-box;
6966
+ display: -webkit-flex;
6967
+ display: -moz-box;
6968
+ display: -ms-flexbox;
6969
+ display: flex;
6970
+ -webkit-box-pack: justify;
6971
+ -webkit-justify-content: space-between;
6972
+ -moz-box-pack: justify;
6973
+ -ms-flex-pack: justify;
6974
+ justify-content: space-between; }
6975
+
6976
+ @-webkit-keyframes progress-bar-stripes {
6977
+ from {
6978
+ background-position: 0 0; }
6979
+ to {
6980
+ background-position: 40px 0; } }
6981
+
6982
+ @keyframes progress-bar-stripes {
6983
+ from {
6984
+ background-position: 0 0; }
6985
+ to {
6986
+ background-position: 40px 0; } }
6987
+
6988
+ @-webkit-keyframes progress-bar-gradient {
6989
+ 0% {
6990
+ background-position: 0% 50%; }
6991
+ 50% {
6992
+ background-position: 100% 50%; }
6993
+ 100% {
6994
+ background-position: 0% 50%; } }
6995
+
6996
+ @keyframes progress-bar-gradient {
6997
+ 0% {
6998
+ background-position: 0% 50%; }
6999
+ 50% {
7000
+ background-position: 100% 50%; }
7001
+ 100% {
7002
+ background-position: 0% 50%; } }
7003
+
7004
+ @media (max-width: 768px) {
7005
+ .premium-progressbar-center-label {
7006
+ -webkit-transform: rotate(-90deg) !important;
7007
+ -ms-transform: rotate(-90deg) !important;
7008
+ transform: rotate(-90deg) !important;
7009
+ -webkit-transform-origin: 0;
7010
+ -ms-transform-origin: 0;
7011
+ transform-origin: 0; } }
7012
 
7013
  /**************** Premium Testimonials ****************/
7014
  /******************************************************/
7282
  -webkit-filter: hue-rotate(360deg);
7283
  filter: hue-rotate(360deg); } }
7284
 
7285
+ /**************** Premium Video Box ************/
7286
+ /***********************************************/
7287
+ .premium-video-box-transform {
7288
+ -webkit-transform: none !important;
7289
+ -ms-transform: none !important;
7290
+ transform: none !important; }
7291
+
7292
+ .premium-video-box-container {
7293
+ -js-display: flex;
7294
+ display: -webkit-box;
7295
+ display: -webkit-flex;
7296
+ display: -moz-box;
7297
+ display: -ms-flexbox;
7298
+ display: flex;
7299
+ -webkit-box-orient: vertical;
7300
+ -webkit-box-direction: normal;
7301
+ -webkit-flex-direction: column;
7302
+ -moz-box-orient: vertical;
7303
+ -moz-box-direction: normal;
7304
+ -ms-flex-direction: column;
7305
+ flex-direction: column; }
7306
+
7307
+ .premium-video-box-container > div {
7308
+ position: relative;
7309
+ overflow: hidden; }
7310
+
7311
+ .pa-aspect-ratio-11 .premium-video-box-container > div {
7312
+ padding-bottom: 100%; }
7313
+
7314
+ .pa-aspect-ratio-169 .premium-video-box-container > div {
7315
+ padding-bottom: 56.25%; }
7316
+
7317
+ .pa-aspect-ratio-43 .premium-video-box-container > div {
7318
+ padding-bottom: 75%; }
7319
+
7320
+ .pa-aspect-ratio-32 .premium-video-box-container > div {
7321
+ padding-bottom: 66.6666%; }
7322
+
7323
+ .pa-aspect-ratio-219 .premium-video-box-container > div {
7324
+ padding-bottom: 42.8571%; }
7325
+
7326
+ .pa-aspect-ratio-916 .premium-video-box-container > div {
7327
+ padding-bottom: 177.8%; }
7328
+
7329
+ .premium-video-box-image-container {
7330
+ position: absolute;
7331
+ top: 0;
7332
+ left: 0;
7333
+ bottom: 0;
7334
+ right: 0;
7335
+ width: 100%;
7336
+ height: 100%;
7337
+ -webkit-background-size: cover;
7338
+ background-size: cover;
7339
+ background-position: 50%;
7340
+ cursor: pointer;
7341
+ margin: auto;
7342
+ -webkit-transition: 0.2s all;
7343
+ transition: 0.2s all; }
7344
+
7345
+ .premium-video-box-play-icon-container {
7346
+ position: absolute;
7347
+ z-index: 2;
7348
+ cursor: pointer;
7349
+ -webkit-transform: translate(-50%, -50%);
7350
+ -ms-transform: translate(-50%, -50%);
7351
+ transform: translate(-50%, -50%);
7352
+ background: rgba(252, 252, 252, 0.35); }
7353
+
7354
+ .premium-video-box-description-container {
7355
+ position: absolute;
7356
+ z-index: 2;
7357
+ padding: 5px;
7358
+ text-align: center;
7359
+ cursor: pointer;
7360
+ -webkit-transform: translate(-50%, -50%);
7361
+ -ms-transform: translate(-50%, -50%);
7362
+ transform: translate(-50%, -50%); }
7363
+
7364
+ .premium-video-box-text {
7365
+ margin-bottom: 0 !important;
7366
+ -webkit-transition: all 0.3s ease-in-out;
7367
+ transition: all 0.3s ease-in-out; }
7368
+
7369
+ .premium-video-box-play-icon {
7370
+ padding: 15px;
7371
+ -webkit-transform: translateX(4%);
7372
+ -ms-transform: translateX(4%);
7373
+ transform: translateX(4%);
7374
+ -webkit-transition: all 0.3s ease-in-out;
7375
+ transition: all 0.3s ease-in-out; }
7376
+
7377
+ .premium-video-box-video-container,
7378
+ .premium-vid-lightbox-container {
7379
+ position: absolute;
7380
+ top: 0;
7381
+ left: 0;
7382
+ z-index: 2;
7383
+ width: 100%;
7384
+ height: 100%;
7385
+ -webkit-transition: opacity 0.8s ease-in-out;
7386
+ transition: opacity 0.8s ease-in-out;
7387
+ overflow: hidden;
7388
+ cursor: pointer; }
7389
+
7390
+ .premium-video-box-container[data-overlay="true"][data-type="self"] .premium-video-box-video-container {
7391
+ opacity: 0;
7392
+ visibility: hidden; }
7393
+
7394
+ .premium-video-box-video-container iframe {
7395
+ max-width: 100%;
7396
+ width: 100%;
7397
+ height: 100%;
7398
+ margin: 0;
7399
+ line-height: 1;
7400
+ border: none; }
7401
+
7402
+ .premium-video-box-video-container video {
7403
+ max-width: 100%;
7404
+ width: 100%;
7405
+ height: 100%;
7406
+ margin: 0;
7407
+ line-height: 1;
7408
+ border: none;
7409
+ background-color: #000;
7410
+ -o-object-fit: contain;
7411
+ object-fit: contain; }
7412
+
7413
+ .premium-video-box-container .premium-video-box-vimeo-wrap {
7414
+ -js-display: flex;
7415
+ display: -webkit-box;
7416
+ display: -webkit-flex;
7417
+ display: -moz-box;
7418
+ display: -ms-flexbox;
7419
+ display: flex;
7420
+ position: absolute;
7421
+ top: 0;
7422
+ left: 0;
7423
+ z-index: 3;
7424
+ margin: 10px;
7425
+ margin-right: 10px;
7426
+ -webkit-transition: opacity 0.2s ease-out;
7427
+ transition: opacity 0.2s ease-out;
7428
+ margin-right: 4.6em; }
7429
+
7430
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-portrait {
7431
+ width: 60px;
7432
+ height: 60px;
7433
+ background: rgba(23, 35, 34, 0.75);
7434
+ margin-right: 1px;
7435
+ -webkit-box-flex: 1;
7436
+ -webkit-flex: 1 0 auto;
7437
+ -moz-box-flex: 1;
7438
+ -ms-flex: 1 0 auto;
7439
+ flex: 1 0 auto;
7440
+ padding: 0; }
7441
+
7442
+ .premium-video-box-vimeo-portrait img {
7443
+ width: 50px;
7444
+ height: 50px;
7445
+ margin: 5px;
7446
+ padding: 0;
7447
+ border: 0;
7448
+ -webkit-border-radius: 50%;
7449
+ border-radius: 50%; }
7450
+
7451
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-headers {
7452
+ font-size: 10px; }
7453
+
7454
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-title {
7455
+ max-width: 100%;
7456
+ font-size: 2em !important;
7457
+ font-weight: 700;
7458
+ margin: 0;
7459
+ padding: 0.1em 0.2em;
7460
+ background: rgba(23, 35, 34, 0.75);
7461
+ display: inline-block;
7462
+ text-transform: none;
7463
+ line-height: normal;
7464
+ letter-spacing: normal; }
7465
+
7466
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-byline {
7467
+ font-size: 1.2em !important;
7468
+ font-weight: 400;
7469
+ color: #fff;
7470
+ margin-top: 0.1em;
7471
+ padding: 0.2em 0.5em;
7472
+ background: rgba(23, 35, 34, 0.75);
7473
+ text-transform: none;
7474
+ line-height: normal;
7475
+ letter-spacing: normal; }
7476
+
7477
+ .premium-video-box-playlist-container {
7478
+ -js-display: flex;
7479
+ display: -webkit-box;
7480
+ display: -webkit-flex;
7481
+ display: -moz-box;
7482
+ display: -ms-flexbox;
7483
+ display: flex;
7484
+ -webkit-flex-wrap: wrap;
7485
+ -ms-flex-wrap: wrap;
7486
+ flex-wrap: wrap; }
7487
+ .premium-video-box-playlist-container .premium-video-box-container {
7488
+ height: 100%;
7489
+ overflow: hidden; }
7490
+
7491
+ .premium-video-box-container:hover .premium-video-box-image-container.zoomin {
7492
+ -webkit-transform: scale(1.1);
7493
+ -ms-transform: scale(1.1);
7494
+ transform: scale(1.1); }
7495
+
7496
+ .premium-video-box-container:hover .premium-video-box-image-container.zoomout {
7497
+ -webkit-transform: scale(1);
7498
+ -ms-transform: scale(1);
7499
+ transform: scale(1); }
7500
+
7501
+ .premium-video-box-container:hover .premium-video-box-image-container.scale {
7502
+ -webkit-transform: scale(1.3) rotate(5deg);
7503
+ -ms-transform: scale(1.3) rotate(5deg);
7504
+ transform: scale(1.3) rotate(5deg); }
7505
+
7506
+ .premium-video-box-container:hover .premium-video-box-image-container.gray {
7507
+ -webkit-filter: grayscale(0%);
7508
+ filter: grayscale(0%); }
7509
+
7510
+ .premium-video-box-container:hover .premium-video-box-image-container.blur {
7511
+ -webkit-filter: blur(3px);
7512
+ filter: blur(3px); }
7513
+
7514
+ .premium-video-box-container:hover .premium-video-box-image-container.sepia {
7515
+ -webkit-filter: sepia(0%);
7516
+ filter: sepia(0%); }
7517
+
7518
+ .premium-video-box-container:hover .premium-video-box-image-container.trans {
7519
+ -webkit-transform: translateX(0px) scale(1.1);
7520
+ -ms-transform: translateX(0px) scale(1.1);
7521
+ transform: translateX(0px) scale(1.1); }
7522
+
7523
+ .premium-video-box-container:hover .premium-video-box-image-container.bright {
7524
+ -webkit-filter: brightness(1.2);
7525
+ filter: brightness(1.2); }
7526
+
7527
+ .premium-video-box-image-container.gray {
7528
+ -webkit-filter: grayscale(100%);
7529
+ filter: grayscale(100%); }
7530
+
7531
+ .premium-video-box-image-container.zoomout, .premium-video-box-image-container.scale {
7532
+ -webkit-transform: scale(1.2);
7533
+ -ms-transform: scale(1.2);
7534
+ transform: scale(1.2); }
7535
+
7536
+ .premium-video-box-image-container.sepia {
7537
+ -webkit-filter: sepia(30%);
7538
+ filter: sepia(30%); }
7539
+
7540
+ .premium-video-box-image-container.bright {
7541
+ -webkit-filter: brightness(1);
7542
+ filter: brightness(1); }
7543
+
7544
+ .premium-video-box-image-container.trans {
7545
+ -webkit-transform: translateX(-15px) scale(1.1);
7546
+ -ms-transform: translateX(-15px) scale(1.1);
7547
+ transform: translateX(-15px) scale(1.1); }
7548
+
7549
+ .premium-video-box-mask-media {
7550
+ -webkit-mask-repeat: no-repeat;
7551
+ mask-repeat: no-repeat; }
7552
+
7553
+ /* Sticky Video Option */
7554
+ .premium-video-box-container.premium-video-box-sticky-apply {
7555
+ z-index: 99;
7556
+ overflow: unset; }
7557
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
7558
+ position: fixed !important;
7559
+ z-index: 99999;
7560
+ height: 225px;
7561
+ width: 400px;
7562
+ background: #fff; }
7563
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-vimeo-wrap,
7564
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-container:before {
7565
+ visibility: hidden; }
7566
+ .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 {
7567
+ -webkit-box-shadow: unset;
7568
+ box-shadow: unset; }
7569
+
7570
+ .premium-video-box-sticky-close,
7571
+ .premium-video-box-sticky-infobar {
7572
+ display: none; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
7573
 
7574
+ .premium-video-box-sticky-apply .premium-video-box-sticky-close {
7575
+ position: absolute;
7576
+ padding: 5px;
7577
+ cursor: pointer;
7578
+ z-index: 99999;
7579
+ height: 14px;
7580
+ width: 14px;
7581
+ -webkit-box-sizing: content-box;
7582
+ -moz-box-sizing: content-box;
7583
+ box-sizing: content-box;
7584
+ -webkit-border-radius: 100%;
7585
+ border-radius: 100%;
7586
+ -js-display: flex;
7587
+ display: -webkit-box;
7588
+ display: -webkit-flex;
7589
+ display: -moz-box;
7590
+ display: -ms-flexbox;
7591
+ display: flex;
7592
+ -webkit-box-pack: center;
7593
+ -webkit-justify-content: center;
7594
+ -moz-box-pack: center;
7595
+ -ms-flex-pack: center;
7596
+ justify-content: center;
7597
+ -webkit-box-align: center;
7598
+ -webkit-align-items: center;
7599
+ -moz-box-align: center;
7600
+ -ms-flex-align: center;
7601
+ align-items: center; }
7602
+
7603
+ .premium-video-box-sticky-apply .premium-video-box-play-icon-container {
7604
+ -js-display: flex;
7605
+ display: -webkit-box;
7606
+ display: -webkit-flex;
7607
+ display: -moz-box;
7608
+ display: -ms-flexbox;
7609
+ display: flex; }
7610
+
7611
+ .premium-video-box-sticky-apply .premium-video-box-play-icon {
7612
+ -webkit-transition: none;
7613
+ transition: none; }
7614
+
7615
+ .premium-video-box-sticky-apply .premium-video-box-sticky-infobar {
7616
+ display: block;
7617
+ position: relative;
7618
+ top: 100%;
7619
+ width: 100%;
7620
+ padding: 5px;
7621
+ text-align: center;
7622
+ z-index: 9999;
7623
+ margin-top: -1px; }
7624
+
7625
+ .premium-video-box-sticky-apply .premium-video-box-inner-wrap.ui-draggable {
7626
+ cursor: move; }
7627
+
7628
+ .premium-video-sticky-top-left
7629
+ .premium-video-box-container.premium-video-box-sticky-apply
7630
+ .premium-video-box-inner-wrap {
7631
+ right: auto;
7632
+ left: 20px;
7633
+ top: 20px; }
7634
+
7635
+ .premium-video-sticky-bottom-left
7636
+ .premium-video-box-container.premium-video-box-sticky-apply
7637
+ .premium-video-box-inner-wrap {
7638
+ right: auto;
7639
+ left: 20px;
7640
+ bottom: 20px; }
7641
+
7642
+ .premium-video-sticky-top-right
7643
+ .premium-video-box-container.premium-video-box-sticky-apply
7644
+ .premium-video-box-inner-wrap {
7645
+ left: auto;
7646
+ right: 20px;
7647
+ top: 20px; }
7648
+
7649
+ .premium-video-sticky-bottom-right
7650
+ .premium-video-box-container.premium-video-box-sticky-apply
7651
+ .premium-video-box-inner-wrap {
7652
+ left: auto;
7653
+ right: 20px;
7654
+ bottom: 20px; }
7655
+
7656
+ .premium-video-sticky-center-left
7657
+ .premium-video-box-container.premium-video-box-sticky-apply
7658
+ .premium-video-box-inner-wrap {
7659
+ right: auto;
7660
+ left: 20px;
7661
+ top: 50%;
7662
+ -webkit-transform: translateY(-50%);
7663
+ -ms-transform: translateY(-50%);
7664
+ transform: translateY(-50%); }
7665
+
7666
+ .premium-video-sticky-center-right
7667
+ .premium-video-box-container.premium-video-box-sticky-apply
7668
+ .premium-video-box-inner-wrap {
7669
+ left: auto;
7670
+ right: 20px;
7671
+ top: 50%;
7672
+ -webkit-transform: translateY(-50%);
7673
+ -ms-transform: translateY(-50%);
7674
+ transform: translateY(-50%); }
7675
+
7676
+ .premium-video-sticky-bottom-right
7677
+ .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply
7678
+ .premium-video-box-inner-wrap,
7679
+ .premium-video-sticky-bottom-left
7680
+ .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply
7681
+ .premium-video-box-inner-wrap {
7682
+ bottom: 55px; }
7683
+
7684
+ .premium-video-sticky-top-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
7685
+ .premium-video-sticky-bottom-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
7686
+ .premium-video-sticky-center-left .premium-video-box-sticky-apply .premium-video-box-sticky-close {
7687
+ top: -10px;
7688
+ right: -10px; }
7689
+
7690
+ .premium-video-sticky-top-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
7691
+ .premium-video-sticky-bottom-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
7692
+ .premium-video-sticky-center-right .premium-video-box-sticky-apply .premium-video-box-sticky-close {
7693
+ top: -10px;
7694
+ left: -10px; }
7695
+
7696
+ .premium-video-box-filter-sticky {
7697
+ -webkit-filter: none !important;
7698
+ filter: none !important; }
7699
+
7700
+ .premium-mscroll-yes.elementor-widget-premium-addon-video-box div {
7701
+ cursor: default; }
7702
+
7703
+ .premium-video-box-background {
7704
+ width: 100%; }
7705
+
7706
+ .premium-video-box-background + div {
7707
+ position: absolute;
7708
+ width: 80%;
7709
+ height: 80%;
7710
+ top: 0;
7711
+ left: 0; }
7712
+
7713
+ /************ Premium Vertical Scroll ************/
7714
+ /*************************************************/
7715
+ .premium-vscroll-inner {
7716
+ position: relative;
7717
+ min-height: 100%; }
7718
+ .premium-vscroll-inner .premium-vscroll-dots {
7719
+ position: fixed;
7720
+ z-index: 100;
7721
+ opacity: 1;
7722
+ margin-top: -32px;
7723
+ -webkit-transition: all 0.3s ease-in-out;
7724
+ transition: all 0.3s ease-in-out; }
7725
+
7726
+ .premium-vscroll-wrap .premium-vscroll-nav-menu {
7727
+ opacity: 1;
7728
+ -webkit-transition: all 0.3s ease-in-out;
7729
+ transition: all 0.3s ease-in-out; }
7730
+
7731
+ .premium-vscroll-inner .premium-vscroll-dots,
7732
+ .premium-vscroll-wrap .premium-vscroll-dots-hide {
7733
+ opacity: 0;
7734
+ visibility: hidden; }
7735
+
7736
+ .premium-vscroll-nav-dots-yes .premium-vscroll-inner .premium-vscroll-dots:not(.premium-vscroll-dots-hide) {
7737
+ opacity: 1;
7738
+ visibility: visible; }
7739
+
7740
+ .premium-vscroll-dots.middle {
7741
+ top: 50%;
7742
+ margin-top: 0;
7743
+ -webkit-transform: translateY(-50%);
7744
+ -ms-transform: translateY(-50%);
7745
+ transform: translateY(-50%); }
7746
+
7747
+ .premium-vscroll-dots.top {
7748
+ top: 40px; }
7749
+
7750
+ .premium-vscroll-dots.bottom {
7751
+ bottom: 30px; }
7752
+
7753
+ .premium-vscroll-dots.right {
7754
+ right: 17px; }
7755
+
7756
+ .premium-vscroll-dots.left {
7757
+ left: 17px; }
7758
+
7759
+ .premium-vscroll-inner ul.premium-vscroll-dots-list,
7760
+ .premium-vscroll-wrap .premium-vscroll-nav-menu {
7761
+ margin: 0 !important;
7762
+ padding: 0; }
7763
+
7764
+ .premium-vscroll-inner ul.premium-vscroll-dots-list li {
7765
+ width: 14px;
7766
+ height: 13px;
7767
+ margin: 7px;
7768
+ position: relative;
7769
+ -js-display: flex;
7770
+ display: -webkit-box;
7771
+ display: -webkit-flex;
7772
+ display: -moz-box;
7773
+ display: -ms-flexbox;
7774
+ display: flex;
7775
+ -webkit-box-pack: center;
7776
+ -webkit-justify-content: center;
7777
+ -moz-box-pack: center;
7778
+ -ms-flex-pack: center;
7779
+ justify-content: center;
7780
+ -webkit-box-align: center;
7781
+ -webkit-align-items: center;
7782
+ -moz-box-align: center;
7783
+ -ms-flex-align: center;
7784
+ align-items: center;
7785
+ overflow: visible; }
7786
+
7787
+ .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link {
7788
+ display: block;
7789
+ position: relative;
7790
+ z-index: 1;
7791
+ width: 100%;
7792
+ height: 100%;
7793
+ cursor: pointer;
7794
+ text-decoration: none; }
7795
+ .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link span {
7796
+ top: 2px;
7797
+ left: 2.5px;
7798
+ width: 8px;
7799
+ height: 8px;
7800
+ border: 1px solid #000;
7801
+ -webkit-border-radius: 50%;
7802
+ border-radius: 50%;
7803
+ position: absolute;
7804
+ z-index: 1;
7805
+ -webkit-transition: all 0.3s ease-in-out;
7806
+ transition: all 0.3s ease-in-out; }
7807
+
7808
+ .premium-vscroll-inner .premium-vscroll-dot-item.active .premium-vscroll-nav-link span {
7809
+ -webkit-transform: scale(1.6);
7810
+ -ms-transform: scale(1.6);
7811
+ transform: scale(1.6); }
7812
+
7813
+ .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-tooltip {
7814
+ position: absolute;
7815
+ color: #fff;
7816
+ font-size: 14px;
7817
+ font-family: arial, helvetica, sans-serif;
7818
+ white-space: nowrap;
7819
+ max-width: 220px;
7820
+ padding-left: 0.4em;
7821
+ padding-right: 0.4em; }
7822
+
7823
+ .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip {
7824
+ right: 27px; }
7825
+
7826
+ .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item {
7827
+ width: 4px;
7828
+ height: 30px; }
7829
+ .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item span {
7830
+ width: 100%;
7831
+ height: 100%;
7832
+ -webkit-border-radius: 0;
7833
+ border-radius: 0; }
7834
+ .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item.active span {
7835
+ -webkit-transform: scale(1);
7836
+ -ms-transform: scale(1);
7837
+ transform: scale(1); }
7838
+
7839
+ .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip::after {
7840
+ position: absolute;
7841
+ top: 50%;
7842
+ content: "";
7843
+ left: -webkit-calc(100% - 1px);
7844
+ left: calc(100% - 1px);
7845
+ width: 10px;
7846
+ height: 0;
7847
+ border-top: 6px solid transparent;
7848
+ border-bottom: 6px solid transparent;
7849
+ border-left: 6px solid;
7850
+ -webkit-transform: translateY(-50%);
7851
+ -ms-transform: translateY(-50%);
7852
+ transform: translateY(-50%); }
7853
+
7854
+ .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip {
7855
+ left: 27px; }
7856
+ .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip::after {
7857
+ position: absolute;
7858
+ top: 50%;
7859
+ content: "";
7860
+ right: -webkit-calc(100% - 1px);
7861
+ right: calc(100% - 1px);
7862
+ width: 10px;
7863
+ height: 0;
7864
+ border-top: 6px solid transparent;
7865
+ border-bottom: 6px solid transparent;
7866
+ border-right: 6px solid;
7867
+ -webkit-transform: translateY(-50%);
7868
+ -ms-transform: translateY(-50%);
7869
+ transform: translateY(-50%); }
7870
+
7871
+ /* * Lines */
7872
+ @media (max-width: 768px) {
7873
+ .premium-vscroll-dots.right {
7874
+ right: 7px; }
7875
+ .premium-vscroll-dots.left {
7876
+ left: 7px; } }
7877
+
7878
+ .premium-vscroll-nav-menu {
7879
+ position: fixed;
7880
+ top: 20px;
7881
+ height: 40px;
7882
+ z-index: 100;
7883
+ padding: 0;
7884
+ margin: 0; }
7885
+ .premium-vscroll-nav-menu.left {
7886
+ left: 0; }
7887
+ .premium-vscroll-nav-menu.right {
7888
+ right: 0; }
7889
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item {
7890
+ display: inline-block;
7891
+ margin: 10px;
7892
+ color: #000;
7893
+ background: #fff;
7894
+ background: rgba(255, 255, 255, 0.3); }
7895
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link {
7896
+ padding: 9px 18px;
7897
+ display: block;
7898
+ cursor: pointer;
7899
+ color: #000; }
7900
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:hover {
7901
+ color: #000; }
7902
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:focus {
7903
+ outline: none; }
7904
+
7905
+ .multiscroll-nav li a:focus {
7906
+ outline: none; }
7907
+
7908
+ .premium-vscroll-temp .slimScrollBar {
7909
+ visibility: hidden; }
7910
+
7911
+ [data-hijacking="off"] .premium-vscroll-temp {
7912
+ height: 100vh; }
7913
+ [data-hijacking="off"] .premium-vscroll-temp > div {
7914
+ opacity: 0;
7915
+ top: 0;
7916
+ left: 0;
7917
+ width: 100%;
7918
+ /* Force Hardware Acceleration */
7919
+ -webkit-transform: translateZ(0);
7920
+ transform: translateZ(0);
7921
+ -webkit-backface-visibility: hidden;
7922
+ backface-visibility: hidden; }
7923
+
7924
+ [data-hijacking="off"] .premium-vscroll-temp:first-of-type > div::before {
7925
+ display: none;
7926
+ position: absolute;
7927
+ width: 100%;
7928
+ top: 20px;
7929
+ z-index: 2; }
7930
+
7931
+ [data-hijacking="off"][data-animation="rotate"] .premium-vscroll-temp {
7932
+ position: relative;
7933
+ /* enable a 3D-space for children elements */
7934
+ -webkit-perspective: 1800px;
7935
+ perspective: 1800px; }
7936
+ [data-hijacking="off"][data-animation="rotate"] .premium-vscroll-temp > div {
7937
+ position: absolute;
7938
+ -webkit-transform-origin: center bottom;
7939
+ -ms-transform-origin: center bottom;
7940
+ transform-origin: center bottom; }
7941
+ [data-hijacking="off"][data-animation="rotate"] .premium-vscroll-temp:last-of-type > div {
7942
+ opacity: 1 !important;
7943
+ -webkit-transform: translateY(0px) scale(1) rotateX(0deg) !important;
7944
+ transform: translateY(0px) scale(1) rotateX(0deg) !important; }
7945
+
7946
+ [data-hijacking="off"][data-animation="parallax"] .premium-vscroll-temp > div {
7947
+ position: fixed; }
7948
+
7949
+ [data-hijacking="off"][data-animation="scaleDown"] .premium-vscroll-temp > div {
7950
+ position: fixed; }
7951
+
7952
+ [data-hijacking="off"] .premium-vscroll-parallax-last {
7953
+ -webkit-transform: translateY(0px) scale(1) !important;
7954
+ -ms-transform: translateY(0px) scale(1) !important;
7955
+ transform: translateY(0px) scale(1) !important; }
7956
+
7957
+ [data-hijacking="off"] .premium-vscroll-parallax-position {
7958
+ position: unset !important; }
7959
 
7960
  /********** Premium Woo Products **********/
7961
  /******************************************/
8964
 
8965
  /*
8966
  * Common Title/Dual Heading
8967
+ */
8968
+ .premium-title-bg-text:before {
8969
+ position: absolute;
8970
+ content: attr(data-background);
8971
+ top: 0;
8972
+ left: 0;
8973
+ text-align: left; }
8974
+
8975
+ .premium-bg-text-yes .elementor-widget-container:before {
8976
+ position: absolute;
8977
+ top: 0;
8978
+ left: 0;
8979
+ text-align: left; }
8980
+
8981
+ .premium-mask-yes .premium-dual-header-first-clip .premium-dual-header-first-span .premium-mask-span,
8982
+ .premium-mask-yes .premium-dual-header-second-clip .premium-mask-span {
8983
+ background: inherit; }
8984
+
8985
+ .premium-mask-yes .premium-mask-span {
8986
+ position: relative;
8987
+ overflow: hidden;
8988
+ -js-display: inline-flex !important;
8989
+ display: -webkit-inline-box !important;
8990
+ display: -webkit-inline-flex !important;
8991
+ display: -moz-inline-box !important;
8992
+ display: -ms-inline-flexbox !important;
8993
+ display: inline-flex !important; }
8994
+ .premium-mask-yes .premium-mask-span::after {
8995
+ content: "";
8996
+ position: absolute;
8997
+ top: 0;
8998
+ right: 0px;
8999
+ width: 100%;
9000
+ height: 100%;
9001
+ background-color: currentColor;
9002
+ -webkit-backface-visibility: visible;
9003
+ backface-visibility: visible; }
9004
+
9005
+ .premium-mask-active.premium-mask-tr .premium-mask-span::after {
9006
+ -webkit-animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
9007
+ animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
9008
+ -webkit-transform: translateX(-103%);
9009
+ -ms-transform: translateX(-103%);
9010
+ transform: translateX(-103%); }
9011
+
9012
+ .premium-mask-active.premium-mask-tl .premium-mask-span::after {
9013
+ -webkit-animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
9014
+ animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
9015
+ -webkit-transform: translateX(103%);
9016
+ -ms-transform: translateX(103%);
9017
+ transform: translateX(103%); }
9018
+
9019
+ .premium-mask-active.premium-mask-tb .premium-mask-span::after {
9020
+ -webkit-animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
9021
+ animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
9022
+ -webkit-transform: translateY(-103%);
9023
+ -ms-transform: translateY(-103%);
9024
+ transform: translateY(-103%); }
9025
+
9026
+ .premium-mask-active.premium-mask-tt .premium-mask-span::after {
9027
+ -webkit-animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
9028
+ animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
9029
+ -webkit-transform: translateY(103%);
9030
+ -ms-transform: translateY(103%);
9031
+ transform: translateY(103%); }
9032
+
9033
+ @-webkit-keyframes pa-mask-tr {
9034
+ 0% {
9035
+ -webkit-transform: translateX(0%);
9036
+ transform: translateX(0%); }
9037
+ 100% {
9038
+ -webkit-transform: translateX(103%);
9039
+ transform: translateX(103%); } }
9040
+
9041
+ @keyframes pa-mask-tr {
9042
+ 0% {
9043
+ -webkit-transform: translateX(0%);
9044
+ transform: translateX(0%); }
9045
+ 100% {
9046
+ -webkit-transform: translateX(103%);
9047
+ transform: translateX(103%); } }
9048
+
9049
+ @-webkit-keyframes pa-mask-tl {
9050
+ 0% {
9051
+ -webkit-transform: translateX(0%);
9052
+ transform: translateX(0%); }
9053
+ 100% {
9054
+ -webkit-transform: translateX(-103%);
9055
+ transform: translateX(-103%); } }
9056
+
9057
+ @keyframes pa-mask-tl {
9058
+ 0% {
9059
+ -webkit-transform: translateX(0%);
9060
+ transform: translateX(0%); }
9061
+ 100% {
9062
+ -webkit-transform: translateX(-103%);
9063
+ transform: translateX(-103%); } }
9064
+
9065
+ @-webkit-keyframes pa-mask-tb {
9066
+ 0% {
9067
+ -webkit-transform: translateY(0%);
9068
+ transform: translateY(0%); }
9069
+ 100% {
9070
+ -webkit-transform: translateY(103%);
9071
+ transform: translateY(103%); } }
9072
+
9073
+ @keyframes pa-mask-tb {
9074
+ 0% {
9075
+ -webkit-transform: translateY(0%);
9076
+ transform: translateY(0%); }
9077
+ 100% {
9078
+ -webkit-transform: translateY(103%);
9079
+ transform: translateY(103%); } }
9080
+
9081
+ @-webkit-keyframes pa-mask-tt {
9082
+ 0% {
9083
+ -webkit-transform: translateY(0%);
9084
+ transform: translateY(0%); }
9085
+ 100% {
9086
+ -webkit-transform: translateY(-103%);
9087
+ transform: translateY(-103%); } }
9088
+
9089
+ @keyframes pa-mask-tt {
9090
+ 0% {
9091
+ -webkit-transform: translateY(0%);
9092
+ transform: translateY(0%); }
9093
+ 100% {
9094
+ -webkit-transform: translateY(-103%);
9095
+ transform: translateY(-103%); } }
9096
+
9097
  /*
9098
  * Common Buttons Style.
9099
+ */
9100
+ .premium-button .premium-lottie-animation,
9101
+ .premium-image-button .premium-lottie-animation {
9102
+ -js-display: flex;
9103
+ display: -webkit-box;
9104
+ display: -webkit-flex;
9105
+ display: -moz-box;
9106
+ display: -ms-flexbox;
9107
+ display: flex; }
9108
+
9109
+ .premium-button svg,
9110
+ .premium-image-button svg {
9111
+ width: 30px;
9112
+ height: 30px; }
9113
+
9114
+ .premium-btn-sm,
9115
+ .premium-btn-md,
9116
+ .premium-btn-lg,
9117
+ .premium-btn-block {
9118
+ background-color: #eee;
9119
+ color: #042551;
9120
+ margin: 0px;
9121
+ text-decoration: none; }
9122
+ .premium-btn-sm:hover,
9123
+ .premium-btn-md:hover,
9124
+ .premium-btn-lg:hover,
9125
+ .premium-btn-block:hover {
9126
+ background-color: #54595f;
9127
+ color: #eee; }
9128
+
9129
+ div[class*="elementor-widget-premium"] .premium-btn-sm {
9130
+ padding: 12px 24px;
9131
+ font-size: 14px;
9132
+ line-height: 1; }
9133
+
9134
+ div[class*="elementor-widget-premium"] .premium-btn-md {
9135
+ padding: 14px 26px;
9136
+ font-size: 16px;
9137
+ line-height: 1.2; }
9138
+
9139
+ div[class*="elementor-widget-premium"] .premium-btn-lg {
9140
+ padding: 16px 28px;
9141
+ font-size: 18px;
9142
+ line-height: 1.3333; }
9143
+
9144
+ div[class*="elementor-widget-premium"] .premium-btn-block {
9145
+ font-size: 18px;
9146
+ line-height: 1;
9147
+ padding: 20px 0px;
9148
+ width: 100%;
9149
+ text-align: center; }
9150
+
9151
+ .premium-button-text {
9152
+ display: inline-block;
9153
+ width: 100%; }
9154
+
9155
  /*
9156
  * Common Button/Image Button Mouse Detect Effect.
9157
+ */
9158
+ .premium-mouse-detect-yes .premium-button-style6 .premium-button-style6-bg {
9159
+ position: absolute;
9160
+ z-index: 0;
9161
+ top: 0;
9162
+ left: 0;
9163
+ width: 0px;
9164
+ height: 0px;
9165
+ -webkit-border-radius: 50%;
9166
+ border-radius: 50%;
9167
+ display: block;
9168
+ -webkit-transform: translate(-50%, -50%);
9169
+ -ms-transform: translate(-50%, -50%);
9170
+ transform: translate(-50%, -50%);
9171
+ -webkit-transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
9172
+ transition: width 0.4s ease-in-out, height 0.4s ease-in-out; }
9173
+
9174
+ .premium-mouse-detect-yes .premium-button-style6:hover .premium-button-style6-bg {
9175
+ width: 225%;
9176
+ height: 560px; }
9177
+
9178
+ .premium-mouse-detect-yes .premium-button-style6:before {
9179
+ width: 0;
9180
+ height: 0; }
9181
+
9182
+ /** Loader */
9183
+ .premium-loader {
9184
+ border: 3px solid #f3f3f3;
9185
+ border-top-width: 3px;
9186
+ border-top-style: solid;
9187
+ border-top-color: #f3f3f3;
9188
+ -webkit-border-radius: 50%;
9189
+ border-radius: 50%;
9190
+ border-top: 3px solid;
9191
+ border-top-color: #bbb;
9192
+ width: 30px;
9193
+ height: 30px;
9194
+ -webkit-animation: spin 2s linear infinite;
9195
+ animation: spin 2s linear infinite;
9196
+ margin: 0 auto; }
9197
+
9198
  /*
9199
  Common SVG Draw
9200
  premium-svg-drawer not prefixed with 'svg'
9201
  because it's rendered as div with custom SVG code.
9202
+ */
9203
+ .premium-svg-nodraw *,
9204
+ .premium-svg-drawer * {
9205
+ -webkit-transition: all 0.3s ease-in-out;
9206
+ transition: all 0.3s ease-in-out;
9207
+ -webkit-transition-property: stroke, fill, background-color;
9208
+ transition-property: stroke, fill, background-color; }
9209
+
9210
+ .premium-svg-nodraw .no-transition,
9211
+ .premium-svg-drawer .no-transition {
9212
+ -webkit-transition: none !important;
9213
+ transition: none !important; }
9214
+
9215
+ /** Common Animation */
9216
+ @-webkit-keyframes spin {
9217
+ 0% {
9218
+ -webkit-transform: rotate(0deg);
9219
+ transform: rotate(0deg); }
9220
+ 100% {
9221
+ -webkit-transform: rotate(360deg);
9222
+ transform: rotate(360deg); } }
9223
+ @keyframes spin {
9224
+ 0% {
9225
+ -webkit-transform: rotate(0deg);
9226
+ transform: rotate(0deg); }
9227
+ 100% {
9228
+ -webkit-transform: rotate(360deg);
9229
+ transform: rotate(360deg); } }
9230
+
9231
+ /**Notice*/
9232
+ .premium-error-notice {
9233
+ width: 100%;
9234
+ padding: 10px;
9235
+ color: #b94a48;
9236
+ background-color: #f2dede;
9237
+ border-color: #eed3d7;
9238
+ text-align: center; }
assets/frontend/css/premium-blog.css CHANGED
@@ -1,716 +1,716 @@
1
- /**************** Premium Blog *****************/
2
- /***********************************************/
3
- .premium-blog-thumb-effect-wrapper {
4
- position: relative;
5
- overflow: hidden; }
6
-
7
- .premium-blog-effect-container:not(.premium-blog-bordered-effect) .premium-blog-post-link {
8
- position: absolute;
9
- top: 0;
10
- left: 0;
11
- width: 100%;
12
- height: 100%;
13
- z-index: 2;
14
- padding: 20px; }
15
-
16
- .premium-blog-bordered-effect .premium-blog-post-link {
17
- display: block;
18
- height: 100%;
19
- position: relative; }
20
-
21
- /*Thumbnail Img*/
22
- .premium-blog-wrap .premium-blog-thumbnail-container {
23
- overflow: hidden; }
24
- .premium-blog-wrap .premium-blog-thumbnail-container img,
25
- .premium-blog-wrap .premium-blog-thumbnail-container .below-entry-meta {
26
- width: 100%;
27
- height: 100%;
28
- margin: 0 !important;
29
- -webkit-transition: all 0.4s ease-in-out;
30
- transition: all 0.4s ease-in-out;
31
- display: block; }
32
-
33
- .premium-blog-zoomout-effect img,
34
- .premium-blog-scale-effect img {
35
- -webkit-transform: scale(1.2);
36
- -ms-transform: scale(1.2);
37
- transform: scale(1.2); }
38
-
39
- .premium-blog-sepia-effect img {
40
- -webkit-filter: sepia(30%);
41
- filter: sepia(30%); }
42
-
43
- .premium-blog-bright-effect img {
44
- -webkit-filter: brightness(1);
45
- filter: brightness(1); }
46
-
47
- .premium-blog-trans-effect img {
48
- -webkit-transform: translateX(-15px) scale(1.1);
49
- -ms-transform: translateX(-15px) scale(1.1);
50
- transform: translateX(-15px) scale(1.1); }
51
-
52
- .premium-blog-post-outer-container:hover .premium-blog-zoomin-effect img {
53
- -webkit-transform: scale(1.2);
54
- -ms-transform: scale(1.2);
55
- transform: scale(1.2); }
56
-
57
- .premium-blog-post-outer-container:hover .premium-blog-zoomout-effect img {
58
- -webkit-transform: scale(1.1);
59
- -ms-transform: scale(1.1);
60
- transform: scale(1.1); }
61
-
62
- .premium-blog-post-outer-container:hover .premium-blog-scale-effect img {
63
- -webkit-transform: scale(1.3) rotate(5deg);
64
- -ms-transform: scale(1.3) rotate(5deg);
65
- transform: scale(1.3) rotate(5deg); }
66
-
67
- .premium-blog-post-outer-container:hover .premium-blog-gray-effect img {
68
- -webkit-filter: grayscale(100%);
69
- filter: grayscale(100%); }
70
-
71
- .premium-blog-post-outer-container:hover .premium-blog-blur-effect img {
72
- -webkit-filter: blur(3px);
73
- filter: blur(3px); }
74
-
75
- .premium-blog-post-outer-container:hover .premium-blog-sepia-effect img {
76
- -webkit-filter: sepia(0%);
77
- filter: sepia(0%); }
78
-
79
- .premium-blog-post-outer-container:hover .premium-blog-bright-effect img {
80
- -webkit-filter: brightness(1.2);
81
- filter: brightness(1.2); }
82
-
83
- .premium-blog-post-outer-container:hover .premium-blog-trans-effect img {
84
- -webkit-transform: translateX(0px) scale(1.1);
85
- -ms-transform: translateX(0px) scale(1.1);
86
- transform: translateX(0px) scale(1.1); }
87
-
88
- .premium-blog-post-container {
89
- overflow: hidden; }
90
- .premium-blog-post-container .premium-blog-inner-container {
91
- -js-display: flex;
92
- display: -webkit-box;
93
- display: -webkit-flex;
94
- display: -moz-box;
95
- display: -ms-flexbox;
96
- display: flex;
97
- -webkit-box-orient: vertical;
98
- -webkit-box-direction: normal;
99
- -webkit-flex-direction: column;
100
- -moz-box-orient: vertical;
101
- -moz-box-direction: normal;
102
- -ms-flex-direction: column;
103
- flex-direction: column; }
104
- .premium-blog-post-container .premium-blog-post-content {
105
- line-height: 1.5em;
106
- color: #777;
107
- font-size: 14px;
108
- margin-bottom: 10px; }
109
- .premium-blog-post-container ul.post-categories a:hover, .premium-blog-post-container ul.post-categories a:focus,
110
- .premium-blog-post-container .premium-blog-post-link:hover,
111
- .premium-blog-post-container .premium-blog-post-link:focus {
112
- -webkit-box-shadow: none !important;
113
- box-shadow: none !important;
114
- outline: none !important; }
115
- .premium-blog-post-container .premium-blog-entry-title {
116
- font-size: 18px;
117
- margin-bottom: 5px; }
118
- .premium-blog-post-container.premium-blog-skin-modern .premium-blog-content-wrapper {
119
- position: relative;
120
- z-index: 3;
121
- top: -50px; }
122
- .premium-blog-post-container .premium-blog-content-wrapper {
123
- background-color: #f5f5f5;
124
- padding: 30px; }
125
- .premium-blog-post-container .premium-blog-content-wrapper.empty-thumb {
126
- top: 0; }
127
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before, .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:after {
128
- position: absolute;
129
- content: "";
130
- z-index: 1;
131
- top: 50%;
132
- left: 50%;
133
- opacity: 0;
134
- -webkit-transform: translate(-50%, -50%);
135
- -ms-transform: translate(-50%, -50%);
136
- transform: translate(-50%, -50%);
137
- -webkit-transition: all 0.4s linear 0s;
138
- transition: all 0.4s linear 0s;
139
- height: 1px;
140
- width: 100%;
141
- background-color: #fff; }
142
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before {
143
- width: 1px;
144
- height: 100%; }
145
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner):hover .premium-blog-thumbnail-container:after {
146
- width: 20px;
147
- opacity: 1; }
148
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner):hover .premium-blog-thumbnail-container:before {
149
- height: 20px;
150
- opacity: 1; }
151
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-content-wrapper {
152
- margin: 0px 10px 20px;
153
- clear: both; }
154
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay, .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay, .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay {
155
- position: absolute;
156
- top: 0;
157
- left: 0;
158
- width: 100%;
159
- height: 100%;
160
- -webkit-transition: all 0.3s ease-in-out;
161
- transition: all 0.3s ease-in-out;
162
- opacity: 0; }
163
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay a, .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay a, .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay a {
164
- -js-display: flex;
165
- display: -webkit-box;
166
- display: -webkit-flex;
167
- display: -moz-box;
168
- display: -ms-flexbox;
169
- display: flex;
170
- -webkit-box-pack: center;
171
- -webkit-justify-content: center;
172
- -moz-box-pack: center;
173
- -ms-flex-pack: center;
174
- justify-content: center;
175
- -webkit-box-align: center;
176
- -webkit-align-items: center;
177
- -moz-box-align: center;
178
- -ms-flex-align: center;
179
- align-items: center;
180
- width: 100%;
181
- height: 100%; }
182
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay span,
183
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay i, .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay span,
184
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay i, .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay span,
185
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay i {
186
- -webkit-transition: all 0.3s ease-in-out;
187
- transition: all 0.3s ease-in-out; }
188
- .premium-blog-post-container.premium-blog-skin-side {
189
- -js-display: flex;
190
- display: -webkit-box;
191
- display: -webkit-flex;
192
- display: -moz-box;
193
- display: -ms-flexbox;
194
- display: flex; }
195
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-container {
196
- height: 100%; }
197
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-content-wrapper {
198
- -webkit-box-flex: 1;
199
- -webkit-flex: 1;
200
- -moz-box-flex: 1;
201
- -ms-flex: 1;
202
- flex: 1; }
203
- .premium-blog-post-container.premium-blog-skin-banner {
204
- position: relative; }
205
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper {
206
- position: absolute;
207
- width: 100%;
208
- bottom: -5px;
209
- -js-display: flex;
210
- display: -webkit-box;
211
- display: -webkit-flex;
212
- display: -moz-box;
213
- display: -ms-flexbox;
214
- display: flex;
215
- -webkit-box-orient: vertical;
216
- -webkit-box-direction: normal;
217
- -webkit-flex-direction: column;
218
- -moz-box-orient: vertical;
219
- -moz-box-direction: normal;
220
- -ms-flex-direction: column;
221
- flex-direction: column;
222
- background-color: transparent;
223
- z-index: 3;
224
- -webkit-transition: bottom 0.3s ease-in-out;
225
- transition: bottom 0.3s ease-in-out; }
226
- .premium-blog-post-container.premium-blog-skin-banner:hover .premium-blog-content-wrapper {
227
- bottom: 0px; }
228
- .premium-blog-post-container .premium-blog-cats-container ul.post-categories {
229
- margin: 0;
230
- padding: 0;
231
- list-style: none;
232
- -js-display: flex;
233
- display: -webkit-box;
234
- display: -webkit-flex;
235
- display: -moz-box;
236
- display: -ms-flexbox;
237
- display: flex; }
238
- .premium-blog-post-container .premium-blog-cats-container a {
239
- display: block;
240
- font-size: 12px;
241
- color: #fff;
242
- background-color: #777;
243
- margin: 0 3px 10px 0;
244
- padding: 5px;
245
- -webkit-transition: all 0.3s ease-in-out;
246
- transition: all 0.3s ease-in-out; }
247
-
248
  /*
249
  * Diagonal Effect
250
- */
251
- .premium-blog-diagonal-container {
252
- position: absolute;
253
- top: 0;
254
- left: 0;
255
- width: 100%;
256
- height: 100%; }
257
-
258
- .premium-blog-diagonal-effect:before {
259
- position: absolute;
260
- top: 0px;
261
- left: 0px;
262
- width: 100%;
263
- height: 100%;
264
- content: " ";
265
- z-index: 1;
266
- background: rgba(255, 255, 255, 0.2);
267
- -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
268
- transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
269
- -webkit-transition: all 0.3s linear 0s;
270
- transition: all 0.3s linear 0s; }
271
-
272
- .premium-blog-post-outer-container:hover .premium-blog-diagonal-effect:before {
273
- -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
274
- transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); }
275
-
276
  /*
277
  * Framed Effect
278
- */
279
- .premium-blog-framed-effect {
280
- position: absolute;
281
- width: -webkit-calc(100% - 30px);
282
- width: calc(100% - 30px);
283
- height: -webkit-calc(100% - 30px);
284
- height: calc(100% - 30px);
285
- top: 15px;
286
- left: 15px;
287
- opacity: 0;
288
- -webkit-transform: scale(0.3);
289
- -ms-transform: scale(0.3);
290
- transform: scale(0.3);
291
- -webkit-transition: all 0.3s linear 0s;
292
- transition: all 0.3s linear 0s; }
293
-
294
- .premium-blog-post-outer-container:hover .premium-blog-framed-effect {
295
- opacity: 0.99;
296
- -webkit-transform: scale(1);
297
- -ms-transform: scale(1);
298
- transform: scale(1); }
299
-
300
  /*
301
  * Bordered Effect
302
- */
303
- .premium-blog-bordered-effect {
304
- position: absolute;
305
- top: 0;
306
- left: 0;
307
- width: 100%;
308
- height: 100%;
309
- opacity: 0;
310
- padding: 15px;
311
- -webkit-transition: all 0.3s linear 0s;
312
- transition: all 0.3s linear 0s; }
313
- .premium-blog-bordered-effect .premium-blog-post-link:before, .premium-blog-bordered-effect .premium-blog-post-link:after {
314
- content: "";
315
- display: block;
316
- position: absolute;
317
- top: 0;
318
- left: 0;
319
- width: 100%;
320
- height: 100%;
321
- -webkit-transition: all 0.5s linear 0s;
322
- transition: all 0.5s linear 0s;
323
- -webkit-transition-delay: 0s;
324
- transition-delay: 0s;
325
- border-color: rgba(255, 255, 255, 0.45); }
326
- .premium-blog-bordered-effect .premium-blog-post-link:before {
327
- border-right: 2px solid;
328
- border-left: 2px solid;
329
- -webkit-transform: scale(1, 0);
330
- -ms-transform: scale(1, 0);
331
- transform: scale(1, 0);
332
- -webkit-transform-origin: 100% 0;
333
- -ms-transform-origin: 100% 0;
334
- transform-origin: 100% 0; }
335
- .premium-blog-bordered-effect .premium-blog-post-link:after {
336
- border-top: 2px solid;
337
- border-bottom: 2px solid;
338
- -webkit-transform: scale(0, 1);
339
- -ms-transform: scale(0, 1);
340
- transform: scale(0, 1);
341
- -webkit-transform-origin: 0 0;
342
- -ms-transform-origin: 0 0;
343
- transform-origin: 0 0; }
344
-
345
- .premium-blog-bordered-effect:hover {
346
- opacity: 0.99; }
347
- .premium-blog-bordered-effect:hover .premium-blog-post-link:before, .premium-blog-bordered-effect:hover .premium-blog-post-link:after {
348
- -webkit-transition-delay: 0.15s;
349
- transition-delay: 0.15s;
350
- opacity: 1;
351
- -webkit-transform: scale(1);
352
- -ms-transform: scale(1);
353
- transform: scale(1); }
354
-
355
  /*
356
  * Squares Effect
357
- */
358
- .premium-blog-squares-effect,
359
- .premium-blog-squares-square-container {
360
- position: absolute;
361
- top: 0;
362
- left: 0;
363
- width: 100%;
364
- height: 100%; }
365
-
366
- .premium-blog-squares-effect:before, .premium-blog-squares-effect:after {
367
- position: absolute;
368
- content: "";
369
- top: 0;
370
- left: 0;
371
- width: 50%;
372
- height: 50%;
373
- -webkit-transform: translate(-100%, -100%);
374
- -ms-transform: translate(-100%, -100%);
375
- transform: translate(-100%, -100%);
376
- opacity: 0.7;
377
- -webkit-transition: all 0.3s linear 0s;
378
- transition: all 0.3s linear 0s; }
379
-
380
- .premium-blog-squares-square-container:before, .premium-blog-squares-square-container:after {
381
- position: absolute;
382
- content: "";
383
- top: 0;
384
- left: 0;
385
- width: 50%;
386
- height: 50%;
387
- -webkit-transform: translate(-100%, -100%);
388
- -ms-transform: translate(-100%, -100%);
389
- transform: translate(-100%, -100%);
390
- opacity: 0.7;
391
- -webkit-transition: all 0.3s linear 0s;
392
- transition: all 0.3s linear 0s; }
393
-
394
- .premium-blog-squares-square-container:before, .premium-blog-squares-square-container:after {
395
- opacity: 0.8; }
396
-
397
- .premium-blog-squares-effect:after {
398
- -webkit-transform: translate(200%, 200%);
399
- -ms-transform: translate(200%, 200%);
400
- transform: translate(200%, 200%); }
401
-
402
- .premium-blog-squares-square-container:before {
403
- -webkit-transform: translate(-100%, 200%);
404
- -ms-transform: translate(-100%, 200%);
405
- transform: translate(-100%, 200%); }
406
-
407
- .premium-blog-squares-square-container:after {
408
- -webkit-transform: translate(200%, -100%);
409
- -ms-transform: translate(200%, -100%);
410
- transform: translate(200%, -100%); }
411
-
412
- .premium-blog-squares-effect:hover:before {
413
- -webkit-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
414
- -ms-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
415
- transform: translate(0, 0%) scaleY(1.003) scaleX(1.003); }
416
-
417
- .premium-blog-squares-effect:hover:after {
418
- -webkit-transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003);
419
- -ms-transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003);
420
- transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003); }
421
-
422
- .premium-blog-squares-effect:hover .premium-blog-squares-square-container:before {
423
- -webkit-transform: translate(0, 100%);
424
- -ms-transform: translate(0, 100%);
425
- transform: translate(0, 100%); }
426
-
427
- .premium-blog-squares-effect:hover .premium-blog-squares-square-container:after {
428
- -webkit-transform: translate(100%, 0%);
429
- -ms-transform: translate(100%, 0%);
430
- transform: translate(100%, 0%); }
431
-
432
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay {
433
- opacity: 1; }
434
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay a {
435
- opacity: 1;
436
- -webkit-transform: scale(1);
437
- -ms-transform: scale(1);
438
- transform: scale(1); }
439
-
440
- .premium-blog-clear-fix {
441
- clear: both; }
442
-
443
- .premium-blog-masked .premium-blog-thumbnail-container {
444
- position: relative;
445
- overflow: visible; }
446
- .premium-blog-masked .premium-blog-thumbnail-container svg {
447
- position: absolute;
448
- height: 100px;
449
- width: 100%;
450
- bottom: -5px;
451
- left: 0;
452
- fill: #f5f5f5;
453
- z-index: 99; }
454
- .premium-blog-masked .premium-blog-thumbnail-container svg.premium-blog-shape-divider-svg {
455
- -webkit-transform: rotate(180deg);
456
- -ms-transform: rotate(180deg);
457
- transform: rotate(180deg); }
458
-
459
- .premium-blog-masked .premium-blog-author-thumbnail,
460
- .premium-blog-masked .premium-blog-skin-banner .premium-blog-content-wrapper {
461
- z-index: 999 !important; }
462
-
463
- .premium-blog-format-link {
464
- padding: 5px;
465
- line-height: 0; }
466
-
467
- .premium-blog-entry-meta {
468
- line-height: 1.3em;
469
- font-size: 12px;
470
- margin-bottom: 13px;
471
- color: #adadad; }
472
- .premium-blog-entry-meta i {
473
- margin-right: 3px;
474
- -webkit-transition: all 0.3s ease-in-out;
475
- transition: all 0.3s ease-in-out; }
476
-
477
- .premium-blog-meta-data {
478
- display: inline-block; }
479
- .premium-blog-meta-data .premium-blog-meta-separator {
480
- margin: 0 5px; }
481
- .premium-blog-meta-data a,
482
- .premium-blog-meta-data span {
483
- color: inherit;
484
- -webkit-transition: all 0.3s ease-in-out;
485
- transition: all 0.3s ease-in-out; }
486
-
487
- .premium-blog-author-thumbnail {
488
- position: relative;
489
- padding: 0 30px;
490
- width: 100%;
491
- top: -10px;
492
- height: 0;
493
- pointer-events: none; }
494
- .premium-blog-author-thumbnail img {
495
- -webkit-border-radius: 50%;
496
- border-radius: 50%;
497
- width: 60px;
498
- pointer-events: all;
499
- -webkit-transform: translateY(-50%);
500
- -ms-transform: translateY(-50%);
501
- transform: translateY(-50%); }
502
-
503
- .premium-blog-entry-title a,
504
- .premium-blog-post-tags-container a,
505
- .premium-blog-post-content .premium-blog-excerpt-link {
506
- -webkit-transition: all 0.3s ease-in-out;
507
- transition: all 0.3s ease-in-out; }
508
-
509
- .premium-blog-excerpt-link-wrap a.premium-blog-excerpt-link {
510
- background-color: transparent;
511
- color: #54595f;
512
- padding: 0; }
513
-
514
- .premium-blog-cta-full-yes .premium-blog-excerpt-link {
515
- width: 100%; }
516
-
517
- .premium-blog-post-tags-container {
518
- margin-top: 8px;
519
- -js-display: flex;
520
- display: -webkit-box;
521
- display: -webkit-flex;
522
- display: -moz-box;
523
- display: -ms-flexbox;
524
- display: flex;
525
- -webkit-box-align: center;
526
- -webkit-align-items: center;
527
- -moz-box-align: center;
528
- -ms-flex-align: center;
529
- align-items: center;
530
- -webkit-flex-wrap: wrap;
531
- -ms-flex-wrap: wrap;
532
- flex-wrap: wrap; }
533
- .premium-blog-post-tags-container a {
534
- color: inherit;
535
- margin-left: 5px; }
536
-
537
- /*Tags align*/
538
- .premium-blog-align-left .post-categories,
539
- .premium-blog-align-left .premium-blog-post-tags-container {
540
- -webkit-box-pack: start;
541
- -webkit-justify-content: flex-start;
542
- -moz-box-pack: start;
543
- -ms-flex-pack: start;
544
- justify-content: flex-start; }
545
-
546
- .premium-blog-align-left .premium-blog-inner-container {
547
- -webkit-box-align: start;
548
- -webkit-align-items: flex-start;
549
- -moz-box-align: start;
550
- -ms-flex-align: start;
551
- align-items: flex-start; }
552
-
553
- .premium-blog-align-center .post-categories,
554
- .premium-blog-align-center .premium-blog-post-tags-container {
555
- -webkit-box-pack: center;
556
- -webkit-justify-content: center;
557
- -moz-box-pack: center;
558
- -ms-flex-pack: center;
559
- justify-content: center; }
560
-
561
- .premium-blog-align-center .premium-blog-inner-container {
562
- -webkit-box-align: center;
563
- -webkit-align-items: center;
564
- -moz-box-align: center;
565
- -ms-flex-align: center;
566
- align-items: center; }
567
-
568
- .premium-blog-align-right .post-categories,
569
- .premium-blog-align-right .premium-blog-post-tags-container {
570
- -webkit-box-pack: end;
571
- -webkit-justify-content: flex-end;
572
- -moz-box-pack: end;
573
- -ms-flex-pack: end;
574
- justify-content: flex-end; }
575
-
576
- .premium-blog-align-right .premium-blog-inner-container {
577
- -webkit-box-align: end;
578
- -webkit-align-items: flex-end;
579
- -moz-box-align: end;
580
- -ms-flex-align: end;
581
- align-items: flex-end; }
582
-
583
- /* Pagination */
584
- .premium-blog-pagination-container {
585
- text-align: right; }
586
- .premium-blog-pagination-container span {
587
- cursor: default; }
588
- .premium-blog-pagination-container .page-numbers {
589
- display: inline-block;
590
- color: #000;
591
- line-height: 1;
592
- font-size: 1em;
593
- font-weight: 400;
594
- text-decoration: none;
595
- padding: 0.75em;
596
- margin: 0 0.4em 0.4em 0;
597
- -webkit-transition: all 0.3s ease-in-out;
598
- transition: all 0.3s ease-in-out; }
599
-
600
- .premium-blog-wrap .premium-loading-feed {
601
- display: block;
602
- position: absolute;
603
- width: 100%;
604
- height: 100%;
605
- top: 0px;
606
- left: 0px;
607
- bottom: 0px;
608
- right: 0px;
609
- background: rgba(255, 255, 255, 0.2);
610
- -js-display: flex;
611
- display: -webkit-box;
612
- display: -webkit-flex;
613
- display: -moz-box;
614
- display: -ms-flexbox;
615
- display: flex;
616
- -webkit-box-align: center;
617
- -webkit-align-items: center;
618
- -moz-box-align: center;
619
- -ms-flex-align: center;
620
- align-items: center;
621
- z-index: 99; }
622
-
623
- .premium-blog-wrap {
624
- -js-display: flex;
625
- display: -webkit-box;
626
- display: -webkit-flex;
627
- display: -moz-box;
628
- display: -ms-flexbox;
629
- display: flex;
630
- -webkit-flex-wrap: wrap;
631
- -ms-flex-wrap: wrap;
632
- flex-wrap: wrap; }
633
- .premium-blog-wrap ul.slick-dots {
634
- width: 100%; }
635
-
636
  /*
637
  * List Layout
638
- */
639
- .premium-blog-list .premium-blog-post-outer-container {
640
- width: 100%; }
641
-
642
  /**
643
  * Even Layout
644
- */
645
- .premium-blog-even .premium-blog-post-container {
646
- height: 100%; }
647
-
648
- .premium-blog-even .slick-track {
649
- -js-display: flex;
650
- display: -webkit-box;
651
- display: -webkit-flex;
652
- display: -moz-box;
653
- display: -ms-flexbox;
654
- display: flex; }
655
-
656
- .premium-blog-even .slick-slide {
657
- height: inherit !important; }
658
-
659
- .premium-blog-filter {
660
- -js-display: flex;
661
- display: -webkit-box;
662
- display: -webkit-flex;
663
- display: -moz-box;
664
- display: -ms-flexbox;
665
- display: flex;
666
- -webkit-box-align: center;
667
- -webkit-align-items: center;
668
- -moz-box-align: center;
669
- -ms-flex-align: center;
670
- align-items: center;
671
- -webkit-box-pack: center;
672
- -webkit-justify-content: center;
673
- -moz-box-pack: center;
674
- -ms-flex-pack: center;
675
- justify-content: center; }
676
-
677
- .premium-blog-filter .premium-blog-filters-container li a.category {
678
- outline: none;
679
- text-decoration: none;
680
- -webkit-border-radius: 75px;
681
- border-radius: 75px;
682
- margin: 15px 5px 20px;
683
- padding: 7px 20px;
684
- -webkit-transition: all 0.3s ease-in-out;
685
- transition: all 0.3s ease-in-out; }
686
-
687
- .premium-blog-filter ul.premium-blog-filters-container {
688
- text-align: center;
689
- margin: 0;
690
- padding: 0; }
691
-
692
- .premium-blog-filter .premium-blog-filters-container li {
693
- list-style: none;
694
- -js-display: inline-flex;
695
- display: -webkit-inline-box;
696
- display: -webkit-inline-flex;
697
- display: -moz-inline-box;
698
- display: -ms-inline-flexbox;
699
- display: inline-flex; }
700
-
701
  /**
702
  * Responsive Style
703
- */
704
- @media (max-width: 768px) {
705
- .premium-blog-content-wrapper {
706
- top: 0;
707
- margin: 0;
708
- padding: 15px; }
709
- .premium-blog-skin-side {
710
- -webkit-box-orient: vertical;
711
- -webkit-box-direction: normal;
712
- -webkit-flex-direction: column;
713
- -moz-box-orient: vertical;
714
- -moz-box-direction: normal;
715
- -ms-flex-direction: column;
716
- flex-direction: column; } }
1
+ /**************** Premium Blog *****************/
2
+ /***********************************************/
3
+ .premium-blog-thumb-effect-wrapper {
4
+ position: relative;
5
+ overflow: hidden; }
6
+
7
+ .premium-blog-effect-container:not(.premium-blog-bordered-effect) .premium-blog-post-link {
8
+ position: absolute;
9
+ top: 0;
10
+ left: 0;
11
+ width: 100%;
12
+ height: 100%;
13
+ z-index: 2;
14
+ padding: 20px; }
15
+
16
+ .premium-blog-bordered-effect .premium-blog-post-link {
17
+ display: block;
18
+ height: 100%;
19
+ position: relative; }
20
+
21
+ /*Thumbnail Img*/
22
+ .premium-blog-wrap .premium-blog-thumbnail-container {
23
+ overflow: hidden; }
24
+ .premium-blog-wrap .premium-blog-thumbnail-container img,
25
+ .premium-blog-wrap .premium-blog-thumbnail-container .below-entry-meta {
26
+ width: 100%;
27
+ height: 100%;
28
+ margin: 0 !important;
29
+ -webkit-transition: all 0.4s ease-in-out;
30
+ transition: all 0.4s ease-in-out;
31
+ display: block; }
32
+
33
+ .premium-blog-zoomout-effect img,
34
+ .premium-blog-scale-effect img {
35
+ -webkit-transform: scale(1.2);
36
+ -ms-transform: scale(1.2);
37
+ transform: scale(1.2); }
38
+
39
+ .premium-blog-sepia-effect img {
40
+ -webkit-filter: sepia(30%);
41
+ filter: sepia(30%); }
42
+
43
+ .premium-blog-bright-effect img {
44
+ -webkit-filter: brightness(1);
45
+ filter: brightness(1); }
46
+
47
+ .premium-blog-trans-effect img {
48
+ -webkit-transform: translateX(-15px) scale(1.1);
49
+ -ms-transform: translateX(-15px) scale(1.1);
50
+ transform: translateX(-15px) scale(1.1); }
51
+
52
+ .premium-blog-post-outer-container:hover .premium-blog-zoomin-effect img {
53
+ -webkit-transform: scale(1.2);
54
+ -ms-transform: scale(1.2);
55
+ transform: scale(1.2); }
56
+
57
+ .premium-blog-post-outer-container:hover .premium-blog-zoomout-effect img {
58
+ -webkit-transform: scale(1.1);
59
+ -ms-transform: scale(1.1);
60
+ transform: scale(1.1); }
61
+
62
+ .premium-blog-post-outer-container:hover .premium-blog-scale-effect img {
63
+ -webkit-transform: scale(1.3) rotate(5deg);
64
+ -ms-transform: scale(1.3) rotate(5deg);
65
+ transform: scale(1.3) rotate(5deg); }
66
+
67
+ .premium-blog-post-outer-container:hover .premium-blog-gray-effect img {
68
+ -webkit-filter: grayscale(100%);
69
+ filter: grayscale(100%); }
70
+
71
+ .premium-blog-post-outer-container:hover .premium-blog-blur-effect img {
72
+ -webkit-filter: blur(3px);
73
+ filter: blur(3px); }
74
+
75
+ .premium-blog-post-outer-container:hover .premium-blog-sepia-effect img {
76
+ -webkit-filter: sepia(0%);
77
+ filter: sepia(0%); }
78
+
79
+ .premium-blog-post-outer-container:hover .premium-blog-bright-effect img {
80
+ -webkit-filter: brightness(1.2);
81
+ filter: brightness(1.2); }
82
+
83
+ .premium-blog-post-outer-container:hover .premium-blog-trans-effect img {
84
+ -webkit-transform: translateX(0px) scale(1.1);
85
+ -ms-transform: translateX(0px) scale(1.1);
86
+ transform: translateX(0px) scale(1.1); }
87
+
88
+ .premium-blog-post-container {
89
+ overflow: hidden; }
90
+ .premium-blog-post-container .premium-blog-inner-container {
91
+ -js-display: flex;
92
+ display: -webkit-box;
93
+ display: -webkit-flex;
94
+ display: -moz-box;
95
+ display: -ms-flexbox;
96
+ display: flex;
97
+ -webkit-box-orient: vertical;
98
+ -webkit-box-direction: normal;
99
+ -webkit-flex-direction: column;
100
+ -moz-box-orient: vertical;
101
+ -moz-box-direction: normal;
102
+ -ms-flex-direction: column;
103
+ flex-direction: column; }
104
+ .premium-blog-post-container .premium-blog-post-content {
105
+ line-height: 1.5em;
106
+ color: #777;
107
+ font-size: 14px;
108
+ margin-bottom: 10px; }
109
+ .premium-blog-post-container ul.post-categories a:hover, .premium-blog-post-container ul.post-categories a:focus,
110
+ .premium-blog-post-container .premium-blog-post-link:hover,
111
+ .premium-blog-post-container .premium-blog-post-link:focus {
112
+ -webkit-box-shadow: none !important;
113
+ box-shadow: none !important;
114
+ outline: none !important; }
115
+ .premium-blog-post-container .premium-blog-entry-title {
116
+ font-size: 18px;
117
+ margin-bottom: 5px; }
118
+ .premium-blog-post-container.premium-blog-skin-modern .premium-blog-content-wrapper {
119
+ position: relative;
120
+ z-index: 3;
121
+ top: -50px; }
122
+ .premium-blog-post-container .premium-blog-content-wrapper {
123
+ background-color: #f5f5f5;
124
+ padding: 30px; }
125
+ .premium-blog-post-container .premium-blog-content-wrapper.empty-thumb {
126
+ top: 0; }
127
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before, .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:after {
128
+ position: absolute;
129
+ content: "";
130
+ z-index: 1;
131
+ top: 50%;
132
+ left: 50%;
133
+ opacity: 0;
134
+ -webkit-transform: translate(-50%, -50%);
135
+ -ms-transform: translate(-50%, -50%);
136
+ transform: translate(-50%, -50%);
137
+ -webkit-transition: all 0.4s linear 0s;
138
+ transition: all 0.4s linear 0s;
139
+ height: 1px;
140
+ width: 100%;
141
+ background-color: #fff; }
142
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before {
143
+ width: 1px;
144
+ height: 100%; }
145
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner):hover .premium-blog-thumbnail-container:after {
146
+ width: 20px;
147
+ opacity: 1; }
148
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner):hover .premium-blog-thumbnail-container:before {
149
+ height: 20px;
150
+ opacity: 1; }
151
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-content-wrapper {
152
+ margin: 0px 10px 20px;
153
+ clear: both; }
154
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay, .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay, .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay {
155
+ position: absolute;
156
+ top: 0;
157
+ left: 0;
158
+ width: 100%;
159
+ height: 100%;
160
+ -webkit-transition: all 0.3s ease-in-out;
161
+ transition: all 0.3s ease-in-out;
162
+ opacity: 0; }
163
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay a, .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay a, .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay a {
164
+ -js-display: flex;
165
+ display: -webkit-box;
166
+ display: -webkit-flex;
167
+ display: -moz-box;
168
+ display: -ms-flexbox;
169
+ display: flex;
170
+ -webkit-box-pack: center;
171
+ -webkit-justify-content: center;
172
+ -moz-box-pack: center;
173
+ -ms-flex-pack: center;
174
+ justify-content: center;
175
+ -webkit-box-align: center;
176
+ -webkit-align-items: center;
177
+ -moz-box-align: center;
178
+ -ms-flex-align: center;
179
+ align-items: center;
180
+ width: 100%;
181
+ height: 100%; }
182
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay span,
183
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay i, .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay span,
184
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay i, .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay span,
185
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay i {
186
+ -webkit-transition: all 0.3s ease-in-out;
187
+ transition: all 0.3s ease-in-out; }
188
+ .premium-blog-post-container.premium-blog-skin-side {
189
+ -js-display: flex;
190
+ display: -webkit-box;
191
+ display: -webkit-flex;
192
+ display: -moz-box;
193
+ display: -ms-flexbox;
194
+ display: flex; }
195
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-container {
196
+ height: 100%; }
197
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-content-wrapper {
198
+ -webkit-box-flex: 1;
199
+ -webkit-flex: 1;
200
+ -moz-box-flex: 1;
201
+ -ms-flex: 1;
202
+ flex: 1; }
203
+ .premium-blog-post-container.premium-blog-skin-banner {
204
+ position: relative; }
205
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper {
206
+ position: absolute;
207
+ width: 100%;
208
+ bottom: -5px;
209
+ -js-display: flex;
210
+ display: -webkit-box;
211
+ display: -webkit-flex;
212
+ display: -moz-box;
213
+ display: -ms-flexbox;
214
+ display: flex;
215
+ -webkit-box-orient: vertical;
216
+ -webkit-box-direction: normal;
217
+ -webkit-flex-direction: column;
218
+ -moz-box-orient: vertical;
219
+ -moz-box-direction: normal;
220
+ -ms-flex-direction: column;
221
+ flex-direction: column;
222
+ background-color: transparent;
223
+ z-index: 3;
224
+ -webkit-transition: bottom 0.3s ease-in-out;
225
+ transition: bottom 0.3s ease-in-out; }
226
+ .premium-blog-post-container.premium-blog-skin-banner:hover .premium-blog-content-wrapper {
227
+ bottom: 0px; }
228
+ .premium-blog-post-container .premium-blog-cats-container ul.post-categories {
229
+ margin: 0;
230
+ padding: 0;
231
+ list-style: none;
232
+ -js-display: flex;
233
+ display: -webkit-box;
234
+ display: -webkit-flex;
235
+ display: -moz-box;
236
+ display: -ms-flexbox;
237
+ display: flex; }
238
+ .premium-blog-post-container .premium-blog-cats-container a {
239
+ display: block;
240
+ font-size: 12px;
241
+ color: #fff;
242
+ background-color: #777;
243
+ margin: 0 3px 10px 0;
244
+ padding: 5px;
245
+ -webkit-transition: all 0.3s ease-in-out;
246
+ transition: all 0.3s ease-in-out; }
247
+
248
  /*
249
  * Diagonal Effect
250
+ */
251
+ .premium-blog-diagonal-container {
252
+ position: absolute;
253
+ top: 0;
254
+ left: 0;
255
+ width: 100%;
256
+ height: 100%; }
257
+
258
+ .premium-blog-diagonal-effect:before {
259
+ position: absolute;
260
+ top: 0px;
261
+ left: 0px;
262
+ width: 100%;
263
+ height: 100%;
264
+ content: " ";
265
+ z-index: 1;
266
+ background: rgba(255, 255, 255, 0.2);
267
+ -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
268
+ transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
269
+ -webkit-transition: all 0.3s linear 0s;
270
+ transition: all 0.3s linear 0s; }
271
+
272
+ .premium-blog-post-outer-container:hover .premium-blog-diagonal-effect:before {
273
+ -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
274
+ transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); }
275
+
276
  /*
277
  * Framed Effect
278
+ */
279
+ .premium-blog-framed-effect {
280
+ position: absolute;
281
+ width: -webkit-calc(100% - 30px);
282
+ width: calc(100% - 30px);
283
+ height: -webkit-calc(100% - 30px);
284
+ height: calc(100% - 30px);
285
+ top: 15px;
286
+ left: 15px;
287
+ opacity: 0;
288
+ -webkit-transform: scale(0.3);
289
+ -ms-transform: scale(0.3);
290
+ transform: scale(0.3);
291
+ -webkit-transition: all 0.3s linear 0s;
292
+ transition: all 0.3s linear 0s; }
293
+
294
+ .premium-blog-post-outer-container:hover .premium-blog-framed-effect {
295
+ opacity: 0.99;
296
+ -webkit-transform: scale(1);
297
+ -ms-transform: scale(1);
298
+ transform: scale(1); }
299
+
300
  /*
301
  * Bordered Effect
302
+ */
303
+ .premium-blog-bordered-effect {
304
+ position: absolute;
305
+ top: 0;
306
+ left: 0;
307
+ width: 100%;
308
+ height: 100%;
309
+ opacity: 0;
310
+ padding: 15px;
311
+ -webkit-transition: all 0.3s linear 0s;
312
+ transition: all 0.3s linear 0s; }
313
+ .premium-blog-bordered-effect .premium-blog-post-link:before, .premium-blog-bordered-effect .premium-blog-post-link:after {
314
+ content: "";
315
+ display: block;
316
+ position: absolute;
317
+ top: 0;
318
+ left: 0;
319
+ width: 100%;
320
+ height: 100%;
321
+ -webkit-transition: all 0.5s linear 0s;
322
+ transition: all 0.5s linear 0s;
323
+ -webkit-transition-delay: 0s;
324
+ transition-delay: 0s;
325
+ border-color: rgba(255, 255, 255, 0.45); }
326
+ .premium-blog-bordered-effect .premium-blog-post-link:before {
327
+ border-right: 2px solid;
328
+ border-left: 2px solid;
329
+ -webkit-transform: scale(1, 0);
330
+ -ms-transform: scale(1, 0);
331
+ transform: scale(1, 0);
332
+ -webkit-transform-origin: 100% 0;
333
+ -ms-transform-origin: 100% 0;
334
+ transform-origin: 100% 0; }
335
+ .premium-blog-bordered-effect .premium-blog-post-link:after {
336
+ border-top: 2px solid;
337
+ border-bottom: 2px solid;
338
+ -webkit-transform: scale(0, 1);
339
+ -ms-transform: scale(0, 1);
340
+ transform: scale(0, 1);
341
+ -webkit-transform-origin: 0 0;
342
+ -ms-transform-origin: 0 0;
343
+ transform-origin: 0 0; }
344
+
345
+ .premium-blog-bordered-effect:hover {
346
+ opacity: 0.99; }
347
+ .premium-blog-bordered-effect:hover .premium-blog-post-link:before, .premium-blog-bordered-effect:hover .premium-blog-post-link:after {
348
+ -webkit-transition-delay: 0.15s;
349
+ transition-delay: 0.15s;
350
+ opacity: 1;
351
+ -webkit-transform: scale(1);
352
+ -ms-transform: scale(1);
353
+ transform: scale(1); }
354
+
355
  /*
356
  * Squares Effect
357
+ */
358
+ .premium-blog-squares-effect,
359
+ .premium-blog-squares-square-container {
360
+ position: absolute;
361
+ top: 0;
362
+ left: 0;
363
+ width: 100%;
364
+ height: 100%; }
365
+
366
+ .premium-blog-squares-effect:before, .premium-blog-squares-effect:after {
367
+ position: absolute;
368
+ content: "";
369
+ top: 0;
370
+ left: 0;
371
+ width: 50%;
372
+ height: 50%;
373
+ -webkit-transform: translate(-100%, -100%);
374
+ -ms-transform: translate(-100%, -100%);
375
+ transform: translate(-100%, -100%);
376
+ opacity: 0.7;
377
+ -webkit-transition: all 0.3s linear 0s;
378
+ transition: all 0.3s linear 0s; }
379
+
380
+ .premium-blog-squares-square-container:before, .premium-blog-squares-square-container:after {
381
+ position: absolute;
382
+ content: "";
383
+ top: 0;
384
+ left: 0;
385
+ width: 50%;
386
+ height: 50%;
387
+ -webkit-transform: translate(-100%, -100%);
388
+ -ms-transform: translate(-100%, -100%);
389
+ transform: translate(-100%, -100%);
390
+ opacity: 0.7;
391
+ -webkit-transition: all 0.3s linear 0s;
392
+ transition: all 0.3s linear 0s; }
393
+
394
+ .premium-blog-squares-square-container:before, .premium-blog-squares-square-container:after {
395
+ opacity: 0.8; }
396
+
397
+ .premium-blog-squares-effect:after {
398
+ -webkit-transform: translate(200%, 200%);
399
+ -ms-transform: translate(200%, 200%);
400
+ transform: translate(200%, 200%); }
401
+
402
+ .premium-blog-squares-square-container:before {
403
+ -webkit-transform: translate(-100%, 200%);
404
+ -ms-transform: translate(-100%, 200%);
405
+ transform: translate(-100%, 200%); }
406
+
407
+ .premium-blog-squares-square-container:after {
408
+ -webkit-transform: translate(200%, -100%);
409
+ -ms-transform: translate(200%, -100%);
410
+ transform: translate(200%, -100%); }
411
+
412
+ .premium-blog-squares-effect:hover:before {
413
+ -webkit-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
414
+ -ms-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
415
+ transform: translate(0, 0%) scaleY(1.003) scaleX(1.003); }
416
+
417
+ .premium-blog-squares-effect:hover:after {
418
+ -webkit-transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003);
419
+ -ms-transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003);
420
+ transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003); }
421
+
422
+ .premium-blog-squares-effect:hover .premium-blog-squares-square-container:before {
423
+ -webkit-transform: translate(0, 100%);
424
+ -ms-transform: translate(0, 100%);
425
+ transform: translate(0, 100%); }
426
+
427
+ .premium-blog-squares-effect:hover .premium-blog-squares-square-container:after {
428
+ -webkit-transform: translate(100%, 0%);
429
+ -ms-transform: translate(100%, 0%);
430
+ transform: translate(100%, 0%); }
431
+
432
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay {
433
+ opacity: 1; }
434
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay a {
435
+ opacity: 1;
436
+ -webkit-transform: scale(1);
437
+ -ms-transform: scale(1);
438
+ transform: scale(1); }
439
+
440
+ .premium-blog-clear-fix {
441
+ clear: both; }
442
+
443
+ .premium-blog-masked .premium-blog-thumbnail-container {
444
+ position: relative;
445
+ overflow: visible; }
446
+ .premium-blog-masked .premium-blog-thumbnail-container svg {
447
+ position: absolute;
448
+ height: 100px;
449
+ width: 100%;
450
+ bottom: -5px;
451
+ left: 0;
452
+ fill: #f5f5f5;
453
+ z-index: 99; }
454
+ .premium-blog-masked .premium-blog-thumbnail-container svg.premium-blog-shape-divider-svg {
455
+ -webkit-transform: rotate(180deg);
456
+ -ms-transform: rotate(180deg);
457
+ transform: rotate(180deg); }
458
+
459
+ .premium-blog-masked .premium-blog-author-thumbnail,
460
+ .premium-blog-masked .premium-blog-skin-banner .premium-blog-content-wrapper {
461
+ z-index: 999 !important; }
462
+
463
+ .premium-blog-format-link {
464
+ padding: 5px;
465
+ line-height: 0; }
466
+
467
+ .premium-blog-entry-meta {
468
+ line-height: 1.3em;
469
+ font-size: 12px;
470
+ margin-bottom: 13px;
471
+ color: #adadad; }
472
+ .premium-blog-entry-meta i {
473
+ margin-right: 3px;
474
+ -webkit-transition: all 0.3s ease-in-out;
475
+ transition: all 0.3s ease-in-out; }
476
+
477
+ .premium-blog-meta-data {
478
+ display: inline-block; }
479
+ .premium-blog-meta-data .premium-blog-meta-separator {
480
+ margin: 0 5px; }
481
+ .premium-blog-meta-data a,
482
+ .premium-blog-meta-data span {
483
+ color: inherit;
484
+ -webkit-transition: all 0.3s ease-in-out;
485
+ transition: all 0.3s ease-in-out; }
486
+
487
+ .premium-blog-author-thumbnail {
488
+ position: relative;
489
+ padding: 0 30px;
490
+ width: 100%;
491
+ top: -10px;
492
+ height: 0;
493
+ pointer-events: none; }
494
+ .premium-blog-author-thumbnail img {
495
+ -webkit-border-radius: 50%;
496
+ border-radius: 50%;
497
+ width: 60px;
498
+ pointer-events: all;
499
+ -webkit-transform: translateY(-50%);
500
+ -ms-transform: translateY(-50%);
501
+ transform: translateY(-50%); }
502
+
503
+ .premium-blog-entry-title a,
504
+ .premium-blog-post-tags-container a,
505
+ .premium-blog-post-content .premium-blog-excerpt-link {
506
+ -webkit-transition: all 0.3s ease-in-out;
507
+ transition: all 0.3s ease-in-out; }
508
+
509
+ .premium-blog-excerpt-link-wrap a.premium-blog-excerpt-link {
510
+ background-color: transparent;
511
+ color: #54595f;
512
+ padding: 0; }
513
+
514
+ .premium-blog-cta-full-yes .premium-blog-excerpt-link {
515
+ width: 100%; }
516
+
517
+ .premium-blog-post-tags-container {
518
+ margin-top: 8px;
519
+ -js-display: flex;
520
+ display: -webkit-box;
521
+ display: -webkit-flex;
522
+ display: -moz-box;
523
+ display: -ms-flexbox;
524
+ display: flex;
525
+ -webkit-box-align: center;
526
+ -webkit-align-items: center;
527
+ -moz-box-align: center;
528
+ -ms-flex-align: center;
529
+ align-items: center;
530
+ -webkit-flex-wrap: wrap;
531
+ -ms-flex-wrap: wrap;
532
+ flex-wrap: wrap; }
533
+ .premium-blog-post-tags-container a {
534
+ color: inherit;
535
+ margin-left: 5px; }
536
+
537
+ /*Tags align*/
538
+ .premium-blog-align-left .post-categories,
539
+ .premium-blog-align-left .premium-blog-post-tags-container {
540
+ -webkit-box-pack: start;
541
+ -webkit-justify-content: flex-start;
542
+ -moz-box-pack: start;
543
+ -ms-flex-pack: start;
544
+ justify-content: flex-start; }
545
+
546
+ .premium-blog-align-left .premium-blog-inner-container {
547
+ -webkit-box-align: start;
548
+ -webkit-align-items: flex-start;
549
+ -moz-box-align: start;
550
+ -ms-flex-align: start;
551
+ align-items: flex-start; }
552
+
553
+ .premium-blog-align-center .post-categories,
554
+ .premium-blog-align-center .premium-blog-post-tags-container {
555
+ -webkit-box-pack: center;
556
+ -webkit-justify-content: center;
557
+ -moz-box-pack: center;
558
+ -ms-flex-pack: center;
559
+ justify-content: center; }
560
+
561
+ .premium-blog-align-center .premium-blog-inner-container {
562
+ -webkit-box-align: center;
563
+ -webkit-align-items: center;
564
+ -moz-box-align: center;
565
+ -ms-flex-align: center;
566
+ align-items: center; }
567
+
568
+ .premium-blog-align-right .post-categories,
569
+ .premium-blog-align-right .premium-blog-post-tags-container {
570
+ -webkit-box-pack: end;
571
+ -webkit-justify-content: flex-end;
572
+ -moz-box-pack: end;
573
+ -ms-flex-pack: end;
574
+ justify-content: flex-end; }
575
+
576
+ .premium-blog-align-right .premium-blog-inner-container {
577
+ -webkit-box-align: end;
578
+ -webkit-align-items: flex-end;
579
+ -moz-box-align: end;
580
+ -ms-flex-align: end;
581
+ align-items: flex-end; }
582
+
583
+ /* Pagination */
584
+ .premium-blog-pagination-container {
585
+ text-align: right; }
586
+ .premium-blog-pagination-container span {
587
+ cursor: default; }
588
+ .premium-blog-pagination-container .page-numbers {
589
+ display: inline-block;
590
+ color: #000;
591
+ line-height: 1;
592
+ font-size: 1em;
593
+ font-weight: 400;
594
+ text-decoration: none;
595
+ padding: 0.75em;
596
+ margin: 0 0.4em 0.4em 0;
597
+ -webkit-transition: all 0.3s ease-in-out;
598
+ transition: all 0.3s ease-in-out; }
599
+
600
+ .premium-blog-wrap .premium-loading-feed {
601
+ display: block;
602
+ position: absolute;
603
+ width: 100%;
604
+ height: 100%;
605
+ top: 0px;
606
+ left: 0px;
607
+ bottom: 0px;
608
+ right: 0px;
609
+ background: rgba(255, 255, 255, 0.2);
610
+ -js-display: flex;
611
+ display: -webkit-box;
612
+ display: -webkit-flex;
613
+ display: -moz-box;
614
+ display: -ms-flexbox;
615
+ display: flex;
616
+ -webkit-box-align: center;
617
+ -webkit-align-items: center;
618
+ -moz-box-align: center;
619
+ -ms-flex-align: center;
620
+ align-items: center;
621
+ z-index: 99; }
622
+
623
+ .premium-blog-wrap {
624
+ -js-display: flex;
625
+ display: -webkit-box;
626
+ display: -webkit-flex;
627
+ display: -moz-box;
628
+ display: -ms-flexbox;
629
+ display: flex;
630
+ -webkit-flex-wrap: wrap;
631
+ -ms-flex-wrap: wrap;
632
+ flex-wrap: wrap; }
633
+ .premium-blog-wrap ul.slick-dots {
634
+ width: 100%; }
635
+
636
  /*
637
  * List Layout
638
+ */
639
+ .premium-blog-list .premium-blog-post-outer-container {
640
+ width: 100%; }
641
+
642
  /**
643
  * Even Layout
644
+ */
645
+ .premium-blog-even .premium-blog-post-container {
646
+ height: 100%; }
647
+
648
+ .premium-blog-even .slick-track {
649
+ -js-display: flex;
650
+ display: -webkit-box;
651
+ display: -webkit-flex;
652
+ display: -moz-box;
653
+ display: -ms-flexbox;
654
+ display: flex; }
655
+
656
+ .premium-blog-even .slick-slide {
657
+ height: inherit !important; }
658
+
659
+ .premium-blog-filter {
660
+ -js-display: flex;
661
+ display: -webkit-box;
662
+ display: -webkit-flex;
663
+ display: -moz-box;
664
+ display: -ms-flexbox;
665
+ display: flex;
666
+ -webkit-box-align: center;
667
+ -webkit-align-items: center;
668
+ -moz-box-align: center;
669
+ -ms-flex-align: center;
670
+ align-items: center;
671
+ -webkit-box-pack: center;
672
+ -webkit-justify-content: center;
673
+ -moz-box-pack: center;
674
+ -ms-flex-pack: center;
675
+ justify-content: center; }
676
+
677
+ .premium-blog-filter .premium-blog-filters-container li a.category {
678
+ outline: none;
679
+ text-decoration: none;
680
+ -webkit-border-radius: 75px;
681
+ border-radius: 75px;
682
+ margin: 15px 5px 20px;
683
+ padding: 7px 20px;
684
+ -webkit-transition: all 0.3s ease-in-out;
685
+ transition: all 0.3s ease-in-out; }
686
+
687
+ .premium-blog-filter ul.premium-blog-filters-container {
688
+ text-align: center;
689
+ margin: 0;
690
+ padding: 0; }
691
+
692
+ .premium-blog-filter .premium-blog-filters-container li {
693
+ list-style: none;
694
+ -js-display: inline-flex;
695
+ display: -webkit-inline-box;
696
+ display: -webkit-inline-flex;
697
+ display: -moz-inline-box;
698
+ display: -ms-inline-flexbox;
699
+ display: inline-flex; }
700
+
701
  /**
702
  * Responsive Style
703
+ */
704
+ @media (max-width: 768px) {
705
+ .premium-blog-content-wrapper {
706
+ top: 0;
707
+ margin: 0;
708
+ padding: 15px; }
709
+ .premium-blog-skin-side {
710
+ -webkit-box-orient: vertical;
711
+ -webkit-box-direction: normal;
712
+ -webkit-flex-direction: column;
713
+ -moz-box-orient: vertical;
714
+ -moz-box-direction: normal;
715
+ -ms-flex-direction: column;
716
+ flex-direction: column; } }
assets/frontend/css/premium-image-scroll-rtl.css CHANGED
@@ -1,192 +1,192 @@
1
- /************ Premium Image Scroll ***************/
2
- /*************************************************/
3
- .premium-image-scroll-section,
4
- .premium-image-scroll-container {
5
- -webkit-transition: all 0.3s ease-in-out;
6
- transition: all 0.3s ease-in-out;
7
- }
8
-
9
- .premium-image-scroll-section {
10
- position: relative;
11
- overflow: hidden;
12
- width: 100%;
13
- -webkit-mask-image: -webkit-radial-gradient(white, black);
14
- }
15
-
16
- .premium-image-scroll-container {
17
- width: 100%;
18
- }
19
-
20
- .premium-image-scroll-container .premium-image-scroll-mask-media {
21
- -webkit-mask-repeat: no-repeat;
22
- mask-repeat: no-repeat;
23
- -webkit-mask-position: center;
24
- mask-position: center;
25
- }
26
-
27
- .premium-container-scroll {
28
- overflow: auto;
29
- }
30
-
31
- .premium-image-scroll-container .premium-image-scroll-horizontal {
32
- position: relative;
33
- width: 100%;
34
- height: 100%;
35
- }
36
-
37
- .premium-image-scroll-container .premium-image-scroll-horizontal img {
38
- max-width: none;
39
- height: 100%;
40
- }
41
-
42
- .premium-image-scroll-container .premium-image-scroll-vertical img {
43
- width: 100%;
44
- max-width: 100%;
45
- height: auto;
46
- }
47
-
48
- .premium-image-scroll-ver {
49
- position: relative;
50
- }
51
-
52
- .premium-image-scroll-container .premium-image-scroll-overlay {
53
- background: rgba(2, 2, 2, 0.3);
54
- }
55
-
56
- .premium-image-scroll-container .premium-image-scroll-link,
57
- .premium-image-scroll-container .premium-image-scroll-overlay {
58
- position: absolute;
59
- top: 0;
60
- bottom: 0;
61
- right: 0;
62
- left: 0;
63
- z-index: 4;
64
- }
65
-
66
- .premium-image-scroll-content {
67
- display: inline-block;
68
- position: absolute;
69
- height: auto;
70
- top: 50%;
71
- right: 50%;
72
- text-align: center;
73
- z-index: 5;
74
- -webkit-transform: translate(50%, -50%);
75
- -ms-transform: translate(50%, -50%);
76
- transform: translate(50%, -50%);
77
- }
78
-
79
- .premium-container-scroll-instant .premium-image-scroll-image {
80
- -webkit-transition: all 0s ease-in-out !important;
81
- transition: all 0s ease-in-out !important;
82
- }
83
-
84
- .premium-image-scroll-container img {
85
- -webkit-transition: -webkit-transform 3s ease-in-out;
86
- transition: -webkit-transform 3s ease-in-out;
87
- transition: transform 3s ease-in-out;
88
- transition: transform 3s ease-in-out, -webkit-transform 3s ease-in-out;
89
- }
90
-
91
- .premium-image-scroll-container .premium-image-scroll-overlay,
92
- .premium-image-scroll-container .premium-image-scroll-content {
93
- -webkit-transition: all 0.3s ease-in-out;
94
- transition: all 0.3s ease-in-out;
95
- opacity: 1;
96
- }
97
-
98
- .premium-image-scroll-container:hover .premium-image-scroll-overlay {
99
- opacity: 0;
100
- }
101
-
102
- .premium-image-scroll-container:hover .premium-image-scroll-content {
103
- opacity: 0;
104
- visibility: hidden;
105
- }
106
-
107
- .premium-image-scroll-content .premium-image-scroll-icon {
108
- display: inline-block;
109
- font-family: "pa-elements" !important;
110
- speak: none;
111
- font-style: normal;
112
- font-weight: normal;
113
- font-variant: normal;
114
- text-transform: none;
115
- line-height: 1;
116
- -webkit-font-smoothing: antialiased;
117
- -moz-osx-font-smoothing: grayscale;
118
- -webkit-animation-duration: 0.5s;
119
- animation-duration: 0.5s;
120
- -webkit-animation-iteration-count: infinite;
121
- animation-iteration-count: infinite;
122
- -webkit-animation-direction: alternate;
123
- animation-direction: alternate;
124
- -webkit-animation-timing-function: ease-in-out;
125
- animation-timing-function: ease-in-out;
126
- }
127
-
128
- .pa-horizontal-mouse-scroll:before {
129
- content: "\e901";
130
- }
131
-
132
- .pa-vertical-mouse-scroll:before {
133
- content: "\e93c";
134
- }
135
-
136
- .pa-horizontal-mouse-scroll {
137
- -webkit-animation-name: pa-scroll-horizontal;
138
- animation-name: pa-scroll-horizontal;
139
- }
140
-
141
- .pa-vertical-mouse-scroll {
142
- -webkit-animation-name: pa-scroll-vertical;
143
- animation-name: pa-scroll-vertical;
144
- }
145
-
146
- @-webkit-keyframes pa-scroll-vertical {
147
- 0% {
148
- -webkit-transform: translateY(0px);
149
- transform: translateY(0px);
150
- }
151
-
152
- 100% {
153
- -webkit-transform: translateY(5px);
154
- transform: translateY(5px);
155
- }
156
- }
157
-
158
- @keyframes pa-scroll-vertical {
159
- 0% {
160
- -webkit-transform: translateY(0px);
161
- transform: translateY(0px);
162
- }
163
-
164
- 100% {
165
- -webkit-transform: translateY(5px);
166
- transform: translateY(5px);
167
- }
168
- }
169
-
170
- @-webkit-keyframes pa-scroll-horizontal {
171
- 0% {
172
- -webkit-transform: translateX(0px);
173
- transform: translateX(0px);
174
- }
175
-
176
- 100% {
177
- -webkit-transform: translateX(-5px);
178
- transform: translateX(-5px);
179
- }
180
- }
181
-
182
- @keyframes pa-scroll-horizontal {
183
- 0% {
184
- -webkit-transform: translateX(0px);
185
- transform: translateX(0px);
186
- }
187
-
188
- 100% {
189
- -webkit-transform: translateX(-5px);
190
- transform: translateX(-5px);
191
- }
192
  }
1
+ /************ Premium Image Scroll ***************/
2
+ /*************************************************/
3
+ .premium-image-scroll-section,
4
+ .premium-image-scroll-container {
5
+ -webkit-transition: all 0.3s ease-in-out;
6
+ transition: all 0.3s ease-in-out;
7
+ }
8
+
9
+ .premium-image-scroll-section {
10
+ position: relative;
11
+ overflow: hidden;
12
+ width: 100%;
13
+ -webkit-mask-image: -webkit-radial-gradient(white, black);
14
+ }
15
+
16
+ .premium-image-scroll-container {
17
+ width: 100%;
18
+ }
19
+
20
+ .premium-image-scroll-container .premium-image-scroll-mask-media {
21
+ -webkit-mask-repeat: no-repeat;
22
+ mask-repeat: no-repeat;
23
+ -webkit-mask-position: center;
24
+ mask-position: center;
25
+ }
26
+
27
+ .premium-container-scroll {
28
+ overflow: auto;
29
+ }
30
+
31
+ .premium-image-scroll-container .premium-image-scroll-horizontal {
32
+ position: relative;
33
+ width: 100%;
34
+ height: 100%;
35
+ }
36
+
37
+ .premium-image-scroll-container .premium-image-scroll-horizontal img {
38
+ max-width: none;
39
+ height: 100%;
40
+ }
41
+
42
+ .premium-image-scroll-container .premium-image-scroll-vertical img {
43
+ width: 100%;
44
+ max-width: 100%;
45
+ height: auto;
46
+ }
47
+
48
+ .premium-image-scroll-ver {
49
+ position: relative;
50
+ }
51
+
52
+ .premium-image-scroll-container .premium-image-scroll-overlay {
53
+ background: rgba(2, 2, 2, 0.3);
54
+ }
55
+
56
+ .premium-image-scroll-container .premium-image-scroll-link,
57
+ .premium-image-scroll-container .premium-image-scroll-overlay {
58
+ position: absolute;
59
+ top: 0;
60
+ bottom: 0;
61
+ right: 0;
62
+ left: 0;
63
+ z-index: 4;
64
+ }
65
+
66
+ .premium-image-scroll-content {
67
+ display: inline-block;
68
+ position: absolute;
69
+ height: auto;
70
+ top: 50%;
71
+ right: 50%;
72
+ text-align: center;
73
+ z-index: 5;
74
+ -webkit-transform: translate(50%, -50%);
75
+ -ms-transform: translate(50%, -50%);
76
+ transform: translate(50%, -50%);
77
+ }
78
+
79
+ .premium-container-scroll-instant .premium-image-scroll-image {
80
+ -webkit-transition: all 0s ease-in-out !important;
81
+ transition: all 0s ease-in-out !important;
82
+ }
83
+
84
+ .premium-image-scroll-container img {
85
+ -webkit-transition: -webkit-transform 3s ease-in-out;
86
+ transition: -webkit-transform 3s ease-in-out;
87
+ transition: transform 3s ease-in-out;
88
+ transition: transform 3s ease-in-out, -webkit-transform 3s ease-in-out;
89
+ }
90
+
91
+ .premium-image-scroll-container .premium-image-scroll-overlay,
92
+ .premium-image-scroll-container .premium-image-scroll-content {
93
+ -webkit-transition: all 0.3s ease-in-out;
94
+ transition: all 0.3s ease-in-out;
95
+ opacity: 1;
96
+ }
97
+
98
+ .premium-image-scroll-container:hover .premium-image-scroll-overlay {
99
+ opacity: 0;
100
+ }
101
+
102
+ .premium-image-scroll-container:hover .premium-image-scroll-content {
103
+ opacity: 0;
104
+ visibility: hidden;
105
+ }
106
+
107
+ .premium-image-scroll-content .premium-image-scroll-icon {
108
+ display: inline-block;
109
+ font-family: "pa-elements" !important;
110
+ speak: none;
111
+ font-style: normal;
112
+ font-weight: normal;
113
+ font-variant: normal;
114
+ text-transform: none;
115
+ line-height: 1;
116
+ -webkit-font-smoothing: antialiased;
117
+ -moz-osx-font-smoothing: grayscale;
118
+ -webkit-animation-duration: 0.5s;
119
+ animation-duration: 0.5s;
120
+ -webkit-animation-iteration-count: infinite;
121
+ animation-iteration-count: infinite;
122
+ -webkit-animation-direction: alternate;
123
+ animation-direction: alternate;
124
+ -webkit-animation-timing-function: ease-in-out;
125
+ animation-timing-function: ease-in-out;
126
+ }
127
+
128
+ .pa-horizontal-mouse-scroll:before {
129
+ content: "\e901";
130
+ }
131
+
132
+ .pa-vertical-mouse-scroll:before {
133
+ content: "\e93c";
134
+ }
135
+
136
+ .pa-horizontal-mouse-scroll {
137
+ -webkit-animation-name: pa-scroll-horizontal;
138
+ animation-name: pa-scroll-horizontal;
139
+ }
140
+
141
+ .pa-vertical-mouse-scroll {
142
+ -webkit-animation-name: pa-scroll-vertical;
143
+ animation-name: pa-scroll-vertical;
144
+ }
145
+
146
+ @-webkit-keyframes pa-scroll-vertical {
147
+ 0% {
148
+ -webkit-transform: translateY(0px);
149
+ transform: translateY(0px);
150
+ }
151
+
152
+ 100% {
153
+ -webkit-transform: translateY(5px);
154
+ transform: translateY(5px);
155
+ }
156
+ }
157
+
158
+ @keyframes pa-scroll-vertical {
159
+ 0% {
160
+ -webkit-transform: translateY(0px);
161
+ transform: translateY(0px);
162
+ }
163
+
164
+ 100% {
165
+ -webkit-transform: translateY(5px);
166
+ transform: translateY(5px);
167
+ }
168
+ }
169
+
170
+ @-webkit-keyframes pa-scroll-horizontal {
171
+ 0% {
172
+ -webkit-transform: translateX(0px);
173
+ transform: translateX(0px);
174
+ }
175
+
176
+ 100% {
177
+ -webkit-transform: translateX(-5px);
178
+ transform: translateX(-5px);
179
+ }
180
+ }
181
+
182
+ @keyframes pa-scroll-horizontal {
183
+ 0% {
184
+ -webkit-transform: translateX(0px);
185
+ transform: translateX(0px);
186
+ }
187
+
188
+ 100% {
189
+ -webkit-transform: translateX(-5px);
190
+ transform: translateX(-5px);
191
+ }
192
  }
assets/frontend/css/premium-image-scroll.css CHANGED
@@ -1,159 +1,159 @@
1
- /************ Premium Image Scroll ************/
2
- /**********************************************/
3
- @font-face {
4
- font-family: "pa-elements";
5
- src: url("../../plugins/premium-addons-for-elementor/assets/editor/fonts/pa-elements.eot?vcwy2s");
6
- src: url("../../plugins/premium-addons-for-elementor/assets/editor/fonts/pa-elements.eot?vcwy2s#iefix") format("embedded-opentype"), url("../../plugins/premium-addons-for-elementor/assets/editor/fonts/pa-elements.ttf?vcwy2s") format("truetype"), url("../../plugins/premium-addons-for-elementor/assets/editor/fonts/pa-elements.woff?vcwy2s") format("woff"), url("../../plugins/premium-addons-for-elementor/assets/editor/fonts/pa-elements.svg?vcwy2s#pa-elements") format("svg");
7
- font-weight: normal;
8
- font-style: normal; }
9
-
10
- .premium-image-scroll-section,
11
- .premium-image-scroll-container {
12
- -webkit-transition: all 0.3s ease-in-out;
13
- transition: all 0.3s ease-in-out; }
14
-
15
- .premium-image-scroll-section {
16
- position: relative;
17
- overflow: hidden;
18
- width: 100%;
19
- -webkit-mask-image: -webkit-radial-gradient(white, black); }
20
-
21
- .premium-image-scroll-container {
22
- width: 100%; }
23
- .premium-image-scroll-container .premium-image-scroll-mask-media {
24
- -webkit-mask-repeat: no-repeat;
25
- mask-repeat: no-repeat;
26
- -webkit-mask-position: center;
27
- mask-position: center; }
28
-
29
- .premium-container-scroll {
30
- overflow: auto; }
31
-
32
- .premium-image-scroll-container .premium-image-scroll-horizontal {
33
- position: relative;
34
- width: 100%;
35
- height: 100%; }
36
- .premium-image-scroll-container .premium-image-scroll-horizontal img {
37
- max-width: none;
38
- height: 100%; }
39
-
40
- .premium-image-scroll-container .premium-image-scroll-vertical img {
41
- width: 100%;
42
- max-width: 100%;
43
- height: auto; }
44
-
45
- .premium-image-scroll-ver {
46
- position: relative; }
47
-
48
- .premium-image-scroll-container .premium-image-scroll-overlay {
49
- background: rgba(2, 2, 2, 0.3); }
50
-
51
- .premium-image-scroll-container .premium-image-scroll-link,
52
- .premium-image-scroll-container .premium-image-scroll-overlay {
53
- position: absolute;
54
- top: 0;
55
- bottom: 0;
56
- left: 0;
57
- right: 0;
58
- z-index: 4; }
59
-
60
- .premium-image-scroll-content {
61
- display: inline-block;
62
- position: absolute;
63
- height: auto;
64
- top: 50%;
65
- left: 50%;
66
- text-align: center;
67
- z-index: 5;
68
- -webkit-transform: translate(-50%, -50%);
69
- -ms-transform: translate(-50%, -50%);
70
- transform: translate(-50%, -50%); }
71
-
72
- .premium-container-scroll-instant .premium-image-scroll-image {
73
- -webkit-transition: all 0s ease-in-out !important;
74
- transition: all 0s ease-in-out !important; }
75
-
76
- .premium-image-scroll-container img {
77
- -webkit-transition: -webkit-transform 3s ease-in-out;
78
- transition: -webkit-transform 3s ease-in-out;
79
- transition: transform 3s ease-in-out;
80
- transition: transform 3s ease-in-out, -webkit-transform 3s ease-in-out; }
81
-
82
- .premium-image-scroll-container .premium-image-scroll-overlay,
83
- .premium-image-scroll-container .premium-image-scroll-content {
84
- -webkit-transition: all 0.3s ease-in-out;
85
- transition: all 0.3s ease-in-out;
86
- opacity: 1; }
87
-
88
- .premium-image-scroll-container:hover .premium-image-scroll-overlay {
89
- opacity: 0; }
90
-
91
- .premium-image-scroll-container:hover .premium-image-scroll-content {
92
- opacity: 0;
93
- visibility: hidden; }
94
-
95
- .premium-image-scroll-content .premium-image-scroll-icon {
96
- display: inline-block;
97
- font-family: "pa-elements" !important;
98
- speak: none;
99
- font-style: normal;
100
- font-weight: normal;
101
- font-variant: normal;
102
- text-transform: none;
103
- line-height: 1;
104
- -webkit-font-smoothing: antialiased;
105
- -moz-osx-font-smoothing: grayscale;
106
- -webkit-animation-duration: 0.5s;
107
- animation-duration: 0.5s;
108
- -webkit-animation-iteration-count: infinite;
109
- animation-iteration-count: infinite;
110
- -webkit-animation-direction: alternate;
111
- animation-direction: alternate;
112
- -webkit-animation-timing-function: ease-in-out;
113
- animation-timing-function: ease-in-out; }
114
-
115
- .pa-horizontal-mouse-scroll:before {
116
- content: "\e901"; }
117
-
118
- .pa-vertical-mouse-scroll:before {
119
- content: "\e93c"; }
120
-
121
- .pa-horizontal-mouse-scroll {
122
- -webkit-animation-name: pa-scroll-horizontal;
123
- animation-name: pa-scroll-horizontal; }
124
-
125
- .pa-vertical-mouse-scroll {
126
- -webkit-animation-name: pa-scroll-vertical;
127
- animation-name: pa-scroll-vertical; }
128
-
129
- @-webkit-keyframes pa-scroll-vertical {
130
- 0% {
131
- -webkit-transform: translateY(0px);
132
- transform: translateY(0px); }
133
- 100% {
134
- -webkit-transform: translateY(5px);
135
- transform: translateY(5px); } }
136
-
137
- @keyframes pa-scroll-vertical {
138
- 0% {
139
- -webkit-transform: translateY(0px);
140
- transform: translateY(0px); }
141
- 100% {
142
- -webkit-transform: translateY(5px);
143
- transform: translateY(5px); } }
144
-
145
- @-webkit-keyframes pa-scroll-horizontal {
146
- 0% {
147
- -webkit-transform: translateX(0px);
148
- transform: translateX(0px); }
149
- 100% {
150
- -webkit-transform: translateX(5px);
151
- transform: translateX(5px); } }
152
-
153
- @keyframes pa-scroll-horizontal {
154
- 0% {
155
- -webkit-transform: translateX(0px);
156
- transform: translateX(0px); }
157
- 100% {
158
- -webkit-transform: translateX(5px);
159
- transform: translateX(5px); } }
1
+ /************ Premium Image Scroll ************/
2
+ /**********************************************/
3
+ @font-face {
4
+ font-family: "pa-elements";
5
+ src: url("../../plugins/premium-addons-for-elementor/assets/editor/fonts/pa-elements.eot?vcwy2s");
6
+ src: url("../../plugins/premium-addons-for-elementor/assets/editor/fonts/pa-elements.eot?vcwy2s#iefix") format("embedded-opentype"), url("../../plugins/premium-addons-for-elementor/assets/editor/fonts/pa-elements.ttf?vcwy2s") format("truetype"), url("../../plugins/premium-addons-for-elementor/assets/editor/fonts/pa-elements.woff?vcwy2s") format("woff"), url("../../plugins/premium-addons-for-elementor/assets/editor/fonts/pa-elements.svg?vcwy2s#pa-elements") format("svg");
7
+ font-weight: normal;
8
+ font-style: normal; }
9
+
10
+ .premium-image-scroll-section,
11
+ .premium-image-scroll-container {
12
+ -webkit-transition: all 0.3s ease-in-out;
13
+ transition: all 0.3s ease-in-out; }
14
+
15
+ .premium-image-scroll-section {
16
+ position: relative;
17
+ overflow: hidden;
18
+ width: 100%;
19
+ -webkit-mask-image: -webkit-radial-gradient(white, black); }
20
+
21
+ .premium-image-scroll-container {
22
+ width: 100%; }
23
+ .premium-image-scroll-container .premium-image-scroll-mask-media {
24
+ -webkit-mask-repeat: no-repeat;
25
+ mask-repeat: no-repeat;
26
+ -webkit-mask-position: center;
27
+ mask-position: center; }
28
+
29
+ .premium-container-scroll {
30
+ overflow: auto; }
31
+
32
+ .premium-image-scroll-container .premium-image-scroll-horizontal {
33
+ position: relative;
34
+ width: 100%;
35
+ height: 100%; }
36
+ .premium-image-scroll-container .premium-image-scroll-horizontal img {
37
+ max-width: none;
38
+ height: 100%; }
39
+
40
+ .premium-image-scroll-container .premium-image-scroll-vertical img {
41
+ width: 100%;
42
+ max-width: 100%;
43
+ height: auto; }
44
+
45
+ .premium-image-scroll-ver {
46
+ position: relative; }
47
+
48
+ .premium-image-scroll-container .premium-image-scroll-overlay {
49
+ background: rgba(2, 2, 2, 0.3); }
50
+
51
+ .premium-image-scroll-container .premium-image-scroll-link,
52
+ .premium-image-scroll-container .premium-image-scroll-overlay {
53
+ position: absolute;
54
+ top: 0;
55
+ bottom: 0;
56
+ left: 0;
57
+ right: 0;
58
+ z-index: 4; }
59
+
60
+ .premium-image-scroll-content {
61
+ display: inline-block;
62
+ position: absolute;
63
+ height: auto;
64
+ top: 50%;
65
+ left: 50%;
66
+ text-align: center;
67
+ z-index: 5;
68
+ -webkit-transform: translate(-50%, -50%);
69
+ -ms-transform: translate(-50%, -50%);
70
+ transform: translate(-50%, -50%); }
71
+
72
+ .premium-container-scroll-instant .premium-image-scroll-image {
73
+ -webkit-transition: all 0s ease-in-out !important;
74
+ transition: all 0s ease-in-out !important; }
75
+
76
+ .premium-image-scroll-container img {
77
+ -webkit-transition: -webkit-transform 3s ease-in-out;
78
+ transition: -webkit-transform 3s ease-in-out;
79
+ transition: transform 3s ease-in-out;
80
+ transition: transform 3s ease-in-out, -webkit-transform 3s ease-in-out; }
81
+
82
+ .premium-image-scroll-container .premium-image-scroll-overlay,
83
+ .premium-image-scroll-container .premium-image-scroll-content {
84
+ -webkit-transition: all 0.3s ease-in-out;
85
+ transition: all 0.3s ease-in-out;
86
+ opacity: 1; }
87
+
88
+ .premium-image-scroll-container:hover .premium-image-scroll-overlay {
89
+ opacity: 0; }
90
+
91
+ .premium-image-scroll-container:hover .premium-image-scroll-content {
92
+ opacity: 0;
93
+ visibility: hidden; }
94
+
95
+ .premium-image-scroll-content .premium-image-scroll-icon {
96
+ display: inline-block;
97
+ font-family: "pa-elements" !important;
98
+ speak: none;
99
+ font-style: normal;
100
+ font-weight: normal;
101
+ font-variant: normal;
102
+ text-transform: none;
103
+ line-height: 1;
104
+ -webkit-font-smoothing: antialiased;
105
+ -moz-osx-font-smoothing: grayscale;
106
+ -webkit-animation-duration: 0.5s;
107
+ animation-duration: 0.5s;
108
+ -webkit-animation-iteration-count: infinite;
109
+ animation-iteration-count: infinite;
110
+ -webkit-animation-direction: alternate;
111
+ animation-direction: alternate;
112
+ -webkit-animation-timing-function: ease-in-out;
113
+ animation-timing-function: ease-in-out; }
114
+
115
+ .pa-horizontal-mouse-scroll:before {
116
+ content: "\e901"; }
117
+
118
+ .pa-vertical-mouse-scroll:before {
119
+ content: "\e93c"; }
120
+
121
+ .pa-horizontal-mouse-scroll {
122
+ -webkit-animation-name: pa-scroll-horizontal;
123
+ animation-name: pa-scroll-horizontal; }
124
+
125
+ .pa-vertical-mouse-scroll {
126
+ -webkit-animation-name: pa-scroll-vertical;
127
+ animation-name: pa-scroll-vertical; }
128
+
129
+ @-webkit-keyframes pa-scroll-vertical {
130
+ 0% {
131
+ -webkit-transform: translateY(0px);
132
+ transform: translateY(0px); }
133
+ 100% {
134
+ -webkit-transform: translateY(5px);
135
+ transform: translateY(5px); } }
136
+
137
+ @keyframes pa-scroll-vertical {
138
+ 0% {
139
+ -webkit-transform: translateY(0px);
140
+ transform: translateY(0px); }
141
+ 100% {
142
+ -webkit-transform: translateY(5px);
143
+ transform: translateY(5px); } }
144
+
145
+ @-webkit-keyframes pa-scroll-horizontal {
146
+ 0% {
147
+ -webkit-transform: translateX(0px);
148
+ transform: translateX(0px); }
149
+ 100% {
150
+ -webkit-transform: translateX(5px);
151
+ transform: translateX(5px); } }
152
+
153
+ @keyframes pa-scroll-horizontal {
154
+ 0% {
155
+ -webkit-transform: translateX(0px);
156
+ transform: translateX(0px); }
157
+ 100% {
158
+ -webkit-transform: translateX(5px);
159
+ transform: translateX(5px); } }
assets/frontend/css/premium-nav-menu-rtl.css CHANGED
@@ -1,1583 +1,1583 @@
1
- /************ Premium Nav Menu ************/
2
- .premium-nav-widget-container ul {
3
- list-style: none;
4
- margin: 0;
5
- padding: 0;
6
- }
7
-
8
- .premium-nav-widget-container .premium-main-nav-menu {
9
- -js-display: flex;
10
- display: -webkit-box;
11
- display: -webkit-flex;
12
- display: -moz-box;
13
- display: -ms-flexbox;
14
- display: flex;
15
- height: 100%;
16
- }
17
-
18
- /*Vertical Main Menu**/
19
- .premium-nav-ver .premium-ver-inner-container {
20
- width: 45%;
21
- position: relative;
22
- }
23
-
24
- .premium-nav-ver .premium-nav-menu-container,
25
- .premium-nav-ver .premium-ver-toggler {
26
- width: 100%;
27
- }
28
-
29
- .premium-nav-ver .premium-nav-menu-container {
30
- background-color: #fff;
31
- -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
32
- box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
33
- }
34
-
35
- .premium-nav-ver .premium-main-nav-menu {
36
- position: relative;
37
- -webkit-box-orient: vertical;
38
- -webkit-box-direction: normal;
39
- -webkit-flex-direction: column;
40
- -moz-box-orient: vertical;
41
- -moz-box-direction: normal;
42
- -ms-flex-direction: column;
43
- flex-direction: column;
44
- -webkit-box-align: start;
45
- -webkit-align-items: flex-start;
46
- -moz-box-align: start;
47
- -ms-flex-align: start;
48
- align-items: flex-start;
49
- }
50
-
51
- .premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item.menu-item-has-children .premium-sub-menu {
52
- visibility: hidden;
53
- opacity: 0;
54
- position: absolute;
55
- min-width: 250px;
56
- }
57
-
58
- .premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item.menu-item-has-children:hover>.premium-sub-menu,
59
- .premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item.menu-item-has-children:hover .premium-mega-content-container {
60
- opacity: 1;
61
- visibility: visible;
62
- pointer-events: auto;
63
- }
64
-
65
- .premium-nav-ver .premium-nav-menu-item {
66
- width: 100%;
67
- }
68
-
69
- .premium-nav-ver:not(.premium-hamburger-menu).premium-vertical-right .premium-mega-content-container,
70
- .premium-nav-ver:not(.premium-hamburger-menu).premium-vertical-right .premium-nav-menu-item.menu-item-has-children .premium-sub-menu {
71
- left: 100%;
72
- top: 0;
73
- }
74
-
75
- .premium-nav-ver:not(.premium-hamburger-menu).premium-vertical-left .premium-mega-content-container,
76
- .premium-nav-ver:not(.premium-hamburger-menu).premium-vertical-left .premium-nav-menu-item.menu-item-has-children .premium-sub-menu {
77
- right: 100%;
78
- top: 0;
79
- }
80
-
81
- .premium-nav-ver.premium-vertical-left .premium-menu-link {
82
- -webkit-box-orient: horizontal;
83
- -webkit-box-direction: reverse;
84
- -webkit-flex-direction: row-reverse;
85
- -moz-box-orient: horizontal;
86
- -moz-box-direction: reverse;
87
- -ms-flex-direction: row-reverse;
88
- flex-direction: row-reverse;
89
- }
90
-
91
- /*Horizontal Main Menu**/
92
- .premium-nav-hor .premium-nav-menu-container {
93
- height: 60px;
94
- }
95
-
96
- .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item .premium-sub-menu {
97
- visibility: hidden;
98
- opacity: 0;
99
- position: absolute;
100
- min-width: 220px;
101
- }
102
-
103
- .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item>.premium-sub-menu,
104
- .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item .premium-mega-content-container {
105
- top: 100%;
106
- }
107
-
108
- .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item>.premium-sub-menu .premium-sub-menu,
109
- .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item .premium-mega-content-container .premium-sub-menu {
110
- right: 100%;
111
- top: 0;
112
- }
113
-
114
- .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item.premium-item-hovered>.premium-sub-menu,
115
- .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item.premium-item-hovered .premium-mega-content-container {
116
- visibility: visible;
117
- opacity: 1;
118
- pointer-events: auto;
119
- }
120
-
121
- .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item.premium-mega-item-static .premium-mega-content-container {
122
- left: 50%;
123
- -webkit-transform: translateX(-50%);
124
- -ms-transform: translateX(-50%);
125
- transform: translateX(-50%);
126
- }
127
-
128
- .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item:not(.premium-mega-item-static) .premium-mega-content-container {
129
- left: 0;
130
- }
131
-
132
- /**Mega Menu Container*/
133
- .premium-mega-nav-item>.premium-sub-menu {
134
- display: none;
135
- }
136
-
137
- .premium-mega-nav-item {
138
- position: relative;
139
- }
140
-
141
- .premium-mega-nav-item.premium-item-hovered .premium-mega-content-container {
142
- visibility: visible;
143
- opacity: 1;
144
- pointer-events: auto;
145
- }
146
-
147
- .premium-mega-content-container {
148
- visibility: hidden;
149
- position: absolute;
150
- z-index: 9999;
151
- opacity: 0;
152
- pointer-events: none;
153
- }
154
-
155
- .premium-hamburger-menu .premium-mega-content-container,
156
- .premium-nav-slide .premium-mega-content-container,
157
- .premium-nav-dropdown .premium-mega-content-container {
158
- visibility: visible;
159
- position: relative;
160
- opacity: 1;
161
- pointer-events: auto;
162
- }
163
-
164
- /**Hamburger Menu*/
165
- .premium-nav-widget-container a.premium-hamburger-toggle,
166
- .premium-mobile-menu-outer-container a.premium-mobile-menu-close {
167
- text-decoration: none;
168
- }
169
-
170
- .premium-nav-widget-container .premium-hamburger-toggle {
171
- display: none;
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
- }
183
-
184
- .premium-nav-widget-container .premium-hamburger-toggle i {
185
- padding: 0.25em;
186
- font-size: 22px;
187
- }
188
-
189
- .premium-nav-widget-container .premium-hamburger-toggle svg {
190
- width: 22px;
191
- height: 22px;
192
- }
193
-
194
- .premium-nav-widget-container .premium-hamburger-toggle i,
195
- .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-text,
196
- .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-close {
197
- color: #494c4f;
198
- }
199
-
200
- .premium-nav-widget-container .premium-hamburger-toggle svg,
201
- .premium-nav-widget-container .premium-hamburger-toggle svg path {
202
- fill: #494c4f;
203
- }
204
-
205
- .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-text,
206
- .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-close {
207
- margin: 2px;
208
- }
209
-
210
- .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-close {
211
- display: none;
212
- }
213
-
214
- .premium-mobile-menu-container {
215
- width: 100%;
216
- }
217
-
218
- .premium-mobile-menu-container .premium-main-mobile-menu {
219
- width: 100%;
220
- }
221
-
222
- .premium-mobile-menu-container ul {
223
- list-style: none;
224
- margin: 0;
225
- padding: 0;
226
- }
227
-
228
- .premium-mobile-menu-container .premium-mobile-menu,
229
- .premium-mobile-menu-container .premium-sub-menu {
230
- display: none;
231
- -webkit-box-orient: vertical;
232
- -webkit-box-direction: normal;
233
- -webkit-flex-direction: column;
234
- -moz-box-orient: vertical;
235
- -moz-box-direction: normal;
236
- -ms-flex-direction: column;
237
- flex-direction: column;
238
- }
239
-
240
- .premium-mobile-menu-container .premium-nav-menu-item {
241
- -webkit-box-orient: vertical;
242
- -webkit-box-direction: normal;
243
- -webkit-flex-direction: column;
244
- -moz-box-orient: vertical;
245
- -moz-box-direction: normal;
246
- -ms-flex-direction: column;
247
- flex-direction: column;
248
- }
249
-
250
- .premium-mobile-menu-container .premium-item-badge {
251
- top: 50%;
252
- left: 0;
253
- -webkit-transform: translateY(-50%);
254
- -ms-transform: translateY(-50%);
255
- transform: translateY(-50%);
256
- }
257
-
258
- .premium-nav-hor .premium-mobile-menu-container .premium-item-badge {
259
- top: 0;
260
- -webkit-transform: translateY(0);
261
- -ms-transform: translateY(0);
262
- transform: translateY(0);
263
- }
264
-
265
- /**Vertical Hamburger Menu*/
266
- .premium-mobile-menu-outer-container {
267
- opacity: 0;
268
- }
269
-
270
- .premium-mobile-menu-outer-container.premium-vertical-toggle-open {
271
- opacity: 1;
272
- }
273
-
274
- .premium-ver-hamburger-menu .premium-mobile-menu-outer-container {
275
- background-color: #f7f7f7;
276
- width: 300px;
277
- -webkit-transform: translateX(300px);
278
- -ms-transform: translateX(300px);
279
- transform: translateX(300px);
280
- height: 100%;
281
- position: fixed;
282
- top: 0;
283
- right: 0;
284
- overflow-x: hidden;
285
- z-index: 10002;
286
- -webkit-transition: 0.5s;
287
- transition: 0.5s;
288
- padding-top: 50px;
289
- }
290
-
291
- .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu {
292
- -js-display: flex;
293
- display: -webkit-box;
294
- display: -webkit-flex;
295
- display: -moz-box;
296
- display: -ms-flexbox;
297
- display: flex;
298
- }
299
-
300
- .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-container {
301
- margin-top: 50px;
302
- }
303
-
304
- .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-container .premium-item-badge {
305
- -webkit-transform: translateY(0);
306
- -ms-transform: translateY(0);
307
- transform: translateY(0);
308
- }
309
-
310
- .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-close {
311
- position: absolute;
312
- top: 2%;
313
- right: 5px;
314
- padding: 0 9px;
315
- z-index: 10000;
316
- -js-display: inline-flex;
317
- display: -webkit-inline-box;
318
- display: -webkit-inline-flex;
319
- display: -moz-inline-box;
320
- display: -ms-inline-flexbox;
321
- display: inline-flex;
322
- color: #494c4f;
323
- -webkit-box-pack: center;
324
- -webkit-justify-content: center;
325
- -moz-box-pack: center;
326
- -ms-flex-pack: center;
327
- justify-content: center;
328
- -webkit-box-align: center;
329
- -webkit-align-items: center;
330
- -moz-box-align: center;
331
- -ms-flex-align: center;
332
- align-items: center;
333
- }
334
-
335
- .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-close .premium-toggle-close {
336
- margin: 5px;
337
- }
338
-
339
- .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-close svg {
340
- width: 22px;
341
- height: 22px;
342
- fill: #494c4f;
343
- }
344
-
345
- .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-close svg path {
346
- fill: #494c4f;
347
- }
348
-
349
- .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-close i {
350
- font-size: 22px;
351
- }
352
-
353
- .premium-ver-hamburger-menu .premium-vertical-toggle-open {
354
- -webkit-transform: translateX(0) !important;
355
- -ms-transform: translateX(0) !important;
356
- transform: translateX(0) !important;
357
- -webkit-transition: 0.5s;
358
- transition: 0.5s;
359
- }
360
-
361
- /** Vertical Toggler*/
362
- .premium-ver-toggle-yes .premium-nav-menu-container {
363
- height: auto;
364
- }
365
-
366
- .premium-ver-toggle-yes .premium-ver-toggler {
367
- -js-display: flex;
368
- display: -webkit-box;
369
- display: -webkit-flex;
370
- display: -moz-box;
371
- display: -ms-flexbox;
372
- display: flex;
373
- -webkit-box-align: center;
374
- -webkit-align-items: center;
375
- -moz-box-align: center;
376
- -ms-flex-align: center;
377
- align-items: center;
378
- -webkit-box-pack: justify;
379
- -webkit-justify-content: space-between;
380
- -moz-box-pack: justify;
381
- -ms-flex-pack: justify;
382
- justify-content: space-between;
383
- padding: 15px 20px 15px 20px;
384
- background: #eeeeee;
385
- color: #042551;
386
- cursor: pointer;
387
- }
388
-
389
- .premium-ver-toggle-yes .premium-ver-toggler .premium-ver-toggler-title,
390
- .premium-ver-toggle-yes .premium-ver-toggler .premium-ver-toggler-btn {
391
- -js-display: flex;
392
- display: -webkit-box;
393
- display: -webkit-flex;
394
- display: -moz-box;
395
- display: -ms-flexbox;
396
- display: flex;
397
- -webkit-box-pack: center;
398
- -webkit-justify-content: center;
399
- -moz-box-pack: center;
400
- -ms-flex-pack: center;
401
- justify-content: center;
402
- -webkit-box-align: center;
403
- -webkit-align-items: center;
404
- -moz-box-align: center;
405
- -ms-flex-align: center;
406
- align-items: center;
407
- }
408
-
409
- .premium-ver-toggle-yes .premium-ver-toggler .premium-ver-toggler-txt {
410
- text-indent: 5px;
411
- }
412
-
413
- .premium-ver-toggle-yes .premium-ver-toggler:hover {
414
- background: #54595f;
415
- color: #fff;
416
- }
417
-
418
- .premium-ver-toggle-yes .premium-ver-toggler:hover .premium-ver-close svg,
419
- .premium-ver-toggle-yes .premium-ver-toggler:hover .premium-ver-close svg path,
420
- .premium-ver-toggle-yes .premium-ver-toggler:hover .premium-ver-open svg,
421
- .premium-ver-toggle-yes .premium-ver-toggler:hover .premium-ver-open svg path,
422
- .premium-ver-toggle-yes .premium-ver-toggler:hover .premium-ver-title-icon svg,
423
- .premium-ver-toggle-yes .premium-ver-toggler:hover .premium-ver-title-icon svg path {
424
- fill: #fff;
425
- }
426
-
427
- .premium-ver-toggle-yes .premium-ver-close,
428
- .premium-ver-toggle-yes .premium-ver-open,
429
- .premium-ver-toggle-yes .premium-nav-menu-container,
430
- .premium-ver-toggle-yes .premium-ver-toggler {
431
- -webkit-transition: all 0.3s linear 0s;
432
- transition: all 0.3s linear 0s;
433
- }
434
-
435
- .premium-ver-toggle-yes .premium-ver-toggler-txt {
436
- -webkit-transition: all 0.3s linear 0s;
437
- transition: all 0.3s linear 0s;
438
- }
439
-
440
- .premium-ver-toggle-yes .premium-ver-close i,
441
- .premium-ver-toggle-yes .premium-ver-close svg,
442
- .premium-ver-toggle-yes .premium-ver-open i,
443
- .premium-ver-toggle-yes .premium-ver-open svg,
444
- .premium-ver-toggle-yes .premium-nav-menu-container i,
445
- .premium-ver-toggle-yes .premium-nav-menu-container svg,
446
- .premium-ver-toggle-yes .premium-ver-toggler i,
447
- .premium-ver-toggle-yes .premium-ver-toggler svg {
448
- -webkit-transition: color 0.3s linear 0s;
449
- transition: color 0.3s linear 0s;
450
- }
451
-
452
- .premium-ver-toggle-yes .premium-ver-close,
453
- .premium-ver-toggle-yes .premium-ver-open,
454
- .premium-ver-toggle-yes .premium-ver-title-icon {
455
- -webkit-box-pack: center;
456
- -webkit-justify-content: center;
457
- -moz-box-pack: center;
458
- -ms-flex-pack: center;
459
- justify-content: center;
460
- -webkit-box-align: center;
461
- -webkit-align-items: center;
462
- -moz-box-align: center;
463
- -ms-flex-align: center;
464
- align-items: center;
465
- }
466
-
467
- .premium-ver-toggle-yes .premium-ver-close i,
468
- .premium-ver-toggle-yes .premium-ver-open i,
469
- .premium-ver-toggle-yes .premium-ver-title-icon i {
470
- font-size: 16px;
471
- }
472
-
473
- .premium-ver-toggle-yes .premium-ver-close svg,
474
- .premium-ver-toggle-yes .premium-ver-open svg,
475
- .premium-ver-toggle-yes .premium-ver-title-icon svg {
476
- width: 17px;
477
- height: 17px;
478
- fill: #042551;
479
- }
480
-
481
- .premium-ver-toggle-yes .premium-ver-close svg path,
482
- .premium-ver-toggle-yes .premium-ver-open svg path,
483
- .premium-ver-toggle-yes .premium-ver-title-icon svg path {
484
- fill: #042551;
485
- }
486
-
487
- .premium-ver-toggle-yes.premium-ver-always .premium-ver-open {
488
- -js-display: inline-flex;
489
- display: -webkit-inline-box;
490
- display: -webkit-inline-flex;
491
- display: -moz-inline-box;
492
- display: -ms-inline-flexbox;
493
- display: inline-flex;
494
- }
495
-
496
- .premium-ver-toggle-yes .premium-ver-collapsed .premium-nav-menu-container {
497
- visibility: hidden;
498
- opacity: 0;
499
- }
500
-
501
- .premium-ver-toggle-yes .premium-ver-collapsed .premium-ver-close {
502
- display: none;
503
- }
504
-
505
- .premium-ver-toggle-yes .premium-ver-collapsed .premium-ver-open {
506
- -js-display: inline-flex;
507
- display: -webkit-inline-box;
508
- display: -webkit-inline-flex;
509
- display: -moz-inline-box;
510
- display: -ms-inline-flexbox;
511
- display: inline-flex;
512
- }
513
-
514
- .premium-ver-toggle-yes.premium-ver-hover .premium-nav-menu-container {
515
- position: absolute;
516
- z-index: 10002;
517
- }
518
-
519
- .premium-ver-toggle-yes.premium-ver-click .premium-nav-menu-container {
520
- position: absolute;
521
- z-index: 10001;
522
- }
523
-
524
- .premium-ver-toggle-yes .premium-nav-menu-container,
525
- .premium-ver-toggle-yes.premium-ver-hover .premium-ver-inner-container:hover .premium-nav-menu-container {
526
- visibility: visible;
527
- opacity: 1;
528
- }
529
-
530
- .premium-ver-toggle-yes .premium-ver-open,
531
- .premium-ver-toggle-yes.premium-ver-hover .premium-ver-inner-container:hover .premium-ver-open {
532
- display: none;
533
- }
534
-
535
- .premium-ver-toggle-yes .premium-ver-close,
536
- .premium-ver-toggle-yes .premium-ver-title-icon,
537
- .premium-ver-toggle-yes.premium-ver-hover .premium-ver-inner-container:hover .premium-ver-close,
538
- .premium-ver-toggle-yes.premium-ver-hover .premium-ver-inner-container:hover .premium-ver-title-icon {
539
- -js-display: inline-flex;
540
- display: -webkit-inline-box;
541
- display: -webkit-inline-flex;
542
- display: -moz-inline-box;
543
- display: -ms-inline-flexbox;
544
- display: inline-flex;
545
- }
546
-
547
- /** Sticky Menu */
548
- .premium-sticky-parent {
549
- position: fixed;
550
- z-index: 10003;
551
- -webkit-transition: all 0.3s linear;
552
- transition: all 0.3s linear;
553
- }
554
-
555
- .premium-sticky-scroll-yes.premium-sticky-parent.headroom--not-top {
556
- will-change: transform;
557
- -webkit-transition: -webkit-transform 500ms linear !important;
558
- transition: -webkit-transform 500ms linear !important;
559
- transition: transform 500ms linear !important;
560
- transition: transform 500ms linear, -webkit-transform 500ms linear !important;
561
- -webkit-transition-delay: 1s;
562
- transition-delay: 1s;
563
- }
564
-
565
- .premium-sticky-scroll-yes.premium-sticky-parent.headroom--not-top.slideDown {
566
- -webkit-transform: translateY(0%);
567
- -ms-transform: translateY(0%);
568
- transform: translateY(0%);
569
- }
570
-
571
- .premium-sticky-scroll-yes.premium-sticky-parent.headroom--not-top.slideUp {
572
- -webkit-transform: translateY(-100%);
573
- -ms-transform: translateY(-100%);
574
- transform: translateY(-100%);
575
- }
576
-
577
- .premium-nav-sticky-yes.premium-sticky-active.premium-ham-dropdown .premium-mobile-menu-container,
578
- .premium-ham-dropdown .premium-stretch-dropdown .premium-mobile-menu-container {
579
- max-height: 400px;
580
- overflow-y: auto;
581
- }
582
-
583
- /**Common*/
584
- .premium-nav-slide-overlay {
585
- display: none;
586
- position: fixed;
587
- top: 0;
588
- left: 0;
589
- right: 0;
590
- bottom: 0;
591
- -webkit-backface-visibility: hidden;
592
- backface-visibility: hidden;
593
- background: rgba(0, 0, 0, 0.6);
594
- z-index: 10002;
595
- }
596
-
597
- .premium-nav-slide-overlay.premium-vertical-toggle-open {
598
- display: block;
599
- }
600
-
601
- .premium-active-menu,
602
- .premium-active-menu:not(.premium-mega-nav-item)>.premium-sub-menu,
603
- .premium-active-menu.premium-mega-nav-item>.premium-mega-content-container {
604
- -js-display: flex !important;
605
- display: -webkit-box !important;
606
- display: -webkit-flex !important;
607
- display: -moz-box !important;
608
- display: -ms-flexbox !important;
609
- display: flex !important;
610
- -webkit-box-orient: vertical;
611
- -webkit-box-direction: normal;
612
- -webkit-flex-direction: column;
613
- -moz-box-orient: vertical;
614
- -moz-box-direction: normal;
615
- -ms-flex-direction: column;
616
- flex-direction: column;
617
- }
618
-
619
- .premium-active-menu .premium-toggle-close {
620
- display: block;
621
- }
622
-
623
- .premium-nav-menu-container .premium-sub-menu {
624
- background-color: #fff;
625
- }
626
-
627
- .premium-mobile-menu-container li,
628
- .premium-mobile-menu-container li>.premium-mega-content-container {
629
- width: 100% !important;
630
- }
631
-
632
- .premium-item-icon,
633
- .premium-sub-item-icon {
634
- font-size: 13px;
635
- margin: 0 7px;
636
- }
637
-
638
- .premium-item-icon svg,
639
- .premium-sub-item-icon svg {
640
- width: 100%;
641
- height: 100%;
642
- }
643
-
644
- .premium-item-icon.premium-lottie-animation,
645
- .premium-sub-item-icon.premium-lottie-animation {
646
- width: 20px;
647
- height: 20px;
648
- -js-display: flex;
649
- display: -webkit-box;
650
- display: -webkit-flex;
651
- display: -moz-box;
652
- display: -ms-flexbox;
653
- display: flex;
654
- -webkit-box-pack: center;
655
- -webkit-justify-content: center;
656
- -moz-box-pack: center;
657
- -ms-flex-pack: center;
658
- justify-content: center;
659
- }
660
-
661
- .premium-item-icon.dashicons,
662
- .premium-sub-item-icon.dashicons {
663
- width: 13px;
664
- height: 13px;
665
- }
666
-
667
- .premium-nav-menu-item {
668
- position: relative;
669
- }
670
-
671
- .premium-nav-menu-item .premium-menu-link {
672
- -js-display: flex;
673
- display: -webkit-box;
674
- display: -webkit-flex;
675
- display: -moz-box;
676
- display: -ms-flexbox;
677
- display: flex;
678
- -webkit-box-align: center;
679
- -webkit-align-items: center;
680
- -moz-box-align: center;
681
- -ms-flex-align: center;
682
- align-items: center;
683
- height: 100%;
684
- padding: 7px 10px;
685
- text-decoration: none;
686
- position: relative;
687
- }
688
-
689
- .premium-nav-menu-item .premium-dropdown-icon {
690
- margin: 5px;
691
- }
692
-
693
- .premium-nav-menu-item.menu-item-has-children {
694
- position: relative;
695
- }
696
-
697
- .premium-nav-menu-item.menu-item-has-children .premium-sub-menu {
698
- max-width: 100%;
699
- z-index: 9999;
700
- }
701
-
702
- .premium-nav-menu-item.menu-item-has-children .premium-sub-menu .premium-sub-menu-link {
703
- -webkit-box-pack: start;
704
- -webkit-justify-content: flex-start;
705
- -moz-box-pack: start;
706
- -ms-flex-pack: start;
707
- justify-content: flex-start;
708
- }
709
-
710
- .premium-nav-menu-item .menu-link {
711
- position: relative;
712
- text-decoration: none;
713
- }
714
-
715
- .premium-item-badge,
716
- .premium-sub-item-badge,
717
- .premium-rn-badge {
718
- position: absolute;
719
- padding: 1px 6px;
720
- min-width: 35px;
721
- text-align: center;
722
- font-size: 10px;
723
- -webkit-border-radius: 4px;
724
- border-radius: 4px;
725
- line-height: 1.8;
726
- white-space: nowrap;
727
- }
728
-
729
- .premium-nav-hor:not(.premium-hamburger-menu) .premium-item-badge,
730
- .premium-nav-hor:not(.premium-nav-slide) .premium-item-badge,
731
- .premium-nav-hor:not(.premium-nav-dropdown) .premium-item-badge {
732
- position: relative;
733
- margin: 8px;
734
- }
735
-
736
- .premium-nav-hor .premium-sub-item-badge,
737
- .premium-nav-slide .premium-sub-item-badge,
738
- .premium-nav-dropdown .premium-sub-item-badge {
739
- top: 50%;
740
- left: 0;
741
- -webkit-transform: translateY(-50%);
742
- -ms-transform: translateY(-50%);
743
- transform: translateY(-50%);
744
- }
745
-
746
- .premium-nav-ver.premium-vertical-right .premium-item-badge,
747
- .premium-nav-ver.premium-vertical-right .premium-sub-item-badge {
748
- top: 50%;
749
- right: 0;
750
- -webkit-transform: translateY(-50%);
751
- -ms-transform: translateY(-50%);
752
- transform: translateY(-50%);
753
- }
754
-
755
- .premium-nav-ver.premium-vertical-left .premium-item-badge,
756
- .premium-nav-ver.premium-vertical-left .premium-sub-item-badge {
757
- top: 50%;
758
- left: 0;
759
- -webkit-transform: translateY(-50%);
760
- -ms-transform: translateY(-50%);
761
- transform: translateY(-50%);
762
- }
763
-
764
- .premium-mega-nav-item {
765
- position: relative;
766
- }
767
-
768
- .premium-hamburger-menu .premium-mega-content-container,
769
- .premium-nav-dropdown .premium-mega-content-container,
770
- .premium-nav-slide .premium-mega-content-container {
771
- display: none;
772
- }
773
-
774
- .premium-mega-item-static {
775
- position: static !important;
776
- }
777
-
778
- .premium-hamburger-menu .premium-nav-menu-container,
779
- .premium-nav-dropdown .premium-nav-menu-container,
780
- .premium-nav-slide .premium-nav-menu-container {
781
- display: none;
782
- }
783
-
784
- .premium-hamburger-menu .premium-hamburger-toggle,
785
- .premium-nav-dropdown .premium-hamburger-toggle,
786
- .premium-nav-slide .premium-hamburger-toggle {
787
- -js-display: inline-flex;
788
- display: -webkit-inline-box;
789
- display: -webkit-inline-flex;
790
- display: -moz-inline-box;
791
- display: -ms-inline-flexbox;
792
- display: inline-flex;
793
- -webkit-box-orient: horizontal;
794
- -webkit-box-direction: reverse;
795
- -webkit-flex-direction: row-reverse;
796
- -moz-box-orient: horizontal;
797
- -moz-box-direction: reverse;
798
- -ms-flex-direction: row-reverse;
799
- flex-direction: row-reverse;
800
- }
801
-
802
- .premium-hidden-icon-yes.premium-hamburger-menu .premium-item-icon,
803
- .premium-hidden-icon-yes.premium-hamburger-menu .premium-sub-item-icon,
804
- .premium-hidden-icon-yes.premium-nav-dropdown .premium-item-icon,
805
- .premium-hidden-icon-yes.premium-nav-dropdown .premium-sub-item-icon,
806
- .premium-hidden-icon-yes.premium-nav-slide .premium-item-icon,
807
- .premium-hidden-icon-yes.premium-nav-slide .premium-sub-item-icon {
808
- display: none;
809
- }
810
-
811
- .premium-hidden-badge-yes.premium-hamburger-menu .premium-item-badge,
812
- .premium-hidden-badge-yes.premium-hamburger-menu .premium-sub-item-badge,
813
- .premium-hidden-badge-yes.premium-hamburger-menu .premium-rn-badge,
814
- .premium-hidden-badge-yes.premium-nav-dropdown .premium-item-badge,
815
- .premium-hidden-badge-yes.premium-nav-dropdown .premium-sub-item-badge,
816
- .premium-hidden-badge-yes.premium-nav-dropdown .premium-rn-badge,
817
- .premium-hidden-badge-yes.premium-nav-slide .premium-item-badge,
818
- .premium-hidden-badge-yes.premium-nav-slide .premium-sub-item-badge,
819
- .premium-hidden-badge-yes.premium-nav-slide .premium-rn-badge {
820
- display: none;
821
- }
822
-
823
- .premium-ham-dropdown .premium-mobile-menu-container,
824
- .premium-nav-dropdown .premium-mobile-menu-container {
825
- -js-display: flex;
826
- display: -webkit-box;
827
- display: -webkit-flex;
828
- display: -moz-box;
829
- display: -ms-flexbox;
830
- display: flex;
831
- }
832
-
833
- .premium-ham-dropdown .premium-toggle-opened .premium-toggle-close,
834
- .premium-nav-dropdown .premium-toggle-opened .premium-toggle-close {
835
- display: inline !important;
836
- }
837
-
838
- .premium-ham-dropdown .premium-toggle-opened .premium-toggle-text,
839
- .premium-nav-dropdown .premium-toggle-opened .premium-toggle-text {
840
- display: none !important;
841
- }
842
-
843
- .premium-stretch-dropdown .premium-mobile-menu-container {
844
- position: absolute;
845
- z-index: 9999;
846
- }
847
-
848
- .premium-nav-default {
849
- display: none;
850
- }
851
-
852
- .premium-hamburger-toggle {
853
- width: 100%;
854
- }
855
-
856
- /*
857
- * Pointer & Pointer Animations
858
- */
859
- .premium-menu-link-parent::before,
860
- .premium-menu-link-parent::after {
861
- display: block;
862
- position: absolute;
863
- -webkit-transition: all 0.3s cubic-bezier(0.58, 0.3, 0.005, 1);
864
- transition: all 0.3s cubic-bezier(0.58, 0.3, 0.005, 1);
865
- }
866
-
867
- .premium-nav-pointer-underline .premium-menu-link-parent::after,
868
- .premium-nav-pointer-double-line .premium-menu-link-parent::after {
869
- content: "";
870
- bottom: 0;
871
- }
872
-
873
- .premium-nav-pointer-overline .premium-menu-link-parent::before,
874
- .premium-nav-pointer-double-line .premium-menu-link-parent::before {
875
- content: "";
876
- top: 0;
877
- }
878
-
879
- .premium-nav-pointer-underline .premium-menu-link-parent::before,
880
- .premium-nav-pointer-underline .premium-menu-link-parent::after,
881
- .premium-nav-pointer-overline .premium-menu-link-parent::before,
882
- .premium-nav-pointer-overline .premium-menu-link-parent::after,
883
- .premium-nav-pointer-double-line .premium-menu-link-parent::before,
884
- .premium-nav-pointer-double-line .premium-menu-link-parent::after {
885
- height: 3px;
886
- width: 100%;
887
- right: 0;
888
- background-color: #55595c;
889
- z-index: 2;
890
- }
891
-
892
- .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,
893
- .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after {
894
- opacity: 0;
895
- }
896
-
897
- .premium-nav-pointer-underline.premium-nav-animation-none,
898
- .premium-nav-pointer-overline.premium-nav-animation-none,
899
- .premium-nav-pointer-double-line.premium-nav-animation-none {
900
- -webkit-transition-duration: 0s;
901
- transition-duration: 0s;
902
- }
903
-
904
- .premium-nav-pointer-underline.premium-nav-animation-none .premium-menu-link-parent,
905
- .premium-nav-pointer-underline.premium-nav-animation-none .premium-menu-link-parent::before,
906
- .premium-nav-pointer-underline.premium-nav-animation-none .premium-menu-link-parent::after,
907
- .premium-nav-pointer-underline.premium-nav-animation-none .premium-menu-link-parent:focus,
908
- .premium-nav-pointer-underline.premium-nav-animation-none .premium-menu-link-parent:hover,
909
- .premium-nav-pointer-overline.premium-nav-animation-none .premium-menu-link-parent,
910
- .premium-nav-pointer-overline.premium-nav-animation-none .premium-menu-link-parent::before,
911
- .premium-nav-pointer-overline.premium-nav-animation-none .premium-menu-link-parent::after,
912
- .premium-nav-pointer-overline.premium-nav-animation-none .premium-menu-link-parent:focus,
913
- .premium-nav-pointer-overline.premium-nav-animation-none .premium-menu-link-parent:hover,
914
- .premium-nav-pointer-double-line.premium-nav-animation-none .premium-menu-link-parent,
915
- .premium-nav-pointer-double-line.premium-nav-animation-none .premium-menu-link-parent::before,
916
- .premium-nav-pointer-double-line.premium-nav-animation-none .premium-menu-link-parent::after,
917
- .premium-nav-pointer-double-line.premium-nav-animation-none .premium-menu-link-parent:focus,
918
- .premium-nav-pointer-double-line.premium-nav-animation-none .premium-menu-link-parent:hover {
919
- -webkit-transition-duration: 0s;
920
- transition-duration: 0s;
921
- }
922
-
923
- .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,
924
- .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 {
925
- width: 10px;
926
- inset-inline-start: 100%;
927
- }
928
-
929
- .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,
930
- .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 {
931
- width: 10px;
932
- left: -20px;
933
- }
934
-
935
- .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,
936
- .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,
937
- .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,
938
- .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,
939
- .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,
940
- .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 {
941
- height: 0;
942
- width: 0;
943
- left: 50%;
944
- }
945
-
946
- .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,
947
- .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,
948
- .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 {
949
- top: -10px;
950
- }
951
-
952
- .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,
953
- .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,
954
- .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 {
955
- bottom: -10px;
956
- }
957
-
958
- .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,
959
- .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,
960
- .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 {
961
- top: 10px;
962
- }
963
-
964
- .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,
965
- .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,
966
- .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 {
967
- bottom: 10px;
968
- }
969
-
970
- .premium-nav-pointer-framed .premium-menu-link-parent::before {
971
- content: "";
972
- }
973
-
974
- .premium-nav-pointer-framed .premium-menu-link-parent::before,
975
- .premium-nav-pointer-framed .premium-menu-link-parent::after {
976
- background: transparent;
977
- left: 0;
978
- top: 0;
979
- bottom: 0;
980
- right: 0;
981
- border: 3px solid #55595c;
982
- }
983
-
984
- .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 {
985
- -webkit-transform: scale(0.75);
986
- -ms-transform: scale(0.75);
987
- transform: scale(0.75);
988
- }
989
-
990
- .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 {
991
- -webkit-transform: scale(1.25);
992
- -ms-transform: scale(1.25);
993
- transform: scale(1.25);
994
- }
995
-
996
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent::before,
997
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent::after {
998
- width: 3px;
999
- height: 3px;
1000
- }
1001
-
1002
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent::before {
1003
- border-width: 0 3px 3px 0;
1004
- -webkit-transition: width 0.1s 0.2s, height 0.1s 0.3s, opacity 0.12s 0.22s;
1005
- transition: width 0.1s 0.2s, height 0.1s 0.3s, opacity 0.12s 0.22s;
1006
- }
1007
-
1008
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent::after {
1009
- content: "";
1010
- top: auto;
1011
- bottom: 0;
1012
- left: 0;
1013
- right: auto;
1014
- border-width: 3px 0 0 3px;
1015
- -webkit-transition: width 0.1s, height 0.1s 0.1s, opacity 0.02s 0.18s;
1016
- transition: width 0.1s, height 0.1s 0.1s, opacity 0.02s 0.18s;
1017
- }
1018
-
1019
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:hover::before,
1020
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:focus::before {
1021
- -webkit-transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s;
1022
- transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s;
1023
- }
1024
-
1025
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:hover::after,
1026
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:focus::after {
1027
- -webkit-transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s;
1028
- transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s;
1029
- }
1030
-
1031
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:hover::before,
1032
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:hover::after,
1033
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:focus::before,
1034
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:focus::after {
1035
- width: 100%;
1036
- height: 100%;
1037
- }
1038
-
1039
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-active-item .premium-menu-link-parent::before {
1040
- -webkit-transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s;
1041
- transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s;
1042
- }
1043
-
1044
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-active-item .premium-menu-link-parent::after {
1045
- -webkit-transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s;
1046
- transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s;
1047
- }
1048
-
1049
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-active-item .premium-menu-link-parent::before,
1050
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-active-item .premium-menu-link-parent::after {
1051
- width: 100%;
1052
- height: 100%;
1053
- }
1054
-
1055
- .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent::before {
1056
- border-width: 3px 3px 0 0;
1057
- }
1058
-
1059
- .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent::after {
1060
- content: "";
1061
- top: auto;
1062
- bottom: 0;
1063
- left: 0;
1064
- right: auto;
1065
- border-width: 0 0 3px 3px;
1066
- }
1067
-
1068
- .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent::before,
1069
- .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent::after {
1070
- width: 3px;
1071
- height: 3px;
1072
- }
1073
-
1074
- .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent:hover::before,
1075
- .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent:hover::after,
1076
- .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent:focus::before,
1077
- .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent:focus::after {
1078
- width: 100%;
1079
- height: 100%;
1080
- -webkit-transition: opacity 2ms, width 0.4s, height 0.4s;
1081
- transition: opacity 2ms, width 0.4s, height 0.4s;
1082
- }
1083
-
1084
- .premium-nav-pointer-framed.premium-nav-animation-corners .premium-active-item .premium-menu-link-parent::before,
1085
- .premium-nav-pointer-framed.premium-nav-animation-corners .premium-active-item .premium-menu-link-parent::after {
1086
- width: 100%;
1087
- height: 100%;
1088
- -webkit-transition: opacity 2ms, width 0.4s, height 0.4s;
1089
- transition: opacity 2ms, width 0.4s, height 0.4s;
1090
- }
1091
-
1092
- .premium-nav-pointer-text.premium-nav-animation-grow .premium-menu-link-parent:hover,
1093
- .premium-nav-pointer-text.premium-nav-animation-grow .premium-menu-link-parent:focus {
1094
- -webkit-transform: scale(1.2);
1095
- -ms-transform: scale(1.2);
1096
- transform: scale(1.2);
1097
- }
1098
-
1099
- .premium-nav-pointer-text.premium-nav-animation-shrink .premium-menu-link-parent:hover,
1100
- .premium-nav-pointer-text.premium-nav-animation-shrink .premium-menu-link-parent:focus {
1101
- -webkit-transform: scale(0.8);
1102
- -ms-transform: scale(0.8);
1103
- transform: scale(0.8);
1104
- }
1105
-
1106
- .premium-nav-pointer-text.premium-nav-animation-sink .premium-menu-link-parent:hover,
1107
- .premium-nav-pointer-text.premium-nav-animation-sink .premium-menu-link-parent:focus {
1108
- -webkit-transform: translateY(8px);
1109
- -ms-transform: translateY(8px);
1110
- transform: translateY(8px);
1111
- }
1112
-
1113
- .premium-nav-pointer-text.premium-nav-animation-float .premium-menu-link-parent:hover,
1114
- .premium-nav-pointer-text.premium-nav-animation-float .premium-menu-link-parent:focus {
1115
- -webkit-transform: translateY(-8px);
1116
- -ms-transform: translateY(-8px);
1117
- transform: translateY(-8px);
1118
- }
1119
-
1120
- .premium-nav-pointer-text.premium-nav-animation-skew .premium-menu-link-parent:hover,
1121
- .premium-nav-pointer-text.premium-nav-animation-skew .premium-menu-link-parent:focus {
1122
- -webkit-transform: skew(-8deg);
1123
- -ms-transform: skew(-8deg);
1124
- transform: skew(-8deg);
1125
- }
1126
-
1127
- .premium-nav-pointer-text.premium-nav-animation-rotate .premium-menu-link-parent:hover,
1128
- .premium-nav-pointer-text.premium-nav-animation-rotate .premium-menu-link-parent:focus {
1129
- -webkit-transform: rotate(6deg);
1130
- -ms-transform: rotate(6deg);
1131
- transform: rotate(6deg);
1132
- }
1133
-
1134
- .premium-nav-pointer-background .premium-menu-link-parent::before {
1135
- top: 0;
1136
- left: 0;
1137
- right: 0;
1138
- bottom: 0;
1139
- background: #55595c;
1140
- background-color: #55595c;
1141
- z-index: -1;
1142
- }
1143
-
1144
- .premium-nav-pointer-background .premium-menu-link-parent::before,
1145
- .premium-nav-pointer-background .premium-menu-link-parent::after {
1146
- content: "";
1147
- -webkit-transition: 0.3s;
1148
- transition: 0.3s;
1149
- }
1150
-
1151
- .premium-nav-pointer-background.premium-nav-animation-grow .premium-menu-link-parent::before {
1152
- -webkit-transform: scale(0.5);
1153
- -ms-transform: scale(0.5);
1154
- transform: scale(0.5);
1155
- }
1156
-
1157
- .premium-nav-pointer-background.premium-nav-animation-grow .premium-menu-link-parent:hover::before,
1158
- .premium-nav-pointer-background.premium-nav-animation-grow .premium-menu-link-parent:focus::before {
1159
- -webkit-transform: scale(1);
1160
- -ms-transform: scale(1);
1161
- transform: scale(1);
1162
- }
1163
-
1164
- .premium-nav-pointer-background.premium-nav-animation-grow .premium-active-item .premium-menu-link-parent::before {
1165
- -webkit-transform: scale(1);
1166
- -ms-transform: scale(1);
1167
- transform: scale(1);
1168
- }
1169
-
1170
- .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 {
1171
- -webkit-transform: scale(1.2);
1172
- -ms-transform: scale(1.2);
1173
- transform: scale(1.2);
1174
- -webkit-transition: 0.3;
1175
- transition: 0.3;
1176
- }
1177
-
1178
- .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 {
1179
- left: 100%;
1180
- }
1181
-
1182
- .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 {
1183
- right: 100%;
1184
- }
1185
-
1186
- .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 {
1187
- top: 100%;
1188
- }
1189
-
1190
- .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 {
1191
- bottom: 100%;
1192
- }
1193
-
1194
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent::after,
1195
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent::after {
1196
- top: 0;
1197
- left: 0;
1198
- right: 0;
1199
- bottom: 0;
1200
- background: #55595c;
1201
- background-color: #55595c;
1202
- z-index: -1;
1203
- }
1204
-
1205
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent::before {
1206
- top: 0;
1207
- bottom: 100%;
1208
- }
1209
-
1210
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent::after {
1211
- top: 100%;
1212
- bottom: 0;
1213
- }
1214
-
1215
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent:hover::before,
1216
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent:focus::before {
1217
- bottom: 50%;
1218
- }
1219
-
1220
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent:hover::after,
1221
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent:focus::after {
1222
- top: 50%;
1223
- }
1224
-
1225
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-active-item .premium-menu-link-parent::before {
1226
- bottom: 50%;
1227
- }
1228
-
1229
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-active-item .premium-menu-link-parent::after {
1230
- top: 50%;
1231
- }
1232
-
1233
- .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 {
1234
- bottom: 50%;
1235
- top: 50%;
1236
- }
1237
-
1238
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent::before {
1239
- right: 0;
1240
- left: 100%;
1241
- }
1242
-
1243
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent::after {
1244
- right: 100%;
1245
- left: 0;
1246
- }
1247
-
1248
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent:hover::before,
1249
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent:focus::before {
1250
- left: 50%;
1251
- }
1252
-
1253
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent:hover::after,
1254
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent:focus::after {
1255
- right: 50%;
1256
- }
1257
-
1258
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-active-item .premium-menu-link-parent::before {
1259
- left: 50%;
1260
- }
1261
-
1262
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-active-item .premium-menu-link-parent::after {
1263
- right: 50%;
1264
- }
1265
-
1266
- .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 {
1267
- left: 50%;
1268
- right: 50%;
1269
- }
1270
-
1271
- .premium-active-item::before,
1272
- .premium-active-item::after,
1273
- .premium-menu-link-parent:hover::before,
1274
- .premium-menu-link-parent:hover::after,
1275
- .premium-menu-link-parent:focus::before,
1276
- .premium-menu-link-parent:focus::after {
1277
- -webkit-transform: scale(1);
1278
- -ms-transform: scale(1);
1279
- transform: scale(1);
1280
- }
1281
-
1282
- /**Sub Menu Animation*/
1283
- .premium-nav-menu-item .premium-sub-menu,
1284
- .premium-nav-menu-item .premium-mega-content-container {
1285
- -webkit-transition: 0.5s all ease-in-out;
1286
- transition: 0.5s all ease-in-out;
1287
- -webkit-transition-delay: 0.1s;
1288
- transition-delay: 0.1s;
1289
- }
1290
-
1291
- [class*="premium-nav-slide-"].premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item:hover>.premium-sub-menu,
1292
- [class*="premium-nav-slide-"].premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item:hover>.premium-mega-content-container,
1293
- [class*="premium-nav-slide-"].premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu:hover>.premium-sub-menu,
1294
- [class*="premium-nav-slide-"].premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item:hover>.premium-sub-menu,
1295
- [class*="premium-nav-slide-"].premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item:hover>.premium-mega-content-container,
1296
- [class*="premium-nav-slide-"].premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu:hover>.premium-sub-menu {
1297
- -webkit-transform: translate(0);
1298
- -ms-transform: translate(0);
1299
- transform: translate(0);
1300
- }
1301
-
1302
- .premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu,
1303
- .premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-content-container,
1304
- .premium-nav-slide-up.premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu,
1305
- .premium-nav-slide-up.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-content-container {
1306
- -webkit-transform: translateY(10px);
1307
- -ms-transform: translateY(10px);
1308
- transform: translateY(10px);
1309
- }
1310
-
1311
- .premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu,
1312
- .premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-content-container,
1313
- .premium-nav-slide-down.premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu,
1314
- .premium-nav-slide-down.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-content-container {
1315
- -webkit-transform: translateY(-10px);
1316
- -ms-transform: translateY(-10px);
1317
- transform: translateY(-10px);
1318
- }
1319
-
1320
- .premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu,
1321
- .premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-content-container,
1322
- .premium-nav-slide-right.premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu,
1323
- .premium-nav-slide-right.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-content-container {
1324
- -webkit-transform: translateX(-10px);
1325
- -ms-transform: translateX(-10px);
1326
- transform: translateX(-10px);
1327
- }
1328
-
1329
- .premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu,
1330
- .premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-content-container,
1331
- .premium-nav-slide-left.premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu,
1332
- .premium-nav-slide-left.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-content-container {
1333
- -webkit-transform: translateX(10px);
1334
- -ms-transform: translateX(10px);
1335
- transform: translateX(10px);
1336
- }
1337
-
1338
- /**Horizontal - Static Mega Content*/
1339
- /*UP*/
1340
- .premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static .premium-mega-content-container {
1341
- -webkit-transform: translateX(-50%) translateY(10px);
1342
- -ms-transform: translateX(-50%) translateY(10px);
1343
- transform: translateX(-50%) translateY(10px);
1344
- }
1345
-
1346
- .premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container {
1347
- -webkit-transform: translateX(-50%) translateY(0);
1348
- -ms-transform: translateX(-50%) translateY(0);
1349
- transform: translateX(-50%) translateY(0);
1350
- }
1351
-
1352
- /*DOWN*/
1353
- .premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static .premium-mega-content-container {
1354
- -webkit-transform: translateX(-50%) translateY(-10px);
1355
- -ms-transform: translateX(-50%) translateY(-10px);
1356
- transform: translateX(-50%) translateY(-10px);
1357
- }
1358
-
1359
- .premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container {
1360
- -webkit-transform: translateX(-50%) translateY(0);
1361
- -ms-transform: translateX(-50%) translateY(0);
1362
- transform: translateX(-50%) translateY(0);
1363
- }
1364
-
1365
- /*Left*/
1366
- .premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static .premium-mega-content-container {
1367
- -webkit-transform: translateX(-45%);
1368
- -ms-transform: translateX(-45%);
1369
- transform: translateX(-45%);
1370
- }
1371
-
1372
- .premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container {
1373
- -webkit-transform: translateX(-50%);
1374
- -ms-transform: translateX(-50%);
1375
- transform: translateX(-50%);
1376
- }
1377
-
1378
- /*Right*/
1379
- .premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static .premium-mega-content-container {
1380
- -webkit-transform: translateX(-55%);
1381
- -ms-transform: translateX(-55%);
1382
- transform: translateX(-55%);
1383
- }
1384
-
1385
- .premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container {
1386
- -webkit-transform: translateX(-50%);
1387
- -ms-transform: translateX(-50%);
1388
- transform: translateX(-50%);
1389
- }
1390
-
1391
- /**Vertical - Static Mega Content*/
1392
- .premium-nav-slide-down.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container,
1393
- .premium-nav-slide-up.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container {
1394
- -webkit-transform: translateY(0);
1395
- -ms-transform: translateY(0);
1396
- transform: translateY(0);
1397
- }
1398
-
1399
- .premium-nav-slide-right.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container,
1400
- .premium-nav-slide-left.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container {
1401
- -webkit-transform: translateX(0);
1402
- -ms-transform: translateX(0);
1403
- transform: translateX(0);
1404
- }
1405
-
1406
- /** Random Badge */
1407
- .premium-rn-badge,
1408
- .premium-mega-content-container .premium-rn-badge {
1409
- position: absolute;
1410
- -webkit-transform: translateY(-50%);
1411
- -ms-transform: translateY(-50%);
1412
- transform: translateY(-50%);
1413
- top: 50%;
1414
- left: 10px;
1415
- -webkit-transition: all 0.3s;
1416
- transition: all 0.3s;
1417
- }
1418
-
1419
- .premium-nav-ver.premium-vertical-right .premium-rn-badge {
1420
- top: 50%;
1421
- right: 10px;
1422
- left: unset;
1423
- -webkit-transform: translateY(-50%);
1424
- -ms-transform: translateY(-50%);
1425
- transform: translateY(-50%);
1426
- }
1427
-
1428
- .premium-nav-ver.premium-vertical-right .premium-mega-content-container .premium-rn-badge {
1429
- left: 10px;
1430
- right: unset;
1431
- }
1432
-
1433
- /** Sub Item Badge Effects*/
1434
- .has-pa-badge:hover {
1435
- -webkit-transition: all 0.3s;
1436
- transition: all 0.3s;
1437
- }
1438
-
1439
- .premium-sub-item-badge {
1440
- -webkit-transition: all 0.3s;
1441
- transition: all 0.3s;
1442
- }
1443
-
1444
- .premium-mega-content-container .premium-badge-dot .premium-sub-item-badge,
1445
- .premium-mega-content-container .premium-badge-dot .premium-rn-badge,
1446
- .premium-sub-menu .premium-badge-dot .premium-sub-item-badge,
1447
- .premium-sub-menu .premium-badge-dot .premium-rn-badge {
1448
- font-size: 0px;
1449
- min-width: 1px;
1450
- padding: 3px;
1451
- -webkit-border-radius: 50%;
1452
- border-radius: 50%;
1453
- -webkit-transition: all 0.3s;
1454
- transition: all 0.3s;
1455
- }
1456
-
1457
- .premium-mega-content-container .premium-badge-pulse:hover .premium-sub-item-badge,
1458
- .premium-mega-content-container .premium-badge-pulse:hover .premium-rn-badge,
1459
- .premium-sub-menu .premium-badge-pulse:hover .premium-sub-item-badge,
1460
- .premium-sub-menu .premium-badge-pulse:hover .premium-rn-badge {
1461
- -webkit-animation: badge-pulse-grow 0.5s alternate infinite ease-in-out;
1462
- animation: badge-pulse-grow 0.5s alternate infinite ease-in-out;
1463
- }
1464
-
1465
- .premium-mega-content-container .premium-badge-buzz:hover .premium-sub-item-badge,
1466
- .premium-mega-content-container .premium-badge-buzz:hover .premium-rn-badge,
1467
- .premium-sub-menu .premium-badge-buzz:hover .premium-sub-item-badge,
1468
- .premium-sub-menu .premium-badge-buzz:hover .premium-rn-badge {
1469
- -webkit-animation: badge-buzz 0.5s alternate infinite ease-in-out;
1470
- animation: badge-buzz 0.5s alternate infinite ease-in-out;
1471
- }
1472
-
1473
- .premium-mega-content-container .premium-badge-slide-right .premium-sub-item-badge,
1474
- .premium-mega-content-container .premium-badge-slide-right .premium-rn-badge,
1475
- .premium-sub-menu .premium-badge-slide-right .premium-sub-item-badge,
1476
- .premium-sub-menu .premium-badge-slide-right .premium-rn-badge {
1477
- -webkit-transform: translateY(-50%) translateX(-5px);
1478
- -ms-transform: translateY(-50%) translateX(-5px);
1479
- transform: translateY(-50%) translateX(-5px);
1480
- -webkit-transition: -webkit-transform 0.5s;
1481
- transition: -webkit-transform 0.5s;
1482
- transition: transform 0.5s;
1483
- transition: transform 0.5s, -webkit-transform 0.5s;
1484
- }
1485
-
1486
- .premium-mega-content-container .premium-badge-slide-right:hover .premium-sub-item-badge,
1487
- .premium-mega-content-container .premium-badge-slide-right:hover .premium-rn-badge,
1488
- .premium-sub-menu .premium-badge-slide-right:hover .premium-sub-item-badge,
1489
- .premium-sub-menu .premium-badge-slide-right:hover .premium-rn-badge {
1490
- -webkit-transform: translateY(-50%) translateX(5px);
1491
- -ms-transform: translateY(-50%) translateX(5px);
1492
- transform: translateY(-50%) translateX(5px);
1493
- }
1494
-
1495
- .premium-mega-content-container .premium-badge-slide-left .premium-sub-item-badge,
1496
- .premium-mega-content-container .premium-badge-slide-left .premium-rn-badge,
1497
- .premium-sub-menu .premium-badge-slide-left .premium-sub-item-badge,
1498
- .premium-sub-menu .premium-badge-slide-left .premium-rn-badge {
1499
- -webkit-transform: translateY(-50%) translateX(5px);
1500
- -ms-transform: translateY(-50%) translateX(5px);
1501
- transform: translateY(-50%) translateX(5px);
1502
- -webkit-transition: -webkit-transform 0.5s;
1503
- transition: -webkit-transform 0.5s;
1504
- transition: transform 0.5s;
1505
- transition: transform 0.5s, -webkit-transform 0.5s;
1506
- }
1507
-
1508
- .premium-mega-content-container .premium-badge-slide-left:hover .premium-sub-item-badge,
1509
- .premium-mega-content-container .premium-badge-slide-left:hover .premium-rn-badge,
1510
- .premium-sub-menu .premium-badge-slide-left:hover .premium-sub-item-badge,
1511
- .premium-sub-menu .premium-badge-slide-left:hover .premium-rn-badge {
1512
- -webkit-transform: translateY(-50%) translateX(-5px);
1513
- -ms-transform: translateY(-50%) translateX(-5px);
1514
- transform: translateY(-50%) translateX(-5px);
1515
- }
1516
-
1517
- .premium-mega-content-container .premium-badge-expand .premium-sub-item-badge,
1518
- .premium-mega-content-container .premium-badge-expand .premium-rn-badge,
1519
- .premium-sub-menu .premium-badge-expand .premium-sub-item-badge,
1520
- .premium-sub-menu .premium-badge-expand .premium-rn-badge {
1521
- -webkit-transform: translateY(-50%) scaleX(0);
1522
- -ms-transform: translateY(-50%) scaleX(0);
1523
- transform: translateY(-50%) scaleX(0);
1524
- -webkit-transition: -webkit-transform 0.25s ease-out;
1525
- transition: -webkit-transform 0.25s ease-out;
1526
- transition: transform 0.25s ease-out;
1527
- transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
1528
- }
1529
-
1530
- .premium-mega-content-container .premium-badge-expand:hover .premium-sub-item-badge,
1531
- .premium-mega-content-container .premium-badge-expand:hover .premium-rn-badge,
1532
- .premium-sub-menu .premium-badge-expand:hover .premium-sub-item-badge,
1533
- .premium-sub-menu .premium-badge-expand:hover .premium-rn-badge {
1534
- -webkit-transform: translateY(-50%) scaleX(1);
1535
- -ms-transform: translateY(-50%) scaleX(1);
1536
- transform: translateY(-50%) scaleX(1);
1537
- }
1538
-
1539
- /* Pulse Grow */
1540
- @-webkit-keyframes badge-pulse-grow {
1541
- to {
1542
- -webkit-transform: translateY(-50%) scale(1.07);
1543
- transform: translateY(-50%) scale(1.07);
1544
- }
1545
- }
1546
-
1547
- @keyframes badge-pulse-grow {
1548
- to {
1549
- -webkit-transform: translateY(-50%) scale(1.07);
1550
- transform: translateY(-50%) scale(1.07);
1551
- }
1552
- }
1553
-
1554
- /* Buzz */
1555
- @-webkit-keyframes badge-buzz {
1556
- 50% {
1557
- -webkit-transform: translateY(-50%) translateX(3px) rotate(2deg);
1558
- transform: translateY(-50%) translateX(3px) rotate(2deg);
1559
- }
1560
-
1561
- 100% {
1562
- -webkit-transform: translateY(-50%) translateX(-3px) rotate(-2deg);
1563
- transform: translateY(-50%) translateX(-3px) rotate(-2deg);
1564
- }
1565
- }
1566
-
1567
- @keyframes badge-buzz {
1568
- 50% {
1569
- -webkit-transform: translateY(-50%) translateX(3px) rotate(3deg);
1570
- transform: translateY(-50%) translateX(3px) rotate(3deg);
1571
- }
1572
-
1573
- 100% {
1574
- -webkit-transform: translateY(-50%) translateX(-3px) rotate(-3deg);
1575
- transform: translateY(-50%) translateX(-3px) rotate(-3deg);
1576
- }
1577
- }
1578
-
1579
- body.premium-scroll-disabled {
1580
- overflow-y: hidden;
1581
- height: 100vh;
1582
- margin: 0;
1583
  }
1
+ /************ Premium Nav Menu ************/
2
+ .premium-nav-widget-container ul {
3
+ list-style: none;
4
+ margin: 0;
5
+ padding: 0;
6
+ }
7
+
8
+ .premium-nav-widget-container .premium-main-nav-menu {
9
+ -js-display: flex;
10
+ display: -webkit-box;
11
+ display: -webkit-flex;
12
+ display: -moz-box;
13
+ display: -ms-flexbox;
14
+ display: flex;
15
+ height: 100%;
16
+ }
17
+
18
+ /*Vertical Main Menu**/
19
+ .premium-nav-ver .premium-ver-inner-container {
20
+ width: 45%;
21
+ position: relative;
22
+ }
23
+
24
+ .premium-nav-ver .premium-nav-menu-container,
25
+ .premium-nav-ver .premium-ver-toggler {
26
+ width: 100%;
27
+ }
28
+
29
+ .premium-nav-ver .premium-nav-menu-container {
30
+ background-color: #fff;
31
+ -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
32
+ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
33
+ }
34
+
35
+ .premium-nav-ver .premium-main-nav-menu {
36
+ position: relative;
37
+ -webkit-box-orient: vertical;
38
+ -webkit-box-direction: normal;
39
+ -webkit-flex-direction: column;
40
+ -moz-box-orient: vertical;
41
+ -moz-box-direction: normal;
42
+ -ms-flex-direction: column;
43
+ flex-direction: column;
44
+ -webkit-box-align: start;
45
+ -webkit-align-items: flex-start;
46
+ -moz-box-align: start;
47
+ -ms-flex-align: start;
48
+ align-items: flex-start;
49
+ }
50
+
51
+ .premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item.menu-item-has-children .premium-sub-menu {
52
+ visibility: hidden;
53
+ opacity: 0;
54
+ position: absolute;
55
+ min-width: 250px;
56
+ }
57
+
58
+ .premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item.menu-item-has-children.premium-item-hovered >.premium-sub-menu,
59
+ .premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item.menu-item-has-children.premium-item-hovered .premium-mega-content-container {
60
+ opacity: 1;
61
+ visibility: visible;
62
+ pointer-events: auto;
63
+ }
64
+
65
+ .premium-nav-ver .premium-nav-menu-item {
66
+ width: 100%;
67
+ }
68
+
69
+ .premium-nav-ver:not(.premium-hamburger-menu).premium-vertical-right .premium-mega-content-container,
70
+ .premium-nav-ver:not(.premium-hamburger-menu).premium-vertical-right .premium-nav-menu-item.menu-item-has-children .premium-sub-menu {
71
+ left: 100%;
72
+ top: 0;
73
+ }
74
+
75
+ .premium-nav-ver:not(.premium-hamburger-menu).premium-vertical-left .premium-mega-content-container,
76
+ .premium-nav-ver:not(.premium-hamburger-menu).premium-vertical-left .premium-nav-menu-item.menu-item-has-children .premium-sub-menu {
77
+ right: 100%;
78
+ top: 0;
79
+ }
80
+
81
+ .premium-nav-ver.premium-vertical-left .premium-menu-link {
82
+ -webkit-box-orient: horizontal;
83
+ -webkit-box-direction: reverse;
84
+ -webkit-flex-direction: row-reverse;
85
+ -moz-box-orient: horizontal;
86
+ -moz-box-direction: reverse;
87
+ -ms-flex-direction: row-reverse;
88
+ flex-direction: row-reverse;
89
+ }
90
+
91
+ /*Horizontal Main Menu**/
92
+ .premium-nav-hor > .elementor-widget-container > .premium-nav-widget-container > .premium-ver-inner-container > .premium-nav-menu-container {
93
+ height: 60px;
94
+ }
95
+
96
+ .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item .premium-sub-menu {
97
+ visibility: hidden;
98
+ opacity: 0;
99
+ position: absolute;
100
+ min-width: 220px;
101
+ }
102
+
103
+ .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item>.premium-sub-menu,
104
+ .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item .premium-mega-content-container {
105
+ top: 100%;
106
+ }
107
+
108
+ .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item>.premium-sub-menu .premium-sub-menu,
109
+ .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item .premium-mega-content-container .premium-sub-menu {
110
+ right: 100%;
111
+ top: 0;
112
+ }
113
+
114
+ .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item.premium-item-hovered>.premium-sub-menu,
115
+ .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item.premium-item-hovered .premium-mega-content-container {
116
+ visibility: visible;
117
+ opacity: 1;
118
+ pointer-events: auto;
119
+ }
120
+
121
+ .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item.premium-mega-item-static .premium-mega-content-container {
122
+ left: 50%;
123
+ -webkit-transform: translateX(-50%);
124
+ -ms-transform: translateX(-50%);
125
+ transform: translateX(-50%);
126
+ }
127
+
128
+ .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item:not(.premium-mega-item-static) .premium-mega-content-container {
129
+ left: 0;
130
+ }
131
+
132
+ /**Mega Menu Container*/
133
+ .premium-mega-nav-item>.premium-sub-menu {
134
+ display: none;
135
+ }
136
+
137
+ .premium-mega-nav-item {
138
+ position: relative;
139
+ }
140
+
141
+ .premium-mega-nav-item.premium-item-hovered .premium-mega-content-container {
142
+ visibility: visible;
143
+ opacity: 1;
144
+ pointer-events: auto;
145
+ }
146
+
147
+ .premium-mega-content-container {
148
+ visibility: hidden;
149
+ position: absolute;
150
+ z-index: 9999;
151
+ opacity: 0;
152
+ pointer-events: none;
153
+ }
154
+
155
+ .premium-hamburger-menu .premium-mega-content-container,
156
+ .premium-nav-slide .premium-mega-content-container,
157
+ .premium-nav-dropdown .premium-mega-content-container {
158
+ visibility: visible;
159
+ position: relative;
160
+ opacity: 1;
161
+ pointer-events: auto;
162
+ }
163
+
164
+ /**Hamburger Menu*/
165
+ .premium-nav-widget-container a.premium-hamburger-toggle,
166
+ .premium-mobile-menu-outer-container a.premium-mobile-menu-close {
167
+ text-decoration: none;
168
+ }
169
+
170
+ .premium-nav-widget-container .premium-hamburger-toggle {
171
+ display: none;
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
+ }
183
+
184
+ .premium-nav-widget-container .premium-hamburger-toggle i {
185
+ padding: 0.25em;
186
+ font-size: 22px;
187
+ }
188
+
189
+ .premium-nav-widget-container .premium-hamburger-toggle svg {
190
+ width: 22px;
191
+ height: 22px;
192
+ }
193
+
194
+ .premium-nav-widget-container .premium-hamburger-toggle i,
195
+ .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-text,
196
+ .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-close {
197
+ color: #494c4f;
198
+ }
199
+
200
+ .premium-nav-widget-container .premium-hamburger-toggle svg,
201
+ .premium-nav-widget-container .premium-hamburger-toggle svg path {
202
+ fill: #494c4f;
203
+ }
204
+
205
+ .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-text,
206
+ .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-close {
207
+ margin: 2px;
208
+ }
209
+
210
+ .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-close {
211
+ display: none;
212
+ }
213
+
214
+ .premium-mobile-menu-container {
215
+ width: 100%;
216
+ }
217
+
218
+ .premium-mobile-menu-container .premium-main-mobile-menu {
219
+ width: 100%;
220
+ }
221
+
222
+ .premium-mobile-menu-container ul {
223
+ list-style: none;
224
+ margin: 0;
225
+ padding: 0;
226
+ }
227
+
228
+ .premium-mobile-menu-container .premium-mobile-menu,
229
+ .premium-mobile-menu-container .premium-sub-menu {
230
+ display: none;
231
+ -webkit-box-orient: vertical;
232
+ -webkit-box-direction: normal;
233
+ -webkit-flex-direction: column;
234
+ -moz-box-orient: vertical;
235
+ -moz-box-direction: normal;
236
+ -ms-flex-direction: column;
237
+ flex-direction: column;
238
+ }
239
+
240
+ .premium-mobile-menu-container .premium-nav-menu-item {
241
+ -webkit-box-orient: vertical;
242
+ -webkit-box-direction: normal;
243
+ -webkit-flex-direction: column;
244
+ -moz-box-orient: vertical;
245
+ -moz-box-direction: normal;
246
+ -ms-flex-direction: column;
247
+ flex-direction: column;
248
+ }
249
+
250
+ .premium-mobile-menu-container .premium-item-badge {
251
+ top: 50%;
252
+ left: 0;
253
+ -webkit-transform: translateY(-50%);
254
+ -ms-transform: translateY(-50%);
255
+ transform: translateY(-50%);
256
+ }
257
+
258
+ .premium-nav-hor .premium-mobile-menu-container .premium-item-badge {
259
+ top: 0;
260
+ -webkit-transform: translateY(0);
261
+ -ms-transform: translateY(0);
262
+ transform: translateY(0);
263
+ }
264
+
265
+ /**Vertical Hamburger Menu*/
266
+ .premium-mobile-menu-outer-container {
267
+ opacity: 0;
268
+ }
269
+
270
+ .premium-mobile-menu-outer-container.premium-vertical-toggle-open {
271
+ opacity: 1;
272
+ }
273
+
274
+ .premium-ver-hamburger-menu .premium-mobile-menu-outer-container {
275
+ background-color: #f7f7f7;
276
+ width: 300px;
277
+ -webkit-transform: translateX(300px);
278
+ -ms-transform: translateX(300px);
279
+ transform: translateX(300px);
280
+ height: 100%;
281
+ position: fixed;
282
+ top: 0;
283
+ right: 0;
284
+ overflow-x: hidden;
285
+ z-index: 10002;
286
+ -webkit-transition: 0.5s;
287
+ transition: 0.5s;
288
+ padding-top: 50px;
289
+ }
290
+
291
+ .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu {
292
+ -js-display: flex;
293
+ display: -webkit-box;
294
+ display: -webkit-flex;
295
+ display: -moz-box;
296
+ display: -ms-flexbox;
297
+ display: flex;
298
+ }
299
+
300
+ .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-container {
301
+ margin-top: 50px;
302
+ }
303
+
304
+ .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-container .premium-item-badge {
305
+ -webkit-transform: translateY(0);
306
+ -ms-transform: translateY(0);
307
+ transform: translateY(0);
308
+ }
309
+
310
+ .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-close {
311
+ position: absolute;
312
+ top: 2%;
313
+ right: 5px;
314
+ padding: 0 9px;
315
+ z-index: 10000;
316
+ -js-display: inline-flex;
317
+ display: -webkit-inline-box;
318
+ display: -webkit-inline-flex;
319
+ display: -moz-inline-box;
320
+ display: -ms-inline-flexbox;
321
+ display: inline-flex;
322
+ color: #494c4f;
323
+ -webkit-box-pack: center;
324
+ -webkit-justify-content: center;
325
+ -moz-box-pack: center;
326
+ -ms-flex-pack: center;
327
+ justify-content: center;
328
+ -webkit-box-align: center;
329
+ -webkit-align-items: center;
330
+ -moz-box-align: center;
331
+ -ms-flex-align: center;
332
+ align-items: center;
333
+ }
334
+
335
+ .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-close .premium-toggle-close {
336
+ margin: 5px;
337
+ }
338
+
339
+ .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-close svg {
340
+ width: 22px;
341
+ height: 22px;
342
+ fill: #494c4f;
343
+ }
344
+
345
+ .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-close svg path {
346
+ fill: #494c4f;
347
+ }
348
+
349
+ .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-close i {
350
+ font-size: 22px;
351
+ }
352
+
353
+ .premium-ver-hamburger-menu .premium-vertical-toggle-open {
354
+ -webkit-transform: translateX(0) !important;
355
+ -ms-transform: translateX(0) !important;
356
+ transform: translateX(0) !important;
357
+ -webkit-transition: 0.5s;
358
+ transition: 0.5s;
359
+ }
360
+
361
+ /** Vertical Toggler*/
362
+ .premium-ver-toggle-yes .premium-nav-menu-container {
363
+ height: auto;
364
+ }
365
+
366
+ .premium-ver-toggle-yes .premium-ver-toggler {
367
+ -js-display: flex;
368
+ display: -webkit-box;
369
+ display: -webkit-flex;
370
+ display: -moz-box;
371
+ display: -ms-flexbox;
372
+ display: flex;
373
+ -webkit-box-align: center;
374
+ -webkit-align-items: center;
375
+ -moz-box-align: center;
376
+ -ms-flex-align: center;
377
+ align-items: center;
378
+ -webkit-box-pack: justify;
379
+ -webkit-justify-content: space-between;
380
+ -moz-box-pack: justify;
381
+ -ms-flex-pack: justify;
382
+ justify-content: space-between;
383
+ padding: 15px 20px 15px 20px;
384
+ background: #eeeeee;
385
+ color: #042551;
386
+ cursor: pointer;
387
+ }
388
+
389
+ .premium-ver-toggle-yes .premium-ver-toggler .premium-ver-toggler-title,
390
+ .premium-ver-toggle-yes .premium-ver-toggler .premium-ver-toggler-btn {
391
+ -js-display: flex;
392
+ display: -webkit-box;
393
+ display: -webkit-flex;
394
+ display: -moz-box;
395
+ display: -ms-flexbox;
396
+ display: flex;
397
+ -webkit-box-pack: center;
398
+ -webkit-justify-content: center;
399
+ -moz-box-pack: center;
400
+ -ms-flex-pack: center;
401
+ justify-content: center;
402
+ -webkit-box-align: center;
403
+ -webkit-align-items: center;
404
+ -moz-box-align: center;
405
+ -ms-flex-align: center;
406
+ align-items: center;
407
+ }
408
+
409
+ .premium-ver-toggle-yes .premium-ver-toggler .premium-ver-toggler-txt {
410
+ text-indent: 5px;
411
+ }
412
+
413
+ .premium-ver-toggle-yes .premium-ver-toggler:hover {
414
+ background: #54595f;
415
+ color: #fff;
416
+ }
417
+
418
+ .premium-ver-toggle-yes .premium-ver-toggler:hover .premium-ver-close svg,
419
+ .premium-ver-toggle-yes .premium-ver-toggler:hover .premium-ver-close svg path,
420
+ .premium-ver-toggle-yes .premium-ver-toggler:hover .premium-ver-open svg,
421
+ .premium-ver-toggle-yes .premium-ver-toggler:hover .premium-ver-open svg path,
422
+ .premium-ver-toggle-yes .premium-ver-toggler:hover .premium-ver-title-icon svg,
423
+ .premium-ver-toggle-yes .premium-ver-toggler:hover .premium-ver-title-icon svg path {
424
+ fill: #fff;
425
+ }
426
+
427
+ .premium-ver-toggle-yes .premium-ver-close,
428
+ .premium-ver-toggle-yes .premium-ver-open,
429
+ .premium-ver-toggle-yes .premium-nav-menu-container,
430
+ .premium-ver-toggle-yes .premium-ver-toggler {
431
+ -webkit-transition: all 0.3s linear 0s;
432
+ transition: all 0.3s linear 0s;
433
+ }
434
+
435
+ .premium-ver-toggle-yes .premium-ver-toggler-txt {
436
+ -webkit-transition: all 0.3s linear 0s;
437
+ transition: all 0.3s linear 0s;
438
+ }
439
+
440
+ .premium-ver-toggle-yes .premium-ver-close i,
441
+ .premium-ver-toggle-yes .premium-ver-close svg,
442
+ .premium-ver-toggle-yes .premium-ver-open i,
443
+ .premium-ver-toggle-yes .premium-ver-open svg,
444
+ .premium-ver-toggle-yes .premium-nav-menu-container i,
445
+ .premium-ver-toggle-yes .premium-nav-menu-container svg,
446
+ .premium-ver-toggle-yes .premium-ver-toggler i,
447
+ .premium-ver-toggle-yes .premium-ver-toggler svg {
448
+ -webkit-transition: color 0.3s linear 0s;
449
+ transition: color 0.3s linear 0s;
450
+ }
451
+
452
+ .premium-ver-toggle-yes .premium-ver-close,
453
+ .premium-ver-toggle-yes .premium-ver-open,
454
+ .premium-ver-toggle-yes .premium-ver-title-icon {
455
+ -webkit-box-pack: center;
456
+ -webkit-justify-content: center;
457
+ -moz-box-pack: center;
458
+ -ms-flex-pack: center;
459
+ justify-content: center;
460
+ -webkit-box-align: center;
461
+ -webkit-align-items: center;
462
+ -moz-box-align: center;
463
+ -ms-flex-align: center;
464
+ align-items: center;
465
+ }
466
+
467
+ .premium-ver-toggle-yes .premium-ver-close i,
468
+ .premium-ver-toggle-yes .premium-ver-open i,
469
+ .premium-ver-toggle-yes .premium-ver-title-icon i {
470
+ font-size: 16px;
471
+ }
472
+
473
+ .premium-ver-toggle-yes .premium-ver-close svg,
474
+ .premium-ver-toggle-yes .premium-ver-open svg,
475
+ .premium-ver-toggle-yes .premium-ver-title-icon svg {
476
+ width: 17px;
477
+ height: 17px;
478
+ fill: #042551;
479
+ }
480
+
481
+ .premium-ver-toggle-yes .premium-ver-close svg path,
482
+ .premium-ver-toggle-yes .premium-ver-open svg path,
483
+ .premium-ver-toggle-yes .premium-ver-title-icon svg path {
484
+ fill: #042551;
485
+ }
486
+
487
+ .premium-ver-toggle-yes.premium-ver-always .premium-ver-open {
488
+ -js-display: inline-flex;
489
+ display: -webkit-inline-box;
490
+ display: -webkit-inline-flex;
491
+ display: -moz-inline-box;
492
+ display: -ms-inline-flexbox;
493
+ display: inline-flex;
494
+ }
495
+
496
+ .premium-ver-toggle-yes .premium-ver-collapsed .premium-nav-menu-container {
497
+ visibility: hidden;
498
+ opacity: 0;
499
+ }
500
+
501
+ .premium-ver-toggle-yes .premium-ver-collapsed .premium-ver-close {
502
+ display: none;
503
+ }
504
+
505
+ .premium-ver-toggle-yes .premium-ver-collapsed .premium-ver-open {
506
+ -js-display: inline-flex;
507
+ display: -webkit-inline-box;
508
+ display: -webkit-inline-flex;
509
+ display: -moz-inline-box;
510
+ display: -ms-inline-flexbox;
511
+ display: inline-flex;
512
+ }
513
+
514
+ .premium-ver-toggle-yes.premium-ver-hover .premium-nav-menu-container {
515
+ position: absolute;
516
+ z-index: 10002;
517
+ }
518
+
519
+ .premium-ver-toggle-yes.premium-ver-click .premium-nav-menu-container {
520
+ position: absolute;
521
+ z-index: 10001;
522
+ }
523
+
524
+ .premium-ver-toggle-yes .premium-nav-menu-container,
525
+ .premium-ver-toggle-yes.premium-ver-hover .premium-ver-inner-container:hover .premium-nav-menu-container {
526
+ visibility: visible;
527
+ opacity: 1;
528
+ }
529
+
530
+ .premium-ver-toggle-yes .premium-ver-open,
531
+ .premium-ver-toggle-yes.premium-ver-hover .premium-ver-inner-container:hover .premium-ver-open {
532
+ display: none;
533
+ }
534
+
535
+ .premium-ver-toggle-yes .premium-ver-close,
536
+ .premium-ver-toggle-yes .premium-ver-title-icon,
537
+ .premium-ver-toggle-yes.premium-ver-hover .premium-ver-inner-container:hover .premium-ver-close,
538
+ .premium-ver-toggle-yes.premium-ver-hover .premium-ver-inner-container:hover .premium-ver-title-icon {
539
+ -js-display: inline-flex;
540
+ display: -webkit-inline-box;
541
+ display: -webkit-inline-flex;
542
+ display: -moz-inline-box;
543
+ display: -ms-inline-flexbox;
544
+ display: inline-flex;
545
+ }
546
+
547
+ /** Sticky Menu */
548
+ .premium-sticky-parent {
549
+ position: fixed;
550
+ z-index: 10003;
551
+ -webkit-transition: all 0.3s linear;
552
+ transition: all 0.3s linear;
553
+ }
554
+
555
+ .premium-sticky-scroll-yes.premium-sticky-parent.headroom--not-top {
556
+ will-change: transform;
557
+ -webkit-transition: -webkit-transform 500ms linear !important;
558
+ transition: -webkit-transform 500ms linear !important;
559
+ transition: transform 500ms linear !important;
560
+ transition: transform 500ms linear, -webkit-transform 500ms linear !important;
561
+ -webkit-transition-delay: 1s;
562
+ transition-delay: 1s;
563
+ }
564
+
565
+ .premium-sticky-scroll-yes.premium-sticky-parent.headroom--not-top.slideDown {
566
+ -webkit-transform: translateY(0%);
567
+ -ms-transform: translateY(0%);
568
+ transform: translateY(0%);
569
+ }
570
+
571
+ .premium-sticky-scroll-yes.premium-sticky-parent.headroom--not-top.slideUp {
572
+ -webkit-transform: translateY(-100%);
573
+ -ms-transform: translateY(-100%);
574
+ transform: translateY(-100%);
575
+ }
576
+
577
+ .premium-nav-sticky-yes.premium-sticky-active.premium-ham-dropdown .premium-mobile-menu-container,
578
+ .premium-ham-dropdown .premium-stretch-dropdown .premium-mobile-menu-container {
579
+ max-height: 400px;
580
+ overflow-y: auto;
581
+ }
582
+
583
+ /**Common*/
584
+ .premium-nav-slide-overlay {
585
+ display: none;
586
+ position: fixed;
587
+ top: 0;
588
+ left: 0;
589
+ right: 0;
590
+ bottom: 0;
591
+ -webkit-backface-visibility: hidden;
592
+ backface-visibility: hidden;
593
+ background: rgba(0, 0, 0, 0.6);
594
+ z-index: 10002;
595
+ }
596
+
597
+ .premium-nav-slide-overlay.premium-vertical-toggle-open {
598
+ display: block;
599
+ }
600
+
601
+ .premium-active-menu,
602
+ .premium-active-menu:not(.premium-mega-nav-item)>.premium-sub-menu,
603
+ .premium-active-menu.premium-mega-nav-item>.premium-mega-content-container {
604
+ -js-display: flex !important;
605
+ display: -webkit-box !important;
606
+ display: -webkit-flex !important;
607
+ display: -moz-box !important;
608
+ display: -ms-flexbox !important;
609
+ display: flex !important;
610
+ -webkit-box-orient: vertical;
611
+ -webkit-box-direction: normal;
612
+ -webkit-flex-direction: column;
613
+ -moz-box-orient: vertical;
614
+ -moz-box-direction: normal;
615
+ -ms-flex-direction: column;
616
+ flex-direction: column;
617
+ }
618
+
619
+ .premium-active-menu .premium-toggle-close {
620
+ display: block;
621
+ }
622
+
623
+ .premium-nav-menu-container .premium-sub-menu {
624
+ background-color: #fff;
625
+ }
626
+
627
+ .premium-mobile-menu-container li,
628
+ .premium-mobile-menu-container li>.premium-mega-content-container {
629
+ width: 100% !important;
630
+ }
631
+
632
+ .premium-item-icon,
633
+ .premium-sub-item-icon {
634
+ font-size: 13px;
635
+ margin: 0 7px;
636
+ }
637
+
638
+ .premium-item-icon svg,
639
+ .premium-sub-item-icon svg {
640
+ width: 100%;
641
+ height: 100%;
642
+ }
643
+
644
+ .premium-item-icon.premium-lottie-animation,
645
+ .premium-sub-item-icon.premium-lottie-animation {
646
+ width: 20px;
647
+ height: 20px;
648
+ -js-display: flex;
649
+ display: -webkit-box;
650
+ display: -webkit-flex;
651
+ display: -moz-box;
652
+ display: -ms-flexbox;
653
+ display: flex;
654
+ -webkit-box-pack: center;
655
+ -webkit-justify-content: center;
656
+ -moz-box-pack: center;
657
+ -ms-flex-pack: center;
658
+ justify-content: center;
659
+ }
660
+
661
+ .premium-item-icon.dashicons,
662
+ .premium-sub-item-icon.dashicons {
663
+ width: 13px;
664
+ height: 13px;
665
+ }
666
+
667
+ .premium-nav-menu-item {
668
+ position: relative;
669
+ }
670
+
671
+ .premium-nav-menu-item .premium-menu-link {
672
+ -js-display: flex;
673
+ display: -webkit-box;
674
+ display: -webkit-flex;
675
+ display: -moz-box;
676
+ display: -ms-flexbox;
677
+ display: flex;
678
+ -webkit-box-align: center;
679
+ -webkit-align-items: center;
680
+ -moz-box-align: center;
681
+ -ms-flex-align: center;
682
+ align-items: center;
683
+ height: 100%;
684
+ padding: 7px 10px;
685
+ text-decoration: none;
686
+ position: relative;
687
+ }
688
+
689
+ .premium-nav-menu-item .premium-dropdown-icon {
690
+ margin: 5px;
691
+ }
692
+
693
+ .premium-nav-menu-item.menu-item-has-children {
694
+ position: relative;
695
+ }
696
+
697
+ .premium-nav-menu-item.menu-item-has-children .premium-sub-menu {
698
+ max-width: 100%;
699
+ z-index: 9999;
700
+ }
701
+
702
+ .premium-nav-menu-item.menu-item-has-children .premium-sub-menu .premium-sub-menu-link {
703
+ -webkit-box-pack: start;
704
+ -webkit-justify-content: flex-start;
705
+ -moz-box-pack: start;
706
+ -ms-flex-pack: start;
707
+ justify-content: flex-start;
708
+ }
709
+
710
+ .premium-nav-menu-item .menu-link {
711
+ position: relative;
712
+ text-decoration: none;
713
+ }
714
+
715
+ .premium-item-badge,
716
+ .premium-sub-item-badge,
717
+ .premium-rn-badge {
718
+ position: absolute;
719
+ padding: 1px 6px;
720
+ min-width: 35px;
721
+ text-align: center;
722
+ font-size: 10px;
723
+ -webkit-border-radius: 4px;
724
+ border-radius: 4px;
725
+ line-height: 1.8;
726
+ white-space: nowrap;
727
+ }
728
+
729
+ .premium-nav-hor:not(.premium-hamburger-menu) .premium-item-badge,
730
+ .premium-nav-hor:not(.premium-nav-slide) .premium-item-badge,
731
+ .premium-nav-hor:not(.premium-nav-dropdown) .premium-item-badge {
732
+ position: relative;
733
+ margin: 8px;
734
+ }
735
+
736
+ .premium-nav-hor .premium-sub-item-badge,
737
+ .premium-nav-slide .premium-sub-item-badge,
738
+ .premium-nav-dropdown .premium-sub-item-badge {
739
+ top: 50%;
740
+ left: 0;
741
+ -webkit-transform: translateY(-50%);
742
+ -ms-transform: translateY(-50%);
743
+ transform: translateY(-50%);
744
+ }
745
+
746
+ .premium-nav-ver.premium-vertical-right .premium-item-badge,
747
+ .premium-nav-ver.premium-vertical-right .premium-sub-item-badge {
748
+ top: 50%;
749
+ right: 0;
750
+ -webkit-transform: translateY(-50%);
751
+ -ms-transform: translateY(-50%);
752
+ transform: translateY(-50%);
753
+ }
754
+
755
+ .premium-nav-ver.premium-vertical-left .premium-item-badge,
756
+ .premium-nav-ver.premium-vertical-left .premium-sub-item-badge {
757
+ top: 50%;
758
+ left: 0;
759
+ -webkit-transform: translateY(-50%);
760
+ -ms-transform: translateY(-50%);
761
+ transform: translateY(-50%);
762
+ }
763
+
764
+ .premium-mega-nav-item {
765
+ position: relative;
766
+ }
767
+
768
+ .premium-hamburger-menu .premium-mega-content-container,
769
+ .premium-nav-dropdown .premium-mega-content-container,
770
+ .premium-nav-slide .premium-mega-content-container {
771
+ display: none;
772
+ }
773
+
774
+ .premium-mega-item-static {
775
+ position: static !important;
776
+ }
777
+
778
+ .premium-hamburger-menu .premium-nav-menu-container,
779
+ .premium-nav-dropdown .premium-nav-menu-container,
780
+ .premium-nav-slide .premium-nav-menu-container {
781
+ display: none;
782
+ }
783
+
784
+ .premium-hamburger-menu .premium-hamburger-toggle,
785
+ .premium-nav-dropdown .premium-hamburger-toggle,
786
+ .premium-nav-slide .premium-hamburger-toggle {
787
+ -js-display: inline-flex;
788
+ display: -webkit-inline-box;
789
+ display: -webkit-inline-flex;
790
+ display: -moz-inline-box;
791
+ display: -ms-inline-flexbox;
792
+ display: inline-flex;
793
+ -webkit-box-orient: horizontal;
794
+ -webkit-box-direction: reverse;
795
+ -webkit-flex-direction: row-reverse;
796
+ -moz-box-orient: horizontal;
797
+ -moz-box-direction: reverse;
798
+ -ms-flex-direction: row-reverse;
799
+ flex-direction: row-reverse;
800
+ }
801
+
802
+ .premium-hidden-icon-yes.premium-hamburger-menu .premium-item-icon,
803
+ .premium-hidden-icon-yes.premium-hamburger-menu .premium-sub-item-icon,
804
+ .premium-hidden-icon-yes.premium-nav-dropdown .premium-item-icon,
805
+ .premium-hidden-icon-yes.premium-nav-dropdown .premium-sub-item-icon,
806
+ .premium-hidden-icon-yes.premium-nav-slide .premium-item-icon,
807
+ .premium-hidden-icon-yes.premium-nav-slide .premium-sub-item-icon {
808
+ display: none;
809
+ }
810
+
811
+ .premium-hidden-badge-yes.premium-hamburger-menu .premium-item-badge,
812
+ .premium-hidden-badge-yes.premium-hamburger-menu .premium-sub-item-badge,
813
+ .premium-hidden-badge-yes.premium-hamburger-menu .premium-rn-badge,
814
+ .premium-hidden-badge-yes.premium-nav-dropdown .premium-item-badge,
815
+ .premium-hidden-badge-yes.premium-nav-dropdown .premium-sub-item-badge,
816
+ .premium-hidden-badge-yes.premium-nav-dropdown .premium-rn-badge,
817
+ .premium-hidden-badge-yes.premium-nav-slide .premium-item-badge,
818
+ .premium-hidden-badge-yes.premium-nav-slide .premium-sub-item-badge,
819
+ .premium-hidden-badge-yes.premium-nav-slide .premium-rn-badge {
820
+ display: none;
821
+ }
822
+
823
+ .premium-ham-dropdown .premium-mobile-menu-container,
824
+ .premium-nav-dropdown .premium-mobile-menu-container {
825
+ -js-display: flex;
826
+ display: -webkit-box;
827
+ display: -webkit-flex;
828
+ display: -moz-box;
829
+ display: -ms-flexbox;
830
+ display: flex;
831
+ }
832
+
833
+ .premium-ham-dropdown .premium-toggle-opened .premium-toggle-close,
834
+ .premium-nav-dropdown .premium-toggle-opened .premium-toggle-close {
835
+ display: inline !important;
836
+ }
837
+
838
+ .premium-ham-dropdown .premium-toggle-opened .premium-toggle-text,
839
+ .premium-nav-dropdown .premium-toggle-opened .premium-toggle-text {
840
+ display: none !important;
841
+ }
842
+
843
+ .premium-stretch-dropdown .premium-mobile-menu-container {
844
+ position: absolute;
845
+ z-index: 9999;
846
+ }
847
+
848
+ .premium-nav-default {
849
+ display: none;
850
+ }
851
+
852
+ .premium-hamburger-toggle {
853
+ width: 100%;
854
+ }
855
+
856
+ /*
857
+ * Pointer & Pointer Animations
858
+ */
859
+ .premium-menu-link-parent::before,
860
+ .premium-menu-link-parent::after {
861
+ display: block;
862
+ position: absolute;
863
+ -webkit-transition: all 0.3s cubic-bezier(0.58, 0.3, 0.005, 1);
864
+ transition: all 0.3s cubic-bezier(0.58, 0.3, 0.005, 1);
865
+ }
866
+
867
+ .premium-nav-pointer-underline .premium-menu-link-parent::after,
868
+ .premium-nav-pointer-double-line .premium-menu-link-parent::after {
869
+ content: "";
870
+ bottom: 0;
871
+ }
872
+
873
+ .premium-nav-pointer-overline .premium-menu-link-parent::before,
874
+ .premium-nav-pointer-double-line .premium-menu-link-parent::before {
875
+ content: "";
876
+ top: 0;
877
+ }
878
+
879
+ .premium-nav-pointer-underline .premium-menu-link-parent::before,
880
+ .premium-nav-pointer-underline .premium-menu-link-parent::after,
881
+ .premium-nav-pointer-overline .premium-menu-link-parent::before,
882
+ .premium-nav-pointer-overline .premium-menu-link-parent::after,
883
+ .premium-nav-pointer-double-line .premium-menu-link-parent::before,
884
+ .premium-nav-pointer-double-line .premium-menu-link-parent::after {
885
+ height: 3px;
886
+ width: 100%;
887
+ right: 0;
888
+ background-color: #55595c;
889
+ z-index: 2;
890
+ }
891
+
892
+ .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,
893
+ .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after {
894
+ opacity: 0;
895
+ }
896
+
897
+ .premium-nav-pointer-underline.premium-nav-animation-none,
898
+ .premium-nav-pointer-overline.premium-nav-animation-none,
899
+ .premium-nav-pointer-double-line.premium-nav-animation-none {
900
+ -webkit-transition-duration: 0s;
901
+ transition-duration: 0s;
902
+ }
903
+
904
+ .premium-nav-pointer-underline.premium-nav-animation-none .premium-menu-link-parent,
905
+ .premium-nav-pointer-underline.premium-nav-animation-none .premium-menu-link-parent::before,
906
+ .premium-nav-pointer-underline.premium-nav-animation-none .premium-menu-link-parent::after,
907
+ .premium-nav-pointer-underline.premium-nav-animation-none .premium-menu-link-parent:focus,
908
+ .premium-nav-pointer-underline.premium-nav-animation-none .premium-menu-link-parent:hover,
909
+ .premium-nav-pointer-overline.premium-nav-animation-none .premium-menu-link-parent,
910
+ .premium-nav-pointer-overline.premium-nav-animation-none .premium-menu-link-parent::before,
911
+ .premium-nav-pointer-overline.premium-nav-animation-none .premium-menu-link-parent::after,
912
+ .premium-nav-pointer-overline.premium-nav-animation-none .premium-menu-link-parent:focus,
913
+ .premium-nav-pointer-overline.premium-nav-animation-none .premium-menu-link-parent:hover,
914
+ .premium-nav-pointer-double-line.premium-nav-animation-none .premium-menu-link-parent,
915
+ .premium-nav-pointer-double-line.premium-nav-animation-none .premium-menu-link-parent::before,
916
+ .premium-nav-pointer-double-line.premium-nav-animation-none .premium-menu-link-parent::after,
917
+ .premium-nav-pointer-double-line.premium-nav-animation-none .premium-menu-link-parent:focus,
918
+ .premium-nav-pointer-double-line.premium-nav-animation-none .premium-menu-link-parent:hover {
919
+ -webkit-transition-duration: 0s;
920
+ transition-duration: 0s;
921
+ }
922
+
923
+ .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,
924
+ .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 {
925
+ width: 10px;
926
+ inset-inline-start: 100%;
927
+ }
928
+
929
+ .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,
930
+ .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 {
931
+ width: 10px;
932
+ left: -20px;
933
+ }
934
+
935
+ .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,
936
+ .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,
937
+ .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,
938
+ .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,
939
+ .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,
940
+ .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 {
941
+ height: 0;
942
+ width: 0;
943
+ left: 50%;
944
+ }
945
+
946
+ .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,
947
+ .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,
948
+ .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 {
949
+ top: -10px;
950
+ }
951
+
952
+ .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,
953
+ .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,
954
+ .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 {
955
+ bottom: -10px;
956
+ }
957
+
958
+ .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,
959
+ .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,
960
+ .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 {
961
+ top: 10px;
962
+ }
963
+
964
+ .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,
965
+ .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,
966
+ .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 {
967
+ bottom: 10px;
968
+ }
969
+
970
+ .premium-nav-pointer-framed .premium-menu-link-parent::before {
971
+ content: "";
972
+ }
973
+
974
+ .premium-nav-pointer-framed .premium-menu-link-parent::before,
975
+ .premium-nav-pointer-framed .premium-menu-link-parent::after {
976
+ background: transparent;
977
+ left: 0;
978
+ top: 0;
979
+ bottom: 0;
980
+ right: 0;
981
+ border: 3px solid #55595c;
982
+ }
983
+
984
+ .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 {
985
+ -webkit-transform: scale(0.75);
986
+ -ms-transform: scale(0.75);
987
+ transform: scale(0.75);
988
+ }
989
+
990
+ .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 {
991
+ -webkit-transform: scale(1.25);
992
+ -ms-transform: scale(1.25);
993
+ transform: scale(1.25);
994
+ }
995
+
996
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent::before,
997
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent::after {
998
+ width: 3px;
999
+ height: 3px;
1000
+ }
1001
+
1002
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent::before {
1003
+ border-width: 0 3px 3px 0;
1004
+ -webkit-transition: width 0.1s 0.2s, height 0.1s 0.3s, opacity 0.12s 0.22s;
1005
+ transition: width 0.1s 0.2s, height 0.1s 0.3s, opacity 0.12s 0.22s;
1006
+ }
1007
+
1008
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent::after {
1009
+ content: "";
1010
+ top: auto;
1011
+ bottom: 0;
1012
+ left: 0;
1013
+ right: auto;
1014
+ border-width: 3px 0 0 3px;
1015
+ -webkit-transition: width 0.1s, height 0.1s 0.1s, opacity 0.02s 0.18s;
1016
+ transition: width 0.1s, height 0.1s 0.1s, opacity 0.02s 0.18s;
1017
+ }
1018
+
1019
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:hover::before,
1020
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:focus::before {
1021
+ -webkit-transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s;
1022
+ transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s;
1023
+ }
1024
+
1025
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:hover::after,
1026
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:focus::after {
1027
+ -webkit-transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s;
1028
+ transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s;
1029
+ }
1030
+
1031
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:hover::before,
1032
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:hover::after,
1033
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:focus::before,
1034
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:focus::after {
1035
+ width: 100%;
1036
+ height: 100%;
1037
+ }
1038
+
1039
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-active-item .premium-menu-link-parent::before {
1040
+ -webkit-transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s;
1041
+ transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s;
1042
+ }
1043
+
1044
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-active-item .premium-menu-link-parent::after {
1045
+ -webkit-transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s;
1046
+ transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s;
1047
+ }
1048
+
1049
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-active-item .premium-menu-link-parent::before,
1050
+ .premium-nav-pointer-framed.premium-nav-animation-draw .premium-active-item .premium-menu-link-parent::after {
1051
+ width: 100%;
1052
+ height: 100%;
1053
+ }
1054
+
1055
+ .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent::before {
1056
+ border-width: 3px 3px 0 0;
1057
+ }
1058
+
1059
+ .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent::after {
1060
+ content: "";
1061
+ top: auto;
1062
+ bottom: 0;
1063
+ left: 0;
1064
+ right: auto;
1065
+ border-width: 0 0 3px 3px;
1066
+ }
1067
+
1068
+ .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent::before,
1069
+ .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent::after {
1070
+ width: 3px;
1071
+ height: 3px;
1072
+ }
1073
+
1074
+ .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent:hover::before,
1075
+ .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent:hover::after,
1076
+ .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent:focus::before,
1077
+ .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent:focus::after {
1078
+ width: 100%;
1079
+ height: 100%;
1080
+ -webkit-transition: opacity 2ms, width 0.4s, height 0.4s;
1081
+ transition: opacity 2ms, width 0.4s, height 0.4s;
1082
+ }
1083
+
1084
+ .premium-nav-pointer-framed.premium-nav-animation-corners .premium-active-item .premium-menu-link-parent::before,
1085
+ .premium-nav-pointer-framed.premium-nav-animation-corners .premium-active-item .premium-menu-link-parent::after {
1086
+ width: 100%;
1087
+ height: 100%;
1088
+ -webkit-transition: opacity 2ms, width 0.4s, height 0.4s;
1089
+ transition: opacity 2ms, width 0.4s, height 0.4s;
1090
+ }
1091
+
1092
+ .premium-nav-pointer-text.premium-nav-animation-grow .premium-menu-link-parent:hover,
1093
+ .premium-nav-pointer-text.premium-nav-animation-grow .premium-menu-link-parent:focus {
1094
+ -webkit-transform: scale(1.2);
1095
+ -ms-transform: scale(1.2);
1096
+ transform: scale(1.2);
1097
+ }
1098
+
1099
+ .premium-nav-pointer-text.premium-nav-animation-shrink .premium-menu-link-parent:hover,
1100
+ .premium-nav-pointer-text.premium-nav-animation-shrink .premium-menu-link-parent:focus {
1101
+ -webkit-transform: scale(0.8);
1102
+ -ms-transform: scale(0.8);
1103
+ transform: scale(0.8);
1104
+ }
1105
+
1106
+ .premium-nav-pointer-text.premium-nav-animation-sink .premium-menu-link-parent:hover,
1107
+ .premium-nav-pointer-text.premium-nav-animation-sink .premium-menu-link-parent:focus {
1108
+ -webkit-transform: translateY(8px);
1109
+ -ms-transform: translateY(8px);
1110
+ transform: translateY(8px);
1111
+ }
1112
+
1113
+ .premium-nav-pointer-text.premium-nav-animation-float .premium-menu-link-parent:hover,
1114
+ .premium-nav-pointer-text.premium-nav-animation-float .premium-menu-link-parent:focus {
1115
+ -webkit-transform: translateY(-8px);
1116
+ -ms-transform: translateY(-8px);
1117
+ transform: translateY(-8px);
1118
+ }
1119
+
1120
+ .premium-nav-pointer-text.premium-nav-animation-skew .premium-menu-link-parent:hover,
1121
+ .premium-nav-pointer-text.premium-nav-animation-skew .premium-menu-link-parent:focus {
1122
+ -webkit-transform: skew(-8deg);
1123
+ -ms-transform: skew(-8deg);
1124
+ transform: skew(-8deg);
1125
+ }
1126
+
1127
+ .premium-nav-pointer-text.premium-nav-animation-rotate .premium-menu-link-parent:hover,
1128
+ .premium-nav-pointer-text.premium-nav-animation-rotate .premium-menu-link-parent:focus {
1129
+ -webkit-transform: rotate(6deg);
1130
+ -ms-transform: rotate(6deg);
1131
+ transform: rotate(6deg);
1132
+ }
1133
+
1134
+ .premium-nav-pointer-background .premium-menu-link-parent::before {
1135
+ top: 0;
1136
+ left: 0;
1137
+ right: 0;
1138
+ bottom: 0;
1139
+ background: #55595c;
1140
+ background-color: #55595c;
1141
+ z-index: -1;
1142
+ }
1143
+
1144
+ .premium-nav-pointer-background .premium-menu-link-parent::before,
1145
+ .premium-nav-pointer-background .premium-menu-link-parent::after {
1146
+ content: "";
1147
+ -webkit-transition: 0.3s;
1148
+ transition: 0.3s;
1149
+ }
1150
+
1151
+ .premium-nav-pointer-background.premium-nav-animation-grow .premium-menu-link-parent::before {
1152
+ -webkit-transform: scale(0.5);
1153
+ -ms-transform: scale(0.5);
1154
+ transform: scale(0.5);
1155
+ }
1156
+
1157
+ .premium-nav-pointer-background.premium-nav-animation-grow .premium-menu-link-parent:hover::before,
1158
+ .premium-nav-pointer-background.premium-nav-animation-grow .premium-menu-link-parent:focus::before {
1159
+ -webkit-transform: scale(1);
1160
+ -ms-transform: scale(1);
1161
+ transform: scale(1);
1162
+ }
1163
+
1164
+ .premium-nav-pointer-background.premium-nav-animation-grow .premium-active-item .premium-menu-link-parent::before {
1165
+ -webkit-transform: scale(1);
1166
+ -ms-transform: scale(1);
1167
+ transform: scale(1);
1168
+ }
1169
+
1170
+ .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 {
1171
+ -webkit-transform: scale(1.2);
1172
+ -ms-transform: scale(1.2);
1173
+ transform: scale(1.2);
1174
+ -webkit-transition: 0.3;
1175
+ transition: 0.3;
1176
+ }
1177
+
1178
+ .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 {
1179
+ left: 100%;
1180
+ }
1181
+
1182
+ .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 {
1183
+ right: 100%;
1184
+ }
1185
+
1186
+ .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 {
1187
+ top: 100%;
1188
+ }
1189
+
1190
+ .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 {
1191
+ bottom: 100%;
1192
+ }
1193
+
1194
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent::after,
1195
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent::after {
1196
+ top: 0;
1197
+ left: 0;
1198
+ right: 0;
1199
+ bottom: 0;
1200
+ background: #55595c;
1201
+ background-color: #55595c;
1202
+ z-index: -1;
1203
+ }
1204
+
1205
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent::before {
1206
+ top: 0;
1207
+ bottom: 100%;
1208
+ }
1209
+
1210
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent::after {
1211
+ top: 100%;
1212
+ bottom: 0;
1213
+ }
1214
+
1215
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent:hover::before,
1216
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent:focus::before {
1217
+ bottom: 50%;
1218
+ }
1219
+
1220
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent:hover::after,
1221
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent:focus::after {
1222
+ top: 50%;
1223
+ }
1224
+
1225
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-active-item .premium-menu-link-parent::before {
1226
+ bottom: 50%;
1227
+ }
1228
+
1229
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-active-item .premium-menu-link-parent::after {
1230
+ top: 50%;
1231
+ }
1232
+
1233
+ .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 {
1234
+ bottom: 50%;
1235
+ top: 50%;
1236
+ }
1237
+
1238
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent::before {
1239
+ right: 0;
1240
+ left: 100%;
1241
+ }
1242
+
1243
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent::after {
1244
+ right: 100%;
1245
+ left: 0;
1246
+ }
1247
+
1248
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent:hover::before,
1249
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent:focus::before {
1250
+ left: 50%;
1251
+ }
1252
+
1253
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent:hover::after,
1254
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent:focus::after {
1255
+ right: 50%;
1256
+ }
1257
+
1258
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-active-item .premium-menu-link-parent::before {
1259
+ left: 50%;
1260
+ }
1261
+
1262
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-active-item .premium-menu-link-parent::after {
1263
+ right: 50%;
1264
+ }
1265
+
1266
+ .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 {
1267
+ left: 50%;
1268
+ right: 50%;
1269
+ }
1270
+
1271
+ .premium-active-item::before,
1272
+ .premium-active-item::after,
1273
+ .premium-menu-link-parent:hover::before,
1274
+ .premium-menu-link-parent:hover::after,
1275
+ .premium-menu-link-parent:focus::before,
1276
+ .premium-menu-link-parent:focus::after {
1277
+ -webkit-transform: scale(1);
1278
+ -ms-transform: scale(1);
1279
+ transform: scale(1);
1280
+ }
1281
+
1282
+ /**Sub Menu Animation*/
1283
+ .premium-nav-menu-item .premium-sub-menu,
1284
+ .premium-nav-menu-item .premium-mega-content-container {
1285
+ -webkit-transition: 0.5s all ease-in-out;
1286
+ transition: 0.5s all ease-in-out;
1287
+ -webkit-transition-delay: 0.1s;
1288
+ transition-delay: 0.1s;
1289
+ }
1290
+
1291
+ [class*="premium-nav-slide-"].premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item.premium-item-hovered>.premium-sub-menu,
1292
+ [class*="premium-nav-slide-"].premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item.premium-item-hovered>.premium-mega-content-container,
1293
+ [class*="premium-nav-slide-"].premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu.premium-item-hovered>.premium-sub-menu,
1294
+ [class*="premium-nav-slide-"].premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item.premium-item-hovered>.premium-sub-menu,
1295
+ [class*="premium-nav-slide-"].premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item.premium-item-hovered>.premium-mega-content-container,
1296
+ [class*="premium-nav-slide-"].premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu.premium-item-hovered>.premium-sub-menu {
1297
+ -webkit-transform: translate(0);
1298
+ -ms-transform: translate(0);
1299
+ transform: translate(0);
1300
+ }
1301
+
1302
+ .premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu,
1303
+ .premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-content-container,
1304
+ .premium-nav-slide-up.premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu,
1305
+ .premium-nav-slide-up.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-content-container {
1306
+ -webkit-transform: translateY(10px);
1307
+ -ms-transform: translateY(10px);
1308
+ transform: translateY(10px);
1309
+ }
1310
+
1311
+ .premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu,
1312
+ .premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-content-container,
1313
+ .premium-nav-slide-down.premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu,
1314
+ .premium-nav-slide-down.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-content-container {
1315
+ -webkit-transform: translateY(-10px);
1316
+ -ms-transform: translateY(-10px);
1317
+ transform: translateY(-10px);
1318
+ }
1319
+
1320
+ .premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu,
1321
+ .premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-content-container,
1322
+ .premium-nav-slide-right.premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu,
1323
+ .premium-nav-slide-right.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-content-container {
1324
+ -webkit-transform: translateX(-10px);
1325
+ -ms-transform: translateX(-10px);
1326
+ transform: translateX(-10px);
1327
+ }
1328
+
1329
+ .premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu,
1330
+ .premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-content-container,
1331
+ .premium-nav-slide-left.premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu,
1332
+ .premium-nav-slide-left.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-content-container {
1333
+ -webkit-transform: translateX(10px);
1334
+ -ms-transform: translateX(10px);
1335
+ transform: translateX(10px);
1336
+ }
1337
+
1338
+ /**Horizontal - Static Mega Content*/
1339
+ /*UP*/
1340
+ .premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static .premium-mega-content-container {
1341
+ -webkit-transform: translateX(-50%) translateY(10px);
1342
+ -ms-transform: translateX(-50%) translateY(10px);
1343
+ transform: translateX(-50%) translateY(10px);
1344
+ }
1345
+
1346
+ .premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static.premium-item-hovered .premium-mega-content-container {
1347
+ -webkit-transform: translateX(-50%) translateY(0);
1348
+ -ms-transform: translateX(-50%) translateY(0);
1349
+ transform: translateX(-50%) translateY(0);
1350
+ }
1351
+
1352
+ /*DOWN*/
1353
+ .premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static .premium-mega-content-container {
1354
+ -webkit-transform: translateX(-50%) translateY(-10px);
1355
+ -ms-transform: translateX(-50%) translateY(-10px);
1356
+ transform: translateX(-50%) translateY(-10px);
1357
+ }
1358
+
1359
+ .premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static.premium-item-hovered .premium-mega-content-container {
1360
+ -webkit-transform: translateX(-50%) translateY(0);
1361
+ -ms-transform: translateX(-50%) translateY(0);
1362
+ transform: translateX(-50%) translateY(0);
1363
+ }
1364
+
1365
+ /*Left*/
1366
+ .premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static .premium-mega-content-container {
1367
+ -webkit-transform: translateX(-45%);
1368
+ -ms-transform: translateX(-45%);
1369
+ transform: translateX(-45%);
1370
+ }
1371
+
1372
+ .premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static.premium-item-hovered .premium-mega-content-container {
1373
+ -webkit-transform: translateX(-50%);
1374
+ -ms-transform: translateX(-50%);
1375
+ transform: translateX(-50%);
1376
+ }
1377
+
1378
+ /*Right*/
1379
+ .premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static .premium-mega-content-container {
1380
+ -webkit-transform: translateX(-55%);
1381
+ -ms-transform: translateX(-55%);
1382
+ transform: translateX(-55%);
1383
+ }
1384
+
1385
+ .premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static.premium-item-hovered .premium-mega-content-container {
1386
+ -webkit-transform: translateX(-50%);
1387
+ -ms-transform: translateX(-50%);
1388
+ transform: translateX(-50%);
1389
+ }
1390
+
1391
+ /**Vertical - Static Mega Content*/
1392
+ .premium-nav-slide-down.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-item-static.premium-item-hovered .premium-mega-content-container,
1393
+ .premium-nav-slide-up.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-item-static.premium-item-hovered .premium-mega-content-container {
1394
+ -webkit-transform: translateY(0);
1395
+ -ms-transform: translateY(0);
1396
+ transform: translateY(0);
1397
+ }
1398
+
1399
+ .premium-nav-slide-right.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-item-static.premium-item-hovered .premium-mega-content-container,
1400
+ .premium-nav-slide-left.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-item-static.premium-item-hovered .premium-mega-content-container {
1401
+ -webkit-transform: translateX(0);
1402
+ -ms-transform: translateX(0);
1403
+ transform: translateX(0);
1404
+ }
1405
+
1406
+ /** Random Badge */
1407
+ .premium-rn-badge,
1408
+ .premium-mega-content-container .premium-rn-badge {
1409
+ position: absolute;
1410
+ -webkit-transform: translateY(-50%);
1411
+ -ms-transform: translateY(-50%);
1412
+ transform: translateY(-50%);
1413
+ top: 50%;
1414
+ left: 10px;
1415
+ -webkit-transition: all 0.3s;
1416
+ transition: all 0.3s;
1417
+ }
1418
+
1419
+ .premium-nav-ver.premium-vertical-right .premium-rn-badge {
1420
+ top: 50%;
1421
+ right: 10px;
1422
+ left: unset;
1423
+ -webkit-transform: translateY(-50%);
1424
+ -ms-transform: translateY(-50%);
1425
+ transform: translateY(-50%);
1426
+ }
1427
+
1428
+ .premium-nav-ver.premium-vertical-right .premium-mega-content-container .premium-rn-badge {
1429
+ left: 10px;
1430
+ right: unset;
1431
+ }
1432
+
1433
+ /** Sub Item Badge Effects*/
1434
+ .has-pa-badge:hover {
1435
+ -webkit-transition: all 0.3s;
1436
+ transition: all 0.3s;
1437
+ }
1438
+
1439
+ .premium-sub-item-badge {
1440
+ -webkit-transition: all 0.3s;
1441
+ transition: all 0.3s;
1442
+ }
1443
+
1444
+ .premium-mega-content-container .premium-badge-dot .premium-sub-item-badge,
1445
+ .premium-mega-content-container .premium-badge-dot .premium-rn-badge,
1446
+ .premium-sub-menu .premium-badge-dot .premium-sub-item-badge,
1447
+ .premium-sub-menu .premium-badge-dot .premium-rn-badge {
1448
+ font-size: 0px;
1449
+ min-width: 1px;
1450
+ padding: 3px;
1451
+ -webkit-border-radius: 50%;
1452
+ border-radius: 50%;
1453
+ -webkit-transition: all 0.3s;
1454
+ transition: all 0.3s;
1455
+ }
1456
+
1457
+ .premium-mega-content-container .premium-badge-pulse:hover .premium-sub-item-badge,
1458
+ .premium-mega-content-container .premium-badge-pulse:hover .premium-rn-badge,
1459
+ .premium-sub-menu .premium-badge-pulse:hover .premium-sub-item-badge,
1460
+ .premium-sub-menu .premium-badge-pulse:hover .premium-rn-badge {
1461
+ -webkit-animation: badge-pulse-grow 0.5s alternate infinite ease-in-out;
1462
+ animation: badge-pulse-grow 0.5s alternate infinite ease-in-out;
1463
+ }
1464
+
1465
+ .premium-mega-content-container .premium-badge-buzz:hover .premium-sub-item-badge,
1466
+ .premium-mega-content-container .premium-badge-buzz:hover .premium-rn-badge,
1467
+ .premium-sub-menu .premium-badge-buzz:hover .premium-sub-item-badge,
1468
+ .premium-sub-menu .premium-badge-buzz:hover .premium-rn-badge {
1469
+ -webkit-animation: badge-buzz 0.5s alternate infinite ease-in-out;
1470
+ animation: badge-buzz 0.5s alternate infinite ease-in-out;
1471
+ }
1472
+
1473
+ .premium-mega-content-container .premium-badge-slide-right .premium-sub-item-badge,
1474
+ .premium-mega-content-container .premium-badge-slide-right .premium-rn-badge,
1475
+ .premium-sub-menu .premium-badge-slide-right .premium-sub-item-badge,
1476
+ .premium-sub-menu .premium-badge-slide-right .premium-rn-badge {
1477
+ -webkit-transform: translateY(-50%) translateX(-5px);
1478
+ -ms-transform: translateY(-50%) translateX(-5px);
1479
+ transform: translateY(-50%) translateX(-5px);
1480
+ -webkit-transition: -webkit-transform 0.5s;
1481
+ transition: -webkit-transform 0.5s;
1482
+ transition: transform 0.5s;
1483
+ transition: transform 0.5s, -webkit-transform 0.5s;
1484
+ }
1485
+
1486
+ .premium-mega-content-container .premium-badge-slide-right:hover .premium-sub-item-badge,
1487
+ .premium-mega-content-container .premium-badge-slide-right:hover .premium-rn-badge,
1488
+ .premium-sub-menu .premium-badge-slide-right:hover .premium-sub-item-badge,
1489
+ .premium-sub-menu .premium-badge-slide-right:hover .premium-rn-badge {
1490
+ -webkit-transform: translateY(-50%) translateX(5px);
1491
+ -ms-transform: translateY(-50%) translateX(5px);
1492
+ transform: translateY(-50%) translateX(5px);
1493
+ }
1494
+
1495
+ .premium-mega-content-container .premium-badge-slide-left .premium-sub-item-badge,
1496
+ .premium-mega-content-container .premium-badge-slide-left .premium-rn-badge,
1497
+ .premium-sub-menu .premium-badge-slide-left .premium-sub-item-badge,
1498
+ .premium-sub-menu .premium-badge-slide-left .premium-rn-badge {
1499
+ -webkit-transform: translateY(-50%) translateX(5px);
1500
+ -ms-transform: translateY(-50%) translateX(5px);
1501
+ transform: translateY(-50%) translateX(5px);
1502
+ -webkit-transition: -webkit-transform 0.5s;
1503
+ transition: -webkit-transform 0.5s;
1504
+ transition: transform 0.5s;
1505
+ transition: transform 0.5s, -webkit-transform 0.5s;
1506
+ }
1507
+
1508
+ .premium-mega-content-container .premium-badge-slide-left:hover .premium-sub-item-badge,
1509
+ .premium-mega-content-container .premium-badge-slide-left:hover .premium-rn-badge,
1510
+ .premium-sub-menu .premium-badge-slide-left:hover .premium-sub-item-badge,
1511
+ .premium-sub-menu .premium-badge-slide-left:hover .premium-rn-badge {
1512
+ -webkit-transform: translateY(-50%) translateX(-5px);
1513
+ -ms-transform: translateY(-50%) translateX(-5px);
1514
+ transform: translateY(-50%) translateX(-5px);
1515
+ }
1516
+
1517
+ .premium-mega-content-container .premium-badge-expand .premium-sub-item-badge,
1518
+ .premium-mega-content-container .premium-badge-expand .premium-rn-badge,
1519
+ .premium-sub-menu .premium-badge-expand .premium-sub-item-badge,
1520
+ .premium-sub-menu .premium-badge-expand .premium-rn-badge {
1521
+ -webkit-transform: translateY(-50%) scaleX(0);
1522
+ -ms-transform: translateY(-50%) scaleX(0);
1523
+ transform: translateY(-50%) scaleX(0);
1524
+ -webkit-transition: -webkit-transform 0.25s ease-out;
1525
+ transition: -webkit-transform 0.25s ease-out;
1526
+ transition: transform 0.25s ease-out;
1527
+ transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
1528
+ }
1529
+
1530
+ .premium-mega-content-container .premium-badge-expand:hover .premium-sub-item-badge,
1531
+ .premium-mega-content-container .premium-badge-expand:hover .premium-rn-badge,
1532
+ .premium-sub-menu .premium-badge-expand:hover .premium-sub-item-badge,
1533
+ .premium-sub-menu .premium-badge-expand:hover .premium-rn-badge {
1534
+ -webkit-transform: translateY(-50%) scaleX(1);
1535
+ -ms-transform: translateY(-50%) scaleX(1);
1536
+ transform: translateY(-50%) scaleX(1);
1537
+ }
1538
+
1539
+ /* Pulse Grow */
1540
+ @-webkit-keyframes badge-pulse-grow {
1541
+ to {
1542
+ -webkit-transform: translateY(-50%) scale(1.07);
1543
+ transform: translateY(-50%) scale(1.07);
1544
+ }
1545
+ }
1546
+
1547
+ @keyframes badge-pulse-grow {
1548
+ to {
1549
+ -webkit-transform: translateY(-50%) scale(1.07);
1550
+ transform: translateY(-50%) scale(1.07);
1551
+ }
1552
+ }
1553
+
1554
+ /* Buzz */
1555
+ @-webkit-keyframes badge-buzz {
1556
+ 50% {
1557
+ -webkit-transform: translateY(-50%) translateX(3px) rotate(2deg);
1558
+ transform: translateY(-50%) translateX(3px) rotate(2deg);
1559
+ }
1560
+
1561
+ 100% {
1562
+ -webkit-transform: translateY(-50%) translateX(-3px) rotate(-2deg);
1563
+ transform: translateY(-50%) translateX(-3px) rotate(-2deg);
1564
+ }
1565
+ }
1566
+
1567
+ @keyframes badge-buzz {
1568
+ 50% {
1569
+ -webkit-transform: translateY(-50%) translateX(3px) rotate(3deg);
1570
+ transform: translateY(-50%) translateX(3px) rotate(3deg);
1571
+ }
1572
+
1573
+ 100% {
1574
+ -webkit-transform: translateY(-50%) translateX(-3px) rotate(-3deg);
1575
+ transform: translateY(-50%) translateX(-3px) rotate(-3deg);
1576
+ }
1577
+ }
1578
+
1579
+ body.premium-scroll-disabled {
1580
+ overflow-y: hidden;
1581
+ height: 100vh;
1582
+ margin: 0;
1583
  }
assets/frontend/css/premium-nav-menu.css CHANGED
@@ -48,8 +48,8 @@
48
  position: absolute;
49
  min-width: 250px; }
50
 
51
- .premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item.menu-item-has-children:hover > .premium-sub-menu,
52
- .premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item.menu-item-has-children:hover .premium-mega-content-container {
53
  opacity: 1;
54
  visibility: visible; }
55
 
@@ -76,7 +76,7 @@
76
  flex-direction: row-reverse; }
77
 
78
  /*Horizontal Main Menu**/
79
- .premium-nav-hor .premium-nav-menu-container {
80
  height: 60px; }
81
 
82
  .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item .premium-sub-menu {
@@ -684,8 +684,8 @@
684
  .premium-hamburger-toggle {
685
  width: 100%; }
686
 
687
- /*
688
- * Pointer & Pointer Animations
689
  */
690
  .premium-menu-link-parent::before, .premium-menu-link-parent::after {
691
  display: block;
@@ -1022,12 +1022,12 @@
1022
  -webkit-transition-delay: 0.1s;
1023
  transition-delay: 0.1s; }
1024
 
1025
- [class*="premium-nav-slide-"].premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item:hover > .premium-sub-menu,
1026
- [class*="premium-nav-slide-"].premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item:hover > .premium-mega-content-container,
1027
- [class*="premium-nav-slide-"].premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu:hover > .premium-sub-menu,
1028
- [class*="premium-nav-slide-"].premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item:hover > .premium-sub-menu,
1029
- [class*="premium-nav-slide-"].premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item:hover > .premium-mega-content-container,
1030
- [class*="premium-nav-slide-"].premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu:hover > .premium-sub-menu {
1031
  -webkit-transform: translate(0);
1032
  -ms-transform: translate(0);
1033
  transform: translate(0); }
@@ -1071,7 +1071,7 @@
1071
  -ms-transform: translateX(-50%) translateY(10px);
1072
  transform: translateX(-50%) translateY(10px); }
1073
 
1074
- .premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container {
1075
  -webkit-transform: translateX(-50%) translateY(0);
1076
  -ms-transform: translateX(-50%) translateY(0);
1077
  transform: translateX(-50%) translateY(0); }
@@ -1082,7 +1082,7 @@
1082
  -ms-transform: translateX(-50%) translateY(-10px);
1083
  transform: translateX(-50%) translateY(-10px); }
1084
 
1085
- .premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container {
1086
  -webkit-transform: translateX(-50%) translateY(0);
1087
  -ms-transform: translateX(-50%) translateY(0);
1088
  transform: translateX(-50%) translateY(0); }
@@ -1093,7 +1093,7 @@
1093
  -ms-transform: translateX(-45%);
1094
  transform: translateX(-45%); }
1095
 
1096
- .premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container {
1097
  -webkit-transform: translateX(-50%);
1098
  -ms-transform: translateX(-50%);
1099
  transform: translateX(-50%); }
@@ -1104,20 +1104,20 @@
1104
  -ms-transform: translateX(-55%);
1105
  transform: translateX(-55%); }
1106
 
1107
- .premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container {
1108
  -webkit-transform: translateX(-50%);
1109
  -ms-transform: translateX(-50%);
1110
  transform: translateX(-50%); }
1111
 
1112
  /**Vertical - Static Mega Content*/
1113
- .premium-nav-slide-down.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container,
1114
- .premium-nav-slide-up.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container {
1115
  -webkit-transform: translateY(0);
1116
  -ms-transform: translateY(0);
1117
  transform: translateY(0); }
1118
 
1119
- .premium-nav-slide-right.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container,
1120
- .premium-nav-slide-left.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container {
1121
  -webkit-transform: translateX(0);
1122
  -ms-transform: translateX(0);
1123
  transform: translateX(0); }
48
  position: absolute;
49
  min-width: 250px; }
50
 
51
+ .premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item.menu-item-has-children.premium-item-hovered > .premium-sub-menu,
52
+ .premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item.menu-item-has-children.premium-item-hovered .premium-mega-content-container {
53
  opacity: 1;
54
  visibility: visible; }
55
 
76
  flex-direction: row-reverse; }
77
 
78
  /*Horizontal Main Menu**/
79
+ .premium-nav-hor > .elementor-widget-container > .premium-nav-widget-container > .premium-ver-inner-container > .premium-nav-menu-container {
80
  height: 60px; }
81
 
82
  .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item .premium-sub-menu {
684
  .premium-hamburger-toggle {
685
  width: 100%; }
686
 
687
+ /*
688
+ * Pointer & Pointer Animations
689
  */
690
  .premium-menu-link-parent::before, .premium-menu-link-parent::after {
691
  display: block;
1022
  -webkit-transition-delay: 0.1s;
1023
  transition-delay: 0.1s; }
1024
 
1025
+ [class*="premium-nav-slide-"].premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item.premium-item-hovered > .premium-sub-menu,
1026
+ [class*="premium-nav-slide-"].premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item.premium-item-hovered > .premium-mega-content-container,
1027
+ [class*="premium-nav-slide-"].premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu.premium-item-hovered > .premium-sub-menu,
1028
+ [class*="premium-nav-slide-"].premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item.premium-item-hovered > .premium-sub-menu,
1029
+ [class*="premium-nav-slide-"].premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item.premium-item-hovered > .premium-mega-content-container,
1030
+ [class*="premium-nav-slide-"].premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu.premium-item-hovered > .premium-sub-menu {
1031
  -webkit-transform: translate(0);
1032
  -ms-transform: translate(0);
1033
  transform: translate(0); }
1071
  -ms-transform: translateX(-50%) translateY(10px);
1072
  transform: translateX(-50%) translateY(10px); }
1073
 
1074
+ .premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static.premium-item-hovered .premium-mega-content-container {
1075
  -webkit-transform: translateX(-50%) translateY(0);
1076
  -ms-transform: translateX(-50%) translateY(0);
1077
  transform: translateX(-50%) translateY(0); }
1082
  -ms-transform: translateX(-50%) translateY(-10px);
1083
  transform: translateX(-50%) translateY(-10px); }
1084
 
1085
+ .premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static.premium-item-hovered .premium-mega-content-container {
1086
  -webkit-transform: translateX(-50%) translateY(0);
1087
  -ms-transform: translateX(-50%) translateY(0);
1088
  transform: translateX(-50%) translateY(0); }
1093
  -ms-transform: translateX(-45%);
1094
  transform: translateX(-45%); }
1095
 
1096
+ .premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static.premium-item-hovered .premium-mega-content-container {
1097
  -webkit-transform: translateX(-50%);
1098
  -ms-transform: translateX(-50%);
1099
  transform: translateX(-50%); }
1104
  -ms-transform: translateX(-55%);
1105
  transform: translateX(-55%); }
1106
 
1107
+ .premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static.premium-item-hovered .premium-mega-content-container {
1108
  -webkit-transform: translateX(-50%);
1109
  -ms-transform: translateX(-50%);
1110
  transform: translateX(-50%); }
1111
 
1112
  /**Vertical - Static Mega Content*/
1113
+ .premium-nav-slide-down.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-item-static.premium-item-hovered .premium-mega-content-container,
1114
+ .premium-nav-slide-up.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-item-static.premium-item-hovered .premium-mega-content-container {
1115
  -webkit-transform: translateY(0);
1116
  -ms-transform: translateY(0);
1117
  transform: translateY(0); }
1118
 
1119
+ .premium-nav-slide-right.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-item-static.premium-item-hovered .premium-mega-content-container,
1120
+ .premium-nav-slide-left.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-item-static.premium-item-hovered .premium-mega-content-container {
1121
  -webkit-transform: translateX(0);
1122
  -ms-transform: translateX(0);
1123
  transform: translateX(0); }
assets/frontend/css/premium-progressbar-rtl.css CHANGED
@@ -1,421 +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: 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
  }
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
@@ -1,321 +1,321 @@
1
- /**************** Premium Progress Bar ****************/
2
- /******************************************************/
3
- .premium-progressbar-container {
4
- position: relative; }
5
-
6
- .premium-progressbar-bar-wrap {
7
- position: relative;
8
- text-align: left;
9
- overflow: hidden;
10
- height: 25px;
11
- margin-bottom: 50px;
12
- background-color: #f5f5f5;
13
- -webkit-border-radius: 4px;
14
- border-radius: 4px;
15
- -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
16
- box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }
17
- .premium-progressbar-bar-wrap.premium-progressbar-dots {
18
- background-color: transparent;
19
- width: 100%;
20
- -js-display: flex;
21
- display: -webkit-box;
22
- display: -webkit-flex;
23
- display: -moz-box;
24
- display: -ms-flexbox;
25
- display: flex;
26
- height: auto;
27
- -webkit-box-shadow: none;
28
- box-shadow: none; }
29
- .premium-progressbar-bar-wrap .progress-segment {
30
- position: relative;
31
- width: 25px;
32
- height: 25px;
33
- -webkit-border-radius: 50%;
34
- border-radius: 50%;
35
- overflow: hidden;
36
- background-color: #f5f5f5; }
37
- .premium-progressbar-bar-wrap .progress-segment.filled {
38
- background: #6ec1e4; }
39
- .premium-progressbar-bar-wrap .progress-segment:not(:first-child):not(:last-child) {
40
- margin: 0 4px; }
41
- .premium-progressbar-bar-wrap .progress-segment:first-child {
42
- margin-right: 4px; }
43
- .premium-progressbar-bar-wrap .progress-segment:last-child {
44
- margin-left: 4px; }
45
- .premium-progressbar-bar-wrap .progress-segment .segment-inner {
46
- position: absolute;
47
- top: 0;
48
- left: 0;
49
- height: 100%;
50
- background-color: #6ec1e4; }
51
-
52
- .premium-progressbar-bar {
53
- float: left;
54
- width: 0%;
55
- height: 100%;
56
- font-size: 12px;
57
- line-height: 20px;
58
- background: #6ec1e4;
59
- text-align: center;
60
- -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
61
- box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); }
62
-
63
- .premium-progressbar-striped .premium-progressbar-bar {
64
- 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);
65
- 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);
66
- -webkit-background-size: 40px 40px;
67
- background-size: 40px 40px; }
68
-
69
- .premium-progressbar-active .premium-progressbar-bar {
70
- -webkit-animation: progress-bar-stripes 2s linear infinite;
71
- animation: progress-bar-stripes 2s linear infinite; }
72
-
73
- .premium-progressbar-gradient .premium-progressbar-bar {
74
- -webkit-background-size: 400% 400% !important;
75
- background-size: 400% 400% !important;
76
- -webkit-animation: progress-bar-gradient 10s ease-in-out infinite;
77
- animation: progress-bar-gradient 10s ease-in-out infinite; }
78
-
79
- .premium-progressbar-bar {
80
- position: absolute;
81
- overflow: hidden;
82
- line-height: 20px; }
83
-
84
- .premium-progressbar-container .clearfix {
85
- clear: both; }
86
-
87
- .premium-progressbar-bar {
88
- -webkit-transition: width 0s ease-in-out !important;
89
- transition: width 0s ease-in-out !important; }
90
-
91
- .premium-progressbar-container p:first-of-type {
92
- margin: 0;
93
- float: left; }
94
-
95
- .premium-progressbar-container p:nth-of-type(2) {
96
- margin: 0;
97
- float: right; }
98
-
99
- .premium-progressbar-name {
100
- left: 50%;
101
- top: 0;
102
- right: 0;
103
- -webkit-transform: translateX(-12.5px);
104
- -ms-transform: translateX(-12.5px);
105
- transform: translateX(-12.5px);
106
- z-index: 1; }
107
-
108
- .premium-progressbar-multiple-label {
109
- position: relative;
110
- float: left;
111
- width: 0;
112
- left: 50%; }
113
-
114
- .premium-progressbar-center-label {
115
- position: relative;
116
- white-space: nowrap; }
117
-
118
- .premium-progressbar-arrow {
119
- height: 15px;
120
- left: 50%;
121
- display: inline-block;
122
- border-left: 7px solid transparent;
123
- border-right: 7px solid transparent;
124
- border-top: 11px solid;
125
- -webkit-transform: translateX(-50%);
126
- -ms-transform: translateX(-50%);
127
- transform: translateX(-50%); }
128
-
129
- .premium-progressbar-pin {
130
- border-left: 1px solid;
131
- height: 12px;
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;
149
- width: 100%;
150
- height: 100%;
151
- -js-display: flex;
152
- display: -webkit-box;
153
- display: -webkit-flex;
154
- display: -moz-box;
155
- display: -ms-flexbox;
156
- display: flex;
157
- -webkit-box-orient: vertical;
158
- -webkit-box-direction: normal;
159
- -webkit-flex-direction: column;
160
- -moz-box-orient: vertical;
161
- -moz-box-direction: normal;
162
- -ms-flex-direction: column;
163
- flex-direction: column;
164
- -webkit-box-pack: center;
165
- -webkit-justify-content: center;
166
- -moz-box-pack: center;
167
- -ms-flex-pack: center;
168
- justify-content: center;
169
- -webkit-box-align: center;
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; }
289
- to {
290
- background-position: 40px 0; } }
291
-
292
- @keyframes progress-bar-stripes {
293
- from {
294
- background-position: 0 0; }
295
- to {
296
- background-position: 40px 0; } }
297
-
298
- @-webkit-keyframes progress-bar-gradient {
299
- 0% {
300
- background-position: 0% 50%; }
301
- 50% {
302
- background-position: 100% 50%; }
303
- 100% {
304
- background-position: 0% 50%; } }
305
-
306
- @keyframes progress-bar-gradient {
307
- 0% {
308
- background-position: 0% 50%; }
309
- 50% {
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; } }
1
+ /**************** Premium Progress Bar ****************/
2
+ /******************************************************/
3
+ .premium-progressbar-container {
4
+ position: relative; }
5
+
6
+ .premium-progressbar-bar-wrap {
7
+ position: relative;
8
+ text-align: left;
9
+ overflow: hidden;
10
+ height: 25px;
11
+ margin-bottom: 50px;
12
+ background-color: #f5f5f5;
13
+ -webkit-border-radius: 4px;
14
+ border-radius: 4px;
15
+ -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
16
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }
17
+ .premium-progressbar-bar-wrap.premium-progressbar-dots {
18
+ background-color: transparent;
19
+ width: 100%;
20
+ -js-display: flex;
21
+ display: -webkit-box;
22
+ display: -webkit-flex;
23
+ display: -moz-box;
24
+ display: -ms-flexbox;
25
+ display: flex;
26
+ height: auto;
27
+ -webkit-box-shadow: none;
28
+ box-shadow: none; }
29
+ .premium-progressbar-bar-wrap .progress-segment {
30
+ position: relative;
31
+ width: 25px;
32
+ height: 25px;
33
+ -webkit-border-radius: 50%;
34
+ border-radius: 50%;
35
+ overflow: hidden;
36
+ background-color: #f5f5f5; }
37
+ .premium-progressbar-bar-wrap .progress-segment.filled {
38
+ background: #6ec1e4; }
39
+ .premium-progressbar-bar-wrap .progress-segment:not(:first-child):not(:last-child) {
40
+ margin: 0 4px; }
41
+ .premium-progressbar-bar-wrap .progress-segment:first-child {
42
+ margin-right: 4px; }
43
+ .premium-progressbar-bar-wrap .progress-segment:last-child {
44
+ margin-left: 4px; }
45
+ .premium-progressbar-bar-wrap .progress-segment .segment-inner {
46
+ position: absolute;
47
+ top: 0;
48
+ left: 0;
49
+ height: 100%;
50
+ background-color: #6ec1e4; }
51
+
52
+ .premium-progressbar-bar {
53
+ float: left;
54
+ width: 0%;
55
+ height: 100%;
56
+ font-size: 12px;
57
+ line-height: 20px;
58
+ background: #6ec1e4;
59
+ text-align: center;
60
+ -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
61
+ box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); }
62
+
63
+ .premium-progressbar-striped .premium-progressbar-bar {
64
+ 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);
65
+ 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);
66
+ -webkit-background-size: 40px 40px;
67
+ background-size: 40px 40px; }
68
+
69
+ .premium-progressbar-active .premium-progressbar-bar {
70
+ -webkit-animation: progress-bar-stripes 2s linear infinite;
71
+ animation: progress-bar-stripes 2s linear infinite; }
72
+
73
+ .premium-progressbar-gradient .premium-progressbar-bar {
74
+ -webkit-background-size: 400% 400% !important;
75
+ background-size: 400% 400% !important;
76
+ -webkit-animation: progress-bar-gradient 10s ease-in-out infinite;
77
+ animation: progress-bar-gradient 10s ease-in-out infinite; }
78
+
79
+ .premium-progressbar-bar {
80
+ position: absolute;
81
+ overflow: hidden;
82
+ line-height: 20px; }
83
+
84
+ .premium-progressbar-container .clearfix {
85
+ clear: both; }
86
+
87
+ .premium-progressbar-bar {
88
+ -webkit-transition: width 0s ease-in-out !important;
89
+ transition: width 0s ease-in-out !important; }
90
+
91
+ .premium-progressbar-container p:first-of-type {
92
+ margin: 0;
93
+ float: left; }
94
+
95
+ .premium-progressbar-container p:nth-of-type(2) {
96
+ margin: 0;
97
+ float: right; }
98
+
99
+ .premium-progressbar-name {
100
+ left: 50%;
101
+ top: 0;
102
+ right: 0;
103
+ -webkit-transform: translateX(-12.5px);
104
+ -ms-transform: translateX(-12.5px);
105
+ transform: translateX(-12.5px);
106
+ z-index: 1; }
107
+
108
+ .premium-progressbar-multiple-label {
109
+ position: relative;
110
+ float: left;
111
+ width: 0;
112
+ left: 50%; }
113
+
114
+ .premium-progressbar-center-label {
115
+ position: relative;
116
+ white-space: nowrap; }
117
+
118
+ .premium-progressbar-arrow {
119
+ height: 15px;
120
+ left: 50%;
121
+ display: inline-block;
122
+ border-left: 7px solid transparent;
123
+ border-right: 7px solid transparent;
124
+ border-top: 11px solid;
125
+ -webkit-transform: translateX(-50%);
126
+ -ms-transform: translateX(-50%);
127
+ transform: translateX(-50%); }
128
+
129
+ .premium-progressbar-pin {
130
+ border-left: 1px solid;
131
+ height: 12px;
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;
149
+ width: 100%;
150
+ height: 100%;
151
+ -js-display: flex;
152
+ display: -webkit-box;
153
+ display: -webkit-flex;
154
+ display: -moz-box;
155
+ display: -ms-flexbox;
156
+ display: flex;
157
+ -webkit-box-orient: vertical;
158
+ -webkit-box-direction: normal;
159
+ -webkit-flex-direction: column;
160
+ -moz-box-orient: vertical;
161
+ -moz-box-direction: normal;
162
+ -ms-flex-direction: column;
163
+ flex-direction: column;
164
+ -webkit-box-pack: center;
165
+ -webkit-justify-content: center;
166
+ -moz-box-pack: center;
167
+ -ms-flex-pack: center;
168
+ justify-content: center;
169
+ -webkit-box-align: center;
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; }
289
+ to {
290
+ background-position: 40px 0; } }
291
+
292
+ @keyframes progress-bar-stripes {
293
+ from {
294
+ background-position: 0 0; }
295
+ to {
296
+ background-position: 40px 0; } }
297
+
298
+ @-webkit-keyframes progress-bar-gradient {
299
+ 0% {
300
+ background-position: 0% 50%; }
301
+ 50% {
302
+ background-position: 100% 50%; }
303
+ 100% {
304
+ background-position: 0% 50%; } }
305
+
306
+ @keyframes progress-bar-gradient {
307
+ 0% {
308
+ background-position: 0% 50%; }
309
+ 50% {
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-title-rtl.css CHANGED
@@ -1,254 +1,254 @@
1
- /**************** Premium Title ****************/
2
- /***********************************************/
3
- .premium-title-container .premium-title-header {
4
- position: relative;
5
- margin: 0;
6
- padding: 10px;
7
- }
8
-
9
- .premium-title-container .premium-title-header:not(.premium-title-style7) {
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
- }
16
-
17
- .premium-title-container .premium-title-header svg {
18
- width: 40px;
19
- height: 40px;
20
- }
21
-
22
- .premium-title-container .premium-title-header img {
23
- width: 40px;
24
- height: 40px;
25
- -o-object-fit: cover;
26
- object-fit: cover;
27
- }
28
-
29
- .premium-title-container .premium-title-header a {
30
- position: absolute;
31
- top: 0;
32
- right: 0;
33
- width: 100%;
34
- height: 100%;
35
- }
36
-
37
- .premium-title-container .premium-lottie-animation {
38
- -js-display: flex;
39
- display: -webkit-box;
40
- display: -webkit-flex;
41
- display: -moz-box;
42
- display: -ms-flexbox;
43
- display: flex;
44
- }
45
-
46
- .premium-title-icon-row .premium-title-icon {
47
- margin-left: 10px;
48
- }
49
-
50
- .premium-title-icon-row-reverse .premium-title-icon {
51
- margin-right: 10px;
52
- }
53
-
54
- .premium-title-style3,
55
- .premium-title-style4 {
56
- -js-display: flex;
57
- display: -webkit-box;
58
- display: -webkit-flex;
59
- display: -moz-box;
60
- display: -ms-flexbox;
61
- display: flex;
62
- }
63
-
64
- .premium-title-style1,
65
- .premium-title-style2,
66
- .premium-title-style5,
67
- .premium-title-style6,
68
- .premium-title-style8,
69
- .premium-title-style9 {
70
- -js-display: inline-flex;
71
- display: -webkit-inline-box;
72
- display: -webkit-inline-flex;
73
- display: -moz-inline-box;
74
- display: -ms-inline-flexbox;
75
- display: inline-flex;
76
- }
77
-
78
- .premium-title-style7 {
79
- -js-display: inline-flex;
80
- display: -webkit-inline-box;
81
- display: -webkit-inline-flex;
82
- display: -moz-inline-box;
83
- display: -ms-inline-flexbox;
84
- display: inline-flex;
85
- -webkit-box-orient: vertical;
86
- -webkit-box-direction: normal;
87
- -webkit-flex-direction: column;
88
- -moz-box-orient: vertical;
89
- -moz-box-direction: normal;
90
- -ms-flex-direction: column;
91
- flex-direction: column;
92
- }
93
-
94
- .premium-title-style7 .premium-title-style7-inner {
95
- -js-display: flex;
96
- display: -webkit-box;
97
- display: -webkit-flex;
98
- display: -moz-box;
99
- display: -ms-flexbox;
100
- display: flex;
101
- -webkit-box-align: center;
102
- -webkit-align-items: center;
103
- -moz-box-align: center;
104
- -ms-flex-align: center;
105
- align-items: center;
106
- }
107
-
108
- .premium-title-style1 {
109
- border-width: 0;
110
- border-right: 3px solid #6ec1e4;
111
- }
112
-
113
- .premium-title-container.style2,
114
- .premium-title-container.style4,
115
- .premium-title-container.style5,
116
- .premium-title-container.style6 {
117
- border-bottom: 3px solid #6ec1e4;
118
- }
119
-
120
- /*Style 6 Header*/
121
- .premium-title-style6:before {
122
- position: absolute;
123
- right: 50%;
124
- bottom: 0;
125
- margin-right: -2px;
126
- content: "";
127
- border: 3px solid transparent;
128
- }
129
-
130
- /*Style 6 Trinagle*/
131
- .premium-title-style7-stripe-wrap {
132
- -js-display: flex;
133
- display: -webkit-box;
134
- display: -webkit-flex;
135
- display: -moz-box;
136
- display: -ms-flexbox;
137
- display: flex;
138
- }
139
-
140
- .premium-title-style7:before {
141
- display: none;
142
- }
143
-
144
- .premium-title-style8 .premium-title-text[data-animation="shiny"] {
145
- -webkit-background-size: 125px 125px !important;
146
- background-size: 125px !important;
147
- color: rgba(255, 255, 255, 0);
148
- -webkit-background-clip: text !important;
149
- background-clip: text !important;
150
- -webkit-animation-name: pa-shinny-text !important;
151
- animation-name: pa-shinny-text !important;
152
- -webkit-animation-duration: var(--animation-speed) !important;
153
- animation-duration: var(--animation-speed) !important;
154
- -webkit-animation-iteration-count: infinite !important;
155
- animation-iteration-count: infinite !important;
156
- background: var(--base-color) -webkit-gradient(linear,
157
- left top,
158
- right top,
159
- from(var(--base-color)),
160
- to(var(--base-color)),
161
- color-stop(0.5, var(--shiny-color))) 0 0 no-repeat;
162
- }
163
-
164
- .premium-title-style9[data-animation-blur="process"] .premium-title-style9-letter {
165
- -webkit-animation: pa-blur-shadow 2s 1 alternate;
166
- animation: pa-blur-shadow 2s 1 alternate;
167
- }
168
-
169
- .premium-title-gradient-yes .premium-title-text,
170
- .premium-title-gradient-yes .premium-title-icon {
171
- -webkit-background-clip: text;
172
- -webkit-text-fill-color: transparent;
173
- background-image: -webkit-gradient(linear, left top, right top, from(#ffa648), color-stop(#f17cc1), to(#4da9fd));
174
- background-image: -webkit-linear-gradient(left, #ffa648, #f17cc1, #4da9fd);
175
- background-image: linear-gradient(to right, #ffa648, #f17cc1, #4da9fd);
176
- -webkit-animation: pa-text-gradient 8s infinite;
177
- animation: pa-text-gradient 8s infinite;
178
- }
179
-
180
- .premium-title-clipped .premium-title-header {
181
- -webkit-text-fill-color: transparent;
182
- -webkit-background-clip: text;
183
- background-clip: text;
184
- }
185
-
186
- @-webkit-keyframes pa-shinny-text {
187
- 0% {
188
- background-position: 100%;
189
- }
190
-
191
- 100% {
192
- background-position: -100%;
193
- }
194
- }
195
-
196
- @keyframes pa-shinny-text {
197
- 0% {
198
- background-position: 100%;
199
- }
200
-
201
- 100% {
202
- background-position: -100%;
203
- }
204
- }
205
-
206
- @-webkit-keyframes pa-blur-shadow {
207
- from {
208
- text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
209
- color: transparent;
210
- }
211
-
212
- to {
213
- text-shadow: 0;
214
- }
215
- }
216
-
217
- @keyframes pa-blur-shadow {
218
- from {
219
- text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
220
- color: transparent;
221
- }
222
-
223
- to {
224
- text-shadow: 0;
225
- }
226
- }
227
-
228
- @-webkit-keyframes pa-text-gradient {
229
-
230
- 0%,
231
- 100% {
232
- -webkit-filter: hue-rotate(0deg);
233
- filter: hue-rotate(0deg);
234
- }
235
-
236
- 50% {
237
- -webkit-filter: hue-rotate(360deg);
238
- filter: hue-rotate(360deg);
239
- }
240
- }
241
-
242
- @keyframes pa-text-gradient {
243
-
244
- 0%,
245
- 100% {
246
- -webkit-filter: hue-rotate(0deg);
247
- filter: hue-rotate(0deg);
248
- }
249
-
250
- 50% {
251
- -webkit-filter: hue-rotate(360deg);
252
- filter: hue-rotate(360deg);
253
- }
254
  }
1
+ /**************** Premium Title ****************/
2
+ /***********************************************/
3
+ .premium-title-container .premium-title-header {
4
+ position: relative;
5
+ margin: 0;
6
+ padding: 10px;
7
+ }
8
+
9
+ .premium-title-container .premium-title-header:not(.premium-title-style7) {
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
+ }
16
+
17
+ .premium-title-container .premium-title-header svg {
18
+ width: 40px;
19
+ height: 40px;
20
+ }
21
+
22
+ .premium-title-container .premium-title-header img {
23
+ width: 40px;
24
+ height: 40px;
25
+ -o-object-fit: cover;
26
+ object-fit: cover;
27
+ }
28
+
29
+ .premium-title-container .premium-title-header a {
30
+ position: absolute;
31
+ top: 0;
32
+ right: 0;
33
+ width: 100%;
34
+ height: 100%;
35
+ }
36
+
37
+ .premium-title-container .premium-lottie-animation {
38
+ -js-display: flex;
39
+ display: -webkit-box;
40
+ display: -webkit-flex;
41
+ display: -moz-box;
42
+ display: -ms-flexbox;
43
+ display: flex;
44
+ }
45
+
46
+ .premium-title-icon-row .premium-title-icon {
47
+ margin-left: 10px;
48
+ }
49
+
50
+ .premium-title-icon-row-reverse .premium-title-icon {
51
+ margin-right: 10px;
52
+ }
53
+
54
+ .premium-title-style3,
55
+ .premium-title-style4 {
56
+ -js-display: flex;
57
+ display: -webkit-box;
58
+ display: -webkit-flex;
59
+ display: -moz-box;
60
+ display: -ms-flexbox;
61
+ display: flex;
62
+ }
63
+
64
+ .premium-title-style1,
65
+ .premium-title-style2,
66
+ .premium-title-style5,
67
+ .premium-title-style6,
68
+ .premium-title-style8,
69
+ .premium-title-style9 {
70
+ -js-display: inline-flex;
71
+ display: -webkit-inline-box;
72
+ display: -webkit-inline-flex;
73
+ display: -moz-inline-box;
74
+ display: -ms-inline-flexbox;
75
+ display: inline-flex;
76
+ }
77
+
78
+ .premium-title-style7 {
79
+ -js-display: inline-flex;
80
+ display: -webkit-inline-box;
81
+ display: -webkit-inline-flex;
82
+ display: -moz-inline-box;
83
+ display: -ms-inline-flexbox;
84
+ display: inline-flex;
85
+ -webkit-box-orient: vertical;
86
+ -webkit-box-direction: normal;
87
+ -webkit-flex-direction: column;
88
+ -moz-box-orient: vertical;
89
+ -moz-box-direction: normal;
90
+ -ms-flex-direction: column;
91
+ flex-direction: column;
92
+ }
93
+
94
+ .premium-title-style7 .premium-title-style7-inner {
95
+ -js-display: flex;
96
+ display: -webkit-box;
97
+ display: -webkit-flex;
98
+ display: -moz-box;
99
+ display: -ms-flexbox;
100
+ display: flex;
101
+ -webkit-box-align: center;
102
+ -webkit-align-items: center;
103
+ -moz-box-align: center;
104
+ -ms-flex-align: center;
105
+ align-items: center;
106
+ }
107
+
108
+ .premium-title-style1 {
109
+ border-width: 0;
110
+ border-right: 3px solid #6ec1e4;
111
+ }
112
+
113
+ .premium-title-container.style2,
114
+ .premium-title-container.style4,
115
+ .premium-title-container.style5,
116
+ .premium-title-container.style6 {
117
+ border-bottom: 3px solid #6ec1e4;
118
+ }
119
+
120
+ /*Style 6 Header*/
121
+ .premium-title-style6:before {
122
+ position: absolute;
123
+ right: 50%;
124
+ bottom: 0;
125
+ margin-right: -2px;
126
+ content: "";
127
+ border: 3px solid transparent;
128
+ }
129
+
130
+ /*Style 6 Trinagle*/
131
+ .premium-title-style7-stripe-wrap {
132
+ -js-display: flex;
133
+ display: -webkit-box;
134
+ display: -webkit-flex;
135
+ display: -moz-box;
136
+ display: -ms-flexbox;
137
+ display: flex;
138
+ }
139
+
140
+ .premium-title-style7:before {
141
+ display: none;
142
+ }
143
+
144
+ .premium-title-style8 .premium-title-text[data-animation="shiny"] {
145
+ -webkit-background-size: 125px 125px !important;
146
+ background-size: 125px !important;
147
+ color: rgba(255, 255, 255, 0);
148
+ -webkit-background-clip: text !important;
149
+ background-clip: text !important;
150
+ -webkit-animation-name: pa-shinny-text !important;
151
+ animation-name: pa-shinny-text !important;
152
+ -webkit-animation-duration: var(--animation-speed) !important;
153
+ animation-duration: var(--animation-speed) !important;
154
+ -webkit-animation-iteration-count: infinite !important;
155
+ animation-iteration-count: infinite !important;
156
+ background: var(--base-color) -webkit-gradient(linear,
157
+ left top,
158
+ right top,
159
+ from(var(--base-color)),
160
+ to(var(--base-color)),
161
+ color-stop(0.5, var(--shiny-color))) 0 0 no-repeat;
162
+ }
163
+
164
+ .premium-title-style9[data-animation-blur="process"] .premium-title-style9-letter {
165
+ -webkit-animation: pa-blur-shadow 2s 1 alternate;
166
+ animation: pa-blur-shadow 2s 1 alternate;
167
+ }
168
+
169
+ .premium-title-gradient-yes .premium-title-text,
170
+ .premium-title-gradient-yes .premium-title-icon {
171
+ -webkit-background-clip: text;
172
+ -webkit-text-fill-color: transparent;
173
+ background-image: -webkit-gradient(linear, left top, right top, from(#ffa648), color-stop(#f17cc1), to(#4da9fd));
174
+ background-image: -webkit-linear-gradient(left, #ffa648, #f17cc1, #4da9fd);
175
+ background-image: linear-gradient(to right, #ffa648, #f17cc1, #4da9fd);
176
+ -webkit-animation: pa-text-gradient 8s infinite;
177
+ animation: pa-text-gradient 8s infinite;
178
+ }
179
+
180
+ .premium-title-clipped .premium-title-header {
181
+ -webkit-text-fill-color: transparent;
182
+ -webkit-background-clip: text;
183
+ background-clip: text;
184
+ }
185
+
186
+ @-webkit-keyframes pa-shinny-text {
187
+ 0% {
188
+ background-position: 100%;
189
+ }
190
+
191
+ 100% {
192
+ background-position: -100%;
193
+ }
194
+ }
195
+
196
+ @keyframes pa-shinny-text {
197
+ 0% {
198
+ background-position: 100%;
199
+ }
200
+
201
+ 100% {
202
+ background-position: -100%;
203
+ }
204
+ }
205
+
206
+ @-webkit-keyframes pa-blur-shadow {
207
+ from {
208
+ text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
209
+ color: transparent;
210
+ }
211
+
212
+ to {
213
+ text-shadow: 0;
214
+ }
215
+ }
216
+
217
+ @keyframes pa-blur-shadow {
218
+ from {
219
+ text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
220
+ color: transparent;
221
+ }
222
+
223
+ to {
224
+ text-shadow: 0;
225
+ }
226
+ }
227
+
228
+ @-webkit-keyframes pa-text-gradient {
229
+
230
+ 0%,
231
+ 100% {
232
+ -webkit-filter: hue-rotate(0deg);
233
+ filter: hue-rotate(0deg);
234
+ }
235
+
236
+ 50% {
237
+ -webkit-filter: hue-rotate(360deg);
238
+ filter: hue-rotate(360deg);
239
+ }
240
+ }
241
+
242
+ @keyframes pa-text-gradient {
243
+
244
+ 0%,
245
+ 100% {
246
+ -webkit-filter: hue-rotate(0deg);
247
+ filter: hue-rotate(0deg);
248
+ }
249
+
250
+ 50% {
251
+ -webkit-filter: hue-rotate(360deg);
252
+ filter: hue-rotate(360deg);
253
+ }
254
  }
assets/frontend/css/premium-video-box-rtl.css CHANGED
@@ -1,467 +1,467 @@
1
- /**************** Premium Video Box ************/
2
- /***********************************************/
3
- .premium-video-box-transform {
4
- -webkit-transform: none !important;
5
- -ms-transform: none !important;
6
- transform: none !important;
7
- }
8
-
9
- .premium-video-box-container {
10
- -js-display: flex;
11
- display: -webkit-box;
12
- display: -webkit-flex;
13
- display: -moz-box;
14
- display: -ms-flexbox;
15
- display: flex;
16
- -webkit-box-orient: vertical;
17
- -webkit-box-direction: normal;
18
- -webkit-flex-direction: column;
19
- -moz-box-orient: vertical;
20
- -moz-box-direction: normal;
21
- -ms-flex-direction: column;
22
- flex-direction: column;
23
- }
24
-
25
- .premium-video-box-container>div {
26
- position: relative;
27
- overflow: hidden;
28
- }
29
-
30
- .pa-aspect-ratio-11 .premium-video-box-container>div {
31
- padding-bottom: 100%;
32
- }
33
-
34
- .pa-aspect-ratio-169 .premium-video-box-container>div {
35
- padding-bottom: 56.25%;
36
- }
37
-
38
- .pa-aspect-ratio-43 .premium-video-box-container>div {
39
- padding-bottom: 75%;
40
- }
41
-
42
- .pa-aspect-ratio-32 .premium-video-box-container>div {
43
- padding-bottom: 66.6666%;
44
- }
45
-
46
- .pa-aspect-ratio-219 .premium-video-box-container>div {
47
- padding-bottom: 42.8571%;
48
- }
49
-
50
- .pa-aspect-ratio-916 .premium-video-box-container>div {
51
- padding-bottom: 177.8%;
52
- }
53
-
54
- .premium-video-box-image-container {
55
- position: absolute;
56
- top: 0;
57
- right: 0;
58
- bottom: 0;
59
- left: 0;
60
- width: 100%;
61
- height: 100%;
62
- -webkit-background-size: cover;
63
- background-size: cover;
64
- background-position: 50%;
65
- cursor: pointer;
66
- margin: auto;
67
- -webkit-transition: 0.2s all;
68
- transition: 0.2s all;
69
- }
70
-
71
- .premium-video-box-play-icon-container {
72
- position: absolute;
73
- z-index: 2;
74
- cursor: pointer;
75
- -webkit-transform: translate(50%, -50%);
76
- -ms-transform: translate(50%, -50%);
77
- transform: translate(50%, -50%);
78
- background: rgba(252, 252, 252, 0.35);
79
- }
80
-
81
- .premium-video-box-description-container {
82
- position: absolute;
83
- z-index: 2;
84
- padding: 5px;
85
- text-align: center;
86
- cursor: pointer;
87
- -webkit-transform: translate(50%, -50%);
88
- -ms-transform: translate(50%, -50%);
89
- transform: translate(50%, -50%);
90
- }
91
-
92
- .premium-video-box-text {
93
- margin-bottom: 0 !important;
94
- -webkit-transition: all 0.3s ease-in-out;
95
- transition: all 0.3s ease-in-out;
96
- }
97
-
98
- .premium-video-box-play-icon {
99
- padding: 15px;
100
- -webkit-transform: translateX(-4%);
101
- -ms-transform: translateX(-4%);
102
- transform: translateX(-4%);
103
- -webkit-transition: all 0.3s ease-in-out;
104
- transition: all 0.3s ease-in-out;
105
- }
106
-
107
- .premium-video-box-video-container,
108
- .premium-vid-lightbox-container {
109
- position: absolute;
110
- top: 0;
111
- right: 0;
112
- z-index: 2;
113
- width: 100%;
114
- height: 100%;
115
- -webkit-transition: opacity 0.8s ease-in-out;
116
- transition: opacity 0.8s ease-in-out;
117
- overflow: hidden;
118
- cursor: pointer;
119
- }
120
-
121
- .premium-video-box-container[data-overlay="true"][data-type="self"] .premium-video-box-video-container {
122
- opacity: 0;
123
- visibility: hidden;
124
- }
125
-
126
- .premium-video-box-video-container iframe {
127
- max-width: 100%;
128
- width: 100%;
129
- height: 100%;
130
- margin: 0;
131
- line-height: 1;
132
- border: none;
133
- }
134
-
135
- .premium-video-box-video-container video {
136
- max-width: 100%;
137
- width: 100%;
138
- height: 100%;
139
- margin: 0;
140
- line-height: 1;
141
- border: none;
142
- background-color: #000;
143
- -o-object-fit: contain;
144
- object-fit: contain;
145
- }
146
-
147
- .premium-video-box-container .premium-video-box-vimeo-wrap {
148
- -js-display: flex;
149
- display: -webkit-box;
150
- display: -webkit-flex;
151
- display: -moz-box;
152
- display: -ms-flexbox;
153
- display: flex;
154
- position: absolute;
155
- top: 0;
156
- right: 0;
157
- z-index: 3;
158
- margin: 10px;
159
- margin-left: 10px;
160
- -webkit-transition: opacity 0.2s ease-out;
161
- transition: opacity 0.2s ease-out;
162
- margin-left: 4.6em;
163
- }
164
-
165
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-portrait {
166
- width: 60px;
167
- height: 60px;
168
- background: rgba(23, 35, 34, 0.75);
169
- margin-left: 1px;
170
- -webkit-box-flex: 1;
171
- -webkit-flex: 1 0 auto;
172
- -moz-box-flex: 1;
173
- -ms-flex: 1 0 auto;
174
- flex: 1 0 auto;
175
- padding: 0;
176
- }
177
-
178
- .premium-video-box-vimeo-portrait img {
179
- width: 50px;
180
- height: 50px;
181
- margin: 5px;
182
- padding: 0;
183
- border: 0;
184
- -webkit-border-radius: 50%;
185
- border-radius: 50%;
186
- }
187
-
188
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-headers {
189
- font-size: 10px;
190
- }
191
-
192
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-title {
193
- max-width: 100%;
194
- font-size: 2em !important;
195
- font-weight: 700;
196
- margin: 0;
197
- padding: 0.1em 0.2em;
198
- background: rgba(23, 35, 34, 0.75);
199
- display: inline-block;
200
- text-transform: none;
201
- line-height: normal;
202
- letter-spacing: normal;
203
- }
204
-
205
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-byline {
206
- font-size: 1.2em !important;
207
- font-weight: 400;
208
- color: #fff;
209
- margin-top: 0.1em;
210
- padding: 0.2em 0.5em;
211
- background: rgba(23, 35, 34, 0.75);
212
- text-transform: none;
213
- line-height: normal;
214
- letter-spacing: normal;
215
- }
216
-
217
- .premium-video-box-playlist-container {
218
- -js-display: flex;
219
- display: -webkit-box;
220
- display: -webkit-flex;
221
- display: -moz-box;
222
- display: -ms-flexbox;
223
- display: flex;
224
- -webkit-flex-wrap: wrap;
225
- -ms-flex-wrap: wrap;
226
- flex-wrap: wrap;
227
- }
228
-
229
- .premium-video-box-playlist-container .premium-video-box-container {
230
- height: 100%;
231
- overflow: hidden;
232
- }
233
-
234
- .premium-video-box-container:hover .premium-video-box-image-container.zoomin {
235
- -webkit-transform: scale(1.1);
236
- -ms-transform: scale(1.1);
237
- transform: scale(1.1);
238
- }
239
-
240
- .premium-video-box-container:hover .premium-video-box-image-container.zoomout {
241
- -webkit-transform: scale(1);
242
- -ms-transform: scale(1);
243
- transform: scale(1);
244
- }
245
-
246
- .premium-video-box-container:hover .premium-video-box-image-container.scale {
247
- -webkit-transform: scale(1.3) rotate(-5deg);
248
- -ms-transform: scale(1.3) rotate(-5deg);
249
- transform: scale(1.3) rotate(-5deg);
250
- }
251
-
252
- .premium-video-box-container:hover .premium-video-box-image-container.gray {
253
- -webkit-filter: grayscale(0%);
254
- filter: grayscale(0%);
255
- }
256
-
257
- .premium-video-box-container:hover .premium-video-box-image-container.blur {
258
- -webkit-filter: blur(3px);
259
- filter: blur(3px);
260
- }
261
-
262
- .premium-video-box-container:hover .premium-video-box-image-container.sepia {
263
- -webkit-filter: sepia(0%);
264
- filter: sepia(0%);
265
- }
266
-
267
- .premium-video-box-container:hover .premium-video-box-image-container.trans {
268
- -webkit-transform: translateX(0px) scale(1.1);
269
- -ms-transform: translateX(0px) scale(1.1);
270
- transform: translateX(0px) scale(1.1);
271
- }
272
-
273
- .premium-video-box-container:hover .premium-video-box-image-container.bright {
274
- -webkit-filter: brightness(1.2);
275
- filter: brightness(1.2);
276
- }
277
-
278
- .premium-video-box-image-container.gray {
279
- -webkit-filter: grayscale(100%);
280
- filter: grayscale(100%);
281
- }
282
-
283
- .premium-video-box-image-container.zoomout,
284
- .premium-video-box-image-container.scale {
285
- -webkit-transform: scale(1.2);
286
- -ms-transform: scale(1.2);
287
- transform: scale(1.2);
288
- }
289
-
290
- .premium-video-box-image-container.sepia {
291
- -webkit-filter: sepia(30%);
292
- filter: sepia(30%);
293
- }
294
-
295
- .premium-video-box-image-container.bright {
296
- -webkit-filter: brightness(1);
297
- filter: brightness(1);
298
- }
299
-
300
- .premium-video-box-image-container.trans {
301
- -webkit-transform: translateX(15px) scale(1.1);
302
- -ms-transform: translateX(15px) scale(1.1);
303
- transform: translateX(15px) scale(1.1);
304
- }
305
-
306
- .premium-video-box-mask-media {
307
- -webkit-mask-repeat: no-repeat;
308
- mask-repeat: no-repeat;
309
- }
310
-
311
- /* Sticky Video Option */
312
- .premium-video-box-container.premium-video-box-sticky-apply {
313
- z-index: 99;
314
- overflow: unset;
315
- }
316
-
317
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
318
- position: fixed !important;
319
- z-index: 99999;
320
- height: 225px;
321
- width: 400px;
322
- background: #fff;
323
- }
324
-
325
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-vimeo-wrap,
326
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-container:before {
327
- visibility: hidden;
328
- }
329
-
330
- .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 {
331
- -webkit-box-shadow: unset;
332
- box-shadow: unset;
333
- }
334
-
335
- .premium-video-box-sticky-close,
336
- .premium-video-box-sticky-infobar {
337
- display: none;
338
- }
339
-
340
- .premium-video-box-sticky-apply .premium-video-box-sticky-close {
341
- position: absolute;
342
- padding: 5px;
343
- cursor: pointer;
344
- z-index: 99999;
345
- height: 14px;
346
- width: 14px;
347
- -webkit-box-sizing: content-box;
348
- -moz-box-sizing: content-box;
349
- box-sizing: content-box;
350
- -webkit-border-radius: 100%;
351
- border-radius: 100%;
352
- -js-display: flex;
353
- display: -webkit-box;
354
- display: -webkit-flex;
355
- display: -moz-box;
356
- display: -ms-flexbox;
357
- display: flex;
358
- -webkit-box-pack: center;
359
- -webkit-justify-content: center;
360
- -moz-box-pack: center;
361
- -ms-flex-pack: center;
362
- justify-content: center;
363
- -webkit-box-align: center;
364
- -webkit-align-items: center;
365
- -moz-box-align: center;
366
- -ms-flex-align: center;
367
- align-items: center;
368
- }
369
-
370
- .premium-video-box-sticky-apply .premium-video-box-play-icon-container {
371
- -js-display: flex;
372
- display: -webkit-box;
373
- display: -webkit-flex;
374
- display: -moz-box;
375
- display: -ms-flexbox;
376
- display: flex;
377
- }
378
-
379
- .premium-video-box-sticky-apply .premium-video-box-play-icon {
380
- -webkit-transition: none;
381
- transition: none;
382
- }
383
-
384
- .premium-video-box-sticky-apply .premium-video-box-sticky-infobar {
385
- display: block;
386
- position: relative;
387
- top: 100%;
388
- width: 100%;
389
- padding: 5px;
390
- text-align: center;
391
- z-index: 9999;
392
- margin-top: -1px;
393
- }
394
-
395
- .premium-video-box-sticky-apply .premium-video-box-inner-wrap.ui-draggable {
396
- cursor: move;
397
- }
398
-
399
- .premium-video-sticky-top-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
400
- left: auto;
401
- right: 20px;
402
- top: 20px;
403
- }
404
-
405
- .premium-video-sticky-bottom-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
406
- left: auto;
407
- right: 20px;
408
- bottom: 20px;
409
- }
410
-
411
- .premium-video-sticky-top-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
412
- right: auto;
413
- left: 20px;
414
- top: 20px;
415
- }
416
-
417
- .premium-video-sticky-bottom-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
418
- right: auto;
419
- left: 20px;
420
- bottom: 20px;
421
- }
422
-
423
- .premium-video-sticky-center-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
424
- left: auto;
425
- right: 20px;
426
- top: 50%;
427
- -webkit-transform: translateY(-50%);
428
- -ms-transform: translateY(-50%);
429
- transform: translateY(-50%);
430
- }
431
-
432
- .premium-video-sticky-center-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
433
- right: auto;
434
- left: 20px;
435
- top: 50%;
436
- -webkit-transform: translateY(-50%);
437
- -ms-transform: translateY(-50%);
438
- transform: translateY(-50%);
439
- }
440
-
441
- .premium-video-sticky-bottom-right .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap,
442
- .premium-video-sticky-bottom-left .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
443
- bottom: 55px;
444
- }
445
-
446
- .premium-video-sticky-top-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
447
- .premium-video-sticky-bottom-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
448
- .premium-video-sticky-center-left .premium-video-box-sticky-apply .premium-video-box-sticky-close {
449
- top: -10px;
450
- left: -10px;
451
- }
452
-
453
- .premium-video-sticky-top-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
454
- .premium-video-sticky-bottom-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
455
- .premium-video-sticky-center-right .premium-video-box-sticky-apply .premium-video-box-sticky-close {
456
- top: -10px;
457
- right: -10px;
458
- }
459
-
460
- .premium-video-box-filter-sticky {
461
- -webkit-filter: none !important;
462
- filter: none !important;
463
- }
464
-
465
- .premium-mscroll-yes.elementor-widget-premium-addon-video-box div {
466
- cursor: default;
467
  }
1
+ /**************** Premium Video Box ************/
2
+ /***********************************************/
3
+ .premium-video-box-transform {
4
+ -webkit-transform: none !important;
5
+ -ms-transform: none !important;
6
+ transform: none !important;
7
+ }
8
+
9
+ .premium-video-box-container {
10
+ -js-display: flex;
11
+ display: -webkit-box;
12
+ display: -webkit-flex;
13
+ display: -moz-box;
14
+ display: -ms-flexbox;
15
+ display: flex;
16
+ -webkit-box-orient: vertical;
17
+ -webkit-box-direction: normal;
18
+ -webkit-flex-direction: column;
19
+ -moz-box-orient: vertical;
20
+ -moz-box-direction: normal;
21
+ -ms-flex-direction: column;
22
+ flex-direction: column;
23
+ }
24
+
25
+ .premium-video-box-container>div {
26
+ position: relative;
27
+ overflow: hidden;
28
+ }
29
+
30
+ .pa-aspect-ratio-11 .premium-video-box-container>div {
31
+ padding-bottom: 100%;
32
+ }
33
+
34
+ .pa-aspect-ratio-169 .premium-video-box-container>div {
35
+ padding-bottom: 56.25%;
36
+ }
37
+
38
+ .pa-aspect-ratio-43 .premium-video-box-container>div {
39
+ padding-bottom: 75%;
40
+ }
41
+
42
+ .pa-aspect-ratio-32 .premium-video-box-container>div {
43
+ padding-bottom: 66.6666%;
44
+ }
45
+
46
+ .pa-aspect-ratio-219 .premium-video-box-container>div {
47
+ padding-bottom: 42.8571%;
48
+ }
49
+
50
+ .pa-aspect-ratio-916 .premium-video-box-container>div {
51
+ padding-bottom: 177.8%;
52
+ }
53
+
54
+ .premium-video-box-image-container {
55
+ position: absolute;
56
+ top: 0;
57
+ right: 0;
58
+ bottom: 0;
59
+ left: 0;
60
+ width: 100%;
61
+ height: 100%;
62
+ -webkit-background-size: cover;
63
+ background-size: cover;
64
+ background-position: 50%;
65
+ cursor: pointer;
66
+ margin: auto;
67
+ -webkit-transition: 0.2s all;
68
+ transition: 0.2s all;
69
+ }
70
+
71
+ .premium-video-box-play-icon-container {
72
+ position: absolute;
73
+ z-index: 2;
74
+ cursor: pointer;
75
+ -webkit-transform: translate(50%, -50%);
76
+ -ms-transform: translate(50%, -50%);
77
+ transform: translate(50%, -50%);
78
+ background: rgba(252, 252, 252, 0.35);
79
+ }
80
+
81
+ .premium-video-box-description-container {
82
+ position: absolute;
83
+ z-index: 2;
84
+ padding: 5px;
85
+ text-align: center;
86
+ cursor: pointer;
87
+ -webkit-transform: translate(50%, -50%);
88
+ -ms-transform: translate(50%, -50%);
89
+ transform: translate(50%, -50%);
90
+ }
91
+
92
+ .premium-video-box-text {
93
+ margin-bottom: 0 !important;
94
+ -webkit-transition: all 0.3s ease-in-out;
95
+ transition: all 0.3s ease-in-out;
96
+ }
97
+
98
+ .premium-video-box-play-icon {
99
+ padding: 15px;
100
+ -webkit-transform: translateX(-4%);
101
+ -ms-transform: translateX(-4%);
102
+ transform: translateX(-4%);
103
+ -webkit-transition: all 0.3s ease-in-out;
104
+ transition: all 0.3s ease-in-out;
105
+ }
106
+
107
+ .premium-video-box-video-container,
108
+ .premium-vid-lightbox-container {
109
+ position: absolute;
110
+ top: 0;
111
+ right: 0;
112
+ z-index: 2;
113
+ width: 100%;
114
+ height: 100%;
115
+ -webkit-transition: opacity 0.8s ease-in-out;
116
+ transition: opacity 0.8s ease-in-out;
117
+ overflow: hidden;
118
+ cursor: pointer;
119
+ }
120
+
121
+ .premium-video-box-container[data-overlay="true"][data-type="self"] .premium-video-box-video-container {
122
+ opacity: 0;
123
+ visibility: hidden;
124
+ }
125
+
126
+ .premium-video-box-video-container iframe {
127
+ max-width: 100%;
128
+ width: 100%;
129
+ height: 100%;
130
+ margin: 0;
131
+ line-height: 1;
132
+ border: none;
133
+ }
134
+
135
+ .premium-video-box-video-container video {
136
+ max-width: 100%;
137
+ width: 100%;
138
+ height: 100%;
139
+ margin: 0;
140
+ line-height: 1;
141
+ border: none;
142
+ background-color: #000;
143
+ -o-object-fit: contain;
144
+ object-fit: contain;
145
+ }
146
+
147
+ .premium-video-box-container .premium-video-box-vimeo-wrap {
148
+ -js-display: flex;
149
+ display: -webkit-box;
150
+ display: -webkit-flex;
151
+ display: -moz-box;
152
+ display: -ms-flexbox;
153
+ display: flex;
154
+ position: absolute;
155
+ top: 0;
156
+ right: 0;
157
+ z-index: 3;
158
+ margin: 10px;
159
+ margin-left: 10px;
160
+ -webkit-transition: opacity 0.2s ease-out;
161
+ transition: opacity 0.2s ease-out;
162
+ margin-left: 4.6em;
163
+ }
164
+
165
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-portrait {
166
+ width: 60px;
167
+ height: 60px;
168
+ background: rgba(23, 35, 34, 0.75);
169
+ margin-left: 1px;
170
+ -webkit-box-flex: 1;
171
+ -webkit-flex: 1 0 auto;
172
+ -moz-box-flex: 1;
173
+ -ms-flex: 1 0 auto;
174
+ flex: 1 0 auto;
175
+ padding: 0;
176
+ }
177
+
178
+ .premium-video-box-vimeo-portrait img {
179
+ width: 50px;
180
+ height: 50px;
181
+ margin: 5px;
182
+ padding: 0;
183
+ border: 0;
184
+ -webkit-border-radius: 50%;
185
+ border-radius: 50%;
186
+ }
187
+
188
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-headers {
189
+ font-size: 10px;
190
+ }
191
+
192
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-title {
193
+ max-width: 100%;
194
+ font-size: 2em !important;
195
+ font-weight: 700;
196
+ margin: 0;
197
+ padding: 0.1em 0.2em;
198
+ background: rgba(23, 35, 34, 0.75);
199
+ display: inline-block;
200
+ text-transform: none;
201
+ line-height: normal;
202
+ letter-spacing: normal;
203
+ }
204
+
205
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-byline {
206
+ font-size: 1.2em !important;
207
+ font-weight: 400;
208
+ color: #fff;
209
+ margin-top: 0.1em;
210
+ padding: 0.2em 0.5em;
211
+ background: rgba(23, 35, 34, 0.75);
212
+ text-transform: none;
213
+ line-height: normal;
214
+ letter-spacing: normal;
215
+ }
216
+
217
+ .premium-video-box-playlist-container {
218
+ -js-display: flex;
219
+ display: -webkit-box;
220
+ display: -webkit-flex;
221
+ display: -moz-box;
222
+ display: -ms-flexbox;
223
+ display: flex;
224
+ -webkit-flex-wrap: wrap;
225
+ -ms-flex-wrap: wrap;
226
+ flex-wrap: wrap;
227
+ }
228
+
229
+ .premium-video-box-playlist-container .premium-video-box-container {
230
+ height: 100%;
231
+ overflow: hidden;
232
+ }
233
+
234
+ .premium-video-box-container:hover .premium-video-box-image-container.zoomin {
235
+ -webkit-transform: scale(1.1);
236
+ -ms-transform: scale(1.1);
237
+ transform: scale(1.1);
238
+ }
239
+
240
+ .premium-video-box-container:hover .premium-video-box-image-container.zoomout {
241
+ -webkit-transform: scale(1);
242
+ -ms-transform: scale(1);
243
+ transform: scale(1);
244
+ }
245
+
246
+ .premium-video-box-container:hover .premium-video-box-image-container.scale {
247
+ -webkit-transform: scale(1.3) rotate(-5deg);
248
+ -ms-transform: scale(1.3) rotate(-5deg);
249
+ transform: scale(1.3) rotate(-5deg);
250
+ }
251
+
252
+ .premium-video-box-container:hover .premium-video-box-image-container.gray {
253
+ -webkit-filter: grayscale(0%);
254
+ filter: grayscale(0%);
255
+ }
256
+
257
+ .premium-video-box-container:hover .premium-video-box-image-container.blur {
258
+ -webkit-filter: blur(3px);
259
+ filter: blur(3px);
260
+ }
261
+
262
+ .premium-video-box-container:hover .premium-video-box-image-container.sepia {
263
+ -webkit-filter: sepia(0%);
264
+ filter: sepia(0%);
265
+ }
266
+
267
+ .premium-video-box-container:hover .premium-video-box-image-container.trans {
268
+ -webkit-transform: translateX(0px) scale(1.1);
269
+ -ms-transform: translateX(0px) scale(1.1);
270
+ transform: translateX(0px) scale(1.1);
271
+ }
272
+
273
+ .premium-video-box-container:hover .premium-video-box-image-container.bright {
274
+ -webkit-filter: brightness(1.2);
275
+ filter: brightness(1.2);
276
+ }
277
+
278
+ .premium-video-box-image-container.gray {
279
+ -webkit-filter: grayscale(100%);
280
+ filter: grayscale(100%);
281
+ }
282
+
283
+ .premium-video-box-image-container.zoomout,
284
+ .premium-video-box-image-container.scale {
285
+ -webkit-transform: scale(1.2);
286
+ -ms-transform: scale(1.2);
287
+ transform: scale(1.2);
288
+ }
289
+
290
+ .premium-video-box-image-container.sepia {
291
+ -webkit-filter: sepia(30%);
292
+ filter: sepia(30%);
293
+ }
294
+
295
+ .premium-video-box-image-container.bright {
296
+ -webkit-filter: brightness(1);
297
+ filter: brightness(1);
298
+ }
299
+
300
+ .premium-video-box-image-container.trans {
301
+ -webkit-transform: translateX(15px) scale(1.1);
302
+ -ms-transform: translateX(15px) scale(1.1);
303
+ transform: translateX(15px) scale(1.1);
304
+ }
305
+
306
+ .premium-video-box-mask-media {
307
+ -webkit-mask-repeat: no-repeat;
308
+ mask-repeat: no-repeat;
309
+ }
310
+
311
+ /* Sticky Video Option */
312
+ .premium-video-box-container.premium-video-box-sticky-apply {
313
+ z-index: 99;
314
+ overflow: unset;
315
+ }
316
+
317
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
318
+ position: fixed !important;
319
+ z-index: 99999;
320
+ height: 225px;
321
+ width: 400px;
322
+ background: #fff;
323
+ }
324
+
325
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-vimeo-wrap,
326
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-container:before {
327
+ visibility: hidden;
328
+ }
329
+
330
+ .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 {
331
+ -webkit-box-shadow: unset;
332
+ box-shadow: unset;
333
+ }
334
+
335
+ .premium-video-box-sticky-close,
336
+ .premium-video-box-sticky-infobar {
337
+ display: none;
338
+ }
339
+
340
+ .premium-video-box-sticky-apply .premium-video-box-sticky-close {
341
+ position: absolute;
342
+ padding: 5px;
343
+ cursor: pointer;
344
+ z-index: 99999;
345
+ height: 14px;
346
+ width: 14px;
347
+ -webkit-box-sizing: content-box;
348
+ -moz-box-sizing: content-box;
349
+ box-sizing: content-box;
350
+ -webkit-border-radius: 100%;
351
+ border-radius: 100%;
352
+ -js-display: flex;
353
+ display: -webkit-box;
354
+ display: -webkit-flex;
355
+ display: -moz-box;
356
+ display: -ms-flexbox;
357
+ display: flex;
358
+ -webkit-box-pack: center;
359
+ -webkit-justify-content: center;
360
+ -moz-box-pack: center;
361
+ -ms-flex-pack: center;
362
+ justify-content: center;
363
+ -webkit-box-align: center;
364
+ -webkit-align-items: center;
365
+ -moz-box-align: center;
366
+ -ms-flex-align: center;
367
+ align-items: center;
368
+ }
369
+
370
+ .premium-video-box-sticky-apply .premium-video-box-play-icon-container {
371
+ -js-display: flex;
372
+ display: -webkit-box;
373
+ display: -webkit-flex;
374
+ display: -moz-box;
375
+ display: -ms-flexbox;
376
+ display: flex;
377
+ }
378
+
379
+ .premium-video-box-sticky-apply .premium-video-box-play-icon {
380
+ -webkit-transition: none;
381
+ transition: none;
382
+ }
383
+
384
+ .premium-video-box-sticky-apply .premium-video-box-sticky-infobar {
385
+ display: block;
386
+ position: relative;
387
+ top: 100%;
388
+ width: 100%;
389
+ padding: 5px;
390
+ text-align: center;
391
+ z-index: 9999;
392
+ margin-top: -1px;
393
+ }
394
+
395
+ .premium-video-box-sticky-apply .premium-video-box-inner-wrap.ui-draggable {
396
+ cursor: move;
397
+ }
398
+
399
+ .premium-video-sticky-top-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
400
+ left: auto;
401
+ right: 20px;
402
+ top: 20px;
403
+ }
404
+
405
+ .premium-video-sticky-bottom-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
406
+ left: auto;
407
+ right: 20px;
408
+ bottom: 20px;
409
+ }
410
+
411
+ .premium-video-sticky-top-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
412
+ right: auto;
413
+ left: 20px;
414
+ top: 20px;
415
+ }
416
+
417
+ .premium-video-sticky-bottom-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
418
+ right: auto;
419
+ left: 20px;
420
+ bottom: 20px;
421
+ }
422
+
423
+ .premium-video-sticky-center-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
424
+ left: auto;
425
+ right: 20px;
426
+ top: 50%;
427
+ -webkit-transform: translateY(-50%);
428
+ -ms-transform: translateY(-50%);
429
+ transform: translateY(-50%);
430
+ }
431
+
432
+ .premium-video-sticky-center-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
433
+ right: auto;
434
+ left: 20px;
435
+ top: 50%;
436
+ -webkit-transform: translateY(-50%);
437
+ -ms-transform: translateY(-50%);
438
+ transform: translateY(-50%);
439
+ }
440
+
441
+ .premium-video-sticky-bottom-right .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap,
442
+ .premium-video-sticky-bottom-left .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
443
+ bottom: 55px;
444
+ }
445
+
446
+ .premium-video-sticky-top-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
447
+ .premium-video-sticky-bottom-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
448
+ .premium-video-sticky-center-left .premium-video-box-sticky-apply .premium-video-box-sticky-close {
449
+ top: -10px;
450
+ left: -10px;
451
+ }
452
+
453
+ .premium-video-sticky-top-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
454
+ .premium-video-sticky-bottom-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
455
+ .premium-video-sticky-center-right .premium-video-box-sticky-apply .premium-video-box-sticky-close {
456
+ top: -10px;
457
+ right: -10px;
458
+ }
459
+
460
+ .premium-video-box-filter-sticky {
461
+ -webkit-filter: none !important;
462
+ filter: none !important;
463
+ }
464
+
465
+ .premium-mscroll-yes.elementor-widget-premium-addon-video-box div {
466
+ cursor: default;
467
  }
assets/frontend/css/premium-video-box.css CHANGED
@@ -1,427 +1,427 @@
1
- /**************** Premium Video Box ************/
2
- /***********************************************/
3
- .premium-video-box-transform {
4
- -webkit-transform: none !important;
5
- -ms-transform: none !important;
6
- transform: none !important; }
7
-
8
- .premium-video-box-container {
9
- -js-display: flex;
10
- display: -webkit-box;
11
- display: -webkit-flex;
12
- display: -moz-box;
13
- display: -ms-flexbox;
14
- display: flex;
15
- -webkit-box-orient: vertical;
16
- -webkit-box-direction: normal;
17
- -webkit-flex-direction: column;
18
- -moz-box-orient: vertical;
19
- -moz-box-direction: normal;
20
- -ms-flex-direction: column;
21
- flex-direction: column; }
22
-
23
- .premium-video-box-container > div {
24
- position: relative;
25
- overflow: hidden; }
26
-
27
- .pa-aspect-ratio-11 .premium-video-box-container > div {
28
- padding-bottom: 100%; }
29
-
30
- .pa-aspect-ratio-169 .premium-video-box-container > div {
31
- padding-bottom: 56.25%; }
32
-
33
- .pa-aspect-ratio-43 .premium-video-box-container > div {
34
- padding-bottom: 75%; }
35
-
36
- .pa-aspect-ratio-32 .premium-video-box-container > div {
37
- padding-bottom: 66.6666%; }
38
-
39
- .pa-aspect-ratio-219 .premium-video-box-container > div {
40
- padding-bottom: 42.8571%; }
41
-
42
- .pa-aspect-ratio-916 .premium-video-box-container > div {
43
- padding-bottom: 177.8%; }
44
-
45
- .premium-video-box-image-container {
46
- position: absolute;
47
- top: 0;
48
- left: 0;
49
- bottom: 0;
50
- right: 0;
51
- width: 100%;
52
- height: 100%;
53
- -webkit-background-size: cover;
54
- background-size: cover;
55
- background-position: 50%;
56
- cursor: pointer;
57
- margin: auto;
58
- -webkit-transition: 0.2s all;
59
- transition: 0.2s all; }
60
-
61
- .premium-video-box-play-icon-container {
62
- position: absolute;
63
- z-index: 2;
64
- cursor: pointer;
65
- -webkit-transform: translate(-50%, -50%);
66
- -ms-transform: translate(-50%, -50%);
67
- transform: translate(-50%, -50%);
68
- background: rgba(252, 252, 252, 0.35); }
69
-
70
- .premium-video-box-description-container {
71
- position: absolute;
72
- z-index: 2;
73
- padding: 5px;
74
- text-align: center;
75
- cursor: pointer;
76
- -webkit-transform: translate(-50%, -50%);
77
- -ms-transform: translate(-50%, -50%);
78
- transform: translate(-50%, -50%); }
79
-
80
- .premium-video-box-text {
81
- margin-bottom: 0 !important;
82
- -webkit-transition: all 0.3s ease-in-out;
83
- transition: all 0.3s ease-in-out; }
84
-
85
- .premium-video-box-play-icon {
86
- padding: 15px;
87
- -webkit-transform: translateX(4%);
88
- -ms-transform: translateX(4%);
89
- transform: translateX(4%);
90
- -webkit-transition: all 0.3s ease-in-out;
91
- transition: all 0.3s ease-in-out; }
92
-
93
- .premium-video-box-video-container,
94
- .premium-vid-lightbox-container {
95
- position: absolute;
96
- top: 0;
97
- left: 0;
98
- z-index: 2;
99
- width: 100%;
100
- height: 100%;
101
- -webkit-transition: opacity 0.8s ease-in-out;
102
- transition: opacity 0.8s ease-in-out;
103
- overflow: hidden;
104
- cursor: pointer; }
105
-
106
- .premium-video-box-container[data-overlay="true"][data-type="self"] .premium-video-box-video-container {
107
- opacity: 0;
108
- visibility: hidden; }
109
-
110
- .premium-video-box-video-container iframe {
111
- max-width: 100%;
112
- width: 100%;
113
- height: 100%;
114
- margin: 0;
115
- line-height: 1;
116
- border: none; }
117
-
118
- .premium-video-box-video-container video {
119
- max-width: 100%;
120
- width: 100%;
121
- height: 100%;
122
- margin: 0;
123
- line-height: 1;
124
- border: none;
125
- background-color: #000;
126
- -o-object-fit: contain;
127
- object-fit: contain; }
128
-
129
- .premium-video-box-container .premium-video-box-vimeo-wrap {
130
- -js-display: flex;
131
- display: -webkit-box;
132
- display: -webkit-flex;
133
- display: -moz-box;
134
- display: -ms-flexbox;
135
- display: flex;
136
- position: absolute;
137
- top: 0;
138
- left: 0;
139
- z-index: 3;
140
- margin: 10px;
141
- margin-right: 10px;
142
- -webkit-transition: opacity 0.2s ease-out;
143
- transition: opacity 0.2s ease-out;
144
- margin-right: 4.6em; }
145
-
146
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-portrait {
147
- width: 60px;
148
- height: 60px;
149
- background: rgba(23, 35, 34, 0.75);
150
- margin-right: 1px;
151
- -webkit-box-flex: 1;
152
- -webkit-flex: 1 0 auto;
153
- -moz-box-flex: 1;
154
- -ms-flex: 1 0 auto;
155
- flex: 1 0 auto;
156
- padding: 0; }
157
-
158
- .premium-video-box-vimeo-portrait img {
159
- width: 50px;
160
- height: 50px;
161
- margin: 5px;
162
- padding: 0;
163
- border: 0;
164
- -webkit-border-radius: 50%;
165
- border-radius: 50%; }
166
-
167
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-headers {
168
- font-size: 10px; }
169
-
170
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-title {
171
- max-width: 100%;
172
- font-size: 2em !important;
173
- font-weight: 700;
174
- margin: 0;
175
- padding: 0.1em 0.2em;
176
- background: rgba(23, 35, 34, 0.75);
177
- display: inline-block;
178
- text-transform: none;
179
- line-height: normal;
180
- letter-spacing: normal; }
181
-
182
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-byline {
183
- font-size: 1.2em !important;
184
- font-weight: 400;
185
- color: #fff;
186
- margin-top: 0.1em;
187
- padding: 0.2em 0.5em;
188
- background: rgba(23, 35, 34, 0.75);
189
- text-transform: none;
190
- line-height: normal;
191
- letter-spacing: normal; }
192
-
193
- .premium-video-box-playlist-container {
194
- -js-display: flex;
195
- display: -webkit-box;
196
- display: -webkit-flex;
197
- display: -moz-box;
198
- display: -ms-flexbox;
199
- display: flex;
200
- -webkit-flex-wrap: wrap;
201
- -ms-flex-wrap: wrap;
202
- flex-wrap: wrap; }
203
- .premium-video-box-playlist-container .premium-video-box-container {
204
- height: 100%;
205
- overflow: hidden; }
206
-
207
- .premium-video-box-container:hover .premium-video-box-image-container.zoomin {
208
- -webkit-transform: scale(1.1);
209
- -ms-transform: scale(1.1);
210
- transform: scale(1.1); }
211
-
212
- .premium-video-box-container:hover .premium-video-box-image-container.zoomout {
213
- -webkit-transform: scale(1);
214
- -ms-transform: scale(1);
215
- transform: scale(1); }
216
-
217
- .premium-video-box-container:hover .premium-video-box-image-container.scale {
218
- -webkit-transform: scale(1.3) rotate(5deg);
219
- -ms-transform: scale(1.3) rotate(5deg);
220
- transform: scale(1.3) rotate(5deg); }
221
-
222
- .premium-video-box-container:hover .premium-video-box-image-container.gray {
223
- -webkit-filter: grayscale(0%);
224
- filter: grayscale(0%); }
225
-
226
- .premium-video-box-container:hover .premium-video-box-image-container.blur {
227
- -webkit-filter: blur(3px);
228
- filter: blur(3px); }
229
-
230
- .premium-video-box-container:hover .premium-video-box-image-container.sepia {
231
- -webkit-filter: sepia(0%);
232
- filter: sepia(0%); }
233
-
234
- .premium-video-box-container:hover .premium-video-box-image-container.trans {
235
- -webkit-transform: translateX(0px) scale(1.1);
236
- -ms-transform: translateX(0px) scale(1.1);
237
- transform: translateX(0px) scale(1.1); }
238
-
239
- .premium-video-box-container:hover .premium-video-box-image-container.bright {
240
- -webkit-filter: brightness(1.2);
241
- filter: brightness(1.2); }
242
-
243
- .premium-video-box-image-container.gray {
244
- -webkit-filter: grayscale(100%);
245
- filter: grayscale(100%); }
246
-
247
- .premium-video-box-image-container.zoomout, .premium-video-box-image-container.scale {
248
- -webkit-transform: scale(1.2);
249
- -ms-transform: scale(1.2);
250
- transform: scale(1.2); }
251
-
252
- .premium-video-box-image-container.sepia {
253
- -webkit-filter: sepia(30%);
254
- filter: sepia(30%); }
255
-
256
- .premium-video-box-image-container.bright {
257
- -webkit-filter: brightness(1);
258
- filter: brightness(1); }
259
-
260
- .premium-video-box-image-container.trans {
261
- -webkit-transform: translateX(-15px) scale(1.1);
262
- -ms-transform: translateX(-15px) scale(1.1);
263
- transform: translateX(-15px) scale(1.1); }
264
-
265
- .premium-video-box-mask-media {
266
- -webkit-mask-repeat: no-repeat;
267
- mask-repeat: no-repeat; }
268
-
269
- /* Sticky Video Option */
270
- .premium-video-box-container.premium-video-box-sticky-apply {
271
- z-index: 99;
272
- overflow: unset; }
273
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
274
- position: fixed !important;
275
- z-index: 99999;
276
- height: 225px;
277
- width: 400px;
278
- background: #fff; }
279
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-vimeo-wrap,
280
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-container:before {
281
- visibility: hidden; }
282
- .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 {
283
- -webkit-box-shadow: unset;
284
- box-shadow: unset; }
285
-
286
- .premium-video-box-sticky-close,
287
- .premium-video-box-sticky-infobar {
288
- display: none; }
289
-
290
- .premium-video-box-sticky-apply .premium-video-box-sticky-close {
291
- position: absolute;
292
- padding: 5px;
293
- cursor: pointer;
294
- z-index: 99999;
295
- height: 14px;
296
- width: 14px;
297
- -webkit-box-sizing: content-box;
298
- -moz-box-sizing: content-box;
299
- box-sizing: content-box;
300
- -webkit-border-radius: 100%;
301
- border-radius: 100%;
302
- -js-display: flex;
303
- display: -webkit-box;
304
- display: -webkit-flex;
305
- display: -moz-box;
306
- display: -ms-flexbox;
307
- display: flex;
308
- -webkit-box-pack: center;
309
- -webkit-justify-content: center;
310
- -moz-box-pack: center;
311
- -ms-flex-pack: center;
312
- justify-content: center;
313
- -webkit-box-align: center;
314
- -webkit-align-items: center;
315
- -moz-box-align: center;
316
- -ms-flex-align: center;
317
- align-items: center; }
318
-
319
- .premium-video-box-sticky-apply .premium-video-box-play-icon-container {
320
- -js-display: flex;
321
- display: -webkit-box;
322
- display: -webkit-flex;
323
- display: -moz-box;
324
- display: -ms-flexbox;
325
- display: flex; }
326
-
327
- .premium-video-box-sticky-apply .premium-video-box-play-icon {
328
- -webkit-transition: none;
329
- transition: none; }
330
-
331
- .premium-video-box-sticky-apply .premium-video-box-sticky-infobar {
332
- display: block;
333
- position: relative;
334
- top: 100%;
335
- width: 100%;
336
- padding: 5px;
337
- text-align: center;
338
- z-index: 9999;
339
- margin-top: -1px; }
340
-
341
- .premium-video-box-sticky-apply .premium-video-box-inner-wrap.ui-draggable {
342
- cursor: move; }
343
-
344
- .premium-video-sticky-top-left
345
- .premium-video-box-container.premium-video-box-sticky-apply
346
- .premium-video-box-inner-wrap {
347
- right: auto;
348
- left: 20px;
349
- top: 20px; }
350
-
351
- .premium-video-sticky-bottom-left
352
- .premium-video-box-container.premium-video-box-sticky-apply
353
- .premium-video-box-inner-wrap {
354
- right: auto;
355
- left: 20px;
356
- bottom: 20px; }
357
-
358
- .premium-video-sticky-top-right
359
- .premium-video-box-container.premium-video-box-sticky-apply
360
- .premium-video-box-inner-wrap {
361
- left: auto;
362
- right: 20px;
363
- top: 20px; }
364
-
365
- .premium-video-sticky-bottom-right
366
- .premium-video-box-container.premium-video-box-sticky-apply
367
- .premium-video-box-inner-wrap {
368
- left: auto;
369
- right: 20px;
370
- bottom: 20px; }
371
-
372
- .premium-video-sticky-center-left
373
- .premium-video-box-container.premium-video-box-sticky-apply
374
- .premium-video-box-inner-wrap {
375
- right: auto;
376
- left: 20px;
377
- top: 50%;
378
- -webkit-transform: translateY(-50%);
379
- -ms-transform: translateY(-50%);
380
- transform: translateY(-50%); }
381
-
382
- .premium-video-sticky-center-right
383
- .premium-video-box-container.premium-video-box-sticky-apply
384
- .premium-video-box-inner-wrap {
385
- left: auto;
386
- right: 20px;
387
- top: 50%;
388
- -webkit-transform: translateY(-50%);
389
- -ms-transform: translateY(-50%);
390
- transform: translateY(-50%); }
391
-
392
- .premium-video-sticky-bottom-right
393
- .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply
394
- .premium-video-box-inner-wrap,
395
- .premium-video-sticky-bottom-left
396
- .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply
397
- .premium-video-box-inner-wrap {
398
- bottom: 55px; }
399
-
400
- .premium-video-sticky-top-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
401
- .premium-video-sticky-bottom-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
402
- .premium-video-sticky-center-left .premium-video-box-sticky-apply .premium-video-box-sticky-close {
403
- top: -10px;
404
- right: -10px; }
405
-
406
- .premium-video-sticky-top-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
407
- .premium-video-sticky-bottom-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
408
- .premium-video-sticky-center-right .premium-video-box-sticky-apply .premium-video-box-sticky-close {
409
- top: -10px;
410
- left: -10px; }
411
-
412
- .premium-video-box-filter-sticky {
413
- -webkit-filter: none !important;
414
- filter: none !important; }
415
-
416
- .premium-mscroll-yes.elementor-widget-premium-addon-video-box div {
417
- cursor: default; }
418
-
419
- .premium-video-box-background {
420
- width: 100%; }
421
-
422
- .premium-video-box-background + div {
423
- position: absolute;
424
- width: 80%;
425
- height: 80%;
426
- top: 0;
427
- left: 0; }
1
+ /**************** Premium Video Box ************/
2
+ /***********************************************/
3
+ .premium-video-box-transform {
4
+ -webkit-transform: none !important;
5
+ -ms-transform: none !important;
6
+ transform: none !important; }
7
+
8
+ .premium-video-box-container {
9
+ -js-display: flex;
10
+ display: -webkit-box;
11
+ display: -webkit-flex;
12
+ display: -moz-box;
13
+ display: -ms-flexbox;
14
+ display: flex;
15
+ -webkit-box-orient: vertical;
16
+ -webkit-box-direction: normal;
17
+ -webkit-flex-direction: column;
18
+ -moz-box-orient: vertical;
19
+ -moz-box-direction: normal;
20
+ -ms-flex-direction: column;
21
+ flex-direction: column; }
22
+
23
+ .premium-video-box-container > div {
24
+ position: relative;
25
+ overflow: hidden; }
26
+
27
+ .pa-aspect-ratio-11 .premium-video-box-container > div {
28
+ padding-bottom: 100%; }
29
+
30
+ .pa-aspect-ratio-169 .premium-video-box-container > div {
31
+ padding-bottom: 56.25%; }
32
+
33
+ .pa-aspect-ratio-43 .premium-video-box-container > div {
34
+ padding-bottom: 75%; }
35
+
36
+ .pa-aspect-ratio-32 .premium-video-box-container > div {
37
+ padding-bottom: 66.6666%; }
38
+
39
+ .pa-aspect-ratio-219 .premium-video-box-container > div {
40
+ padding-bottom: 42.8571%; }
41
+
42
+ .pa-aspect-ratio-916 .premium-video-box-container > div {
43
+ padding-bottom: 177.8%; }
44
+
45
+ .premium-video-box-image-container {
46
+ position: absolute;
47
+ top: 0;
48
+ left: 0;
49
+ bottom: 0;
50
+ right: 0;
51
+ width: 100%;
52
+ height: 100%;
53
+ -webkit-background-size: cover;
54
+ background-size: cover;
55
+ background-position: 50%;
56
+ cursor: pointer;
57
+ margin: auto;
58
+ -webkit-transition: 0.2s all;
59
+ transition: 0.2s all; }
60
+
61
+ .premium-video-box-play-icon-container {
62
+ position: absolute;
63
+ z-index: 2;
64
+ cursor: pointer;
65
+ -webkit-transform: translate(-50%, -50%);
66
+ -ms-transform: translate(-50%, -50%);
67
+ transform: translate(-50%, -50%);
68
+ background: rgba(252, 252, 252, 0.35); }
69
+
70
+ .premium-video-box-description-container {
71
+ position: absolute;
72
+ z-index: 2;
73
+ padding: 5px;
74
+ text-align: center;
75
+ cursor: pointer;
76
+ -webkit-transform: translate(-50%, -50%);
77
+ -ms-transform: translate(-50%, -50%);
78
+ transform: translate(-50%, -50%); }
79
+
80
+ .premium-video-box-text {
81
+ margin-bottom: 0 !important;
82
+ -webkit-transition: all 0.3s ease-in-out;
83
+ transition: all 0.3s ease-in-out; }
84
+
85
+ .premium-video-box-play-icon {
86
+ padding: 15px;
87
+ -webkit-transform: translateX(4%);
88
+ -ms-transform: translateX(4%);
89
+ transform: translateX(4%);
90
+ -webkit-transition: all 0.3s ease-in-out;
91
+ transition: all 0.3s ease-in-out; }
92
+
93
+ .premium-video-box-video-container,
94
+ .premium-vid-lightbox-container {
95
+ position: absolute;
96
+ top: 0;
97
+ left: 0;
98
+ z-index: 2;
99
+ width: 100%;
100
+ height: 100%;
101
+ -webkit-transition: opacity 0.8s ease-in-out;
102
+ transition: opacity 0.8s ease-in-out;
103
+ overflow: hidden;
104
+ cursor: pointer; }
105
+
106
+ .premium-video-box-container[data-overlay="true"][data-type="self"] .premium-video-box-video-container {
107
+ opacity: 0;
108
+ visibility: hidden; }
109
+
110
+ .premium-video-box-video-container iframe {
111
+ max-width: 100%;
112
+ width: 100%;
113
+ height: 100%;
114
+ margin: 0;
115
+ line-height: 1;
116
+ border: none; }
117
+
118
+ .premium-video-box-video-container video {
119
+ max-width: 100%;
120
+ width: 100%;
121
+ height: 100%;
122
+ margin: 0;
123
+ line-height: 1;
124
+ border: none;
125
+ background-color: #000;
126
+ -o-object-fit: contain;
127
+ object-fit: contain; }
128
+
129
+ .premium-video-box-container .premium-video-box-vimeo-wrap {
130
+ -js-display: flex;
131
+ display: -webkit-box;
132
+ display: -webkit-flex;
133
+ display: -moz-box;
134
+ display: -ms-flexbox;
135
+ display: flex;
136
+ position: absolute;
137
+ top: 0;
138
+ left: 0;
139
+ z-index: 3;
140
+ margin: 10px;
141
+ margin-right: 10px;
142
+ -webkit-transition: opacity 0.2s ease-out;
143
+ transition: opacity 0.2s ease-out;
144
+ margin-right: 4.6em; }
145
+
146
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-portrait {
147
+ width: 60px;
148
+ height: 60px;
149
+ background: rgba(23, 35, 34, 0.75);
150
+ margin-right: 1px;
151
+ -webkit-box-flex: 1;
152
+ -webkit-flex: 1 0 auto;
153
+ -moz-box-flex: 1;
154
+ -ms-flex: 1 0 auto;
155
+ flex: 1 0 auto;
156
+ padding: 0; }
157
+
158
+ .premium-video-box-vimeo-portrait img {
159
+ width: 50px;
160
+ height: 50px;
161
+ margin: 5px;
162
+ padding: 0;
163
+ border: 0;
164
+ -webkit-border-radius: 50%;
165
+ border-radius: 50%; }
166
+
167
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-headers {
168
+ font-size: 10px; }
169
+
170
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-title {
171
+ max-width: 100%;
172
+ font-size: 2em !important;
173
+ font-weight: 700;
174
+ margin: 0;
175
+ padding: 0.1em 0.2em;
176
+ background: rgba(23, 35, 34, 0.75);
177
+ display: inline-block;
178
+ text-transform: none;
179
+ line-height: normal;
180
+ letter-spacing: normal; }
181
+
182
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-byline {
183
+ font-size: 1.2em !important;
184
+ font-weight: 400;
185
+ color: #fff;
186
+ margin-top: 0.1em;
187
+ padding: 0.2em 0.5em;
188
+ background: rgba(23, 35, 34, 0.75);
189
+ text-transform: none;
190
+ line-height: normal;
191
+ letter-spacing: normal; }
192
+
193
+ .premium-video-box-playlist-container {
194
+ -js-display: flex;
195
+ display: -webkit-box;
196
+ display: -webkit-flex;
197
+ display: -moz-box;
198
+ display: -ms-flexbox;
199
+ display: flex;
200
+ -webkit-flex-wrap: wrap;
201
+ -ms-flex-wrap: wrap;
202
+ flex-wrap: wrap; }
203
+ .premium-video-box-playlist-container .premium-video-box-container {
204
+ height: 100%;
205
+ overflow: hidden; }
206
+
207
+ .premium-video-box-container:hover .premium-video-box-image-container.zoomin {
208
+ -webkit-transform: scale(1.1);
209
+ -ms-transform: scale(1.1);
210
+ transform: scale(1.1); }
211
+
212
+ .premium-video-box-container:hover .premium-video-box-image-container.zoomout {
213
+ -webkit-transform: scale(1);
214
+ -ms-transform: scale(1);
215
+ transform: scale(1); }
216
+
217
+ .premium-video-box-container:hover .premium-video-box-image-container.scale {
218
+ -webkit-transform: scale(1.3) rotate(5deg);
219
+ -ms-transform: scale(1.3) rotate(5deg);
220
+ transform: scale(1.3) rotate(5deg); }
221
+
222
+ .premium-video-box-container:hover .premium-video-box-image-container.gray {
223
+ -webkit-filter: grayscale(0%);
224
+ filter: grayscale(0%); }
225
+
226
+ .premium-video-box-container:hover .premium-video-box-image-container.blur {
227
+ -webkit-filter: blur(3px);
228
+ filter: blur(3px); }
229
+
230
+ .premium-video-box-container:hover .premium-video-box-image-container.sepia {
231
+ -webkit-filter: sepia(0%);
232
+ filter: sepia(0%); }
233
+
234
+ .premium-video-box-container:hover .premium-video-box-image-container.trans {
235
+ -webkit-transform: translateX(0px) scale(1.1);
236
+ -ms-transform: translateX(0px) scale(1.1);
237
+ transform: translateX(0px) scale(1.1); }
238
+
239
+ .premium-video-box-container:hover .premium-video-box-image-container.bright {
240
+ -webkit-filter: brightness(1.2);
241
+ filter: brightness(1.2); }
242
+
243
+ .premium-video-box-image-container.gray {
244
+ -webkit-filter: grayscale(100%);
245
+ filter: grayscale(100%); }
246
+
247
+ .premium-video-box-image-container.zoomout, .premium-video-box-image-container.scale {
248
+ -webkit-transform: scale(1.2);
249
+ -ms-transform: scale(1.2);
250
+ transform: scale(1.2); }
251
+
252
+ .premium-video-box-image-container.sepia {
253
+ -webkit-filter: sepia(30%);
254
+ filter: sepia(30%); }
255
+
256
+ .premium-video-box-image-container.bright {
257
+ -webkit-filter: brightness(1);
258
+ filter: brightness(1); }
259
+
260
+ .premium-video-box-image-container.trans {
261
+ -webkit-transform: translateX(-15px) scale(1.1);
262
+ -ms-transform: translateX(-15px) scale(1.1);
263
+ transform: translateX(-15px) scale(1.1); }
264
+
265
+ .premium-video-box-mask-media {
266
+ -webkit-mask-repeat: no-repeat;
267
+ mask-repeat: no-repeat; }
268
+
269
+ /* Sticky Video Option */
270
+ .premium-video-box-container.premium-video-box-sticky-apply {
271
+ z-index: 99;
272
+ overflow: unset; }
273
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
274
+ position: fixed !important;
275
+ z-index: 99999;
276
+ height: 225px;
277
+ width: 400px;
278
+ background: #fff; }
279
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-vimeo-wrap,
280
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-container:before {
281
+ visibility: hidden; }
282
+ .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 {
283
+ -webkit-box-shadow: unset;
284
+ box-shadow: unset; }
285
+
286
+ .premium-video-box-sticky-close,
287
+ .premium-video-box-sticky-infobar {
288
+ display: none; }
289
+
290
+ .premium-video-box-sticky-apply .premium-video-box-sticky-close {
291
+ position: absolute;
292
+ padding: 5px;
293
+ cursor: pointer;
294
+ z-index: 99999;
295
+ height: 14px;
296
+ width: 14px;
297
+ -webkit-box-sizing: content-box;
298
+ -moz-box-sizing: content-box;
299
+ box-sizing: content-box;
300
+ -webkit-border-radius: 100%;
301
+ border-radius: 100%;
302
+ -js-display: flex;
303
+ display: -webkit-box;
304
+ display: -webkit-flex;
305
+ display: -moz-box;
306
+ display: -ms-flexbox;
307
+ display: flex;
308
+ -webkit-box-pack: center;
309
+ -webkit-justify-content: center;
310
+ -moz-box-pack: center;
311
+ -ms-flex-pack: center;
312
+ justify-content: center;
313
+ -webkit-box-align: center;
314
+ -webkit-align-items: center;
315
+ -moz-box-align: center;
316
+ -ms-flex-align: center;
317
+ align-items: center; }
318
+
319
+ .premium-video-box-sticky-apply .premium-video-box-play-icon-container {
320
+ -js-display: flex;
321
+ display: -webkit-box;
322
+ display: -webkit-flex;
323
+ display: -moz-box;
324
+ display: -ms-flexbox;
325
+ display: flex; }
326
+
327
+ .premium-video-box-sticky-apply .premium-video-box-play-icon {
328
+ -webkit-transition: none;
329
+ transition: none; }
330
+
331
+ .premium-video-box-sticky-apply .premium-video-box-sticky-infobar {
332
+ display: block;
333
+ position: relative;
334
+ top: 100%;
335
+ width: 100%;
336
+ padding: 5px;
337
+ text-align: center;
338
+ z-index: 9999;
339
+ margin-top: -1px; }
340
+
341
+ .premium-video-box-sticky-apply .premium-video-box-inner-wrap.ui-draggable {
342
+ cursor: move; }
343
+
344
+ .premium-video-sticky-top-left
345
+ .premium-video-box-container.premium-video-box-sticky-apply
346
+ .premium-video-box-inner-wrap {
347
+ right: auto;
348
+ left: 20px;
349
+ top: 20px; }
350
+
351
+ .premium-video-sticky-bottom-left
352
+ .premium-video-box-container.premium-video-box-sticky-apply
353
+ .premium-video-box-inner-wrap {
354
+ right: auto;
355
+ left: 20px;
356
+ bottom: 20px; }
357
+
358
+ .premium-video-sticky-top-right
359
+ .premium-video-box-container.premium-video-box-sticky-apply
360
+ .premium-video-box-inner-wrap {
361
+ left: auto;
362
+ right: 20px;
363
+ top: 20px; }
364
+
365
+ .premium-video-sticky-bottom-right
366
+ .premium-video-box-container.premium-video-box-sticky-apply
367
+ .premium-video-box-inner-wrap {
368
+ left: auto;
369
+ right: 20px;
370
+ bottom: 20px; }
371
+
372
+ .premium-video-sticky-center-left
373
+ .premium-video-box-container.premium-video-box-sticky-apply
374
+ .premium-video-box-inner-wrap {
375
+ right: auto;
376
+ left: 20px;
377
+ top: 50%;
378
+ -webkit-transform: translateY(-50%);
379
+ -ms-transform: translateY(-50%);
380
+ transform: translateY(-50%); }
381
+
382
+ .premium-video-sticky-center-right
383
+ .premium-video-box-container.premium-video-box-sticky-apply
384
+ .premium-video-box-inner-wrap {
385
+ left: auto;
386
+ right: 20px;
387
+ top: 50%;
388
+ -webkit-transform: translateY(-50%);
389
+ -ms-transform: translateY(-50%);
390
+ transform: translateY(-50%); }
391
+
392
+ .premium-video-sticky-bottom-right
393
+ .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply
394
+ .premium-video-box-inner-wrap,
395
+ .premium-video-sticky-bottom-left
396
+ .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply
397
+ .premium-video-box-inner-wrap {
398
+ bottom: 55px; }
399
+
400
+ .premium-video-sticky-top-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
401
+ .premium-video-sticky-bottom-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
402
+ .premium-video-sticky-center-left .premium-video-box-sticky-apply .premium-video-box-sticky-close {
403
+ top: -10px;
404
+ right: -10px; }
405
+
406
+ .premium-video-sticky-top-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
407
+ .premium-video-sticky-bottom-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
408
+ .premium-video-sticky-center-right .premium-video-box-sticky-apply .premium-video-box-sticky-close {
409
+ top: -10px;
410
+ left: -10px; }
411
+
412
+ .premium-video-box-filter-sticky {
413
+ -webkit-filter: none !important;
414
+ filter: none !important; }
415
+
416
+ .premium-mscroll-yes.elementor-widget-premium-addon-video-box div {
417
+ cursor: default; }
418
+
419
+ .premium-video-box-background {
420
+ width: 100%; }
421
+
422
+ .premium-video-box-background + div {
423
+ position: absolute;
424
+ width: 80%;
425
+ height: 80%;
426
+ top: 0;
427
+ left: 0; }
assets/frontend/css/premium-vscroll.css CHANGED
@@ -1,246 +1,246 @@
1
- /************ Premium Vertical Scroll ************/
2
- /*************************************************/
3
- .premium-vscroll-inner {
4
- position: relative;
5
- min-height: 100%; }
6
- .premium-vscroll-inner .premium-vscroll-dots {
7
- position: fixed;
8
- z-index: 100;
9
- opacity: 1;
10
- margin-top: -32px;
11
- -webkit-transition: all 0.3s ease-in-out;
12
- transition: all 0.3s ease-in-out; }
13
-
14
- .premium-vscroll-wrap .premium-vscroll-nav-menu {
15
- opacity: 1;
16
- -webkit-transition: all 0.3s ease-in-out;
17
- transition: all 0.3s ease-in-out; }
18
-
19
- .premium-vscroll-inner .premium-vscroll-dots,
20
- .premium-vscroll-wrap .premium-vscroll-dots-hide {
21
- opacity: 0;
22
- visibility: hidden; }
23
-
24
- .premium-vscroll-nav-dots-yes .premium-vscroll-inner .premium-vscroll-dots:not(.premium-vscroll-dots-hide) {
25
- opacity: 1;
26
- visibility: visible; }
27
-
28
- .premium-vscroll-dots.middle {
29
- top: 50%;
30
- margin-top: 0;
31
- -webkit-transform: translateY(-50%);
32
- -ms-transform: translateY(-50%);
33
- transform: translateY(-50%); }
34
-
35
- .premium-vscroll-dots.top {
36
- top: 40px; }
37
-
38
- .premium-vscroll-dots.bottom {
39
- bottom: 30px; }
40
-
41
- .premium-vscroll-dots.right {
42
- right: 17px; }
43
-
44
- .premium-vscroll-dots.left {
45
- left: 17px; }
46
-
47
- .premium-vscroll-inner ul.premium-vscroll-dots-list,
48
- .premium-vscroll-wrap .premium-vscroll-nav-menu {
49
- margin: 0 !important;
50
- padding: 0; }
51
-
52
- .premium-vscroll-inner ul.premium-vscroll-dots-list li {
53
- width: 14px;
54
- height: 13px;
55
- margin: 7px;
56
- position: relative;
57
- -js-display: flex;
58
- display: -webkit-box;
59
- display: -webkit-flex;
60
- display: -moz-box;
61
- display: -ms-flexbox;
62
- display: flex;
63
- -webkit-box-pack: center;
64
- -webkit-justify-content: center;
65
- -moz-box-pack: center;
66
- -ms-flex-pack: center;
67
- justify-content: center;
68
- -webkit-box-align: center;
69
- -webkit-align-items: center;
70
- -moz-box-align: center;
71
- -ms-flex-align: center;
72
- align-items: center;
73
- overflow: visible; }
74
-
75
- .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link {
76
- display: block;
77
- position: relative;
78
- z-index: 1;
79
- width: 100%;
80
- height: 100%;
81
- cursor: pointer;
82
- text-decoration: none; }
83
- .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link span {
84
- top: 2px;
85
- left: 2.5px;
86
- width: 8px;
87
- height: 8px;
88
- border: 1px solid #000;
89
- -webkit-border-radius: 50%;
90
- border-radius: 50%;
91
- position: absolute;
92
- z-index: 1;
93
- -webkit-transition: all 0.3s ease-in-out;
94
- transition: all 0.3s ease-in-out; }
95
-
96
- .premium-vscroll-inner .premium-vscroll-dot-item.active .premium-vscroll-nav-link span {
97
- -webkit-transform: scale(1.6);
98
- -ms-transform: scale(1.6);
99
- transform: scale(1.6); }
100
-
101
- .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-tooltip {
102
- position: absolute;
103
- color: #fff;
104
- font-size: 14px;
105
- font-family: arial, helvetica, sans-serif;
106
- white-space: nowrap;
107
- max-width: 220px;
108
- padding-left: 0.4em;
109
- padding-right: 0.4em; }
110
-
111
- .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip {
112
- right: 27px; }
113
-
114
- .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item {
115
- width: 4px;
116
- height: 30px; }
117
- .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item span {
118
- width: 100%;
119
- height: 100%;
120
- -webkit-border-radius: 0;
121
- border-radius: 0; }
122
- .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item.active span {
123
- -webkit-transform: scale(1);
124
- -ms-transform: scale(1);
125
- transform: scale(1); }
126
-
127
- .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip::after {
128
- position: absolute;
129
- top: 50%;
130
- content: "";
131
- left: -webkit-calc(100% - 1px);
132
- left: calc(100% - 1px);
133
- width: 10px;
134
- height: 0;
135
- border-top: 6px solid transparent;
136
- border-bottom: 6px solid transparent;
137
- border-left: 6px solid;
138
- -webkit-transform: translateY(-50%);
139
- -ms-transform: translateY(-50%);
140
- transform: translateY(-50%); }
141
-
142
- .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip {
143
- left: 27px; }
144
- .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip::after {
145
- position: absolute;
146
- top: 50%;
147
- content: "";
148
- right: -webkit-calc(100% - 1px);
149
- right: calc(100% - 1px);
150
- width: 10px;
151
- height: 0;
152
- border-top: 6px solid transparent;
153
- border-bottom: 6px solid transparent;
154
- border-right: 6px solid;
155
- -webkit-transform: translateY(-50%);
156
- -ms-transform: translateY(-50%);
157
- transform: translateY(-50%); }
158
-
159
- /* * Lines */
160
- @media (max-width: 768px) {
161
- .premium-vscroll-dots.right {
162
- right: 7px; }
163
- .premium-vscroll-dots.left {
164
- left: 7px; } }
165
-
166
- .premium-vscroll-nav-menu {
167
- position: fixed;
168
- top: 20px;
169
- height: 40px;
170
- z-index: 100;
171
- padding: 0;
172
- margin: 0; }
173
- .premium-vscroll-nav-menu.left {
174
- left: 0; }
175
- .premium-vscroll-nav-menu.right {
176
- right: 0; }
177
- .premium-vscroll-nav-menu .premium-vscroll-nav-item {
178
- display: inline-block;
179
- margin: 10px;
180
- color: #000;
181
- background: #fff;
182
- background: rgba(255, 255, 255, 0.3); }
183
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link {
184
- padding: 9px 18px;
185
- display: block;
186
- cursor: pointer;
187
- color: #000; }
188
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:hover {
189
- color: #000; }
190
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:focus {
191
- outline: none; }
192
-
193
- .multiscroll-nav li a:focus {
194
- outline: none; }
195
-
196
- .premium-vscroll-temp .slimScrollBar {
197
- visibility: hidden; }
198
-
199
- [data-hijacking="off"] .premium-vscroll-temp {
200
- height: 100vh; }
201
- [data-hijacking="off"] .premium-vscroll-temp > div {
202
- opacity: 0;
203
- top: 0;
204
- left: 0;
205
- width: 100%;
206
- /* Force Hardware Acceleration */
207
- -webkit-transform: translateZ(0);
208
- transform: translateZ(0);
209
- -webkit-backface-visibility: hidden;
210
- backface-visibility: hidden; }
211
-
212
- [data-hijacking="off"] .premium-vscroll-temp:first-of-type > div::before {
213
- display: none;
214
- position: absolute;
215
- width: 100%;
216
- top: 20px;
217
- z-index: 2; }
218
-
219
- [data-hijacking="off"][data-animation="rotate"] .premium-vscroll-temp {
220
- position: relative;
221
- /* enable a 3D-space for children elements */
222
- -webkit-perspective: 1800px;
223
- perspective: 1800px; }
224
- [data-hijacking="off"][data-animation="rotate"] .premium-vscroll-temp > div {
225
- position: absolute;
226
- -webkit-transform-origin: center bottom;
227
- -ms-transform-origin: center bottom;
228
- transform-origin: center bottom; }
229
- [data-hijacking="off"][data-animation="rotate"] .premium-vscroll-temp:last-of-type > div {
230
- opacity: 1 !important;
231
- -webkit-transform: translateY(0px) scale(1) rotateX(0deg) !important;
232
- transform: translateY(0px) scale(1) rotateX(0deg) !important; }
233
-
234
- [data-hijacking="off"][data-animation="parallax"] .premium-vscroll-temp > div {
235
- position: fixed; }
236
-
237
- [data-hijacking="off"][data-animation="scaleDown"] .premium-vscroll-temp > div {
238
- position: fixed; }
239
-
240
- [data-hijacking="off"] .premium-vscroll-parallax-last {
241
- -webkit-transform: translateY(0px) scale(1) !important;
242
- -ms-transform: translateY(0px) scale(1) !important;
243
- transform: translateY(0px) scale(1) !important; }
244
-
245
- [data-hijacking="off"] .premium-vscroll-parallax-position {
246
- position: unset !important; }
1
+ /************ Premium Vertical Scroll ************/
2
+ /*************************************************/
3
+ .premium-vscroll-inner {
4
+ position: relative;
5
+ min-height: 100%; }
6
+ .premium-vscroll-inner .premium-vscroll-dots {
7
+ position: fixed;
8
+ z-index: 100;
9
+ opacity: 1;
10
+ margin-top: -32px;
11
+ -webkit-transition: all 0.3s ease-in-out;
12
+ transition: all 0.3s ease-in-out; }
13
+
14
+ .premium-vscroll-wrap .premium-vscroll-nav-menu {
15
+ opacity: 1;
16
+ -webkit-transition: all 0.3s ease-in-out;
17
+ transition: all 0.3s ease-in-out; }
18
+
19
+ .premium-vscroll-inner .premium-vscroll-dots,
20
+ .premium-vscroll-wrap .premium-vscroll-dots-hide {
21
+ opacity: 0;
22
+ visibility: hidden; }
23
+
24
+ .premium-vscroll-nav-dots-yes .premium-vscroll-inner .premium-vscroll-dots:not(.premium-vscroll-dots-hide) {
25
+ opacity: 1;
26
+ visibility: visible; }
27
+
28
+ .premium-vscroll-dots.middle {
29
+ top: 50%;
30
+ margin-top: 0;
31
+ -webkit-transform: translateY(-50%);
32
+ -ms-transform: translateY(-50%);
33
+ transform: translateY(-50%); }
34
+
35
+ .premium-vscroll-dots.top {
36
+ top: 40px; }
37
+
38
+ .premium-vscroll-dots.bottom {
39
+ bottom: 30px; }
40
+
41
+ .premium-vscroll-dots.right {
42
+ right: 17px; }
43
+
44
+ .premium-vscroll-dots.left {
45
+ left: 17px; }
46
+
47
+ .premium-vscroll-inner ul.premium-vscroll-dots-list,
48
+ .premium-vscroll-wrap .premium-vscroll-nav-menu {
49
+ margin: 0 !important;
50
+ padding: 0; }
51
+
52
+ .premium-vscroll-inner ul.premium-vscroll-dots-list li {
53
+ width: 14px;
54
+ height: 13px;
55
+ margin: 7px;
56
+ position: relative;
57
+ -js-display: flex;
58
+ display: -webkit-box;
59
+ display: -webkit-flex;
60
+ display: -moz-box;
61
+ display: -ms-flexbox;
62
+ display: flex;
63
+ -webkit-box-pack: center;
64
+ -webkit-justify-content: center;
65
+ -moz-box-pack: center;
66
+ -ms-flex-pack: center;
67
+ justify-content: center;
68
+ -webkit-box-align: center;
69
+ -webkit-align-items: center;
70
+ -moz-box-align: center;
71
+ -ms-flex-align: center;
72
+ align-items: center;
73
+ overflow: visible; }
74
+
75
+ .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link {
76
+ display: block;
77
+ position: relative;
78
+ z-index: 1;
79
+ width: 100%;
80
+ height: 100%;
81
+ cursor: pointer;
82
+ text-decoration: none; }
83
+ .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link span {
84
+ top: 2px;
85
+ left: 2.5px;
86
+ width: 8px;
87
+ height: 8px;
88
+ border: 1px solid #000;
89
+ -webkit-border-radius: 50%;
90
+ border-radius: 50%;
91
+ position: absolute;
92
+ z-index: 1;
93
+ -webkit-transition: all 0.3s ease-in-out;
94
+ transition: all 0.3s ease-in-out; }
95
+
96
+ .premium-vscroll-inner .premium-vscroll-dot-item.active .premium-vscroll-nav-link span {
97
+ -webkit-transform: scale(1.6);
98
+ -ms-transform: scale(1.6);
99
+ transform: scale(1.6); }
100
+
101
+ .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-tooltip {
102
+ position: absolute;
103
+ color: #fff;
104
+ font-size: 14px;
105
+ font-family: arial, helvetica, sans-serif;
106
+ white-space: nowrap;
107
+ max-width: 220px;
108
+ padding-left: 0.4em;
109
+ padding-right: 0.4em; }
110
+
111
+ .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip {
112
+ right: 27px; }
113
+
114
+ .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item {
115
+ width: 4px;
116
+ height: 30px; }
117
+ .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item span {
118
+ width: 100%;
119
+ height: 100%;
120
+ -webkit-border-radius: 0;
121
+ border-radius: 0; }
122
+ .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item.active span {
123
+ -webkit-transform: scale(1);
124
+ -ms-transform: scale(1);
125
+ transform: scale(1); }
126
+
127
+ .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip::after {
128
+ position: absolute;
129
+ top: 50%;
130
+ content: "";
131
+ left: -webkit-calc(100% - 1px);
132
+ left: calc(100% - 1px);
133
+ width: 10px;
134
+ height: 0;
135
+ border-top: 6px solid transparent;
136
+ border-bottom: 6px solid transparent;
137
+ border-left: 6px solid;
138
+ -webkit-transform: translateY(-50%);
139
+ -ms-transform: translateY(-50%);
140
+ transform: translateY(-50%); }
141
+
142
+ .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip {
143
+ left: 27px; }
144
+ .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip::after {
145
+ position: absolute;
146
+ top: 50%;
147
+ content: "";
148
+ right: -webkit-calc(100% - 1px);
149
+ right: calc(100% - 1px);
150
+ width: 10px;
151
+ height: 0;
152
+ border-top: 6px solid transparent;
153
+ border-bottom: 6px solid transparent;
154
+ border-right: 6px solid;
155
+ -webkit-transform: translateY(-50%);
156
+ -ms-transform: translateY(-50%);
157
+ transform: translateY(-50%); }
158
+
159
+ /* * Lines */
160
+ @media (max-width: 768px) {
161
+ .premium-vscroll-dots.right {
162
+ right: 7px; }
163
+ .premium-vscroll-dots.left {
164
+ left: 7px; } }
165
+
166
+ .premium-vscroll-nav-menu {
167
+ position: fixed;
168
+ top: 20px;
169
+ height: 40px;
170
+ z-index: 100;
171
+ padding: 0;
172
+ margin: 0; }
173
+ .premium-vscroll-nav-menu.left {
174
+ left: 0; }
175
+ .premium-vscroll-nav-menu.right {
176
+ right: 0; }
177
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item {
178
+ display: inline-block;
179
+ margin: 10px;
180
+ color: #000;
181
+ background: #fff;
182
+ background: rgba(255, 255, 255, 0.3); }
183
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link {
184
+ padding: 9px 18px;
185
+ display: block;
186
+ cursor: pointer;
187
+ color: #000; }
188
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:hover {
189
+ color: #000; }
190
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:focus {
191
+ outline: none; }
192
+
193
+ .multiscroll-nav li a:focus {
194
+ outline: none; }
195
+
196
+ .premium-vscroll-temp .slimScrollBar {
197
+ visibility: hidden; }
198
+
199
+ [data-hijacking="off"] .premium-vscroll-temp {
200
+ height: 100vh; }
201
+ [data-hijacking="off"] .premium-vscroll-temp > div {
202
+ opacity: 0;
203
+ top: 0;
204
+ left: 0;
205
+ width: 100%;
206
+ /* Force Hardware Acceleration */
207
+ -webkit-transform: translateZ(0);
208
+ transform: translateZ(0);
209
+ -webkit-backface-visibility: hidden;
210
+ backface-visibility: hidden; }
211
+
212
+ [data-hijacking="off"] .premium-vscroll-temp:first-of-type > div::before {
213
+ display: none;
214
+ position: absolute;
215
+ width: 100%;
216
+ top: 20px;
217
+ z-index: 2; }
218
+
219
+ [data-hijacking="off"][data-animation="rotate"] .premium-vscroll-temp {
220
+ position: relative;
221
+ /* enable a 3D-space for children elements */
222
+ -webkit-perspective: 1800px;
223
+ perspective: 1800px; }
224
+ [data-hijacking="off"][data-animation="rotate"] .premium-vscroll-temp > div {
225
+ position: absolute;
226
+ -webkit-transform-origin: center bottom;
227
+ -ms-transform-origin: center bottom;
228
+ transform-origin: center bottom; }
229
+ [data-hijacking="off"][data-animation="rotate"] .premium-vscroll-temp:last-of-type > div {
230
+ opacity: 1 !important;
231
+ -webkit-transform: translateY(0px) scale(1) rotateX(0deg) !important;
232
+ transform: translateY(0px) scale(1) rotateX(0deg) !important; }
233
+
234
+ [data-hijacking="off"][data-animation="parallax"] .premium-vscroll-temp > div {
235
+ position: fixed; }
236
+
237
+ [data-hijacking="off"][data-animation="scaleDown"] .premium-vscroll-temp > div {
238
+ position: fixed; }
239
+
240
+ [data-hijacking="off"] .premium-vscroll-parallax-last {
241
+ -webkit-transform: translateY(0px) scale(1) !important;
242
+ -ms-transform: translateY(0px) scale(1) !important;
243
+ transform: translateY(0px) scale(1) !important; }
244
+
245
+ [data-hijacking="off"] .premium-vscroll-parallax-position {
246
+ position: unset !important; }
assets/frontend/css/prettyphoto-rtl.css CHANGED
@@ -1,1252 +1,1252 @@
1
- /* ------------------------------------------------------------------------
2
- This you can edit.
3
- ------------------------------------------------------------------------- */
4
-
5
- /* ----------------------------------
6
- Default Theme
7
- ----------------------------------- */
8
-
9
- div.pp_default .pp_top,
10
- div.pp_default .pp_top .pp_middle,
11
- div.pp_default .pp_top .pp_left,
12
- div.pp_default .pp_top .pp_right,
13
- div.pp_default .pp_bottom,
14
- div.pp_default .pp_bottom .pp_left,
15
- div.pp_default .pp_bottom .pp_middle,
16
- div.pp_default .pp_bottom .pp_right {
17
- height: 13px;
18
- }
19
-
20
- div.pp_default .pp_top .pp_left {
21
- background: url(../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat;
22
- }
23
-
24
- /* Top left corner */
25
- div.pp_default .pp_top .pp_middle {
26
- background: url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x;
27
- }
28
-
29
- /* Top pattern/color */
30
- div.pp_default .pp_top .pp_right {
31
- background: url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat;
32
- }
33
-
34
- /* Top right corner */
35
-
36
- div.pp_default .pp_content .ppt {
37
- color: #f8f8f8;
38
- }
39
-
40
- div.pp_default .pp_content_container .pp_left {
41
- background: url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;
42
- padding-left: 13px;
43
- }
44
-
45
- div.pp_default .pp_content_container .pp_right {
46
- background: url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y;
47
- padding-right: 13px;
48
- }
49
-
50
- div.pp_default .pp_content {
51
- background-color: #fff;
52
- }
53
-
54
- /* Content background */
55
- div.pp_default .pp_next:hover {
56
- background: url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat;
57
- cursor: pointer;
58
- }
59
-
60
- /* Next button */
61
- div.pp_default .pp_previous:hover {
62
- background: url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;
63
- cursor: pointer;
64
- }
65
-
66
- /* Previous button */
67
- div.pp_default .pp_expand {
68
- background: url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;
69
- cursor: pointer;
70
- width: 28px;
71
- height: 28px;
72
- }
73
-
74
- /* Expand button */
75
- div.pp_default .pp_expand:hover {
76
- background: url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;
77
- cursor: pointer;
78
- }
79
-
80
- /* Expand button hover */
81
- div.pp_default .pp_contract {
82
- background: url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;
83
- cursor: pointer;
84
- width: 28px;
85
- height: 28px;
86
- }
87
-
88
- /* Contract button */
89
- div.pp_default .pp_contract:hover {
90
- background: url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;
91
- cursor: pointer;
92
- }
93
-
94
- /* Contract button hover */
95
- div.pp_default .pp_close {
96
- width: 30px;
97
- height: 30px;
98
- background: url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;
99
- cursor: pointer;
100
- }
101
-
102
- /* Close button */
103
- div.pp_default #pp_full_res .pp_inline {
104
- color: #000;
105
- }
106
-
107
- div.pp_default .pp_gallery ul li a {
108
- background: url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;
109
- border: 1px solid #aaa;
110
- }
111
-
112
- div.pp_default .pp_gallery ul li a:hover,
113
- div.pp_default .pp_gallery ul li.selected a {
114
- border-color: #fff;
115
- }
116
-
117
- div.pp_default .pp_social {
118
- margin-top: 7px;
119
- }
120
-
121
- div.pp_default .pp_gallery a.pp_arrow_previous,
122
- div.pp_default .pp_gallery a.pp_arrow_next {
123
- position: static;
124
- left: auto;
125
- }
126
-
127
- div.pp_default .pp_nav .pp_play,
128
- div.pp_default .pp_nav .pp_pause {
129
- background: url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;
130
- height: 30px;
131
- width: 30px;
132
- }
133
-
134
- div.pp_default .pp_nav .pp_pause {
135
- background-position: -51px -29px;
136
- }
137
-
138
- div.pp_default .pp_details {
139
- position: relative;
140
- }
141
-
142
- div.pp_default a.pp_arrow_previous,
143
- div.pp_default a.pp_arrow_next {
144
- background: url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;
145
- height: 20px;
146
- margin: 4px 0 0 0;
147
- width: 20px;
148
- }
149
-
150
- div.pp_default a.pp_arrow_next {
151
- right: 52px;
152
- background-position: -82px -3px;
153
- }
154
-
155
- /* The next arrow in the bottom nav */
156
- div.pp_default .pp_content_container .pp_details {
157
- margin-top: 5px;
158
- }
159
-
160
- div.pp_default .pp_nav {
161
- clear: none;
162
- height: 30px;
163
- width: 110px;
164
- position: relative;
165
- }
166
-
167
- div.pp_default .pp_nav .currentTextHolder {
168
- font-family: Georgia;
169
- font-style: italic;
170
- color: #999;
171
- font-size: 11px;
172
- left: 75px;
173
- line-height: 25px;
174
- margin: 0;
175
- padding: 0 0 0 10px;
176
- position: absolute;
177
- top: 2px;
178
- }
179
-
180
- div.pp_default .pp_close:hover,
181
- div.pp_default .pp_nav .pp_play:hover,
182
- div.pp_default .pp_nav .pp_pause:hover,
183
- div.pp_default .pp_arrow_next:hover,
184
- div.pp_default .pp_arrow_previous:hover {
185
- opacity: 0.7;
186
- }
187
-
188
- div.pp_default .pp_description {
189
- font-size: 11px;
190
- font-weight: bold;
191
- line-height: 14px;
192
- margin: 5px 0 5px 50px;
193
- }
194
-
195
- div.pp_default .pp_bottom .pp_left {
196
- background: url(../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat;
197
- }
198
-
199
- /* Bottom left corner */
200
- div.pp_default .pp_bottom .pp_middle {
201
- background: url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x;
202
- }
203
-
204
- /* Bottom pattern/color */
205
- div.pp_default .pp_bottom .pp_right {
206
- background: url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat;
207
- }
208
-
209
- /* Bottom right corner */
210
-
211
- div.pp_default .pp_loaderIcon {
212
- background: url(../images/prettyPhoto/default/loader.gif) center center no-repeat;
213
- }
214
-
215
- /* Loader icon */
216
-
217
- /* ----------------------------------
218
- Light Rounded Theme
219
- ----------------------------------- */
220
-
221
- div.light_rounded .pp_top .pp_left {
222
- background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat;
223
- }
224
-
225
- /* Top left corner */
226
- div.light_rounded .pp_top .pp_middle {
227
- background: #fff;
228
- }
229
-
230
- /* Top pattern/color */
231
- div.light_rounded .pp_top .pp_right {
232
- background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat;
233
- }
234
-
235
- /* Top right corner */
236
-
237
- div.light_rounded .pp_content .ppt {
238
- color: #000;
239
- }
240
-
241
- div.light_rounded .pp_content_container .pp_left,
242
- div.light_rounded .pp_content_container .pp_right {
243
- background: #fff;
244
- }
245
-
246
- div.light_rounded .pp_content {
247
- background-color: #fff;
248
- }
249
-
250
- /* Content background */
251
- div.light_rounded .pp_next:hover {
252
- background: url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;
253
- cursor: pointer;
254
- }
255
-
256
- /* Next button */
257
- div.light_rounded .pp_previous:hover {
258
- background: url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;
259
- cursor: pointer;
260
- }
261
-
262
- /* Previous button */
263
- div.light_rounded .pp_expand {
264
- background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;
265
- cursor: pointer;
266
- }
267
-
268
- /* Expand button */
269
- div.light_rounded .pp_expand:hover {
270
- background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;
271
- cursor: pointer;
272
- }
273
-
274
- /* Expand button hover */
275
- div.light_rounded .pp_contract {
276
- background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;
277
- cursor: pointer;
278
- }
279
-
280
- /* Contract button */
281
- div.light_rounded .pp_contract:hover {
282
- background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;
283
- cursor: pointer;
284
- }
285
-
286
- /* Contract button hover */
287
- div.light_rounded .pp_close {
288
- width: 75px;
289
- height: 22px;
290
- background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;
291
- cursor: pointer;
292
- }
293
-
294
- /* Close button */
295
- div.light_rounded .pp_details {
296
- position: relative;
297
- }
298
-
299
- div.light_rounded .pp_description {
300
- margin-left: 85px;
301
- }
302
-
303
- div.light_rounded #pp_full_res .pp_inline {
304
- color: #000;
305
- }
306
-
307
- div.light_rounded .pp_gallery a.pp_arrow_previous,
308
- div.light_rounded .pp_gallery a.pp_arrow_next {
309
- margin-top: 12px !important;
310
- }
311
-
312
- div.light_rounded .pp_nav .pp_play {
313
- background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;
314
- height: 15px;
315
- width: 14px;
316
- }
317
-
318
- div.light_rounded .pp_nav .pp_pause {
319
- background: url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;
320
- height: 15px;
321
- width: 14px;
322
- }
323
-
324
- div.light_rounded .pp_arrow_previous {
325
- background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat;
326
- }
327
-
328
- /* The previous arrow in the bottom nav */
329
- div.light_rounded .pp_arrow_previous.disabled {
330
- background-position: 100% -87px;
331
- cursor: default;
332
- }
333
-
334
- div.light_rounded .pp_arrow_next {
335
- background: url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat;
336
- }
337
-
338
- /* The next arrow in the bottom nav */
339
- div.light_rounded .pp_arrow_next.disabled {
340
- background-position: -22px -87px;
341
- cursor: default;
342
- }
343
-
344
- div.light_rounded .pp_bottom .pp_left {
345
- background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat;
346
- }
347
-
348
- /* Bottom left corner */
349
- div.light_rounded .pp_bottom .pp_middle {
350
- background: #fff;
351
- }
352
-
353
- /* Bottom pattern/color */
354
- div.light_rounded .pp_bottom .pp_right {
355
- background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat;
356
- }
357
-
358
- /* Bottom right corner */
359
-
360
- div.light_rounded .pp_loaderIcon {
361
- background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat;
362
- }
363
-
364
- /* Loader icon */
365
-
366
- /* ----------------------------------
367
- Dark Rounded Theme
368
- ----------------------------------- */
369
-
370
- div.dark_rounded .pp_top .pp_left {
371
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat;
372
- }
373
-
374
- /* Top left corner */
375
- div.dark_rounded .pp_top .pp_middle {
376
- background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;
377
- }
378
-
379
- /* Top pattern/color */
380
- div.dark_rounded .pp_top .pp_right {
381
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat;
382
- }
383
-
384
- /* Top right corner */
385
-
386
- div.dark_rounded .pp_content_container .pp_left {
387
- background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y;
388
- }
389
-
390
- /* Left Content background */
391
- div.dark_rounded .pp_content_container .pp_right {
392
- background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y;
393
- }
394
-
395
- /* Right Content background */
396
- div.dark_rounded .pp_content {
397
- background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;
398
- }
399
-
400
- /* Content background */
401
- div.dark_rounded .pp_next:hover {
402
- background: url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;
403
- cursor: pointer;
404
- }
405
-
406
- /* Next button */
407
- div.dark_rounded .pp_previous:hover {
408
- background: url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;
409
- cursor: pointer;
410
- }
411
-
412
- /* Previous button */
413
- div.dark_rounded .pp_expand {
414
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;
415
- cursor: pointer;
416
- }
417
-
418
- /* Expand button */
419
- div.dark_rounded .pp_expand:hover {
420
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;
421
- cursor: pointer;
422
- }
423
-
424
- /* Expand button hover */
425
- div.dark_rounded .pp_contract {
426
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;
427
- cursor: pointer;
428
- }
429
-
430
- /* Contract button */
431
- div.dark_rounded .pp_contract:hover {
432
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;
433
- cursor: pointer;
434
- }
435
-
436
- /* Contract button hover */
437
- div.dark_rounded .pp_close {
438
- width: 75px;
439
- height: 22px;
440
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;
441
- cursor: pointer;
442
- }
443
-
444
- /* Close button */
445
- div.dark_rounded .pp_details {
446
- position: relative;
447
- }
448
-
449
- div.dark_rounded .pp_description {
450
- margin-left: 85px;
451
- }
452
-
453
- div.dark_rounded .currentTextHolder {
454
- color: #c4c4c4;
455
- }
456
-
457
- div.dark_rounded .pp_description {
458
- color: #fff;
459
- }
460
-
461
- div.dark_rounded #pp_full_res .pp_inline {
462
- color: #fff;
463
- }
464
-
465
- div.dark_rounded .pp_gallery a.pp_arrow_previous,
466
- div.dark_rounded .pp_gallery a.pp_arrow_next {
467
- margin-top: 12px !important;
468
- }
469
-
470
- div.dark_rounded .pp_nav .pp_play {
471
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;
472
- height: 15px;
473
- width: 14px;
474
- }
475
-
476
- div.dark_rounded .pp_nav .pp_pause {
477
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;
478
- height: 15px;
479
- width: 14px;
480
- }
481
-
482
- div.dark_rounded .pp_arrow_previous {
483
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat;
484
- }
485
-
486
- /* The previous arrow in the bottom nav */
487
- div.dark_rounded .pp_arrow_previous.disabled {
488
- background-position: 100% -87px;
489
- cursor: default;
490
- }
491
-
492
- div.dark_rounded .pp_arrow_next {
493
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat;
494
- }
495
-
496
- /* The next arrow in the bottom nav */
497
- div.dark_rounded .pp_arrow_next.disabled {
498
- background-position: -22px -87px;
499
- cursor: default;
500
- }
501
-
502
- div.dark_rounded .pp_bottom .pp_left {
503
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat;
504
- }
505
-
506
- /* Bottom left corner */
507
- div.dark_rounded .pp_bottom .pp_middle {
508
- background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;
509
- }
510
-
511
- /* Bottom pattern/color */
512
- div.dark_rounded .pp_bottom .pp_right {
513
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat;
514
- }
515
-
516
- /* Bottom right corner */
517
-
518
- div.dark_rounded .pp_loaderIcon {
519
- background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat;
520
- }
521
-
522
- /* Loader icon */
523
-
524
- /* ----------------------------------
525
- Dark Square Theme
526
- ----------------------------------- */
527
-
528
- div.dark_square .pp_left,
529
- div.dark_square .pp_middle,
530
- div.dark_square .pp_right,
531
- div.dark_square .pp_content {
532
- background: #000;
533
- }
534
-
535
- div.dark_square .currentTextHolder {
536
- color: #c4c4c4;
537
- }
538
-
539
- div.dark_square .pp_description {
540
- color: #fff;
541
- }
542
-
543
- div.dark_square .pp_loaderIcon {
544
- background: url(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat;
545
- }
546
-
547
- /* Loader icon */
548
-
549
- div.dark_square .pp_expand {
550
- background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;
551
- cursor: pointer;
552
- }
553
-
554
- /* Expand button */
555
- div.dark_square .pp_expand:hover {
556
- background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;
557
- cursor: pointer;
558
- }
559
-
560
- /* Expand button hover */
561
- div.dark_square .pp_contract {
562
- background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;
563
- cursor: pointer;
564
- }
565
-
566
- /* Contract button */
567
- div.dark_square .pp_contract:hover {
568
- background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;
569
- cursor: pointer;
570
- }
571
-
572
- /* Contract button hover */
573
- div.dark_square .pp_close {
574
- width: 75px;
575
- height: 22px;
576
- background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;
577
- cursor: pointer;
578
- }
579
-
580
- /* Close button */
581
- div.dark_square .pp_details {
582
- position: relative;
583
- }
584
-
585
- div.dark_square .pp_description {
586
- margin: 0 0 0 85px;
587
- }
588
-
589
- div.dark_square #pp_full_res .pp_inline {
590
- color: #fff;
591
- }
592
-
593
- div.dark_square .pp_gallery a.pp_arrow_previous,
594
- div.dark_square .pp_gallery a.pp_arrow_next {
595
- margin-top: 12px !important;
596
- }
597
-
598
- div.dark_square .pp_nav {
599
- clear: none;
600
- }
601
-
602
- div.dark_square .pp_nav .pp_play {
603
- background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;
604
- height: 15px;
605
- width: 14px;
606
- }
607
-
608
- div.dark_square .pp_nav .pp_pause {
609
- background: url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;
610
- height: 15px;
611
- width: 14px;
612
- }
613
-
614
- div.dark_square .pp_arrow_previous {
615
- background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat;
616
- }
617
-
618
- /* The previous arrow in the bottom nav */
619
- div.dark_square .pp_arrow_previous.disabled {
620
- background-position: 100% -87px;
621
- cursor: default;
622
- }
623
-
624
- div.dark_square .pp_arrow_next {
625
- background: url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat;
626
- }
627
-
628
- /* The next arrow in the bottom nav */
629
- div.dark_square .pp_arrow_next.disabled {
630
- background-position: -22px -87px;
631
- cursor: default;
632
- }
633
-
634
- div.dark_square .pp_next:hover {
635
- background: url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;
636
- cursor: pointer;
637
- }
638
-
639
- /* Next button */
640
- div.dark_square .pp_previous:hover {
641
- background: url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;
642
- cursor: pointer;
643
- }
644
-
645
- /* Previous button */
646
-
647
- /* ----------------------------------
648
- Light Square Theme
649
- ----------------------------------- */
650
-
651
- div.light_square .pp_left,
652
- div.light_square .pp_middle,
653
- div.light_square .pp_right,
654
- div.light_square .pp_content {
655
- background: #fff;
656
- }
657
-
658
- div.light_square .pp_content .ppt {
659
- color: #000;
660
- }
661
-
662
- div.light_square .pp_expand {
663
- background: url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;
664
- cursor: pointer;
665
- }
666
-
667
- /* Expand button */
668
- div.light_square .pp_expand:hover {
669
- background: url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;
670
- cursor: pointer;
671
- }
672
-
673
- /* Expand button hover */
674
- div.light_square .pp_contract {
675
- background: url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;
676
- cursor: pointer;
677
- }
678
-
679
- /* Contract button */
680
- div.light_square .pp_contract:hover {
681
- background: url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;
682
- cursor: pointer;
683
- }
684
-
685
- /* Contract button hover */
686
- div.light_square .pp_close {
687
- width: 75px;
688
- height: 22px;
689
- background: url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;
690
- cursor: pointer;
691
- }
692
-
693
- /* Close button */
694
- div.light_square .pp_details {
695
- position: relative;
696
- }
697
-
698
- div.light_square .pp_description {
699
- margin-left: 85px;
700
- }
701
-
702
- div.light_square #pp_full_res .pp_inline {
703
- color: #000;
704
- }
705
-
706
- div.light_square .pp_gallery a.pp_arrow_previous,
707
- div.light_square .pp_gallery a.pp_arrow_next {
708
- margin-top: 12px !important;
709
- }
710
-
711
- div.light_square .pp_nav .pp_play {
712
- background: url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;
713
- height: 15px;
714
- width: 14px;
715
- }
716
-
717
- div.light_square .pp_nav .pp_pause {
718
- background: url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;
719
- height: 15px;
720
- width: 14px;
721
- }
722
-
723
- div.light_square .pp_arrow_previous {
724
- background: url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat;
725
- }
726
-
727
- /* The previous arrow in the bottom nav */
728
- div.light_square .pp_arrow_previous.disabled {
729
- background-position: 100% -87px;
730
- cursor: default;
731
- }
732
-
733
- div.light_square .pp_arrow_next {
734
- background: url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat;
735
- }
736
-
737
- /* The next arrow in the bottom nav */
738
- div.light_square .pp_arrow_next.disabled {
739
- background-position: -22px -87px;
740
- cursor: default;
741
- }
742
-
743
- div.light_square .pp_next:hover {
744
- background: url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;
745
- cursor: pointer;
746
- }
747
-
748
- /* Next button */
749
- div.light_square .pp_previous:hover {
750
- background: url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;
751
- cursor: pointer;
752
- }
753
-
754
- /* Previous button */
755
-
756
- div.light_square .pp_loaderIcon {
757
- background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat;
758
- }
759
-
760
- /* Loader icon */
761
-
762
- /* ----------------------------------
763
- Facebook style Theme
764
- ----------------------------------- */
765
-
766
- div.facebook .pp_top .pp_left {
767
- background: url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat;
768
- }
769
-
770
- /* Top left corner */
771
- div.facebook .pp_top .pp_middle {
772
- background: url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x;
773
- }
774
-
775
- /* Top pattern/color */
776
- div.facebook .pp_top .pp_right {
777
- background: url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat;
778
- }
779
-
780
- /* Top right corner */
781
-
782
- div.facebook .pp_content .ppt {
783
- color: #000;
784
- }
785
-
786
- div.facebook .pp_content_container .pp_left {
787
- background: url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y;
788
- }
789
-
790
- /* Content background */
791
- div.facebook .pp_content_container .pp_right {
792
- background: url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y;
793
- }
794
-
795
- /* Content background */
796
- div.facebook .pp_content {
797
- background: #fff;
798
- }
799
-
800
- /* Content background */
801
- div.facebook .pp_expand {
802
- background: url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;
803
- cursor: pointer;
804
- }
805
-
806
- /* Expand button */
807
- div.facebook .pp_expand:hover {
808
- background: url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;
809
- cursor: pointer;
810
- }
811
-
812
- /* Expand button hover */
813
- div.facebook .pp_contract {
814
- background: url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;
815
- cursor: pointer;
816
- }
817
-
818
- /* Contract button */
819
- div.facebook .pp_contract:hover {
820
- background: url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;
821
- cursor: pointer;
822
- }
823
-
824
- /* Contract button hover */
825
- div.facebook .pp_close {
826
- width: 22px;
827
- height: 22px;
828
- background: url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;
829
- cursor: pointer;
830
- }
831
-
832
- /* Close button */
833
- div.facebook .pp_details {
834
- position: relative;
835
- }
836
-
837
- div.facebook .pp_description {
838
- margin: 0 0 0 37px;
839
- }
840
-
841
- div.facebook #pp_full_res .pp_inline {
842
- color: #000;
843
- }
844
-
845
- div.facebook .pp_loaderIcon {
846
- background: url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat;
847
- }
848
-
849
- /* Loader icon */
850
-
851
- div.facebook .pp_arrow_previous {
852
- background: url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;
853
- height: 22px;
854
- margin-top: 0;
855
- width: 22px;
856
- }
857
-
858
- /* The previous arrow in the bottom nav */
859
- div.facebook .pp_arrow_previous.disabled {
860
- background-position: 100% -96px;
861
- cursor: default;
862
- }
863
-
864
- div.facebook .pp_arrow_next {
865
- background: url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;
866
- height: 22px;
867
- margin-top: 0;
868
- width: 22px;
869
- }
870
-
871
- /* The next arrow in the bottom nav */
872
- div.facebook .pp_arrow_next.disabled {
873
- background-position: -32px -96px;
874
- cursor: default;
875
- }
876
-
877
- div.facebook .pp_nav {
878
- margin-top: 0;
879
- }
880
-
881
- div.facebook .pp_nav p {
882
- font-size: 15px;
883
- padding: 0 4px 0 3px;
884
- }
885
-
886
- div.facebook .pp_nav .pp_play {
887
- background: url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;
888
- height: 22px;
889
- width: 22px;
890
- }
891
-
892
- div.facebook .pp_nav .pp_pause {
893
- background: url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;
894
- height: 22px;
895
- width: 22px;
896
- }
897
-
898
- div.facebook .pp_next:hover {
899
- background: url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;
900
- cursor: pointer;
901
- }
902
-
903
- /* Next button */
904
- div.facebook .pp_previous:hover {
905
- background: url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;
906
- cursor: pointer;
907
- }
908
-
909
- /* Previous button */
910
-
911
- div.facebook .pp_bottom .pp_left {
912
- background: url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat;
913
- }
914
-
915
- /* Bottom left corner */
916
- div.facebook .pp_bottom .pp_middle {
917
- background: url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x;
918
- }
919
-
920
- /* Bottom pattern/color */
921
- div.facebook .pp_bottom .pp_right {
922
- background: url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat;
923
- }
924
-
925
- /* Bottom right corner */
926
-
927
- /* ------------------------------------------------------------------------
928
- DO NOT CHANGE
929
- ------------------------------------------------------------------------- */
930
-
931
- div.pp_pic_holder a:focus {
932
- outline: none;
933
- }
934
-
935
- div.pp_overlay {
936
- background: #000;
937
- display: none;
938
- right: 0;
939
- position: absolute;
940
- top: 0;
941
- width: 100%;
942
- z-index: 9500;
943
- }
944
-
945
- div.pp_pic_holder {
946
- display: none;
947
- position: absolute;
948
- width: 100px;
949
- z-index: 10000;
950
- overflow: hidden;
951
- }
952
-
953
- .pp_top {
954
- height: 20px;
955
- position: relative;
956
- }
957
-
958
- * html .pp_top {
959
- padding: 0 20px;
960
- }
961
-
962
- .pp_top .pp_left {
963
- height: 20px;
964
- left: 0;
965
- position: absolute;
966
- width: 20px;
967
- }
968
-
969
- .pp_top .pp_middle {
970
- height: 20px;
971
- right: 20px;
972
- position: absolute;
973
- left: 20px;
974
- }
975
-
976
- * html .pp_top .pp_middle {
977
- right: 0;
978
- position: static;
979
- }
980
-
981
- .pp_top .pp_right {
982
- height: 20px;
983
- left: auto;
984
- position: absolute;
985
- right: 0;
986
- top: 0;
987
- width: 20px;
988
- }
989
-
990
- .pp_content {
991
- height: 40px;
992
- min-width: 40px;
993
- }
994
-
995
- * html .pp_content {
996
- width: 40px;
997
- }
998
-
999
- .pp_fade {
1000
- display: none;
1001
- }
1002
-
1003
- .pp_content_container {
1004
- position: relative;
1005
- text-align: right;
1006
- width: 100%;
1007
- }
1008
-
1009
- .pp_content_container .pp_left {
1010
- padding-left: 20px;
1011
- }
1012
-
1013
- .pp_content_container .pp_right {
1014
- padding-right: 20px;
1015
- }
1016
-
1017
- .pp_content_container .pp_details {
1018
- float: right;
1019
- margin: 10px 0 2px 0;
1020
- }
1021
-
1022
- .pp_description {
1023
- display: none;
1024
- margin: 0;
1025
- }
1026
-
1027
- .pp_social {
1028
- float: right;
1029
- margin: 0;
1030
- }
1031
-
1032
- .pp_social .facebook {
1033
- float: right;
1034
- margin-right: 5px;
1035
- width: 55px;
1036
- overflow: hidden;
1037
- }
1038
-
1039
- .pp_social .twitter {
1040
- float: right;
1041
- }
1042
-
1043
- .pp_nav {
1044
- clear: left;
1045
- float: right;
1046
- margin: 3px 0 0 10px;
1047
- }
1048
-
1049
- .pp_nav p {
1050
- float: right;
1051
- margin: 2px 4px;
1052
- white-space: nowrap;
1053
- }
1054
-
1055
- .pp_nav .pp_play,
1056
- .pp_nav .pp_pause {
1057
- float: left;
1058
- margin-right: 4px;
1059
- text-indent: 10000px;
1060
- }
1061
-
1062
- a.pp_arrow_previous,
1063
- a.pp_arrow_next {
1064
- display: block;
1065
- float: left;
1066
- height: 15px;
1067
- margin-top: 3px;
1068
- overflow: hidden;
1069
- text-indent: 10000px;
1070
- width: 14px;
1071
- }
1072
-
1073
- .pp_hoverContainer {
1074
- position: absolute;
1075
- top: 0;
1076
- width: 100%;
1077
- z-index: 2000;
1078
- }
1079
-
1080
- .pp_gallery {
1081
- display: none;
1082
- left: 50%;
1083
- margin-top: -50px;
1084
- position: absolute;
1085
- z-index: 10000;
1086
- direction: ltr;
1087
- }
1088
-
1089
- .pp_gallery div {
1090
- float: left;
1091
- overflow: hidden;
1092
- position: relative;
1093
- }
1094
-
1095
- .pp_gallery ul {
1096
- float: left;
1097
- height: 35px;
1098
- margin: 0 0 0 5px;
1099
- padding: 0;
1100
- position: relative;
1101
- white-space: nowrap;
1102
- }
1103
-
1104
- .pp_gallery ul a {
1105
- border: 1px #000 solid;
1106
- border: 1px rgba(0, 0, 0, 0.5) solid;
1107
- display: block;
1108
- float: left;
1109
- height: 33px;
1110
- overflow: hidden;
1111
- }
1112
-
1113
- .pp_gallery ul a:hover,
1114
- .pp_gallery li.selected a {
1115
- border-color: #fff;
1116
- }
1117
-
1118
- .pp_gallery ul a img {
1119
- border: 0;
1120
- }
1121
-
1122
- .pp_gallery li {
1123
- display: block;
1124
- float: left;
1125
- margin: 0 5px 0 0;
1126
- padding: 0;
1127
- }
1128
-
1129
- .pp_gallery li.default a {
1130
- background: url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
1131
- display: block;
1132
- height: 33px;
1133
- width: 50px;
1134
- }
1135
-
1136
- .pp_gallery li.default a img {
1137
- display: none;
1138
- }
1139
-
1140
- .pp_gallery .pp_arrow_previous,
1141
- .pp_gallery .pp_arrow_next {
1142
- margin-top: 7px !important;
1143
- }
1144
-
1145
- a.pp_next {
1146
- background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
1147
- display: block;
1148
- float: right;
1149
- height: 100%;
1150
- text-indent: 10000px;
1151
- width: 49%;
1152
- }
1153
-
1154
- a.pp_previous {
1155
- background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
1156
- display: block;
1157
- float: left;
1158
- height: 100%;
1159
- text-indent: 10000px;
1160
- width: 49%;
1161
- }
1162
-
1163
- a.pp_expand,
1164
- a.pp_contract {
1165
- cursor: pointer;
1166
- display: none;
1167
- height: 20px;
1168
- position: absolute;
1169
- left: 30px;
1170
- text-indent: 10000px;
1171
- top: 10px;
1172
- width: 20px;
1173
- z-index: 20000;
1174
- }
1175
-
1176
- a.pp_close {
1177
- position: absolute;
1178
- left: 0;
1179
- top: 0;
1180
- display: block;
1181
- line-height: 22px;
1182
- text-indent: 10000px;
1183
- }
1184
-
1185
- .pp_bottom {
1186
- height: 20px;
1187
- position: relative;
1188
- }
1189
-
1190
- * html .pp_bottom {
1191
- padding: 0 20px;
1192
- }
1193
-
1194
- .pp_bottom .pp_left {
1195
- height: 20px;
1196
- left: 0;
1197
- position: absolute;
1198
- width: 20px;
1199
- }
1200
-
1201
- .pp_bottom .pp_middle {
1202
- height: 20px;
1203
- right: 20px;
1204
- position: absolute;
1205
- left: 20px;
1206
- }
1207
-
1208
- * html .pp_bottom .pp_middle {
1209
- right: 0;
1210
- position: static;
1211
- }
1212
-
1213
- .pp_bottom .pp_right {
1214
- height: 20px;
1215
- left: auto;
1216
- position: absolute;
1217
- right: 0;
1218
- top: 0;
1219
- width: 20px;
1220
- }
1221
-
1222
- .pp_loaderIcon {
1223
- display: block;
1224
- height: 24px;
1225
- right: 50%;
1226
- margin: -12px -12px 0 0;
1227
- position: absolute;
1228
- top: 50%;
1229
- width: 24px;
1230
- }
1231
-
1232
- #pp_full_res {
1233
- line-height: 1 !important;
1234
- }
1235
-
1236
- #pp_full_res .pp_inline {
1237
- text-align: right;
1238
- }
1239
-
1240
- #pp_full_res .pp_inline p {
1241
- margin: 0 0 15px 0;
1242
- }
1243
-
1244
- div.ppt {
1245
- color: #fff;
1246
- display: none;
1247
- font-size: 17px;
1248
- margin: 0 15px 5px 0;
1249
- z-index: 9999;
1250
- text-align: right;
1251
- width: 100% !important;
1252
  }
1
+ /* ------------------------------------------------------------------------
2
+ This you can edit.
3
+ ------------------------------------------------------------------------- */
4
+
5
+ /* ----------------------------------
6
+ Default Theme
7
+ ----------------------------------- */
8
+
9
+ div.pp_default .pp_top,
10
+ div.pp_default .pp_top .pp_middle,
11
+ div.pp_default .pp_top .pp_left,
12
+ div.pp_default .pp_top .pp_right,
13
+ div.pp_default .pp_bottom,
14
+ div.pp_default .pp_bottom .pp_left,
15
+ div.pp_default .pp_bottom .pp_middle,
16
+ div.pp_default .pp_bottom .pp_right {
17
+ height: 13px;
18
+ }
19
+
20
+ div.pp_default .pp_top .pp_left {
21
+ background: url(../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat;
22
+ }
23
+
24
+ /* Top left corner */
25
+ div.pp_default .pp_top .pp_middle {
26
+ background: url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x;
27
+ }
28
+
29
+ /* Top pattern/color */
30
+ div.pp_default .pp_top .pp_right {
31
+ background: url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat;
32
+ }
33
+
34
+ /* Top right corner */
35
+
36
+ div.pp_default .pp_content .ppt {
37
+ color: #f8f8f8;
38
+ }
39
+
40
+ div.pp_default .pp_content_container .pp_left {
41
+ background: url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;
42
+ padding-left: 13px;
43
+ }
44
+
45
+ div.pp_default .pp_content_container .pp_right {
46
+ background: url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y;
47
+ padding-right: 13px;
48
+ }
49
+
50
+ div.pp_default .pp_content {
51
+ background-color: #fff;
52
+ }
53
+
54
+ /* Content background */
55
+ div.pp_default .pp_next:hover {
56
+ background: url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat;
57
+ cursor: pointer;
58
+ }
59
+
60
+ /* Next button */
61
+ div.pp_default .pp_previous:hover {
62
+ background: url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;
63
+ cursor: pointer;
64
+ }
65
+
66
+ /* Previous button */
67
+ div.pp_default .pp_expand {
68
+ background: url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;
69
+ cursor: pointer;
70
+ width: 28px;
71
+ height: 28px;
72
+ }
73
+
74
+ /* Expand button */
75
+ div.pp_default .pp_expand:hover {
76
+ background: url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;
77
+ cursor: pointer;
78
+ }
79
+
80
+ /* Expand button hover */
81
+ div.pp_default .pp_contract {
82
+ background: url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;
83
+ cursor: pointer;
84
+ width: 28px;
85
+ height: 28px;
86
+ }
87
+
88
+ /* Contract button */
89
+ div.pp_default .pp_contract:hover {
90
+ background: url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;
91
+ cursor: pointer;
92
+ }
93
+
94
+ /* Contract button hover */
95
+ div.pp_default .pp_close {
96
+ width: 30px;
97
+ height: 30px;
98
+ background: url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;
99
+ cursor: pointer;
100
+ }
101
+
102
+ /* Close button */
103
+ div.pp_default #pp_full_res .pp_inline {
104
+ color: #000;
105
+ }
106
+
107
+ div.pp_default .pp_gallery ul li a {
108
+ background: url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;
109
+ border: 1px solid #aaa;
110
+ }
111
+
112
+ div.pp_default .pp_gallery ul li a:hover,
113
+ div.pp_default .pp_gallery ul li.selected a {
114
+ border-color: #fff;
115
+ }
116
+
117
+ div.pp_default .pp_social {
118
+ margin-top: 7px;
119
+ }
120
+
121
+ div.pp_default .pp_gallery a.pp_arrow_previous,
122
+ div.pp_default .pp_gallery a.pp_arrow_next {
123
+ position: static;
124
+ left: auto;
125
+ }
126
+
127
+ div.pp_default .pp_nav .pp_play,
128
+ div.pp_default .pp_nav .pp_pause {
129
+ background: url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;
130
+ height: 30px;
131
+ width: 30px;
132
+ }
133
+
134
+ div.pp_default .pp_nav .pp_pause {
135
+ background-position: -51px -29px;
136
+ }
137
+
138
+ div.pp_default .pp_details {
139
+ position: relative;
140
+ }
141
+
142
+ div.pp_default a.pp_arrow_previous,
143
+ div.pp_default a.pp_arrow_next {
144
+ background: url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;
145
+ height: 20px;
146
+ margin: 4px 0 0 0;
147
+ width: 20px;
148
+ }
149
+
150
+ div.pp_default a.pp_arrow_next {
151
+ right: 52px;
152
+ background-position: -82px -3px;
153
+ }
154
+
155
+ /* The next arrow in the bottom nav */
156
+ div.pp_default .pp_content_container .pp_details {
157
+ margin-top: 5px;
158
+ }
159
+
160
+ div.pp_default .pp_nav {
161
+ clear: none;
162
+ height: 30px;
163
+ width: 110px;
164
+ position: relative;
165
+ }
166
+
167
+ div.pp_default .pp_nav .currentTextHolder {
168
+ font-family: Georgia;
169
+ font-style: italic;
170
+ color: #999;
171
+ font-size: 11px;
172
+ left: 75px;
173
+ line-height: 25px;
174
+ margin: 0;
175
+ padding: 0 0 0 10px;
176
+ position: absolute;
177
+ top: 2px;
178
+ }
179
+
180
+ div.pp_default .pp_close:hover,
181
+ div.pp_default .pp_nav .pp_play:hover,
182
+ div.pp_default .pp_nav .pp_pause:hover,
183
+ div.pp_default .pp_arrow_next:hover,
184
+ div.pp_default .pp_arrow_previous:hover {
185
+ opacity: 0.7;
186
+ }
187
+
188
+ div.pp_default .pp_description {
189
+ font-size: 11px;
190
+ font-weight: bold;
191
+ line-height: 14px;
192
+ margin: 5px 0 5px 50px;
193
+ }
194
+
195
+ div.pp_default .pp_bottom .pp_left {
196
+ background: url(../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat;
197
+ }
198
+
199
+ /* Bottom left corner */
200
+ div.pp_default .pp_bottom .pp_middle {
201
+ background: url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x;
202
+ }
203
+
204
+ /* Bottom pattern/color */
205
+ div.pp_default .pp_bottom .pp_right {
206
+ background: url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat;
207
+ }
208
+
209
+ /* Bottom right corner */
210
+
211
+ div.pp_default .pp_loaderIcon {
212
+ background: url(../images/prettyPhoto/default/loader.gif) center center no-repeat;
213
+ }
214
+
215
+ /* Loader icon */
216
+
217
+ /* ----------------------------------
218
+ Light Rounded Theme
219
+ ----------------------------------- */
220
+
221
+ div.light_rounded .pp_top .pp_left {
222
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat;
223
+ }
224
+
225
+ /* Top left corner */
226
+ div.light_rounded .pp_top .pp_middle {
227
+ background: #fff;
228
+ }
229
+
230
+ /* Top pattern/color */
231
+ div.light_rounded .pp_top .pp_right {
232
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat;
233
+ }
234
+
235
+ /* Top right corner */
236
+
237
+ div.light_rounded .pp_content .ppt {
238
+ color: #000;
239
+ }
240
+
241
+ div.light_rounded .pp_content_container .pp_left,
242
+ div.light_rounded .pp_content_container .pp_right {
243
+ background: #fff;
244
+ }
245
+
246
+ div.light_rounded .pp_content {
247
+ background-color: #fff;
248
+ }
249
+
250
+ /* Content background */
251
+ div.light_rounded .pp_next:hover {
252
+ background: url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;
253
+ cursor: pointer;
254
+ }
255
+
256
+ /* Next button */
257
+ div.light_rounded .pp_previous:hover {
258
+ background: url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;
259
+ cursor: pointer;
260
+ }
261
+
262
+ /* Previous button */
263
+ div.light_rounded .pp_expand {
264
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;
265
+ cursor: pointer;
266
+ }
267
+
268
+ /* Expand button */
269
+ div.light_rounded .pp_expand:hover {
270
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;
271
+ cursor: pointer;
272
+ }
273
+
274
+ /* Expand button hover */
275
+ div.light_rounded .pp_contract {
276
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;
277
+ cursor: pointer;
278
+ }
279
+
280
+ /* Contract button */
281
+ div.light_rounded .pp_contract:hover {
282
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;
283
+ cursor: pointer;
284
+ }
285
+
286
+ /* Contract button hover */
287
+ div.light_rounded .pp_close {
288
+ width: 75px;
289
+ height: 22px;
290
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;
291
+ cursor: pointer;
292
+ }
293
+
294
+ /* Close button */
295
+ div.light_rounded .pp_details {
296
+ position: relative;
297
+ }
298
+
299
+ div.light_rounded .pp_description {
300
+ margin-left: 85px;
301
+ }
302
+
303
+ div.light_rounded #pp_full_res .pp_inline {
304
+ color: #000;
305
+ }
306
+
307
+ div.light_rounded .pp_gallery a.pp_arrow_previous,
308
+ div.light_rounded .pp_gallery a.pp_arrow_next {
309
+ margin-top: 12px !important;
310
+ }
311
+
312
+ div.light_rounded .pp_nav .pp_play {
313
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;
314
+ height: 15px;
315
+ width: 14px;
316
+ }
317
+
318
+ div.light_rounded .pp_nav .pp_pause {
319
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;
320
+ height: 15px;
321
+ width: 14px;
322
+ }
323
+
324
+ div.light_rounded .pp_arrow_previous {
325
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat;
326
+ }
327
+
328
+ /* The previous arrow in the bottom nav */
329
+ div.light_rounded .pp_arrow_previous.disabled {
330
+ background-position: 100% -87px;
331
+ cursor: default;
332
+ }
333
+
334
+ div.light_rounded .pp_arrow_next {
335
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat;
336
+ }
337
+
338
+ /* The next arrow in the bottom nav */
339
+ div.light_rounded .pp_arrow_next.disabled {
340
+ background-position: -22px -87px;
341
+ cursor: default;
342
+ }
343
+
344
+ div.light_rounded .pp_bottom .pp_left {
345
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat;
346
+ }
347
+
348
+ /* Bottom left corner */
349
+ div.light_rounded .pp_bottom .pp_middle {
350
+ background: #fff;
351
+ }
352
+
353
+ /* Bottom pattern/color */
354
+ div.light_rounded .pp_bottom .pp_right {
355
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat;
356
+ }
357
+
358
+ /* Bottom right corner */
359
+
360
+ div.light_rounded .pp_loaderIcon {
361
+ background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat;
362
+ }
363
+
364
+ /* Loader icon */
365
+
366
+ /* ----------------------------------
367
+ Dark Rounded Theme
368
+ ----------------------------------- */
369
+
370
+ div.dark_rounded .pp_top .pp_left {
371
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat;
372
+ }
373
+
374
+ /* Top left corner */
375
+ div.dark_rounded .pp_top .pp_middle {
376
+ background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;
377
+ }
378
+
379
+ /* Top pattern/color */
380
+ div.dark_rounded .pp_top .pp_right {
381
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat;
382
+ }
383
+
384
+ /* Top right corner */
385
+
386
+ div.dark_rounded .pp_content_container .pp_left {
387
+ background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y;
388
+ }
389
+
390
+ /* Left Content background */
391
+ div.dark_rounded .pp_content_container .pp_right {
392
+ background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y;
393
+ }
394
+
395
+ /* Right Content background */
396
+ div.dark_rounded .pp_content {
397
+ background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;
398
+ }
399
+
400
+ /* Content background */
401
+ div.dark_rounded .pp_next:hover {
402
+ background: url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;
403
+ cursor: pointer;
404
+ }
405
+
406
+ /* Next button */
407
+ div.dark_rounded .pp_previous:hover {
408
+ background: url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;
409
+ cursor: pointer;
410
+ }
411
+
412
+ /* Previous button */
413
+ div.dark_rounded .pp_expand {
414
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;
415
+ cursor: pointer;
416
+ }
417
+
418
+ /* Expand button */
419
+ div.dark_rounded .pp_expand:hover {
420
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;
421
+ cursor: pointer;
422
+ }
423
+
424
+ /* Expand button hover */
425
+ div.dark_rounded .pp_contract {
426
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;
427
+ cursor: pointer;
428
+ }
429
+
430
+ /* Contract button */
431
+ div.dark_rounded .pp_contract:hover {
432
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;
433
+ cursor: pointer;
434
+ }
435
+
436
+ /* Contract button hover */
437
+ div.dark_rounded .pp_close {
438
+ width: 75px;
439
+ height: 22px;
440
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;
441
+ cursor: pointer;
442
+ }
443
+
444
+ /* Close button */
445
+ div.dark_rounded .pp_details {
446
+ position: relative;
447
+ }
448
+
449
+ div.dark_rounded .pp_description {
450
+ margin-left: 85px;
451
+ }
452
+
453
+ div.dark_rounded .currentTextHolder {
454
+ color: #c4c4c4;
455
+ }
456
+
457
+ div.dark_rounded .pp_description {
458
+ color: #fff;
459
+ }
460
+
461
+ div.dark_rounded #pp_full_res .pp_inline {
462
+ color: #fff;
463
+ }
464
+
465
+ div.dark_rounded .pp_gallery a.pp_arrow_previous,
466
+ div.dark_rounded .pp_gallery a.pp_arrow_next {
467
+ margin-top: 12px !important;
468
+ }
469
+
470
+ div.dark_rounded .pp_nav .pp_play {
471
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;
472
+ height: 15px;
473
+ width: 14px;
474
+ }
475
+
476
+ div.dark_rounded .pp_nav .pp_pause {
477
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;
478
+ height: 15px;
479
+ width: 14px;
480
+ }
481
+
482
+ div.dark_rounded .pp_arrow_previous {
483
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat;
484
+ }
485
+
486
+ /* The previous arrow in the bottom nav */
487
+ div.dark_rounded .pp_arrow_previous.disabled {
488
+ background-position: 100% -87px;
489
+ cursor: default;
490
+ }
491
+
492
+ div.dark_rounded .pp_arrow_next {
493
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat;
494
+ }
495
+
496
+ /* The next arrow in the bottom nav */
497
+ div.dark_rounded .pp_arrow_next.disabled {
498
+ background-position: -22px -87px;
499
+ cursor: default;
500
+ }
501
+
502
+ div.dark_rounded .pp_bottom .pp_left {
503
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat;
504
+ }
505
+
506
+ /* Bottom left corner */
507
+ div.dark_rounded .pp_bottom .pp_middle {
508
+ background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;
509
+ }
510
+
511
+ /* Bottom pattern/color */
512
+ div.dark_rounded .pp_bottom .pp_right {
513
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat;
514
+ }
515
+
516
+ /* Bottom right corner */
517
+
518
+ div.dark_rounded .pp_loaderIcon {
519
+ background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat;
520
+ }
521
+
522
+ /* Loader icon */
523
+
524
+ /* ----------------------------------
525
+ Dark Square Theme
526
+ ----------------------------------- */
527
+
528
+ div.dark_square .pp_left,
529
+ div.dark_square .pp_middle,
530
+ div.dark_square .pp_right,
531
+ div.dark_square .pp_content {
532
+ background: #000;
533
+ }
534
+
535
+ div.dark_square .currentTextHolder {
536
+ color: #c4c4c4;
537
+ }
538
+
539
+ div.dark_square .pp_description {
540
+ color: #fff;
541
+ }
542
+
543
+ div.dark_square .pp_loaderIcon {
544
+ background: url(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat;
545
+ }
546
+
547
+ /* Loader icon */
548
+
549
+ div.dark_square .pp_expand {
550
+ background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;
551
+ cursor: pointer;
552
+ }
553
+
554
+ /* Expand button */
555
+ div.dark_square .pp_expand:hover {
556
+ background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;
557
+ cursor: pointer;
558
+ }
559
+
560
+ /* Expand button hover */
561
+ div.dark_square .pp_contract {
562
+ background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;
563
+ cursor: pointer;
564
+ }
565
+
566
+ /* Contract button */
567
+ div.dark_square .pp_contract:hover {
568
+ background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;
569
+ cursor: pointer;
570
+ }
571
+
572
+ /* Contract button hover */
573
+ div.dark_square .pp_close {
574
+ width: 75px;
575
+ height: 22px;
576
+ background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;
577
+ cursor: pointer;
578
+ }
579
+
580
+ /* Close button */
581
+ div.dark_square .pp_details {
582
+ position: relative;
583
+ }
584
+
585
+ div.dark_square .pp_description {
586
+ margin: 0 0 0 85px;
587
+ }
588
+
589
+ div.dark_square #pp_full_res .pp_inline {
590
+ color: #fff;
591
+ }
592
+
593
+ div.dark_square .pp_gallery a.pp_arrow_previous,
594
+ div.dark_square .pp_gallery a.pp_arrow_next {
595
+ margin-top: 12px !important;
596
+ }
597
+
598
+ div.dark_square .pp_nav {
599
+ clear: none;
600
+ }
601
+
602
+ div.dark_square .pp_nav .pp_play {
603
+ background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;
604
+ height: 15px;
605
+ width: 14px;
606
+ }
607
+
608
+ div.dark_square .pp_nav .pp_pause {
609
+ background: url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;
610
+ height: 15px;
611
+ width: 14px;
612
+ }
613
+
614
+ div.dark_square .pp_arrow_previous {
615
+ background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat;
616
+ }
617
+
618
+ /* The previous arrow in the bottom nav */
619
+ div.dark_square .pp_arrow_previous.disabled {
620
+ background-position: 100% -87px;
621
+ cursor: default;
622
+ }
623
+
624
+ div.dark_square .pp_arrow_next {
625
+ background: url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat;
626
+ }
627
+
628
+ /* The next arrow in the bottom nav */
629
+ div.dark_square .pp_arrow_next.disabled {
630
+ background-position: -22px -87px;
631
+ cursor: default;
632
+ }
633
+
634
+ div.dark_square .pp_next:hover {
635
+ background: url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;
636
+ cursor: pointer;
637
+ }
638
+
639
+ /* Next button */
640
+ div.dark_square .pp_previous:hover {
641
+ background: url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;
642
+ cursor: pointer;
643
+ }
644
+
645
+ /* Previous button */
646
+
647
+ /* ----------------------------------
648
+ Light Square Theme
649
+ ----------------------------------- */
650
+
651
+ div.light_square .pp_left,
652
+ div.light_square .pp_middle,
653
+ div.light_square .pp_right,
654
+ div.light_square .pp_content {
655
+ background: #fff;
656
+ }
657
+
658
+ div.light_square .pp_content .ppt {
659
+ color: #000;
660
+ }
661
+
662
+ div.light_square .pp_expand {
663
+ background: url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;
664
+ cursor: pointer;
665
+ }
666
+
667
+ /* Expand button */
668
+ div.light_square .pp_expand:hover {
669
+ background: url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;
670
+ cursor: pointer;
671
+ }
672
+
673
+ /* Expand button hover */
674
+ div.light_square .pp_contract {
675
+ background: url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;
676
+ cursor: pointer;
677
+ }
678
+
679
+ /* Contract button */
680
+ div.light_square .pp_contract:hover {
681
+ background: url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;
682
+ cursor: pointer;
683
+ }
684
+
685
+ /* Contract button hover */
686
+ div.light_square .pp_close {
687
+ width: 75px;
688
+ height: 22px;
689
+ background: url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;
690
+ cursor: pointer;
691
+ }
692
+
693
+ /* Close button */
694
+ div.light_square .pp_details {
695
+ position: relative;
696
+ }
697
+
698
+ div.light_square .pp_description {
699
+ margin-left: 85px;
700
+ }
701
+
702
+ div.light_square #pp_full_res .pp_inline {
703
+ color: #000;
704
+ }
705
+
706
+ div.light_square .pp_gallery a.pp_arrow_previous,
707
+ div.light_square .pp_gallery a.pp_arrow_next {
708
+ margin-top: 12px !important;
709
+ }
710
+
711
+ div.light_square .pp_nav .pp_play {
712
+ background: url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;
713
+ height: 15px;
714
+ width: 14px;
715
+ }
716
+
717
+ div.light_square .pp_nav .pp_pause {
718
+ background: url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;
719
+ height: 15px;
720
+ width: 14px;
721
+ }
722
+
723
+ div.light_square .pp_arrow_previous {
724
+ background: url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat;
725
+ }
726
+
727
+ /* The previous arrow in the bottom nav */
728
+ div.light_square .pp_arrow_previous.disabled {
729
+ background-position: 100% -87px;
730
+ cursor: default;
731
+ }
732
+
733
+ div.light_square .pp_arrow_next {
734
+ background: url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat;
735
+ }
736
+
737
+ /* The next arrow in the bottom nav */
738
+ div.light_square .pp_arrow_next.disabled {
739
+ background-position: -22px -87px;
740
+ cursor: default;
741
+ }
742
+
743
+ div.light_square .pp_next:hover {
744
+ background: url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;
745
+ cursor: pointer;
746
+ }
747
+
748
+ /* Next button */
749
+ div.light_square .pp_previous:hover {
750
+ background: url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;
751
+ cursor: pointer;
752
+ }
753
+
754
+ /* Previous button */
755
+
756
+ div.light_square .pp_loaderIcon {
757
+ background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat;
758
+ }
759
+
760
+ /* Loader icon */
761
+
762
+ /* ----------------------------------
763
+ Facebook style Theme
764
+ ----------------------------------- */
765
+
766
+ div.facebook .pp_top .pp_left {
767
+ background: url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat;
768
+ }
769
+
770
+ /* Top left corner */
771
+ div.facebook .pp_top .pp_middle {
772
+ background: url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x;
773
+ }
774
+
775
+ /* Top pattern/color */
776
+ div.facebook .pp_top .pp_right {
777
+ background: url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat;
778
+ }
779
+
780
+ /* Top right corner */
781
+
782
+ div.facebook .pp_content .ppt {
783
+ color: #000;
784
+ }
785
+
786
+ div.facebook .pp_content_container .pp_left {
787
+ background: url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y;
788
+ }
789
+
790
+ /* Content background */
791
+ div.facebook .pp_content_container .pp_right {
792
+ background: url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y;
793
+ }
794
+
795
+ /* Content background */
796
+ div.facebook .pp_content {
797
+ background: #fff;
798
+ }
799
+
800
+ /* Content background */
801
+ div.facebook .pp_expand {
802
+ background: url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;
803
+ cursor: pointer;
804
+ }
805
+
806
+ /* Expand button */
807
+ div.facebook .pp_expand:hover {
808
+ background: url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;
809
+ cursor: pointer;
810
+ }
811
+
812
+ /* Expand button hover */
813
+ div.facebook .pp_contract {
814
+ background: url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;
815
+ cursor: pointer;
816
+ }
817
+
818
+ /* Contract button */
819
+ div.facebook .pp_contract:hover {
820
+ background: url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;
821
+ cursor: pointer;
822
+ }
823
+
824
+ /* Contract button hover */
825
+ div.facebook .pp_close {
826
+ width: 22px;
827
+ height: 22px;
828
+ background: url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;
829
+ cursor: pointer;
830
+ }
831
+
832
+ /* Close button */
833
+ div.facebook .pp_details {
834
+ position: relative;
835
+ }
836
+
837
+ div.facebook .pp_description {
838
+ margin: 0 0 0 37px;
839
+ }
840
+
841
+ div.facebook #pp_full_res .pp_inline {
842
+ color: #000;
843
+ }
844
+
845
+ div.facebook .pp_loaderIcon {
846
+ background: url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat;
847
+ }
848
+
849
+ /* Loader icon */
850
+
851
+ div.facebook .pp_arrow_previous {
852
+ background: url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;
853
+ height: 22px;
854
+ margin-top: 0;
855
+ width: 22px;
856
+ }
857
+
858
+ /* The previous arrow in the bottom nav */
859
+ div.facebook .pp_arrow_previous.disabled {
860
+ background-position: 100% -96px;
861
+ cursor: default;
862
+ }
863
+
864
+ div.facebook .pp_arrow_next {
865
+ background: url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;
866
+ height: 22px;
867
+ margin-top: 0;
868
+ width: 22px;
869
+ }
870
+
871
+ /* The next arrow in the bottom nav */
872
+ div.facebook .pp_arrow_next.disabled {
873
+ background-position: -32px -96px;
874
+ cursor: default;
875
+ }
876
+
877
+ div.facebook .pp_nav {
878
+ margin-top: 0;
879
+ }
880
+
881
+ div.facebook .pp_nav p {
882
+ font-size: 15px;
883
+ padding: 0 4px 0 3px;
884
+ }
885
+
886
+ div.facebook .pp_nav .pp_play {
887
+ background: url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;
888
+ height: 22px;
889
+ width: 22px;
890
+ }
891
+
892
+ div.facebook .pp_nav .pp_pause {
893
+ background: url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;
894
+ height: 22px;
895
+ width: 22px;
896
+ }
897
+
898
+ div.facebook .pp_next:hover {
899
+ background: url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;
900
+ cursor: pointer;
901
+ }
902
+
903
+ /* Next button */
904
+ div.facebook .pp_previous:hover {
905
+ background: url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;
906
+ cursor: pointer;
907
+ }
908
+
909
+ /* Previous button */
910
+
911
+ div.facebook .pp_bottom .pp_left {
912
+ background: url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat;
913
+ }
914
+
915
+ /* Bottom left corner */
916
+ div.facebook .pp_bottom .pp_middle {
917
+ background: url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x;
918
+ }
919
+
920
+ /* Bottom pattern/color */
921
+ div.facebook .pp_bottom .pp_right {
922
+ background: url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat;
923
+ }
924
+
925
+ /* Bottom right corner */
926
+
927
+ /* ------------------------------------------------------------------------
928
+ DO NOT CHANGE
929
+ ------------------------------------------------------------------------- */
930
+
931
+ div.pp_pic_holder a:focus {
932
+ outline: none;
933
+ }
934
+
935
+ div.pp_overlay {
936
+ background: #000;
937
+ display: none;
938
+ right: 0;
939
+ position: absolute;
940
+ top: 0;
941
+ width: 100%;
942
+ z-index: 9500;
943
+ }
944
+
945
+ div.pp_pic_holder {
946
+ display: none;
947
+ position: absolute;
948
+ width: 100px;
949
+ z-index: 10000;
950
+ overflow: hidden;
951
+ }
952
+
953
+ .pp_top {
954
+ height: 20px;
955
+ position: relative;
956
+ }
957
+
958
+ * html .pp_top {
959
+ padding: 0 20px;
960
+ }
961
+
962
+ .pp_top .pp_left {
963
+ height: 20px;
964
+ left: 0;
965
+ position: absolute;
966
+ width: 20px;
967
+ }
968
+
969
+ .pp_top .pp_middle {
970
+ height: 20px;
971
+ right: 20px;
972
+ position: absolute;
973
+ left: 20px;
974
+ }
975
+
976
+ * html .pp_top .pp_middle {
977
+ right: 0;
978
+ position: static;
979
+ }
980
+
981
+ .pp_top .pp_right {
982
+ height: 20px;
983
+ left: auto;
984
+ position: absolute;
985
+ right: 0;
986
+ top: 0;
987
+ width: 20px;
988
+ }
989
+
990
+ .pp_content {
991
+ height: 40px;
992
+ min-width: 40px;
993
+ }
994
+
995
+ * html .pp_content {
996
+ width: 40px;
997
+ }
998
+
999
+ .pp_fade {
1000
+ display: none;
1001
+ }
1002
+
1003
+ .pp_content_container {
1004
+ position: relative;
1005
+ text-align: right;
1006
+ width: 100%;
1007
+ }
1008
+
1009
+ .pp_content_container .pp_left {
1010
+ padding-left: 20px;
1011
+ }
1012
+
1013
+ .pp_content_container .pp_right {
1014
+ padding-right: 20px;
1015
+ }
1016
+
1017
+ .pp_content_container .pp_details {
1018
+ float: right;
1019
+ margin: 10px 0 2px 0;
1020
+ }
1021
+
1022
+ .pp_description {
1023
+ display: none;
1024
+ margin: 0;
1025
+ }
1026
+
1027
+ .pp_social {
1028
+ float: right;
1029
+ margin: 0;
1030
+ }
1031
+
1032
+ .pp_social .facebook {
1033
+ float: right;
1034
+ margin-right: 5px;
1035
+ width: 55px;
1036
+ overflow: hidden;
1037
+ }
1038
+
1039
+ .pp_social .twitter {
1040
+ float: right;
1041
+ }
1042
+
1043
+ .pp_nav {
1044
+ clear: left;
1045
+ float: right;
1046
+ margin: 3px 0 0 10px;
1047
+ }
1048
+
1049
+ .pp_nav p {
1050
+ float: right;
1051
+ margin: 2px 4px;
1052
+ white-space: nowrap;
1053
+ }
1054
+
1055
+ .pp_nav .pp_play,
1056
+ .pp_nav .pp_pause {
1057
+ float: left;
1058
+ margin-right: 4px;
1059
+ text-indent: 10000px;
1060
+ }
1061
+
1062
+ a.pp_arrow_previous,
1063
+ a.pp_arrow_next {
1064
+ display: block;
1065
+ float: left;
1066
+ height: 15px;
1067
+ margin-top: 3px;
1068
+ overflow: hidden;
1069
+ text-indent: 10000px;
1070
+ width: 14px;
1071
+ }
1072
+
1073
+ .pp_hoverContainer {
1074
+ position: absolute;
1075
+ top: 0;
1076
+ width: 100%;
1077
+ z-index: 2000;
1078
+ }
1079
+
1080
+ .pp_gallery {
1081
+ display: none;
1082
+ left: 50%;
1083
+ margin-top: -50px;
1084
+ position: absolute;
1085
+ z-index: 10000;
1086
+ direction: ltr;
1087
+ }
1088
+
1089
+ .pp_gallery div {
1090
+ float: left;
1091
+ overflow: hidden;
1092
+ position: relative;
1093
+ }
1094
+
1095
+ .pp_gallery ul {
1096
+ float: left;
1097
+ height: 35px;
1098
+ margin: 0 0 0 5px;
1099
+ padding: 0;
1100
+ position: relative;
1101
+ white-space: nowrap;
1102
+ }
1103
+
1104
+ .pp_gallery ul a {
1105
+ border: 1px #000 solid;
1106
+ border: 1px rgba(0, 0, 0, 0.5) solid;
1107
+ display: block;
1108
+ float: left;
1109
+ height: 33px;
1110
+ overflow: hidden;
1111
+ }
1112
+
1113
+ .pp_gallery ul a:hover,
1114
+ .pp_gallery li.selected a {
1115
+ border-color: #fff;
1116
+ }
1117
+
1118
+ .pp_gallery ul a img {
1119
+ border: 0;
1120
+ }
1121
+
1122
+ .pp_gallery li {
1123
+ display: block;
1124
+ float: left;
1125
+ margin: 0 5px 0 0;
1126
+ padding: 0;
1127
+ }
1128
+
1129
+ .pp_gallery li.default a {
1130
+ background: url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
1131
+ display: block;
1132
+ height: 33px;
1133
+ width: 50px;
1134
+ }
1135
+
1136
+ .pp_gallery li.default a img {
1137
+ display: none;
1138
+ }
1139
+
1140
+ .pp_gallery .pp_arrow_previous,
1141
+ .pp_gallery .pp_arrow_next {
1142
+ margin-top: 7px !important;
1143
+ }
1144
+
1145
+ a.pp_next {
1146
+ background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
1147
+ display: block;
1148
+ float: right;
1149
+ height: 100%;
1150
+ text-indent: 10000px;
1151
+ width: 49%;
1152
+ }
1153
+
1154
+ a.pp_previous {
1155
+ background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
1156
+ display: block;
1157
+ float: left;
1158
+ height: 100%;
1159
+ text-indent: 10000px;
1160
+ width: 49%;
1161
+ }
1162
+
1163
+ a.pp_expand,
1164
+ a.pp_contract {
1165
+ cursor: pointer;
1166
+ display: none;
1167
+ height: 20px;
1168
+ position: absolute;
1169
+ left: 30px;
1170
+ text-indent: 10000px;
1171
+ top: 10px;
1172
+ width: 20px;
1173
+ z-index: 20000;
1174
+ }
1175
+
1176
+ a.pp_close {
1177
+ position: absolute;
1178
+ left: 0;
1179
+ top: 0;
1180
+ display: block;
1181
+ line-height: 22px;
1182
+ text-indent: 10000px;
1183
+ }
1184
+
1185
+ .pp_bottom {
1186
+ height: 20px;
1187
+ position: relative;
1188
+ }
1189
+
1190
+ * html .pp_bottom {
1191
+ padding: 0 20px;
1192
+ }
1193
+
1194
+ .pp_bottom .pp_left {
1195
+ height: 20px;
1196
+ left: 0;
1197
+ position: absolute;
1198
+ width: 20px;
1199
+ }
1200
+
1201
+ .pp_bottom .pp_middle {
1202
+ height: 20px;
1203
+ right: 20px;
1204
+ position: absolute;
1205
+ left: 20px;
1206
+ }
1207
+
1208
+ * html .pp_bottom .pp_middle {
1209
+ right: 0;
1210
+ position: static;
1211
+ }
1212
+
1213
+ .pp_bottom .pp_right {
1214
+ height: 20px;
1215
+ left: auto;
1216
+ position: absolute;
1217
+ right: 0;
1218
+ top: 0;
1219
+ width: 20px;
1220
+ }
1221
+
1222
+ .pp_loaderIcon {
1223
+ display: block;
1224
+ height: 24px;
1225
+ right: 50%;
1226
+ margin: -12px -12px 0 0;
1227
+ position: absolute;
1228
+ top: 50%;
1229
+ width: 24px;
1230
+ }
1231
+
1232
+ #pp_full_res {
1233
+ line-height: 1 !important;
1234
+ }
1235
+
1236
+ #pp_full_res .pp_inline {
1237
+ text-align: right;
1238
+ }
1239
+
1240
+ #pp_full_res .pp_inline p {
1241
+ margin: 0 0 15px 0;
1242
+ }
1243
+
1244
+ div.ppt {
1245
+ color: #fff;
1246
+ display: none;
1247
+ font-size: 17px;
1248
+ margin: 0 15px 5px 0;
1249
+ z-index: 9999;
1250
+ text-align: right;
1251
+ width: 100% !important;
1252
  }
assets/frontend/css/slick-rtl.css CHANGED
@@ -229,4 +229,9 @@ ul.slick-dots li {
229
  .premium-carousel-hidden {
230
  opacity: 0;
231
  visibility: hidden;
 
 
 
 
 
232
  }
229
  .premium-carousel-hidden {
230
  opacity: 0;
231
  visibility: hidden;
232
+ }
233
+
234
+ .theme-hello-elementor.woocommerce ul.products li.first,
235
+ .theme-hello-elementor.woocommerce-page ul.products li.first {
236
+ clear: unset;
237
  }
assets/frontend/css/slick.css CHANGED
@@ -1,189 +1,193 @@
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; }
190
+
191
+ .theme-hello-elementor.woocommerce ul.products li.first,
192
+ .theme-hello-elementor.woocommerce-page ul.products li.first {
193
+ clear: unset; }
assets/frontend/js/pa-gsap.js CHANGED
@@ -1,2961 +1,2961 @@
1
- /*!
2
- * ScrollMagic v2.0.7 (2019-05-07)
3
- * The javascript library for magical scroll interactions.
4
- * (c) 2019 Jan Paepke (@janpaepke)
5
- * Project Website: http://scrollmagic.io
6
- *
7
- * @version 2.0.7
8
- * @license Dual licensed under MIT license and GPL.
9
- * @author Jan Paepke - e-mail@janpaepke.de
10
- *
11
- * @file ScrollMagic main library.
12
- */
13
- /**
14
- * @namespace ScrollMagic
15
- */
16
- (function (root, factory) {
17
- if (typeof define === 'function' && define.amd) {
18
- // AMD. Register as an anonymous module.
19
- define(factory);
20
- } else if (typeof exports === 'object') {
21
- // CommonJS
22
- module.exports = factory();
23
- } else {
24
- // Browser global
25
- root.ScrollMagic = factory();
26
- }
27
- }(this, function () {
28
- "use strict";
29
-
30
- var ScrollMagic = function () {
31
- _util.log(2, '(COMPATIBILITY NOTICE) -> As of ScrollMagic 2.0.0 you need to use \'new ScrollMagic.Controller()\' to create a new controller instance. Use \'new ScrollMagic.Scene()\' to instance a scene.');
32
- };
33
-
34
- ScrollMagic.version = "2.0.7";
35
-
36
- // TODO: temporary workaround for chrome's scroll jitter bug
37
- window.addEventListener("mousewheel", function () { });
38
-
39
- // global const
40
- var PIN_SPACER_ATTRIBUTE = "data-scrollmagic-pin-spacer";
41
-
42
- /**
43
- * The main class that is needed once per scroll container.
44
- *
45
- * @class
46
- *
47
- * @example
48
- * // basic initialization
49
- * var controller = new ScrollMagic.Controller();
50
- *
51
- * // passing options
52
- * var controller = new ScrollMagic.Controller({container: "#myContainer", loglevel: 3});
53
- *
54
- * @param {object} [options] - An object containing one or more options for the controller.
55
- * @param {(string|object)} [options.container=window] - A selector, DOM object that references the main container for scrolling.
56
- * @param {boolean} [options.vertical=true] - Sets the scroll mode to vertical (`true`) or horizontal (`false`) scrolling.
57
- * @param {object} [options.globalSceneOptions={}] - These options will be passed to every Scene that is added to the controller using the addScene method. For more information on Scene options see {@link ScrollMagic.Scene}.
58
- * @param {number} [options.loglevel=2] Loglevel for debugging. Note that logging is disabled in the minified version of ScrollMagic.
59
- ** `0` => silent
60
- ** `1` => errors
61
- ** `2` => errors, warnings
62
- ** `3` => errors, warnings, debuginfo
63
- * @param {boolean} [options.refreshInterval=100] - Some changes don't call events by default, like changing the container size or moving a scene trigger element.
64
- This interval polls these parameters to fire the necessary events.
65
- If you don't use custom containers, trigger elements or have static layouts, where the positions of the trigger elements don't change, you can set this to 0 disable interval checking and improve performance.
66
- *
67
- */
68
- ScrollMagic.Controller = function (options) {
69
- /*
70
- * ----------------------------------------------------------------
71
- * settings
72
- * ----------------------------------------------------------------
73
- */
74
- var
75
- NAMESPACE = 'ScrollMagic.Controller',
76
- SCROLL_DIRECTION_FORWARD = 'FORWARD',
77
- SCROLL_DIRECTION_REVERSE = 'REVERSE',
78
- SCROLL_DIRECTION_PAUSED = 'PAUSED',
79
- DEFAULT_OPTIONS = CONTROLLER_OPTIONS.defaults;
80
-
81
- /*
82
- * ----------------------------------------------------------------
83
- * private vars
84
- * ----------------------------------------------------------------
85
- */
86
- var
87
- Controller = this,
88
- _options = _util.extend({}, DEFAULT_OPTIONS, options),
89
- _sceneObjects = [],
90
- _updateScenesOnNextCycle = false, // can be boolean (true => all scenes) or an array of scenes to be updated
91
- _scrollPos = 0,
92
- _scrollDirection = SCROLL_DIRECTION_PAUSED,
93
- _isDocument = true,
94
- _viewPortSize = 0,
95
- _enabled = true,
96
- _updateTimeout,
97
- _refreshTimeout;
98
-
99
- /*
100
- * ----------------------------------------------------------------
101
- * private functions
102
- * ----------------------------------------------------------------
103
- */
104
-
105
- /**
106
- * Internal constructor function of the ScrollMagic Controller
107
- * @private
108
- */
109
- var construct = function () {
110
- for (var key in _options) {
111
- if (!DEFAULT_OPTIONS.hasOwnProperty(key)) {
112
- log(2, "WARNING: Unknown option \"" + key + "\"");
113
- delete _options[key];
114
- }
115
- }
116
- _options.container = _util.get.elements(_options.container)[0];
117
- // check ScrollContainer
118
- if (!_options.container) {
119
- log(1, "ERROR creating object " + NAMESPACE + ": No valid scroll container supplied");
120
- throw NAMESPACE + " init failed."; // cancel
121
- }
122
- _isDocument = _options.container === window || _options.container === document.body || !document.body.contains(_options.container);
123
- // normalize to window
124
- if (_isDocument) {
125
- _options.container = window;
126
- }
127
- // update container size immediately
128
- _viewPortSize = getViewportSize();
129
- // set event handlers
130
- _options.container.addEventListener("resize", onChange);
131
- _options.container.addEventListener("scroll", onChange);
132
-
133
- var ri = parseInt(_options.refreshInterval, 10);
134
- _options.refreshInterval = _util.type.Number(ri) ? ri : DEFAULT_OPTIONS.refreshInterval;
135
- scheduleRefresh();
136
-
137
- log(3, "added new " + NAMESPACE + " controller (v" + ScrollMagic.version + ")");
138
- };
139
-
140
- /**
141
- * Schedule the next execution of the refresh function
142
- * @private
143
- */
144
- var scheduleRefresh = function () {
145
- if (_options.refreshInterval > 0) {
146
- _refreshTimeout = window.setTimeout(refresh, _options.refreshInterval);
147
- }
148
- };
149
-
150
- /**
151
- * Default function to get scroll pos - overwriteable using `Controller.scrollPos(newFunction)`
152
- * @private
153
- */
154
- var getScrollPos = function () {
155
- return _options.vertical ? _util.get.scrollTop(_options.container) : _util.get.scrollLeft(_options.container);
156
- };
157
-
158
- /**
159
- * Returns the current viewport Size (width vor horizontal, height for vertical)
160
- * @private
161
- */
162
- var getViewportSize = function () {
163
- return _options.vertical ? _util.get.height(_options.container) : _util.get.width(_options.container);
164
- };
165
-
166
- /**
167
- * Default function to set scroll pos - overwriteable using `Controller.scrollTo(newFunction)`
168
- * Make available publicly for pinned mousewheel workaround.
169
- * @private
170
- */
171
- var setScrollPos = this._setScrollPos = function (pos) {
172
- if (_options.vertical) {
173
- if (_isDocument) {
174
- window.scrollTo(_util.get.scrollLeft(), pos);
175
- } else {
176
- _options.container.scrollTop = pos;
177
- }
178
- } else {
179
- if (_isDocument) {
180
- window.scrollTo(pos, _util.get.scrollTop());
181
- } else {
182
- _options.container.scrollLeft = pos;
183
- }
184
- }
185
- };
186
-
187
- /**
188
- * Handle updates in cycles instead of on scroll (performance)
189
- * @private
190
- */
191
- var updateScenes = function () {
192
- if (_enabled && _updateScenesOnNextCycle) {
193
- // determine scenes to update
194
- var scenesToUpdate = _util.type.Array(_updateScenesOnNextCycle) ? _updateScenesOnNextCycle : _sceneObjects.slice(0);
195
- // reset scenes
196
- _updateScenesOnNextCycle = false;
197
- var oldScrollPos = _scrollPos;
198
- // update scroll pos now instead of onChange, as it might have changed since scheduling (i.e. in-browser smooth scroll)
199
- _scrollPos = Controller.scrollPos();
200
- var deltaScroll = _scrollPos - oldScrollPos;
201
- if (deltaScroll !== 0) { // scroll position changed?
202
- _scrollDirection = (deltaScroll > 0) ? SCROLL_DIRECTION_FORWARD : SCROLL_DIRECTION_REVERSE;
203
- }
204
- // reverse order of scenes if scrolling reverse
205
- if (_scrollDirection === SCROLL_DIRECTION_REVERSE) {
206
- scenesToUpdate.reverse();
207
- }
208
- // update scenes
209
- scenesToUpdate.forEach(function (scene, index) {
210
- log(3, "updating Scene " + (index + 1) + "/" + scenesToUpdate.length + " (" + _sceneObjects.length + " total)");
211
- scene.update(true);
212
- });
213
- if (scenesToUpdate.length === 0 && _options.loglevel >= 3) {
214
- log(3, "updating 0 Scenes (nothing added to controller)");
215
- }
216
- }
217
- };
218
-
219
- /**
220
- * Initializes rAF callback
221
- * @private
222
- */
223
- var debounceUpdate = function () {
224
- _updateTimeout = _util.rAF(updateScenes);
225
- };
226
-
227
- /**
228
- * Handles Container changes
229
- * @private
230
- */
231
- var onChange = function (e) {
232
- log(3, "event fired causing an update:", e.type);
233
- if (e.type == "resize") {
234
- // resize
235
- _viewPortSize = getViewportSize();
236
- _scrollDirection = SCROLL_DIRECTION_PAUSED;
237
- }
238
- // schedule update
239
- if (_updateScenesOnNextCycle !== true) {
240
- _updateScenesOnNextCycle = true;
241
- debounceUpdate();
242
- }
243
- };
244
-
245
- var refresh = function () {
246
- if (!_isDocument) {
247
- // simulate resize event. Only works for viewport relevant param (performance)
248
- if (_viewPortSize != getViewportSize()) {
249
- var resizeEvent;
250
- try {
251
- resizeEvent = new Event('resize', {
252
- bubbles: false,
253
- cancelable: false
254
- });
255
- } catch (e) { // stupid IE
256
- resizeEvent = document.createEvent("Event");
257
- resizeEvent.initEvent("resize", false, false);
258
- }
259
- _options.container.dispatchEvent(resizeEvent);
260
- }
261
- }
262
- _sceneObjects.forEach(function (scene, index) { // refresh all scenes
263
- scene.refresh();
264
- });
265
- scheduleRefresh();
266
- };
267
-
268
- /**
269
- * Send a debug message to the console.
270
- * provided publicly with _log for plugins
271
- * @private
272
- *
273
- * @param {number} loglevel - The loglevel required to initiate output for the message.
274
- * @param {...mixed} output - One or more variables that should be passed to the console.
275
- */
276
- var log = this._log = function (loglevel, output) {
277
- if (_options.loglevel >= loglevel) {
278
- Array.prototype.splice.call(arguments, 1, 0, "(" + NAMESPACE + ") ->");
279
- _util.log.apply(window, arguments);
280
- }
281
- };
282
- // for scenes we have getters for each option, but for the controller we don't, so we need to make it available externally for plugins
283
- this._options = _options;
284
-
285
- /**
286
- * Sort scenes in ascending order of their start offset.
287
- * @private
288
- *
289
- * @param {array} ScenesArray - an array of ScrollMagic Scenes that should be sorted
290
- * @return {array} The sorted array of Scenes.
291
- */
292
- var sortScenes = function (ScenesArray) {
293
- if (ScenesArray.length <= 1) {
294
- return ScenesArray;
295
- } else {
296
- var scenes = ScenesArray.slice(0);
297
- scenes.sort(function (a, b) {
298
- return a.scrollOffset() > b.scrollOffset() ? 1 : -1;
299
- });
300
- return scenes;
301
- }
302
- };
303
-
304
- /**
305
- * ----------------------------------------------------------------
306
- * public functions
307
- * ----------------------------------------------------------------
308
- */
309
-
310
- /**
311
- * Add one ore more scene(s) to the controller.
312
- * This is the equivalent to `Scene.addTo(controller)`.
313
- * @public
314
- * @example
315
- * // with a previously defined scene
316
- * controller.addScene(scene);
317
- *
318
- * // with a newly created scene.
319
- * controller.addScene(new ScrollMagic.Scene({duration : 0}));
320
- *
321
- * // adding multiple scenes
322
- * controller.addScene([scene, scene2, new ScrollMagic.Scene({duration : 0})]);
323
- *
324
- * @param {(ScrollMagic.Scene|array)} newScene - ScrollMagic Scene or Array of Scenes to be added to the controller.
325
- * @return {Controller} Parent object for chaining.
326
- */
327
- this.addScene = function (newScene) {
328
- if (_util.type.Array(newScene)) {
329
- newScene.forEach(function (scene, index) {
330
- Controller.addScene(scene);
331
- });
332
- } else if (newScene instanceof ScrollMagic.Scene) {
333
- if (newScene.controller() !== Controller) {
334
- newScene.addTo(Controller);
335
- } else if (_sceneObjects.indexOf(newScene) < 0) {
336
- // new scene
337
- _sceneObjects.push(newScene); // add to array
338
- _sceneObjects = sortScenes(_sceneObjects); // sort
339
- newScene.on("shift.controller_sort", function () { // resort whenever scene moves
340
- _sceneObjects = sortScenes(_sceneObjects);
341
- });
342
- // insert Global defaults.
343
- for (var key in _options.globalSceneOptions) {
344
- if (newScene[key]) {
345
- newScene[key].call(newScene, _options.globalSceneOptions[key]);
346
- }
347
- }
348
- log(3, "adding Scene (now " + _sceneObjects.length + " total)");
349
- }
350
- } else {
351
- log(1, "ERROR: invalid argument supplied for '.addScene()'");
352
- }
353
- return Controller;
354
- };
355
-
356
- /**
357
- * Remove one ore more scene(s) from the controller.
358
- * This is the equivalent to `Scene.remove()`.
359
- * @public
360
- * @example
361
- * // remove a scene from the controller
362
- * controller.removeScene(scene);
363
- *
364
- * // remove multiple scenes from the controller
365
- * controller.removeScene([scene, scene2, scene3]);
366
- *
367
- * @param {(ScrollMagic.Scene|array)} Scene - ScrollMagic Scene or Array of Scenes to be removed from the controller.
368
- * @returns {Controller} Parent object for chaining.
369
- */
370
- this.removeScene = function (Scene) {
371
- if (_util.type.Array(Scene)) {
372
- Scene.forEach(function (scene, index) {
373
- Controller.removeScene(scene);
374
- });
375
- } else {
376
- var index = _sceneObjects.indexOf(Scene);
377
- if (index > -1) {
378
- Scene.off("shift.controller_sort");
379
- _sceneObjects.splice(index, 1);
380
- log(3, "removing Scene (now " + _sceneObjects.length + " left)");
381
- Scene.remove();
382
- }
383
- }
384
- return Controller;
385
- };
386
-
387
- /**
388
- * Update one ore more scene(s) according to the scroll position of the container.
389
- * This is the equivalent to `Scene.update()`.
390
- * The update method calculates the scene's start and end position (based on the trigger element, trigger hook, duration and offset) and checks it against the current scroll position of the container.
391
- * It then updates the current scene state accordingly (or does nothing, if the state is already correct) – Pins will be set to their correct position and tweens will be updated to their correct progress.
392
- * _**Note:** This method gets called constantly whenever Controller detects a change. The only application for you is if you change something outside of the realm of ScrollMagic, like moving the trigger or changing tween parameters._
393
- * @public
394
- * @example
395
- * // update a specific scene on next cycle
396
- * controller.updateScene(scene);
397
- *
398
- * // update a specific scene immediately
399
- * controller.updateScene(scene, true);
400
- *
401
- * // update multiple scenes scene on next cycle
402
- * controller.updateScene([scene1, scene2, scene3]);
403
- *
404
- * @param {ScrollMagic.Scene} Scene - ScrollMagic Scene or Array of Scenes that is/are supposed to be updated.
405
- * @param {boolean} [immediately=false] - If `true` the update will be instant, if `false` it will wait until next update cycle.
406
- This is useful when changing multiple properties of the scene - this way it will only be updated once all new properties are set (updateScenes).
407
- * @return {Controller} Parent object for chaining.
408
- */
409
- this.updateScene = function (Scene, immediately) {
410
- if (_util.type.Array(Scene)) {
411
- Scene.forEach(function (scene, index) {
412
- Controller.updateScene(scene, immediately);
413
- });
414
- } else {
415
- if (immediately) {
416
- Scene.update(true);
417
- } else if (_updateScenesOnNextCycle !== true && Scene instanceof ScrollMagic.Scene) { // if _updateScenesOnNextCycle is true, all connected scenes are already scheduled for update
418
- // prep array for next update cycle
419
- _updateScenesOnNextCycle = _updateScenesOnNextCycle || [];
420
- if (_updateScenesOnNextCycle.indexOf(Scene) == -1) {
421
- _updateScenesOnNextCycle.push(Scene);
422
- }
423
- _updateScenesOnNextCycle = sortScenes(_updateScenesOnNextCycle); // sort
424
- debounceUpdate();
425
- }
426
- }
427
- return Controller;
428
- };
429
-
430
- /**
431
- * Updates the controller params and calls updateScene on every scene, that is attached to the controller.
432
- * See `Controller.updateScene()` for more information about what this means.
433
- * In most cases you will not need this function, as it is called constantly, whenever ScrollMagic detects a state change event, like resize or scroll.
434
- * The only application for this method is when ScrollMagic fails to detect these events.
435
- * One application is with some external scroll libraries (like iScroll) that move an internal container to a negative offset instead of actually scrolling. In this case the update on the controller needs to be called whenever the child container's position changes.
436
- * For this case there will also be the need to provide a custom function to calculate the correct scroll position. See `Controller.scrollPos()` for details.
437
- * @public
438
- * @example
439
- * // update the controller on next cycle (saves performance due to elimination of redundant updates)
440
- * controller.update();
441
- *
442
- * // update the controller immediately
443
- * controller.update(true);
444
- *
445
- * @param {boolean} [immediately=false] - If `true` the update will be instant, if `false` it will wait until next update cycle (better performance)
446
- * @return {Controller} Parent object for chaining.
447
- */
448
- this.update = function (immediately) {
449
- onChange({
450
- type: "resize"
451
- }); // will update size and set _updateScenesOnNextCycle to true
452
- if (immediately) {
453
- updateScenes();
454
- }
455
- return Controller;
456
- };
457
-
458
- /**
459
- * Scroll to a numeric scroll offset, a DOM element, the start of a scene or provide an alternate method for scrolling.
460
- * For vertical controllers it will change the top scroll offset and for horizontal applications it will change the left offset.
461
- * @public
462
- *
463
- * @since 1.1.0
464
- * @example
465
- * // scroll to an offset of 100
466
- * controller.scrollTo(100);
467
- *
468
- * // scroll to a DOM element
469
- * controller.scrollTo("#anchor");
470
- *
471
- * // scroll to the beginning of a scene
472
- * var scene = new ScrollMagic.Scene({offset: 200});
473
- * controller.scrollTo(scene);
474
- *
475
- * // define a new scroll position modification function (jQuery animate instead of jump)
476
- * controller.scrollTo(function (newScrollPos) {
477
- * $("html, body").animate({scrollTop: newScrollPos});
478
- * });
479
- * controller.scrollTo(100); // call as usual, but the new function will be used instead
480
- *
481
- * // define a new scroll function with an additional parameter
482
- * controller.scrollTo(function (newScrollPos, message) {
483
- * console.log(message);
484
- * $(this).animate({scrollTop: newScrollPos});
485
- * });
486
- * // call as usual, but supply an extra parameter to the defined custom function
487
- * controller.scrollTo(100, "my message");
488
- *
489
- * // define a new scroll function with an additional parameter containing multiple variables
490
- * controller.scrollTo(function (newScrollPos, options) {
491
- * someGlobalVar = options.a + options.b;
492
- * $(this).animate({scrollTop: newScrollPos});
493
- * });
494
- * // call as usual, but supply an extra parameter containing multiple options
495
- * controller.scrollTo(100, {a: 1, b: 2});
496
- *
497
- * // define a new scroll function with a callback supplied as an additional parameter
498
- * controller.scrollTo(function (newScrollPos, callback) {
499
- * $(this).animate({scrollTop: newScrollPos}, 400, "swing", callback);
500
- * });
501
- * // call as usual, but supply an extra parameter, which is used as a callback in the previously defined custom scroll function
502
- * controller.scrollTo(100, function() {
503
- * console.log("scroll has finished.");
504
- * });
505
- *
506
- * @param {mixed} scrollTarget - The supplied argument can be one of these types:
507
- * 1. `number` -> The container will scroll to this new scroll offset.
508
- * 2. `string` or `object` -> Can be a selector or a DOM object.
509
- * The container will scroll to the position of this element.
510
- * 3. `ScrollMagic Scene` -> The container will scroll to the start of this scene.
511
- * 4. `function` -> This function will be used for future scroll position modifications.
512
- * This provides a way for you to change the behaviour of scrolling and adding new behaviour like animation. The function receives the new scroll position as a parameter and a reference to the container element using `this`.
513
- * It may also optionally receive an optional additional parameter (see below)
514
- * _**NOTE:**
515
- * All other options will still work as expected, using the new function to scroll._
516
- * @param {mixed} [additionalParameter] - If a custom scroll function was defined (see above 4.), you may want to supply additional parameters to it, when calling it. You can do this using this parameter – see examples for details. Please note, that this parameter will have no effect, if you use the default scrolling function.
517
- * @returns {Controller} Parent object for chaining.
518
- */
519
- this.scrollTo = function (scrollTarget, additionalParameter) {
520
- if (_util.type.Number(scrollTarget)) { // excecute
521
- setScrollPos.call(_options.container, scrollTarget, additionalParameter);
522
- } else if (scrollTarget instanceof ScrollMagic.Scene) { // scroll to scene
523
- if (scrollTarget.controller() === Controller) { // check if the controller is associated with this scene
524
- Controller.scrollTo(scrollTarget.scrollOffset(), additionalParameter);
525
- } else {
526
- log(2, "scrollTo(): The supplied scene does not belong to this controller. Scroll cancelled.", scrollTarget);
527
- }
528
- } else if (_util.type.Function(scrollTarget)) { // assign new scroll function
529
- setScrollPos = scrollTarget;
530
- } else { // scroll to element
531
- var elem = _util.get.elements(scrollTarget)[0];
532
- if (elem) {
533
- // if parent is pin spacer, use spacer position instead so correct start position is returned for pinned elements.
534
- while (elem.parentNode.hasAttribute(PIN_SPACER_ATTRIBUTE)) {
535
- elem = elem.parentNode;
536
- }
537
-
538
- var
539
- param = _options.vertical ? "top" : "left", // which param is of interest ?
540
- containerOffset = _util.get.offset(_options.container), // container position is needed because element offset is returned in relation to document, not in relation to container.
541
- elementOffset = _util.get.offset(elem);
542
-
543
- if (!_isDocument) { // container is not the document root, so substract scroll Position to get correct trigger element position relative to scrollcontent
544
- containerOffset[param] -= Controller.scrollPos();
545
- }
546
-
547
- Controller.scrollTo(elementOffset[param] - containerOffset[param], additionalParameter);
548
- } else {
549
- log(2, "scrollTo(): The supplied argument is invalid. Scroll cancelled.", scrollTarget);
550
- }
551
- }
552
- return Controller;
553
- };
554
-
555
- /**
556
- * **Get** the current scrollPosition or **Set** a new method to calculate it.
557
- * -> **GET**:
558
- * When used as a getter this function will return the current scroll position.
559
- * To get a cached value use Controller.info("scrollPos"), which will be updated in the update cycle.
560
- * For vertical controllers it will return the top scroll offset and for horizontal applications it will return the left offset.
561
- *
562
- * -> **SET**:
563
- * When used as a setter this method prodes a way to permanently overwrite the controller's scroll position calculation.
564
- * A typical usecase is when the scroll position is not reflected by the containers scrollTop or scrollLeft values, but for example by the inner offset of a child container.
565
- * Moving a child container inside a parent is a commonly used method for several scrolling frameworks, including iScroll.
566
- * By providing an alternate calculation function you can make sure ScrollMagic receives the correct scroll position.
567
- * Please also bear in mind that your function should return y values for vertical scrolls an x for horizontals.
568
- *
569
- * To change the current scroll position please use `Controller.scrollTo()`.
570
- * @public
571
- *
572
- * @example
573
- * // get the current scroll Position
574
- * var scrollPos = controller.scrollPos();
575
- *
576
- * // set a new scroll position calculation method
577
- * controller.scrollPos(function () {
578
- * return this.info("vertical") ? -mychildcontainer.y : -mychildcontainer.x
579
- * });
580
- *
581
- * @param {function} [scrollPosMethod] - The function to be used for the scroll position calculation of the container.
582
- * @returns {(number|Controller)} Current scroll position or parent object for chaining.
583
- */
584
- this.scrollPos = function (scrollPosMethod) {
585
- if (!arguments.length) { // get
586
- return getScrollPos.call(Controller);
587
- } else { // set
588
- if (_util.type.Function(scrollPosMethod)) {
589
- getScrollPos = scrollPosMethod;
590
- } else {
591
- log(2, "Provided value for method 'scrollPos' is not a function. To change the current scroll position use 'scrollTo()'.");
592
- }
593
- }
594
- return Controller;
595
- };
596
-
597
- /**
598
- * **Get** all infos or one in particular about the controller.
599
- * @public
600
- * @example
601
- * // returns the current scroll position (number)
602
- * var scrollPos = controller.info("scrollPos");
603
- *
604
- * // returns all infos as an object
605
- * var infos = controller.info();
606
- *
607
- * @param {string} [about] - If passed only this info will be returned instead of an object containing all.
608
- Valid options are:
609
- ** `"size"` => the current viewport size of the container
610
- ** `"vertical"` => true if vertical scrolling, otherwise false
611
- ** `"scrollPos"` => the current scroll position
612
- ** `"scrollDirection"` => the last known direction of the scroll
613
- ** `"container"` => the container element
614
- ** `"isDocument"` => true if container element is the document.
615
- * @returns {(mixed|object)} The requested info(s).
616
- */
617
- this.info = function (about) {
618
- var values = {
619
- size: _viewPortSize, // contains height or width (in regard to orientation);
620
- vertical: _options.vertical,
621
- scrollPos: _scrollPos,
622
- scrollDirection: _scrollDirection,
623
- container: _options.container,
624
- isDocument: _isDocument
625
- };
626
- if (!arguments.length) { // get all as an object
627
- return values;
628
- } else if (values[about] !== undefined) {
629
- return values[about];
630
- } else {
631
- log(1, "ERROR: option \"" + about + "\" is not available");
632
- return;
633
- }
634
- };
635
-
636
- /**
637
- * **Get** or **Set** the current loglevel option value.
638
- * @public
639
- *
640
- * @example
641
- * // get the current value
642
- * var loglevel = controller.loglevel();
643
- *
644
- * // set a new value
645
- * controller.loglevel(3);
646
- *
647
- * @param {number} [newLoglevel] - The new loglevel setting of the Controller. `[0-3]`
648
- * @returns {(number|Controller)} Current loglevel or parent object for chaining.
649
- */
650
- this.loglevel = function (newLoglevel) {
651
- if (!arguments.length) { // get
652
- return _options.loglevel;
653
- } else if (_options.loglevel != newLoglevel) { // set
654
- _options.loglevel = newLoglevel;
655
- }
656
- return Controller;
657
- };
658
-
659
- /**
660
- * **Get** or **Set** the current enabled state of the controller.
661
- * This can be used to disable all Scenes connected to the controller without destroying or removing them.
662
- * @public
663
- *
664
- * @example
665
- * // get the current value
666
- * var enabled = controller.enabled();
667
- *
668
- * // disable the controller
669
- * controller.enabled(false);
670
- *
671
- * @param {boolean} [newState] - The new enabled state of the controller `true` or `false`.
672
- * @returns {(boolean|Controller)} Current enabled state or parent object for chaining.
673
- */
674
- this.enabled = function (newState) {
675
- if (!arguments.length) { // get
676
- return _enabled;
677
- } else if (_enabled != newState) { // set
678
- _enabled = !!newState;
679
- Controller.updateScene(_sceneObjects, true);
680
- }
681
- return Controller;
682
- };
683
-
684
- /**
685
- * Destroy the Controller, all Scenes and everything.
686
- * @public
687
- *
688
- * @example
689
- * // without resetting the scenes
690
- * controller = controller.destroy();
691
- *
692
- * // with scene reset
693
- * controller = controller.destroy(true);
694
- *
695
- * @param {boolean} [resetScenes=false] - If `true` the pins and tweens (if existent) of all scenes will be reset.
696
- * @returns {null} Null to unset handler variables.
697
- */
698
- this.destroy = function (resetScenes) {
699
- window.clearTimeout(_refreshTimeout);
700
- var i = _sceneObjects.length;
701
- while (i--) {
702
- _sceneObjects[i].destroy(resetScenes);
703
- }
704
- _options.container.removeEventListener("resize", onChange);
705
- _options.container.removeEventListener("scroll", onChange);
706
- _util.cAF(_updateTimeout);
707
- log(3, "destroyed " + NAMESPACE + " (reset: " + (resetScenes ? "true" : "false") + ")");
708
- return null;
709
- };
710
-
711
- // INIT
712
- construct();
713
- return Controller;
714
- };
715
-
716
- // store pagewide controller options
717
- var CONTROLLER_OPTIONS = {
718
- defaults: {
719
- container: window,
720
- vertical: true,
721
- globalSceneOptions: {},
722
- loglevel: 2,
723
- refreshInterval: 100
724
- }
725
- };
726
- /*
727
- * method used to add an option to ScrollMagic Scenes.
728
- */
729
- ScrollMagic.Controller.addOption = function (name, defaultValue) {
730
- CONTROLLER_OPTIONS.defaults[name] = defaultValue;
731
- };
732
- // instance extension function for plugins
733
- ScrollMagic.Controller.extend = function (extension) {
734
- var oldClass = this;
735
- ScrollMagic.Controller = function () {
736
- oldClass.apply(this, arguments);
737
- this.$super = _util.extend({}, this); // copy parent state
738
- return extension.apply(this, arguments) || this;
739
- };
740
- _util.extend(ScrollMagic.Controller, oldClass); // copy properties
741
- ScrollMagic.Controller.prototype = oldClass.prototype; // copy prototype
742
- ScrollMagic.Controller.prototype.constructor = ScrollMagic.Controller; // restore constructor
743
- };
744
-
745
-
746
- /**
747
- * A Scene defines where the controller should react and how.
748
- *
749
- * @class
750
- *
751
- * @example
752
- * // create a standard scene and add it to a controller
753
- * new ScrollMagic.Scene()
754
- * .addTo(controller);
755
- *
756
- * // create a scene with custom options and assign a handler to it.
757
- * var scene = new ScrollMagic.Scene({
758
- * duration: 100,
759
- * offset: 200,
760
- * triggerHook: "onEnter",
761
- * reverse: false
762
- * });
763
- *
764
- * @param {object} [options] - Options for the Scene. The options can be updated at any time.
765
- Instead of setting the options for each scene individually you can also set them globally in the controller as the controllers `globalSceneOptions` option. The object accepts the same properties as the ones below.
766
- When a scene is added to the controller the options defined using the Scene constructor will be overwritten by those set in `globalSceneOptions`.
767
- * @param {(number|string|function)} [options.duration=0] - The duration of the scene.
768
- Please see `Scene.duration()` for details.
769
- * @param {number} [options.offset=0] - Offset Value for the Trigger Position. If no triggerElement is defined this will be the scroll distance from the start of the page, after which the scene will start.
770
- * @param {(string|object)} [options.triggerElement=null] - Selector or DOM object that defines the start of the scene. If undefined the scene will start right at the start of the page (unless an offset is set).
771
- * @param {(number|string)} [options.triggerHook="onCenter"] - Can be a number between 0 and 1 defining the position of the trigger Hook in relation to the viewport.
772
- Can also be defined using a string:
773
- ** `"onEnter"` => `1`
774
- ** `"onCenter"` => `0.5`
775
- ** `"onLeave"` => `0`
776
- * @param {boolean} [options.reverse=true] - Should the scene reverse, when scrolling up?
777
- * @param {number} [options.loglevel=2] - Loglevel for debugging. Note that logging is disabled in the minified version of ScrollMagic.
778
- ** `0` => silent
779
- ** `1` => errors
780
- ** `2` => errors, warnings
781
- ** `3` => errors, warnings, debuginfo
782
- *
783
- */
784
- ScrollMagic.Scene = function (options) {
785
-
786
- /*
787
- * ----------------------------------------------------------------
788
- * settings
789
- * ----------------------------------------------------------------
790
- */
791
-
792
- var
793
- NAMESPACE = 'ScrollMagic.Scene',
794
- SCENE_STATE_BEFORE = 'BEFORE',
795
- SCENE_STATE_DURING = 'DURING',
796
- SCENE_STATE_AFTER = 'AFTER',
797
- DEFAULT_OPTIONS = SCENE_OPTIONS.defaults;
798
-
799
- /*
800
- * ----------------------------------------------------------------
801
- * private vars
802
- * ----------------------------------------------------------------
803
- */
804
-
805
- var
806
- Scene = this,
807
- _options = _util.extend({}, DEFAULT_OPTIONS, options),
808
- _state = SCENE_STATE_BEFORE,
809
- _progress = 0,
810
- _scrollOffset = {
811
- start: 0,
812
- end: 0
813
- }, // reflects the controllers's scroll position for the start and end of the scene respectively
814
- _triggerPos = 0,
815
- _enabled = true,
816
- _durationUpdateMethod,
817
- _controller;
818
-
819
- /**
820
- * Internal constructor function of the ScrollMagic Scene
821
- * @private
822
- */
823
- var construct = function () {
824
- for (var key in _options) { // check supplied options
825
- if (!DEFAULT_OPTIONS.hasOwnProperty(key)) {
826
- log(2, "WARNING: Unknown option \"" + key + "\"");
827
- delete _options[key];
828
- }
829
- }
830
- // add getters/setters for all possible options
831
- for (var optionName in DEFAULT_OPTIONS) {
832
- addSceneOption(optionName);
833
- }
834
- // validate all options
835
- validateOption();
836
- };
837
-
838
- /*
839
- * ----------------------------------------------------------------
840
- * Event Management
841
- * ----------------------------------------------------------------
842
- */
843
-
844
- var _listeners = {};
845
- /**
846
- * Scene start event.
847
- * Fires whenever the scroll position its the starting point of the scene.
848
- * It will also fire when scrolling back up going over the start position of the scene. If you want something to happen only when scrolling down/right, use the scrollDirection parameter passed to the callback.
849
- *
850
- * For details on this event and the order in which it is fired, please review the {@link Scene.progress} method.
851
- *
852
- * @event ScrollMagic.Scene#start
853
- *
854
- * @example
855
- * scene.on("start", function (event) {
856
- * console.log("Hit start point of scene.");
857
- * });
858
- *
859
- * @property {object} event - The event Object passed to each callback
860
- * @property {string} event.type - The name of the event
861
- * @property {Scene} event.target - The Scene object that triggered this event
862
- * @property {number} event.progress - Reflects the current progress of the scene
863
- * @property {string} event.state - The current state of the scene `"BEFORE"` or `"DURING"`
864
- * @property {string} event.scrollDirection - Indicates which way we are scrolling `"PAUSED"`, `"FORWARD"` or `"REVERSE"`
865
- */
866
- /**
867
- * Scene end event.
868
- * Fires whenever the scroll position its the ending point of the scene.
869
- * It will also fire when scrolling back up from after the scene and going over its end position. If you want something to happen only when scrolling down/right, use the scrollDirection parameter passed to the callback.
870
- *
871
- * For details on this event and the order in which it is fired, please review the {@link Scene.progress} method.
872
- *
873
- * @event ScrollMagic.Scene#end
874
- *
875
- * @example
876
- * scene.on("end", function (event) {
877
- * console.log("Hit end point of scene.");
878
- * });
879
- *
880
- * @property {object} event - The event Object passed to each callback
881
- * @property {string} event.type - The name of the event
882
- * @property {Scene} event.target - The Scene object that triggered this event
883
- * @property {number} event.progress - Reflects the current progress of the scene
884
- * @property {string} event.state - The current state of the scene `"DURING"` or `"AFTER"`
885
- * @property {string} event.scrollDirection - Indicates which way we are scrolling `"PAUSED"`, `"FORWARD"` or `"REVERSE"`
886
- */
887
- /**
888
- * Scene enter event.
889
- * Fires whenever the scene enters the "DURING" state.
890
- * Keep in mind that it doesn't matter if the scene plays forward or backward: This event always fires when the scene enters its active scroll timeframe, regardless of the scroll-direction.
891
- *
892
- * For details on this event and the order in which it is fired, please review the {@link Scene.progress} method.
893
- *
894
- * @event ScrollMagic.Scene#enter
895
- *
896
- * @example
897
- * scene.on("enter", function (event) {
898
- * console.log("Scene entered.");
899
- * });
900
- *
901
- * @property {object} event - The event Object passed to each callback
902
- * @property {string} event.type - The name of the event
903
- * @property {Scene} event.target - The Scene object that triggered this event
904
- * @property {number} event.progress - Reflects the current progress of the scene
905
- * @property {string} event.state - The current state of the scene - always `"DURING"`
906
- * @property {string} event.scrollDirection - Indicates which way we are scrolling `"PAUSED"`, `"FORWARD"` or `"REVERSE"`
907
- */
908
- /**
909
- * Scene leave event.
910
- * Fires whenever the scene's state goes from "DURING" to either "BEFORE" or "AFTER".
911
- * Keep in mind that it doesn't matter if the scene plays forward or backward: This event always fires when the scene leaves its active scroll timeframe, regardless of the scroll-direction.
912
- *
913
- * For details on this event and the order in which it is fired, please review the {@link Scene.progress} method.
914
- *
915
- * @event ScrollMagic.Scene#leave
916
- *
917
- * @example
918
- * scene.on("leave", function (event) {
919
- * console.log("Scene left.");
920
- * });
921
- *
922
- * @property {object} event - The event Object passed to each callback
923
- * @property {string} event.type - The name of the event
924
- * @property {Scene} event.target - The Scene object that triggered this event
925
- * @property {number} event.progress - Reflects the current progress of the scene
926
- * @property {string} event.state - The current state of the scene `"BEFORE"` or `"AFTER"`
927
- * @property {string} event.scrollDirection - Indicates which way we are scrolling `"PAUSED"`, `"FORWARD"` or `"REVERSE"`
928
- */
929
- /**
930
- * Scene update event.
931
- * Fires whenever the scene is updated (but not necessarily changes the progress).
932
- *
933
- * @event ScrollMagic.Scene#update
934
- *
935
- * @example
936
- * scene.on("update", function (event) {
937
- * console.log("Scene updated.");
938
- * });
939
- *
940
- * @property {object} event - The event Object passed to each callback
941
- * @property {string} event.type - The name of the event
942
- * @property {Scene} event.target - The Scene object that triggered this event
943
- * @property {number} event.startPos - The starting position of the scene (in relation to the conainer)
944
- * @property {number} event.endPos - The ending position of the scene (in relation to the conainer)
945
- * @property {number} event.scrollPos - The current scroll position of the container
946
- */
947
- /**
948
- * Scene progress event.
949
- * Fires whenever the progress of the scene changes.
950
- *
951
- * For details on this event and the order in which it is fired, please review the {@link Scene.progress} method.
952
- *
953
- * @event ScrollMagic.Scene#progress
954
- *
955
- * @example
956
- * scene.on("progress", function (event) {
957
- * console.log("Scene progress changed to " + event.progress);
958
- * });
959
- *
960
- * @property {object} event - The event Object passed to each callback
961
- * @property {string} event.type - The name of the event
962
- * @property {Scene} event.target - The Scene object that triggered this event
963
- * @property {number} event.progress - Reflects the current progress of the scene
964
- * @property {string} event.state - The current state of the scene `"BEFORE"`, `"DURING"` or `"AFTER"`
965
- * @property {string} event.scrollDirection - Indicates which way we are scrolling `"PAUSED"`, `"FORWARD"` or `"REVERSE"`
966
- */
967
- /**
968
- * Scene change event.
969
- * Fires whenvever a property of the scene is changed.
970
- *
971
- * @event ScrollMagic.Scene#change
972
- *
973
- * @example
974
- * scene.on("change", function (event) {
975
- * console.log("Scene Property \"" + event.what + "\" changed to " + event.newval);
976
- * });
977
- *
978
- * @property {object} event - The event Object passed to each callback
979
- * @property {string} event.type - The name of the event
980
- * @property {Scene} event.target - The Scene object that triggered this event
981
- * @property {string} event.what - Indicates what value has been changed
982
- * @property {mixed} event.newval - The new value of the changed property
983
- */
984
- /**
985
- * Scene shift event.
986
- * Fires whenvever the start or end **scroll offset** of the scene change.
987
- * This happens explicitely, when one of these values change: `offset`, `duration` or `triggerHook`.
988
- * It will fire implicitly when the `triggerElement` changes, if the new element has a different position (most cases).
989
- * It will also fire implicitly when the size of the container changes and the triggerHook is anything other than `onLeave`.
990
- *
991
- * @event ScrollMagic.Scene#shift
992
- * @since 1.1.0
993
- *
994
- * @example
995
- * scene.on("shift", function (event) {
996
- * console.log("Scene moved, because the " + event.reason + " has changed.)");
997
- * });
998
- *
999
- * @property {object} event - The event Object passed to each callback
1000
- * @property {string} event.type - The name of the event
1001
- * @property {Scene} event.target - The Scene object that triggered this event
1002
- * @property {string} event.reason - Indicates why the scene has shifted
1003
- */
1004
- /**
1005
- * Scene destroy event.
1006
- * Fires whenvever the scene is destroyed.
1007
- * This can be used to tidy up custom behaviour used in events.
1008
- *
1009
- * @event ScrollMagic.Scene#destroy
1010
- * @since 1.1.0
1011
- *
1012
- * @example
1013
- * scene.on("enter", function (event) {
1014
- * // add custom action
1015
- * $("#my-elem").left("200");
1016
- * })
1017
- * .on("destroy", function (event) {
1018
- * // reset my element to start position
1019
- * if (event.reset) {
1020
- * $("#my-elem").left("0");
1021
- * }
1022
- * });
1023
- *
1024
- * @property {object} event - The event Object passed to each callback
1025
- * @property {string} event.type - The name of the event
1026
- * @property {Scene} event.target - The Scene object that triggered this event
1027
- * @property {boolean} event.reset - Indicates if the destroy method was called with reset `true` or `false`.
1028
- */
1029
- /**
1030
- * Scene add event.
1031
- * Fires when the scene is added to a controller.
1032
- * This is mostly used by plugins to know that change might be due.
1033
- *
1034
- * @event ScrollMagic.Scene#add
1035
- * @since 2.0.0
1036
- *
1037
- * @example
1038
- * scene.on("add", function (event) {
1039
- * console.log('Scene was added to a new controller.');
1040
- * });
1041
- *
1042
- * @property {object} event - The event Object passed to each callback
1043
- * @property {string} event.type - The name of the event
1044
- * @property {Scene} event.target - The Scene object that triggered this event
1045
- * @property {boolean} event.controller - The controller object the scene was added to.
1046
- */
1047
- /**
1048
- * Scene remove event.
1049
- * Fires when the scene is removed from a controller.
1050
- * This is mostly used by plugins to know that change might be due.
1051
- *
1052
- * @event ScrollMagic.Scene#remove
1053
- * @since 2.0.0
1054
- *
1055
- * @example
1056
- * scene.on("remove", function (event) {
1057
- * console.log('Scene was removed from its controller.');
1058
- * });
1059
- *
1060
- * @property {object} event - The event Object passed to each callback
1061
- * @property {string} event.type - The name of the event
1062
- * @property {Scene} event.target - The Scene object that triggered this event
1063
- */
1064
-
1065
- /**
1066
- * Add one ore more event listener.
1067
- * The callback function will be fired at the respective event, and an object containing relevant data will be passed to the callback.
1068
- * @method ScrollMagic.Scene#on
1069
- *
1070
- * @example
1071
- * function callback (event) {
1072
- * console.log("Event fired! (" + event.type + ")");
1073
- * }
1074
- * // add listeners
1075
- * scene.on("change update progress start end enter leave", callback);
1076
- *
1077
- * @param {string} names - The name or names of the event the callback should be attached to.
1078
- * @param {function} callback - A function that should be executed, when the event is dispatched. An event object will be passed to the callback.
1079
- * @returns {Scene} Parent object for chaining.
1080
- */
1081
- this.on = function (names, callback) {
1082
- if (_util.type.Function(callback)) {
1083
- names = names.trim().split(' ');
1084
- names.forEach(function (fullname) {
1085
- var
1086
- nameparts = fullname.split('.'),
1087
- eventname = nameparts[0],
1088
- namespace = nameparts[1];
1089
- if (eventname != "*") { // disallow wildcards
1090
- if (!_listeners[eventname]) {
1091
- _listeners[eventname] = [];
1092
- }
1093
- _listeners[eventname].push({
1094
- namespace: namespace || '',
1095
- callback: callback
1096
- });
1097
- }
1098
- });
1099
- } else {
1100
- log(1, "ERROR when calling '.on()': Supplied callback for '" + names + "' is not a valid function!");
1101
- }
1102
- return Scene;
1103
- };
1104
-
1105
- /**
1106
- * Remove one or more event listener.
1107
- * @method ScrollMagic.Scene#off
1108
- *
1109
- * @example
1110
- * function callback (event) {
1111
- * console.log("Event fired! (" + event.type + ")");
1112
- * }
1113
- * // add listeners
1114
- * scene.on("change update", callback);
1115
- * // remove listeners
1116
- * scene.off("change update", callback);
1117
- *
1118
- * @param {string} names - The name or names of the event that should be removed.
1119
- * @param {function} [callback] - A specific callback function that should be removed. If none is passed all callbacks to the event listener will be removed.
1120
- * @returns {Scene} Parent object for chaining.
1121
- */
1122
- this.off = function (names, callback) {
1123
- if (!names) {
1124
- log(1, "ERROR: Invalid event name supplied.");
1125
- return Scene;
1126
- }
1127
- names = names.trim().split(' ');
1128
- names.forEach(function (fullname, key) {
1129
- var
1130
- nameparts = fullname.split('.'),
1131
- eventname = nameparts[0],
1132
- namespace = nameparts[1] || '',
1133
- removeList = eventname === '*' ? Object.keys(_listeners) : [eventname];
1134
- removeList.forEach(function (remove) {
1135
- var
1136
- list = _listeners[remove] || [],
1137
- i = list.length;
1138
- while (i--) {
1139
- var listener = list[i];
1140
- if (listener && (namespace === listener.namespace || namespace === '*') && (!callback || callback == listener.callback)) {
1141
- list.splice(i, 1);
1142
- }
1143
- }
1144
- if (!list.length) {
1145
- delete _listeners[remove];
1146
- }
1147
- });
1148
- });
1149
- return Scene;
1150
- };
1151
-
1152
- /**
1153
- * Trigger an event.
1154
- * @method ScrollMagic.Scene#trigger
1155
- *
1156
- * @example
1157
- * this.trigger("change");
1158
- *
1159
- * @param {string} name - The name of the event that should be triggered.
1160
- * @param {object} [vars] - An object containing info that should be passed to the callback.
1161
- * @returns {Scene} Parent object for chaining.
1162
- */
1163
- this.trigger = function (name, vars) {
1164
- if (name) {
1165
- var
1166
- nameparts = name.trim().split('.'),
1167
- eventname = nameparts[0],
1168
- namespace = nameparts[1],
1169
- listeners = _listeners[eventname];
1170
- log(3, 'event fired:', eventname, vars ? "->" : '', vars || '');
1171
- if (listeners) {
1172
- listeners.forEach(function (listener, key) {
1173
- if (!namespace || namespace === listener.namespace) {
1174
- listener.callback.call(Scene, new ScrollMagic.Event(eventname, listener.namespace, Scene, vars));
1175
- }
1176
- });
1177
- }
1178
- } else {
1179
- log(1, "ERROR: Invalid event name supplied.");
1180
- }
1181
- return Scene;
1182
- };
1183
-
1184
- // set event listeners
1185
- Scene
1186
- .on("change.internal", function (e) {
1187
- if (e.what !== "loglevel" && e.what !== "tweenChanges") { // no need for a scene update scene with these options...
1188
- if (e.what === "triggerElement") {
1189
- updateTriggerElementPosition();
1190
- } else if (e.what === "reverse") { // the only property left that may have an impact on the current scene state. Everything else is handled by the shift event.
1191
- Scene.update();
1192
- }
1193
- }
1194
- })
1195
- .on("shift.internal", function (e) {
1196
- updateScrollOffset();
1197
- Scene.update(); // update scene to reflect new position
1198
- });
1199
-
1200
- /**
1201
- * Send a debug message to the console.
1202
- * @private
1203
- * but provided publicly with _log for plugins
1204
- *
1205
- * @param {number} loglevel - The loglevel required to initiate output for the message.
1206
- * @param {...mixed} output - One or more variables that should be passed to the console.
1207
- */
1208
- var log = this._log = function (loglevel, output) {
1209
- if (_options.loglevel >= loglevel) {
1210
- Array.prototype.splice.call(arguments, 1, 0, "(" + NAMESPACE + ") ->");
1211
- _util.log.apply(window, arguments);
1212
- }
1213
- };
1214
-
1215
- /**
1216
- * Add the scene to a controller.
1217
- * This is the equivalent to `Controller.addScene(scene)`.
1218
- * @method ScrollMagic.Scene#addTo
1219
- *
1220
- * @example
1221
- * // add a scene to a ScrollMagic Controller
1222
- * scene.addTo(controller);
1223
- *
1224
- * @param {ScrollMagic.Controller} controller - The controller to which the scene should be added.
1225
- * @returns {Scene} Parent object for chaining.
1226
- */
1227
- this.addTo = function (controller) {
1228
- if (!(controller instanceof ScrollMagic.Controller)) {
1229
- log(1, "ERROR: supplied argument of 'addTo()' is not a valid ScrollMagic Controller");
1230
- } else if (_controller != controller) {
1231
- // new controller
1232
- if (_controller) { // was associated to a different controller before, so remove it...
1233
- _controller.removeScene(Scene);
1234
- }
1235
- _controller = controller;
1236
- validateOption();
1237
- updateDuration(true);
1238
- updateTriggerElementPosition(true);
1239
- updateScrollOffset();
1240
- _controller.info("container").addEventListener('resize', onContainerResize);
1241
- controller.addScene(Scene);
1242
- Scene.trigger("add", {
1243
- controller: _controller
1244
- });
1245
- log(3, "added " + NAMESPACE + " to controller");
1246
- Scene.update();
1247
- }
1248
- return Scene;
1249
- };
1250
-
1251
- /**
1252
- * **Get** or **Set** the current enabled state of the scene.
1253
- * This can be used to disable this scene without removing or destroying it.
1254
- * @method ScrollMagic.Scene#enabled
1255
- *
1256
- * @example
1257
- * // get the current value
1258
- * var enabled = scene.enabled();
1259
- *
1260
- * // disable the scene
1261
- * scene.enabled(false);
1262
- *
1263
- * @param {boolean} [newState] - The new enabled state of the scene `true` or `false`.
1264
- * @returns {(boolean|Scene)} Current enabled state or parent object for chaining.
1265
- */
1266
- this.enabled = function (newState) {
1267
- if (!arguments.length) { // get
1268
- return _enabled;
1269
- } else if (_enabled != newState) { // set
1270
- _enabled = !!newState;
1271
- Scene.update(true);
1272
- }
1273
- return Scene;
1274
- };
1275
-
1276
- /**
1277
- * Remove the scene from the controller.
1278
- * This is the equivalent to `Controller.removeScene(scene)`.
1279
- * The scene will not be updated anymore until you readd it to a controller.
1280
- * To remove the pin or the tween you need to call removeTween() or removePin() respectively.
1281
- * @method ScrollMagic.Scene#remove
1282
- * @example
1283
- * // remove the scene from its controller
1284
- * scene.remove();
1285
- *
1286
- * @returns {Scene} Parent object for chaining.
1287
- */
1288
- this.remove = function () {
1289
- if (_controller) {
1290
- _controller.info("container").removeEventListener('resize', onContainerResize);
1291
- var tmpParent = _controller;
1292
- _controller = undefined;
1293
- tmpParent.removeScene(Scene);
1294
- Scene.trigger("remove");
1295
- log(3, "removed " + NAMESPACE + " from controller");
1296
- }
1297
- return Scene;
1298
- };
1299
-
1300
- /**
1301
- * Destroy the scene and everything.
1302
- * @method ScrollMagic.Scene#destroy
1303
- * @example
1304
- * // destroy the scene without resetting the pin and tween to their initial positions
1305
- * scene = scene.destroy();
1306
- *
1307
- * // destroy the scene and reset the pin and tween
1308
- * scene = scene.destroy(true);
1309
- *
1310
- * @param {boolean} [reset=false] - If `true` the pin and tween (if existent) will be reset.
1311
- * @returns {null} Null to unset handler variables.
1312
- */
1313
- this.destroy = function (reset) {
1314
- Scene.trigger("destroy", {
1315
- reset: reset
1316
- });
1317
- Scene.remove();
1318
- Scene.off("*.*");
1319
- log(3, "destroyed " + NAMESPACE + " (reset: " + (reset ? "true" : "false") + ")");
1320
- return null;
1321
- };
1322
-
1323
-
1324
- /**
1325
- * Updates the Scene to reflect the current state.
1326
- * This is the equivalent to `Controller.updateScene(scene, immediately)`.
1327
- * The update method calculates the scene's start and end position (based on the trigger element, trigger hook, duration and offset) and checks it against the current scroll position of the container.
1328
- * It then updates the current scene state accordingly (or does nothing, if the state is already correct) – Pins will be set to their correct position and tweens will be updated to their correct progress.
1329
- * This means an update doesn't necessarily result in a progress change. The `progress` event will be fired if the progress has indeed changed between this update and the last.
1330
- * _**NOTE:** This method gets called constantly whenever ScrollMagic detects a change. The only application for you is if you change something outside of the realm of ScrollMagic, like moving the trigger or changing tween parameters._
1331
- * @method ScrollMagic.Scene#update
1332
- * @example
1333
- * // update the scene on next tick
1334
- * scene.update();
1335
- *
1336
- * // update the scene immediately
1337
- * scene.update(true);
1338
- *
1339
- * @fires Scene.update
1340
- *
1341
- * @param {boolean} [immediately=false] - If `true` the update will be instant, if `false` it will wait until next update cycle (better performance).
1342
- * @returns {Scene} Parent object for chaining.
1343
- */
1344
- this.update = function (immediately) {
1345
- if (_controller) {
1346
- if (immediately) {
1347
- if (_controller.enabled() && _enabled) {
1348
- var
1349
- scrollPos = _controller.info("scrollPos"),
1350
- newProgress;
1351
-
1352
- if (_options.duration > 0) {
1353
- newProgress = (scrollPos - _scrollOffset.start) / (_scrollOffset.end - _scrollOffset.start);
1354
- } else {
1355
- newProgress = scrollPos >= _scrollOffset.start ? 1 : 0;
1356
- }
1357
-
1358
- Scene.trigger("update", {
1359
- startPos: _scrollOffset.start,
1360
- endPos: _scrollOffset.end,
1361
- scrollPos: scrollPos
1362
- });
1363
-
1364
- Scene.progress(newProgress);
1365
- } else if (_pin && _state === SCENE_STATE_DURING) {
1366
- updatePinState(true); // unpin in position
1367
- }
1368
- } else {
1369
- _controller.updateScene(Scene, false);
1370
- }
1371
- }
1372
- return Scene;
1373
- };
1374
-
1375
- /**
1376
- * Updates dynamic scene variables like the trigger element position or the duration.
1377
- * This method is automatically called in regular intervals from the controller. See {@link ScrollMagic.Controller} option `refreshInterval`.
1378
- *
1379
- * You can call it to minimize lag, for example when you intentionally change the position of the triggerElement.
1380
- * If you don't it will simply be updated in the next refresh interval of the container, which is usually sufficient.
1381
- *
1382
- * @method ScrollMagic.Scene#refresh
1383
- * @since 1.1.0
1384
- * @example
1385
- * scene = new ScrollMagic.Scene({triggerElement: "#trigger"});
1386
- *
1387
- * // change the position of the trigger
1388
- * $("#trigger").css("top", 500);
1389
- * // immediately let the scene know of this change
1390
- * scene.refresh();
1391
- *
1392
- * @fires {@link Scene.shift}, if the trigger element position or the duration changed
1393
- * @fires {@link Scene.change}, if the duration changed
1394
- *
1395
- * @returns {Scene} Parent object for chaining.
1396
- */
1397
- this.refresh = function () {
1398
- updateDuration();
1399
- updateTriggerElementPosition();
1400
- // update trigger element position
1401
- return Scene;
1402
- };
1403
-
1404
- /**
1405
- * **Get** or **Set** the scene's progress.
1406
- * Usually it shouldn't be necessary to use this as a setter, as it is set automatically by scene.update().
1407
- * The order in which the events are fired depends on the duration of the scene:
1408
- * 1. Scenes with `duration == 0`:
1409
- * Scenes that have no duration by definition have no ending. Thus the `end` event will never be fired.
1410
- * When the trigger position of the scene is passed the events are always fired in this order:
1411
- * `enter`, `start`, `progress` when scrolling forward
1412
- * and
1413
- * `progress`, `start`, `leave` when scrolling in reverse
1414
- * 2. Scenes with `duration > 0`:
1415
- * Scenes with a set duration have a defined start and end point.
1416
- * When scrolling past the start position of the scene it will fire these events in this order:
1417
- * `enter`, `start`, `progress`
1418
- * When continuing to scroll and passing the end point it will fire these events:
1419
- * `progress`, `end`, `leave`
1420
- * When reversing through the end point these events are fired:
1421
- * `enter`, `end`, `progress`
1422
- * And when continuing to scroll past the start position in reverse it will fire:
1423
- * `progress`, `start`, `leave`
1424
- * In between start and end the `progress` event will be called constantly, whenever the progress changes.
1425
- *
1426
- * In short:
1427
- * `enter` events will always trigger **before** the progress update and `leave` envents will trigger **after** the progress update.
1428
- * `start` and `end` will always trigger at their respective position.
1429
- *
1430
- * Please review the event descriptions for details on the events and the event object that is passed to the callback.
1431
- *
1432
- * @method ScrollMagic.Scene#progress
1433
- * @example
1434
- * // get the current scene progress
1435
- * var progress = scene.progress();
1436
- *
1437
- * // set new scene progress
1438
- * scene.progress(0.3);
1439
- *
1440
- * @fires {@link Scene.enter}, when used as setter
1441
- * @fires {@link Scene.start}, when used as setter
1442
- * @fires {@link Scene.progress}, when used as setter
1443
- * @fires {@link Scene.end}, when used as setter
1444
- * @fires {@link Scene.leave}, when used as setter
1445
- *
1446
- * @param {number} [progress] - The new progress value of the scene `[0-1]`.
1447
- * @returns {number} `get` - Current scene progress.
1448
- * @returns {Scene} `set` - Parent object for chaining.
1449
- */
1450
- this.progress = function (progress) {
1451
- if (!arguments.length) { // get
1452
- return _progress;
1453
- } else { // set
1454
- var
1455
- doUpdate = false,
1456
- oldState = _state,
1457
- scrollDirection = _controller ? _controller.info("scrollDirection") : 'PAUSED',
1458
- reverseOrForward = _options.reverse || progress >= _progress;
1459
- if (_options.duration === 0) {
1460
- // zero duration scenes
1461
- doUpdate = _progress != progress;
1462
- _progress = progress < 1 && reverseOrForward ? 0 : 1;
1463
- _state = _progress === 0 ? SCENE_STATE_BEFORE : SCENE_STATE_DURING;
1464
- } else {
1465
- // scenes with start and end
1466
- if (progress < 0 && _state !== SCENE_STATE_BEFORE && reverseOrForward) {
1467
- // go back to initial state
1468
- _progress = 0;
1469
- _state = SCENE_STATE_BEFORE;
1470
- doUpdate = true;
1471
- } else if (progress >= 0 && progress < 1 && reverseOrForward) {
1472
- _progress = progress;
1473
- _state = SCENE_STATE_DURING;
1474
- doUpdate = true;
1475
- } else if (progress >= 1 && _state !== SCENE_STATE_AFTER) {
1476
- _progress = 1;
1477
- _state = SCENE_STATE_AFTER;
1478
- doUpdate = true;
1479
- } else if (_state === SCENE_STATE_DURING && !reverseOrForward) {
1480
- updatePinState(); // in case we scrolled backwards mid-scene and reverse is disabled => update the pin position, so it doesn't move back as well.
1481
- }
1482
- }
1483
- if (doUpdate) {
1484
- // fire events
1485
- var
1486
- eventVars = {
1487
- progress: _progress,
1488
- state: _state,
1489
- scrollDirection: scrollDirection
1490
- },
1491
- stateChanged = _state != oldState;
1492
-
1493
- var trigger = function (eventName) { // tmp helper to simplify code
1494
- Scene.trigger(eventName, eventVars);
1495
- };
1496
-
1497
- if (stateChanged) { // enter events
1498
- if (oldState !== SCENE_STATE_DURING) {
1499
- trigger("enter");
1500
- trigger(oldState === SCENE_STATE_BEFORE ? "start" : "end");
1501
- }
1502
- }
1503
- trigger("progress");
1504
- if (stateChanged) { // leave events
1505
- if (_state !== SCENE_STATE_DURING) {
1506
- trigger(_state === SCENE_STATE_BEFORE ? "start" : "end");
1507
- trigger("leave");
1508
- }
1509
- }
1510
- }
1511
-
1512
- return Scene;
1513
- }
1514
- };
1515
-
1516
-
1517
- /**
1518
- * Update the start and end scrollOffset of the container.
1519
- * The positions reflect what the controller's scroll position will be at the start and end respectively.
1520
- * Is called, when:
1521
- * - Scene event "change" is called with: offset, triggerHook, duration
1522
- * - scroll container event "resize" is called
1523
- * - the position of the triggerElement changes
1524
- * - the controller changes -> addTo()
1525
- * @private
1526
- */
1527
- var updateScrollOffset = function () {
1528
- _scrollOffset = {
1529
- start: _triggerPos + _options.offset
1530
- };
1531
- if (_controller && _options.triggerElement) {
1532
- // take away triggerHook portion to get relative to top
1533
- _scrollOffset.start -= _controller.info("size") * _options.triggerHook;
1534
- }
1535
- _scrollOffset.end = _scrollOffset.start + _options.duration;
1536
- };
1537
-
1538
- /**
1539
- * Updates the duration if set to a dynamic function.
1540
- * This method is called when the scene is added to a controller and in regular intervals from the controller through scene.refresh().
1541
- *
1542
- * @fires {@link Scene.change}, if the duration changed
1543
- * @fires {@link Scene.shift}, if the duration changed
1544
- *
1545
- * @param {boolean} [suppressEvents=false] - If true the shift event will be suppressed.
1546
- * @private
1547
- */
1548
- var updateDuration = function (suppressEvents) {
1549
- // update duration
1550
- if (_durationUpdateMethod) {
1551
- var varname = "duration";
1552
- if (changeOption(varname, _durationUpdateMethod.call(Scene)) && !suppressEvents) { // set
1553
- Scene.trigger("change", {
1554
- what: varname,
1555
- newval: _options[varname]
1556
- });
1557
- Scene.trigger("shift", {
1558
- reason: varname
1559
- });
1560
- }
1561
- }
1562
- };
1563
-
1564
- /**
1565
- * Updates the position of the triggerElement, if present.
1566
- * This method is called ...
1567
- * - ... when the triggerElement is changed
1568
- * - ... when the scene is added to a (new) controller
1569
- * - ... in regular intervals from the controller through scene.refresh().
1570
- *
1571
- * @fires {@link Scene.shift}, if the position changed
1572
- *
1573
- * @param {boolean} [suppressEvents=false] - If true the shift event will be suppressed.
1574
- * @private
1575
- */
1576
- var updateTriggerElementPosition = function (suppressEvents) {
1577
- var
1578
- elementPos = 0,
1579
- telem = _options.triggerElement;
1580
- if (_controller && (telem || _triggerPos > 0)) { // either an element exists or was removed and the triggerPos is still > 0
1581
- if (telem) { // there currently a triggerElement set
1582
- if (telem.parentNode) { // check if element is still attached to DOM
1583
- var
1584
- controllerInfo = _controller.info(),
1585
- containerOffset = _util.get.offset(controllerInfo.container), // container position is needed because element offset is returned in relation to document, not in relation to container.
1586
- param = controllerInfo.vertical ? "top" : "left"; // which param is of interest ?
1587
-
1588
- // if parent is spacer, use spacer position instead so correct start position is returned for pinned elements.
1589
- while (telem.parentNode.hasAttribute(PIN_SPACER_ATTRIBUTE)) {
1590
- telem = telem.parentNode;
1591
- }
1592
-
1593
- var elementOffset = _util.get.offset(telem);
1594
-
1595
- if (!controllerInfo.isDocument) { // container is not the document root, so substract scroll Position to get correct trigger element position relative to scrollcontent
1596
- containerOffset[param] -= _controller.scrollPos();
1597
- }
1598
-
1599
- elementPos = elementOffset[param] - containerOffset[param];
1600
-
1601
- } else { // there was an element, but it was removed from DOM
1602
- log(2, "WARNING: triggerElement was removed from DOM and will be reset to", undefined);
1603
- Scene.triggerElement(undefined); // unset, so a change event is triggered
1604
- }
1605
- }
1606
-
1607
- var changed = elementPos != _triggerPos;
1608
- _triggerPos = elementPos;
1609
- if (changed && !suppressEvents) {
1610
- Scene.trigger("shift", {
1611
- reason: "triggerElementPosition"
1612
- });
1613
- }
1614
- }
1615
- };
1616
-
1617
- /**
1618
- * Trigger a shift event, when the container is resized and the triggerHook is > 1.
1619
- * @private
1620
- */
1621
- var onContainerResize = function (e) {
1622
- if (_options.triggerHook > 0) {
1623
- Scene.trigger("shift", {
1624
- reason: "containerResize"
1625
- });
1626
- }
1627
- };
1628
-
1629
-
1630
- var _validate = _util.extend(SCENE_OPTIONS.validate, {
1631
- // validation for duration handled internally for reference to private var _durationMethod
1632
- duration: function (val) {
1633
- if (_util.type.String(val) && val.match(/^(\.|\d)*\d+%$/)) {
1634
- // percentage value
1635
- var perc = parseFloat(val) / 100;
1636
- val = function () {
1637
- return _controller ? _controller.info("size") * perc : 0;
1638
- };
1639
- }
1640
- if (_util.type.Function(val)) {
1641
- // function
1642
- _durationUpdateMethod = val;
1643
- try {
1644
- val = parseFloat(_durationUpdateMethod.call(Scene));
1645
- } catch (e) {
1646
- val = -1; // will cause error below
1647
- }
1648
- }
1649
- // val has to be float
1650
- val = parseFloat(val);
1651
- if (!_util.type.Number(val) || val < 0) {
1652
- if (_durationUpdateMethod) {
1653
- _durationUpdateMethod = undefined;
1654
- throw ["Invalid return value of supplied function for option \"duration\":", val];
1655
- } else {
1656
- throw ["Invalid value for option \"duration\":", val];
1657
- }
1658
- }
1659
- return val;
1660
- }
1661
- });
1662
-
1663
- /**
1664
- * Checks the validity of a specific or all options and reset to default if neccessary.
1665
- * @private
1666
- */
1667
- var validateOption = function (check) {
1668
- check = arguments.length ? [check] : Object.keys(_validate);
1669
- check.forEach(function (optionName, key) {
1670
- var value;
1671
- if (_validate[optionName]) { // there is a validation method for this option
1672
- try { // validate value
1673
- value = _validate[optionName](_options[optionName]);
1674
- } catch (e) { // validation failed -> reset to default
1675
- value = DEFAULT_OPTIONS[optionName];
1676
- var logMSG = _util.type.String(e) ? [e] : e;
1677
- if (_util.type.Array(logMSG)) {
1678
- logMSG[0] = "ERROR: " + logMSG[0];
1679
- logMSG.unshift(1); // loglevel 1 for error msg
1680
- log.apply(this, logMSG);
1681
- } else {
1682
- log(1, "ERROR: Problem executing validation callback for option '" + optionName + "':", e.message);
1683
- }
1684
- } finally {
1685
- _options[optionName] = value;
1686
- }
1687
- }
1688
- });
1689
- };
1690
-
1691
- /**
1692
- * Helper used by the setter/getters for scene options
1693
- * @private
1694
- */
1695
- var changeOption = function (varname, newval) {
1696
- var
1697
- changed = false,
1698
- oldval = _options[varname];
1699
- if (_options[varname] != newval) {
1700
- _options[varname] = newval;
1701
- validateOption(varname); // resets to default if necessary
1702
- changed = oldval != _options[varname];
1703
- }
1704
- return changed;
1705
- };
1706
-
1707
- // generate getters/setters for all options
1708
- var addSceneOption = function (optionName) {
1709
- if (!Scene[optionName]) {
1710
- Scene[optionName] = function (newVal) {
1711
- if (!arguments.length) { // get
1712
- return _options[optionName];
1713
- } else {
1714
- if (optionName === "duration") { // new duration is set, so any previously set function must be unset
1715
- _durationUpdateMethod = undefined;
1716
- }
1717
- if (changeOption(optionName, newVal)) { // set
1718
- Scene.trigger("change", {
1719
- what: optionName,
1720
- newval: _options[optionName]
1721
- });
1722
- if (SCENE_OPTIONS.shifts.indexOf(optionName) > -1) {
1723
- Scene.trigger("shift", {
1724
- reason: optionName
1725
- });
1726
- }
1727
- }
1728
- }
1729
- return Scene;
1730
- };
1731
- }
1732
- };
1733
-
1734
- /**
1735
- * **Get** or **Set** the duration option value.
1736
- *
1737
- * As a **setter** it accepts three types of parameters:
1738
- * 1. `number`: Sets the duration of the scene to exactly this amount of pixels.
1739
- * This means the scene will last for exactly this amount of pixels scrolled. Sub-Pixels are also valid.
1740
- * A value of `0` means that the scene is 'open end' and no end will be triggered. Pins will never unpin and animations will play independently of scroll progress.
1741
- * 2. `string`: Always updates the duration relative to parent scroll container.
1742
- * For example `"100%"` will keep the duration always exactly at the inner height of the scroll container.
1743
- * When scrolling vertically the width is used for reference respectively.
1744
- * 3. `function`: The supplied function will be called to return the scene duration.
1745
- * This is useful in setups where the duration depends on other elements who might change size. By supplying a function you can return a value instead of updating potentially multiple scene durations.
1746
- * The scene can be referenced inside the callback using `this`.
1747
- * _**WARNING:** This is an easy way to kill performance, as the callback will be executed every time `Scene.refresh()` is called, which happens a lot. The interval is defined by the controller (see ScrollMagic.Controller option `refreshInterval`).
1748
- * It's recomended to avoid calculations within the function and use cached variables as return values.
1749
- * This counts double if you use the same function for multiple scenes._
1750
- *
1751
- * @method ScrollMagic.Scene#duration
1752
- * @example
1753
- * // get the current duration value
1754
- * var duration = scene.duration();
1755
- *
1756
- * // set a new duration
1757
- * scene.duration(300);
1758
- *
1759
- * // set duration responsively to container size
1760
- * scene.duration("100%");
1761
- *
1762
- * // use a function to randomize the duration for some reason.
1763
- * var durationValueCache;
1764
- * function durationCallback () {
1765
- * return durationValueCache;
1766
- * }
1767
- * function updateDuration () {
1768
- * durationValueCache = Math.random() * 100;
1769
- * }
1770
- * updateDuration(); // set to initial value
1771
- * scene.duration(durationCallback); // set duration callback
1772
- *
1773
- * @fires {@link Scene.change}, when used as setter
1774
- * @fires {@link Scene.shift}, when used as setter
1775
- * @param {(number|string|function)} [newDuration] - The new duration setting for the scene.
1776
- * @returns {number} `get` - Current scene duration.
1777
- * @returns {Scene} `set` - Parent object for chaining.
1778
- */
1779
-
1780
- /**
1781
- * **Get** or **Set** the offset option value.
1782
- * @method ScrollMagic.Scene#offset
1783
- * @example
1784
- * // get the current offset
1785
- * var offset = scene.offset();
1786
- *
1787
- * // set a new offset
1788
- * scene.offset(100);
1789
- *
1790
- * @fires {@link Scene.change}, when used as setter
1791
- * @fires {@link Scene.shift}, when used as setter
1792
- * @param {number} [newOffset] - The new offset of the scene.
1793
- * @returns {number} `get` - Current scene offset.
1794
- * @returns {Scene} `set` - Parent object for chaining.
1795
- */
1796
-
1797
- /**
1798
- * **Get** or **Set** the triggerElement option value.
1799
- * Does **not** fire `Scene.shift`, because changing the trigger Element doesn't necessarily mean the start position changes. This will be determined in `Scene.refresh()`, which is automatically triggered.
1800
- * @method ScrollMagic.Scene#triggerElement
1801
- * @example
1802
- * // get the current triggerElement
1803
- * var triggerElement = scene.triggerElement();
1804
- *
1805
- * // set a new triggerElement using a selector
1806
- * scene.triggerElement("#trigger");
1807
- * // set a new triggerElement using a DOM object
1808
- * scene.triggerElement(document.getElementById("trigger"));
1809
- *
1810
- * @fires {@link Scene.change}, when used as setter
1811
- * @param {(string|object)} [newTriggerElement] - The new trigger element for the scene.
1812
- * @returns {(string|object)} `get` - Current triggerElement.
1813
- * @returns {Scene} `set` - Parent object for chaining.
1814
- */
1815
-
1816
- /**
1817
- * **Get** or **Set** the triggerHook option value.
1818
- * @method ScrollMagic.Scene#triggerHook
1819
- * @example
1820
- * // get the current triggerHook value
1821
- * var triggerHook = scene.triggerHook();
1822
- *
1823
- * // set a new triggerHook using a string
1824
- * scene.triggerHook("onLeave");
1825
- * // set a new triggerHook using a number
1826
- * scene.triggerHook(0.7);
1827
- *
1828
- * @fires {@link Scene.change}, when used as setter
1829
- * @fires {@link Scene.shift}, when used as setter
1830
- * @param {(number|string)} [newTriggerHook] - The new triggerHook of the scene. See {@link Scene} parameter description for value options.
1831
- * @returns {number} `get` - Current triggerHook (ALWAYS numerical).
1832
- * @returns {Scene} `set` - Parent object for chaining.
1833
- */
1834
-
1835
- /**
1836
- * **Get** or **Set** the reverse option value.
1837
- * @method ScrollMagic.Scene#reverse
1838
- * @example
1839
- * // get the current reverse option
1840
- * var reverse = scene.reverse();
1841
- *
1842
- * // set new reverse option
1843
- * scene.reverse(false);
1844
- *
1845
- * @fires {@link Scene.change}, when used as setter
1846
- * @param {boolean} [newReverse] - The new reverse setting of the scene.
1847
- * @returns {boolean} `get` - Current reverse option value.
1848
- * @returns {Scene} `set` - Parent object for chaining.
1849
- */
1850
-
1851
- /**
1852
- * **Get** or **Set** the loglevel option value.
1853
- * @method ScrollMagic.Scene#loglevel
1854
- * @example
1855
- * // get the current loglevel
1856
- * var loglevel = scene.loglevel();
1857
- *
1858
- * // set new loglevel
1859
- * scene.loglevel(3);
1860
- *
1861
- * @fires {@link Scene.change}, when used as setter
1862
- * @param {number} [newLoglevel] - The new loglevel setting of the scene. `[0-3]`
1863
- * @returns {number} `get` - Current loglevel.
1864
- * @returns {Scene} `set` - Parent object for chaining.
1865
- */
1866
-
1867
- /**
1868
- * **Get** the associated controller.
1869
- * @method ScrollMagic.Scene#controller
1870
- * @example
1871
- * // get the controller of a scene
1872
- * var controller = scene.controller();
1873
- *
1874
- * @returns {ScrollMagic.Controller} Parent controller or `undefined`
1875
- */
1876
- this.controller = function () {
1877
- return _controller;
1878
- };
1879
-
1880
- /**
1881
- * **Get** the current state.
1882
- * @method ScrollMagic.Scene#state
1883
- * @example
1884
- * // get the current state
1885
- * var state = scene.state();
1886
- *
1887
- * @returns {string} `"BEFORE"`, `"DURING"` or `"AFTER"`
1888
- */
1889
- this.state = function () {
1890
- return _state;
1891
- };
1892
-
1893
- /**
1894
- * **Get** the current scroll offset for the start of the scene.
1895
- * Mind, that the scrollOffset is related to the size of the container, if `triggerHook` is bigger than `0` (or `"onLeave"`).
1896
- * This means, that resizing the container or changing the `triggerHook` will influence the scene's start offset.
1897
- * @method ScrollMagic.Scene#scrollOffset
1898
- * @example
1899
- * // get the current scroll offset for the start and end of the scene.
1900
- * var start = scene.scrollOffset();
1901
- * var end = scene.scrollOffset() + scene.duration();
1902
- * console.log("the scene starts at", start, "and ends at", end);
1903
- *
1904
- * @returns {number} The scroll offset (of the container) at which the scene will trigger. Y value for vertical and X value for horizontal scrolls.
1905
- */
1906
- this.scrollOffset = function () {
1907
- return _scrollOffset.start;
1908
- };
1909
-
1910
- /**
1911
- * **Get** the trigger position of the scene (including the value of the `offset` option).
1912
- * @method ScrollMagic.Scene#triggerPosition
1913
- * @example
1914
- * // get the scene's trigger position
1915
- * var triggerPosition = scene.triggerPosition();
1916
- *
1917
- * @returns {number} Start position of the scene. Top position value for vertical and left position value for horizontal scrolls.
1918
- */
1919
- this.triggerPosition = function () {
1920
- var pos = _options.offset; // the offset is the basis
1921
- if (_controller) {
1922
- // get the trigger position
1923
- if (_options.triggerElement) {
1924
- // Element as trigger
1925
- pos += _triggerPos;
1926
- } else {
1927
- // return the height of the triggerHook to start at the beginning
1928
- pos += _controller.info("size") * Scene.triggerHook();
1929
- }
1930
- }
1931
- return pos;
1932
- };
1933
-
1934
-
1935
- var
1936
- _pin,
1937
- _pinOptions;
1938
-
1939
- Scene
1940
- .on("shift.internal", function (e) {
1941
- var durationChanged = e.reason === "duration";
1942
- if ((_state === SCENE_STATE_AFTER && durationChanged) || (_state === SCENE_STATE_DURING && _options.duration === 0)) {
1943
- // if [duration changed after a scene (inside scene progress updates pin position)] or [duration is 0, we are in pin phase and some other value changed].
1944
- updatePinState();
1945
- }
1946
- if (durationChanged) {
1947
- updatePinDimensions();
1948
- }
1949
- })
1950
- .on("progress.internal", function (e) {
1951
- updatePinState();
1952
- })
1953
- .on("add.internal", function (e) {
1954
- updatePinDimensions();
1955
- })
1956
- .on("destroy.internal", function (e) {
1957
- Scene.removePin(e.reset);
1958
- });
1959
- /**
1960
- * Update the pin state.
1961
- * @private
1962
- */
1963
- var updatePinState = function (forceUnpin) {
1964
-
1965
- if (_pin && _controller) {
1966
- var
1967
- containerInfo = _controller.info(),
1968
- pinTarget = _pinOptions.spacer.firstChild; // may be pin element or another spacer, if cascading pins
1969
-
1970
- if (!forceUnpin && _state === SCENE_STATE_DURING) { // during scene or if duration is 0 and we are past the trigger
1971
- // pinned state
1972
- if (_util.css(pinTarget, "position") != "fixed") {
1973
- // change state before updating pin spacer (position changes due to fixed collapsing might occur.)
1974
- _util.css(pinTarget, {
1975
- "position": "fixed"
1976
- });
1977
- // update pin spacer
1978
- updatePinDimensions();
1979
- }
1980
-
1981
- var
1982
- fixedPos = _util.get.offset(_pinOptions.spacer, true), // get viewport position of spacer
1983
- scrollDistance = _options.reverse || _options.duration === 0 ?
1984
- containerInfo.scrollPos - _scrollOffset.start // quicker
1985
- :
1986
- Math.round(_progress * _options.duration * 10) / 10; // if no reverse and during pin the position needs to be recalculated using the progress
1987
-
1988
- // add scrollDistance
1989
- fixedPos[containerInfo.vertical ? "top" : "left"] += scrollDistance;
1990
-
1991
- // set new values
1992
- _util.css(_pinOptions.spacer.firstChild, {
1993
- top: fixedPos.top,
1994
- left: fixedPos.left
1995
- });
1996
- } else {
1997
- // unpinned state
1998
- var
1999
- newCSS = {
2000
- position: _pinOptions.inFlow ? "relative" : "absolute",
2001
- top: 0,
2002
- left: 0
2003
- },
2004
- change = _util.css(pinTarget, "position") != newCSS.position;
2005
-
2006
- if (!_pinOptions.pushFollowers) {
2007
- newCSS[containerInfo.vertical ? "top" : "left"] = _options.duration * _progress;
2008
- } else if (_options.duration > 0) { // only concerns scenes with duration
2009
- if (_state === SCENE_STATE_AFTER && parseFloat(_util.css(_pinOptions.spacer, "padding-top")) === 0) {
2010
- change = true; // if in after state but havent updated spacer yet (jumped past pin)
2011
- } else if (_state === SCENE_STATE_BEFORE && parseFloat(_util.css(_pinOptions.spacer, "padding-bottom")) === 0) { // before
2012
- change = true; // jumped past fixed state upward direction
2013
- }
2014
- }
2015
- // set new values
2016
- _util.css(pinTarget, newCSS);
2017
- if (change) {
2018
- // update pin spacer if state changed
2019
- updatePinDimensions();
2020
- }
2021
- }
2022
- }
2023
- };
2024
-
2025
- /**
2026
- * Update the pin spacer and/or element size.
2027
- * The size of the spacer needs to be updated whenever the duration of the scene changes, if it is to push down following elements.
2028
- * @private
2029
- */
2030
- var updatePinDimensions = function () {
2031
- if (_pin && _controller && _pinOptions.inFlow) { // no spacerresize, if original position is absolute
2032
- var
2033
- after = (_state === SCENE_STATE_AFTER),
2034
- before = (_state === SCENE_STATE_BEFORE),
2035
- during = (_state === SCENE_STATE_DURING),
2036
- vertical = _controller.info("vertical"),
2037
- pinTarget = _pinOptions.spacer.firstChild, // usually the pined element but can also be another spacer (cascaded pins)
2038
- marginCollapse = _util.isMarginCollapseType(_util.css(_pinOptions.spacer, "display")),
2039
- css = {};
2040
-
2041
- // set new size
2042
- // if relsize: spacer -> pin | else: pin -> spacer
2043
- if (_pinOptions.relSize.width || _pinOptions.relSize.autoFullWidth) {
2044
- if (during) {
2045
- _util.css(_pin, {
2046
- "width": _util.get.width(_pinOptions.spacer)
2047
- });
2048
- } else {
2049
- _util.css(_pin, {
2050
- "width": "100%"
2051
- });
2052
- }
2053
- } else {
2054
- // minwidth is needed for cascaded pins.
2055
- css["min-width"] = _util.get.width(vertical ? _pin : pinTarget, true, true);
2056
- css.width = during ? css["min-width"] : "auto";
2057
- }
2058
- if (_pinOptions.relSize.height) {
2059
- if (during) {
2060
- // the only padding the spacer should ever include is the duration (if pushFollowers = true), so we need to substract that.
2061
- _util.css(_pin, {
2062
- "height": _util.get.height(_pinOptions.spacer) - (_pinOptions.pushFollowers ? _options.duration : 0)
2063
- });
2064
- } else {
2065
- _util.css(_pin, {
2066
- "height": "100%"
2067
- });
2068
- }
2069
- } else {
2070
- // margin is only included if it's a cascaded pin to resolve an IE9 bug
2071
- css["min-height"] = _util.get.height(vertical ? pinTarget : _pin, true, !marginCollapse); // needed for cascading pins
2072
-
2073
- css.height = during ? css["min-height"] : "auto";
2074
- }
2075
-
2076
- // add space for duration if pushFollowers is true
2077
- if (_pinOptions.pushFollowers) {
2078
- css["padding" + (vertical ? "Top" : "Left")] = _options.duration * _progress;
2079
- css["padding" + (vertical ? "Bottom" : "Right")] = _options.duration * (1 - _progress);
2080
- }
2081
- _util.css(_pinOptions.spacer, css);
2082
- }
2083
- };
2084
-
2085
- /**
2086
- * Updates the Pin state (in certain scenarios)
2087
- * If the controller container is not the document and we are mid-pin-phase scrolling or resizing the main document can result to wrong pin positions.
2088
- * So this function is called on resize and scroll of the document.
2089
- * @private
2090
- */
2091
- var updatePinInContainer = function () {
2092
- if (_controller && _pin && _state === SCENE_STATE_DURING && !_controller.info("isDocument")) {
2093
- updatePinState();
2094
- }
2095
- };
2096
-
2097
- /**
2098
- * Updates the Pin spacer size state (in certain scenarios)
2099
- * If container is resized during pin and relatively sized the size of the pin might need to be updated...
2100
- * So this function is called on resize of the container.
2101
- * @private
2102
- */
2103
- var updateRelativePinSpacer = function () {
2104
- if (_controller && _pin && // well, duh
2105
- _state === SCENE_STATE_DURING && // element in pinned state?
2106
- ( // is width or height relatively sized, but not in relation to body? then we need to recalc.
2107
- ((_pinOptions.relSize.width || _pinOptions.relSize.autoFullWidth) && _util.get.width(window) != _util.get.width(_pinOptions.spacer.parentNode)) ||
2108
- (_pinOptions.relSize.height && _util.get.height(window) != _util.get.height(_pinOptions.spacer.parentNode))
2109
- )
2110
- ) {
2111
- updatePinDimensions();
2112
- }
2113
- };
2114
-
2115
- /**
2116
- * Is called, when the mousewhel is used while over a pinned element inside a div container.
2117
- * If the scene is in fixed state scroll events would be counted towards the body. This forwards the event to the scroll container.
2118
- * @private
2119
- */
2120
- var onMousewheelOverPin = function (e) {
2121
- if (_controller && _pin && _state === SCENE_STATE_DURING && !_controller.info("isDocument")) { // in pin state
2122
- e.preventDefault();
2123
- _controller._setScrollPos(_controller.info("scrollPos") - ((e.wheelDelta || e[_controller.info("vertical") ? "wheelDeltaY" : "wheelDeltaX"]) / 3 || -e.detail * 30));
2124
- }
2125
- };
2126
-
2127
- /**
2128
- * Pin an element for the duration of the scene.
2129
- * If the scene duration is 0 the element will only be unpinned, if the user scrolls back past the start position.
2130
- * Make sure only one pin is applied to an element at the same time.
2131
- * An element can be pinned multiple times, but only successively.
2132
- * _**NOTE:** The option `pushFollowers` has no effect, when the scene duration is 0._
2133
- * @method ScrollMagic.Scene#setPin
2134
- * @example
2135
- * // pin element and push all following elements down by the amount of the pin duration.
2136
- * scene.setPin("#pin");
2137
- *
2138
- * // pin element and keeping all following elements in their place. The pinned element will move past them.
2139
- * scene.setPin("#pin", {pushFollowers: false});
2140
- *
2141
- * @param {(string|object)} element - A Selector targeting an element or a DOM object that is supposed to be pinned.
2142
- * @param {object} [settings] - settings for the pin
2143
- * @param {boolean} [settings.pushFollowers=true] - If `true` following elements will be "pushed" down for the duration of the pin, if `false` the pinned element will just scroll past them.
2144
- Ignored, when duration is `0`.
2145
- * @param {string} [settings.spacerClass="scrollmagic-pin-spacer"] - Classname of the pin spacer element, which is used to replace the element.
2146
- *
2147
- * @returns {Scene} Parent object for chaining.
2148
- */
2149
- this.setPin = function (element, settings) {
2150
- var
2151
- defaultSettings = {
2152
- pushFollowers: true,
2153
- spacerClass: "scrollmagic-pin-spacer"
2154
- };
2155
- var pushFollowersActivelySet = settings && settings.hasOwnProperty('pushFollowers');
2156
- settings = _util.extend({}, defaultSettings, settings);
2157
-
2158
- // validate Element
2159
- element = _util.get.elements(element)[0];
2160
-
2161
- if (!element) {
2162
- log(1, "ERROR calling method 'setPin()': Invalid pin element supplied.");
2163
- return Scene; // cancel
2164
- } else if (_util.css(element, "position") === "fixed") {
2165
-
2166
- log(1, "ERROR calling method 'setPin()': Pin does not work with elements that are positioned 'fixed'.");
2167
- return Scene; // cancel
2168
- }
2169
-
2170
- if (_pin) { // preexisting pin?
2171
- if (_pin === element) {
2172
- // same pin we already have -> do nothing
2173
- return Scene; // cancel
2174
- } else {
2175
- // kill old pin
2176
- Scene.removePin();
2177
- }
2178
-
2179
- }
2180
- _pin = element;
2181
-
2182
- var
2183
- parentDisplay = _pin.parentNode.style.display,
2184
- boundsParams = ["top", "left", "bottom", "right", "margin", "marginLeft", "marginRight", "marginTop", "marginBottom"];
2185
-
2186
- _pin.parentNode.style.display = 'none'; // hack start to force css to return stylesheet values instead of calculated px values.
2187
- var
2188
- inFlow = _util.css(_pin, "position") != "absolute",
2189
- pinCSS = _util.css(_pin, boundsParams.concat(["display"])),
2190
- sizeCSS = _util.css(_pin, ["width", "height"]);
2191
- _pin.parentNode.style.display = parentDisplay; // hack end.
2192
-
2193
- if (!inFlow && settings.pushFollowers) {
2194
- log(2, "WARNING: If the pinned element is positioned absolutely pushFollowers will be disabled.");
2195
- settings.pushFollowers = false;
2196
- }
2197
- window.setTimeout(function () { // wait until all finished, because with responsive duration it will only be set after scene is added to controller
2198
- if (_pin && _options.duration === 0 && pushFollowersActivelySet && settings.pushFollowers) {
2199
- log(2, "WARNING: pushFollowers =", true, "has no effect, when scene duration is 0.");
2200
- }
2201
- }, 0);
2202
-
2203
- // create spacer and insert
2204
- var
2205
- spacer = _pin.parentNode.insertBefore(document.createElement('div'), _pin),
2206
- spacerCSS = _util.extend(pinCSS, {
2207
- position: inFlow ? "relative" : "absolute",
2208
- boxSizing: "content-box",
2209
- mozBoxSizing: "content-box",
2210
- webkitBoxSizing: "content-box"
2211
- });
2212
-
2213
- if (!inFlow) { // copy size if positioned absolutely, to work for bottom/right positioned elements.
2214
- _util.extend(spacerCSS, _util.css(_pin, ["width", "height"]));
2215
- }
2216
-
2217
- _util.css(spacer, spacerCSS);
2218
- spacer.setAttribute(PIN_SPACER_ATTRIBUTE, "");
2219
- _util.addClass(spacer, settings.spacerClass);
2220
-
2221
- // set the pin Options
2222
- _pinOptions = {
2223
- spacer: spacer,
2224
- relSize: { // save if size is defined using % values. if so, handle spacer resize differently...
2225
- width: sizeCSS.width.slice(-1) === "%",
2226
- height: sizeCSS.height.slice(-1) === "%",
2227
- autoFullWidth: sizeCSS.width === "auto" && inFlow && _util.isMarginCollapseType(pinCSS.display)
2228
- },
2229
- pushFollowers: settings.pushFollowers,
2230
- inFlow: inFlow, // stores if the element takes up space in the document flow
2231
- };
2232
-
2233
- if (!_pin.___origStyle) {
2234
- _pin.___origStyle = {};
2235
- var
2236
- pinInlineCSS = _pin.style,
2237
- copyStyles = boundsParams.concat(["width", "height", "position", "boxSizing", "mozBoxSizing", "webkitBoxSizing"]);
2238
- copyStyles.forEach(function (val) {
2239
- _pin.___origStyle[val] = pinInlineCSS[val] || "";
2240
- });
2241
- }
2242
-
2243
- // if relative size, transfer it to spacer and make pin calculate it...
2244
- if (_pinOptions.relSize.width) {
2245
- _util.css(spacer, {
2246
- width: sizeCSS.width
2247
- });
2248
- }
2249
- if (_pinOptions.relSize.height) {
2250
- _util.css(spacer, {
2251
- height: sizeCSS.height
2252
- });
2253
- }
2254
-
2255
- // now place the pin element inside the spacer
2256
- spacer.appendChild(_pin);
2257
- // and set new css
2258
- _util.css(_pin, {
2259
- position: inFlow ? "relative" : "absolute",
2260
- margin: "auto",
2261
- top: "auto",
2262
- left: "auto",
2263
- bottom: "auto",
2264
- right: "auto"
2265
- });
2266
-
2267
- if (_pinOptions.relSize.width || _pinOptions.relSize.autoFullWidth) {
2268
- _util.css(_pin, {
2269
- boxSizing: "border-box",
2270
- mozBoxSizing: "border-box",
2271
- webkitBoxSizing: "border-box"
2272
- });
2273
- }
2274
-
2275
- // add listener to document to update pin position in case controller is not the document.
2276
- window.addEventListener('scroll', updatePinInContainer);
2277
- window.addEventListener('resize', updatePinInContainer);
2278
- window.addEventListener('resize', updateRelativePinSpacer);
2279
- // add mousewheel listener to catch scrolls over fixed elements
2280
- _pin.addEventListener("mousewheel", onMousewheelOverPin);
2281
- _pin.addEventListener("DOMMouseScroll", onMousewheelOverPin);
2282
-
2283
- log(3, "added pin");
2284
-
2285
- // finally update the pin to init
2286
- updatePinState();
2287
-
2288
- return Scene;
2289
- };
2290
-
2291
- /**
2292
- * Remove the pin from the scene.
2293
- * @method ScrollMagic.Scene#removePin
2294
- * @example
2295
- * // remove the pin from the scene without resetting it (the spacer is not removed)
2296
- * scene.removePin();
2297
- *
2298
- * // remove the pin from the scene and reset the pin element to its initial position (spacer is removed)
2299
- * scene.removePin(true);
2300
- *
2301
- * @param {boolean} [reset=false] - If `false` the spacer will not be removed and the element's position will not be reset.
2302
- * @returns {Scene} Parent object for chaining.
2303
- */
2304
- this.removePin = function (reset) {
2305
- if (_pin) {
2306
- if (_state === SCENE_STATE_DURING) {
2307
- updatePinState(true); // force unpin at position
2308
- }
2309
- if (reset || !_controller) { // if there's no controller no progress was made anyway...
2310
- var pinTarget = _pinOptions.spacer.firstChild; // usually the pin element, but may be another spacer (cascaded pins)...
2311
- if (pinTarget.hasAttribute(PIN_SPACER_ATTRIBUTE)) { // copy margins to child spacer
2312
- var
2313
- style = _pinOptions.spacer.style,
2314
- values = ["margin", "marginLeft", "marginRight", "marginTop", "marginBottom"],
2315
- margins = {};
2316
- values.forEach(function (val) {
2317
- margins[val] = style[val] || "";
2318
- });
2319
- _util.css(pinTarget, margins);
2320
- }
2321
- _pinOptions.spacer.parentNode.insertBefore(pinTarget, _pinOptions.spacer);
2322
- _pinOptions.spacer.parentNode.removeChild(_pinOptions.spacer);
2323
- if (!_pin.parentNode.hasAttribute(PIN_SPACER_ATTRIBUTE)) { // if it's the last pin for this element -> restore inline styles
2324
- // TODO: only correctly set for first pin (when cascading) - how to fix?
2325
- _util.css(_pin, _pin.___origStyle);
2326
- delete _pin.___origStyle;
2327
- }
2328
- }
2329
- window.removeEventListener('scroll', updatePinInContainer);
2330
- window.removeEventListener('resize', updatePinInContainer);
2331
- window.removeEventListener('resize', updateRelativePinSpacer);
2332
- _pin.removeEventListener("mousewheel", onMousewheelOverPin);
2333
- _pin.removeEventListener("DOMMouseScroll", onMousewheelOverPin);
2334
- _pin = undefined;
2335
- log(3, "removed pin (reset: " + (reset ? "true" : "false") + ")");
2336
- }
2337
- return Scene;
2338
- };
2339
-
2340
-
2341
- var
2342
- _cssClasses,
2343
- _cssClassElems = [];
2344
-
2345
- Scene
2346
- .on("destroy.internal", function (e) {
2347
- Scene.removeClassToggle(e.reset);
2348
- });
2349
- /**
2350
- * Define a css class modification while the scene is active.
2351
- * When the scene triggers the classes will be added to the supplied element and removed, when the scene is over.
2352
- * If the scene duration is 0 the classes will only be removed if the user scrolls back past the start position.
2353
- * @method ScrollMagic.Scene#setClassToggle
2354
- * @example
2355
- * // add the class 'myclass' to the element with the id 'my-elem' for the duration of the scene
2356
- * scene.setClassToggle("#my-elem", "myclass");
2357
- *
2358
- * // add multiple classes to multiple elements defined by the selector '.classChange'
2359
- * scene.setClassToggle(".classChange", "class1 class2 class3");
2360
- *
2361
- * @param {(string|object)} element - A Selector targeting one or more elements or a DOM object that is supposed to be modified.
2362
- * @param {string} classes - One or more Classnames (separated by space) that should be added to the element during the scene.
2363
- *
2364
- * @returns {Scene} Parent object for chaining.
2365
- */
2366
- this.setClassToggle = function (element, classes) {
2367
- var elems = _util.get.elements(element);
2368
- if (elems.length === 0 || !_util.type.String(classes)) {
2369
- log(1, "ERROR calling method 'setClassToggle()': Invalid " + (elems.length === 0 ? "element" : "classes") + " supplied.");
2370
- return Scene;
2371
- }
2372
- if (_cssClassElems.length > 0) {
2373
- // remove old ones
2374
- Scene.removeClassToggle();
2375
- }
2376
- _cssClasses = classes;
2377
- _cssClassElems = elems;
2378
- Scene.on("enter.internal_class leave.internal_class", function (e) {
2379
- var toggle = e.type === "enter" ? _util.addClass : _util.removeClass;
2380
- _cssClassElems.forEach(function (elem, key) {
2381
- toggle(elem, _cssClasses);
2382
- });
2383
- });
2384
- return Scene;
2385
- };
2386
-
2387
- /**
2388
- * Remove the class binding from the scene.
2389
- * @method ScrollMagic.Scene#removeClassToggle
2390
- * @example
2391
- * // remove class binding from the scene without reset
2392
- * scene.removeClassToggle();
2393
- *
2394
- * // remove class binding and remove the changes it caused
2395
- * scene.removeClassToggle(true);
2396
- *
2397
- * @param {boolean} [reset=false] - If `false` and the classes are currently active, they will remain on the element. If `true` they will be removed.
2398
- * @returns {Scene} Parent object for chaining.
2399
- */
2400
- this.removeClassToggle = function (reset) {
2401
- if (reset) {
2402
- _cssClassElems.forEach(function (elem, key) {
2403
- _util.removeClass(elem, _cssClasses);
2404
- });
2405
- }
2406
- Scene.off("start.internal_class end.internal_class");
2407
- _cssClasses = undefined;
2408
- _cssClassElems = [];
2409
- return Scene;
2410
- };
2411
-
2412
- // INIT
2413
- construct();
2414
- return Scene;
2415
- };
2416
-
2417
- // store pagewide scene options
2418
- var SCENE_OPTIONS = {
2419
- defaults: {
2420
- duration: 0,
2421
- offset: 0,
2422
- triggerElement: undefined,
2423
- triggerHook: 0.5,
2424
- reverse: true,
2425
- loglevel: 2
2426
- },
2427
- validate: {
2428
- offset: function (val) {
2429
- val = parseFloat(val);
2430
- if (!_util.type.Number(val)) {
2431
- throw ["Invalid value for option \"offset\":", val];
2432
- }
2433
- return val;
2434
- },
2435
- triggerElement: function (val) {
2436
- val = val || undefined;
2437
-
2438
- if (val) {
2439
- var elem = _util.get.elements(val)[0];
2440
- if (elem && elem.parentNode) {
2441
- val = elem;
2442
- } else {
2443
- throw ["Element defined in option \"triggerElement\" was not found:", val];
2444
- }
2445
- }
2446
- return val;
2447
- },
2448
- triggerHook: function (val) {
2449
- var translate = {
2450
- "onCenter": 0.5,
2451
- "onEnter": 1,
2452
- "onLeave": 0
2453
- };
2454
- if (_util.type.Number(val)) {
2455
- val = Math.max(0, Math.min(parseFloat(val), 1)); // make sure its betweeen 0 and 1
2456
- } else if (val in translate) {
2457
- val = translate[val];
2458
- } else {
2459
- throw ["Invalid value for option \"triggerHook\": ", val];
2460
- }
2461
- return val;
2462
- },
2463
- reverse: function (val) {
2464
- return !!val; // force boolean
2465
- },
2466
- loglevel: function (val) {
2467
- val = parseInt(val);
2468
- if (!_util.type.Number(val) || val < 0 || val > 3) {
2469
- throw ["Invalid value for option \"loglevel\":", val];
2470
- }
2471
- return val;
2472
- }
2473
- }, // holder for validation methods. duration validation is handled in 'getters-setters.js'
2474
- shifts: ["duration", "offset", "triggerHook"], // list of options that trigger a `shift` event
2475
- };
2476
- /*
2477
- * method used to add an option to ScrollMagic Scenes.
2478
- * TODO: DOC (private for dev)
2479
- */
2480
- ScrollMagic.Scene.addOption = function (name, defaultValue, validationCallback, shifts) {
2481
- if (!(name in SCENE_OPTIONS.defaults)) {
2482
- SCENE_OPTIONS.defaults[name] = defaultValue;
2483
- SCENE_OPTIONS.validate[name] = validationCallback;
2484
- if (shifts) {
2485
- SCENE_OPTIONS.shifts.push(name);
2486
- }
2487
- } else {
2488
- ScrollMagic._util.log(1, "[static] ScrollMagic.Scene -> Cannot add Scene option '" + name + "', because it already exists.");
2489
- }
2490
- };
2491
- // instance extension function for plugins
2492
- // TODO: DOC (private for dev)
2493
- ScrollMagic.Scene.extend = function (extension) {
2494
- var oldClass = this;
2495
- ScrollMagic.Scene = function () {
2496
- oldClass.apply(this, arguments);
2497
- this.$super = _util.extend({}, this); // copy parent state
2498
- return extension.apply(this, arguments) || this;
2499
- };
2500
- _util.extend(ScrollMagic.Scene, oldClass); // copy properties
2501
- ScrollMagic.Scene.prototype = oldClass.prototype; // copy prototype
2502
- ScrollMagic.Scene.prototype.constructor = ScrollMagic.Scene; // restore constructor
2503
- };
2504
-
2505
-
2506
-
2507
- /**
2508
- * TODO: DOCS (private for dev)
2509
- * @class
2510
- * @private
2511
- */
2512
-
2513
- ScrollMagic.Event = function (type, namespace, target, vars) {
2514
- vars = vars || {};
2515
- for (var key in vars) {
2516
- this[key] = vars[key];
2517
- }
2518
- this.type = type;
2519
- this.target = this.currentTarget = target;
2520
- this.namespace = namespace || '';
2521
- this.timeStamp = this.timestamp = Date.now();
2522
- return this;
2523
- };
2524
-
2525
- /*
2526
- * TODO: DOCS (private for dev)
2527
- */
2528
-
2529
- var _util = ScrollMagic._util = (function (window) {
2530
- var U = {},
2531
- i;
2532
-
2533
- /**
2534
- * ------------------------------
2535
- * internal helpers
2536
- * ------------------------------
2537
- */
2538
-
2539
- // parse float and fall back to 0.
2540
- var floatval = function (number) {
2541
- return parseFloat(number) || 0;
2542
- };
2543
- // get current style IE safe (otherwise IE would return calculated values for 'auto')
2544
- var _getComputedStyle = function (elem) {
2545
- return elem.currentStyle ? elem.currentStyle : window.getComputedStyle(elem);
2546
- };
2547
-
2548
- // get element dimension (width or height)
2549
- var _dimension = function (which, elem, outer, includeMargin) {
2550
-
2551
- elem = (elem === document) ? window : elem;
2552
- if (elem === window) {
2553
- includeMargin = false;
2554
- } else if (!_type.DomElement(elem)) {
2555
- return 0;
2556
- }
2557
- which = which.charAt(0).toUpperCase() + which.substr(1).toLowerCase();
2558
- var dimension = (outer ? elem['offset' + which] || elem['outer' + which] : elem['client' + which] || elem['inner' + which]) || 0;
2559
- if (outer && includeMargin) {
2560
- var style = _getComputedStyle(elem);
2561
-
2562
- dimension += which === 'Height' ? floatval(style.marginTop) + floatval(style.marginBottom) : floatval(style.marginLeft) + floatval(style.marginRight);
2563
- }
2564
-
2565
- return dimension;
2566
- };
2567
- // converts 'margin-top' into 'marginTop'
2568
- var _camelCase = function (str) {
2569
- return str.replace(/^[^a-z]+([a-z])/g, '$1').replace(/-([a-z])/g, function (g) {
2570
- return g[1].toUpperCase();
2571
- });
2572
- };
2573
-
2574
- /**
2575
- * ------------------------------
2576
- * external helpers
2577
- * ------------------------------
2578
- */
2579
-
2580
- // extend obj – same as jQuery.extend({}, objA, objB)
2581
- U.extend = function (obj) {
2582
- obj = obj || {};
2583
- for (i = 1; i < arguments.length; i++) {
2584
- if (!arguments[i]) {
2585
- continue;
2586
- }
2587
- for (var key in arguments[i]) {
2588
- if (arguments[i].hasOwnProperty(key)) {
2589
- obj[key] = arguments[i][key];
2590
- }
2591
- }
2592
- }
2593
- return obj;
2594
- };
2595
-
2596
- // check if a css display type results in margin-collapse or not
2597
- U.isMarginCollapseType = function (str) {
2598
- return ["block", "flex", "list-item", "table", "-webkit-box"].indexOf(str) > -1;
2599
- };
2600
-
2601
- // implementation of requestAnimationFrame
2602
- // based on https://gist.github.com/paulirish/1579671
2603
- var
2604
- lastTime = 0,
2605
- vendors = ['ms', 'moz', 'webkit', 'o'];
2606
- var _requestAnimationFrame = window.requestAnimationFrame;
2607
- var _cancelAnimationFrame = window.cancelAnimationFrame;
2608
- // try vendor prefixes if the above doesn't work
2609
- for (i = 0; !_requestAnimationFrame && i < vendors.length; ++i) {
2610
- _requestAnimationFrame = window[vendors[i] + 'RequestAnimationFrame'];
2611
- _cancelAnimationFrame = window[vendors[i] + 'CancelAnimationFrame'] || window[vendors[i] + 'CancelRequestAnimationFrame'];
2612
- }
2613
-
2614
- // fallbacks
2615
- if (!_requestAnimationFrame) {
2616
- _requestAnimationFrame = function (callback) {
2617
- var
2618
- currTime = new Date().getTime(),
2619
- timeToCall = Math.max(0, 16 - (currTime - lastTime)),
2620
- id = window.setTimeout(function () {
2621
- callback(currTime + timeToCall);
2622
- }, timeToCall);
2623
- lastTime = currTime + timeToCall;
2624
- return id;
2625
- };
2626
- }
2627
- if (!_cancelAnimationFrame) {
2628
- _cancelAnimationFrame = function (id) {
2629
- window.clearTimeout(id);
2630
- };
2631
- }
2632
- U.rAF = _requestAnimationFrame.bind(window);
2633
- U.cAF = _cancelAnimationFrame.bind(window);
2634
-
2635
- var
2636
- loglevels = ["error", "warn", "log"],
2637
- console = window.console || {};
2638
-
2639
- console.log = console.log || function () { }; // no console log, well - do nothing then...
2640
- // make sure methods for all levels exist.
2641
- for (i = 0; i < loglevels.length; i++) {
2642
- var method = loglevels[i];
2643
- if (!console[method]) {
2644
- console[method] = console.log; // prefer .log over nothing
2645
- }
2646
- }
2647
- U.log = function (loglevel) {
2648
- if (loglevel > loglevels.length || loglevel <= 0) loglevel = loglevels.length;
2649
- var now = new Date(),
2650
- time = ("0" + now.getHours()).slice(-2) + ":" + ("0" + now.getMinutes()).slice(-2) + ":" + ("0" + now.getSeconds()).slice(-2) + ":" + ("00" + now.getMilliseconds()).slice(-3),
2651
- method = loglevels[loglevel - 1],
2652
- args = Array.prototype.splice.call(arguments, 1),
2653
- func = Function.prototype.bind.call(console[method], console);
2654
- args.unshift(time);
2655
- func.apply(console, args);
2656
- };
2657
-
2658
- /**
2659
- * ------------------------------
2660
- * type testing
2661
- * ------------------------------
2662
- */
2663
-
2664
- var _type = U.type = function (v) {
2665
- return Object.prototype.toString.call(v).replace(/^\[object (.+)\]$/, "$1").toLowerCase();
2666
- };
2667
- _type.String = function (v) {
2668
- return _type(v) === 'string';
2669
- };
2670
- _type.Function = function (v) {
2671
- return _type(v) === 'function';
2672
- };
2673
- _type.Array = function (v) {
2674
- return Array.isArray(v);
2675
- };
2676
- _type.Number = function (v) {
2677
- return !_type.Array(v) && (v - parseFloat(v) + 1) >= 0;
2678
- };
2679
- _type.DomElement = function (o) {
2680
-
2681
- if ("DIV" === o.nodeName || "SECTION" === o.nodeName) {
2682
- return true;
2683
- }
2684
-
2685
- return (
2686
- typeof HTMLElement === "object" || typeof HTMLElement === "function" ? o instanceof HTMLElement || o instanceof SVGElement : //DOM2
2687
- o && typeof o === "object" && o !== null && o.nodeType === 1 && typeof o.nodeName === "string"
2688
- );
2689
- };
2690
-
2691
- /**
2692
- * ------------------------------
2693
- * DOM Element info
2694
- * ------------------------------
2695
- */
2696
- // always returns a list of matching DOM elements, from a selector, a DOM element or an list of elements or even an array of selectors
2697
- var _get = U.get = {};
2698
- _get.elements = function (selector) {
2699
-
2700
- var arr = [];
2701
- if (_type.String(selector)) {
2702
- try {
2703
- selector = document.querySelectorAll(selector);
2704
- } catch (e) { // invalid selector
2705
- return arr;
2706
- }
2707
- }
2708
-
2709
- if (_type(selector) === 'nodelist' || _type.Array(selector) || selector instanceof NodeList) {
2710
-
2711
- for (var i = 0, ref = arr.length = selector.length; i < ref; i++) { // list of elements
2712
- var elem = selector[i];
2713
- // arr[i] = elem;
2714
- // if not an element, try to resolve recursively
2715
- arr[i] = _type.DomElement(elem) ? elem : _get.elements(elem);
2716
- }
2717
- } else if (_type.DomElement(selector) || selector === document || selector === window) {
2718
- arr = [selector]; // only the element
2719
- }
2720
-
2721
- return arr;
2722
- };
2723
- // get scroll top value
2724
- _get.scrollTop = function (elem) {
2725
- return (elem && typeof elem.scrollTop === 'number') ? elem.scrollTop : window.pageYOffset || 0;
2726
- };
2727
- // get scroll left value
2728
- _get.scrollLeft = function (elem) {
2729
- return (elem && typeof elem.scrollLeft === 'number') ? elem.scrollLeft : window.pageXOffset || 0;
2730
- };
2731
- // get element height
2732
- _get.width = function (elem, outer, includeMargin) {
2733
- return _dimension('width', elem, outer, includeMargin);
2734
- };
2735
- // get element width
2736
- _get.height = function (elem, outer, includeMargin) {
2737
- return _dimension('height', elem, outer, includeMargin);
2738
- };
2739
-
2740
- // get element position (optionally relative to viewport)
2741
- _get.offset = function (elem, relativeToViewport) {
2742
- var offset = {
2743
- top: 0,
2744
- left: 0
2745
- };
2746
- if (elem && elem.getBoundingClientRect) { // check if available
2747
- var rect = elem.getBoundingClientRect();
2748
- offset.top = rect.top;
2749
- offset.left = rect.left;
2750
- if (!relativeToViewport) { // clientRect is by default relative to viewport...
2751
- offset.top += _get.scrollTop();
2752
- offset.left += _get.scrollLeft();
2753
- }
2754
- }
2755
- return offset;
2756
- };
2757
-
2758
- /**
2759
- * ------------------------------
2760
- * DOM Element manipulation
2761
- * ------------------------------
2762
- */
2763
-
2764
- U.addClass = function (elem, classname) {
2765
- if (classname) {
2766
- if (elem.classList)
2767
- elem.classList.add(classname);
2768
- else
2769
- elem.className += ' ' + classname;
2770
- }
2771
- };
2772
- U.removeClass = function (elem, classname) {
2773
- if (classname) {
2774
- if (elem.classList)
2775
- elem.classList.remove(classname);
2776
- else
2777
- elem.className = elem.className.replace(new RegExp('(^|\\b)' + classname.split(' ').join('|') + '(\\b|$)', 'gi'), ' ');
2778
- }
2779
- };
2780
- // if options is string -> returns css value
2781
- // if options is array -> returns object with css value pairs
2782
- // if options is object -> set new css values
2783
- U.css = function (elem, options) {
2784
- if (_type.String(options)) {
2785
- return _getComputedStyle(elem)[_camelCase(options)];
2786
- } else if (_type.Array(options)) {
2787
- var
2788
- obj = {},
2789
- style = _getComputedStyle(elem);
2790
- options.forEach(function (option, key) {
2791
- obj[option] = style[_camelCase(option)];
2792
- });
2793
- return obj;
2794
- } else {
2795
- for (var option in options) {
2796
- var val = options[option];
2797
- if (val == parseFloat(val)) { // assume pixel for seemingly numerical values
2798
- val += 'px';
2799
- }
2800
- elem.style[_camelCase(option)] = val;
2801
- }
2802
- }
2803
- };
2804
-
2805
- return U;
2806
- }(window || {}));
2807
-
2808
-
2809
- ScrollMagic.Scene.prototype.addIndicators = function () {
2810
- ScrollMagic._util.log(1, '(ScrollMagic.Scene) -> ERROR calling addIndicators() due to missing Plugin \'debug.addIndicators\'. Please make sure to include plugins/debug.addIndicators.js');
2811
- return this;
2812
- }
2813
- ScrollMagic.Scene.prototype.removeIndicators = function () {
2814
- ScrollMagic._util.log(1, '(ScrollMagic.Scene) -> ERROR calling removeIndicators() due to missing Plugin \'debug.addIndicators\'. Please make sure to include plugins/debug.addIndicators.js');
2815
- return this;
2816
- }
2817
- ScrollMagic.Scene.prototype.setTween = function () {
2818
- ScrollMagic._util.log(1, '(ScrollMagic.Scene) -> ERROR calling setTween() due to missing Plugin \'animation.gsap\'. Please make sure to include plugins/animation.gsap.js');
2819
- return this;
2820
- }
2821
- ScrollMagic.Scene.prototype.removeTween = function () {
2822
- ScrollMagic._util.log(1, '(ScrollMagic.Scene) -> ERROR calling removeTween() due to missing Plugin \'animation.gsap\'. Please make sure to include plugins/animation.gsap.js');
2823
- return this;
2824
- }
2825
- ScrollMagic.Scene.prototype.setVelocity = function () {
2826
- ScrollMagic._util.log(1, '(ScrollMagic.Scene) -> ERROR calling setVelocity() due to missing Plugin \'animation.velocity\'. Please make sure to include plugins/animation.velocity.js');
2827
- return this;
2828
- }
2829
- ScrollMagic.Scene.prototype.removeVelocity = function () {
2830
- ScrollMagic._util.log(1, '(ScrollMagic.Scene) -> ERROR calling removeVelocity() due to missing Plugin \'animation.velocity\'. Please make sure to include plugins/animation.velocity.js');
2831
- return this;
2832
- }
2833
-
2834
- return ScrollMagic;
2835
- }));
2836
-
2837
-
2838
- /*!
2839
- * VERSION: 1.9.2
2840
- * DATE: 2019-02-07
2841
- * UPDATES AND DOCS AT: http://greensock.com
2842
- *
2843
- * @license Copyright (c) 2008-2019, GreenSock. All rights reserved.
2844
- * This work is subject to the terms at http://greensock.com/standard-license or for
2845
- * Club GreenSock members, the software agreement that was issued with your membership.
2846
- *
2847
- * @author: Jack Doyle, jack@greensock.com
2848
- **/
2849
- var _gsScope = "undefined" != typeof module && module.exports && "undefined" != typeof global ? global : this || window;
2850
- (_gsScope._gsQueue || (_gsScope._gsQueue = [])).push(function () {
2851
- "use strict";
2852
- var a = (_gsScope.document || {}).documentElement,
2853
- b = _gsScope,
2854
- c = function (c, d) {
2855
- var e = "x" === d ? "Width" : "Height",
2856
- f = "scroll" + e,
2857
- g = "client" + e,
2858
- h = document.body;
2859
- return c === b || c === a || c === h ? Math.max(a[f], h[f]) - (b["inner" + e] || a[g] || h[g]) : c[f] - c["offset" + e]
2860
- },
2861
- d = function (a) {
2862
- return "string" == typeof a && (a = TweenLite.selector(a)), a.length && a !== b && a[0] && a[0].style && !a.nodeType && (a = a[0]), a === b || a.nodeType && a.style ? a : null
2863
- },
2864
- e = function (c, d) {
2865
- var e = "scroll" + ("x" === d ? "Left" : "Top");
2866
- return c === b && (null != c.pageXOffset ? e = "page" + d.toUpperCase() + "Offset" : c = null != a[e] ? a : document.body),
2867
- function () {
2868
- return c[e]
2869
- }
2870
- },
2871
- f = function (c, f) {
2872
- var g = d(c).getBoundingClientRect(),
2873
- h = document.body,
2874
- i = !f || f === b || f === h,
2875
- j = i ? {
2876
- top: a.clientTop - (window.pageYOffset || a.scrollTop || h.scrollTop || 0),
2877
- left: a.clientLeft - (window.pageXOffset || a.scrollLeft || h.scrollLeft || 0)
2878
- } : f.getBoundingClientRect(),
2879
- k = {
2880
- x: g.left - j.left,
2881
- y: g.top - j.top
2882
- };
2883
- return !i && f && (k.x += e(f, "x")(), k.y += e(f, "y")()), k
2884
- },
2885
- g = function (a, b, d, e) {
2886
- var g = typeof a;
2887
- return isNaN(a) ? "string" === g && "=" === a.charAt(1) ? parseInt(a.charAt(0) + "1", 10) * parseFloat(a.substr(2)) + e : "max" === a ? c(b, d) : Math.min(c(b, d), f(a, b)[d]) : parseFloat(a)
2888
- },
2889
- h = _gsScope._gsDefine.plugin({
2890
- propName: "scrollTo",
2891
- API: 2,
2892
- global: !0,
2893
- version: "1.9.2",
2894
- init: function (a, c, d) {
2895
- return this._wdw = a === b, this._target = a, this._tween = d, "object" != typeof c ? (c = {
2896
- y: c
2897
- }, "string" == typeof c.y && "max" !== c.y && "=" !== c.y.charAt(1) && (c.x = c.y)) : c.nodeType && (c = {
2898
- y: c,
2899
- x: c
2900
- }), this.vars = c, this._autoKill = c.autoKill !== !1, this.getX = e(a, "x"), this.getY = e(a, "y"), this.x = this.xPrev = this.getX(), this.y = this.yPrev = this.getY(), null != c.x ? (this._addTween(this, "x", this.x, g(c.x, a, "x", this.x) - (c.offsetX || 0), "scrollTo_x", !0), this._overwriteProps.push("scrollTo_x")) : this.skipX = !0, null != c.y ? (this._addTween(this, "y", this.y, g(c.y, a, "y", this.y) - (c.offsetY || 0), "scrollTo_y", !0), this._overwriteProps.push("scrollTo_y")) : this.skipY = !0, !0
2901
- },
2902
- set: function (a) {
2903
- this._super.setRatio.call(this, a);
2904
- var d = this._wdw || !this.skipX ? this.getX() : this.xPrev,
2905
- e = this._wdw || !this.skipY ? this.getY() : this.yPrev,
2906
- f = e - this.yPrev,
2907
- g = d - this.xPrev,
2908
- i = h.autoKillThreshold;
2909
- this.x < 0 && (this.x = 0), this.y < 0 && (this.y = 0), this._autoKill && (!this.skipX && (g > i || -i > g) && d < c(this._target, "x") && (this.skipX = !0), !this.skipY && (f > i || -i > f) && e < c(this._target, "y") && (this.skipY = !0), this.skipX && this.skipY && (this._tween.kill(), this.vars.onAutoKill && this.vars.onAutoKill.apply(this.vars.onAutoKillScope || this._tween, this.vars.onAutoKillParams || []))), this._wdw ? b.scrollTo(this.skipX ? d : this.x, this.skipY ? e : this.y) : (this.skipY || (this._target.scrollTop = this.y), this.skipX || (this._target.scrollLeft = this.x)), this.xPrev = this.x, this.yPrev = this.y
2910
- }
2911
- }),
2912
- i = h.prototype;
2913
- h.max = c, h.getOffset = f, h.buildGetter = e, h.autoKillThreshold = 7, i._kill = function (a) {
2914
- return a.scrollTo_x && (this.skipX = !0), a.scrollTo_y && (this.skipY = !0), this._super._kill.call(this, a)
2915
- }
2916
- }), _gsScope._gsDefine && _gsScope._gsQueue.pop()(),
2917
- function (a) {
2918
- "use strict";
2919
- var b = function () {
2920
- return (_gsScope.GreenSockGlobals || _gsScope)[a]
2921
- };
2922
- "undefined" != typeof module && module.exports ? (require("../TweenLite.min.js"), module.exports = b()) : "function" == typeof define && define.amd && define(["TweenLite"], b)
2923
- }("ScrollToPlugin");
2924
-
2925
- /*! ScrollMagic v2.0.7 | (c) 2019 Jan Paepke (@janpaepke) | license & info: http://scrollmagic.io */
2926
- ! function (e, n) {
2927
- "function" == typeof define && define.amd ? define(["ScrollMagic", "TweenMax", "TimelineMax"], n) : "object" == typeof exports ? (require("gsap"), n(require("scrollmagic"), TweenMax, TimelineMax)) : n(e.ScrollMagic || e.jQuery && e.jQuery.ScrollMagic, e.TweenMax || e.TweenLite, e.TimelineMax || e.TimelineLite)
2928
- }(this, function (e, s, u) {
2929
- "use strict";
2930
- e.Scene.addOption("tweenChanges", !1, function (e) {
2931
- return !!e
2932
- }), e.Scene.extend(function () {
2933
- var i, o = this;
2934
- o.on("progress.plugin_gsap", function () {
2935
- a()
2936
- }), o.on("destroy.plugin_gsap", function (e) {
2937
- o.removeTween(e.reset)
2938
- });
2939
- var a = function () {
2940
- if (i) {
2941
- var e = o.progress(),
2942
- n = o.state();
2943
- i.repeat && -1 === i.repeat() ? "DURING" === n && i.paused() ? i.play() : "DURING" === n || i.paused() || i.pause() : e != i.progress() && (0 === o.duration() ? 0 < e ? i.play() : i.reverse() : o.tweenChanges() && i.tweenTo ? i.tweenTo(e * i.duration()) : i.progress(e).pause())
2944
- }
2945
- };
2946
- o.setTween = function (e, n, r) {
2947
- var t;
2948
- 1 < arguments.length && (arguments.length < 3 && (r = n, n = 1), e = s.to(e, n, r));
2949
- try {
2950
- (t = u ? new u({
2951
- smoothChildTiming: !0
2952
- }).add(e) : e).pause()
2953
- } catch (e) {
2954
- return o
2955
- }
2956
- return i && o.removeTween(), i = t, e.repeat && -1 === e.repeat() && (i.repeat(-1), i.yoyo(e.yoyo())), a(), o
2957
- }, o.removeTween = function (e) {
2958
- return i && (e && i.progress(0).pause(), i.kill(), i = void 0), o
2959
- }
2960
- })
1
+ /*!
2
+ * ScrollMagic v2.0.7 (2019-05-07)
3
+ * The javascript library for magical scroll interactions.
4
+ * (c) 2019 Jan Paepke (@janpaepke)
5
+ * Project Website: http://scrollmagic.io
6
+ *
7
+ * @version 2.0.7
8
+ * @license Dual licensed under MIT license and GPL.
9
+ * @author Jan Paepke - e-mail@janpaepke.de
10
+ *
11
+ * @file ScrollMagic main library.
12
+ */
13
+ /**
14
+ * @namespace ScrollMagic
15
+ */
16
+ (function (root, factory) {
17
+ if (typeof define === 'function' && define.amd) {
18
+ // AMD. Register as an anonymous module.
19
+ define(factory);
20
+ } else if (typeof exports === 'object') {
21
+ // CommonJS
22
+ module.exports = factory();
23
+ } else {
24
+ // Browser global
25
+ root.ScrollMagic = factory();
26
+ }
27
+ }(this, function () {
28
+ "use strict";
29
+
30
+ var ScrollMagic = function () {
31
+ _util.log(2, '(COMPATIBILITY NOTICE) -> As of ScrollMagic 2.0.0 you need to use \'new ScrollMagic.Controller()\' to create a new controller instance. Use \'new ScrollMagic.Scene()\' to instance a scene.');
32
+ };
33
+
34
+ ScrollMagic.version = "2.0.7";
35
+
36
+ // TODO: temporary workaround for chrome's scroll jitter bug
37
+ window.addEventListener("mousewheel", function () { });
38
+
39
+ // global const
40
+ var PIN_SPACER_ATTRIBUTE = "data-scrollmagic-pin-spacer";
41
+
42
+ /**
43
+ * The main class that is needed once per scroll container.
44
+ *
45
+ * @class
46
+ *
47
+ * @example
48
+ * // basic initialization
49
+ * var controller = new ScrollMagic.Controller();
50
+ *
51
+ * // passing options
52
+ * var controller = new ScrollMagic.Controller({container: "#myContainer", loglevel: 3});
53
+ *
54
+ * @param {object} [options] - An object containing one or more options for the controller.
55
+ * @param {(string|object)} [options.container=window] - A selector, DOM object that references the main container for scrolling.
56
+ * @param {boolean} [options.vertical=true] - Sets the scroll mode to vertical (`true`) or horizontal (`false`) scrolling.
57
+ * @param {object} [options.globalSceneOptions={}] - These options will be passed to every Scene that is added to the controller using the addScene method. For more information on Scene options see {@link ScrollMagic.Scene}.
58
+ * @param {number} [options.loglevel=2] Loglevel for debugging. Note that logging is disabled in the minified version of ScrollMagic.
59
+ ** `0` => silent
60
+ ** `1` => errors
61
+ ** `2` => errors, warnings
62
+ ** `3` => errors, warnings, debuginfo
63
+ * @param {boolean} [options.refreshInterval=100] - Some changes don't call events by default, like changing the container size or moving a scene trigger element.
64
+ This interval polls these parameters to fire the necessary events.
65
+ If you don't use custom containers, trigger elements or have static layouts, where the positions of the trigger elements don't change, you can set this to 0 disable interval checking and improve performance.
66
+ *
67
+ */
68
+ ScrollMagic.Controller = function (options) {
69
+ /*
70
+ * ----------------------------------------------------------------
71
+ * settings
72
+ * ----------------------------------------------------------------
73
+ */
74
+ var
75
+ NAMESPACE = 'ScrollMagic.Controller',
76
+ SCROLL_DIRECTION_FORWARD = 'FORWARD',
77
+ SCROLL_DIRECTION_REVERSE = 'REVERSE',
78
+ SCROLL_DIRECTION_PAUSED = 'PAUSED',
79
+ DEFAULT_OPTIONS = CONTROLLER_OPTIONS.defaults;
80
+
81
+ /*
82
+ * ----------------------------------------------------------------
83
+ * private vars
84
+ * ----------------------------------------------------------------
85
+ */
86
+ var
87
+ Controller = this,
88
+ _options = _util.extend({}, DEFAULT_OPTIONS, options),
89
+ _sceneObjects = [],
90
+ _updateScenesOnNextCycle = false, // can be boolean (true => all scenes) or an array of scenes to be updated
91
+ _scrollPos = 0,
92
+ _scrollDirection = SCROLL_DIRECTION_PAUSED,
93
+ _isDocument = true,
94
+ _viewPortSize = 0,
95
+ _enabled = true,
96
+ _updateTimeout,
97
+ _refreshTimeout;
98
+
99
+ /*
100
+ * ----------------------------------------------------------------
101
+ * private functions
102
+ * ----------------------------------------------------------------
103
+ */
104
+
105
+ /**
106
+ * Internal constructor function of the ScrollMagic Controller
107
+ * @private
108
+ */
109
+ var construct = function () {
110
+ for (var key in _options) {
111
+ if (!DEFAULT_OPTIONS.hasOwnProperty(key)) {
112
+ log(2, "WARNING: Unknown option \"" + key + "\"");
113
+ delete _options[key];
114
+ }
115
+ }
116
+ _options.container = _util.get.elements(_options.container)[0];
117
+ // check ScrollContainer
118
+ if (!_options.container) {
119
+ log(1, "ERROR creating object " + NAMESPACE + ": No valid scroll container supplied");
120
+ throw NAMESPACE + " init failed."; // cancel
121
+ }
122
+ _isDocument = _options.container === window || _options.container === document.body || !document.body.contains(_options.container);
123
+ // normalize to window
124
+ if (_isDocument) {
125
+ _options.container = window;
126
+ }
127
+ // update container size immediately
128
+ _viewPortSize = getViewportSize();
129
+ // set event handlers
130
+ _options.container.addEventListener("resize", onChange);
131
+ _options.container.addEventListener("scroll", onChange);
132
+
133
+ var ri = parseInt(_options.refreshInterval, 10);
134
+ _options.refreshInterval = _util.type.Number(ri) ? ri : DEFAULT_OPTIONS.refreshInterval;
135
+ scheduleRefresh();
136
+
137
+ log(3, "added new " + NAMESPACE + " controller (v" + ScrollMagic.version + ")");
138
+ };
139
+
140
+ /**
141
+ * Schedule the next execution of the refresh function
142
+ * @private
143
+ */
144
+ var scheduleRefresh = function () {
145
+ if (_options.refreshInterval > 0) {
146
+ _refreshTimeout = window.setTimeout(refresh, _options.refreshInterval);
147
+ }
148
+ };
149
+
150
+ /**
151
+ * Default function to get scroll pos - overwriteable using `Controller.scrollPos(newFunction)`
152
+ * @private
153
+ */
154
+ var getScrollPos = function () {
155
+ return _options.vertical ? _util.get.scrollTop(_options.container) : _util.get.scrollLeft(_options.container);
156
+ };
157
+
158
+ /**
159
+ * Returns the current viewport Size (width vor horizontal, height for vertical)
160
+ * @private
161
+ */
162
+ var getViewportSize = function () {
163
+ return _options.vertical ? _util.get.height(_options.container) : _util.get.width(_options.container);
164
+ };
165
+
166
+ /**
167
+ * Default function to set scroll pos - overwriteable using `Controller.scrollTo(newFunction)`
168
+ * Make available publicly for pinned mousewheel workaround.
169
+ * @private
170
+ */
171
+ var setScrollPos = this._setScrollPos = function (pos) {
172
+ if (_options.vertical) {
173
+ if (_isDocument) {
174
+ window.scrollTo(_util.get.scrollLeft(), pos);
175
+ } else {
176
+ _options.container.scrollTop = pos;
177
+ }
178
+ } else {
179
+ if (_isDocument) {
180
+ window.scrollTo(pos, _util.get.scrollTop());
181
+ } else {
182
+ _options.container.scrollLeft = pos;
183
+ }
184
+ }
185
+ };
186
+
187
+ /**
188
+ * Handle updates in cycles instead of on scroll (performance)
189
+ * @private
190
+ */
191
+ var updateScenes = function () {
192
+ if (_enabled && _updateScenesOnNextCycle) {
193
+ // determine scenes to update
194
+ var scenesToUpdate = _util.type.Array(_updateScenesOnNextCycle) ? _updateScenesOnNextCycle : _sceneObjects.slice(0);
195
+ // reset scenes
196
+ _updateScenesOnNextCycle = false;
197
+ var oldScrollPos = _scrollPos;
198
+ // update scroll pos now instead of onChange, as it might have changed since scheduling (i.e. in-browser smooth scroll)
199
+ _scrollPos = Controller.scrollPos();
200
+ var deltaScroll = _scrollPos - oldScrollPos;
201
+ if (deltaScroll !== 0) { // scroll position changed?
202
+ _scrollDirection = (deltaScroll > 0) ? SCROLL_DIRECTION_FORWARD : SCROLL_DIRECTION_REVERSE;
203
+ }
204
+ // reverse order of scenes if scrolling reverse
205
+ if (_scrollDirection === SCROLL_DIRECTION_REVERSE) {
206
+ scenesToUpdate.reverse();
207
+ }
208
+ // update scenes
209
+ scenesToUpdate.forEach(function (scene, index) {
210
+ log(3, "updating Scene " + (index + 1) + "/" + scenesToUpdate.length + " (" + _sceneObjects.length + " total)");
211
+ scene.update(true);
212
+ });
213
+ if (scenesToUpdate.length === 0 && _options.loglevel >= 3) {
214
+ log(3, "updating 0 Scenes (nothing added to controller)");
215
+ }
216
+ }
217
+ };
218
+
219
+ /**
220
+ * Initializes rAF callback
221
+ * @private
222
+ */
223
+ var debounceUpdate = function () {
224
+ _updateTimeout = _util.rAF(updateScenes);
225
+ };
226
+
227
+ /**
228
+ * Handles Container changes
229
+ * @private
230
+ */
231
+ var onChange = function (e) {
232
+ log(3, "event fired causing an update:", e.type);
233
+ if (e.type == "resize") {
234
+ // resize
235
+ _viewPortSize = getViewportSize();
236
+ _scrollDirection = SCROLL_DIRECTION_PAUSED;
237
+ }
238
+ // schedule update
239
+ if (_updateScenesOnNextCycle !== true) {
240
+ _updateScenesOnNextCycle = true;
241
+ debounceUpdate();
242
+ }
243
+ };
244
+
245
+ var refresh = function () {
246
+ if (!_isDocument) {
247
+ // simulate resize event. Only works for viewport relevant param (performance)
248
+ if (_viewPortSize != getViewportSize()) {
249
+ var resizeEvent;
250
+ try {
251
+ resizeEvent = new Event('resize', {
252
+ bubbles: false,
253
+ cancelable: false
254
+ });
255
+ } catch (e) { // stupid IE
256
+ resizeEvent = document.createEvent("Event");
257
+ resizeEvent.initEvent("resize", false, false);
258
+ }
259
+ _options.container.dispatchEvent(resizeEvent);
260
+ }
261
+ }
262
+ _sceneObjects.forEach(function (scene, index) { // refresh all scenes
263
+ scene.refresh();
264
+ });
265
+ scheduleRefresh();
266
+ };
267
+
268
+ /**
269
+ * Send a debug message to the console.
270
+ * provided publicly with _log for plugins
271
+ * @private
272
+ *
273
+ * @param {number} loglevel - The loglevel required to initiate output for the message.
274
+ * @param {...mixed} output - One or more variables that should be passed to the console.
275
+ */
276
+ var log = this._log = function (loglevel, output) {
277
+ if (_options.loglevel >= loglevel) {
278
+ Array.prototype.splice.call(arguments, 1, 0, "(" + NAMESPACE + ") ->");
279
+ _util.log.apply(window, arguments);
280
+ }
281
+ };
282
+ // for scenes we have getters for each option, but for the controller we don't, so we need to make it available externally for plugins
283
+ this._options = _options;
284
+
285
+ /**
286
+ * Sort scenes in ascending order of their start offset.
287
+ * @private
288
+ *
289
+ * @param {array} ScenesArray - an array of ScrollMagic Scenes that should be sorted
290
+ * @return {array} The sorted array of Scenes.
291
+ */
292
+ var sortScenes = function (ScenesArray) {
293
+ if (ScenesArray.length <= 1) {
294
+ return ScenesArray;
295
+ } else {
296
+ var scenes = ScenesArray.slice(0);
297
+ scenes.sort(function (a, b) {
298
+ return a.scrollOffset() > b.scrollOffset() ? 1 : -1;
299
+ });
300
+ return scenes;
301
+ }
302
+ };
303
+
304
+ /**
305
+ * ----------------------------------------------------------------
306
+ * public functions
307
+ * ----------------------------------------------------------------
308
+ */
309
+
310
+ /**
311
+ * Add one ore more scene(s) to the controller.
312
+ * This is the equivalent to `Scene.addTo(controller)`.
313
+ * @public
314
+ * @example
315
+ * // with a previously defined scene
316
+ * controller.addScene(scene);
317
+ *
318
+ * // with a newly created scene.
319
+ * controller.addScene(new ScrollMagic.Scene({duration : 0}));
320
+ *
321
+ * // adding multiple scenes
322
+ * controller.addScene([scene, scene2, new ScrollMagic.Scene({duration : 0})]);
323
+ *
324
+ * @param {(ScrollMagic.Scene|array)} newScene - ScrollMagic Scene or Array of Scenes to be added to the controller.
325
+ * @return {Controller} Parent object for chaining.
326
+ */
327
+ this.addScene = function (newScene) {
328
+ if (_util.type.Array(newScene)) {
329
+ newScene.forEach(function (scene, index) {
330
+ Controller.addScene(scene);
331
+ });
332
+ } else if (newScene instanceof ScrollMagic.Scene) {
333
+ if (newScene.controller() !== Controller) {
334
+ newScene.addTo(Controller);
335
+ } else if (_sceneObjects.indexOf(newScene) < 0) {
336
+ // new scene
337
+ _sceneObjects.push(newScene); // add to array
338
+ _sceneObjects = sortScenes(_sceneObjects); // sort
339
+ newScene.on("shift.controller_sort", function () { // resort whenever scene moves
340
+ _sceneObjects = sortScenes(_sceneObjects);
341
+ });
342
+ // insert Global defaults.
343
+ for (var key in _options.globalSceneOptions) {
344
+ if (newScene[key]) {
345
+ newScene[key].call(newScene, _options.globalSceneOptions[key]);
346
+ }
347
+ }
348
+ log(3, "adding Scene (now " + _sceneObjects.length + " total)");
349
+ }
350
+ } else {
351
+ log(1, "ERROR: invalid argument supplied for '.addScene()'");
352
+ }
353
+ return Controller;
354
+ };
355
+
356
+ /**
357
+ * Remove one ore more scene(s) from the controller.
358
+ * This is the equivalent to `Scene.remove()`.
359
+ * @public
360
+ * @example
361
+ * // remove a scene from the controller
362
+ * controller.removeScene(scene);
363
+ *
364
+ * // remove multiple scenes from the controller
365
+ * controller.removeScene([scene, scene2, scene3]);
366
+ *
367
+ * @param {(ScrollMagic.Scene|array)} Scene - ScrollMagic Scene or Array of Scenes to be removed from the controller.
368
+ * @returns {Controller} Parent object for chaining.
369
+ */
370
+ this.removeScene = function (Scene) {
371
+ if (_util.type.Array(Scene)) {
372
+ Scene.forEach(function (scene, index) {
373
+ Controller.removeScene(scene);
374
+ });
375
+ } else {
376
+ var index = _sceneObjects.indexOf(Scene);
377
+ if (index > -1) {
378
+ Scene.off("shift.controller_sort");
379
+ _sceneObjects.splice(index, 1);
380
+ log(3, "removing Scene (now " + _sceneObjects.length + " left)");
381
+ Scene.remove();
382
+ }
383
+ }
384
+ return Controller;
385
+ };
386
+
387
+ /**
388
+ * Update one ore more scene(s) according to the scroll position of the container.
389
+ * This is the equivalent to `Scene.update()`.
390
+ * The update method calculates the scene's start and end position (based on the trigger element, trigger hook, duration and offset) and checks it against the current scroll position of the container.
391
+ * It then updates the current scene state accordingly (or does nothing, if the state is already correct) – Pins will be set to their correct position and tweens will be updated to their correct progress.
392
+ * _**Note:** This method gets called constantly whenever Controller detects a change. The only application for you is if you change something outside of the realm of ScrollMagic, like moving the trigger or changing tween parameters._
393
+ * @public
394
+ * @example
395
+ * // update a specific scene on next cycle
396
+ * controller.updateScene(scene);
397
+ *
398
+ * // update a specific scene immediately
399
+ * controller.updateScene(scene, true);
400
+ *
401
+ * // update multiple scenes scene on next cycle
402
+ * controller.updateScene([scene1, scene2, scene3]);
403
+ *
404
+ * @param {ScrollMagic.Scene} Scene - ScrollMagic Scene or Array of Scenes that is/are supposed to be updated.
405
+ * @param {boolean} [immediately=false] - If `true` the update will be instant, if `false` it will wait until next update cycle.
406
+ This is useful when changing multiple properties of the scene - this way it will only be updated once all new properties are set (updateScenes).
407
+ * @return {Controller} Parent object for chaining.
408
+ */
409
+ this.updateScene = function (Scene, immediately) {
410
+ if (_util.type.Array(Scene)) {
411
+ Scene.forEach(function (scene, index) {
412
+ Controller.updateScene(scene, immediately);
413
+ });
414
+ } else {
415
+ if (immediately) {
416
+ Scene.update(true);
417
+ } else if (_updateScenesOnNextCycle !== true && Scene instanceof ScrollMagic.Scene) { // if _updateScenesOnNextCycle is true, all connected scenes are already scheduled for update
418
+ // prep array for next update cycle
419
+ _updateScenesOnNextCycle = _updateScenesOnNextCycle || [];
420
+ if (_updateScenesOnNextCycle.indexOf(Scene) == -1) {
421
+ _updateScenesOnNextCycle.push(Scene);
422
+ }
423
+ _updateScenesOnNextCycle = sortScenes(_updateScenesOnNextCycle); // sort
424
+ debounceUpdate();
425
+ }
426
+ }
427
+ return Controller;
428
+ };
429
+
430
+ /**
431
+ * Updates the controller params and calls updateScene on every scene, that is attached to the controller.
432
+ * See `Controller.updateScene()` for more information about what this means.
433
+ * In most cases you will not need this function, as it is called constantly, whenever ScrollMagic detects a state change event, like resize or scroll.
434
+ * The only application for this method is when ScrollMagic fails to detect these events.
435
+ * One application is with some external scroll libraries (like iScroll) that move an internal container to a negative offset instead of actually scrolling. In this case the update on the controller needs to be called whenever the child container's position changes.
436
+ * For this case there will also be the need to provide a custom function to calculate the correct scroll position. See `Controller.scrollPos()` for details.
437
+ * @public
438
+ * @example
439
+ * // update the controller on next cycle (saves performance due to elimination of redundant updates)
440
+ * controller.update();
441
+ *
442
+ * // update the controller immediately
443
+ * controller.update(true);
444
+ *
445
+ * @param {boolean} [immediately=false] - If `true` the update will be instant, if `false` it will wait until next update cycle (better performance)
446
+ * @return {Controller} Parent object for chaining.
447
+ */
448
+ this.update = function (immediately) {
449
+ onChange({
450
+ type: "resize"
451
+ }); // will update size and set _updateScenesOnNextCycle to true
452
+ if (immediately) {
453
+ updateScenes();
454
+ }
455
+ return Controller;
456
+ };
457
+
458
+ /**
459
+ * Scroll to a numeric scroll offset, a DOM element, the start of a scene or provide an alternate method for scrolling.
460
+ * For vertical controllers it will change the top scroll offset and for horizontal applications it will change the left offset.
461
+ * @public
462
+ *
463
+ * @since 1.1.0
464
+ * @example
465
+ * // scroll to an offset of 100
466
+ * controller.scrollTo(100);
467
+ *
468
+ * // scroll to a DOM element
469
+ * controller.scrollTo("#anchor");
470
+ *
471
+ * // scroll to the beginning of a scene
472
+ * var scene = new ScrollMagic.Scene({offset: 200});
473
+ * controller.scrollTo(scene);
474
+ *
475
+ * // define a new scroll position modification function (jQuery animate instead of jump)
476
+ * controller.scrollTo(function (newScrollPos) {
477
+ * $("html, body").animate({scrollTop: newScrollPos});
478
+ * });
479
+ * controller.scrollTo(100); // call as usual, but the new function will be used instead
480
+ *
481
+ * // define a new scroll function with an additional parameter
482
+ * controller.scrollTo(function (newScrollPos, message) {
483
+ * console.log(message);
484
+ * $(this).animate({scrollTop: newScrollPos});
485
+ * });
486
+ * // call as usual, but supply an extra parameter to the defined custom function
487
+ * controller.scrollTo(100, "my message");
488
+ *
489
+ * // define a new scroll function with an additional parameter containing multiple variables
490
+ * controller.scrollTo(function (newScrollPos, options) {
491
+ * someGlobalVar = options.a + options.b;
492
+ * $(this).animate({scrollTop: newScrollPos});
493
+ * });
494
+ * // call as usual, but supply an extra parameter containing multiple options
495
+ * controller.scrollTo(100, {a: 1, b: 2});
496
+ *
497
+ * // define a new scroll function with a callback supplied as an additional parameter
498
+ * controller.scrollTo(function (newScrollPos, callback) {
499
+ * $(this).animate({scrollTop: newScrollPos}, 400, "swing", callback);
500
+ * });
501
+ * // call as usual, but supply an extra parameter, which is used as a callback in the previously defined custom scroll function
502
+ * controller.scrollTo(100, function() {
503
+ * console.log("scroll has finished.");
504
+ * });
505
+ *
506
+ * @param {mixed} scrollTarget - The supplied argument can be one of these types:
507
+ * 1. `number` -> The container will scroll to this new scroll offset.
508
+ * 2. `string` or `object` -> Can be a selector or a DOM object.
509
+ * The container will scroll to the position of this element.
510
+ * 3. `ScrollMagic Scene` -> The container will scroll to the start of this scene.
511
+ * 4. `function` -> This function will be used for future scroll position modifications.
512
+ * This provides a way for you to change the behaviour of scrolling and adding new behaviour like animation. The function receives the new scroll position as a parameter and a reference to the container element using `this`.
513
+ * It may also optionally receive an optional additional parameter (see below)
514
+ * _**NOTE:**
515
+ * All other options will still work as expected, using the new function to scroll._
516
+ * @param {mixed} [additionalParameter] - If a custom scroll function was defined (see above 4.), you may want to supply additional parameters to it, when calling it. You can do this using this parameter – see examples for details. Please note, that this parameter will have no effect, if you use the default scrolling function.
517
+ * @returns {Controller} Parent object for chaining.
518
+ */
519
+ this.scrollTo = function (scrollTarget, additionalParameter) {
520
+ if (_util.type.Number(scrollTarget)) { // excecute
521
+ setScrollPos.call(_options.container, scrollTarget, additionalParameter);
522
+ } else if (scrollTarget instanceof ScrollMagic.Scene) { // scroll to scene
523
+ if (scrollTarget.controller() === Controller) { // check if the controller is associated with this scene
524
+ Controller.scrollTo(scrollTarget.scrollOffset(), additionalParameter);
525
+ } else {
526
+ log(2, "scrollTo(): The supplied scene does not belong to this controller. Scroll cancelled.", scrollTarget);
527
+ }
528
+ } else if (_util.type.Function(scrollTarget)) { // assign new scroll function
529
+ setScrollPos = scrollTarget;
530
+ } else { // scroll to element
531
+ var elem = _util.get.elements(scrollTarget)[0];
532
+ if (elem) {
533
+ // if parent is pin spacer, use spacer position instead so correct start position is returned for pinned elements.
534
+ while (elem.parentNode.hasAttribute(PIN_SPACER_ATTRIBUTE)) {
535
+ elem = elem.parentNode;
536
+ }
537
+
538
+ var
539
+ param = _options.vertical ? "top" : "left", // which param is of interest ?
540
+ containerOffset = _util.get.offset(_options.container), // container position is needed because element offset is returned in relation to document, not in relation to container.
541
+ elementOffset = _util.get.offset(elem);
542
+
543
+ if (!_isDocument) { // container is not the document root, so substract scroll Position to get correct trigger element position relative to scrollcontent
544
+ containerOffset[param] -= Controller.scrollPos();
545
+ }
546
+
547
+ Controller.scrollTo(elementOffset[param] - containerOffset[param], additionalParameter);
548
+ } else {
549
+ log(2, "scrollTo(): The supplied argument is invalid. Scroll cancelled.", scrollTarget);
550
+ }
551
+ }
552
+ return Controller;
553
+ };
554
+
555
+ /**
556
+ * **Get** the current scrollPosition or **Set** a new method to calculate it.
557
+ * -> **GET**:
558
+ * When used as a getter this function will return the current scroll position.
559
+ * To get a cached value use Controller.info("scrollPos"), which will be updated in the update cycle.
560
+ * For vertical controllers it will return the top scroll offset and for horizontal applications it will return the left offset.
561
+ *
562
+ * -> **SET**:
563
+ * When used as a setter this method prodes a way to permanently overwrite the controller's scroll position calculation.
564
+ * A typical usecase is when the scroll position is not reflected by the containers scrollTop or scrollLeft values, but for example by the inner offset of a child container.
565
+ * Moving a child container inside a parent is a commonly used method for several scrolling frameworks, including iScroll.
566
+ * By providing an alternate calculation function you can make sure ScrollMagic receives the correct scroll position.
567
+ * Please also bear in mind that your function should return y values for vertical scrolls an x for horizontals.
568
+ *
569
+ * To change the current scroll position please use `Controller.scrollTo()`.
570
+ * @public
571
+ *
572
+ * @example
573
+ * // get the current scroll Position
574
+ * var scrollPos = controller.scrollPos();
575
+ *
576
+ * // set a new scroll position calculation method
577
+ * controller.scrollPos(function () {
578
+ * return this.info("vertical") ? -mychildcontainer.y : -mychildcontainer.x
579
+ * });
580
+ *
581
+ * @param {function} [scrollPosMethod] - The function to be used for the scroll position calculation of the container.
582
+ * @returns {(number|Controller)} Current scroll position or parent object for chaining.
583
+ */
584
+ this.scrollPos = function (scrollPosMethod) {
585
+ if (!arguments.length) { // get
586
+ return getScrollPos.call(Controller);
587
+ } else { // set
588
+ if (_util.type.Function(scrollPosMethod)) {
589
+ getScrollPos = scrollPosMethod;
590
+ } else {
591
+ log(2, "Provided value for method 'scrollPos' is not a function. To change the current scroll position use 'scrollTo()'.");
592
+ }
593
+ }
594
+ return Controller;
595
+ };
596
+
597
+ /**
598
+ * **Get** all infos or one in particular about the controller.
599
+ * @public
600
+ * @example
601
+ * // returns the current scroll position (number)
602
+ * var scrollPos = controller.info("scrollPos");
603
+ *
604
+ * // returns all infos as an object
605
+ * var infos = controller.info();
606
+ *
607
+ * @param {string} [about] - If passed only this info will be returned instead of an object containing all.
608
+ Valid options are:
609
+ ** `"size"` => the current viewport size of the container
610
+ ** `"vertical"` => true if vertical scrolling, otherwise false
611
+ ** `"scrollPos"` => the current scroll position
612
+ ** `"scrollDirection"` => the last known direction of the scroll
613
+ ** `"container"` => the container element
614
+ ** `"isDocument"` => true if container element is the document.
615
+ * @returns {(mixed|object)} The requested info(s).
616
+ */
617
+ this.info = function (about) {
618
+ var values = {
619
+ size: _viewPortSize, // contains height or width (in regard to orientation);
620
+ vertical: _options.vertical,
621
+ scrollPos: _scrollPos,
622
+ scrollDirection: _scrollDirection,
623
+ container: _options.container,
624
+ isDocument: _isDocument
625
+ };
626
+ if (!arguments.length) { // get all as an object
627
+ return values;
628
+ } else if (values[about] !== undefined) {
629
+ return values[about];
630
+ } else {
631
+ log(1, "ERROR: option \"" + about + "\" is not available");
632
+ return;
633
+ }
634
+ };
635
+
636
+ /**
637
+ * **Get** or **Set** the current loglevel option value.
638
+ * @public
639
+ *
640
+ * @example
641
+ * // get the current value
642
+ * var loglevel = controller.loglevel();
643
+ *
644
+ * // set a new value
645
+ * controller.loglevel(3);
646
+ *
647
+ * @param {number} [newLoglevel] - The new loglevel setting of the Controller. `[0-3]`
648
+ * @returns {(number|Controller)} Current loglevel or parent object for chaining.
649
+ */
650
+ this.loglevel = function (newLoglevel) {
651
+ if (!arguments.length) { // get
652
+ return _options.loglevel;
653
+ } else if (_options.loglevel != newLoglevel) { // set
654
+ _options.loglevel = newLoglevel;
655
+ }
656
+ return Controller;
657
+ };
658
+
659
+ /**
660
+ * **Get** or **Set** the current enabled state of the controller.
661
+ * This can be used to disable all Scenes connected to the controller without destroying or removing them.
662
+ * @public
663
+ *
664
+ * @example
665
+ * // get the current value
666
+ * var enabled = controller.enabled();
667
+ *
668
+ * // disable the controller
669
+ * controller.enabled(false);
670
+ *
671
+ * @param {boolean} [newState] - The new enabled state of the controller `true` or `false`.
672
+ * @returns {(boolean|Controller)} Current enabled state or parent object for chaining.
673
+ */
674
+ this.enabled = function (newState) {
675
+ if (!arguments.length) { // get
676
+ return _enabled;
677
+ } else if (_enabled != newState) { // set
678
+ _enabled = !!newState;
679
+ Controller.updateScene(_sceneObjects, true);
680
+ }
681
+ return Controller;
682
+ };
683
+
684
+ /**
685
+ * Destroy the Controller, all Scenes and everything.
686
+ * @public
687
+ *
688
+ * @example
689
+ * // without resetting the scenes
690
+ * controller = controller.destroy();
691
+ *
692
+ * // with scene reset
693
+ * controller = controller.destroy(true);
694
+ *
695
+ * @param {boolean} [resetScenes=false] - If `true` the pins and tweens (if existent) of all scenes will be reset.
696
+ * @returns {null} Null to unset handler variables.
697
+ */
698
+ this.destroy = function (resetScenes) {
699
+ window.clearTimeout(_refreshTimeout);
700
+ var i = _sceneObjects.length;
701
+ while (i--) {
702
+ _sceneObjects[i].destroy(resetScenes);
703
+ }
704
+ _options.container.removeEventListener("resize", onChange);
705
+ _options.container.removeEventListener("scroll", onChange);
706
+ _util.cAF(_updateTimeout);
707
+ log(3, "destroyed " + NAMESPACE + " (reset: " + (resetScenes ? "true" : "false") + ")");
708
+ return null;
709
+ };
710
+
711
+ // INIT
712
+ construct();
713
+ return Controller;
714
+ };
715
+
716
+ // store pagewide controller options
717
+ var CONTROLLER_OPTIONS = {
718
+ defaults: {
719
+ container: window,
720
+ vertical: true,
721
+ globalSceneOptions: {},
722
+ loglevel: 2,
723
+ refreshInterval: 100
724
+ }
725
+ };
726
+ /*
727
+ * method used to add an option to ScrollMagic Scenes.
728
+ */
729
+ ScrollMagic.Controller.addOption = function (name, defaultValue) {
730
+ CONTROLLER_OPTIONS.defaults[name] = defaultValue;
731
+ };
732
+ // instance extension function for plugins
733
+ ScrollMagic.Controller.extend = function (extension) {
734
+ var oldClass = this;
735
+ ScrollMagic.Controller = function () {
736
+ oldClass.apply(this, arguments);
737
+ this.$super = _util.extend({}, this); // copy parent state
738
+ return extension.apply(this, arguments) || this;
739
+ };
740
+ _util.extend(ScrollMagic.Controller, oldClass); // copy properties
741
+ ScrollMagic.Controller.prototype = oldClass.prototype; // copy prototype
742
+ ScrollMagic.Controller.prototype.constructor = ScrollMagic.Controller; // restore constructor
743
+ };
744
+
745
+
746
+ /**
747
+ * A Scene defines where the controller should react and how.
748
+ *
749
+ * @class
750
+ *
751
+ * @example
752
+ * // create a standard scene and add it to a controller
753
+ * new ScrollMagic.Scene()
754
+ * .addTo(controller);
755
+ *
756
+ * // create a scene with custom options and assign a handler to it.
757
+ * var scene = new ScrollMagic.Scene({
758
+ * duration: 100,
759
+ * offset: 200,
760
+ * triggerHook: "onEnter",
761
+ * reverse: false
762
+ * });
763
+ *
764
+ * @param {object} [options] - Options for the Scene. The options can be updated at any time.
765
+ Instead of setting the options for each scene individually you can also set them globally in the controller as the controllers `globalSceneOptions` option. The object accepts the same properties as the ones below.
766
+ When a scene is added to the controller the options defined using the Scene constructor will be overwritten by those set in `globalSceneOptions`.
767
+ * @param {(number|string|function)} [options.duration=0] - The duration of the scene.
768
+ Please see `Scene.duration()` for details.
769
+ * @param {number} [options.offset=0] - Offset Value for the Trigger Position. If no triggerElement is defined this will be the scroll distance from the start of the page, after which the scene will start.
770
+ * @param {(string|object)} [options.triggerElement=null] - Selector or DOM object that defines the start of the scene. If undefined the scene will start right at the start of the page (unless an offset is set).
771
+ * @param {(number|string)} [options.triggerHook="onCenter"] - Can be a number between 0 and 1 defining the position of the trigger Hook in relation to the viewport.
772
+ Can also be defined using a string:
773
+ ** `"onEnter"` => `1`
774
+ ** `"onCenter"` => `0.5`
775
+ ** `"onLeave"` => `0`
776
+ * @param {boolean} [options.reverse=true] - Should the scene reverse, when scrolling up?
777
+ * @param {number} [options.loglevel=2] - Loglevel for debugging. Note that logging is disabled in the minified version of ScrollMagic.
778
+ ** `0` => silent
779
+ ** `1` => errors
780
+ ** `2` => errors, warnings
781
+ ** `3` => errors, warnings, debuginfo
782
+ *
783
+ */
784
+ ScrollMagic.Scene = function (options) {
785
+
786
+ /*
787
+ * ----------------------------------------------------------------
788
+ * settings
789
+ * ----------------------------------------------------------------
790
+ */
791
+
792
+ var
793
+ NAMESPACE = 'ScrollMagic.Scene',
794
+ SCENE_STATE_BEFORE = 'BEFORE',
795
+ SCENE_STATE_DURING = 'DURING',
796
+ SCENE_STATE_AFTER = 'AFTER',
797
+ DEFAULT_OPTIONS = SCENE_OPTIONS.defaults;
798
+
799
+ /*
800
+ * ----------------------------------------------------------------
801
+ * private vars
802
+ * ----------------------------------------------------------------
803
+ */
804
+
805
+ var
806
+ Scene = this,
807
+ _options = _util.extend({}, DEFAULT_OPTIONS, options),
808
+ _state = SCENE_STATE_BEFORE,
809
+ _progress = 0,
810
+ _scrollOffset = {
811
+ start: 0,
812
+ end: 0
813
+ }, // reflects the controllers's scroll position for the start and end of the scene respectively
814
+ _triggerPos = 0,
815
+ _enabled = true,
816
+ _durationUpdateMethod,
817
+ _controller;
818
+
819
+ /**
820
+ * Internal constructor function of the ScrollMagic Scene
821
+ * @private
822
+ */
823
+ var construct = function () {
824
+ for (var key in _options) { // check supplied options
825
+ if (!DEFAULT_OPTIONS.hasOwnProperty(key)) {
826
+ log(2, "WARNING: Unknown option \"" + key + "\"");
827
+ delete _options[key];
828
+ }
829
+ }
830
+ // add getters/setters for all possible options
831
+ for (var optionName in DEFAULT_OPTIONS) {
832
+ addSceneOption(optionName);
833
+ }
834
+ // validate all options
835
+ validateOption();
836
+ };
837
+
838
+ /*
839
+ * ----------------------------------------------------------------
840
+ * Event Management
841
+ * ----------------------------------------------------------------
842
+ */
843
+
844
+ var _listeners = {};
845
+ /**
846
+ * Scene start event.
847
+ * Fires whenever the scroll position its the starting point of the scene.
848
+ * It will also fire when scrolling back up going over the start position of the scene. If you want something to happen only when scrolling down/right, use the scrollDirection parameter passed to the callback.
849
+ *
850
+ * For details on this event and the order in which it is fired, please review the {@link Scene.progress} method.
851
+ *
852
+ * @event ScrollMagic.Scene#start
853
+ *
854
+ * @example
855
+ * scene.on("start", function (event) {
856
+ * console.log("Hit start point of scene.");
857
+ * });
858
+ *
859
+ * @property {object} event - The event Object passed to each callback
860
+ * @property {string} event.type - The name of the event
861
+ * @property {Scene} event.target - The Scene object that triggered this event
862
+ * @property {number} event.progress - Reflects the current progress of the scene
863
+ * @property {string} event.state - The current state of the scene `"BEFORE"` or `"DURING"`
864
+ * @property {string} event.scrollDirection - Indicates which way we are scrolling `"PAUSED"`, `"FORWARD"` or `"REVERSE"`
865
+ */
866
+ /**
867
+ * Scene end event.
868
+ * Fires whenever the scroll position its the ending point of the scene.
869
+ * It will also fire when scrolling back up from after the scene and going over its end position. If you want something to happen only when scrolling down/right, use the scrollDirection parameter passed to the callback.
870
+ *
871
+ * For details on this event and the order in which it is fired, please review the {@link Scene.progress} method.
872
+ *
873
+ * @event ScrollMagic.Scene#end
874
+ *
875
+ * @example
876
+ * scene.on("end", function (event) {
877
+ * console.log("Hit end point of scene.");
878
+ * });
879
+ *
880
+ * @property {object} event - The event Object passed to each callback
881
+ * @property {string} event.type - The name of the event
882
+ * @property {Scene} event.target - The Scene object that triggered this event
883
+ * @property {number} event.progress - Reflects the current progress of the scene
884
+ * @property {string} event.state - The current state of the scene `"DURING"` or `"AFTER"`
885
+ * @property {string} event.scrollDirection - Indicates which way we are scrolling `"PAUSED"`, `"FORWARD"` or `"REVERSE"`
886
+ */
887
+ /**
888
+ * Scene enter event.
889
+ * Fires whenever the scene enters the "DURING" state.
890
+ * Keep in mind that it doesn't matter if the scene plays forward or backward: This event always fires when the scene enters its active scroll timeframe, regardless of the scroll-direction.
891
+ *
892
+ * For details on this event and the order in which it is fired, please review the {@link Scene.progress} method.
893
+ *
894
+ * @event ScrollMagic.Scene#enter
895
+ *
896
+ * @example
897
+ * scene.on("enter", function (event) {
898
+ * console.log("Scene entered.");
899
+ * });
900
+ *
901
+ * @property {object} event - The event Object passed to each callback
902
+ * @property {string} event.type - The name of the event
903
+ * @property {Scene} event.target - The Scene object that triggered this event
904
+ * @property {number} event.progress - Reflects the current progress of the scene
905
+ * @property {string} event.state - The current state of the scene - always `"DURING"`
906
+ * @property {string} event.scrollDirection - Indicates which way we are scrolling `"PAUSED"`, `"FORWARD"` or `"REVERSE"`
907
+ */
908
+ /**
909
+ * Scene leave event.
910
+ * Fires whenever the scene's state goes from "DURING" to either "BEFORE" or "AFTER".
911
+ * Keep in mind that it doesn't matter if the scene plays forward or backward: This event always fires when the scene leaves its active scroll timeframe, regardless of the scroll-direction.
912
+ *
913
+ * For details on this event and the order in which it is fired, please review the {@link Scene.progress} method.
914
+ *
915
+ * @event ScrollMagic.Scene#leave
916
+ *
917
+ * @example
918
+ * scene.on("leave", function (event) {
919
+ * console.log("Scene left.");
920
+ * });
921
+ *
922
+ * @property {object} event - The event Object passed to each callback
923
+ * @property {string} event.type - The name of the event
924
+ * @property {Scene} event.target - The Scene object that triggered this event
925
+ * @property {number} event.progress - Reflects the current progress of the scene
926
+ * @property {string} event.state - The current state of the scene `"BEFORE"` or `"AFTER"`
927
+ * @property {string} event.scrollDirection - Indicates which way we are scrolling `"PAUSED"`, `"FORWARD"` or `"REVERSE"`
928
+ */
929
+ /**
930
+ * Scene update event.
931
+ * Fires whenever the scene is updated (but not necessarily changes the progress).
932
+ *
933
+ * @event ScrollMagic.Scene#update
934
+ *
935
+ * @example
936
+ * scene.on("update", function (event) {
937
+ * console.log("Scene updated.");
938
+ * });
939
+ *
940
+ * @property {object} event - The event Object passed to each callback
941
+ * @property {string} event.type - The name of the event
942
+ * @property {Scene} event.target - The Scene object that triggered this event
943
+ * @property {number} event.startPos - The starting position of the scene (in relation to the conainer)
944
+ * @property {number} event.endPos - The ending position of the scene (in relation to the conainer)
945
+ * @property {number} event.scrollPos - The current scroll position of the container
946
+ */
947
+ /**
948
+ * Scene progress event.
949
+ * Fires whenever the progress of the scene changes.
950
+ *
951
+ * For details on this event and the order in which it is fired, please review the {@link Scene.progress} method.
952
+ *
953
+ * @event ScrollMagic.Scene#progress
954
+ *
955
+ * @example
956
+ * scene.on("progress", function (event) {
957
+ * console.log("Scene progress changed to " + event.progress);
958
+ * });
959
+ *
960
+ * @property {object} event - The event Object passed to each callback
961
+ * @property {string} event.type - The name of the event
962
+ * @property {Scene} event.target - The Scene object that triggered this event
963
+ * @property {number} event.progress - Reflects the current progress of the scene
964
+ * @property {string} event.state - The current state of the scene `"BEFORE"`, `"DURING"` or `"AFTER"`
965
+ * @property {string} event.scrollDirection - Indicates which way we are scrolling `"PAUSED"`, `"FORWARD"` or `"REVERSE"`
966
+ */
967
+ /**
968
+ * Scene change event.
969
+ * Fires whenvever a property of the scene is changed.
970
+ *
971
+ * @event ScrollMagic.Scene#change
972
+ *
973
+ * @example
974
+ * scene.on("change", function (event) {
975
+ * console.log("Scene Property \"" + event.what + "\" changed to " + event.newval);
976
+ * });
977
+ *
978
+ * @property {object} event - The event Object passed to each callback
979
+ * @property {string} event.type - The name of the event
980
+ * @property {Scene} event.target - The Scene object that triggered this event
981
+ * @property {string} event.what - Indicates what value has been changed
982
+ * @property {mixed} event.newval - The new value of the changed property
983
+ */
984
+ /**
985
+ * Scene shift event.
986
+ * Fires whenvever the start or end **scroll offset** of the scene change.
987
+ * This happens explicitely, when one of these values change: `offset`, `duration` or `triggerHook`.
988
+ * It will fire implicitly when the `triggerElement` changes, if the new element has a different position (most cases).
989
+ * It will also fire implicitly when the size of the container changes and the triggerHook is anything other than `onLeave`.
990
+ *
991
+ * @event ScrollMagic.Scene#shift
992
+ * @since 1.1.0
993
+ *
994
+ * @example
995
+ * scene.on("shift", function (event) {
996
+ * console.log("Scene moved, because the " + event.reason + " has changed.)");
997
+ * });
998
+ *
999
+ * @property {object} event - The event Object passed to each callback
1000
+ * @property {string} event.type - The name of the event
1001
+ * @property {Scene} event.target - The Scene object that triggered this event
1002
+ * @property {string} event.reason - Indicates why the scene has shifted
1003
+ */
1004
+ /**
1005
+ * Scene destroy event.
1006
+ * Fires whenvever the scene is destroyed.
1007
+ * This can be used to tidy up custom behaviour used in events.
1008
+ *
1009
+ * @event ScrollMagic.Scene#destroy
1010
+ * @since 1.1.0
1011
+ *
1012
+ * @example
1013
+ * scene.on("enter", function (event) {
1014
+ * // add custom action
1015
+ * $("#my-elem").left("200");
1016
+ * })
1017
+ * .on("destroy", function (event) {
1018
+ * // reset my element to start position
1019
+ * if (event.reset) {
1020
+ * $("#my-elem").left("0");
1021
+ * }
1022
+ * });
1023
+ *
1024
+ * @property {object} event - The event Object passed to each callback
1025
+ * @property {string} event.type - The name of the event
1026
+ * @property {Scene} event.target - The Scene object that triggered this event
1027
+ * @property {boolean} event.reset - Indicates if the destroy method was called with reset `true` or `false`.
1028
+ */
1029
+ /**
1030
+ * Scene add event.
1031
+ * Fires when the scene is added to a controller.
1032
+ * This is mostly used by plugins to know that change might be due.
1033
+ *
1034
+ * @event ScrollMagic.Scene#add
1035
+ * @since 2.0.0
1036
+ *
1037
+ * @example
1038
+ * scene.on("add", function (event) {
1039
+ * console.log('Scene was added to a new controller.');
1040
+ * });
1041
+ *
1042
+ * @property {object} event - The event Object passed to each callback
1043
+ * @property {string} event.type - The name of the event
1044
+ * @property {Scene} event.target - The Scene object that triggered this event
1045
+ * @property {boolean} event.controller - The controller object the scene was added to.
1046
+ */
1047
+ /**
1048
+ * Scene remove event.
1049
+ * Fires when the scene is removed from a controller.
1050
+ * This is mostly used by plugins to know that change might be due.
1051
+ *
1052
+ * @event ScrollMagic.Scene#remove
1053
+ * @since 2.0.0
1054
+ *
1055
+ * @example
1056
+ * scene.on("remove", function (event) {
1057
+ * console.log('Scene was removed from its controller.');
1058
+ * });
1059
+ *
1060
+ * @property {object} event - The event Object passed to each callback
1061
+ * @property {string} event.type - The name of the event
1062
+ * @property {Scene} event.target - The Scene object that triggered this event
1063
+ */
1064
+
1065
+ /**
1066
+ * Add one ore more event listener.
1067
+ * The callback function will be fired at the respective event, and an object containing relevant data will be passed to the callback.
1068
+ * @method ScrollMagic.Scene#on
1069
+ *
1070
+ * @example
1071
+ * function callback (event) {
1072
+