Premium Addons for Elementor - Version 4.6.0

Version Description

  • Tweak: Width control option range values changed in Modal Box widget.
  • Tweak: Added compatibility with Elementor dynamic content in Bullet List widget.
  • Tweak: Added Hover Shadow option for Submit button in Contact Form 7 widget.
  • Fixed: Multiple slides swipe issue in Vertical Scroll widget.
  • Fixed: Premium Contact Form 7 widget loaded even if Contact Form 7 plugin not installed.
  • Fixed: Prettyphoto lightbox width issue in some browsers in Media Grid widget.
Download this release

Release Info

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

Code changes from version 4.5.9 to 4.6.0

admin/assets/js/admin.js CHANGED
@@ -1,410 +1,410 @@
1
- (function ($) {
2
-
3
- "use strict";
4
-
5
- var redHadfontLink = document.createElement('link');
6
- redHadfontLink.rel = 'stylesheet';
7
- redHadfontLink.href = 'https://fonts.googleapis.com/css?family=Red Hat Display:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic';
8
- redHadfontLink.type = 'text/css';
9
- document.head.appendChild(redHadfontLink);
10
-
11
- var poppinsfontLink = document.createElement('link');
12
- poppinsfontLink.rel = 'stylesheet';
13
- poppinsfontLink.href = 'https://fonts.googleapis.com/css?family=Poppins:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic';
14
- poppinsfontLink.type = 'text/css';
15
- document.head.appendChild(poppinsfontLink);
16
-
17
- var settings = premiumAddonsSettings.settings;
18
-
19
- window.PremiumAddonsNavigation = function () {
20
-
21
- var self = this,
22
- $tabs = $(".pa-settings-tab"),
23
- $elementsTabs = $(".pa-elements-tab");
24
-
25
- self.init = function () {
26
-
27
- if (!$tabs.length) {
28
- return;
29
- }
30
-
31
- self.initNavTabs($tabs);
32
-
33
- self.initElementsTabs($elementsTabs);
34
-
35
- self.getUnusedWidget();
36
-
37
- self.handleElementsActions();
38
-
39
- self.handleSettingsSave();
40
-
41
- self.handleRollBack();
42
-
43
- self.handlePaproActions();
44
-
45
- };
46
-
47
- // Handle settings form submission
48
- self.handleSettingsSave = function () {
49
-
50
- $("#pa-features .pa-section-info-cta input, #pa-modules .pa-switcher input").on(
51
- 'change',
52
- function () {
53
- self.saveElementsSettings('elements');
54
- }
55
- )
56
-
57
- $("#pa-ver-control input, #pa-integrations input, #pa-ver-control input, #pa-integrations select").change(
58
- function () {
59
- self.saveElementsSettings('additional');
60
- }
61
- );
62
-
63
- $("#pa-integrations input[type=text]").on(
64
- 'keyup',
65
- function () {
66
- self.saveElementsSettings('additional');
67
- }
68
- )
69
-
70
- };
71
-
72
- //get unused widgets.
73
- self.getUnusedWidget = function () {
74
-
75
- if ($(".pa-btn-group .pa-btn-disable").hasClass("active")) {
76
- $(".pa-btn-group .pa-btn-unused").addClass("dimmed");
77
- }
78
-
79
- $.ajax(
80
- {
81
- url: settings.ajaxurl,
82
- type: 'POST',
83
- data: {
84
- action: 'pa_get_unused_widgets',
85
- security: settings.nonce,
86
- },
87
- success: function (response) {
88
- console.log('unused widgets retrieved');
89
- self.unusedElements = response.data;
90
- },
91
- error: function (err) {
92
- console.log(err);
93
- }
94
- }
95
- );
96
- };
97
- // Handle global enable/disable buttons
98
- self.handleElementsActions = function () {
99
-
100
- $(".pa-elements-filter select").on(
101
- 'change',
102
- function () {
103
- var filter = $(this).val(),
104
- $activeTab = $(".pa-switchers-container").not(".hidden");
105
-
106
- $activeTab.find(".pa-switcher").removeClass("hidden");
107
-
108
- if ('free' === filter) {
109
- $activeTab.find(".pro-element").addClass("hidden");
110
- } else if ('pro' === filter) {
111
- $activeTab.find(".pa-switcher").not(".pro-element").addClass("hidden");
112
- }
113
- }
114
- );
115
-
116
- // Enable/Disable all widgets
117
- $(".pa-btn-group").on(
118
- "click",
119
- '.pa-btn',
120
- function () {
121
-
122
- var $btn = $(this),
123
- isChecked = $btn.hasClass("pa-btn-enable");
124
-
125
- if (!$btn.hasClass("active")) {
126
- $(".pa-btn-group .pa-btn").removeClass("active");
127
- $btn.addClass("active");
128
-
129
- $.ajax(
130
- {
131
- url: settings.ajaxurl,
132
- type: 'POST',
133
- data: {
134
- action: 'pa_save_global_btn',
135
- security: settings.nonce,
136
- isGlobalOn: isChecked
137
- }
138
- }
139
- );
140
-
141
- }
142
-
143
- if (isChecked) {
144
- $(".pa-btn-group .pa-btn-unused").removeClass("dimmed");
145
- } else {
146
- $(".pa-btn-group .pa-btn-unused").addClass("dimmed");
147
- }
148
-
149
- $("#pa-modules .pa-switcher input").prop("checked", isChecked);
150
-
151
- self.saveElementsSettings('elements');
152
-
153
- }
154
- );
155
-
156
- //Disable unused widgets.
157
- $(".pa-btn-group").on(
158
- "click",
159
- '.pa-btn-unused',
160
- function () {
161
-
162
- $.each(self.unusedElements, function (index, selector) {
163
- $('#pa-modules .pa-switcher.' + selector).find('input').prop('checked', false);
164
- });
165
-
166
- $(this).addClass('dimmed');
167
-
168
- self.saveElementsSettings('elements');
169
- }
170
- );
171
-
172
- $("#pa-modules .pa-switcher input").on(
173
- 'change',
174
- function () {
175
- var $this = $(this),
176
- id = $this.attr('id'),
177
- isChecked = $this.prop('checked');
178
-
179
- $("input[name='" + id + "']").prop('checked', isChecked);
180
- }
181
- )
182
-
183
- };
184
-
185
- // Handle Tabs Elements
186
- self.initElementsTabs = function ($elem) {
187
-
188
- var $links = $elem.find('a'),
189
- $sections = $(".pa-switchers-container");
190
-
191
- $sections.eq(0).removeClass("hidden");
192
- $links.eq(0).addClass("active");
193
-
194
- $links.on(
195
- 'click',
196
- function (e) {
197
-
198
- e.preventDefault();
199
-
200
- var $link = $(this),
201
- href = $link.attr('href');
202
-
203
- // Set this tab to active
204
- $links.removeClass("active");
205
- $link.addClass("active");
206
-
207
- // Navigate to tab section
208
- $sections.addClass("hidden");
209
- $("#" + href).removeClass("hidden");
210
-
211
- }
212
- );
213
- };
214
-
215
- // Handle settings tabs
216
- self.initNavTabs = function ($elem) {
217
-
218
- var $links = $elem.find('a'),
219
- $lastSection = null;
220
-
221
- $(window).on(
222
- 'hashchange',
223
- function () {
224
-
225
- var hash = window.location.hash.match(new RegExp('tab=([^&]*)')),
226
- slug = hash ? hash[1] : $links.first().attr('href').replace('#tab=', ''),
227
- $link = $('#pa-tab-link-' + slug);
228
-
229
- if (!$link.length) {
230
- return
231
-
232
- }
233
- $links.removeClass('pa-section-active');
234
- $link.addClass('pa-section-active');
235
-
236
- // Hide the last active section
237
- if ($lastSection) {
238
- $lastSection.hide();
239
- }
240
-
241
- var $section = $('#pa-section-' + slug);
242
- $section.css(
243
- {
244
- display: 'block'
245
- }
246
- );
247
-
248
- $lastSection = $section;
249
-
250
- }
251
- ).trigger('hashchange');
252
-
253
- };
254
-
255
- self.handleRollBack = function () {
256
-
257
- // Rollback button
258
- $('.pa-rollback-button').on(
259
- 'click',
260
- function (event) {
261
-
262
- event.preventDefault();
263
-
264
- var $this = $(this),
265
- href = $this.attr('href');
266
-
267
- if (!href) {
268
- return;
269
- }
270
-
271
- // Show PAPRO stable version if PAPRO Rollback is clicked
272
- var isPAPRO = '';
273
- if (-1 !== href.indexOf('papro_rollback')) {
274
- isPAPRO = 'papro_';
275
- }
276
-
277
- var premiumRollBackConfirm = premiumAddonsSettings.premiumRollBackConfirm;
278
-
279
- var dialogsManager = new DialogsManager.Instance();
280
-
281
- dialogsManager.createWidget(
282
- 'confirm',
283
- {
284
- headerMessage: premiumRollBackConfirm.i18n.rollback_to_previous_version,
285
- message: premiumRollBackConfirm['i18n'][isPAPRO + 'rollback_confirm'],
286
- strings: {
287
- cancel: premiumRollBackConfirm.i18n.cancel,
288
- confirm: premiumRollBackConfirm.i18n.yes,
289
- },
290
- onConfirm: function () {
291
-
292
- $this.addClass('loading');
293
-
294
- location.href = $this.attr('href');
295
-
296
- }
297
- }
298
- ).show();
299
- }
300
- );
301
-
302
- };
303
-
304
- self.saveElementsSettings = function (action) { //save elements settings changes
305
-
306
- var $form = null;
307
-
308
- if ('elements' === action) {
309
- $form = $('form#pa-settings, form#pa-features');
310
- action = 'pa_elements_settings';
311
- } else {
312
- $form = $('formpa-ver-control, form#pa-integrations');
313
- action = 'pa_additional_settings';
314
- }
315
-
316
- $.ajax(
317
- {
318
- url: settings.ajaxurl,
319
- type: 'POST',
320
- data: {
321
- action: action,
322
- security: settings.nonce,
323
- fields: $form.serialize(),
324
- },
325
- success: function (response) {
326
-
327
- console.log("settings saved");
328
- },
329
- error: function (err) {
330
-
331
- console.log(err);
332
-
333
- }
334
- }
335
- );
336
-
337
- }
338
-
339
- self.handlePaproActions = function () {
340
-
341
- // Trigger SWAL for PRO elements
342
- $(".pro-slider").on(
343
- 'click',
344
- function () {
345
-
346
- var redirectionLink = " https://premiumaddons.com/pro/?utm_source=wp-menu&utm_medium=wp-dash&utm_campaign=get-pro&utm_term=";
347
-
348
- Swal.fire(
349
- {
350
- title: '<span class="pa-swal-head">Get PRO Widgets & Addons<span>',
351
- html: 'Supercharge your Elementor with PRO widgets and addons that you won’t find anywhere else.',
352
- type: 'warning',
353
- showCloseButton: true,
354
- showCancelButton: true,
355
- cancelButtonText: "More Info",
356
- focusConfirm: true,
357
- customClass: 'pa-swal',
358
- }
359
- ).then(
360
- function (res) {
361
- // Handle More Info button
362
- if (res.dismiss === 'cancel') {
363
- window.open(redirectionLink + settings.theme, '_blank');
364
- }
365
-
366
- }
367
- );
368
- }
369
- );
370
-
371
- // Trigger SWAL for White Labeling
372
- $(".premium-white-label-form.pro-inactive").on(
373
- 'submit',
374
- function (e) {
375
-
376
- e.preventDefault();
377
-
378
- var redirectionLink = " https://premiumaddons.com/pro/?utm_source=wp-menu&utm_medium=wp-dash&utm_campaign=get-pro&utm_term=";
379
-
380
- Swal.fire(
381
- {
382
- title: '<span class="pa-swal-head">Enable White Labeling Options<span>',
383
- html: 'Premium Addons can be completely re-branded with your own brand name and author details. Your clients will never know what tools you are using to build their website and will think that this is your own tool set. White-labeling works as long as your license is active.',
384
- type: 'warning',
385
- showCloseButton: true,
386
- showCancelButton: true,
387
- cancelButtonText: "More Info",
388
- focusConfirm: true
389
- }
390
- ).then(
391
- function (res) {
392
- // Handle More Info button
393
- if (res.dismiss === 'cancel') {
394
- window.open(redirectionLink + settings.theme, '_blank');
395
- }
396
-
397
- }
398
- );
399
- }
400
- );
401
-
402
- };
403
-
404
- };
405
-
406
- var instance = new PremiumAddonsNavigation();
407
-
408
- instance.init();
409
-
410
- })(jQuery);
1
+ (function ($) {
2
+
3
+ "use strict";
4
+
5
+ var redHadfontLink = document.createElement('link');
6
+ redHadfontLink.rel = 'stylesheet';
7
+ redHadfontLink.href = 'https://fonts.googleapis.com/css?family=Red Hat Display:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic';
8
+ redHadfontLink.type = 'text/css';
9
+ document.head.appendChild(redHadfontLink);
10
+
11
+ var poppinsfontLink = document.createElement('link');
12
+ poppinsfontLink.rel = 'stylesheet';
13
+ poppinsfontLink.href = 'https://fonts.googleapis.com/css?family=Poppins:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic';
14
+ poppinsfontLink.type = 'text/css';
15
+ document.head.appendChild(poppinsfontLink);
16
+
17
+ var settings = premiumAddonsSettings.settings;
18
+
19
+ window.PremiumAddonsNavigation = function () {
20
+
21
+ var self = this,
22
+ $tabs = $(".pa-settings-tab"),
23
+ $elementsTabs = $(".pa-elements-tab");
24
+
25
+ self.init = function () {
26
+
27
+ if (!$tabs.length) {
28
+ return;
29
+ }
30
+
31
+ self.initNavTabs($tabs);
32
+
33
+ self.initElementsTabs($elementsTabs);
34
+
35
+ self.getUnusedWidget();
36
+
37
+ self.handleElementsActions();
38
+
39
+ self.handleSettingsSave();
40
+
41
+ self.handleRollBack();
42
+
43
+ self.handlePaproActions();
44
+
45
+ };
46
+
47
+ // Handle settings form submission
48
+ self.handleSettingsSave = function () {
49
+
50
+ $("#pa-features .pa-section-info-cta input, #pa-modules .pa-switcher input").on(
51
+ 'change',
52
+ function () {
53
+ self.saveElementsSettings('elements');
54
+ }
55
+ )
56
+
57
+ $("#pa-ver-control input, #pa-integrations input, #pa-ver-control input, #pa-integrations select").change(
58
+ function () {
59
+ self.saveElementsSettings('additional');
60
+ }
61
+ );
62
+
63
+ $("#pa-integrations input[type=text]").on(
64
+ 'keyup',
65
+ function () {
66
+ self.saveElementsSettings('additional');
67
+ }
68
+ )
69
+
70
+ };
71
+
72
+ //get unused widgets.
73
+ self.getUnusedWidget = function () {
74
+
75
+ if ($(".pa-btn-group .pa-btn-disable").hasClass("active")) {
76
+ $(".pa-btn-group .pa-btn-unused").addClass("dimmed");
77
+ }
78
+
79
+ $.ajax(
80
+ {
81
+ url: settings.ajaxurl,
82
+ type: 'POST',
83
+ data: {
84
+ action: 'pa_get_unused_widgets',
85
+ security: settings.nonce,
86
+ },
87
+ success: function (response) {
88
+ console.log('unused widgets retrieved');
89
+ self.unusedElements = response.data;
90
+ },
91
+ error: function (err) {
92
+ console.log(err);
93
+ }
94
+ }
95
+ );
96
+ };
97
+ // Handle global enable/disable buttons
98
+ self.handleElementsActions = function () {
99
+
100
+ $(".pa-elements-filter select").on(
101
+ 'change',
102
+ function () {
103
+ var filter = $(this).val(),
104
+ $activeTab = $(".pa-switchers-container").not(".hidden");
105
+
106
+ $activeTab.find(".pa-switcher").removeClass("hidden");
107
+
108
+ if ('free' === filter) {
109
+ $activeTab.find(".pro-element").addClass("hidden");
110
+ } else if ('pro' === filter) {
111
+ $activeTab.find(".pa-switcher").not(".pro-element").addClass("hidden");
112
+ }
113
+ }
114
+ );
115
+
116
+ // Enable/Disable all widgets
117
+ $(".pa-btn-group").on(
118
+ "click",
119
+ '.pa-btn',
120
+ function () {
121
+
122
+ var $btn = $(this),
123
+ isChecked = $btn.hasClass("pa-btn-enable");
124
+
125
+ if (!$btn.hasClass("active")) {
126
+ $(".pa-btn-group .pa-btn").removeClass("active");
127
+ $btn.addClass("active");
128
+
129
+ $.ajax(
130
+ {
131
+ url: settings.ajaxurl,
132
+ type: 'POST',
133
+ data: {
134
+ action: 'pa_save_global_btn',
135
+ security: settings.nonce,
136
+ isGlobalOn: isChecked
137
+ }
138
+ }
139
+ );
140
+
141
+ }
142
+
143
+ if (isChecked) {
144
+ $(".pa-btn-group .pa-btn-unused").removeClass("dimmed");
145
+ } else {
146
+ $(".pa-btn-group .pa-btn-unused").addClass("dimmed");
147
+ }
148
+
149
+ $("#pa-modules .pa-switcher input").prop("checked", isChecked);
150
+
151
+ self.saveElementsSettings('elements');
152
+
153
+ }
154
+ );
155
+
156
+ //Disable unused widgets.
157
+ $(".pa-btn-group").on(
158
+ "click",
159
+ '.pa-btn-unused',
160
+ function () {
161
+
162
+ $.each(self.unusedElements, function (index, selector) {
163
+ $('#pa-modules .pa-switcher.' + selector).find('input').prop('checked', false);
164
+ });
165
+
166
+ $(this).addClass('dimmed');
167
+
168
+ self.saveElementsSettings('elements');
169
+ }
170
+ );
171
+
172
+ $("#pa-modules .pa-switcher input").on(
173
+ 'change',
174
+ function () {
175
+ var $this = $(this),
176
+ id = $this.attr('id'),
177
+ isChecked = $this.prop('checked');
178
+
179
+ $("input[name='" + id + "']").prop('checked', isChecked);
180
+ }
181
+ )
182
+
183
+ };
184
+
185
+ // Handle Tabs Elements
186
+ self.initElementsTabs = function ($elem) {
187
+
188
+ var $links = $elem.find('a'),
189
+ $sections = $(".pa-switchers-container");
190
+
191
+ $sections.eq(0).removeClass("hidden");
192
+ $links.eq(0).addClass("active");
193
+
194
+ $links.on(
195
+ 'click',
196
+ function (e) {
197
+
198
+ e.preventDefault();
199
+
200
+ var $link = $(this),
201
+ href = $link.attr('href');
202
+
203
+ // Set this tab to active
204
+ $links.removeClass("active");
205
+ $link.addClass("active");
206
+
207
+ // Navigate to tab section
208
+ $sections.addClass("hidden");
209
+ $("#" + href).removeClass("hidden");
210
+
211
+ }
212
+ );
213
+ };
214
+
215
+ // Handle settings tabs
216
+ self.initNavTabs = function ($elem) {
217
+
218
+ var $links = $elem.find('a'),
219
+ $lastSection = null;
220
+
221
+ $(window).on(
222
+ 'hashchange',
223
+ function () {
224
+
225
+ var hash = window.location.hash.match(new RegExp('tab=([^&]*)')),
226
+ slug = hash ? hash[1] : $links.first().attr('href').replace('#tab=', ''),
227
+ $link = $('#pa-tab-link-' + slug);
228
+
229
+ if (!$link.length) {
230
+ return
231
+
232
+ }
233
+ $links.removeClass('pa-section-active');
234
+ $link.addClass('pa-section-active');
235
+
236
+ // Hide the last active section
237
+ if ($lastSection) {
238
+ $lastSection.hide();
239
+ }
240
+
241
+ var $section = $('#pa-section-' + slug);
242
+ $section.css(
243
+ {
244
+ display: 'block'
245
+ }
246
+ );
247
+
248
+ $lastSection = $section;
249
+
250
+ }
251
+ ).trigger('hashchange');
252
+
253
+ };
254
+
255
+ self.handleRollBack = function () {
256
+
257
+ // Rollback button
258
+ $('.pa-rollback-button').on(
259
+ 'click',
260
+ function (event) {
261
+
262
+ event.preventDefault();
263
+
264
+ var $this = $(this),
265
+ href = $this.attr('href');
266
+
267
+ if (!href) {
268
+ return;
269
+ }
270
+
271
+ // Show PAPRO stable version if PAPRO Rollback is clicked
272
+ var isPAPRO = '';
273
+ if (-1 !== href.indexOf('papro_rollback')) {
274
+ isPAPRO = 'papro_';
275
+ }
276
+
277
+ var premiumRollBackConfirm = premiumAddonsSettings.premiumRollBackConfirm;
278
+
279
+ var dialogsManager = new DialogsManager.Instance();
280
+
281
+ dialogsManager.createWidget(
282
+ 'confirm',
283
+ {
284
+ headerMessage: premiumRollBackConfirm.i18n.rollback_to_previous_version,
285
+ message: premiumRollBackConfirm['i18n'][isPAPRO + 'rollback_confirm'],
286
+ strings: {
287
+ cancel: premiumRollBackConfirm.i18n.cancel,
288
+ confirm: premiumRollBackConfirm.i18n.yes,
289
+ },
290
+ onConfirm: function () {
291
+
292
+ $this.addClass('loading');
293
+
294
+ location.href = $this.attr('href');
295
+
296
+ }
297
+ }
298
+ ).show();
299
+ }
300
+ );
301
+
302
+ };
303
+
304
+ self.saveElementsSettings = function (action) { //save elements settings changes
305
+
306
+ var $form = null;
307
+
308
+ if ('elements' === action) {
309
+ $form = $('form#pa-settings, form#pa-features');
310
+ action = 'pa_elements_settings';
311
+ } else {
312
+ $form = $('formpa-ver-control, form#pa-integrations');
313
+ action = 'pa_additional_settings';
314
+ }
315
+
316
+ $.ajax(
317
+ {
318
+ url: settings.ajaxurl,
319
+ type: 'POST',
320
+ data: {
321
+ action: action,
322
+ security: settings.nonce,
323
+ fields: $form.serialize(),
324
+ },
325
+ success: function (response) {
326
+
327
+ console.log("settings saved");
328
+ },
329
+ error: function (err) {
330
+
331
+ console.log(err);
332
+
333
+ }
334
+ }
335
+ );
336
+
337
+ }
338
+
339
+ self.handlePaproActions = function () {
340
+
341
+ // Trigger SWAL for PRO elements
342
+ $(".pro-slider").on(
343
+ 'click',
344
+ function () {
345
+
346
+ var redirectionLink = " https://premiumaddons.com/pro/?utm_source=wp-menu&utm_medium=wp-dash&utm_campaign=get-pro&utm_term=";
347
+
348
+ Swal.fire(
349
+ {
350
+ title: '<span class="pa-swal-head">Get PRO Widgets & Addons<span>',
351
+ html: 'Supercharge your Elementor with PRO widgets and addons that you won’t find anywhere else.',
352
+ type: 'warning',
353
+ showCloseButton: true,
354
+ showCancelButton: true,
355
+ cancelButtonText: "More Info",
356
+ focusConfirm: true,
357
+ customClass: 'pa-swal',
358
+ }
359
+ ).then(
360
+ function (res) {
361
+ // Handle More Info button
362
+ if (res.dismiss === 'cancel') {
363
+ window.open(redirectionLink + settings.theme, '_blank');
364
+ }
365
+
366
+ }
367
+ );
368
+ }
369
+ );
370
+
371
+ // Trigger SWAL for White Labeling
372
+ $(".premium-white-label-form.pro-inactive").on(
373
+ 'submit',
374
+ function (e) {
375
+
376
+ e.preventDefault();
377
+
378
+ var redirectionLink = " https://premiumaddons.com/pro/?utm_source=wp-menu&utm_medium=wp-dash&utm_campaign=get-pro&utm_term=";
379
+
380
+ Swal.fire(
381
+ {
382
+ title: '<span class="pa-swal-head">Enable White Labeling Options<span>',
383
+ html: 'Premium Addons can be completely re-branded with your own brand name and author details. Your clients will never know what tools you are using to build their website and will think that this is your own tool set. White-labeling works as long as your license is active.',
384
+ type: 'warning',
385
+ showCloseButton: true,
386
+ showCancelButton: true,
387
+ cancelButtonText: "More Info",
388
+ focusConfirm: true
389
+ }
390
+ ).then(
391
+ function (res) {
392
+ // Handle More Info button
393
+ if (res.dismiss === 'cancel') {
394
+ window.open(redirectionLink + settings.theme, '_blank');
395
+ }
396
+
397
+ }
398
+ );
399
+ }
400
+ );
401
+
402
+ };
403
+
404
+ };
405
+
406
+ var instance = new PremiumAddonsNavigation();
407
+
408
+ instance.init();
409
+
410
+ })(jQuery);
admin/assets/js/pa-notice.js CHANGED
@@ -1,66 +1,65 @@
1
- (function ($) {
2
-
3
- var $noticeWrap = $(".pa-notice-wrap"),
4
- notice = $noticeWrap.data('notice');
5
-
6
- var adminNotices = {
7
- 'radius': 'radius_notice',
8
- 'halloween': 'halloween_notice',
9
- };
10
-
11
- if (undefined !== notice) {
12
-
13
- $noticeWrap.find('.pa-notice-reset').on(
14
- "click",
15
- function () {
16
-
17
- $noticeWrap.css('display', 'none');
18
-
19
- $.ajax(
20
- {
21
- url: ajaxurl,
22
- type: 'POST',
23
- data: {
24
- action: 'pa_reset_admin_notice',
25
- notice: $noticeWrap.data('notice'),
26
- nonce: PaNoticeSettings.nonce,
27
- }
28
- }
29
- );
30
-
31
- }
32
- );
33
- }
34
-
35
- $(".pa-notice-close").on(
36
- "click",
37
- function () {
38
-
39
- var noticeID = $(this).data('notice');
40
-
41
- if (noticeID) {
42
- $(this).closest('.pa-new-feature-notice').remove();
43
-
44
- $.ajax(
45
- {
46
- url: ajaxurl,
47
- type: 'POST',
48
- data: {
49
- action: 'pa_dismiss_admin_notice',
50
- notice: adminNotices[noticeID],
51
- nonce: PaNoticeSettings.nonce,
52
- },
53
- success: function (res) {
54
- console.log(res);
55
- },
56
- error: function (err) {
57
- console.log(err);
58
- }
59
- }
60
- );
61
- }
62
-
63
- }
64
- );
65
-
66
- })(jQuery);
1
+ (function ($) {
2
+
3
+ var $noticeWrap = $(".pa-notice-wrap"),
4
+ notice = $noticeWrap.data('notice');
5
+
6
+ var adminNotices = {
7
+ 'radius': 'radius_notice',
8
+ };
9
+
10
+ if (undefined !== notice) {
11
+
12
+ $noticeWrap.find('.pa-notice-reset').on(
13
+ "click",
14
+ function () {
15
+
16
+ $noticeWrap.css('display', 'none');
17
+
18
+ $.ajax(
19
+ {
20
+ url: ajaxurl,
21
+ type: 'POST',
22
+ data: {
23
+ action: 'pa_reset_admin_notice',
24
+ notice: $noticeWrap.data('notice'),
25
+ nonce: PaNoticeSettings.nonce,
26
+ }
27
+ }
28
+ );
29
+
30
+ }
31
+ );
32
+ }
33
+
34
+ $(".pa-notice-close").on(
35
+ "click",
36
+ function () {
37
+
38
+ var noticeID = $(this).data('notice');
39
+
40
+ if (noticeID) {
41
+ $(this).closest('.pa-new-feature-notice').remove();
42
+
43
+ $.ajax(
44
+ {
45
+ url: ajaxurl,
46
+ type: 'POST',
47
+ data: {
48
+ action: 'pa_dismiss_admin_notice',
49
+ notice: adminNotices[noticeID],
50
+ nonce: PaNoticeSettings.nonce,
51
+ },
52
+ success: function (res) {
53
+ console.log(res);
54
+ },
55
+ error: function (err) {
56
+ console.log(err);
57
+ }
58
+ }
59
+ );
60
+ }
61
+
62
+ }
63
+ );
64
+
65
+ })(jQuery);
 
admin/includes/admin-helper.php CHANGED
@@ -1,952 +1,952 @@
1
- <?php
2
- /**
3
- * PA Admin Helper
4
- */
5
-
6
- namespace PremiumAddons\Admin\Includes;
7
-
8
- use PremiumAddons\Includes\Helper_Functions;
9
-
10
- if ( ! defined( 'ABSPATH' ) ) {
11
- exit;
12
- }
13
-
14
- /**
15
- * Class Admin_Helper
16
- */
17
- class Admin_Helper {
18
-
19
- /**
20
- * Admin settings tabs
21
- *
22
- * @var tabs
23
- */
24
- private static $tabs = null;
25
-
26
- /**
27
- * Class instance
28
- *
29
- * @var instance
30
- */
31
- private static $instance = null;
32
-
33
- /**
34
- * Premium Addons Settings Page Slug
35
- *
36
- * @var page_slug
37
- */
38
- protected $page_slug = 'premium-addons';
39
-
40
- /**
41
- * Current Screen ID
42
- *
43
- * @var current_screen
44
- */
45
- public static $current_screen = null;
46
-
47
- /**
48
- * Elements List
49
- *
50
- * @var elements_list
51
- */
52
- public static $elements_list = null;
53
-
54
- /**
55
- * Elements Names
56
- *
57
- * @var elements_names
58
- */
59
- public static $elements_names = null;
60
-
61
- /**
62
- * Integrations List
63
- *
64
- * @var integrations_list
65
- */
66
- public static $integrations_list = null;
67
-
68
- /**
69
- * Constructor for the class
70
- */
71
- public function __construct() {
72
-
73
- // Get current screen ID.
74
- add_action( 'current_screen', array( $this, 'get_current_screen' ) );
75
-
76
- // Insert admin settings submenus.
77
- $this->set_admin_tabs();
78
- add_action( 'admin_menu', array( $this, 'add_menu_tabs' ), 100 );
79
-
80
- // Enqueue required admin scripts.
81
- add_action( 'admin_enqueue_scripts', array( $this, 'admin_enqueue_scripts' ) );
82
-
83
- // Plugin Action Links.
84
- add_filter( 'plugin_action_links_' . PREMIUM_ADDONS_BASENAME, array( $this, 'insert_action_links' ) );
85
- add_filter( 'plugin_row_meta', array( $this, 'plugin_row_meta' ), 10, 2 );
86
-
87
- // Register AJAX HOOKS.
88
- add_action( 'wp_ajax_pa_save_global_btn', array( $this, 'save_global_btn_value' ) );
89
- add_action( 'wp_ajax_pa_elements_settings', array( $this, 'save_settings' ) );
90
- add_action( 'wp_ajax_pa_additional_settings', array( $this, 'save_additional_settings' ) );
91
- add_action( 'wp_ajax_pa_get_unused_widgets', array( $this, 'get_unused_widgets' ) );
92
-
93
- add_action( 'pa_before_render_admin_tabs', array( $this, 'render_dashboard_header' ) );
94
-
95
- // Register Rollback hooks.
96
- add_action( 'admin_post_premium_addons_rollback', array( $this, 'run_pa_rollback' ) );
97
-
98
- // Beta_Testers::get_instance();
99
-
100
- if ( is_admin() ) {
101
- $current_page = $_SERVER['REQUEST_URI'];
102
- if ( false === strpos( $current_page, 'action=elementor' ) ) {
103
- Admin_Notices::get_instance();
104
-
105
- // PA Duplicator.
106
- if ( self::check_duplicator() ) {
107
- Duplicator::get_instance();
108
- }
109
- }
110
- }
111
-
112
- }
113
-
114
- /**
115
- * Get Elements List
116
- *
117
- * Get a list of all the elements available in the plugin
118
- *
119
- * @since 3.20.9
120
- * @access private
121
- *
122
- * @return array widget_list
123
- */
124
- private static function get_elements_list() {
125
-
126
- if ( null === self::$elements_list ) {
127
-
128
- self::$elements_list = require_once PREMIUM_ADDONS_PATH . 'admin/includes/elements.php';
129
-
130
- }
131
-
132
- return self::$elements_list;
133
-
134
- }
135
-
136
- /**
137
- * Get Integrations List
138
- *
139
- * Get a list of all the integrations available in the plugin
140
- *
141
- * @since 3.20.9
142
- * @access private
143
- *
144
- * @return array integrations_list
145
- */
146
- private static function get_integrations_list() {
147
-
148
- if ( null === self::$integrations_list ) {
149
-
150
- self::$integrations_list = array(
151
- 'premium-map-api',
152
- 'premium-youtube-api',
153
- 'premium-map-disable-api',
154
- 'premium-map-cluster',
155
- 'premium-map-locale',
156
- 'is-beta-tester',
157
- );
158
-
159
- }
160
-
161
- return self::$integrations_list;
162
-
163
- }
164
-
165
- /**
166
- * Admin Enqueue Scripts
167
- *
168
- * Enqueue the required assets on our admin pages
169
- *
170
- * @since 1.0.0
171
- * @access public
172
- */
173
- public function admin_enqueue_scripts() {
174
-
175
- wp_enqueue_style(
176
- 'pa_admin_icon',
177
- PREMIUM_ADDONS_URL . 'admin/assets/fonts/style.css',
178
- array(),
179
- PREMIUM_ADDONS_VERSION,
180
- 'all'
181
- );
182
-
183
- $suffix = is_rtl() ? '-rtl' : '';
184
-
185
- $current_screen = self::get_current_screen();
186
-
187
- wp_enqueue_style(
188
- 'pa-notice-css',
189
- PREMIUM_ADDONS_URL . 'admin/assets/css/notice' . $suffix . '.css',
190
- array(),
191
- PREMIUM_ADDONS_VERSION,
192
- 'all'
193
- );
194
-
195
- if ( strpos( $current_screen, $this->page_slug ) !== false ) {
196
-
197
- wp_enqueue_style(
198
- 'pa-admin-css',
199
- PREMIUM_ADDONS_URL . 'admin/assets/css/admin' . $suffix . '.css',
200
- array(),
201
- PREMIUM_ADDONS_VERSION,
202
- 'all'
203
- );
204
-
205
- wp_enqueue_style(
206
- 'pa-sweetalert-style',
207
- PREMIUM_ADDONS_URL . 'admin/assets/js/sweetalert2/sweetalert2.min.css',
208
- array(),
209
- PREMIUM_ADDONS_VERSION,
210
- 'all'
211
- );
212
-
213
- wp_enqueue_script(
214
- 'pa-admin',
215
- PREMIUM_ADDONS_URL . 'admin/assets/js/admin.js',
216
- array( 'jquery' ),
217
- PREMIUM_ADDONS_VERSION,
218
- true
219
- );
220
-
221
- wp_enqueue_script(
222
- 'pa-sweetalert-core',
223
- PREMIUM_ADDONS_URL . 'admin/assets/js/sweetalert2/core.js',
224
- array( 'jquery' ),
225
- PREMIUM_ADDONS_VERSION,
226
- true
227
- );
228
-
229
- wp_enqueue_script(
230
- 'pa-sweetalert',
231
- PREMIUM_ADDONS_URL . 'admin/assets/js/sweetalert2/sweetalert2.min.js',
232
- array( 'jquery', 'pa-sweetalert-core' ),
233
- PREMIUM_ADDONS_VERSION,
234
- true
235
- );
236
-
237
- $theme_slug = Helper_Functions::get_installed_theme();
238
-
239
- $localized_data = array(
240
- 'settings' => array(
241
- 'ajaxurl' => admin_url( 'admin-ajax.php' ),
242
- 'nonce' => wp_create_nonce( 'pa-settings-tab' ),
243
- 'theme' => $theme_slug,
244
- ),
245
- 'premiumRollBackConfirm' => array(
246
- 'home_url' => home_url(),
247
- 'i18n' => array(
248
- 'rollback_to_previous_version' => __( 'Rollback to Previous Version', 'premium-addons-for-elementor' ),
249
- /* translators: %s: PA stable version */
250
- 'rollback_confirm' => sprintf( __( 'Are you sure you want to reinstall version %s?', 'premium-addons-for-elementor' ), PREMIUM_ADDONS_STABLE_VERSION ),
251
- 'yes' => __( 'Continue', 'premium-addons-for-elementor' ),
252
- 'cancel' => __( 'Cancel', 'premium-addons-for-elementor' ),
253
- ),
254
- ),
255
- );
256
-
257
- // Add PAPRO Rollback Confirm message if PAPRO installed.
258
- if ( Helper_Functions::check_papro_version() ) {
259
- /* translators: %s: PA stable version */
260
- $localized_data['premiumRollBackConfirm']['i18n']['papro_rollback_confirm'] = sprintf( __( 'Are you sure you want to reinstall version %s?', 'premium-addons-for-elementor' ), PREMIUM_ADDONS_STABLE_VERSION );
261
- }
262
-
263
- wp_localize_script( 'pa-admin', 'premiumAddonsSettings', $localized_data );
264
-
265
- }
266
- }
267
-
268
- /**
269
- * Insert action links.
270
- *
271
- * Adds action links to the plugin list table
272
- *
273
- * Fired by `plugin_action_links` filter.
274
- *
275
- * @param array $links plugin action links.
276
- *
277
- * @since 1.0.0
278
- * @access public
279
- */
280
- public function insert_action_links( $links ) {
281
-
282
- $papro_path = 'premium-addons-pro/premium-addons-pro-for-elementor.php';
283
-
284
- $is_papro_installed = Helper_Functions::is_plugin_installed( $papro_path );
285
-
286
- $settings_link = sprintf( '<a href="%1$s">%2$s</a>', admin_url( 'admin.php?page=' . $this->page_slug . '#tab=elements' ), __( 'Settings', 'premium-addons-for-elementor' ) );
287
-
288
- $rollback_link = sprintf( '<a href="%1$s">%2$s %3$s</a>', wp_nonce_url( admin_url( 'admin-post.php?action=premium_addons_rollback' ), 'premium_addons_rollback' ), __( 'Rollback to Version ', 'premium-addons-for-elementor' ), PREMIUM_ADDONS_STABLE_VERSION );
289
-
290
- $new_links = array( $settings_link, $rollback_link );
291
-
292
- if ( ! $is_papro_installed ) {
293
-
294
- $link = Helper_Functions::get_campaign_link( 'https://premiumaddons.com/pro', 'plugins-page', 'wp-dash', 'get-pro' );
295
-
296
- $pro_link = sprintf( '<a href="%s" target="_blank" style="color: #FF6000; font-weight: bold;">%s</a>', $link, __( 'Go Pro', 'premium-addons-for-elementor' ) );
297
- array_push( $new_links, $pro_link );
298
- }
299
-
300
- $new_links = array_merge( $links, $new_links );
301
-
302
- return $new_links;
303
- }
304
-
305
- /**
306
- * Plugin row meta.
307
- *
308
- * Extends plugin row meta links
309
- *
310
- * Fired by `plugin_row_meta` filter.
311
- *
312
- * @since 3.8.4
313
- * @access public
314
- *
315
- * @param array $meta array of the plugin's metadata.
316
- * @param string $file path to the plugin file.
317
- *
318
- * @return array An array of plugin row meta links.
319
- */
320
- public function plugin_row_meta( $meta, $file ) {
321
-
322
- if ( Helper_Functions::is_hide_row_meta() ) {
323
- return $meta;
324
- }
325
-
326
- if ( PREMIUM_ADDONS_BASENAME === $file ) {
327
-
328
- $link = Helper_Functions::get_campaign_link( 'https://premiumaddons.com/support', 'plugins-page', 'wp-dash', 'get-support' );
329
-
330
- $row_meta = array(
331
- 'docs' => '<a href="' . esc_attr( $link ) . '" aria-label="' . esc_attr( __( 'View Premium Addons for Elementor Documentation', 'premium-addons-for-elementor' ) ) . '" target="_blank">' . __( 'Docs & FAQs', 'premium-addons-for-elementor' ) . '</a>',
332
- 'videos' => '<a href="https://www.youtube.com/watch?v=D3INxWw_jKI&list=PLLpZVOYpMtTArB4hrlpSnDJB36D2sdoTv" aria-label="' . esc_attr( __( 'View Premium Addons Video Tutorials', 'premium-addons-for-elementor' ) ) . '" target="_blank">' . __( 'Video Tutorials', 'premium-addons-for-elementor' ) . '</a>',
333
- );
334
-
335
- $meta = array_merge( $meta, $row_meta );
336
- }
337
-
338
- return $meta;
339
-
340
- }
341
-
342
- /**
343
- * Gets current screen slug
344
- *
345
- * @since 3.3.8
346
- * @access public
347
- *
348
- * @return string current screen slug
349
- */
350
- public static function get_current_screen() {
351
-
352
- self::$current_screen = get_current_screen()->id;
353
-
354
- return isset( self::$current_screen ) ? self::$current_screen : false;
355
-
356
- }
357
-
358
- /**
359
- * Set Admin Tabs
360
- *
361
- * @access private
362
- * @since 3.20.8
363
- */
364
- private function set_admin_tabs() {
365
-
366
- $slug = $this->page_slug;
367
-
368
- self::$tabs = array(
369
- 'general' => array(
370
- 'id' => 'general',
371
- 'slug' => $slug . '#tab=general',
372
- 'title' => __( 'General', 'premium-addons-for-elementor' ),
373
- 'href' => '#tab=general',
374
- 'template' => PREMIUM_ADDONS_PATH . 'admin/includes/templates/general',
375
- ),
376
- 'elements' => array(
377
- 'id' => 'elements',
378
- 'slug' => $slug . '#tab=elements',
379
- 'title' => __( 'Widgets & Add-ons', 'premium-addons-for-elementor' ),
380
- 'href' => '#tab=elements',
381
- 'template' => PREMIUM_ADDONS_PATH . 'admin/includes/templates/modules-settings',
382
- ),
383
- 'features' => array(
384
- 'id' => 'features',
385
- 'slug' => $slug . '#tab=features',
386
- 'title' => __( 'Features', 'premium-addons-for-elementor' ),
387
- 'href' => '#tab=features',
388
- 'template' => PREMIUM_ADDONS_PATH . 'admin/includes/templates/features',
389
- ),
390
- 'integrations' => array(
391
- 'id' => 'integrations',
392
- 'slug' => $slug . '#tab=integrations',
393
- 'title' => __( 'Integrations', 'premium-addons-for-elementor' ),
394
- 'href' => '#tab=integrations',
395
- 'template' => PREMIUM_ADDONS_PATH . 'admin/includes/templates/integrations',
396
- ),
397
- 'version-control' => array(
398
- 'id' => 'vcontrol',
399
- 'slug' => $slug . '#tab=vcontrol',
400
- 'title' => __( 'Version Control', 'premium-addons-for-elementor' ),
401
- 'href' => '#tab=vcontrol',
402
- 'template' => PREMIUM_ADDONS_PATH . 'admin/includes/templates/version-control',
403
- ),
404
- 'white-label' => array(
405
- 'id' => 'white-label',
406
- 'slug' => $slug . '#tab=white-label',
407
- 'title' => __( 'White Labeling', 'premium-addons-for-elementor' ),
408
- 'href' => '#tab=white-label',
409
- 'template' => PREMIUM_ADDONS_PATH . 'admin/includes/templates/white-label',
410
- ),
411
- 'info' => array(
412
- 'id' => 'system-info',
413
- 'slug' => $slug . '#tab=system-info',
414
- 'title' => __( 'System Info', 'premium-addons-for-elementor' ),
415
- 'href' => '#tab=system-info',
416
- 'template' => PREMIUM_ADDONS_PATH . 'admin/includes/templates/info',
417
- ),
418
- );
419
-
420
- self::$tabs = apply_filters( 'pa_admin_register_tabs', self::$tabs );
421
-
422
- }
423
-
424
- /**
425
- * Add Menu Tabs
426
- *
427
- * Create Submenu Page
428
- *
429
- * @since 3.20.9
430
- * @access public
431
- *
432
- * @return void
433
- */
434
- public function add_menu_tabs() {
435
-
436
- $plugin_name = Helper_Functions::name();
437
-
438
- call_user_func(
439
- 'add_menu_page',
440
- $plugin_name,
441
- $plugin_name,
442
- 'manage_options',
443
- $this->page_slug,
444
- array( $this, 'render_setting_tabs' ),
445
- '',
446
- 100
447
- );
448
-
449
- foreach ( self::$tabs as $tab ) {
450
-
451
- call_user_func(
452
- 'add_submenu_page',
453
- $this->page_slug,
454
- $tab['title'],
455
- $tab['title'],
456
- 'manage_options',
457
- $tab['slug'],
458
- '__return_null'
459
- );
460
- }
461
-
462
- remove_submenu_page( $this->page_slug, $this->page_slug );
463
- }
464
-
465
- /**
466
- * Render Setting Tabs
467
- *
468
- * Render the final HTML content for admin setting tabs
469
- *
470
- * @access public
471
- * @since 3.20.8
472
- */
473
- public function render_setting_tabs() {
474
-
475
- ?>
476
- <div class="pa-settings-wrap">
477
- <?php do_action( 'pa_before_render_admin_tabs' ); ?>
478
- <div class="pa-settings-tabs">
479
- <ul class="pa-settings-tabs-list">
480
- <?php
481
- foreach ( self::$tabs as $key => $tab ) {
482
- $link = '<li class="pa-settings-tab">';
483
- $link .= '<a id="pa-tab-link-' . esc_attr( $tab['id'] ) . '"';
484
- $link .= ' href="' . esc_url( $tab['href'] ) . '">';
485
- $link .= '<i class="pa-dash-' . esc_attr( $tab['id'] ) . '"></i>';
486
- $link .= '<span>' . esc_html( $tab['title'] ) . '</span>';
487
- $link .= '</a>';
488
- $link .= '</li>';
489
-
490
- echo $link;
491
- }
492
- ?>
493
- </ul>
494
- </div> <!-- Settings Tabs -->
495
-
496
- <div class="pa-settings-sections">
497
- <?php
498
- foreach ( self::$tabs as $key => $tab ) {
499
- echo wp_kses_post( '<div id="pa-section-' . $tab['id'] . '" class="pa-section pa-section-' . $key . '">' );
500
- include_once $tab['template'] . '.php';
501
- echo '</div>';
502
- }
503
- ?>
504
- </div> <!-- Settings Sections -->
505
- <?php do_action( 'pa_after_render_admin_tabs' ); ?>
506
- </div> <!-- Settings Wrap -->
507
- <?php
508
- }
509
-
510
- /**
511
- * Render Dashboard Header
512
- *
513
- * @since 4.0.0
514
- * @access public
515
- */
516
- public function render_dashboard_header() {
517
-
518
- $url = Helper_Functions::get_campaign_link( 'https://premiumaddons.com/pro/', 'settings-page', 'wp-dash', 'dashboard' );
519
-
520
- $show_logo = Helper_Functions::is_hide_logo();
521
-
522
- ?>
523
-
524
- <div class="papro-admin-notice">
525
- <?php if ( ! $show_logo ) : ?>
526
- <div class="papro-admin-notice-left">
527
- <div class="papro-admin-notice-logo">
528
- <img class="pa-notice-logo" src="<?php echo esc_attr( PREMIUM_ADDONS_URL . 'admin/images/papro-notice-logo.png' ); ?>">
529
- </div>
530
- <a href="https://premiumaddons.com" target="_blank"></a>
531
- </div>
532
- <?php endif; ?>
533
-
534
- <?php if ( ! Helper_Functions::check_papro_version() ) : ?>
535
- <div class="papro-admin-notice-right">
536
- <div class="papro-admin-notice-info">
537
- <h4>
538
- <?php echo esc_html( __( 'Get Premium Addons PRO', 'premium-addons-for-elementor' ) ); ?>
539
- </h4>
540
- <p>
541
- <?php
542
- /* translators: %s: html tags */
543
- echo wp_kses_post( sprintf( __( 'Supercharge your Elementor with %1$sPRO Widgets & Addons%2$s that you won\'t find anywhere else.', 'premium-addons-for-elementor' ), '<span>', '</span>' ) );
544
- ?>
545
- </p>
546
- </div>
547
- <div class="papro-admin-notice-cta">
548
- <a class="papro-notice-btn" href="<?php echo esc_url( $url ); ?>" target="_blank">
549
- <?php echo esc_html( __( 'Get PRO', 'premium-addons-for-elementor' ) ); ?>
550
- </a>
551
- </div>
552
- </div>
553
- <?php endif; ?>
554
- </div>
555
-
556
- <?php
557
- }
558
-
559
- /**
560
- * Save Settings
561
- *
562
- * Save elements settings using AJAX
563
- *
564
- * @access public
565
- * @since 3.20.8
566
- */
567
- public function save_settings() {
568
-
569
- check_ajax_referer( 'pa-settings-tab', 'security' );
570
-
571
- if ( ! isset( $_POST['fields'] ) ) {
572
- return;
573
- }
574
-
575
- parse_str( sanitize_text_field( $_POST['fields'] ), $settings );
576
-
577
- $defaults = self::get_default_elements();
578
-
579
- $elements = array_fill_keys( array_keys( array_intersect_key( $settings, $defaults ) ), true );
580
-
581
- update_option( 'pa_save_settings', $elements );
582
-
583
- wp_send_json_success();
584
- }
585
-
586
- /**
587
- * Save Integrations Control Settings
588
- *
589
- * Stores integration and version control settings
590
- *
591
- * @since 3.20.8
592
- * @access public
593
- */
594
- public function save_additional_settings() {
595
-
596
- check_ajax_referer( 'pa-settings-tab', 'security' );
597
-
598
- if ( ! isset( $_POST['fields'] ) ) {
599
- return;
600
- }
601
-
602
- parse_str( sanitize_text_field( $_POST['fields'] ), $settings );
603
-
604
- $new_settings = array(
605
- 'premium-map-api' => sanitize_text_field( $settings['premium-map-api'] ),
606
- 'premium-youtube-api' => sanitize_text_field( $settings['premium-youtube-api'] ),
607
- 'premium-map-disable-api' => intval( $settings['premium-map-disable-api'] ? 1 : 0 ),
608
- 'premium-map-cluster' => intval( $settings['premium-map-cluster'] ? 1 : 0 ),
609
- 'premium-map-locale' => sanitize_text_field( $settings['premium-map-locale'] ),
610
- 'is-beta-tester' => intval( $settings['is-beta-tester'] ? 1 : 0 ),
611
- );
612
-
613
- update_option( 'pa_maps_save_settings', $new_settings );
614
-
615
- wp_send_json_success( $settings );
616
-
617
- }
618
-
619
- /**
620
- * Save Global Button Value
621
- *
622
- * Saves value for elements global switcher
623
- *
624
- * @since 4.0.0
625
- * @access public
626
- */
627
- public function save_global_btn_value() {
628
-
629
- check_ajax_referer( 'pa-settings-tab', 'security' );
630
-
631
- if ( ! isset( $_POST['isGlobalOn'] ) ) {
632
- wp_send_json_error();
633
- }
634
-
635
- $global_btn_value = sanitize_text_field( $_POST['isGlobalOn'] );
636
-
637
- update_option( 'pa_global_btn_value', $global_btn_value );
638
-
639
- wp_send_json_success();
640
-
641
- }
642
-
643
- /**
644
- * Get default Elements
645
- *
646
- * @since 3.20.9
647
- * @access private
648
- *
649
- * @return $default_keys array keys defaults
650
- */
651
- private static function get_default_elements() {
652
-
653
- $elements = self::get_elements_list();
654
-
655
- $keys = array();
656
-
657
- // Now, we need to fill our array with elements keys.
658
- foreach ( $elements as $cat ) {
659
- if ( count( $cat['elements'] ) ) {
660
- foreach ( $cat['elements'] as $elem ) {
661
- array_push( $keys, $elem['key'] );
662
- }
663
- }
664
- }
665
-
666
- $default_keys = array_fill_keys( $keys, true );
667
-
668
- return $default_keys;
669
-
670
- }
671
-
672
- /**
673
- * Get Pro Elements
674
- *
675
- * @since 4.5.3
676
- * @access public
677
- */
678
- public static function get_pro_elements() {
679
-
680
- $elements = self::get_elements_list();
681
-
682
- $pro_elements = array();
683
-
684
- $all_elements = $elements['cat-1'];
685
-
686
- if ( count( $all_elements['elements'] ) ) {
687
- foreach ( $all_elements['elements'] as $elem ) {
688
- if ( isset( $elem['is_pro'] ) && ! isset( $elem['is_global'] ) ) {
689
- array_push( $pro_elements, $elem );
690
- }
691
- }
692
- }
693
-
694
- return $pro_elements;
695
-
696
- }
697
-
698
- /**
699
- * Get Default Interations
700
- *
701
- * @since 3.20.9
702
- * @access private
703
- *
704
- * @return $default_keys array default keys
705
- */
706
- private static function get_default_integrations() {
707
-
708
- $settings = self::get_integrations_list();
709
-
710
- $default_keys = array_fill_keys( $settings, true );
711
-
712
- // Beta Tester should NOT be enabled by default.
713
- $default_keys['is-beta-tester'] = false;
714
-
715
- return $default_keys;
716
-
717
- }
718
-
719
- /**
720
- * Get enabled widgets
721
- *
722
- * @since 3.20.9
723
- * @access public
724
- *
725
- * @return array $enabled_keys enabled elements
726
- */
727
- public static function get_enabled_elements() {
728
-
729
- $defaults = self::get_default_elements();
730
-
731
- $enabled_keys = get_option( 'pa_save_settings', $defaults );
732
-
733
- foreach ( $defaults as $key => $value ) {
734
- if ( ! isset( $enabled_keys[ $key ] ) ) {
735
- $defaults[ $key ] = 0;
736
- }
737
- }
738
-
739
- return $defaults;
740
-
741
- }
742
-
743
- /**
744
- * Check If Premium Templates is enabled
745
- *
746
- * @since 3.6.0
747
- * @access public
748
- *
749
- * @return boolean
750
- */
751
- public static function check_premium_templates() {
752
-
753
- $settings = self::get_enabled_elements();
754
-
755
- if ( ! isset( $settings['premium-templates'] ) ) {
756
- return true;
757
- }
758
-
759
- $is_enabled = $settings['premium-templates'];
760
-
761
- return $is_enabled;
762
- }
763
-
764
-
765
- /**
766
- * Check If Premium Duplicator is enabled
767
- *
768
- * @since 3.20.9
769
- * @access public
770
- *
771
- * @return boolean
772
- */
773
- public static function check_duplicator() {
774
-
775
- $settings = self::get_enabled_elements();
776
-
777
- if ( ! isset( $settings['premium-duplicator'] ) ) {
778
- return true;
779
- }
780
-
781
- $is_enabled = $settings['premium-duplicator'];
782
-
783
- return $is_enabled;
784
- }
785
-
786
- /**
787
- * Get Integrations Settings
788
- *
789
- * Get plugin integrations settings
790
- *
791
- * @since 3.20.9
792
- * @access public
793
- *
794
- * @return array $settings integrations settings
795
- */
796
- public static function get_integrations_settings() {
797
-
798
- $enabled_keys = get_option( 'pa_maps_save_settings', self::get_default_integrations() );
799
-
800
- return $enabled_keys;
801
-
802
- }
803
-
804
- /**
805
- * Run PA Rollback
806
- *
807
- * Trigger PA Rollback actions
808
- *
809
- * @since 4.2.5
810
- * @access public
811
- */
812
- public function run_pa_rollback() {
813
-
814
- check_admin_referer( 'premium_addons_rollback' );
815
-
816
- $plugin_slug = basename( PREMIUM_ADDONS_FILE, '.php' );
817
-
818
- $pa_rollback = new PA_Rollback(
819
- array(
820
- 'version' => PREMIUM_ADDONS_STABLE_VERSION,
821
- 'plugin_name' => PREMIUM_ADDONS_BASENAME,
822
- 'plugin_slug' => $plugin_slug,
823
- 'package_url' => sprintf( 'https://downloads.wordpress.org/plugin/%s.%s.zip', $plugin_slug, PREMIUM_ADDONS_STABLE_VERSION ),
824
- )
825
- );
826
-
827
- $pa_rollback->run();
828
-
829
- wp_die(
830
- '',
831
- esc_html( __( 'Rollback to Previous Version', 'premium-addons-for-elementor' ) ),
832
- array(
833
- 'response' => 200,
834
- )
835
- );
836
-
837
- }
838
-
839
- /**
840
- * Disable unused widgets.
841
- *
842
- * @access public
843
- * @since 4.5.8
844
- */
845
- public function get_unused_widgets() {
846
-
847
- check_ajax_referer( 'pa-settings-tab', 'security' );
848
-
849
- if ( ! current_user_can( 'install_plugins' ) ) {
850
- wp_send_json_error();
851
- }
852
-
853
- $pa_elements = self::get_pa_elements_names();
854
-
855
- $used_widgets = self::get_used_widgets();
856
-
857
- $unused_widgets = array_diff( $pa_elements, array_keys( $used_widgets ) );
858
-
859
- wp_send_json_success( $unused_widgets );
860
-
861
- }
862
-
863
- /**
864
- * Get PA widget names.
865
- *
866
- * @access public
867
- * @since 4.5.8
868
- *
869
- * @return array
870
- */
871
- public static function get_pa_elements_names() {
872
-
873
- $names = self::$elements_names;
874
-
875
- if ( null === $names ) {
876
-
877
- $names = array_map(
878
- function( $item ) {
879
- return isset( $item['name'] ) ? $item['name'] : 'global';
880
- },
881
- self::get_elements_list()['cat-1']['elements']
882
- );
883
-
884
- $names = array_filter(
885
- $names,
886
- function( $name ) {
887
- return 'global' !== $name;
888
- }
889
- );
890
-
891
- }
892
-
893
- return $names;
894
- }
895
-
896
- /**
897
- * Get used widgets.
898
- *
899
- * @access public
900
- * @since 4.5.8
901
- *
902
- * @return array
903
- */
904
- public static function get_used_widgets() {
905
-
906
- $module = \Elementor\Modules\Usage\Module::instance();
907
- $elements = $module->get_formatted_usage( 'raw' );
908
-
909
- $pa_elements = self::get_pa_elements_names();
910
-
911
- $used_widgets = array();
912
-
913
- if ( is_array( $elements ) || is_object( $elements ) ) {
914
-
915
- foreach ( $elements as $post_type => $data ) {
916
-
917
- foreach ( $data['elements'] as $element => $count ) {
918
-
919
- if ( in_array( $element, $pa_elements, true ) ) {
920
-
921
- if ( isset( $used_widgets[ $element ] ) ) {
922
- $used_widgets[ $element ] += $count;
923
- } else {
924
- $used_widgets[ $element ] = $count;
925
- }
926
- }
927
- }
928
- }
929
- }
930
-
931
- return $used_widgets;
932
- }
933
-
934
- /**
935
- * Creates and returns an instance of the class
936
- *
937
- * @since 1.0.0
938
- * @access public
939
- *
940
- * @return object
941
- */
942
- public static function get_instance() {
943
-
944
- if ( ! isset( self::$instance ) ) {
945
-
946
- self::$instance = new self();
947
-
948
- }
949
-
950
- return self::$instance;
951
- }
952
- }
1
+ <?php
2
+ /**
3
+ * PA Admin Helper
4
+ */
5
+
6
+ namespace PremiumAddons\Admin\Includes;
7
+
8
+ use PremiumAddons\Includes\Helper_Functions;
9
+
10
+ if ( ! defined( 'ABSPATH' ) ) {
11
+ exit;
12
+ }
13
+
14
+ /**
15
+ * Class Admin_Helper
16
+ */
17
+ class Admin_Helper {
18
+
19
+ /**
20
+ * Admin settings tabs
21
+ *
22
+ * @var tabs
23
+ */
24
+ private static $tabs = null;
25
+
26
+ /**
27
+ * Class instance
28
+ *
29
+ * @var instance
30
+ */
31
+ private static $instance = null;
32
+
33
+ /**
34
+ * Premium Addons Settings Page Slug
35
+ *
36
+ * @var page_slug
37
+ */
38
+ protected $page_slug = 'premium-addons';
39
+
40
+ /**
41
+ * Current Screen ID
42
+ *
43
+ * @var current_screen
44
+ */
45
+ public static $current_screen = null;
46
+
47
+ /**
48
+ * Elements List
49
+ *
50
+ * @var elements_list
51
+ */
52
+ public static $elements_list = null;
53
+
54
+ /**
55
+ * Elements Names
56
+ *
57
+ * @var elements_names
58
+ */
59
+ public static $elements_names = null;
60
+
61
+ /**
62
+ * Integrations List
63
+ *
64
+ * @var integrations_list
65
+ */
66
+ public static $integrations_list = null;
67
+
68
+ /**
69
+ * Constructor for the class
70
+ */
71
+ public function __construct() {
72
+
73
+ // Get current screen ID.
74
+ add_action( 'current_screen', array( $this, 'get_current_screen' ) );
75
+
76
+ // Insert admin settings submenus.
77
+ $this->set_admin_tabs();
78
+ add_action( 'admin_menu', array( $this, 'add_menu_tabs' ), 100 );
79
+
80
+ // Enqueue required admin scripts.
81
+ add_action( 'admin_enqueue_scripts', array( $this, 'admin_enqueue_scripts' ) );
82
+
83
+ // Plugin Action Links.
84
+ add_filter( 'plugin_action_links_' . PREMIUM_ADDONS_BASENAME, array( $this, 'insert_action_links' ) );
85
+ add_filter( 'plugin_row_meta', array( $this, 'plugin_row_meta' ), 10, 2 );
86
+
87
+ // Register AJAX HOOKS.
88
+ add_action( 'wp_ajax_pa_save_global_btn', array( $this, 'save_global_btn_value' ) );
89
+ add_action( 'wp_ajax_pa_elements_settings', array( $this, 'save_settings' ) );
90
+ add_action( 'wp_ajax_pa_additional_settings', array( $this, 'save_additional_settings' ) );
91
+ add_action( 'wp_ajax_pa_get_unused_widgets', array( $this, 'get_unused_widgets' ) );
92
+
93
+ add_action( 'pa_before_render_admin_tabs', array( $this, 'render_dashboard_header' ) );
94
+
95
+ // Register Rollback hooks.
96
+ add_action( 'admin_post_premium_addons_rollback', array( $this, 'run_pa_rollback' ) );
97
+
98
+ // Beta_Testers::get_instance();
99
+
100
+ if ( is_admin() ) {
101
+ $current_page = $_SERVER['REQUEST_URI'];
102
+ if ( false === strpos( $current_page, 'action=elementor' ) ) {
103
+ Admin_Notices::get_instance();
104
+
105
+ // PA Duplicator.
106
+ if ( self::check_duplicator() ) {
107
+ Duplicator::get_instance();
108
+ }
109
+ }
110
+ }
111
+
112
+ }
113
+
114
+ /**
115
+ * Get Elements List
116
+ *
117
+ * Get a list of all the elements available in the plugin
118
+ *
119
+ * @since 3.20.9
120
+ * @access private
121
+ *
122
+ * @return array widget_list
123
+ */
124
+ private static function get_elements_list() {
125
+
126
+ if ( null === self::$elements_list ) {
127
+
128
+ self::$elements_list = require_once PREMIUM_ADDONS_PATH . 'admin/includes/elements.php';
129
+
130
+ }
131
+
132
+ return self::$elements_list;
133
+
134
+ }
135
+
136
+ /**
137
+ * Get Integrations List
138
+ *
139
+ * Get a list of all the integrations available in the plugin
140
+ *
141
+ * @since 3.20.9
142
+ * @access private
143
+ *
144
+ * @return array integrations_list
145
+ */
146
+ private static function get_integrations_list() {
147
+
148
+ if ( null === self::$integrations_list ) {
149
+
150
+ self::$integrations_list = array(
151
+ 'premium-map-api',
152
+ 'premium-youtube-api',
153
+ 'premium-map-disable-api',
154
+ 'premium-map-cluster',
155
+ 'premium-map-locale',
156
+ 'is-beta-tester',
157
+ );
158
+
159
+ }
160
+
161
+ return self::$integrations_list;
162
+
163
+ }
164
+
165
+ /**
166
+ * Admin Enqueue Scripts
167
+ *
168
+ * Enqueue the required assets on our admin pages
169
+ *
170
+ * @since 1.0.0
171
+ * @access public
172
+ */
173
+ public function admin_enqueue_scripts() {
174
+
175
+ wp_enqueue_style(
176
+ 'pa_admin_icon',
177
+ PREMIUM_ADDONS_URL . 'admin/assets/fonts/style.css',
178
+ array(),
179
+ PREMIUM_ADDONS_VERSION,
180
+ 'all'
181
+ );
182
+
183
+ $suffix = is_rtl() ? '-rtl' : '';
184
+
185
+ $current_screen = self::get_current_screen();
186
+
187
+ wp_enqueue_style(
188
+ 'pa-notice-css',
189
+ PREMIUM_ADDONS_URL . 'admin/assets/css/notice' . $suffix . '.css',
190
+ array(),
191
+ PREMIUM_ADDONS_VERSION,
192
+ 'all'
193
+ );
194
+
195
+ if ( strpos( $current_screen, $this->page_slug ) !== false ) {
196
+
197
+ wp_enqueue_style(
198
+ 'pa-admin-css',
199
+ PREMIUM_ADDONS_URL . 'admin/assets/css/admin' . $suffix . '.css',
200
+ array(),
201
+ PREMIUM_ADDONS_VERSION,
202
+ 'all'
203
+ );
204
+
205
+ wp_enqueue_style(
206
+ 'pa-sweetalert-style',
207
+ PREMIUM_ADDONS_URL . 'admin/assets/js/sweetalert2/sweetalert2.min.css',
208
+ array(),
209
+ PREMIUM_ADDONS_VERSION,
210
+ 'all'
211
+ );
212
+
213
+ wp_enqueue_script(
214
+ 'pa-admin',
215
+ PREMIUM_ADDONS_URL . 'admin/assets/js/admin.js',
216
+ array( 'jquery' ),
217
+ PREMIUM_ADDONS_VERSION,
218
+ true
219
+ );
220
+
221
+ wp_enqueue_script(
222
+ 'pa-sweetalert-core',
223
+ PREMIUM_ADDONS_URL . 'admin/assets/js/sweetalert2/core.js',
224
+ array( 'jquery' ),
225
+ PREMIUM_ADDONS_VERSION,
226
+ true
227
+ );
228
+
229
+ wp_enqueue_script(
230
+ 'pa-sweetalert',
231
+ PREMIUM_ADDONS_URL . 'admin/assets/js/sweetalert2/sweetalert2.min.js',
232
+ array( 'jquery', 'pa-sweetalert-core' ),
233
+ PREMIUM_ADDONS_VERSION,
234
+ true
235
+ );
236
+
237
+ $theme_slug = Helper_Functions::get_installed_theme();
238
+
239
+ $localized_data = array(
240
+ 'settings' => array(
241
+ 'ajaxurl' => admin_url( 'admin-ajax.php' ),
242
+ 'nonce' => wp_create_nonce( 'pa-settings-tab' ),
243
+ 'theme' => $theme_slug,
244
+ ),
245
+ 'premiumRollBackConfirm' => array(
246
+ 'home_url' => home_url(),
247
+ 'i18n' => array(
248
+ 'rollback_to_previous_version' => __( 'Rollback to Previous Version', 'premium-addons-for-elementor' ),
249
+ /* translators: %s: PA stable version */
250
+ 'rollback_confirm' => sprintf( __( 'Are you sure you want to reinstall version %s?', 'premium-addons-for-elementor' ), PREMIUM_ADDONS_STABLE_VERSION ),
251
+ 'yes' => __( 'Continue', 'premium-addons-for-elementor' ),
252
+ 'cancel' => __( 'Cancel', 'premium-addons-for-elementor' ),
253
+ ),
254
+ ),
255
+ );
256
+
257
+ // Add PAPRO Rollback Confirm message if PAPRO installed.
258
+ if ( Helper_Functions::check_papro_version() ) {
259
+ /* translators: %s: PA stable version */
260
+ $localized_data['premiumRollBackConfirm']['i18n']['papro_rollback_confirm'] = sprintf( __( 'Are you sure you want to reinstall version %s?', 'premium-addons-for-elementor' ), PREMIUM_ADDONS_STABLE_VERSION );
261
+ }
262
+
263
+ wp_localize_script( 'pa-admin', 'premiumAddonsSettings', $localized_data );
264
+
265
+ }
266
+ }
267
+
268
+ /**
269
+ * Insert action links.
270
+ *
271
+ * Adds action links to the plugin list table
272
+ *
273
+ * Fired by `plugin_action_links` filter.
274
+ *
275
+ * @param array $links plugin action links.
276
+ *
277
+ * @since 1.0.0
278
+ * @access public
279
+ */
280
+ public function insert_action_links( $links ) {
281
+
282
+ $papro_path = 'premium-addons-pro/premium-addons-pro-for-elementor.php';
283
+
284
+ $is_papro_installed = Helper_Functions::is_plugin_installed( $papro_path );
285
+
286
+ $settings_link = sprintf( '<a href="%1$s">%2$s</a>', admin_url( 'admin.php?page=' . $this->page_slug . '#tab=elements' ), __( 'Settings', 'premium-addons-for-elementor' ) );
287
+
288
+ $rollback_link = sprintf( '<a href="%1$s">%2$s %3$s</a>', wp_nonce_url( admin_url( 'admin-post.php?action=premium_addons_rollback' ), 'premium_addons_rollback' ), __( 'Rollback to Version ', 'premium-addons-for-elementor' ), PREMIUM_ADDONS_STABLE_VERSION );
289
+
290
+ $new_links = array( $settings_link, $rollback_link );
291
+
292
+ if ( ! $is_papro_installed ) {
293
+
294
+ $link = Helper_Functions::get_campaign_link( 'https://premiumaddons.com/pro', 'plugins-page', 'wp-dash', 'get-pro' );
295
+
296
+ $pro_link = sprintf( '<a href="%s" target="_blank" style="color: #FF6000; font-weight: bold;">%s</a>', $link, __( 'Go Pro', 'premium-addons-for-elementor' ) );
297
+ array_push( $new_links, $pro_link );
298
+ }
299
+
300
+ $new_links = array_merge( $links, $new_links );
301
+
302
+ return $new_links;
303
+ }
304
+
305
+ /**
306
+ * Plugin row meta.
307
+ *
308
+ * Extends plugin row meta links
309
+ *
310
+ * Fired by `plugin_row_meta` filter.
311
+ *
312
+ * @since 3.8.4
313
+ * @access public
314
+ *
315
+ * @param array $meta array of the plugin's metadata.
316
+ * @param string $file path to the plugin file.
317
+ *
318
+ * @return array An array of plugin row meta links.
319
+ */
320
+ public function plugin_row_meta( $meta, $file ) {
321
+
322
+ if ( Helper_Functions::is_hide_row_meta() ) {
323
+ return $meta;
324
+ }
325
+
326
+ if ( PREMIUM_ADDONS_BASENAME === $file ) {
327
+
328
+ $link = Helper_Functions::get_campaign_link( 'https://premiumaddons.com/support', 'plugins-page', 'wp-dash', 'get-support' );
329
+
330
+ $row_meta = array(
331
+ 'docs' => '<a href="' . esc_attr( $link ) . '" aria-label="' . esc_attr( __( 'View Premium Addons for Elementor Documentation', 'premium-addons-for-elementor' ) ) . '" target="_blank">' . __( 'Docs & FAQs', 'premium-addons-for-elementor' ) . '</a>',
332
+ 'videos' => '<a href="https://www.youtube.com/watch?v=D3INxWw_jKI&list=PLLpZVOYpMtTArB4hrlpSnDJB36D2sdoTv" aria-label="' . esc_attr( __( 'View Premium Addons Video Tutorials', 'premium-addons-for-elementor' ) ) . '" target="_blank">' . __( 'Video Tutorials', 'premium-addons-for-elementor' ) . '</a>',
333
+ );
334
+
335
+ $meta = array_merge( $meta, $row_meta );
336
+ }
337
+
338
+ return $meta;
339
+
340
+ }
341
+
342
+ /**
343
+ * Gets current screen slug
344
+ *
345
+ * @since 3.3.8
346
+ * @access public
347
+ *
348
+ * @return string current screen slug
349
+ */
350
+ public static function get_current_screen() {
351
+
352
+ self::$current_screen = get_current_screen()->id;
353
+
354
+ return isset( self::$current_screen ) ? self::$current_screen : false;
355
+
356
+ }
357
+
358
+ /**
359
+ * Set Admin Tabs
360
+ *
361
+ * @access private
362
+ * @since 3.20.8
363
+ */
364
+ private function set_admin_tabs() {
365
+
366
+ $slug = $this->page_slug;
367
+
368
+ self::$tabs = array(
369
+ 'general' => array(
370
+ 'id' => 'general',
371
+ 'slug' => $slug . '#tab=general',
372
+ 'title' => __( 'General', 'premium-addons-for-elementor' ),
373
+ 'href' => '#tab=general',
374
+ 'template' => PREMIUM_ADDONS_PATH . 'admin/includes/templates/general',
375
+ ),
376
+ 'elements' => array(
377
+ 'id' => 'elements',
378
+ 'slug' => $slug . '#tab=elements',
379
+ 'title' => __( 'Widgets & Add-ons', 'premium-addons-for-elementor' ),
380
+ 'href' => '#tab=elements',
381
+ 'template' => PREMIUM_ADDONS_PATH . 'admin/includes/templates/modules-settings',
382
+ ),
383
+ 'features' => array(
384
+ 'id' => 'features',
385
+ 'slug' => $slug . '#tab=features',
386
+ 'title' => __( 'Features', 'premium-addons-for-elementor' ),
387
+ 'href' => '#tab=features',
388
+ 'template' => PREMIUM_ADDONS_PATH . 'admin/includes/templates/features',
389
+ ),
390
+ 'integrations' => array(
391
+ 'id' => 'integrations',
392
+ 'slug' => $slug . '#tab=integrations',
393
+ 'title' => __( 'Integrations', 'premium-addons-for-elementor' ),
394
+ 'href' => '#tab=integrations',
395
+ 'template' => PREMIUM_ADDONS_PATH . 'admin/includes/templates/integrations',
396
+ ),
397
+ 'version-control' => array(
398
+ 'id' => 'vcontrol',
399
+ 'slug' => $slug . '#tab=vcontrol',
400
+ 'title' => __( 'Version Control', 'premium-addons-for-elementor' ),
401
+ 'href' => '#tab=vcontrol',
402
+ 'template' => PREMIUM_ADDONS_PATH . 'admin/includes/templates/version-control',
403
+ ),
404
+ 'white-label' => array(
405
+ 'id' => 'white-label',
406
+ 'slug' => $slug . '#tab=white-label',
407
+ 'title' => __( 'White Labeling', 'premium-addons-for-elementor' ),
408
+ 'href' => '#tab=white-label',
409
+ 'template' => PREMIUM_ADDONS_PATH . 'admin/includes/templates/white-label',
410
+ ),
411
+ 'info' => array(
412
+ 'id' => 'system-info',
413
+ 'slug' => $slug . '#tab=system-info',
414
+ 'title' => __( 'System Info', 'premium-addons-for-elementor' ),
415
+ 'href' => '#tab=system-info',
416
+ 'template' => PREMIUM_ADDONS_PATH . 'admin/includes/templates/info',
417
+ ),
418
+ );
419
+
420
+ self::$tabs = apply_filters( 'pa_admin_register_tabs', self::$tabs );
421
+
422
+ }
423
+
424
+ /**
425
+ * Add Menu Tabs
426
+ *
427
+ * Create Submenu Page
428
+ *
429
+ * @since 3.20.9
430
+ * @access public
431
+ *
432
+ * @return void
433
+ */
434
+ public function add_menu_tabs() {
435
+
436
+ $plugin_name = Helper_Functions::name();
437
+
438
+ call_user_func(
439
+ 'add_menu_page',
440
+ $plugin_name,
441
+ $plugin_name,
442
+ 'manage_options',
443
+ $this->page_slug,
444
+ array( $this, 'render_setting_tabs' ),
445
+ '',
446
+ 100
447
+ );
448
+
449
+ foreach ( self::$tabs as $tab ) {
450
+
451
+ call_user_func(
452
+ 'add_submenu_page',
453
+ $this->page_slug,
454
+ $tab['title'],
455
+ $tab['title'],
456
+ 'manage_options',
457
+ $tab['slug'],
458
+ '__return_null'
459
+ );
460
+ }
461
+
462
+ remove_submenu_page( $this->page_slug, $this->page_slug );
463
+ }
464
+
465
+ /**
466
+ * Render Setting Tabs
467
+ *
468
+ * Render the final HTML content for admin setting tabs
469
+ *
470
+ * @access public
471
+ * @since 3.20.8
472
+ */
473
+ public function render_setting_tabs() {
474
+
475
+ ?>
476
+ <div class="pa-settings-wrap">
477
+ <?php do_action( 'pa_before_render_admin_tabs' ); ?>
478
+ <div class="pa-settings-tabs">
479
+ <ul class="pa-settings-tabs-list">
480
+ <?php
481
+ foreach ( self::$tabs as $key => $tab ) {
482
+ $link = '<li class="pa-settings-tab">';
483
+ $link .= '<a id="pa-tab-link-' . esc_attr( $tab['id'] ) . '"';
484
+ $link .= ' href="' . esc_url( $tab['href'] ) . '">';
485
+ $link .= '<i class="pa-dash-' . esc_attr( $tab['id'] ) . '"></i>';
486
+ $link .= '<span>' . esc_html( $tab['title'] ) . '</span>';
487
+ $link .= '</a>';
488
+ $link .= '</li>';
489
+
490
+ echo $link;
491
+ }
492
+ ?>
493
+ </ul>
494
+ </div> <!-- Settings Tabs -->
495
+
496
+ <div class="pa-settings-sections">
497
+ <?php
498
+ foreach ( self::$tabs as $key => $tab ) {
499
+ echo wp_kses_post( '<div id="pa-section-' . $tab['id'] . '" class="pa-section pa-section-' . $key . '">' );
500
+ include_once $tab['template'] . '.php';
501
+ echo '</div>';
502
+ }
503
+ ?>
504
+ </div> <!-- Settings Sections -->
505
+ <?php do_action( 'pa_after_render_admin_tabs' ); ?>
506
+ </div> <!-- Settings Wrap -->
507
+ <?php
508
+ }
509
+
510
+ /**
511
+ * Render Dashboard Header
512
+ *
513
+ * @since 4.0.0
514
+ * @access public
515
+ */
516
+ public function render_dashboard_header() {
517
+
518
+ $url = Helper_Functions::get_campaign_link( 'https://premiumaddons.com/pro/', 'settings-page', 'wp-dash', 'dashboard' );
519
+
520
+ $show_logo = Helper_Functions::is_hide_logo();
521
+
522
+ ?>
523
+
524
+ <div class="papro-admin-notice">
525
+ <?php if ( ! $show_logo ) : ?>
526
+ <div class="papro-admin-notice-left">
527
+ <div class="papro-admin-notice-logo">
528
+ <img class="pa-notice-logo" src="<?php echo esc_attr( PREMIUM_ADDONS_URL . 'admin/images/papro-notice-logo.png' ); ?>">
529
+ </div>
530
+ <a href="https://premiumaddons.com" target="_blank"></a>
531
+ </div>
532
+ <?php endif; ?>
533
+
534
+ <?php if ( ! Helper_Functions::check_papro_version() ) : ?>
535
+ <div class="papro-admin-notice-right">
536
+ <div class="papro-admin-notice-info">
537
+ <h4>
538
+ <?php echo esc_html( __( 'Get Premium Addons PRO', 'premium-addons-for-elementor' ) ); ?>
539
+ </h4>
540
+ <p>
541
+ <?php
542
+ /* translators: %s: html tags */
543
+ echo wp_kses_post( sprintf( __( 'Supercharge your Elementor with %1$sPRO Widgets & Addons%2$s that you won\'t find anywhere else.', 'premium-addons-for-elementor' ), '<span>', '</span>' ) );
544
+ ?>
545
+ </p>
546
+ </div>
547
+ <div class="papro-admin-notice-cta">
548
+ <a class="papro-notice-btn" href="<?php echo esc_url( $url ); ?>" target="_blank">
549
+ <?php echo esc_html( __( 'Get PRO', 'premium-addons-for-elementor' ) ); ?>
550
+ </a>
551
+ </div>
552
+ </div>
553
+ <?php endif; ?>
554
+ </div>
555
+
556
+ <?php
557
+ }
558
+
559
+ /**
560
+ * Save Settings
561
+ *
562
+ * Save elements settings using AJAX
563
+ *
564
+ * @access public
565
+ * @since 3.20.8
566
+ */
567
+ public function save_settings() {
568
+
569
+ check_ajax_referer( 'pa-settings-tab', 'security' );
570
+
571
+ if ( ! isset( $_POST['fields'] ) ) {
572
+ return;
573
+ }
574
+
575
+ parse_str( sanitize_text_field( $_POST['fields'] ), $settings );
576
+
577
+ $defaults = self::get_default_elements();
578
+
579
+ $elements = array_fill_keys( array_keys( array_intersect_key( $settings, $defaults ) ), true );
580
+
581
+ update_option( 'pa_save_settings', $elements );
582
+
583
+ wp_send_json_success();
584
+ }
585
+
586
+ /**
587
+ * Save Integrations Control Settings
588
+ *
589
+ * Stores integration and version control settings
590
+ *
591
+ * @since 3.20.8
592
+ * @access public
593
+ */
594
+ public function save_additional_settings() {
595
+
596
+ check_ajax_referer( 'pa-settings-tab', 'security' );
597
+
598
+ if ( ! isset( $_POST['fields'] ) ) {
599
+ return;
600
+ }
601
+
602
+ parse_str( sanitize_text_field( $_POST['fields'] ), $settings );
603
+
604
+ $new_settings = array(
605
+ 'premium-map-api' => sanitize_text_field( $settings['premium-map-api'] ),
606
+ 'premium-youtube-api' => sanitize_text_field( $settings['premium-youtube-api'] ),
607
+ 'premium-map-disable-api' => intval( $settings['premium-map-disable-api'] ? 1 : 0 ),
608
+ 'premium-map-cluster' => intval( $settings['premium-map-cluster'] ? 1 : 0 ),
609
+ 'premium-map-locale' => sanitize_text_field( $settings['premium-map-locale'] ),
610
+ 'is-beta-tester' => intval( $settings['is-beta-tester'] ? 1 : 0 ),
611
+ );
612
+
613
+ update_option( 'pa_maps_save_settings', $new_settings );
614
+
615
+ wp_send_json_success( $settings );
616
+
617
+ }
618
+
619
+ /**
620
+ * Save Global Button Value
621
+ *
622
+ * Saves value for elements global switcher
623
+ *
624
+ * @since 4.0.0
625
+ * @access public
626
+ */
627
+ public function save_global_btn_value() {
628
+
629
+ check_ajax_referer( 'pa-settings-tab', 'security' );
630
+
631
+ if ( ! isset( $_POST['isGlobalOn'] ) ) {
632
+ wp_send_json_error();
633
+ }
634
+
635
+ $global_btn_value = sanitize_text_field( $_POST['isGlobalOn'] );
636
+
637
+ update_option( 'pa_global_btn_value', $global_btn_value );
638
+
639
+ wp_send_json_success();
640
+
641
+ }
642
+
643
+ /**
644
+ * Get default Elements
645
+ *
646
+ * @since 3.20.9
647
+ * @access private
648
+ *
649
+ * @return $default_keys array keys defaults
650
+ */
651
+ private static function get_default_elements() {
652
+
653
+ $elements = self::get_elements_list();
654
+
655
+ $keys = array();
656
+
657
+ // Now, we need to fill our array with elements keys.
658
+ foreach ( $elements as $cat ) {
659
+ if ( count( $cat['elements'] ) ) {
660
+ foreach ( $cat['elements'] as $elem ) {
661
+ array_push( $keys, $elem['key'] );
662
+ }
663
+ }
664
+ }
665
+
666
+ $default_keys = array_fill_keys( $keys, true );
667
+
668
+ return $default_keys;
669
+
670
+ }
671
+
672
+ /**
673
+ * Get Pro Elements
674
+ *
675
+ * @since 4.5.3
676
+ * @access public
677
+ */
678
+ public static function get_pro_elements() {
679
+
680
+ $elements = self::get_elements_list();
681
+
682
+ $pro_elements = array();
683
+
684
+ $all_elements = $elements['cat-1'];
685
+
686
+ if ( count( $all_elements['elements'] ) ) {
687
+ foreach ( $all_elements['elements'] as $elem ) {
688
+ if ( isset( $elem['is_pro'] ) && ! isset( $elem['is_global'] ) ) {
689
+ array_push( $pro_elements, $elem );
690
+ }
691
+ }
692
+ }
693
+
694
+ return $pro_elements;
695
+
696
+ }
697
+
698
+ /**
699
+ * Get Default Interations
700
+ *
701
+ * @since 3.20.9
702
+ * @access private
703
+ *
704
+ * @return $default_keys array default keys
705
+ */
706
+ private static function get_default_integrations() {
707
+
708
+ $settings = self::get_integrations_list();
709
+
710
+ $default_keys = array_fill_keys( $settings, true );
711
+
712
+ // Beta Tester should NOT be enabled by default.
713
+ $default_keys['is-beta-tester'] = false;
714
+
715
+ return $default_keys;
716
+
717
+ }
718
+
719
+ /**
720
+ * Get enabled widgets
721
+ *
722
+ * @since 3.20.9
723
+ * @access public
724
+ *
725
+ * @return array $enabled_keys enabled elements
726
+ */
727
+ public static function get_enabled_elements() {
728
+
729
+ $defaults = self::get_default_elements();
730
+
731
+ $enabled_keys = get_option( 'pa_save_settings', $defaults );
732
+
733
+ foreach ( $defaults as $key => $value ) {
734
+ if ( ! isset( $enabled_keys[ $key ] ) ) {
735
+ $defaults[ $key ] = 0;
736
+ }
737
+ }
738
+
739
+ return $defaults;
740
+
741
+ }
742
+
743
+ /**
744
+ * Check If Premium Templates is enabled
745
+ *
746
+ * @since 3.6.0
747
+ * @access public
748
+ *
749
+ * @return boolean
750
+ */
751
+ public static function check_premium_templates() {
752
+
753
+ $settings = self::get_enabled_elements();
754
+
755
+ if ( ! isset( $settings['premium-templates'] ) ) {
756
+ return true;
757
+ }
758
+
759
+ $is_enabled = $settings['premium-templates'];
760
+
761
+ return $is_enabled;
762
+ }
763
+
764
+
765
+ /**
766
+ * Check If Premium Duplicator is enabled
767
+ *
768
+ * @since 3.20.9
769
+ * @access public
770
+ *
771
+ * @return boolean
772
+ */
773
+ public static function check_duplicator() {
774
+
775
+ $settings = self::get_enabled_elements();
776
+
777
+ if ( ! isset( $settings['premium-duplicator'] ) ) {
778
+ return true;
779
+ }
780
+
781
+ $is_enabled = $settings['premium-duplicator'];
782
+
783
+ return $is_enabled;
784
+ }
785
+
786
+ /**
787
+ * Get Integrations Settings
788
+ *
789
+ * Get plugin integrations settings
790
+ *
791
+ * @since 3.20.9
792
+ * @access public
793
+ *
794
+ * @return array $settings integrations settings
795
+ */
796
+ public static function get_integrations_settings() {
797
+
798
+ $enabled_keys = get_option( 'pa_maps_save_settings', self::get_default_integrations() );
799
+
800
+ return $enabled_keys;
801
+
802
+ }
803
+
804
+ /**
805
+ * Run PA Rollback
806
+ *
807
+ * Trigger PA Rollback actions
808
+ *
809
+ * @since 4.2.5
810
+ * @access public
811
+ */
812
+ public function run_pa_rollback() {
813
+
814
+ check_admin_referer( 'premium_addons_rollback' );
815
+
816
+ $plugin_slug = basename( PREMIUM_ADDONS_FILE, '.php' );
817
+
818
+ $pa_rollback = new PA_Rollback(
819
+ array(
820
+ 'version' => PREMIUM_ADDONS_STABLE_VERSION,
821
+ 'plugin_name' => PREMIUM_ADDONS_BASENAME,
822
+ 'plugin_slug' => $plugin_slug,
823
+ 'package_url' => sprintf( 'https://downloads.wordpress.org/plugin/%s.%s.zip', $plugin_slug, PREMIUM_ADDONS_STABLE_VERSION ),
824
+ )
825
+ );
826
+
827
+ $pa_rollback->run();
828
+
829
+ wp_die(
830
+ '',
831
+ esc_html( __( 'Rollback to Previous Version', 'premium-addons-for-elementor' ) ),
832
+ array(
833
+ 'response' => 200,
834
+ )
835
+ );
836
+
837
+ }
838
+
839
+ /**
840
+ * Disable unused widgets.
841
+ *
842
+ * @access public
843
+ * @since 4.5.8
844
+ */
845
+ public function get_unused_widgets() {
846
+
847
+ check_ajax_referer( 'pa-settings-tab', 'security' );
848
+
849
+ if ( ! current_user_can( 'install_plugins' ) ) {
850
+ wp_send_json_error();
851
+ }
852
+
853
+ $pa_elements = self::get_pa_elements_names();
854
+
855
+ $used_widgets = self::get_used_widgets();
856
+
857
+ $unused_widgets = array_diff( $pa_elements, array_keys( $used_widgets ) );
858
+
859
+ wp_send_json_success( $unused_widgets );
860
+
861
+ }
862
+
863
+ /**
864
+ * Get PA widget names.
865
+ *
866
+ * @access public
867
+ * @since 4.5.8
868
+ *
869
+ * @return array
870
+ */
871
+ public static function get_pa_elements_names() {
872
+
873
+ $names = self::$elements_names;
874
+
875
+ if ( null === $names ) {
876
+
877
+ $names = array_map(
878
+ function( $item ) {
879
+ return isset( $item['name'] ) ? $item['name'] : 'global';
880
+ },
881
+ self::get_elements_list()['cat-1']['elements']
882
+ );
883
+
884
+ $names = array_filter(
885
+ $names,
886
+ function( $name ) {
887
+ return 'global' !== $name;
888
+ }
889
+ );
890
+
891
+ }
892
+
893
+ return $names;
894
+ }
895
+
896
+ /**
897
+ * Get used widgets.
898
+ *
899
+ * @access public
900
+ * @since 4.5.8
901
+ *
902
+ * @return array
903
+ */
904
+ public static function get_used_widgets() {
905
+
906
+ $module = \Elementor\Modules\Usage\Module::instance();
907
+ $elements = $module->get_formatted_usage( 'raw' );
908
+
909
+ $pa_elements = self::get_pa_elements_names();
910
+
911
+ $used_widgets = array();
912
+
913
+ if ( is_array( $elements ) || is_object( $elements ) ) {
914
+
915
+ foreach ( $elements as $post_type => $data ) {
916
+
917
+ foreach ( $data['elements'] as $element => $count ) {
918
+
919
+ if ( in_array( $element, $pa_elements, true ) ) {
920
+
921
+ if ( isset( $used_widgets[ $element ] ) ) {
922
+ $used_widgets[ $element ] += $count;
923
+ } else {
924
+ $used_widgets[ $element ] = $count;
925
+ }
926
+ }
927
+ }
928
+ }
929
+ }
930
+
931
+ return $used_widgets;
932
+ }
933
+
934
+ /**
935
+ * Creates and returns an instance of the class
936
+ *
937
+ * @since 1.0.0
938
+ * @access public
939
+ *
940
+ * @return object
941
+ */
942
+ public static function get_instance() {
943
+
944
+ if ( ! isset( self::$instance ) ) {
945
+
946
+ self::$instance = new self();
947
+
948
+ }
949
+
950
+ return self::$instance;
951
+ }
952
+ }
admin/includes/admin-notices.php CHANGED
@@ -60,11 +60,10 @@ class Admin_Notices {
60
  add_action( 'wp_ajax_pa_dismiss_admin_notice', array( $this, 'dismiss_admin_notice' ) );
61
 
62
  self::$notices = array(
63
- 'halloween_notice',
64
  'pa-review',
65
  );
66
 
67
- delete_option( 'trustpilot_notice' );
68
 
69
  }
70
 
@@ -75,8 +74,6 @@ class Admin_Notices {
75
 
76
  $this->handle_review_notice();
77
 
78
- $this->handle_hs_notice();
79
-
80
  }
81
 
82
  /**
@@ -99,8 +96,6 @@ class Admin_Notices {
99
  }
100
  }
101
 
102
- $this->get_hs_notice();
103
-
104
  }
105
 
106
  /**
@@ -128,30 +123,6 @@ class Admin_Notices {
128
  exit;
129
  }
130
 
131
- /**
132
- * Checks if Halloween Sale message is dismissed.
133
- *
134
- * @since 4.5.9
135
- * @access public
136
- *
137
- * @return void
138
- */
139
- public function handle_hs_notice() {
140
-
141
- if ( ! isset( $_GET['halloween'] ) ) {
142
- return;
143
- }
144
-
145
- if ( 'opt_out' === $_GET['halloween'] ) {
146
- check_admin_referer( 'opt_out' );
147
-
148
- update_option( 'halloween_notice', '1' );
149
- }
150
-
151
- wp_redirect( remove_query_arg( 'halloween' ) );
152
- exit;
153
- }
154
-
155
  /**
156
  * Required plugin check
157
  *
@@ -245,54 +216,6 @@ class Admin_Notices {
245
 
246
  }
247
 
248
-
249
- /**
250
- *
251
- * Shows admin notice for Halloween Sale.
252
- *
253
- * @since 4.5.9
254
- * @access public
255
- *
256
- * @return void
257
- */
258
- public function get_hs_notice() {
259
-
260
- $papro_path = 'premium-addons-pro/premium-addons-pro-for-elementor.php';
261
-
262
- $is_papro_installed = Helper_Functions::is_plugin_installed( $papro_path );
263
-
264
- $license_status = get_option( 'papro_license_status' );
265
-
266
- $hs_notice = get_option( 'halloween_notice' );
267
-
268
- if ( ( $is_papro_installed && 'valid' === $license_status ) || '1' === $hs_notice ) {
269
- return;
270
- }
271
-
272
- $link = Helper_Functions::get_campaign_link( 'https://premiumaddons.com/halloween-sale/', 'wp-dash', 'halloween-2021-notification', 'halloween-2021' );
273
-
274
- ?>
275
-
276
- <div class="error pa-notice-wrap pa-new-feature-notice pa-review-notice">
277
- <div class="pa-img-wrap">
278
- <img src="<?php echo PREMIUM_ADDONS_URL . 'admin/images/pa-logo-symbol.png'; ?>">
279
- </div>
280
- <div class="pa-text-wrap">
281
- <p>
282
- <?php echo __( 'Halloween Sale! Get <b>20% Discount</b> for a Limited Time Only', 'premium-addons-for-elementor' ); ?>
283
- <a class="button button-primary" href="<?php echo esc_url( $link ); ?>" target="_blank">
284
- <span><?php echo __( 'Get The Deal', 'premium-addons-for-elementor' ); ?></span>
285
- </a>
286
- </p>
287
- </div>
288
- <div class="pa-notice-close" data-notice="halloween">
289
- <span class="dashicons dashicons-dismiss"></span>
290
- </div>
291
- </div>
292
-
293
- <?php
294
- }
295
-
296
  /**
297
  * Checks user credentials for specific action
298
  *
60
  add_action( 'wp_ajax_pa_dismiss_admin_notice', array( $this, 'dismiss_admin_notice' ) );
61
 
62
  self::$notices = array(
 
63
  'pa-review',
64
  );
65
 
66
+ delete_option( 'halloween_notice' );
67
 
68
  }
69
 
74
 
75
  $this->handle_review_notice();
76
 
 
 
77
  }
78
 
79
  /**
96
  }
97
  }
98
 
 
 
99
  }
100
 
101
  /**
123
  exit;
124
  }
125
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
126
  /**
127
  * Required plugin check
128
  *
216
 
217
  }
218
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
219
  /**
220
  * Checks user credentials for specific action
221
  *
admin/includes/templates/white-label.php CHANGED
@@ -1,173 +1,173 @@
1
- <?php
2
-
3
- if ( ! defined( 'ABSPATH' ) ) {
4
- exit;
5
- }
6
-
7
- use PremiumAddons\Includes\Helper_Functions;
8
-
9
- // Premium Addons Pro Classes
10
- use PremiumAddonsPro\Includes\White_Label\Helper;
11
-
12
- // Get settings
13
- $class = 'premium-white-label-form';
14
- if ( Helper_Functions::check_papro_version() ) {
15
-
16
- $settings = Helper::get_white_labeling_settings();
17
-
18
- } else {
19
- $class .= ' pro-inactive';
20
-
21
- $settings = array(
22
- 'premium-wht-lbl-name' => '',
23
- 'premium-wht-lbl-url' => '',
24
- 'premium-wht-lbl-plugin-name' => '',
25
- 'premium-wht-lbl-short-name' => '',
26
- 'premium-wht-lbl-desc' => '',
27
- 'premium-wht-lbl-row' => '',
28
- 'premium-wht-lbl-name-pro' => '',
29
- 'premium-wht-lbl-url-pro' => '',
30
- 'premium-wht-lbl-plugin-name-pro' => '',
31
- 'premium-wht-lbl-desc-pro' => '',
32
- 'premium-wht-lbl-changelog' => '',
33
- 'premium-wht-lbl-option' => '',
34
- 'premium-wht-lbl-rate' => '',
35
- 'premium-wht-lbl-about' => '',
36
- 'premium-wht-lbl-license' => '',
37
- 'premium-wht-lbl-logo' => '',
38
- 'premium-wht-lbl-version' => '',
39
- 'premium-wht-lbl-prefix' => '',
40
- 'premium-wht-lbl-badge' => '',
41
- );
42
- }
43
-
44
- if ( ! Helper_Functions::check_papro_version() ) {
45
-
46
- $campaign = Helper_Functions::get_campaign_link( 'https://premiumaddons.com/pro/', 'whitelabel-page', 'wp-dash', 'dashboard' );
47
-
48
  ?>
49
  <div class="pa-white-label-notice">
50
  <div class="pa-white-label-notice-content">
51
  <div class="pa-white-label-notice-logo">
52
- <img src="<?php echo PREMIUM_ADDONS_URL . 'admin/images/pa-logo-symbol.png'; ?>" alt="Premium Addons White Labeling Notice">
53
  </div>
54
- <h2><?php _e( 'Get Premium Addons <span>Pro</span> to Enable White Labeling Options', 'premium-addons-for-elementor' ); ?></h2>
55
- <p><?php _e( 'Premium Addons can be completely re-branded with your own brand name and author details. Your clients will never know what tools you are using to build their website and will think that this is your own tool set. White-labeling works as long as your license is active.', 'premium-addons-for-elementor' ); ?></p>
56
- <a class="pa-btn pa-get-pro" href="<?php echo esc_attr( $campaign ); ?>" target="_blank"><?php _e( 'Get PRO', 'premium-addons-for-elementor' ); ?></a>
57
  </div>
58
  </div>
59
  <?php
60
- }
61
-
62
- ?>
63
-
64
- <div class="pa-section-content">
65
- <div class="row">
66
- <div class="col-full">
67
- <form action="" method="POST" id="pa-white-label" class="<?php echo esc_attr( $class ); ?>" name="pa-white-label-settings">
68
  <div id="pa-white-label" class="pa-settings-tab pa-wht-lbl-settings">
69
  <div class="pa-row">
70
  <div class="pa-wht-lbl-settings-wrap">
71
- <h3 class="pa-wht-lbl-title pa-wht-lbl-head"><?php echo __( 'Free Version', 'premium-addons-for-elementor' ); ?></h3>
72
  <div class="pa-wht-lbl-group-wrap">
73
  <!-- Author Name -->
74
- <label for="premium-wht-lbl-name" class="pa-input-label"><?php echo __( 'Author Name', 'premium-addons-for-elementor' ); ?></label>
75
- <input name="premium-wht-lbl-name" id="premium-wht-lbl-name" type="text" placeholder="Leap13" value="<?php echo esc_attr( $settings['premium-wht-lbl-name'] ); ?>">
76
  <!-- Author URL -->
77
- <label for="premium-wht-lbl-url" class="pa-input-label"><?php echo __( 'Author URL', 'premium-addons-for-elementor' ); ?></label>
78
- <input name="premium-wht-lbl-url" id="premium-wht-lbl-url" type="text" placeholder="https://premiumaddons.com" value="<?php echo esc_attr( $settings['premium-wht-lbl-url'] ); ?>">
79
  <!-- Plugin Name -->
80
- <label for="premium-wht-lbl-plugin-name" class="pa-input-label"><?php echo __( 'Plugin Name', 'premium-addons-for-elementor' ); ?></label>
81
- <input name="premium-wht-lbl-plugin-name" id="premium-wht-lbl-plugin-name" type="text" placeholder="Premium Addons for Elementor" value="<?php echo esc_attr( $settings['premium-wht-lbl-plugin-name'] ); ?>">
82
-
83
  <!-- Plugin Description -->
84
- <label for="premium-wht-lbl-desc" class="pa-input-label"><?php echo __( 'Plugin Description', 'premium-addons-for-elementor' ); ?></label>
85
- <input name="premium-wht-lbl-desc" id="premium-wht-lbl-desc" type="text" placeholder="Premium Addons for Elementor plugin includes widgets and addons.." value="<?php echo esc_attr( $settings['premium-wht-lbl-desc'] ); ?>">
86
-
87
- <p class="pa-input-label"><?php echo __( 'Hide Plugin Row Meta Links', 'premium-addons-for-elementor' ); ?></p>
88
- <input name="premium-wht-lbl-row" id="premium-wht-lbl-row" type="checkbox" <?php checked( 1, $settings['premium-wht-lbl-row'], true ); ?>>
89
  <label for="premium-wht-lbl-row"></label>
90
- <span><?php echo __( 'This will hide Docs, FAQs, and Video Tutorials links located on the plugins page.', 'premium-addons-for-elementor' ); ?></span>
91
  </div>
92
  </div>
93
 
94
  <div class="pa-wht-lbl-settings-wrap">
95
- <h3 class="pa-wht-lbl-title pa-wht-lbl-head"><?php echo __( 'PRO Version', 'premium-addons-for-elementor' ); ?></h3>
96
  <div class="pa-wht-lbl-group-wrap">
97
-
98
- <label for="premium-wht-lbl-name-pro" class="pa-input-label"><?php echo __( 'Author Name', 'premium-addons-for-elementor' ); ?></label>
99
- <input name="premium-wht-lbl-name-pro" id="premium-wht-lbl-name-pro" type="text" placeholder="Leap13" value="<?php echo esc_attr( $settings['premium-wht-lbl-name-pro'] ); ?>">
100
 
101
- <label for="premium-wht-lbl-url-pro" class="pa-input-label"><?php echo __( 'Author URL', 'premium-addons-for-elementor' ); ?></label>
102
- <input name="premium-wht-lbl-url-pro" id="premium-wht-lbl-url-pro" type="text" placeholder="https://premiumaddons.com" value="<?php echo esc_attr( $settings['premium-wht-lbl-url-pro'] ); ?>">
103
-
104
- <label for="premium-wht-lbl-plugin-name-pro" class="pa-input-label"><?php echo __( 'Plugin Name', 'premium-addons-for-elementor' ); ?></label>
105
- <input name="premium-wht-lbl-plugin-name-pro" id="premium-wht-lbl-plugin-name-pro" type="text" placeholder="Premium Addons PRO for Elementor" value="<?php echo esc_attr( $settings['premium-wht-lbl-plugin-name-pro'] ); ?>">
106
-
107
- <label for="premium-wht-lbl-desc-rpo" class="pa-input-label"><?php echo __( 'Plugin Description', 'premium-addons-for-elementor' ); ?></label>
108
- <input name="premium-wht-lbl-desc-pro" id="premium-wht-lbl-desc-pro" type="text" placeholder="Premium Addons PRO Plugin Includes 33+ premium widgets & addons..." value="<?php echo esc_attr( $settings['premium-wht-lbl-desc-pro'] ); ?>">
109
-
110
- <p class="pa-input-label"><?php echo __( 'Hide Plugin Changelog Link', 'premium-addons-for-elementor' ); ?></p>
111
- <input name="premium-wht-lbl-changelog" id="premium-wht-lbl-changelog" type="checkbox" <?php checked( 1, $settings['premium-wht-lbl-changelog'], true ); ?>>
112
  <label for="premium-wht-lbl-changelog"></label>
113
- <span><?php echo __( 'This will hide the Changelog link located on the plugins page.', 'premium-addons-for-elementor' ); ?></span>
114
 
115
  </div>
116
  </div>
117
  <div class="pa-wht-lbl-settings-wrap">
118
- <h3 class="pa-wht-lbl-title pa-wht-lbl-head"><?php echo __( 'General Options', 'premium-addons-for-elementor' ); ?></h3>
119
  <div class="pa-wht-lbl-group-wrap">
120
  <!-- Widgets Category Name -->
121
- <label for="premium-wht-lbl-short-name" class="pa-input-label"><?php echo __( 'Widgets Category Name', 'premium-addons-for-elementor' ); ?></label>
122
- <input name="premium-wht-lbl-short-name" id="premium-wht-lbl-short-name" type="text" placeholder="Premium Addons" value="<?php echo esc_attr( $settings['premium-wht-lbl-short-name'] ); ?>">
123
  <!-- Widgets Prefix -->
124
- <label for="premium-wht-lbl-prefix" class="pa-input-label"><?php echo __( 'Widgets Prefix', 'premium-addons-for-elementor' ); ?></label>
125
- <input name="premium-wht-lbl-prefix" id="premium-wht-lbl-prefix" type="text" placeholder="Premium" value="<?php echo esc_attr( $settings['premium-wht-lbl-prefix'] ); ?>">
126
  <!-- Widgets Badge -->
127
- <label for="premium-wht-lbl-badge" class="pa-input-label"><?php echo __( 'Widgets Badge', 'premium-addons-for-elementor' ); ?></label>
128
- <input name="premium-wht-lbl-badge" id="premium-wht-lbl-badge" type="text" placeholder="PA" value="<?php echo esc_attr( $settings['premium-wht-lbl-badge'] ); ?>">
129
  </div>
130
  </div>
131
  </div>
132
-
133
  <div class="pa-wht-lbl-admin">
134
  <div class="pa-wht-lbl-settings-wrap">
135
- <h3 class="pa-wht-lbl-title pa-wht-lbl-head"><?php echo __( 'Admin Settings', 'premium-addons-for-elementor' ); ?></h3>
136
  <div class="pa-wht-lbl-group-wrap">
137
  <!-- Hide General Tab-->
138
- <p class="pa-input-label"><?php echo __( 'General Tab', 'premium-addons-for-elementor' ); ?></p>
139
- <input name="premium-wht-lbl-about" id="premium-wht-lbl-about" type="checkbox" <?php checked( 1, $settings['premium-wht-lbl-about'], true ); ?>>
140
  <label for="premium-wht-lbl-about"></label>
141
- <span><?php echo __( 'This will hide the General tab', 'premium-addons-for-elementor' ); ?></span>
142
 
143
  <!-- Hide Version Control Tab-->
144
- <p class="pa-input-label"><?php echo __( 'Version Control Tab', 'premium-addons-for-elementor' ); ?></p>
145
- <input name="premium-wht-lbl-version" id="premium-wht-lbl-version" type="checkbox" <?php checked( 1, $settings['premium-wht-lbl-version'], true ); ?>>
146
  <label for="premium-wht-lbl-version"></label>
147
- <span><?php echo __( 'This will hide the Version Control tab.', 'premium-addons-for-elementor' ); ?></span>
148
-
149
  <!-- Hide Logo-->
150
- <p class="pa-input-label"><?php echo __( 'Hide Premium Addons Logo', 'premium-addons-for-elementor' ); ?></p>
151
- <input name="premium-wht-lbl-logo" id="premium-wht-lbl-logo" type="checkbox" <?php checked( 1, $settings['premium-wht-lbl-logo'], true ); ?>>
152
  <label for="premium-wht-lbl-logo"></label>
153
- <span><?php echo __( 'This will hide Premium Addons logo located on the dashboard.', 'premium-addons-for-elementor' ); ?></span>
154
-
155
  <!-- Hide License Tab-->
156
- <p class="pa-input-label"><?php echo __( 'License Tab', 'premium-addons-for-elementor' ); ?></p>
157
- <input name="premium-wht-lbl-license" id="premium-wht-lbl-license" type="checkbox" <?php checked( 1, $settings['premium-wht-lbl-license'], true ); ?>>
158
  <label for="premium-wht-lbl-license"></label>
159
- <span><?php echo __( 'This will hide the License tab.', 'premium-addons-for-elementor' ); ?></span>
160
-
161
  <!-- Hide White Labeling Tab-->
162
 
163
- <p class="pa-input-label"><?php echo __( 'White Labeling Tab', 'premium-addons-for-elementor' ); ?></p>
164
- <input name="premium-wht-lbl-option" id="premium-wht-lbl-option" type="checkbox" <?php checked( 1, $settings['premium-wht-lbl-option'], true ); ?>>
165
  <label for="premium-wht-lbl-option"></label>
166
- <span><?php echo __( 'This will hide the White Labeling tab options.', 'premium-addons-for-elementor' ); ?></span>
167
 
168
  <p>
169
- <strong><?php _e( 'NOTE: ', 'premium-addons-for-elementor' ); ?></strong>
170
- <?php echo __( 'You will need to reactivate Premium Addons PRO for Elementor plugin to be able to reset White Labeling tab options.', 'premium-addons-for-elementor' ); ?>
171
  </p>
172
  </div>
173
  </div>
@@ -175,6 +175,6 @@ if ( ! Helper_Functions::check_papro_version() ) {
175
  <div class="clearfix"></div>
176
  </div>
177
  </form>
178
- </div>
179
- </div>
180
- </div> <!-- End Section Content -->
1
+ <?php
2
+
3
+ if ( ! defined( 'ABSPATH' ) ) {
4
+ exit;
5
+ }
6
+
7
+ use PremiumAddons\Includes\Helper_Functions;
8
+
9
+ // Premium Addons Pro Classes
10
+ use PremiumAddonsPro\Includes\White_Label\Helper;
11
+
12
+ // Get settings
13
+ $class = 'premium-white-label-form';
14
+ if ( Helper_Functions::check_papro_version() ) {
15
+
16
+ $settings = Helper::get_white_labeling_settings();
17
+
18
+ } else {
19
+ $class .= ' pro-inactive';
20
+
21
+ $settings = array(
22
+ 'premium-wht-lbl-name' => '',
23
+ 'premium-wht-lbl-url' => '',
24
+ 'premium-wht-lbl-plugin-name' => '',
25
+ 'premium-wht-lbl-short-name' => '',
26
+ 'premium-wht-lbl-desc' => '',
27
+ 'premium-wht-lbl-row' => '',
28
+ 'premium-wht-lbl-name-pro' => '',
29
+ 'premium-wht-lbl-url-pro' => '',
30
+ 'premium-wht-lbl-plugin-name-pro' => '',
31
+ 'premium-wht-lbl-desc-pro' => '',
32
+ 'premium-wht-lbl-changelog' => '',
33
+ 'premium-wht-lbl-option' => '',
34
+ 'premium-wht-lbl-rate' => '',
35
+ 'premium-wht-lbl-about' => '',
36
+ 'premium-wht-lbl-license' => '',
37
+ 'premium-wht-lbl-logo' => '',
38
+ 'premium-wht-lbl-version' => '',
39
+ 'premium-wht-lbl-prefix' => '',
40
+ 'premium-wht-lbl-badge' => '',
41
+ );
42
+ }
43
+
44
+ if ( ! Helper_Functions::check_papro_version() ) {
45
+
46
+ $campaign = Helper_Functions::get_campaign_link( 'https://premiumaddons.com/pro/', 'whitelabel-page', 'wp-dash', 'dashboard' );
47
+
48
  ?>
49
  <div class="pa-white-label-notice">
50
  <div class="pa-white-label-notice-content">
51
  <div class="pa-white-label-notice-logo">
52
+ <img src="<?php echo PREMIUM_ADDONS_URL . 'admin/images/pa-logo-symbol.png'; ?>" alt="Premium Addons White Labeling Notice">
53
  </div>
54
+ <h2><?php _e( 'Get Premium Addons <span>Pro</span> to Enable White Labeling Options', 'premium-addons-for-elementor' ); ?></h2>
55
+ <p><?php _e( 'Premium Addons can be completely re-branded with your own brand name and author details. Your clients will never know what tools you are using to build their website and will think that this is your own tool set. White-labeling works as long as your license is active.', 'premium-addons-for-elementor' ); ?></p>
56
+ <a class="pa-btn pa-get-pro" href="<?php echo esc_attr( $campaign ); ?>" target="_blank"><?php _e( 'Get PRO', 'premium-addons-for-elementor' ); ?></a>
57
  </div>
58
  </div>
59
  <?php
60
+ }
61
+
62
+ ?>
63
+
64
+ <div class="pa-section-content">
65
+ <div class="row">
66
+ <div class="col-full">
67
+ <form action="" method="POST" id="pa-white-label" class="<?php echo esc_attr( $class ); ?>" name="pa-white-label-settings">
68
  <div id="pa-white-label" class="pa-settings-tab pa-wht-lbl-settings">
69
  <div class="pa-row">
70
  <div class="pa-wht-lbl-settings-wrap">
71
+ <h3 class="pa-wht-lbl-title pa-wht-lbl-head"><?php echo __( 'Free Version', 'premium-addons-for-elementor' ); ?></h3>
72
  <div class="pa-wht-lbl-group-wrap">
73
  <!-- Author Name -->
74
+ <label for="premium-wht-lbl-name" class="pa-input-label"><?php echo __( 'Author Name', 'premium-addons-for-elementor' ); ?></label>
75
+ <input name="premium-wht-lbl-name" id="premium-wht-lbl-name" type="text" placeholder="Leap13" value="<?php echo esc_attr( $settings['premium-wht-lbl-name'] ); ?>">
76
  <!-- Author URL -->
77
+ <label for="premium-wht-lbl-url" class="pa-input-label"><?php echo __( 'Author URL', 'premium-addons-for-elementor' ); ?></label>
78
+ <input name="premium-wht-lbl-url" id="premium-wht-lbl-url" type="text" placeholder="https://premiumaddons.com" value="<?php echo esc_attr( $settings['premium-wht-lbl-url'] ); ?>">
79
  <!-- Plugin Name -->
80
+ <label for="premium-wht-lbl-plugin-name" class="pa-input-label"><?php echo __( 'Plugin Name', 'premium-addons-for-elementor' ); ?></label>
81
+ <input name="premium-wht-lbl-plugin-name" id="premium-wht-lbl-plugin-name" type="text" placeholder="Premium Addons for Elementor" value="<?php echo esc_attr( $settings['premium-wht-lbl-plugin-name'] ); ?>">
82
+
83
  <!-- Plugin Description -->
84
+ <label for="premium-wht-lbl-desc" class="pa-input-label"><?php echo __( 'Plugin Description', 'premium-addons-for-elementor' ); ?></label>
85
+ <input name="premium-wht-lbl-desc" id="premium-wht-lbl-desc" type="text" placeholder="Premium Addons for Elementor plugin includes widgets and addons.." value="<?php echo esc_attr( $settings['premium-wht-lbl-desc'] ); ?>">
86
+
87
+ <p class="pa-input-label"><?php echo __( 'Hide Plugin Row Meta Links', 'premium-addons-for-elementor' ); ?></p>
88
+ <input name="premium-wht-lbl-row" id="premium-wht-lbl-row" type="checkbox" <?php checked( 1, $settings['premium-wht-lbl-row'], true ); ?>>
89
  <label for="premium-wht-lbl-row"></label>
90
+ <span><?php echo __( 'This will hide Docs, FAQs, and Video Tutorials links located on the plugins page.', 'premium-addons-for-elementor' ); ?></span>
91
  </div>
92
  </div>
93
 
94
  <div class="pa-wht-lbl-settings-wrap">
95
+ <h3 class="pa-wht-lbl-title pa-wht-lbl-head"><?php echo __( 'PRO Version', 'premium-addons-for-elementor' ); ?></h3>
96
  <div class="pa-wht-lbl-group-wrap">
97
+
98
+ <label for="premium-wht-lbl-name-pro" class="pa-input-label"><?php echo __( 'Author Name', 'premium-addons-for-elementor' ); ?></label>
99
+ <input name="premium-wht-lbl-name-pro" id="premium-wht-lbl-name-pro" type="text" placeholder="Leap13" value="<?php echo esc_attr( $settings['premium-wht-lbl-name-pro'] ); ?>">
100
 
101
+ <label for="premium-wht-lbl-url-pro" class="pa-input-label"><?php echo __( 'Author URL', 'premium-addons-for-elementor' ); ?></label>
102
+ <input name="premium-wht-lbl-url-pro" id="premium-wht-lbl-url-pro" type="text" placeholder="https://premiumaddons.com" value="<?php echo esc_attr( $settings['premium-wht-lbl-url-pro'] ); ?>">
103
+
104
+ <label for="premium-wht-lbl-plugin-name-pro" class="pa-input-label"><?php echo __( 'Plugin Name', 'premium-addons-for-elementor' ); ?></label>
105
+ <input name="premium-wht-lbl-plugin-name-pro" id="premium-wht-lbl-plugin-name-pro" type="text" placeholder="Premium Addons PRO for Elementor" value="<?php echo esc_attr( $settings['premium-wht-lbl-plugin-name-pro'] ); ?>">
106
+
107
+ <label for="premium-wht-lbl-desc-rpo" class="pa-input-label"><?php echo __( 'Plugin Description', 'premium-addons-for-elementor' ); ?></label>
108
+ <input name="premium-wht-lbl-desc-pro" id="premium-wht-lbl-desc-pro" type="text" placeholder="Premium Addons PRO Plugin Includes 33+ premium widgets & addons..." value="<?php echo esc_attr( $settings['premium-wht-lbl-desc-pro'] ); ?>">
109
+
110
+ <p class="pa-input-label"><?php echo __( 'Hide Plugin Changelog Link', 'premium-addons-for-elementor' ); ?></p>
111
+ <input name="premium-wht-lbl-changelog" id="premium-wht-lbl-changelog" type="checkbox" <?php checked( 1, $settings['premium-wht-lbl-changelog'], true ); ?>>
112
  <label for="premium-wht-lbl-changelog"></label>
113
+ <span><?php echo __( 'This will hide the Changelog link located on the plugins page.', 'premium-addons-for-elementor' ); ?></span>
114
 
115
  </div>
116
  </div>
117
  <div class="pa-wht-lbl-settings-wrap">
118
+ <h3 class="pa-wht-lbl-title pa-wht-lbl-head"><?php echo __( 'General Options', 'premium-addons-for-elementor' ); ?></h3>
119
  <div class="pa-wht-lbl-group-wrap">
120
  <!-- Widgets Category Name -->
121
+ <label for="premium-wht-lbl-short-name" class="pa-input-label"><?php echo __( 'Widgets Category Name', 'premium-addons-for-elementor' ); ?></label>
122
+ <input name="premium-wht-lbl-short-name" id="premium-wht-lbl-short-name" type="text" placeholder="Premium Addons" value="<?php echo esc_attr( $settings['premium-wht-lbl-short-name'] ); ?>">
123
  <!-- Widgets Prefix -->
124
+ <label for="premium-wht-lbl-prefix" class="pa-input-label"><?php echo __( 'Widgets Prefix', 'premium-addons-for-elementor' ); ?></label>
125
+ <input name="premium-wht-lbl-prefix" id="premium-wht-lbl-prefix" type="text" placeholder="Premium" value="<?php echo esc_attr( $settings['premium-wht-lbl-prefix'] ); ?>">
126
  <!-- Widgets Badge -->
127
+ <label for="premium-wht-lbl-badge" class="pa-input-label"><?php echo __( 'Widgets Badge', 'premium-addons-for-elementor' ); ?></label>
128
+ <input name="premium-wht-lbl-badge" id="premium-wht-lbl-badge" type="text" placeholder="PA" value="<?php echo esc_attr( $settings['premium-wht-lbl-badge'] ); ?>">
129
  </div>
130
  </div>
131
  </div>
132
+
133
  <div class="pa-wht-lbl-admin">
134
  <div class="pa-wht-lbl-settings-wrap">
135
+ <h3 class="pa-wht-lbl-title pa-wht-lbl-head"><?php echo __( 'Admin Settings', 'premium-addons-for-elementor' ); ?></h3>
136
  <div class="pa-wht-lbl-group-wrap">
137
  <!-- Hide General Tab-->
138
+ <p class="pa-input-label"><?php echo __( 'General Tab', 'premium-addons-for-elementor' ); ?></p>
139
+ <input name="premium-wht-lbl-about" id="premium-wht-lbl-about" type="checkbox" <?php checked( 1, $settings['premium-wht-lbl-about'], true ); ?>>
140
  <label for="premium-wht-lbl-about"></label>
141
+ <span><?php echo __( 'This will hide the General tab', 'premium-addons-for-elementor' ); ?></span>
142
 
143
  <!-- Hide Version Control Tab-->
144
+ <p class="pa-input-label"><?php echo __( 'Version Control Tab', 'premium-addons-for-elementor' ); ?></p>
145
+ <input name="premium-wht-lbl-version" id="premium-wht-lbl-version" type="checkbox" <?php checked( 1, $settings['premium-wht-lbl-version'], true ); ?>>
146
  <label for="premium-wht-lbl-version"></label>
147
+ <span><?php echo __( 'This will hide the Version Control tab.', 'premium-addons-for-elementor' ); ?></span>
148
+
149
  <!-- Hide Logo-->
150
+ <p class="pa-input-label"><?php echo __( 'Hide Premium Addons Logo', 'premium-addons-for-elementor' ); ?></p>
151
+ <input name="premium-wht-lbl-logo" id="premium-wht-lbl-logo" type="checkbox" <?php checked( 1, $settings['premium-wht-lbl-logo'], true ); ?>>
152
  <label for="premium-wht-lbl-logo"></label>
153
+ <span><?php echo __( 'This will hide Premium Addons logo located on the dashboard.', 'premium-addons-for-elementor' ); ?></span>
154
+
155
  <!-- Hide License Tab-->
156
+ <p class="pa-input-label"><?php echo __( 'License Tab', 'premium-addons-for-elementor' ); ?></p>
157
+ <input name="premium-wht-lbl-license" id="premium-wht-lbl-license" type="checkbox" <?php checked( 1, $settings['premium-wht-lbl-license'], true ); ?>>
158
  <label for="premium-wht-lbl-license"></label>
159
+ <span><?php echo __( 'This will hide the License tab.', 'premium-addons-for-elementor' ); ?></span>
160
+
161
  <!-- Hide White Labeling Tab-->
162
 
163
+ <p class="pa-input-label"><?php echo __( 'White Labeling Tab', 'premium-addons-for-elementor' ); ?></p>
164
+ <input name="premium-wht-lbl-option" id="premium-wht-lbl-option" type="checkbox" <?php checked( 1, $settings['premium-wht-lbl-option'], true ); ?>>
165
  <label for="premium-wht-lbl-option"></label>
166
+ <span><?php echo __( 'This will hide the White Labeling tab options.', 'premium-addons-for-elementor' ); ?></span>
167
 
168
  <p>
169
+ <strong><?php _e( 'NOTE: ', 'premium-addons-for-elementor' ); ?></strong>
170
+ <?php echo __( 'You will need to reactivate Premium Addons PRO for Elementor plugin to be able to reset White Labeling tab options.', 'premium-addons-for-elementor' ); ?>
171
  </p>
172
  </div>
173
  </div>
175
  <div class="clearfix"></div>
176
  </div>
177
  </form>
178
+ </div>
179
+ </div>
180
+ </div> <!-- End Section Content -->
assets/editor/css/style.css CHANGED
@@ -366,4 +366,8 @@ html:not([dir="rtl"]) .premium-promotion-pro-btn {
366
  .elementor-panel .premium-promotion-element>.elementor-element>.eicon-lock {
367
  right: auto;
368
  left: 0.6em;
 
 
 
 
369
  }
366
  .elementor-panel .premium-promotion-element>.elementor-element>.eicon-lock {
367
  right: auto;
368
  left: 0.6em;
369
+ }
370
+
371
+ .elementor-editor-active .tipsy-inner {
372
+ line-height: 15px;
373
  }
assets/frontend/css/premium-addons-rtl.css CHANGED
@@ -1,8239 +1,8245 @@
1
- @font-face {
2
- font-family: "pa-elements";
3
- src: url("../../editor/fonts/pa-elements.eot?7pjc22");
4
- src: url("../../editor/fonts/pa-elements.eot?7pjc22#iefix") format("embedded-opentype"),
5
- url("../../editor/fonts/pa-elements.ttf?7pjc22") format("truetype"),
6
- url("../../editor/fonts/pa-elements.woff?7pjc22") format("woff"),
7
- url("../../editor/fonts/pa-elements.svg?7pjc22#pa-elements") format("svg");
8
- font-weight: normal;
9
- font-style: normal;
10
- }
11
-
12
- /**************** Premium Banner ****************/
13
- /************************************************/
14
- .premium-banner {
15
- overflow: hidden;
16
- }
17
-
18
- .premium-banner-ib {
19
- display: block;
20
- position: relative;
21
- }
22
-
23
- .premium-banner-ib img {
24
- display: block;
25
- position: relative;
26
- }
27
-
28
- .premium-banner-img-wrap {
29
- -js-display: flex;
30
- display: -webkit-box;
31
- display: -webkit-flex;
32
- display: -moz-box;
33
- display: -ms-flexbox;
34
- display: flex;
35
- height: 100%;
36
- }
37
-
38
- .premium-banner-img-wrap .premium-banner-ib-img {
39
- -webkit-flex-shrink: 0;
40
- -ms-flex-negative: 0;
41
- flex-shrink: 0;
42
- }
43
-
44
- .premium-banner-ib {
45
- z-index: 1;
46
- overflow: hidden;
47
- margin: 0 0 35px;
48
- text-align: center;
49
- -webkit-box-sizing: border-box;
50
- -moz-box-sizing: border-box;
51
- box-sizing: border-box;
52
- }
53
-
54
- .premium-banner-ib-desc .premium-banner-read-more {
55
- z-index: 100;
56
- }
57
-
58
- .premium-banner-ib,
59
- .wpb_column>.wpb_wrapper .premium-banner-ib {
60
- margin-bottom: 0px;
61
- }
62
-
63
- .elementor-widget-premium-addon-banner .premium-banner-ib-title {
64
- background: transparent;
65
- }
66
-
67
- .premium-banner-ib *,
68
- .premium-banner-ib .premium-banner-ib-desc {
69
- -webkit-box-sizing: border-box;
70
- -moz-box-sizing: border-box;
71
- box-sizing: border-box;
72
- }
73
-
74
- .premium-banner-ib img {
75
- min-width: 100%;
76
- max-width: 100%;
77
- -webkit-transition: opacity 0.35s;
78
- transition: opacity 0.35s;
79
- }
80
-
81
- .premium-banner-ib .premium-banner-ib-desc {
82
- padding: 15px;
83
- -webkit-backface-visibility: hidden;
84
- backface-visibility: hidden;
85
- -webkit-box-sizing: border-box;
86
- -moz-box-sizing: border-box;
87
- box-sizing: border-box;
88
- position: absolute;
89
- top: 0;
90
- right: 0;
91
- width: 100%;
92
- height: 100%;
93
- }
94
-
95
- .premium-banner-ib .premium-banner-ib-link {
96
- position: absolute;
97
- top: 0;
98
- right: 0;
99
- width: 100%;
100
- height: 100%;
101
- z-index: 1000;
102
- text-indent: 200%;
103
- white-space: nowrap;
104
- font-size: 0;
105
- opacity: 0;
106
- }
107
-
108
- .premium-banner-ib a.premium-banner-ib-link {
109
- display: block;
110
- background: 100% 0;
111
- }
112
-
113
- .premium-banner-animation1 img {
114
- width: -webkit-calc(100% + 50px) !important;
115
- width: calc(100% + 50px) !important;
116
- max-width: -webkit-calc(100% + 50px) !important;
117
- max-width: calc(100% + 50px) !important;
118
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
119
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
120
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
121
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
122
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
123
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
124
- -webkit-transform: translate3d(40px, 0, 0);
125
- transform: translate3d(40px, 0, 0);
126
- }
127
-
128
- .premium-banner-animation2 .premium-banner-ib-title {
129
- padding: 15px;
130
- }
131
-
132
- .premium-banner-animation1 .premium-banner-ib-desc {
133
- top: auto;
134
- bottom: 0;
135
- min-height: 25%;
136
- height: auto;
137
- max-height: 100%;
138
- text-align: right;
139
- }
140
-
141
- .premium-banner-animation1 .premium-banner-ib-content,
142
- .premium-banner-animation1 .premium-banner-ib-title,
143
- .premium-banner-animation1 .premium-banner-read-more {
144
- -webkit-transform: translate3d(0, 40px, 0);
145
- transform: translate3d(0, 40px, 0);
146
- -webkit-transition-delay: 0.05s;
147
- transition-delay: 0.05s;
148
- -webkit-transition-duration: 0.35s;
149
- transition-duration: 0.35s;
150
- }
151
-
152
- .premium-banner-animation1 .premium-banner-ib-title {
153
- -webkit-transition: -webkit-transform 0.35s;
154
- transition: -webkit-transform 0.35s;
155
- transition: transform 0.35s;
156
- transition: transform 0.35s, -webkit-transform 0.35s;
157
- }
158
-
159
- .premium-banner-animation1 .premium-banner-ib-content,
160
- .premium-banner-animation1 .premium-banner-read-more {
161
- margin-top: 10px;
162
- opacity: 0;
163
- -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
164
- transition: opacity 0.2s, -webkit-transform 0.35s;
165
- transition: opacity 0.2s, transform 0.35s;
166
- transition: opacity 0.2s, transform 0.35s, -webkit-transform 0.35s;
167
- }
168
-
169
- .premium-banner-animation1:hover .premium-banner-ib-content,
170
- .premium-banner-animation1.active .premium-banner-ib-content,
171
- .premium-banner-animation1:hover .premium-banner-read-more,
172
- .premium-banner-animation1.active .premium-banner-read-more {
173
- opacity: 1;
174
- -webkit-transition-delay: 0.05s;
175
- transition-delay: 0.05s;
176
- -webkit-transition-duration: 0.35s;
177
- transition-duration: 0.35s;
178
- }
179
-
180
- .premium-banner-animation1:hover .premium-banner-ib-content,
181
- .premium-banner-animation1.active .premium-banner-ib-content,
182
- .premium-banner-animation1:hover .premium-banner-read-more,
183
- .premium-banner-animation1.active .premium-banner-read-more,
184
- .premium-banner-animation1:hover .premium-banner-ib-title,
185
- .premium-banner-animation1.active .premium-banner-ib-title,
186
- .premium-banner-animation1:hover img,
187
- .premium-banner-animation1.active img {
188
- -webkit-transform: translate3d(0, 0, 0);
189
- transform: translate3d(0, 0, 0);
190
- -webkit-transition-delay: 0.05s;
191
- transition-delay: 0.05s;
192
- -webkit-transition-duration: 0.35s;
193
- transition-duration: 0.35s;
194
- }
195
-
196
- .premium-banner-animation1.zoomout img,
197
- .premium-banner-animation1.scale img {
198
- -webkit-transform: translate3d(40px, 0, 0) scale(1.1);
199
- transform: translate3d(40px, 0, 0) scale(1.1);
200
- }
201
-
202
- .premium-banner-ib.sepia img {
203
- -webkit-filter: sepia(30%);
204
- filter: sepia(30%);
205
- }
206
-
207
- .premium-banner-ib.bright img {
208
- -webkit-filter: brightness(1);
209
- filter: brightness(1);
210
- }
211
-
212
- .premium-banner-ib.sepia:hover img {
213
- -webkit-filter: sepia(0%);
214
- filter: sepia(0%);
215
- }
216
-
217
- .premium-banner-ib.bright:hover img {
218
- -webkit-filter: brightness(1.2);
219
- filter: brightness(1.2);
220
- }
221
-
222
- .premium-banner-animation1.premium-banner-min-height img,
223
- .premium-banner-animation2.premium-banner-min-height img,
224
- .premium-banner-animation4.premium-banner-min-height img,
225
- .premium-banner-animation5.premium-banner-min-height img,
226
- .premium-banner-animation6.premium-banner-min-height img,
227
- .premium-banner-animation13.premium-banner-min-height img {
228
- height: auto;
229
- }
230
-
231
- .premium-banner-animation2 img {
232
- width: 100%;
233
- }
234
-
235
- .premium-banner-animation2 .premium-banner-ib-desc::before {
236
- position: absolute;
237
- content: "";
238
- top: 0;
239
- right: 0;
240
- width: 100%;
241
- height: 100%;
242
- opacity: 0;
243
- -webkit-transform: translate3d(0, 50%, 0);
244
- transform: translate3d(0, 50%, 0);
245
- }
246
-
247
- .premium-banner-animation2 .premium-banner-ib-title {
248
- position: absolute;
249
- top: 50%;
250
- right: 0;
251
- width: 100%;
252
- -webkit-transition: color 0.35s, -webkit-transform 0.35s;
253
- transition: color 0.35s, -webkit-transform 0.35s;
254
- transition: transform 0.35s, color 0.35s;
255
- transition: transform 0.35s, color 0.35s, -webkit-transform 0.35s;
256
- -webkit-transform: translate3d(0, -50%, 0);
257
- transform: translate3d(0, -50%, 0);
258
- }
259
-
260
- .premium-banner-animation2 .premium-banner-ib-content,
261
- .premium-banner-animation2 .premium-banner-read-more,
262
- .premium-banner-animation2 .premium-banner-ib-desc::before {
263
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
264
- transition: opacity 0.35s, -webkit-transform 0.35s;
265
- transition: opacity 0.35s, transform 0.35s;
266
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
267
- }
268
-
269
- .premium-banner-animation2 .premium-banner-ib-content,
270
- .premium-banner-animation2 .premium-banner-read-more {
271
- position: absolute;
272
- bottom: 0;
273
- right: 0;
274
- padding: 15px;
275
- width: 100%;
276
- max-height: 50%;
277
- opacity: 0;
278
- -webkit-transform: translate3d(0, 10px, 0);
279
- transform: translate3d(0, 10px, 0);
280
- }
281
-
282
- .premium-banner-animation2:hover .premium-banner-ib-title,
283
- .premium-banner-animation2.active .premium-banner-ib-title {
284
- -webkit-transform: translate3d(0, -40px, 0);
285
- transform: translate3d(0, -40px, 0);
286
- }
287
-
288
- .premium-banner-animation2:hover .premium-banner-read-more,
289
- .premium-banner-animation2.active .premium-banner-read-more,
290
- .premium-banner-animation2:hover .premium-banner-ib-desc::before,
291
- .premium-banner-animation2.active .premium-banner-ib-desc::before {
292
- opacity: 1;
293
- -webkit-transform: translate3d(0, 0, 0);
294
- transform: translate3d(0, 0, 0);
295
- }
296
-
297
- .premium-banner-animation2:hover .premium-banner-ib-content,
298
- .premium-banner-animation2.active .premium-banner-ib-content {
299
- opacity: 1;
300
- -webkit-transform: translate3d(0, -30px, 0);
301
- transform: translate3d(0, -30px, 0);
302
- }
303
-
304
- .premium-banner-animation3 .premium-banner-ib-title {
305
- position: absolute;
306
- bottom: 0;
307
- right: 0;
308
- padding: 15px;
309
- width: 100%;
310
- text-align: right;
311
- -webkit-transform: translate3d(0, -30px, 0);
312
- transform: translate3d(0, -30px, 0);
313
- }
314
-
315
- .premium-banner-animation3 .premium-banner-ib-desc::before,
316
- .premium-banner-animation3 .premium-banner-ib-title {
317
- -webkit-transition: -webkit-transform 0.35s;
318
- transition: -webkit-transform 0.35s;
319
- transition: transform 0.35s;
320
- transition: transform 0.35s, -webkit-transform 0.35s;
321
- }
322
-
323
- .premium-banner-animation3:hover .premium-banner-ib-desc::before,
324
- .premium-banner-animation3.active .premium-banner-ib-desc::before,
325
- .premium-banner-animation3:hover .premium-banner-ib-title,
326
- .premium-banner-animation3.active .premium-banner-ib-title {
327
- opacity: 1;
328
- -webkit-transform: translate3d(0, 0, 0);
329
- transform: translate3d(0, 0, 0);
330
- }
331
-
332
- .premium-banner-animation3 .premium-banner-ib-content {
333
- max-height: -webkit-calc(100% - 60px - 1.5em);
334
- max-height: calc(100% - 60px - 1.5em);
335
- overflow: hidden;
336
- }
337
-
338
- .premium-banner-animation4 img {
339
- width: -webkit-calc(100% + 40px) !important;
340
- width: calc(100% + 40px) !important;
341
- max-width: -webkit-calc(100% + 40px) !important;
342
- max-width: calc(100% + 40px) !important;
343
- }
344
-
345
- .premium-banner-animation4 .premium-banner-ib-desc {
346
- padding: 30px;
347
- }
348
-
349
- .premium-banner-animation4 .premium-banner-ib-desc::after {
350
- position: absolute;
351
- content: "";
352
- opacity: 0;
353
- }
354
-
355
- .premium-banner-animation4 .premium-banner-ib-desc::before {
356
- position: absolute;
357
- content: "";
358
- opacity: 0;
359
- top: 50px;
360
- left: 30px;
361
- bottom: 50px;
362
- right: 30px;
363
- border-top: 1px solid #fff;
364
- border-bottom: 1px solid #fff;
365
- -webkit-transform: scale(0, 1);
366
- -ms-transform: scale(0, 1);
367
- transform: scale(0, 1);
368
- -webkit-transform-origin: 100% 0;
369
- -ms-transform-origin: 100% 0;
370
- transform-origin: 100% 0;
371
- }
372
-
373
- .premium-banner-animation4 .premium-banner-ib-desc::after {
374
- top: 30px;
375
- left: 50px;
376
- bottom: 30px;
377
- right: 50px;
378
- border-left: 1px solid #fff;
379
- border-right: 1px solid #fff;
380
- -webkit-transform: scale(1, 0);
381
- -ms-transform: scale(1, 0);
382
- transform: scale(1, 0);
383
- -webkit-transform-origin: 0% 0;
384
- -ms-transform-origin: 0% 0;
385
- transform-origin: 0% 0;
386
- }
387
-
388
- .premium-banner-animation4 .premium-banner-ib-title {
389
- padding: 50px 30px 0 30px;
390
- -webkit-transition: -webkit-transform 0.35s;
391
- transition: -webkit-transform 0.35s;
392
- transition: transform 0.35s;
393
- transition: transform 0.35s, -webkit-transform 0.35s;
394
- }
395
-
396
- .premium-banner-animation4 .premium-banner-ib-content,
397
- .premium-banner-animation4 .premium-banner-read-more {
398
- padding: 10px 30px;
399
- opacity: 0;
400
- overflow: hidden;
401
- -webkit-transform: translate3d(0, -10px, 0);
402
- transform: translate3d(0, -10px, 0);
403
- }
404
-
405
- .premium-banner-animation4 .premium-banner-ib-title,
406
- .premium-banner-animation4 img {
407
- -webkit-transform: translate3d(30px, 0, 0);
408
- transform: translate3d(30px, 0, 0);
409
- }
410
-
411
- .premium-banner-animation4.zoomout img,
412
- .premium-banner-animation4.scale img {
413
- -webkit-transform: translate3d(30px, 0, 0) scale(1.1);
414
- transform: translate3d(30px, 0, 0) scale(1.1);
415
- }
416
-
417
- .premium-banner-animation4 .premium-banner-ib-content,
418
- .premium-banner-animation4 .premium-banner-read-more {
419
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
420
- transition: opacity 0.35s, -webkit-transform 0.35s;
421
- transition: opacity 0.35s, transform 0.35s;
422
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
423
- }
424
-
425
- .premium-banner-animation4 .premium-banner-ib-desc::after,
426
- .premium-banner-animation4 .premium-banner-ib-desc::before {
427
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
428
- transition: opacity 0.35s, -webkit-transform 0.35s;
429
- transition: opacity 0.35s, transform 0.35s;
430
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
431
- }
432
-
433
- .premium-banner-animation4 img {
434
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
435
- transition: opacity 0.35s, -webkit-transform 0.35s;
436
- transition: opacity 0.35s, transform 0.35s;
437
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
438
- }
439
-
440
- .premium-banner-animation4:hover .premium-banner-ib-desc::after,
441
- .premium-banner-animation4.active .premium-banner-ib-desc::after,
442
- .premium-banner-animation4:hover .premium-banner-ib-desc::before,
443
- .premium-banner-animation4.active .premium-banner-ib-desc::before {
444
- opacity: 1;
445
- -webkit-transform: scale(1);
446
- -ms-transform: scale(1);
447
- transform: scale(1);
448
- }
449
-
450
- .premium-banner-animation4:hover .premium-banner-ib-content,
451
- .premium-banner-animation4.active .premium-banner-ib-content,
452
- .premium-banner-animation4:hover .premium-banner-read-more,
453
- .premium-banner-animation4.active .premium-banner-read-more,
454
- .premium-banner-animation4:hover .premium-banner-ib-title,
455
- .premium-banner-animation4.active .premium-banner-ib-title {
456
- opacity: 1;
457
- -webkit-transform: translate3d(0, 0, 0);
458
- transform: translate3d(0, 0, 0);
459
- }
460
-
461
- .premium-banner-animation4:hover .premium-banner-ib-content,
462
- .premium-banner-animation4:hover .premium-banner-ib-desc::after,
463
- .premium-banner-animation4:hover .premium-banner-ib-title,
464
- .premium-banner-animation4:hover img {
465
- -webkit-transition-delay: 0.15s;
466
- transition-delay: 0.15s;
467
- }
468
-
469
- .premium-banner-animation5 .premium-banner-ib-desc {
470
- top: auto;
471
- bottom: 0;
472
- padding: 15px;
473
- height: auto;
474
- background: #f2f2f2;
475
- color: #3c4a50;
476
- -webkit-transition: -webkit-transform 0.35s;
477
- transition: -webkit-transform 0.35s;
478
- transition: transform 0.35s;
479
- transition: transform 0.35s, -webkit-transform 0.35s;
480
- -webkit-transform: translate3d(0, 100%, 0);
481
- transform: translate3d(0, 100%, 0);
482
- }
483
-
484
- .premium-banner-animation5 .premium-banner-ib-content {
485
- position: absolute;
486
- top: auto;
487
- bottom: 100%;
488
- right: 0;
489
- width: 100%;
490
- padding: 15px;
491
- opacity: 0;
492
- -webkit-transition: opacity 0.35s;
493
- transition: opacity 0.35s;
494
- }
495
-
496
- .premium-banner-animation5 .premium-banner-ib-title,
497
- .premium-banner-animation5 .premium-banner-read-more {
498
- -webkit-transition: -webkit-transform 0.35s;
499
- transition: -webkit-transform 0.35s;
500
- transition: transform 0.35s;
501
- transition: transform 0.35s, -webkit-transform 0.35s;
502
- -webkit-transform: translate3d(0, 200%, 0);
503
- transform: translate3d(0, 200%, 0);
504
- text-align: center;
505
- }
506
-
507
- .premium-banner-animation5 .premium-banner-ib-title {
508
- margin: 10px 0;
509
- }
510
-
511
- .premium-banner-animation5:hover .premium-banner-ib-content,
512
- .premium-banner-animation5.active .premium-banner-ib-content,
513
- .premium-banner-animation5:hover .premium-banner-ib-content *,
514
- .premium-banner-animation5.active .premium-banner-ib-content * {
515
- opacity: 1 !important;
516
- z-index: 99 !important;
517
- -webkit-backface-visibility: hidden !important;
518
- backface-visibility: hidden !important;
519
- }
520
-
521
- .premium-banner-animation5:hover .premium-banner-ib-desc,
522
- .premium-banner-animation5.active .premium-banner-ib-desc,
523
- .premium-banner-animation5:hover .premium-banner-ib-title,
524
- .premium-banner-animation5.active .premium-banner-ib-title,
525
- .premium-banner-animation5:hover .premium-banner-read-more,
526
- .premium-banner-animation5.active .premium-banner-read-more {
527
- -webkit-transform: translateY(0);
528
- -ms-transform: translateY(0);
529
- transform: translateY(0);
530
- }
531
-
532
- .premium-banner-animation5:hover .premium-banner-ib-title {
533
- -webkit-transition-delay: 0.05s;
534
- transition-delay: 0.05s;
535
- }
536
-
537
- .premium-banner-animation5 img {
538
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
539
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
540
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
541
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
542
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
543
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
544
- }
545
-
546
- .premium-banner-animation2 img,
547
- .premium-banner-animation4 img,
548
- .premium-banner-animation6 img {
549
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
550
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
551
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
552
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
553
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
554
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
555
- }
556
-
557
- .premium-banner-animation5.zoomout img,
558
- .premium-banner-animation5.scale img {
559
- -webkit-transform: scale(1.1);
560
- -ms-transform: scale(1.1);
561
- transform: scale(1.1);
562
- }
563
-
564
- .premium-banner-animation2.zoomout img,
565
- .premium-banner-animation2.scale img {
566
- -webkit-transform: scale(1.1);
567
- -ms-transform: scale(1.1);
568
- transform: scale(1.1);
569
- }
570
-
571
- .premium-banner-animation6.zoomout img,
572
- .premium-banner-animation6.scale img {
573
- -webkit-transform: scale(1.1);
574
- -ms-transform: scale(1.1);
575
- transform: scale(1.1);
576
- }
577
-
578
- .premium-banner-animation5.zoomin:hover img,
579
- .premium-banner-animation2.zoomin:hover img,
580
- .premium-banner-animation6.zoomin:hover img {
581
- -webkit-transform: scale(1.1);
582
- -ms-transform: scale(1.1);
583
- transform: scale(1.1);
584
- }
585
-
586
- .premium-banner-animation5.zoomout:hover img,
587
- .premium-banner-animation2.zoomout:hover img,
588
- .premium-banner-animation6.zoomout:hover img {
589
- -webkit-transform: scale(1);
590
- -ms-transform: scale(1);
591
- transform: scale(1);
592
- }
593
-
594
- .premium-banner-animation5.scale:hover img,
595
- .premium-banner-animation2.scale:hover img,
596
- .premium-banner-animation6.scale:hover img {
597
- -webkit-transform: scale(1.2) rotate(-5deg);
598
- -ms-transform: scale(1.2) rotate(-5deg);
599
- transform: scale(1.2) rotate(-5deg);
600
- }
601
-
602
- .premium-banner-animation5.grayscale:hover img,
603
- .premium-banner-animation2.grayscale:hover img,
604
- .premium-banner-animation6.grayscale:hover img {
605
- -webkit-filter: grayscale(100%);
606
- filter: grayscale(100%);
607
- }
608
-
609
- .premium-banner-animation5.blur:hover img,
610
- .premium-banner-animation2.blur:hover img {
611
- -webkit-filter: blur(3px);
612
- filter: blur(3px);
613
- }
614
-
615
- .premium-banner-animation6.blur:hover img {
616
- -webkit-filter: blur(3px);
617
- filter: blur(3px);
618
- }
619
-
620
- .premium-banner-animation6 .premium-banner-ib-desc {
621
- padding: 45px;
622
- }
623
-
624
- .premium-banner-animation6 .premium-banner-ib-desc::before {
625
- position: absolute;
626
- content: "";
627
- top: 30px;
628
- left: 30px;
629
- bottom: 30px;
630
- right: 30px;
631
- border: 1px solid #fff;
632
- }
633
-
634
- .premium-banner-animation6 .premium-banner-ib-title {
635
- margin: 20px 0 10px;
636
- -webkit-transition: -webkit-transform 0.35s;
637
- transition: -webkit-transform 0.35s;
638
- transition: transform 0.35s;
639
- transition: transform 0.35s, -webkit-transform 0.35s;
640
- -webkit-transform: translate3d(0, 100%, 0);
641
- transform: translate3d(0, 100%, 0);
642
- }
643
-
644
- .premium-banner-animation6 .premium-banner-ib-content,
645
- .premium-banner-animation6 .premium-banner-read-more,
646
- .premium-banner-animation6 .premium-banner-ib-desc::before {
647
- opacity: 0;
648
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
649
- transition: opacity 0.35s, -webkit-transform 0.35s;
650
- transition: opacity 0.35s, transform 0.35s;
651
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
652
- -webkit-transform: scale(0);
653
- -ms-transform: scale(0);
654
- transform: scale(0);
655
- }
656
-
657
- .premium-banner-animation6 .premium-banner-read-more {
658
- margin-top: 10px;
659
- }
660
-
661
- .premium-banner-animation6:hover .premium-banner-ib-title,
662
- .premium-banner-animation6.active .premium-banner-ib-title {
663
- -webkit-transform: translate3d(0, 0, 0);
664
- transform: translate3d(0, 0, 0);
665
- }
666
-
667
- .premium-banner-animation6:hover .premium-banner-ib-content,
668
- .premium-banner-animation6.active .premium-banner-ib-content,
669
- .premium-banner-animation6:hover .premium-banner-read-more,
670
- .premium-banner-animation6.active .premium-banner-read-more,
671
- .premium-banner-animation6:hover .premium-banner-ib-desc::before,
672
- .premium-banner-animation6.active .premium-banner-ib-desc::before {
673
- opacity: 1;
674
- -webkit-transform: scale(1);
675
- -ms-transform: scale(1);
676
- transform: scale(1);
677
- }
678
-
679
- .premium-banner-animation12 .premium-banner-ib-desc::after {
680
- position: absolute;
681
- content: "";
682
- left: 30px;
683
- bottom: 30px;
684
- right: 30px;
685
- height: -webkit-calc(50% - 30px);
686
- height: calc(50% - 30px);
687
- border: 7px solid #fff;
688
- -webkit-transition: -webkit-transform 0.35s;
689
- transition: -webkit-transform 0.35s;
690
- transition: transform 0.35s;
691
- transition: transform 0.35s, -webkit-transform 0.35s;
692
- -webkit-transform: translate3d(0, -100%, 0);
693
- transform: translate3d(0, -100%, 0);
694
- }
695
-
696
- .premium-banner-animation12:hover .premium-banner-ib-desc::after,
697
- .premium-banner-animation12.active .premium-banner-ib-desc::after {
698
- -webkit-transform: translate3d(0, 0, 0);
699
- transform: translate3d(0, 0, 0);
700
- }
701
-
702
- .premium-banner-animation12 .premium-banner-ib-desc {
703
- padding: 45px;
704
- text-align: right;
705
- }
706
-
707
- .premium-banner-animation12 .premium-banner-ib-content {
708
- position: absolute;
709
- left: 60px;
710
- bottom: 60px;
711
- right: 60px;
712
- opacity: 0;
713
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
714
- transition: opacity 0.35s, -webkit-transform 0.35s;
715
- transition: opacity 0.35s, transform 0.35s;
716
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
717
- -webkit-transform: translate3d(0, -100px, 0);
718
- transform: translate3d(0, -100px, 0);
719
- }
720
-
721
- .premium-banner-animation12:hover .premium-banner-ib-content,
722
- .premium-banner-animation12.active .premium-banner-ib-content {
723
- opacity: 1;
724
- -webkit-transform: translate3d(0, 0, 0);
725
- transform: translate3d(0, 0, 0);
726
- }
727
-
728
- .premium-banner-animation13 img {
729
- width: -webkit-calc(100% + 20px) !important;
730
- width: calc(100% + 20px) !important;
731
- max-width: -webkit-calc(100% + 20px) !important;
732
- max-width: calc(100% + 20px) !important;
733
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
734
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
735
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
736
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
737
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
738
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
739
- -webkit-transform: translate3d(10px, 0, 0);
740
- transform: translate3d(10px, 0, 0);
741
- -webkit-backface-visibility: hidden;
742
- backface-visibility: hidden;
743
- }
744
-
745
- .premium-banner-animation13.zoomout img,
746
- .premium-banner-animation13.scale img {
747
- -webkit-transform: translate3d(10px, 0, 0) scale(1.1);
748
- transform: translate3d(10px, 0, 0) scale(1.1);
749
- }
750
-
751
- .premium-banner-animation13.none:hover img {
752
- -webkit-transform: translate3d(0, 0, 0);
753
- transform: translate3d(0, 0, 0);
754
- }
755
-
756
- .premium-banner-animation1.none:hover img,
757
- .premium-banner-animation4.none:hover img {
758
- -webkit-transform: translate3d(0, 0, 0);
759
- transform: translate3d(0, 0, 0);
760
- }
761
-
762
- .premium-banner-animation13.zoomin:hover img,
763
- .premium-banner-animation1.zoomin:hover img,
764
- .premium-banner-animation4.zoomin:hover img,
765
- .premium-banner-animation8.zoomin:hover img,
766
- .premium-banner-animation7.zoomin:hover img,
767
- .premium-banner-animation9.zoomin:hover img,
768
- .premium-banner-animation10.zoomin:hover img,
769
- .premium-banner-animation11.zoomin:hover img {
770
- -webkit-transform: translate3d(0, 0, 0) scale(1.1);
771
- transform: translate3d(0, 0, 0) scale(1.1);
772
- }
773
-
774
- .premium-banner-animation13.zoomout:hover img,
775
- .premium-banner-animation1.zoomout:hover img,
776
- .premium-banner-animation4.zoomout:hover img,
777
- .premium-banner-animation8.zoomout:hover img,
778
- .premium-banner-animation7.zoomout:hover img,
779
- .premium-banner-animation9.zoomout:hover img,
780
- .premium-banner-animation10.zoomout:hover img,
781
- .premium-banner-animation11.zoomout:hover img {
782
- -webkit-transform: translate3d(0, 0, 0) scale(1);
783
- transform: translate3d(0, 0, 0) scale(1);
784
- }
785
-
786
- .premium-banner-animation13.scale:hover img,
787
- .premium-banner-animation1.scale:hover img,
788
- .premium-banner-animation4.scale:hover img,
789
- .premium-banner-animation8.scale:hover img,
790
- .premium-banner-animation7.scale:hover img,
791
- .premium-banner-animation9.scale:hover img,
792
- .premium-banner-animation10.scale:hover img,
793
- .premium-banner-animation11.scale:hover img {
794
- -webkit-transform: translate3d(0, 0, 0) scale(1.2) rotate(-5deg);
795
- transform: translate3d(0, 0, 0) scale(1.2) rotate(-5deg);
796
- }
797
-
798
- .premium-banner-animation13.grayscale:hover img,
799
- .premium-banner-animation1.grayscale:hover img,
800
- .premium-banner-animation4.grayscale:hover img,
801
- .premium-banner-animation8.grayscale:hover img,
802
- .premium-banner-animation7.grayscale:hover img,
803
- .premium-banner-animation9.grayscale:hover img,
804
- .premium-banner-animation10.grayscale:hover img,
805
- .premium-banner-animation11.grayscale:hover img {
806
- -webkit-transform: translate3d(0, 0, 0);
807
- transform: translate3d(0, 0, 0);
808
- -webkit-filter: grayscale(100%);
809
- filter: grayscale(100%);
810
- }
811
-
812
- .premium-banner-animation13.blur:hover img,
813
- .premium-banner-animation1.blur:hover img,
814
- .premium-banner-animation4.blur:hover,
815
- .premium-banner-animation8.blur:hover img,
816
- .premium-banner-animation7.blur:hover img,
817
- .premium-banner-animation9.blur:hover img,
818
- .premium-banner-animation10.blur:hover img,
819
- .premium-banner-animation11.blur:hover img {
820
- -webkit-transform: translate3d(0, 0, 0);
821
- transform: translate3d(0, 0, 0);
822
- -webkit-filter: blur(3px);
823
- filter: blur(3px);
824
- }
825
-
826
- .premium-banner-animation13 .premium-banner-ib-desc {
827
- text-align: right;
828
- }
829
-
830
- .premium-banner-animation13 .premium-banner-ib-title {
831
- position: relative;
832
- overflow: hidden;
833
- padding: 5px 0 10px;
834
- }
835
-
836
- .premium-banner-animation13 .premium-banner-ib-title::after {
837
- position: absolute;
838
- content: "";
839
- bottom: 0;
840
- right: 0;
841
- width: 100%;
842
- height: 2px;
843
- background: #fff;
844
- -webkit-transition: -webkit-transform 0.35s;
845
- transition: -webkit-transform 0.35s;
846
- transition: transform 0.35s;
847
- transition: transform 0.35s, -webkit-transform 0.35s;
848
- -webkit-transform: translate3d(101%, 0, 0);
849
- transform: translate3d(101%, 0, 0);
850
- }
851
-
852
- .premium-banner-animation13:hover .premium-banner-ib-title::after,
853
- .premium-banner-animation13.active .premium-banner-ib-title::after {
854
- -webkit-transform: translate3d(0, 0, 0);
855
- transform: translate3d(0, 0, 0);
856
- }
857
-
858
- .premium-banner-animation13 .premium-banner-ib-content,
859
- .premium-banner-animation13 .premium-banner-read-more {
860
- padding: 15px 0;
861
- opacity: 0;
862
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
863
- transition: opacity 0.35s, -webkit-transform 0.35s;
864
- transition: opacity 0.35s, transform 0.35s;
865
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
866
- -webkit-transform: translate3d(-100%, 0, 0);
867
- transform: translate3d(-100%, 0, 0);
868
- }
869
-
870
- .premium-banner-animation13:hover .premium-banner-ib-content,
871
- .premium-banner-animation13.active .premium-banner-ib-content,
872
- .premium-banner-animation13:hover .premium-banner-read-more,
873
- .premium-banner-animation13.active .premium-banner-read-more {
874
- opacity: 1;
875
- -webkit-transform: translate3d(0, 0, 0);
876
- transform: translate3d(0, 0, 0);
877
- }
878
-
879
- .premium-banner-ib.premium-banner-animation5 .premium-banner-toggle-size {
880
- right: 50%;
881
- width: auto !important;
882
- height: 100%;
883
- max-width: none;
884
- -webkit-transform: translateX(50%);
885
- -ms-transform: translateX(50%);
886
- transform: translateX(50%);
887
- }
888
-
889
- .premium-banner-ib img {
890
- border: none;
891
- padding: 0;
892
- margin: 0;
893
- }
894
-
895
- .premium-banner-animation7 img {
896
- width: -webkit-calc(100% + 40px) !important;
897
- width: calc(100% + 40px) !important;
898
- max-width: -webkit-calc(100% + 40px) !important;
899
- max-width: calc(100% + 40px) !important;
900
- }
901
-
902
- .premium-banner-animation7 .premium-banner-brlr {
903
- width: 7px;
904
- }
905
-
906
- .premium-banner-animation7 .premium-banner-brtb {
907
- height: 7px;
908
- }
909
-
910
- .premium-banner-animation7 .premium-banner-br {
911
- position: absolute;
912
- z-index: 1;
913
- background-color: white;
914
- -webkit-transition: all 0.3s ease-in-out;
915
- transition: all 0.3s ease-in-out;
916
- -webkit-transition-delay: 0.2s;
917
- transition-delay: 0.2s;
918
- }
919
-
920
- .premium-banner-animation7 .premium-banner-bleft {
921
- right: 30px;
922
- top: -webkit-calc(100% - 150px);
923
- top: calc(100% - 150px);
924
- height: 0;
925
- }
926
-
927
- .premium-banner-animation7 .premium-banner-bright {
928
- left: 30px;
929
- bottom: -webkit-calc(100% - 150px);
930
- bottom: calc(100% - 150px);
931
- height: 0;
932
- }
933
-
934
- .premium-banner-animation7 .premium-banner-bottom {
935
- left: -webkit-calc(100% - 150px);
936
- left: calc(100% - 150px);
937
- bottom: 30px;
938
- width: 0;
939
- }
940
-
941
- .premium-banner-animation7 .premium-banner-btop {
942
- right: -webkit-calc(100% - 150px);
943
- right: calc(100% - 150px);
944
- top: 30px;
945
- width: 0;
946
- }
947
-
948
- .premium-banner-animation7 .premium-banner-ib-desc {
949
- padding: 70px;
950
- display: table;
951
- }
952
-
953
- .premium-banner-animation7 .premium-banner-ib-desc .premium-banner-desc-centered {
954
- display: table-cell;
955
- vertical-align: middle;
956
- }
957
-
958
- .premium-banner-animation7 .premium-banner-ib-title {
959
- margin-top: 0;
960
- }
961
-
962
- .premium-banner-animation7 .premium-banner-ib-title,
963
- .premium-banner-animation7 img {
964
- -webkit-transform: translate3d(30px, 0, 0);
965
- transform: translate3d(30px, 0, 0);
966
- }
967
-
968
- .premium-banner-animation7.zoomout img,
969
- .premium-banner-animation7.scale img {
970
- -webkit-transform: translate3d(30px, 0, 0) scale(1.1);
971
- transform: translate3d(30px, 0, 0) scale(1.1);
972
- }
973
-
974
- .premium-banner-animation7 .premium-banner-ib-content,
975
- .premium-banner-animation7 .premium-banner-read-more {
976
- margin-top: 10px;
977
- }
978
-
979
- .premium-banner-animation7 .premium-banner-ib-desc::after,
980
- .premium-banner-animation7 .premium-banner-ib-desc::before {
981
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
982
- transition: opacity 0.35s, -webkit-transform 0.35s;
983
- transition: opacity 0.35s, transform 0.35s;
984
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
985
- }
986
-
987
- .premium-banner-animation7 .premium-banner-ib-title,
988
- .premium-banner-animation7 .premium-banner-ib-content,
989
- .premium-banner-animation7 .premium-banner-read-more {
990
- opacity: 0;
991
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
992
- transition: opacity 0.35s, -webkit-transform 0.35s;
993
- transition: opacity 0.35s, transform 0.35s;
994
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
995
- }
996
-
997
- .premium-banner-animation7 img {
998
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
999
- transition: opacity 0.35s, -webkit-transform 0.35s;
1000
- transition: opacity 0.35s, transform 0.35s;
1001
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1002
- }
1003
-
1004
- .premium-banner-animation7:hover .premium-banner-ib-content,
1005
- .premium-banner-animation7.active .premium-banner-ib-content,
1006
- .premium-banner-animation7:hover .premium-banner-read-more,
1007
- .premium-banner-animation7.active .premium-banner-read-more,
1008
- .premium-banner-animation7:hover .premium-banner-ib-title,
1009
- .premium-banner-animation7.active .premium-banner-ib-title {
1010
- opacity: 1;
1011
- -webkit-transform: translate3d(0, 0, 0);
1012
- transform: translate3d(0, 0, 0);
1013
- }
1014
-
1015
- .premium-banner-animation7:hover .premium-banner-bleft,
1016
- .premium-banner-animation7.active .premium-banner-bleft {
1017
- top: 30px;
1018
- height: 70px;
1019
- }
1020
-
1021
- .premium-banner-animation7:hover .premium-banner-bright,
1022
- .premium-banner-animation7.active .premium-banner-bright {
1023
- bottom: 30px;
1024
- height: 70px;
1025
- }
1026
-
1027
- .premium-banner-animation7:hover .premium-banner-bottom,
1028
- .premium-banner-animation7.active .premium-banner-bottom {
1029
- left: 30px;
1030
- width: 70px;
1031
- }
1032
-
1033
- .premium-banner-animation7:hover .premium-banner-btop,
1034
- .premium-banner-animation7.active .premium-banner-btop {
1035
- right: 30px;
1036
- width: 70px;
1037
- }
1038
-
1039
- .premium-banner-animation7:hover .premium-banner-ib-content,
1040
- .premium-banner-animation7:hover .premium-banner-read-more,
1041
- .premium-banner-animation7:hover .premium-banner-ib-title,
1042
- .premium-banner-animation7:hover img {
1043
- -webkit-transition-delay: 0.15s;
1044
- transition-delay: 0.15s;
1045
- }
1046
-
1047
- .premium-banner-animation8 img {
1048
- width: -webkit-calc(100% + 40px) !important;
1049
- width: calc(100% + 40px) !important;
1050
- max-width: -webkit-calc(100% + 40px) !important;
1051
- max-width: calc(100% + 40px) !important;
1052
- }
1053
-
1054
- .premium-banner-animation8 .premium-banner-brlr {
1055
- width: 7px;
1056
- }
1057
-
1058
- .premium-banner-animation8 .premium-banner-brtb {
1059
- height: 7px;
1060
- }
1061
-
1062
- .premium-banner-animation8 .premium-banner-br {
1063
- position: absolute;
1064
- z-index: 1;
1065
- background-color: white;
1066
- -webkit-transition: all 0.3s ease-in-out;
1067
- transition: all 0.3s ease-in-out;
1068
- -webkit-transition-delay: 0.2s;
1069
- transition-delay: 0.2s;
1070
- }
1071
-
1072
- .premium-banner-animation8 .premium-banner-bleft {
1073
- right: 30px;
1074
- top: 50%;
1075
- -webkit-transform: translateY(-50%);
1076
- -ms-transform: translateY(-50%);
1077
- transform: translateY(-50%);
1078
- height: 0;
1079
- }
1080
-
1081
- .premium-banner-animation8 .premium-banner-bright {
1082
- left: 30px;
1083
- top: 50%;
1084
- -webkit-transform: translateY(-50%);
1085
- -ms-transform: translateY(-50%);
1086
- transform: translateY(-50%);
1087
- height: 0;
1088
- }
1089
-
1090
- .premium-banner-animation8 .premium-banner-bottom {
1091
- right: 50%;
1092
- -webkit-transform: translateX(50%);
1093
- -ms-transform: translateX(50%);
1094
- transform: translateX(50%);
1095
- bottom: 30px;
1096
- width: 0;
1097
- }
1098
-
1099
- .premium-banner-animation8 .premium-banner-btop {
1100
- right: 50%;
1101
- -webkit-transform: translateX(50%);
1102
- -ms-transform: translateX(50%);
1103
- transform: translateX(50%);
1104
- top: 30px;
1105
- width: 0;
1106
- }
1107
-
1108
- .premium-banner-animation8 .premium-banner-ib-desc {
1109
- padding: 70px;
1110
- display: table;
1111
- }
1112
-
1113
- .premium-banner-animation8 .premium-banner-ib-desc .premium-banner-desc-centered {
1114
- display: table-cell;
1115
- vertical-align: middle;
1116
- }
1117
-
1118
- .premium-banner-animation8 .premium-banner-ib-title {
1119
- margin-top: 0;
1120
- }
1121
-
1122
- .premium-banner-animation8 .premium-banner-ib-title,
1123
- .premium-banner-animation8 img {
1124
- -webkit-transform: translate3d(30px, 0, 0);
1125
- transform: translate3d(30px, 0, 0);
1126
- }
1127
-
1128
- .premium-banner-animation8.zoomout img,
1129
- .premium-banner-animation8.scale img {
1130
- -webkit-transform: translate3d(30px, 0, 0) scale(1.1);
1131
- transform: translate3d(30px, 0, 0) scale(1.1);
1132
- }
1133
-
1134
- .premium-banner-animation8 .premium-banner-ib-content,
1135
- .premium-banner-animation8 .premium-banner-read-more {
1136
- margin-top: 10px;
1137
- }
1138
-
1139
- .premium-banner-animation8 .premium-banner-ib-desc::after,
1140
- .premium-banner-animation8 .premium-banner-ib-desc::before {
1141
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1142
- transition: opacity 0.35s, -webkit-transform 0.35s;
1143
- transition: opacity 0.35s, transform 0.35s;
1144
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1145
- }
1146
-
1147
- .premium-banner-animation8 .premium-banner-ib-title,
1148
- .premium-banner-animation8 .premium-banner-ib-content,
1149
- .premium-banner-animation8 .premium-banner-read-more {
1150
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1151
- transition: opacity 0.35s, -webkit-transform 0.35s;
1152
- transition: opacity 0.35s, transform 0.35s;
1153
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1154
- opacity: 0;
1155
- }
1156
-
1157
- .premium-banner-animation8 img {
1158
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1159
- transition: opacity 0.35s, -webkit-transform 0.35s;
1160
- transition: opacity 0.35s, transform 0.35s;
1161
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1162
- }
1163
-
1164
- .premium-banner-animation8:hover .premium-banner-ib-content,
1165
- .premium-banner-animation8.active .premium-banner-ib-content,
1166
- .premium-banner-animation8:hover .premium-banner-read-more,
1167
- .premium-banner-animation8.active .premium-banner-read-more,
1168
- .premium-banner-animation8:hover .premium-banner-ib-title,
1169
- .premium-banner-animation8.active .premium-banner-ib-title {
1170
- opacity: 1;
1171
- -webkit-transform: translate3d(0, 0, 0);
1172
- transform: translate3d(0, 0, 0);
1173
- }
1174
-
1175
- .premium-banner-animation8:hover .premium-banner-bleft,
1176
- .premium-banner-animation8.active .premium-banner-bleft {
1177
- height: -webkit-calc(100% - 61px);
1178
- height: calc(100% - 61px);
1179
- }
1180
-
1181
- .premium-banner-animation8:hover .premium-banner-bright,
1182
- .premium-banner-animation8.active .premium-banner-bright {
1183
- height: -webkit-calc(100% - 61px);
1184
- height: calc(100% - 61px);
1185
- }
1186
-
1187
- .premium-banner-animation8:hover .premium-banner-bottom,
1188
- .premium-banner-animation8.active .premium-banner-bottom {
1189
- width: -webkit-calc(100% - 61px);
1190
- width: calc(100% - 61px);
1191
- }
1192
-
1193
- .premium-banner-animation8:hover .premium-banner-btop,
1194
- .premium-banner-animation8.active .premium-banner-btop {
1195
- width: -webkit-calc(100% - 61px);
1196
- width: calc(100% - 61px);
1197
- }
1198
-
1199
- .premium-banner-animation8:hover .premium-banner-ib-content,
1200
- .premium-banner-animation8:hover .premium-banner-ib-title,
1201
- .premium-banner-animation8:hover .premium-banner-read-more,
1202
- .premium-banner-animation8:hover img {
1203
- -webkit-transition-delay: 0.15s;
1204
- transition-delay: 0.15s;
1205
- }
1206
-
1207
- .premium-banner-animation9 img {
1208
- width: -webkit-calc(100% + 20px) !important;
1209
- width: calc(100% + 20px) !important;
1210
- max-width: -webkit-calc(100% + 20px) !important;
1211
- max-width: calc(100% + 20px) !important;
1212
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1213
- transition: opacity 0.35s, -webkit-transform 0.35s;
1214
- transition: opacity 0.35s, transform 0.35s;
1215
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1216
- -webkit-transform: scale(1.2);
1217
- -ms-transform: scale(1.2);
1218
- transform: scale(1.2);
1219
- }
1220
-
1221
- .premium-banner-animation9 .premium-banner-ib-desc {
1222
- width: 100%;
1223
- height: 100%;
1224
- }
1225
-
1226
- .premium-banner-animation9 .premium-banner-ib-desc::before {
1227
- position: absolute;
1228
- top: 50%;
1229
- right: 50%;
1230
- width: 80%;
1231
- height: 1px;
1232
- background: #fff;
1233
- content: "";
1234
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1235
- transition: opacity 0.35s, -webkit-transform 0.35s;
1236
- transition: opacity 0.35s, transform 0.35s;
1237
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1238
- -webkit-transform: translate3d(50%, -50%, 0);
1239
- transform: translate3d(50%, -50%, 0);
1240
- }
1241
-
1242
- .premium-banner-animation9 .premium-banner-ib-desc::after {
1243
- position: absolute;
1244
- top: 50%;
1245
- right: 50%;
1246
- width: 80%;
1247
- height: 1px;
1248
- background: #fff;
1249
- content: "";
1250
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1251
- transition: opacity 0.35s, -webkit-transform 0.35s;
1252
- transition: opacity 0.35s, transform 0.35s;
1253
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1254
- -webkit-transform: translate3d(50%, -50%, 0);
1255
- transform: translate3d(50%, -50%, 0);
1256
- }
1257
-
1258
- .premium-banner-animation9 .premium-banner-ib-title {
1259
- position: absolute;
1260
- top: 50%;
1261
- right: 0;
1262
- width: 100%;
1263
- -webkit-transition: -webkit-transform 0.35s;
1264
- transition: -webkit-transform 0.35s;
1265
- transition: transform 0.35s;
1266
- transition: transform 0.35s, -webkit-transform 0.35s;
1267
- -webkit-transform: translate3d(0, -70px, 0);
1268
- transform: translate3d(0, -70px, 0);
1269
- margin-top: 0;
1270
- padding: 0 10%;
1271
- }
1272
-
1273
- .premium-banner-animation9:hover .premium-banner-ib-title,
1274
- .premium-banner-animation9.active .premium-banner-ib-title {
1275
- -webkit-transform: translate3d(0, -80px, 0);
1276
- transform: translate3d(0, -80px, 0);
1277
- }
1278
-
1279
- .premium-banner-animation9 .premium-banner-ib-content,
1280
- .premium-banner-animation9 .premium-banner-read-more {
1281
- position: absolute;
1282
- top: 50%;
1283
- right: 0;
1284
- width: 100%;
1285
- -webkit-transition: -webkit-transform 0.35s;
1286
- transition: -webkit-transform 0.35s;
1287
- transition: transform 0.35s;
1288
- transition: transform 0.35s, -webkit-transform 0.35s;
1289
- padding: 0 10%;
1290
- -webkit-transform: translate3d(0, 35px, 0);
1291
- transform: translate3d(0, 35px, 0);
1292
- }
1293
-
1294
- .premium-banner-animation9 .premium-banner-read-more {
1295
- top: 75%;
1296
- }
1297
-
1298
- .premium-banner-animation9:hover .premium-banner-ib-content,
1299
- .premium-banner-animation9.active .premium-banner-ib-content,
1300
- .premium-banner-animation9:hover .premium-banner-read-more,
1301
- .premium-banner-animation9.active .premium-banner-read-more {
1302
- -webkit-transform: translate3d(0, 45px, 0);
1303
- transform: translate3d(0, 45px, 0);
1304
- }
1305
-
1306
- .premium-banner-animation9:hover .premium-banner-ib-desc::before,
1307
- .premium-banner-animation9.active .premium-banner-ib-desc::before {
1308
- opacity: 0.5;
1309
- -webkit-transform: translate3d(50%, -50%, 0) rotate(-45deg);
1310
- transform: translate3d(50%, -50%, 0) rotate(-45deg);
1311
- }
1312
-
1313
- .premium-banner-animation9:hover .premium-banner-ib-desc::after,
1314
- .premium-banner-animation9.active .premium-banner-ib-desc::after {
1315
- opacity: 0.5;
1316
- -webkit-transform: translate3d(50%, -50%, 0) rotate(45deg);
1317
- transform: translate3d(50%, -50%, 0) rotate(45deg);
1318
- }
1319
-
1320
- .premium-banner-animation9:hover img {
1321
- -webkit-transform: scale(1);
1322
- -ms-transform: scale(1);
1323
- transform: scale(1);
1324
- }
1325
-
1326
- .premium-banner-animation10 img {
1327
- width: -webkit-calc(100% + 20px) !important;
1328
- width: calc(100% + 20px) !important;
1329
- max-width: -webkit-calc(100% + 20px) !important;
1330
- max-width: calc(100% + 20px) !important;
1331
- }
1332
-
1333
- .premium-banner-animation10 .premium-banner-ib-title {
1334
- position: relative;
1335
- overflow: hidden;
1336
- padding: 5px 0 15px;
1337
- -webkit-transition: -webkit-transform 0.35s;
1338
- transition: -webkit-transform 0.35s;
1339
- transition: transform 0.35s;
1340
- transition: transform 0.35s, -webkit-transform 0.35s;
1341
- -webkit-transform: translate3d(0, 20px, 0);
1342
- transform: translate3d(0, 20px, 0);
1343
- margin-bottom: 0;
1344
- }
1345
-
1346
- .premium-banner-animation10 .premium-banner-ib-title::after {
1347
- position: absolute;
1348
- content: "";
1349
- bottom: 0;
1350
- right: 0;
1351
- width: 100%;
1352
- height: 3px;
1353
- background: #fff;
1354
- opacity: 0;
1355
- -webkit-transform: translate3d(0, 100%, 0);
1356
- transform: translate3d(0, 100%, 0);
1357
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1358
- transition: opacity 0.35s, -webkit-transform 0.35s;
1359
- transition: opacity 0.35s, transform 0.35s;
1360
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1361
- }
1362
-
1363
- .premium-banner-animation10:hover .premium-banner-ib-title,
1364
- .premium-banner-animation10.active .premium-banner-ib-title {
1365
- -webkit-transform: translate3d(0, 0, 0);
1366
- transform: translate3d(0, 0, 0);
1367
- }
1368
-
1369
- .premium-banner-animation10:hover .premium-banner-ib-title::after,
1370
- .premium-banner-animation10.active .premium-banner-ib-title::after {
1371
- opacity: 1;
1372
- -webkit-transform: translate3d(0, 0, 0);
1373
- transform: translate3d(0, 0, 0);
1374
- }
1375
-
1376
- .premium-banner-animation10 .premium-banner-ib-content,
1377
- .premium-banner-animation10 .premium-banner-read-more {
1378
- padding-top: 15px;
1379
- opacity: 0;
1380
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1381
- transition: opacity 0.35s, -webkit-transform 0.35s;
1382
- transition: opacity 0.35s, transform 0.35s;
1383
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1384
- -webkit-transform: translate3d(0, 100%, 0);
1385
- transform: translate3d(0, 100%, 0);
1386
- }
1387
-
1388
- .premium-banner-animation10 .premium-banner-read-more {
1389
- padding: 0;
1390
- }
1391
-
1392
- .premium-banner-animation10:hover .premium-banner-ib-content,
1393
- .premium-banner-animation10.active .premium-banner-ib-content,
1394
- .premium-banner-animation10:hover .premium-banner-read-more,
1395
- .premium-banner-animation10.active .premium-banner-read-more {
1396
- opacity: 1;
1397
- -webkit-transform: translate3d(0, 0, 0);
1398
- transform: translate3d(0, 0, 0);
1399
- }
1400
-
1401
- .premium-banner-animation11 {
1402
- -webkit-transition: -webkit-transform 1s ease-out;
1403
- transition: -webkit-transform 1s ease-out;
1404
- transition: transform 1s ease-out;
1405
- transition: transform 1s ease-out, -webkit-transform 1s ease-out;
1406
- -webkit-transition-delay: 0.125s;
1407
- transition-delay: 0.125s;
1408
- }
1409
-
1410
- .premium-banner-animation11 .premium-banner-ib-desc {
1411
- position: absolute;
1412
- z-index: 5;
1413
- -webkit-transform: translate3d(30px, 0, 0);
1414
- transform: translate3d(30px, 0, 0);
1415
- opacity: 0;
1416
- top: auto;
1417
- bottom: 0;
1418
- min-height: 25%;
1419
- height: auto;
1420
- max-height: 100%;
1421
- text-align: left;
1422
- padding: 30px;
1423
- -webkit-transition: all 0.6s ease-out;
1424
- transition: all 0.6s ease-out;
1425
- }
1426
-
1427
- .premium-banner-animation11 img {
1428
- width: 100%;
1429
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1430
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1431
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
1432
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1433
- }
1434
-
1435
- .premium-banner-animation11 .premium-banner-ib-title {
1436
- margin-bottom: 10px;
1437
- }
1438
-
1439
- .premium-banner-animation11 .premium-banner-gradient {
1440
- position: absolute;
1441
- left: 0;
1442
- top: 0;
1443
- right: 0;
1444
- bottom: 0;
1445
- }
1446
-
1447
- .premium-banner-animation11 .premium-banner-gradient:after,
1448
- .premium-banner-animation11 .premium-banner-gradient:before {
1449
- position: absolute;
1450
- content: "";
1451
- left: 0;
1452
- top: 0;
1453
- right: 0;
1454
- bottom: 0;
1455
- -webkit-transform: translate3d(100%, 0, 0);
1456
- transform: translate3d(100%, 0, 0);
1457
- background-image: -webkit-linear-gradient(-40deg, rgba(84, 89, 95, 0.5) 27.89%, #6ec1e4 72.11%);
1458
- background-image: -webkit-linear-gradient(130deg, rgba(84, 89, 95, 0.5) 27.89%, #6ec1e4 72.11%);
1459
- background-image: linear-gradient(-40deg, rgba(84, 89, 95, 0.5) 27.89%, #6ec1e4 72.11%);
1460
- z-index: 2;
1461
- }
1462
-
1463
- .premium-banner-animation11 .premium-banner-gradient:before {
1464
- mix-blend-mode: color;
1465
- }
1466
-
1467
- .premium-banner-animation11 .premium-banner-gradient:after {
1468
- mix-blend-mode: multiply;
1469
- }
1470
-
1471
- .premium-banner-animation11:hover .premium-banner-ib-desc,
1472
- .premium-banner-animation11.active .premium-banner-ib-desc {
1473
- opacity: 1;
1474
- -webkit-transform: translate3d(0, 0, 0);
1475
- transform: translate3d(0, 0, 0);
1476
- }
1477
-
1478
- .premium-banner-animation11:hover .premium-banner-gradient:after,
1479
- .premium-banner-animation11:hover .premium-banner-gradient:before,
1480
- .premium-banner-animation11.active .premium-banner-gradient:after,
1481
- .premium-banner-animation11.active .premium-banner-gradient:before {
1482
- -webkit-transform: translate3d(0, 0, 0);
1483
- transform: translate3d(0, 0, 0);
1484
- }
1485
-
1486
- .premium-banner-animation11.zoomout img,
1487
- .premium-banner-animation11.scale img {
1488
- -webkit-transform: translate3d(-10px, 0, 0) scale(1.1);
1489
- transform: translate3d(-10px, 0, 0) scale(1.1);
1490
- }
1491
-
1492
- /************ Premium Countdown ************/
1493
- /*******************************************/
1494
- .premium-countdown {
1495
- -js-display: flex;
1496
- display: -webkit-box;
1497
- display: -webkit-flex;
1498
- display: -moz-box;
1499
- display: -ms-flexbox;
1500
- display: flex;
1501
- text-align: center;
1502
- }
1503
-
1504
- .countdown-row {
1505
- display: block;
1506
- text-align: center;
1507
- }
1508
-
1509
- .countdown .countdown-section {
1510
- display: inline-block;
1511
- max-width: 100%;
1512
- margin-bottom: 15px;
1513
- -js-display: inline-flex;
1514
- display: -webkit-inline-box;
1515
- display: -webkit-inline-flex;
1516
- display: -moz-inline-box;
1517
- display: -ms-inline-flexbox;
1518
- display: inline-flex;
1519
- -webkit-box-align: center;
1520
- -webkit-align-items: center;
1521
- -moz-box-align: center;
1522
- -ms-flex-align: center;
1523
- align-items: center;
1524
- }
1525
-
1526
- .countdown .countdown-section:last-child {
1527
- margin-left: 0;
1528
- }
1529
-
1530
- .countdown span.countdown-amount {
1531
- font-size: 70px;
1532
- line-height: 1;
1533
- padding: 40px;
1534
- }
1535
-
1536
- .countdown .pre_time-mid {
1537
- display: block;
1538
- }
1539
-
1540
- .premium-countdown-separator-yes .countdown_separator {
1541
- display: block;
1542
- margin: 0 50px;
1543
- font-size: 30px;
1544
- }
1545
-
1546
- .premium-countdown-separator-yes .countdown-row .countdown-section:last-child .countdown_separator,
1547
- .premium-countdown-separator-yes .premium-countdown-block:last-child .countdown_separator {
1548
- display: none;
1549
- }
1550
-
1551
- /**
1552
- * Digit and unit styles
1553
- */
1554
- .side .countdown-section .countdown-period {
1555
- vertical-align: bottom;
1556
- }
1557
-
1558
- .countdown .countdown-section .countdown-period {
1559
- font-size: 17px;
1560
- line-height: 3em;
1561
- }
1562
-
1563
- .side .countdown-section .countdown-amount,
1564
- .side .countdown-section .countdown-period {
1565
- display: inline-block;
1566
- }
1567
-
1568
- .side .countdown-section .countdown-amount {
1569
- margin-left: 5px;
1570
- }
1571
-
1572
- .down .countdown-section .countdown-amount,
1573
- .down .countdown-section .countdown-period {
1574
- display: block;
1575
- }
1576
-
1577
- /**
1578
- * Flip Layout
1579
- */
1580
- .premium-countdown-flip .premium-countdown-block {
1581
- text-align: center;
1582
- -js-display: inline-flex;
1583
- display: -webkit-inline-box;
1584
- display: -webkit-inline-flex;
1585
- display: -moz-inline-box;
1586
- display: -ms-inline-flexbox;
1587
- display: inline-flex;
1588
- -webkit-box-align: center;
1589
- -webkit-align-items: center;
1590
- -moz-box-align: center;
1591
- -ms-flex-align: center;
1592
- align-items: center;
1593
- }
1594
-
1595
- .premium-countdown-flip .premium-countdown-block:last-child {
1596
- margin-left: 0;
1597
- }
1598
-
1599
- .premium-countdown-flip .premium-countdown-label {
1600
- overflow: hidden;
1601
- color: #1a1a1a;
1602
- text-transform: uppercase;
1603
- }
1604
-
1605
- .premium-countdown-flip .premium-countdown-figure {
1606
- position: relative;
1607
- height: 110px;
1608
- width: 100px;
1609
- line-height: 107px;
1610
- background-color: #fff;
1611
- -webkit-border-radius: 10px;
1612
- border-radius: 10px;
1613
- -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset -2px 4px 0 0 rgba(255, 255, 255, 0.08);
1614
- box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset -2px 4px 0 0 rgba(255, 255, 255, 0.08);
1615
- }
1616
-
1617
- .premium-countdown-flip .premium-countdown-figure:last-child {
1618
- margin-left: 0;
1619
- }
1620
-
1621
- .premium-countdown-flip .premium-countdown-figure>span {
1622
- position: absolute;
1623
- right: 0;
1624
- left: 0;
1625
- margin: auto;
1626
- font-weight: 700;
1627
- }
1628
-
1629
- .premium-countdown-flip .premium-countdown-figure .top {
1630
- z-index: 3;
1631
- -webkit-transform-origin: 50% 100%;
1632
- -ms-transform-origin: 50% 100%;
1633
- transform-origin: 50% 100%;
1634
- -webkit-transform: perspective(200px);
1635
- transform: perspective(200px);
1636
- -webkit-backface-visibility: hidden;
1637
- backface-visibility: hidden;
1638
- }
1639
-
1640
- .premium-countdown-flip .premium-countdown-figure .bottom {
1641
- z-index: 1;
1642
- }
1643
-
1644
- .premium-countdown-flip .premium-countdown-figure .bottom::before {
1645
- content: "";
1646
- position: absolute;
1647
- display: block;
1648
- top: 0;
1649
- right: 0;
1650
- width: 100%;
1651
- height: 50%;
1652
- background-color: rgba(0, 0, 0, 0.02);
1653
- }
1654
-
1655
- .premium-countdown-flip .premium-countdown-figure .top-back {
1656
- -webkit-backface-visibility: hidden;
1657
- backface-visibility: hidden;
1658
- z-index: 4;
1659
- bottom: 0;
1660
- -webkit-transform-origin: 50% 0;
1661
- -ms-transform-origin: 50% 0;
1662
- transform-origin: 50% 0;
1663
- -webkit-transform: perspective(200px) rotateX(180deg);
1664
- transform: perspective(200px) rotateX(180deg);
1665
- }
1666
-
1667
- .premium-countdown-flip .premium-countdown-figure .top-back span {
1668
- position: absolute;
1669
- top: -100%;
1670
- right: 0;
1671
- left: 0;
1672
- margin: auto;
1673
- }
1674
-
1675
- .premium-countdown-flip .premium-countdown-figure .bottom-back {
1676
- z-index: 2;
1677
- top: 0;
1678
- }
1679
-
1680
- .premium-countdown-flip .premium-countdown-figure .bottom-back span {
1681
- position: absolute;
1682
- top: 0;
1683
- right: 0;
1684
- left: 0;
1685
- margin: auto;
1686
- }
1687
-
1688
- .premium-countdown-flip .premium-countdown-figure .top,
1689
- .premium-countdown-flip .premium-countdown-figure .bottom-back,
1690
- .premium-countdown-flip .premium-countdown-figure .top-back {
1691
- height: 50%;
1692
- overflow: hidden;
1693
- background-color: #f7f7f7;
1694
- -webkit-border-top-right-radius: 10px;
1695
- border-top-right-radius: 10px;
1696
- -webkit-border-top-left-radius: 10px;
1697
- border-top-left-radius: 10px;
1698
- }
1699
-
1700
- .premium-countdown-flip .premium-countdown-figure .top-back {
1701
- -webkit-border-bottom-right-radius: 10px;
1702
- border-bottom-right-radius: 10px;
1703
- -webkit-border-bottom-left-radius: 10px;
1704
- border-bottom-left-radius: 10px;
1705
- }
1706
-
1707
- .premium-countdown-flip .premium-countdown-figure .top::after,
1708
- .premium-countdown-flip .premium-countdown-figure .bottom-back::after {
1709
- content: "";
1710
- position: absolute;
1711
- z-index: -1;
1712
- right: 0;
1713
- bottom: 0;
1714
- width: 100%;
1715
- height: 100%;
1716
- border-bottom: 1px solid rgba(0, 0, 0, 0.1);
1717
- }
1718
-
1719
- .side .premium-countdown-figure,
1720
- .side .premium-countdown-label {
1721
- display: inline-block;
1722
- }
1723
-
1724
- .side .premium-countdown-figure {
1725
- margin-left: 5px;
1726
- }
1727
-
1728
- .down .premium-countdown-figure,
1729
- .down .premium-countdown-label {
1730
- display: block;
1731
- }
1732
-
1733
- .down .premium-countdown-label {
1734
- width: 100%;
1735
- }
1736
-
1737
- /**************** Premium Carousel **************/
1738
- /************************************************/
1739
- .premium-carousel-wrapper a.carousel-arrow,
1740
- .premium-carousel-wrapper a.ver-carousel-arrow,
1741
- .premium-fb-rev-container a.carousel-arrow,
1742
- .premium-tabs-nav-list a.carousel-arrow,
1743
- .premium-blog-wrap a.carousel-arrow,
1744
- .premium-hscroll-wrap a.carousel-arrow,
1745
- .premium-twitter-feed-wrapper a.carousel-arrow,
1746
- .premium-facebook-feed-wrapper a.carousel-arrow,
1747
- .premium-instafeed-container a.carousel-arrow,
1748
- .premium-persons-container a.carousel-arrow {
1749
- display: -ms-flexbox;
1750
- display: -webkit-flex;
1751
- display: -moz-flex;
1752
- display: -ms-flex;
1753
- -js-display: flex;
1754
- display: -webkit-box;
1755
- display: -moz-box;
1756
- display: flex;
1757
- -webkit-box-align: center;
1758
- -webkit-align-items: center;
1759
- -moz-box-align: center;
1760
- -ms-flex-align: center;
1761
- align-items: center;
1762
- -webkit-box-pack: center;
1763
- -webkit-justify-content: center;
1764
- -moz-box-pack: center;
1765
- -ms-flex-pack: center;
1766
- justify-content: center;
1767
- width: 2em;
1768
- height: 2em;
1769
- line-height: 0;
1770
- text-align: center;
1771
- position: absolute;
1772
- z-index: 99;
1773
- cursor: pointer;
1774
- -webkit-transition: all 0.3s ease-in-out;
1775
- transition: all 0.3s ease-in-out;
1776
- -webkit-appearance: inherit;
1777
- border: none;
1778
- -webkit-box-shadow: none;
1779
- box-shadow: none;
1780
- }
1781
-
1782
- .premium-carousel-wrapper a.carousel-arrow svg,
1783
- .premium-carousel-wrapper a.ver-carousel-arrow svg {
1784
- -webkit-transition: all 0.3s ease-in-out;
1785
- transition: all 0.3s ease-in-out;
1786
- }
1787
-
1788
- div[class^="premium-"] .slick-arrow i {
1789
- display: block;
1790
- }
1791
-
1792
- .ver-carousel-arrow.carousel-next i {
1793
- margin-bottom: -3px;
1794
- }
1795
-
1796
- .premium-carousel-wrapper a.slick-arrow:hover {
1797
- -webkit-box-shadow: none !important;
1798
- box-shadow: none !important;
1799
- }
1800
-
1801
- .premium-carousel-wrapper .premium-carousel-content-hidden {
1802
- visibility: hidden;
1803
- }
1804
-
1805
- .premium-carousel-wrapper a.carousel-arrow,
1806
- .premium-fb-rev-container a.carousel-arrow,
1807
- .premium-tabs-nav-list a.carousel-arrow,
1808
- .premium-blog-wrap a.carousel-arrow,
1809
- .premium-hscroll-wrap a.carousel-arrow,
1810
- .premium-twitter-feed-wrapper a.carousel-arrow,
1811
- .premium-facebook-feed-wrapper a.carousel-arrow,
1812
- .premium-instafeed-container a.carousel-arrow,
1813
- .premium-persons-container a.carousel-arrow {
1814
- top: 50%;
1815
- -webkit-transform: translateY(-50%);
1816
- -ms-transform: translateY(-50%);
1817
- transform: translateY(-50%);
1818
- }
1819
-
1820
- .premium-carousel-wrapper a.ver-carousel-arrow {
1821
- right: 50%;
1822
- -webkit-transform: translateX(50%);
1823
- -ms-transform: translateX(50%);
1824
- transform: translateX(50%);
1825
- }
1826
-
1827
- a.carousel-arrow.carousel-next {
1828
- right: -20px;
1829
- }
1830
-
1831
- a.carousel-arrow.carousel-prev {
1832
- left: -20px;
1833
- }
1834
-
1835
- a.ver-carousel-arrow.carousel-next {
1836
- bottom: -56px;
1837
- }
1838
-
1839
- a.ver-carousel-arrow.carousel-prev {
1840
- top: -45px;
1841
- }
1842
-
1843
- a.circle-bg {
1844
- -webkit-border-radius: 100%;
1845
- border-radius: 100%;
1846
- }
1847
-
1848
- a.circle-border {
1849
- -webkit-border-radius: 100%;
1850
- border-radius: 100%;
1851
- border: solid black;
1852
- }
1853
-
1854
- a.square-border {
1855
- border: solid black;
1856
- }
1857
-
1858
- .premium-carousel-dots-below,
1859
- .premium-blog-wrap ul.slick-dots,
1860
- .premium-fb-rev-reviews ul.slick-dots {
1861
- position: relative;
1862
- bottom: 0;
1863
- list-style: none;
1864
- text-align: center;
1865
- margin: 0;
1866
- padding: 0;
1867
- }
1868
-
1869
- .premium-carousel-dots-above ul.slick-dots {
1870
- position: absolute;
1871
- display: -ms-flexbox;
1872
- display: -webkit-flex;
1873
- display: -moz-flex;
1874
- display: -ms-flex;
1875
- -js-display: flex;
1876
- display: -webkit-box;
1877
- display: -moz-box;
1878
- display: flex;
1879
- top: 50%;
1880
- -webkit-transform: translateY(-50%);
1881
- -ms-transform: translateY(-50%);
1882
- transform: translateY(-50%);
1883
- -webkit-flex-direction: column;
1884
- -webkit-box-orient: vertical;
1885
- -webkit-box-direction: normal;
1886
- -moz-box-orient: vertical;
1887
- -moz-box-direction: normal;
1888
- -ms-flex-direction: column;
1889
- flex-direction: column;
1890
- }
1891
-
1892
- ul.slick-dots li {
1893
- font-size: 10px;
1894
- display: -webkit-inline-box;
1895
- display: -webkit-inline-flex;
1896
- display: -ms-inline-flexbox;
1897
- -js-display: inline-flex;
1898
- display: -moz-inline-box;
1899
- display: inline-flex;
1900
- -webkit-box-pack: center;
1901
- -webkit-justify-content: center;
1902
- -moz-box-pack: center;
1903
- -ms-flex-pack: center;
1904
- justify-content: center;
1905
- -webkit-box-align: center;
1906
- -webkit-align-items: center;
1907
- -moz-box-align: center;
1908
- -ms-flex-align: center;
1909
- align-items: center;
1910
- margin: 5px;
1911
- width: 20px;
1912
- height: 20px;
1913
- cursor: pointer;
1914
- }
1915
-
1916
- /*
1917
- * Custom Navigation Dot
1918
- */
1919
- .premium-carousel-wrapper .premium-carousel-nav-dot,
1920
- .premium-carousel-wrapper .premium-carousel-nav-arrow-prev,
1921
- .premium-carousel-wrapper .premium-carousel-nav-arrow-next {
1922
- display: none;
1923
- }
1924
-
1925
- .premium-carousel-wrapper ul.slick-dots svg {
1926
- width: 20px;
1927
- height: 20px;
1928
- }
1929
-
1930
- /* Ripple Out */
1931
- @-webkit-keyframes hvr-ripple-out {
1932
- 0% {
1933
- -webkit-transform: scale(1);
1934
- transform: scale(1);
1935
- opacity: 1;
1936
- }
1937
-
1938
- 100% {
1939
- -webkit-transform: scale(1.5);
1940
- transform: scale(1.5);
1941
- opacity: 0;
1942
- }
1943
- }
1944
-
1945
- @keyframes hvr-ripple-out {
1946
- 0% {
1947
- -webkit-transform: scale(1);
1948
- transform: scale(1);
1949
- opacity: 1;
1950
- }
1951
-
1952
- 100% {
1953
- -webkit-transform: scale(1.5);
1954
- transform: scale(1.5);
1955
- opacity: 0;
1956
- }
1957
- }
1958
-
1959
- .premium-carousel-ripple-yes .premium-carousel-wrapper {
1960
- padding-bottom: 1px;
1961
- }
1962
-
1963
- .premium-carousel-ripple-yes ul.slick-dots li,
1964
- .premium-carousel-ripple-yes ul.slick-dots li i {
1965
- position: relative;
1966
- }
1967
-
1968
- .premium-carousel-ripple-yes ul.slick-dots li i {
1969
- z-index: 1;
1970
- }
1971
-
1972
- .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
1973
- content: "";
1974
- position: absolute;
1975
- -webkit-transform: scale(1);
1976
- -ms-transform: scale(1);
1977
- transform: scale(1);
1978
- top: 0;
1979
- left: 0;
1980
- bottom: 0;
1981
- right: 0;
1982
- -webkit-border-radius: 50%;
1983
- border-radius: 50%;
1984
- pointer-events: none;
1985
- background-color: rgba(0, 0, 0, 0.15);
1986
- }
1987
-
1988
- .premium-carousel-ripple-yes ul.slick-dots li.slick-active:hover:before {
1989
- background-color: rgba(0, 0, 0, 0.3);
1990
- }
1991
-
1992
- .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
1993
- -webkit-animation: hvr-ripple-out 1.3s infinite;
1994
- animation: hvr-ripple-out 1.3s infinite;
1995
- }
1996
-
1997
- .premium-carousel-wrapper.premium-carousel-scale .slick-slide {
1998
- -webkit-transform: scale(1.25, 1.25);
1999
- -ms-transform: scale(1.25, 1.25);
2000
- transform: scale(1.25, 1.25);
2001
- -webkit-transition: all 0.3s ease-in-out !important;
2002
- transition: all 0.3s ease-in-out !important;
2003
- }
2004
-
2005
- .premium-carousel-wrapper.premium-carousel-scale div.slick-active {
2006
- -webkit-transform: scale(1, 1);
2007
- -ms-transform: scale(1, 1);
2008
- transform: scale(1, 1);
2009
- }
2010
-
2011
- [dir="rtl"] .premium-carousel-inner .slick-slide {
2012
- float: right;
2013
- }
2014
-
2015
- /**************** Premium Counter ***************/
2016
- /************************************************/
2017
- .premium-counter-area {
2018
- padding: 10px 0;
2019
- -js-display: flex;
2020
- display: -webkit-box;
2021
- display: -webkit-flex;
2022
- display: -moz-box;
2023
- display: -ms-flexbox;
2024
- display: flex;
2025
- -webkit-box-pack: center;
2026
- -webkit-justify-content: center;
2027
- -moz-box-pack: center;
2028
- -ms-flex-pack: center;
2029
- justify-content: center;
2030
- -webkit-box-align: center;
2031
- -webkit-align-items: center;
2032
- -moz-box-align: center;
2033
- -ms-flex-align: center;
2034
- align-items: center;
2035
- }
2036
-
2037
- .premium-counter-area.top {
2038
- -webkit-box-orient: vertical;
2039
- -webkit-box-direction: normal;
2040
- -webkit-flex-direction: column;
2041
- -moz-box-orient: vertical;
2042
- -moz-box-direction: normal;
2043
- -ms-flex-direction: column;
2044
- flex-direction: column;
2045
- }
2046
-
2047
- .premium-counter-area.right {
2048
- -webkit-box-orient: horizontal;
2049
- -webkit-box-direction: reverse;
2050
- -webkit-flex-direction: row-reverse;
2051
- -moz-box-orient: horizontal;
2052
- -moz-box-direction: reverse;
2053
- -ms-flex-direction: row-reverse;
2054
- flex-direction: row-reverse;
2055
- }
2056
-
2057
- .premium-counter-area.right .premium-counter-icon {
2058
- padding-right: 20px;
2059
- }
2060
-
2061
- .premium-counter-area.left .premium-counter-icon {
2062
- padding-left: 20px;
2063
- }
2064
-
2065
- .premium-counter-area .premium-counter-icon .icon i.fa:before {
2066
- vertical-align: text-top;
2067
- }
2068
-
2069
- .premium-counter-area .premium-counter-icon span.icon {
2070
- text-align: center;
2071
- display: inline-block;
2072
- vertical-align: middle;
2073
- }
2074
-
2075
- .premium-counter-area .premium-counter-icon .circle {
2076
- -webkit-border-radius: 100%;
2077
- border-radius: 100%;
2078
- }
2079
-
2080
- .premium-counter-area .premium-counter-icon img,
2081
- .premium-counter-area .premium-counter-icon svg {
2082
- width: 80px;
2083
- }
2084
-
2085
- .premium-counter-area .premium-counter-icon .premium-counter-animation svg {
2086
- height: 80px;
2087
- }
2088
-
2089
- .premium-counter-area .premium-counter-title {
2090
- padding: 0;
2091
- margin: 0;
2092
- }
2093
-
2094
- .premium-counter-area .premium-counter-value-wrap {
2095
- -js-display: flex;
2096
- display: -webkit-box;
2097
- display: -webkit-flex;
2098
- display: -moz-box;
2099
- display: -ms-flexbox;
2100
- display: flex;
2101
- -webkit-box-align: center;
2102
- -webkit-align-items: center;
2103
- -moz-box-align: center;
2104
- -ms-flex-align: center;
2105
- align-items: center;
2106
- }
2107
-
2108
- .premium-init-wrapper.right {
2109
- text-align: left;
2110
- }
2111
-
2112
- /* * Custom image and simple styles image fix */
2113
- span.icon.flex-width {
2114
- width: auto !important;
2115
- height: auto !important;
2116
- }
2117
-
2118
- .premium-counter-area .premium-counter-init {
2119
- font-size: 35px;
2120
- }
2121
-
2122
- /**************** Premium Image Separator ****************/
2123
- /*********************************************************/
2124
- /*Image Separator Container Style*/
2125
- .premium-image-separator-container {
2126
- position: absolute;
2127
- width: 100%;
2128
- z-index: 2;
2129
- top: auto;
2130
- }
2131
-
2132
- .premium-image-separator-container img {
2133
- display: inline-block !important;
2134
- -webkit-mask-repeat: no-repeat;
2135
- mask-repeat: no-repeat;
2136
- -webkit-mask-position: center;
2137
- mask-position: center;
2138
- }
2139
-
2140
- /*Link on Image Style*/
2141
- .premium-image-separator-link {
2142
- position: absolute;
2143
- z-index: 9999;
2144
- top: 0;
2145
- right: 0;
2146
- width: 100%;
2147
- height: 100%;
2148
- text-decoration: none;
2149
- }
2150
-
2151
- /*Important to override Theme options*/
2152
- a.premium-image-separator-link:hover,
2153
- a.premium-image-separator-link:visited,
2154
- a.premium-image-separator-link:focus,
2155
- a.premium-image-separator-link:active {
2156
- -webkit-box-shadow: none !important;
2157
- box-shadow: none !important;
2158
- outline: none !important;
2159
- border: none !important;
2160
- text-decoration: none !important;
2161
- }
2162
-
2163
- .premium-image-separator-container .img-responsive {
2164
- display: inline-block;
2165
- }
2166
-
2167
- .premium-image-separator-container i,
2168
- .premium-image-separator-container>svg {
2169
- padding: 20px;
2170
- -webkit-transition: all 0.3s ease-in-out;
2171
- transition: all 0.3s ease-in-out;
2172
- }
2173
-
2174
- /**************** Premium Modal Box ****************/
2175
- /***************************************************/
2176
- .premium-modal-trigger-btn,
2177
- .premium-modal-box-modal-lower-close {
2178
- display: inline-block;
2179
- padding: 6px 12px;
2180
- margin-bottom: 0;
2181
- font-size: 14px;
2182
- font-weight: normal;
2183
- line-height: 1.42857143;
2184
- text-align: center;
2185
- white-space: nowrap;
2186
- vertical-align: middle;
2187
- -ms-touch-action: manipulation;
2188
- touch-action: manipulation;
2189
- cursor: pointer;
2190
- -webkit-user-select: none;
2191
- -moz-user-select: none;
2192
- -ms-user-select: none;
2193
- user-select: none;
2194
- background-image: none;
2195
- border: 1px solid transparent;
2196
- }
2197
-
2198
- .premium-modal-trigger-btn>svg,
2199
- .premium-modal-trigger-btn .premium-modal-box-icon {
2200
- -webkit-transition: all 0.3s ease-in-out;
2201
- transition: all 0.3s ease-in-out;
2202
- }
2203
-
2204
- .premium-modal-trigger-btn>svg {
2205
- width: 30px;
2206
- height: 30px;
2207
- }
2208
-
2209
- .premium-modal-box-modal-close {
2210
- float: left;
2211
- font-size: 21px;
2212
- font-weight: bold;
2213
- line-height: 1;
2214
- color: #000;
2215
- }
2216
-
2217
- .premium-modal-box-modal-close:hover,
2218
- .premium-modal-box-modal-close:focus {
2219
- color: #000;
2220
- text-decoration: none;
2221
- cursor: pointer;
2222
- }
2223
-
2224
- button.premium-modal-box-modal-close {
2225
- -webkit-appearance: none;
2226
- padding: 0;
2227
- cursor: pointer;
2228
- background: transparent;
2229
- border: 0;
2230
- }
2231
-
2232
- .premium-modal-box-modal {
2233
- position: fixed;
2234
- top: 0;
2235
- left: 0;
2236
- bottom: 0;
2237
- right: 0;
2238
- z-index: 1050;
2239
- display: none;
2240
- -webkit-overflow-scrolling: touch;
2241
- outline: 0;
2242
- padding: 0 !important;
2243
- background: rgba(0, 0, 0, 0.5);
2244
- -webkit-box-align: center;
2245
- -webkit-align-items: center;
2246
- -moz-box-align: center;
2247
- -ms-flex-align: center;
2248
- align-items: center;
2249
- -webkit-box-pack: center;
2250
- -webkit-justify-content: center;
2251
- -moz-box-pack: center;
2252
- -ms-flex-pack: center;
2253
- justify-content: center;
2254
- }
2255
-
2256
- .premium-modal-box-modal .premium-modal-box-modal-dialog {
2257
- position: absolute;
2258
- max-height: -webkit-calc(100vh - 150px);
2259
- max-height: calc(100vh - 150px);
2260
- -js-display: flex;
2261
- display: -webkit-box;
2262
- display: -webkit-flex;
2263
- display: -moz-box;
2264
- display: -ms-flexbox;
2265
- display: flex;
2266
- -webkit-box-orient: vertical;
2267
- -webkit-box-direction: normal;
2268
- -webkit-flex-direction: column;
2269
- -moz-box-orient: vertical;
2270
- -moz-box-direction: normal;
2271
- -ms-flex-direction: column;
2272
- flex-direction: column;
2273
- opacity: 0;
2274
- }
2275
-
2276
- .premium-modal-box-modal-content {
2277
- background-color: #fff;
2278
- -webkit-background-clip: padding-box;
2279
- background-clip: padding-box;
2280
- border: 1px solid rgba(0, 0, 0, 0.2);
2281
- -webkit-border-radius: 6px;
2282
- border-radius: 6px;
2283
- outline: 0;
2284
- }
2285
-
2286
- .premium-modal-backdrop.premium-in {
2287
- filter: alpha(opacity=50);
2288
- opacity: 0.5 !important;
2289
- }
2290
-
2291
- .premium-modal-fade.premium-in {
2292
- opacity: 1;
2293
- }
2294
-
2295
- .premium-modal-backdrop {
2296
- position: fixed;
2297
- top: 0;
2298
- left: 0;
2299
- bottom: 0;
2300
- right: 0;
2301
- z-index: 1040;
2302
- background-color: #000;
2303
- }
2304
-
2305
- .premium-modal-backdrop.premium-modal-fade {
2306
- filter: alpha(opacity=0);
2307
- opacity: 0;
2308
- }
2309
-
2310
- .premium-modal-fade {
2311
- opacity: 0;
2312
- }
2313
-
2314
- .premium-in {
2315
- -js-display: flex !important;
2316
- display: -webkit-box !important;
2317
- display: -webkit-flex !important;
2318
- display: -moz-box !important;
2319
- display: -ms-flexbox !important;
2320
- display: flex !important;
2321
- }
2322
-
2323
- .premium-modal-box-modal-header {
2324
- -js-display: flex;
2325
- display: -webkit-box;
2326
- display: -webkit-flex;
2327
- display: -moz-box;
2328
- display: -ms-flexbox;
2329
- display: flex;
2330
- -webkit-box-pack: justify;
2331
- -webkit-justify-content: space-between;
2332
- -moz-box-pack: justify;
2333
- -ms-flex-pack: justify;
2334
- justify-content: space-between;
2335
- -webkit-box-align: center;
2336
- -webkit-align-items: center;
2337
- -moz-box-align: center;
2338
- -ms-flex-align: center;
2339
- align-items: center;
2340
- padding: 5px 15px;
2341
- border-bottom: 1px solid #e5e5e5;
2342
- }
2343
-
2344
- .premium-modal-box-modal-header .premium-modal-box-modal-close {
2345
- margin-top: -2px;
2346
- }
2347
-
2348
- .premium-modal-box-modal-header .premium-modal-box-modal-title {
2349
- -js-display: flex;
2350
- display: -webkit-box;
2351
- display: -webkit-flex;
2352
- display: -moz-box;
2353
- display: -ms-flexbox;
2354
- display: flex;
2355
- -webkit-box-align: center;
2356
- -webkit-align-items: center;
2357
- -moz-box-align: center;
2358
- -ms-flex-align: center;
2359
- align-items: center;
2360
- margin: 0;
2361
- padding: 0;
2362
- }
2363
-
2364
- .premium-modal-box-modal-header .premium-modal-box-modal-title svg {
2365
- width: 50px;
2366
- height: 60px;
2367
- }
2368
-
2369
- .premium-modal-box-modal-body {
2370
- position: relative;
2371
- padding: 15px;
2372
- overflow: hidden;
2373
- }
2374
-
2375
- .premium-modal-box-modal-footer {
2376
- padding: 15px;
2377
- text-align: left;
2378
- border-top: 1px solid #e5e5e5;
2379
- }
2380
-
2381
- .premium-modal-scrollbar-measure {
2382
- position: absolute;
2383
- top: -9999px;
2384
- width: 50px;
2385
- height: 50px;
2386
- overflow: scroll;
2387
- }
2388
-
2389
- .premium-modal-trigger-text {
2390
- background: none !important;
2391
- display: inline-block;
2392
- }
2393
-
2394
- .premium-modal-box-container {
2395
- width: 100% !important;
2396
- }
2397
-
2398
- /*Open Modal Button Style*/
2399
- .premium-modal-trigger-container .premium-modal-trigger-btn {
2400
- -js-display: inline-flex;
2401
- display: -webkit-inline-box;
2402
- display: -webkit-inline-flex;
2403
- display: -moz-inline-box;
2404
- display: -ms-inline-flexbox;
2405
- display: inline-flex;
2406
- -webkit-box-align: center;
2407
- -webkit-align-items: center;
2408
- -moz-box-align: center;
2409
- -ms-flex-align: center;
2410
- align-items: center;
2411
- border: none;
2412
- -webkit-transition: all 0.3s ease-in-out;
2413
- transition: all 0.3s ease-in-out;
2414
- }
2415
-
2416
- .premium-modal-trigger-container .premium-modal-trigger-btn.premium-btn-block {
2417
- -webkit-box-pack: center;
2418
- -webkit-justify-content: center;
2419
- -moz-box-pack: center;
2420
- -ms-flex-pack: center;
2421
- justify-content: center;
2422
- }
2423
-
2424
- .premium-modal-trigger-container .premium-modal-trigger-img,
2425
- .premium-modal-trigger-container .premium-modal-trigger-text,
2426
- .premium-modal-trigger-container .premium-modal-trigger-animation {
2427
- cursor: pointer;
2428
- }
2429
-
2430
- .premium-modal-trigger-container .premium-modal-trigger-animation {
2431
- display: inline-block;
2432
- width: 200px;
2433
- height: 200px;
2434
- -webkit-transition: all 0.3s ease-in-out;
2435
- transition: all 0.3s ease-in-out;
2436
- }
2437
-
2438
- /*Image on Modal Header Style*/
2439
- .premium-modal-box-modal-header img {
2440
- width: 48px;
2441
- padding-left: 5px;
2442
- }
2443
-
2444
- .premium-modal-box-modal-header i,
2445
- .premium-modal-box-modal-header svg {
2446
- padding-left: 6px;
2447
- }
2448
-
2449
- .premium-modal-box-modal-close {
2450
- position: relative;
2451
- z-index: 99;
2452
- }
2453
-
2454
- .premium-modal-trigger-img,
2455
- .premium-modal-trigger-text,
2456
- .premium-modal-box-close-button-container,
2457
- .premium-modal-box-modal-close,
2458
- .premium-modal-box-modal-lower-close {
2459
- -webkit-transition: all 0.3s ease-in-out;
2460
- transition: all 0.3s ease-in-out;
2461
- }
2462
-
2463
- @media (min-width: 768px) {
2464
- .premium-modal-box-modal-dialog {
2465
- width: 700px;
2466
- max-height: 600px;
2467
- overflow: auto;
2468
- }
2469
- }
2470
-
2471
- @media (max-width: 767px) {
2472
- .premium-modal-box-modal-dialog {
2473
- width: 100%;
2474
- max-height: 500px;
2475
- overflow: auto;
2476
- }
2477
- }
2478
-
2479
- .premium-modal-box-container[data-modal-animation*="animated-"] {
2480
- opacity: 0;
2481
- }
2482
-
2483
- /**************** Premium Progress Bar ****************/
2484
- /******************************************************/
2485
- .premium-progressbar-container {
2486
- position: relative;
2487
- }
2488
-
2489
- .premium-progressbar-bar-wrap {
2490
- position: relative;
2491
- text-align: right;
2492
- overflow: hidden;
2493
- height: 25px;
2494
- margin-bottom: 50px;
2495
- background-color: #f5f5f5;
2496
- -webkit-border-radius: 4px;
2497
- border-radius: 4px;
2498
- -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
2499
- box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
2500
- }
2501
-
2502
- .premium-progressbar-bar-wrap.premium-progressbar-dots {
2503
- background-color: transparent;
2504
- width: 100%;
2505
- -js-display: flex;
2506
- display: -webkit-box;
2507
- display: -webkit-flex;
2508
- display: -moz-box;
2509
- display: -ms-flexbox;
2510
- display: flex;
2511
- height: auto;
2512
- -webkit-box-shadow: none;
2513
- box-shadow: none;
2514
- }
2515
-
2516
- .premium-progressbar-bar-wrap .progress-segment {
2517
- position: relative;
2518
- width: 25px;
2519
- height: 25px;
2520
- -webkit-border-radius: 50%;
2521
- border-radius: 50%;
2522
- overflow: hidden;
2523
- background-color: #f5f5f5;
2524
- }
2525
-
2526
- .premium-progressbar-bar-wrap .progress-segment.filled {
2527
- background: #6ec1e4;
2528
- }
2529
-
2530
- .premium-progressbar-bar-wrap .progress-segment:not(:first-child):not(:last-child) {
2531
- margin: 0 4px;
2532
- }
2533
-
2534
- .premium-progressbar-bar-wrap .progress-segment:first-child {
2535
- margin-left: 4px;
2536
- }
2537
-
2538
- .premium-progressbar-bar-wrap .progress-segment:last-child {
2539
- margin-right: 4px;
2540
- }
2541
-
2542
- .premium-progressbar-bar-wrap .progress-segment .segment-inner {
2543
- position: absolute;
2544
- top: 0;
2545
- right: 0;
2546
- height: 100%;
2547
- background-color: #6ec1e4;
2548
- }
2549
-
2550
- .premium-progressbar-bar {
2551
- float: right;
2552
- width: 0%;
2553
- height: 100%;
2554
- font-size: 12px;
2555
- line-height: 20px;
2556
- background: #6ec1e4;
2557
- text-align: center;
2558
- -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2559
- box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2560
- }
2561
-
2562
- .premium-progressbar-striped .premium-progressbar-bar {
2563
- background-image: -webkit-linear-gradient(-135deg,
2564
- rgba(255, 255, 255, 0.15) 25%,
2565
- transparent 25%,
2566
- transparent 50%,
2567
- rgba(255, 255, 255, 0.15) 50%,
2568
- rgba(255, 255, 255, 0.15) 75%,
2569
- transparent 75%,
2570
- transparent);
2571
- background-image: -webkit-linear-gradient(45deg,
2572
- rgba(255, 255, 255, 0.15) 25%,
2573
- transparent 25%,
2574
- transparent 50%,
2575
- rgba(255, 255, 255, 0.15) 50%,
2576
- rgba(255, 255, 255, 0.15) 75%,
2577
- transparent 75%,
2578
- transparent);
2579
- background-image: linear-gradient(45deg,
2580
- rgba(255, 255, 255, 0.15) 25%,
2581
- transparent 25%,
2582
- transparent 50%,
2583
- rgba(255, 255, 255, 0.15) 50%,
2584
- rgba(255, 255, 255, 0.15) 75%,
2585
- transparent 75%,
2586
- transparent);
2587
- -webkit-background-size: 40px 40px;
2588
- background-size: 40px 40px;
2589
- }
2590
-
2591
- .premium-progressbar-active .premium-progressbar-bar {
2592
- -webkit-animation: progress-bar-stripes 2s linear infinite;
2593
- animation: progress-bar-stripes 2s linear infinite;
2594
- }
2595
-
2596
- .premium-progressbar-gradient .premium-progressbar-bar {
2597
- -webkit-background-size: 400% 400% !important;
2598
- background-size: 400% 400% !important;
2599
- -webkit-animation: progress-bar-gradient 10s ease-in-out infinite;
2600
- animation: progress-bar-gradient 10s ease-in-out infinite;
2601
- }
2602
-
2603
- .premium-progressbar-bar {
2604
- position: absolute;
2605
- overflow: hidden;
2606
- line-height: 20px;
2607
- }
2608
-
2609
- .premium-progressbar-container .clearfix {
2610
- clear: both;
2611
- }
2612
-
2613
- .premium-progressbar-bar {
2614
- -webkit-transition: width 0s ease-in-out !important;
2615
- transition: width 0s ease-in-out !important;
2616
- }
2617
-
2618
- .premium-progressbar-container p:first-of-type {
2619
- margin: 0;
2620
- float: right;
2621
- }
2622
-
2623
- .premium-progressbar-container p:nth-of-type(2) {
2624
- margin: 0;
2625
- float: left;
2626
- }
2627
-
2628
- .premium-progressbar-name {
2629
- right: 50%;
2630
- top: 0;
2631
- left: 0;
2632
- -webkit-transform: translateX(12.5px);
2633
- -ms-transform: translateX(12.5px);
2634
- transform: translateX(12.5px);
2635
- z-index: 1;
2636
- }
2637
-
2638
- .premium-progressbar-multiple-label {
2639
- position: relative;
2640
- float: right;
2641
- width: 0;
2642
- right: 50%;
2643
- }
2644
-
2645
- .premium-progressbar-center-label {
2646
- position: relative;
2647
- white-space: nowrap;
2648
- }
2649
-
2650
- .premium-progressbar-arrow {
2651
- height: 15px;
2652
- right: 50%;
2653
- display: inline-block;
2654
- border-right: 7px solid transparent;
2655
- border-left: 7px solid transparent;
2656
- border-top: 11px solid;
2657
- -webkit-transform: translateX(50%);
2658
- -ms-transform: translateX(50%);
2659
- transform: translateX(50%);
2660
- }
2661
-
2662
- .premium-progressbar-pin {
2663
- border-right: 1px solid;
2664
- height: 12px;
2665
- right: 50%;
2666
- display: inline-block;
2667
- }
2668
-
2669
- /**
2670
- * Circle Progress Bar
2671
- */
2672
- .premium-progressbar-circle-wrap {
2673
- width: 200px;
2674
- height: 200px;
2675
- position: relative;
2676
- margin: 0 auto;
2677
- }
2678
-
2679
- .premium-progressbar-circle-wrap .premium-progressbar-circle {
2680
- position: absolute;
2681
- top: 0;
2682
- right: 0;
2683
- width: 100%;
2684
- height: 100%;
2685
- -webkit-clip-path: inset(0 0 0 50%);
2686
- clip-path: inset(0 0 0 50%);
2687
- }
2688
-
2689
- .premium-progressbar-circle-wrap .premium-progressbar-circle div {
2690
- position: absolute;
2691
- right: 0;
2692
- top: 0;
2693
- height: 100%;
2694
- width: 100%;
2695
- border-width: 6px;
2696
- border-style: solid;
2697
- border-color: #54595f;
2698
- -webkit-border-radius: 50%;
2699
- border-radius: 50%;
2700
- -webkit-clip-path: inset(0 50% 0 0);
2701
- clip-path: inset(0 50% 0 0);
2702
- }
2703
-
2704
- .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-left {
2705
- -webkit-transform: rotate(0);
2706
- -ms-transform: rotate(0);
2707
- transform: rotate(0);
2708
- }
2709
-
2710
- .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-right {
2711
- -webkit-transform: rotate(-180deg);
2712
- -ms-transform: rotate(-180deg);
2713
- transform: rotate(-180deg);
2714
- visibility: hidden;
2715
- }
2716
-
2717
- .premium-progressbar-circle-wrap .premium-progressbar-circle-base {
2718
- width: 100%;
2719
- height: 100%;
2720
- border: 6px solid #eee;
2721
- -webkit-border-radius: 50%;
2722
- border-radius: 50%;
2723
- }
2724
-
2725
- .premium-progressbar-circle-wrap .premium-progressbar-circle-content {
2726
- position: absolute;
2727
- top: 0;
2728
- right: 0;
2729
- width: 100%;
2730
- height: 100%;
2731
- -js-display: flex;
2732
- display: -webkit-box;
2733
- display: -webkit-flex;
2734
- display: -moz-box;
2735
- display: -ms-flexbox;
2736
- display: flex;
2737
- -webkit-box-orient: vertical;
2738
- -webkit-box-direction: normal;
2739
- -webkit-flex-direction: column;
2740
- -moz-box-orient: vertical;
2741
- -moz-box-direction: normal;
2742
- -ms-flex-direction: column;
2743
- flex-direction: column;
2744
- -webkit-box-pack: center;
2745
- -webkit-justify-content: center;
2746
- -moz-box-pack: center;
2747
- -ms-flex-pack: center;
2748
- justify-content: center;
2749
- -webkit-box-align: center;
2750
- -webkit-align-items: center;
2751
- -moz-box-align: center;
2752
- -ms-flex-align: center;
2753
- align-items: center;
2754
- }
2755
-
2756
- .premium-progressbar-circle-wrap .premium-lottie-animation {
2757
- line-height: 1;
2758
- }
2759
-
2760
- @-webkit-keyframes progress-bar-stripes {
2761
- from {
2762
- background-position: 100% 0;
2763
- }
2764
-
2765
- to {
2766
- background-position: 40px 0;
2767
- }
2768
- }
2769
-
2770
- @keyframes progress-bar-stripes {
2771
- from {
2772
- background-position: 100% 0;
2773
- }
2774
-
2775
- to {
2776
- background-position: 40px 0;
2777
- }
2778
- }
2779
-
2780
- @-webkit-keyframes progress-bar-gradient {
2781
- 0% {
2782
- background-position: 100% 50%;
2783
- }
2784
-
2785
- 50% {
2786
- background-position: 0% 50%;
2787
- }
2788
-
2789
- 100% {
2790
- background-position: 100% 50%;
2791
- }
2792
- }
2793
-
2794
- @keyframes progress-bar-gradient {
2795
- 0% {
2796
- background-position: 100% 50%;
2797
- }
2798
-
2799
- 50% {
2800
- background-position: 0% 50%;
2801
- }
2802
-
2803
- 100% {
2804
- background-position: 100% 50%;
2805
- }
2806
- }
2807
-
2808
- /**************** Premium Testimonials ****************/
2809
- /******************************************************/
2810
- .premium-testimonial-box {
2811
- width: 100%;
2812
- background: transparent;
2813
- -webkit-transition: all 0.3s ease-in-out;
2814
- transition: all 0.3s ease-in-out;
2815
- }
2816
-
2817
- .premium-testimonial-box .premium-testimonial-author-info {
2818
- -js-display: flex;
2819
- display: -webkit-box;
2820
- display: -webkit-flex;
2821
- display: -moz-box;
2822
- display: -ms-flexbox;
2823
- display: flex;
2824
- -webkit-box-pack: center;
2825
- -webkit-justify-content: center;
2826
- -moz-box-pack: center;
2827
- -ms-flex-pack: center;
2828
- justify-content: center;
2829
- -webkit-box-align: center;
2830
- -webkit-align-items: center;
2831
- -moz-box-align: center;
2832
- -ms-flex-align: center;
2833
- align-items: center;
2834
- }
2835
-
2836
- .premium-testimonial-box .premium-testimonial-person-name,
2837
- .premium-testimonial-box .premium-testimonial-company-name {
2838
- font-weight: 600;
2839
- margin: 0;
2840
- }
2841
-
2842
- .premium-testimonial-container {
2843
- position: relative;
2844
- }
2845
-
2846
- .premium-testimonial-img-wrapper {
2847
- margin-right: auto;
2848
- margin-left: auto;
2849
- overflow: hidden;
2850
- border-style: solid !important;
2851
- }
2852
-
2853
- .premium-testimonial-img-wrapper.circle {
2854
- -webkit-border-radius: 50%;
2855
- border-radius: 50%;
2856
- }
2857
-
2858
- .premium-testimonial-img-wrapper.rounded {
2859
- -webkit-border-radius: 15px;
2860
- border-radius: 15px;
2861
- }
2862
-
2863
- .premium-testimonial-img-wrapper img {
2864
- -o-object-fit: cover;
2865
- object-fit: cover;
2866
- width: 100%;
2867
- height: 100% !important;
2868
- }
2869
-
2870
- .premium-testimonial-content-wrapper {
2871
- position: relative;
2872
- display: -ms-flexbox;
2873
- display: -webkit-flex;
2874
- display: -moz-flex;
2875
- display: -ms-flex;
2876
- -js-display: flex;
2877
- display: -webkit-box;
2878
- display: -moz-box;
2879
- display: flex;
2880
- -webkit-box-orient: vertical;
2881
- -webkit-box-direction: normal;
2882
- -webkit-flex-direction: column;
2883
- -moz-box-orient: vertical;
2884
- -moz-box-direction: normal;
2885
- -ms-flex-direction: column;
2886
- flex-direction: column;
2887
- z-index: 2;
2888
- width: 100%;
2889
- padding: 20px;
2890
- text-align: center;
2891
- }
2892
-
2893
- .premium-testimonial-clear-float {
2894
- clear: both;
2895
- }
2896
-
2897
- .premium-testimonial-upper-quote,
2898
- .premium-testimonial-lower-quote {
2899
- position: absolute;
2900
- z-index: 1;
2901
- }
2902
-
2903
- /**************** Premium Dual Heading *****************/
2904
- /*******************************************************/
2905
- .premium-dual-header-container .premium-dual-header-first-header,
2906
- .premium-dual-header-container .premium-dual-header-second-header {
2907
- position: relative;
2908
- padding: 0;
2909
- margin: 0;
2910
- display: inline-block;
2911
- -webkit-transform: translate(0, 0);
2912
- -ms-transform: translate(0, 0);
2913
- transform: translate(0, 0);
2914
- }
2915
-
2916
- .premium-dual-header-first-clip .premium-dual-header-first-span,
2917
- .premium-dual-header-second-clip {
2918
- -webkit-text-fill-color: transparent;
2919
- -webkit-background-clip: text;
2920
- }
2921
-
2922
- .premium-dual-header-first-clip.stroke .premium-dual-header-first-span,
2923
- .premium-dual-header-second-clip.stroke {
2924
- -webkit-text-stroke-color: transparent;
2925
- -webkit-text-fill-color: #fafafa;
2926
- -webkit-text-stroke-width: 2px;
2927
- }
2928
-
2929
- @media (max-width: 500px) {
2930
-
2931
- .premium-dual-header-container .premium-dual-header-first-header,
2932
- .premium-dual-header-container .premium-dual-header-second-header {
2933
- display: block;
2934
- word-wrap: break-word;
2935
- }
2936
-
2937
- .premium-dual-header-first-container,
2938
- .premium-dual-header-second-container {
2939
- margin: 0;
2940
- }
2941
- }
2942
-
2943
- @media (min-width: 501px) {
2944
- .premium-dual-header-first-container {
2945
- margin-left: 5px;
2946
- }
2947
- }
2948
-
2949
- .premium-dual-header-first-header.gradient .premium-dual-header-first-span,
2950
- .premium-dual-header-second-header.gradient {
2951
- -webkit-background-size: 300% 300% !important;
2952
- background-size: 300% 300% !important;
2953
- -webkit-animation: Gradient 10s ease-in-out infinite;
2954
- animation: Gradient 10s ease-in-out infinite;
2955
- }
2956
-
2957
- @-webkit-keyframes Gradient {
2958
- 0% {
2959
- background-position: 100% 50%;
2960
- }
2961
-
2962
- 50% {
2963
- background-position: 0% 50%;
2964
- }
2965
-
2966
- 100% {
2967
- background-position: 100% 50%;
2968
- }
2969
- }
2970
-
2971
- @keyframes Gradient {
2972
- 0% {
2973
- background-position: 100% 50%;
2974
- }
2975
-
2976
- 50% {
2977
- background-position: 0% 50%;
2978
- }
2979
-
2980
- 100% {
2981
- background-position: 100% 50%;
2982
- }
2983
- }
2984
-
2985
- /**************** Premium Title ****************/
2986
- /***********************************************/
2987
- .premium-title-container {
2988
- position: relative;
2989
- width: 100%;
2990
- clear: both;
2991
- overflow: hidden;
2992
- }
2993
-
2994
- .premium-title-container .premium-title-header {
2995
- position: relative;
2996
- margin: 0;
2997
- padding: 10px;
2998
- }
2999
-
3000
- .premium-title-container .premium-title-header:not(.premium-title-style7) {
3001
- -webkit-box-align: center;
3002
- -webkit-align-items: center;
3003
- -moz-box-align: center;
3004
- -ms-flex-align: center;
3005
- align-items: center;
3006
- }
3007
-
3008
- .premium-title-container .premium-title-header svg {
3009
- width: 40px;
3010
- height: 40px;
3011
- }
3012
-
3013
- .premium-title-container .premium-title-header img {
3014
- width: 40px;
3015
- height: 40px;
3016
- -o-object-fit: cover;
3017
- object-fit: cover;
3018
- }
3019
-
3020
- .premium-title-container .premium-title-header a {
3021
- position: absolute;
3022
- top: 0;
3023
- right: 0;
3024
- width: 100%;
3025
- height: 100%;
3026
- }
3027
-
3028
- .premium-title-container .premium-lottie-animation {
3029
- -js-display: flex;
3030
- display: -webkit-box;
3031
- display: -webkit-flex;
3032
- display: -moz-box;
3033
- display: -ms-flexbox;
3034
- display: flex;
3035
- }
3036
-
3037
- .premium-title-icon-row .premium-title-icon {
3038
- margin-left: 10px;
3039
- }
3040
-
3041
- .premium-title-icon-row-reverse .premium-title-icon {
3042
- margin-right: 10px;
3043
- }
3044
-
3045
- .premium-title-style3,
3046
- .premium-title-style4 {
3047
- -js-display: flex;
3048
- display: -webkit-box;
3049
- display: -webkit-flex;
3050
- display: -moz-box;
3051
- display: -ms-flexbox;
3052
- display: flex;
3053
- }
3054
-
3055
- .premium-title-style1,
3056
- .premium-title-style2,
3057
- .premium-title-style5,
3058
- .premium-title-style6,
3059
- .premium-title-style8,
3060
- .premium-title-style9 {
3061
- -js-display: inline-flex;
3062
- display: -webkit-inline-box;
3063
- display: -webkit-inline-flex;
3064
- display: -moz-inline-box;
3065
- display: -ms-inline-flexbox;
3066
- display: inline-flex;
3067
- }
3068
-
3069
- .premium-title-style7 {
3070
- -js-display: inline-flex;
3071
- display: -webkit-inline-box;
3072
- display: -webkit-inline-flex;
3073
- display: -moz-inline-box;
3074
- display: -ms-inline-flexbox;
3075
- display: inline-flex;
3076
- -webkit-box-orient: vertical;
3077
- -webkit-box-direction: normal;
3078
- -webkit-flex-direction: column;
3079
- -moz-box-orient: vertical;
3080
- -moz-box-direction: normal;
3081
- -ms-flex-direction: column;
3082
- flex-direction: column;
3083
- }
3084
-
3085
- .premium-title-style7 .premium-title-style7-inner {
3086
- -js-display: flex;
3087
- display: -webkit-box;
3088
- display: -webkit-flex;
3089
- display: -moz-box;
3090
- display: -ms-flexbox;
3091
- display: flex;
3092
- -webkit-box-align: center;
3093
- -webkit-align-items: center;
3094
- -moz-box-align: center;
3095
- -ms-flex-align: center;
3096
- align-items: center;
3097
- }
3098
-
3099
- .premium-title-style1 {
3100
- border-width: 0;
3101
- border-right: 3px solid #6ec1e4;
3102
- }
3103
-
3104
- .premium-title-container.style2,
3105
- .premium-title-container.style4,
3106
- .premium-title-container.style5,
3107
- .premium-title-container.style6 {
3108
- border-bottom: 3px solid #6ec1e4;
3109
- }
3110
-
3111
- /*Style 6 Header*/
3112
- .premium-title-style6:before {
3113
- position: absolute;
3114
- right: 50%;
3115
- bottom: 0;
3116
- margin-right: -2px;
3117
- content: "";
3118
- border: 3px solid transparent;
3119
- }
3120
-
3121
- /*Style 6 Trinagle*/
3122
- .premium-title-style7-stripe-wrap {
3123
- -js-display: flex;
3124
- display: -webkit-box;
3125
- display: -webkit-flex;
3126
- display: -moz-box;
3127
- display: -ms-flexbox;
3128
- display: flex;
3129
- }
3130
-
3131
- .premium-title-style7:before {
3132
- display: none;
3133
- }
3134
-
3135
- .premium-title-style8 .premium-title-text[data-animation="shiny"] {
3136
- -webkit-background-size: 125px 125px !important;
3137
- background-size: 125px !important;
3138
- color: rgba(255, 255, 255, 0);
3139
- -webkit-background-clip: text !important;
3140
- background-clip: text !important;
3141
- -webkit-animation-name: pa-shinny-text !important;
3142
- animation-name: pa-shinny-text !important;
3143
- -webkit-animation-duration: var(--animation-speed) !important;
3144
- animation-duration: var(--animation-speed) !important;
3145
- -webkit-animation-iteration-count: infinite !important;
3146
- animation-iteration-count: infinite !important;
3147
- background: var(--base-color) -webkit-gradient(linear,
3148
- left top,
3149
- right top,
3150
- from(var(--base-color)),
3151
- to(var(--base-color)),
3152
- color-stop(0.5, var(--shiny-color))) 0 0 no-repeat;
3153
- }
3154
-
3155
- .premium-title-style9[data-animation-blur="process"] .premium-title-style9-letter {
3156
- -webkit-animation: pa-blur-shadow 2s 1 alternate;
3157
- animation: pa-blur-shadow 2s 1 alternate;
3158
- }
3159
-
3160
- .premium-title-gradient-yes .premium-title-text,
3161
- .premium-title-gradient-yes .premium-title-icon {
3162
- -webkit-background-clip: text;
3163
- -webkit-text-fill-color: transparent;
3164
- background-image: -webkit-gradient(linear, left top, right top, from(#ffa648), color-stop(#f17cc1), to(#4da9fd));
3165
- background-image: -webkit-linear-gradient(left, #ffa648, #f17cc1, #4da9fd);
3166
- background-image: linear-gradient(to right, #ffa648, #f17cc1, #4da9fd);
3167
- -webkit-animation: pa-text-gradient 8s infinite;
3168
- animation: pa-text-gradient 8s infinite;
3169
- }
3170
-
3171
- .premium-title-clipped .premium-title-header {
3172
- -webkit-text-fill-color: transparent;
3173
- -webkit-background-clip: text;
3174
- background-clip: text;
3175
- }
3176
-
3177
- @-webkit-keyframes pa-shinny-text {
3178
- 0% {
3179
- background-position: 100%;
3180
- }
3181
-
3182
- 100% {
3183
- background-position: -100%;
3184
- }
3185
- }
3186
-
3187
- @keyframes pa-shinny-text {
3188
- 0% {
3189
- background-position: 100%;
3190
- }
3191
-
3192
- 100% {
3193
- background-position: -100%;
3194
- }
3195
- }
3196
-
3197
- @-webkit-keyframes pa-blur-shadow {
3198
- from {
3199
- text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
3200
- color: transparent;
3201
- }
3202
-
3203
- to {
3204
- text-shadow: 0;
3205
- }
3206
- }
3207
-
3208
- @keyframes pa-blur-shadow {
3209
- from {
3210
- text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
3211
- color: transparent;
3212
- }
3213
-
3214
- to {
3215
- text-shadow: 0;
3216
- }
3217
- }
3218
-
3219
- @-webkit-keyframes pa-text-gradient {
3220
-
3221
- 0%,
3222
- 100% {
3223
- -webkit-filter: hue-rotate(0deg);
3224
- filter: hue-rotate(0deg);
3225
- }
3226
-
3227
- 50% {
3228
- -webkit-filter: hue-rotate(360deg);
3229
- filter: hue-rotate(360deg);
3230
- }
3231
- }
3232
-
3233
- @keyframes pa-text-gradient {
3234
-
3235
- 0%,
3236
- 100% {
3237
- -webkit-filter: hue-rotate(0deg);
3238
- filter: hue-rotate(0deg);
3239
- }
3240
-
3241
- 50% {
3242
- -webkit-filter: hue-rotate(360deg);
3243
- filter: hue-rotate(360deg);
3244
- }
3245
- }
3246
-
3247
- /*
3248
- * Common Title/Dual Heading
3249
- */
3250
- .premium-title-bg-text:before {
3251
- position: absolute;
3252
- content: attr(data-background);
3253
- top: 0;
3254
- left: 0;
3255
- text-align: left;
3256
- }
3257
-
3258
- .premium-mask-yes .premium-dual-header-first-clip .premium-dual-header-first-span .premium-mask-span,
3259
- .premium-mask-yes .premium-dual-header-second-clip .premium-mask-span {
3260
- background: inherit;
3261
- }
3262
-
3263
- .premium-mask-yes .premium-mask-span {
3264
- position: relative;
3265
- overflow: hidden;
3266
- -js-display: inline-flex !important;
3267
- display: -webkit-inline-box !important;
3268
- display: -webkit-inline-flex !important;
3269
- display: -moz-inline-box !important;
3270
- display: -ms-inline-flexbox !important;
3271
- display: inline-flex !important;
3272
- }
3273
-
3274
- .premium-mask-yes .premium-mask-span::after {
3275
- content: "";
3276
- position: absolute;
3277
- top: 0;
3278
- right: 0px;
3279
- width: 100%;
3280
- height: 100%;
3281
- background-color: currentColor;
3282
- -webkit-backface-visibility: visible;
3283
- backface-visibility: visible;
3284
- }
3285
-
3286
- .premium-mask-active.premium-mask-tr .premium-mask-span::after {
3287
- -webkit-animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3288
- animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3289
- -webkit-transform: translateX(-103%);
3290
- -ms-transform: translateX(-103%);
3291
- transform: translateX(-103%);
3292
- }
3293
-
3294
- .premium-mask-active.premium-mask-tl .premium-mask-span::after {
3295
- -webkit-animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3296
- animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3297
- -webkit-transform: translateX(103%);
3298
- -ms-transform: translateX(103%);
3299
- transform: translateX(103%);
3300
- }
3301
-
3302
- .premium-mask-active.premium-mask-tb .premium-mask-span::after {
3303
- -webkit-animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3304
- animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3305
- -webkit-transform: translateY(-103%);
3306
- -ms-transform: translateY(-103%);
3307
- transform: translateY(-103%);
3308
- }
3309
-
3310
- .premium-mask-active.premium-mask-tt .premium-mask-span::after {
3311
- -webkit-animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3312
- animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3313
- -webkit-transform: translateY(103%);
3314
- -ms-transform: translateY(103%);
3315
- transform: translateY(103%);
3316
- }
3317
-
3318
- @-webkit-keyframes pa-mask-tr {
3319
- 0% {
3320
- -webkit-transform: translateX(0%);
3321
- transform: translateX(0%);
3322
- }
3323
-
3324
- 100% {
3325
- -webkit-transform: translateX(103%);
3326
- transform: translateX(103%);
3327
- }
3328
- }
3329
-
3330
- @keyframes pa-mask-tr {
3331
- 0% {
3332
- -webkit-transform: translateX(0%);
3333
- transform: translateX(0%);
3334
- }
3335
-
3336
- 100% {
3337
- -webkit-transform: translateX(103%);
3338
- transform: translateX(103%);
3339
- }
3340
- }
3341
-
3342
- @-webkit-keyframes pa-mask-tl {
3343
- 0% {
3344
- -webkit-transform: translateX(0%);
3345
- transform: translateX(0%);
3346
- }
3347
-
3348
- 100% {
3349
- -webkit-transform: translateX(-103%);
3350
- transform: translateX(-103%);
3351
- }
3352
- }
3353
-
3354
- @keyframes pa-mask-tl {
3355
- 0% {
3356
- -webkit-transform: translateX(0%);
3357
- transform: translateX(0%);
3358
- }
3359
-
3360
- 100% {
3361
- -webkit-transform: translateX(-103%);
3362
- transform: translateX(-103%);
3363
- }
3364
- }
3365
-
3366
- @-webkit-keyframes pa-mask-tb {
3367
- 0% {
3368
- -webkit-transform: translateY(0%);
3369
- transform: translateY(0%);
3370
- }
3371
-
3372
- 100% {
3373
- -webkit-transform: translateY(103%);
3374
- transform: translateY(103%);
3375
- }
3376
- }
3377
-
3378
- @keyframes pa-mask-tb {
3379
- 0% {
3380
- -webkit-transform: translateY(0%);
3381
- transform: translateY(0%);
3382
- }
3383
-
3384
- 100% {
3385
- -webkit-transform: translateY(103%);
3386
- transform: translateY(103%);
3387
- }
3388
- }
3389
-
3390
- @-webkit-keyframes pa-mask-tt {
3391
- 0% {
3392
- -webkit-transform: translateY(0%);
3393
- transform: translateY(0%);
3394
- }
3395
-
3396
- 100% {
3397
- -webkit-transform: translateY(-103%);
3398
- transform: translateY(-103%);
3399
- }
3400
- }
3401
-
3402
- @keyframes pa-mask-tt {
3403
- 0% {
3404
- -webkit-transform: translateY(0%);
3405
- transform: translateY(0%);
3406
- }
3407
-
3408
- 100% {
3409
- -webkit-transform: translateY(-103%);
3410
- transform: translateY(-103%);
3411
- }
3412
- }
3413
-
3414
- /**************** Premium Video Box ************/
3415
- /***********************************************/
3416
- .premium-video-box-transform {
3417
- -webkit-transform: none !important;
3418
- -ms-transform: none !important;
3419
- transform: none !important;
3420
- }
3421
-
3422
- .premium-video-box-container {
3423
- -js-display: flex;
3424
- display: -webkit-box;
3425
- display: -webkit-flex;
3426
- display: -moz-box;
3427
- display: -ms-flexbox;
3428
- display: flex;
3429
- -webkit-box-orient: vertical;
3430
- -webkit-box-direction: normal;
3431
- -webkit-flex-direction: column;
3432
- -moz-box-orient: vertical;
3433
- -moz-box-direction: normal;
3434
- -ms-flex-direction: column;
3435
- flex-direction: column;
3436
- }
3437
-
3438
- .premium-video-box-container>div {
3439
- position: relative;
3440
- overflow: hidden;
3441
- }
3442
-
3443
- .pa-aspect-ratio-11 .premium-video-box-container>div {
3444
- padding-bottom: 100%;
3445
- }
3446
-
3447
- .pa-aspect-ratio-169 .premium-video-box-container>div {
3448
- padding-bottom: 56.25%;
3449
- }
3450
-
3451
- .pa-aspect-ratio-43 .premium-video-box-container>div {
3452
- padding-bottom: 75%;
3453
- }
3454
-
3455
- .pa-aspect-ratio-32 .premium-video-box-container>div {
3456
- padding-bottom: 66.6666%;
3457
- }
3458
-
3459
- .pa-aspect-ratio-219 .premium-video-box-container>div {
3460
- padding-bottom: 42.8571%;
3461
- }
3462
-
3463
- .pa-aspect-ratio-916 .premium-video-box-container>div {
3464
- padding-bottom: 177.8%;
3465
- }
3466
-
3467
- .premium-video-box-image-container {
3468
- position: absolute;
3469
- top: 0;
3470
- right: 0;
3471
- bottom: 0;
3472
- left: 0;
3473
- width: 100%;
3474
- height: 100%;
3475
- -webkit-background-size: cover;
3476
- background-size: cover;
3477
- background-position: 50%;
3478
- cursor: pointer;
3479
- margin: auto;
3480
- -webkit-transition: 0.2s all;
3481
- transition: 0.2s all;
3482
- }
3483
-
3484
- .premium-video-box-play-icon-container {
3485
- position: absolute;
3486
- z-index: 2;
3487
- cursor: pointer;
3488
- -webkit-transform: translate(50%, -50%);
3489
- -ms-transform: translate(50%, -50%);
3490
- transform: translate(50%, -50%);
3491
- background: rgba(252, 252, 252, 0.35);
3492
- }
3493
-
3494
- .premium-video-box-description-container {
3495
- position: absolute;
3496
- z-index: 2;
3497
- padding: 5px;
3498
- text-align: center;
3499
- cursor: pointer;
3500
- -webkit-transform: translate(50%, -50%);
3501
- -ms-transform: translate(50%, -50%);
3502
- transform: translate(50%, -50%);
3503
- }
3504
-
3505
- .premium-video-box-text {
3506
- margin-bottom: 0 !important;
3507
- -webkit-transition: all 0.3s ease-in-out;
3508
- transition: all 0.3s ease-in-out;
3509
- }
3510
-
3511
- .premium-video-box-play-icon {
3512
- padding: 15px;
3513
- -webkit-transform: translateX(-4%);
3514
- -ms-transform: translateX(-4%);
3515
- transform: translateX(-4%);
3516
- -webkit-transition: all 0.3s ease-in-out;
3517
- transition: all 0.3s ease-in-out;
3518
- }
3519
-
3520
- .premium-video-box-video-container {
3521
- position: absolute;
3522
- top: 0;
3523
- right: 0;
3524
- z-index: 2;
3525
- width: 100%;
3526
- height: 100%;
3527
- -webkit-transition: opacity 0.8s ease-in-out;
3528
- transition: opacity 0.8s ease-in-out;
3529
- overflow: hidden;
3530
- cursor: pointer;
3531
- }
3532
-
3533
- .premium-video-box-container[data-overlay="true"][data-type="self"] .premium-video-box-video-container {
3534
- opacity: 0;
3535
- visibility: hidden;
3536
- }
3537
-
3538
- .premium-video-box-video-container iframe {
3539
- max-width: 100%;
3540
- width: 100%;
3541
- height: 100%;
3542
- margin: 0;
3543
- line-height: 1;
3544
- border: none;
3545
- }
3546
-
3547
- .premium-video-box-video-container video {
3548
- max-width: 100%;
3549
- width: 100%;
3550
- height: 100%;
3551
- margin: 0;
3552
- line-height: 1;
3553
- border: none;
3554
- background-color: #000;
3555
- -o-object-fit: contain;
3556
- object-fit: contain;
3557
- }
3558
-
3559
- .premium-video-box-container .premium-video-box-vimeo-wrap {
3560
- -js-display: flex;
3561
- display: -webkit-box;
3562
- display: -webkit-flex;
3563
- display: -moz-box;
3564
- display: -ms-flexbox;
3565
- display: flex;
3566
- position: absolute;
3567
- top: 0;
3568
- right: 0;
3569
- z-index: 3;
3570
- margin: 10px;
3571
- margin-left: 10px;
3572
- -webkit-transition: opacity 0.2s ease-out;
3573
- transition: opacity 0.2s ease-out;
3574
- margin-left: 4.6em;
3575
- }
3576
-
3577
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-portrait {
3578
- width: 60px;
3579
- height: 60px;
3580
- background: rgba(23, 35, 34, 0.75);
3581
- margin-left: 1px;
3582
- -webkit-box-flex: 1;
3583
- -webkit-flex: 1 0 auto;
3584
- -moz-box-flex: 1;
3585
- -ms-flex: 1 0 auto;
3586
- flex: 1 0 auto;
3587
- padding: 0;
3588
- }
3589
-
3590
- .premium-video-box-vimeo-portrait img {
3591
- width: 50px;
3592
- height: 50px;
3593
- margin: 5px;
3594
- padding: 0;
3595
- border: 0;
3596
- -webkit-border-radius: 50%;
3597
- border-radius: 50%;
3598
- }
3599
-
3600
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-headers {
3601
- font-size: 10px;
3602
- }
3603
-
3604
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-title {
3605
- max-width: 100%;
3606
- font-size: 2em !important;
3607
- font-weight: 700;
3608
- margin: 0;
3609
- padding: 0.1em 0.2em;
3610
- background: rgba(23, 35, 34, 0.75);
3611
- display: inline-block;
3612
- text-transform: none;
3613
- line-height: normal;
3614
- letter-spacing: normal;
3615
- }
3616
-
3617
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-byline {
3618
- font-size: 1.2em !important;
3619
- font-weight: 400;
3620
- color: #fff;
3621
- margin-top: 0.1em;
3622
- padding: 0.2em 0.5em;
3623
- background: rgba(23, 35, 34, 0.75);
3624
- text-transform: none;
3625
- line-height: normal;
3626
- letter-spacing: normal;
3627
- }
3628
-
3629
- .premium-video-box-playlist-container {
3630
- -js-display: flex;
3631
- display: -webkit-box;
3632
- display: -webkit-flex;
3633
- display: -moz-box;
3634
- display: -ms-flexbox;
3635
- display: flex;
3636
- -webkit-flex-wrap: wrap;
3637
- -ms-flex-wrap: wrap;
3638
- flex-wrap: wrap;
3639
- }
3640
-
3641
- .premium-video-box-playlist-container .premium-video-box-container {
3642
- height: 100%;
3643
- overflow: hidden;
3644
- }
3645
-
3646
- .premium-video-box-container:hover .premium-video-box-image-container.zoomin {
3647
- -webkit-transform: scale(1.1);
3648
- -ms-transform: scale(1.1);
3649
- transform: scale(1.1);
3650
- }
3651
-
3652
- .premium-video-box-container:hover .premium-video-box-image-container.zoomout {
3653
- -webkit-transform: scale(1);
3654
- -ms-transform: scale(1);
3655
- transform: scale(1);
3656
- }
3657
-
3658
- .premium-video-box-container:hover .premium-video-box-image-container.scale {
3659
- -webkit-transform: scale(1.3) rotate(-5deg);
3660
- -ms-transform: scale(1.3) rotate(-5deg);
3661
- transform: scale(1.3) rotate(-5deg);
3662
- }
3663
-
3664
- .premium-video-box-container:hover .premium-video-box-image-container.gray {
3665
- -webkit-filter: grayscale(0%);
3666
- filter: grayscale(0%);
3667
- }
3668
-
3669
- .premium-video-box-container:hover .premium-video-box-image-container.blur {
3670
- -webkit-filter: blur(3px);
3671
- filter: blur(3px);
3672
- }
3673
-
3674
- .premium-video-box-container:hover .premium-video-box-image-container.sepia {
3675
- -webkit-filter: sepia(0%);
3676
- filter: sepia(0%);
3677
- }
3678
-
3679
- .premium-video-box-container:hover .premium-video-box-image-container.trans {
3680
- -webkit-transform: translateX(0px) scale(1.1);
3681
- -ms-transform: translateX(0px) scale(1.1);
3682
- transform: translateX(0px) scale(1.1);
3683
- }
3684
-
3685
- .premium-video-box-container:hover .premium-video-box-image-container.bright {
3686
- -webkit-filter: brightness(1.2);
3687
- filter: brightness(1.2);
3688
- }
3689
-
3690
- .premium-video-box-image-container.gray {
3691
- -webkit-filter: grayscale(100%);
3692
- filter: grayscale(100%);
3693
- }
3694
-
3695
- .premium-video-box-image-container.zoomout,
3696
- .premium-video-box-image-container.scale {
3697
- -webkit-transform: scale(1.2);
3698
- -ms-transform: scale(1.2);
3699
- transform: scale(1.2);
3700
- }
3701
-
3702
- .premium-video-box-image-container.sepia {
3703
- -webkit-filter: sepia(30%);
3704
- filter: sepia(30%);
3705
- }
3706
-
3707
- .premium-video-box-image-container.bright {
3708
- -webkit-filter: brightness(1);
3709
- filter: brightness(1);
3710
- }
3711
-
3712
- .premium-video-box-image-container.trans {
3713
- -webkit-transform: translateX(15px) scale(1.1);
3714
- -ms-transform: translateX(15px) scale(1.1);
3715
- transform: translateX(15px) scale(1.1);
3716
- }
3717
-
3718
- .premium-video-box-mask-media {
3719
- -webkit-mask-repeat: no-repeat;
3720
- mask-repeat: no-repeat;
3721
- }
3722
-
3723
- /* Sticky Video Option */
3724
- .premium-video-box-container.premium-video-box-sticky-apply {
3725
- z-index: 99;
3726
- overflow: unset;
3727
- }
3728
-
3729
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3730
- position: fixed !important;
3731
- z-index: 99999;
3732
- height: 225px;
3733
- width: 400px;
3734
- background: #fff;
3735
- }
3736
-
3737
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-vimeo-wrap,
3738
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-container:before {
3739
- visibility: hidden;
3740
- }
3741
-
3742
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3743
- -webkit-box-shadow: unset;
3744
- box-shadow: unset;
3745
- }
3746
-
3747
- .premium-video-box-sticky-close,
3748
- .premium-video-box-sticky-infobar {
3749
- display: none;
3750
- }
3751
-
3752
- .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3753
- position: absolute;
3754
- padding: 5px;
3755
- cursor: pointer;
3756
- z-index: 99999;
3757
- height: 14px;
3758
- width: 14px;
3759
- -webkit-box-sizing: content-box;
3760
- -moz-box-sizing: content-box;
3761
- box-sizing: content-box;
3762
- -webkit-border-radius: 100%;
3763
- border-radius: 100%;
3764
- -js-display: flex;
3765
- display: -webkit-box;
3766
- display: -webkit-flex;
3767
- display: -moz-box;
3768
- display: -ms-flexbox;
3769
- display: flex;
3770
- -webkit-box-pack: center;
3771
- -webkit-justify-content: center;
3772
- -moz-box-pack: center;
3773
- -ms-flex-pack: center;
3774
- justify-content: center;
3775
- -webkit-box-align: center;
3776
- -webkit-align-items: center;
3777
- -moz-box-align: center;
3778
- -ms-flex-align: center;
3779
- align-items: center;
3780
- }
3781
-
3782
- .premium-video-box-sticky-apply .premium-video-box-play-icon-container {
3783
- -js-display: flex;
3784
- display: -webkit-box;
3785
- display: -webkit-flex;
3786
- display: -moz-box;
3787
- display: -ms-flexbox;
3788
- display: flex;
3789
- }
3790
-
3791
- .premium-video-box-sticky-apply .premium-video-box-play-icon {
3792
- -webkit-transition: none;
3793
- transition: none;
3794
- }
3795
-
3796
- .premium-video-box-sticky-apply .premium-video-box-sticky-infobar {
3797
- display: block;
3798
- position: relative;
3799
- top: 100%;
3800
- width: 100%;
3801
- padding: 5px;
3802
- text-align: center;
3803
- z-index: 9999;
3804
- margin-top: -1px;
3805
- }
3806
-
3807
- .premium-video-box-sticky-apply .premium-video-box-inner-wrap.ui-draggable {
3808
- cursor: move;
3809
- }
3810
-
3811
- .premium-video-sticky-top-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3812
- left: auto;
3813
- right: 20px;
3814
- top: 20px;
3815
- }
3816
-
3817
- .premium-video-sticky-bottom-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3818
- left: auto;
3819
- right: 20px;
3820
- bottom: 20px;
3821
- }
3822
-
3823
- .premium-video-sticky-top-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3824
- right: auto;
3825
- left: 20px;
3826
- top: 20px;
3827
- }
3828
-
3829
- .premium-video-sticky-bottom-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3830
- right: auto;
3831
- left: 20px;
3832
- bottom: 20px;
3833
- }
3834
-
3835
- .premium-video-sticky-center-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3836
- left: auto;
3837
- right: 20px;
3838
- top: 50%;
3839
- -webkit-transform: translateY(-50%);
3840
- -ms-transform: translateY(-50%);
3841
- transform: translateY(-50%);
3842
- }
3843
-
3844
- .premium-video-sticky-center-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3845
- right: auto;
3846
- left: 20px;
3847
- top: 50%;
3848
- -webkit-transform: translateY(-50%);
3849
- -ms-transform: translateY(-50%);
3850
- transform: translateY(-50%);
3851
- }
3852
-
3853
- .premium-video-sticky-bottom-right .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap,
3854
- .premium-video-sticky-bottom-left .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3855
- bottom: 55px;
3856
- }
3857
-
3858
- .premium-video-sticky-top-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3859
- .premium-video-sticky-bottom-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3860
- .premium-video-sticky-center-left .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3861
- top: -10px;
3862
- left: -10px;
3863
- }
3864
-
3865
- .premium-video-sticky-top-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3866
- .premium-video-sticky-bottom-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3867
- .premium-video-sticky-center-right .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3868
- top: -10px;
3869
- right: -10px;
3870
- }
3871
-
3872
- .premium-video-box-filter-sticky {
3873
- -webkit-filter: none !important;
3874
- filter: none !important;
3875
- }
3876
-
3877
- /**************** Premium Blog *****************/
3878
- /***********************************************/
3879
- .premium-blog-thumb-effect-wrapper {
3880
- position: relative;
3881
- overflow: hidden;
3882
- }
3883
-
3884
- .premium-blog-effect-container:not(.premium-blog-bordered-effect) .premium-blog-post-link {
3885
- position: absolute;
3886
- top: 0;
3887
- right: 0;
3888
- width: 100%;
3889
- height: 100%;
3890
- z-index: 2;
3891
- padding: 20px;
3892
- }
3893
-
3894
- .premium-blog-bordered-effect .premium-blog-post-link {
3895
- display: block;
3896
- height: 100%;
3897
- position: relative;
3898
- }
3899
-
3900
- /*Thumbnail Img*/
3901
- .premium-blog-thumbnail-container {
3902
- overflow: hidden;
3903
- }
3904
-
3905
- .premium-blog-thumbnail-container img,
3906
- .premium-blog-thumbnail-container .below-entry-meta {
3907
- width: 100%;
3908
- height: 100%;
3909
- margin: 0 !important;
3910
- -webkit-transition: all 0.4s ease-in-out;
3911
- transition: all 0.4s ease-in-out;
3912
- }
3913
-
3914
- .premium-blog-thumb-effect-wrapper .premium-blog-zoomout-effect img,
3915
- .premium-blog-thumb-effect-wrapper .premium-blog-scale-effect img {
3916
- -webkit-transform: scale(1.2);
3917
- -ms-transform: scale(1.2);
3918
- transform: scale(1.2);
3919
- }
3920
-
3921
- .premium-blog-thumb-effect-wrapper .premium-blog-sepia-effect img {
3922
- -webkit-filter: sepia(30%);
3923
- filter: sepia(30%);
3924
- }
3925
-
3926
- .premium-blog-thumb-effect-wrapper .premium-blog-bright-effect img {
3927
- -webkit-filter: brightness(1);
3928
- filter: brightness(1);
3929
- }
3930
-
3931
- .premium-blog-thumb-effect-wrapper .premium-blog-trans-effect img {
3932
- -webkit-transform: translateX(15px) scale(1.1);
3933
- -ms-transform: translateX(15px) scale(1.1);
3934
- transform: translateX(15px) scale(1.1);
3935
- }
3936
-
3937
- .premium-blog-post-outer-container:hover .premium-blog-zoomin-effect img {
3938
- -webkit-transform: scale(1.2);
3939
- -ms-transform: scale(1.2);
3940
- transform: scale(1.2);
3941
- }
3942
-
3943
- .premium-blog-post-outer-container:hover .premium-blog-zoomout-effect img {
3944
- -webkit-transform: scale(1.1);
3945
- -ms-transform: scale(1.1);
3946
- transform: scale(1.1);
3947
- }
3948
-
3949
- .premium-blog-post-outer-container:hover .premium-blog-scale-effect img {
3950
- -webkit-transform: scale(1.3) rotate(-5deg);
3951
- -ms-transform: scale(1.3) rotate(-5deg);
3952
- transform: scale(1.3) rotate(-5deg);
3953
- }
3954
-
3955
- .premium-blog-post-outer-container:hover .premium-blog-gray-effect img {
3956
- -webkit-filter: grayscale(100%);
3957
- filter: grayscale(100%);
3958
- }
3959
-
3960
- .premium-blog-post-outer-container:hover .premium-blog-blur-effect img {
3961
- -webkit-filter: blur(3px);
3962
- filter: blur(3px);
3963
- }
3964
-
3965
- .premium-blog-post-outer-container:hover .premium-blog-sepia-effect img {
3966
- -webkit-filter: sepia(0%);
3967
- filter: sepia(0%);
3968
- }
3969
-
3970
- .premium-blog-post-outer-container:hover .premium-blog-bright-effect img {
3971
- -webkit-filter: brightness(1.2);
3972
- filter: brightness(1.2);
3973
- }
3974
-
3975
- .premium-blog-post-outer-container:hover .premium-blog-trans-effect img {
3976
- -webkit-transform: translateX(0px) scale(1.1);
3977
- -ms-transform: translateX(0px) scale(1.1);
3978
- transform: translateX(0px) scale(1.1);
3979
- }
3980
-
3981
- .premium-blog-post-container {
3982
- overflow: hidden;
3983
- }
3984
-
3985
- .premium-blog-post-container .premium-blog-inner-container {
3986
- -js-display: flex;
3987
- display: -webkit-box;
3988
- display: -webkit-flex;
3989
- display: -moz-box;
3990
- display: -ms-flexbox;
3991
- display: flex;
3992
- }
3993
-
3994
- .premium-blog-post-container .premium-blog-post-content {
3995
- line-height: 1.5em;
3996
- color: #777;
3997
- font-size: 14px;
3998
- margin-bottom: 10px;
3999
- }
4000
-
4001
- .premium-blog-post-container ul.post-categories a:hover,
4002
- .premium-blog-post-container ul.post-categories a:focus,
4003
- .premium-blog-post-container .premium-blog-post-link:hover,
4004
- .premium-blog-post-container .premium-blog-post-link:focus {
4005
- -webkit-box-shadow: none !important;
4006
- box-shadow: none !important;
4007
- outline: none !important;
4008
- }
4009
-
4010
- .premium-blog-post-container .premium-blog-entry-title {
4011
- font-size: 18px;
4012
- margin-bottom: 5px;
4013
- }
4014
-
4015
- .premium-blog-post-container.premium-blog-skin-modern .premium-blog-content-wrapper {
4016
- position: relative;
4017
- z-index: 3;
4018
- top: -50px;
4019
- }
4020
-
4021
- .premium-blog-post-container .premium-blog-content-wrapper {
4022
- background-color: #f5f5f5;
4023
- padding: 30px;
4024
- }
4025
-
4026
- .premium-blog-post-container .premium-blog-content-wrapper.empty-thumb {
4027
- top: 0;
4028
- }
4029
-
4030
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before,
4031
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:after {
4032
- position: absolute;
4033
- content: "";
4034
- z-index: 1;
4035
- top: 50%;
4036
- right: 50%;
4037
- opacity: 0;
4038
- -webkit-transform: translate(50%, -50%);
4039
- -ms-transform: translate(50%, -50%);
4040
- transform: translate(50%, -50%);
4041
- -webkit-transition: all 0.4s linear 0s;
4042
- transition: all 0.4s linear 0s;
4043
- height: 1px;
4044
- width: 100%;
4045
- background-color: #fff;
4046
- }
4047
-
4048
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before {
4049
- width: 1px;
4050
- height: 100%;
4051
- }
4052
-
4053
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-container:after {
4054
- width: 20px;
4055
- opacity: 1;
4056
- }
4057
-
4058
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-container:before {
4059
- height: 20px;
4060
- opacity: 1;
4061
- }
4062
-
4063
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-content-wrapper {
4064
- margin: 0px 10px 20px;
4065
- clear: both;
4066
- }
4067
-
4068
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay,
4069
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay,
4070
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay {
4071
- position: absolute;
4072
- top: 0;
4073
- right: 0;
4074
- width: 100%;
4075
- height: 100%;
4076
- -webkit-transition: all 0.3s ease-in-out;
4077
- transition: all 0.3s ease-in-out;
4078
- opacity: 0;
4079
- }
4080
-
4081
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay a,
4082
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay a,
4083
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay a {
4084
- -js-display: flex;
4085
- display: -webkit-box;
4086
- display: -webkit-flex;
4087
- display: -moz-box;
4088
- display: -ms-flexbox;
4089
- display: flex;
4090
- -webkit-box-pack: center;
4091
- -webkit-justify-content: center;
4092
- -moz-box-pack: center;
4093
- -ms-flex-pack: center;
4094
- justify-content: center;
4095
- -webkit-box-align: center;
4096
- -webkit-align-items: center;
4097
- -moz-box-align: center;
4098
- -ms-flex-align: center;
4099
- align-items: center;
4100
- width: 100%;
4101
- height: 100%;
4102
- }
4103
-
4104
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay span,
4105
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay i,
4106
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay span,
4107
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay i,
4108
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay span,
4109
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay i {
4110
- -webkit-transition: all 0.3s ease-in-out;
4111
- transition: all 0.3s ease-in-out;
4112
- }
4113
-
4114
- .premium-blog-post-container.premium-blog-skin-side {
4115
- -js-display: flex;
4116
- display: -webkit-box;
4117
- display: -webkit-flex;
4118
- display: -moz-box;
4119
- display: -ms-flexbox;
4120
- display: flex;
4121
- }
4122
-
4123
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-container {
4124
- height: 100%;
4125
- }
4126
-
4127
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-content-wrapper {
4128
- -webkit-box-flex: 1;
4129
- -webkit-flex: 1;
4130
- -moz-box-flex: 1;
4131
- -ms-flex: 1;
4132
- flex: 1;
4133
- }
4134
-
4135
- .premium-blog-post-container.premium-blog-skin-banner {
4136
- position: relative;
4137
- }
4138
-
4139
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper {
4140
- position: absolute;
4141
- width: 100%;
4142
- bottom: 0;
4143
- -js-display: flex;
4144
- display: -webkit-box;
4145
- display: -webkit-flex;
4146
- display: -moz-box;
4147
- display: -ms-flexbox;
4148
- display: flex;
4149
- -webkit-box-orient: vertical;
4150
- -webkit-box-direction: normal;
4151
- -webkit-flex-direction: column;
4152
- -moz-box-orient: vertical;
4153
- -moz-box-direction: normal;
4154
- -ms-flex-direction: column;
4155
- flex-direction: column;
4156
- background-color: transparent;
4157
- z-index: 3;
4158
- }
4159
-
4160
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper-inner {
4161
- -webkit-transition: -webkit-transform 0.3s ease-in-out;
4162
- transition: -webkit-transform 0.3s ease-in-out;
4163
- transition: transform 0.3s ease-in-out;
4164
- transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
4165
- }
4166
-
4167
- .premium-blog-post-container.premium-blog-skin-banner:hover .premium-blog-content-wrapper-inner {
4168
- -webkit-transform: translateY(-5px);
4169
- -ms-transform: translateY(-5px);
4170
- transform: translateY(-5px);
4171
- }
4172
-
4173
- .premium-blog-post-container .premium-blog-cats-container ul.post-categories {
4174
- margin: 0;
4175
- padding: 0;
4176
- list-style: none;
4177
- -js-display: flex;
4178
- display: -webkit-box;
4179
- display: -webkit-flex;
4180
- display: -moz-box;
4181
- display: -ms-flexbox;
4182
- display: flex;
4183
- }
4184
-
4185
- .premium-blog-post-container .premium-blog-cats-container a {
4186
- display: block;
4187
- font-size: 12px;
4188
- color: #fff;
4189
- background-color: #777;
4190
- margin: 0 0 10px 3px;
4191
- padding: 5px;
4192
- -webkit-transition: all 0.3s ease-in-out;
4193
- transition: all 0.3s ease-in-out;
4194
- }
4195
-
4196
- /*
4197
- * Diagonal Effect
4198
- */
4199
- .premium-blog-diagonal-container {
4200
- position: absolute;
4201
- top: 0;
4202
- right: 0;
4203
- width: 100%;
4204
- height: 100%;
4205
- }
4206
-
4207
- .premium-blog-diagonal-effect:before {
4208
- position: absolute;
4209
- top: 0px;
4210
- right: 0px;
4211
- width: 100%;
4212
- height: 100%;
4213
- content: " ";
4214
- z-index: 1;
4215
- background: rgba(255, 255, 255, 0.2);
4216
- -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
4217
- transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
4218
- -webkit-transition: all 0.3s linear 0s;
4219
- transition: all 0.3s linear 0s;
4220
- }
4221
-
4222
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-diagonal-effect:before {
4223
- -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
4224
- transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
4225
- }
4226
-
4227
- /*
4228
- * Framed Effect
4229
- */
4230
- .premium-blog-framed-effect {
4231
- position: absolute;
4232
- width: -webkit-calc(100% - 30px);
4233
- width: calc(100% - 30px);
4234
- height: -webkit-calc(100% - 30px);
4235
- height: calc(100% - 30px);
4236
- top: 15px;
4237
- right: 15px;
4238
- opacity: 0;
4239
- -webkit-transform: scale(0.3);
4240
- -ms-transform: scale(0.3);
4241
- transform: scale(0.3);
4242
- -webkit-transition: all 0.3s linear 0s;
4243
- transition: all 0.3s linear 0s;
4244
- }
4245
-
4246
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-framed-effect {
4247
- opacity: 0.99;
4248
- -webkit-transform: scale(1);
4249
- -ms-transform: scale(1);
4250
- transform: scale(1);
4251
- }
4252
-
4253
- /*
4254
- * Bordered Effect
4255
- */
4256
- .premium-blog-bordered-effect {
4257
- position: absolute;
4258
- top: 0;
4259
- right: 0;
4260
- width: 100%;
4261
- height: 100%;
4262
- opacity: 0;
4263
- padding: 15px;
4264
- -webkit-transition: all 0.3s linear 0s;
4265
- transition: all 0.3s linear 0s;
4266
- }
4267
-
4268
- .premium-blog-bordered-effect .premium-blog-post-link:before,
4269
- .premium-blog-bordered-effect .premium-blog-post-link:after {
4270
- content: "";
4271
- display: block;
4272
- position: absolute;
4273
- top: 0;
4274
- right: 0;
4275
- width: 100%;
4276
- height: 100%;
4277
- -webkit-transition: all 0.5s linear 0s;
4278
- transition: all 0.5s linear 0s;
4279
- -webkit-transition-delay: 0s;
4280
- transition-delay: 0s;
4281
- border-color: rgba(255, 255, 255, 0.45);
4282
- }
4283
-
4284
- .premium-blog-bordered-effect .premium-blog-post-link:before {
4285
- border-left: 2px solid;
4286
- border-right: 2px solid;
4287
- -webkit-transform: scale(1, 0);
4288
- -ms-transform: scale(1, 0);
4289
- transform: scale(1, 0);
4290
- -webkit-transform-origin: 0% 0;
4291
- -ms-transform-origin: 0% 0;
4292
- transform-origin: 0% 0;
4293
- }
4294
-
4295
- .premium-blog-bordered-effect .premium-blog-post-link:after {
4296
- border-top: 2px solid;
4297
- border-bottom: 2px solid;
4298
- -webkit-transform: scale(0, 1);
4299
- -ms-transform: scale(0, 1);
4300
- transform: scale(0, 1);
4301
- -webkit-transform-origin: 100% 0;
4302
- -ms-transform-origin: 100% 0;
4303
- transform-origin: 100% 0;
4304
- }
4305
-
4306
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect {
4307
- opacity: 0.99;
4308
- }
4309
-
4310
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect .premium-blog-post-link:before,
4311
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect .premium-blog-post-link:after {
4312
- -webkit-transition-delay: 0.15s;
4313
- transition-delay: 0.15s;
4314
- opacity: 1;
4315
- -webkit-transform: scale(1);
4316
- -ms-transform: scale(1);
4317
- transform: scale(1);
4318
- }
4319
-
4320
- /*
4321
- * Squares Effect
4322
- */
4323
- .premium-blog-squares-effect,
4324
- .premium-blog-squares-square-container {
4325
- position: absolute;
4326
- top: 0;
4327
- right: 0;
4328
- width: 100%;
4329
- height: 100%;
4330
- }
4331
-
4332
- .premium-blog-squares-effect:before,
4333
- .premium-blog-squares-effect:after {
4334
- position: absolute;
4335
- content: "";
4336
- top: 0;
4337
- right: 0;
4338
- width: 50%;
4339
- height: 50%;
4340
- -webkit-transform: translate(100%, -100%);
4341
- -ms-transform: translate(100%, -100%);
4342
- transform: translate(100%, -100%);
4343
- opacity: 0.7;
4344
- -webkit-transition: all 0.3s linear 0s;
4345
- transition: all 0.3s linear 0s;
4346
- }
4347
-
4348
- .premium-blog-squares-square-container:before,
4349
- .premium-blog-squares-square-container:after {
4350
- position: absolute;
4351
- content: "";
4352
- top: 0;
4353
- right: 0;
4354
- width: 50%;
4355
- height: 50%;
4356
- -webkit-transform: translate(100%, -100%);
4357
- -ms-transform: translate(100%, -100%);
4358
- transform: translate(100%, -100%);
4359
- opacity: 0.7;
4360
- -webkit-transition: all 0.3s linear 0s;
4361
- transition: all 0.3s linear 0s;
4362
- }
4363
-
4364
- .premium-blog-squares-square-container:before,
4365
- .premium-blog-squares-square-container:after {
4366
- opacity: 0.8;
4367
- }
4368
-
4369
- .premium-blog-squares-effect:after {
4370
- -webkit-transform: translate(-200%, 200%);
4371
- -ms-transform: translate(-200%, 200%);
4372
- transform: translate(-200%, 200%);
4373
- }
4374
-
4375
- .premium-blog-squares-square-container:before {
4376
- -webkit-transform: translate(100%, 200%);
4377
- -ms-transform: translate(100%, 200%);
4378
- transform: translate(100%, 200%);
4379
- }
4380
-
4381
- .premium-blog-squares-square-container:after {
4382
- -webkit-transform: translate(-200%, -100%);
4383
- -ms-transform: translate(-200%, -100%);
4384
- transform: translate(-200%, -100%);
4385
- }
4386
-
4387
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:before {
4388
- -webkit-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
4389
- -ms-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
4390
- transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
4391
- }
4392
-
4393
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:after {
4394
- -webkit-transform: translate(-100%, 100%) scaleY(1.003) scaleX(1.003);
4395
- -ms-transform: translate(-100%, 100%) scaleY(1.003) scaleX(1.003);
4396
- transform: translate(-100%, 100%) scaleY(1.003) scaleX(1.003);
4397
- }
4398
-
4399
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:before {
4400
- -webkit-transform: translate(0, 100%);
4401
- -ms-transform: translate(0, 100%);
4402
- transform: translate(0, 100%);
4403
- }
4404
-
4405
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:after {
4406
- -webkit-transform: translate(-100%, 0%);
4407
- -ms-transform: translate(-100%, 0%);
4408
- transform: translate(-100%, 0%);
4409
- }
4410
-
4411
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay {
4412
- opacity: 1;
4413
- }
4414
-
4415
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay a {
4416
- opacity: 1;
4417
- -webkit-transform: scale(1);
4418
- -ms-transform: scale(1);
4419
- transform: scale(1);
4420
- }
4421
-
4422
- .premium-blog-clear-fix {
4423
- clear: both;
4424
- }
4425
-
4426
- .premium-blog-masked .premium-blog-thumbnail-container {
4427
- position: relative;
4428
- overflow: visible;
4429
- }
4430
-
4431
- .premium-blog-masked .premium-blog-thumbnail-container svg {
4432
- position: absolute;
4433
- height: 100px;
4434
- width: 100%;
4435
- bottom: -5px;
4436
- right: 0;
4437
- fill: #f5f5f5;
4438
- z-index: 99;
4439
- }
4440
-
4441
- .premium-blog-masked .premium-blog-thumbnail-container svg.premium-blog-shape-divider-svg {
4442
- -webkit-transform: rotate(180deg);
4443
- -ms-transform: rotate(180deg);
4444
- transform: rotate(180deg);
4445
- }
4446
-
4447
- .premium-blog-masked .premium-blog-author-thumbnail,
4448
- .premium-blog-masked .premium-blog-skin-banner .premium-blog-content-wrapper {
4449
- z-index: 999 !important;
4450
- }
4451
-
4452
- /*Post Format Container*/
4453
- .premium-blog-format-link {
4454
- padding: 5px;
4455
- line-height: 0;
4456
- }
4457
-
4458
- /*Post Format Icon*/
4459
- /*Post Format Content Margin */
4460
- .premium-blog-entry-meta {
4461
- line-height: 1.3em;
4462
- font-size: 12px;
4463
- margin-bottom: 13px;
4464
- color: #adadad;
4465
- }
4466
-
4467
- .premium-blog-entry-meta i {
4468
- margin-left: 3px;
4469
- -webkit-transition: all 0.3s ease-in-out;
4470
- transition: all 0.3s ease-in-out;
4471
- }
4472
-
4473
- .premium-blog-meta-data {
4474
- display: inline-block;
4475
- }
4476
-
4477
- .premium-blog-meta-data .premium-blog-meta-separator {
4478
- margin: 0 5px;
4479
- }
4480
-
4481
- .premium-blog-meta-data a,
4482
- .premium-blog-meta-data span {
4483
- color: inherit;
4484
- -webkit-transition: all 0.3s ease-in-out;
4485
- transition: all 0.3s ease-in-out;
4486
- }
4487
-
4488
- .premium-blog-author-thumbnail {
4489
- position: relative;
4490
- padding: 0 30px;
4491
- width: 100%;
4492
- top: -10px;
4493
- height: 0;
4494
- pointer-events: none;
4495
- }
4496
-
4497
- .premium-blog-author-thumbnail img {
4498
- -webkit-border-radius: 50%;
4499
- border-radius: 50%;
4500
- width: 60px;
4501
- pointer-events: all;
4502
- -webkit-transform: translateY(-50%);
4503
- -ms-transform: translateY(-50%);
4504
- transform: translateY(-50%);
4505
- }
4506
-
4507
- .premium-blog-entry-title a,
4508
- .premium-blog-post-tags-container a,
4509
- .premium-blog-post-content .premium-blog-excerpt-link {
4510
- -webkit-transition: all 0.3s ease-in-out;
4511
- transition: all 0.3s ease-in-out;
4512
- }
4513
-
4514
- .premium-blog-excerpt-link-wrap a.premium-blog-excerpt-link {
4515
- background-color: transparent;
4516
- color: #54595f;
4517
- padding: 0;
4518
- }
4519
-
4520
- .premium-blog-cta-full-yes .premium-blog-excerpt-link {
4521
- width: 100%;
4522
- }
4523
-
4524
- .premium-blog-post-tags-container {
4525
- margin-top: 8px;
4526
- -js-display: flex;
4527
- display: -webkit-box;
4528
- display: -webkit-flex;
4529
- display: -moz-box;
4530
- display: -ms-flexbox;
4531
- display: flex;
4532
- -webkit-box-align: center;
4533
- -webkit-align-items: center;
4534
- -moz-box-align: center;
4535
- -ms-flex-align: center;
4536
- align-items: center;
4537
- -webkit-flex-wrap: wrap;
4538
- -ms-flex-wrap: wrap;
4539
- flex-wrap: wrap;
4540
- }
4541
-
4542
- .premium-blog-post-tags-container a {
4543
- color: inherit;
4544
- margin-right: 5px;
4545
- }
4546
-
4547
- .premium-blog-align-center .post-categories,
4548
- .premium-blog-align-center .premium-blog-inner-container,
4549
- .premium-blog-align-center .premium-blog-post-tags-container {
4550
- -webkit-box-pack: center;
4551
- -webkit-justify-content: center;
4552
- -moz-box-pack: center;
4553
- -ms-flex-pack: center;
4554
- justify-content: center;
4555
- }
4556
-
4557
- .premium-blog-align-left .premium-blog-post-container .post-categories,
4558
- .premium-blog-align-left .premium-blog-post-container .premium-blog-inner-container,
4559
- .premium-blog-align-left .premium-blog-post-container .premium-blog-post-tags-container {
4560
- -webkit-box-pack: end;
4561
- -webkit-justify-content: flex-end;
4562
- -moz-box-pack: end;
4563
- -ms-flex-pack: end;
4564
- justify-content: flex-end;
4565
- }
4566
-
4567
- /* .premium-blog-align-left .premium-blog-post-container.premium-blog-skin-cards .post-categories,
4568
- .premium-blog-align-left .premium-blog-post-container.premium-blog-skin-cards .premium-blog-inner-container,
4569
- .premium-blog-align-left .premium-blog-post-container.premium-blog-skin-cards .premium-blog-post-tags-container {
4570
- -webkit-box-pack: start;
4571
- -webkit-justify-content: flex-start;
4572
- -moz-box-pack: start;
4573
- -ms-flex-pack: start;
4574
- justify-content: flex-start;
4575
- } */
4576
-
4577
- .premium-blog-align-right .premium-blog-post-container .post-categories,
4578
- .premium-blog-align-right .premium-blog-post-container .premium-blog-inner-container,
4579
- .premium-blog-align-right .premium-blog-post-container .premium-blog-post-tags-container {
4580
- -webkit-box-pack: start;
4581
- -webkit-justify-content: flex-start;
4582
- -moz-box-pack: start;
4583
- -ms-flex-pack: start;
4584
- justify-content: flex-start;
4585
- }
4586
-
4587
- /* .premium-blog-align-right .premium-blog-post-container.premium-blog-skin-cards .post-categories,
4588
- .premium-blog-align-right .premium-blog-post-container.premium-blog-skin-cards .premium-blog-inner-container,
4589
- .premium-blog-align-right .premium-blog-post-container.premium-blog-skin-cards .premium-blog-post-tags-container {
4590
- -webkit-box-pack: end;
4591
- -webkit-justify-content: flex-end;
4592
- -moz-box-pack: end;
4593
- -ms-flex-pack: end;
4594
- justify-content: flex-end;
4595
- } */
4596
-
4597
- /* Pagination */
4598
- .premium-blog-pagination-container {
4599
- text-align: left;
4600
- }
4601
-
4602
- .premium-blog-pagination-container span {
4603
- cursor: default;
4604
- }
4605
-
4606
- .premium-blog-pagination-container .page-numbers {
4607
- display: inline-block;
4608
- color: #000;
4609
- line-height: 1;
4610
- font-size: 1em;
4611
- font-weight: 400;
4612
- text-decoration: none;
4613
- padding: 0.75em;
4614
- margin: 0 0 0.4em 0.4em;
4615
- -webkit-transition: all 0.2s ease-in-out;
4616
- transition: all 0.2s ease-in-out;
4617
- }
4618
-
4619
- .premium-blog-wrap .premium-loading-feed {
4620
- display: block;
4621
- position: absolute;
4622
- width: 100%;
4623
- height: 100%;
4624
- top: 0px;
4625
- right: 0px;
4626
- bottom: 0px;
4627
- left: 0px;
4628
- background: rgba(255, 255, 255, 0.2);
4629
- -js-display: flex;
4630
- display: -webkit-box;
4631
- display: -webkit-flex;
4632
- display: -moz-box;
4633
- display: -ms-flexbox;
4634
- display: flex;
4635
- -webkit-box-align: center;
4636
- -webkit-align-items: center;
4637
- -moz-box-align: center;
4638
- -ms-flex-align: center;
4639
- align-items: center;
4640
- z-index: 99;
4641
- }
4642
-
4643
- .premium-blog-wrap {
4644
- -js-display: flex;
4645
- display: -webkit-box;
4646
- display: -webkit-flex;
4647
- display: -moz-box;
4648
- display: -ms-flexbox;
4649
- display: flex;
4650
- -webkit-flex-wrap: wrap;
4651
- -ms-flex-wrap: wrap;
4652
- flex-wrap: wrap;
4653
- }
4654
-
4655
- .premium-blog-wrap ul.slick-dots {
4656
- width: 100%;
4657
- }
4658
-
4659
- /**
4660
- * Even Layout
4661
- */
4662
- .premium-blog-even .premium-blog-post-container {
4663
- height: 100%;
4664
- }
4665
-
4666
- .premium-blog-even .slick-track {
4667
- -js-display: flex;
4668
- display: -webkit-box;
4669
- display: -webkit-flex;
4670
- display: -moz-box;
4671
- display: -ms-flexbox;
4672
- display: flex;
4673
- }
4674
-
4675
- .premium-blog-even .slick-slide {
4676
- height: inherit !important;
4677
- }
4678
-
4679
- /**
4680
- * Responsive Style
4681
- */
4682
- @media (max-width: 768px) {
4683
- .premium-blog-content-wrapper {
4684
- top: 0;
4685
- margin: 0;
4686
- padding: 15px;
4687
- }
4688
-
4689
- .premium-blog-thumb-effect-wrapper {
4690
- margin-bottom: 15px;
4691
- }
4692
- }
4693
-
4694
- [dir="rtl"] .premium-blog-wrap.slick-slider .slick-list,
4695
- [dir="rtl"] .premium-blog-wrap.slick-slider .slick-track {
4696
- direction: ltr;
4697
- }
4698
-
4699
- /************ Premium Team Members ************/
4700
- /*********************************************/
4701
- .premium-person-container {
4702
- position: relative;
4703
- }
4704
-
4705
- .premium-person-image-container {
4706
- position: relative;
4707
- text-align: center;
4708
- }
4709
-
4710
- .premium-person-image-container .premium-person-image-wrap {
4711
- overflow: hidden;
4712
- }
4713
-
4714
- .premium-person-zoomout-effect .premium-person-image-container img,
4715
- .premium-person-scale-effect .premium-person-image-container img {
4716
- -webkit-transform: scale(1.2);
4717
- -ms-transform: scale(1.2);
4718
- transform: scale(1.2);
4719
- }
4720
-
4721
- .premium-person-sepia-effect .premium-person-image-container img {
4722
- -webkit-filter: sepia(30%);
4723
- filter: sepia(30%);
4724
- }
4725
-
4726
- .premium-person-bright-effect .premium-person-image-container img {
4727
- -webkit-filter: brightness(1);
4728
- filter: brightness(1);
4729
- }
4730
-
4731
- .premium-person-trans-effect .premium-person-image-container img {
4732
- -webkit-transform: translateX(15px) scale(1.1);
4733
- -ms-transform: translateX(15px) scale(1.1);
4734
- transform: translateX(15px) scale(1.1);
4735
- }
4736
-
4737
- .premium-person-zoomin-effect:hover .premium-person-image-container img {
4738
- -webkit-transform: scale(1.2);
4739
- -ms-transform: scale(1.2);
4740
- transform: scale(1.2);
4741
- }
4742
-
4743
- .premium-person-zoomout-effect:hover .premium-person-image-container img {
4744
- -webkit-transform: scale(1.1);
4745
- -ms-transform: scale(1.1);
4746
- transform: scale(1.1);
4747
- }
4748
-
4749
- .premium-person-scale-effect:hover .premium-person-image-container img {
4750
- -webkit-transform: scale(1.3) rotate(-5deg);
4751
- -ms-transform: scale(1.3) rotate(-5deg);
4752
- transform: scale(1.3) rotate(-5deg);
4753
- }
4754
-
4755
- .premium-person-grayscale-effect:hover .premium-person-image-container img {
4756
- -webkit-filter: grayscale(100%);
4757
- filter: grayscale(100%);
4758
- }
4759
-
4760
- .premium-person-blur-effect:hover .premium-person-image-container img {
4761
- -webkit-filter: blur(3px);
4762
- filter: blur(3px);
4763
- }
4764
-
4765
- .premium-person-sepia-effect:hover .premium-person-image-container img {
4766
- -webkit-filter: sepia(0%);
4767
- filter: sepia(0%);
4768
- }
4769
-
4770
- .premium-person-bright-effect:hover .premium-person-image-container img {
4771
- -webkit-filter: brightness(1.2);
4772
- filter: brightness(1.2);
4773
- }
4774
-
4775
- .premium-person-trans-effect:hover .premium-person-image-container img {
4776
- -webkit-transform: translateX(0px) scale(1.1);
4777
- -ms-transform: translateX(0px) scale(1.1);
4778
- transform: translateX(0px) scale(1.1);
4779
- }
4780
-
4781
- .premium-person-container .premium-person-image-container img {
4782
- width: 100%;
4783
- height: 100%;
4784
- -o-object-fit: cover;
4785
- object-fit: cover;
4786
- -webkit-transition: all 0.5s ease-in-out;
4787
- transition: all 0.5s ease-in-out;
4788
- }
4789
-
4790
- .premium-person-style2 .premium-person-social {
4791
- position: absolute;
4792
- top: 0;
4793
- right: 0;
4794
- width: 100%;
4795
- height: 100%;
4796
- z-index: 2;
4797
- -js-display: flex;
4798
- display: -webkit-box;
4799
- display: -webkit-flex;
4800
- display: -moz-box;
4801
- display: -ms-flexbox;
4802
- display: flex;
4803
- -webkit-box-pack: center;
4804
- -webkit-justify-content: center;
4805
- -moz-box-pack: center;
4806
- -ms-flex-pack: center;
4807
- justify-content: center;
4808
- -webkit-box-align: center;
4809
- -webkit-align-items: center;
4810
- -moz-box-align: center;
4811
- -ms-flex-align: center;
4812
- align-items: center;
4813
- -webkit-box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
4814
- box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
4815
- -webkit-transition: all 0.5s linear 0s;
4816
- transition: all 0.5s linear 0s;
4817
- opacity: 0;
4818
- }
4819
-
4820
- .premium-person-style2 .premium-person-image-container:hover .premium-person-social {
4821
- opacity: 1;
4822
- }
4823
-
4824
- .premium-person-list-item a {
4825
- display: inline-block;
4826
- }
4827
-
4828
- .premium-person-style2 .premium-person-list-item a {
4829
- opacity: 0;
4830
- -webkit-transform: scale(0);
4831
- -ms-transform: scale(0);
4832
- transform: scale(0);
4833
- -webkit-transition: all 0.5s ease-in-out 0s;
4834
- transition: all 0.5s ease-in-out 0s;
4835
- }
4836
-
4837
- .premium-person-style2 .premium-person-image-container:hover .premium-person-list-item a {
4838
- opacity: 1;
4839
- -webkit-transform: scale(1);
4840
- -ms-transform: scale(1);
4841
- transform: scale(1);
4842
- }
4843
-
4844
- .premium-person-info-container {
4845
- padding: 30px 15px;
4846
- }
4847
-
4848
- .premium-person-name {
4849
- margin: 0 0 5px;
4850
- font-weight: 700;
4851
- }
4852
-
4853
- .premium-person-title {
4854
- margin: 0 0 20px;
4855
- padding: 0;
4856
- }
4857
-
4858
- .premium-person-content {
4859
- margin: 0 0 30px;
4860
- }
4861
-
4862
- /*Override Theme List Margin*/
4863
- ul.premium-person-social-list {
4864
- margin: 0px !important;
4865
- padding: 0;
4866
- }
4867
-
4868
- .premium-person-social-list .premium-person-list-item {
4869
- display: inline;
4870
- list-style: none;
4871
- }
4872
-
4873
- .premium-person-social-list li {
4874
- position: relative;
4875
- bottom: 0px;
4876
- -webkit-transition: all 0.2s ease-in-out;
4877
- transition: all 0.2s ease-in-out;
4878
- }
4879
-
4880
- .premium-person-social-list li i {
4881
- position: relative;
4882
- bottom: 0px;
4883
- -webkit-transition: all 0.2s ease-in-out;
4884
- transition: all 0.2s ease-in-out;
4885
- }
4886
-
4887
- .premium-person-defaults-yes li.premium-person-facebook:hover a {
4888
- background-color: #3b5998 !important;
4889
- }
4890
-
4891
- .premium-person-defaults-yes li.premium-person-twitter:hover a {
4892
- background-color: #55acee !important;
4893
- }
4894
-
4895
- .premium-person-defaults-yes li.premium-person-linkedin:hover a {
4896
- background-color: #0077b5 !important;
4897
- }
4898
-
4899
- .premium-person-defaults-yes li.premium-person-google:hover a {
4900
- background-color: #dc4e41 !important;
4901
- }
4902
-
4903
- .premium-person-defaults-yes li.premium-person-youtube:hover a {
4904
- background-color: #b31217 !important;
4905
- }
4906
-
4907
- .premium-person-defaults-yes li.premium-person-instagram:hover a {
4908
- background-color: #e4405f !important;
4909
- }
4910
-
4911
- .premium-person-defaults-yes li.premium-person-skype:hover a {
4912
- background-color: #00aff0 !important;
4913
- }
4914
-
4915
- .premium-person-defaults-yes li.premium-person-pinterest:hover a {
4916
- background-color: #bd081c !important;
4917
- }
4918
-
4919
- .premium-person-defaults-yes li.premium-person-dribbble:hover a {
4920
- background-color: #ea4c89 !important;
4921
- }
4922
-
4923
- .premium-person-defaults-yes li.premium-person-mail:hover a {
4924
- background-color: #b23121 !important;
4925
- }
4926
-
4927
- .premium-person-defaults-yes li.premium-person-behance:hover a {
4928
- background-color: #1769ff !important;
4929
- }
4930
-
4931
- .premium-person-defaults-yes li.premium-person-whatsapp:hover a {
4932
- background-color: #25d366 !important;
4933
- }
4934
-
4935
- .premium-person-defaults-yes li.premium-person-telegram:hover a {
4936
- background-color: #0088cc !important;
4937
- }
4938
-
4939
- .premium-person-defaults-yes li.premium-person-site:hover a {
4940
- background-color: #0055a5 !important;
4941
- }
4942
-
4943
- .premium-person-social-list li:hover a {
4944
- -webkit-box-shadow: none;
4945
- box-shadow: none;
4946
- }
4947
-
4948
- .premium-person-social-list li a:focus {
4949
- -webkit-box-shadow: none;
4950
- box-shadow: none;
4951
- outline: none;
4952
- }
4953
-
4954
- .premium-person-social-list li i {
4955
- font-size: 18px;
4956
- }
4957
-
4958
- .elementor-widget-premium-addon-person .elementor-widget-container {
4959
- -js-display: flex;
4960
- display: -webkit-box;
4961
- display: -webkit-flex;
4962
- display: -moz-box;
4963
- display: -ms-flexbox;
4964
- display: flex;
4965
- -webkit-box-pack: center;
4966
- -webkit-justify-content: center;
4967
- -moz-box-pack: center;
4968
- -ms-flex-pack: center;
4969
- justify-content: center;
4970
- }
4971
-
4972
- .premium-persons-container.multiple-persons {
4973
- -js-display: flex;
4974
- display: -webkit-box;
4975
- display: -webkit-flex;
4976
- display: -moz-box;
4977
- display: -ms-flexbox;
4978
- display: flex;
4979
- -webkit-flex-wrap: wrap;
4980
- -ms-flex-wrap: wrap;
4981
- flex-wrap: wrap;
4982
- width: 100%;
4983
- }
4984
-
4985
- .premium-person-style1 .premium-person-container {
4986
- overflow: hidden;
4987
- }
4988
-
4989
- .premium-person-style1 .premium-person-container .premium-person-info {
4990
- position: absolute;
4991
- top: auto;
4992
- left: 0;
4993
- right: 0;
4994
- -webkit-transition: all 500ms ease 0s;
4995
- transition: all 500ms ease 0s;
4996
- -webkit-transform: translate3d(0, 100%, 0);
4997
- transform: translate3d(0, 100%, 0);
4998
- }
4999
-
5000
- .premium-person-style1 .premium-person-container:hover .premium-person-info {
5001
- -webkit-transform: translate3d(0, 0, 0);
5002
- transform: translate3d(0, 0, 0);
5003
- bottom: -1px !important;
5004
- }
5005
-
5006
- .premium-person-style1 .premium-person-social-list li:hover {
5007
- bottom: 5px;
5008
- }
5009
-
5010
- .premium-person-style1.multiple-persons:not([data-persons-equal="yes"]) {
5011
- -webkit-box-align: start;
5012
- -webkit-align-items: flex-start;
5013
- -moz-box-align: start;
5014
- -ms-flex-align: start;
5015
- align-items: flex-start;
5016
- }
5017
-
5018
- .premium-person-style1 .slick-track {
5019
- -js-display: flex;
5020
- display: -webkit-box;
5021
- display: -webkit-flex;
5022
- display: -moz-box;
5023
- display: -ms-flexbox;
5024
- display: flex;
5025
- }
5026
-
5027
- .premium-person-style1 .slick-slide {
5028
- height: inherit !important;
5029
- }
5030
-
5031
- .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-container,
5032
- .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-wrap {
5033
- height: 100%;
5034
- }
5035
-
5036
- .premium-person-style3 .premium-person-info-container {
5037
- position: absolute;
5038
- top: 0;
5039
- right: 0;
5040
- width: 100%;
5041
- height: 100%;
5042
- -js-display: flex;
5043
- display: -webkit-box;
5044
- display: -webkit-flex;
5045
- display: -moz-box;
5046
- display: -ms-flexbox;
5047
- display: flex;
5048
- -webkit-box-orient: vertical;
5049
- -webkit-box-direction: normal;
5050
- -webkit-flex-direction: column;
5051
- -moz-box-orient: vertical;
5052
- -moz-box-direction: normal;
5053
- -ms-flex-direction: column;
5054
- flex-direction: column;
5055
- -webkit-box-pack: justify;
5056
- -webkit-justify-content: space-between;
5057
- -moz-box-pack: justify;
5058
- -ms-flex-pack: justify;
5059
- justify-content: space-between;
5060
- }
5061
-
5062
- .premium-person-style3 .premium-person-title-desc-wrap {
5063
- -js-display: flex;
5064
- display: -webkit-box;
5065
- display: -webkit-flex;
5066
- display: -moz-box;
5067
- display: -ms-flexbox;
5068
- display: flex;
5069
- -webkit-box-orient: horizontal;
5070
- -webkit-box-direction: reverse;
5071
- -webkit-flex-direction: row-reverse;
5072
- -moz-box-orient: horizontal;
5073
- -moz-box-direction: reverse;
5074
- -ms-flex-direction: row-reverse;
5075
- flex-direction: row-reverse;
5076
- -webkit-box-pack: justify;
5077
- -webkit-justify-content: space-between;
5078
- -moz-box-pack: justify;
5079
- -ms-flex-pack: justify;
5080
- justify-content: space-between;
5081
- -webkit-box-align: start;
5082
- -webkit-align-items: flex-start;
5083
- -moz-box-align: start;
5084
- -ms-flex-align: start;
5085
- align-items: flex-start;
5086
- }
5087
-
5088
- .premium-person-style3 .premium-person-name-icons-wrap {
5089
- -js-display: flex;
5090
- display: -webkit-box;
5091
- display: -webkit-flex;
5092
- display: -moz-box;
5093
- display: -ms-flexbox;
5094
- display: flex;
5095
- -webkit-box-pack: justify;
5096
- -webkit-justify-content: space-between;
5097
- -moz-box-pack: justify;
5098
- -ms-flex-pack: justify;
5099
- justify-content: space-between;
5100
- -webkit-box-align: end;
5101
- -webkit-align-items: flex-end;
5102
- -moz-box-align: end;
5103
- -ms-flex-align: end;
5104
- align-items: flex-end;
5105
- }
5106
-
5107
- .premium-person-style3 .premium-person-title {
5108
- opacity: 0;
5109
- -webkit-transition: all 0.3s ease;
5110
- transition: all 0.3s ease;
5111
- width: 0;
5112
- }
5113
-
5114
- .premium-person-style3 .premium-person-title span {
5115
- display: inline-block;
5116
- }
5117
-
5118
- .premium-person-style3 .premium-person-name {
5119
- padding-right: 10px;
5120
- }
5121
-
5122
- .premium-person-style3 .premium-person-social-list {
5123
- -js-display: flex;
5124
- display: -webkit-box;
5125
- display: -webkit-flex;
5126
- display: -moz-box;
5127
- display: -ms-flexbox;
5128
- display: flex;
5129
- -webkit-box-orient: vertical;
5130
- -webkit-box-direction: normal;
5131
- -webkit-flex-direction: column;
5132
- -moz-box-orient: vertical;
5133
- -moz-box-direction: normal;
5134
- -ms-flex-direction: column;
5135
- flex-direction: column;
5136
- -webkit-transform: translateY(20px);
5137
- -ms-transform: translateY(20px);
5138
- transform: translateY(20px);
5139
- opacity: 0;
5140
- -webkit-transition: all 0.3s ease;
5141
- transition: all 0.3s ease;
5142
- }
5143
-
5144
- .premium-person-style3 .premium-person-list-item {
5145
- line-height: 0;
5146
- }
5147
-
5148
- .premium-person-style3 .premium-person-list-item a {
5149
- padding: 5px 0 0 10px;
5150
- margin: 5px 0;
5151
- }
5152
-
5153
- .premium-person-style3 .premium-person-container:hover .premium-person-title {
5154
- opacity: 1;
5155
- }
5156
-
5157
- .premium-person-style3 .premium-person-container:hover .premium-person-social-list {
5158
- opacity: 1;
5159
- -webkit-transform: translateY(0);
5160
- -ms-transform: translateY(0);
5161
- transform: translateY(0);
5162
- }
5163
-
5164
- .premium-persons-title-cw .premium-person-title {
5165
- -webkit-transform: translateX(-15px) rotate(-90deg);
5166
- -ms-transform: translateX(-15px) rotate(-90deg);
5167
- transform: translateX(-15px) rotate(-90deg);
5168
- -webkit-transform-origin: top;
5169
- -ms-transform-origin: top;
5170
- transform-origin: top;
5171
- }
5172
-
5173
- .premium-persons-title-cw .premium-person-container:hover .premium-person-title {
5174
- -webkit-transform: translateX(0) rotate(-90deg);
5175
- -ms-transform: translateX(0) rotate(-90deg);
5176
- transform: translateX(0) rotate(-90deg);
5177
- }
5178
-
5179
- .premium-persons-title-ccw .premium-person-title {
5180
- width: auto;
5181
- margin-left: 20px;
5182
- -webkit-transform: translateX(-15px) rotate(90deg);
5183
- -ms-transform: translateX(-15px) rotate(90deg);
5184
- transform: translateX(-15px) rotate(90deg);
5185
- -webkit-transform-origin: center left;
5186
- -ms-transform-origin: center left;
5187
- transform-origin: center left;
5188
- }
5189
-
5190
- .premium-persons-title-ccw .premium-person-container:hover .premium-person-title {
5191
- -webkit-transform: translateX(0) rotate(90deg);
5192
- -ms-transform: translateX(0) rotate(90deg);
5193
- transform: translateX(0) rotate(90deg);
5194
- }
5195
-
5196
- /**************** Premium Fancy Text *******************/
5197
- /*******************************************************/
5198
- .premium-suffix-text,
5199
- .premium-fancy-text,
5200
- .premium-prefix-text {
5201
- font-size: 40px;
5202
- }
5203
-
5204
- .premium-fancy-text-wrapper .premium-fancy-list-items {
5205
- list-style: none;
5206
- }
5207
-
5208
- .premium-fancy-text-wrapper .premium-fancy-text-span-align {
5209
- vertical-align: top;
5210
- }
5211
-
5212
- .premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-text-items-wrapper {
5213
- margin: 0;
5214
- padding: 0;
5215
- border: none;
5216
- position: relative;
5217
- }
5218
-
5219
- .premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-list-items {
5220
- position: absolute;
5221
- top: 0;
5222
- left: 0;
5223
- display: inline-block;
5224
- }
5225
-
5226
- .premium-fancy-text-wrapper.zoomout .premium-fancy-item-hidden {
5227
- opacity: 0;
5228
- -webkit-animation: pa-zoom-out 0.8s;
5229
- animation: pa-zoom-out 0.8s;
5230
- }
5231
-
5232
- .premium-fancy-text-wrapper.zoomout .premium-fancy-item-visible {
5233
- position: relative !important;
5234
- -webkit-animation: pa-zoom-in 0.8s;
5235
- animation: pa-zoom-in 0.8s;
5236
- }
5237
-
5238
- .premium-fancy-text-wrapper.zoomout .premium-fancy-text-items-wrapper {
5239
- -webkit-perspective: 300px;
5240
- perspective: 300px;
5241
- }
5242
-
5243
- .premium-fancy-text-wrapper.rotate .premium-fancy-list-items {
5244
- -webkit-transform-origin: 50% 100%;
5245
- -ms-transform-origin: 50% 100%;
5246
- transform-origin: 50% 100%;
5247
- }
5248
-
5249
- .premium-fancy-text-wrapper.rotate .premium-fancy-item-hidden {
5250
- opacity: 0;
5251
- -webkit-transform: rotateX(180deg);
5252
- transform: rotateX(180deg);
5253
- -webkit-animation: pa-rotate-out 1.2s;
5254
- animation: pa-rotate-out 1.2s;
5255
- }
5256
-
5257
- .premium-fancy-text-wrapper.rotate .premium-fancy-item-visible {
5258
- position: relative !important;
5259
- -webkit-transform: rotateX(0deg);
5260
- transform: rotateX(0deg);
5261
- -webkit-animation: pa-rotate-in 1.2s;
5262
- animation: pa-rotate-in 1.2s;
5263
- }
5264
-
5265
- .premium-fancy-text-wrapper.custom .premium-fancy-item-hidden {
5266
- opacity: 0;
5267
- }
5268
-
5269
- .premium-fancy-text-wrapper.custom .premium-fancy-item-visible {
5270
- position: relative !important;
5271
- }
5272
-
5273
- .premium-fancy-text-wrapper.auto-fade .premium-fancy-text {
5274
- display: inline-block;
5275
- width: 200px;
5276
- font-weight: 400;
5277
- }
5278
-
5279
- .premium-fancy-text-wrapper.auto-fade .premium-fancy-svg-text {
5280
- position: relative;
5281
- vertical-align: sub;
5282
- }
5283
-
5284
- .premium-fancy-text-wrapper.auto-fade g>text {
5285
- text-anchor: start;
5286
- shape-rendering: crispEdges;
5287
- opacity: 0;
5288
- font-size: 300px;
5289
- -webkit-animation-name: pa-auto-fade;
5290
- animation-name: pa-auto-fade;
5291
- -moz-animation-name: pa-auto-fade;
5292
- -webkit-animation-duration: 9s;
5293
- animation-duration: 9s;
5294
- -webkit-animation-timing-function: linear;
5295
- animation-timing-function: linear;
5296
- -webkit-animation-iteration-count: infinite;
5297
- animation-iteration-count: infinite;
5298
- }
5299
-
5300
- .premium-fancy-text-wrapper.auto-fade g>text:nth-child(1) {
5301
- -webkit-animation-delay: 0s;
5302
- animation-delay: 0s;
5303
- }
5304
-
5305
- .premium-fancy-text-wrapper.auto-fade g>text:nth-child(2) {
5306
- -webkit-animation-delay: 3s;
5307
- animation-delay: 3s;
5308
- }
5309
-
5310
- .premium-fancy-text-wrapper.auto-fade g>text:nth-child(3) {
5311
- -webkit-animation-delay: 6s;
5312
- animation-delay: 6s;
5313
- }
5314
-
5315
- .premium-fancy-text-wrapper.loading .premium-fancy-text {
5316
- position: relative;
5317
- }
5318
-
5319
- .premium-fancy-text-wrapper.loading .premium-fancy-text .premium-loading-bar {
5320
- position: absolute;
5321
- width: 100%;
5322
- height: 3px;
5323
- bottom: 0;
5324
- left: 0;
5325
- animation: pa-loading-bar 2.5s ease-out infinite;
5326
- -webkit-animation: pa-loading-bar 2.5s ease-out infinite;
5327
- }
5328
-
5329
- .premium-fancy-text-wrapper.loading.pause .premium-fancy-text:hover .premium-loading-bar {
5330
- -webkit-animation-play-state: paused;
5331
- animation-play-state: paused;
5332
- }
5333
-
5334
- @-webkit-keyframes pa-auto-fade {
5335
- 0% {
5336
- opacity: 0;
5337
- }
5338
-
5339
- 20% {
5340
- opacity: 1;
5341
- }
5342
-
5343
- 35% {
5344
- opacity: 0;
5345
- }
5346
-
5347
- 100% {
5348
- opacity: 0;
5349
- }
5350
- }
5351
-
5352
- @keyframes pa-auto-fade {
5353
- 0% {
5354
- opacity: 0;
5355
- }
5356
-
5357
- 20% {
5358
- opacity: 1;
5359
- }
5360
-
5361
- 35% {
5362
- opacity: 0;
5363
- }
5364
-
5365
- 100% {
5366
- opacity: 0;
5367
- }
5368
- }
5369
-
5370
- @-webkit-keyframes pa-loading-bar {
5371
- 0% {
5372
- width: 0;
5373
- }
5374
-
5375
- 100% {
5376
- width: 100;
5377
- }
5378
- }
5379
-
5380
- @keyframes pa-loading-bar {
5381
- 0% {
5382
- width: 0;
5383
- }
5384
-
5385
- 100% {
5386
- width: 100;
5387
- }
5388
- }
5389
-
5390
- @-webkit-keyframes pa-zoom-in {
5391
- 0% {
5392
- opacity: 0;
5393
- -webkit-transform: translateZ(100px);
5394
- transform: translateZ(100px);
5395
- }
5396
-
5397
- 100% {
5398
- opacity: 1;
5399
- -webkit-transform: translateZ(0);
5400
- transform: translateZ(0);
5401
- }
5402
- }
5403
-
5404
- @keyframes pa-zoom-in {
5405
- 0% {
5406
- opacity: 0;
5407
- -webkit-transform: translateZ(100px);
5408
- transform: translateZ(100px);
5409
- }
5410
-
5411
- 100% {
5412
- opacity: 1;
5413
- -webkit-transform: translateZ(0);
5414
- transform: translateZ(0);
5415
- }
5416
- }
5417
-
5418
- @-webkit-keyframes pa-zoom-out {
5419
- 0% {
5420
- opacity: 1;
5421
- -webkit-transform: translateZ(0);
5422
- transform: translateZ(0);
5423
- }
5424
-
5425
- 100% {
5426
- opacity: 0;
5427
- -webkit-transform: translateZ(-100px);
5428
- transform: translateZ(-100px);
5429
- }
5430
- }
5431
-
5432
- @keyframes pa-zoom-out {
5433
- 0% {
5434
- opacity: 1;
5435
- -webkit-transform: translateZ(0);
5436
- transform: translateZ(0);
5437
- }
5438
-
5439
- 100% {
5440
- opacity: 0;
5441
- -webkit-transform: translateZ(-100px);
5442
- transform: translateZ(-100px);
5443
- }
5444
- }
5445
-
5446
- @-webkit-keyframes pa-rotate-in {
5447
- 0% {
5448
- opacity: 0;
5449
- -webkit-transform: rotateX(180deg);
5450
- transform: rotateX(180deg);
5451
- }
5452
-
5453
- 35% {
5454
- opacity: 0;
5455
- -webkit-transform: rotateX(120deg);
5456
- transform: rotateX(120deg);
5457
- }
5458
-
5459
- 65% {
5460
- opacity: 0;
5461
- }
5462
-
5463
- 100% {
5464
- opacity: 1;
5465
- -webkit-transform: rotateX(360deg);
5466
- transform: rotateX(360deg);
5467
- }
5468
- }
5469
-
5470
- @keyframes pa-rotate-in {
5471
- 0% {
5472
- opacity: 0;
5473
- -webkit-transform: rotateX(180deg);
5474
- transform: rotateX(180deg);
5475
- }
5476
-
5477
- 35% {
5478
- opacity: 0;
5479
- -webkit-transform: rotateX(120deg);
5480
- transform: rotateX(120deg);
5481
- }
5482
-
5483
- 65% {
5484
- opacity: 0;
5485
- }
5486
-
5487
- 100% {
5488
- opacity: 1;
5489
- -webkit-transform: rotateX(360deg);
5490
- transform: rotateX(360deg);
5491
- }
5492
- }
5493
-
5494
- @-webkit-keyframes pa-rotate-out {
5495
- 0% {
5496
- opacity: 1;
5497
- -webkit-transform: rotateX(0deg);
5498
- transform: rotateX(0deg);
5499
- }
5500
-
5501
- 35% {
5502
- opacity: 1;
5503
- -webkit-transform: rotateX(-40deg);
5504
- transform: rotateX(-40deg);
5505
- }
5506
-
5507
- 65% {
5508
- opacity: 0;
5509
- }
5510
-
5511
- 100% {
5512
- opacity: 0;
5513
- -webkit-transform: rotateX(180deg);
5514
- transform: rotateX(180deg);
5515
- }
5516
- }
5517
-
5518
- @keyframes pa-rotate-out {
5519
- 0% {
5520
- opacity: 1;
5521
- -webkit-transform: rotateX(0deg);
5522
- transform: rotateX(0deg);
5523
- }
5524
-
5525
- 35% {
5526
- opacity: 1;
5527
- -webkit-transform: rotateX(-40deg);
5528
- transform: rotateX(-40deg);
5529
- }
5530
-
5531
- 65% {
5532
- opacity: 0;
5533
- }
5534
-
5535
- 100% {
5536
- opacity: 0;
5537
- -webkit-transform: rotateX(180deg);
5538
- transform: rotateX(180deg);
5539
- }
5540
- }
5541
-
5542
- /**************** Premium Pricing Table ****************/
5543
- /*******************************************************/
5544
- .premium-pricing-table-container {
5545
- position: relative;
5546
- overflow: hidden;
5547
- text-align: center;
5548
- -webkit-transition: all 0.3s ease-in-out;
5549
- transition: all 0.3s ease-in-out;
5550
- }
5551
-
5552
- .premium-pricing-icon-container {
5553
- -js-display: flex;
5554
- display: -webkit-box;
5555
- display: -webkit-flex;
5556
- display: -moz-box;
5557
- display: -ms-flexbox;
5558
- display: flex;
5559
- -webkit-box-pack: center;
5560
- -webkit-justify-content: center;
5561
- -moz-box-pack: center;
5562
- -ms-flex-pack: center;
5563
- justify-content: center;
5564
- line-height: 0;
5565
- }
5566
-
5567
- .premium-pricing-icon-container .premium-pricing-icon {
5568
- display: inline-block;
5569
- }
5570
-
5571
- .premium-pricing-icon-container .premium-pricing-image {
5572
- overflow: hidden;
5573
- }
5574
-
5575
- .premium-pricing-icon-container .premium-pricing-image img {
5576
- width: 25px;
5577
- height: 25px;
5578
- -o-object-fit: cover;
5579
- object-fit: cover;
5580
- }
5581
-
5582
- .premium-badge-left {
5583
- position: absolute;
5584
- top: 0;
5585
- }
5586
-
5587
- .premium-badge-right {
5588
- position: absolute;
5589
- top: 0;
5590
- right: 0;
5591
- }
5592
-
5593
- .premium-badge-left {
5594
- left: 0;
5595
- }
5596
-
5597
- .premium-badge-triangle.premium-badge-left .corner {
5598
- width: 0;
5599
- height: 0;
5600
- border-top: 150px solid;
5601
- border-bottom: 150px solid transparent;
5602
- border-right: 150px solid transparent;
5603
- }
5604
-
5605
- .premium-badge-triangle.premium-badge-right .corner {
5606
- width: 0;
5607
- height: 0;
5608
- border-bottom: 150px solid transparent;
5609
- border-right: 150px solid;
5610
- border-left: 150px solid transparent;
5611
- }
5612
-
5613
- .premium-badge-triangle span {
5614
- position: absolute;
5615
- top: 35px;
5616
- width: 100px;
5617
- text-align: center;
5618
- -webkit-transform: rotate(-45deg);
5619
- -ms-transform: rotate(-45deg);
5620
- transform: rotate(-45deg);
5621
- display: block;
5622
- text-transform: uppercase;
5623
- }
5624
-
5625
- .premium-badge-triangle.premium-badge-right span {
5626
- -webkit-transform: rotate(45deg);
5627
- -ms-transform: rotate(45deg);
5628
- transform: rotate(45deg);
5629
- right: 0;
5630
- }
5631
-
5632
- .premium-badge-circle {
5633
- min-width: 4em;
5634
- min-height: 4em;
5635
- line-height: 4em;
5636
- text-align: center;
5637
- -webkit-border-radius: 100%;
5638
- border-radius: 100%;
5639
- position: absolute;
5640
- z-index: 1;
5641
- }
5642
-
5643
- .premium-badge-stripe {
5644
- position: absolute;
5645
- -webkit-transform: rotate(90deg);
5646
- -ms-transform: rotate(90deg);
5647
- transform: rotate(90deg);
5648
- width: 15em;
5649
- overflow: hidden;
5650
- height: 15em;
5651
- }
5652
-
5653
- .premium-badge-stripe.premium-badge-left {
5654
- -webkit-transform: rotate(0);
5655
- -ms-transform: rotate(0);
5656
- transform: rotate(0);
5657
- }
5658
-
5659
- .premium-badge-stripe .corner {
5660
- text-align: center;
5661
- left: 0;
5662
- width: 150%;
5663
- -webkit-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
5664
- -ms-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
5665
- transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
5666
- margin-top: 35px;
5667
- font-size: 13px;
5668
- line-height: 2;
5669
- font-weight: 800;
5670
- text-transform: uppercase;
5671
- }
5672
-
5673
- .premium-badge-flag .corner {
5674
- text-align: center;
5675
- -webkit-border-radius: 4px 4px 0 4px;
5676
- border-radius: 4px 4px 0 4px;
5677
- padding: 3px 15px;
5678
- position: absolute;
5679
- top: 10%;
5680
- right: -8px;
5681
- }
5682
-
5683
- .premium-badge-flag .corner::before,
5684
- .premium-badge-flag .corner::after {
5685
- content: "";
5686
- display: block;
5687
- position: absolute;
5688
- width: 0;
5689
- height: 0;
5690
- top: 100%;
5691
- right: 0;
5692
- border-bottom: 8px solid transparent;
5693
- }
5694
-
5695
- .elementor-widget-premium-addon-pricing-table .elementor-widget-container {
5696
- overflow: visible !important;
5697
- }
5698
-
5699
- .premium-badge-flag .corner::after {
5700
- border-left: 8px solid rgba(0, 0, 0, 0.2);
5701
- }
5702
-
5703
- .premium-pricing-price-currency {
5704
- position: relative;
5705
- }
5706
-
5707
- .premium-pricing-button-container {
5708
- display: block;
5709
- }
5710
-
5711
- .premium-pricing-list {
5712
- -js-display: flex;
5713
- display: -webkit-box;
5714
- display: -webkit-flex;
5715
- display: -moz-box;
5716
- display: -ms-flexbox;
5717
- display: flex;
5718
- -webkit-box-orient: vertical;
5719
- -webkit-box-direction: normal;
5720
- -webkit-flex-direction: column;
5721
- -moz-box-orient: vertical;
5722
- -moz-box-direction: normal;
5723
- -ms-flex-direction: column;
5724
- flex-direction: column;
5725
- list-style-type: none;
5726
- margin: 0;
5727
- }
5728
-
5729
- .premium-pricing-list .premium-pricing-list-item {
5730
- -js-display: flex;
5731
- display: -webkit-box;
5732
- display: -webkit-flex;
5733
- display: -moz-box;
5734
- display: -ms-flexbox;
5735
- display: flex;
5736
- -webkit-box-align: center;
5737
- -webkit-align-items: center;
5738
- -moz-box-align: center;
5739
- -ms-flex-align: center;
5740
- align-items: center;
5741
- }
5742
-
5743
- .premium-pricing-list .premium-pricing-list-item svg {
5744
- width: 50px;
5745
- height: 50px;
5746
- }
5747
-
5748
- .premium-pricing-list .premium-pricing-list-item img {
5749
- width: 30px;
5750
- height: 30px;
5751
- -o-object-fit: cover;
5752
- object-fit: cover;
5753
- }
5754
-
5755
- .premium-pricing-list .premium-pricing-list-span {
5756
- position: relative;
5757
- }
5758
-
5759
- .premium-pricing-list .list-item-tooltip {
5760
- border-bottom: 1px dotted;
5761
- }
5762
-
5763
- .premium-pricing-list .premium-pricing-list-tooltip {
5764
- position: absolute;
5765
- top: -webkit-calc(100% + 1px);
5766
- top: calc(100% + 1px);
5767
- right: 0;
5768
- visibility: hidden;
5769
- padding: 15px 20px;
5770
- -webkit-border-radius: 5px;
5771
- border-radius: 5px;
5772
- min-width: 200px;
5773
- overflow: hidden;
5774
- text-align: right;
5775
- font-size: 0.8rem;
5776
- color: #fff;
5777
- background-color: #aaa;
5778
- }
5779
-
5780
- .premium-pricing-features-left .premium-pricing-list-span {
5781
- text-align: right;
5782
- }
5783
-
5784
- .premium-pricing-features-center .premium-pricing-list-span {
5785
- text-align: center;
5786
- }
5787
-
5788
- .premium-pricing-features-right .premium-pricing-list-span {
5789
- text-align: left;
5790
- }
5791
-
5792
- .premium-pricing-list-span:hover .premium-pricing-list-tooltip {
5793
- z-index: 99;
5794
- visibility: visible;
5795
- opacity: 1;
5796
- }
5797
-
5798
- .premium-pricing-slashed-price-value {
5799
- display: inline-block;
5800
- font-size: 20px;
5801
- font-weight: 400;
5802
- margin-left: 5px;
5803
- }
5804
-
5805
- .premium-pricing-price-value {
5806
- font-size: 70px;
5807
- }
5808
-
5809
- .premium-pricing-description-container li {
5810
- list-style-position: inside;
5811
- text-indent: -40px;
5812
- }
5813
-
5814
- @-moz-document url-prefix() {
5815
- .premium-pricing-description-container li {
5816
- text-indent: 0px;
5817
- }
5818
- }
5819
-
5820
- .premium-pricing-price-button {
5821
- display: block;
5822
- padding: 6px 12px;
5823
- line-height: 1.42857143;
5824
- text-align: center;
5825
- color: #fff;
5826
- background: #6ec1e4;
5827
- margin-bottom: 0;
5828
- -webkit-transition: all 0.3s ease-in-out;
5829
- transition: all 0.3s ease-in-out;
5830
- }
5831
-
5832
- /**************** Premium Google Maps ******************/
5833
- /*******************************************************/
5834
- .premium-maps-info-container {
5835
- margin-top: 10px;
5836
- margin-bottom: 10px;
5837
- }
5838
-
5839
- .premium-maps-info-title,
5840
- .premium-maps-info-desc {
5841
- margin: 0;
5842
- padding: 0;
5843
- }
5844
-
5845
- .premium-maps-container .gm-style-iw {
5846
- text-align: center;
5847
- direction: ltr;
5848
- }
5849
-
5850
- .premium-maps-container .gm-style img {
5851
- max-width: none !important;
5852
- }
5853
-
5854
- /**************** Premium Button ***********************/
5855
- /*******************************************************/
5856
- .premium-button {
5857
- -js-display: inline-flex;
5858
- display: -webkit-inline-box;
5859
- display: -webkit-inline-flex;
5860
- display: -moz-inline-box;
5861
- display: -ms-inline-flexbox;
5862
- display: inline-flex;
5863
- position: relative;
5864
- overflow: hidden;
5865
- -webkit-backface-visibility: hidden;
5866
- backface-visibility: hidden;
5867
- -webkit-transform: translate3d(0, 0, 0);
5868
- transform: translate3d(0, 0, 0);
5869
- cursor: pointer;
5870
- -webkit-transition: all 0.2s ease-in-out !important;
5871
- transition: all 0.2s ease-in-out !important;
5872
- }
5873
-
5874
- .premium-button .premium-lottie-animation,
5875
- .premium-image-button .premium-lottie-animation {
5876
- -js-display: flex;
5877
- display: -webkit-box;
5878
- display: -webkit-flex;
5879
- display: -moz-box;
5880
- display: -ms-flexbox;
5881
- display: flex;
5882
- }
5883
-
5884
- .premium-button svg,
5885
- .premium-image-button svg {
5886
- width: 30px;
5887
- height: 30px;
5888
- }
5889
-
5890
- .premium-btn-sm,
5891
- .premium-btn-md,
5892
- .premium-btn-lg,
5893
- .premium-btn-block {
5894
- background-color: #eee;
5895
- color: #042551;
5896
- margin: 0px;
5897
- text-decoration: none;
5898
- }
5899
-
5900
- .premium-btn-sm:hover,
5901
- .premium-btn-md:hover,
5902
- .premium-btn-lg:hover,
5903
- .premium-btn-block:hover {
5904
- background-color: #54595f;
5905
- color: #eee;
5906
- }
5907
-
5908
- .premium-btn-sm {
5909
- padding: 12px 24px;
5910
- font-size: 14px;
5911
- line-height: 1;
5912
- }
5913
-
5914
- .premium-btn-md {
5915
- padding: 14px 26px;
5916
- font-size: 16px;
5917
- line-height: 1.2;
5918
- }
5919
-
5920
- .premium-btn-lg {
5921
- padding: 16px 28px;
5922
- font-size: 18px;
5923
- line-height: 1.3333;
5924
- }
5925
-
5926
- .premium-btn-block {
5927
- font-size: 18px;
5928
- line-height: 1;
5929
- padding: 20px 0px;
5930
- width: 100%;
5931
- text-align: center;
5932
- }
5933
-
5934
- .premium-button-text {
5935
- display: inline-block;
5936
- width: 100%;
5937
- }
5938
-
5939
- .premium-button-style1,
5940
- .premium-button-style2,
5941
- .premium-button-style5,
5942
- .premium-button-style7 {
5943
- display: inline-block;
5944
- vertical-align: middle;
5945
- -webkit-transform: perspective(1px) translateZ(0);
5946
- transform: perspective(1px) translateZ(0);
5947
- -webkit-box-shadow: 0 0 1px transparent;
5948
- box-shadow: 0 0 1px transparent;
5949
- position: relative;
5950
- -webkit-transition-property: color;
5951
- transition-property: color;
5952
- -webkit-transition-duration: 0.15s;
5953
- transition-duration: 0.15s;
5954
- }
5955
-
5956
- .premium-button-style1:before,
5957
- .premium-button-style2:before,
5958
- .premium-button-style5:before {
5959
- content: "";
5960
- position: absolute;
5961
- z-index: -1;
5962
- top: 0;
5963
- right: 0;
5964
- left: 0;
5965
- bottom: 0;
5966
- -webkit-transform: scaleY(0);
5967
- -ms-transform: scaleY(0);
5968
- transform: scaleY(0);
5969
- -webkit-transform-origin: 50% 0;
5970
- -ms-transform-origin: 50% 0;
5971
- transform-origin: 50% 0;
5972
- -webkit-transition-property: -webkit-transform;
5973
- transition-property: -webkit-transform;
5974
- transition-property: transform;
5975
- transition-property: transform, -webkit-transform;
5976
- -webkit-transition-duration: 0.15s;
5977
- transition-duration: 0.15s;
5978
- -webkit-transition-timing-function: ease-out;
5979
- transition-timing-function: ease-out;
5980
- }
5981
-
5982
- .premium-button-style5-radialin:before,
5983
- .premium-button-style5-radialout:before {
5984
- -webkit-transform-origin: 50%;
5985
- -ms-transform-origin: 50%;
5986
- transform-origin: 50%;
5987
- -webkit-border-radius: 100%;
5988
- border-radius: 100%;
5989
- -webkit-transform: scale(0);
5990
- -ms-transform: scale(0);
5991
- transform: scale(0);
5992
- }
5993
-
5994
- .premium-button-style5-radialin:before {
5995
- -webkit-transform: scale(2);
5996
- -ms-transform: scale(2);
5997
- transform: scale(2);
5998
- }
5999
-
6000
- .premium-button-style5-rectin:before {
6001
- -webkit-transform-origin: 50%;
6002
- -ms-transform-origin: 50%;
6003
- transform-origin: 50%;
6004
- -webkit-transform: scale(1);
6005
- -ms-transform: scale(1);
6006
- transform: scale(1);
6007
- }
6008
-
6009
- .premium-button-style5-rectout:before {
6010
- -webkit-transform-origin: 50%;
6011
- -ms-transform-origin: 50%;
6012
- transform-origin: 50%;
6013
- -webkit-transform: scale(0);
6014
- -ms-transform: scale(0);
6015
- transform: scale(0);
6016
- }
6017
-
6018
- .premium-button-style5-rectout:hover:before {
6019
- -webkit-transform: scale(1);
6020
- -ms-transform: scale(1);
6021
- transform: scale(1);
6022
- }
6023
-
6024
- .premium-button-style5-rectin:hover:before {
6025
- -webkit-transform: scale(0);
6026
- -ms-transform: scale(0);
6027
- transform: scale(0);
6028
- }
6029
-
6030
- .premium-button-style5-radialout:hover:before {
6031
- -webkit-transform: scale(2);
6032
- -ms-transform: scale(2);
6033
- transform: scale(2);
6034
- }
6035
-
6036
- .premium-button-style5-radialin:hover:before {
6037
- -webkit-transform: scale(0);
6038
- -ms-transform: scale(0);
6039
- transform: scale(0);
6040
- }
6041
-
6042
- .premium-button-style1-top:before {
6043
- -webkit-transform-origin: 50% 100%;
6044
- -ms-transform-origin: 50% 100%;
6045
- transform-origin: 50% 100%;
6046
- }
6047
-
6048
- .premium-button-style1-right:before {
6049
- -webkit-transform: scaleX(0);
6050
- -ms-transform: scaleX(0);
6051
- transform: scaleX(0);
6052
- -webkit-transform-origin: 100% 50%;
6053
- -ms-transform-origin: 100% 50%;
6054
- transform-origin: 100% 50%;
6055
- }
6056
-
6057
- .premium-button-style1-left:before {
6058
- -webkit-transform: scaleX(0);
6059
- -ms-transform: scaleX(0);
6060
- transform: scaleX(0);
6061
- -webkit-transform-origin: 0% 50%;
6062
- -ms-transform-origin: 0% 50%;
6063
- transform-origin: 0% 50%;
6064
- }
6065
-
6066
- .premium-button-style2-shutouthor:before,
6067
- .premium-button-style2-scshutoutver:before {
6068
- -webkit-transform: scaleY(0);
6069
- -ms-transform: scaleY(0);
6070
- transform: scaleY(0);
6071
- -webkit-transform-origin: 0% 50%;
6072
- -ms-transform-origin: 0% 50%;
6073
- transform-origin: 0% 50%;
6074
- }
6075
-
6076
- .premium-button-style2-shutoutver:before,
6077
- .premium-button-style2-scshutouthor:before {
6078
- -webkit-transform: scaleX(0);
6079
- -ms-transform: scaleX(0);
6080
- transform: scaleX(0);
6081
- -webkit-transform-origin: 50% 50%;
6082
- -ms-transform-origin: 50% 50%;
6083
- transform-origin: 50% 50%;
6084
- }
6085
-
6086
- .premium-button-style2-shutinhor:before {
6087
- -webkit-transform: scaleX(1);
6088
- -ms-transform: scaleX(1);
6089
- transform: scaleX(1);
6090
- -webkit-transform-origin: 50%;
6091
- -ms-transform-origin: 50%;
6092
- transform-origin: 50%;
6093
- }
6094
-
6095
- .premium-button-style2-shutinver:before {
6096
- -webkit-transform: scaleY(1);
6097
- -ms-transform: scaleY(1);
6098
- transform: scaleY(1);
6099
- -webkit-transform-origin: 50%;
6100
- -ms-transform-origin: 50%;
6101
- transform-origin: 50%;
6102
- }
6103
-
6104
- .premium-button-style1-bottom:hover:before,
6105
- .premium-button-style1-top:hover:before {
6106
- -webkit-transform: scaleY(1);
6107
- -ms-transform: scaleY(1);
6108
- transform: scaleY(1);
6109
- }
6110
-
6111
- .premium-button-style1-left:hover:before,
6112
- .premium-button-style1-right:hover:before,
6113
- .premium-button-style2-shutouthor:hover:before,
6114
- .premium-button-style2-shutoutver:hover:before {
6115
- -webkit-transform: scaleX(1);
6116
- -ms-transform: scaleX(1);
6117
- transform: scaleX(1);
6118
- }
6119
-
6120
- .premium-button-style2-shutinhor:hover:before {
6121
- -webkit-transform: scaleX(0);
6122
- -ms-transform: scaleX(0);
6123
- transform: scaleX(0);
6124
- }
6125
-
6126
- .premium-button-style2-shutinver:hover:before {
6127
- -webkit-transform: scaleY(0);
6128
- -ms-transform: scaleY(0);
6129
- transform: scaleY(0);
6130
- }
6131
-
6132
- .premium-button-style2-scshutouthor:hover:before {
6133
- -webkit-transform: scaleX(0.9);
6134
- -ms-transform: scaleX(0.9);
6135
- transform: scaleX(0.9);
6136
- }
6137
-
6138
- .premium-button-style2-scshutoutver:hover:before {
6139
- -webkit-transform: scaleY(0.8);
6140
- -ms-transform: scaleY(0.8);
6141
- transform: scaleY(0.8);
6142
- }
6143
-
6144
- /*Diagonal*/
6145
- .premium-button-style2-dshutinhor:before {
6146
- top: 50%;
6147
- right: 50%;
6148
- width: 120%;
6149
- height: 0%;
6150
- -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
6151
- -ms-transform: translateX(50%) translateY(-50%) rotate(45deg);
6152
- transform: translateX(50%) translateY(-50%) rotate(45deg);
6153
- -webkit-transform-origin: 50%;
6154
- -ms-transform-origin: 50%;
6155
- transform-origin: 50%;
6156
- -webkit-transition-property: all;
6157
- transition-property: all;
6158
- }
6159
-
6160
- .premium-button-style2-dshutinver:before {
6161
- top: 50%;
6162
- right: 50%;
6163
- width: 120%;
6164
- height: 0%;
6165
- -webkit-transform-origin: 50%;
6166
- -ms-transform-origin: 50%;
6167
- transform-origin: 50%;
6168
- -webkit-transition-property: all;
6169
- transition-property: all;
6170
- -webkit-transform: translateX(50%) translateY(-50%) rotate(-45deg);
6171
- -ms-transform: translateX(50%) translateY(-50%) rotate(-45deg);
6172
- transform: translateX(50%) translateY(-50%) rotate(-45deg);
6173
- }
6174
-
6175
- .premium-button-style2-dshutinhor:hover:before,
6176
- .premium-button-style2-dshutinver:hover:before {
6177
- height: 220%;
6178
- }
6179
-
6180
- .premium-button-style3-before i,
6181
- .premium-button-style3-before svg {
6182
- opacity: 0;
6183
- -webkit-transform: translateX(5px);
6184
- -ms-transform: translateX(5px);
6185
- transform: translateX(5px);
6186
- -webkit-transition: all 0.5s ease-in-out;
6187
- transition: all 0.5s ease-in-out;
6188
- }
6189
-
6190
- .premium-button-style3-after i,
6191
- .premium-button-style3-after svg {
6192
- opacity: 0;
6193
- -webkit-transform: translateX(5px);
6194
- -ms-transform: translateX(5px);
6195
- transform: translateX(5px);
6196
- -webkit-transition: all 0.5s ease-in-out;
6197
- transition: all 0.5s ease-in-out;
6198
- -webkit-transform: translateX(-5px);
6199
- -ms-transform: translateX(-5px);
6200
- transform: translateX(-5px);
6201
- }
6202
-
6203
- .premium-button-style3-after:hover i,
6204
- .premium-button-style3-after:hover svg {
6205
- opacity: 1;
6206
- }
6207
-
6208
- .premium-button-style3-before:hover i,
6209
- .premium-button-style3-before:hover svg {
6210
- opacity: 1;
6211
- }
6212
-
6213
- .premium-button-text-icon-wrapper {
6214
- width: 100%;
6215
- -js-display: flex;
6216
- display: -webkit-box;
6217
- display: -webkit-flex;
6218
- display: -moz-box;
6219
- display: -ms-flexbox;
6220
- display: flex;
6221
- -webkit-box-pack: center;
6222
- -webkit-justify-content: center;
6223
- -moz-box-pack: center;
6224
- -ms-flex-pack: center;
6225
- justify-content: center;
6226
- -webkit-box-align: center;
6227
- -webkit-align-items: center;
6228
- -moz-box-align: center;
6229
- -ms-flex-align: center;
6230
- align-items: center;
6231
- -webkit-transition: all 0.2s ease-in-out;
6232
- transition: all 0.2s ease-in-out;
6233
- }
6234
-
6235
- .premium-button-text-icon-wrapper span,
6236
- .premium-button-text-icon-wrapper i,
6237
- .premium-button-text-icon-wrapper svg {
6238
- -webkit-transition: all 0.2s ease-in-out;
6239
- transition: all 0.2s ease-in-out;
6240
- }
6241
-
6242
- .premium-button-style4-icon-wrapper {
6243
- position: absolute;
6244
- z-index: 2;
6245
- width: 100%;
6246
- text-align: center;
6247
- -js-display: flex;
6248
- display: -webkit-box;
6249
- display: -webkit-flex;
6250
- display: -moz-box;
6251
- display: -ms-flexbox;
6252
- display: flex;
6253
- -webkit-box-align: center;
6254
- -webkit-align-items: center;
6255
- -moz-box-align: center;
6256
- -ms-flex-align: center;
6257
- align-items: center;
6258
- -webkit-box-pack: center;
6259
- -webkit-justify-content: center;
6260
- -moz-box-pack: center;
6261
- -ms-flex-pack: center;
6262
- justify-content: center;
6263
- height: 100%;
6264
- opacity: 0;
6265
- -webkit-transition: all 0.3s ease-in-out;
6266
- transition: all 0.3s ease-in-out;
6267
- }
6268
-
6269
- .premium-button-style4-icon-wrapper.top {
6270
- bottom: -100%;
6271
- right: 0;
6272
- }
6273
-
6274
- .premium-button-style4-icon-wrapper.bottom {
6275
- top: -100%;
6276
- right: 0;
6277
- }
6278
-
6279
- .premium-button-style4-icon-wrapper.left {
6280
- top: 0;
6281
- right: -100%;
6282
- }
6283
-
6284
- .premium-button-style4-icon-wrapper.right {
6285
- top: 0;
6286
- left: -100%;
6287
- }
6288
-
6289
- .premium-button-style4-bottom:hover .premium-button-style4-icon-wrapper {
6290
- top: 0;
6291
- opacity: 1;
6292
- }
6293
-
6294
- .premium-button-style4-top:hover .premium-button-style4-icon-wrapper {
6295
- bottom: 0;
6296
- opacity: 1;
6297
- }
6298
-
6299
- .premium-button-style4-left:hover .premium-button-style4-icon-wrapper {
6300
- right: 0;
6301
- opacity: 1;
6302
- }
6303
-
6304
- .premium-button-style4-right:hover .premium-button-style4-icon-wrapper {
6305
- left: 0;
6306
- opacity: 1;
6307
- }
6308
-
6309
- .premium-button-style4-bottom:hover .premium-button-text-icon-wrapper {
6310
- -webkit-transform: translateY(100%);
6311
- -ms-transform: translateY(100%);
6312
- transform: translateY(100%);
6313
- opacity: 0;
6314
- }
6315
-
6316
- .premium-button-style4-top:hover .premium-button-text-icon-wrapper {
6317
- -webkit-transform: translateY(-100%);
6318
- -ms-transform: translateY(-100%);
6319
- transform: translateY(-100%);
6320
- opacity: 0;
6321
- }
6322
-
6323
- .premium-button-style4-left:hover .premium-button-text-icon-wrapper {
6324
- -webkit-transform: translateX(-100%);
6325
- -ms-transform: translateX(-100%);
6326
- transform: translateX(-100%);
6327
- opacity: 0;
6328
- }
6329
-
6330
- .premium-button-style4-right:hover .premium-button-text-icon-wrapper {
6331
- -webkit-transform: translateX(100%);
6332
- -ms-transform: translateX(100%);
6333
- transform: translateX(100%);
6334
- opacity: 0;
6335
- }
6336
-
6337
- .premium-button-style6:before {
6338
- content: "";
6339
- position: absolute;
6340
- right: 50%;
6341
- top: 50%;
6342
- width: 100px;
6343
- height: 100px;
6344
- -webkit-border-radius: 100%;
6345
- border-radius: 100%;
6346
- -webkit-transform: translate(50%, -50%) scale(0);
6347
- -ms-transform: translate(50%, -50%) scale(0);
6348
- transform: translate(50%, -50%) scale(0);
6349
- -webkit-transition: all 0.3s ease-in-out;
6350
- transition: all 0.3s ease-in-out;
6351
- }
6352
-
6353
- .premium-button-style6:hover:before {
6354
- -webkit-transform: translate(50%, -50%) scale(3);
6355
- -ms-transform: translate(50%, -50%) scale(3);
6356
- transform: translate(50%, -50%) scale(3);
6357
- }
6358
-
6359
- .premium-button-style6 .premium-button-text-icon-wrapper {
6360
- position: relative;
6361
- z-index: 1;
6362
- }
6363
-
6364
- .premium-mouse-detect-yes .premium-button-style6 .premium-button-style6-bg {
6365
- position: absolute;
6366
- z-index: 0;
6367
- top: 0;
6368
- right: 0;
6369
- width: 0px;
6370
- height: 0px;
6371
- -webkit-border-radius: 50%;
6372
- border-radius: 50%;
6373
- display: block;
6374
- -webkit-transform: translate(50%, -50%);
6375
- -ms-transform: translate(50%, -50%);
6376
- transform: translate(50%, -50%);
6377
- -webkit-transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
6378
- transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
6379
- }
6380
-
6381
- .premium-mouse-detect-yes .premium-button-style6:hover .premium-button-style6-bg {
6382
- width: 225%;
6383
- height: 560px;
6384
- }
6385
-
6386
- .premium-mouse-detect-yes .premium-button-style6:before {
6387
- width: 0;
6388
- height: 0;
6389
- }
6390
-
6391
- .premium-button-style7-right .premium-button-text-icon-wrapper:before,
6392
- .premium-button-style7-left .premium-button-text-icon-wrapper:before {
6393
- -webkit-transition: width 0.3s ease-out 0.15s;
6394
- transition: width 0.3s ease-out 0.15s;
6395
- }
6396
-
6397
- .premium-button-style7-right .premium-button-text-icon-wrapper:after,
6398
- .premium-button-style7-left .premium-button-text-icon-wrapper:after {
6399
- -webkit-transition: width 0.3s ease-out 0s;
6400
- transition: width 0.3s ease-out 0s;
6401
- }
6402
-
6403
- .premium-button-style7-bottom .premium-button-text-icon-wrapper:before,
6404
- .premium-button-style7-top .premium-button-text-icon-wrapper:before {
6405
- -webkit-transition: height 0.3s ease-out 0.15s;
6406
- transition: height 0.3s ease-out 0.15s;
6407
- }
6408
-
6409
- .premium-button-style7-bottom .premium-button-text-icon-wrapper:after,
6410
- .premium-button-style7-top .premium-button-text-icon-wrapper:after {
6411
- -webkit-transition: height 0.3s ease-out 0s;
6412
- transition: height 0.3s ease-out 0s;
6413
- }
6414
-
6415
- .premium-button[class*="style7"]:hover .premium-button-text-icon-wrapper:before {
6416
- -webkit-transition-delay: 0s;
6417
- transition-delay: 0s;
6418
- }
6419
-
6420
- .premium-button[class*="style7"]:hover .premium-button-text-icon-wrapper:after {
6421
- -webkit-transition-delay: 0.15s;
6422
- transition-delay: 0.15s;
6423
- }
6424
-
6425
- .premium-button-style7-bottom .premium-button-text-icon-wrapper:before,
6426
- .premium-button-style7-bottom .premium-button-text-icon-wrapper:after {
6427
- content: "";
6428
- position: absolute;
6429
- left: 0;
6430
- top: 0;
6431
- right: 0;
6432
- height: 0;
6433
- z-index: -1;
6434
- }
6435
-
6436
- .premium-button-style7-top .premium-button-text-icon-wrapper:after,
6437
- .premium-button-style7-top .premium-button-text-icon-wrapper:before {
6438
- content: "";
6439
- position: absolute;
6440
- left: 0;
6441
- bottom: 0;
6442
- right: 0;
6443
- height: 0;
6444
- z-index: -1;
6445
- }
6446
-
6447
- .premium-button-style7-right .premium-button-text-icon-wrapper:after,
6448
- .premium-button-style7-right .premium-button-text-icon-wrapper:before {
6449
- content: "";
6450
- position: absolute;
6451
- right: 0;
6452
- top: 0;
6453
- bottom: 0;
6454
- width: 0;
6455
- z-index: -1;
6456
- }
6457
-
6458
- .premium-button-style7-left .premium-button-text-icon-wrapper:after,
6459
- .premium-button-style7-left .premium-button-text-icon-wrapper:before {
6460
- content: "";
6461
- position: absolute;
6462
- left: 0;
6463
- top: 0;
6464
- bottom: 0;
6465
- width: 0;
6466
- z-index: -1;
6467
- }
6468
-
6469
- .premium-button-style7-bottom:hover .premium-button-text-icon-wrapper:after,
6470
- .premium-button-style7-bottom:hover .premium-button-text-icon-wrapper:before {
6471
- height: 100%;
6472
- top: 0;
6473
- }
6474
-
6475
- .premium-button-style7-top:hover .premium-button-text-icon-wrapper:after,
6476
- .premium-button-style7-top:hover .premium-button-text-icon-wrapper:before {
6477
- height: 100%;
6478
- bottom: 0;
6479
- }
6480
-
6481
- .premium-button-style7-left:hover .premium-button-text-icon-wrapper:after,
6482
- .premium-button-style7-left:hover .premium-button-text-icon-wrapper:before {
6483
- width: 100%;
6484
- left: 0;
6485
- }
6486
-
6487
- .premium-button-style7-right:hover .premium-button-text-icon-wrapper:after,
6488
- .premium-button-style7-right:hover .premium-button-text-icon-wrapper:before {
6489
- width: 100%;
6490
- right: 0;
6491
- }
6492
-
6493
- /**************** Premium Contact Form7 **********/
6494
- /*************************************************/
6495
- .premium-contact-form-anim-yes .wpcf7-span::after {
6496
- display: block;
6497
- height: 2px;
6498
- content: "";
6499
- top: -2px;
6500
- position: relative;
6501
- width: 0px;
6502
- -webkit-transition: all ease-in-out 0.3s;
6503
- transition: all ease-in-out 0.3s;
6504
- }
6505
-
6506
- .premium-contact-form-anim-yes .wpcf7-span.is-focused::after {
6507
- width: 100%;
6508
- }
6509
-
6510
- /**************** Premium Image Button ***********/
6511
- /*************************************************/
6512
- .premium-image-button {
6513
- -js-display: inline-flex;
6514
- display: -webkit-inline-box;
6515
- display: -webkit-inline-flex;
6516
- display: -moz-inline-box;
6517
- display: -ms-inline-flexbox;
6518
- display: inline-flex;
6519
- position: relative;
6520
- overflow: hidden;
6521
- background-color: #eee;
6522
- cursor: pointer;
6523
- -webkit-transition: all 0.2s ease-in-out !important;
6524
- transition: all 0.2s ease-in-out !important;
6525
- }
6526
-
6527
- .premium-image-button .premium-button-style6-bg,
6528
- .premium-image-button.premium-button-style6:before,
6529
- .premium-image-button:not(.premium-image-button-style6):hover {
6530
- background-color: #54595f;
6531
- }
6532
-
6533
- /*Default background for slide styles*/
6534
- .premium-image-button:hover,
6535
- .premium-image-button-style4-icon-wrapper,
6536
- .premium-image-button-style1-top:before,
6537
- .premium-image-button-style1-bottom:before,
6538
- .premium-image-button-style1-left:before,
6539
- .premium-image-button-style1-right:before {
6540
- background-color: #54595f;
6541
- }
6542
-
6543
- .premium-image-button-text-icon-wrapper {
6544
- width: 100%;
6545
- -js-display: flex;
6546
- display: -webkit-box;
6547
- display: -webkit-flex;
6548
- display: -moz-box;
6549
- display: -ms-flexbox;
6550
- display: flex;
6551
- -webkit-box-pack: center;
6552
- -webkit-justify-content: center;
6553
- -moz-box-pack: center;
6554
- -ms-flex-pack: center;
6555
- justify-content: center;
6556
- -webkit-box-align: center;
6557
- -webkit-align-items: center;
6558
- -moz-box-align: center;
6559
- -ms-flex-align: center;
6560
- align-items: center;
6561
- position: relative;
6562
- z-index: 3;
6563
- -webkit-transition: all 0.2s ease-in-out;
6564
- transition: all 0.2s ease-in-out;
6565
- }
6566
-
6567
- .premium-image-button-text-icon-wrapper span,
6568
- .premium-image-button-text-icon-wrapper,
6569
- .premium-image-button-text-icon-wrapper i,
6570
- .premium-image-button-text-icon-wrapper svg {
6571
- -webkit-transition: all 0.2s ease-in-out;
6572
- transition: all 0.2s ease-in-out;
6573
- }
6574
-
6575
- .premium-image-button-style1-bottom:before,
6576
- .premium-image-button-style1-top:before,
6577
- .premium-image-button-style1-left:before,
6578
- .premium-image-button-style1-right:before {
6579
- -webkit-transition: all 0.2s ease-in-out;
6580
- transition: all 0.2s ease-in-out;
6581
- }
6582
-
6583
- .premium-image-button-style1-bottom:before {
6584
- content: "";
6585
- position: absolute;
6586
- width: 100%;
6587
- height: 0;
6588
- top: 0;
6589
- right: 0;
6590
- }
6591
-
6592
- .premium-image-button-style1-top:before {
6593
- content: "";
6594
- position: absolute;
6595
- width: 100%;
6596
- height: 0;
6597
- bottom: 0;
6598
- right: 0;
6599
- }
6600
-
6601
- .premium-image-button-style1-right:before {
6602
- content: "";
6603
- position: absolute;
6604
- width: 0;
6605
- height: 100%;
6606
- bottom: 0;
6607
- right: 0;
6608
- }
6609
-
6610
- .premium-image-button-style1-left:before {
6611
- content: "";
6612
- position: absolute;
6613
- width: 0;
6614
- height: 100%;
6615
- top: 0;
6616
- left: 0;
6617
- }
6618
-
6619
- .premium-image-button-style1-bottom:hover:before {
6620
- height: 100%;
6621
- }
6622
-
6623
- .premium-image-button-style1-top:hover:before {
6624
- height: 100%;
6625
- }
6626
-
6627
- .premium-image-button-style1-right:hover:before {
6628
- width: 100%;
6629
- }
6630
-
6631
- .premium-image-button-style1-left:hover:before {
6632
- width: 100%;
6633
- }
6634
-
6635
- .premium-image-button-diagonal-top,
6636
- .premium-image-button-diagonal-bottom,
6637
- .premium-image-button-diagonal-left,
6638
- .premium-image-button-diagonal-right {
6639
- z-index: 10;
6640
- }
6641
-
6642
- .premium-image-button-diagonal-top:before,
6643
- .premium-image-button-diagonal-bottom:before,
6644
- .premium-image-button-diagonal-left:before,
6645
- .premium-image-button-diagonal-right:before {
6646
- position: absolute;
6647
- top: 0px;
6648
- right: 0px;
6649
- width: 100%;
6650
- height: 100%;
6651
- content: "";
6652
- z-index: 1;
6653
- background: rgba(255, 255, 255, 0.2);
6654
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6655
- -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6656
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6657
- -webkit-transition: all 0.8s ease-out;
6658
- transition: all 0.8s ease-out;
6659
- }
6660
-
6661
- .premium-image-button-diagonal-right:hover:before,
6662
- .premium-image-button-diagonal-left:before {
6663
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
6664
- -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
6665
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
6666
- }
6667
-
6668
- .premium-image-button-diagonal-left:hover:before,
6669
- .premium-image-button-diagonal-right:before {
6670
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
6671
- -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
6672
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
6673
- }
6674
-
6675
- .premium-image-button-diagonal-top:hover:before,
6676
- .premium-image-button-diagonal-bottom:before {
6677
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6678
- -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6679
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6680
- }
6681
-
6682
- .premium-image-button-diagonal-bottom:hover:before,
6683
- .premium-image-button-diagonal-top:before {
6684
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
6685
- -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
6686
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
6687
- }
6688
-
6689
- .premium-image-button-style4-icon-wrapper {
6690
- position: absolute;
6691
- z-index: 2;
6692
- width: 100%;
6693
- text-align: center;
6694
- display: -webkit-box;
6695
- display: -webkit-flex;
6696
- display: -ms-flexbox;
6697
- -js-display: flex;
6698
- display: -moz-box;
6699
- display: flex;
6700
- -webkit-box-align: center;
6701
- -webkit-align-items: center;
6702
- -moz-box-align: center;
6703
- -ms-flex-align: center;
6704
- align-items: center;
6705
- -webkit-box-pack: center;
6706
- -webkit-justify-content: center;
6707
- -moz-box-pack: center;
6708
- -ms-flex-pack: center;
6709
- justify-content: center;
6710
- height: 100%;
6711
- opacity: 0;
6712
- -webkit-transition: all 0.3s ease-in-out;
6713
- transition: all 0.3s ease-in-out;
6714
- }
6715
-
6716
- .premium-image-button-style4-icon-wrapper.top {
6717
- bottom: -100%;
6718
- right: 0;
6719
- }
6720
-
6721
- .premium-image-button-style4-icon-wrapper.bottom {
6722
- top: -100%;
6723
- right: 0;
6724
- }
6725
-
6726
- .premium-image-button-style4-icon-wrapper.left {
6727
- top: 0;
6728
- right: -100%;
6729
- }
6730
-
6731
- .premium-image-button-style4-icon-wrapper.right {
6732
- top: 0;
6733
- left: -100%;
6734
- }
6735
-
6736
- .premium-image-button-style4-bottom:hover .premium-image-button-style4-icon-wrapper {
6737
- top: 0;
6738
- opacity: 1;
6739
- }
6740
-
6741
- .premium-image-button-style4-top:hover .premium-image-button-style4-icon-wrapper {
6742
- bottom: 0;
6743
- opacity: 1;
6744
- }
6745
-
6746
- .premium-image-button-style4-left:hover .premium-image-button-style4-icon-wrapper {
6747
- right: 0;
6748
- opacity: 1;
6749
- }
6750
-
6751
- .premium-image-button-style4-right:hover .premium-image-button-style4-icon-wrapper {
6752
- left: 0;
6753
- opacity: 1;
6754
- }
6755
-
6756
- .premium-image-button-style4-bottom:hover .premium-image-button-text-icon-wrapper {
6757
- -webkit-transform: translateY(100%);
6758
- -ms-transform: translateY(100%);
6759
- transform: translateY(100%);
6760
- opacity: 0;
6761
- }
6762
-
6763
- .premium-image-button-style4-top:hover .premium-image-button-text-icon-wrapper {
6764
- -webkit-transform: translateY(-100%);
6765
- -ms-transform: translateY(-100%);
6766
- transform: translateY(-100%);
6767
- opacity: 0;
6768
- }
6769
-
6770
- .premium-image-button-style4-left:hover .premium-image-button-text-icon-wrapper {
6771
- -webkit-transform: translateX(-100%);
6772
- -ms-transform: translateX(-100%);
6773
- transform: translateX(-100%);
6774
- opacity: 0;
6775
- }
6776
-
6777
- .premium-image-button-style4-right:hover .premium-image-button-text-icon-wrapper {
6778
- -webkit-transform: translateX(100%);
6779
- -ms-transform: translateX(100%);
6780
- transform: translateX(100%);
6781
- opacity: 0;
6782
- }
6783
-
6784
- .premium-image-button-overlap-effect-horizontal:before,
6785
- .premium-image-button-overlap-effect-vertical:before {
6786
- position: absolute;
6787
- content: "";
6788
- top: 0;
6789
- right: 0;
6790
- width: 100%;
6791
- height: 100%;
6792
- opacity: 0;
6793
- -webkit-transition: all 1s ease-in-out;
6794
- transition: all 1s ease-in-out;
6795
- background: rgba(255, 255, 255, 0.2);
6796
- -webkit-animation-name: premium-overlap-effect-done;
6797
- animation-name: premium-overlap-effect-done;
6798
- -webkit-animation-duration: 1s;
6799
- animation-duration: 1s;
6800
- }
6801
-
6802
- .premium-image-button-overlap-effect-vertical:before {
6803
- -webkit-animation-name: premium-overlap-ver-effect-done;
6804
- animation-name: premium-overlap-ver-effect-done;
6805
- -webkit-animation-duration: 1s;
6806
- animation-duration: 1s;
6807
- }
6808
-
6809
- .premium-image-button-overlap-effect-horizontal:hover:before {
6810
- -webkit-animation-name: premium-overlap-effect;
6811
- animation-name: premium-overlap-effect;
6812
- -webkit-animation-duration: 1s;
6813
- animation-duration: 1s;
6814
- }
6815
-
6816
- .premium-image-button-overlap-effect-vertical:hover:before {
6817
- -webkit-animation-name: premium-overlap-ver-effect;
6818
- animation-name: premium-overlap-ver-effect;
6819
- -webkit-animation-duration: 1s;
6820
- animation-duration: 1s;
6821
- }
6822
-
6823
- @-webkit-keyframes premium-overlap-effect {
6824
- 0% {
6825
- opacity: 0;
6826
- -webkit-transform: rotateY(0deg);
6827
- transform: rotateY(0deg);
6828
- }
6829
-
6830
- 50% {
6831
- opacity: 1;
6832
- -webkit-transform: rotateY(180deg);
6833
- transform: rotateY(180deg);
6834
- }
6835
-
6836
- 100% {
6837
- opacity: 0;
6838
- -webkit-transform: rotateY(360deg);
6839
- transform: rotateY(360deg);
6840
- }
6841
- }
6842
-
6843
- @keyframes premium-overlap-effect {
6844
- 0% {
6845
- opacity: 0;
6846
- -webkit-transform: rotateY(0deg);
6847
- transform: rotateY(0deg);
6848
- }
6849
-
6850
- 50% {
6851
- opacity: 1;
6852
- -webkit-transform: rotateY(180deg);
6853
- transform: rotateY(180deg);
6854
- }
6855
-
6856
- 100% {
6857
- opacity: 0;
6858
- -webkit-transform: rotateY(360deg);
6859
- transform: rotateY(360deg);
6860
- }
6861
- }
6862
-
6863
- @-webkit-keyframes premium-overlap-effect-done {
6864
- 0% {
6865
- opacity: 0;
6866
- -webkit-transform: rotateY(0deg);
6867
- transform: rotateY(0deg);
6868
- }
6869
-
6870
- 50% {
6871
- opacity: 1;
6872
- -webkit-transform: rotateY(180deg);
6873
- transform: rotateY(180deg);
6874
- }
6875
-
6876
- 100% {
6877
- opacity: 0;
6878
- -webkit-transform: rotateY(360deg);
6879
- transform: rotateY(360deg);
6880
- }
6881
- }
6882
-
6883
- @keyframes premium-overlap-effect-done {
6884
- 0% {
6885
- opacity: 0;
6886
- -webkit-transform: rotateY(0deg);
6887
- transform: rotateY(0deg);
6888
- }
6889
-
6890
- 50% {
6891
- opacity: 1;
6892
- -webkit-transform: rotateY(180deg);
6893
- transform: rotateY(180deg);
6894
- }
6895
-
6896
- 100% {
6897
- opacity: 0;
6898
- -webkit-transform: rotateY(360deg);
6899
- transform: rotateY(360deg);
6900
- }
6901
- }
6902
-
6903
- @-webkit-keyframes premium-overlap-ver-effect {
6904
- 0% {
6905
- opacity: 0;
6906
- -webkit-transform: rotateX(0deg);
6907
- transform: rotateX(0deg);
6908
- }
6909
-
6910
- 50% {
6911
- opacity: 1;
6912
- -webkit-transform: rotateX(180deg);
6913
- transform: rotateX(180deg);
6914
- }
6915
-
6916
- 100% {
6917
- opacity: 0;
6918
- -webkit-transform: rotateX(360deg);
6919
- transform: rotateX(360deg);
6920
- }
6921
- }
6922
-
6923
- @keyframes premium-overlap-ver-effect {
6924
- 0% {
6925
- opacity: 0;
6926
- -webkit-transform: rotateX(0deg);
6927
- transform: rotateX(0deg);
6928
- }
6929
-
6930
- 50% {
6931
- opacity: 1;
6932
- -webkit-transform: rotateX(180deg);
6933
- transform: rotateX(180deg);
6934
- }
6935
-
6936
- 100% {
6937
- opacity: 0;
6938
- -webkit-transform: rotateX(360deg);
6939
- transform: rotateX(360deg);
6940
- }
6941
- }
6942
-
6943
- @-webkit-keyframes premium-overlap-ver-effect-done {
6944
- 0% {
6945
- opacity: 0;
6946
- -webkit-transform: rotateX(0deg);
6947
- transform: rotateX(0deg);
6948
- }
6949
-
6950
- 50% {
6951
- opacity: 1;
6952
- -webkit-transform: rotateX(180deg);
6953
- transform: rotateX(180deg);
6954
- }
6955
-
6956
- 100% {
6957
- opacity: 0;
6958
- -webkit-transform: rotateX(360deg);
6959
- transform: rotateX(360deg);
6960
- }
6961
- }
6962
-
6963
- @keyframes premium-overlap-ver-effect-done {
6964
- 0% {
6965
- opacity: 0;
6966
- -webkit-transform: rotateX(0deg);
6967
- transform: rotateX(0deg);
6968
- }
6969
-
6970
- 50% {
6971
- opacity: 1;
6972
- -webkit-transform: rotateX(180deg);
6973
- transform: rotateX(180deg);
6974
- }
6975
-
6976
- 100% {
6977
- opacity: 0;
6978
- -webkit-transform: rotateX(360deg);
6979
- transform: rotateX(360deg);
6980
- }
6981
- }
6982
-
6983
- /******** Premium Media Grid ********/
6984
- /************************************/
6985
- .premium-img-gallery-filter,
6986
- .premium-blog-filter {
6987
- display: -webkit-box;
6988
- display: -webkit-flex;
6989
- display: -ms-flexbox;
6990
- -js-display: flex;
6991
- display: -moz-box;
6992
- display: flex;
6993
- -webkit-box-align: center;
6994
- -webkit-align-items: center;
6995
- -moz-box-align: center;
6996
- -ms-flex-align: center;
6997
- align-items: center;
6998
- -webkit-box-pack: center;
6999
- -webkit-justify-content: center;
7000
- -moz-box-pack: center;
7001
- -ms-flex-pack: center;
7002
- justify-content: center;
7003
- }
7004
-
7005
- .premium-img-gallery {
7006
- clear: both;
7007
- overflow: hidden;
7008
- }
7009
-
7010
- .premium-gallery-container .premium-gallery-item {
7011
- padding: 10px;
7012
- float: right;
7013
- /* Google Chrome isotope issue */
7014
- }
7015
-
7016
- .premium-gallery-container .grid-sizer {
7017
- width: 33.33%;
7018
- }
7019
-
7020
- .premium-img-gallery-filter .premium-gallery-cats-container li a.category,
7021
- .premium-blog-filter .premium-blog-filters-container li a.category {
7022
- outline: none;
7023
- text-decoration: none;
7024
- -webkit-border-radius: 75px;
7025
- border-radius: 75px;
7026
- margin: 15px 5px 20px;
7027
- padding: 7px 20px;
7028
- -webkit-transition: all 0.3s ease-in-out;
7029
- transition: all 0.3s ease-in-out;
7030
- }
7031
-
7032
- .premium-img-gallery-filter .premium-gallery-cats-container li a.category span {
7033
- -webkit-transition: all 0.3s ease-in-out;
7034
- transition: all 0.3s ease-in-out;
7035
- }
7036
-
7037
- .pa-gallery-img {
7038
- position: relative;
7039
- }
7040
-
7041
- .pa-gallery-img .pa-gallery-whole-link {
7042
- position: absolute;
7043
- top: 0;
7044
- right: 0;
7045
- width: 100%;
7046
- height: 100%;
7047
- }
7048
-
7049
- .pa-gallery-img.style2 .pa-gallery-whole-link {
7050
- z-index: 99;
7051
- }
7052
-
7053
- .pa-gallery-img-container {
7054
- overflow: hidden;
7055
- -webkit-backface-visibility: hidden;
7056
- -moz-backface-visibility: hidden;
7057
- -webkit-transform: translate3d(0, 0, 0);
7058
- transform: translate3d(0, 0, 0);
7059
- }
7060
-
7061
- .pa-gallery-img-container img {
7062
- display: block;
7063
- width: 100%;
7064
- -webkit-transition: all 0.3s ease-in-out;
7065
- transition: all 0.3s ease-in-out;
7066
- }
7067
-
7068
- .premium-img-gallery.gray img {
7069
- -webkit-filter: grayscale(100%);
7070
- filter: grayscale(100%);
7071
- }
7072
-
7073
- .premium-img-gallery.zoomout img,
7074
- .premium-img-gallery.scale img {
7075
- -webkit-transform: scale(1.2);
7076
- -ms-transform: scale(1.2);
7077
- transform: scale(1.2);
7078
- }
7079
-
7080
- .premium-img-gallery.sepia img {
7081
- -webkit-filter: sepia(30%);
7082
- filter: sepia(30%);
7083
- }
7084
-
7085
- .premium-img-gallery.bright img {
7086
- -webkit-filter: brightness(1);
7087
- filter: brightness(1);
7088
- }
7089
-
7090
- .premium-img-gallery.trans img {
7091
- -webkit-transform: translateX(15px) scale(1.1);
7092
- -ms-transform: translateX(15px) scale(1.1);
7093
- transform: translateX(15px) scale(1.1);
7094
- }
7095
-
7096
- .pa-gallery-img .pa-gallery-magnific-image,
7097
- .pa-gallery-img .pa-gallery-img-link {
7098
- outline: none;
7099
- }
7100
-
7101
- .pa-gallery-img .pa-gallery-magnific-image i,
7102
- .pa-gallery-img .pa-gallery-magnific-image svg,
7103
- .pa-gallery-img .pa-gallery-img-link i,
7104
- .pa-gallery-img .pa-gallery-img-link svg {
7105
- -webkit-transition: all 0.3s ease-in-out;
7106
- transition: all 0.3s ease-in-out;
7107
- }
7108
-
7109
- .pa-gallery-img .pa-gallery-magnific-image span,
7110
- .pa-gallery-img .pa-gallery-img-link span {
7111
- line-height: 1;
7112
- display: inline-block;
7113
- opacity: 0;
7114
- margin: 0 5px;
7115
- padding: 15px;
7116
- -webkit-border-radius: 50%;
7117
- border-radius: 50%;
7118
- }
7119
-
7120
- .pa-gallery-img.style2 .pa-gallery-magnific-image span,
7121
- .pa-gallery-img.style2 .pa-gallery-img-link span {
7122
- margin: 0 5px 20px;
7123
- }
7124
-
7125
- .pa-gallery-img:hover .pa-gallery-magnific-image span {
7126
- -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
7127
- transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
7128
- }
7129
-
7130
- .pa-gallery-img:hover .pa-gallery-img-link span {
7131
- -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
7132
- transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
7133
- }
7134
-
7135
- .pa-gallery-img:hover .pa-gallery-magnific-image span,
7136
- .pa-gallery-img:hover .pa-gallery-img-link span,
7137
- .premium-gallery-icon-show a.pa-gallery-video-icon span {
7138
- opacity: 1;
7139
- }
7140
-
7141
- .premium-img-gallery-filter ul.premium-gallery-cats-container,
7142
- .premium-blog-filter ul.premium-blog-filters-container {
7143
- text-align: center;
7144
- margin: 0;
7145
- padding: 0;
7146
- }
7147
-
7148
- .premium-img-gallery-filter .premium-gallery-cats-container li,
7149
- .premium-blog-filter .premium-blog-filters-container li {
7150
- list-style: none;
7151
- display: -webkit-inline-box;
7152
- display: -webkit-inline-flex;
7153
- display: -ms-inline-flexbox;
7154
- -js-display: inline-flex;
7155
- display: -moz-inline-box;
7156
- display: inline-flex;
7157
- }
7158
-
7159
- .premium-img-gallery.zoomin .pa-gallery-img:hover img {
7160
- -webkit-transform: scale(1.1);
7161
- -ms-transform: scale(1.1);
7162
- transform: scale(1.1);
7163
- }
7164
-
7165
- .premium-img-gallery.zoomout .pa-gallery-img:hover img {
7166
- -webkit-transform: scale(1);
7167
- -ms-transform: scale(1);
7168
- transform: scale(1);
7169
- }
7170
-
7171
- .premium-img-gallery.scale .pa-gallery-img:hover img {
7172
- -webkit-transform: scale(1.3) rotate(-5deg);
7173
- -ms-transform: scale(1.3) rotate(-5deg);
7174
- transform: scale(1.3) rotate(-5deg);
7175
- }
7176
-
7177
- .premium-img-gallery.gray .pa-gallery-img:hover img {
7178
- -webkit-filter: grayscale(0%);
7179
- filter: grayscale(0%);
7180
- }
7181
-
7182
- .premium-img-gallery.blur .pa-gallery-img:hover img {
7183
- -webkit-filter: blur(3px);
7184
- filter: blur(3px);
7185
- }
7186
-
7187
- .premium-img-gallery.sepia .pa-gallery-img:hover img {
7188
- -webkit-filter: sepia(0%);
7189
- filter: sepia(0%);
7190
- }
7191
-
7192
- .premium-img-gallery.trans .pa-gallery-img:hover img {
7193
- -webkit-transform: translateX(0px) scale(1.1);
7194
- -ms-transform: translateX(0px) scale(1.1);
7195
- transform: translateX(0px) scale(1.1);
7196
- }
7197
-
7198
- .premium-img-gallery.bright .pa-gallery-img:hover img {
7199
- -webkit-filter: brightness(1.2);
7200
- filter: brightness(1.2);
7201
- }
7202
-
7203
- .pa-gallery-img .premium-gallery-caption {
7204
- padding: 10px;
7205
- }
7206
-
7207
- .pa-gallery-img .premium-gallery-caption .premium-gallery-img-name {
7208
- margin-bottom: 0;
7209
- }
7210
-
7211
- .pa-gallery-img.style1 {
7212
- overflow: hidden;
7213
- }
7214
-
7215
- .pa-gallery-img:not(.style2) .pa-gallery-icons-wrapper {
7216
- position: absolute;
7217
- top: 0;
7218
- right: 0;
7219
- width: 100%;
7220
- height: 100%;
7221
- -webkit-transition: all 0.3s ease-in-out;
7222
- transition: all 0.3s ease-in-out;
7223
- }
7224
-
7225
- .pa-gallery-img:not(.style2) .pa-gallery-icons-inner-container {
7226
- position: absolute;
7227
- top: 33.33%;
7228
- width: 100%;
7229
- text-align: center;
7230
- -webkit-transform: translateY(-50%);
7231
- -ms-transform: translateY(-50%);
7232
- transform: translateY(-50%);
7233
- z-index: 999;
7234
- }
7235
-
7236
- .premium-blog-post-container .premium-blog-entry-container {
7237
- margin: 0 !important;
7238
- }
7239
-
7240
- .pa-gallery-img.style1 .premium-gallery-caption {
7241
- position: absolute;
7242
- top: auto;
7243
- left: 0;
7244
- right: 0;
7245
- width: 100%;
7246
- -webkit-transition: all 500ms ease 0s;
7247
- transition: all 500ms ease 0s;
7248
- -webkit-transform: translate3d(0, 100%, 0);
7249
- -ms-transform: translate3d(0, 100%, 0);
7250
- transform: translate3d(0, 100%, 0);
7251
- }
7252
-
7253
- .pa-gallery-img.default .premium-gallery-caption {
7254
- position: absolute;
7255
- top: auto;
7256
- left: 0;
7257
- right: 0;
7258
- width: 100%;
7259
- bottom: 0;
7260
- }
7261
-
7262
- .pa-gallery-img.style1:hover .premium-gallery-caption {
7263
- -webkit-transform: translate3d(0, 0, 0);
7264
- -ms-transform: translate3d(0, 0, 0);
7265
- transform: translate3d(0, 0, 0);
7266
- bottom: -1px !important;
7267
- }
7268
-
7269
- .pa-gallery-img.style2 .pa-gallery-icons-caption-container {
7270
- position: absolute;
7271
- top: 0;
7272
- right: 0;
7273
- width: 100%;
7274
- height: 100%;
7275
- opacity: 0;
7276
- -webkit-backface-visibility: hidden;
7277
- backface-visibility: hidden;
7278
- -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
7279
- -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
7280
- transition: opacity 0.3s, -webkit-transform 0.3s;
7281
- transition: transform 0.3s, opacity 0.3s;
7282
- transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
7283
- z-index: 1;
7284
- background-color: rgba(108, 191, 226, 0.68);
7285
- display: -webkit-box;
7286
- display: -webkit-flex;
7287
- display: -ms-flexbox;
7288
- -js-display: flex;
7289
- display: -moz-box;
7290
- display: flex;
7291
- text-align: center;
7292
- -webkit-box-align: center;
7293
- -webkit-align-items: center;
7294
- -moz-box-align: center;
7295
- -ms-flex-align: center;
7296
- align-items: center;
7297
- }
7298
-
7299
- .pa-gallery-img.style2 .pa-gallery-icons-caption-cell {
7300
- width: 100%;
7301
- }
7302
-
7303
- .pa-gallery-img.style2:hover .pa-gallery-icons-caption-container {
7304
- opacity: 1;
7305
- -webkit-transform: translate(-15px, 15px);
7306
- -ms-transform: translate(-15px, 15px);
7307
- transform: translate(-15px, 15px);
7308
- }
7309
-
7310
- .premium-clearfix {
7311
- clear: both;
7312
- }
7313
-
7314
- .premium-gallery-container .pa-gallery-item {
7315
- padding: 10px;
7316
- }
7317
-
7318
- /**
7319
- * Metro Layout
7320
- */
7321
- .premium-img-gallery-metro .premium-gallery-item {
7322
- overflow: hidden;
7323
- }
7324
-
7325
- .premium-img-gallery-metro .pa-gallery-img {
7326
- height: 100%;
7327
- }
7328
-
7329
- .premium-img-gallery-metro .pa-gallery-img-container {
7330
- height: 100%;
7331
- }
7332
-
7333
- .premium-img-gallery-metro .pa-gallery-img-container img {
7334
- min-height: 100%;
7335
- width: 100%;
7336
- -o-object-fit: fill;
7337
- object-fit: fill;
7338
- }
7339
-
7340
- .premium-img-gallery .premium-gallery-item-hidden {
7341
- visibility: hidden;
7342
- width: 0 !important;
7343
- height: 0 !important;
7344
- margin: 0 !important;
7345
- padding: 0 !important;
7346
- }
7347
-
7348
- .premium-gallery-load-more .premium-gallery-load-more-btn {
7349
- -webkit-box-shadow: none;
7350
- box-shadow: none;
7351
- text-shadow: none;
7352
- border: none;
7353
- outline: none;
7354
- -webkit-box-align: center;
7355
- -ms-flex-align: center;
7356
- -webkit-align-items: center;
7357
- -moz-box-align: center;
7358
- align-items: center;
7359
- vertical-align: bottom;
7360
- cursor: pointer;
7361
- line-height: 1;
7362
- font-style: normal;
7363
- font-weight: normal;
7364
- background-image: none;
7365
- color: #fff;
7366
- -webkit-transition: all 0.3s ease-in-out;
7367
- transition: all 0.3s ease-in-out;
7368
- }
7369
-
7370
- .premium-gallery-load-more-btn {
7371
- display: -webkit-inline-box;
7372
- display: -webkit-inline-flex;
7373
- display: -ms-inline-flexbox;
7374
- -js-display: inline-flex;
7375
- display: -moz-inline-box;
7376
- display: inline-flex;
7377
- -webkit-box-align: center;
7378
- -webkit-align-items: center;
7379
- -moz-box-align: center;
7380
- -ms-flex-align: center;
7381
- align-items: center;
7382
- }
7383
-
7384
- .premium-loader {
7385
- border: 3px solid #f3f3f3;
7386
- border-top-width: 3px;
7387
- border-top-style: solid;
7388
- border-top-color: rgb(243, 243, 243);
7389
- -webkit-border-radius: 50%;
7390
- border-radius: 50%;
7391
- border-top: 3px solid;
7392
- border-top-color: #bbb;
7393
- width: 30px;
7394
- height: 30px;
7395
- -webkit-animation: spin 2s linear infinite;
7396
- animation: spin 2s linear infinite;
7397
- margin: 0 auto;
7398
- }
7399
-
7400
- .premium-gallery-load-more-btn div {
7401
- margin-right: 3px;
7402
- }
7403
-
7404
- .premium-gallery-load-more-btn .premium-loader {
7405
- display: inline-block;
7406
- width: 20px;
7407
- height: 20px;
7408
- }
7409
-
7410
- /** * Video */
7411
- .pa-gallery-img .pa-gallery-lightbox-wrap {
7412
- display: inline-block;
7413
- }
7414
-
7415
- .premium-img-gallery-no-lightbox .premium-gallery-video-item .pa-gallery-img,
7416
- .pa-gallery-img .pa-gallery-video-icon {
7417
- cursor: pointer;
7418
- }
7419
-
7420
- .pa-gallery-img-container iframe,
7421
- .pa-gallery-img-container video {
7422
- position: absolute;
7423
- visibility: hidden;
7424
- top: 0;
7425
- right: 0;
7426
- max-width: 100%;
7427
- width: 100%;
7428
- height: 100%;
7429
- margin: 0;
7430
- line-height: 1;
7431
- border: none;
7432
- }
7433
-
7434
- .pa-gallery-img-container video {
7435
- -o-object-fit: contain;
7436
- object-fit: contain;
7437
- }
7438
-
7439
- .pa-gallery-icons-inner-container svg,
7440
- .pa-gallery-icons-caption-cell svg {
7441
- width: 14px;
7442
- height: 14px;
7443
- }
7444
-
7445
- .premium-gallery-gradient-layer {
7446
- position: absolute;
7447
- bottom: 40px;
7448
- width: 100%;
7449
- height: 20px;
7450
- background: -webkit-gradient(linear, left bottom, left top, from(#17181f), to(rgba(255, 255, 255, 0)));
7451
- background: -webkit-linear-gradient(bottom, #17181f 0%, rgba(255, 255, 255, 0) 100%);
7452
- background: linear-gradient(to top, #17181f 0%, rgba(255, 255, 255, 0) 100%);
7453
- }
7454
-
7455
- @-webkit-keyframes spin {
7456
- 0% {
7457
- -webkit-transform: rotate(0deg);
7458
- }
7459
-
7460
- 100% {
7461
- -webkit-transform: rotate(-360deg);
7462
- }
7463
- }
7464
-
7465
- @keyframes spin {
7466
- 0% {
7467
- -webkit-transform: rotate(0deg);
7468
- transform: rotate(0deg);
7469
- }
7470
-
7471
- 100% {
7472
- -webkit-transform: rotate(-360deg);
7473
- transform: rotate(-360deg);
7474
- }
7475
- }
7476
-
7477
- /************ Premium Vertical Scroll ************/
7478
- /*************************************************/
7479
- .premium-vscroll-inner {
7480
- position: relative;
7481
- /* overflow: hidden;
7482
- */
7483
- min-height: 100%;
7484
- }
7485
-
7486
- .premium-vscroll-inner .premium-vscroll-dots {
7487
- position: fixed;
7488
- z-index: 100;
7489
- opacity: 1;
7490
- margin-top: -32px;
7491
- -webkit-transition: all 0.3s ease-in-out;
7492
- transition: all 0.3s ease-in-out;
7493
- }
7494
-
7495
- .premium-vscroll-wrap .premium-vscroll-nav-menu {
7496
- opacity: 1;
7497
- -webkit-transition: all 0.3s ease-in-out;
7498
- transition: all 0.3s ease-in-out;
7499
- }
7500
-
7501
- .premium-vscroll-inner .premium-vscroll-dots,
7502
- .premium-vscroll-wrap .premium-vscroll-dots-hide {
7503
- opacity: 0;
7504
- visibility: hidden;
7505
- }
7506
-
7507
- .premium-vscroll-nav-dots-yes .premium-vscroll-inner .premium-vscroll-dots {
7508
- opacity: 1;
7509
- visibility: visible;
7510
- }
7511
-
7512
- .premium-vscroll-dots.middle {
7513
- top: 50%;
7514
- }
7515
-
7516
- .premium-vscroll-dots.top {
7517
- top: 40px;
7518
- }
7519
-
7520
- .premium-vscroll-dots.bottom {
7521
- bottom: 30px;
7522
- }
7523
-
7524
- .premium-vscroll-dots.right {
7525
- left: 17px;
7526
- }
7527
-
7528
- .premium-vscroll-dots.left {
7529
- right: 17px;
7530
- }
7531
-
7532
- .premium-vscroll-inner ul.premium-vscroll-dots-list,
7533
- .premium-vscroll-wrap .premium-vscroll-nav-menu {
7534
- margin: 0 !important;
7535
- padding: 0;
7536
- }
7537
-
7538
- .premium-vscroll-inner ul.premium-vscroll-dots-list li {
7539
- width: 14px;
7540
- height: 13px;
7541
- margin: 7px;
7542
- position: relative;
7543
- display: -webkit-box;
7544
- display: -webkit-flex;
7545
- display: -ms-flexbox;
7546
- -js-display: flex;
7547
- display: -moz-box;
7548
- display: flex;
7549
- -webkit-box-pack: center;
7550
- -ms-flex-pack: center;
7551
- -webkit-justify-content: center;
7552
- -moz-box-pack: center;
7553
- justify-content: center;
7554
- -webkit-box-align: center;
7555
- -ms-flex-align: center;
7556
- -webkit-align-items: center;
7557
- -moz-box-align: center;
7558
- align-items: center;
7559
- overflow: visible;
7560
- }
7561
-
7562
- .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link {
7563
- display: block;
7564
- position: relative;
7565
- z-index: 1;
7566
- width: 100%;
7567
- height: 100%;
7568
- cursor: pointer;
7569
- text-decoration: none;
7570
- }
7571
-
7572
- .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link span {
7573
- top: 2px;
7574
- right: 2.5px;
7575
- width: 8px;
7576
- height: 8px;
7577
- border: 1px solid #000;
7578
- -webkit-border-radius: 50%;
7579
- border-radius: 50%;
7580
- position: absolute;
7581
- z-index: 1;
7582
- -webkit-transition: all 0.3s ease-in-out;
7583
- transition: all 0.3s ease-in-out;
7584
- }
7585
-
7586
- .premium-vscroll-inner .premium-vscroll-dot-item.active .premium-vscroll-nav-link span {
7587
- -webkit-transform: scale(1.6);
7588
- -ms-transform: scale(1.6);
7589
- transform: scale(1.6);
7590
- }
7591
-
7592
- .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-tooltip {
7593
- position: absolute;
7594
- color: #fff;
7595
- font-size: 14px;
7596
- font-family: arial, helvetica, sans-serif;
7597
- white-space: nowrap;
7598
- max-width: 220px;
7599
- padding-right: 0.4em;
7600
- padding-left: 0.4em;
7601
- }
7602
-
7603
- .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip {
7604
- left: 27px;
7605
- }
7606
-
7607
- /* * Lines */
7608
- .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item {
7609
- width: 4px;
7610
- height: 30px;
7611
- }
7612
-
7613
- .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item span {
7614
- width: 100%;
7615
- height: 100%;
7616
- -webkit-border-radius: 0;
7617
- border-radius: 0;
7618
- }
7619
-
7620
- .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item.active span {
7621
- -webkit-transform: scale(1);
7622
- -ms-transform: scale(1);
7623
- transform: scale(1);
7624
- }
7625
-
7626
- @media (max-width: 768px) {
7627
- .premium-vscroll-dots.right {
7628
- left: 7px;
7629
- }
7630
-
7631
- .premium-vscroll-dots.left {
7632
- right: 7px;
7633
- }
7634
- }
7635
-
7636
- .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip::after {
7637
- position: absolute;
7638
- top: 50%;
7639
- content: "";
7640
- right: -webkit-calc(100% - 1px);
7641
- right: calc(100% - 1px);
7642
- width: 10px;
7643
- height: 0;
7644
- border-top: 6px solid transparent;
7645
- border-bottom: 6px solid transparent;
7646
- border-right: 6px solid;
7647
- -webkit-transform: translateY(-50%);
7648
- -ms-transform: translateY(-50%);
7649
- transform: translateY(-50%);
7650
- }
7651
-
7652
- .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip::after {
7653
- position: absolute;
7654
- top: 50%;
7655
- content: "";
7656
- left: -webkit-calc(100% - 1px);
7657
- left: calc(100% - 1px);
7658
- width: 10px;
7659
- height: 0;
7660
- border-top: 6px solid transparent;
7661
- border-bottom: 6px solid transparent;
7662
- border-left: 6px solid;
7663
- -webkit-transform: translateY(-50%);
7664
- -ms-transform: translateY(-50%);
7665
- transform: translateY(-50%);
7666
- }
7667
-
7668
- .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip {
7669
- right: 27px;
7670
- }
7671
-
7672
- .premium-vscroll-nav-menu {
7673
- position: fixed;
7674
- top: 20px;
7675
- height: 40px;
7676
- z-index: 100;
7677
- padding: 0;
7678
- margin: 0;
7679
- }
7680
-
7681
- .premium-vscroll-nav-menu.left {
7682
- right: 0;
7683
- }
7684
-
7685
- .premium-vscroll-nav-menu.right {
7686
- left: 0;
7687
- }
7688
-
7689
- .premium-vscroll-nav-menu .premium-vscroll-nav-item {
7690
- display: inline-block;
7691
- margin: 10px;
7692
- color: #000;
7693
- background: #fff;
7694
- background: rgba(255, 255, 255, 0.3);
7695
- }
7696
-
7697
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link {
7698
- padding: 9px 18px;
7699
- display: block;
7700
- cursor: pointer;
7701
- }
7702
-
7703
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link,
7704
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:hover {
7705
- color: #000;
7706
- }
7707
-
7708
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:focus,
7709
- .multiscroll-nav li a:focus {
7710
- outline: none;
7711
- }
7712
-
7713
- .premium-vscroll-temp .slimScrollBar {
7714
- visibility: hidden;
7715
- }
7716
-
7717
- /************ Premium Image Scroll ***************/
7718
- /*************************************************/
7719
- .premium-image-scroll-section,
7720
- .premium-image-scroll-container {
7721
- -webkit-transition: all 0.3s ease-in-out;
7722
- transition: all 0.3s ease-in-out;
7723
- }
7724
-
7725
- .premium-image-scroll-section {
7726
- position: relative;
7727
- overflow: hidden;
7728
- width: 100%;
7729
- -webkit-mask-image: -webkit-radial-gradient(white, black);
7730
- }
7731
-
7732
- .premium-image-scroll-container {
7733
- width: 100%;
7734
- }
7735
-
7736
- .premium-image-scroll-container .premium-image-scroll-mask-media {
7737
- -webkit-mask-repeat: no-repeat;
7738
- mask-repeat: no-repeat;
7739
- -webkit-mask-position: center;
7740
- mask-position: center;
7741
- }
7742
-
7743
- .premium-container-scroll {
7744
- overflow: auto;
7745
- }
7746
-
7747
- .premium-image-scroll-container .premium-image-scroll-horizontal {
7748
- position: relative;
7749
- width: 100%;
7750
- height: 100%;
7751
- }
7752
-
7753
- .premium-image-scroll-container .premium-image-scroll-horizontal img {
7754
- max-width: none;
7755
- height: 100%;
7756
- }
7757
-
7758
- .premium-image-scroll-container .premium-image-scroll-vertical img {
7759
- width: 100%;
7760
- max-width: 100%;
7761
- height: auto;
7762
- }
7763
-
7764
- .premium-image-scroll-ver {
7765
- position: relative;
7766
- }
7767
-
7768
- .premium-image-scroll-container .premium-image-scroll-overlay {
7769
- background: rgba(2, 2, 2, 0.3);
7770
- }
7771
-
7772
- .premium-image-scroll-container .premium-image-scroll-link,
7773
- .premium-image-scroll-container .premium-image-scroll-overlay {
7774
- position: absolute;
7775
- top: 0;
7776
- bottom: 0;
7777
- right: 0;
7778
- left: 0;
7779
- z-index: 4;
7780
- }
7781
-
7782
- .premium-image-scroll-content {
7783
- display: inline-block;
7784
- position: absolute;
7785
- height: auto;
7786
- top: 50%;
7787
- right: 50%;
7788
- text-align: center;
7789
- z-index: 5;
7790
- -webkit-transform: translate(50%, -50%);
7791
- -ms-transform: translate(50%, -50%);
7792
- transform: translate(50%, -50%);
7793
- }
7794
-
7795
- .premium-container-scroll-instant .premium-image-scroll-image {
7796
- -webkit-transition: all 0s ease-in-out !important;
7797
- transition: all 0s ease-in-out !important;
7798
- }
7799
-
7800
- .premium-image-scroll-container img {
7801
- -webkit-transition: -webkit-transform 3s ease-in-out;
7802
- transition: -webkit-transform 3s ease-in-out;
7803
- transition: transform 3s ease-in-out;
7804
- transition: transform 3s ease-in-out, -webkit-transform 3s ease-in-out;
7805
- }
7806
-
7807
- .premium-image-scroll-container .premium-image-scroll-overlay,
7808
- .premium-image-scroll-container .premium-image-scroll-content {
7809
- -webkit-transition: all 0.3s ease-in-out;
7810
- transition: all 0.3s ease-in-out;
7811
- opacity: 1;
7812
- }
7813
-
7814
- .premium-image-scroll-container:hover .premium-image-scroll-overlay {
7815
- opacity: 0;
7816
- }
7817
-
7818
- .premium-image-scroll-container:hover .premium-image-scroll-content {
7819
- opacity: 0;
7820
- visibility: hidden;
7821
- }
7822
-
7823
- .premium-image-scroll-content .premium-image-scroll-icon {
7824
- display: inline-block;
7825
- font-family: "pa-elements" !important;
7826
- speak: none;
7827
- font-style: normal;
7828
- font-weight: normal;
7829
- font-variant: normal;
7830
- text-transform: none;
7831
- line-height: 1;
7832
- -webkit-font-smoothing: antialiased;
7833
- -moz-osx-font-smoothing: grayscale;
7834
- -webkit-animation-duration: 0.5s;
7835
- animation-duration: 0.5s;
7836
- -webkit-animation-iteration-count: infinite;
7837
- animation-iteration-count: infinite;
7838
- -webkit-animation-direction: alternate;
7839
- animation-direction: alternate;
7840
- -webkit-animation-timing-function: ease-in-out;
7841
- animation-timing-function: ease-in-out;
7842
- }
7843
-
7844
- .pa-horizontal-mouse-scroll:before {
7845
- content: "\e917";
7846
- }
7847
-
7848
- .pa-vertical-mouse-scroll:before {
7849
- content: "\e918";
7850
- }
7851
-
7852
- .pa-horizontal-mouse-scroll {
7853
- -webkit-animation-name: pa-scroll-horizontal;
7854
- animation-name: pa-scroll-horizontal;
7855
- }
7856
-
7857
- .pa-vertical-mouse-scroll {
7858
- -webkit-animation-name: pa-scroll-vertical;
7859
- animation-name: pa-scroll-vertical;
7860
- }
7861
-
7862
- @-webkit-keyframes pa-scroll-vertical {
7863
- 0% {
7864
- -webkit-transform: translateY(0px);
7865
- transform: translateY(0px);
7866
- }
7867
-
7868
- 100% {
7869
- -webkit-transform: translateY(5px);
7870
- transform: translateY(5px);
7871
- }
7872
- }
7873
-
7874
- @keyframes pa-scroll-vertical {
7875
- 0% {
7876
- -webkit-transform: translateY(0px);
7877
- transform: translateY(0px);
7878
- }
7879
-
7880
- 100% {
7881
- -webkit-transform: translateY(5px);
7882
- transform: translateY(5px);
7883
- }
7884
- }
7885
-
7886
- @-webkit-keyframes pa-scroll-horizontal {
7887
- 0% {
7888
- -webkit-transform: translateX(0px);
7889
- transform: translateX(0px);
7890
- }
7891
-
7892
- 100% {
7893
- -webkit-transform: translateX(-5px);
7894
- transform: translateX(-5px);
7895
- }
7896
- }
7897
-
7898
- @keyframes pa-scroll-horizontal {
7899
- 0% {
7900
- -webkit-transform: translateX(0px);
7901
- transform: translateX(0px);
7902
- }
7903
-
7904
- 100% {
7905
- -webkit-transform: translateX(-5px);
7906
- transform: translateX(-5px);
7907
- }
7908
- }
7909
-
7910
- /********* Premium Lottie Animations **********/
7911
- /**********************************************/
7912
- .premium-lottie-wrap .premium-lottie-animation {
7913
- position: relative;
7914
- -js-display: inline-flex;
7915
- display: -webkit-inline-box;
7916
- display: -webkit-inline-flex;
7917
- display: -moz-inline-box;
7918
- display: -ms-inline-flexbox;
7919
- display: inline-flex;
7920
- -webkit-transition: all 0.3s ease-in-out;
7921
- transition: all 0.3s ease-in-out;
7922
- }
7923
-
7924
- .premium-lottie-wrap .premium-lottie-animation a {
7925
- position: absolute;
7926
- left: 0;
7927
- top: 0;
7928
- width: 100%;
7929
- height: 100%;
7930
- z-index: 2;
7931
- }
7932
-
7933
- /**************** Premium Bullet List *****************/
7934
- /******************************************************/
7935
- .premium-bullet-list-box {
7936
- -js-display: flex;
7937
- display: -webkit-box;
7938
- display: -webkit-flex;
7939
- display: -moz-box;
7940
- display: -ms-flexbox;
7941
- display: flex;
7942
- -webkit-flex-wrap: wrap;
7943
- -ms-flex-wrap: wrap;
7944
- flex-wrap: wrap;
7945
- -webkit-box-orient: vertical;
7946
- -webkit-box-direction: normal;
7947
- -webkit-flex-direction: column;
7948
- -moz-box-orient: vertical;
7949
- -moz-box-direction: normal;
7950
- -ms-flex-direction: column;
7951
- flex-direction: column;
7952
- }
7953
-
7954
- .premium-bullet-list-box .premium-bullet-list-content-grow-lc {
7955
- -webkit-transform-origin: right center;
7956
- -ms-transform-origin: right center;
7957
- transform-origin: right center;
7958
- }
7959
-
7960
- .premium-bullet-list-box .premium-bullet-list-content-grow-rc {
7961
- -webkit-transform-origin: left center;
7962
- -ms-transform-origin: left center;
7963
- transform-origin: left center;
7964
- }
7965
-
7966
- .premium-bullet-list-box .premium-bullet-list-content-grow-cc {
7967
- -webkit-transform-origin: center center;
7968
- -ms-transform-origin: center center;
7969
- transform-origin: center center;
7970
- }
7971
-
7972
- .premium-bullet-list-content {
7973
- -js-display: flex;
7974
- display: -webkit-box;
7975
- display: -webkit-flex;
7976
- display: -moz-box;
7977
- display: -ms-flexbox;
7978
- display: flex;
7979
- -webkit-transition: all 0.3s ease-in-out;
7980
- transition: all 0.3s ease-in-out;
7981
- width: auto;
7982
- position: relative;
7983
- }
7984
-
7985
- .premium-bullet-list-content .premium-bullet-list-text span,
7986
- .premium-bullet-list-content .premium-bullet-list-wrapper {
7987
- display: inline-block;
7988
- -webkit-align-self: center;
7989
- -ms-flex-item-align: center;
7990
- align-self: center;
7991
- -webkit-transition: all 0.3s ease-in-out;
7992
- transition: all 0.3s ease-in-out;
7993
- }
7994
-
7995
- .premium-bullet-list-content .premium-bullet-list-text span {
7996
- margin: 0 5px;
7997
- }
7998
-
7999
- .premium-bullet-list-content .premium-bullet-list-icon-text p {
8000
- font-size: 18px;
8001
- background-color: #eee;
8002
- padding: 1px 5px;
8003
- -webkit-border-radius: 2px;
8004
- border-radius: 2px;
8005
- }
8006
-
8007
- .premium-bullet-list-content .premium-bullet-list-text span,
8008
- .premium-bullet-list-content .premium-bullet-list-icon-text p,
8009
- .premium-bullet-list-content .premium-bullet-list-wrapper img,
8010
- .premium-bullet-list-content .premium-bullet-list-wrapper svg,
8011
- .premium-bullet-list-content .premium-bullet-list-wrapper i {
8012
- -webkit-transition: all 0.3s ease-in-out;
8013
- transition: all 0.3s ease-in-out;
8014
- }
8015
-
8016
- .premium-bullet-list-content .premium-bullet-list-wrapper {
8017
- position: relative;
8018
- line-height: 0;
8019
- }
8020
-
8021
- .premium-bullet-list-content .premium-bullet-list-wrapper img,
8022
- .premium-bullet-list-content .premium-bullet-list-wrapper svg {
8023
- width: 30px !important;
8024
- height: 30px !important;
8025
- position: relative;
8026
- z-index: 500;
8027
- }
8028
-
8029
- .premium-bullet-list-content .premium-bullet-list-wrapper i,
8030
- .premium-bullet-list-content .premium-bullet-list-wrapper .premium-bullet-list-icon-text {
8031
- position: relative;
8032
- z-index: 500;
8033
- }
8034
-
8035
- .premium-bullet-list-content .premium-bullet-list-link {
8036
- position: absolute;
8037
- top: 0;
8038
- right: 0;
8039
- width: 100%;
8040
- height: 100%;
8041
- z-index: 1000;
8042
- }
8043
-
8044
- .premium-bullet-list-content:not(:last-of-type) .premium-bullet-list-connector {
8045
- width: 100%;
8046
- height: 100%;
8047
- position: absolute;
8048
- top: 0.5em;
8049
- z-index: 100;
8050
- -js-display: flex;
8051
- display: -webkit-box;
8052
- display: -webkit-flex;
8053
- display: -moz-box;
8054
- display: -ms-flexbox;
8055
- display: flex;
8056
- -webkit-box-pack: center;
8057
- -webkit-justify-content: center;
8058
- -moz-box-pack: center;
8059
- -ms-flex-pack: center;
8060
- justify-content: center;
8061
- }
8062
-
8063
- .premium-bullet-list-content:not(:last-of-type) .premium-bullet-list-connector .premium-icon-connector-content:after {
8064
- content: "";
8065
- border-left-width: 1px;
8066
- border-left-style: solid;
8067
- border-color: #333333;
8068
- display: block;
8069
- height: 100%;
8070
- }
8071
-
8072
- li.premium-bullet-list-content.premium-bullet-list-content-inline {
8073
- -webkit-align-self: center;
8074
- -ms-flex-item-align: center;
8075
- align-self: center;
8076
- z-index: 2;
8077
- }
8078
-
8079
- li.premium-bullet-list-content.premium-bullet-list-content-inline:not(:first-child) {
8080
- margin: 0 3px;
8081
- }
8082
-
8083
- li.premium-bullet-list-content.premium-bullet-list-content-inline:first-child {
8084
- margin: 0 0 0 3px;
8085
- }
8086
-
8087
- .premium-bullet-list-divider:not(:last-child) {
8088
- width: 100%;
8089
- -webkit-box-flex: 0;
8090
- -webkit-flex: 0 0 100%;
8091
- -moz-box-flex: 0;
8092
- -ms-flex: 0 0 100%;
8093
- flex: 0 0 100%;
8094
- overflow: hidden;
8095
- }
8096
-
8097
- .premium-bullet-list-divider:not(:last-child):after {
8098
- content: "";
8099
- display: block;
8100
- border-top-style: solid;
8101
- border-top-width: 1px;
8102
- }
8103
-
8104
- .premium-bullet-list-divider-inline:not(:last-child) {
8105
- float: left;
8106
- display: inline-block;
8107
- position: relative;
8108
- height: 100%;
8109
- overflow: hidden;
8110
- -webkit-align-self: center;
8111
- -ms-flex-item-align: center;
8112
- align-self: center;
8113
- margin: 0 3px;
8114
- }
8115
-
8116
- .premium-bullet-list-divider-inline:not(:last-child):after {
8117
- content: "";
8118
- display: block;
8119
- border-right-width: 1px;
8120
- height: 33px;
8121
- border-right-style: solid;
8122
- }
8123
-
8124
- .premium-bullet-list-icon-text {
8125
- line-height: 1.5;
8126
- }
8127
-
8128
- .premium-bullet-list-icon-text p,
8129
- ul.premium-bullet-list-box,
8130
- li.premium-bullet-list-content {
8131
- margin: 0;
8132
- }
8133
-
8134
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper i,
8135
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-text span,
8136
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-icon-text p {
8137
- color: transparent !important;
8138
- text-shadow: 0 0 3px #aaa;
8139
- }
8140
-
8141
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-icon-connector-content,
8142
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper .premium-lottie-animation svg,
8143
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper img,
8144
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-badge {
8145
- -webkit-filter: blur(3px);
8146
- filter: blur(3px);
8147
- }
8148
-
8149
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper i,
8150
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-text span,
8151
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-icon-text p {
8152
- color: #aaa !important;
8153
- text-shadow: 0 0px 0 transparent;
8154
- }
8155
-
8156
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-icon-connector-content,
8157
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper .premium-lottie-animation svg,
8158
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper img,
8159
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-badge {
8160
- -webkit-filter: none;
8161
- filter: none;
8162
- }
8163
-
8164
- .premium-bullet-list-content .premium-bullet-list-badge {
8165
- font-size: 11px;
8166
- top: auto;
8167
- min-width: -webkit-max-content;
8168
- min-width: -moz-max-content;
8169
- min-width: max-content;
8170
- height: -webkit-fit-content;
8171
- height: -moz-fit-content;
8172
- height: fit-content;
8173
- }
8174
-
8175
- .premium-bullet-list-content .premium-bullet-list-icon-text p {
8176
- font-size: 13px;
8177
- }
8178
-
8179
- .premium-bullet-list-gradient-effect[data-text] {
8180
- display: inline-block;
8181
- position: relative;
8182
- text-decoration: none;
8183
- }
8184
-
8185
- .premium-bullet-list-gradient-effect[data-text]::before {
8186
- content: attr(data-text);
8187
- position: absolute;
8188
- z-index: 1;
8189
- overflow: hidden;
8190
- -webkit-clip-path: polygon(100% 100%, 100% 100%, 50% 50%);
8191
- clip-path: polygon(100% 100%, 100% 100%, 50% 50%);
8192
- -webkit-background-clip: text;
8193
- background-clip: text;
8194
- -webkit-text-fill-color: transparent;
8195
- -webkit-transition: all 0.4s ease;
8196
- transition: all 0.4s ease;
8197
- }
8198
-
8199
- .premium-bullet-list-content:hover .premium-bullet-list-gradient-effect[data-text]::before,
8200
- .premium-bullet-list-content:focus .premium-bullet-list-gradient-effect[data-text]::before {
8201
- -webkit-animation: rtlgradient 1s forwards;
8202
- animation: rtlgradient 1s forwards;
8203
- }
8204
-
8205
- @-webkit-keyframes rtlgradient {
8206
- 0% {
8207
- -webkit-clip-path: circle(0% at 150% 50%);
8208
- clip-path: circle(0% at 150% 50%);
8209
- }
8210
-
8211
- 100% {
8212
- -webkit-clip-path: circle(100% at 50% 50%);
8213
- clip-path: circle(100% at 50% 50%);
8214
- }
8215
- }
8216
-
8217
- @keyframes rtlgradient {
8218
- 0% {
8219
- -webkit-clip-path: circle(0% at 150% 50%);
8220
- clip-path: circle(0% at 150% 50%);
8221
- }
8222
-
8223
- 100% {
8224
- -webkit-clip-path: circle(100% at 50% 50%);
8225
- clip-path: circle(100% at 50% 50%);
8226
- }
8227
- }
8228
-
8229
- ul[data-list-animation*="animated-"] .premium-bullet-list-divider,
8230
- ul[data-list-animation*="animated-"] .premium-bullet-list-content,
8231
- ul[data-list-animation*="animated-"] .premium-bullet-list-divider-inline {
8232
- opacity: 0;
8233
- }
8234
-
8235
- .premium-bullet-list-content-grow-effect:hover {
8236
- -webkit-transform: scale(1.07);
8237
- -ms-transform: scale(1.07);
8238
- transform: scale(1.07);
 
 
 
 
 
 
8239
  }
1
+ @font-face {
2
+ font-family: "pa-elements";
3
+ src: url("../../editor/fonts/pa-elements.eot?7pjc22");
4
+ src: url("../../editor/fonts/pa-elements.eot?7pjc22#iefix") format("embedded-opentype"),
5
+ url("../../editor/fonts/pa-elements.ttf?7pjc22") format("truetype"),
6
+ url("../../editor/fonts/pa-elements.woff?7pjc22") format("woff"),
7
+ url("../../editor/fonts/pa-elements.svg?7pjc22#pa-elements") format("svg");
8
+ font-weight: normal;
9
+ font-style: normal;
10
+ }
11
+
12
+ /**************** Premium Banner ****************/
13
+ /************************************************/
14
+ .premium-banner {
15
+ overflow: hidden;
16
+ }
17
+
18
+ .premium-banner-ib {
19
+ display: block;
20
+ position: relative;
21
+ }
22
+
23
+ .premium-banner-ib img {
24
+ display: block;
25
+ position: relative;
26
+ }
27
+
28
+ .premium-banner-img-wrap {
29
+ -js-display: flex;
30
+ display: -webkit-box;
31
+ display: -webkit-flex;
32
+ display: -moz-box;
33
+ display: -ms-flexbox;
34
+ display: flex;
35
+ height: 100%;
36
+ }
37
+
38
+ .premium-banner-img-wrap .premium-banner-ib-img {
39
+ -webkit-flex-shrink: 0;
40
+ -ms-flex-negative: 0;
41
+ flex-shrink: 0;
42
+ }
43
+
44
+ .premium-banner-ib {
45
+ z-index: 1;
46
+ overflow: hidden;
47
+ margin: 0 0 35px;
48
+ text-align: center;
49
+ -webkit-box-sizing: border-box;
50
+ -moz-box-sizing: border-box;
51
+ box-sizing: border-box;
52
+ }
53
+
54
+ .premium-banner-ib-desc .premium-banner-read-more {
55
+ z-index: 100;
56
+ }
57
+
58
+ .premium-banner-ib,
59
+ .wpb_column>.wpb_wrapper .premium-banner-ib {
60
+ margin-bottom: 0px;
61
+ }
62
+
63
+ .elementor-widget-premium-addon-banner .premium-banner-ib-title {
64
+ background: transparent;
65
+ }
66
+
67
+ .premium-banner-ib *,
68
+ .premium-banner-ib .premium-banner-ib-desc {
69
+ -webkit-box-sizing: border-box;
70
+ -moz-box-sizing: border-box;
71
+ box-sizing: border-box;
72
+ }
73
+
74
+ .premium-banner-ib img {
75
+ min-width: 100%;
76
+ max-width: 100%;
77
+ -webkit-transition: opacity 0.35s;
78
+ transition: opacity 0.35s;
79
+ }
80
+
81
+ .premium-banner-ib .premium-banner-ib-desc {
82
+ padding: 15px;
83
+ -webkit-backface-visibility: hidden;
84
+ backface-visibility: hidden;
85
+ -webkit-box-sizing: border-box;
86
+ -moz-box-sizing: border-box;
87
+ box-sizing: border-box;
88
+ position: absolute;
89
+ top: 0;
90
+ right: 0;
91
+ width: 100%;
92
+ height: 100%;
93
+ }
94
+
95
+ .premium-banner-ib .premium-banner-ib-link {
96
+ position: absolute;
97
+ top: 0;
98
+ right: 0;
99
+ width: 100%;
100
+ height: 100%;
101
+ z-index: 1000;
102
+ text-indent: 200%;
103
+ white-space: nowrap;
104
+ font-size: 0;
105
+ opacity: 0;
106
+ }
107
+
108
+ .premium-banner-ib a.premium-banner-ib-link {
109
+ display: block;
110
+ background: 100% 0;
111
+ }
112
+
113
+ .premium-banner-animation1 img {
114
+ width: -webkit-calc(100% + 50px) !important;
115
+ width: calc(100% + 50px) !important;
116
+ max-width: -webkit-calc(100% + 50px) !important;
117
+ max-width: calc(100% + 50px) !important;
118
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
119
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
120
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
121
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
122
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
123
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
124
+ -webkit-transform: translate3d(40px, 0, 0);
125
+ transform: translate3d(40px, 0, 0);
126
+ }
127
+
128
+ .premium-banner-animation2 .premium-banner-ib-title {
129
+ padding: 15px;
130
+ }
131
+
132
+ .premium-banner-animation1 .premium-banner-ib-desc {
133
+ top: auto;
134
+ bottom: 0;
135
+ min-height: 25%;
136
+ height: auto;
137
+ max-height: 100%;
138
+ text-align: right;
139
+ }
140
+
141
+ .premium-banner-animation1 .premium-banner-ib-content,
142
+ .premium-banner-animation1 .premium-banner-ib-title,
143
+ .premium-banner-animation1 .premium-banner-read-more {
144
+ -webkit-transform: translate3d(0, 40px, 0);
145
+ transform: translate3d(0, 40px, 0);
146
+ -webkit-transition-delay: 0.05s;
147
+ transition-delay: 0.05s;
148
+ -webkit-transition-duration: 0.35s;
149
+ transition-duration: 0.35s;
150
+ }
151
+
152
+ .premium-banner-animation1 .premium-banner-ib-title {
153
+ -webkit-transition: -webkit-transform 0.35s;
154
+ transition: -webkit-transform 0.35s;
155
+ transition: transform 0.35s;
156
+ transition: transform 0.35s, -webkit-transform 0.35s;
157
+ }
158
+
159
+ .premium-banner-animation1 .premium-banner-ib-content,
160
+ .premium-banner-animation1 .premium-banner-read-more {
161
+ margin-top: 10px;
162
+ opacity: 0;
163
+ -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
164
+ transition: opacity 0.2s, -webkit-transform 0.35s;
165
+ transition: opacity 0.2s, transform 0.35s;
166
+ transition: opacity 0.2s, transform 0.35s, -webkit-transform 0.35s;
167
+ }
168
+
169
+ .premium-banner-animation1:hover .premium-banner-ib-content,
170
+ .premium-banner-animation1.active .premium-banner-ib-content,
171
+ .premium-banner-animation1:hover .premium-banner-read-more,
172
+ .premium-banner-animation1.active .premium-banner-read-more {
173
+ opacity: 1;
174
+ -webkit-transition-delay: 0.05s;
175
+ transition-delay: 0.05s;
176
+ -webkit-transition-duration: 0.35s;
177
+ transition-duration: 0.35s;
178
+ }
179
+
180
+ .premium-banner-animation1:hover .premium-banner-ib-content,
181
+ .premium-banner-animation1.active .premium-banner-ib-content,
182
+ .premium-banner-animation1:hover .premium-banner-read-more,
183
+ .premium-banner-animation1.active .premium-banner-read-more,
184
+ .premium-banner-animation1:hover .premium-banner-ib-title,
185
+ .premium-banner-animation1.active .premium-banner-ib-title,
186
+ .premium-banner-animation1:hover img,
187
+ .premium-banner-animation1.active img {
188
+ -webkit-transform: translate3d(0, 0, 0);
189
+ transform: translate3d(0, 0, 0);
190
+ -webkit-transition-delay: 0.05s;
191
+ transition-delay: 0.05s;
192
+ -webkit-transition-duration: 0.35s;
193
+ transition-duration: 0.35s;
194
+ }
195
+
196
+ .premium-banner-animation1.zoomout img,
197
+ .premium-banner-animation1.scale img {
198
+ -webkit-transform: translate3d(40px, 0, 0) scale(1.1);
199
+ transform: translate3d(40px, 0, 0) scale(1.1);
200
+ }
201
+
202
+ .premium-banner-ib.sepia img {
203
+ -webkit-filter: sepia(30%);
204
+ filter: sepia(30%);
205
+ }
206
+
207
+ .premium-banner-ib.bright img {
208
+ -webkit-filter: brightness(1);
209
+ filter: brightness(1);
210
+ }
211
+
212
+ .premium-banner-ib.sepia:hover img {
213
+ -webkit-filter: sepia(0%);
214
+ filter: sepia(0%);
215
+ }
216
+
217
+ .premium-banner-ib.bright:hover img {
218
+ -webkit-filter: brightness(1.2);
219
+ filter: brightness(1.2);
220
+ }
221
+
222
+ .premium-banner-animation1.premium-banner-min-height img,
223
+ .premium-banner-animation2.premium-banner-min-height img,
224
+ .premium-banner-animation4.premium-banner-min-height img,
225
+ .premium-banner-animation5.premium-banner-min-height img,
226
+ .premium-banner-animation6.premium-banner-min-height img,
227
+ .premium-banner-animation13.premium-banner-min-height img {
228
+ height: auto;
229
+ }
230
+
231
+ .premium-banner-animation2 img {
232
+ width: 100%;
233
+ }
234
+
235
+ .premium-banner-animation2 .premium-banner-ib-desc::before {
236
+ position: absolute;
237
+ content: "";
238
+ top: 0;
239
+ right: 0;
240
+ width: 100%;
241
+ height: 100%;
242
+ opacity: 0;
243
+ -webkit-transform: translate3d(0, 50%, 0);
244
+ transform: translate3d(0, 50%, 0);
245
+ }
246
+
247
+ .premium-banner-animation2 .premium-banner-ib-title {
248
+ position: absolute;
249
+ top: 50%;
250
+ right: 0;
251
+ width: 100%;
252
+ -webkit-transition: color 0.35s, -webkit-transform 0.35s;
253
+ transition: color 0.35s, -webkit-transform 0.35s;
254
+ transition: transform 0.35s, color 0.35s;
255
+ transition: transform 0.35s, color 0.35s, -webkit-transform 0.35s;
256
+ -webkit-transform: translate3d(0, -50%, 0);
257
+ transform: translate3d(0, -50%, 0);
258
+ }
259
+
260
+ .premium-banner-animation2 .premium-banner-ib-content,
261
+ .premium-banner-animation2 .premium-banner-read-more,
262
+ .premium-banner-animation2 .premium-banner-ib-desc::before {
263
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
264
+ transition: opacity 0.35s, -webkit-transform 0.35s;
265
+ transition: opacity 0.35s, transform 0.35s;
266
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
267
+ }
268
+
269
+ .premium-banner-animation2 .premium-banner-ib-content,
270
+ .premium-banner-animation2 .premium-banner-read-more {
271
+ position: absolute;
272
+ bottom: 0;
273
+ right: 0;
274
+ padding: 15px;
275
+ width: 100%;
276
+ max-height: 50%;
277
+ opacity: 0;
278
+ -webkit-transform: translate3d(0, 10px, 0);
279
+ transform: translate3d(0, 10px, 0);
280
+ }
281
+
282
+ .premium-banner-animation2:hover .premium-banner-ib-title,
283
+ .premium-banner-animation2.active .premium-banner-ib-title {
284
+ -webkit-transform: translate3d(0, -40px, 0);
285
+ transform: translate3d(0, -40px, 0);
286
+ }
287
+
288
+ .premium-banner-animation2:hover .premium-banner-read-more,
289
+ .premium-banner-animation2.active .premium-banner-read-more,
290
+ .premium-banner-animation2:hover .premium-banner-ib-desc::before,
291
+ .premium-banner-animation2.active .premium-banner-ib-desc::before {
292
+ opacity: 1;
293
+ -webkit-transform: translate3d(0, 0, 0);
294
+ transform: translate3d(0, 0, 0);
295
+ }
296
+
297
+ .premium-banner-animation2:hover .premium-banner-ib-content,
298
+ .premium-banner-animation2.active .premium-banner-ib-content {
299
+ opacity: 1;
300
+ -webkit-transform: translate3d(0, -30px, 0);
301
+ transform: translate3d(0, -30px, 0);
302
+ }
303
+
304
+ .premium-banner-animation3 .premium-banner-ib-title {
305
+ position: absolute;
306
+ bottom: 0;
307
+ right: 0;
308
+ padding: 15px;
309
+ width: 100%;
310
+ text-align: right;
311
+ -webkit-transform: translate3d(0, -30px, 0);
312
+ transform: translate3d(0, -30px, 0);
313
+ }
314
+
315
+ .premium-banner-animation3 .premium-banner-ib-desc::before,
316
+ .premium-banner-animation3 .premium-banner-ib-title {
317
+ -webkit-transition: -webkit-transform 0.35s;
318
+ transition: -webkit-transform 0.35s;
319
+ transition: transform 0.35s;
320
+ transition: transform 0.35s, -webkit-transform 0.35s;
321
+ }
322
+
323
+ .premium-banner-animation3:hover .premium-banner-ib-desc::before,
324
+ .premium-banner-animation3.active .premium-banner-ib-desc::before,
325
+ .premium-banner-animation3:hover .premium-banner-ib-title,
326
+ .premium-banner-animation3.active .premium-banner-ib-title {
327
+ opacity: 1;
328
+ -webkit-transform: translate3d(0, 0, 0);
329
+ transform: translate3d(0, 0, 0);
330
+ }
331
+
332
+ .premium-banner-animation3 .premium-banner-ib-content {
333
+ max-height: -webkit-calc(100% - 60px - 1.5em);
334
+ max-height: calc(100% - 60px - 1.5em);
335
+ overflow: hidden;
336
+ }
337
+
338
+ .premium-banner-animation4 img {
339
+ width: -webkit-calc(100% + 40px) !important;
340
+ width: calc(100% + 40px) !important;
341
+ max-width: -webkit-calc(100% + 40px) !important;
342
+ max-width: calc(100% + 40px) !important;
343
+ }
344
+
345
+ .premium-banner-animation4 .premium-banner-ib-desc {
346
+ padding: 30px;
347
+ }
348
+
349
+ .premium-banner-animation4 .premium-banner-ib-desc::after {
350
+ position: absolute;
351
+ content: "";
352
+ opacity: 0;
353
+ }
354
+
355
+ .premium-banner-animation4 .premium-banner-ib-desc::before {
356
+ position: absolute;
357
+ content: "";
358
+ opacity: 0;
359
+ top: 50px;
360
+ left: 30px;
361
+ bottom: 50px;
362
+ right: 30px;
363
+ border-top: 1px solid #fff;
364
+ border-bottom: 1px solid #fff;
365
+ -webkit-transform: scale(0, 1);
366
+ -ms-transform: scale(0, 1);
367
+ transform: scale(0, 1);
368
+ -webkit-transform-origin: 100% 0;
369
+ -ms-transform-origin: 100% 0;
370
+ transform-origin: 100% 0;
371
+ }
372
+
373
+ .premium-banner-animation4 .premium-banner-ib-desc::after {
374
+ top: 30px;
375
+ left: 50px;
376
+ bottom: 30px;
377
+ right: 50px;
378
+ border-left: 1px solid #fff;
379
+ border-right: 1px solid #fff;
380
+ -webkit-transform: scale(1, 0);
381
+ -ms-transform: scale(1, 0);
382
+ transform: scale(1, 0);
383
+ -webkit-transform-origin: 0% 0;
384
+ -ms-transform-origin: 0% 0;
385
+ transform-origin: 0% 0;
386
+ }
387
+
388
+ .premium-banner-animation4 .premium-banner-ib-title {
389
+ padding: 50px 30px 0 30px;
390
+ -webkit-transition: -webkit-transform 0.35s;
391
+ transition: -webkit-transform 0.35s;
392
+ transition: transform 0.35s;
393
+ transition: transform 0.35s, -webkit-transform 0.35s;
394
+ }
395
+
396
+ .premium-banner-animation4 .premium-banner-ib-content,
397
+ .premium-banner-animation4 .premium-banner-read-more {
398
+ padding: 10px 30px;
399
+ opacity: 0;
400
+ overflow: hidden;
401
+ -webkit-transform: translate3d(0, -10px, 0);
402
+ transform: translate3d(0, -10px, 0);
403
+ }
404
+
405
+ .premium-banner-animation4 .premium-banner-ib-title,
406
+ .premium-banner-animation4 img {
407
+ -webkit-transform: translate3d(30px, 0, 0);
408
+ transform: translate3d(30px, 0, 0);
409
+ }
410
+
411
+ .premium-banner-animation4.zoomout img,
412
+ .premium-banner-animation4.scale img {
413
+ -webkit-transform: translate3d(30px, 0, 0) scale(1.1);
414
+ transform: translate3d(30px, 0, 0) scale(1.1);
415
+ }
416
+
417
+ .premium-banner-animation4 .premium-banner-ib-content,
418
+ .premium-banner-animation4 .premium-banner-read-more {
419
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
420
+ transition: opacity 0.35s, -webkit-transform 0.35s;
421
+ transition: opacity 0.35s, transform 0.35s;
422
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
423
+ }
424
+
425
+ .premium-banner-animation4 .premium-banner-ib-desc::after,
426
+ .premium-banner-animation4 .premium-banner-ib-desc::before {
427
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
428
+ transition: opacity 0.35s, -webkit-transform 0.35s;
429
+ transition: opacity 0.35s, transform 0.35s;
430
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
431
+ }
432
+
433
+ .premium-banner-animation4 img {
434
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
435
+ transition: opacity 0.35s, -webkit-transform 0.35s;
436
+ transition: opacity 0.35s, transform 0.35s;
437
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
438
+ }
439
+
440
+ .premium-banner-animation4:hover .premium-banner-ib-desc::after,
441
+ .premium-banner-animation4.active .premium-banner-ib-desc::after,
442
+ .premium-banner-animation4:hover .premium-banner-ib-desc::before,
443
+ .premium-banner-animation4.active .premium-banner-ib-desc::before {
444
+ opacity: 1;
445
+ -webkit-transform: scale(1);
446
+ -ms-transform: scale(1);
447
+ transform: scale(1);
448
+ }
449
+
450
+ .premium-banner-animation4:hover .premium-banner-ib-content,
451
+ .premium-banner-animation4.active .premium-banner-ib-content,
452
+ .premium-banner-animation4:hover .premium-banner-read-more,
453
+ .premium-banner-animation4.active .premium-banner-read-more,
454
+ .premium-banner-animation4:hover .premium-banner-ib-title,
455
+ .premium-banner-animation4.active .premium-banner-ib-title {
456
+ opacity: 1;
457
+ -webkit-transform: translate3d(0, 0, 0);
458
+ transform: translate3d(0, 0, 0);
459
+ }
460
+
461
+ .premium-banner-animation4:hover .premium-banner-ib-content,
462
+ .premium-banner-animation4:hover .premium-banner-ib-desc::after,
463
+ .premium-banner-animation4:hover .premium-banner-ib-title,
464
+ .premium-banner-animation4:hover img {
465
+ -webkit-transition-delay: 0.15s;
466
+ transition-delay: 0.15s;
467
+ }
468
+
469
+ .premium-banner-animation5 .premium-banner-ib-desc {
470
+ top: auto;
471
+ bottom: 0;
472
+ padding: 15px;
473
+ height: auto;
474
+ background: #f2f2f2;
475
+ color: #3c4a50;
476
+ -webkit-transition: -webkit-transform 0.35s;
477
+ transition: -webkit-transform 0.35s;
478
+ transition: transform 0.35s;
479
+ transition: transform 0.35s, -webkit-transform 0.35s;
480
+ -webkit-transform: translate3d(0, 100%, 0);
481
+ transform: translate3d(0, 100%, 0);
482
+ }
483
+
484
+ .premium-banner-animation5 .premium-banner-ib-content {
485
+ position: absolute;
486
+ top: auto;
487
+ bottom: 100%;
488
+ right: 0;
489
+ width: 100%;
490
+ padding: 15px;
491
+ opacity: 0;
492
+ -webkit-transition: opacity 0.35s;
493
+ transition: opacity 0.35s;
494
+ }
495
+
496
+ .premium-banner-animation5 .premium-banner-ib-title,
497
+ .premium-banner-animation5 .premium-banner-read-more {
498
+ -webkit-transition: -webkit-transform 0.35s;
499
+ transition: -webkit-transform 0.35s;
500
+ transition: transform 0.35s;
501
+ transition: transform 0.35s, -webkit-transform 0.35s;
502
+ -webkit-transform: translate3d(0, 200%, 0);
503
+ transform: translate3d(0, 200%, 0);
504
+ text-align: center;
505
+ }
506
+
507
+ .premium-banner-animation5 .premium-banner-ib-title {
508
+ margin: 10px 0;
509
+ }
510
+
511
+ .premium-banner-animation5:hover .premium-banner-ib-content,
512
+ .premium-banner-animation5.active .premium-banner-ib-content,
513
+ .premium-banner-animation5:hover .premium-banner-ib-content *,
514
+ .premium-banner-animation5.active .premium-banner-ib-content * {
515
+ opacity: 1 !important;
516
+ z-index: 99 !important;
517
+ -webkit-backface-visibility: hidden !important;
518
+ backface-visibility: hidden !important;
519
+ }
520
+
521
+ .premium-banner-animation5:hover .premium-banner-ib-desc,
522
+ .premium-banner-animation5.active .premium-banner-ib-desc,
523
+ .premium-banner-animation5:hover .premium-banner-ib-title,
524
+ .premium-banner-animation5.active .premium-banner-ib-title,
525
+ .premium-banner-animation5:hover .premium-banner-read-more,
526
+ .premium-banner-animation5.active .premium-banner-read-more {
527
+ -webkit-transform: translateY(0);
528
+ -ms-transform: translateY(0);
529
+ transform: translateY(0);
530
+ }
531
+
532
+ .premium-banner-animation5:hover .premium-banner-ib-title {
533
+ -webkit-transition-delay: 0.05s;
534
+ transition-delay: 0.05s;
535
+ }
536
+
537
+ .premium-banner-animation5 img {
538
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
539
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
540
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
541
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
542
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
543
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
544
+ }
545
+
546
+ .premium-banner-animation2 img,
547
+ .premium-banner-animation4 img,
548
+ .premium-banner-animation6 img {
549
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
550
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
551
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
552
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
553
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
554
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
555
+ }
556
+
557
+ .premium-banner-animation5.zoomout img,
558
+ .premium-banner-animation5.scale img {
559
+ -webkit-transform: scale(1.1);
560
+ -ms-transform: scale(1.1);
561
+ transform: scale(1.1);
562
+ }
563
+
564
+ .premium-banner-animation2.zoomout img,
565
+ .premium-banner-animation2.scale img {
566
+ -webkit-transform: scale(1.1);
567
+ -ms-transform: scale(1.1);
568
+ transform: scale(1.1);
569
+ }
570
+
571
+ .premium-banner-animation6.zoomout img,
572
+ .premium-banner-animation6.scale img {
573
+ -webkit-transform: scale(1.1);
574
+ -ms-transform: scale(1.1);
575
+ transform: scale(1.1);
576
+ }
577
+
578
+ .premium-banner-animation5.zoomin:hover img,
579
+ .premium-banner-animation2.zoomin:hover img,
580
+ .premium-banner-animation6.zoomin:hover img {
581
+ -webkit-transform: scale(1.1);
582
+ -ms-transform: scale(1.1);
583
+ transform: scale(1.1);
584
+ }
585
+
586
+ .premium-banner-animation5.zoomout:hover img,
587
+ .premium-banner-animation2.zoomout:hover img,
588
+ .premium-banner-animation6.zoomout:hover img {
589
+ -webkit-transform: scale(1);
590
+ -ms-transform: scale(1);
591
+ transform: scale(1);
592
+ }
593
+
594
+ .premium-banner-animation5.scale:hover img,
595
+ .premium-banner-animation2.scale:hover img,
596
+ .premium-banner-animation6.scale:hover img {
597
+ -webkit-transform: scale(1.2) rotate(-5deg);
598
+ -ms-transform: scale(1.2) rotate(-5deg);
599
+ transform: scale(1.2) rotate(-5deg);
600
+ }
601
+
602
+ .premium-banner-animation5.grayscale:hover img,
603
+ .premium-banner-animation2.grayscale:hover img,
604
+ .premium-banner-animation6.grayscale:hover img {
605
+ -webkit-filter: grayscale(100%);
606
+ filter: grayscale(100%);
607
+ }
608
+
609
+ .premium-banner-animation5.blur:hover img,
610
+ .premium-banner-animation2.blur:hover img {
611
+ -webkit-filter: blur(3px);
612
+ filter: blur(3px);
613
+ }
614
+
615
+ .premium-banner-animation6.blur:hover img {
616
+ -webkit-filter: blur(3px);
617
+ filter: blur(3px);
618
+ }
619
+
620
+ .premium-banner-animation6 .premium-banner-ib-desc {
621
+ padding: 45px;
622
+ }
623
+
624
+ .premium-banner-animation6 .premium-banner-ib-desc::before {
625
+ position: absolute;
626
+ content: "";
627
+ top: 30px;
628
+ left: 30px;
629
+ bottom: 30px;
630
+ right: 30px;
631
+ border: 1px solid #fff;
632
+ }
633
+
634
+ .premium-banner-animation6 .premium-banner-ib-title {
635
+ margin: 20px 0 10px;
636
+ -webkit-transition: -webkit-transform 0.35s;
637
+ transition: -webkit-transform 0.35s;
638
+ transition: transform 0.35s;
639
+ transition: transform 0.35s, -webkit-transform 0.35s;
640
+ -webkit-transform: translate3d(0, 100%, 0);
641
+ transform: translate3d(0, 100%, 0);
642
+ }
643
+
644
+ .premium-banner-animation6 .premium-banner-ib-content,
645
+ .premium-banner-animation6 .premium-banner-read-more,
646
+ .premium-banner-animation6 .premium-banner-ib-desc::before {
647
+ opacity: 0;
648
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
649
+ transition: opacity 0.35s, -webkit-transform 0.35s;
650
+ transition: opacity 0.35s, transform 0.35s;
651
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
652
+ -webkit-transform: scale(0);
653
+ -ms-transform: scale(0);
654
+ transform: scale(0);
655
+ }
656
+
657
+ .premium-banner-animation6 .premium-banner-read-more {
658
+ margin-top: 10px;
659
+ }
660
+
661
+ .premium-banner-animation6:hover .premium-banner-ib-title,
662
+ .premium-banner-animation6.active .premium-banner-ib-title {
663
+ -webkit-transform: translate3d(0, 0, 0);
664
+ transform: translate3d(0, 0, 0);
665
+ }
666
+
667
+ .premium-banner-animation6:hover .premium-banner-ib-content,
668
+ .premium-banner-animation6.active .premium-banner-ib-content,
669
+ .premium-banner-animation6:hover .premium-banner-read-more,
670
+ .premium-banner-animation6.active .premium-banner-read-more,
671
+ .premium-banner-animation6:hover .premium-banner-ib-desc::before,
672
+ .premium-banner-animation6.active .premium-banner-ib-desc::before {
673
+ opacity: 1;
674
+ -webkit-transform: scale(1);
675
+ -ms-transform: scale(1);
676
+ transform: scale(1);
677
+ }
678
+
679
+ .premium-banner-animation12 .premium-banner-ib-desc::after {
680
+ position: absolute;
681
+ content: "";
682
+ left: 30px;
683
+ bottom: 30px;
684
+ right: 30px;
685
+ height: -webkit-calc(50% - 30px);
686
+ height: calc(50% - 30px);
687
+ border: 7px solid #fff;
688
+ -webkit-transition: -webkit-transform 0.35s;
689
+ transition: -webkit-transform 0.35s;
690
+ transition: transform 0.35s;
691
+ transition: transform 0.35s, -webkit-transform 0.35s;
692
+ -webkit-transform: translate3d(0, -100%, 0);
693
+ transform: translate3d(0, -100%, 0);
694
+ }
695
+
696
+ .premium-banner-animation12:hover .premium-banner-ib-desc::after,
697
+ .premium-banner-animation12.active .premium-banner-ib-desc::after {
698
+ -webkit-transform: translate3d(0, 0, 0);
699
+ transform: translate3d(0, 0, 0);
700
+ }
701
+
702
+ .premium-banner-animation12 .premium-banner-ib-desc {
703
+ padding: 45px;
704
+ text-align: right;
705
+ }
706
+
707
+ .premium-banner-animation12 .premium-banner-ib-content {
708
+ position: absolute;
709
+ left: 60px;
710
+ bottom: 60px;
711
+ right: 60px;
712
+ opacity: 0;
713
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
714
+ transition: opacity 0.35s, -webkit-transform 0.35s;
715
+ transition: opacity 0.35s, transform 0.35s;
716
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
717
+ -webkit-transform: translate3d(0, -100px, 0);
718
+ transform: translate3d(0, -100px, 0);
719
+ }
720
+
721
+ .premium-banner-animation12:hover .premium-banner-ib-content,
722
+ .premium-banner-animation12.active .premium-banner-ib-content {
723
+ opacity: 1;
724
+ -webkit-transform: translate3d(0, 0, 0);
725
+ transform: translate3d(0, 0, 0);
726
+ }
727
+
728
+ .premium-banner-animation13 img {
729
+ width: -webkit-calc(100% + 20px) !important;
730
+ width: calc(100% + 20px) !important;
731
+ max-width: -webkit-calc(100% + 20px) !important;
732
+ max-width: calc(100% + 20px) !important;
733
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
734
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
735
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
736
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
737
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
738
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
739
+ -webkit-transform: translate3d(10px, 0, 0);
740
+ transform: translate3d(10px, 0, 0);
741
+ -webkit-backface-visibility: hidden;
742
+ backface-visibility: hidden;
743
+ }
744
+
745
+ .premium-banner-animation13.zoomout img,
746
+ .premium-banner-animation13.scale img {
747
+ -webkit-transform: translate3d(10px, 0, 0) scale(1.1);
748
+ transform: translate3d(10px, 0, 0) scale(1.1);
749
+ }
750
+
751
+ .premium-banner-animation13.none:hover img {
752
+ -webkit-transform: translate3d(0, 0, 0);
753
+ transform: translate3d(0, 0, 0);
754
+ }
755
+
756
+ .premium-banner-animation1.none:hover img,
757
+ .premium-banner-animation4.none:hover img {
758
+ -webkit-transform: translate3d(0, 0, 0);
759
+ transform: translate3d(0, 0, 0);
760
+ }
761
+
762
+ .premium-banner-animation13.zoomin:hover img,
763
+ .premium-banner-animation1.zoomin:hover img,
764
+ .premium-banner-animation4.zoomin:hover img,
765
+ .premium-banner-animation8.zoomin:hover img,
766
+ .premium-banner-animation7.zoomin:hover img,
767
+ .premium-banner-animation9.zoomin:hover img,
768
+ .premium-banner-animation10.zoomin:hover img,
769
+ .premium-banner-animation11.zoomin:hover img {
770
+ -webkit-transform: translate3d(0, 0, 0) scale(1.1);
771
+ transform: translate3d(0, 0, 0) scale(1.1);
772
+ }
773
+
774
+ .premium-banner-animation13.zoomout:hover img,
775
+ .premium-banner-animation1.zoomout:hover img,
776
+ .premium-banner-animation4.zoomout:hover img,
777
+ .premium-banner-animation8.zoomout:hover img,
778
+ .premium-banner-animation7.zoomout:hover img,
779
+ .premium-banner-animation9.zoomout:hover img,
780
+ .premium-banner-animation10.zoomout:hover img,
781
+ .premium-banner-animation11.zoomout:hover img {
782
+ -webkit-transform: translate3d(0, 0, 0) scale(1);
783
+ transform: translate3d(0, 0, 0) scale(1);
784
+ }
785
+
786
+ .premium-banner-animation13.scale:hover img,
787
+ .premium-banner-animation1.scale:hover img,
788
+ .premium-banner-animation4.scale:hover img,
789
+ .premium-banner-animation8.scale:hover img,
790
+ .premium-banner-animation7.scale:hover img,
791
+ .premium-banner-animation9.scale:hover img,
792
+ .premium-banner-animation10.scale:hover img,
793
+ .premium-banner-animation11.scale:hover img {
794
+ -webkit-transform: translate3d(0, 0, 0) scale(1.2) rotate(-5deg);
795
+ transform: translate3d(0, 0, 0) scale(1.2) rotate(-5deg);
796
+ }
797
+
798
+ .premium-banner-animation13.grayscale:hover img,
799
+ .premium-banner-animation1.grayscale:hover img,
800
+ .premium-banner-animation4.grayscale:hover img,
801
+ .premium-banner-animation8.grayscale:hover img,
802
+ .premium-banner-animation7.grayscale:hover img,
803
+ .premium-banner-animation9.grayscale:hover img,
804
+ .premium-banner-animation10.grayscale:hover img,
805
+ .premium-banner-animation11.grayscale:hover img {
806
+ -webkit-transform: translate3d(0, 0, 0);
807
+ transform: translate3d(0, 0, 0);
808
+ -webkit-filter: grayscale(100%);
809
+ filter: grayscale(100%);
810
+ }
811
+
812
+ .premium-banner-animation13.blur:hover img,
813
+ .premium-banner-animation1.blur:hover img,
814
+ .premium-banner-animation4.blur:hover,
815
+ .premium-banner-animation8.blur:hover img,
816
+ .premium-banner-animation7.blur:hover img,
817
+ .premium-banner-animation9.blur:hover img,
818
+ .premium-banner-animation10.blur:hover img,
819
+ .premium-banner-animation11.blur:hover img {
820
+ -webkit-transform: translate3d(0, 0, 0);
821
+ transform: translate3d(0, 0, 0);
822
+ -webkit-filter: blur(3px);
823
+ filter: blur(3px);
824
+ }
825
+
826
+ .premium-banner-animation13 .premium-banner-ib-desc {
827
+ text-align: right;
828
+ }
829
+
830
+ .premium-banner-animation13 .premium-banner-ib-title {
831
+ position: relative;
832
+ overflow: hidden;
833
+ padding: 5px 0 10px;
834
+ }
835
+
836
+ .premium-banner-animation13 .premium-banner-ib-title::after {
837
+ position: absolute;
838
+ content: "";
839
+ bottom: 0;
840
+ right: 0;
841
+ width: 100%;
842
+ height: 2px;
843
+ background: #fff;
844
+ -webkit-transition: -webkit-transform 0.35s;
845
+ transition: -webkit-transform 0.35s;
846
+ transition: transform 0.35s;
847
+ transition: transform 0.35s, -webkit-transform 0.35s;
848
+ -webkit-transform: translate3d(101%, 0, 0);
849
+ transform: translate3d(101%, 0, 0);
850
+ }
851
+
852
+ .premium-banner-animation13:hover .premium-banner-ib-title::after,
853
+ .premium-banner-animation13.active .premium-banner-ib-title::after {
854
+ -webkit-transform: translate3d(0, 0, 0);
855
+ transform: translate3d(0, 0, 0);
856
+ }
857
+
858
+ .premium-banner-animation13 .premium-banner-ib-content,
859
+ .premium-banner-animation13 .premium-banner-read-more {
860
+ padding: 15px 0;
861
+ opacity: 0;
862
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
863
+ transition: opacity 0.35s, -webkit-transform 0.35s;
864
+ transition: opacity 0.35s, transform 0.35s;
865
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
866
+ -webkit-transform: translate3d(-100%, 0, 0);
867
+ transform: translate3d(-100%, 0, 0);
868
+ }
869
+
870
+ .premium-banner-animation13:hover .premium-banner-ib-content,
871
+ .premium-banner-animation13.active .premium-banner-ib-content,
872
+ .premium-banner-animation13:hover .premium-banner-read-more,
873
+ .premium-banner-animation13.active .premium-banner-read-more {
874
+ opacity: 1;
875
+ -webkit-transform: translate3d(0, 0, 0);
876
+ transform: translate3d(0, 0, 0);
877
+ }
878
+
879
+ .premium-banner-ib.premium-banner-animation5 .premium-banner-toggle-size {
880
+ right: 50%;
881
+ width: auto !important;
882
+ height: 100%;
883
+ max-width: none;
884
+ -webkit-transform: translateX(50%);
885
+ -ms-transform: translateX(50%);
886
+ transform: translateX(50%);
887
+ }
888
+
889
+ .premium-banner-ib img {
890
+ border: none;
891
+ padding: 0;
892
+ margin: 0;
893
+ }
894
+
895
+ .premium-banner-animation7 img {
896
+ width: -webkit-calc(100% + 40px) !important;
897
+ width: calc(100% + 40px) !important;
898
+ max-width: -webkit-calc(100% + 40px) !important;
899
+ max-width: calc(100% + 40px) !important;
900
+ }
901
+
902
+ .premium-banner-animation7 .premium-banner-brlr {
903
+ width: 7px;
904
+ }
905
+
906
+ .premium-banner-animation7 .premium-banner-brtb {
907
+ height: 7px;
908
+ }
909
+
910
+ .premium-banner-animation7 .premium-banner-br {
911
+ position: absolute;
912
+ z-index: 1;
913
+ background-color: white;
914
+ -webkit-transition: all 0.3s ease-in-out;
915
+ transition: all 0.3s ease-in-out;
916
+ -webkit-transition-delay: 0.2s;
917
+ transition-delay: 0.2s;
918
+ }
919
+
920
+ .premium-banner-animation7 .premium-banner-bleft {
921
+ right: 30px;
922
+ top: -webkit-calc(100% - 150px);
923
+ top: calc(100% - 150px);
924
+ height: 0;
925
+ }
926
+
927
+ .premium-banner-animation7 .premium-banner-bright {
928
+ left: 30px;
929
+ bottom: -webkit-calc(100% - 150px);
930
+ bottom: calc(100% - 150px);
931
+ height: 0;
932
+ }
933
+
934
+ .premium-banner-animation7 .premium-banner-bottom {
935
+ left: -webkit-calc(100% - 150px);
936
+ left: calc(100% - 150px);
937
+ bottom: 30px;
938
+ width: 0;
939
+ }
940
+
941
+ .premium-banner-animation7 .premium-banner-btop {
942
+ right: -webkit-calc(100% - 150px);
943
+ right: calc(100% - 150px);
944
+ top: 30px;
945
+ width: 0;
946
+ }
947
+
948
+ .premium-banner-animation7 .premium-banner-ib-desc {
949
+ padding: 70px;
950
+ display: table;
951
+ }
952
+
953
+ .premium-banner-animation7 .premium-banner-ib-desc .premium-banner-desc-centered {
954
+ display: table-cell;
955
+ vertical-align: middle;
956
+ }
957
+
958
+ .premium-banner-animation7 .premium-banner-ib-title {
959
+ margin-top: 0;
960
+ }
961
+
962
+ .premium-banner-animation7 .premium-banner-ib-title,
963
+ .premium-banner-animation7 img {
964
+ -webkit-transform: translate3d(30px, 0, 0);
965
+ transform: translate3d(30px, 0, 0);
966
+ }
967
+
968
+ .premium-banner-animation7.zoomout img,
969
+ .premium-banner-animation7.scale img {
970
+ -webkit-transform: translate3d(30px, 0, 0) scale(1.1);
971
+ transform: translate3d(30px, 0, 0) scale(1.1);
972
+ }
973
+
974
+ .premium-banner-animation7 .premium-banner-ib-content,
975
+ .premium-banner-animation7 .premium-banner-read-more {
976
+ margin-top: 10px;
977
+ }
978
+
979
+ .premium-banner-animation7 .premium-banner-ib-desc::after,
980
+ .premium-banner-animation7 .premium-banner-ib-desc::before {
981
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
982
+ transition: opacity 0.35s, -webkit-transform 0.35s;
983
+ transition: opacity 0.35s, transform 0.35s;
984
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
985
+ }
986
+
987
+ .premium-banner-animation7 .premium-banner-ib-title,
988
+ .premium-banner-animation7 .premium-banner-ib-content,
989
+ .premium-banner-animation7 .premium-banner-read-more {
990
+ opacity: 0;
991
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
992
+ transition: opacity 0.35s, -webkit-transform 0.35s;
993
+ transition: opacity 0.35s, transform 0.35s;
994
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
995
+ }
996
+
997
+ .premium-banner-animation7 img {
998
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
999
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1000
+ transition: opacity 0.35s, transform 0.35s;
1001
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1002
+ }
1003
+
1004
+ .premium-banner-animation7:hover .premium-banner-ib-content,
1005
+ .premium-banner-animation7.active .premium-banner-ib-content,
1006
+ .premium-banner-animation7:hover .premium-banner-read-more,
1007
+ .premium-banner-animation7.active .premium-banner-read-more,
1008
+ .premium-banner-animation7:hover .premium-banner-ib-title,
1009
+ .premium-banner-animation7.active .premium-banner-ib-title {
1010
+ opacity: 1;
1011
+ -webkit-transform: translate3d(0, 0, 0);
1012
+ transform: translate3d(0, 0, 0);
1013
+ }
1014
+
1015
+ .premium-banner-animation7:hover .premium-banner-bleft,
1016
+ .premium-banner-animation7.active .premium-banner-bleft {
1017
+ top: 30px;
1018
+ height: 70px;
1019
+ }
1020
+
1021
+ .premium-banner-animation7:hover .premium-banner-bright,
1022
+ .premium-banner-animation7.active .premium-banner-bright {
1023
+ bottom: 30px;
1024
+ height: 70px;
1025
+ }
1026
+
1027
+ .premium-banner-animation7:hover .premium-banner-bottom,
1028
+ .premium-banner-animation7.active .premium-banner-bottom {
1029
+ left: 30px;
1030
+ width: 70px;
1031
+ }
1032
+
1033
+ .premium-banner-animation7:hover .premium-banner-btop,
1034
+ .premium-banner-animation7.active .premium-banner-btop {
1035
+ right: 30px;
1036
+ width: 70px;
1037
+ }
1038
+
1039
+ .premium-banner-animation7:hover .premium-banner-ib-content,
1040
+ .premium-banner-animation7:hover .premium-banner-read-more,
1041
+ .premium-banner-animation7:hover .premium-banner-ib-title,
1042
+ .premium-banner-animation7:hover img {
1043
+ -webkit-transition-delay: 0.15s;
1044
+ transition-delay: 0.15s;
1045
+ }
1046
+
1047
+ .premium-banner-animation8 img {
1048
+ width: -webkit-calc(100% + 40px) !important;
1049
+ width: calc(100% + 40px) !important;
1050
+ max-width: -webkit-calc(100% + 40px) !important;
1051
+ max-width: calc(100% + 40px) !important;
1052
+ }
1053
+
1054
+ .premium-banner-animation8 .premium-banner-brlr {
1055
+ width: 7px;
1056
+ }
1057
+
1058
+ .premium-banner-animation8 .premium-banner-brtb {
1059
+ height: 7px;
1060
+ }
1061
+
1062
+ .premium-banner-animation8 .premium-banner-br {
1063
+ position: absolute;
1064
+ z-index: 1;
1065
+ background-color: white;
1066
+ -webkit-transition: all 0.3s ease-in-out;
1067
+ transition: all 0.3s ease-in-out;
1068
+ -webkit-transition-delay: 0.2s;
1069
+ transition-delay: 0.2s;
1070
+ }
1071
+
1072
+ .premium-banner-animation8 .premium-banner-bleft {
1073
+ right: 30px;
1074
+ top: 50%;
1075
+ -webkit-transform: translateY(-50%);
1076
+ -ms-transform: translateY(-50%);
1077
+ transform: translateY(-50%);
1078
+ height: 0;
1079
+ }
1080
+
1081
+ .premium-banner-animation8 .premium-banner-bright {
1082
+ left: 30px;
1083
+ top: 50%;
1084
+ -webkit-transform: translateY(-50%);
1085
+ -ms-transform: translateY(-50%);
1086
+ transform: translateY(-50%);
1087
+ height: 0;
1088
+ }
1089
+
1090
+ .premium-banner-animation8 .premium-banner-bottom {
1091
+ right: 50%;
1092
+ -webkit-transform: translateX(50%);
1093
+ -ms-transform: translateX(50%);
1094
+ transform: translateX(50%);
1095
+ bottom: 30px;
1096
+ width: 0;
1097
+ }
1098
+
1099
+ .premium-banner-animation8 .premium-banner-btop {
1100
+ right: 50%;
1101
+ -webkit-transform: translateX(50%);
1102
+ -ms-transform: translateX(50%);
1103
+ transform: translateX(50%);
1104
+ top: 30px;
1105
+ width: 0;
1106
+ }
1107
+
1108
+ .premium-banner-animation8 .premium-banner-ib-desc {
1109
+ padding: 70px;
1110
+ display: table;
1111
+ }
1112
+
1113
+ .premium-banner-animation8 .premium-banner-ib-desc .premium-banner-desc-centered {
1114
+ display: table-cell;
1115
+ vertical-align: middle;
1116
+ }
1117
+
1118
+ .premium-banner-animation8 .premium-banner-ib-title {
1119
+ margin-top: 0;
1120
+ }
1121
+
1122
+ .premium-banner-animation8 .premium-banner-ib-title,
1123
+ .premium-banner-animation8 img {
1124
+ -webkit-transform: translate3d(30px, 0, 0);
1125
+ transform: translate3d(30px, 0, 0);
1126
+ }
1127
+
1128
+ .premium-banner-animation8.zoomout img,
1129
+ .premium-banner-animation8.scale img {
1130
+ -webkit-transform: translate3d(30px, 0, 0) scale(1.1);
1131
+ transform: translate3d(30px, 0, 0) scale(1.1);
1132
+ }
1133
+
1134
+ .premium-banner-animation8 .premium-banner-ib-content,
1135
+ .premium-banner-animation8 .premium-banner-read-more {
1136
+ margin-top: 10px;
1137
+ }
1138
+
1139
+ .premium-banner-animation8 .premium-banner-ib-desc::after,
1140
+ .premium-banner-animation8 .premium-banner-ib-desc::before {
1141
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1142
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1143
+ transition: opacity 0.35s, transform 0.35s;
1144
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1145
+ }
1146
+
1147
+ .premium-banner-animation8 .premium-banner-ib-title,
1148
+ .premium-banner-animation8 .premium-banner-ib-content,
1149
+ .premium-banner-animation8 .premium-banner-read-more {
1150
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1151
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1152
+ transition: opacity 0.35s, transform 0.35s;
1153
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1154
+ opacity: 0;
1155
+ }
1156
+
1157
+ .premium-banner-animation8 img {
1158
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1159
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1160
+ transition: opacity 0.35s, transform 0.35s;
1161
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1162
+ }
1163
+
1164
+ .premium-banner-animation8:hover .premium-banner-ib-content,
1165
+ .premium-banner-animation8.active .premium-banner-ib-content,
1166
+ .premium-banner-animation8:hover .premium-banner-read-more,
1167
+ .premium-banner-animation8.active .premium-banner-read-more,
1168
+ .premium-banner-animation8:hover .premium-banner-ib-title,
1169
+ .premium-banner-animation8.active .premium-banner-ib-title {
1170
+ opacity: 1;
1171
+ -webkit-transform: translate3d(0, 0, 0);
1172
+ transform: translate3d(0, 0, 0);
1173
+ }
1174
+
1175
+ .premium-banner-animation8:hover .premium-banner-bleft,
1176
+ .premium-banner-animation8.active .premium-banner-bleft {
1177
+ height: -webkit-calc(100% - 61px);
1178
+ height: calc(100% - 61px);
1179
+ }
1180
+
1181
+ .premium-banner-animation8:hover .premium-banner-bright,
1182
+ .premium-banner-animation8.active .premium-banner-bright {
1183
+ height: -webkit-calc(100% - 61px);
1184
+ height: calc(100% - 61px);
1185
+ }
1186
+
1187
+ .premium-banner-animation8:hover .premium-banner-bottom,
1188
+ .premium-banner-animation8.active .premium-banner-bottom {
1189
+ width: -webkit-calc(100% - 61px);
1190
+ width: calc(100% - 61px);
1191
+ }
1192
+
1193
+ .premium-banner-animation8:hover .premium-banner-btop,
1194
+ .premium-banner-animation8.active .premium-banner-btop {
1195
+ width: -webkit-calc(100% - 61px);
1196
+ width: calc(100% - 61px);
1197
+ }
1198
+
1199
+ .premium-banner-animation8:hover .premium-banner-ib-content,
1200
+ .premium-banner-animation8:hover .premium-banner-ib-title,
1201
+ .premium-banner-animation8:hover .premium-banner-read-more,
1202
+ .premium-banner-animation8:hover img {
1203
+ -webkit-transition-delay: 0.15s;
1204
+ transition-delay: 0.15s;
1205
+ }
1206
+
1207
+ .premium-banner-animation9 img {
1208
+ width: -webkit-calc(100% + 20px) !important;
1209
+ width: calc(100% + 20px) !important;
1210
+ max-width: -webkit-calc(100% + 20px) !important;
1211
+ max-width: calc(100% + 20px) !important;
1212
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1213
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1214
+ transition: opacity 0.35s, transform 0.35s;
1215
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1216
+ -webkit-transform: scale(1.2);
1217
+ -ms-transform: scale(1.2);
1218
+ transform: scale(1.2);
1219
+ }
1220
+
1221
+ .premium-banner-animation9 .premium-banner-ib-desc {
1222
+ width: 100%;
1223
+ height: 100%;
1224
+ }
1225
+
1226
+ .premium-banner-animation9 .premium-banner-ib-desc::before {
1227
+ position: absolute;
1228
+ top: 50%;
1229
+ right: 50%;
1230
+ width: 80%;
1231
+ height: 1px;
1232
+ background: #fff;
1233
+ content: "";
1234
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1235
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1236
+ transition: opacity 0.35s, transform 0.35s;
1237
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1238
+ -webkit-transform: translate3d(50%, -50%, 0);
1239
+ transform: translate3d(50%, -50%, 0);
1240
+ }
1241
+
1242
+ .premium-banner-animation9 .premium-banner-ib-desc::after {
1243
+ position: absolute;
1244
+ top: 50%;
1245
+ right: 50%;
1246
+ width: 80%;
1247
+ height: 1px;
1248
+ background: #fff;
1249
+ content: "";
1250
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1251
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1252
+ transition: opacity 0.35s, transform 0.35s;
1253
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1254
+ -webkit-transform: translate3d(50%, -50%, 0);
1255
+ transform: translate3d(50%, -50%, 0);
1256
+ }
1257
+
1258
+ .premium-banner-animation9 .premium-banner-ib-title {
1259
+ position: absolute;
1260
+ top: 50%;
1261
+ right: 0;
1262
+ width: 100%;
1263
+ -webkit-transition: -webkit-transform 0.35s;
1264
+ transition: -webkit-transform 0.35s;
1265
+ transition: transform 0.35s;
1266
+ transition: transform 0.35s, -webkit-transform 0.35s;
1267
+ -webkit-transform: translate3d(0, -70px, 0);
1268
+ transform: translate3d(0, -70px, 0);
1269
+ margin-top: 0;
1270
+ padding: 0 10%;
1271
+ }
1272
+
1273
+ .premium-banner-animation9:hover .premium-banner-ib-title,
1274
+ .premium-banner-animation9.active .premium-banner-ib-title {
1275
+ -webkit-transform: translate3d(0, -80px, 0);
1276
+ transform: translate3d(0, -80px, 0);
1277
+ }
1278
+
1279
+ .premium-banner-animation9 .premium-banner-ib-content,
1280
+ .premium-banner-animation9 .premium-banner-read-more {
1281
+ position: absolute;
1282
+ top: 50%;
1283
+ right: 0;
1284
+ width: 100%;
1285
+ -webkit-transition: -webkit-transform 0.35s;
1286
+ transition: -webkit-transform 0.35s;
1287
+ transition: transform 0.35s;
1288
+ transition: transform 0.35s, -webkit-transform 0.35s;
1289
+ padding: 0 10%;
1290
+ -webkit-transform: translate3d(0, 35px, 0);
1291
+ transform: translate3d(0, 35px, 0);
1292
+ }
1293
+
1294
+ .premium-banner-animation9 .premium-banner-read-more {
1295
+ top: 75%;
1296
+ }
1297
+
1298
+ .premium-banner-animation9:hover .premium-banner-ib-content,
1299
+ .premium-banner-animation9.active .premium-banner-ib-content,
1300
+ .premium-banner-animation9:hover .premium-banner-read-more,
1301
+ .premium-banner-animation9.active .premium-banner-read-more {
1302
+ -webkit-transform: translate3d(0, 45px, 0);
1303
+ transform: translate3d(0, 45px, 0);
1304
+ }
1305
+
1306
+ .premium-banner-animation9:hover .premium-banner-ib-desc::before,
1307
+ .premium-banner-animation9.active .premium-banner-ib-desc::before {
1308
+ opacity: 0.5;
1309
+ -webkit-transform: translate3d(50%, -50%, 0) rotate(-45deg);
1310
+ transform: translate3d(50%, -50%, 0) rotate(-45deg);
1311
+ }
1312
+
1313
+ .premium-banner-animation9:hover .premium-banner-ib-desc::after,
1314
+ .premium-banner-animation9.active .premium-banner-ib-desc::after {
1315
+ opacity: 0.5;
1316
+ -webkit-transform: translate3d(50%, -50%, 0) rotate(45deg);
1317
+ transform: translate3d(50%, -50%, 0) rotate(45deg);
1318
+ }
1319
+
1320
+ .premium-banner-animation9:hover img {
1321
+ -webkit-transform: scale(1);
1322
+ -ms-transform: scale(1);
1323
+ transform: scale(1);
1324
+ }
1325
+
1326
+ .premium-banner-animation10 img {
1327
+ width: -webkit-calc(100% + 20px) !important;
1328
+ width: calc(100% + 20px) !important;
1329
+ max-width: -webkit-calc(100% + 20px) !important;
1330
+ max-width: calc(100% + 20px) !important;
1331
+ }
1332
+
1333
+ .premium-banner-animation10 .premium-banner-ib-title {
1334
+ position: relative;
1335
+ overflow: hidden;
1336
+ padding: 5px 0 15px;
1337
+ -webkit-transition: -webkit-transform 0.35s;
1338
+ transition: -webkit-transform 0.35s;
1339
+ transition: transform 0.35s;
1340
+ transition: transform 0.35s, -webkit-transform 0.35s;
1341
+ -webkit-transform: translate3d(0, 20px, 0);
1342
+ transform: translate3d(0, 20px, 0);
1343
+ margin-bottom: 0;
1344
+ }
1345
+
1346
+ .premium-banner-animation10 .premium-banner-ib-title::after {
1347
+ position: absolute;
1348
+ content: "";
1349
+ bottom: 0;
1350
+ right: 0;
1351
+ width: 100%;
1352
+ height: 3px;
1353
+ background: #fff;
1354
+ opacity: 0;
1355
+ -webkit-transform: translate3d(0, 100%, 0);
1356
+ transform: translate3d(0, 100%, 0);
1357
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1358
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1359
+ transition: opacity 0.35s, transform 0.35s;
1360
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1361
+ }
1362
+
1363
+ .premium-banner-animation10:hover .premium-banner-ib-title,
1364
+ .premium-banner-animation10.active .premium-banner-ib-title {
1365
+ -webkit-transform: translate3d(0, 0, 0);
1366
+ transform: translate3d(0, 0, 0);
1367
+ }
1368
+
1369
+ .premium-banner-animation10:hover .premium-banner-ib-title::after,
1370
+ .premium-banner-animation10.active .premium-banner-ib-title::after {
1371
+ opacity: 1;
1372
+ -webkit-transform: translate3d(0, 0, 0);
1373
+ transform: translate3d(0, 0, 0);
1374
+ }
1375
+
1376
+ .premium-banner-animation10 .premium-banner-ib-content,
1377
+ .premium-banner-animation10 .premium-banner-read-more {
1378
+ padding-top: 15px;
1379
+ opacity: 0;
1380
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1381
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1382
+ transition: opacity 0.35s, transform 0.35s;
1383
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1384
+ -webkit-transform: translate3d(0, 100%, 0);
1385
+ transform: translate3d(0, 100%, 0);
1386
+ }
1387
+
1388
+ .premium-banner-animation10 .premium-banner-read-more {
1389
+ padding: 0;
1390
+ }
1391
+
1392
+ .premium-banner-animation10:hover .premium-banner-ib-content,
1393
+ .premium-banner-animation10.active .premium-banner-ib-content,
1394
+ .premium-banner-animation10:hover .premium-banner-read-more,
1395
+ .premium-banner-animation10.active .premium-banner-read-more {
1396
+ opacity: 1;
1397
+ -webkit-transform: translate3d(0, 0, 0);
1398
+ transform: translate3d(0, 0, 0);
1399
+ }
1400
+
1401
+ .premium-banner-animation11 {
1402
+ -webkit-transition: -webkit-transform 1s ease-out;
1403
+ transition: -webkit-transform 1s ease-out;
1404
+ transition: transform 1s ease-out;
1405
+ transition: transform 1s ease-out, -webkit-transform 1s ease-out;
1406
+ -webkit-transition-delay: 0.125s;
1407
+ transition-delay: 0.125s;
1408
+ }
1409
+
1410
+ .premium-banner-animation11 .premium-banner-ib-desc {
1411
+ position: absolute;
1412
+ z-index: 5;
1413
+ -webkit-transform: translate3d(30px, 0, 0);
1414
+ transform: translate3d(30px, 0, 0);
1415
+ opacity: 0;
1416
+ top: auto;
1417
+ bottom: 0;
1418
+ min-height: 25%;
1419
+ height: auto;
1420
+ max-height: 100%;
1421
+ text-align: left;
1422
+ padding: 30px;
1423
+ -webkit-transition: all 0.6s ease-out;
1424
+ transition: all 0.6s ease-out;
1425
+ }
1426
+
1427
+ .premium-banner-animation11 img {
1428
+ width: 100%;
1429
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1430
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1431
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
1432
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1433
+ }
1434
+
1435
+ .premium-banner-animation11 .premium-banner-ib-title {
1436
+ margin-bottom: 10px;
1437
+ }
1438
+
1439
+ .premium-banner-animation11 .premium-banner-gradient {
1440
+ position: absolute;
1441
+ left: 0;
1442
+ top: 0;
1443
+ right: 0;
1444
+ bottom: 0;
1445
+ }
1446
+
1447
+ .premium-banner-animation11 .premium-banner-gradient:after,
1448
+ .premium-banner-animation11 .premium-banner-gradient:before {
1449
+ position: absolute;
1450
+ content: "";
1451
+ left: 0;
1452
+ top: 0;
1453
+ right: 0;
1454
+ bottom: 0;
1455
+ -webkit-transform: translate3d(100%, 0, 0);
1456
+ transform: translate3d(100%, 0, 0);
1457
+ background-image: -webkit-linear-gradient(-40deg, rgba(84, 89, 95, 0.5) 27.89%, #6ec1e4 72.11%);
1458
+ background-image: -webkit-linear-gradient(130deg, rgba(84, 89, 95, 0.5) 27.89%, #6ec1e4 72.11%);
1459
+ background-image: linear-gradient(-40deg, rgba(84, 89, 95, 0.5) 27.89%, #6ec1e4 72.11%);
1460
+ z-index: 2;
1461
+ }
1462
+
1463
+ .premium-banner-animation11 .premium-banner-gradient:before {
1464
+ mix-blend-mode: color;
1465
+ }
1466
+
1467
+ .premium-banner-animation11 .premium-banner-gradient:after {
1468
+ mix-blend-mode: multiply;
1469
+ }
1470
+
1471
+ .premium-banner-animation11:hover .premium-banner-ib-desc,
1472
+ .premium-banner-animation11.active .premium-banner-ib-desc {
1473
+ opacity: 1;
1474
+ -webkit-transform: translate3d(0, 0, 0);
1475
+ transform: translate3d(0, 0, 0);
1476
+ }
1477
+
1478
+ .premium-banner-animation11:hover .premium-banner-gradient:after,
1479
+ .premium-banner-animation11:hover .premium-banner-gradient:before,
1480
+ .premium-banner-animation11.active .premium-banner-gradient:after,
1481
+ .premium-banner-animation11.active .premium-banner-gradient:before {
1482
+ -webkit-transform: translate3d(0, 0, 0);
1483
+ transform: translate3d(0, 0, 0);
1484
+ }
1485
+
1486
+ .premium-banner-animation11.zoomout img,
1487
+ .premium-banner-animation11.scale img {
1488
+ -webkit-transform: translate3d(-10px, 0, 0) scale(1.1);
1489
+ transform: translate3d(-10px, 0, 0) scale(1.1);
1490
+ }
1491
+
1492
+ /************ Premium Countdown ************/
1493
+ /*******************************************/
1494
+ .premium-countdown {
1495
+ -js-display: flex;
1496
+ display: -webkit-box;
1497
+ display: -webkit-flex;
1498
+ display: -moz-box;
1499
+ display: -ms-flexbox;
1500
+ display: flex;
1501
+ text-align: center;
1502
+ }
1503
+
1504
+ .countdown-row {
1505
+ display: block;
1506
+ text-align: center;
1507
+ }
1508
+
1509
+ .countdown .countdown-section {
1510
+ display: inline-block;
1511
+ max-width: 100%;
1512
+ margin-bottom: 15px;
1513
+ -js-display: inline-flex;
1514
+ display: -webkit-inline-box;
1515
+ display: -webkit-inline-flex;
1516
+ display: -moz-inline-box;
1517
+ display: -ms-inline-flexbox;
1518
+ display: inline-flex;
1519
+ -webkit-box-align: center;
1520
+ -webkit-align-items: center;
1521
+ -moz-box-align: center;
1522
+ -ms-flex-align: center;
1523
+ align-items: center;
1524
+ }
1525
+
1526
+ .countdown .countdown-section:last-child {
1527
+ margin-left: 0;
1528
+ }
1529
+
1530
+ .countdown span.countdown-amount {
1531
+ font-size: 70px;
1532
+ line-height: 1;
1533
+ padding: 40px;
1534
+ }
1535
+
1536
+ .countdown .pre_time-mid {
1537
+ display: block;
1538
+ }
1539
+
1540
+ .premium-countdown-separator-yes .countdown_separator {
1541
+ display: block;
1542
+ margin: 0 50px;
1543
+ font-size: 30px;
1544
+ }
1545
+
1546
+ .premium-countdown-separator-yes .countdown-row .countdown-section:last-child .countdown_separator,
1547
+ .premium-countdown-separator-yes .premium-countdown-block:last-child .countdown_separator {
1548
+ display: none;
1549
+ }
1550
+
1551
+ /**
1552
+ * Digit and unit styles
1553
+ */
1554
+ .side .countdown-section .countdown-period {
1555
+ vertical-align: bottom;
1556
+ }
1557
+
1558
+ .countdown .countdown-section .countdown-period {
1559
+ font-size: 17px;
1560
+ line-height: 3em;
1561
+ }
1562
+
1563
+ .side .countdown-section .countdown-amount,
1564
+ .side .countdown-section .countdown-period {
1565
+ display: inline-block;
1566
+ }
1567
+
1568
+ .side .countdown-section .countdown-amount {
1569
+ margin-left: 5px;
1570
+ }
1571
+
1572
+ .down .countdown-section .countdown-amount,
1573
+ .down .countdown-section .countdown-period {
1574
+ display: block;
1575
+ }
1576
+
1577
+ /**
1578
+ * Flip Layout
1579
+ */
1580
+ .premium-countdown-flip .premium-countdown-block {
1581
+ text-align: center;
1582
+ -js-display: inline-flex;
1583
+ display: -webkit-inline-box;
1584
+ display: -webkit-inline-flex;
1585
+ display: -moz-inline-box;
1586
+ display: -ms-inline-flexbox;
1587
+ display: inline-flex;
1588
+ -webkit-box-align: center;
1589
+ -webkit-align-items: center;
1590
+ -moz-box-align: center;
1591
+ -ms-flex-align: center;
1592
+ align-items: center;
1593
+ }
1594
+
1595
+ .premium-countdown-flip .premium-countdown-block:last-child {
1596
+ margin-left: 0;
1597
+ }
1598
+
1599
+ .premium-countdown-flip .premium-countdown-label {
1600
+ overflow: hidden;
1601
+ color: #1a1a1a;
1602
+ text-transform: uppercase;
1603
+ }
1604
+
1605
+ .premium-countdown-flip .premium-countdown-figure {
1606
+ position: relative;
1607
+ height: 110px;
1608
+ width: 100px;
1609
+ line-height: 107px;
1610
+ background-color: #fff;
1611
+ -webkit-border-radius: 10px;
1612
+ border-radius: 10px;
1613
+ -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset -2px 4px 0 0 rgba(255, 255, 255, 0.08);
1614
+ box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset -2px 4px 0 0 rgba(255, 255, 255, 0.08);
1615
+ }
1616
+
1617
+ .premium-countdown-flip .premium-countdown-figure:last-child {
1618
+ margin-left: 0;
1619
+ }
1620
+
1621
+ .premium-countdown-flip .premium-countdown-figure>span {
1622
+ position: absolute;
1623
+ right: 0;
1624
+ left: 0;
1625
+ margin: auto;
1626
+ font-weight: 700;
1627
+ }
1628
+
1629
+ .premium-countdown-flip .premium-countdown-figure .top {
1630
+ z-index: 3;
1631
+ -webkit-transform-origin: 50% 100%;
1632
+ -ms-transform-origin: 50% 100%;
1633
+ transform-origin: 50% 100%;
1634
+ -webkit-transform: perspective(200px);
1635
+ transform: perspective(200px);
1636
+ -webkit-backface-visibility: hidden;
1637
+ backface-visibility: hidden;
1638
+ }
1639
+
1640
+ .premium-countdown-flip .premium-countdown-figure .bottom {
1641
+ z-index: 1;
1642
+ }
1643
+
1644
+ .premium-countdown-flip .premium-countdown-figure .bottom::before {
1645
+ content: "";
1646
+ position: absolute;
1647
+ display: block;
1648
+ top: 0;
1649
+ right: 0;
1650
+ width: 100%;
1651
+ height: 50%;
1652
+ background-color: rgba(0, 0, 0, 0.02);
1653
+ }
1654
+
1655
+ .premium-countdown-flip .premium-countdown-figure .top-back {
1656
+ -webkit-backface-visibility: hidden;
1657
+ backface-visibility: hidden;
1658
+ z-index: 4;
1659
+ bottom: 0;
1660
+ -webkit-transform-origin: 50% 0;
1661
+ -ms-transform-origin: 50% 0;
1662
+ transform-origin: 50% 0;
1663
+ -webkit-transform: perspective(200px) rotateX(180deg);
1664
+ transform: perspective(200px) rotateX(180deg);
1665
+ }
1666
+
1667
+ .premium-countdown-flip .premium-countdown-figure .top-back span {
1668
+ position: absolute;
1669
+ top: -100%;
1670
+ right: 0;
1671
+ left: 0;
1672
+ margin: auto;
1673
+ }
1674
+
1675
+ .premium-countdown-flip .premium-countdown-figure .bottom-back {
1676
+ z-index: 2;
1677
+ top: 0;
1678
+ }
1679
+
1680
+ .premium-countdown-flip .premium-countdown-figure .bottom-back span {
1681
+ position: absolute;
1682
+ top: 0;
1683
+ right: 0;
1684
+ left: 0;
1685
+ margin: auto;
1686
+ }
1687
+
1688
+ .premium-countdown-flip .premium-countdown-figure .top,
1689
+ .premium-countdown-flip .premium-countdown-figure .bottom-back,
1690
+ .premium-countdown-flip .premium-countdown-figure .top-back {
1691
+ height: 50%;
1692
+ overflow: hidden;
1693
+ background-color: #f7f7f7;
1694
+ -webkit-border-top-right-radius: 10px;
1695
+ border-top-right-radius: 10px;
1696
+ -webkit-border-top-left-radius: 10px;
1697
+ border-top-left-radius: 10px;
1698
+ }
1699
+
1700
+ .premium-countdown-flip .premium-countdown-figure .top-back {
1701
+ -webkit-border-bottom-right-radius: 10px;
1702
+ border-bottom-right-radius: 10px;
1703
+ -webkit-border-bottom-left-radius: 10px;
1704
+ border-bottom-left-radius: 10px;
1705
+ }
1706
+
1707
+ .premium-countdown-flip .premium-countdown-figure .top::after,
1708
+ .premium-countdown-flip .premium-countdown-figure .bottom-back::after {
1709
+ content: "";
1710
+ position: absolute;
1711
+ z-index: -1;
1712
+ right: 0;
1713
+ bottom: 0;
1714
+ width: 100%;
1715
+ height: 100%;
1716
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
1717
+ }
1718
+
1719
+ .side .premium-countdown-figure,
1720
+ .side .premium-countdown-label {
1721
+ display: inline-block;
1722
+ }
1723
+
1724
+ .side .premium-countdown-figure {
1725
+ margin-left: 5px;
1726
+ }
1727
+
1728
+ .down .premium-countdown-figure,
1729
+ .down .premium-countdown-label {
1730
+ display: block;
1731
+ }
1732
+
1733
+ .down .premium-countdown-label {
1734
+ width: 100%;
1735
+ }
1736
+
1737
+ /**************** Premium Carousel **************/
1738
+ /************************************************/
1739
+ .premium-carousel-wrapper a.carousel-arrow,
1740
+ .premium-carousel-wrapper a.ver-carousel-arrow,
1741
+ .premium-fb-rev-container a.carousel-arrow,
1742
+ .premium-tabs-nav-list a.carousel-arrow,
1743
+ .premium-blog-wrap a.carousel-arrow,
1744
+ .premium-hscroll-wrap a.carousel-arrow,
1745
+ .premium-twitter-feed-wrapper a.carousel-arrow,
1746
+ .premium-facebook-feed-wrapper a.carousel-arrow,
1747
+ .premium-instafeed-container a.carousel-arrow,
1748
+ .premium-persons-container a.carousel-arrow {
1749
+ display: -ms-flexbox;
1750
+ display: -webkit-flex;
1751
+ display: -moz-flex;
1752
+ display: -ms-flex;
1753
+ -js-display: flex;
1754
+ display: -webkit-box;
1755
+ display: -moz-box;
1756
+ display: flex;
1757
+ -webkit-box-align: center;
1758
+ -webkit-align-items: center;
1759
+ -moz-box-align: center;
1760
+ -ms-flex-align: center;
1761
+ align-items: center;
1762
+ -webkit-box-pack: center;
1763
+ -webkit-justify-content: center;
1764
+ -moz-box-pack: center;
1765
+ -ms-flex-pack: center;
1766
+ justify-content: center;
1767
+ width: 2em;
1768
+ height: 2em;
1769
+ line-height: 0;
1770
+ text-align: center;
1771
+ position: absolute;
1772
+ z-index: 99;
1773
+ cursor: pointer;
1774
+ -webkit-transition: all 0.3s ease-in-out;
1775
+ transition: all 0.3s ease-in-out;
1776
+ -webkit-appearance: inherit;
1777
+ border: none;
1778
+ -webkit-box-shadow: none;
1779
+ box-shadow: none;
1780
+ }
1781
+
1782
+ .premium-carousel-wrapper a.carousel-arrow svg,
1783
+ .premium-carousel-wrapper a.ver-carousel-arrow svg {
1784
+ -webkit-transition: all 0.3s ease-in-out;
1785
+ transition: all 0.3s ease-in-out;
1786
+ }
1787
+
1788
+ div[class^="premium-"] .slick-arrow i {
1789
+ display: block;
1790
+ }
1791
+
1792
+ .ver-carousel-arrow.carousel-next i {
1793
+ margin-bottom: -3px;
1794
+ }
1795
+
1796
+ .premium-carousel-wrapper a.slick-arrow:hover {
1797
+ -webkit-box-shadow: none !important;
1798
+ box-shadow: none !important;
1799
+ }
1800
+
1801
+ .premium-carousel-wrapper .premium-carousel-content-hidden {
1802
+ visibility: hidden;
1803
+ }
1804
+
1805
+ .premium-carousel-wrapper a.carousel-arrow,
1806
+ .premium-fb-rev-container a.carousel-arrow,
1807
+ .premium-tabs-nav-list a.carousel-arrow,
1808
+ .premium-blog-wrap a.carousel-arrow,
1809
+ .premium-hscroll-wrap a.carousel-arrow,
1810
+ .premium-twitter-feed-wrapper a.carousel-arrow,
1811
+ .premium-facebook-feed-wrapper a.carousel-arrow,
1812
+ .premium-instafeed-container a.carousel-arrow,
1813
+ .premium-persons-container a.carousel-arrow {
1814
+ top: 50%;
1815
+ -webkit-transform: translateY(-50%);
1816
+ -ms-transform: translateY(-50%);
1817
+ transform: translateY(-50%);
1818
+ }
1819
+
1820
+ .premium-carousel-wrapper a.ver-carousel-arrow {
1821
+ right: 50%;
1822
+ -webkit-transform: translateX(50%);
1823
+ -ms-transform: translateX(50%);
1824
+ transform: translateX(50%);
1825
+ }
1826
+
1827
+ a.carousel-arrow.carousel-next {
1828
+ right: -20px;
1829
+ }
1830
+
1831
+ a.carousel-arrow.carousel-prev {
1832
+ left: -20px;
1833
+ }
1834
+
1835
+ a.ver-carousel-arrow.carousel-next {
1836
+ bottom: -56px;
1837
+ }
1838
+
1839
+ a.ver-carousel-arrow.carousel-prev {
1840
+ top: -45px;
1841
+ }
1842
+
1843
+ a.circle-bg {
1844
+ -webkit-border-radius: 100%;
1845
+ border-radius: 100%;
1846
+ }
1847
+
1848
+ a.circle-border {
1849
+ -webkit-border-radius: 100%;
1850
+ border-radius: 100%;
1851
+ border: solid black;
1852
+ }
1853
+
1854
+ a.square-border {
1855
+ border: solid black;
1856
+ }
1857
+
1858
+ .premium-carousel-dots-below,
1859
+ .premium-blog-wrap ul.slick-dots,
1860
+ .premium-fb-rev-reviews ul.slick-dots {
1861
+ position: relative;
1862
+ bottom: 0;
1863
+ list-style: none;
1864
+ text-align: center;
1865
+ margin: 0;
1866
+ padding: 0;
1867
+ }
1868
+
1869
+ .premium-carousel-dots-above ul.slick-dots {
1870
+ position: absolute;
1871
+ display: -ms-flexbox;
1872
+ display: -webkit-flex;
1873
+ display: -moz-flex;
1874
+ display: -ms-flex;
1875
+ -js-display: flex;
1876
+ display: -webkit-box;
1877
+ display: -moz-box;
1878
+ display: flex;
1879
+ top: 50%;
1880
+ -webkit-transform: translateY(-50%);
1881
+ -ms-transform: translateY(-50%);
1882
+ transform: translateY(-50%);
1883
+ -webkit-flex-direction: column;
1884
+ -webkit-box-orient: vertical;
1885
+ -webkit-box-direction: normal;
1886
+ -moz-box-orient: vertical;
1887
+ -moz-box-direction: normal;
1888
+ -ms-flex-direction: column;
1889
+ flex-direction: column;
1890
+ }
1891
+
1892
+ ul.slick-dots li {
1893
+ font-size: 10px;
1894
+ display: -webkit-inline-box;
1895
+ display: -webkit-inline-flex;
1896
+ display: -ms-inline-flexbox;
1897
+ -js-display: inline-flex;
1898
+ display: -moz-inline-box;
1899
+ display: inline-flex;
1900
+ -webkit-box-pack: center;
1901
+ -webkit-justify-content: center;
1902
+ -moz-box-pack: center;
1903
+ -ms-flex-pack: center;
1904
+ justify-content: center;
1905
+ -webkit-box-align: center;
1906
+ -webkit-align-items: center;
1907
+ -moz-box-align: center;
1908
+ -ms-flex-align: center;
1909
+ align-items: center;
1910
+ margin: 5px;
1911
+ width: 20px;
1912
+ height: 20px;
1913
+ cursor: pointer;
1914
+ }
1915
+
1916
+ /*
1917
+ * Custom Navigation Dot
1918
+ */
1919
+ .premium-carousel-wrapper .premium-carousel-nav-dot,
1920
+ .premium-carousel-wrapper .premium-carousel-nav-arrow-prev,
1921
+ .premium-carousel-wrapper .premium-carousel-nav-arrow-next {
1922
+ display: none;
1923
+ }
1924
+
1925
+ .premium-carousel-wrapper ul.slick-dots svg {
1926
+ width: 20px;
1927
+ height: 20px;
1928
+ }
1929
+
1930
+ /* Ripple Out */
1931
+ @-webkit-keyframes hvr-ripple-out {
1932
+ 0% {
1933
+ -webkit-transform: scale(1);
1934
+ transform: scale(1);
1935
+ opacity: 1;
1936
+ }
1937
+
1938
+ 100% {
1939
+ -webkit-transform: scale(1.5);
1940
+ transform: scale(1.5);
1941
+ opacity: 0;
1942
+ }
1943
+ }
1944
+
1945
+ @keyframes hvr-ripple-out {
1946
+ 0% {
1947
+ -webkit-transform: scale(1);
1948
+ transform: scale(1);
1949
+ opacity: 1;
1950
+ }
1951
+
1952
+ 100% {
1953
+ -webkit-transform: scale(1.5);
1954
+ transform: scale(1.5);
1955
+ opacity: 0;
1956
+ }
1957
+ }
1958
+
1959
+ .premium-carousel-ripple-yes .premium-carousel-wrapper {
1960
+ padding-bottom: 1px;
1961
+ }
1962
+
1963
+ .premium-carousel-ripple-yes ul.slick-dots li,
1964
+ .premium-carousel-ripple-yes ul.slick-dots li i {
1965
+ position: relative;
1966
+ }
1967
+
1968
+ .premium-carousel-ripple-yes ul.slick-dots li i {
1969
+ z-index: 1;
1970
+ }
1971
+
1972
+ .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
1973
+ content: "";
1974
+ position: absolute;
1975
+ -webkit-transform: scale(1);
1976
+ -ms-transform: scale(1);
1977
+ transform: scale(1);
1978
+ top: 0;
1979
+ left: 0;
1980
+ bottom: 0;
1981
+ right: 0;
1982
+ -webkit-border-radius: 50%;
1983
+ border-radius: 50%;
1984
+ pointer-events: none;
1985
+ background-color: rgba(0, 0, 0, 0.15);
1986
+ }
1987
+
1988
+ .premium-carousel-ripple-yes ul.slick-dots li.slick-active:hover:before {
1989
+ background-color: rgba(0, 0, 0, 0.3);
1990
+ }
1991
+
1992
+ .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
1993
+ -webkit-animation: hvr-ripple-out 1.3s infinite;
1994
+ animation: hvr-ripple-out 1.3s infinite;
1995
+ }
1996
+
1997
+ .premium-carousel-wrapper.premium-carousel-scale .slick-slide {
1998
+ -webkit-transform: scale(1.25, 1.25);
1999
+ -ms-transform: scale(1.25, 1.25);
2000
+ transform: scale(1.25, 1.25);
2001
+ -webkit-transition: all 0.3s ease-in-out !important;
2002
+ transition: all 0.3s ease-in-out !important;
2003
+ }
2004
+
2005
+ .premium-carousel-wrapper.premium-carousel-scale div.slick-active {
2006
+ -webkit-transform: scale(1, 1);
2007
+ -ms-transform: scale(1, 1);
2008
+ transform: scale(1, 1);
2009
+ }
2010
+
2011
+ [dir="rtl"] .premium-carousel-inner .slick-slide {
2012
+ float: right;
2013
+ }
2014
+
2015
+ /**************** Premium Counter ***************/
2016
+ /************************************************/
2017
+ .premium-counter-area {
2018
+ padding: 10px 0;
2019
+ -js-display: flex;
2020
+ display: -webkit-box;
2021
+ display: -webkit-flex;
2022
+ display: -moz-box;
2023
+ display: -ms-flexbox;
2024
+ display: flex;
2025
+ -webkit-box-pack: center;
2026
+ -webkit-justify-content: center;
2027
+ -moz-box-pack: center;
2028
+ -ms-flex-pack: center;
2029
+ justify-content: center;
2030
+ -webkit-box-align: center;
2031
+ -webkit-align-items: center;
2032
+ -moz-box-align: center;
2033
+ -ms-flex-align: center;
2034
+ align-items: center;
2035
+ }
2036
+
2037
+ .premium-counter-area.top {
2038
+ -webkit-box-orient: vertical;
2039
+ -webkit-box-direction: normal;
2040
+ -webkit-flex-direction: column;
2041
+ -moz-box-orient: vertical;
2042
+ -moz-box-direction: normal;
2043
+ -ms-flex-direction: column;
2044
+ flex-direction: column;
2045
+ }
2046
+
2047
+ .premium-counter-area.right {
2048
+ -webkit-box-orient: horizontal;
2049
+ -webkit-box-direction: reverse;
2050
+ -webkit-flex-direction: row-reverse;
2051
+ -moz-box-orient: horizontal;
2052
+ -moz-box-direction: reverse;
2053
+ -ms-flex-direction: row-reverse;
2054
+ flex-direction: row-reverse;
2055
+ }
2056
+
2057
+ .premium-counter-area.right .premium-counter-icon {
2058
+ padding-right: 20px;
2059
+ }
2060
+
2061
+ .premium-counter-area.left .premium-counter-icon {
2062
+ padding-left: 20px;
2063
+ }
2064
+
2065
+ .premium-counter-area .premium-counter-icon .icon i.fa:before {
2066
+ vertical-align: text-top;
2067
+ }
2068
+
2069
+ .premium-counter-area .premium-counter-icon span.icon {
2070
+ text-align: center;
2071
+ display: inline-block;
2072
+ vertical-align: middle;
2073
+ }
2074
+
2075
+ .premium-counter-area .premium-counter-icon .circle {
2076
+ -webkit-border-radius: 100%;
2077
+ border-radius: 100%;
2078
+ }
2079
+
2080
+ .premium-counter-area .premium-counter-icon img,
2081
+ .premium-counter-area .premium-counter-icon svg {
2082
+ width: 80px;
2083
+ }
2084
+
2085
+ .premium-counter-area .premium-counter-icon .premium-counter-animation svg {
2086
+ height: 80px;
2087
+ }
2088
+
2089
+ .premium-counter-area .premium-counter-title {
2090
+ padding: 0;
2091
+ margin: 0;
2092
+ }
2093
+
2094
+ .premium-counter-area .premium-counter-value-wrap {
2095
+ -js-display: flex;
2096
+ display: -webkit-box;
2097
+ display: -webkit-flex;
2098
+ display: -moz-box;
2099
+ display: -ms-flexbox;
2100
+ display: flex;
2101
+ -webkit-box-align: center;
2102
+ -webkit-align-items: center;
2103
+ -moz-box-align: center;
2104
+ -ms-flex-align: center;
2105
+ align-items: center;
2106
+ }
2107
+
2108
+ .premium-init-wrapper.right {
2109
+ text-align: left;
2110
+ }
2111
+
2112
+ /* * Custom image and simple styles image fix */
2113
+ span.icon.flex-width {
2114
+ width: auto !important;
2115
+ height: auto !important;
2116
+ }
2117
+
2118
+ .premium-counter-area .premium-counter-init {
2119
+ font-size: 35px;
2120
+ }
2121
+
2122
+ /**************** Premium Image Separator ****************/
2123
+ /*********************************************************/
2124
+ /*Image Separator Container Style*/
2125
+ .premium-image-separator-container {
2126
+ position: absolute;
2127
+ width: 100%;
2128
+ z-index: 2;
2129
+ top: auto;
2130
+ }
2131
+
2132
+ .premium-image-separator-container img {
2133
+ display: inline-block !important;
2134
+ -webkit-mask-repeat: no-repeat;
2135
+ mask-repeat: no-repeat;
2136
+ -webkit-mask-position: center;
2137
+ mask-position: center;
2138
+ }
2139
+
2140
+ /*Link on Image Style*/
2141
+ .premium-image-separator-link {
2142
+ position: absolute;
2143
+ z-index: 9999;
2144
+ top: 0;
2145
+ right: 0;
2146
+ width: 100%;
2147
+ height: 100%;
2148
+ text-decoration: none;
2149
+ }
2150
+
2151
+ /*Important to override Theme options*/
2152
+ a.premium-image-separator-link:hover,
2153
+ a.premium-image-separator-link:visited,
2154
+ a.premium-image-separator-link:focus,
2155
+ a.premium-image-separator-link:active {
2156
+ -webkit-box-shadow: none !important;
2157
+ box-shadow: none !important;
2158
+ outline: none !important;
2159
+ border: none !important;
2160
+ text-decoration: none !important;
2161
+ }
2162
+
2163
+ .premium-image-separator-container .img-responsive {
2164
+ display: inline-block;
2165
+ }
2166
+
2167
+ .premium-image-separator-container i,
2168
+ .premium-image-separator-container>svg {
2169
+ padding: 20px;
2170
+ -webkit-transition: all 0.3s ease-in-out;
2171
+ transition: all 0.3s ease-in-out;
2172
+ }
2173
+
2174
+ /**************** Premium Modal Box ****************/
2175
+ /***************************************************/
2176
+ .premium-modal-trigger-btn,
2177
+ .premium-modal-box-modal-lower-close {
2178
+ display: inline-block;
2179
+ padding: 6px 12px;
2180
+ margin-bottom: 0;
2181
+ font-size: 14px;
2182
+ font-weight: normal;
2183
+ line-height: 1.42857143;
2184
+ text-align: center;
2185
+ white-space: nowrap;
2186
+ vertical-align: middle;
2187
+ -ms-touch-action: manipulation;
2188
+ touch-action: manipulation;
2189
+ cursor: pointer;
2190
+ -webkit-user-select: none;
2191
+ -moz-user-select: none;
2192
+ -ms-user-select: none;
2193
+ user-select: none;
2194
+ background-image: none;
2195
+ border: 1px solid transparent;
2196
+ }
2197
+
2198
+ .premium-modal-trigger-btn>svg,
2199
+ .premium-modal-trigger-btn .premium-modal-box-icon {
2200
+ -webkit-transition: all 0.3s ease-in-out;
2201
+ transition: all 0.3s ease-in-out;
2202
+ }
2203
+
2204
+ .premium-modal-trigger-btn>svg {
2205
+ width: 30px;
2206
+ height: 30px;
2207
+ }
2208
+
2209
+ .premium-modal-box-modal-close {
2210
+ float: left;
2211
+ font-size: 21px;
2212
+ font-weight: bold;
2213
+ line-height: 1;
2214
+ color: #000;
2215
+ }
2216
+
2217
+ .premium-modal-box-modal-close:hover,
2218
+ .premium-modal-box-modal-close:focus {
2219
+ color: #000;
2220
+ text-decoration: none;
2221
+ cursor: pointer;
2222
+ }
2223
+
2224
+ button.premium-modal-box-modal-close {
2225
+ -webkit-appearance: none;
2226
+ padding: 0;
2227
+ cursor: pointer;
2228
+ background: transparent;
2229
+ border: 0;
2230
+ }
2231
+
2232
+ .premium-modal-box-modal {
2233
+ position: fixed;
2234
+ top: 0;
2235
+ left: 0;
2236
+ bottom: 0;
2237
+ right: 0;
2238
+ z-index: 1050;
2239
+ display: none;
2240
+ -webkit-overflow-scrolling: touch;
2241
+ outline: 0;
2242
+ padding: 0 !important;
2243
+ background: rgba(0, 0, 0, 0.5);
2244
+ -webkit-box-align: center;
2245
+ -webkit-align-items: center;
2246
+ -moz-box-align: center;
2247
+ -ms-flex-align: center;
2248
+ align-items: center;
2249
+ -webkit-box-pack: center;
2250
+ -webkit-justify-content: center;
2251
+ -moz-box-pack: center;
2252
+ -ms-flex-pack: center;
2253
+ justify-content: center;
2254
+ }
2255
+
2256
+ .premium-modal-box-modal .premium-modal-box-modal-dialog {
2257
+ position: absolute;
2258
+ max-height: -webkit-calc(100vh - 150px);
2259
+ max-height: calc(100vh - 150px);
2260
+ -js-display: flex;
2261
+ display: -webkit-box;
2262
+ display: -webkit-flex;
2263
+ display: -moz-box;
2264
+ display: -ms-flexbox;
2265
+ display: flex;
2266
+ -webkit-box-orient: vertical;
2267
+ -webkit-box-direction: normal;
2268
+ -webkit-flex-direction: column;
2269
+ -moz-box-orient: vertical;
2270
+ -moz-box-direction: normal;
2271
+ -ms-flex-direction: column;
2272
+ flex-direction: column;
2273
+ opacity: 0;
2274
+ }
2275
+
2276
+ .premium-modal-box-modal-content {
2277
+ background-color: #fff;
2278
+ -webkit-background-clip: padding-box;
2279
+ background-clip: padding-box;
2280
+ border: 1px solid rgba(0, 0, 0, 0.2);
2281
+ -webkit-border-radius: 6px;
2282
+ border-radius: 6px;
2283
+ outline: 0;
2284
+ overflow-x: hidden;
2285
+ }
2286
+
2287
+ .premium-modal-backdrop.premium-in {
2288
+ filter: alpha(opacity=50);
2289
+ opacity: 0.5 !important;
2290
+ }
2291
+
2292
+ .premium-modal-fade.premium-in {
2293
+ opacity: 1;
2294
+ }
2295
+
2296
+ .premium-modal-backdrop {
2297
+ position: fixed;
2298
+ top: 0;
2299
+ left: 0;
2300
+ bottom: 0;
2301
+ right: 0;
2302
+ z-index: 1040;
2303
+ background-color: #000;
2304
+ }
2305
+
2306
+ .premium-modal-backdrop.premium-modal-fade {
2307
+ filter: alpha(opacity=0);
2308
+ opacity: 0;
2309
+ }
2310
+
2311
+ .premium-modal-fade {
2312
+ opacity: 0;
2313
+ }
2314
+
2315
+ .premium-in {
2316
+ -js-display: flex !important;
2317
+ display: -webkit-box !important;
2318
+ display: -webkit-flex !important;
2319
+ display: -moz-box !important;
2320
+ display: -ms-flexbox !important;
2321
+ display: flex !important;
2322
+ }
2323
+
2324
+ .premium-modal-box-modal-header {
2325
+ -js-display: flex;
2326
+ display: -webkit-box;
2327
+ display: -webkit-flex;
2328
+ display: -moz-box;
2329
+ display: -ms-flexbox;
2330
+ display: flex;
2331
+ -webkit-box-pack: justify;
2332
+ -webkit-justify-content: space-between;
2333
+ -moz-box-pack: justify;
2334
+ -ms-flex-pack: justify;
2335
+ justify-content: space-between;
2336
+ -webkit-box-align: center;
2337
+ -webkit-align-items: center;
2338
+ -moz-box-align: center;
2339
+ -ms-flex-align: center;
2340
+ align-items: center;
2341
+ padding: 5px 15px;
2342
+ border-bottom: 1px solid #e5e5e5;
2343
+ }
2344
+
2345
+ .premium-modal-box-modal-header .premium-modal-box-modal-close {
2346
+ margin-top: -2px;
2347
+ }
2348
+
2349
+ .premium-modal-box-modal-header .premium-modal-box-modal-title {
2350
+ -js-display: flex;
2351
+ display: -webkit-box;
2352
+ display: -webkit-flex;
2353
+ display: -moz-box;
2354
+ display: -ms-flexbox;
2355
+ display: flex;
2356
+ -webkit-box-align: center;
2357
+ -webkit-align-items: center;
2358
+ -moz-box-align: center;
2359
+ -ms-flex-align: center;
2360
+ align-items: center;
2361
+ margin: 0;
2362
+ padding: 0;
2363
+ }
2364
+
2365
+ .premium-modal-box-modal-header .premium-modal-box-modal-title svg {
2366
+ width: 50px;
2367
+ height: 60px;
2368
+ }
2369
+
2370
+ .premium-modal-box-modal-body {
2371
+ position: relative;
2372
+ padding: 15px;
2373
+ overflow: hidden;
2374
+ }
2375
+
2376
+ .premium-modal-box-modal-footer {
2377
+ padding: 15px;
2378
+ text-align: left;
2379
+ border-top: 1px solid #e5e5e5;
2380
+ }
2381
+
2382
+ .premium-modal-scrollbar-measure {
2383
+ position: absolute;
2384
+ top: -9999px;
2385
+ width: 50px;
2386
+ height: 50px;
2387
+ overflow: scroll;
2388
+ }
2389
+
2390
+ .premium-modal-trigger-text {
2391
+ background: none !important;
2392
+ display: inline-block;
2393
+ }
2394
+
2395
+ .premium-modal-box-container {
2396
+ width: 100% !important;
2397
+ }
2398
+
2399
+ /*Open Modal Button Style*/
2400
+ .premium-modal-trigger-container .premium-modal-trigger-btn {
2401
+ -js-display: inline-flex;
2402
+ display: -webkit-inline-box;
2403
+ display: -webkit-inline-flex;
2404
+ display: -moz-inline-box;
2405
+ display: -ms-inline-flexbox;
2406
+ display: inline-flex;
2407
+ -webkit-box-align: center;
2408
+ -webkit-align-items: center;
2409
+ -moz-box-align: center;
2410
+ -ms-flex-align: center;
2411
+ align-items: center;
2412
+ border: none;
2413
+ -webkit-transition: all 0.3s ease-in-out;
2414
+ transition: all 0.3s ease-in-out;
2415
+ }
2416
+
2417
+ .premium-modal-trigger-container .premium-modal-trigger-btn.premium-btn-block {
2418
+ -webkit-box-pack: center;
2419
+ -webkit-justify-content: center;
2420
+ -moz-box-pack: center;
2421
+ -ms-flex-pack: center;
2422
+ justify-content: center;
2423
+ }
2424
+
2425
+ .premium-modal-trigger-container .premium-modal-trigger-img,
2426
+ .premium-modal-trigger-container .premium-modal-trigger-text,
2427
+ .premium-modal-trigger-container .premium-modal-trigger-animation {
2428
+ cursor: pointer;
2429
+ }
2430
+
2431
+ .premium-modal-trigger-container .premium-modal-trigger-animation {
2432
+ display: inline-block;
2433
+ width: 200px;
2434
+ height: 200px;
2435
+ -webkit-transition: all 0.3s ease-in-out;
2436
+ transition: all 0.3s ease-in-out;
2437
+ }
2438
+
2439
+ /*Image on Modal Header Style*/
2440
+ .premium-modal-box-modal-header img {
2441
+ width: 48px;
2442
+ padding-left: 5px;
2443
+ }
2444
+
2445
+ .premium-modal-box-modal-header i,
2446
+ .premium-modal-box-modal-header svg {
2447
+ padding-left: 6px;
2448
+ }
2449
+
2450
+ .premium-modal-box-modal-close {
2451
+ position: relative;
2452
+ z-index: 99;
2453
+ }
2454
+
2455
+ .premium-modal-trigger-img,
2456
+ .premium-modal-trigger-text,
2457
+ .premium-modal-box-close-button-container,
2458
+ .premium-modal-box-modal-close,
2459
+ .premium-modal-box-modal-lower-close {
2460
+ -webkit-transition: all 0.3s ease-in-out;
2461
+ transition: all 0.3s ease-in-out;
2462
+ }
2463
+
2464
+ @media (min-width: 768px) {
2465
+ .premium-modal-box-modal-dialog {
2466
+ width: 700px;
2467
+ max-height: 600px;
2468
+ overflow: auto;
2469
+ }
2470
+ }
2471
+
2472
+ @media (max-width: 767px) {
2473
+ .premium-modal-box-modal-dialog {
2474
+ width: 100%;
2475
+ max-height: 500px;
2476
+ overflow: auto;
2477
+ }
2478
+ }
2479
+
2480
+ .premium-modal-box-container[data-modal-animation*="animated-"] {
2481
+ opacity: 0;
2482
+ }
2483
+
2484
+ /**************** Premium Progress Bar ****************/
2485
+ /******************************************************/
2486
+ .premium-progressbar-container {
2487
+ position: relative;
2488
+ }
2489
+
2490
+ .premium-progressbar-bar-wrap {
2491
+ position: relative;
2492
+ text-align: right;
2493
+ overflow: hidden;
2494
+ height: 25px;
2495
+ margin-bottom: 50px;
2496
+ background-color: #f5f5f5;
2497
+ -webkit-border-radius: 4px;
2498
+ border-radius: 4px;
2499
+ -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
2500
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
2501
+ }
2502
+
2503
+ .premium-progressbar-bar-wrap.premium-progressbar-dots {
2504
+ background-color: transparent;
2505
+ width: 100%;
2506
+ -js-display: flex;
2507
+ display: -webkit-box;
2508
+ display: -webkit-flex;
2509
+ display: -moz-box;
2510
+ display: -ms-flexbox;
2511
+ display: flex;
2512
+ height: auto;
2513
+ -webkit-box-shadow: none;
2514
+ box-shadow: none;
2515
+ }
2516
+
2517
+ .premium-progressbar-bar-wrap .progress-segment {
2518
+ position: relative;
2519
+ width: 25px;
2520
+ height: 25px;
2521
+ -webkit-border-radius: 50%;
2522
+ border-radius: 50%;
2523
+ overflow: hidden;
2524
+ background-color: #f5f5f5;
2525
+ }
2526
+
2527
+ .premium-progressbar-bar-wrap .progress-segment.filled {
2528
+ background: #6ec1e4;
2529
+ }
2530
+
2531
+ .premium-progressbar-bar-wrap .progress-segment:not(:first-child):not(:last-child) {
2532
+ margin: 0 4px;
2533
+ }
2534
+
2535
+ .premium-progressbar-bar-wrap .progress-segment:first-child {
2536
+ margin-left: 4px;
2537
+ }
2538
+
2539
+ .premium-progressbar-bar-wrap .progress-segment:last-child {
2540
+ margin-right: 4px;
2541
+ }
2542
+
2543
+ .premium-progressbar-bar-wrap .progress-segment .segment-inner {
2544
+ position: absolute;
2545
+ top: 0;
2546
+ right: 0;
2547
+ height: 100%;
2548
+ background-color: #6ec1e4;
2549
+ }
2550
+
2551
+ .premium-progressbar-bar {
2552
+ float: right;
2553
+ width: 0%;
2554
+ height: 100%;
2555
+ font-size: 12px;
2556
+ line-height: 20px;
2557
+ background: #6ec1e4;
2558
+ text-align: center;
2559
+ -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2560
+ box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2561
+ }
2562
+
2563
+ .premium-progressbar-striped .premium-progressbar-bar {
2564
+ background-image: -webkit-linear-gradient(-135deg,
2565
+ rgba(255, 255, 255, 0.15) 25%,
2566
+ transparent 25%,
2567
+ transparent 50%,
2568
+ rgba(255, 255, 255, 0.15) 50%,
2569
+ rgba(255, 255, 255, 0.15) 75%,
2570
+ transparent 75%,
2571
+ transparent);
2572
+ background-image: -webkit-linear-gradient(45deg,
2573
+ rgba(255, 255, 255, 0.15) 25%,
2574
+ transparent 25%,
2575
+ transparent 50%,
2576
+ rgba(255, 255, 255, 0.15) 50%,
2577
+ rgba(255, 255, 255, 0.15) 75%,
2578
+ transparent 75%,
2579
+ transparent);
2580
+ background-image: linear-gradient(45deg,
2581
+ rgba(255, 255, 255, 0.15) 25%,
2582
+ transparent 25%,
2583
+ transparent 50%,
2584
+ rgba(255, 255, 255, 0.15) 50%,
2585
+ rgba(255, 255, 255, 0.15) 75%,
2586
+ transparent 75%,
2587
+ transparent);
2588
+ -webkit-background-size: 40px 40px;
2589
+ background-size: 40px 40px;
2590
+ }
2591
+
2592
+ .premium-progressbar-active .premium-progressbar-bar {
2593
+ -webkit-animation: progress-bar-stripes 2s linear infinite;
2594
+ animation: progress-bar-stripes 2s linear infinite;
2595
+ }
2596
+
2597
+ .premium-progressbar-gradient .premium-progressbar-bar {
2598
+ -webkit-background-size: 400% 400% !important;
2599
+ background-size: 400% 400% !important;
2600
+ -webkit-animation: progress-bar-gradient 10s ease-in-out infinite;
2601
+ animation: progress-bar-gradient 10s ease-in-out infinite;
2602
+ }
2603
+
2604
+ .premium-progressbar-bar {
2605
+ position: absolute;
2606
+ overflow: hidden;
2607
+ line-height: 20px;
2608
+ }
2609
+
2610
+ .premium-progressbar-container .clearfix {
2611
+ clear: both;
2612
+ }
2613
+
2614
+ .premium-progressbar-bar {
2615
+ -webkit-transition: width 0s ease-in-out !important;
2616
+ transition: width 0s ease-in-out !important;
2617
+ }
2618
+
2619
+ .premium-progressbar-container p:first-of-type {
2620
+ margin: 0;
2621
+ float: right;
2622
+ }
2623
+
2624
+ .premium-progressbar-container p:nth-of-type(2) {
2625
+ margin: 0;
2626
+ float: left;
2627
+ }
2628
+
2629
+ .premium-progressbar-name {
2630
+ right: 50%;
2631
+ top: 0;
2632
+ left: 0;
2633
+ -webkit-transform: translateX(12.5px);
2634
+ -ms-transform: translateX(12.5px);
2635
+ transform: translateX(12.5px);
2636
+ z-index: 1;
2637
+ }
2638
+
2639
+ .premium-progressbar-multiple-label {
2640
+ position: relative;
2641
+ float: right;
2642
+ width: 0;
2643
+ right: 50%;
2644
+ }
2645
+
2646
+ .premium-progressbar-center-label {
2647
+ position: relative;
2648
+ white-space: nowrap;
2649
+ }
2650
+
2651
+ .premium-progressbar-arrow {
2652
+ height: 15px;
2653
+ right: 50%;
2654
+ display: inline-block;
2655
+ border-right: 7px solid transparent;
2656
+ border-left: 7px solid transparent;
2657
+ border-top: 11px solid;
2658
+ -webkit-transform: translateX(50%);
2659
+ -ms-transform: translateX(50%);
2660
+ transform: translateX(50%);
2661
+ }
2662
+
2663
+ .premium-progressbar-pin {
2664
+ border-right: 1px solid;
2665
+ height: 12px;
2666
+ right: 50%;
2667
+ display: inline-block;
2668
+ }
2669
+
2670
+ /**
2671
+ * Circle Progress Bar
2672
+ */
2673
+ .premium-progressbar-circle-wrap {
2674
+ width: 200px;
2675
+ height: 200px;
2676
+ position: relative;
2677
+ margin: 0 auto;
2678
+ }
2679
+
2680
+ .premium-progressbar-circle-wrap .premium-progressbar-circle {
2681
+ position: absolute;
2682
+ top: 0;
2683
+ right: 0;
2684
+ width: 100%;
2685
+ height: 100%;
2686
+ -webkit-clip-path: inset(0 0 0 50%);
2687
+ clip-path: inset(0 0 0 50%);
2688
+ }
2689
+
2690
+ .premium-progressbar-circle-wrap .premium-progressbar-circle div {
2691
+ position: absolute;
2692
+ right: 0;
2693
+ top: 0;
2694
+ height: 100%;
2695
+ width: 100%;
2696
+ border-width: 6px;
2697
+ border-style: solid;
2698
+ border-color: #54595f;
2699
+ -webkit-border-radius: 50%;
2700
+ border-radius: 50%;
2701
+ -webkit-clip-path: inset(0 50% 0 0);
2702
+ clip-path: inset(0 50% 0 0);
2703
+ }
2704
+
2705
+ .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-left {
2706
+ -webkit-transform: rotate(0);
2707
+ -ms-transform: rotate(0);
2708
+ transform: rotate(0);
2709
+ }
2710
+
2711
+ .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-right {
2712
+ -webkit-transform: rotate(-180deg);
2713
+ -ms-transform: rotate(-180deg);
2714
+ transform: rotate(-180deg);
2715
+ visibility: hidden;
2716
+ }
2717
+
2718
+ .premium-progressbar-circle-wrap .premium-progressbar-circle-base {
2719
+ width: 100%;
2720
+ height: 100%;
2721
+ border: 6px solid #eee;
2722
+ -webkit-border-radius: 50%;
2723
+ border-radius: 50%;
2724
+ }
2725
+
2726
+ .premium-progressbar-circle-wrap .premium-progressbar-circle-content {
2727
+ position: absolute;
2728
+ top: 0;
2729
+ right: 0;
2730
+ width: 100%;
2731
+ height: 100%;
2732
+ -js-display: flex;
2733
+ display: -webkit-box;
2734
+ display: -webkit-flex;
2735
+ display: -moz-box;
2736
+ display: -ms-flexbox;
2737
+ display: flex;
2738
+ -webkit-box-orient: vertical;
2739
+ -webkit-box-direction: normal;
2740
+ -webkit-flex-direction: column;
2741
+ -moz-box-orient: vertical;
2742
+ -moz-box-direction: normal;
2743
+ -ms-flex-direction: column;
2744
+ flex-direction: column;
2745
+ -webkit-box-pack: center;
2746
+ -webkit-justify-content: center;
2747
+ -moz-box-pack: center;
2748
+ -ms-flex-pack: center;
2749
+ justify-content: center;
2750
+ -webkit-box-align: center;
2751
+ -webkit-align-items: center;
2752
+ -moz-box-align: center;
2753
+ -ms-flex-align: center;
2754
+ align-items: center;
2755
+ }
2756
+
2757
+ .premium-progressbar-circle-wrap .premium-lottie-animation {
2758
+ line-height: 1;
2759
+ }
2760
+
2761
+ @-webkit-keyframes progress-bar-stripes {
2762
+ from {
2763
+ background-position: 100% 0;
2764
+ }
2765
+
2766
+ to {
2767
+ background-position: 40px 0;
2768
+ }
2769
+ }
2770
+
2771
+ @keyframes progress-bar-stripes {
2772
+ from {
2773
+ background-position: 100% 0;
2774
+ }
2775
+
2776
+ to {
2777
+ background-position: 40px 0;
2778
+ }
2779
+ }
2780
+
2781
+ @-webkit-keyframes progress-bar-gradient {
2782
+ 0% {
2783
+ background-position: 100% 50%;
2784
+ }
2785
+
2786
+ 50% {
2787
+ background-position: 0% 50%;
2788
+ }
2789
+
2790
+ 100% {
2791
+ background-position: 100% 50%;
2792
+ }
2793
+ }
2794
+
2795
+ @keyframes progress-bar-gradient {
2796
+ 0% {
2797
+ background-position: 100% 50%;
2798
+ }
2799
+
2800
+ 50% {
2801
+ background-position: 0% 50%;
2802
+ }
2803
+
2804
+ 100% {
2805
+ background-position: 100% 50%;
2806
+ }
2807
+ }
2808
+
2809
+ /**************** Premium Testimonials ****************/
2810
+ /******************************************************/
2811
+ .premium-testimonial-box {
2812
+ width: 100%;
2813
+ background: transparent;
2814
+ -webkit-transition: all 0.3s ease-in-out;
2815
+ transition: all 0.3s ease-in-out;
2816
+ }
2817
+
2818
+ .premium-testimonial-box .premium-testimonial-author-info {
2819
+ -js-display: flex;
2820
+ display: -webkit-box;
2821
+ display: -webkit-flex;
2822
+ display: -moz-box;
2823
+ display: -ms-flexbox;
2824
+ display: flex;
2825
+ -webkit-box-pack: center;
2826
+ -webkit-justify-content: center;
2827
+ -moz-box-pack: center;
2828
+ -ms-flex-pack: center;
2829
+ justify-content: center;
2830
+ -webkit-box-align: center;
2831
+ -webkit-align-items: center;
2832
+ -moz-box-align: center;
2833
+ -ms-flex-align: center;
2834
+ align-items: center;
2835
+ }
2836
+
2837
+ .premium-testimonial-box .premium-testimonial-person-name,
2838
+ .premium-testimonial-box .premium-testimonial-company-name {
2839
+ font-weight: 600;
2840
+ margin: 0;
2841
+ }
2842
+
2843
+ .premium-testimonial-container {
2844
+ position: relative;
2845
+ }
2846
+
2847
+ .premium-testimonial-img-wrapper {
2848
+ margin-right: auto;
2849
+ margin-left: auto;
2850
+ overflow: hidden;
2851
+ border-style: solid !important;
2852
+ }
2853
+
2854
+ .premium-testimonial-img-wrapper.circle {
2855
+ -webkit-border-radius: 50%;
2856
+ border-radius: 50%;
2857
+ }
2858
+
2859
+ .premium-testimonial-img-wrapper.rounded {
2860
+ -webkit-border-radius: 15px;
2861
+ border-radius: 15px;
2862
+ }
2863
+
2864
+ .premium-testimonial-img-wrapper img {
2865
+ -o-object-fit: cover;
2866
+ object-fit: cover;
2867
+ width: 100%;
2868
+ height: 100% !important;
2869
+ }
2870
+
2871
+ .premium-testimonial-content-wrapper {
2872
+ position: relative;
2873
+ display: -ms-flexbox;
2874
+ display: -webkit-flex;
2875
+ display: -moz-flex;
2876
+ display: -ms-flex;
2877
+ -js-display: flex;
2878
+ display: -webkit-box;
2879
+ display: -moz-box;
2880
+ display: flex;
2881
+ -webkit-box-orient: vertical;
2882
+ -webkit-box-direction: normal;
2883
+ -webkit-flex-direction: column;
2884
+ -moz-box-orient: vertical;
2885
+ -moz-box-direction: normal;
2886
+ -ms-flex-direction: column;
2887
+ flex-direction: column;
2888
+ z-index: 2;
2889
+ width: 100%;
2890
+ padding: 20px;
2891
+ text-align: center;
2892
+ }
2893
+
2894
+ .premium-testimonial-clear-float {
2895
+ clear: both;
2896
+ }
2897
+
2898
+ .premium-testimonial-upper-quote,
2899
+ .premium-testimonial-lower-quote {
2900
+ position: absolute;
2901
+ z-index: 1;
2902
+ }
2903
+
2904
+ /**************** Premium Dual Heading *****************/
2905
+ /*******************************************************/
2906
+ .premium-dual-header-container .premium-dual-header-first-header,
2907
+ .premium-dual-header-container .premium-dual-header-second-header {
2908
+ position: relative;
2909
+ padding: 0;
2910
+ margin: 0;
2911
+ display: inline-block;
2912
+ -webkit-transform: translate(0, 0);
2913
+ -ms-transform: translate(0, 0);
2914
+ transform: translate(0, 0);
2915
+ }
2916
+
2917
+ .premium-dual-header-first-clip .premium-dual-header-first-span,
2918
+ .premium-dual-header-second-clip {
2919
+ -webkit-text-fill-color: transparent;
2920
+ -webkit-background-clip: text;
2921
+ }
2922
+
2923
+ .premium-dual-header-first-clip.stroke .premium-dual-header-first-span,
2924
+ .premium-dual-header-second-clip.stroke {
2925
+ -webkit-text-stroke-color: transparent;
2926
+ -webkit-text-fill-color: #fafafa;
2927
+ -webkit-text-stroke-width: 2px;
2928
+ }
2929
+
2930
+ @media (max-width: 500px) {
2931
+
2932
+ .premium-dual-header-container .premium-dual-header-first-header,
2933
+ .premium-dual-header-container .premium-dual-header-second-header {
2934
+ display: block;
2935
+ word-wrap: break-word;
2936
+ }
2937
+
2938
+ .premium-dual-header-first-container,
2939
+ .premium-dual-header-second-container {
2940
+ margin: 0;
2941
+ }
2942
+ }
2943
+
2944
+ @media (min-width: 501px) {
2945
+ .premium-dual-header-first-container {
2946
+ margin-left: 5px;
2947
+ }
2948
+ }
2949
+
2950
+ .premium-dual-header-first-header.gradient .premium-dual-header-first-span,
2951
+ .premium-dual-header-second-header.gradient {
2952
+ -webkit-background-size: 300% 300% !important;
2953
+ background-size: 300% 300% !important;
2954
+ -webkit-animation: Gradient 10s ease-in-out infinite;
2955
+ animation: Gradient 10s ease-in-out infinite;
2956
+ }
2957
+
2958
+ @-webkit-keyframes Gradient {
2959
+ 0% {
2960
+ background-position: 100% 50%;
2961
+ }
2962
+
2963
+ 50% {
2964
+ background-position: 0% 50%;
2965
+ }
2966
+
2967
+ 100% {
2968
+ background-position: 100% 50%;
2969
+ }
2970
+ }
2971
+
2972
+ @keyframes Gradient {
2973
+ 0% {
2974
+ background-position: 100% 50%;
2975
+ }
2976
+
2977
+ 50% {
2978
+ background-position: 0% 50%;
2979
+ }
2980
+
2981
+ 100% {
2982
+ background-position: 100% 50%;
2983
+ }
2984
+ }
2985
+
2986
+ /**************** Premium Title ****************/
2987
+ /***********************************************/
2988
+ .premium-title-container {
2989
+ position: relative;
2990
+ width: 100%;
2991
+ clear: both;
2992
+ overflow: hidden;
2993
+ }
2994
+
2995
+ .premium-title-container .premium-title-header {
2996
+ position: relative;
2997
+ margin: 0;
2998
+ padding: 10px;
2999
+ }
3000
+
3001
+ .premium-title-container .premium-title-header:not(.premium-title-style7) {
3002
+ -webkit-box-align: center;
3003
+ -webkit-align-items: center;
3004
+ -moz-box-align: center;
3005
+ -ms-flex-align: center;
3006
+ align-items: center;
3007
+ }
3008
+
3009
+ .premium-title-container .premium-title-header svg {
3010
+ width: 40px;
3011
+ height: 40px;
3012
+ }
3013
+
3014
+ .premium-title-container .premium-title-header img {
3015
+ width: 40px;
3016
+ height: 40px;
3017
+ -o-object-fit: cover;
3018
+ object-fit: cover;
3019
+ }
3020
+
3021
+ .premium-title-container .premium-title-header a {
3022
+ position: absolute;
3023
+ top: 0;
3024
+ right: 0;
3025
+ width: 100%;
3026
+ height: 100%;
3027
+ }
3028
+
3029
+ .premium-title-container .premium-lottie-animation {
3030
+ -js-display: flex;
3031
+ display: -webkit-box;
3032
+ display: -webkit-flex;
3033
+ display: -moz-box;
3034
+ display: -ms-flexbox;
3035
+ display: flex;
3036
+ }
3037
+
3038
+ .premium-title-icon-row .premium-title-icon {
3039
+ margin-left: 10px;
3040
+ }
3041
+
3042
+ .premium-title-icon-row-reverse .premium-title-icon {
3043
+ margin-right: 10px;
3044
+ }
3045
+
3046
+ .premium-title-style3,
3047
+ .premium-title-style4 {
3048
+ -js-display: flex;
3049
+ display: -webkit-box;
3050
+ display: -webkit-flex;
3051
+ display: -moz-box;
3052
+ display: -ms-flexbox;
3053
+ display: flex;
3054
+ }
3055
+
3056
+ .premium-title-style1,
3057
+ .premium-title-style2,
3058
+ .premium-title-style5,
3059
+ .premium-title-style6,
3060
+ .premium-title-style8,
3061
+ .premium-title-style9 {
3062
+ -js-display: inline-flex;
3063
+ display: -webkit-inline-box;
3064
+ display: -webkit-inline-flex;
3065
+ display: -moz-inline-box;
3066
+ display: -ms-inline-flexbox;
3067
+ display: inline-flex;
3068
+ }
3069
+
3070
+ .premium-title-style7 {
3071
+ -js-display: inline-flex;
3072
+ display: -webkit-inline-box;
3073
+ display: -webkit-inline-flex;
3074
+ display: -moz-inline-box;
3075
+ display: -ms-inline-flexbox;
3076
+ display: inline-flex;
3077
+ -webkit-box-orient: vertical;
3078
+ -webkit-box-direction: normal;
3079
+ -webkit-flex-direction: column;
3080
+ -moz-box-orient: vertical;
3081
+ -moz-box-direction: normal;
3082
+ -ms-flex-direction: column;
3083
+ flex-direction: column;
3084
+ }
3085
+
3086
+ .premium-title-style7 .premium-title-style7-inner {
3087
+ -js-display: flex;
3088
+ display: -webkit-box;
3089
+ display: -webkit-flex;
3090
+ display: -moz-box;
3091
+ display: -ms-flexbox;
3092
+ display: flex;
3093
+ -webkit-box-align: center;
3094
+ -webkit-align-items: center;
3095
+ -moz-box-align: center;
3096
+ -ms-flex-align: center;
3097
+ align-items: center;
3098
+ }
3099
+
3100
+ .premium-title-style1 {
3101
+ border-width: 0;
3102
+ border-right: 3px solid #6ec1e4;
3103
+ }
3104
+
3105
+ .premium-title-container.style2,
3106
+ .premium-title-container.style4,
3107
+ .premium-title-container.style5,
3108
+ .premium-title-container.style6 {
3109
+ border-bottom: 3px solid #6ec1e4;
3110
+ }
3111
+
3112
+ /*Style 6 Header*/
3113
+ .premium-title-style6:before {
3114
+ position: absolute;
3115
+ right: 50%;
3116
+ bottom: 0;
3117
+ margin-right: -2px;
3118
+ content: "";
3119
+ border: 3px solid transparent;
3120
+ }
3121
+
3122
+ /*Style 6 Trinagle*/
3123
+ .premium-title-style7-stripe-wrap {
3124
+ -js-display: flex;
3125
+ display: -webkit-box;
3126
+ display: -webkit-flex;
3127
+ display: -moz-box;
3128
+ display: -ms-flexbox;
3129
+ display: flex;
3130
+ }
3131
+
3132
+ .premium-title-style7:before {
3133
+ display: none;
3134
+ }
3135
+
3136
+ .premium-title-style8 .premium-title-text[data-animation="shiny"] {
3137
+ -webkit-background-size: 125px 125px !important;
3138
+ background-size: 125px !important;
3139
+ color: rgba(255, 255, 255, 0);
3140
+ -webkit-background-clip: text !important;
3141
+ background-clip: text !important;
3142
+ -webkit-animation-name: pa-shinny-text !important;
3143
+ animation-name: pa-shinny-text !important;
3144
+ -webkit-animation-duration: var(--animation-speed) !important;
3145
+ animation-duration: var(--animation-speed) !important;
3146
+ -webkit-animation-iteration-count: infinite !important;
3147
+ animation-iteration-count: infinite !important;
3148
+ background: var(--base-color) -webkit-gradient(linear,
3149
+ left top,
3150
+ right top,
3151
+ from(var(--base-color)),
3152
+ to(var(--base-color)),
3153
+ color-stop(0.5, var(--shiny-color))) 0 0 no-repeat;
3154
+ }
3155
+
3156
+ .premium-title-style9[data-animation-blur="process"] .premium-title-style9-letter {
3157
+ -webkit-animation: pa-blur-shadow 2s 1 alternate;
3158
+ animation: pa-blur-shadow 2s 1 alternate;
3159
+ }
3160
+
3161
+ .premium-title-gradient-yes .premium-title-text,
3162
+ .premium-title-gradient-yes .premium-title-icon {
3163
+ -webkit-background-clip: text;
3164
+ -webkit-text-fill-color: transparent;
3165
+ background-image: -webkit-gradient(linear, left top, right top, from(#ffa648), color-stop(#f17cc1), to(#4da9fd));
3166
+ background-image: -webkit-linear-gradient(left, #ffa648, #f17cc1, #4da9fd);
3167
+ background-image: linear-gradient(to right, #ffa648, #f17cc1, #4da9fd);
3168
+ -webkit-animation: pa-text-gradient 8s infinite;
3169
+ animation: pa-text-gradient 8s infinite;
3170
+ }
3171
+
3172
+ .premium-title-clipped .premium-title-header {
3173
+ -webkit-text-fill-color: transparent;
3174
+ -webkit-background-clip: text;
3175
+ background-clip: text;
3176
+ }
3177
+
3178
+ @-webkit-keyframes pa-shinny-text {
3179
+ 0% {
3180
+ background-position: 100%;
3181
+ }
3182
+
3183
+ 100% {
3184
+ background-position: -100%;
3185
+ }
3186
+ }
3187
+
3188
+ @keyframes pa-shinny-text {
3189
+ 0% {
3190
+ background-position: 100%;
3191
+ }
3192
+
3193
+ 100% {
3194
+ background-position: -100%;
3195
+ }
3196
+ }
3197
+
3198
+ @-webkit-keyframes pa-blur-shadow {
3199
+ from {
3200
+ text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
3201
+ color: transparent;
3202
+ }
3203
+
3204
+ to {
3205
+ text-shadow: 0;
3206
+ }
3207
+ }
3208
+
3209
+ @keyframes pa-blur-shadow {
3210
+ from {
3211
+ text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
3212
+ color: transparent;
3213
+ }
3214
+
3215
+ to {
3216
+ text-shadow: 0;
3217
+ }
3218
+ }
3219
+
3220
+ @-webkit-keyframes pa-text-gradient {
3221
+
3222
+ 0%,
3223
+ 100% {
3224
+ -webkit-filter: hue-rotate(0deg);
3225
+ filter: hue-rotate(0deg);
3226
+ }
3227
+
3228
+ 50% {
3229
+ -webkit-filter: hue-rotate(360deg);
3230
+ filter: hue-rotate(360deg);
3231
+ }
3232
+ }
3233
+
3234
+ @keyframes pa-text-gradient {
3235
+
3236
+ 0%,
3237
+ 100% {
3238
+ -webkit-filter: hue-rotate(0deg);
3239
+ filter: hue-rotate(0deg);
3240
+ }
3241
+
3242
+ 50% {
3243
+ -webkit-filter: hue-rotate(360deg);
3244
+ filter: hue-rotate(360deg);
3245
+ }
3246
+ }
3247
+
3248
+ /*
3249
+ * Common Title/Dual Heading
3250
+ */
3251
+ .premium-title-bg-text:before {
3252
+ position: absolute;
3253
+ content: attr(data-background);
3254
+ top: 0;
3255
+ left: 0;
3256
+ text-align: left;
3257
+ }
3258
+
3259
+ .premium-mask-yes .premium-dual-header-first-clip .premium-dual-header-first-span .premium-mask-span,
3260
+ .premium-mask-yes .premium-dual-header-second-clip .premium-mask-span {
3261
+ background: inherit;
3262
+ }
3263
+
3264
+ .premium-mask-yes .premium-mask-span {
3265
+ position: relative;
3266
+ overflow: hidden;
3267
+ -js-display: inline-flex !important;
3268
+ display: -webkit-inline-box !important;
3269
+ display: -webkit-inline-flex !important;
3270
+ display: -moz-inline-box !important;
3271
+ display: -ms-inline-flexbox !important;
3272
+ display: inline-flex !important;
3273
+ }
3274
+
3275
+ .premium-mask-yes .premium-mask-span::after {
3276
+ content: "";
3277
+ position: absolute;
3278
+ top: 0;
3279
+ right: 0px;
3280
+ width: 100%;
3281
+ height: 100%;
3282
+ background-color: currentColor;
3283
+ -webkit-backface-visibility: visible;
3284
+ backface-visibility: visible;
3285
+ }
3286
+
3287
+ .premium-mask-active.premium-mask-tr .premium-mask-span::after {
3288
+ -webkit-animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3289
+ animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3290
+ -webkit-transform: translateX(-103%);
3291
+ -ms-transform: translateX(-103%);
3292
+ transform: translateX(-103%);
3293
+ }
3294
+
3295
+ .premium-mask-active.premium-mask-tl .premium-mask-span::after {
3296
+ -webkit-animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3297
+ animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3298
+ -webkit-transform: translateX(103%);
3299
+ -ms-transform: translateX(103%);
3300
+ transform: translateX(103%);
3301
+ }
3302
+
3303
+ .premium-mask-active.premium-mask-tb .premium-mask-span::after {
3304
+ -webkit-animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3305
+ animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3306
+ -webkit-transform: translateY(-103%);
3307
+ -ms-transform: translateY(-103%);
3308
+ transform: translateY(-103%);
3309
+ }
3310
+
3311
+ .premium-mask-active.premium-mask-tt .premium-mask-span::after {
3312
+ -webkit-animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3313
+ animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3314
+ -webkit-transform: translateY(103%);
3315
+ -ms-transform: translateY(103%);
3316
+ transform: translateY(103%);
3317
+ }
3318
+
3319
+ @-webkit-keyframes pa-mask-tr {
3320
+ 0% {
3321
+ -webkit-transform: translateX(0%);
3322
+ transform: translateX(0%);
3323
+ }
3324
+
3325
+ 100% {
3326
+ -webkit-transform: translateX(103%);
3327
+ transform: translateX(103%);
3328
+ }
3329
+ }
3330
+
3331
+ @keyframes pa-mask-tr {
3332
+ 0% {
3333
+ -webkit-transform: translateX(0%);
3334
+ transform: translateX(0%);
3335
+ }
3336
+
3337
+ 100% {
3338
+ -webkit-transform: translateX(103%);
3339
+ transform: translateX(103%);
3340
+ }
3341
+ }
3342
+
3343
+ @-webkit-keyframes pa-mask-tl {
3344
+ 0% {
3345
+ -webkit-transform: translateX(0%);
3346
+ transform: translateX(0%);
3347
+ }
3348
+
3349
+ 100% {
3350
+ -webkit-transform: translateX(-103%);
3351
+ transform: translateX(-103%);
3352
+ }
3353
+ }
3354
+
3355
+ @keyframes pa-mask-tl {
3356
+ 0% {
3357
+ -webkit-transform: translateX(0%);
3358
+ transform: translateX(0%);
3359
+ }
3360
+
3361
+ 100% {
3362
+ -webkit-transform: translateX(-103%);
3363
+ transform: translateX(-103%);
3364
+ }
3365
+ }
3366
+
3367
+ @-webkit-keyframes pa-mask-tb {
3368
+ 0% {
3369
+ -webkit-transform: translateY(0%);
3370
+ transform: translateY(0%);
3371
+ }
3372
+
3373
+ 100% {
3374
+ -webkit-transform: translateY(103%);
3375
+ transform: translateY(103%);
3376
+ }
3377
+ }
3378
+
3379
+ @keyframes pa-mask-tb {
3380
+ 0% {
3381
+ -webkit-transform: translateY(0%);
3382
+ transform: translateY(0%);
3383
+ }
3384
+
3385
+ 100% {
3386
+ -webkit-transform: translateY(103%);
3387
+ transform: translateY(103%);
3388
+ }
3389
+ }
3390
+
3391
+ @-webkit-keyframes pa-mask-tt {
3392
+ 0% {
3393
+ -webkit-transform: translateY(0%);
3394
+ transform: translateY(0%);
3395
+ }
3396
+
3397
+ 100% {
3398
+ -webkit-transform: translateY(-103%);
3399
+ transform: translateY(-103%);
3400
+ }
3401
+ }
3402
+
3403
+ @keyframes pa-mask-tt {
3404
+ 0% {
3405
+ -webkit-transform: translateY(0%);
3406
+ transform: translateY(0%);
3407
+ }
3408
+
3409
+ 100% {
3410
+ -webkit-transform: translateY(-103%);
3411
+ transform: translateY(-103%);
3412
+ }
3413
+ }
3414
+
3415
+ /**************** Premium Video Box ************/
3416
+ /***********************************************/
3417
+ .premium-video-box-transform {
3418
+ -webkit-transform: none !important;
3419
+ -ms-transform: none !important;
3420
+ transform: none !important;
3421
+ }
3422
+
3423
+ .premium-video-box-container {
3424
+ -js-display: flex;
3425
+ display: -webkit-box;
3426
+ display: -webkit-flex;
3427
+ display: -moz-box;
3428
+ display: -ms-flexbox;
3429
+ display: flex;
3430
+ -webkit-box-orient: vertical;
3431
+ -webkit-box-direction: normal;
3432
+ -webkit-flex-direction: column;
3433
+ -moz-box-orient: vertical;
3434
+ -moz-box-direction: normal;
3435
+ -ms-flex-direction: column;
3436
+ flex-direction: column;
3437
+ }
3438
+
3439
+ .premium-video-box-container>div {
3440
+ position: relative;
3441
+ overflow: hidden;
3442
+ }
3443
+
3444
+ .pa-aspect-ratio-11 .premium-video-box-container>div {
3445
+ padding-bottom: 100%;
3446
+ }
3447
+
3448
+ .pa-aspect-ratio-169 .premium-video-box-container>div {
3449
+ padding-bottom: 56.25%;
3450
+ }
3451
+
3452
+ .pa-aspect-ratio-43 .premium-video-box-container>div {
3453
+ padding-bottom: 75%;
3454
+ }
3455
+
3456
+ .pa-aspect-ratio-32 .premium-video-box-container>div {
3457
+ padding-bottom: 66.6666%;
3458
+ }
3459
+
3460
+ .pa-aspect-ratio-219 .premium-video-box-container>div {
3461
+ padding-bottom: 42.8571%;
3462
+ }
3463
+
3464
+ .pa-aspect-ratio-916 .premium-video-box-container>div {
3465
+ padding-bottom: 177.8%;
3466
+ }
3467
+
3468
+ .premium-video-box-image-container {
3469
+ position: absolute;
3470
+ top: 0;
3471
+ right: 0;
3472
+ bottom: 0;
3473
+ left: 0;
3474
+ width: 100%;
3475
+ height: 100%;
3476
+ -webkit-background-size: cover;
3477
+ background-size: cover;
3478
+ background-position: 50%;
3479
+ cursor: pointer;
3480
+ margin: auto;
3481
+ -webkit-transition: 0.2s all;
3482
+ transition: 0.2s all;
3483
+ }
3484
+
3485
+ .premium-video-box-play-icon-container {
3486
+ position: absolute;
3487
+ z-index: 2;
3488
+ cursor: pointer;
3489
+ -webkit-transform: translate(50%, -50%);
3490
+ -ms-transform: translate(50%, -50%);
3491
+ transform: translate(50%, -50%);
3492
+ background: rgba(252, 252, 252, 0.35);
3493
+ }
3494
+
3495
+ .premium-video-box-description-container {
3496
+ position: absolute;
3497
+ z-index: 2;
3498
+ padding: 5px;
3499
+ text-align: center;
3500
+ cursor: pointer;
3501
+ -webkit-transform: translate(50%, -50%);
3502
+ -ms-transform: translate(50%, -50%);
3503
+ transform: translate(50%, -50%);
3504
+ }
3505
+
3506
+ .premium-video-box-text {
3507
+ margin-bottom: 0 !important;
3508
+ -webkit-transition: all 0.3s ease-in-out;
3509
+ transition: all 0.3s ease-in-out;
3510
+ }
3511
+
3512
+ .premium-video-box-play-icon {
3513
+ padding: 15px;
3514
+ -webkit-transform: translateX(-4%);
3515
+ -ms-transform: translateX(-4%);
3516
+ transform: translateX(-4%);
3517
+ -webkit-transition: all 0.3s ease-in-out;
3518
+ transition: all 0.3s ease-in-out;
3519
+ }
3520
+
3521
+ .premium-video-box-video-container {
3522
+ position: absolute;
3523
+ top: 0;
3524
+ right: 0;
3525
+ z-index: 2;
3526
+ width: 100%;
3527
+ height: 100%;
3528
+ -webkit-transition: opacity 0.8s ease-in-out;
3529
+ transition: opacity 0.8s ease-in-out;
3530
+ overflow: hidden;
3531
+ cursor: pointer;
3532
+ }
3533
+
3534
+ .premium-video-box-container[data-overlay="true"][data-type="self"] .premium-video-box-video-container {
3535
+ opacity: 0;
3536
+ visibility: hidden;
3537
+ }
3538
+
3539
+ .premium-video-box-video-container iframe {
3540
+ max-width: 100%;
3541
+ width: 100%;
3542
+ height: 100%;
3543
+ margin: 0;
3544
+ line-height: 1;
3545
+ border: none;
3546
+ }
3547
+
3548
+ .premium-video-box-video-container video {
3549
+ max-width: 100%;
3550
+ width: 100%;
3551
+ height: 100%;
3552
+ margin: 0;
3553
+ line-height: 1;
3554
+ border: none;
3555
+ background-color: #000;
3556
+ -o-object-fit: contain;
3557
+ object-fit: contain;
3558
+ }
3559
+
3560
+ .premium-video-box-container .premium-video-box-vimeo-wrap {
3561
+ -js-display: flex;
3562
+ display: -webkit-box;
3563
+ display: -webkit-flex;
3564
+ display: -moz-box;
3565
+ display: -ms-flexbox;
3566
+ display: flex;
3567
+ position: absolute;
3568
+ top: 0;
3569
+ right: 0;
3570
+ z-index: 3;
3571
+ margin: 10px;
3572
+ margin-left: 10px;
3573
+ -webkit-transition: opacity 0.2s ease-out;
3574
+ transition: opacity 0.2s ease-out;
3575
+ margin-left: 4.6em;
3576
+ }
3577
+
3578
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-portrait {
3579
+ width: 60px;
3580
+ height: 60px;
3581
+ background: rgba(23, 35, 34, 0.75);
3582
+ margin-left: 1px;
3583
+ -webkit-box-flex: 1;
3584
+ -webkit-flex: 1 0 auto;
3585
+ -moz-box-flex: 1;
3586
+ -ms-flex: 1 0 auto;
3587
+ flex: 1 0 auto;
3588
+ padding: 0;
3589
+ }
3590
+
3591
+ .premium-video-box-vimeo-portrait img {
3592
+ width: 50px;
3593
+ height: 50px;
3594
+ margin: 5px;
3595
+ padding: 0;
3596
+ border: 0;
3597
+ -webkit-border-radius: 50%;
3598
+ border-radius: 50%;
3599
+ }
3600
+
3601
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-headers {
3602
+ font-size: 10px;
3603
+ }
3604
+
3605
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-title {
3606
+ max-width: 100%;
3607
+ font-size: 2em !important;
3608
+ font-weight: 700;
3609
+ margin: 0;
3610
+ padding: 0.1em 0.2em;
3611
+ background: rgba(23, 35, 34, 0.75);
3612
+ display: inline-block;
3613
+ text-transform: none;
3614
+ line-height: normal;
3615
+ letter-spacing: normal;
3616
+ }
3617
+
3618
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-byline {
3619
+ font-size: 1.2em !important;
3620
+ font-weight: 400;
3621
+ color: #fff;
3622
+ margin-top: 0.1em;
3623
+ padding: 0.2em 0.5em;
3624
+ background: rgba(23, 35, 34, 0.75);
3625
+ text-transform: none;
3626
+ line-height: normal;
3627
+ letter-spacing: normal;
3628
+ }
3629
+
3630
+ .premium-video-box-playlist-container {
3631
+ -js-display: flex;
3632
+ display: -webkit-box;
3633
+ display: -webkit-flex;
3634
+ display: -moz-box;
3635
+ display: -ms-flexbox;
3636
+ display: flex;
3637
+ -webkit-flex-wrap: wrap;
3638
+ -ms-flex-wrap: wrap;
3639
+ flex-wrap: wrap;
3640
+ }
3641
+
3642
+ .premium-video-box-playlist-container .premium-video-box-container {
3643
+ height: 100%;
3644
+ overflow: hidden;
3645
+ }
3646
+
3647
+ .premium-video-box-container:hover .premium-video-box-image-container.zoomin {
3648
+ -webkit-transform: scale(1.1);
3649
+ -ms-transform: scale(1.1);
3650
+ transform: scale(1.1);
3651
+ }
3652
+
3653
+ .premium-video-box-container:hover .premium-video-box-image-container.zoomout {
3654
+ -webkit-transform: scale(1);
3655
+ -ms-transform: scale(1);
3656
+ transform: scale(1);
3657
+ }
3658
+
3659
+ .premium-video-box-container:hover .premium-video-box-image-container.scale {
3660
+ -webkit-transform: scale(1.3) rotate(-5deg);
3661
+ -ms-transform: scale(1.3) rotate(-5deg);
3662
+ transform: scale(1.3) rotate(-5deg);
3663
+ }
3664
+
3665
+ .premium-video-box-container:hover .premium-video-box-image-container.gray {
3666
+ -webkit-filter: grayscale(0%);
3667
+ filter: grayscale(0%);
3668
+ }
3669
+
3670
+ .premium-video-box-container:hover .premium-video-box-image-container.blur {
3671
+ -webkit-filter: blur(3px);
3672
+ filter: blur(3px);
3673
+ }
3674
+
3675
+ .premium-video-box-container:hover .premium-video-box-image-container.sepia {
3676
+ -webkit-filter: sepia(0%);
3677
+ filter: sepia(0%);
3678
+ }
3679
+
3680
+ .premium-video-box-container:hover .premium-video-box-image-container.trans {
3681
+ -webkit-transform: translateX(0px) scale(1.1);
3682
+ -ms-transform: translateX(0px) scale(1.1);
3683
+ transform: translateX(0px) scale(1.1);
3684
+ }
3685
+
3686
+ .premium-video-box-container:hover .premium-video-box-image-container.bright {
3687
+ -webkit-filter: brightness(1.2);
3688
+ filter: brightness(1.2);
3689
+ }
3690
+
3691
+ .premium-video-box-image-container.gray {
3692
+ -webkit-filter: grayscale(100%);
3693
+ filter: grayscale(100%);
3694
+ }
3695
+
3696
+ .premium-video-box-image-container.zoomout,
3697
+ .premium-video-box-image-container.scale {
3698
+ -webkit-transform: scale(1.2);
3699
+ -ms-transform: scale(1.2);
3700
+ transform: scale(1.2);
3701
+ }
3702
+
3703
+ .premium-video-box-image-container.sepia {
3704
+ -webkit-filter: sepia(30%);
3705
+ filter: sepia(30%);
3706
+ }
3707
+
3708
+ .premium-video-box-image-container.bright {
3709
+ -webkit-filter: brightness(1);
3710
+ filter: brightness(1);
3711
+ }
3712
+
3713
+ .premium-video-box-image-container.trans {
3714
+ -webkit-transform: translateX(15px) scale(1.1);
3715
+ -ms-transform: translateX(15px) scale(1.1);
3716
+ transform: translateX(15px) scale(1.1);
3717
+ }
3718
+
3719
+ .premium-video-box-mask-media {
3720
+ -webkit-mask-repeat: no-repeat;
3721
+ mask-repeat: no-repeat;
3722
+ }
3723
+
3724
+ /* Sticky Video Option */
3725
+ .premium-video-box-container.premium-video-box-sticky-apply {
3726
+ z-index: 99;
3727
+ overflow: unset;
3728
+ }
3729
+
3730
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3731
+ position: fixed !important;
3732
+ z-index: 99999;
3733
+ height: 225px;
3734
+ width: 400px;
3735
+ background: #fff;
3736
+ }
3737
+
3738
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-vimeo-wrap,
3739
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-container:before {
3740
+ visibility: hidden;
3741
+ }
3742
+
3743
+ .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 {
3744
+ -webkit-box-shadow: unset;
3745
+ box-shadow: unset;
3746
+ }
3747
+
3748
+ .premium-video-box-sticky-close,
3749
+ .premium-video-box-sticky-infobar {
3750
+ display: none;
3751
+ }
3752
+
3753
+ .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3754
+ position: absolute;
3755
+ padding: 5px;
3756
+ cursor: pointer;
3757
+ z-index: 99999;
3758
+ height: 14px;
3759
+ width: 14px;
3760
+ -webkit-box-sizing: content-box;
3761
+ -moz-box-sizing: content-box;
3762
+ box-sizing: content-box;
3763
+ -webkit-border-radius: 100%;
3764
+ border-radius: 100%;
3765
+ -js-display: flex;
3766
+ display: -webkit-box;
3767
+ display: -webkit-flex;
3768
+ display: -moz-box;
3769
+ display: -ms-flexbox;
3770
+ display: flex;
3771
+ -webkit-box-pack: center;
3772
+ -webkit-justify-content: center;
3773
+ -moz-box-pack: center;
3774
+ -ms-flex-pack: center;
3775
+ justify-content: center;
3776
+ -webkit-box-align: center;
3777
+ -webkit-align-items: center;
3778
+ -moz-box-align: center;
3779
+ -ms-flex-align: center;
3780
+ align-items: center;
3781
+ }
3782
+
3783
+ .premium-video-box-sticky-apply .premium-video-box-play-icon-container {
3784
+ -js-display: flex;
3785
+ display: -webkit-box;
3786
+ display: -webkit-flex;
3787
+ display: -moz-box;
3788
+ display: -ms-flexbox;
3789
+ display: flex;
3790
+ }
3791
+
3792
+ .premium-video-box-sticky-apply .premium-video-box-play-icon {
3793
+ -webkit-transition: none;
3794
+ transition: none;
3795
+ }
3796
+
3797
+ .premium-video-box-sticky-apply .premium-video-box-sticky-infobar {
3798
+ display: block;
3799
+ position: relative;
3800
+ top: 100%;
3801
+ width: 100%;
3802
+ padding: 5px;
3803
+ text-align: center;
3804
+ z-index: 9999;
3805
+ margin-top: -1px;
3806
+ }
3807
+
3808
+ .premium-video-box-sticky-apply .premium-video-box-inner-wrap.ui-draggable {
3809
+ cursor: move;
3810
+ }
3811
+
3812
+ .premium-video-sticky-top-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3813
+ left: auto;
3814
+ right: 20px;
3815
+ top: 20px;
3816
+ }
3817
+
3818
+ .premium-video-sticky-bottom-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3819
+ left: auto;
3820
+ right: 20px;
3821
+ bottom: 20px;
3822
+ }
3823
+
3824
+ .premium-video-sticky-top-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3825
+ right: auto;
3826
+ left: 20px;
3827
+ top: 20px;
3828
+ }
3829
+
3830
+ .premium-video-sticky-bottom-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3831
+ right: auto;
3832
+ left: 20px;
3833
+ bottom: 20px;
3834
+ }
3835
+
3836
+ .premium-video-sticky-center-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3837
+ left: auto;
3838
+ right: 20px;
3839
+ top: 50%;
3840
+ -webkit-transform: translateY(-50%);
3841
+ -ms-transform: translateY(-50%);
3842
+ transform: translateY(-50%);
3843
+ }
3844
+
3845
+ .premium-video-sticky-center-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3846
+ right: auto;
3847
+ left: 20px;
3848
+ top: 50%;
3849
+ -webkit-transform: translateY(-50%);
3850
+ -ms-transform: translateY(-50%);
3851
+ transform: translateY(-50%);
3852
+ }
3853
+
3854
+ .premium-video-sticky-bottom-right .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap,
3855
+ .premium-video-sticky-bottom-left .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3856
+ bottom: 55px;
3857
+ }
3858
+
3859
+ .premium-video-sticky-top-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3860
+ .premium-video-sticky-bottom-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3861
+ .premium-video-sticky-center-left .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3862
+ top: -10px;
3863
+ left: -10px;
3864
+ }
3865
+
3866
+ .premium-video-sticky-top-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3867
+ .premium-video-sticky-bottom-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3868
+ .premium-video-sticky-center-right .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3869
+ top: -10px;
3870
+ right: -10px;
3871
+ }
3872
+
3873
+ .premium-video-box-filter-sticky {
3874
+ -webkit-filter: none !important;
3875
+ filter: none !important;
3876
+ }
3877
+
3878
+ /**************** Premium Blog *****************/
3879
+ /***********************************************/
3880
+ .premium-blog-thumb-effect-wrapper {
3881
+ position: relative;
3882
+ overflow: hidden;
3883
+ }
3884
+
3885
+ .premium-blog-effect-container:not(.premium-blog-bordered-effect) .premium-blog-post-link {
3886
+ position: absolute;
3887
+ top: 0;
3888
+ right: 0;
3889
+ width: 100%;
3890
+ height: 100%;
3891
+ z-index: 2;
3892
+ padding: 20px;
3893
+ }
3894
+
3895
+ .premium-blog-bordered-effect .premium-blog-post-link {
3896
+ display: block;
3897
+ height: 100%;
3898
+ position: relative;
3899
+ }
3900
+
3901
+ /*Thumbnail Img*/
3902
+ .premium-blog-thumbnail-container {
3903
+ overflow: hidden;
3904
+ }
3905
+
3906
+ .premium-blog-thumbnail-container img,
3907
+ .premium-blog-thumbnail-container .below-entry-meta {
3908
+ width: 100%;
3909
+ height: 100%;
3910
+ margin: 0 !important;
3911
+ -webkit-transition: all 0.4s ease-in-out;
3912
+ transition: all 0.4s ease-in-out;
3913
+ }
3914
+
3915
+ .premium-blog-thumb-effect-wrapper .premium-blog-zoomout-effect img,
3916
+ .premium-blog-thumb-effect-wrapper .premium-blog-scale-effect img {
3917
+ -webkit-transform: scale(1.2);
3918
+ -ms-transform: scale(1.2);
3919
+ transform: scale(1.2);
3920
+ }
3921
+
3922
+ .premium-blog-thumb-effect-wrapper .premium-blog-sepia-effect img {
3923
+ -webkit-filter: sepia(30%);
3924
+ filter: sepia(30%);
3925
+ }
3926
+
3927
+ .premium-blog-thumb-effect-wrapper .premium-blog-bright-effect img {
3928
+ -webkit-filter: brightness(1);
3929
+ filter: brightness(1);
3930
+ }
3931
+
3932
+ .premium-blog-thumb-effect-wrapper .premium-blog-trans-effect img {
3933
+ -webkit-transform: translateX(15px) scale(1.1);
3934
+ -ms-transform: translateX(15px) scale(1.1);
3935
+ transform: translateX(15px) scale(1.1);
3936
+ }
3937
+
3938
+ .premium-blog-post-outer-container:hover .premium-blog-zoomin-effect img {
3939
+ -webkit-transform: scale(1.2);
3940
+ -ms-transform: scale(1.2);
3941
+ transform: scale(1.2);
3942
+ }
3943
+
3944
+ .premium-blog-post-outer-container:hover .premium-blog-zoomout-effect img {
3945
+ -webkit-transform: scale(1.1);
3946
+ -ms-transform: scale(1.1);
3947
+ transform: scale(1.1);
3948
+ }
3949
+
3950
+ .premium-blog-post-outer-container:hover .premium-blog-scale-effect img {
3951
+ -webkit-transform: scale(1.3) rotate(-5deg);
3952
+ -ms-transform: scale(1.3) rotate(-5deg);
3953
+ transform: scale(1.3) rotate(-5deg);
3954
+ }
3955
+
3956
+ .premium-blog-post-outer-container:hover .premium-blog-gray-effect img {
3957
+ -webkit-filter: grayscale(100%);
3958
+ filter: grayscale(100%);
3959
+ }
3960
+
3961
+ .premium-blog-post-outer-container:hover .premium-blog-blur-effect img {
3962
+ -webkit-filter: blur(3px);
3963
+ filter: blur(3px);
3964
+ }
3965
+
3966
+ .premium-blog-post-outer-container:hover .premium-blog-sepia-effect img {
3967
+ -webkit-filter: sepia(0%);
3968
+ filter: sepia(0%);
3969
+ }
3970
+
3971
+ .premium-blog-post-outer-container:hover .premium-blog-bright-effect img {
3972
+ -webkit-filter: brightness(1.2);
3973
+ filter: brightness(1.2);
3974
+ }
3975
+
3976
+ .premium-blog-post-outer-container:hover .premium-blog-trans-effect img {
3977
+ -webkit-transform: translateX(0px) scale(1.1);
3978
+ -ms-transform: translateX(0px) scale(1.1);
3979
+ transform: translateX(0px) scale(1.1);
3980
+ }
3981
+
3982
+ .premium-blog-post-container {
3983
+ overflow: hidden;
3984
+ }
3985
+
3986
+ .premium-blog-post-container .premium-blog-inner-container {
3987
+ -js-display: flex;
3988
+ display: -webkit-box;
3989
+ display: -webkit-flex;
3990
+ display: -moz-box;
3991
+ display: -ms-flexbox;
3992
+ display: flex;
3993
+ }
3994
+
3995
+ .premium-blog-post-container .premium-blog-post-content {
3996
+ line-height: 1.5em;
3997
+ color: #777;
3998
+ font-size: 14px;
3999
+ margin-bottom: 10px;
4000
+ }
4001
+
4002
+ .premium-blog-post-container ul.post-categories a:hover,
4003
+ .premium-blog-post-container ul.post-categories a:focus,
4004
+ .premium-blog-post-container .premium-blog-post-link:hover,
4005
+ .premium-blog-post-container .premium-blog-post-link:focus {
4006
+ -webkit-box-shadow: none !important;
4007
+ box-shadow: none !important;
4008
+ outline: none !important;
4009
+ }
4010
+
4011
+ .premium-blog-post-container .premium-blog-entry-title {
4012
+ font-size: 18px;
4013
+ margin-bottom: 5px;
4014
+ }
4015
+
4016
+ .premium-blog-post-container.premium-blog-skin-modern .premium-blog-content-wrapper {
4017
+ position: relative;
4018
+ z-index: 3;
4019
+ top: -50px;
4020
+ }
4021
+
4022
+ .premium-blog-post-container .premium-blog-content-wrapper {
4023
+ background-color: #f5f5f5;
4024
+ padding: 30px;
4025
+ }
4026
+
4027
+ .premium-blog-post-container .premium-blog-content-wrapper.empty-thumb {
4028
+ top: 0;
4029
+ }
4030
+
4031
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before,
4032
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:after {
4033
+ position: absolute;
4034
+ content: "";
4035
+ z-index: 1;
4036
+ top: 50%;
4037
+ right: 50%;
4038
+ opacity: 0;
4039
+ -webkit-transform: translate(50%, -50%);
4040
+ -ms-transform: translate(50%, -50%);
4041
+ transform: translate(50%, -50%);
4042
+ -webkit-transition: all 0.4s linear 0s;
4043
+ transition: all 0.4s linear 0s;
4044
+ height: 1px;
4045
+ width: 100%;
4046
+ background-color: #fff;
4047
+ }
4048
+
4049
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before {
4050
+ width: 1px;
4051
+ height: 100%;
4052
+ }
4053
+
4054
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-container:after {
4055
+ width: 20px;
4056
+ opacity: 1;
4057
+ }
4058
+
4059
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-container:before {
4060
+ height: 20px;
4061
+ opacity: 1;
4062
+ }
4063
+
4064
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-content-wrapper {
4065
+ margin: 0px 10px 20px;
4066
+ clear: both;
4067
+ }
4068
+
4069
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay,
4070
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay,
4071
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay {
4072
+ position: absolute;
4073
+ top: 0;
4074
+ right: 0;
4075
+ width: 100%;
4076
+ height: 100%;
4077
+ -webkit-transition: all 0.3s ease-in-out;
4078
+ transition: all 0.3s ease-in-out;
4079
+ opacity: 0;
4080
+ }
4081
+
4082
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay a,
4083
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay a,
4084
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay a {
4085
+ -js-display: flex;
4086
+ display: -webkit-box;
4087
+ display: -webkit-flex;
4088
+ display: -moz-box;
4089
+ display: -ms-flexbox;
4090
+ display: flex;
4091
+ -webkit-box-pack: center;
4092
+ -webkit-justify-content: center;
4093
+ -moz-box-pack: center;
4094
+ -ms-flex-pack: center;
4095
+ justify-content: center;
4096
+ -webkit-box-align: center;
4097
+ -webkit-align-items: center;
4098
+ -moz-box-align: center;
4099
+ -ms-flex-align: center;
4100
+ align-items: center;
4101
+ width: 100%;
4102
+ height: 100%;
4103
+ }
4104
+
4105
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay span,
4106
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay i,
4107
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay span,
4108
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay i,
4109
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay span,
4110
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay i {
4111
+ -webkit-transition: all 0.3s ease-in-out;
4112
+ transition: all 0.3s ease-in-out;
4113
+ }
4114
+
4115
+ .premium-blog-post-container.premium-blog-skin-side {
4116
+ -js-display: flex;
4117
+ display: -webkit-box;
4118
+ display: -webkit-flex;
4119
+ display: -moz-box;
4120
+ display: -ms-flexbox;
4121
+ display: flex;
4122
+ }
4123
+
4124
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-container {
4125
+ height: 100%;
4126
+ }
4127
+
4128
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-content-wrapper {
4129
+ -webkit-box-flex: 1;
4130
+ -webkit-flex: 1;
4131
+ -moz-box-flex: 1;
4132
+ -ms-flex: 1;
4133
+ flex: 1;
4134
+ }
4135
+
4136
+ .premium-blog-post-container.premium-blog-skin-banner {
4137
+ position: relative;
4138
+ }
4139
+
4140
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper {
4141
+ position: absolute;
4142
+ width: 100%;
4143
+ bottom: 0;
4144
+ -js-display: flex;
4145
+ display: -webkit-box;
4146
+ display: -webkit-flex;
4147
+ display: -moz-box;
4148
+ display: -ms-flexbox;
4149
+ display: flex;
4150
+ -webkit-box-orient: vertical;
4151
+ -webkit-box-direction: normal;
4152
+ -webkit-flex-direction: column;
4153
+ -moz-box-orient: vertical;
4154
+ -moz-box-direction: normal;
4155
+ -ms-flex-direction: column;
4156
+ flex-direction: column;
4157
+ background-color: transparent;
4158
+ z-index: 3;
4159
+ }
4160
+
4161
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper-inner {
4162
+ -webkit-transition: -webkit-transform 0.3s ease-in-out;
4163
+ transition: -webkit-transform 0.3s ease-in-out;
4164
+ transition: transform 0.3s ease-in-out;
4165
+ transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
4166
+ }
4167
+
4168
+ .premium-blog-post-container.premium-blog-skin-banner:hover .premium-blog-content-wrapper-inner {
4169
+ -webkit-transform: translateY(-5px);
4170
+ -ms-transform: translateY(-5px);
4171
+ transform: translateY(-5px);
4172
+ }
4173
+
4174
+ .premium-blog-post-container .premium-blog-cats-container ul.post-categories {
4175
+ margin: 0;
4176
+ padding: 0;
4177
+ list-style: none;
4178
+ -js-display: flex;
4179
+ display: -webkit-box;
4180
+ display: -webkit-flex;
4181
+ display: -moz-box;
4182
+ display: -ms-flexbox;
4183
+ display: flex;
4184
+ }
4185
+
4186
+ .premium-blog-post-container .premium-blog-cats-container a {
4187
+ display: block;
4188
+ font-size: 12px;
4189
+ color: #fff;
4190
+ background-color: #777;
4191
+ margin: 0 0 10px 3px;
4192
+ padding: 5px;
4193
+ -webkit-transition: all 0.3s ease-in-out;
4194
+ transition: all 0.3s ease-in-out;
4195
+ }
4196
+
4197
+ /*
4198
+ * Diagonal Effect
4199
+ */
4200
+ .premium-blog-diagonal-container {
4201
+ position: absolute;
4202
+ top: 0;
4203
+ right: 0;
4204
+ width: 100%;
4205
+ height: 100%;
4206
+ }
4207
+
4208
+ .premium-blog-diagonal-effect:before {
4209
+ position: absolute;
4210
+ top: 0px;
4211
+ right: 0px;
4212
+ width: 100%;
4213
+ height: 100%;
4214
+ content: " ";
4215
+ z-index: 1;
4216
+ background: rgba(255, 255, 255, 0.2);
4217
+ -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
4218
+ transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
4219
+ -webkit-transition: all 0.3s linear 0s;
4220
+ transition: all 0.3s linear 0s;
4221
+ }
4222
+
4223
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-diagonal-effect:before {
4224
+ -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
4225
+ transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
4226
+ }
4227
+
4228
+ /*
4229
+ * Framed Effect
4230
+ */
4231
+ .premium-blog-framed-effect {
4232
+ position: absolute;
4233
+ width: -webkit-calc(100% - 30px);
4234
+ width: calc(100% - 30px);
4235
+ height: -webkit-calc(100% - 30px);
4236
+ height: calc(100% - 30px);
4237
+ top: 15px;
4238
+ right: 15px;
4239
+ opacity: 0;
4240
+ -webkit-transform: scale(0.3);
4241
+ -ms-transform: scale(0.3);
4242
+ transform: scale(0.3);
4243
+ -webkit-transition: all 0.3s linear 0s;
4244
+ transition: all 0.3s linear 0s;
4245
+ }
4246
+
4247
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-framed-effect {
4248
+ opacity: 0.99;
4249
+ -webkit-transform: scale(1);
4250
+ -ms-transform: scale(1);
4251
+ transform: scale(1);
4252
+ }
4253
+
4254
+ /*
4255
+ * Bordered Effect
4256
+ */
4257
+ .premium-blog-bordered-effect {
4258
+ position: absolute;
4259
+ top: 0;
4260
+ right: 0;
4261
+ width: 100%;
4262
+ height: 100%;
4263
+ opacity: 0;
4264
+ padding: 15px;
4265
+ -webkit-transition: all 0.3s linear 0s;
4266
+ transition: all 0.3s linear 0s;
4267
+ }
4268
+
4269
+ .premium-blog-bordered-effect .premium-blog-post-link:before,
4270
+ .premium-blog-bordered-effect .premium-blog-post-link:after {
4271
+ content: "";
4272
+ display: block;
4273
+ position: absolute;
4274
+ top: 0;
4275
+ right: 0;
4276
+ width: 100%;
4277
+ height: 100%;
4278
+ -webkit-transition: all 0.5s linear 0s;
4279
+ transition: all 0.5s linear 0s;
4280
+ -webkit-transition-delay: 0s;
4281
+ transition-delay: 0s;
4282
+ border-color: rgba(255, 255, 255, 0.45);
4283
+ }
4284
+
4285
+ .premium-blog-bordered-effect .premium-blog-post-link:before {
4286
+ border-left: 2px solid;
4287
+ border-right: 2px solid;
4288
+ -webkit-transform: scale(1, 0);
4289
+ -ms-transform: scale(1, 0);
4290
+ transform: scale(1, 0);
4291
+ -webkit-transform-origin: 0% 0;
4292
+ -ms-transform-origin: 0% 0;
4293
+ transform-origin: 0% 0;
4294
+ }
4295
+
4296
+ .premium-blog-bordered-effect .premium-blog-post-link:after {
4297
+ border-top: 2px solid;
4298
+ border-bottom: 2px solid;
4299
+ -webkit-transform: scale(0, 1);
4300
+ -ms-transform: scale(0, 1);
4301
+ transform: scale(0, 1);
4302
+ -webkit-transform-origin: 100% 0;
4303
+ -ms-transform-origin: 100% 0;
4304
+ transform-origin: 100% 0;
4305
+ }
4306
+
4307
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect {
4308
+ opacity: 0.99;
4309
+ }
4310
+
4311
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect .premium-blog-post-link:before,
4312
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect .premium-blog-post-link:after {
4313
+ -webkit-transition-delay: 0.15s;
4314
+ transition-delay: 0.15s;
4315
+ opacity: 1;
4316
+ -webkit-transform: scale(1);
4317
+ -ms-transform: scale(1);
4318
+ transform: scale(1);
4319
+ }
4320
+
4321
+ /*
4322
+ * Squares Effect
4323
+ */
4324
+ .premium-blog-squares-effect,
4325
+ .premium-blog-squares-square-container {
4326
+ position: absolute;
4327
+ top: 0;
4328
+ right: 0;
4329
+ width: 100%;
4330
+ height: 100%;
4331
+ }
4332
+
4333
+ .premium-blog-squares-effect:before,
4334
+ .premium-blog-squares-effect:after {
4335
+ position: absolute;
4336
+ content: "";
4337
+ top: 0;
4338
+ right: 0;
4339
+ width: 50%;
4340
+ height: 50%;
4341
+ -webkit-transform: translate(100%, -100%);
4342
+ -ms-transform: translate(100%, -100%);
4343
+ transform: translate(100%, -100%);
4344
+ opacity: 0.7;
4345
+ -webkit-transition: all 0.3s linear 0s;
4346
+ transition: all 0.3s linear 0s;
4347
+ }
4348
+
4349
+ .premium-blog-squares-square-container:before,
4350
+ .premium-blog-squares-square-container:after {
4351
+ position: absolute;
4352
+ content: "";
4353
+ top: 0;
4354
+ right: 0;
4355
+ width: 50%;
4356
+ height: 50%;
4357
+ -webkit-transform: translate(100%, -100%);
4358
+ -ms-transform: translate(100%, -100%);
4359
+ transform: translate(100%, -100%);
4360
+ opacity: 0.7;
4361
+ -webkit-transition: all 0.3s linear 0s;
4362
+ transition: all 0.3s linear 0s;
4363
+ }
4364
+
4365
+ .premium-blog-squares-square-container:before,
4366
+ .premium-blog-squares-square-container:after {
4367
+ opacity: 0.8;
4368
+ }
4369
+
4370
+ .premium-blog-squares-effect:after {
4371
+ -webkit-transform: translate(-200%, 200%);
4372
+ -ms-transform: translate(-200%, 200%);
4373
+ transform: translate(-200%, 200%);
4374
+ }
4375
+
4376
+ .premium-blog-squares-square-container:before {
4377
+ -webkit-transform: translate(100%, 200%);
4378
+ -ms-transform: translate(100%, 200%);
4379
+ transform: translate(100%, 200%);
4380
+ }
4381
+
4382
+ .premium-blog-squares-square-container:after {
4383
+ -webkit-transform: translate(-200%, -100%);
4384
+ -ms-transform: translate(-200%, -100%);
4385
+ transform: translate(-200%, -100%);
4386
+ }
4387
+
4388
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:before {
4389
+ -webkit-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
4390
+ -ms-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
4391
+ transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
4392
+ }
4393
+
4394
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:after {
4395
+ -webkit-transform: translate(-100%, 100%) scaleY(1.003) scaleX(1.003);
4396
+ -ms-transform: translate(-100%, 100%) scaleY(1.003) scaleX(1.003);
4397
+ transform: translate(-100%, 100%) scaleY(1.003) scaleX(1.003);
4398
+ }
4399
+
4400
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:before {
4401
+ -webkit-transform: translate(0, 100%);
4402
+ -ms-transform: translate(0, 100%);
4403
+ transform: translate(0, 100%);
4404
+ }
4405
+
4406
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:after {
4407
+ -webkit-transform: translate(-100%, 0%);
4408
+ -ms-transform: translate(-100%, 0%);
4409
+ transform: translate(-100%, 0%);
4410
+ }
4411
+
4412
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay {
4413
+ opacity: 1;
4414
+ }
4415
+
4416
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay a {
4417
+ opacity: 1;
4418
+ -webkit-transform: scale(1);
4419
+ -ms-transform: scale(1);
4420
+ transform: scale(1);
4421
+ }
4422
+
4423
+ .premium-blog-clear-fix {
4424
+ clear: both;
4425
+ }
4426
+
4427
+ .premium-blog-masked .premium-blog-thumbnail-container {
4428
+ position: relative;
4429
+ overflow: visible;
4430
+ }
4431
+
4432
+ .premium-blog-masked .premium-blog-thumbnail-container svg {
4433
+ position: absolute;
4434
+ height: 100px;
4435
+ width: 100%;
4436
+ bottom: -5px;
4437
+ right: 0;
4438
+ fill: #f5f5f5;
4439
+ z-index: 99;
4440
+ }
4441
+
4442
+ .premium-blog-masked .premium-blog-thumbnail-container svg.premium-blog-shape-divider-svg {
4443
+ -webkit-transform: rotate(180deg);
4444
+ -ms-transform: rotate(180deg);
4445
+ transform: rotate(180deg);
4446
+ }
4447
+
4448
+ .premium-blog-masked .premium-blog-author-thumbnail,
4449
+ .premium-blog-masked .premium-blog-skin-banner .premium-blog-content-wrapper {
4450
+ z-index: 999 !important;
4451
+ }
4452
+
4453
+ /*Post Format Container*/
4454
+ .premium-blog-format-link {
4455
+ padding: 5px;
4456
+ line-height: 0;
4457
+ }
4458
+
4459
+ /*Post Format Icon*/
4460
+ /*Post Format Content Margin */
4461
+ .premium-blog-entry-meta {
4462
+ line-height: 1.3em;
4463
+ font-size: 12px;
4464
+ margin-bottom: 13px;
4465
+ color: #adadad;
4466
+ }
4467
+
4468
+ .premium-blog-entry-meta i {
4469
+ margin-left: 3px;
4470
+ -webkit-transition: all 0.3s ease-in-out;
4471
+ transition: all 0.3s ease-in-out;
4472
+ }
4473
+
4474
+ .premium-blog-meta-data {
4475
+ display: inline-block;
4476
+ }
4477
+
4478
+ .premium-blog-meta-data .premium-blog-meta-separator {
4479
+ margin: 0 5px;
4480
+ }
4481
+
4482
+ .premium-blog-meta-data a,
4483
+ .premium-blog-meta-data span {
4484
+ color: inherit;
4485
+ -webkit-transition: all 0.3s ease-in-out;
4486
+ transition: all 0.3s ease-in-out;
4487
+ }
4488
+
4489
+ .premium-blog-author-thumbnail {
4490
+ position: relative;
4491
+ padding: 0 30px;
4492
+ width: 100%;
4493
+ top: -10px;
4494
+ height: 0;
4495
+ pointer-events: none;
4496
+ }
4497
+
4498
+ .premium-blog-author-thumbnail img {
4499
+ -webkit-border-radius: 50%;
4500
+ border-radius: 50%;
4501
+ width: 60px;
4502
+ pointer-events: all;
4503
+ -webkit-transform: translateY(-50%);
4504
+ -ms-transform: translateY(-50%);
4505
+ transform: translateY(-50%);
4506
+ }
4507
+
4508
+ .premium-blog-entry-title a,
4509
+ .premium-blog-post-tags-container a,
4510
+ .premium-blog-post-content .premium-blog-excerpt-link {
4511
+ -webkit-transition: all 0.3s ease-in-out;
4512
+ transition: all 0.3s ease-in-out;
4513
+ }
4514
+
4515
+ .premium-blog-excerpt-link-wrap a.premium-blog-excerpt-link {
4516
+ background-color: transparent;
4517
+ color: #54595f;
4518
+ padding: 0;
4519
+ }
4520
+
4521
+ .premium-blog-cta-full-yes .premium-blog-excerpt-link {
4522
+ width: 100%;
4523
+ }
4524
+
4525
+ .premium-blog-post-tags-container {
4526
+ margin-top: 8px;
4527
+ -js-display: flex;
4528
+ display: -webkit-box;
4529
+ display: -webkit-flex;
4530
+ display: -moz-box;
4531
+ display: -ms-flexbox;
4532
+ display: flex;
4533
+ -webkit-box-align: center;
4534
+ -webkit-align-items: center;
4535
+ -moz-box-align: center;
4536
+ -ms-flex-align: center;
4537
+ align-items: center;
4538
+ -webkit-flex-wrap: wrap;
4539
+ -ms-flex-wrap: wrap;
4540
+ flex-wrap: wrap;
4541
+ }
4542
+
4543
+ .premium-blog-post-tags-container a {
4544
+ color: inherit;
4545
+ margin-right: 5px;
4546
+ }
4547
+
4548
+ .premium-blog-align-center .post-categories,
4549
+ .premium-blog-align-center .premium-blog-inner-container,
4550
+ .premium-blog-align-center .premium-blog-post-tags-container {
4551
+ -webkit-box-pack: center;
4552
+ -webkit-justify-content: center;
4553
+ -moz-box-pack: center;
4554
+ -ms-flex-pack: center;
4555
+ justify-content: center;
4556
+ }
4557
+
4558
+ .premium-blog-align-left .premium-blog-post-container .post-categories,
4559
+ .premium-blog-align-left .premium-blog-post-container .premium-blog-inner-container,
4560
+ .premium-blog-align-left .premium-blog-post-container .premium-blog-post-tags-container {
4561
+ -webkit-box-pack: end;
4562
+ -webkit-justify-content: flex-end;
4563
+ -moz-box-pack: end;
4564
+ -ms-flex-pack: end;
4565
+ justify-content: flex-end;
4566
+ }
4567
+
4568
+ /* .premium-blog-align-left .premium-blog-post-container.premium-blog-skin-cards .post-categories,
4569
+ .premium-blog-align-left .premium-blog-post-container.premium-blog-skin-cards .premium-blog-inner-container,
4570
+ .premium-blog-align-left .premium-blog-post-container.premium-blog-skin-cards .premium-blog-post-tags-container {
4571
+ -webkit-box-pack: start;
4572
+ -webkit-justify-content: flex-start;
4573
+ -moz-box-pack: start;
4574
+ -ms-flex-pack: start;
4575
+ justify-content: flex-start;
4576
+ } */
4577
+
4578
+ .premium-blog-align-right .premium-blog-post-container .post-categories,
4579
+ .premium-blog-align-right .premium-blog-post-container .premium-blog-inner-container,
4580
+ .premium-blog-align-right .premium-blog-post-container .premium-blog-post-tags-container {
4581
+ -webkit-box-pack: start;
4582
+ -webkit-justify-content: flex-start;
4583
+ -moz-box-pack: start;
4584
+ -ms-flex-pack: start;
4585
+ justify-content: flex-start;
4586
+ }
4587
+
4588
+ /* .premium-blog-align-right .premium-blog-post-container.premium-blog-skin-cards .post-categories,
4589
+ .premium-blog-align-right .premium-blog-post-container.premium-blog-skin-cards .premium-blog-inner-container,
4590
+ .premium-blog-align-right .premium-blog-post-container.premium-blog-skin-cards .premium-blog-post-tags-container {
4591
+ -webkit-box-pack: end;
4592
+ -webkit-justify-content: flex-end;
4593
+ -moz-box-pack: end;
4594
+ -ms-flex-pack: end;
4595
+ justify-content: flex-end;
4596
+ } */
4597
+
4598
+ /* Pagination */
4599
+ .premium-blog-pagination-container {
4600
+ text-align: left;
4601
+ }
4602
+
4603
+ .premium-blog-pagination-container span {
4604
+ cursor: default;
4605
+ }
4606
+
4607
+ .premium-blog-pagination-container .page-numbers {
4608
+ display: inline-block;
4609
+ color: #000;
4610
+ line-height: 1;
4611
+ font-size: 1em;
4612
+ font-weight: 400;
4613
+ text-decoration: none;
4614
+ padding: 0.75em;
4615
+ margin: 0 0 0.4em 0.4em;
4616
+ -webkit-transition: all 0.2s ease-in-out;
4617
+ transition: all 0.2s ease-in-out;
4618
+ }
4619
+
4620
+ .premium-blog-wrap .premium-loading-feed {
4621
+ display: block;
4622
+ position: absolute;
4623
+ width: 100%;
4624
+ height: 100%;
4625
+ top: 0px;
4626
+ right: 0px;
4627
+ bottom: 0px;
4628
+ left: 0px;
4629
+ background: rgba(255, 255, 255, 0.2);
4630
+ -js-display: flex;
4631
+ display: -webkit-box;
4632
+ display: -webkit-flex;
4633
+ display: -moz-box;
4634
+ display: -ms-flexbox;
4635
+ display: flex;
4636
+ -webkit-box-align: center;
4637
+ -webkit-align-items: center;
4638
+ -moz-box-align: center;
4639
+ -ms-flex-align: center;
4640
+ align-items: center;
4641
+ z-index: 99;
4642
+ }
4643
+
4644
+ .premium-blog-wrap {
4645
+ -js-display: flex;
4646
+ display: -webkit-box;
4647
+ display: -webkit-flex;
4648
+ display: -moz-box;
4649
+ display: -ms-flexbox;
4650
+ display: flex;
4651
+ -webkit-flex-wrap: wrap;
4652
+ -ms-flex-wrap: wrap;
4653
+ flex-wrap: wrap;
4654
+ }
4655
+
4656
+ .premium-blog-wrap ul.slick-dots {
4657
+ width: 100%;
4658
+ }
4659
+
4660
+ /**
4661
+ * Even Layout
4662
+ */
4663
+ .premium-blog-even .premium-blog-post-container {
4664
+ height: 100%;
4665
+ }
4666
+
4667
+ .premium-blog-even .slick-track {
4668
+ -js-display: flex;
4669
+ display: -webkit-box;
4670
+ display: -webkit-flex;
4671
+ display: -moz-box;
4672
+ display: -ms-flexbox;
4673
+ display: flex;
4674
+ }
4675
+
4676
+ .premium-blog-even .slick-slide {
4677
+ height: inherit !important;
4678
+ }
4679
+
4680
+ /**
4681
+ * Responsive Style
4682
+ */
4683
+ @media (max-width: 768px) {
4684
+ .premium-blog-content-wrapper {
4685
+ top: 0;
4686
+ margin: 0;
4687
+ padding: 15px;
4688
+ }
4689
+
4690
+ .premium-blog-thumb-effect-wrapper {
4691
+ margin-bottom: 15px;
4692
+ }
4693
+ }
4694
+
4695
+ [dir="rtl"] .premium-blog-wrap.slick-slider .slick-list,
4696
+ [dir="rtl"] .premium-blog-wrap.slick-slider .slick-track {
4697
+ direction: ltr;
4698
+ }
4699
+
4700
+ /************ Premium Team Members ************/
4701
+ /*********************************************/
4702
+ .premium-person-container {
4703
+ position: relative;
4704
+ }
4705
+
4706
+ .premium-person-image-container {
4707
+ position: relative;
4708
+ text-align: center;
4709
+ }
4710
+
4711
+ .premium-person-image-container .premium-person-image-wrap {
4712
+ overflow: hidden;
4713
+ }
4714
+
4715
+ .premium-person-zoomout-effect .premium-person-image-container img,
4716
+ .premium-person-scale-effect .premium-person-image-container img {
4717
+ -webkit-transform: scale(1.2);
4718
+ -ms-transform: scale(1.2);
4719
+ transform: scale(1.2);
4720
+ }
4721
+
4722
+ .premium-person-sepia-effect .premium-person-image-container img {
4723
+ -webkit-filter: sepia(30%);
4724
+ filter: sepia(30%);
4725
+ }
4726
+
4727
+ .premium-person-bright-effect .premium-person-image-container img {
4728
+ -webkit-filter: brightness(1);
4729
+ filter: brightness(1);
4730
+ }
4731
+
4732
+ .premium-person-trans-effect .premium-person-image-container img {
4733
+ -webkit-transform: translateX(15px) scale(1.1);
4734
+ -ms-transform: translateX(15px) scale(1.1);
4735
+ transform: translateX(15px) scale(1.1);
4736
+ }
4737
+
4738
+ .premium-person-zoomin-effect:hover .premium-person-image-container img {
4739
+ -webkit-transform: scale(1.2);
4740
+ -ms-transform: scale(1.2);
4741
+ transform: scale(1.2);
4742
+ }
4743
+
4744
+ .premium-person-zoomout-effect:hover .premium-person-image-container img {
4745
+ -webkit-transform: scale(1.1);
4746
+ -ms-transform: scale(1.1);
4747
+ transform: scale(1.1);
4748
+ }
4749
+
4750
+ .premium-person-scale-effect:hover .premium-person-image-container img {
4751
+ -webkit-transform: scale(1.3) rotate(-5deg);
4752
+ -ms-transform: scale(1.3) rotate(-5deg);
4753
+ transform: scale(1.3) rotate(-5deg);
4754
+ }
4755
+
4756
+ .premium-person-grayscale-effect:hover .premium-person-image-container img {
4757
+ -webkit-filter: grayscale(100%);
4758
+ filter: grayscale(100%);
4759
+ }
4760
+
4761
+ .premium-person-blur-effect:hover .premium-person-image-container img {
4762
+ -webkit-filter: blur(3px);
4763
+ filter: blur(3px);
4764
+ }
4765
+
4766
+ .premium-person-sepia-effect:hover .premium-person-image-container img {
4767
+ -webkit-filter: sepia(0%);
4768
+ filter: sepia(0%);
4769
+ }
4770
+
4771
+ .premium-person-bright-effect:hover .premium-person-image-container img {
4772
+ -webkit-filter: brightness(1.2);
4773
+ filter: brightness(1.2);
4774
+ }
4775
+
4776
+ .premium-person-trans-effect:hover .premium-person-image-container img {
4777
+ -webkit-transform: translateX(0px) scale(1.1);
4778
+ -ms-transform: translateX(0px) scale(1.1);
4779
+ transform: translateX(0px) scale(1.1);
4780
+ }
4781
+
4782
+ .premium-person-container .premium-person-image-container img {
4783
+ width: 100%;
4784
+ height: 100%;
4785
+ -o-object-fit: cover;
4786
+ object-fit: cover;
4787
+ -webkit-transition: all 0.5s ease-in-out;
4788
+ transition: all 0.5s ease-in-out;
4789
+ }
4790
+
4791
+ .premium-person-style2 .premium-person-social {
4792
+ position: absolute;
4793
+ top: 0;
4794
+ right: 0;
4795
+ width: 100%;
4796
+ height: 100%;
4797
+ z-index: 2;
4798
+ -js-display: flex;
4799
+ display: -webkit-box;
4800
+ display: -webkit-flex;
4801
+ display: -moz-box;
4802
+ display: -ms-flexbox;
4803
+ display: flex;
4804
+ -webkit-box-pack: center;
4805
+ -webkit-justify-content: center;
4806
+ -moz-box-pack: center;
4807
+ -ms-flex-pack: center;
4808
+ justify-content: center;
4809
+ -webkit-box-align: center;
4810
+ -webkit-align-items: center;
4811
+ -moz-box-align: center;
4812
+ -ms-flex-align: center;
4813
+ align-items: center;
4814
+ -webkit-box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
4815
+ box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
4816
+ -webkit-transition: all 0.5s linear 0s;
4817
+ transition: all 0.5s linear 0s;
4818
+ opacity: 0;
4819
+ }
4820
+
4821
+ .premium-person-style2 .premium-person-image-container:hover .premium-person-social {
4822
+ opacity: 1;
4823
+ }
4824
+
4825
+ .premium-person-list-item a {
4826
+ display: inline-block;
4827
+ }
4828
+
4829
+ .premium-person-style2 .premium-person-list-item a {
4830
+ opacity: 0;
4831
+ -webkit-transform: scale(0);
4832
+ -ms-transform: scale(0);
4833
+ transform: scale(0);
4834
+ -webkit-transition: all 0.5s ease-in-out 0s;
4835
+ transition: all 0.5s ease-in-out 0s;
4836
+ }
4837
+
4838
+ .premium-person-style2 .premium-person-image-container:hover .premium-person-list-item a {
4839
+ opacity: 1;
4840
+ -webkit-transform: scale(1);
4841
+ -ms-transform: scale(1);
4842
+ transform: scale(1);
4843
+ }
4844
+
4845
+ .premium-person-info-container {
4846
+ padding: 30px 15px;
4847
+ }
4848
+
4849
+ .premium-person-name {
4850
+ margin: 0 0 5px;
4851
+ font-weight: 700;
4852
+ }
4853
+
4854
+ .premium-person-title {
4855
+ margin: 0 0 20px;
4856
+ padding: 0;
4857
+ }
4858
+
4859
+ .premium-person-content {
4860
+ margin: 0 0 30px;
4861
+ }
4862
+
4863
+ /*Override Theme List Margin*/
4864
+ ul.premium-person-social-list {
4865
+ margin: 0px !important;
4866
+ padding: 0;
4867
+ }
4868
+
4869
+ .premium-person-social-list .premium-person-list-item {
4870
+ display: inline;
4871
+ list-style: none;
4872
+ }
4873
+
4874
+ .premium-person-social-list li {
4875
+ position: relative;
4876
+ bottom: 0px;
4877
+ -webkit-transition: all 0.2s ease-in-out;
4878
+ transition: all 0.2s ease-in-out;
4879
+ }
4880
+
4881
+ .premium-person-social-list li i {
4882
+ position: relative;
4883
+ bottom: 0px;
4884
+ -webkit-transition: all 0.2s ease-in-out;
4885
+ transition: all 0.2s ease-in-out;
4886
+ }
4887
+
4888
+ .premium-person-defaults-yes li.premium-person-facebook:hover a {
4889
+ background-color: #3b5998 !important;
4890
+ }
4891
+
4892
+ .premium-person-defaults-yes li.premium-person-twitter:hover a {
4893
+ background-color: #55acee !important;
4894
+ }
4895
+
4896
+ .premium-person-defaults-yes li.premium-person-linkedin:hover a {
4897
+ background-color: #0077b5 !important;
4898
+ }
4899
+
4900
+ .premium-person-defaults-yes li.premium-person-google:hover a {
4901
+ background-color: #dc4e41 !important;
4902
+ }
4903
+
4904
+ .premium-person-defaults-yes li.premium-person-youtube:hover a {
4905
+ background-color: #b31217 !important;
4906
+ }
4907
+
4908
+ .premium-person-defaults-yes li.premium-person-instagram:hover a {
4909
+ background-color: #e4405f !important;
4910
+ }
4911
+
4912
+ .premium-person-defaults-yes li.premium-person-skype:hover a {
4913
+ background-color: #00aff0 !important;
4914
+ }
4915
+
4916
+ .premium-person-defaults-yes li.premium-person-pinterest:hover a {
4917
+ background-color: #bd081c !important;
4918
+ }
4919
+
4920
+ .premium-person-defaults-yes li.premium-person-dribbble:hover a {
4921
+ background-color: #ea4c89 !important;
4922
+ }
4923
+
4924
+ .premium-person-defaults-yes li.premium-person-mail:hover a {
4925
+ background-color: #b23121 !important;
4926
+ }
4927
+
4928
+ .premium-person-defaults-yes li.premium-person-behance:hover a {
4929
+ background-color: #1769ff !important;
4930
+ }
4931
+
4932
+ .premium-person-defaults-yes li.premium-person-whatsapp:hover a {
4933
+ background-color: #25d366 !important;
4934
+ }
4935
+
4936
+ .premium-person-defaults-yes li.premium-person-telegram:hover a {
4937
+ background-color: #0088cc !important;
4938
+ }
4939
+
4940
+ .premium-person-defaults-yes li.premium-person-site:hover a {
4941
+ background-color: #0055a5 !important;
4942
+ }
4943
+
4944
+ .premium-person-social-list li:hover a {
4945
+ -webkit-box-shadow: none;
4946
+ box-shadow: none;
4947
+ }
4948
+
4949
+ .premium-person-social-list li a:focus {
4950
+ -webkit-box-shadow: none;
4951
+ box-shadow: none;
4952
+ outline: none;
4953
+ }
4954
+
4955
+ .premium-person-social-list li i {
4956
+ font-size: 18px;
4957
+ }
4958
+
4959
+ .elementor-widget-premium-addon-person .elementor-widget-container {
4960
+ -js-display: flex;
4961
+ display: -webkit-box;
4962
+ display: -webkit-flex;
4963
+ display: -moz-box;
4964
+ display: -ms-flexbox;
4965
+ display: flex;
4966
+ -webkit-box-pack: center;
4967
+ -webkit-justify-content: center;
4968
+ -moz-box-pack: center;
4969
+ -ms-flex-pack: center;
4970
+ justify-content: center;
4971
+ }
4972
+
4973
+ .premium-persons-container.multiple-persons {
4974
+ -js-display: flex;
4975
+ display: -webkit-box;
4976
+ display: -webkit-flex;
4977
+ display: -moz-box;
4978
+ display: -ms-flexbox;
4979
+ display: flex;
4980
+ -webkit-flex-wrap: wrap;
4981
+ -ms-flex-wrap: wrap;
4982
+ flex-wrap: wrap;
4983
+ width: 100%;
4984
+ }
4985
+
4986
+ .premium-person-style1 .premium-person-container {
4987
+ overflow: hidden;
4988
+ }
4989
+
4990
+ .premium-person-style1 .premium-person-container .premium-person-info {
4991
+ position: absolute;
4992
+ top: auto;
4993
+ left: 0;
4994
+ right: 0;
4995
+ -webkit-transition: all 500ms ease 0s;
4996
+ transition: all 500ms ease 0s;
4997
+ -webkit-transform: translate3d(0, 100%, 0);
4998
+ transform: translate3d(0, 100%, 0);
4999
+ }
5000
+
5001
+ .premium-person-style1 .premium-person-container:hover .premium-person-info {
5002
+ -webkit-transform: translate3d(0, 0, 0);
5003
+ transform: translate3d(0, 0, 0);
5004
+ bottom: -1px !important;
5005
+ }
5006
+
5007
+ .premium-person-style1 .premium-person-social-list li:hover {
5008
+ bottom: 5px;
5009
+ }
5010
+
5011
+ .premium-person-style1.multiple-persons:not([data-persons-equal="yes"]) {
5012
+ -webkit-box-align: start;
5013
+ -webkit-align-items: flex-start;
5014
+ -moz-box-align: start;
5015
+ -ms-flex-align: start;
5016
+ align-items: flex-start;
5017
+ }
5018
+
5019
+ .premium-person-style1 .slick-track {
5020
+ -js-display: flex;
5021
+ display: -webkit-box;
5022
+ display: -webkit-flex;
5023
+ display: -moz-box;
5024
+ display: -ms-flexbox;
5025
+ display: flex;
5026
+ }
5027
+
5028
+ .premium-person-style1 .slick-slide {
5029
+ height: inherit !important;
5030
+ }
5031
+
5032
+ .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-container,
5033
+ .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-wrap {
5034
+ height: 100%;
5035
+ }
5036
+
5037
+ .premium-person-style3 .premium-person-info-container {
5038
+ position: absolute;
5039
+ top: 0;
5040
+ right: 0;
5041
+ width: 100%;
5042
+ height: 100%;
5043
+ -js-display: flex;
5044
+ display: -webkit-box;
5045
+ display: -webkit-flex;
5046
+ display: -moz-box;
5047
+ display: -ms-flexbox;
5048
+ display: flex;
5049
+ -webkit-box-orient: vertical;
5050
+ -webkit-box-direction: normal;
5051
+ -webkit-flex-direction: column;
5052
+ -moz-box-orient: vertical;
5053
+ -moz-box-direction: normal;
5054
+ -ms-flex-direction: column;
5055
+ flex-direction: column;
5056
+ -webkit-box-pack: justify;
5057
+ -webkit-justify-content: space-between;
5058
+ -moz-box-pack: justify;
5059
+ -ms-flex-pack: justify;
5060
+ justify-content: space-between;
5061
+ }
5062
+
5063
+ .premium-person-style3 .premium-person-title-desc-wrap {
5064
+ -js-display: flex;
5065
+ display: -webkit-box;
5066
+ display: -webkit-flex;
5067
+ display: -moz-box;
5068
+ display: -ms-flexbox;
5069
+ display: flex;
5070
+ -webkit-box-orient: horizontal;
5071
+ -webkit-box-direction: reverse;
5072
+ -webkit-flex-direction: row-reverse;
5073
+ -moz-box-orient: horizontal;
5074
+ -moz-box-direction: reverse;
5075
+ -ms-flex-direction: row-reverse;
5076
+ flex-direction: row-reverse;
5077
+ -webkit-box-pack: justify;
5078
+ -webkit-justify-content: space-between;
5079
+ -moz-box-pack: justify;
5080
+ -ms-flex-pack: justify;
5081
+ justify-content: space-between;
5082
+ -webkit-box-align: start;
5083
+ -webkit-align-items: flex-start;
5084
+ -moz-box-align: start;
5085
+ -ms-flex-align: start;
5086
+ align-items: flex-start;
5087
+ }
5088
+
5089
+ .premium-person-style3 .premium-person-name-icons-wrap {
5090
+ -js-display: flex;
5091
+ display: -webkit-box;
5092
+ display: -webkit-flex;
5093
+ display: -moz-box;
5094
+ display: -ms-flexbox;
5095
+ display: flex;
5096
+ -webkit-box-pack: justify;
5097
+ -webkit-justify-content: space-between;
5098
+ -moz-box-pack: justify;
5099
+ -ms-flex-pack: justify;
5100
+ justify-content: space-between;
5101
+ -webkit-box-align: end;
5102
+ -webkit-align-items: flex-end;
5103
+ -moz-box-align: end;
5104
+ -ms-flex-align: end;
5105
+ align-items: flex-end;
5106
+ }
5107
+
5108
+ .premium-person-style3 .premium-person-title {
5109
+ opacity: 0;
5110
+ -webkit-transition: all 0.3s ease;
5111
+ transition: all 0.3s ease;
5112
+ width: 0;
5113
+ }
5114
+
5115
+ .premium-person-style3 .premium-person-title span {
5116
+ display: inline-block;
5117
+ }
5118
+
5119
+ .premium-person-style3 .premium-person-name {
5120
+ padding-right: 10px;
5121
+ }
5122
+
5123
+ .premium-person-style3 .premium-person-social-list {
5124
+ -js-display: flex;
5125
+ display: -webkit-box;
5126
+ display: -webkit-flex;
5127
+ display: -moz-box;
5128
+ display: -ms-flexbox;
5129
+ display: flex;
5130
+ -webkit-box-orient: vertical;
5131
+ -webkit-box-direction: normal;
5132
+ -webkit-flex-direction: column;
5133
+ -moz-box-orient: vertical;
5134
+ -moz-box-direction: normal;
5135
+ -ms-flex-direction: column;
5136
+ flex-direction: column;
5137
+ -webkit-transform: translateY(20px);
5138
+ -ms-transform: translateY(20px);
5139
+ transform: translateY(20px);
5140
+ opacity: 0;
5141
+ -webkit-transition: all 0.3s ease;
5142
+ transition: all 0.3s ease;
5143
+ }
5144
+
5145
+ .premium-person-style3 .premium-person-list-item {
5146
+ line-height: 0;
5147
+ }
5148
+
5149
+ .premium-person-style3 .premium-person-list-item a {
5150
+ padding: 5px 0 0 10px;
5151
+ margin: 5px 0;
5152
+ }
5153
+
5154
+ .premium-person-style3 .premium-person-container:hover .premium-person-title {
5155
+ opacity: 1;
5156
+ }
5157
+
5158
+ .premium-person-style3 .premium-person-container:hover .premium-person-social-list {
5159
+ opacity: 1;
5160
+ -webkit-transform: translateY(0);
5161
+ -ms-transform: translateY(0);
5162
+ transform: translateY(0);
5163
+ }
5164
+
5165
+ .premium-persons-title-cw .premium-person-title {
5166
+ -webkit-transform: translateX(-15px) rotate(-90deg);
5167
+ -ms-transform: translateX(-15px) rotate(-90deg);
5168
+ transform: translateX(-15px) rotate(-90deg);
5169
+ -webkit-transform-origin: top;
5170
+ -ms-transform-origin: top;
5171
+ transform-origin: top;
5172
+ }
5173
+
5174
+ .premium-persons-title-cw .premium-person-container:hover .premium-person-title {
5175
+ -webkit-transform: translateX(0) rotate(-90deg);
5176
+ -ms-transform: translateX(0) rotate(-90deg);
5177
+ transform: translateX(0) rotate(-90deg);
5178
+ }
5179
+
5180
+ .premium-persons-title-ccw .premium-person-title {
5181
+ width: auto;
5182
+ margin-left: 20px;
5183
+ -webkit-transform: translateX(-15px) rotate(90deg);
5184
+ -ms-transform: translateX(-15px) rotate(90deg);
5185
+ transform: translateX(-15px) rotate(90deg);
5186
+ -webkit-transform-origin: center left;
5187
+ -ms-transform-origin: center left;
5188
+ transform-origin: center left;
5189
+ }
5190
+
5191
+ .premium-persons-title-ccw .premium-person-container:hover .premium-person-title {
5192
+ -webkit-transform: translateX(0) rotate(90deg);
5193
+ -ms-transform: translateX(0) rotate(90deg);
5194
+ transform: translateX(0) rotate(90deg);
5195
+ }
5196
+
5197
+ /**************** Premium Fancy Text *******************/
5198
+ /*******************************************************/
5199
+ .premium-suffix-text,
5200
+ .premium-fancy-text,
5201
+ .premium-prefix-text {
5202
+ font-size: 40px;
5203
+ }
5204
+
5205
+ .premium-fancy-text-wrapper .premium-fancy-list-items {
5206
+ list-style: none;
5207
+ }
5208
+
5209
+ .premium-fancy-text-wrapper .premium-fancy-text-span-align {
5210
+ vertical-align: top;
5211
+ }
5212
+
5213
+ .premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-text-items-wrapper {
5214
+ margin: 0;
5215
+ padding: 0;
5216
+ border: none;
5217
+ position: relative;
5218
+ }
5219
+
5220
+ .premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-list-items {
5221
+ position: absolute;
5222
+ top: 0;
5223
+ left: 0;
5224
+ display: inline-block;
5225
+ }
5226
+
5227
+ .premium-fancy-text-wrapper.zoomout .premium-fancy-item-hidden {
5228
+ opacity: 0;
5229
+ -webkit-animation: pa-zoom-out 0.8s;
5230
+ animation: pa-zoom-out 0.8s;
5231
+ }
5232
+
5233
+ .premium-fancy-text-wrapper.zoomout .premium-fancy-item-visible {
5234
+ position: relative !important;
5235
+ -webkit-animation: pa-zoom-in 0.8s;
5236
+ animation: pa-zoom-in 0.8s;
5237
+ }
5238
+
5239
+ .premium-fancy-text-wrapper.zoomout .premium-fancy-text-items-wrapper {
5240
+ -webkit-perspective: 300px;
5241
+ perspective: 300px;
5242
+ }
5243
+
5244
+ .premium-fancy-text-wrapper.rotate .premium-fancy-list-items {
5245
+ -webkit-transform-origin: 50% 100%;
5246
+ -ms-transform-origin: 50% 100%;
5247
+ transform-origin: 50% 100%;
5248
+ }
5249
+
5250
+ .premium-fancy-text-wrapper.rotate .premium-fancy-item-hidden {
5251
+ opacity: 0;
5252
+ -webkit-transform: rotateX(180deg);
5253
+ transform: rotateX(180deg);
5254
+ -webkit-animation: pa-rotate-out 1.2s;
5255
+ animation: pa-rotate-out 1.2s;
5256
+ }
5257
+
5258
+ .premium-fancy-text-wrapper.rotate .premium-fancy-item-visible {
5259
+ position: relative !important;
5260
+ -webkit-transform: rotateX(0deg);
5261
+ transform: rotateX(0deg);
5262
+ -webkit-animation: pa-rotate-in 1.2s;
5263
+ animation: pa-rotate-in 1.2s;
5264
+ }
5265
+
5266
+ .premium-fancy-text-wrapper.custom .premium-fancy-item-hidden {
5267
+ opacity: 0;
5268
+ }
5269
+
5270
+ .premium-fancy-text-wrapper.custom .premium-fancy-item-visible {
5271
+ position: relative !important;
5272
+ }
5273
+
5274
+ .premium-fancy-text-wrapper.auto-fade .premium-fancy-text {
5275
+ display: inline-block;
5276
+ width: 200px;
5277
+ font-weight: 400;
5278
+ }
5279
+
5280
+ .premium-fancy-text-wrapper.auto-fade .premium-fancy-svg-text {
5281
+ position: relative;
5282
+ vertical-align: sub;
5283
+ }
5284
+
5285
+ .premium-fancy-text-wrapper.auto-fade g>text {
5286
+ text-anchor: start;
5287
+ shape-rendering: crispEdges;
5288
+ opacity: 0;
5289
+ font-size: 300px;
5290
+ -webkit-animation-name: pa-auto-fade;
5291
+ animation-name: pa-auto-fade;
5292
+ -moz-animation-name: pa-auto-fade;
5293
+ -webkit-animation-duration: 9s;
5294
+ animation-duration: 9s;
5295
+ -webkit-animation-timing-function: linear;
5296
+ animation-timing-function: linear;
5297
+ -webkit-animation-iteration-count: infinite;
5298
+ animation-iteration-count: infinite;
5299
+ }
5300
+
5301
+ .premium-fancy-text-wrapper.auto-fade g>text:nth-child(1) {
5302
+ -webkit-animation-delay: 0s;
5303
+ animation-delay: 0s;
5304
+ }
5305
+
5306
+ .premium-fancy-text-wrapper.auto-fade g>text:nth-child(2) {
5307
+ -webkit-animation-delay: 3s;
5308
+ animation-delay: 3s;
5309
+ }
5310
+
5311
+ .premium-fancy-text-wrapper.auto-fade g>text:nth-child(3) {
5312
+ -webkit-animation-delay: 6s;
5313
+ animation-delay: 6s;
5314
+ }
5315
+
5316
+ .premium-fancy-text-wrapper.loading .premium-fancy-text {
5317
+ position: relative;
5318
+ }
5319
+
5320
+ .premium-fancy-text-wrapper.loading .premium-fancy-text .premium-loading-bar {
5321
+ position: absolute;
5322
+ width: 100%;
5323
+ height: 3px;
5324
+ bottom: 0;
5325
+ left: 0;
5326
+ animation: pa-loading-bar 2.5s ease-out infinite;
5327
+ -webkit-animation: pa-loading-bar 2.5s ease-out infinite;
5328
+ }
5329
+
5330
+ .premium-fancy-text-wrapper.loading.pause .premium-fancy-text:hover .premium-loading-bar {
5331
+ -webkit-animation-play-state: paused;
5332
+ animation-play-state: paused;
5333
+ }
5334
+
5335
+ @-webkit-keyframes pa-auto-fade {
5336
+ 0% {
5337
+ opacity: 0;
5338
+ }
5339
+
5340
+ 20% {
5341
+ opacity: 1;
5342
+ }
5343
+
5344
+ 35% {
5345
+ opacity: 0;
5346
+ }
5347
+
5348
+ 100% {
5349
+ opacity: 0;
5350
+ }
5351
+ }
5352
+
5353
+ @keyframes pa-auto-fade {
5354
+ 0% {
5355
+ opacity: 0;
5356
+ }
5357
+
5358
+ 20% {
5359
+ opacity: 1;
5360
+ }
5361
+
5362
+ 35% {
5363
+ opacity: 0;
5364
+ }
5365
+
5366
+ 100% {
5367
+ opacity: 0;
5368
+ }
5369
+ }
5370
+
5371
+ @-webkit-keyframes pa-loading-bar {
5372
+ 0% {
5373
+ width: 0;
5374
+ }
5375
+
5376
+ 100% {
5377
+ width: 100;
5378
+ }
5379
+ }
5380
+
5381
+ @keyframes pa-loading-bar {
5382
+ 0% {
5383
+ width: 0;
5384
+ }
5385
+
5386
+ 100% {
5387
+ width: 100;
5388
+ }
5389
+ }
5390
+
5391
+ @-webkit-keyframes pa-zoom-in {
5392
+ 0% {
5393
+ opacity: 0;
5394
+ -webkit-transform: translateZ(100px);
5395
+ transform: translateZ(100px);
5396
+ }
5397
+
5398
+ 100% {
5399
+ opacity: 1;
5400
+ -webkit-transform: translateZ(0);
5401
+ transform: translateZ(0);
5402
+ }
5403
+ }
5404
+
5405
+ @keyframes pa-zoom-in {
5406
+ 0% {
5407
+ opacity: 0;
5408
+ -webkit-transform: translateZ(100px);
5409
+ transform: translateZ(100px);
5410
+ }
5411
+
5412
+ 100% {
5413
+ opacity: 1;
5414
+ -webkit-transform: translateZ(0);
5415
+ transform: translateZ(0);
5416
+ }
5417
+ }
5418
+
5419
+ @-webkit-keyframes pa-zoom-out {
5420
+ 0% {
5421
+ opacity: 1;
5422
+ -webkit-transform: translateZ(0);
5423
+ transform: translateZ(0);
5424
+ }
5425
+
5426
+ 100% {
5427
+ opacity: 0;
5428
+ -webkit-transform: translateZ(-100px);
5429
+ transform: translateZ(-100px);
5430
+ }
5431
+ }
5432
+
5433
+ @keyframes pa-zoom-out {
5434
+ 0% {
5435
+ opacity: 1;
5436
+ -webkit-transform: translateZ(0);
5437
+ transform: translateZ(0);
5438
+ }
5439
+
5440
+ 100% {
5441
+ opacity: 0;
5442
+ -webkit-transform: translateZ(-100px);
5443
+ transform: translateZ(-100px);
5444
+ }
5445
+ }
5446
+
5447
+ @-webkit-keyframes pa-rotate-in {
5448
+ 0% {
5449
+ opacity: 0;
5450
+ -webkit-transform: rotateX(180deg);
5451
+ transform: rotateX(180deg);
5452
+ }
5453
+
5454
+ 35% {
5455
+ opacity: 0;
5456
+ -webkit-transform: rotateX(120deg);
5457
+ transform: rotateX(120deg);
5458
+ }
5459
+
5460
+ 65% {
5461
+ opacity: 0;
5462
+ }
5463
+
5464
+ 100% {
5465
+ opacity: 1;
5466
+ -webkit-transform: rotateX(360deg);
5467
+ transform: rotateX(360deg);
5468
+ }
5469
+ }
5470
+
5471
+ @keyframes pa-rotate-in {
5472
+ 0% {
5473
+ opacity: 0;
5474
+ -webkit-transform: rotateX(180deg);
5475
+ transform: rotateX(180deg);
5476
+ }
5477
+
5478
+ 35% {
5479
+ opacity: 0;
5480
+ -webkit-transform: rotateX(120deg);
5481
+ transform: rotateX(120deg);
5482
+ }
5483
+
5484
+ 65% {
5485
+ opacity: 0;
5486
+ }
5487
+
5488
+ 100% {
5489
+ opacity: 1;
5490
+ -webkit-transform: rotateX(360deg);
5491
+ transform: rotateX(360deg);
5492
+ }
5493
+ }
5494
+
5495
+ @-webkit-keyframes pa-rotate-out {
5496
+ 0% {
5497
+ opacity: 1;
5498
+ -webkit-transform: rotateX(0deg);
5499
+ transform: rotateX(0deg);
5500
+ }
5501
+
5502
+ 35% {
5503
+ opacity: 1;
5504
+ -webkit-transform: rotateX(-40deg);
5505
+ transform: rotateX(-40deg);
5506
+ }
5507
+
5508
+ 65% {
5509
+ opacity: 0;
5510
+ }
5511
+
5512
+ 100% {
5513
+ opacity: 0;
5514
+ -webkit-transform: rotateX(180deg);
5515
+ transform: rotateX(180deg);
5516
+ }
5517
+ }
5518
+
5519
+ @keyframes pa-rotate-out {
5520
+ 0% {
5521
+ opacity: 1;
5522
+ -webkit-transform: rotateX(0deg);
5523
+ transform: rotateX(0deg);
5524
+ }
5525
+
5526
+ 35% {
5527
+ opacity: 1;
5528
+ -webkit-transform: rotateX(-40deg);
5529
+ transform: rotateX(-40deg);
5530
+ }
5531
+
5532
+ 65% {
5533
+ opacity: 0;
5534
+ }
5535
+
5536
+ 100% {
5537
+ opacity: 0;
5538
+ -webkit-transform: rotateX(180deg);
5539
+ transform: rotateX(180deg);
5540
+ }
5541
+ }
5542
+
5543
+ /**************** Premium Pricing Table ****************/
5544
+ /*******************************************************/
5545
+ .premium-pricing-table-container {
5546
+ position: relative;
5547
+ overflow: hidden;
5548
+ text-align: center;
5549
+ -webkit-transition: all 0.3s ease-in-out;
5550
+ transition: all 0.3s ease-in-out;
5551
+ }
5552
+
5553
+ .premium-pricing-icon-container {
5554
+ -js-display: flex;
5555
+ display: -webkit-box;
5556
+ display: -webkit-flex;
5557
+ display: -moz-box;
5558
+ display: -ms-flexbox;
5559
+ display: flex;
5560
+ -webkit-box-pack: center;
5561
+ -webkit-justify-content: center;
5562
+ -moz-box-pack: center;
5563
+ -ms-flex-pack: center;
5564
+ justify-content: center;
5565
+ line-height: 0;
5566
+ }
5567
+
5568
+ .premium-pricing-icon-container .premium-pricing-icon {
5569
+ display: inline-block;
5570
+ }
5571
+
5572
+ .premium-pricing-icon-container .premium-pricing-image {
5573
+ overflow: hidden;
5574
+ }
5575
+
5576
+ .premium-pricing-icon-container .premium-pricing-image img {
5577
+ width: 25px;
5578
+ height: 25px;
5579
+ -o-object-fit: cover;
5580
+ object-fit: cover;
5581
+ }
5582
+
5583
+ .premium-badge-left {
5584
+ position: absolute;
5585
+ top: 0;
5586
+ }
5587
+
5588
+ .premium-badge-right {
5589
+ position: absolute;
5590
+ top: 0;
5591
+ right: 0;
5592
+ }
5593
+
5594
+ .premium-badge-left {
5595
+ left: 0;
5596
+ }
5597
+
5598
+ .premium-badge-triangle.premium-badge-left .corner {
5599
+ width: 0;
5600
+ height: 0;
5601
+ border-top: 150px solid;
5602
+ border-bottom: 150px solid transparent;
5603
+ border-right: 150px solid transparent;
5604
+ }
5605
+
5606
+ .premium-badge-triangle.premium-badge-right .corner {
5607
+ width: 0;
5608
+ height: 0;
5609
+ border-bottom: 150px solid transparent;
5610
+ border-right: 150px solid;
5611
+ border-left: 150px solid transparent;
5612
+ }
5613
+
5614
+ .premium-badge-triangle span {
5615
+ position: absolute;
5616
+ top: 35px;
5617
+ width: 100px;
5618
+ text-align: center;
5619
+ -webkit-transform: rotate(-45deg);
5620
+ -ms-transform: rotate(-45deg);
5621
+ transform: rotate(-45deg);
5622
+ display: block;
5623
+ text-transform: uppercase;
5624
+ }
5625
+
5626
+ .premium-badge-triangle.premium-badge-right span {
5627
+ -webkit-transform: rotate(45deg);
5628
+ -ms-transform: rotate(45deg);
5629
+ transform: rotate(45deg);
5630
+ right: 0;
5631
+ }
5632
+
5633
+ .premium-badge-circle {
5634
+ min-width: 4em;
5635
+ min-height: 4em;
5636
+ line-height: 4em;
5637
+ text-align: center;
5638
+ -webkit-border-radius: 100%;
5639
+ border-radius: 100%;
5640
+ position: absolute;
5641
+ z-index: 1;
5642
+ }
5643
+
5644
+ .premium-badge-stripe {
5645
+ position: absolute;
5646
+ -webkit-transform: rotate(90deg);
5647
+ -ms-transform: rotate(90deg);
5648
+ transform: rotate(90deg);
5649
+ width: 15em;
5650
+ overflow: hidden;
5651
+ height: 15em;
5652
+ }
5653
+
5654
+ .premium-badge-stripe.premium-badge-left {
5655
+ -webkit-transform: rotate(0);
5656
+ -ms-transform: rotate(0);
5657
+ transform: rotate(0);
5658
+ }
5659
+
5660
+ .premium-badge-stripe .corner {
5661
+ text-align: center;
5662
+ left: 0;
5663
+ width: 150%;
5664
+ -webkit-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
5665
+ -ms-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
5666
+ transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
5667
+ margin-top: 35px;
5668
+ font-size: 13px;
5669
+ line-height: 2;
5670
+ font-weight: 800;
5671
+ text-transform: uppercase;
5672
+ }
5673
+
5674
+ .premium-badge-flag .corner {
5675
+ text-align: center;
5676
+ -webkit-border-radius: 4px 4px 0 4px;
5677
+ border-radius: 4px 4px 0 4px;
5678
+ padding: 3px 15px;
5679
+ position: absolute;
5680
+ top: 10%;
5681
+ right: -8px;
5682
+ }
5683
+
5684
+ .premium-badge-flag .corner::before,
5685
+ .premium-badge-flag .corner::after {
5686
+ content: "";
5687
+ display: block;
5688
+ position: absolute;
5689
+ width: 0;
5690
+ height: 0;
5691
+ top: 100%;
5692
+ right: 0;
5693
+ border-bottom: 8px solid transparent;
5694
+ }
5695
+
5696
+ .elementor-widget-premium-addon-pricing-table .elementor-widget-container {
5697
+ overflow: visible !important;
5698
+ }
5699
+
5700
+ .premium-badge-flag .corner::after {
5701
+ border-left: 8px solid rgba(0, 0, 0, 0.2);
5702
+ }
5703
+
5704
+ .premium-pricing-price-currency {
5705
+ position: relative;
5706
+ }
5707
+
5708
+ .premium-pricing-button-container {
5709
+ display: block;
5710
+ }
5711
+
5712
+ .premium-pricing-list {
5713
+ -js-display: flex;
5714
+ display: -webkit-box;
5715
+ display: -webkit-flex;
5716
+ display: -moz-box;
5717
+ display: -ms-flexbox;
5718
+ display: flex;
5719
+ -webkit-box-orient: vertical;
5720
+ -webkit-box-direction: normal;
5721
+ -webkit-flex-direction: column;
5722
+ -moz-box-orient: vertical;
5723
+ -moz-box-direction: normal;
5724
+ -ms-flex-direction: column;
5725
+ flex-direction: column;
5726
+ list-style-type: none;
5727
+ margin: 0;
5728
+ }
5729
+
5730
+ .premium-pricing-list .premium-pricing-list-item {
5731
+ -js-display: flex;
5732
+ display: -webkit-box;
5733
+ display: -webkit-flex;
5734
+ display: -moz-box;
5735
+ display: -ms-flexbox;
5736
+ display: flex;
5737
+ -webkit-box-align: center;
5738
+ -webkit-align-items: center;
5739
+ -moz-box-align: center;
5740
+ -ms-flex-align: center;
5741
+ align-items: center;
5742
+ }
5743
+
5744
+ .premium-pricing-list .premium-pricing-list-item svg {
5745
+ width: 50px;
5746
+ height: 50px;
5747
+ }
5748
+
5749
+ .premium-pricing-list .premium-pricing-list-item img {
5750
+ width: 30px;
5751
+ height: 30px;
5752
+ -o-object-fit: cover;
5753
+ object-fit: cover;
5754
+ }
5755
+
5756
+ .premium-pricing-list .premium-pricing-list-span {
5757
+ position: relative;
5758
+ }
5759
+
5760
+ .premium-pricing-list .list-item-tooltip {
5761
+ border-bottom: 1px dotted;
5762
+ }
5763
+
5764
+ .premium-pricing-list .premium-pricing-list-tooltip {
5765
+ position: absolute;
5766
+ top: -webkit-calc(100% + 1px);
5767
+ top: calc(100% + 1px);
5768
+ right: 0;
5769
+ visibility: hidden;
5770
+ padding: 15px 20px;
5771
+ -webkit-border-radius: 5px;
5772
+ border-radius: 5px;
5773
+ min-width: 200px;
5774
+ overflow: hidden;
5775
+ text-align: right;
5776
+ font-size: 0.8rem;
5777
+ color: #fff;
5778
+ background-color: #aaa;
5779
+ }
5780
+
5781
+ .premium-pricing-features-left .premium-pricing-list-span {
5782
+ text-align: right;
5783
+ }
5784
+
5785
+ .premium-pricing-features-center .premium-pricing-list-span {
5786
+ text-align: center;
5787
+ }
5788
+
5789
+ .premium-pricing-features-right .premium-pricing-list-span {
5790
+ text-align: left;
5791
+ }
5792
+
5793
+ .premium-pricing-list-span:hover .premium-pricing-list-tooltip {
5794
+ z-index: 99;
5795
+ visibility: visible;
5796
+ opacity: 1;
5797
+ }
5798
+
5799
+ .premium-pricing-slashed-price-value {
5800
+ display: inline-block;
5801
+ font-size: 20px;
5802
+ font-weight: 400;
5803
+ margin-left: 5px;
5804
+ }
5805
+
5806
+ .premium-pricing-price-value {
5807
+ font-size: 70px;
5808
+ }
5809
+
5810
+ .premium-pricing-description-container li {
5811
+ list-style-position: inside;
5812
+ text-indent: -40px;
5813
+ }
5814
+
5815
+ @-moz-document url-prefix() {
5816
+ .premium-pricing-description-container li {
5817
+ text-indent: 0px;
5818
+ }
5819
+ }
5820
+
5821
+ .premium-pricing-price-button {
5822
+ display: block;
5823
+ padding: 6px 12px;
5824
+ line-height: 1.42857143;
5825
+ text-align: center;
5826
+ color: #fff;
5827
+ background: #6ec1e4;
5828
+ margin-bottom: 0;
5829
+ -webkit-transition: all 0.3s ease-in-out;
5830
+ transition: all 0.3s ease-in-out;
5831
+ }
5832
+
5833
+ /**************** Premium Google Maps ******************/
5834
+ /*******************************************************/
5835
+ .premium-maps-info-container {
5836
+ margin-top: 10px;
5837
+ margin-bottom: 10px;
5838
+ }
5839
+
5840
+ .premium-maps-info-title,
5841
+ .premium-maps-info-desc {
5842
+ margin: 0;
5843
+ padding: 0;
5844
+ }
5845
+
5846
+ .premium-maps-container .gm-style-iw {
5847
+ text-align: center;
5848
+ direction: ltr;
5849
+ }
5850
+
5851
+ .premium-maps-container .gm-style img {
5852
+ max-width: none !important;
5853
+ }
5854
+
5855
+ /**************** Premium Button ***********************/
5856
+ /*******************************************************/
5857
+ .premium-button {
5858
+ -js-display: inline-flex;
5859
+ display: -webkit-inline-box;
5860
+ display: -webkit-inline-flex;
5861
+ display: -moz-inline-box;
5862
+ display: -ms-inline-flexbox;
5863
+ display: inline-flex;
5864
+ position: relative;
5865
+ overflow: hidden;
5866
+ -webkit-backface-visibility: hidden;
5867
+ backface-visibility: hidden;
5868
+ -webkit-transform: translate3d(0, 0, 0);
5869
+ transform: translate3d(0, 0, 0);
5870
+ cursor: pointer;
5871
+ -webkit-transition: all 0.2s ease-in-out !important;
5872
+ transition: all 0.2s ease-in-out !important;
5873
+ }
5874
+
5875
+ .premium-button .premium-lottie-animation,
5876
+ .premium-image-button .premium-lottie-animation {
5877
+ -js-display: flex;
5878
+ display: -webkit-box;
5879
+ display: -webkit-flex;
5880
+ display: -moz-box;
5881
+ display: -ms-flexbox;
5882
+ display: flex;
5883
+ }
5884
+
5885
+ .premium-button svg,
5886
+ .premium-image-button svg {
5887
+ width: 30px;
5888
+ height: 30px;
5889
+ }
5890
+
5891
+ .premium-btn-sm,
5892
+ .premium-btn-md,
5893
+ .premium-btn-lg,
5894
+ .premium-btn-block {
5895
+ background-color: #eee;
5896
+ color: #042551;
5897
+ margin: 0px;
5898
+ text-decoration: none;
5899
+ }
5900
+
5901
+ .premium-btn-sm:hover,
5902
+ .premium-btn-md:hover,
5903
+ .premium-btn-lg:hover,
5904
+ .premium-btn-block:hover {
5905
+ background-color: #54595f;
5906
+ color: #eee;
5907
+ }
5908
+
5909
+ .premium-btn-sm {
5910
+ padding: 12px 24px;
5911
+ font-size: 14px;
5912
+ line-height: 1;
5913
+ }
5914
+
5915
+ .premium-btn-md {
5916
+ padding: 14px 26px;
5917
+ font-size: 16px;
5918
+ line-height: 1.2;
5919
+ }
5920
+
5921
+ .premium-btn-lg {
5922
+ padding: 16px 28px;
5923
+ font-size: 18px;
5924
+ line-height: 1.3333;
5925
+ }
5926
+
5927
+ .premium-btn-block {
5928
+ font-size: 18px;
5929
+ line-height: 1;
5930
+ padding: 20px 0px;
5931
+ width: 100%;
5932
+ text-align: center;
5933
+ }
5934
+
5935
+ .premium-button-text {
5936
+ display: inline-block;
5937
+ width: 100%;
5938
+ }
5939
+
5940
+ .premium-button-style1,
5941
+ .premium-button-style2,
5942
+ .premium-button-style5,
5943
+ .premium-button-style7 {
5944
+ display: inline-block;
5945
+ vertical-align: middle;
5946
+ -webkit-transform: perspective(1px) translateZ(0);
5947
+ transform: perspective(1px) translateZ(0);
5948
+ -webkit-box-shadow: 0 0 1px transparent;
5949
+ box-shadow: 0 0 1px transparent;
5950
+ position: relative;
5951
+ -webkit-transition-property: color;
5952
+ transition-property: color;
5953
+ -webkit-transition-duration: 0.15s;
5954
+ transition-duration: 0.15s;
5955
+ }
5956
+
5957
+ .premium-button-style1:before,
5958
+ .premium-button-style2:before,
5959
+ .premium-button-style5:before {
5960
+ content: "";
5961
+ position: absolute;
5962
+ z-index: -1;
5963
+ top: 0;
5964
+ right: 0;
5965
+ left: 0;
5966
+ bottom: 0;
5967
+ -webkit-transform: scaleY(0);
5968
+ -ms-transform: scaleY(0);
5969
+ transform: scaleY(0);
5970
+ -webkit-transform-origin: 50% 0;
5971
+ -ms-transform-origin: 50% 0;
5972
+ transform-origin: 50% 0;
5973
+ -webkit-transition-property: -webkit-transform;
5974
+ transition-property: -webkit-transform;
5975
+ transition-property: transform;
5976
+ transition-property: transform, -webkit-transform;
5977
+ -webkit-transition-duration: 0.15s;
5978
+ transition-duration: 0.15s;
5979
+ -webkit-transition-timing-function: ease-out;
5980
+ transition-timing-function: ease-out;
5981
+ }
5982
+
5983
+ .premium-button-style5-radialin:before,
5984
+ .premium-button-style5-radialout:before {
5985
+ -webkit-transform-origin: 50%;
5986
+ -ms-transform-origin: 50%;
5987
+ transform-origin: 50%;
5988
+ -webkit-border-radius: 100%;
5989
+ border-radius: 100%;
5990
+ -webkit-transform: scale(0);
5991
+ -ms-transform: scale(0);
5992
+ transform: scale(0);
5993
+ }
5994
+
5995
+ .premium-button-style5-radialin:before {
5996
+ -webkit-transform: scale(2);
5997
+ -ms-transform: scale(2);
5998
+ transform: scale(2);
5999
+ }
6000
+
6001
+ .premium-button-style5-rectin:before {
6002
+ -webkit-transform-origin: 50%;
6003
+ -ms-transform-origin: 50%;
6004
+ transform-origin: 50%;
6005
+ -webkit-transform: scale(1);
6006
+ -ms-transform: scale(1);
6007
+ transform: scale(1);
6008
+ }
6009
+
6010
+ .premium-button-style5-rectout:before {
6011
+ -webkit-transform-origin: 50%;
6012
+ -ms-transform-origin: 50%;
6013
+ transform-origin: 50%;
6014
+ -webkit-transform: scale(0);
6015
+ -ms-transform: scale(0);
6016
+ transform: scale(0);
6017
+ }
6018
+
6019
+ .premium-button-style5-rectout:hover:before {
6020
+ -webkit-transform: scale(1);
6021
+ -ms-transform: scale(1);
6022
+ transform: scale(1);
6023
+ }
6024
+
6025
+ .premium-button-style5-rectin:hover:before {
6026
+ -webkit-transform: scale(0);
6027
+ -ms-transform: scale(0);
6028
+ transform: scale(0);
6029
+ }
6030
+
6031
+ .premium-button-style5-radialout:hover:before {
6032
+ -webkit-transform: scale(2);
6033
+ -ms-transform: scale(2);
6034
+ transform: scale(2);
6035
+ }
6036
+
6037
+ .premium-button-style5-radialin:hover:before {
6038
+ -webkit-transform: scale(0);
6039
+ -ms-transform: scale(0);
6040
+ transform: scale(0);
6041
+ }
6042
+
6043
+ .premium-button-style1-top:before {
6044
+ -webkit-transform-origin: 50% 100%;
6045
+ -ms-transform-origin: 50% 100%;
6046
+ transform-origin: 50% 100%;
6047
+ }
6048
+
6049
+ .premium-button-style1-right:before {
6050
+ -webkit-transform: scaleX(0);
6051
+ -ms-transform: scaleX(0);
6052
+ transform: scaleX(0);
6053
+ -webkit-transform-origin: 100% 50%;
6054
+ -ms-transform-origin: 100% 50%;
6055
+ transform-origin: 100% 50%;
6056
+ }
6057
+
6058
+ .premium-button-style1-left:before {
6059
+ -webkit-transform: scaleX(0);
6060
+ -ms-transform: scaleX(0);
6061
+ transform: scaleX(0);
6062
+ -webkit-transform-origin: 0% 50%;
6063
+ -ms-transform-origin: 0% 50%;
6064
+ transform-origin: 0% 50%;
6065
+ }
6066
+
6067
+ .premium-button-style2-shutouthor:before,
6068
+ .premium-button-style2-scshutoutver:before {
6069
+ -webkit-transform: scaleY(0);
6070
+ -ms-transform: scaleY(0);
6071
+ transform: scaleY(0);
6072
+ -webkit-transform-origin: 0% 50%;
6073
+ -ms-transform-origin: 0% 50%;
6074
+ transform-origin: 0% 50%;
6075
+ }
6076
+
6077
+ .premium-button-style2-shutoutver:before,
6078
+ .premium-button-style2-scshutouthor:before {
6079
+ -webkit-transform: scaleX(0);
6080
+ -ms-transform: scaleX(0);
6081
+ transform: scaleX(0);
6082
+ -webkit-transform-origin: 50% 50%;
6083
+ -ms-transform-origin: 50% 50%;
6084
+ transform-origin: 50% 50%;
6085
+ }
6086
+
6087
+ .premium-button-style2-shutinhor:before {
6088
+ -webkit-transform: scaleX(1);
6089
+ -ms-transform: scaleX(1);
6090
+ transform: scaleX(1);
6091
+ -webkit-transform-origin: 50%;
6092
+ -ms-transform-origin: 50%;
6093
+ transform-origin: 50%;
6094
+ }
6095
+
6096
+ .premium-button-style2-shutinver:before {
6097
+ -webkit-transform: scaleY(1);
6098
+ -ms-transform: scaleY(1);
6099
+ transform: scaleY(1);
6100
+ -webkit-transform-origin: 50%;
6101
+ -ms-transform-origin: 50%;
6102
+ transform-origin: 50%;
6103
+ }
6104
+
6105
+ .premium-button-style1-bottom:hover:before,
6106
+ .premium-button-style1-top:hover:before {
6107
+ -webkit-transform: scaleY(1);
6108
+ -ms-transform: scaleY(1);
6109
+ transform: scaleY(1);
6110
+ }
6111
+
6112
+ .premium-button-style1-left:hover:before,
6113
+ .premium-button-style1-right:hover:before,
6114
+ .premium-button-style2-shutouthor:hover:before,
6115
+ .premium-button-style2-shutoutver:hover:before {
6116
+ -webkit-transform: scaleX(1);
6117
+ -ms-transform: scaleX(1);
6118
+ transform: scaleX(1);
6119
+ }
6120
+
6121
+ .premium-button-style2-shutinhor:hover:before {
6122
+ -webkit-transform: scaleX(0);
6123
+ -ms-transform: scaleX(0);
6124
+ transform: scaleX(0);
6125
+ }
6126
+
6127
+ .premium-button-style2-shutinver:hover:before {
6128
+ -webkit-transform: scaleY(0);
6129
+ -ms-transform: scaleY(0);
6130
+ transform: scaleY(0);
6131
+ }
6132
+
6133
+ .premium-button-style2-scshutouthor:hover:before {
6134
+ -webkit-transform: scaleX(0.9);
6135
+ -ms-transform: scaleX(0.9);
6136
+ transform: scaleX(0.9);
6137
+ }
6138
+
6139
+ .premium-button-style2-scshutoutver:hover:before {
6140
+ -webkit-transform: scaleY(0.8);
6141
+ -ms-transform: scaleY(0.8);
6142
+ transform: scaleY(0.8);
6143
+ }
6144
+
6145
+ /*Diagonal*/
6146
+ .premium-button-style2-dshutinhor:before {
6147
+ top: 50%;
6148
+ right: 50%;
6149
+ width: 120%;
6150
+ height: 0%;
6151
+ -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
6152
+ -ms-transform: translateX(50%) translateY(-50%) rotate(45deg);
6153
+ transform: translateX(50%) translateY(-50%) rotate(45deg);
6154
+ -webkit-transform-origin: 50%;
6155
+ -ms-transform-origin: 50%;
6156
+ transform-origin: 50%;
6157
+ -webkit-transition-property: all;
6158
+ transition-property: all;
6159
+ }
6160
+
6161
+ .premium-button-style2-dshutinver:before {
6162
+ top: 50%;
6163
+ right: 50%;
6164
+ width: 120%;
6165
+ height: 0%;
6166
+ -webkit-transform-origin: 50%;
6167
+ -ms-transform-origin: 50%;
6168
+ transform-origin: 50%;
6169
+ -webkit-transition-property: all;
6170
+ transition-property: all;
6171
+ -webkit-transform: translateX(50%) translateY(-50%) rotate(-45deg);
6172
+ -ms-transform: translateX(50%) translateY(-50%) rotate(-45deg);
6173
+ transform: translateX(50%) translateY(-50%) rotate(-45deg);
6174
+ }
6175
+
6176
+ .premium-button-style2-dshutinhor:hover:before,
6177
+ .premium-button-style2-dshutinver:hover:before {
6178
+ height: 220%;
6179
+ }
6180
+
6181
+ .premium-button-style3-before i,
6182
+ .premium-button-style3-before svg {
6183
+ opacity: 0;
6184
+ -webkit-transform: translateX(5px);
6185
+ -ms-transform: translateX(5px);
6186
+ transform: translateX(5px);
6187
+ -webkit-transition: all 0.5s ease-in-out;
6188
+ transition: all 0.5s ease-in-out;
6189
+ }
6190
+
6191
+ .premium-button-style3-after i,
6192
+ .premium-button-style3-after svg {
6193
+ opacity: 0;
6194
+ -webkit-transform: translateX(5px);
6195
+ -ms-transform: translateX(5px);
6196
+ transform: translateX(5px);
6197
+ -webkit-transition: all 0.5s ease-in-out;
6198
+ transition: all 0.5s ease-in-out;
6199
+ -webkit-transform: translateX(-5px);
6200
+ -ms-transform: translateX(-5px);
6201
+ transform: translateX(-5px);
6202
+ }
6203
+
6204
+ .premium-button-style3-after:hover i,
6205
+ .premium-button-style3-after:hover svg {
6206
+ opacity: 1;
6207
+ }
6208
+
6209
+ .premium-button-style3-before:hover i,
6210
+ .premium-button-style3-before:hover svg {
6211
+ opacity: 1;
6212
+ }
6213
+
6214
+ .premium-button-text-icon-wrapper {
6215
+ width: 100%;
6216
+ -js-display: flex;
6217
+ display: -webkit-box;
6218
+ display: -webkit-flex;
6219
+ display: -moz-box;
6220
+ display: -ms-flexbox;
6221
+ display: flex;
6222
+ -webkit-box-pack: center;
6223
+ -webkit-justify-content: center;
6224
+ -moz-box-pack: center;
6225
+ -ms-flex-pack: center;
6226
+ justify-content: center;
6227
+ -webkit-box-align: center;
6228
+ -webkit-align-items: center;
6229
+ -moz-box-align: center;
6230
+ -ms-flex-align: center;
6231
+ align-items: center;
6232
+ -webkit-transition: all 0.2s ease-in-out;
6233
+ transition: all 0.2s ease-in-out;
6234
+ }
6235
+
6236
+ .premium-button-text-icon-wrapper span,
6237
+ .premium-button-text-icon-wrapper i,
6238
+ .premium-button-text-icon-wrapper svg {
6239
+ -webkit-transition: all 0.2s ease-in-out;
6240
+ transition: all 0.2s ease-in-out;
6241
+ }
6242
+
6243
+ .premium-button-style4-icon-wrapper {
6244
+ position: absolute;
6245
+ z-index: 2;
6246
+ width: 100%;
6247
+ text-align: center;
6248
+ -js-display: flex;
6249
+ display: -webkit-box;
6250
+ display: -webkit-flex;
6251
+ display: -moz-box;
6252
+ display: -ms-flexbox;
6253
+ display: flex;
6254
+ -webkit-box-align: center;
6255
+ -webkit-align-items: center;
6256
+ -moz-box-align: center;
6257
+ -ms-flex-align: center;
6258
+ align-items: center;
6259
+ -webkit-box-pack: center;
6260
+ -webkit-justify-content: center;
6261
+ -moz-box-pack: center;
6262
+ -ms-flex-pack: center;
6263
+ justify-content: center;
6264
+ height: 100%;
6265
+ opacity: 0;
6266
+ -webkit-transition: all 0.3s ease-in-out;
6267
+ transition: all 0.3s ease-in-out;
6268
+ }
6269
+
6270
+ .premium-button-style4-icon-wrapper.top {
6271
+ bottom: -100%;
6272
+ right: 0;
6273
+ }
6274
+
6275
+ .premium-button-style4-icon-wrapper.bottom {
6276
+ top: -100%;
6277
+ right: 0;
6278
+ }
6279
+
6280
+ .premium-button-style4-icon-wrapper.left {
6281
+ top: 0;
6282
+ right: -100%;
6283
+ }
6284
+
6285
+ .premium-button-style4-icon-wrapper.right {
6286
+ top: 0;
6287
+ left: -100%;
6288
+ }
6289
+
6290
+ .premium-button-style4-bottom:hover .premium-button-style4-icon-wrapper {
6291
+ top: 0;
6292
+ opacity: 1;
6293
+ }
6294
+
6295
+ .premium-button-style4-top:hover .premium-button-style4-icon-wrapper {
6296
+ bottom: 0;
6297
+ opacity: 1;
6298
+ }
6299
+
6300
+ .premium-button-style4-left:hover .premium-button-style4-icon-wrapper {
6301
+ right: 0;
6302
+ opacity: 1;
6303
+ }
6304
+
6305
+ .premium-button-style4-right:hover .premium-button-style4-icon-wrapper {
6306
+ left: 0;
6307
+ opacity: 1;
6308
+ }
6309
+
6310
+ .premium-button-style4-bottom:hover .premium-button-text-icon-wrapper {
6311
+ -webkit-transform: translateY(100%);
6312
+ -ms-transform: translateY(100%);
6313
+ transform: translateY(100%);
6314
+ opacity: 0;
6315
+ }
6316
+
6317
+ .premium-button-style4-top:hover .premium-button-text-icon-wrapper {
6318
+ -webkit-transform: translateY(-100%);
6319
+ -ms-transform: translateY(-100%);
6320
+ transform: translateY(-100%);
6321
+ opacity: 0;
6322
+ }
6323
+
6324
+ .premium-button-style4-left:hover .premium-button-text-icon-wrapper {
6325
+ -webkit-transform: translateX(-100%);
6326
+ -ms-transform: translateX(-100%);
6327
+ transform: translateX(-100%);
6328
+ opacity: 0;
6329
+ }
6330
+
6331
+ .premium-button-style4-right:hover .premium-button-text-icon-wrapper {
6332
+ -webkit-transform: translateX(100%);
6333
+ -ms-transform: translateX(100%);
6334
+ transform: translateX(100%);
6335
+ opacity: 0;
6336
+ }
6337
+
6338
+ .premium-button-style6:before {
6339
+ content: "";
6340
+ position: absolute;
6341
+ right: 50%;
6342
+ top: 50%;
6343
+ width: 100px;
6344
+ height: 100px;
6345
+ -webkit-border-radius: 100%;
6346
+ border-radius: 100%;
6347
+ -webkit-transform: translate(50%, -50%) scale(0);
6348
+ -ms-transform: translate(50%, -50%) scale(0);
6349
+ transform: translate(50%, -50%) scale(0);
6350
+ -webkit-transition: all 0.3s ease-in-out;
6351
+ transition: all 0.3s ease-in-out;
6352
+ }
6353
+
6354
+ .premium-button-style6:hover:before {
6355
+ -webkit-transform: translate(50%, -50%) scale(3);
6356
+ -ms-transform: translate(50%, -50%) scale(3);
6357
+ transform: translate(50%, -50%) scale(3);
6358
+ }
6359
+
6360
+ .premium-button-style6 .premium-button-text-icon-wrapper {
6361
+ position: relative;
6362
+ z-index: 1;
6363
+ }
6364
+
6365
+ .premium-mouse-detect-yes .premium-button-style6 .premium-button-style6-bg {
6366
+ position: absolute;
6367
+ z-index: 0;
6368
+ top: 0;
6369
+ right: 0;
6370
+ width: 0px;
6371
+ height: 0px;
6372
+ -webkit-border-radius: 50%;
6373
+ border-radius: 50%;
6374
+ display: block;
6375
+ -webkit-transform: translate(50%, -50%);
6376
+ -ms-transform: translate(50%, -50%);
6377
+ transform: translate(50%, -50%);
6378
+ -webkit-transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
6379
+ transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
6380
+ }
6381
+
6382
+ .premium-mouse-detect-yes .premium-button-style6:hover .premium-button-style6-bg {
6383
+ width: 225%;
6384
+ height: 560px;
6385
+ }
6386
+
6387
+ .premium-mouse-detect-yes .premium-button-style6:before {
6388
+ width: 0;
6389
+ height: 0;
6390
+ }
6391
+
6392
+ .premium-button-style7-right .premium-button-text-icon-wrapper:before,
6393
+ .premium-button-style7-left .premium-button-text-icon-wrapper:before {
6394
+ -webkit-transition: width 0.3s ease-out 0.15s;
6395
+ transition: width 0.3s ease-out 0.15s;
6396
+ }
6397
+
6398
+ .premium-button-style7-right .premium-button-text-icon-wrapper:after,
6399
+ .premium-button-style7-left .premium-button-text-icon-wrapper:after {
6400
+ -webkit-transition: width 0.3s ease-out 0s;
6401
+ transition: width 0.3s ease-out 0s;
6402
+ }
6403
+
6404
+ .premium-button-style7-bottom .premium-button-text-icon-wrapper:before,
6405
+ .premium-button-style7-top .premium-button-text-icon-wrapper:before {
6406
+ -webkit-transition: height 0.3s ease-out 0.15s;
6407
+ transition: height 0.3s ease-out 0.15s;
6408
+ }
6409
+
6410
+ .premium-button-style7-bottom .premium-button-text-icon-wrapper:after,
6411
+ .premium-button-style7-top .premium-button-text-icon-wrapper:after {
6412
+ -webkit-transition: height 0.3s ease-out 0s;
6413
+ transition: height 0.3s ease-out 0s;
6414
+ }
6415
+
6416
+ .premium-button[class*="style7"]:hover .premium-button-text-icon-wrapper:before {
6417
+ -webkit-transition-delay: 0s;
6418
+ transition-delay: 0s;
6419
+ }
6420
+
6421
+ .premium-button[class*="style7"]:hover .premium-button-text-icon-wrapper:after {
6422
+ -webkit-transition-delay: 0.15s;
6423
+ transition-delay: 0.15s;
6424
+ }
6425
+
6426
+ .premium-button-style7-bottom .premium-button-text-icon-wrapper:before,
6427
+ .premium-button-style7-bottom .premium-button-text-icon-wrapper:after {
6428
+ content: "";
6429
+ position: absolute;
6430
+ left: 0;
6431
+ top: 0;
6432
+ right: 0;
6433
+ height: 0;
6434
+ z-index: -1;
6435
+ }
6436
+
6437
+ .premium-button-style7-top .premium-button-text-icon-wrapper:after,
6438
+ .premium-button-style7-top .premium-button-text-icon-wrapper:before {
6439
+ content: "";
6440
+ position: absolute;
6441
+ left: 0;
6442
+ bottom: 0;
6443
+ right: 0;
6444
+ height: 0;
6445
+ z-index: -1;
6446
+ }
6447
+
6448
+ .premium-button-style7-right .premium-button-text-icon-wrapper:after,
6449
+ .premium-button-style7-right .premium-button-text-icon-wrapper:before {
6450
+ content: "";
6451
+ position: absolute;
6452
+ right: 0;
6453
+ top: 0;
6454
+ bottom: 0;
6455
+ width: 0;
6456
+ z-index: -1;
6457
+ }
6458
+
6459
+ .premium-button-style7-left .premium-button-text-icon-wrapper:after,
6460
+ .premium-button-style7-left .premium-button-text-icon-wrapper:before {
6461
+ content: "";
6462
+ position: absolute;
6463
+ left: 0;
6464
+ top: 0;
6465
+ bottom: 0;
6466
+ width: 0;
6467
+ z-index: -1;
6468
+ }
6469
+
6470
+ .premium-button-style7-bottom:hover .premium-button-text-icon-wrapper:after,
6471
+ .premium-button-style7-bottom:hover .premium-button-text-icon-wrapper:before {
6472
+ height: 100%;
6473
+ top: 0;
6474
+ }
6475
+
6476
+ .premium-button-style7-top:hover .premium-button-text-icon-wrapper:after,
6477
+ .premium-button-style7-top:hover .premium-button-text-icon-wrapper:before {
6478
+ height: 100%;
6479
+ bottom: 0;
6480
+ }
6481
+
6482
+ .premium-button-style7-left:hover .premium-button-text-icon-wrapper:after,
6483
+ .premium-button-style7-left:hover .premium-button-text-icon-wrapper:before {
6484
+ width: 100%;
6485
+ left: 0;
6486
+ }
6487
+
6488
+ .premium-button-style7-right:hover .premium-button-text-icon-wrapper:after,
6489
+ .premium-button-style7-right:hover .premium-button-text-icon-wrapper:before {
6490
+ width: 100%;
6491
+ right: 0;
6492
+ }
6493
+
6494
+ /**************** Premium Contact Form7 **********/
6495
+ /*************************************************/
6496
+ .premium-contact-form-anim-yes .wpcf7-span::after {
6497
+ display: block;
6498
+ height: 2px;
6499
+ content: "";
6500
+ top: -2px;
6501
+ position: relative;
6502
+ width: 0px;
6503
+ -webkit-transition: all ease-in-out 0.3s;
6504
+ transition: all ease-in-out 0.3s;
6505
+ }
6506
+
6507
+ .premium-contact-form-anim-yes .wpcf7-span.is-focused::after {
6508
+ width: 100%;
6509
+ }
6510
+
6511
+ .premium-cf7-container input.wpcf7-submit {
6512
+ -webkit-transition: all 0.3s ease-in-out;
6513
+ transition: all 0.3s ease-in-out;
6514
+ }
6515
+
6516
+ /**************** Premium Image Button ***********/
6517
+ /*************************************************/
6518
+ .premium-image-button {
6519
+ -js-display: inline-flex;
6520
+ display: -webkit-inline-box;
6521
+ display: -webkit-inline-flex;
6522
+ display: -moz-inline-box;
6523
+ display: -ms-inline-flexbox;
6524
+ display: inline-flex;
6525
+ position: relative;
6526
+ overflow: hidden;
6527
+ background-color: #eee;
6528
+ cursor: pointer;
6529
+ -webkit-transition: all 0.2s ease-in-out !important;
6530
+ transition: all 0.2s ease-in-out !important;
6531
+ }
6532
+
6533
+ .premium-image-button .premium-button-style6-bg,
6534
+ .premium-image-button.premium-button-style6:before,
6535
+ .premium-image-button:not(.premium-image-button-style6):hover {
6536
+ background-color: #54595f;
6537
+ }
6538
+
6539
+ /*Default background for slide styles*/
6540
+ .premium-image-button:hover,
6541
+ .premium-image-button-style4-icon-wrapper,
6542
+ .premium-image-button-style1-top:before,
6543
+ .premium-image-button-style1-bottom:before,
6544
+ .premium-image-button-style1-left:before,
6545
+ .premium-image-button-style1-right:before {
6546
+ background-color: #54595f;
6547
+ }
6548
+
6549
+ .premium-image-button-text-icon-wrapper {
6550
+ width: 100%;
6551
+ -js-display: flex;
6552
+ display: -webkit-box;
6553
+ display: -webkit-flex;
6554
+ display: -moz-box;
6555
+ display: -ms-flexbox;
6556
+ display: flex;
6557
+ -webkit-box-pack: center;
6558
+ -webkit-justify-content: center;
6559
+ -moz-box-pack: center;
6560
+ -ms-flex-pack: center;
6561
+ justify-content: center;
6562
+ -webkit-box-align: center;
6563
+ -webkit-align-items: center;
6564
+ -moz-box-align: center;
6565
+ -ms-flex-align: center;
6566
+ align-items: center;
6567
+ position: relative;
6568
+ z-index: 3;
6569
+ -webkit-transition: all 0.2s ease-in-out;
6570
+ transition: all 0.2s ease-in-out;
6571
+ }
6572
+
6573
+ .premium-image-button-text-icon-wrapper span,
6574
+ .premium-image-button-text-icon-wrapper,
6575
+ .premium-image-button-text-icon-wrapper i,
6576
+ .premium-image-button-text-icon-wrapper svg {
6577
+ -webkit-transition: all 0.2s ease-in-out;
6578
+ transition: all 0.2s ease-in-out;
6579
+ }
6580
+
6581
+ .premium-image-button-style1-bottom:before,
6582
+ .premium-image-button-style1-top:before,
6583
+ .premium-image-button-style1-left:before,
6584
+ .premium-image-button-style1-right:before {
6585
+ -webkit-transition: all 0.2s ease-in-out;
6586
+ transition: all 0.2s ease-in-out;
6587
+ }
6588
+
6589
+ .premium-image-button-style1-bottom:before {
6590
+ content: "";
6591
+ position: absolute;
6592
+ width: 100%;
6593
+ height: 0;
6594
+ top: 0;
6595
+ right: 0;
6596
+ }
6597
+
6598
+ .premium-image-button-style1-top:before {
6599
+ content: "";
6600
+ position: absolute;
6601
+ width: 100%;
6602
+ height: 0;
6603
+ bottom: 0;
6604
+ right: 0;
6605
+ }
6606
+
6607
+ .premium-image-button-style1-right:before {
6608
+ content: "";
6609
+ position: absolute;
6610
+ width: 0;
6611
+ height: 100%;
6612
+ bottom: 0;
6613
+ right: 0;
6614
+ }
6615
+
6616
+ .premium-image-button-style1-left:before {
6617
+ content: "";
6618
+ position: absolute;
6619
+ width: 0;
6620
+ height: 100%;
6621
+ top: 0;
6622
+ left: 0;
6623
+ }
6624
+
6625
+ .premium-image-button-style1-bottom:hover:before {
6626
+ height: 100%;
6627
+ }
6628
+
6629
+ .premium-image-button-style1-top:hover:before {
6630
+ height: 100%;
6631
+ }
6632
+
6633
+ .premium-image-button-style1-right:hover:before {
6634
+ width: 100%;
6635
+ }
6636
+
6637
+ .premium-image-button-style1-left:hover:before {
6638
+ width: 100%;
6639
+ }
6640
+
6641
+ .premium-image-button-diagonal-top,
6642
+ .premium-image-button-diagonal-bottom,
6643
+ .premium-image-button-diagonal-left,
6644
+ .premium-image-button-diagonal-right {
6645
+ z-index: 10;
6646
+ }
6647
+
6648
+ .premium-image-button-diagonal-top:before,
6649
+ .premium-image-button-diagonal-bottom:before,
6650
+ .premium-image-button-diagonal-left:before,
6651
+ .premium-image-button-diagonal-right:before {
6652
+ position: absolute;
6653
+ top: 0px;
6654
+ right: 0px;
6655
+ width: 100%;
6656
+ height: 100%;
6657
+ content: "";
6658
+ z-index: 1;
6659
+ background: rgba(255, 255, 255, 0.2);
6660
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6661
+ -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6662
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6663
+ -webkit-transition: all 0.8s ease-out;
6664
+ transition: all 0.8s ease-out;
6665
+ }
6666
+
6667
+ .premium-image-button-diagonal-right:hover:before,
6668
+ .premium-image-button-diagonal-left:before {
6669
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
6670
+ -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
6671
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
6672
+ }
6673
+
6674
+ .premium-image-button-diagonal-left:hover:before,
6675
+ .premium-image-button-diagonal-right:before {
6676
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
6677
+ -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
6678
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
6679
+ }
6680
+
6681
+ .premium-image-button-diagonal-top:hover:before,
6682
+ .premium-image-button-diagonal-bottom:before {
6683
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6684
+ -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6685
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6686
+ }
6687
+
6688
+ .premium-image-button-diagonal-bottom:hover:before,
6689
+ .premium-image-button-diagonal-top:before {
6690
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
6691
+ -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
6692
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
6693
+ }
6694
+
6695
+ .premium-image-button-style4-icon-wrapper {
6696
+ position: absolute;
6697
+ z-index: 2;
6698
+ width: 100%;
6699
+ text-align: center;
6700
+ display: -webkit-box;
6701
+ display: -webkit-flex;
6702
+ display: -ms-flexbox;
6703
+ -js-display: flex;
6704
+ display: -moz-box;
6705
+ display: flex;
6706
+ -webkit-box-align: center;
6707
+ -webkit-align-items: center;
6708
+ -moz-box-align: center;
6709
+ -ms-flex-align: center;
6710
+ align-items: center;
6711
+ -webkit-box-pack: center;
6712
+ -webkit-justify-content: center;
6713
+ -moz-box-pack: center;
6714
+ -ms-flex-pack: center;
6715
+ justify-content: center;
6716
+ height: 100%;
6717
+ opacity: 0;
6718
+ -webkit-transition: all 0.3s ease-in-out;
6719
+ transition: all 0.3s ease-in-out;
6720
+ }
6721
+
6722
+ .premium-image-button-style4-icon-wrapper.top {
6723
+ bottom: -100%;
6724
+ right: 0;
6725
+ }
6726
+
6727
+ .premium-image-button-style4-icon-wrapper.bottom {
6728
+ top: -100%;
6729
+ right: 0;
6730
+ }
6731
+
6732
+ .premium-image-button-style4-icon-wrapper.left {
6733
+ top: 0;
6734
+ right: -100%;
6735
+ }
6736
+
6737
+ .premium-image-button-style4-icon-wrapper.right {
6738
+ top: 0;
6739
+ left: -100%;
6740
+ }
6741
+
6742
+ .premium-image-button-style4-bottom:hover .premium-image-button-style4-icon-wrapper {
6743
+ top: 0;
6744
+ opacity: 1;
6745
+ }
6746
+
6747
+ .premium-image-button-style4-top:hover .premium-image-button-style4-icon-wrapper {
6748
+ bottom: 0;
6749
+ opacity: 1;
6750
+ }
6751
+
6752
+ .premium-image-button-style4-left:hover .premium-image-button-style4-icon-wrapper {
6753
+ right: 0;
6754
+ opacity: 1;
6755
+ }
6756
+
6757
+ .premium-image-button-style4-right:hover .premium-image-button-style4-icon-wrapper {
6758
+ left: 0;
6759
+ opacity: 1;
6760
+ }
6761
+
6762
+ .premium-image-button-style4-bottom:hover .premium-image-button-text-icon-wrapper {
6763
+ -webkit-transform: translateY(100%);
6764
+ -ms-transform: translateY(100%);
6765
+ transform: translateY(100%);
6766
+ opacity: 0;
6767
+ }
6768
+
6769
+ .premium-image-button-style4-top:hover .premium-image-button-text-icon-wrapper {
6770
+ -webkit-transform: translateY(-100%);
6771
+ -ms-transform: translateY(-100%);
6772
+ transform: translateY(-100%);
6773
+ opacity: 0;
6774
+ }
6775
+
6776
+ .premium-image-button-style4-left:hover .premium-image-button-text-icon-wrapper {
6777
+ -webkit-transform: translateX(-100%);
6778
+ -ms-transform: translateX(-100%);
6779
+ transform: translateX(-100%);
6780
+ opacity: 0;
6781
+ }
6782
+
6783
+ .premium-image-button-style4-right:hover .premium-image-button-text-icon-wrapper {
6784
+ -webkit-transform: translateX(100%);
6785
+ -ms-transform: translateX(100%);
6786
+ transform: translateX(100%);
6787
+ opacity: 0;
6788
+ }
6789
+
6790
+ .premium-image-button-overlap-effect-horizontal:before,
6791
+ .premium-image-button-overlap-effect-vertical:before {
6792
+ position: absolute;
6793
+ content: "";
6794
+ top: 0;
6795
+ right: 0;
6796
+ width: 100%;
6797
+ height: 100%;
6798
+ opacity: 0;
6799
+ -webkit-transition: all 1s ease-in-out;
6800
+ transition: all 1s ease-in-out;
6801
+ background: rgba(255, 255, 255, 0.2);
6802
+ -webkit-animation-name: premium-overlap-effect-done;
6803
+ animation-name: premium-overlap-effect-done;
6804
+ -webkit-animation-duration: 1s;
6805
+ animation-duration: 1s;
6806
+ }
6807
+
6808
+ .premium-image-button-overlap-effect-vertical:before {
6809
+ -webkit-animation-name: premium-overlap-ver-effect-done;
6810
+ animation-name: premium-overlap-ver-effect-done;
6811
+ -webkit-animation-duration: 1s;
6812
+ animation-duration: 1s;
6813
+ }
6814
+
6815
+ .premium-image-button-overlap-effect-horizontal:hover:before {
6816
+ -webkit-animation-name: premium-overlap-effect;
6817
+ animation-name: premium-overlap-effect;
6818
+ -webkit-animation-duration: 1s;
6819
+ animation-duration: 1s;
6820
+ }
6821
+
6822
+ .premium-image-button-overlap-effect-vertical:hover:before {
6823
+ -webkit-animation-name: premium-overlap-ver-effect;
6824
+ animation-name: premium-overlap-ver-effect;
6825
+ -webkit-animation-duration: 1s;
6826
+ animation-duration: 1s;
6827
+ }
6828
+
6829
+ @-webkit-keyframes premium-overlap-effect {
6830
+ 0% {
6831
+ opacity: 0;
6832
+ -webkit-transform: rotateY(0deg);
6833
+ transform: rotateY(0deg);
6834
+ }
6835
+
6836
+ 50% {
6837
+ opacity: 1;
6838
+ -webkit-transform: rotateY(180deg);
6839
+ transform: rotateY(180deg);
6840
+ }
6841
+
6842
+ 100% {
6843
+ opacity: 0;
6844
+ -webkit-transform: rotateY(360deg);
6845
+ transform: rotateY(360deg);
6846
+ }
6847
+ }
6848
+
6849
+ @keyframes premium-overlap-effect {
6850
+ 0% {
6851
+ opacity: 0;
6852
+ -webkit-transform: rotateY(0deg);
6853
+ transform: rotateY(0deg);
6854
+ }
6855
+
6856
+ 50% {
6857
+ opacity: 1;
6858
+ -webkit-transform: rotateY(180deg);
6859
+ transform: rotateY(180deg);
6860
+ }
6861
+
6862
+ 100% {
6863
+ opacity: 0;
6864
+ -webkit-transform: rotateY(360deg);
6865
+ transform: rotateY(360deg);
6866
+ }
6867
+ }
6868
+
6869
+ @-webkit-keyframes premium-overlap-effect-done {
6870
+ 0% {
6871
+ opacity: 0;
6872
+ -webkit-transform: rotateY(0deg);
6873
+ transform: rotateY(0deg);
6874
+ }
6875
+
6876
+ 50% {
6877
+ opacity: 1;
6878
+ -webkit-transform: rotateY(180deg);
6879
+ transform: rotateY(180deg);
6880
+ }
6881
+
6882
+ 100% {
6883
+ opacity: 0;
6884
+ -webkit-transform: rotateY(360deg);
6885
+ transform: rotateY(360deg);
6886
+ }
6887
+ }
6888
+
6889
+ @keyframes premium-overlap-effect-done {
6890
+ 0% {
6891
+ opacity: 0;
6892
+ -webkit-transform: rotateY(0deg);
6893
+ transform: rotateY(0deg);
6894
+ }
6895
+
6896
+ 50% {
6897
+ opacity: 1;
6898
+ -webkit-transform: rotateY(180deg);
6899
+ transform: rotateY(180deg);
6900
+ }
6901
+
6902
+ 100% {
6903
+ opacity: 0;
6904
+ -webkit-transform: rotateY(360deg);
6905
+ transform: rotateY(360deg);
6906
+ }
6907
+ }
6908
+
6909
+ @-webkit-keyframes premium-overlap-ver-effect {
6910
+ 0% {
6911
+ opacity: 0;
6912
+ -webkit-transform: rotateX(0deg);
6913
+ transform: rotateX(0deg);
6914
+ }
6915
+
6916
+ 50% {
6917
+ opacity: 1;
6918
+ -webkit-transform: rotateX(180deg);
6919
+ transform: rotateX(180deg);
6920
+ }
6921
+
6922
+ 100% {
6923
+ opacity: 0;
6924
+ -webkit-transform: rotateX(360deg);
6925
+ transform: rotateX(360deg);
6926
+ }
6927
+ }
6928
+
6929
+ @keyframes premium-overlap-ver-effect {
6930
+ 0% {
6931
+ opacity: 0;
6932
+ -webkit-transform: rotateX(0deg);
6933
+ transform: rotateX(0deg);
6934
+ }
6935
+
6936
+ 50% {
6937
+ opacity: 1;
6938
+ -webkit-transform: rotateX(180deg);
6939
+ transform: rotateX(180deg);
6940
+ }
6941
+
6942
+ 100% {
6943
+ opacity: 0;
6944
+ -webkit-transform: rotateX(360deg);
6945
+ transform: rotateX(360deg);
6946
+ }
6947
+ }
6948
+
6949
+ @-webkit-keyframes premium-overlap-ver-effect-done {
6950
+ 0% {
6951
+ opacity: 0;
6952
+ -webkit-transform: rotateX(0deg);
6953
+ transform: rotateX(0deg);
6954
+ }
6955
+
6956
+ 50% {
6957
+ opacity: 1;
6958
+ -webkit-transform: rotateX(180deg);
6959
+ transform: rotateX(180deg);
6960
+ }
6961
+
6962
+ 100% {
6963
+ opacity: 0;
6964
+ -webkit-transform: rotateX(360deg);
6965
+ transform: rotateX(360deg);
6966
+ }
6967
+ }
6968
+
6969
+ @keyframes premium-overlap-ver-effect-done {
6970
+ 0% {
6971
+ opacity: 0;
6972
+ -webkit-transform: rotateX(0deg);
6973
+ transform: rotateX(0deg);
6974
+ }
6975
+
6976
+ 50% {
6977
+ opacity: 1;
6978
+ -webkit-transform: rotateX(180deg);
6979
+ transform: rotateX(180deg);
6980
+ }
6981
+
6982
+ 100% {
6983
+ opacity: 0;
6984
+ -webkit-transform: rotateX(360deg);
6985
+ transform: rotateX(360deg);
6986
+ }
6987
+ }
6988
+
6989
+ /******** Premium Media Grid ********/
6990
+ /************************************/
6991
+ .premium-img-gallery-filter,
6992
+ .premium-blog-filter {
6993
+ display: -webkit-box;
6994
+ display: -webkit-flex;
6995
+ display: -ms-flexbox;
6996
+ -js-display: flex;
6997
+ display: -moz-box;
6998
+ display: flex;
6999
+ -webkit-box-align: center;
7000
+ -webkit-align-items: center;
7001
+ -moz-box-align: center;
7002
+ -ms-flex-align: center;
7003
+ align-items: center;
7004
+ -webkit-box-pack: center;
7005
+ -webkit-justify-content: center;
7006
+ -moz-box-pack: center;
7007
+ -ms-flex-pack: center;
7008
+ justify-content: center;
7009
+ }
7010
+
7011
+ .premium-img-gallery {
7012
+ clear: both;
7013
+ overflow: hidden;
7014
+ }
7015
+
7016
+ .premium-gallery-container .premium-gallery-item {
7017
+ padding: 10px;
7018
+ float: right;
7019
+ /* Google Chrome isotope issue */
7020
+ }
7021
+
7022
+ .premium-gallery-container .grid-sizer {
7023
+ width: 33.33%;
7024
+ }
7025
+
7026
+ .premium-img-gallery-filter .premium-gallery-cats-container li a.category,
7027
+ .premium-blog-filter .premium-blog-filters-container li a.category {
7028
+ outline: none;
7029
+ text-decoration: none;
7030
+ -webkit-border-radius: 75px;
7031
+ border-radius: 75px;
7032
+ margin: 15px 5px 20px;
7033
+ padding: 7px 20px;
7034
+ -webkit-transition: all 0.3s ease-in-out;
7035
+ transition: all 0.3s ease-in-out;
7036
+ }
7037
+
7038
+ .premium-img-gallery-filter .premium-gallery-cats-container li a.category span {
7039
+ -webkit-transition: all 0.3s ease-in-out;
7040
+ transition: all 0.3s ease-in-out;
7041
+ }
7042
+
7043
+ .pa-gallery-img {
7044
+ position: relative;
7045
+ }
7046
+
7047
+ .pa-gallery-img .pa-gallery-whole-link {
7048
+ position: absolute;
7049
+ top: 0;
7050
+ right: 0;
7051
+ width: 100%;
7052
+ height: 100%;
7053
+ }
7054
+
7055
+ .pa-gallery-img.style2 .pa-gallery-whole-link {
7056
+ z-index: 99;
7057
+ }
7058
+
7059
+ .pa-gallery-img-container {
7060
+ overflow: hidden;
7061
+ -webkit-backface-visibility: hidden;
7062
+ -moz-backface-visibility: hidden;
7063
+ -webkit-transform: translate3d(0, 0, 0);
7064
+ transform: translate3d(0, 0, 0);
7065
+ }
7066
+
7067
+ .pa-gallery-img-container img {
7068
+ display: block;
7069
+ width: 100%;
7070
+ -webkit-transition: all 0.3s ease-in-out;
7071
+ transition: all 0.3s ease-in-out;
7072
+ }
7073
+
7074
+ .premium-img-gallery.gray img {
7075
+ -webkit-filter: grayscale(100%);
7076
+ filter: grayscale(100%);
7077
+ }
7078
+
7079
+ .premium-img-gallery.zoomout img,
7080
+ .premium-img-gallery.scale img {
7081
+ -webkit-transform: scale(1.2);
7082
+ -ms-transform: scale(1.2);
7083
+ transform: scale(1.2);
7084
+ }
7085
+
7086
+ .premium-img-gallery.sepia img {
7087
+ -webkit-filter: sepia(30%);
7088
+ filter: sepia(30%);
7089
+ }
7090
+
7091
+ .premium-img-gallery.bright img {
7092
+ -webkit-filter: brightness(1);
7093
+ filter: brightness(1);
7094
+ }
7095
+
7096
+ .premium-img-gallery.trans img {
7097
+ -webkit-transform: translateX(15px) scale(1.1);
7098
+ -ms-transform: translateX(15px) scale(1.1);
7099
+ transform: translateX(15px) scale(1.1);
7100
+ }
7101
+
7102
+ .pa-gallery-img .pa-gallery-magnific-image,
7103
+ .pa-gallery-img .pa-gallery-img-link {
7104
+ outline: none;
7105
+ }
7106
+
7107
+ .pa-gallery-img .pa-gallery-magnific-image i,
7108
+ .pa-gallery-img .pa-gallery-magnific-image svg,
7109
+ .pa-gallery-img .pa-gallery-img-link i,
7110
+ .pa-gallery-img .pa-gallery-img-link svg {
7111
+ -webkit-transition: all 0.3s ease-in-out;
7112
+ transition: all 0.3s ease-in-out;
7113
+ }
7114
+
7115
+ .pa-gallery-img .pa-gallery-magnific-image span,
7116
+ .pa-gallery-img .pa-gallery-img-link span {
7117
+ line-height: 1;
7118
+ display: inline-block;
7119
+ opacity: 0;
7120
+ margin: 0 5px;
7121
+ padding: 15px;
7122
+ -webkit-border-radius: 50%;
7123
+ border-radius: 50%;
7124
+ }
7125
+
7126
+ .pa-gallery-img.style2 .pa-gallery-magnific-image span,
7127
+ .pa-gallery-img.style2 .pa-gallery-img-link span {
7128
+ margin: 0 5px 20px;
7129
+ }
7130
+
7131
+ .pa-gallery-img:hover .pa-gallery-magnific-image span {
7132
+ -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
7133
+ transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
7134
+ }
7135
+
7136
+ .pa-gallery-img:hover .pa-gallery-img-link span {
7137
+ -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
7138
+ transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
7139
+ }
7140
+
7141
+ .pa-gallery-img:hover .pa-gallery-magnific-image span,
7142
+ .pa-gallery-img:hover .pa-gallery-img-link span,
7143
+ .premium-gallery-icon-show a.pa-gallery-video-icon span {
7144
+ opacity: 1;
7145
+ }
7146
+
7147
+ .premium-img-gallery-filter ul.premium-gallery-cats-container,
7148
+ .premium-blog-filter ul.premium-blog-filters-container {
7149
+ text-align: center;
7150
+ margin: 0;
7151
+ padding: 0;
7152
+ }
7153
+
7154
+ .premium-img-gallery-filter .premium-gallery-cats-container li,
7155
+ .premium-blog-filter .premium-blog-filters-container li {
7156
+ list-style: none;
7157
+ display: -webkit-inline-box;
7158
+ display: -webkit-inline-flex;
7159
+ display: -ms-inline-flexbox;
7160
+ -js-display: inline-flex;
7161
+ display: -moz-inline-box;
7162
+ display: inline-flex;
7163
+ }
7164
+
7165
+ .premium-img-gallery.zoomin .pa-gallery-img:hover img {
7166
+ -webkit-transform: scale(1.1);
7167
+ -ms-transform: scale(1.1);
7168
+ transform: scale(1.1);
7169
+ }
7170
+
7171
+ .premium-img-gallery.zoomout .pa-gallery-img:hover img {
7172
+ -webkit-transform: scale(1);
7173
+ -ms-transform: scale(1);
7174
+ transform: scale(1);
7175
+ }
7176
+
7177
+ .premium-img-gallery.scale .pa-gallery-img:hover img {
7178
+ -webkit-transform: scale(1.3) rotate(-5deg);
7179
+ -ms-transform: scale(1.3) rotate(-5deg);
7180
+ transform: scale(1.3) rotate(-5deg);
7181
+ }
7182
+
7183
+ .premium-img-gallery.gray .pa-gallery-img:hover img {
7184
+ -webkit-filter: grayscale(0%);
7185
+ filter: grayscale(0%);
7186
+ }
7187
+
7188
+ .premium-img-gallery.blur .pa-gallery-img:hover img {
7189
+ -webkit-filter: blur(3px);
7190
+ filter: blur(3px);
7191
+ }
7192
+
7193
+ .premium-img-gallery.sepia .pa-gallery-img:hover img {
7194
+ -webkit-filter: sepia(0%);
7195
+ filter: sepia(0%);
7196
+ }
7197
+
7198
+ .premium-img-gallery.trans .pa-gallery-img:hover img {
7199
+ -webkit-transform: translateX(0px) scale(1.1);
7200
+ -ms-transform: translateX(0px) scale(1.1);
7201
+ transform: translateX(0px) scale(1.1);
7202
+ }
7203
+
7204
+ .premium-img-gallery.bright .pa-gallery-img:hover img {
7205
+ -webkit-filter: brightness(1.2);
7206
+ filter: brightness(1.2);
7207
+ }
7208
+
7209
+ .pa-gallery-img .premium-gallery-caption {
7210
+ padding: 10px;
7211
+ }
7212
+
7213
+ .pa-gallery-img .premium-gallery-caption .premium-gallery-img-name {
7214
+ margin-bottom: 0;
7215
+ }
7216
+
7217
+ .pa-gallery-img.style1 {
7218
+ overflow: hidden;
7219
+ }
7220
+
7221
+ .pa-gallery-img:not(.style2) .pa-gallery-icons-wrapper {
7222
+ position: absolute;
7223
+ top: 0;
7224
+ right: 0;
7225
+ width: 100%;
7226
+ height: 100%;
7227
+ -webkit-transition: all 0.3s ease-in-out;
7228
+ transition: all 0.3s ease-in-out;
7229
+ }
7230
+
7231
+ .pa-gallery-img:not(.style2) .pa-gallery-icons-inner-container {
7232
+ position: absolute;
7233
+ top: 33.33%;
7234
+ width: 100%;
7235
+ text-align: center;
7236
+ -webkit-transform: translateY(-50%);
7237
+ -ms-transform: translateY(-50%);
7238
+ transform: translateY(-50%);
7239
+ z-index: 999;
7240
+ }
7241
+
7242
+ .premium-blog-post-container .premium-blog-entry-container {
7243
+ margin: 0 !important;
7244
+ }
7245
+
7246
+ .pa-gallery-img.style1 .premium-gallery-caption {
7247
+ position: absolute;
7248
+ top: auto;
7249
+ left: 0;
7250
+ right: 0;
7251
+ width: 100%;
7252
+ -webkit-transition: all 500ms ease 0s;
7253
+ transition: all 500ms ease 0s;
7254
+ -webkit-transform: translate3d(0, 100%, 0);
7255
+ -ms-transform: translate3d(0, 100%, 0);
7256
+ transform: translate3d(0, 100%, 0);
7257
+ }
7258
+
7259
+ .pa-gallery-img.default .premium-gallery-caption {
7260
+ position: absolute;
7261
+ top: auto;
7262
+ left: 0;
7263
+ right: 0;
7264
+ width: 100%;
7265
+ bottom: 0;
7266
+ }
7267
+
7268
+ .pa-gallery-img.style1:hover .premium-gallery-caption {
7269
+ -webkit-transform: translate3d(0, 0, 0);
7270
+ -ms-transform: translate3d(0, 0, 0);
7271
+ transform: translate3d(0, 0, 0);
7272
+ bottom: -1px !important;
7273
+ }
7274
+
7275
+ .pa-gallery-img.style2 .pa-gallery-icons-caption-container {
7276
+ position: absolute;
7277
+ top: 0;
7278
+ right: 0;
7279
+ width: 100%;
7280
+ height: 100%;
7281
+ opacity: 0;
7282
+ -webkit-backface-visibility: hidden;
7283
+ backface-visibility: hidden;
7284
+ -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
7285
+ -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
7286
+ transition: opacity 0.3s, -webkit-transform 0.3s;
7287
+ transition: transform 0.3s, opacity 0.3s;
7288
+ transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
7289
+ z-index: 1;
7290
+ background-color: rgba(108, 191, 226, 0.68);
7291
+ display: -webkit-box;
7292
+ display: -webkit-flex;
7293
+ display: -ms-flexbox;
7294
+ -js-display: flex;
7295
+ display: -moz-box;
7296
+ display: flex;
7297
+ text-align: center;
7298
+ -webkit-box-align: center;
7299
+ -webkit-align-items: center;
7300
+ -moz-box-align: center;
7301
+ -ms-flex-align: center;
7302
+ align-items: center;
7303
+ }
7304
+
7305
+ .pa-gallery-img.style2 .pa-gallery-icons-caption-cell {
7306
+ width: 100%;
7307
+ }
7308
+
7309
+ .pa-gallery-img.style2:hover .pa-gallery-icons-caption-container {
7310
+ opacity: 1;
7311
+ -webkit-transform: translate(-15px, 15px);
7312
+ -ms-transform: translate(-15px, 15px);
7313
+ transform: translate(-15px, 15px);
7314
+ }
7315
+
7316
+ .premium-clearfix {
7317
+ clear: both;
7318
+ }
7319
+
7320
+ .premium-gallery-container .pa-gallery-item {
7321
+ padding: 10px;
7322
+ }
7323
+
7324
+ /**
7325
+ * Metro Layout
7326
+ */
7327
+ .premium-img-gallery-metro .premium-gallery-item {
7328
+ overflow: hidden;
7329
+ }
7330
+
7331
+ .premium-img-gallery-metro .pa-gallery-img {
7332
+ height: 100%;
7333
+ }
7334
+
7335
+ .premium-img-gallery-metro .pa-gallery-img-container {
7336
+ height: 100%;
7337
+ }
7338
+
7339
+ .premium-img-gallery-metro .pa-gallery-img-container img {
7340
+ min-height: 100%;
7341
+ width: 100%;
7342
+ -o-object-fit: fill;
7343
+ object-fit: fill;
7344
+ }
7345
+
7346
+ .premium-img-gallery .premium-gallery-item-hidden {
7347
+ visibility: hidden;
7348
+ width: 0 !important;
7349
+ height: 0 !important;
7350
+ margin: 0 !important;
7351
+ padding: 0 !important;
7352
+ }
7353
+
7354
+ .premium-gallery-load-more .premium-gallery-load-more-btn {
7355
+ -webkit-box-shadow: none;
7356
+ box-shadow: none;
7357
+ text-shadow: none;
7358
+ border: none;
7359
+ outline: none;
7360
+ -webkit-box-align: center;
7361
+ -ms-flex-align: center;
7362
+ -webkit-align-items: center;
7363
+ -moz-box-align: center;
7364
+ align-items: center;
7365
+ vertical-align: bottom;
7366
+ cursor: pointer;
7367
+ line-height: 1;
7368
+ font-style: normal;
7369
+ font-weight: normal;
7370
+ background-image: none;
7371
+ color: #fff;
7372
+ -webkit-transition: all 0.3s ease-in-out;
7373
+ transition: all 0.3s ease-in-out;
7374
+ }
7375
+
7376
+ .premium-gallery-load-more-btn {
7377
+ display: -webkit-inline-box;
7378
+ display: -webkit-inline-flex;
7379
+ display: -ms-inline-flexbox;
7380
+ -js-display: inline-flex;
7381
+ display: -moz-inline-box;
7382
+ display: inline-flex;
7383
+ -webkit-box-align: center;
7384
+ -webkit-align-items: center;
7385
+ -moz-box-align: center;
7386
+ -ms-flex-align: center;
7387
+ align-items: center;
7388
+ }
7389
+
7390
+ .premium-loader {
7391
+ border: 3px solid #f3f3f3;
7392
+ border-top-width: 3px;
7393
+ border-top-style: solid;
7394
+ border-top-color: rgb(243, 243, 243);
7395
+ -webkit-border-radius: 50%;
7396
+ border-radius: 50%;
7397
+ border-top: 3px solid;
7398
+ border-top-color: #bbb;
7399
+ width: 30px;
7400
+ height: 30px;
7401
+ -webkit-animation: spin 2s linear infinite;
7402
+ animation: spin 2s linear infinite;
7403
+ margin: 0 auto;
7404
+ }
7405
+
7406
+ .premium-gallery-load-more-btn div {
7407
+ margin-right: 3px;
7408
+ }
7409
+
7410
+ .premium-gallery-load-more-btn .premium-loader {
7411
+ display: inline-block;
7412
+ width: 20px;
7413
+ height: 20px;
7414
+ }
7415
+
7416
+ /** * Video */
7417
+ .pa-gallery-img .pa-gallery-lightbox-wrap {
7418
+ display: inline-block;
7419
+ }
7420
+
7421
+ .premium-img-gallery-no-lightbox .premium-gallery-video-item .pa-gallery-img,
7422
+ .pa-gallery-img .pa-gallery-video-icon {
7423
+ cursor: pointer;
7424
+ }
7425
+
7426
+ .pa-gallery-img-container iframe,
7427
+ .pa-gallery-img-container video {
7428
+ position: absolute;
7429
+ visibility: hidden;
7430
+ top: 0;
7431
+ right: 0;
7432
+ max-width: 100%;
7433
+ width: 100%;
7434
+ height: 100%;
7435
+ margin: 0;
7436
+ line-height: 1;
7437
+ border: none;
7438
+ }
7439
+
7440
+ .pa-gallery-img-container video {
7441
+ -o-object-fit: contain;
7442
+ object-fit: contain;
7443
+ }
7444
+
7445
+ .pa-gallery-icons-inner-container svg,
7446
+ .pa-gallery-icons-caption-cell svg {
7447
+ width: 14px;
7448
+ height: 14px;
7449
+ }
7450
+
7451
+ .premium-gallery-gradient-layer {
7452
+ position: absolute;
7453
+ bottom: 40px;
7454
+ width: 100%;
7455
+ height: 20px;
7456
+ background: -webkit-gradient(linear, left bottom, left top, from(#17181f), to(rgba(255, 255, 255, 0)));
7457
+ background: -webkit-linear-gradient(bottom, #17181f 0%, rgba(255, 255, 255, 0) 100%);
7458
+ background: linear-gradient(to top, #17181f 0%, rgba(255, 255, 255, 0) 100%);
7459
+ }
7460
+
7461
+ @-webkit-keyframes spin {
7462
+ 0% {
7463
+ -webkit-transform: rotate(0deg);
7464
+ }
7465
+
7466
+ 100% {
7467
+ -webkit-transform: rotate(-360deg);
7468
+ }
7469
+ }
7470
+
7471
+ @keyframes spin {
7472
+ 0% {
7473
+ -webkit-transform: rotate(0deg);
7474
+ transform: rotate(0deg);
7475
+ }
7476
+
7477
+ 100% {
7478
+ -webkit-transform: rotate(-360deg);
7479
+ transform: rotate(-360deg);
7480
+ }
7481
+ }
7482
+
7483
+ /************ Premium Vertical Scroll ************/
7484
+ /*************************************************/
7485
+ .premium-vscroll-inner {
7486
+ position: relative;
7487
+ /* overflow: hidden;
7488
+ */
7489
+ min-height: 100%;
7490
+ }
7491
+
7492
+ .premium-vscroll-inner .premium-vscroll-dots {
7493
+ position: fixed;
7494
+ z-index: 100;
7495
+ opacity: 1;
7496
+ margin-top: -32px;
7497
+ -webkit-transition: all 0.3s ease-in-out;
7498
+ transition: all 0.3s ease-in-out;
7499
+ }
7500
+
7501
+ .premium-vscroll-wrap .premium-vscroll-nav-menu {
7502
+ opacity: 1;
7503
+ -webkit-transition: all 0.3s ease-in-out;
7504
+ transition: all 0.3s ease-in-out;
7505
+ }
7506
+
7507
+ .premium-vscroll-inner .premium-vscroll-dots,
7508
+ .premium-vscroll-wrap .premium-vscroll-dots-hide {
7509
+ opacity: 0;
7510
+ visibility: hidden;
7511
+ }
7512
+
7513
+ .premium-vscroll-nav-dots-yes .premium-vscroll-inner .premium-vscroll-dots {
7514
+ opacity: 1;
7515
+ visibility: visible;
7516
+ }
7517
+
7518
+ .premium-vscroll-dots.middle {
7519
+ top: 50%;
7520
+ }
7521
+
7522
+ .premium-vscroll-dots.top {
7523
+ top: 40px;
7524
+ }
7525
+
7526
+ .premium-vscroll-dots.bottom {
7527
+ bottom: 30px;
7528
+ }
7529
+
7530
+ .premium-vscroll-dots.right {
7531
+ left: 17px;
7532
+ }
7533
+
7534
+ .premium-vscroll-dots.left {
7535
+ right: 17px;
7536
+ }
7537
+
7538
+ .premium-vscroll-inner ul.premium-vscroll-dots-list,
7539
+ .premium-vscroll-wrap .premium-vscroll-nav-menu {
7540
+ margin: 0 !important;
7541
+ padding: 0;
7542
+ }
7543
+
7544
+ .premium-vscroll-inner ul.premium-vscroll-dots-list li {
7545
+ width: 14px;
7546
+ height: 13px;
7547
+ margin: 7px;
7548
+ position: relative;
7549
+ display: -webkit-box;
7550
+ display: -webkit-flex;
7551
+ display: -ms-flexbox;
7552
+ -js-display: flex;
7553
+ display: -moz-box;
7554
+ display: flex;
7555
+ -webkit-box-pack: center;
7556
+ -ms-flex-pack: center;
7557
+ -webkit-justify-content: center;
7558
+ -moz-box-pack: center;
7559
+ justify-content: center;
7560
+ -webkit-box-align: center;
7561
+ -ms-flex-align: center;
7562
+ -webkit-align-items: center;
7563
+ -moz-box-align: center;
7564
+ align-items: center;
7565
+ overflow: visible;
7566
+ }
7567
+
7568
+ .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link {
7569
+ display: block;
7570
+ position: relative;
7571
+ z-index: 1;
7572
+ width: 100%;
7573
+ height: 100%;
7574
+ cursor: pointer;
7575
+ text-decoration: none;
7576
+ }
7577
+
7578
+ .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link span {
7579
+ top: 2px;
7580
+ right: 2.5px;
7581
+ width: 8px;
7582
+ height: 8px;
7583
+ border: 1px solid #000;
7584
+ -webkit-border-radius: 50%;
7585
+ border-radius: 50%;
7586
+ position: absolute;
7587
+ z-index: 1;
7588
+ -webkit-transition: all 0.3s ease-in-out;
7589
+ transition: all 0.3s ease-in-out;
7590
+ }
7591
+
7592
+ .premium-vscroll-inner .premium-vscroll-dot-item.active .premium-vscroll-nav-link span {
7593
+ -webkit-transform: scale(1.6);
7594
+ -ms-transform: scale(1.6);
7595
+ transform: scale(1.6);
7596
+ }
7597
+
7598
+ .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-tooltip {
7599
+ position: absolute;
7600
+ color: #fff;
7601
+ font-size: 14px;
7602
+ font-family: arial, helvetica, sans-serif;
7603
+ white-space: nowrap;
7604
+ max-width: 220px;
7605
+ padding-right: 0.4em;
7606
+ padding-left: 0.4em;
7607
+ }
7608
+
7609
+ .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip {
7610
+ left: 27px;
7611
+ }
7612
+
7613
+ /* * Lines */
7614
+ .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item {
7615
+ width: 4px;
7616
+ height: 30px;
7617
+ }
7618
+
7619
+ .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item span {
7620
+ width: 100%;
7621
+ height: 100%;
7622
+ -webkit-border-radius: 0;
7623
+ border-radius: 0;
7624
+ }
7625
+
7626
+ .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item.active span {
7627
+ -webkit-transform: scale(1);
7628
+ -ms-transform: scale(1);
7629
+ transform: scale(1);
7630
+ }
7631
+
7632
+ @media (max-width: 768px) {
7633
+ .premium-vscroll-dots.right {
7634
+ left: 7px;
7635
+ }
7636
+
7637
+ .premium-vscroll-dots.left {
7638
+ right: 7px;
7639
+ }
7640
+ }
7641
+
7642
+ .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip::after {
7643
+ position: absolute;
7644
+ top: 50%;
7645
+ content: "";
7646
+ right: -webkit-calc(100% - 1px);
7647
+ right: calc(100% - 1px);
7648
+ width: 10px;
7649
+ height: 0;
7650
+ border-top: 6px solid transparent;
7651
+ border-bottom: 6px solid transparent;
7652
+ border-right: 6px solid;
7653
+ -webkit-transform: translateY(-50%);
7654
+ -ms-transform: translateY(-50%);
7655
+ transform: translateY(-50%);
7656
+ }
7657
+
7658
+ .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip::after {
7659
+ position: absolute;
7660
+ top: 50%;
7661
+ content: "";
7662
+ left: -webkit-calc(100% - 1px);
7663
+ left: calc(100% - 1px);
7664
+ width: 10px;
7665
+ height: 0;
7666
+ border-top: 6px solid transparent;
7667
+ border-bottom: 6px solid transparent;
7668
+ border-left: 6px solid;
7669
+ -webkit-transform: translateY(-50%);
7670
+ -ms-transform: translateY(-50%);
7671
+ transform: translateY(-50%);
7672
+ }
7673
+
7674
+ .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip {
7675
+ right: 27px;
7676
+ }
7677
+
7678
+ .premium-vscroll-nav-menu {
7679
+ position: fixed;
7680
+ top: 20px;
7681
+ height: 40px;
7682
+ z-index: 100;
7683
+ padding: 0;
7684
+ margin: 0;
7685
+ }
7686
+
7687
+ .premium-vscroll-nav-menu.left {
7688
+ right: 0;
7689
+ }
7690
+
7691
+ .premium-vscroll-nav-menu.right {
7692
+ left: 0;
7693
+ }
7694
+
7695
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item {
7696
+ display: inline-block;
7697
+ margin: 10px;
7698
+ color: #000;
7699
+ background: #fff;
7700
+ background: rgba(255, 255, 255, 0.3);
7701
+ }
7702
+
7703
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link {
7704
+ padding: 9px 18px;
7705
+ display: block;
7706
+ cursor: pointer;
7707
+ }
7708
+
7709
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link,
7710
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:hover {
7711
+ color: #000;
7712
+ }
7713
+
7714
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:focus,
7715
+ .multiscroll-nav li a:focus {
7716
+ outline: none;
7717
+ }
7718
+
7719
+ .premium-vscroll-temp .slimScrollBar {
7720
+ visibility: hidden;
7721
+ }
7722
+
7723
+ /************ Premium Image Scroll ***************/
7724
+ /*************************************************/
7725
+ .premium-image-scroll-section,
7726
+ .premium-image-scroll-container {
7727
+ -webkit-transition: all 0.3s ease-in-out;
7728
+ transition: all 0.3s ease-in-out;
7729
+ }
7730
+
7731
+ .premium-image-scroll-section {
7732
+ position: relative;
7733
+ overflow: hidden;
7734
+ width: 100%;
7735
+ -webkit-mask-image: -webkit-radial-gradient(white, black);
7736
+ }
7737
+
7738
+ .premium-image-scroll-container {
7739
+ width: 100%;
7740
+ }
7741
+
7742
+ .premium-image-scroll-container .premium-image-scroll-mask-media {
7743
+ -webkit-mask-repeat: no-repeat;
7744
+ mask-repeat: no-repeat;
7745
+ -webkit-mask-position: center;
7746
+ mask-position: center;
7747
+ }
7748
+
7749
+ .premium-container-scroll {
7750
+ overflow: auto;
7751
+ }
7752
+
7753
+ .premium-image-scroll-container .premium-image-scroll-horizontal {
7754
+ position: relative;
7755
+ width: 100%;
7756
+ height: 100%;
7757
+ }
7758
+
7759
+ .premium-image-scroll-container .premium-image-scroll-horizontal img {
7760
+ max-width: none;
7761
+ height: 100%;
7762
+ }
7763
+
7764
+ .premium-image-scroll-container .premium-image-scroll-vertical img {
7765
+ width: 100%;
7766
+ max-width: 100%;
7767
+ height: auto;
7768
+ }
7769
+
7770
+ .premium-image-scroll-ver {
7771
+ position: relative;
7772
+ }
7773
+
7774
+ .premium-image-scroll-container .premium-image-scroll-overlay {
7775
+ background: rgba(2, 2, 2, 0.3);
7776
+ }
7777
+
7778
+ .premium-image-scroll-container .premium-image-scroll-link,
7779
+ .premium-image-scroll-container .premium-image-scroll-overlay {
7780
+ position: absolute;
7781
+ top: 0;
7782
+ bottom: 0;
7783
+ right: 0;
7784
+ left: 0;
7785
+ z-index: 4;
7786
+ }
7787
+
7788
+ .premium-image-scroll-content {
7789
+ display: inline-block;
7790
+ position: absolute;
7791
+ height: auto;
7792
+ top: 50%;
7793
+ right: 50%;
7794
+ text-align: center;
7795
+ z-index: 5;
7796
+ -webkit-transform: translate(50%, -50%);
7797
+ -ms-transform: translate(50%, -50%);
7798
+ transform: translate(50%, -50%);
7799
+ }
7800
+
7801
+ .premium-container-scroll-instant .premium-image-scroll-image {
7802
+ -webkit-transition: all 0s ease-in-out !important;
7803
+ transition: all 0s ease-in-out !important;
7804
+ }
7805
+
7806
+ .premium-image-scroll-container img {
7807
+ -webkit-transition: -webkit-transform 3s ease-in-out;
7808
+ transition: -webkit-transform 3s ease-in-out;
7809
+ transition: transform 3s ease-in-out;
7810
+ transition: transform 3s ease-in-out, -webkit-transform 3s ease-in-out;
7811
+ }
7812
+
7813
+ .premium-image-scroll-container .premium-image-scroll-overlay,
7814
+ .premium-image-scroll-container .premium-image-scroll-content {
7815
+ -webkit-transition: all 0.3s ease-in-out;
7816
+ transition: all 0.3s ease-in-out;
7817
+ opacity: 1;
7818
+ }
7819
+
7820
+ .premium-image-scroll-container:hover .premium-image-scroll-overlay {
7821
+ opacity: 0;
7822
+ }
7823
+
7824
+ .premium-image-scroll-container:hover .premium-image-scroll-content {
7825
+ opacity: 0;
7826
+ visibility: hidden;
7827
+ }
7828
+
7829
+ .premium-image-scroll-content .premium-image-scroll-icon {
7830
+ display: inline-block;
7831
+ font-family: "pa-elements" !important;
7832
+ speak: none;
7833
+ font-style: normal;
7834
+ font-weight: normal;
7835
+ font-variant: normal;
7836
+ text-transform: none;
7837
+ line-height: 1;
7838
+ -webkit-font-smoothing: antialiased;
7839
+ -moz-osx-font-smoothing: grayscale;
7840
+ -webkit-animation-duration: 0.5s;
7841
+ animation-duration: 0.5s;
7842
+ -webkit-animation-iteration-count: infinite;
7843
+ animation-iteration-count: infinite;
7844
+ -webkit-animation-direction: alternate;
7845
+ animation-direction: alternate;
7846
+ -webkit-animation-timing-function: ease-in-out;
7847
+ animation-timing-function: ease-in-out;
7848
+ }
7849
+
7850
+ .pa-horizontal-mouse-scroll:before {
7851
+ content: "\e917";
7852
+ }
7853
+
7854
+ .pa-vertical-mouse-scroll:before {
7855
+ content: "\e918";
7856
+ }
7857
+
7858
+ .pa-horizontal-mouse-scroll {
7859
+ -webkit-animation-name: pa-scroll-horizontal;
7860
+ animation-name: pa-scroll-horizontal;
7861
+ }
7862
+
7863
+ .pa-vertical-mouse-scroll {
7864
+ -webkit-animation-name: pa-scroll-vertical;
7865
+ animation-name: pa-scroll-vertical;
7866
+ }
7867
+
7868
+ @-webkit-keyframes pa-scroll-vertical {
7869
+ 0% {
7870
+ -webkit-transform: translateY(0px);
7871
+ transform: translateY(0px);
7872
+ }
7873
+
7874
+ 100% {
7875
+ -webkit-transform: translateY(5px);
7876
+ transform: translateY(5px);
7877
+ }
7878
+ }
7879
+
7880
+ @keyframes pa-scroll-vertical {
7881
+ 0% {
7882
+ -webkit-transform: translateY(0px);
7883
+ transform: translateY(0px);
7884
+ }
7885
+
7886
+ 100% {
7887
+ -webkit-transform: translateY(5px);
7888
+ transform: translateY(5px);
7889
+ }
7890
+ }
7891
+
7892
+ @-webkit-keyframes pa-scroll-horizontal {
7893
+ 0% {
7894
+ -webkit-transform: translateX(0px);
7895
+ transform: translateX(0px);
7896
+ }
7897
+
7898
+ 100% {
7899
+ -webkit-transform: translateX(-5px);
7900
+ transform: translateX(-5px);
7901
+ }
7902
+ }
7903
+
7904
+ @keyframes pa-scroll-horizontal {
7905
+ 0% {
7906
+ -webkit-transform: translateX(0px);
7907
+ transform: translateX(0px);
7908
+ }
7909
+
7910
+ 100% {
7911
+ -webkit-transform: translateX(-5px);
7912
+ transform: translateX(-5px);
7913
+ }
7914
+ }
7915
+
7916
+ /********* Premium Lottie Animations **********/
7917
+ /**********************************************/
7918
+ .premium-lottie-wrap .premium-lottie-animation {
7919
+ position: relative;
7920
+ -js-display: inline-flex;
7921
+ display: -webkit-inline-box;
7922
+ display: -webkit-inline-flex;
7923
+ display: -moz-inline-box;
7924
+ display: -ms-inline-flexbox;
7925
+ display: inline-flex;
7926
+ -webkit-transition: all 0.3s ease-in-out;
7927
+ transition: all 0.3s ease-in-out;
7928
+ }
7929
+
7930
+ .premium-lottie-wrap .premium-lottie-animation a {
7931
+ position: absolute;
7932
+ left: 0;
7933
+ top: 0;
7934
+ width: 100%;
7935
+ height: 100%;
7936
+ z-index: 2;
7937
+ }
7938
+
7939
+ /**************** Premium Bullet List *****************/
7940
+ /******************************************************/
7941
+ .premium-bullet-list-box {
7942
+ -js-display: flex;
7943
+ display: -webkit-box;
7944
+ display: -webkit-flex;
7945
+ display: -moz-box;
7946
+ display: -ms-flexbox;
7947
+ display: flex;
7948
+ -webkit-flex-wrap: wrap;
7949
+ -ms-flex-wrap: wrap;
7950
+ flex-wrap: wrap;
7951
+ -webkit-box-orient: vertical;
7952
+ -webkit-box-direction: normal;
7953
+ -webkit-flex-direction: column;
7954
+ -moz-box-orient: vertical;
7955
+ -moz-box-direction: normal;
7956
+ -ms-flex-direction: column;
7957
+ flex-direction: column;
7958
+ }
7959
+
7960
+ .premium-bullet-list-box .premium-bullet-list-content-grow-lc {
7961
+ -webkit-transform-origin: right center;
7962
+ -ms-transform-origin: right center;
7963
+ transform-origin: right center;
7964
+ }
7965
+
7966
+ .premium-bullet-list-box .premium-bullet-list-content-grow-rc {
7967
+ -webkit-transform-origin: left center;
7968
+ -ms-transform-origin: left center;
7969
+ transform-origin: left center;
7970
+ }
7971
+
7972
+ .premium-bullet-list-box .premium-bullet-list-content-grow-cc {
7973
+ -webkit-transform-origin: center center;
7974
+ -ms-transform-origin: center center;
7975
+ transform-origin: center center;
7976
+ }
7977
+
7978
+ .premium-bullet-list-content {
7979
+ -js-display: flex;
7980
+ display: -webkit-box;
7981
+ display: -webkit-flex;
7982
+ display: -moz-box;
7983
+ display: -ms-flexbox;
7984
+ display: flex;
7985
+ -webkit-transition: all 0.3s ease-in-out;
7986
+ transition: all 0.3s ease-in-out;
7987
+ width: auto;
7988
+ position: relative;
7989
+ }
7990
+
7991
+ .premium-bullet-list-content .premium-bullet-list-text span,
7992
+ .premium-bullet-list-content .premium-bullet-list-wrapper {
7993
+ display: inline-block;
7994
+ -webkit-align-self: center;
7995
+ -ms-flex-item-align: center;
7996
+ align-self: center;
7997
+ -webkit-transition: all 0.3s ease-in-out;
7998
+ transition: all 0.3s ease-in-out;
7999
+ }
8000
+
8001
+ .premium-bullet-list-content .premium-bullet-list-text span {
8002
+ margin: 0 5px;
8003
+ }
8004
+
8005
+ .premium-bullet-list-content .premium-bullet-list-icon-text p {
8006
+ font-size: 18px;
8007
+ background-color: #eee;
8008
+ padding: 1px 5px;
8009
+ -webkit-border-radius: 2px;
8010
+ border-radius: 2px;
8011
+ }
8012
+
8013
+ .premium-bullet-list-content .premium-bullet-list-text span,
8014
+ .premium-bullet-list-content .premium-bullet-list-icon-text p,
8015
+ .premium-bullet-list-content .premium-bullet-list-wrapper img,
8016
+ .premium-bullet-list-content .premium-bullet-list-wrapper svg,
8017
+ .premium-bullet-list-content .premium-bullet-list-wrapper i {
8018
+ -webkit-transition: all 0.3s ease-in-out;
8019
+ transition: all 0.3s ease-in-out;
8020
+ }
8021
+
8022
+ .premium-bullet-list-content .premium-bullet-list-wrapper {
8023
+ position: relative;
8024
+ line-height: 0;
8025
+ }
8026
+
8027
+ .premium-bullet-list-content .premium-bullet-list-wrapper img,
8028
+ .premium-bullet-list-content .premium-bullet-list-wrapper svg {
8029
+ width: 30px !important;
8030
+ height: 30px !important;
8031
+ position: relative;
8032
+ z-index: 500;
8033
+ }
8034
+
8035
+ .premium-bullet-list-content .premium-bullet-list-wrapper i,
8036
+ .premium-bullet-list-content .premium-bullet-list-wrapper .premium-bullet-list-icon-text {
8037
+ position: relative;
8038
+ z-index: 500;
8039
+ }
8040
+
8041
+ .premium-bullet-list-content .premium-bullet-list-link {
8042
+ position: absolute;
8043
+ top: 0;
8044
+ right: 0;
8045
+ width: 100%;
8046
+ height: 100%;
8047
+ z-index: 1000;
8048
+ }
8049
+
8050
+ .premium-bullet-list-content:not(:last-of-type) .premium-bullet-list-connector {
8051
+ width: 100%;
8052
+ height: 100%;
8053
+ position: absolute;
8054
+ top: 0.5em;
8055
+ z-index: 100;
8056
+ -js-display: flex;
8057
+ display: -webkit-box;
8058
+ display: -webkit-flex;
8059
+ display: -moz-box;
8060
+ display: -ms-flexbox;
8061
+ display: flex;
8062
+ -webkit-box-pack: center;
8063
+ -webkit-justify-content: center;
8064
+ -moz-box-pack: center;
8065
+ -ms-flex-pack: center;
8066
+ justify-content: center;
8067
+ }
8068
+
8069
+ .premium-bullet-list-content:not(:last-of-type) .premium-bullet-list-connector .premium-icon-connector-content:after {
8070
+ content: "";
8071
+ border-left-width: 1px;
8072
+ border-left-style: solid;
8073
+ border-color: #333333;
8074
+ display: block;
8075
+ height: 100%;
8076
+ }
8077
+
8078
+ li.premium-bullet-list-content.premium-bullet-list-content-inline {
8079
+ -webkit-align-self: center;
8080
+ -ms-flex-item-align: center;
8081
+ align-self: center;
8082
+ z-index: 2;
8083
+ }
8084
+
8085
+ li.premium-bullet-list-content.premium-bullet-list-content-inline:not(:first-child) {
8086
+ margin: 0 3px;
8087
+ }
8088
+
8089
+ li.premium-bullet-list-content.premium-bullet-list-content-inline:first-child {
8090
+ margin: 0 0 0 3px;
8091
+ }
8092
+
8093
+ .premium-bullet-list-divider:not(:last-child) {
8094
+ width: 100%;
8095
+ -webkit-box-flex: 0;
8096
+ -webkit-flex: 0 0 100%;
8097
+ -moz-box-flex: 0;
8098
+ -ms-flex: 0 0 100%;
8099
+ flex: 0 0 100%;
8100
+ overflow: hidden;
8101
+ }
8102
+
8103
+ .premium-bullet-list-divider:not(:last-child):after {
8104
+ content: "";
8105
+ display: block;
8106
+ border-top-style: solid;
8107
+ border-top-width: 1px;
8108
+ }
8109
+
8110
+ .premium-bullet-list-divider-inline:not(:last-child) {
8111
+ float: left;
8112
+ display: inline-block;
8113
+ position: relative;
8114
+ height: 100%;
8115
+ overflow: hidden;
8116
+ -webkit-align-self: center;
8117
+ -ms-flex-item-align: center;
8118
+ align-self: center;
8119
+ margin: 0 3px;
8120
+ }
8121
+
8122
+ .premium-bullet-list-divider-inline:not(:last-child):after {
8123
+ content: "";
8124
+ display: block;
8125
+ border-right-width: 1px;
8126
+ height: 33px;
8127
+ border-right-style: solid;
8128
+ }
8129
+
8130
+ .premium-bullet-list-icon-text {
8131
+ line-height: 1.5;
8132
+ }
8133
+
8134
+ .premium-bullet-list-icon-text p,
8135
+ ul.premium-bullet-list-box,
8136
+ li.premium-bullet-list-content {
8137
+ margin: 0;
8138
+ }
8139
+
8140
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper i,
8141
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-text span,
8142
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-icon-text p {
8143
+ color: transparent !important;
8144
+ text-shadow: 0 0 3px #aaa;
8145
+ }
8146
+
8147
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-icon-connector-content,
8148
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper .premium-lottie-animation svg,
8149
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper img,
8150
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-badge {
8151
+ -webkit-filter: blur(3px);
8152
+ filter: blur(3px);
8153
+ }
8154
+
8155
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper i,
8156
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-text span,
8157
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-icon-text p {
8158
+ color: #aaa !important;
8159
+ text-shadow: 0 0px 0 transparent;
8160
+ }
8161
+
8162
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-icon-connector-content,
8163
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper .premium-lottie-animation svg,
8164
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper img,
8165
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-badge {
8166
+ -webkit-filter: none;
8167
+ filter: none;
8168
+ }
8169
+
8170
+ .premium-bullet-list-content .premium-bullet-list-badge {
8171
+ font-size: 11px;
8172
+ top: auto;
8173
+ min-width: -webkit-max-content;
8174
+ min-width: -moz-max-content;
8175
+ min-width: max-content;
8176
+ height: -webkit-fit-content;
8177
+ height: -moz-fit-content;
8178
+ height: fit-content;
8179
+ }
8180
+
8181
+ .premium-bullet-list-content .premium-bullet-list-icon-text p {
8182
+ font-size: 13px;
8183
+ }
8184
+
8185
+ .premium-bullet-list-gradient-effect[data-text] {
8186
+ display: inline-block;
8187
+ position: relative;
8188
+ text-decoration: none;
8189
+ }
8190
+
8191
+ .premium-bullet-list-gradient-effect[data-text]::before {
8192
+ content: attr(data-text);
8193
+ position: absolute;
8194
+ z-index: 1;
8195
+ overflow: hidden;
8196
+ -webkit-clip-path: polygon(100% 100%, 100% 100%, 50% 50%);
8197
+ clip-path: polygon(100% 100%, 100% 100%, 50% 50%);
8198
+ -webkit-background-clip: text;
8199
+ background-clip: text;
8200
+ -webkit-text-fill-color: transparent;
8201
+ -webkit-transition: all 0.4s ease;
8202
+ transition: all 0.4s ease;
8203
+ }
8204
+
8205
+ .premium-bullet-list-content:hover .premium-bullet-list-gradient-effect[data-text]::before,
8206
+ .premium-bullet-list-content:focus .premium-bullet-list-gradient-effect[data-text]::before {
8207
+ -webkit-animation: rtlgradient 1s forwards;
8208
+ animation: rtlgradient 1s forwards;
8209
+ }
8210
+
8211
+ @-webkit-keyframes rtlgradient {
8212
+ 0% {
8213
+ -webkit-clip-path: circle(0% at 150% 50%);
8214
+ clip-path: circle(0% at 150% 50%);
8215
+ }
8216
+
8217
+ 100% {
8218
+ -webkit-clip-path: circle(100% at 50% 50%);
8219
+ clip-path: circle(100% at 50% 50%);
8220
+ }
8221
+ }
8222
+
8223
+ @keyframes rtlgradient {
8224
+ 0% {
8225
+ -webkit-clip-path: circle(0% at 150% 50%);
8226
+ clip-path: circle(0% at 150% 50%);
8227
+ }
8228
+
8229
+ 100% {
8230
+ -webkit-clip-path: circle(100% at 50% 50%);
8231
+ clip-path: circle(100% at 50% 50%);
8232
+ }
8233
+ }
8234
+
8235
+ ul[data-list-animation*="animated-"] .premium-bullet-list-divider,
8236
+ ul[data-list-animation*="animated-"] .premium-bullet-list-content,
8237
+ ul[data-list-animation*="animated-"] .premium-bullet-list-divider-inline {
8238
+ opacity: 0;
8239
+ }
8240
+
8241
+ .premium-bullet-list-content-grow-effect:hover {
8242
+ -webkit-transform: scale(1.07);
8243
+ -ms-transform: scale(1.07);
8244
+ transform: scale(1.07);
8245
  }
assets/frontend/css/premium-addons.css CHANGED
@@ -1,6754 +1,6759 @@
1
- @font-face {
2
- font-family: "pa-elements";
3
- src: url("../../editor/fonts/pa-elements.eot?7pjc22");
4
- src: url("../../editor/fonts/pa-elements.eot?7pjc22#iefix") format("embedded-opentype"), url("../../editor/fonts/pa-elements.ttf?7pjc22") format("truetype"), url("../../editor/fonts/pa-elements.woff?7pjc22") format("woff"), url("../../editor/fonts/pa-elements.svg?7pjc22#pa-elements") format("svg");
5
- font-weight: normal;
6
- font-style: normal; }
7
-
8
- /**************** Premium Banner ****************/
9
- /************************************************/
10
- .premium-banner {
11
- overflow: hidden; }
12
-
13
- .premium-banner-ib {
14
- display: block;
15
- position: relative;
16
- z-index: 1;
17
- overflow: hidden;
18
- margin: 0;
19
- text-align: center;
20
- -webkit-box-sizing: border-box;
21
- -moz-box-sizing: border-box;
22
- box-sizing: border-box; }
23
- .premium-banner-ib img {
24
- display: block;
25
- position: relative; }
26
-
27
- .premium-banner-img-wrap {
28
- -js-display: flex;
29
- display: -webkit-box;
30
- display: -webkit-flex;
31
- display: -moz-box;
32
- display: -ms-flexbox;
33
- display: flex;
34
- height: 100%; }
35
- .premium-banner-img-wrap .premium-banner-ib-img {
36
- -webkit-flex-shrink: 0;
37
- -ms-flex-negative: 0;
38
- flex-shrink: 0; }
39
-
40
- .premium-banner-ib-desc .premium-banner-read-more {
41
- z-index: 100; }
42
-
43
- .elementor-widget-premium-addon-banner .premium-banner-ib-title {
44
- background: transparent; }
45
-
46
- .premium-banner-ib *,
47
- .premium-banner-ib .premium-banner-ib-desc {
48
- -webkit-box-sizing: border-box;
49
- -moz-box-sizing: border-box;
50
- box-sizing: border-box; }
51
-
52
- .premium-banner-ib img {
53
- min-width: 100%;
54
- max-width: 100%;
55
- -webkit-transition: opacity 0.35s;
56
- transition: opacity 0.35s; }
57
-
58
- .premium-banner-ib .premium-banner-ib-desc {
59
- padding: 15px;
60
- -webkit-backface-visibility: hidden;
61
- backface-visibility: hidden;
62
- -webkit-box-sizing: border-box;
63
- -moz-box-sizing: border-box;
64
- box-sizing: border-box;
65
- position: absolute;
66
- top: 0;
67
- left: 0;
68
- width: 100%;
69
- height: 100%; }
70
-
71
- .premium-banner-ib .premium-banner-ib-link {
72
- position: absolute;
73
- top: 0;
74
- left: 0;
75
- width: 100%;
76
- height: 100%;
77
- z-index: 1000;
78
- text-indent: 200%;
79
- white-space: nowrap;
80
- font-size: 0;
81
- opacity: 0; }
82
-
83
- .premium-banner-ib a.premium-banner-ib-link {
84
- display: block;
85
- background: 0 0; }
86
-
87
- .premium-banner-animation1 img {
88
- width: -webkit-calc(100% + 50px) !important;
89
- width: calc(100% + 50px) !important;
90
- max-width: -webkit-calc(100% + 50px) !important;
91
- max-width: calc(100% + 50px) !important;
92
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
93
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
94
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
95
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
96
- -webkit-transform: translate3d(-40px, 0, 0);
97
- transform: translate3d(-40px, 0, 0); }
98
-
99
- .premium-banner-animation2 .premium-banner-ib-title {
100
- padding: 15px; }
101
-
102
- .premium-banner-animation1 .premium-banner-ib-desc {
103
- top: auto;
104
- bottom: 0;
105
- min-height: 25%;
106
- height: auto;
107
- max-height: 100%;
108
- text-align: left; }
109
-
110
- .premium-banner-animation1 .premium-banner-ib-content,
111
- .premium-banner-animation1 .premium-banner-ib-title,
112
- .premium-banner-animation1 .premium-banner-read-more {
113
- -webkit-transform: translate3d(0, 40px, 0);
114
- transform: translate3d(0, 40px, 0);
115
- -webkit-transition-delay: 0.05s;
116
- transition-delay: 0.05s;
117
- -webkit-transition-duration: 0.35s;
118
- transition-duration: 0.35s; }
119
-
120
- .premium-banner-animation1 .premium-banner-ib-title {
121
- -webkit-transition: -webkit-transform 0.35s;
122
- transition: -webkit-transform 0.35s;
123
- transition: transform 0.35s;
124
- transition: transform 0.35s, -webkit-transform 0.35s; }
125
-
126
- .premium-banner-animation1 .premium-banner-ib-content,
127
- .premium-banner-animation1 .premium-banner-read-more {
128
- margin-top: 10px;
129
- opacity: 0;
130
- -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
131
- transition: opacity 0.2s, -webkit-transform 0.35s;
132
- transition: opacity 0.2s, transform 0.35s;
133
- transition: opacity 0.2s, transform 0.35s, -webkit-transform 0.35s; }
134
-
135
- .premium-banner-animation1:hover .premium-banner-ib-content,
136
- .premium-banner-animation1.active .premium-banner-ib-content,
137
- .premium-banner-animation1:hover .premium-banner-read-more,
138
- .premium-banner-animation1.active .premium-banner-read-more {
139
- opacity: 1;
140
- -webkit-transition-delay: 0.05s;
141
- transition-delay: 0.05s;
142
- -webkit-transition-duration: 0.35s;
143
- transition-duration: 0.35s; }
144
-
145
- .premium-banner-animation1:hover .premium-banner-ib-content,
146
- .premium-banner-animation1.active .premium-banner-ib-content,
147
- .premium-banner-animation1:hover .premium-banner-read-more,
148
- .premium-banner-animation1.active .premium-banner-read-more,
149
- .premium-banner-animation1:hover .premium-banner-ib-title,
150
- .premium-banner-animation1.active .premium-banner-ib-title,
151
- .premium-banner-animation1:hover img,
152
- .premium-banner-animation1.active img {
153
- -webkit-transform: translate3d(0, 0, 0);
154
- transform: translate3d(0, 0, 0);
155
- -webkit-transition-delay: 0.05s;
156
- transition-delay: 0.05s;
157
- -webkit-transition-duration: 0.35s;
158
- transition-duration: 0.35s; }
159
-
160
- .premium-banner-animation1.zoomout img,
161
- .premium-banner-animation1.scale img {
162
- -webkit-transform: translate3d(-40px, 0, 0) scale(1.1);
163
- transform: translate3d(-40px, 0, 0) scale(1.1); }
164
-
165
- .premium-banner-ib.sepia img {
166
- -webkit-filter: sepia(30%);
167
- filter: sepia(30%); }
168
-
169
- .premium-banner-ib.bright img {
170
- -webkit-filter: brightness(1);
171
- filter: brightness(1); }
172
-
173
- .premium-banner-ib.sepia:hover img {
174
- -webkit-filter: sepia(0%);
175
- filter: sepia(0%); }
176
-
177
- .premium-banner-ib.bright:hover img {
178
- -webkit-filter: brightness(1.2);
179
- filter: brightness(1.2); }
180
-
181
- .premium-banner-animation1.premium-banner-min-height img,
182
- .premium-banner-animation2.premium-banner-min-height img,
183
- .premium-banner-animation4.premium-banner-min-height img,
184
- .premium-banner-animation5.premium-banner-min-height img,
185
- .premium-banner-animation6.premium-banner-min-height img,
186
- .premium-banner-animation13.premium-banner-min-height img {
187
- height: auto; }
188
-
189
- .premium-banner-animation2 img {
190
- width: 100%; }
191
-
192
- .premium-banner-animation2 .premium-banner-ib-desc::before {
193
- position: absolute;
194
- content: "";
195
- top: 0;
196
- left: 0;
197
- width: 100%;
198
- height: 100%;
199
- opacity: 0;
200
- -webkit-transform: translate3d(0, 50%, 0);
201
- transform: translate3d(0, 50%, 0); }
202
-
203
- .premium-banner-animation2 .premium-banner-ib-title {
204
- position: absolute;
205
- top: 50%;
206
- left: 0;
207
- width: 100%;
208
- -webkit-transition: color 0.35s, -webkit-transform 0.35s;
209
- transition: color 0.35s, -webkit-transform 0.35s;
210
- transition: transform 0.35s, color 0.35s;
211
- transition: transform 0.35s, color 0.35s, -webkit-transform 0.35s;
212
- -webkit-transform: translate3d(0, -50%, 0);
213
- transform: translate3d(0, -50%, 0); }
214
-
215
- .premium-banner-animation2 .premium-banner-ib-content,
216
- .premium-banner-animation2 .premium-banner-read-more,
217
- .premium-banner-animation2 .premium-banner-ib-desc::before {
218
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
219
- transition: opacity 0.35s, -webkit-transform 0.35s;
220
- transition: opacity 0.35s, transform 0.35s;
221
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
222
-
223
- .premium-banner-animation2 .premium-banner-ib-content,
224
- .premium-banner-animation2 .premium-banner-read-more {
225
- position: absolute;
226
- bottom: 0;
227
- left: 0;
228
- padding: 15px;
229
- width: 100%;
230
- max-height: 50%;
231
- opacity: 0;
232
- -webkit-transform: translate3d(0, 10px, 0);
233
- transform: translate3d(0, 10px, 0); }
234
-
235
- .premium-banner-animation2:hover .premium-banner-ib-title,
236
- .premium-banner-animation2.active .premium-banner-ib-title {
237
- -webkit-transform: translate3d(0, -40px, 0);
238
- transform: translate3d(0, -40px, 0); }
239
-
240
- .premium-banner-animation2:hover .premium-banner-read-more,
241
- .premium-banner-animation2.active .premium-banner-read-more,
242
- .premium-banner-animation2:hover .premium-banner-ib-desc::before,
243
- .premium-banner-animation2.active .premium-banner-ib-desc::before {
244
- opacity: 1;
245
- -webkit-transform: translate3d(0, 0, 0);
246
- transform: translate3d(0, 0, 0); }
247
-
248
- .premium-banner-animation2:hover .premium-banner-ib-content,
249
- .premium-banner-animation2.active .premium-banner-ib-content {
250
- opacity: 1;
251
- -webkit-transform: translate3d(0, -30px, 0);
252
- transform: translate3d(0, -30px, 0); }
253
-
254
- .premium-banner-animation3 .premium-banner-ib-title {
255
- position: absolute;
256
- bottom: 0;
257
- left: 0;
258
- padding: 15px;
259
- width: 100%;
260
- text-align: left;
261
- -webkit-transform: translate3d(0, -30px, 0);
262
- transform: translate3d(0, -30px, 0); }
263
-
264
- .premium-banner-animation3 .premium-banner-ib-desc::before,
265
- .premium-banner-animation3 .premium-banner-ib-title {
266
- -webkit-transition: -webkit-transform 0.35s;
267
- transition: -webkit-transform 0.35s;
268
- transition: transform 0.35s;
269
- transition: transform 0.35s, -webkit-transform 0.35s; }
270
-
271
- .premium-banner-animation3:hover .premium-banner-ib-desc::before,
272
- .premium-banner-animation3.active .premium-banner-ib-desc::before,
273
- .premium-banner-animation3:hover .premium-banner-ib-title,
274
- .premium-banner-animation3.active .premium-banner-ib-title {
275
- opacity: 1;
276
- -webkit-transform: translate3d(0, 0, 0);
277
- transform: translate3d(0, 0, 0); }
278
-
279
- .premium-banner-animation3 .premium-banner-ib-content {
280
- max-height: -webkit-calc(100% - 60px - 1.5em);
281
- max-height: calc(100% - 60px - 1.5em);
282
- overflow: hidden; }
283
-
284
- .premium-banner-animation4 img {
285
- width: -webkit-calc(100% + 40px) !important;
286
- width: calc(100% + 40px) !important;
287
- max-width: -webkit-calc(100% + 40px) !important;
288
- max-width: calc(100% + 40px) !important; }
289
-
290
- .premium-banner-animation4 .premium-banner-ib-desc {
291
- padding: 30px; }
292
- .premium-banner-animation4 .premium-banner-ib-desc::after {
293
- position: absolute;
294
- content: "";
295
- opacity: 0; }
296
- .premium-banner-animation4 .premium-banner-ib-desc::before {
297
- position: absolute;
298
- content: "";
299
- opacity: 0;
300
- top: 50px;
301
- right: 30px;
302
- bottom: 50px;
303
- left: 30px;
304
- border-top: 1px solid #fff;
305
- border-bottom: 1px solid #fff;
306
- -webkit-transform: scale(0, 1);
307
- -ms-transform: scale(0, 1);
308
- transform: scale(0, 1);
309
- -webkit-transform-origin: 0 0;
310
- -ms-transform-origin: 0 0;
311
- transform-origin: 0 0; }
312
- .premium-banner-animation4 .premium-banner-ib-desc::after {
313
- top: 30px;
314
- right: 50px;
315
- bottom: 30px;
316
- left: 50px;
317
- border-right: 1px solid #fff;
318
- border-left: 1px solid #fff;
319
- -webkit-transform: scale(1, 0);
320
- -ms-transform: scale(1, 0);
321
- transform: scale(1, 0);
322
- -webkit-transform-origin: 100% 0;
323
- -ms-transform-origin: 100% 0;
324
- transform-origin: 100% 0; }
325
-
326
- .premium-banner-animation4 .premium-banner-ib-title {
327
- padding: 50px 30px 0 30px;
328
- -webkit-transition: -webkit-transform 0.35s;
329
- transition: -webkit-transform 0.35s;
330
- transition: transform 0.35s;
331
- transition: transform 0.35s, -webkit-transform 0.35s; }
332
-
333
- .premium-banner-animation4 .premium-banner-ib-content,
334
- .premium-banner-animation4 .premium-banner-read-more {
335
- padding: 10px 30px;
336
- opacity: 0;
337
- overflow: hidden;
338
- -webkit-transform: translate3d(0, -10px, 0);
339
- transform: translate3d(0, -10px, 0); }
340
-
341
- .premium-banner-animation4 .premium-banner-ib-title,
342
- .premium-banner-animation4 img {
343
- -webkit-transform: translate3d(-30px, 0, 0);
344
- transform: translate3d(-30px, 0, 0); }
345
-
346
- .premium-banner-animation4.zoomout img,
347
- .premium-banner-animation4.scale img {
348
- -webkit-transform: translate3d(-30px, 0, 0) scale(1.1);
349
- transform: translate3d(-30px, 0, 0) scale(1.1); }
350
-
351
- .premium-banner-animation4 .premium-banner-ib-content,
352
- .premium-banner-animation4 .premium-banner-read-more {
353
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
354
- transition: opacity 0.35s, -webkit-transform 0.35s;
355
- transition: opacity 0.35s, transform 0.35s;
356
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
357
-
358
- .premium-banner-animation4 .premium-banner-ib-desc::after, .premium-banner-animation4 .premium-banner-ib-desc::before {
359
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
360
- transition: opacity 0.35s, -webkit-transform 0.35s;
361
- transition: opacity 0.35s, transform 0.35s;
362
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
363
-
364
- .premium-banner-animation4 img {
365
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
366
- transition: opacity 0.35s, -webkit-transform 0.35s;
367
- transition: opacity 0.35s, transform 0.35s;
368
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
369
-
370
- .premium-banner-animation4:hover .premium-banner-ib-desc::after,
371
- .premium-banner-animation4.active .premium-banner-ib-desc::after,
372
- .premium-banner-animation4:hover .premium-banner-ib-desc::before,
373
- .premium-banner-animation4.active .premium-banner-ib-desc::before {
374
- opacity: 1;
375
- -webkit-transform: scale(1);
376
- -ms-transform: scale(1);
377
- transform: scale(1); }
378
-
379
- .premium-banner-animation4:hover .premium-banner-ib-content,
380
- .premium-banner-animation4.active .premium-banner-ib-content,
381
- .premium-banner-animation4:hover .premium-banner-read-more,
382
- .premium-banner-animation4.active .premium-banner-read-more,
383
- .premium-banner-animation4:hover .premium-banner-ib-title,
384
- .premium-banner-animation4.active .premium-banner-ib-title {
385
- opacity: 1;
386
- -webkit-transform: translate3d(0, 0, 0);
387
- transform: translate3d(0, 0, 0); }
388
-
389
- .premium-banner-animation4:hover .premium-banner-ib-content,
390
- .premium-banner-animation4:hover .premium-banner-ib-desc::after,
391
- .premium-banner-animation4:hover .premium-banner-ib-title,
392
- .premium-banner-animation4:hover img {
393
- -webkit-transition-delay: 0.15s;
394
- transition-delay: 0.15s; }
395
-
396
- .premium-banner-animation5 .premium-banner-ib-desc {
397
- top: auto;
398
- bottom: 0;
399
- padding: 15px;
400
- height: auto;
401
- background: #f2f2f2;
402
- color: #3c4a50;
403
- -webkit-transition: -webkit-transform 0.35s;
404
- transition: -webkit-transform 0.35s;
405
- transition: transform 0.35s;
406
- transition: transform 0.35s, -webkit-transform 0.35s;
407
- -webkit-transform: translate3d(0, 100%, 0);
408
- transform: translate3d(0, 100%, 0); }
409
-
410
- .premium-banner-animation5 .premium-banner-ib-content {
411
- position: absolute;
412
- top: auto;
413
- bottom: 100%;
414
- left: 0;
415
- width: 100%;
416
- padding: 15px;
417
- opacity: 0;
418
- -webkit-transition: opacity 0.35s;
419
- transition: opacity 0.35s; }
420
-
421
- .premium-banner-animation5 .premium-banner-ib-title,
422
- .premium-banner-animation5 .premium-banner-read-more {
423
- -webkit-transition: -webkit-transform 0.35s;
424
- transition: -webkit-transform 0.35s;
425
- transition: transform 0.35s;
426
- transition: transform 0.35s, -webkit-transform 0.35s;
427
- -webkit-transform: translate3d(0, 200%, 0);
428
- transform: translate3d(0, 200%, 0);
429
- text-align: center; }
430
-
431
- .premium-banner-animation5 .premium-banner-ib-title {
432
- margin: 10px 0; }
433
-
434
- .premium-banner-animation5:hover .premium-banner-ib-content,
435
- .premium-banner-animation5.active .premium-banner-ib-content,
436
- .premium-banner-animation5:hover .premium-banner-ib-content *,
437
- .premium-banner-animation5.active .premium-banner-ib-content * {
438
- opacity: 1 !important;
439
- z-index: 99 !important;
440
- -webkit-backface-visibility: hidden !important;
441
- backface-visibility: hidden !important; }
442
-
443
- .premium-banner-animation5:hover .premium-banner-ib-desc,
444
- .premium-banner-animation5.active .premium-banner-ib-desc,
445
- .premium-banner-animation5:hover .premium-banner-ib-title,
446
- .premium-banner-animation5.active .premium-banner-ib-title,
447
- .premium-banner-animation5:hover .premium-banner-read-more,
448
- .premium-banner-animation5.active .premium-banner-read-more {
449
- -webkit-transform: translateY(0);
450
- -ms-transform: translateY(0);
451
- transform: translateY(0); }
452
-
453
- .premium-banner-animation5:hover .premium-banner-ib-title {
454
- -webkit-transition-delay: 0.05s;
455
- transition-delay: 0.05s; }
456
-
457
- .premium-banner-animation5 img {
458
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
459
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
460
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
461
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; }
462
-
463
- .premium-banner-animation2 img,
464
- .premium-banner-animation4 img,
465
- .premium-banner-animation6 img {
466
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
467
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
468
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
469
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; }
470
-
471
- .premium-banner-animation5.zoomout img,
472
- .premium-banner-animation5.scale img {
473
- -webkit-transform: scale(1.1);
474
- -ms-transform: scale(1.1);
475
- transform: scale(1.1); }
476
-
477
- .premium-banner-animation2.zoomout img,
478
- .premium-banner-animation2.scale img {
479
- -webkit-transform: scale(1.1);
480
- -ms-transform: scale(1.1);
481
- transform: scale(1.1); }
482
-
483
- .premium-banner-animation6.zoomout img,
484
- .premium-banner-animation6.scale img {
485
- -webkit-transform: scale(1.1);
486
- -ms-transform: scale(1.1);
487
- transform: scale(1.1); }
488
-
489
- .premium-banner-animation5.zoomin:hover img,
490
- .premium-banner-animation2.zoomin:hover img,
491
- .premium-banner-animation6.zoomin:hover img {
492
- -webkit-transform: scale(1.1);
493
- -ms-transform: scale(1.1);
494
- transform: scale(1.1); }
495
-
496
- .premium-banner-animation5.zoomout:hover img,
497
- .premium-banner-animation2.zoomout:hover img,
498
- .premium-banner-animation6.zoomout:hover img {
499
- -webkit-transform: scale(1);
500
- -ms-transform: scale(1);
501
- transform: scale(1); }
502
-
503
- .premium-banner-animation5.scale:hover img,
504
- .premium-banner-animation2.scale:hover img,
505
- .premium-banner-animation6.scale:hover img {
506
- -webkit-transform: scale(1.2) rotate(5deg);
507
- -ms-transform: scale(1.2) rotate(5deg);
508
- transform: scale(1.2) rotate(5deg); }
509
-
510
- .premium-banner-animation5.grayscale:hover img,
511
- .premium-banner-animation2.grayscale:hover img,
512
- .premium-banner-animation6.grayscale:hover img {
513
- -webkit-filter: grayscale(100%);
514
- filter: grayscale(100%); }
515
-
516
- .premium-banner-animation5.blur:hover img,
517
- .premium-banner-animation2.blur:hover img {
518
- -webkit-filter: blur(3px);
519
- filter: blur(3px); }
520
-
521
- .premium-banner-animation6.blur:hover img {
522
- -webkit-filter: blur(3px);
523
- filter: blur(3px); }
524
-
525
- .premium-banner-animation6 .premium-banner-ib-desc {
526
- padding: 45px; }
527
- .premium-banner-animation6 .premium-banner-ib-desc::before {
528
- position: absolute;
529
- content: "";
530
- top: 30px;
531
- right: 30px;
532
- bottom: 30px;
533
- left: 30px;
534
- border: 1px solid #fff; }
535
-
536
- .premium-banner-animation6 .premium-banner-ib-title {
537
- margin: 20px 0 10px;
538
- -webkit-transition: -webkit-transform 0.35s;
539
- transition: -webkit-transform 0.35s;
540
- transition: transform 0.35s;
541
- transition: transform 0.35s, -webkit-transform 0.35s;
542
- -webkit-transform: translate3d(0, 100%, 0);
543
- transform: translate3d(0, 100%, 0); }
544
-
545
- .premium-banner-animation6 .premium-banner-ib-content,
546
- .premium-banner-animation6 .premium-banner-read-more,
547
- .premium-banner-animation6 .premium-banner-ib-desc::before {
548
- opacity: 0;
549
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
550
- transition: opacity 0.35s, -webkit-transform 0.35s;
551
- transition: opacity 0.35s, transform 0.35s;
552
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
553
- -webkit-transform: scale(0);
554
- -ms-transform: scale(0);
555
- transform: scale(0); }
556
-
557
- .premium-banner-animation6 .premium-banner-read-more {
558
- margin-top: 10px; }
559
-
560
- .premium-banner-animation6:hover .premium-banner-ib-title,
561
- .premium-banner-animation6.active .premium-banner-ib-title {
562
- -webkit-transform: translate3d(0, 0, 0);
563
- transform: translate3d(0, 0, 0); }
564
-
565
- .premium-banner-animation6:hover .premium-banner-ib-content,
566
- .premium-banner-animation6.active .premium-banner-ib-content,
567
- .premium-banner-animation6:hover .premium-banner-read-more,
568
- .premium-banner-animation6.active .premium-banner-read-more,
569
- .premium-banner-animation6:hover .premium-banner-ib-desc::before,
570
- .premium-banner-animation6.active .premium-banner-ib-desc::before {
571
- opacity: 1;
572
- -webkit-transform: scale(1);
573
- -ms-transform: scale(1);
574
- transform: scale(1); }
575
-
576
- .premium-banner-animation12 .premium-banner-ib-desc::after {
577
- position: absolute;
578
- content: "";
579
- right: 30px;
580
- bottom: 30px;
581
- left: 30px;
582
- height: -webkit-calc(50% - 30px);
583
- height: calc(50% - 30px);
584
- border: 7px solid #fff;
585
- -webkit-transition: -webkit-transform 0.35s;
586
- transition: -webkit-transform 0.35s;
587
- transition: transform 0.35s;
588
- transition: transform 0.35s, -webkit-transform 0.35s;
589
- -webkit-transform: translate3d(0, -100%, 0);
590
- transform: translate3d(0, -100%, 0); }
591
-
592
- .premium-banner-animation12:hover .premium-banner-ib-desc::after,
593
- .premium-banner-animation12.active .premium-banner-ib-desc::after {
594
- -webkit-transform: translate3d(0, 0, 0);
595
- transform: translate3d(0, 0, 0); }
596
-
597
- .premium-banner-animation12 .premium-banner-ib-desc {
598
- padding: 45px;
599
- text-align: left; }
600
-
601
- .premium-banner-animation12 .premium-banner-ib-content {
602
- position: absolute;
603
- right: 60px;
604
- bottom: 60px;
605
- left: 60px;
606
- opacity: 0;
607
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
608
- transition: opacity 0.35s, -webkit-transform 0.35s;
609
- transition: opacity 0.35s, transform 0.35s;
610
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
611
- -webkit-transform: translate3d(0, -100px, 0);
612
- transform: translate3d(0, -100px, 0); }
613
-
614
- .premium-banner-animation12:hover .premium-banner-ib-content,
615
- .premium-banner-animation12.active .premium-banner-ib-content {
616
- opacity: 1;
617
- -webkit-transform: translate3d(0, 0, 0);
618
- transform: translate3d(0, 0, 0); }
619
-
620
- .premium-banner-animation13 img {
621
- width: -webkit-calc(100% + 20px) !important;
622
- width: calc(100% + 20px) !important;
623
- max-width: -webkit-calc(100% + 20px) !important;
624
- max-width: calc(100% + 20px) !important;
625
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
626
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
627
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
628
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
629
- -webkit-transform: translate3d(-10px, 0, 0);
630
- transform: translate3d(-10px, 0, 0);
631
- -webkit-backface-visibility: hidden;
632
- backface-visibility: hidden; }
633
-
634
- .premium-banner-animation13.zoomout img,
635
- .premium-banner-animation13.scale img {
636
- -webkit-transform: translate3d(-10px, 0, 0) scale(1.1);
637
- transform: translate3d(-10px, 0, 0) scale(1.1); }
638
-
639
- .premium-banner-animation13.none:hover img {
640
- -webkit-transform: translate3d(0, 0, 0);
641
- transform: translate3d(0, 0, 0); }
642
-
643
- .premium-banner-animation1.none:hover img,
644
- .premium-banner-animation4.none:hover img {
645
- -webkit-transform: translate3d(0, 0, 0);
646
- transform: translate3d(0, 0, 0); }
647
-
648
- .premium-banner-animation13.zoomin:hover img,
649
- .premium-banner-animation1.zoomin:hover img,
650
- .premium-banner-animation4.zoomin:hover img,
651
- .premium-banner-animation8.zoomin:hover img,
652
- .premium-banner-animation7.zoomin:hover img,
653
- .premium-banner-animation9.zoomin:hover img,
654
- .premium-banner-animation10.zoomin:hover img,
655
- .premium-banner-animation11.zoomin:hover img {
656
- -webkit-transform: translate3d(0, 0, 0) scale(1.1);
657
- transform: translate3d(0, 0, 0) scale(1.1); }
658
-
659
- .premium-banner-animation13.zoomout:hover img,
660
- .premium-banner-animation1.zoomout:hover img,
661
- .premium-banner-animation4.zoomout:hover img,
662
- .premium-banner-animation8.zoomout:hover img,
663
- .premium-banner-animation7.zoomout:hover img,
664
- .premium-banner-animation9.zoomout:hover img,
665
- .premium-banner-animation10.zoomout:hover img,
666
- .premium-banner-animation11.zoomout:hover img {
667
- -webkit-transform: translate3d(0, 0, 0) scale(1);
668
- transform: translate3d(0, 0, 0) scale(1); }
669
-
670
- .premium-banner-animation13.scale:hover img,
671
- .premium-banner-animation1.scale:hover img,
672
- .premium-banner-animation4.scale:hover img,
673
- .premium-banner-animation8.scale:hover img,
674
- .premium-banner-animation7.scale:hover img,
675
- .premium-banner-animation9.scale:hover img,
676
- .premium-banner-animation10.scale:hover img,
677
- .premium-banner-animation11.scale:hover img {
678
- -webkit-transform: translate3d(0, 0, 0) scale(1.2) rotate(5deg);
679
- transform: translate3d(0, 0, 0) scale(1.2) rotate(5deg); }
680
-
681
- .premium-banner-animation13.grayscale:hover img,
682
- .premium-banner-animation1.grayscale:hover img,
683
- .premium-banner-animation4.grayscale:hover img,
684
- .premium-banner-animation8.grayscale:hover img,
685
- .premium-banner-animation7.grayscale:hover img,
686
- .premium-banner-animation9.grayscale:hover img,
687
- .premium-banner-animation10.grayscale:hover img,
688
- .premium-banner-animation11.grayscale:hover img {
689
- -webkit-transform: translate3d(0, 0, 0);
690
- transform: translate3d(0, 0, 0);
691
- -webkit-filter: grayscale(100%);
692
- filter: grayscale(100%); }
693
-
694
- .premium-banner-animation13.blur:hover img,
695
- .premium-banner-animation1.blur:hover img,
696
- .premium-banner-animation4.blur:hover,
697
- .premium-banner-animation8.blur:hover img,
698
- .premium-banner-animation7.blur:hover img,
699
- .premium-banner-animation9.blur:hover img,
700
- .premium-banner-animation10.blur:hover img,
701
- .premium-banner-animation11.blur:hover img {
702
- -webkit-transform: translate3d(0, 0, 0);
703
- transform: translate3d(0, 0, 0);
704
- -webkit-filter: blur(3px);
705
- filter: blur(3px); }
706
-
707
- .premium-banner-animation13 .premium-banner-ib-desc {
708
- text-align: left; }
709
-
710
- .premium-banner-animation13 .premium-banner-ib-title {
711
- position: relative;
712
- overflow: hidden;
713
- padding: 5px 0 10px; }
714
- .premium-banner-animation13 .premium-banner-ib-title::after {
715
- position: absolute;
716
- content: "";
717
- bottom: 0;
718
- left: 0;
719
- width: 100%;
720
- height: 2px;
721
- background: #fff;
722
- -webkit-transition: -webkit-transform 0.35s;
723
- transition: -webkit-transform 0.35s;
724
- transition: transform 0.35s;
725
- transition: transform 0.35s, -webkit-transform 0.35s;
726
- -webkit-transform: translate3d(-101%, 0, 0);
727
- transform: translate3d(-101%, 0, 0); }
728
-
729
- .premium-banner-animation13:hover .premium-banner-ib-title::after,
730
- .premium-banner-animation13.active .premium-banner-ib-title::after {
731
- -webkit-transform: translate3d(0, 0, 0);
732
- transform: translate3d(0, 0, 0); }
733
-
734
- .premium-banner-animation13 .premium-banner-ib-content,
735
- .premium-banner-animation13 .premium-banner-read-more {
736
- padding: 15px 0;
737
- opacity: 0;
738
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
739
- transition: opacity 0.35s, -webkit-transform 0.35s;
740
- transition: opacity 0.35s, transform 0.35s;
741
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
742
- -webkit-transform: translate3d(100%, 0, 0);
743
- transform: translate3d(100%, 0, 0); }
744
-
745
- .premium-banner-animation13:hover .premium-banner-ib-content,
746
- .premium-banner-animation13.active .premium-banner-ib-content,
747
- .premium-banner-animation13:hover .premium-banner-read-more,
748
- .premium-banner-animation13.active .premium-banner-read-more {
749
- opacity: 1;
750
- -webkit-transform: translate3d(0, 0, 0);
751
- transform: translate3d(0, 0, 0); }
752
-
753
- .premium-banner-ib.premium-banner-animation5 .premium-banner-toggle-size {
754
- left: 50%;
755
- width: auto !important;
756
- height: 100%;
757
- max-width: none;
758
- -webkit-transform: translateX(-50%);
759
- -ms-transform: translateX(-50%);
760
- transform: translateX(-50%); }
761
-
762
- .premium-banner-ib img {
763
- border: none;
764
- padding: 0;
765
- margin: 0; }
766
-
767
- .premium-banner-animation7 img {
768
- width: -webkit-calc(100% + 40px) !important;
769
- width: calc(100% + 40px) !important;
770
- max-width: -webkit-calc(100% + 40px) !important;
771
- max-width: calc(100% + 40px) !important;
772
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
773
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
774
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
775
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; }
776
-
777
- .premium-banner-animation7 .premium-banner-brlr {
778
- width: 7px; }
779
-
780
- .premium-banner-animation7 .premium-banner-brtb {
781
- height: 7px; }
782
-
783
- .premium-banner-animation7 .premium-banner-br {
784
- position: absolute;
785
- z-index: 1;
786
- background-color: white;
787
- -webkit-transition: all 0.3s ease-in-out;
788
- transition: all 0.3s ease-in-out;
789
- -webkit-transition-delay: 0.2s;
790
- transition-delay: 0.2s; }
791
-
792
- .premium-banner-animation7 .premium-banner-bleft {
793
- left: 30px;
794
- top: -webkit-calc(100% - 150px);
795
- top: calc(100% - 150px);
796
- height: 0; }
797
-
798
- .premium-banner-animation7 .premium-banner-bright {
799
- right: 30px;
800
- bottom: -webkit-calc(100% - 150px);
801
- bottom: calc(100% - 150px);
802
- height: 0; }
803
-
804
- .premium-banner-animation7 .premium-banner-bottom {
805
- right: -webkit-calc(100% - 150px);
806
- right: calc(100% - 150px);
807
- bottom: 30px;
808
- width: 0; }
809
-
810
- .premium-banner-animation7 .premium-banner-btop {
811
- left: -webkit-calc(100% - 150px);
812
- left: calc(100% - 150px);
813
- top: 30px;
814
- width: 0; }
815
-
816
- .premium-banner-animation7 .premium-banner-ib-desc {
817
- padding: 70px;
818
- display: table; }
819
- .premium-banner-animation7 .premium-banner-ib-desc .premium-banner-desc-centered {
820
- display: table-cell;
821
- vertical-align: middle; }
822
-
823
- .premium-banner-animation7 .premium-banner-ib-title {
824
- margin-top: 0; }
825
-
826
- .premium-banner-animation7 .premium-banner-ib-title,
827
- .premium-banner-animation7 img {
828
- -webkit-transform: translate3d(-30px, 0, 0);
829
- transform: translate3d(-30px, 0, 0); }
830
-
831
- .premium-banner-animation7.zoomout img,
832
- .premium-banner-animation7.scale img {
833
- -webkit-transform: translate3d(-30px, 0, 0) scale(1.1);
834
- transform: translate3d(-30px, 0, 0) scale(1.1); }
835
-
836
- .premium-banner-animation7 .premium-banner-ib-content,
837
- .premium-banner-animation7 .premium-banner-read-more {
838
- margin-top: 10px; }
839
-
840
- .premium-banner-animation7 .premium-banner-ib-desc::after, .premium-banner-animation7 .premium-banner-ib-desc::before {
841
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
842
- transition: opacity 0.35s, -webkit-transform 0.35s;
843
- transition: opacity 0.35s, transform 0.35s;
844
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
845
-
846
- .premium-banner-animation7 .premium-banner-ib-title,
847
- .premium-banner-animation7 .premium-banner-ib-content,
848
- .premium-banner-animation7 .premium-banner-read-more {
849
- opacity: 0;
850
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
851
- transition: opacity 0.35s, -webkit-transform 0.35s;
852
- transition: opacity 0.35s, transform 0.35s;
853
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
854
-
855
- .premium-banner-animation7:hover .premium-banner-ib-content,
856
- .premium-banner-animation7.active .premium-banner-ib-content,
857
- .premium-banner-animation7:hover .premium-banner-read-more,
858
- .premium-banner-animation7.active .premium-banner-read-more,
859
- .premium-banner-animation7:hover .premium-banner-ib-title,
860
- .premium-banner-animation7.active .premium-banner-ib-title {
861
- opacity: 1;
862
- -webkit-transform: translate3d(0, 0, 0);
863
- transform: translate3d(0, 0, 0); }
864
-
865
- .premium-banner-animation7:hover .premium-banner-bleft, .premium-banner-animation7.active .premium-banner-bleft {
866
- top: 30px;
867
- height: 70px; }
868
-
869
- .premium-banner-animation7:hover .premium-banner-bright, .premium-banner-animation7.active .premium-banner-bright {
870
- bottom: 30px;
871
- height: 70px; }
872
-
873
- .premium-banner-animation7:hover .premium-banner-bottom, .premium-banner-animation7.active .premium-banner-bottom {
874
- right: 30px;
875
- width: 70px; }
876
-
877
- .premium-banner-animation7:hover .premium-banner-btop, .premium-banner-animation7.active .premium-banner-btop {
878
- left: 30px;
879
- width: 70px; }
880
-
881
- .premium-banner-animation7:hover .premium-banner-ib-content,
882
- .premium-banner-animation7:hover .premium-banner-read-more,
883
- .premium-banner-animation7:hover .premium-banner-ib-title,
884
- .premium-banner-animation7:hover img {
885
- -webkit-transition-delay: 0.15s;
886
- transition-delay: 0.15s; }
887
-
888
- .premium-banner-animation8 img {
889
- width: -webkit-calc(100% + 40px) !important;
890
- width: calc(100% + 40px) !important;
891
- max-width: -webkit-calc(100% + 40px) !important;
892
- max-width: calc(100% + 40px) !important;
893
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
894
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
895
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
896
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; }
897
-
898
- .premium-banner-animation8 .premium-banner-brlr {
899
- width: 7px; }
900
-
901
- .premium-banner-animation8 .premium-banner-brtb {
902
- height: 7px; }
903
-
904
- .premium-banner-animation8 .premium-banner-br {
905
- position: absolute;
906
- z-index: 1;
907
- background-color: white;
908
- -webkit-transition: all 0.3s ease-in-out;
909
- transition: all 0.3s ease-in-out;
910
- -webkit-transition-delay: 0.2s;
911
- transition-delay: 0.2s; }
912
-
913
- .premium-banner-animation8 .premium-banner-bleft {
914
- left: 30px;
915
- top: 50%;
916
- -webkit-transform: translateY(-50%);
917
- -ms-transform: translateY(-50%);
918
- transform: translateY(-50%);
919
- height: 0; }
920
-
921
- .premium-banner-animation8 .premium-banner-bright {
922
- right: 30px;
923
- top: 50%;
924
- -webkit-transform: translateY(-50%);
925
- -ms-transform: translateY(-50%);
926
- transform: translateY(-50%);
927
- height: 0; }
928
-
929
- .premium-banner-animation8 .premium-banner-bottom {
930
- left: 50%;
931
- -webkit-transform: translateX(-50%);
932
- -ms-transform: translateX(-50%);
933
- transform: translateX(-50%);
934
- bottom: 30px;
935
- width: 0; }
936
-
937
- .premium-banner-animation8 .premium-banner-btop {
938
- left: 50%;
939
- -webkit-transform: translateX(-50%);
940
- -ms-transform: translateX(-50%);
941
- transform: translateX(-50%);
942
- top: 30px;
943
- width: 0; }
944
-
945
- .premium-banner-animation8 .premium-banner-ib-desc {
946
- padding: 70px;
947
- display: table; }
948
- .premium-banner-animation8 .premium-banner-ib-desc .premium-banner-desc-centered {
949
- display: table-cell;
950
- vertical-align: middle; }
951
-
952
- .premium-banner-animation8 .premium-banner-ib-title {
953
- margin-top: 0; }
954
-
955
- .premium-banner-animation8 .premium-banner-ib-title,
956
- .premium-banner-animation8 img {
957
- -webkit-transform: translate3d(-30px, 0, 0);
958
- transform: translate3d(-30px, 0, 0); }
959
-
960
- .premium-banner-animation8.zoomout img,
961
- .premium-banner-animation8.scale img {
962
- -webkit-transform: translate3d(-30px, 0, 0) scale(1.1);
963
- transform: translate3d(-30px, 0, 0) scale(1.1); }
964
-
965
- .premium-banner-animation8 .premium-banner-ib-content,
966
- .premium-banner-animation8 .premium-banner-read-more {
967
- margin-top: 10px; }
968
-
969
- .premium-banner-animation8 .premium-banner-ib-desc::after, .premium-banner-animation8 .premium-banner-ib-desc::before {
970
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
971
- transition: opacity 0.35s, -webkit-transform 0.35s;
972
- transition: opacity 0.35s, transform 0.35s;
973
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
974
-
975
- .premium-banner-animation8 .premium-banner-ib-title,
976
- .premium-banner-animation8 .premium-banner-ib-content,
977
- .premium-banner-animation8 .premium-banner-read-more {
978
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
979
- transition: opacity 0.35s, -webkit-transform 0.35s;
980
- transition: opacity 0.35s, transform 0.35s;
981
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
982
- opacity: 0; }
983
-
984
- .premium-banner-animation8:hover .premium-banner-ib-content,
985
- .premium-banner-animation8.active .premium-banner-ib-content,
986
- .premium-banner-animation8:hover .premium-banner-read-more,
987
- .premium-banner-animation8.active .premium-banner-read-more,
988
- .premium-banner-animation8:hover .premium-banner-ib-title,
989
- .premium-banner-animation8.active .premium-banner-ib-title {
990
- opacity: 1;
991
- -webkit-transform: translate3d(0, 0, 0);
992
- transform: translate3d(0, 0, 0); }
993
-
994
- .premium-banner-animation8:hover .premium-banner-bleft, .premium-banner-animation8.active .premium-banner-bleft {
995
- height: -webkit-calc(100% - 61px);
996
- height: calc(100% - 61px); }
997
-
998
- .premium-banner-animation8:hover .premium-banner-bright, .premium-banner-animation8.active .premium-banner-bright {
999
- height: -webkit-calc(100% - 61px);
1000
- height: calc(100% - 61px); }
1001
-
1002
- .premium-banner-animation8:hover .premium-banner-bottom, .premium-banner-animation8.active .premium-banner-bottom {
1003
- width: -webkit-calc(100% - 61px);
1004
- width: calc(100% - 61px); }
1005
-
1006
- .premium-banner-animation8:hover .premium-banner-btop, .premium-banner-animation8.active .premium-banner-btop {
1007
- width: -webkit-calc(100% - 61px);
1008
- width: calc(100% - 61px); }
1009
-
1010
- .premium-banner-animation8:hover .premium-banner-ib-content,
1011
- .premium-banner-animation8:hover .premium-banner-ib-title,
1012
- .premium-banner-animation8:hover .premium-banner-read-more,
1013
- .premium-banner-animation8:hover img {
1014
- -webkit-transition-delay: 0.15s;
1015
- transition-delay: 0.15s; }
1016
-
1017
- .premium-banner-animation9 img {
1018
- width: -webkit-calc(100% + 20px) !important;
1019
- width: calc(100% + 20px) !important;
1020
- max-width: -webkit-calc(100% + 20px) !important;
1021
- max-width: calc(100% + 20px) !important;
1022
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1023
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1024
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
1025
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1026
- -webkit-transform: scale(1.2);
1027
- -ms-transform: scale(1.2);
1028
- transform: scale(1.2); }
1029
-
1030
- .premium-banner-animation9 .premium-banner-ib-desc {
1031
- width: 100%;
1032
- height: 100%; }
1033
- .premium-banner-animation9 .premium-banner-ib-desc::before {
1034
- position: absolute;
1035
- top: 50%;
1036
- left: 50%;
1037
- width: 80%;
1038
- height: 1px;
1039
- background: #fff;
1040
- content: "";
1041
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1042
- transition: opacity 0.35s, -webkit-transform 0.35s;
1043
- transition: opacity 0.35s, transform 0.35s;
1044
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1045
- -webkit-transform: translate3d(-50%, -50%, 0);
1046
- transform: translate3d(-50%, -50%, 0); }
1047
- .premium-banner-animation9 .premium-banner-ib-desc::after {
1048
- position: absolute;
1049
- top: 50%;
1050
- left: 50%;
1051
- width: 80%;
1052
- height: 1px;
1053
- background: #fff;
1054
- content: "";
1055
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1056
- transition: opacity 0.35s, -webkit-transform 0.35s;
1057
- transition: opacity 0.35s, transform 0.35s;
1058
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1059
- -webkit-transform: translate3d(-50%, -50%, 0);
1060
- transform: translate3d(-50%, -50%, 0); }
1061
-
1062
- .premium-banner-animation9 .premium-banner-ib-title {
1063
- position: absolute;
1064
- top: 50%;
1065
- left: 0;
1066
- width: 100%;
1067
- -webkit-transition: -webkit-transform 0.35s;
1068
- transition: -webkit-transform 0.35s;
1069
- transition: transform 0.35s;
1070
- transition: transform 0.35s, -webkit-transform 0.35s;
1071
- -webkit-transform: translate3d(0, -70px, 0);
1072
- transform: translate3d(0, -70px, 0);
1073
- margin-top: 0;
1074
- padding: 0 10%; }
1075
-
1076
- .premium-banner-animation9:hover .premium-banner-ib-title,
1077
- .premium-banner-animation9.active .premium-banner-ib-title {
1078
- -webkit-transform: translate3d(0, -80px, 0);
1079
- transform: translate3d(0, -80px, 0); }
1080
-
1081
- .premium-banner-animation9 .premium-banner-ib-content,
1082
- .premium-banner-animation9 .premium-banner-read-more {
1083
- position: absolute;
1084
- top: 50%;
1085
- left: 0;
1086
- width: 100%;
1087
- -webkit-transition: -webkit-transform 0.35s;
1088
- transition: -webkit-transform 0.35s;
1089
- transition: transform 0.35s;
1090
- transition: transform 0.35s, -webkit-transform 0.35s;
1091
- padding: 0 10%;
1092
- -webkit-transform: translate3d(0, 35px, 0);
1093
- transform: translate3d(0, 35px, 0); }
1094
-
1095
- .premium-banner-animation9 .premium-banner-read-more {
1096
- top: 75%; }
1097
-
1098
- .premium-banner-animation9:hover .premium-banner-ib-content,
1099
- .premium-banner-animation9.active .premium-banner-ib-content,
1100
- .premium-banner-animation9:hover .premium-banner-read-more,
1101
- .premium-banner-animation9.active .premium-banner-read-more {
1102
- -webkit-transform: translate3d(0, 45px, 0);
1103
- transform: translate3d(0, 45px, 0); }
1104
-
1105
- .premium-banner-animation9:hover .premium-banner-ib-desc::before,
1106
- .premium-banner-animation9.active .premium-banner-ib-desc::before {
1107
- opacity: 0.5;
1108
- -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
1109
- transform: translate3d(-50%, -50%, 0) rotate(45deg); }
1110
-
1111
- .premium-banner-animation9:hover .premium-banner-ib-desc::after,
1112
- .premium-banner-animation9.active .premium-banner-ib-desc::after {
1113
- opacity: 0.5;
1114
- -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
1115
- transform: translate3d(-50%, -50%, 0) rotate(-45deg); }
1116
-
1117
- .premium-banner-animation9:hover img {
1118
- -webkit-transform: scale(1);
1119
- -ms-transform: scale(1);
1120
- transform: scale(1); }
1121
-
1122
- .premium-banner-animation10 img {
1123
- width: -webkit-calc(100% + 20px) !important;
1124
- width: calc(100% + 20px) !important;
1125
- max-width: -webkit-calc(100% + 20px) !important;
1126
- max-width: calc(100% + 20px) !important;
1127
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1128
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1129
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
1130
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; }
1131
-
1132
- .premium-banner-animation10 .premium-banner-ib-title {
1133
- position: relative;
1134
- overflow: hidden;
1135
- padding: 5px 0 15px;
1136
- -webkit-transition: -webkit-transform 0.35s;
1137
- transition: -webkit-transform 0.35s;
1138
- transition: transform 0.35s;
1139
- transition: transform 0.35s, -webkit-transform 0.35s;
1140
- -webkit-transform: translate3d(0, 20px, 0);
1141
- transform: translate3d(0, 20px, 0);
1142
- margin-bottom: 0; }
1143
- .premium-banner-animation10 .premium-banner-ib-title::after {
1144
- position: absolute;
1145
- content: "";
1146
- bottom: 0;
1147
- left: 0;
1148
- width: 100%;
1149
- height: 3px;
1150
- background: #fff;
1151
- opacity: 0;
1152
- -webkit-transform: translate3d(0, 100%, 0);
1153
- transform: translate3d(0, 100%, 0);
1154
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1155
- transition: opacity 0.35s, -webkit-transform 0.35s;
1156
- transition: opacity 0.35s, transform 0.35s;
1157
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
1158
-
1159
- .premium-banner-animation10:hover .premium-banner-ib-title,
1160
- .premium-banner-animation10.active .premium-banner-ib-title {
1161
- -webkit-transform: translate3d(0, 0, 0);
1162
- transform: translate3d(0, 0, 0); }
1163
-
1164
- .premium-banner-animation10:hover .premium-banner-ib-title::after,
1165
- .premium-banner-animation10.active .premium-banner-ib-title::after {
1166
- opacity: 1;
1167
- -webkit-transform: translate3d(0, 0, 0);
1168
- transform: translate3d(0, 0, 0); }
1169
-
1170
- .premium-banner-animation10.zoomout img,
1171
- .premium-banner-animation10.scale img {
1172
- -webkit-transform: translate3d(-10px, 0, 0) scale(1.1);
1173
- transform: translate3d(-10px, 0, 0) scale(1.1); }
1174
-
1175
- .premium-banner-animation10 .premium-banner-ib-content,
1176
- .premium-banner-animation10 .premium-banner-read-more {
1177
- padding-top: 15px;
1178
- opacity: 0;
1179
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1180
- transition: opacity 0.35s, -webkit-transform 0.35s;
1181
- transition: opacity 0.35s, transform 0.35s;
1182
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1183
- -webkit-transform: translate3d(0, 100%, 0);
1184
- transform: translate3d(0, 100%, 0); }
1185
-
1186
- .premium-banner-animation10 .premium-banner-read-more {
1187
- padding: 0; }
1188
-
1189
- .premium-banner-animation10:hover .premium-banner-ib-content,
1190
- .premium-banner-animation10.active .premium-banner-ib-content,
1191
- .premium-banner-animation10:hover .premium-banner-read-more,
1192
- .premium-banner-animation10.active .premium-banner-read-more {
1193
- opacity: 1;
1194
- -webkit-transform: translate3d(0, 0, 0);
1195
- transform: translate3d(0, 0, 0); }
1196
-
1197
- .premium-banner-animation11 {
1198
- -webkit-transition: -webkit-transform 1s ease-out;
1199
- transition: -webkit-transform 1s ease-out;
1200
- transition: transform 1s ease-out;
1201
- transition: transform 1s ease-out, -webkit-transform 1s ease-out;
1202
- -webkit-transition-delay: 0.125s;
1203
- transition-delay: 0.125s; }
1204
- .premium-banner-animation11 .premium-banner-ib-desc {
1205
- position: absolute;
1206
- z-index: 5;
1207
- -webkit-transform: translate3d(-30px, 0, 0);
1208
- transform: translate3d(-30px, 0, 0);
1209
- opacity: 0;
1210
- top: auto;
1211
- bottom: 0;
1212
- min-height: 25%;
1213
- height: auto;
1214
- max-height: 100%;
1215
- text-align: left;
1216
- padding: 30px;
1217
- -webkit-transition: all 0.6s ease-out;
1218
- transition: all 0.6s ease-out; }
1219
- .premium-banner-animation11 img {
1220
- width: 100%;
1221
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1222
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1223
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
1224
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; }
1225
- .premium-banner-animation11 .premium-banner-ib-title {
1226
- margin-bottom: 10px; }
1227
- .premium-banner-animation11 .premium-banner-gradient {
1228
- position: absolute;
1229
- left: 0;
1230
- top: 0;
1231
- right: 0;
1232
- bottom: 0; }
1233
- .premium-banner-animation11 .premium-banner-gradient:after,
1234
- .premium-banner-animation11 .premium-banner-gradient:before {
1235
- position: absolute;
1236
- content: "";
1237
- left: 0;
1238
- top: 0;
1239
- right: 0;
1240
- bottom: 0;
1241
- -webkit-transform: translate3d(-100%, 0, 0);
1242
- transform: translate3d(-100%, 0, 0);
1243
- background-image: -webkit-linear-gradient(40deg, rgba(84, 89, 95, 0.5) 27.89%, #6ec1e4 72.11%);
1244
- background-image: linear-gradient(50deg, rgba(84, 89, 95, 0.5) 27.89%, #6ec1e4 72.11%);
1245
- z-index: 2; }
1246
- .premium-banner-animation11 .premium-banner-gradient:before {
1247
- mix-blend-mode: color; }
1248
- .premium-banner-animation11 .premium-banner-gradient:after {
1249
- mix-blend-mode: multiply; }
1250
- .premium-banner-animation11:hover .premium-banner-ib-desc,
1251
- .premium-banner-animation11.active .premium-banner-ib-desc {
1252
- opacity: 1;
1253
- -webkit-transform: translate3d(0, 0, 0);
1254
- transform: translate3d(0, 0, 0); }
1255
- .premium-banner-animation11:hover .premium-banner-gradient:after,
1256
- .premium-banner-animation11:hover .premium-banner-gradient:before,
1257
- .premium-banner-animation11.active .premium-banner-gradient:after,
1258
- .premium-banner-animation11.active .premium-banner-gradient:before {
1259
- -webkit-transform: translate3d(0, 0, 0);
1260
- transform: translate3d(0, 0, 0); }
1261
- .premium-banner-animation11.zoomout img,
1262
- .premium-banner-animation11.scale img {
1263
- -webkit-transform: translate3d(-10px, 0, 0) scale(1.1);
1264
- transform: translate3d(-10px, 0, 0) scale(1.1); }
1265
-
1266
- /**************** Premium CountDown *************/
1267
- /************************************************/
1268
- .premium-countdown {
1269
- -js-display: flex;
1270
- display: -webkit-box;
1271
- display: -webkit-flex;
1272
- display: -moz-box;
1273
- display: -ms-flexbox;
1274
- display: flex;
1275
- text-align: center; }
1276
-
1277
- .countdown-row {
1278
- display: block;
1279
- text-align: center; }
1280
-
1281
- .countdown .countdown-section {
1282
- display: inline-block;
1283
- max-width: 100%;
1284
- margin-bottom: 15px;
1285
- -js-display: inline-flex;
1286
- display: -webkit-inline-box;
1287
- display: -webkit-inline-flex;
1288
- display: -moz-inline-box;
1289
- display: -ms-inline-flexbox;
1290
- display: inline-flex;
1291
- -webkit-box-align: center;
1292
- -webkit-align-items: center;
1293
- -moz-box-align: center;
1294
- -ms-flex-align: center;
1295
- align-items: center; }
1296
- .countdown .countdown-section:last-child {
1297
- margin-right: 0; }
1298
-
1299
- .countdown span.countdown-amount {
1300
- font-size: 70px;
1301
- line-height: 1;
1302
- padding: 40px; }
1303
-
1304
- .countdown .pre_time-mid {
1305
- display: block; }
1306
-
1307
- .premium-countdown-separator-yes .countdown_separator {
1308
- display: block;
1309
- margin: 0 50px;
1310
- font-size: 30px; }
1311
-
1312
- .premium-countdown-separator-yes .countdown-row .countdown-section:last-child .countdown_separator,
1313
- .premium-countdown-separator-yes .premium-countdown-block:last-child .countdown_separator {
1314
- display: none; }
1315
-
1316
- /**
1317
- * Digit and unit styles
1318
- */
1319
- .side .countdown-section .countdown-period {
1320
- vertical-align: bottom; }
1321
-
1322
- .countdown .countdown-section .countdown-period {
1323
- font-size: 17px;
1324
- line-height: 3em; }
1325
-
1326
- .side .countdown-section .countdown-amount,
1327
- .side .countdown-section .countdown-period {
1328
- display: inline-block; }
1329
-
1330
- .side .countdown-section .countdown-amount {
1331
- margin-right: 5px; }
1332
-
1333
- .down .countdown-section .countdown-amount,
1334
- .down .countdown-section .countdown-period {
1335
- display: block; }
1336
-
1337
- /**
1338
- * Flip Layout
1339
- */
1340
- .premium-countdown-flip .premium-countdown-block {
1341
- text-align: center;
1342
- -js-display: inline-flex;
1343
- display: -webkit-inline-box;
1344
- display: -webkit-inline-flex;
1345
- display: -moz-inline-box;
1346
- display: -ms-inline-flexbox;
1347
- display: inline-flex;
1348
- -webkit-box-align: center;
1349
- -webkit-align-items: center;
1350
- -moz-box-align: center;
1351
- -ms-flex-align: center;
1352
- align-items: center; }
1353
- .premium-countdown-flip .premium-countdown-block:last-child {
1354
- margin-right: 0; }
1355
-
1356
- .premium-countdown-flip .premium-countdown-label {
1357
- overflow: hidden;
1358
- color: #1a1a1a;
1359
- text-transform: uppercase; }
1360
-
1361
- .premium-countdown-flip .premium-countdown-figure {
1362
- position: relative;
1363
- height: 110px;
1364
- width: 100px;
1365
- line-height: 107px;
1366
- background-color: #fff;
1367
- -webkit-border-radius: 10px;
1368
- border-radius: 10px;
1369
- -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset 2px 4px 0 0 rgba(255, 255, 255, 0.08);
1370
- box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset 2px 4px 0 0 rgba(255, 255, 255, 0.08); }
1371
- .premium-countdown-flip .premium-countdown-figure:last-child {
1372
- margin-right: 0; }
1373
- .premium-countdown-flip .premium-countdown-figure > span {
1374
- position: absolute;
1375
- left: 0;
1376
- right: 0;
1377
- margin: auto;
1378
- font-weight: 700; }
1379
- .premium-countdown-flip .premium-countdown-figure .top {
1380
- z-index: 3;
1381
- -webkit-transform-origin: 50% 100%;
1382
- -ms-transform-origin: 50% 100%;
1383
- transform-origin: 50% 100%;
1384
- -webkit-transform: perspective(200px);
1385
- transform: perspective(200px);
1386
- -webkit-backface-visibility: hidden;
1387
- backface-visibility: hidden; }
1388
- .premium-countdown-flip .premium-countdown-figure .bottom {
1389
- z-index: 1; }
1390
- .premium-countdown-flip .premium-countdown-figure .bottom::before {
1391
- content: "";
1392
- position: absolute;
1393
- display: block;
1394
- top: 0;
1395
- left: 0;
1396
- width: 100%;
1397
- height: 50%;
1398
- background-color: rgba(0, 0, 0, 0.02); }
1399
- .premium-countdown-flip .premium-countdown-figure .top-back {
1400
- -webkit-backface-visibility: hidden;
1401
- backface-visibility: hidden;
1402
- z-index: 4;
1403
- bottom: 0;
1404
- -webkit-transform-origin: 50% 0;
1405
- -ms-transform-origin: 50% 0;
1406
- transform-origin: 50% 0;
1407
- -webkit-transform: perspective(200px) rotateX(180deg);
1408
- transform: perspective(200px) rotateX(180deg); }
1409
- .premium-countdown-flip .premium-countdown-figure .top-back span {
1410
- position: absolute;
1411
- top: -100%;
1412
- left: 0;
1413
- right: 0;
1414
- margin: auto; }
1415
- .premium-countdown-flip .premium-countdown-figure .bottom-back {
1416
- z-index: 2;
1417
- top: 0; }
1418
- .premium-countdown-flip .premium-countdown-figure .bottom-back span {
1419
- position: absolute;
1420
- top: 0;
1421
- left: 0;
1422
- right: 0;
1423
- margin: auto; }
1424
- .premium-countdown-flip .premium-countdown-figure .top,
1425
- .premium-countdown-flip .premium-countdown-figure .bottom-back,
1426
- .premium-countdown-flip .premium-countdown-figure .top-back {
1427
- height: 50%;
1428
- overflow: hidden;
1429
- background-color: #f7f7f7;
1430
- -webkit-border-top-left-radius: 10px;
1431
- border-top-left-radius: 10px;
1432
- -webkit-border-top-right-radius: 10px;
1433
- border-top-right-radius: 10px; }
1434
- .premium-countdown-flip .premium-countdown-figure .top-back {
1435
- -webkit-border-bottom-left-radius: 10px;
1436
- border-bottom-left-radius: 10px;
1437
- -webkit-border-bottom-right-radius: 10px;
1438
- border-bottom-right-radius: 10px; }
1439
- .premium-countdown-flip .premium-countdown-figure .top::after,
1440
- .premium-countdown-flip .premium-countdown-figure .bottom-back::after {
1441
- content: "";
1442
- position: absolute;
1443
- z-index: -1;
1444
- left: 0;
1445
- bottom: 0;
1446
- width: 100%;
1447
- height: 100%;
1448
- border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
1449
-
1450
- .side .premium-countdown-figure,
1451
- .side .premium-countdown-label {
1452
- display: inline-block; }
1453
-
1454
- .side .premium-countdown-figure {
1455
- margin-right: 5px; }
1456
-
1457
- .down .premium-countdown-figure,
1458
- .down .premium-countdown-label {
1459
- display: block; }
1460
-
1461
- .down .premium-countdown-label {
1462
- width: 100%; }
1463
-
1464
- /**************** Premium Carousel ****************/
1465
- /**************************************************/
1466
- .premium-carousel-wrapper a.carousel-arrow, .premium-carousel-wrapper a.ver-carousel-arrow {
1467
- -js-display: flex;
1468
- display: -webkit-box;
1469
- display: -webkit-flex;
1470
- display: -moz-box;
1471
- display: -ms-flexbox;
1472
- display: flex;
1473
- -webkit-box-align: center;
1474
- -webkit-align-items: center;
1475
- -moz-box-align: center;
1476
- -ms-flex-align: center;
1477
- align-items: center;
1478
- -webkit-box-pack: center;
1479
- -webkit-justify-content: center;
1480
- -moz-box-pack: center;
1481
- -ms-flex-pack: center;
1482
- justify-content: center;
1483
- width: 2em;
1484
- height: 2em;
1485
- line-height: 0;
1486
- text-align: center;
1487
- position: absolute;
1488
- z-index: 99;
1489
- cursor: pointer;
1490
- -webkit-transition: all 0.3s ease-in-out;
1491
- transition: all 0.3s ease-in-out;
1492
- -webkit-appearance: inherit;
1493
- border: none;
1494
- -webkit-box-shadow: none;
1495
- box-shadow: none; }
1496
- .premium-carousel-wrapper a.carousel-arrow svg, .premium-carousel-wrapper a.ver-carousel-arrow svg {
1497
- -webkit-transition: all 0.3s ease-in-out;
1498
- transition: all 0.3s ease-in-out; }
1499
-
1500
- .premium-tabs-nav-list a.carousel-arrow,
1501
- .premium-fb-rev-container a.carousel-arrow,
1502
- .premium-blog-wrap a.carousel-arrow,
1503
- .premium-hscroll-wrap a.carousel-arrow,
1504
- .premium-twitter-feed-wrapper a.carousel-arrow,
1505
- .premium-facebook-feed-wrapper a.carousel-arrow,
1506
- .premium-instafeed-container a.carousel-arrow,
1507
- .premium-persons-container a.carousel-arrow {
1508
- -js-display: flex;
1509
- display: -webkit-box;
1510
- display: -webkit-flex;
1511
- display: -moz-box;
1512
- display: -ms-flexbox;
1513
- display: flex;
1514
- -webkit-box-align: center;
1515
- -webkit-align-items: center;
1516
- -moz-box-align: center;
1517
- -ms-flex-align: center;
1518
- align-items: center;
1519
- -webkit-box-pack: center;
1520
- -webkit-justify-content: center;
1521
- -moz-box-pack: center;
1522
- -ms-flex-pack: center;
1523
- justify-content: center;
1524
- width: 2em;
1525
- height: 2em;
1526
- line-height: 0;
1527
- text-align: center;
1528
- position: absolute;
1529
- z-index: 99;
1530
- cursor: pointer;
1531
- -webkit-transition: all 0.3s ease-in-out;
1532
- transition: all 0.3s ease-in-out;
1533
- -webkit-appearance: inherit;
1534
- border: none;
1535
- -webkit-box-shadow: none;
1536
- box-shadow: none; }
1537
-
1538
- div[class^="premium-"] .slick-arrow i {
1539
- display: block; }
1540
-
1541
- .ver-carousel-arrow.carousel-next i {
1542
- margin-bottom: -3px; }
1543
-
1544
- .premium-carousel-wrapper a.slick-arrow:hover {
1545
- -webkit-box-shadow: none !important;
1546
- box-shadow: none !important; }
1547
-
1548
- .premium-carousel-wrapper .premium-carousel-content-hidden {
1549
- visibility: hidden; }
1550
-
1551
- .premium-carousel-wrapper a.carousel-arrow {
1552
- top: 50%; }
1553
-
1554
- .premium-tabs-nav-list a.carousel-arrow,
1555
- .premium-fb-rev-container a.carousel-arrow,
1556
- .premium-blog-wrap a.carousel-arrow,
1557
- .premium-hscroll-wrap a.carousel-arrow,
1558
- .premium-twitter-feed-wrapper a.carousel-arrow,
1559
- .premium-facebook-feed-wrapper a.carousel-arrow,
1560
- .premium-instafeed-container a.carousel-arrow,
1561
- .premium-persons-container a.carousel-arrow {
1562
- top: 50%;
1563
- -webkit-transform: translateY(-50%);
1564
- -ms-transform: translateY(-50%);
1565
- transform: translateY(-50%); }
1566
-
1567
- .premium-carousel-wrapper a.ver-carousel-arrow {
1568
- left: 50%;
1569
- -webkit-transform: translateX(-50%);
1570
- -ms-transform: translateX(-50%);
1571
- transform: translateX(-50%); }
1572
-
1573
- a.carousel-arrow.carousel-next {
1574
- right: -20px; }
1575
-
1576
- a.carousel-arrow.carousel-prev {
1577
- left: -20px; }
1578
-
1579
- a.ver-carousel-arrow.carousel-next {
1580
- bottom: -56px; }
1581
-
1582
- a.ver-carousel-arrow.carousel-prev {
1583
- top: -45px; }
1584
-
1585
- a.circle-bg {
1586
- -webkit-border-radius: 100%;
1587
- border-radius: 100%; }
1588
-
1589
- a.circle-border {
1590
- -webkit-border-radius: 100%;
1591
- border-radius: 100%;
1592
- border: solid black; }
1593
-
1594
- a.square-border {
1595
- border: solid black; }
1596
-
1597
- .premium-carousel-dots-below ul.slick-dots,
1598
- .premium-blog-wrap ul.slick-dots,
1599
- .premium-fb-rev-reviews ul.slick-dots {
1600
- position: relative;
1601
- bottom: 0;
1602
- list-style: none;
1603
- text-align: center;
1604
- margin: 0;
1605
- padding: 0; }
1606
-
1607
- .premium-carousel-dots-above ul.slick-dots {
1608
- position: absolute;
1609
- -js-display: flex;
1610
- display: -webkit-box;
1611
- display: -webkit-flex;
1612
- display: -moz-box;
1613
- display: -ms-flexbox;
1614
- display: flex;
1615
- width: auto;
1616
- top: 50%;
1617
- bottom: auto;
1618
- -webkit-transform: translateY(-50%);
1619
- -ms-transform: translateY(-50%);
1620
- transform: translateY(-50%);
1621
- -webkit-box-orient: vertical;
1622
- -webkit-box-direction: normal;
1623
- -webkit-flex-direction: column;
1624
- -moz-box-orient: vertical;
1625
- -moz-box-direction: normal;
1626
- -ms-flex-direction: column;
1627
- flex-direction: column; }
1628
-
1629
- ul.slick-dots li {
1630
- font-size: 10px;
1631
- -js-display: inline-flex;
1632
- display: -webkit-inline-box;
1633
- display: -webkit-inline-flex;
1634
- display: -moz-inline-box;
1635
- display: -ms-inline-flexbox;
1636
- display: inline-flex;
1637
- -webkit-box-pack: center;
1638
- -webkit-justify-content: center;
1639
- -moz-box-pack: center;
1640
- -ms-flex-pack: center;
1641
- justify-content: center;
1642
- -webkit-box-align: center;
1643
- -webkit-align-items: center;
1644
- -moz-box-align: center;
1645
- -ms-flex-align: center;
1646
- align-items: center;
1647
- margin: 5px;
1648
- width: 20px;
1649
- height: 20px;
1650
- cursor: pointer; }
1651
-
1652
- /*
1653
- * Custom Navigation Dot
1654
- */
1655
- .premium-carousel-wrapper .premium-carousel-nav-dot,
1656
- .premium-carousel-wrapper .premium-carousel-nav-arrow-prev,
1657
- .premium-carousel-wrapper .premium-carousel-nav-arrow-next {
1658
- display: none; }
1659
-
1660
- .premium-carousel-wrapper ul.slick-dots svg {
1661
- width: 20px;
1662
- height: 20px; }
1663
-
1664
- /* Ripple Out */
1665
- @-webkit-keyframes hvr-ripple-out {
1666
- 0% {
1667
- -webkit-transform: scale(1);
1668
- transform: scale(1);
1669
- opacity: 1; }
1670
- 100% {
1671
- -webkit-transform: scale(1.5);
1672
- transform: scale(1.5);
1673
- opacity: 0; } }
1674
- @keyframes hvr-ripple-out {
1675
- 0% {
1676
- -webkit-transform: scale(1);
1677
- transform: scale(1);
1678
- opacity: 1; }
1679
- 100% {
1680
- -webkit-transform: scale(1.5);
1681
- transform: scale(1.5);
1682
- opacity: 0; } }
1683
-
1684
- .premium-carousel-ripple-yes .premium-carousel-wrapper {
1685
- padding-bottom: 1px; }
1686
-
1687
- .premium-carousel-ripple-yes ul.slick-dots li {
1688
- position: relative; }
1689
- .premium-carousel-ripple-yes ul.slick-dots li i {
1690
- position: relative;
1691
- z-index: 1; }
1692
- .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
1693
- content: "";
1694
- position: absolute;
1695
- -webkit-transform: scale(1);
1696
- -ms-transform: scale(1);
1697
- transform: scale(1);
1698
- top: 0;
1699
- right: 0;
1700
- bottom: 0;
1701
- left: 0;
1702
- -webkit-border-radius: 50%;
1703
- border-radius: 50%;
1704
- pointer-events: none;
1705
- background-color: rgba(0, 0, 0, 0.15); }
1706
- .premium-carousel-ripple-yes ul.slick-dots li.slick-active:hover:before {
1707
- background-color: rgba(0, 0, 0, 0.3); }
1708
- .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
1709
- -webkit-animation: hvr-ripple-out 1.3s infinite;
1710
- animation: hvr-ripple-out 1.3s infinite; }
1711
-
1712
- .premium-carousel-wrapper.premium-carousel-scale .slick-slide {
1713
- -webkit-transform: scale(1.25, 1.25);
1714
- -ms-transform: scale(1.25, 1.25);
1715
- transform: scale(1.25, 1.25);
1716
- -webkit-transition: all 0.3s ease-in-out !important;
1717
- transition: all 0.3s ease-in-out !important; }
1718
-
1719
- .premium-carousel-wrapper.premium-carousel-scale div.slick-active {
1720
- -webkit-transform: scale(1, 1);
1721
- -ms-transform: scale(1, 1);
1722
- transform: scale(1, 1); }
1723
-
1724
- [dir="rtl"] .premium-carousel-inner .slick-slide {
1725
- float: right; }
1726
-
1727
- /**************** Premium Counter ***************/
1728
- /************************************************/
1729
- .premium-counter-area {
1730
- padding: 10px 0;
1731
- -js-display: flex;
1732
- display: -webkit-box;
1733
- display: -webkit-flex;
1734
- display: -moz-box;
1735
- display: -ms-flexbox;
1736
- display: flex;
1737
- -webkit-box-pack: center;
1738
- -webkit-justify-content: center;
1739
- -moz-box-pack: center;
1740
- -ms-flex-pack: center;
1741
- justify-content: center;
1742
- -webkit-box-align: center;
1743
- -webkit-align-items: center;
1744
- -moz-box-align: center;
1745
- -ms-flex-align: center;
1746
- align-items: center; }
1747
- .premium-counter-area.top {
1748
- -webkit-box-orient: vertical;
1749
- -webkit-box-direction: normal;
1750
- -webkit-flex-direction: column;
1751
- -moz-box-orient: vertical;
1752
- -moz-box-direction: normal;
1753
- -ms-flex-direction: column;
1754
- flex-direction: column; }
1755
- .premium-counter-area.right {
1756
- -webkit-box-orient: horizontal;
1757
- -webkit-box-direction: reverse;
1758
- -webkit-flex-direction: row-reverse;
1759
- -moz-box-orient: horizontal;
1760
- -moz-box-direction: reverse;
1761
- -ms-flex-direction: row-reverse;
1762
- flex-direction: row-reverse; }
1763
- .premium-counter-area.right .premium-counter-icon {
1764
- padding-left: 20px; }
1765
- .premium-counter-area.left .premium-counter-icon {
1766
- padding-right: 20px; }
1767
- .premium-counter-area .premium-counter-icon .icon i.fa:before {
1768
- vertical-align: text-top; }
1769
- .premium-counter-area .premium-counter-icon span.icon {
1770
- text-align: center;
1771
- display: inline-block;
1772
- vertical-align: middle; }
1773
- .premium-counter-area .premium-counter-icon .circle {
1774
- -webkit-border-radius: 100%;
1775
- border-radius: 100%; }
1776
- .premium-counter-area .premium-counter-icon img,
1777
- .premium-counter-area .premium-counter-icon svg {
1778
- width: 80px; }
1779
- .premium-counter-area .premium-counter-icon .premium-counter-animation svg {
1780
- height: 80px; }
1781
- .premium-counter-area .premium-counter-title {
1782
- padding: 0;
1783
- margin: 0; }
1784
- .premium-counter-area .premium-counter-value-wrap {
1785
- -js-display: flex;
1786
- display: -webkit-box;
1787
- display: -webkit-flex;
1788
- display: -moz-box;
1789
- display: -ms-flexbox;
1790
- display: flex;
1791
- -webkit-box-align: center;
1792
- -webkit-align-items: center;
1793
- -moz-box-align: center;
1794
- -ms-flex-align: center;
1795
- align-items: center; }
1796
-
1797
- .premium-init-wrapper.right {
1798
- text-align: right; }
1799
-
1800
- span.icon.flex-width {
1801
- width: auto !important;
1802
- height: auto !important; }
1803
-
1804
- .premium-counter-area .premium-counter-init {
1805
- font-size: 35px; }
1806
-
1807
- /**************** Premium Image Separator ****************/
1808
- /*********************************************************/
1809
- .premium-image-separator-container {
1810
- position: absolute;
1811
- width: 100%;
1812
- z-index: 2;
1813
- top: auto;
1814
- -webkit-transition: all 0.3s ease-in-out;
1815
- transition: all 0.3s ease-in-out; }
1816
- .premium-image-separator-container svg,
1817
- .premium-image-separator-container img {
1818
- display: inline-block !important;
1819
- -webkit-mask-repeat: no-repeat;
1820
- mask-repeat: no-repeat;
1821
- -webkit-mask-position: center;
1822
- mask-position: center; }
1823
- .premium-image-separator-container .premium-image-separator-link {
1824
- position: absolute;
1825
- z-index: 9999;
1826
- top: 0;
1827
- left: 0;
1828
- width: 100%;
1829
- height: 100%;
1830
- text-decoration: none; }
1831
- .premium-image-separator-container .premium-image-separator-link:hover, .premium-image-separator-container .premium-image-separator-link:visited, .premium-image-separator-container .premium-image-separator-link:focus, .premium-image-separator-container .premium-image-separator-link:active {
1832
- -webkit-box-shadow: none !important;
1833
- box-shadow: none !important;
1834
- outline: none !important;
1835
- border: none !important;
1836
- text-decoration: none !important; }
1837
- .premium-image-separator-container i,
1838
- .premium-image-separator-container > svg {
1839
- padding: 20px;
1840
- -webkit-transition: all 0.3s ease-in-out;
1841
- transition: all 0.3s ease-in-out; }
1842
-
1843
- /**************** Premium Modal Box ****************/
1844
- /***************************************************/
1845
- .premium-modal-trigger-btn,
1846
- .premium-modal-box-modal-lower-close {
1847
- display: inline-block;
1848
- padding: 6px 12px;
1849
- margin-bottom: 0;
1850
- font-size: 14px;
1851
- font-weight: normal;
1852
- line-height: 1.42857143;
1853
- text-align: center;
1854
- white-space: nowrap;
1855
- vertical-align: middle;
1856
- -ms-touch-action: manipulation;
1857
- touch-action: manipulation;
1858
- cursor: pointer;
1859
- -webkit-user-select: none;
1860
- -moz-user-select: none;
1861
- -ms-user-select: none;
1862
- user-select: none;
1863
- background-image: none;
1864
- border: 1px solid transparent; }
1865
-
1866
- .premium-modal-trigger-btn > svg,
1867
- .premium-modal-trigger-btn .premium-modal-box-icon {
1868
- -webkit-transition: all 0.3s ease-in-out;
1869
- transition: all 0.3s ease-in-out; }
1870
-
1871
- .premium-modal-trigger-btn > svg {
1872
- width: 30px;
1873
- height: 30px; }
1874
-
1875
- .premium-modal-box-modal-close {
1876
- float: right;
1877
- font-size: 21px;
1878
- font-weight: bold;
1879
- line-height: 1;
1880
- color: #000; }
1881
- .premium-modal-box-modal-close:hover, .premium-modal-box-modal-close:focus {
1882
- color: #000;
1883
- text-decoration: none;
1884
- cursor: pointer; }
1885
-
1886
- button.premium-modal-box-modal-close {
1887
- -webkit-appearance: none;
1888
- padding: 0;
1889
- cursor: pointer;
1890
- background: transparent;
1891
- border: 0; }
1892
-
1893
- .premium-modal-box-modal {
1894
- position: fixed;
1895
- top: 0;
1896
- right: 0;
1897
- bottom: 0;
1898
- left: 0;
1899
- z-index: 1050;
1900
- display: none;
1901
- -webkit-overflow-scrolling: touch;
1902
- outline: 0;
1903
- padding: 0 !important;
1904
- background: rgba(0, 0, 0, 0.5);
1905
- -webkit-box-align: center;
1906
- -webkit-align-items: center;
1907
- -moz-box-align: center;
1908
- -ms-flex-align: center;
1909
- align-items: center;
1910
- -webkit-box-pack: center;
1911
- -webkit-justify-content: center;
1912
- -moz-box-pack: center;
1913
- -ms-flex-pack: center;
1914
- justify-content: center; }
1915
- .premium-modal-box-modal .premium-modal-box-modal-dialog {
1916
- position: absolute;
1917
- max-height: -webkit-calc(100vh - 150px);
1918
- max-height: calc(100vh - 150px);
1919
- -js-display: flex;
1920
- display: -webkit-box;
1921
- display: -webkit-flex;
1922
- display: -moz-box;
1923
- display: -ms-flexbox;
1924
- display: flex;
1925
- -webkit-box-orient: vertical;
1926
- -webkit-box-direction: normal;
1927
- -webkit-flex-direction: column;
1928
- -moz-box-orient: vertical;
1929
- -moz-box-direction: normal;
1930
- -ms-flex-direction: column;
1931
- flex-direction: column;
1932
- opacity: 0; }
1933
-
1934
- .premium-modal-box-modal-content {
1935
- background-color: #fff;
1936
- background-clip: padding-box;
1937
- border: 1px solid rgba(0, 0, 0, 0.2);
1938
- -webkit-border-radius: 6px;
1939
- border-radius: 6px;
1940
- outline: 0; }
1941
-
1942
- .premium-modal-backdrop.premium-in {
1943
- filter: alpha(opacity=50);
1944
- opacity: 0.5 !important; }
1945
-
1946
- .premium-in {
1947
- opacity: 1; }
1948
-
1949
- .premium-modal-backdrop {
1950
- position: fixed;
1951
- top: 0;
1952
- right: 0;
1953
- bottom: 0;
1954
- left: 0;
1955
- z-index: 1040;
1956
- background-color: #000; }
1957
-
1958
- .premium-in {
1959
- -js-display: flex !important;
1960
- display: -webkit-box !important;
1961
- display: -webkit-flex !important;
1962
- display: -moz-box !important;
1963
- display: -ms-flexbox !important;
1964
- display: flex !important; }
1965
-
1966
- .premium-modal-box-modal-header {
1967
- -js-display: flex;
1968
- display: -webkit-box;
1969
- display: -webkit-flex;
1970
- display: -moz-box;
1971
- display: -ms-flexbox;
1972
- display: flex;
1973
- -webkit-box-pack: justify;
1974
- -webkit-justify-content: space-between;
1975
- -moz-box-pack: justify;
1976
- -ms-flex-pack: justify;
1977
- justify-content: space-between;
1978
- -webkit-box-align: center;
1979
- -webkit-align-items: center;
1980
- -moz-box-align: center;
1981
- -ms-flex-align: center;
1982
- align-items: center;
1983
- padding: 5px 15px;
1984
- border-bottom: 1px solid #e5e5e5; }
1985
- .premium-modal-box-modal-header .premium-modal-box-modal-close {
1986
- margin-top: -2px; }
1987
- .premium-modal-box-modal-header .premium-modal-box-modal-title {
1988
- -js-display: flex;
1989
- display: -webkit-box;
1990
- display: -webkit-flex;
1991
- display: -moz-box;
1992
- display: -ms-flexbox;
1993
- display: flex;
1994
- -webkit-box-align: center;
1995
- -webkit-align-items: center;
1996
- -moz-box-align: center;
1997
- -ms-flex-align: center;
1998
- align-items: center;
1999
- margin: 0;
2000
- padding: 0; }
2001
- .premium-modal-box-modal-header .premium-modal-box-modal-title svg {
2002
- width: 50px;
2003
- height: 60px; }
2004
-
2005
- .premium-modal-box-modal-body {
2006
- position: relative;
2007
- padding: 15px;
2008
- overflow: hidden; }
2009
-
2010
- .premium-modal-box-modal-footer {
2011
- padding: 15px;
2012
- text-align: right;
2013
- border-top: 1px solid #e5e5e5; }
2014
-
2015
- .premium-modal-scrollbar-measure {
2016
- position: absolute;
2017
- top: -9999px;
2018
- width: 50px;
2019
- height: 50px;
2020
- overflow: scroll; }
2021
-
2022
- .premium-modal-trigger-text {
2023
- background: none !important;
2024
- display: inline-block; }
2025
-
2026
- .premium-modal-box-container {
2027
- width: 100% !important; }
2028
-
2029
- /*Open Modal Button Style*/
2030
- .premium-modal-trigger-container .premium-modal-trigger-btn {
2031
- -js-display: inline-flex;
2032
- display: -webkit-inline-box;
2033
- display: -webkit-inline-flex;
2034
- display: -moz-inline-box;
2035
- display: -ms-inline-flexbox;
2036
- display: inline-flex;
2037
- -webkit-box-align: center;
2038
- -webkit-align-items: center;
2039
- -moz-box-align: center;
2040
- -ms-flex-align: center;
2041
- align-items: center;
2042
- border: none;
2043
- -webkit-transition: all 0.3s ease-in-out;
2044
- transition: all 0.3s ease-in-out; }
2045
- .premium-modal-trigger-container .premium-modal-trigger-btn.premium-btn-block {
2046
- -webkit-box-pack: center;
2047
- -webkit-justify-content: center;
2048
- -moz-box-pack: center;
2049
- -ms-flex-pack: center;
2050
- justify-content: center; }
2051
-
2052
- .premium-modal-trigger-container .premium-modal-trigger-img,
2053
- .premium-modal-trigger-container .premium-modal-trigger-text,
2054
- .premium-modal-trigger-container .premium-modal-trigger-animation {
2055
- cursor: pointer; }
2056
-
2057
- .premium-modal-trigger-container .premium-modal-trigger-animation {
2058
- display: inline-block;
2059
- width: 200px;
2060
- height: 200px;
2061
- -webkit-transition: all 0.3s ease-in-out;
2062
- transition: all 0.3s ease-in-out; }
2063
-
2064
- /*Image on Modal Header Style*/
2065
- .premium-modal-box-modal-header img {
2066
- width: 48px;
2067
- padding-right: 5px; }
2068
-
2069
- .premium-modal-box-modal-header i,
2070
- .premium-modal-box-modal-header svg {
2071
- padding-right: 6px; }
2072
-
2073
- .premium-modal-box-modal-close {
2074
- position: relative;
2075
- z-index: 99; }
2076
-
2077
- .premium-modal-trigger-img,
2078
- .premium-modal-trigger-text,
2079
- .premium-modal-box-close-button-container,
2080
- .premium-modal-box-modal-close,
2081
- .premium-modal-box-modal-lower-close {
2082
- -webkit-transition: all 0.3s ease-in-out;
2083
- transition: all 0.3s ease-in-out; }
2084
-
2085
- @media (min-width: 768px) {
2086
- .premium-modal-box-modal-dialog {
2087
- width: 700px;
2088
- max-height: 600px;
2089
- overflow: auto; } }
2090
-
2091
- @media (max-width: 767px) {
2092
- .premium-modal-box-modal-dialog {
2093
- width: 100%;
2094
- max-height: 500px;
2095
- overflow: auto; } }
2096
-
2097
- .premium-modal-box-container[data-modal-animation*="animated-"] {
2098
- opacity: 0; }
2099
-
2100
- /**************** Premium Progress Bar ****************/
2101
- /******************************************************/
2102
- .premium-progressbar-container {
2103
- position: relative; }
2104
-
2105
- .premium-progressbar-bar-wrap {
2106
- position: relative;
2107
- text-align: left;
2108
- overflow: hidden;
2109
- height: 25px;
2110
- margin-bottom: 50px;
2111
- background-color: #f5f5f5;
2112
- -webkit-border-radius: 4px;
2113
- border-radius: 4px;
2114
- -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
2115
- box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }
2116
- .premium-progressbar-bar-wrap.premium-progressbar-dots {
2117
- background-color: transparent;
2118
- width: 100%;
2119
- -js-display: flex;
2120
- display: -webkit-box;
2121
- display: -webkit-flex;
2122
- display: -moz-box;
2123
- display: -ms-flexbox;
2124
- display: flex;
2125
- height: auto;
2126
- -webkit-box-shadow: none;
2127
- box-shadow: none; }
2128
- .premium-progressbar-bar-wrap .progress-segment {
2129
- position: relative;
2130
- width: 25px;
2131
- height: 25px;
2132
- -webkit-border-radius: 50%;
2133
- border-radius: 50%;
2134
- overflow: hidden;
2135
- background-color: #f5f5f5; }
2136
- .premium-progressbar-bar-wrap .progress-segment.filled {
2137
- background: #6ec1e4; }
2138
- .premium-progressbar-bar-wrap .progress-segment:not(:first-child):not(:last-child) {
2139
- margin: 0 4px; }
2140
- .premium-progressbar-bar-wrap .progress-segment:first-child {
2141
- margin-right: 4px; }
2142
- .premium-progressbar-bar-wrap .progress-segment:last-child {
2143
- margin-left: 4px; }
2144
- .premium-progressbar-bar-wrap .progress-segment .segment-inner {
2145
- position: absolute;
2146
- top: 0;
2147
- left: 0;
2148
- height: 100%;
2149
- background-color: #6ec1e4; }
2150
-
2151
- .premium-progressbar-bar {
2152
- float: left;
2153
- width: 0%;
2154
- height: 100%;
2155
- font-size: 12px;
2156
- line-height: 20px;
2157
- background: #6ec1e4;
2158
- text-align: center;
2159
- -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2160
- box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); }
2161
-
2162
- .premium-progressbar-striped .premium-progressbar-bar {
2163
- background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
2164
- background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
2165
- -webkit-background-size: 40px 40px;
2166
- background-size: 40px 40px; }
2167
-
2168
- .premium-progressbar-active .premium-progressbar-bar {
2169
- -webkit-animation: progress-bar-stripes 2s linear infinite;
2170
- animation: progress-bar-stripes 2s linear infinite; }
2171
-
2172
- .premium-progressbar-gradient .premium-progressbar-bar {
2173
- -webkit-background-size: 400% 400% !important;
2174
- background-size: 400% 400% !important;
2175
- -webkit-animation: progress-bar-gradient 10s ease-in-out infinite;
2176
- animation: progress-bar-gradient 10s ease-in-out infinite; }
2177
-
2178
- .premium-progressbar-bar {
2179
- position: absolute;
2180
- overflow: hidden;
2181
- line-height: 20px; }
2182
-
2183
- .premium-progressbar-container .clearfix {
2184
- clear: both; }
2185
-
2186
- .premium-progressbar-bar {
2187
- -webkit-transition: width 0s ease-in-out !important;
2188
- transition: width 0s ease-in-out !important; }
2189
-
2190
- .premium-progressbar-container p:first-of-type {
2191
- margin: 0;
2192
- float: left; }
2193
-
2194
- .premium-progressbar-container p:nth-of-type(2) {
2195
- margin: 0;
2196
- float: right; }
2197
-
2198
- .premium-progressbar-name {
2199
- left: 50%;
2200
- top: 0;
2201
- right: 0;
2202
- -webkit-transform: translateX(-12.5px);
2203
- -ms-transform: translateX(-12.5px);
2204
- transform: translateX(-12.5px);
2205
- z-index: 1; }
2206
-
2207
- .premium-progressbar-multiple-label {
2208
- position: relative;
2209
- float: left;
2210
- width: 0;
2211
- left: 50%; }
2212
-
2213
- .premium-progressbar-center-label {
2214
- position: relative;
2215
- white-space: nowrap; }
2216
-
2217
- .premium-progressbar-arrow {
2218
- height: 15px;
2219
- left: 50%;
2220
- display: inline-block;
2221
- border-left: 7px solid transparent;
2222
- border-right: 7px solid transparent;
2223
- border-top: 11px solid;
2224
- -webkit-transform: translateX(-50%);
2225
- -ms-transform: translateX(-50%);
2226
- transform: translateX(-50%); }
2227
-
2228
- .premium-progressbar-pin {
2229
- border-left: 1px solid;
2230
- height: 12px;
2231
- left: 50%;
2232
- display: inline-block; }
2233
-
2234
- /**
2235
- * Circle Progress Bar
2236
- */
2237
- .premium-progressbar-circle-wrap {
2238
- width: 200px;
2239
- height: 200px;
2240
- position: relative;
2241
- margin: 0 auto; }
2242
- .premium-progressbar-circle-wrap .premium-progressbar-circle {
2243
- position: absolute;
2244
- top: 0;
2245
- left: 0;
2246
- width: 100%;
2247
- height: 100%;
2248
- -webkit-clip-path: inset(0 0 0 50%);
2249
- clip-path: inset(0 0 0 50%); }
2250
- .premium-progressbar-circle-wrap .premium-progressbar-circle div {
2251
- position: absolute;
2252
- left: 0;
2253
- top: 0;
2254
- height: 100%;
2255
- width: 100%;
2256
- border-width: 6px;
2257
- border-style: solid;
2258
- border-color: #54595f;
2259
- -webkit-border-radius: 50%;
2260
- border-radius: 50%;
2261
- -webkit-clip-path: inset(0 50% 0 0);
2262
- clip-path: inset(0 50% 0 0); }
2263
- .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-left {
2264
- -webkit-transform: rotate(0);
2265
- -ms-transform: rotate(0);
2266
- transform: rotate(0); }
2267
- .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-right {
2268
- -webkit-transform: rotate(180deg);
2269
- -ms-transform: rotate(180deg);
2270
- transform: rotate(180deg);
2271
- visibility: hidden; }
2272
- .premium-progressbar-circle-wrap .premium-progressbar-circle-base {
2273
- width: 100%;
2274
- height: 100%;
2275
- border: 6px solid #eee;
2276
- -webkit-border-radius: 50%;
2277
- border-radius: 50%; }
2278
- .premium-progressbar-circle-wrap .premium-progressbar-circle-content {
2279
- position: absolute;
2280
- top: 0;
2281
- left: 0;
2282
- width: 100%;
2283
- height: 100%;
2284
- -js-display: flex;
2285
- display: -webkit-box;
2286
- display: -webkit-flex;
2287
- display: -moz-box;
2288
- display: -ms-flexbox;
2289
- display: flex;
2290
- -webkit-box-orient: vertical;
2291
- -webkit-box-direction: normal;
2292
- -webkit-flex-direction: column;
2293
- -moz-box-orient: vertical;
2294
- -moz-box-direction: normal;
2295
- -ms-flex-direction: column;
2296
- flex-direction: column;
2297
- -webkit-box-pack: center;
2298
- -webkit-justify-content: center;
2299
- -moz-box-pack: center;
2300
- -ms-flex-pack: center;
2301
- justify-content: center;
2302
- -webkit-box-align: center;
2303
- -webkit-align-items: center;
2304
- -moz-box-align: center;
2305
- -ms-flex-align: center;
2306
- align-items: center; }
2307
- .premium-progressbar-circle-wrap .premium-lottie-animation {
2308
- line-height: 1; }
2309
-
2310
- @-webkit-keyframes progress-bar-stripes {
2311
- from {
2312
- background-position: 0 0; }
2313
- to {
2314
- background-position: 40px 0; } }
2315
-
2316
- @keyframes progress-bar-stripes {
2317
- from {
2318
- background-position: 0 0; }
2319
- to {
2320
- background-position: 40px 0; } }
2321
-
2322
- @-webkit-keyframes progress-bar-gradient {
2323
- 0% {
2324
- background-position: 0% 50%; }
2325
- 50% {
2326
- background-position: 100% 50%; }
2327
- 100% {
2328
- background-position: 0% 50%; } }
2329
-
2330
- @keyframes progress-bar-gradient {
2331
- 0% {
2332
- background-position: 0% 50%; }
2333
- 50% {
2334
- background-position: 100% 50%; }
2335
- 100% {
2336
- background-position: 0% 50%; } }
2337
-
2338
- /**************** Premium Testimonials ****************/
2339
- /******************************************************/
2340
- .premium-testimonial-box {
2341
- width: 100%;
2342
- background: transparent;
2343
- -webkit-transition: all 0.3s ease-in-out;
2344
- transition: all 0.3s ease-in-out; }
2345
- .premium-testimonial-box .premium-testimonial-author-info {
2346
- -js-display: flex;
2347
- display: -webkit-box;
2348
- display: -webkit-flex;
2349
- display: -moz-box;
2350
- display: -ms-flexbox;
2351
- display: flex;
2352
- -webkit-box-pack: center;
2353
- -webkit-justify-content: center;
2354
- -moz-box-pack: center;
2355
- -ms-flex-pack: center;
2356
- justify-content: center;
2357
- -webkit-box-align: center;
2358
- -webkit-align-items: center;
2359
- -moz-box-align: center;
2360
- -ms-flex-align: center;
2361
- align-items: center; }
2362
- .premium-testimonial-box .premium-testimonial-person-name,
2363
- .premium-testimonial-box .premium-testimonial-company-name {
2364
- font-weight: 600;
2365
- margin: 0; }
2366
-
2367
- .premium-testimonial-container {
2368
- position: relative; }
2369
-
2370
- .premium-testimonial-img-wrapper {
2371
- margin-left: auto;
2372
- margin-right: auto;
2373
- overflow: hidden;
2374
- border-style: solid !important; }
2375
- .premium-testimonial-img-wrapper.circle {
2376
- -webkit-border-radius: 50%;
2377
- border-radius: 50%; }
2378
- .premium-testimonial-img-wrapper.rounded {
2379
- -webkit-border-radius: 15px;
2380
- border-radius: 15px; }
2381
- .premium-testimonial-img-wrapper img {
2382
- -o-object-fit: cover;
2383
- object-fit: cover;
2384
- width: 100%;
2385
- height: 100% !important; }
2386
-
2387
- .premium-testimonial-content-wrapper {
2388
- position: relative;
2389
- -js-display: flex;
2390
- display: -webkit-box;
2391
- display: -webkit-flex;
2392
- display: -moz-box;
2393
- display: -ms-flexbox;
2394
- display: flex;
2395
- -webkit-box-orient: vertical;
2396
- -webkit-box-direction: normal;
2397
- -webkit-flex-direction: column;
2398
- -moz-box-orient: vertical;
2399
- -moz-box-direction: normal;
2400
- -ms-flex-direction: column;
2401
- flex-direction: column;
2402
- z-index: 2;
2403
- width: 100%;
2404
- padding: 20px;
2405
- text-align: center; }
2406
-
2407
- .premium-testimonial-clear-float {
2408
- clear: both; }
2409
-
2410
- .premium-testimonial-upper-quote,
2411
- .premium-testimonial-lower-quote {
2412
- position: absolute;
2413
- z-index: 1; }
2414
-
2415
- /**************** Premium Dual Heading *****************/
2416
- /*******************************************************/
2417
- .premium-dual-header-container .premium-dual-header-first-header,
2418
- .premium-dual-header-container .premium-dual-header-second-header {
2419
- position: relative;
2420
- padding: 0;
2421
- margin: 0;
2422
- display: inline-block;
2423
- -webkit-transform: translate(0, 0);
2424
- -ms-transform: translate(0, 0);
2425
- transform: translate(0, 0); }
2426
-
2427
- .premium-dual-header-first-clip .premium-dual-header-first-span,
2428
- .premium-dual-header-second-clip {
2429
- -webkit-text-fill-color: transparent;
2430
- -webkit-background-clip: text;
2431
- background-clip: text; }
2432
-
2433
- .premium-dual-header-first-clip.stroke .premium-dual-header-first-span,
2434
- .premium-dual-header-second-clip.stroke {
2435
- -webkit-text-stroke-color: transparent;
2436
- -webkit-text-fill-color: #fafafa;
2437
- -webkit-text-stroke-width: 2px; }
2438
-
2439
- @media (max-width: 500px) {
2440
- .premium-dual-header-container .premium-dual-header-first-header,
2441
- .premium-dual-header-container .premium-dual-header-second-header {
2442
- display: block;
2443
- word-wrap: break-word; }
2444
- .premium-dual-header-first-container,
2445
- .premium-dual-header-second-container {
2446
- margin: 0; } }
2447
-
2448
- @media (min-width: 501px) {
2449
- .premium-dual-header-first-container {
2450
- margin-right: 5px; } }
2451
-
2452
- .premium-dual-header-first-header.gradient .premium-dual-header-first-span,
2453
- .premium-dual-header-second-header.gradient {
2454
- -webkit-background-size: 300% 300% !important;
2455
- background-size: 300% 300% !important;
2456
- -webkit-animation: Gradient 10s ease-in-out infinite;
2457
- animation: Gradient 10s ease-in-out infinite; }
2458
-
2459
- @-webkit-keyframes Gradient {
2460
- 0% {
2461
- background-position: 0% 50%; }
2462
- 50% {
2463
- background-position: 100% 50%; }
2464
- 100% {
2465
- background-position: 0% 50%; } }
2466
-
2467
- @keyframes Gradient {
2468
- 0% {
2469
- background-position: 0% 50%; }
2470
- 50% {
2471
- background-position: 100% 50%; }
2472
- 100% {
2473
- background-position: 0% 50%; } }
2474
-
2475
- .premium-mask-yes.premium-header-inline .premium-dual-header-first-span,
2476
- .premium-mask-yes.premium-header-inline .premium-dual-header-first-span {
2477
- display: inline-block !important; }
2478
-
2479
- /**************** Premium Title ****************/
2480
- /***********************************************/
2481
- .premium-title-container {
2482
- position: relative;
2483
- width: 100%;
2484
- clear: both; }
2485
- .premium-title-container .premium-title-header {
2486
- position: relative;
2487
- margin: 0;
2488
- padding: 10px; }
2489
- .premium-title-container .premium-title-header:not(.premium-title-style7) {
2490
- -webkit-box-align: center;
2491
- -webkit-align-items: center;
2492
- -moz-box-align: center;
2493
- -ms-flex-align: center;
2494
- align-items: center; }
2495
- .premium-title-container .premium-title-header svg {
2496
- width: 40px;
2497
- height: 40px; }
2498
- .premium-title-container .premium-title-header img {
2499
- width: 40px;
2500
- height: 40px;
2501
- -o-object-fit: cover;
2502
- object-fit: cover; }
2503
- .premium-title-container .premium-title-header a {
2504
- position: absolute;
2505
- top: 0;
2506
- left: 0;
2507
- width: 100%;
2508
- height: 100%; }
2509
- .premium-title-container .premium-lottie-animation {
2510
- -js-display: flex;
2511
- display: -webkit-box;
2512
- display: -webkit-flex;
2513
- display: -moz-box;
2514
- display: -ms-flexbox;
2515
- display: flex; }
2516
-
2517
- .premium-title-icon-row .premium-title-icon {
2518
- margin-right: 10px; }
2519
-
2520
- .premium-title-icon-row-reverse .premium-title-icon {
2521
- margin-left: 10px; }
2522
-
2523
- .premium-title-style3,
2524
- .premium-title-style4 {
2525
- -js-display: flex;
2526
- display: -webkit-box;
2527
- display: -webkit-flex;
2528
- display: -moz-box;
2529
- display: -ms-flexbox;
2530
- display: flex; }
2531
-
2532
- .premium-title-style1,
2533
- .premium-title-style2,
2534
- .premium-title-style5,
2535
- .premium-title-style6,
2536
- .premium-title-style8,
2537
- .premium-title-style9 {
2538
- -js-display: inline-flex;
2539
- display: -webkit-inline-box;
2540
- display: -webkit-inline-flex;
2541
- display: -moz-inline-box;
2542
- display: -ms-inline-flexbox;
2543
- display: inline-flex; }
2544
-
2545
- .premium-title-style7 {
2546
- -js-display: inline-flex;
2547
- display: -webkit-inline-box;
2548
- display: -webkit-inline-flex;
2549
- display: -moz-inline-box;
2550
- display: -ms-inline-flexbox;
2551
- display: inline-flex;
2552
- -webkit-box-orient: vertical;
2553
- -webkit-box-direction: normal;
2554
- -webkit-flex-direction: column;
2555
- -moz-box-orient: vertical;
2556
- -moz-box-direction: normal;
2557
- -ms-flex-direction: column;
2558
- flex-direction: column; }
2559
- .premium-title-style7 .premium-title-style7-inner {
2560
- -js-display: flex;
2561
- display: -webkit-box;
2562
- display: -webkit-flex;
2563
- display: -moz-box;
2564
- display: -ms-flexbox;
2565
- display: flex;
2566
- -webkit-box-align: center;
2567
- -webkit-align-items: center;
2568
- -moz-box-align: center;
2569
- -ms-flex-align: center;
2570
- align-items: center; }
2571
-
2572
- .premium-title-style1 {
2573
- border-width: 0;
2574
- border-left: 3px solid #6ec1e4; }
2575
-
2576
- .premium-title-container.style2, .premium-title-container.style4, .premium-title-container.style5, .premium-title-container.style6 {
2577
- border-bottom: 3px solid #6ec1e4; }
2578
-
2579
- /*Style 6 Header*/
2580
- .premium-title-style6:before {
2581
- position: absolute;
2582
- left: 50%;
2583
- bottom: 0;
2584
- margin-left: -2px;
2585
- content: "";
2586
- border: 3px solid transparent; }
2587
-
2588
- /*Style 6 Trinagle*/
2589
- .premium-title-style7-stripe-wrap {
2590
- -js-display: flex;
2591
- display: -webkit-box;
2592
- display: -webkit-flex;
2593
- display: -moz-box;
2594
- display: -ms-flexbox;
2595
- display: flex; }
2596
-
2597
- .premium-title-style7:before {
2598
- display: none; }
2599
-
2600
- .premium-title-style8 .premium-title-text[data-animation="shiny"] {
2601
- -webkit-background-size: 125px 125px !important;
2602
- background-size: 125px !important;
2603
- color: rgba(255, 255, 255, 0);
2604
- -webkit-background-clip: text !important;
2605
- background-clip: text !important;
2606
- -webkit-animation-name: pa-shinny-text !important;
2607
- animation-name: pa-shinny-text !important;
2608
- -webkit-animation-duration: var(--animation-speed) !important;
2609
- animation-duration: var(--animation-speed) !important;
2610
- -webkit-animation-iteration-count: infinite !important;
2611
- animation-iteration-count: infinite !important;
2612
- background: var(--base-color) -webkit-gradient(linear, left top, right top, from(var(--base-color)), to(var(--base-color)), color-stop(0.5, var(--shiny-color))) 0 0 no-repeat; }
2613
-
2614
- @-webkit-keyframes pa-shinny-text {
2615
- 0% {
2616
- background-position: 0%; }
2617
- 100% {
2618
- background-position: 200%; } }
2619
-
2620
- @keyframes pa-shinny-text {
2621
- 0% {
2622
- background-position: 0%; }
2623
- 100% {
2624
- background-position: 200%; } }
2625
-
2626
- .premium-title-style9[data-animation-blur="process"] .premium-title-style9-letter {
2627
- -webkit-animation: pa-blur-shadow 2s 1 alternate;
2628
- animation: pa-blur-shadow 2s 1 alternate; }
2629
-
2630
- @-webkit-keyframes pa-blur-shadow {
2631
- from {
2632
- text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
2633
- color: transparent; }
2634
- to {
2635
- text-shadow: 0; } }
2636
-
2637
- @keyframes pa-blur-shadow {
2638
- from {
2639
- text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
2640
- color: transparent; }
2641
- to {
2642
- text-shadow: 0; } }
2643
-
2644
- .premium-title-gradient-yes .premium-title-text,
2645
- .premium-title-gradient-yes .premium-title-icon {
2646
- -webkit-background-clip: text;
2647
- -webkit-text-fill-color: transparent;
2648
- background-image: -webkit-gradient(linear, left top, right top, from(#ffa648), color-stop(#f17cc1), to(#4da9fd));
2649
- background-image: -webkit-linear-gradient(left, #ffa648, #f17cc1, #4da9fd);
2650
- background-image: linear-gradient(to right, #ffa648, #f17cc1, #4da9fd);
2651
- -webkit-animation: pa-text-gradient 8s infinite;
2652
- animation: pa-text-gradient 8s infinite; }
2653
-
2654
- .premium-title-clipped .premium-title-header {
2655
- -webkit-text-fill-color: transparent;
2656
- -webkit-background-clip: text;
2657
- background-clip: text; }
2658
-
2659
- @-webkit-keyframes pa-text-gradient {
2660
- 0%,
2661
- 100% {
2662
- -webkit-filter: hue-rotate(0deg);
2663
- filter: hue-rotate(0deg); }
2664
- 50% {
2665
- -webkit-filter: hue-rotate(360deg);
2666
- filter: hue-rotate(360deg); } }
2667
-
2668
- @keyframes pa-text-gradient {
2669
- 0%,
2670
- 100% {
2671
- -webkit-filter: hue-rotate(0deg);
2672
- filter: hue-rotate(0deg); }
2673
- 50% {
2674
- -webkit-filter: hue-rotate(360deg);
2675
- filter: hue-rotate(360deg); } }
2676
-
2677
- /*
2678
- * Common Title/Dual Heading
2679
- */
2680
- .premium-title-bg-text:before {
2681
- position: absolute;
2682
- content: attr(data-background);
2683
- top: 0;
2684
- left: 0;
2685
- text-align: left; }
2686
-
2687
- .premium-mask-yes .premium-dual-header-first-clip .premium-dual-header-first-span .premium-mask-span,
2688
- .premium-mask-yes .premium-dual-header-second-clip .premium-mask-span {
2689
- background: inherit; }
2690
-
2691
- .premium-mask-yes .premium-mask-span {
2692
- position: relative;
2693
- overflow: hidden;
2694
- -js-display: inline-flex !important;
2695
- display: -webkit-inline-box !important;
2696
- display: -webkit-inline-flex !important;
2697
- display: -moz-inline-box !important;
2698
- display: -ms-inline-flexbox !important;
2699
- display: inline-flex !important; }
2700
- .premium-mask-yes .premium-mask-span::after {
2701
- content: "";
2702
- position: absolute;
2703
- top: 0;
2704
- right: 0px;
2705
- width: 100%;
2706
- height: 100%;
2707
- background-color: currentColor;
2708
- -webkit-backface-visibility: visible;
2709
- backface-visibility: visible; }
2710
-
2711
- .premium-mask-active.premium-mask-tr .premium-mask-span::after {
2712
- -webkit-animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2713
- animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2714
- -webkit-transform: translateX(-103%);
2715
- -ms-transform: translateX(-103%);
2716
- transform: translateX(-103%); }
2717
-
2718
- .premium-mask-active.premium-mask-tl .premium-mask-span::after {
2719
- -webkit-animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2720
- animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2721
- -webkit-transform: translateX(103%);
2722
- -ms-transform: translateX(103%);
2723
- transform: translateX(103%); }
2724
-
2725
- .premium-mask-active.premium-mask-tb .premium-mask-span::after {
2726
- -webkit-animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2727
- animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2728
- -webkit-transform: translateY(-103%);
2729
- -ms-transform: translateY(-103%);
2730
- transform: translateY(-103%); }
2731
-
2732
- .premium-mask-active.premium-mask-tt .premium-mask-span::after {
2733
- -webkit-animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2734
- animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2735
- -webkit-transform: translateY(103%);
2736
- -ms-transform: translateY(103%);
2737
- transform: translateY(103%); }
2738
-
2739
- @-webkit-keyframes pa-mask-tr {
2740
- 0% {
2741
- -webkit-transform: translateX(0%);
2742
- transform: translateX(0%); }
2743
- 100% {
2744
- -webkit-transform: translateX(103%);
2745
- transform: translateX(103%); } }
2746
-
2747
- @keyframes pa-mask-tr {
2748
- 0% {
2749
- -webkit-transform: translateX(0%);
2750
- transform: translateX(0%); }
2751
- 100% {
2752
- -webkit-transform: translateX(103%);
2753
- transform: translateX(103%); } }
2754
-
2755
- @-webkit-keyframes pa-mask-tl {
2756
- 0% {
2757
- -webkit-transform: translateX(0%);
2758
- transform: translateX(0%); }
2759
- 100% {
2760
- -webkit-transform: translateX(-103%);
2761
- transform: translateX(-103%); } }
2762
-
2763
- @keyframes pa-mask-tl {
2764
- 0% {
2765
- -webkit-transform: translateX(0%);
2766
- transform: translateX(0%); }
2767
- 100% {
2768
- -webkit-transform: translateX(-103%);
2769
- transform: translateX(-103%); } }
2770
-
2771
- @-webkit-keyframes pa-mask-tb {
2772
- 0% {
2773
- -webkit-transform: translateY(0%);
2774
- transform: translateY(0%); }
2775
- 100% {
2776
- -webkit-transform: translateY(103%);
2777
- transform: translateY(103%); } }
2778
-
2779
- @keyframes pa-mask-tb {
2780
- 0% {
2781
- -webkit-transform: translateY(0%);
2782
- transform: translateY(0%); }
2783
- 100% {
2784
- -webkit-transform: translateY(103%);
2785
- transform: translateY(103%); } }
2786
-
2787
- @-webkit-keyframes pa-mask-tt {
2788
- 0% {
2789
- -webkit-transform: translateY(0%);
2790
- transform: translateY(0%); }
2791
- 100% {
2792
- -webkit-transform: translateY(-103%);
2793
- transform: translateY(-103%); } }
2794
-
2795
- @keyframes pa-mask-tt {
2796
- 0% {
2797
- -webkit-transform: translateY(0%);
2798
- transform: translateY(0%); }
2799
- 100% {
2800
- -webkit-transform: translateY(-103%);
2801
- transform: translateY(-103%); } }
2802
-
2803
- /**************** Premium Video Box ************/
2804
- /***********************************************/
2805
- .premium-video-box-transform {
2806
- -webkit-transform: none !important;
2807
- -ms-transform: none !important;
2808
- transform: none !important; }
2809
-
2810
- .premium-video-box-container {
2811
- -js-display: flex;
2812
- display: -webkit-box;
2813
- display: -webkit-flex;
2814
- display: -moz-box;
2815
- display: -ms-flexbox;
2816
- display: flex;
2817
- -webkit-box-orient: vertical;
2818
- -webkit-box-direction: normal;
2819
- -webkit-flex-direction: column;
2820
- -moz-box-orient: vertical;
2821
- -moz-box-direction: normal;
2822
- -ms-flex-direction: column;
2823
- flex-direction: column; }
2824
-
2825
- .premium-video-box-container > div {
2826
- position: relative;
2827
- overflow: hidden; }
2828
-
2829
- .pa-aspect-ratio-11 .premium-video-box-container > div {
2830
- padding-bottom: 100%; }
2831
-
2832
- .pa-aspect-ratio-169 .premium-video-box-container > div {
2833
- padding-bottom: 56.25%; }
2834
-
2835
- .pa-aspect-ratio-43 .premium-video-box-container > div {
2836
- padding-bottom: 75%; }
2837
-
2838
- .pa-aspect-ratio-32 .premium-video-box-container > div {
2839
- padding-bottom: 66.6666%; }
2840
-
2841
- .pa-aspect-ratio-219 .premium-video-box-container > div {
2842
- padding-bottom: 42.8571%; }
2843
-
2844
- .pa-aspect-ratio-916 .premium-video-box-container > div {
2845
- padding-bottom: 177.8%; }
2846
-
2847
- .premium-video-box-image-container {
2848
- position: absolute;
2849
- top: 0;
2850
- left: 0;
2851
- bottom: 0;
2852
- right: 0;
2853
- width: 100%;
2854
- height: 100%;
2855
- -webkit-background-size: cover;
2856
- background-size: cover;
2857
- background-position: 50%;
2858
- cursor: pointer;
2859
- margin: auto;
2860
- -webkit-transition: 0.2s all;
2861
- transition: 0.2s all; }
2862
-
2863
- .premium-video-box-play-icon-container {
2864
- position: absolute;
2865
- z-index: 2;
2866
- cursor: pointer;
2867
- -webkit-transform: translate(-50%, -50%);
2868
- -ms-transform: translate(-50%, -50%);
2869
- transform: translate(-50%, -50%);
2870
- background: rgba(252, 252, 252, 0.35); }
2871
-
2872
- .premium-video-box-description-container {
2873
- position: absolute;
2874
- z-index: 2;
2875
- padding: 5px;
2876
- text-align: center;
2877
- cursor: pointer;
2878
- -webkit-transform: translate(-50%, -50%);
2879
- -ms-transform: translate(-50%, -50%);
2880
- transform: translate(-50%, -50%); }
2881
-
2882
- .premium-video-box-text {
2883
- margin-bottom: 0 !important;
2884
- -webkit-transition: all 0.3s ease-in-out;
2885
- transition: all 0.3s ease-in-out; }
2886
-
2887
- .premium-video-box-play-icon {
2888
- padding: 15px;
2889
- -webkit-transform: translateX(4%);
2890
- -ms-transform: translateX(4%);
2891
- transform: translateX(4%);
2892
- -webkit-transition: all 0.3s ease-in-out;
2893
- transition: all 0.3s ease-in-out; }
2894
-
2895
- .premium-video-box-video-container {
2896
- position: absolute;
2897
- top: 0;
2898
- left: 0;
2899
- z-index: 2;
2900
- width: 100%;
2901
- height: 100%;
2902
- -webkit-transition: opacity 0.8s ease-in-out;
2903
- transition: opacity 0.8s ease-in-out;
2904
- overflow: hidden;
2905
- cursor: pointer; }
2906
-
2907
- .premium-video-box-container[data-overlay="true"][data-type="self"] .premium-video-box-video-container {
2908
- opacity: 0;
2909
- visibility: hidden; }
2910
-
2911
- .premium-video-box-video-container iframe {
2912
- max-width: 100%;
2913
- width: 100%;
2914
- height: 100%;
2915
- margin: 0;
2916
- line-height: 1;
2917
- border: none; }
2918
-
2919
- .premium-video-box-video-container video {
2920
- max-width: 100%;
2921
- width: 100%;
2922
- height: 100%;
2923
- margin: 0;
2924
- line-height: 1;
2925
- border: none;
2926
- background-color: #000;
2927
- -o-object-fit: contain;
2928
- object-fit: contain; }
2929
-
2930
- .premium-video-box-container .premium-video-box-vimeo-wrap {
2931
- -js-display: flex;
2932
- display: -webkit-box;
2933
- display: -webkit-flex;
2934
- display: -moz-box;
2935
- display: -ms-flexbox;
2936
- display: flex;
2937
- position: absolute;
2938
- top: 0;
2939
- left: 0;
2940
- z-index: 3;
2941
- margin: 10px;
2942
- margin-right: 10px;
2943
- -webkit-transition: opacity 0.2s ease-out;
2944
- transition: opacity 0.2s ease-out;
2945
- margin-right: 4.6em; }
2946
-
2947
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-portrait {
2948
- width: 60px;
2949
- height: 60px;
2950
- background: rgba(23, 35, 34, 0.75);
2951
- margin-right: 1px;
2952
- -webkit-box-flex: 1;
2953
- -webkit-flex: 1 0 auto;
2954
- -moz-box-flex: 1;
2955
- -ms-flex: 1 0 auto;
2956
- flex: 1 0 auto;
2957
- padding: 0; }
2958
-
2959
- .premium-video-box-vimeo-portrait img {
2960
- width: 50px;
2961
- height: 50px;
2962
- margin: 5px;
2963
- padding: 0;
2964
- border: 0;
2965
- -webkit-border-radius: 50%;
2966
- border-radius: 50%; }
2967
-
2968
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-headers {
2969
- font-size: 10px; }
2970
-
2971
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-title {
2972
- max-width: 100%;
2973
- font-size: 2em !important;
2974
- font-weight: 700;
2975
- margin: 0;
2976
- padding: 0.1em 0.2em;
2977
- background: rgba(23, 35, 34, 0.75);
2978
- display: inline-block;
2979
- text-transform: none;
2980
- line-height: normal;
2981
- letter-spacing: normal; }
2982
-
2983
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-byline {
2984
- font-size: 1.2em !important;
2985
- font-weight: 400;
2986
- color: #fff;
2987
- margin-top: 0.1em;
2988
- padding: 0.2em 0.5em;
2989
- background: rgba(23, 35, 34, 0.75);
2990
- text-transform: none;
2991
- line-height: normal;
2992
- letter-spacing: normal; }
2993
-
2994
- .premium-video-box-playlist-container {
2995
- -js-display: flex;
2996
- display: -webkit-box;
2997
- display: -webkit-flex;
2998
- display: -moz-box;
2999
- display: -ms-flexbox;
3000
- display: flex;
3001
- -webkit-flex-wrap: wrap;
3002
- -ms-flex-wrap: wrap;
3003
- flex-wrap: wrap; }
3004
- .premium-video-box-playlist-container .premium-video-box-container {
3005
- height: 100%;
3006
- overflow: hidden; }
3007
-
3008
- .premium-video-box-container:hover .premium-video-box-image-container.zoomin {
3009
- -webkit-transform: scale(1.1);
3010
- -ms-transform: scale(1.1);
3011
- transform: scale(1.1); }
3012
-
3013
- .premium-video-box-container:hover .premium-video-box-image-container.zoomout {
3014
- -webkit-transform: scale(1);
3015
- -ms-transform: scale(1);
3016
- transform: scale(1); }
3017
-
3018
- .premium-video-box-container:hover .premium-video-box-image-container.scale {
3019
- -webkit-transform: scale(1.3) rotate(5deg);
3020
- -ms-transform: scale(1.3) rotate(5deg);
3021
- transform: scale(1.3) rotate(5deg); }
3022
-
3023
- .premium-video-box-container:hover .premium-video-box-image-container.gray {
3024
- -webkit-filter: grayscale(0%);
3025
- filter: grayscale(0%); }
3026
-
3027
- .premium-video-box-container:hover .premium-video-box-image-container.blur {
3028
- -webkit-filter: blur(3px);
3029
- filter: blur(3px); }
3030
-
3031
- .premium-video-box-container:hover .premium-video-box-image-container.sepia {
3032
- -webkit-filter: sepia(0%);
3033
- filter: sepia(0%); }
3034
-
3035
- .premium-video-box-container:hover .premium-video-box-image-container.trans {
3036
- -webkit-transform: translateX(0px) scale(1.1);
3037
- -ms-transform: translateX(0px) scale(1.1);
3038
- transform: translateX(0px) scale(1.1); }
3039
-
3040
- .premium-video-box-container:hover .premium-video-box-image-container.bright {
3041
- -webkit-filter: brightness(1.2);
3042
- filter: brightness(1.2); }
3043
-
3044
- .premium-video-box-image-container.gray {
3045
- -webkit-filter: grayscale(100%);
3046
- filter: grayscale(100%); }
3047
-
3048
- .premium-video-box-image-container.zoomout, .premium-video-box-image-container.scale {
3049
- -webkit-transform: scale(1.2);
3050
- -ms-transform: scale(1.2);
3051
- transform: scale(1.2); }
3052
-
3053
- .premium-video-box-image-container.sepia {
3054
- -webkit-filter: sepia(30%);
3055
- filter: sepia(30%); }
3056
-
3057
- .premium-video-box-image-container.bright {
3058
- -webkit-filter: brightness(1);
3059
- filter: brightness(1); }
3060
-
3061
- .premium-video-box-image-container.trans {
3062
- -webkit-transform: translateX(-15px) scale(1.1);
3063
- -ms-transform: translateX(-15px) scale(1.1);
3064
- transform: translateX(-15px) scale(1.1); }
3065
-
3066
- .premium-video-box-mask-media {
3067
- -webkit-mask-repeat: no-repeat;
3068
- mask-repeat: no-repeat; }
3069
-
3070
- /* Sticky Video Option */
3071
- .premium-video-box-container.premium-video-box-sticky-apply {
3072
- z-index: 99;
3073
- overflow: unset; }
3074
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3075
- position: fixed !important;
3076
- z-index: 99999;
3077
- height: 225px;
3078
- width: 400px;
3079
- background: #fff; }
3080
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-vimeo-wrap,
3081
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-container:before {
3082
- visibility: hidden; }
3083
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3084
- -webkit-box-shadow: unset;
3085
- box-shadow: unset; }
3086
-
3087
- .premium-video-box-sticky-close,
3088
- .premium-video-box-sticky-infobar {
3089
- display: none; }
3090
-
3091
- .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3092
- position: absolute;
3093
- padding: 5px;
3094
- cursor: pointer;
3095
- z-index: 99999;
3096
- height: 14px;
3097
- width: 14px;
3098
- -webkit-box-sizing: content-box;
3099
- -moz-box-sizing: content-box;
3100
- box-sizing: content-box;
3101
- -webkit-border-radius: 100%;
3102
- border-radius: 100%;
3103
- -js-display: flex;
3104
- display: -webkit-box;
3105
- display: -webkit-flex;
3106
- display: -moz-box;
3107
- display: -ms-flexbox;
3108
- display: flex;
3109
- -webkit-box-pack: center;
3110
- -webkit-justify-content: center;
3111
- -moz-box-pack: center;
3112
- -ms-flex-pack: center;
3113
- justify-content: center;
3114
- -webkit-box-align: center;
3115
- -webkit-align-items: center;
3116
- -moz-box-align: center;
3117
- -ms-flex-align: center;
3118
- align-items: center; }
3119
-
3120
- .premium-video-box-sticky-apply .premium-video-box-play-icon-container {
3121
- -js-display: flex;
3122
- display: -webkit-box;
3123
- display: -webkit-flex;
3124
- display: -moz-box;
3125
- display: -ms-flexbox;
3126
- display: flex; }
3127
-
3128
- .premium-video-box-sticky-apply .premium-video-box-play-icon {
3129
- -webkit-transition: none;
3130
- transition: none; }
3131
-
3132
- .premium-video-box-sticky-apply .premium-video-box-sticky-infobar {
3133
- display: block;
3134
- position: relative;
3135
- top: 100%;
3136
- width: 100%;
3137
- padding: 5px;
3138
- text-align: center;
3139
- z-index: 9999;
3140
- margin-top: -1px; }
3141
-
3142
- .premium-video-box-sticky-apply .premium-video-box-inner-wrap.ui-draggable {
3143
- cursor: move; }
3144
-
3145
- .premium-video-sticky-top-left
3146
- .premium-video-box-container.premium-video-box-sticky-apply
3147
- .premium-video-box-inner-wrap {
3148
- right: auto;
3149
- left: 20px;
3150
- top: 20px; }
3151
-
3152
- .premium-video-sticky-bottom-left
3153
- .premium-video-box-container.premium-video-box-sticky-apply
3154
- .premium-video-box-inner-wrap {
3155
- right: auto;
3156
- left: 20px;
3157
- bottom: 20px; }
3158
-
3159
- .premium-video-sticky-top-right
3160
- .premium-video-box-container.premium-video-box-sticky-apply
3161
- .premium-video-box-inner-wrap {
3162
- left: auto;
3163
- right: 20px;
3164
- top: 20px; }
3165
-
3166
- .premium-video-sticky-bottom-right
3167
- .premium-video-box-container.premium-video-box-sticky-apply
3168
- .premium-video-box-inner-wrap {
3169
- left: auto;
3170
- right: 20px;
3171
- bottom: 20px; }
3172
-
3173
- .premium-video-sticky-center-left
3174
- .premium-video-box-container.premium-video-box-sticky-apply
3175
- .premium-video-box-inner-wrap {
3176
- right: auto;
3177
- left: 20px;
3178
- top: 50%;
3179
- -webkit-transform: translateY(-50%);
3180
- -ms-transform: translateY(-50%);
3181
- transform: translateY(-50%); }
3182
-
3183
- .premium-video-sticky-center-right
3184
- .premium-video-box-container.premium-video-box-sticky-apply
3185
- .premium-video-box-inner-wrap {
3186
- left: auto;
3187
- right: 20px;
3188
- top: 50%;
3189
- -webkit-transform: translateY(-50%);
3190
- -ms-transform: translateY(-50%);
3191
- transform: translateY(-50%); }
3192
-
3193
- .premium-video-sticky-bottom-right
3194
- .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply
3195
- .premium-video-box-inner-wrap,
3196
- .premium-video-sticky-bottom-left
3197
- .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply
3198
- .premium-video-box-inner-wrap {
3199
- bottom: 55px; }
3200
-
3201
- .premium-video-sticky-top-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3202
- .premium-video-sticky-bottom-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3203
- .premium-video-sticky-center-left .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3204
- top: -10px;
3205
- right: -10px; }
3206
-
3207
- .premium-video-sticky-top-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3208
- .premium-video-sticky-bottom-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3209
- .premium-video-sticky-center-right .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3210
- top: -10px;
3211
- left: -10px; }
3212
-
3213
- .premium-video-box-filter-sticky {
3214
- -webkit-filter: none !important;
3215
- filter: none !important; }
3216
-
3217
- /**************** Premium Blog *****************/
3218
- /***********************************************/
3219
- .premium-blog-thumb-effect-wrapper {
3220
- position: relative;
3221
- overflow: hidden; }
3222
-
3223
- .premium-blog-effect-container:not(.premium-blog-bordered-effect) .premium-blog-post-link {
3224
- position: absolute;
3225
- top: 0;
3226
- left: 0;
3227
- width: 100%;
3228
- height: 100%;
3229
- z-index: 2;
3230
- padding: 20px; }
3231
-
3232
- .premium-blog-bordered-effect .premium-blog-post-link {
3233
- display: block;
3234
- height: 100%;
3235
- position: relative; }
3236
-
3237
- /*Thumbnail Img*/
3238
- .premium-blog-thumbnail-container {
3239
- overflow: hidden; }
3240
- .premium-blog-thumbnail-container img,
3241
- .premium-blog-thumbnail-container .below-entry-meta {
3242
- width: 100%;
3243
- height: 100%;
3244
- margin: 0 !important;
3245
- -webkit-transition: all 0.4s ease-in-out;
3246
- transition: all 0.4s ease-in-out; }
3247
-
3248
- .premium-blog-thumb-effect-wrapper .premium-blog-zoomout-effect img,
3249
- .premium-blog-thumb-effect-wrapper .premium-blog-scale-effect img {
3250
- -webkit-transform: scale(1.2);
3251
- -ms-transform: scale(1.2);
3252
- transform: scale(1.2); }
3253
-
3254
- .premium-blog-thumb-effect-wrapper .premium-blog-sepia-effect img {
3255
- -webkit-filter: sepia(30%);
3256
- filter: sepia(30%); }
3257
-
3258
- .premium-blog-thumb-effect-wrapper .premium-blog-bright-effect img {
3259
- -webkit-filter: brightness(1);
3260
- filter: brightness(1); }
3261
-
3262
- .premium-blog-thumb-effect-wrapper .premium-blog-trans-effect img {
3263
- -webkit-transform: translateX(-15px) scale(1.1);
3264
- -ms-transform: translateX(-15px) scale(1.1);
3265
- transform: translateX(-15px) scale(1.1); }
3266
-
3267
- .premium-blog-post-outer-container:hover .premium-blog-zoomin-effect img {
3268
- -webkit-transform: scale(1.2);
3269
- -ms-transform: scale(1.2);
3270
- transform: scale(1.2); }
3271
-
3272
- .premium-blog-post-outer-container:hover .premium-blog-zoomout-effect img {
3273
- -webkit-transform: scale(1.1);
3274
- -ms-transform: scale(1.1);
3275
- transform: scale(1.1); }
3276
-
3277
- .premium-blog-post-outer-container:hover .premium-blog-scale-effect img {
3278
- -webkit-transform: scale(1.3) rotate(5deg);
3279
- -ms-transform: scale(1.3) rotate(5deg);
3280
- transform: scale(1.3) rotate(5deg); }
3281
-
3282
- .premium-blog-post-outer-container:hover .premium-blog-gray-effect img {
3283
- -webkit-filter: grayscale(100%);
3284
- filter: grayscale(100%); }
3285
-
3286
- .premium-blog-post-outer-container:hover .premium-blog-blur-effect img {
3287
- -webkit-filter: blur(3px);
3288
- filter: blur(3px); }
3289
-
3290
- .premium-blog-post-outer-container:hover .premium-blog-sepia-effect img {
3291
- -webkit-filter: sepia(0%);
3292
- filter: sepia(0%); }
3293
-
3294
- .premium-blog-post-outer-container:hover .premium-blog-bright-effect img {
3295
- -webkit-filter: brightness(1.2);
3296
- filter: brightness(1.2); }
3297
-
3298
- .premium-blog-post-outer-container:hover .premium-blog-trans-effect img {
3299
- -webkit-transform: translateX(0px) scale(1.1);
3300
- -ms-transform: translateX(0px) scale(1.1);
3301
- transform: translateX(0px) scale(1.1); }
3302
-
3303
- .premium-blog-post-container {
3304
- overflow: hidden; }
3305
- .premium-blog-post-container .premium-blog-inner-container {
3306
- -js-display: flex;
3307
- display: -webkit-box;
3308
- display: -webkit-flex;
3309
- display: -moz-box;
3310
- display: -ms-flexbox;
3311
- display: flex; }
3312
- .premium-blog-post-container .premium-blog-entry-container {
3313
- margin: 0 !important; }
3314
- .premium-blog-post-container .premium-blog-post-content {
3315
- line-height: 1.5em;
3316
- color: #777;
3317
- font-size: 14px;
3318
- margin-bottom: 10px; }
3319
- .premium-blog-post-container ul.post-categories a:hover, .premium-blog-post-container ul.post-categories a:focus,
3320
- .premium-blog-post-container .premium-blog-post-link:hover,
3321
- .premium-blog-post-container .premium-blog-post-link:focus {
3322
- -webkit-box-shadow: none !important;
3323
- box-shadow: none !important;
3324
- outline: none !important; }
3325
- .premium-blog-post-container .premium-blog-entry-title {
3326
- font-size: 18px;
3327
- margin-bottom: 5px; }
3328
- .premium-blog-post-container.premium-blog-skin-modern .premium-blog-content-wrapper {
3329
- position: relative;
3330
- z-index: 3;
3331
- top: -50px; }
3332
- .premium-blog-post-container .premium-blog-content-wrapper {
3333
- background-color: #f5f5f5;
3334
- padding: 30px; }
3335
- .premium-blog-post-container .premium-blog-content-wrapper.empty-thumb {
3336
- top: 0; }
3337
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before, .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:after {
3338
- position: absolute;
3339
- content: "";
3340
- z-index: 1;
3341
- top: 50%;
3342
- left: 50%;
3343
- opacity: 0;
3344
- -webkit-transform: translate(-50%, -50%);
3345
- -ms-transform: translate(-50%, -50%);
3346
- transform: translate(-50%, -50%);
3347
- -webkit-transition: all 0.4s linear 0s;
3348
- transition: all 0.4s linear 0s;
3349
- height: 1px;
3350
- width: 100%;
3351
- background-color: #fff; }
3352
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before {
3353
- width: 1px;
3354
- height: 100%; }
3355
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-container:after {
3356
- width: 20px;
3357
- opacity: 1; }
3358
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-container:before {
3359
- height: 20px;
3360
- opacity: 1; }
3361
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-content-wrapper {
3362
- margin: 0px 10px 20px;
3363
- clear: both; }
3364
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay, .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay, .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay {
3365
- position: absolute;
3366
- top: 0;
3367
- left: 0;
3368
- width: 100%;
3369
- height: 100%;
3370
- -webkit-transition: all 0.3s ease-in-out;
3371
- transition: all 0.3s ease-in-out;
3372
- opacity: 0; }
3373
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay a, .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay a, .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay a {
3374
- -js-display: flex;
3375
- display: -webkit-box;
3376
- display: -webkit-flex;
3377
- display: -moz-box;
3378
- display: -ms-flexbox;
3379
- display: flex;
3380
- -webkit-box-pack: center;
3381
- -webkit-justify-content: center;
3382
- -moz-box-pack: center;
3383
- -ms-flex-pack: center;
3384
- justify-content: center;
3385
- -webkit-box-align: center;
3386
- -webkit-align-items: center;
3387
- -moz-box-align: center;
3388
- -ms-flex-align: center;
3389
- align-items: center;
3390
- width: 100%;
3391
- height: 100%; }
3392
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay span,
3393
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay i, .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay span,
3394
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay i, .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay span,
3395
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay i {
3396
- -webkit-transition: all 0.3s ease-in-out;
3397
- transition: all 0.3s ease-in-out; }
3398
- .premium-blog-post-container.premium-blog-skin-side {
3399
- -js-display: flex;
3400
- display: -webkit-box;
3401
- display: -webkit-flex;
3402
- display: -moz-box;
3403
- display: -ms-flexbox;
3404
- display: flex; }
3405
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-container {
3406
- height: 100%; }
3407
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-content-wrapper {
3408
- -webkit-box-flex: 1;
3409
- -webkit-flex: 1;
3410
- -moz-box-flex: 1;
3411
- -ms-flex: 1;
3412
- flex: 1; }
3413
- .premium-blog-post-container.premium-blog-skin-banner {
3414
- position: relative; }
3415
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper {
3416
- position: absolute;
3417
- width: 100%;
3418
- bottom: 0;
3419
- -js-display: flex;
3420
- display: -webkit-box;
3421
- display: -webkit-flex;
3422
- display: -moz-box;
3423
- display: -ms-flexbox;
3424
- display: flex;
3425
- -webkit-box-orient: vertical;
3426
- -webkit-box-direction: normal;
3427
- -webkit-flex-direction: column;
3428
- -moz-box-orient: vertical;
3429
- -moz-box-direction: normal;
3430
- -ms-flex-direction: column;
3431
- flex-direction: column;
3432
- background-color: transparent;
3433
- z-index: 3; }
3434
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper-inner {
3435
- -webkit-transition: -webkit-transform 0.3s ease-in-out;
3436
- transition: -webkit-transform 0.3s ease-in-out;
3437
- transition: transform 0.3s ease-in-out;
3438
- transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; }
3439
- .premium-blog-post-container.premium-blog-skin-banner:hover .premium-blog-content-wrapper-inner {
3440
- -webkit-transform: translateY(-5px);
3441
- -ms-transform: translateY(-5px);
3442
- transform: translateY(-5px); }
3443
- .premium-blog-post-container .premium-blog-cats-container ul.post-categories {
3444
- margin: 0;
3445
- padding: 0;
3446
- list-style: none;
3447
- -js-display: flex;
3448
- display: -webkit-box;
3449
- display: -webkit-flex;
3450
- display: -moz-box;
3451
- display: -ms-flexbox;
3452
- display: flex; }
3453
- .premium-blog-post-container .premium-blog-cats-container a {
3454
- display: block;
3455
- font-size: 12px;
3456
- color: #fff;
3457
- background-color: #777;
3458
- margin: 0 3px 10px 0;
3459
- padding: 5px;
3460
- -webkit-transition: all 0.3s ease-in-out;
3461
- transition: all 0.3s ease-in-out; }
3462
-
3463
- /*
3464
- * Diagonal Effect
3465
- */
3466
- .premium-blog-diagonal-container {
3467
- position: absolute;
3468
- top: 0;
3469
- left: 0;
3470
- width: 100%;
3471
- height: 100%; }
3472
-
3473
- .premium-blog-diagonal-effect:before {
3474
- position: absolute;
3475
- top: 0px;
3476
- left: 0px;
3477
- width: 100%;
3478
- height: 100%;
3479
- content: " ";
3480
- z-index: 1;
3481
- background: rgba(255, 255, 255, 0.2);
3482
- -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
3483
- transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
3484
- -webkit-transition: all 0.3s linear 0s;
3485
- transition: all 0.3s linear 0s; }
3486
-
3487
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-diagonal-effect:before {
3488
- -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
3489
- transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); }
3490
-
3491
- /*
3492
- * Framed Effect
3493
- */
3494
- .premium-blog-framed-effect {
3495
- position: absolute;
3496
- width: -webkit-calc(100% - 30px);
3497
- width: calc(100% - 30px);
3498
- height: -webkit-calc(100% - 30px);
3499
- height: calc(100% - 30px);
3500
- top: 15px;
3501
- left: 15px;
3502
- opacity: 0;
3503
- -webkit-transform: scale(0.3);
3504
- -ms-transform: scale(0.3);
3505
- transform: scale(0.3);
3506
- -webkit-transition: all 0.3s linear 0s;
3507
- transition: all 0.3s linear 0s; }
3508
-
3509
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-framed-effect {
3510
- opacity: 0.99;
3511
- -webkit-transform: scale(1);
3512
- -ms-transform: scale(1);
3513
- transform: scale(1); }
3514
-
3515
- /*
3516
- * Bordered Effect
3517
- */
3518
- .premium-blog-bordered-effect {
3519
- position: absolute;
3520
- top: 0;
3521
- left: 0;
3522
- width: 100%;
3523
- height: 100%;
3524
- opacity: 0;
3525
- padding: 15px;
3526
- -webkit-transition: all 0.3s linear 0s;
3527
- transition: all 0.3s linear 0s; }
3528
- .premium-blog-bordered-effect .premium-blog-post-link:before, .premium-blog-bordered-effect .premium-blog-post-link:after {
3529
- content: "";
3530
- display: block;
3531
- position: absolute;
3532
- top: 0;
3533
- left: 0;
3534
- width: 100%;
3535
- height: 100%;
3536
- -webkit-transition: all 0.5s linear 0s;
3537
- transition: all 0.5s linear 0s;
3538
- -webkit-transition-delay: 0s;
3539
- transition-delay: 0s;
3540
- border-color: rgba(255, 255, 255, 0.45); }
3541
- .premium-blog-bordered-effect .premium-blog-post-link:before {
3542
- border-right: 2px solid;
3543
- border-left: 2px solid;
3544
- -webkit-transform: scale(1, 0);
3545
- -ms-transform: scale(1, 0);
3546
- transform: scale(1, 0);
3547
- -webkit-transform-origin: 100% 0;
3548
- -ms-transform-origin: 100% 0;
3549
- transform-origin: 100% 0; }
3550
- .premium-blog-bordered-effect .premium-blog-post-link:after {
3551
- border-top: 2px solid;
3552
- border-bottom: 2px solid;
3553
- -webkit-transform: scale(0, 1);
3554
- -ms-transform: scale(0, 1);
3555
- transform: scale(0, 1);
3556
- -webkit-transform-origin: 0 0;
3557
- -ms-transform-origin: 0 0;
3558
- transform-origin: 0 0; }
3559
-
3560
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect {
3561
- opacity: 0.99; }
3562
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect .premium-blog-post-link:before, .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect .premium-blog-post-link:after {
3563
- -webkit-transition-delay: 0.15s;
3564
- transition-delay: 0.15s;
3565
- opacity: 1;
3566
- -webkit-transform: scale(1);
3567
- -ms-transform: scale(1);
3568
- transform: scale(1); }
3569
-
3570
- /*
3571
- * Squares Effect
3572
- */
3573
- .premium-blog-squares-effect,
3574
- .premium-blog-squares-square-container {
3575
- position: absolute;
3576
- top: 0;
3577
- left: 0;
3578
- width: 100%;
3579
- height: 100%; }
3580
-
3581
- .premium-blog-squares-effect:before, .premium-blog-squares-effect:after {
3582
- position: absolute;
3583
- content: "";
3584
- top: 0;
3585
- left: 0;
3586
- width: 50%;
3587
- height: 50%;
3588
- -webkit-transform: translate(-100%, -100%);
3589
- -ms-transform: translate(-100%, -100%);
3590
- transform: translate(-100%, -100%);
3591
- opacity: 0.7;
3592
- -webkit-transition: all 0.3s linear 0s;
3593
- transition: all 0.3s linear 0s; }
3594
-
3595
- .premium-blog-squares-square-container:before, .premium-blog-squares-square-container:after {
3596
- position: absolute;
3597
- content: "";
3598
- top: 0;
3599
- left: 0;
3600
- width: 50%;
3601
- height: 50%;
3602
- -webkit-transform: translate(-100%, -100%);
3603
- -ms-transform: translate(-100%, -100%);
3604
- transform: translate(-100%, -100%);
3605
- opacity: 0.7;
3606
- -webkit-transition: all 0.3s linear 0s;
3607
- transition: all 0.3s linear 0s; }
3608
-
3609
- .premium-blog-squares-square-container:before, .premium-blog-squares-square-container:after {
3610
- opacity: 0.8; }
3611
-
3612
- .premium-blog-squares-effect:after {
3613
- -webkit-transform: translate(200%, 200%);
3614
- -ms-transform: translate(200%, 200%);
3615
- transform: translate(200%, 200%); }
3616
-
3617
- .premium-blog-squares-square-container:before {
3618
- -webkit-transform: translate(-100%, 200%);
3619
- -ms-transform: translate(-100%, 200%);
3620
- transform: translate(-100%, 200%); }
3621
-
3622
- .premium-blog-squares-square-container:after {
3623
- -webkit-transform: translate(200%, -100%);
3624
- -ms-transform: translate(200%, -100%);
3625
- transform: translate(200%, -100%); }
3626
-
3627
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:before {
3628
- -webkit-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
3629
- -ms-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
3630
- transform: translate(0, 0%) scaleY(1.003) scaleX(1.003); }
3631
-
3632
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:after {
3633
- -webkit-transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003);
3634
- -ms-transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003);
3635
- transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003); }
3636
-
3637
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:before {
3638
- -webkit-transform: translate(0, 100%);
3639
- -ms-transform: translate(0, 100%);
3640
- transform: translate(0, 100%); }
3641
-
3642
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:after {
3643
- -webkit-transform: translate(100%, 0%);
3644
- -ms-transform: translate(100%, 0%);
3645
- transform: translate(100%, 0%); }
3646
-
3647
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay {
3648
- opacity: 1; }
3649
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay a {
3650
- opacity: 1;
3651
- -webkit-transform: scale(1);
3652
- -ms-transform: scale(1);
3653
- transform: scale(1); }
3654
-
3655
- .premium-blog-clear-fix {
3656
- clear: both; }
3657
-
3658
- .premium-blog-masked .premium-blog-thumbnail-container {
3659
- position: relative;
3660
- overflow: visible; }
3661
- .premium-blog-masked .premium-blog-thumbnail-container svg {
3662
- position: absolute;
3663
- height: 100px;
3664
- width: 100%;
3665
- bottom: -5px;
3666
- left: 0;
3667
- fill: #f5f5f5;
3668
- z-index: 99; }
3669
- .premium-blog-masked .premium-blog-thumbnail-container svg.premium-blog-shape-divider-svg {
3670
- -webkit-transform: rotate(180deg);
3671
- -ms-transform: rotate(180deg);
3672
- transform: rotate(180deg); }
3673
-
3674
- .premium-blog-masked .premium-blog-author-thumbnail,
3675
- .premium-blog-masked .premium-blog-skin-banner .premium-blog-content-wrapper {
3676
- z-index: 999 !important; }
3677
-
3678
- .premium-blog-format-link {
3679
- padding: 5px;
3680
- line-height: 0; }
3681
-
3682
- .premium-blog-entry-meta {
3683
- line-height: 1.3em;
3684
- font-size: 12px;
3685
- margin-bottom: 13px;
3686
- color: #adadad; }
3687
- .premium-blog-entry-meta i {
3688
- margin-right: 3px;
3689
- -webkit-transition: all 0.3s ease-in-out;
3690
- transition: all 0.3s ease-in-out; }
3691
-
3692
- .premium-blog-meta-data {
3693
- display: inline-block; }
3694
- .premium-blog-meta-data .premium-blog-meta-separator {
3695
- margin: 0 5px; }
3696
- .premium-blog-meta-data a,
3697
- .premium-blog-meta-data span {
3698
- color: inherit;
3699
- -webkit-transition: all 0.3s ease-in-out;
3700
- transition: all 0.3s ease-in-out; }
3701
-
3702
- .premium-blog-author-thumbnail {
3703
- position: relative;
3704
- padding: 0 30px;
3705
- width: 100%;
3706
- top: -10px;
3707
- height: 0;
3708
- pointer-events: none; }
3709
- .premium-blog-author-thumbnail img {
3710
- -webkit-border-radius: 50%;
3711
- border-radius: 50%;
3712
- width: 60px;
3713
- pointer-events: all;
3714
- -webkit-transform: translateY(-50%);
3715
- -ms-transform: translateY(-50%);
3716
- transform: translateY(-50%); }
3717
-
3718
- .premium-blog-entry-title a,
3719
- .premium-blog-post-tags-container a,
3720
- .premium-blog-post-content .premium-blog-excerpt-link {
3721
- -webkit-transition: all 0.3s ease-in-out;
3722
- transition: all 0.3s ease-in-out; }
3723
-
3724
- .premium-blog-excerpt-link-wrap a.premium-blog-excerpt-link {
3725
- background-color: transparent;
3726
- color: #54595f;
3727
- padding: 0; }
3728
-
3729
- .premium-blog-cta-full-yes .premium-blog-excerpt-link {
3730
- width: 100%; }
3731
-
3732
- .premium-blog-post-tags-container {
3733
- margin-top: 8px;
3734
- -js-display: flex;
3735
- display: -webkit-box;
3736
- display: -webkit-flex;
3737
- display: -moz-box;
3738
- display: -ms-flexbox;
3739
- display: flex;
3740
- -webkit-box-align: center;
3741
- -webkit-align-items: center;
3742
- -moz-box-align: center;
3743
- -ms-flex-align: center;
3744
- align-items: center;
3745
- -webkit-flex-wrap: wrap;
3746
- -ms-flex-wrap: wrap;
3747
- flex-wrap: wrap; }
3748
- .premium-blog-post-tags-container a {
3749
- color: inherit;
3750
- margin-left: 5px; }
3751
-
3752
- /*Tags align*/
3753
- .premium-blog-align-left .post-categories,
3754
- .premium-blog-align-left .premium-blog-inner-container,
3755
- .premium-blog-align-left .premium-blog-post-tags-container {
3756
- -webkit-box-pack: start;
3757
- -webkit-justify-content: flex-start;
3758
- -moz-box-pack: start;
3759
- -ms-flex-pack: start;
3760
- justify-content: flex-start; }
3761
-
3762
- .premium-blog-align-center .post-categories,
3763
- .premium-blog-align-center .premium-blog-inner-container,
3764
- .premium-blog-align-center .premium-blog-post-tags-container {
3765
- -webkit-box-pack: center;
3766
- -webkit-justify-content: center;
3767
- -moz-box-pack: center;
3768
- -ms-flex-pack: center;
3769
- justify-content: center; }
3770
-
3771
- .premium-blog-align-right .post-categories,
3772
- .premium-blog-align-right .premium-blog-inner-container,
3773
- .premium-blog-align-right .premium-blog-post-tags-container {
3774
- -webkit-box-pack: end;
3775
- -webkit-justify-content: flex-end;
3776
- -moz-box-pack: end;
3777
- -ms-flex-pack: end;
3778
- justify-content: flex-end; }
3779
-
3780
- /* Pagination */
3781
- .premium-blog-pagination-container {
3782
- text-align: right; }
3783
- .premium-blog-pagination-container span {
3784
- cursor: default; }
3785
- .premium-blog-pagination-container .page-numbers {
3786
- display: inline-block;
3787
- color: #000;
3788
- line-height: 1;
3789
- font-size: 1em;
3790
- font-weight: 400;
3791
- text-decoration: none;
3792
- padding: 0.75em;
3793
- margin: 0 0.4em 0.4em 0;
3794
- -webkit-transition: all 0.2s ease-in-out;
3795
- transition: all 0.2s ease-in-out; }
3796
-
3797
- .premium-blog-wrap .premium-loading-feed {
3798
- display: block;
3799
- position: absolute;
3800
- width: 100%;
3801
- height: 100%;
3802
- top: 0px;
3803
- left: 0px;
3804
- bottom: 0px;
3805
- right: 0px;
3806
- background: rgba(255, 255, 255, 0.2);
3807
- -js-display: flex;
3808
- display: -webkit-box;
3809
- display: -webkit-flex;
3810
- display: -moz-box;
3811
- display: -ms-flexbox;
3812
- display: flex;
3813
- -webkit-box-align: center;
3814
- -webkit-align-items: center;
3815
- -moz-box-align: center;
3816
- -ms-flex-align: center;
3817
- align-items: center;
3818
- z-index: 99; }
3819
-
3820
- .premium-blog-wrap {
3821
- -js-display: flex;
3822
- display: -webkit-box;
3823
- display: -webkit-flex;
3824
- display: -moz-box;
3825
- display: -ms-flexbox;
3826
- display: flex;
3827
- -webkit-flex-wrap: wrap;
3828
- -ms-flex-wrap: wrap;
3829
- flex-wrap: wrap; }
3830
- .premium-blog-wrap ul.slick-dots {
3831
- width: 100%; }
3832
-
3833
- /*
3834
- * List Layout
3835
- */
3836
- .premium-blog-list .premium-blog-post-outer-container {
3837
- width: 100%; }
3838
-
3839
- /**
3840
- * Even Layout
3841
- */
3842
- .premium-blog-even .premium-blog-post-container {
3843
- height: 100%; }
3844
-
3845
- .premium-blog-even .slick-track {
3846
- -js-display: flex;
3847
- display: -webkit-box;
3848
- display: -webkit-flex;
3849
- display: -moz-box;
3850
- display: -ms-flexbox;
3851
- display: flex; }
3852
-
3853
- .premium-blog-even .slick-slide {
3854
- height: inherit !important; }
3855
-
3856
- /**
3857
- * Responsive Style
3858
- */
3859
- @media (max-width: 768px) {
3860
- .premium-blog-content-wrapper {
3861
- top: 0;
3862
- margin: 0;
3863
- padding: 15px; }
3864
- .premium-blog-skin-side {
3865
- -webkit-box-orient: vertical;
3866
- -webkit-box-direction: normal;
3867
- -webkit-flex-direction: column;
3868
- -moz-box-orient: vertical;
3869
- -moz-box-direction: normal;
3870
- -ms-flex-direction: column;
3871
- flex-direction: column; } }
3872
-
3873
- /************ Premium Team Members ************/
3874
- /**********************************************/
3875
- .premium-person-container {
3876
- position: relative; }
3877
-
3878
- .premium-person-image-container {
3879
- position: relative;
3880
- text-align: center; }
3881
- .premium-person-image-container .premium-person-image-wrap {
3882
- overflow: hidden; }
3883
-
3884
- .premium-person-zoomout-effect .premium-person-image-container img,
3885
- .premium-person-scale-effect .premium-person-image-container img {
3886
- -webkit-transform: scale(1.2);
3887
- -ms-transform: scale(1.2);
3888
- transform: scale(1.2); }
3889
-
3890
- .premium-person-sepia-effect .premium-person-image-container img {
3891
- -webkit-filter: sepia(30%);
3892
- filter: sepia(30%); }
3893
-
3894
- .premium-person-bright-effect .premium-person-image-container img {
3895
- -webkit-filter: brightness(1);
3896
- filter: brightness(1); }
3897
-
3898
- .premium-person-trans-effect .premium-person-image-container img {
3899
- -webkit-transform: translateX(-15px) scale(1.1);
3900
- -ms-transform: translateX(-15px) scale(1.1);
3901
- transform: translateX(-15px) scale(1.1); }
3902
-
3903
- .premium-person-zoomin-effect:hover .premium-person-image-container img {
3904
- -webkit-transform: scale(1.2);
3905
- -ms-transform: scale(1.2);
3906
- transform: scale(1.2); }
3907
-
3908
- .premium-person-zoomout-effect:hover .premium-person-image-container img {
3909
- -webkit-transform: scale(1.1);
3910
- -ms-transform: scale(1.1);
3911
- transform: scale(1.1); }
3912
-
3913
- .premium-person-scale-effect:hover .premium-person-image-container img {
3914
- -webkit-transform: scale(1.3) rotate(5deg);
3915
- -ms-transform: scale(1.3) rotate(5deg);
3916
- transform: scale(1.3) rotate(5deg); }
3917
-
3918
- .premium-person-grayscale-effect:hover .premium-person-image-container img {
3919
- -webkit-filter: grayscale(100%);
3920
- filter: grayscale(100%); }
3921
-
3922
- .premium-person-blur-effect:hover .premium-person-image-container img {
3923
- -webkit-filter: blur(3px);
3924
- filter: blur(3px); }
3925
-
3926
- .premium-person-sepia-effect:hover .premium-person-image-container img {
3927
- -webkit-filter: sepia(0%);
3928
- filter: sepia(0%); }
3929
-
3930
- .premium-person-bright-effect:hover .premium-person-image-container img {
3931
- -webkit-filter: brightness(1.2);
3932
- filter: brightness(1.2); }
3933
-
3934
- .premium-person-trans-effect:hover .premium-person-image-container img {
3935
- -webkit-transform: translateX(0px) scale(1.1);
3936
- -ms-transform: translateX(0px) scale(1.1);
3937
- transform: translateX(0px) scale(1.1); }
3938
-
3939
- .premium-person-container .premium-person-image-container img {
3940
- width: 100%;
3941
- height: 100%;
3942
- -o-object-fit: cover;
3943
- object-fit: cover;
3944
- -webkit-transition: all 0.5s ease-in-out;
3945
- transition: all 0.5s ease-in-out; }
3946
-
3947
- .premium-person-style2 .premium-person-social {
3948
- position: absolute;
3949
- top: 0;
3950
- left: 0;
3951
- width: 100%;
3952
- height: 100%;
3953
- z-index: 2;
3954
- -js-display: flex;
3955
- display: -webkit-box;
3956
- display: -webkit-flex;
3957
- display: -moz-box;
3958
- display: -ms-flexbox;
3959
- display: flex;
3960
- -webkit-box-pack: center;
3961
- -webkit-justify-content: center;
3962
- -moz-box-pack: center;
3963
- -ms-flex-pack: center;
3964
- justify-content: center;
3965
- -webkit-box-align: center;
3966
- -webkit-align-items: center;
3967
- -moz-box-align: center;
3968
- -ms-flex-align: center;
3969
- align-items: center;
3970
- -webkit-box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
3971
- box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
3972
- -webkit-transition: all 0.5s linear 0s;
3973
- transition: all 0.5s linear 0s;
3974
- opacity: 0; }
3975
-
3976
- .premium-person-style2 .premium-person-image-container:hover .premium-person-social {
3977
- opacity: 1; }
3978
-
3979
- .premium-person-list-item a {
3980
- display: inline-block; }
3981
-
3982
- .premium-person-style2 .premium-person-list-item a {
3983
- opacity: 0;
3984
- -webkit-transform: scale(0);
3985
- -ms-transform: scale(0);
3986
- transform: scale(0);
3987
- -webkit-transition: all 0.5s ease-in-out 0s;
3988
- transition: all 0.5s ease-in-out 0s; }
3989
-
3990
- .premium-person-style2 .premium-person-image-container:hover .premium-person-list-item a {
3991
- opacity: 1;
3992
- -webkit-transform: scale(1);
3993
- -ms-transform: scale(1);
3994
- transform: scale(1); }
3995
-
3996
- .premium-person-info-container {
3997
- padding: 30px 15px; }
3998
-
3999
- .premium-person-name {
4000
- margin: 0 0 5px;
4001
- font-weight: 700; }
4002
-
4003
- .premium-person-title {
4004
- margin: 0 0 20px;
4005
- padding: 0; }
4006
-
4007
- .premium-person-content {
4008
- margin: 0 0 30px; }
4009
-
4010
- /*Override Theme List Margin*/
4011
- ul.premium-person-social-list {
4012
- margin: 0px !important;
4013
- padding: 0; }
4014
-
4015
- .premium-person-social-list .premium-person-list-item {
4016
- display: inline;
4017
- list-style: none; }
4018
-
4019
- .premium-person-social-list li {
4020
- position: relative;
4021
- bottom: 0px;
4022
- -webkit-transition: all 0.2s ease-in-out;
4023
- transition: all 0.2s ease-in-out; }
4024
- .premium-person-social-list li i {
4025
- position: relative;
4026
- bottom: 0px;
4027
- -webkit-transition: all 0.2s ease-in-out;
4028
- transition: all 0.2s ease-in-out; }
4029
-
4030
- .premium-person-defaults-yes li.premium-person-facebook:hover a {
4031
- background-color: #3b5998 !important; }
4032
-
4033
- .premium-person-defaults-yes li.premium-person-twitter:hover a {
4034
- background-color: #55acee !important; }
4035
-
4036
- .premium-person-defaults-yes li.premium-person-linkedin:hover a {
4037
- background-color: #0077b5 !important; }
4038
-
4039
- .premium-person-defaults-yes li.premium-person-google:hover a {
4040
- background-color: #dc4e41 !important; }
4041
-
4042
- .premium-person-defaults-yes li.premium-person-youtube:hover a {
4043
- background-color: #b31217 !important; }
4044
-
4045
- .premium-person-defaults-yes li.premium-person-instagram:hover a {
4046
- background-color: #e4405f !important; }
4047
-
4048
- .premium-person-defaults-yes li.premium-person-skype:hover a {
4049
- background-color: #00aff0 !important; }
4050
-
4051
- .premium-person-defaults-yes li.premium-person-pinterest:hover a {
4052
- background-color: #bd081c !important; }
4053
-
4054
- .premium-person-defaults-yes li.premium-person-dribbble:hover a {
4055
- background-color: #ea4c89 !important; }
4056
-
4057
- .premium-person-defaults-yes li.premium-person-mail:hover a {
4058
- background-color: #b23121 !important; }
4059
-
4060
- .premium-person-defaults-yes li.premium-person-behance:hover a {
4061
- background-color: #1769ff !important; }
4062
-
4063
- .premium-person-defaults-yes li.premium-person-whatsapp:hover a {
4064
- background-color: #25d366 !important; }
4065
-
4066
- .premium-person-defaults-yes li.premium-person-telegram:hover a {
4067
- background-color: #0088cc !important; }
4068
-
4069
- .premium-person-defaults-yes li.premium-person-site:hover a {
4070
- background-color: #0055a5 !important; }
4071
-
4072
- .premium-person-social-list li:hover a {
4073
- -webkit-box-shadow: none;
4074
- box-shadow: none; }
4075
-
4076
- .premium-person-social-list li a:focus {
4077
- -webkit-box-shadow: none;
4078
- box-shadow: none;
4079
- outline: none; }
4080
-
4081
- .premium-person-social-list li i {
4082
- font-size: 18px; }
4083
-
4084
- .elementor-widget-premium-addon-person .elementor-widget-container {
4085
- -js-display: flex;
4086
- display: -webkit-box;
4087
- display: -webkit-flex;
4088
- display: -moz-box;
4089
- display: -ms-flexbox;
4090
- display: flex;
4091
- -webkit-box-pack: center;
4092
- -webkit-justify-content: center;
4093
- -moz-box-pack: center;
4094
- -ms-flex-pack: center;
4095
- justify-content: center; }
4096
-
4097
- .premium-persons-container.multiple-persons {
4098
- -js-display: flex;
4099
- display: -webkit-box;
4100
- display: -webkit-flex;
4101
- display: -moz-box;
4102
- display: -ms-flexbox;
4103
- display: flex;
4104
- -webkit-flex-wrap: wrap;
4105
- -ms-flex-wrap: wrap;
4106
- flex-wrap: wrap;
4107
- width: 100%; }
4108
-
4109
- .premium-person-style1 .premium-person-container {
4110
- overflow: hidden; }
4111
- .premium-person-style1 .premium-person-container .premium-person-info {
4112
- position: absolute;
4113
- top: auto;
4114
- right: 0;
4115
- left: 0;
4116
- -webkit-transition: all 500ms ease 0s;
4117
- transition: all 500ms ease 0s;
4118
- -webkit-transform: translate3d(0, 100%, 0);
4119
- transform: translate3d(0, 100%, 0); }
4120
- .premium-person-style1 .premium-person-container:hover .premium-person-info {
4121
- -webkit-transform: translate3d(0, 0, 0);
4122
- transform: translate3d(0, 0, 0);
4123
- bottom: -1px !important; }
4124
-
4125
- .premium-person-style1 .premium-person-social-list li:hover {
4126
- bottom: 5px; }
4127
-
4128
- .premium-person-style1.multiple-persons:not([data-persons-equal="yes"]) {
4129
- -webkit-box-align: start;
4130
- -webkit-align-items: flex-start;
4131
- -moz-box-align: start;
4132
- -ms-flex-align: start;
4133
- align-items: flex-start; }
4134
-
4135
- .premium-person-style1 .slick-track {
4136
- -js-display: flex;
4137
- display: -webkit-box;
4138
- display: -webkit-flex;
4139
- display: -moz-box;
4140
- display: -ms-flexbox;
4141
- display: flex; }
4142
-
4143
- .premium-person-style1 .slick-slide {
4144
- height: inherit !important; }
4145
-
4146
- .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-container,
4147
- .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-wrap {
4148
- height: 100%; }
4149
-
4150
- .premium-person-style3 .premium-person-info-container {
4151
- position: absolute;
4152
- top: 0;
4153
- left: 0;
4154
- width: 100%;
4155
- height: 100%;
4156
- -js-display: flex;
4157
- display: -webkit-box;
4158
- display: -webkit-flex;
4159
- display: -moz-box;
4160
- display: -ms-flexbox;
4161
- display: flex;
4162
- -webkit-box-orient: vertical;
4163
- -webkit-box-direction: normal;
4164
- -webkit-flex-direction: column;
4165
- -moz-box-orient: vertical;
4166
- -moz-box-direction: normal;
4167
- -ms-flex-direction: column;
4168
- flex-direction: column;
4169
- -webkit-box-pack: justify;
4170
- -webkit-justify-content: space-between;
4171
- -moz-box-pack: justify;
4172
- -ms-flex-pack: justify;
4173
- justify-content: space-between; }
4174
-
4175
- .premium-person-style3 .premium-person-title-desc-wrap {
4176
- -js-display: flex;
4177
- display: -webkit-box;
4178
- display: -webkit-flex;
4179
- display: -moz-box;
4180
- display: -ms-flexbox;
4181
- display: flex;
4182
- -webkit-box-orient: horizontal;
4183
- -webkit-box-direction: reverse;
4184
- -webkit-flex-direction: row-reverse;
4185
- -moz-box-orient: horizontal;
4186
- -moz-box-direction: reverse;
4187
- -ms-flex-direction: row-reverse;
4188
- flex-direction: row-reverse;
4189
- -webkit-box-pack: justify;
4190
- -webkit-justify-content: space-between;
4191
- -moz-box-pack: justify;
4192
- -ms-flex-pack: justify;
4193
- justify-content: space-between;
4194
- -webkit-box-align: start;
4195
- -webkit-align-items: flex-start;
4196
- -moz-box-align: start;
4197
- -ms-flex-align: start;
4198
- align-items: flex-start; }
4199
-
4200
- .premium-person-style3 .premium-person-name-icons-wrap {
4201
- -js-display: flex;
4202
- display: -webkit-box;
4203
- display: -webkit-flex;
4204
- display: -moz-box;
4205
- display: -ms-flexbox;
4206
- display: flex;
4207
- -webkit-box-pack: justify;
4208
- -webkit-justify-content: space-between;
4209
- -moz-box-pack: justify;
4210
- -ms-flex-pack: justify;
4211
- justify-content: space-between;
4212
- -webkit-box-align: end;
4213
- -webkit-align-items: flex-end;
4214
- -moz-box-align: end;
4215
- -ms-flex-align: end;
4216
- align-items: flex-end; }
4217
-
4218
- .premium-person-style3 .premium-person-title {
4219
- opacity: 0;
4220
- -webkit-transition: all 0.3s ease;
4221
- transition: all 0.3s ease;
4222
- width: 0; }
4223
- .premium-person-style3 .premium-person-title span {
4224
- display: inline-block; }
4225
-
4226
- .premium-person-style3 .premium-person-name {
4227
- padding-left: 10px; }
4228
-
4229
- .premium-person-style3 .premium-person-social-list {
4230
- -js-display: flex;
4231
- display: -webkit-box;
4232
- display: -webkit-flex;
4233
- display: -moz-box;
4234
- display: -ms-flexbox;
4235
- display: flex;
4236
- -webkit-box-orient: vertical;
4237
- -webkit-box-direction: normal;
4238
- -webkit-flex-direction: column;
4239
- -moz-box-orient: vertical;
4240
- -moz-box-direction: normal;
4241
- -ms-flex-direction: column;
4242
- flex-direction: column;
4243
- -webkit-transform: translateY(20px);
4244
- -ms-transform: translateY(20px);
4245
- transform: translateY(20px);
4246
- opacity: 0;
4247
- -webkit-transition: all 0.3s ease;
4248
- transition: all 0.3s ease; }
4249
-
4250
- .premium-person-style3 .premium-person-list-item {
4251
- line-height: 0; }
4252
- .premium-person-style3 .premium-person-list-item a {
4253
- padding: 5px 10px 0 0;
4254
- margin: 5px 0; }
4255
-
4256
- .premium-person-style3 .premium-person-container:hover .premium-person-title {
4257
- opacity: 1; }
4258
-
4259
- .premium-person-style3 .premium-person-container:hover .premium-person-social-list {
4260
- opacity: 1;
4261
- -webkit-transform: translateY(0);
4262
- -ms-transform: translateY(0);
4263
- transform: translateY(0); }
4264
-
4265
- .premium-persons-title-cw .premium-person-title {
4266
- -webkit-transform: translateX(15px) rotate(90deg);
4267
- -ms-transform: translateX(15px) rotate(90deg);
4268
- transform: translateX(15px) rotate(90deg);
4269
- -webkit-transform-origin: top;
4270
- -ms-transform-origin: top;
4271
- transform-origin: top; }
4272
-
4273
- .premium-persons-title-cw .premium-person-container:hover .premium-person-title {
4274
- -webkit-transform: translateX(0) rotate(90deg);
4275
- -ms-transform: translateX(0) rotate(90deg);
4276
- transform: translateX(0) rotate(90deg); }
4277
-
4278
- .premium-persons-title-ccw .premium-person-title {
4279
- width: auto;
4280
- margin-right: 20px;
4281
- -webkit-transform: translateX(15px) rotate(-90deg);
4282
- -ms-transform: translateX(15px) rotate(-90deg);
4283
- transform: translateX(15px) rotate(-90deg);
4284
- -webkit-transform-origin: center right;
4285
- -ms-transform-origin: center right;
4286
- transform-origin: center right; }
4287
-
4288
- .premium-persons-title-ccw .premium-person-container:hover .premium-person-title {
4289
- -webkit-transform: translateX(0) rotate(-90deg);
4290
- -ms-transform: translateX(0) rotate(-90deg);
4291
- transform: translateX(0) rotate(-90deg); }
4292
-
4293
- /**************** Premium Fancy Text *******************/
4294
- /*******************************************************/
4295
- .premium-suffix-text,
4296
- .premium-fancy-text,
4297
- .premium-prefix-text {
4298
- font-size: 40px; }
4299
-
4300
- .premium-fancy-text-wrapper .premium-fancy-list-items {
4301
- list-style: none; }
4302
-
4303
- .premium-fancy-text-wrapper .premium-fancy-text-span-align {
4304
- vertical-align: top; }
4305
-
4306
- .premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-text-items-wrapper {
4307
- margin: 0;
4308
- padding: 0;
4309
- border: none;
4310
- position: relative; }
4311
-
4312
- .premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-list-items {
4313
- position: absolute;
4314
- top: 0;
4315
- left: 0;
4316
- display: inline-block; }
4317
-
4318
- .premium-fancy-text-wrapper.zoomout .premium-fancy-item-hidden {
4319
- opacity: 0;
4320
- -webkit-animation: pa-zoom-out 0.8s;
4321
- animation: pa-zoom-out 0.8s; }
4322
-
4323
- .premium-fancy-text-wrapper.zoomout .premium-fancy-item-visible {
4324
- position: relative !important;
4325
- -webkit-animation: pa-zoom-in 0.8s;
4326
- animation: pa-zoom-in 0.8s; }
4327
-
4328
- .premium-fancy-text-wrapper.zoomout .premium-fancy-text-items-wrapper {
4329
- -webkit-perspective: 300px;
4330
- perspective: 300px; }
4331
-
4332
- .premium-fancy-text-wrapper.rotate .premium-fancy-list-items {
4333
- -webkit-transform-origin: 50% 100%;
4334
- -ms-transform-origin: 50% 100%;
4335
- transform-origin: 50% 100%; }
4336
-
4337
- .premium-fancy-text-wrapper.rotate .premium-fancy-item-hidden {
4338
- opacity: 0;
4339
- -webkit-transform: rotateX(180deg);
4340
- transform: rotateX(180deg);
4341
- -webkit-animation: pa-rotate-out 1.2s;
4342
- animation: pa-rotate-out 1.2s; }
4343
-
4344
- .premium-fancy-text-wrapper.rotate .premium-fancy-item-visible {
4345
- position: relative !important;
4346
- -webkit-transform: rotateX(0deg);
4347
- transform: rotateX(0deg);
4348
- -webkit-animation: pa-rotate-in 1.2s;
4349
- animation: pa-rotate-in 1.2s; }
4350
-
4351
- .premium-fancy-text-wrapper.custom .premium-fancy-item-hidden {
4352
- opacity: 0; }
4353
-
4354
- .premium-fancy-text-wrapper.custom .premium-fancy-item-visible {
4355
- position: relative !important; }
4356
-
4357
- .premium-fancy-text-wrapper.auto-fade .premium-fancy-text {
4358
- display: inline-block;
4359
- width: 200px;
4360
- font-weight: 400; }
4361
-
4362
- .premium-fancy-text-wrapper.auto-fade .premium-fancy-svg-text {
4363
- position: relative;
4364
- vertical-align: sub; }
4365
-
4366
- .premium-fancy-text-wrapper.auto-fade g > text {
4367
- text-anchor: start;
4368
- shape-rendering: crispEdges;
4369
- opacity: 0;
4370
- font-size: 300px;
4371
- -webkit-animation-name: pa-auto-fade;
4372
- animation-name: pa-auto-fade;
4373
- -moz-animation-name: pa-auto-fade;
4374
- -webkit-animation-duration: 9s;
4375
- animation-duration: 9s;
4376
- -webkit-animation-timing-function: linear;
4377
- animation-timing-function: linear;
4378
- -webkit-animation-iteration-count: infinite;
4379
- animation-iteration-count: infinite; }
4380
-
4381
- .premium-fancy-text-wrapper.auto-fade g > text:nth-child(1) {
4382
- -webkit-animation-delay: 0s;
4383
- animation-delay: 0s; }
4384
-
4385
- .premium-fancy-text-wrapper.auto-fade g > text:nth-child(2) {
4386
- -webkit-animation-delay: 3s;
4387
- animation-delay: 3s; }
4388
-
4389
- .premium-fancy-text-wrapper.auto-fade g > text:nth-child(3) {
4390
- -webkit-animation-delay: 6s;
4391
- animation-delay: 6s; }
4392
-
4393
- .premium-fancy-text-wrapper.loading .premium-fancy-text {
4394
- position: relative; }
4395
- .premium-fancy-text-wrapper.loading .premium-fancy-text .premium-loading-bar {
4396
- position: absolute;
4397
- width: 100%;
4398
- height: 3px;
4399
- bottom: 0;
4400
- left: 0;
4401
- animation: pa-loading-bar 2.5s ease-out infinite;
4402
- -webkit-animation: pa-loading-bar 2.5s ease-out infinite; }
4403
-
4404
- .premium-fancy-text-wrapper.loading.pause .premium-fancy-text:hover .premium-loading-bar {
4405
- -webkit-animation-play-state: paused;
4406
- animation-play-state: paused; }
4407
-
4408
- @-webkit-keyframes pa-auto-fade {
4409
- 0% {
4410
- opacity: 0; }
4411
- 20% {
4412
- opacity: 1; }
4413
- 35% {
4414
- opacity: 0; }
4415
- 100% {
4416
- opacity: 0; } }
4417
-
4418
- @keyframes pa-auto-fade {
4419
- 0% {
4420
- opacity: 0; }
4421
- 20% {
4422
- opacity: 1; }
4423
- 35% {
4424
- opacity: 0; }
4425
- 100% {
4426
- opacity: 0; } }
4427
-
4428
- @-webkit-keyframes pa-loading-bar {
4429
- 0% {
4430
- width: 0; }
4431
- 100% {
4432
- width: 100; } }
4433
-
4434
- @keyframes pa-loading-bar {
4435
- 0% {
4436
- width: 0; }
4437
- 100% {
4438
- width: 100; } }
4439
-
4440
- @-webkit-keyframes pa-zoom-in {
4441
- 0% {
4442
- opacity: 0;
4443
- -webkit-transform: translateZ(100px);
4444
- transform: translateZ(100px); }
4445
- 100% {
4446
- opacity: 1;
4447
- -webkit-transform: translateZ(0);
4448
- transform: translateZ(0); } }
4449
-
4450
- @keyframes pa-zoom-in {
4451
- 0% {
4452
- opacity: 0;
4453
- -webkit-transform: translateZ(100px);
4454
- transform: translateZ(100px); }
4455
- 100% {
4456
- opacity: 1;
4457
- -webkit-transform: translateZ(0);
4458
- transform: translateZ(0); } }
4459
-
4460
- @-webkit-keyframes pa-zoom-out {
4461
- 0% {
4462
- opacity: 1;
4463
- -webkit-transform: translateZ(0);
4464
- transform: translateZ(0); }
4465
- 100% {
4466
- opacity: 0;
4467
- -webkit-transform: translateZ(-100px);
4468
- transform: translateZ(-100px); } }
4469
-
4470
- @keyframes pa-zoom-out {
4471
- 0% {
4472
- opacity: 1;
4473
- -webkit-transform: translateZ(0);
4474
- transform: translateZ(0); }
4475
- 100% {
4476
- opacity: 0;
4477
- -webkit-transform: translateZ(-100px);
4478
- transform: translateZ(-100px); } }
4479
-
4480
- @-webkit-keyframes pa-rotate-in {
4481
- 0% {
4482
- opacity: 0;
4483
- -webkit-transform: rotateX(180deg);
4484
- transform: rotateX(180deg); }
4485
- 35% {
4486
- opacity: 0;
4487
- -webkit-transform: rotateX(120deg);
4488
- transform: rotateX(120deg); }
4489
- 65% {
4490
- opacity: 0; }
4491
- 100% {
4492
- opacity: 1;
4493
- -webkit-transform: rotateX(360deg);
4494
- transform: rotateX(360deg); } }
4495
-
4496
- @keyframes pa-rotate-in {
4497
- 0% {
4498
- opacity: 0;
4499
- -webkit-transform: rotateX(180deg);
4500
- transform: rotateX(180deg); }
4501
- 35% {
4502
- opacity: 0;
4503
- -webkit-transform: rotateX(120deg);
4504
- transform: rotateX(120deg); }
4505
- 65% {
4506
- opacity: 0; }
4507
- 100% {
4508
- opacity: 1;
4509
- -webkit-transform: rotateX(360deg);
4510
- transform: rotateX(360deg); } }
4511
-
4512
- @-webkit-keyframes pa-rotate-out {
4513
- 0% {
4514
- opacity: 1;
4515
- -webkit-transform: rotateX(0deg);
4516
- transform: rotateX(0deg); }
4517
- 35% {
4518
- opacity: 1;
4519
- -webkit-transform: rotateX(-40deg);
4520
- transform: rotateX(-40deg); }
4521
- 65% {
4522
- opacity: 0; }
4523
- 100% {
4524
- opacity: 0;
4525
- -webkit-transform: rotateX(180deg);
4526
- transform: rotateX(180deg); } }
4527
-
4528
- @keyframes pa-rotate-out {
4529
- 0% {
4530
- opacity: 1;
4531
- -webkit-transform: rotateX(0deg);
4532
- transform: rotateX(0deg); }
4533
- 35% {
4534
- opacity: 1;
4535
- -webkit-transform: rotateX(-40deg);
4536
- transform: rotateX(-40deg); }
4537
- 65% {
4538
- opacity: 0; }
4539
- 100% {
4540
- opacity: 0;
4541
- -webkit-transform: rotateX(180deg);
4542
- transform: rotateX(180deg); } }
4543
-
4544
- /**************** Premium Pricing Table ****************/
4545
- /*******************************************************/
4546
- .premium-pricing-table-container {
4547
- position: relative;
4548
- overflow: hidden;
4549
- text-align: center;
4550
- -webkit-transition: all 0.3s ease-in-out;
4551
- transition: all 0.3s ease-in-out; }
4552
-
4553
- .premium-pricing-icon-container {
4554
- -js-display: flex;
4555
- display: -webkit-box;
4556
- display: -webkit-flex;
4557
- display: -moz-box;
4558
- display: -ms-flexbox;
4559
- display: flex;
4560
- -webkit-box-pack: center;
4561
- -webkit-justify-content: center;
4562
- -moz-box-pack: center;
4563
- -ms-flex-pack: center;
4564
- justify-content: center;
4565
- line-height: 0; }
4566
- .premium-pricing-icon-container .premium-pricing-icon {
4567
- display: inline-block; }
4568
- .premium-pricing-icon-container .premium-pricing-image {
4569
- overflow: hidden; }
4570
- .premium-pricing-icon-container .premium-pricing-image img {
4571
- width: 25px;
4572
- height: 25px;
4573
- -o-object-fit: cover;
4574
- object-fit: cover; }
4575
-
4576
- .premium-badge-left {
4577
- position: absolute;
4578
- top: 0; }
4579
-
4580
- .premium-badge-right {
4581
- position: absolute;
4582
- top: 0;
4583
- right: 0; }
4584
-
4585
- .premium-badge-left {
4586
- left: 0; }
4587
-
4588
- .premium-badge-triangle.premium-badge-left .corner {
4589
- width: 0;
4590
- height: 0;
4591
- border-top: 150px solid;
4592
- border-bottom: 150px solid transparent;
4593
- border-right: 150px solid transparent; }
4594
-
4595
- .premium-badge-triangle.premium-badge-right .corner {
4596
- width: 0;
4597
- height: 0;
4598
- border-bottom: 150px solid transparent;
4599
- border-right: 150px solid;
4600
- border-left: 150px solid transparent; }
4601
-
4602
- .premium-badge-triangle span {
4603
- position: absolute;
4604
- top: 35px;
4605
- width: 100px;
4606
- text-align: center;
4607
- -webkit-transform: rotate(-45deg);
4608
- -ms-transform: rotate(-45deg);
4609
- transform: rotate(-45deg);
4610
- display: block;
4611
- text-transform: uppercase; }
4612
-
4613
- .premium-badge-triangle.premium-badge-right span {
4614
- -webkit-transform: rotate(45deg);
4615
- -ms-transform: rotate(45deg);
4616
- transform: rotate(45deg);
4617
- right: 0; }
4618
-
4619
- .premium-badge-circle {
4620
- min-width: 4em;
4621
- min-height: 4em;
4622
- line-height: 4em;
4623
- text-align: center;
4624
- -webkit-border-radius: 100%;
4625
- border-radius: 100%;
4626
- position: absolute;
4627
- z-index: 1; }
4628
-
4629
- .premium-badge-stripe {
4630
- position: absolute;
4631
- -webkit-transform: rotate(90deg);
4632
- -ms-transform: rotate(90deg);
4633
- transform: rotate(90deg);
4634
- width: 15em;
4635
- overflow: hidden;
4636
- height: 15em; }
4637
- .premium-badge-stripe.premium-badge-left {
4638
- -webkit-transform: rotate(0);
4639
- -ms-transform: rotate(0);
4640
- transform: rotate(0); }
4641
- .premium-badge-stripe .corner {
4642
- text-align: center;
4643
- left: 0;
4644
- width: 150%;
4645
- -webkit-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
4646
- -ms-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
4647
- transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
4648
- margin-top: 35px;
4649
- font-size: 13px;
4650
- line-height: 2;
4651
- font-weight: 800;
4652
- text-transform: uppercase; }
4653
-
4654
- .premium-badge-flag .corner {
4655
- text-align: center;
4656
- -webkit-border-radius: 4px 4px 0 4px;
4657
- border-radius: 4px 4px 0 4px;
4658
- padding: 3px 15px;
4659
- position: absolute;
4660
- top: 10%;
4661
- right: -8px; }
4662
- .premium-badge-flag .corner::before, .premium-badge-flag .corner::after {
4663
- content: "";
4664
- display: block;
4665
- position: absolute;
4666
- width: 0;
4667
- height: 0;
4668
- top: 100%;
4669
- right: 0;
4670
- border-bottom: 8px solid transparent; }
4671
-
4672
- .elementor-widget-premium-addon-pricing-table .elementor-widget-container {
4673
- overflow: visible !important; }
4674
-
4675
- .premium-badge-flag .corner::after {
4676
- border-left: 8px solid rgba(0, 0, 0, 0.2); }
4677
-
4678
- .premium-pricing-price-currency {
4679
- position: relative; }
4680
-
4681
- .premium-pricing-button-container {
4682
- display: block; }
4683
-
4684
- .premium-pricing-list {
4685
- -js-display: flex;
4686
- display: -webkit-box;
4687
- display: -webkit-flex;
4688
- display: -moz-box;
4689
- display: -ms-flexbox;
4690
- display: flex;
4691
- -webkit-box-orient: vertical;
4692
- -webkit-box-direction: normal;
4693
- -webkit-flex-direction: column;
4694
- -moz-box-orient: vertical;
4695
- -moz-box-direction: normal;
4696
- -ms-flex-direction: column;
4697
- flex-direction: column;
4698
- list-style-type: none;
4699
- margin: 0; }
4700
- .premium-pricing-list .premium-pricing-list-item {
4701
- -js-display: flex;
4702
- display: -webkit-box;
4703
- display: -webkit-flex;
4704
- display: -moz-box;
4705
- display: -ms-flexbox;
4706
- display: flex;
4707
- -webkit-box-align: center;
4708
- -webkit-align-items: center;
4709
- -moz-box-align: center;
4710
- -ms-flex-align: center;
4711
- align-items: center; }
4712
- .premium-pricing-list .premium-pricing-list-item svg {
4713
- width: 50px;
4714
- height: 50px; }
4715
- .premium-pricing-list .premium-pricing-list-item img {
4716
- width: 30px;
4717
- height: 30px;
4718
- -o-object-fit: cover;
4719
- object-fit: cover; }
4720
- .premium-pricing-list .premium-pricing-list-span {
4721
- position: relative; }
4722
- .premium-pricing-list .list-item-tooltip {
4723
- border-bottom: 1px dotted; }
4724
- .premium-pricing-list .premium-pricing-list-tooltip {
4725
- position: absolute;
4726
- top: -webkit-calc(100% + 1px);
4727
- top: calc(100% + 1px);
4728
- left: 0;
4729
- visibility: hidden;
4730
- padding: 15px 20px;
4731
- -webkit-border-radius: 5px;
4732
- border-radius: 5px;
4733
- min-width: 200px;
4734
- overflow: hidden;
4735
- text-align: left;
4736
- font-size: 0.8rem;
4737
- color: #fff;
4738
- background-color: #aaa; }
4739
-
4740
- .premium-pricing-features-left .premium-pricing-list-span {
4741
- text-align: left; }
4742
-
4743
- .premium-pricing-features-center .premium-pricing-list-span {
4744
- text-align: center; }
4745
-
4746
- .premium-pricing-features-right .premium-pricing-list-span {
4747
- text-align: right; }
4748
-
4749
- .premium-pricing-list-span:hover .premium-pricing-list-tooltip {
4750
- z-index: 99;
4751
- visibility: visible;
4752
- opacity: 1; }
4753
-
4754
- .premium-pricing-slashed-price-value {
4755
- display: inline-block;
4756
- font-size: 20px;
4757
- font-weight: 400;
4758
- margin-right: 5px; }
4759
-
4760
- .premium-pricing-price-value {
4761
- font-size: 70px; }
4762
-
4763
- .premium-pricing-description-container li {
4764
- list-style-position: inside;
4765
- text-indent: -40px; }
4766
-
4767
- @-moz-document url-prefix() {
4768
- .premium-pricing-description-container li {
4769
- text-indent: 0px; } }
4770
-
4771
- .premium-pricing-price-button {
4772
- display: block;
4773
- padding: 6px 12px;
4774
- line-height: 1.42857143;
4775
- text-align: center;
4776
- color: #fff;
4777
- background: #6ec1e4;
4778
- margin-bottom: 0;
4779
- -webkit-transition: all 0.3s ease-in-out;
4780
- transition: all 0.3s ease-in-out; }
4781
-
4782
- /**************** Premium Google Maps ******************/
4783
- /*******************************************************/
4784
- .premium-maps-info-container {
4785
- margin-top: 10px;
4786
- margin-bottom: 10px; }
4787
-
4788
- .premium-maps-info-title,
4789
- .premium-maps-info-desc {
4790
- margin: 0;
4791
- padding: 0; }
4792
-
4793
- .premium-maps-container .gm-style-iw {
4794
- text-align: center; }
4795
-
4796
- .premium-maps-container .gm-style img {
4797
- max-width: none !important; }
4798
-
4799
- /**************** Premium Button ***********************/
4800
- /*******************************************************/
4801
- .premium-button {
4802
- -js-display: inline-flex;
4803
- display: -webkit-inline-box;
4804
- display: -webkit-inline-flex;
4805
- display: -moz-inline-box;
4806
- display: -ms-inline-flexbox;
4807
- display: inline-flex;
4808
- position: relative;
4809
- overflow: hidden;
4810
- -webkit-backface-visibility: hidden;
4811
- backface-visibility: hidden;
4812
- -webkit-transform: translate3d(0, 0, 0);
4813
- transform: translate3d(0, 0, 0);
4814
- cursor: pointer;
4815
- -webkit-transition: all 0.2s ease-in-out !important;
4816
- transition: all 0.2s ease-in-out !important; }
4817
-
4818
- .premium-button .premium-lottie-animation,
4819
- .premium-image-button .premium-lottie-animation {
4820
- -js-display: flex;
4821
- display: -webkit-box;
4822
- display: -webkit-flex;
4823
- display: -moz-box;
4824
- display: -ms-flexbox;
4825
- display: flex; }
4826
-
4827
- .premium-button svg,
4828
- .premium-image-button svg {
4829
- width: 30px;
4830
- height: 30px; }
4831
-
4832
- .premium-btn-sm,
4833
- .premium-btn-md,
4834
- .premium-btn-lg,
4835
- .premium-btn-block {
4836
- background-color: #eee;
4837
- color: #042551;
4838
- margin: 0px;
4839
- text-decoration: none; }
4840
- .premium-btn-sm:hover,
4841
- .premium-btn-md:hover,
4842
- .premium-btn-lg:hover,
4843
- .premium-btn-block:hover {
4844
- background-color: #54595f;
4845
- color: #eee; }
4846
-
4847
- .premium-btn-sm {
4848
- padding: 12px 24px;
4849
- font-size: 14px;
4850
- line-height: 1; }
4851
-
4852
- .premium-btn-md {
4853
- padding: 14px 26px;
4854
- font-size: 16px;
4855
- line-height: 1.2; }
4856
-
4857
- .premium-btn-lg {
4858
- padding: 16px 28px;
4859
- font-size: 18px;
4860
- line-height: 1.3333; }
4861
-
4862
- .premium-btn-block {
4863
- font-size: 18px;
4864
- line-height: 1;
4865
- padding: 20px 0px;
4866
- width: 100%;
4867
- text-align: center; }
4868
-
4869
- .premium-button-text {
4870
- display: inline-block;
4871
- width: 100%; }
4872
-
4873
- .premium-button-style1,
4874
- .premium-button-style2,
4875
- .premium-button-style5,
4876
- .premium-button-style7 {
4877
- display: inline-block;
4878
- vertical-align: middle;
4879
- -webkit-transform: perspective(1px) translateZ(0);
4880
- transform: perspective(1px) translateZ(0);
4881
- -webkit-box-shadow: 0 0 1px transparent;
4882
- box-shadow: 0 0 1px transparent;
4883
- position: relative;
4884
- -webkit-transition-property: color;
4885
- transition-property: color;
4886
- -webkit-transition-duration: 0.15s;
4887
- transition-duration: 0.15s; }
4888
-
4889
- .premium-button-style1:before,
4890
- .premium-button-style2:before,
4891
- .premium-button-style5:before {
4892
- content: "";
4893
- position: absolute;
4894
- z-index: -1;
4895
- top: 0;
4896
- left: 0;
4897
- right: 0;
4898
- bottom: 0;
4899
- -webkit-transform: scaleY(0);
4900
- -ms-transform: scaleY(0);
4901
- transform: scaleY(0);
4902
- -webkit-transform-origin: 50% 0;
4903
- -ms-transform-origin: 50% 0;
4904
- transform-origin: 50% 0;
4905
- -webkit-transition-property: -webkit-transform;
4906
- transition-property: -webkit-transform;
4907
- transition-property: transform;
4908
- transition-property: transform, -webkit-transform;
4909
- -webkit-transition-duration: 0.15s;
4910
- transition-duration: 0.15s;
4911
- -webkit-transition-timing-function: ease-out;
4912
- transition-timing-function: ease-out; }
4913
-
4914
- .premium-button-style5-radialin:before,
4915
- .premium-button-style5-radialout:before {
4916
- -webkit-transform-origin: 50%;
4917
- -ms-transform-origin: 50%;
4918
- transform-origin: 50%;
4919
- -webkit-border-radius: 100%;
4920
- border-radius: 100%;
4921
- -webkit-transform: scale(0);
4922
- -ms-transform: scale(0);
4923
- transform: scale(0); }
4924
-
4925
- .premium-button-style5-radialin:before {
4926
- -webkit-transform: scale(2);
4927
- -ms-transform: scale(2);
4928
- transform: scale(2); }
4929
-
4930
- .premium-button-style5-rectin:before {
4931
- -webkit-transform-origin: 50%;
4932
- -ms-transform-origin: 50%;
4933
- transform-origin: 50%;
4934
- -webkit-transform: scale(1);
4935
- -ms-transform: scale(1);
4936
- transform: scale(1); }
4937
-
4938
- .premium-button-style5-rectout:before {
4939
- -webkit-transform-origin: 50%;
4940
- -ms-transform-origin: 50%;
4941
- transform-origin: 50%;
4942
- -webkit-transform: scale(0);
4943
- -ms-transform: scale(0);
4944
- transform: scale(0); }
4945
-
4946
- .premium-button-style5-rectout:hover:before {
4947
- -webkit-transform: scale(1);
4948
- -ms-transform: scale(1);
4949
- transform: scale(1); }
4950
-
4951
- .premium-button-style5-rectin:hover:before {
4952
- -webkit-transform: scale(0);
4953
- -ms-transform: scale(0);
4954
- transform: scale(0); }
4955
-
4956
- .premium-button-style5-radialout:hover:before {
4957
- -webkit-transform: scale(2);
4958
- -ms-transform: scale(2);
4959
- transform: scale(2); }
4960
-
4961
- .premium-button-style5-radialin:hover:before {
4962
- -webkit-transform: scale(0);
4963
- -ms-transform: scale(0);
4964
- transform: scale(0); }
4965
-
4966
- .premium-button-style1-top:before {
4967
- -webkit-transform-origin: 50% 100%;
4968
- -ms-transform-origin: 50% 100%;
4969
- transform-origin: 50% 100%; }
4970
-
4971
- .premium-button-style1-right:before {
4972
- -webkit-transform: scaleX(0);
4973
- -ms-transform: scaleX(0);
4974
- transform: scaleX(0);
4975
- -webkit-transform-origin: 0% 50%;
4976
- -ms-transform-origin: 0% 50%;
4977
- transform-origin: 0% 50%; }
4978
-
4979
- .premium-button-style1-left:before {
4980
- -webkit-transform: scaleX(0);
4981
- -ms-transform: scaleX(0);
4982
- transform: scaleX(0);
4983
- -webkit-transform-origin: 100% 50%;
4984
- -ms-transform-origin: 100% 50%;
4985
- transform-origin: 100% 50%; }
4986
-
4987
- .premium-button-style2-shutouthor:before,
4988
- .premium-button-style2-scshutoutver:before {
4989
- -webkit-transform: scaleY(0);
4990
- -ms-transform: scaleY(0);
4991
- transform: scaleY(0);
4992
- -webkit-transform-origin: 100% 50%;
4993
- -ms-transform-origin: 100% 50%;
4994
- transform-origin: 100% 50%; }
4995
-
4996
- .premium-button-style2-shutoutver:before,
4997
- .premium-button-style2-scshutouthor:before {
4998
- -webkit-transform: scaleX(0);
4999
- -ms-transform: scaleX(0);
5000
- transform: scaleX(0);
5001
- -webkit-transform-origin: 50% 50%;
5002
- -ms-transform-origin: 50% 50%;
5003
- transform-origin: 50% 50%; }
5004
-
5005
- .premium-button-style2-shutinhor:before {
5006
- -webkit-transform: scaleX(1);
5007
- -ms-transform: scaleX(1);
5008
- transform: scaleX(1);
5009
- -webkit-transform-origin: 50%;
5010
- -ms-transform-origin: 50%;
5011
- transform-origin: 50%; }
5012
-
5013
- .premium-button-style2-shutinver:before {
5014
- -webkit-transform: scaleY(1);
5015
- -ms-transform: scaleY(1);
5016
- transform: scaleY(1);
5017
- -webkit-transform-origin: 50%;
5018
- -ms-transform-origin: 50%;
5019
- transform-origin: 50%; }
5020
-
5021
- .premium-button-style1-bottom:hover:before,
5022
- .premium-button-style1-top:hover:before {
5023
- -webkit-transform: scaleY(1);
5024
- -ms-transform: scaleY(1);
5025
- transform: scaleY(1); }
5026
-
5027
- .premium-button-style1-left:hover:before,
5028
- .premium-button-style1-right:hover:before,
5029
- .premium-button-style2-shutouthor:hover:before,
5030
- .premium-button-style2-shutoutver:hover:before {
5031
- -webkit-transform: scaleX(1);
5032
- -ms-transform: scaleX(1);
5033
- transform: scaleX(1); }
5034
-
5035
- .premium-button-style2-shutinhor:hover:before {
5036
- -webkit-transform: scaleX(0);
5037
- -ms-transform: scaleX(0);
5038
- transform: scaleX(0); }
5039
-
5040
- .premium-button-style2-shutinver:hover:before {
5041
- -webkit-transform: scaleY(0);
5042
- -ms-transform: scaleY(0);
5043
- transform: scaleY(0); }
5044
-
5045
- .premium-button-style2-scshutouthor:hover:before {
5046
- -webkit-transform: scaleX(0.9);
5047
- -ms-transform: scaleX(0.9);
5048
- transform: scaleX(0.9); }
5049
-
5050
- .premium-button-style2-scshutoutver:hover:before {
5051
- -webkit-transform: scaleY(0.8);
5052
- -ms-transform: scaleY(0.8);
5053
- transform: scaleY(0.8); }
5054
-
5055
- /*Diagonal*/
5056
- .premium-button-style2-dshutinhor:before {
5057
- top: 50%;
5058
- left: 50%;
5059
- width: 120%;
5060
- height: 0%;
5061
- -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
5062
- -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
5063
- transform: translateX(-50%) translateY(-50%) rotate(-45deg);
5064
- -webkit-transform-origin: 50%;
5065
- -ms-transform-origin: 50%;
5066
- transform-origin: 50%;
5067
- -webkit-transition-property: all;
5068
- transition-property: all; }
5069
-
5070
- .premium-button-style2-dshutinver:before {
5071
- top: 50%;
5072
- left: 50%;
5073
- width: 120%;
5074
- height: 0%;
5075
- -webkit-transform-origin: 50%;
5076
- -ms-transform-origin: 50%;
5077
- transform-origin: 50%;
5078
- -webkit-transition-property: all;
5079
- transition-property: all;
5080
- -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
5081
- -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
5082
- transform: translateX(-50%) translateY(-50%) rotate(45deg); }
5083
-
5084
- .premium-button-style2-dshutinhor:hover:before,
5085
- .premium-button-style2-dshutinver:hover:before {
5086
- height: 220%; }
5087
-
5088
- .premium-button-style3-before i,
5089
- .premium-button-style3-before svg {
5090
- opacity: 0;
5091
- -webkit-transform: translateX(-5px);
5092
- -ms-transform: translateX(-5px);
5093
- transform: translateX(-5px);
5094
- -webkit-transition: all 0.5s ease-in-out;
5095
- transition: all 0.5s ease-in-out; }
5096
-
5097
- .premium-button-style3-after i,
5098
- .premium-button-style3-after svg {
5099
- opacity: 0;
5100
- -webkit-transform: translateX(-5px);
5101
- -ms-transform: translateX(-5px);
5102
- transform: translateX(-5px);
5103
- -webkit-transition: all 0.5s ease-in-out;
5104
- transition: all 0.5s ease-in-out;
5105
- -webkit-transform: translateX(5px);
5106
- -ms-transform: translateX(5px);
5107
- transform: translateX(5px); }
5108
-
5109
- .premium-button-style3-after:hover i,
5110
- .premium-button-style3-after:hover svg {
5111
- opacity: 1; }
5112
-
5113
- .premium-button-style3-before:hover i,
5114
- .premium-button-style3-before:hover svg {
5115
- opacity: 1; }
5116
-
5117
- .premium-button-text-icon-wrapper {
5118
- width: 100%;
5119
- -js-display: flex;
5120
- display: -webkit-box;
5121
- display: -webkit-flex;
5122
- display: -moz-box;
5123
- display: -ms-flexbox;
5124
- display: flex;
5125
- -webkit-box-pack: center;
5126
- -webkit-justify-content: center;
5127
- -moz-box-pack: center;
5128
- -ms-flex-pack: center;
5129
- justify-content: center;
5130
- -webkit-box-align: center;
5131
- -webkit-align-items: center;
5132
- -moz-box-align: center;
5133
- -ms-flex-align: center;
5134
- align-items: center;
5135
- -webkit-transition: all 0.2s ease-in-out;
5136
- transition: all 0.2s ease-in-out; }
5137
- .premium-button-text-icon-wrapper span,
5138
- .premium-button-text-icon-wrapper i,
5139
- .premium-button-text-icon-wrapper svg {
5140
- -webkit-transition: all 0.2s ease-in-out;
5141
- transition: all 0.2s ease-in-out; }
5142
-
5143
- .premium-button-style4-icon-wrapper {
5144
- position: absolute;
5145
- z-index: 2;
5146
- width: 100%;
5147
- text-align: center;
5148
- -js-display: flex;
5149
- display: -webkit-box;
5150
- display: -webkit-flex;
5151
- display: -moz-box;
5152
- display: -ms-flexbox;
5153
- display: flex;
5154
- -webkit-box-align: center;
5155
- -webkit-align-items: center;
5156
- -moz-box-align: center;
5157
- -ms-flex-align: center;
5158
- align-items: center;
5159
- -webkit-box-pack: center;
5160
- -webkit-justify-content: center;
5161
- -moz-box-pack: center;
5162
- -ms-flex-pack: center;
5163
- justify-content: center;
5164
- height: 100%;
5165
- opacity: 0;
5166
- -webkit-transition: all 0.3s ease-in-out;
5167
- transition: all 0.3s ease-in-out; }
5168
- .premium-button-style4-icon-wrapper.top {
5169
- bottom: -100%;
5170
- left: 0; }
5171
- .premium-button-style4-icon-wrapper.bottom {
5172
- top: -100%;
5173
- left: 0; }
5174
- .premium-button-style4-icon-wrapper.left {
5175
- top: 0;
5176
- left: -100%; }
5177
- .premium-button-style4-icon-wrapper.right {
5178
- top: 0;
5179
- right: -100%; }
5180
-
5181
- .premium-button-style4-bottom:hover .premium-button-style4-icon-wrapper {
5182
- top: 0;
5183
- opacity: 1; }
5184
-
5185
- .premium-button-style4-top:hover .premium-button-style4-icon-wrapper {
5186
- bottom: 0;
5187
- opacity: 1; }
5188
-
5189
- .premium-button-style4-left:hover .premium-button-style4-icon-wrapper {
5190
- left: 0;
5191
- opacity: 1; }
5192
-
5193
- .premium-button-style4-right:hover .premium-button-style4-icon-wrapper {
5194
- right: 0;
5195
- opacity: 1; }
5196
-
5197
- .premium-button-style4-bottom:hover .premium-button-text-icon-wrapper {
5198
- -webkit-transform: translateY(100%);
5199
- -ms-transform: translateY(100%);
5200
- transform: translateY(100%);
5201
- opacity: 0; }
5202
-
5203
- .premium-button-style4-top:hover .premium-button-text-icon-wrapper {
5204
- -webkit-transform: translateY(-100%);
5205
- -ms-transform: translateY(-100%);
5206
- transform: translateY(-100%);
5207
- opacity: 0; }
5208
-
5209
- .premium-button-style4-left:hover .premium-button-text-icon-wrapper {
5210
- -webkit-transform: translateX(100%);
5211
- -ms-transform: translateX(100%);
5212
- transform: translateX(100%);
5213
- opacity: 0; }
5214
-
5215
- .premium-button-style4-right:hover .premium-button-text-icon-wrapper {
5216
- -webkit-transform: translateX(-100%);
5217
- -ms-transform: translateX(-100%);
5218
- transform: translateX(-100%);
5219
- opacity: 0; }
5220
-
5221
- .premium-button-style6:before {
5222
- content: "";
5223
- position: absolute;
5224
- left: 50%;
5225
- top: 50%;
5226
- width: 100px;
5227
- height: 100px;
5228
- -webkit-border-radius: 100%;
5229
- border-radius: 100%;
5230
- -webkit-transform: translate(-50%, -50%) scale(0);
5231
- -ms-transform: translate(-50%, -50%) scale(0);
5232
- transform: translate(-50%, -50%) scale(0);
5233
- -webkit-transition: all 0.3s ease-in-out;
5234
- transition: all 0.3s ease-in-out; }
5235
-
5236
- .premium-button-style6:hover:before {
5237
- -webkit-transform: translate(-50%, -50%) scale(3);
5238
- -ms-transform: translate(-50%, -50%) scale(3);
5239
- transform: translate(-50%, -50%) scale(3); }
5240
-
5241
- .premium-button-style6 .premium-button-text-icon-wrapper {
5242
- position: relative;
5243
- z-index: 1; }
5244
-
5245
- .premium-mouse-detect-yes .premium-button-style6 .premium-button-style6-bg {
5246
- position: absolute;
5247
- z-index: 0;
5248
- top: 0;
5249
- left: 0;
5250
- width: 0px;
5251
- height: 0px;
5252
- -webkit-border-radius: 50%;
5253
- border-radius: 50%;
5254
- display: block;
5255
- -webkit-transform: translate(-50%, -50%);
5256
- -ms-transform: translate(-50%, -50%);
5257
- transform: translate(-50%, -50%);
5258
- -webkit-transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
5259
- transition: width 0.4s ease-in-out, height 0.4s ease-in-out; }
5260
-
5261
- .premium-mouse-detect-yes .premium-button-style6:hover .premium-button-style6-bg {
5262
- width: 225%;
5263
- height: 560px; }
5264
-
5265
- .premium-mouse-detect-yes .premium-button-style6:before {
5266
- width: 0;
5267
- height: 0; }
5268
-
5269
- .premium-button-style7-right .premium-button-text-icon-wrapper:before,
5270
- .premium-button-style7-left .premium-button-text-icon-wrapper:before {
5271
- -webkit-transition: width 0.3s ease-out 0.15s;
5272
- transition: width 0.3s ease-out 0.15s; }
5273
-
5274
- .premium-button-style7-right .premium-button-text-icon-wrapper:after,
5275
- .premium-button-style7-left .premium-button-text-icon-wrapper:after {
5276
- -webkit-transition: width 0.3s ease-out 0s;
5277
- transition: width 0.3s ease-out 0s; }
5278
-
5279
- .premium-button-style7-bottom .premium-button-text-icon-wrapper:before,
5280
- .premium-button-style7-top .premium-button-text-icon-wrapper:before {
5281
- -webkit-transition: height 0.3s ease-out 0.15s;
5282
- transition: height 0.3s ease-out 0.15s; }
5283
-
5284
- .premium-button-style7-bottom .premium-button-text-icon-wrapper:after,
5285
- .premium-button-style7-top .premium-button-text-icon-wrapper:after {
5286
- -webkit-transition: height 0.3s ease-out 0s;
5287
- transition: height 0.3s ease-out 0s; }
5288
-
5289
- .premium-button-style7:hover .premium-button-text-icon-wrapper:before {
5290
- -webkit-transition-delay: 0s;
5291
- transition-delay: 0s; }
5292
-
5293
- .premium-button-style7:hover .premium-button-text-icon-wrapper:after {
5294
- -webkit-transition-delay: 0.15s;
5295
- transition-delay: 0.15s; }
5296
-
5297
- .premium-button-style7-bottom .premium-button-text-icon-wrapper:before,
5298
- .premium-button-style7-bottom .premium-button-text-icon-wrapper:after {
5299
- content: "";
5300
- position: absolute;
5301
- right: 0;
5302
- top: 0;
5303
- left: 0;
5304
- height: 0;
5305
- z-index: -1; }
5306
-
5307
- .premium-button-style7-top .premium-button-text-icon-wrapper:after,
5308
- .premium-button-style7-top .premium-button-text-icon-wrapper:before {
5309
- content: "";
5310
- position: absolute;
5311
- right: 0;
5312
- bottom: 0;
5313
- left: 0;
5314
- height: 0;
5315
- z-index: -1; }
5316
-
5317
- .premium-button-style7-right .premium-button-text-icon-wrapper:after,
5318
- .premium-button-style7-right .premium-button-text-icon-wrapper:before {
5319
- content: "";
5320
- position: absolute;
5321
- right: 0;
5322
- top: 0;
5323
- bottom: 0;
5324
- width: 0;
5325
- z-index: -1; }
5326
-
5327
- .premium-button-style7-left .premium-button-text-icon-wrapper:after,
5328
- .premium-button-style7-left .premium-button-text-icon-wrapper:before {
5329
- content: "";
5330
- position: absolute;
5331
- left: 0;
5332
- top: 0;
5333
- bottom: 0;
5334
- width: 0;
5335
- z-index: -1; }
5336
-
5337
- .premium-button-style7-bottom:hover .premium-button-text-icon-wrapper:after,
5338
- .premium-button-style7-bottom:hover .premium-button-text-icon-wrapper:before {
5339
- height: 100%;
5340
- top: 0; }
5341
-
5342
- .premium-button-style7-top:hover .premium-button-text-icon-wrapper:after,
5343
- .premium-button-style7-top:hover .premium-button-text-icon-wrapper:before {
5344
- height: 100%;
5345
- bottom: 0; }
5346
-
5347
- .premium-button-style7-left:hover .premium-button-text-icon-wrapper:after,
5348
- .premium-button-style7-left:hover .premium-button-text-icon-wrapper:before {
5349
- width: 100%;
5350
- left: 0; }
5351
-
5352
- .premium-button-style7-right:hover .premium-button-text-icon-wrapper:after,
5353
- .premium-button-style7-right:hover .premium-button-text-icon-wrapper:before {
5354
- width: 100%;
5355
- right: 0; }
5356
-
5357
- /**************** Premium Contact Form7 **********/
5358
- /*************************************************/
5359
- .premium-contact-form-anim-yes .wpcf7-span::after {
5360
- display: block;
5361
- height: 2px;
5362
- content: "";
5363
- top: -2px;
5364
- position: relative;
5365
- width: 0px;
5366
- -webkit-transition: all ease-in-out 0.3s;
5367
- transition: all ease-in-out 0.3s; }
5368
-
5369
- .premium-contact-form-anim-yes .wpcf7-span.is-focused::after {
5370
- width: 100%; }
5371
-
5372
- /**************** Premium Image Button ***********/
5373
- /*************************************************/
5374
- .premium-image-button {
5375
- -js-display: inline-flex;
5376
- display: -webkit-inline-box;
5377
- display: -webkit-inline-flex;
5378
- display: -moz-inline-box;
5379
- display: -ms-inline-flexbox;
5380
- display: inline-flex;
5381
- position: relative;
5382
- overflow: hidden;
5383
- background-color: #eee;
5384
- cursor: pointer;
5385
- -webkit-transition: all 0.2s ease-in-out !important;
5386
- transition: all 0.2s ease-in-out !important; }
5387
- .premium-image-button .premium-button-style6-bg, .premium-image-button.premium-button-style6:before, .premium-image-button:not(.premium-image-button-style6):hover {
5388
- background-color: #54595f; }
5389
-
5390
- /*Default background for slide styles*/
5391
- .premium-image-button-style4-icon-wrapper,
5392
- .premium-image-button-style1:before {
5393
- background-color: #54595f; }
5394
-
5395
- .premium-image-button-text-icon-wrapper {
5396
- width: 100%;
5397
- -js-display: flex;
5398
- display: -webkit-box;
5399
- display: -webkit-flex;
5400
- display: -moz-box;
5401
- display: -ms-flexbox;
5402
- display: flex;
5403
- -webkit-box-pack: center;
5404
- -webkit-justify-content: center;
5405
- -moz-box-pack: center;
5406
- -ms-flex-pack: center;
5407
- justify-content: center;
5408
- -webkit-box-align: center;
5409
- -webkit-align-items: center;
5410
- -moz-box-align: center;
5411
- -ms-flex-align: center;
5412
- align-items: center;
5413
- position: relative;
5414
- z-index: 3;
5415
- -webkit-transition: all 0.2s ease-in-out;
5416
- transition: all 0.2s ease-in-out; }
5417
- .premium-image-button-text-icon-wrapper span,
5418
- .premium-image-button-text-icon-wrapper i,
5419
- .premium-image-button-text-icon-wrapper svg {
5420
- -webkit-transition: all 0.2s ease-in-out;
5421
- transition: all 0.2s ease-in-out; }
5422
-
5423
- .premium-image-button-style1:before {
5424
- position: absolute;
5425
- content: "";
5426
- -webkit-transition: all 0.2s ease-in-out;
5427
- transition: all 0.2s ease-in-out; }
5428
-
5429
- .premium-image-button-style1-bottom:before {
5430
- width: 100%;
5431
- height: 0;
5432
- top: 0;
5433
- left: 0; }
5434
-
5435
- .premium-image-button-style1-top:before {
5436
- width: 100%;
5437
- height: 0;
5438
- bottom: 0;
5439
- left: 0; }
5440
-
5441
- .premium-image-button-style1-right:before {
5442
- width: 0;
5443
- height: 100%;
5444
- bottom: 0;
5445
- left: 0; }
5446
-
5447
- .premium-image-button-style1-left:before {
5448
- width: 0;
5449
- height: 100%;
5450
- top: 0;
5451
- right: 0; }
5452
-
5453
- .premium-image-button-style1-bottom:hover:before,
5454
- .premium-image-button-style1-top:hover:before {
5455
- height: 100%; }
5456
-
5457
- .premium-image-button-style1-right:hover:before,
5458
- .premium-image-button-style1-left:hover:before {
5459
- width: 100%; }
5460
-
5461
- .premium-image-button-style3 {
5462
- z-index: 10; }
5463
- .premium-image-button-style3:before {
5464
- position: absolute;
5465
- top: 0px;
5466
- left: 0px;
5467
- width: 100%;
5468
- height: 100%;
5469
- content: "";
5470
- z-index: 1;
5471
- background: rgba(255, 255, 255, 0.2);
5472
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
5473
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
5474
- -webkit-transition: all 0.8s ease-out;
5475
- transition: all 0.8s ease-out; }
5476
-
5477
- .premium-image-button-diagonal-right:before {
5478
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
5479
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0); }
5480
-
5481
- .premium-image-button-diagonal-right:hover:before {
5482
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
5483
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0); }
5484
-
5485
- .premium-image-button-diagonal-left:before {
5486
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
5487
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0); }
5488
-
5489
- .premium-image-button-diagonal-left:hover:before {
5490
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
5491
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0); }
5492
-
5493
- .premium-image-button-diagonal-bottom:before {
5494
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
5495
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0); }
5496
-
5497
- .premium-image-button-diagonal-bottom:hover:before {
5498
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
5499
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); }
5500
-
5501
- .premium-image-button-diagonal-top:before {
5502
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
5503
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); }
5504
-
5505
- .premium-image-button-diagonal-top:hover:before {
5506
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
5507
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0); }
5508
-
5509
- .premium-image-button-style4-icon-wrapper {
5510
- position: absolute;
5511
- z-index: 2;
5512
- width: 100%;
5513
- text-align: center;
5514
- -js-display: flex;
5515
- display: -webkit-box;
5516
- display: -webkit-flex;
5517
- display: -moz-box;
5518
- display: -ms-flexbox;
5519
- display: flex;
5520
- -webkit-box-align: center;
5521
- -webkit-align-items: center;
5522
- -moz-box-align: center;
5523
- -ms-flex-align: center;
5524
- align-items: center;
5525
- -webkit-box-pack: center;
5526
- -webkit-justify-content: center;
5527
- -moz-box-pack: center;
5528
- -ms-flex-pack: center;
5529
- justify-content: center;
5530
- height: 100%;
5531
- opacity: 0;
5532
- -webkit-transition: all 0.3s ease-in-out;
5533
- transition: all 0.3s ease-in-out; }
5534
- .premium-image-button-style4-icon-wrapper.top {
5535
- bottom: -100%;
5536
- left: 0; }
5537
- .premium-image-button-style4-icon-wrapper.bottom {
5538
- top: -100%;
5539
- left: 0; }
5540
- .premium-image-button-style4-icon-wrapper.left {
5541
- top: 0;
5542
- left: -100%; }
5543
- .premium-image-button-style4-icon-wrapper.right {
5544
- top: 0;
5545
- right: -100%; }
5546
-
5547
- .premium-image-button-style4-bottom:hover .premium-image-button-style4-icon-wrapper {
5548
- top: 0;
5549
- opacity: 1; }
5550
-
5551
- .premium-image-button-style4-bottom:hover .premium-image-button-text-icon-wrapper {
5552
- -webkit-transform: translateY(100%);
5553
- -ms-transform: translateY(100%);
5554
- transform: translateY(100%);
5555
- opacity: 0; }
5556
-
5557
- .premium-image-button-style4-top:hover .premium-image-button-style4-icon-wrapper {
5558
- bottom: 0;
5559
- opacity: 1; }
5560
-
5561
- .premium-image-button-style4-top:hover .premium-image-button-text-icon-wrapper {
5562
- -webkit-transform: translateY(-100%);
5563
- -ms-transform: translateY(-100%);
5564
- transform: translateY(-100%);
5565
- opacity: 0; }
5566
-
5567
- .premium-image-button-style4-left:hover .premium-image-button-style4-icon-wrapper {
5568
- left: 0;
5569
- opacity: 1; }
5570
-
5571
- .premium-image-button-style4-left:hover .premium-image-button-text-icon-wrapper {
5572
- -webkit-transform: translateX(100%);
5573
- -ms-transform: translateX(100%);
5574
- transform: translateX(100%);
5575
- opacity: 0; }
5576
-
5577
- .premium-image-button-style4-right:hover .premium-image-button-style4-icon-wrapper {
5578
- right: 0;
5579
- opacity: 1; }
5580
-
5581
- .premium-image-button-style4-right:hover .premium-image-button-text-icon-wrapper {
5582
- -webkit-transform: translateX(-100%);
5583
- -ms-transform: translateX(-100%);
5584
- transform: translateX(-100%);
5585
- opacity: 0; }
5586
-
5587
- .premium-image-button-style5:before {
5588
- position: absolute;
5589
- content: "";
5590
- top: 0;
5591
- left: 0;
5592
- width: 100%;
5593
- height: 100%;
5594
- opacity: 0;
5595
- -webkit-transition: all 1s ease-in-out;
5596
- transition: all 1s ease-in-out;
5597
- background: rgba(255, 255, 255, 0.2);
5598
- -webkit-animation-name: premium-overlap-effect-done;
5599
- animation-name: premium-overlap-effect-done;
5600
- -webkit-animation-duration: 1s;
5601
- animation-duration: 1s; }
5602
-
5603
- .premium-image-button-overlap-effect-vertical:before {
5604
- -webkit-animation-name: premium-overlap-ver-effect-done;
5605
- animation-name: premium-overlap-ver-effect-done; }
5606
-
5607
- .premium-image-button-overlap-effect-horizontal:hover:before {
5608
- -webkit-animation-name: premium-overlap-effect;
5609
- animation-name: premium-overlap-effect; }
5610
-
5611
- .premium-image-button-overlap-effect-vertical:hover:before {
5612
- -webkit-animation-name: premium-overlap-ver-effect;
5613
- animation-name: premium-overlap-ver-effect; }
5614
-
5615
- @-webkit-keyframes premium-overlap-effect {
5616
- 0% {
5617
- opacity: 0;
5618
- -webkit-transform: rotateY(0deg);
5619
- transform: rotateY(0deg); }
5620
- 50% {
5621
- opacity: 1;
5622
- -webkit-transform: rotateY(180deg);
5623
- transform: rotateY(180deg); }
5624
- 100% {
5625
- opacity: 0;
5626
- -webkit-transform: rotateY(360deg);
5627
- transform: rotateY(360deg); } }
5628
-
5629
- @keyframes premium-overlap-effect {
5630
- 0% {
5631
- opacity: 0;
5632
- -webkit-transform: rotateY(0deg);
5633
- transform: rotateY(0deg); }
5634
- 50% {
5635
- opacity: 1;
5636
- -webkit-transform: rotateY(180deg);
5637
- transform: rotateY(180deg); }
5638
- 100% {
5639
- opacity: 0;
5640
- -webkit-transform: rotateY(360deg);
5641
- transform: rotateY(360deg); } }
5642
-
5643
- @-webkit-keyframes premium-overlap-effect-done {
5644
- 0% {
5645
- opacity: 0;
5646
- -webkit-transform: rotateY(0deg);
5647
- transform: rotateY(0deg); }
5648
- 50% {
5649
- opacity: 1;
5650
- -webkit-transform: rotateY(180deg);
5651
- transform: rotateY(180deg); }
5652
- 100% {
5653
- opacity: 0;
5654
- -webkit-transform: rotateY(360deg);
5655
- transform: rotateY(360deg); } }
5656
-
5657
- @keyframes premium-overlap-effect-done {
5658
- 0% {
5659
- opacity: 0;
5660
- -webkit-transform: rotateY(0deg);
5661
- transform: rotateY(0deg); }
5662
- 50% {
5663
- opacity: 1;
5664
- -webkit-transform: rotateY(180deg);
5665
- transform: rotateY(180deg); }
5666
- 100% {
5667
- opacity: 0;
5668
- -webkit-transform: rotateY(360deg);
5669
- transform: rotateY(360deg); } }
5670
-
5671
- @-webkit-keyframes premium-overlap-ver-effect {
5672
- 0% {
5673
- opacity: 0;
5674
- -webkit-transform: rotateX(0deg);
5675
- transform: rotateX(0deg); }
5676
- 50% {
5677
- opacity: 1;
5678
- -webkit-transform: rotateX(180deg);
5679
- transform: rotateX(180deg); }
5680
- 100% {
5681
- opacity: 0;
5682
- -webkit-transform: rotateX(360deg);
5683
- transform: rotateX(360deg); } }
5684
-
5685
- @keyframes premium-overlap-ver-effect {
5686
- 0% {
5687
- opacity: 0;
5688
- -webkit-transform: rotateX(0deg);
5689
- transform: rotateX(0deg); }
5690
- 50% {
5691
- opacity: 1;
5692
- -webkit-transform: rotateX(180deg);
5693
- transform: rotateX(180deg); }
5694
- 100% {
5695
- opacity: 0;
5696
- -webkit-transform: rotateX(360deg);
5697
- transform: rotateX(360deg); } }
5698
-
5699
- @-webkit-keyframes premium-overlap-ver-effect-done {
5700
- 0% {
5701
- opacity: 0;
5702
- -webkit-transform: rotateX(0deg);
5703
- transform: rotateX(0deg); }
5704
- 50% {
5705
- opacity: 1;
5706
- -webkit-transform: rotateX(180deg);
5707
- transform: rotateX(180deg); }
5708
- 100% {
5709
- opacity: 0;
5710
- -webkit-transform: rotateX(360deg);
5711
- transform: rotateX(360deg); } }
5712
-
5713
- @keyframes premium-overlap-ver-effect-done {
5714
- 0% {
5715
- opacity: 0;
5716
- -webkit-transform: rotateX(0deg);
5717
- transform: rotateX(0deg); }
5718
- 50% {
5719
- opacity: 1;
5720
- -webkit-transform: rotateX(180deg);
5721
- transform: rotateX(180deg); }
5722
- 100% {
5723
- opacity: 0;
5724
- -webkit-transform: rotateX(360deg);
5725
- transform: rotateX(360deg); } }
5726
-
5727
- /******** Premium Media Grid ********/
5728
- /************************************/
5729
- .premium-img-gallery-filter,
5730
- .premium-blog-filter {
5731
- -js-display: flex;
5732
- display: -webkit-box;
5733
- display: -webkit-flex;
5734
- display: -moz-box;
5735
- display: -ms-flexbox;
5736
- display: flex;
5737
- -webkit-box-align: center;
5738
- -webkit-align-items: center;
5739
- -moz-box-align: center;
5740
- -ms-flex-align: center;
5741
- align-items: center;
5742
- -webkit-box-pack: center;
5743
- -webkit-justify-content: center;
5744
- -moz-box-pack: center;
5745
- -ms-flex-pack: center;
5746
- justify-content: center; }
5747
-
5748
- .premium-img-gallery {
5749
- clear: both;
5750
- overflow: hidden; }
5751
-
5752
- .premium-gallery-container .premium-gallery-item {
5753
- padding: 10px;
5754
- float: left; }
5755
-
5756
- .premium-gallery-container .grid-sizer {
5757
- width: 33.33%; }
5758
-
5759
- .premium-gallery-container .pa-gallery-item {
5760
- padding: 10px; }
5761
-
5762
- .premium-img-gallery-filter .premium-gallery-cats-container li a.category,
5763
- .premium-blog-filter .premium-blog-filters-container li a.category {
5764
- outline: none;
5765
- text-decoration: none;
5766
- -webkit-border-radius: 75px;
5767
- border-radius: 75px;
5768
- margin: 15px 5px 20px;
5769
- padding: 7px 20px;
5770
- -webkit-transition: all 0.3s ease-in-out;
5771
- transition: all 0.3s ease-in-out; }
5772
-
5773
- .premium-img-gallery-filter .premium-gallery-cats-container li a.category span {
5774
- -webkit-transition: all 0.3s ease-in-out;
5775
- transition: all 0.3s ease-in-out; }
5776
-
5777
- .pa-gallery-img {
5778
- position: relative; }
5779
- .pa-gallery-img .pa-gallery-whole-link {
5780
- position: absolute;
5781
- top: 0;
5782
- left: 0;
5783
- width: 100%;
5784
- height: 100%; }
5785
- .pa-gallery-img.style2 .pa-gallery-whole-link {
5786
- z-index: 99; }
5787
-
5788
- .pa-gallery-img-container {
5789
- overflow: hidden;
5790
- -webkit-backface-visibility: hidden;
5791
- backface-visibility: hidden;
5792
- -webkit-transform: translate3d(0, 0, 0);
5793
- transform: translate3d(0, 0, 0); }
5794
- .pa-gallery-img-container img {
5795
- display: block;
5796
- width: 100%;
5797
- -webkit-transition: all 0.3s ease-in-out;
5798
- transition: all 0.3s ease-in-out; }
5799
-
5800
- .premium-img-gallery.gray img {
5801
- -webkit-filter: grayscale(100%);
5802
- filter: grayscale(100%); }
5803
-
5804
- .premium-img-gallery.zoomout img,
5805
- .premium-img-gallery.scale img {
5806
- -webkit-transform: scale(1.2);
5807
- -ms-transform: scale(1.2);
5808
- transform: scale(1.2); }
5809
-
5810
- .premium-img-gallery.sepia img {
5811
- -webkit-filter: sepia(30%);
5812
- filter: sepia(30%); }
5813
-
5814
- .premium-img-gallery.bright img {
5815
- -webkit-filter: brightness(1);
5816
- filter: brightness(1); }
5817
-
5818
- .premium-img-gallery.trans img {
5819
- -webkit-transform: translateX(-15px) scale(1.1);
5820
- -ms-transform: translateX(-15px) scale(1.1);
5821
- transform: translateX(-15px) scale(1.1); }
5822
-
5823
- .pa-gallery-img .pa-gallery-magnific-image,
5824
- .pa-gallery-img .pa-gallery-img-link {
5825
- outline: none; }
5826
- .pa-gallery-img .pa-gallery-magnific-image i,
5827
- .pa-gallery-img .pa-gallery-magnific-image svg,
5828
- .pa-gallery-img .pa-gallery-img-link i,
5829
- .pa-gallery-img .pa-gallery-img-link svg {
5830
- -webkit-transition: all 0.3s ease-in-out;
5831
- transition: all 0.3s ease-in-out; }
5832
-
5833
- .pa-gallery-img .pa-gallery-magnific-image span,
5834
- .pa-gallery-img .pa-gallery-img-link span {
5835
- line-height: 1;
5836
- display: inline-block;
5837
- opacity: 0;
5838
- margin: 0 5px;
5839
- padding: 15px;
5840
- -webkit-border-radius: 50%;
5841
- border-radius: 50%; }
5842
-
5843
- .pa-gallery-img.style2 .pa-gallery-magnific-image span,
5844
- .pa-gallery-img.style2 .pa-gallery-img-link span {
5845
- margin: 0 5px 20px; }
5846
-
5847
- .pa-gallery-img:hover .pa-gallery-magnific-image span {
5848
- -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
5849
- transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s; }
5850
-
5851
- .pa-gallery-img:hover .pa-gallery-img-link span {
5852
- -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
5853
- transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s; }
5854
-
5855
- .pa-gallery-img:hover .pa-gallery-magnific-image span,
5856
- .pa-gallery-img:hover .pa-gallery-img-link span {
5857
- opacity: 1; }
5858
-
5859
- .premium-gallery-icon-show a.pa-gallery-video-icon span {
5860
- opacity: 1; }
5861
-
5862
- .premium-img-gallery-filter ul.premium-gallery-cats-container,
5863
- .premium-blog-filter ul.premium-blog-filters-container {
5864
- text-align: center;
5865
- margin: 0;
5866
- padding: 0; }
5867
-
5868
- .premium-img-gallery-filter .premium-gallery-cats-container li,
5869
- .premium-blog-filter .premium-blog-filters-container li {
5870
- list-style: none;
5871
- -js-display: inline-flex;
5872
- display: -webkit-inline-box;
5873
- display: -webkit-inline-flex;
5874
- display: -moz-inline-box;
5875
- display: -ms-inline-flexbox;
5876
- display: inline-flex; }
5877
-
5878
- .premium-img-gallery.zoomin .pa-gallery-img:hover img {
5879
- -webkit-transform: scale(1.1);
5880
- -ms-transform: scale(1.1);
5881
- transform: scale(1.1); }
5882
-
5883
- .premium-img-gallery.zoomout .pa-gallery-img:hover img {
5884
- -webkit-transform: scale(1);
5885
- -ms-transform: scale(1);
5886
- transform: scale(1); }
5887
-
5888
- .premium-img-gallery.scale .pa-gallery-img:hover img {
5889
- -webkit-transform: scale(1.3) rotate(5deg);
5890
- -ms-transform: scale(1.3) rotate(5deg);
5891
- transform: scale(1.3) rotate(5deg); }
5892
-
5893
- .premium-img-gallery.gray .pa-gallery-img:hover img {
5894
- -webkit-filter: grayscale(0%);
5895
- filter: grayscale(0%); }
5896
-
5897
- .premium-img-gallery.blur .pa-gallery-img:hover img {
5898
- -webkit-filter: blur(3px);
5899
- filter: blur(3px); }
5900
-
5901
- .premium-img-gallery.sepia .pa-gallery-img:hover img {
5902
- -webkit-filter: sepia(0%);
5903
- filter: sepia(0%); }
5904
-
5905
- .premium-img-gallery.trans .pa-gallery-img:hover img {
5906
- -webkit-transform: translateX(0px) scale(1.1);
5907
- -ms-transform: translateX(0px) scale(1.1);
5908
- transform: translateX(0px) scale(1.1); }
5909
-
5910
- .premium-img-gallery.bright .pa-gallery-img:hover img {
5911
- -webkit-filter: brightness(1.2);
5912
- filter: brightness(1.2); }
5913
-
5914
- .pa-gallery-img .premium-gallery-caption {
5915
- padding: 10px; }
5916
- .pa-gallery-img .premium-gallery-caption .premium-gallery-img-name {
5917
- margin-bottom: 0; }
5918
-
5919
- .pa-gallery-img.style1 {
5920
- overflow: hidden; }
5921
-
5922
- .pa-gallery-img:not(.style2) .pa-gallery-icons-wrapper {
5923
- position: absolute;
5924
- top: 0;
5925
- left: 0;
5926
- width: 100%;
5927
- height: 100%;
5928
- -webkit-transition: all 0.3s ease-in-out;
5929
- transition: all 0.3s ease-in-out; }
5930
-
5931
- .pa-gallery-img:not(.style2) .pa-gallery-icons-inner-container {
5932
- position: absolute;
5933
- top: 33.33%;
5934
- width: 100%;
5935
- text-align: center;
5936
- -webkit-transform: translateY(-50%);
5937
- -ms-transform: translateY(-50%);
5938
- transform: translateY(-50%);
5939
- z-index: 999; }
5940
-
5941
- .pa-gallery-img.style1 .premium-gallery-caption {
5942
- position: absolute;
5943
- top: auto;
5944
- right: 0;
5945
- bottom: -1px;
5946
- left: 0;
5947
- width: 100%;
5948
- -webkit-transition: all 500ms ease 0s;
5949
- transition: all 500ms ease 0s;
5950
- -webkit-transform: translate3d(0, 100%, 0);
5951
- transform: translate3d(0, 100%, 0); }
5952
-
5953
- .pa-gallery-img.style1:hover .premium-gallery-caption {
5954
- -webkit-transform: translate3d(0, 0, 0);
5955
- transform: translate3d(0, 0, 0);
5956
- bottom: -1px !important; }
5957
-
5958
- .pa-gallery-img.default .premium-gallery-caption {
5959
- position: absolute;
5960
- top: auto;
5961
- right: 0;
5962
- left: 0;
5963
- width: 100%;
5964
- bottom: 0; }
5965
-
5966
- .pa-gallery-img.style2 .pa-gallery-icons-caption-container {
5967
- position: absolute;
5968
- top: 0;
5969
- left: 0;
5970
- width: 100%;
5971
- height: 100%;
5972
- opacity: 0;
5973
- -webkit-backface-visibility: hidden;
5974
- backface-visibility: hidden;
5975
- -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
5976
- transition: opacity 0.3s, -webkit-transform 0.3s;
5977
- transition: transform 0.3s, opacity 0.3s;
5978
- transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
5979
- z-index: 1;
5980
- background-color: rgba(108, 191, 226, 0.68);
5981
- -js-display: flex;
5982
- display: -webkit-box;
5983
- display: -webkit-flex;
5984
- display: -moz-box;
5985
- display: -ms-flexbox;
5986
- display: flex;
5987
- text-align: center;
5988
- -webkit-box-align: center;
5989
- -webkit-align-items: center;
5990
- -moz-box-align: center;
5991
- -ms-flex-align: center;
5992
- align-items: center; }
5993
-
5994
- .pa-gallery-img.style2 .pa-gallery-icons-caption-cell {
5995
- width: 100%; }
5996
-
5997
- .pa-gallery-img.style2:hover .pa-gallery-icons-caption-container {
5998
- opacity: 1;
5999
- -webkit-transform: translate(15px, 15px);
6000
- -ms-transform: translate(15px, 15px);
6001
- transform: translate(15px, 15px); }
6002
-
6003
- .premium-clearfix {
6004
- clear: both; }
6005
-
6006
- /**
6007
- * Metro Layout
6008
- */
6009
- .premium-img-gallery-metro .premium-gallery-item {
6010
- overflow: hidden; }
6011
-
6012
- .premium-img-gallery-metro .pa-gallery-img {
6013
- height: 100%; }
6014
-
6015
- .premium-img-gallery-metro .pa-gallery-img-container {
6016
- height: 100%; }
6017
- .premium-img-gallery-metro .pa-gallery-img-container img {
6018
- min-height: 100%;
6019
- width: 100%;
6020
- -o-object-fit: fill;
6021
- object-fit: fill; }
6022
-
6023
- .premium-img-gallery .premium-gallery-item-hidden {
6024
- visibility: hidden;
6025
- width: 0 !important;
6026
- height: 0 !important;
6027
- margin: 0 !important;
6028
- padding: 0 !important; }
6029
-
6030
- .premium-gallery-load-more {
6031
- position: relative; }
6032
- .premium-gallery-load-more .premium-gallery-load-more-btn {
6033
- -webkit-box-shadow: none;
6034
- box-shadow: none;
6035
- text-shadow: none;
6036
- border: none;
6037
- outline: none;
6038
- -webkit-box-align: center;
6039
- -webkit-align-items: center;
6040
- -moz-box-align: center;
6041
- -ms-flex-align: center;
6042
- align-items: center;
6043
- vertical-align: bottom;
6044
- cursor: pointer;
6045
- line-height: 1;
6046
- font-style: normal;
6047
- font-weight: normal;
6048
- background-image: none;
6049
- color: #fff;
6050
- -webkit-transition: all 0.3s ease-in-out;
6051
- transition: all 0.3s ease-in-out; }
6052
-
6053
- .premium-gallery-load-more-btn {
6054
- -js-display: inline-flex;
6055
- display: -webkit-inline-box;
6056
- display: -webkit-inline-flex;
6057
- display: -moz-inline-box;
6058
- display: -ms-inline-flexbox;
6059
- display: inline-flex;
6060
- -webkit-box-align: center;
6061
- -webkit-align-items: center;
6062
- -moz-box-align: center;
6063
- -ms-flex-align: center;
6064
- align-items: center; }
6065
-
6066
- .premium-loader {
6067
- border: 3px solid #f3f3f3;
6068
- border-top-width: 3px;
6069
- border-top-style: solid;
6070
- border-top-color: #f3f3f3;
6071
- -webkit-border-radius: 50%;
6072
- border-radius: 50%;
6073
- border-top: 3px solid;
6074
- border-top-color: #bbb;
6075
- width: 30px;
6076
- height: 30px;
6077
- -webkit-animation: spin 2s linear infinite;
6078
- animation: spin 2s linear infinite;
6079
- margin: 0 auto; }
6080
-
6081
- .premium-gallery-load-more-btn div {
6082
- margin-left: 3px; }
6083
-
6084
- .premium-gallery-load-more-btn .premium-loader {
6085
- display: inline-block;
6086
- width: 20px;
6087
- height: 20px; }
6088
-
6089
- .pa-gallery-img .pa-gallery-lightbox-wrap {
6090
- display: inline-block; }
6091
-
6092
- .premium-img-gallery-no-lightbox .premium-gallery-video-item .pa-gallery-img,
6093
- .pa-gallery-img .pa-gallery-video-icon {
6094
- cursor: pointer; }
6095
-
6096
- .pa-gallery-img-container iframe {
6097
- position: absolute;
6098
- visibility: hidden;
6099
- top: 0;
6100
- left: 0;
6101
- max-width: 100%;
6102
- width: 100%;
6103
- height: 100%;
6104
- margin: 0;
6105
- line-height: 1;
6106
- border: none; }
6107
-
6108
- .pa-gallery-img-container video {
6109
- position: absolute;
6110
- visibility: hidden;
6111
- top: 0;
6112
- left: 0;
6113
- max-width: 100%;
6114
- width: 100%;
6115
- height: 100%;
6116
- margin: 0;
6117
- line-height: 1;
6118
- border: none;
6119
- -o-object-fit: contain;
6120
- object-fit: contain; }
6121
-
6122
- .pa-gallery-icons-inner-container svg,
6123
- .pa-gallery-icons-caption-cell svg {
6124
- width: 14px;
6125
- height: 14px; }
6126
-
6127
- .premium-gallery-gradient-layer {
6128
- position: absolute;
6129
- bottom: 40px;
6130
- width: 100%;
6131
- height: 20px;
6132
- background: -webkit-gradient(linear, left bottom, left top, from(#17181f), to(rgba(255, 255, 255, 0)));
6133
- background: -webkit-linear-gradient(bottom, #17181f 0%, rgba(255, 255, 255, 0) 100%);
6134
- background: linear-gradient(to top, #17181f 0%, rgba(255, 255, 255, 0) 100%); }
6135
-
6136
- @-webkit-keyframes spin {
6137
- 0% {
6138
- -webkit-transform: rotate(0deg);
6139
- transform: rotate(0deg); }
6140
- 100% {
6141
- -webkit-transform: rotate(360deg);
6142
- transform: rotate(360deg); } }
6143
-
6144
- @keyframes spin {
6145
- 0% {
6146
- -webkit-transform: rotate(0deg);
6147
- transform: rotate(0deg); }
6148
- 100% {
6149
- -webkit-transform: rotate(360deg);
6150
- transform: rotate(360deg); } }
6151
-
6152
- /************ Premium Vertical Scroll ************/
6153
- /*************************************************/
6154
- .premium-vscroll-inner {
6155
- position: relative;
6156
- min-height: 100%; }
6157
- .premium-vscroll-inner .premium-vscroll-dots {
6158
- position: fixed;
6159
- z-index: 100;
6160
- opacity: 1;
6161
- margin-top: -32px;
6162
- -webkit-transition: all 0.3s ease-in-out;
6163
- transition: all 0.3s ease-in-out; }
6164
-
6165
- .premium-vscroll-wrap .premium-vscroll-nav-menu {
6166
- opacity: 1;
6167
- -webkit-transition: all 0.3s ease-in-out;
6168
- transition: all 0.3s ease-in-out; }
6169
-
6170
- .premium-vscroll-inner .premium-vscroll-dots,
6171
- .premium-vscroll-wrap .premium-vscroll-dots-hide {
6172
- opacity: 0;
6173
- visibility: hidden; }
6174
-
6175
- .premium-vscroll-nav-dots-yes .premium-vscroll-inner .premium-vscroll-dots:not(.premium-vscroll-dots-hide) {
6176
- opacity: 1;
6177
- visibility: visible; }
6178
-
6179
- .premium-vscroll-dots.middle {
6180
- top: 50%; }
6181
-
6182
- .premium-vscroll-dots.top {
6183
- top: 40px; }
6184
-
6185
- .premium-vscroll-dots.bottom {
6186
- bottom: 30px; }
6187
-
6188
- .premium-vscroll-dots.right {
6189
- right: 17px; }
6190
-
6191
- .premium-vscroll-dots.left {
6192
- left: 17px; }
6193
-
6194
- .premium-vscroll-inner ul.premium-vscroll-dots-list,
6195
- .premium-vscroll-wrap .premium-vscroll-nav-menu {
6196
- margin: 0 !important;
6197
- padding: 0; }
6198
-
6199
- .premium-vscroll-inner ul.premium-vscroll-dots-list li {
6200
- width: 14px;
6201
- height: 13px;
6202
- margin: 7px;
6203
- position: relative;
6204
- -js-display: flex;
6205
- display: -webkit-box;
6206
- display: -webkit-flex;
6207
- display: -moz-box;
6208
- display: -ms-flexbox;
6209
- display: flex;
6210
- -webkit-box-pack: center;
6211
- -webkit-justify-content: center;
6212
- -moz-box-pack: center;
6213
- -ms-flex-pack: center;
6214
- justify-content: center;
6215
- -webkit-box-align: center;
6216
- -webkit-align-items: center;
6217
- -moz-box-align: center;
6218
- -ms-flex-align: center;
6219
- align-items: center;
6220
- overflow: visible; }
6221
-
6222
- .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link {
6223
- display: block;
6224
- position: relative;
6225
- z-index: 1;
6226
- width: 100%;
6227
- height: 100%;
6228
- cursor: pointer;
6229
- text-decoration: none; }
6230
- .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link span {
6231
- top: 2px;
6232
- left: 2.5px;
6233
- width: 8px;
6234
- height: 8px;
6235
- border: 1px solid #000;
6236
- -webkit-border-radius: 50%;
6237
- border-radius: 50%;
6238
- position: absolute;
6239
- z-index: 1;
6240
- -webkit-transition: all 0.3s ease-in-out;
6241
- transition: all 0.3s ease-in-out; }
6242
-
6243
- .premium-vscroll-inner .premium-vscroll-dot-item.active .premium-vscroll-nav-link span {
6244
- -webkit-transform: scale(1.6);
6245
- -ms-transform: scale(1.6);
6246
- transform: scale(1.6); }
6247
-
6248
- .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-tooltip {
6249
- position: absolute;
6250
- color: #fff;
6251
- font-size: 14px;
6252
- font-family: arial, helvetica, sans-serif;
6253
- white-space: nowrap;
6254
- max-width: 220px;
6255
- padding-left: 0.4em;
6256
- padding-right: 0.4em; }
6257
-
6258
- .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip {
6259
- right: 27px; }
6260
-
6261
- .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item {
6262
- width: 4px;
6263
- height: 30px; }
6264
- .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item span {
6265
- width: 100%;
6266
- height: 100%;
6267
- -webkit-border-radius: 0;
6268
- border-radius: 0; }
6269
- .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item.active span {
6270
- -webkit-transform: scale(1);
6271
- -ms-transform: scale(1);
6272
- transform: scale(1); }
6273
-
6274
- .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip::after {
6275
- position: absolute;
6276
- top: 50%;
6277
- content: "";
6278
- left: -webkit-calc(100% - 1px);
6279
- left: calc(100% - 1px);
6280
- width: 10px;
6281
- height: 0;
6282
- border-top: 6px solid transparent;
6283
- border-bottom: 6px solid transparent;
6284
- border-left: 6px solid;
6285
- -webkit-transform: translateY(-50%);
6286
- -ms-transform: translateY(-50%);
6287
- transform: translateY(-50%); }
6288
-
6289
- .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip {
6290
- left: 27px; }
6291
- .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip::after {
6292
- position: absolute;
6293
- top: 50%;
6294
- content: "";
6295
- right: -webkit-calc(100% - 1px);
6296
- right: calc(100% - 1px);
6297
- width: 10px;
6298
- height: 0;
6299
- border-top: 6px solid transparent;
6300
- border-bottom: 6px solid transparent;
6301
- border-right: 6px solid;
6302
- -webkit-transform: translateY(-50%);
6303
- -ms-transform: translateY(-50%);
6304
- transform: translateY(-50%); }
6305
-
6306
- /* * Lines */
6307
- @media (max-width: 768px) {
6308
- .premium-vscroll-dots.right {
6309
- right: 7px; }
6310
- .premium-vscroll-dots.left {
6311
- left: 7px; } }
6312
-
6313
- .premium-vscroll-nav-menu {
6314
- position: fixed;
6315
- top: 20px;
6316
- height: 40px;
6317
- z-index: 100;
6318
- padding: 0;
6319
- margin: 0; }
6320
- .premium-vscroll-nav-menu.left {
6321
- left: 0; }
6322
- .premium-vscroll-nav-menu.right {
6323
- right: 0; }
6324
- .premium-vscroll-nav-menu .premium-vscroll-nav-item {
6325
- display: inline-block;
6326
- margin: 10px;
6327
- color: #000;
6328
- background: #fff;
6329
- background: rgba(255, 255, 255, 0.3); }
6330
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link {
6331
- padding: 9px 18px;
6332
- display: block;
6333
- cursor: pointer;
6334
- color: #000; }
6335
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:hover {
6336
- color: #000; }
6337
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:focus {
6338
- outline: none; }
6339
-
6340
- .multiscroll-nav li a:focus {
6341
- outline: none; }
6342
-
6343
- .premium-vscroll-temp .slimScrollBar {
6344
- visibility: hidden; }
6345
-
6346
- /************ Premium Image Scroll ************/
6347
- /**********************************************/
6348
- .premium-image-scroll-section,
6349
- .premium-image-scroll-container {
6350
- -webkit-transition: all 0.3s ease-in-out;
6351
- transition: all 0.3s ease-in-out; }
6352
-
6353
- .premium-image-scroll-section {
6354
- position: relative;
6355
- overflow: hidden;
6356
- width: 100%;
6357
- -webkit-mask-image: -webkit-radial-gradient(white, black); }
6358
-
6359
- .premium-image-scroll-container {
6360
- width: 100%; }
6361
- .premium-image-scroll-container .premium-image-scroll-mask-media {
6362
- -webkit-mask-repeat: no-repeat;
6363
- mask-repeat: no-repeat;
6364
- -webkit-mask-position: center;
6365
- mask-position: center; }
6366
-
6367
- .premium-container-scroll {
6368
- overflow: auto; }
6369
-
6370
- .premium-image-scroll-container .premium-image-scroll-horizontal {
6371
- position: relative;
6372
- width: 100%;
6373
- height: 100%; }
6374
- .premium-image-scroll-container .premium-image-scroll-horizontal img {
6375
- max-width: none;
6376
- height: 100%; }
6377
-
6378
- .premium-image-scroll-container .premium-image-scroll-vertical img {
6379
- width: 100%;
6380
- max-width: 100%;
6381
- height: auto; }
6382
-
6383
- .premium-image-scroll-ver {
6384
- position: relative; }
6385
-
6386
- .premium-image-scroll-container .premium-image-scroll-overlay {
6387
- background: rgba(2, 2, 2, 0.3); }
6388
-
6389
- .premium-image-scroll-container .premium-image-scroll-link,
6390
- .premium-image-scroll-container .premium-image-scroll-overlay {
6391
- position: absolute;
6392
- top: 0;
6393
- bottom: 0;
6394
- left: 0;
6395
- right: 0;
6396
- z-index: 4; }
6397
-
6398
- .premium-image-scroll-content {
6399
- display: inline-block;
6400
- position: absolute;
6401
- height: auto;
6402
- top: 50%;
6403
- left: 50%;
6404
- text-align: center;
6405
- z-index: 5;
6406
- -webkit-transform: translate(-50%, -50%);
6407
- -ms-transform: translate(-50%, -50%);
6408
- transform: translate(-50%, -50%); }
6409
-
6410
- .premium-container-scroll-instant .premium-image-scroll-image {
6411
- -webkit-transition: all 0s ease-in-out !important;
6412
- transition: all 0s ease-in-out !important; }
6413
-
6414
- .premium-image-scroll-container img {
6415
- -webkit-transition: -webkit-transform 3s ease-in-out;
6416
- transition: -webkit-transform 3s ease-in-out;
6417
- transition: transform 3s ease-in-out;
6418
- transition: transform 3s ease-in-out, -webkit-transform 3s ease-in-out; }
6419
-
6420
- .premium-image-scroll-container .premium-image-scroll-overlay,
6421
- .premium-image-scroll-container .premium-image-scroll-content {
6422
- -webkit-transition: all 0.3s ease-in-out;
6423
- transition: all 0.3s ease-in-out;
6424
- opacity: 1; }
6425
-
6426
- .premium-image-scroll-container:hover .premium-image-scroll-overlay {
6427
- opacity: 0; }
6428
-
6429
- .premium-image-scroll-container:hover .premium-image-scroll-content {
6430
- opacity: 0;
6431
- visibility: hidden; }
6432
-
6433
- .premium-image-scroll-content .premium-image-scroll-icon {
6434
- display: inline-block;
6435
- font-family: "pa-elements" !important;
6436
- speak: none;
6437
- font-style: normal;
6438
- font-weight: normal;
6439
- font-variant: normal;
6440
- text-transform: none;
6441
- line-height: 1;
6442
- -webkit-font-smoothing: antialiased;
6443
- -moz-osx-font-smoothing: grayscale;
6444
- -webkit-animation-duration: 0.5s;
6445
- animation-duration: 0.5s;
6446
- -webkit-animation-iteration-count: infinite;
6447
- animation-iteration-count: infinite;
6448
- -webkit-animation-direction: alternate;
6449
- animation-direction: alternate;
6450
- -webkit-animation-timing-function: ease-in-out;
6451
- animation-timing-function: ease-in-out; }
6452
-
6453
- .pa-horizontal-mouse-scroll:before {
6454
- content: "\e921"; }
6455
-
6456
- .pa-vertical-mouse-scroll:before {
6457
- content: "\e922"; }
6458
-
6459
- .pa-horizontal-mouse-scroll {
6460
- -webkit-animation-name: pa-scroll-horizontal;
6461
- animation-name: pa-scroll-horizontal; }
6462
-
6463
- .pa-vertical-mouse-scroll {
6464
- -webkit-animation-name: pa-scroll-vertical;
6465
- animation-name: pa-scroll-vertical; }
6466
-
6467
- @-webkit-keyframes pa-scroll-vertical {
6468
- 0% {
6469
- -webkit-transform: translateY(0px);
6470
- transform: translateY(0px); }
6471
- 100% {
6472
- -webkit-transform: translateY(5px);
6473
- transform: translateY(5px); } }
6474
-
6475
- @keyframes pa-scroll-vertical {
6476
- 0% {
6477
- -webkit-transform: translateY(0px);
6478
- transform: translateY(0px); }
6479
- 100% {
6480
- -webkit-transform: translateY(5px);
6481
- transform: translateY(5px); } }
6482
-
6483
- @-webkit-keyframes pa-scroll-horizontal {
6484
- 0% {
6485
- -webkit-transform: translateX(0px);
6486
- transform: translateX(0px); }
6487
- 100% {
6488
- -webkit-transform: translateX(5px);
6489
- transform: translateX(5px); } }
6490
-
6491
- @keyframes pa-scroll-horizontal {
6492
- 0% {
6493
- -webkit-transform: translateX(0px);
6494
- transform: translateX(0px); }
6495
- 100% {
6496
- -webkit-transform: translateX(5px);
6497
- transform: translateX(5px); } }
6498
-
6499
- /********* Premium Lottie Animations *********/
6500
- /*********************************************/
6501
- .premium-lottie-wrap .premium-lottie-animation {
6502
- position: relative;
6503
- -js-display: inline-flex;
6504
- display: -webkit-inline-box;
6505
- display: -webkit-inline-flex;
6506
- display: -moz-inline-box;
6507
- display: -ms-inline-flexbox;
6508
- display: inline-flex;
6509
- -webkit-transition: all 0.3s ease-in-out;
6510
- transition: all 0.3s ease-in-out; }
6511
- .premium-lottie-wrap .premium-lottie-animation a {
6512
- position: absolute;
6513
- left: 0;
6514
- top: 0;
6515
- width: 100%;
6516
- height: 100%;
6517
- z-index: 2; }
6518
-
6519
- /**************** Premium Bullet List ****************/
6520
- /*****************************************************/
6521
- .premium-bullet-list-box {
6522
- -js-display: flex;
6523
- display: -webkit-box;
6524
- display: -webkit-flex;
6525
- display: -moz-box;
6526
- display: -ms-flexbox;
6527
- display: flex;
6528
- -webkit-flex-wrap: wrap;
6529
- -ms-flex-wrap: wrap;
6530
- flex-wrap: wrap;
6531
- -webkit-box-orient: vertical;
6532
- -webkit-box-direction: normal;
6533
- -webkit-flex-direction: column;
6534
- -moz-box-orient: vertical;
6535
- -moz-box-direction: normal;
6536
- -ms-flex-direction: column;
6537
- flex-direction: column; }
6538
- .premium-bullet-list-box .premium-bullet-list-content-grow-lc {
6539
- -webkit-transform-origin: left center;
6540
- -ms-transform-origin: left center;
6541
- transform-origin: left center; }
6542
- .premium-bullet-list-box .premium-bullet-list-content-grow-rc {
6543
- -webkit-transform-origin: right center;
6544
- -ms-transform-origin: right center;
6545
- transform-origin: right center; }
6546
- .premium-bullet-list-box .premium-bullet-list-content-grow-cc {
6547
- -webkit-transform-origin: center center;
6548
- -ms-transform-origin: center center;
6549
- transform-origin: center center; }
6550
-
6551
- .premium-bullet-list-content {
6552
- -js-display: flex;
6553
- display: -webkit-box;
6554
- display: -webkit-flex;
6555
- display: -moz-box;
6556
- display: -ms-flexbox;
6557
- display: flex;
6558
- -webkit-transition: all 0.3s ease-in-out;
6559
- transition: all 0.3s ease-in-out;
6560
- width: auto;
6561
- position: relative; }
6562
- .premium-bullet-list-content .premium-bullet-list-text span,
6563
- .premium-bullet-list-content .premium-bullet-list-wrapper {
6564
- display: inline-block;
6565
- -webkit-align-self: center;
6566
- -ms-flex-item-align: center;
6567
- align-self: center;
6568
- -webkit-transition: all 0.3s ease-in-out;
6569
- transition: all 0.3s ease-in-out; }
6570
- .premium-bullet-list-content .premium-bullet-list-text span {
6571
- margin: 0 5px; }
6572
- .premium-bullet-list-content .premium-bullet-list-icon-text p {
6573
- font-size: 18px;
6574
- background-color: #eee;
6575
- padding: 1px 5px;
6576
- -webkit-border-radius: 2px;
6577
- border-radius: 2px; }
6578
- .premium-bullet-list-content .premium-bullet-list-text span,
6579
- .premium-bullet-list-content .premium-bullet-list-icon-text p,
6580
- .premium-bullet-list-content .premium-bullet-list-wrapper img,
6581
- .premium-bullet-list-content .premium-bullet-list-wrapper svg,
6582
- .premium-bullet-list-content .premium-bullet-list-wrapper i {
6583
- -webkit-transition: all 0.3s ease-in-out;
6584
- transition: all 0.3s ease-in-out; }
6585
- .premium-bullet-list-content .premium-bullet-list-wrapper {
6586
- position: relative;
6587
- line-height: 0; }
6588
- .premium-bullet-list-content .premium-bullet-list-wrapper img,
6589
- .premium-bullet-list-content .premium-bullet-list-wrapper svg {
6590
- width: 30px !important;
6591
- height: 30px !important;
6592
- position: relative;
6593
- z-index: 500; }
6594
- .premium-bullet-list-content .premium-bullet-list-wrapper i,
6595
- .premium-bullet-list-content .premium-bullet-list-wrapper .premium-bullet-list-icon-text {
6596
- position: relative;
6597
- z-index: 500; }
6598
- .premium-bullet-list-content .premium-bullet-list-link {
6599
- position: absolute;
6600
- top: 0;
6601
- left: 0;
6602
- width: 100%;
6603
- height: 100%;
6604
- z-index: 1000; }
6605
-
6606
- .premium-bullet-list-content:not(:last-of-type) .premium-bullet-list-connector {
6607
- width: 100%;
6608
- height: 100%;
6609
- position: absolute;
6610
- top: 0.5em;
6611
- z-index: 100;
6612
- -js-display: flex;
6613
- display: -webkit-box;
6614
- display: -webkit-flex;
6615
- display: -moz-box;
6616
- display: -ms-flexbox;
6617
- display: flex;
6618
- -webkit-box-pack: center;
6619
- -webkit-justify-content: center;
6620
- -moz-box-pack: center;
6621
- -ms-flex-pack: center;
6622
- justify-content: center; }
6623
- .premium-bullet-list-content:not(:last-of-type) .premium-bullet-list-connector .premium-icon-connector-content:after {
6624
- content: "";
6625
- border-right-width: 1px;
6626
- border-right-style: solid;
6627
- border-color: #333333;
6628
- display: block;
6629
- height: 100%; }
6630
-
6631
- li.premium-bullet-list-content.premium-bullet-list-content-inline {
6632
- -webkit-align-self: center;
6633
- -ms-flex-item-align: center;
6634
- align-self: center;
6635
- z-index: 2; }
6636
-
6637
- li.premium-bullet-list-content.premium-bullet-list-content-inline:not(:first-child) {
6638
- margin: 0 3px; }
6639
-
6640
- li.premium-bullet-list-content.premium-bullet-list-content-inline:first-child {
6641
- margin: 0 3px 0 0; }
6642
-
6643
- .premium-bullet-list-divider:not(:last-child) {
6644
- width: 100%;
6645
- -webkit-box-flex: 0;
6646
- -webkit-flex: 0 0 100%;
6647
- -moz-box-flex: 0;
6648
- -ms-flex: 0 0 100%;
6649
- flex: 0 0 100%;
6650
- overflow: hidden; }
6651
-
6652
- .premium-bullet-list-divider:not(:last-child):after {
6653
- content: "";
6654
- display: block;
6655
- border-top-style: solid;
6656
- border-top-width: 1px; }
6657
-
6658
- .premium-bullet-list-divider-inline:not(:last-child) {
6659
- float: right;
6660
- display: inline-block;
6661
- position: relative;
6662
- height: 100%;
6663
- overflow: hidden;
6664
- -webkit-align-self: center;
6665
- -ms-flex-item-align: center;
6666
- align-self: center;
6667
- margin: 0 3px; }
6668
-
6669
- .premium-bullet-list-divider-inline:not(:last-child):after {
6670
- content: "";
6671
- display: block;
6672
- border-left-width: 1px;
6673
- height: 33px;
6674
- border-left-style: solid; }
6675
-
6676
- .premium-bullet-list-icon-text {
6677
- line-height: 1.5; }
6678
-
6679
- .premium-bullet-list-icon-text p,
6680
- ul.premium-bullet-list-box,
6681
- li.premium-bullet-list-content {
6682
- margin: 0; }
6683
-
6684
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper i,
6685
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-text span,
6686
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-icon-text p {
6687
- color: transparent !important;
6688
- text-shadow: 0 0 3px #aaa; }
6689
-
6690
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-icon-connector-content,
6691
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper .premium-lottie-animation svg,
6692
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper img,
6693
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-badge {
6694
- -webkit-filter: blur(3px);
6695
- filter: blur(3px); }
6696
-
6697
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper i,
6698
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-text span,
6699
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-icon-text p {
6700
- color: #aaa !important;
6701
- text-shadow: 0 0px 0 transparent; }
6702
-
6703
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-icon-connector-content,
6704
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper .premium-lottie-animation svg,
6705
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper img,
6706
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-badge {
6707
- -webkit-filter: none;
6708
- filter: none; }
6709
-
6710
- .premium-bullet-list-content .premium-bullet-list-badge {
6711
- font-size: 11px;
6712
- top: auto;
6713
- min-width: -webkit-max-content;
6714
- min-width: -moz-max-content;
6715
- min-width: max-content;
6716
- height: -webkit-fit-content;
6717
- height: -moz-fit-content;
6718
- height: fit-content; }
6719
-
6720
- .premium-bullet-list-content .premium-bullet-list-icon-text p {
6721
- font-size: 13px; }
6722
-
6723
- .premium-bullet-list-gradient-effect[data-text] {
6724
- display: inline-block;
6725
- position: relative;
6726
- text-decoration: none; }
6727
-
6728
- .premium-bullet-list-gradient-effect[data-text]::before {
6729
- content: attr(data-text);
6730
- position: absolute;
6731
- z-index: 1;
6732
- overflow: hidden;
6733
- -webkit-clip-path: polygon(0 0, 1px 0, 1px 100%, 0 100%);
6734
- clip-path: polygon(0 0, 1px 0, 1px 100%, 0 100%);
6735
- -webkit-background-clip: text;
6736
- background-clip: text;
6737
- -webkit-text-fill-color: transparent;
6738
- -webkit-transition: all 0.4s ease;
6739
- transition: all 0.4s ease; }
6740
-
6741
- .premium-bullet-list-content:hover .premium-bullet-list-gradient-effect[data-text]::before,
6742
- .premium-bullet-list-content:focus .premium-bullet-list-gradient-effect[data-text]::before {
6743
- -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
6744
- clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
6745
-
6746
- ul[data-list-animation*="animated-"] .premium-bullet-list-divider,
6747
- ul[data-list-animation*="animated-"] .premium-bullet-list-content,
6748
- ul[data-list-animation*="animated-"] .premium-bullet-list-divider-inline {
6749
- opacity: 0; }
6750
-
6751
- .premium-bullet-list-content-grow-effect:hover {
6752
- -webkit-transform: scale(1.07);
6753
- -ms-transform: scale(1.07);
6754
- transform: scale(1.07); }
 
 
 
 
 
1
+ @font-face {
2
+ font-family: "pa-elements";
3
+ src: url("../../editor/fonts/pa-elements.eot?7pjc22");
4
+ src: url("../../editor/fonts/pa-elements.eot?7pjc22#iefix") format("embedded-opentype"), url("../../editor/fonts/pa-elements.ttf?7pjc22") format("truetype"), url("../../editor/fonts/pa-elements.woff?7pjc22") format("woff"), url("../../editor/fonts/pa-elements.svg?7pjc22#pa-elements") format("svg");
5
+ font-weight: normal;
6
+ font-style: normal; }
7
+
8
+ /**************** Premium Banner ****************/
9
+ /************************************************/
10
+ .premium-banner {
11
+ overflow: hidden; }
12
+
13
+ .premium-banner-ib {
14
+ display: block;
15
+ position: relative;
16
+ z-index: 1;
17
+ overflow: hidden;
18
+ margin: 0;
19
+ text-align: center;
20
+ -webkit-box-sizing: border-box;
21
+ -moz-box-sizing: border-box;
22
+ box-sizing: border-box; }
23
+ .premium-banner-ib img {
24
+ display: block;
25
+ position: relative; }
26
+
27
+ .premium-banner-img-wrap {
28
+ -js-display: flex;
29
+ display: -webkit-box;
30
+ display: -webkit-flex;
31
+ display: -moz-box;
32
+ display: -ms-flexbox;
33
+ display: flex;
34
+ height: 100%; }
35
+ .premium-banner-img-wrap .premium-banner-ib-img {
36
+ -webkit-flex-shrink: 0;
37
+ -ms-flex-negative: 0;
38
+ flex-shrink: 0; }
39
+
40
+ .premium-banner-ib-desc .premium-banner-read-more {
41
+ z-index: 100; }
42
+
43
+ .elementor-widget-premium-addon-banner .premium-banner-ib-title {
44
+ background: transparent; }
45
+
46
+ .premium-banner-ib *,
47
+ .premium-banner-ib .premium-banner-ib-desc {
48
+ -webkit-box-sizing: border-box;
49
+ -moz-box-sizing: border-box;
50
+ box-sizing: border-box; }
51
+
52
+ .premium-banner-ib img {
53
+ min-width: 100%;
54
+ max-width: 100%;
55
+ -webkit-transition: opacity 0.35s;
56
+ transition: opacity 0.35s; }
57
+
58
+ .premium-banner-ib .premium-banner-ib-desc {
59
+ padding: 15px;
60
+ -webkit-backface-visibility: hidden;
61
+ backface-visibility: hidden;
62
+ -webkit-box-sizing: border-box;
63
+ -moz-box-sizing: border-box;
64
+ box-sizing: border-box;
65
+ position: absolute;
66
+ top: 0;
67
+ left: 0;
68
+ width: 100%;
69
+ height: 100%; }
70
+
71
+ .premium-banner-ib .premium-banner-ib-link {
72
+ position: absolute;
73
+ top: 0;
74
+ left: 0;
75
+ width: 100%;
76
+ height: 100%;
77
+ z-index: 1000;
78
+ text-indent: 200%;
79
+ white-space: nowrap;
80
+ font-size: 0;
81
+ opacity: 0; }
82
+
83
+ .premium-banner-ib a.premium-banner-ib-link {
84
+ display: block;
85
+ background: 0 0; }
86
+
87
+ .premium-banner-animation1 img {
88
+ width: -webkit-calc(100% + 50px) !important;
89
+ width: calc(100% + 50px) !important;
90
+ max-width: -webkit-calc(100% + 50px) !important;
91
+ max-width: calc(100% + 50px) !important;
92
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
93
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
94
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
95
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
96
+ -webkit-transform: translate3d(-40px, 0, 0);
97
+ transform: translate3d(-40px, 0, 0); }
98
+
99
+ .premium-banner-animation2 .premium-banner-ib-title {
100
+ padding: 15px; }
101
+
102
+ .premium-banner-animation1 .premium-banner-ib-desc {
103
+ top: auto;
104
+ bottom: 0;
105
+ min-height: 25%;
106
+ height: auto;
107
+ max-height: 100%;
108
+ text-align: left; }
109
+
110
+ .premium-banner-animation1 .premium-banner-ib-content,
111
+ .premium-banner-animation1 .premium-banner-ib-title,
112
+ .premium-banner-animation1 .premium-banner-read-more {
113
+ -webkit-transform: translate3d(0, 40px, 0);
114
+ transform: translate3d(0, 40px, 0);
115
+ -webkit-transition-delay: 0.05s;
116
+ transition-delay: 0.05s;
117
+ -webkit-transition-duration: 0.35s;
118
+ transition-duration: 0.35s; }
119
+
120
+ .premium-banner-animation1 .premium-banner-ib-title {
121
+ -webkit-transition: -webkit-transform 0.35s;
122
+ transition: -webkit-transform 0.35s;
123
+ transition: transform 0.35s;
124
+ transition: transform 0.35s, -webkit-transform 0.35s; }
125
+
126
+ .premium-banner-animation1 .premium-banner-ib-content,
127
+ .premium-banner-animation1 .premium-banner-read-more {
128
+ margin-top: 10px;
129
+ opacity: 0;
130
+ -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
131
+ transition: opacity 0.2s, -webkit-transform 0.35s;
132
+ transition: opacity 0.2s, transform 0.35s;
133
+ transition: opacity 0.2s, transform 0.35s, -webkit-transform 0.35s; }
134
+
135
+ .premium-banner-animation1:hover .premium-banner-ib-content,
136
+ .premium-banner-animation1.active .premium-banner-ib-content,
137
+ .premium-banner-animation1:hover .premium-banner-read-more,
138
+ .premium-banner-animation1.active .premium-banner-read-more {
139
+ opacity: 1;
140
+ -webkit-transition-delay: 0.05s;
141
+ transition-delay: 0.05s;
142
+ -webkit-transition-duration: 0.35s;
143
+ transition-duration: 0.35s; }
144
+
145
+ .premium-banner-animation1:hover .premium-banner-ib-content,
146
+ .premium-banner-animation1.active .premium-banner-ib-content,
147
+ .premium-banner-animation1:hover .premium-banner-read-more,
148
+ .premium-banner-animation1.active .premium-banner-read-more,
149
+ .premium-banner-animation1:hover .premium-banner-ib-title,
150
+ .premium-banner-animation1.active .premium-banner-ib-title,
151
+ .premium-banner-animation1:hover img,
152
+ .premium-banner-animation1.active img {
153
+ -webkit-transform: translate3d(0, 0, 0);
154
+ transform: translate3d(0, 0, 0);
155
+ -webkit-transition-delay: 0.05s;
156
+ transition-delay: 0.05s;
157
+ -webkit-transition-duration: 0.35s;
158
+ transition-duration: 0.35s; }
159
+
160
+ .premium-banner-animation1.zoomout img,
161
+ .premium-banner-animation1.scale img {
162
+ -webkit-transform: translate3d(-40px, 0, 0) scale(1.1);
163
+ transform: translate3d(-40px, 0, 0) scale(1.1); }
164
+
165
+ .premium-banner-ib.sepia img {
166
+ -webkit-filter: sepia(30%);
167
+ filter: sepia(30%); }
168
+
169
+ .premium-banner-ib.bright img {
170
+ -webkit-filter: brightness(1);
171
+ filter: brightness(1); }
172
+
173
+ .premium-banner-ib.sepia:hover img {
174
+ -webkit-filter: sepia(0%);
175
+ filter: sepia(0%); }
176
+
177
+ .premium-banner-ib.bright:hover img {
178
+ -webkit-filter: brightness(1.2);
179
+ filter: brightness(1.2); }
180
+
181
+ .premium-banner-animation1.premium-banner-min-height img,
182
+ .premium-banner-animation2.premium-banner-min-height img,
183
+ .premium-banner-animation4.premium-banner-min-height img,
184
+ .premium-banner-animation5.premium-banner-min-height img,
185
+ .premium-banner-animation6.premium-banner-min-height img,
186
+ .premium-banner-animation13.premium-banner-min-height img {
187
+ height: auto; }
188
+
189
+ .premium-banner-animation2 img {
190
+ width: 100%; }
191
+
192
+ .premium-banner-animation2 .premium-banner-ib-desc::before {
193
+ position: absolute;
194
+ content: "";
195
+ top: 0;
196
+ left: 0;
197
+ width: 100%;
198
+ height: 100%;
199
+ opacity: 0;
200
+ -webkit-transform: translate3d(0, 50%, 0);
201
+ transform: translate3d(0, 50%, 0); }
202
+
203
+ .premium-banner-animation2 .premium-banner-ib-title {
204
+ position: absolute;
205
+ top: 50%;
206
+ left: 0;
207
+ width: 100%;
208
+ -webkit-transition: color 0.35s, -webkit-transform 0.35s;
209
+ transition: color 0.35s, -webkit-transform 0.35s;
210
+ transition: transform 0.35s, color 0.35s;
211
+ transition: transform 0.35s, color 0.35s, -webkit-transform 0.35s;
212
+ -webkit-transform: translate3d(0, -50%, 0);
213
+ transform: translate3d(0, -50%, 0); }
214
+
215
+ .premium-banner-animation2 .premium-banner-ib-content,
216
+ .premium-banner-animation2 .premium-banner-read-more,
217
+ .premium-banner-animation2 .premium-banner-ib-desc::before {
218
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
219
+ transition: opacity 0.35s, -webkit-transform 0.35s;
220
+ transition: opacity 0.35s, transform 0.35s;
221
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
222
+
223
+ .premium-banner-animation2 .premium-banner-ib-content,
224
+ .premium-banner-animation2 .premium-banner-read-more {
225
+ position: absolute;
226
+ bottom: 0;
227
+ left: 0;
228
+ padding: 15px;
229
+ width: 100%;
230
+ max-height: 50%;
231
+ opacity: 0;
232
+ -webkit-transform: translate3d(0, 10px, 0);
233
+ transform: translate3d(0, 10px, 0); }
234
+
235
+ .premium-banner-animation2:hover .premium-banner-ib-title,
236
+ .premium-banner-animation2.active .premium-banner-ib-title {
237
+ -webkit-transform: translate3d(0, -40px, 0);
238
+ transform: translate3d(0, -40px, 0); }
239
+
240
+ .premium-banner-animation2:hover .premium-banner-read-more,
241
+ .premium-banner-animation2.active .premium-banner-read-more,
242
+ .premium-banner-animation2:hover .premium-banner-ib-desc::before,
243
+ .premium-banner-animation2.active .premium-banner-ib-desc::before {
244
+ opacity: 1;
245
+ -webkit-transform: translate3d(0, 0, 0);
246
+ transform: translate3d(0, 0, 0); }
247
+
248
+ .premium-banner-animation2:hover .premium-banner-ib-content,
249
+ .premium-banner-animation2.active .premium-banner-ib-content {
250
+ opacity: 1;
251
+ -webkit-transform: translate3d(0, -30px, 0);
252
+ transform: translate3d(0, -30px, 0); }
253
+
254
+ .premium-banner-animation3 .premium-banner-ib-title {
255
+ position: absolute;
256
+ bottom: 0;
257
+ left: 0;
258
+ padding: 15px;
259
+ width: 100%;
260
+ text-align: left;
261
+ -webkit-transform: translate3d(0, -30px, 0);
262
+ transform: translate3d(0, -30px, 0); }
263
+
264
+ .premium-banner-animation3 .premium-banner-ib-desc::before,
265
+ .premium-banner-animation3 .premium-banner-ib-title {
266
+ -webkit-transition: -webkit-transform 0.35s;
267
+ transition: -webkit-transform 0.35s;
268
+ transition: transform 0.35s;
269
+ transition: transform 0.35s, -webkit-transform 0.35s; }
270
+
271
+ .premium-banner-animation3:hover .premium-banner-ib-desc::before,
272
+ .premium-banner-animation3.active .premium-banner-ib-desc::before,
273
+ .premium-banner-animation3:hover .premium-banner-ib-title,
274
+ .premium-banner-animation3.active .premium-banner-ib-title {
275
+ opacity: 1;
276
+ -webkit-transform: translate3d(0, 0, 0);
277
+ transform: translate3d(0, 0, 0); }
278
+
279
+ .premium-banner-animation3 .premium-banner-ib-content {
280
+ max-height: -webkit-calc(100% - 60px - 1.5em);
281
+ max-height: calc(100% - 60px - 1.5em);
282
+ overflow: hidden; }
283
+
284
+ .premium-banner-animation4 img {
285
+ width: -webkit-calc(100% + 40px) !important;
286
+ width: calc(100% + 40px) !important;
287
+ max-width: -webkit-calc(100% + 40px) !important;
288
+ max-width: calc(100% + 40px) !important; }
289
+
290
+ .premium-banner-animation4 .premium-banner-ib-desc {
291
+ padding: 30px; }
292
+ .premium-banner-animation4 .premium-banner-ib-desc::after {
293
+ position: absolute;
294
+ content: "";
295
+ opacity: 0; }
296
+ .premium-banner-animation4 .premium-banner-ib-desc::before {
297
+ position: absolute;
298
+ content: "";
299
+ opacity: 0;
300
+ top: 50px;
301
+ right: 30px;
302
+ bottom: 50px;
303
+ left: 30px;
304
+ border-top: 1px solid #fff;
305
+ border-bottom: 1px solid #fff;
306
+ -webkit-transform: scale(0, 1);
307
+ -ms-transform: scale(0, 1);
308
+ transform: scale(0, 1);
309
+ -webkit-transform-origin: 0 0;
310
+ -ms-transform-origin: 0 0;
311
+ transform-origin: 0 0; }
312
+ .premium-banner-animation4 .premium-banner-ib-desc::after {
313
+ top: 30px;
314
+ right: 50px;
315
+ bottom: 30px;
316
+ left: 50px;
317
+ border-right: 1px solid #fff;
318
+ border-left: 1px solid #fff;
319
+ -webkit-transform: scale(1, 0);
320
+ -ms-transform: scale(1, 0);
321
+ transform: scale(1, 0);
322
+ -webkit-transform-origin: 100% 0;
323
+ -ms-transform-origin: 100% 0;
324
+ transform-origin: 100% 0; }
325
+
326
+ .premium-banner-animation4 .premium-banner-ib-title {
327
+ padding: 50px 30px 0 30px;
328
+ -webkit-transition: -webkit-transform 0.35s;
329
+ transition: -webkit-transform 0.35s;
330
+ transition: transform 0.35s;
331
+ transition: transform 0.35s, -webkit-transform 0.35s; }
332
+
333
+ .premium-banner-animation4 .premium-banner-ib-content,
334
+ .premium-banner-animation4 .premium-banner-read-more {
335
+ padding: 10px 30px;
336
+ opacity: 0;
337
+ overflow: hidden;
338
+ -webkit-transform: translate3d(0, -10px, 0);
339
+ transform: translate3d(0, -10px, 0); }
340
+
341
+ .premium-banner-animation4 .premium-banner-ib-title,
342
+ .premium-banner-animation4 img {
343
+ -webkit-transform: translate3d(-30px, 0, 0);
344
+ transform: translate3d(-30px, 0, 0); }
345
+
346
+ .premium-banner-animation4.zoomout img,
347
+ .premium-banner-animation4.scale img {
348
+ -webkit-transform: translate3d(-30px, 0, 0) scale(1.1);
349
+ transform: translate3d(-30px, 0, 0) scale(1.1); }
350
+
351
+ .premium-banner-animation4 .premium-banner-ib-content,
352
+ .premium-banner-animation4 .premium-banner-read-more {
353
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
354
+ transition: opacity 0.35s, -webkit-transform 0.35s;
355
+ transition: opacity 0.35s, transform 0.35s;
356
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
357
+
358
+ .premium-banner-animation4 .premium-banner-ib-desc::after, .premium-banner-animation4 .premium-banner-ib-desc::before {
359
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
360
+ transition: opacity 0.35s, -webkit-transform 0.35s;
361
+ transition: opacity 0.35s, transform 0.35s;
362
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
363
+
364
+ .premium-banner-animation4 img {
365
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
366
+ transition: opacity 0.35s, -webkit-transform 0.35s;
367
+ transition: opacity 0.35s, transform 0.35s;
368
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
369
+
370
+ .premium-banner-animation4:hover .premium-banner-ib-desc::after,
371
+ .premium-banner-animation4.active .premium-banner-ib-desc::after,
372
+ .premium-banner-animation4:hover .premium-banner-ib-desc::before,
373
+ .premium-banner-animation4.active .premium-banner-ib-desc::before {
374
+ opacity: 1;
375
+ -webkit-transform: scale(1);
376
+ -ms-transform: scale(1);
377
+ transform: scale(1); }
378
+
379
+ .premium-banner-animation4:hover .premium-banner-ib-content,
380
+ .premium-banner-animation4.active .premium-banner-ib-content,
381
+ .premium-banner-animation4:hover .premium-banner-read-more,
382
+ .premium-banner-animation4.active .premium-banner-read-more,
383
+ .premium-banner-animation4:hover .premium-banner-ib-title,
384
+ .premium-banner-animation4.active .premium-banner-ib-title {
385
+ opacity: 1;
386
+ -webkit-transform: translate3d(0, 0, 0);
387
+ transform: translate3d(0, 0, 0); }
388
+
389
+ .premium-banner-animation4:hover .premium-banner-ib-content,
390
+ .premium-banner-animation4:hover .premium-banner-ib-desc::after,
391
+ .premium-banner-animation4:hover .premium-banner-ib-title,
392
+ .premium-banner-animation4:hover img {
393
+ -webkit-transition-delay: 0.15s;
394
+ transition-delay: 0.15s; }
395
+
396
+ .premium-banner-animation5 .premium-banner-ib-desc {
397
+ top: auto;
398
+ bottom: 0;
399
+ padding: 15px;
400
+ height: auto;
401
+ background: #f2f2f2;
402
+ color: #3c4a50;
403
+ -webkit-transition: -webkit-transform 0.35s;
404
+ transition: -webkit-transform 0.35s;
405
+ transition: transform 0.35s;
406
+ transition: transform 0.35s, -webkit-transform 0.35s;
407
+ -webkit-transform: translate3d(0, 100%, 0);
408
+ transform: translate3d(0, 100%, 0); }
409
+
410
+ .premium-banner-animation5 .premium-banner-ib-content {
411
+ position: absolute;
412
+ top: auto;
413
+ bottom: 100%;
414
+ left: 0;
415
+ width: 100%;
416
+ padding: 15px;
417
+ opacity: 0;
418
+ -webkit-transition: opacity 0.35s;
419
+ transition: opacity 0.35s; }
420
+
421
+ .premium-banner-animation5 .premium-banner-ib-title,
422
+ .premium-banner-animation5 .premium-banner-read-more {
423
+ -webkit-transition: -webkit-transform 0.35s;
424
+ transition: -webkit-transform 0.35s;
425
+ transition: transform 0.35s;
426
+ transition: transform 0.35s, -webkit-transform 0.35s;
427
+ -webkit-transform: translate3d(0, 200%, 0);
428
+ transform: translate3d(0, 200%, 0);
429
+ text-align: center; }
430
+
431
+ .premium-banner-animation5 .premium-banner-ib-title {
432
+ margin: 10px 0; }
433
+
434
+ .premium-banner-animation5:hover .premium-banner-ib-content,
435
+ .premium-banner-animation5.active .premium-banner-ib-content,
436
+ .premium-banner-animation5:hover .premium-banner-ib-content *,
437
+ .premium-banner-animation5.active .premium-banner-ib-content * {
438
+ opacity: 1 !important;
439
+ z-index: 99 !important;
440
+ -webkit-backface-visibility: hidden !important;
441
+ backface-visibility: hidden !important; }
442
+
443
+ .premium-banner-animation5:hover .premium-banner-ib-desc,
444
+ .premium-banner-animation5.active .premium-banner-ib-desc,
445
+ .premium-banner-animation5:hover .premium-banner-ib-title,
446
+ .premium-banner-animation5.active .premium-banner-ib-title,
447
+ .premium-banner-animation5:hover .premium-banner-read-more,
448
+ .premium-banner-animation5.active .premium-banner-read-more {
449
+ -webkit-transform: translateY(0);
450
+ -ms-transform: translateY(0);
451
+ transform: translateY(0); }
452
+
453
+ .premium-banner-animation5:hover .premium-banner-ib-title {
454
+ -webkit-transition-delay: 0.05s;
455
+ transition-delay: 0.05s; }
456
+
457
+ .premium-banner-animation5 img {
458
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
459
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
460
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
461
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; }
462
+
463
+ .premium-banner-animation2 img,
464
+ .premium-banner-animation4 img,
465
+ .premium-banner-animation6 img {
466
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
467
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
468
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
469
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; }
470
+
471
+ .premium-banner-animation5.zoomout img,
472
+ .premium-banner-animation5.scale img {
473
+ -webkit-transform: scale(1.1);
474
+ -ms-transform: scale(1.1);
475
+ transform: scale(1.1); }
476
+
477
+ .premium-banner-animation2.zoomout img,
478
+ .premium-banner-animation2.scale img {
479
+ -webkit-transform: scale(1.1);
480
+ -ms-transform: scale(1.1);
481
+ transform: scale(1.1); }
482
+
483
+ .premium-banner-animation6.zoomout img,
484
+ .premium-banner-animation6.scale img {
485
+ -webkit-transform: scale(1.1);
486
+ -ms-transform: scale(1.1);
487
+ transform: scale(1.1); }
488
+
489
+ .premium-banner-animation5.zoomin:hover img,
490
+ .premium-banner-animation2.zoomin:hover img,
491
+ .premium-banner-animation6.zoomin:hover img {
492
+ -webkit-transform: scale(1.1);
493
+ -ms-transform: scale(1.1);
494
+ transform: scale(1.1); }
495
+
496
+ .premium-banner-animation5.zoomout:hover img,
497
+ .premium-banner-animation2.zoomout:hover img,
498
+ .premium-banner-animation6.zoomout:hover img {
499
+ -webkit-transform: scale(1);
500
+ -ms-transform: scale(1);
501
+ transform: scale(1); }
502
+
503
+ .premium-banner-animation5.scale:hover img,
504
+ .premium-banner-animation2.scale:hover img,
505
+ .premium-banner-animation6.scale:hover img {
506
+ -webkit-transform: scale(1.2) rotate(5deg);
507
+ -ms-transform: scale(1.2) rotate(5deg);
508
+ transform: scale(1.2) rotate(5deg); }
509
+
510
+ .premium-banner-animation5.grayscale:hover img,
511
+ .premium-banner-animation2.grayscale:hover img,
512
+ .premium-banner-animation6.grayscale:hover img {
513
+ -webkit-filter: grayscale(100%);
514
+ filter: grayscale(100%); }
515
+
516
+ .premium-banner-animation5.blur:hover img,
517
+ .premium-banner-animation2.blur:hover img {
518
+ -webkit-filter: blur(3px);
519
+ filter: blur(3px); }
520
+
521
+ .premium-banner-animation6.blur:hover img {
522
+ -webkit-filter: blur(3px);
523
+ filter: blur(3px); }
524
+
525
+ .premium-banner-animation6 .premium-banner-ib-desc {
526
+ padding: 45px; }
527
+ .premium-banner-animation6 .premium-banner-ib-desc::before {
528
+ position: absolute;
529
+ content: "";
530
+ top: 30px;
531
+ right: 30px;
532
+ bottom: 30px;
533
+ left: 30px;
534
+ border: 1px solid #fff; }
535
+
536
+ .premium-banner-animation6 .premium-banner-ib-title {
537
+ margin: 20px 0 10px;
538
+ -webkit-transition: -webkit-transform 0.35s;
539
+ transition: -webkit-transform 0.35s;
540
+ transition: transform 0.35s;
541
+ transition: transform 0.35s, -webkit-transform 0.35s;
542
+ -webkit-transform: translate3d(0, 100%, 0);
543
+ transform: translate3d(0, 100%, 0); }
544
+
545
+ .premium-banner-animation6 .premium-banner-ib-content,
546
+ .premium-banner-animation6 .premium-banner-read-more,
547
+ .premium-banner-animation6 .premium-banner-ib-desc::before {
548
+ opacity: 0;
549
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
550
+ transition: opacity 0.35s, -webkit-transform 0.35s;
551
+ transition: opacity 0.35s, transform 0.35s;
552
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
553
+ -webkit-transform: scale(0);
554
+ -ms-transform: scale(0);
555
+ transform: scale(0); }
556
+
557
+ .premium-banner-animation6 .premium-banner-read-more {
558
+ margin-top: 10px; }
559
+
560
+ .premium-banner-animation6:hover .premium-banner-ib-title,
561
+ .premium-banner-animation6.active .premium-banner-ib-title {
562
+ -webkit-transform: translate3d(0, 0, 0);
563
+ transform: translate3d(0, 0, 0); }
564
+
565
+ .premium-banner-animation6:hover .premium-banner-ib-content,
566
+ .premium-banner-animation6.active .premium-banner-ib-content,
567
+ .premium-banner-animation6:hover .premium-banner-read-more,
568
+ .premium-banner-animation6.active .premium-banner-read-more,
569
+ .premium-banner-animation6:hover .premium-banner-ib-desc::before,
570
+ .premium-banner-animation6.active .premium-banner-ib-desc::before {
571
+ opacity: 1;
572
+ -webkit-transform: scale(1);
573
+ -ms-transform: scale(1);
574
+ transform: scale(1); }
575
+
576
+ .premium-banner-animation12 .premium-banner-ib-desc::after {
577
+ position: absolute;
578
+ content: "";
579
+ right: 30px;
580
+ bottom: 30px;
581
+ left: 30px;
582
+ height: -webkit-calc(50% - 30px);
583
+ height: calc(50% - 30px);
584
+ border: 7px solid #fff;
585
+ -webkit-transition: -webkit-transform 0.35s;
586
+ transition: -webkit-transform 0.35s;
587
+ transition: transform 0.35s;
588
+ transition: transform 0.35s, -webkit-transform 0.35s;
589
+ -webkit-transform: translate3d(0, -100%, 0);
590
+ transform: translate3d(0, -100%, 0); }
591
+
592
+ .premium-banner-animation12:hover .premium-banner-ib-desc::after,
593
+ .premium-banner-animation12.active .premium-banner-ib-desc::after {
594
+ -webkit-transform: translate3d(0, 0, 0);
595
+ transform: translate3d(0, 0, 0); }
596
+
597
+ .premium-banner-animation12 .premium-banner-ib-desc {
598
+ padding: 45px;
599
+ text-align: left; }
600
+
601
+ .premium-banner-animation12 .premium-banner-ib-content {
602
+ position: absolute;
603
+ right: 60px;
604
+ bottom: 60px;
605
+ left: 60px;
606
+ opacity: 0;
607
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
608
+ transition: opacity 0.35s, -webkit-transform 0.35s;
609
+ transition: opacity 0.35s, transform 0.35s;
610
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
611
+ -webkit-transform: translate3d(0, -100px, 0);
612
+ transform: translate3d(0, -100px, 0); }
613
+
614
+ .premium-banner-animation12:hover .premium-banner-ib-content,
615
+ .premium-banner-animation12.active .premium-banner-ib-content {
616
+ opacity: 1;
617
+ -webkit-transform: translate3d(0, 0, 0);
618
+ transform: translate3d(0, 0, 0); }
619
+
620
+ .premium-banner-animation13 img {
621
+ width: -webkit-calc(100% + 20px) !important;
622
+ width: calc(100% + 20px) !important;
623
+ max-width: -webkit-calc(100% + 20px) !important;
624
+ max-width: calc(100% + 20px) !important;
625
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
626
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
627
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
628
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
629
+ -webkit-transform: translate3d(-10px, 0, 0);
630
+ transform: translate3d(-10px, 0, 0);
631
+ -webkit-backface-visibility: hidden;
632
+ backface-visibility: hidden; }
633
+
634
+ .premium-banner-animation13.zoomout img,
635
+ .premium-banner-animation13.scale img {
636
+ -webkit-transform: translate3d(-10px, 0, 0) scale(1.1);
637
+ transform: translate3d(-10px, 0, 0) scale(1.1); }
638
+
639
+ .premium-banner-animation13.none:hover img {
640
+ -webkit-transform: translate3d(0, 0, 0);
641
+ transform: translate3d(0, 0, 0); }
642
+
643
+ .premium-banner-animation1.none:hover img,
644
+ .premium-banner-animation4.none:hover img {
645
+ -webkit-transform: translate3d(0, 0, 0);
646
+ transform: translate3d(0, 0, 0); }
647
+
648
+ .premium-banner-animation13.zoomin:hover img,
649
+ .premium-banner-animation1.zoomin:hover img,
650
+ .premium-banner-animation4.zoomin:hover img,
651
+ .premium-banner-animation8.zoomin:hover img,
652
+ .premium-banner-animation7.zoomin:hover img,
653
+ .premium-banner-animation9.zoomin:hover img,
654
+ .premium-banner-animation10.zoomin:hover img,
655
+ .premium-banner-animation11.zoomin:hover img {
656
+ -webkit-transform: translate3d(0, 0, 0) scale(1.1);
657
+ transform: translate3d(0, 0, 0) scale(1.1); }
658
+
659
+ .premium-banner-animation13.zoomout:hover img,
660
+ .premium-banner-animation1.zoomout:hover img,
661
+ .premium-banner-animation4.zoomout:hover img,
662
+ .premium-banner-animation8.zoomout:hover img,
663
+ .premium-banner-animation7.zoomout:hover img,
664
+ .premium-banner-animation9.zoomout:hover img,
665
+ .premium-banner-animation10.zoomout:hover img,
666
+ .premium-banner-animation11.zoomout:hover img {
667
+ -webkit-transform: translate3d(0, 0, 0) scale(1);
668
+ transform: translate3d(0, 0, 0) scale(1); }
669
+
670
+ .premium-banner-animation13.scale:hover img,
671
+ .premium-banner-animation1.scale:hover img,
672
+ .premium-banner-animation4.scale:hover img,
673
+ .premium-banner-animation8.scale:hover img,
674
+ .premium-banner-animation7.scale:hover img,
675
+ .premium-banner-animation9.scale:hover img,
676
+ .premium-banner-animation10.scale:hover img,
677
+ .premium-banner-animation11.scale:hover img {
678
+ -webkit-transform: translate3d(0, 0, 0) scale(1.2) rotate(5deg);
679
+ transform: translate3d(0, 0, 0) scale(1.2) rotate(5deg); }
680
+
681
+ .premium-banner-animation13.grayscale:hover img,
682
+ .premium-banner-animation1.grayscale:hover img,
683
+ .premium-banner-animation4.grayscale:hover img,
684
+ .premium-banner-animation8.grayscale:hover img,
685
+ .premium-banner-animation7.grayscale:hover img,
686
+ .premium-banner-animation9.grayscale:hover img,
687
+ .premium-banner-animation10.grayscale:hover img,
688
+ .premium-banner-animation11.grayscale:hover img {
689
+ -webkit-transform: translate3d(0, 0, 0);
690
+ transform: translate3d(0, 0, 0);
691
+ -webkit-filter: grayscale(100%);
692
+ filter: grayscale(100%); }
693
+
694
+ .premium-banner-animation13.blur:hover img,
695
+ .premium-banner-animation1.blur:hover img,
696
+ .premium-banner-animation4.blur:hover,
697
+ .premium-banner-animation8.blur:hover img,
698
+ .premium-banner-animation7.blur:hover img,
699
+ .premium-banner-animation9.blur:hover img,
700
+ .premium-banner-animation10.blur:hover img,
701
+ .premium-banner-animation11.blur:hover img {
702
+ -webkit-transform: translate3d(0, 0, 0);
703
+ transform: translate3d(0, 0, 0);
704
+ -webkit-filter: blur(3px);
705
+ filter: blur(3px); }
706
+
707
+ .premium-banner-animation13 .premium-banner-ib-desc {
708
+ text-align: left; }
709
+
710
+ .premium-banner-animation13 .premium-banner-ib-title {
711
+ position: relative;
712
+ overflow: hidden;
713
+ padding: 5px 0 10px; }
714
+ .premium-banner-animation13 .premium-banner-ib-title::after {
715
+ position: absolute;
716
+ content: "";
717
+ bottom: 0;
718
+ left: 0;
719
+ width: 100%;
720
+ height: 2px;
721
+ background: #fff;
722
+ -webkit-transition: -webkit-transform 0.35s;
723
+ transition: -webkit-transform 0.35s;
724
+ transition: transform 0.35s;
725
+ transition: transform 0.35s, -webkit-transform 0.35s;
726
+ -webkit-transform: translate3d(-101%, 0, 0);
727
+ transform: translate3d(-101%, 0, 0); }
728
+
729
+ .premium-banner-animation13:hover .premium-banner-ib-title::after,
730
+ .premium-banner-animation13.active .premium-banner-ib-title::after {
731
+ -webkit-transform: translate3d(0, 0, 0);
732
+ transform: translate3d(0, 0, 0); }
733
+
734
+ .premium-banner-animation13 .premium-banner-ib-content,
735
+ .premium-banner-animation13 .premium-banner-read-more {
736
+ padding: 15px 0;
737
+ opacity: 0;
738
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
739
+ transition: opacity 0.35s, -webkit-transform 0.35s;
740
+ transition: opacity 0.35s, transform 0.35s;
741
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
742
+ -webkit-transform: translate3d(100%, 0, 0);
743
+ transform: translate3d(100%, 0, 0); }
744
+
745
+ .premium-banner-animation13:hover .premium-banner-ib-content,
746
+ .premium-banner-animation13.active .premium-banner-ib-content,
747
+ .premium-banner-animation13:hover .premium-banner-read-more,
748
+ .premium-banner-animation13.active .premium-banner-read-more {
749
+ opacity: 1;
750
+ -webkit-transform: translate3d(0, 0, 0);
751
+ transform: translate3d(0, 0, 0); }
752
+
753
+ .premium-banner-ib.premium-banner-animation5 .premium-banner-toggle-size {
754
+ left: 50%;
755
+ width: auto !important;
756
+ height: 100%;
757
+ max-width: none;
758
+ -webkit-transform: translateX(-50%);
759
+ -ms-transform: translateX(-50%);
760
+ transform: translateX(-50%); }
761
+
762
+ .premium-banner-ib img {
763
+ border: none;
764
+ padding: 0;
765
+ margin: 0; }
766
+
767
+ .premium-banner-animation7 img {
768
+ width: -webkit-calc(100% + 40px) !important;
769
+ width: calc(100% + 40px) !important;
770
+ max-width: -webkit-calc(100% + 40px) !important;
771
+ max-width: calc(100% + 40px) !important;
772
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
773
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
774
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
775
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; }
776
+
777
+ .premium-banner-animation7 .premium-banner-brlr {
778
+ width: 7px; }
779
+
780
+ .premium-banner-animation7 .premium-banner-brtb {
781
+ height: 7px; }
782
+
783
+ .premium-banner-animation7 .premium-banner-br {
784
+ position: absolute;
785
+ z-index: 1;
786
+ background-color: white;
787
+ -webkit-transition: all 0.3s ease-in-out;
788
+ transition: all 0.3s ease-in-out;
789
+ -webkit-transition-delay: 0.2s;
790
+ transition-delay: 0.2s; }
791
+
792
+ .premium-banner-animation7 .premium-banner-bleft {
793
+ left: 30px;
794
+ top: -webkit-calc(100% - 150px);
795
+ top: calc(100% - 150px);
796
+ height: 0; }
797
+
798
+ .premium-banner-animation7 .premium-banner-bright {
799
+ right: 30px;
800
+ bottom: -webkit-calc(100% - 150px);
801
+ bottom: calc(100% - 150px);
802
+ height: 0; }
803
+
804
+ .premium-banner-animation7 .premium-banner-bottom {
805
+ right: -webkit-calc(100% - 150px);
806
+ right: calc(100% - 150px);
807
+ bottom: 30px;
808
+ width: 0; }
809
+
810
+ .premium-banner-animation7 .premium-banner-btop {
811
+ left: -webkit-calc(100% - 150px);
812
+ left: calc(100% - 150px);
813
+ top: 30px;
814
+ width: 0; }
815
+
816
+ .premium-banner-animation7 .premium-banner-ib-desc {
817
+ padding: 70px;
818
+ display: table; }
819
+ .premium-banner-animation7 .premium-banner-ib-desc .premium-banner-desc-centered {
820
+ display: table-cell;
821
+ vertical-align: middle; }
822
+
823
+ .premium-banner-animation7 .premium-banner-ib-title {
824
+ margin-top: 0; }
825
+
826
+ .premium-banner-animation7 .premium-banner-ib-title,
827
+ .premium-banner-animation7 img {
828
+ -webkit-transform: translate3d(-30px, 0, 0);
829
+ transform: translate3d(-30px, 0, 0); }
830
+
831
+ .premium-banner-animation7.zoomout img,
832
+ .premium-banner-animation7.scale img {
833
+ -webkit-transform: translate3d(-30px, 0, 0) scale(1.1);
834
+ transform: translate3d(-30px, 0, 0) scale(1.1); }
835
+
836
+ .premium-banner-animation7 .premium-banner-ib-content,
837
+ .premium-banner-animation7 .premium-banner-read-more {
838
+ margin-top: 10px; }
839
+
840
+ .premium-banner-animation7 .premium-banner-ib-desc::after, .premium-banner-animation7 .premium-banner-ib-desc::before {
841
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
842
+ transition: opacity 0.35s, -webkit-transform 0.35s;
843
+ transition: opacity 0.35s, transform 0.35s;
844
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
845
+
846
+ .premium-banner-animation7 .premium-banner-ib-title,
847
+ .premium-banner-animation7 .premium-banner-ib-content,
848
+ .premium-banner-animation7 .premium-banner-read-more {
849
+ opacity: 0;
850
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
851
+ transition: opacity 0.35s, -webkit-transform 0.35s;
852
+ transition: opacity 0.35s, transform 0.35s;
853
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
854
+
855
+ .premium-banner-animation7:hover .premium-banner-ib-content,
856
+ .premium-banner-animation7.active .premium-banner-ib-content,
857
+ .premium-banner-animation7:hover .premium-banner-read-more,
858
+ .premium-banner-animation7.active .premium-banner-read-more,
859
+ .premium-banner-animation7:hover .premium-banner-ib-title,
860
+ .premium-banner-animation7.active .premium-banner-ib-title {
861
+ opacity: 1;
862
+ -webkit-transform: translate3d(0, 0, 0);
863
+ transform: translate3d(0, 0, 0); }
864
+
865
+ .premium-banner-animation7:hover .premium-banner-bleft, .premium-banner-animation7.active .premium-banner-bleft {
866
+ top: 30px;
867
+ height: 70px; }
868
+
869
+ .premium-banner-animation7:hover .premium-banner-bright, .premium-banner-animation7.active .premium-banner-bright {
870
+ bottom: 30px;
871
+ height: 70px; }
872
+
873
+ .premium-banner-animation7:hover .premium-banner-bottom, .premium-banner-animation7.active .premium-banner-bottom {
874
+ right: 30px;
875
+ width: 70px; }
876
+
877
+ .premium-banner-animation7:hover .premium-banner-btop, .premium-banner-animation7.active .premium-banner-btop {
878
+ left: 30px;
879
+ width: 70px; }
880
+
881
+ .premium-banner-animation7:hover .premium-banner-ib-content,
882
+ .premium-banner-animation7:hover .premium-banner-read-more,
883
+ .premium-banner-animation7:hover .premium-banner-ib-title,
884
+ .premium-banner-animation7:hover img {
885
+ -webkit-transition-delay: 0.15s;
886
+ transition-delay: 0.15s; }
887
+
888
+ .premium-banner-animation8 img {
889
+ width: -webkit-calc(100% + 40px) !important;
890
+ width: calc(100% + 40px) !important;
891
+ max-width: -webkit-calc(100% + 40px) !important;
892
+ max-width: calc(100% + 40px) !important;
893
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
894
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
895
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
896
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; }
897
+
898
+ .premium-banner-animation8 .premium-banner-brlr {
899
+ width: 7px; }
900
+
901
+ .premium-banner-animation8 .premium-banner-brtb {
902
+ height: 7px; }
903
+
904
+ .premium-banner-animation8 .premium-banner-br {
905
+ position: absolute;
906
+ z-index: 1;
907
+ background-color: white;
908
+ -webkit-transition: all 0.3s ease-in-out;
909
+ transition: all 0.3s ease-in-out;
910
+ -webkit-transition-delay: 0.2s;
911
+ transition-delay: 0.2s; }
912
+
913
+ .premium-banner-animation8 .premium-banner-bleft {
914
+ left: 30px;
915
+ top: 50%;
916
+ -webkit-transform: translateY(-50%);
917
+ -ms-transform: translateY(-50%);
918
+ transform: translateY(-50%);
919
+ height: 0; }
920
+
921
+ .premium-banner-animation8 .premium-banner-bright {
922
+ right: 30px;
923
+ top: 50%;
924
+ -webkit-transform: translateY(-50%);
925
+ -ms-transform: translateY(-50%);
926
+ transform: translateY(-50%);
927
+ height: 0; }
928
+
929
+ .premium-banner-animation8 .premium-banner-bottom {
930
+ left: 50%;
931
+ -webkit-transform: translateX(-50%);
932
+ -ms-transform: translateX(-50%);
933
+ transform: translateX(-50%);
934
+ bottom: 30px;
935
+ width: 0; }
936
+
937
+ .premium-banner-animation8 .premium-banner-btop {
938
+ left: 50%;
939
+ -webkit-transform: translateX(-50%);
940
+ -ms-transform: translateX(-50%);
941
+ transform: translateX(-50%);
942
+ top: 30px;
943
+ width: 0; }
944
+
945
+ .premium-banner-animation8 .premium-banner-ib-desc {
946
+ padding: 70px;
947
+ display: table; }
948
+ .premium-banner-animation8 .premium-banner-ib-desc .premium-banner-desc-centered {
949
+ display: table-cell;
950
+ vertical-align: middle; }
951
+
952
+ .premium-banner-animation8 .premium-banner-ib-title {
953
+ margin-top: 0; }
954
+
955
+ .premium-banner-animation8 .premium-banner-ib-title,
956
+ .premium-banner-animation8 img {
957
+ -webkit-transform: translate3d(-30px, 0, 0);
958
+ transform: translate3d(-30px, 0, 0); }
959
+
960
+ .premium-banner-animation8.zoomout img,
961
+ .premium-banner-animation8.scale img {
962
+ -webkit-transform: translate3d(-30px, 0, 0) scale(1.1);
963
+ transform: translate3d(-30px, 0, 0) scale(1.1); }
964
+
965
+ .premium-banner-animation8 .premium-banner-ib-content,
966
+ .premium-banner-animation8 .premium-banner-read-more {
967
+ margin-top: 10px; }
968
+
969
+ .premium-banner-animation8 .premium-banner-ib-desc::after, .premium-banner-animation8 .premium-banner-ib-desc::before {
970
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
971
+ transition: opacity 0.35s, -webkit-transform 0.35s;
972
+ transition: opacity 0.35s, transform 0.35s;
973
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
974
+
975
+ .premium-banner-animation8 .premium-banner-ib-title,
976
+ .premium-banner-animation8 .premium-banner-ib-content,
977
+ .premium-banner-animation8 .premium-banner-read-more {
978
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
979
+ transition: opacity 0.35s, -webkit-transform 0.35s;
980
+ transition: opacity 0.35s, transform 0.35s;
981
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
982
+ opacity: 0; }
983
+
984
+ .premium-banner-animation8:hover .premium-banner-ib-content,
985
+ .premium-banner-animation8.active .premium-banner-ib-content,
986
+ .premium-banner-animation8:hover .premium-banner-read-more,
987
+ .premium-banner-animation8.active .premium-banner-read-more,
988
+ .premium-banner-animation8:hover .premium-banner-ib-title,
989
+ .premium-banner-animation8.active .premium-banner-ib-title {
990
+ opacity: 1;
991
+ -webkit-transform: translate3d(0, 0, 0);
992
+ transform: translate3d(0, 0, 0); }
993
+
994
+ .premium-banner-animation8:hover .premium-banner-bleft, .premium-banner-animation8.active .premium-banner-bleft {
995
+ height: -webkit-calc(100% - 61px);
996
+ height: calc(100% - 61px); }
997
+
998
+ .premium-banner-animation8:hover .premium-banner-bright, .premium-banner-animation8.active .premium-banner-bright {
999
+ height: -webkit-calc(100% - 61px);
1000
+ height: calc(100% - 61px); }
1001
+
1002
+ .premium-banner-animation8:hover .premium-banner-bottom, .premium-banner-animation8.active .premium-banner-bottom {
1003
+ width: -webkit-calc(100% - 61px);
1004
+ width: calc(100% - 61px); }
1005
+
1006
+ .premium-banner-animation8:hover .premium-banner-btop, .premium-banner-animation8.active .premium-banner-btop {
1007
+ width: -webkit-calc(100% - 61px);
1008
+ width: calc(100% - 61px); }
1009
+
1010
+ .premium-banner-animation8:hover .premium-banner-ib-content,
1011
+ .premium-banner-animation8:hover .premium-banner-ib-title,
1012
+ .premium-banner-animation8:hover .premium-banner-read-more,
1013
+ .premium-banner-animation8:hover img {
1014
+ -webkit-transition-delay: 0.15s;
1015
+ transition-delay: 0.15s; }
1016
+
1017
+ .premium-banner-animation9 img {
1018
+ width: -webkit-calc(100% + 20px) !important;
1019
+ width: calc(100% + 20px) !important;
1020
+ max-width: -webkit-calc(100% + 20px) !important;
1021
+ max-width: calc(100% + 20px) !important;
1022
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1023
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1024
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
1025
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1026
+ -webkit-transform: scale(1.2);
1027
+ -ms-transform: scale(1.2);
1028
+ transform: scale(1.2); }
1029
+
1030
+ .premium-banner-animation9 .premium-banner-ib-desc {
1031
+ width: 100%;
1032
+ height: 100%; }
1033
+ .premium-banner-animation9 .premium-banner-ib-desc::before {
1034
+ position: absolute;
1035
+ top: 50%;
1036
+ left: 50%;
1037
+ width: 80%;
1038
+ height: 1px;
1039
+ background: #fff;
1040
+ content: "";
1041
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1042
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1043
+ transition: opacity 0.35s, transform 0.35s;
1044
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1045
+ -webkit-transform: translate3d(-50%, -50%, 0);
1046
+ transform: translate3d(-50%, -50%, 0); }
1047
+ .premium-banner-animation9 .premium-banner-ib-desc::after {
1048
+ position: absolute;
1049
+ top: 50%;
1050
+ left: 50%;
1051
+ width: 80%;
1052
+ height: 1px;
1053
+ background: #fff;
1054
+ content: "";
1055
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1056
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1057
+ transition: opacity 0.35s, transform 0.35s;
1058
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1059
+ -webkit-transform: translate3d(-50%, -50%, 0);
1060
+ transform: translate3d(-50%, -50%, 0); }
1061
+
1062
+ .premium-banner-animation9 .premium-banner-ib-title {
1063
+ position: absolute;
1064
+ top: 50%;
1065
+ left: 0;
1066
+ width: 100%;
1067
+ -webkit-transition: -webkit-transform 0.35s;
1068
+ transition: -webkit-transform 0.35s;
1069
+ transition: transform 0.35s;
1070
+ transition: transform 0.35s, -webkit-transform 0.35s;
1071
+ -webkit-transform: translate3d(0, -70px, 0);
1072
+ transform: translate3d(0, -70px, 0);
1073
+ margin-top: 0;
1074
+ padding: 0 10%; }
1075
+
1076
+ .premium-banner-animation9:hover .premium-banner-ib-title,
1077
+ .premium-banner-animation9.active .premium-banner-ib-title {
1078
+ -webkit-transform: translate3d(0, -80px, 0);
1079
+ transform: translate3d(0, -80px, 0); }
1080
+
1081
+ .premium-banner-animation9 .premium-banner-ib-content,
1082
+ .premium-banner-animation9 .premium-banner-read-more {
1083
+ position: absolute;
1084
+ top: 50%;
1085
+ left: 0;
1086
+ width: 100%;
1087
+ -webkit-transition: -webkit-transform 0.35s;
1088
+ transition: -webkit-transform 0.35s;
1089
+ transition: transform 0.35s;
1090
+ transition: transform 0.35s, -webkit-transform 0.35s;
1091
+ padding: 0 10%;
1092
+ -webkit-transform: translate3d(0, 35px, 0);
1093
+ transform: translate3d(0, 35px, 0); }
1094
+
1095
+ .premium-banner-animation9 .premium-banner-read-more {
1096
+ top: 75%; }
1097
+
1098
+ .premium-banner-animation9:hover .premium-banner-ib-content,
1099
+ .premium-banner-animation9.active .premium-banner-ib-content,
1100
+ .premium-banner-animation9:hover .premium-banner-read-more,
1101
+ .premium-banner-animation9.active .premium-banner-read-more {
1102
+ -webkit-transform: translate3d(0, 45px, 0);
1103
+ transform: translate3d(0, 45px, 0); }
1104
+
1105
+ .premium-banner-animation9:hover .premium-banner-ib-desc::before,
1106
+ .premium-banner-animation9.active .premium-banner-ib-desc::before {
1107
+ opacity: 0.5;
1108
+ -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
1109
+ transform: translate3d(-50%, -50%, 0) rotate(45deg); }
1110
+
1111
+ .premium-banner-animation9:hover .premium-banner-ib-desc::after,
1112
+ .premium-banner-animation9.active .premium-banner-ib-desc::after {
1113
+ opacity: 0.5;
1114
+ -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
1115
+ transform: translate3d(-50%, -50%, 0) rotate(-45deg); }
1116
+
1117
+ .premium-banner-animation9:hover img {
1118
+ -webkit-transform: scale(1);
1119
+ -ms-transform: scale(1);
1120
+ transform: scale(1); }
1121
+
1122
+ .premium-banner-animation10 img {
1123
+ width: -webkit-calc(100% + 20px) !important;
1124
+ width: calc(100% + 20px) !important;
1125
+ max-width: -webkit-calc(100% + 20px) !important;
1126
+ max-width: calc(100% + 20px) !important;
1127
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1128
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1129
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
1130
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; }
1131
+
1132
+ .premium-banner-animation10 .premium-banner-ib-title {
1133
+ position: relative;
1134
+ overflow: hidden;
1135
+ padding: 5px 0 15px;
1136
+ -webkit-transition: -webkit-transform 0.35s;
1137
+ transition: -webkit-transform 0.35s;
1138
+ transition: transform 0.35s;
1139
+ transition: transform 0.35s, -webkit-transform 0.35s;
1140
+ -webkit-transform: translate3d(0, 20px, 0);
1141
+ transform: translate3d(0, 20px, 0);
1142
+ margin-bottom: 0; }
1143
+ .premium-banner-animation10 .premium-banner-ib-title::after {
1144
+ position: absolute;
1145
+ content: "";
1146
+ bottom: 0;
1147
+ left: 0;
1148
+ width: 100%;
1149
+ height: 3px;
1150
+ background: #fff;
1151
+ opacity: 0;
1152
+ -webkit-transform: translate3d(0, 100%, 0);
1153
+ transform: translate3d(0, 100%, 0);
1154
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1155
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1156
+ transition: opacity 0.35s, transform 0.35s;
1157
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
1158
+
1159
+ .premium-banner-animation10:hover .premium-banner-ib-title,
1160
+ .premium-banner-animation10.active .premium-banner-ib-title {
1161
+ -webkit-transform: translate3d(0, 0, 0);
1162
+ transform: translate3d(0, 0, 0); }
1163
+
1164
+ .premium-banner-animation10:hover .premium-banner-ib-title::after,
1165
+ .premium-banner-animation10.active .premium-banner-ib-title::after {
1166
+ opacity: 1;
1167
+ -webkit-transform: translate3d(0, 0, 0);
1168
+ transform: translate3d(0, 0, 0); }
1169
+
1170
+ .premium-banner-animation10.zoomout img,
1171
+ .premium-banner-animation10.scale img {
1172
+ -webkit-transform: translate3d(-10px, 0, 0) scale(1.1);
1173
+ transform: translate3d(-10px, 0, 0) scale(1.1); }
1174
+
1175
+ .premium-banner-animation10 .premium-banner-ib-content,
1176
+ .premium-banner-animation10 .premium-banner-read-more {
1177
+ padding-top: 15px;
1178
+ opacity: 0;
1179
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1180
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1181
+ transition: opacity 0.35s, transform 0.35s;
1182
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1183
+ -webkit-transform: translate3d(0, 100%, 0);
1184
+ transform: translate3d(0, 100%, 0); }
1185
+
1186
+ .premium-banner-animation10 .premium-banner-read-more {
1187
+ padding: 0; }
1188
+
1189
+ .premium-banner-animation10:hover .premium-banner-ib-content,
1190
+ .premium-banner-animation10.active .premium-banner-ib-content,
1191
+ .premium-banner-animation10:hover .premium-banner-read-more,
1192
+ .premium-banner-animation10.active .premium-banner-read-more {
1193
+ opacity: 1;
1194
+ -webkit-transform: translate3d(0, 0, 0);
1195
+ transform: translate3d(0, 0, 0); }
1196
+
1197
+ .premium-banner-animation11 {
1198
+ -webkit-transition: -webkit-transform 1s ease-out;
1199
+ transition: -webkit-transform 1s ease-out;
1200
+ transition: transform 1s ease-out;
1201
+ transition: transform 1s ease-out, -webkit-transform 1s ease-out;
1202
+ -webkit-transition-delay: 0.125s;
1203
+ transition-delay: 0.125s; }
1204
+ .premium-banner-animation11 .premium-banner-ib-desc {
1205
+ position: absolute;
1206
+ z-index: 5;
1207
+ -webkit-transform: translate3d(-30px, 0, 0);
1208
+ transform: translate3d(-30px, 0, 0);
1209
+ opacity: 0;
1210
+ top: auto;
1211
+ bottom: 0;
1212
+ min-height: 25%;
1213
+ height: auto;
1214
+ max-height: 100%;
1215
+ text-align: left;
1216
+ padding: 30px;
1217
+ -webkit-transition: all 0.6s ease-out;
1218
+ transition: all 0.6s ease-out; }
1219
+ .premium-banner-animation11 img {
1220
+ width: 100%;
1221
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1222
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1223
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
1224
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; }
1225
+ .premium-banner-animation11 .premium-banner-ib-title {
1226
+ margin-bottom: 10px; }
1227
+ .premium-banner-animation11 .premium-banner-gradient {
1228
+ position: absolute;
1229
+ left: 0;
1230
+ top: 0;
1231
+ right: 0;
1232
+ bottom: 0; }
1233
+ .premium-banner-animation11 .premium-banner-gradient:after,
1234
+ .premium-banner-animation11 .premium-banner-gradient:before {
1235
+ position: absolute;
1236
+ content: "";
1237
+ left: 0;
1238
+ top: 0;
1239
+ right: 0;
1240
+ bottom: 0;
1241
+ -webkit-transform: translate3d(-100%, 0, 0);
1242
+ transform: translate3d(-100%, 0, 0);
1243
+ background-image: -webkit-linear-gradient(40deg, rgba(84, 89, 95, 0.5) 27.89%, #6ec1e4 72.11%);
1244
+ background-image: linear-gradient(50deg, rgba(84, 89, 95, 0.5) 27.89%, #6ec1e4 72.11%);
1245
+ z-index: 2; }
1246
+ .premium-banner-animation11 .premium-banner-gradient:before {
1247
+ mix-blend-mode: color; }
1248
+ .premium-banner-animation11 .premium-banner-gradient:after {
1249
+ mix-blend-mode: multiply; }
1250
+ .premium-banner-animation11:hover .premium-banner-ib-desc,
1251
+ .premium-banner-animation11.active .premium-banner-ib-desc {
1252
+ opacity: 1;
1253
+ -webkit-transform: translate3d(0, 0, 0);
1254
+ transform: translate3d(0, 0, 0); }
1255
+ .premium-banner-animation11:hover .premium-banner-gradient:after,
1256
+ .premium-banner-animation11:hover .premium-banner-gradient:before,
1257
+ .premium-banner-animation11.active .premium-banner-gradient:after,
1258
+ .premium-banner-animation11.active .premium-banner-gradient:before {
1259
+ -webkit-transform: translate3d(0, 0, 0);
1260
+ transform: translate3d(0, 0, 0); }
1261
+ .premium-banner-animation11.zoomout img,
1262
+ .premium-banner-animation11.scale img {
1263
+ -webkit-transform: translate3d(-10px, 0, 0) scale(1.1);
1264
+ transform: translate3d(-10px, 0, 0) scale(1.1); }
1265
+
1266
+ /**************** Premium CountDown *************/
1267
+ /************************************************/
1268
+ .premium-countdown {
1269
+ -js-display: flex;
1270
+ display: -webkit-box;
1271
+ display: -webkit-flex;
1272
+ display: -moz-box;
1273
+ display: -ms-flexbox;
1274
+ display: flex;
1275
+ text-align: center; }
1276
+
1277
+ .countdown-row {
1278
+ display: block;
1279
+ text-align: center; }
1280
+
1281
+ .countdown .countdown-section {
1282
+ display: inline-block;
1283
+ max-width: 100%;
1284
+ margin-bottom: 15px;
1285
+ -js-display: inline-flex;
1286
+ display: -webkit-inline-box;
1287
+ display: -webkit-inline-flex;
1288
+ display: -moz-inline-box;
1289
+ display: -ms-inline-flexbox;
1290
+ display: inline-flex;
1291
+ -webkit-box-align: center;
1292
+ -webkit-align-items: center;
1293
+ -moz-box-align: center;
1294
+ -ms-flex-align: center;
1295
+ align-items: center; }
1296
+ .countdown .countdown-section:last-child {
1297
+ margin-right: 0; }
1298
+
1299
+ .countdown span.countdown-amount {
1300
+ font-size: 70px;
1301
+ line-height: 1;
1302
+ padding: 40px; }
1303
+
1304
+ .countdown .pre_time-mid {
1305
+ display: block; }
1306
+
1307
+ .premium-countdown-separator-yes .countdown_separator {
1308
+ display: block;
1309
+ margin: 0 50px;
1310
+ font-size: 30px; }
1311
+
1312
+ .premium-countdown-separator-yes .countdown-row .countdown-section:last-child .countdown_separator,
1313
+ .premium-countdown-separator-yes .premium-countdown-block:last-child .countdown_separator {
1314
+ display: none; }
1315
+
1316
+ /**
1317
+ * Digit and unit styles
1318
+ */
1319
+ .side .countdown-section .countdown-period {
1320
+ vertical-align: bottom; }
1321
+
1322
+ .countdown .countdown-section .countdown-period {
1323
+ font-size: 17px;
1324
+ line-height: 3em; }
1325
+
1326
+ .side .countdown-section .countdown-amount,
1327
+ .side .countdown-section .countdown-period {
1328
+ display: inline-block; }
1329
+
1330
+ .side .countdown-section .countdown-amount {
1331
+ margin-right: 5px; }
1332
+
1333
+ .down .countdown-section .countdown-amount,
1334
+ .down .countdown-section .countdown-period {
1335
+ display: block; }
1336
+
1337
+ /**
1338
+ * Flip Layout
1339
+ */
1340
+ .premium-countdown-flip .premium-countdown-block {
1341
+ text-align: center;
1342
+ -js-display: inline-flex;
1343
+ display: -webkit-inline-box;
1344
+ display: -webkit-inline-flex;
1345
+ display: -moz-inline-box;
1346
+ display: -ms-inline-flexbox;
1347
+ display: inline-flex;
1348
+ -webkit-box-align: center;
1349
+ -webkit-align-items: center;
1350
+ -moz-box-align: center;
1351
+ -ms-flex-align: center;
1352
+ align-items: center; }
1353
+ .premium-countdown-flip .premium-countdown-block:last-child {
1354
+ margin-right: 0; }
1355
+
1356
+ .premium-countdown-flip .premium-countdown-label {
1357
+ overflow: hidden;
1358
+ color: #1a1a1a;
1359
+ text-transform: uppercase; }
1360
+
1361
+ .premium-countdown-flip .premium-countdown-figure {
1362
+ position: relative;
1363
+ height: 110px;
1364
+ width: 100px;
1365
+ line-height: 107px;
1366
+ background-color: #fff;
1367
+ -webkit-border-radius: 10px;
1368
+ border-radius: 10px;
1369
+ -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset 2px 4px 0 0 rgba(255, 255, 255, 0.08);
1370
+ box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset 2px 4px 0 0 rgba(255, 255, 255, 0.08); }
1371
+ .premium-countdown-flip .premium-countdown-figure:last-child {
1372
+ margin-right: 0; }
1373
+ .premium-countdown-flip .premium-countdown-figure > span {
1374
+ position: absolute;
1375
+ left: 0;
1376
+ right: 0;
1377
+ margin: auto;
1378
+ font-weight: 700; }
1379
+ .premium-countdown-flip .premium-countdown-figure .top {
1380
+ z-index: 3;
1381
+ -webkit-transform-origin: 50% 100%;
1382
+ -ms-transform-origin: 50% 100%;
1383
+ transform-origin: 50% 100%;
1384
+ -webkit-transform: perspective(200px);
1385
+ transform: perspective(200px);
1386
+ -webkit-backface-visibility: hidden;
1387
+ backface-visibility: hidden; }
1388
+ .premium-countdown-flip .premium-countdown-figure .bottom {
1389
+ z-index: 1; }
1390
+ .premium-countdown-flip .premium-countdown-figure .bottom::before {
1391
+ content: "";
1392
+ position: absolute;
1393
+ display: block;
1394
+ top: 0;
1395
+ left: 0;
1396
+ width: 100%;
1397
+ height: 50%;
1398
+ background-color: rgba(0, 0, 0, 0.02); }
1399
+ .premium-countdown-flip .premium-countdown-figure .top-back {
1400
+ -webkit-backface-visibility: hidden;
1401
+ backface-visibility: hidden;
1402
+ z-index: 4;
1403
+ bottom: 0;
1404
+ -webkit-transform-origin: 50% 0;
1405
+ -ms-transform-origin: 50% 0;
1406
+ transform-origin: 50% 0;
1407
+ -webkit-transform: perspective(200px) rotateX(180deg);
1408
+ transform: perspective(200px) rotateX(180deg); }
1409
+ .premium-countdown-flip .premium-countdown-figure .top-back span {
1410
+ position: absolute;
1411
+ top: -100%;
1412
+ left: 0;
1413
+ right: 0;
1414
+ margin: auto; }
1415
+ .premium-countdown-flip .premium-countdown-figure .bottom-back {
1416
+ z-index: 2;
1417
+ top: 0; }
1418
+ .premium-countdown-flip .premium-countdown-figure .bottom-back span {
1419
+ position: absolute;
1420
+ top: 0;
1421
+ left: 0;
1422
+ right: 0;
1423
+ margin: auto; }
1424
+ .premium-countdown-flip .premium-countdown-figure .top,
1425
+ .premium-countdown-flip .premium-countdown-figure .bottom-back,
1426
+ .premium-countdown-flip .premium-countdown-figure .top-back {
1427
+ height: 50%;
1428
+ overflow: hidden;
1429
+ background-color: #f7f7f7;
1430
+ -webkit-border-top-left-radius: 10px;
1431
+ border-top-left-radius: 10px;
1432
+ -webkit-border-top-right-radius: 10px;
1433
+ border-top-right-radius: 10px; }
1434
+ .premium-countdown-flip .premium-countdown-figure .top-back {
1435
+ -webkit-border-bottom-left-radius: 10px;
1436
+ border-bottom-left-radius: 10px;
1437
+ -webkit-border-bottom-right-radius: 10px;
1438
+ border-bottom-right-radius: 10px; }
1439
+ .premium-countdown-flip .premium-countdown-figure .top::after,
1440
+ .premium-countdown-flip .premium-countdown-figure .bottom-back::after {
1441
+ content: "";
1442
+ position: absolute;
1443
+ z-index: -1;
1444
+ left: 0;
1445
+ bottom: 0;
1446
+ width: 100%;
1447
+ height: 100%;
1448
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
1449
+
1450
+ .side .premium-countdown-figure,
1451
+ .side .premium-countdown-label {
1452
+ display: inline-block; }
1453
+
1454
+ .side .premium-countdown-figure {
1455
+ margin-right: 5px; }
1456
+
1457
+ .down .premium-countdown-figure,
1458
+ .down .premium-countdown-label {
1459
+ display: block; }
1460
+
1461
+ .down .premium-countdown-label {
1462
+ width: 100%; }
1463
+
1464
+ /**************** Premium Carousel ****************/
1465
+ /**************************************************/
1466
+ .premium-carousel-wrapper a.carousel-arrow, .premium-carousel-wrapper a.ver-carousel-arrow {
1467
+ -js-display: flex;
1468
+ display: -webkit-box;
1469
+ display: -webkit-flex;
1470
+ display: -moz-box;
1471
+ display: -ms-flexbox;
1472
+ display: flex;
1473
+ -webkit-box-align: center;
1474
+ -webkit-align-items: center;
1475
+ -moz-box-align: center;
1476
+ -ms-flex-align: center;
1477
+ align-items: center;
1478
+ -webkit-box-pack: center;
1479
+ -webkit-justify-content: center;
1480
+ -moz-box-pack: center;
1481
+ -ms-flex-pack: center;
1482
+ justify-content: center;
1483
+ width: 2em;
1484
+ height: 2em;
1485
+ line-height: 0;
1486
+ text-align: center;
1487
+ position: absolute;
1488
+ z-index: 99;
1489
+ cursor: pointer;
1490
+ -webkit-transition: all 0.3s ease-in-out;
1491
+ transition: all 0.3s ease-in-out;
1492
+ -webkit-appearance: inherit;
1493
+ border: none;
1494
+ -webkit-box-shadow: none;
1495
+ box-shadow: none; }
1496
+ .premium-carousel-wrapper a.carousel-arrow svg, .premium-carousel-wrapper a.ver-carousel-arrow svg {
1497
+ -webkit-transition: all 0.3s ease-in-out;
1498
+ transition: all 0.3s ease-in-out; }
1499
+
1500
+ .premium-tabs-nav-list a.carousel-arrow,
1501
+ .premium-fb-rev-container a.carousel-arrow,
1502
+ .premium-blog-wrap a.carousel-arrow,
1503
+ .premium-hscroll-wrap a.carousel-arrow,
1504
+ .premium-twitter-feed-wrapper a.carousel-arrow,
1505
+ .premium-facebook-feed-wrapper a.carousel-arrow,
1506
+ .premium-instafeed-container a.carousel-arrow,
1507
+ .premium-persons-container a.carousel-arrow {
1508
+ -js-display: flex;
1509
+ display: -webkit-box;
1510
+ display: -webkit-flex;
1511
+ display: -moz-box;
1512
+ display: -ms-flexbox;
1513
+ display: flex;
1514
+ -webkit-box-align: center;
1515
+ -webkit-align-items: center;
1516
+ -moz-box-align: center;
1517
+ -ms-flex-align: center;
1518
+ align-items: center;
1519
+ -webkit-box-pack: center;
1520
+ -webkit-justify-content: center;
1521
+ -moz-box-pack: center;
1522
+ -ms-flex-pack: center;
1523
+ justify-content: center;
1524
+ width: 2em;
1525
+ height: 2em;
1526
+ line-height: 0;
1527
+ text-align: center;
1528
+ position: absolute;
1529
+ z-index: 99;
1530
+ cursor: pointer;
1531
+ -webkit-transition: all 0.3s ease-in-out;
1532
+ transition: all 0.3s ease-in-out;
1533
+ -webkit-appearance: inherit;
1534
+ border: none;
1535
+ -webkit-box-shadow: none;
1536
+ box-shadow: none; }
1537
+
1538
+ div[class^="premium-"] .slick-arrow i {
1539
+ display: block; }
1540
+
1541
+ .ver-carousel-arrow.carousel-next i {
1542
+ margin-bottom: -3px; }
1543
+
1544
+ .premium-carousel-wrapper a.slick-arrow:hover {
1545
+ -webkit-box-shadow: none !important;
1546
+ box-shadow: none !important; }
1547
+
1548
+ .premium-carousel-wrapper .premium-carousel-content-hidden {
1549
+ visibility: hidden; }
1550
+
1551
+ .premium-carousel-wrapper a.carousel-arrow {
1552
+ top: 50%; }
1553
+
1554
+ .premium-tabs-nav-list a.carousel-arrow,
1555
+ .premium-fb-rev-container a.carousel-arrow,
1556
+ .premium-blog-wrap a.carousel-arrow,
1557
+ .premium-hscroll-wrap a.carousel-arrow,
1558
+ .premium-twitter-feed-wrapper a.carousel-arrow,
1559
+ .premium-facebook-feed-wrapper a.carousel-arrow,
1560
+ .premium-instafeed-container a.carousel-arrow,
1561
+ .premium-persons-container a.carousel-arrow {
1562
+ top: 50%;
1563
+ -webkit-transform: translateY(-50%);
1564
+ -ms-transform: translateY(-50%);
1565
+ transform: translateY(-50%); }
1566
+
1567
+ .premium-carousel-wrapper a.ver-carousel-arrow {
1568
+ left: 50%;
1569
+ -webkit-transform: translateX(-50%);
1570
+ -ms-transform: translateX(-50%);
1571
+ transform: translateX(-50%); }
1572
+
1573
+ a.carousel-arrow.carousel-next {
1574
+ right: -20px; }
1575
+
1576
+ a.carousel-arrow.carousel-prev {
1577
+ left: -20px; }
1578
+
1579
+ a.ver-carousel-arrow.carousel-next {
1580
+ bottom: -56px; }
1581
+
1582
+ a.ver-carousel-arrow.carousel-prev {
1583
+ top: -45px; }
1584
+
1585
+ a.circle-bg {
1586
+ -webkit-border-radius: 100%;
1587
+ border-radius: 100%; }
1588
+
1589
+ a.circle-border {
1590
+ -webkit-border-radius: 100%;
1591
+ border-radius: 100%;
1592
+ border: solid black; }
1593
+
1594
+ a.square-border {
1595
+ border: solid black; }
1596
+
1597
+ .premium-carousel-dots-below ul.slick-dots,
1598
+ .premium-blog-wrap ul.slick-dots,
1599
+ .premium-fb-rev-reviews ul.slick-dots {
1600
+ position: relative;
1601
+ bottom: 0;
1602
+ list-style: none;
1603
+ text-align: center;
1604
+ margin: 0;
1605
+ padding: 0; }
1606
+
1607
+ .premium-carousel-dots-above ul.slick-dots {
1608
+ position: absolute;
1609
+ -js-display: flex;
1610
+ display: -webkit-box;
1611
+ display: -webkit-flex;
1612
+ display: -moz-box;
1613
+ display: -ms-flexbox;
1614
+ display: flex;
1615
+ width: auto;
1616
+ top: 50%;
1617
+ bottom: auto;
1618
+ -webkit-transform: translateY(-50%);
1619
+ -ms-transform: translateY(-50%);
1620
+ transform: translateY(-50%);
1621
+ -webkit-box-orient: vertical;
1622
+ -webkit-box-direction: normal;
1623
+ -webkit-flex-direction: column;
1624
+ -moz-box-orient: vertical;
1625
+ -moz-box-direction: normal;
1626
+ -ms-flex-direction: column;
1627
+ flex-direction: column; }
1628
+
1629
+ ul.slick-dots li {
1630
+ font-size: 10px;
1631
+ -js-display: inline-flex;
1632
+ display: -webkit-inline-box;
1633
+ display: -webkit-inline-flex;
1634
+ display: -moz-inline-box;
1635
+ display: -ms-inline-flexbox;
1636
+ display: inline-flex;
1637
+ -webkit-box-pack: center;
1638
+ -webkit-justify-content: center;
1639
+ -moz-box-pack: center;
1640
+ -ms-flex-pack: center;
1641
+ justify-content: center;
1642
+ -webkit-box-align: center;
1643
+ -webkit-align-items: center;
1644
+ -moz-box-align: center;
1645
+ -ms-flex-align: center;
1646
+ align-items: center;
1647
+ margin: 5px;
1648
+ width: 20px;
1649
+ height: 20px;
1650
+ cursor: pointer; }
1651
+
1652
+ /*
1653
+ * Custom Navigation Dot
1654
+ */
1655
+ .premium-carousel-wrapper .premium-carousel-nav-dot,
1656
+ .premium-carousel-wrapper .premium-carousel-nav-arrow-prev,
1657
+ .premium-carousel-wrapper .premium-carousel-nav-arrow-next {
1658
+ display: none; }
1659
+
1660
+ .premium-carousel-wrapper ul.slick-dots svg {
1661
+ width: 20px;
1662
+ height: 20px; }
1663
+
1664
+ /* Ripple Out */
1665
+ @-webkit-keyframes hvr-ripple-out {
1666
+ 0% {
1667
+ -webkit-transform: scale(1);
1668
+ transform: scale(1);
1669
+ opacity: 1; }
1670
+ 100% {
1671
+ -webkit-transform: scale(1.5);
1672
+ transform: scale(1.5);
1673
+ opacity: 0; } }
1674
+ @keyframes hvr-ripple-out {
1675
+ 0% {
1676
+ -webkit-transform: scale(1);
1677
+ transform: scale(1);
1678
+ opacity: 1; }
1679
+ 100% {
1680
+ -webkit-transform: scale(1.5);
1681
+ transform: scale(1.5);
1682
+ opacity: 0; } }
1683
+
1684
+ .premium-carousel-ripple-yes .premium-carousel-wrapper {
1685
+ padding-bottom: 1px; }
1686
+
1687
+ .premium-carousel-ripple-yes ul.slick-dots li {
1688
+ position: relative; }
1689
+ .premium-carousel-ripple-yes ul.slick-dots li i {
1690
+ position: relative;
1691
+ z-index: 1; }
1692
+ .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
1693
+ content: "";
1694
+ position: absolute;
1695
+ -webkit-transform: scale(1);
1696
+ -ms-transform: scale(1);
1697
+ transform: scale(1);
1698
+ top: 0;
1699
+ right: 0;
1700
+ bottom: 0;
1701
+ left: 0;
1702
+ -webkit-border-radius: 50%;
1703
+ border-radius: 50%;
1704
+ pointer-events: none;
1705
+ background-color: rgba(0, 0, 0, 0.15); }
1706
+ .premium-carousel-ripple-yes ul.slick-dots li.slick-active:hover:before {
1707
+ background-color: rgba(0, 0, 0, 0.3); }
1708
+ .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
1709
+ -webkit-animation: hvr-ripple-out 1.3s infinite;
1710
+ animation: hvr-ripple-out 1.3s infinite; }
1711
+
1712
+ .premium-carousel-wrapper.premium-carousel-scale .slick-slide {
1713
+ -webkit-transform: scale(1.25, 1.25);
1714
+ -ms-transform: scale(1.25, 1.25);
1715
+ transform: scale(1.25, 1.25);
1716
+ -webkit-transition: all 0.3s ease-in-out !important;
1717
+ transition: all 0.3s ease-in-out !important; }
1718
+
1719
+ .premium-carousel-wrapper.premium-carousel-scale div.slick-active {
1720
+ -webkit-transform: scale(1, 1);
1721
+ -ms-transform: scale(1, 1);
1722
+ transform: scale(1, 1); }
1723
+
1724
+ [dir="rtl"] .premium-carousel-inner .slick-slide {
1725
+ float: right; }
1726
+
1727
+ /**************** Premium Counter ***************/
1728
+ /************************************************/
1729
+ .premium-counter-area {
1730
+ padding: 10px 0;
1731
+ -js-display: flex;
1732
+ display: -webkit-box;
1733
+ display: -webkit-flex;
1734
+ display: -moz-box;
1735
+ display: -ms-flexbox;
1736
+ display: flex;
1737
+ -webkit-box-pack: center;
1738
+ -webkit-justify-content: center;
1739
+ -moz-box-pack: center;
1740
+ -ms-flex-pack: center;
1741
+ justify-content: center;
1742
+ -webkit-box-align: center;
1743
+ -webkit-align-items: center;
1744
+ -moz-box-align: center;
1745
+ -ms-flex-align: center;
1746
+ align-items: center; }
1747
+ .premium-counter-area.top {
1748
+ -webkit-box-orient: vertical;
1749
+ -webkit-box-direction: normal;
1750
+ -webkit-flex-direction: column;
1751
+ -moz-box-orient: vertical;
1752
+ -moz-box-direction: normal;
1753
+ -ms-flex-direction: column;
1754
+ flex-direction: column; }
1755
+ .premium-counter-area.right {
1756
+ -webkit-box-orient: horizontal;
1757
+ -webkit-box-direction: reverse;
1758
+ -webkit-flex-direction: row-reverse;
1759
+ -moz-box-orient: horizontal;
1760
+ -moz-box-direction: reverse;
1761
+ -ms-flex-direction: row-reverse;
1762
+ flex-direction: row-reverse; }
1763
+ .premium-counter-area.right .premium-counter-icon {
1764
+ padding-left: 20px; }
1765
+ .premium-counter-area.left .premium-counter-icon {
1766
+ padding-right: 20px; }
1767
+ .premium-counter-area .premium-counter-icon .icon i.fa:before {
1768
+ vertical-align: text-top; }
1769
+ .premium-counter-area .premium-counter-icon span.icon {
1770
+ text-align: center;
1771
+ display: inline-block;
1772
+ vertical-align: middle; }
1773
+ .premium-counter-area .premium-counter-icon .circle {
1774
+ -webkit-border-radius: 100%;
1775
+ border-radius: 100%; }
1776
+ .premium-counter-area .premium-counter-icon img,
1777
+ .premium-counter-area .premium-counter-icon svg {
1778
+ width: 80px; }
1779
+ .premium-counter-area .premium-counter-icon .premium-counter-animation svg {
1780
+ height: 80px; }
1781
+ .premium-counter-area .premium-counter-title {
1782
+ padding: 0;
1783
+ margin: 0; }
1784
+ .premium-counter-area .premium-counter-value-wrap {
1785
+ -js-display: flex;
1786
+ display: -webkit-box;
1787
+ display: -webkit-flex;
1788
+ display: -moz-box;
1789
+ display: -ms-flexbox;
1790
+ display: flex;
1791
+ -webkit-box-align: center;
1792
+ -webkit-align-items: center;
1793
+ -moz-box-align: center;
1794
+ -ms-flex-align: center;
1795
+ align-items: center; }
1796
+
1797
+ .premium-init-wrapper.right {
1798
+ text-align: right; }
1799
+
1800
+ span.icon.flex-width {
1801
+ width: auto !important;
1802
+ height: auto !important; }
1803
+
1804
+ .premium-counter-area .premium-counter-init {
1805
+ font-size: 35px; }
1806
+
1807
+ /**************** Premium Image Separator ****************/
1808
+ /*********************************************************/
1809
+ .premium-image-separator-container {
1810
+ position: absolute;
1811
+ width: 100%;
1812
+ z-index: 2;
1813
+ top: auto;
1814
+ -webkit-transition: all 0.3s ease-in-out;
1815
+ transition: all 0.3s ease-in-out; }
1816
+ .premium-image-separator-container svg,
1817
+ .premium-image-separator-container img {
1818
+ display: inline-block !important;
1819
+ -webkit-mask-repeat: no-repeat;
1820
+ mask-repeat: no-repeat;
1821
+ -webkit-mask-position: center;
1822
+ mask-position: center; }
1823
+ .premium-image-separator-container .premium-image-separator-link {
1824
+ position: absolute;
1825
+ z-index: 9999;
1826
+ top: 0;
1827
+ left: 0;
1828
+ width: 100%;
1829
+ height: 100%;
1830
+ text-decoration: none; }
1831
+ .premium-image-separator-container .premium-image-separator-link:hover, .premium-image-separator-container .premium-image-separator-link:visited, .premium-image-separator-container .premium-image-separator-link:focus, .premium-image-separator-container .premium-image-separator-link:active {
1832
+ -webkit-box-shadow: none !important;
1833
+ box-shadow: none !important;
1834
+ outline: none !important;
1835
+ border: none !important;
1836
+ text-decoration: none !important; }
1837
+ .premium-image-separator-container i,
1838
+ .premium-image-separator-container > svg {
1839
+ padding: 20px;
1840
+ -webkit-transition: all 0.3s ease-in-out;
1841
+ transition: all 0.3s ease-in-out; }
1842
+
1843
+ /**************** Premium Modal Box ****************/
1844
+ /***************************************************/
1845
+ .premium-modal-trigger-btn,
1846
+ .premium-modal-box-modal-lower-close {
1847
+ display: inline-block;
1848
+ padding: 6px 12px;
1849
+ margin-bottom: 0;
1850
+ font-size: 14px;
1851
+ font-weight: normal;
1852
+ line-height: 1.42857143;
1853
+ text-align: center;
1854
+ white-space: nowrap;
1855
+ vertical-align: middle;
1856
+ -ms-touch-action: manipulation;
1857
+ touch-action: manipulation;
1858
+ cursor: pointer;
1859
+ -webkit-user-select: none;
1860
+ -moz-user-select: none;
1861
+ -ms-user-select: none;
1862
+ user-select: none;
1863
+ background-image: none;
1864
+ border: 1px solid transparent; }
1865
+
1866
+ .premium-modal-trigger-btn > svg,
1867
+ .premium-modal-trigger-btn .premium-modal-box-icon {
1868
+ -webkit-transition: all 0.3s ease-in-out;
1869
+ transition: all 0.3s ease-in-out; }
1870
+
1871
+ .premium-modal-trigger-btn > svg {
1872
+ width: 30px;
1873
+ height: 30px; }
1874
+
1875
+ .premium-modal-box-modal-close {
1876
+ float: right;
1877
+ font-size: 21px;
1878
+ font-weight: bold;
1879
+ line-height: 1;
1880
+ color: #000; }
1881
+ .premium-modal-box-modal-close:hover, .premium-modal-box-modal-close:focus {
1882
+ color: #000;
1883
+ text-decoration: none;
1884
+ cursor: pointer; }
1885
+
1886
+ button.premium-modal-box-modal-close {
1887
+ -webkit-appearance: none;
1888
+ padding: 0;
1889
+ cursor: pointer;
1890
+ background: transparent;
1891
+ border: 0; }
1892
+
1893
+ .premium-modal-box-modal {
1894
+ position: fixed;
1895
+ top: 0;
1896
+ right: 0;
1897
+ bottom: 0;
1898
+ left: 0;
1899
+ z-index: 1050;
1900
+ display: none;
1901
+ -webkit-overflow-scrolling: touch;
1902
+ outline: 0;
1903
+ padding: 0 !important;
1904
+ background: rgba(0, 0, 0, 0.5);
1905
+ -webkit-box-align: center;
1906
+ -webkit-align-items: center;
1907
+ -moz-box-align: center;
1908
+ -ms-flex-align: center;
1909
+ align-items: center;
1910
+ -webkit-box-pack: center;
1911
+ -webkit-justify-content: center;
1912
+ -moz-box-pack: center;
1913
+ -ms-flex-pack: center;
1914
+ justify-content: center; }
1915
+ .premium-modal-box-modal .premium-modal-box-modal-dialog {
1916
+ position: absolute;
1917
+ max-height: -webkit-calc(100vh - 150px);
1918
+ max-height: calc(100vh - 150px);
1919
+ -js-display: flex;
1920
+ display: -webkit-box;
1921
+ display: -webkit-flex;
1922
+ display: -moz-box;
1923
+ display: -ms-flexbox;
1924
+ display: flex;
1925
+ -webkit-box-orient: vertical;
1926
+ -webkit-box-direction: normal;
1927
+ -webkit-flex-direction: column;
1928
+ -moz-box-orient: vertical;
1929
+ -moz-box-direction: normal;
1930
+ -ms-flex-direction: column;
1931
+ flex-direction: column;
1932
+ opacity: 0; }
1933
+
1934
+ .premium-modal-box-modal-content {
1935
+ background-color: #fff;
1936
+ background-clip: padding-box;
1937
+ border: 1px solid rgba(0, 0, 0, 0.2);
1938
+ -webkit-border-radius: 6px;
1939
+ border-radius: 6px;
1940
+ outline: 0;
1941
+ overflow-x: hidden; }
1942
+
1943
+ .premium-modal-backdrop.premium-in {
1944
+ filter: alpha(opacity=50);
1945
+ opacity: 0.5 !important; }
1946
+
1947
+ .premium-in {
1948
+ opacity: 1; }
1949
+
1950
+ .premium-modal-backdrop {
1951
+ position: fixed;
1952
+ top: 0;
1953
+ right: 0;
1954
+ bottom: 0;
1955
+ left: 0;
1956
+ z-index: 1040;
1957
+ background-color: #000; }
1958
+
1959
+ .premium-in {
1960
+ -js-display: flex !important;
1961
+ display: -webkit-box !important;
1962
+ display: -webkit-flex !important;
1963
+ display: -moz-box !important;
1964
+ display: -ms-flexbox !important;
1965
+ display: flex !important; }
1966
+
1967
+ .premium-modal-box-modal-header {
1968
+ -js-display: flex;
1969
+ display: -webkit-box;
1970
+ display: -webkit-flex;
1971
+ display: -moz-box;
1972
+ display: -ms-flexbox;
1973
+ display: flex;
1974
+ -webkit-box-pack: justify;
1975
+ -webkit-justify-content: space-between;
1976
+ -moz-box-pack: justify;
1977
+ -ms-flex-pack: justify;
1978
+ justify-content: space-between;
1979
+ -webkit-box-align: center;
1980
+ -webkit-align-items: center;
1981
+ -moz-box-align: center;
1982
+ -ms-flex-align: center;
1983
+ align-items: center;
1984
+ padding: 5px 15px;
1985
+ border-bottom: 1px solid #e5e5e5; }
1986
+ .premium-modal-box-modal-header .premium-modal-box-modal-close {
1987
+ margin-top: -2px; }
1988
+ .premium-modal-box-modal-header .premium-modal-box-modal-title {
1989
+ -js-display: flex;
1990
+ display: -webkit-box;
1991
+ display: -webkit-flex;
1992
+ display: -moz-box;
1993
+ display: -ms-flexbox;
1994
+ display: flex;
1995
+ -webkit-box-align: center;
1996
+ -webkit-align-items: center;
1997
+ -moz-box-align: center;
1998
+ -ms-flex-align: center;
1999
+ align-items: center;
2000
+ margin: 0;
2001
+ padding: 0; }
2002
+ .premium-modal-box-modal-header .premium-modal-box-modal-title svg {
2003
+ width: 50px;
2004
+ height: 60px; }
2005
+
2006
+ .premium-modal-box-modal-body {
2007
+ position: relative;
2008
+ padding: 15px;
2009
+ overflow: hidden; }
2010
+
2011
+ .premium-modal-box-modal-footer {
2012
+ padding: 15px;
2013
+ text-align: right;
2014
+ border-top: 1px solid #e5e5e5; }
2015
+
2016
+ .premium-modal-scrollbar-measure {
2017
+ position: absolute;
2018
+ top: -9999px;
2019
+ width: 50px;
2020
+ height: 50px;
2021
+ overflow: scroll; }
2022
+
2023
+ .premium-modal-trigger-text {
2024
+ background: none !important;
2025
+ display: inline-block; }
2026
+
2027
+ .premium-modal-box-container {
2028
+ width: 100% !important; }
2029
+
2030
+ /*Open Modal Button Style*/
2031
+ .premium-modal-trigger-container .premium-modal-trigger-btn {
2032
+ -js-display: inline-flex;
2033
+ display: -webkit-inline-box;
2034
+ display: -webkit-inline-flex;
2035
+ display: -moz-inline-box;
2036
+ display: -ms-inline-flexbox;
2037
+ display: inline-flex;
2038
+ -webkit-box-align: center;
2039
+ -webkit-align-items: center;
2040
+ -moz-box-align: center;
2041
+ -ms-flex-align: center;
2042
+ align-items: center;
2043
+ border: none;
2044
+ -webkit-transition: all 0.3s ease-in-out;
2045
+ transition: all 0.3s ease-in-out; }
2046
+ .premium-modal-trigger-container .premium-modal-trigger-btn.premium-btn-block {
2047
+ -webkit-box-pack: center;
2048
+ -webkit-justify-content: center;
2049
+ -moz-box-pack: center;
2050
+ -ms-flex-pack: center;
2051
+ justify-content: center; }
2052
+
2053
+ .premium-modal-trigger-container .premium-modal-trigger-img,
2054
+ .premium-modal-trigger-container .premium-modal-trigger-text,
2055
+ .premium-modal-trigger-container .premium-modal-trigger-animation {
2056
+ cursor: pointer; }
2057
+
2058
+ .premium-modal-trigger-container .premium-modal-trigger-animation {
2059
+ display: inline-block;
2060
+ width: 200px;
2061
+ height: 200px;
2062
+ -webkit-transition: all 0.3s ease-in-out;
2063
+ transition: all 0.3s ease-in-out; }
2064
+
2065
+ /*Image on Modal Header Style*/
2066
+ .premium-modal-box-modal-header img {
2067
+ width: 48px;
2068
+ padding-right: 5px; }
2069
+
2070
+ .premium-modal-box-modal-header i,
2071
+ .premium-modal-box-modal-header svg {
2072
+ padding-right: 6px; }
2073
+
2074
+ .premium-modal-box-modal-close {
2075
+ position: relative;
2076
+ z-index: 99; }
2077
+
2078
+ .premium-modal-trigger-img,
2079
+ .premium-modal-trigger-text,
2080
+ .premium-modal-box-close-button-container,
2081
+ .premium-modal-box-modal-close,
2082
+ .premium-modal-box-modal-lower-close {
2083
+ -webkit-transition: all 0.3s ease-in-out;
2084
+ transition: all 0.3s ease-in-out; }
2085
+
2086
+ @media (min-width: 768px) {
2087
+ .premium-modal-box-modal-dialog {
2088
+ width: 700px;
2089
+ max-height: 600px;
2090
+ overflow: auto; } }
2091
+
2092
+ @media (max-width: 767px) {
2093
+ .premium-modal-box-modal-dialog {
2094
+ width: 100%;
2095
+ max-height: 500px;
2096
+ overflow: auto; } }
2097
+
2098
+ .premium-modal-box-container[data-modal-animation*="animated-"] {
2099
+ opacity: 0; }
2100
+
2101
+ /**************** Premium Progress Bar ****************/
2102
+ /******************************************************/
2103
+ .premium-progressbar-container {
2104
+ position: relative; }
2105
+
2106
+ .premium-progressbar-bar-wrap {
2107
+ position: relative;
2108
+ text-align: left;
2109
+ overflow: hidden;
2110
+ height: 25px;
2111
+ margin-bottom: 50px;
2112
+ background-color: #f5f5f5;
2113
+ -webkit-border-radius: 4px;
2114
+ border-radius: 4px;
2115
+ -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
2116
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }
2117
+ .premium-progressbar-bar-wrap.premium-progressbar-dots {
2118
+ background-color: transparent;
2119
+ width: 100%;
2120
+ -js-display: flex;
2121
+ display: -webkit-box;
2122
+ display: -webkit-flex;
2123
+ display: -moz-box;
2124
+ display: -ms-flexbox;
2125
+ display: flex;
2126
+ height: auto;
2127
+ -webkit-box-shadow: none;
2128
+ box-shadow: none; }
2129
+ .premium-progressbar-bar-wrap .progress-segment {
2130
+ position: relative;
2131
+ width: 25px;
2132
+ height: 25px;
2133
+ -webkit-border-radius: 50%;
2134
+ border-radius: 50%;
2135
+ overflow: hidden;
2136
+ background-color: #f5f5f5; }
2137
+ .premium-progressbar-bar-wrap .progress-segment.filled {
2138
+ background: #6ec1e4; }
2139
+ .premium-progressbar-bar-wrap .progress-segment:not(:first-child):not(:last-child) {
2140
+ margin: 0 4px; }
2141
+ .premium-progressbar-bar-wrap .progress-segment:first-child {
2142
+ margin-right: 4px; }
2143
+ .premium-progressbar-bar-wrap .progress-segment:last-child {
2144
+ margin-left: 4px; }
2145
+ .premium-progressbar-bar-wrap .progress-segment .segment-inner {
2146
+ position: absolute;
2147
+ top: 0;
2148
+ left: 0;
2149
+ height: 100%;
2150
+ background-color: #6ec1e4; }
2151
+
2152
+ .premium-progressbar-bar {
2153
+ float: left;
2154
+ width: 0%;
2155
+ height: 100%;
2156
+ font-size: 12px;
2157
+ line-height: 20px;
2158
+ background: #6ec1e4;
2159
+ text-align: center;
2160
+ -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2161
+ box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); }
2162
+
2163
+ .premium-progressbar-striped .premium-progressbar-bar {
2164
+ 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);
2165
+ 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);
2166
+ -webkit-background-size: 40px 40px;
2167
+ background-size: 40px 40px; }
2168
+
2169
+ .premium-progressbar-active .premium-progressbar-bar {
2170
+ -webkit-animation: progress-bar-stripes 2s linear infinite;
2171
+ animation: progress-bar-stripes 2s linear infinite; }
2172
+
2173
+ .premium-progressbar-gradient .premium-progressbar-bar {
2174
+ -webkit-background-size: 400% 400% !important;
2175
+ background-size: 400% 400% !important;
2176
+ -webkit-animation: progress-bar-gradient 10s ease-in-out infinite;
2177
+ animation: progress-bar-gradient 10s ease-in-out infinite; }
2178
+
2179
+ .premium-progressbar-bar {
2180
+ position: absolute;
2181
+ overflow: hidden;
2182
+ line-height: 20px; }
2183
+
2184
+ .premium-progressbar-container .clearfix {
2185
+ clear: both; }
2186
+
2187
+ .premium-progressbar-bar {
2188
+ -webkit-transition: width 0s ease-in-out !important;
2189
+ transition: width 0s ease-in-out !important; }
2190
+
2191
+ .premium-progressbar-container p:first-of-type {
2192
+ margin: 0;
2193
+ float: left; }
2194
+
2195
+ .premium-progressbar-container p:nth-of-type(2) {
2196
+ margin: 0;
2197
+ float: right; }
2198
+
2199
+ .premium-progressbar-name {
2200
+ left: 50%;
2201
+ top: 0;
2202
+ right: 0;
2203
+ -webkit-transform: translateX(-12.5px);
2204
+ -ms-transform: translateX(-12.5px);
2205
+ transform: translateX(-12.5px);
2206
+ z-index: 1; }
2207
+
2208
+ .premium-progressbar-multiple-label {
2209
+ position: relative;
2210
+ float: left;
2211
+ width: 0;
2212
+ left: 50%; }
2213
+
2214
+ .premium-progressbar-center-label {
2215
+ position: relative;
2216
+ white-space: nowrap; }
2217
+
2218
+ .premium-progressbar-arrow {
2219
+ height: 15px;
2220
+ left: 50%;
2221
+ display: inline-block;
2222
+ border-left: 7px solid transparent;
2223
+ border-right: 7px solid transparent;
2224
+ border-top: 11px solid;
2225
+ -webkit-transform: translateX(-50%);
2226
+ -ms-transform: translateX(-50%);
2227
+ transform: translateX(-50%); }
2228
+
2229
+ .premium-progressbar-pin {
2230
+ border-left: 1px solid;
2231
+ height: 12px;
2232
+ left: 50%;
2233
+ display: inline-block; }
2234
+
2235
+ /**
2236
+ * Circle Progress Bar
2237
+ */
2238
+ .premium-progressbar-circle-wrap {
2239
+ width: 200px;
2240
+ height: 200px;
2241
+ position: relative;
2242
+ margin: 0 auto; }
2243
+ .premium-progressbar-circle-wrap .premium-progressbar-circle {
2244
+ position: absolute;
2245
+ top: 0;
2246
+ left: 0;
2247
+ width: 100%;
2248
+ height: 100%;
2249
+ -webkit-clip-path: inset(0 0 0 50%);
2250
+ clip-path: inset(0 0 0 50%); }
2251
+ .premium-progressbar-circle-wrap .premium-progressbar-circle div {
2252
+ position: absolute;
2253
+ left: 0;
2254
+ top: 0;
2255
+ height: 100%;
2256
+ width: 100%;
2257
+ border-width: 6px;
2258
+ border-style: solid;
2259
+ border-color: #54595f;
2260
+ -webkit-border-radius: 50%;
2261
+ border-radius: 50%;
2262
+ -webkit-clip-path: inset(0 50% 0 0);
2263
+ clip-path: inset(0 50% 0 0); }
2264
+ .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-left {
2265
+ -webkit-transform: rotate(0);
2266
+ -ms-transform: rotate(0);
2267
+ transform: rotate(0); }
2268
+ .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-right {
2269
+ -webkit-transform: rotate(180deg);
2270
+ -ms-transform: rotate(180deg);
2271
+ transform: rotate(180deg);
2272
+ visibility: hidden; }
2273
+ .premium-progressbar-circle-wrap .premium-progressbar-circle-base {
2274
+ width: 100%;
2275
+ height: 100%;
2276
+ border: 6px solid #eee;
2277
+ -webkit-border-radius: 50%;
2278
+ border-radius: 50%; }
2279
+ .premium-progressbar-circle-wrap .premium-progressbar-circle-content {
2280
+ position: absolute;
2281
+ top: 0;
2282
+ left: 0;
2283
+ width: 100%;
2284
+ height: 100%;
2285
+ -js-display: flex;
2286
+ display: -webkit-box;
2287
+ display: -webkit-flex;
2288
+ display: -moz-box;
2289
+ display: -ms-flexbox;
2290
+ display: flex;
2291
+ -webkit-box-orient: vertical;
2292
+ -webkit-box-direction: normal;
2293
+ -webkit-flex-direction: column;
2294
+ -moz-box-orient: vertical;
2295
+ -moz-box-direction: normal;
2296
+ -ms-flex-direction: column;
2297
+ flex-direction: column;
2298
+ -webkit-box-pack: center;
2299
+ -webkit-justify-content: center;
2300
+ -moz-box-pack: center;
2301
+ -ms-flex-pack: center;
2302
+ justify-content: center;
2303
+ -webkit-box-align: center;
2304
+ -webkit-align-items: center;
2305
+ -moz-box-align: center;
2306
+ -ms-flex-align: center;
2307
+ align-items: center; }
2308
+ .premium-progressbar-circle-wrap .premium-lottie-animation {
2309
+ line-height: 1; }
2310
+
2311
+ @-webkit-keyframes progress-bar-stripes {
2312
+ from {
2313
+ background-position: 0 0; }
2314
+ to {
2315
+ background-position: 40px 0; } }
2316
+
2317
+ @keyframes progress-bar-stripes {
2318
+ from {
2319
+ background-position: 0 0; }
2320
+ to {
2321
+ background-position: 40px 0; } }
2322
+
2323
+ @-webkit-keyframes progress-bar-gradient {
2324
+ 0% {
2325
+ background-position: 0% 50%; }
2326
+ 50% {
2327
+ background-position: 100% 50%; }
2328
+ 100% {
2329
+ background-position: 0% 50%; } }
2330
+
2331
+ @keyframes progress-bar-gradient {
2332
+ 0% {
2333
+ background-position: 0% 50%; }
2334
+ 50% {
2335
+ background-position: 100% 50%; }
2336
+ 100% {
2337
+ background-position: 0% 50%; } }
2338
+
2339
+ /**************** Premium Testimonials ****************/
2340
+ /******************************************************/
2341
+ .premium-testimonial-box {
2342
+ width: 100%;
2343
+ background: transparent;
2344
+ -webkit-transition: all 0.3s ease-in-out;
2345
+ transition: all 0.3s ease-in-out; }
2346
+ .premium-testimonial-box .premium-testimonial-author-info {
2347
+ -js-display: flex;
2348
+ display: -webkit-box;
2349
+ display: -webkit-flex;
2350
+ display: -moz-box;
2351
+ display: -ms-flexbox;
2352
+ display: flex;
2353
+ -webkit-box-pack: center;
2354
+ -webkit-justify-content: center;
2355
+ -moz-box-pack: center;
2356
+ -ms-flex-pack: center;
2357
+ justify-content: center;
2358
+ -webkit-box-align: center;
2359
+ -webkit-align-items: center;
2360
+ -moz-box-align: center;
2361
+ -ms-flex-align: center;
2362
+ align-items: center; }
2363
+ .premium-testimonial-box .premium-testimonial-person-name,
2364
+ .premium-testimonial-box .premium-testimonial-company-name {
2365
+ font-weight: 600;
2366
+ margin: 0; }
2367
+
2368
+ .premium-testimonial-container {
2369
+ position: relative; }
2370
+
2371
+ .premium-testimonial-img-wrapper {
2372
+ margin-left: auto;
2373
+ margin-right: auto;
2374
+ overflow: hidden;
2375
+ border-style: solid !important; }
2376
+ .premium-testimonial-img-wrapper.circle {
2377
+ -webkit-border-radius: 50%;
2378
+ border-radius: 50%; }
2379
+ .premium-testimonial-img-wrapper.rounded {
2380
+ -webkit-border-radius: 15px;
2381
+ border-radius: 15px; }
2382
+ .premium-testimonial-img-wrapper img {
2383
+ -o-object-fit: cover;
2384
+ object-fit: cover;
2385
+ width: 100%;
2386
+ height: 100% !important; }
2387
+
2388
+ .premium-testimonial-content-wrapper {
2389
+ position: relative;
2390
+ -js-display: flex;
2391
+ display: -webkit-box;
2392
+ display: -webkit-flex;
2393
+ display: -moz-box;
2394
+ display: -ms-flexbox;
2395
+ display: flex;
2396
+ -webkit-box-orient: vertical;
2397
+ -webkit-box-direction: normal;
2398
+ -webkit-flex-direction: column;
2399
+ -moz-box-orient: vertical;
2400
+ -moz-box-direction: normal;
2401
+ -ms-flex-direction: column;
2402
+ flex-direction: column;
2403
+ z-index: 2;
2404
+ width: 100%;
2405
+ padding: 20px;
2406
+ text-align: center; }
2407
+
2408
+ .premium-testimonial-clear-float {
2409
+ clear: both; }
2410
+
2411
+ .premium-testimonial-upper-quote,
2412
+ .premium-testimonial-lower-quote {
2413
+ position: absolute;
2414
+ z-index: 1; }
2415
+
2416
+ /**************** Premium Dual Heading *****************/
2417
+ /*******************************************************/
2418
+ .premium-dual-header-container .premium-dual-header-first-header,
2419
+ .premium-dual-header-container .premium-dual-header-second-header {
2420
+ position: relative;
2421
+ padding: 0;
2422
+ margin: 0;
2423
+ display: inline-block;
2424
+ -webkit-transform: translate(0, 0);
2425
+ -ms-transform: translate(0, 0);
2426
+ transform: translate(0, 0); }
2427
+
2428
+ .premium-dual-header-first-clip .premium-dual-header-first-span,
2429
+ .premium-dual-header-second-clip {
2430
+ -webkit-text-fill-color: transparent;
2431
+ -webkit-background-clip: text;
2432
+ background-clip: text; }
2433
+
2434
+ .premium-dual-header-first-clip.stroke .premium-dual-header-first-span,
2435
+ .premium-dual-header-second-clip.stroke {
2436
+ -webkit-text-stroke-color: transparent;
2437
+ -webkit-text-fill-color: #fafafa;
2438
+ -webkit-text-stroke-width: 2px; }
2439
+
2440
+ @media (max-width: 500px) {
2441
+ .premium-dual-header-container .premium-dual-header-first-header,
2442
+ .premium-dual-header-container .premium-dual-header-second-header {
2443
+ display: block;
2444
+ word-wrap: break-word; }
2445
+ .premium-dual-header-first-container,
2446
+ .premium-dual-header-second-container {
2447
+ margin: 0; } }
2448
+
2449
+ @media (min-width: 501px) {
2450
+ .premium-dual-header-first-container {
2451
+ margin-right: 5px; } }
2452
+
2453
+ .premium-dual-header-first-header.gradient .premium-dual-header-first-span,
2454
+ .premium-dual-header-second-header.gradient {
2455
+ -webkit-background-size: 300% 300% !important;
2456
+ background-size: 300% 300% !important;
2457
+ -webkit-animation: Gradient 10s ease-in-out infinite;
2458
+ animation: Gradient 10s ease-in-out infinite; }
2459
+
2460
+ @-webkit-keyframes Gradient {
2461
+ 0% {
2462
+ background-position: 0% 50%; }
2463
+ 50% {
2464
+ background-position: 100% 50%; }
2465
+ 100% {
2466
+ background-position: 0% 50%; } }
2467
+
2468
+ @keyframes Gradient {
2469
+ 0% {
2470
+ background-position: 0% 50%; }
2471
+ 50% {
2472
+ background-position: 100% 50%; }
2473
+ 100% {
2474
+ background-position: 0% 50%; } }
2475
+
2476
+ .premium-mask-yes.premium-header-inline .premium-dual-header-first-span,
2477
+ .premium-mask-yes.premium-header-inline .premium-dual-header-first-span {
2478
+ display: inline-block !important; }
2479
+
2480
+ /**************** Premium Title ****************/
2481
+ /***********************************************/
2482
+ .premium-title-container {
2483
+ position: relative;
2484
+ width: 100%;
2485
+ clear: both; }
2486
+ .premium-title-container .premium-title-header {
2487
+ position: relative;
2488
+ margin: 0;
2489
+ padding: 10px; }
2490
+ .premium-title-container .premium-title-header:not(.premium-title-style7) {
2491
+ -webkit-box-align: center;
2492
+ -webkit-align-items: center;
2493
+ -moz-box-align: center;
2494
+ -ms-flex-align: center;
2495
+ align-items: center; }
2496
+ .premium-title-container .premium-title-header svg {
2497
+ width: 40px;
2498
+ height: 40px; }
2499
+ .premium-title-container .premium-title-header img {
2500
+ width: 40px;
2501
+ height: 40px;
2502
+ -o-object-fit: cover;
2503
+ object-fit: cover; }
2504
+ .premium-title-container .premium-title-header a {
2505
+ position: absolute;
2506
+ top: 0;
2507
+ left: 0;
2508
+ width: 100%;
2509
+ height: 100%; }
2510
+ .premium-title-container .premium-lottie-animation {
2511
+ -js-display: flex;
2512
+ display: -webkit-box;
2513
+ display: -webkit-flex;
2514
+ display: -moz-box;
2515
+ display: -ms-flexbox;
2516
+ display: flex; }
2517
+
2518
+ .premium-title-icon-row .premium-title-icon {
2519
+ margin-right: 10px; }
2520
+
2521
+ .premium-title-icon-row-reverse .premium-title-icon {
2522
+ margin-left: 10px; }
2523
+
2524
+ .premium-title-style3,
2525
+ .premium-title-style4 {
2526
+ -js-display: flex;
2527
+ display: -webkit-box;
2528
+ display: -webkit-flex;
2529
+ display: -moz-box;
2530
+ display: -ms-flexbox;
2531
+ display: flex; }
2532
+
2533
+ .premium-title-style1,
2534
+ .premium-title-style2,
2535
+ .premium-title-style5,
2536
+ .premium-title-style6,
2537
+ .premium-title-style8,
2538
+ .premium-title-style9 {
2539
+ -js-display: inline-flex;
2540
+ display: -webkit-inline-box;
2541
+ display: -webkit-inline-flex;
2542
+ display: -moz-inline-box;
2543
+ display: -ms-inline-flexbox;
2544
+ display: inline-flex; }
2545
+
2546
+ .premium-title-style7 {
2547
+ -js-display: inline-flex;
2548
+ display: -webkit-inline-box;
2549
+ display: -webkit-inline-flex;
2550
+ display: -moz-inline-box;
2551
+ display: -ms-inline-flexbox;
2552
+ display: inline-flex;
2553
+ -webkit-box-orient: vertical;
2554
+ -webkit-box-direction: normal;
2555
+ -webkit-flex-direction: column;
2556
+ -moz-box-orient: vertical;
2557
+ -moz-box-direction: normal;
2558
+ -ms-flex-direction: column;
2559
+ flex-direction: column; }
2560
+ .premium-title-style7 .premium-title-style7-inner {
2561
+ -js-display: flex;
2562
+ display: -webkit-box;
2563
+ display: -webkit-flex;
2564
+ display: -moz-box;
2565
+ display: -ms-flexbox;
2566
+ display: flex;
2567
+ -webkit-box-align: center;
2568
+ -webkit-align-items: center;
2569
+ -moz-box-align: center;
2570
+ -ms-flex-align: center;
2571
+ align-items: center; }
2572
+
2573
+ .premium-title-style1 {
2574
+ border-width: 0;
2575
+ border-left: 3px solid #6ec1e4; }
2576
+
2577
+ .premium-title-container.style2, .premium-title-container.style4, .premium-title-container.style5, .premium-title-container.style6 {
2578
+ border-bottom: 3px solid #6ec1e4; }
2579
+
2580
+ /*Style 6 Header*/
2581
+ .premium-title-style6:before {
2582
+ position: absolute;
2583
+ left: 50%;
2584
+ bottom: 0;
2585
+ margin-left: -2px;
2586
+ content: "";
2587
+ border: 3px solid transparent; }
2588
+
2589
+ /*Style 6 Trinagle*/
2590
+ .premium-title-style7-stripe-wrap {
2591
+ -js-display: flex;
2592
+ display: -webkit-box;
2593
+ display: -webkit-flex;
2594
+ display: -moz-box;
2595
+ display: -ms-flexbox;
2596
+ display: flex; }
2597
+
2598
+ .premium-title-style7:before {
2599
+ display: none; }
2600
+
2601
+ .premium-title-style8 .premium-title-text[data-animation="shiny"] {
2602
+ -webkit-background-size: 125px 125px !important;
2603
+ background-size: 125px !important;
2604
+ color: rgba(255, 255, 255, 0);
2605
+ -webkit-background-clip: text !important;
2606
+ background-clip: text !important;
2607
+ -webkit-animation-name: pa-shinny-text !important;
2608
+ animation-name: pa-shinny-text !important;
2609
+ -webkit-animation-duration: var(--animation-speed) !important;
2610
+ animation-duration: var(--animation-speed) !important;
2611
+ -webkit-animation-iteration-count: infinite !important;
2612
+ animation-iteration-count: infinite !important;
2613
+ background: var(--base-color) -webkit-gradient(linear, left top, right top, from(var(--base-color)), to(var(--base-color)), color-stop(0.5, var(--shiny-color))) 0 0 no-repeat; }
2614
+
2615
+ @-webkit-keyframes pa-shinny-text {
2616
+ 0% {
2617
+ background-position: 0%; }
2618
+ 100% {
2619
+ background-position: 200%; } }
2620
+
2621
+ @keyframes pa-shinny-text {
2622
+ 0% {
2623
+ background-position: 0%; }
2624
+ 100% {
2625
+ background-position: 200%; } }
2626
+
2627
+ .premium-title-style9[data-animation-blur="process"] .premium-title-style9-letter {
2628
+ -webkit-animation: pa-blur-shadow 2s 1 alternate;
2629
+ animation: pa-blur-shadow 2s 1 alternate; }
2630
+
2631
+ @-webkit-keyframes pa-blur-shadow {
2632
+ from {
2633
+ text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
2634
+ color: transparent; }
2635
+ to {
2636
+ text-shadow: 0; } }
2637
+
2638
+ @keyframes pa-blur-shadow {
2639
+ from {
2640
+ text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
2641
+ color: transparent; }
2642
+ to {
2643
+ text-shadow: 0; } }
2644
+
2645
+ .premium-title-gradient-yes .premium-title-text,
2646
+ .premium-title-gradient-yes .premium-title-icon {
2647
+ -webkit-background-clip: text;
2648
+ -webkit-text-fill-color: transparent;
2649
+ background-image: -webkit-gradient(linear, left top, right top, from(#ffa648), color-stop(#f17cc1), to(#4da9fd));
2650
+ background-image: -webkit-linear-gradient(left, #ffa648, #f17cc1, #4da9fd);
2651
+ background-image: linear-gradient(to right, #ffa648, #f17cc1, #4da9fd);
2652
+ -webkit-animation: pa-text-gradient 8s infinite;
2653
+ animation: pa-text-gradient 8s infinite; }
2654
+
2655
+ .premium-title-clipped .premium-title-header {
2656
+ -webkit-text-fill-color: transparent;
2657
+ -webkit-background-clip: text;
2658
+ background-clip: text; }
2659
+
2660
+ @-webkit-keyframes pa-text-gradient {
2661
+ 0%,
2662
+ 100% {
2663
+ -webkit-filter: hue-rotate(0deg);
2664
+ filter: hue-rotate(0deg); }
2665
+ 50% {
2666
+ -webkit-filter: hue-rotate(360deg);
2667
+ filter: hue-rotate(360deg); } }
2668
+
2669
+ @keyframes pa-text-gradient {
2670
+ 0%,
2671
+ 100% {
2672
+ -webkit-filter: hue-rotate(0deg);
2673
+ filter: hue-rotate(0deg); }
2674
+ 50% {
2675
+ -webkit-filter: hue-rotate(360deg);
2676
+ filter: hue-rotate(360deg); } }
2677
+
2678
+ /*
2679
+ * Common Title/Dual Heading
2680
+ */
2681
+ .premium-title-bg-text:before {
2682
+ position: absolute;
2683
+ content: attr(data-background);
2684
+ top: 0;
2685
+ left: 0;
2686
+ text-align: left; }
2687
+
2688
+ .premium-mask-yes .premium-dual-header-first-clip .premium-dual-header-first-span .premium-mask-span,
2689
+ .premium-mask-yes .premium-dual-header-second-clip .premium-mask-span {
2690
+ background: inherit; }
2691
+
2692
+ .premium-mask-yes .premium-mask-span {
2693
+ position: relative;
2694
+ overflow: hidden;
2695
+ -js-display: inline-flex !important;
2696
+ display: -webkit-inline-box !important;
2697
+ display: -webkit-inline-flex !important;
2698
+ display: -moz-inline-box !important;
2699
+ display: -ms-inline-flexbox !important;
2700
+ display: inline-flex !important; }
2701
+ .premium-mask-yes .premium-mask-span::after {
2702
+ content: "";
2703
+ position: absolute;
2704
+ top: 0;
2705
+ right: 0px;
2706
+ width: 100%;
2707
+ height: 100%;
2708
+ background-color: currentColor;
2709
+ -webkit-backface-visibility: visible;
2710
+ backface-visibility: visible; }
2711
+
2712
+ .premium-mask-active.premium-mask-tr .premium-mask-span::after {
2713
+ -webkit-animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2714
+ animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2715
+ -webkit-transform: translateX(-103%);
2716
+ -ms-transform: translateX(-103%);
2717
+ transform: translateX(-103%); }
2718
+
2719
+ .premium-mask-active.premium-mask-tl .premium-mask-span::after {
2720
+ -webkit-animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2721
+ animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2722
+ -webkit-transform: translateX(103%);
2723
+ -ms-transform: translateX(103%);
2724
+ transform: translateX(103%); }
2725
+
2726
+ .premium-mask-active.premium-mask-tb .premium-mask-span::after {
2727
+ -webkit-animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2728
+ animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2729
+ -webkit-transform: translateY(-103%);
2730
+ -ms-transform: translateY(-103%);
2731
+ transform: translateY(-103%); }
2732
+
2733
+ .premium-mask-active.premium-mask-tt .premium-mask-span::after {
2734
+ -webkit-animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2735
+ animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2736
+ -webkit-transform: translateY(103%);
2737
+ -ms-transform: translateY(103%);
2738
+ transform: translateY(103%); }
2739
+
2740
+ @-webkit-keyframes pa-mask-tr {
2741
+ 0% {
2742
+ -webkit-transform: translateX(0%);
2743
+ transform: translateX(0%); }
2744
+ 100% {
2745
+ -webkit-transform: translateX(103%);
2746
+ transform: translateX(103%); } }
2747
+
2748
+ @keyframes pa-mask-tr {
2749
+ 0% {
2750
+ -webkit-transform: translateX(0%);
2751
+ transform: translateX(0%); }
2752
+ 100% {
2753
+ -webkit-transform: translateX(103%);
2754
+ transform: translateX(103%); } }
2755
+
2756
+ @-webkit-keyframes pa-mask-tl {
2757
+ 0% {
2758
+ -webkit-transform: translateX(0%);
2759
+ transform: translateX(0%); }
2760
+ 100% {
2761
+ -webkit-transform: translateX(-103%);
2762
+ transform: translateX(-103%); } }
2763
+
2764
+ @keyframes pa-mask-tl {
2765
+ 0% {
2766
+ -webkit-transform: translateX(0%);
2767
+ transform: translateX(0%); }
2768
+ 100% {
2769
+ -webkit-transform: translateX(-103%);
2770
+ transform: translateX(-103%); } }
2771
+
2772
+ @-webkit-keyframes pa-mask-tb {
2773
+ 0% {
2774
+ -webkit-transform: translateY(0%);
2775
+ transform: translateY(0%); }
2776
+ 100% {
2777
+ -webkit-transform: translateY(103%);
2778
+ transform: translateY(103%); } }
2779
+
2780
+ @keyframes pa-mask-tb {
2781
+ 0% {
2782
+ -webkit-transform: translateY(0%);
2783
+ transform: translateY(0%); }
2784
+ 100% {
2785
+ -webkit-transform: translateY(103%);
2786
+ transform: translateY(103%); } }
2787
+
2788
+ @-webkit-keyframes pa-mask-tt {
2789
+ 0% {
2790
+ -webkit-transform: translateY(0%);
2791
+ transform: translateY(0%); }
2792
+ 100% {
2793
+ -webkit-transform: translateY(-103%);
2794
+ transform: translateY(-103%); } }
2795
+
2796
+ @keyframes pa-mask-tt {
2797
+ 0% {
2798
+ -webkit-transform: translateY(0%);
2799
+ transform: translateY(0%); }
2800
+ 100% {
2801
+ -webkit-transform: translateY(-103%);
2802
+ transform: translateY(-103%); } }
2803
+
2804
+ /**************** Premium Video Box ************/
2805
+ /***********************************************/
2806
+ .premium-video-box-transform {
2807
+ -webkit-transform: none !important;
2808
+ -ms-transform: none !important;
2809
+ transform: none !important; }
2810
+
2811
+ .premium-video-box-container {
2812
+ -js-display: flex;
2813
+ display: -webkit-box;
2814
+ display: -webkit-flex;
2815
+ display: -moz-box;
2816
+ display: -ms-flexbox;
2817
+ display: flex;
2818
+ -webkit-box-orient: vertical;
2819
+ -webkit-box-direction: normal;
2820
+ -webkit-flex-direction: column;
2821
+ -moz-box-orient: vertical;
2822
+ -moz-box-direction: normal;
2823
+ -ms-flex-direction: column;
2824
+ flex-direction: column; }
2825
+
2826
+ .premium-video-box-container > div {
2827
+ position: relative;
2828
+ overflow: hidden; }
2829
+
2830
+ .pa-aspect-ratio-11 .premium-video-box-container > div {
2831
+ padding-bottom: 100%; }
2832
+
2833
+ .pa-aspect-ratio-169 .premium-video-box-container > div {
2834
+ padding-bottom: 56.25%; }
2835
+
2836
+ .pa-aspect-ratio-43 .premium-video-box-container > div {
2837
+ padding-bottom: 75%; }
2838
+
2839
+ .pa-aspect-ratio-32 .premium-video-box-container > div {
2840
+ padding-bottom: 66.6666%; }
2841
+
2842
+ .pa-aspect-ratio-219 .premium-video-box-container > div {
2843
+ padding-bottom: 42.8571%; }
2844
+
2845
+ .pa-aspect-ratio-916 .premium-video-box-container > div {
2846
+ padding-bottom: 177.8%; }
2847
+
2848
+ .premium-video-box-image-container {
2849
+ position: absolute;
2850
+ top: 0;
2851
+ left: 0;
2852
+ bottom: 0;
2853
+ right: 0;
2854
+ width: 100%;
2855
+ height: 100%;
2856
+ -webkit-background-size: cover;
2857
+ background-size: cover;
2858
+ background-position: 50%;
2859
+ cursor: pointer;
2860
+ margin: auto;
2861
+ -webkit-transition: 0.2s all;
2862
+ transition: 0.2s all; }
2863
+
2864
+ .premium-video-box-play-icon-container {
2865
+ position: absolute;
2866
+ z-index: 2;
2867
+ cursor: pointer;
2868
+ -webkit-transform: translate(-50%, -50%);
2869
+ -ms-transform: translate(-50%, -50%);
2870
+ transform: translate(-50%, -50%);
2871
+ background: rgba(252, 252, 252, 0.35); }
2872
+
2873
+ .premium-video-box-description-container {
2874
+ position: absolute;
2875
+ z-index: 2;
2876
+ padding: 5px;
2877
+ text-align: center;
2878
+ cursor: pointer;
2879
+ -webkit-transform: translate(-50%, -50%);
2880
+ -ms-transform: translate(-50%, -50%);
2881
+ transform: translate(-50%, -50%); }
2882
+
2883
+ .premium-video-box-text {
2884
+ margin-bottom: 0 !important;
2885
+ -webkit-transition: all 0.3s ease-in-out;
2886
+ transition: all 0.3s ease-in-out; }
2887
+
2888
+ .premium-video-box-play-icon {
2889
+ padding: 15px;
2890
+ -webkit-transform: translateX(4%);
2891
+ -ms-transform: translateX(4%);
2892
+ transform: translateX(4%);
2893
+ -webkit-transition: all 0.3s ease-in-out;
2894
+ transition: all 0.3s ease-in-out; }
2895
+
2896
+ .premium-video-box-video-container {
2897
+ position: absolute;
2898
+ top: 0;
2899
+ left: 0;
2900
+ z-index: 2;
2901
+ width: 100%;
2902
+ height: 100%;
2903
+ -webkit-transition: opacity 0.8s ease-in-out;
2904
+ transition: opacity 0.8s ease-in-out;
2905
+ overflow: hidden;
2906
+ cursor: pointer; }
2907
+
2908
+ .premium-video-box-container[data-overlay="true"][data-type="self"] .premium-video-box-video-container {
2909
+ opacity: 0;
2910
+ visibility: hidden; }
2911
+
2912
+ .premium-video-box-video-container iframe {
2913
+ max-width: 100%;
2914
+ width: 100%;
2915
+ height: 100%;
2916
+ margin: 0;
2917
+ line-height: 1;
2918
+ border: none; }
2919
+
2920
+ .premium-video-box-video-container video {
2921
+ max-width: 100%;
2922
+ width: 100%;
2923
+ height: 100%;
2924
+ margin: 0;
2925
+ line-height: 1;
2926
+ border: none;
2927
+ background-color: #000;
2928
+ -o-object-fit: contain;
2929
+ object-fit: contain; }
2930
+
2931
+ .premium-video-box-container .premium-video-box-vimeo-wrap {
2932
+ -js-display: flex;
2933
+ display: -webkit-box;
2934
+ display: -webkit-flex;
2935
+ display: -moz-box;
2936
+ display: -ms-flexbox;
2937
+ display: flex;
2938
+ position: absolute;
2939
+ top: 0;
2940
+ left: 0;
2941
+ z-index: 3;
2942
+ margin: 10px;
2943
+ margin-right: 10px;
2944
+ -webkit-transition: opacity 0.2s ease-out;
2945
+ transition: opacity 0.2s ease-out;
2946
+ margin-right: 4.6em; }
2947
+
2948
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-portrait {
2949
+ width: 60px;
2950
+ height: 60px;
2951
+ background: rgba(23, 35, 34, 0.75);
2952
+ margin-right: 1px;
2953
+ -webkit-box-flex: 1;
2954
+ -webkit-flex: 1 0 auto;
2955
+ -moz-box-flex: 1;
2956
+ -ms-flex: 1 0 auto;
2957
+ flex: 1 0 auto;
2958
+ padding: 0; }
2959
+
2960
+ .premium-video-box-vimeo-portrait img {
2961
+ width: 50px;
2962
+ height: 50px;
2963
+ margin: 5px;
2964
+ padding: 0;
2965
+ border: 0;
2966
+ -webkit-border-radius: 50%;
2967
+ border-radius: 50%; }
2968
+
2969
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-headers {
2970
+ font-size: 10px; }
2971
+
2972
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-title {
2973
+ max-width: 100%;
2974
+ font-size: 2em !important;
2975
+ font-weight: 700;
2976
+ margin: 0;
2977
+ padding: 0.1em 0.2em;
2978
+ background: rgba(23, 35, 34, 0.75);
2979
+ display: inline-block;
2980
+ text-transform: none;
2981
+ line-height: normal;
2982
+ letter-spacing: normal; }
2983
+
2984
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-byline {
2985
+ font-size: 1.2em !important;
2986
+ font-weight: 400;
2987
+ color: #fff;
2988
+ margin-top: 0.1em;
2989
+ padding: 0.2em 0.5em;
2990
+ background: rgba(23, 35, 34, 0.75);
2991
+ text-transform: none;
2992
+ line-height: normal;
2993
+ letter-spacing: normal; }
2994
+
2995
+ .premium-video-box-playlist-container {
2996
+ -js-display: flex;
2997
+ display: -webkit-box;
2998
+ display: -webkit-flex;
2999
+ display: -moz-box;
3000
+ display: -ms-flexbox;
3001
+ display: flex;
3002
+ -webkit-flex-wrap: wrap;
3003
+ -ms-flex-wrap: wrap;
3004
+ flex-wrap: wrap; }
3005
+ .premium-video-box-playlist-container .premium-video-box-container {
3006
+ height: 100%;
3007
+ overflow: hidden; }
3008
+
3009
+ .premium-video-box-container:hover .premium-video-box-image-container.zoomin {
3010
+ -webkit-transform: scale(1.1);
3011
+ -ms-transform: scale(1.1);
3012
+ transform: scale(1.1); }
3013
+
3014
+ .premium-video-box-container:hover .premium-video-box-image-container.zoomout {
3015
+ -webkit-transform: scale(1);
3016
+ -ms-transform: scale(1);
3017
+ transform: scale(1); }
3018
+
3019
+ .premium-video-box-container:hover .premium-video-box-image-container.scale {
3020
+ -webkit-transform: scale(1.3) rotate(5deg);
3021
+ -ms-transform: scale(1.3) rotate(5deg);
3022
+ transform: scale(1.3) rotate(5deg); }
3023
+
3024
+ .premium-video-box-container:hover .premium-video-box-image-container.gray {
3025
+ -webkit-filter: grayscale(0%);
3026
+ filter: grayscale(0%); }
3027
+
3028
+ .premium-video-box-container:hover .premium-video-box-image-container.blur {
3029
+ -webkit-filter: blur(3px);
3030
+ filter: blur(3px); }
3031
+
3032
+ .premium-video-box-container:hover .premium-video-box-image-container.sepia {
3033
+ -webkit-filter: sepia(0%);
3034
+ filter: sepia(0%); }
3035
+
3036
+ .premium-video-box-container:hover .premium-video-box-image-container.trans {
3037
+ -webkit-transform: translateX(0px) scale(1.1);
3038
+ -ms-transform: translateX(0px) scale(1.1);
3039
+ transform: translateX(0px) scale(1.1); }
3040
+
3041
+ .premium-video-box-container:hover .premium-video-box-image-container.bright {
3042
+ -webkit-filter: brightness(1.2);
3043
+ filter: brightness(1.2); }
3044
+
3045
+ .premium-video-box-image-container.gray {
3046
+ -webkit-filter: grayscale(100%);
3047
+ filter: grayscale(100%); }
3048
+
3049
+ .premium-video-box-image-container.zoomout, .premium-video-box-image-container.scale {
3050
+ -webkit-transform: scale(1.2);
3051
+ -ms-transform: scale(1.2);
3052
+ transform: scale(1.2); }
3053
+
3054
+ .premium-video-box-image-container.sepia {
3055
+ -webkit-filter: sepia(30%);
3056
+ filter: sepia(30%); }
3057
+
3058
+ .premium-video-box-image-container.bright {
3059
+ -webkit-filter: brightness(1);
3060
+ filter: brightness(1); }
3061
+
3062
+ .premium-video-box-image-container.trans {
3063
+ -webkit-transform: translateX(-15px) scale(1.1);
3064
+ -ms-transform: translateX(-15px) scale(1.1);
3065
+ transform: translateX(-15px) scale(1.1); }
3066
+
3067
+ .premium-video-box-mask-media {
3068
+ -webkit-mask-repeat: no-repeat;
3069
+ mask-repeat: no-repeat; }
3070
+
3071
+ /* Sticky Video Option */
3072
+ .premium-video-box-container.premium-video-box-sticky-apply {
3073
+ z-index: 99;
3074
+ overflow: unset; }
3075
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3076
+ position: fixed !important;
3077
+ z-index: 99999;
3078
+ height: 225px;
3079
+ width: 400px;
3080
+ background: #fff; }
3081
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-vimeo-wrap,
3082
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-container:before {
3083
+ visibility: hidden; }
3084
+ .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 {
3085
+ -webkit-box-shadow: unset;
3086
+ box-shadow: unset; }
3087
+
3088
+ .premium-video-box-sticky-close,
3089
+ .premium-video-box-sticky-infobar {
3090
+ display: none; }
3091
+
3092
+ .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3093
+ position: absolute;
3094
+ padding: 5px;
3095
+ cursor: pointer;
3096
+ z-index: 99999;
3097
+ height: 14px;
3098
+ width: 14px;
3099
+ -webkit-box-sizing: content-box;
3100
+ -moz-box-sizing: content-box;
3101
+ box-sizing: content-box;
3102
+ -webkit-border-radius: 100%;
3103
+ border-radius: 100%;
3104
+ -js-display: flex;
3105
+ display: -webkit-box;
3106
+ display: -webkit-flex;
3107
+ display: -moz-box;
3108
+ display: -ms-flexbox;
3109
+ display: flex;
3110
+ -webkit-box-pack: center;
3111
+ -webkit-justify-content: center;
3112
+ -moz-box-pack: center;
3113
+ -ms-flex-pack: center;
3114
+ justify-content: center;
3115
+ -webkit-box-align: center;
3116
+ -webkit-align-items: center;
3117
+ -moz-box-align: center;
3118
+ -ms-flex-align: center;
3119
+ align-items: center; }
3120
+
3121
+ .premium-video-box-sticky-apply .premium-video-box-play-icon-container {
3122
+ -js-display: flex;
3123
+ display: -webkit-box;
3124
+ display: -webkit-flex;
3125
+ display: -moz-box;
3126
+ display: -ms-flexbox;
3127
+ display: flex; }
3128
+
3129
+ .premium-video-box-sticky-apply .premium-video-box-play-icon {
3130
+ -webkit-transition: none;
3131
+ transition: none; }
3132
+
3133
+ .premium-video-box-sticky-apply .premium-video-box-sticky-infobar {
3134
+ display: block;
3135
+ position: relative;
3136
+ top: 100%;
3137
+ width: 100%;
3138
+ padding: 5px;
3139
+ text-align: center;
3140
+ z-index: 9999;
3141
+ margin-top: -1px; }
3142
+
3143
+ .premium-video-box-sticky-apply .premium-video-box-inner-wrap.ui-draggable {
3144
+ cursor: move; }
3145
+
3146
+ .premium-video-sticky-top-left
3147
+ .premium-video-box-container.premium-video-box-sticky-apply
3148
+ .premium-video-box-inner-wrap {
3149
+ right: auto;
3150
+ left: 20px;
3151
+ top: 20px; }
3152
+
3153
+ .premium-video-sticky-bottom-left
3154
+ .premium-video-box-container.premium-video-box-sticky-apply
3155
+ .premium-video-box-inner-wrap {
3156
+ right: auto;
3157
+ left: 20px;
3158
+ bottom: 20px; }
3159
+
3160
+ .premium-video-sticky-top-right
3161
+ .premium-video-box-container.premium-video-box-sticky-apply
3162
+ .premium-video-box-inner-wrap {
3163
+ left: auto;
3164
+ right: 20px;
3165
+ top: 20px; }
3166
+
3167
+ .premium-video-sticky-bottom-right
3168
+ .premium-video-box-container.premium-video-box-sticky-apply
3169
+ .premium-video-box-inner-wrap {
3170
+ left: auto;
3171
+ right: 20px;
3172
+ bottom: 20px; }
3173
+
3174
+ .premium-video-sticky-center-left
3175
+ .premium-video-box-container.premium-video-box-sticky-apply
3176
+ .premium-video-box-inner-wrap {
3177
+ right: auto;
3178
+ left: 20px;
3179
+ top: 50%;
3180
+ -webkit-transform: translateY(-50%);
3181
+ -ms-transform: translateY(-50%);
3182
+ transform: translateY(-50%); }
3183
+
3184
+ .premium-video-sticky-center-right
3185
+ .premium-video-box-container.premium-video-box-sticky-apply
3186
+ .premium-video-box-inner-wrap {
3187
+ left: auto;
3188
+ right: 20px;
3189
+ top: 50%;
3190
+ -webkit-transform: translateY(-50%);
3191
+ -ms-transform: translateY(-50%);
3192
+ transform: translateY(-50%); }
3193
+
3194
+ .premium-video-sticky-bottom-right
3195
+ .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply
3196
+ .premium-video-box-inner-wrap,
3197
+ .premium-video-sticky-bottom-left
3198
+ .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply
3199
+ .premium-video-box-inner-wrap {
3200
+ bottom: 55px; }
3201
+
3202
+ .premium-video-sticky-top-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3203
+ .premium-video-sticky-bottom-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3204
+ .premium-video-sticky-center-left .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3205
+ top: -10px;
3206
+ right: -10px; }
3207
+
3208
+ .premium-video-sticky-top-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3209
+ .premium-video-sticky-bottom-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3210
+ .premium-video-sticky-center-right .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3211
+ top: -10px;
3212
+ left: -10px; }
3213
+
3214
+ .premium-video-box-filter-sticky {
3215
+ -webkit-filter: none !important;
3216
+ filter: none !important; }
3217
+
3218
+ /**************** Premium Blog *****************/
3219
+ /***********************************************/
3220
+ .premium-blog-thumb-effect-wrapper {
3221
+ position: relative;
3222
+ overflow: hidden; }
3223
+
3224
+ .premium-blog-effect-container:not(.premium-blog-bordered-effect) .premium-blog-post-link {
3225
+ position: absolute;
3226
+ top: 0;
3227
+ left: 0;
3228
+ width: 100%;
3229
+ height: 100%;
3230
+ z-index: 2;
3231
+ padding: 20px; }
3232
+
3233
+ .premium-blog-bordered-effect .premium-blog-post-link {
3234
+ display: block;
3235
+ height: 100%;
3236
+ position: relative; }
3237
+
3238
+ /*Thumbnail Img*/
3239
+ .premium-blog-thumbnail-container {
3240
+ overflow: hidden; }
3241
+ .premium-blog-thumbnail-container img,
3242
+ .premium-blog-thumbnail-container .below-entry-meta {
3243
+ width: 100%;
3244
+ height: 100%;
3245
+ margin: 0 !important;
3246
+ -webkit-transition: all 0.4s ease-in-out;
3247
+ transition: all 0.4s ease-in-out; }
3248
+
3249
+ .premium-blog-thumb-effect-wrapper .premium-blog-zoomout-effect img,
3250
+ .premium-blog-thumb-effect-wrapper .premium-blog-scale-effect img {
3251
+ -webkit-transform: scale(1.2);
3252
+ -ms-transform: scale(1.2);
3253
+ transform: scale(1.2); }
3254
+
3255
+ .premium-blog-thumb-effect-wrapper .premium-blog-sepia-effect img {
3256
+ -webkit-filter: sepia(30%);
3257
+ filter: sepia(30%); }
3258
+
3259
+ .premium-blog-thumb-effect-wrapper .premium-blog-bright-effect img {
3260
+ -webkit-filter: brightness(1);
3261
+ filter: brightness(1); }
3262
+
3263
+ .premium-blog-thumb-effect-wrapper .premium-blog-trans-effect img {
3264
+ -webkit-transform: translateX(-15px) scale(1.1);
3265
+ -ms-transform: translateX(-15px) scale(1.1);
3266
+ transform: translateX(-15px) scale(1.1); }
3267
+
3268
+ .premium-blog-post-outer-container:hover .premium-blog-zoomin-effect img {
3269
+ -webkit-transform: scale(1.2);
3270
+ -ms-transform: scale(1.2);
3271
+ transform: scale(1.2); }
3272
+
3273
+ .premium-blog-post-outer-container:hover .premium-blog-zoomout-effect img {
3274
+ -webkit-transform: scale(1.1);
3275
+ -ms-transform: scale(1.1);
3276
+ transform: scale(1.1); }
3277
+
3278
+ .premium-blog-post-outer-container:hover .premium-blog-scale-effect img {
3279
+ -webkit-transform: scale(1.3) rotate(5deg);
3280
+ -ms-transform: scale(1.3) rotate(5deg);
3281
+ transform: scale(1.3) rotate(5deg); }
3282
+
3283
+ .premium-blog-post-outer-container:hover .premium-blog-gray-effect img {
3284
+ -webkit-filter: grayscale(100%);
3285
+ filter: grayscale(100%); }
3286
+
3287
+ .premium-blog-post-outer-container:hover .premium-blog-blur-effect img {
3288
+ -webkit-filter: blur(3px);
3289
+ filter: blur(3px); }
3290
+
3291
+ .premium-blog-post-outer-container:hover .premium-blog-sepia-effect img {
3292
+ -webkit-filter: sepia(0%);
3293
+ filter: sepia(0%); }
3294
+
3295
+ .premium-blog-post-outer-container:hover .premium-blog-bright-effect img {
3296
+ -webkit-filter: brightness(1.2);
3297
+ filter: brightness(1.2); }
3298
+
3299
+ .premium-blog-post-outer-container:hover .premium-blog-trans-effect img {
3300
+ -webkit-transform: translateX(0px) scale(1.1);
3301
+ -ms-transform: translateX(0px) scale(1.1);
3302
+ transform: translateX(0px) scale(1.1); }
3303
+
3304
+ .premium-blog-post-container {
3305
+ overflow: hidden; }
3306
+ .premium-blog-post-container .premium-blog-inner-container {
3307
+ -js-display: flex;
3308
+ display: -webkit-box;
3309
+ display: -webkit-flex;
3310
+ display: -moz-box;
3311
+ display: -ms-flexbox;
3312
+ display: flex; }
3313
+ .premium-blog-post-container .premium-blog-entry-container {
3314
+ margin: 0 !important; }
3315
+ .premium-blog-post-container .premium-blog-post-content {
3316
+ line-height: 1.5em;
3317
+ color: #777;
3318
+ font-size: 14px;
3319
+ margin-bottom: 10px; }
3320
+ .premium-blog-post-container ul.post-categories a:hover, .premium-blog-post-container ul.post-categories a:focus,
3321
+ .premium-blog-post-container .premium-blog-post-link:hover,
3322
+ .premium-blog-post-container .premium-blog-post-link:focus {
3323
+ -webkit-box-shadow: none !important;
3324
+ box-shadow: none !important;
3325
+ outline: none !important; }
3326
+ .premium-blog-post-container .premium-blog-entry-title {
3327
+ font-size: 18px;
3328
+ margin-bottom: 5px; }
3329
+ .premium-blog-post-container.premium-blog-skin-modern .premium-blog-content-wrapper {
3330
+ position: relative;
3331
+ z-index: 3;
3332
+ top: -50px; }
3333
+ .premium-blog-post-container .premium-blog-content-wrapper {
3334
+ background-color: #f5f5f5;
3335
+ padding: 30px; }
3336
+ .premium-blog-post-container .premium-blog-content-wrapper.empty-thumb {
3337
+ top: 0; }
3338
+ .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 {
3339
+ position: absolute;
3340
+ content: "";
3341
+ z-index: 1;
3342
+ top: 50%;
3343
+ left: 50%;
3344
+ opacity: 0;
3345
+ -webkit-transform: translate(-50%, -50%);
3346
+ -ms-transform: translate(-50%, -50%);
3347
+ transform: translate(-50%, -50%);
3348
+ -webkit-transition: all 0.4s linear 0s;
3349
+ transition: all 0.4s linear 0s;
3350
+ height: 1px;
3351
+ width: 100%;
3352
+ background-color: #fff; }
3353
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before {
3354
+ width: 1px;
3355
+ height: 100%; }
3356
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-container:after {
3357
+ width: 20px;
3358
+ opacity: 1; }
3359
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-container:before {
3360
+ height: 20px;
3361
+ opacity: 1; }
3362
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-content-wrapper {
3363
+ margin: 0px 10px 20px;
3364
+ clear: both; }
3365
+ .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 {
3366
+ position: absolute;
3367
+ top: 0;
3368
+ left: 0;
3369
+ width: 100%;
3370
+ height: 100%;
3371
+ -webkit-transition: all 0.3s ease-in-out;
3372
+ transition: all 0.3s ease-in-out;
3373
+ opacity: 0; }
3374
+ .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 {
3375
+ -js-display: flex;
3376
+ display: -webkit-box;
3377
+ display: -webkit-flex;
3378
+ display: -moz-box;
3379
+ display: -ms-flexbox;
3380
+ display: flex;
3381
+ -webkit-box-pack: center;
3382
+ -webkit-justify-content: center;
3383
+ -moz-box-pack: center;
3384
+ -ms-flex-pack: center;
3385
+ justify-content: center;
3386
+ -webkit-box-align: center;
3387
+ -webkit-align-items: center;
3388
+ -moz-box-align: center;
3389
+ -ms-flex-align: center;
3390
+ align-items: center;
3391
+ width: 100%;
3392
+ height: 100%; }
3393
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay span,
3394
+ .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,
3395
+ .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,
3396
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay i {
3397
+ -webkit-transition: all 0.3s ease-in-out;
3398
+ transition: all 0.3s ease-in-out; }
3399
+ .premium-blog-post-container.premium-blog-skin-side {
3400
+ -js-display: flex;
3401
+ display: -webkit-box;
3402
+ display: -webkit-flex;
3403
+ display: -moz-box;
3404
+ display: -ms-flexbox;
3405
+ display: flex; }
3406
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-container {
3407
+ height: 100%; }
3408
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-content-wrapper {
3409
+ -webkit-box-flex: 1;
3410
+ -webkit-flex: 1;
3411
+ -moz-box-flex: 1;
3412
+ -ms-flex: 1;
3413
+ flex: 1; }
3414
+ .premium-blog-post-container.premium-blog-skin-banner {
3415
+ position: relative; }
3416
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper {
3417
+ position: absolute;
3418
+ width: 100%;
3419
+ bottom: 0;
3420
+ -js-display: flex;
3421
+ display: -webkit-box;
3422
+ display: -webkit-flex;
3423
+ display: -moz-box;
3424
+ display: -ms-flexbox;
3425
+ display: flex;
3426
+ -webkit-box-orient: vertical;
3427
+ -webkit-box-direction: normal;
3428
+ -webkit-flex-direction: column;
3429
+ -moz-box-orient: vertical;
3430
+ -moz-box-direction: normal;
3431
+ -ms-flex-direction: column;
3432
+ flex-direction: column;
3433
+ background-color: transparent;
3434
+ z-index: 3; }
3435
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper-inner {
3436
+ -webkit-transition: -webkit-transform 0.3s ease-in-out;
3437
+ transition: -webkit-transform 0.3s ease-in-out;
3438
+ transition: transform 0.3s ease-in-out;
3439
+ transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; }
3440
+ .premium-blog-post-container.premium-blog-skin-banner:hover .premium-blog-content-wrapper-inner {
3441
+ -webkit-transform: translateY(-5px);
3442
+ -ms-transform: translateY(-5px);
3443
+ transform: translateY(-5px); }
3444
+ .premium-blog-post-container .premium-blog-cats-container ul.post-categories {
3445
+ margin: 0;
3446
+ padding: 0;
3447
+ list-style: none;
3448
+ -js-display: flex;
3449
+ display: -webkit-box;
3450
+ display: -webkit-flex;
3451
+ display: -moz-box;
3452
+ display: -ms-flexbox;
3453
+ display: flex; }
3454
+ .premium-blog-post-container .premium-blog-cats-container a {
3455
+ display: block;
3456
+ font-size: 12px;
3457
+ color: #fff;
3458
+ background-color: #777;
3459
+ margin: 0 3px 10px 0;
3460
+ padding: 5px;
3461
+ -webkit-transition: all 0.3s ease-in-out;
3462
+ transition: all 0.3s ease-in-out; }
3463
+
3464
+ /*
3465
+ * Diagonal Effect
3466
+ */
3467
+ .premium-blog-diagonal-container {
3468
+ position: absolute;
3469
+ top: 0;
3470
+ left: 0;
3471
+ width: 100%;
3472
+ height: 100%; }
3473
+
3474
+ .premium-blog-diagonal-effect:before {
3475
+ position: absolute;
3476
+ top: 0px;
3477
+ left: 0px;
3478
+ width: 100%;
3479
+ height: 100%;
3480
+ content: " ";
3481
+ z-index: 1;
3482
+ background: rgba(255, 255, 255, 0.2);
3483
+ -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
3484
+ transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
3485
+ -webkit-transition: all 0.3s linear 0s;
3486
+ transition: all 0.3s linear 0s; }
3487
+
3488
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-diagonal-effect:before {
3489
+ -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
3490
+ transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); }
3491
+
3492
+ /*
3493
+ * Framed Effect
3494
+ */
3495
+ .premium-blog-framed-effect {
3496
+ position: absolute;
3497
+ width: -webkit-calc(100% - 30px);
3498
+ width: calc(100% - 30px);
3499
+ height: -webkit-calc(100% - 30px);
3500
+ height: calc(100% - 30px);
3501
+ top: 15px;
3502
+ left: 15px;
3503
+ opacity: 0;
3504
+ -webkit-transform: scale(0.3);
3505
+ -ms-transform: scale(0.3);
3506
+ transform: scale(0.3);
3507
+ -webkit-transition: all 0.3s linear 0s;
3508
+ transition: all 0.3s linear 0s; }
3509
+
3510
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-framed-effect {
3511
+ opacity: 0.99;
3512
+ -webkit-transform: scale(1);
3513
+ -ms-transform: scale(1);
3514
+ transform: scale(1); }
3515
+
3516
+ /*
3517
+ * Bordered Effect
3518
+ */
3519
+ .premium-blog-bordered-effect {
3520
+ position: absolute;
3521
+ top: 0;
3522
+ left: 0;
3523
+ width: 100%;
3524
+ height: 100%;
3525
+ opacity: 0;
3526
+ padding: 15px;
3527
+ -webkit-transition: all 0.3s linear 0s;
3528
+ transition: all 0.3s linear 0s; }
3529
+ .premium-blog-bordered-effect .premium-blog-post-link:before, .premium-blog-bordered-effect .premium-blog-post-link:after {
3530
+ content: "";
3531
+ display: block;
3532
+ position: absolute;
3533
+ top: 0;
3534
+ left: 0;
3535
+ width: 100%;
3536
+ height: 100%;
3537
+ -webkit-transition: all 0.5s linear 0s;
3538
+ transition: all 0.5s linear 0s;
3539
+ -webkit-transition-delay: 0s;
3540
+ transition-delay: 0s;
3541
+ border-color: rgba(255, 255, 255, 0.45); }
3542
+ .premium-blog-bordered-effect .premium-blog-post-link:before {
3543
+ border-right: 2px solid;
3544
+ border-left: 2px solid;
3545
+ -webkit-transform: scale(1, 0);
3546
+ -ms-transform: scale(1, 0);
3547
+ transform: scale(1, 0);
3548
+ -webkit-transform-origin: 100% 0;
3549
+ -ms-transform-origin: 100% 0;
3550
+ transform-origin: 100% 0; }
3551
+ .premium-blog-bordered-effect .premium-blog-post-link:after {
3552
+ border-top: 2px solid;
3553
+ border-bottom: 2px solid;
3554
+ -webkit-transform: scale(0, 1);
3555
+ -ms-transform: scale(0, 1);
3556
+ transform: scale(0, 1);
3557
+ -webkit-transform-origin: 0 0;
3558
+ -ms-transform-origin: 0 0;
3559
+ transform-origin: 0 0; }
3560
+
3561
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect {
3562
+ opacity: 0.99; }
3563
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect .premium-blog-post-link:before, .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect .premium-blog-post-link:after {
3564
+ -webkit-transition-delay: 0.15s;
3565
+ transition-delay: 0.15s;
3566
+ opacity: 1;
3567
+ -webkit-transform: scale(1);
3568
+ -ms-transform: scale(1);
3569
+ transform: scale(1); }
3570
+
3571
+ /*
3572
+ * Squares Effect
3573
+ */
3574
+ .premium-blog-squares-effect,
3575
+ .premium-blog-squares-square-container {
3576
+ position: absolute;
3577
+ top: 0;
3578
+ left: 0;
3579
+ width: 100%;
3580
+ height: 100%; }
3581
+
3582
+ .premium-blog-squares-effect:before, .premium-blog-squares-effect:after {
3583
+ position: absolute;
3584
+ content: "";
3585
+ top: 0;
3586
+ left: 0;
3587
+ width: 50%;
3588
+ height: 50%;
3589
+ -webkit-transform: translate(-100%, -100%);
3590
+ -ms-transform: translate(-100%, -100%);
3591
+ transform: translate(-100%, -100%);
3592
+ opacity: 0.7;
3593
+ -webkit-transition: all 0.3s linear 0s;
3594
+ transition: all 0.3s linear 0s; }
3595
+
3596
+ .premium-blog-squares-square-container:before, .premium-blog-squares-square-container:after {
3597
+ position: absolute;
3598
+ content: "";
3599
+ top: 0;
3600
+ left: 0;
3601
+ width: 50%;
3602
+ height: 50%;
3603
+ -webkit-transform: translate(-100%, -100%);
3604
+ -ms-transform: translate(-100%, -100%);
3605
+ transform: translate(-100%, -100%);
3606
+ opacity: 0.7;
3607
+ -webkit-transition: all 0.3s linear 0s;
3608
+ transition: all 0.3s linear 0s; }
3609
+
3610
+ .premium-blog-squares-square-container:before, .premium-blog-squares-square-container:after {
3611
+ opacity: 0.8; }
3612
+
3613
+ .premium-blog-squares-effect:after {
3614
+ -webkit-transform: translate(200%, 200%);
3615
+ -ms-transform: translate(200%, 200%);
3616
+ transform: translate(200%, 200%); }
3617
+
3618
+ .premium-blog-squares-square-container:before {
3619
+ -webkit-transform: translate(-100%, 200%);
3620
+ -ms-transform: translate(-100%, 200%);
3621
+ transform: translate(-100%, 200%); }
3622
+
3623
+ .premium-blog-squares-square-container:after {
3624
+ -webkit-transform: translate(200%, -100%);
3625
+ -ms-transform: translate(200%, -100%);
3626
+ transform: translate(200%, -100%); }
3627
+
3628
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:before {
3629
+ -webkit-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
3630
+ -ms-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
3631
+ transform: translate(0, 0%) scaleY(1.003) scaleX(1.003); }
3632
+
3633
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:after {
3634
+ -webkit-transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003);
3635
+ -ms-transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003);
3636
+ transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003); }
3637
+
3638
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:before {
3639
+ -webkit-transform: translate(0, 100%);
3640
+ -ms-transform: translate(0, 100%);
3641
+ transform: translate(0, 100%); }
3642
+
3643
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:after {
3644
+ -webkit-transform: translate(100%, 0%);
3645
+ -ms-transform: translate(100%, 0%);
3646
+ transform: translate(100%, 0%); }
3647
+
3648
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay {
3649
+ opacity: 1; }
3650
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay a {
3651
+ opacity: 1;
3652
+ -webkit-transform: scale(1);
3653
+ -ms-transform: scale(1);
3654
+ transform: scale(1); }
3655
+
3656
+ .premium-blog-clear-fix {
3657
+ clear: both; }
3658
+
3659
+ .premium-blog-masked .premium-blog-thumbnail-container {
3660
+ position: relative;
3661
+ overflow: visible; }
3662
+ .premium-blog-masked .premium-blog-thumbnail-container svg {
3663
+ position: absolute;
3664
+ height: 100px;
3665
+ width: 100%;
3666
+ bottom: -5px;
3667
+ left: 0;
3668
+ fill: #f5f5f5;
3669
+ z-index: 99; }
3670
+ .premium-blog-masked .premium-blog-thumbnail-container svg.premium-blog-shape-divider-svg {
3671
+ -webkit-transform: rotate(180deg);
3672
+ -ms-transform: rotate(180deg);
3673
+ transform: rotate(180deg); }
3674
+
3675
+ .premium-blog-masked .premium-blog-author-thumbnail,
3676
+ .premium-blog-masked .premium-blog-skin-banner .premium-blog-content-wrapper {
3677
+ z-index: 999 !important; }
3678
+
3679
+ .premium-blog-format-link {
3680
+ padding: 5px;
3681
+ line-height: 0; }
3682
+
3683
+ .premium-blog-entry-meta {
3684
+ line-height: 1.3em;
3685
+ font-size: 12px;
3686
+ margin-bottom: 13px;
3687
+ color: #adadad; }
3688
+ .premium-blog-entry-meta i {
3689
+ margin-right: 3px;
3690
+ -webkit-transition: all 0.3s ease-in-out;
3691
+ transition: all 0.3s ease-in-out; }
3692
+
3693
+ .premium-blog-meta-data {
3694
+ display: inline-block; }
3695
+ .premium-blog-meta-data .premium-blog-meta-separator {
3696
+ margin: 0 5px; }
3697
+ .premium-blog-meta-data a,
3698
+ .premium-blog-meta-data span {
3699
+ color: inherit;
3700
+ -webkit-transition: all 0.3s ease-in-out;
3701
+ transition: all 0.3s ease-in-out; }
3702
+
3703
+ .premium-blog-author-thumbnail {
3704
+ position: relative;
3705
+ padding: 0 30px;
3706
+ width: 100%;
3707
+ top: -10px;
3708
+ height: 0;
3709
+ pointer-events: none; }
3710
+ .premium-blog-author-thumbnail img {
3711
+ -webkit-border-radius: 50%;
3712
+ border-radius: 50%;
3713
+ width: 60px;
3714
+ pointer-events: all;
3715
+ -webkit-transform: translateY(-50%);
3716
+ -ms-transform: translateY(-50%);
3717
+ transform: translateY(-50%); }
3718
+
3719
+ .premium-blog-entry-title a,
3720
+ .premium-blog-post-tags-container a,
3721
+ .premium-blog-post-content .premium-blog-excerpt-link {
3722
+ -webkit-transition: all 0.3s ease-in-out;
3723
+ transition: all 0.3s ease-in-out; }
3724
+
3725
+ .premium-blog-excerpt-link-wrap a.premium-blog-excerpt-link {
3726
+ background-color: transparent;
3727
+ color: #54595f;
3728
+ padding: 0; }
3729
+
3730
+ .premium-blog-cta-full-yes .premium-blog-excerpt-link {
3731
+ width: 100%; }
3732
+
3733
+ .premium-blog-post-tags-container {
3734
+ margin-top: 8px;
3735
+ -js-display: flex;
3736
+ display: -webkit-box;
3737
+ display: -webkit-flex;
3738
+ display: -moz-box;
3739
+ display: -ms-flexbox;
3740
+ display: flex;
3741
+ -webkit-box-align: center;
3742
+ -webkit-align-items: center;
3743
+ -moz-box-align: center;
3744
+ -ms-flex-align: center;
3745
+ align-items: center;
3746
+ -webkit-flex-wrap: wrap;
3747
+ -ms-flex-wrap: wrap;
3748
+ flex-wrap: wrap; }
3749
+ .premium-blog-post-tags-container a {
3750
+ color: inherit;
3751
+ margin-left: 5px; }
3752
+
3753
+ /*Tags align*/
3754
+ .premium-blog-align-left .post-categories,
3755
+ .premium-blog-align-left .premium-blog-inner-container,
3756
+ .premium-blog-align-left .premium-blog-post-tags-container {
3757
+ -webkit-box-pack: start;
3758
+ -webkit-justify-content: flex-start;
3759
+ -moz-box-pack: start;
3760
+ -ms-flex-pack: start;
3761
+ justify-content: flex-start; }
3762
+
3763
+ .premium-blog-align-center .post-categories,
3764
+ .premium-blog-align-center .premium-blog-inner-container,
3765
+ .premium-blog-align-center .premium-blog-post-tags-container {
3766
+ -webkit-box-pack: center;
3767
+ -webkit-justify-content: center;
3768
+ -moz-box-pack: center;
3769
+ -ms-flex-pack: center;
3770
+ justify-content: center; }
3771
+
3772
+ .premium-blog-align-right .post-categories,
3773
+ .premium-blog-align-right .premium-blog-inner-container,
3774
+ .premium-blog-align-right .premium-blog-post-tags-container {
3775
+ -webkit-box-pack: end;
3776
+ -webkit-justify-content: flex-end;
3777
+ -moz-box-pack: end;
3778
+ -ms-flex-pack: end;
3779
+ justify-content: flex-end; }
3780
+
3781
+ /* Pagination */
3782
+ .premium-blog-pagination-container {
3783
+ text-align: right; }
3784
+ .premium-blog-pagination-container span {
3785
+ cursor: default; }
3786
+ .premium-blog-pagination-container .page-numbers {
3787
+ display: inline-block;
3788
+ color: #000;
3789
+ line-height: 1;
3790
+ font-size: 1em;
3791
+ font-weight: 400;
3792
+ text-decoration: none;
3793
+ padding: 0.75em;
3794
+ margin: 0 0.4em 0.4em 0;
3795
+ -webkit-transition: all 0.2s ease-in-out;
3796
+ transition: all 0.2s ease-in-out; }
3797
+
3798
+ .premium-blog-wrap .premium-loading-feed {
3799
+ display: block;
3800
+ position: absolute;
3801
+ width: 100%;
3802
+ height: 100%;
3803
+ top: 0px;
3804
+ left: 0px;
3805
+ bottom: 0px;
3806
+ right: 0px;
3807
+ background: rgba(255, 255, 255, 0.2);
3808
+ -js-display: flex;
3809
+ display: -webkit-box;
3810
+ display: -webkit-flex;
3811
+ display: -moz-box;
3812
+ display: -ms-flexbox;
3813
+ display: flex;
3814
+ -webkit-box-align: center;
3815
+ -webkit-align-items: center;
3816
+ -moz-box-align: center;
3817
+ -ms-flex-align: center;
3818
+ align-items: center;
3819
+ z-index: 99; }
3820
+
3821
+ .premium-blog-wrap {
3822
+ -js-display: flex;
3823
+ display: -webkit-box;
3824
+ display: -webkit-flex;
3825
+ display: -moz-box;
3826
+ display: -ms-flexbox;
3827
+ display: flex;
3828
+ -webkit-flex-wrap: wrap;
3829
+ -ms-flex-wrap: wrap;
3830
+ flex-wrap: wrap; }
3831
+ .premium-blog-wrap ul.slick-dots {
3832
+ width: 100%; }
3833
+
3834
+ /*
3835
+ * List Layout
3836
+ */
3837
+ .premium-blog-list .premium-blog-post-outer-container {
3838
+ width: 100%; }
3839
+
3840
+ /**
3841
+ * Even Layout
3842
+ */
3843
+ .premium-blog-even .premium-blog-post-container {
3844
+ height: 100%; }
3845
+
3846
+ .premium-blog-even .slick-track {
3847
+ -js-display: flex;
3848
+ display: -webkit-box;
3849
+ display: -webkit-flex;
3850
+ display: -moz-box;
3851
+ display: -ms-flexbox;
3852
+ display: flex; }
3853
+
3854
+ .premium-blog-even .slick-slide {
3855
+ height: inherit !important; }
3856
+
3857
+ /**
3858
+ * Responsive Style
3859
+ */
3860
+ @media (max-width: 768px) {
3861
+ .premium-blog-content-wrapper {
3862
+ top: 0;
3863
+ margin: 0;
3864
+ padding: 15px; }
3865
+ .premium-blog-skin-side {
3866
+ -webkit-box-orient: vertical;
3867
+ -webkit-box-direction: normal;
3868
+ -webkit-flex-direction: column;
3869
+ -moz-box-orient: vertical;
3870
+ -moz-box-direction: normal;
3871
+ -ms-flex-direction: column;
3872
+ flex-direction: column; } }
3873
+
3874
+ /************ Premium Team Members ************/
3875
+ /**********************************************/
3876
+ .premium-person-container {
3877
+ position: relative; }
3878
+
3879
+ .premium-person-image-container {
3880
+ position: relative;
3881
+ text-align: center; }
3882
+ .premium-person-image-container .premium-person-image-wrap {
3883
+ overflow: hidden; }
3884
+
3885
+ .premium-person-zoomout-effect .premium-person-image-container img,
3886
+ .premium-person-scale-effect .premium-person-image-container img {
3887
+ -webkit-transform: scale(1.2);
3888
+ -ms-transform: scale(1.2);
3889
+ transform: scale(1.2); }
3890
+
3891
+ .premium-person-sepia-effect .premium-person-image-container img {
3892
+ -webkit-filter: sepia(30%);
3893
+ filter: sepia(30%); }
3894
+
3895
+ .premium-person-bright-effect .premium-person-image-container img {
3896
+ -webkit-filter: brightness(1);
3897
+ filter: brightness(1); }
3898
+
3899
+ .premium-person-trans-effect .premium-person-image-container img {
3900
+ -webkit-transform: translateX(-15px) scale(1.1);
3901
+ -ms-transform: translateX(-15px) scale(1.1);
3902
+ transform: translateX(-15px) scale(1.1); }
3903
+
3904
+ .premium-person-zoomin-effect:hover .premium-person-image-container img {
3905
+ -webkit-transform: scale(1.2);
3906
+ -ms-transform: scale(1.2);
3907
+ transform: scale(1.2); }
3908
+
3909
+ .premium-person-zoomout-effect:hover .premium-person-image-container img {
3910
+ -webkit-transform: scale(1.1);
3911
+ -ms-transform: scale(1.1);
3912
+ transform: scale(1.1); }
3913
+
3914
+ .premium-person-scale-effect:hover .premium-person-image-container img {
3915
+ -webkit-transform: scale(1.3) rotate(5deg);
3916
+ -ms-transform: scale(1.3) rotate(5deg);
3917
+ transform: scale(1.3) rotate(5deg); }
3918
+
3919
+ .premium-person-grayscale-effect:hover .premium-person-image-container img {
3920
+ -webkit-filter: grayscale(100%);
3921
+ filter: grayscale(100%); }
3922
+
3923
+ .premium-person-blur-effect:hover .premium-person-image-container img {
3924
+ -webkit-filter: blur(3px);
3925
+ filter: blur(3px); }
3926
+
3927
+ .premium-person-sepia-effect:hover .premium-person-image-container img {
3928
+ -webkit-filter: sepia(0%);
3929
+ filter: sepia(0%); }
3930
+
3931
+ .premium-person-bright-effect:hover .premium-person-image-container img {
3932
+ -webkit-filter: brightness(1.2);
3933
+ filter: brightness(1.2); }
3934
+
3935
+ .premium-person-trans-effect:hover .premium-person-image-container img {
3936
+ -webkit-transform: translateX(0px) scale(1.1);
3937
+ -ms-transform: translateX(0px) scale(1.1);
3938
+ transform: translateX(0px) scale(1.1); }
3939
+
3940
+ .premium-person-container .premium-person-image-container img {
3941
+ width: 100%;
3942
+ height: 100%;
3943
+ -o-object-fit: cover;
3944
+ object-fit: cover;
3945
+ -webkit-transition: all 0.5s ease-in-out;
3946
+ transition: all 0.5s ease-in-out; }
3947
+
3948
+ .premium-person-style2 .premium-person-social {
3949
+ position: absolute;
3950
+ top: 0;
3951
+ left: 0;
3952
+ width: 100%;
3953
+ height: 100%;
3954
+ z-index: 2;
3955
+ -js-display: flex;
3956
+ display: -webkit-box;
3957
+ display: -webkit-flex;
3958
+ display: -moz-box;
3959
+ display: -ms-flexbox;
3960
+ display: flex;
3961
+ -webkit-box-pack: center;
3962
+ -webkit-justify-content: center;
3963
+ -moz-box-pack: center;
3964
+ -ms-flex-pack: center;
3965
+ justify-content: center;
3966
+ -webkit-box-align: center;
3967
+ -webkit-align-items: center;
3968
+ -moz-box-align: center;
3969
+ -ms-flex-align: center;
3970
+ align-items: center;
3971
+ -webkit-box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
3972
+ box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
3973
+ -webkit-transition: all 0.5s linear 0s;
3974
+ transition: all 0.5s linear 0s;
3975
+ opacity: 0; }
3976
+
3977
+ .premium-person-style2 .premium-person-image-container:hover .premium-person-social {
3978
+ opacity: 1; }
3979
+
3980
+ .premium-person-list-item a {
3981
+ display: inline-block; }
3982
+
3983
+ .premium-person-style2 .premium-person-list-item a {
3984
+ opacity: 0;
3985
+ -webkit-transform: scale(0);
3986
+ -ms-transform: scale(0);
3987
+ transform: scale(0);
3988
+ -webkit-transition: all 0.5s ease-in-out 0s;
3989
+ transition: all 0.5s ease-in-out 0s; }
3990
+
3991
+ .premium-person-style2 .premium-person-image-container:hover .premium-person-list-item a {
3992
+ opacity: 1;
3993
+ -webkit-transform: scale(1);
3994
+ -ms-transform: scale(1);
3995
+ transform: scale(1); }
3996
+
3997
+ .premium-person-info-container {
3998
+ padding: 30px 15px; }
3999
+
4000
+ .premium-person-name {
4001
+ margin: 0 0 5px;
4002
+ font-weight: 700; }
4003
+
4004
+ .premium-person-title {
4005
+ margin: 0 0 20px;
4006
+ padding: 0; }
4007
+
4008
+ .premium-person-content {
4009
+ margin: 0 0 30px; }
4010
+
4011
+ /*Override Theme List Margin*/
4012
+ ul.premium-person-social-list {
4013
+ margin: 0px !important;
4014
+ padding: 0; }
4015
+
4016
+ .premium-person-social-list .premium-person-list-item {
4017
+ display: inline;
4018
+ list-style: none; }
4019
+
4020
+ .premium-person-social-list li {
4021
+ position: relative;
4022
+ bottom: 0px;
4023
+ -webkit-transition: all 0.2s ease-in-out;
4024
+ transition: all 0.2s ease-in-out; }
4025
+ .premium-person-social-list li i {
4026
+ position: relative;
4027
+ bottom: 0px;
4028
+ -webkit-transition: all 0.2s ease-in-out;
4029
+ transition: all 0.2s ease-in-out; }
4030
+
4031
+ .premium-person-defaults-yes li.premium-person-facebook:hover a {
4032
+ background-color: #3b5998 !important; }
4033
+
4034
+ .premium-person-defaults-yes li.premium-person-twitter:hover a {
4035
+ background-color: #55acee !important; }
4036
+
4037
+ .premium-person-defaults-yes li.premium-person-linkedin:hover a {
4038
+ background-color: #0077b5 !important; }
4039
+
4040
+ .premium-person-defaults-yes li.premium-person-google:hover a {
4041
+ background-color: #dc4e41 !important; }
4042
+
4043
+ .premium-person-defaults-yes li.premium-person-youtube:hover a {
4044
+ background-color: #b31217 !important; }
4045
+
4046
+ .premium-person-defaults-yes li.premium-person-instagram:hover a {
4047
+ background-color: #e4405f !important; }
4048
+
4049
+ .premium-person-defaults-yes li.premium-person-skype:hover a {
4050
+ background-color: #00aff0 !important; }
4051
+
4052
+ .premium-person-defaults-yes li.premium-person-pinterest:hover a {
4053
+ background-color: #bd081c !important; }
4054
+
4055
+ .premium-person-defaults-yes li.premium-person-dribbble:hover a {
4056
+ background-color: #ea4c89 !important; }
4057
+
4058
+ .premium-person-defaults-yes li.premium-person-mail:hover a {
4059
+ background-color: #b23121 !important; }
4060
+
4061
+ .premium-person-defaults-yes li.premium-person-behance:hover a {
4062
+ background-color: #1769ff !important; }
4063
+
4064
+ .premium-person-defaults-yes li.premium-person-whatsapp:hover a {
4065
+ background-color: #25d366 !important; }
4066
+
4067
+ .premium-person-defaults-yes li.premium-person-telegram:hover a {
4068
+ background-color: #0088cc !important; }
4069
+
4070
+ .premium-person-defaults-yes li.premium-person-site:hover a {
4071
+ background-color: #0055a5 !important; }
4072
+
4073
+ .premium-person-social-list li:hover a {
4074
+ -webkit-box-shadow: none;
4075
+ box-shadow: none; }
4076
+
4077
+ .premium-person-social-list li a:focus {
4078
+ -webkit-box-shadow: none;
4079
+ box-shadow: none;
4080
+ outline: none; }
4081
+
4082
+ .premium-person-social-list li i {
4083
+ font-size: 18px; }
4084
+
4085
+ .elementor-widget-premium-addon-person .elementor-widget-container {
4086
+ -js-display: flex;
4087
+ display: -webkit-box;
4088
+ display: -webkit-flex;
4089
+ display: -moz-box;
4090
+ display: -ms-flexbox;
4091
+ display: flex;
4092
+ -webkit-box-pack: center;
4093
+ -webkit-justify-content: center;
4094
+ -moz-box-pack: center;
4095
+ -ms-flex-pack: center;
4096
+ justify-content: center; }
4097
+
4098
+ .premium-persons-container.multiple-persons {
4099
+ -js-display: flex;
4100
+ display: -webkit-box;
4101
+ display: -webkit-flex;
4102
+ display: -moz-box;
4103
+ display: -ms-flexbox;
4104
+ display: flex;
4105
+ -webkit-flex-wrap: wrap;
4106
+ -ms-flex-wrap: wrap;
4107
+ flex-wrap: wrap;
4108
+ width: 100%; }
4109
+
4110
+ .premium-person-style1 .premium-person-container {
4111
+ overflow: hidden; }
4112
+ .premium-person-style1 .premium-person-container .premium-person-info {
4113
+ position: absolute;
4114
+ top: auto;
4115
+ right: 0;
4116
+ left: 0;
4117
+ -webkit-transition: all 500ms ease 0s;
4118
+ transition: all 500ms ease 0s;
4119
+ -webkit-transform: translate3d(0, 100%, 0);
4120
+ transform: translate3d(0, 100%, 0); }
4121
+ .premium-person-style1 .premium-person-container:hover .premium-person-info {
4122
+ -webkit-transform: translate3d(0, 0, 0);
4123
+ transform: translate3d(0, 0, 0);
4124
+ bottom: -1px !important; }
4125
+
4126
+ .premium-person-style1 .premium-person-social-list li:hover {
4127
+ bottom: 5px; }
4128
+
4129
+ .premium-person-style1.multiple-persons:not([data-persons-equal="yes"]) {
4130
+ -webkit-box-align: start;
4131
+ -webkit-align-items: flex-start;
4132
+ -moz-box-align: start;
4133
+ -ms-flex-align: start;
4134
+ align-items: flex-start; }
4135
+
4136
+ .premium-person-style1 .slick-track {
4137
+ -js-display: flex;
4138
+ display: -webkit-box;
4139
+ display: -webkit-flex;
4140
+ display: -moz-box;
4141
+ display: -ms-flexbox;
4142
+ display: flex; }
4143
+
4144
+ .premium-person-style1 .slick-slide {
4145
+ height: inherit !important; }
4146
+
4147
+ .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-container,
4148
+ .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-wrap {
4149
+ height: 100%; }
4150
+
4151
+ .premium-person-style3 .premium-person-info-container {
4152
+ position: absolute;
4153
+ top: 0;
4154
+ left: 0;
4155
+ width: 100%;
4156
+ height: 100%;
4157
+ -js-display: flex;
4158
+ display: -webkit-box;
4159
+ display: -webkit-flex;
4160
+ display: -moz-box;
4161
+ display: -ms-flexbox;
4162
+ display: flex;
4163
+ -webkit-box-orient: vertical;
4164
+ -webkit-box-direction: normal;
4165
+ -webkit-flex-direction: column;
4166
+ -moz-box-orient: vertical;
4167
+ -moz-box-direction: normal;
4168
+ -ms-flex-direction: column;
4169
+ flex-direction: column;
4170
+ -webkit-box-pack: justify;
4171
+ -webkit-justify-content: space-between;
4172
+ -moz-box-pack: justify;
4173
+ -ms-flex-pack: justify;
4174
+ justify-content: space-between; }
4175
+
4176
+ .premium-person-style3 .premium-person-title-desc-wrap {
4177
+ -js-display: flex;
4178
+ display: -webkit-box;
4179
+ display: -webkit-flex;
4180
+ display: -moz-box;
4181
+ display: -ms-flexbox;
4182
+ display: flex;
4183
+ -webkit-box-orient: horizontal;
4184
+ -webkit-box-direction: reverse;
4185
+ -webkit-flex-direction: row-reverse;
4186
+ -moz-box-orient: horizontal;
4187
+ -moz-box-direction: reverse;
4188
+ -ms-flex-direction: row-reverse;
4189
+ flex-direction: row-reverse;
4190
+ -webkit-box-pack: justify;
4191
+ -webkit-justify-content: space-between;
4192
+ -moz-box-pack: justify;
4193
+ -ms-flex-pack: justify;
4194
+ justify-content: space-between;
4195
+ -webkit-box-align: start;
4196
+ -webkit-align-items: flex-start;
4197
+ -moz-box-align: start;
4198
+ -ms-flex-align: start;
4199
+ align-items: flex-start; }
4200
+
4201
+ .premium-person-style3 .premium-person-name-icons-wrap {
4202
+ -js-display: flex;
4203
+ display: -webkit-box;
4204
+ display: -webkit-flex;
4205
+ display: -moz-box;
4206
+ display: -ms-flexbox;
4207
+ display: flex;
4208
+ -webkit-box-pack: justify;
4209
+ -webkit-justify-content: space-between;
4210
+ -moz-box-pack: justify;
4211
+ -ms-flex-pack: justify;
4212
+ justify-content: space-between;
4213
+ -webkit-box-align: end;
4214
+ -webkit-align-items: flex-end;
4215
+ -moz-box-align: end;
4216
+ -ms-flex-align: end;
4217
+ align-items: flex-end; }
4218
+
4219
+ .premium-person-style3 .premium-person-title {
4220
+ opacity: 0;
4221
+ -webkit-transition: all 0.3s ease;
4222
+ transition: all 0.3s ease;
4223
+ width: 0; }
4224
+ .premium-person-style3 .premium-person-title span {
4225
+ display: inline-block; }
4226
+
4227
+ .premium-person-style3 .premium-person-name {
4228
+ padding-left: 10px; }
4229
+
4230
+ .premium-person-style3 .premium-person-social-list {
4231
+ -js-display: flex;
4232
+ display: -webkit-box;
4233
+ display: -webkit-flex;
4234
+ display: -moz-box;
4235
+ display: -ms-flexbox;
4236
+ display: flex;
4237
+ -webkit-box-orient: vertical;
4238
+ -webkit-box-direction: normal;
4239
+ -webkit-flex-direction: column;
4240
+ -moz-box-orient: vertical;
4241
+ -moz-box-direction: normal;
4242
+ -ms-flex-direction: column;
4243
+ flex-direction: column;
4244
+ -webkit-transform: translateY(20px);
4245
+ -ms-transform: translateY(20px);
4246
+ transform: translateY(20px);
4247
+ opacity: 0;
4248
+ -webkit-transition: all 0.3s ease;
4249
+ transition: all 0.3s ease; }
4250
+
4251
+ .premium-person-style3 .premium-person-list-item {
4252
+ line-height: 0; }
4253
+ .premium-person-style3 .premium-person-list-item a {
4254
+ padding: 5px 10px 0 0;
4255
+ margin: 5px 0; }
4256
+
4257
+ .premium-person-style3 .premium-person-container:hover .premium-person-title {
4258
+ opacity: 1; }
4259
+
4260
+ .premium-person-style3 .premium-person-container:hover .premium-person-social-list {
4261
+ opacity: 1;
4262
+ -webkit-transform: translateY(0);
4263
+ -ms-transform: translateY(0);
4264
+ transform: translateY(0); }
4265
+
4266
+ .premium-persons-title-cw .premium-person-title {
4267
+ -webkit-transform: translateX(15px) rotate(90deg);
4268
+ -ms-transform: translateX(15px) rotate(90deg);
4269
+ transform: translateX(15px) rotate(90deg);
4270
+ -webkit-transform-origin: top;
4271
+ -ms-transform-origin: top;
4272
+ transform-origin: top; }
4273
+
4274
+ .premium-persons-title-cw .premium-person-container:hover .premium-person-title {
4275
+ -webkit-transform: translateX(0) rotate(90deg);
4276
+ -ms-transform: translateX(0) rotate(90deg);
4277
+ transform: translateX(0) rotate(90deg); }
4278
+
4279
+ .premium-persons-title-ccw .premium-person-title {
4280
+ width: auto;
4281
+ margin-right: 20px;
4282
+ -webkit-transform: translateX(15px) rotate(-90deg);
4283
+ -ms-transform: translateX(15px) rotate(-90deg);
4284
+ transform: translateX(15px) rotate(-90deg);
4285
+ -webkit-transform-origin: center right;
4286
+ -ms-transform-origin: center right;
4287
+ transform-origin: center right; }
4288
+
4289
+ .premium-persons-title-ccw .premium-person-container:hover .premium-person-title {
4290
+ -webkit-transform: translateX(0) rotate(-90deg);
4291
+ -ms-transform: translateX(0) rotate(-90deg);
4292
+ transform: translateX(0) rotate(-90deg); }
4293
+
4294
+ /**************** Premium Fancy Text *******************/
4295
+ /*******************************************************/
4296
+ .premium-suffix-text,
4297
+ .premium-fancy-text,
4298
+ .premium-prefix-text {
4299
+ font-size: 40px; }
4300
+
4301
+ .premium-fancy-text-wrapper .premium-fancy-list-items {
4302
+ list-style: none; }
4303
+
4304
+ .premium-fancy-text-wrapper .premium-fancy-text-span-align {
4305
+ vertical-align: top; }
4306
+
4307
+ .premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-text-items-wrapper {
4308
+ margin: 0;
4309
+ padding: 0;
4310
+ border: none;
4311
+ position: relative; }
4312
+
4313
+ .premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-list-items {
4314
+ position: absolute;
4315
+ top: 0;
4316
+ left: 0;
4317
+ display: inline-block; }
4318
+
4319
+ .premium-fancy-text-wrapper.zoomout .premium-fancy-item-hidden {
4320
+ opacity: 0;
4321
+ -webkit-animation: pa-zoom-out 0.8s;
4322
+ animation: pa-zoom-out 0.8s; }
4323
+
4324
+ .premium-fancy-text-wrapper.zoomout .premium-fancy-item-visible {
4325
+ position: relative !important;
4326
+ -webkit-animation: pa-zoom-in 0.8s;
4327
+ animation: pa-zoom-in 0.8s; }
4328
+
4329
+ .premium-fancy-text-wrapper.zoomout .premium-fancy-text-items-wrapper {
4330
+ -webkit-perspective: 300px;
4331
+ perspective: 300px; }
4332
+
4333
+ .premium-fancy-text-wrapper.rotate .premium-fancy-list-items {
4334
+ -webkit-transform-origin: 50% 100%;
4335
+ -ms-transform-origin: 50% 100%;
4336
+ transform-origin: 50% 100%; }
4337
+
4338
+ .premium-fancy-text-wrapper.rotate .premium-fancy-item-hidden {
4339
+ opacity: 0;
4340
+ -webkit-transform: rotateX(180deg);
4341
+ transform: rotateX(180deg);
4342
+ -webkit-animation: pa-rotate-out 1.2s;
4343
+ animation: pa-rotate-out 1.2s; }
4344
+
4345
+ .premium-fancy-text-wrapper.rotate .premium-fancy-item-visible {
4346
+ position: relative !important;
4347
+ -webkit-transform: rotateX(0deg);
4348
+ transform: rotateX(0deg);
4349
+ -webkit-animation: pa-rotate-in 1.2s;
4350
+ animation: pa-rotate-in 1.2s; }
4351
+
4352
+ .premium-fancy-text-wrapper.custom .premium-fancy-item-hidden {
4353
+ opacity: 0; }
4354
+
4355
+ .premium-fancy-text-wrapper.custom .premium-fancy-item-visible {
4356
+ position: relative !important; }
4357
+
4358
+ .premium-fancy-text-wrapper.auto-fade .premium-fancy-text {
4359
+ display: inline-block;
4360
+ width: 200px;
4361
+ font-weight: 400; }
4362
+
4363
+ .premium-fancy-text-wrapper.auto-fade .premium-fancy-svg-text {
4364
+ position: relative;
4365
+ vertical-align: sub; }
4366
+
4367
+ .premium-fancy-text-wrapper.auto-fade g > text {
4368
+ text-anchor: start;
4369
+ shape-rendering: crispEdges;
4370
+ opacity: 0;
4371
+ font-size: 300px;
4372
+ -webkit-animation-name: pa-auto-fade;
4373
+ animation-name: pa-auto-fade;
4374
+ -moz-animation-name: pa-auto-fade;
4375
+ -webkit-animation-duration: 9s;
4376
+ animation-duration: 9s;
4377
+ -webkit-animation-timing-function: linear;
4378
+ animation-timing-function: linear;
4379
+ -webkit-animation-iteration-count: infinite;
4380
+ animation-iteration-count: infinite; }
4381
+
4382
+ .premium-fancy-text-wrapper.auto-fade g > text:nth-child(1) {
4383
+ -webkit-animation-delay: 0s;
4384
+ animation-delay: 0s; }
4385
+
4386
+ .premium-fancy-text-wrapper.auto-fade g > text:nth-child(2) {
4387
+ -webkit-animation-delay: 3s;
4388
+ animation-delay: 3s; }
4389
+
4390
+ .premium-fancy-text-wrapper.auto-fade g > text:nth-child(3) {
4391
+ -webkit-animation-delay: 6s;
4392
+ animation-delay: 6s; }
4393
+
4394
+ .premium-fancy-text-wrapper.loading .premium-fancy-text {
4395
+ position: relative; }
4396
+ .premium-fancy-text-wrapper.loading .premium-fancy-text .premium-loading-bar {
4397
+ position: absolute;
4398
+ width: 100%;
4399
+ height: 3px;
4400
+ bottom: 0;
4401
+ left: 0;
4402
+ animation: pa-loading-bar 2.5s ease-out infinite;
4403
+ -webkit-animation: pa-loading-bar 2.5s ease-out infinite; }
4404
+
4405
+ .premium-fancy-text-wrapper.loading.pause .premium-fancy-text:hover .premium-loading-bar {
4406
+ -webkit-animation-play-state: paused;
4407
+ animation-play-state: paused; }
4408
+
4409
+ @-webkit-keyframes pa-auto-fade {
4410
+ 0% {
4411
+ opacity: 0; }
4412
+ 20% {
4413
+ opacity: 1; }
4414
+ 35% {
4415
+ opacity: 0; }
4416
+ 100% {
4417
+ opacity: 0; } }
4418
+
4419
+ @keyframes pa-auto-fade {
4420
+ 0% {
4421
+ opacity: 0; }
4422
+ 20% {
4423
+ opacity: 1; }
4424
+ 35% {
4425
+ opacity: 0; }
4426
+ 100% {
4427
+ opacity: 0; } }
4428
+
4429
+ @-webkit-keyframes pa-loading-bar {
4430
+ 0% {
4431
+ width: 0; }
4432
+ 100% {
4433
+ width: 100; } }
4434
+
4435
+ @keyframes pa-loading-bar {
4436
+ 0% {
4437
+ width: 0; }
4438
+ 100% {
4439
+ width: 100; } }
4440
+
4441
+ @-webkit-keyframes pa-zoom-in {
4442
+ 0% {
4443
+ opacity: 0;
4444
+ -webkit-transform: translateZ(100px);
4445
+ transform: translateZ(100px); }
4446
+ 100% {
4447
+ opacity: 1;
4448
+ -webkit-transform: translateZ(0);
4449
+ transform: translateZ(0); } }
4450
+
4451
+ @keyframes pa-zoom-in {
4452
+ 0% {
4453
+ opacity: 0;
4454
+ -webkit-transform: translateZ(100px);
4455
+ transform: translateZ(100px); }
4456
+ 100% {
4457
+ opacity: 1;
4458
+ -webkit-transform: translateZ(0);
4459
+ transform: translateZ(0); } }
4460
+
4461
+ @-webkit-keyframes pa-zoom-out {
4462
+ 0% {
4463
+ opacity: 1;
4464
+ -webkit-transform: translateZ(0);
4465
+ transform: translateZ(0); }
4466
+ 100% {
4467
+ opacity: 0;
4468
+ -webkit-transform: translateZ(-100px);
4469
+ transform: translateZ(-100px); } }
4470
+
4471
+ @keyframes pa-zoom-out {
4472
+ 0% {
4473
+ opacity: 1;
4474
+ -webkit-transform: translateZ(0);
4475
+ transform: translateZ(0); }
4476
+ 100% {
4477
+ opacity: 0;
4478
+ -webkit-transform: translateZ(-100px);
4479
+ transform: translateZ(-100px); } }
4480
+
4481
+ @-webkit-keyframes pa-rotate-in {
4482
+ 0% {
4483
+ opacity: 0;
4484
+ -webkit-transform: rotateX(180deg);
4485
+ transform: rotateX(180deg); }
4486
+ 35% {
4487
+ opacity: 0;
4488
+ -webkit-transform: rotateX(120deg);
4489
+ transform: rotateX(120deg); }
4490
+ 65% {
4491
+ opacity: 0; }
4492
+ 100% {
4493
+ opacity: 1;
4494
+ -webkit-transform: rotateX(360deg);
4495
+ transform: rotateX(360deg); } }
4496
+
4497
+ @keyframes pa-rotate-in {
4498
+ 0% {
4499
+ opacity: 0;
4500
+ -webkit-transform: rotateX(180deg);
4501
+ transform: rotateX(180deg); }
4502
+ 35% {
4503
+ opacity: 0;
4504
+ -webkit-transform: rotateX(120deg);
4505
+ transform: rotateX(120deg); }
4506
+ 65% {
4507
+ opacity: 0; }
4508
+ 100% {
4509
+ opacity: 1;
4510
+ -webkit-transform: rotateX(360deg);
4511
+ transform: rotateX(360deg); } }
4512
+
4513
+ @-webkit-keyframes pa-rotate-out {
4514
+ 0% {
4515
+ opacity: 1;
4516
+ -webkit-transform: rotateX(0deg);
4517
+ transform: rotateX(0deg); }
4518
+ 35% {
4519
+ opacity: 1;
4520
+ -webkit-transform: rotateX(-40deg);
4521
+ transform: rotateX(-40deg); }
4522
+ 65% {
4523
+ opacity: 0; }
4524
+ 100% {
4525
+ opacity: 0;
4526
+ -webkit-transform: rotateX(180deg);
4527
+ transform: rotateX(180deg); } }
4528
+
4529
+ @keyframes pa-rotate-out {
4530
+ 0% {
4531
+ opacity: 1;
4532
+ -webkit-transform: rotateX(0deg);
4533
+ transform: rotateX(0deg); }
4534
+ 35% {
4535
+ opacity: 1;
4536
+ -webkit-transform: rotateX(-40deg);
4537
+ transform: rotateX(-40deg); }
4538
+ 65% {
4539
+ opacity: 0; }
4540
+ 100% {
4541
+ opacity: 0;
4542
+ -webkit-transform: rotateX(180deg);
4543
+ transform: rotateX(180deg); } }
4544
+
4545
+ /**************** Premium Pricing Table ****************/
4546
+ /*******************************************************/
4547
+ .premium-pricing-table-container {
4548
+ position: relative;
4549
+ overflow: hidden;
4550
+ text-align: center;
4551
+ -webkit-transition: all 0.3s ease-in-out;
4552
+ transition: all 0.3s ease-in-out; }
4553
+
4554
+ .premium-pricing-icon-container {
4555
+ -js-display: flex;
4556
+ display: -webkit-box;
4557
+ display: -webkit-flex;
4558
+ display: -moz-box;
4559
+ display: -ms-flexbox;
4560
+ display: flex;
4561
+ -webkit-box-pack: center;
4562
+ -webkit-justify-content: center;
4563
+ -moz-box-pack: center;
4564
+ -ms-flex-pack: center;
4565
+ justify-content: center;
4566
+ line-height: 0; }
4567
+ .premium-pricing-icon-container .premium-pricing-icon {
4568
+ display: inline-block; }
4569
+ .premium-pricing-icon-container .premium-pricing-image {
4570
+ overflow: hidden; }
4571
+ .premium-pricing-icon-container .premium-pricing-image img {
4572
+ width: 25px;
4573
+ height: 25px;
4574
+ -o-object-fit: cover;
4575
+ object-fit: cover; }
4576
+
4577
+ .premium-badge-left {
4578
+ position: absolute;
4579
+ top: 0; }
4580
+
4581
+ .premium-badge-right {
4582
+ position: absolute;
4583
+ top: 0;
4584
+ right: 0; }
4585
+
4586
+ .premium-badge-left {
4587
+ left: 0; }
4588
+
4589
+ .premium-badge-triangle.premium-badge-left .corner {
4590
+ width: 0;
4591
+ height: 0;
4592
+ border-top: 150px solid;
4593
+ border-bottom: 150px solid transparent;
4594
+ border-right: 150px solid transparent; }
4595
+
4596
+ .premium-badge-triangle.premium-badge-right .corner {
4597
+ width: 0;
4598
+ height: 0;
4599
+ border-bottom: 150px solid transparent;
4600
+ border-right: 150px solid;
4601
+ border-left: 150px solid transparent; }
4602
+
4603
+ .premium-badge-triangle span {
4604
+ position: absolute;
4605
+ top: 35px;
4606
+ width: 100px;
4607
+ text-align: center;
4608
+ -webkit-transform: rotate(-45deg);
4609
+ -ms-transform: rotate(-45deg);
4610
+ transform: rotate(-45deg);
4611
+ display: block;
4612
+ text-transform: uppercase; }
4613
+
4614
+ .premium-badge-triangle.premium-badge-right span {
4615
+ -webkit-transform: rotate(45deg);
4616
+ -ms-transform: rotate(45deg);
4617
+ transform: rotate(45deg);
4618
+ right: 0; }
4619
+
4620
+ .premium-badge-circle {
4621
+ min-width: 4em;
4622
+ min-height: 4em;
4623
+ line-height: 4em;
4624
+ text-align: center;
4625
+ -webkit-border-radius: 100%;
4626
+ border-radius: 100%;
4627
+ position: absolute;
4628
+ z-index: 1; }
4629
+
4630
+ .premium-badge-stripe {
4631
+ position: absolute;
4632
+ -webkit-transform: rotate(90deg);
4633
+ -ms-transform: rotate(90deg);
4634
+ transform: rotate(90deg);
4635
+ width: 15em;
4636
+ overflow: hidden;
4637
+ height: 15em; }
4638
+ .premium-badge-stripe.premium-badge-left {
4639
+ -webkit-transform: rotate(0);
4640
+ -ms-transform: rotate(0);
4641
+ transform: rotate(0); }
4642
+ .premium-badge-stripe .corner {
4643
+ text-align: center;
4644
+ left: 0;
4645
+ width: 150%;
4646
+ -webkit-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
4647
+ -ms-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
4648
+ transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
4649
+ margin-top: 35px;
4650
+ font-size: 13px;
4651
+ line-height: 2;
4652
+ font-weight: 800;
4653
+ text-transform: uppercase; }
4654
+
4655
+ .premium-badge-flag .corner {
4656
+ text-align: center;
4657
+ -webkit-border-radius: 4px 4px 0 4px;
4658
+ border-radius: 4px 4px 0 4px;
4659
+ padding: 3px 15px;
4660
+ position: absolute;
4661
+ top: 10%;
4662
+ right: -8px; }
4663
+ .premium-badge-flag .corner::before, .premium-badge-flag .corner::after {
4664
+ content: "";
4665
+ display: block;
4666
+ position: absolute;
4667
+ width: 0;
4668
+ height: 0;
4669
+ top: 100%;
4670
+ right: 0;
4671
+ border-bottom: 8px solid transparent; }
4672
+
4673
+ .elementor-widget-premium-addon-pricing-table .elementor-widget-container {
4674
+ overflow: visible !important; }
4675
+
4676
+ .premium-badge-flag .corner::after {
4677
+ border-left: 8px solid rgba(0, 0, 0, 0.2); }
4678
+
4679
+ .premium-pricing-price-currency {
4680
+ position: relative; }
4681
+
4682
+ .premium-pricing-button-container {
4683
+ display: block; }
4684
+
4685
+ .premium-pricing-list {
4686
+ -js-display: flex;
4687
+ display: -webkit-box;
4688
+ display: -webkit-flex;
4689
+ display: -moz-box;
4690
+ display: -ms-flexbox;
4691
+ display: flex;
4692
+ -webkit-box-orient: vertical;
4693
+ -webkit-box-direction: normal;
4694
+ -webkit-flex-direction: column;
4695
+ -moz-box-orient: vertical;
4696
+ -moz-box-direction: normal;
4697
+ -ms-flex-direction: column;
4698
+ flex-direction: column;
4699
+ list-style-type: none;
4700
+ margin: 0; }
4701
+ .premium-pricing-list .premium-pricing-list-item {
4702
+ -js-display: flex;
4703
+ display: -webkit-box;
4704
+ display: -webkit-flex;
4705
+ display: -moz-box;
4706
+ display: -ms-flexbox;
4707
+ display: flex;
4708
+ -webkit-box-align: center;
4709
+ -webkit-align-items: center;
4710
+ -moz-box-align: center;
4711
+ -ms-flex-align: center;
4712
+ align-items: center; }
4713
+ .premium-pricing-list .premium-pricing-list-item svg {
4714
+ width: 50px;
4715
+ height: 50px; }
4716
+ .premium-pricing-list .premium-pricing-list-item img {
4717
+ width: 30px;
4718
+ height: 30px;
4719
+ -o-object-fit: cover;
4720
+ object-fit: cover; }
4721
+ .premium-pricing-list .premium-pricing-list-span {
4722
+ position: relative; }
4723
+ .premium-pricing-list .list-item-tooltip {
4724
+ border-bottom: 1px dotted; }
4725
+ .premium-pricing-list .premium-pricing-list-tooltip {
4726
+ position: absolute;
4727
+ top: -webkit-calc(100% + 1px);
4728
+ top: calc(100% + 1px);
4729
+ left: 0;
4730
+ visibility: hidden;
4731
+ padding: 15px 20px;
4732
+ -webkit-border-radius: 5px;
4733
+ border-radius: 5px;
4734
+ min-width: 200px;
4735
+ overflow: hidden;
4736
+ text-align: left;
4737
+ font-size: 0.8rem;
4738
+ color: #fff;
4739
+ background-color: #aaa; }
4740
+
4741
+ .premium-pricing-features-left .premium-pricing-list-span {
4742
+ text-align: left; }
4743
+
4744
+ .premium-pricing-features-center .premium-pricing-list-span {
4745
+ text-align: center; }
4746
+
4747
+ .premium-pricing-features-right .premium-pricing-list-span {
4748
+ text-align: right; }
4749
+
4750
+ .premium-pricing-list-span:hover .premium-pricing-list-tooltip {
4751
+ z-index: 99;
4752
+ visibility: visible;
4753
+ opacity: 1; }
4754
+
4755
+ .premium-pricing-slashed-price-value {
4756
+ display: inline-block;
4757
+ font-size: 20px;
4758
+ font-weight: 400;
4759
+ margin-right: 5px; }
4760
+
4761
+ .premium-pricing-price-value {
4762
+ font-size: 70px; }
4763
+
4764
+ .premium-pricing-description-container li {
4765
+ list-style-position: inside;
4766
+ text-indent: -40px; }
4767
+
4768
+ @-moz-document url-prefix() {
4769
+ .premium-pricing-description-container li {
4770
+ text-indent: 0px; } }
4771
+
4772
+ .premium-pricing-price-button {
4773
+ display: block;
4774
+ padding: 6px 12px;
4775
+ line-height: 1.42857143;
4776
+ text-align: center;
4777
+ color: #fff;
4778
+ background: #6ec1e4;
4779
+ margin-bottom: 0;
4780
+ -webkit-transition: all 0.3s ease-in-out;
4781
+ transition: all 0.3s ease-in-out; }
4782
+
4783
+ /**************** Premium Google Maps ******************/
4784
+ /*******************************************************/
4785
+ .premium-maps-info-container {
4786
+ margin-top: 10px;
4787
+ margin-bottom: 10px; }
4788
+
4789
+ .premium-maps-info-title,
4790
+ .premium-maps-info-desc {
4791
+ margin: 0;
4792
+ padding: 0; }
4793
+
4794
+ .premium-maps-container .gm-style-iw {
4795
+ text-align: center; }
4796
+
4797
+ .premium-maps-container .gm-style img {
4798
+ max-width: none !important; }
4799
+
4800
+ /**************** Premium Button ***********************/
4801
+ /*******************************************************/
4802
+ .premium-button {
4803
+ -js-display: inline-flex;
4804
+ display: -webkit-inline-box;
4805
+ display: -webkit-inline-flex;
4806
+ display: -moz-inline-box;
4807
+ display: -ms-inline-flexbox;
4808
+ display: inline-flex;
4809
+ position: relative;
4810
+ overflow: hidden;
4811
+ -webkit-backface-visibility: hidden;
4812
+ backface-visibility: hidden;
4813
+ -webkit-transform: translate3d(0, 0, 0);
4814
+ transform: translate3d(0, 0, 0);
4815
+ cursor: pointer;
4816
+ -webkit-transition: all 0.2s ease-in-out !important;
4817
+ transition: all 0.2s ease-in-out !important; }
4818
+
4819
+ .premium-button .premium-lottie-animation,
4820
+ .premium-image-button .premium-lottie-animation {
4821
+ -js-display: flex;
4822
+ display: -webkit-box;
4823
+ display: -webkit-flex;
4824
+ display: -moz-box;
4825
+ display: -ms-flexbox;
4826
+ display: flex; }
4827
+
4828
+ .premium-button svg,
4829
+ .premium-image-button svg {
4830
+ width: 30px;
4831
+ height: 30px; }
4832
+
4833
+ .premium-btn-sm,
4834
+ .premium-btn-md,
4835
+ .premium-btn-lg,
4836
+ .premium-btn-block {
4837
+ background-color: #eee;
4838
+ color: #042551;
4839
+ margin: 0px;
4840
+ text-decoration: none; }
4841
+ .premium-btn-sm:hover,
4842
+ .premium-btn-md:hover,
4843
+ .premium-btn-lg:hover,
4844
+ .premium-btn-block:hover {
4845
+ background-color: #54595f;
4846
+ color: #eee; }
4847
+
4848
+ .premium-btn-sm {
4849
+ padding: 12px 24px;
4850
+ font-size: 14px;
4851
+ line-height: 1; }
4852
+
4853
+ .premium-btn-md {
4854
+ padding: 14px 26px;
4855
+ font-size: 16px;
4856
+ line-height: 1.2; }
4857
+
4858
+ .premium-btn-lg {
4859
+ padding: 16px 28px;
4860
+ font-size: 18px;
4861
+ line-height: 1.3333; }
4862
+
4863
+ .premium-btn-block {
4864
+ font-size: 18px;
4865
+ line-height: 1;
4866
+ padding: 20px 0px;
4867
+ width: 100%;
4868
+ text-align: center; }
4869
+
4870
+ .premium-button-text {
4871
+ display: inline-block;
4872
+ width: 100%; }
4873
+
4874
+ .premium-button-style1,
4875
+ .premium-button-style2,
4876
+ .premium-button-style5,
4877
+ .premium-button-style7 {
4878
+ display: inline-block;
4879
+ vertical-align: middle;
4880
+ -webkit-transform: perspective(1px) translateZ(0);
4881
+ transform: perspective(1px) translateZ(0);
4882
+ -webkit-box-shadow: 0 0 1px transparent;
4883
+ box-shadow: 0 0 1px transparent;
4884
+ position: relative;
4885
+ -webkit-transition-property: color;
4886
+ transition-property: color;
4887
+ -webkit-transition-duration: 0.15s;
4888
+ transition-duration: 0.15s; }
4889
+
4890
+ .premium-button-style1:before,
4891
+ .premium-button-style2:before,
4892
+ .premium-button-style5:before {
4893
+ content: "";
4894
+ position: absolute;
4895
+ z-index: -1;
4896
+ top: 0;
4897
+ left: 0;
4898
+ right: 0;
4899
+ bottom: 0;
4900
+ -webkit-transform: scaleY(0);
4901
+ -ms-transform: scaleY(0);
4902
+ transform: scaleY(0);
4903
+ -webkit-transform-origin: 50% 0;
4904
+ -ms-transform-origin: 50% 0;
4905
+ transform-origin: 50% 0;
4906
+ -webkit-transition-property: -webkit-transform;
4907
+ transition-property: -webkit-transform;
4908
+ transition-property: transform;
4909
+ transition-property: transform, -webkit-transform;
4910
+ -webkit-transition-duration: 0.15s;
4911
+ transition-duration: 0.15s;
4912
+ -webkit-transition-timing-function: ease-out;
4913
+ transition-timing-function: ease-out; }
4914
+
4915
+ .premium-button-style5-radialin:before,
4916
+ .premium-button-style5-radialout:before {
4917
+ -webkit-transform-origin: 50%;
4918
+ -ms-transform-origin: 50%;
4919
+ transform-origin: 50%;
4920
+ -webkit-border-radius: 100%;
4921
+ border-radius: 100%;
4922
+ -webkit-transform: scale(0);
4923
+ -ms-transform: scale(0);
4924
+ transform: scale(0); }
4925
+
4926
+ .premium-button-style5-radialin:before {
4927
+ -webkit-transform: scale(2);
4928
+ -ms-transform: scale(2);
4929
+ transform: scale(2); }
4930
+
4931
+ .premium-button-style5-rectin:before {
4932
+ -webkit-transform-origin: 50%;
4933
+ -ms-transform-origin: 50%;
4934
+ transform-origin: 50%;
4935
+ -webkit-transform: scale(1);
4936
+ -ms-transform: scale(1);
4937
+ transform: scale(1); }
4938
+
4939
+ .premium-button-style5-rectout:before {
4940
+ -webkit-transform-origin: 50%;
4941
+ -ms-transform-origin: 50%;
4942
+ transform-origin: 50%;
4943
+ -webkit-transform: scale(0);
4944
+ -ms-transform: scale(0);
4945
+ transform: scale(0); }
4946
+
4947
+ .premium-button-style5-rectout:hover:before {
4948
+ -webkit-transform: scale(1);
4949
+ -ms-transform: scale(1);
4950
+ transform: scale(1); }
4951
+
4952
+ .premium-button-style5-rectin:hover:before {
4953
+ -webkit-transform: scale(0);
4954
+ -ms-transform: scale(0);
4955
+ transform: scale(0); }
4956
+
4957
+ .premium-button-style5-radialout:hover:before {
4958
+ -webkit-transform: scale(2);
4959
+ -ms-transform: scale(2);
4960
+ transform: scale(2); }
4961
+
4962
+ .premium-button-style5-radialin:hover:before {
4963
+ -webkit-transform: scale(0);
4964
+ -ms-transform: scale(0);
4965
+ transform: scale(0); }
4966
+
4967
+ .premium-button-style1-top:before {
4968
+ -webkit-transform-origin: 50% 100%;
4969
+ -ms-transform-origin: 50% 100%;
4970
+ transform-origin: 50% 100%; }
4971
+
4972
+ .premium-button-style1-right:before {
4973
+ -webkit-transform: scaleX(0);
4974
+ -ms-transform: scaleX(0);
4975
+ transform: scaleX(0);
4976
+ -webkit-transform-origin: 0% 50%;
4977
+ -ms-transform-origin: 0% 50%;
4978
+ transform-origin: 0% 50%; }
4979
+
4980
+ .premium-button-style1-left:before {
4981
+ -webkit-transform: scaleX(0);
4982
+ -ms-transform: scaleX(0);
4983
+ transform: scaleX(0);
4984
+ -webkit-transform-origin: 100% 50%;
4985
+ -ms-transform-origin: 100% 50%;
4986
+ transform-origin: 100% 50%; }
4987
+
4988
+ .premium-button-style2-shutouthor:before,
4989
+ .premium-button-style2-scshutoutver:before {
4990
+ -webkit-transform: scaleY(0);
4991
+ -ms-transform: scaleY(0);
4992
+ transform: scaleY(0);
4993
+ -webkit-transform-origin: 100% 50%;
4994
+ -ms-transform-origin: 100% 50%;
4995
+ transform-origin: 100% 50%; }
4996
+
4997
+ .premium-button-style2-shutoutver:before,
4998
+ .premium-button-style2-scshutouthor:before {
4999
+ -webkit-transform: scaleX(0);
5000
+ -ms-transform: scaleX(0);
5001
+ transform: scaleX(0);
5002
+ -webkit-transform-origin: 50% 50%;
5003
+ -ms-transform-origin: 50% 50%;
5004
+ transform-origin: 50% 50%; }
5005
+
5006
+ .premium-button-style2-shutinhor:before {
5007
+ -webkit-transform: scaleX(1);
5008
+ -ms-transform: scaleX(1);
5009
+ transform: scaleX(1);
5010
+ -webkit-transform-origin: 50%;
5011
+ -ms-transform-origin: 50%;
5012
+ transform-origin: 50%; }
5013
+
5014
+ .premium-button-style2-shutinver:before {
5015
+ -webkit-transform: scaleY(1);
5016
+ -ms-transform: scaleY(1);
5017
+ transform: scaleY(1);
5018
+ -webkit-transform-origin: 50%;
5019
+ -ms-transform-origin: 50%;
5020
+ transform-origin: 50%; }
5021
+
5022
+ .premium-button-style1-bottom:hover:before,
5023
+ .premium-button-style1-top:hover:before {
5024
+ -webkit-transform: scaleY(1);
5025
+ -ms-transform: scaleY(1);
5026
+ transform: scaleY(1); }
5027
+
5028
+ .premium-button-style1-left:hover:before,
5029
+ .premium-button-style1-right:hover:before,
5030
+ .premium-button-style2-shutouthor:hover:before,
5031
+ .premium-button-style2-shutoutver:hover:before {
5032
+ -webkit-transform: scaleX(1);
5033
+ -ms-transform: scaleX(1);
5034
+ transform: scaleX(1); }
5035
+
5036
+ .premium-button-style2-shutinhor:hover:before {
5037
+ -webkit-transform: scaleX(0);
5038
+ -ms-transform: scaleX(0);
5039
+ transform: scaleX(0); }
5040
+
5041
+ .premium-button-style2-shutinver:hover:before {
5042
+ -webkit-transform: scaleY(0);
5043
+ -ms-transform: scaleY(0);
5044
+ transform: scaleY(0); }
5045
+
5046
+ .premium-button-style2-scshutouthor:hover:before {
5047
+ -webkit-transform: scaleX(0.9);
5048
+ -ms-transform: scaleX(0.9);
5049
+ transform: scaleX(0.9); }
5050
+
5051
+ .premium-button-style2-scshutoutver:hover:before {
5052
+ -webkit-transform: scaleY(0.8);
5053
+ -ms-transform: scaleY(0.8);
5054
+ transform: scaleY(0.8); }
5055
+
5056
+ /*Diagonal*/
5057
+ .premium-button-style2-dshutinhor:before {
5058
+ top: 50%;
5059
+ left: 50%;
5060
+ width: 120%;
5061
+ height: 0%;
5062
+ -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
5063
+ -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
5064
+ transform: translateX(-50%) translateY(-50%) rotate(-45deg);
5065
+ -webkit-transform-origin: 50%;
5066
+ -ms-transform-origin: 50%;
5067
+ transform-origin: 50%;
5068
+ -webkit-transition-property: all;
5069
+ transition-property: all; }
5070
+
5071
+ .premium-button-style2-dshutinver:before {
5072
+ top: 50%;
5073
+ left: 50%;
5074
+ width: 120%;
5075
+ height: 0%;
5076
+ -webkit-transform-origin: 50%;
5077
+ -ms-transform-origin: 50%;
5078
+ transform-origin: 50%;
5079
+ -webkit-transition-property: all;
5080
+ transition-property: all;
5081
+ -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
5082
+ -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
5083
+ transform: translateX(-50%) translateY(-50%) rotate(45deg); }
5084
+
5085
+ .premium-button-style2-dshutinhor:hover:before,
5086
+ .premium-button-style2-dshutinver:hover:before {
5087
+ height: 220%; }
5088
+
5089
+ .premium-button-style3-before i,
5090
+ .premium-button-style3-before svg {
5091
+ opacity: 0;
5092
+ -webkit-transform: translateX(-5px);
5093
+ -ms-transform: translateX(-5px);
5094
+ transform: translateX(-5px);
5095
+ -webkit-transition: all 0.5s ease-in-out;
5096
+ transition: all 0.5s ease-in-out; }
5097
+
5098
+ .premium-button-style3-after i,
5099
+ .premium-button-style3-after svg {
5100
+ opacity: 0;
5101
+ -webkit-transform: translateX(-5px);
5102
+ -ms-transform: translateX(-5px);
5103
+ transform: translateX(-5px);
5104
+ -webkit-transition: all 0.5s ease-in-out;
5105
+ transition: all 0.5s ease-in-out;
5106
+ -webkit-transform: translateX(5px);
5107
+ -ms-transform: translateX(5px);
5108
+ transform: translateX(5px); }
5109
+
5110
+ .premium-button-style3-after:hover i,
5111
+ .premium-button-style3-after:hover svg {
5112
+ opacity: 1; }
5113
+
5114
+ .premium-button-style3-before:hover i,
5115
+ .premium-button-style3-before:hover svg {
5116
+ opacity: 1; }
5117
+
5118
+ .premium-button-text-icon-wrapper {
5119
+ width: 100%;
5120
+ -js-display: flex;
5121
+ display: -webkit-box;
5122
+ display: -webkit-flex;
5123
+ display: -moz-box;
5124
+ display: -ms-flexbox;
5125
+ display: flex;
5126
+ -webkit-box-pack: center;
5127
+ -webkit-justify-content: center;
5128
+ -moz-box-pack: center;
5129
+ -ms-flex-pack: center;
5130
+ justify-content: center;
5131
+ -webkit-box-align: center;
5132
+ -webkit-align-items: center;
5133
+ -moz-box-align: center;
5134
+ -ms-flex-align: center;
5135
+ align-items: center;
5136
+ -webkit-transition: all 0.2s ease-in-out;
5137
+ transition: all 0.2s ease-in-out; }
5138
+ .premium-button-text-icon-wrapper span,
5139
+ .premium-button-text-icon-wrapper i,
5140
+ .premium-button-text-icon-wrapper svg {
5141
+ -webkit-transition: all 0.2s ease-in-out;
5142
+ transition: all 0.2s ease-in-out; }
5143
+
5144
+ .premium-button-style4-icon-wrapper {
5145
+ position: absolute;
5146
+ z-index: 2;
5147
+ width: 100%;
5148
+ text-align: center;
5149
+ -js-display: flex;
5150
+ display: -webkit-box;
5151
+ display: -webkit-flex;
5152
+ display: -moz-box;
5153
+ display: -ms-flexbox;
5154
+ display: flex;
5155
+ -webkit-box-align: center;
5156
+ -webkit-align-items: center;
5157
+ -moz-box-align: center;
5158
+ -ms-flex-align: center;
5159
+ align-items: center;
5160
+ -webkit-box-pack: center;
5161
+ -webkit-justify-content: center;
5162
+ -moz-box-pack: center;
5163
+ -ms-flex-pack: center;
5164
+ justify-content: center;
5165
+ height: 100%;
5166
+ opacity: 0;
5167
+ -webkit-transition: all 0.3s ease-in-out;
5168
+ transition: all 0.3s ease-in-out; }
5169
+ .premium-button-style4-icon-wrapper.top {
5170
+ bottom: -100%;
5171
+ left: 0; }
5172
+ .premium-button-style4-icon-wrapper.bottom {
5173
+ top: -100%;
5174
+ left: 0; }
5175
+ .premium-button-style4-icon-wrapper.left {
5176
+ top: 0;
5177
+ left: -100%; }
5178
+ .premium-button-style4-icon-wrapper.right {
5179
+ top: 0;
5180
+ right: -100%; }
5181
+
5182
+ .premium-button-style4-bottom:hover .premium-button-style4-icon-wrapper {
5183
+ top: 0;
5184
+ opacity: 1; }
5185
+
5186
+ .premium-button-style4-top:hover .premium-button-style4-icon-wrapper {
5187
+ bottom: 0;
5188
+ opacity: 1; }
5189
+
5190
+ .premium-button-style4-left:hover .premium-button-style4-icon-wrapper {
5191
+ left: 0;
5192
+ opacity: 1; }
5193
+
5194
+ .premium-button-style4-right:hover .premium-button-style4-icon-wrapper {
5195
+ right: 0;
5196
+ opacity: 1; }
5197
+
5198
+ .premium-button-style4-bottom:hover .premium-button-text-icon-wrapper {
5199
+ -webkit-transform: translateY(100%);
5200
+ -ms-transform: translateY(100%);
5201
+ transform: translateY(100%);
5202
+ opacity: 0; }
5203
+
5204
+ .premium-button-style4-top:hover .premium-button-text-icon-wrapper {
5205
+ -webkit-transform: translateY(-100%);
5206
+ -ms-transform: translateY(-100%);
5207
+ transform: translateY(-100%);
5208
+ opacity: 0; }
5209
+
5210
+ .premium-button-style4-left:hover .premium-button-text-icon-wrapper {
5211
+ -webkit-transform: translateX(100%);
5212
+ -ms-transform: translateX(100%);
5213
+ transform: translateX(100%);
5214
+ opacity: 0; }
5215
+
5216
+ .premium-button-style4-right:hover .premium-button-text-icon-wrapper {
5217
+ -webkit-transform: translateX(-100%);
5218
+ -ms-transform: translateX(-100%);
5219
+ transform: translateX(-100%);
5220
+ opacity: 0; }
5221
+
5222
+ .premium-button-style6:before {
5223
+ content: "";
5224
+ position: absolute;
5225
+ left: 50%;
5226
+ top: 50%;
5227
+ width: 100px;
5228
+ height: 100px;
5229
+ -webkit-border-radius: 100%;
5230
+ border-radius: 100%;
5231
+ -webkit-transform: translate(-50%, -50%) scale(0);
5232
+ -ms-transform: translate(-50%, -50%) scale(0);
5233
+ transform: translate(-50%, -50%) scale(0);
5234
+ -webkit-transition: all 0.3s ease-in-out;
5235
+ transition: all 0.3s ease-in-out; }
5236
+
5237
+ .premium-button-style6:hover:before {
5238
+ -webkit-transform: translate(-50%, -50%) scale(3);
5239
+ -ms-transform: translate(-50%, -50%) scale(3);
5240
+ transform: translate(-50%, -50%) scale(3); }
5241
+
5242
+ .premium-button-style6 .premium-button-text-icon-wrapper {
5243
+ position: relative;
5244
+ z-index: 1; }
5245
+
5246
+ .premium-mouse-detect-yes .premium-button-style6 .premium-button-style6-bg {
5247
+ position: absolute;
5248
+ z-index: 0;
5249
+ top: 0;
5250
+ left: 0;
5251
+ width: 0px;
5252
+ height: 0px;
5253
+ -webkit-border-radius: 50%;
5254
+ border-radius: 50%;
5255
+ display: block;
5256
+ -webkit-transform: translate(-50%, -50%);
5257
+ -ms-transform: translate(-50%, -50%);
5258
+ transform: translate(-50%, -50%);
5259
+ -webkit-transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
5260
+ transition: width 0.4s ease-in-out, height 0.4s ease-in-out; }
5261
+
5262
+ .premium-mouse-detect-yes .premium-button-style6:hover .premium-button-style6-bg {
5263
+ width: 225%;
5264
+ height: 560px; }
5265
+
5266
+ .premium-mouse-detect-yes .premium-button-style6:before {
5267
+ width: 0;
5268
+ height: 0; }
5269
+
5270
+ .premium-button-style7-right .premium-button-text-icon-wrapper:before,
5271
+ .premium-button-style7-left .premium-button-text-icon-wrapper:before {
5272
+ -webkit-transition: width 0.3s ease-out 0.15s;
5273
+ transition: width 0.3s ease-out 0.15s; }
5274
+
5275
+ .premium-button-style7-right .premium-button-text-icon-wrapper:after,
5276
+ .premium-button-style7-left .premium-button-text-icon-wrapper:after {
5277
+ -webkit-transition: width 0.3s ease-out 0s;
5278
+ transition: width 0.3s ease-out 0s; }
5279
+
5280
+ .premium-button-style7-bottom .premium-button-text-icon-wrapper:before,
5281
+ .premium-button-style7-top .premium-button-text-icon-wrapper:before {
5282
+ -webkit-transition: height 0.3s ease-out 0.15s;
5283
+ transition: height 0.3s ease-out 0.15s; }
5284
+
5285
+ .premium-button-style7-bottom .premium-button-text-icon-wrapper:after,
5286
+ .premium-button-style7-top .premium-button-text-icon-wrapper:after {
5287
+ -webkit-transition: height 0.3s ease-out 0s;
5288
+ transition: height 0.3s ease-out 0s; }
5289
+
5290
+ .premium-button-style7:hover .premium-button-text-icon-wrapper:before {
5291
+ -webkit-transition-delay: 0s;
5292
+ transition-delay: 0s; }
5293
+
5294
+ .premium-button-style7:hover .premium-button-text-icon-wrapper:after {
5295
+ -webkit-transition-delay: 0.15s;
5296
+ transition-delay: 0.15s; }
5297
+
5298
+ .premium-button-style7-bottom .premium-button-text-icon-wrapper:before,
5299
+ .premium-button-style7-bottom .premium-button-text-icon-wrapper:after {
5300
+ content: "";
5301
+ position: absolute;
5302
+ right: 0;
5303
+ top: 0;
5304
+ left: 0;
5305
+ height: 0;
5306
+ z-index: -1; }
5307
+
5308
+ .premium-button-style7-top .premium-button-text-icon-wrapper:after,
5309
+ .premium-button-style7-top .premium-button-text-icon-wrapper:before {
5310
+ content: "";
5311
+ position: absolute;
5312
+ right: 0;
5313
+ bottom: 0;
5314
+ left: 0;
5315
+ height: 0;
5316
+ z-index: -1; }
5317
+
5318
+ .premium-button-style7-right .premium-button-text-icon-wrapper:after,
5319
+ .premium-button-style7-right .premium-button-text-icon-wrapper:before {
5320
+ content: "";
5321
+ position: absolute;
5322
+ right: 0;
5323
+ top: 0;
5324
+ bottom: 0;
5325
+ width: 0;
5326
+ z-index: -1; }
5327
+
5328
+ .premium-button-style7-left .premium-button-text-icon-wrapper:after,
5329
+ .premium-button-style7-left .premium-button-text-icon-wrapper:before {
5330
+ content: "";
5331
+ position: absolute;
5332
+ left: 0;
5333
+ top: 0;
5334
+ bottom: 0;
5335
+ width: 0;
5336
+ z-index: -1; }
5337
+
5338
+ .premium-button-style7-bottom:hover .premium-button-text-icon-wrapper:after,
5339
+ .premium-button-style7-bottom:hover .premium-button-text-icon-wrapper:before {
5340
+ height: 100%;
5341
+ top: 0; }
5342
+
5343
+ .premium-button-style7-top:hover .premium-button-text-icon-wrapper:after,
5344
+ .premium-button-style7-top:hover .premium-button-text-icon-wrapper:before {
5345
+ height: 100%;
5346
+ bottom: 0; }
5347
+
5348
+ .premium-button-style7-left:hover .premium-button-text-icon-wrapper:after,
5349
+ .premium-button-style7-left:hover .premium-button-text-icon-wrapper:before {
5350
+ width: 100%;
5351
+ left: 0; }
5352
+
5353
+ .premium-button-style7-right:hover .premium-button-text-icon-wrapper:after,
5354
+ .premium-button-style7-right:hover .premium-button-text-icon-wrapper:before {
5355
+ width: 100%;
5356
+ right: 0; }
5357
+
5358
+ /**************** Premium Contact Form7 **********/
5359
+ /*************************************************/
5360
+ .premium-contact-form-anim-yes .wpcf7-span::after {
5361
+ display: block;
5362
+ height: 2px;
5363
+ content: "";
5364
+ top: -2px;
5365
+ position: relative;
5366
+ width: 0px;
5367
+ -webkit-transition: all ease-in-out 0.3s;
5368
+ transition: all ease-in-out 0.3s; }
5369
+
5370
+ .premium-contact-form-anim-yes .wpcf7-span.is-focused::after {
5371
+ width: 100%; }
5372
+
5373
+ .premium-cf7-container input.wpcf7-submit {
5374
+ -webkit-transition: all 0.3s ease-in-out;
5375
+ transition: all 0.3s ease-in-out; }
5376
+
5377
+ /**************** Premium Image Button ***********/
5378
+ /*************************************************/
5379
+ .premium-image-button {
5380
+ -js-display: inline-flex;
5381
+ display: -webkit-inline-box;
5382
+ display: -webkit-inline-flex;
5383
+ display: -moz-inline-box;
5384
+ display: -ms-inline-flexbox;
5385
+ display: inline-flex;
5386
+ position: relative;
5387
+ overflow: hidden;
5388
+ background-color: #eee;
5389
+ cursor: pointer;
5390
+ -webkit-transition: all 0.2s ease-in-out !important;
5391
+ transition: all 0.2s ease-in-out !important; }
5392
+ .premium-image-button .premium-button-style6-bg, .premium-image-button.premium-button-style6:before, .premium-image-button:not(.premium-image-button-style6):hover {
5393
+ background-color: #54595f; }
5394
+
5395
+ /*Default background for slide styles*/
5396
+ .premium-image-button-style4-icon-wrapper,
5397
+ .premium-image-button-style1:before {
5398
+ background-color: #54595f; }
5399
+
5400
+ .premium-image-button-text-icon-wrapper {
5401
+ width: 100%;
5402
+ -js-display: flex;
5403
+ display: -webkit-box;
5404
+ display: -webkit-flex;
5405
+ display: -moz-box;
5406
+ display: -ms-flexbox;
5407
+ display: flex;
5408
+ -webkit-box-pack: center;
5409
+ -webkit-justify-content: center;
5410
+ -moz-box-pack: center;
5411
+ -ms-flex-pack: center;
5412
+ justify-content: center;
5413
+ -webkit-box-align: center;
5414
+ -webkit-align-items: center;
5415
+ -moz-box-align: center;
5416
+ -ms-flex-align: center;
5417
+ align-items: center;
5418
+ position: relative;
5419
+ z-index: 3;
5420
+ -webkit-transition: all 0.2s ease-in-out;
5421
+ transition: all 0.2s ease-in-out; }
5422
+ .premium-image-button-text-icon-wrapper span,
5423
+ .premium-image-button-text-icon-wrapper i,
5424
+ .premium-image-button-text-icon-wrapper svg {
5425
+ -webkit-transition: all 0.2s ease-in-out;
5426
+ transition: all 0.2s ease-in-out; }
5427
+
5428
+ .premium-image-button-style1:before {
5429
+ position: absolute;
5430
+ content: "";
5431
+ -webkit-transition: all 0.2s ease-in-out;
5432
+ transition: all 0.2s ease-in-out; }
5433
+
5434
+ .premium-image-button-style1-bottom:before {
5435
+ width: 100%;
5436
+ height: 0;
5437
+ top: 0;
5438
+ left: 0; }
5439
+
5440
+ .premium-image-button-style1-top:before {
5441
+ width: 100%;
5442
+ height: 0;
5443
+ bottom: 0;
5444
+ left: 0; }
5445
+
5446
+ .premium-image-button-style1-right:before {
5447
+ width: 0;
5448
+ height: 100%;
5449
+ bottom: 0;
5450
+ left: 0; }
5451
+
5452
+ .premium-image-button-style1-left:before {
5453
+ width: 0;
5454
+ height: 100%;
5455
+ top: 0;
5456
+ right: 0; }
5457
+
5458
+ .premium-image-button-style1-bottom:hover:before,
5459
+ .premium-image-button-style1-top:hover:before {
5460
+ height: 100%; }
5461
+
5462
+ .premium-image-button-style1-right:hover:before,
5463
+ .premium-image-button-style1-left:hover:before {
5464
+ width: 100%; }
5465
+
5466
+ .premium-image-button-style3 {
5467
+ z-index: 10; }
5468
+ .premium-image-button-style3:before {
5469
+ position: absolute;
5470
+ top: 0px;
5471
+ left: 0px;
5472
+ width: 100%;
5473
+ height: 100%;
5474
+ content: "";
5475
+ z-index: 1;
5476
+ background: rgba(255, 255, 255, 0.2);
5477
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
5478
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
5479
+ -webkit-transition: all 0.8s ease-out;
5480
+ transition: all 0.8s ease-out; }
5481
+
5482
+ .premium-image-button-diagonal-right:before {
5483
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
5484
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0); }
5485
+
5486
+ .premium-image-button-diagonal-right:hover:before {
5487
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
5488
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0); }
5489
+
5490
+ .premium-image-button-diagonal-left:before {
5491
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
5492
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0); }
5493
+
5494
+ .premium-image-button-diagonal-left:hover:before {
5495
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
5496
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0); }
5497
+
5498
+ .premium-image-button-diagonal-bottom:before {
5499
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
5500
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0); }
5501
+
5502
+ .premium-image-button-diagonal-bottom:hover:before {
5503
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
5504
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); }
5505
+
5506
+ .premium-image-button-diagonal-top:before {
5507
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
5508
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); }
5509
+
5510
+ .premium-image-button-diagonal-top:hover:before {
5511
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
5512
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0); }
5513
+
5514
+ .premium-image-button-style4-icon-wrapper {
5515
+ position: absolute;
5516
+ z-index: 2;
5517
+ width: 100%;
5518
+ text-align: center;
5519
+ -js-display: flex;
5520
+ display: -webkit-box;
5521
+ display: -webkit-flex;
5522
+ display: -moz-box;
5523
+ display: -ms-flexbox;
5524
+ display: flex;
5525
+ -webkit-box-align: center;
5526
+ -webkit-align-items: center;
5527
+ -moz-box-align: center;
5528
+ -ms-flex-align: center;
5529
+ align-items: center;
5530
+ -webkit-box-pack: center;
5531
+ -webkit-justify-content: center;
5532
+ -moz-box-pack: center;
5533
+ -ms-flex-pack: center;
5534
+ justify-content: center;
5535
+ height: 100%;
5536
+ opacity: 0;
5537
+ -webkit-transition: all 0.3s ease-in-out;
5538
+ transition: all 0.3s ease-in-out; }
5539
+ .premium-image-button-style4-icon-wrapper.top {
5540
+ bottom: -100%;
5541
+ left: 0; }
5542
+ .premium-image-button-style4-icon-wrapper.bottom {
5543
+ top: -100%;
5544
+ left: 0; }
5545
+ .premium-image-button-style4-icon-wrapper.left {
5546
+ top: 0;
5547
+ left: -100%; }
5548
+ .premium-image-button-style4-icon-wrapper.right {
5549
+ top: 0;
5550
+ right: -100%; }
5551
+
5552
+ .premium-image-button-style4-bottom:hover .premium-image-button-style4-icon-wrapper {
5553
+ top: 0;
5554
+ opacity: 1; }
5555
+
5556
+ .premium-image-button-style4-bottom:hover .premium-image-button-text-icon-wrapper {
5557
+ -webkit-transform: translateY(100%);
5558
+ -ms-transform: translateY(100%);
5559
+ transform: translateY(100%);
5560
+ opacity: 0; }
5561
+
5562
+ .premium-image-button-style4-top:hover .premium-image-button-style4-icon-wrapper {
5563
+ bottom: 0;
5564
+ opacity: 1; }
5565
+
5566
+ .premium-image-button-style4-top:hover .premium-image-button-text-icon-wrapper {
5567
+ -webkit-transform: translateY(-100%);
5568
+ -ms-transform: translateY(-100%);
5569
+ transform: translateY(-100%);
5570
+ opacity: 0; }
5571
+
5572
+ .premium-image-button-style4-left:hover .premium-image-button-style4-icon-wrapper {
5573
+ left: 0;
5574
+ opacity: 1; }
5575
+
5576
+ .premium-image-button-style4-left:hover .premium-image-button-text-icon-wrapper {
5577
+ -webkit-transform: translateX(100%);
5578
+ -ms-transform: translateX(100%);
5579
+ transform: translateX(100%);
5580
+ opacity: 0; }
5581
+
5582
+ .premium-image-button-style4-right:hover .premium-image-button-style4-icon-wrapper {
5583
+ right: 0;
5584
+ opacity: 1; }
5585
+
5586
+ .premium-image-button-style4-right:hover .premium-image-button-text-icon-wrapper {
5587
+ -webkit-transform: translateX(-100%);
5588
+ -ms-transform: translateX(-100%);
5589
+ transform: translateX(-100%);
5590
+ opacity: 0; }
5591
+
5592
+ .premium-image-button-style5:before {
5593
+ position: absolute;
5594
+ content: "";
5595
+ top: 0;
5596
+ left: 0;
5597
+ width: 100%;
5598
+ height: 100%;
5599
+ opacity: 0;
5600
+ -webkit-transition: all 1s ease-in-out;
5601
+ transition: all 1s ease-in-out;
5602
+ background: rgba(255, 255, 255, 0.2);
5603
+ -webkit-animation-name: premium-overlap-effect-done;
5604
+ animation-name: premium-overlap-effect-done;
5605
+ -webkit-animation-duration: 1s;
5606
+ animation-duration: 1s; }
5607
+
5608
+ .premium-image-button-overlap-effect-vertical:before {
5609
+ -webkit-animation-name: premium-overlap-ver-effect-done;
5610
+ animation-name: premium-overlap-ver-effect-done; }
5611
+
5612
+ .premium-image-button-overlap-effect-horizontal:hover:before {
5613
+ -webkit-animation-name: premium-overlap-effect;
5614
+ animation-name: premium-overlap-effect; }
5615
+
5616
+ .premium-image-button-overlap-effect-vertical:hover:before {
5617
+ -webkit-animation-name: premium-overlap-ver-effect;
5618
+ animation-name: premium-overlap-ver-effect; }
5619
+
5620
+ @-webkit-keyframes premium-overlap-effect {
5621
+ 0% {
5622
+ opacity: 0;
5623
+ -webkit-transform: rotateY(0deg);
5624
+ transform: rotateY(0deg); }
5625
+ 50% {
5626
+ opacity: 1;
5627
+ -webkit-transform: rotateY(180deg);
5628
+ transform: rotateY(180deg); }
5629
+ 100% {
5630
+ opacity: 0;
5631
+ -webkit-transform: rotateY(360deg);
5632
+ transform: rotateY(360deg); } }
5633
+
5634
+ @keyframes premium-overlap-effect {
5635
+ 0% {
5636
+ opacity: 0;
5637
+ -webkit-transform: rotateY(0deg);
5638
+ transform: rotateY(0deg); }
5639
+ 50% {
5640
+ opacity: 1;
5641
+ -webkit-transform: rotateY(180deg);
5642
+ transform: rotateY(180deg); }
5643
+ 100% {
5644
+ opacity: 0;
5645
+ -webkit-transform: rotateY(360deg);
5646
+ transform: rotateY(360deg); } }
5647
+
5648
+ @-webkit-keyframes premium-overlap-effect-done {
5649
+ 0% {
5650
+ opacity: 0;
5651
+ -webkit-transform: rotateY(0deg);
5652
+ transform: rotateY(0deg); }
5653
+ 50% {
5654
+ opacity: 1;
5655
+ -webkit-transform: rotateY(180deg);
5656
+ transform: rotateY(180deg); }
5657
+ 100% {
5658
+ opacity: 0;
5659
+ -webkit-transform: rotateY(360deg);
5660
+ transform: rotateY(360deg); } }
5661
+
5662
+ @keyframes premium-overlap-effect-done {
5663
+ 0% {
5664
+ opacity: 0;
5665
+ -webkit-transform: rotateY(0deg);
5666
+ transform: rotateY(0deg); }
5667
+ 50% {
5668
+ opacity: 1;
5669
+ -webkit-transform: rotateY(180deg);
5670
+ transform: rotateY(180deg); }
5671
+ 100% {
5672
+ opacity: 0;
5673
+ -webkit-transform: rotateY(360deg);
5674
+ transform: rotateY(360deg); } }
5675
+
5676
+ @-webkit-keyframes premium-overlap-ver-effect {
5677
+ 0% {
5678
+ opacity: 0;
5679
+ -webkit-transform: rotateX(0deg);
5680
+ transform: rotateX(0deg); }
5681
+ 50% {
5682
+ opacity: 1;
5683
+ -webkit-transform: rotateX(180deg);
5684
+ transform: rotateX(180deg); }
5685
+ 100% {
5686
+ opacity: 0;
5687
+ -webkit-transform: rotateX(360deg);
5688
+ transform: rotateX(360deg); } }
5689
+
5690
+ @keyframes premium-overlap-ver-effect {
5691
+ 0% {
5692
+ opacity: 0;
5693
+ -webkit-transform: rotateX(0deg);
5694
+ transform: rotateX(0deg); }
5695
+ 50% {
5696
+ opacity: 1;
5697
+ -webkit-transform: rotateX(180deg);
5698
+ transform: rotateX(180deg); }
5699
+ 100% {
5700
+ opacity: 0;
5701
+ -webkit-transform: rotateX(360deg);
5702
+ transform: rotateX(360deg); } }
5703
+
5704
+ @-webkit-keyframes premium-overlap-ver-effect-done {
5705
+ 0% {
5706
+ opacity: 0;
5707
+ -webkit-transform: rotateX(0deg);
5708
+ transform: rotateX(0deg); }
5709
+ 50% {
5710
+ opacity: 1;
5711
+ -webkit-transform: rotateX(180deg);
5712
+ transform: rotateX(180deg); }
5713
+ 100% {
5714
+ opacity: 0;
5715
+ -webkit-transform: rotateX(360deg);
5716
+ transform: rotateX(360deg); } }
5717
+
5718
+ @keyframes premium-overlap-ver-effect-done {
5719
+ 0% {
5720
+ opacity: 0;
5721
+ -webkit-transform: rotateX(0deg);
5722
+ transform: rotateX(0deg); }
5723
+ 50% {
5724
+ opacity: 1;
5725
+ -webkit-transform: rotateX(180deg);
5726
+ transform: rotateX(180deg); }
5727
+ 100% {
5728
+ opacity: 0;
5729
+ -webkit-transform: rotateX(360deg);
5730
+ transform: rotateX(360deg); } }
5731
+
5732
+ /******** Premium Media Grid ********/
5733
+ /************************************/
5734
+ .premium-img-gallery-filter,
5735
+ .premium-blog-filter {
5736
+ -js-display: flex;
5737
+ display: -webkit-box;
5738
+ display: -webkit-flex;
5739
+ display: -moz-box;
5740
+ display: -ms-flexbox;
5741
+ display: flex;
5742
+ -webkit-box-align: center;
5743
+ -webkit-align-items: center;
5744
+ -moz-box-align: center;
5745
+ -ms-flex-align: center;
5746
+ align-items: center;
5747
+ -webkit-box-pack: center;
5748
+ -webkit-justify-content: center;
5749
+ -moz-box-pack: center;
5750
+ -ms-flex-pack: center;
5751
+ justify-content: center; }
5752
+
5753
+ .premium-img-gallery {
5754
+ clear: both;
5755
+ overflow: hidden; }
5756
+
5757
+ .premium-gallery-container .premium-gallery-item {
5758
+ padding: 10px;
5759
+ float: left; }
5760
+
5761
+ .premium-gallery-container .grid-sizer {
5762
+ width: 33.33%; }
5763
+
5764
+ .premium-gallery-container .pa-gallery-item {
5765
+ padding: 10px; }
5766
+
5767
+ .premium-img-gallery-filter .premium-gallery-cats-container li a.category,
5768
+ .premium-blog-filter .premium-blog-filters-container li a.category {
5769
+ outline: none;
5770
+ text-decoration: none;
5771
+ -webkit-border-radius: 75px;
5772
+ border-radius: 75px;
5773
+ margin: 15px 5px 20px;
5774
+ padding: 7px 20px;
5775
+ -webkit-transition: all 0.3s ease-in-out;
5776
+ transition: all 0.3s ease-in-out; }
5777
+
5778
+ .premium-img-gallery-filter .premium-gallery-cats-container li a.category span {
5779
+ -webkit-transition: all 0.3s ease-in-out;
5780
+ transition: all 0.3s ease-in-out; }
5781
+
5782
+ .pa-gallery-img {
5783
+ position: relative; }
5784
+ .pa-gallery-img .pa-gallery-whole-link {
5785
+ position: absolute;
5786
+ top: 0;
5787
+ left: 0;
5788
+ width: 100%;
5789
+ height: 100%; }
5790
+ .pa-gallery-img.style2 .pa-gallery-whole-link {
5791
+ z-index: 99; }
5792
+
5793
+ .pa-gallery-img-container {
5794
+ overflow: hidden;
5795
+ -webkit-backface-visibility: hidden;
5796
+ backface-visibility: hidden;
5797
+ -webkit-transform: translate3d(0, 0, 0);
5798
+ transform: translate3d(0, 0, 0); }
5799
+ .pa-gallery-img-container img {
5800
+ display: block;
5801
+ width: 100%;
5802
+ -webkit-transition: all 0.3s ease-in-out;
5803
+ transition: all 0.3s ease-in-out; }
5804
+
5805
+ .premium-img-gallery.gray img {
5806
+ -webkit-filter: grayscale(100%);
5807
+ filter: grayscale(100%); }
5808
+
5809
+ .premium-img-gallery.zoomout img,
5810
+ .premium-img-gallery.scale img {
5811
+ -webkit-transform: scale(1.2);
5812
+ -ms-transform: scale(1.2);
5813
+ transform: scale(1.2); }
5814
+
5815
+ .premium-img-gallery.sepia img {
5816
+ -webkit-filter: sepia(30%);
5817
+ filter: sepia(30%); }
5818
+
5819
+ .premium-img-gallery.bright img {
5820
+ -webkit-filter: brightness(1);
5821
+ filter: brightness(1); }
5822
+
5823
+ .premium-img-gallery.trans img {
5824
+ -webkit-transform: translateX(-15px) scale(1.1);
5825
+ -ms-transform: translateX(-15px) scale(1.1);
5826
+ transform: translateX(-15px) scale(1.1); }
5827
+
5828
+ .pa-gallery-img .pa-gallery-magnific-image,
5829
+ .pa-gallery-img .pa-gallery-img-link {
5830
+ outline: none; }
5831
+ .pa-gallery-img .pa-gallery-magnific-image i,
5832
+ .pa-gallery-img .pa-gallery-magnific-image svg,
5833
+ .pa-gallery-img .pa-gallery-img-link i,
5834
+ .pa-gallery-img .pa-gallery-img-link svg {
5835
+ -webkit-transition: all 0.3s ease-in-out;
5836
+ transition: all 0.3s ease-in-out; }
5837
+
5838
+ .pa-gallery-img .pa-gallery-magnific-image span,
5839
+ .pa-gallery-img .pa-gallery-img-link span {
5840
+ line-height: 1;
5841
+ display: inline-block;
5842
+ opacity: 0;
5843
+ margin: 0 5px;
5844
+ padding: 15px;
5845
+ -webkit-border-radius: 50%;
5846
+ border-radius: 50%; }
5847
+
5848
+ .pa-gallery-img.style2 .pa-gallery-magnific-image span,
5849
+ .pa-gallery-img.style2 .pa-gallery-img-link span {
5850
+ margin: 0 5px 20px; }
5851
+
5852
+ .pa-gallery-img:hover .pa-gallery-magnific-image span {
5853
+ -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
5854
+ transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s; }
5855
+
5856
+ .pa-gallery-img:hover .pa-gallery-img-link span {
5857
+ -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
5858
+ transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s; }
5859
+
5860
+ .pa-gallery-img:hover .pa-gallery-magnific-image span,
5861
+ .pa-gallery-img:hover .pa-gallery-img-link span {
5862
+ opacity: 1; }
5863
+
5864
+ .premium-gallery-icon-show a.pa-gallery-video-icon span {
5865
+ opacity: 1; }
5866
+
5867
+ .premium-img-gallery-filter ul.premium-gallery-cats-container,
5868
+ .premium-blog-filter ul.premium-blog-filters-container {
5869
+ text-align: center;
5870
+ margin: 0;
5871
+ padding: 0; }
5872
+
5873
+ .premium-img-gallery-filter .premium-gallery-cats-container li,
5874
+ .premium-blog-filter .premium-blog-filters-container li {
5875
+ list-style: none;
5876
+ -js-display: inline-flex;
5877
+ display: -webkit-inline-box;
5878
+ display: -webkit-inline-flex;
5879
+ display: -moz-inline-box;
5880
+ display: -ms-inline-flexbox;
5881
+ display: inline-flex; }
5882
+
5883
+ .premium-img-gallery.zoomin .pa-gallery-img:hover img {
5884
+ -webkit-transform: scale(1.1);
5885
+ -ms-transform: scale(1.1);
5886
+ transform: scale(1.1); }
5887
+
5888
+ .premium-img-gallery.zoomout .pa-gallery-img:hover img {
5889
+ -webkit-transform: scale(1);
5890
+ -ms-transform: scale(1);
5891
+ transform: scale(1); }
5892
+
5893
+ .premium-img-gallery.scale .pa-gallery-img:hover img {
5894
+ -webkit-transform: scale(1.3) rotate(5deg);
5895
+ -ms-transform: scale(1.3) rotate(5deg);
5896
+ transform: scale(1.3) rotate(5deg); }
5897
+
5898
+ .premium-img-gallery.gray .pa-gallery-img:hover img {
5899
+ -webkit-filter: grayscale(0%);
5900
+ filter: grayscale(0%); }
5901
+
5902
+ .premium-img-gallery.blur .pa-gallery-img:hover img {
5903
+ -webkit-filter: blur(3px);
5904
+ filter: blur(3px); }
5905
+
5906
+ .premium-img-gallery.sepia .pa-gallery-img:hover img {
5907
+ -webkit-filter: sepia(0%);
5908
+ filter: sepia(0%); }
5909
+
5910
+ .premium-img-gallery.trans .pa-gallery-img:hover img {
5911
+ -webkit-transform: translateX(0px) scale(1.1);
5912
+ -ms-transform: translateX(0px) scale(1.1);
5913
+ transform: translateX(0px) scale(1.1); }
5914
+
5915
+ .premium-img-gallery.bright .pa-gallery-img:hover img {
5916
+ -webkit-filter: brightness(1.2);
5917
+ filter: brightness(1.2); }
5918
+
5919
+ .pa-gallery-img .premium-gallery-caption {
5920
+ padding: 10px; }
5921
+ .pa-gallery-img .premium-gallery-caption .premium-gallery-img-name {
5922
+ margin-bottom: 0; }
5923
+
5924
+ .pa-gallery-img.style1 {
5925
+ overflow: hidden; }
5926
+
5927
+ .pa-gallery-img:not(.style2) .pa-gallery-icons-wrapper {
5928
+ position: absolute;
5929
+ top: 0;
5930
+ left: 0;
5931
+ width: 100%;
5932
+ height: 100%;
5933
+ -webkit-transition: all 0.3s ease-in-out;
5934
+ transition: all 0.3s ease-in-out; }
5935
+
5936
+ .pa-gallery-img:not(.style2) .pa-gallery-icons-inner-container {
5937
+ position: absolute;
5938
+ top: 33.33%;
5939
+ width: 100%;
5940
+ text-align: center;
5941
+ -webkit-transform: translateY(-50%);
5942
+ -ms-transform: translateY(-50%);
5943
+ transform: translateY(-50%);
5944
+ z-index: 999; }
5945
+
5946
+ .pa-gallery-img.style1 .premium-gallery-caption {
5947
+ position: absolute;
5948
+ top: auto;
5949
+ right: 0;
5950
+ bottom: -1px;
5951
+ left: 0;
5952
+ width: 100%;
5953
+ -webkit-transition: all 500ms ease 0s;
5954
+ transition: all 500ms ease 0s;
5955
+ -webkit-transform: translate3d(0, 100%, 0);
5956
+ transform: translate3d(0, 100%, 0); }
5957
+
5958
+ .pa-gallery-img.style1:hover .premium-gallery-caption {
5959
+ -webkit-transform: translate3d(0, 0, 0);
5960
+ transform: translate3d(0, 0, 0);
5961
+ bottom: -1px !important; }
5962
+
5963
+ .pa-gallery-img.default .premium-gallery-caption {
5964
+ position: absolute;
5965
+ top: auto;
5966
+ right: 0;
5967
+ left: 0;
5968
+ width: 100%;
5969
+ bottom: 0; }
5970
+
5971
+ .pa-gallery-img.style2 .pa-gallery-icons-caption-container {
5972
+ position: absolute;
5973
+ top: 0;
5974
+ left: 0;
5975
+ width: 100%;
5976
+ height: 100%;
5977
+ opacity: 0;
5978
+ -webkit-backface-visibility: hidden;
5979
+ backface-visibility: hidden;
5980
+ -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
5981
+ transition: opacity 0.3s, -webkit-transform 0.3s;
5982
+ transition: transform 0.3s, opacity 0.3s;
5983
+ transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
5984
+ z-index: 1;
5985
+ background-color: rgba(108, 191, 226, 0.68);
5986
+ -js-display: flex;
5987
+ display: -webkit-box;
5988
+ display: -webkit-flex;
5989
+ display: -moz-box;
5990
+ display: -ms-flexbox;
5991
+ display: flex;
5992
+ text-align: center;
5993
+ -webkit-box-align: center;
5994
+ -webkit-align-items: center;
5995
+ -moz-box-align: center;
5996
+ -ms-flex-align: center;
5997
+ align-items: center; }
5998
+
5999
+ .pa-gallery-img.style2 .pa-gallery-icons-caption-cell {
6000
+ width: 100%; }
6001
+
6002
+ .pa-gallery-img.style2:hover .pa-gallery-icons-caption-container {
6003
+ opacity: 1;
6004
+ -webkit-transform: translate(15px, 15px);
6005
+ -ms-transform: translate(15px, 15px);
6006
+ transform: translate(15px, 15px); }
6007
+
6008
+ .premium-clearfix {
6009
+ clear: both; }
6010
+
6011
+ /**
6012
+ * Metro Layout
6013
+ */
6014
+ .premium-img-gallery-metro .premium-gallery-item {
6015
+ overflow: hidden; }
6016
+
6017
+ .premium-img-gallery-metro .pa-gallery-img {
6018
+ height: 100%; }
6019
+
6020
+ .premium-img-gallery-metro .pa-gallery-img-container {
6021
+ height: 100%; }
6022
+ .premium-img-gallery-metro .pa-gallery-img-container img {
6023
+ min-height: 100%;
6024
+ width: 100%;
6025
+ -o-object-fit: fill;
6026
+ object-fit: fill; }
6027
+
6028
+ .premium-img-gallery .premium-gallery-item-hidden {
6029
+ visibility: hidden;
6030
+ width: 0 !important;
6031
+ height: 0 !important;
6032
+ margin: 0 !important;
6033
+ padding: 0 !important; }
6034
+
6035
+ .premium-gallery-load-more {
6036
+ position: relative; }
6037
+ .premium-gallery-load-more .premium-gallery-load-more-btn {
6038
+ -webkit-box-shadow: none;
6039
+ box-shadow: none;
6040
+ text-shadow: none;
6041
+ border: none;
6042
+ outline: none;
6043
+ -webkit-box-align: center;
6044
+ -webkit-align-items: center;
6045
+ -moz-box-align: center;
6046
+ -ms-flex-align: center;
6047
+ align-items: center;
6048
+ vertical-align: bottom;
6049
+ cursor: pointer;
6050
+ line-height: 1;
6051
+ font-style: normal;
6052
+ font-weight: normal;
6053
+ background-image: none;
6054
+ color: #fff;
6055
+ -webkit-transition: all 0.3s ease-in-out;
6056
+ transition: all 0.3s ease-in-out; }
6057
+
6058
+ .premium-gallery-load-more-btn {
6059
+ -js-display: inline-flex;
6060
+ display: -webkit-inline-box;
6061
+ display: -webkit-inline-flex;
6062
+ display: -moz-inline-box;
6063
+ display: -ms-inline-flexbox;
6064
+ display: inline-flex;
6065
+ -webkit-box-align: center;
6066
+ -webkit-align-items: center;
6067
+ -moz-box-align: center;
6068
+ -ms-flex-align: center;
6069
+ align-items: center; }
6070
+
6071
+ .premium-loader {
6072
+ border: 3px solid #f3f3f3;
6073
+ border-top-width: 3px;
6074
+ border-top-style: solid;
6075
+ border-top-color: #f3f3f3;
6076
+ -webkit-border-radius: 50%;
6077
+ border-radius: 50%;
6078
+ border-top: 3px solid;
6079
+ border-top-color: #bbb;
6080
+ width: 30px;
6081
+ height: 30px;
6082
+ -webkit-animation: spin 2s linear infinite;
6083
+ animation: spin 2s linear infinite;
6084
+ margin: 0 auto; }
6085
+
6086
+ .premium-gallery-load-more-btn div {
6087
+ margin-left: 3px; }
6088
+
6089
+ .premium-gallery-load-more-btn .premium-loader {
6090
+ display: inline-block;
6091
+ width: 20px;
6092
+ height: 20px; }
6093
+
6094
+ .pa-gallery-img .pa-gallery-lightbox-wrap {
6095
+ display: inline-block; }
6096
+
6097
+ .premium-img-gallery-no-lightbox .premium-gallery-video-item .pa-gallery-img,
6098
+ .pa-gallery-img .pa-gallery-video-icon {
6099
+ cursor: pointer; }
6100
+
6101
+ .pa-gallery-img-container iframe {
6102
+ position: absolute;
6103
+ visibility: hidden;
6104
+ top: 0;
6105
+ left: 0;
6106
+ max-width: 100%;
6107
+ width: 100%;
6108
+ height: 100%;
6109
+ margin: 0;
6110
+ line-height: 1;
6111
+ border: none; }
6112
+
6113
+ .pa-gallery-img-container video {
6114
+ position: absolute;
6115
+ visibility: hidden;
6116
+ top: 0;
6117
+ left: 0;
6118
+ max-width: 100%;
6119
+ width: 100%;
6120
+ height: 100%;
6121
+ margin: 0;
6122
+ line-height: 1;
6123
+ border: none;
6124
+ -o-object-fit: contain;
6125
+ object-fit: contain; }
6126
+
6127
+ .pa-gallery-icons-inner-container svg,
6128
+ .pa-gallery-icons-caption-cell svg {
6129
+ width: 14px;
6130
+ height: 14px; }
6131
+
6132
+ .premium-gallery-gradient-layer {
6133
+ position: absolute;
6134
+ bottom: 40px;
6135
+ width: 100%;
6136
+ height: 20px;
6137
+ background: -webkit-gradient(linear, left bottom, left top, from(#17181f), to(rgba(255, 255, 255, 0)));
6138
+ background: -webkit-linear-gradient(bottom, #17181f 0%, rgba(255, 255, 255, 0) 100%);
6139
+ background: linear-gradient(to top, #17181f 0%, rgba(255, 255, 255, 0) 100%); }
6140
+
6141
+ @-webkit-keyframes spin {
6142
+ 0% {
6143
+ -webkit-transform: rotate(0deg);
6144
+ transform: rotate(0deg); }
6145
+ 100% {
6146
+ -webkit-transform: rotate(360deg);
6147
+ transform: rotate(360deg); } }
6148
+
6149
+ @keyframes spin {
6150
+ 0% {
6151
+ -webkit-transform: rotate(0deg);
6152
+ transform: rotate(0deg); }
6153
+ 100% {
6154
+ -webkit-transform: rotate(360deg);
6155
+ transform: rotate(360deg); } }
6156
+
6157
+ /************ Premium Vertical Scroll ************/
6158
+ /*************************************************/
6159
+ .premium-vscroll-inner {
6160
+ position: relative;
6161
+ min-height: 100%; }
6162
+ .premium-vscroll-inner .premium-vscroll-dots {
6163
+ position: fixed;
6164
+ z-index: 100;
6165
+ opacity: 1;
6166
+ margin-top: -32px;
6167
+ -webkit-transition: all 0.3s ease-in-out;
6168
+ transition: all 0.3s ease-in-out; }
6169
+
6170
+ .premium-vscroll-wrap .premium-vscroll-nav-menu {
6171
+ opacity: 1;
6172
+ -webkit-transition: all 0.3s ease-in-out;
6173
+ transition: all 0.3s ease-in-out; }
6174
+
6175
+ .premium-vscroll-inner .premium-vscroll-dots,
6176
+ .premium-vscroll-wrap .premium-vscroll-dots-hide {
6177
+ opacity: 0;
6178
+ visibility: hidden; }
6179
+
6180
+ .premium-vscroll-nav-dots-yes .premium-vscroll-inner .premium-vscroll-dots:not(.premium-vscroll-dots-hide) {
6181
+ opacity: 1;
6182
+ visibility: visible; }
6183
+
6184
+ .premium-vscroll-dots.middle {
6185
+ top: 50%; }
6186
+
6187
+ .premium-vscroll-dots.top {
6188
+ top: 40px; }
6189
+
6190
+ .premium-vscroll-dots.bottom {
6191
+ bottom: 30px; }
6192
+
6193
+ .premium-vscroll-dots.right {
6194
+ right: 17px; }
6195
+
6196
+ .premium-vscroll-dots.left {
6197
+ left: 17px; }
6198
+
6199
+ .premium-vscroll-inner ul.premium-vscroll-dots-list,
6200
+ .premium-vscroll-wrap .premium-vscroll-nav-menu {
6201
+ margin: 0 !important;
6202
+ padding: 0; }
6203
+
6204
+ .premium-vscroll-inner ul.premium-vscroll-dots-list li {
6205
+ width: 14px;
6206
+ height: 13px;
6207
+ margin: 7px;
6208
+ position: relative;
6209
+ -js-display: flex;
6210
+ display: -webkit-box;
6211
+ display: -webkit-flex;
6212
+ display: -moz-box;
6213
+ display: -ms-flexbox;
6214
+ display: flex;
6215
+ -webkit-box-pack: center;
6216
+ -webkit-justify-content: center;
6217
+ -moz-box-pack: center;
6218
+ -ms-flex-pack: center;
6219
+ justify-content: center;
6220
+ -webkit-box-align: center;
6221
+ -webkit-align-items: center;
6222
+ -moz-box-align: center;
6223
+ -ms-flex-align: center;
6224
+ align-items: center;
6225
+ overflow: visible; }
6226
+
6227
+ .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link {
6228
+ display: block;
6229
+ position: relative;
6230
+ z-index: 1;
6231
+ width: 100%;
6232
+ height: 100%;
6233
+ cursor: pointer;
6234
+ text-decoration: none; }
6235
+ .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link span {
6236
+ top: 2px;
6237
+ left: 2.5px;
6238
+ width: 8px;
6239
+ height: 8px;
6240
+ border: 1px solid #000;
6241
+ -webkit-border-radius: 50%;
6242
+ border-radius: 50%;
6243
+ position: absolute;
6244
+ z-index: 1;
6245
+ -webkit-transition: all 0.3s ease-in-out;
6246
+ transition: all 0.3s ease-in-out; }
6247
+
6248
+ .premium-vscroll-inner .premium-vscroll-dot-item.active .premium-vscroll-nav-link span {
6249
+ -webkit-transform: scale(1.6);
6250
+ -ms-transform: scale(1.6);
6251
+ transform: scale(1.6); }
6252
+
6253
+ .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-tooltip {
6254
+ position: absolute;
6255
+ color: #fff;
6256
+ font-size: 14px;
6257
+ font-family: arial, helvetica, sans-serif;
6258
+ white-space: nowrap;
6259
+ max-width: 220px;
6260
+ padding-left: 0.4em;
6261
+ padding-right: 0.4em; }
6262
+
6263
+ .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip {
6264
+ right: 27px; }
6265
+
6266
+ .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item {
6267
+ width: 4px;
6268
+ height: 30px; }
6269
+ .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item span {
6270
+ width: 100%;
6271
+ height: 100%;
6272
+ -webkit-border-radius: 0;
6273
+ border-radius: 0; }
6274
+ .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item.active span {
6275
+ -webkit-transform: scale(1);
6276
+ -ms-transform: scale(1);
6277
+ transform: scale(1); }
6278
+
6279
+ .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip::after {
6280
+ position: absolute;
6281
+ top: 50%;
6282
+ content: "";
6283
+ left: -webkit-calc(100% - 1px);
6284
+ left: calc(100% - 1px);
6285
+ width: 10px;
6286
+ height: 0;
6287
+ border-top: 6px solid transparent;
6288
+ border-bottom: 6px solid transparent;
6289
+ border-left: 6px solid;
6290
+ -webkit-transform: translateY(-50%);
6291
+ -ms-transform: translateY(-50%);
6292
+ transform: translateY(-50%); }
6293
+
6294
+ .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip {
6295
+ left: 27px; }
6296
+ .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip::after {
6297
+ position: absolute;
6298
+ top: 50%;
6299
+ content: "";
6300
+ right: -webkit-calc(100% - 1px);
6301
+ right: calc(100% - 1px);
6302
+ width: 10px;
6303
+ height: 0;
6304
+ border-top: 6px solid transparent;
6305
+ border-bottom: 6px solid transparent;
6306
+ border-right: 6px solid;
6307
+ -webkit-transform: translateY(-50%);
6308
+ -ms-transform: translateY(-50%);
6309
+ transform: translateY(-50%); }
6310
+
6311
+ /* * Lines */
6312
+ @media (max-width: 768px) {
6313
+ .premium-vscroll-dots.right {
6314
+ right: 7px; }
6315
+ .premium-vscroll-dots.left {
6316
+ left: 7px; } }
6317
+
6318
+ .premium-vscroll-nav-menu {
6319
+ position: fixed;
6320
+ top: 20px;
6321
+ height: 40px;
6322
+ z-index: 100;
6323
+ padding: 0;
6324
+ margin: 0; }
6325
+ .premium-vscroll-nav-menu.left {
6326
+ left: 0; }
6327
+ .premium-vscroll-nav-menu.right {
6328
+ right: 0; }
6329
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item {
6330
+ display: inline-block;
6331
+ margin: 10px;
6332
+ color: #000;
6333
+ background: #fff;
6334
+ background: rgba(255, 255, 255, 0.3); }
6335
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link {
6336
+ padding: 9px 18px;
6337
+ display: block;
6338
+ cursor: pointer;
6339
+ color: #000; }
6340
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:hover {
6341
+ color: #000; }
6342
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:focus {
6343
+ outline: none; }
6344
+
6345
+ .multiscroll-nav li a:focus {
6346
+ outline: none; }
6347
+
6348
+ .premium-vscroll-temp .slimScrollBar {
6349
+ visibility: hidden; }
6350
+
6351
+ /************ Premium Image Scroll ************/
6352
+ /**********************************************/
6353
+ .premium-image-scroll-section,
6354
+ .premium-image-scroll-container {
6355
+ -webkit-transition: all 0.3s ease-in-out;
6356
+ transition: all 0.3s ease-in-out; }
6357
+
6358
+ .premium-image-scroll-section {
6359
+ position: relative;
6360
+ overflow: hidden;
6361
+ width: 100%;
6362
+ -webkit-mask-image: -webkit-radial-gradient(white, black); }
6363
+
6364
+ .premium-image-scroll-container {
6365
+ width: 100%; }
6366
+ .premium-image-scroll-container .premium-image-scroll-mask-media {
6367
+ -webkit-mask-repeat: no-repeat;
6368
+ mask-repeat: no-repeat;
6369
+ -webkit-mask-position: center;
6370
+ mask-position: center; }
6371
+
6372
+ .premium-container-scroll {
6373
+ overflow: auto; }
6374
+
6375
+ .premium-image-scroll-container .premium-image-scroll-horizontal {
6376
+ position: relative;
6377
+ width: 100%;
6378
+ height: 100%; }
6379
+ .premium-image-scroll-container .premium-image-scroll-horizontal img {
6380
+ max-width: none;
6381
+ height: 100%; }
6382
+
6383
+ .premium-image-scroll-container .premium-image-scroll-vertical img {
6384
+ width: 100%;
6385
+ max-width: 100%;
6386
+ height: auto; }
6387
+
6388
+ .premium-image-scroll-ver {
6389
+ position: relative; }
6390
+
6391
+ .premium-image-scroll-container .premium-image-scroll-overlay {
6392
+ background: rgba(2, 2, 2, 0.3); }
6393
+
6394
+ .premium-image-scroll-container .premium-image-scroll-link,
6395
+ .premium-image-scroll-container .premium-image-scroll-overlay {
6396
+ position: absolute;
6397
+ top: 0;
6398
+ bottom: 0;
6399
+ left: 0;
6400
+ right: 0;
6401
+ z-index: 4; }
6402
+
6403
+ .premium-image-scroll-content {
6404
+ display: inline-block;
6405
+ position: absolute;
6406
+ height: auto;
6407
+ top: 50%;
6408
+ left: 50%;
6409
+ text-align: center;
6410
+ z-index: 5;
6411
+ -webkit-transform: translate(-50%, -50%);
6412
+ -ms-transform: translate(-50%, -50%);
6413
+ transform: translate(-50%, -50%); }
6414
+
6415
+ .premium-container-scroll-instant .premium-image-scroll-image {
6416
+ -webkit-transition: all 0s ease-in-out !important;
6417
+ transition: all 0s ease-in-out !important; }
6418
+
6419
+ .premium-image-scroll-container img {
6420
+ -webkit-transition: -webkit-transform 3s ease-in-out;
6421
+ transition: -webkit-transform 3s ease-in-out;
6422
+ transition: transform 3s ease-in-out;
6423
+ transition: transform 3s ease-in-out, -webkit-transform 3s ease-in-out; }
6424
+
6425
+ .premium-image-scroll-container .premium-image-scroll-overlay,
6426
+ .premium-image-scroll-container .premium-image-scroll-content {
6427
+ -webkit-transition: all 0.3s ease-in-out;
6428
+ transition: all 0.3s ease-in-out;
6429
+ opacity: 1; }
6430
+
6431
+ .premium-image-scroll-container:hover .premium-image-scroll-overlay {
6432
+ opacity: 0; }
6433
+
6434
+ .premium-image-scroll-container:hover .premium-image-scroll-content {
6435
+ opacity: 0;
6436
+ visibility: hidden; }
6437
+
6438
+ .premium-image-scroll-content .premium-image-scroll-icon {
6439
+ display: inline-block;
6440
+ font-family: "pa-elements" !important;
6441
+ speak: none;
6442
+ font-style: normal;
6443
+ font-weight: normal;
6444
+ font-variant: normal;
6445
+ text-transform: none;
6446
+ line-height: 1;
6447
+ -webkit-font-smoothing: antialiased;
6448
+ -moz-osx-font-smoothing: grayscale;
6449
+ -webkit-animation-duration: 0.5s;
6450
+ animation-duration: 0.5s;
6451
+ -webkit-animation-iteration-count: infinite;
6452
+ animation-iteration-count: infinite;
6453
+ -webkit-animation-direction: alternate;
6454
+ animation-direction: alternate;
6455
+ -webkit-animation-timing-function: ease-in-out;
6456
+ animation-timing-function: ease-in-out; }
6457
+
6458
+ .pa-horizontal-mouse-scroll:before {
6459
+ content: "\e921"; }
6460
+
6461
+ .pa-vertical-mouse-scroll:before {
6462
+ content: "\e922"; }
6463
+
6464
+ .pa-horizontal-mouse-scroll {
6465
+ -webkit-animation-name: pa-scroll-horizontal;
6466
+ animation-name: pa-scroll-horizontal; }
6467
+
6468
+ .pa-vertical-mouse-scroll {
6469
+ -webkit-animation-name: pa-scroll-vertical;
6470
+ animation-name: pa-scroll-vertical; }
6471
+
6472
+ @-webkit-keyframes pa-scroll-vertical {
6473
+ 0% {
6474
+ -webkit-transform: translateY(0px);
6475
+ transform: translateY(0px); }
6476
+ 100% {
6477
+ -webkit-transform: translateY(5px);
6478
+ transform: translateY(5px); } }
6479
+
6480
+ @keyframes pa-scroll-vertical {
6481
+ 0% {
6482
+ -webkit-transform: translateY(0px);
6483
+ transform: translateY(0px); }
6484
+ 100% {
6485
+ -webkit-transform: translateY(5px);
6486
+ transform: translateY(5px); } }
6487
+
6488
+ @-webkit-keyframes pa-scroll-horizontal {
6489
+ 0% {
6490
+ -webkit-transform: translateX(0px);
6491
+ transform: translateX(0px); }
6492
+ 100% {
6493
+ -webkit-transform: translateX(5px);
6494
+ transform: translateX(5px); } }
6495
+
6496
+ @keyframes pa-scroll-horizontal {
6497
+ 0% {
6498
+ -webkit-transform: translateX(0px);
6499
+ transform: translateX(0px); }
6500
+ 100% {
6501
+ -webkit-transform: translateX(5px);
6502
+ transform: translateX(5px); } }
6503
+
6504
+ /********* Premium Lottie Animations *********/
6505
+ /*********************************************/
6506
+ .premium-lottie-wrap .premium-lottie-animation {
6507
+ position: relative;
6508
+ -js-display: inline-flex;
6509
+ display: -webkit-inline-box;
6510
+ display: -webkit-inline-flex;
6511
+ display: -moz-inline-box;
6512
+ display: -ms-inline-flexbox;
6513
+ display: inline-flex;
6514
+ -webkit-transition: all 0.3s ease-in-out;
6515
+ transition: all 0.3s ease-in-out; }
6516
+ .premium-lottie-wrap .premium-lottie-animation a {
6517
+ position: absolute;
6518
+ left: 0;
6519
+ top: 0;
6520
+ width: 100%;
6521
+ height: 100%;
6522
+ z-index: 2; }
6523
+
6524
+ /**************** Premium Bullet List ****************/
6525
+ /*****************************************************/
6526
+ .premium-bullet-list-box {
6527
+ -js-display: flex;
6528
+ display: -webkit-box;
6529
+ display: -webkit-flex;
6530
+ display: -moz-box;
6531
+ display: -ms-flexbox;
6532
+ display: flex;
6533
+ -webkit-flex-wrap: wrap;
6534
+ -ms-flex-wrap: wrap;
6535
+ flex-wrap: wrap;
6536
+ -webkit-box-orient: vertical;
6537
+ -webkit-box-direction: normal;
6538
+ -webkit-flex-direction: column;
6539
+ -moz-box-orient: vertical;
6540
+ -moz-box-direction: normal;
6541
+ -ms-flex-direction: column;
6542
+ flex-direction: column; }
6543
+ .premium-bullet-list-box .premium-bullet-list-content-grow-lc {
6544
+ -webkit-transform-origin: left center;
6545
+ -ms-transform-origin: left center;
6546
+ transform-origin: left center; }
6547
+ .premium-bullet-list-box .premium-bullet-list-content-grow-rc {
6548
+ -webkit-transform-origin: right center;
6549
+ -ms-transform-origin: right center;
6550
+ transform-origin: right center; }
6551
+ .premium-bullet-list-box .premium-bullet-list-content-grow-cc {
6552
+ -webkit-transform-origin: center center;
6553
+ -ms-transform-origin: center center;
6554
+ transform-origin: center center; }
6555
+
6556
+ .premium-bullet-list-content {
6557
+ -js-display: flex;
6558
+ display: -webkit-box;
6559
+ display: -webkit-flex;
6560
+ display: -moz-box;
6561
+ display: -ms-flexbox;
6562
+ display: flex;
6563
+ -webkit-transition: all 0.3s ease-in-out;
6564
+ transition: all 0.3s ease-in-out;
6565
+ width: auto;
6566
+ position: relative; }
6567
+ .premium-bullet-list-content .premium-bullet-list-text span,
6568
+ .premium-bullet-list-content .premium-bullet-list-wrapper {
6569
+ display: inline-block;
6570
+ -webkit-align-self: center;
6571
+ -ms-flex-item-align: center;
6572
+ align-self: center;
6573
+ -webkit-transition: all 0.3s ease-in-out;
6574
+ transition: all 0.3s ease-in-out; }
6575
+ .premium-bullet-list-content .premium-bullet-list-text span {
6576
+ margin: 0 5px; }
6577
+ .premium-bullet-list-content .premium-bullet-list-icon-text p {
6578
+ font-size: 18px;
6579
+ background-color: #eee;
6580
+ padding: 1px 5px;
6581
+ -webkit-border-radius: 2px;
6582
+ border-radius: 2px; }
6583
+ .premium-bullet-list-content .premium-bullet-list-text span,
6584
+ .premium-bullet-list-content .premium-bullet-list-icon-text p,
6585
+ .premium-bullet-list-content .premium-bullet-list-wrapper img,
6586
+ .premium-bullet-list-content .premium-bullet-list-wrapper svg,
6587
+ .premium-bullet-list-content .premium-bullet-list-wrapper i {
6588
+ -webkit-transition: all 0.3s ease-in-out;
6589
+ transition: all 0.3s ease-in-out; }
6590
+ .premium-bullet-list-content .premium-bullet-list-wrapper {
6591
+ position: relative;
6592
+ line-height: 0; }
6593
+ .premium-bullet-list-content .premium-bullet-list-wrapper img,
6594
+ .premium-bullet-list-content .premium-bullet-list-wrapper svg {
6595
+ width: 30px !important;
6596
+ height: 30px !important;
6597
+ position: relative;
6598
+ z-index: 500; }
6599
+ .premium-bullet-list-content .premium-bullet-list-wrapper i,
6600
+ .premium-bullet-list-content .premium-bullet-list-wrapper .premium-bullet-list-icon-text {
6601
+ position: relative;
6602
+ z-index: 500; }
6603
+ .premium-bullet-list-content .premium-bullet-list-link {
6604
+ position: absolute;
6605
+ top: 0;
6606
+ left: 0;
6607
+ width: 100%;
6608
+ height: 100%;
6609
+ z-index: 1000; }
6610
+
6611
+ .premium-bullet-list-content:not(:last-of-type) .premium-bullet-list-connector {
6612
+ width: 100%;
6613
+ height: 100%;
6614
+ position: absolute;
6615
+ top: 0.5em;
6616
+ z-index: 100;
6617
+ -js-display: flex;
6618
+ display: -webkit-box;
6619
+ display: -webkit-flex;
6620
+ display: -moz-box;
6621
+ display: -ms-flexbox;
6622
+ display: flex;
6623
+ -webkit-box-pack: center;
6624
+ -webkit-justify-content: center;
6625
+ -moz-box-pack: center;
6626
+ -ms-flex-pack: center;
6627
+ justify-content: center; }
6628
+ .premium-bullet-list-content:not(:last-of-type) .premium-bullet-list-connector .premium-icon-connector-content:after {
6629
+ content: "";
6630
+ border-right-width: 1px;
6631
+ border-right-style: solid;
6632
+ border-color: #333333;
6633
+ display: block;
6634
+ height: 100%; }
6635
+
6636
+ li.premium-bullet-list-content.premium-bullet-list-content-inline {
6637
+ -webkit-align-self: center;
6638
+ -ms-flex-item-align: center;
6639
+ align-self: center;
6640
+ z-index: 2; }
6641
+
6642
+ li.premium-bullet-list-content.premium-bullet-list-content-inline:not(:first-child) {
6643
+ margin: 0 3px; }
6644
+
6645
+ li.premium-bullet-list-content.premium-bullet-list-content-inline:first-child {
6646
+ margin: 0 3px 0 0; }
6647
+
6648
+ .premium-bullet-list-divider:not(:last-child) {
6649
+ width: 100%;
6650
+ -webkit-box-flex: 0;
6651
+ -webkit-flex: 0 0 100%;
6652
+ -moz-box-flex: 0;
6653
+ -ms-flex: 0 0 100%;
6654
+ flex: 0 0 100%;
6655
+ overflow: hidden; }
6656
+
6657
+ .premium-bullet-list-divider:not(:last-child):after {
6658
+ content: "";
6659
+ display: block;
6660
+ border-top-style: solid;
6661
+ border-top-width: 1px; }
6662
+
6663
+ .premium-bullet-list-divider-inline:not(:last-child) {
6664
+ float: right;
6665
+ display: inline-block;
6666
+ position: relative;
6667
+ height: 100%;
6668
+ overflow: hidden;
6669
+ -webkit-align-self: center;
6670
+ -ms-flex-item-align: center;
6671
+ align-self: center;
6672
+ margin: 0 3px; }
6673
+
6674
+ .premium-bullet-list-divider-inline:not(:last-child):after {
6675
+ content: "";
6676
+ display: block;
6677
+ border-left-width: 1px;
6678
+ height: 33px;
6679
+ border-left-style: solid; }
6680
+
6681
+ .premium-bullet-list-icon-text {
6682
+ line-height: 1.5; }
6683
+
6684
+ .premium-bullet-list-icon-text p,
6685
+ ul.premium-bullet-list-box,
6686
+ li.premium-bullet-list-content {
6687
+ margin: 0; }
6688
+
6689
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper i,
6690
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-text span,
6691
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-icon-text p {
6692
+ color: transparent !important;
6693
+ text-shadow: 0 0 3px #aaa; }
6694
+
6695
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-icon-connector-content,
6696
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper .premium-lottie-animation svg,
6697
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper img,
6698
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-badge {
6699
+ -webkit-filter: blur(3px);
6700
+ filter: blur(3px); }
6701
+
6702
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper i,
6703
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-text span,
6704
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-icon-text p {
6705
+ color: #aaa !important;
6706
+ text-shadow: 0 0px 0 transparent; }
6707
+
6708
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-icon-connector-content,
6709
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper .premium-lottie-animation svg,
6710
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper img,
6711
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-badge {
6712
+ -webkit-filter: none;
6713
+ filter: none; }
6714
+
6715
+ .premium-bullet-list-content .premium-bullet-list-badge {
6716
+ font-size: 11px;
6717
+ top: auto;
6718
+ min-width: -webkit-max-content;
6719
+ min-width: -moz-max-content;
6720
+ min-width: max-content;
6721
+ height: -webkit-fit-content;
6722
+ height: -moz-fit-content;
6723
+ height: fit-content; }
6724
+
6725
+ .premium-bullet-list-content .premium-bullet-list-icon-text p {
6726
+ font-size: 13px; }
6727
+
6728
+ .premium-bullet-list-gradient-effect[data-text] {
6729
+ display: inline-block;
6730
+ position: relative;
6731
+ text-decoration: none; }
6732
+
6733
+ .premium-bullet-list-gradient-effect[data-text]::before {
6734
+ content: attr(data-text);
6735
+ position: absolute;
6736
+ z-index: 1;
6737
+ overflow: hidden;
6738
+ -webkit-clip-path: polygon(0 0, 1px 0, 1px 100%, 0 100%);
6739
+ clip-path: polygon(0 0, 1px 0, 1px 100%, 0 100%);
6740
+ -webkit-background-clip: text;
6741
+ background-clip: text;
6742
+ -webkit-text-fill-color: transparent;
6743
+ -webkit-transition: all 0.4s ease;
6744
+ transition: all 0.4s ease; }
6745
+
6746
+ .premium-bullet-list-content:hover .premium-bullet-list-gradient-effect[data-text]::before,
6747
+ .premium-bullet-list-content:focus .premium-bullet-list-gradient-effect[data-text]::before {
6748
+ -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
6749
+ clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
6750
+
6751
+ ul[data-list-animation*="animated-"] .premium-bullet-list-divider,
6752
+ ul[data-list-animation*="animated-"] .premium-bullet-list-content,
6753
+ ul[data-list-animation*="animated-"] .premium-bullet-list-divider-inline {
6754
+ opacity: 0; }
6755
+
6756
+ .premium-bullet-list-content-grow-effect:hover {
6757
+ -webkit-transform: scale(1.07);
6758
+ -ms-transform: scale(1.07);
6759
+ transform: scale(1.07); }
assets/frontend/js/premium-vscroll.js CHANGED
@@ -1,857 +1,900 @@
1
- (function ($) {
2
- /****** Premium Vertical Scroll Handler ******/
3
- var PremiumVerticalScrollHandler = function ($scope, $) {
4
-
5
- var deviceType = elementorFrontend.getCurrentDeviceMode();
6
-
7
- var hiddenClass = "elementor-hidden-" + deviceType;
8
-
9
- if ("mobile" === deviceType)
10
- hiddenClass = "elementor-hidden-phone";
11
-
12
- if ($scope.closest("section.elementor-element").hasClass(hiddenClass)) {
13
- return
14
- }
15
-
16
- var $vScrollElem = $scope.find(".premium-vscroll-wrap"),
17
- instance = null,
18
- vScrollSettings = $vScrollElem.data("settings");
19
-
20
- vScrollSettings.deviceType = deviceType;
21
-
22
- instance = new premiumVerticalScroll($vScrollElem, vScrollSettings);
23
- instance.init();
24
-
25
- };
26
-
27
- window.premiumVerticalScroll = function ($selector, settings) {
28
- var self = this,
29
- $window = $(window),
30
- isTouch = 'desktop' !== elementorFrontend.getCurrentDeviceMode(),
31
- $instance = $selector,
32
- checkTemps = $selector.find(".premium-vscroll-sections-wrap")
33
- .length,
34
- $htmlBody = $("html, body"),
35
- $itemsList = $(".premium-vscroll-dot-item", $instance),
36
- $menuItems = $(".premium-vscroll-nav-item", $instance),
37
- defaultSettings = {
38
- speed: 700,
39
- offset: 0,
40
- fullSection: true
41
- },
42
- settings = $.extend({}, defaultSettings, settings),
43
- sections = {},
44
- currentSection = null,
45
- isScrolling = false,
46
- inScope = true;
47
-
48
- var touchStartY = 0,
49
- touchEndY = 0;
50
-
51
- //Extend jQuery default easing
52
- jQuery.extend(jQuery.easing, {
53
- easeInOutCirc: function (x, t, b, c, d) {
54
- if ((t /= d / 2) < 1)
55
- return (-c / 2) * (Math.sqrt(1 - t * t) - 1) + b;
56
- return (c / 2) * (Math.sqrt(1 - (t -= 2) * t) + 1) + b;
57
- }
58
- });
59
-
60
- self.init = function () {
61
-
62
- if (settings.fullTouch || (!isTouch && settings.fullSection)) {
63
-
64
- if (settings.fullCheckOverflow) {
65
-
66
- self.setSectionsOverflow();
67
- }
68
- }
69
-
70
- self.setSectionsData();
71
-
72
- $itemsList.on("click.premiumVerticalScroll", self.onNavDotChange);
73
- $menuItems.on("click.premiumVerticalScroll", self.onNavDotChange);
74
-
75
- $itemsList.on("mouseenter.premiumVerticalScroll", self.onNavDotEnter);
76
-
77
- $itemsList.on("mouseleave.premiumVerticalScroll", self.onNavDotLeave);
78
-
79
- if ("desktop" === settings.deviceType) {
80
- $window.on("scroll.premiumVerticalScroll", self.onWheel);
81
- }
82
-
83
- $window.on("resize.premiumVerticalScroll orientationchange.premiumVerticalScroll", self.debounce(50, self.onResize));
84
-
85
- $window.on("load", function () {
86
-
87
- self.setSectionsData();
88
-
89
- //Handle Full Section Scroll
90
- if (settings.fullTouch || (!isTouch && settings.fullSection))
91
- self.sectionsOverflowRefresh();
92
-
93
- self.checkCurrentActive();
94
-
95
- });
96
-
97
- self.keyboardHandler();
98
-
99
- self.scrollHandler();
100
-
101
- if (settings.fullSection) {
102
-
103
- self.fullSectionHandler();
104
- }
105
-
106
- if (settings.animation) {
107
- $instance.find(".premium-vscroll-dots").removeClass("elementor-invisible").addClass("animated " + settings.animation + " animated-" + settings.duration);
108
- }
109
-
110
-
111
- };
112
-
113
- self.checkCurrentActive = function () {
114
-
115
- var firstSection = Object.keys(sections)[0];
116
-
117
- //Get first section offset
118
- var firstSectionOffset = sections[firstSection].offset;
119
-
120
- //If page scroll is lower than first section offset, then set current active to 1
121
- if (firstSectionOffset >= $window.scrollTop() && firstSectionOffset - $window.scrollTop() < 200) {
122
- currentSection = 1;
123
- $itemsList.removeClass("active");
124
- $($itemsList[0]).addClass("active");
125
- }
126
-
127
- //If current active section is defined, then show the dots
128
- if (currentSection)
129
- $instance.find(".premium-vscroll-dots").removeClass("premium-vscroll-dots-hide");
130
-
131
- };
132
-
133
- self.setSectionsOverflow = function () {
134
-
135
- $itemsList.each(function () {
136
-
137
- var $this = $(this),
138
- sectionId = $this.data("menuanchor"),
139
- $section = $("#" + sectionId),
140
- height = $section.outerHeight();
141
-
142
- if (height > $window.outerHeight() && height - $window.outerHeight() >= 50) {
143
-
144
- $section.find(".elementor").first().wrapInner("<div id='scroller-" + sectionId + "'></div>");
145
-
146
- $("#scroller-" + sectionId).slimScroll({
147
- height: $window.outerHeight(),
148
- railVisible: false
149
- });
150
-
151
- var iScrollInstance = new IScroll("#scroller-" + sectionId, {
152
- mouseWheel: true,
153
- scrollbars: true,
154
- hideScrollbars: true,
155
- fadeScrollbars: false,
156
- disableMouse: true,
157
- interactiveScrollbars: false
158
- });
159
-
160
- $("#scroller-" + sectionId).data('iscrollInstance', iScrollInstance);
161
-
162
- setTimeout(function () {
163
- iScrollInstance.refresh();
164
- }, 1500);
165
-
166
-
167
- }
168
-
169
- });
170
- };
171
-
172
- self.sectionsOverflowRefresh = function () {
173
-
174
- $itemsList.each(function () {
175
- var $this = $(this),
176
- sectionId = $this.data("menuanchor");
177
-
178
- var $section = $("#scroller-" + sectionId);
179
-
180
- var scroller = $section.data('iscrollInstance');
181
-
182
- if (scroller) {
183
- scroller.refresh();
184
- }
185
-
186
- });
187
-
188
- };
189
-
190
- self.setSectionsData = function () {
191
-
192
- $itemsList.each(function () {
193
- var $this = $(this),
194
- sectionId = $this.data("menuanchor"),
195
- $section = $("#" + sectionId),
196
- height = $section.outerHeight();
197
-
198
- //Make sure that section exists in the DOM
199
- if ($section[0]) {
200
-
201
- sections[sectionId] = {
202
- selector: $section,
203
- offset: Math.round($section.offset().top),
204
- height: height
205
- };
206
- }
207
- });
208
-
209
- };
210
-
211
- self.fullSectionHandler = function () {
212
-
213
- var vSection = document.getElementById($instance.attr("id"));
214
-
215
- //If device is not touch or full section scroll is disabled on touch devices.
216
- if (!isTouch || !settings.fullTouch) {
217
-
218
- if (checkTemps) {
219
-
220
- document.addEventListener ?
221
- vSection.addEventListener("wheel", self.onWheel, {
222
- passive: false
223
- }) :
224
- vSection.attachEvent("onmousewheel", self.onWheel);
225
-
226
- } else {
227
-
228
- document.addEventListener ?
229
- document.addEventListener("wheel", self.onWheel, {
230
- passive: false
231
- }) :
232
- document.attachEvent("onmousewheel", self.onWheel);
233
-
234
- }
235
-
236
- } else {
237
- document.addEventListener("touchstart", self.onTouchStart);
238
- document.addEventListener("touchmove", self.onTouchMove, {
239
- passive: false
240
- });
241
-
242
- }
243
-
244
- };
245
-
246
- self.scrollHandler = function () {
247
-
248
- var index = 0;
249
-
250
- for (var section in sections) {
251
-
252
- var $section = sections[section].selector;
253
-
254
- elementorFrontend.waypoint(
255
- $section,
256
- function () {
257
-
258
- var $this = $(this),
259
- sectionId = $this.attr("id");
260
-
261
- if (!isScrolling) {
262
-
263
- currentSection = sectionId;
264
-
265
- $itemsList.removeClass("active");
266
- $menuItems.removeClass("active");
267
-
268
- $("[data-menuanchor=" + sectionId + "]", $instance).addClass("active");
269
-
270
- }
271
- }, {
272
- offset: 0 !== index ? "0%" : "-1%",
273
- triggerOnce: false
274
- }
275
- );
276
- index++;
277
- }
278
-
279
- };
280
-
281
- self.keyboardHandler = function () {
282
- $(document).keydown(function (event) {
283
- if (38 == event.keyCode) {
284
- self.onKeyUp(event, "up");
285
- }
286
-
287
- if (40 == event.keyCode) {
288
- self.onKeyUp(event, "down");
289
- }
290
- });
291
- };
292
-
293
- self.isScrolled = function (sectionID, direction) {
294
-
295
- var $section = $("#scroller-" + sectionID);
296
-
297
- var scroller = $section.data('iscrollInstance');
298
-
299
- if (scroller) {
300
- if ('down' === direction) {
301
- return (0 - scroller.y) + $section.scrollTop() + 1 + $section.innerHeight() >= $section[0].scrollHeight;
302
- } else if ('up' === direction) {
303
- return scroller.y >= 0 && !$section.scrollTop();
304
- }
305
-
306
- } else {
307
- return true;
308
- }
309
-
310
- };
311
-
312
- // self.isTouchDevice = function () {
313
-
314
- // var isTouchDevice = navigator.userAgent.match(/(iPhone|iPod|iPad|Android|playbook|silk|BlackBerry|BB10|Windows Phone|Tizen|Bada|webOS|IEMobile|Opera Mini)/),
315
- // isTouch = (('ontouchstart' in window) || (navigator.msMaxTouchPoints > 0) || (navigator.maxTouchPoints));
316
-
317
- // return isTouchDevice || isTouch;
318
-
319
- // };
320
-
321
- self.getEventsPage = function (e) {
322
-
323
- var events = [];
324
-
325
- events.y = (typeof e.pageY !== 'undefined' && (e.pageY || e.pageX) ? e.pageY : e.touches[0].pageY);
326
- events.x = (typeof e.pageX !== 'undefined' && (e.pageY || e.pageX) ? e.pageX : e.touches[0].pageX);
327
-
328
- if (isTouch && typeof e.touches !== 'undefined') {
329
- events.y = e.touches[0].pageY;
330
- events.x = e.touches[0].pageX;
331
- }
332
-
333
- return events;
334
-
335
- };
336
-
337
-
338
- self.onTouchStart = function (e) {
339
-
340
- //Prevent page scroll if scrolled down below the last of our sections.
341
- inScope = true;
342
-
343
- var touchEvents = self.getEventsPage(e);
344
- touchStartY = touchEvents.y;
345
-
346
- };
347
-
348
- self.onTouchMove = function (e) {
349
-
350
- if (inScope) {
351
- self.preventDefault(e);
352
- }
353
-
354
- if (isScrolling) {
355
- self.preventDefault(e);
356
- return false;
357
- }
358
-
359
- var touchEvents = self.getEventsPage(e);
360
-
361
- touchEndY = touchEvents.y;
362
-
363
- var $target = $(e.target),
364
- sectionSelector = checkTemps ? ".premium-vscroll-temp" : ".elementor-top-section",
365
- $section = $target.closest(sectionSelector),
366
- sectionId = $section.attr("id"),
367
- newSectionId = false,
368
- prevSectionId = false,
369
- nextSectionId = false,
370
- direction = false,
371
- windowScrollTop = $window.scrollTop();
372
-
373
- $(".premium-vscroll-tooltip").hide();
374
-
375
- if (beforeCheck()) {
376
-
377
- sectionId = self.getFirstSection(sections);
378
-
379
- }
380
-
381
- if (afterCheck()) {
382
-
383
- sectionId = self.getLastSection(sections);
384
-
385
- }
386
-
387
- if (touchStartY > touchEndY) {
388
-
389
- direction = 'down';
390
-
391
- } else if (touchEndY > touchStartY) {
392
-
393
- direction = 'up';
394
-
395
- }
396
-
397
- if (sectionId && sections.hasOwnProperty(sectionId)) {
398
-
399
- prevSectionId = self.checkPrevSection(sections, sectionId);
400
- nextSectionId = self.checkNextSection(sections, sectionId);
401
-
402
- if ("up" === direction) {
403
-
404
- if (!nextSectionId && sections[sectionId].offset < windowScrollTop) {
405
- newSectionId = sectionId;
406
- } else {
407
- newSectionId = prevSectionId;
408
- }
409
- }
410
-
411
- if ("down" === direction) {
412
-
413
- if (!prevSectionId && sections[sectionId].offset > windowScrollTop + 5) {
414
- newSectionId = sectionId;
415
- } else {
416
- newSectionId = nextSectionId;
417
- }
418
- }
419
-
420
- if (newSectionId) {
421
-
422
- inScope = true;
423
-
424
- $instance.find(".premium-vscroll-dots, .premium-vscroll-nav-menu").removeClass("premium-vscroll-dots-hide");
425
-
426
- if (!self.isScrolled(sectionId, direction)) {
427
- return;
428
- }
429
- if (Math.abs(touchStartY - touchEndY) > (window.innerHeight / 100 * 15)) {
430
- self.onAnchorChange(newSectionId);
431
- }
432
-
433
- } else {
434
-
435
- inScope = false;
436
-
437
- var $lastselector = checkTemps ? $instance : $("#" + sectionId);
438
-
439
- if ("down" === direction) {
440
-
441
- if ($lastselector.offset().top + $lastselector.innerHeight() - $(document).scrollTop() > 600) {
442
-
443
- $instance.find(".premium-vscroll-dots, .premium-vscroll-nav-menu").addClass("premium-vscroll-dots-hide");
444
-
445
- }
446
-
447
- } else if ("up" === direction) {
448
-
449
- if ($lastselector.offset().top - $(document).scrollTop() > 200) {
450
-
451
- $instance.find(".premium-vscroll-dots, .premium-vscroll-nav-menu").addClass("premium-vscroll-dots-hide");
452
-
453
- }
454
-
455
- }
456
- }
457
-
458
- } else {
459
- inScope = false;
460
- }
461
-
462
- };
463
-
464
- self.scrollStop = function () {
465
- $htmlBody.stop(true);
466
- };
467
-
468
- self.checkNextSection = function (object, key) {
469
- var keys = Object.keys(object),
470
- idIndex = keys.indexOf(key),
471
- nextIndex = (idIndex += 1);
472
-
473
- if (nextIndex >= keys.length) {
474
- return false;
475
- }
476
-
477
- var nextKey = keys[nextIndex];
478
-
479
- return nextKey;
480
- };
481
-
482
- self.checkPrevSection = function (object, key) {
483
- var keys = Object.keys(object),
484
- idIndex = keys.indexOf(key),
485
- prevIndex = (idIndex -= 1);
486
-
487
- if (0 > idIndex) {
488
- return false;
489
- }
490
-
491
- var prevKey = keys[prevIndex];
492
-
493
- return prevKey;
494
- };
495
-
496
- self.debounce = function (threshold, callback) {
497
- var timeout;
498
-
499
- return function debounced($event) {
500
- function delayed() {
501
- callback.call(this, $event);
502
- timeout = null;
503
- }
504
-
505
- if (timeout) {
506
- clearTimeout(timeout);
507
- }
508
-
509
- timeout = setTimeout(delayed, threshold);
510
- };
511
- };
512
-
513
- self.visible = function (selector, partial, hidden) {
514
- var s = selector.get(0),
515
- vpHeight = $window.outerHeight(),
516
- clientSize =
517
- hidden === true ? s.offsetWidth * s.offsetHeight : true;
518
- if (typeof s.getBoundingClientRect === "function") {
519
- var rec = s.getBoundingClientRect();
520
- var tViz = rec.top >= 0 && rec.top < vpHeight,
521
- bViz = rec.bottom > 0 && rec.bottom <= vpHeight,
522
- vVisible = partial ? tViz || bViz : tViz && bViz,
523
- vVisible =
524
- rec.top < 0 && rec.bottom > vpHeight ? true : vVisible;
525
- return clientSize && vVisible;
526
- } else {
527
- var viewTop = 0,
528
- viewBottom = viewTop + vpHeight,
529
- position = $window.position(),
530
- _top = position.top,
531
- _bottom = _top + $window.height(),
532
- compareTop = partial === true ? _bottom : _top,
533
- compareBottom = partial === true ? _top : _bottom;
534
- return (
535
- !!clientSize &&
536
- (compareBottom <= viewBottom && compareTop >= viewTop)
537
- );
538
- }
539
- };
540
-
541
- self.onNavDotEnter = function () {
542
- var $this = $(this),
543
- index = $this.data("index");
544
-
545
- if (settings.tooltips) {
546
- $(
547
- '<div class="premium-vscroll-tooltip"><span>' +
548
- settings.dotsText[index] +
549
- "</span></div>"
550
- )
551
- .hide()
552
- .appendTo($this)
553
- .fadeIn(200);
554
- }
555
- };
556
-
557
- self.onNavDotLeave = function () {
558
- $(".premium-vscroll-tooltip").fadeOut(200, function () {
559
- $(this).remove();
560
- });
561
- };
562
-
563
- self.onNavDotChange = function (event) {
564
- var $this = $(this),
565
- index = $this.index(),
566
- sectionId = $this.data("menuanchor"),
567
- offset = null;
568
-
569
- if (!sections.hasOwnProperty(sectionId)) {
570
- return false;
571
- }
572
-
573
- offset = sections[sectionId].offset - settings.offset;
574
-
575
- if (offset < 0)
576
- offset = sections[sectionId].offset;
577
-
578
- if (!isScrolling) {
579
- isScrolling = true;
580
-
581
- currentSection = sectionId;
582
- $menuItems.removeClass("active");
583
- $itemsList.removeClass("active");
584
-
585
- if ($this.hasClass("premium-vscroll-nav-item")) {
586
- $($itemsList[index]).addClass("active");
587
- } else {
588
- $($menuItems[index]).addClass("active");
589
- }
590
-
591
- $this.addClass("active");
592
-
593
- $htmlBody
594
- .stop()
595
- .clearQueue()
596
- .animate({
597
- scrollTop: offset
598
- },
599
- settings.speed,
600
- "easeInOutCirc",
601
- function () {
602
- isScrolling = false;
603
- }
604
- );
605
- }
606
- };
607
-
608
- self.preventDefault = function (event) {
609
-
610
- if (event.preventDefault) {
611
-
612
- event.preventDefault();
613
-
614
- } else {
615
-
616
- event.returnValue = false;
617
-
618
- }
619
-
620
- };
621
-
622
-
623
- self.onAnchorChange = function (sectionId) {
624
-
625
- var $this = $("[data-menuanchor=" + sectionId + "]", $instance),
626
- offset = null;
627
-
628
- if (!sections.hasOwnProperty(sectionId)) {
629
- return false;
630
- }
631
-
632
- offset = sections[sectionId].offset - settings.offset;
633
-
634
- if (offset < 0)
635
- offset = sections[sectionId].offset;
636
-
637
- if (!isScrolling) {
638
- isScrolling = true;
639
-
640
- if (settings.addToHistory) {
641
- window.history.pushState(null, null, "#" + sectionId);
642
- }
643
-
644
- currentSection = sectionId;
645
-
646
- $itemsList.removeClass("active");
647
- $menuItems.removeClass("active");
648
-
649
- $this.addClass("active");
650
-
651
- $htmlBody.animate({
652
- scrollTop: offset
653
- }, settings.speed, "easeInOutCirc", function () {
654
- isScrolling = false;
655
- });
656
- }
657
- };
658
-
659
- self.onKeyUp = function (event, direction) {
660
-
661
- //If keyboard is triggered before scroll
662
- if (currentSection === 1) {
663
- currentSection = $itemsList.eq(0).data("menuanchor");
664
- }
665
-
666
- var direction = direction || "up",
667
- nextItem = $(".premium-vscroll-dot-item[data-menuanchor=" + currentSection + "]", $instance).next(),
668
- prevItem = $(".premium-vscroll-dot-item[data-menuanchor=" + currentSection + "]", $instance).prev();
669
-
670
- event.preventDefault();
671
-
672
- if (isScrolling) {
673
- return false;
674
- }
675
-
676
- if ("up" === direction) {
677
- if (prevItem[0]) {
678
- prevItem.trigger("click.premiumVerticalScroll");
679
- }
680
- } else {
681
- if (nextItem[0]) {
682
- nextItem.trigger("click.premiumVerticalScroll");
683
- }
684
- }
685
- };
686
-
687
- self.onScroll = function (event) {
688
- /* On Scroll Event */
689
- if (isScrolling) {
690
- event.preventDefault();
691
- }
692
- };
693
-
694
- function getFirstSection(object) {
695
- return Object.keys(object)[0];
696
- }
697
-
698
- function getLastSection(object) {
699
- return Object.keys(object)[Object.keys(object).length - 1];
700
- }
701
-
702
- function getDirection(e) {
703
- e = window.event || e;
704
- var t = Math.max(
705
- -1,
706
- Math.min(1, e.wheelDelta || -e.deltaY || -e.detail)
707
- );
708
- return t;
709
- }
710
-
711
- self.onWheel = function (event) {
712
-
713
- if (inScope && !isTouch) {
714
- self.preventDefault(event);
715
- }
716
-
717
- if (isScrolling) {
718
- return false;
719
- }
720
-
721
- var $target = $(event.target),
722
- sectionSelector = checkTemps ? ".premium-vscroll-temp" : ".elementor-top-section",
723
- $section = $target.closest(sectionSelector),
724
- sectionId = $section.attr("id"),
725
- $vTarget = self.visible($instance, true, false),
726
- newSectionId = false,
727
- prevSectionId = false,
728
- nextSectionId = false,
729
- delta = getDirection(event),
730
- direction = 0 > delta ? "down" : "up",
731
- windowScrollTop = $window.scrollTop(),
732
- dotIndex = $(".premium-vscroll-dot-item.active").index();
733
-
734
- if (isTouch) {
735
-
736
- $(".premium-vscroll-tooltip").hide();
737
-
738
- if (dotIndex === $itemsList.length - 1 && !$vTarget) {
739
- $instance.find(".premium-vscroll-dots, .premium-vscroll-nav-menu").addClass("premium-vscroll-dots-hide");
740
- } else if (dotIndex === 0 && !$vTarget) {
741
- if (
742
- $instance.offset().top - $(document).scrollTop() >
743
- 200
744
- ) {
745
- $instance.find(".premium-vscroll-dots, .premium-vscroll-nav-menu").addClass("premium-vscroll-dots-hide");
746
- }
747
- } else {
748
- $instance.find(".premium-vscroll-dots, .premium-vscroll-nav-menu").removeClass("premium-vscroll-dots-hide");
749
- }
750
- }
751
-
752
- if (beforeCheck()) {
753
- sectionId = getFirstSection(sections);
754
- }
755
-
756
- if (afterCheck()) {
757
- sectionId = getLastSection(sections);
758
- }
759
-
760
- if (sectionId && sections.hasOwnProperty(sectionId)) {
761
-
762
- prevSectionId = self.checkPrevSection(sections, sectionId);
763
- nextSectionId = self.checkNextSection(sections, sectionId);
764
-
765
- if ("up" === direction) {
766
- if (!nextSectionId && sections[sectionId].offset < windowScrollTop) {
767
- newSectionId = sectionId;
768
- } else {
769
- newSectionId = prevSectionId;
770
- }
771
- } else {
772
- if (!prevSectionId && sections[sectionId].offset > windowScrollTop + 5) {
773
- newSectionId = sectionId;
774
- } else {
775
- newSectionId = nextSectionId;
776
- }
777
- }
778
-
779
- if (newSectionId) {
780
- inScope = true;
781
- if (!self.isScrolled(sectionId, direction) && !isTouch) {
782
- return;
783
- }
784
-
785
- $instance.find(".premium-vscroll-dots, .premium-vscroll-nav-menu").removeClass("premium-vscroll-dots-hide");
786
-
787
- self.onAnchorChange(newSectionId);
788
-
789
- } else {
790
- inScope = false;
791
- var $lastselector = checkTemps ?
792
- $instance :
793
- $("#" + sectionId);
794
- if ("down" === direction) {
795
- if (
796
- $lastselector.offset().top +
797
- $lastselector.innerHeight() -
798
- $(document).scrollTop() >
799
- 600
800
- ) {
801
- $instance.find(".premium-vscroll-dots, .premium-vscroll-nav-menu").addClass("premium-vscroll-dots-hide");
802
- }
803
- } else if ("up" === direction) {
804
-
805
- $instance.find(".premium-vscroll-dots, .premium-vscroll-nav-menu").addClass("premium-vscroll-dots-hide");
806
-
807
- }
808
- }
809
- }
810
- };
811
-
812
- function beforeCheck() {
813
- var windowScrollTop = $window.scrollTop(),
814
- firstSectionId = getFirstSection(sections),
815
- offset = sections[firstSectionId].offset,
816
- topBorder = windowScrollTop + $window.outerHeight(),
817
- visible = self.visible($instance, true, false);
818
-
819
- if (topBorder > offset) {
820
- return false;
821
- } else if (visible) {
822
- return true;
823
- }
824
- return false;
825
- }
826
-
827
- function afterCheck() {
828
- var windowScrollTop = $window.scrollTop(),
829
- lastSectionId = getLastSection(sections),
830
- bottomBorder =
831
- sections[lastSectionId].offset +
832
- sections[lastSectionId].height,
833
- visible = self.visible($instance, true, false);
834
-
835
- if (windowScrollTop < bottomBorder) {
836
- return false;
837
- } else if (visible) {
838
- return true;
839
- }
840
-
841
- return false;
842
- }
843
-
844
- self.onResize = function () {
845
- self.setSectionsData();
846
- self.sectionsOverflowRefresh();
847
- };
848
-
849
- };
850
-
851
- $(window).on("elementor/frontend/init", function () {
852
- elementorFrontend.hooks.addAction(
853
- "frontend/element_ready/premium-vscroll.default",
854
- PremiumVerticalScrollHandler
855
- );
856
- });
1
+ (function ($) {
2
+ /****** Premium Vertical Scroll Handler ******/
3
+ var PremiumVerticalScrollHandler = function ($scope, $) {
4
+
5
+ var deviceType = elementorFrontend.getCurrentDeviceMode();
6
+
7
+ var hiddenClass = "elementor-hidden-" + deviceType;
8
+
9
+ if ("mobile" === deviceType)
10
+ hiddenClass = "elementor-hidden-phone";
11
+
12
+ if ($scope.closest("section.elementor-element").hasClass(hiddenClass)) {
13
+ return
14
+ }
15
+
16
+ var $vScrollElem = $scope.find(".premium-vscroll-wrap"),
17
+ instance = null,
18
+ vScrollSettings = $vScrollElem.data("settings");
19
+
20
+ vScrollSettings.deviceType = deviceType;
21
+
22
+ instance = new premiumVerticalScroll($vScrollElem, vScrollSettings);
23
+ instance.init();
24
+
25
+ };
26
+
27
+ window.premiumVerticalScroll = function ($selector, settings) {
28
+ var self = this,
29
+ $window = $(window),
30
+ isTouch = 'desktop' !== elementorFrontend.getCurrentDeviceMode(),
31
+ $instance = $selector,
32
+ checkTemps = $selector.find(".premium-vscroll-sections-wrap")
33
+ .length,
34
+ $htmlBody = $("html, body"),
35
+ $itemsList = $(".premium-vscroll-dot-item", $instance),
36
+ $menuItems = $(".premium-vscroll-nav-item", $instance),
37
+ defaultSettings = {
38
+ speed: 700,
39
+ offset: 0,
40
+ fullSection: true
41
+ },
42
+ settings = $.extend({}, defaultSettings, settings),
43
+ sections = {},
44
+ currentSection = null,
45
+ isScrolling = false,
46
+ inScope = true,
47
+ scrollings = [];
48
+
49
+ var touchStartY = 0,
50
+ touchEndY = 0;
51
+
52
+ //Extend jQuery default easing
53
+ jQuery.extend(jQuery.easing, {
54
+ easeInOutCirc: function (x, t, b, c, d) {
55
+ if ((t /= d / 2) < 1)
56
+ return (-c / 2) * (Math.sqrt(1 - t * t) - 1) + b;
57
+ return (c / 2) * (Math.sqrt(1 - (t -= 2) * t) + 1) + b;
58
+ }
59
+ });
60
+
61
+ self.init = function () {
62
+
63
+ if (settings.fullTouch || (!isTouch && settings.fullSection)) {
64
+
65
+ if (settings.fullCheckOverflow) {
66
+
67
+ self.setSectionsOverflow();
68
+ }
69
+ }
70
+
71
+ self.setSectionsData();
72
+
73
+ $itemsList.on("click.premiumVerticalScroll", self.onNavDotChange);
74
+ $menuItems.on("click.premiumVerticalScroll", self.onNavDotChange);
75
+
76
+ $itemsList.on("mouseenter.premiumVerticalScroll", self.onNavDotEnter);
77
+
78
+ $itemsList.on("mouseleave.premiumVerticalScroll", self.onNavDotLeave);
79
+
80
+ if ("desktop" === settings.deviceType) {
81
+ $window.on("scroll.premiumVerticalScroll", self.onWheel);
82
+ }
83
+
84
+ $window.on("resize.premiumVerticalScroll orientationchange.premiumVerticalScroll", self.debounce(50, self.onResize));
85
+
86
+ $window.on("load", function () {
87
+
88
+ self.setSectionsData();
89
+
90
+ //Handle Full Section Scroll
91
+ if (settings.fullTouch || (!isTouch && settings.fullSection))
92
+ self.sectionsOverflowRefresh();
93
+
94
+ self.checkCurrentActive();
95
+
96
+ });
97
+
98
+ self.keyboardHandler();
99
+
100
+ self.scrollHandler();
101
+
102
+ if (settings.fullSection) {
103
+
104
+ self.fullSectionHandler();
105
+ }
106
+
107
+ if (settings.animation) {
108
+ $instance.find(".premium-vscroll-dots").removeClass("elementor-invisible").addClass("animated " + settings.animation + " animated-" + settings.duration);
109
+ }
110
+
111
+
112
+ };
113
+
114
+ self.checkCurrentActive = function () {
115
+
116
+ var firstSection = Object.keys(sections)[0];
117
+
118
+ //Get first section offset
119
+ var firstSectionOffset = sections[firstSection].offset;
120
+
121
+ //If page scroll is lower than first section offset, then set current active to 1
122
+ if (firstSectionOffset >= $window.scrollTop() && firstSectionOffset - $window.scrollTop() < 200) {
123
+ currentSection = 1;
124
+ $itemsList.removeClass("active");
125
+ $($itemsList[0]).addClass("active");
126
+ }
127
+
128
+ //If current active section is defined, then show the dots
129
+ if (currentSection)
130
+ $instance.find(".premium-vscroll-dots").removeClass("premium-vscroll-dots-hide");
131
+
132
+ };
133
+
134
+ self.setSectionsOverflow = function () {
135
+
136
+ $itemsList.each(function () {
137
+
138
+ var $this = $(this),
139
+ sectionId = $this.data("menuanchor"),
140
+ $section = $("#" + sectionId),
141
+ height = $section.outerHeight();
142
+
143
+ if (height > $window.outerHeight() && height - $window.outerHeight() >= 50) {
144
+
145
+ $section.find(".elementor").first().wrapInner("<div id='scroller-" + sectionId + "'></div>");
146
+
147
+ $("#scroller-" + sectionId).slimScroll({
148
+ height: $window.outerHeight(),
149
+ railVisible: false
150
+ });
151
+
152
+ var iScrollInstance = new IScroll("#scroller-" + sectionId, {
153
+ mouseWheel: true,
154
+ scrollbars: true,
155
+ hideScrollbars: true,
156
+ fadeScrollbars: false,
157
+ disableMouse: true,
158
+ interactiveScrollbars: false
159
+ });
160
+
161
+ $("#scroller-" + sectionId).data('iscrollInstance', iScrollInstance);
162
+
163
+ setTimeout(function () {
164
+ iScrollInstance.refresh();
165
+ }, 1500);
166
+
167
+
168
+ }
169
+
170
+ });
171
+ };
172
+
173
+ self.sectionsOverflowRefresh = function () {
174
+
175
+ $itemsList.each(function () {
176
+ var $this = $(this),
177
+ sectionId = $this.data("menuanchor");
178
+
179
+ var $section = $("#scroller-" + sectionId);
180
+
181
+ var scroller = $section.data('iscrollInstance');
182
+
183
+ if (scroller) {
184
+ scroller.refresh();
185
+ }
186
+
187
+ });
188
+
189
+ };
190
+
191
+ self.setSectionsData = function () {
192
+
193
+ $itemsList.each(function () {
194
+ var $this = $(this),
195
+ sectionId = $this.data("menuanchor"),
196
+ $section = $("#" + sectionId),
197
+ height = $section.outerHeight();
198
+
199
+ //Make sure that section exists in the DOM
200
+ if ($section[0]) {
201
+
202
+ sections[sectionId] = {
203
+ selector: $section,
204
+ offset: Math.round($section.offset().top),
205
+ height: height
206
+ };
207
+ }
208
+ });
209
+
210
+ };
211
+
212
+ self.fullSectionHandler = function () {
213
+
214
+ var vSection = document.getElementById($instance.attr("id"));
215
+
216
+ //If device is not touch or full section scroll is disabled on touch devices.
217
+ if (!isTouch || !settings.fullTouch) {
218
+
219
+ if (checkTemps) {
220
+
221
+ document.addEventListener ?
222
+ vSection.addEventListener("wheel", self.onWheel, {
223
+ passive: false
224
+ }) :
225
+ vSection.attachEvent("onmousewheel", self.onWheel);
226
+
227
+ } else {
228
+
229
+ document.addEventListener ?
230
+ document.addEventListener("wheel", self.onWheel, {
231
+ passive: false
232
+ }) :
233
+ document.attachEvent("onmousewheel", self.onWheel);
234
+
235
+ }
236
+
237
+ } else {
238
+ document.addEventListener("touchstart", self.onTouchStart);
239
+ document.addEventListener("touchmove", self.onTouchMove, {
240
+ passive: false
241
+ });
242
+
243
+ }
244
+
245
+ };
246
+
247
+ self.scrollHandler = function () {
248
+
249
+ var index = 0;
250
+
251
+ for (var section in sections) {
252
+
253
+ var $section = sections[section].selector;
254
+
255
+ elementorFrontend.waypoint(
256
+ $section,
257
+ function () {
258
+
259
+ var $this = $(this),
260
+ sectionId = $this.attr("id");
261
+
262
+ if (!isScrolling) {
263
+
264
+ currentSection = sectionId;
265
+
266
+ $itemsList.removeClass("active");
267
+ $menuItems.removeClass("active");
268
+
269
+ $("[data-menuanchor=" + sectionId + "]", $instance).addClass("active");
270
+
271
+ }
272
+ }, {
273
+ offset: 0 !== index ? "0%" : "-1%",
274
+ triggerOnce: false
275
+ }
276
+ );
277
+ index++;
278
+ }
279
+
280
+ };
281
+
282
+ self.keyboardHandler = function () {
283
+ $(document).keydown(function (event) {
284
+ if (38 == event.keyCode) {
285
+ self.onKeyUp(event, "up");
286
+ }
287
+
288
+ if (40 == event.keyCode) {
289
+ self.onKeyUp(event, "down");
290
+ }
291
+ });
292
+ };
293
+
294
+ self.isScrolled = function (sectionID, direction) {
295
+
296
+ var $section = $("#scroller-" + sectionID);
297
+
298
+ var scroller = $section.data('iscrollInstance');
299
+
300
+ if (scroller) {
301
+ if ('down' === direction) {
302
+ return (0 - scroller.y) + $section.scrollTop() + 1 + $section.innerHeight() >= $section[0].scrollHeight;
303
+ } else if ('up' === direction) {
304
+ return scroller.y >= 0 && !$section.scrollTop();
305
+ }
306
+
307
+ } else {
308
+ return true;
309
+ }
310
+
311
+ };
312
+
313
+ // self.isTouchDevice = function () {
314
+
315
+ // var isTouchDevice = navigator.userAgent.match(/(iPhone|iPod|iPad|Android|playbook|silk|BlackBerry|BB10|Windows Phone|Tizen|Bada|webOS|IEMobile|Opera Mini)/),
316
+ // isTouch = (('ontouchstart' in window) || (navigator.msMaxTouchPoints > 0) || (navigator.maxTouchPoints));
317
+
318
+ // return isTouchDevice || isTouch;
319
+
320
+ // };
321
+
322
+ self.getEventsPage = function (e) {
323
+
324
+ var events = [];
325
+
326
+ events.y = (typeof e.pageY !== 'undefined' && (e.pageY || e.pageX) ? e.pageY : e.touches[0].pageY);
327
+ events.x = (typeof e.pageX !== 'undefined' && (e.pageY || e.pageX) ? e.pageX : e.touches[0].pageX);
328
+
329
+ if (isTouch && typeof e.touches !== 'undefined') {
330
+ events.y = e.touches[0].pageY;
331
+ events.x = e.touches[0].pageX;
332
+ }
333
+
334
+ return events;
335
+
336
+ };
337
+
338
+
339
+ self.onTouchStart = function (e) {
340
+
341
+ //Prevent page scroll if scrolled down below the last of our sections.
342
+ inScope = true;
343
+
344
+ var touchEvents = self.getEventsPage(e);
345
+ touchStartY = touchEvents.y;
346
+
347
+ };
348
+
349
+ self.onTouchMove = function (e) {
350
+
351
+ if (inScope) {
352
+ self.preventDefault(e);
353
+ }
354
+
355
+ if (isScrolling) {
356
+ self.preventDefault(e);
357
+ return false;
358
+ }
359
+
360
+ var touchEvents = self.getEventsPage(e);
361
+
362
+ touchEndY = touchEvents.y;
363
+
364
+ var $target = $(e.target),
365
+ sectionSelector = checkTemps ? ".premium-vscroll-temp" : ".elementor-top-section",
366
+ $section = $target.closest(sectionSelector),
367
+ sectionId = $section.attr("id"),
368
+ newSectionId = false,
369
+ prevSectionId = false,
370
+ nextSectionId = false,
371
+ direction = false,
372
+ windowScrollTop = $window.scrollTop();
373
+
374
+ $(".premium-vscroll-tooltip").hide();
375
+
376
+ if (beforeCheck()) {
377
+
378
+ sectionId = self.getFirstSection(sections);
379
+
380
+ }
381
+
382
+ if (afterCheck()) {
383
+
384
+ sectionId = self.getLastSection(sections);
385
+
386
+ }
387
+
388
+ if (touchStartY > touchEndY) {
389
+
390
+ direction = 'down';
391
+
392
+ } else if (touchEndY > touchStartY) {
393
+
394
+ direction = 'up';
395
+
396
+ }
397
+
398
+ if (sectionId && sections.hasOwnProperty(sectionId)) {
399
+
400
+ prevSectionId = self.checkPrevSection(sections, sectionId);
401
+ nextSectionId = self.checkNextSection(sections, sectionId);
402
+
403
+ if ("up" === direction) {
404
+
405
+ if (!nextSectionId && sections[sectionId].offset < windowScrollTop) {
406
+ newSectionId = sectionId;
407
+ } else {
408
+ newSectionId = prevSectionId;
409
+ }
410
+ }
411
+
412
+ if ("down" === direction) {
413
+
414
+ if (!prevSectionId && sections[sectionId].offset > windowScrollTop + 5) {
415
+ newSectionId = sectionId;
416
+ } else {
417
+ newSectionId = nextSectionId;
418
+ }
419
+ }
420
+
421
+ if (newSectionId) {
422
+
423
+ inScope = true;
424
+
425
+ $instance.find(".premium-vscroll-dots, .premium-vscroll-nav-menu").removeClass("premium-vscroll-dots-hide");
426
+
427
+ if (!self.isScrolled(sectionId, direction)) {
428
+ return;
429
+ }
430
+ if (Math.abs(touchStartY - touchEndY) > (window.innerHeight / 100 * 15)) {
431
+ self.onAnchorChange(newSectionId);
432
+ }
433
+
434
+ } else {
435
+
436
+ inScope = false;
437
+
438
+ var $lastselector = checkTemps ? $instance : $("#" + sectionId);
439
+
440
+ if ("down" === direction) {
441
+
442
+ if ($lastselector.offset().top + $lastselector.innerHeight() - $(document).scrollTop() > 600) {
443
+
444
+ $instance.find(".premium-vscroll-dots, .premium-vscroll-nav-menu").addClass("premium-vscroll-dots-hide");
445
+
446
+ }
447
+
448
+ } else if ("up" === direction) {
449
+
450
+ if ($lastselector.offset().top - $(document).scrollTop() > 200) {
451
+
452
+ $instance.find(".premium-vscroll-dots, .premium-vscroll-nav-menu").addClass("premium-vscroll-dots-hide");
453
+
454
+ }
455
+
456
+ }
457
+ }
458
+
459
+ } else {
460
+ inScope = false;
461
+ }
462
+
463
+ };
464
+
465
+ self.scrollStop = function () {
466
+ $htmlBody.stop(true);
467
+ };
468
+
469
+ self.checkNextSection = function (object, key) {
470
+ var keys = Object.keys(object),
471
+ idIndex = keys.indexOf(key),
472
+ nextIndex = (idIndex += 1);
473
+
474
+ if (nextIndex >= keys.length) {
475
+ return false;
476
+ }
477
+
478
+ var nextKey = keys[nextIndex];
479
+
480
+ return nextKey;
481
+ };
482
+
483
+ self.checkPrevSection = function (object, key) {
484
+ var keys = Object.keys(object),
485
+ idIndex = keys.indexOf(key),
486
+ prevIndex = (idIndex -= 1);
487
+
488
+ if (0 > idIndex) {
489
+ return false;
490
+ }
491
+
492
+ var prevKey = keys[prevIndex];
493
+
494
+ return prevKey;
495
+ };
496
+
497
+ self.debounce = function (threshold, callback) {
498
+ var timeout;
499
+
500
+ return function debounced($event) {
501
+ function delayed() {
502
+ callback.call(this, $event);
503
+ timeout = null;
504
+ }
505
+
506
+ if (timeout) {
507
+ clearTimeout(timeout);
508
+ }
509
+
510
+ timeout = setTimeout(delayed, threshold);
511
+ };
512
+ };
513
+
514
+ self.visible = function (selector, partial, hidden) {
515
+ var s = selector.get(0),
516
+ vpHeight = $window.outerHeight(),
517
+ clientSize =
518
+ hidden === true ? s.offsetWidth * s.offsetHeight : true;
519
+ if (typeof s.getBoundingClientRect === "function") {
520
+ var rec = s.getBoundingClientRect();
521
+ var tViz = rec.top >= 0 && rec.top < vpHeight,
522
+ bViz = rec.bottom > 0 && rec.bottom <= vpHeight,
523
+ vVisible = partial ? tViz || bViz : tViz && bViz,
524
+ vVisible =
525
+ rec.top < 0 && rec.bottom > vpHeight ? true : vVisible;
526
+ return clientSize && vVisible;
527
+ } else {
528
+ var viewTop = 0,
529
+ viewBottom = viewTop + vpHeight,
530
+ position = $window.position(),
531
+ _top = position.top,
532
+ _bottom = _top + $window.height(),
533
+ compareTop = partial === true ? _bottom : _top,
534
+ compareBottom = partial === true ? _top : _bottom;
535
+ return (
536
+ !!clientSize &&
537
+ (compareBottom <= viewBottom && compareTop >= viewTop)
538
+ );
539
+ }
540
+ };
541
+
542
+ self.onNavDotEnter = function () {
543
+ var $this = $(this),
544
+ index = $this.data("index");
545
+
546
+ if (settings.tooltips) {
547
+ $(
548
+ '<div class="premium-vscroll-tooltip"><span>' +
549
+ settings.dotsText[index] +
550
+ "</span></div>"
551
+ )
552
+ .hide()
553
+ .appendTo($this)
554
+ .fadeIn(200);
555
+ }
556
+ };
557
+
558
+ self.onNavDotLeave = function () {
559
+ $(".premium-vscroll-tooltip").fadeOut(200, function () {
560
+ $(this).remove();
561
+ });
562
+ };
563
+
564
+ self.onNavDotChange = function (event) {
565
+ var $this = $(this),
566
+ index = $this.index(),
567
+ sectionId = $this.data("menuanchor"),
568
+ offset = null;
569
+
570
+ if (!sections.hasOwnProperty(sectionId)) {
571
+ return false;
572
+ }
573
+
574
+ offset = sections[sectionId].offset - settings.offset;
575
+
576
+ if (offset < 0)
577
+ offset = sections[sectionId].offset;
578
+
579
+ if (!isScrolling) {
580
+ isScrolling = true;
581
+
582
+ currentSection = sectionId;
583
+ $menuItems.removeClass("active");
584
+ $itemsList.removeClass("active");
585
+
586
+ if ($this.hasClass("premium-vscroll-nav-item")) {
587
+ $($itemsList[index]).addClass("active");
588
+ } else {
589
+ $($menuItems[index]).addClass("active");
590
+ }
591
+
592
+ $this.addClass("active");
593
+
594
+ $htmlBody
595
+ .st