Premium Addons for Elementor - Version 4.6.1

Version Description

  • Tweak: Added 1 Column option to Number of Columns control in Blog widget.
  • Tweak: Added Border Radius option for member image in Team Members widget.
  • Fixed: Premium Templates not working on local servers.
  • Fixed: Equal Height option not working when multiple Blog widgets are added in the same page.
Download this release

Release Info

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

Code changes from version 4.6.0 to 4.6.1

admin/assets/css/admin.css CHANGED
@@ -1330,9 +1330,54 @@ input:checked+.slider:before {
1330
  text-decoration: none;
1331
  }
1332
 
1333
- /* .papro-admin-notice-logo img {
1334
- width: 100%;
1335
- } */
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1336
  .papro-admin-notice-right {
1337
  -webkit-display: flex;
1338
  display: -webkit-box;
1330
  text-decoration: none;
1331
  }
1332
 
1333
+ .papro-admin-notice-logo {
1334
+ -webkit-display: flex;
1335
+ display: -webkit-box;
1336
+ display: -ms-flexbox;
1337
+ -js-display: flex;
1338
+ display: -moz-box;
1339
+ display: flex;
1340
+ -webkit-box-pack: justify;
1341
+ -webkit-justify-content: space-between;
1342
+ -moz-box-pack: justify;
1343
+ -ms-flex-pack: justify;
1344
+ justify-content: space-between;
1345
+ -webkit-box-align: center;
1346
+ -webkit-align-items: center;
1347
+ -moz-box-align: center;
1348
+ -ms-flex-align: center;
1349
+ align-items: center;
1350
+ }
1351
+
1352
+ .papro-admin-notice-logo .pa-news-form {
1353
+
1354
+ position: relative;
1355
+ z-index: 3;
1356
+
1357
+ }
1358
+
1359
+ .papro-admin-notice-logo label {
1360
+ display: block;
1361
+ font-weight: 600;
1362
+ margin: 10px 0 6px;
1363
+ font-size: 14px;
1364
+ color: #252c59;
1365
+ font-family: "Red Hat Display";
1366
+ }
1367
+
1368
+ .papro-admin-notice-logo #pa_news_email {
1369
+ font-weight: 400;
1370
+ margin: 0;
1371
+ margin-bottom: 0px;
1372
+ margin-bottom: 12px;
1373
+ -webkit-border-radius: 10px;
1374
+ border-radius: 10px;
1375
+ background-color: #ebebeb;
1376
+ border: 1px solid #dcdcdc;
1377
+ padding: 8px 20px;
1378
+ min-width: 500px;
1379
+ }
1380
+
1381
  .papro-admin-notice-right {
1382
  -webkit-display: flex;
1383
  display: -webkit-box;
admin/assets/js/admin.js CHANGED
@@ -1,410 +1,463 @@
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.handleNewsLetterForm();
44
+
45
+ self.handlePaproActions();
46
+
47
+ };
48
+
49
+ // Handle settings form submission
50
+ self.handleSettingsSave = function () {
51
+
52
+ $("#pa-features .pa-section-info-cta input, #pa-modules .pa-switcher input").on(
53
+ 'change',
54
+ function () {
55
+ self.saveElementsSettings('elements');
56
+ }
57
+ )
58
+
59
+ $("#pa-ver-control input, #pa-integrations input, #pa-ver-control input, #pa-integrations select").change(
60
+ function () {
61
+ self.saveElementsSettings('additional');
62
+ }
63
+ );
64
+
65
+ $("#pa-integrations input[type=text]").on(
66
+ 'keyup',
67
+ function () {
68
+ self.saveElementsSettings('additional');
69
+ }
70
+ )
71
+
72
+ };
73
+
74
+ //get unused widgets.
75
+ self.getUnusedWidget = function () {
76
+
77
+ if ($(".pa-btn-group .pa-btn-disable").hasClass("active")) {
78
+ $(".pa-btn-group .pa-btn-unused").addClass("dimmed");
79
+ }
80
+
81
+ $.ajax(
82
+ {
83
+ url: settings.ajaxurl,
84
+ type: 'POST',
85
+ data: {
86
+ action: 'pa_get_unused_widgets',
87
+ security: settings.nonce,
88
+ },
89
+ success: function (response) {
90
+ console.log('unused widgets retrieved');
91
+ self.unusedElements = response.data;
92
+ },
93
+ error: function (err) {
94
+ console.log(err);
95
+ }
96
+ }
97
+ );
98
+ };
99
+ // Handle global enable/disable buttons
100
+ self.handleElementsActions = function () {
101
+
102
+ $(".pa-elements-filter select").on(
103
+ 'change',
104
+ function () {
105
+ var filter = $(this).val(),
106
+ $activeTab = $(".pa-switchers-container").not(".hidden");
107
+
108
+ $activeTab.find(".pa-switcher").removeClass("hidden");
109
+
110
+ if ('free' === filter) {
111
+ $activeTab.find(".pro-element").addClass("hidden");
112
+ } else if ('pro' === filter) {
113
+ $activeTab.find(".pa-switcher").not(".pro-element").addClass("hidden");
114
+ }
115
+ }
116
+ );
117
+
118
+ // Enable/Disable all widgets
119
+ $(".pa-btn-group").on(
120
+ "click",
121
+ '.pa-btn',
122
+ function () {
123
+
124
+ var $btn = $(this),
125
+ isChecked = $btn.hasClass("pa-btn-enable");
126
+
127
+ if (!$btn.hasClass("active")) {
128
+ $(".pa-btn-group .pa-btn").removeClass("active");
129
+ $btn.addClass("active");
130
+
131
+ $.ajax(
132
+ {
133
+ url: settings.ajaxurl,
134
+ type: 'POST',
135
+ data: {
136
+ action: 'pa_save_global_btn',
137
+ security: settings.nonce,
138
+ isGlobalOn: isChecked
139
+ }
140
+ }
141
+ );
142
+
143
+ }
144
+
145
+ if (isChecked) {
146
+ $(".pa-btn-group .pa-btn-unused").removeClass("dimmed");
147
+ } else {
148
+ $(".pa-btn-group .pa-btn-unused").addClass("dimmed");
149
+ }
150
+
151
+ $("#pa-modules .pa-switcher input").prop("checked", isChecked);
152
+
153
+ self.saveElementsSettings('elements');
154
+
155
+ }
156
+ );
157
+
158
+ //Disable unused widgets.
159
+ $(".pa-btn-group").on(
160
+ "click",
161
+ '.pa-btn-unused',
162
+ function () {
163
+
164
+ $.each(self.unusedElements, function (index, selector) {
165
+ $('#pa-modules .pa-switcher.' + selector).find('input').prop('checked', false);
166
+ });
167
+
168
+ $(this).addClass('dimmed');
169
+
170
+ self.saveElementsSettings('elements');
171
+ }
172
+ );
173
+
174
+ $("#pa-modules .pa-switcher input").on(
175
+ 'change',
176
+ function () {
177
+ var $this = $(this),
178
+ id = $this.attr('id'),
179
+ isChecked = $this.prop('checked');
180
+
181
+ $("input[name='" + id + "']").prop('checked', isChecked);
182
+ }
183
+ )
184
+
185
+ };
186
+
187
+ // Handle Tabs Elements
188
+ self.initElementsTabs = function ($elem) {
189
+
190
+ var $links = $elem.find('a'),
191
+ $sections = $(".pa-switchers-container");
192
+
193
+ $sections.eq(0).removeClass("hidden");
194
+ $links.eq(0).addClass("active");
195
+
196
+ $links.on(
197
+ 'click',
198
+ function (e) {
199
+
200
+ e.preventDefault();
201
+
202
+ var $link = $(this),
203
+ href = $link.attr('href');
204
+
205
+ // Set this tab to active
206
+ $links.removeClass("active");
207
+ $link.addClass("active");
208
+
209
+ // Navigate to tab section
210
+ $sections.addClass("hidden");
211
+ $("#" + href).removeClass("hidden");
212
+
213
+ }
214
+ );
215
+ };
216
+
217
+ // Handle settings tabs
218
+ self.initNavTabs = function ($elem) {
219
+
220
+ var $links = $elem.find('a'),
221
+ $lastSection = null;
222
+
223
+ $(window).on(
224
+ 'hashchange',
225
+ function () {
226
+
227
+ var hash = window.location.hash.match(new RegExp('tab=([^&]*)')),
228
+ slug = hash ? hash[1] : $links.first().attr('href').replace('#tab=', ''),
229
+ $link = $('#pa-tab-link-' + slug);
230
+
231
+ if (!$link.length) {
232
+ return
233
+
234
+ }
235
+ $links.removeClass('pa-section-active');
236
+ $link.addClass('pa-section-active');
237
+
238
+ // Hide the last active section
239
+ if ($lastSection) {
240
+ $lastSection.hide();
241
+ }
242
+
243
+ var $section = $('#pa-section-' + slug);
244
+ $section.css(
245
+ {
246
+ display: 'block'
247
+ }
248
+ );
249
+
250
+ $lastSection = $section;
251
+
252
+ }
253
+ ).trigger('hashchange');
254
+
255
+ };
256
+
257
+ self.handleRollBack = function () {
258
+
259
+ // Rollback button
260
+ $('.pa-rollback-button').on(
261
+ 'click',
262
+ function (event) {
263
+
264
+ event.preventDefault();
265
+
266
+ var $this = $(this),
267
+ href = $this.attr('href');
268
+
269
+ if (!href) {
270
+ return;
271
+ }
272
+
273
+ // Show PAPRO stable version if PAPRO Rollback is clicked
274
+ var isPAPRO = '';
275
+ if (-1 !== href.indexOf('papro_rollback')) {
276
+ isPAPRO = 'papro_';
277
+ }
278
+
279
+ var premiumRollBackConfirm = premiumAddonsSettings.premiumRollBackConfirm;
280
+
281
+ var dialogsManager = new DialogsManager.Instance();
282
+
283
+ dialogsManager.createWidget(
284
+ 'confirm',
285
+ {
286
+ headerMessage: premiumRollBackConfirm.i18n.rollback_to_previous_version,
287
+ message: premiumRollBackConfirm['i18n'][isPAPRO + 'rollback_confirm'],
288
+ strings: {
289
+ cancel: premiumRollBackConfirm.i18n.cancel,
290
+ confirm: premiumRollBackConfirm.i18n.yes,
291
+ },
292
+ onConfirm: function () {
293
+
294
+ $this.addClass('loading');
295
+
296
+ location.href = $this.attr('href');
297
+
298
+ }
299
+ }
300
+ ).show();
301
+ }
302
+ );
303
+
304
+ };
305
+
306
+ self.saveElementsSettings = function (action) { //save elements settings changes
307
+
308
+ var $form = null;
309
+
310
+ if ('elements' === action) {
311
+ $form = $('form#pa-settings, form#pa-features');
312
+ action = 'pa_elements_settings';
313
+ } else {
314
+ $form = $('formpa-ver-control, form#pa-integrations');
315
+ action = 'pa_additional_settings';
316
+ }
317
+
318
+ $.ajax(
319
+ {
320
+ url: settings.ajaxurl,
321
+ type: 'POST',
322
+ data: {
323
+ action: action,
324
+ security: settings.nonce,
325
+ fields: $form.serialize(),
326
+ },
327
+ success: function (response) {
328
+
329
+ console.log("settings saved");
330
+ },
331
+ error: function (err) {
332
+
333
+ console.log(err);
334
+
335
+ }
336
+ }
337
+ );
338
+
339
+ }
340
+
341
+ self.handlePaproActions = function () {
342
+
343
+ // Trigger SWAL for PRO elements
344
+ $(".pro-slider").on(
345
+ 'click',
346
+ function () {
347
+
348
+ var redirectionLink = " https://premiumaddons.com/pro/?utm_source=wp-menu&utm_medium=wp-dash&utm_campaign=get-pro&utm_term=";
349
+
350
+ Swal.fire(
351
+ {
352
+ title: '<span class="pa-swal-head">Get PRO Widgets & Addons<span>',
353
+ html: 'Supercharge your Elementor with PRO widgets and addons that you won’t find anywhere else.',
354
+ type: 'warning',
355
+ showCloseButton: true,
356
+ showCancelButton: true,
357
+ cancelButtonText: "More Info",
358
+ focusConfirm: true,
359
+ customClass: 'pa-swal',
360
+ }
361
+ ).then(
362
+ function (res) {
363
+ // Handle More Info button
364
+ if (res.dismiss === 'cancel') {
365
+ window.open(redirectionLink + settings.theme, '_blank');
366
+ }
367
+
368
+ }
369
+ );
370
+ }
371
+ );
372
+
373
+ // Trigger SWAL for White Labeling
374
+ $(".premium-white-label-form.pro-inactive").on(
375
+ 'submit',
376
+ function (e) {
377
+
378
+ e.preventDefault();
379
+
380
+ var redirectionLink = " https://premiumaddons.com/pro/?utm_source=wp-menu&utm_medium=wp-dash&utm_campaign=get-pro&utm_term=";
381
+
382
+ Swal.fire(
383
+ {
384
+ title: '<span class="pa-swal-head">Enable White Labeling Options<span>',
385
+ 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.',
386
+ type: 'warning',
387
+ showCloseButton: true,
388
+ showCancelButton: true,
389
+ cancelButtonText: "More Info",
390
+ focusConfirm: true
391
+ }
392
+ ).then(
393
+ function (res) {
394
+ // Handle More Info button
395
+ if (res.dismiss === 'cancel') {
396
+ window.open(redirectionLink + settings.theme, '_blank');
397
+ }
398
+
399
+ }
400
+ );
401
+ }
402
+ );
403
+
404
+ };
405
+
406
+ self.handleNewsLetterForm = function () {
407
+
408
+ $('.pa-news-form').on('submit', function (e) {
409
+ e.preventDefault();
410
+
411
+ var email = $("#pa_news_email").val();
412
+
413
+ if (checkEmail(email)) {
414
+ $.ajax(
415
+ {
416
+ url: settings.ajaxurl,
417
+ type: 'POST',
418
+ data: {
419
+ action: 'subscribe_newsletter',
420
+ security: settings.nonce,
421
+ email: email
422
+ },
423
+ success: function (response) {
424
+ if (response.data) {
425
+ var status = response.data.status;
426
+ if (status)
427
+ swal.fire({
428
+ title: 'Thanks for subscribing!',
429
+ text: 'Click OK to continue',
430
+ type: 'success'
431
+ });
432
+ }
433
+
434
+ },
435
+ error: function (err) {
436
+ console.log(err);
437
+ }
438
+ }
439
+ );
440
+ } else {
441
+ Swal.fire({
442
+ type: 'error',
443
+ title: 'Invalid Email Address...',
444
+ text: 'Please enter a valid email address!'
445
+ });
446
+ }
447
+
448
+ })
449
+
450
+ }
451
+
452
+ function checkEmail(emailAddress) {
453
+ var pattern = new RegExp(/^(("[\w-+\s]+")|([\w-+]+(?:\.[\w-+]+)*)|("[\w-+\s]+")([\w-+]+(?:\.[\w-+]+)*))(@((?:[\w-+]+\.)*\w[\w-+]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][\d]\.|1[\d]{2}\.|[\d]{1,2}\.))((25[0-5]|2[0-4][\d]|1[\d]{2}|[\d]{1,2})\.){2}(25[0-5]|2[0-4][\d]|1[\d]{2}|[\d]{1,2})\]?$)/i);
454
+ return pattern.test(emailAddress);
455
+ }
456
+
457
+ };
458
+
459
+ var instance = new PremiumAddonsNavigation();
460
+
461
+ instance.init();
462
+
463
+ })(jQuery);
admin/includes/admin-helper.php CHANGED
@@ -1,952 +1,999 @@
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( 'wp_ajax_subscribe_newsletter', array( $this, 'subscribe_newsletter' ) );
94
+
95
+ add_action( 'pa_before_render_admin_tabs', array( $this, 'render_dashboard_header' ) );
96
+
97
+ // Register Rollback hooks.
98
+ add_action( 'admin_post_premium_addons_rollback', array( $this, 'run_pa_rollback' ) );
99
+
100
+ // Beta_Testers::get_instance();
101
+
102
+ if ( is_admin() ) {
103
+ $current_page = $_SERVER['REQUEST_URI'];
104
+ if ( false === strpos( $current_page, 'action=elementor' ) ) {
105
+ Admin_Notices::get_instance();
106
+
107
+ // PA Duplicator.
108
+ if ( self::check_duplicator() ) {
109
+ Duplicator::get_instance();
110
+ }
111
+ }
112
+ }
113
+
114
+ }
115
+
116
+ /**
117
+ * Checks user credentials for specific action
118
+ *
119
+ * @since 2.6.8
120
+ *
121
+ * @return boolean
122
+ */
123
+ public static function check_user_can( $action ) {
124
+ return current_user_can( $action );
125
+ }
126
+
127
+ /**
128
+ * Get Elements List
129
+ *
130
+ * Get a list of all the elements available in the plugin
131
+ *
132
+ * @since 3.20.9
133
+ * @access private
134
+ *
135
+ * @return array widget_list
136
+ */
137
+ private static function get_elements_list() {
138
+
139
+ if ( null === self::$elements_list ) {
140
+
141
+ self::$elements_list = require_once PREMIUM_ADDONS_PATH . 'admin/includes/elements.php';
142
+
143
+ }
144
+
145
+ return self::$elements_list;
146
+
147
+ }
148
+
149
+ /**
150
+ * Get Integrations List
151
+ *
152
+ * Get a list of all the integrations available in the plugin
153
+ *
154
+ * @since 3.20.9
155
+ * @access private
156
+ *
157
+ * @return array integrations_list
158
+ */
159
+ private static function get_integrations_list() {
160
+
161
+ if ( null === self::$integrations_list ) {
162
+
163
+ self::$integrations_list = array(
164
+ 'premium-map-api',
165
+ 'premium-youtube-api',
166
+ 'premium-map-disable-api',
167
+ 'premium-map-cluster',
168
+ 'premium-map-locale',
169
+ 'is-beta-tester',
170
+ );
171
+
172
+ }
173
+
174
+ return self::$integrations_list;
175
+
176
+ }
177
+
178
+ /**
179
+ * Admin Enqueue Scripts
180
+ *
181
+ * Enqueue the required assets on our admin pages
182
+ *
183
+ * @since 1.0.0
184
+ * @access public
185
+ */
186
+ public function admin_enqueue_scripts() {
187
+
188
+ wp_enqueue_style(
189
+ 'pa_admin_icon',
190
+ PREMIUM_ADDONS_URL . 'admin/assets/fonts/style.css',
191
+ array(),
192
+ PREMIUM_ADDONS_VERSION,
193
+ 'all'
194
+ );
195
+
196
+ $suffix = is_rtl() ? '-rtl' : '';
197
+
198
+ $current_screen = self::get_current_screen();
199
+
200
+ wp_enqueue_style(
201
+ 'pa-notice-css',
202
+ PREMIUM_ADDONS_URL . 'admin/assets/css/notice' . $suffix . '.css',
203
+ array(),
204
+ PREMIUM_ADDONS_VERSION,
205
+ 'all'
206
+ );
207
+
208
+ if ( strpos( $current_screen, $this->page_slug ) !== false ) {
209
+
210
+ wp_enqueue_style(
211
+ 'pa-admin-css',
212
+ PREMIUM_ADDONS_URL . 'admin/assets/css/admin' . $suffix . '.css',
213
+ array(),
214
+ PREMIUM_ADDONS_VERSION,
215
+ 'all'
216
+ );
217
+
218
+ wp_enqueue_style(
219
+ 'pa-sweetalert-style',
220
+ PREMIUM_ADDONS_URL . 'admin/assets/js/sweetalert2/sweetalert2.min.css',
221
+ array(),
222
+ PREMIUM_ADDONS_VERSION,
223
+ 'all'
224
+ );
225
+
226
+ wp_enqueue_script(
227
+ 'pa-admin',
228
+ PREMIUM_ADDONS_URL . 'admin/assets/js/admin.js',
229
+ array( 'jquery' ),
230
+ PREMIUM_ADDONS_VERSION,
231
+ true
232
+ );
233
+
234
+ wp_enqueue_script(
235
+ 'pa-sweetalert-core',
236
+ PREMIUM_ADDONS_URL . 'admin/assets/js/sweetalert2/core.js',
237
+ array( 'jquery' ),
238
+ PREMIUM_ADDONS_VERSION,
239
+ true
240
+ );
241
+
242
+ wp_enqueue_script(
243
+ 'pa-sweetalert',
244
+ PREMIUM_ADDONS_URL . 'admin/assets/js/sweetalert2/sweetalert2.min.js',
245
+ array( 'jquery', 'pa-sweetalert-core' ),
246
+ PREMIUM_ADDONS_VERSION,
247
+ true
248
+ );
249
+
250
+ $theme_slug = Helper_Functions::get_installed_theme();
251
+
252
+ $localized_data = array(
253
+ 'settings' => array(
254
+ 'ajaxurl' => admin_url( 'admin-ajax.php' ),
255
+ 'nonce' => wp_create_nonce( 'pa-settings-tab' ),
256
+ 'theme' => $theme_slug,
257
+ ),
258
+ 'premiumRollBackConfirm' => array(
259
+ 'home_url' => home_url(),
260
+ 'i18n' => array(
261
+ 'rollback_to_previous_version' => __( 'Rollback to Previous Version', 'premium-addons-for-elementor' ),
262
+ /* translators: %s: PA stable version */
263
+ 'rollback_confirm' => sprintf( __( 'Are you sure you want to reinstall version %s?', 'premium-addons-for-elementor' ), PREMIUM_ADDONS_STABLE_VERSION ),
264
+ 'yes' => __( 'Continue', 'premium-addons-for-elementor' ),
265
+ 'cancel' => __( 'Cancel', 'premium-addons-for-elementor' ),
266
+ ),
267
+ ),
268
+ );
269
+
270
+ // Add PAPRO Rollback Confirm message if PAPRO installed.
271
+ if ( Helper_Functions::check_papro_version() ) {
272
+ /* translators: %s: PA stable version */
273
+ $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 );
274
+ }
275
+
276
+ wp_localize_script( 'pa-admin', 'premiumAddonsSettings', $localized_data );
277
+
278
+ }
279
+ }
280
+
281
+ /**
282
+ * Insert action links.
283
+ *
284
+ * Adds action links to the plugin list table
285
+ *
286
+ * Fired by `plugin_action_links` filter.
287
+ *
288
+ * @param array $links plugin action links.
289
+ *
290
+ * @since 1.0.0
291
+ * @access public
292
+ */
293
+ public function insert_action_links( $links ) {
294
+
295
+ $papro_path = 'premium-addons-pro/premium-addons-pro-for-elementor.php';
296
+
297
+ $is_papro_installed = Helper_Functions::is_plugin_installed( $papro_path );
298
+
299
+ $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' ) );
300
+
301
+ $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 );
302
+
303
+ $new_links = array( $settings_link, $rollback_link );
304
+
305
+ if ( ! $is_papro_installed ) {
306
+
307
+ $link = Helper_Functions::get_campaign_link( 'https://premiumaddons.com/pro', 'plugins-page', 'wp-dash', 'get-pro' );
308
+
309
+ $pro_link = sprintf( '<a href="%s" target="_blank" style="color: #FF6000; font-weight: bold;">%s</a>', $link, __( 'Go Pro', 'premium-addons-for-elementor' ) );
310
+ array_push( $new_links, $pro_link );
311
+ }
312
+
313
+ $new_links = array_merge( $links, $new_links );
314
+
315
+ return $new_links;
316
+ }
317
+
318
+ /**
319
+ * Plugin row meta.
320
+ *
321
+ * Extends plugin row meta links
322
+ *
323
+ * Fired by `plugin_row_meta` filter.
324
+ *
325
+ * @since 3.8.4
326
+ * @access public
327
+ *
328
+ * @param array $meta array of the plugin's metadata.
329
+ * @param string $file path to the plugin file.
330
+ *
331
+ * @return array An array of plugin row meta links.
332
+ */
333
+ public function plugin_row_meta( $meta, $file ) {
334
+
335
+ if ( Helper_Functions::is_hide_row_meta() ) {
336
+ return $meta;
337
+ }
338
+
339
+ if ( PREMIUM_ADDONS_BASENAME === $file ) {
340
+
341
+ $link = Helper_Functions::get_campaign_link( 'https://premiumaddons.com/support', 'plugins-page', 'wp-dash', 'get-support' );
342
+
343
+ $row_meta = array(
344
+ '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>',
345
+ '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>',
346
+ );
347
+
348
+ $meta = array_merge( $meta, $row_meta );
349
+ }
350
+
351
+ return $meta;
352
+
353
+ }
354
+
355
+ /**
356
+ * Gets current screen slug
357
+ *
358
+ * @since 3.3.8
359
+ * @access public
360
+ *
361
+ * @return string current screen slug
362
+ */
363
+ public static function get_current_screen() {
364
+
365
+ self::$current_screen = get_current_screen()->id;
366
+
367
+ return isset( self::$current_screen ) ? self::$current_screen : false;
368
+
369
+ }
370
+
371
+ /**
372
+ * Set Admin Tabs
373
+ *
374
+ * @access private
375
+ * @since 3.20.8
376
+ */
377
+ private function set_admin_tabs() {
378
+
379
+ $slug = $this->page_slug;
380
+
381
+ self::$tabs = array(
382
+ 'general' => array(
383
+ 'id' => 'general',
384
+ 'slug' => $slug . '#tab=general',
385
+ 'title' => __( 'General', 'premium-addons-for-elementor' ),
386
+ 'href' => '#tab=general',
387
+ 'template' => PREMIUM_ADDONS_PATH . 'admin/includes/templates/general',
388
+ ),
389
+ 'elements' => array(
390
+ 'id' => 'elements',
391
+ 'slug' => $slug . '#tab=elements',
392
+ 'title' => __( 'Widgets & Add-ons', 'premium-addons-for-elementor' ),
393
+ 'href' => '#tab=elements',
394
+ 'template' => PREMIUM_ADDONS_PATH . 'admin/includes/templates/modules-settings',
395
+ ),
396
+ 'features' => array(
397
+ 'id' => 'features',
398
+ 'slug' => $slug . '#tab=features',
399
+ 'title' => __( 'Features', 'premium-addons-for-elementor' ),
400
+ 'href' => '#tab=features',
401
+ 'template' => PREMIUM_ADDONS_PATH . 'admin/includes/templates/features',
402
+ ),
403
+ 'integrations' => array(
404
+ 'id' => 'integrations',
405
+ 'slug' => $slug . '#tab=integrations',
406
+ 'title' => __( 'Integrations', 'premium-addons-for-elementor' ),
407
+ 'href' => '#tab=integrations',
408
+ 'template' => PREMIUM_ADDONS_PATH . 'admin/includes/templates/integrations',
409
+ ),
410
+ 'version-control' => array(
411
+ 'id' => 'vcontrol',
412
+ 'slug' => $slug . '#tab=vcontrol',
413
+ 'title' => __( 'Version Control', 'premium-addons-for-elementor' ),
414
+ 'href' => '#tab=vcontrol',
415
+ 'template' => PREMIUM_ADDONS_PATH . 'admin/includes/templates/version-control',
416
+ ),
417
+ 'white-label' => array(
418
+ 'id' => 'white-label',
419
+ 'slug' => $slug . '#tab=white-label',
420
+ 'title' => __( 'White Labeling', 'premium-addons-for-elementor' ),
421
+ 'href' => '#tab=white-label',
422
+ 'template' => PREMIUM_ADDONS_PATH . 'admin/includes/templates/white-label',
423
+ ),
424
+ 'info' => array(
425
+ 'id' => 'system-info',
426
+ 'slug' => $slug . '#tab=system-info',
427
+ 'title' => __( 'System Info', 'premium-addons-for-elementor' ),
428
+ 'href' => '#tab=system-info',
429
+ 'template' => PREMIUM_ADDONS_PATH . 'admin/includes/templates/info',
430
+ ),
431
+ );
432
+
433
+ self::$tabs = apply_filters( 'pa_admin_register_tabs', self::$tabs );
434
+
435
+ }
436
+
437
+ /**
438
+ * Add Menu Tabs
439
+ *
440
+ * Create Submenu Page
441
+ *
442
+ * @since 3.20.9
443
+ * @access public
444
+ *
445
+ * @return void
446
+ */
447
+ public function add_menu_tabs() {
448
+
449
+ $plugin_name = Helper_Functions::name();
450
+
451
+ call_user_func(
452
+ 'add_menu_page',
453
+ $plugin_name,
454
+ $plugin_name,
455
+ 'manage_options',
456
+ $this->page_slug,
457
+ array( $this, 'render_setting_tabs' ),
458
+ '',
459
+ 100
460
+ );
461
+
462
+ foreach ( self::$tabs as $tab ) {
463
+
464
+ call_user_func(
465
+ 'add_submenu_page',
466
+ $this->page_slug,
467
+ $tab['title'],
468
+ $tab['title'],
469
+ 'manage_options',
470
+ $tab['slug'],
471
+ '__return_null'
472
+ );
473
+ }
474
+
475
+ remove_submenu_page( $this->page_slug, $this->page_slug );
476
+ }
477
+
478
+ /**
479
+ * Render Setting Tabs
480
+ *
481
+ * Render the final HTML content for admin setting tabs
482
+ *
483
+ * @access public
484
+ * @since 3.20.8
485
+ */
486
+ public function render_setting_tabs() {
487
+
488
+ ?>
489
+ <div class="pa-settings-wrap">
490
+ <?php do_action( 'pa_before_render_admin_tabs' ); ?>
491
+ <div class="pa-settings-tabs">
492
+ <ul class="pa-settings-tabs-list">
493
+ <?php
494
+ foreach ( self::$tabs as $key => $tab ) {
495
+ $link = '<li class="pa-settings-tab">';
496
+ $link .= '<a id="pa-tab-link-' . esc_attr( $tab['id'] ) . '"';
497
+ $link .= ' href="' . esc_url( $tab['href'] ) . '">';
498
+ $link .= '<i class="pa-dash-' . esc_attr( $tab['id'] ) . '"></i>';
499
+ $link .= '<span>' . esc_html( $tab['title'] ) . '</span>';
500
+ $link .= '</a>';
501
+ $link .= '</li>';
502
+
503
+ echo $link;
504
+ }
505
+ ?>
506
+ </ul>
507
+ </div> <!-- Settings Tabs -->
508
+
509
+ <div class="pa-settings-sections">
510
+ <?php
511
+ foreach ( self::$tabs as $key => $tab ) {
512
+ echo wp_kses_post( '<div id="pa-section-' . $tab['id'] . '" class="pa-section pa-section-' . $key . '">' );
513
+ include_once $tab['template'] . '.php';
514
+ echo '</div>';
515
+ }
516
+ ?>
517
+ </div> <!-- Settings Sections -->
518
+ <?php do_action( 'pa_after_render_admin_tabs' ); ?>
519
+ </div> <!-- Settings Wrap -->
520
+ <?php
521
+ }
522
+
523
+ /**
524
+ * Render Dashboard Header
525
+ *
526
+ * @since 4.0.0
527
+ * @access public
528
+ */
529
+ public function render_dashboard_header() {
530
+
531
+ $url = Helper_Functions::get_campaign_link( 'https://premiumaddons.com/pro/', 'settings-page', 'wp-dash', 'dashboard' );
532
+
533
+ $show_logo = Helper_Functions::is_hide_logo();
534
+
535
+ ?>
536
+
537
+ <div class="papro-admin-notice">
538
+ <?php if ( ! $show_logo ) : ?>
539
+ <div class="papro-admin-notice-left">
540
+ <div class="papro-admin-notice-logo">
541
+ <img class="pa-notice-logo" src="<?php echo esc_attr( PREMIUM_ADDONS_URL . 'admin/images/papro-notice-logo.png' ); ?>">
542
+ </div>
543
+ <a href="https://premiumaddons.com" target="_blank"></a>
544
+ </div>
545
+ <?php endif; ?>
546
+
547
+ <?php if ( ! Helper_Functions::check_papro_version() ) : ?>
548
+ <div class="papro-admin-notice-right">
549
+ <div class="papro-admin-notice-info">
550
+ <h4>
551
+ <?php echo esc_html( __( 'Get Premium Addons PRO', 'premium-addons-for-elementor' ) ); ?>
552
+ </h4>
553
+ <p>
554
+ <?php
555
+ /* translators: %s: html tags */
556
+ 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>' ) );
557
+ ?>
558
+ </p>
559
+ </div>
560
+ <div class="papro-admin-notice-cta">
561
+ <a class="papro-notice-btn" href="<?php echo esc_url( $url ); ?>" target="_blank">
562
+ <?php echo esc_html( __( 'Get PRO', 'premium-addons-for-elementor' ) ); ?>
563
+ </a>
564
+ </div>
565
+ </div>
566
+ <?php endif; ?>
567
+ </div>
568
+
569
+ <?php
570
+ }
571
+
572
+ /**
573
+ * Save Settings
574
+ *
575
+ * Save elements settings using AJAX
576
+ *
577
+ * @access public
578
+ * @since 3.20.8
579
+ */
580
+ public function save_settings() {
581
+
582
+ check_ajax_referer( 'pa-settings-tab', 'security' );
583
+
584
+ if ( ! isset( $_POST['fields'] ) ) {
585
+ return;
586
+ }
587
+
588
+ parse_str( sanitize_text_field( $_POST['fields'] ), $settings );
589
+
590
+ $defaults = self::get_default_elements();
591
+
592
+ $elements = array_fill_keys( array_keys( array_intersect_key( $settings, $defaults ) ), true );
593
+
594
+ update_option( 'pa_save_settings', $elements );
595
+
596
+ wp_send_json_success();
597
+ }
598
+
599
+ /**
600
+ * Save Integrations Control Settings
601
+ *
602
+ * Stores integration and version control settings
603
+ *
604
+ * @since 3.20.8
605
+ * @access public
606
+ */
607
+ public function save_additional_settings() {
608
+
609
+ check_ajax_referer( 'pa-settings-tab', 'security' );
610
+
611
+ if ( ! isset( $_POST['fields'] ) ) {
612
+ return;
613
+ }
614
+
615
+ parse_str( sanitize_text_field( $_POST['fields'] ), $settings );
616
+
617
+ $new_settings = array(
618
+ 'premium-map-api' => sanitize_text_field( $settings['premium-map-api'] ),
619
+ 'premium-youtube-api' => sanitize_text_field( $settings['premium-youtube-api'] ),
620
+ 'premium-map-disable-api' => intval( $settings['premium-map-disable-api'] ? 1 : 0 ),
621
+ 'premium-map-cluster' => intval( $settings['premium-map-cluster'] ? 1 : 0 ),
622
+ 'premium-map-locale' => sanitize_text_field( $settings['premium-map-locale'] ),
623
+ 'is-beta-tester' => intval( $settings['is-beta-tester'] ? 1 : 0 ),
624
+ );
625
+
626
+ update_option( 'pa_maps_save_settings', $new_settings );
627
+
628
+ wp_send_json_success( $settings );
629
+
630
+ }
631
+
632
+ /**
633
+ * Save Global Button Value
634
+ *
635
+ * Saves value for elements global switcher
636
+ *
637
+ * @since 4.0.0
638
+ * @access public
639
+ */
640
+ public function save_global_btn_value() {
641
+
642
+ check_ajax_referer( 'pa-settings-tab', 'security' );
643
+
644
+ if ( ! isset( $_POST['isGlobalOn'] ) ) {
645
+ wp_send_json_error();
646
+ }
647
+
648
+ $global_btn_value = sanitize_text_field( $_POST['isGlobalOn'] );
649
+
650
+ update_option( 'pa_global_btn_value', $global_btn_value );
651
+
652
+ wp_send_json_success();
653
+
654
+ }
655
+
656
+ /**
657
+ * Get default Elements
658
+ *
659
+ * @since 3.20.9
660
+ * @access private
661
+ *
662
+ * @return $default_keys array keys defaults
663
+ */
664
+ private static function get_default_elements() {
665
+
666
+ $elements = self::get_elements_list();
667
+
668
+ $keys = array();
669
+
670
+ // Now, we need to fill our array with elements keys.
671
+ foreach ( $elements as $cat ) {
672
+ if ( count( $cat['elements'] ) ) {
673
+ foreach ( $cat['elements'] as $elem ) {
674
+ array_push( $keys, $elem['key'] );
675
+ }
676
+ }
677
+ }
678
+
679
+ $default_keys = array_fill_keys( $keys, true );
680
+
681
+ return $default_keys;
682
+
683
+ }
684
+
685
+ /**
686
+ * Get Pro Elements
687
+ *
688
+ * @since 4.5.3
689
+ * @access public
690
+ */
691
+ public static function get_pro_elements() {
692
+
693
+ $elements = self::get_elements_list();
694
+
695
+ $pro_elements = array();
696
+
697
+ $all_elements = $elements['cat-1'];
698
+
699
+ if ( count( $all_elements['elements'] ) ) {
700
+ foreach ( $all_elements['elements'] as $elem ) {
701
+ if ( isset( $elem['is_pro'] ) && ! isset( $elem['is_global'] ) ) {
702
+ array_push( $pro_elements, $elem );
703
+ }
704
+ }
705
+ }
706
+
707
+ return $pro_elements;
708
+
709
+ }
710
+
711
+ /**
712
+ * Get Default Interations
713
+ *
714
+ * @since 3.20.9
715
+ * @access private
716
+ *
717
+ * @return $default_keys array default keys
718
+ */
719
+ private static function get_default_integrations() {
720
+
721
+ $settings = self::get_integrations_list();
722
+
723
+ $default_keys = array_fill_keys( $settings, true );
724
+
725
+ // Beta Tester should NOT be enabled by default.
726
+ $default_keys['is-beta-tester'] = false;
727
+
728
+ return $default_keys;
729
+
730
+ }
731
+
732
+ /**
733
+ * Get enabled widgets
734
+ *
735
+ * @since 3.20.9
736
+ * @access public
737
+ *
738
+ * @return array $enabled_keys enabled elements
739
+ */
740
+ public static function get_enabled_elements() {
741
+
742
+ $defaults = self::get_default_elements();
743
+
744
+ $enabled_keys = get_option( 'pa_save_settings', $defaults );
745
+
746
+ foreach ( $defaults as $key => $value ) {
747
+ if ( ! isset( $enabled_keys[ $key ] ) ) {
748
+ $defaults[ $key ] = 0;
749
+ }
750
+ }
751
+
752
+ return $defaults;
753
+
754
+ }
755
+
756
+ /**
757
+ * Check If Premium Templates is enabled
758
+ *
759
+ * @since 3.6.0
760
+ * @access public
761
+ *
762
+ * @return boolean
763
+ */
764
+ public static function check_premium_templates() {
765
+
766
+ $settings = self::get_enabled_elements();
767
+
768
+ if ( ! isset( $settings['premium-templates'] ) ) {
769
+ return true;
770
+ }
771
+
772
+ $is_enabled = $settings['premium-templates'];
773
+
774
+ return $is_enabled;
775
+ }
776
+
777
+
778
+ /**
779
+ * Check If Premium Duplicator is enabled
780
+ *
781
+ * @since 3.20.9
782
+ * @access public
783
+ *
784
+ * @return boolean
785
+ */
786
+ public static function check_duplicator() {
787
+
788
+ $settings = self::get_enabled_elements();
789
+
790
+ if ( ! isset( $settings['premium-duplicator'] ) ) {
791
+ return true;
792
+ }
793
+
794
+ $is_enabled = $settings['premium-duplicator'];
795
+
796
+ return $is_enabled;
797
+ }
798
+
799
+ /**
800
+ * Get Integrations Settings
801
+ *
802
+ * Get plugin integrations settings
803
+ *
804
+ * @since 3.20.9
805
+ * @access public
806
+ *
807
+ * @return array $settings integrations settings
808
+ */
809
+ public static function get_integrations_settings() {
810
+
811
+ $enabled_keys = get_option( 'pa_maps_save_settings', self::get_default_integrations() );
812
+
813
+ return $enabled_keys;
814
+
815
+ }
816
+
817
+ /**
818
+ * Run PA Rollback
819
+ *
820
+ * Trigger PA Rollback actions
821
+ *
822
+ * @since 4.2.5
823
+ * @access public
824
+ */
825
+ public function run_pa_rollback() {
826
+
827
+ check_admin_referer( 'premium_addons_rollback' );
828
+
829
+ $plugin_slug = basename( PREMIUM_ADDONS_FILE, '.php' );
830
+
831
+ $pa_rollback = new PA_Rollback(
832
+ array(
833
+ 'version' => PREMIUM_ADDONS_STABLE_VERSION,
834
+ 'plugin_name' => PREMIUM_ADDONS_BASENAME,
835
+ 'plugin_slug' => $plugin_slug,
836
+ 'package_url' => sprintf( 'https://downloads.wordpress.org/plugin/%s.%s.zip', $plugin_slug, PREMIUM_ADDONS_STABLE_VERSION ),
837
+ )
838
+ );
839
+
840
+ $pa_rollback->run();
841
+
842
+ wp_die(
843
+ '',
844
+ esc_html( __( 'Rollback to Previous Version', 'premium-addons-for-elementor' ) ),
845
+ array(
846
+ 'response' => 200,
847
+ )
848
+ );
849
+
850
+ }
851
+
852
+ /**
853
+ * Disable unused widgets.
854
+ *
855
+ * @access public
856
+ * @since 4.5.8
857
+ */
858
+ public function get_unused_widgets() {
859
+
860
+ check_ajax_referer( 'pa-settings-tab', 'security' );
861
+
862
+ if ( ! current_user_can( 'install_plugins' ) ) {
863
+ wp_send_json_error();
864
+ }
865
+
866
+ $pa_elements = self::get_pa_elements_names();
867
+
868
+ $used_widgets = self::get_used_widgets();
869
+
870
+ $unused_widgets = array_diff( $pa_elements, array_keys( $used_widgets ) );
871
+
872
+ wp_send_json_success( $unused_widgets );
873
+
874
+ }
875
+
876
+ /**
877
+ * Get PA widget names.
878
+ *
879
+ * @access public
880
+ * @since 4.5.8
881
+ *
882
+ * @return array
883
+ */
884
+ public static function get_pa_elements_names() {
885
+
886
+ $names = self::$elements_names;
887
+
888
+ if ( null === $names ) {
889
+
890
+ $names = array_map(
891
+ function( $item ) {
892
+ return isset( $item['name'] ) ? $item['name'] : 'global';
893
+ },
894
+ self::get_elements_list()['cat-1']['elements']
895
+ );
896
+
897
+ $names = array_filter(
898
+ $names,
899
+ function( $name ) {
900
+ return 'global' !== $name;
901
+ }
902
+ );
903
+
904
+ }
905
+
906
+ return $names;
907
+ }
908
+
909
+ /**
910
+ * Get used widgets.
911
+ *
912
+ * @access public
913
+ * @since 4.5.8
914
+ *
915
+ * @return array
916
+ */
917
+ public static function get_used_widgets() {
918
+
919
+ $module = \Elementor\Modules\Usage\Module::instance();
920
+ $elements = $module->get_formatted_usage( 'raw' );
921
+
922
+ $pa_elements = self::get_pa_elements_names();
923
+
924
+ $used_widgets = array();
925
+
926
+ if ( is_array( $elements ) || is_object( $elements ) ) {
927
+
928
+ foreach ( $elements as $post_type => $data ) {
929
+
930
+ foreach ( $data['elements'] as $element => $count ) {
931
+
932
+ if ( in_array( $element, $pa_elements, true ) ) {
933
+
934
+ if ( isset( $used_widgets[ $element ] ) ) {
935
+ $used_widgets[ $element ] += $count;
936
+ } else {
937
+ $used_widgets[ $element ] = $count;
938
+ }
939
+ }
940
+ }
941
+ }
942
+ }
943
+
944
+ return $used_widgets;
945
+ }
946
+
947
+ public function subscribe_newsletter() {
948
+
949
+ check_ajax_referer( 'pa-settings-tab', 'security' );
950
+
951
+ if ( ! self::check_user_can( 'manage_options' ) ) {
952
+ wp_send_json_error();
953
+ }
954
+
955
+ $email = isset( $_POST['email'] ) ? $_POST['email'] : '';
956
+
957
+ $api_url = 'https://premiumaddons.com/wp-json/mailchimp/v2/add';
958
+
959
+ $request = add_query_arg(
960
+ array(
961
+ 'email' => $email,
962
+ ),
963
+ $api_url
964
+ );
965
+
966
+ $response = wp_remote_get(
967
+ $request,
968
+ array(
969
+ 'timeout' => 60,
970
+ 'sslverify' => true,
971
+ )
972
+ );
973
+
974
+ $body = wp_remote_retrieve_body( $response );
975
+ $body = json_decode( $body, true );
976
+
977
+ wp_send_json_success( $body );
978
+
979
+ }
980
+
981
+ /**
982
+ * Creates and returns an instance of the class
983
+ *
984
+ * @since 1.0.0
985
+ * @access public
986
+ *
987
+ * @return object
988
+ */
989
+ public static function get_instance() {
990
+
991
+ if ( ! isset( self::$instance ) ) {
992
+
993
+ self::$instance = new self();
994
+
995
+ }
996
+
997
+ return self::$instance;
998
+ }
999
+ }
admin/includes/admin-notices.php CHANGED
@@ -1,359 +1,349 @@
1
- <?php
2
-
3
- /**
4
- * PA Admin Notices.
5
- */
6
- namespace PremiumAddons\Admin\Includes;
7
-
8
- use PremiumAddons\Includes\Helper_Functions;
9
-
10
- if ( ! defined( 'ABSPATH' ) ) {
11
- exit();
12
- }
13
-
14
- /**
15
- * Class Admin_Notices
16
- */
17
- class Admin_Notices {
18
-
19
- /**
20
- * Class object
21
- *
22
- * @var instance
23
- */
24
- private static $instance = null;
25
-
26
- /**
27
- * Elementor slug
28
- *
29
- * @var elementor
30
- */
31
- private static $elementor = 'elementor';
32
-
33
- /**
34
- * PAPRO Slug
35
- *
36
- * @var papro
37
- */
38
- private static $papro = 'premium-addons-pro';
39
-
40
- /**
41
- * Notices Keys
42
- *
43
- * @var notices
44
- */
45
- private static $notices = null;
46
-
47
- /**
48
- * Constructor for the class
49
- */
50
- public function __construct() {
51
-
52
- add_action( 'admin_init', array( $this, 'init' ) );
53
-
54
- add_action( 'admin_notices', array( $this, 'admin_notices' ) );
55
-
56
- add_action( 'admin_enqueue_scripts', array( $this, 'admin_enqueue_scripts' ) );
57
-
58
- add_action( 'wp_ajax_pa_reset_admin_notice', array( $this, 'reset_admin_notice' ) );
59
-
60
- add_action( 'wp_ajax_pa_dismiss_admin_notice', array( $this, 'dismiss_admin_notice' ) );
61
-
62
- self::$notices = array(
63
- 'pa-review',
64
- );
65
-
66
- delete_option( 'halloween_notice' );
67
-
68
- }
69
-
70
- /**
71
- * init required functions
72
- */
73
- public function init() {
74
-
75
- $this->handle_review_notice();
76
-
77
- }
78
-
79
- /**
80
- * init notices check functions
81
- */
82
- public function admin_notices() {
83
-
84
- $this->required_plugins_check();
85
-
86
- $cache_key = 'premium_notice_' . PREMIUM_ADDONS_VERSION;
87
-
88
- $response = get_transient( $cache_key );
89
-
90
- $show_review = get_option( 'pa_review_notice' );
91
-
92
- // Make sure Already did was not clicked before.
93
- if ( '1' !== $show_review ) {
94
- if ( false == $response ) {
95
- $this->get_review_notice();
96
- }
97
- }
98
-
99
- }
100
-
101
- /**
102
- * Handle Review Notice
103
- *
104
- * Checks if review message is dismissed.
105
- *
106
- * @access public
107
- * @return void
108
- */
109
- public function handle_review_notice() {
110
-
111
- if ( ! isset( $_GET['pa_review'] ) ) {
112
- return;
113
- }
114
-
115
- if ( 'opt_out' === $_GET['pa_review'] ) {
116
- check_admin_referer( 'opt_out' );
117
-
118
- update_option( 'pa_review_notice', '1' );
119
- }
120
-
121
- wp_redirect( remove_query_arg( 'pa_review' ) );
122
-
123
- exit;
124
- }
125
-
126
- /**
127
- * Required plugin check
128
- *
129
- * Shows an admin notice when Elementor is missing.
130
- *
131
- * @access public
132
- *
133
- * @return boolean
134
- */
135
- public function required_plugins_check() {
136
-
137
- $elementor_path = sprintf( '%1$s/%1$s.php', self::$elementor );
138
-
139
- if ( ! defined( 'ELEMENTOR_VERSION' ) ) {
140
-
141
- if ( ! Helper_Functions::is_plugin_installed( $elementor_path ) ) {
142
-
143
- if ( self::check_user_can( 'install_plugins' ) ) {
144
-
145
- $install_url = wp_nonce_url( self_admin_url( sprintf( 'update.php?action=install-plugin&plugin=%s', self::$elementor ) ), 'install-plugin_elementor' );
146
-
147
- $message = sprintf( '<p>%s</p>', __( 'Premium Addons for Elementor is not working because you need to Install Elementor plugin.', 'premium-addons-for-elementor' ) );
148
-
149
- $message .= sprintf( '<p><a href="%s" class="button-primary">%s</a></p>', $install_url, __( 'Install Now', 'premium-addons-for-elementor' ) );
150
-
151
- }
152
- } else {
153
- if ( self::check_user_can( 'activate_plugins' ) ) {
154
-
155
- $activation_url = wp_nonce_url( 'plugins.php?action=activate&amp;plugin=' . $elementor_path . '&amp;plugin_status=all&amp;paged=1&amp;s', 'activate-plugin_' . $elementor_path );
156
-
157
- $message = '<p>' . __( 'Premium Addons for Elementor is not working because you need to activate Elementor plugin.', 'premium-addons-for-elementor' ) . '</p>';
158
-
159
- $message .= '<p>' . sprintf( '<a href="%s" class="button-primary">%s</a>', $activation_url, __( 'Activate Now', 'premium-addons-for-elementor' ) ) . '</p>';
160
-
161
- }
162
- }
163
- $this->render_admin_notices( $message );
164
- }
165
- }
166
-
167
- /**
168
- * Gets admin review notice HTML
169
- *
170
- * @since 2.8.4
171
- * @return void
172
- */
173
- public function get_review_text( $review_url, $optout_url ) {
174
-
175
- $notice = sprintf(
176
- '<p>' . __( 'Can we take only 2 minutes of your time? We would be really grateful it if you give ', 'premium-addons-for-elementor' ) .
177
- '<b>' . __( 'Premium Addons for Elementor', 'premium-addons-for-elementor' ) . '</b> a 5 Stars Rating on WordPress.org. By speading the love, we can create even greater free stuff in the future!</p>
178
- <div>
179
- <a class="button button-primary" href="%s" target="_blank"><span>' . __( 'Leave a Review', 'premium-addons-for-elementor' ) . '</span></a>
180
- <a class="button" href="%2$s"><span>' . __( 'I Already Did', 'premium-addons-for-elementor' ) . '</span></a>
181
- <a class="button button-secondary pa-notice-reset"><span>' . __( 'Maybe Later', 'premium-addons-for-elementor' ) . '</span></a>
182
- </div>',
183
- $review_url,
184
- $optout_url
185
- );
186
-
187
- return $notice;
188
- }
189
-
190
- /**
191
- * Checks if review admin notice is dismissed
192
- *
193
- * @since 2.6.8
194
- * @return void
195
- */
196
- public function get_review_notice() {
197
-
198
- $review_url = 'https://wordpress.org/support/plugin/premium-addons-for-elementor/reviews/?filter=5';
199
-
200
- $optout_url = wp_nonce_url( add_query_arg( 'pa_review', 'opt_out' ), 'opt_out' );
201
- ?>
202
-
203
- <div class="error pa-notice-wrap pa-review-notice" data-notice="pa-review">
204
- <div class="pa-img-wrap">
205
- <img src="<?php echo PREMIUM_ADDONS_URL . 'admin/images/pa-logo-symbol.png'; ?>">
206
- </div>
207
- <div class="pa-text-wrap">
208
- <?php echo $this->get_review_text( $review_url, $optout_url ); ?>
209
- </div>
210
- <div class="pa-notice-close">
211
- <a href="<?php echo esc_url( $optout_url ); ?>"><span class="dashicons dashicons-dismiss"></span></a>
212
- </div>
213
- </div>
214
-
215
- <?php
216
-
217
- }
218
-
219
- /**
220
- * Checks user credentials for specific action
221
- *
222
- * @since 2.6.8
223
- *
224
- * @return boolean
225
- */
226
- public static function check_user_can( $action ) {
227
- return current_user_can( $action );
228
- }
229
-
230
- /**
231
- * Renders an admin notice error message
232
- *
233
- * @since 1.0.0
234
- * @access private
235
- *
236
- * @return void
237
- */
238
- private function render_admin_notices( $message, $class = '', $handle = '' ) {
239
- ?>
240
- <div class="error pa-new-feature-notice <?php echo $class; ?>" data-notice="<?php echo $handle; ?>">
241
- <?php echo $message; ?>
242
- </div>
243
- <?php
244
- }
245
-
246
- /*
247
- * Register admin scripts
248
- *
249
- * @since 3.2.8
250
- * @access public
251
- *
252
- */
253
- public function admin_enqueue_scripts() {
254
-
255
- wp_enqueue_script(
256
- 'pa-notice',
257
- PREMIUM_ADDONS_URL . 'admin/assets/js/pa-notice.js',
258
- array( 'jquery' ),
259
- PREMIUM_ADDONS_VERSION,
260
- true
261
- );
262
-
263
- wp_localize_script(
264
- 'pa-notice',
265
- 'PaNoticeSettings',
266
- array(
267
- 'ajaxurl' => esc_url( admin_url( 'admin-ajax.php' ) ),
268
- 'nonce' => wp_create_nonce( 'pa-notice-nonce' ),
269
- )
270
- );
271
-
272
- }
273
-
274
- /**
275
- * Set transient for admin notice
276
- *
277
- * @since 3.2.8
278
- * @access public
279
- *
280
- * @return void
281
- */
282
- public function reset_admin_notice() {
283
-
284
- check_ajax_referer( 'pa-notice-nonce', 'nonce' );
285
-
286
- if ( ! current_user_can( 'manage_options' ) ) {
287
- wp_send_json_error();
288
- }
289
-
290
- $key = isset( $_POST['notice'] ) ? $_POST['notice'] : '';
291
-
292
- if ( ! empty( $key ) && in_array( $key, self::$notices, true ) ) {
293
-
294
- $cache_key = 'premium_notice_' . PREMIUM_ADDONS_VERSION;
295
-
296
- set_transient( $cache_key, true, WEEK_IN_SECONDS );
297
-
298
- wp_send_json_success();
299
-
300
- } else {
301
-
302
- wp_send_json_error();
303
-
304
- }
305
-
306
- }
307
-
308
- /**
309
- * Dismiss admin notice
310
- *
311
- * @since 3.11.7
312
- * @access public
313
- *
314
- * @return void
315
- */
316
- public function dismiss_admin_notice() {
317
-
318
- check_ajax_referer( 'pa-notice-nonce', 'nonce' );
319
-
320
- if ( ! current_user_can( 'manage_options' ) ) {
321
- wp_send_json_error();
322
- }
323
-
324
- $key = isset( $_POST['notice'] ) ? $_POST['notice'] : '';
325
-
326
- if ( ! empty( $key ) && in_array( $key, self::$notices, true ) ) {
327
-
328
- update_option( $key, '1' );
329
-
330
- wp_send_json_success();
331
-
332
- } else {
333
-
334
- wp_send_json_error();
335
-
336
- }
337
-
338
- }
339
-
340
- /**
341
- * Creates and returns an instance of the class
342
- *
343
- * @since 2.8.4
344
- * @access public
345
- *
346
- * @return object
347
- */
348
- public static function get_instance() {
349
-
350
- if ( self::$instance == null ) {
351
-
352
- self::$instance = new self();
353
-
354
- }
355
-
356
- return self::$instance;
357
- }
358
-
359
- }
1
+ <?php
2
+
3
+ /**
4
+ * PA Admin Notices.
5
+ */
6
+ namespace PremiumAddons\Admin\Includes;
7
+
8
+ use PremiumAddons\Includes\Helper_Functions;
9
+
10
+ if ( ! defined( 'ABSPATH' ) ) {
11
+ exit();
12
+ }
13
+
14
+ /**
15
+ * Class Admin_Notices
16
+ */
17
+ class Admin_Notices {
18
+
19
+ /**
20
+ * Class object
21
+ *
22
+ * @var instance
23
+ */
24
+ private static $instance = null;
25
+
26
+ /**
27
+ * Elementor slug
28
+ *
29
+ * @var elementor
30
+ */
31
+ private static $elementor = 'elementor';
32
+
33
+ /**
34
+ * PAPRO Slug
35
+ *
36
+ * @var papro
37
+ */
38
+ private static $papro = 'premium-addons-pro';
39
+
40
+ /**
41
+ * Notices Keys
42
+ *
43
+ * @var notices
44
+ */
45
+ private static $notices = null;
46
+
47
+ /**
48
+ * Constructor for the class
49
+ */
50
+ public function __construct() {
51
+
52
+ add_action( 'admin_init', array( $this, 'init' ) );
53
+
54
+ add_action( 'admin_notices', array( $this, 'admin_notices' ) );
55
+
56
+ add_action( 'admin_enqueue_scripts', array( $this, 'admin_enqueue_scripts' ) );
57
+
58
+ add_action( 'wp_ajax_pa_reset_admin_notice', array( $this, 'reset_admin_notice' ) );
59
+
60
+ add_action( 'wp_ajax_pa_dismiss_admin_notice', array( $this, 'dismiss_admin_notice' ) );
61
+
62
+ self::$notices = array(
63
+ 'pa-review',
64
+ );
65
+
66
+ delete_option( 'halloween_notice' );
67
+
68
+ }
69
+
70
+ /**
71
+ * init required functions
72
+ */
73
+ public function init() {
74
+
75
+ $this->handle_review_notice();
76
+
77
+ }
78
+
79
+ /**
80
+ * init notices check functions
81
+ */
82
+ public function admin_notices() {
83
+
84
+ $this->required_plugins_check();
85
+
86
+ $cache_key = 'premium_notice_' . PREMIUM_ADDONS_VERSION;
87
+
88
+ $response = get_transient( $cache_key );
89
+
90
+ $show_review = get_option( 'pa_review_notice' );
91
+
92
+ // Make sure Already did was not clicked before.
93
+ if ( '1' !== $show_review ) {
94
+ if ( false == $response ) {
95
+ $this->get_review_notice();
96
+ }
97
+ }
98
+
99
+ }
100
+
101
+ /**
102
+ * Handle Review Notice
103
+ *
104
+ * Checks if review message is dismissed.
105
+ *
106
+ * @access public
107
+ * @return void
108
+ */
109
+ public function handle_review_notice() {
110
+
111
+ if ( ! isset( $_GET['pa_review'] ) ) {
112
+ return;
113
+ }
114
+
115
+ if ( 'opt_out' === $_GET['pa_review'] ) {
116
+ check_admin_referer( 'opt_out' );
117
+
118
+ update_option( 'pa_review_notice', '1' );
119
+ }
120
+
121
+ wp_redirect( remove_query_arg( 'pa_review' ) );
122
+
123
+ exit;
124
+ }
125
+
126
+ /**
127
+ * Required plugin check
128
+ *
129
+ * Shows an admin notice when Elementor is missing.
130
+ *
131
+ * @access public
132
+ *
133
+ * @return boolean
134
+ */
135
+ public function required_plugins_check() {
136
+
137
+ $elementor_path = sprintf( '%1$s/%1$s.php', self::$elementor );
138
+
139
+ if ( ! defined( 'ELEMENTOR_VERSION' ) ) {
140
+
141
+ if ( ! Helper_Functions::is_plugin_installed( $elementor_path ) ) {
142
+
143
+ if ( Admin_Helper::check_user_can( 'install_plugins' ) ) {
144
+
145
+ $install_url = wp_nonce_url( self_admin_url( sprintf( 'update.php?action=install-plugin&plugin=%s', self::$elementor ) ), 'install-plugin_elementor' );
146
+
147
+ $message = sprintf( '<p>%s</p>', __( 'Premium Addons for Elementor is not working because you need to Install Elementor plugin.', 'premium-addons-for-elementor' ) );
148
+
149
+ $message .= sprintf( '<p><a href="%s" class="button-primary">%s</a></p>', $install_url, __( 'Install Now', 'premium-addons-for-elementor' ) );
150
+
151
+ }
152
+ } else {
153
+
154
+ if ( Admin_Helper::check_user_can( 'activate_plugins' ) ) {
155
+
156
+ $activation_url = wp_nonce_url( 'plugins.php?action=activate&amp;plugin=' . $elementor_path . '&amp;plugin_status=all&amp;paged=1&amp;s', 'activate-plugin_' . $elementor_path );
157
+
158
+ $message = '<p>' . __( 'Premium Addons for Elementor is not working because you need to activate Elementor plugin.', 'premium-addons-for-elementor' ) . '</p>';
159
+
160
+ $message .= '<p>' . sprintf( '<a href="%s" class="button-primary">%s</a>', $activation_url, __( 'Activate Now', 'premium-addons-for-elementor' ) ) . '</p>';
161
+
162
+ }
163
+ }
164
+ $this->render_admin_notices( $message );
165
+ }
166
+ }
167
+
168
+ /**
169
+ * Gets admin review notice HTML
170
+ *
171
+ * @since 2.8.4
172
+ * @return void
173
+ */
174
+ public function get_review_text( $review_url, $optout_url ) {
175
+
176
+ $notice = sprintf(
177
+ '<p>' . __( 'Can we take only 2 minutes of your time? We would be really grateful it if you give ', 'premium-addons-for-elementor' ) .
178
+ '<b>' . __( 'Premium Addons for Elementor', 'premium-addons-for-elementor' ) . '</b> a 5 Stars Rating on WordPress.org. By speading the love, we can create even greater free stuff in the future!</p>
179
+ <div>
180
+ <a class="button button-primary" href="%s" target="_blank"><span>' . __( 'Leave a Review', 'premium-addons-for-elementor' ) . '</span></a>
181
+ <a class="button" href="%2$s"><span>' . __( 'I Already Did', 'premium-addons-for-elementor' ) . '</span></a>
182
+ <a class="button button-secondary pa-notice-reset"><span>' . __( 'Maybe Later', 'premium-addons-for-elementor' ) . '</span></a>
183
+ </div>',
184
+ $review_url,
185
+ $optout_url
186
+ );
187
+
188
+ return $notice;
189
+ }
190
+
191
+ /**
192
+ * Checks if review admin notice is dismissed
193
+ *
194
+ * @since 2.6.8
195
+ * @return void
196
+ */
197
+ public function get_review_notice() {
198
+
199
+ $review_url = 'https://wordpress.org/support/plugin/premium-addons-for-elementor/reviews/?filter=5';
200
+
201
+ $optout_url = wp_nonce_url( add_query_arg( 'pa_review', 'opt_out' ), 'opt_out' );
202
+ ?>
203
+
204
+ <div class="error pa-notice-wrap pa-review-notice" data-notice="pa-review">
205
+ <div class="pa-img-wrap">
206
+ <img src="<?php echo PREMIUM_ADDONS_URL . 'admin/images/pa-logo-symbol.png'; ?>">
207
+ </div>
208
+ <div class="pa-text-wrap">
209
+ <?php echo $this->get_review_text( $review_url, $optout_url ); ?>
210
+ </div>
211
+ <div class="pa-notice-close">
212
+ <a href="<?php echo esc_url( $optout_url ); ?>"><span class="dashicons dashicons-dismiss"></span></a>
213
+ </div>
214
+ </div>
215
+
216
+ <?php
217
+
218
+ }
219
+
220
+ /**
221
+ * Renders an admin notice error message
222
+ *
223
+ * @since 1.0.0
224
+ * @access private
225
+ *
226
+ * @return void
227
+ */
228
+ private function render_admin_notices( $message, $class = '', $handle = '' ) {
229
+ ?>
230
+ <div class="error pa-new-feature-notice <?php echo $class; ?>" data-notice="<?php echo $handle; ?>">
231
+ <?php echo $message; ?>
232
+ </div>
233
+ <?php
234
+ }
235
+
236
+ /*
237
+ * Register admin scripts
238
+ *
239
+ * @since 3.2.8
240
+ * @access public
241
+ *
242
+ */
243
+ public function admin_enqueue_scripts() {
244
+
245
+ wp_enqueue_script(
246
+ 'pa-notice',
247
+ PREMIUM_ADDONS_URL . 'admin/assets/js/pa-notice.js',
248
+ array( 'jquery' ),
249
+ PREMIUM_ADDONS_VERSION,
250
+ true
251
+ );
252
+
253
+ wp_localize_script(
254
+ 'pa-notice',
255
+ 'PaNoticeSettings',
256
+ array(
257
+ 'ajaxurl' => esc_url( admin_url( 'admin-ajax.php' ) ),
258
+ 'nonce' => wp_create_nonce( 'pa-notice-nonce' ),
259
+ )
260
+ );
261
+
262
+ }
263
+
264
+ /**
265
+ * Set transient for admin notice
266
+ *
267
+ * @since 3.2.8
268
+ * @access public
269
+ *
270
+ * @return void
271
+ */
272
+ public function reset_admin_notice() {
273
+
274
+ check_ajax_referer( 'pa-notice-nonce', 'nonce' );
275
+
276
+ if ( ! Admin_Helper::check_user_can( 'manage_options' ) ) {
277
+ wp_send_json_error();
278
+ }
279
+
280
+ $key = isset( $_POST['notice'] ) ? $_POST['notice'] : '';
281
+
282
+ if ( ! empty( $key ) && in_array( $key, self::$notices, true ) ) {
283
+
284
+ $cache_key = 'premium_notice_' . PREMIUM_ADDONS_VERSION;
285
+
286
+ set_transient( $cache_key, true, WEEK_IN_SECONDS );
287
+
288
+ wp_send_json_success();
289
+
290
+ } else {
291
+
292
+ wp_send_json_error();
293
+
294
+ }
295
+
296
+ }
297
+
298
+ /**
299
+ * Dismiss admin notice
300
+ *
301
+ * @since 3.11.7
302
+ * @access public
303
+ *
304
+ * @return void
305
+ */
306
+ public function dismiss_admin_notice() {
307
+
308
+ check_ajax_referer( 'pa-notice-nonce', 'nonce' );
309
+
310
+ if ( ! current_user_can( 'manage_options' ) ) {
311
+ wp_send_json_error();
312
+ }
313
+
314
+ $key = isset( $_POST['notice'] ) ? $_POST['notice'] : '';
315
+
316
+ if ( ! empty( $key ) && in_array( $key, self::$notices, true ) ) {
317
+
318
+ update_option( $key, '1' );
319
+
320
+ wp_send_json_success();
321
+
322
+ } else {
323
+
324
+ wp_send_json_error();
325
+
326
+ }
327
+
328
+ }
329
+
330
+ /**
331
+ * Creates and returns an instance of the class
332
+ *
333
+ * @since 2.8.4
334
+ * @access public
335
+ *
336
+ * @return object
337
+ */
338
+ public static function get_instance() {
339
+
340
+ if ( self::$instance == null ) {
341
+
342
+ self::$instance = new self();
343
+
344
+ }
345
+
346
+ return self::$instance;
347
+ }
348
+
349
+ }
 
 
 
 
 
 
 
 
 
 
assets/editor/templates/js/editor.js CHANGED
@@ -998,6 +998,7 @@
998
  tab: tabName
999
  },
1000
  success: function (response) {
 
1001
  console.log("%cTemplates Retrieved Successfully!!", "color: #7a7a7a; background-color: #eee;");
1002
 
1003
  var templates = new PremiumEditorViews.LibraryCollection(response.data.templates),
@@ -1011,6 +1012,9 @@
1011
 
1012
  self.layout.showTemplatesView(templates, categories, response.data.keywords);
1013
 
 
 
 
1014
  }
1015
  });
1016
  }
998
  tab: tabName
999
  },
1000
  success: function (response) {
1001
+
1002
  console.log("%cTemplates Retrieved Successfully!!", "color: #7a7a7a; background-color: #eee;");
1003
 
1004
  var templates = new PremiumEditorViews.LibraryCollection(response.data.templates),
1012
 
1013
  self.layout.showTemplatesView(templates, categories, response.data.keywords);
1014
 
1015
+ },
1016
+ error: function (err) {
1017
+ console.log(err);
1018
  }
1019
  });
1020
  }
assets/frontend/css/premium-addons-rtl.css CHANGED
@@ -1,8245 +1,8246 @@
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
  }
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
+ overflow: hidden;
4710
+ }
4711
+
4712
+ .premium-person-image-container .premium-person-image-wrap {
4713
+ overflow: hidden;
4714
+ }
4715
+
4716
+ .premium-person-zoomout-effect .premium-person-image-container img,
4717
+ .premium-person-scale-effect .premium-person-image-container img {
4718
+ -webkit-transform: scale(1.2);
4719
+ -ms-transform: scale(1.2);
4720
+ transform: scale(1.2);
4721
+ }
4722
+
4723
+ .premium-person-sepia-effect .premium-person-image-container img {
4724
+ -webkit-filter: sepia(30%);
4725
+ filter: sepia(30%);
4726
+ }
4727
+
4728
+ .premium-person-bright-effect .premium-person-image-container img {
4729
+ -webkit-filter: brightness(1);
4730
+ filter: brightness(1);
4731
+ }
4732
+
4733
+ .premium-person-trans-effect .premium-person-image-container img {
4734
+ -webkit-transform: translateX(15px) scale(1.1);
4735
+ -ms-transform: translateX(15px) scale(1.1);
4736
+ transform: translateX(15px) scale(1.1);
4737
+ }
4738
+
4739
+ .premium-person-zoomin-effect:hover .premium-person-image-container img {
4740
+ -webkit-transform: scale(1.2);
4741
+ -ms-transform: scale(1.2);
4742
+ transform: scale(1.2);
4743
+ }
4744
+
4745
+ .premium-person-zoomout-effect:hover .premium-person-image-container img {
4746
+ -webkit-transform: scale(1.1);
4747
+ -ms-transform: scale(1.1);
4748
+ transform: scale(1.1);
4749
+ }
4750
+
4751
+ .premium-person-scale-effect:hover .premium-person-image-container img {
4752
+ -webkit-transform: scale(1.3) rotate(-5deg);
4753
+ -ms-transform: scale(1.3) rotate(-5deg);
4754
+ transform: scale(1.3) rotate(-5deg);
4755
+ }
4756
+
4757
+ .premium-person-grayscale-effect:hover .premium-person-image-container img {
4758
+ -webkit-filter: grayscale(100%);
4759
+ filter: grayscale(100%);
4760
+ }
4761
+
4762
+ .premium-person-blur-effect:hover .premium-person-image-container img {
4763
+ -webkit-filter: blur(3px);
4764
+ filter: blur(3px);
4765
+ }
4766
+
4767
+ .premium-person-sepia-effect:hover .premium-person-image-container img {
4768
+ -webkit-filter: sepia(0%);
4769
+ filter: sepia(0%);
4770
+ }
4771
+
4772
+ .premium-person-bright-effect:hover .premium-person-image-container img {
4773
+ -webkit-filter: brightness(1.2);
4774
+ filter: brightness(1.2);
4775
+ }
4776
+
4777
+ .premium-person-trans-effect:hover .premium-person-image-container img {
4778
+ -webkit-transform: translateX(0px) scale(1.1);
4779
+ -ms-transform: translateX(0px) scale(1.1);
4780
+ transform: translateX(0px) scale(1.1);
4781
+ }
4782
+
4783
+ .premium-person-container .premium-person-image-container img {
4784
+ width: 100%;
4785
+ height: 100%;
4786
+ -o-object-fit: cover;
4787
+ object-fit: cover;
4788
+ -webkit-transition: all 0.5s ease-in-out;
4789
+ transition: all 0.5s ease-in-out;
4790
+ }
4791
+
4792
+ .premium-person-style2 .premium-person-social {
4793
+ position: absolute;
4794
+ top: 0;
4795
+ right: 0;
4796
+ width: 100%;
4797
+ height: 100%;
4798
+ z-index: 2;
4799
+ -js-display: flex;
4800
+ display: -webkit-box;
4801
+ display: -webkit-flex;
4802
+ display: -moz-box;
4803
+ display: -ms-flexbox;
4804
+ display: flex;
4805
+ -webkit-box-pack: center;
4806
+ -webkit-justify-content: center;
4807
+ -moz-box-pack: center;
4808
+ -ms-flex-pack: center;
4809
+ justify-content: center;
4810
+ -webkit-box-align: center;
4811
+ -webkit-align-items: center;
4812
+ -moz-box-align: center;
4813
+ -ms-flex-align: center;
4814
+ align-items: center;
4815
+ -webkit-box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
4816
+ box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
4817
+ -webkit-transition: all 0.5s linear 0s;
4818
+ transition: all 0.5s linear 0s;
4819
+ opacity: 0;
4820
+ }
4821
+
4822
+ .premium-person-style2 .premium-person-image-container:hover .premium-person-social {
4823
+ opacity: 1;
4824
+ }
4825
+
4826
+ .premium-person-list-item a {
4827
+ display: inline-block;
4828
+ }
4829
+
4830
+ .premium-person-style2 .premium-person-list-item a {
4831
+ opacity: 0;
4832
+ -webkit-transform: scale(0);
4833
+ -ms-transform: scale(0);
4834
+ transform: scale(0);
4835
+ -webkit-transition: all 0.5s ease-in-out 0s;
4836
+ transition: all 0.5s ease-in-out 0s;
4837
+ }
4838
+
4839
+ .premium-person-style2 .premium-person-image-container:hover .premium-person-list-item a {
4840
+ opacity: 1;
4841
+ -webkit-transform: scale(1);
4842
+ -ms-transform: scale(1);
4843
+ transform: scale(1);
4844
+ }
4845
+
4846
+ .premium-person-info-container {
4847
+ padding: 30px 15px;
4848
+ }
4849
+
4850
+ .premium-person-name {
4851
+ margin: 0 0 5px;
4852
+ font-weight: 700;
4853
+ }
4854
+
4855
+ .premium-person-title {
4856
+ margin: 0 0 20px;
4857
+ padding: 0;
4858
+ }
4859
+
4860
+ .premium-person-content {
4861
+ margin: 0 0 30px;
4862
+ }
4863
+
4864
+ /*Override Theme List Margin*/
4865
+ ul.premium-person-social-list {
4866
+ margin: 0px !important;
4867
+ padding: 0;
4868
+ }
4869
+
4870
+ .premium-person-social-list .premium-person-list-item {
4871
+ display: inline;
4872
+ list-style: none;
4873
+ }
4874
+
4875
+ .premium-person-social-list li {
4876
+ position: relative;
4877
+ bottom: 0px;
4878
+ -webkit-transition: all 0.2s ease-in-out;
4879
+ transition: all 0.2s ease-in-out;
4880
+ }
4881
+
4882
+ .premium-person-social-list li i {
4883
+ position: relative;
4884
+ bottom: 0px;
4885
+ -webkit-transition: all 0.2s ease-in-out;
4886
+ transition: all 0.2s ease-in-out;
4887
+ }
4888
+
4889
+ .premium-person-defaults-yes li.premium-person-facebook:hover a {
4890
+ background-color: #3b5998 !important;
4891
+ }
4892
+
4893
+ .premium-person-defaults-yes li.premium-person-twitter:hover a {
4894
+ background-color: #55acee !important;
4895
+ }
4896
+
4897
+ .premium-person-defaults-yes li.premium-person-linkedin:hover a {
4898
+ background-color: #0077b5 !important;
4899
+ }
4900
+
4901
+ .premium-person-defaults-yes li.premium-person-google:hover a {
4902
+ background-color: #dc4e41 !important;
4903
+ }
4904
+
4905
+ .premium-person-defaults-yes li.premium-person-youtube:hover a {
4906
+ background-color: #b31217 !important;
4907
+ }
4908
+
4909
+ .premium-person-defaults-yes li.premium-person-instagram:hover a {
4910
+ background-color: #e4405f !important;
4911
+ }
4912
+
4913
+ .premium-person-defaults-yes li.premium-person-skype:hover a {
4914
+ background-color: #00aff0 !important;
4915
+ }
4916
+
4917
+ .premium-person-defaults-yes li.premium-person-pinterest:hover a {
4918
+ background-color: #bd081c !important;
4919
+ }
4920
+
4921
+ .premium-person-defaults-yes li.premium-person-dribbble:hover a {
4922
+ background-color: #ea4c89 !important;
4923
+ }
4924
+
4925
+ .premium-person-defaults-yes li.premium-person-mail:hover a {
4926
+ background-color: #b23121 !important;
4927
+ }
4928
+
4929
+ .premium-person-defaults-yes li.premium-person-behance:hover a {
4930
+ background-color: #1769ff !important;
4931
+ }
4932
+
4933
+ .premium-person-defaults-yes li.premium-person-whatsapp:hover a {
4934
+ background-color: #25d366 !important;
4935
+ }
4936
+
4937
+ .premium-person-defaults-yes li.premium-person-telegram:hover a {
4938
+ background-color: #0088cc !important;
4939
+ }
4940
+
4941
+ .premium-person-defaults-yes li.premium-person-site:hover a {
4942
+ background-color: #0055a5 !important;
4943
+ }
4944
+
4945
+ .premium-person-social-list li:hover a {
4946
+ -webkit-box-shadow: none;
4947
+ box-shadow: none;
4948
+ }
4949
+
4950
+ .premium-person-social-list li a:focus {
4951
+ -webkit-box-shadow: none;
4952
+ box-shadow: none;
4953
+ outline: none;
4954
+ }
4955
+
4956
+ .premium-person-social-list li i {
4957
+ font-size: 18px;
4958
+ }
4959
+
4960
+ .elementor-widget-premium-addon-person .elementor-widget-container {
4961
+ -js-display: flex;
4962
+ display: -webkit-box;
4963
+ display: -webkit-flex;
4964
+ display: -moz-box;
4965
+ display: -ms-flexbox;
4966
+ display: flex;
4967
+ -webkit-box-pack: center;
4968
+ -webkit-justify-content: center;
4969
+ -moz-box-pack: center;
4970
+ -ms-flex-pack: center;
4971
+ justify-content: center;
4972
+ }
4973
+
4974
+ .premium-persons-container.multiple-persons {
4975
+ -js-display: flex;
4976
+ display: -webkit-box;
4977
+ display: -webkit-flex;
4978
+ display: -moz-box;
4979
+ display: -ms-flexbox;
4980
+ display: flex;
4981
+ -webkit-flex-wrap: wrap;
4982
+ -ms-flex-wrap: wrap;
4983
+ flex-wrap: wrap;
4984
+ width: 100%;
4985
+ }
4986
+
4987
+ .premium-person-style1 .premium-person-container {
4988
+ overflow: hidden;
4989
+ }
4990
+
4991
+ .premium-person-style1 .premium-person-container .premium-person-info {
4992
+ position: absolute;
4993
+ top: auto;
4994
+ left: 0;
4995
+ right: 0;
4996
+ -webkit-transition: all 500ms ease 0s;
4997
+ transition: all 500ms ease 0s;
4998
+ -webkit-transform: translate3d(0, 100%, 0);
4999
+ transform: translate3d(0, 100%, 0);
5000
+ }
5001
+
5002
+ .premium-person-style1 .premium-person-container:hover .premium-person-info {
5003
+ -webkit-transform: translate3d(0, 0, 0);
5004
+ transform: translate3d(0, 0, 0);
5005
+ bottom: -1px !important;
5006
+ }
5007
+
5008
+ .premium-person-style1 .premium-person-social-list li:hover {
5009
+ bottom: 5px;
5010
+ }
5011
+
5012
+ .premium-person-style1.multiple-persons:not([data-persons-equal="yes"]) {
5013
+ -webkit-box-align: start;
5014
+ -webkit-align-items: flex-start;
5015
+ -moz-box-align: start;
5016
+ -ms-flex-align: start;
5017
+ align-items: flex-start;
5018
+ }
5019
+
5020
+ .premium-person-style1 .slick-track {
5021
+ -js-display: flex;
5022
+ display: -webkit-box;
5023
+ display: -webkit-flex;
5024
+ display: -moz-box;
5025
+ display: -ms-flexbox;
5026
+ display: flex;
5027
+ }
5028
+
5029
+ .premium-person-style1 .slick-slide {
5030
+ height: inherit !important;
5031
+ }
5032
+
5033
+ .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-container,
5034
+ .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-wrap {
5035
+ height: 100%;
5036
+ }
5037
+
5038
+ .premium-person-style3 .premium-person-info-container {
5039
+ position: absolute;
5040
+ top: 0;
5041
+ right: 0;
5042
+ width: 100%;
5043
+ height: 100%;
5044
+ -js-display: flex;
5045
+ display: -webkit-box;
5046
+ display: -webkit-flex;
5047
+ display: -moz-box;
5048
+ display: -ms-flexbox;
5049
+ display: flex;
5050
+ -webkit-box-orient: vertical;
5051
+ -webkit-box-direction: normal;
5052
+ -webkit-flex-direction: column;
5053
+ -moz-box-orient: vertical;
5054
+ -moz-box-direction: normal;
5055
+ -ms-flex-direction: column;
5056
+ flex-direction: column;
5057
+ -webkit-box-pack: justify;
5058
+ -webkit-justify-content: space-between;
5059
+ -moz-box-pack: justify;
5060
+ -ms-flex-pack: justify;
5061
+ justify-content: space-between;
5062
+ }
5063
+
5064
+ .premium-person-style3 .premium-person-title-desc-wrap {
5065
+ -js-display: flex;
5066
+ display: -webkit-box;
5067
+ display: -webkit-flex;
5068
+ display: -moz-box;
5069
+ display: -ms-flexbox;
5070
+ display: flex;
5071
+ -webkit-box-orient: horizontal;
5072
+ -webkit-box-direction: reverse;
5073
+ -webkit-flex-direction: row-reverse;
5074
+ -moz-box-orient: horizontal;
5075
+ -moz-box-direction: reverse;
5076
+ -ms-flex-direction: row-reverse;
5077
+ flex-direction: row-reverse;
5078
+ -webkit-box-pack: justify;
5079
+ -webkit-justify-content: space-between;
5080
+ -moz-box-pack: justify;
5081
+ -ms-flex-pack: justify;
5082
+ justify-content: space-between;
5083
+ -webkit-box-align: start;
5084
+ -webkit-align-items: flex-start;
5085
+ -moz-box-align: start;
5086
+ -ms-flex-align: start;
5087
+ align-items: flex-start;
5088
+ }
5089
+
5090
+ .premium-person-style3 .premium-person-name-icons-wrap {
5091
+ -js-display: flex;
5092
+ display: -webkit-box;
5093
+ display: -webkit-flex;
5094
+ display: -moz-box;
5095
+ display: -ms-flexbox;
5096
+ display: flex;
5097
+ -webkit-box-pack: justify;
5098
+ -webkit-justify-content: space-between;
5099
+ -moz-box-pack: justify;
5100
+ -ms-flex-pack: justify;
5101
+ justify-content: space-between;
5102
+ -webkit-box-align: end;
5103
+ -webkit-align-items: flex-end;
5104
+ -moz-box-align: end;
5105
+ -ms-flex-align: end;
5106
+ align-items: flex-end;
5107
+ }
5108
+
5109
+ .premium-person-style3 .premium-person-title {
5110
+ opacity: 0;
5111
+ -webkit-transition: all 0.3s ease;
5112
+ transition: all 0.3s ease;
5113
+ width: 0;
5114
+ }
5115
+
5116
+ .premium-person-style3 .premium-person-title span {
5117
+ display: inline-block;
5118
+ }
5119
+
5120
+ .premium-person-style3 .premium-person-name {
5121
+ padding-right: 10px;
5122
+ }
5123
+
5124
+ .premium-person-style3 .premium-person-social-list {
5125
+ -js-display: flex;
5126
+ display: -webkit-box;
5127
+ display: -webkit-flex;
5128
+ display: -moz-box;
5129
+ display: -ms-flexbox;
5130
+ display: flex;
5131
+ -webkit-box-orient: vertical;
5132
+ -webkit-box-direction: normal;
5133
+ -webkit-flex-direction: column;
5134
+ -moz-box-orient: vertical;
5135
+ -moz-box-direction: normal;
5136
+ -ms-flex-direction: column;
5137
+ flex-direction: column;
5138
+ -webkit-transform: translateY(20px);
5139
+ -ms-transform: translateY(20px);
5140
+ transform: translateY(20px);
5141
+ opacity: 0;
5142
+ -webkit-transition: all 0.3s ease;
5143
+ transition: all 0.3s ease;
5144
+ }
5145
+
5146
+ .premium-person-style3 .premium-person-list-item {
5147
+ line-height: 0;
5148
+ }
5149
+
5150
+ .premium-person-style3 .premium-person-list-item a {
5151
+ padding: 5px 0 0 10px;
5152
+ margin: 5px 0;
5153
+ }
5154
+
5155
+ .premium-person-style3 .premium-person-container:hover .premium-person-title {
5156
+ opacity: 1;
5157
+ }
5158
+
5159
+ .premium-person-style3 .premium-person-container:hover .premium-person-social-list {
5160
+ opacity: 1;
5161
+ -webkit-transform: translateY(0);
5162
+ -ms-transform: translateY(0);
5163
+ transform: translateY(0);
5164
+ }
5165
+
5166
+ .premium-persons-title-cw .premium-person-title {
5167
+ -webkit-transform: translateX(-15px) rotate(-90deg);
5168
+ -ms-transform: translateX(-15px) rotate(-90deg);
5169
+ transform: translateX(-15px) rotate(-90deg);
5170
+ -webkit-transform-origin: top;
5171
+ -ms-transform-origin: top;
5172
+ transform-origin: top;
5173
+ }
5174
+
5175
+ .premium-persons-title-cw .premium-person-container:hover .premium-person-title {
5176
+ -webkit-transform: translateX(0) rotate(-90deg);
5177
+ -ms-transform: translateX(0) rotate(-90deg);
5178
+ transform: translateX(0) rotate(-90deg);
5179
+ }
5180
+
5181
+ .premium-persons-title-ccw .premium-person-title {
5182
+ width: auto;
5183
+ margin-left: 20px;
5184
+ -webkit-transform: translateX(-15px) rotate(90deg);
5185
+ -ms-transform: translateX(-15px) rotate(90deg);
5186
+ transform: translateX(-15px) rotate(90deg);
5187
+ -webkit-transform-origin: center left;
5188
+ -ms-transform-origin: center left;
5189
+ transform-origin: center left;
5190
+ }
5191
+
5192
+ .premium-persons-title-ccw .premium-person-container:hover .premium-person-title {
5193
+ -webkit-transform: translateX(0) rotate(90deg);
5194
+ -ms-transform: translateX(0) rotate(90deg);
5195
+ transform: translateX(0) rotate(90deg);
5196
+ }
5197
+
5198
+ /**************** Premium Fancy Text *******************/
5199
+ /*******************************************************/
5200
+ .premium-suffix-text,
5201
+ .premium-fancy-text,
5202
+ .premium-prefix-text {
5203
+ font-size: 40px;
5204
+ }
5205
+
5206
+ .premium-fancy-text-wrapper .premium-fancy-list-items {
5207
+ list-style: none;
5208
+ }
5209
+
5210
+ .premium-fancy-text-wrapper .premium-fancy-text-span-align {
5211
+ vertical-align: top;
5212
+ }
5213
+
5214
+ .premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-text-items-wrapper {
5215
+ margin: 0;
5216
+ padding: 0;
5217
+ border: none;
5218
+ position: relative;
5219
+ }
5220
+
5221
+ .premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-list-items {
5222
+ position: absolute;
5223
+ top: 0;
5224
+ left: 0;
5225
+ display: inline-block;
5226
+ }
5227
+
5228
+ .premium-fancy-text-wrapper.zoomout .premium-fancy-item-hidden {
5229
+ opacity: 0;
5230
+ -webkit-animation: pa-zoom-out 0.8s;
5231
+ animation: pa-zoom-out 0.8s;
5232
+ }
5233
+
5234
+ .premium-fancy-text-wrapper.zoomout .premium-fancy-item-visible {
5235
+ position: relative !important;
5236
+ -webkit-animation: pa-zoom-in 0.8s;
5237
+ animation: pa-zoom-in 0.8s;
5238
+ }
5239
+
5240
+ .premium-fancy-text-wrapper.zoomout .premium-fancy-text-items-wrapper {
5241
+ -webkit-perspective: 300px;
5242
+ perspective: 300px;
5243
+ }
5244
+
5245
+ .premium-fancy-text-wrapper.rotate .premium-fancy-list-items {
5246
+ -webkit-transform-origin: 50% 100%;
5247
+ -ms-transform-origin: 50% 100%;
5248
+ transform-origin: 50% 100%;
5249
+ }
5250
+
5251
+ .premium-fancy-text-wrapper.rotate .premium-fancy-item-hidden {
5252
+ opacity: 0;
5253
+ -webkit-transform: rotateX(180deg);
5254
+ transform: rotateX(180deg);
5255
+ -webkit-animation: pa-rotate-out 1.2s;
5256
+ animation: pa-rotate-out 1.2s;
5257
+ }
5258
+
5259
+ .premium-fancy-text-wrapper.rotate .premium-fancy-item-visible {
5260
+ position: relative !important;
5261
+ -webkit-transform: rotateX(0deg);
5262
+ transform: rotateX(0deg);
5263
+ -webkit-animation: pa-rotate-in 1.2s;
5264
+ animation: pa-rotate-in 1.2s;
5265
+ }
5266
+
5267
+ .premium-fancy-text-wrapper.custom .premium-fancy-item-hidden {
5268
+ opacity: 0;
5269
+ }
5270
+
5271
+ .premium-fancy-text-wrapper.custom .premium-fancy-item-visible {
5272
+ position: relative !important;
5273
+ }
5274
+
5275
+ .premium-fancy-text-wrapper.auto-fade .premium-fancy-text {
5276
+ display: inline-block;
5277
+ width: 200px;
5278
+ font-weight: 400;
5279
+ }
5280
+
5281
+ .premium-fancy-text-wrapper.auto-fade .premium-fancy-svg-text {
5282
+ position: relative;
5283
+ vertical-align: sub;
5284
+ }
5285
+
5286
+ .premium-fancy-text-wrapper.auto-fade g>text {
5287
+ text-anchor: start;
5288
+ shape-rendering: crispEdges;
5289
+ opacity: 0;
5290
+ font-size: 300px;
5291
+ -webkit-animation-name: pa-auto-fade;
5292
+ animation-name: pa-auto-fade;
5293
+ -moz-animation-name: pa-auto-fade;
5294
+ -webkit-animation-duration: 9s;
5295
+ animation-duration: 9s;
5296
+ -webkit-animation-timing-function: linear;
5297
+ animation-timing-function: linear;
5298
+ -webkit-animation-iteration-count: infinite;
5299
+ animation-iteration-count: infinite;
5300
+ }
5301
+
5302
+ .premium-fancy-text-wrapper.auto-fade g>text:nth-child(1) {
5303
+ -webkit-animation-delay: 0s;
5304
+ animation-delay: 0s;
5305
+ }
5306
+
5307
+ .premium-fancy-text-wrapper.auto-fade g>text:nth-child(2) {
5308
+ -webkit-animation-delay: 3s;
5309
+ animation-delay: 3s;
5310
+ }
5311
+
5312
+ .premium-fancy-text-wrapper.auto-fade g>text:nth-child(3) {
5313
+ -webkit-animation-delay: 6s;
5314
+ animation-delay: 6s;
5315
+ }
5316
+
5317
+ .premium-fancy-text-wrapper.loading .premium-fancy-text {
5318
+ position: relative;
5319
+ }
5320
+
5321
+ .premium-fancy-text-wrapper.loading .premium-fancy-text .premium-loading-bar {
5322
+ position: absolute;
5323
+ width: 100%;
5324
+ height: 3px;
5325
+ bottom: 0;
5326
+ left: 0;
5327
+ animation: pa-loading-bar 2.5s ease-out infinite;
5328
+ -webkit-animation: pa-loading-bar 2.5s ease-out infinite;
5329
+ }
5330
+
5331
+ .premium-fancy-text-wrapper.loading.pause .premium-fancy-text:hover .premium-loading-bar {
5332
+ -webkit-animation-play-state: paused;
5333
+ animation-play-state: paused;
5334
+ }
5335
+
5336
+ @-webkit-keyframes pa-auto-fade {
5337
+ 0% {
5338
+ opacity: 0;
5339
+ }
5340
+
5341
+ 20% {
5342
+ opacity: 1;
5343
+ }
5344
+
5345
+ 35% {
5346
+ opacity: 0;
5347
+ }
5348
+
5349
+ 100% {
5350
+ opacity: 0;
5351
+ }
5352
+ }
5353
+
5354
+ @keyframes pa-auto-fade {
5355
+ 0% {
5356
+ opacity: 0;
5357
+ }
5358
+
5359
+ 20% {
5360
+ opacity: 1;
5361
+ }
5362
+
5363
+ 35% {
5364
+ opacity: 0;
5365
+ }
5366
+
5367
+ 100% {
5368
+ opacity: 0;
5369
+ }
5370
+ }
5371
+
5372
+ @-webkit-keyframes pa-loading-bar {
5373
+ 0% {
5374
+ width: 0;
5375
+ }
5376
+
5377
+ 100% {
5378
+ width: 100;
5379
+ }
5380
+ }
5381
+
5382
+ @keyframes pa-loading-bar {
5383
+ 0% {
5384
+ width: 0;
5385
+ }
5386
+
5387
+ 100% {
5388
+ width: 100;
5389
+ }
5390
+ }
5391
+
5392
+ @-webkit-keyframes pa-zoom-in {
5393
+ 0% {
5394
+ opacity: 0;
5395
+ -webkit-transform: translateZ(100px);
5396
+ transform: translateZ(100px);
5397
+ }
5398
+
5399
+ 100% {
5400
+ opacity: 1;
5401
+ -webkit-transform: translateZ(0);
5402
+ transform: translateZ(0);
5403
+ }
5404
+ }
5405
+
5406
+ @keyframes pa-zoom-in {
5407
+ 0% {
5408
+ opacity: 0;
5409
+ -webkit-transform: translateZ(100px);
5410
+ transform: translateZ(100px);
5411
+ }
5412
+
5413
+ 100% {
5414
+ opacity: 1;
5415
+ -webkit-transform: translateZ(0);
5416
+ transform: translateZ(0);
5417
+ }
5418
+ }
5419
+
5420
+ @-webkit-keyframes pa-zoom-out {
5421
+ 0% {
5422
+ opacity: 1;
5423
+ -webkit-transform: translateZ(0);
5424
+ transform: translateZ(0);
5425
+ }
5426
+
5427
+ 100% {
5428
+ opacity: 0;
5429
+ -webkit-transform: translateZ(-100px);
5430
+ transform: translateZ(-100px);
5431
+ }
5432
+ }
5433
+
5434
+ @keyframes pa-zoom-out {
5435
+ 0% {
5436
+ opacity: 1;
5437
+ -webkit-transform: translateZ(0);
5438
+ transform: translateZ(0);
5439
+ }
5440
+
5441
+ 100% {
5442
+ opacity: 0;
5443
+ -webkit-transform: translateZ(-100px);
5444
+ transform: translateZ(-100px);
5445
+ }
5446
+ }
5447
+
5448
+ @-webkit-keyframes pa-rotate-in {
5449
+ 0% {
5450
+ opacity: 0;
5451
+ -webkit-transform: rotateX(180deg);
5452
+ transform: rotateX(180deg);
5453
+ }
5454
+
5455
+ 35% {
5456
+ opacity: 0;
5457
+ -webkit-transform: rotateX(120deg);
5458
+ transform: rotateX(120deg);
5459
+ }
5460
+
5461
+ 65% {
5462
+ opacity: 0;
5463
+ }
5464
+
5465
+ 100% {
5466
+ opacity: 1;
5467
+ -webkit-transform: rotateX(360deg);
5468
+ transform: rotateX(360deg);
5469
+ }
5470
+ }
5471
+
5472
+ @keyframes pa-rotate-in {
5473
+ 0% {
5474
+ opacity: 0;
5475
+ -webkit-transform: rotateX(180deg);
5476
+ transform: rotateX(180deg);
5477
+ }
5478
+
5479
+ 35% {
5480
+ opacity: 0;
5481
+ -webkit-transform: rotateX(120deg);
5482
+ transform: rotateX(120deg);
5483
+ }
5484
+
5485
+ 65% {
5486
+ opacity: 0;
5487
+ }
5488
+
5489
+ 100% {
5490
+ opacity: 1;
5491
+ -webkit-transform: rotateX(360deg);
5492
+ transform: rotateX(360deg);
5493
+ }
5494
+ }
5495
+
5496
+ @-webkit-keyframes pa-rotate-out {
5497
+ 0% {
5498
+ opacity: 1;
5499
+ -webkit-transform: rotateX(0deg);
5500
+ transform: rotateX(0deg);
5501
+ }
5502
+
5503
+ 35% {
5504
+ opacity: 1;
5505
+ -webkit-transform: rotateX(-40deg);
5506
+ transform: rotateX(-40deg);
5507
+ }
5508
+
5509
+ 65% {
5510
+ opacity: 0;
5511
+ }
5512
+
5513
+ 100% {
5514
+ opacity: 0;
5515
+ -webkit-transform: rotateX(180deg);
5516
+ transform: rotateX(180deg);
5517
+ }
5518
+ }
5519
+
5520
+ @keyframes pa-rotate-out {
5521
+ 0% {
5522
+ opacity: 1;
5523
+ -webkit-transform: rotateX(0deg);
5524
+ transform: rotateX(0deg);
5525
+ }
5526
+
5527
+ 35% {
5528
+ opacity: 1;
5529
+ -webkit-transform: rotateX(-40deg);
5530
+ transform: rotateX(-40deg);
5531
+ }
5532
+
5533
+ 65% {
5534
+ opacity: 0;
5535
+ }
5536
+
5537
+ 100% {
5538
+ opacity: 0;
5539
+ -webkit-transform: rotateX(180deg);
5540
+ transform: rotateX(180deg);
5541
+ }
5542
+ }
5543
+
5544
+ /**************** Premium Pricing Table ****************/
5545
+ /*******************************************************/
5546
+ .premium-pricing-table-container {
5547
+ position: relative;
5548
+ overflow: hidden;
5549
+ text-align: center;
5550
+ -webkit-transition: all 0.3s ease-in-out;
5551
+ transition: all 0.3s ease-in-out;
5552
+ }
5553
+
5554
+ .premium-pricing-icon-container {
5555
+ -js-display: flex;
5556
+ display: -webkit-box;
5557
+ display: -webkit-flex;
5558
+ display: -moz-box;
5559
+ display: -ms-flexbox;
5560
+ display: flex;
5561
+ -webkit-box-pack: center;
5562
+ -webkit-justify-content: center;
5563
+ -moz-box-pack: center;
5564
+ -ms-flex-pack: center;
5565
+ justify-content: center;
5566
+ line-height: 0;
5567
+ }
5568
+
5569
+ .premium-pricing-icon-container .premium-pricing-icon {
5570
+ display: inline-block;
5571
+ }
5572
+
5573
+ .premium-pricing-icon-container .premium-pricing-image {
5574
+ overflow: hidden;
5575
+ }
5576
+
5577
+ .premium-pricing-icon-container .premium-pricing-image img {
5578
+ width: 25px;
5579
+ height: 25px;
5580
+ -o-object-fit: cover;
5581
+ object-fit: cover;
5582
+ }
5583
+
5584
+ .premium-badge-left {
5585
+ position: absolute;
5586
+ top: 0;
5587
+ }
5588
+
5589
+ .premium-badge-right {
5590
+ position: absolute;
5591
+ top: 0;
5592
+ right: 0;
5593
+ }
5594
+
5595
+ .premium-badge-left {
5596
+ left: 0;
5597
+ }
5598
+
5599
+ .premium-badge-triangle.premium-badge-left .corner {
5600
+ width: 0;
5601
+ height: 0;
5602
+ border-top: 150px solid;
5603
+ border-bottom: 150px solid transparent;
5604
+ border-right: 150px solid transparent;
5605
+ }
5606
+
5607
+ .premium-badge-triangle.premium-badge-right .corner {
5608
+ width: 0;
5609
+ height: 0;
5610
+ border-bottom: 150px solid transparent;
5611
+ border-right: 150px solid;
5612
+ border-left: 150px solid transparent;
5613
+ }
5614
+
5615
+ .premium-badge-triangle span {
5616
+ position: absolute;
5617
+ top: 35px;
5618
+ width: 100px;
5619
+ text-align: center;
5620
+ -webkit-transform: rotate(-45deg);
5621
+ -ms-transform: rotate(-45deg);
5622
+ transform: rotate(-45deg);
5623
+ display: block;
5624
+ text-transform: uppercase;
5625
+ }
5626
+
5627
+ .premium-badge-triangle.premium-badge-right span {
5628
+ -webkit-transform: rotate(45deg);
5629
+ -ms-transform: rotate(45deg);
5630
+ transform: rotate(45deg);
5631
+ right: 0;
5632
+ }
5633
+
5634
+ .premium-badge-circle {
5635
+ min-width: 4em;
5636
+ min-height: 4em;
5637
+ line-height: 4em;
5638
+ text-align: center;
5639
+ -webkit-border-radius: 100%;
5640
+ border-radius: 100%;
5641
+ position: absolute;
5642
+ z-index: 1;
5643
+ }
5644
+
5645
+ .premium-badge-stripe {
5646
+ position: absolute;
5647
+ -webkit-transform: rotate(90deg);
5648
+ -ms-transform: rotate(90deg);
5649
+ transform: rotate(90deg);
5650
+ width: 15em;
5651
+ overflow: hidden;
5652
+ height: 15em;
5653
+ }
5654
+
5655
+ .premium-badge-stripe.premium-badge-left {
5656
+ -webkit-transform: rotate(0);
5657
+ -ms-transform: rotate(0);
5658
+ transform: rotate(0);
5659
+ }
5660
+
5661
+ .premium-badge-stripe .corner {
5662
+ text-align: center;
5663
+ left: 0;
5664
+ width: 150%;
5665
+ -webkit-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
5666
+ -ms-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
5667
+ transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
5668
+ margin-top: 35px;
5669
+ font-size: 13px;
5670
+ line-height: 2;
5671
+ font-weight: 800;
5672
+ text-transform: uppercase;
5673
+ }
5674
+
5675
+ .premium-badge-flag .corner {
5676
+ text-align: center;
5677
+ -webkit-border-radius: 4px 4px 0 4px;
5678
+ border-radius: 4px 4px 0 4px;
5679
+ padding: 3px 15px;
5680
+ position: absolute;
5681
+ top: 10%;
5682
+ right: -8px;
5683
+ }
5684
+
5685
+ .premium-badge-flag .corner::before,
5686
+ .premium-badge-flag .corner::after {
5687
+ content: "";
5688
+ display: block;
5689
+ position: absolute;
5690
+ width: 0;
5691
+ height: 0;
5692
+ top: 100%;
5693
+ right: 0;
5694
+ border-bottom: 8px solid transparent;
5695
+ }
5696
+
5697
+ .elementor-widget-premium-addon-pricing-table .elementor-widget-container {
5698
+ overflow: visible !important;
5699
+ }
5700
+
5701
+ .premium-badge-flag .corner::after {
5702
+ border-left: 8px solid rgba(0, 0, 0, 0.2);
5703
+ }
5704
+
5705
+ .premium-pricing-price-currency {
5706
+ position: relative;
5707
+ }
5708
+
5709
+ .premium-pricing-button-container {
5710
+ display: block;
5711
+ }
5712
+
5713
+ .premium-pricing-list {
5714
+ -js-display: flex;
5715
+ display: -webkit-box;
5716
+ display: -webkit-flex;
5717
+ display: -moz-box;
5718
+ display: -ms-flexbox;
5719
+ display: flex;
5720
+ -webkit-box-orient: vertical;
5721
+ -webkit-box-direction: normal;
5722
+ -webkit-flex-direction: column;
5723
+ -moz-box-orient: vertical;
5724
+ -moz-box-direction: normal;
5725
+ -ms-flex-direction: column;
5726
+ flex-direction: column;
5727
+ list-style-type: none;
5728
+ margin: 0;
5729
+ }
5730
+
5731
+ .premium-pricing-list .premium-pricing-list-item {
5732
+ -js-display: flex;
5733
+ display: -webkit-box;
5734
+ display: -webkit-flex;
5735
+ display: -moz-box;
5736
+ display: -ms-flexbox;
5737
+ display: flex;
5738
+ -webkit-box-align: center;
5739
+ -webkit-align-items: center;
5740
+ -moz-box-align: center;
5741
+ -ms-flex-align: center;
5742
+ align-items: center;
5743
+ }
5744
+
5745
+ .premium-pricing-list .premium-pricing-list-item svg {
5746
+ width: 50px;
5747
+ height: 50px;
5748
+ }
5749
+
5750
+ .premium-pricing-list .premium-pricing-list-item img {
5751
+ width: 30px;
5752
+ height: 30px;
5753
+ -o-object-fit: cover;
5754
+ object-fit: cover;
5755
+ }
5756
+
5757
+ .premium-pricing-list .premium-pricing-list-span {
5758
+ position: relative;
5759
+ }
5760
+
5761
+ .premium-pricing-list .list-item-tooltip {
5762
+ border-bottom: 1px dotted;
5763
+ }
5764
+
5765
+ .premium-pricing-list .premium-pricing-list-tooltip {
5766
+ position: absolute;
5767
+ top: -webkit-calc(100% + 1px);
5768
+ top: calc(100% + 1px);
5769
+ right: 0;
5770
+ visibility: hidden;
5771
+ padding: 15px 20px;
5772
+ -webkit-border-radius: 5px;
5773
+ border-radius: 5px;
5774
+ min-width: 200px;
5775
+ overflow: hidden;
5776
+ text-align: right;
5777
+ font-size: 0.8rem;
5778
+ color: #fff;
5779
+ background-color: #aaa;
5780
+ }
5781
+
5782
+ .premium-pricing-features-left .premium-pricing-list-span {
5783
+ text-align: right;
5784
+ }
5785
+
5786
+ .premium-pricing-features-center .premium-pricing-list-span {
5787
+ text-align: center;
5788
+ }
5789
+
5790
+ .premium-pricing-features-right .premium-pricing-list-span {
5791
+ text-align: left;
5792
+ }
5793
+
5794
+ .premium-pricing-list-span:hover .premium-pricing-list-tooltip {
5795
+ z-index: 99;
5796
+ visibility: visible;
5797
+ opacity: 1;
5798
+ }
5799
+
5800
+ .premium-pricing-slashed-price-value {
5801
+ display: inline-block;
5802
+ font-size: 20px;
5803
+ font-weight: 400;
5804
+ margin-left: 5px;
5805
+ }
5806
+
5807
+ .premium-pricing-price-value {
5808
+ font-size: 70px;
5809
+ }
5810
+
5811
+ .premium-pricing-description-container li {
5812
+ list-style-position: inside;
5813
+ text-indent: -40px;
5814
+ }
5815
+
5816
+ @-moz-document url-prefix() {
5817
+ .premium-pricing-description-container li {
5818
+ text-indent: 0px;
5819
+ }
5820
+ }
5821
+
5822
+ .premium-pricing-price-button {
5823
+ display: block;
5824
+ padding: 6px 12px;
5825
+ line-height: 1.42857143;
5826
+ text-align: center;
5827
+ color: #fff;
5828
+ background: #6ec1e4;
5829
+ margin-bottom: 0;
5830
+ -webkit-transition: all 0.3s ease-in-out;
5831
+ transition: all 0.3s ease-in-out;
5832
+ }
5833
+
5834
+ /**************** Premium Google Maps ******************/
5835
+ /*******************************************************/
5836
+ .premium-maps-info-container {
5837
+ margin-top: 10px;
5838
+ margin-bottom: 10px;
5839
+ }
5840
+
5841
+ .premium-maps-info-title,
5842
+ .premium-maps-info-desc {
5843
+ margin: 0;
5844
+ padding: 0;
5845
+ }
5846
+
5847
+ .premium-maps-container .gm-style-iw {
5848
+ text-align: center;
5849
+ direction: ltr;
5850
+ }
5851
+
5852
+ .premium-maps-container .gm-style img {
5853
+ max-width: none !important;
5854
+ }
5855
+
5856
+ /**************** Premium Button ***********************/
5857
+ /*******************************************************/
5858
+ .premium-button {
5859
+ -js-display: inline-flex;
5860
+ display: -webkit-inline-box;
5861
+ display: -webkit-inline-flex;
5862
+ display: -moz-inline-box;
5863
+ display: -ms-inline-flexbox;
5864
+ display: inline-flex;
5865
+ position: relative;
5866
+ overflow: hidden;
5867
+ -webkit-backface-visibility: hidden;
5868
+ backface-visibility: hidden;
5869
+ -webkit-transform: translate3d(0, 0, 0);
5870
+ transform: translate3d(0, 0, 0);
5871
+ cursor: pointer;
5872
+ -webkit-transition: all 0.2s ease-in-out !important;
5873
+ transition: all 0.2s ease-in-out !important;
5874
+ }
5875
+
5876
+ .premium-button .premium-lottie-animation,
5877
+ .premium-image-button .premium-lottie-animation {
5878
+ -js-display: flex;
5879
+ display: -webkit-box;
5880
+ display: -webkit-flex;
5881
+ display: -moz-box;
5882
+ display: -ms-flexbox;
5883
+ display: flex;
5884
+ }
5885
+
5886
+ .premium-button svg,
5887
+ .premium-image-button svg {
5888
+ width: 30px;
5889
+ height: 30px;
5890
+ }
5891
+
5892
+ .premium-btn-sm,
5893
+ .premium-btn-md,
5894
+ .premium-btn-lg,
5895
+ .premium-btn-block {
5896
+ background-color: #eee;
5897
+ color: #042551;
5898
+ margin: 0px;
5899
+ text-decoration: none;
5900
+ }
5901
+
5902
+ .premium-btn-sm:hover,
5903
+ .premium-btn-md:hover,
5904
+ .premium-btn-lg:hover,
5905
+ .premium-btn-block:hover {
5906
+ background-color: #54595f;
5907
+ color: #eee;
5908
+ }
5909
+
5910
+ .premium-btn-sm {
5911
+ padding: 12px 24px;
5912
+ font-size: 14px;
5913
+ line-height: 1;
5914
+ }
5915
+
5916
+ .premium-btn-md {
5917
+ padding: 14px 26px;
5918
+ font-size: 16px;
5919
+ line-height: 1.2;
5920
+ }
5921
+
5922
+ .premium-btn-lg {
5923
+ padding: 16px 28px;
5924
+ font-size: 18px;
5925
+ line-height: 1.3333;
5926
+ }
5927
+
5928
+ .premium-btn-block {
5929
+ font-size: 18px;
5930
+ line-height: 1;
5931
+ padding: 20px 0px;
5932
+ width: 100%;
5933
+ text-align: center;
5934
+ }
5935
+
5936
+ .premium-button-text {
5937
+ display: inline-block;
5938
+ width: 100%;
5939
+ }
5940
+
5941
+ .premium-button-style1,
5942
+ .premium-button-style2,
5943
+ .premium-button-style5,
5944
+ .premium-button-style7 {
5945
+ display: inline-block;
5946
+ vertical-align: middle;
5947
+ -webkit-transform: perspective(1px) translateZ(0);
5948
+ transform: perspective(1px) translateZ(0);
5949
+ -webkit-box-shadow: 0 0 1px transparent;
5950
+ box-shadow: 0 0 1px transparent;
5951
+ position: relative;
5952
+ -webkit-transition-property: color;
5953
+ transition-property: color;
5954
+ -webkit-transition-duration: 0.15s;
5955
+ transition-duration: 0.15s;
5956
+ }
5957
+
5958
+ .premium-button-style1:before,
5959
+ .premium-button-style2:before,
5960
+ .premium-button-style5:before {
5961
+ content: "";
5962
+ position: absolute;
5963
+ z-index: -1;
5964
+ top: 0;
5965
+ right: 0;
5966
+ left: 0;
5967
+ bottom: 0;
5968
+ -webkit-transform: scaleY(0);
5969
+ -ms-transform: scaleY(0);
5970
+ transform: scaleY(0);
5971
+ -webkit-transform-origin: 50% 0;
5972
+ -ms-transform-origin: 50% 0;
5973
+ transform-origin: 50% 0;
5974
+ -webkit-transition-property: -webkit-transform;
5975
+ transition-property: -webkit-transform;
5976
+ transition-property: transform;
5977
+ transition-property: transform, -webkit-transform;
5978
+ -webkit-transition-duration: 0.15s;
5979
+ transition-duration: 0.15s;
5980
+ -webkit-transition-timing-function: ease-out;
5981
+ transition-timing-function: ease-out;
5982
+ }
5983
+
5984
+ .premium-button-style5-radialin:before,
5985
+ .premium-button-style5-radialout:before {
5986
+ -webkit-transform-origin: 50%;
5987
+ -ms-transform-origin: 50%;
5988
+ transform-origin: 50%;
5989
+ -webkit-border-radius: 100%;
5990
+ border-radius: 100%;
5991
+ -webkit-transform: scale(0);
5992
+ -ms-transform: scale(0);
5993
+ transform: scale(0);
5994
+ }
5995
+
5996
+ .premium-button-style5-radialin:before {
5997
+ -webkit-transform: scale(2);
5998
+ -ms-transform: scale(2);
5999
+ transform: scale(2);
6000
+ }
6001
+
6002
+ .premium-button-style5-rectin:before {
6003
+ -webkit-transform-origin: 50%;
6004
+ -ms-transform-origin: 50%;
6005
+ transform-origin: 50%;
6006
+ -webkit-transform: scale(1);
6007
+ -ms-transform: scale(1);
6008
+ transform: scale(1);
6009
+ }
6010
+
6011
+ .premium-button-style5-rectout:before {
6012
+ -webkit-transform-origin: 50%;
6013
+ -ms-transform-origin: 50%;
6014
+ transform-origin: 50%;
6015
+ -webkit-transform: scale(0);
6016
+ -ms-transform: scale(0);
6017
+ transform: scale(0);
6018
+ }
6019
+
6020
+ .premium-button-style5-rectout:hover:before {
6021
+ -webkit-transform: scale(1);
6022
+ -ms-transform: scale(1);
6023
+ transform: scale(1);
6024
+ }
6025
+
6026
+ .premium-button-style5-rectin:hover:before {
6027
+ -webkit-transform: scale(0);
6028
+ -ms-transform: scale(0);
6029
+ transform: scale(0);
6030
+ }
6031
+
6032
+ .premium-button-style5-radialout:hover:before {
6033
+ -webkit-transform: scale(2);
6034
+ -ms-transform: scale(2);
6035
+ transform: scale(2);
6036
+ }
6037
+
6038
+ .premium-button-style5-radialin:hover:before {
6039
+ -webkit-transform: scale(0);
6040
+ -ms-transform: scale(0);
6041
+ transform: scale(0);
6042
+ }
6043
+
6044
+ .premium-button-style1-top:before {
6045
+ -webkit-transform-origin: 50% 100%;
6046
+ -ms-transform-origin: 50% 100%;
6047
+ transform-origin: 50% 100%;
6048
+ }
6049
+
6050
+ .premium-button-style1-right:before {
6051
+ -webkit-transform: scaleX(0);
6052
+ -ms-transform: scaleX(0);
6053
+ transform: scaleX(0);
6054
+ -webkit-transform-origin: 100% 50%;
6055
+ -ms-transform-origin: 100% 50%;
6056
+ transform-origin: 100% 50%;
6057
+ }
6058
+
6059
+ .premium-button-style1-left:before {
6060
+ -webkit-transform: scaleX(0);
6061
+ -ms-transform: scaleX(0);
6062
+ transform: scaleX(0);
6063
+ -webkit-transform-origin: 0% 50%;
6064
+ -ms-transform-origin: 0% 50%;
6065
+ transform-origin: 0% 50%;
6066
+ }
6067
+
6068
+ .premium-button-style2-shutouthor:before,
6069
+ .premium-button-style2-scshutoutver:before {
6070
+ -webkit-transform: scaleY(0);
6071
+ -ms-transform: scaleY(0);
6072
+ transform: scaleY(0);
6073
+ -webkit-transform-origin: 0% 50%;
6074
+ -ms-transform-origin: 0% 50%;
6075
+ transform-origin: 0% 50%;
6076
+ }
6077
+
6078
+ .premium-button-style2-shutoutver:before,
6079
+ .premium-button-style2-scshutouthor:before {
6080
+ -webkit-transform: scaleX(0);
6081
+ -ms-transform: scaleX(0);
6082
+ transform: scaleX(0);
6083
+ -webkit-transform-origin: 50% 50%;
6084
+ -ms-transform-origin: 50% 50%;
6085
+ transform-origin: 50% 50%;
6086
+ }
6087
+
6088
+ .premium-button-style2-shutinhor:before {
6089
+ -webkit-transform: scaleX(1);
6090
+ -ms-transform: scaleX(1);
6091
+ transform: scaleX(1);
6092
+ -webkit-transform-origin: 50%;
6093
+ -ms-transform-origin: 50%;
6094
+ transform-origin: 50%;
6095
+ }
6096
+
6097
+ .premium-button-style2-shutinver:before {
6098
+ -webkit-transform: scaleY(1);
6099
+ -ms-transform: scaleY(1);
6100
+ transform: scaleY(1);
6101
+ -webkit-transform-origin: 50%;
6102
+ -ms-transform-origin: 50%;
6103
+ transform-origin: 50%;
6104
+ }
6105
+
6106
+ .premium-button-style1-bottom:hover:before,
6107
+ .premium-button-style1-top:hover:before {
6108
+ -webkit-transform: scaleY(1);
6109
+ -ms-transform: scaleY(1);
6110
+ transform: scaleY(1);
6111
+ }
6112
+
6113
+ .premium-button-style1-left:hover:before,
6114
+ .premium-button-style1-right:hover:before,
6115
+ .premium-button-style2-shutouthor:hover:before,
6116
+ .premium-button-style2-shutoutver:hover:before {
6117
+ -webkit-transform: scaleX(1);
6118
+ -ms-transform: scaleX(1);
6119
+ transform: scaleX(1);
6120
+ }
6121
+
6122
+ .premium-button-style2-shutinhor:hover:before {
6123
+ -webkit-transform: scaleX(0);
6124
+ -ms-transform: scaleX(0);
6125
+ transform: scaleX(0);
6126
+ }
6127
+
6128
+ .premium-button-style2-shutinver:hover:before {
6129
+ -webkit-transform: scaleY(0);
6130
+ -ms-transform: scaleY(0);
6131
+ transform: scaleY(0);
6132
+ }
6133
+
6134
+ .premium-button-style2-scshutouthor:hover:before {
6135
+ -webkit-transform: scaleX(0.9);
6136
+ -ms-transform: scaleX(0.9);
6137
+ transform: scaleX(0.9);
6138
+ }
6139
+
6140
+ .premium-button-style2-scshutoutver:hover:before {
6141
+ -webkit-transform: scaleY(0.8);
6142
+ -ms-transform: scaleY(0.8);
6143
+ transform: scaleY(0.8);
6144
+ }
6145
+
6146
+ /*Diagonal*/
6147
+ .premium-button-style2-dshutinhor:before {
6148
+ top: 50%;
6149
+ right: 50%;
6150
+ width: 120%;
6151
+ height: 0%;
6152
+ -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
6153
+ -ms-transform: translateX(50%) translateY(-50%) rotate(45deg);
6154
+ transform: translateX(50%) translateY(-50%) rotate(45deg);
6155
+ -webkit-transform-origin: 50%;
6156
+ -ms-transform-origin: 50%;
6157
+ transform-origin: 50%;
6158
+ -webkit-transition-property: all;
6159
+ transition-property: all;
6160
+ }
6161
+
6162
+ .premium-button-style2-dshutinver:before {
6163
+ top: 50%;
6164
+ right: 50%;
6165
+ width: 120%;
6166
+ height: 0%;
6167
+ -webkit-transform-origin: 50%;
6168
+ -ms-transform-origin: 50%;
6169
+ transform-origin: 50%;
6170
+ -webkit-transition-property: all;
6171
+ transition-property: all;
6172
+ -webkit-transform: translateX(50%) translateY(-50%) rotate(-45deg);
6173
+ -ms-transform: translateX(50%) translateY(-50%) rotate(-45deg);
6174
+ transform: translateX(50%) translateY(-50%) rotate(-45deg);
6175
+ }
6176
+
6177
+ .premium-button-style2-dshutinhor:hover:before,
6178
+ .premium-button-style2-dshutinver:hover:before {
6179
+ height: 220%;
6180
+ }
6181
+
6182
+ .premium-button-style3-before i,
6183
+ .premium-button-style3-before svg {
6184
+ opacity: 0;
6185
+ -webkit-transform: translateX(5px);
6186
+ -ms-transform: translateX(5px);
6187
+ transform: translateX(5px);
6188
+ -webkit-transition: all 0.5s ease-in-out;
6189
+ transition: all 0.5s ease-in-out;
6190
+ }
6191
+
6192
+ .premium-button-style3-after i,
6193
+ .premium-button-style3-after svg {
6194
+ opacity: 0;
6195
+ -webkit-transform: translateX(5px);
6196
+ -ms-transform: translateX(5px);
6197
+ transform: translateX(5px);
6198
+ -webkit-transition: all 0.5s ease-in-out;
6199
+ transition: all 0.5s ease-in-out;
6200
+ -webkit-transform: translateX(-5px);
6201
+ -ms-transform: translateX(-5px);
6202
+ transform: translateX(-5px);
6203
+ }
6204
+
6205
+ .premium-button-style3-after:hover i,
6206
+ .premium-button-style3-after:hover svg {
6207
+ opacity: 1;
6208
+ }
6209
+
6210
+ .premium-button-style3-before:hover i,
6211
+ .premium-button-style3-before:hover svg {
6212
+ opacity: 1;
6213
+ }
6214
+
6215
+ .premium-button-text-icon-wrapper {
6216
+ width: 100%;
6217
+ -js-display: flex;
6218
+ display: -webkit-box;
6219
+ display: -webkit-flex;
6220
+ display: -moz-box;
6221
+ display: -ms-flexbox;
6222
+ display: flex;
6223
+ -webkit-box-pack: center;
6224
+ -webkit-justify-content: center;
6225
+ -moz-box-pack: center;
6226
+ -ms-flex-pack: center;
6227
+ justify-content: center;
6228
+ -webkit-box-align: center;
6229
+ -webkit-align-items: center;
6230
+ -moz-box-align: center;
6231
+ -ms-flex-align: center;
6232
+ align-items: center;
6233
+ -webkit-transition: all 0.2s ease-in-out;
6234
+ transition: all 0.2s ease-in-out;
6235
+ }
6236
+
6237
+ .premium-button-text-icon-wrapper span,
6238
+ .premium-button-text-icon-wrapper i,
6239
+ .premium-button-text-icon-wrapper svg {
6240
+ -webkit-transition: all 0.2s ease-in-out;
6241
+ transition: all 0.2s ease-in-out;
6242
+ }
6243
+
6244
+ .premium-button-style4-icon-wrapper {
6245
+ position: absolute;
6246
+ z-index: 2;
6247
+ width: 100%;
6248
+ text-align: center;
6249
+ -js-display: flex;
6250
+ display: -webkit-box;
6251
+ display: -webkit-flex;
6252
+ display: -moz-box;
6253
+ display: -ms-flexbox;
6254
+ display: flex;
6255
+ -webkit-box-align: center;
6256
+ -webkit-align-items: center;
6257
+ -moz-box-align: center;
6258
+ -ms-flex-align: center;
6259
+ align-items: center;
6260
+ -webkit-box-pack: center;
6261
+ -webkit-justify-content: center;
6262
+ -moz-box-pack: center;
6263
+ -ms-flex-pack: center;
6264
+ justify-content: center;
6265
+ height: 100%;
6266
+ opacity: 0;
6267
+ -webkit-transition: all 0.3s ease-in-out;
6268
+ transition: all 0.3s ease-in-out;
6269
+ }
6270
+
6271
+ .premium-button-style4-icon-wrapper.top {
6272
+ bottom: -100%;
6273
+ right: 0;
6274
+ }
6275
+
6276
+ .premium-button-style4-icon-wrapper.bottom {
6277
+ top: -100%;
6278
+ right: 0;
6279
+ }
6280
+
6281
+ .premium-button-style4-icon-wrapper.left {
6282
+ top: 0;
6283
+ right: -100%;
6284
+ }
6285
+
6286
+ .premium-button-style4-icon-wrapper.right {
6287
+ top: 0;
6288
+ left: -100%;
6289
+ }
6290
+
6291
+ .premium-button-style4-bottom:hover .premium-button-style4-icon-wrapper {
6292
+ top: 0;
6293
+ opacity: 1;
6294
+ }
6295
+
6296
+ .premium-button-style4-top:hover .premium-button-style4-icon-wrapper {
6297
+ bottom: 0;
6298
+ opacity: 1;
6299
+ }
6300
+
6301
+ .premium-button-style4-left:hover .premium-button-style4-icon-wrapper {
6302
+ right: 0;
6303
+ opacity: 1;
6304
+ }
6305
+
6306
+ .premium-button-style4-right:hover .premium-button-style4-icon-wrapper {
6307
+ left: 0;
6308
+ opacity: 1;
6309
+ }
6310
+
6311
+ .premium-button-style4-bottom:hover .premium-button-text-icon-wrapper {
6312
+ -webkit-transform: translateY(100%);
6313
+ -ms-transform: translateY(100%);
6314
+ transform: translateY(100%);
6315
+ opacity: 0;
6316
+ }
6317
+
6318
+ .premium-button-style4-top:hover .premium-button-text-icon-wrapper {
6319
+ -webkit-transform: translateY(-100%);
6320
+ -ms-transform: translateY(-100%);
6321
+ transform: translateY(-100%);
6322
+ opacity: 0;
6323
+ }
6324
+
6325
+ .premium-button-style4-left:hover .premium-button-text-icon-wrapper {
6326
+ -webkit-transform: translateX(-100%);
6327
+ -ms-transform: translateX(-100%);
6328
+ transform: translateX(-100%);
6329
+ opacity: 0;
6330
+ }
6331
+
6332
+ .premium-button-style4-right:hover .premium-button-text-icon-wrapper {
6333
+ -webkit-transform: translateX(100%);
6334
+ -ms-transform: translateX(100%);
6335
+ transform: translateX(100%);
6336
+ opacity: 0;
6337
+ }
6338
+
6339
+ .premium-button-style6:before {
6340
+ content: "";
6341
+ position: absolute;
6342
+ right: 50%;
6343
+ top: 50%;
6344
+ width: 100px;
6345
+ height: 100px;
6346
+ -webkit-border-radius: 100%;
6347
+ border-radius: 100%;
6348
+ -webkit-transform: translate(50%, -50%) scale(0);
6349
+ -ms-transform: translate(50%, -50%) scale(0);
6350
+ transform: translate(50%, -50%) scale(0);
6351
+ -webkit-transition: all 0.3s ease-in-out;
6352
+ transition: all 0.3s ease-in-out;
6353
+ }
6354
+
6355
+ .premium-button-style6:hover:before {
6356
+ -webkit-transform: translate(50%, -50%) scale(3);
6357
+ -ms-transform: translate(50%, -50%) scale(3);
6358
+ transform: translate(50%, -50%) scale(3);
6359
+ }
6360
+
6361
+ .premium-button-style6 .premium-button-text-icon-wrapper {
6362
+ position: relative;
6363
+ z-index: 1;
6364
+ }
6365
+
6366
+ .premium-mouse-detect-yes .premium-button-style6 .premium-button-style6-bg {
6367
+ position: absolute;
6368
+ z-index: 0;
6369
+ top: 0;
6370
+ right: 0;
6371
+ width: 0px;
6372
+ height: 0px;
6373
+ -webkit-border-radius: 50%;
6374
+ border-radius: 50%;
6375
+ display: block;
6376
+ -webkit-transform: translate(50%, -50%);
6377
+ -ms-transform: translate(50%, -50%);
6378
+ transform: translate(50%, -50%);
6379
+ -webkit-transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
6380
+ transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
6381
+ }
6382
+
6383
+ .premium-mouse-detect-yes .premium-button-style6:hover .premium-button-style6-bg {
6384
+ width: 225%;
6385
+ height: 560px;
6386
+ }
6387
+
6388
+ .premium-mouse-detect-yes .premium-button-style6:before {
6389
+ width: 0;
6390
+ height: 0;
6391
+ }
6392
+
6393
+ .premium-button-style7-right .premium-button-text-icon-wrapper:before,
6394
+ .premium-button-style7-left .premium-button-text-icon-wrapper:before {
6395
+ -webkit-transition: width 0.3s ease-out 0.15s;
6396
+ transition: width 0.3s ease-out 0.15s;
6397
+ }
6398
+
6399
+ .premium-button-style7-right .premium-button-text-icon-wrapper:after,
6400
+ .premium-button-style7-left .premium-button-text-icon-wrapper:after {
6401
+ -webkit-transition: width 0.3s ease-out 0s;
6402
+ transition: width 0.3s ease-out 0s;
6403
+ }
6404
+
6405
+ .premium-button-style7-bottom .premium-button-text-icon-wrapper:before,
6406
+ .premium-button-style7-top .premium-button-text-icon-wrapper:before {
6407
+ -webkit-transition: height 0.3s ease-out 0.15s;
6408
+ transition: height 0.3s ease-out 0.15s;
6409
+ }
6410
+
6411
+ .premium-button-style7-bottom .premium-button-text-icon-wrapper:after,
6412
+ .premium-button-style7-top .premium-button-text-icon-wrapper:after {
6413
+ -webkit-transition: height 0.3s ease-out 0s;
6414
+ transition: height 0.3s ease-out 0s;
6415
+ }
6416
+
6417
+ .premium-button[class*="style7"]:hover .premium-button-text-icon-wrapper:before {
6418
+ -webkit-transition-delay: 0s;
6419
+ transition-delay: 0s;
6420
+ }
6421
+
6422
+ .premium-button[class*="style7"]:hover .premium-button-text-icon-wrapper:after {
6423
+ -webkit-transition-delay: 0.15s;
6424
+ transition-delay: 0.15s;
6425
+ }
6426
+
6427
+ .premium-button-style7-bottom .premium-button-text-icon-wrapper:before,
6428
+ .premium-button-style7-bottom .premium-button-text-icon-wrapper:after {
6429
+ content: "";
6430
+ position: absolute;
6431
+ left: 0;
6432
+ top: 0;
6433
+ right: 0;
6434
+ height: 0;
6435
+ z-index: -1;
6436
+ }
6437
+
6438
+ .premium-button-style7-top .premium-button-text-icon-wrapper:after,
6439
+ .premium-button-style7-top .premium-button-text-icon-wrapper:before {
6440
+ content: "";
6441
+ position: absolute;
6442
+ left: 0;
6443
+ bottom: 0;
6444
+ right: 0;
6445
+ height: 0;
6446
+ z-index: -1;
6447
+ }
6448
+
6449
+ .premium-button-style7-right .premium-button-text-icon-wrapper:after,
6450
+ .premium-button-style7-right .premium-button-text-icon-wrapper:before {
6451
+ content: "";
6452
+ position: absolute;
6453
+ right: 0;
6454
+ top: 0;
6455
+ bottom: 0;
6456
+ width: 0;
6457
+ z-index: -1;
6458
+ }
6459
+
6460
+ .premium-button-style7-left .premium-button-text-icon-wrapper:after,
6461
+ .premium-button-style7-left .premium-button-text-icon-wrapper:before {
6462
+ content: "";
6463
+ position: absolute;
6464
+ left: 0;
6465
+ top: 0;
6466
+ bottom: 0;
6467
+ width: 0;
6468
+ z-index: -1;
6469
+ }
6470
+
6471
+ .premium-button-style7-bottom:hover .premium-button-text-icon-wrapper:after,
6472
+ .premium-button-style7-bottom:hover .premium-button-text-icon-wrapper:before {
6473
+ height: 100%;
6474
+ top: 0;
6475
+ }
6476
+
6477
+ .premium-button-style7-top:hover .premium-button-text-icon-wrapper:after,
6478
+ .premium-button-style7-top:hover .premium-button-text-icon-wrapper:before {
6479
+ height: 100%;
6480
+ bottom: 0;
6481
+ }
6482
+
6483
+ .premium-button-style7-left:hover .premium-button-text-icon-wrapper:after,
6484
+ .premium-button-style7-left:hover .premium-button-text-icon-wrapper:before {
6485
+ width: 100%;
6486
+ left: 0;
6487
+ }
6488
+
6489
+ .premium-button-style7-right:hover .premium-button-text-icon-wrapper:after,
6490
+ .premium-button-style7-right:hover .premium-button-text-icon-wrapper:before {
6491
+ width: 100%;
6492
+ right: 0;
6493
+ }
6494
+
6495
+ /**************** Premium Contact Form7 **********/
6496
+ /*************************************************/
6497
+ .premium-contact-form-anim-yes .wpcf7-span::after {
6498
+ display: block;
6499
+ height: 2px;
6500
+ content: "";
6501
+ top: -2px;
6502
+ position: relative;
6503
+ width: 0px;
6504
+ -webkit-transition: all ease-in-out 0.3s;
6505
+ transition: all ease-in-out 0.3s;
6506
+ }
6507
+
6508
+ .premium-contact-form-anim-yes .wpcf7-span.is-focused::after {
6509
+ width: 100%;
6510
+ }
6511
+
6512
+ .premium-cf7-container input.wpcf7-submit {
6513
+ -webkit-transition: all 0.3s ease-in-out;
6514
+ transition: all 0.3s ease-in-out;
6515
+ }
6516
+
6517
+ /**************** Premium Image Button ***********/
6518
+ /*************************************************/
6519
+ .premium-image-button {
6520
+ -js-display: inline-flex;
6521
+ display: -webkit-inline-box;
6522
+ display: -webkit-inline-flex;
6523
+ display: -moz-inline-box;
6524
+ display: -ms-inline-flexbox;
6525
+ display: inline-flex;
6526
+ position: relative;
6527
+ overflow: hidden;
6528
+ background-color: #eee;
6529
+ cursor: pointer;
6530
+ -webkit-transition: all 0.2s ease-in-out !important;
6531
+ transition: all 0.2s ease-in-out !important;
6532
+ }
6533
+
6534
+ .premium-image-button .premium-button-style6-bg,
6535
+ .premium-image-button.premium-button-style6:before,
6536
+ .premium-image-button:not(.premium-image-button-style6):hover {
6537
+ background-color: #54595f;
6538
+ }
6539
+
6540
+ /*Default background for slide styles*/
6541
+ .premium-image-button:hover,
6542
+ .premium-image-button-style4-icon-wrapper,
6543
+ .premium-image-button-style1-top:before,
6544
+ .premium-image-button-style1-bottom:before,
6545
+ .premium-image-button-style1-left:before,
6546
+ .premium-image-button-style1-right:before {
6547
+ background-color: #54595f;
6548
+ }
6549
+
6550
+ .premium-image-button-text-icon-wrapper {
6551
+ width: 100%;
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-box-pack: center;
6559
+ -webkit-justify-content: center;
6560
+ -moz-box-pack: center;
6561
+ -ms-flex-pack: center;
6562
+ justify-content: center;
6563
+ -webkit-box-align: center;
6564
+ -webkit-align-items: center;
6565
+ -moz-box-align: center;
6566
+ -ms-flex-align: center;
6567
+ align-items: center;
6568
+ position: relative;
6569
+ z-index: 3;
6570
+ -webkit-transition: all 0.2s ease-in-out;
6571
+ transition: all 0.2s ease-in-out;
6572
+ }
6573
+
6574
+ .premium-image-button-text-icon-wrapper span,
6575
+ .premium-image-button-text-icon-wrapper,
6576
+ .premium-image-button-text-icon-wrapper i,
6577
+ .premium-image-button-text-icon-wrapper svg {
6578
+ -webkit-transition: all 0.2s ease-in-out;
6579
+ transition: all 0.2s ease-in-out;
6580
+ }
6581
+
6582
+ .premium-image-button-style1-bottom:before,
6583
+ .premium-image-button-style1-top:before,
6584
+ .premium-image-button-style1-left:before,
6585
+ .premium-image-button-style1-right:before {
6586
+ -webkit-transition: all 0.2s ease-in-out;
6587
+ transition: all 0.2s ease-in-out;
6588
+ }
6589
+
6590
+ .premium-image-button-style1-bottom:before {
6591
+ content: "";
6592
+ position: absolute;
6593
+ width: 100%;
6594
+ height: 0;
6595
+ top: 0;
6596
+ right: 0;
6597
+ }
6598
+
6599
+ .premium-image-button-style1-top:before {
6600
+ content: "";
6601
+ position: absolute;
6602
+ width: 100%;
6603
+ height: 0;
6604
+ bottom: 0;
6605
+ right: 0;
6606
+ }
6607
+
6608
+ .premium-image-button-style1-right:before {
6609
+ content: "";
6610
+ position: absolute;
6611
+ width: 0;
6612
+ height: 100%;
6613
+ bottom: 0;
6614
+ right: 0;
6615
+ }
6616
+
6617
+ .premium-image-button-style1-left:before {
6618
+ content: "";
6619
+ position: absolute;
6620
+ width: 0;
6621
+ height: 100%;
6622
+ top: 0;
6623
+ left: 0;
6624
+ }
6625
+
6626
+ .premium-image-button-style1-bottom:hover:before {
6627
+ height: 100%;
6628
+ }
6629
+
6630
+ .premium-image-button-style1-top:hover:before {
6631
+ height: 100%;
6632
+ }
6633
+
6634
+ .premium-image-button-style1-right:hover:before {
6635
+ width: 100%;
6636
+ }
6637
+
6638
+ .premium-image-button-style1-left:hover:before {
6639
+ width: 100%;
6640
+ }
6641
+
6642
+ .premium-image-button-diagonal-top,
6643
+ .premium-image-button-diagonal-bottom,
6644
+ .premium-image-button-diagonal-left,
6645
+ .premium-image-button-diagonal-right {
6646
+ z-index: 10;
6647
+ }
6648
+
6649
+ .premium-image-button-diagonal-top:before,
6650
+ .premium-image-button-diagonal-bottom:before,
6651
+ .premium-image-button-diagonal-left:before,
6652
+ .premium-image-button-diagonal-right:before {
6653
+ position: absolute;
6654
+ top: 0px;
6655
+ right: 0px;
6656
+ width: 100%;
6657
+ height: 100%;
6658
+ content: "";
6659
+ z-index: 1;
6660
+ background: rgba(255, 255, 255, 0.2);
6661
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6662
+ -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6663
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6664
+ -webkit-transition: all 0.8s ease-out;
6665
+ transition: all 0.8s ease-out;
6666
+ }
6667
+
6668
+ .premium-image-button-diagonal-right:hover:before,
6669
+ .premium-image-button-diagonal-left: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-left:hover:before,
6676
+ .premium-image-button-diagonal-right: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-top:hover:before,
6683
+ .premium-image-button-diagonal-bottom: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-diagonal-bottom:hover:before,
6690
+ .premium-image-button-diagonal-top:before {
6691
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
6692
+ -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
6693
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
6694
+ }
6695
+
6696
+ .premium-image-button-style4-icon-wrapper {
6697
+ position: absolute;
6698
+ z-index: 2;
6699
+ width: 100%;
6700
+ text-align: center;
6701
+ display: -webkit-box;
6702
+ display: -webkit-flex;
6703
+ display: -ms-flexbox;
6704
+ -js-display: flex;
6705
+ display: -moz-box;
6706
+ display: flex;
6707
+ -webkit-box-align: center;
6708
+ -webkit-align-items: center;
6709
+ -moz-box-align: center;
6710
+ -ms-flex-align: center;
6711
+ align-items: center;
6712
+ -webkit-box-pack: center;
6713
+ -webkit-justify-content: center;
6714
+ -moz-box-pack: center;
6715
+ -ms-flex-pack: center;
6716
+ justify-content: center;
6717
+ height: 100%;
6718
+ opacity: 0;
6719
+ -webkit-transition: all 0.3s ease-in-out;
6720
+ transition: all 0.3s ease-in-out;
6721
+ }
6722
+
6723
+ .premium-image-button-style4-icon-wrapper.top {
6724
+ bottom: -100%;
6725
+ right: 0;
6726
+ }
6727
+
6728
+ .premium-image-button-style4-icon-wrapper.bottom {
6729
+ top: -100%;
6730
+ right: 0;
6731
+ }
6732
+
6733
+ .premium-image-button-style4-icon-wrapper.left {
6734
+ top: 0;
6735
+ right: -100%;
6736
+ }
6737
+
6738
+ .premium-image-button-style4-icon-wrapper.right {
6739
+ top: 0;
6740
+ left: -100%;
6741
+ }
6742
+
6743
+ .premium-image-button-style4-bottom:hover .premium-image-button-style4-icon-wrapper {
6744
+ top: 0;
6745
+ opacity: 1;
6746
+ }
6747
+
6748
+ .premium-image-button-style4-top:hover .premium-image-button-style4-icon-wrapper {
6749
+ bottom: 0;
6750
+ opacity: 1;
6751
+ }
6752
+
6753
+ .premium-image-button-style4-left:hover .premium-image-button-style4-icon-wrapper {
6754
+ right: 0;
6755
+ opacity: 1;
6756
+ }
6757
+
6758
+ .premium-image-button-style4-right:hover .premium-image-button-style4-icon-wrapper {
6759
+ left: 0;
6760
+ opacity: 1;
6761
+ }
6762
+
6763
+ .premium-image-button-style4-bottom: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-top:hover .premium-image-button-text-icon-wrapper {
6771
+ -webkit-transform: translateY(-100%);
6772
+ -ms-transform: translateY(-100%);
6773
+ transform: translateY(-100%);
6774
+ opacity: 0;
6775
+ }
6776
+
6777
+ .premium-image-button-style4-left: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-style4-right:hover .premium-image-button-text-icon-wrapper {
6785
+ -webkit-transform: translateX(100%);
6786
+ -ms-transform: translateX(100%);
6787
+ transform: translateX(100%);
6788
+ opacity: 0;
6789
+ }
6790
+
6791
+ .premium-image-button-overlap-effect-horizontal:before,
6792
+ .premium-image-button-overlap-effect-vertical:before {
6793
+ position: absolute;
6794
+ content: "";
6795
+ top: 0;
6796
+ right: 0;
6797
+ width: 100%;
6798
+ height: 100%;
6799
+ opacity: 0;
6800
+ -webkit-transition: all 1s ease-in-out;
6801
+ transition: all 1s ease-in-out;
6802
+ background: rgba(255, 255, 255, 0.2);
6803
+ -webkit-animation-name: premium-overlap-effect-done;
6804
+ animation-name: premium-overlap-effect-done;
6805
+ -webkit-animation-duration: 1s;
6806
+ animation-duration: 1s;
6807
+ }
6808
+
6809
+ .premium-image-button-overlap-effect-vertical:before {
6810
+ -webkit-animation-name: premium-overlap-ver-effect-done;
6811
+ animation-name: premium-overlap-ver-effect-done;
6812
+ -webkit-animation-duration: 1s;
6813
+ animation-duration: 1s;
6814
+ }
6815
+
6816
+ .premium-image-button-overlap-effect-horizontal:hover:before {
6817
+ -webkit-animation-name: premium-overlap-effect;
6818
+ animation-name: premium-overlap-effect;
6819
+ -webkit-animation-duration: 1s;
6820
+ animation-duration: 1s;
6821
+ }
6822
+
6823
+ .premium-image-button-overlap-effect-vertical:hover:before {
6824
+ -webkit-animation-name: premium-overlap-ver-effect;
6825
+ animation-name: premium-overlap-ver-effect;
6826
+ -webkit-animation-duration: 1s;
6827
+ animation-duration: 1s;
6828
+ }
6829
+
6830
+ @-webkit-keyframes premium-overlap-effect {
6831
+ 0% {
6832
+ opacity: 0;
6833
+ -webkit-transform: rotateY(0deg);
6834
+ transform: rotateY(0deg);
6835
+ }
6836
+
6837
+ 50% {
6838
+ opacity: 1;
6839
+ -webkit-transform: rotateY(180deg);
6840
+ transform: rotateY(180deg);
6841
+ }
6842
+
6843
+ 100% {
6844
+ opacity: 0;
6845
+ -webkit-transform: rotateY(360deg);
6846
+ transform: rotateY(360deg);
6847
+ }
6848
+ }
6849
+
6850
+ @keyframes premium-overlap-effect {
6851
+ 0% {
6852
+ opacity: 0;
6853
+ -webkit-transform: rotateY(0deg);
6854
+ transform: rotateY(0deg);
6855
+ }
6856
+
6857
+ 50% {
6858
+ opacity: 1;
6859
+ -webkit-transform: rotateY(180deg);
6860
+ transform: rotateY(180deg);
6861
+ }
6862
+
6863
+ 100% {
6864
+ opacity: 0;
6865
+ -webkit-transform: rotateY(360deg);
6866
+ transform: rotateY(360deg);
6867
+ }
6868
+ }
6869
+
6870
+ @-webkit-keyframes premium-overlap-effect-done {
6871
+ 0% {
6872
+ opacity: 0;
6873
+ -webkit-transform: rotateY(0deg);
6874
+ transform: rotateY(0deg);
6875
+ }
6876
+
6877
+ 50% {
6878
+ opacity: 1;
6879
+ -webkit-transform: rotateY(180deg);
6880
+ transform: rotateY(180deg);
6881
+ }
6882
+
6883
+ 100% {
6884
+ opacity: 0;
6885
+ -webkit-transform: rotateY(360deg);
6886
+ transform: rotateY(360deg);
6887
+ }
6888
+ }
6889
+
6890
+ @keyframes premium-overlap-effect-done {
6891
+ 0% {
6892
+ opacity: 0;
6893
+ -webkit-transform: rotateY(0deg);
6894
+ transform: rotateY(0deg);
6895
+ }
6896
+
6897
+ 50% {
6898
+ opacity: 1;
6899
+ -webkit-transform: rotateY(180deg);
6900
+ transform: rotateY(180deg);
6901
+ }
6902
+
6903
+ 100% {
6904
+ opacity: 0;
6905
+ -webkit-transform: rotateY(360deg);
6906
+ transform: rotateY(360deg);
6907
+ }
6908
+ }
6909
+
6910
+ @-webkit-keyframes premium-overlap-ver-effect {
6911
+ 0% {
6912
+ opacity: 0;
6913
+ -webkit-transform: rotateX(0deg);
6914
+ transform: rotateX(0deg);
6915
+ }
6916
+
6917
+ 50% {
6918
+ opacity: 1;
6919
+ -webkit-transform: rotateX(180deg);
6920
+ transform: rotateX(180deg);
6921
+ }
6922
+
6923
+ 100% {
6924
+ opacity: 0;
6925
+ -webkit-transform: rotateX(360deg);
6926
+ transform: rotateX(360deg);
6927
+ }
6928
+ }
6929
+
6930
+ @keyframes premium-overlap-ver-effect {
6931
+ 0% {
6932
+ opacity: 0;
6933
+ -webkit-transform: rotateX(0deg);
6934
+ transform: rotateX(0deg);
6935
+ }
6936
+
6937
+ 50% {
6938
+ opacity: 1;
6939
+ -webkit-transform: rotateX(180deg);
6940
+ transform: rotateX(180deg);
6941
+ }
6942
+
6943
+ 100% {
6944
+ opacity: 0;
6945
+ -webkit-transform: rotateX(360deg);
6946
+ transform: rotateX(360deg);
6947
+ }
6948
+ }
6949
+
6950
+ @-webkit-keyframes premium-overlap-ver-effect-done {
6951
+ 0% {
6952
+ opacity: 0;
6953
+ -webkit-transform: rotateX(0deg);
6954
+ transform: rotateX(0deg);
6955
+ }
6956
+
6957
+ 50% {
6958
+ opacity: 1;
6959
+ -webkit-transform: rotateX(180deg);
6960
+ transform: rotateX(180deg);
6961
+ }
6962
+
6963
+ 100% {
6964
+ opacity: 0;
6965
+ -webkit-transform: rotateX(360deg);
6966
+ transform: rotateX(360deg);
6967
+ }
6968
+ }
6969
+
6970
+ @keyframes premium-overlap-ver-effect-done {
6971
+ 0% {
6972
+ opacity: 0;
6973
+ -webkit-transform: rotateX(0deg);
6974
+ transform: rotateX(0deg);
6975
+ }
6976
+
6977
+ 50% {
6978
+ opacity: 1;
6979
+ -webkit-transform: rotateX(180deg);
6980
+ transform: rotateX(180deg);
6981
+ }
6982
+
6983
+ 100% {
6984
+ opacity: 0;
6985
+ -webkit-transform: rotateX(360deg);
6986
+ transform: rotateX(360deg);
6987
+ }
6988
+ }
6989
+
6990
+ /******** Premium Media Grid ********/
6991
+ /************************************/
6992
+ .premium-img-gallery-filter,
6993
+ .premium-blog-filter {
6994
+ display: -webkit-box;
6995
+ display: -webkit-flex;
6996
+ display: -ms-flexbox;
6997
+ -js-display: flex;
6998
+ display: -moz-box;
6999
+ display: flex;
7000
+ -webkit-box-align: center;
7001
+ -webkit-align-items: center;
7002
+ -moz-box-align: center;
7003
+ -ms-flex-align: center;
7004
+ align-items: center;
7005
+ -webkit-box-pack: center;
7006
+ -webkit-justify-content: center;
7007
+ -moz-box-pack: center;
7008
+ -ms-flex-pack: center;
7009
+ justify-content: center;
7010
+ }
7011
+
7012
+ .premium-img-gallery {
7013
+ clear: both;
7014
+ overflow: hidden;
7015
+ }
7016
+
7017
+ .premium-gallery-container .premium-gallery-item {
7018
+ padding: 10px;
7019
+ float: right;
7020
+ /* Google Chrome isotope issue */
7021
+ }
7022
+
7023
+ .premium-gallery-container .grid-sizer {
7024
+ width: 33.33%;
7025
+ }
7026
+
7027
+ .premium-img-gallery-filter .premium-gallery-cats-container li a.category,
7028
+ .premium-blog-filter .premium-blog-filters-container li a.category {
7029
+ outline: none;
7030
+ text-decoration: none;
7031
+ -webkit-border-radius: 75px;
7032
+ border-radius: 75px;
7033
+ margin: 15px 5px 20px;
7034
+ padding: 7px 20px;
7035
+ -webkit-transition: all 0.3s ease-in-out;
7036
+ transition: all 0.3s ease-in-out;
7037
+ }
7038
+
7039
+ .premium-img-gallery-filter .premium-gallery-cats-container li a.category span {
7040
+ -webkit-transition: all 0.3s ease-in-out;
7041
+ transition: all 0.3s ease-in-out;
7042
+ }
7043
+
7044
+ .pa-gallery-img {
7045
+ position: relative;
7046
+ }
7047
+
7048
+ .pa-gallery-img .pa-gallery-whole-link {
7049
+ position: absolute;
7050
+ top: 0;
7051
+ right: 0;
7052
+ width: 100%;
7053
+ height: 100%;
7054
+ }
7055
+
7056
+ .pa-gallery-img.style2 .pa-gallery-whole-link {
7057
+ z-index: 99;
7058
+ }
7059
+
7060
+ .pa-gallery-img-container {
7061
+ overflow: hidden;
7062
+ -webkit-backface-visibility: hidden;
7063
+ -moz-backface-visibility: hidden;
7064
+ -webkit-transform: translate3d(0, 0, 0);
7065
+ transform: translate3d(0, 0, 0);
7066
+ }
7067
+
7068
+ .pa-gallery-img-container img {
7069
+ display: block;
7070
+ width: 100%;
7071
+ -webkit-transition: all 0.3s ease-in-out;
7072
+ transition: all 0.3s ease-in-out;
7073
+ }
7074
+
7075
+ .premium-img-gallery.gray img {
7076
+ -webkit-filter: grayscale(100%);
7077
+ filter: grayscale(100%);
7078
+ }
7079
+
7080
+ .premium-img-gallery.zoomout img,
7081
+ .premium-img-gallery.scale img {
7082
+ -webkit-transform: scale(1.2);
7083
+ -ms-transform: scale(1.2);
7084
+ transform: scale(1.2);
7085
+ }
7086
+
7087
+ .premium-img-gallery.sepia img {
7088
+ -webkit-filter: sepia(30%);
7089
+ filter: sepia(30%);
7090
+ }
7091
+
7092
+ .premium-img-gallery.bright img {
7093
+ -webkit-filter: brightness(1);
7094
+ filter: brightness(1);
7095
+ }
7096
+
7097
+ .premium-img-gallery.trans img {
7098
+ -webkit-transform: translateX(15px) scale(1.1);
7099
+ -ms-transform: translateX(15px) scale(1.1);
7100
+ transform: translateX(15px) scale(1.1);
7101
+ }
7102
+
7103
+ .pa-gallery-img .pa-gallery-magnific-image,
7104
+ .pa-gallery-img .pa-gallery-img-link {
7105
+ outline: none;
7106
+ }
7107
+
7108
+ .pa-gallery-img .pa-gallery-magnific-image i,
7109
+ .pa-gallery-img .pa-gallery-magnific-image svg,
7110
+ .pa-gallery-img .pa-gallery-img-link i,
7111
+ .pa-gallery-img .pa-gallery-img-link svg {
7112
+ -webkit-transition: all 0.3s ease-in-out;
7113
+ transition: all 0.3s ease-in-out;
7114
+ }
7115
+
7116
+ .pa-gallery-img .pa-gallery-magnific-image span,
7117
+ .pa-gallery-img .pa-gallery-img-link span {
7118
+ line-height: 1;
7119
+ display: inline-block;
7120
+ opacity: 0;
7121
+ margin: 0 5px;
7122
+ padding: 15px;
7123
+ -webkit-border-radius: 50%;
7124
+ border-radius: 50%;
7125
+ }
7126
+
7127
+ .pa-gallery-img.style2 .pa-gallery-magnific-image span,
7128
+ .pa-gallery-img.style2 .pa-gallery-img-link span {
7129
+ margin: 0 5px 20px;
7130
+ }
7131
+
7132
+ .pa-gallery-img:hover .pa-gallery-magnific-image span {
7133
+ -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
7134
+ transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
7135
+ }
7136
+
7137
+ .pa-gallery-img:hover .pa-gallery-img-link span {
7138
+ -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
7139
+ transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
7140
+ }
7141
+
7142
+ .pa-gallery-img:hover .pa-gallery-magnific-image span,
7143
+ .pa-gallery-img:hover .pa-gallery-img-link span,
7144
+ .premium-gallery-icon-show a.pa-gallery-video-icon span {
7145
+ opacity: 1;
7146
+ }
7147
+
7148
+ .premium-img-gallery-filter ul.premium-gallery-cats-container,
7149
+ .premium-blog-filter ul.premium-blog-filters-container {
7150
+ text-align: center;
7151
+ margin: 0;
7152
+ padding: 0;
7153
+ }
7154
+
7155
+ .premium-img-gallery-filter .premium-gallery-cats-container li,
7156
+ .premium-blog-filter .premium-blog-filters-container li {
7157
+ list-style: none;
7158
+ display: -webkit-inline-box;
7159
+ display: -webkit-inline-flex;
7160
+ display: -ms-inline-flexbox;
7161
+ -js-display: inline-flex;
7162
+ display: -moz-inline-box;
7163
+ display: inline-flex;
7164
+ }
7165
+
7166
+ .premium-img-gallery.zoomin .pa-gallery-img:hover img {
7167
+ -webkit-transform: scale(1.1);
7168
+ -ms-transform: scale(1.1);
7169
+ transform: scale(1.1);
7170
+ }
7171
+
7172
+ .premium-img-gallery.zoomout .pa-gallery-img:hover img {
7173
+ -webkit-transform: scale(1);
7174
+ -ms-transform: scale(1);
7175
+ transform: scale(1);
7176
+ }
7177
+
7178
+ .premium-img-gallery.scale .pa-gallery-img:hover img {
7179
+ -webkit-transform: scale(1.3) rotate(-5deg);
7180
+ -ms-transform: scale(1.3) rotate(-5deg);
7181
+ transform: scale(1.3) rotate(-5deg);
7182
+ }
7183
+
7184
+ .premium-img-gallery.gray .pa-gallery-img:hover img {
7185
+ -webkit-filter: grayscale(0%);
7186
+ filter: grayscale(0%);
7187
+ }
7188
+
7189
+ .premium-img-gallery.blur .pa-gallery-img:hover img {
7190
+ -webkit-filter: blur(3px);
7191
+ filter: blur(3px);
7192
+ }
7193
+
7194
+ .premium-img-gallery.sepia .pa-gallery-img:hover img {
7195
+ -webkit-filter: sepia(0%);
7196
+ filter: sepia(0%);
7197
+ }
7198
+
7199
+ .premium-img-gallery.trans .pa-gallery-img:hover img {
7200
+ -webkit-transform: translateX(0px) scale(1.1);
7201
+ -ms-transform: translateX(0px) scale(1.1);
7202
+ transform: translateX(0px) scale(1.1);
7203
+ }
7204
+
7205
+ .premium-img-gallery.bright .pa-gallery-img:hover img {
7206
+ -webkit-filter: brightness(1.2);
7207
+ filter: brightness(1.2);
7208
+ }
7209
+
7210
+ .pa-gallery-img .premium-gallery-caption {
7211
+ padding: 10px;
7212
+ }
7213
+
7214
+ .pa-gallery-img .premium-gallery-caption .premium-gallery-img-name {
7215
+ margin-bottom: 0;
7216
+ }
7217
+
7218
+ .pa-gallery-img.style1 {
7219
+ overflow: hidden;
7220
+ }
7221
+
7222
+ .pa-gallery-img:not(.style2) .pa-gallery-icons-wrapper {
7223
+ position: absolute;
7224
+ top: 0;
7225
+ right: 0;
7226
+ width: 100%;
7227
+ height: 100%;
7228
+ -webkit-transition: all 0.3s ease-in-out;
7229
+ transition: all 0.3s ease-in-out;
7230
+ }
7231
+
7232
+ .pa-gallery-img:not(.style2) .pa-gallery-icons-inner-container {
7233
+ position: absolute;
7234
+ top: 33.33%;
7235
+ width: 100%;
7236
+ text-align: center;
7237
+ -webkit-transform: translateY(-50%);
7238
+ -ms-transform: translateY(-50%);
7239
+ transform: translateY(-50%);
7240
+ z-index: 999;
7241
+ }
7242
+
7243
+ .premium-blog-post-container .premium-blog-entry-container {
7244
+ margin: 0 !important;
7245
+ }
7246
+
7247
+ .pa-gallery-img.style1 .premium-gallery-caption {
7248
+ position: absolute;
7249
+ top: auto;
7250
+ left: 0;
7251
+ right: 0;
7252
+ width: 100%;
7253
+ -webkit-transition: all 500ms ease 0s;
7254
+ transition: all 500ms ease 0s;
7255
+ -webkit-transform: translate3d(0, 100%, 0);
7256
+ -ms-transform: translate3d(0, 100%, 0);
7257
+ transform: translate3d(0, 100%, 0);
7258
+ }
7259
+
7260
+ .pa-gallery-img.default .premium-gallery-caption {
7261
+ position: absolute;
7262
+ top: auto;
7263
+ left: 0;
7264
+ right: 0;
7265
+ width: 100%;
7266
+ bottom: 0;
7267
+ }
7268
+
7269
+ .pa-gallery-img.style1:hover .premium-gallery-caption {
7270
+ -webkit-transform: translate3d(0, 0, 0);
7271
+ -ms-transform: translate3d(0, 0, 0);
7272
+ transform: translate3d(0, 0, 0);
7273
+ bottom: -1px !important;
7274
+ }
7275
+
7276
+ .pa-gallery-img.style2 .pa-gallery-icons-caption-container {
7277
+ position: absolute;
7278
+ top: 0;
7279
+ right: 0;
7280
+ width: 100%;
7281
+ height: 100%;
7282
+ opacity: 0;
7283
+ -webkit-backface-visibility: hidden;
7284
+ backface-visibility: hidden;
7285
+ -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
7286
+ -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
7287
+ transition: opacity 0.3s, -webkit-transform 0.3s;
7288
+ transition: transform 0.3s, opacity 0.3s;
7289
+ transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
7290
+ z-index: 1;
7291
+ background-color: rgba(108, 191, 226, 0.68);
7292
+ display: -webkit-box;
7293
+ display: -webkit-flex;
7294
+ display: -ms-flexbox;
7295
+ -js-display: flex;
7296
+ display: -moz-box;
7297
+ display: flex;
7298
+ text-align: center;
7299
+ -webkit-box-align: center;
7300
+ -webkit-align-items: center;
7301
+ -moz-box-align: center;
7302
+ -ms-flex-align: center;
7303
+ align-items: center;
7304
+ }
7305
+
7306
+ .pa-gallery-img.style2 .pa-gallery-icons-caption-cell {
7307
+ width: 100%;
7308
+ }
7309
+
7310
+ .pa-gallery-img.style2:hover .pa-gallery-icons-caption-container {
7311
+ opacity: 1;
7312
+ -webkit-transform: translate(-15px, 15px);
7313
+ -ms-transform: translate(-15px, 15px);
7314
+ transform: translate(-15px, 15px);
7315
+ }
7316
+
7317
+ .premium-clearfix {
7318
+ clear: both;
7319
+ }
7320
+
7321
+ .premium-gallery-container .pa-gallery-item {
7322
+ padding: 10px;
7323
+ }
7324
+
7325
+ /**
7326
+ * Metro Layout
7327
+ */
7328
+ .premium-img-gallery-metro .premium-gallery-item {
7329
+ overflow: hidden;
7330
+ }
7331
+
7332
+ .premium-img-gallery-metro .pa-gallery-img {
7333
+ height: 100%;
7334
+ }
7335
+
7336
+ .premium-img-gallery-metro .pa-gallery-img-container {
7337
+ height: 100%;
7338
+ }
7339
+
7340
+ .premium-img-gallery-metro .pa-gallery-img-container img {
7341
+ min-height: 100%;
7342
+ width: 100%;
7343
+ -o-object-fit: fill;
7344
+ object-fit: fill;
7345
+ }
7346
+
7347
+ .premium-img-gallery .premium-gallery-item-hidden {
7348
+ visibility: hidden;
7349
+ width: 0 !important;
7350
+ height: 0 !important;
7351
+ margin: 0 !important;
7352
+ padding: 0 !important;
7353
+ }
7354
+
7355
+ .premium-gallery-load-more .premium-gallery-load-more-btn {
7356
+ -webkit-box-shadow: none;
7357
+ box-shadow: none;
7358
+ text-shadow: none;
7359
+ border: none;
7360
+ outline: none;
7361
+ -webkit-box-align: center;
7362
+ -ms-flex-align: center;
7363
+ -webkit-align-items: center;
7364
+ -moz-box-align: center;
7365
+ align-items: center;
7366
+ vertical-align: bottom;
7367
+ cursor: pointer;
7368
+ line-height: 1;
7369
+ font-style: normal;
7370
+ font-weight: normal;
7371
+ background-image: none;
7372
+ color: #fff;
7373
+ -webkit-transition: all 0.3s ease-in-out;
7374
+ transition: all 0.3s ease-in-out;
7375
+ }
7376
+
7377
+ .premium-gallery-load-more-btn {
7378
+ display: -webkit-inline-box;
7379
+ display: -webkit-inline-flex;
7380
+ display: -ms-inline-flexbox;
7381
+ -js-display: inline-flex;
7382
+ display: -moz-inline-box;
7383
+ display: inline-flex;
7384
+ -webkit-box-align: center;
7385
+ -webkit-align-items: center;
7386
+ -moz-box-align: center;
7387
+ -ms-flex-align: center;
7388
+ align-items: center;
7389
+ }
7390
+
7391
+ .premium-loader {
7392
+ border: 3px solid #f3f3f3;
7393
+ border-top-width: 3px;
7394
+ border-top-style: solid;
7395
+ border-top-color: rgb(243, 243, 243);
7396
+ -webkit-border-radius: 50%;
7397
+ border-radius: 50%;
7398
+ border-top: 3px solid;
7399
+ border-top-color: #bbb;
7400
+ width: 30px;
7401
+ height: 30px;
7402
+ -webkit-animation: spin 2s linear infinite;
7403
+ animation: spin 2s linear infinite;
7404
+ margin: 0 auto;
7405
+ }
7406
+
7407
+ .premium-gallery-load-more-btn div {
7408
+ margin-right: 3px;
7409
+ }
7410
+
7411
+ .premium-gallery-load-more-btn .premium-loader {
7412
+ display: inline-block;
7413
+ width: 20px;
7414
+ height: 20px;
7415
+ }
7416
+
7417
+ /** * Video */
7418
+ .pa-gallery-img .pa-gallery-lightbox-wrap {
7419
+ display: inline-block;
7420
+ }
7421
+
7422
+ .premium-img-gallery-no-lightbox .premium-gallery-video-item .pa-gallery-img,
7423
+ .pa-gallery-img .pa-gallery-video-icon {
7424
+ cursor: pointer;
7425
+ }
7426
+
7427
+ .pa-gallery-img-container iframe,
7428
+ .pa-gallery-img-container video {
7429
+ position: absolute;
7430
+ visibility: hidden;
7431
+ top: 0;
7432
+ right: 0;
7433
+ max-width: 100%;
7434
+ width: 100%;
7435
+ height: 100%;
7436
+ margin: 0;
7437
+ line-height: 1;
7438
+ border: none;
7439
+ }
7440
+
7441
+ .pa-gallery-img-container video {
7442
+ -o-object-fit: contain;
7443
+ object-fit: contain;
7444
+ }
7445
+
7446
+ .pa-gallery-icons-inner-container svg,
7447
+ .pa-gallery-icons-caption-cell svg {
7448
+ width: 14px;
7449
+ height: 14px;
7450
+ }
7451
+
7452
+ .premium-gallery-gradient-layer {
7453
+ position: absolute;
7454
+ bottom: 40px;
7455
+ width: 100%;
7456
+ height: 20px;
7457
+ background: -webkit-gradient(linear, left bottom, left top, from(#17181f), to(rgba(255, 255, 255, 0)));
7458
+ background: -webkit-linear-gradient(bottom, #17181f 0%, rgba(255, 255, 255, 0) 100%);
7459
+ background: linear-gradient(to top, #17181f 0%, rgba(255, 255, 255, 0) 100%);
7460
+ }
7461
+
7462
+ @-webkit-keyframes spin {
7463
+ 0% {
7464
+ -webkit-transform: rotate(0deg);
7465
+ }
7466
+
7467
+ 100% {
7468
+ -webkit-transform: rotate(-360deg);
7469
+ }
7470
+ }
7471
+
7472
+ @keyframes spin {
7473
+ 0% {
7474
+ -webkit-transform: rotate(0deg);
7475
+ transform: rotate(0deg);
7476
+ }
7477
+
7478
+ 100% {
7479
+ -webkit-transform: rotate(-360deg);
7480
+ transform: rotate(-360deg);
7481
+ }
7482
+ }
7483
+
7484
+ /************ Premium Vertical Scroll ************/
7485
+ /*************************************************/
7486
+ .premium-vscroll-inner {
7487
+ position: relative;
7488
+ /* overflow: hidden;
7489
+ */
7490
+ min-height: 100%;
7491
+ }
7492
+
7493
+ .premium-vscroll-inner .premium-vscroll-dots {
7494
+ position: fixed;
7495
+ z-index: 100;
7496
+ opacity: 1;
7497
+ margin-top: -32px;
7498
+ -webkit-transition: all 0.3s ease-in-out;
7499
+ transition: all 0.3s ease-in-out;
7500
+ }
7501
+
7502
+ .premium-vscroll-wrap .premium-vscroll-nav-menu {
7503
+ opacity: 1;
7504
+ -webkit-transition: all 0.3s ease-in-out;
7505
+ transition: all 0.3s ease-in-out;
7506
+ }
7507
+
7508
+ .premium-vscroll-inner .premium-vscroll-dots,
7509
+ .premium-vscroll-wrap .premium-vscroll-dots-hide {
7510
+ opacity: 0;
7511
+ visibility: hidden;
7512
+ }
7513
+
7514
+ .premium-vscroll-nav-dots-yes .premium-vscroll-inner .premium-vscroll-dots {
7515
+ opacity: 1;
7516
+ visibility: visible;
7517
+ }
7518
+
7519
+ .premium-vscroll-dots.middle {
7520
+ top: 50%;
7521
+ }
7522
+
7523
+ .premium-vscroll-dots.top {
7524
+ top: 40px;
7525
+ }
7526
+
7527
+ .premium-vscroll-dots.bottom {
7528
+ bottom: 30px;
7529
+ }
7530
+
7531
+ .premium-vscroll-dots.right {
7532
+ left: 17px;
7533
+ }
7534
+
7535
+ .premium-vscroll-dots.left {
7536
+ right: 17px;
7537
+ }
7538
+
7539
+ .premium-vscroll-inner ul.premium-vscroll-dots-list,
7540
+ .premium-vscroll-wrap .premium-vscroll-nav-menu {
7541
+ margin: 0 !important;
7542
+ padding: 0;
7543
+ }
7544
+
7545
+ .premium-vscroll-inner ul.premium-vscroll-dots-list li {
7546
+ width: 14px;
7547
+ height: 13px;
7548
+ margin: 7px;
7549
+ position: relative;
7550
+ display: -webkit-box;
7551
+ display: -webkit-flex;
7552
+ display: -ms-flexbox;
7553
+ -js-display: flex;
7554
+ display: -moz-box;
7555
+ display: flex;
7556
+ -webkit-box-pack: center;
7557
+ -ms-flex-pack: center;
7558
+ -webkit-justify-content: center;
7559
+ -moz-box-pack: center;
7560
+ justify-content: center;
7561
+ -webkit-box-align: center;
7562
+ -ms-flex-align: center;
7563
+ -webkit-align-items: center;
7564
+ -moz-box-align: center;
7565
+ align-items: center;
7566
+ overflow: visible;
7567
+ }
7568
+
7569
+ .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link {
7570
+ display: block;
7571
+ position: relative;
7572
+ z-index: 1;
7573
+ width: 100%;
7574
+ height: 100%;
7575
+ cursor: pointer;
7576
+ text-decoration: none;
7577
+ }
7578
+
7579
+ .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link span {
7580
+ top: 2px;
7581
+ right: 2.5px;
7582
+ width: 8px;
7583
+ height: 8px;
7584
+ border: 1px solid #000;
7585
+ -webkit-border-radius: 50%;
7586
+ border-radius: 50%;
7587
+ position: absolute;
7588
+ z-index: 1;
7589
+ -webkit-transition: all 0.3s ease-in-out;
7590
+ transition: all 0.3s ease-in-out;
7591
+ }
7592
+
7593
+ .premium-vscroll-inner .premium-vscroll-dot-item.active .premium-vscroll-nav-link span {
7594
+ -webkit-transform: scale(1.6);
7595
+ -ms-transform: scale(1.6);
7596
+ transform: scale(1.6);
7597
+ }
7598
+
7599
+ .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-tooltip {
7600
+ position: absolute;
7601
+ color: #fff;
7602
+ font-size: 14px;
7603
+ font-family: arial, helvetica, sans-serif;
7604
+ white-space: nowrap;
7605
+ max-width: 220px;
7606
+ padding-right: 0.4em;
7607
+ padding-left: 0.4em;
7608
+ }
7609
+
7610
+ .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip {
7611
+ left: 27px;
7612
+ }
7613
+
7614
+ /* * Lines */
7615
+ .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item {
7616
+ width: 4px;
7617
+ height: 30px;
7618
+ }
7619
+
7620
+ .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item span {
7621
+ width: 100%;
7622
+ height: 100%;
7623
+ -webkit-border-radius: 0;
7624
+ border-radius: 0;
7625
+ }
7626
+
7627
+ .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item.active span {
7628
+ -webkit-transform: scale(1);
7629
+ -ms-transform: scale(1);
7630
+ transform: scale(1);
7631
+ }
7632
+
7633
+ @media (max-width: 768px) {
7634
+ .premium-vscroll-dots.right {
7635
+ left: 7px;
7636
+ }
7637
+
7638
+ .premium-vscroll-dots.left {
7639
+ right: 7px;
7640
+ }
7641
+ }
7642
+
7643
+ .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip::after {
7644
+ position: absolute;
7645
+ top: 50%;
7646
+ content: "";
7647
+ right: -webkit-calc(100% - 1px);
7648
+ right: calc(100% - 1px);
7649
+ width: 10px;
7650
+ height: 0;
7651
+ border-top: 6px solid transparent;
7652
+ border-bottom: 6px solid transparent;
7653
+ border-right: 6px solid;
7654
+ -webkit-transform: translateY(-50%);
7655
+ -ms-transform: translateY(-50%);
7656
+ transform: translateY(-50%);
7657
+ }
7658
+
7659
+ .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip::after {
7660
+ position: absolute;
7661
+ top: 50%;
7662
+ content: "";
7663
+ left: -webkit-calc(100% - 1px);
7664
+ left: calc(100% - 1px);
7665
+ width: 10px;
7666
+ height: 0;
7667
+ border-top: 6px solid transparent;
7668
+ border-bottom: 6px solid transparent;
7669
+ border-left: 6px solid;
7670
+ -webkit-transform: translateY(-50%);
7671
+ -ms-transform: translateY(-50%);
7672
+ transform: translateY(-50%);
7673
+ }
7674
+
7675
+ .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip {
7676
+ right: 27px;
7677
+ }
7678
+
7679
+ .premium-vscroll-nav-menu {
7680
+ position: fixed;
7681
+ top: 20px;
7682
+ height: 40px;
7683
+ z-index: 100;
7684
+ padding: 0;
7685
+ margin: 0;
7686
+ }
7687
+
7688
+ .premium-vscroll-nav-menu.left {
7689
+ right: 0;
7690
+ }
7691
+
7692
+ .premium-vscroll-nav-menu.right {
7693
+ left: 0;
7694
+ }
7695
+
7696
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item {
7697
+ display: inline-block;
7698
+ margin: 10px;
7699
+ color: #000;
7700
+ background: #fff;
7701
+ background: rgba(255, 255, 255, 0.3);
7702
+ }
7703
+
7704
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link {
7705
+ padding: 9px 18px;
7706
+ display: block;
7707
+ cursor: pointer;
7708
+ }
7709
+
7710
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link,
7711
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:hover {
7712
+ color: #000;
7713
+ }
7714
+
7715
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:focus,
7716
+ .multiscroll-nav li a:focus {
7717
+ outline: none;
7718
+ }
7719
+
7720
+ .premium-vscroll-temp .slimScrollBar {
7721
+ visibility: hidden;
7722
+ }
7723
+
7724
+ /************ Premium Image Scroll ***************/
7725
+ /*************************************************/
7726
+ .premium-image-scroll-section,
7727
+ .premium-image-scroll-container {
7728
+ -webkit-transition: all 0.3s ease-in-out;
7729
+ transition: all 0.3s ease-in-out;
7730
+ }
7731
+
7732
+ .premium-image-scroll-section {
7733
+ position: relative;
7734
+ overflow: hidden;
7735
+ width: 100%;
7736
+ -webkit-mask-image: -webkit-radial-gradient(white, black);
7737
+ }
7738
+
7739
+ .premium-image-scroll-container {
7740
+ width: 100%;
7741
+ }
7742
+
7743
+ .premium-image-scroll-container .premium-image-scroll-mask-media {
7744
+ -webkit-mask-repeat: no-repeat;
7745
+ mask-repeat: no-repeat;
7746
+ -webkit-mask-position: center;
7747
+ mask-position: center;
7748
+ }
7749
+
7750
+ .premium-container-scroll {
7751
+ overflow: auto;
7752
+ }
7753
+
7754
+ .premium-image-scroll-container .premium-image-scroll-horizontal {
7755
+ position: relative;
7756
+ width: 100%;
7757
+ height: 100%;
7758
+ }
7759
+
7760
+ .premium-image-scroll-container .premium-image-scroll-horizontal img {
7761
+ max-width: none;
7762
+ height: 100%;
7763
+ }
7764
+
7765
+ .premium-image-scroll-container .premium-image-scroll-vertical img {
7766
+ width: 100%;
7767
+ max-width: 100%;
7768
+ height: auto;
7769
+ }
7770
+
7771
+ .premium-image-scroll-ver {
7772
+ position: relative;
7773
+ }
7774
+
7775
+ .premium-image-scroll-container .premium-image-scroll-overlay {
7776
+ background: rgba(2, 2, 2, 0.3);
7777
+ }
7778
+
7779
+ .premium-image-scroll-container .premium-image-scroll-link,
7780
+ .premium-image-scroll-container .premium-image-scroll-overlay {
7781
+ position: absolute;
7782
+ top: 0;
7783
+ bottom: 0;
7784
+ right: 0;
7785
+ left: 0;
7786
+ z-index: 4;
7787
+ }
7788
+
7789
+ .premium-image-scroll-content {
7790
+ display: inline-block;
7791
+ position: absolute;
7792
+ height: auto;
7793
+ top: 50%;
7794
+ right: 50%;
7795
+ text-align: center;
7796
+ z-index: 5;
7797
+ -webkit-transform: translate(50%, -50%);
7798
+ -ms-transform: translate(50%, -50%);
7799
+ transform: translate(50%, -50%);
7800
+ }
7801
+
7802
+ .premium-container-scroll-instant .premium-image-scroll-image {
7803
+ -webkit-transition: all 0s ease-in-out !important;
7804
+ transition: all 0s ease-in-out !important;
7805
+ }
7806
+
7807
+ .premium-image-scroll-container img {
7808
+ -webkit-transition: -webkit-transform 3s ease-in-out;
7809
+ transition: -webkit-transform 3s ease-in-out;
7810
+ transition: transform 3s ease-in-out;
7811
+ transition: transform 3s ease-in-out, -webkit-transform 3s ease-in-out;
7812
+ }
7813
+
7814
+ .premium-image-scroll-container .premium-image-scroll-overlay,
7815
+ .premium-image-scroll-container .premium-image-scroll-content {
7816
+ -webkit-transition: all 0.3s ease-in-out;
7817
+ transition: all 0.3s ease-in-out;
7818
+ opacity: 1;
7819
+ }
7820
+
7821
+ .premium-image-scroll-container:hover .premium-image-scroll-overlay {
7822
+ opacity: 0;
7823
+ }
7824
+
7825
+ .premium-image-scroll-container:hover .premium-image-scroll-content {
7826
+ opacity: 0;
7827
+ visibility: hidden;
7828
+ }
7829
+
7830
+ .premium-image-scroll-content .premium-image-scroll-icon {
7831
+ display: inline-block;
7832
+ font-family: "pa-elements" !important;
7833
+ speak: none;
7834
+ font-style: normal;
7835
+ font-weight: normal;
7836
+ font-variant: normal;
7837
+ text-transform: none;
7838
+ line-height: 1;
7839
+ -webkit-font-smoothing: antialiased;
7840
+ -moz-osx-font-smoothing: grayscale;
7841
+ -webkit-animation-duration: 0.5s;
7842
+ animation-duration: 0.5s;
7843
+ -webkit-animation-iteration-count: infinite;
7844
+ animation-iteration-count: infinite;
7845
+ -webkit-animation-direction: alternate;
7846
+ animation-direction: alternate;
7847
+ -webkit-animation-timing-function: ease-in-out;
7848
+ animation-timing-function: ease-in-out;
7849
+ }
7850
+
7851
+ .pa-horizontal-mouse-scroll:before {
7852
+ content: "\e917";
7853
+ }
7854
+
7855
+ .pa-vertical-mouse-scroll:before {
7856
+ content: "\e918";
7857
+ }
7858
+
7859
+ .pa-horizontal-mouse-scroll {
7860
+ -webkit-animation-name: pa-scroll-horizontal;
7861
+ animation-name: pa-scroll-horizontal;
7862
+ }
7863
+
7864
+ .pa-vertical-mouse-scroll {
7865
+ -webkit-animation-name: pa-scroll-vertical;
7866
+ animation-name: pa-scroll-vertical;
7867
+ }
7868
+
7869
+ @-webkit-keyframes pa-scroll-vertical {
7870
+ 0% {
7871
+ -webkit-transform: translateY(0px);
7872
+ transform: translateY(0px);
7873
+ }
7874
+
7875
+ 100% {
7876
+ -webkit-transform: translateY(5px);
7877
+ transform: translateY(5px);
7878
+ }
7879
+ }
7880
+
7881
+ @keyframes pa-scroll-vertical {
7882
+ 0% {
7883
+ -webkit-transform: translateY(0px);
7884
+ transform: translateY(0px);
7885
+ }
7886
+
7887
+ 100% {
7888
+ -webkit-transform: translateY(5px);
7889
+ transform: translateY(5px);
7890
+ }
7891
+ }
7892
+
7893
+ @-webkit-keyframes pa-scroll-horizontal {
7894
+ 0% {
7895
+ -webkit-transform: translateX(0px);
7896
+ transform: translateX(0px);
7897
+ }
7898
+
7899
+ 100% {
7900
+ -webkit-transform: translateX(-5px);
7901
+ transform: translateX(-5px);
7902
+ }
7903
+ }
7904
+
7905
+ @keyframes pa-scroll-horizontal {
7906
+ 0% {
7907
+ -webkit-transform: translateX(0px);
7908
+ transform: translateX(0px);
7909
+ }
7910
+
7911
+ 100% {
7912
+ -webkit-transform: translateX(-5px);
7913
+ transform: translateX(-5px);
7914
+ }
7915
+ }
7916
+
7917
+ /********* Premium Lottie Animations **********/
7918
+ /**********************************************/
7919
+ .premium-lottie-wrap .premium-lottie-animation {
7920
+ position: relative;
7921
+ -js-display: inline-flex;
7922
+ display: -webkit-inline-box;
7923
+ display: -webkit-inline-flex;
7924
+ display: -moz-inline-box;
7925
+ display: -ms-inline-flexbox;
7926
+ display: inline-flex;
7927
+ -webkit-transition: all 0.3s ease-in-out;
7928
+ transition: all 0.3s ease-in-out;
7929
+ }
7930
+
7931
+ .premium-lottie-wrap .premium-lottie-animation a {
7932
+ position: absolute;
7933
+ left: 0;
7934
+ top: 0;
7935
+ width: 100%;
7936
+ height: 100%;
7937
+ z-index: 2;
7938
+ }
7939
+
7940
+ /**************** Premium Bullet List *****************/
7941
+ /******************************************************/
7942
+ .premium-bullet-list-box {
7943
+ -js-display: flex;
7944
+ display: -webkit-box;
7945
+ display: -webkit-flex;
7946
+ display: -moz-box;
7947
+ display: -ms-flexbox;
7948
+ display: flex;
7949
+ -webkit-flex-wrap: wrap;
7950
+ -ms-flex-wrap: wrap;
7951
+ flex-wrap: wrap;
7952
+ -webkit-box-orient: vertical;
7953
+ -webkit-box-direction: normal;
7954
+ -webkit-flex-direction: column;
7955
+ -moz-box-orient: vertical;
7956
+ -moz-box-direction: normal;
7957
+ -ms-flex-direction: column;
7958
+ flex-direction: column;
7959
+ }
7960
+
7961
+ .premium-bullet-list-box .premium-bullet-list-content-grow-lc {
7962
+ -webkit-transform-origin: right center;
7963
+ -ms-transform-origin: right center;
7964
+ transform-origin: right center;
7965
+ }
7966
+
7967
+ .premium-bullet-list-box .premium-bullet-list-content-grow-rc {
7968
+ -webkit-transform-origin: left center;
7969
+ -ms-transform-origin: left center;
7970
+ transform-origin: left center;
7971
+ }
7972
+
7973
+ .premium-bullet-list-box .premium-bullet-list-content-grow-cc {
7974
+ -webkit-transform-origin: center center;
7975
+ -ms-transform-origin: center center;
7976
+ transform-origin: center center;
7977
+ }
7978
+
7979
+ .premium-bullet-list-content {
7980
+ -js-display: flex;
7981
+ display: -webkit-box;
7982
+ display: -webkit-flex;
7983
+ display: -moz-box;
7984
+ display: -ms-flexbox;
7985
+ display: flex;
7986
+ -webkit-transition: all 0.3s ease-in-out;
7987
+ transition: all 0.3s ease-in-out;
7988
+ width: auto;
7989
+ position: relative;
7990
+ }
7991
+
7992
+ .premium-bullet-list-content .premium-bullet-list-text span,
7993
+ .premium-bullet-list-content .premium-bullet-list-wrapper {
7994
+ display: inline-block;
7995
+ -webkit-align-self: center;
7996
+ -ms-flex-item-align: center;
7997
+ align-self: center;
7998
+ -webkit-transition: all 0.3s ease-in-out;
7999
+ transition: all 0.3s ease-in-out;
8000
+ }
8001
+
8002
+ .premium-bullet-list-content .premium-bullet-list-text span {
8003
+ margin: 0 5px;
8004
+ }
8005
+
8006
+ .premium-bullet-list-content .premium-bullet-list-icon-text p {
8007
+ font-size: 18px;
8008
+ background-color: #eee;
8009
+ padding: 1px 5px;
8010
+ -webkit-border-radius: 2px;
8011
+ border-radius: 2px;
8012
+ }
8013
+
8014
+ .premium-bullet-list-content .premium-bullet-list-text span,
8015
+ .premium-bullet-list-content .premium-bullet-list-icon-text p,
8016
+ .premium-bullet-list-content .premium-bullet-list-wrapper img,
8017
+ .premium-bullet-list-content .premium-bullet-list-wrapper svg,
8018
+ .premium-bullet-list-content .premium-bullet-list-wrapper i {
8019
+ -webkit-transition: all 0.3s ease-in-out;
8020
+ transition: all 0.3s ease-in-out;
8021
+ }
8022
+
8023
+ .premium-bullet-list-content .premium-bullet-list-wrapper {
8024
+ position: relative;
8025
+ line-height: 0;
8026
+ }
8027
+
8028
+ .premium-bullet-list-content .premium-bullet-list-wrapper img,
8029
+ .premium-bullet-list-content .premium-bullet-list-wrapper svg {
8030
+ width: 30px !important;
8031
+ height: 30px !important;
8032
+ position: relative;
8033
+ z-index: 500;
8034
+ }
8035
+
8036
+ .premium-bullet-list-content .premium-bullet-list-wrapper i,
8037
+ .premium-bullet-list-content .premium-bullet-list-wrapper .premium-bullet-list-icon-text {
8038
+ position: relative;
8039
+ z-index: 500;
8040
+ }
8041
+
8042
+ .premium-bullet-list-content .premium-bullet-list-link {
8043
+ position: absolute;
8044
+ top: 0;
8045
+ right: 0;
8046
+ width: 100%;
8047
+ height: 100%;
8048
+ z-index: 1000;
8049
+ }
8050
+
8051
+ .premium-bullet-list-content:not(:last-of-type) .premium-bullet-list-connector {
8052
+ width: 100%;
8053
+ height: 100%;
8054
+ position: absolute;
8055
+ top: 0.5em;
8056
+ z-index: 100;
8057
+ -js-display: flex;
8058
+ display: -webkit-box;
8059
+ display: -webkit-flex;
8060
+ display: -moz-box;
8061
+ display: -ms-flexbox;
8062
+ display: flex;
8063
+ -webkit-box-pack: center;
8064
+ -webkit-justify-content: center;
8065
+ -moz-box-pack: center;
8066
+ -ms-flex-pack: center;
8067
+ justify-content: center;
8068
+ }
8069
+
8070
+ .premium-bullet-list-content:not(:last-of-type) .premium-bullet-list-connector .premium-icon-connector-content:after {
8071
+ content: "";
8072
+ border-left-width: 1px;
8073
+ border-left-style: solid;
8074
+ border-color: #333333;
8075
+ display: block;
8076
+ height: 100%;
8077
+ }
8078
+
8079
+ li.premium-bullet-list-content.premium-bullet-list-content-inline {
8080
+ -webkit-align-self: center;
8081
+ -ms-flex-item-align: center;
8082
+ align-self: center;
8083
+ z-index: 2;
8084
+ }
8085
+
8086
+ li.premium-bullet-list-content.premium-bullet-list-content-inline:not(:first-child) {
8087
+ margin: 0 3px;
8088
+ }
8089
+
8090
+ li.premium-bullet-list-content.premium-bullet-list-content-inline:first-child {
8091
+ margin: 0 0 0 3px;
8092
+ }
8093
+
8094
+ .premium-bullet-list-divider:not(:last-child) {
8095
+ width: 100%;
8096
+ -webkit-box-flex: 0;
8097
+ -webkit-flex: 0 0 100%;
8098
+ -moz-box-flex: 0;
8099
+ -ms-flex: 0 0 100%;
8100
+ flex: 0 0 100%;
8101
+ overflow: hidden;
8102
+ }
8103
+
8104
+ .premium-bullet-list-divider:not(:last-child):after {
8105
+ content: "";
8106
+ display: block;
8107
+ border-top-style: solid;
8108
+ border-top-width: 1px;
8109
+ }
8110
+
8111
+ .premium-bullet-list-divider-inline:not(:last-child) {
8112
+ float: left;
8113
+ display: inline-block;
8114
+ position: relative;
8115
+ height: 100%;
8116
+ overflow: hidden;
8117
+ -webkit-align-self: center;
8118
+ -ms-flex-item-align: center;
8119
+ align-self: center;
8120
+ margin: 0 3px;
8121
+ }
8122
+
8123
+ .premium-bullet-list-divider-inline:not(:last-child):after {
8124
+ content: "";
8125
+ display: block;
8126
+ border-right-width: 1px;
8127
+ height: 33px;
8128
+ border-right-style: solid;
8129
+ }
8130
+
8131
+ .premium-bullet-list-icon-text {
8132
+ line-height: 1.5;
8133
+ }
8134
+
8135
+ .premium-bullet-list-icon-text p,
8136
+ ul.premium-bullet-list-box,
8137
+ li.premium-bullet-list-content {
8138
+ margin: 0;
8139
+ }
8140
+
8141
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper i,
8142
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-text span,
8143
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-icon-text p {
8144
+ color: transparent !important;
8145
+ text-shadow: 0 0 3px #aaa;
8146
+ }
8147
+
8148
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-icon-connector-content,
8149
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper .premium-lottie-animation svg,
8150
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper img,
8151
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-badge {
8152
+ -webkit-filter: blur(3px);
8153
+ filter: blur(3px);
8154
+ }
8155
+
8156
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper i,
8157
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-text span,
8158
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-icon-text p {
8159
+ color: #aaa !important;
8160
+ text-shadow: 0 0px 0 transparent;
8161
+ }
8162
+
8163
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-icon-connector-content,
8164
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper .premium-lottie-animation svg,
8165
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper img,
8166
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-badge {
8167
+ -webkit-filter: none;
8168
+ filter: none;
8169
+ }
8170
+
8171
+ .premium-bullet-list-content .premium-bullet-list-badge {
8172
+ font-size: 11px;
8173
+ top: auto;
8174
+ min-width: -webkit-max-content;
8175
+ min-width: -moz-max-content;
8176
+ min-width: max-content;
8177
+ height: -webkit-fit-content;
8178
+ height: -moz-fit-content;
8179
+ height: fit-content;
8180
+ }
8181
+
8182
+ .premium-bullet-list-content .premium-bullet-list-icon-text p {
8183
+ font-size: 13px;
8184
+ }
8185
+
8186
+ .premium-bullet-list-gradient-effect[data-text] {
8187
+ display: inline-block;
8188
+ position: relative;
8189
+ text-decoration: none;
8190
+ }
8191
+
8192
+ .premium-bullet-list-gradient-effect[data-text]::before {
8193
+ content: attr(data-text);
8194
+ position: absolute;
8195
+ z-index: 1;
8196
+ overflow: hidden;
8197
+ -webkit-clip-path: polygon(100% 100%, 100% 100%, 50% 50%);
8198
+ clip-path: polygon(100% 100%, 100% 100%, 50% 50%);
8199
+ -webkit-background-clip: text;
8200
+ background-clip: text;
8201
+ -webkit-text-fill-color: transparent;
8202
+ -webkit-transition: all 0.4s ease;
8203
+ transition: all 0.4s ease;
8204
+ }
8205
+
8206
+ .premium-bullet-list-content:hover .premium-bullet-list-gradient-effect[data-text]::before,
8207
+ .premium-bullet-list-content:focus .premium-bullet-list-gradient-effect[data-text]::before {
8208
+ -webkit-animation: rtlgradient 1s forwards;
8209
+ animation: rtlgradient 1s forwards;
8210
+ }
8211
+
8212
+ @-webkit-keyframes rtlgradient {
8213
+ 0% {
8214
+ -webkit-clip-path: circle(0% at 150% 50%);
8215
+ clip-path: circle(0% at 150% 50%);
8216
+ }
8217
+
8218
+ 100% {
8219
+ -webkit-clip-path: circle(100% at 50% 50%);
8220
+ clip-path: circle(100% at 50% 50%);
8221
+ }
8222
+ }
8223
+
8224
+ @keyframes rtlgradient {
8225
+ 0% {
8226
+ -webkit-clip-path: circle(0% at 150% 50%);
8227
+ clip-path: circle(0% at 150% 50%);
8228
+ }
8229
+
8230
+ 100% {
8231
+ -webkit-clip-path: circle(100% at 50% 50%);
8232
+ clip-path: circle(100% at 50% 50%);
8233
+ }
8234
+ }
8235
+
8236
+ ul[data-list-animation*="animated-"] .premium-bullet-list-divider,
8237
+ ul[data-list-animation*="animated-"] .premium-bullet-list-content,
8238
+ ul[data-list-animation*="animated-"] .premium-bullet-list-divider-inline {
8239
+ opacity: 0;
8240
+ }
8241
+
8242
+ .premium-bullet-list-content-grow-effect:hover {
8243
+ -webkit-transform: scale(1.07);
8244
+ -ms-transform: scale(1.07);
8245
+ transform: scale(1.07);
8246
  }
assets/frontend/css/premium-addons.css CHANGED
@@ -1,6759 +1,6760 @@
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); }
 
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
+ overflow: hidden; }
3883
+ .premium-person-image-container .premium-person-image-wrap {
3884
+ overflow: hidden; }
3885
+
3886
+ .premium-person-zoomout-effect .premium-person-image-container img,
3887
+ .premium-person-scale-effect .premium-person-image-container img {
3888
+ -webkit-transform: scale(1.2);
3889
+ -ms-transform: scale(1.2);
3890
+ transform: scale(1.2); }
3891
+
3892
+ .premium-person-sepia-effect .premium-person-image-container img {
3893
+ -webkit-filter: sepia(30%);
3894
+ filter: sepia(30%); }
3895
+
3896
+ .premium-person-bright-effect .premium-person-image-container img {
3897
+ -webkit-filter: brightness(1);
3898
+ filter: brightness(1); }
3899
+
3900
+ .premium-person-trans-effect .premium-person-image-container img {
3901
+ -webkit-transform: translateX(-15px) scale(1.1);
3902
+ -ms-transform: translateX(-15px) scale(1.1);
3903
+ transform: translateX(-15px) scale(1.1); }
3904
+
3905
+ .premium-person-zoomin-effect:hover .premium-person-image-container img {
3906
+ -webkit-transform: scale(1.2);
3907
+ -ms-transform: scale(1.2);
3908
+ transform: scale(1.2); }
3909
+
3910
+ .premium-person-zoomout-effect:hover .premium-person-image-container img {
3911
+ -webkit-transform: scale(1.1);
3912
+ -ms-transform: scale(1.1);
3913
+ transform: scale(1.1); }
3914
+
3915
+ .premium-person-scale-effect:hover .premium-person-image-container img {
3916
+ -webkit-transform: scale(1.3) rotate(5deg);
3917
+ -ms-transform: scale(1.3) rotate(5deg);
3918
+ transform: scale(1.3) rotate(5deg); }
3919
+
3920
+ .premium-person-grayscale-effect:hover .premium-person-image-container img {
3921
+ -webkit-filter: grayscale(100%);
3922
+ filter: grayscale(100%); }
3923
+
3924
+ .premium-person-blur-effect:hover .premium-person-image-container img {
3925
+ -webkit-filter: blur(3px);
3926
+ filter: blur(3px); }
3927
+
3928
+ .premium-person-sepia-effect:hover .premium-person-image-container img {
3929
+ -webkit-filter: sepia(0%);
3930
+ filter: sepia(0%); }
3931
+
3932
+ .premium-person-bright-effect:hover .premium-person-image-container img {
3933
+ -webkit-filter: brightness(1.2);
3934
+ filter: brightness(1.2); }
3935
+
3936
+ .premium-person-trans-effect:hover .premium-person-image-container img {
3937
+ -webkit-transform: translateX(0px) scale(1.1);
3938
+ -ms-transform: translateX(0px) scale(1.1);
3939
+ transform: translateX(0px) scale(1.1); }
3940
+
3941
+ .premium-person-container .premium-person-image-container img {
3942
+ width: 100%;
3943
+ height: 100%;
3944
+ -o-object-fit: cover;
3945
+ object-fit: cover;
3946
+ -webkit-transition: all 0.5s ease-in-out;
3947
+ transition: all 0.5s ease-in-out; }
3948
+
3949
+ .premium-person-style2 .premium-person-social {
3950
+ position: absolute;
3951
+ top: 0;
3952
+ left: 0;
3953
+ width: 100%;
3954
+ height: 100%;
3955
+ z-index: 2;
3956
+ -js-display: flex;
3957
+ display: -webkit-box;
3958
+ display: -webkit-flex;
3959
+ display: -moz-box;
3960
+ display: -ms-flexbox;
3961
+ display: flex;
3962
+ -webkit-box-pack: center;
3963
+ -webkit-justify-content: center;
3964
+ -moz-box-pack: center;
3965
+ -ms-flex-pack: center;
3966
+ justify-content: center;
3967
+ -webkit-box-align: center;
3968
+ -webkit-align-items: center;
3969
+ -moz-box-align: center;
3970
+ -ms-flex-align: center;
3971
+ align-items: center;
3972
+ -webkit-box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
3973
+ box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
3974
+ -webkit-transition: all 0.5s linear 0s;
3975
+ transition: all 0.5s linear 0s;
3976
+ opacity: 0; }
3977
+
3978
+ .premium-person-style2 .premium-person-image-container:hover .premium-person-social {
3979
+ opacity: 1; }
3980
+
3981
+ .premium-person-list-item a {
3982
+ display: inline-block; }
3983
+
3984
+ .premium-person-style2 .premium-person-list-item a {
3985
+ opacity: 0;
3986
+ -webkit-transform: scale(0);
3987
+ -ms-transform: scale(0);
3988
+ transform: scale(0);
3989
+ -webkit-transition: all 0.5s ease-in-out 0s;
3990
+ transition: all 0.5s ease-in-out 0s; }
3991
+
3992
+ .premium-person-style2 .premium-person-image-container:hover .premium-person-list-item a {
3993
+ opacity: 1;
3994
+ -webkit-transform: scale(1);
3995
+ -ms-transform: scale(1);
3996
+ transform: scale(1); }
3997
+
3998
+ .premium-person-info-container {
3999
+ padding: 30px 15px; }
4000
+
4001
+ .premium-person-name {
4002
+ margin: 0 0 5px;
4003
+ font-weight: 700; }
4004
+
4005
+ .premium-person-title {
4006
+ margin: 0 0 20px;
4007
+ padding: 0; }
4008
+
4009
+ .premium-person-content {
4010
+ margin: 0 0 30px; }
4011
+
4012
+ /*Override Theme List Margin*/
4013
+ ul.premium-person-social-list {
4014
+ margin: 0px !important;
4015
+ padding: 0; }
4016
+
4017
+ .premium-person-social-list .premium-person-list-item {
4018
+ display: inline;
4019
+ list-style: none; }
4020
+
4021
+ .premium-person-social-list li {
4022
+ position: relative;
4023
+ bottom: 0px;
4024
+ -webkit-transition: all 0.2s ease-in-out;
4025
+ transition: all 0.2s ease-in-out; }
4026
+ .premium-person-social-list li i {
4027
+ position: relative;
4028
+ bottom: 0px;
4029
+ -webkit-transition: all 0.2s ease-in-out;
4030
+ transition: all 0.2s ease-in-out; }
4031
+
4032
+ .premium-person-defaults-yes li.premium-person-facebook:hover a {
4033
+ background-color: #3b5998 !important; }
4034
+
4035
+ .premium-person-defaults-yes li.premium-person-twitter:hover a {
4036
+ background-color: #55acee !important; }
4037
+
4038
+ .premium-person-defaults-yes li.premium-person-linkedin:hover a {
4039
+ background-color: #0077b5 !important; }
4040
+
4041
+ .premium-person-defaults-yes li.premium-person-google:hover a {
4042
+ background-color: #dc4e41 !important; }
4043
+
4044
+ .premium-person-defaults-yes li.premium-person-youtube:hover a {
4045
+ background-color: #b31217 !important; }
4046
+
4047
+ .premium-person-defaults-yes li.premium-person-instagram:hover a {
4048
+ background-color: #e4405f !important; }
4049
+
4050
+ .premium-person-defaults-yes li.premium-person-skype:hover a {
4051
+ background-color: #00aff0 !important; }
4052
+
4053
+ .premium-person-defaults-yes li.premium-person-pinterest:hover a {
4054
+ background-color: #bd081c !important; }
4055
+
4056
+ .premium-person-defaults-yes li.premium-person-dribbble:hover a {
4057
+ background-color: #ea4c89 !important; }
4058
+
4059
+ .premium-person-defaults-yes li.premium-person-mail:hover a {
4060
+ background-color: #b23121 !important; }
4061
+
4062
+ .premium-person-defaults-yes li.premium-person-behance:hover a {
4063
+ background-color: #1769ff !important; }
4064
+
4065
+ .premium-person-defaults-yes li.premium-person-whatsapp:hover a {
4066
+ background-color: #25d366 !important; }
4067
+
4068
+ .premium-person-defaults-yes li.premium-person-telegram:hover a {
4069
+ background-color: #0088cc !important; }
4070
+
4071
+ .premium-person-defaults-yes li.premium-person-site:hover a {
4072
+ background-color: #0055a5 !important; }
4073
+
4074
+ .premium-person-social-list li:hover a {
4075
+ -webkit-box-shadow: none;
4076
+ box-shadow: none; }
4077
+
4078
+ .premium-person-social-list li a:focus {
4079
+ -webkit-box-shadow: none;
4080
+ box-shadow: none;
4081
+ outline: none; }
4082
+
4083
+ .premium-person-social-list li i {
4084
+ font-size: 18px; }
4085
+
4086
+ .elementor-widget-premium-addon-person .elementor-widget-container {
4087
+ -js-display: flex;
4088
+ display: -webkit-box;
4089
+ display: -webkit-flex;
4090
+ display: -moz-box;
4091
+ display: -ms-flexbox;
4092
+ display: flex;
4093
+ -webkit-box-pack: center;
4094
+ -webkit-justify-content: center;
4095
+ -moz-box-pack: center;
4096
+ -ms-flex-pack: center;
4097
+ justify-content: center; }
4098
+
4099
+ .premium-persons-container.multiple-persons {
4100
+ -js-display: flex;
4101
+ display: -webkit-box;
4102
+ display: -webkit-flex;
4103
+ display: -moz-box;
4104
+ display: -ms-flexbox;
4105
+ display: flex;
4106
+ -webkit-flex-wrap: wrap;
4107
+ -ms-flex-wrap: wrap;
4108
+ flex-wrap: wrap;
4109
+ width: 100%; }
4110
+
4111
+ .premium-person-style1 .premium-person-container {
4112
+ overflow: hidden; }
4113
+ .premium-person-style1 .premium-person-container .premium-person-info {
4114
+ position: absolute;
4115
+ top: auto;
4116
+ right: 0;
4117
+ left: 0;
4118
+ -webkit-transition: all 500ms ease 0s;
4119
+ transition: all 500ms ease 0s;
4120
+ -webkit-transform: translate3d(0, 100%, 0);
4121
+ transform: translate3d(0, 100%, 0); }
4122
+ .premium-person-style1 .premium-person-container:hover .premium-person-info {
4123
+ -webkit-transform: translate3d(0, 0, 0);
4124
+ transform: translate3d(0, 0, 0);
4125
+ bottom: -1px !important; }
4126
+
4127
+ .premium-person-style1 .premium-person-social-list li:hover {
4128
+ bottom: 5px; }
4129
+
4130
+ .premium-person-style1.multiple-persons:not([data-persons-equal="yes"]) {
4131
+ -webkit-box-align: start;
4132
+ -webkit-align-items: flex-start;
4133
+ -moz-box-align: start;
4134
+ -ms-flex-align: start;
4135
+ align-items: flex-start; }
4136
+
4137
+ .premium-person-style1 .slick-track {
4138
+ -js-display: flex;
4139
+ display: -webkit-box;
4140
+ display: -webkit-flex;
4141
+ display: -moz-box;
4142
+ display: -ms-flexbox;
4143
+ display: flex; }
4144
+
4145
+ .premium-person-style1 .slick-slide {
4146
+ height: inherit !important; }
4147
+
4148
+ .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-container,
4149
+ .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-wrap {
4150
+ height: 100%; }
4151
+
4152
+ .premium-person-style3 .premium-person-info-container {
4153
+ position: absolute;
4154
+ top: 0;
4155
+ left: 0;
4156
+ width: 100%;
4157
+ height: 100%;
4158
+ -js-display: flex;
4159
+ display: -webkit-box;
4160
+ display: -webkit-flex;
4161
+ display: -moz-box;
4162
+ display: -ms-flexbox;
4163
+ display: flex;
4164
+ -webkit-box-orient: vertical;
4165
+ -webkit-box-direction: normal;
4166
+ -webkit-flex-direction: column;
4167
+ -moz-box-orient: vertical;
4168
+ -moz-box-direction: normal;
4169
+ -ms-flex-direction: column;
4170
+ flex-direction: column;
4171
+ -webkit-box-pack: justify;
4172
+ -webkit-justify-content: space-between;
4173
+ -moz-box-pack: justify;
4174
+ -ms-flex-pack: justify;
4175
+ justify-content: space-between; }
4176
+
4177
+ .premium-person-style3 .premium-person-title-desc-wrap {
4178
+ -js-display: flex;
4179
+ display: -webkit-box;
4180
+ display: -webkit-flex;
4181
+ display: -moz-box;
4182
+ display: -ms-flexbox;
4183
+ display: flex;
4184
+ -webkit-box-orient: horizontal;
4185
+ -webkit-box-direction: reverse;
4186
+ -webkit-flex-direction: row-reverse;
4187
+ -moz-box-orient: horizontal;
4188
+ -moz-box-direction: reverse;
4189
+ -ms-flex-direction: row-reverse;
4190
+ flex-direction: row-reverse;
4191
+ -webkit-box-pack: justify;
4192
+ -webkit-justify-content: space-between;
4193
+ -moz-box-pack: justify;
4194
+ -ms-flex-pack: justify;
4195
+ justify-content: space-between;
4196
+ -webkit-box-align: start;
4197
+ -webkit-align-items: flex-start;
4198
+ -moz-box-align: start;
4199
+ -ms-flex-align: start;
4200
+ align-items: flex-start; }
4201
+
4202
+ .premium-person-style3 .premium-person-name-icons-wrap {
4203
+ -js-display: flex;
4204
+ display: -webkit-box;
4205
+ display: -webkit-flex;
4206
+ display: -moz-box;
4207
+ display: -ms-flexbox;
4208
+ display: flex;
4209
+ -webkit-box-pack: justify;
4210
+ -webkit-justify-content: space-between;
4211
+ -moz-box-pack: justify;
4212
+ -ms-flex-pack: justify;
4213
+ justify-content: space-between;
4214
+ -webkit-box-align: end;
4215
+ -webkit-align-items: flex-end;
4216
+ -moz-box-align: end;
4217
+ -ms-flex-align: end;
4218
+ align-items: flex-end; }
4219
+
4220
+ .premium-person-style3 .premium-person-title {
4221
+ opacity: 0;
4222
+ -webkit-transition: all 0.3s ease;
4223
+ transition: all 0.3s ease;
4224
+ width: 0; }
4225
+ .premium-person-style3 .premium-person-title span {
4226
+ display: inline-block; }
4227
+
4228
+ .premium-person-style3 .premium-person-name {
4229
+ padding-left: 10px; }
4230
+
4231
+ .premium-person-style3 .premium-person-social-list {
4232
+ -js-display: flex;
4233
+ display: -webkit-box;
4234
+ display: -webkit-flex;
4235
+ display: -moz-box;
4236
+ display: -ms-flexbox;
4237
+ display: flex;
4238
+ -webkit-box-orient: vertical;
4239
+ -webkit-box-direction: normal;
4240
+ -webkit-flex-direction: column;
4241
+ -moz-box-orient: vertical;
4242
+ -moz-box-direction: normal;
4243
+ -ms-flex-direction: column;
4244
+ flex-direction: column;
4245
+ -webkit-transform: translateY(20px);
4246
+ -ms-transform: translateY(20px);
4247
+ transform: translateY(20px);
4248
+ opacity: 0;
4249
+ -webkit-transition: all 0.3s ease;
4250
+ transition: all 0.3s ease; }
4251
+
4252
+ .premium-person-style3 .premium-person-list-item {
4253
+ line-height: 0; }
4254
+ .premium-person-style3 .premium-person-list-item a {
4255
+ padding: 5px 10px 0 0;
4256
+ margin: 5px 0; }
4257
+
4258
+ .premium-person-style3 .premium-person-container:hover .premium-person-title {
4259
+ opacity: 1; }
4260
+
4261
+ .premium-person-style3 .premium-person-container:hover .premium-person-social-list {
4262
+ opacity: 1;
4263
+ -webkit-transform: translateY(0);
4264
+ -ms-transform: translateY(0);
4265
+ transform: translateY(0); }
4266
+
4267
+ .premium-persons-title-cw .premium-person-title {
4268
+ -webkit-transform: translateX(15px) rotate(90deg);
4269
+ -ms-transform: translateX(15px) rotate(90deg);
4270
+ transform: translateX(15px) rotate(90deg);
4271
+ -webkit-transform-origin: top;
4272
+ -ms-transform-origin: top;
4273
+ transform-origin: top; }
4274
+
4275
+ .premium-persons-title-cw .premium-person-container:hover .premium-person-title {
4276
+ -webkit-transform: translateX(0) rotate(90deg);
4277
+ -ms-transform: translateX(0) rotate(90deg);
4278
+ transform: translateX(0) rotate(90deg); }
4279
+
4280
+ .premium-persons-title-ccw .premium-person-title {
4281
+ width: auto;
4282
+ margin-right: 20px;
4283
+ -webkit-transform: translateX(15px) rotate(-90deg);
4284
+ -ms-transform: translateX(15px) rotate(-90deg);
4285
+ transform: translateX(15px) rotate(-90deg);
4286
+ -webkit-transform-origin: center right;
4287
+ -ms-transform-origin: center right;
4288
+ transform-origin: center right; }
4289
+
4290
+ .premium-persons-title-ccw .premium-person-container:hover .premium-person-title {
4291
+ -webkit-transform: translateX(0) rotate(-90deg);
4292
+ -ms-transform: translateX(0) rotate(-90deg);
4293
+ transform: translateX(0) rotate(-90deg); }
4294
+
4295
+ /**************** Premium Fancy Text *******************/
4296
+ /*******************************************************/
4297
+ .premium-suffix-text,
4298
+ .premium-fancy-text,
4299
+ .premium-prefix-text {
4300
+ font-size: 40px; }
4301
+
4302
+ .premium-fancy-text-wrapper .premium-fancy-list-items {
4303
+ list-style: none; }
4304
+
4305
+ .premium-fancy-text-wrapper .premium-fancy-text-span-align {
4306
+ vertical-align: top; }
4307
+
4308
+ .premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-text-items-wrapper {
4309
+ margin: 0;
4310
+ padding: 0;
4311
+ border: none;
4312
+ position: relative; }
4313
+
4314
+ .premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-list-items {
4315
+ position: absolute;
4316
+ top: 0;
4317
+ left: 0;
4318
+ display: inline-block; }
4319
+
4320
+ .premium-fancy-text-wrapper.zoomout .premium-fancy-item-hidden {
4321
+ opacity: 0;
4322
+ -webkit-animation: pa-zoom-out 0.8s;
4323
+ animation: pa-zoom-out 0.8s; }
4324
+
4325
+ .premium-fancy-text-wrapper.zoomout .premium-fancy-item-visible {
4326
+ position: relative !important;
4327
+ -webkit-animation: pa-zoom-in 0.8s;
4328
+ animation: pa-zoom-in 0.8s; }
4329
+
4330
+ .premium-fancy-text-wrapper.zoomout .premium-fancy-text-items-wrapper {
4331
+ -webkit-perspective: 300px;
4332
+ perspective: 300px; }
4333
+
4334
+ .premium-fancy-text-wrapper.rotate .premium-fancy-list-items {
4335
+ -webkit-transform-origin: 50% 100%;
4336
+ -ms-transform-origin: 50% 100%;
4337
+ transform-origin: 50% 100%; }
4338
+
4339
+ .premium-fancy-text-wrapper.rotate .premium-fancy-item-hidden {
4340
+ opacity: 0;
4341
+ -webkit-transform: rotateX(180deg);
4342
+ transform: rotateX(180deg);
4343
+ -webkit-animation: pa-rotate-out 1.2s;
4344
+ animation: pa-rotate-out 1.2s; }
4345
+
4346
+ .premium-fancy-text-wrapper.rotate .premium-fancy-item-visible {
4347
+ position: relative !important;
4348
+ -webkit-transform: rotateX(0deg);
4349
+ transform: rotateX(0deg);
4350
+ -webkit-animation: pa-rotate-in 1.2s;
4351
+ animation: pa-rotate-in 1.2s; }
4352
+
4353
+ .premium-fancy-text-wrapper.custom .premium-fancy-item-hidden {
4354
+ opacity: 0; }
4355
+
4356
+ .premium-fancy-text-wrapper.custom .premium-fancy-item-visible {
4357
+ position: relative !important; }
4358
+
4359
+ .premium-fancy-text-wrapper.auto-fade .premium-fancy-text {
4360
+ display: inline-block;
4361
+ width: 200px;
4362
+ font-weight: 400; }
4363
+
4364
+ .premium-fancy-text-wrapper.auto-fade .premium-fancy-svg-text {
4365
+ position: relative;
4366
+ vertical-align: sub; }
4367
+
4368
+ .premium-fancy-text-wrapper.auto-fade g > text {
4369
+ text-anchor: start;
4370
+ shape-rendering: crispEdges;
4371
+ opacity: 0;
4372
+ font-size: 300px;
4373
+ -webkit-animation-name: pa-auto-fade;
4374
+ animation-name: pa-auto-fade;
4375
+ -moz-animation-name: pa-auto-fade;
4376
+ -webkit-animation-duration: 9s;
4377
+ animation-duration: 9s;
4378
+ -webkit-animation-timing-function: linear;
4379
+ animation-timing-function: linear;
4380
+ -webkit-animation-iteration-count: infinite;
4381
+ animation-iteration-count: infinite; }
4382
+
4383
+ .premium-fancy-text-wrapper.auto-fade g > text:nth-child(1) {
4384
+ -webkit-animation-delay: 0s;
4385
+ animation-delay: 0s; }
4386
+
4387
+ .premium-fancy-text-wrapper.auto-fade g > text:nth-child(2) {
4388
+ -webkit-animation-delay: 3s;
4389
+ animation-delay: 3s; }
4390
+
4391
+ .premium-fancy-text-wrapper.auto-fade g > text:nth-child(3) {
4392
+ -webkit-animation-delay: 6s;
4393
+ animation-delay: 6s; }
4394
+
4395
+ .premium-fancy-text-wrapper.loading .premium-fancy-text {
4396
+ position: relative; }
4397
+ .premium-fancy-text-wrapper.loading .premium-fancy-text .premium-loading-bar {
4398
+ position: absolute;
4399
+ width: 100%;
4400
+ height: 3px;
4401
+ bottom: 0;
4402
+ left: 0;
4403
+ animation: pa-loading-bar 2.5s ease-out infinite;
4404
+ -webkit-animation: pa-loading-bar 2.5s ease-out infinite; }
4405
+
4406
+ .premium-fancy-text-wrapper.loading.pause .premium-fancy-text:hover .premium-loading-bar {
4407
+ -webkit-animation-play-state: paused;
4408
+ animation-play-state: paused; }
4409
+
4410
+ @-webkit-keyframes pa-auto-fade {
4411
+ 0% {
4412
+ opacity: 0; }
4413
+ 20% {
4414
+ opacity: 1; }
4415
+ 35% {
4416
+ opacity: 0; }
4417
+ 100% {
4418
+ opacity: 0; } }
4419
+
4420
+ @keyframes pa-auto-fade {
4421
+ 0% {
4422
+ opacity: 0; }
4423
+ 20% {
4424
+ opacity: 1; }
4425
+ 35% {
4426
+ opacity: 0; }
4427
+ 100% {
4428
+ opacity: 0; } }
4429
+
4430
+ @-webkit-keyframes pa-loading-bar {
4431
+ 0% {
4432
+ width: 0; }
4433
+ 100% {
4434
+ width: 100; } }
4435
+
4436
+ @keyframes pa-loading-bar {
4437
+ 0% {
4438
+ width: 0; }
4439
+ 100% {
4440
+ width: 100; } }
4441
+
4442
+ @-webkit-keyframes pa-zoom-in {
4443
+ 0% {
4444
+ opacity: 0;
4445
+ -webkit-transform: translateZ(100px);
4446
+ transform: translateZ(100px); }
4447
+ 100% {
4448
+ opacity: 1;
4449
+ -webkit-transform: translateZ(0);
4450
+ transform: translateZ(0); } }
4451
+
4452
+ @keyframes pa-zoom-in {
4453
+ 0% {
4454
+ opacity: 0;
4455
+ -webkit-transform: translateZ(100px);
4456
+ transform: translateZ(100px); }
4457
+ 100% {
4458
+ opacity: 1;
4459
+ -webkit-transform: translateZ(0);
4460
+ transform: translateZ(0); } }
4461
+
4462
+ @-webkit-keyframes pa-zoom-out {
4463
+ 0% {
4464
+ opacity: 1;
4465
+ -webkit-transform: translateZ(0);
4466
+ transform: translateZ(0); }
4467
+ 100% {
4468
+ opacity: 0;
4469
+ -webkit-transform: translateZ(-100px);
4470
+ transform: translateZ(-100px); } }
4471
+
4472
+ @keyframes pa-zoom-out {
4473
+ 0% {
4474
+ opacity: 1;
4475
+ -webkit-transform: translateZ(0);
4476
+ transform: translateZ(0); }
4477
+ 100% {
4478
+ opacity: 0;
4479
+ -webkit-transform: translateZ(-100px);
4480
+ transform: translateZ(-100px); } }
4481
+
4482
+ @-webkit-keyframes pa-rotate-in {
4483
+ 0% {
4484
+ opacity: 0;
4485
+ -webkit-transform: rotateX(180deg);
4486
+ transform: rotateX(180deg); }
4487
+ 35% {
4488
+ opacity: 0;
4489
+ -webkit-transform: rotateX(120deg);
4490
+ transform: rotateX(120deg); }
4491
+ 65% {
4492
+ opacity: 0; }
4493
+ 100% {
4494
+ opacity: 1;
4495
+ -webkit-transform: rotateX(360deg);
4496
+ transform: rotateX(360deg); } }
4497
+
4498
+ @keyframes pa-rotate-in {
4499
+ 0% {
4500
+ opacity: 0;
4501
+ -webkit-transform: rotateX(180deg);
4502
+ transform: rotateX(180deg); }
4503
+ 35% {
4504
+ opacity: 0;
4505
+ -webkit-transform: rotateX(120deg);
4506
+ transform: rotateX(120deg); }
4507
+ 65% {
4508
+ opacity: 0; }
4509
+ 100% {
4510
+ opacity: 1;
4511
+ -webkit-transform: rotateX(360deg);
4512
+ transform: rotateX(360deg); } }
4513
+
4514
+ @-webkit-keyframes pa-rotate-out {
4515
+ 0% {
4516
+ opacity: 1;
4517
+ -webkit-transform: rotateX(0deg);
4518
+ transform: rotateX(0deg); }
4519
+ 35% {
4520
+ opacity: 1;
4521
+ -webkit-transform: rotateX(-40deg);
4522
+ transform: rotateX(-40deg); }
4523
+ 65% {
4524
+ opacity: 0; }
4525
+ 100% {
4526
+ opacity: 0;
4527
+ -webkit-transform: rotateX(180deg);
4528
+ transform: rotateX(180deg); } }
4529
+
4530
+ @keyframes pa-rotate-out {
4531
+ 0% {
4532
+ opacity: 1;
4533
+ -webkit-transform: rotateX(0deg);
4534
+ transform: rotateX(0deg); }
4535
+ 35% {
4536
+ opacity: 1;
4537
+ -webkit-transform: rotateX(-40deg);
4538
+ transform: rotateX(-40deg); }
4539
+ 65% {
4540
+ opacity: 0; }
4541
+ 100% {
4542
+ opacity: 0;
4543
+ -webkit-transform: rotateX(180deg);
4544
+ transform: rotateX(180deg); } }
4545
+
4546
+ /**************** Premium Pricing Table ****************/
4547
+ /*******************************************************/
4548
+ .premium-pricing-table-container {
4549
+ position: relative;
4550
+ overflow: hidden;
4551
+ text-align: center;
4552
+ -webkit-transition: all 0.3s ease-in-out;
4553
+ transition: all 0.3s ease-in-out; }
4554
+
4555
+ .premium-pricing-icon-container {
4556
+ -js-display: flex;
4557
+ display: -webkit-box;
4558
+ display: -webkit-flex;
4559
+ display: -moz-box;
4560
+ display: -ms-flexbox;
4561
+ display: flex;
4562
+ -webkit-box-pack: center;
4563
+ -webkit-justify-content: center;
4564
+ -moz-box-pack: center;
4565
+ -ms-flex-pack: center;
4566
+ justify-content: center;
4567
+ line-height: 0; }
4568
+ .premium-pricing-icon-container .premium-pricing-icon {
4569
+ display: inline-block; }
4570
+ .premium-pricing-icon-container .premium-pricing-image {
4571
+ overflow: hidden; }
4572
+ .premium-pricing-icon-container .premium-pricing-image img {
4573
+ width: 25px;
4574
+ height: 25px;
4575
+ -o-object-fit: cover;
4576
+ object-fit: cover; }
4577
+
4578
+ .premium-badge-left {
4579
+ position: absolute;
4580
+ top: 0; }
4581
+
4582
+ .premium-badge-right {
4583
+ position: absolute;
4584
+ top: 0;
4585
+ right: 0; }
4586
+
4587
+ .premium-badge-left {
4588
+ left: 0; }
4589
+
4590
+ .premium-badge-triangle.premium-badge-left .corner {
4591
+ width: 0;
4592
+ height: 0;
4593
+ border-top: 150px solid;
4594
+ border-bottom: 150px solid transparent;
4595
+ border-right: 150px solid transparent; }
4596
+
4597
+ .premium-badge-triangle.premium-badge-right .corner {
4598
+ width: 0;
4599
+ height: 0;
4600
+ border-bottom: 150px solid transparent;
4601
+ border-right: 150px solid;
4602
+ border-left: 150px solid transparent; }
4603
+
4604
+ .premium-badge-triangle span {
4605
+ position: absolute;
4606
+ top: 35px;
4607
+ width: 100px;
4608
+ text-align: center;
4609
+ -webkit-transform: rotate(-45deg);
4610
+ -ms-transform: rotate(-45deg);
4611
+ transform: rotate(-45deg);
4612
+ display: block;
4613
+ text-transform: uppercase; }
4614
+
4615
+ .premium-badge-triangle.premium-badge-right span {
4616
+ -webkit-transform: rotate(45deg);
4617
+ -ms-transform: rotate(45deg);
4618
+ transform: rotate(45deg);
4619
+ right: 0; }
4620
+
4621
+ .premium-badge-circle {
4622
+ min-width: 4em;
4623
+ min-height: 4em;
4624
+ line-height: 4em;
4625
+ text-align: center;
4626
+ -webkit-border-radius: 100%;
4627
+ border-radius: 100%;
4628
+ position: absolute;
4629
+ z-index: 1; }
4630
+
4631
+ .premium-badge-stripe {
4632
+ position: absolute;
4633
+ -webkit-transform: rotate(90deg);
4634
+ -ms-transform: rotate(90deg);
4635
+ transform: rotate(90deg);
4636
+ width: 15em;
4637
+ overflow: hidden;
4638
+ height: 15em; }
4639
+ .premium-badge-stripe.premium-badge-left {
4640
+ -webkit-transform: rotate(0);
4641
+ -ms-transform: rotate(0);
4642
+ transform: rotate(0); }
4643
+ .premium-badge-stripe .corner {
4644
+ text-align: center;
4645
+ left: 0;
4646
+ width: 150%;
4647
+ -webkit-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
4648
+ -ms-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
4649
+ transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
4650
+ margin-top: 35px;
4651
+ font-size: 13px;
4652
+ line-height: 2;
4653
+ font-weight: 800;
4654
+ text-transform: uppercase; }
4655
+
4656
+ .premium-badge-flag .corner {
4657
+ text-align: center;
4658
+ -webkit-border-radius: 4px 4px 0 4px;
4659
+ border-radius: 4px 4px 0 4px;
4660
+ padding: 3px 15px;
4661
+ position: absolute;
4662
+ top: 10%;
4663
+ right: -8px; }
4664
+ .premium-badge-flag .corner::before, .premium-badge-flag .corner::after {
4665
+ content: "";
4666
+ display: block;
4667
+ position: absolute;
4668
+ width: 0;
4669
+ height: 0;
4670
+ top: 100%;
4671
+ right: 0;
4672
+ border-bottom: 8px solid transparent; }
4673
+
4674
+ .elementor-widget-premium-addon-pricing-table .elementor-widget-container {
4675
+ overflow: visible !important; }
4676
+
4677
+ .premium-badge-flag .corner::after {
4678
+ border-left: 8px solid rgba(0, 0, 0, 0.2); }
4679
+
4680
+ .premium-pricing-price-currency {
4681
+ position: relative; }
4682
+
4683
+ .premium-pricing-button-container {
4684
+ display: block; }
4685
+
4686
+ .premium-pricing-list {
4687
+ -js-display: flex;
4688
+ display: -webkit-box;
4689
+ display: -webkit-flex;
4690
+ display: -moz-box;
4691
+ display: -ms-flexbox;
4692
+ display: flex;
4693
+ -webkit-box-orient: vertical;
4694
+ -webkit-box-direction: normal;
4695
+ -webkit-flex-direction: column;
4696
+ -moz-box-orient: vertical;
4697
+ -moz-box-direction: normal;
4698
+ -ms-flex-direction: column;
4699
+ flex-direction: column;
4700
+ list-style-type: none;
4701
+ margin: 0; }
4702
+ .premium-pricing-list .premium-pricing-list-item {
4703
+ -js-display: flex;
4704
+ display: -webkit-box;
4705
+ display: -webkit-flex;
4706
+ display: -moz-box;
4707
+ display: -ms-flexbox;
4708
+ display: flex;
4709
+ -webkit-box-align: center;
4710
+ -webkit-align-items: center;
4711
+ -moz-box-align: center;
4712
+ -ms-flex-align: center;
4713
+ align-items: center; }
4714
+ .premium-pricing-list .premium-pricing-list-item svg {
4715
+ width: 50px;
4716
+ height: 50px; }
4717
+ .premium-pricing-list .premium-pricing-list-item img {
4718
+ width: 30px;
4719
+ height: 30px;
4720
+ -o-object-fit: cover;
4721
+ object-fit: cover; }
4722
+ .premium-pricing-list .premium-pricing-list-span {
4723
+ position: relative; }
4724
+ .premium-pricing-list .list-item-tooltip {
4725
+ border-bottom: 1px dotted; }
4726
+ .premium-pricing-list .premium-pricing-list-tooltip {
4727
+ position: absolute;
4728
+ top: -webkit-calc(100% + 1px);
4729
+ top: calc(100% + 1px);
4730
+ left: 0;
4731
+ visibility: hidden;
4732
+ padding: 15px 20px;
4733
+ -webkit-border-radius: 5px;
4734
+ border-radius: 5px;
4735
+ min-width: 200px;
4736
+ overflow: hidden;
4737
+ text-align: left;
4738
+ font-size: 0.8rem;
4739
+ color: #fff;
4740
+ background-color: #aaa; }
4741
+
4742
+ .premium-pricing-features-left .premium-pricing-list-span {
4743
+ text-align: left; }
4744
+
4745
+ .premium-pricing-features-center .premium-pricing-list-span {
4746
+ text-align: center; }
4747
+
4748
+ .premium-pricing-features-right .premium-pricing-list-span {
4749
+ text-align: right; }
4750
+
4751
+ .premium-pricing-list-span:hover .premium-pricing-list-tooltip {
4752
+ z-index: 99;
4753
+ visibility: visible;
4754
+ opacity: 1; }
4755
+
4756
+ .premium-pricing-slashed-price-value {
4757
+ display: inline-block;
4758
+ font-size: 20px;
4759
+ font-weight: 400;
4760
+ margin-right: 5px; }
4761
+
4762
+ .premium-pricing-price-value {
4763
+ font-size: 70px; }
4764
+
4765
+ .premium-pricing-description-container li {
4766
+ list-style-position: inside;
4767
+ text-indent: -40px; }
4768
+
4769
+ @-moz-document url-prefix() {
4770
+ .premium-pricing-description-container li {
4771
+ text-indent: 0px; } }
4772
+
4773
+ .premium-pricing-price-button {
4774
+ display: block;
4775
+ padding: 6px 12px;
4776
+ line-height: 1.42857143;
4777
+ text-align: center;
4778
+ color: #fff;
4779
+ background: #6ec1e4;
4780
+ margin-bottom: 0;
4781
+ -webkit-transition: all 0.3s ease-in-out;
4782
+ transition: all 0.3s ease-in-out; }
4783
+
4784
+ /**************** Premium Google Maps ******************/
4785
+ /*******************************************************/
4786
+ .premium-maps-info-container {
4787
+ margin-top: 10px;
4788
+ margin-bottom: 10px; }
4789
+
4790
+ .premium-maps-info-title,
4791
+ .premium-maps-info-desc {
4792
+ margin: 0;
4793
+ padding: 0; }
4794
+
4795
+ .premium-maps-container .gm-style-iw {
4796
+ text-align: center; }
4797
+
4798
+ .premium-maps-container .gm-style img {
4799
+ max-width: none !important; }
4800
+
4801
+ /**************** Premium Button ***********************/
4802
+ /*******************************************************/
4803
+ .premium-button {
4804
+ -js-display: inline-flex;
4805
+ display: -webkit-inline-box;
4806
+ display: -webkit-inline-flex;
4807
+ display: -moz-inline-box;
4808
+ display: -ms-inline-flexbox;
4809
+ display: inline-flex;
4810
+ position: relative;
4811
+ overflow: hidden;
4812
+ -webkit-backface-visibility: hidden;
4813
+ backface-visibility: hidden;
4814
+ -webkit-transform: translate3d(0, 0, 0);
4815
+ transform: translate3d(0, 0, 0);
4816
+ cursor: pointer;
4817
+ -webkit-transition: all 0.2s ease-in-out !important;
4818
+ transition: all 0.2s ease-in-out !important; }
4819
+
4820
+ .premium-button .premium-lottie-animation,
4821
+ .premium-image-button .premium-lottie-animation {
4822
+ -js-display: flex;
4823
+ display: -webkit-box;
4824
+ display: -webkit-flex;
4825
+ display: -moz-box;
4826
+ display: -ms-flexbox;
4827
+ display: flex; }
4828
+
4829
+ .premium-button svg,
4830
+ .premium-image-button svg {
4831
+ width: 30px;
4832
+ height: 30px; }
4833
+
4834
+ .premium-btn-sm,
4835
+ .premium-btn-md,
4836
+ .premium-btn-lg,
4837
+ .premium-btn-block {
4838
+ background-color: #eee;
4839
+ color: #042551;
4840
+ margin: 0px;
4841
+ text-decoration: none; }
4842
+ .premium-btn-sm:hover,
4843
+ .premium-btn-md:hover,
4844
+ .premium-btn-lg:hover,
4845
+ .premium-btn-block:hover {
4846
+ background-color: #54595f;
4847
+ color: #eee; }
4848
+
4849
+ .premium-btn-sm {
4850
+ padding: 12px 24px;
4851
+ font-size: 14px;
4852
+ line-height: 1; }
4853
+
4854
+ .premium-btn-md {
4855
+ padding: 14px 26px;
4856
+ font-size: 16px;
4857
+ line-height: 1.2; }
4858
+
4859
+ .premium-btn-lg {
4860
+ padding: 16px 28px;
4861
+ font-size: 18px;
4862
+ line-height: 1.3333; }
4863
+
4864
+ .premium-btn-block {
4865
+ font-size: 18px;
4866
+ line-height: 1;
4867
+ padding: 20px 0px;
4868
+ width: 100%;
4869
+ text-align: center; }
4870
+
4871
+ .premium-button-text {
4872
+ display: inline-block;
4873
+ width: 100%; }
4874
+
4875
+ .premium-button-style1,
4876
+ .premium-button-style2,
4877
+ .premium-button-style5,
4878
+ .premium-button-style7 {
4879
+ display: inline-block;
4880
+ vertical-align: middle;
4881
+ -webkit-transform: perspective(1px) translateZ(0);
4882
+ transform: perspective(1px) translateZ(0);
4883
+ -webkit-box-shadow: 0 0 1px transparent;
4884
+ box-shadow: 0 0 1px transparent;
4885
+ position: relative;
4886
+ -webkit-transition-property: color;
4887
+ transition-property: color;
4888
+ -webkit-transition-duration: 0.15s;
4889
+ transition-duration: 0.15s; }
4890
+
4891
+ .premium-button-style1:before,
4892
+ .premium-button-style2:before,
4893
+ .premium-button-style5:before {
4894
+ content: "";
4895
+ position: absolute;
4896
+ z-index: -1;
4897
+ top: 0;
4898
+ left: 0;
4899
+ right: 0;
4900
+ bottom: 0;
4901
+ -webkit-transform: scaleY(0);
4902
+ -ms-transform: scaleY(0);
4903
+ transform: scaleY(0);
4904
+ -webkit-transform-origin: 50% 0;
4905
+ -ms-transform-origin: 50% 0;
4906
+ transform-origin: 50% 0;
4907
+ -webkit-transition-property: -webkit-transform;
4908
+ transition-property: -webkit-transform;
4909
+ transition-property: transform;
4910
+ transition-property: transform, -webkit-transform;
4911
+ -webkit-transition-duration: 0.15s;
4912
+ transition-duration: 0.15s;
4913
+ -webkit-transition-timing-function: ease-out;
4914
+ transition-timing-function: ease-out; }
4915
+
4916
+ .premium-button-style5-radialin:before,
4917
+ .premium-button-style5-radialout:before {
4918
+ -webkit-transform-origin: 50%;
4919
+ -ms-transform-origin: 50%;
4920
+ transform-origin: 50%;
4921
+ -webkit-border-radius: 100%;
4922
+ border-radius: 100%;
4923
+ -webkit-transform: scale(0);
4924
+ -ms-transform: scale(0);
4925
+ transform: scale(0); }
4926
+
4927
+ .premium-button-style5-radialin:before {
4928
+ -webkit-transform: scale(2);
4929
+ -ms-transform: scale(2);
4930
+ transform: scale(2); }
4931
+
4932
+ .premium-button-style5-rectin:before {
4933
+ -webkit-transform-origin: 50%;
4934
+ -ms-transform-origin: 50%;
4935
+ transform-origin: 50%;
4936
+ -webkit-transform: scale(1);
4937
+ -ms-transform: scale(1);
4938
+ transform: scale(1); }
4939
+
4940
+ .premium-button-style5-rectout:before {
4941
+ -webkit-transform-origin: 50%;
4942
+ -ms-transform-origin: 50%;
4943
+ transform-origin: 50%;
4944
+ -webkit-transform: scale(0);
4945
+ -ms-transform: scale(0);
4946
+ transform: scale(0); }
4947
+
4948
+ .premium-button-style5-rectout:hover:before {
4949
+ -webkit-transform: scale(1);
4950
+ -ms-transform: scale(1);
4951
+ transform: scale(1); }
4952
+
4953
+ .premium-button-style5-rectin:hover:before {
4954
+ -webkit-transform: scale(0);
4955
+ -ms-transform: scale(0);
4956
+ transform: scale(0); }
4957
+
4958
+ .premium-button-style5-radialout:hover:before {
4959
+ -webkit-transform: scale(2);
4960
+ -ms-transform: scale(2);
4961
+ transform: scale(2); }
4962
+
4963
+ .premium-button-style5-radialin:hover:before {
4964
+ -webkit-transform: scale(0);
4965
+ -ms-transform: scale(0);
4966
+ transform: scale(0); }
4967
+
4968
+ .premium-button-style1-top:before {
4969
+ -webkit-transform-origin: 50% 100%;
4970
+ -ms-transform-origin: 50% 100%;
4971
+ transform-origin: 50% 100%; }
4972
+
4973
+ .premium-button-style1-right:before {
4974
+ -webkit-transform: scaleX(0);
4975
+ -ms-transform: scaleX(0);
4976
+ transform: scaleX(0);
4977
+ -webkit-transform-origin: 0% 50%;
4978
+ -ms-transform-origin: 0% 50%;
4979
+ transform-origin: 0% 50%; }
4980
+
4981
+ .premium-button-style1-left:before {
4982
+ -webkit-transform: scaleX(0);
4983
+ -ms-transform: scaleX(0);
4984
+ transform: scaleX(0);
4985
+ -webkit-transform-origin: 100% 50%;
4986
+ -ms-transform-origin: 100% 50%;
4987
+ transform-origin: 100% 50%; }
4988
+
4989
+ .premium-button-style2-shutouthor:before,
4990
+ .premium-button-style2-scshutoutver:before {
4991
+ -webkit-transform: scaleY(0);
4992
+ -ms-transform: scaleY(0);
4993
+ transform: scaleY(0);
4994
+ -webkit-transform-origin: 100% 50%;
4995
+ -ms-transform-origin: 100% 50%;
4996
+ transform-origin: 100% 50%; }
4997
+
4998
+ .premium-button-style2-shutoutver:before,
4999
+ .premium-button-style2-scshutouthor:before {
5000
+ -webkit-transform: scaleX(0);
5001
+ -ms-transform: scaleX(0);
5002
+ transform: scaleX(0);
5003
+ -webkit-transform-origin: 50% 50%;
5004
+ -ms-transform-origin: 50% 50%;
5005
+ transform-origin: 50% 50%; }
5006
+
5007
+ .premium-button-style2-shutinhor:before {
5008
+ -webkit-transform: scaleX(1);
5009
+ -ms-transform: scaleX(1);
5010
+ transform: scaleX(1);
5011
+ -webkit-transform-origin: 50%;
5012
+ -ms-transform-origin: 50%;
5013
+ transform-origin: 50%; }
5014
+
5015
+ .premium-button-style2-shutinver:before {
5016
+ -webkit-transform: scaleY(1);
5017
+ -ms-transform: scaleY(1);
5018
+ transform: scaleY(1);
5019
+ -webkit-transform-origin: 50%;
5020
+ -ms-transform-origin: 50%;
5021
+ transform-origin: 50%; }
5022
+
5023
+ .premium-button-style1-bottom:hover:before,
5024
+ .premium-button-style1-top:hover:before {
5025
+ -webkit-transform: scaleY(1);
5026
+ -ms-transform: scaleY(1);
5027
+ transform: scaleY(1); }
5028
+
5029
+ .premium-button-style1-left:hover:before,
5030
+ .premium-button-style1-right:hover:before,
5031
+ .premium-button-style2-shutouthor:hover:before,
5032
+ .premium-button-style2-shutoutver:hover:before {
5033
+ -webkit-transform: scaleX(1);
5034
+ -ms-transform: scaleX(1);
5035
+ transform: scaleX(1); }
5036
+
5037
+ .premium-button-style2-shutinhor:hover:before {
5038
+ -webkit-transform: scaleX(0);
5039
+ -ms-transform: scaleX(0);
5040
+ transform: scaleX(0); }
5041
+
5042
+ .premium-button-style2-shutinver:hover:before {
5043
+ -webkit-transform: scaleY(0);
5044
+ -ms-transform: scaleY(0);
5045
+ transform: scaleY(0); }
5046
+
5047
+ .premium-button-style2-scshutouthor:hover:before {
5048
+ -webkit-transform: scaleX(0.9);
5049
+ -ms-transform: scaleX(0.9);
5050
+ transform: scaleX(0.9); }
5051
+
5052
+ .premium-button-style2-scshutoutver:hover:before {
5053
+ -webkit-transform: scaleY(0.8);
5054
+ -ms-transform: scaleY(0.8);
5055
+ transform: scaleY(0.8); }
5056
+
5057
+ /*Diagonal*/
5058
+ .premium-button-style2-dshutinhor:before {
5059
+ top: 50%;
5060
+ left: 50%;
5061
+ width: 120%;
5062
+ height: 0%;
5063
+ -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
5064
+ -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
5065
+ transform: translateX(-50%) translateY(-50%) rotate(-45deg);
5066
+ -webkit-transform-origin: 50%;
5067
+ -ms-transform-origin: 50%;
5068
+ transform-origin: 50%;
5069
+ -webkit-transition-property: all;
5070
+ transition-property: all; }
5071
+
5072
+ .premium-button-style2-dshutinver:before {
5073
+ top: 50%;
5074
+ left: 50%;
5075
+ width: 120%;
5076
+ height: 0%;
5077
+ -webkit-transform-origin: 50%;
5078
+ -ms-transform-origin: 50%;
5079
+ transform-origin: 50%;
5080
+ -webkit-transition-property: all;
5081
+ transition-property: all;
5082
+ -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
5083
+ -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
5084
+ transform: translateX(-50%) translateY(-50%) rotate(45deg); }
5085
+
5086
+ .premium-button-style2-dshutinhor:hover:before,
5087
+ .premium-button-style2-dshutinver:hover:before {
5088
+ height: 220%; }
5089
+
5090
+ .premium-button-style3-before i,
5091
+ .premium-button-style3-before svg {
5092
+ opacity: 0;
5093
+ -webkit-transform: translateX(-5px);
5094
+ -ms-transform: translateX(-5px);
5095
+ transform: translateX(-5px);
5096
+ -webkit-transition: all 0.5s ease-in-out;
5097
+ transition: all 0.5s ease-in-out; }
5098
+
5099
+ .premium-button-style3-after i,
5100
+ .premium-button-style3-after svg {
5101
+ opacity: 0;
5102
+ -webkit-transform: translateX(-5px);
5103
+ -ms-transform: translateX(-5px);
5104
+ transform: translateX(-5px);
5105
+ -webkit-transition: all 0.5s ease-in-out;
5106
+ transition: all 0.5s ease-in-out;
5107
+ -webkit-transform: translateX(5px);
5108
+ -ms-transform: translateX(5px);
5109
+ transform: translateX(5px); }
5110
+
5111
+ .premium-button-style3-after:hover i,
5112
+ .premium-button-style3-after:hover svg {
5113
+ opacity: 1; }
5114
+
5115
+ .premium-button-style3-before:hover i,
5116
+ .premium-button-style3-before:hover svg {
5117
+ opacity: 1; }
5118
+
5119
+ .premium-button-text-icon-wrapper {
5120
+ width: 100%;
5121
+ -js-display: flex;
5122
+ display: -webkit-box;
5123
+ display: -webkit-flex;
5124
+ display: -moz-box;
5125
+ display: -ms-flexbox;
5126
+ display: flex;
5127
+ -webkit-box-pack: center;
5128
+ -webkit-justify-content: center;
5129
+ -moz-box-pack: center;
5130
+ -ms-flex-pack: center;
5131
+ justify-content: center;
5132
+ -webkit-box-align: center;
5133
+ -webkit-align-items: center;
5134
+ -moz-box-align: center;
5135
+ -ms-flex-align: center;
5136
+ align-items: center;
5137
+ -webkit-transition: all 0.2s ease-in-out;
5138
+ transition: all 0.2s ease-in-out; }
5139
+ .premium-button-text-icon-wrapper span,
5140
+ .premium-button-text-icon-wrapper i,
5141
+ .premium-button-text-icon-wrapper svg {
5142
+ -webkit-transition: all 0.2s ease-in-out;
5143
+ transition: all 0.2s ease-in-out; }
5144
+
5145
+ .premium-button-style4-icon-wrapper {
5146
+ position: absolute;
5147
+ z-index: 2;
5148
+ width: 100%;
5149
+ text-align: center;
5150
+ -js-display: flex;
5151
+ display: -webkit-box;
5152
+ display: -webkit-flex;
5153
+ display: -moz-box;
5154
+ display: -ms-flexbox;
5155
+ display: flex;
5156
+ -webkit-box-align: center;
5157
+ -webkit-align-items: center;
5158
+ -moz-box-align: center;
5159
+ -ms-flex-align: center;
5160
+ align-items: center;
5161
+ -webkit-box-pack: center;
5162
+ -webkit-justify-content: center;
5163
+ -moz-box-pack: center;
5164
+ -ms-flex-pack: center;
5165
+ justify-content: center;
5166
+ height: 100%;
5167
+ opacity: 0;
5168
+ -webkit-transition: all 0.3s ease-in-out;
5169
+ transition: all 0.3s ease-in-out; }
5170
+ .premium-button-style4-icon-wrapper.top {
5171
+ bottom: -100%;
5172
+ left: 0; }
5173
+ .premium-button-style4-icon-wrapper.bottom {
5174
+ top: -100%;
5175
+ left: 0; }
5176
+ .premium-button-style4-icon-wrapper.left {
5177
+ top: 0;
5178
+ left: -100%; }
5179
+ .premium-button-style4-icon-wrapper.right {
5180
+ top: 0;
5181
+ right: -100%; }
5182
+
5183
+ .premium-button-style4-bottom:hover .premium-button-style4-icon-wrapper {
5184
+ top: 0;
5185
+ opacity: 1; }
5186
+
5187
+ .premium-button-style4-top:hover .premium-button-style4-icon-wrapper {
5188
+ bottom: 0;
5189
+ opacity: 1; }
5190
+
5191
+ .premium-button-style4-left:hover .premium-button-style4-icon-wrapper {
5192
+ left: 0;
5193
+ opacity: 1; }
5194
+
5195
+ .premium-button-style4-right:hover .premium-button-style4-icon-wrapper {
5196
+ right: 0;
5197
+ opacity: 1; }
5198
+
5199
+ .premium-button-style4-bottom:hover .premium-button-text-icon-wrapper {
5200
+ -webkit-transform: translateY(100%);
5201
+ -ms-transform: translateY(100%);
5202
+ transform: translateY(100%);
5203
+ opacity: 0; }
5204
+
5205
+ .premium-button-style4-top:hover .premium-button-text-icon-wrapper {
5206
+ -webkit-transform: translateY(-100%);
5207
+ -ms-transform: translateY(-100%);
5208
+ transform: translateY(-100%);
5209
+ opacity: 0; }
5210
+
5211
+ .premium-button-style4-left:hover .premium-button-text-icon-wrapper {
5212
+ -webkit-transform: translateX(100%);
5213
+ -ms-transform: translateX(100%);
5214
+ transform: translateX(100%);
5215
+ opacity: 0; }
5216
+
5217
+ .premium-button-style4-right:hover .premium-button-text-icon-wrapper {
5218
+ -webkit-transform: translateX(-100%);
5219
+ -ms-transform: translateX(-100%);
5220
+ transform: translateX(-100%);
5221
+ opacity: 0; }
5222
+
5223
+ .premium-button-style6:before {
5224
+ content: "";
5225
+ position: absolute;
5226
+ left: 50%;
5227
+ top: 50%;
5228
+ width: 100px;
5229
+ height: 100px;
5230
+ -webkit-border-radius: 100%;
5231
+ border-radius: 100%;
5232
+ -webkit-transform: translate(-50%, -50%) scale(0);
5233
+ -ms-transform: translate(-50%, -50%) scale(0);
5234
+ transform: translate(-50%, -50%) scale(0);
5235
+ -webkit-transition: all 0.3s ease-in-out;
5236
+ transition: all 0.3s ease-in-out; }
5237
+
5238
+ .premium-button-style6:hover:before {
5239
+ -webkit-transform: translate(-50%, -50%) scale(3);
5240
+ -ms-transform: translate(-50%, -50%) scale(3);
5241
+ transform: translate(-50%, -50%) scale(3); }
5242
+
5243
+ .premium-button-style6 .premium-button-text-icon-wrapper {
5244
+ position: relative;
5245
+ z-index: 1; }
5246
+
5247
+ .premium-mouse-detect-yes .premium-button-style6 .premium-button-style6-bg {
5248
+ position: absolute;
5249
+ z-index: 0;
5250
+ top: 0;
5251
+ left: 0;
5252
+ width: 0px;
5253
+ height: 0px;
5254
+ -webkit-border-radius: 50%;
5255
+ border-radius: 50%;
5256
+ display: block;
5257
+ -webkit-transform: translate(-50%, -50%);
5258
+ -ms-transform: translate(-50%, -50%);
5259
+ transform: translate(-50%, -50%);
5260
+ -webkit-transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
5261
+ transition: width 0.4s ease-in-out, height 0.4s ease-in-out; }
5262
+
5263
+ .premium-mouse-detect-yes .premium-button-style6:hover .premium-button-style6-bg {
5264
+ width: 225%;
5265
+ height: 560px; }
5266
+
5267
+ .premium-mouse-detect-yes .premium-button-style6:before {
5268
+ width: 0;
5269
+ height: 0; }
5270
+
5271
+ .premium-button-style7-right .premium-button-text-icon-wrapper:before,
5272
+ .premium-button-style7-left .premium-button-text-icon-wrapper:before {
5273
+ -webkit-transition: width 0.3s ease-out 0.15s;
5274
+ transition: width 0.3s ease-out 0.15s; }
5275
+
5276
+ .premium-button-style7-right .premium-button-text-icon-wrapper:after,
5277
+ .premium-button-style7-left .premium-button-text-icon-wrapper:after {
5278
+ -webkit-transition: width 0.3s ease-out 0s;
5279
+ transition: width 0.3s ease-out 0s; }
5280
+
5281
+ .premium-button-style7-bottom .premium-button-text-icon-wrapper:before,
5282
+ .premium-button-style7-top .premium-button-text-icon-wrapper:before {
5283
+ -webkit-transition: height 0.3s ease-out 0.15s;
5284
+ transition: height 0.3s ease-out 0.15s; }
5285
+
5286
+ .premium-button-style7-bottom .premium-button-text-icon-wrapper:after,
5287
+ .premium-button-style7-top .premium-button-text-icon-wrapper:after {
5288
+ -webkit-transition: height 0.3s ease-out 0s;
5289
+ transition: height 0.3s ease-out 0s; }
5290
+
5291
+ .premium-button-style7:hover .premium-button-text-icon-wrapper:before {
5292
+ -webkit-transition-delay: 0s;
5293
+ transition-delay: 0s; }
5294
+
5295
+ .premium-button-style7:hover .premium-button-text-icon-wrapper:after {
5296
+ -webkit-transition-delay: 0.15s;
5297
+ transition-delay: 0.15s; }
5298
+
5299
+ .premium-button-style7-bottom .premium-button-text-icon-wrapper:before,
5300
+ .premium-button-style7-bottom .premium-button-text-icon-wrapper:after {
5301
+ content: "";
5302
+ position: absolute;
5303
+ right: 0;
5304
+ top: 0;
5305
+ left: 0;
5306
+ height: 0;
5307
+ z-index: -1; }
5308
+
5309
+ .premium-button-style7-top .premium-button-text-icon-wrapper:after,
5310
+ .premium-button-style7-top .premium-button-text-icon-wrapper:before {
5311
+ content: "";
5312
+ position: absolute;
5313
+ right: 0;
5314
+ bottom: 0;
5315
+ left: 0;
5316
+ height: 0;
5317
+ z-index: -1; }
5318
+
5319
+ .premium-button-style7-right .premium-button-text-icon-wrapper:after,
5320
+ .premium-button-style7-right .premium-button-text-icon-wrapper:before {
5321
+ content: "";
5322
+ position: absolute;
5323
+ right: 0;
5324
+ top: 0;
5325
+ bottom: 0;
5326
+ width: 0;
5327
+ z-index: -1; }
5328
+
5329
+ .premium-button-style7-left .premium-button-text-icon-wrapper:after,
5330
+ .premium-button-style7-left .premium-button-text-icon-wrapper:before {
5331
+ content: "";
5332
+ position: absolute;
5333
+ left: 0;
5334
+ top: 0;
5335
+ bottom: 0;
5336
+ width: 0;
5337
+ z-index: -1; }
5338
+
5339
+ .premium-button-style7-bottom:hover .premium-button-text-icon-wrapper:after,
5340
+ .premium-button-style7-bottom:hover .premium-button-text-icon-wrapper:before {
5341
+ height: 100%;
5342
+ top: 0; }
5343
+
5344
+ .premium-button-style7-top:hover .premium-button-text-icon-wrapper:after,
5345
+ .premium-button-style7-top:hover .premium-button-text-icon-wrapper:before {
5346
+ height: 100%;
5347
+ bottom: 0; }
5348
+
5349
+ .premium-button-style7-left:hover .premium-button-text-icon-wrapper:after,
5350
+ .premium-button-style7-left:hover .premium-button-text-icon-wrapper:before {
5351
+ width: 100%;
5352
+ left: 0; }
5353
+
5354
+ .premium-button-style7-right:hover .premium-button-text-icon-wrapper:after,
5355
+ .premium-button-style7-right:hover .premium-button-text-icon-wrapper:before {
5356
+ width: 100%;
5357
+ right: 0; }
5358
+
5359
+ /**************** Premium Contact Form7 **********/
5360
+ /*************************************************/
5361
+ .premium-contact-form-anim-yes .wpcf7-span::after {
5362
+ display: block;
5363
+ height: 2px;
5364
+ content: "";
5365
+ top: -2px;
5366
+ position: relative;
5367
+ width: 0px;
5368
+ -webkit-transition: all ease-in-out 0.3s;
5369
+ transition: all ease-in-out 0.3s; }
5370
+
5371
+ .premium-contact-form-anim-yes .wpcf7-span.is-focused::after {
5372
+ width: 100%; }
5373
+
5374
+ .premium-cf7-container input.wpcf7-submit {
5375
+ -webkit-transition: all 0.3s ease-in-out;
5376
+ transition: all 0.3s ease-in-out; }
5377
+
5378
+ /**************** Premium Image Button ***********/
5379
+ /*************************************************/
5380
+ .premium-image-button {
5381
+ -js-display: inline-flex;
5382
+ display: -webkit-inline-box;
5383
+ display: -webkit-inline-flex;
5384
+ display: -moz-inline-box;
5385
+ display: -ms-inline-flexbox;
5386
+ display: inline-flex;
5387
+ position: relative;
5388
+ overflow: hidden;
5389
+ background-color: #eee;
5390
+ cursor: pointer;
5391
+ -webkit-transition: all 0.2s ease-in-out !important;
5392
+ transition: all 0.2s ease-in-out !important; }
5393
+ .premium-image-button .premium-button-style6-bg, .premium-image-button.premium-button-style6:before, .premium-image-button:not(.premium-image-button-style6):hover {
5394
+ background-color: #54595f; }
5395
+
5396
+ /*Default background for slide styles*/
5397
+ .premium-image-button-style4-icon-wrapper,
5398
+ .premium-image-button-style1:before {
5399
+ background-color: #54595f; }
5400
+
5401
+ .premium-image-button-text-icon-wrapper {
5402
+ width: 100%;
5403
+ -js-display: flex;
5404
+ display: -webkit-box;
5405
+ display: -webkit-flex;
5406
+ display: -moz-box;
5407
+ display: -ms-flexbox;
5408
+ display: flex;
5409
+ -webkit-box-pack: center;
5410
+ -webkit-justify-content: center;
5411
+ -moz-box-pack: center;
5412
+ -ms-flex-pack: center;
5413
+ justify-content: center;
5414
+ -webkit-box-align: center;
5415
+ -webkit-align-items: center;
5416
+ -moz-box-align: center;
5417
+ -ms-flex-align: center;
5418
+ align-items: center;
5419
+ position: relative;
5420
+ z-index: 3;
5421
+ -webkit-transition: all 0.2s ease-in-out;
5422
+ transition: all 0.2s ease-in-out; }
5423
+ .premium-image-button-text-icon-wrapper span,
5424
+ .premium-image-button-text-icon-wrapper i,
5425
+ .premium-image-button-text-icon-wrapper svg {
5426
+ -webkit-transition: all 0.2s ease-in-out;
5427
+ transition: all 0.2s ease-in-out; }
5428
+
5429
+ .premium-image-button-style1:before {
5430
+ position: absolute;
5431
+ content: "";
5432
+ -webkit-transition: all 0.2s ease-in-out;
5433
+ transition: all 0.2s ease-in-out; }
5434
+
5435
+ .premium-image-button-style1-bottom:before {
5436
+ width: 100%;
5437
+ height: 0;
5438
+ top: 0;
5439
+ left: 0; }
5440
+
5441
+ .premium-image-button-style1-top:before {
5442
+ width: 100%;
5443
+ height: 0;
5444
+ bottom: 0;
5445
+ left: 0; }
5446
+
5447
+ .premium-image-button-style1-right:before {
5448
+ width: 0;
5449
+ height: 100%;
5450
+ bottom: 0;
5451
+ left: 0; }
5452
+
5453
+ .premium-image-button-style1-left:before {
5454
+ width: 0;
5455
+ height: 100%;
5456
+ top: 0;
5457
+ right: 0; }
5458
+
5459
+ .premium-image-button-style1-bottom:hover:before,
5460
+ .premium-image-button-style1-top:hover:before {
5461
+ height: 100%; }
5462
+
5463
+ .premium-image-button-style1-right:hover:before,
5464
+ .premium-image-button-style1-left:hover:before {
5465
+ width: 100%; }
5466
+
5467
+ .premium-image-button-style3 {
5468
+ z-index: 10; }
5469
+ .premium-image-button-style3:before {
5470
+ position: absolute;
5471
+ top: 0px;
5472
+ left: 0px;
5473
+ width: 100%;
5474
+ height: 100%;
5475
+ content: "";
5476
+ z-index: 1;
5477
+ background: rgba(255, 255, 255, 0.2);
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
+ -webkit-transition: all 0.8s ease-out;
5481
+ transition: all 0.8s ease-out; }
5482
+
5483
+ .premium-image-button-diagonal-right:before {
5484
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
5485
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0); }
5486
+
5487
+ .premium-image-button-diagonal-right:hover:before {
5488
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
5489
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0); }
5490
+
5491
+ .premium-image-button-diagonal-left:before {
5492
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
5493
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0); }
5494
+
5495
+ .premium-image-button-diagonal-left:hover:before {
5496
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
5497
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0); }
5498
+
5499
+ .premium-image-button-diagonal-bottom:before {
5500
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
5501
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0); }
5502
+
5503
+ .premium-image-button-diagonal-bottom:hover:before {
5504
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
5505
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); }
5506
+
5507
+ .premium-image-button-diagonal-top:before {
5508
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
5509
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); }
5510
+
5511
+ .premium-image-button-diagonal-top:hover:before {
5512
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
5513
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0); }
5514
+
5515
+ .premium-image-button-style4-icon-wrapper {
5516
+ position: absolute;
5517
+ z-index: 2;
5518
+ width: 100%;
5519
+ text-align: center;
5520
+ -js-display: flex;
5521
+ display: -webkit-box;
5522
+ display: -webkit-flex;
5523
+ display: -moz-box;
5524
+ display: -ms-flexbox;
5525
+ display: flex;
5526
+ -webkit-box-align: center;
5527
+ -webkit-align-items: center;
5528
+ -moz-box-align: center;
5529
+ -ms-flex-align: center;
5530
+ align-items: center;
5531
+ -webkit-box-pack: center;
5532
+ -webkit-justify-content: center;
5533
+ -moz-box-pack: center;
5534
+ -ms-flex-pack: center;
5535
+ justify-content: center;
5536
+ height: 100%;
5537
+ opacity: 0;
5538
+ -webkit-transition: all 0.3s ease-in-out;
5539
+ transition: all 0.3s ease-in-out; }
5540
+ .premium-image-button-style4-icon-wrapper.top {
5541
+ bottom: -100%;
5542
+ left: 0; }
5543
+ .premium-image-button-style4-icon-wrapper.bottom {
5544
+ top: -100%;
5545
+ left: 0; }
5546
+ .premium-image-button-style4-icon-wrapper.left {
5547
+ top: 0;
5548
+ left: -100%; }
5549
+ .premium-image-button-style4-icon-wrapper.right {
5550
+ top: 0;
5551
+ right: -100%; }
5552
+
5553
+ .premium-image-button-style4-bottom:hover .premium-image-button-style4-icon-wrapper {
5554
+ top: 0;
5555
+ opacity: 1; }
5556
+
5557
+ .premium-image-button-style4-bottom:hover .premium-image-button-text-icon-wrapper {
5558
+ -webkit-transform: translateY(100%);
5559
+ -ms-transform: translateY(100%);
5560
+ transform: translateY(100%);
5561
+ opacity: 0; }
5562
+
5563
+ .premium-image-button-style4-top:hover .premium-image-button-style4-icon-wrapper {
5564
+ bottom: 0;
5565
+ opacity: 1; }
5566
+
5567
+ .premium-image-button-style4-top:hover .premium-image-button-text-icon-wrapper {
5568
+ -webkit-transform: translateY(-100%);
5569
+ -ms-transform: translateY(-100%);
5570
+ transform: translateY(-100%);
5571
+ opacity: 0; }
5572
+
5573
+ .premium-image-button-style4-left:hover .premium-image-button-style4-icon-wrapper {
5574
+ left: 0;
5575
+ opacity: 1; }
5576
+
5577
+ .premium-image-button-style4-left:hover .premium-image-button-text-icon-wrapper {
5578
+ -webkit-transform: translateX(100%);
5579
+ -ms-transform: translateX(100%);
5580
+ transform: translateX(100%);
5581
+ opacity: 0; }
5582
+
5583
+ .premium-image-button-style4-right:hover .premium-image-button-style4-icon-wrapper {
5584
+ right: 0;
5585
+ opacity: 1; }
5586
+
5587
+ .premium-image-button-style4-right:hover .premium-image-button-text-icon-wrapper {
5588
+ -webkit-transform: translateX(-100%);
5589
+ -ms-transform: translateX(-100%);
5590
+ transform: translateX(-100%);
5591
+ opacity: 0; }
5592
+
5593
+ .premium-image-button-style5:before {
5594
+ position: absolute;
5595
+ content: "";
5596
+ top: 0;
5597
+ left: 0;
5598
+ width: 100%;
5599
+ height: 100%;
5600
+ opacity: 0;
5601
+ -webkit-transition: all 1s ease-in-out;
5602
+ transition: all 1s ease-in-out;
5603
+ background: rgba(255, 255, 255, 0.2);
5604
+ -webkit-animation-name: premium-overlap-effect-done;
5605
+ animation-name: premium-overlap-effect-done;
5606
+ -webkit-animation-duration: 1s;
5607
+ animation-duration: 1s; }
5608
+
5609
+ .premium-image-button-overlap-effect-vertical:before {
5610
+ -webkit-animation-name: premium-overlap-ver-effect-done;
5611
+ animation-name: premium-overlap-ver-effect-done; }
5612
+
5613
+ .premium-image-button-overlap-effect-horizontal:hover:before {
5614
+ -webkit-animation-name: premium-overlap-effect;
5615
+ animation-name: premium-overlap-effect; }
5616
+
5617
+ .premium-image-button-overlap-effect-vertical:hover:before {
5618
+ -webkit-animation-name: premium-overlap-ver-effect;
5619
+ animation-name: premium-overlap-ver-effect; }
5620
+
5621
+ @-webkit-keyframes premium-overlap-effect {
5622
+ 0% {
5623
+ opacity: 0;
5624
+ -webkit-transform: rotateY(0deg);
5625
+ transform: rotateY(0deg); }
5626
+ 50% {
5627
+ opacity: 1;
5628
+ -webkit-transform: rotateY(180deg);
5629
+ transform: rotateY(180deg); }
5630
+ 100% {
5631
+ opacity: 0;
5632
+ -webkit-transform: rotateY(360deg);
5633
+ transform: rotateY(360deg); } }
5634
+
5635
+ @keyframes premium-overlap-effect {
5636
+ 0% {
5637
+ opacity: 0;
5638
+ -webkit-transform: rotateY(0deg);
5639
+ transform: rotateY(0deg); }
5640
+ 50% {
5641
+ opacity: 1;
5642
+ -webkit-transform: rotateY(180deg);
5643
+ transform: rotateY(180deg); }
5644
+ 100% {
5645
+ opacity: 0;
5646
+ -webkit-transform: rotateY(360deg);
5647
+ transform: rotateY(360deg); } }
5648
+
5649
+ @-webkit-keyframes premium-overlap-effect-done {
5650
+ 0% {
5651
+ opacity: 0;
5652
+ -webkit-transform: rotateY(0deg);
5653
+ transform: rotateY(0deg); }
5654
+ 50% {
5655
+ opacity: 1;
5656
+ -webkit-transform: rotateY(180deg);
5657
+ transform: rotateY(180deg); }
5658
+ 100% {
5659
+ opacity: 0;
5660
+ -webkit-transform: rotateY(360deg);
5661
+ transform: rotateY(360deg); } }
5662
+
5663
+ @keyframes premium-overlap-effect-done {
5664
+ 0% {
5665
+ opacity: 0;
5666
+ -webkit-transform: rotateY(0deg);
5667
+ transform: rotateY(0deg); }
5668
+ 50% {
5669
+ opacity: 1;
5670
+ -webkit-transform: rotateY(180deg);
5671
+ transform: rotateY(180deg); }
5672
+ 100% {
5673
+ opacity: 0;
5674
+ -webkit-transform: rotateY(360deg);
5675
+ transform: rotateY(360deg); } }
5676
+
5677
+ @-webkit-keyframes premium-overlap-ver-effect {
5678
+ 0% {
5679
+ opacity: 0;
5680
+ -webkit-transform: rotateX(0deg);
5681
+ transform: rotateX(0deg); }
5682
+ 50% {
5683
+ opacity: 1;
5684
+ -webkit-transform: rotateX(180deg);
5685
+ transform: rotateX(180deg); }
5686
+ 100% {
5687
+ opacity: 0;
5688
+ -webkit-transform: rotateX(360deg);
5689
+ transform: rotateX(360deg); } }
5690
+
5691
+ @keyframes premium-overlap-ver-effect {
5692
+ 0% {
5693
+ opacity: 0;
5694
+ -webkit-transform: rotateX(0deg);
5695
+ transform: rotateX(0deg); }
5696
+ 50% {
5697
+ opacity: 1;
5698
+ -webkit-transform: rotateX(180deg);
5699
+ transform: rotateX(180deg); }
5700
+ 100% {
5701
+ opacity: 0;
5702
+ -webkit-transform: rotateX(360deg);
5703
+ transform: rotateX(360deg); } }
5704
+
5705
+ @-webkit-keyframes premium-overlap-ver-effect-done {
5706
+ 0% {
5707
+ opacity: 0;
5708
+ -webkit-transform: rotateX(0deg);
5709
+ transform: rotateX(0deg); }
5710
+ 50% {
5711
+ opacity: 1;
5712
+ -webkit-transform: rotateX(180deg);
5713
+ transform: rotateX(180deg); }
5714
+ 100% {
5715
+ opacity: 0;
5716
+ -webkit-transform: rotateX(360deg);
5717
+ transform: rotateX(360deg); } }
5718
+
5719
+ @keyframes premium-overlap-ver-effect-done {
5720
+ 0% {
5721
+ opacity: 0;
5722
+ -webkit-transform: rotateX(0deg);
5723
+ transform: rotateX(0deg); }
5724
+ 50% {
5725
+ opacity: 1;
5726
+ -webkit-transform: rotateX(180deg);
5727
+ transform: rotateX(180deg); }
5728
+ 100% {
5729
+ opacity: 0;
5730
+ -webkit-transform: rotateX(360deg);
5731
+ transform: rotateX(360deg); } }
5732
+
5733
+ /******** Premium Media Grid ********/
5734
+ /************************************/
5735
+ .premium-img-gallery-filter,
5736
+ .premium-blog-filter {
5737
+ -js-display: flex;
5738
+ display: -webkit-box;
5739
+ display: -webkit-flex;
5740
+ display: -moz-box;
5741
+ display: -ms-flexbox;
5742
+ display: flex;
5743
+ -webkit-box-align: center;
5744
+ -webkit-align-items: center;
5745
+ -moz-box-align: center;
5746
+ -ms-flex-align: center;
5747
+ align-items: center;
5748
+ -webkit-box-pack: center;
5749
+ -webkit-justify-content: center;
5750
+ -moz-box-pack: center;
5751
+ -ms-flex-pack: center;
5752
+ justify-content: center; }
5753
+
5754
+ .premium-img-gallery {
5755
+ clear: both;
5756
+ overflow: hidden; }
5757
+
5758
+ .premium-gallery-container .premium-gallery-item {
5759
+ padding: 10px;
5760
+ float: left; }
5761
+
5762
+ .premium-gallery-container .grid-sizer {
5763
+ width: 33.33%; }
5764
+
5765
+ .premium-gallery-container .pa-gallery-item {
5766
+ padding: 10px; }
5767
+
5768
+ .premium-img-gallery-filter .premium-gallery-cats-container li a.category,
5769
+ .premium-blog-filter .premium-blog-filters-container li a.category {
5770
+ outline: none;
5771
+ text-decoration: none;
5772
+ -webkit-border-radius: 75px;
5773
+ border-radius: 75px;
5774
+ margin: 15px 5px 20px;
5775
+ padding: 7px 20px;
5776
+ -webkit-transition: all 0.3s ease-in-out;
5777
+ transition: all 0.3s ease-in-out; }
5778
+
5779
+ .premium-img-gallery-filter .premium-gallery-cats-container li a.category span {
5780
+ -webkit-transition: all 0.3s ease-in-out;
5781
+ transition: all 0.3s ease-in-out; }
5782
+
5783
+ .pa-gallery-img {
5784
+ position: relative; }
5785
+ .pa-gallery-img .pa-gallery-whole-link {
5786
+ position: absolute;
5787
+ top: 0;
5788
+ left: 0;
5789
+ width: 100%;
5790
+ height: 100%; }
5791
+ .pa-gallery-img.style2 .pa-gallery-whole-link {
5792
+ z-index: 99; }
5793
+
5794
+ .pa-gallery-img-container {
5795
+ overflow: hidden;
5796
+ -webkit-backface-visibility: hidden;
5797
+ backface-visibility: hidden;
5798
+ -webkit-transform: translate3d(0, 0, 0);
5799
+ transform: translate3d(0, 0, 0); }
5800
+ .pa-gallery-img-container img {
5801
+ display: block;
5802
+ width: 100%;
5803
+ -webkit-transition: all 0.3s ease-in-out;
5804
+ transition: all 0.3s ease-in-out; }
5805
+
5806
+ .premium-img-gallery.gray img {
5807
+ -webkit-filter: grayscale(100%);
5808
+ filter: grayscale(100%); }
5809
+
5810
+ .premium-img-gallery.zoomout img,
5811
+ .premium-img-gallery.scale img {
5812
+ -webkit-transform: scale(1.2);
5813
+ -ms-transform: scale(1.2);
5814
+ transform: scale(1.2); }
5815
+
5816
+ .premium-img-gallery.sepia img {
5817
+ -webkit-filter: sepia(30%);
5818
+ filter: sepia(30%); }
5819
+
5820
+ .premium-img-gallery.bright img {
5821
+ -webkit-filter: brightness(1);
5822
+ filter: brightness(1); }
5823
+
5824
+ .premium-img-gallery.trans img {
5825
+ -webkit-transform: translateX(-15px) scale(1.1);
5826
+ -ms-transform: translateX(-15px) scale(1.1);
5827
+ transform: translateX(-15px) scale(1.1); }
5828
+
5829
+ .pa-gallery-img .pa-gallery-magnific-image,
5830
+ .pa-gallery-img .pa-gallery-img-link {
5831
+ outline: none; }
5832
+ .pa-gallery-img .pa-gallery-magnific-image i,
5833
+ .pa-gallery-img .pa-gallery-magnific-image svg,
5834
+ .pa-gallery-img .pa-gallery-img-link i,
5835
+ .pa-gallery-img .pa-gallery-img-link svg {
5836
+ -webkit-transition: all 0.3s ease-in-out;
5837
+ transition: all 0.3s ease-in-out; }
5838
+
5839
+ .pa-gallery-img .pa-gallery-magnific-image span,
5840
+ .pa-gallery-img .pa-gallery-img-link span {
5841
+ line-height: 1;
5842
+ display: inline-block;
5843
+ opacity: 0;
5844
+ margin: 0 5px;
5845
+ padding: 15px;
5846
+ -webkit-border-radius: 50%;
5847
+ border-radius: 50%; }
5848
+
5849
+ .pa-gallery-img.style2 .pa-gallery-magnific-image span,
5850
+ .pa-gallery-img.style2 .pa-gallery-img-link span {
5851
+ margin: 0 5px 20px; }
5852
+
5853
+ .pa-gallery-img:hover .pa-gallery-magnific-image span {
5854
+ -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
5855
+ transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s; }
5856
+
5857
+ .pa-gallery-img:hover .pa-gallery-img-link span {
5858
+ -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
5859
+ transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s; }
5860
+
5861
+ .pa-gallery-img:hover .pa-gallery-magnific-image span,
5862
+ .pa-gallery-img:hover .pa-gallery-img-link span {
5863
+ opacity: 1; }
5864
+
5865
+ .premium-gallery-icon-show a.pa-gallery-video-icon span {
5866
+ opacity: 1; }
5867
+
5868
+ .premium-img-gallery-filter ul.premium-gallery-cats-container,
5869
+ .premium-blog-filter ul.premium-blog-filters-container {
5870
+ text-align: center;
5871
+ margin: 0;
5872
+ padding: 0; }
5873
+
5874
+ .premium-img-gallery-filter .premium-gallery-cats-container li,
5875
+ .premium-blog-filter .premium-blog-filters-container li {
5876
+ list-style: none;
5877
+ -js-display: inline-flex;
5878
+ display: -webkit-inline-box;
5879
+ display: -webkit-inline-flex;
5880
+ display: -moz-inline-box;
5881
+ display: -ms-inline-flexbox;
5882
+ display: inline-flex; }
5883
+
5884
+ .premium-img-gallery.zoomin .pa-gallery-img:hover img {
5885
+ -webkit-transform: scale(1.1);
5886
+ -ms-transform: scale(1.1);
5887
+ transform: scale(1.1); }
5888
+
5889
+ .premium-img-gallery.zoomout .pa-gallery-img:hover img {
5890
+ -webkit-transform: scale(1);
5891
+ -ms-transform: scale(1);
5892
+ transform: scale(1); }
5893
+
5894
+ .premium-img-gallery.scale .pa-gallery-img:hover img {
5895
+ -webkit-transform: scale(1.3) rotate(5deg);
5896
+ -ms-transform: scale(1.3) rotate(5deg);
5897
+ transform: scale(1.3) rotate(5deg); }
5898
+
5899
+ .premium-img-gallery.gray .pa-gallery-img:hover img {
5900
+ -webkit-filter: grayscale(0%);
5901
+ filter: grayscale(0%); }
5902
+
5903
+ .premium-img-gallery.blur .pa-gallery-img:hover img {
5904
+ -webkit-filter: blur(3px);
5905
+ filter: blur(3px); }
5906
+
5907
+ .premium-img-gallery.sepia .pa-gallery-img:hover img {
5908
+ -webkit-filter: sepia(0%);
5909
+ filter: sepia(0%); }
5910
+
5911
+ .premium-img-gallery.trans .pa-gallery-img:hover img {
5912
+ -webkit-transform: translateX(0px) scale(1.1);
5913
+ -ms-transform: translateX(0px) scale(1.1);
5914
+ transform: translateX(0px) scale(1.1); }
5915
+
5916
+ .premium-img-gallery.bright .pa-gallery-img:hover img {
5917
+ -webkit-filter: brightness(1.2);
5918
+ filter: brightness(1.2); }
5919
+
5920
+ .pa-gallery-img .premium-gallery-caption {
5921
+ padding: 10px; }
5922
+ .pa-gallery-img .premium-gallery-caption .premium-gallery-img-name {
5923
+ margin-bottom: 0; }
5924
+
5925
+ .pa-gallery-img.style1 {
5926
+ overflow: hidden; }
5927
+
5928
+ .pa-gallery-img:not(.style2) .pa-gallery-icons-wrapper {
5929
+ position: absolute;
5930
+ top: 0;
5931
+ left: 0;
5932
+ width: 100%;
5933
+ height: 100%;
5934
+ -webkit-transition: all 0.3s ease-in-out;
5935
+ transition: all 0.3s ease-in-out; }
5936
+
5937
+ .pa-gallery-img:not(.style2) .pa-gallery-icons-inner-container {
5938
+ position: absolute;
5939
+ top: 33.33%;
5940
+ width: 100%;
5941
+ text-align: center;
5942
+ -webkit-transform: translateY(-50%);
5943
+ -ms-transform: translateY(-50%);
5944
+ transform: translateY(-50%);
5945
+ z-index: 999; }
5946
+
5947
+ .pa-gallery-img.style1 .premium-gallery-caption {
5948
+ position: absolute;
5949
+ top: auto;
5950
+ right: 0;
5951
+ bottom: -1px;
5952
+ left: 0;
5953
+ width: 100%;
5954
+ -webkit-transition: all 500ms ease 0s;
5955
+ transition: all 500ms ease 0s;
5956
+ -webkit-transform: translate3d(0, 100%, 0);
5957
+ transform: translate3d(0, 100%, 0); }
5958
+
5959
+ .pa-gallery-img.style1:hover .premium-gallery-caption {
5960
+ -webkit-transform: translate3d(0, 0, 0);
5961
+ transform: translate3d(0, 0, 0);
5962
+ bottom: -1px !important; }
5963
+
5964
+ .pa-gallery-img.default .premium-gallery-caption {
5965
+ position: absolute;
5966
+ top: auto;
5967
+ right: 0;
5968
+ left: 0;
5969
+ width: 100%;
5970
+ bottom: 0; }
5971
+
5972
+ .pa-gallery-img.style2 .pa-gallery-icons-caption-container {
5973
+ position: absolute;
5974
+ top: 0;
5975
+ left: 0;
5976
+ width: 100%;
5977
+ height: 100%;
5978
+ opacity: 0;
5979
+ -webkit-backface-visibility: hidden;
5980
+ backface-visibility: hidden;
5981
+ -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
5982
+ transition: opacity 0.3s, -webkit-transform 0.3s;
5983
+ transition: transform 0.3s, opacity 0.3s;
5984
+ transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
5985
+ z-index: 1;
5986
+ background-color: rgba(108, 191, 226, 0.68);
5987
+ -js-display: flex;
5988
+ display: -webkit-box;
5989
+ display: -webkit-flex;
5990
+ display: -moz-box;
5991
+ display: -ms-flexbox;
5992
+ display: flex;
5993
+ text-align: center;
5994
+ -webkit-box-align: center;
5995
+ -webkit-align-items: center;
5996
+ -moz-box-align: center;
5997
+ -ms-flex-align: center;
5998
+ align-items: center; }
5999
+
6000
+ .pa-gallery-img.style2 .pa-gallery-icons-caption-cell {
6001
+ width: 100%; }
6002
+
6003
+ .pa-gallery-img.style2:hover .pa-gallery-icons-caption-container {
6004
+ opacity: 1;
6005
+ -webkit-transform: translate(15px, 15px);
6006
+ -ms-transform: translate(15px, 15px);
6007
+ transform: translate(15px, 15px); }
6008
+
6009
+ .premium-clearfix {
6010
+ clear: both; }
6011
+
6012
+ /**
6013
+ * Metro Layout
6014
+ */
6015
+ .premium-img-gallery-metro .premium-gallery-item {
6016
+ overflow: hidden; }
6017
+
6018
+ .premium-img-gallery-metro .pa-gallery-img {
6019
+ height: 100%; }
6020
+
6021
+ .premium-img-gallery-metro .pa-gallery-img-container {
6022
+ height: 100%; }
6023
+ .premium-img-gallery-metro .pa-gallery-img-container img {
6024
+ min-height: 100%;
6025
+ width: 100%;
6026
+ -o-object-fit: fill;
6027
+ object-fit: fill; }
6028
+
6029
+ .premium-img-gallery .premium-gallery-item-hidden {
6030
+ visibility: hidden;
6031
+ width: 0 !important;
6032
+ height: 0 !important;
6033
+ margin: 0 !important;
6034
+ padding: 0 !important; }
6035
+
6036
+ .premium-gallery-load-more {
6037
+ position: relative; }
6038
+ .premium-gallery-load-more .premium-gallery-load-more-btn {
6039
+ -webkit-box-shadow: none;
6040
+ box-shadow: none;
6041
+ text-shadow: none;
6042
+ border: none;
6043
+ outline: none;
6044
+ -webkit-box-align: center;
6045
+ -webkit-align-items: center;
6046
+ -moz-box-align: center;
6047
+ -ms-flex-align: center;
6048
+ align-items: center;
6049
+ vertical-align: bottom;
6050
+ cursor: pointer;
6051
+ line-height: 1;
6052
+ font-style: normal;
6053
+ font-weight: normal;
6054
+ background-image: none;
6055
+ color: #fff;
6056
+ -webkit-transition: all 0.3s ease-in-out;
6057
+ transition: all 0.3s ease-in-out; }
6058
+
6059
+ .premium-gallery-load-more-btn {
6060
+ -js-display: inline-flex;
6061
+ display: -webkit-inline-box;
6062
+ display: -webkit-inline-flex;
6063
+ display: -moz-inline-box;
6064
+ display: -ms-inline-flexbox;
6065
+ display: inline-flex;
6066
+ -webkit-box-align: center;
6067
+ -webkit-align-items: center;
6068
+ -moz-box-align: center;
6069
+ -ms-flex-align: center;
6070
+ align-items: center; }
6071
+
6072
+ .premium-loader {
6073
+ border: 3px solid #f3f3f3;
6074
+ border-top-width: 3px;
6075
+ border-top-style: solid;
6076
+ border-top-color: #f3f3f3;
6077
+ -webkit-border-radius: 50%;
6078
+ border-radius: 50%;
6079
+ border-top: 3px solid;
6080
+ border-top-color: #bbb;
6081
+ width: 30px;
6082
+ height: 30px;
6083
+ -webkit-animation: spin 2s linear infinite;
6084
+ animation: spin 2s linear infinite;
6085
+ margin: 0 auto; }
6086
+
6087
+ .premium-gallery-load-more-btn div {
6088
+ margin-left: 3px; }
6089
+
6090
+ .premium-gallery-load-more-btn .premium-loader {
6091
+ display: inline-block;
6092
+ width: 20px;
6093
+ height: 20px; }
6094
+
6095
+ .pa-gallery-img .pa-gallery-lightbox-wrap {
6096
+ display: inline-block; }
6097
+
6098
+ .premium-img-gallery-no-lightbox .premium-gallery-video-item .pa-gallery-img,
6099
+ .pa-gallery-img .pa-gallery-video-icon {
6100
+ cursor: pointer; }
6101
+
6102
+ .pa-gallery-img-container iframe {
6103
+ position: absolute;
6104
+ visibility: hidden;
6105
+ top: 0;
6106
+ left: 0;
6107
+ max-width: 100%;
6108
+ width: 100%;
6109
+ height: 100%;
6110
+ margin: 0;
6111
+ line-height: 1;
6112
+ border: none; }
6113
+
6114
+ .pa-gallery-img-container video {
6115
+ position: absolute;
6116
+ visibility: hidden;
6117
+ top: 0;
6118
+ left: 0;
6119
+ max-width: 100%;
6120
+ width: 100%;
6121
+ height: 100%;
6122
+ margin: 0;
6123
+ line-height: 1;
6124
+ border: none;
6125
+ -o-object-fit: contain;
6126
+ object-fit: contain; }
6127
+
6128
+ .pa-gallery-icons-inner-container svg,
6129
+ .pa-gallery-icons-caption-cell svg {
6130
+ width: 14px;
6131
+ height: 14px; }
6132
+
6133
+ .premium-gallery-gradient-layer {
6134
+ position: absolute;
6135
+ bottom: 40px;
6136
+ width: 100%;
6137
+ height: 20px;
6138
+ background: -webkit-gradient(linear, left bottom, left top, from(#17181f), to(rgba(255, 255, 255, 0)));
6139
+ background: -webkit-linear-gradient(bottom, #17181f 0%, rgba(255, 255, 255, 0) 100%);
6140
+ background: linear-gradient(to top, #17181f 0%, rgba(255, 255, 255, 0) 100%); }
6141
+
6142
+ @-webkit-keyframes spin {
6143
+ 0% {
6144
+ -webkit-transform: rotate(0deg);
6145
+ transform: rotate(0deg); }
6146
+ 100% {
6147
+ -webkit-transform: rotate(360deg);
6148
+ transform: rotate(360deg); } }
6149
+
6150
+ @keyframes spin {
6151
+ 0% {
6152
+ -webkit-transform: rotate(0deg);
6153
+ transform: rotate(0deg); }
6154
+ 100% {
6155
+ -webkit-transform: rotate(360deg);
6156
+ transform: rotate(360deg); } }
6157
+
6158
+ /************ Premium Vertical Scroll ************/
6159
+ /*************************************************/
6160
+ .premium-vscroll-inner {
6161
+ position: relative;
6162
+ min-height: 100%; }
6163
+ .premium-vscroll-inner .premium-vscroll-dots {
6164
+ position: fixed;
6165
+ z-index: 100;
6166
+ opacity: 1;
6167
+ margin-top: -32px;
6168
+ -webkit-transition: all 0.3s ease-in-out;
6169
+ transition: all 0.3s ease-in-out; }
6170
+
6171
+ .premium-vscroll-wrap .premium-vscroll-nav-menu {
6172
+ opacity: 1;
6173
+ -webkit-transition: all 0.3s ease-in-out;
6174
+ transition: all 0.3s ease-in-out; }
6175
+
6176
+ .premium-vscroll-inner .premium-vscroll-dots,
6177
+ .premium-vscroll-wrap .premium-vscroll-dots-hide {
6178
+ opacity: 0;
6179
+ visibility: hidden; }
6180
+
6181
+ .premium-vscroll-nav-dots-yes .premium-vscroll-inner .premium-vscroll-dots:not(.premium-vscroll-dots-hide) {
6182
+ opacity: 1;
6183
+ visibility: visible; }
6184
+
6185
+ .premium-vscroll-dots.middle {
6186
+ top: 50%; }
6187
+
6188
+ .premium-vscroll-dots.top {
6189
+ top: 40px; }
6190
+
6191
+ .premium-vscroll-dots.bottom {
6192
+ bottom: 30px; }
6193
+
6194
+ .premium-vscroll-dots.right {
6195
+ right: 17px; }
6196
+
6197
+ .premium-vscroll-dots.left {
6198
+ left: 17px; }
6199
+
6200
+ .premium-vscroll-inner ul.premium-vscroll-dots-list,
6201
+ .premium-vscroll-wrap .premium-vscroll-nav-menu {
6202
+ margin: 0 !important;
6203
+ padding: 0; }
6204
+
6205
+ .premium-vscroll-inner ul.premium-vscroll-dots-list li {
6206
+ width: 14px;
6207
+ height: 13px;
6208
+ margin: 7px;
6209
+ position: relative;
6210
+ -js-display: flex;
6211
+ display: -webkit-box;
6212
+ display: -webkit-flex;
6213
+ display: -moz-box;
6214
+ display: -ms-flexbox;
6215
+ display: flex;
6216
+ -webkit-box-pack: center;
6217
+ -webkit-justify-content: center;
6218
+ -moz-box-pack: center;
6219
+ -ms-flex-pack: center;
6220
+ justify-content: center;
6221
+ -webkit-box-align: center;
6222
+ -webkit-align-items: center;
6223
+ -moz-box-align: center;
6224
+ -ms-flex-align: center;
6225
+ align-items: center;
6226
+ overflow: visible; }
6227
+
6228
+ .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link {
6229
+ display: block;
6230
+ position: relative;
6231
+ z-index: 1;
6232
+ width: 100%;
6233
+ height: 100%;
6234
+ cursor: pointer;
6235
+ text-decoration: none; }
6236
+ .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link span {
6237
+ top: 2px;
6238
+ left: 2.5px;
6239
+ width: 8px;
6240
+ height: 8px;
6241
+ border: 1px solid #000;
6242
+ -webkit-border-radius: 50%;
6243
+ border-radius: 50%;
6244
+ position: absolute;
6245
+ z-index: 1;
6246
+ -webkit-transition: all 0.3s ease-in-out;
6247
+ transition: all 0.3s ease-in-out; }
6248
+
6249
+ .premium-vscroll-inner .premium-vscroll-dot-item.active .premium-vscroll-nav-link span {
6250
+ -webkit-transform: scale(1.6);
6251
+ -ms-transform: scale(1.6);
6252
+ transform: scale(1.6); }
6253
+
6254
+ .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-tooltip {
6255
+ position: absolute;
6256
+ color: #fff;
6257
+ font-size: 14px;
6258
+ font-family: arial, helvetica, sans-serif;
6259
+ white-space: nowrap;
6260
+ max-width: 220px;
6261
+ padding-left: 0.4em;
6262
+ padding-right: 0.4em; }
6263
+
6264
+ .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip {
6265
+ right: 27px; }
6266
+
6267
+ .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item {
6268
+ width: 4px;
6269
+ height: 30px; }
6270
+ .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item span {
6271
+ width: 100%;
6272
+ height: 100%;
6273
+ -webkit-border-radius: 0;
6274
+ border-radius: 0; }
6275
+ .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item.active span {
6276
+ -webkit-transform: scale(1);
6277
+ -ms-transform: scale(1);
6278
+ transform: scale(1); }
6279
+
6280
+ .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip::after {
6281
+ position: absolute;
6282
+ top: 50%;
6283
+ content: "";
6284
+ left: -webkit-calc(100% - 1px);
6285
+ left: calc(100% - 1px);
6286
+ width: 10px;
6287
+ height: 0;
6288
+ border-top: 6px solid transparent;
6289
+ border-bottom: 6px solid transparent;
6290
+ border-left: 6px solid;
6291
+ -webkit-transform: translateY(-50%);
6292
+ -ms-transform: translateY(-50%);
6293
+ transform: translateY(-50%); }
6294
+
6295
+ .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip {
6296
+ left: 27px; }
6297
+ .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip::after {
6298
+ position: absolute;
6299
+ top: 50%;
6300
+ content: "";
6301
+ right: -webkit-calc(100% - 1px);
6302
+ right: calc(100% - 1px);
6303
+ width: 10px;
6304
+ height: 0;
6305
+ border-top: 6px solid transparent;
6306
+ border-bottom: 6px solid transparent;
6307
+ border-right: 6px solid;
6308
+ -webkit-transform: translateY(-50%);
6309
+ -ms-transform: translateY(-50%);
6310
+ transform: translateY(-50%); }
6311
+
6312
+ /* * Lines */
6313
+ @media (max-width: 768px) {
6314
+ .premium-vscroll-dots.right {
6315
+ right: 7px; }
6316
+ .premium-vscroll-dots.left {
6317
+ left: 7px; } }
6318
+
6319
+ .premium-vscroll-nav-menu {
6320
+ position: fixed;
6321
+ top: 20px;
6322
+ height: 40px;
6323
+ z-index: 100;
6324
+ padding: 0;
6325
+ margin: 0; }
6326
+ .premium-vscroll-nav-menu.left {
6327
+ left: 0; }
6328
+ .premium-vscroll-nav-menu.right {
6329
+ right: 0; }
6330
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item {
6331
+ display: inline-block;
6332
+ margin: 10px;
6333
+ color: #000;
6334
+ background: #fff;
6335
+ background: rgba(255, 255, 255, 0.3); }
6336
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link {
6337
+ padding: 9px 18px;
6338
+ display: block;
6339
+ cursor: pointer;
6340
+ color: #000; }
6341
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:hover {
6342
+ color: #000; }
6343
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:focus {
6344
+ outline: none; }
6345
+
6346
+ .multiscroll-nav li a:focus {
6347
+ outline: none; }
6348
+
6349
+ .premium-vscroll-temp .slimScrollBar {
6350
+ visibility: hidden; }
6351
+
6352
+ /************ Premium Image Scroll ************/
6353
+ /**********************************************/
6354
+ .premium-image-scroll-section,
6355
+ .premium-image-scroll-container {
6356
+ -webkit-transition: all 0.3s ease-in-out;
6357
+ transition: all 0.3s ease-in-out; }
6358
+
6359
+ .premium-image-scroll-section {
6360
+ position: relative;
6361
+ overflow: hidden;
6362
+ width: 100%;
6363
+ -webkit-mask-image: -webkit-radial-gradient(white, black); }
6364
+
6365
+ .premium-image-scroll-container {
6366
+ width: 100%; }
6367
+ .premium-image-scroll-container .premium-image-scroll-mask-media {
6368
+ -webkit-mask-repeat: no-repeat;
6369
+ mask-repeat: no-repeat;
6370
+ -webkit-mask-position: center;
6371
+ mask-position: center; }
6372
+
6373
+ .premium-container-scroll {
6374
+ overflow: auto; }
6375
+
6376
+ .premium-image-scroll-container .premium-image-scroll-horizontal {
6377
+ position: relative;
6378
+ width: 100%;
6379
+ height: 100%; }
6380
+ .premium-image-scroll-container .premium-image-scroll-horizontal img {
6381
+ max-width: none;
6382
+ height: 100%; }
6383
+
6384
+ .premium-image-scroll-container .premium-image-scroll-vertical img {
6385
+ width: 100%;
6386
+ max-width: 100%;
6387
+ height: auto; }
6388
+
6389
+ .premium-image-scroll-ver {
6390
+ position: relative; }
6391
+
6392
+ .premium-image-scroll-container .premium-image-scroll-overlay {
6393
+ background: rgba(2, 2, 2, 0.3); }
6394
+
6395
+ .premium-image-scroll-container .premium-image-scroll-link,
6396
+ .premium-image-scroll-container .premium-image-scroll-overlay {
6397
+ position: absolute;
6398
+ top: 0;
6399
+ bottom: 0;
6400
+ left: 0;
6401
+ right: 0;
6402
+ z-index: 4; }
6403
+
6404
+ .premium-image-scroll-content {
6405
+ display: inline-block;
6406
+ position: absolute;
6407
+ height: auto;
6408
+ top: 50%;
6409
+ left: 50%;
6410
+ text-align: center;
6411
+ z-index: 5;
6412
+ -webkit-transform: translate(-50%, -50%);
6413
+ -ms-transform: translate(-50%, -50%);
6414
+ transform: translate(-50%, -50%); }
6415
+
6416
+ .premium-container-scroll-instant .premium-image-scroll-image {
6417
+ -webkit-transition: all 0s ease-in-out !important;
6418
+ transition: all 0s ease-in-out !important; }
6419
+
6420
+ .premium-image-scroll-container img {
6421
+ -webkit-transition: -webkit-transform 3s ease-in-out;
6422
+ transition: -webkit-transform 3s ease-in-out;
6423
+ transition: transform 3s ease-in-out;
6424
+ transition: transform 3s ease-in-out, -webkit-transform 3s ease-in-out; }
6425
+
6426
+ .premium-image-scroll-container .premium-image-scroll-overlay,
6427
+ .premium-image-scroll-container .premium-image-scroll-content {
6428
+ -webkit-transition: all 0.3s ease-in-out;
6429
+ transition: all 0.3s ease-in-out;
6430
+ opacity: 1; }
6431
+
6432
+ .premium-image-scroll-container:hover .premium-image-scroll-overlay {
6433
+ opacity: 0; }
6434
+
6435
+ .premium-image-scroll-container:hover .premium-image-scroll-content {
6436
+ opacity: 0;
6437
+ visibility: hidden; }
6438
+
6439
+ .premium-image-scroll-content .premium-image-scroll-icon {
6440
+ display: inline-block;
6441
+ font-family: "pa-elements" !important;
6442
+ speak: none;
6443
+ font-style: normal;
6444
+ font-weight: normal;
6445
+ font-variant: normal;
6446
+ text-transform: none;
6447
+ line-height: 1;
6448
+ -webkit-font-smoothing: antialiased;
6449
+ -moz-osx-font-smoothing: grayscale;
6450
+ -webkit-animation-duration: 0.5s;
6451
+ animation-duration: 0.5s;
6452
+ -webkit-animation-iteration-count: infinite;
6453
+ animation-iteration-count: infinite;
6454
+ -webkit-animation-direction: alternate;
6455
+ animation-direction: alternate;
6456
+ -webkit-animation-timing-function: ease-in-out;
6457
+ animation-timing-function: ease-in-out; }
6458
+
6459
+ .pa-horizontal-mouse-scroll:before {
6460
+ content: "\e921"; }
6461
+
6462
+ .pa-vertical-mouse-scroll:before {
6463
+ content: "\e922"; }
6464
+
6465
+ .pa-horizontal-mouse-scroll {
6466
+ -webkit-animation-name: pa-scroll-horizontal;
6467
+ animation-name: pa-scroll-horizontal; }
6468
+
6469
+ .pa-vertical-mouse-scroll {
6470
+ -webkit-animation-name: pa-scroll-vertical;
6471
+ animation-name: pa-scroll-vertical; }
6472
+
6473
+ @-webkit-keyframes pa-scroll-vertical {
6474
+ 0% {
6475
+ -webkit-transform: translateY(0px);
6476
+ transform: translateY(0px); }
6477
+ 100% {
6478
+ -webkit-transform: translateY(5px);
6479
+ transform: translateY(5px); } }
6480
+
6481
+ @keyframes pa-scroll-vertical {
6482
+ 0% {
6483
+ -webkit-transform: translateY(0px);
6484
+ transform: translateY(0px); }
6485
+ 100% {
6486
+ -webkit-transform: translateY(5px);
6487
+ transform: translateY(5px); } }
6488
+
6489
+ @-webkit-keyframes pa-scroll-horizontal {
6490
+ 0% {
6491
+ -webkit-transform: translateX(0px);
6492
+ transform: translateX(0px); }
6493
+ 100% {
6494
+ -webkit-transform: translateX(5px);
6495
+ transform: translateX(5px); } }
6496
+
6497
+ @keyframes pa-scroll-horizontal {
6498
+ 0% {
6499
+ -webkit-transform: translateX(0px);
6500
+ transform: translateX(0px); }
6501
+ 100% {
6502
+ -webkit-transform: translateX(5px);
6503
+ transform: translateX(5px); } }
6504
+
6505
+ /********* Premium Lottie Animations *********/
6506
+ /*********************************************/
6507
+ .premium-lottie-wrap .premium-lottie-animation {
6508
+ position: relative;
6509
+ -js-display: inline-flex;
6510
+ display: -webkit-inline-box;
6511
+ display: -webkit-inline-flex;
6512
+ display: -moz-inline-box;
6513
+ display: -ms-inline-flexbox;
6514
+ display: inline-flex;
6515
+ -webkit-transition: all 0.3s ease-in-out;
6516
+ transition: all 0.3s ease-in-out; }
6517
+ .premium-lottie-wrap .premium-lottie-animation a {
6518
+ position: absolute;
6519
+ left: 0;
6520
+ top: 0;
6521
+ width: 100%;
6522
+ height: 100%;
6523
+ z-index: 2; }
6524
+
6525
+ /**************** Premium Bullet List ****************/
6526
+ /*****************************************************/
6527
+ .premium-bullet-list-box {
6528
+ -js-display: flex;
6529
+ display: -webkit-box;
6530
+ display: -webkit-flex;
6531
+ display: -moz-box;
6532
+ display: -ms-flexbox;
6533
+ display: flex;
6534
+ -webkit-flex-wrap: wrap;
6535
+ -ms-flex-wrap: wrap;
6536
+ flex-wrap: wrap;
6537
+ -webkit-box-orient: vertical;
6538
+ -webkit-box-direction: normal;
6539
+ -webkit-flex-direction: column;
6540
+ -moz-box-orient: vertical;
6541
+ -moz-box-direction: normal;
6542
+ -ms-flex-direction: column;
6543
+ flex-direction: column; }
6544
+ .premium-bullet-list-box .premium-bullet-list-content-grow-lc {
6545
+ -webkit-transform-origin: left center;
6546
+ -ms-transform-origin: left center;
6547
+ transform-origin: left center; }
6548
+ .premium-bullet-list-box .premium-bullet-list-content-grow-rc {
6549
+ -webkit-transform-origin: right center;
6550
+ -ms-transform-origin: right center;
6551
+ transform-origin: right center; }
6552
+ .premium-bullet-list-box .premium-bullet-list-content-grow-cc {
6553
+ -webkit-transform-origin: center center;
6554
+ -ms-transform-origin: center center;
6555
+ transform-origin: center center; }
6556
+
6557
+ .premium-bullet-list-content {
6558
+ -js-display: flex;
6559
+ display: -webkit-box;
6560
+ display: -webkit-flex;
6561
+ display: -moz-box;
6562
+ display: -ms-flexbox;
6563
+ display: flex;
6564
+ -webkit-transition: all 0.3s ease-in-out;
6565
+ transition: all 0.3s ease-in-out;
6566
+ width: auto;
6567
+ position: relative; }
6568
+ .premium-bullet-list-content .premium-bullet-list-text span,
6569
+ .premium-bullet-list-content .premium-bullet-list-wrapper {
6570
+ display: inline-block;
6571
+ -webkit-align-self: center;
6572
+ -ms-flex-item-align: center;
6573
+ align-self: center;
6574
+ -webkit-transition: all 0.3s ease-in-out;
6575
+ transition: all 0.3s ease-in-out; }
6576
+ .premium-bullet-list-content .premium-bullet-list-text span {
6577
+ margin: 0 5px; }
6578
+ .premium-bullet-list-content .premium-bullet-list-icon-text p {
6579
+ font-size: 18px;
6580
+ background-color: #eee;
6581
+ padding: 1px 5px;
6582
+ -webkit-border-radius: 2px;
6583
+ border-radius: 2px; }
6584
+ .premium-bullet-list-content .premium-bullet-list-text span,
6585
+ .premium-bullet-list-content .premium-bullet-list-icon-text p,
6586
+ .premium-bullet-list-content .premium-bullet-list-wrapper img,
6587
+ .premium-bullet-list-content .premium-bullet-list-wrapper svg,
6588
+ .premium-bullet-list-content .premium-bullet-list-wrapper i {
6589
+ -webkit-transition: all 0.3s ease-in-out;
6590
+ transition: all 0.3s ease-in-out; }
6591
+ .premium-bullet-list-content .premium-bullet-list-wrapper {
6592
+ position: relative;
6593
+ line-height: 0; }
6594
+ .premium-bullet-list-content .premium-bullet-list-wrapper img,
6595
+ .premium-bullet-list-content .premium-bullet-list-wrapper svg {
6596
+ width: 30px !important;
6597
+ height: 30px !important;
6598
+ position: relative;
6599
+ z-index: 500; }
6600
+ .premium-bullet-list-content .premium-bullet-list-wrapper i,
6601
+ .premium-bullet-list-content .premium-bullet-list-wrapper .premium-bullet-list-icon-text {
6602
+ position: relative;
6603
+ z-index: 500; }
6604
+ .premium-bullet-list-content .premium-bullet-list-link {
6605
+ position: absolute;
6606
+ top: 0;
6607
+ left: 0;
6608
+ width: 100%;
6609
+ height: 100%;
6610
+ z-index: 1000; }
6611
+
6612
+ .premium-bullet-list-content:not(:last-of-type) .premium-bullet-list-connector {
6613
+ width: 100%;
6614
+ height: 100%;
6615
+ position: absolute;
6616
+ top: 0.5em;
6617
+ z-index: 100;
6618
+ -js-display: flex;
6619
+ display: -webkit-box;
6620
+ display: -webkit-flex;
6621
+ display: -moz-box;
6622
+ display: -ms-flexbox;
6623
+ display: flex;
6624
+ -webkit-box-pack: center;
6625
+ -webkit-justify-content: center;
6626
+ -moz-box-pack: center;
6627
+ -ms-flex-pack: center;
6628
+ justify-content: center; }
6629
+ .premium-bullet-list-content:not(:last-of-type) .premium-bullet-list-connector .premium-icon-connector-content:after {
6630
+ content: "";
6631
+ border-right-width: 1px;
6632
+ border-right-style: solid;
6633
+ border-color: #333333;
6634
+ display: block;
6635
+ height: 100%; }
6636
+
6637
+ li.premium-bullet-list-content.premium-bullet-list-content-inline {
6638
+ -webkit-align-self: center;
6639
+ -ms-flex-item-align: center;
6640
+ align-self: center;
6641
+ z-index: 2; }
6642
+
6643
+ li.premium-bullet-list-content.premium-bullet-list-content-inline:not(:first-child) {
6644
+ margin: 0 3px; }
6645
+
6646
+ li.premium-bullet-list-content.premium-bullet-list-content-inline:first-child {
6647
+ margin: 0 3px 0 0; }
6648
+
6649
+ .premium-bullet-list-divider:not(:last-child) {
6650
+ width: 100%;
6651
+ -webkit-box-flex: 0;
6652
+ -webkit-flex: 0 0 100%;
6653
+ -moz-box-flex: 0;
6654
+ -ms-flex: 0 0 100%;
6655
+ flex: 0 0 100%;
6656
+ overflow: hidden; }
6657
+
6658
+ .premium-bullet-list-divider:not(:last-child):after {
6659
+ content: "";
6660
+ display: block;
6661
+ border-top-style: solid;
6662
+ border-top-width: 1px; }
6663
+
6664
+ .premium-bullet-list-divider-inline:not(:last-child) {
6665
+ float: right;
6666
+ display: inline-block;
6667
+ position: relative;
6668
+ height: 100%;
6669
+ overflow: hidden;
6670
+ -webkit-align-self: center;
6671
+ -ms-flex-item-align: center;
6672
+ align-self: center;
6673
+ margin: 0 3px; }
6674
+
6675
+ .premium-bullet-list-divider-inline:not(:last-child):after {
6676
+ content: "";
6677
+ display: block;
6678
+ border-left-width: 1px;
6679
+ height: 33px;
6680
+ border-left-style: solid; }
6681
+
6682
+ .premium-bullet-list-icon-text {
6683
+ line-height: 1.5; }
6684
+
6685
+ .premium-bullet-list-icon-text p,
6686
+ ul.premium-bullet-list-box,
6687
+ li.premium-bullet-list-content {
6688
+ margin: 0; }
6689
+
6690
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper i,
6691
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-text span,
6692
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-icon-text p {
6693
+ color: transparent !important;
6694
+ text-shadow: 0 0 3px #aaa; }
6695
+
6696
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-icon-connector-content,
6697
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper .premium-lottie-animation svg,
6698
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper img,
6699
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-badge {
6700
+ -webkit-filter: blur(3px);
6701
+ filter: blur(3px); }
6702
+
6703
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper i,
6704
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-text span,
6705
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-icon-text p {
6706
+ color: #aaa !important;
6707
+ text-shadow: 0 0px 0 transparent; }
6708
+
6709
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-icon-connector-content,
6710
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper .premium-lottie-animation svg,
6711
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper img,
6712
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-badge {
6713
+ -webkit-filter: none;
6714
+ filter: none; }
6715
+
6716
+ .premium-bullet-list-content .premium-bullet-list-badge {
6717
+ font-size: 11px;
6718
+ top: auto;
6719
+ min-width: -webkit-max-content;
6720
+ min-width: -moz-max-content;
6721
+ min-width: max-content;
6722
+ height: -webkit-fit-content;
6723
+ height: -moz-fit-content;
6724
+ height: fit-content; }
6725
+
6726
+ .premium-bullet-list-content .premium-bullet-list-icon-text p {
6727
+ font-size: 13px; }
6728
+
6729
+ .premium-bullet-list-gradient-effect[data-text] {
6730
+ display: inline-block;
6731
+ position: relative;
6732
+ text-decoration: none; }
6733
+
6734
+ .premium-bullet-list-gradient-effect[data-text]::before {
6735
+ content: attr(data-text);
6736
+ position: absolute;
6737
+ z-index: 1;
6738
+ overflow: hidden;
6739
+ -webkit-clip-path: polygon(0 0, 1px 0, 1px 100%, 0 100%);
6740
+ clip-path: polygon(0 0, 1px 0, 1px 100%, 0 100%);
6741
+ -webkit-background-clip: text;
6742
+ background-clip: text;
6743
+ -webkit-text-fill-color: transparent;
6744
+ -webkit-transition: all 0.4s ease;
6745
+ transition: all 0.4s ease; }
6746
+
6747
+ .premium-bullet-list-content:hover .premium-bullet-list-gradient-effect[data-text]::before,
6748
+ .premium-bullet-list-content:focus .premium-bullet-list-gradient-effect[data-text]::before {
6749
+ -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
6750
+ clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
6751
+
6752
+ ul[data-list-animation*="animated-"] .premium-bullet-list-divider,
6753
+ ul[data-list-animation*="animated-"] .premium-bullet-list-content,
6754
+ ul[data-list-animation*="animated-"] .premium-bullet-list-divider-inline {
6755
+ opacity: 0; }
6756
+
6757
+ .premium-bullet-list-content-grow-effect:hover {
6758
+ -webkit-transform: scale(1.07);
6759
+ -ms-transform: scale(1.07);
6760
+ transform: scale(1.07); }
assets/frontend/js/premium-addons.js CHANGED
@@ -1209,14 +1209,16 @@
1209
  breakpoint: settings.tabletBreak,
1210
  settings: {
1211
  slidesToShow: settings.slidesTab,
1212
- slidesToScroll: settings.slidesTab
 
1213
  }
1214
  },
1215
  {
1216
  breakpoint: settings.mobileBreak,
1217
  settings: {
1218
  slidesToShow: settings.slidesMob,
1219
- slidesToScroll: settings.slidesMob
 
1220
  }
1221
  }
1222
  ],
@@ -1227,7 +1229,6 @@
1227
  autoplay: settings.autoplay,
1228
  autoplaySpeed: settings.autoplaySpeed,
1229
  draggable: settings.draggable,
1230
- touchMove: settings.touchMove,
1231
  rtl: settings.rtl,
1232
  adaptiveHeight: settings.adaptiveHeight,
1233
  pauseOnHover: settings.pauseOnHover,
@@ -1498,11 +1499,7 @@
1498
  /****** Premium Blog Handler ******/
1499
  var PremiumBlogHandler = ModuleHandler.extend({
1500
 
1501
- settings: {
1502
- pageNumber: 1,
1503
- isLoaded: true,
1504
- count: 2
1505
- },
1506
 
1507
  getDefaultSettings: function () {
1508
  return {
@@ -1512,7 +1509,7 @@
1512
  loading: '.premium-loading-feed',
1513
  blogElement: '.premium-blog-wrap',
1514
  blogFilterTabs: '.premium-blog-filter',
1515
- blogWrapper: '.premium-blog-content-wrapper',
1516
  blogPost: '.premium-blog-post-outer-container',
1517
  metaSeparators: '.premium-blog-meta-separator',
1518
  filterLinks: '.premium-blog-filters-container li a',
@@ -1530,7 +1527,7 @@
1530
  $activeCat: this.$element.find(selectors.activeCat),
1531
  $filterLinks: this.$element.find(selectors.filterLinks),
1532
  $blogPost: this.$element.find(selectors.blogPost),
1533
- $blogWrapper: this.$element.find(selectors.blogWrapper)
1534
  };
1535
 
1536
  elements.$metaSeparators = elements.$blogPost.first().find(selectors.metaSeparators);
@@ -1540,36 +1537,44 @@
1540
  },
1541
 
1542
  bindEvents: function () {
1543
- this.getGeneralSettigns();
1544
  this.run();
1545
  },
1546
 
1547
- getGeneralSettigns: function () {
1548
 
1549
  var settings = this.getElementSettings(),
1550
  $blogPost = this.elements.$blogPost;
1551
 
1552
- this.settings.equalHeight = settings.force_height;
1553
- this.settings.layout = settings.premium_blog_layout;
 
 
 
 
 
 
 
 
 
 
1554
 
1555
- this.settings.carousel = 'yes' === settings.premium_blog_carousel ? true : false;
1556
- this.settings.infinite = 'yes' === settings.premium_blog_infinite_scroll ? true : false;
1557
- this.settings.scrollAfter = 'yes' === settings.scroll_to_offset ? true : false;
1558
- this.settings.grid = 'yes' === settings.premium_blog_grid ? true : false;
1559
- this.settings.total = $blogPost.data('total');
1560
 
1561
- if (this.settings.carousel) {
1562
 
1563
- this.settings.slidesToScroll = settings.slides_to_scroll;
1564
- this.settings.spacing = parseInt(settings.premium_blog_carousel_spacing);
1565
- this.settings.autoPlay = 'yes' === settings.premium_blog_carousel_play ? true : false;
1566
- this.settings.arrows = 'yes' === settings.premium_blog_carousel_arrows ? true : false;
1567
- this.settings.fade = 'yes' === settings.premium_blog_carousel_fade ? true : false;
1568
- this.settings.center = 'yes' === settings.premium_blog_carousel_center ? true : false;
1569
- this.settings.dots = 'yes' === settings.premium_blog_carousel_dots ? true : false;
1570
- this.settings.speed = '' !== settings.premium_blog_carousel_autoplay_speed ? parseInt(settings.premium_blog_carousel_autoplay_speed) : 5000;
1571
 
1572
  }
 
 
 
1573
  },
1574
 
1575
  run: function () {
@@ -1664,7 +1669,8 @@
1664
 
1665
  forceEqualHeight: function () {
1666
  var heights = new Array(),
1667
- $blogWrapper = this.elements.$blogWrapper;
 
1668
 
1669
  $blogWrapper.each(function (index, post) {
1670
 
@@ -1841,7 +1847,6 @@
1841
 
1842
  //Make sure grid option is enabled.
1843
  if (_this.settings.layout) {
1844
-
1845
  if ("even" === _this.settings.layout) {
1846
  if (_this.settings.equalHeight)
1847
  _this.forceEqualHeight();
1209
  breakpoint: settings.tabletBreak,
1210
  settings: {
1211
  slidesToShow: settings.slidesTab,
1212
+ slidesToScroll: settings.slidesTab,
1213
+ swipe: settings.touchMove,
1214
  }
1215
  },
1216
  {
1217
  breakpoint: settings.mobileBreak,
1218
  settings: {
1219
  slidesToShow: settings.slidesMob,
1220
+ slidesToScroll: settings.slidesMob,
1221
+ swipe: settings.touchMove,
1222
  }
1223
  }
1224
  ],
1229
  autoplay: settings.autoplay,
1230
  autoplaySpeed: settings.autoplaySpeed,
1231
  draggable: settings.draggable,
 
1232
  rtl: settings.rtl,
1233
  adaptiveHeight: settings.adaptiveHeight,
1234
  pauseOnHover: settings.pauseOnHover,
1499
  /****** Premium Blog Handler ******/
1500
  var PremiumBlogHandler = ModuleHandler.extend({
1501
 
1502
+ settings: {},
 
 
 
 
1503
 
1504
  getDefaultSettings: function () {
1505
  return {
1509
  loading: '.premium-loading-feed',
1510
  blogElement: '.premium-blog-wrap',
1511
  blogFilterTabs: '.premium-blog-filter',
1512
+ contentWrapper: '.premium-blog-content-wrapper',
1513
  blogPost: '.premium-blog-post-outer-container',
1514
  metaSeparators: '.premium-blog-meta-separator',
1515
  filterLinks: '.premium-blog-filters-container li a',
1527
  $activeCat: this.$element.find(selectors.activeCat),
1528
  $filterLinks: this.$element.find(selectors.filterLinks),
1529
  $blogPost: this.$element.find(selectors.blogPost),
1530
+ $contentWrapper: this.$element.find(selectors.contentWrapper)
1531
  };
1532
 
1533
  elements.$metaSeparators = elements.$blogPost.first().find(selectors.metaSeparators);
1537
  },
1538
 
1539
  bindEvents: function () {
1540
+ this.setLayoutSettings();
1541
  this.run();
1542
  },
1543
 
1544
+ setLayoutSettings: function () {
1545
 
1546
  var settings = this.getElementSettings(),
1547
  $blogPost = this.elements.$blogPost;
1548
 
1549
+ var layoutSettings = {
1550
+ pageNumber: 1,
1551
+ isLoaded: true,
1552
+ count: 2,
1553
+ equalHeight: settings.force_height,
1554
+ layout: settings.premium_blog_layout,
1555
+ carousel: 'yes' === settings.premium_blog_carousel ? true : false,
1556
+ infinite: 'yes' === settings.premium_blog_infinite_scroll ? true : false,
1557
+ scrollAfter: 'yes' === settings.scroll_to_offset ? true : false,
1558
+ grid: 'yes' === settings.premium_blog_grid ? true : false,
1559
+ total: $blogPost.data('total'),
1560
+ };
1561
 
 
 
 
 
 
1562
 
1563
+ if (layoutSettings.carousel) {
1564
 
1565
+ layoutSettings.slidesToScroll = settings.slides_to_scroll;
1566
+ layoutSettings.spacing = parseInt(settings.premium_blog_carousel_spacing);
1567
+ layoutSettings.autoPlay = 'yes' === settings.premium_blog_carousel_play ? true : false;
1568
+ layoutSettings.arrows = 'yes' === settings.premium_blog_carousel_arrows ? true : false;
1569
+ layoutSettings.fade = 'yes' === settings.premium_blog_carousel_fade ? true : false;
1570
+ layoutSettings.center = 'yes' === settings.premium_blog_carousel_center ? true : false;
1571
+ layoutSettings.dots = 'yes' === settings.premium_blog_carousel_dots ? true : false;
1572
+ layoutSettings.speed = '' !== settings.premium_blog_carousel_autoplay_speed ? parseInt(settings.premium_blog_carousel_autoplay_speed) : 5000;
1573
 
1574
  }
1575
+
1576
+ this.settings = layoutSettings;
1577
+
1578
  },
1579
 
1580
  run: function () {
1669
 
1670
  forceEqualHeight: function () {
1671
  var heights = new Array(),
1672
+ contentWrapper = this.getSettings('selectors').contentWrapper,
1673
+ $blogWrapper = this.$element.find(contentWrapper);
1674
 
1675
  $blogWrapper.each(function (index, post) {
1676
 
1847
 
1848
  //Make sure grid option is enabled.
1849
  if (_this.settings.layout) {
 
1850
  if ("even" === _this.settings.layout) {
1851
  if (_this.settings.equalHeight)
1852
  _this.forceEqualHeight();
assets/frontend/js/premium-vscroll.js CHANGED
@@ -1,900 +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
- 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
- .stop()
596
- .clearQueue()
597
- .animate({
598
- scrollTop: offset
599
- },
600
- settings.speed,
601
- "easeInOutCirc",
602
- function () {
603
- isScrolling = false;
604
- }
605
- );
606
- }
607
- };
608
-
609
- self.preventDefault = function (event) {
610
-
611
- if (event.preventDefault) {
612
-
613
- event.preventDefault();
614
-
615
- } else {
616
-
617
- event.returnValue = false;
618
-
619
- }
620
-
621
- };
622
-
623
-
624
- self.onAnchorChange = function (sectionId) {
625
-
626
- var $this = $("[data-menuanchor=" + sectionId + "]", $instance),
627
- offset = null;
628
-
629
- if (!sections.hasOwnProperty(sectionId)) {
630
- return false;
631
- }
632
-
633
- offset = sections[sectionId].offset - settings.offset;
634
-
635
- if (offset < 0)
636
- offset = sections[sectionId].offset;
637
-
638
- if (!isScrolling) {
639
- isScrolling = true;
640
-
641
- if (settings.addToHistory) {
642
- window.history.pushState(null, null, "#" + sectionId);
643
- }
644
-
645
- currentSection = sectionId;
646
-
647
- $itemsList.removeClass("active");
648
- $menuItems.removeClass("active");
649
-
650
- $this.addClass("active");
651
-
652
- $htmlBody.animate({ scrollTop: offset }, settings.speed, "easeInOutCirc");
653
-
654
- setTimeout(function () {
655
- isScrolling = false;
656
- }, settings.speed < 700 ? 700 : settings.speed);
657
- }
658
- };
659
-
660
- self.onKeyUp = function (event, direction) {
661
-
662
- //If keyboard is triggered before scroll
663
- if (currentSection === 1) {
664
- currentSection = $itemsList.eq(0).data("menuanchor");
665
- }
666
-
667
- var direction = direction || "up",
668
- nextItem = $(".premium-vscroll-dot-item[data-menuanchor=" + currentSection + "]", $instance).next(),
669
- prevItem = $(".premium-vscroll-dot-item[data-menuanchor=" + currentSection + "]", $instance).prev();
670
-
671
- event.preventDefault();
672
-
673
- if (isScrolling) {
674
- return false;
675
- }
676
-
677
- if ("up" === direction) {
678
- if (prevItem[0]) {
679
- prevItem.trigger("click.premiumVerticalScroll");
680
- }
681
- } else {
682
- if (nextItem[0]) {
683
- nextItem.trigger("click.premiumVerticalScroll");
684
- }
685
- }
686
- };
687
-
688
- function getFirstSection(object) {
689
- return Object.keys(object)[0];
690
- }
691
-
692
- function getLastSection(object) {
693
- return Object.keys(object)[Object.keys(object).length - 1];
694
- }
695
-
696
- function getScrollData(e) {
697
- e = e || window.event;
698
-
699
- var t = e.wheelDelta || -e.deltaY || -e.detail;
700
-
701
- return t;
702
- }
703
-
704
- var prevTime = new Date().getTime();
705
- self.onWheel = function (event) {
706
-
707
- if (inScope && !isTouch) {
708
- self.preventDefault(event);
709
- }
710
-
711
- var $target = $(event.target),
712
- sectionSelector = checkTemps ? ".premium-vscroll-temp" : ".elementor-top-section",
713
- $section = $target.closest(sectionSelector),
714
- sectionId = $section.attr("id"),
715
- $vTarget = self.visible($instance, true, false),
716
- newSectionId = false,
717
- prevSectionId = false,
718
- nextSectionId = false,
719
- scrollData = getScrollData(event),
720
- delta = Math.max(-1, Math.min(1, scrollData)),
721
- direction = 0 > delta ? "down" : "up",
722
- windowScrollTop = $window.scrollTop(),
723
- dotIndex = $(".premium-vscroll-dot-item.active").index();
724
-
725
- var curTime = new Date().getTime();
726
-
727
- if (scrollings.length > 149) {
728
- scrollings.shift();
729
- }
730
-
731
- //keeping record of the previous scrollings
732
- scrollings.push(Math.abs(scrollData));
733
-
734
- //time difference between the last scroll and the current one
735
- var timeDiff = curTime - prevTime;
736
- prevTime = curTime;
737
-
738
- //haven't they scrolled in a while?
739
- //(enough to be consider a different scrolling action to scroll another section)
740
- if (timeDiff > 200) {
741
- //emptying the array, we dont care about old scrollings for our averages
742
- scrollings = [];
743
- }
744
-
745
- if (isTouch) {
746
-
747
- $(".premium-vscroll-tooltip").hide();
748
-
749
- if (dotIndex === $itemsList.length - 1 && !$vTarget) {
750
- $instance.find(".premium-vscroll-dots, .premium-vscroll-nav-menu").addClass("premium-vscroll-dots-hide");
751
- } else if (dotIndex === 0 && !$vTarget) {
752
- if ($instance.offset().top - $(document).scrollTop() > 200) {
753
- $instance.find(".premium-vscroll-dots, .premium-vscroll-nav-menu").addClass("premium-vscroll-dots-hide");
754
- }
755
- } else {
756
- $instance.find(".premium-vscroll-dots, .premium-vscroll-nav-menu").removeClass("premium-vscroll-dots-hide");
757
- }
758
- }
759
-
760
- if (beforeCheck()) {
761
- sectionId = getFirstSection(sections);
762
- }
763
-
764
- if (afterCheck()) {
765
- sectionId = getLastSection(sections);
766
- }
767
-
768
- if (sectionId && sections.hasOwnProperty(sectionId)) {
769
-
770
- prevSectionId = self.checkPrevSection(sections, sectionId);
771
- nextSectionId = self.checkNextSection(sections, sectionId);
772
-
773
- if ("up" === direction) {
774
- if (!nextSectionId && sections[sectionId].offset < windowScrollTop) {
775
- newSectionId = sectionId;
776
- } else {
777
- newSectionId = prevSectionId;
778
- }
779
- } else {
780
- if (!prevSectionId && sections[sectionId].offset > windowScrollTop + 5) {
781
- newSectionId = sectionId;
782
- } else {
783
- newSectionId = nextSectionId;
784
- }
785
- }
786
-
787
- var averageEnd = self.getAverage(scrollings, 10);
788
- var averageMiddle = self.getAverage(scrollings, 70);
789
- var isAccelerating = averageEnd >= averageMiddle;
790
-
791
- if (newSectionId) {
792
- inScope = true;
793
- if (!self.isScrolled(sectionId, direction) && !isTouch) {
794
- return;
795
- }
796
-
797
- $instance.find(".premium-vscroll-dots, .premium-vscroll-nav-menu").removeClass("premium-vscroll-dots-hide");
798
-
799
- var iScrollInstance = $("#scroller-" + newSectionId).data('iscrollInstance');
800
-
801
- if (isAccelerating && !isScrolling) {
802
- self.onAnchorChange(newSectionId);
803
- //Prevent overflow sections from scrolling.
804
- // if (iScrollInstance)
805
- // iScrollInstance.disable();
806
- } else {
807
- //Enable overflow sections scroll after 2s.
808
- // if (iScrollInstance) {
809
- // setTimeout(function () {
810
- // iScrollInstance.enable();
811
- // }, settings.speed);
812
- // }
813
-
814
- }
815
-
816
- } else {
817
- //Make sure the scroll is done.
818
- if (averageEnd <= 5) {
819
- inScope = false;
820
- }
821
-
822
- var $lastselector = checkTemps ? $instance : $("#" + sectionId);
823
-
824
- if ("down" === direction) {
825
- if (
826
- $lastselector.offset().top +
827
- $lastselector.innerHeight() -
828
- $(document).scrollTop() >
829
- 600
830
- ) {
831
- $instance.find(".premium-vscroll-dots, .premium-vscroll-nav-menu").addClass("premium-vscroll-dots-hide");
832
- }
833
- } else if ("up" === direction) {
834
-
835
- $instance.find(".premium-vscroll-dots, .premium-vscroll-nav-menu").addClass("premium-vscroll-dots-hide");
836
-
837
- }
838
- }
839
- }
840
- };
841
-
842
- function beforeCheck() {
843
- var windowScrollTop = $window.scrollTop(),
844
- firstSectionId = getFirstSection(sections),
845
- offset = sections[firstSectionId].offset,
846
- topBorder = windowScrollTop + $window.outerHeight(),
847
- visible = self.visible($instance, true, false);
848
-
849
- if (topBorder > offset) {
850
- return false;
851
- } else if (visible) {
852
- return true;
853
- }
854
- return false;
855
- }
856
-
857
- function afterCheck() {
858
- var windowScrollTop = $window.scrollTop(),
859
- lastSectionId = getLastSection(sections),
860
- bottomBorder =
861
- sections[lastSectionId].offset +
862
- sections[lastSectionId].height,
863
- visible = self.visible($instance, true, false);
864
-
865
- if (windowScrollTop < bottomBorder) {
866
- return false;
867
- } else if (visible) {
868
- return true;
869
- }
870
-
871
- return false;
872
- }
873
-
874
- self.onResize = function () {
875
- self.setSectionsData();
876
- self.sectionsOverflowRefresh();
877
- };
878
-
879
- self.getAverage = function (elements, number) {
880
- var sum = 0;
881
-
882
- //taking `number` elements from the end to make the average, if there are not enought, 1
883
- var lastElements = elements.slice(Math.max(elements.length - number, 1));
884
-
885
- for (var i = 0; i < lastElements.length; i++) {
886
- sum = sum + lastElements[i];
887
- }
888
-
889
- return Math.ceil(sum / number);
890
- }
891
-
892
- };
893
-
894
- $(window).on("elementor/frontend/init", function () {
895
- elementorFrontend.hooks.addAction(
896
- "frontend/element_ready/premium-vscroll.default",
897
- PremiumVerticalScrollHandler
898
- );
899
- });
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 =